/* ------------------------------------------------------------------- */
/* 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 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:Arial, Helvetica, sans-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; margin-left:0px; margin-top:0; }

table								{ width:100%; }
table, th, td, tr, label 			{ margin:0; padding:0; }

a:visited,
a 									{ color:#808080; text-decoration:none; }
a:hover 							{ text-decoration:underline; color:#c6c6c6; text-decoration:none; }
a img								{ border:none; }


/* ------------------------------------------------------------------- */
/* LAYOUT */
/* ------------------------------------------------------------------- */
body 								{ background:#000000 url('../grfx/layout/bg.gif') repeat-x 0 0; margin:0; padding:0; text-align:left; color:#ffffff; }
#site-wrapper						{ width:100%; }
#body-wrapper						{ width:1000px; margin:0 auto; text-align:left; background:url('../grfx/layout/sitewrapper-bg.gif') no-repeat 0 0; position:relative; }
#container-a						{ height:41px; }


/* ------------------------------------------------------------------- */
/* TOP BAR */
/* ------------------------------------------------------------------- */
#website-headerbar-wrapper 							{ display:none; }
#compheadbar-wrapper								{ height:30px; }
#compheadbar-wrapper span.compheadbar-heading		{ display:block; margin:0; background:url('../grfx/layout/topbar-logo.jpg') no-repeat top left; display:block; text-indent:-999em; width:287px; height:30px; }
#compheadbar-wrapper ul								{ list-style:none; position:absolute; top:0; right:0; }
#compheadbar-wrapper ul li							{ float:left; width:auto; }


/* Login Window */
#login-window-wrapper								{ position:absolute; z-index:100; top:10px; right:210px; width:200px; height:63px; float:right; }
#login-window-login-wrapper a						{ position:absolute; z-index:300; display:block; float:left; background:url('../grfx/login-popup/login.png') no-repeat top left; display:block; text-indent:-999em; width:100px; height:25px; cursor:pointer;}	
#login-window-register-wrapper a					{ position:absolute; z-index:300; display:block; float:left; background:url('../grfx/login-popup/register.png') no-repeat top left; display:block; text-indent:-999em; width:105px; height:21px; margin-left:95px; cursor:pointer; }	
#login-window-register-wrapper a:hover				{ background-position:bottom left; }

#login-window-form-wrapper							{ position:absolute; z-index:200; display:none; float:left; background:url('../grfx/login-popup/top.png') no-repeat top left; margin-top:-10px; width:200px; margin-top:16px; }
#login-window-form-wrapper form						{ margin-top:5px; background:url('../grfx/login-popup/form.png') no-repeat bottom right; width:180px; padding:20px 10px 10px 10px; }
#login-window-form-wrapper span input				{ width:100px; border:none; padding:2px 11px 2px 5px; font-size:10px; float:left; display:block; z-index:999;  }
#login-window-form-wrapper label					{ display:block; float:left; clear:left; width:60px; height:18px; padding-top:3px; }
#login-window-form-wrapper form a					{ display:block; clear:both; margin-top:10px; height:10px; }
#login-window-form-wrapper span.button label		{ display:none; }
#login-window-form-wrapper span #btn-extranet-login-form-login			{ position:relative !important; background:url('../grfx/login-popup/submit.png') no-repeat 0 0; border:none; width:55px; height:11px; cursor:pointer; text-indent:-9999px; display:block; overflow:hidden; text-decoration:none; margin:10px 5px 10px 0px; padding:0; float:right; }
#login-window-form-wrapper form span.field-name		{ width:auto; display:inline; margin-right:0; }
#login-window-form-wrapper form span.button			{ position:relative; bottom:auto; right:auto;  }													



/* Logos */
#company-header-bar a.company span					{ text-indent:-999em; display:block; }
#company-header-bar ul li							{ margin-left:10px; }
#company-header-bar ul li.fasco						{ margin-left:6px; }
#company-header-bar ul li.marlaw					{ margin-left:6px; }
#company-header-bar ul li.scottgrouplimited a span	{ background:url('../grfx/logos/scottgrouplimited.jpg') no-repeat top left; width:87px; height:30px; }
#company-header-bar ul li.scotttimber a span		{ background:url('../grfx/logos/scotttimber.jpg') no-repeat top left; width:56px; height:30px; }
#company-header-bar ul li.scottpackaging a span		{ background:url('../grfx/logos/scottpackaging.jpg') no-repeat top left; width:75px; height:30px; }
#company-header-bar ul li.scottwaste a span			{ background:url('../grfx/logos/scottwaste.jpg') no-repeat top left; width:53px; height:30px; }
#company-header-bar ul li.scottrecycling a span		{ background:url('../grfx/logos/scottrecycling.jpg') no-repeat top left; width:71px; height:30px; }
#company-header-bar ul li.fasco a span				{ background:url('../grfx/logos/fascoactive.png') no-repeat top left; width:87px; height:41px; }
#company-header-bar ul li.marlaw a span				{ background:url('../grfx/logos/marlaw.jpg') no-repeat top left; width:63px; height:30px; }
#company-header-bar ul li.elm a span				{ background:url('../grfx/logos/elm.jpg') no-repeat top left; width:42px; height:30px; }
#company-header-bar ul li a:hover span 			{ background-position:bottom left; }

/* ------------------------------------------------------------------- */
/* HEADER */
/* ------------------------------------------------------------------- */
#container-b						{ width:1000px; height:155px; background:url('../grfx/layout/header-bg.png') no-repeat 0 83px; padding:10px 0 0 0; position:relative;}
#website-logo-wrapper h1 a			{ display:block; width:147px; height:43px; background:url('../grfx/layout/logo.png') no-repeat 0 0; text-indent:-999em; padding:0px 0 0 0; margin:10px 0 0 0; }

#global-tel-wrapper					{ position:absolute; bottom:20px; right:0px; }
#global-tel-wrapper h3				{ font-size:1.9em; text-transform:uppercase; padding:0; margin:0; text-indent:-999em; background:url('../grfx/layout/contactus-number.png') no-repeat 0 0; display:block; width:188px; height:31px; }


/* ------------------------------------------------------------------- */
/* HEADER SEARCH */
/* ------------------------------------------------------------------- */
#website-search-wrapper						{ position:absolute; right:0; top:83px; width:200px; height:20px; background:url('../grfx/layout/search.gif') no-repeat 0 0; }
#website-search-wrapper .searchbox input	{ border:none; background-color:transparent; width:172px; height:16px; float:left; padding:4px 0 0 8px; color:#999; }
#website-search-wrapper .search-button input{ background:url('../grfx/buttons/keyword-search.gif') no-repeat 0 0; width:20px; text-indent:-9999px; border:none; height:20px; font-size:0; cursor:pointer; float:left; }


/* ------------------------------------------------------------------- */
/* STORE NAV */
/* ------------------------------------------------------------------- */
#store-navigation-wrapper						{ position:absolute; top:10px; right:0; width:200px; height:63px; background:url('../grfx/navigation/store/bg.png') no-repeat 0 0; }
#store-navigation-wrapper h2					{ display:none; }
#store-navigation-wrapper a						{ position:absolute; top:0; right:0; height:63px; width:103px; background:url('../grfx/navigation/store/checkout.png') no-repeat 0 0; text-indent:-9999px; color:#000;}
#store-navigation-wrapper a.basket				{ right:104px; width:96px; background-image:url('../grfx/navigation/store/basket.png'); }
#store-navigation-wrapper a:hover				{ background-position:bottom left; }
#store-navigation-wrapper span.items,
#store-navigation-wrapper span.value			{ display: block; width:90px; }
#store-navigation-wrapper span.basket-contents	{ display: block; margin:35px 0 0 10px; text-transform:uppercase; }
#store-navigation-wrapper span.links-block-two	{ display:none; }
#store-navigation-wrapper span.label-item-count,
#store-navigation-wrapper span.value-label		{ float:left; width:40px; }
#store-navigation-wrapper span.item-count,
#store-navigation-wrapper span.value-text		{ float:left; width:50px; /*text-align:right;*/ }



/* ------------------------------------------------------------------- */
/* Banners */
/* ------------------------------------------------------------------- */
#payment-wrapper					{ width:200px; height:100px; background:url('../grfx/banners/worldpay.gif') no-repeat 0 0; margin-bottom:10px; float:left; }
#nextddel-wrapper					{ width:95px; height:100px; background:url('../grfx/banners/next-day.gif') no-repeat 0 0; text-indent:-9999px; margin-bottom:10px; float:left; margin-right:10px; }
#freedeloff-wrapper					{ width:95px; height:100px; background:url('../grfx/banners/free-delivery.gif') no-repeat 0 0; text-indent:-9999px; margin-bottom:10px; float:left; }


#showroombanner-wrapper										{ position:relative; width:200px; height:100px; margin-bottom:10px; display:block; }
#showroombanner-wrapper	a									{ width:200px; height:100px; background:url('../grfx/banners/fasco-extra.gif') no-repeat 0 0; text-indent:-9999px; }
#showroombanner-wrapper a,
#showroombanner-wrapper span 								{ display:block; text-indent:-9999px; position:absolute; top:0; left:0; }

#newsletterw-wrapper											{ position:relative; width:200px; height:100px; margin-top:10px; margin-bottom:10px; display:block; }
#newsletterw-wrapper a										{ width:200px; height:100px; background:url('../grfx/banners/newsletter.gif') no-repeat 0 0; text-indent:-9999px; }
#newsletterw-wrapper a,
#newsletterw-wrapper span									{ display:block; text-indent:-9999px; position:absolute; top:0; left:0; }
#newsletterw-wrapper a:hover									{ background-position:bottom left; }

/*
#newsletter-wrapper											{ position:relative; width:200px; height:100px; margin-top:10px; margin-bottom:10px; display:block; }
#newsletter-wrapper a										{ width:200px; height:100px; background:url('../grfx/banners/newsletter.gif') no-repeat 0 0; text-indent:-9999px; }
#newsletter-wrapper a,
#newsletter-wrapper span									{ display:block; text-indent:-9999px; position:absolute; top:0; left:0; }
#newsletter-wrapper a:hover									{ background-position:bottom left; }




            <div id="newsletterw-wrapper">
              <a href="/news/newsletter.aspx">
              <span class="newsletterwindow-heading">Newsletter</span>
              <span class="newsletterwindow-summary">
                Notifications about our latest offers<br />
<a href="/news/newsletter.aspx">Subscribe</a>
              </span>
              </a>

            </div>*/

#clearencebanner-wrapper									{ position:relative; width:200px; height:100px; margin-top:10px; display:block; }
#clearencebanner-wrapper a									{ width:200px; height:100px; background:url('../grfx/banners/clearance.gif') no-repeat 0 0; text-indent:-9999px; }
#clearencebanner-wrapper a,
#clearencebanner-wrapper span								{ display:block; text-indent:-9999px; position:absolute; top:0; left:0; }
#clearencebanner-wrapper a:hover							{ background-position:bottom left; }

#productpromoban-wrapper									{ height:280px; overflow:hidden; width:200px; }
#productpromoban-wrapper span.productpromoban-heading		{ display:none; }
#productpromoban-wrapper span.productpromoban-summary		{ width:200px; padding:0; margin:0;}
#productpromoban-wrapper span.productpromoban-summary a		{ width:200px; padding:0; margin:0;}

#brandpromoban-wrapper										{ margin:10px 0 10px 0; }
.brandpromoban-heading										{ display:none; }	
#brandpromoban-wrapper ul									{ margin:0; padding:0; }
#brandpromoban-wrapper ul li								{ margin:0; padding:0; height:110px; list-style:none;}
#brandpromoban-wrapper ul li a								{ position:relative; width:580px; height:100px; display:block; text-indent:-9999px; padding:0; margin:0; }
#brandpromoban-wrapper ul li a:hover						{ background-position:bottom right; }
#brandpromoban-wrapper ul li a.helly-hansen					{ background-image:url('../grfx/banners/helly-hansen.jpg'); }
#brandpromoban-wrapper ul li a.draper						{ background-image:url('../grfx/banners/draper.jpg'); }
#brandpromoban-wrapper ul li a.regatta						{ background-image:url('../grfx/banners/regatta.jpg'); }

#contactusbanner-wrapper									{ position:relative; width:410px; height:110px; display:block; background:url('../grfx/banners/contact-us.gif') no-repeat 0 0; margin-top:0px; margin-bottom:10px; font-size:1.1em; }
#contactusbanner-wrapper span.contactusbanner-heading		{ text-indent:-9999px; position:absolute; top:0; left:0; }
#contactusbanner-wrapper span.contactusbanner-summary		{ display:block; width:280px; height:60px; overflow:hidden; position:absolute; top:50px; left:10px; }
#contactusbanner-wrapper a									{ width:136px; height:20px; color:#FFF; }
#contactusbanner-wrapper a.contactemail						{ }
#contactusbanner-wrapper a.contactdetails					{ position:absolute; bottom:0; width:136px; height:20px; display:block; text-indent:-9999px; background:url('../grfx/buttons/contact-details.gif') no-repeat; }
#contactusbanner-wrapper a.onlineenq						{ position:absolute; bottom:0; width:136px; height:20px; display:block; text-indent:-9999px; background:url('../grfx/buttons/online-enquiry.gif') no-repeat; margin-left:141px;  }
#contactusbanner-wrapper a:hover							{ background-position:bottom left; }

#businessacc-wrapper										{ position:relative; width:580px; height:105px; display:block; background:url('../grfx/banners/business-accounts.gif') no-repeat 0 0; margin-top:15px; margin-bottom:10px; font-size:1.1em; }
#businessacc-wrapper span.businessacc-heading				{ text-indent:-9999px; position:absolute; top:0; left:0; }
#businessacc-wrapper span.businessacc-summary				{ display:block; width:500px; height:60px; overflow:hidden; position:absolute; top:45px; left:10px; }
#businessacc-wrapper a										{ display:block; text-indent:-9999px; position:absolute; bottom:0; width:136px; height:20px; }
#businessacc-wrapper a.login								{ width:136px; height:20px; background:url('../grfx/buttons/log-in.gif') no-repeat 0 0; }
#businessacc-wrapper a.learnmore							{ width:136px; height:20px; background:url('../grfx/buttons/learn-more.gif') no-repeat;  margin-left:146px; }
#businessacc-wrapper a:hover								{ background-position:bottom left; }



/* ------------------------------------------------------------------- */
/* FOOTER */
/* ------------------------------------------------------------------- */
#container-z										{ width:1000px; position:relative; top:20px; padding:11px 0 0 0; clear:both; padding-bottom:20px;  }

#container-wrapper-vw								{ clear:both; }

#brandlogos-wrapper									{ border-bottom:#313131 solid 1px; margin-bottom:10px; margin-top:20px; }
#brandlogos-wrapper span.brandlogos-heading			{ display:none; }
#brandlogos-wrapper ul								{ list-style:none; height:30px; margin-bottom:10px; }
#brandlogos-wrapper ul li							{ float:left; padding-right:14px; width:auto;}

#brandlogos-wrapper ul li.draper a					{ text-indent:-9999px; display:block; height:27px; width:59px; background:url('../grfx/logos/draper.gif') no-repeat left top; }
#brandlogos-wrapper ul li.stanley a					{ text-indent:-9999px; display:block; height:27px; width:61px; background:url('../grfx/logos/stanley.gif') no-repeat left top;  }
#brandlogos-wrapper ul li.fasco a					{ text-indent:-9999px; display:block; height:27px; width:82px; background:url('../grfx/logos/fasco.gif') no-repeat left top;  }
#brandlogos-wrapper ul li.knipex a					{ text-indent:-9999px; display:block; height:27px; width:56px; background:url('../grfx/logos/knipex.gif') no-repeat left top;  }
#brandlogos-wrapper ul li.bibielle a				{ text-indent:-9999px; display:block; height:27px; width:78px; background:url('../grfx/logos/bibielle.gif') no-repeat left top; }
#brandlogos-wrapper ul li.hellyhansen a				{ text-indent:-9999px; display:block; height:27px; width:119px; background:url('../grfx/logos/hh.gif') no-repeat left top; }
#brandlogos-wrapper ul li.makita a					{ text-indent:-9999px; display:block; height:27px; width:77px; background:url('../grfx/logos/makita.gif') no-repeat left top; }
#brandlogos-wrapper ul li.bosch a					{ text-indent:-9999px; display:block; height:27px; width:68px; background:url('../grfx/logos/bosch.gif') no-repeat left top; }
#brandlogos-wrapper ul li.bahco a					{ text-indent:-9999px; display:block; height:27px; width:58px; background:url('../grfx/logos/bahco.gif') no-repeat left top; }	
#brandlogos-wrapper ul li.gedore a					{ text-indent:-9999px; display:block; height:27px; width:99px; background:url('../grfx/logos/gedore.gif') no-repeat left top; }
#brandlogos-wrapper ul li.britool a					{ text-indent:-9999px; display:block; height:27px; width:102px; background:url('../grfx/logos/britool.gif') no-repeat left top; }		

#brandlogos-wrapper ul li.last						{ padding-right:0px; }
#brandlogos-wrapper ul li a:hover					{ background-position:left bottom; }

ul#footer-nav										{ position:absolute; right:0; top:90px; display:block; text-align:right; }
ul#footer-nav li									{ list-style:none; }

#copyright-wrapper									{ color:#808080; }
#copyright-summary									{ font-weight:bold; color:#999; }
#company-address-wrapper							{ width:50%; color:#808080; margin-bottom:21px; }
#contact-details-wrapper							{ width:200px; display:block; color:#808080; }
#contact-details-wrapper span.label-tel	,
#contact-details-wrapper span.label-fax,
#contact-details-wrapper span.label-email			{ width:30px; display:inline-block;}
#contact-details-wrapper span.contact-details-tel,
#contact-details-wrapper span.contact-details-fax,
#contact-details-wrapper a.contact-details-email	{ color:#808080; width:170px; display:inline-block; }
#contact-details-wrapper a:hover					{ color:#c6c6c6; }

#author-wrapper a									{ background:url('../grfx/layout/media52.png') no-repeat 0 0; text-indent:-999em; display:block; width:101px; height:15px; position:absolute; right:0px; bottom:10px; overflow:hidden; }
#author-wrapper a:hover								{ background-position:bottom; }


#primary-footer-wrapper,
#header-footer-wrapper								{ position:absolute; left:150px; top:72px; font-size:9px;}
#primary-footer-wrapper								{ left:100px; }

#primary-footer-wrapper ul li,
#header-footer-wrapper ul li						{ float:left; width:auto; list-style:none; margin-left:10px; padding-left:10px; padding-top:10px; background:url('../grfx/footer/divider.gif') no-repeat 0 0; font-weight:bold; }
#primary-footer-wrapper ul li,
#header-footer-wrapper ul li ul li					{ float:none; list-style:none; font-weight:normal; margin-left:0; padding-left:0; padding-top:0; background:none; }

#primary-footer-wrapper ul li.first					{ padding-top:10px;}

#primary-footer-wrapper li.catalogue-homepage		{ font-weight:bold; }
#header-footer-wrapper li.homepage					{ display:none; }