/* ------------------------------------------------------------------- */ /* FIXES */ /* ------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* ------------------------------------------------------------------- */ /* GLOBAL */ /* ------------------------------------------------------------------- */ body { font-family:arial, Helvetica, Sans-serif; font-size:78%; text-align:center; background-color:#76685e } * { margin:0; padding:0;} img { border: 0; } p { margin:0 0 1em 0; color:#4b4242; line-height:1.3em; font-size:.9em;} .list { margin-left:1.8em; margin-bottom:1em;} .list li { margin-bottom:.2em; list-style-type:square;} ol { margin-left:1.8em; margin-bottom:1em; color:#000; font-size:.9em; } ol li { margin-bottom:.2em; } a, a:link, #Contact-Details-Container a, #Layout1-ColB-Wrapper a { color: #000; } a:visited { color: #000; } a:active, a:hover { text-decoration:none; } /* Special buttons */ /* --------------------------- */ a.more { display:block; width:44px; height:15px; background-position:0 0; background-repeat:no-repeat; text-indent:-999em; text-decoration:none} a.more:hover { background-position:0 -15px; } /* Header tags */ /* --------------------------- */ h1 { display:block; width:117px; height:55px; background:url(../grfx/layout/logo.gif) no-repeat left bottom; text-indent:-999em; position:absolute; top:30px;} h1 span { text-indent:-999em; display:block; width:117px; height:55px; position:absolute; top:0px; left:0; cursor:pointer; } h2 { } h3 { font-weight:normal; color:#4b4242;} /* ------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------- */ #Body-Wrapper { width:770px; text-align:left; margin:0 auto; background:url('../grfx/layout/bkgd-plant.gif') no-repeat right 65px} #Header-Wrapper { position:relative;} #Homepage-Body-Wrapper { background-color:#FFF; } #Homepage-Body-Wrapper, #Layout1-Wrapper { padding:0 15px; } span.global-tel-no { display:block; width:160px; height:14px; background:url('../grfx/layout/tel-number.gif') no-repeat 0 0; text-indent:-999em; position:absolute; top:35px; left:-108px} /* ------------------------------------------------------------------- */ /* MAIN-BUTTON */ /* ------------------------------------------------------------------- */ a.read-more, #Homepage-CallBack-Container a.request-callback, #Homepage-CallBack-Container a.contact-us, table.basket-footer-buttons a.continue, #header-buttons a.update, #header-buttons a.clear, table.basket-footer-buttons a.checkout, table#Downloads a, #Catalogue-Detail-Buttons-Container a.ADD-TO-BASKET, #Catalogue-Detail-Buttons-Container a.RETURN-RANGE, #basket-link-buttons a#basket-link-contact, #basket-link-buttons a#basket-link-basket, #basket-link-buttons a#basket-link-payment , #basket-link-buttons a#basket-link-delivery, #Catalogue-Detail-Downloads-Container table a.DOWNLOAD-LINK, p.ask-question a { display:block; width:44px; height:15px; background:url('../grfx/buttons/more.gif') no-repeat 0 0; text-indent:-999em; font-size:.7em} a.read-more:hover, #Homepage-CallBack-Container a.request-callback:hover, #Homepage-CallBack-Container a.contact-us:hover, table.basket-footer-buttons a.continue:hover, #header-buttons a.update:hover, #header-buttons a.clear:hover, table.basket-footer-buttons a.checkout:hover, table#Downloads a:hover, #Catalogue-Detail-Buttons-Container a.ADD-TO-BASKET:hover, #Catalogue-Detail-Buttons-Container a.RETURN-RANGE:hover, #basket-link-buttons a#basket-link-contact:hover, #basket-link-buttons a#basket-link-basket:hover, #basket-link-buttons a#basket-link-payment:hover, #basket-link-buttons a#basket-link-delivery:hover, #Catalogue-Detail-Downloads-Container table a.DOWNLOAD-LINK:hover, p.ask-question a:hover { background-position:0 -15px;} /* ------------------------------------------------------------------- */ /* BASKET */ /* ------------------------------------------------------------------- */ #Store-Navigation-Container { position:absolute; right:0; top:27px; width:214px; font-size:.8em; text-transform:uppercase; color:#FFF; background:url('../grfx/layout/basket-bottom.gif') no-repeat left bottom } #Store-Navigation-Wrapper { position:relative; background:url('../grfx/layout/basket-top.gif') no-repeat left top; padding-top:1px; } #Store-Navigation-Container h2 { display:none;} #Store-Navigation-Container a.basket, #Store-Navigation-Container a.checkout { display:block; clear:both; color:#FFF; text-decoration:none; margin-left:10px; background:url('../grfx/navigation/basket-dot.gif') no-repeat 0 0; } #Store-Navigation-Container a.basket { padding:6px 0 2px 15px; background-position:left 8px} #Store-Navigation-Container a.checkout { margin-bottom:7px; padding-left:15px; background-position:left 2px} #Store-Navigation-Container a:hover { text-decoration:underline; background-position:0 -21px} #Store-Navigation-Container a.checkout:hover { background-position:0 -27px} #Store-Navigation-Container span.basket-contents { display:block; width:110px; position:absolute; top:0; right:0; padding:7px 0 7px 10px; border-left:1px solid #8c827a} #Store-Navigation-Container span.items { display:block; padding-bottom:2px;} #Store-Navigation-Container span.value { padding-bottom:7px; } /* ------------------------------------------------------------------- */ /* FORMS */ /* ------------------------------------------------------------------- */ form { } form a { color:#666} form td { vertical-align:top; padding-bottom:5px;} form input, form select, form textarea { border:none; padding:.2em; font-size:.9em; font-family:Arial, Helvetica, Sans-serif; width:300px; border:1px solid #AAA; } form select { background-color:#FFF;} th.label { width:130px; vertical-align:top; text-align:left; color:#FFF; font-weight:normal; font-size:.9em; margin-right:10px; } th.label-question { text-align:left; color:#FFF;} form table { margin-bottom:15px;} form table#Footer { margin-bottom:5px} #Form-Wrapper h3 { position:absolute; text-indent:-999em; display:none} #Form-Wrapper h3.subscribe, #Form-Wrapper h3.unsubscribe { display:block; text-indent:0; position:static; color:#FFF; margin-bottom:10px; text-transform:uppercase; font-size:1.2em} #Login-Container, #Form-Container, #formAdvSearch, #CallbackRequest-Form-Container { background:#4b4242 url('../grfx/layout/bkgd-form-top.gif') no-repeat left top; margin:20px 0;} #Form-Wrapper, #CallbackRequest-Form-Wrapper { padding:15px; background:url('../grfx/layout/bkgd-form-bottom.gif') no-repeat left bottom;} #Contact-Form { padding:0; margin:0; border:none} span.mand-text { font-size:.9em; color:#FFF; } /* Lose border around checkboxs & radio buttons in IE 6 */ /* ------------------------------------------------------------------- */ #Contact-Form table#Interests input, #CallbackRequest-Form td.radio-button-cell input, #Content-Search-Wrapper span.search-type input, #Content-Search-Wrapper span.content-groups input { border:none;} /* Error text */ /* ------------------------------------------------------------------- */ #Form-Layout-One-Validation-Wrapper, #CallbackRequest-Validation-Wrapper { background-color:#99CC33; padding:10px; color:#FFF; margin-bottom:15px;} #Form-Layout-One-Validation-Wrapper p, #CallbackRequest-Validation-Wrapper p { color:#4b4242; margin-bottom:5px;} #Form-Layout-One-Validation-Wrapper ul, #CallbackRequest-Validation-Wrapper ul { color:#4b4242; margin-left:22px;} #Layout1-ColB-Wrapper #Form-Layout-One-Validation-Wrapper li, #Layout1-ColB-Wrapper #CallbackRequest-Validation-Wrapper li { background-image:none; list-style:disc; padding-left:0; font-size:11px} /* Header search */ /* ------------------------------------------------------------------- */ /*Header-WebSearch-Wrapper { position:absolute; right:.4em; top:0; width:180px; border-left:1px solid #FFF; padding:6px 0 10px 10px;} #Header-WebSearch-Wrapper form { position:relative; margin:0; background-color:transparent; padding:0;} #Header-WebSearch-Wrapper form label { display:block; color:#FFF; margin-bottom:-1px; height:12px; } #Header-WebSearch-Wrapper form .input { clear:both; margin:.4em 0 .4em 0; border:1px solid #FFF; font-size:.9em; padding:0; width:130px} #Header-WebSearch-Wrapper form .button { position:absolute; top:13px; right:5px;} #Header-WebSearch-Wrapper a { color:#FFF; font-size:.8em; margin-top:-1px; position:absolute; top:40px; text-decoration:none;} #Header-WebSearch-Wrapper a:hover { text-decoration:underline;}*/ /* Contact form */ /* ------------------------------------------------------------------- */ #Contact-Form table#Interests { color:#666; font-size:.9em; } #Contact-Form table#Interests td { padding-right:20px; font-size:10px;} #Contact-Form table#Interests input { width:auto;} #Contact-Form table#Message textarea { width:370px;} #Contact-Form input.button { margin-left:123px;} table#Interests table td { padding-left:17px;} table#Interests table td input { margin-left:-17px;} /* Ask a question */ /* ------------------------------------------------------------------- */ textarea#Question { margin-left:131px} table#Question h3 { display:inherit; position:inherit; text-indent:0; color:#FFF; font-size:11px} /* Suggest a link */ /* ------------------------------------------------------------------- */ textarea#WebsiteDescription { margin-left:131px} table#Description h3 { display:inherit; position:inherit; text-indent:0; color:#FFF; font-size:11px} /* Extranet login */ /* ------------------------------------------------------------------- */ /*#Login-Container { position:relative; } #Login-Container h2 { text-indent:-999em; position:absolute;} #Login-Container input { width:170px;} #Login-Container span.account, #Login-Container span.password { color:#666; margin-right:5px; font-size:11px; } #Login-Container input.account { margin-right:20px;} #Login-Container input.password { clear:right;} #Login-Container input.button { display:block; width:auto; clear:both; margin:10px 0 0 47px; } #Login-Container a.forgotten { margin-top:10px; display:block; font-size:11px; color:#666 }*/ /* Advanced Search */ /* ------------------------------------------------------------------- */ /*#Content-Search-Wrapper form input { width:auto; } #Content-Search-Wrapper span.keywords-label { color:#666; margin-right:5px; font-size:11px} #Content-Search-Wrapper span.search-type input { margin-left:10px;} #Content-Search-Wrapper span.keywords input.search-keywords { margin-right:10px; margin-left:0;} #Content-Search-Wrapper span.search-type { color:#666; font-size:11px;} #Content-Search-Wrapper span.content-groups { display:block; clear:both; margin:10px 0 10px 58px; color:#666; font-size:11px;} #Content-Search-Wrapper span.content-groups input { } #Content-Search-Wrapper span.content-groups span { display:block; float:left; margin-right:15px;} #Content-Search-Wrapper input.search-button { margin-left:56px; clear:both; display:block; margin-top:45px; border:none}*/ /* Request Callback */ /* ------------------------------------------------------------------- */ #CallbackRequest-Form-Container { } #CallbackRequest-Form-Container th.label-question { padding-bottom:5px;} #CallbackRequest-Form-Container td.radio-button-cell input { width:14px; margin-right:2px; } #CallbackRequest-Form-Container td.radio-button-cell { font-size:11px; color:#FFF;} #CallbackRequest-Form-Container span.ml-radio1, #CallbackRequest-Form-Container span.sd-radio1 { margin-right:6px;} #CallbackRequest-Form-Container select.date-select { margin-bottom:5px; width:125px; float:left; margin-right:10px;} #CallbackRequest-Form-Container select.time-select { width:90px;} /* Email page */ /* ------------------------------------------------------------------- */ /*form#Email-Link-Form input.button { margin-left:-2px;}*/ /* Form Miscellaneous */ /* ------------------------------------------------------------------- */ #Contact-Details-Container { /*float:left; width:210px; margin-top:18px; margin-left:10px;*/} #Contact-Details-Container a, #BusinessAddress-Container a { text-decoration:none} form input.button { width:auto; border:none; margin-left:125px;} #Contact-Details-Container #col-a, #BusinessAddress-Container #col-a { width:190px; float:left;} /* -------------------------------------- */ /* FOOTER */ /* -------------------------------------- */ #Footer-Navigation-Container { clear:both; width:770px; padding-top:35px; padding-bottom:10px; text-align:left; margin:0 auto; background:url('../grfx/layout/bkgd-content-bottom.gif') no-repeat 0 0} #Footer-Navigation-Wrapper { position:relative; background:url('../grfx/layout/bkgd-footer.gif') no-repeat 0 0; padding-top:29px} #Footer-Copyright-Wrapper p { } #Footer-Navigation-Container p { color:#ada49e; font-size:10px; margin-bottom:0em} #Footer-Company-Details-Wrapper p { margin-bottom:0px;} #Footer-Contact-Details-Wrapper p a { color:#ada49e; text-decoration:none;} #Footer-Contact-Details-Wrapper p a:hover { color:#bcbdc1; } #Footer-Contact-Details-Wrapper span { padding-right:10px;} #Footer-Links-Wrapper { position:absolute; right:5px; top:9px;} #Footer-Links-Wrapper li { float:left; list-style:none; } #Footer-Links-Wrapper li a { font-size:.1em; border-left:1px solid #5b5b5b; text-decoration:none; display:block; height:5px; text-indent:-999em; background-position:top center; background-repeat:no-repeat; padding:0 10px} #Footer-Links-Wrapper li a:hover { background-position:center -20px} #Footer-Links-Wrapper li a.SITEMAP { background-image:url('../grfx/navigation/footer/sitemap.gif'); width:42px; border-left:none;} #Footer-Links-Wrapper li a.PRIVACY-POLICY { background-image:url('../grfx/navigation/footer/privacy.gif'); width:84px;} #Footer-Links-Wrapper li a.TERMS-OF-PURCHASE { background-image:url('../grfx/navigation/footer/purchase.gif'); width:108px;} #Footer-Links-Wrapper li a.RETURNS-POLICY { background-image:url('../grfx/navigation/footer/returns.gif'); width:87px; } #Footer-Author-Wrapper { position:absolute; right:0; top:34px; } #Footer-Author-Wrapper a { background:url('../grfx/layout/logo-media52.gif') no-repeat 0 0; text-indent:-999em; display:block; width:90px; height:13px; text-decoration:none; font-size:0;} #Footer-ePDQ-Logo a { display:block; width:42px; height:14px; text-indent:-999em; background:url('../grfx/icons/epdq.gif') no-repeat 0 0; position:absolute; top:5px; left:13px} #Footer-ePDQ-Logo a:hover { background-position:0 -15px}