/* -------------------------------------------------- *\ Layout Styles \* -------------------------------------------------- */ /* Basic layout styles */ html, body { margin:0; padding:0; } body { background:#09123e url('/assets/img/bg/body.gif') repeat-x; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:75%; text-align:center; } #container { width:960px; margin:0 auto; text-align:left; color:#09123e; } #main { width:708px; float:left; padding:0 0 0 10px; margin:0; background:url(/assets/img/bg/header_bottom.gif) no-repeat; } #body { background:#e6e7eb url(/assets/img/bg/bg_main.gif) top repeat-x; } .sidebar { width:212px; margin:0 15px; padding:0; float:left; } #breadcrumb { margin:10px 0 10px 87px; font-size:0.9em; } /* Optional layout modifications */ .homepage #breadcrumb { display:none; } .homepage #main { padding:0; width:960px; } .homepage #body { background:#fff url(/assets/img/bg/home_bg.gif) 0 348px repeat-x; padding-bottom:10px; } .fullWidth #main { padding:0 10px; width:940px; } /* Homepage rework - from 2 rows to two cols */ .homepage .midContent{ width:446px; float:left; } /* Site header */ #header { background:#09123e url(/assets/img/bg/header_topleft.gif) top left no-repeat; color:#fff; margin:0; overflow:hidden; } #header #logo { float:left; display:block; width:272px; } #header #logo img { padding:20px 23px; } #header #siteNav { float:left; display:block; width:688px; background:url(/assets/img/bg/header_bottomright.gif) bottom right no-repeat; } #header #userNav { margin:10px; padding:0; margin-bottom:39px; list-style-type:none; font-size:0.95em; text-align:right; } #header #userNav li { display:inline; margin-right:3px; padding-left:5px; border-left:1px solid #fff; } #header #userNav li.first { display:inline; margin-right:3px; padding-left:0; border-left:none; } #header #userNav a:link, #header #userNav a:visited { color:#fff; text-decoration:none; } #header #userNav a:hover, #header #userNav a:focus { color:#fff; text-decoration:underline; } #header #userNav a:active { color:#fff; text-decoration:none; } #header #userNav a.underlined { text-decoration: underline; } /* Main site navigation */ #header #mainNav { margin:0; padding:0; list-style-type:none; } #header #mainNav li { margin:0; display:block; width:90px; float:left; text-align:center; margin-right:1px !important; } #header #mainNav li a, #header #mainNav li.current a { display:block; min-height:33px; padding:5px 5px; color:#fff; } #header #mainNav li a:link, #header #mainNav li a:visited { background:#1996df url(/assets/img/nav_tabs/tab.gif) top; text-decoration:none; } #header #mainNav li.current a:link, #header #mainNav li.current a:visited { background:#fafbfc url(/assets/img/nav_tabs/tab_on.gif) top; text-decoration:none; color:#000; } #header #mainNav li a:hover, #header #mainNav li a:focus, #header #mainNav li a:active, #header #mainNav li.current a:hover, #header #mainNav li.current a:focus, #header #mainNav li.current a:active { background:#fafbfc url(/assets/img/nav_tabs/tab_on.gif) top; text-decoration:none; color:#000; } /* Style to center single line links */ #header #mainNav li .single { display:block; padding-top:8px; } #header #mainNav li .block { display:block; } /* Sale state style */ #header #mainNav li.sale a:link, #header #mainNav li.sale a:visited { color:#fff; background:url(/assets/img/nav_tabs/tab_sale.gif) no-repeat top left #c80025; } #header #mainNav li.sale a:hover, #header #mainNav li.sale a:focus, #header #mainNav li.sale a:active { background:url(/assets/img/nav_tabs/tab_on.gif) no-repeat top left #09123e; color:#000; } #header #mainNav li.saleYellow a:link, #header #mainNav li.saleYellow a:visited { color:#09123d; background:url(/assets/img/nav_tabs/off_top_summersale.gif) no-repeat top left #fff200; } #header #mainNav li.saleYellow a:hover, #header #mainNav li.saleYellow a:focus, #header #mainNav li.saleYellow a:active { background:url(/assets/img/nav_tabs/tab_on.gif) no-repeat top left #09123e; color:#000; } #header #mainNav li.saleYellow.current a:link, #header #mainNav li.saleYellow.current a:visited { background:#fafbfc url(/assets/img/nav_tabs/tab_on.gif) top; } #header #mainNav li.springSale a:link, #header #mainNav 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*/ #header #mainNav li.springSale.current a:link, #header #mainNav li.springSale.current a:visited { background:#fafbfc url(/assets/img/nav_tabs/tab_on.gif) top; } #header #mainNav li.springSale a:hover, #header #mainNav li.springSale a:focus, #header #mainNav li.springSale a:active { background:url(/assets/img/nav_tabs/tab_on.gif) no-repeat top left #09123e; color:#000; } #header #mainNav li.saleGreen a:link, #header #mainNav li.saleGreen a:visited { color:#09123d; background:url(/assets/img/nav_tabs/off_top_salegreen.gif) no-repeat top left #acca57; } #header #mainNav li.saleGreen a:hover, #header #mainNav li.saleGreen a:focus, #header #mainNav li.saleGreen a:active { background:url(/assets/img/nav_tabs/tab_on.gif) no-repeat top left #09123e; color:#000; } #header #mainNav li.saleMustard a:link, #header #mainNav li.saleMustard a:visited { color:#09123d; background:url(/assets/img/nav_tabs/off_top_autmunsale.gif) no-repeat top left #ffbf11; } #header #mainNav li.saleMustard a:hover, #header #mainNav li.saleMustard a:focus, #header #mainNav li.saleMustard a:active { background:url(/assets/img/nav_tabs/tab_on.gif) no-repeat top left #09123e; color:#000; } #header #mainNav li.xmasSale a:link, #header #mainNav li.xmasSale a:visited { color:#09123d; background:url(/assets/img/nav_tabs/xmas_sale.gif) no-repeat top left #ffbf11; } #header #mainNav li.xmasSale a:hover, #header #mainNav li.xmasSale a:focus, #header #mainNav li.xmasSale a:active { background:url(/assets/img/nav_tabs/tab_on.gif) no-repeat top left #09123e; color:#000; } #header #mainNav li.xmasSale.current a:link, #header #mainNav li.xmasSale.current a:visited { background:#fafbfc url(/assets/img/nav_tabs/tab_on.gif) top; } /* Page sub-navigation */ .subNav #content { width:507px; float:right; } #subNav { width:190px; float:left; } #subNav ul { list-style-type:none; margin-left:-10px; margin-right:-10px; padding-left:10px; padding-right:10px; } #subNav ul li { margin-left:0; margin-top:0; } #subNav p { margin:10px -10px 0 -10px; border:1px dotted #b5b7c5; border-width:1px 0; padding:5px 10px; } #subNav ul li ul { padding:5px 0 0 0; margin-top:0; } #subNav ul li ul li { margin-left:15px; padding:0 10px 0 7px; } #subNav .current { font-weight:bold; background:url('/assets/img/bg/menu_active.gif') 0 4px no-repeat; } /* Footer */ #footer { clear:both; margin-top:5px; font-size:0.9em; color:#fff; } #footer ul { margin:0 0 0 10px; padding:0; display:inline; list-style-type:none; } #footer ul li { display:inline; margin-right:3px; padding-left:5px; border-left:1px solid #fff; } #footer ul li.first { display:inline; margin-right:3px; padding-left:0; border-left:none; } #footer a:link, #footer a:visited { color:#fff; text-decoration:none; } #footer a:hover, #footer a:focus { color:#fff; text-decoration:underline; } #footer a:active { color:#fff; text-decoration:none; } #footer .copyright { margin:5px 0 10px 0; padding:10px; background:#09123e; } #overlay { position:absolute; top:0; left:0; z-index:101; text-align:left; width:400px; 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 { overflow:auto; 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:2.5em; color:#006fad; margin:10px 0; margin-left:30px; } h2 { font-size:1.6em; margin:10px 0; } h3 { font-size:1.5em; margin:10px 0; } h4 { font-size:1.2em; margin:10px 0; } h5, h6 { font-size:1em; margin:10px 0; } /* Special case headers */ .sidebar h2 { font-size:1.5em; } .maroonBox h3.important { color:#fff; background:url(/assets/img/icons/attention_red.gif) no-repeat; padding-left:21px; line-height:19px; } h4.important { color:#991f23; background:url(/assets/img/icons/attention.gif) no-repeat; padding-left:21px; line-height:19px; } .red { color:#991f23; } /* Basic links styles */ a { color:#09123e; text-decoration:underline; } a:link { } a:visited { } a:hover,a:focus { color:#991f23; } a:active { } blockquote{ margin:0 25px; font-style:italic; } blockquote p{ text-indent:-0.4em; } /* Misc styles */ p { margin:10px 0; } small, .small { font-size:0.8em; } .large { font-size:1.4em; } .blue { color:#006fad; } img { border:0; } ul { margin:10px 0; padding:0; padding-left:1.3em; } ol { margin-top:10px; margin-bottom:10px; } ul { list-style-type:disc; } ul li, ol li { margin:5px 0; } ul.bulletless { list-style-type:none; margin-left:0; padding-left:0; } ul.bulletless li { margin:0; padding:0; } ul.bulleted { list-style-type:none; margin-left:0; padding-left:0; } ul.bulleted li { margin:0; padding:0 0 0 15px; background:url(/assets/img/shared/arrow_bullet.gif) left center no-repeat; } .horizontalList { padding:0px; } .horizontalList li { line-height:1.4em; display:inline; margin:5px 0; padding:0; margin-right:5px; padding-right:5px; border-right:1px solid #b5b7c5; } .horizontalList li.noBorder { border-right:none; } .horizontalList li.last { border:none; margin-right:0; padding-right:0; } /* Horizontal rule */ div.hr { height:1px; background:#b5b7c5; margin:10px 0px 10px 0px; } 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; } /* 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 { padding-right:18px; background:url(/assets/img/bg/box/close.gif) right no-repeat; } /* 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:#0077ba; } .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:#2ea2e4 url(/assets/img/bg/box/aqua/bg.gif) bottom repeat-x; border-color:#0077ba; } .aquaBox .bBtm { background:#0189d7; 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:-4px -10px 10px -10px; padding:5px 10px; background:#0088d7; } .aquaBox div.hr, .aquaBox div.hrCompact { background:#0088d7; } /* 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 11px; 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; } /* 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:1px; z-index:1; margin-top:10px; zoom:1; } .tabbedNav ul { margin:0; padding:0; display:inline; } .tabbedNav li { margin:0; padding:0; display:block; background:url(/assets/img/tabs/tabs_details.gif) no-repeat left top; padding-left:10px; list-style-type:none; float:left; margin-right:4px; } .tabbedNav li a, .tabbedNav li span, .tabbedNav li h4 { text-decoration:none; display:block; background:url(/assets/img/tabs/tabs_details.gif) no-repeat right top; margin:0; padding:4px 10px 5px 0; font-size:1em; } .tabbedNav li.current { background:url(/assets/img/tabs/tabs_details_active.gif) no-repeat left top; font-weight:bold; } .tabbedNav li.current a, .tabbedNav li span, .tabbedNav li h4 { background:url(/assets/img/tabs/tabs_details_active.gif) no-repeat right top; } .tabbedNav li a:hover, .tabbedNav li a:focus { color:#09123e; } .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; } .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:314px; } .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-right:22px; } .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 12px; } /* 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; background:url(/assets/img/interactive_help/top.gif) top left repeat-x #09123e; color:#ced0d8; margin:10px 0; } #interactiveHelp .helpBtm { clear:both; height:7px; width:100%; display:block; } #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 { width:120px; height:44px; padding:9px 0 0 12px; display:block; text-indent:-9999px; margin:0; background:url(/assets/img/interactive_help/need_some_help.gif) bottom right no-repeat; } #interactiveHelp #pic { position:absolute; top:-8px; right:0; margin:0; } #interactiveHelp div { background:url(/assets/img/interactive_help/curve.gif) top left no-repeat; padding:10px; } #interactiveHelp a { color:#ced0d8; } #interactiveHelp a:hover { text-decoration:none; } #interactiveHelp ul { margin:0 0 0 5px; padding:0; list-style:none; } #interactiveHelp li { background:url(/assets/img/bg/box/interactive_help/bullet.gif) left 3px no-repeat; padding-left:10px; line-height:0; margin:0; } #interactiveHelp li a { color:#ced0d8; display:block; line-height:1.2em; } #interactiveHelp li a:hover { text-decoration:none; } #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; margin-bottom:10px; } #interactiveHelp .question { width:115px; height:20px; padding:4px 5px 0 5px; margin:0; border:none; background:url(/assets/img/interactive_help/input_bg.gif) top left no-repeat #fff!important; 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 #b5b7c5; font-size:1em; padding:1px; vertical-align:middle; } textarea, .textField, .initialTextField { border:1px solid #b5b7c5; font-size:1em; padding:2px; vertical-align:middle; } textarea { font-family:Arial, Helvetica, sans-serif; } .initialTextField { width:30px; } label { font-weight:bold; display:block; margin-bottom:0.2em; } fieldset { margin:10px 0; padding:10px; border:1px solid #b5b7c5; } fieldset legend { margin:0; padding:0; color:#006fad; font-size:1.2em; font-weight:bold; } fieldset.semantic { margin:0; padding:0; border:0; } fieldset.semantic legend { display:none; } .labelCol { float:left; width:auto; margin-right:10px; margin-top:2px; text-align:left; } .inputCol { float:left; width:auto; margin-right:10px; } .inputCol .colWidth { width:210px; } .inputCol select.colWidth { width:216px; } .formRow { clear:both; margin-bottom:5px; } .formRow .labelCol { float:left; margin:0; width:120px; text-align:right; } .formRow .inputCol { float:none; margin:0; margin-left:130px; } .wideForm .formRow .labelCol { width:222px; } .wideForm .formRow .inputCol { margin-left:232px; } .tickItem { display:block; position:absolute; margin-top:1px; } .tickItem input { margin:0; padding:0; } .tickText { display:block; padding-left:19px; font-size:0.9em; } .tickText 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.gif) no-repeat left top; cursor:pointer; font-size:18px; } .submitBtn input, .submitBtn button { background:url(/assets/img/buttons/redbutton_R.gif) no-repeat right top; font-size:11px; margin:0; padding:0; margin-left:7px; padding-right:7px; padding-top:1px; padding-bottom:2px; width:auto; border:0; cursor:pointer; color:#fff; vertical-align:middle; } .submitBtn a { color:#fff; text-decoration:none; } .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; } /*----------------------------------*\ 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; } /* -------------------------------------------------- *\ Table Styles \* -------------------------------------------------- */ .basicBox .tableDiv { margin:0 -10px; } .basicBox table { width:100%; border-collapse:collapse; } .basicBox table caption { display:none; } .basicBox tr { vertical-align:top; } .basicBox td, .basicBox th { padding:5px; font-weight:normal; } .basicBox .even { background:#e5f0f7; } .tableDiv .noTopBorder { border-top:none; } table .highlighted { background:#cce8f8; } .data { border-bottom:1px solid #7fb7d6; } .data th { border:1px solid #7fb7d6; border-width:1px 0; font-weight:bold; } .data td { border:1px dotted #7fb7d6; border-right-width:0; } table.paymentMethod { border-collapse:collapse; } table.paymentMethod td, table.paymentMethod th { padding:3px 0; } /* Table styles for booking information - used in MyTravelodge */ table.bookingTable th { font-weight:bold; border-top:1px solid #7fb7d6; } table.bookingTable th.noBorder { font-weight:bold; border-top:none; } table.bookingTable tr.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-right:18px; padding-bottom:2px; } .showLink { background:url(/assets/img/icons/plus.gif) right no-repeat; } .hideLink { background:url(/assets/img/icons/close_overlay.gif) right no-repeat; } /* -------------------------------------------------- *\ Homepage Styles \* -------------------------------------------------- */ .homepage .newHotels ul { min-height:87px; } .homepage .newHotels ul li { margin:2px 0; } /* Main promotion area */ .homepage .mainPromo { float:left; width:272px; margin-bottom:18px; } .homepage .mainPromo a { display:block; width:272px; height:348px; } /* 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 \* -------------------------------------------------- */ .singlePromo { width:222px; } .singlePromo a { width:100%; height:138px; display:block; text-decoration:none; } .singlePromo a span { position:relative; top:115px; display:block; text-align:right; margin-right:15px; text-decoration:underline; } .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:bold; } .saverRatePods .saverRatePod .bContent { height:175px!important;} .SandBRadioCol { float:left; } .SandBLabelCol { float:left; width:405px; margin-left:5px; } .SandBLabelCol label.choices { font-size:1.4em; font-weight:bold; margin-bottom:0; } #helpQuestions ul { margin:0; padding:0; height:200px; overflow:auto; list-style-type:none; } #helpQuestions li { margin:0; padding:0; margin:0 10px 5px 0; } #helpAnswer h4 { margin-top:0; } .largeMap { height:706px; width:686px; } #directionsMap { height:343px; width:686px; } #parkingMap { height:152px; width:327px; } #searchResultsMap.smallMap { height:352px; width:382px; } #searchResultsMap.largeMap { height:500px; width:918px; } #saverResultsMap { height:664px; width:664px; } .poiCategories label { display:inline; } .poiCategories ul { margin:10px 0; padding:0; margin-bottom:0; list-style-type:none; } .poiCategories ul ul { margin:5px 20px; margin-right:0; } .poiCategories li { margin:3px 0; } .hotelAtoZ .horizontalList { font-weight:bold; } .hotelAtoZ .horizontalList li { 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:5px;min-height:30px; height:auto !important; height:25px; margin-bottom:5px; } /* 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.gif) 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.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; } /* 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 */ 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:0 40px; margin-bottom:30px; } .bookingProgress ol { margin:0; padding:0; } .bookingProgress li { margin:0; padding:0; list-style-type:none; width:25%; float:left; text-align:center; line-height:1.2em; background:#fff url(/assets/img/search_and_book/progress/bg.gif) 50% 0 no-repeat; border-left:1px solid #006fad; margin-right:-1px; } .bookingProgress li.on { background:#cce8f8 url(/assets/img/search_and_book/progress/bg_on.gif) 50% 0 no-repeat; } .bookingProgress li.first { background-position:left; border:0; } .bookingProgress li.last { background-position:right; margin:0; } .bookingProgress span { position:relative; top:16px; } .bookingProgress li h1 { margin:0; padding:0; font-size:1.1em; color:#09123e; } .searchResults { margin:10px 0; padding:0; margin-left:-11px; background:url(/assets/img/bg/sah_list_view.gif) right repeat-y; } .searchResults .searchResult { margin:0; padding:0; border:1px solid #b5b7c5; padding:10px; margin-bottom:-1px; background:url(/assets/img/search_and_book/results/bubble_key/a.gif) 507px 10px no-repeat; } .searchResults .thumbnail { float:left; width:204px; margin-right:10px; } .searchResults .details { float:left; width:301px; } .searchResults .details h4 { font-size:1.5em; margin:0; padding-right:35px; margin-right:-7px; padding-bottom:5px; } .searchResults .details .distance { margin-top:-5px; } .searchResults .details .price { font-size:2.8em; line-height:0.8em; } .searchResults .details .bookNow { margin:1.8em 45px 0 0; } .searchResults .details .checkBox { position:relative; } .searchResults .details .checkBox label { display:inline; font-weight:normal; margin-right:30px; } .searchResults .details .checkBox input { position:absolute; top:-2px; right:-4px; } .searchResults .bubbleA { background-image:url(/assets/img/search_and_book/results/bubble_key/a.gif); } .searchResults .bubbleB { background-image:url(/assets/img/search_and_book/results/bubble_key/b.gif); } .searchResults .bubbleC { background-image:url(/assets/img/search_and_book/results/bubble_key/c.gif); } .searchResults .bubbleD { background-image:url(/assets/img/search_and_book/results/bubble_key/d.gif); } .searchResults .bubbleE { background-image:url(/assets/img/search_and_book/results/bubble_key/e.gif); } .saverResults th { font-weight:bold; } .saverResults td { border-top:1px solid #7fb7d6; } .saverResults th.day span { display:block; font-weight:normal; } .saverResults th.arrow { padding-left:0; padding-right:0; vertical-align:bottom; } .saverResults th.hotel { border-top:1px solid #7fb7d6; } .saverResults th.hotel span { display:block; font-weight:normal; font-size:0.9em; } .saverResults td.day { padding:0; border:1px solid #fff; } .saverResults td.day a { display:block; text-decoration:none; } .saverResults td.day .price { display:block; line-height:3.2em; color:#fff; font-size:1.4em; font-weight:bold; } .saverResults td.flexible .price { background:#008bdc; } .saverResults td.saver .price { background:#eb6e19; } .saverResults td.sale .price { background:#c80025; } .saverResults td.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.saleMustard .price { background:#FFBF10 url(/assets/img/sale/autumn_sale/grid_bg.gif) top left no-repeat; color:#09123f; } .saverResults td.noRooms { background:#b5b7c5; } /* 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.noRooms .price { font-size:0.9em; font-weight:normal; line-height:1.2em; padding:12px 5px; } /* Added for penny price - start */ .saverResults td.day .pennyprice { display:block; line-height:4.6em; color:#fff; font-size:1.0em; font-weight:bold; } .saverResults td.flexible .pennyprice { background:#008bdc; } .saverResults td.saver .pennyprice { background:#eb6e19; } .saverResults td.sale .pennyprice { background:#c80025; } .saverResults td.saleGreen .pennyprice { background:#d3df89 url(/assets/img/sale/easter_sale/grid_bg.gif) top left no-repeat; color:#09123f; } .saverResults td.springSale .pennyprice { background:#FFBF10 url(/assets/img/sale/spring_sale/grid_bg.gif) top left no-repeat; color:#09123f; } .saverResults td.saleMustard .pennyprice { background:#FFBF10 url(/assets/img/sale/autumn_sale/grid_bg.gif) top left no-repeat; color:#09123f; } .saverResults td.noRooms .pennyprice { font-size:0.9em; font-weight:normal; line-height:1.2em; padding:12px 5px; } /* 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; padding-left:25px; } .basket .tableDiv { margin-top:5px; margin-bottom:5px; } .basket th, .basket td { border:1px solid #7fb7d6; border-width:1px 0; font-weight:bold; } .summaryPrice { font-size:1.85em; } .basketBox .bPadding { padding-bottom:0; } .basketBox .bBtm { border-color:#006fad; background:url(/assets/img/bg/box/basket/b.gif) repeat-x; } .basketBox .bBtm .bBtmL { background:url(/assets/img/bg/box/basket/bl.gif) no-repeat; } .basketBox .bBtm .bBtmR { background:url(/assets/img/bg/box/basket/br.gif) no-repeat; } #roomExtras th, #roomExtras td { border:1px solid #7fb7d6; border-width:1px 0; padding:10px; } #roomExtras .fieldHeader td, #roomExtras .fieldHeader th { border-bottom:0; } #roomExtras .splitRow td, #roomExtras .splitRow th { border-top:0; border-bottom:0; } #roomExtras .caption { font-size:1.2em; font-weight:bold; text-align:right; } #roomExtras .amount { font-size:1.2em; border-left:1px solid #006fad; text-align:right; } #roomExtras h4 a { text-decoration:none; background:url(/assets/img/icons/query.gif) no-repeat right top; padding-right:25px; padding-bottom:3px; } #roomExtras .tickBold label { font-weight:normal; } #roomExtras .highlighted .amount, #roomExtras .highlighted .tickBold label { font-weight:bold; } #roomExtras .minorTotal .amount, #roomExtras .majorTotal .amount { background:#cce8f8; font-weight:bold; } #roomExtras .checkInNote { background:url(/assets/img/icons/clock_3pm.gif) no-repeat right top; display:block; padding-right:45px; min-height:45px; } #roomExtras .checkInNoteActive { background-image:url(/assets/img/icons/clock_noon.gif); } #roomExtras .checkOutNote { background:url(/assets/img/icons/clock_noon.gif) no-repeat right top; display:block; padding-right:45px; } #roomExtras .checkOutNoteActive { background-image:url(/assets/img/icons/clock_2pm.gif); } /* 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 .headRow1 th { vertical-align:bottom; border-top-width:0; border-bottom-width:0; } .roomsRates .headRow2 th { vertical-align:bottom; border-top-width:0; border-bottom-width:0; } .roomsRates th { border:1px solid #7fb7d6; border-width:1px 0; vertical-align:middle; font-weight:bold; } .roomsRates td { border:1px solid #7fb7d6; border-width:1px 0; vertical-align:middle; } .roomsRates .small { font-size:0.9em; } .roomsRates .soldOut { color:#b5b7c5; } .roomsRates .price { text-align:center; background:#f2f3f5; padding-left:6px; padding-right:6px; border-left:1px solid #fff; } .roomsRates td.flexible { background:#008bdc; font-weight:bold; color:#fff; border-bottom:1px solid #7FB7D6; } .roomsRates td.saver { background:#eb6e19; font-weight:bold; color:#fff; border-color:#fff; } .roomsRates td.sale { background:#c80025; font-weight:bold; color:#fff; border-color:#fff; } .roomsRates 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 .roomType { font-weight:normal; vertical-align:top; width:150px; } .roomsRates .rateType { border-left:1px solid #cce2ef; font-size:0.9em; } .roomsRates .roomTotal { border-left:1px solid #006fad; border-right:1px solid #006fad; font-size:1.2em; text-align:right; } .roomsRates .totalRow td { border:0; } .roomsRates td.totalLabel { text-align:right; font-weight:bold; } .roomsRates td.totalPrice { text-align:right; font-weight:bold; font-size:1.5em; background:#cce8f8; border:1px solid #006fad; border-bottom:3px solid #006fad; } .bookingDetails dt { clear:left; float:left; display:inline; font-weight:bold; text-align:right; padding-right:5px; width:75px; margin-bottom:0.4em; } .bookingDetails dd { margin-left:80px; margin-bottom:0.4em; } .bookingBreakdown .caption th { font-size:1.4em; font-weight:bold; border:1px solid #b5b7c5; border-width:1px 0; background:#e6e7eb; } .bookingBreakdown th { text-align:left; } .bookingBreakdown td { text-align:right; } .bookingBreakdown .subTotal th, .bookingBreakdown .subTotal td { font-size:1.2em; font-weight:bold; border:1px solid #b5b7c5; border-width:1px 0; } .bookingBreakdown .total th, .bookingBreakdown .total td { font-size:1.4em; font-weight:bold; border:1px solid #b5b7c5; border-width:1px 0; background:#e6e7eb; } .calendar th { font-weight:bold; } .calendar th, .calendar td { border:1px solid #b5b7c5; text-align:center; padding:4px; font-size:0.9em; width:14%; } .calendar td.inactive { background:#dedfe5; } .calendar td.active { background:#c90026; color:#fff; font-weight:bold; padding:0; } .calendar td.active span { display:block; padding:2px; border:2px solid #09123e; background:url(/assets/img/bg/cell_active.gif) 50% 100% no-repeat; } .calendar td.past { color:#b5b7c5; } .calendar .noBorder { border:0; } a.email { background:url(/assets/img/icons/icon_email.gif) 0 0 no-repeat; padding:6px 0 6px 30px; } a.print { background:url(/assets/img/icons/print_details.gif) 0 0 no-repeat; padding:6px 0 6px 30px; } .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; padding:0; padding-left:25px; margin-bottom:1em; } /* Business Customers (Harry Roberts) */ #tAndCLinks{clear:both; margin-left:355px;} /* Change Password (Harry Roberts) */ #passwordStrength{ float:right; width:325px; margin-top:-72px; } .jsPasswordStrength{ width:225px; } #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; }