@import url(luna_core.css);

body
{
	margin: 0px;
	padding: 0px;
	color: #000;
	background: #666666;
	background-image: url(images/backgroundpattern2.gif);
	font: normal 11px tahoma, geneva, verdana, sans-serif;
	text-align: center;
}

.body a, a:visited { color: #fff; }

#weather div, #weather span
{
	float: left;
	display: block;
	position: relative;
	text-align: left;
	margin: -48px 0px 0px 798px;
	font: lighter 11px tahoma, geneva, verdana, sans-serif;
	color: #fff;
	letter-spacing: 0.1em;
}
.tip_tip p {
   text-align: left;
}
.weather {
	position: absolute;
	right: 10px;
	top: 10px;
}
.weather span, .weather img {
	float: left;
}
.weather span {
	padding: 15px 30px 0 0;
}
#weather img
{
	float: right;
	display: block;
	margin: -68px 8px 0px 0px;
	padding: 0px;
}

#intro
{
	margin: 0px 0px 0px 0px;
	position: relative;
  background: #e2e1eb;
	float: left;
	display: block;
        z-index: 0;
}

#wrapper {
	position: relative;
	margin: 0px auto;
	width: 1000px;
	text-align: left;
}

#ocwrapper {
	/* background colour of left sidebar */
	/* background colour of right sidebar */
	border-right-width: 0px;
        background: #E2E1EB;
}

#leftsidebar
{
	margin-right: 0px;
	margin: 18px 0px 0px 15px;
	padding: 0px 10px 75px 0px;
/*      height: 450px;*/
/*      overflow: auto;*/
	width: 513px;
	position: relative;
	float: left;
	display: block;
z-index: 1;
}

#leftsidebarhome
{
	margin: 0px 0px 0px 0px;
	padding: 18px 0px 0px 0px;
	overflow: none;
	width: 549px;
	height: 705px;
	position: relative;
	float: left;
	display: block;
z-index: 1;
  background: #e2e1eb;
}


#category #rightsidebar, #search_results #rightsidebar {
  background: #e2e1eb;
}
#rightsidebar
{
	margin: 0px 0px 0px -211px;
	padding: 0px 0px 0px 0px;
	width: 211px;
	background: #999999;
	float: left;
	overflow: none;
	display: block;
	text-align: center;
}

#detailed #rightsidebar, #home #rightsidebar {
	/* margin: 0px 0px 0px -221px;
	width: 221px; */
}

#ad_ocwrapper
{
	/* background colour of left sidebar */
	border-left: 30px solid #e1e1e1;
	/* background colour of right sidebar */
	border-right: 30px;
	background: #e1e1e1;
	height: 500px;
}

#ad_leftsidebar
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 970px;
	float: left;
	position: relative;
	height: 500px;
	overflow: auto;
	display: block;
}

#leftmenu
{
	margin-left: 0px;
        margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 539px;
	float: left;
	position: absolute;
	display: block;
	z-index: 3;
}

#leftsidebar ul li
{
	margin: 5px 5px 5px -40px;
	list-style: none;
}

#rightsidebar a { color: #fc6; }

/*------------*\
|* navigation *|
\*------------*/

.navbar { margin-bottom: 1px; }

ul.primarynav, ul.secondarynav
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #ffffff;
	float: left;
	list-style: none;
}

ul.primarynav, ul.secondarynav
{
	width: 100%;
	background: #808386;
	border-bottom: 1px solid #666666;
	border-top: 10px solid #666666;
}

ul.primarynav li, ul.secondarynav li
{
	float: left;
	list-style: none;
}

ul.primarynav li { background: transparent url(images/betweennav.gif) bottom right no-repeat; }

ul.primarynav a
{
	margin-right: 1px;
	padding: 7px 9px 7px 10px;
	float: left;
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
}

