@charset "UTF-8";
/* CSS Document */

@import url(reset.css);

/*Global
--------*/
body									{ background-color: #000; color: #666; font: 0.75em/1.4em Arial, Helvetica, sans-serif;  }


/*Layout
--------*/
#wrap									{ width: 955px; margin: 0 auto;  }
#container								{ background: #FFF url(../images/shared/footer/footer-bg.gif) 0 100% no-repeat; padding: 0 0 140px 0; }
/*header*/
#header									{ height: 200px; background: url(../images/shared/header/header-bg.gif) 0 0 no-repeat; position: relative; }
#header h1								{ margin: 0; }
#header h1 a							{ width: 195px; height: 215px; position: absolute; top: 35px; right: 55px; }
#header h1 span							{ display: none; }
/*menu*/
#menu									{ position: absolute; top: 5px; left: 90px; width: 695px; }
#menu li								{ list-style: none; float: left; margin-right: 10px; }
#menu li a 								{ text-decoration: none; font-weight: bold; padding-right: 10px; display: block; color: #9e9e9e; background:url(../images/shared/menu/menu-bullet.gif) 100% 50% no-repeat; }
#menu li a:hover						{ color: #FFF; }
#menu li a#last							{ background: none; }
/*content*/
#content								{ padding: 6px 65px 20px 56px; background: url(../images/shared/backgrounds/content-bg.gif) 0 0 no-repeat; }
/*footer*/
#footer									{ color: #999; padding-top: 10px; font-size: 0.9em; }
#footer li								{ list-style: none; display: inline; margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 1px solid #999; } 
#footer li a							{ color: #999; }


/*Text
------*/
#content h1								{ margin-bottom: 0.91em; background-position: 0 0; background-repeat: no-repeat; width: 245px; height: 94px;  }
#content h1	span						{ display: none; }
/*Headings*/
#content h1#hd-aboutus					{ background-image:url(../images/shared/headings/hd-aboutus.gif); }
#content h1#hd-overalls					{ background-image:url(../images/shared/headings/hd-overalls.gif);  }
#content h1#hd-trousers-shorts			{ background-image:url(../images/shared/headings/hd-trousers.gif);  }
#content h1#hd-shirts					{ background-image:url(../images/shared/headings/hd-shirts.gif);  }
#content h1#hd-windcheaters				{ background-image:url(../images/shared/headings/hd-windcheaters.gif);  }
#content h1#hd-registernow				{ background-image:url(../images/shared/headings/hd-registernow.gif);  }
#content h1#hd-stockists				{ background-image:url(../images/shared/headings/hd-stockists.gif);  }
#content h1#hd-contactus				{ background-image:url(../images/shared/headings/hd-contactus.gif); }
#content h1#hd-privacy					{ background-image:url(../images/shared/headings/hd-privacy.gif); }
#content h1#hd-guarantee				{ background-image:url(../images/shared/headings/hd-guarantee.gif); }
#content h1#hd-chart					{ background-image:url(../images/shared/headings/hd-chart.gif); }
#content h1#hd-catalogues				{ background-image:url(../images/shared/headings/hd-catalogues.gif); }
#content h1#hd-thankyou					{ background-image:url(../images/shared/headings/hd-thankyou.gif); }

h2										{ margin-bottom: 0.91em; color: #000; text-transform: uppercase; font-size: 1.33em; }
h3										{ color: #333; font-size: 1.17em; }
p,
ul,
ol										{ margin-bottom: 0.91em; }
#content li								{ list-style: outside; margin-left: 15px; padding-left: 5px; }
a:link,
a:visited								{ color: #000; }
#content a:hover,
#content a:active						{ background-color: #F9EF1C; text-decoration: none;}

p#top-btn								{ clear: both; text-align: right; }


/*Forms
------*/
form									{ width: 600px;  padd//ing-top: 10px; bor//der-top: 1px solid #666; }
form legend								{ display: none; }
form .leftcolumn						{ float: left; width: 280px; }
form .rightcolumn						{ float: right; width: 280px; }
form p									{ padding: 2px 0; }
form label								{ float: left; width: 110px; }
form input,
form select,								
form textarea							{ border: 1px solid #333; }
form input,
form select								{ width: 140px; }
form textarea							{ width: 470px; }
form p.submit							{ text-align: right; padding-top: 5px; bo//rder-top: 1px solid #CCC; }
form p.submit input						{ width: auto; padding: 3px; background: #000; border: none; color: #F9EF1C; text-align: center; text-transform: uppercase; overflow: auto; cursor: pointer; font-weight: bold; }								
form p.required							{ color: #000;  }
form p.terms							{ padding: 5px; background: #ECECEC; overflow: auto; _height: 1%;  margin-top: 5px; }
form p.terms label						{ float: none; width: auto; }
form p.terms input						{ width: auto; margin-right: 5px; border: none; }

/*gallery boxes*/
.box									{ float: left; width: 196px; margin: 0 5px 10px 5px; min-height: 250px; text-align: center; color: #9a9a9a; }
.box .title								{ background: url(../images/shared/backgrounds/title-bottombg.gif) 0 0 repeat-y; }
.box .title-inner						{ padding: 10px 0; min-height: 50px; background: url(../images/shared/backgrounds/title-topbg.gif) 0 0 no-repeat; padding: 5px; }
.box .detail							{ padding: 15px 0; min-height: 200px; background: url(../images/shared/backgrounds/box-bg.gif) 0 100% no-repeat; }
.box .title h2							{ font-size: 1em; margin: 0; color: #FFF; }
.box p									{ margin: 0; }
#content .box .title a:hover			{ color: #FFF; background: none; }
#content .box .detail a:hover			{ color: #CCC; background: none; }


/*Home Page
------------*/
body.home #container					{ background: none; padding: 0; }
body.home #header						{ height: 170px; background: url(../images/home/header-bg.jpg) 0 0 no-repeat; }
body.home #header h1 a					{ display: none; }
body.home #content						{ height: 370px; background:url(../images/home/content-bg.jpg) 0 0 no-repeat; padding: 0; position: relative; }
/*signs*/
.sign									{ position: absolute; color: #000; text-align: center;  }
#content .sign a:hover					{ background: none; }

#protective-clothing					{ top: 60px; left: 30px; width: 189px; height: 78px; text-align: left; }
#protective-clothing div				{ width: 189px; height: 78px; }

#slogan									{ top: 225px; left: 40px; text-align: left; width: 234px; height: 131px; }
#slogan div								{ width: 234px; height: 131px; overflow: hidden; }

#danger									{ top: 235px; left: 328px; width: 179px; height: 93px; }
#danger div								{ width: 179px; height: 93px; overflow: hidden;  }

#warning								{ top: 230px; left: 565px; width: 145px; height: 125px; }
#warning li								{ list-style: none; display: inline; padding: 0 5px 0 0; margin: 0 5px 0 0; border-right: 1px solid #000; }
#warning li.last						{ border: none; }

#protective-clothing a,
#danger a								{ background: none; }

#notice									{ top: 220px; right: 40px; width: 165px; height: 115px; text-align: left; font-size: 0.95em; }
#notice p								{ margin-bottom: 5px; padding: 0; }
#notice form							{ width: auto; border: none; margin: 0; padding: 0; }
#notice fieldset						{ border: none; }
#notice legend,
#notice label							{ display: none; }
#notice .submit							{ text-align: right; border: none; padding: 0; }
#notice input							{ width: 160px; }
#notice .submit input					{ width: auto; }


/*Guarantee Page
---------------*/
body.guarantee #content img				{ float: right; margin: 0 0 10px 10px; }


/*Catalogues Pages
----------------*/
.brochure								{ float: left; width: 140px; text-align: center; }
.brochure img							{ display: block; margin-bottom: 5px; }

/*Contact Us Page
----------------*/
body.contactus #form					{ float: right; width: 650px; border-left: 1px solid #000; padding-left: 10px; }
#contact-details						{ float: left; width: 170px; font-size: 0.9em; }

body.registernow form					{ padding: 10px; border: 1px solid #333; overflow: auto; _height: 1%; }



/*Popup Windows
---------------*/
body.popup								{ padding: 10px; margin: 0; background: #000; }
body.popup #wrap						{ width: 721px; padding: 0; margin: 0; background: url(../images/shared/backgrounds/popup-contentbg.jpg) 0 0 repeat-y; }
body.popup #header						{ height: 160px; background: url(../images/shared/header/popup-headerbg.jpg) 0 0 no-repeat; }
body.popup #header h1 a					{ position: absolute; top: 0; left: 5px; width: 137px; height: 152px; background: url(../images/shared/header/popup-logo.gif) 0 0 no-repeat; margin: 10px 0 0 25px; }
body.popup #header p#close-btn a		{ float: right; width: 47px; height: 21px; background:url(../images/shared/buttons/close-btn.gif); display: block; margin: 10px 15px 0 0; }
body.popup #header p#close-btn a span	{ display: none; }
body.popup #content						{ padding: 15px 30px 30px 30px; margin: 0; background: url(../images/shared/footer/popup-footerbg.gif) 0 100% no-repeat; }
body.popup #content h1					{ color: #ffff33; text-transform: uppercase; font-size: 1.27em; background: none; margin: 0 0 10px 0; padding: 0; height: auto; width: auto; }
body.popup #content .leftcolumn			{ float: left; width: 240px; }
body.popup #content .rightcolumn		{ float: right; width: 400px; }
body.popup #content img					{ border: 2px solid #666; }
body.popup #content dl					{ width: 390px; }
body.popup #content dl dt				{ float: left; width: 105px; padding: 2px 0; border-top: 1px solid #4a4a4a; color: #929292; }
body.popup #content dl dd				{ margin-left: 106px; width: 300px; padding: 2px;  border-top: 1px solid #4a4a4a; color: #FFF; }
body.popup #content dl dt.info,
body.popup #content dl dd.info			{ bor//der: none; }
body.popup #content dl strong			{ padding: 0; margin: 0; }


/*Stockists Page*/
.accordian											{ margin-bottom: 10px; }
.accordian-title									{ height: auto; }
.accordian .off .accordian-title					{ padding: 3px 10px; background: #999; color: #666; text-transform: uppercase; cursor: pointer; border-bottom: 2px solid #FFF; }
.accordian .off .accordian-title h2					{ color: #666; margin: 0; }
.accordian .on .accordian-title						{ padding: 3px 10px; background: #000; color: #FFF; text-transform: uppercase; cursor: pointer; }
.accordian .on .accordian-title h2					{ color: #FFF; margin: 0; }
.accordian-content									{ padding: 10px 10px; }

.stockist											{ float: left; width: 260px; min-height: 80px; _height: 80px; margin: 0 10px 10px 0; }