@import '/cms/styles/common.css';
@import '/style.css';
/*
@import '/styles/listings.css';
@import '/styles/forms.css';
*/

/* COMMON ---------------------------------------------------------------------- */



/* BODY ------------------------------------------------------------------------ */
body {background:#FFFFFF;text-align:center;}
/*body {background:#FFFFFF url('/images/body_bg.gif') top left repeat-x;text-align:center;}*/
#leaderboard { height: 90px; padding: 5px; }
#bigwrap { background:#FFFFFF url('/images/body_bg.gif') top left repeat-x;text-align:center; border-top: 1px solid #dedede; }
#wrap {background:url('/images/wrap_bg.jpg') top center no-repeat;}
#page {width:900px;margin:0 auto;text-align:left;}

/* HEADER ---------------------------------------------------------------------- */

#header { height: 143px; }
#logo { position: absolute; left: 6px; top: 28px; }

#header-links { position: absolute; right: 20px; bottom: 15px; }
#header-links a { color: #FFFFFF; }
#header-links a:hover { color: #c87248; }
#header-links .spacer { margin:0px 8px 0px 8px; color: #96a5c5; }
  
/* MAIN ------------------------------------------------------------------------ */

#main {
  background: #FFFFFF url('/images/main_bg.gif') top left repeat-y;
	height:auto !important;
	min-height:500px;
	height:500px;
}

/* NAV ------------------------------------------------------------------------- */

#nav {
  width: 160px;
  background: url('/images/nav_bg.jpg') top left no-repeat;
	height:auto !important;
	min-height:400px;
	height:400px;
}
#nav .header {
  background: #496073 url('/images/header_nav.jpg') top left no-repeat;
  text-align: center;
  padding: 5px;
  color: #FFFFFF;
  font: bold 12px Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 0px 0px 1px 0px;
}
#current-links ul, #current-links li { margin: 0px; }
#current-links ul li {
  background-image:url('/images/nav_bullet.gif');
  margin: 0px 0px 5px 10px;
  padding-left: 15px;
}
#current-links ul li a {
  display: block;
  text-decoration:none;
  border-bottom: 1px solid #bec8dc;
  padding: 0px 5px 5px 0px;
}
#current-links ul li a:hover { border-bottom-color: #c87248; }
#nav-bottom { margin-top: 25px; margin-bottom: 10px; height: 2px; background:url('/images/nav_bottom.gif') bottom left repeat-x; }

#current { margin-bottom: 10px; }
#current-text { padding: 5px; }
#current-text p, #current-text b { color: #1e3c3c; }


#nav-links { padding: 5px; }
#nav-links ul{ margin: 0px; padding: 0px; }
#nav-links li { margin-left: 5px; }


/* CONTENT --------------------------------------------------------------------- */

#content {
  width: 560px;
  margin: 0px 10px 0px 10px;
}
.2col #content { width: 730px; margin-left: 10px; }
.full #content { width: 100%; margin: 0px; }

/* SUBNAV ---------------------------------------------------------------------- */

#subnav { width: 160px; }

/* FOOTER ---------------------------------------------------------------------- */

#footer { background: url('/images/footer_bg.jpg') top left no-repeat; height: 25px; padding: 15px; }
#footer * { font-size:11px; color: #4c658e; }
#footer a { outline:none; }
#footer a:hover { text-decoration:underline; color: #c87248; }
#footer-copy .spacer { margin:0px 5px 0px 5px; }
#footer-credit { float:right; }
#footer-credit a { text-decoration:none; }

#subfooter { padding-left: 95px; }
#subfooter li {
  background: none;
  padding: 0px 5px;
  margin: 0px;
  border-left: 1px solid #BEC8DC;
}
#subfooter .first { border-left: 0px; padding-left: 0px; }
#subfooter a { font-size: 10px; padding: 0px; margin: 0px; }

/* QUICK QOUTE ---------------------------------------------------------------------- */

#quote {
  background: #bdc9d9 url('/images/favs_bg.jpg') top left no-repeat;
	height:auto !important;
	min-height:80px;
	height:80px;
	margin-bottom: 10px;
}
#quote-title { 
  color: #c87248;
  padding-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  background: url('/images/quote_mail.jpg') 18px 5px no-repeat;
  padding-left: 25px;
}
#quote-content {
  padding: 10px 8px 0 8px;
  text-align:center;
}
#quote a { color: #4C658E; }

