/* CSS Document 

File: affiliate.css
Author: Phil Pang

Purpose: 
Updated css to replace blvds_affiliate.css with more semantic code. Switched classes and id's.

*/

/* invisible tag */
i{display:none;}

/* header division */
div.aff_header{ 
	width: 100%;
	margin: 30px auto 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd; 
	font-family: "museo-sans", "Helvetica Lt", Arial, sans-serif; 
	font-size: 0.8em; 
	line-height: 1.3em;
	overflow: hidden;
	position: relative;
}

div.aff_header h1 { 
	float: left; 
	display: inline; 
	margin: 0 10px 0 0; 
	padding: 5px 10px 10px 0;
	border-right: 1px solid #ccc;
}

/* logo link */
div.aff_header h1 a.mainLogo {
	display: inline;
	float: left;
	background: url('/images/common/blvds_logos.png') no-repeat 0 0;
	border:none;
}
	
/* logo - los gatos  */
div.aff_header#lg h1 a.mainLogo {
	background-position: 0 -19px;
	width: 183px; height: 23px;
}
/* logo - santa cruz  */
div.aff_header#sc h1 a.mainLogo {
	background-position: 0 -42px;
	width: 425px; height: 64px;
}

/* sub header */
div.aff_header span.subHeader {
	margin: 0;
	padding: 0;
	display: inline;
	color: #aaa;
	font-size:16px;
	font-weight:normal;
}
	div.aff_header span.subHeader a:link, 
	div.aff_header span.subHeader a:visited { 
		color: #aaa;
		text-decoration: none; 
	}
	div.aff_header span.subHeader a:hover, 
	div.aff_header span.subHeader a:active { 
		color: #f37020;
		text-decoration: underline; 
	}
	/* logo height + h1 top padding + h1 bottom padding */
	/* los gatos */
	div.aff_header#lg span.subHeader { line-height: 38px; }
	/* santa cruz */
	div.aff_header#sc span.subHeader { line-height: 79px; }

/* search */
div.aff_header span.search {
	margin:85px 0 0 625px;
	padding:5px 10px 5px 20px;
	position:absolute;
	display:block;
	border-right:1px solid #ccc;
	color:#666;
	font-size:12px;
	text-decoration:none;
	}

/* far right area of header */
/* used for attribution like guarantee badge or affiliate contact info */
div.aff_header .aff_more {
	float: right;
}
	div.aff_header .aff_more img {
		float: left;
	}
	/* BNMI Real Estate Attribution */
	div.aff_header .aff_more .realtor-info {
		padding-left: 47px;
		color: #aaa;
		text-align: center;
	}
	div.aff_header .aff_more .realtor-info .realtor {
		font-size: 12px;
	}
	div.aff_header .aff_more .realtor-info .phone {
		color: #ee3e36;
		font-size: 16px;
		display: block;
		padding-top: 3px;
	}

/* lowest rates gauranteed icon */
div.aff_header img.lowestRates { 
	position: absolute;
	right: 0;
	bottom: 20px;
}
div.aff_header a { margin:0; padding:0; border:0; }

/* powered by icon */
div.aff_header img.pb_viator {float:right;margin-top:68px;padding-right:10px; }
div.aff_header a { margin:0; padding:0; border:0; }

div.aff_header.lg span.subHeader {margin-left:361px;}


/* AFFILIATE BODY -- overides hotels.com css -- */

div#content div#primary-and-secondary-content {margin-bottom: 15px;}

div#utilities {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 0; background-color: #E1E1E1; color: #333;}

div#page-content div#content {margin: 0 0 -10px;}

div#mini-change-travel-details form#change-dates fieldset#mini-check-in-and-out-dates {width: 400px;}

ul#subfooter-navigation {margin: 10px 0; padding: 5px 0; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; background-color: #e1e1e1; border: 1px solid #979EA7;}
	ul#subfooter-navigation li {font-size: 13px; border-right-color: #979EA7;}
	ul#subfooter-navigation li a {color: #333;}
	
div#property-description div.secondary-subcontent ul#gallery li a.selected, div#property-description ul#gallery li a:active, div#property-description ul#gallery li a:focus {color: #f37020;}	

/*ul#alternative-properties {background: url(http://www.boulevards.com/images/station/bg_lime.gif) repeat 0 0; border-top: 1px solid #979EA7; margin: 15px auto 0; padding: 15px !important; width: auto;}
	ul#alternative-properties li.hreview {background: #fff; margin-bottom: 0; padding-bottom: 0; height: 140px; border-width: 1px;}
	ul#alternative-properties li.hreview#up-sell {margin-left: -1px;}
	ul#alternative-properties.alternative-properties-1-items {margin-left: 0; margin-bottom: 0;}
	ul#alternative-properties.alternative-properties-2-items {margin-left: -1px; margin-bottom: -1px;}*/

div#sectional-content {padding-bottom: 0;}

div#subfooter-content {margin: 10px 0;}
	div#subfooter-content h6 {margin-bottom: 10px;}

div#rooms-and-rates div.pricing-disclaimer {background-color: #e1e1e1;}

a.button, input.type-submit, button {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 0; background-color: #4FC019; background-image: none; padding: 3px 7px; font-weight: bold;}

a.button:hover, a.button:active, input.type-submit:hover, input.type-submit:active, button:hover, button:active {background-color: #41af0c;}

a {color: #3080CB; text-decoration: none;}
a:focus, a:hover, a:active {color: #F37020; text-decoration: underline;}

.print-link span, span.print-link {color: #3080CB;}
.print-link span:focus, .print-link span:hover, .print-link span:active, span.print-link:focus, span.print-link:hover, span.print-link:active {color: #F37020;}

 /* AFFILIATE FOOTER */


div#city_block { width:900px; margin:auto; border-top: 1px solid #E6E6E6; }

div#city_block .blvds_citylist { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  padding: 10px 35px 10px 10px; float: left; line-height: 20px; }
div#city_block .blvds_citylist a:link { color: #555; text-decoration: none; }
div#city_block .blvds_citylist a:visited { color: #555; text-decoration: none; }
div#city_block .blvds_citylist a:hover { color: #F37020; text-decoration: none; }

#footer {  
	clear: both;	
	margin: 10px 0 0;
	padding: 10px 0;
	width: 100%;
	border-top: 1px solid #e6e6e6;
	color: #777;
	font-size: 11px;
	text-align: right;
}
	#footer a {
		padding: 1px 3px;
		border-bottom: 1px dotted #ccc;
		color: #999;
		text-decoration: none;
	}
	#footer a:hover {
		border-bottom: 1px dotted #999;
		color: #777;
	}


div#blvds_copyright { 
	width: 900px; 
	margin:auto; 
	color: #777; 
	font-size: 10px; 
	padding: 20px 0 10px;
	text-align: center; 
	border-top: 1px solid #E6E6E6; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
div#blvds_copyright a { color: #999; text-decoration: none; padding: 1px 3px 1px 3px; border-bottom: 1px dotted #CCC; }
div#blvds_copyright a:hover { color: #777; text-decoration: none; padding: 1px 3px 1px 3px; border-bottom: 1px dotted #999; }



div#copyright { 
	width: 100%; 
	color: #777; 
	font-size: 10px; 
	padding: 20px 0; 
	text-align: center; 
	border-top: 1px solid #E6E6E6; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
div#copyright a { color: #999; text-decoration: none; padding: 1px 3px 1px 3px; border-bottom: 1px dotted #CCC; }
div#copyright a:hover { color: #777; text-decoration: none; padding: 1px 3px 1px 3px; border-bottom: 1px dotted #999; }