/* -------------------------------------------------- *\
	Layout Styles
\* -------------------------------------------------- */

/* Basic layout styles */
body { background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#container { color:#000; }
#main { width:740px; }
.sidebar { display:none; }
#breadcrumb { display:none; }

/* Optional layout modifications */
.homepage #main { width:960px; }
.fullWidth #main { width:940px; }

/* Site header */
#header ul.userLinks { display:none; }

/* Main site navigation */
#siteNav { display:none; }

/* Page sub-navigation */
#subNav { display:none; }

/* Footer */
#footer { clear:both; margin-top:5px; font-size:0.9em; color:#666; }
#footer ul { display:none; }

#overlay						{ display:none; }
#overlayBackground				{ display:none;  }
#calendarOverlay				{ display:none;  }
#calendarOverlayShim			{ display:none;  }

/* -------------------------------------------------- *\
	Common Styles
\* -------------------------------------------------- */

/* Basic header styles */
h1 					{ font-size:2.5em; color:#006fad; margin:10px 0; }
h2 					{ font-size:1.6em; margin:10px 0; }
h3 					{ font-size:1.5em; margin:10px 0; }
h4 					{ font-size:1.2em; margin:10px 0; }
h5, h6 				{ font-size:1em; margin:10px 0; }

/* Special case headers */
.sidebar h2			{ font-size:1.5em; }
.maroonBox  h3.important { color:#991f23; }
h4.important 		{ color:#991f23; }
.red				{ color:#991f23; }

/* Basic links styles */
a 					{ color:#09123e; text-decoration:underline; }
a:link 				{  }
a:visited 			{  }
a:hover,a:focus		{ color:#991f23; }
a:active 			{  }

/* Misc styles */
p 					{ margin:10px 0; }
small, .small		{ font-size:0.8em; }
.large				{ font-size:1.4em; }
.blue 				{ color:#006fad; }
img 				{ border:0; }
ul					{ margin:10px 0; padding:0; padding-left:1.3em; }
ol 					{ margin-top:10px; margin-bottom:10px; }
ul 					{ list-style-type:disc; }
ul li, ol li 		{ margin:5px 0; }
ul.bulletless		{ list-style-type:none; margin-left:0; padding-left:0; }
ul.bulletless li	{ margin:0; padding:0; }

.horizontalList 	{ padding:0px; }
.horizontalList li 	{ line-height:1.4em; display:inline; margin:5px 0; padding:0; margin-right:5px; padding-right:5px; border-right:1px solid #b5b7c5; }
.horizontalList li.noBorder { border-right:none; }
.horizontalList li.last	{ border:none; margin-right:0; padding-right:0; }

/* Horizontal rule */
div.hr 				{ height:1px; border-top:1px solid #e5e7f5; margin:10px -10px; }
div.hr hr 			{ display:none; }
div.hrCompact 		{ height:1px; border-top:1px solid #e5e7f5; margin:5px -10px; }
div.hrCompact hr 	{ display:none; }

/* In-page image styles */
.imgRight 			{ float:right; margin:0 0 5px 10px; }
.imgLeft 			{ float:left; margin:0 10px 5px 0; }

/* Re-usable styles for laying out columns at standard widths */
.singleCol			{ width:222px; }
.doubleCol			{ width:454px; }
.tripleCol			{ width:686px; }
.halfCol			{ width:338px; }
.colDivider			{ padding-right:5px; border-right:1px solid #e5e7f5; }

/* Half page split with dotted lines for pages with subnav */
.subNav .colLeft	{ width:232px; margin-right:5px; }
.subNav .colRight	{ width:232px; padding-left:5px; border-left:1px dotted #b5b7c5; }

/* Top dotted border style */
.topDotted			{ border-top:1px dotted #b5b7c5; padding-top:10px; }

.fl					{ float:left; }
.fr					{ float:right; }
.clear 				{ clear:both; }

.ml					{ margin-left:5px !important; }
.mr					{ margin-right:5px !important; }
.mt					{ margin-top:5px !important; }
.mb					{ margin-bottom:5px !important; }
.noMargin			{ margin:0 !important; }

.al					{ text-align:left; }
.ar					{ text-align:right; }
.ac					{ text-align:center; }
.vm					{ vertical-align:middle; }

#accessibility,
.accessibility		{ position:absolute; left:-99999em; }

body .flush			{ margin-top:0; margin-bottom:0; }
body .flushTop		{ margin-top:0; }
body .flushBtm		{ margin-bottom:0; }

dl.details dt 		{ clear:left; float:left; display:inline; font-weight:bold; text-align:right; padding-right:5px; width:120px; margin-bottom:0.4em; }
dl.details dd 		{ margin-left:125px; margin-bottom:0.4em; }

th, td				{ text-align:left; }

/* -------------------------------------------------- *\
	Box Styles
\* -------------------------------------------------- */

/* Basic box definition */
.basicBox						{ margin:10px 0; border:1px solid #b5b7c5; padding:5px; }
.basicBox .titleBar				{ margin:-10px; padding:5px; border-bottom:1px solid #e5e7f5; margin-bottom:0; }

/* Tabbed box variant */
.tabbedNav						{ display:none; }

/* -------------------------------------------------- *\
	Form Styles
\* -------------------------------------------------- */

form							{ margin:0; padding:0; }

select							{ border:1px solid #b5b7c5; font-size:1em; padding:1px; vertical-align:middle; }
textarea, .textField, .initialTextField { border:1px solid #b5b7c5; font-size:1em; padding:2px; vertical-align:middle; }
.initialTextField				{ width:30px; }
label 							{ font-weight:bold; display:block; margin-bottom:0.2em; }

fieldset						{ margin:10px 0; padding:10px; border:1px solid #b5b7c5; }
fieldset legend					{ margin:0; padding:0; color:#006fad; font-size:1.2em; font-weight:bold; }
fieldset.semantic 				{ margin:0; padding:0; border:0; }
fieldset.semantic legend 		{ display:none; }

.labelCol 						{ float:left; width:auto; margin-right:10px; margin-top:2px; text-align:left; }
.inputCol 						{ float:left; width:auto; margin-right:10px; }
.inputCol .colWidth 			{ width:210px; }
.inputCol select.colWidth 		{ width:216px; }

.formRow						{ clear:both; margin-bottom:5px; }
.formRow .labelCol				{ float:left; margin:0; width:120px; text-align:right; }
.formRow .inputCol				{ float:none; margin:0; margin-left:130px; }
.wideForm .formRow .labelCol 	{ width:222px; }
.wideForm .formRow .inputCol 	{ margin-left:232px; }

.tickItem						{ position:absolute; margin-top:1px; }
.tickItem input					{ margin:0; padding:0; }
.tickText						{ font-size:0.9em; display:block; margin-left:19px; }
.tickText label 				{ font-weight:normal; display:inline; }
.tickBold						{ font-size:1em; display:block; margin-left:19px; }
.tickBold label 				{ font-weight:bold; display:inline; }


.helpBox						{ float:right; font-size:0.9em; margin-top:0; margin-bottom:10px; width:325px; }
.helpBox .bTop 					{ margin-left:0; }
.helpBox .bTop .bTopL			{ height:7px; width:9px; position:absolute; left:-8px; top:-1px; background:url(/assets/img/bg/box/help/arrow_alt.gif) no-repeat top left; }
.helpBox .bPadding				{ padding:1px 7px; }


/* -------------------------------------------------- *\
	Table Styles
\* -------------------------------------------------- */

.basicBox .tableDiv				{ margin:0 -10px; }
.basicBox table 				{ width:100%; border-collapse:collapse; }
.basicBox table caption			{ display:none; }
.basicBox tr					{ vertical-align:top; }
.basicBox td, .basicBox th		{ padding:5px 10px; font-weight:normal; }
.basicBox .even					{ background:#e5f0f7; }
.tableDiv .noTopBorder			{ border-top:none; }
table .highlighted				{ background:#cce8f8; }

.data							{ border-bottom:1px solid #7fb7d6; }
.data th						{ border:1px solid #7fb7d6; border-width:1px 0; font-weight:bold; }
.data td						{ border:1px dotted #7fb7d6; border-right-width:0; }

/* Table styles for booking information - used in MyTravelodge */
table.bookingTable th			{ font-weight:bold; border-top:1px solid #7fb7d6; }
table.bookingTable th.noBorder	{ font-weight:bold; border-top:none; }
table.bookingTable tr.dotted	{ border-bottom:1px dotted #b5b7c5; }
table.bookingTable tr.topBlueBorder	{ border-top:1px solid #7fb7d6; }
table.bookingTable .bookingDetails { background:#e6e7eb; }
table.bookingTable .price		{ font-size:1.4em; border-left:1px solid #b5b7c5; border-right:1px solid #b5b7c5; text-align:right; }
table.bookingTable .totalCost	{ border:1px solid #006fad; background:#cce8f8; font-size:1.4em; font-weight:bold; text-align:right; }
table.bookingTable .userLinks	{ vertical-align:middle; padding-top:10px; }
.showLink, .hideLink 			{ font-size:0.9em; display:block; width:25px; text-align:right; padding-right:18px; padding-bottom:2px; }
.showLink 						{ background:url(/assets/img/icons/plus.gif) right no-repeat; }
.hideLink 						{ background:url(/assets/img/icons/close_overlay.gif) right no-repeat; }

/* -------------------------------------------------- *\
	Homepage Styles
\* -------------------------------------------------- */

.homepage .newHotels ul { min-height:87px; }
.homepage .newHotels ul li { margin:2px 0; }

/* Main promotion area */
.homepage .mainPromo 			{ display:none; }

/* Other homepage promotions */
.homepage .singlePromoArea		{ width:446px; }
.homepage .singlePromo			{ width:218px; height:175px; }

.homepage .singlePromo .light_start { height:100%; background:url(/assets/img/home_promos/single/light_start.gif); }
.homepage .singlePromo .light_start a { color:#000; }

.homepage .doublePromo 			{ width:446px; }
.homepage .doublePromo a 		{ width:100%; height:138px; display:block; text-decoration:none; }
.homepage .doublePromo a span	{ position:relative; top:112px; display:block; text-align:right; margin-right:15px; text-decoration:underline; }

.homepage .doublePromo .everyday1{ background:url("/assets/img/home_promos/double/everyday1.gif") no-repeat left top; }

/* -------------------------------------------------- *\
	Miscellaneous or Page-Specific Styles
\* -------------------------------------------------- */

.singlePromo 					{ width:222px; }
.singlePromo a 					{ width:100%; height:138px; display:block; text-decoration:none; }
.singlePromo a span				{ position:relative; top:115px; display:block; text-align:right; margin-right:15px; text-decoration:underline; }

.doublePromo 					{ width:454px; }
.doublePromo a 					{ width:100%; height:138px; display:block; text-decoration:none; }
.doublePromo a span				{ position:relative; top:112px; display:block; text-align:right; margin-right:15px; text-decoration:underline; }

.triplePromo 					{ width:684px; height:77px; background:#fc0; margin:10px 0; font-weight:bold; border:1px solid #b5b7c5; }
.triplePromo h2.accessibility	{ position:relative; left:0; margin-top:0; }
.triplePromo p					{ margin:0; }
.triplePromo .fl				{ padding:10px; }
.triplePromo .fr				{ padding:15px; }

.quickBook h4					{ font-weight:normal; }
.quickBook label				{ font-weight:normal; }

.saverRatePod 					{ font-size:1.2em; }
.saverRatePod h4 				{ font-size:2em; line-height:1em; }
.saverRatePod a					{ font-weight:bold; }
.saverRatePods .saverRatePod .bContent { min-height:180px; }

.SandBRadioCol					{ float:left; }
.SandBLabelCol					{ float:left; width:405px; margin-left:5px; }
.SandBLabelCol label.choices	{ font-size:1.4em; font-weight:bold; margin-bottom:0; }

#helpQuestions ul				{ margin:0; padding:0; height:200px; overflow:auto; list-style-type:none; }
#helpQuestions li				{ margin:0; padding:0; margin:0 10px 5px 0; }
#helpAnswer h4					{ margin-top:0; }

.largeMap 						{ height:706px; width:686px; }
#directionsMap 					{ height:343px; width:686px; }
#parkingMap 					{ height:152px; width:327px; }
#searchResultsMap.smallMap		{ height:352px; width:382px; }
#searchResultsMap.largeMap		{ height:500px; width:918px; }
#saverResultsMap				{ height:664px; width:664px; }

.poiCategories label			{ display:inline; }
.poiCategories ul				{ margin:10px 0; padding:0; margin-bottom:0; list-style-type:none; }
.poiCategories ul ul			{ margin:5px 20px; margin-right:0; }
.poiCategories li				{ margin:3px 0; }

.hotelAtoZ .horizontalList		{ font-weight:bold; }
.hotelAtoZ .horizontalList li	{ font-weight:normal; border:0; margin-right:0; }
.hotelAtoZ .horizontalList li a	{ font-weight:bold; }

ul.facilities li				{ margin-bottom:5px; }
ul.hotelDetails li				{ margin-bottom:5px; }

.bookingProgress 				{ display:none; }

.searchResults							{ margin:10px 0; padding:0; margin-left:-11px; background:url(/assets/img/bg/sah_list_view.gif) right repeat-y; }
.searchResults .searchResult			{ margin:0; padding:0; border:1px solid #b5b7c5; padding:10px; margin-bottom:-1px; background:url(/assets/img/search_and_book/results/bubble_key/a.gif) 507px 10px no-repeat; }
.searchResults .thumbnail				{ float:left; width:204px; margin-right:10px; }
.searchResults .details					{ float:left; width:301px; }
.searchResults .details	h4				{ font-size:1.5em; margin:0; padding-right:35px; margin-right:-7px; padding-bottom:5px; }
.searchResults .details .distance 		{ margin-top:-5px; }
.searchResults .details .price			{ font-size:2.8em; line-height:0.8em; }
.searchResults .details .bookNow 		{ margin:1.8em 45px 0 0; }
.searchResults .details .checkBox 		{ position:relative; }
.searchResults .details	.checkBox label { display:inline; font-weight:normal; margin-right:30px; }
.searchResults .details	.checkBox input { position:absolute; top:-2px; right:-4px; }

.saverResults th				{ font-weight:bold; }
.saverResults td				{ border-top:1px solid #7fb7d6; }
.saverResults th.day span 		{ display:block; font-weight:normal; }
.saverResults th.arrow 			{ padding-left:0; padding-right:0; vertical-align:bottom; }
.saverResults th.hotel 			{ border-top:1px solid #7fb7d6; }
.saverResults th.hotel span 	{ display:block; font-weight:normal; font-size:0.9em; }
.saverResults td.day			{ padding:0; border:1px solid #fff; }
.saverResults td.day a			{ display:block; text-decoration:none; }
.saverResults td.day .price		{ display:block; line-height:3.2em; color:#fff; font-size:1.4em; font-weight:bold; }

.saverResults td.flexible .price 	{ background:#008bdc; }
.saverResults td.saver .price 		{ background:#eb6e19; }
.saverResults td.sale .price 		{ background:#c80025; }
.saverResults td.noRooms .price 	{ background:#b5b7c5; font-size:1em; font-weight:bold; line-height:1.2em; padding:10px; }

.bedDetails .bed				{ height:65px; }
.bedDetails .bed span			{ display:block; height:65px; }
.bedDetails .doublebed			{ background: url(/assets/img/icons/rooms_contents/dblBed.gif) no-repeat top right; }
.bedDetails .doublebed span		{ background: url(/assets/img/icons/rooms_contents/2adults.gif) no-repeat 0 1.8em; }
.bedDetails .sofabed			{ background: url(/assets/img/icons/rooms_contents/sofaBd.gif) no-repeat top right; }
.bedDetails .sofabed span		{ background: url(/assets/img/icons/rooms_contents/1adult_2kids.gif) no-repeat 0 1.8em; }
.bedDetails .pulloutbed			{ background: url(/assets/img/icons/rooms_contents/pulloutBd.gif) no-repeat top right; }
.bedDetails .pulloutbed span	{ background: url(/assets/img/icons/rooms_contents/1adult_2kids.gif) no-repeat 0 1.8em; }

.basket							{ border:1px solid #006fad; margin:0 -11px; padding:5px 10px; border-bottom:0; padding-bottom:0; }
.basketTitle					{ background:url(/assets/img/icons/trolley.gif) no-repeat; padding-left:25px; }
.basket .tableDiv				{ margin-top:5px; margin-bottom:5px; }
.basket th, .basket td 			{ border:1px solid #7fb7d6; border-width:1px 0; font-weight:bold; }

.summaryPrice					{ font-size:1.85em; }

.basketBox .bPadding			{ padding-bottom:0; }
.basketBox .bBtm				{ border-color:#006fad; background:url(/assets/img/bg/box/basket/b.gif) repeat-x; }
.basketBox .bBtm .bBtmL			{ background:url(/assets/img/bg/box/basket/bl.gif) no-repeat; }
.basketBox .bBtm .bBtmR			{ background:url(/assets/img/bg/box/basket/br.gif) no-repeat; }

#roomExtras th, #roomExtras td			{ border:1px solid #7fb7d6; border-width:1px 0; padding:10px; }
#roomExtras .fieldHeader td, #roomExtras .fieldHeader th { border-bottom:0; }
#roomExtras .splitRow td, #roomExtras .splitRow th { border-top:0; border-bottom:0; }
#roomExtras .caption					{ font-size:1.2em; font-weight:bold; text-align:right; }
#roomExtras .amount						{ font-size:1.2em; border-left:1px solid #006fad; text-align:right; }
#roomExtras h4 a						{ text-decoration:none; background:url(/assets/img/icons/query.gif) no-repeat right top; padding-right:25px; padding-bottom:3px; }
#roomExtras .tickBold label				{ font-weight:normal; }
#roomExtras .highlighted .amount,
#roomExtras .highlighted .tickBold label { font-weight:bold; }
#roomExtras .minorTotal .amount,
#roomExtras .majorTotal .amount 		{ background:#cce8f8; font-weight:bold; }

#roomExtras .checkInNote		{ background:url(/assets/img/icons/clock_3pm.gif) no-repeat right top; display:block; padding-right:45px; min-height:45px; }
#roomExtras .checkInNoteActive	{ background-image:url(/assets/img/icons/clock_noon.gif); }
#roomExtras .checkOutNote		{ background:url(/assets/img/icons/clock_noon.gif) no-repeat right top; display:block; padding-right:45px; }
#roomExtras .checkOutNoteActive	{ background-image:url(/assets/img/icons/clock_2pm.gif); }

.blueQuote						{ margin:10px 0; padding:0; color:#0070ac; font-weight:bold; background:url(/assets/img/shared/quotes_o.gif) 0 2px no-repeat; padding-left:20px; }
.blueQuote span					{ background:url(/assets/img/shared/quotes_c.gif) right no-repeat; padding-right:20px; }

.vacancyDetails dt 				{ clear:left; float:left; display:inline; font-weight:bold; text-align:right; padding-right:10px; width:140px; margin-bottom:0.4em; }
.vacancyDetails dd 				{ margin-left:150px; margin-bottom:0.4em; }
.vacancyApplyLink				{ font-size:1.3em; font-weight:bold; margin-bottom:10px !important; }

.roomsRates	.headRow1 th		{ vertical-align:bottom; border-top-width:0; border-bottom-width:0; }
.roomsRates	.headRow2 th		{ vertical-align:bottom; border-top-width:0; border-bottom-width:0; }
.roomsRates th					{ border:1px solid #7fb7d6; border-width:1px 0; vertical-align:middle; font-weight:bold; }
.roomsRates td					{ border:1px solid #7fb7d6; border-width:1px 0; vertical-align:middle; }
.roomsRates .small				{ font-size:0.9em; }
.roomsRates .soldOut			{ color:#b5b7c5; }

.roomsRates .price				{ text-align:center; background:#f2f3f5; padding-left:6px; padding-right:6px; border-left:1px solid #fff; }
.roomsRates td.flexible 		{ background:#008bdc; font-weight:bold; color:#fff; border-color:#fff; }
.roomsRates td.saver	 		{ background:#eb6e19; font-weight:bold; color:#fff; border-color:#fff; }
.roomsRates td.sale 			{ background:#c80025; font-weight:bold; color:#fff; border-color:#fff; }

.roomsRates .roomType			{ font-weight:normal; vertical-align:top; width:150px; }
.roomsRates .rateType			{ border-left:1px solid #cce2ef; font-size:0.9em; }
.roomsRates .roomTotal			{ border-left:1px solid #006fad; border-right:1px solid #006fad; font-size:1.2em; text-align:right; }
.roomsRates	.totalRow td		{ border:0; }
.roomsRates	td.totalLabel		{ text-align:right; font-weight:bold; }
.roomsRates	td.totalPrice		{ text-align:right; font-weight:bold; font-size:1.5em; background:#cce8f8; border:1px solid #006fad; border-bottom:3px solid #006fad; }

.bookingDetails dt 				{ clear:left; float:left; display:inline; font-weight:bold; text-align:right; padding-right:5px; width:75px; margin-bottom:0.4em; }
.bookingDetails dd 				{ margin-left:80px; margin-bottom:0.4em; }

.bookingBreakdown .caption th	{ font-size:1.4em; font-weight:bold; border:1px solid #b5b7c5; border-width:1px 0; background:#e6e7eb; }
.bookingBreakdown th			{ text-align:left; }
.bookingBreakdown td			{ text-align:right; }
.bookingBreakdown .subTotal th,
.bookingBreakdown .subTotal td	{ font-size:1.2em; font-weight:bold; border:1px solid #b5b7c5; border-width:1px 0; }
.bookingBreakdown .total th,
.bookingBreakdown .total td		{ font-size:1.4em; font-weight:bold; border:1px solid #b5b7c5; border-width:1px 0; background:#e6e7eb; }

.calendar th					{ font-weight:bold; }
.calendar th, .calendar td		{ border:1px solid #b5b7c5; text-align:center; padding:4px; font-size:0.9em; width:14%; }
.calendar td.inactive			{ background:#dedfe5; }
.calendar td.active				{ background:#c90026; color:#fff; font-weight:bold; padding:0; }
.calendar td.active span		{ display:block; padding:2px; border:2px solid #09123e; background:url(/assets/img/bg/cell_active.gif) 50% 100% no-repeat; }
.calendar td.past				{ color:#b5b7c5; }
.calendar .noBorder				{ border:0; }

a.email { background:url(/assets/img/icons/icon_email.gif) 0 0 no-repeat; padding:6px 0 6px 30px; }
a.print { background:url(/assets/img/icons/print_details.gif) 0 0 no-repeat; padding:6px 0 6px 30px; }