#quote-bottom { position: absolute; bottom: 0px; background: url('/images/favs_bottom.jpg') bottom left no-repeat; width: 160px; height: 2px; }


/* FAVOURITES ---------------------------------------------------------------------- */

#favs {
  background: #bdc9d9 url('/images/favs_bg.jpg') top left no-repeat;
	height:auto !important;
	min-height:150px;
	height:150px;
	margin-bottom: 5px;
}
#favs-title { 
  color: #c87248;
  padding-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  background: url('/images/favs_plus.jpg') 18px 5px no-repeat;
  padding-left: 25px;
}

#favs .none {
   padding-top: 45px;
   text-align:center;
}

#favs a { color: #4C658E; }

#favs .remove { text-decoration: none; color: #95A8C8; font-size: 10px; margin-left: 5px; }
#favs .remove:hover { color: #C77347; }

#favs-bottom { position: absolute; bottom: 0px; background: url('/images/favs_bottom.jpg') bottom left no-repeat; width: 160px; height: 2px; }

/* SEARCH -------------------------------------------------------------------------- */

#search {
  background: url('/images/search_bg.jpg') top left no-repeat;
  height: 135px;
  margin-bottom: 10px;
}
.home #search { background-image: url('/images/search_home_bg.jpg'); height: 105px;  }
#search_form { height: 135px; }
.home #search_form { height: 105px; }
#search_form .field { position: absolute; top: 15px; }
#search_form .header { 
    font-size: 15px;
  color:#c87248;
    margin:10px 0;
    font-weight: bold;
  text-transform:uppercase;
  color: #FFFFFF; margin-bottom: 13px; }
#search_form select { width: 160px; }
#search_city { left: 80px; }
#search_category { left: 315px; }
#search_button { position: absolute; right: 12px; top: 53px; width:40px; height:25px;  }
#search_button:hover { border: 1px solid #9dadbf; }


.home #search_location { display: none; }

#search_location {
  position: absolute;
  top: 105px;
  left: 30px;
  color: #3d4a5d;
}
#search_location a { color: #3d4a5d; }
#search_location a:hover { color: #c87248; }
#search_location b { font-size: 13px; color: #FFFFFF; font-weight: bold; padding-right: 5px; }



/* CATEGORIES --------------------------------------------------------------------- */

#cats .header {
  background: #496073 url('/images/header_nav.jpg') top left no-repeat;
  text-align: left;
  padding: 5px;
  color: #FFFFFF;
  font: bold 15px Verdana,Arial, Helvetica, sans-serif;
  text-transform: capitalize;
  margin: 0px 0px 1px 0px;
}
#cats .content { padding-top: 5px; }
#cats ul, #cats li { margin: 0px; padding: 0px; }

#cats_left {
  width: 160px;
  margin-right: 1px;
  padding-bottom: 5px;
}
.home #cats_left { background: #e8ecf1; }

#cats_left ul li {
  margin: 0px 0px 5px 10px;
  padding-left: 15px;
}

#cats_left ul li a {
  display: block;
  text-decoration:none;
  border-bottom: 1px solid #bec8dc;
  padding: 0px 5px 5px 0px;
  color: #4c658e;
}
#cats_left ul li a:hover { border-bottom-color: #c87248; color: #c87248; }

#cats_left .other { background: none; }
#cats_left .other a { font-size: 11px; border-bottom: 0px; color: #c87248; text-decoration:underline; }
#cats_left .other a:hover { color: #4c658e; }

#cats_right { width: 399px; }
#cats_right .header { background: #496073 url('/images/header_cats_blue.jpg') top left no-repeat; }
.home #cats_right .header { background: #c36e45 url('/images/header_cats_orange.jpg') top left no-repeat; }

#cats_right ul { margin: 0px 5px 5px 5px; }
#cats_right li { margin-bottom: 5px; width: 190px; float:left; background: none; color: #a0b1cb; }
#cats_right a { color: #4c658e; }
#cats_right a:hover { color: #c87248; }

/* LISTINGS --------------------------------------------------------------------- */

#listings h1.header {
  background: url('/images/listing_header.jpg') top left no-repeat; 
  color: #FFFFFF;
  font-size: 14px;
  /*text-transform:uppercase;*/
  padding: 5px;
  padding-left: 10px;
  margin-bottom: 5px;
}
#listings p { margin: 0px; margin-bottom: 5px; }

.listing { margin-bottom: 10px; }