ul.primarynav a:visited { color: #ffffff; }

ul.primarynav a:hover
{
	color: #ffffff;
	background: #737180;
}

ul.primarynav li.home
{
	border-right: none;
	background: #4c4c4c;
}

ul.primarynav li.home a
{
	margin-right: 0px;
	padding-left: 30px;
}

ul.secondarynav li.first { padding-left: 5px; }

ul.secondarynav a
{
	margin-right: 1px;
	padding: 4px 5px;
	float: left;
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}

ul.secondarynav a:visited { color: #ffffff; }
ul.secondarynav a:hover { color: #212126; }
#loginbar a { margin-top: 0px; }

/* links */
a
{
	color: #333;
	text-decoration: none;
}

a:visited { color: #333; }

a:hover
{
	color: #000;
	text-decoration: underline;
}

#home dt a
{
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.1em;
}

.crumb
{
	font-size: 12px;
	text-align: left;
	margin: 0px 30px 0px 0px;
	color: #000;
}

.crumb a, a:visited { color: #000; }

p
{
	margin: 0px;
	color: #000;
}

/* links */
.link_left {
   width: 392px;
   float: right;
}
.linklisting { margin: 15px 15px 20px 0px; z-index: 999; }
.linklisting h4.linktitle, .linklisting p.linkurl, .linklisting p.linkrating { margin: 2px 0px 0px 0px; }

.linklisting h5.linktitle a
{
	padding-bottom: 5px;
	font-weight: bold;
	color: #333;
}

.linklisting p.linkurl a
{
	color: #999;
	text-decoration: none;
}

.linklisting p.linkrating { font-size: 9px; }

.linklisting p.linkrating .linkexpired
{
	color: #fff;
	font-weight: bold;
}

.linklisting .linkdescription, .review .reviewcontent
{
	margin: 5px 10px 5px 0px;
	padding: 0px;
	border: 0px solid #bbbfa1;
	background: none;
	color: #333;
	overflow: hidden;
}

.linklisting .paidlinkdescription {
  margin: 0px 5px 0px 0px;
  padding: 5px;
  border: 1px solid #bbbfa1;
  overflow: hidden;
}
.linkimg
{
	margin: 0px;
	padding: 0px;
	margin-right: 0px;
	width: 90px;
	float: right;
	display: block;
	height: 90px;
}

.detaildescription
{
	margin: 10px 50px 10px 0px;
	padding: 0px;
	line-height: 14px;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	letter-spacing: 0.05em;
	word-spacing: .05em color: #333;
	overflow: hidden;
}

.detailimg
{
	margin: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-top: -10px;
	float: right;
	position: relative;
	display: block;
	width: 90px;
	height: 90px;
}

/* overflow: hidden doesn't work in ie unless the width is set */
html .linklisting .linkdescription, * html .review .reviewcontent { width: 90%; }
.linklisting p.linkactions { margin: 0px; }

.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a
{
	padding: 1px 4px;
	border: 1px solid #999;
	font-size: 9px;
	background: #ccc;
	color: #333;
	text-decoration: none;
}

.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover { background: #e2e1eb; }
.menu {
	background: #808386;
}
#menu {
	position: relative;
	list-style-type: none;
	margin: 10px 0 2px 0;
	padding: 0px;
	height: 26px;
}

.menuitem {
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	height: 26px;
	z-index: 100;
	width: 77px;
	border-right: 1px dotted #a4a4a4;
}

#mi01 { left: 0; width: 60px; }
#mi02 { left: 61px; }
#mi03 { left: 139px; }
#mi04 { left: 217px; }
#mi05 { left: 295px; }
#mi06 { left: 373px; }
#mi07 { left: 451px; }

.menuitem ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.menuitem li {
	margin: 0;
	padding: 0;
}

.submenu li {
	position: relative;
	width: 14em;
}

/* 2-class selector to have higher weight than ".menuitem ul" */
.submenu .subsubmenu {
	position: absolute;
	top: 0;
	left: 14em;
	width: 14em;
	display: none;
}

.menuitem:hover {
	height: 10px;
	overflow: visible;
}

.submenu li:hover > .subsubmenu { display: block; }

#menu a {
	display: block;
	margin: 0px;
	padding: 6px 0px 6px 0px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #808386;
}

#menu .submenu a {
	display: block;
	margin: 0px;
	padding: 3px 1px 3px 10px;
	text-align: left;
	text-decoration: none;
	color: #fff;
	background: #a4a4a4;
}

#mi01 a {
	display: block;
	margin: 0px;
	text-align: left;
	text-decoration: none;
	color: #fff;
	padding-left: 20px;
	background: #4c4c4c;
}

#menu a:hover { background: #a4a4a4; }
#menu .submenu a:hover { background: #808386; }
.menuitem a { background: #97DF50; }
.menuitem ul a { background: #CEE6B5; }
.menuitem ul ul a { background: #97DF50; }
.menuitem ul ul ul a { background: violet; }
.menuitem ul ul ul ul a { background: orange; }

/*-----------*\
|* searchbar *|
\*-----------*/

.searchbar
{
	color: #fff;
	padding: 5px 10px 5px 30px;
	margin-bottom: 10px;
	background: #808386;
}

.searchbar input.text, .searchbar input.submit { margin-right: 2px; }
.searchbar input.text { width: 135px; }

/* setting this in mozilla causes rendering issues */
* html .searchbar input.submit { height: 21px; }

/* these colours are the same as defined by 'a', but we unset a:visited */
.searchbar a
{
	color: #fff;
	font-size: 10px;
	margin: 5px 5px 0px 10px;
}

.searchbar a:hover { color: #ccc; }

/*---------*\
|* content *|
\*---------*/

#contentwrapper
{
	width: 100%;
	float: left;
	position: relative;
	/* background: #999999; */
}
#home #contentwrapper {
        background: #999999;
}

#content .article2 {
        margin: 0px auto;
	padding: 10px;
	background: #999999;
}
#content2
{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 20px;
	float: left;
	width: 191px; 
	position: relative;
	background: #999999;
}
.content2_ad {
        padding-top: 10px;
	text-align: center;
	background: #999999;
}


#content
{
	margin-right: 0px;
	margin-left: 0px;
	margin: 0px 0px 0px 549px;
  background: #999;
	padding: 0px;
	width: 240px;
}

#detailed #content {
        background: #333;
}
#home #content {
        background: #4c4c4c;;
}
#content .randlink, #content2 .top {
    background: #4C4C4C;
}
#content .randlink .desc {
    padding: 5px;
}
#content .adskyscraper1 {
    margin: 0px 0px 0px 20px;
    width: 230px;
}
.adskyscraper2 {
    margin: 10px 0px 0px 0px;
}

