/* Reset CSS styles - create a level cross-browser basepoint */ body { font-size: 63%; font-family:arial, sans-serif; margin: 0; padding: 0; } /* base size set to 63% - this is font-size around 10px and makes calculating sizes easier */ fieldset, img { border: 0; } caption, th { text-align:left;} h1,h2,h3,h4,h5,h6{ font-size: 1em; font-weight: bold; margin: 0; padding: 0; } h1,h2,h3,h4, #keyContent p { font-family: Trebuchet MS; font-style: italic; } q:before,q:after{content:'';} abbr, acronym { border: 0; font-variant: normal; } /* to preserve line-height and selector appearance */ sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; } del,ins { text-decoration:none; } p, ul, ol, dl { margin: 0; padding: 0; font-size: 1.3em;} /* FONT SIZE CHANGED FROM 1.1em */ a { text-decoration: none; color: #ed1c2e; } a:hover { color: #690001; } body { color:#323232; background: #fff; } /* self clearing styles to cause elements containing floats to wrap correctly - placed here so that height can be overruled later if necessary */ .clrNM, div#utils ul, div#nav ul li, div#nav ul.nav li div.pop div.mid, div#footerContent div.links, div#footerContent div.legal ul.smIcons, div.content, div.content div.leftCol, div.content div.rightCol, div.title, div#contactBarOuter, div#contactBar div.signupTitle, div#contactBar div.locatorTitle, div#requestBar div.brochureTitle, div.homeContentRow, div.blurb, div.blurbRelated, div.blurbRelated ul.related, div.blurbRelated ul.related li, div.blurbRelated ul.related li div.image, div.collationContainer div.collationSet1, div.collationContainer div.collationSet1Inner, div.collationContainer div.collationSet2 div.collationRow, div.collationContainer div.collationSet3 ul, div.mediaPanel ul.mediaPanelThumbs, div.contentModule, div.contentModule div.relatedModuleContent, div.homeContentRowOuter, form.enquiryForm div.formBG div.fields, form.enquiryForm div.formBG div.fwFields div.field, form.enquiryForm div.formBG div.fwFields, form.enquiryForm, form.enquiryForm div.formBG div.fwFields div.ecrm, div.content.pos1, div#homeRowRotate ul, div.contentModule div.contactModuleContent div.leftCol, div.articleText div.textBlockLeft, div.articleText div.textBlockRight, div.articleText div.textBlockBoth, div.productFeaturesPanel, div.aagDim, div.productFeaturesPanel div.aagColours ul, div.productPackPanel div.packContents, div.productCatListInner, div.cnHomeNews div.cnAnnounce, div.cnHomeNewsPanels, div.cnHomePromos div.cnHomePromosTop, div.ugcCommentsUtilArea, div.homepageQuickpoll .question span, div.cnECRM div.cnECRMTitles, div.cnECRM div.cnECRMContent div.mid, form.loginForm div.formBG div.row, div.quickPoll div.pollBarChart, div.homepageQuickpoll div.mid, ul.networkChoice, .featureBuyNowLink { min-height: 1px; } /* any styles with a min height here should have a height in the ie6 stylesheet */ .clrNM:after, div#utils ul:after, div#nav ul li:after, div#nav ul.nav li div.pop div.mid:after, div#footerContent div.links:after, div#footerContent div.legal ul.smIcons:after, div.content:after, div.content div.leftCol:after, div.content div.rightCol:after, div.title:after, div#contactBarOuter:after, div#contactBar div.signupTitle:after, div#contactBar div.locatorTitle:after, div#requestBar div.brochureTitle:after, div.homeContentRow:after, div.blurb:after, div.blurbRelated:after, div.blurbRelated ul.related:after, div.blurbRelated ul.related li:after, div.blurbRelated ul.related li div.image:after, div.collationContainer div.collationSet1:after, div.collationContainer div.collationSet1Inner:after, div.collationContainer div.collationSet2 div.collationRow:after, div.collationContainer div.collationSet3 ul:after, div.mediaPanel ul.mediaPanelThumbs:after, div.contentModule:after, div.contentModule div.relatedModuleContent:after, div.homeContentRowOuter:after, form.enquiryForm div.formBG div.fields:after, form.enquiryForm div.formBG div.fwFields div.field:after, form.enquiryForm div.formBG div.fwFields:after, form.enquiryForm:after, form.enquiryForm div.formBG div.fwFields div.ecrm:after, div.content.pos1:after, div#homeRowRotate ul:after, div.contentModule div.contactModuleContent div.leftCol:after, div.articleText div.textBlockLeft:after, div.articleText div.textBlockRight:after, div.articleText div.textBlockBoth:after, div.productFeaturesPanel:after, div.aagDim:after, div.productFeaturesPanel div.aagColours ul:after, div.productPackPanel div.packContents:after, div.productCatListInner:after, div.cnHomeNews div.cnAnnounce:after, div.cnHomeNewsPanels:after, div.cnHomePromos div.cnHomePromosTop:after, div.ugcCommentsUtilArea:after, div.homepageQuickpoll .question span:after, div.cnECRM div.cnECRMTitles:after, div.cnECRM div.cnECRMContent div.mid:after, form.loginForm div.formBG div.row:after, div.quickPoll div.pollBarChart:after, div.homepageQuickpoll div.mid:after, ul.networkChoice:after, .featureBuyNowLink:after { content: "."; height: 0; min-height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } /* colour: white */ div#utils ul li a:hover, div#nav ul.nav li:hover a, div#nav ul.nav li.selected a, div#nav ul.breadcrumb li a, div#nav ul.nav li div.pop h2, div#footerContent div.legal p.siteBy a, div#nav div.pop div.tease div.text div.textInner p, div#footerContent div.links div.linkBlock h2, div.heroSmall div.img p.caption, div.heroHome div.img p.caption, p.buttonLight a:hover, p.buttonDark a:hover, div.mediaPanel div.tab a, div.heroHome div.img p.caption a, div.heroHome div.img p.caption a:hover, div.productPackPanel div.bot div.price, div.productPackPanel div.mid h2, div.productPackPanel div.priceStar p, p.featureBuyNowLink a, div.cnHomeNews div.cnAnnounce div.right a, div.cnHomeNews div.cnAnnounce div.right a:hover { color: #fff; } /* colour: yellow */ div#nav ul.nav li div.pop li a, div#footerContent div.legal ul.legal a, div#nav div.pop div.tease div.text div.textInner p a, div#footerContent div.links div.linkBlock li a { color: #fdf15d; } /* colour: tan */ div#utils ul li a, div#nav ul.breadcrumb li.pointer, p.buttonDark a { color: #d3ccba; } /* colour: light red */ div#footerContent div.legal ul.legal a:hover, div#nav ul.breadcrumb li a:hover, div#nav ul.nav li div.pop li a:hover, div#footerContent div.legal p.siteBy a:hover, div#nav div.pop div.tease div.text div.textInner p a:hover, div#footerContent div.links div.linkBlock li a:hover, p.buttonLight a, div#helpCentreBar ul li a, div.blurb ul.help li a, div.blurbRelated ul.related li p a, div.collationContainer div.collationSet2 div.collationItem strong a, div.collationContainer div.collationSet1 h2 a:hover, div.contentModule div.relatedModuleContent div.leftCol strong a:hover, div.homeContent h2 a:hover, form.enquiryForm div.formBG div.label span, form.enquiryForm div.formBG div.fwFields label span, form.enquiryForm div.formBG div.error, form.enquiryForm div.formBG label.error, span.req, div.productNonPackPanel div.bot div.price, div.cnHomeNewsPanels div.panels div.topPanel h2 a:hover, div.cnHomePromo h2 a:hover, div.quickPoll div.viewResults a, form.loginForm div.formBG label.error, div.articleText div.servermessage, div.quickPoll div.pollBarChart p.takePoll a, ul.networkChoice li a:hover, h1#networkLPHeader strong, div.surveyLightboxStart a:hover { color: #ed1c2e; } /* colour: dark red */ div.blurb h2, div.homeContent h2, div#helpCentreBar ul li a:hover, div.blurb ul.help li a:hover, div.blurbRelated ul.related li p a:hover, div.collationContainer div.collationSet1 h2, div.collationContainer div.collationSet2 div.collationItem strong a:hover, div#nav ul.nav li a, div.collationContainer div.collationSet1 h2 a, div.contentModule div.relatedModuleContent div.leftCol strong a, div.homeContent h2 a, div.homeContent h3.packPrice span, div.productPackPanel div.mid h3, div.productNonPackPanel div.mid h2, h2.prodBuyGasOnline a, div.cnContentBlock h2, div.cnHomeNewsPanels div.panels div.topPanel h2 a, div.cnHomePromo h2 a, div.ugcComments div.quotes h3, div.homepageQuickpoll .question .label, div.quickPoll div.viewResults a:hover, div.quickPoll div.pollBarChart p.takePoll a:hover, ul.networkChoice li a, div.quickPoll div.pollBarChart div.pollQuestionText, div.roadsideStarsNomForm form.enquiryForm h2, div.surveyLightboxStart a { color: #690001; } /* colour: grey */ div#contactBar h2, div#contactBar p, div#requestBar h2, div#requestBar p, div.blurb h3, div#helpCentreBar h2, div#helpCentreBar p, h3.intro, div.blurbRelated h2, div.blurbRelated div.relatedTitle p, div.mediaPanel div.tab.selected a, div.contentModule div.moduleTitle h2, div.contentModule div.moduleTitle p, div.contentModule div.contactModuleContent div.leftCol h3, div.contentSideMod div.moduleTitle h2, div.contentSideMod div.moduleTitle p, div.homeContent h3.packPrice, p.productPageSmallPrint, div.networksHomeIntro p, div.cnHomeNewsPanels div.panels div.panel p, div.cnHomeNewsPanels div.panels div.panel h2 a, div.cnHomeNewsPanels div.panels div.panel h2 a:hover, div.ugcComments h2, div.cnECRM div.cnECRMTitles p, h1#networkLPHeader, #keyContent p { color: #7e736b; } /* colour: mid-dark grey */ div.productFeaturesPanel div.aagDim, div.productFeaturesPanel div.aag h2, div.productFeaturesPanel div.aagColours p, div.productCatList h2, div.ugcComments div.quotes p, div.cnECRM div.cnECRMTitles h2 { color: #544f4e; } /* colour: dark grey */ div.contentModule div.contactModuleContent div.leftCol h3 strong, div.contentModule div.contactModuleContent div.leftCol h3 span, div.homeContent h4.packPrice { color: #413732; } /* colour: black */ div#requestBar div.text p, div.contentSideMod ul li a span, form.enquiryForm div.formBG label.error.note { color: #000; } /* main page template styles */ div#mainPageOuter { background: #fff url(../static-images/page-end-grad-bg.jpg) repeat-x bottom left; } div#mainPage { background: url(../static-images/header-bg.gif) repeat-x top left; } div#ugh { background: url(../static-images/header-bg-full.jpg) no-repeat 50% 0; } div#mainPageInner { width: 940px; margin: 0 auto; min-height: 380px; position: relative; } div#footer { background: #1b1b1b url(../static-images/footer-bg.jpg) repeat-x top left; min-height: 263px; } div#footerInner { background: url(../static-images/footer-gradient-layer.jpg) no-repeat top center; min-height: 261px; } div#footerContent { width: 940px; margin: 0 auto; } div#footerContent div.links { min-height: 172px; } div#footerContent div.links div.linkBlock { display: block; width: 179px; float: left; margin: 32px 9px 0 0; } div#footerContent div.links div.divider { display: block; clear: both; height: 1px; overflow: hidden; font-size: 1px; } div#footerContent div.links div.linkBlock h2 { font-size: 1.4em; padding: 0 0 8px; margin: 0 0 9px; background: url(../static-images/footer-link-dots.gif) no-repeat bottom left; } div#footerContent div.links div.linkBlock ul { list-style: none; font-size: 1.1em; } div#footerContent div.links div.linkBlock li { background: url(../static-images/footer-link-line.gif) no-repeat top left; display: block; margin-top: 3px; padding-top: 3px; font-weight: bold; } div#footerContent div.links div.linkBlock li.first { background: transparent; margin: 0; padding: 0; } div#footerContent div.legal { background: url(../static-images/footer-div-overlay.png) no-repeat top center; position: relative; } div#footerContent div.legal ul.legal { list-style: none; margin: 0; padding: 20px 0 6px; width: 940px; text-align: center; font-size: 1.1em; font-weight: bold; } div#footerContent div.legal ul.legal li { display: inline; padding: 0 8px 0 12px; background: url(../static-images/footer-legal-div.gif) no-repeat left center; } div#footerContent div.legal ul.legal li.first { background: transparent; padding: 0 8px 0 0; } div#footerContent div.legal p.copy { font-size: 1.1em; font-weight: bold; text-align: center; color: #575757; } div#footerContent div.legal p.siteBy { position: absolute; top: 20px; right: 0; font-size: 1.1em; font-weight: bold; } div#footerContent div.legal ul.smIcons { position: absolute; top: 28px; left: 0; list-style: none; height: 22px; background: url(../static-images/soc-media-shadow.png) no-repeat bottom center; } div#footerContent div.legal ul.smIcons li { display: block; width: 20px; height: 21px; margin: 0 1px 0 0; float: left; } div#footerContent div.legal ul.smIcons li a { display: block; width: 20px; height: 20px; text-indent: -9999px; } div#footerContent li.smFacebook { background: url(../static-images/sm-icon-facebook.gif) no-repeat; } div#footerContent li.smTwitter { background: url(../static-images/sm-icon-twitter.gif) no-repeat; } div#footerContent li.smLinkedin { background: url(../static-images/sm-icon-linkedin.gif) no-repeat; } div#footerContent li.smGoogle { background: url(../static-images/sm-icon-google.gif) no-repeat; } div#footerContent li.smVimeo { background: url(../static-images/sm-icon-vimeo.gif) no-repeat; } div#footerContent li.smYoutube { background: url(../static-images/sm-icon-youtube.gif) no-repeat; } a.footerTopLinks { color: #fff; } /* header styles */ div#header { position: relative; } div#header #logo { padding: 6px 0 0; } div#header #logo a { display: block; width: 300px; height: 85px; background: url(../static-images/logo.gif) no-repeat; text-indent: -9999px; } div#header.cn #logo a { display: block; width: 445px; height: 85px; background: url(../static-images/logo.gif) no-repeat; text-indent: -9999px; } div#header.cn div.cnNetworkLogo { width: 122px; height: 28px; display: block; position: absolute; top: 46px; right: 15px; background: url(../static-images/networks/network-header-logo.gif) no-repeat; } div#utils { position: absolute; top: 0; right: 0; } div#utils ul { margin: 0; padding: 0; list-style: none; display: block; background: url(../static-images/utils-bg-mid.gif) repeat-x top left; font-size: 1em; } div#utils ul li { display: block; float: left; min-height: 28px; } div#utils ul li span { display: block; padding: 0 0 0 2px; background: url(../static-images/utils-div.gif) no-repeat 0 3px; min-height: 22px; } div#utils ul li.first span { background: transparent; } div#utils ul li.first { background: url(../static-images/utils-bg-left.gif) no-repeat top left; padding-left: 28px; } div#utils ul li.last { background: url(../static-images/utils-bg-right.gif) no-repeat top right; padding-right: 28px; } div#utils ul li a { background: url(../static-images/utils-arrow.gif) no-repeat 6px 8px; display: block; padding: 6px 6px 0 19px; } div#utils ul li a:hover { background: url(../static-images/utils-arrow.gif) no-repeat 6px -83px; } div#nav { position: absolute; width: 955px; background: #fff; z-index: 900; top: 90px; /*left: -7px;*/ left: 50%; margin-left: -478px; background: url("../static-images/shop/nav-bg.png") no-repeat scroll left bottom transparent; height: 49px; } div#nav ul.nav { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; left: 18px; height: 43px; font-size: 1em; z-index: 950; } div#nav ul.nav li { display: block; float: left; padding: 6px 8px 0; margin: 0 -9px; font: italic bold 1.3em Trebuchet MS; text-align: center; position: relative; z-index: 950; letter-spacing:-0.04em; } div#nav ul.nav li a { display: block; padding: 12px 0 0; height: 24px; /* border-left: 1px solid #f00; border-right: 1px solid #00f; */ } div#nav ul li a span { display: block; float: left; } div#nav ul li a span.left { width: 5px; height: 29px; background: #00f; } div#nav ul li a span.right { height: 29px; } div#nav ul.nav li.navHome { width: 64px; } div#nav ul.nav li.navHome { width: 43px; margin-right: -1px; } div#nav ul.nav li.navHome:hover, div#nav ul li.navHome.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 -400px; } div#nav ul.nav li.navHome a { width: 50px; background: url(../static-images/home-black.png) no-repeat 14px 13px; text-indent: -9999px; } div#nav ul.nav li.navHome:hover a, div#nav ul.nav li.navHome.selected a { background: url(../static-images/home-white.png) no-repeat 14px 13px; } div#nav ul.nav li.navHeating { width: 60px; } div#nav ul.nav li.navHeating:hover, div#nav ul li.navHeating.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 0; } div#nav ul.nav li.navHeating a { width: 60px; } div#nav ul.nav li.navCooking { width: 64px; } div#nav ul.nav li.navCooking:hover, div#nav ul li.navCooking.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 -50px; } div#nav ul.nav li.navCooking a { width: 64px; } div#nav ul.nav li.navVehicles { /*width: 63px;*/ width: 87px; } div#nav ul.nav li.navVehicles:hover, div#nav ul li.navVehicles.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 -100px; } div#nav ul.nav li.navVehicles a { /*width: 63px;*/ width: 87px; } div#nav ul.nav li.navOutdoor { width: 100px; } div#nav ul.nav li.navOutdoor:hover, div#nav ul li.navOutdoor.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 -150px; } div#nav ul.nav li.navOutdoor a { width: 100px; } div#nav ul.nav li.navSwitching { width: 74px; } div#nav ul.nav li.navSwitching:hover, div#nav ul li.navSwitching.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 -200px; } div#nav ul.nav li.navSwitching a { width: 74px; } div#nav ul.nav li.navGas { width: 69px; } div#nav ul.nav li.navGas:hover, div#nav ul li.navGas.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 -250px; } div#nav ul.nav li.navGas a { width: 69px; } div#nav ul.nav li.navAppliances { width: 107px; } div#nav ul.nav li.navAppliances:hover, div#nav ul li.navAppliances.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 -300px; } div#nav ul.nav li.navAppliances a { width: 107px; } div#nav ul.nav li.navOffers { width: 97px; } div#nav ul.nav li.navOffers:hover, div#nav ul li.navOffers.selected { background: url(../static-images/tabs-vert.png) no-repeat 0 -350px; } div#nav ul.nav li.navOffers a { width: 97px; } div#nav ul.nav li div.pop { position: absolute; top: 40px; left: -9999px; font-size: 0.75em; z-index: 915; text-align: left; } div#nav ul.nav li:hover div.pop, div#nav ul.nav li.hover div.pop { left: 4px; padding: 1px 0; /* I don't know why but IE7 needs this or the popup refuses to close! */ } div#nav div.pop div.top { background: url(../static-images/pop-top.png) no-repeat bottom left; } div#nav div.pop div.mid { background: url(../static-images/pop-mid.png) repeat-y; } div#nav div.pop div.bot { background: url(../static-images/pop-bot.png) no-repeat top left; } div#nav div.pop div.top, div#nav div.pop div.bot { display: block; width: 460px; height: 14px; font-size: 1px; } div#nav ul.nav li div.pop div.mid { padding: 1px 0; width: 460px; } div#nav ul.nav li div.pop ul { width: 232px; margin: 0 0 6px 20px; list-style: none; } div#nav ul.nav div.pop div.navSubMenu { width: 255px; float: left; } div#nav ul.nav li div.pop li { font-size: 1em; font-style: normal; text-align: left; float: none; width: auto; padding: 0; margin: 0; border-top: 1px solid #363131; } div#nav ul.nav li div.pop h2 { font-size: 1.6em; text-align: left; margin: 0 0 6px 20px; padding: 0; display: block; width: 232px; } div#nav ul.nav li div.pop li.first { border: 0px none; } div#nav ul.nav li div.pop li a, div#nav.cn1 ul.nav li div.pop li a, div#nav.cn2 ul.nav li div.pop li a, div#nav.cn3 ul.nav li div.pop li a { width: auto; height: auto; padding: 1px 0 2px 9px; margin: 0; background: url(../static-images/pop-bullet.gif) no-repeat 0 7px; display: block; } div#nav ul.nav li div.pop div.tease { width: 184px; float: right; margin-right: 12px; } div#nav div.pop div.tease div.image { position: relative; z-index: 1; width: 184px; background: url(../static-images/pop-img-mid.gif) repeat-y; } div#nav div.pop div.tease div.image div.imageTop { position: absolute; top: 0; left: 0; display: block; height: 8px; width: 184px; font-size: 1px; background: url(../static-images/pop-img-top.png) no-repeat; } div#nav div.pop div.tease div.image div.imageMid { padding: 0 0 0 4px; min-height: 160px; } div#nav div.pop div.tease div.image div.imageMid a { display: inline; } div#nav div.pop div.tease div.image div.imageMid img { width: 176px; display: block; } div#nav div.pop div.tease div.image div.imageBot { position: absolute; bottom: 0; left: 0; display: block; height: 5px; width: 184px; font-size: 1px; background: url(../static-images/pop-img-bot.png) no-repeat; } div#nav div.pop div.tease div.text { background: url(../static-images/pop-text-mid.gif) repeat-y; } div#nav div.pop div.tease div.text div.textInner { background: url(../static-images/pop-text-bot.gif) no-repeat bottom left; padding: 4px 14px 12px; } div#nav div.pop div.tease div.text div.textInner p { font-style: normal; font-weight: normal; font-size: 1.2em; } div#nav div.pop div.tease div.text div.textInner p a { display: inline; width: auto; height: auto; margin: 0; padding: 0; line-height: 1em; font-weight: bold; } div#nav ul.breadcrumb { width: 924px; position: absolute; top: 43px; left: 16px; background: url(../static-images/breadcrumb-bg.png) no-repeat bottom left; min-height: 25px; font-size: 1em; list-style: none; font-weight: bold; z-index: 910; } div#nav ul.breadcrumb li { display: block; float: left; height: 23px; background: url(../static-images/breadcrumb-div.gif) no-repeat top right; margin-right: 8px; } div#nav ul.breadcrumb li.pointer { padding: 5px 0 0 20px; background: transparent; height: 18px; margin: 0 6px 0 4px; background: url(../static-images/utils-arrow.gif) no-repeat 6px 8px; } div#nav ul.breadcrumb li a { display: block; padding: 5px 18px 0 0; } div#nav ul.nav li.basketLink a { display: block; height: 31px; width: 35px; } /* networks site 1 nav */ div#nav.cn1 { position: absolute; width: 955px; background: #fff; z-index: 900; top: 90px; /*left: -7px;*/ left: 50%; margin-left: -478px; background: url(../static-images/networks/nav-cn1-bg.png) no-repeat bottom left; height: 49px; } div#nav.cn1 ul.nav li.navCn1Health { width: 115px; } div#nav.cn1 ul.nav li.navCn1Health:hover, div#nav.cn1 ul li.navCn1Health.selected { background: url(../static-images/networks/tabs-vert-cn1.png) no-repeat 0 0; } div#nav.cn1 ul.nav li.navCn1Health a { width: 115px; } div#nav.cn1 ul.nav li.navCn1Prices { width: 114px; } div#nav.cn1 ul.nav li.navCn1Prices:hover, div#nav.cn1 ul li.navCn1Prices.selected { background: url(../static-images/networks/tabs-vert-cn1.png) no-repeat 0 -50px; } div#nav.cn1 ul.nav li.navCn1Prices a { width: 114px; } div#nav.cn1 ul.nav li.navCn1Marketing { width: 82px; } div#nav.cn1 ul.nav li.navCn1Marketing:hover, div#nav.cn1 ul li.navCn1Marketing.selected { background: url(../static-images/networks/tabs-vert-cn1.png) no-repeat 0 -100px; } div#nav.cn1 ul.nav li.navCn1Marketing a { width: 82px; } div#nav.cn1 ul.nav li.navCn1Appliances { width: 86px; } div#nav.cn1 ul.nav li.navCn1Appliances:hover, div#nav.cn1 ul li.navCn1Appliances.selected { background: url(../static-images/networks/tabs-vert-cn1.png) no-repeat 0 -150px; } div#nav.cn1 ul.nav li.navCn1Appliances a { width: 86px; } div#nav.cn1 ul.nav li.navCn1Offers { width: 60px; } div#nav.cn1 ul.nav li.navCn1Offers:hover, div#nav.cn1 ul li.navCn1Offers.selected { background: url(../static-images/networks/tabs-vert-cn1.png) no-repeat 0 -200px; } div#nav.cn1 ul.nav li.navCn1Offers a { width: 60px; } div#nav.cn1 ul.nav li.navCn1News { width: 56px; } div#nav.cn1 ul.nav li.navCn1News:hover, div#nav.cn1 ul li.navCn1News.selected { background: url(../static-images/networks/tabs-vert-cn1.png) no-repeat 0 -250px; } div#nav.cn1 ul.nav li.navCn1News a { width: 56px; } div#nav.cn1 ul.nav li.navCn1Incentives { width: 120px; } div#nav.cn1 ul.nav li.navCn1Incentives:hover, div#nav.cn1 ul li.navCn1Incentives.selected { background: url(../static-images/networks/tabs-vert-cn1.png) no-repeat 0 -300px; } div#nav.cn1 ul.nav li.navCn1Incentives a { width: 120px; } div#nav.cn2 { position: absolute; width: 955px; background: #fff; z-index: 900; top: 90px; /*left: -7px;*/ left: 50%; margin-left: -478px; background: url(../static-images/networks/nav-cn2-bg.png) no-repeat bottom left; height: 49px; } div#nav.cn2 ul.nav li.navCn2Health { width: 115px; } div#nav.cn2 ul.nav li.navCn2Health:hover, div#nav.cn2 ul li.navCn2Health.selected { background: url(../static-images/networks/tabs-vert-cn1.png) no-repeat 0 0; } div#nav.cn2 ul.nav li.navCn2Health a { width: 115px; } div#nav.cn2 ul.nav li.navCn2Prices { width: 114px; } div#nav.cn2 ul.nav li.navCn2Prices:hover, div#nav.cn2 ul li.navCn2Prices.selected { background: url(../static-images/networks/tabs-vert-cn1.png) no-repeat 0 -50px; } div#nav.cn2 ul.nav li.navCn2Prices a { width: 114px; } div#nav.cn2 ul.nav li.navCn2Marketing { width: 82px; } div#nav.cn2 ul.nav li.navCn2Marketing:hover, div#nav.cn2 ul li.navCn2Marketing.selected { background: url(../static-images/networks/tabs-vert-cn1.png) no-repeat 0 -100px; } div#nav.cn2 ul.nav li.navCn2Marketing a { width: 82px; } div#nav.cn2 ul.nav li.navCn2Appliances { width: 86px; } div#nav.cn2 ul.nav li.navCn2Appliances:hover, div#nav.cn2 ul li.navCn2Appliances.selected { background: url(../static-images/networks/tabs-vert-cn1.png) no-repeat 0 -150px; } div#nav.cn2 ul.nav li.navCn2Appliances a { width: 86px; } div#nav.cn2 ul.nav li.navCn2Offers { width: 60px; } div#nav.cn2 ul.nav li.navCn2Offers:hover, div#nav.cn2 ul li.navCn2Offers.selected { background: url(../static-images/networks/tabs-vert-cn1.png) no-repeat 0 -200px; } div#nav.cn2 ul.nav li.navCn2Offers a { width: 60px; } div#nav.cn2 ul.nav li.navCn2News { width: 56px; } div#nav.cn2 ul.nav li.navCn2News:hover, div#nav.cn2 ul li.navCn2News.selected { background: url(../static-images/networks/tabs-vert-cn1.png) no-repeat 0 -250px; } div#nav.cn2 ul.nav li.navCn2News a { width: 56px; } div#nav.cn2 ul.nav li.navCn2Incentives { width: 120px; } div#nav.cn2 ul.nav li.navCn2Incentives:hover, div#nav.cn2 ul li.navCn2Incentives.selected { background: url(../static-images/networks/tabs-vert-cn1.png) no-repeat 0 -300px; } div#nav.cn2 ul.nav li.navCn2Incentives a { width: 120px; } div#nav.cn3 { position: absolute; width: 955px; background: #fff; z-index: 900; top: 90px; /*left: -7px;*/ left: 50%; margin-left: -478px; background: url(../static-images/networks/nav-cn3-bg.png) no-repeat bottom left; height: 49px; } div#nav.cn3 ul.nav li.navCn3Marketing { width: 82px; } div#nav.cn3 ul.nav li.navCn3Marketing:hover, div#nav.cn3 ul li.navCn3Marketing.selected { background: url(../static-images/networks/tabs-vert-cn3.png) no-repeat 0 0; } div#nav.cn3 ul.nav li.navCn3Marketing a { width: 82px; } div#nav.cn3 ul.nav li.navCn3who { width: 85px; } div#nav.cn3 ul.nav li.navCn3who:hover, div#nav.cn3 ul li.navCn3who.selected { background: url(../static-images/networks/tabs-vert-cn3.png) no-repeat 0 -50px; } div#nav.cn3 ul.nav li.navCn3who a { width: 85px; } div#nav.cn3 ul.nav li.navCn3News { width: 57px; } div#nav.cn3 ul.nav li.navCn3News:hover, div#nav.cn3 ul li.navCn3News.selected { background: url(../static-images/networks/tabs-vert-cn3.png) no-repeat 0 -100px; } div#nav.cn3 ul.nav li.navCn3News a { width: 57px; } div#nav.cn3 ul.nav li.navCn3Incentives { width: 122px; } div#nav.cn3 ul.nav li.navCn3Incentives:hover, div#nav.cn3 ul li.navCn3Incentives.selected { background: url(../static-images/networks/tabs-vert-cn3.png) no-repeat 0 -150px; } div#nav.cn3 ul.nav li.navCn3Incentives a { width: 122px; } form#searchForm { min-height: 19px; display: block; position: absolute; top: 17px; right: 7px; font-size: 1em; background: url(../static-images/search-form-icon.gif) no-repeat; width: 195px; } form#searchForm div.input { margin-left: 22px; width: 129px; min-height: 19px; background: url(../static-images/shop/search-form-input.gif) no-repeat; padding: 2px 0 0 4px; float: left; } form#searchForm div.input input { width: 121px; margin: 0; padding: 0; } form#searchForm div.submit input, form#searchForm div.input input { background: transparent; border: 0px none; } form#searchForm div.input label { position: absolute; left: -9999px; } form#searchForm div.submit { float: left; width: 28px; } form#searchForm div.submit input { background: url(../static-images/search-form-go.gif) no-repeat; height: 19px; width: 28px; } div#contactBarOuter { background: url(../static-images/footer-top-div.png) no-repeat top center; width: 940px; margin: 0 auto; } div#contactBar { min-height: 163px; float: left; width: 700px; } div#contactBar div.contactForms div.top { display: block; height: 10px; font-size: 1px; background: url(../static-images/contact-bar-2col-top.png) no-repeat; clear: both; } div#contactBar div.contactForms div.mid { background: url(../static-images/contact-bar-2col-mid.gif) repeat-y; min-height: 50px; } div#contactBar div.contactForms div.bot { display: block; height: 22px; font-size: 1px; background: url(../static-images/contact-bar-2col-bot.png) no-repeat; } div#contactBar div.signupTitle, div#contactBar div.locatorTitle, div#requestBar div.brochureTitle, div#helpCentreBar div.helpCentreTitle { display: block; min-height: 60px; width: 265px; margin-right: 30px; padding: 0 0 0 55px; float: left; background: url(../static-images/contact-icon-signup.gif) no-repeat 12px 15px; } div#requestBar div.brochureTitle, div#helpCentreBar div.helpCentreTitle { padding: 0 0 0 40px; margin: 0; width: 180px; background: url(../static-images/contact-icon-brochure.gif) no-repeat 0px 15px; } div#contactBar div.locatorTitle { background: url(../static-images/contact-icon-store.gif) no-repeat 12px 15px; } div#helpCentreBar div.helpCentreTitle { background: url(../static-images/contact-icon-help.gif) no-repeat 0px 15px; } div#contactBar h2, div#requestBar h2, div#helpCentreBar h2, div#keyContent h3.intro, div#keyContent p { font-size: 1.8em; margin: 0; padding: 16px 0 0; } div#contactBar div.signupTitle p, div#contactBar div.locatorTitle p, div#requestBar div.brochureTitle p, div#helpCentreBar div.helpCentreTitle p { font-size: 1em; margin: -2px 0 0; padding: 0; } form.contactForm2Col { display: block; width: 326px; padding: 4px 12px; float: left; } form.contactForm2Col label { display: block; padding: 0 0 6px 0; margin: 0; } form.contactForm2Col div { background: url(../static-images/contact-bar-input.gif) no-repeat; width: 198px; height: 22px; padding: 3px 0 0 5px; margin: -1px 4px 0 0; float: left; } form.contactForm2Col div input { background: transparent; border: 0px none; width: 190px; } form.contactForm2Col input.submit { background: url(../static-images/contact-bar-go.gif) no-repeat; height: 19px; width: 28px; border: 0px none; cursor: pointer; } div#requestBar, div#helpCentreBar { min-height: 163px; width: 220px; float: left; margin-left: 20px; } div#requestBar div.text div.top { display: block; height: 10px; font-size: 1px; background: url(../static-images/contact-bar-1col-top.png) no-repeat; clear: both; } div#requestBar div.text div.mid { position: relative; } div#requestBar div.text a.buttonGo { position: absolute; bottom: 5px; right: 10px; background: url(../static-images/contact-bar-go.gif) no-repeat; height: 19px; width: 28px; text-indent: -9999px; } div#requestBar div.text p { font-size: 1em; display: block; width: 160px; padding: 4px 0 0 12px; } div#requestBar div.text div.mid { background: url(../static-images/contact-bar-1col-mid.gif) repeat-y; min-height: 48px; } div#requestBar div.text div.bot { display: block; height: 22px; font-size: 1px; background: url(../static-images/contact-bar-1col-bot.png) no-repeat; } div#helpCentreBar ul { list-style: none; margin: 0 0 0 4px; padding: 0; display: block; clear: both; font-weight: bold; } div#helpCentreBar ul li { display: block; border-top: 1px solid #dddddc; } div#helpCentreBar ul li.first { border: 0px none; } div#helpCentreBar ul li a { background: url(../static-images/light-bg-arrow-sprites.png) no-repeat 0 6px; display: block; padding: 4px 0 4px 22px; } div#helpCentreBar ul li a:hover { background: url(../static-images/light-bg-arrow-sprites.png) no-repeat 0 -284px; } /* content */ div#homeFlash { min-height: 370px; } div.content { } div.content.pos1 { margin-top: 56px; min-height: 455px; background: url(../static-images/col-div-top.gif) no-repeat 700px 0; } div.content div.leftCol { width: 700px; float: left; } div.content div.rightCol { width: 240px; float: right; padding-bottom: 15px; } div.content.pos1 div.rightCol { margin-top: 185px; } body.home div.content.pos1 div.rightCol { background: url(../static-images/home-rcol-shadow.jpg) no-repeat 0 0px; margin-top: 315px; } /* titles */ div.title { background-repeat: no-repeat; background-position: top left; padding: 154px 0 0; position: relative; z-index: 100; } div.flashTitle div.text, div.title div.text { margin: 0 36px; padding: 12px 12px 6px; position: relative; display: block; float: left; background: url(../static-images/title-tab-mid.gif) repeat-x top left; min-height: 29px; /* for some very odd reason IE8 needs this to extend beyond the bottom of the parent or it disappears when the negative margin is used, so height set to height plus 1px */ } div.flashTitle div.text { margin-top: -46px; z-index: 200; } body.hubPage div#flashTitleContainer { width: 700px; height: 245px; } div.title div.text div.left, div.flashTitle div.text div.left { display: block; background: url(../static-images/title-tab-left.png) no-repeat top left; width: 17px; height: 48px; position: absolute; left: -17px; top: 0; z-index: 5; } div.title div.text div.right, div.flashTitle div.text div.right { display: block; background: url(../static-images/title-tab-right.png) no-repeat top left; width: 17px; height: 47px; position: absolute; right: -17px; top: 0; z-index: 5; } div.title h1, div.flashTitle h1 { margin: 0; padding: 0; font-size: 2.2em; font-style: italic; font-weight: normal; line-height: 1em; width: auto; color: #504842; } div.title div.cr-tl { width: 9px; height: 9px; background: url(../static-images/title-cr-tl.png) no-repeat top left; font-size: 1px; position: absolute; top: 0; left: 0; } div.title div.cr-bl { width: 9px; height: 9px; background: url(../static-images/title-cr-bl.png) no-repeat top left; font-size: 1px; position: absolute; top: 191px; left: 0; } div.title div.cr-br { width: 9px; height: 9px; background: url(../static-images/title-cr-br.png) no-repeat top left; font-size: 1px; position: absolute; top: 191px; right: 0; } /* hero teasers */ div.heroSmall { width: 232px; height: 163px; background: url(../static-images/hero-small-bg.png) no-repeat top left; padding: 22px 0 0 8px; /* float: right; */ position: absolute; top: 147px; right: 0; } div.heroHome { width: 232px; height: 295px; background: url(../static-images/hero-home-bg.png) no-repeat top left; padding: 20px 0 0 8px; position: absolute; top: 147px; right: 0px; } div.heroSmall div.hider { height: 128px; width: 224px; position: relative; overflow: hidden; } div.heroSmall div.slider { position: absolute; top: 0; left: 0; } div.heroSmall div.img, div.heroHome div.img { position: relative; min-height: 128px; } div.heroHome div.img { height: 248px; width: 224px; overflow: hidden; } div.heroSmall div.img { float: left; width: 224px; height: 128px; overflow: hidden; } div.heroSmall div.cr-tl, div.heroSmall div.cr-tr, div.heroSmall div.cr-bl, div.heroSmall div.cr-br, div.heroHome div.cr-tl, div.heroHome div.cr-tr, div.heroHome div.cr-bl, div.heroHome div.cr-br { position: absolute; display: block; height: 7px; width: 7px; font-size: 1px; overflow: hidden; } div.heroSmall div.hider div.cr-tl { background: url(../static-images/hero-cr-tl.png) no-repeat; top: 0; left: 0; } div.heroSmall div.hider div.cr-tr { background: url(../static-images/hero-cr-tr.png) no-repeat; top: 0; left: 217px; } div.heroSmall div.hider div.cr-bl { background: url(../static-images/hero-cr-bl.png) no-repeat; top: 121px; left: 0; } div.heroSmall div.hider div.cr-br { background: url(../static-images/hero-cr-br.png) no-repeat; top: 121px; left: 217px; } div.heroHome div.img div.cr-tl { background: url(../static-images/hero-cr-tl.png) no-repeat; top: 0; left: 0; } div.heroHome div.img div.cr-tr { background: url(../static-images/hero-cr-tr.png) no-repeat; top: 0; left: 217px; } div.heroHome div.img div.cr-bl { background: url(../static-images/hero-home-cr-bl.png) no-repeat; top: 241px; left: 0; } div.heroHome div.img div.cr-br { background: url(../static-images/hero-cr-br.png) no-repeat; top: 241px; left: 217px; } div.heroSmall div.img p.caption, div.heroHome div.img p.caption { position: absolute; bottom: 7px; left: 6px; width: 180px; font-size: 1.8em; font-family: Trebuchet MS; font-style: italic; font-weight: bold; line-height: 1.7em; } div.heroSmall div.img p.caption span, div.heroHome div.img p.caption span { background: #282221; padding: 3px; } div.heroSmall p.more { display: block; float: left; margin: 9px 0 0 13px; height: 18px; width: 89px; font-size: 1px; text-indent: -9999px; background: url(../static-images/find-out-more.gif) no-repeat top left; } div.heroSmall p.more a { display: block; height: 18px; width: 89px; } div.heroSmall ul { list-style: none; margin: 0; padding: 12px 21px 0 0; font-size: 1px; float: right; } div.heroSmall ul li { display: block; float: left; width: 13px; height: 13px; background: url(../static-images/hero-selector-off.gif) no-repeat; margin: 0 2px 0 0; } div.heroSmall ul li.selected { background: url(../static-images/hero-selector-on.gif) no-repeat; } div.heroSmall ul li a { display: block; width: 13px; height: 13px; text-indent: -9999px; } div.heroHome p.buttonLight { margin: 18px 0 0 6px; } /* button links */ p.buttonLight, p.buttonDark { display: block; float: left; font-size: 0.8em; font-weight: bold; height: 18px; } p.buttonLight a, p.buttonDark a { display: block; background: url(../static-images/button-link-light-right.png) no-repeat top right; height: 18px; text-transform: uppercase; } p.buttonLight a span, p.buttonDark a span { display: block; height: 14px; padding: 4px 2px 0 14px; margin-right: 8px; background: url(../static-images/button-link-light-left.png) no-repeat top left; } p.buttonLight a:hover { background: url(../static-images/button-link-light-right.png) no-repeat bottom right; } p.buttonLight a:hover span { background: url(../static-images/button-link-light-left.png) no-repeat bottom left; } p.buttonDark a { background: url(../static-images/button-link-dark-right.png) no-repeat top right; } p.buttonDark a span { background: url(../static-images/button-link-dark-left.png) no-repeat top left; } p.buttonDark a:hover { background: url(../static-images/button-link-dark-right.png) no-repeat bottom right; } p.buttonDark a:hover span { background: url(../static-images/button-link-dark-left.png) no-repeat bottom left; } /* blurb panel */ div.blurb, div.blurbRelated { margin: 10px 0 10px 10px; position: relative; z-index: 1; } div.blurb div.top, div.blurb div.bottom, div.blurbRelated div.top, div.blurbRelated div.bottom { display: block; background: url(../static-images/blurb-panel-top.png) no-repeat; height: 9px; width: 230px; font-size: 1px; } div.blurb div.bottom, div.blurbRelated div.bottom { background: url(../static-images/blurb-panel-bot.png) no-repeat; } div.blurb div.mid, div.blurbRelated div.mid { width: 190px; background: url(../static-images/blurb-panel-mid.gif) repeat-y; padding: 12px 20px; } div.blurbRelated div.mid { padding-top: 4px; padding-bottom: 4px; } div.blurb div.mid.div, div.blurbRelated div.mid.div { background: url(../static-images/blurb-panel-mid-div.gif) repeat-y; margin-top: -12px; padding: 12px 20px 6px; } div.blurb div.pointer, div.blurbRelated div.pointer, #survey div.pointer.hub { display: block; width: 34px; height: 28px; position: absolute; top: 15px; left: -20px; background: url(../static-images/blurb-pointer.png) no-repeat top right; z-index: 2; } div.blurbRelated div.pointer.hub, div.blurb div.pointer.hub, #survey div.pointer.hub { width: 23px; left: -9px; } div.blurb h2 { font-size: 1.8em; font-weight: normal; line-height: 1em; padding: 0 0 12px 0; } div.blurb h3 { font-size: 1.4em; font-weight: normal; padding: 0 0 12px 0; } div.blurb h3.noPad { padding: 0; } div.blurb p { font-size: 1.3em; /* CHANGED FROM 1.1*/ padding: 0 0 12px 0; } div.blurb p.buttonDark, div.blurbRelated p.buttonDark { font-size: 0.8em; padding: 0; } div.blurb ul.help { list-style: none; margin: 0; padding: 4px 0 4px; display: block; clear: both; font-weight: bold; } div.blurb ul.help li { display: block; border-top: 1px solid #dddddc; } div.blurb ul.help li.first { border: 0px none; } div.blurb ul.help li a { background: url(../static-images/light-bg-arrow-sprites.png) no-repeat 0 6px; display: block; padding: 4px 0 4px 16px; } div.blurb ul.help li a:hover { background: url(../static-images/light-bg-arrow-sprites.png) no-repeat 0 -284px; } div.blurbRelated h2 { font-size: 1.7em; font-weight: normal; line-height: 1.1em; background: url(../static-images/related-panel-icon.gif) no-repeat 0 0; } div.blurbRelated div.relatedTitle h2, div.blurbRelated div.relatedTitle p { padding-left: 42px; } div.blurbRelated div.relatedTitle p { padding: 0 0 8px 42px; } div.blurbRelated ul.related { list-style: none; font-size: 1em; padding-top: 8px; } div.blurbRelated ul.related li { border-top: 1px solid #dddddc; padding: 8px 0 9px 0; background: url(../static-images/image-thumb-bg.png) no-repeat 0 8px; margin-left: -5px; } div.blurbRelated ul.related li div.image { float: left; width: 63px; height: 63px; padding: 9px 0 0 9px; } div.blurbRelated ul.related li p { margin-left: 74px; padding: 0 0 2px; } div.blurbRelated ul.related li p.first { padding-top: 7px; } div.blurbRelated ul.related li.first { padding-top: 0; border-top: 0; background: url(../static-images/image-thumb-bg.png) no-repeat 0 0; } /* home content */ div.homeContentRowOuter { padding-bottom: 14px; } body.hubPage div.homeContentRowOuter, body.productPage div.homeContentRowOuter, div.collationContainer, div.enquiryForm, form.enquiryForm div.formBG { background: url(../static-images/content-block-bg-top.gif) no-repeat 0 0; } div.homeContent { display: block; width: 340px; float: left; min-height: 115px; } div.homeContent.left { background: url(../static-images/home-content-div-vert.gif) no-repeat right top; } div.homeContent div.image { background: url(../static-images/home-image-bg.png) no-repeat 10px 10px; width: 120px; float: left; min-height: 115px; } div.homeContent div.image img { display: block; height: 74px; width: 74px; margin: 22px 0 0 22px; } div.homeContentDiv { padding: 1px 0; background: url(../static-images/home-content-div.gif) no-repeat 22px 2px; height: 3px; overflow: hidden; font-size: 1px; } div.homeContent div.text { display: block; float: left; width: 210px; padding: 16px 0 0; } div.homeContent h2 { font-size: 1.6em; line-height: 1.0em; width: 180px; display: block; padding: 0 0 10px; } div.homeContent h2.prodCat { padding: 0 0 1px; } div.homeContent h3.packPrice { font-size: 1.6em; line-height: 1.0em; width: auto; display: block; padding: 0 0 6px; font-weight: normal; letter-spacing: -0.5px; } div.homeContent h4.packPrice { font-size: 1.2em; font-style: normal; font-family: arial; font-weight: normal; padding: 0 0 8px; } div.homeContent h3.packPrice span { font-size: 0.7em; font-weight: bold; } div.homeContent p { padding: 0 0 10px; } div#homeRowRotate div.homeContentRow { float: left; width: 680px; } div#homeRowRotate div.homeContent, div#homeRowRotate div.homeContentRow { min-height: 115px; } div#homeRowRotate ul { margin: 0 0 0 20px; } div#homeRowRotate li { float: left; background: url(../static-images/home-rotator-nav.gif) no-repeat 0 0; margin-right: 2px; } div#homeRowRotate li, div#homeRowRotate li a { display: block; width: 13px; height: 13px; } div#homeRowRotate li.selected { background: url(../static-images/home-rotator-nav.gif) no-repeat 0 -17px; } /* hub page styles */ h3.intro { font-size: 1.6em; font-weight: normal; padding: 10px 20px; line-height: 1.4em; margin-top:1px; } /* collation */ div.collationContainer { margin-top: 10px; } div.collationContainer div.collationSet1 { margin: 0 0 0 4px; background: url(../static-images/collation-set1-div.gif) repeat-y 345px 0; } div.collationContainer div.collationSet1 div.collationItem { float: left; padding: 15px 10px; width: 325px; } div.collationContainer div.collationSet1End { background: url(../static-images/collation-set1-div-bottom.png) no-repeat 7px 0; } div.collationContainer div.collationSet2End { background: url(../static-images/content-div.png) no-repeat 7px 0; } div.collationContainer div.collationSet1 h2 { font-size: 1.8em; padding: 10px 0; line-height: 1.1em; } div.collationContainer div.collationSet1 h3 { font-size: 1.4em; font-weight: normal; padding: 0 0 10px 0; } div.collationContainer div.collationSet1 p { padding: 0 0 10px 0; } div.collationContainer div.collationSet1 div.image { position: relative; width: 326px; height: 119px; overflow: hidden; } div.collationContainer div.collationSet1 div.image a { display: block; width: 326px; position: absolute; z-index: 1; top: -50%; left: 0; } div.collationContainer div.collationSet1 div.image div.cr-tl, div.collationContainer div.collationSet1 div.image div.cr-tr, div.collationContainer div.collationSet1 div.image div.cr-bl, div.collationContainer div.collationSet1 div.image div.cr-br { position: absolute; height: 8px; width: 7px; overflow: hidden; font-size: 1px; z-index: 2; } div.collationContainer div.collationSet1 div.image div.cr-tl { top: 0; left: 0; background: url(../static-images/collation-wide-cr-tl.png) no-repeat; } div.collationContainer div.collationSet1 div.image div.cr-tr { background: url(../static-images/collation-wide-cr-tr.png) no-repeat; top: 0; left: 319px; } div.collationContainer div.collationSet1 div.image div.cr-bl { background: url(../static-images/collation-wide-cr-bl.png) no-repeat; top: 111px;; left: 0; } div.collationContainer div.collationSet1 div.image div.cr-br { background: url(../static-images/collation-wide-cr-br.png) no-repeat; top: 111px; left: 319px; } div.collationContainer div.collationSet1 p.buttonDark { padding: 0; } div.collationContainer div.collationSet2 div.collationItem { float: left; width: 220px; margin-right: 10px; } div.collationContainer div.collationSet2 div.collationItem div.image { float: left; width: 72px; height: 72px; background: url(../static-images/image-thumb-bg.png) no-repeat; } div.collationContainer div.collationSet2 div.collationItem img { margin: 9px 0 0 9px; } div.collationContainer div.collationSet2 div.collationItem p { margin-left: 78px; padding-right: 20px; padding: 6px 0 0; } div.collationContainer div.collationSet2 div.collationRow { padding: 10px 0 0 10px; } div.collationContainer div.collationSet2 { padding: 5px 0 15px; } div.collationContainer div.collationSet3 { padding: 5px 0 20px; } div.collationContainer div.collationSet3 ul { list-style: none; } div.collationContainer div.collationSet3 ul li { display: block; float: left; width: 317px; border-top: 1px solid #dddddc; margin-left: 15px; } div.collationContainer div.collationSet3 ul.first li { border: 0px none; } div.collationContainer div.collationSet3 ul li a { display: block; padding: 3px 0 3px 18px; font-weight: bold; background: url(../static-images/light-bg-arrow-sprites.png) no-repeat 0 5px; } div.collationContainer div.collationSet3 ul li a:hover { background: url(../static-images/light-bg-arrow-sprites.png) no-repeat 0 -284px; } /* editorial page */ div.articleText { padding: 0 20px; } div.articleText h2, #goog-fixurl h3 { font-size: 1.4em; font-weight: bold; font-family: arial; font-style: normal; color: #504842; padding: 16px 0 16px; background: url(../static-images/editorial-divider.gif) no-repeat top center; } #goog-fixurl h3 { padding: 16px 0 0; } div.articleText p { padding: 0 0 16px; } div.articleText ul { margin-left: 16px; padding-bottom: 16px; } div.articleText ul li { padding: 3px 0; } /* special editorial rules triggered by image tags */ /* general styles */ div.articleText div.editorialAlignment h2 { background: transparent; } div.articleText div.imageContainer, div.articleText div.imageContainerAlt { display: block; width: 106px; height: 106px; margin: 16px 0; float: left; } div.articleText div.imageContainer a, div.articleText div.imageContainerAlt a { display: block; width: 106px; height: 106px; position: relative; } div.articleText div.imageContainer a span, div.articleText div.imageContainerAlt a span { display: block; width: 106px; height: 106px; position: absolute; top: -3px; left: -3px; background: url(../static-images/text-align-img-overlay.png) no-repeat 0 0; } /* left aligned images */ div.articleText div.textBlockLeft, div.articleText div.textBlockRight, div.articleText div.textBlockBoth, div.articleText div.textBlockInline { background: url(../static-images/editorial-divider.gif) no-repeat top center; } div.articleText div.textBlockLeft h2, div.articleText div.textBlockLeft p { margin-left: 120px; } div.articleText div.textBlockLeft ul { margin-left: 134px; } /* right aligned images */ div.articleText div.textBlockRight h2, div.articleText div.textBlockRight p { margin-right: 134px; } div.articleText div.textBlockRight ul { margin-right: 134px; } div.articleText div.textBlockRight div.imageContainer { float: right; } /* images on left and right */ div.articleText div.textBlockBoth h2, div.articleText div.textBlockBoth p { margin-left: 120px; margin-right: 134px; } div.articleText div.textBlockBoth ul { margin-left: 134px; margin-right: 134px; } div.articleText div.textBlockBoth div.imageContainerAlt { float: right; } /* images above or below */ div.articleText div.textBlockInline div.imageContainerTop, div.articleText div.textBlockInline div.imageContainerBottom { display: block; text-align: center; padding: 16px 0 0; } div.articleText div.textBlockInline div.imageContainerBottom { padding: 0 0 16px; } div.mediaPanel { margin: 10px 0 0 10px; } div.mediaPanel div.tabs { margin-left: 6px; position: relative; z-index: 2; float: left; } div.mediaPanel div.tab { background: url(../static-images/media-tab-off.png) no-repeat bottom left; width: 101px; height: 43px; float: left; margin-left: -6px; position: relative; z-index: 2; } div.mediaPanel div.tab.selected { background: url(../static-images/media-tab-on.png) no-repeat bottom left; z-index: 3; } div.mediaPanel div.tab a { display: block; width: 66px; height: 30px; font-size: 1.6em; font-family: Trebuchet MS; font-style: italic; padding: 13px 0 0 30px; } div.mediaPanel div.tab.selected a { padding: 13px 0 0 35px; } div.mediaPanel div#mediaPanelImages.selected a { background: url(../static-images/media-tab-images-on.gif) no-repeat 10px 17px; } div.mediaPanel div#mediaPanelImages a { background: url(../static-images/media-tab-images-off.gif) no-repeat 10px 17px; } div.mediaPanel div#mediaPanelVideo.selected a { background: url(../static-images/media-tab-video-on.gif) no-repeat 10px 17px; } div.mediaPanel div#mediaPanelVideo a { background: url(../static-images/media-tab-video-off.gif) no-repeat 10px 17px; } div.mediaPanel div.mediaPanelContent { border: 1px solid #c8c8c8; border-bottom: 0px none; clear: both; position: relative; z-index: 1; margin: -1px 0 0; float: left; width: 228px; padding: 7px 0 0; } div.mediaPanel div.mediaPanelContent div.cr-tr { display: block; width: 10px; height: 10px; overflow: hidden; font-size: 1px; background: url(../static-images/media-panel-cr-tr.gif) no-repeat; position: absolute; top: -1px; left: 219px; } div.mediaPanel div.mediaPanelContent div.divider { position: relative; height: 7px; font-size: 1px; clear: both; } div.mediaPanel div.mediaPanelContent div.divider div { height: 7px; width: 230px; position: absolute; left: -1px; top: 0; background: url(../static-images/media-panel-div.gif) no-repeat; } div.mediaPanel ul.mediaPanelThumbs { list-style: none; margin: 10px 0 0 9px; padding: 0 0 4px 0; } div.mediaPanel ul.mediaPanelThumbs img { margin: 9px 0 0 9px; width: 54px; height: 54px; } div.mediaPanel ul.mediaPanelThumbs li { display: block; float: left; background: url(../static-images/image-thumb-bg.png) no-repeat; width: 72px; height: 72px; margin: -3px -3px 0 0; position: relative; } div.mediaPanel div.bottom { display: block; height: 8px; width: 230px; background: url(../static-images/media-panel-bottom.png) no-repeat; clear: both; } div.mediaPanel a.image { display: block; position: relative; margin: 10px 0 10px 6px; float: left; width: 215px; min-height: 24px; } div.mediaPanel a.image span { display: block; width: 22px; height: 22px; position: absolute; right: 0; bottom: 0px; background: url(../static-images/media-icon-zoom.gif) no-repeat bottom right; } div.mediaPanel div#mediaPanelVidHeader a.image span { display: none; } body.editorialPage div.content.pos2 { margin-top: 10px; background: url(../static-images/footer-top-div.png) no-repeat top center; } div.contentModule.pos1 { background: url(../static-images/module1-right.gif) no-repeat bottom right; min-height: 146px; padding: 10px 0; } div.contentModule div.moduleTitle { background: url(../static-images/round-icon-contact.gif) no-repeat 20px 12px; padding: 10px 0 6px 64px; min-height: 40px; } div.contentModule div.moduleTitle h2 { font-size: 1.8em; } div.contentModule div.contactModuleContent div.leftCol { float: left; width: 310px; padding: 0 19px 0 20px; min-height: 100px; border-right: 1px solid #eaeaea; } div.contactModuleLeftCol { border-right: 1px solid #eaeaea; float: left; min-height: 100px; padding: 0 19px 0 20px; margin-left: 14px; width: 295px; } div.cmCol1 { height: 100px; width: 124px; margin-left: 14px; float: left; background: url(../static-images/module-contact-bg.png) no-repeat 0 0; } #csHeating div.cmCol1, #csCalor div.cmCol1 { background: url(/static-images/module-contact-bg.png) no-repeat 0 0; } #csCooking div.cmCol1 { background: url(/static-images/contact-specialists-cooking.png) no-repeat 0 0; } #csAutogas div.cmCol1 { background: url(/static-images/contact-specialists-autogas.png) no-repeat 0 0; } #csLPG div.cmCol1 { background: url(/static-images/contact-specialists-lpg.png) no-repeat 0 0; } #csSwitching div.cmCol1 { background: url(/static-images/contact-specialists-switching.png) no-repeat 0 0; } div.cmCol2 { height: 100px; width: 212px; float: left; } div.cmCol2 h3 { padding: 8px 0 0; font-size:1.8em; font-weight:normal; } div.cmCol3 { min-height: 100px; width: 320px; float: left; border-left: 1px solid #eaeaea; } div.cmCol3 p { margin: 0; padding: 8px 20px; } div.contentModule div.contactModuleContent div.rightCol, div.contactModuleRightCol { float: left; width: 310px; padding: 10px 20px 20px; } div.contentModule div.contactModuleContent div.leftCol h3, div.contactModuleLeftCol h3 { font-size: 1.8em; font-weight: normal; padding: 8px 0 0 100px; } div.contentModule div.contactModuleContent div.leftCol h3 span, div.contactModuleLeftCol h3 span { font-style: normal; font-weight: normal; } div.contentModule div#relatedModule { background: url(../static-images/round-icon-related.png) no-repeat 20px 12px; padding: 10px 0 6px 64px; min-height: 40px; } div.contentModule.pos1 div#relatedModule { background: url(../static-images/related-panel-icon.gif) no-repeat 20px 12px; } div.contentModule.pos2 { background: url(../static-images/module2-bg.gif) no-repeat top right; min-height: 146px; padding: 20px 0; } div.contentModule.pos2 div.relatedModuleContent { padding: 6px 0 0; } div.contentModule.pos2 div.relatedModuleContent.first { background: url(../static-images/module-related-div.gif) no-repeat top center; } div.contentModule div.relatedModuleContent div.leftCol { float: left; width: 310px; padding: 0 20px 0 20px; min-height: 100px; } div.contentModule div.relatedModuleContent div.leftCol div.image { background: url(../static-images/home-image-bg.png) no-repeat 0 0; width: 104px; height: 98px; float: left; } div.contentModule div.relatedModuleContent div.leftCol div.image img{ width: 74px; height: 74px; margin: 12px 0 0 12px; } div.contentModule div.relatedModuleContent div.leftCol strong a { font-size: 1.2em; } div.contentModule div.relatedModuleContent div.leftCol p { padding: 0 0 2px; } div.contentModule div.relatedModuleContent div.leftCol p.buttonDark { margin-top: 10px; } div.contentModule div.relatedModuleContent div.leftCol div.text { padding: 10px 0 0; float: left; width: 205px; } div.contentSideMod div.moduleTitle { padding: 20px 0 6px 64px; min-height: 40px; } div#linksSideMod div.moduleTitle { background: url(../static-images/round-icon-contact.gif) no-repeat 20px 22px; } div#docsSideMod div.moduleTitle { background: url(../static-images/round-icon-downloads.gif) no-repeat 20px 22px; } div.contentSideMod div.moduleTitle h2 { font-size: 1.8em; } div#docsSideMod div.moduleTitle h2 { padding-top: 4px; } div.contentSideMod ul { list-style: none; margin: 0; padding: 4px 20px 4px; display: block; clear: both; font-weight: bold; } div.contentSideMod ul li { display: block; background: url(../static-images/sidemod-div.gif) no-repeat top center; } div.contentSideMod ul li.first { background: transparent; } div.contentSideMod ul li a { background: url(../static-images/light-bg-arrow-sprites.png) no-repeat 0 6px; display: block; padding: 4px 0 4px 16px; } div.contentSideMod ul li a:hover { background: url(../static-images/light-bg-arrow-sprites.png) no-repeat 0 -284px; } div.contentSideMod p.note { padding: 0 20px; } div.contentSideMod ul li a span { font-weight: normal; } /* enquiry form */ form.enquiryForm { display: block; margin: 0; padding: 0; font-size: 1em; } form.enquiryForm div.formBG { padding: 15px; } form.enquiryForm div.formBG div.label { width: 280px; display: block; float: left; font-family: Trebuchet MS; font-style: italic; font-size: 1.4em; padding: 3px 0 0; } form.enquiryForm div.formBG div.fields label { font-size: 1.2em; display: block; float: left; width: 335px; padding: 5px 0 0; } form.enquiryForm div.formBG div.label span { padding-left: 4px; } form.enquiryForm div.formBG div.label p.additionalNote { padding-top: 5px; font-size: 0.8em; } form.enquiryForm div.formBG div.field, form.enquiryForm div.formBG div.fields { width: 380px; display: block; float: right; } form.enquiryForm div.formBG div.fields div.field { padding: 0 0 8px 0; float: left; } form.enquiryForm div.formBG div.fwFields div.field { float: none; clear: both; width: 660px; padding: 8px 0 0; } form.enquiryForm div.formBG div.fwFields p.note { display: block; font-size: 1.2em; } form.enquiryForm div.formBG div.fwFields div.field label { font-size: 1.2em; display: block; float: left; width: 600px; padding: 5px 0 0; } form.enquiryForm div.formBG div.field.text, form.enquiryForm div.formBG div.fields div.field.text { background: url(../static-images/enq-form-text-field.png) no-repeat 0 0; width: 363px; height: 24px; padding: 3px 7px 0; } form.enquiryForm div.formBG div.field.textarea { background: url(../static-images/enq-form-text-area.png) no-repeat 0 0; width: 363px; height: 124px; padding: 3px 7px 0; } form.enquiryForm div.formBG div.field.textarea textarea { width: 356px; height: 110px; font-size: 1.2em; background: transparent; border: 0px none; overflow: auto; } form.enquiryForm div.formBG div.field.text input { background: transparent; border: 0px none; width: 360px; font-size: 1.2em; } form.enquiryForm div.formBG div.field.text input { background: transparent; border: 0px none; width: 360px; font-size: 1.2em; } form.enquiryForm div.formBG div.field.text input:focus { } #calorForm #userChoice { padding-bottom: 5px; } .clearRow { clear: both; } #requestBrochurePanel, #requestAppointmentPanel, #requestAppointmentCalorforcePanel, #enquiriesPanel, #websiteFeedbackPanel, #movingPropertyPanel, #recommendFriendPanel, #becomeInstallerPanel, #becomeStockistPanel, #calorforceEnquiryPanel, #signUpAndWinPanel, #newsletterSignUpPanel, #businessIncentivePanel, #btccCompetitionPanel { display: none; } /* #calorForm label.error { display: none; padding-left: 5px; } */ form.enquiryForm div.formBG div.row { background: url(../static-images/enq-form-field-div.gif) no-repeat bottom left; padding: 0 0 10px; margin: 0 0 9px; } form.enquiryForm div.formBG div.row.rowEnd { background: transparent; padding: 0 0 18px; margin: 0 0 17px; border-bottom: 1px solid #b2b2b2; } form.enquiryForm div.formBG #formMsg.row { background: transparent; border-bottom: 0px none; font-size: 1.2em; display: none; } form.enquiryForm div.formBG div.error, form.enquiryForm div.formBG label.error { display: block; width: 377px; float: right; margin-top: 4px; clear: both; } form.enquiryForm div.formBG div.fwFields div.error, form.enquiryForm div.formBG div.fwFields label.error { display: block; float: none; width: 600px; } form.enquiryForm div.formBG div.error label.error, form.enquiryForm div.formBG label.error { font-size: 1.2em; padding: 0; } form.enquiryForm div.formBG div.field div.dateSub { background: url(../static-images/enq-form-text-field-small.png) no-repeat 0 0; float: left; width: 100px; margin-right: 10px; padding: 3px 7px; } form.enquiryForm div.formBG div.field div.dateSub input { width: 160px; background: transparent; border: 0px none; } form.enquiryForm div.formBG div.field div.dateSub label { display: block; margin: 10px 0 0 -7px; font-size: 1.2em; } form.enquiryForm h2 { display: block; font-size: 1.4em; font-weight: bold; padding: 0; } form.enquiryForm input.enqSubmit { background: none; border: 0px none; width: 121px; height: 34px; display: block; cursor: pointer; text-indent:-3000px; } form.enquiryForm div.enqSubmit { width: 121px; height: 34px; display: block; background: url(../static-images/enq-submit.png) no-repeat 0 0; /*margin-left: 550px;*/ float: right; cursor: pointer; } form.enquiryForm div.enqSubmit:hover { background: url(../static-images/enq-submit.png) no-repeat 0 -50px; } div#userChoice { background: url(../static-images/enq-form-header.gif) no-repeat 0 0; width: 685px; height: 51px; padding: 20px 0 0 15px; margin: 0 0 8px; } div.servermessage { display: block; padding: 0 15px 14px; } div.servermessage h2 { font-size: 1.4em; } div.servermessage p { font-size: 1.2em; font-weight: bold; } form.enquiryForm div.formBG div.fwFields div.ecrm div.field { float: left; display: block; width: 120px; clear: none; padding: 10px 0; } form.enquiryForm div.formBG div.fwFields div.ecrm label { display: block; width: 80px; } div#surveyWrapper{ display:none; } div.surveyLightboxStart{ padding:0 20px; cursor:pointer; } #cbSurveyWrapper #survey{ width:700px; } #goog-fixurl ul { list-style: none; margin: 0; padding: 0; } #goog-fixurl ul li { display: block; padding: 10px 0; } #goog-fixurl form input { display: block; margin: 10px 0; } #goog-fixurl form #goog-wm-qt { background:transparent url(../static-images/contact-bar-input.gif) no-repeat scroll 0 0; float:left; height:22px; margin:-1px 4px 0 0; padding:3px 3px 0 5px; width:195px; border: 0px none; } /* google search styles */ .gs-title { font-size: 1.2em; color: #690001; padding-bottom: 2px; font-weight: bold; } .gs-title:hover { color: #ed1c2e; } .gs-visibleUrl-long { font-size: 1.1em; padding-bottom: 20px; } .gs-snippet { font-size: 1.1em; } .gs-visibleUrl-short, .gs-watermark, .gsc-branding, .gsc-tabsArea, .gsc-adBlock, .gsc-resultsHeader { display: none; } form.gsc-search-box { background: url(../static-images/search-results-bg.gif) no-repeat left top; padding: 25px 0px 40px 15px; margin: 0; } .gsc-cursor-page { display: inline; cursor: pointer; font-size: 1.2em; margin-right: 8px; text-decoration: underline; color: #690001; } .gsc-cursor-current-page { color: #ed1c2e; font-weight: bold; text-decoration: none; } td.gsc-search-button { padding-top: 2px; } input.gsc-search-button { border: none; color: #fff; background: url(../static-images/search-results-btn.gif) no-repeat; width: 70px; /*height: 23px;*/ padding: 2px 0px 4px 0px; font-size: 1.1em; font-weight: bold; cursor: pointer; } input.gsc-input { width: 535px !important; font-size: 1.1em; padding:3px 8px; border: none; margin-right: 10px; } td.gsc-input { width: 555px !important; } /* iframe */ #iframeWrapper{ } #iframeWrapper iframe{ margin-top:56px; border:none; width:100%; height:400px; overflow:hidden; } /* sitemap styles*/ .content.sitemap{ margin-top:120px; } .child{ padding:5px 10px 5px 40px; } .parent em{ font-weight:bold; } /* editorial promo video styles */ div.editorialPromoVideo { padding: 20px 13px; background: url(../static-images/editorial-divider.gif) no-repeat center top; } div.editorialPromoVideo div.vidTop { height: 6px; display: block; overflow: hidden; background: url(../static-images/video-promo-top.gif) no-repeat; } div.editorialPromoVideo div.vidBot { height: 8px; display: block; overflow: hidden; background: url(../static-images/video-promo-bot.gif) no-repeat; } div.editorialPromoVideo div.vidMid { background: url(../static-images/video-promo-mid.gif); padding: 5px 0 2px 10px; } /* product carousel */ div.productCarousel { background: url(../static-images/product-pages/carousel-bg-top.gif) no-repeat top left; display: block; width: 698px; margin-bottom: 20px; } div.productCarouselInner { background: url(../static-images/product-pages/carousel-bg-bot.gif) no-repeat bottom left; display: block; width: 698px; position: relative; } div.productCarousel h2 { display: block; padding: 16px 16px 8px 16px; font-size: 1.8em; color: #504842; } div.productCarouselInner a.prev, div.productCarouselInner a.next { display: block; width: 29px; height: 121px; position: absolute; top: 45px; background: url(../static-images/product-pages/carousel-left-control.gif) no-repeat 0 0; } div.productCarouselInner a.prev { left: 0; } div.productCarouselInner a.next { right: 0; background: url(../static-images/product-pages/carousel-right-control.gif) no-repeat 0 0; } div.productCarousel div.hider { min-height: 134px; padding-bottom: 16px; position: relative; margin-left: 54px; width: 590px; overflow: hidden; } div.productCarousel div.slider { position: absolute; top: 0; left: 0; display: block; width: 3000px; } div.productCarousel div.slider ul { display: block; float: left; margin: 0; padding: 0; width: 590px; list-style: none; font-size: 1em; } div.productCarousel div.slider li { display: block; float: left; width: 118px; } div.productCarousel div.slider li a { display: block; width: 118px; } div.productCarousel div.slider a.img { display: block; height: 108px; width: 104px; padding: 14px 0 0 14px; background: url(../static-images/product-pages/carousel-thumb-bg.gif) no-repeat 0 0; } div.productCarousel div.slider a.img img { width: 90px; height: 90px; display: block; overflow: hidden; } div.productCarousel div.slider a.text { display: block; margin-top: -2px; font-size: 1.1em; font-weight: bold; text-align: center; padding: 0 3px; width: 112px; } div.productFeaturesPanel { display: block; /*padding-bottom: 20px;*/ } div.productFeaturesPanel div.productImages { float: left; width: 292px; margin: 12px 0 0 12px; } div.productFeaturesPanel div.mainImage { height: 284px; width: 288px; background: url(../static-images/product-pages/feature-image-bg-mid.gif) repeat-y 0 0; position: relative; padding: 4px 0 0 4px; } div.productFeaturesPanel div.mainImage div.mainImageTop { position: absolute; top: 0; left: 0; display: block; width: 292px; height: 6px; overflow: hidden; background: url(../static-images/product-pages/feature-image-bg-top.gif) no-repeat 0 0; } div.productFeaturesPanel div.mainImage div.mainImageBot { position: absolute; bottom: 0; left: 0; display: block; width: 292px; height: 2px; overflow: hidden; background: url(../static-images/product-pages/feature-image-bg-end.gif) no-repeat 0 0; } div.productFeaturesPanel div.mainImage div.mainImageMagnify { display: block; width: 22px; height: 22px; background: url(../static-images/product-pages/magnify.gif) no-repeat 0 0; position: absolute; bottom: 5px; right: 8px; cursor: pointer; } div.productFeaturesPanel div.mainImage div.mainImageMagnify a { display: block; width: 22px; height: 22px; } div.productFeaturesPanel div.mainImageAfter { display: block; width: 292px; height: 4px; overflow: hidden; background: url(../static-images/product-pages/feature-image-bg-bot.gif) no-repeat 0 0; } div.productFeaturesPanel div.subImageCarousel { display: block; width: 292px; height: 78px; background: url(../static-images/product-pages/small-image-bg.gif) no-repeat 0 0; position: relative; padding: 10px 0 0; } div.productFeaturesPanel div.subImageCarousel div.hider { height: 55px; width: 235px; overflow: hidden; margin-left: 25px; position: relative; } div.productFeaturesPanel div.subImageCarousel div.slider { position: absolute; top: 0; left: 0; width: 2000px; } div.productFeaturesPanel div.subImageCarousel div.hider ul { list-style: none; display: block; float: left; margin: 0; padding: 0; width: 240px; } div.productFeaturesPanel div.subImageCarousel div.hider li { display: block; float: left; width: 55px; height: 55px; margin-right: 5px; } div.productFeaturesPanel div.subImageCarousel div.hider li img { width: 55px; height: 55px; } div.productFeaturesPanel div.subImageCarousel div.prev, div.productFeaturesPanel div.subImageCarousel div.next { display: block; width: 14px; height: 17px; overflow: hidden; position: absolute; top: 30px; } div.productFeaturesPanel div.subImageCarousel div.prev a, div.productFeaturesPanel div.subImageCarousel div.next a { display: block; width: 14px; height: 17px; } div.productFeaturesPanel div.subImageCarousel div.prev { background: url(../static-images/product-pages/carousel-arrow-left.png) no-repeat 0 0; left: 3px; } div.productFeaturesPanel div.subImageCarousel div.next { background: url(../static-images/product-pages/carousel-arrow-right.png) no-repeat 0 0; right: 3px; } div.productFeaturesPanel div.productInfo { float: left; width: 378px; padding: 4px 0 0 10px; } div.productFeaturesPanel div.productInfo div.info { min-height: 232px; } div.productFeaturesPanel div.productInfo div.info h2, div.productFeaturesPanel div.aag h2 { font-size: 1.8em; padding: 14px 0 0; } div.productFeaturesPanel div.aag h2 { padding: 10px 16px 8px; } div.productFeaturesPanel div.productInfo div.info ul { list-style: none; padding: 6px 10px 6px 0; } div.productFeaturesPanel div.productInfo div.info ul li { display: block; padding: 1px 0 2px 20px; background: url(../static-images/product-pages/info-bullet.gif) no-repeat 1px 4px; } div.productFeaturesPanel div.productInfo div.info p { display: block; padding: 6px 10px 6px 0; } div.productFeaturesPanel div.aag { background: url(../static-images/product-pages/aag-mid.gif) repeat-y; } div.productFeaturesPanel div.aagMid { background: url(../static-images/product-pages/aag-top.gif) no-repeat top left; } div.productFeaturesPanel div.aagInner { background: url(../static-images/product-pages/aag-bot.gif) no-repeat bottom left; } div.productFeaturesPanel div.aagDim { padding: 2px 0 12px 14px; } div.productFeaturesPanel div.aagDimWidth, div.productFeaturesPanel div.aagDimHeight, div.productFeaturesPanel div.aagDimDepth { display: block; float: left; width: 85px; padding: 0 10px 0 20px; min-height: 15px; font-size: 1.2em; } div.productFeaturesPanel div.aagDimWidth { background: url(../static-images/product-pages/width.gif) no-repeat; } div.productFeaturesPanel div.aagDimHeight { background: url(../static-images/product-pages/height.gif) no-repeat; } div.productFeaturesPanel div.aagDimDepth { background: url(../static-images/product-pages/depth.gif) no-repeat; } div.productFeaturesPanel div.aagDiv { background: url(../static-images/product-pages/aag-div.gif) no-repeat; display: block; height: 9px; padding-bottom: 6px; } div.productFeaturesPanel div.aagColours { padding: 0 0 4px 0; } div.productFeaturesPanel div.aagColours p { font-size: 1.2em; display: block; padding: 0 14px; } div.productFeaturesPanel div.aagColours ul { list-style: none; display: block; padding: 4px 10px 10px 14px; } div.productFeaturesPanel div.aagColours ul li { display: block; float: left; width: 46px; height: 24px; background: url(../static-images/product-pages/colour-panel.png) no-repeat; margin-right: 5px; } div.productPackPanel { position: relative; margin-top: 25px; margin-left: 10px; width: 232px; } div.productPackPanel div.pointer { background: url(../static-images/blurb-pointer.png) no-repeat right top; display: block; height: 28px; left: -20px; position: absolute; top: 15px; width: 34px; z-index: 2; } div.productPackPanel div.top { width: 232px; height: 9px; display: block; overflow: hidden; background: url(../static-images/product-pages/product-pack-panel-top.png) no-repeat; } div.productPackPanel div.mid { width: 204px; display: block; padding: 10px 14px; background: url(../static-images/product-pages/product-pack-panel-mid.gif) repeat-y; } div.productPackPanel div.bot { width: 232px; height: 55px; display: block; background: url(../static-images/product-pages/product-pack-panel-bot.gif) no-repeat; position: relative; } div.productPackPanel div.priceStar { background: url(../static-images/product-pages/pack-price-star.png) no-repeat; display: block; width: 73px; height: 73px; position: absolute; top: -6px; right: -7px; } div.productPackPanel div.priceStar p { display: block; padding: 18px 0 0; margin: 0; text-align: center; width: 70px; font-family: Trebuchet MS; font-style: italic; line-height: 1.1em; font-size: 1.1em; } div.productPackPanel div.priceStar p strong { display: block; font-family: Arial black, arial; font-style: normal; font-size: 1.4em; } div.productPackPanel div.packContents img { display: block; margin: 0; padding: 0; float: left; } div.productPackPanel div.bot div.price { display: block; height: 40px; min-width: 94px; background: #d60322 url(../static-images/product-pages/pack-price-arrow.gif) no-repeat right top; float: left; margin: 6px 0 0 12px; padding: 7px 17px 0 0; font-size: 2.4em; font-weight: bold; } div.productPackPanel div.mid h2, div.productNonPackPanel div.mid h2 { font-weight: normal; font-size: 1.8em; display: block; padding: 0 65px 0 8px; } div.productNonPackPanel div.mid h2 { padding: 0 40px 0 0px; } div.productPackPanel div.mid h3 { font-weight: normal; font-size: 1.4em; display: block; padding: 0 65px 4px 8px; } div.productPackPanel div.bot div.buyNow { position: absolute; top: 17px; right: 12px; } div.productPackPanel div.bot div.buyNow, div.productPackPanel div.bot div.buyNow a { display: block; width: 93px; height: 25px; } div.productPackPanel div.bot div.buyNow a { text-indent: -9999px; background: url(../static-images/product-pages/pack-buy.gif) no-repeat; } div.productNonPackPanel { position: relative; margin-top: 10px; margin-left: 10px; } div.productNonPackPanel div.top { width: 232px; height: 9px; display: block; overflow: hidden; background: url(../static-images/product-pages/non-pack-top.gif) no-repeat; } div.productNonPackPanel div.mid { width: 204px; display: block; padding: 2px 14px; background: url(../static-images/product-pages/non-pack-mid.gif) repeat-y; } div.productNonPackPanel div.bot { width: 232px; height: 55px; display: block; background: url(../static-images/product-pages/non-pack-bot.gif) no-repeat; position: relative; } div.productNonPackPanel div.bot div.price { display: block; height: 40px; min-width: 94px; background: #fff url(../static-images/product-pages/non-pack-arrow.gif) no-repeat right top; float: left; margin: 6px 0 0 12px; padding: 7px 17px 0 0; font-size: 2.4em; font-weight: bold; } div.productNonPackPanel div.bot div.buyNow { position: absolute; top: 17px; right: 12px; } div.productNonPackPanel div.bot div.buyNow, div.productNonPackPanel div.bot div.buyNow a { display: block; width: 93px; height: 25px; } div.productNonPackPanel div.bot div.buyNow a { text-indent: -9999px; background: url(../static-images/product-pages/non-pack-buy.gif) no-repeat; } div.productNonPackPanel div.mid div.img { width: 204px; text-align: center; padding: 14px 0 4px; } div.productNonPackPanel div.mid div.img img { display: block; margin: 0 auto; } div#productOptionsPicker { } div#productOptionsPicker div.left { float: left; display: block; width: 260px; padding: 0 0 20px 30px; } div#productOptionsPicker div.right { float: right; display: block; width: 260px; padding: 0 30px 20px 0; } div#productOptionsPicker div.right div.productNonPackPanel { margin-top: 25px; } div#productOptionsPicker div.productPackPanel div.pointer { display: none; } p.productPageSmallPrint { font-size: 1em; display: block; padding: 0 17px 20px; } p.featureBuyNowLink { font-size: 1.4em; } p.featureBuyNowLink a { display: block; background: url(../static-images/product-pages/buy-lozenge-left.gif) no-repeat top left; float: left; height: 23px; padding-left: 19px; cursor: pointer; } p.featureBuyNowLink a strong { display: block; background: url(../static-images/product-pages/buy-lozenge-right.gif) no-repeat top right; height: 20px; font-weight: bold; padding: 3px 12px 0 4px; cursor: pointer; } div.productCatList { background: url(../static-images/content-block-bg-top.gif) no-repeat 0 0; display: block; padding: 18px 0 20px 17px; } div.productCatList ul { display: block; float: left; width: 210px; list-style: none; margin-right: 10px; } div.productCatList ul li { background: url(../static-images/product-pages/product-list-div.gif) no-repeat top left; display: block; padding: 3px 0 0; margin-bottom: 3px; } div.productCatList ul li.first { background: none; } div.productCatList ul li a { background: url(../static-images/product-pages/info-bullet.gif) no-repeat 0 3px; display: block; min-height: 11px; padding-left: 18px; } div.productCatList h2 { font-size: 1.8em; display: block; padding: 0 0 16px; } div.productCatListInner { background: url(../static-images/product-pages/product-list-bottom-div.gif) no-repeat bottom left; padding-bottom: 16px; } h2.prodBuyGasOnline { display: block; font-size: 1.8em; margin: 10px 0 0 10px; padding:13px 0 0 34px; background:url(../static-images/product-pages/buy-gas-button.gif) no-repeat; height:38px; width:198px; } /* Calor Network Styles */ /* UK Regions Map */ .cnContentBlock { background: url(../static-images/content-block-bg-top.gif) no-repeat; } .cnContentBlock h2 { padding: 15px 0 0 20px; font-size: 1.6em; /*color: #690001;*/ } .ukRegionsMap { width: 360px; margin: 0 auto; padding-bottom: 20px; margin-top: -5px; } .ukRegionsMap img { display: inline; } /* Image downloads */ .rightSideLinksBox { margin: 10px 0 0 10px; position: relative; } .rightSideLinksBoxTop { background: url(../static-images/blurb-panel-top.gif) no-repeat; font-size: 0; height: 9px; } .rightSideLinksBoxBtm { background: url(../static-images/blurb-panel-bot.gif) no-repeat; font-size: 0; height: 9px; } .rightSideLinksBoxMid { background: url(../static-images/blurb-panel-mid.gif) repeat-y; } .rightSideLinksBox h2 { font-size: 1.6em; color: #690001; padding: 0 12px; padding-bottom: 4px; } .rightSideLinksBox h2.top { padding-left: 20px; } .rightSideLinksBox h3 { font-size: 1.1em; color: #7E736B; padding: 0 12px; padding-bottom: 0px; } .rightSideLinksBox .divider { background: url(../static-images/media-panel-div.gif) no-repeat; height: 7px; margin-bottom: 8px; } .rightSideLinksBox ul { padding: 0 12px 5px 12px; margin: 0; list-style-type: none; } .rightSideLinksBox ul li a { font-weight: bold; background: url(../static-images/light-bg-arrow-sprites.png) no-repeat 0 6px; background-position: 0 6px; display:block; padding: 2px 0 2px 22px; } .rightSideLinksBox ul li a:hover { background-position: 0 -284px; } .rightSideLinksBox ul li.last { border-top: 1px dotted #b2b2b2; border-bottom: 1px dotted #b2b2b2; } .rightSideLinksBox .pointer { background: url(../static-images/blurb-pointer.png) no-repeat; width: 34px; height: 28px; position: absolute; top: 10px; left: -20px; } #galleryImages { padding-top: 15px; } div.galleryBody ul { list-style: none; margin-left: 8px; padding: 5px 0 1px; } div.galleryBody li { display: block; float: left; margin-right: 9px; padding-bottom: 9px; position: relative; } div.galleryBody li img { width: 125px; height: 125px; display: block; } div.galleryBody li span { display: block; position: absolute; top: 0; left: 0; width: 125px; height: 125px; background: url(../static-images/networks/galleryPhotoHolder.png) no-repeat 0 0; } #galleryImages div.hider { margin: 0 0 0 17px; width: 670px; overflow: hidden; position: relative; } #galleryImages div.slider { position: absolute; } #galleryImages div.hider, #galleryImages div.slider { height: 214px; height: 410px; } #galleryImages div.hider ul { float: left; display: block; width: 670px; margin: 0; } .galleryFooter { padding-bottom: 10px; } .galleryFooter .left { float: left; width: 200px; margin-left: 18px; } .galleryFooter .right { float: right; width: 85px; } div.networksHomeIntro p { display: block; padding: 15px 5px 15px 15px; font-size: 1.8em; font-family: Trebuchet MS; font-style: italic; } div.cnHomeNews { background: url(../static-images/content-block-bg-top.gif) no-repeat 0 0; margin-top: 7px; padding: 1px 0 0; } div.cnHomeNews div.cnAnnounce { display: block; width: 679px; background: url(../static-images/networks/announce-arrow-bg.gif) no-repeat left center; margin: 20px 0 0 10px; min-height: 45px; position: relative; } div.cnHomeNews div.cnAnnounce div.top { display: block; width: 679px; height: 15px; overflow: hidden; background: url(../static-images/networks/announce-arrow-top.png) no-repeat 0 0; position: absolute; top: -9px; left: 0; } div.cnHomeNews div.cnAnnounce div.bot { display: block; width: 679px; height: 17px; overflow: hidden; background: url(../static-images/networks/announce-arrow-bot.png) no-repeat 0 0; position: absolute; bottom: -9px; left: 0; } div.cnHomeNews div.cnAnnounce div.right { float: right; display: block; width: 660px; margin: 0 10px 0 0; } div.cnHomeNews div.cnAnnounce div.right a { display: block; width: 392px; padding: 16px 50px 12px 218px; font-size: 1.2em; font-weight: bold; background: url(../static-images/networks/announce-arrow-link.gif) no-repeat 630px 60%; } div.cnHomeNewsPanels div.img { background: #cdcdcd url(../static-images/networks/home-news-img-bg-bot.gif) no-repeat bottom left; width: 218px; display: block; float: left; margin: 10px 0 0 10px; } div.cnHomeNewsPanels div.img a { display: block; background: url(../static-images/networks/home-news-img-bg-top.gif) no-repeat top left; padding: 12px 0 12px 12px; width: 206px; } div.cnHomeNewsPanels div.panels { padding: 8px 0 0 0; display: block; float: left; width: 460px; } div.cnHomeNewsPanels div.panels div.topPanel { display: block; position: relative; background: #cdcdcd url(../static-images/networks/news-highlight-mid.gif) repeat-y top right; padding: 0 10px 0 0; margin: 0 0 8px; } div.cnHomeNewsPanels div.panels div.topPanel div.top { display: block; position: absolute; top: 0; left: -12px; width: 471px; height: 17px; background: url(../static-images/networks/news-highlight-top.gif) no-repeat top right; overflow: hidden; } div.cnHomeNewsPanels div.panels div.topPanel div.bot { display: block; position: absolute; bottom: -9px; left: -7px; width: 466px; height: 17px; background: url(../static-images/networks/news-highlight-bot.gif) no-repeat top right; overflow: hidden; } div.cnHomeNewsPanels div.panels div.topPanel div.mid { padding: 20px 150px 12px 20px; background: #fff; margin-left: -8px; } div.cnHomeNewsPanels div.panels div.topPanel h2, div.cnHomeNewsPanels div.panels div.panel h2 { font-family: arial; font-weight: bold; font-size: 1.2em; font-style: normal; } div.cnHomeNewsPanels div.panels div.topPanel p { font-size: 1.1em; } div.cnHomeNewsPanels div.panels div.topPanel p.buttonDark, div.cnHomeNewsPanels div.panels div.panel p.buttonDark { position: absolute; top: 20px; right: 20px; font-size: 0.8em; } div.cnHomeNewsPanels div.panels div.panel p.buttonDark { top: 2px; } div.cnHomeNewsPanels div.panels div.panel { padding: 0 10px 11px 0; margin: 0 0 9px; position: relative; background: url(../static-images/networks/news-panel-div.gif) no-repeat 12px bottom; } div.cnHomeNewsPanels div.panels div.panel.last { background: transparent; } div.cnHomeNewsPanels div.panels div.panel p { font-size: 1.1em; } div.cnHomeNewsPanels div.panels div.panel div.mid { padding: 0 150px 0 13px; } div.cnHomePromos { background: url(../static-images/content-block-bg-top.gif) no-repeat 0 0; margin-top: 7px; padding: 10px 0 10px 10px; } div.cnHomePromo { margin: 0 11px 0 0; padding-top: 12px; float: left; width: 214px; } div.cnHomePromo a.img { display: block; margin-left: 4px; } div.cnHomePromosTop { display: block; background: url(../static-images/networks/home-promos-top.gif) no-repeat 0 0; margin: 0; padding-left: 8px; } div.cnHomePromosBot { display: block; height: 17px; overflow: hidden; background: url(../static-images/networks/home-promos-bot.gif) no-repeat 0 0; padding-left: 8px; } div.cnHomePromo h2 { display: block; padding: 10px 12px 8px; font-size: 1.6em; } div.cnHomePromo p { display: block; padding: 0 12px 8px; } div.cnHomePromo p.buttonDark { padding: 0 10px 4px; } div.ugcComments { background: url(../static-images/networks/ugc-outer-mid.gif) repeat-y 0 0; } div.ugcComments div.ugcCommentsTop { display: block; background: url(../static-images/networks/ugc-outer-top.gif) no-repeat 0 0; width: 696px; height: 12px; overflow: hidden; } div.ugcComments div.ugcCommentsBot { display: block; background: url(../static-images/networks/ugc-outer-bot.gif) no-repeat 0 0; width: 696px; height: 16px; overflow: hidden; } div.ugcComments h2 { background: url(../static-images/networks/ugc-comments-icon.gif) no-repeat 12px 0; min-height: 37px; display: block; padding: 6px 0 0 55px; font-size: 1.8em; } div.ugcComments div.comment { background: url(../static-images/networks/ugc-comment.gif) repeat-y 0 0; } div.ugcComments div.comment div.top div.quotes { background: url(../static-images/networks/ugc-comment-quotes.gif) no-repeat 0 0; min-height: 75px; padding: 13px 25px 8px 58px; } div.ugcComments div.noComment div.top { padding: 10px 60px 0; } div.ugcComments div.comment div.bot { background: url(../static-images/networks/ugc-comment-bottom.gif) repeat-y 0 0; width: 696px; height: 8px; display: block; overflow: hidden; } div.ugcComments div.quotes h3 { font-family: arial; font-style: normal; font-weight: bold; font-size: 1.2em; } div.ugcComments div.quotes h4 { font-family: arial; font-style: normal; font-weight: bold; font-size: 1em; text-transform: uppercase; display: block; background: url(../static-images/networks/ugc-comment-div.gif) no-repeat bottom left; padding: 0 0 9px; margin: 0 0 7px; } div.ugcCommentsUtilArea { display: block; padding: 8px 0 2px 16px; } div.ugcCommentsUtilArea p.note { font-size: 0.9em; font-weight: bold; display: block; float: left; padding: 4px 0 0 6px; text-transform: uppercase; } /* CN Forms */ .cnNetworkFormContainer { padding: 0; } .cnNetworkFormContainer form { padding: 0; margin: 0; } .cnFormBoxContainerTop { background: url(../static-images/networks/cn-form-box-container-top.gif) no-repeat left top; } .cnFormBoxContainerTop h2 { padding: 16px 0 0 24px; font-size: 1.6em; color: #5e000c; } .cnFormBoxContainer { background: url(../static-images/networks/cn-form-box-container-bg.gif) repeat-y left top; padding: 12px 0 0 16px; } .cnFormBoxContainer.topBg { background: url(../static-images/networks/cn-form-box-top.gif) no-repeat left top; padding-top: 16px; } .cnFormBoxContainerBtm { background: url(../static-images/networks/cn-form-box-container-btm.gif) no-repeat left top; height: 20px; margin-bottom: 10px; } .cnFormBox { float: left; width: 330px; margin-right: 10px; padding-bottom: 12px; } .cnFormBox .cnFormBoxTop { background: url(../static-images/networks/cn-form-box-top.png) no-repeat; height: 12px; } .cnFormBox .cnFormBoxTop { background: url(../static-images/networks/cn-form-box-top.png) no-repeat; height: 12px; } .cnFormBox .cnFormBoxMid { background: url(../static-images/networks/cn-form-box-mid.png) repeat-y; } .cnFormBox .cnFormBoxBtm { background: url(../static-images/networks/cn-form-box-btm.png) no-repeat; height: 11px; } .cnFormBoxMid .image { float: left; margin: 0 10px; position: relative; } .cnFormBoxMid .image span { position: absolute; left: 0; top: 0; width: 123px; height: 123px; background: url(../static-images/networks/cn-form-img-corners.png) no-repeat left top; } .cnFormBoxMid .image img { width: 123px; height: 123px; } .cnFormBoxMid .text { float: left; width: 170px; } .cnFormBoxMid .text h2 { font-size: 1.3em; color: #5e000c; padding-bottom: 10px; } .cnFormBoxMid .text p { font-size: 1.2em; color: #363636; padding-bottom: 10px; } .cnFormBoxMid .text .input label { float: left; margin-right: 5px; font-size: 1.2em; font-weight: bold; } .cnFormBoxMid .text .input input { } .cnFormBoxMid .text label { float: left; padding-right: 10px; font-size: 1.2em; color: #363636; font-weight: bold; } .cnFormBoxMid .text input { float: left; margin: 0; padding: 0; } .cnFormBoxMid .text div.input.selectBox label { display: block; float: none; padding-bottom: 5px; } .cnFormInner { padding-left: 14px; } .cnFormSectionTop { background: url(../static-images/networks/cn-form-section-top.png) no-repeat; width: 673px; height: 20px; } .cnFormSectionMid { background: url(../static-images/networks/cn-form-section-mid.png) repeat-y; width: 673px; } .cnFormSectionBtm { background: url(../static-images/networks/cn-form-section-btm.png) no-repeat; width: 673px; height: 11px; } .cnFormSectionInner { margin: 0 20px; } .cnFormSectionRow { border-bottom: 1px dashed #ccc; width: 630px; } .cnFormSectionSolidBorder { border-bottom: 1px solid #ccc; } /* .cnFormSectionLeft { float: left; width: 380px; padding-top: 11px; } .cnFormSectionRight { float: left; width: 252px; padding: 11px 0; } */ .cnFormSectionTextLeft { float: left; width: 130px; padding-top: 16px; } .cnFormSectionTextRight { float: left; width: 496px; padding: 11px 0; } .cnFormSectionTextLeft label, .cnFormSectionLeft label, .cnFormSectionLeft p { font-weight: bold; font-size: 1.0em; text-transform: uppercase; float: left; } .cnFormSectionTextLeft span, .cnFormSectionLeft span { float: left; font-size: 1.4em; color: #ED1C2E; padding-left: 5px; } .cnFormSectionRight label { font-weight: bold; font-size: 1.0em; float: right; padding: 0 5px; } .cnFormTextBg { background: url(../static-images/networks/cn-form-text-field.gif) no-repeat left top; width: 496px; height: 27px; } .cnFormTextAreaBg { background: url(../static-images/networks/cn-form-textarea-bg.gif) no-repeat left top; width: 496px; height: 120px; } .cnFormTextAreaBg textarea { width: 480px; border: 0; margin: 4px; font-size: 1.2em; } .cnFormSectionTextRight input { width: 476px; border: none; background: none; margin: 4px 4px 2px 7px; height: 16px; font-size: 1.2em; } .cnFormSection { margin-left: 24px; padding-bottom: 16px; margin-right: 24px; } .cnFormSectionTop { background: url(../static-images/networks/cn-form-section-top.png) no-repeat left top; height: 20px; } .cnFormSectionMid { background: url(../static-images/networks/cn-form-section-mid.png) repeat-y left top; } .cnFormSectionBtm { background: url(../static-images/networks/cn-form-section-btm.png) no-repeat left top; padding-bottom: 19px; } .cnFormSectionMid h2 { font-style: italic; font-size: 1.6em; color: #5e000c; } .cnFormSectionMid .cnFormSectionRow { } .cnFormSectionMid .cnFormSectionLeft { float: left; width: 420px; padding: 16px 0 0 0; } .cnFormSectionMid .cnFormSectionRight { float: left; width: 210px; padding: 11px 0; text-align: right; } .cnFormSectionMid .cnFormSectionLeft label { font-weight: bold; } .cnFormSectionMid h2 { font-size: 1.6em; font-style: italic; color: #5e000c; } div.cnFormSubmit { width: 121px; height: 34px; display: block; background: url(../static-images/enq-submit.png) no-repeat 0 0; cursor: pointer; margin-left: -10px; } div.cnFormSubmit:hover { background: url(../static-images/enq-submit.png) no-repeat 0 -50px; } div.cnFormSubmit input { background: none; border: 0px none; width: 121px; height: 34px; display: block; cursor: pointer; } .cnFormSectionRow.noBorder { border: none; } .cnFormOpenSection { background: url(../static-images/networks/cn-form-box-top.gif) no-repeat left top; width: 700px; padding-top: 20px; padding-bottom: 25px; } .cnFormOpenSection h2 { font-style: italic; font-size: 1.6em; color: #5e000c; } .cnNetworkFormContainer label.errorText { color: #aa0000; font-size: 1.2em; font-weight: bold; display: block; padding: 5px 0 0 0; } .cnFormSectionMid .cnFormSectionLeft a { float: left; color: #000; text-transform: uppercase; text-decoration: underline; font-weight: bold; } .cnFormSectionMid .cnFormSectionLeft a:hover { text-decoration: none; } div.homepageQuickpoll { margin: 10px 0 10px 10px; position: relative; z-index: 1; width: 230px; } div.homepageQuickpoll div.top { background: url(../static-images/blurb-panel-top.png) no-repeat 0 0; display: block; font-size: 1px; height: 9px; width: 230px; } div.homepageQuickpoll div.bot { display: block; font-size: 1px; height: 9px; width: 230px; background: url(../static-images/blurb-panel-bot.png) no-repeat 0 0; } div.homepageQuickpoll div.mid { background: url(../static-images/blurb-panel-mid.gif) repeat-y 0 0; padding: 6px 12px; } div.homepageQuickpoll .question .label { font-size: 1.6em; font-family: Trebuchet MS; font-style: italic; font-weight: bold; display: block; margin: 0 0 8px; } div.homepageQuickpoll .question span { display: block; margin: 0 0 3px 0; padding: 0 0 5px 0; background: url(../static-images/networks/poll-div.gif) no-repeat bottom left; } div.homepageQuickpoll .question span input { float: right; margin-right: 50px; } div.homepageQuickpoll .question span:last-child { background: transparent; } div.homepageQuickpoll .question span label { font-size: 1.2em; font-weight: bold; display: block; float: left; width: 115px; padding-right: 15px; } div.homepageQuickpoll fieldset { margin: 0; padding: 0; } div.homepageQuickpoll fieldset.submit { display: block; margin: 0; padding: 8px 0 0; } div.homepageQuickpoll fieldset.submit p.buttonDark { float: right; } div.homepageQuickpoll fieldset.submit input.submit { position: absolute; left: -9999px; } /* Poll styles */ div.quickPoll { position: relative; } /* div.quickPoll fieldset.question span input[type="radio"], div.quickPoll fieldset.question span input.typeRadio { display: block; float: left; margin-left: 0; } */ div.quickPoll div.viewResults { display: block; float: left; padding: 3px 0 0 0; font-size: 1em; font-weight: bold; } div.quickPoll div.errorMessage { padding: 8px 0 6px 10px; font-size: 1.2em; font-weight: bold; color: #660000; display: none; } /* div.quickPoll fieldset.submit input.submit, div.quickPoll form.pollCaptcha input.submit { float: left; cursor:pointer; display: block; margin-top: 14px; margin-bottom: 14px; color: #fff; background:url(../static-images/submit-rollover.png) no-repeat left 0px; border: none; width: 61px; height: 20px; } div.quickPoll form.pollCaptcha input.submit { margin-bottom: 4px; } */ div.viewResults a { color: #000; } div.quickPoll div.pollBarChart { padding: 0 0 8px; } div.quickPoll div.pollBarChart p { display: block; padding: 4px 10px 4px; color: #000; font-size: 1.2em; font-weight: normal; } div.quickPoll div.pollBarChart p span { color: #333; } div.quickPoll div.pollBarChart div.pollItemOuter { margin: 0 10px 8px; overflow: hidden; } div.quickPoll div.pollBarChart div.pollItemMid { } div.quickPoll div.pollBarChart div.pollItemInner { min-height: 19px; background: #cdcdcd; } div.quickPoll div.pollBarChart .itemPos1 div.pollItemInner, div.quickPoll div.pollBarChart .itemPos9 div.pollItemInner { border-left: 2px solid #ed1c2e; background: #ed1c2e; } div.quickPoll div.pollBarChart .itemPos2 div.pollItemInner, div.quickPoll div.pollBarChart .itemPos10 div.pollItemInner { border-left: 2px solid #d3ccba; background: #d3ccba; } div.quickPoll div.pollBarChart .itemPos3 div.pollItemInner, div.quickPoll div.pollBarChart .itemPos11 div.pollItemInner { border-left: 2px solid #690001; background: #690001; } div.quickPoll div.pollBarChart .itemPos4 div.pollItemInner, div.quickPoll div.pollBarChart .itemPos12 div.pollItemInner { border-left: 2px solid #544b46; background: #544b46; } div.quickPoll div.pollBarChart .itemPos5 div.pollItemInner, div.quickPoll div.pollBarChart .itemPos13 div.pollItemInner { border-left: 2px solid #e4e0d7; background: #e4e0d7; } div.quickPoll div.pollBarChart .itemPos6 div.pollItemInner, div.quickPoll div.pollBarChart .itemPos14 div.pollItemInner { border-left: 2px solid #fdf15d; background: #fdf15d; } div.quickPoll div.pollBarChart .itemPos7 div.pollItemInner, div.quickPoll div.pollBarChart .itemPos15 div.pollItemInner { border-left: 2px solid #323232; background: #323232; } div.quickPoll div.pollBarChart .itemPos8 div.pollItemInner, div.quickPoll div.pollBarChart .itemPos16 div.pollItemInner { border-left: 2px solid #7e736b; background: #7e736b; } div.quickPoll div.pollBarChart p.takePoll { display: block; float: left; padding: 2px 0 0 10px; font-size: 1em; font-weight: bold; } div.quickPoll div.pollBarChart div.pollQuestionText { display: block; font-family: Trebuchet MS; font-size: 1.6em; font-style: italic; font-weight: bold; margin: 0 0 8px; } div.quickPoll form.pollCaptcha { position: absolute; display: block; background: #bfbfbf; border: 2px solid #787979; top: -30px; left: -80px; z-index: 999; padding: 10px; } div.quickPoll form.pollCaptcha .recaptchaInner { position: relative; } div.quickPoll form.pollCaptcha .recaptchaClose { display: block; position: absolute; top: 0px; right: 0px; } div.quickPoll form.pollCaptcha .recaptchaClose a { color: #000; } div.quickPoll form.pollCaptcha p.message { display: block; padding: 0 0 8px !important; width: 275px; color: #000; font-size: 1.2em !important; font-weight: bold; } div.cnECRM { padding: 0 0 22px; width: 940px; margin: 0 auto; } div.cnECRM div.cnECRMTitles div.ecrm1 { display: block; width: 296px; float: left; background: url(../static-images/contact-icon-signup.gif) no-repeat 12px 15px; padding: 0 0 0 55px; min-height: 61px; } div.cnECRM div.cnECRMTitles div.ecrm2 { display: block; width: 296px; float: left; background: url(../static-images/contact-icon-signup.gif) no-repeat 12px 15px; padding: 0 0 0 55px; min-height: 61px; } div.cnECRM div.cnECRMTitles div.ecrm3 { display: block; width: 181px; float: right; background: url(../static-images/contact-icon-who.gif) no-repeat 12px 15px; padding: 0 0 0 55px; min-height: 61px; } div.cnECRM div.cnECRMTitles h2 { font-size: 1.8em; font-weight: normal; display: block; padding: 16px 0 0; line-height: 1.1em; } div.cnECRM div.cnECRMTitles p { font-size: 1em; } div.cnECRM div.cnECRMContent { width: 940px; } div.cnECRM div.cnECRMContent div.top { display: block; background: url(../static-images/networks/network-ecrm-bg-top.png) no-repeat 0 0; width: 940px; height: 9px; overflow: hidden; } div.cnECRM div.cnECRMContent div.bot { display: block; background: url(../static-images/networks/network-ecrm-bg-bot.png) no-repeat 0 0; width: 940px; height: 9px; font-size: 1px; position: relative; } div.cnECRM div.cnECRMContent div.mid { padding: 0; background: url(../static-images/networks/network-ecrm-bg-mid.gif) repeat-y 0 0; min-height: 25px; } div.cnECRM div.cnECRMContent div.ecrm1, div.cnECRM div.cnECRMContent div.ecrm2 { display: block; width: 283px; padding: 3px 56px 3px 12px; float: left; } div.cnECRM div.cnECRMContent div.ecrm3 { display: block; width: 225px; float: right; padding-left: 6px; position: relative; z-index: 1; } div.cnECRM div.cnECRMContent div.ecrm1 p, div.cnECRM div.cnECRMContent div.ecrm2 p { font-size: 1.1em; } div.cnECRM div.cnECRMContent div.ecrm3 img { display: block; margin: 0; padding: 0; } div.cnECRM div.cnECRMContent div.bot a { display: block; background: url(../static-images/contact-bar-go.gif) no-repeat 0 0; height: 19px; width: 28px; position: absolute; top: -24px; text-indent: -9999px; } div.cnECRM div.cnECRMContent div.bot a.art1link { left: 306px; } div.cnECRM div.cnECRMContent div.bot a.art2link { left: 656px; } div.cnECRM div.cnECRMContent div.ecrm3 p.buttonDark { position: absolute; bottom: 3px; right: 9px; } form.loginForm { display: block; margin: 0; padding: 0; } form.loginForm div.formBG { background: url(../static-images/content-block-bg-top.gif) no-repeat 0 0; padding: 15px; min-height: 250px; } form.loginForm div.formBG div.row { /*background: url(../static-images/enq-form-field-div.gif) no-repeat left bottom;*/ margin: 0 0 9px; padding: 0 0 10px; } form.loginForm div.formBG div.label { display: block; float: left; font-family: Trebuchet MS; font-size: 1.4em; font-style: italic; padding: 3px 0 0; width: 280px; } form.loginForm div.formBG div.field.text, form.loginForm div.formBG div.fields div.field.text { background: url(../static-images/enq-form-text-field.png) no-repeat 0 0; height: 24px; padding: 3px 7px 0; width: 363px; display: block; float: right; } form.loginForm div.formBG div.field.text input { background: transparent; border: 0px none; font-size: 1.2em; width: 360px; } form.loginForm div.enqSubmit { background: transparent url(../static-images/enq-submit.png) no-repeat 0 0; cursor: pointer; display: block; height: 34px; width: 121px; float: left; margin-left: -6px; } form.loginForm input.enqSubmit { background: transparent; border: 0px none; cursor: pointer; display: block; height: 34px; width: 121px; } form.loginForm p.notReg { float: left; width: 300px; display: block; padding: 9px 0 0 10px; } form.loginForm h2 { font-size: 1.4em; font-weight: bold; display: block; padding: 0 0 10px; } form.loginForm div.formBG div.error, form.loginForm div.formBG label.error { clear: both; display: block; margin-top: 4px; font-size: 1.2em; padding: 4px 0 6px; clear: both; width: 377px; float: right; } div.articleText div.servermessage { padding: 0; } form.enquiryForm div.formBG div.field.file, form.enquiryForm div.formBG div.fields div.field.file { background: url(../static-images/enq-form-text-field.png) no-repeat 0 0; height: 24px; padding: 0 0 3px; width: 377px; } .productPackPanel form label{ color:#fff; font-weight:bold; font-size:1.2em; } .productPackPanel form input{ } div.landingPageContent { background: transparent; margin-top: 15px; min-height: 455px; } ul.networkChoice { display: block; list-style: none; margin: 0; padding: 0 0 78px; font-size: 1.6em; } ul.networkChoice li { display: block; float: left; background: #cdcdcd; margin-left: 14px; } ul.networkChoice li:hover { } ul.networkChoice li.dealers { margin: 0; background: url(../static-images/networks/network-lp-dealers.jpg) no-repeat; } ul.networkChoice li.installers { background: url(../static-images/networks/network-lp-installers.jpg) no-repeat; } ul.networkChoice li.centres { background: url(../static-images/networks/network-lp-centres.jpg) no-repeat; } ul.networkChoice li a { display: block; width: 146px; height: 328px; padding-right: 158px; font-family: Trebuchet MS; font-style: italic; text-align: right; font-weight: bold; letter-spacing: -0.7px; } ul.networkChoice li a span { display: block; padding: 21px 0 0; } h1#networkLPHeader { padding: 16px 200px 18px 8px; font-size: 1.8em; font-weight: normal; letter-spacing: -0.2px; } h1#networkLPHeader strong { font-weight: normal; } div#footer.landingPage, div#footer.landingPage div#footerInner { min-height: 88px; } div.roadsideStarsNomForm form.enquiryForm h2 { display: block; padding: 0 0 5px; font-size: 1.6em; position: relative; } div.roadsideStarsNomForm { width: 664px; overflow: hidden; margin: 0 0 0 19px; } div.roadsideStarsNomForm form.enquiryForm div.formBG { background: url(/static-images/roadside-form-bg.gif) no-repeat; } div.roadsideStarsNomForm form.enquiryForm div.formBG div.label { font-family: arial,sans-serif; font-size: 1em; font-weight: bold; text-transform: uppercase; font-style: normal; padding: 8px 0 0; } div.roadsideStarsNomForm form.enquiryForm div.formBG div.label { width: 135px; } div.roadsideStarsNomForm form.enquiryForm div.formBG div.field, div.roadsideStarsNomForm form.enquiryForm div.formBG div.fields { float: left; width: 427px; } div.roadsideStarsNomForm form.enquiryForm div.formBG div.row.rowEnd { border: 0px none; margin: 0; } div.roadsideStarsNomForm form.enquiryForm div.formBG div.field.text, div.roadsideStarsNomForm form.enquiryForm div.formBG div.fields div.field.text { background: url(/static-images/roadside-form-text-field.gif) no-repeat; width: 413px; } div.roadsideStarsNomForm form.enquiryForm div.formBG div.row.titleField div.field.item1 { width: 170px; float: left; } div.roadsideStarsNomForm form.enquiryForm div.formBG div.row.titleField div.field.item2 { width: 240px; float: right; margin-right: 72px; } div.roadsideStarsNomForm form.enquiryForm div.formBG div.row.titleField div.field.item2 div.field.text { background: url(/static-images/roadside-form-text-field-other.gif) no-repeat; width: 133px; float: right; } div.roadsideStarsNomForm div.addsearched { margin: 4px 0 0 133px; } div.roadsideStarsNomForm form.enquiryForm div.formBG div.row.findField div.field.text { background: url("../static-images/roadside-form-text-field-find.gif") no-repeat scroll 0 0 transparent; width: 183px; } div.roadsideStarsNomForm form.enquiryForm div.formBG div.row.findField div.field.text input { width: 183px; } div.roadsideStarsNomForm form.enquiryForm div.formBG div.row.findField p.buttonDark, form.enquiryForm div.formBG div.row.postcodeField p.buttonDark { float: right; margin-top: 5px; margin-right: 72px; } div.roadsideStarsNomForm form.enquiryForm div.formBG div.row.postcodeField div.field.text { background: url("../static-images/roadside-form-text-field-postcode.gif") no-repeat scroll 0 0 transparent; width: 243px; } div.roadsideStarsNomForm form.enquiryForm div.formBG div.row.postcodeField div.field.text input { width: 243px; } div.roadsideStarsNomForm form.enquiryForm div.formBG div.fwFields div.field { width: 560px; } div.roadsideStarsNomForm form.enquiryForm div.formBG div.fwFields div.field label { width: 500px; font-size: 1em; font-weight: bold; text-transform: uppercase; } div.roadsideStarsNomForm form.enquiryForm div.formBG div.row.titleField div.field.item2 div.label { width: 82px; } div.roadsideStarsNomForm div.selector span { width: 99px; } div.roadsideStarsNomForm div.selector { width: 127px; } div.roadsideStarsNomForm div.selector select { width: 137px; } /* postcodeanywhere selector */ div.roadsideStarsNomForm div.addsearched div.selector span { width: 394px; } div.roadsideStarsNomForm div.addsearched div.selector { width: 422px; } div.roadsideStarsNomForm div.addsearched div.selector select { width: 428px; } div.roadsideStarsNomForm form.enquiryForm div.enqSubmit { background: url("../static-images/enq-submit.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 34px; float: right; width: 121px; margin: 80px 0 0; } div.roadsideStarsNomForm div#heroMapContainer { position: relative; } div.roadsideStarsNomForm div#heroMapContainer div.crnr { position:absolute; display: block; width: 10px; height: 10px; z-index: 999; } div.roadsideStarsNomForm div#heroMapContainer div.crnr.tl { background: url(../static-images/roadside-map-corner-tl.png) no-repeat top left; top: 0; left: 0; } div.roadsideStarsNomForm div#heroMapContainer div.crnr.tr { background: url(../static-images/roadside-map-corner-tr.png) no-repeat top right; top: 0; right: 8px; } div.roadsideStarsNomForm div#heroMapContainer div.crnr.bl { background: url(../static-images/roadside-map-corner-bl.png) no-repeat bottom left; bottom: 0; left: 0; } div.roadsideStarsNomForm div#heroMapContainer div.crnr.br { background: url(../static-images/roadside-map-corner-br.png) no-repeat bottom right; bottom: 0; right: 8px; } /* map */ /* self clearing styles to cause elements containing floats to wrap correctly */ .infoBox, .ibContent p { min-height: 1px; } .infoBox:after, .ibContent p:after { content: "."; height: 0; min-height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } #heroMap{ width:626px; height:371px; } .ibContent .stars0, .ibContent .stars1, .ibContent .stars2, .ibContent .stars3, .ibContent .stars4, .ibContent .stars5{ width:80px; height:20px; border:none; float:right; margin:-3px 1px 0px 0px; } .ibContent .stars0{ background:url(../images/star-ratings.png) left 0px;} .ibContent .stars1{ background:url(../images/star-ratings.png) left -20px;} .ibContent .stars2{ background:url(../images/star-ratings.png) left -40px;} .ibContent .stars3{ background:url(../images/star-ratings.png) left -60px;} .ibContent .stars4{ background:url(../images/star-ratings.png) left -80px;} .ibContent .stars5{ background:url(../images/star-ratings.png) left -100px; font-style:italic;} /* needs to be renamed from hover as it conflicts with uniform style .vote, .hover, .voteSpacer{ */ .vote, .voteSpacer{ width:80px; height:20px; border:none; float:right; margin:-3px 1px 0px 0px; background:url(../images/0stars.png); position:relative; } .voteSpacer{ background:none; } /* needs to be renamed from hover as it conflicts with uniform style .hover{ position:absolute; left:0px; top:3px; background:none; } .hover.rat1{ background:url(../images/star-ratings.png) left -20px;} .hover.rat2{ background:url(../images/star-ratings.png) left -40px;} .hover.rat3{ background:url(../images/star-ratings.png) left -60px;} .hover.rat4{ background:url(../images/star-ratings.png) left -80px;} .hover.rat5{ background:url(../images/star-ratings.png) left -100px;} */ .star1, .star2, .star3, .star4, .star5 {position:absolute; height:16px; width:16px; top:2px; cursor:pointer;} /*.star1:hover, .star2:hover, .star3:hover, .star4:hover, .star5:hover {background:url(../images/star-hover.png)}*/ .star1{left:2px;} .star2{left:17px;} .star3{left:32px;} .star4{left:47px;} .star5{left:62px;} /* .infoBox{ position:absolute; padding:0px; border:none; background:url(../images/info-window.png) no-repeat 0px 0px; } .std{ height:221px; width:336px; } .infoBox img{ position:absolute; left:12px; top:53px; } .ibContent{ position:absolute; left:96px; top:16px; width:219px; } .ibContent h3, .ibContent p{ margin:0px; padding:0px; } .ibContent h3{ color:#847b71; font-size:1.8em; text-transform:capitalize; font-weight:normal; } .ibContent h3 span{ color:#403935; } .ibContent p{ color:#292322; font-size:1.1em; margin:0px 8px 0px 7px; padding:0px 0px 0px 0px; } .ibContent .ratings{ margin-top:16px; } .ibContent .ratings p{ border-bottom:#BAB3A5 solid 1px; text-transform:capitalize; margin-top:3px; } .ibContent .text { float:left; } .ibContent .ratings p.last{ border:none; } .ibContent p.votes{ margin-top:10px; color:#7E776F; } .ibContent .button{ height:24px; width:74px; text-indent:-9999px; float:right; margin-top:-5px; cursor:pointer; } .ibContent .voteNow{ background:url(../images/button-vote-now.png); } .ibContent .confirmVote{ background:url(../images/button-confirm.png); border:none; } */ #regions{ margin-top:20px; } #regions li{ list-style:none; float:left; border:#333 solid 1px; background:#CCC; padding:5px 20px 5px 20px; font-weight:bold; cursor:pointer; } #mapDataForm{ width:676px; } #mapDataForm h3, #mapDataForm p{ margin:0px; padding:0px; } #mapDataForm input{ border:0px; width:656px; padding-left:20px; } #mapWrapper{ float:left; } div.roadsideStarsNomForm #mapWrapper { float: none; margin: 0 0 6px; } #formWrapper{ float:left; margin-left:20px; } #formWrapper label{ display:inline-block; width:100px; } /* For Roadside Stars Form */ #roadsideStarsNominate label.error { float: none; padding-left: 135px; padding-top: 5px; } #roadsideStarsNominate .fwFields label.error { padding-left: 30px; } #roadsideStarsNominate #recaptcha_widget_div label.error { padding-left: 0; } #roadsideStarsNominate .mapSearchBox { position: absolute; background: url(/static-images/map-search-box-bg.png) no-repeat; width: 233px; height: 38px; right: 15px; top: 10px; } #roadsideStarsNominate #mapLookup { margin: 6px 0 0 6px; height: 27px; /*background: url(/static-images/map-search-box-input-bg.gif) no-repeat;*/ } #roadsideStarsNominate #mapLookup input { float: left; margin: 4px 10px 4px 4px; width: 158px; font-size: 1.2em; height: 16px; border: none; color: #292322; background: #fff; } #roadsideStarsNominate #mapLookup p { margin-top: 4px; } #roadsideStarsNominate .row.instructions { font-style: italic; background: none; } #roadsideStarsNominate h2 span { color: #bab098; } /* For switching form */ .switchingForm .row { margin-bottom: 5px; } .switchingForm .row label { display: block; font-family: trebuchet MS, arial; font-size: 1.1em; color: #363636; font-style: italic; font-weight: bold; margin-bottom: 4px; } .switchingForm .row label.error, .switchingForm .checkboxRow label.error { font-weight: normal; color: #e2122f; display: block; } .switchingForm .checkboxRow label.error { padding-top: 4px; } .switchingForm .row label span { color: #e2122f; } .switchingForm .row .field { background: url(../static-images/switching-form-text-field.gif) no-repeat left top; height: 23px; } .switchingForm .row .field input { border: none; background: none; margin-top: 3px; margin-left: 5px; width: 175px; font-size: 1.2em; } .switchingForm .checkboxRow { margin-bottom: 10px; } .switchingForm .checkboxRow div.check { float: left; width: 35px; } .switchingForm .checkboxRow div.label { float: left; width: 155px; } .switchingForm .checkboxRow label { font-size: 1.1em; } .switchingForm input.submit { background: none; border: 0px none; width: 121px; height: 34px; display: block; cursor: pointer; margin: 0; padding: 0; } .switchingForm div.submit { width: 121px; height: 34px; display: block; margin: 0 0 0 -10px; padding: 0; background: url(../static-images/enq-submit.png) no-repeat 0 0; cursor: pointer; } .switchingForm div.submit:hover { background: url(../static-images/enq-submit.png) no-repeat 0 -50px; } .switchingForm p.requiredMsg { color: #e2122f; font-size: 1.1em; font-style: italic; } div#topBorder{ display:none; } /*** Survey ***/ #survey h2{ font-size:1.6em; padding:16px 0; color:#7e736b; font-family:"Trebuchet MS"; } .rightCol form.enquiryForm div.formBG div.fields label, .rightCol form.enquiryForm div.formBG div.label{ font-size:1.1em; margin-bottom:4px; } .rightCol #survey{ position:relative; } .rightCol #survey h2{ font-size: 1.8em; font-weight: normal; line-height: 1em; padding:22px 22px 0px 22px; color:#690001; background:url(/static-images/rightCol-survey-top.png) left top; width:200px; } .rightCol #survey form{ background:url(/static-images/rightCol-survey-bottom.png) left bottom; width:244px; padding:0 0px 22px 0px; } .rightCol #survey form .formBG{ background:none; } .rightCol #survey .row .field{ width:200px; } .rightCol #survey .row .field.text{ /*width:200px;*/ background:url(/static-images/enq-form-text-field-rightCol.png); height:20px; } .rightCol #survey .row .field.textarea{ width:200px; background:url(/static-images/enq-form-text-area-rightCol.png); } .rightCol #survey .row .field.select{ width:214px; } .rightCol #survey .row .field.text input, .rightCol #survey .row .field.textarea textarea, .rightCol #survey .row .field select{ width:200px; } .rightCol #survey .row .field.textarea textarea{ height:119px; } .rightCol #survey .row .label, .rightCol #survey .row label.error{ width:214px; } .rightCol #survey .row .fields{ width:200px; } .rightCol #survey div.selector{ width:204px; } .rightCol #survey div.selector span{ width:179px; } .rightCol #survey .fields .field label, .rightCol #survey .fwFields .field label{ width:165px; padding-top:0px; } .rightCol #survey .checkbox .field label{ padding-top:4px; } .rightCol form.enquiryForm div.formBG div.row{ background:none; padding:0px; margin:0 0 3px; } .rightCol #survey form.enquiryForm .servermessage{ padding-bottom:0px; padding-top:10px; } .rightCol #survey form.enquiryForm .servermessage h2{ font-size:1.2em; padding:5px 0px; background:none; color:#7E736B; } .rightCol #survey form.enquiryForm .servermessage p{ font-size:1em; color:#E2122F; } /*** STOCKIS FINDER ***/ #stockistsMapWrapper{ position:relative; background:url(/static-images/content-block-bg-top.gif) no-repeat; padding:20px 10px 0px 10px; } #stockistsMapWrapper form{ margin-bottom:10px; } #stockistsMapWrapper form p{ margin-bottom:5px; } #stockistsMapCanvas{ width:680px; height:401px; } #stockistList .stockist{ margin-top:10px; padding-top:10px; border-top:#ddd solid 1px; } #stockistList .stockist.first{ margin-top:5px; border-top:none; } #stockistList .stockist .left{ float:left; width:400px; } #stockistList .stockist .right{ float:right; width:200px; } #stockistList .stockist h2{ font-size:1.8em; color:#7e736b; position:relative; text-transform: uppercase; cursor:pointer; } #stockistList .stockist h2 a{ color:#690001; } #stockistList .stockist h2 a:hover{ color:#ED1C2E; } #stockistList .stockist h2 span{ position:absolute; right:0px; bottom:0px; font-size:.7em; } #stockistList .stockist p{ margin-top:5px; text-transform: capitalize; } #stockistList .stockist p span{ margin-right:3px; } #stockistList .stockist .tags{ clear:both; } #stockistAdvancedSearchWrapper{ position:absolute; right:0px; top:48px; width:323px; height:10px; } #stockistAdvancedSearchWrapper h2{ position:absolute; top:5px; left:15px; z-index:1001; dtext-align:right; font-size:1.2em; cursor:pointer; } #stockistAdvancedSearch{ position:absolute; top:0px; right:10px; z-index:1000; background:#fff; border:#999 solid 1px; padding:20px 10px 10px 10px; width:286px; } .stage2 #stockistAdvancedSearch{ display:none; } #stockistAdvancedSearch fieldset{ padding:0px; margin:10px 0px; } #stockistAdvancedSearch fieldset h3{ margin-bottom:5px; } #stockistAdvancedSearch fieldset p{ padding-left:25px; } #stockistAdvancedSearch fieldset #stockistAdvancedSearch label{ width:126px; display:inline-block; } #stockistAdvancedSearch input.text{ width:298px; } div.content.stockist .ibMid .contentWrapper{ width:auto; float:none; } #stockistMapKey ul li{ list-style:none; margin-top:5px; padding-top:5px; border-top:#ddd solid 1px; } #stockistMapKey ul li.first{ margin-top:0px; padding-top:0px; border-top:none; } #stockistMapKey ul li img{ vertical-align:top; } #stockistMapKey ul li span{ display:inline-block; width:143px; padding-left:5px; vertical-align:top; } #stockistsMapCanvas .infoBox.std{ width:232px; } #stockistsMapCanvas .infoBox.std .ibTop{ background-image:url(/static-images/stockist-info-window-top.png); padding-right:19px; } #stockistsMapCanvas .infoBox.std .ibUpper{ background-image:url(/static-images/stockist-info-window-upper.png); } #stockistsMapCanvas .infoBox.std .ibMid{ background-image:url(/static-images/stockist-info-window-mid.png); padding:0 15px; } #stockistsMapCanvas .infoBox.std .ibMid p.tags span{ margin-right:4px; } #stockistsMapCanvas .infoBox.std .ibBottom{ background-image:url(/static-images/stockist-info-window-bottom.png); } #stockistsMapWrapper .userLocation{ width:434px; } #stockistList{ margin:10px 0; background:url(/static-images/content-block-bg-top.gif) no-repeat; padding:0px 10px; } #stockistAdvancedSearch fieldset p#outletNameError{ color: #FF0000; font-size: 1em; padding-left: 0px; }