/* 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: normal; } 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; } /*to enable resizing for IE*/ /*input,textarea,select{*font-size:100%;}*/ /*because legend doesn't inherit in IE */ /*legend{color:#000;}*/ del,ins { text-decoration:none; } p, ul, ol, dl { margin: 0; padding: 0; font-size: 1.1em;} p { margin: 8px 0 10px 0; } div.main p, div.main li { line-height: 1.2em; } a { text-decoration: none; color: #045a59; } body a:hover { color: #bf0003; } /* visited styles - these all need their own additional hover style with higher specificity if we style want the hover colour on visited links */ div.panel.catalogue ul li a:visited, div.slidingNav.productThumbs div.product a:visited, div.panel.w748.links ul li a:visited { color: #5a9b9a; } div.panel.catalogue ul li a:hover, div.slidingNav.productThumbs div.product a:hover, div.panel.w748.links ul li a:hover { color: #bf0003; } body { padding: 0 0 0 0; color:#7d7d7d; font-family: arial,sans-serif; background: #fff694; position: relative; z-index: 1; min-width: 990px; } /* self clearing styles to cause elements containing floats to wrap correctly - placed here so that height can be overruled later if necessary */ .clrNM, div#pageContainer, div#header, div#header ul.utils, ul#nav li a, div#footer div.copy, div#footer ul.utils, div#footer ul.links, ul.breadcrumb, div.slidingNav div.slider, div.slidingNav div.hider, div.slidingNav.js div.hider, div.slidingNav div.slider ul, div.slidingNav, div#pageContainerWrapper, div.threecol, div.panel.storefinder form, div.panel.w748.catalogue, div.panel.catalogue ul, div.panel.catalogue ul li, div.rangeHeaderText, div.panel.range div.panel, div.twocol, div.panel.w748.productDesc div.right, div.panel.w748.productDesc div.left, div.panel.w748.range.rangeTeasers, div.twocol.editorial, div.panel.w748.editorial ul.linkItems li, div.chunkyHeader, div.chunkyHeaderBorder, div.threecolTeasers, div.panelRange, div#pageContainerWrapper div.panelProductDesc, div#pageContainerWrapper div.panelProductDesc div.left, div.panel.w748.links, div.panel.w748.editorial, div.threecol.homeLists ul li a, form.feedbackForm fieldset div.fields, form.registrationForm fieldset div.fields, form.enquiryForm fieldset div.fields, div#homeScroller div.nav ul, div.slidingNav.productThumbs div.slider ul li, div.slidingNav.productThumbs div.slider ul li a, div.panel.w748.productDesc div.related ul li a, div.panelProductDesc div.related ul li a, div#pageContainerWrapper div.right, div.slidingNav.productThumbs div.product a span.img, div.slidingNav.productThumbs div.product a span.text, div.panel.w748.productDesc div.related span, div.panelProductDesc div.related span, div.panel.w748.productDesc div.related strong, div.panelProductDesc div.related strong, div#bookmark div.bookmark div.panel div.inner { min-height: 1px; } /* any styles with a min height here should have a height in the ie6 stylesheet */ .clrNM:after, div#pageContainer:after, div#header:after, div#header ul.utils:after, ul#nav li a:after, div#footer div.copy:after, div#footer ul.utils:after, div#footer ul.links:after, ul.breadcrumb:after, div.slidingNav div.slider:after, div.slidingNav div.hider:after, div.slidingNav.js div.hider:after, div.slidingNav div.slider ul:after, div.slidingNav:after, div#pageContainerWrapper:after, div.threecol:after, div.panel.storefinder form:after, div.panel.w748.catalogue:after, div.panel.catalogue ul:after, div.panel.catalogue ul li:after, div.rangeHeaderText:after, div.panel.range:after, div.panel:after, div.twocol:after, div.panel.w748.productDesc div.right:after, div.panel.w748.productDesc div.left:after, div.panel.w748.range.rangeTeasers:after, div.twocol.editorial:after, div.panel.w748.editorial ul.linkItems li:after, div.chunkyHeader:after, div.chunkyHeaderBorder:after, div.threecolTeasers:after, div.panelRange:after, div#pageContainerWrapper div.panelProductDesc:after, div#pageContainerWrapper div.panelProductDesc div.left:after, div.panel.w748.links:after, div.panel.w748.editorial:after, div.threecol.homeLists ul li a:after, form.feedbackForm fieldset div.fields:after, form.registrationForm fieldset div.fields:after, form.enquiryForm fieldset div.fields:after, div#homeScroller div.nav ul:after, div.slidingNav.productThumbs div.slider ul li:after, div.slidingNav.productThumbs div.slider ul li a:after, div.panel.w748.productDesc div.related ul li a:after, div.panelProductDesc div.related ul li a:after, div#pageContainerWrapper div.right:after, div.slidingNav.productThumbs div.product a span.img:after, div.slidingNav.productThumbs div.product a span.text:after, div.panel.w748.productDesc div.related span:after, div.panelProductDesc div.related span:after, div.panel.w748.productDesc div.related strong:after, div.panelProductDesc div.related strong:after, div#bookmark div.bookmark div.panel div.inner:after { content: "."; height: 0; min-height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } div.clear { clear: both; } /* link red */ div.slidingNav.productThumbs div.product a:hover, div.panel.subnav ul li.selected a:hover { color: #bf0003; } /* white */ div#header ul.utils li.link a, ul#nav li a:hover, ul#nav li.selected a, div#footer div.copy p, div#footer ul.links a, div#footer ul.utils li a, div#footer ul.utils li input, div#footer ul.utils li label, div.rangeHeader p, div.rangeHeader h1, div.panel.storefinder input#storefinderSubmit, div.panel.storefinder h2, div.panel.storefinder form, div.rangeHeaderText h1, div.rangeHeaderText h2, div.slidingNav div.subCatTab a, div.productHeaderText h2, div.twocol div.button h2 a, div.twocol form#storefinder label, div.twocol input#storefinderSubmit, div.twocol div.message h2, div.twocol div.message p, div.twocol div.newStores h2, div.chunkyHeader h1, div.chunkyHeader h2, div.chunkyHeader h3, div.chunkyHeader p, form.feedbackForm label, form.registrationForm label, form.feedbackForm fieldset.set6 input, form.enquiryForm fieldset.set6 input, form.searchSite input.searchSubmit, form.searchSite label, div.twocol div.newStores p a, form.registrationForm fieldset.set8 input, form.enquiryForm label { color: #fff; } /* light grey */ div#footer ul.links a:hover, div#footer ul.links a:active, div#footer ul.utils li a:hover, div#footer ul.utils li a:active, div#header ul.utils li.link a:hover { color: #c2dada; } /* link green */ /* div.slidingNav div.navHead a, ul.breadcrumb li a, div.panel.rangeTeasers ul li a, div.panel.catalogue ul li a { color: #045a59; } */ /* link roll green */ /* div.slidingNav div.navHead a:hover, ul.breadcrumb li a:hover, div.panel.rangeTeasers ul li a:hover, div.panel.catalogue ul li a:hover { color: #024140; } */ /* link active grey */ ul.breadcrumb li, ul.breadcrumb li:active { color: #757575; } /* text header grey */ div.slidingNav div.navHead h2, div.panel.subnav ul a:active, div.panel.subnav ul li.selected a, div.panel.w748.productDesc h1, form.registrationForm fieldset.set4 label.sublabel { color: #858585; } /* header */ div#headerWrapper { background: url(../static-images/header-bg.jpg) repeat-x top center; /*background: url(../static-images/header-bg.jpg) no-repeat top center;*/ min-height: 116px; margin: 0; } div#header { /* border-left: 1px solid #333; border-right: 1px solid #333; */ padding: 9px 0 0 0; min-height: 101px; position: relative; } a#logo { display: block; text-indent: -9999px; background: url(../static-images/logo.png) no-repeat 9px 3px; height: 56px; width: 350px; margin: 6px 0 0 0; float: left; } /* utilities menu */ div#header ul.utils { font-size: 1em; width: 47em; /* forces this to default to approx 270px; */ display: block; float: right; margin: 0; padding: 0; list-style: none; } div#header ul.utils li { display: block; float: right; } div#header ul.utils li.form { margin: 0 4px 0 3px; } div#header ul.utils li.link { padding-top: 8px; } div#header ul.utils li.link a { display: block; font-size: 1.2em; font-family: "arial black", arial, sans-serif; /*font-family: arial, sans-serif; font-weight: bold;*/ padding: 0 20px 6px 0; margin: 0 4px; background: url(../static-images/arrow-buttons.png) no-repeat right 1px; } div#header ul.utils li.link a:hover { background: url(../static-images/arrow-buttons.png) no-repeat right -99px; } div#header ul.utils li.button { margin-top: 6px; width: 100%; } div#header ul.utils li.button a { display: block; height: 55px; width: 252px; text-indent: -9999px; background: url(../static-images/biggest-best.png) no-repeat; float: right; margin: 2px 3px 0 0; } div#header ul.utils form { margin: 4px 0 0 0; padding: 0; } div#header ul.utils form label { position: absolute; left: -9999px; } div#header form .searchKeyword { display: inline-block; width: 142px; height: 21px; border: none; background: url(../static-images/search-field.png) no-repeat; padding: 5px 6px 0 6px; font-size: 1.2em; font-weight: bold; color: #a1bcbd; } div#header form #searchSubmit { display: inline-block; background: url(../static-images/arrow-buttons.png) no-repeat right 1px; border: none; margin: 0 4px 0 0; padding: 0; width: 14px; } div#header form #searchSubmit:hover, div#header form #searchSubmit.hover { background: url(../static-images/arrow-buttons.png) no-repeat right -99px; cursor: pointer; } /* end of utilities menu */ /* global nav */ ul#nav { position: absolute; left: 5px; bottom: -22px; margin: 0; padding: 0; list-style: none; font-size: 1.4em; } ul#nav li { display: block; float: left; } ul#nav li a { display: block; height: 50px; line-height: 35px; font-weight: bold; background: url(../static-images/nav-buttons.png) no-repeat center -120px; min-width: 54px; text-align: center; } ul#nav li a:hover { background: url(../static-images/nav-buttons.png) no-repeat center 0px; } ul#nav li.selected a { background: url(../static-images/nav-buttons.png) no-repeat center -60px; } ul#nav li a strong { display: block; float: left; height: 38px; padding: 0 8px; border-right: 1px solid #595959; } ul#nav li:first-child a strong { border-left: 1px solid #595959; } /* js enhanced version of navigation */ ul#nav.js { border: none; } ul#nav.js li a, ul#nav.js li a:hover, ul#nav.js li.selected a { background: none; } ul#nav.js li a strong { background: url(../static-images/nav-buttons.png) no-repeat center -120px; } ul#nav.js li a:hover strong { background: url(../static-images/nav-buttons.png) no-repeat center 0px; } ul#nav.js li.selected a strong { background: url(../static-images/nav-buttons.png) no-repeat center -60px; } ul#nav.js li.selected a:hover strong { background: url(../static-images/nav-buttons.png) no-repeat center -60px; } ul#nav.js li a strong { height: 50px; } ul#nav.js li a strong, ul#nav.js li:first-child a strong { border: none; } ul#nav li a span.left, ul#nav li a span.right, ul#nav li a span.div { display: block; float: left; height: 45px; width: 1px; background: url(../static-images/nav-buttons.png) no-repeat -10px -120px; } ul#nav li a span.right { background: url(../static-images/nav-buttons.png) no-repeat -380px -120px; } ul#nav li a span.div { background: url(../static-images/nav-buttons.png) no-repeat -382px -120px; } /* selected */ ul#nav li.selected a span.left, ul#nav li.selected a.hover span.left { background: url(../static-images/nav-buttons.png) no-repeat -10px -60px; } ul#nav li.selected a span.right { background: url(../static-images/nav-buttons.png) no-repeat -380px -60px; } ul#nav li.selected a span.div { background: url(../static-images/nav-buttons.png) no-repeat -382px -60px; } /* hover */ ul#nav li a.hover span.left { background: url(../static-images/nav-buttons.png) no-repeat -10px 0px; } ul#nav li a.hover span.right { background: url(../static-images/nav-buttons.png) no-repeat -380px 0px; } ul#nav li a.hover span.div, ul#nav li a.prevhover span.div { background: url(../static-images/nav-buttons.png) no-repeat -382px 0px; } /* first and last blocks */ ul#nav li.first a span.left { background: url(../static-images/nav-buttons.png) no-repeat 0px -120px; width: 7px; } ul#nav li.last a span.right { background: url(../static-images/nav-buttons.png) no-repeat -384px -120px; width: 7px; } ul#nav li.first.selected a span.left { background: url(../static-images/nav-buttons.png) no-repeat 0px -60px; } ul#nav li.last.selected a span.right { background: url(../static-images/nav-buttons.png) no-repeat -384px -60px; } ul#nav li.first a.hover span.left { background: url(../static-images/nav-buttons.png) no-repeat 0px 0px; } ul#nav li.last a.hover span.right { background: url(../static-images/nav-buttons.png) no-repeat -384px 0px; } ul#nav li.last a span.div { display: none;} ul#nav li span, ul#nav li strong { cursor: hand; } /* end of global nav */ /* end of header */ /* footer */ div#footerWrapper { background: #006263 url(../static-images/footer-bg.jpg) repeat-x top center; min-height: 149px; } div#footer { padding: 12px 5px; } /* utils menu */ div#footer ul.utils { margin: 2px 0 8px 0; font-size: 1em; } div#footer ul.utils li { float: left; display: block; } div#footer ul.utils li form { margin: 0; padding: 2px 0; } div#footer ul.utils li input#newsletterEmail { background: #004b4c; border: none; font-weight: bold; font-size: 1.2em; width: 172px; padding: 2px 8px; } div#footer ul.utils li input#newsletterSubmit { background: url(../static-images/footer-submit-button.gif) no-repeat 0 1px; width: 103px; height: 23px; border: none; font-weight: bold; font-size: 1.1em; cursor: pointer; } div#footer ul.utils li input#newsletterSubmit:hover { background: url(../static-images/footer-submit-button.gif) no-repeat 0 -30px; } div#footer ul.utils li label { font-weight: bold; font-size: 1.4em; } div#footer ul.utils li label, div#footer ul.utils li input#newsletterEmail { float: left; padding-top: 6px; margin-right: 4px; } div#footer ul.utils li.facebook, div#footer ul.utils li.twitter, div#footer ul.utils li.blog { float: right; font-size: 1.4em; } div#footer ul.utils li.facebook a, div#footer ul.utils li.twitter a, div#footer ul.utils li.blog a { display: block; padding: 0 0 0 30px; margin: 0 0 0 12px; line-height: 25px; font-weight: bold; } div#footer ul.utils li.facebook a { background: url(../static-images/icon-facebook.gif) no-repeat; } div#footer ul.utils li.twitter a { background: url(../static-images/icon-twitter.gif) no-repeat; } div#footer ul.utils li.blog a { background: url(../static-images/icon-blog.gif) no-repeat; } /* links menu */ div#footer ul.links { text-align: center; font-size: 1.2em; } div#footer ul.links li { display:inline } div#footer ul.links li a { padding: 0 5px 0 6px; font-weight: bold; border-left: 1px solid #fff; } div#footer ul.links li.first a { border: none; } /* copyright section */ div#footer div.copy { border-top: 1px solid #519594; border-bottom: 1px solid #519594; padding: 5px 0; margin: 10px 0 0 0; } div#footer div.copy p { width: 720px; margin: 0 auto; text-align: center; font-size: 1em; font-weight: bold; } div#footer div.copy p.top { margin-top: 4px; } div#footer div.copy p.right { width: 115px; height: 48px; background: url(../static-images/charity-icon.gif) no-repeat; float: right; text-indent: -9999px; } div#footer div.copy a.right { width: 115px; height: 48px; background: url(../static-images/charity-icon.gif) no-repeat; float: right; text-indent: -9999px; } /* pageContainer */ div#pageContainerWrapper { background: url(../static-images/bg-general.jpg) no-repeat top center; min-height: 650px; } div#pageContainer, div#header, div#footer { margin: 0 auto; width: 990px; } div#pageContainer { margin-top: 8px; padding-left: 2px; width: 986px; } body.tmpHome div#pageContainer { margin: 0 auto; } /* breadcrumb */ ul.breadcrumb { margin: 0 auto; padding: 15px 0 0 0; display: block; width: 954px; list-style: none; font-size: 1.2em; height: 25px; } ul.breadcrumb li { display: block; float: left; margin: 0 4px 0 0; font-weight: bold; } ul.breadcrumb li.pointer { font-weight: normal; } ul.breadcrumb li a { padding-right: 12px; background: url(../static-images/breadcrumb-pointer.png) no-repeat right center; } /* left and right main page columns */ div#pageContainerWrapper div.left { margin: 8px 0 0 0; float: left; width: 230px; } div#pageContainerWrapper div.right { margin: 8px 0 0 0; float: right; width: 748px; } body.tmpHome div#pageContainerWrapper div.right { width: 230px; } body.tmpHome div#pageContainerWrapper div.left { width: 748px; } /* panel styles */ div.panel { border: 4px solid #ececec; border-top: none; border-bottom: none; background: #fff; margin: 4px 0 16px 0; position: relative; } div.panel.rangeTeasers h2, div.panel.catalogue h2, div.panel.range h2, div.panel.subnav h2, div.panel.links h2, div.panelRange h2, div.panelLinks h2 { background: #fff url(../static-images/scroller-header-bg.gif) repeat-x scroll 0 0; height: 44px; line-height: 40px; font-size: 1.4em; font-weight: bold; margin: 0; padding: 0 9px; } /* sub nav panel */ div.panel.subnav { padding-bottom: 1px; } div.panel.subnav h3 { margin: 6px 25px 0 25px; padding: 0; font-size: 1.2em; font-weight: bold; } div.panel.subnav ul { font-size: 1.2em; font-weight: bold; margin: 0 8px 18px 24px; padding: 4px 0 0 0; list-style: none; } div.panel.subnav ul ul { font-size: 1em; margin: 0 0 0 18px; } div.panel.subnav ul li { display: block; padding: 2px 0 5px; } div.panel.subnav ul li li { padding-left: 0px; } div.panel.subnav ul li.selected { /*background: #f2f7f7;*/ background: #ededed; } div.panel.subnav ul a { border-bottom: 1px solid #fcc401; padding: 0 0 1px 0; } div.panel.subnav ul a:active { border: none; } div.panel.subnav ul a.expander, div.panel.subnav ul a.open { padding-right: 5px; } /* store finder */ div.panel.storefinder { background: #007576 url(../static-images/storefinder-bg.jpg) repeat-x; padding: 14px 14px 8px; min-height: 118px; } div.panel.storefinder form { margin: 0; padding: 0; border-top: 1px solid #fff; } div.panel.storefinder h2 { font-size: 2em; font-weight: bold; margin: 0; padding: 0 0 6px 0; } div.panel.storefinder label { font-size: 1.1em; font-weight: bold; display: block; padding: 6px 0 4px 0; } div.panel.storefinder input#address { background: #004B4C; border: none; font-size: 1.2em; font-weight: bold; padding: 4px 6px; width: 180px; color: #a5c4c4; } div.panel.storefinder input#storefinderSubmit, div.twocol input#storefinderSubmit, form.feedbackForm fieldset.set6 input, form.enquiryForm fieldset.set6 input, form.searchSite input.searchSubmit, form.registrationForm fieldset.set8 input { margin: 6px 0 0 0; background:transparent url(../static-images/footer-submit-button.gif) no-repeat scroll 0 0; border: none; font-size:1.1em; font-weight:bold; height:22px; width:103px; float: right; } form.feedbackForm fieldset.set6 input, form.enquiryForm fieldset.set6 input, form.registrationForm fieldset.set8 input { background: url(/static-images/enquiry-submit-buttons.gif) no-repeat 0 0; } form.feedbackForm fieldset.set6 input:hover, form.enquiryForm fieldset.set6 input:hover, form.registrationForm fieldset.set8 input:hover { background: url(/static-images/enquiry-submit-buttons.gif) no-repeat 0 -31px; cursor: pointer; } div.panel.storefinder input#storefinderSubmit, div.twocol input#storefinderSubmit { background:transparent url(../static-images/find-store-buttons.gif) no-repeat scroll 0 0; cursor: pointer; } div.panel.storefinder input#storefinderSubmit:hover, div.twocol input#storefinderSubmit:hover { background:transparent url(../static-images/find-store-buttons.gif) no-repeat scroll 0 -31px; } /* product range */ div.panel.rangeTeasers h2, div.panel.w748.productDesc div.subtextMid h2, div.panelProductDesc div.subtextMid h2 { background: #fff url(../static-images/scroller-header-bg.gif) repeat-x scroll 0 0; height: 44px; line-height: 40px; font-size: 1.4em; font-weight: bold; margin: 0; padding: 0 9px; } div.panel.rangeTeasers ul { margin: 0; padding: 0; list-style: none; } div.panel.rangeTeasers ul li { display: block; margin: 5px; padding: 0; width: 212px; height: 115px; } div.panel.range.rangeTeasers ul li { float: left; margin: 0 12px 10px 8px; } div.panel.rangeTeasers ul li a { display: block; width: 196px; height: 29px; font-size: 1.1em; font-weight: bold; padding: 86px 0 0 16px; } /* catalogue style panel */ div.panel.catalogue ul { margin: 4px 0 0 14px; padding: 0 0 18px 0; list-style: none; font-size: 1em; } div.panel.catalogue ul li { margin: 3px; width: 230px; float: left; display: block; } div.panel.catalogue ul li a { display: block; width: 228px; border: 1px solid #e9e9e9; font-weight: bold; font-size: 1.4em; position: relative; } div.panel.catalogue ul li a img { /* have to set the height for images for normalisation to work */ display: block; width: 228px; height: 228px; } div.panel.catalogue ul li a strong { display: block; padding: 6px 50px 8px 12px; text-decoration: underline; } div.panel.catalogue span.badge-pound { position: absolute; bottom: 4px; right: 4px; } div.panel.catalogue span.badge-new { position: absolute; top: 6px; right: 4px; } div.panel.catalogue span.badge-exclusive { position: absolute; top: 0px; left: 4px; top: 0px; left: 0px; } div.panel div.rct, div.panel div.rcb { position: absolute; left: -4px; display: block; height: 6px; font-size: 1px; overflow: hidden; } div.threecol { margin: 4px 0 16px 0; } div.threecol div.panel.w244 { float: left; width: 236px; margin: 0 0 0 8px; } div.threecol.teasers div.panel.w244 { margin-bottom: 0; } div.threecol.teasers div.panel.w244 a { display: block; width: 244px; } div.threecol div.panel.w244.first { margin: 0; } div.sideTeaser div.panel.w230 a { display: block; width: 230px; } div.slidingNav div.rct, div.slidingNav div.rcb { width: 748px; position: absolute; left: -4px; } div.slidingNav div.rct { top: -4px; background: url(../static-images/border-748-top.png) no-repeat; } div.slidingNav div.rcb { bottom: -11px; background: url(../static-images/border-748-bottom.png) no-repeat; } div.panel.w230 div.rct { width: 230px; top: -4px; background: url(../static-images/border-230-top.png) no-repeat; } div.panel.w230 div.rcb { width: 230px; bottom: -4px; background: url(../static-images/border-230-bottom.png) no-repeat; } div.panel.w244 div.rct { width: 244px; top: -4px; background: url(../static-images/border-244-top.png) no-repeat; } div.panel.w244 div.rcb { width: 244px; bottom: -4px; background: url(../static-images/border-244-bottom.png) no-repeat; } div.panel.w370 div.rct, div.panelLinks div.rct { width: 370px; top: -4px; background: url(../static-images/border-370-top.png) no-repeat; } div.panel.w370 div.rcb, div.panelLinks div.rcb { width: 370px; bottom: -4px; background: url(../static-images/border-370-bottom.png) no-repeat; } div.panel.w748 div.rct { width: 748px; top: -4px; background: url(../static-images/border-748-top.png) no-repeat; } div.panel.w748 div.rcb { width: 748px; bottom: -4px; background: url(../static-images/border-748-bottom.png) no-repeat; } /* range headers and page backgrounds */ body.tmpRange.food-and-drink { background: #d2e5ad; } body.tmpRange.food-and-drink div#pageContainerWrapper { background: url(../static-images/bg-food-and-drink.jpg) no-repeat top center; } body.tmpRange.leisure-and-entertainment { background: #9aeb9f; } body.tmpRange.leisure-and-entertainment div#pageContainerWrapper { background: url(../static-images/bg-leisure.jpg) no-repeat top center; } body.tmpRange.house-and-home { background: #f6dca9; } body.tmpRange.house-and-home div#pageContainerWrapper { background: url(../static-images/bg-house-home.jpg) no-repeat top center; } body.tmpRange.toys { background: #d4cae3; } body.tmpRange.toys div#pageContainerWrapper { background: url(../static-images/bg-toys.jpg) no-repeat top center; } body.tmpRange.fashion-health-and-beauty { background: #f9ddf4; } body.tmpRange.fashion-health-and-beauty div#pageContainerWrapper { background: url(../static-images/bg-fashion.jpg) no-repeat top center; } body.tmpRange.cards-office-and-stationery { background: #b1e0ea; } body.tmpRange.cards-office-and-stationery div#pageContainerWrapper { background: url(../static-images/bg-cards.jpg) no-repeat top center; } body.tmpRange.special-occasions { background: #ffe4c6; } body.tmpRange.special-occasions div#pageContainerWrapper { background: url(../static-images/bg-occassions.jpg) no-repeat top center; } div.rangeHeader { height: 191px; width: 990px; } div.rangeHeader.food-and-drink { background: url(../static-images/food-and-drink-banner.gif) no-repeat; } div.rangeHeader h1, div.rangeHeader p { margin: 0 30px 0 530px; font-size: 4.2em; font-weight: bold; } div.rangeHeader h1 { text-transform: uppercase; padding: 30px 0 0 0; } div.rangeHeader p { font-size: 1.3em; } div.rangeHeaderText, div.productHeaderText { border: 4px solid #fff; border-top: none; border-bottom: none; background: url(../static-images/trans-black-13pc-bg.png); position: relative; min-height: 90px; margin: 10px 0 4px 0; } div.rangeHeaderText div.rct, div.rangeHeaderText div.rcb, div.productHeaderText div.rct, div.productHeaderText div.rcb { position: absolute; left: -4px; display: block; height: 6px; font-size: 1px; overflow: hidden; } div.rangeHeaderText div.rct, div.productHeaderText div.rct { top: -4px; width: 990px; background: url(../static-images/border-990-top-white.png) no-repeat; } div.rangeHeaderText div.rcb, div.productHeaderText div.rcb { bottom: -4px; width: 990px; background: url(../static-images/border-990-bottom-white.png) no-repeat; } div.rangeHeaderText h1, div.rangeHeaderText h2, div.productHeaderText h2 { display: block; width: 465px; /*border: 1px solid;*/ float: right; text-transform: uppercase; } div.rangeHeaderText h1, div.productHeaderText h2 { text-align: right; margin: 0; padding: 16px 16px 10px 0; font-size: 5em; font-weight: bold; } div.rangeHeaderText h2 { float: left; margin: 0; padding: 28px 0 10px 16px; font-size: 2.6em; font-weight: bold; } /* badge style icons */ span.badge-pound { display: block; height: 41px; width: 41px; background: url(../static-images/badge-pound.png) no-repeat; } span.badge-exclusive { display: block; height: 69px; width: 69px; background: url(../static-images/badge-exclusive.png) no-repeat; } span.badge-new { display: block; height: 68px; width: 69px; background: url(../static-images/badge-new.png) no-repeat; } /* sliding navigation */ div.slidingNav { border: 4px solid #ececec; border-top: none; border-bottom: none; margin: 4px 0 16px 0; padding: 0 0 10px; width: 740px; background: #fff; position: relative; } div.slidingNav div.navHead { background: #fff url(../static-images/scroller-header-bg.gif) repeat-x; height: 44px; } div.slidingNav div.navHead h2, div.slidingNav div.navHead a { font-size: 1.4em; font-weight: bold; margin: 0 9px 0 9px; padding: 0; float: left; } div.slidingNav div.navHead h2 { line-height: 40px; } div.slidingNav div.navHead a { padding: 12px 0 2px 0; float: right; border-bottom: 1px solid #ffcf31; } div.slidingNav div.nav { display: none; } div.slidingNav div.nav.prev { left: 16px; } div.slidingNav div.nav.next { right: 16px; } div.slidingNav div.nav a { display: block; width: 21px; height: 21px; } div.slidingNav div.nav.prev a { background: url(../static-images/scroller-nav.gif) no-repeat 0px 0px; } div.slidingNav div.nav.prev a:hover { background: url(../static-images/scroller-nav.gif) no-repeat 0px -28px; } div.slidingNav div.nav.next a { background: url(../static-images/scroller-nav.gif) no-repeat -29px 0px; } div.slidingNav div.nav.next a:hover { background: url(../static-images/scroller-nav.gif) no-repeat -29px -28px; } div.slidingNav div.hider { margin: 0 41px 7px 41px; width: 656px; min-height: 95px; position: relative; } div.slidingNav.productThumbs div.hider { /*margin: 0 41px 7px 41px;*/ margin: 0; width: 720px; } div.slidingNav.productThumbs div.hider.narrow, div.slidingNav.productThumbs div.hider.narrow ul { width: 622px; } div.slidingNav.productThumbs div.hider.narrow { margin: 0 56px 7px 56px; } div.slidingNav div.slider { background: #fff; } div.slidingNav div.slider ul { margin: 0 0 6px 0; padding: 0; list-style: none; float: left; width: 720px; } div.slidingNav div.slider ul li { margin: 0; padding: 0 0 1px 0; display: block; width: 160px; float: left; height: 90px; } /* product thumbs version of nav */ div.slidingNav.productThumbs div.slider ul li { width: 180px; } div.slidingNav.productThumbs div.product a { display: block; width: 180px; text-decoration: underline; } div.slidingNav.productThumbs div.product a span.img, div.slidingNav.productThumbs div.product a img { float: left; width: 90px; display: block; } div.slidingNav.productThumbs div.product a span.text { float: right; width: 85px; display: block; padding-left: 5px; } div.slidingNav.productThumbs div.product a span.text strong { padding-top: 6px; display: block; min-height: 56px; } div.slidingNav.productThumbs div.product span.badge-pound { display: block; height: 24px; width: 24px; background: url(../static-images/badge-pound-small.gif) no-repeat; } /* sub cat version of nav */ div.slidingNav div.subCatTab { } div.slidingNav div.subCatTab a { display: block; width: 160px; min-height: 80px; text-align: center; background-repeat: no-repeat; font-size: 1.4em; font-weight: bold; margin-top: 4px; } /* product page */ div.panel.w748.productDesc, div.panelProductDesc { padding-bottom: 8px; } div#pageContainerWrapper div.panel.w748.productDesc div.left, div#pageContainerWrapper div.panelProductDesc div.left { margin: 0 0 0 16px; float: left; width: 349px; } div#pageContainerWrapper div.panel.w748.productDesc div.right, div#pageContainerWrapper div.panelProductDesc div.right { margin: 0 16px 0 0; float: right; width: 341px; } div.panel.w748.productDesc div.right ul, div.panelProductDesc div.right ul { list-style: none; margin: 0; padding: 12px 0 0 0; } div.panel.w748.productDesc div.right ul li, div.panelProductDesc div.right ul li { display: block; float: left; border: 2px solid #e9e9e9; margin: 0 0 8px 29px; } div.panel.w748.productDesc div.right ul li img, div.panelProductDesc div.right ul li img { display: block; } div.panel.w748.productDesc div.right ul li.first, div.panel.w748.productDesc div.right ul li.nm, div.panelProductDesc div.right ul li.first, div.panelProductDesc div.right ul li.nm { margin-left: 0; } div.panel.w748.productDesc h1, div.panelProductDesc h1 { font-size: 3.8em; font-weight: bold; line-height: 0.9em; margin: 0 0 12px 0; padding: 20px 0 9px 0; border-bottom: 1px solid #e9e9e9; } div.panel.w748.productDesc p, div.panel.w748.productDesc ul, div.panelProductDesc p, div.panelProductDesc ul { font-size: 1.3em; } div.panel.w748.productDesc img.badge-pound, div.panelProductDesc img.badge-pound { float: right; } div.panel.w748.productDesc p.store, div.panelProductDesc p.store { clear: both; } div.panel.w748.productDesc p.store a, div.panelProductDesc p.store a { display: block; width: 285px; height: 62px; background: url(/static-images/find-store.gif) no-repeat 0 0; text-indent: -9999px; } div.panel.w748.productDesc p.store a:hover, div.panelProductDesc p.store a:hover { background: url(/static-images/find-store.gif) no-repeat 0 -70px; } div.panel.w748.productDesc div.subtextTop, div.panel.w748.productDesc div.subtextBottom, div.panelProductDesc div.subtextTop, div.panelProductDesc div.subtextBottom { width: 347px; display: block; height: 5px; overflow: hidden; background: url(../static-images/product-desc-subtext-top.gif) no-repeat; } div.panel.w748.productDesc div.subtextBottom, div.panelProductDesc div.subtextBottom { margin: 0 0 10px; } div.panel.w748.productDesc div.subtextBottom, div.panelProductDesc div.subtextBottom { background: url(../static-images/product-desc-subtext-bottom.gif) no-repeat; } /* div.panel.w748.productDesc div.subtextMid, div.panel.w748.productDesc div.subtextBottom div.panelProductDesc div.subtextMid, div.panelProductDesc div.subtextBottom */ div.panelProductDesc div.subtextMid { width: 343px; border: 2px solid #e9e9e9; border-top: none; border-bottom: none; padding: 1px 0; } div.panel.w748.productDesc div.subtextMid p, div.panelProductDesc div.subtextMid p { padding: 0 10px; } div.panel.w748.productDesc div.subtextMid ul, div.panelProductDesc div.subtextMid ul, div.panel.editorial ul { list-style: none; margin-left: 10px; padding-bottom: 8px; } div.panel.w748.productDesc div.subtextMid ul li, div.panelProductDesc div.subtextMid ul li, div.panel.editorial ul li { padding: 4px 0 4px 10px; background: url(../static-images/list-bullet.gif) no-repeat 0 10px; } div.panel.w748.productDesc div.related, div.panelProductDesc div.related { clear: both; padding: 12px 0; } div.panel.w748.productDesc div.related h3, div.panelProductDesc div.related h3 { font-size: 1.3em; font-weight: bold; margin: 0 0 6px 20px; } div.panel.w748.productDesc div.related ul, div.panelProductDesc div.related ul { margin: 0 0 0 10px; padding: 0; list-style: none; font-size: 1.2em; } div.panel.w748.productDesc div.related ul li, div.panelProductDesc div.related ul li { width: 136px; border: 2px solid #ececec; margin: 0 5px 6px 0; float: left; } div.panel.w748.productDesc div.related ul li a, div.panelProductDesc div.related ul li a { display: block; padding-bottom: 1px; } div.panel.w748.productDesc div.related span, div.panelProductDesc div.related span { display: block; text-align: center; padding: 10px 0 1px; min-height: 100px; } div.panel.w748.productDesc div.related imf, div.panelProductDesc div.related img { display: block; margin: 10px auto 1px; } div.panel.w748.productDesc div.related strong, div.panelProductDesc div.related strong { display: block; min-height: 34px; padding: 0 32px 4px 10px; background: url(../static-images/badge-pound-small.gif) no-repeat 106px 0; } div.panel.w748.links ul, div.panel.w370.links ul, div.panelLinks ul { list-style: none; margin: 4px 0 16px 22px; padding: 0; font-size: 1.2em; line-height: 1.6em; } div.panel.w748.links ul.left, div.panel.w370.links ul.left, div.panelLinks ul.left { display: block; float: left; width: 216px; } div.panel.w748.links ul li, div.panel.w370.links ul li, div.panelLinks ul li { display: inline-block; width: 225px; padding: 0 0 8px 0; } div.panel.w748.links ul li img, div.panel.w370.links ul li img, div.panelLinks ul li img { padding-right: 5px; } div.panel.w748.links ul.left li, div.panel.w370.links ul.left li, div.panelLinks ul.left li { display: block; width: auto; } div.panel.w370.links ul li, div.panelLinks ul li { width: 310px; } div.panel.w370.links ul li.file img, div.panelLinks ul li.file img { vertical-align: middle; margin-right: 6px; } div.panel.w748.links ul li a, div.panel.w370.links ul li a, div.panelLinks ul li a { font-weight: bold; border-bottom:1px solid #FCC401; padding:0 0 2px; } /* home page */ div.threecol.homeLists { margin: 4px 0 16px 0; } div.threecol.homeLists div.panel h2 { display: block; height: 73px; width: 236px; text-indent: -9999px; margin: 0; padding: 0; background: url(../static-images/home-3col-header-new.jpg) no-repeat; } div.threecol.homeLists div.panel h2 a { display: block; height: 73px; width: 236px; } div.threecol.homeLists div.panel.homeDeals h2 { background: url(../static-images/home-3col-header-deals.jpg) no-repeat; } div.threecol.homeLists div.panel.homeValue h2 { background: url(../static-images/home-3col-header-value.jpg) no-repeat; } div.threecol.homeLists div.panel p { text-align: right; font-size: 1.2em; font-weight: bold; padding: 0 7px; } div.threecol.homeLists div.panel p a { background: url(../static-images/arrow-buttons.png) no-repeat right 0px; padding: 0 20px 0 0; } div.threecol.homeLists div.panel p a:hover { background: url(../static-images/arrow-buttons.png) no-repeat right -99px; } div.threecol.homeLists ul { list-style: none; margin: 0; padding: 1px 0 3px 0; font-size: 1.2em; } div.threecol.homeLists ul li { background: #ffcce7; padding: 3px; margin: 1px 0; display: block; } div.threecol.homeLists li.alt { background: #ffe5f3; } div.threecol.homeLists div.panel.homeDeals li { background: #ffe0cc; } div.threecol.homeLists div.panel.homeDeals li.alt { background: #ffefe5; } div.threecol.homeLists div.panel.homeValue li { background: #cddede; } div.threecol.homeLists div.panel.homeValue li.alt { background: #e5eeee; } div.threecol.homeLists ul li a { display: block; min-height: 67px; background: url(../static-images/arrow-buttons-landscape.png) no-repeat 212px bottom; } div.threecol.homeLists ul li a span.new { display: block; width: 60px; height: 27px; background: url(/static-images/micro-badges-new.png) no-repeat 0 2px; } div.threecol.homeLists ul li a span.exclusive { display: block; width: 30px; height: 27px; background: url(/static-images/micro-badges-exclusive.png) no-repeat 0 2px; } div.threecol.homeLists ul li a:hover { background: url(../static-images/arrow-buttons-landscape.png) no-repeat -174px bottom; } div.threecol.homeLists ul li span.img { display: block; float: left; width: 74px; } div.threecol.homeLists ul li img { float: left; display: block; padding-right: 7px; } div.threecol.homeLists ul li strong { display: block; float: left; margin: 8px 0 0 0; padding: 0; width: 146px; cursor: pointer; } div.twocol { margin: 4px 0 16px 0; } div.twocol div.panel.w370 { float: left; width: 362px; margin: 0 0 0 8px; } div.twocol div.panel.w370.first { margin-left: 0; } body.tmpHome div.flashBanner { margin: 0 0 12px 0; } div.twocol div.button { min-height: 40px; background: #fc3013 url(../static-images/twocol-button-bg-red.jpg) no-repeat top left; padding-bottom: 1px; } div.twocol div.button h2 { margin: 0; padding: 0; font-size: 1.3em; font-weight: bold; text-align: center; text-transform: uppercase; min-height: 40px; } div.twocol div.button h2 a { display: block; width: 322px; background: url(../static-images/arrow-buttons.png) no-repeat 342px 14px; padding: 13px 25px 10px 15px; } div.twocol div.button h2 a:hover { background: url(../static-images/arrow-buttons.png) no-repeat 342px -85px; } div.twocol form#storefinder { background: #00585b url(../static-images/twocol-form-bg.jpg) no-repeat; min-height: 40px; padding: 0 0 1px 0; font-size: 1em; } div.twocol form#storefinder label { margin: 12px 6px 0 12px; padding: 0; font-size: 1.3em; font-weight: bold; text-transform: uppercase; display: block; float: left; width: 7.2em; } div.twocol input#address { border: 0; padding: 4px 6px; margin: 9px 4px 0 0; font-size: 1.1em; font-weight: bold; width: 114px; background: #004B4C; color: #a5c4c4; } div.twocol input#storefinderSubmit { float: none; margin: 0; height: auto; padding: 2px 0 4px 0; } div.twocol div.message, div.twocol div.newStores { background: #0c6b6a; min-height: 180px; padding-bottom: 1px; } div.twocol div.message h2, div.twocol div.newStores h2 { margin: 0 18px 18px 18px; padding: 14px 0 4px 0; display: block; font-size: 1.7em; font-weight: bold; border-bottom: 1px solid #fff; } div.twocol div.message p { margin: 0 0 16px 0; padding: 0 18px; font-size: 1.2em; } div.twocol div.newStores { background: #ff3790 url(../static-images/newstores-message-bg.jpg) no-repeat; position: relative; } div.twocol div.newStores p { position: absolute; bottom: 3px; right: 18px; width: 230px; text-align: right; font: bold 1.4em arial,sans-serif; } div.twocol div.newStores p a { background: url(../static-images/arrow-buttons.png) no-repeat right 0px; padding: 0 20px 0 0; } div.twocol div.newStores p a:hover { background: url(../static-images/arrow-buttons.png) no-repeat right -99px; } div.twocol div.newStores h2 { margin-bottom: 0; } div.twocol div.newStores a.img { margin-left: 4px; } /* editorial */ div.panel.w748.editorial { padding: 0 18px 20px 18px; } div.panel.w748.editorial div.img { width: 340px; float: right; margin: 0 0 0 20px; } div.panel.w748.editorial hr, div.bargains hr { border-color: #e9e9e9; border-style: solid; border-width: 1px 0 0; margin: 0; height: 0; } div.panel.editorial ul li { font-size: 1.2em; } div.panel.w748.editorial div.img ul { list-style: none; margin: 0; padding: 12px 0 0 0; } div.panel.w748.editorial div.img ul li { display: block; float: left; border: 2px solid #e9e9e9; margin: 0 0 8px 29px; padding: 0; background: transparent; } div.panel.w748.editorial div.img ul li img { display: block; } div.panel.w748.editorial div.img ul li.first, div.panel.w748.editorial div.img ul li.nm { margin-left: 0; } div.panel.w748.editorial h1 { font-size: 3.8em; font-weight: bold; line-height: 0.9em; margin: 0 0 6px 0; padding: 20px 0 9px 0; } div.panel.w748.editorial h2, div.bargains h2 { font-size: 1.6em; font-weight: bold; margin: 12px 0 8px 0; padding: 0; } div.panel.w748.editorial p.intro { font-size: 1.3em; font-weight: bold; } div.panel.w748.editorial p { font-size: 1.2em; } div.panel.w748.editorial ul.linkItems { margin: 0; padding: 6px 0; list-style: none; font-size: 1em; } div.panel.w748.editorial ul.linkItems li { display: block; background: transparent; margin: 6px 0; padding: 0 0 12px 0; border-bottom: 1px solid #e9e9e9; } div.panel.w748.editorial ul.linkItems li span { display: block; float: left; width: 100px; } div.panel.w748.editorial ul.linkItems li div { display: block; float: right; width: 590px; } div.panel.w748.editorial ul.linkItems h2, div.panel.w748.editorial ul.linkItems p { font-size: 1em; } div.panel.w748.editorial ul.linkItems h2 { font-weight: bold; font-size: 1.1em; } div.chunkyHeader { /*display: table;*/ /*width: 982px;*/ width: 978px; } div.chunkyHeader div.main, div.chunkyHeader div.sub { /*display: table-cell; vertical-align: middle;*/ padding: 0 14px 0 8px; } div.chunkyHeader div.main { text-align: right; width: 608px; float: right; } div.chunkyHeader div.sub { padding: 0 8px 0 14px; float: left; width: 320px; } div.chunkyHeader h1, div.chunkyHeader div.main h2 { font-size:5.8em; font-weight:bold; margin:0; padding: 16px 0; display:block; text-transform:uppercase; line-height: 0.8em; } div.chunkyHeader div.sub h2, div.chunkyHeader div.sub h3 { font-size:2.6em; font-weight:bold; margin:0; padding: 16px 0; display:block; text-transform:uppercase; line-height: 0.9em; } div.chunkyHeaderBorder { border: 4px solid #fff; border-top: none; border-bottom: none; background: url(../static-images/trans-black-13pc-bg.png); position: relative; margin: 10px 0 4px 0; } div.chunkyHeaderBorder.pound { min-height: 79px; } div.chunkyHeaderBorder.pound div.chunkyHeader div.main { width: 860px; min-height: 78px; } div.chunkyHeaderBorder.pound div.chunkyHeader { background: url(/static-images/header-pound.png) no-repeat 8px 2px; } div.chunkyHeaderBorder div.rct, div.chunkyHeaderBorder div.rcb { position: absolute; left: -4px; display: block; height: 6px; font-size: 1px; overflow: hidden; } div.chunkyHeaderBorder div.rct { top: -4px; width: 986px; background: url(../static-images/border-986-top.png) no-repeat; } div.chunkyHeaderBorder div.rcb { bottom: -4px; width: 986px; background: url(../static-images/border-986-bottom.png) no-repeat; } /* style fixes for IE6 */ /* panel styles */ div.threecolTeasers div.teaser, div.panelRange, div.panelLinks { border-color: #ececec; border-style: none solid; border-width: 4px; position: relative; float: left; margin: 0 0 0 8px; padding: 0; width: 236px; } div.panelLinks { background: #fff; width: 362px; } div.panelLinks.first { margin-left: 0; } div.threecolTeasers div.teaser div.rct, div.threecolTeasers div.teaser div.rcb, div.panelRange div.rct, div.panelRange div.rcb, div.panelProductDesc div.rct, div.panelProductDesc div.rcb, div.panelLinks div.rct, div.panelLinks div.rcb { position: absolute; left: -4px; display: block; height: 6px; font-size: 1px; overflow: hidden; } div.threecolTeasers div.teaser div.rct { top: -4px; width: 244px; background: url(../static-images/border-244-top.png) no-repeat; } div.threecolTeasers div.teaser div.rcb { bottom: -4px; width: 244px; background: url(../static-images/border-244-bottom.png) no-repeat; } div.panelRange div.rct { top: -4px; width: 230px; background: url(../static-images/border-230-top.png) no-repeat; } div.panelRange div.rcb { bottom: -4px; width: 230px; background: url(../static-images/border-230-bottom.png) no-repeat; } div.panelProductDesc div.rct { top: -4px; width: 748px; background: url(../static-images/border-748-top.png) no-repeat; } div.panelProductDesc div.rcb { bottom: -4px; width: 748px; background: url(../static-images/border-748-bottom.png) no-repeat; } div.threecolTeasers { margin: 4px 0 16px; } div.threecolTeasers div.teaser.first { margin-left: 0; } div.threecolTeasers div.teaser img { display: block; } div.threecolTeasers div.teaser img:hover, div.panel.range.rangeTeasers ul li:hover, div.panelRange ul li:hover { -moz-opacity:.80; -ms-filter:”alpha(opacity=80)”; filter:alpha(opacity=80); opacity:.80; } div.panelRange { width: 222px; margin: 4px 0 16px 0; background: #fff; } div.panelRange ul { list-style: none; margin: 0; padding: 0; } div.panelRange ul li { display: block; font-size: 1.1em; font-weight: bold; margin: 0 5px 5px; width: 212px; height: 115px; } div.panelRange ul li a { display: block; height: 29px; padding: 86px 0 0 16px; } div.panelProductDesc { background:#fff; border-color: #ececec; border-style: none solid; border-width: medium 4px; margin: 4px 0 16px; position: relative; padding-bottom:8px; } /* feedback form */ form.feedbackForm, form.registrationForm, form.enquiryForm { margin: 18px 0; padding: 20px 0 20px 22px; background: #e9e9e9; } form.feedbackForm label, form.registrationForm label, form.enquiryForm label { display: block; float: left; width: 129px; background: #007576; font-size: 1.2em; font-weight: bold; padding: 6px 8px; margin: 0 4px 0 0; text-align: right; } form.feedbackForm fieldset, form.registrationForm fieldset, form.enquiryForm fieldset { margin: 0; padding: 0; } form.feedbackForm fieldset div.field, form.registrationForm fieldset div.field, form.enquiryForm fieldset div.field { display: block; width: 170px; float: left; margin: 0 4px 0 0; } form.feedbackForm fieldset div.fields, form.registrationForm fieldset div.fields, form.enquiryForm fieldset div.fields { margin: 0 0 7px 0; } form.feedbackForm fieldset.set1 select, form.registrationForm fieldset.set1 select, form.registrationForm fieldset.set5 select, form.enquiryForm fieldset.set1 select, form.feedbackForm fieldset.set7 select { display: block; width: 90px; font-size: 1.2em; font-weight: bold; padding: 6px 8px; margin: 0; border: none; } form.feedbackForm fieldset.set7 select { width: auto; } form.registrationForm fieldset.set5 select { width: 120px; } form.feedbackForm fieldset.set1 label, form.registrationForm fieldset.set1 label { margin-top: 1px; } form.feedbackForm fieldset.set2 input, form.registrationForm fieldset.set2 input, form.enquiryForm fieldset.set2 input { display: block; width: 150px; font-size: 1.2em; font-weight: bold; padding: 6px 8px; margin: 0; border: none; } form.feedbackForm fieldset.set3 div.field, form.feedbackForm fieldset.set4 div.field, form.registrationForm fieldset.set3 div.field, form.enquiryForm fieldset.set3 div.field, form.enquiryForm fieldset.set4 div.field { width: 493px; } form.registrationForm fieldset.set3 p.note { margin: 0; padding: 2px 0 0; } form.registrationForm fieldset.set3 p.note a strong { display: block; padding: 4px 0 8px; } form.registrationForm fieldset.set4 label.sublabel { background: #fff; display: block; float: none; text-align: left; } form.registrationForm fieldset.set4 label.sublabel input { margin: 0 8px 0 0; } form.registrationForm fieldset.set6 div.fields { padding-left: 145px; } form.registrationForm fieldset.set6 div.field { display: block; float: none; width: auto; } form.registrationForm fieldset.set6 div.field label.error { display: block; text-align: left; padding-left: 30px; } form.registrationForm fieldset.set6 label { float: none; display: inline; background: transparent; color: #000; } form.feedbackForm fieldset.set3 input, form.registrationForm fieldset.set3 input, form.enquiryForm fieldset.set3 input { display: block; width: 473px; font-size: 1.2em; font-weight: bold; padding: 6px 8px; margin: 0; border: none; } form.registrationForm fieldset.set5 div.field { width: auto; } form.feedbackForm fieldset.set4 textarea, form.enquiryForm fieldset.set4 textarea { display: block; width: 473px; font-size: 1.2em; font-weight: bold; padding: 6px 8px; margin: 0; border: none; height: 92px; } form.feedbackForm fieldset.set4 label, form.enquiryForm fieldset.set4 label { height: 92px; } form.feedbackForm fieldset.set5, form.feedbackForm fieldset.set6, form.registrationForm fieldset.set7, form.registrationForm fieldset.set8, form.enquiryForm fieldset.set5, form.enquiryForm fieldset.set6 { margin: 0 0 0 149px; } form.registrationForm fieldset.set6 { padding-top: 10px; } form.feedbackForm fieldset.set5, form.registrationForm fieldset.set7, form.enquiryForm fieldset.set5 { background: #fff; width: 300px; padding: 8px; } form.feedbackForm fieldset.set5 label, form.registrationForm fieldset.set7 label, form.enquiryForm fieldset.set5 label { width: auto; text-align: left; } form.feedbackForm fieldset.set5 div.captcha, form.registrationForm fieldset.set7 div.captcha, form.enquiryForm fieldset.set5 div.captcha { margin-bottom: 6px; } form.feedbackForm fieldset.set5 input, form.registrationForm fieldset.set7 input, form.enquiryForm fieldset.set5 input { display: block; width: 150px; font-size: 1.2em; font-weight: bold; padding: 6px 8px; margin: 0; border: none; } form.feedbackForm fieldset.set6 input, form.registrationForm fieldset.set8 input, form.enquiryForm fieldset.set6 input { float: none; text-transform: uppercase; } form.feedbackForm div.field label.error, form.feedbackForm div.captcha label.error, form.registrationForm div.field label.error, form.registrationForm div.captcha label.error, form.enquiryForm div.field label.error, form.enquiryForm div.captcha label.error { background: transparent; padding: 4px 0; margin: 0; color: #900; width: auto; height: auto; text-align: left; } /* site search */ form.searchSite, form.gsc-search-box { margin: 0 0 8px 0; padding: 16px 22px 16px 22px; background: #e9e9e9; } form.searchSite label { width: 115px; background: #007576; display: inline-block; margin: 0 4px 0 0; padding: 6px 8px; font-size: 1.2em; font-weight: bold; } form.searchSite input.searchKeyWord, div#pageContainer input.gsc-input { margin: 0 4px 0 0; padding: 6px 8px; font-size: 1.2em; font-weight: bold; border: none; width: 169px !important; font-weight: normal; } form.searchSite input.searchSubmit { float: none; display: inline-block; text-transform: uppercase; } div.panel.w748.editorial div.result { margin: 0 0 16px 0; } /* gs override styles */ div#pageContainer table.gsc-branding, div#pageContainer .gsc-tabsArea, div#pageContainer .gsc-resultsHeader, div#pageContainer div.gs-visibleUrl-short, div#pageContainer div.gs-watermark, div#pageContainer div.gsc-tabsAreaInvisible, div#pageContainer .gsc-adBlockInvisible, div#pageContainer .gsc-trailing-more-results { display: none; } div#pageContainer table.gsc-resultsHeader { border: none; } div#pageContainer div.gs-title { margin: 12px 0 8px 0; text-decoration: none; } div#pageContainer div.gs-title a { font-size: 1.6em; font-weight: bold; margin: 0; padding: 0; } div.gs-snippet { font-size: 1.2em; margin: 8px 0 2px; } div#pageContainer div.gs-title a, div#pageContainer div.gs-title a b { color: #045a59; text-decoration: none; } div#pageContainer div.gs-title a:hover, div#pageContainer div.gs-title a:hover b { color: #bf0003; } div.gs-result div.gs-snippet b { color: #6c6c6c; } div.gs-visibleUrl-long { font-size: 1.1em; padding: 0 0 8px; } div.gsc-adBlock { display: none; } input.gsc-search-button { margin: 0 0 0 6px; background:transparent url(../static-images/goog-search-alt.gif) no-repeat 0 0; border: none; font-size: 1.2em; font-weight: bold; height: 22px; width: 103px; float: right; color: #fff; cursor: pointer; } input.gsc-search-button:hover { background:transparent url(../static-images/goog-search-alt.gif) no-repeat 0 -30px; } #cse { min-height: 120px; } .gsc-results .gsc-cursor-box { padding: 6px 0 18px; } .gsc-results .gsc-cursor { display:inline; } .gsc-results .gsc-cursor-box .gsc-cursor-page { color: #000000; cursor: pointer; display: inline; margin-right: 8px; text-decoration: underline; font-size: 1.2em; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color:#A90A08; font-weight:bold; text-decoration:none; } table.gsc-search-box td { vertical-align:middle; } div.gsc-clear-button { background-image: url(/uds/css/clear.gif); background-position: center center; background-repeat: no-repeat; cursor: pointer; display: inline; margin-left: 4px; margin-right: 4px; padding-left: 10px; text-align: right; } div#pageContainer td.gsc-input { width: 190px; } /* bargains */ div#pageContainerWrapper div.panel.w748.productDesc div.left.fullspan, div#pageContainerWrapper div.panelProductDesc div.left.fullspan { width: 708px; } /* home page scrolling promotional area */ div#homeScroller { border: 4px solid; height: 318px; border: 4px solid #fff; border-top: none; border-bottom: none; margin: 4px 0 16px; position:relative; } div#homeScroller div.rct, div#homeScroller div.rcb { display: block; font-size: 1px; height: 7px; left: -4px; overflow: hidden; position: absolute; } div#homeScroller div.rct { background: url(../static-images/border-748-top-white.png) no-repeat; top: -4px; width: 748px; } div#homeScroller div.rcb { background: url(../static-images/border-748-bottom-white.png) no-repeat; bottom: -4px; width: 748px; } div#homeScroller div.nav { position: absolute; left: 0; bottom: 8px; height: 27px; width: 740px; } div#homeScroller div.nav ul { margin: 0 0 0 8px; padding: 0; list-style: none; font-size: 1em; } div#homeScroller div.nav ul li { display: block; float: left; width: 177px; height: 27px; margin-right: 5px; } div#homeScroller div.nav ul li a { display: block; width: 177px; height: 27px; background: url(/static-images/homePromoButtons.png); text-align: center; line-height: 26px; color: #045a59; font-weight: bold; font-size: 1.2em; } div#homeScroller div.nav ul li a:hover, div#homeScroller div.nav ul li.selected a, div#homeScroller div.nav ul li.selected a:hover { color: #fff; background: url(/static-images/homePromoButtons.png) bottom left; } div#homeScroller div.hider { position: relative; height: 318px; overflow: hidden; } div#homeScroller div.slider { position: absolute; left: 0; top: 0; height: 318px; } div#homeScroller div.hsContainer { width: 740px; height: 318px; float: left; position: relative; cursor: pointer; } div#homeScroller p.desc { position: absolute; bottom: 37px; left: 15px; /*font-size: 1.3em;*/ font-size: 1.3em; font-weight: bold; color: #fff; width: 485px; } div#homeScroller p.link { position: absolute; bottom: 37px; right: 16px; /*font-size: 1.3em;*/ font-size: 1.3em; font-weight: bold; color: #fff; width: 220px; text-align: right; } div#homeScroller p.link a { display: block; padding-right: 20px; background: url(../static-images/arrow-buttons.png) no-repeat right 1px; min-height: 14px; color: #fdc501; } div#homeScroller p.link a:hover { color: #fdc501; background: url(../static-images/arrow-buttons.png) no-repeat right -99px; } /* style for single item */ div#homeScroller.single { } div#homeScroller.single p.desc, div#homeScroller.single p.link { bottom: 4px; } div.servermessage p { color: #900; } /* error page google code insert styles */ div#goog-fixurl { background: #e9e9e9; padding: 24px; } div#goog-fixurl h3 { font-size: 1.6em; margin: 0; padding: 0; } div#goog-fixurl ul { list-style: none; margin: 0; padding: 0; font-size: 1em; } div#goog-fixurl ul li { margin: 0; padding: 0; background: none; font-size: 1em; } div#goog-fixurl ul form { font-size: 1em; margin: 0; padding: 16px 0 0 0; } div#goog-fixurl ul form label { background: #007576; display: inline-block; font-size: 1.2em; font-weight: bold; margin: 0 4px 0 0; padding: 6px 8px 6px 12px; width: 100px; color: #fff; } div#goog-fixurl ul form input#goog-wm-qt { border: medium none; font-size: 1.2em; font-weight: bold; margin: 0 4px 0 0; padding: 6px 8px; width: 169px; color: #595959; } div#goog-fixurl ul form input#goog-wm-sb { display: inline-block; float: none; text-transform: uppercase; background: transparent url(../static-images/goog-search.gif) no-repeat; border: none; font-size: 1.1em; font-weight: bold; height: 22px; margin: 6px 0 0; width: 103px; color: #fff; cursor: pointer; } div#goog-fixurl ul form input#goog-wm-sb:hover { background: transparent url(../static-images/goog-search.gif) no-repeat 0 -31px; } /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1, .sIFR-hasFlash h2 { visibility: hidden; font-size: 18px; } div.chunkyHeader h1.sIFR-replaced, div.chunkyHeader div.main h2.sIFR-replaced { visibility: hidden; padding: 0; } div.storefinderapp { padding: 6px 0 10px; } .footerSiteBy { color: #fff; font-size: 1.1em; font-weight: bold; padding-top: 5px; } .footerSiteBy a { color: #fff; } .footerSiteBy a:hover { color: #c2dada; } /* bookmark */ #bookmark div.bookmark { padding-bottom: 6px; } #bookmark div.bookmark { display: block; width: 133px; background: url(/static-images/footer-border.gif) no-repeat top left; min-height: 55px; } #bookmark div.bookmark h2 { padding: 10px 0 0 10px; } #bookmark div.bookmark p { font-size: 1.1em; text-align: center; margin: 0 0 0 9px; } #bookmark div.bookmark div.panelAnchor { /*position: relative;*/ padding-top: 4px; } #bookmark div.bookmark div.panelAnchor div.anchorElem { position: relative; } #bookmark div.bookmark div.panel { position: absolute; /*bottom: 0px; left: -3.5em;*/ bottom: 5px; left: 0px; padding-bottom: 6px; display: none; border: none; } #bookmark div.bookmark div.panel div.inner { padding: 6px; display: block; width: 18.8em; background: #fff; border: 1px solid; } #bookmark div.bookmark div.panel ul { font-size: 1em; list-style: none; width: 9.4em; float: left; } #bookmark div.bookmark div.panel ul li { font-size: 1.1em; display: block; } #bookmark div.bookmark div.panel ul a { display: block; padding: 5px; border: 1px solid #fff; min-height: 12px; padding-left: 20px; background-color: #fff; background-image: url(/static-images/bookmarks/favourites.gif); background-repeat: no-repeat; background-position: 2px 4px; } #bookmark div.bookmark div.panel ul a:hover { background-color: #ededed; } #bookmark div.bookmark div.panel ul li.bmFacebook a { background-image: url(/static-images/bookmarks/facebook.gif); } #bookmark div.bookmark div.panel ul li.bmTwitter a { background-image: url(/static-images/bookmarks/twitter.gif); } #bookmark div.bookmark div.panel ul li.bmGoogle a { background-image: url(/static-images/bookmarks/google.gif); } #bookmark div.bookmark div.panel ul li.bmLive a { background-image: url(/static-images/bookmarks/live.gif); } #bookmark div.bookmark div.panel ul li.bmMySpace a { background-image: url(/static-images/bookmarks/myspace.gif); } #bookmark div.bookmark div.panel ul li.bmDigg a { background-image: url(/static-images/bookmarks/digg.gif); } #bookmark div.bookmark div.panel ul li.bmDelicious a { background-image: url(/static-images/bookmarks/delicious.gif); } #bookmark div.bookmark div.panel ul li.bmStumble a { background-image: url(/static-images/bookmarks/stumbleupon.gif); } #bookmark div.bookmark div.panel ul a:hover { border: 1px solid #cecece; } #bookmark div.bookmark p a { display: block; width: 117px; padding: 0 0 4px 0; background: url(/static-images/bookmark-button-bottom.gif) no-repeat bottom left; } #bookmark div.bookmark p a strong { display: block; width: 117px; padding-top: 3px; background: url(/static-images/bookmark-button-top.gif) no-repeat top left; } #bookmark div.bookmark p a:hover { background: url(/static-images/bookmark-button-bottom.gif) no-repeat bottom right; } #bookmark div.bookmark p a:hover strong { background: url(/static-images/bookmark-button-top.gif) no-repeat top right; }