.listing .title {
  font-size: 15px;
  color:#c87248;
  margin: 0px;
  background: url('/images/listing_top.jpg') top left no-repeat; 
  padding: 10px;
  padding-bottom: 5px;
  text-decoration: none;
  text-transform:none !important;
  /*text-transform:capitalize;*/
  overflow: hidden;
}
.featured .listing .title { background-image: url('/images/listing_top_featured.jpg'); }
.listing { background: url('/images/listing_bottom.jpg') bottom left no-repeat;}
.featured .listing { background-image: url('/images/listing_bottom_featured.jpg'); }

.listing .left {
  width: 170px; /* 180px;*/
  background: url('/images/listing_line.gif') top right no-repeat;
	height:auto !important;
	min-height:170px;
	height:170px;
	padding: 5px;
	margin-bottom: 2px;
}
.featured .listing .left { background-image: url('/images/listing_line_featured.gif'); }

.listing .tel { padding-left: 8px; font-weight: bold; margin-bottom: 5px; }
.listing .address { padding-left: 8px; margin-bottom: 10px;  }
.listing .thumb { text-align: center; }
.listing .thumb img { border: 1px solid #c8d1e1; }
.featured .listing .thumb img { border-color: #daac9f; }

.listing .right {
  width: 350px; /* 370px;*/
  padding: 10px;
}
.listing .links { margin-bottom: 5px; }
.listing .links .col {
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 18px;
  padding-right: 5px;
}
.listing .links .map { background-image: url('/images/icon_map.gif'); }
.listing .links .fav { background-image: url('/images/icon_fav.gif'); }
.listing .links .email { background-image: url('/images/icon_email.gif'); }
.listing .links .link { background-image: url('/images/icon_link.gif'); }


.listing .forms {
  border-top: 1px solid #c8d1e1;
  margin: 1px;
  padding: 5px;
  margin-top: -2px;
  display:none;
}
.listing .forms label { font-size: 10px; text-transform: uppercase; }
.listing .forms .opt { display: none; padding-right: 5px; }
.listing .forms .message { padding-top: 3px; font-style:italic; text-transform: uppercase; font-size: 10px;}

.listing .forms .email .fields { margin-bottom: 5px; }
.listing .forms .email .fields .col { width: 49%; }

.listing .forms .email .fields input { width: 100%;  }
.listing .forms .email .fields .email { float: right; }

.listing .forms .email .desc { margin-bottom: 5px; }
.listing .forms .email .desc textarea { width: 100%; }
.listing .forms .email .button { text-align: right; }



.listing .forms .map { 
	text-align:center;
}
.listing .forms .map img { border: 1px solid #c8d1e1; }

.listing .forms .map .linkoverlay {
 	visibility: hidden;
						  	position: absolute;
						  	padding:2px 0;
						  	background-color: #51677f;
						  	text-align: center;
						  	font: bold 10px Arial, Helvetica, sans-serif;
						  	color: #ffffff;
						  	text-decoration: none;
						  	text-transform: uppercase;
						  	z-index:100;
						  	/*height:100px;*/
						  	opacity:0.7;
						  	width:545px; 
}
.listing .forms .map a:hover .linkoverlay { visibility: visible; }


.listing .forms .map .button { text-align: right; margin-top: 5px; }

.field123 { display: none; }

/* MFORM --------------------------------------------------------------------- */

#mform{
	padding:20px;
	border-top:2px solid #EAEAEA;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;   
	background:url("/images/listing_bottom.jpg") no-repeat scroll left bottom transparent;
}
#mform .info{
	display:block;
	padding:5px 0px 5px 0px;
	font-size:14px;
	font-weight:bold;
}
#mform label{
	display:block;
	font-size:10px;
	text-transform:uppercase;
	padding:0px 0px 2px 0px;
}
#mform input{
	display:block;
	width:300px;
}
#mform textarea{
	display:block;
	width:520px;
	min-width:520px;
	max-width:520px;
	height:155px;
	max-height:155px;
}
#mform div{
	padding:0px 0px 5px 0px;
}
#mform .categories{
	width:440px;
}
#mform .categories label{
	float:left;
	font-size:10px;
	width:150px;
	text-transform:uppercase;
	padding:0px 0px 2px 0px;
}
#mform .categories input{
	width:20px;
}
#mform .left{
	float:left;
	width:220px;
}
#mform .right{
	float:right;
	width:220px;
}

#mform #submit{
	width:130px;
	text-transform:capitalize;;
}