/* -------------------------------------------------- *\ Layout Styles \* -------------------------------------------------- */ /* Basic layout styles */ html, body { margin:0; padding:0; } body {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:75%; text-align:center; } body input,select,textarea{font-family:Arial, Verdana, Helvetica, sans-serif;color:#717171} #container { min-height:410px; height:100%; margin:0 auto; text-align:left; color:#333; } #main { width:696px; float:left; padding:0 0 0 16px; margin:0; } .sidebar {width:212px; margin:55px 15px 0 16px; padding:0; float:left; } #breadcrumb { margin:3px 0 13px 26px; font-size:1em;color:#ccc} .show { display: block; } .hide { display: none; } /* Optional layout modifications */ .homepage #breadcrumb {display:none;} .homepage #main { padding:0; width:960px; } .homepage #body { padding-bottom:10px; } .fullWidth #main { padding:0 10px; width:940px; } /* Homepage rework - from 2 rows to two cols */ .homepage .midContent{ width:446px; float:left;padding-right:1px; } /* Site header */ #header { background-attachment: scroll; background-clip: border-box; background-color: #193479; background-image: url("/assets/img/header_background.png"); background-size:cover; background-origin: padding-box; background-position: 0 0; height: 117px; } #header .header_wrap { height: 117px; width: 960px; z-index: 30; margin: 0 auto; position: relative; } #header .header_wrap .logo { height: 85px; left: 0; margin: 0; position: absolute; top: 15px; width: 235px; } #header .header_wrap .logo #logo img { height: 71px; width: 208px; padding-top:8px; } #header .sbasket { height: 25px; position: absolute; right: 0; text-align: right; top: 21px; width: 670px; } #header .sbasket a{ color: #ffffff; } #header .userNav { height: 30px; list-style-type: none; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; position: absolute; right: 0; text-align: right; top: 72px; width: 735px; } #header .userNav li { display: inline-block; font-size: 16px; color: #ffffff; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 40px; padding-right: 0; padding-top: 0; color: #ffffff; display:none; } #header .userNav li:first-child { padding-left: 0px; } #header .userNav li.first { padding-left: 0px; } #header .userNav li strong { color: #ffffff; } #header .userNav li.multi-company { font-size: 10px; padding-left: 0; } .userNav a:link, .userNav a:visited { color: #fff; text-decoration:none; } .userNav a:hover, .userNav a:focus {color: #fff; text-decoration:underline; } .userNav a:active {color: #fff;} .userNav a.underlined { text-decoration: underline; } /* Main site navigation WHITE BAR MENU*/ #mainNav { height: 50px; } #mainNav .mainNavList{ height: 50px; list-style-type: none; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; width: 960px; } #mainNav .mainNavList > :first-child { padding-left: 0; } #mainNav .mainNavList li { display: inline-block; list-style-type: none; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 63px; padding-right: 0; padding-top: 10px; text-align: left; display:none; } #mainNav .mainNavList li.first { padding-left: 0; } #mainNav .mainNavList li a, #mainNav .mainNavList li.current a { color: #193479; font-size: 1.3em; font-weight: bold; line-height: 2em; width: 50px; } #mainNav .mainNavList li a:link, #mainNav .mainNavList li a:visited { text-decoration:none; } #mainNav .mainNavList li.current a:link, #mainNav .mainNavList li.current a:visited {text-decoration:none; color:#19367a;} #mainNav .mainNavList li a:hover, #mainNav .mainNavList li a:focus, #mainNav .mainNavList li a:active, #mainNav .mainNavList li.current a:hover, #mainNav .mainNavList li.current a:focus, #mainNav .mainNavList li.current a:active {text-decoration:none; color:#cf003d; } /* Style to center single line links */ #mainNav .mainNavList li .block { display:block;} /* Sale state style */ #mainNav .mainNavList li.sale a:link, #mainNav .mainNavList li.sale a:visited { color:#fff; background:url(/assets/img/nav_tabs/tab_sale.gif) no-repeat top left #c80025; } #mainNav .mainNavList li.sale a:hover, #mainNav .mainNavList li.sale a:focus, #mainNav .mainNavList li.sale a:active { background:url(/assets/img/nav_tabs/tab_on.gif) no-repeat top left #09123e; color:#000; } #mainNav .mainNavList li.saleYellow a:link, #mainNav .mainNavList li.saleYellow a:visited { color:#09123d; background:url(/assets/img/nav_tabs/off_top_summersale.gif) no-repeat top left #fff200; } #mainNav .mainNavList li.saleYellow a:hover, #mainNav .mainNavList li.saleYellow a:focus, #mainNav .mainNavList li.saleYellow a:active { background:url(/assets/img/nav_tabs/tab_on.gif) no-repeat top left #09123e; color:#000; } #mainNav .mainNavList li.saleYellow.current a:link, #mainNav .mainNavList li.saleYellow.current a:visited { background:#fafbfc url(/assets/img/nav_tabs/tab_on.gif) top; } #mainNav .mainNavList li.springSale a:link, #mainNav .mainNavList li.springSale a:visited { color:#09123d; background:url(/assets/img/nav_tabs/tab_sale.gif) no-repeat top left #f8db00; } /*Added below line for active tab for Sale*/ #mainNav .mainNavList li.springSale.current a:link, #mainNav .mainNavList li.springSale.current a:visited { background:#fafbfc url(/assets/img/nav_tabs/tab_on.gif) top; } #mainNav .mainNavList li.springSale a:hover, #mainNav .mainNavList li.springSale a:focus, #mainNav .mainNavList li.springSale a:active { background:url(/assets/img/nav_tabs/tab_on.gif) no-repeat top left #09123e; color:#000; } #mainNav .mainNavList li.saleGreen a:link, #mainNav .mainNavList li.saleGreen a:visited { color:#09123d; background:url(/assets/img/nav_tabs/off_top_salegreen.gif) no-repeat top left #acca57; } #mainNav .mainNavList li.saleGreen a:hover, #mainNav .mainNavList li.saleGreen a:focus, #mainNav .mainNavList li.saleGreen a:active { background:url(/assets/img/nav_tabs/tab_on.gif) no-repeat top left #09123e; color:#000; } #mainNav .mainNavList li.saleMustard a:link, #mainNav .mainNavList li.saleMustard a:visited { color:#09123d; background:url(/assets/img/nav_tabs/off_top_autmunsale.gif) no-repeat top left #ffbf11; } #mainNav .mainNavList li.saleMustard a:hover, #mainNav .mainNavList li.saleMustard a:focus, #mainNav .mainNavList li.saleMustard a:active { background:url(/assets/img/nav_tabs/tab_on.gif) no-repeat top left #09123e; color:#000; } #mainNav .mainNavList li.xmasSale a:link, #mainNav .mainNavList li.xmasSale a:visited { color:#09123d; background:url(/assets/img/nav_tabs/xmas_sale.gif) no-repeat top left #ffbf11; } #mainNav .mainNavList li.xmasSale a:hover, #mainNav .mainNavList li.xmasSale a:focus, #mainNav .mainNavList li.xmasSale a:active { background:url(/assets/img/nav_tabs/tab_on.gif) no-repeat top left #09123e; color:#000; } #mainNav .mainNavList li.xmasSale.current a:link, #mainNav .mainNavList li.xmasSale.current a:visited { background:#fafbfc url(/assets/img/nav_tabs/tab_on.gif) top; } /* #mainNav .mainNavList li.winterSale a:link, #mainNav .mainNavList li.winterSale a:visited { color:#ffffff; background:url(/assets/img/nav_tabs/winter_sale.gif) no-repeat top left #ffbf11; } #mainNav .mainNavList li.winterSale a:hover, #mainNav .mainNavList li.winterSale a:focus, #mainNav .mainNavList li.winterSale a:active { background:url(/assets/img/nav_tabs/tab_on.gif) no-repeat top left #09123e; color:#000; } #mainNav .mainNavList li.winterSale.current a:link, #mainNav .mainNavList li.winterSale.current a:visited { background:#fafbfc url(/assets/img/nav_tabs/winter_sale.gif) top; }*/ #mainNav .mainNavList li.winterSale a:link, #mainNav .mainNavList li.winterSale a:visited { color:#ffffff; background:url(/assets/img/nav_tabs/winter_sale.gif) no-repeat top left #ffbf11; } #mainNav .mainNavList li.winterSale a:hover, #mainNav .mainNavList li.winterSale a:focus, #mainNav .mainNavList li.winterSale a:active { background:url(/assets/img/nav_tabs/tab_on.gif) no-repeat top left #09123e; color:#000; } #mainNav .mainNavList li.winterSale.current a:link, #mainNav .mainNavList li.winterSale.current a:visited { color:#000; background:url(/assets/img/nav_tabs/tab_on.gif) top; } #promoNav { background-color: #cc0101; height:40px; } /* Promo site navigation */ #promoNav .promoNavList { height: 30px; list-style-type: none; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; padding-bottom: 5px; padding-left: 0; padding-right: 0; padding-top: 5px; text-align: right; width: 960px; } #promoNav .promoNavList li { font-size: 12px; color: #fff; display: inline-block; text-align: center; width: 216px; border-right: 1px solid #ffffff; padding: 0 50px 0 50px; min-height: 30px; vertical-align: middle; margin:0px; } #promoNav .promoNavList li:first-child{ border-left: 1px solid #ffffff; } #promoNav .promoNavList li a { color: #fff; font-size: 0.8em; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* css-3 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/ word-break: break-all; white-space: normal; vertical-align: middle; min-height: 30px; width: 318px; } #promoNavEmpty { background-color: #cc0101; height:2px; } #overlay { position:absolute; top:0; left:0; z-index:101; text-align:left; width:430px; color:#09123e; } #overlay .overlayExtraPadding { padding:5px; padding-top:0; } #overlay .overlayHead { position:relative; } #overlay .overlayHead .closeBox { position:absolute; right:0; } #overlay .overlayHead h2 { margin-right:60px; } #overlay .overlayBody { margin:0 -15px; padding:0 15px; } #overlay .overlayBody div.hr { margin-left:-15px; margin-right:-15px; } #overlay .overlayBody .tableDiv { margin-left:-15px; margin-right:-15px; } #overlay .image { margin-top:25px; border:1px solid #b5b7c5; text-align:center; } #overlay .loadingIcon { height:31px; margin:10px 0 5px 0; background:url(/assets/img/maps/loader.gif) center no-repeat; } #overlayBackground { position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background-color:#000; -moz-opacity:.25; opacity:.25; filter:alpha(opacity='25'); } #overlayShim { position:absolute; top:0; left:0; width:100%; height:100%; z-index:99; border:none; background:transparent; -moz-opacity:0; opacity:0; filter:alpha(opacity='0'); } #calendarOverlay { z-index:101; text-align:left; color:#09123e; } #calendarOverlayShim { border:none; background:transparent; position:absolute; filter:alpha(opacity='0'); } #tabset.loading { background:url(/assets/img/maps/loader.gif) 50% 50% no-repeat; } /* -------------------------------------------------- *\ Common Styles \* -------------------------------------------------- */ /* Basic header styles */ h1 { font-size:2em; color:#fff; margin:0 0 10px 11px;} h2 { font-size:1.5em; margin:10px 0; } h3 { font-size:1.5em; margin:10px 0;color:#19367A;} .sidebar h3 {color:#fff;} 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:#fff; background:url(/assets/img/icons/attention_red.gif) no-repeat; padding-left:21px; line-height:19px; } .errormsg{margin:0 4px 0} .errormsg h3.important { color:#fff; background:#c41717; padding:5px 10px;} .errorlist{background:#fff;padding:10px;font-size:1.167em;font-weight:bold} h4.important { color:#991f23; background:url(/assets/img/icons/attention.gif) no-repeat; padding-left:21px; line-height:19px; } .usefulinfo{border:1px solid #c41717;padding:5px 10px;background:#fff;} .usefulinfo .info,.usefulinfo p{font-size:1.167em;font-weight:bold} .usefulinfo h4.important{color:#c41717;background:none;font-size:1.5em;padding:0} .red { color:#991f23; } .yellowbg { background-color: #FAFFBD; } /* Basic links styles */ a { color:#cf003d;text-decoration:none} a:hover,a:focus { color:#cf003d;text-decoration:underline} blockquote{ margin:0 25px; font-style:italic; } blockquote p{ text-indent:-0.4em; } /* Misc styles */ p { margin:10px 0; } /*#searchResultsMap p { color:#ffffff; }*/ small, .small { font-size:0.8em; } .large { font-size:1.4em; } .blue { color:#19367a; } .darkblue {color:#19367a;} .bgblue{background:#19367a;} 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; } ul.bulleted,ul.redbullet { list-style-type:none; margin-left:0; padding-left:0; } ul.bulleted li { margin: 2px 0 0;padding: 5px 0 3px 22px;background:url(/assets/img/shared/rarrow_white.png) 0 4px no-repeat;} ul.redbullet li{background:url(/assets/img/icons/rarrow.gif) 0 4px no-repeat;margin: 2px 0 0;padding: 5px 0 3px 22px;} .horizontalList { padding:0; } .horizontalList li { line-height:1.4em; display:inline; margin:5px 0; padding:0; margin-right:12px; padding-right:12px; 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; background:#b5b7c5; margin:10px 0; }*/ div.hr { height:1px; background:#7dbbd4; margin:10px 0; } div.hr 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:10px; border-right:1px solid #e5e7f5; } /* Half page split with dotted lines for pages with subnav */ .subNav .colLeft { width:232px; margin-right:10px; } .subNav .colRight { width:232px; padding-left:10px; 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:10px !important; } .mr { margin-right:10px !important; } .mt { margin-top:10px !important; } .mb { margin-bottom:10px !important; } .noMargin { margin:0 !important; } .al { text-align:left; } .ar { text-align:right; } .ac { text-align:center; } .vm { vertical-align:middle; } .caps { text-transform:uppercase; } #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; } /* -------------------------------------------------- *\ Heading Styles \* -------------------------------------------------- */ .textReplaced { text-indent:-9999px; } #saverRatesExplained{ width:194px; height:26px; background:url(/assets/img/headings/saver_rates_explained02.gif) top left no-repeat; } /* -------------------------------------------------- *\ Box Styles \* -------------------------------------------------- */ /* Basic box definition */ .basicBox { margin:10px 0; } .basicBox .bTop { height:6px; border-top:1px solid #b5b7c5; margin:0px 7px; background:#fff; position:relative; font-size:1px; } .basicBox .bTop .bTopL { height:7px; width:7px; position:absolute; left:-7px; top:-1px; background:url(/assets/img/bg/box/generic/tl.gif) no-repeat top left; } .basicBox .bTop .bTopR { height:7px; width:7px; position:absolute; right:-7px; top:-1px; background:url(/assets/img/bg/box/generic/tr.gif) no-repeat top right; } .basicBox .bContent { border:solid #b5b7c5; border-width:0 1px; background:#fff; } .basicBox .bPadding { padding:4px 10px; } .basicBox .bBtm { height:6px; border-bottom:1px solid #b5b7c5; margin:0px 7px; background:#fff; position:relative; font-size:1px; } .basicBox .bBtm .bBtmL { height:7px; width:7px; position:absolute; left:-7px; background:url(/assets/img/bg/box/generic/bl.gif) no-repeat left bottom; } .basicBox .bBtm .bBtmR { height:7px; width:7px; position:absolute; right:-7px; background:url(/assets/img/bg/box/generic/br.gif) no-repeat right bottom; } #calendarOverlay .bPadding{ padding:4px 5px; } /* homepage reflective box bottom */ .basicBox .bBtmHome { height:6px; border-bottom:1px solid #b5b7c5; margin:0px 7px; background:#fff; position:relative; font-size:1px; } .basicBox .bBtmHome .bBtmL { height:7px; width:7px; position:absolute; left:-7px; background:url(/assets/img/bg/box/generic/bl_home.gif) no-repeat left bottom; } .basicBox .bBtmHome .bBtmR { height:7px; width:7px; position:absolute; right:-7px; background:url(/assets/img/bg/box/generic/br_home.gif) no-repeat right bottom; } .basicBox .reflection { background:url(/assets/img/bg/box/generic/tail.gif) no-repeat; height:34px; } .basicBox div.hr { margin:10px -10px; height:1px; background:url(/assets/img/bg/dotted.gif) repeat-x;} .basicBox div.hr hr { display:none; } .basicBox div.hrCompact { margin:5px -10px; height:1px; background:url(/assets/img/bg/dotted.gif) repeat-x;} .basicBox div.hrCompact hr { display:none; } .basicBox .closeBox,.mbBox .closeBox { padding: 3px 20px 3px 0; background:url(/assets/img/icons/close_overlay.png) right no-repeat; display:block; } /* Gradient box variant */ .gradBox .bContent { border-color:#b5b7c5; background:url(/assets/img/bg/box/gradient/bg.gif) repeat-x bottom #fff; } .gradBox .bBtm { border-color:#b5b7c5; background:url(/assets/img/bg/box/gradient/b.gif) repeat-x; } .gradBox .bBtm .bBtmL { background:url(/assets/img/bg/box/gradient/bl.gif) no-repeat; } .gradBox .bBtm .bBtmR { background:url(/assets/img/bg/box/gradient/br.gif) no-repeat; } /* Sidebar help box variant (with speech bubble "tail" attached) */ .sidebarHelpBox .bBtm { border:none; background:url(/assets/img/bg/box/gradient/b_help.gif) no-repeat; height:43px; } /* Pale blue box variant */ .paleBlueBox .bContent { border-color:#7db5d4; background:url(/assets/img/bg/box/paleblue/bg.gif) repeat-x bottom #fff; } .paleBlueBox .bTop { background:url(/assets/img/bg/box/paleblue/t.gif) 0 -1px repeat-x; border-color:#7db5d4; } .paleBlueBox .bTop .bTopL { background:url(/assets/img/bg/box/paleblue/tl.gif) no-repeat; } .paleBlueBox .bTop .bTopR { background:url(/assets/img/bg/box/paleblue/tr.gif) no-repeat; } .paleBlueBox .bContent { background:#fff url(/assets/img/bg/box/paleblue/bg.gif) bottom repeat-x; border-color:#7db5d4; } .paleBlueBox .bBtm { border-color:#7db5d4; background:#e5f3fb; } .paleBlueBox .bBtm .bBtmL { background:url(/assets/img/bg/box/paleblue/bl.gif) no-repeat; } .paleBlueBox .bBtm .bBtmR { background:url(/assets/img/bg/box/paleblue/br.gif) no-repeat; } .paleBlueBox h4 { color:#006fad; } /* Light blue box variant (compatible with .gradBox) */ .lightBlueBox .bTop { background:url(/assets/img/bg/box/lightblue/t.gif) 0 -1px repeat-x; border-color:#96d0f2; } .lightBlueBox .bTop .bTopL { background-image:url(/assets/img/bg/box/lightblue/tl.gif); } .lightBlueBox .bTop .bTopR { background-image:url(/assets/img/bg/box/lightblue/tr.gif); } .lightBlueBox .titleBar { color:#fff; margin:-4px -11px 10px -11px; padding:1px 11px; padding-bottom:6px; background:#2ea2e4 url(/assets/img/bg/box/lightblue/bg.gif) repeat-x; } /* Blue box variant (compatible with .gradBox) */ .blueBox .bTop { background:url(/assets/img/bg/box/blue/t.gif) 0 -1px repeat-x; border-color:#001245; } .blueBox .bTop .bTopL { background-image:url(/assets/img/bg/box/blue/tl.gif); } .blueBox .bTop .bTopR { background-image:url(/assets/img/bg/box/blue/tr.gif); } /* uncomment for blue border in place of inherited grey border */ /* .blueBox .bContent { background:#fff; border-color:#058ddd; } .blueBox .bBtm { background:#fff; border-color:#058ddd; } .blueBox .bBtm .bBtmL { background-image:url(/assets/img/bg/box/blue/bl.gif); } .blueBox .bBtm .bBtmR { background-image:url(/assets/img/bg/box/blue/br.gif); } */ .blueBox .titleBar { color:#fff; margin:-4px -11px 10px -11px; padding:1px 11px; padding-bottom:6px; background:#0589d7 url(/assets/img/bg/box/blue/bg.gif) repeat-x; } /* Aqua box variant */ .aquaBox, .aquaBox a { color:#fff; } .aquaBox .bTop { background:url(/assets/img/bg/box/aqua/t.gif) 0 -1px repeat-x; border-color:#25AEE4; } .aquaBox .bTop .bTopL { background-image:url(/assets/img/bg/box/aqua/tl.gif); } .aquaBox .bTop .bTopR { background-image:url(/assets/img/bg/box/aqua/tr.gif); } .aquaBox .bContent { background:#07a3de url(/assets/img/bg/box/aqua/bg.gif) left bottom repeat-x; border-width:0;} .aquaBox .bBtm { background:#185ca3; border-color:#0077ba; } .aquaBox .bBtm .bBtmL { background-image:url(/assets/img/bg/box/aqua/bl.gif); } .aquaBox .bBtm .bBtmR { background-image:url(/assets/img/bg/box/aqua/br.gif); } .aquaBox .titleBar { color:#fff; margin:0 -10px 10px; padding:4px 10px; background:#26599b;font-size:1.7em} .aquaBox div.hr, .aquaBox div.hrCompact { background:#1e6eb7; } /* Dark blue box variant */ .darkBlueBox, .darkBlueBox a { color:#fff; } .darkBlueBox .bTop { background:url(/assets/img/bg/box/darkblue/t.gif) 0 -1px repeat-x; border-color:#00134c; } .darkBlueBox .bTop .bTopL { background-image:url(/assets/img/bg/box/darkblue/tl.gif); } .darkBlueBox .bTop .bTopR { background-image:url(/assets/img/bg/box/darkblue/tr.gif); } .darkBlueBox .bContent { background:#058ddd url(/assets/img/bg/box/darkblue/bg.gif) repeat-x; border:0;} .darkBlueBox .bPadding { padding:5px 10px; padding-top:5px; } .darkBlueBox .bBtm { background:#058ddd; border-color:#058ddd; } .darkBlueBox .bBtm .bBtmL { background-image:url(/assets/img/bg/box/darkblue/bl.gif); } .darkBlueBox .bBtm .bBtmR { background-image:url(/assets/img/bg/box/darkblue/br.gif); } .darkBlueBox h4 { color:#fff; } /* light blue box variant for confirmation page */ .bcBox .bTop { background:none #2eb2e4; border-color:#ccc;} .bcBox .bTop .bTopL { background-image:url(/assets/img/bg/box/c_tl.gif);} .bcBox .bTop .bTopR { background-image:url(/assets/img/bg/box/c_tr.gif);} .bcBox .bContent{background:url(/assets/img/bg/box/light_blue_bg.gif) repeat-x 0 -1px;border:0 solid #ccc;border-width:0 1px;} /* Red box variant */ .redBox, .redBox a { color:#fff; } .redBox .bTop { background:#c90026; border-top:1px solid #c90026; } .redBox .bTop .bTopL { background-image:url(/assets/img/bg/box/red/tl.gif); } .redBox .bTop .bTopR { background-image:url(/assets/img/bg/box/red/tr.gif); } .redBox .bContent { background:#c90026; border:0; } .redBox .bPadding { padding:5px 11px; padding-top:5px; } .redBox .bBtm { background:#c90026; border-color:#c90026; } .redBox .bBtm .bBtmL { background-image:url(/assets/img/bg/box/red/bl.gif); } .redBox .bBtm .bBtmR { background-image:url(/assets/img/bg/box/red/br.gif); } .redBox h4 { color:#fff; } /* Cherry box variant */ .cherryBox, .cherryBox a { color:#fff; } .cherryBox .bTop { background:url(/assets/img/bg/box/cherry/t.gif) 0 -1px repeat-x; border-color:#a8004f; } .cherryBox .bTop .bTopL { background-image:url(/assets/img/bg/box/cherry/tl.gif); } .cherryBox .bTop .bTopR { background-image:url(/assets/img/bg/box/cherry/tr.gif); } .cherryBox .bContent { background:#c90026 url(/assets/img/bg/box/cherry/bg.gif) repeat-x; border:0; } .cherryBox .bPadding { padding:5px 11px; padding-top:5px; } .cherryBox .bBtm { background:#c90026; border-color:#c90026; } .cherryBox .bBtm .bBtmL { background-image:url(/assets/img/bg/box/cherry/bl.gif); } .cherryBox .bBtm .bBtmR { background-image:url(/assets/img/bg/box/cherry/br.gif); } .cherryBox h4 { color:#fff; } /* Orange box variant */ .orangeBox, .orangeBox a { color:#fff; } .orangeBox .bTop { background:url(/assets/img/bg/box/orange/t.gif) 0 -1px repeat-x; border-color:#512f32; } .orangeBox .bTop .bTopL { background-image:url(/assets/img/bg/box/orange/tl.gif); } .orangeBox .bTop .bTopR { background-image:url(/assets/img/bg/box/orange/tr.gif); } .orangeBox .bContent { background:#eb6e19 url(/assets/img/bg/box/orange/bg.gif) repeat-x; border:0; } .orangeBox .bPadding { padding:5px 11px; padding-top:5px; } .orangeBox .bBtm { background:#eb6e19; border-color:#eb6e19; } .orangeBox .bBtm .bBtmL { background-image:url(/assets/img/bg/box/orange/bl.gif); } .orangeBox .bBtm .bBtmR { background-image:url(/assets/img/bg/box/orange/br.gif); } .orangeBox h4 { color:#fff; } /* Mustard box variant */ .mustardBox, .mustardBox a { color:#fff; } .mustardBox .bTop { background:url(/assets/img/bg/box/mustard/t.gif) 0 -1px repeat-x; border-color:#512f32; } .mustardBox .bTop .bTopL { background-image:url(/assets/img/bg/box/mustard/tl.gif); } .mustardBox .bTop .bTopR { background-image:url(/assets/img/bg/box/mustard/tr.gif); } .mustardBox .bContent { background:#ffbf11 url(/assets/img/bg/box/mustard/bg.gif) repeat-x; border:0; } .mustardBox .bPadding { padding:5px 11px; padding-top:5px; } .mustardBox .bBtm { background:#ffbf11; border-color:#ffbf11; } .mustardBox .bBtm .bBtmL { background-image:url(/assets/img/bg/box/mustard/bl.gif); } .mustardBox .bBtm .bBtmR { background-image:url(/assets/img/bg/box/mustard/br.gif); } .mustardBox h4 { color:#fff; } /* Maroon box variant */ .maroonBox, .maroonBox a { color:#fff; } .maroonBox .bTop { background:url(/assets/img/bg/box/maroon/t.gif) 0 -1px repeat-x; border-color:#512f32; } .maroonBox .bTop .bTopL { background-image:url(/assets/img/bg/box/maroon/tl.gif); } .maroonBox .bTop .bTopR { background-image:url(/assets/img/bg/box/maroon/tr.gif); } .maroonBox .bContent { background:#c80025 url(/assets/img/bg/box/maroon/bg.gif) repeat-x; border:0; } .maroonBox .bPadding { padding:5px 11px; padding-top:5px; } .maroonBox .bBtm { background:#c80025; border-color:#c80025; } .maroonBox .bBtm .bBtmL { background-image:url(/assets/img/bg/box/maroon/bl.gif); } .maroonBox .bBtm .bBtmR { background-image:url(/assets/img/bg/box/maroon/br.gif); } .maroonBox h4 { color:#fff; } /* Yellow box variant */ .yellowBox .bTop { background:url(/assets/img/bg/box/yellow/t.gif) 0 -1px repeat-x; border-color:#e5ae0c; } .yellowBox .bTop .bTopL { background-image:url(/assets/img/bg/box/yellow/tl.gif); } .yellowBox .bTop .bTopR { background-image:url(/assets/img/bg/box/yellow/tr.gif); } .yellowBox .bContent { background:#fff200 url(/assets/img/bg/box/yellow/bg.gif) repeat-x; border:0; } .yellowBox .bPadding { padding:5px 11px; padding-top:5px; } .yellowBox .bBtm { background:#fff200; border-color:#fff200; } .yellowBox .bBtm .bBtmL { background-image:url(/assets/img/bg/box/yellow/bl.gif); } .yellowBox .bBtm .bBtmR { background-image:url(/assets/img/bg/box/yellow/br.gif); } .yellowBox div.hr, .yellowBox div.hrCompact { background:#e9b90a; } /* Light green box variant */ .lightGreenBox .bTop { background:url(/assets/img/bg/box/lightgreen/t.gif) 0 -1px repeat-x; border-color:#a3cb2e; } .lightGreenBox .bTop .bTopL { background-image:url(/assets/img/bg/box/lightgreen/tl.gif); } .lightGreenBox .bTop .bTopR { background-image:url(/assets/img/bg/box/lightgreen/tr.gif); } .lightGreenBox .bContent { background:#c0e650 url(/assets/img/bg/box/lightgreen/bg.gif) repeat-x; border:0; } .lightGreenBox .bPadding { padding:5px 11px; padding-top:5px; } .lightGreenBox .bBtm { background:#c0e650; border-color:#c0e650; } .lightGreenBox .bBtm .bBtmL { background-image:url(/assets/img/bg/box/lightgreen/bl.gif); } .lightGreenBox .bBtm .bBtmR { background-image:url(/assets/img/bg/box/lightgreen/br.gif); } .lightGreenBox div.hr, .lightGreenBox div.hrCompact { background:#a3cb2e; } /* With background image as per May 09 Sale */ .getaway .bPadding { background:url(/assets/img/promos/search_and_book/car.gif) center right no-repeat; } /* Reset box definition (used for nesting basic boxes within coloured boxes) */ .resetBox { margin:10px 0; color:#09123e; } .resetBox .bTop { height:6px; border-top:1px solid #b5b7c5; margin:0px 7px; background:#fff; position:relative; font-size:1px; } .resetBox .bTop .bTopL { height:7px; width:7px; position:absolute; left:-7px; top:-1px; background:url(/assets/img/bg/box/generic/tl.gif) no-repeat top left; } .resetBox .bTop .bTopR { height:7px; width:7px; position:absolute; right:-7px; top:-1px; background:url(/assets/img/bg/box/generic/tr.gif) no-repeat top right; } .resetBox .bContent { border:solid #b5b7c5; border-width:0 1px; background:#fff; } .resetBox .bPadding { padding:4px 10px; } .resetBox .bBtm { height:6px; border-bottom:1px solid #b5b7c5; margin:0px 7px; background:#fff; position:relative; font-size:1px; } .resetBox .bBtm .bBtmL { height:7px; width:7px; position:absolute; left:-7px; background:url(/assets/img/bg/box/generic/bl.gif) no-repeat left bottom; } .resetBox .bBtm .bBtmR { height:7px; width:7px; position:absolute; right:-7px; background:url(/assets/img/bg/box/generic/br.gif) no-repeat right bottom; } .resetBox h4 { color:#09123e; } /* Tabbed box variant */ .tabbedNav { position:relative; top:0; z-index:1; zoom:1;left:4px; } .tabbedNav ul { margin:0; padding:0; display:inline; } .tabbedNav li { margin:0; padding:0; display:block; background:url(/assets/img/tabs/tabs_detailsL.png) no-repeat left top; padding-left:10px; list-style-type:none; float:left; margin-right:4px; height:40px; line-height:40px; } .tabbedNav li a, .tabbedNav li span, .tabbedNav li h4 { text-decoration:none; display:block; background:url(/assets/img/tabs/tabs_detailsR.png) no-repeat right top; margin:0;padding:0px 10px 0 0; font-size:1.5em; font-weight:bold; color:#fff } .tabbedNav li.current { background:url(/assets/img/tabs/tabs_details_activeL.png) no-repeat left top; font-weight:bold; } .tabbedNav li.current a, .tabbedNav li span, .tabbedNav li h4 { background:url(/assets/img/tabs/tabs_details_activeR.png) no-repeat right top; } /*.tabbedNav .tabsc li.current { background:url(/assets/img/tabs/tabsw_details_activeL.png) no-repeat left top;} .tabbedNav .tabsc li.current a, .tabbedNav .tabsc li span, .tabbedNav .tabsc li h4 { background:url(/assets/img/tabs/tabsw_details_activeR.png) no-repeat right top;color:#19367A; } */ .mbBox .tabbedNav{top:1px;} .tabbedNav li.unstyled { background:none; margin-right:0; } .tabbedNav li.unstyled a { background:none; text-decoration:underline; padding-right:4px; } .tabbedNav li.unstyled a:hover, .tabbedNav li.unstyled a:active { text-decoration:none; } .tabbedNav .static-tab { background: #fff; border-radius: 7px 7px 0 0; padding: 4px 10px 0 10px; height: 36px; } .tabbedNav .static-tab h3 { font-size:1.5em; font-weight:bold; margin: 0 0.25em 0 0; float: left; line-height: 1.8; } .tabbedNav .static-tab form { line-height: 1.3; } .tabbedNav .static-tab .labelCol, .tabbedNav .static-tab .inputCol { margin-right: 0.5em; margin-top: 1px; } .tabbedNav .static-tab .inputCol, .tabbedNav .static-tab .submitBtn { margin-top: 1px; } .tabbedNav .static-tab label { padding-top: 9px; margin-top: 0; font-size: 1.083em; } .tabbedNav .static-tab .textField { width: 40px; } .tabbedNav .static-tab .submitBtn { margin-bottom: 0; } .ie7 .tabbedNav .static-tab .submitBtn { zoom: 1; display: inline; } .tabbedBox { margin-top:0 } .tabbedBox .bTop .bTopL { display:none; } .tabbedBox .bTop { margin-left:0; border-left:1px solid #b5b7c5; } /* Undo the top left corner changes for nested "basicBox"s */ .tabbedBox .basicBox .bTop .bTopL { display:block; } .tabbedBox .basicBox .bTop { margin-left:7px; border-left:0; } /* Blue non-grad boxes used on Business Customers page (Harry Roberts) */ .infoBox { float:left; padding:9px; margin:1em 0; position:relative; background:url('/assets/img/bg/box/buspage/buspage_infobox_top_left.gif') top left no-repeat #09123e; color:#fff; } .infoBoxColumn { width:429px; } .infoBox .topright { position:absolute; top:0; right:0; width:10px; height:9px; background:url('/assets/img/bg/box/buspage/buspage_infobox_top_right.gif') top left no-repeat; } .infoBox .bottomright { position:absolute; bottom:0; right:0; width:9px; height:10px; background:url('/assets/img/bg/box/buspage/buspage_infobox_bottom_right.gif') top left no-repeat; } .infoBox .bottomleft { position:absolute; bottom:0; left:0; width:10px; height:9px; background:url('/assets/img/bg/box/buspage/buspage_infobox_bottom_left.gif') top left no-repeat; } .infoBox .bottomCornersFix .bottomleft { bottom:-6px; } .infoBox .bottomCornersFix .bottomright { bottom:-5px; } .corporatepartner .bottomCornersFix .bottomleft { bottom:-7px; } .corporatepartner .bottomCornersFix .bottomright { bottom:-6px; } .corporatepartner { margin-left:116px; padding-left:40px; } .infoBox .infoBoxContent { padding:5px; width:300px; margin:0 auto; /* min-height fast hack: http://www.dustindiaz.com/min-height-fast-hack/ */ min-height:225px; height:auto !important; height:225px; } .infoBox h3 { color:#fff; margin-bottom:15px; } .infoBox p { color:#fff; } .infoBox ul { margin-left:20px; } .infoBox ul li { list-style:square outside; color:#0281d0; line-height:1.5em; } .infoBox ul li span, .infoBox ul li span a { color:#fff; } .infoBox img { margin-bottom:10px; } .infoBox #cardimage { margin-top:-15px; } .infoBox .buttonLink { margin:15px 70px; } /* Homepage variant has dark blue BG on bottom corners since it overlaps bottom blue bar */ .homepage .infoBox .bottomright { bottom:-1px; right:-1px; width:10px; background:url('/assets/img/bg/box/buspage/homepage_infobox_bottom_right.gif') top left no-repeat; } .homepage .infoBox .bottomleft { bottom:-1px; left:-2px; height:10px; background:url('/assets/img/bg/box/buspage/homepage_infobox_bottom_left.gif') top left no-repeat; } /*Harry Roberts (Sense) Business account card promo box (was .homepage .infoBox) */ #bacPromo { padding:4px; border:1px solid #fff; margin:2px 0; } #bacPromo .topCornersFix .topright { right:-1px; } #bacPromo .bottomCornersFix .bottomright { bottom:-6px; right:-2px; } #bacPromo .bottomCornersFix .bottomleft { bottom:-6px; } #bacPromo h2 { color:#fff; font-size:1.4em; margin:8px 5px; } #bacPromo ul { margin-left:5px; } #bacPromo img { margin-bottom:10px; } #bacPromo #cardimage { margin:-9px 0 0 3px; } #bacPromo .buttonLink { margin:12px 0 12px 30px; } /* Business account card box variant (supercedes the version above, since this is more consistent with the other box variants) */ .bacBox .bContent { border-color:#fff; background:#09123e; color:#fff; } .bacBox .bTop { border-color:#fff; background:#09123e; } .bacBox .bTop .bTopL { background:url(/assets/img/bg/box/business/tl.gif) no-repeat; } .bacBox .bTop .bTopR { background:url(/assets/img/bg/box/business/tr.gif) no-repeat; } .bacBox .bContent { border-color:#fff; } .bacBox .bBtm { border-color:#fff; background:#09123e; } .bacBox .bBtm .bBtmL { background:url(/assets/img/bg/box/business/bl.gif) no-repeat; } .bacBox .bBtm .bBtmR { background:url(/assets/img/bg/box/business/br.gif) no-repeat; } .bacBox h4 { color:#fff; } /* Styles specific to the BAC promo box */ #bacPromoBox #cardImage { position:relative; height:55px; } #bacPromoBox #cardImage img { position:absolute; top:-15px; left:-3px; } #bacPromoBox h2 { font-size:1.4em; } #bacPromoBox a { display:block; text-align:center; margin:0.5em auto; } #bacPromoBox ul { margin-bottom:1.2em; } #bacPromoBox ul li { list-style:square outside; color:#0281d0; } #bacPromoBox ul li span, #bacPromoBox ul li span a { color:#fff; } #interactiveHelp{ position:relative; color:#fff; margin:10px 0; } #interactiveHelp .helpBtm { clear:both; height:7px; width:100%; display:block;background-color:#185ba1; } #interactiveHelp .tl,#interactiveHelp .tr { position:absolute; width:7px; height:7px; display:block; font-size:0px; line-height:0; } #interactiveHelp .tl { background:url(/assets/img/interactive_help/tl.gif) no-repeat; top:0; left:0; } #interactiveHelp .tr { background:url(/assets/img/interactive_help/tr.gif) no-repeat; top:0; right:0; } #interactiveHelp .bl { background:url(/assets/img/interactive_help/bl.gif) no-repeat; float:left; width:7px; height:7px; display:block; font-size:0px; line-height:0; } #interactiveHelp .br { background:url(/assets/img/interactive_help/br.gif) no-repeat; float:right; width:7px; height:7px; display:block; font-size:0px; line-height:0; } #interactiveHelp h3 {padding:0; display:block; margin:0;color:#fff } #interactiveHelp h2 { width:200px; height:44px; padding:9px 0 0 12px; display:block; text-indent:-9999px; margin:0; background:url(/assets/img/interactive_help/interactive_menu.jpg) bottom left no-repeat; } #interactiveHelp #pic { position:absolute; top:-6px; right:0; margin:0; } #interactiveHelp a{ color:#fff;text-decoration:underline;} #interactiveHelp a:hover { text-decoration:none; } #interactiveHelp ul { margin:0; padding:0; list-style:none; } #interactiveHelp li { background:url(/assets/img/shared/rarrow_white.png) left 4px no-repeat; padding:5px 0 2px 22px; line-height:0; margin:1px 0 0; } #interactiveHelp li a { color:#fff; display:block; line-height:1.2em;text-decoration:none;} #interactiveHelp li a:hover { text-decoration:underline; } #interactiveHelp #linkBtn { color:#fff; display:block; padding:5px 5px 5px 15px; background:url(/assets/img/interactive_help/link_bullet.gif) 5px center no-repeat #c90026; } #interactiveHelp form { width:100%; overflow:hidden;} #interactiveHelp .question { width:200px;margin-bottom:5px;float:left; } #interactiveHelp .submit { width:66px; height:24px; border:none; background:url(/assets/img/interactive_help/submit.gif) top left no-repeat #058ddd!important; float:left; text-indent:-9999px; cursor:pointer; } #interactiveHelp #linkBtn { position:relative; } #linkBtn:hover { text-decoration:none; } #linkBtn .tl { background:url(/assets/img/bg/box/interactive_help/link_tl.gif) no-repeat; top:0; left:0; } #linkBtn .tr { background:url(/assets/img/bg/box/interactive_help/link_tr.gif) no-repeat; top:0; right:0; } #linkBtn .bl { background:url(/assets/img/bg/box/interactive_help/link_bl.gif) no-repeat; bottom:0; left:0; } #linkBtn .br { background:url(/assets/img/bg/box/interactive_help/link_br.gif) no-repeat; bottom:0; right:0; } #linkBtn .tl,#linkBtn .tr, #linkBtn .bl,#linkBtn .br { width:4px; height:4px; } /* -------------------------------------------------- *\ Form Styles \* -------------------------------------------------- */ form { margin:0; padding:0; } select { border:1px solid #999;border-radius:5px;background:#f1f1f1; padding:4px 2px; vertical-align:middle;} textarea, .textField, .initialTextField { border:1px solid #999;border-radius:5px;background:#f1f1f1;padding:6px 2px; vertical-align:middle;} textarea { font-family:Arial, Helvetica, sans-serif; } .initialTextField { width:30px; } label { font-weight:bold; display:block; margin:5px 0 0;color: #124378;font-size:1.167em} 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 .colWidth2 { width:191px; } .inputCol select.colWidth { width:216px; } .discountCode {width:188px; padding-right:10px} .formRow { clear:both; margin-bottom:7px; } .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; } .wideForm .add-edit-booker-fieldset .formRow .labelCol { width: 190px; } .wideForm .add-edit-booker-fieldset .formRow .inputCol { margin-left: 200px; } .tickItem { display:block; position:absolute; margin-top:1px; } .tickItem input { margin:0; padding:0; } .tickText { display:block; padding-left:19px;} .tickText label { display:inline; font-weight:normal; } .tickText2 { display:block; padding-left:19px; font-size:0.9em; } .tickText2 label { display:inline; font-weight:normal; } .tickBold { display:block; padding-left:19px; font-size:1em; } .tickBold label { display:inline; font-weight:bold; } .submitBtn { background:url(/assets/img/buttons/redbutton_L.png) no-repeat left top; cursor:pointer; display:inline-block;margin-bottom:10px;} .submitBtn input, .submitBtn button{ background:url(/assets/img/buttons/redbutton_R.png) no-repeat right top;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.167em;margin:0;margin-left:9px;padding:4px 13px 7px 6px;overflow:visible;height:31px; border:0; cursor:pointer; color:#fff; vertical-align:middle; } .submitBtn a { color:#fff; text-decoration:none; } .clearBtn { background: none; } .clearBtn input, .clearBtn button { background: none; color: #cf003d; margin-left: 0; padding-left: 5px; padding-right: 5px; font-size: 1.083em; } .clearBtn input:hover, .clearBtn button:hover { color: #991f23; } .btnw { background:url(/assets/img/buttons/wbl.png) no-repeat left top; cursor:pointer; display:inline-block;margin-bottom:10px;} .btnw input, .btnw button{ background:url(/assets/img/buttons/wbr.png) no-repeat right top;font-family:Verdana, Arial, Helvetica, Sanserit;font-size:1.167em;margin:0;margin-left:9px;padding:4px 15px 7px 6px;width:auto;height:31px; border:0; cursor:pointer; color:#D0003E;font-weight:bold; vertical-align:middle; } .btnBold input{font-weight:bold;} .submitBtnLrg { background:url(/assets/img/buttons/homebutton_L.gif) no-repeat left top; cursor:pointer; font-size:21px; } .submitBtnLrg input, .submitBtnLrg button { background:url(/assets/img/buttons/homebutton_R.gif) no-repeat right top; font-size:14px; margin:0; padding:0; margin-left:24px; padding-right:24px; padding-top:1px; padding-bottom:2px; width:auto; border:0; cursor:pointer; color:#fff; vertical-align:middle; font-weight:bold; } .submitBtnLrg a { color:#fff; text-decoration:none; } .news-submitBtn { background:url(/assets/img/buttons/redbutton_L.gif) no-repeat left top; cursor:pointer; font-size:18px; } .news-submitBtn button,.news-submitBtn input { background:url(/assets/img/buttons/redbutton_R.gif) no-repeat right top; font-size:11px; margin:0px 0px 0px 7px; padding:1px 0px 10px 0px;width:auto; border:0; cursor:pointer; color:#fff; vertical-align:middle;} .news-submitBtn a { color:#fff; text-decoration:none; } .dateFieldCal { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; cursor: pointer; } /*----------------------------------*\ Styles for application page form \*--------------------------------- #businessAccountApplication p{ clear:both; margin-bottom:1.2em; } #businessAccountApplication label{ line-height:1.8em; width:200px; text-align:right; float:left; padding-right:10px; } -*/ /* -------------------------------------------------- *\ Alternate IE8-friendly version (work in progress) May need to cancel out inline-block for IEs 6 & 7 (Doesn't use current ie.css styles, remove those) \* -------------------------------------------------- */ /* .submitBtn { background:#fc0 url(/assets/img/buttons/redbutton_L.gif) no-repeat left top; cursor:pointer; font-size:16px; display:inline-block; } .submitBtn input { background:#0cf url(/assets/img/buttons/redbutton_R.gif) no-repeat right top; font-size:11px; margin:0; padding:0; height:18px; padding:2px 7px 3px 0; width:auto; border:0; cursor:pointer; color:#fff; vertical-align:middle; position:relative; left:7px; } */ .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; } .helpBox2 { float:right; font-size:0.9em; margin-top:0; margin-bottom:10px; width:264px; } .helpBox2 .bTop { margin-left:0; } .helpBox2 .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; } .helpBox2 .bPadding { padding:1px 7px; } /* -------------------------------------------------- *\ Table Styles \* -------------------------------------------------- */ .basicBox table, .mbBox table {width:100%; border-collapse:collapse;} .basicBox table caption, .mbBox table caption {display:none;} .basicBox tr,.mbBox tr {vertical-align:top;} .basicBox td, .basicBox th,.mbBox td, .mbBox th {padding:5px 2px 5px 2px; font-weight:normal; } .basicBox .even, .mbBox .even {background:#e5f0f7;} .tableDiv .noTopBorder {border-top:none; } .hotelAtoZ tr {background:#fff} .hotelAtoZ td, .hotelAtoZ th {padding: 5px 10px} table .highlighted {background:#cce8f8;} .mbBox .tableDiv {background:#fff} .data { border-bottom:1px solid #7fb7d6; } .data th { border:1px solid #7fb7d6; border-width:1px 0; font-weight:bold;font-size:1.1em } .data td { border:1px dotted #7fb7d6; border-right-width:0; } table.paymentMethod { border-collapse:collapse; } table.paymentMethod td, table.paymentMethod th { padding:3px 0; } .tableDataLayout { table-layout:fixed; } /* 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.bothDotted td, table.bookingTable tr.bothDotted th { border-top:1px dotted #b5b7c5; border-bottom:1px dotted #b5b7c5; } 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:0 25px 3px 0; } .showLink { background:url(/assets/img/icons/plus.png) right no-repeat;} .hideLink { background:url(/assets/img/icons/close_overlay.png) right no-repeat; } /* -------------------------------------------------- *\ Homepage Styles \* -------------------------------------------------- */ .homepage .newHotels ul { min-height:87px; } .homepage .newHotels ul li { margin:2px 0; } /* Main promotion area */ .homepage .mainPromo { float:left; width:239px; margin:10px 16px 0;} .homepage .mainPromo a { display:block; width:239px; height:425px; } /* Hotel winner link */ #travolution{ clear:both; position:relative; width:148px; height:34px; margin-left:64px; margin-bottom:12px; background:url(/assets/img/home_promos/travolution.gif) top left no-repeat; } #travolution a{ outline:none; position:absolute; width:100%; height:100%; display:block; text-indent:-9999px; } /* Styles added for non-flash price check table display */ .homepage #f-price-comparison .tableDiv table.data { margin:145px 10px 10px 10px; width:250px; } /* 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:#fff; } .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 .reflection { width:100%; height:34px; background:url(/assets/img/home_promos/double/tail.gif) no-repeat; } /* -------------------------------------------------- *\ Miscellaneous or Page-Specific Styles \* -------------------------------------------------- */ .gradient { filter: none; } .newPromo img {max-width: 100%;height: auto !important;} .newPromo { width:100%; color: #fff ;margin:10px 0 } .newPromo p {margin: 8px 0} .newPromo h5 {margin: 5px 0} .newPromo div.newLinkPromo { border-radius: 0 12px 0 12px; display:table; margin: 5px 0; padding:10px; background: #f0b7a1; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwYjdhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2NkMjAyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #f0b7a1 0%, #cd202c 52%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b7a1), color-stop(52%,#cd202c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f0b7a1 0%,#cd202c 52%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f0b7a1 0%,#cd202c 52%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f0b7a1 0%,#cd202c 52%); /* IE10+ */ background: linear-gradient(to bottom, #f0b7a1 0%,#cd202c 52%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#cd202c',GradientType=0 ); /* IE6-8 */ } .newPromo div.newLinkPromo > a {color:#fff; text-decoration:none;} .singlePromo { width:222px; color: #fff } .singlePromo a { width:100%; height:138px; display:block; text-decoration:none; color: #fff} .singlePromo a span { position:relative; top:115px; display:block; text-align:right; margin-right:15px; text-decoration:underline; } .sidebarPromo { width:211px; } .imagePromo { display:block; } .imagePromo a { width:100%; height:100%; display:block; text-indent:-9999px; } .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:686px; height:77px; background:#fc0; margin:10px 0; font-weight:bold; font-size:0.9em; } .triplePromo p { margin:0; } .triplePromo .fl { padding:10px; padding-top:55px; } .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:normal; } .saverRatePods .saverRatePod .bContent { height:175px!important;} .SandBRadioCol { float:left; } .SandBLabelCol { float:left;width:630px;margin-left:5px; } .SandBLabelCol label.choices { font-size:1.5em; font-weight:bold; margin-bottom:2px; } .SandBLabelCol label{font-size:1.167em;} .SandBLabelCol label,.smallbox h3,.qbook label{color:#124378} .qbook label{font-size:1.167em;} #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:908px; } #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 { color:#b5b7c5; border:0; margin-right:0; } ul.facilities li { background:url(/assets/img/icons/icon_blank.gif) no-repeat; padding-left:35px; padding-top:3px;min-height:30px; height:auto !important; height:25px; margin-bottom:7px; } /* min-height fast hack (IE6) - Harry Roberts (Sense) */ ul.facilities li.alcohol { background:url(/assets/img/icons/hotel_facilities/fb_alcohol.gif) no-repeat; } ul.facilities li.cashpoint { background:url(/assets/img/icons/hotel_facilities/atm.gif) no-repeat; } ul.facilities li.barcafe { background:url(/assets/img/icons/hotel_facilities/fb_bar_cafe.gif) no-repeat; } ul.facilities li.burgerking { background:url(/assets/img/icons/hotel_facilities/burger_king.gif) no-repeat; } ul.facilities li.firstmoto { background:url(/assets/img/icons/hotel_facilities/first_motorway.gif) no-repeat; } /*ul.facilities li.grabandgo { background:url(/assets/img/icons/hotel_facilities/grab_and_go.gif) no-repeat; }*/ ul.facilities li.harryramsden { background:url(/assets/img/icons/hotel_facilities/harry_ramsdens.gif) no-repeat; } ul.facilities li.airpark { background:url(/assets/img/icons/hotel_facilities/airparks.gif) no-repeat; } ul.facilities li.meeting { background:url(/assets/img/icons/hotel_facilities/meeting_rooms.gif) no-repeat; } ul.facilities li.wifi { background:url(/assets/img/icons/hotel_facilities/wifi.gif) no-repeat; } ul.facilities li.nosmoking { background:url(/assets/img/icons/hotel_facilities/no_smoking.gif) no-repeat; } ul.facilities li.littlechef { background:url(/assets/img/icons/hotel_facilities/little_chef.jpg) no-repeat; } ul.facilities li.takeaway { background:url(/assets/img/icons/hotel_facilities/fb_takeaway.gif) no-repeat; } ul.facilities li.parking { background:url(/assets/img/icons/hotel_facilities/free_parking.gif) no-repeat; } ul.facilities li.noparking { background:url(/assets/img/icons/hotel_facilities/charged_parking.gif) no-repeat; } ul.facilities li.petrol { background:url(/assets/img/icons/hotel_facilities/petrol_station.gif) no-repeat; } ul.facilities li.moto { background:url(/assets/img/icons/hotel_facilities/moto.gif) no-repeat; } ul.facilities li.wetRoom { background:url(/assets/img/icons/hotel_facilities/wet-rooms.gif) no-repeat; } ul.facilities li.open24 { background:url(/assets/img/icons/hotel_facilities/24_hour.gif) no-repeat; } ul.facilities li.eiloWeb { background:url(/assets/img/icons/hotel_facilities/eilo_web.gif) no-repeat; } ul.facilities li.domino_pizza { background:url(/assets/img/icons/hotel_facilities/domino_pizza.jpg) no-repeat;min-height:55px; } ul.facilities li.domino_pizza strong,ul.facilities li.domino_pizza h4 {display:none;} ul.facilities li.eiloPhone { background:url(/assets/img/icons/hotel_facilities/eilo_phone.gif) no-repeat; } ul.facilities li.express_check { background:url(/assets/img/icons/hotel_facilities/express_check_in.gif) no-repeat; } ul.facilities li.marstons_pub { background:url(/assets/img/icons/hotel_facilities/marstons_pub.gif) no-repeat; } /* Added new facilities in August'2010 - start */ ul.facilities li.emberInns { background:url(/assets/img/icons/hotel_facilities/ember_inns.gif) no-repeat; } ul.facilities li.harvesterLogo { background:url(/assets/img/icons/hotel_facilities/harvester_logo_salad_grill.gif) no-repeat; } ul.facilities li.vintageInns { background:url(/assets/img/icons/hotel_facilities/vintage_inns.gif) no-repeat; } ul.facilities li.sizzlingPubCo { background:url(/assets/img/icons/hotel_facilities/sizzling_pub_co.gif) no-repeat; } ul.facilities li.tobyCarvery { background:url(/assets/img/icons/hotel_facilities/toby_carvery.gif) no-repeat; } /* Added new facilities in August'2010 - end */ .facilities--results-list { margin: 0; padding: 0; list-style: none; } .facilities--results-list li { display: inline-block; *display: inline; zoom: 1; margin: 0 3px 0 0; } .facilities--results-list img { display: block; } ul.hotelDetails li { background:url(/assets/img/icons/icon_blank.gif) no-repeat; padding-left:33px; padding-top:5px; padding-bottom:6px; margin-bottom:5px; } ul.hotelDetails li.overview { background:url(/assets/img/icons/icon_hotel.gif) no-repeat; } ul.hotelDetails li.directions { background:url(/assets/img/icons/viewMap.gif) no-repeat; } ul.hotelDetails li.parking { background:url(/assets/img/icons/facilities/icon_parking.gif) no-repeat; } ul.hotelDetails li.airparks { background:url(/assets/img/icons/facilities/icon_airparks.gif) no-repeat; } .titleBar .placesToVisit { display:block; background:url(/assets/img/maps/icons/locations/poi.gif) right no-repeat; height:24px; padding-top:6px; } .titleBar .transportLinks { display:block; background:url(/assets/img/maps/icons/locations/transport.gif) right no-repeat; height:24px; padding-top:6px; } .bookingProgress { margin:20px 50px 0;} .bookingProgress ol { margin:0 0 0; padding:0;float:left} .bookingProgress li { margin:0; padding:0; list-style-type:none; width:140px; float:left; text-align:center; line-height:1.2em;} .bookProgtx{margin:5px 0 25px;font-size:1.167em;color:#a3b0cc;} .bookProgtx span {display:inline-block;} .bookProgtx .one {margin:0 63px 0 30px;} .bookProgtx .two {margin:0 88px 0 0;} .bookProgtx .three {margin:0 55px 0 0;} .bookProgtx .four {margin:0;} .bookProgtx a {color:#fff} .bookingProgress li.one {background:url(/assets/img/search_and_book/progress/pros_01.png) no-repeat; height:48px; width:44px;} .bookingProgress li.two {background:url(/assets/img/search_and_book/progress/pros_02_ina.png) no-repeat; height:48px;} .bookingProgress li.twoact {background:url(/assets/img/search_and_book/progress/pros_02_active.png) no-repeat; height:48px;} .bookingProgress li.three {background:url(/assets/img/search_and_book/progress/pros_03_ina.png) no-repeat; height:48px;} .bookingProgress li.threeact {background:url(/assets/img/search_and_book/progress/pros_03_active.png) no-repeat; height:48px;} .bookingProgress li.threeinact {background:url(/assets/img/search_and_book/progress/prosact_03.png) no-repeat; height:48px;} .bookingProgress li.four {background:url(/assets/img/search_and_book/progress/pros_04_ina.png) no-repeat; height:48px;} .bookingProgress li.fouract {background:url(/assets/img/search_and_book/progress/pros_04_active.png) no-repeat; height:48px;} .searchResults { margin:-10px 0 0;} .searchResults .searchResult { margin:0; padding:5px 10px 10px;background:url(/assets/img/search_and_book/results/bubble_key/blank.png) 473px 10px no-repeat; position: relative;} .searchResult i { position:absolute; top: 15px; right: 13px; width: 15px; } .searchResult i div { position:relative; text-align: center; width: 100%; font-weight: 900; color: #19367a; font-style: normal; } .searchResults .thumbnail { float:left; width:189px; margin-right:20px; } .searchResults .details { float:left; width:267px; } .searchResults .details h4 { font-size:1.5em; margin:0; padding-right:35px; margin-right:-7px; padding-bottom:5px; } .searchResults .details .distance { margin-bottom:0px; margin-right:0px; } .searchResults .details .currencySymbol { font-size:3em; line-height:1em;font-weight:bold;} .searchResults .details .price { font-size:3em; line-height:1em;font-weight:bold;} .searchResults .details .bookNow { margin:1.8em 45px 0 0; } .searchResults .details .checkBox { position:relative; } .searchResults .details .checkBox label { display:inline; font-weight:normal; margin-left:24px; } .searchResults .details .checkBox input { position:absolute; top:-2px;} .searchResults .bubbleA { background-image:url(/assets/img/search_and_book/results/bubble_key/a.png); } .searchResults .bubbleB { background-image:url(/assets/img/search_and_book/results/bubble_key/b.png); } .searchResults .bubbleC { background-image:url(/assets/img/search_and_book/results/bubble_key/c.png); } .searchResults .bubbleD { background-image:url(/assets/img/search_and_book/results/bubble_key/d.png); } .searchResults .bubbleE { background-image:url(/assets/img/search_and_book/results/bubble_key/e.png); } .searchResults .bubbleNo { background-image:none; } .searchResults .price-unavailable { background: #ccc; } .saverResults th { font-weight:bold;padding: 0.5em 0.75em;vertical-align:middle;background:#fff; font-size: 1.083em;} .saverResults td { border-top:1px solid #8c9bbd; font-size: 1.083em;} .saverResults th.date { color: #114080; text-align: left; } .saverResults th.day span { display:block; font-weight:normal; } .saverResults th.arrow { padding-left:5px; padding-right:5px; vertical-align:middle;} .saverResults th.arrow .arrow-outer { border: 1px solid #CF003D; border-radius: 14px; display: block; height: 11px; padding: 5px; width: 11px;} .saverResults td.hotel { border-top:1px solid #8c9bbd;background:#fff;padding-left:10px;vertical-align: middle; } .saverResults td.hotel a {} .saverResults td.hotel span { display:block; font-weight:normal;color:#666;padding-top:4px;} .saverResults td.day { padding:0; border:1px solid #8c9bbd;} .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.winterSale { background:#FF0000; } .saverResults td.saleGreen .price { background:#d3df89 url(/assets/img/sale/easter_sale/grid_bg.gif) top left no-repeat; color:#09123f; } .saverResults td.springSale .price { background:#FFBF10 url(/assets/img/sale/spring_sale/grid_bg.gif) top left no-repeat; color:#09123f; } .saverResults td.winterSale .price { background:#FFBF10 url(/assets/img/sale/winter_sale/grid_bg.gif) top left no-repeat; } .saverResults td.saleMustard .price { background:#FFBF10 url(/assets/img/sale/autumn_sale/grid_bg.gif) top left no-repeat; color:#09123f; } .saverResults td.noRooms { background:#b5b7c5;vertical-align:middle } /* Applied to td as opposed to span to give illusion of same height (fix for: http://projects.sense.co.uk/view_bug_page.php?f_id=0006085) */ .saverResults td.empty { background: #fff; border-top: none; } /* Added for penny price - start */ .saverResults td.day .pennyprice, .saverResults td.day .price { display:block; line-height:2em; color:#fff;font-size:1.3em;font-weight:bold; padding:10px 0;} .saverResults td.noRooms .pennyprice, .saverResults td.noRooms .price { font-size:0.9em; font-weight:normal; line-height:1.2em; padding:12px 5px; } .saverResults td.flexible { background:#008bdc; } .saverResults td.saver { background:#eb6e19; } .saverResults td.saverFlag { background: url(/assets/img/sale/saver_flag.gif) top left no-repeat; } .saverResults td.sale { background:#c80025; } .saverResults td.staff { background:#629632; font-weight:bold; color:#fff; border-color:#fff; } .saverResults td.saleGreen { background:#d3df89 url(/assets/img/sale/spring_sale/grid_bg.gif) top left no-repeat; color:#09123f; } .saverResults td.springSale { background:#FFBF10 url(/assets/img/sale/spring_sale/grid_bg.gif) top left no-repeat; color:#09123f; } .saverResults td.saleMustard { background:transparent url(/assets/img/sale/autumn_sale/grid_bg.gif) top left no-repeat; color:#09123f; } .saverResults td.winterSale { background:transparent url(/assets/img/sale/winter_sale/grid_bg.gif) top repeat; color:#FFFFFF;} .saverResults td.noRooms { } .saverResults td.filtered-out { background: #e6f4fc; color: #fff; } .saverResults td.filtered-out--full { color: #333; vertical-align: middle; text-align: center; } /* Added for penny price - end */ .bedDetails .bed { height:65px; } .bedDetails .bed span { display:block; height:65px; } .bedDetails .doublebed { background: url(/assets/img/icons/room_contents/dblBed.gif) no-repeat top right; } .bedDetails .doublebed span { background: url(/assets/img/icons/room_contents/2adults.gif) no-repeat 0 1.8em; } .bedDetails .sofabed { background: url(/assets/img/icons/room_contents/sofaBd.gif) no-repeat top right; } .bedDetails .sofabed span { background: url(/assets/img/icons/room_contents/1adult_2kids.gif) no-repeat 0 1.8em; } .bedDetails .pulloutbed { background: url(/assets/img/icons/room_contents/pulloutBd.gif) no-repeat top right; } .bedDetails .pulloutbed span { background: url(/assets/img/icons/room_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;font-size:1.3em; padding-left:25px; } .basketTitle.new {background:none;font-size: 16px;font-weight: bold; line-height: 1em; padding-left:0px;} .sbasket .basket-icon { background-clip: border-box; background: rgba(0, 0, 0, 0) url("/sites/all/themes/travelodge_v2/images/icon/basket-icon.png") no-repeat left center; display: inline-block; height: 31px; margin-bottom: -6px; margin-right: 10px; width: 32px; } .albook {font-size:1.3em;} .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 #8c9bbd; 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.5em; border-left:1px solid #8c9bbd; text-align:right; } #roomExtras h3 a { text-decoration:none; background:url(/assets/img/icons/query_w.png) no-repeat right center; padding-right:25px; padding-bottom:3px; } #roomExtras .highlighted .amount, #roomExtras .highlighted .tickBold label { font-weight:bold; } #roomExtras .minorTotal .amount, #roomExtras .majorTotal .amount {font-weight:bold; } #roomExtras th, #roomExtras td.nobdr {border:0} #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); }*/ /* Included extras icons (HARRY ROBERTS - SENSE) */ .includedExtras{ clear:both; width:100%; overflow:hidden; padding:10px 0; } .includedExtras img{ float:left; margin:0 5px 5px 0; } .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 { background: url("/assets/img/bg/box/gradient/bg.gif") repeat-x scroll center bottom #FFFFFF; } .roomsRates .headRow1 th { vertical-align:bottom; border-top-width:0; border-bottom-width:0; } .roomsRates .headRow2 th { vertical-align:bottom;} .roomsRates th { border:1px solid #B5B7C5; border-width:1px 0; vertical-align:middle; font-weight:bold; } .roomsRates th.rb {border-right:1px solid #B5B7C5;border-bottom:0} .roomsRates td { border:1px solid #B5B7C5; border-width:1px 0; vertical-align:middle; } .roomsRates #room-1-content td.roomType {border-top:0} .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; font-size:10.5px;} .roomsRates td.flexible { background:#008bdc; font-weight:bold; color:#fff; border-bottom:1px solid #B5B7C5; } .roomsRates td.saver { background:#eb6e19; font-weight:bold; color:#fff; border-color:#B5B7C5; } .roomsRates td.saverFlag { background: url(/assets/img/sale/saver_flag_price.gif) top center no-repeat;font-weight:bold; color:#fff;background-color:#324591; } .roomsRates td.sale { background:#c80025; font-weight:bold; color:#fff; border-color:#fff; } .roomsRates td.staff { background:#629632; font-weight:bold; color:#fff; border-color:#fff; } .roomsRates td.saleGreen { background:#d3df89 url(/assets/img/sale/easter_sale/grid_bg.gif) top left no-repeat; font-weight:bold; color:#09123f; border-color:#fff; } .roomsRates td.saleMustard { background:#FFBF10 url(/assets/img/sale/autumn_sale/grid_bg.gif) top left no-repeat; font-weight:bold; color:#09123f; border-color:#fff; } .roomsRates td.springSale { background:#FFBF10 url(/assets/img/sale/spring_sale/grid_bg.gif) top left no-repeat; font-weight:bold; color:#09123f; } .roomsRates td.winterSale { background:#FFBF10 url(/assets/img/sale/winter_sale/grid_bg.gif) top repeat; font-weight:bold; color:#FFFFFF;} .roomsRates .roomType { font-weight:normal; vertical-align:top; width:150px;text-align:left; } .roomsRates .rateType { border-left:1px solid #cce2ef; font-size:11px; text-align:left; } .roomsRates .roomTotal { border-left:1px solid #006fad; border-right:1px solid #006fad; font-size:12px; text-align:center; } .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:100px; 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 { text-align:center; padding:4px; font-size:0.9em; width:14%; } .calendar td {color:#cf003d} .calendar td.inactive { background:#fff;color:#B5B7C5} .calendar td.active { background:#cf003d; color:#fff;} .calendar td.active span { display:block;} .calendar td.past { color:#b5b7c5; } .calendar .noBorder { border:0; } a.email { background:url(/assets/img/icons/icon_email.jpg) 0 0 no-repeat; padding:6px 0 6px 30px; } a.print { background:url(/assets/img/icons/icon_print.jpg) 0 0 no-repeat; padding:6px 0 6px 30px; } .saleCountdown { font-size:2em; font-weight:bold; margin:30px 0 0 50px; } .saleCountdown strong { font-size:1.5em; } .saleInformation { font-size:1.2em; color:#757575; margin:90px 0 20px 50px; } table.detailedBasket { width:auto; } .detailedBasket th { text-align:center; vertical-align:middle; font-weight:bold; background:#f2f3f5; width:38px; border-right:1px solid #ffffff; padding:3px 0px; font-size:0.9em; } .detailedBasket td { text-align:center; vertical-align:middle; font-weight:bold; background:#f2f3f5; width:38px; border-right:1px solid #f2f3f5; padding:3px 0px; line-height:2em; } .detailedBasket td.flexible { background:#008bdc; color:#fff; } .detailedBasket td.saver { background:#eb6e19; color:#fff; } .detailedBasket td.sale { background:#c80025; color:#fff; } .detailedBasket td.saleGreen { background:#d3df89 url(/assets/img/sale/easter_sale/grid_bg.gif) top left no-repeat; color:#09123f; } .detailedBasket td.saleMustard { background:#FFBF10 url(/assets/img/sale/autumn_sale/grid_bg.gif) top left no-repeat; color:#09123f; } .cityGuide ol { margin:0; padding:0; list-style-type:none; } .cityGuide ol li { margin:0 0 1em 0; padding:0 0 10px 25px;} /* Business Customers (Harry Roberts) */ #tAndCLinks{clear:both; margin-left:355px;} /* Change Password (Harry Roberts) */ #passwordStrength { float:right; width: 278px; margin-bottom: -10px; padding-top: 51px; margin-top: -103px; } .jsPasswordStrength{ float:left; width:225px; } .formRow-passwordStrength { float: right; width: 310px; } #passwordTipLink{ font-size:0.8em; padding-top:3px; display:block; } .passwordTipContainer { display: none; } #passwordLabel{ display:block; } #passwordWeakLabel,#passwordStrongLabel{ font-size:0.8em; } #passwordStrongLabel{ padding-left:105px; } /* Payment Cards */ .expiredCard{ color:#aaa; } .cardIsExpired{ color:#f00; } h2.ttl{ font-size:2em; margin-top: 0; } h2.sttl{ margin-top: 0; font-size:1.2em; } h2.seoblue {font-size:1em; margin:10px 0;color:#006fad;} .blueBox .seotitleBar { color:#fff; margin:0; padding:1px 11px; padding-bottom:6px;} .seotitleBar .transportLinks { display:block; background:url(/assets/img/maps/icons/locations/transport.gif) right no-repeat; min-height:24px; padding-top:6px; padding-right: 25px; } h3.seotitleBar,h3.seoimportant { color:#fff; font-size:1.2em; margin:10px 0; } h3.seoimportant { color:#991f23; background:url(/assets/img/icons/attention.gif) no-repeat; padding-left:21px; line-height:19px; } .seotitleBar .placesToVisit { display:block; background:url(/assets/img/maps/icons/locations/poi.gif) right no-repeat; min-height:24px; padding-top:6px; padding-right: 25px; } h2.seoflushTop {font-size:1.5em;} h3.seoblue,h3.seoflushTop {font-size:1.2em; margin:10px 0;} h3.seoblue{color:#006fad; } body .seoflushTop{ margin-top:0; } h3.blueroom{ font-size:1.6em; margin:10px 0; color:#006fad;} /*seo changes ends*/ /*** RESKIN styles STARTS ***/ /*** common styles starts ***/ #navc {background:#ededed;color:#16397b;padding:6px 5px;} .clr{clear:both;overflow:hidden;font-size:0;height:0} /*** common styles ends ***/ /*** NEW FOOTER STYLE STARTS ***/ .footerc{ zoom:1; } #footer { background: none repeat scroll 0 0 #f5f5f5; clear: both; float: left; width: 100%; padding-bottom: 5em; } #footer .footer-inner { width: 960px; margin: 0 auto; } #footer .footer-first-menu { float: left; width: 75%; } #footer .footer-blocks-first { float: left; width: 19%; margin-right: 2%; } #footer .footer-blocks-first .need-some-help { border-bottom: 1px solid #c0c0c0; padding-bottom: 1em; margin-bottom: 1em; margin-top: 3em; } #footer .footer-blocks-second { float: left; margin-right: 6%; margin-left: 2%; border-top: 1px solid #c0c0c0; padding-top: 1em; width: 92%; } #footer .footer-blocks-second .footer-copy { padding-right: 1em; float: left; width: 70%; } #footer .footer-blocks-second .paypal { float: left; width: 15%; clear: left; } #footer .footer-blocks-second .paypal p { margin: 0; padding: 0; } #footer .footer-blocks-second .social-links { padding-right: 1em; float: right; width: 18%; } #footer .footer-blocks-second h2 { color: #193579; font-size: 1.25em; font-weight: bold; } #footer .menu { margin: 0; padding: 1em 0; width: 100%; list-style: none; float: left; } #footer .menu li { float: left; width: 21%; margin-left: 3%; } #footer .menu li span { color: #193579; font-size: 1.25em; font-weight: bold; } #footer .menu li ul { padding: 0; float: none; border-top: 1px solid #c0c0c0; margin-top: 0.5em; padding-top: 0.5em; } #footer .menu li ul li { display: block; float: none; margin-left: 0; width: 100%; } #footer .menu li a { color: #333333; } #footer .menu li a:hover, #footer .menu li a:focus { color: #cf003d; text-decoration: none; } .ftrb { text-align: center; width: 960px; margin: 0 auto; } .ftrb .tx { font-size: 1.125em; text-align: center; color: white; font-weight: bold; display: inline; } #dlpfl { background: url("/assets/img/footer-bg.jpg?1395744339") no-repeat scroll 50% 0 #193579; position: relative; } .ftrb .tx { width: 100%; } .ftrb .tx a { background: #193579 url("/sites/all/themes/travelodge_v2/images/icon/footer-title-arrow.png") no-repeat 50% 80%; -webkit-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -ms-border-radius: 7px 7px 0 0; -o-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; color: #ffffff; font-size: 1.125em; font-weight: bold; height: 40px; margin-bottom: 3px; padding: 5px 10px; position: absolute; text-align: center; top: -50px; margin-left: -100px; } .ie7 .ftrb .tx a, .ie8 .ftrb .tx a, .ie9 .ftrb .tx a, .ie10 .ftrb .tx a { margin-left: 30%; } .ftrb .tx a.footer-open { background-image: url("/sites/all/themes/travelodge_v2/images/icon/footer-title-arrow-up.png"); } .dlpfl .dlpfl-inner { margin: 0 auto; width: 960px; } .dlpfl .dlpfl-inner a:hover, .dlpfl .dlpfl-inner a:focus { text-decoration: underline; } .dlpfl-inner { display: none; } .dlpfl .menu { list-style: outside none none; margin: 0; padding: 1em 0; width: 100%; } .dlpfl .menu li { float: left; margin-left: 2%; width: 18%; margin-top: 1em; list-style-type: none; } .dlpfl .menu li:nth-child(6n+6){ clear:left; } .dlpfl .menu li span { color: #ffffff; font-size: 1.125em; font-weight: bold; } .dlpfl .menu li ul { border-top: 1px solid #c0c0c0; float: none; margin-top: 0.5em; padding: 0.5em 0 0; } .dlpfl .menu li ul li { display: block; float: none; line-height: 1.6em; margin-left: 0; width: 100%; margin-top: 0; } /*** NEW FOOTER STYLE ENDS ***/ /* Gradient Blue Box variant */ .gradBlueBox, .gradBlueBox a { color:#fff; } .gradBlueBox .bTop { background:#07a3de; border-top:1px solid #25aee4; } .gradBlueBox .bTop .bTopL { background-image:url(/assets/img/bg/box/sbb_tl.gif); } .gradBlueBox .bTop .bTopR { background-image:url(/assets/img/bg/box/sbb_tr.gif); } .gradBlueBox .bContent { background:#31b4e3 url(/assets/img/bg/box/sbb_cnt.gif) repeat-x left bottom;border:0;} .gradBlueBox .bBtm { background:#165fa4;border-color:#185ba1;} .gradBlueBox .bBtm .bBtmL { background-image:url(/assets/img/bg/box/sbb_bl.gif); } .gradBlueBox .bBtm .bBtmR { background-image:url(/assets/img/bg/box/sbb_br.gif); } .gradBlueBox .bPadding{padding-top:0} .gradBlueBox h2 {background:#185ba1;padding: 5px 10px;margin:0 -10px} /*Crazy box*/ .crazyBox .bTop {border-top:1px solid #4077b1;} .crazyBox .bTop .bTopL {background-image:url(/assets/img/bg/box/cz_tl.gif);} .crazyBox .bTop .bTopR { background-image:url(/assets/img/bg/box/cz_tr.gif);} .crazyBox .bContent {border-color:#4077b1;} .crazyBox .bBtm {border-color:#4077b1;} .crazyBox .bBtm .bBtmL { background:url(/assets/img/bg/box/cz_bl.gif) no-repeat;} .crazyBox .bBtm .bBtmR { background:url(/assets/img/bg/box/cz_br.gif) no-repeat;} .crazyBox h4.titleBar {background:#185ba1;padding: 5px 10px;margin:0 -10px;color:#fff} .saverRatePod .bContent { background:#31b4e3 url(/assets/img/bg/box/sre_cnt.gif) repeat-x left bottom;border:0;} .saverRatePod h2 {font-size:1em;margin-bottom:10px;} .saverRatePod .small{font-size:0.75em} .sidebar h2 {background:#165ca2;padding: 2px 10px 3px; margin:0 -10px;color:#fff} /*Corp login box*/ .corpBox{margin:10px 0;padding:5px 10px 10px;background-color:#d0003e;color:#fff} .corpBox h2{background-color:#d0003e;padding:0 0 7px;/*margin:0 -9px;*/margin:0} .corpBox div.hr {background:url(/assets/img/bg/box/cl_bi.gif) repeat-x;height:2px} /*corp login box ends */ .qbl{float:left;padding-left:0;} .qbl label{/*background:url(/assets/img/icon-dsb.jpg) no-repeat scroll left center transparent;padding:4px 7px 4px 26px;font-size:1.1em; display: inline-block;*/} .qbt{padding:3px 0 0 26px;} .qbcb{float:left;margin-top:2px;} .qbt a:link,.qbt a:visited{margin-right:30px;} /*Button styles*/ .sbtn,.bnbtn,.bngbtn,.cbtn,.cgbtn,.msbtn,.vdbtn,.lbtn,.lgbtn,.lwbtn,.subtn,.fabtn,.sbbtn,.ebbtn,.enbtn,.uyev,.sbd input,.sda input, .anb,.anp,.empb,.dpb,.usca,.sdet,.ebtn,.vab,.ang,.sbsbtn,.ctbbtn,.hdbtn,.upbtn,.pibtn,.eibtn,.newsbtn,.roombtn,.sbtnb,.selbtn,.regdet,.rpbtn,.vmbtn, .abbtn,.cbbtn,.abgbtn,.cbgbtn,.cnlbtn,.confcnl,.scbtn,.emebtn,.empbtn,.etabtn,.utabtn,.cpbtn,.delbtn,.addcbtn,.satzbtn,.spjbtn,.fsrbtn, .rmabtn,.manhbtn,.subbbtn,.gdbtn,.gpcbtn,.dnlbtn,.farbtn,.cabtn input,.vbook,.adwd,.rebook,.reqnc,.confch,.atmap,.mbook,.select,.payb { background: url(/assets/img/buttons/search_grad.gif) no-repeat scroll right top transparent; width:60px; height:24px;margin:0;padding:0;border:0 none;cursor:pointer;} .sbtn{width:62px;height:23px;} .roombtn{background-image: url(/assets/img/buttons/book-room.gif);width:55px;height:24px;} .bnbtn{background-image: url(/assets/img/buttons/bnow.gif);width:92px;} .bngbtn{background-image: url(/assets/img/buttons/bnow_grad.gif);width:92px;} .cbtn{background-image:url(/assets/img/buttons/c_b.gif);width:131px;} .cgbtn{background-image:url(/assets/img/buttons/c_b_grad.gif);width:131px;} .searchResults .details .bookNow{margin-right:30px;} .msbtn{background-image:url(/assets/img/buttons/modify_stay.gif);width:92px} .vdbtn,.hdbtn{background-image:url(/assets/img/buttons/view_details.gif);width:92px} .hdbtn{background-image:url(/assets/img/buttons/hide_details.gif);} .lbtn{background-image:url(/assets/img/buttons/login_blue_grad.gif)} .lgbtn{background-image:url(/assets/img/buttons/login_grad.gif)} .lwbtn{background-image:url(/assets/img/buttons/login.gif);vertical-align:middle} .subtn{background-image:url(/assets/img/buttons/submit_grey_grad.gif);width:63px;height:23px;} .fabtn{background-image:url(/assets/img/buttons/find_address.gif);width:97px;display: inline-block;vertical-align:middle} .sbbtn{background-image:url(/assets/img/buttons/submit_your_booking.gif);width:216px} .ebbtn{background-image:url(/assets/img/buttons/edit_booker_details.gif);width:131px;} .enbtn{background-image:url(/assets/img/buttons/enter_address.gif);width:131px} .uyev{background-image:url(/assets/img/buttons/u_y_ev.gif);width:131px} .sbd input{background-image:url(/assets/img/buttons/save_booker_details.gif);width:142px} .sda input{background-image:url(/assets/img/buttons/save_address_details.gif);width:142px} .anb{background-image:url(/assets/img/buttons/add_nb.gif);width:131px} .anp{background-image:url(/assets/img/buttons/add_a_new_profile.jpg);width:131px} .empb{background-image:url(/assets/img/buttons/edit_my_profile.jpg);width:131px} .dpb{background-image:url(/assets/img/buttons/delete_profile.jpg);width:131px} .usca{background-image:url(/assets/img/buttons/ucsa.gif);width:216px} .sdet{background-image:url(/assets/img/buttons/sub_det.gif);width:109px} .ebtn{background-image:url(/assets/img/buttons/export.gif);width:60px} .vab{background-image:url(/assets/img/buttons/vab.gif);width:131px} .ang{background-image:url(/assets/img/buttons/ang.gif);width:131px} .sbsbtn{background-image:url(/assets/img/buttons/search_sb.gif);width:62px;height:23px} .ctbbtn{background-image:url(/assets/img/buttons/ct_book.gif);width:131px} .upbtn{background-image:url(/assets/img/buttons/update.jpg);width:62px} .pibtn,.eibtn{background-image:url(/assets/img/buttons/print_invoice.jpg);width:98px} .eibtn{background-image:url(/assets/img/buttons/email_invoice.jpg)} .newsbtn,.sbtnb {background-image: url(/assets/img/buttons/find-lowest-search-button.gif);width:62px; height:23px;} .quickBook .sbtnb{background-image: url(/assets/img/buttons/search_onblue.gif);width:63px; height:23px;} .qbsbtn{margin-top:-52px;} .selbtn{background-image:url(/assets/img/buttons/select_address.gif);width:105px;} .regdet{background-image:url(/assets/img/buttons/reg_details.gif);width:135px;} .rpbtn{background-image:url(/assets/img/buttons/reset_my_password.gif);width:137px;} .vmbtn{background-image:url(/assets/img/buttons/vm_booking.gif);width:155px;} .abbtn{background-image:url(/assets/img/buttons/amend_booking.gif);width:120px} .cbbtn{background-image:url(/assets/img/buttons/cancel_booking.gif);width:117px} .cnlbtn{background-image:url(/assets/img/buttons/cancel.gif);width:61px} .confcnl{background-image:url(/assets/img/buttons/confirm_cancel.gif);width:149px} .abgbtn{background-image:url(/assets/img/buttons/amend_booking_grey.gif);width:120px} .cbgbtn{background-image:url(/assets/img/buttons/cancel_booking_grey.gif);width:120px} .scbtn{background-image:url(/assets/img/buttons/save_changes.gif);width:104px} .scbtn{background-image:url(/assets/img/buttons/save_changes.gif);width:104px} .emebtn{background-image:url(/assets/img/buttons/em_email.gif);width:156px} .empbtn{background-image:url(/assets/img/buttons/em_phone.gif);width:185px} .etabtn{background-image:url(/assets/img/buttons/et_address.gif);width:123px} .utabtn{background-image:url(/assets/img/buttons/ut_address.gif);width:123px} .cpbtn{background-image:url(/assets/img/buttons/change_pass.gif);width:127px} .delbtn{background-image:url(/assets/img/buttons/delete.gif);width:61px} .addcbtn{background-image:url(/assets/img/buttons/add_card.gif);width:72px} .satzbtn{background-image:url(/assets/img/buttons/search_atoz.gif);width:62px} .spjbtn{background-image:url(/assets/img/buttons/search_planj.gif);width:62px;height:22px} .fsrbtn{background-image:url(/assets/img/buttons/find_saver_room.gif);width:125px} .rmabtn{background-image:url(/assets/img/buttons/read_more_about.gif);width:197px} .rmabtn{background-image:url(/assets/img/buttons/read_more_about.gif);width:197px} .manhbtn{background-image:url(/assets/img/buttons/more_about_newh.gif);width:186px} .subbbtn{background-image:url(/assets/img/buttons/submit_onblue.gif);width:62px;height:23px} .gdbtn{background-image:url(/assets/img/buttons/get_dir.gif);width:104px} .gpcbtn{background-image:url(/assets/img/buttons/get_postcode.gif);width:104px} .dnlbtn{background-image:url(/assets/img/buttons/dnl_file.gif);width:104px} .farbtn{background-image:url(/assets/img/buttons/find_room.gif);width:104px} .cabtn input{background-image:url(/assets/img/buttons/check_avail.gif);width:142px} .vbook{background:url(/assets/img/buttons/vbook.gif);width:117px;} .adwd{background:url(/assets/img/buttons/add_wd.gif);width:132px;)} .odd .rebook,.even .rebook{background:url(/assets/img/buttons/rebookw.png);width:63px;height:23px;} .even .rebook{background:url(/assets/img/buttons/rebook.png)} .reqnc{background:url(/assets/img/buttons/requestnc.png);width:150px;} .confch{background:url(/assets/img/buttons/conchanges.png);width:117px;} .atmap{background:url(/assets/img/buttons/addtomap.png);width:117px;} .mbook{background:url(/assets/img/buttons/modbookings.png);width:117px;} .select{background:url(/assets/img/buttons/select.gif);width:69px;} .payb{background:url(/assets/img/buttons/paybalance.gif);width:120px;} .doublePromo .prspr { margin-left:3px;float:right; } .doublePromo .dpfi{float:left;} .aquaBox .bPadding{padding:0 10px 3px;} .mgbr{margin-top:5px;} /* top header box variant (compatible with .gradBox) */ .thBox {position:relative;background:#1c3e78 url(/assets/img/bg/box/th_cnt_bg.gif) repeat-x 0 0;min-height:50px;} .thBox .tr,.thBox .bl{ background:url(/assets/img/bg/box/th_tr.gif) no-repeat 0 0;position:absolute;width:11px;height:11px } .thBox .tr{top:0;right:0;} .thBox .bl { background-image:url(/assets/img/bg/box/th_bl.gif);left:0;bottom:0;} .singleCol h2.srb{font-size:1.4em;} .sidebar h2.bct{font-size:1.4em;margin-bottom:10px;} .sform .formRow label{font-size:0.8em;} .sform .tickText{padding-left:17px;} .crazyBox div.hr {background:none #4077B1} .rmNo{margin:7px 5px 0 0;display:block} .bookingProgress li a{text-decoration:none} .dsbi{margin-bottom:-4px;} .dptm{margin-top:10px} .spmr{margin-right:9px;} .formRow .mtm{margin-top:5px} .vam{vertical-align:middle} .dlp_img {float: right;margin-right: 10px;padding-left: 20px;} /*browser: Safari compliance code */ .safari .aquaBox div.hr{margin:8px -10px 9px -10px;} .safari .qbt {padding-top:3px} .safari .basicBox div.sbhr {margin: 7px -10px 8px -10px;} .safari .mgbr{margin-top:4px;} /*browser: chrome compliance code */ .chrome .aquaBox div.hr{margin:8px -10px} .chrome .aquaBox .bPadding{padding-bottom:4px;} .chrome .basicBox div.sbhr {margin: 7px -10px 8px -10px;} .ie7 .basicBox div.sbhr {margin: 5px -10px 3px -10px;} .ie7 input.choices {margin:0;} .ie7 .froom{margin-right:7px} .chrome .clogca .placehp,.safari .clogca .placehp{bottom:52px;} .chrome .formRow,.safari .formRow {margin-bottom:3px;} /*brower: chrome compliance code*/ /*** RESKIN styles ENDS ***/ /* Spain Hotel Changes Start */ .spainHotelImage { margin-left:-7px; } /* Spanin Hotel Changed Ends */ .btnwv input{line-height:25px;font-size:0;overflow:hidden;} .fealert:link, .fealert:hover{text-decoration:none;} .fealert:visited {text-decoration:none;} .lplpadt{padding-top:4px} table.bookingTable td.brt { font-weight:bold; border-top:1px solid #7fb7d6; } .newhotels .colLeft{margin-right:5px} .newhotels .colRight{width:237px} /*Paypal Changes*/ div.paypal_footer{ float: right; margin-right: 0px; margin-top: -4px; border:solid 1px yellow; height: 24px; width: 37px; background:url('/assets/img/shared/now_accepting_paypal_small.gif') no-repeat; cursor:pointer; } input.paypal_radio{ margin-top: 10px; } /*Ends paypal changes*/ .btnwv input{line-height:25px;font-size:0;overflow:hidden;} /* **** New Group Screens **** */ div.groupsummary { background:#cce8f8; padding:10px; border-top:1px solid #7FB7D6; border-bottom:1px solid #7FB7D6; } div.groupsummary div.highlight { float:right; width:175px; border-left:1px solid #7FB7D6; border-bottom:1px solid #7FB7D6; font-weight:bold; margin-top:-10px; margin-right:-10px; padding:10px; } div.groupextratoggle { margin-left:35px; } div.groupextratoggle label { display:inline; margin-right:15px; font-weight:normal; } div.group-avail div.you_search { width:900px; padding:10px; margin-bottom:20px; } div.group-avail div.sidebar { margin-top:180px; } h1.group-avail { padding:0; margin:0; } /* CSS For 13949 webreskin 2013 - start*/ .bodyc { background:#193479 url('/assets/img/footer-bg.jpg') no-repeat bottom left; min-height:410px; padding-top:30px; height:100%; width: 960px; z-index: 30; margin: 0 auto; position: relative; } .sbasketc{position:relative;} .sbasketc .topnav { padding:0 15px; width: 642px;} .sbasketc .topnav.new { margin-top: 10px;width: 638px;padding: 0 10px;} /* adding as new class as the change without it may have system wide impacts */ .sbasketc .topnav.new .fullBasket {margin-left: 16px;} .sbasket{margin:0;} .rarrow{background:url('/assets/img/icons/rarrow.gif') no-repeat left center;padding:2px 0 2px 23px;margin:5px 20px 0 3px;display:inline-block;} .sbasket .basketTitle,.sbasket .rarrow{font-weight:bold} .topnav.new .rarrow{padding:2px 0 1px 23px;margin:5px 15px 0 0px; font-size: 13px;} a.basketTitle:hover{text-decoration:none;color:#19367a;} .dlpfl a:link,.dlpfl a:visited {text-decoration:none;color:#ffffff;} .dlpfl a:hover {text-decoration:none; color: #ffffff;} .header { width:1150px; } /*.headerc .bc{min-height:43px;}*/ /*new light blue box starts--*/ .mbBox { margin:6px 0 10px 0; } .mbBox .mbTop { height:10px;margin:0px 10px; background:url(/assets/img/bg/box/lightblue/mbtc.png) repeat-x; position:relative; font-size:1px; } .mbBox .mbTop .mbTopL { height:10px; width:10px; position:absolute; left:-10px; background:url(/assets/img/bg/box/lightblue/mbtl.png) no-repeat top left; } .mbBox .mbTop .mbTopR { height:10px; width:10px; position:absolute; right:-10px; background:url(/assets/img/bg/box/lightblue/mbtr.png) no-repeat top right; } .mbBox .mbContent {background:url('/assets/img/bg/box/lightblue/mbcl.png') repeat-y left 0;} .mbBox .mbPadding {padding:4px 14px 4px 4px; margin-left:10px;background:url('/assets/img/bg/box/lightblue/mbcr.png') repeat-y right 0; } .subNav .mbBox .mbPadding {margin-left:10px;padding:1px 14px 4px 1px} .mbBox .mbBtm { height:10px;margin:0px 10px; background:url(/assets/img/bg/box/lightblue/mbbc.png) repeat-x; position:relative; font-size:1px; } .mbBox .mbBtm .mbBtmL { height:10px; width:10px; position:absolute; left:-10px; background:url(/assets/img/bg/box/lightblue/mbbl.png) no-repeat left bottom; } .mbBox .mbBtm .mbBtmR { height:10px; width:10px; position:absolute; right:-10px; background:url(/assets/img/bg/box/lightblue/mbbr.png) no-repeat right bottom; } .mytvl .tableDiv{margin:0 -10px;} /*new light blue box ends--*/ /*subnav anchor style changes starts */ #subNav a:link,#subNav a:visited{display:block;font-weight:bold;margin:0 -6px; padding: 7px 10px;} #subNav a:hover{background:#7ab2dc;color:#fff;text-decoration:none} /*subnav anchor style changes ends */ /*general box starts */ /* Basic box definition */ .gBox { margin:0 0 -4px 0; } .gBox .bTop { border:0;height:10px; margin:0px 10px; background:url(/assets/img/bg/box/generic/gtc.png) repeat-x; position:relative; font-size:1px; } .gBox .bTop .bTopL { height:10px; width:10px;top:0; position:absolute; left:-10px; background:url(/assets/img/bg/box/generic/gtl.png) no-repeat top left; } .gBox .bTop .bTopR { height:10px; width:10px;top:0; position:absolute; right:-10px; background:url(/assets/img/bg/box/generic/gtr.png) no-repeat top right; } .gBox .bContent { border:0;background:transparent url('/assets/img/bg/box/generic/gcl.png') repeat-y left top;} .gBox .bPadding { padding:4px 10px 4px 0;margin-left:10px;background:transparent url('/assets/img/bg/box/generic/gcr.png') repeat-y right top } .gBox .bBtm { border:0;height:10px;margin:0px 10px; background:url(/assets/img/bg/box/generic/gbc.png) repeat-x; position:relative; font-size:1px; } .gBox .bBtm .bBtmL { height:10px; width:10px; position:absolute; left:-10px; background:url(/assets/img/bg/box/generic/gbl.png) no-repeat left bottom; } .gBox .bBtm .bBtmR { height:10px; width:10px; position:absolute; right:-10px; background:url(/assets/img/bg/box/generic/gbr.png) no-repeat right bottom; } /*general box ends*/ .mlm{margin-left:5px;} .mtm{margin-top:5px;} .rmtx{margin-top:30px;} .ie7 .submitBtn input, .ie7 .submitBtn button{width:1%;} .ie7 .rmtx{margin-top:28px;} .ie7 #rooms,.ie7 #adults_1, .ie7 #children_1{margin-top:3px} h1.mtl {margin:0 0 0 23px;width:auto;position:relative;} .hrgrey{height:1px; background:#bbb; margin:10px -10px;} .hrlb{height:1px; background:#8c9bbd;font-size:0;margin:10px 0} ul.arrow a,ul.arrow a:hover{color:#FFF} ul.arrow a:visited{color:#FFF} .bulleted a:link,.bulleted a:visited{color:#fff; display:block; line-height:1.2em;} .bulleted a.bluelink:link,.bulleted a.bluelink:visited{color:#19367A;display:inline-block;font-weight:bold;} .bulleted a:hover { text-decoration:underline; } .gtxtb{font-size:1.5em;color:#666;} .bold{font-weight:bold} .lgrey{color:#777;} .txmed{font-size:1.167em} .newh{margin:0;padding:0;font-size:1.167em;} .newh li{width:180px;float:left;list-style-type:none;margin-top:0;margin-bottom:15px} .newh a{font-weight:bold} .zm{zoom:1} #roomExtras td.ecell{padding:4px;} .mainCont{margin:0px auto} .boxlft{width:535px;} .boxrgt{width:388px;} .boxinner{width:499px; margin:0px auto} .you_search ul {font-size:1.1673em} .searchResult h1{margin-top:0; margin-left:0} /*** Reusable Classes ***/ .white_bg{background:#fff} .white_txt{color:#fff} .white_txt a,.white_txt a:hover{color:#fff} .red_txt{color:#CF003D} .bl_nw{color:#19367a;} a.whitelink, a.whitelink:hover{color:#fff} a.greylink,a.greylink:hover{color:#ccc} .mt15{margin-top:15px;} .mt20{margin-top:20px;} .mt30{margin-top:30px;} .mt3{margin-top:3px;} .pr{padding-right:10px;} .mb20{margin-bottom:20px;} .pl5{padding-left:5px;} .boxrgt #didYouMean{margin:-4px 1px 0 -4px} ul.arrow{padding:0} ul.arrow li{list-style-type:none; background: url("/assets/img/shared/rarrow_white.png") no-repeat; padding:0 0 5px 24px; margin:0 0 5px;} .mbtlsBox .mbTop .mbTopL{background:#8C9BBD; left:-6px; top:4px;} .p10{padding:10px;} .wbox{background:#fff;padding:10px;} .wbox div.hr,#content div.hr {margin:10px -10px;background:#8c9bbd;} .mbBox div.hrdots { margin:10px -10px; height:1px; background:url(/assets/img/bg/dotted.gif) repeat-x;} .smallbox{width:240px;} .bigbox{width:642px;} .pt10{padding-top:10px;} .pt20{padding-top:20px;} .black_txt{color:#000} .halfColmn{width:49%; line-height:18px;} .mt5{margin-top:-5px;} .tabbedBox .mbBox{margin-top:-4px;} .ml20{margin-left:20px;} .bgblue{background:#1a3678} .tablebg{background:#8c9dbd} .bgred{background:#cf003d} .million_boxlft{width:460px; margin:0 45px 0 0} .million_boxrgt{width:170px;} .dealbox{width:210px; padding:1px; margin:0 25px 0 0} .bs_imgbox{width:204px;} .bs_conbox{height:98px; width:434px} .cal_cont{background:#eee;padding:0 3px 5px;width:216px} .calendar{background:#fff;border-collapse: collapse;} .cal_month{padding:7px;} .cal_month .arr{margin-top:2px} .calendar th{padding:6px 4px;} /* CSS For 13949 webreskin 2013 - ends*/ /*CSS Implelmented for Add Contact details in extras page. TLW-234*/ #contactDetails #errmsg{color:#FFF;background-color:#C80025;padding:5px;display:none;} /*CSS Implelmented for Tooltips TL-274*/ #search-form-basic-tooltip { float: left; } #search-and-book a, #search-form-basic-tooltip a, .icon-tooltip { text-indent: -9999px; height: 18px; width: 18px; margin-right: 0; float: right; background: url("/assets/img/icons/query.png") no-repeat scroll right top transparent; position: relative; } #search-and-book a { left: -8px; top: 6px; } #search-form-basic-tooltip a { top: -2px; left: -3px; margin-right: 6px; } #search-form-basic-tooltip a.business-search-form { top: -4px; left: -6px; margin-right: 0; } .icon-tooltip { top: 5px; margin-left: 5px; margin-right: 5px; } #search-and-book #location { width: 200px !important; } #overlay #search-form-basic-tooltip a { display: none; } .map-submit-wrapper .submitBtn { position: relative; right: 36px; } #search-form-basic-text { display: block; clear: both; cursor: default; padding-top: 10px; position: relative; } #search-form-group-text { position: relative; padding-top: 10px; width: 300px; clear: both; } #findMapPanel { position: relative; } #findMapPanel .locationField { float: left; } #map-basic-text { cursor: default; background-color: #FFFFFF; border: 2px solid #0062a1; display: block; left: 252px; padding: 16px; position: absolute; top: 66px; width: 200px; border-radius: 20px; box-shadow: 0 0 5px #333333; } #map-basic-text #tailshadow { position:inherit; bottom: 218px; left: -5px; width:0;height:0; top: 30px; border:solid 2px #fff; box-shadow: 0 0 10px 1px #555; z-index: -1; } #map-basic-text #tail1 { position:inherit; bottom: 210px; left:-20px; width:0;height:0; top: 25px; border-color: transparent #0062a1 transparent transparent; border-width:10px; border-style:solid; } #map-basic-text #tail2 { position:inherit; bottom: 210px; left:-17px; width:0;height:0; top: 25px; border-color: transparent #f9f9f9 transparent transparent; border-width:10px; border-style:solid; } .basic-map-wrapper #map-basic-text { top: 39px; z-index: 9999; } /*CSS FOR TL-240 - Ajax Loading Message */ .loading .wbox { margin-left: auto; margin-right: auto; padding-bottom: 60px; padding-top: 40px; } .loading .wbox h2 { text-align: center; clear: both; } .loading .wbox .loading-image { clear: both; margin-left: auto; margin-right: auto; } .loading .wbox .loading-image img { display: block; margin-left: auto; margin-right: auto; } /*Styling the Hotel 'bubbles' on the map TL-290*/ .map-overlay-hotel-wrapper { width: 443px; } .map-overlay-hotel-wrapper .map-hotel-name { margin-bottom: 5px; } .map-overlay-hotel-wrapper h1 { margin-left: 0px; } .map-overlay-hotel-wrapper .hotel-image { width: 204px; display: inline-block; } .map-overlay-hotel-wrapper .hotel-info { width: 230px; display: inline-block; float: right; } .map-overlay-hotel-wrapper .room-price { font-size: 36px !important; font-weight: 700 !important; line-height: 30px; } .map-overlay-hotel-wrapper .hotel-distance { padding-top: 15px; width: 140px; } .map-overlay-hotel-wrapper .mt { display: inline-block; margin-bottom: 5px; } /* Complete Booking Page Specific */ .cb-room-rate-tbl { border:solid 1px #666666; margin-bottom:10px; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 100%; text-align: left; } .cb-room-rate-tbl thead { background-color: #114080; color: #ffffff; } .cb-room-rate-tbl thead th { font-weight: bold; width: 40%; } .cb-room-rate-tbl .td{ width: 40%; } .cb-room-rate-tbl .light-grey { background-color: #EEEEEE; } .cb-room-rate-tbl .amount{ text-align: right; width: 20%; } .cb-submit-information { text-align: right; font-weight: bold; padding: 10px 0px; color: #124378; } .cb-room-rate-tbl-red, .cb-room-rate-tbl-red td{ font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 100%; text-align: left; background-color: #cf003d; color: #FFFFFF; font-weight: bold; } .cb-room-rate-tbl-red .price{ text-align: right; } /* New complete booking tab based styling */ .cb-blue-div { background-color: #19367a; padding: 10px; margin-top: 10px; overflow: hidden; } .cb-blue-div h2{ margin: 0px; color: #FFFFFF; } .cb-blue-div .left { float: left; } .cb-blue-div .right { float: right; margin-top: 5px; } .cb-blue-div .submitBtn{ margin-bottom: 0px; margin-top: -8px; } .cb-container { margin: 0px; padding: 0px; display: none; } .top-zero{ margin-top: 0px !important; } .bottom-zero{ margin-bottom: 0px !important; } /*********************************** ** Sidebar menu ***********************************/ .block--menu-block { margin-bottom: 15px; } .block--menu-block .block__title a { padding: 0 0.25em; color: white; } .block--menu-block .block__title a:hover, .block--menu-block .block__title a:focus { color: #7ab2dc; } .block--menu-block ul { padding: 0; margin: 0; list-style: none; font-size: 13px; } .block--menu-block ul a, .block--menu-block ul .nolink { display: block; } .block--menu-block > .menu { padding: 0; margin: 0; font-weight: bold; } .block--menu-block > .menu a, .block--menu-block > .menu .nolink { display: block; text-decoration: none; } .block--menu-block > .menu > li { border-bottom: #cdd3e2 1px solid; } .block--menu-block > .menu > li:last-child { border-bottom: 0; } .block--menu-block > .menu > li > a, .block--menu-block > .menu > li > .nolink { padding: 0.75em; background: white; } .block--menu-block > .menu > li > a:hover, .block--menu-block > .menu > li > a:focus { color: #991f23; } .block--menu-block > .menu > li > a.active, .block--menu-block > .menu > li > .nolink.active { background: #114080; color: white; } .block--menu-block > .menu > li:first-child > a { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -ms-border-radius: 6px 6px 0 0; -o-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .block--menu-block > .menu > li:last-child > a, .block--menu-block > .menu > li:last-child > .nolink, .block--menu-block > .menu > li:last-child .menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -ms-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .block--menu-block > .menu > li.expanded:last-child > a { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .block--menu-block > .menu > li.expanded > .active { position: relative; z-index: 10; } .block--menu-block > .menu > li.expanded > .active:after { top: 100%; left: 2.25em; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(17, 64, 128, 0); border-top-color: #114080; border-width: 8px; margin-left: -8px; } .block--menu-block > .menu > li > .menu { padding: 6px 0; position: relative; z-index: 5; background: #5c71a0; } .block--menu-block > .menu > li > .menu > li { border-bottom: #6c7faa 1px solid; } .block--menu-block > .menu > li > .menu > li:last-child { border-bottom: none; } .block--menu-block > .menu > li > .menu > li a, .block--menu-block > .menu > li > .menu > li .nolink { padding: 0.5em 0.75em 0.5em 2em; position: relative; color: white; } .block--menu-block > .menu > li > .menu > li a:hover, .block--menu-block > .menu > li > .menu > li a:focus, .block--menu-block > .menu > li > .menu > li .nolink:hover, .block--menu-block > .menu > li > .menu > li .nolink:focus { background-color: #6c7faa; } .block--menu-block > .menu > li > .menu > li a.active, .block--menu-block > .menu > li > .menu > li .nolink.active { cursor: default; } .lt-ie8 .block--menu-block > .menu > li > .menu > li a.active, .lt-ie8 .block--menu-block > .menu > li > .menu > li .nolink.active { text-decoration: underline; } .block--menu-block > .menu > li > .menu > li a.active:before, .block--menu-block > .menu > li > .menu > li .nolink.active:before { content: ''; position: absolute; top: 6px; left: 7px; } .block--menu-block > .menu > li > .menu > li a.active:hover, .block--menu-block > .menu > li > .menu > li a.active:focus, .block--menu-block > .menu > li > .menu > li .nolink.active:hover, .block--menu-block > .menu > li > .menu > li .nolink.active:focus { background-color: transparent; } .business .singleCol { width: 212px; } .business .cal { width: 222px; } .business .singleCol:not(:first-of-type),.business .cal { margin-left: 10px;} .business #marketing_1 { padding:0; } .business #marketing_2 { margin-top:10px; padding:0; } .business_search_results { margin-top: 10px;} /** Business Change Company form **/ .form--business-choose-company .form-item { margin-bottom: 1em; } .form--business-choose-company label { font-size: 1.5em; } .form--business-choose-company select { margin-top: 1em; width: 100%; } .form--business-choose-company .submitBtn { margin-bottom: 0; } .confirmation-button, .button--primary { padding: 7px 15px; background: #cd202c; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f8646e),color-stop(13%,#cd202c),color-stop(23%,#cd202c),color-stop(48%,#d23641),color-stop(59%,#cd202c),color-stop(100%,#cd202c)); background-image: -webkit-linear-gradient(#f8646e,#cd202c 13%,#cd202c 23%,#d23641 48%,#cd202c 59%,#cd202c); background-image: -moz-linear-gradient(#f8646e,#cd202c 13%,#cd202c 23%,#d23641 48%,#cd202c 59%,#cd202c); background-image: -o-linear-gradient(#f8646e,#cd202c 13%,#cd202c 23%,#d23641 48%,#cd202c 59%,#cd202c); background-image: linear-gradient(#f8646e,#cd202c 13%,#cd202c 23%,#d23641 48%,#cd202c 59%,#cd202c); -webkit-border-radius: 0 8px 0 8px; -moz-border-radius: 0 8px 0 8px; -ms-border-radius: 0 8px 0 8px; -o-border-radius: 0 8px 0 8px; border-radius: 0 8px 0 8px; -webkit-box-shadow: rgba(0,0,0,0.15) 0 2px 2px 0; -moz-box-shadow: rgba(0,0,0,0.15) 0 2px 2px 0; box-shadow: rgba(0,0,0,0.15) 0 2px 2px 0; font-size: 1.07692em; line-height: 2.28571em; color: white; font-family: Verdana,Arial,sans-serif; line-height: normal; display: inline-block; text-decoration: none; border: 0; } .confirmation-button:hover, .confirmation-button:focus, .button--primary:hover, .button--primary:focus { text-decoration: none; color: white; } tr.discountRow td, .corporatebac p { font-weight: bold; } .top-mr-27{ margin:27px 0; } /* groupbooking rate per day display*/ .tableGroupBookingRates {text-align: left;} .tableGroupBookingRates table.roomsRates {background: #ffffff;} .tableGroupBookingRates table td,.tableGroupBookingRates table th{padding-left: 6px;} .tableGroupBookingRates table td.flexible {text-align: left;} .tableGroupBookingRates table td.price {padding-left: 6px;text-align: left; width: 35px;} .tableGroupBookingRates table td.roomTotal {text-align: left;border-right: 1px solid #b5b7c5;width: 35px;padding-right: 6px;} .tableGroupBookingRates table td.booknow {width: 80px;} .tableGroupBookingRates table td.booknow .submitBtn {margin-bottom: 0;} @media (max-width: 1023px) { body { font-size: 16px; line-height: 26px; } h1 { font-size: 1.4em; } h2 { font-size: 1.2em; } form label { font-size: 1em; } #header { background-image: none; background: #004282; background: -webkit-linear-gradient(to bottom, #19417e, #004282); background: linear-gradient(to bottom, #19417e, #004282); height: auto; position: relative; } #header .header_wrap { height: auto; width: auto; z-index: unset; } #header .header_wrap .logo { position: static; text-align: center; width: 100%; } #promoNavEmpty { background-color: #088f8a; height: 5px; } #header #navigation-input:checked + label[for="navigation-input"] + .userNav { left:0; } #header label[for="navigation-input"]:before { background-image: url("/assets/img/icons/burger.png"); background-repeat: no-repeat; content:''; cursor: pointer; display: block; height: 32px; left: 10px; position: absolute; top: 50%; transform: translate(0, -50%); transition: left 200ms; width: 32px; z-index: 3; } #header #navigation-input:checked + label[for="navigation-input"]:before { background-image: url("/assets/img/icons/burger-close.png"); left: calc(100% - 40px); top: 10px; transform: none; position: fixed; } #header #navigation-input:checked + label[for="navigation-input"]:after { background-color: rgba(0,0,0,0.9); content: ''; position: fixed; height: 100%; width: 100%; z-index: 1; top: 0; left: 0; } #header .userNav { background-color: #193479; position: fixed; top: 0; left: -85%; height: 100%; width: 85%; overflow-y: scroll; text-align: left; transition: left 200ms; z-index: 2; } #header .userNav li { display: block; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } #header .userNav li > a, #header .userNav li > strong, #header .userNav li > span { border-bottom: 1px solid #09246b; display: block; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #header .sbasket { height: auto; position: static; width: 100%; text-align: center; margin-bottom: 0; } #mainNav { overflow: scroll; width: calc(100% - 50px); margin: 0 auto; position: relative; height: 40px; } #mainNav .mainNavList { width: max-content; height: auto; padding-bottom: 11px; padding-top: 4px; } #mainNav .mainNavList li { padding-right: 15px; padding-left: 0; padding-top:0; font-size: 11px; } #header .header_wrap .logo { height: 60px; } #header .sbasket .basket-icon { display: none; } #header .sbasket .basketTitle { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); display: block; background-clip: border-box; background: rgba(0, 0, 0, 0) url(/sites/all/themes/travelodge_v2/images/icon/basket-icon.png) no-repeat left center; height: 31px; margin-bottom: -6px; margin-right: 10px; width: 32px; text-indent: -99999px; } #header .basketTitle { display: none; } #logo img { display: none; } #logo { background: url(/assets/img/logo.png) no-repeat 50% 62%; background-size: 155px; width: 100%; display: block; height: 60px; } #main { width:100% !important; box-sizing:border-box; padding:10px; } .sidebar { width:100%; margin: 0; margin-top: 0 !important; padding-left: 16px; padding-right: 16px; box-sizing: border-box; } #interactiveHelp input { font-size: 16px; width: 100% !important; box-sizing: border-box; } .bodyc { height: auto !important; width:100% !important;; z-index: 0 !important;; } .bodyc .mtl, #breadcrumb { margin-left:10px; } #register_form .formRow .inputCol input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]), #register_form .formRow .inputCol select { width: calc(100% - 45px) !important; } #register_form .formRow-passwordStrength { float: none; width: 100%; } #passwordStrength { float: none; width: 100%; margin-bottom: 0; margin-top: 10px; padding-top: 0; overflow: hidden; } #passwordStrength .jsPasswordStrength { float: none; width: 100%; } #register_form .jsAddressPostcodeRow .inputCol .fl { float: none !important; } #register_form .jsAddressPostcodeRow .inputCol .ml { margin-left: 0 !important; } #register_form .jsAddressPostcodeRow .inputCol .submitBtn { margin-top: 10px; } #register_form #address_list { max-height: 110px; } form .formRow { position: relative; } form .helpBox2 { background-color: red; position: absolute; top: calc(100% + 5px); right: 0; float: none; z-index: 9999; } form .helpBox2 .bTop, form .helpBox2 .bBtm { display: none; } form .formRow select[name="dob_day"], form .formRow select[name="dob_month"], form .formRow select[name="dob_year"] { margin-right: 10px; width: calc(33.33% - 10px) !important; float: left; } form .submitBtn { margin-top: 10px !important; } form .formRow input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]), form .formRow select { box-sizing: border-box !important; width: 100% !important; } .formRow .labelCol, .formRow .inputCol { width: 100%; margin: 0 !important; text-align: left; } form .formRow .inputCol input:not([type="submit"]), form .formRow .inputCol select { box-sizing: border-box; } form select, form input:not([type="submit"]):not([type="button"]) { font-size: 16px; padding: 12px; height: auto !important; } form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } form .addcbtn { width: auto !important; } #footer .footer-inner { width: auto; } #footer .footer-inner .footer-first-menu { width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } #footer .footer-inner .footer-first-menu .menu > li { width: 50%; box-sizing: border-box; margin-top: 0; margin-bottom: 0; padding: 8px 0; margin-left:0; font-size: 12px; } #footer .footer-inner .footer-first-menu .menu > li:nth-child(odd) { margin-right: 20px; width: calc(50% - 20px); } #footer .footer-blocks-first { width: 100%; padding: 0 10px; margin: 0; box-sizing: border-box; font-size: 16px; } #footer .footer-blocks-first .need-some-help { margin-top: 0; } #footer .footer-blocks-second { display: none; } #footer .footer-blocks-second { width: 100%; box-sizing: border-box; margin: 0; padding-left: 10px; padding-right: 10px; font-size: 16px; } #footer .footer-blocks-second .footer-copy, #footer .footer-blocks-second .social-links { width: 100%; box-sizing: border-box; padding: 0; margin: 0; } #dlpfl { display: none; } #cookieMsg { padding-top: 40px !important; } #cookieMsg div span:last-child { position: absolute; top: 10px; right: 10px; } #cookieMsg, #cookieMsg * { font-size: 16px !important; } #body .mbBox { max-width: 100%; } #body h1.mtl { width: 100% !important; } #body .smallMap, #body .largeMap { height: 300px !important; width: 100% !important; } #body .important { line-height: initial !important; } #body .tableDiv { overflow: scroll !important; } #body table { width: max-content !important; } #body #roomExtras table { width: auto !important; } .SandBLabelCol { float: none; width: auto; } .SandBLabelCol .choices { padding-left: 20px; } .SandBLabelCol .locationField { width: auto !important; } .bookRooms .fl { margin-top: 10px; } .bookRooms .fl, .bookRooms .mb { margin-left: 0 !important; } #overlay { width: 100% !important; position: fixed; left: 0 !important; top: 0 !important; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } .tabbedNav li { font-size: 9px; } .bigbox { width: auto !important; } .content.mgbr { overflow: hidden; } #tabs { overflow: scroll; } #tabs ul { display: block; width: max-content; overflow: hidden; } #tabs ul li:last-child { margin-right: 20px; } .searchResults .searchResult { background-image: none; } .searchResults .searchResult i { display: none; } .boxlft.fl, .boxrgt.fr { float: none !important; } #body .boxlft, #body .boxrgt { width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; } #body .mbBox .mbTop, #body .mbBox .mbBtm { display: none; } #body .mbBox .mbContent { background-color: transparent; } #body .mbBox .mbContent, #body .mbBox .mbPadding { background-image: none; } #body .mbBox .mbPadding { padding: 0; margin: 0; } #body .tabbedNav { left: 0; } #body .tabbedBox .mbBox { background-color: #8c9bbe; padding: 15px !important; margin: 0 !important; } #tabset { position: relative !important; } #tabset .tabcontent .bigbox { position: absolute; width: 100% !important; } #findMapPanel, #friendsMapPanel, #journeyMapPanel { width: 100% !important; } .tabcontent #findMapPanel, .tabcontent #friendsMapPanel, .tabcontent #journeyMapPanel { padding-top: 300px; width: 100%; } #findMapPanel .smallbox, #friendsMapPanel .smallbox, #journeyMapPanel .smallbox { width: 100%; box-sizing: border-box; } .tabcontent #findMapPanel img, .tabcontent #friendsMapPanel img, .tabcontent #journeyMapPanel img, #googleMap img, .tabcontent #findMapPanel .flushBtm { display: none; } .tabcontent #findMapPanel .arrow, .tabcontent #friendsMapPanel .arrow, .tabcontent #journeyMapPanel .arrow { display: block; } } #header #navigation-input { display: none; } .panel-my-information { display: none; } .panel-my-interests { display: none; } .input-password, .input-email { width: 310px; }