﻿
body {
	text-align: center;
	background: #cdcdcd;
	font: 11px "tahoma", arial, sans-serif;
	color: #002170;
}



* {
	list-style: none;
	margin: 0;
	padding: 0;
} 

input, select { font: 11px "tahoma", arial, sans-serif; color: #002170; }

#container {
	margin: 0 auto;
	width: 1000px;
	margin-top: 2px;
	text-align: left;
	/* background: #0f0; */
}

h2 { font-size: 14px; font-family: "bordeauxmedium", "tahoma", Arial; }
h3 { font-size: 14px; font-family: "bordeauxmedium", "tahoma", Arial; }

img { border: none; }

a { text-decoration: none; color: #002170; }
a.bold { font-weight: bold; }

.lightblue { color: #3f9efb; }
.white { color: #fff; }
.red { color: #f00; }
.clear { clear: both; }

dl { }
dd { font-weight: bold; height: 20px; line-height: 20px; float: left; width: 90px; }
dt { float: left; }

.right { text-align: right; }


/* Header Container
*******************************************************************************/

#header-container {
	margin: 0 auto;
	background: #fff URL("/images/common/header_bkng.gif") no-repeat 0 bottom;
	width: 950px;
	height: 117px;
	margin-left: 25px;
}

#header-container-utility {
	background: URL("/images/common/header-utility_bkng.gif") no-repeat 2px 0;
	width: 946px; 	
	height: 30px;
}

#header-container-utility ul { margin-left: 20px; }
#header-container-utility ul li { float: left; }
.abo { width: 99px; height: 30px; overflow: hidden; }
.abo span { text-indent: -9000px;  }
.for { background: URL("/images/common/utility-nav/utilitynav-forums.gif") no-repeat 0 0; text-indent: -9000px; width: 127px; height: 30px; overflow: hidden; cursor: pointer; }
.for:hover { background-position: 0px -30px; }
.sta { line-height: 30px; margin-left: 170px; padding-right: 10px; font-size: 14px; font-family: "bordeauxmedium", "tahoma", Arial; color: #fff;}
.mem { background: URL("/images/common/utility-nav/utilitynav-memberlogin.gif") no-repeat 0 0; text-indent: -9000px; width: 134px; height: 30px; overflow: hidden; cursor: pointer; }
.mem:hover { background-position: 0px -30px; }
.cre { background: URL("/images/common/utility-nav/utilitynav-account.gif") no-repeat 0 0; text-indent: -9000px; width: 176px; height: 30px; overflow: hidden; cursor: pointer; }
.cre:hover { background-position: 0px -30px; }



#header-container-logo {
	padding-left: 50px;
	padding-top: 10px;
}

#header-container-country-images {
	float: right; 
	margin-top: -67px;
	padding-right: 4px;
} 

#header-container-preferences {
	width: 470px; 
	height: 26px; 
	line-height: 26px; 
	margin-top: -6px; 
	float: right;
	font-weight: bold;
}

#header-container-preferences em { margin-left: 45px; font-style: normal; }
#header-container-preferences em span { margin-left: 10px; font-style: normal; }
#culture {  position: absolute; margin-top: 6px; .margin-top: 1px; }
#currency { font-size: 13px; }
#preferences-signup { background: URL("/images/common/vertbar-blue.gif") no-repeat 0 0; height: 26px; width: 95px; padding-left: 10px; float: right; margin-top: -26px; padding-right: 15px;}

#languageOptions { display: none; position: absolute; margin-top: -1px; margin-left: 190px; .margin-top: 21px; .margin-left: -20px; height: 130px; width: 70px; background: #c8d8ff; border: 1px solid #fff; z-index: 100;}
#languageOptions ul { padding: 0 5px; }
#languageOptions ul li { float: left; margin-right: 3px; .margin-right: 5px; margin-bottom: 0px; }

#currencyOptions { display: none; position: absolute; margin-top: -1px; margin-left: 300px; .margin-top: 21px; .margin-left: -30px; height: 155px; width: 40px; background: #c8d8ff; border: 1px solid #fff; z-index: 100;}
#currencyOptions ul { padding: 0 5px; }
#currencyOptions ul li { float: left; margin-right: 3px; .margin-right: 5px; margin-bottom: 0px; }


#breadcrumb-container {
	height: 33px;
	margin-left: 39px;
	width: 922px;
	background: #46a0f9 URL("/images/common/breadcrumb-shadow.png") no-repeat 0 top; 
}

#breadcrumbs { margin-left: 20px; }
#breadcrumbs li { line-height: 33px; font-weight: bold; color: #fff; margin-right: 15px; float: left; }
#breadcrumbs li a { font-weight: bold; color: #fff; } 

/* Main Container
*******************************************************************************/