#content p
{
	margin: 10px 10px 0px 10px;
	padding: 0px 0px 10px 0px;
	color: #fff;
	line-height: 14px;
}

#content a { color: #fff; }
#content a:visited { color: #fff; }
#content a:hover { color: #fc6; }

/*---------------*\
|* contentheader *|
\*---------------*/

#contentheader
{
	padding: 21px 0px 0px 0px;
	background: none;
	width: 539px;
	position: absolute;
	display: block;
	z-index: 1;
}

#contentheader .error, #contentheader .message
{
	margin: 0px 20px 0px 0px;
	padding: 10px 20px 0px 30px;
	border: none;
	color: #f33;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#contentheader .error { background: #e2e1eb; }
#contentheader .message { background: #e2e1eb; }

/*--------*\
|* footer *|
\*--------*/

#footer
{
	margin-top: 17px;
	padding: 0px;
	border-top: none;
	background: none;
}

#footer a
{
	margin-right: 20px;
	font-size: 11px;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #FFF;
}

#footer a:visited { color: #FFF; }

#footer a:hover
{
	text-decoration: underline;
	color: #333;
}

#footer img { float: right; }

#footer p
{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	color: #fffff;
}

#credit
{
	margin: -15px 35px 0px 0px;
	padding: 0px;
	font-size: 9px;
	color: #666666;
	float: right;
	position: relative;
	display: block:;
}

#credit a, a:visited, a:active { color: #666666; }
#credit a:visited { color: #666666; }
#credit a:active { color: #666666; }

#credit a:hover
{
	text-decoration: underline;
	color: #666666;
}

h5.linktitle
{
	margin: 0px;
	color: #333;
	font-size: 14px;
}

h3
{
	color: #333;
	margin: 10px 10px 10px 0px;
}

h2
{
	color: #333;
	margin: 10px 0px 10px 0px;
}

#content h3
{
	font-size: 14px;
	font-weight: bold;
	margin: 10px;
	padding: 0px;
	border-bottom: 0px;
	color: #fff;
}

p.category { font-size: 13px; }

#home #content h4
{
	margin-top: 10px;
	font-weight: bold;
	font-size: 14px;
}

#category dt a {
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	letter-spacing: 0.1em;
	word-spacing: .2em;
}

#category dt, #category dd, #home dt, #home dd
{
	margin: 5px 3px 0px 0px;
	line-height: 13px;
	text-decoration: none;
}

#category dd, #home dd
{
	padding-bottom: 10px;
	text-decoration: none;
}

#category dl
{
	margin: 10px 0px 0px 0px;
	width: 49%;
	float: left;
	text-decoration: none;
}

#home dl
{
	margin: 10px 0px 0px 0px;
	width: 33%;
}

.price-item {
  font-weight: normal;
  font-size: 9px;
  color: #000000;
  vertical-align: text-top;
}

