/**/ body { background-color: #eff3f7; color: #666; font-family: verdana, sans-serif; font-size: 100.1%; margin: 0px; padding: 0px; } h1 { margin: 20px 0px 15px; padding: 0px; color: #005baa; font-size: 156%; font-family: helvetica, sans-serif; font-weight: normal; line-height: 1.2em; } h2 { margin: 15px 0px 5px; padding: 0px; color: #666; font-size: 120%; font-family: helvetica, sans-serif; font-weight: bold; text-transform: uppercase; clear: none; } * html h1, * html h2 { font-family: arial, sans-serif; } * html h2 { font-size: 125%; } h3 { margin: 20px 0px 15px; padding: 0px 0px 10px; color: #333; font-size: 102%; line-height: 1.3em; background: url(../img/misc/dots.gif) bottom left repeat-x; } div.rule { background: url(../img/misc/dots.gif) left center repeat-x; margin-top: 1em; } p { margin: 0px 0px 0.6em; padding: 0; line-height: 1.4em; } p.serviceQuote { font-size: 150%; font-family: helvetica, sans-serif; line-height: 1.2em; text-align: center; width: 220px; float: right; clear: right; color: #5391c7; } p.serviceQuoteL { font-size: 150%; font-family: helvetica, sans-serif; line-height: 1.2em; text-align: center; width: 220px; float: left; clear: left; color: #5391c7; } * html p.serviceQuote, * html p.serviceQuoteL { font-family: arial, sans-serif; } p.serviceQuote, p.serviceQuoteL{ padding-right:220px; padding-bottom:10px; } p.red { color: #D95834; padding-right:0px ;} p.green { color: #BED63D; } p.blue { color: #71C8C1; } /* 00a5a9 */ p.orange { color: #F8981C; } a, a:link { text-decoration: none; color: #005baa; } a:hover { text-decoration: underline; } a img { border: none; } .lf { float: left; margin: 0px 20px 15px 0px; clear: left; } .rf { float: right; margin: 0px 0px 15px 20px; clear: right; } .cf { float: left; margin: 0px 20px 15px 0px; clear: left; } .mainButton{width:158px;} /* Image appearing in news headlines */ .rfNews { float: right; margin: 0px 0px 0px 20px; clear: right; } .rfNews img { border: 1px solid #c6d5e2 } /* Content wrapper with styles to fix float clearing problems */ div.content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.content { display: inline-table; } /* Hides from IE-mac \*/ * html div.content { height: 1%; } div.content { display: block; } /* End hide from IE-mac */ div.image { float: right; clear: right; margin: 0px 0px 15px 20px; } div.image p { padding: 6px 10px 8px; background: #005baa; color: #fff; /* font-size: 92%; */ font-size: 11px; font-style: italic; border-top: 1px solid #fff; } br.hidden { display: none; } a.skiplink { position: absolute; left: -1px; } a.skiplink img { visibility: hidden; } table, ul, ol, dl { font-size: 100%; } dt { font-weight: bold; font-style: italic; } dd { padding: 0; margin: 0.5em 0em 1em 2em; } form { margin: 0; } optgroup { font-weight: normal; } ul.quicklinks { margin: 0; padding: 0; margin-bottom: 1em; list-style-image: url(../img/misc/arrow.gif); list-style-position: inside; } ul.quicklinks li { margin: 0; padding: 0; vertical-align: middle; } ul.quicklinks li a { position: relative; top: -6px; font-weight: bold; } * html ul.quicklinks li a { top: 1px; padding: 3px 0px; line-height: 1.7em } ul.quicklinks .spacer { padding-left: 2em; line-height: 1.5em; padding-bottom: 0.5em; } ul.quicklinks .spacer:lang(en) { padding-left: 2.6em; padding-bottom: 0em; } #homeLayout ul.quicklinks { margin-bottom: 0; } td.mainR ul.quicklinks { padding-left:0; font-size: 90%; } /* Hide from IE/Mac \*/ * html ul.quicklinks li { padding: 3px 0px; line-height: 1.3em; } * html ul.quicklinks li a { line-height: 1.3em; padding-left: 6px; } * html ul.quicklinks .spacer { padding-left: 2.2em; } ul.quicklinks a:hover * { text-decoration: underline; } /* Fix underlining in Moz */ /* End hide */ .bold { font-weight: bold; } .link { color: #005baa; } .large { font-size: 120%; } .smaller { font-size: 85%; line-height: 1.35em } .centre { text-align: center; } .centre img { display: inline; margin-right: 1em; } /**/ /**/ /* Layout styles */ #pageWrapper { width: 800px; margin-left: 0; margin-right: auto; position: relative; font-size: 70%; background: #fff; color: #666; } * html body { text-align: left; } /* center in IE */ * html #pageWrapper { text-align: left; } #header { color: #99bddd; height: 180px; position: relative; z-index: 10;} /* Plain background colour - I think this is what it is supposed to be... */ /* #header { background: #005baa; }*/ /* Faded background colour - ...looks better! */ #header { background:#005baa url(../img/misc/header_bg.gif) top left repeat-x; } #header #logo { margin-left: -4px; color:#fff; } /* Positioning for IE/Mac */ /* Hide from IE/Mac \*/ #header #logo { margin-left: 0px; display: block; } /* End hide */ #header #phone { text-align: left; float: right; margin: 0; padding: 6px 0px 0px; position: relative; width: 530px; height: 24px; } #header #phoneRight { text-align: right; float: right; margin: 0; border:0px; padding: 6px 0px 0px; position: relative; right:23px; .right:41px; width: 530px; height: 24px; } #header #phoneRights { text-align: center; float: right; margin: 0; border:0px; padding: 6px 0px 0px; position: relative; right:23px; .right:41px; width: 530px; height: 24px; } #header #gallery { height: 120px; background: #005baa; color: #fff; float: left; margin: 0; } #header #quote { float: right; margin: 0px; } #pagebody { padding: 0px 0px 40px; } #homeLayout { width: 720px; border-collapse: collapse; table-layout: auto; margin: 0px 20px; } #homeLayout td { padding: 0; width: 220px; padding-right: 20px; vertical-align: top; } #homeLayout td#homePageH1 { width: 460px; } #homeLayout td#homePageH1 h1 { margin-bottom:0px;} #mainLayout { width: 760px; border-collapse: collapse; table-layout: auto; margin-top: 15px; } #mainLayout td { vertical-align: top; } * html #mainLayout { font-size: 90%; } td.mainL { width: 220px; padding: 0; padding-right: 20px; padding-top: 11px; } * html td.mainL { padding-top: 13px; } /* Hide from IE/Mac \*/ * html td.mainL { font-size: 111%; } /* End hide */ td.mainR { padding: 0; font-size: 111%; padding-right: 40px; } /* Hide from IE/Mac \*/ * html td.mainR { font-size: 130%; } /* End hide */ td.mainR h1 { font-weight: bold; color: #5391c7; } td.mainR h2 { text-transform: none; margin-bottom: 5px; } td.mainR h3 { background: none; padding: 0; font-size: 100%; } td.mainR h4 { font-size: 90%; } td.mainR ul { list-style-type: square; padding-left: 1.5em; } * html td.mainR ul { padding: 0; margin-left: 1.5em; } td.mainR li { padding: 0.3em 0em; } #footer { border-top: 5px solid #488ac3; background: #005baa; color: #BFD4E6; padding: 12px 20px 20px; line-height: 1.65em; } #footer a, #footer span.divider { color: #ccdeee; } #footer #copyright { float: right; margin-right: 0px; font-size: 83%; } /**/ /**/ /*** Home page elements ***/ /* Dark blue box out (customer service panel) */ #csPanel { position: relative; width: 222px; height: 184px; background:#4385BE url(../img/misc/box_shadow.gif) top left no-repeat; color: #fff; } body.home #csPanel { position: relative; width: 225px; height: 352px; background:#4385BE url(../img/misc/box_shadow_long.gif) top left no-repeat; color: #fff; } #csPanel div.inside { padding: 10px; } #csPanel h2 { color: #c4d7e7; margin-top: 0; padding: 2px; text-transform: uppercase; font-size: 15px; } #csPanel p { padding: 0px 12px 0px 3px; font-size: 12px; } #csLinks { margin: 6px 4px 4px; color: #fff; line-height: 1.5em; } * html #csLinks { line-height: 1.6em; } #csLinks a { color: #fff; } .news-section{ float:left; padding-bottom:20px; background: url(../img/misc/dots.gif) top left repeat-x; padding-top:10px; margin-top:8px; } #news-sections{ background: url(../img/misc/dots.gif) top left repeat-x; text-align: center; font-size: 100%; padding-top:10px; margin-top:8px; } * html div.news-section{ padding-top:10px; float:left; padding-bottom:20px; } /* OnLine popup */ #onlineLayout { width: 100%; background: #005baa url(../img/misc/header_bg.gif) top left repeat-x; font-size: 70%; color: #99bddd; } #onlineLayout a { color: #99bddd; } #onlineLayout a.header {font-weight: bold; text-transform: uppercase; } #onlineLinks a { color: #99bddd; } #onlineLinks a.header { font-weight: bold; text-transform: uppercase; } #onlineLayout #selectBox { float: right; } #onlineLayout #selectBox select { font-size: 100%; } #onlineLayout .button { font-size: 100%; } /* Corporate video link */ #videoButton { margin-top: 14px; } #videoButton img { float: left; margin: 0; margin-right: 5px; } #videoButton h2 { color: #00559F; margin-top: 2px; font-size: 110%; line-height:1.2em; } #videoButton h2 a.video { line-height:1.3em; padding-right:20px; padding-top:2px; background: url(../img/misc/video.gif) right center no-repeat; } #videoButton h2 a.flash { line-height:1.3em; padding-right:20px; padding-top:2px; background: url(../img/misc/flash.gif) right center no-repeat; } #videoButton h2 { padding-left: 7px; background: url(../img/misc/small_arrow.gif) left center no-repeat; } * html #videoButton h2 { position: relative; height: 1%; } /* Promoted news item */ div.feature { padding-top: 5px; padding-bottom: 15px; background: url(../img/misc/dots.gif) bottom left repeat-x; } div.feature a.header { font-weight: bold; display: block; } div.feature img { float: left; margin: 0; margin-right: 6px; } div.feature:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.feature { display: inline-table; } /* Hides from IE-mac \*/ * html div.feature { height: 1%; } div.feature { display: block; } /* End hide from IE-mac */ #featureLinks { margin: 8px 0px 4px; color: #005baa; } #featureLinks a { color: #005baa; } /* Map */ #mapholder { position: relative; height: 250px; width: 220px; float: right; 20px; z-index: 0; } #mapholder img { position: absolute; top: 0; left: 0; } #mapholder img.overlay { display: block; } #mapholder #selectBox { float: right; position: relative; width: 120px; z-index: 10; top: 40px } #mapholder #selectBox p { color: #858585; font-size: 83%; font-style: italic; line-height: 1.4em; margin-top: 0.7em; width: 100px; margin-left: 3px; } #mapholder #selectBox select { width: 120px; font-size: 100%; } /* Make sure font-sizes on national network page same as on home page */ td.mainR #mapholder #selectBox p { font-size: 75%; } * html td.mainR #mapholder #selectBox p { font-size: 70%; } td.mainR #mapholder #selectBox select { font-size: 90%; } * html td.mainR #mapholder #selectBox select { font-size: 86%; } /* Tooltips for map */ div.tooltip { position: absolute; width: 131px; z-index: 100; visibility: hidden; font-family: verdana, sans-serif; } div.tooltip:hover { visibility: visible; } div.tooltip div.top { background: url(../img/misc/tooltip_top.gif) top left no-repeat; height: 2px; font-size: 1px; } div.tooltip div.mid { background: url(../img/misc/tooltip_mid.gif) top left repeat-y; padding: 6px 9px; } * html div.tooltip div.mid { font-size: 10px; } div.tooltip div.base { background: url(../img/misc/tooltip_base.gif) bottom left no-repeat; height: 12px; font-size: 1px; } div.tooltip div.mid:lang(en) { margin-bottom: -1px } /* Fix for Moz */ div.tooltip h2, div.tooltip a { margin: 0; padding: 0; font-size: 85%; font-family: verdana, sans-serif; } * html div.tooltip a { font-size: 95%; } div.tooltip h2 { color: #333; } div.tooltip a { display: block; padding: 0.6em 0em 0em; margin: 0; } /* Make sure font-size on national network page same as on home page */ td.mainR div.tooltip { font-size: 90%; } * html td.mainR div.tooltip { font-size: 77%; } /* Position tooltip popups */ #region256 { left: 54px; bottom: 46px; } /* South West */ #region255 { left: 104px; bottom: 56px; } /* South East */ #region254 { left: 88px; bottom: 45px; } /* London */ #region258 { left: 98px; bottom: 80px; } /* East */ #region257 { left: 82px; bottom: 84px; } /* Midlands */ #region259 { left: 20px; bottom: 84px; } /* Wales */ #region260 { left: 57px; bottom: 130px; } /* North */ #region261 { left: 20px; bottom: 174px; } /* Scotland */ #region297 { left: 74px; bottom: 45px; } /* South Central */ /**/ /**/ /*** Detail page elements ***/ /* Subnav */ #subnav { padding-left: 20px; padding-bottom: 1.3em; background: url(../img/misc/dots.gif) bottom left repeat-x; } #subnav h2 { color: #005baa; font-size: 102%; text-transform: uppercase; } #subnav div.parent h2 { color: #666; margin-bottom: 8px; } #subnav div.parent h2 a { display: inline; line-height: normal; } #subnav div.parent h2 a:hover { background: none; color: #666; padding-left: 0px; text-decoration: underline; } #subnav div.parent h2 span { font-family: verdana, sans-serif; font-size: 90%; padding-left: 3px; } #subnav div.child { margin: 0px; padding: 0px; border-bottom-width: 0px; } #subnav div.child h2 { padding-top: .3em; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } #subnav a { display: block; line-height: 1.7em; color: #666; } #subnav a:hover { text-decoration: none; background-color: #005baa; color: #fff; font-weight: bold; padding-left: 5px; } #subnav a.current, #subnav a.current:hover { font-weight: bold; background-color: #fff; color: #666; padding-left: 0px; } #subnav br { display: none; } #subnav a.indent { text-indent: 1.5em; } /* Subnav preceding and following parent items */ #subnav #subnavPrecedingItems { background: url(../img/misc/dots.gif) bottom left repeat-x; padding-bottom: .4em; margin-bottom: .1em; } #subnav #subnavIndent { padding-left: 1em; } #subnav #subnavFollowingItems { background: url(../img/misc/dots.gif) top left repeat-x; margin-top: .1em; padding-top: .4em; } /* Quick links */ #qLinks { padding-left: 20px; } #qLinks h2 { font-size: 102%; text-transform: uppercase; } /* Quotes */ div.quote { background: url(../img/misc/quote_left.gif) top left no-repeat; margin-top: 1em; } div.quote div.inside { background: url(../img/misc/quote_right.gif) bottom right no-repeat; padding-left: 34px; font-size: 95%; } div.quote div.inside:lang(en) { font-size: 100%; } /* Font-size for FF/Moz */ div.quote p { margin-right: 34px; padding: 7px 0px 14px; color: #808080; line-height: 1.5em; } div.quote div.rule { border-bottom: 1px solid #ebecec; margin: 0px 34px; background: none; } div.quote div.pinEditGenerated p { margin: 0; margin-right: 34px; padding: 0; padding-top: 7px; } /* Pale blue panel e.g. news */ div.panel { width: 481px; margin: 1.8em 0em; font-size: 92%; } div.panel div.head { background: url(../img/panel/panel_top.gif) top left no-repeat; padding-top: 10px; } div.panel div.mid { background: #f2f8fc; border-left: 1px solid #c6d5e2; border-right: 1px solid #c6d5e2; padding: 0px 15px 0px; } div.panel div.base { background: url(../img/panel/panel_base.gif) bottom left no-repeat; padding-top: 10px; } div.panel p { margin: 0; } div.panel h2 { margin: 0.2em 0em 0.1em; font-size: 100%; text-transform: uppercase; } div.panel div.rule { background: none; height: 1px; font-size: 1px; border-bottom: 1px solid #c6d5e2; margin: 8px 0px; } div.panel table.basic { margin: 0em; } div.panel h2 { margin-top: 0; } /* Image for news headlines panel */ div.newsImage { float: left; margin: 0; margin-right: 6px; } /* Dark blue box out e.g. booking page */ div.boxPanel { position: relative; width: 480px; height: 180px; background:#4385BE url(../img/misc/box_shadow_lg.gif) top left no-repeat; color: #fff; margin-top: 2em; margin-bottom: 1.6em; } div.accountActivity { width: 480px; height: 240px; background:#4385BE url(../img/misc/box_shadow_lg2.gif) top left no-repeat; } div.boxPanel div.inside { padding: 12px 18px; } div.boxPanel h2 { color: #dae8f3; margin-top: 0; padding: 2px 2px 0px; font-size: 140%; } td.mainR div.boxPanel h2 { text-transform: uppercase; } /* Quiktrak panel */ table.quiktrak { font-size: 95%; border-collapse: collapse; margin: 0; } table.quiktrak th, table.quiktrak td { text-align: left; padding: 3px 6px; } input#quiktrakButton { position: absolute; right: 24px; bottom: 21px; } input#quiktrakButtonSD { position: absolute; left: 12px; bottom: 21px; } input#quiktrakButtonND { position: absolute; left: 154px; bottom: 21px; } input#quiktrakButtonI { position: absolute; right: 17px; bottom: 21px; } /* Summary e.g. international courier */ div.summary { font-size: 92%; } div.summary p { margin-top: 1em; margin-bottom: 1em; } div.summary p.serviceQuote { font-size: 170%; margin-top: 0; } /* Credit Card logos */ div#ccLogos { float: left; margin: 1em 25px; width:440px;} div#ccLogos img { float: left; margin-right: 20px; } /* Corporate video link on About us page */ #aboutPage #videoButton { padding-left: 20px; } /**/ /**/ /*** General buttons div - for common button styles ***/ div.buttons a { display: block; } div.buttons a:hover { text-decoration: none; } div.buttons i { visibility: visible !important; text-align:left; border:1px solid #ccc; padding:4px; display:block; width:130px; margin:5px; font-size:11px; background-color:#dee; border-left:2px solid #BDDBDB; border-top:2px solid #BDDBDB; border-right:2px solid #6AB4B4; border-bottom:2px solid #6AB4B4; } div.buttons br { display: none; } /* For better display in lynx */ div.buttons span{ position: absolute; left:0px; width: 100%; height: 100%; } /*** Customer buttons - Home/Booking ***/ body.home #csButtons { } #csButtons a span{left:0px; width: 197px; height: 39px; } body.home #csButtons a span{left:0px; width: 197px; height: 38px !important; } #csButtons a { width: 197px; height: 39px; margin-bottom: 0px; } #csButtons a#track_a_parcel2, #csButtons a#booking_tracking, #csButtons a#booking{ width: 197px; height: 54px; margin-bottom: 0px; } #csButtons a:hover span, #csButtons a:hover { background-position: 0% -39px; cursor:pointer;} body.home #csButtons a:hover span, body.home #csButtons a:hover { background-position:bottom left !important; cursor:pointer;} #csButtons a#track_a_parcel{margin-bottom:0px; height:54px; margin-bottom: 2px; } #csButtons a#track_a_parcel span{left:0px; width: 197px; height: 54px; } #csButtons a#track_a_parcel:hover span, #csButtons a#track_a_parcel:hover { background-position: 0% -55px; cursor:pointer;} #csButtons a { position: relative; overflow:hidden; } #csButtons a i{ padding:4px; width:130px; } /*** Slightly different for a more button-like appearance ***/ #csPanel i { width:180px !important; border-left:2px solid #BDDBDB; border-top:2px solid #BDDBDB; border-right:2px solid #346998; border-bottom:2px solid #346998; } a#book_online span { background: url(../img/buttons/customer/book_online.gif) top left no-repeat; } a#track_a_parcel span { background: url(../img/buttons/customer/track_a_parcelb.gif) top left no-repeat; } a#account_activity span { background: url(../img/buttons/customer/account_activity.gif) top left no-repeat; } body.home #csButtons a.csButtonsLarge span, body.home #csButtons a.csButtonsLarge {left:0px; width: 197px; height: 54px !important; } body.home #csButtons a.csButtonsLarge:hover span, body.home #csButtons a.csButtonsLarge:hover { background-position:bottom left !important; cursor:pointer; } /* Diff image for button on Booking page */ a#track_a_parcel2 span{ background: url(../img/buttons/customer/track_a_parcel2b.gif) top left no-repeat; left:0px; height:53px;} a#booking_tracking span{ background: url(../img/buttons/customer/booking_tracking.gif) top left no-repeat; left:0px; height:53px;} a#booking span{ background: url(../img/buttons/customer/booking.gif) top left no-repeat; left:0px; height:53px;} a#track_a_parcel2, a#booking_tracking{ margin-top:13px;} a#track_a_parcel2:hover span, a#track_a_parcel2:hover, a#booking_tracking:hover span, a#booking_tracking:hover, a#booking:hover span, a#booking:hover { background-position: 0% -53px; cursor:pointer;} a#track_a_parcel2, a#booking_tracking, a#booking span { } /*** Services buttons - Home/Services ***/ #servicesButtons { margin-top: 0; } #servicesButtons i { padding:4px; width: 200px; } #servicesButtons a { width: 220px; height: 33px; margin-bottom: 6px; position: relative; overflow:hidden; } #servicesButtons a:hover span, #servicesButtons a:hover { background-position: 0% -33px; cursor:pointer; } /* Modified style for buttons on Services page */ #servicesButtons2 { margin-top: 0; float: right; margin-left: 20px; } #servicesButtons2 a { width: 220px; height: 33px; margin-bottom: 12px; position: relative; overflow:hidden; } #servicesButtons2 a:hover span, #servicesButtons2 a:hover { background-position: 0% -33px; cursor:pointer;} a#sameday_courier span{ background: url(../img/buttons/services/sameday_courier.gif) top left no-repeat; } a#sameday_courier_home span{ background: url(../img/buttons/customer/samedaycourier.gif) top left no-repeat; } a#international_courier span { background: url(../img/buttons/services/international_courier.gif) top left no-repeat; } a#international_courier_home span { background: url(../img/buttons/customer/internationalcourier.gif) top left no-repeat; } a#quiktrak_courier_loc span { background: url(../img/buttons/customer/quiktrakcourierloc.gif) top left no-repeat; } a#accountactivity span { background: url(../img/buttons/customer/accountactivity.gif) top left no-repeat; } a#nextday_courier span { background: url(../img/buttons/services/nextday_courier.gif) top left no-repeat; } a#nextday_courier_home span { background: url(../img/buttons/customer/nextdaycourier.gif) top left no-repeat; } a#specialist_services span { background: url(../img/buttons/services/specialist_services.gif) top left no-repeat; } /*** Buttons for new NDI switch page ***/ #servicesButtonsndi { float: left; margin: 0; } #servicesButtonsndi a { width: 220px; height: 150px; position: relative; overflow:hidden; } #servicesButtonsndi a:hover span, #servicesButtonsndi a:hover { background-position: 0% -150px; cursor:pointer;} a#new_ndi_online span{ background: url(../img/buttons/misc/new_ndi_online.gif) top left no-repeat; } a#old_ndi_online span{ background: url(../img/buttons/misc/old_ndi_online.gif) top left no-repeat; } a#new_online span{ background: url(../img/buttons/misc/new_online_thumb.gif) top left no-repeat; } a#old_online span{ background: url(../img/buttons/misc/old_online_thumb.gif) top left no-repeat; } /*** Smaller services buttons - Online Booking & Accoutn Activity pages ***/ #smallServiceButtons span{ float: right; margin-bottom: 1em; font-size: 2px; } #smallServiceButtons a { float: left; width: 150px; height: 25px; margin-right: 9px; } #smallServiceButtons a:hover span, #smallServiceButtons a:hover { background-position: 0% -25px; cursor:pointer;} a#sameday_courier_small span { background: url(../img/buttons/services/sameday_courier_small.gif) top left no-repeat; } a#international_courier_small span { background: url(../img/buttons/services/international_courier_small.gif) top left no-repeat; } a#nextday_courier_small span { background: url(../img/buttons/services/nextday_courier_small.gif) top left no-repeat; } a#specialist_services_small span { background: url(../img/buttons/services/specialist_services_small.gif) top left no-repeat; } a#view_account_activity_small span { background: url(../img/buttons/services/view_account_activity_small.gif) top left no-repeat; } #smallServiceButtons i { padding:3px; width: 135px; background:none; border:none; } #smallServiceButtons a:hover i { text-decoration:underline; } #smallServiceButtons a { width: 150px; height: 25px; margin-bottom: 6px; position: relative; overflow:hidden; } /*** Map button 'View all service centres' ***/ #mapButton { float: right; margin-bottom: 1.2em; clear: right; } #mapButton a { width: 147px; height: 25px; background: url(../img/buttons/misc/service_centres.gif) top left no-repeat; font-size: 2px; } #mapButton a:hover { background-position: 0% -25px; } /*** Promoted paths buttons ***/ #promotedSingle, #promotedDouble, #promotedTriple { margin-left: auto; margin-right: auto; } #promotedSingle a, #promotedDouble a, #promotedTriple a { display: block; float: left; width: 154px; height: 138px; margin-top: 1em; margin-bottom: 1em; } #promotedSingle a:hover, #promotedDouble a:hover, #promotedTriple a:hover { background-position: 0% -138px; cursor:pointer; } #promotedSingle a:hover span, #promotedDouble a:hover span, #promotedTriple a:hover span { background-position: 0% -138px; cursor:pointer; } #promotedSingle { width: 154px; } #promotedDouble { width: 360px; } #promotedDouble a { margin-right: 20px; } #promotedTriple a { margin-right: 5px; } /* Images for promoted buttons */ a#promo_courier_vac span{ background: url(../img/buttons/promoted/courier_vacancies.gif) top left no-repeat; } a#promo_general_vac span{ background: url(../img/buttons/promoted/general_vacancies.gif) top left no-repeat; } #promotedDouble a , #promotedSingle a, #promotedSingles a { width: 158px; height: 135px; position: relative; overflow:hidden; } #promotedDouble a i, #promotedSingle a i, #promotedSingles a i { padding:4px; width:130px; } /* a#promo_book_online { background: url(../img/buttons/promoted/book_online.gif) top left no-repeat; } */ a#promo_book_online span { background: url(../img/buttons/promoted/book_online.gif) top left no-repeat; } a#promo_contact_us span { background: url(../img/buttons/promoted/contact_us.gif) top left no-repeat; } a#promo_faqs span{ background: url(../img/buttons/promoted/faqs.gif) top left no-repeat; } a#promo_courier_faqs span{ background: url(../img/buttons/promoted/courier_faqs.gif) top left no-repeat; } a#promo_open_account span { background: url(../img/buttons/promoted/open_an_account.gif) top left no-repeat; } a#promo_apply_account span{ background: url(../img/buttons/promoted/apply_for_an_account.gif) top left no-repeat; } a#promo_testimonials span{ background: url(../img/buttons/promoted/testimonials.gif) top left no-repeat; } /*** Small promoted buttons ***/ #smallButtons span{ float: right; margin-bottom: 1em; font-size: 2px; } #smallButtons a { float: left; width: 150px; height: 25px; margin-right: 10px; } #smallButtons a:hover span, #smallButtons a:hover{ background-position: 0% -25px; cursor:pointer;} #smallButtons i{ width:150px;} /* Images for small promoted buttons */ a#small_book_online span{ background: url(../img/buttons/small/book_online.gif) top left no-repeat; width: 90px; } a#small_contact_us span { background: url(../img/buttons/small/contact_us.gif) top left no-repeat; width: 90px; } #smallButtons a { position: relative; overflow:hidden; height:25px; width:90px; } #smallButtons a i{ width:60px; font-size:10px; padding:4px; margin-top:0px; } /*** Download buttons - easy edit version ***/ .downloadButton { float: right; clear: right; margin: 0px 0px 15px 12px; background: url(../img/buttons/misc/download_bg.gif) top left no-repeat; width: 155px; height: 78px; font-size: 11px; } .downloadButton span.header { display: block; padding: 9px 11px 6px; font-weight: bold; text-transform: uppercase; color: #666; } .downloadButton a { display: block; padding: 0px 11px 8px 30px; font-size: 10px; } .downloadButtons { float: left; clear: left; margin: 0px 0px 15px 12px; background: url(../img/buttons/misc/download_bg.gif) top left no-repeat; width: 155px; height: 78px; font-size: 11px; } .downloadButtons span.header { display: block; padding: 9px 11px 6px; font-weight: bold; text-transform: uppercase; color: #666; } .downloadButtons a { display: block; padding: 0px 11px 8px 30px; font-size: 10px; } .downloadButton2 { float: right; clear: right; position: relative; margin: 0px 0px 15px 12px; background: url(../img/buttons/misc/download_double_bg.gif) top left no-repeat; width: 155px; height: 106px; font-size: 11px; } .downloadButton2 span.header { display: block; padding: 9px 11px 6px; font-weight: bold; text-transform: uppercase; color: #666; } .downloadButton2 a { display: block; padding: 0px 24px 0px 0px; font-size: 10px; } .downloadButton2 a#dl1 { position: absolute; top: 26px; left: 30px; } .downloadButton2 a#dl2 { position: absolute; top: 64px; left: 30px; } /*** Find us button on contact pages ***/ .findusButton { position: relative; margin: 24px 0px 15px 0px; background: url(../img/buttons/misc/find_us_bg.gif) top left no-repeat; width: 164px; height: 103px; font-size: 9px; } .findusButton a#link1 { position: absolute; top: 14px; left: 66px; width: 84px; } .findusButton a#link2 { position: absolute; top: 59px; left: 66px; width: 84px; } /**/ /**/ table.basic { border-collapse: collapse; margin: 1em 0em; } table.basic th, table.basic td { text-align: left; padding: 2px 8px 2px 0px; font-size: 90%; } table.basic th.border { border-bottom: 1px solid #c6d5e2; } table.basic td.border { border-bottom: 1px solid #c6d5e2; padding-bottom: 8px } table.stripes { border-collapse: collapse; table-layout: auto; margin: 1.5em 0em 2em; font-size: 90%; border-bottom: 2px solid #ebf5fa; } table.stripes th.L { text-align: left; border: none; } table.stripes thead th { background: #005baa url(./img/misc/table_header_bg.gif) bottom left repeat-x; border-left: 1px solid #fff; padding: 7px 15px; color: #fff; font-size: 90%; text-transform: uppercase; } table.stripes tbody th { font-weight: bold; color: #666; padding: 9px 15px 5px; vertical-align: top; } table.stripes tbody td { padding: 5px 15px 16px; } table.stripes tbody th, table.stripes tbody td { background-color: #fbfbfb; } table.stripes tbody tr.blue th, table.stripes tbody tr.blue td { background-color: #ebf5fa; } table.stripes table.basic th, table.stripes table.basic td { padding: 2px 8px 2px 0px; } table.form th { font-weight: normal; text-align: right; padding-right: 1em; } table.form th.required { font-weight: bold; } table.form th.textfield { vertical-align: top; padding-top: 6px; } table.form td { padding: 4px 0px; } table.form td.submit { text-align: right; } table.form td.divider { background: url(../img/misc/dots.gif) left center repeat-x; } table.form table.checkboxes td { padding: 0px; } /**/ /**/ div.tsandcs { font-size: 80%; } dl { display: block; float: none; } dt { display: block; padding-bottom: 0px; margin: 0px; font-style: normal; } dd { display: block; position: relative; left: 4.5em; top: -1.2em; margin: 0px; padding-bottom: 0px; padding-right: 4em; } div.tsandcs h1 { font-size: 195%; } div.tsandcs h2 { clear: both; } div.tsandcs p { } div.faqs dd { left: 1.6em; padding-right: 2em; } div.faqs h3 { padding-bottom: 0em; margin-bottom: 0px; } div.faqs dl { padding-top: 0px; margin-top: 0px; } /**/ a.cmsedit { border: 1px solid red; color: red; padding: .1em .3em; text-decoration: none; font-size: 9px; } a.cmsedit:hover { border: 1px solid red; background: red; color: white; } body.servC div.details p{ float:left; /*width:150px;*/ } span.addr{ float:right; width:220px; } span.addr p{ line-height:16px; } table.serviceCont{ } table.viewall{ float:none; } body.servC div.details{ font-size:10px; } table.serviceCont{ line-height:14px; } table.serviceCont td.service-centre-heading{ width:10em; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; }