﻿@import url("mainstructure.css");
@import url("multisearch.css");
@import url("gsmoffersandhotels.css");
@import url("searchpageextras.css");

/* TO BE USED EXCLUSIVELY FOR CAR PAGES */
#pagecontent2col { border:solid 0px red; } /* DO NOT set padding-top/bottom here */
#pagecontent2col .leftcontent	{ float:left; width:310px; padding:10px 0 0 0; border:solid 0px red; }
#pagecontent2col .maincontent	{ float:left; width:650px; padding:10px 0 0 0; margin:0 0 0 25px; border:solid 0px red; }

#pagecontent3col { border:solid 0px red; } /* DO NOT set padding-top/bottom here */
#pagecontent3col .leftcontent	{ float:left; width:32em; padding:10px 0 0 0; border:solid 0px red; }
#pagecontent3col .maincontent	{ float:left; width:32.4em; padding:10px 0 0 0; margin:0 0 0 1.5em; border:solid 0px red; }
#pagecontent3col .rightcontent	{ float:right; width:32em; padding:10px 0 0 0; border:solid 0px red; }

#carhirebox.searchotherlocations { float:left; width:320px; margin:0 0 5px 0; }
#carhirebox h2.searchtitle   { padding:0.4em 0 0.4em 0.5em; margin:0; background-color:#fff; }
#carhirebox #searchholder    { position:relative; border:solid 0.1em #E4E4E4; }
#carhirebox .carsearchholder { padding:1em 0 0 0; height:12em; font-size:1em; background-color:#eee; }
#carhirebox .carsearchholder label { display:block; font-size:1.1em; }
#carhirebox .csdestination { margin:0em 0 0em 3.5em; width:14em; }
#carhirebox .csdestination input { width:10em; border:solid 0.1em #E4E4E4;  }
#carhirebox .carsearchholder select { margin:0.1em 0 0 0; font-size:1em; }
#carhirebox .csdepart   { float:left; margin:0em 2em 0em 1.5em; }
#carhirebox .csreturn   { float:left; margin:1em 2em 0em 1.5em; }
#carhirebox .csdetails  { margin:-3em 0 0 23em; width:20em; }
#carhirebox .cssubmit   { float:right; position:relative; top:-30px; right:0; margin:0 1em 1em 0; }
#carhirebox .cscalendar { float:right; margin:-3em 0 0 0; }