/* link/bookmark status icsssnew-item, .updated-item, .popular-item, .unpaid-item, .expired-item, .free-item, .bookmark-public, .bookmark-default
{
	background: none;
	font-weight: normal;
	font-size: 9px;
	color: #ffffff;
	vertical-align: text-top;
}

.new-item { color: #fc6; }

.updated-item
{
	background-color: none;
	background: none;
	color: #999;
}

.updated-item span { background: none; }

.popular-item
{
	background-color: none;
	color: #999;
}

.bookmark-public { background-color: #cc6613; }
.bookmark-default { background-color: #336666; }

.amenities
{
	background: #ccc;
	font-weight: normal;
	font-size: 9px;
	color: #666;
	background-color: none;
	border: 1px solid #999;
	margin: 5px 0px 5px 0px;
	padding: 0px 5px 0px 5px;
}

.amenities span
{
	text-align: right;
	padding: 0px 3px;
	background: none;
}

.new-item
{
	background: none;
	font-weight: normal;
	font-size: 9px;
	color: #FF3333;
	vertical-align: text-top;
	background-color: none;
}

.new-item span
{
	text-align: right;
	padding: 0px 0px;
	background: none;
}

#header {
	background: none;
	background-color: #999999;
}

/* Logo size and image source */
#logo
{
	width: 741px;
	height: 75px;
	background-image: url(images/myurbanlogo3.gif);
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/* search highlighting */
.searchhl-1, .searchhl-2, .searchhl-3, .searchhl-4, .searchhl-5 { font-weight: bold; }
.searchhl-1 { background: none; }
.searchhl-2 { background: none; }
.searchhl-3 { background: none; }
.searchhl-4 { background: none; }
.searchhl-5 { background: none; }

dl#Map
{
	margin: 0;
	padding: 0;
	background: transparent url(images/map.gif) top left no-repeat;
	height: 343px;
	width: 126px;
	top: 100px;
	position: relative;
}

dt.Map
{
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 85%;
	display: none;
}

dd.Map
{
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 85%;
}

/* ---------- Hotspot Declarations ---------- */
dd#upperDef
{
	top: 0px;
	left: 0px;
}

dd#upperDef a
{
	position: absolute;
	width: 126px;
	height: 60px;
	text-decoration: none;
}

dd#upperDef a span { display: none; }

dd#upperDef a:hover
{
	position: absolute;
	background: transparent url(images/map.gif) -128px 0px no-repeat;
	top: -5px;
	left: 0px;
}

dd#upperDef a:hover span
{
	display: block;
	text-indent: 0;
	left: 14em;
	vertical-align: bottom;
	position: absolute;
	margin: 0;
	padding: 5px;
	width: 200%;
}

dd#westDef
{
	top: 40px;
	left: 0px;
}

dd#westDef a
{
	position: absolute;
	width: 40px;
	height: 145px;
	text-decoration: none;
}

dd#westDef a span { display: none; }

dd#westDef a:hover
{
	background: transparent url(images/map.gif) -256px -0px no-repeat;
	top: -45px;
	left: 0px;
}

dd#westDef a:hover span
{
	display: block;
	text-indent: 0;
	left: 14em;
	vertical-align: bottom;
	position: absolute;
	margin: 0;
	padding: 5px;
	width: 200%;
}

dd#centralDef
{
	top: 40px;
	left: 40px;
}

dd#centralDef a
{
	position: absolute;
	width: 20px;
	height: 145px;
	text-decoration: none;
}

dd#centralDef a span { display: none; }

dd#centralDef a:hover
{
	background: transparent url(images/map.gif) -424px -0px no-repeat;
	top: -45px;
	left: 0px;
}

dd#centralDef a:hover span
{
	display: block;
	text-indent: 0;
	left: 10em;
	vertical-align: bottom;
	position: absolute;
	margin: 0;
	padding: 5px;
	width: 200%;
}

dd#eastDef
{
	top: 56px;
	left: 60px;
}

dd#eastDef a
{
	position: absolute;
	width: 50px;
	height: 145px;
	text-decoration: none;
}

dd#eastDef a span { display: none; }

dd#eastDef a:hover
{
	background: transparent url(images/map.gif) -316px -0px no-repeat;
	top: -61px;
	left: -0px;
}

dd#eastDef a:hover span
{
	display: block;
	text-indent: 0;
	left: 8em;
	vertical-align: bottom;
	position: absolute;
	margin: 0;
	padding: 5px;
	width: 200%;
}

dd#midtownDef
{
	top: 151px;
	left: 0px;
}

dd#midtownDef a
{
	position: absolute;
	width: 128px;
	height: 95px;
	text-decoration: none;
}

dd#midtownDef a span { display: none; }

dd#midtownDef a:hover
{
	background: transparent url(images/map.gif) -128px 197px no-repeat;
	top: -10px;
	left: 0px;
}

dd#midtownDef a:hover span
{
	display: block;
	text-indent: 0;
	left: 14em;
	top: -45px;
	vertical-align: top;
	position: absolute;
	margin: 0;
	padding: 5px;
	width: 200%;
}

dd#lowerDef
{
	top: 245px;
	left: 0px;
}

dd#lowerDef a
{
	position: absolute;
	width: 128px;
	height: 110px;
	text-decoration: none;
}

dd#lowerDef a span { display: none; }

dd#lowerDef a:hover
{
	background: transparent url(images/map.gif) -256px 453px no-repeat;
	top: -17px;
	left: 0px;
}

dd#lowerDef a:hover span
{
	display: block;
	text-indent: 0;
	left: 14em;
	top: -105px;
	vertical-align: bottom;
	position: absolute;
	margin: 0;
	padding: 5px;
	width: 200%;
}

ul { list-style: none; }
li { list-style: none; }

td
{
	margin-top: 5px;
	/* ie5-5.5 don't inherit the font style properly */
	font-size: 11px;
}

/*
#login
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	background: #999999;
	width: 970px;
	height: 500px;
	font-size: 11px;
}
*/

/* Menu css */
.menunav {
	position: relative;
	height: 25px;
	z-index: 10;
	background: #808386;
	margin: 10px 0 2px 0;
}
#naviframe {
	position: absolute;
	display: none;
	z-index: 100;
}
ul#nav {
	display:block;
	position: absolute;
	left: 0px;
	height: 20px;
	width: 670px;
	z-index: 200;
	margin: 10px 0 2px 0;
	padding: 0px;
}