/* Main Container Content */
#main-container-content { width: 679px; margin: 10px 0; padding-bottom: 10px; }
#main-container-content h2 { margin-left: 8px; color: #002170; padding-top: 10px; background: URL("/assets/heading/h2_hotel-i.png") no-repeat 0 4px; _background: none; padding-left: 40px; _padding-left: 0px; height: 30px; line-height: 20px; }
#main-container-content h2.globeIcon { background: URL("/assets/heading/h2_globe-i.png") no-repeat 0 4px; _background: none; }
#main-container-content h2 em { font-style: normal; color: #002170;}
#main-container-content h3 { margin-left: 8px; padding-top: 10px; padding-left: 12px; height: 20px; line-height: 20px; }
#main-container-content h3 em { font-style: normal; color: #3f9efb; }
#main-container-content p { padding: 5px 20px 5px 20px; }
#main-container-content ul { margin-left: 40px; }
#main-container-content li { padding: 0 0 5px 15px; background: URL("/images/common/eq-bullet.gif") no-repeat 0 2px; }


#main-container {
	width: 950px;
	margin-left: 25px;
	background: #fff URL("/images/common/main-container_bkng.gif") no-repeat 0 top;
	min-height: 500px;
	padding-bottom: 10px; 
}

#main-container-left {
	margin-top: 10px; 
	margin-left: 3px; 
	float: left; 
	width: 679px; 
}

#main-container-right {
	margin-top: 10px; 
	margin-left: 6px; 
	float: left; 
	width: 259px; 
}

/* Container Left
*******************************************************************************/

/* Search Panel */
#search-panel { width: auto; width: 679px; height: 180px; background: URL("/images/common/search-panel_bkng.gif") no-repeat 8px 0; }
#search-panel h2 { margin-left: 8px; padding-top: 10px; background: URL("/assets/heading/h2_search-i.png") no-repeat 0 4px; padding-left: 40px; height: 30px; line-height: 20px; }

#search-panel ul {background: none; }
#search-panel li {background: none; }

#search-panel-country { width: auto; width: 679px; height: 180px; background: url("/assets/countries/spain/search-panel-spain_bkng.gif") no-repeat 8px 0; }
#search-panel-country h2 { margin-left: 8px; padding-top: 10px; background: URL("/assets/heading/h2_search-i.png") no-repeat 0 4px; padding-left: 40px; height: 30px; line-height: 20px; }

#search-panel-content { margin: 5px 0 0 0; width: 440px; float: left; }
#search-panel-content p { margin-bottom: 10px; }
#region-fields { width: 200px; float: left; }
#name-fields { width: 200px; float: left; display: none; }
#region-fields ul, #date-fields ul, #name-fields ul {padding-top: 5px; }
#region-fields li, #date-fields li, #name-fields li { float: left; padding-bottom: 5px;}
#region-fields li.desc, #date-fields li.desc, #name-fields li.desc { width: 70px; font-weight: bold; }
#region-fields li.field, #region-fields li.field select, #name-fields li.field, #name-fields li.field select { width: 130px; }
#date-fields { width: 220px; float: left; margin-left: 10px; }
.day { margin-right: 4px; }
#date-fields img { position: absolute; margin-top: -1px; margin-left: 4px; }
#date-fields li.field span { font-size: 12px; font-weight: bold;  }

#search-panel-options { margin-left: 35px; float: left; margin-top: -30px;  }
#search-panel-views { margin-top: 10px; }
#search-panel-views li { float: left; font-weight: bold; margin-right: 20px;  }
#search-panel-options img { margin-left: 0px; margin-top: 17px; }
#search-panel-button { margin-top: 12px; font-weight: bold; }

.searchTable { padding-left: 0px; margin-left: 40px; margin-top: -2px; }

/* Most Popular Destinations */
#most-popular-destinations { width: 679px; background: #fff; margin-top: 10px; }
#most-popular-detinations-main {
	width:auto; 
	background: URL("/images/popular-destinations/popular-destinations-top_bkng.gif") no-repeat 0 top;
	min-height: 120px; 
}
#most-popular-detinations-main.templateImage { background: URL("/images/popular-destinations/template-popular-destinations-top_bkng.gif") no-repeat 0 top; }
#most-popular-detinations-main h2 { margin-left: 8px; padding-top: 10px; background: URL("/assets/heading/h2_hotel-i.png") no-repeat 0 4px; padding-left: 40px; height: 30px; line-height: 20px; }

.PopularDestinations { margin-left: 30px; }
.PopularDestinations td { width: 160px; padding-bottom: 2px; vertical-align: top; }
.PopularDestinations td a { }

#most-popular-destinations-link { font-weight: bold; float: right; margin-top: -33px; padding-right: 70px; }