h1.title { padding:0.5em 0 0.5em 0.5em; margin:0 0 0 0; background:#ffc08b none; /*background: url(/images/structure/traveloffersbg_320.gif) no-repeat left top;*/ }
h2.flightswithintitle { padding:0.5em 0 0.5em 0.5em; margin:0 0 0 0; font-size:1.3em; background:#ffc08b none; /*background: url(/images/structure/traveloffersbg_320.gif) no-repeat left top;*/ }

#carhirebox.searchotherlocations .csdetails { margin:0.5em 0 0 2em; width:15em; }
#carhirebox.searchotherlocations .carsearchholder { height:15em; }
#carhirebox.searchotherlocations .csdepart, #carhirebox.searchotherlocations .csreturn { margin-left:0; width:15em; }
#carhirebox.searchotherlocations .csdestination { margin-left:2em; width:20em; }
#carhirebox.searchotherlocations .cscalendar { display:inline; }
#cspickupday_weekday, #csdropoffday_weekday { font-weight:bold; color:Gray; }
#cartypeselector { width:600px; height:180px; }
.dispinline { display:inline; }
.carhiretype { float:left; width:17em; height:50px; padding:0 0 0 2em; margin:1em 0 0 0; }
div.cartypedetails, .carhiretype input { float:left; margin: 10px 0 0 0px; }
div.cartypedetails { font-size:1.1em; line-height:1.3em; }
.carhiretype img { float:left; margin: 0 3px 0 5px; }
.extendedcarsearchholder { clear:both; position:relative; top:40px; right:0; margin: 0 0 0 0; }

#airportcarhire h1 { padding:0.6em 0 0.5em 0.5em; background:#ffc08b none; /*background:url(../images/structure/traveloffersbg.gif) no-repeat;*/ color:Black; }
#airportcarhire .smalltitles { margin:0.6em 0 0.2em 0; padding:0; color:#fb9b35; font-weight:700; font-size:1.1em;  }
#airportcarhire .listnumbers { font-weight:bold; color:#fb9b35; }
#airportcarhire p { padding:0em 0 0.8em 0; font-size:1.1em; line-height:1.3em; }
#airportcarhire #insurancetypesbox { padding:1em 0.5em 0.3em 1em; margin:0.3em 0 0.5em 0; line-height:1.2em; background-color:#ffebd6;}
#airportcarhire .changecolor { font-weight:bold; color:#fb9b35;}
#carhirewrap { width:64em; height:50em; }
#carhirewrap #carhirebox { float:left; width:42em; }
#carhirewrap #carhiretext { float:right; width:20.5em; padding:6.6em 0 0 0;}
.carhireimg { margin:0 0 1em 0;}

/* CAR SEARCH RESULTS */
.carresultswrap h1 { margin:0 0 0.5em 0; font-weight:bold; font-size:1.4em; color:Orange; }
.carresultswrap .searchdetails .detailsline3 { padding:1em 0 0 0; font-weight:bold; }
.carresultswrap .searchdetails { margin:2em 0 2em 0; font-size:1.1em; line-height:1.3em; }
.carresultswrap #carresults { margin:3em 0 0 0;}
.carresultswrap #carresults .details h4 { float:left; padding:8px 0 0 6px; margin:0 0 3px 0; width:300px; height:20px;/**/ background:#ffc08b none; /*background:url(/images/structure/traveloffersbg_305.gif) no-repeat left top;*/ color:#000; }
.carresultswrap #carresults .details h4 a { font-size:1.3em; font-weight:bold; text-decoration:none; color:#000; }
.carresultswrap #carresults .details h4 span	{ float:right; margin:0 10px 0 0; font-size:1.3em; }
.carresultswrap #carresults .details h4 a		{ float:left; }
.carresultswrap #carresults .details .carimg { float:left; margin:0 10px 0 0; }
.carresultswrap #carresults .details { float:left; margin:0 24px 30px 0; width:303px; height:140px; }
.carresultswrap #carresults .details .price { padding:1em 0 0.5em 0; font-weight:bold; font-size:1.1em; color:Orange; }
.carresultswrap #carresults .details .model { display:block; margin:0 0 3px 0; font-weight:bold; font-size:1.1em; color:Orange; }
.carresultswrap #carresults .details .carfeatures { padding:5px 0 5px 0; height:98px; font-size:1.1em; line-height:1.3em; }
.carresultswrap #carresults .details hr { color:Silver;}
.carresultswrap #carresults .details .imgdetails { padding:0 0.2em 0 0.2em; font-weight:bold; color:Blue;}
.errormsg { width:320px; margin:50px 0 20px 0; }
.btnimg { margin:1em 0 0 0; }

/*CAR HIRE DETAILS */
.cardetails .heading { font-size:1.6em; font-weight:bold; color:Orange;}
.cardetails .searchdetails { clear:both; margin:1em 0 1em 0; font-size:1.1em; line-height:1.3em; }
.cardetails .allcardetails { font-size:1.1em; line-height:1.3em; }
div.cardetails div.allcardetails p { margin:0 0 0.5em 0; font-size:1.3em; line-height:1.3em; }
.cardetails .detailstitle { font-weight:bold; font-size:1.1em;}
.cardetails .footerdetails p { font-size:1.1em; line-height:1.3em; margin:1em 0 0 0; }
.locationmap { height:20em; width:31.7em; margin:1em 0 0 0; border:solid 1px gray; }
p.mapinstructions { margin:3px 0 3px 0; color:Gray; }

/*OTHER HOTEL CONTROL */
#otherhotels { margin:0 0 1em 0; background-color:#ffebd6; }
#otherhotels h1 { margin:0 0 0.5em 0; padding:0.5em; background:#ffc08b none; /*background: white url(/images/structure/traveloffersbg_320.gif) no-repeat left top;*/ font-weight:bold; color:#666;}
#otherhotels #hotel {clear:both; margin:1em 0 2em 0; padding:0 0.5em 0 0.5em;}
#otherhotels #hotel h2 { margin:1em 0 0.3em 0; font-size:1.1em; font-weight:bold;}
#otherhotels #hotel img { float:right;}
#otherhotels #hotel .locationdetails { float:left; width:70%; font-size:1.1em; line-height:1.3em;}
#otherhotels #hotel .moreinfo { clear:both; display:block; padding:0.5em 0 0 0; }
#otherhotels #hotel .moreinfo a { float:left; font-weight:700; font-size:1.1em; color:#800000; }
#otherhotels #hotel .moreinfo .price { float:right;}
#otherhotels #morehotelslnk { clear:both; margin:2em 0.5em 1em 0.5em; }
#otherhotels #morehotelslnk a { font-weight:700; font-size:1.1em; color:#800000; }
#clear { clear:both; }
#otherhotels .hoteladvicebubbleresults {position:relative; top:1em;}
#otherhotels h3 { padding:0 0 0 0.5em; margin:0em; font-weight:bold; color:#ffa500; }
#otherhotels h3 span { font-size:1.1em; }
#otherhotels big { font-size:1.2em;}
#otherhotels h3 img { width:22em; height:0.1em; padding:0 0 0.2em 0.3em; }
#otherhotels hr { display:none; }

#bookingservice { clear:both; }
#bookingservice p { line-height:1.3em; font-size:1.1em; }
#bookingservice .bookingservicetitle { display:block; padding:0 0 0.2em 0; margin:1em 0 0.5em 0; font-weight:bold; border-bottom:1px solid #eeeeee; color:Gray; }
#bookingservice img { float:right;}

#cardetails { font-size:1.1em; line-height:1.3em; }
#cardetails .heading { font-weight:700; }
#cardetails .searchdetails { margin:1em 0 1em 0; }
#cardetails .detailstitle  { display:inline; margin:1.5em 0 0em 0; font-weight:700; }
#cardetails p	{ display:inline; margin:0em 0 0 0; }
#cardetails img { margin:1em 0 1em 0; } 


/* NEW HOTEL SPEAK TO ME I'VE BEEN THERE */
ul.buddyreviewbrokers { position:absolute; visibility:hidden; margin:3.5em 0 0 3em; width:135px; padding:0px 0 5px 0; z-index:100; list-style-type:none; background-color:#FAEBD3; font-weight:bold; border:solid 1px #DECFB6; }
ul.buddyreviewbrokers li { padding:0px 6px 0px 6px; color:#000; font-weight:normal; }
ul.buddyreviewbrokers li.header { margin:0 0 5px 0; padding:4px 6px 4px 6px; background-color:#AB5858; color:White; font-weight:bold; }
ul.buddyreviewbrokers li span { font-weight:bold; color:#AB5858; }
p.buddyreviewbrokersheader { visibility:hidden; position:absolute; width:150px; top:20px; left:40px; margin:0 0 5px 0; padding:4px 6px 4px 6px; padding:0px 0 5px 0; z-index:100; list-style-type:none; background-color:#FAEBD3; background-color:#AB5858; color:White; font-weight:bold; }
img.hoteladvicebubbleresults { position:relative; margin:0px 0 -15px -20px; z-index:10; }
.hotelsearchresults img.hidebr { visibility:hidden; }
#pagecontent3col .leftcontent div#otherhotels ul.buddyreviewbrokers { margin:3.5em 0 0 5.5em; }
img.hidebr { visibility:hidden; }	

table.childlocationslist td.name	{ width:245px; padding:0.5em; }
table.childlocationslist td.price	{ width:52px; text-align:right; padding-right:10px; }

p.crosslink { margin:10px 0 0 0; color:Black; font-size:11px; }
p.crosslink a { color:Black; }


/*NEW RESULTS LAYOUT*/
div.loccontent		{ float:left; width:320px; margin:0 12px 0 0; }
div#resultsmap		{ float:left; width:320px; margin:0 13px 0 0; }
div#resultsmap #locationMap { float:left; width:318px; margin:2px 0 0 0; }
div.filterivestayed { float:left; width:320px; }
div.topdetails #resultsmap h2 { float:left; padding:0.7em 0 0.6em 0.5em; margin:0 0 5px 0; width:315px; /*height:20px;*/ background:#ffc08b none; /*background:url(/images/structure/traveloffersbg_320.gif) no-repeat left top;*/ color:#000; }

div.loccontent h1 { float:left; padding:0.6em 0 0 0.5em; width:315px; height:1.5em; background:#ffc08b none; /*background:url(/images/structure/traveloffersbg_320.gif) no-repeat left top;*/ color:#000; }
div.loccontent h4 { padding:0 0 0 0; margin:0 0 10px 0; border-bottom:solid 1px gray; color:#000; } 
div.loccontent .hoteldetailsform { clear:both; margin:50px 0 0 0; }
div.topdetails { margin:0 0 10px 0; }
div.hoteladvice { font-size:1.1em; line-height:1.3em; color:#666; }
div.hoteladvice h2 { margin:-2px 0 2px 0; font-size:1.1em; color:Black; }
div.filterivestayed #filtersearchresultsholder .title { margin:7px 0 0px 0; color:Black; }
a.cachedhotellink { position:absolute; top:29px; left:5px; font-size:8px; color:Gray; }


#carresults .details  { position:relative; z-index:10; }
#carresults .details * { z-index:-1; }
#carresults .details .cardetailswrap { display:none; position:absolute; top:29px; left:0px; width:314px; height:136px; padding:0px 5px; background-color:white; border:solid 1px gray; z-index:100; }
#carresults .details .cardetailswrap * { z-index:100; }
.allcardetails { padding:0 0 0 0; line-height:1em; }
.allcardetails .detailstitle { font-weight:bold; z-index:100; }
.cardetailswrap a { position:absolute; bottom:3px; right:3px; color:orange; }
#carresults .details a.moredetails { float:right; margin:3px 0 0 0; color:orange; }
img.cardetailsloadericon { position:absolute; top:0px; left:0px; display:none; padding:60px 130px 65px 150px; background-color:White; }

/*NEW SEARCH LAYOUT*/
div.loaderholder { margin:120px auto; width:358px; font-size:14px; text-align:center; line-height:21px; }
div.loaderholder img { margin:20px 0 0 0; }

h1.locationcontenttitle, h3.locationcontenttitle, h2.locationcontenttitle { padding:0.5em 0 0.5em 0.5em; margin:0 0 0 0; background:#ffc08b none; /*background: url(/images/structure/traveloffersbg_320.gif) no-repeat left top;*/ }
div.locationcontent { text-align:justify; margin:3em 0 1em 0; font-size:1.1em; line-height:1.3em; color:#666; }
div.locationcontent .locationcontentsubtitle { padding:0 0 0.2em 0; margin:0 0 1em 0; border-bottom:solid 1px gray; color:black; }
div.locationcontent img { float:right; margin:0 0 0.3em .8em; border:solid 0.1em gray;  }
