/* ------------------------------------------------------------------- */ /* FIXES */ /* ------------------------------------------------------------------- */ .clearfix:after { content:" "; font-size:0; 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 RESET */ /* ------------------------------------------------------------------- */ * { margin:0;padding:0; } *:focus { outline:none } h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, /*ul,*/ ol, dl, fieldset, address { margin:1em 5%; } table th { text-align:left; } li, dd { /*margin-left:5%;*/ } fieldset { padding:.5em; } /* EMS */ html, body { font-size:78%; height:100%; margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; } h1 { font-size:2em; margin:0; padding:0; } /* displayed at 24px */ h2 { font-size:1.5em; margin-left:0px; } /* displayed at 18px */ h3 { font-size:1.25em; margin-left:0px } /* displayed at 15px */ h4 { font-size:1em; margin-left:0px } /* displayed at 12px */ input, select, th, td { font-size:1em; } li li, li p, td p, blockquote p { font-size:1em; } ul, ul li { margin:0; padding:0; } p { font-size:1.1em; line-height:1.5em; color:#797979; margin-left:0; } table { width:100%; } table, th, td, tr, label { margin:0; padding:0; } body a:link, body a:visited, a:visited, a { color:#666; text-decoration:none; } a:hover { text-decoration:underline; } a img { border:none; } /* ------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------- */ body { background:#9e998c url('../grfx/layout/bg.jpg') repeat-x top center; margin:0; padding:0; } #site-wrapper { width:100%; padding-bottom:10px; } #body-wrapper { width:810px; /*margin:0 auto;*/ text-align:left; position:absolute; left:50%; margin-left:-435px; } /* ------------------------------------------------------------------- */ /* HEADER */ /* ------------------------------------------------------------------- */ /* Top Bar */ #container-a { height:20px; position:relative; width:800px; padding:5px 5px 0px 5px; } #twitstat-wrapper { position:relative; width:800px; display:block; overflow:hidden; height:19px; } #twitstat-wrapper a.twitter-logo { position:absolute; width:10px; height:13px; top:1px; left:0; background:url('../grfx/layout/twitter-t.gif') no-repeat 0 0; display:block; } #twitstat-wrapper a.twitter-logo:hover { background-position:bottom left; } #twitter-status { color:#878787; display:block; float:left; width:auto; height:13px; margin-left:20px; padding-top:2px; } #twitstat-wrapper a.twitter-arrow { background:url(../grfx/layout/arrow.gif) no-repeat 0 0; width:5px; height:9px; display:block; float:left; margin-left:8px; margin-top:2px; } #website-search-wrapper { background:url('../grfx/layout/search.png') no-repeat 0 0; margin-top:3px; position:absolute; top:0; right:5px; width:140px; padding:0; height:17px; } .searchbox input { border:none; background-color:transparent; background-image:none; width:115px; height:14px; float:left; padding:2px 0 1px 5px;font-family:Georgia, "Times New Roman", Times, serif;} .search-button input { background:url('../grfx/buttons/search-button.png') no-repeat 0 0; width:20px; text-indent:-9999px; border:none; height:17px; font-size:0; cursor:pointer; float:left;} /* Header */ #container-b { position:relative; width:810px; height:71px; padding-top:18px; margin: 0 5px 0 5px;} #website-logo-wrapper h1 a { display:block; width:188px; height:57px; background:url('../grfx/layout/logo.png') no-repeat 0 0; text-indent:-999em; } #global-tel-wrapper {float:right; padding:0; margin:0; position:absolute;top:10px; right:10px; } #global-tel-wrapper h3 { padding:0; margin:0; color:#ffffff; font-size:1.1em; font-weight:normal; /*text-shadow: 2px 2px 2px #000;*/ background:url(../grfx/layout/global-tel.png) no-repeat top right; height:12px; width:192px; text-indent:-9999px;} /* ------------------------------------------------------------------- */ /* PLAY COLUMN */ /* ------------------------------------------------------------------- */ #newsletterw-wrapper { position:absolute; right:-193px; top:302px; } #newsletterw-wrapper a { background:url(../grfx/play/newsletter-bg.png) no-repeat top left; text-indent:-999em; display:block; height:208px; width:198px; } #newsletterw-wrapper a:hover { background-position:bottom left; } #youtubew-wrapper { display:none; } #social-network-wrapper { position:absolute; right:-195px; top:478px; } #social-network-wrapper a { background:url(../grfx/play/you-tube-bg.png) no-repeat 0 0; text-indent:-999em; display:block; height:259px; width:200px; } #funwin-wrapper { position:absolute; right:-237px; top:51px; } #funwin-wrapper a { background:url(../grfx/play/play-time-bg.png) no-repeat 0 0; text-indent:-999em; display:block; height:258px; width:242px;} #funwin-wrapper a:hover { background-position:bottom left;} /* ------------------------------------------------------------------- */ /* FOOTER */ /* ------------------------------------------------------------------- */ #container-wrapper-vw { position:relative; clear:both; height:71px; background:url(../grfx/layout/shadow-repeat.png) repeat-y 0 0; width:800px; padding-left:5px; padding-right:5px; } /* Stockist Banner Above Product Promo */ #container-v { float:left; margin:0; padding: 0; width:400px; height:71px;} #becstkl-wrapper a { display:block; background:url('../grfx/layout/stockists-banner.png') no-repeat top left; height:61px; width:390px; padding:10px 0 0 10px; margin:0;color:#767676;} #becstkl-wrapper span.becstkl-heading { padding:0; margin:0; font-size:1.6em;color:#767676; font-weight:normal; background:url(../grfx/layout/arrow.gif) no-repeat 150px 5px; display:block; margin-bottom:2px} #becstkl-wrapper span.becstkl-summary { width:250px;color:#767676; display:block;} #becstkl-wrapper a:hover { background-position:0 -71px; text-decoration:none; } /* Stockist Banner Above Product Promo */ #container-w { float:left; padding:0; margin:0; width:400px; height:71px;} #reqacat-wrapper a { display:block; background:url('../grfx/layout/catalogue-banner.jpg') no-repeat top left; height:61px; width:390px; padding:10px 0 0 10px; margin:0; color:#767676;} #reqacat-wrapper span.reqacat-heading { padding:0; margin:0; font-size:1.6em;color:#767676; font-weight:normal; background:url(../grfx/layout/arrow.gif) no-repeat 173px 5px; display:block; margin-bottom:2px;} #reqacat-wrapper span.reqacat-summary { width:250px;color:#767676; display:block;} #reqacat-wrapper a:hover { background-position:0 -71px; text-decoration:none;} /* Product Promo Above Footer */ #container-wrapper-xy { padding-left:5px; padding-right:5px; background:url(../grfx/layout/shadow-repeat.png) repeat-y 0 0; width:800px; clear:both; } #container-x { background:url('../grfx/layout/product-promo-bg.gif') repeat-x; height:40px; width:800px; position:relative; overflow:hidden; } #brand-ticker-wrapper a { padding:8px 20px 8px 0; display:block; height:23px; width:780px; background:url('../grfx/home/ticker-vertDotLine.png') no-repeat 86px 0;} #brand-ticker-wrapper img { float:left; margin:-8px 10px 0 0;} #brand-ticker-wrapper a:hover { background:url('../grfx/home/ticker-over-bkgd.png') no-repeat 86px 0; text-decoration:none; } #brand-ticker-wrapper a span.summary { display:block; background:url('../grfx/layout/arrow.gif') no-repeat right center; padding-right:70px;} #container-z { background:url('../grfx/layout/footer-bg.png') no-repeat 0 0px; width:770px; height:109px; position:relative; font-size:0.9em; color:#FFFFFF; margin:0; clear:both; padding:15px 20px 0 20px; position:absolute; z-index:900; } #copyright-wrapper { width:50%; } #company-address-wrapper { margin-bottom:16px; width:50%;} #contact-details-wrapper { width:250px; margin-bottom:15px; } #contact-details-wrapper span { display:inline-block; } #contact-details-wrapper span.label-tel , #contact-details-wrapper span.label-fax, #contact-details-wrapper span.label-email { width:50px; } #contact-details-wrapper span.contact-details-tel, #contact-details-wrapper span.contact-details-fax, #contact-details-wrapper a.contact-details-email { width:200px; color:#FFFFFF; } #contact-details-wrapper a:hover { color:#dfd6ca } #company-number-wrapper { clear:both; } #primary-footer-wrapper, #header-footer-wrapper, #footer-nav-wrapper { position:absolute; right:20px; top:15px; z-index:999; display:block; } #primary-footer-wrapper { right:200px; } #header-footer-wrapper { right:150px; } #primary-footer-wrapper ul li, #header-footer-wrapper ul li, #footer-nav-wrapper ul li { list-style:none; } #primary-footer-wrapper ul li a, #header-footer-wrapper ul li a, #footer-nav-wrapper ul li a, #primary-footer-wrapper ul li a:visited, #header-footer-wrapper ul li a:visited, #footer-nav-wrapper ul li a:visited { color:#ffffff; text-decoration:none;} #primary-footer-wrapper ul li a:hover, #header-footer-wrapper ul li a:hover, #footer-nav-wrapper ul li a:hover { color:#dfd6ca } #author-wrapper a { background:url('../grfx/layout/media52.gif') no-repeat top left; text-indent:-999em; display:block; width:102px; height:15px; position:absolute; right:8px; bottom:8px;} #author-wrapper a:hover { background-position:bottom left;} /* Cat in footer */ #container-y { display:block; width:181px; height:169px; position:absolute; margin-left:340px; z-index:9999; background:url('../grfx/layout/footer-cat.png') no-repeat 0 0;} /* ------------------------------------------------------------------- */ /* HIDE */ /* ------------------------------------------------------------------- */ #basket-navigation-wrapper, #catalogue-search-wrapper { display:none; }