/* Destination Sites */
#destination-sites { margin-top: 10px; width: auto; height: 106px; border-top: 1px solid #332d58; border-bottom: 1px solid #332d58; padding: 10px 20px; }
#destination-sites ul { margin-top: 8px;}
#destination-sites ul li {float: left; margin-right: 1px;}
.name { position: absolute; color: #fff; font-weight: bold; margin-top: 52px;  width: 60px; margin-left: 5px; cursor: pointer; }


#price { margin-top: 5px; font-weight: bold; }
#price span { font-size: 18px; }
.lgeFont { font-size: 18px; }

/* Container Right
*******************************************************************************/

/* Container Right */
#right-options { background: URL("/images/common/right-options_bkng.gif") no-repeat 0 top; width: 259px; height: 24px; }
#right-options ul { }
#right-options ul li { padding-left: 10px; width: 62px; float: left;  line-height: 23px; }
#right-options ul li a { font-weight: bold; }
#right-options ul li img { position: absolute; padding-left: 5px; padding-top: 3px; .margin-top: -5px;   }


#right-login { background: URL("/images/common/login_bkng.gif") no-repeat 0 top; width: 229px; min-height: 161px; padding: 5px 15px 5px 15px; }
#right-login h2 { padding-top: 10px; background: URL("/assets/heading/h2_login-i.png") no-repeat 0 4px; padding-left: 38px; height: 30px; line-height: 20px; }
#right-login p { padding-left: 10px; padding-top: 5px; }
#right-login dl {margin-left: 10px; padding-top: 3px; }
#right-login input { width: 100px; }


#right-guarantees { background: URL("/images/common/right-guarantees_bkng.gif") no-repeat; width: 259px; height: 136px; margin-top: 5px; padding-top: 32px; }

#wn { position:relative; width:259px; height:126px; z-index:1; clip:rect(30px, 259px, 126px, 0); overflow:hidden; }
#cnt { position:absolute; z-index:1; } /* layer that scrolls */
/* scroller items 
   set width and height to match scroller "window" 
   Be sure to set height adequate for your content! */
#cnt div.item { width:259px; height:126px; }
/* styles for scroller content (read important instructions regarding collapsing margins!) */
#cnt h4 { width: 199px; height:126px; margin: 0px 0 0px 30px; padding-top: 10px; color: #fff; font-size: 18px; font-family: "bordeauxmedium", "tahoma", Arial; text-align: center; font-weight: bold; }  




#right-travelpoll { background: URL("/images/common/travel-poll_bkng.gif") no-repeat 0 bottom; width: 229px; min-height: 178px; margin-top: 5px; padding: 5px 15px 5px 15px; }
#right-travelpoll h2 { padding-top: 10px; background: URL("/assets/heading/h2_poll-i.png") no-repeat 0 4px; padding-left: 38px; height: 30px; line-height: 20px; }
#right-travelpoll p { padding-left: 10px; padding-top: 5px; }
#right-travelpoll p.question { font-weight: bold; }
#right-travelpoll ul { margin-top: 5px; margin-left: 10px; }
#right-travelpoll li { float: left; min-height: 20px;}
#right-travelpoll li input { margin-right: 2px; padding: 0; height: 20px;}
#right-travelpoll li.answer {width: 200px; padding-top: 2px; line-height: 16px; }
#right-travelpoll #submit { margin-top: 20px; float: right; }

#right-newslettersignup { background: URL("/images/common/right-border-bottom.gif") no-repeat 0 bottom; width: 259px; margin-top: 5px; }
#news-content { background: URL("/images/common/newsletter-signup-right_bkng.jpg") no-repeat right bottom; width: auto; min-height: 120px; _height: 120px; padding: 5px 15px 5px 15px; margin-bottom: 1px;}
#right-newslettersignup h2 { padding-top: 10px; background: URL("/assets/heading/h2_newsletter-i.png") no-repeat 0 4px; _background: none; padding-left: 38px; _padding-left: 0px; height: 30px; line-height: 20px; }
#right-newslettersignup p { padding-left: 10px; padding-top: 5px; }
.signup { margin-top: 10px; float: right; margin-bottom: 5px; }

#right-attractions { background: URL("/images/common/right-border-bottom.gif") no-repeat 0 top; width: 229px; min-height: 101px; margin-top: 10px; padding: 5px 15px 5px 15px; }
#right-attractions h2 { padding-top: 10px; background: URL("/assets/heading/h2_camera-i.png") no-repeat 0 4px; padding-left: 38px; height: 30px; line-height: 20px; }
#right-attractions p { padding-left: 10px; padding-top: 5px; }
#right-attractions ul { padding-left: 10px; padding-top: 5px; }
#right-attractions li { padding-top: 5px; } 


/* Header Container
*******************************************************************************/

#footer-container {
	height: 28px;
	width: 950px;
	background: transparent URL("/images/common/footer_bkng.gif") no-repeat;
	margin-left: 25px;
}

#footer-container ul { margin-left: 20px; }
#footer-container li { line-height: 28px; margin-right: 15px; float: left; }
.copyright { float: right; padding-right: 14px; line-height: 28px; }
#footer-container-shadow { 	width: auto; height: 10px; background: URL("/images/common/footer-shadow.png") no-repeat; margin-left: 39px; text-align: center;} 




/* Clear Float
*******************************************************************************/

/*** see http://www.positioniseverything.net/easyclearing.html ***/
.clearfloat:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clearfloat { display: inline-block; }
 
/* Hides from IE-mac */
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/ 


