/* -------------------------------------------------------------- 
-----------------------------------------------------------------

	DEFINITIONS:	Holidays Homepage
	AUTHOR:			Richard Shepherd
	VERSION:		15.06.2010
	
	CONTENTS:
		
	1. 				Global & Typography


----------------------------------------------------------------*/

html, body {
background-color:#FFF ;
background-image:url(../../images/HolidayHomepage/background-gradient.jpg);
background-repeat:repeat-x;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:1.5em;
padding-top:0px;
height: 100% !important;
}
#wrapper { margin-top: 10px; border: 1px solid #CCCCCC; }
h1 {}
h2 { font-size: 5.2em; color: #3b3737; line-height: 1em; letter-spacing: -0.05em; }
h3 {}


#navigation { height: 29px; } /* Get's rid of the shadow below the navigation so the hotel finder is flush */
#hotels-main-content { overflow:hidden; position:relative; }


#hotel-finder { background-image:url(/images/holidays/homepage/header-image_Couple-on-beach.jpg); height: 250px; margin-bottom: 25px; }
#hotel-finder #searchform { height: 85px; top: 147px; background-color: rgba(255,255,255,0.5); position:relative; padding: 5px 0 0 15px; }
#hotel-finder h1 { margin: 140px 0 0 -6px; position:absolute; font-size: 88px;  color: #fff; letter-spacing: -0.05em; font-weight: bold; z-index: 999; }


#searchform div { float:left; margin-left: 10px;}
#searchform label { display: block; clear:both; font-size: 2.4em; color: #fff; margin-top: 10px; font-weight: bold; text-shadow: 0 -1px rgba(59,55,55,0.5); }
#searchform input, #searchform select {margin:0; border: 2px solid #ccc; font-size: 18px;color: #666; width: 160px; float:left; }
#searchform input { padding: 4px;  }
#searchform select { width: 180px;padding: 4px; }
#searchform input:focus { border: 2px solid #00bce4; }
#searchform #calendar { position:absolute; top: 40px; left: 350px; }
#searchform .findmyhotel { margin: 35px 0 0 10px; }
#howlong .common { color: #eb3d1b; }

#advanced-search { float: right; color: #fff; margin-right: 25px; text-shadow: -1px 0 rgba(0,0,0,0.5); }

/* 3.1 Universal Search */
#universal-search { margin: 0 20px; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); width: 362px; float:left; overflow: hidden;}
#tabs { margin: 0; padding: 0; overflow:hidden; }
#tabs li { display:block; float:left; width: 120px; height: 32px; background-image:url(/images/holidays/homepage/tabs-background.png); background-position: bottom; background-repeat:repeat-x; text-align:center; color: #fff; font-size: 24px; font-weight:bold; padding-top: 10px; text-shadow: 0 1px #333; }
#tabs li.selected { background-image:url(/images/holidays/homepage/tabs-background-selected.png); background-position:top; background-repeat:repeat-x; cursor: pointer;  }
#tabs li.not-selected:hover { background-image:url(/images/holidays/homepage/tabs-background-hover.png); background-position:top; background-repeat:repeat-x; cursor: pointer;  }
#tabs li#holidays { border-left: 1px solid #999;  }
#tabs li#holidays.not-selected { border-left: 1px solid rgba(0,0,0,0); }
#tabs li#flights.not-selected { border-right: 1px solid rgba(0,0,0,0); }
#tabs li#flights.selected { border-right: 1px solid #999; }

.search-container { width: 320px; height: 330px; background-color: rgba(0,0,0,0.35); border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; background-image: url(/images/holidays/searchform-boxshadow.png); background-position:bottom; background-repeat:no-repeat; color: #fff; padding: 10px 20px; }
.search-container.not-selected { display: none; }
.search-container p {margin: 0; }
#universal-search select{padding: 4px 2px; border: 1px solid #999; width: 300px; -webkit-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.3); box-shadow: inset 0px 2px 2px rgba(0,0,0,0.3); font-size: 14px; margin-bottom: 3px; color: #636363; }
#universal-search input { padding: 4px 2px; border: 1px solid #999; width: 100px; -webkit-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.3); box-shadow: inset 0px 2px 2px rgba(0,0,0,0.3); font-size: 14px; margin-bottom: 3px; color: #636363; float:left; margin-right: 5px;  }
#universal-search select.party { width: 80px; float: left; margin-right: 10px; }
#universal-search #ctl00_Main_HotelSearchControl_txtregion { float:left; width: 295px; margin-right: 10px; }
#universal-search #destination { float:left; width: 255px !important; margin:  0pt 10px 5px 0pt; }
#universal-search checkbox { width: 15px; float: left; margin-right: 10px;  border:0px;}
#universal-search label {  width: 45px; float:right; margin-right: 5px; color:#000; }
#search-form-flights input { width: 15px; float: left; margin-right: 10px;  border: 1px solid #999; }
#search-form-flights label { width: 120px; float: left; margin-right: 10px;  color:Black;}
#search-form-flights-checkbox checkbox { width: 15px; float: left; margin-right: 10px;  border:0px !important;}
#search-form-flights-checkbox label {  width: 210px; float: left; margin-right: 10px; }



#help { float: left; }
#help strong { font-size: 18px; }
#help p { margin-bottom: 15px;}
#help #close { margin-bottom: 5px; font-size: 10px; text-align:right; cursor: pointer; color: #eb3d1b; font-weight: bold; margin-top: 5px; text-decoration: underline; }
#help #close:hover { color: #333; font-weight: bold; text-decoration: none; }
#help input { margin-top: -3px; width: 200px; }
#help-screen { width: 400px; height: 150px; border: 1px solid #999; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: rgba(255,255,255,0.9); position: absolute; z-index: 9999; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; left: 300px; top: 260px; display: none; color: #333; padding: 0 25px 25px 25px; }
#help-button { background-image:url(../../images/HolidayHomepage/help.png); width: 32px; height: 32px; cursor: pointer; }
#help-button:hover { background-position: 0 -32px; }


/*-------------------------------------------------------------------------------------------*/
/* 5. Lineage Offers */
/*-------------------------------------------------------------------------------------------*/

.lineage-offers { float: left; margin: 10px 10px 50px 10px; }
.lineage-offers h4 { font-size: 18px; margin-bottom: 10px; }
.lineage-offers table { width: 440px; font-size: 12px; }
.lineage-offers table tr:nth-child(odd) { background-color: #f7f7f7;}
.lineage-offers table tr:hover { background-color: #00bce4; cursor: pointer; color: #fff; }
.lineage-offers table tr:hover a { color: #fff; text-decoration: none; }




#hotel-offers-container { overflow:hidden; border-bottom: 1px solid #e5e5e5; padding-bottom: 25px; }
#hotel-offers { width: 600px; padding: 0 10px; margin: 0 10px; overflow:hidden; float:left; }
.subheading { font-size: 2.4em; line-height: 1em; color: #666666; letter-spacing: -0.05em; font-family: PT-Sans, Arial, Helvetica, sans-serif; margin-bottom: 25px; display:inline-block; padding-left: 20px; }

#hotel-offers .offer { border: 5px solid #9dd3df; width: 275px; height: 175px; float: left; color: #fff; font-size: 1.4em; font-family: PT-Sans, Arial, Helvetica, sans-serif; letter-spacing: -0.05em; padding-top:25px; cursor: pointer; }

#hotel-offers .offer > span { padding: 5px 10px; display: block; margin-right: 25px; text-align: right; margin-bottom: 85px; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
#hotel-offers .offer span span { display: block; text-align: left; margin-bottom: 5px; }
#hotel-offers .offer span > strong { font-size: 1.4em; }
#hotel-offers .offer a {margin-right: 10px; font-size: 1em; text-shadow: 0px 1px rgba(0,0,0,0.6); }


#hotel-offers .one > span { background-color: rgba(0,188,228,0.8); }
#hotel-offers .two > span { background-color: rgba(235,61,27,0.8); }
#hotel-offers .three > span { background-color: rgba(126,159,11,0.8); }
#hotel-offers .four > span { background-color: rgba(0,0,0,0.8); }

#hotel-offers .offer .cover { position: absolute; width: 275px; height: 200px; background-color: rgba(0,0,0,0.4); margin-top: -25px; z-index: 2; display: none;} 

#hotel-offers .offer:nth-child(odd) { margin: 0 25px 25px 0; }

#hotel-offers-sidebar { width: 280px; padding: 0 10px; margin: 0 10px; overflow:hidden; float:left; }    
#hotel-offers-sidebar .widget { width: 280px; float:left; margin:0; padding-bottom: 50px; overflow: hidden; }
#hotel-offers-sidebar .widget:nth-child(odd) { border-bottom: 1px #cecece solid; }
#hotel-offers-sidebar .widget.email, .widget.destination { margin-top: 50px; }

#hotel-offers-sidebar .widget p { padding: 10px 10px 20px 0; }


.widget { width: 270px; float:left; margin: 0 25px; }
.widget h2 { font-size: 24px;}
.widget h2 span { display: block; font-family: PT-Sans, Arial, Helvetica, sans-serif; font-weight: normal; text-align:right; color: #666666; margin: 5px 0 25px 0; }
.widget p { font-size: 14px; color: #666666; }

.widget .heading_2 { font-size: 24px; padding-top:5px;}
.widget .heading_2 span { display: block; font-family: PT-Sans, Arial, Helvetica, sans-serif; font-weight: normal; text-align:right; color: #666666; margin: 5px 0 25px 0; }

#package-deals-container { overflow:hidden; border-top: 1px solid #ffffff; background-color: #eff8fa; padding: 25px 0 0 0; }
#package-deals { width: 600px; padding: 0 10px; margin: 0 10px; overflow:hidden; float:left; }
#package-deals-sidebar { width: 300px; margin: 0 10px; overflow:hidden; float:left; }    
 
#package-deals h2 { font-size: 48px; color: #3b3737; line-height: 1em; letter-spacing: -0.05em; font-family: PT-SansBold, Arial, Helvetica, sans-serif; }
#package-deals .subheading { font-size: 18px; line-height: 1.5em; color: #666666; letter-spacing: -0.05em; font-family: PT-Sans, Arial, Helvetica, sans-serif; margin-bottom: 25px; display:inline-block; padding-left: 20px; }

/*
.holiday {position: relative;font-size: 12px; color: #ffffff; text-align: left;cursor: pointer;border: 5px #ccc solid; height: 120px; width: 160px; margin-right: 25px;float:left;overflow: hidden;line-height: 16px;background-repeat:no-repeat;background-color:#000;}

.holiday .upper-content {display: block; width: 160px; height: 30px; background-color: rgba(0,0,0,0.6); overflow: hidden; padding: 5px; position:relative; }

.holiday .upper-content.left, .holiday .lower-content.left {width: 70px; float:left }

.holiday .upper-content.right, .holiday .lower-content.right {width: 70px; text-align:right;}
*/

.holiday { position: relative; font-size: 12px; color: #ffffff; text-align: left; cursor: pointer;  border: 5px #ccc solid; height: 120px; width: 160px; margin-right: 25px; float:left; overflow: hidden; line-height: 16px;}
.holiday .upper-content {display: block; width: 160px; height: 30px; background-color: rgba(0,0,0,0.6); overflow: hidden; padding: 5px 2px 5px 2px; position:relative; }
.holiday .upper-content.left, .holiday .lower-content.left {width: 84px; float:left }
.holiday .upper-content.right, .holiday .lower-content.right {width: 68px; text-align:right;}
.holiday .lower-content.right span { font-size: 14px; font-weight: bold; }
.holiday .lower-content { display: block; margin-top: 52px; height: 18px;background-color: rgba(0,0,0,0.6); overflow: hidden; padding: 5px 2px 5px 2px !important; position: relative;} 




.divider { width: 90%; height:0px; border-bottom: 1px solid rgba(255,255,255,1); border-top: 1px solid rgba(0,0,0,0.1); margin: 50px auto;  }

#three-widgets { background-color: #eff8fa; overflow:hidden; padding: 0 0 25px 0; line-height: 21px; }
#three-widgets ul li { padding-left: 15px; }

#pre-footer{ background-color: #eff8fa; }


.ac_results
{
	width: 300px !important;	
}