ul#nav, ul#nav li {
	display: inline;
	list-style:  none !important;
	list-style-type: none !important;
	background: none;
	margin: 0px;
	padding: 0px;
}

ul#nav li {
	position: relative;
	text-decoration: none !important;
	float: left;
	z-index: 10;
}
ul#nav li.navitem {
	border-right: 1px dotted #fff;
}

ul#nav li a span {
	padding: 5px 15px;
	margin: 0;
	display: block;
	cursor: pointer !important;
	/* display: none; // BUGGY IN IE */
}
ul#nav li  a span.home {
	background: #4c4c4c;
}

ul#nav li a {
	padding: 0;
	margin: 0;
	display: block;
	cursor: pointer !important;
	outline: none;
	color: #fff;
}
ul#nav li ul {
	position: absolute;
	width: 106px;
	margin: 0px 0 0 0 !important;
	padding: 0 !important;
	background: #666;
	display: none;
}

ul#nav ul li a {
	background: #999;
	color: #fff;
	display: block;
	padding: 4px 5px 2px 8px !important;
	width: 150px;
        text-align:left !important;
        text-decoration: none !important;
        font-size: 11px !important;
}

ul#nav li ul ul.subnav {
	position: absolute;
	background: #666;
	top: 0;
	left: 14.7em;
	width: 14em;
	display: none;
	margin: 0px;
}

ul#nav ul li a:hover, ul#nav ul li a:focus, ul#nav ul li a:active {
	color: #FFF;
	background: #808386;
}
ul#nav li a:hover {
	background: #999;
}
ul#nav ul.show { /* lists nested under hovered list items */
	display: block;
}

ul#nav li:hover ul, ul#nav li ul li:hover ul.subnav, ul#nav li.sfhover ul, ul#nav li ul li.sfhover ul.subnav { /* lists nested under hovered list items */
	display: block;
}
#detailed_box {
  position: absolute; 
  top: 100px; 
  left: 200px; 
  width:200px; 
  visibility:hidden;
}

#content .randlink dt a, #content .randlink dt a:visited {
    color: #333333;
}

#smsform, #category .smsformbox {
position: absolute; 
left: 120px; 
top: 16px; 
background: #eee; 
border: 1px solid #000; padding: 5px;
}

#leftsidebar2 {
   padding: 10px;
}
.google_search {
    margin: 0px auto;
    padding: 10px;
    background: #E7E3EF;
}

.linklisting p.linkactions a.tellafriend, #detailed p.actions a.tellafriend {
    background: #ffcc66;
}

