html, body { height:100%;  margin: 0; padding: 0; font-size: 100%; font-weight: normal; color:#333; background-color:#999; font: normal 13px arial,Verdana,sans-serif;  text-align:center; background: url(bg.gif) center 0 repeat-y;}
h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,li,dl,dd,dt { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
form { margin: 6px 0px 6px 0px; padding: 0px; font-size: 100%; font-weight: normal; }

:focus { outline: 0; }
ul { list-style:none; }
a {text-decoration: none }
p a:link { color:#00f; text-decoration: none;}
p a:hover { color:#666; text-decoration: underline;}
p a:active { color:#00f; text-decoration: none;}
p a:visited { color:#00f;}

img, a img { border: 0; outline:0; }
h1,h2,h3 a:hover { text-decoration: none;}
hr { display: none; }

/*
    Document Structure

*/


.Page { background-color:#fff; 
        width: 798px; 
        min-height: 100%; 
        margin: 0 auto;
        margin-bottom:-25px;
        margin-top:-2px;
        text-align:left; 
        position: relative; 
        border:1px solid #000;
       }
	* html #outer{height:100%;} /* IE6 and under treat height as min-height anyway*/
  .Header { background-color:#000;
            position: relative; 
            top: 0px; 
            left: 0px;   
            width:798px;  
            height:107px;    
            border-top:1px solid #000;     
            border-bottom:1px solid #ffcc00;
           }
  .topnav { background-color:#666; 
            position: relative; 
            top: 0px; 
            left: 0px; 
            width:798px; 
            height:22px; 
            font-size:12px;  
            line-height:18px;
            }
  .SiteBar { background-color:#fff;
             position: relative;
  	     float: left;
             top: 0px; 
             left: 0px; 
             width:159px; 
             height:100%; 
             padding-bottom:10px; 
             padding-left:10px; 
             padding-top:20px; 
             font-size:12px;
             line-height:18px;
            }
  .productbox  { background-color:#fff;  
                 float: left; 
                 height:100%; 
                 width: 605px;
                 padding-left:10px;
                 padding-bottom:15px; 
                 padding-right:10px; 
                 padding-top:20px;
                }
  .footer { background: url(scbott.jpg) repeat-y; 
            background-color:#000; 
            width:798px; 
            padding:0px; 
            border-top:1px solid #000;
            border-bottom:1px solid #000;
            margin: 0 AUTO;
            position:relative;  
            bottom: 0px; 
            left: 0px; 
            height: 23px; 
            clear:both;
           }
* html #footer {/*only ie gets this style*/
\height:27px;/* for ie5 */
\height:25px;/* for ie6 */
}

.clearfooter{clear:both;height:30px;}/*needed to make room for footer*/ 
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */


/*
    top menu

*/

.topnav ul {  overflow:hidden; width:100%; margin:0; }
.topnav li { float:left; text-align:center; border-right:1px solid #999; }
.topnav li.at a { width:180px; }
.topnav li.last { border-right:0; }
.topnav li a { color:#fff; display:block; width:; padding:2px 12px 2px 12px; }
.topnav li a:link { color:#fff; }
.topnav li a:hover { color:#fff; background:#999;}
.topnav li a:active { color:#fff; background:#999;}

/*
    Side Menu

*/


.SiteBar ul {  overflow:hidden; width:149px; margin:0; }
.SiteBar li { float:left; text-align:center; border-bottom:1px solid #e5e5e5; }
.SiteBar li.at a { width:149px; }
.SiteBar li.last { border-bottom:0; }
.SiteBar li a { display:block; width:149px; padding:5px 0px 5px 0px; color:#666; }
.SiteBar li a:hover { color:#fff; }
.SiteBar li a:active { color:#666; }
.SiteBar li span { font-weight:bold; }
.SiteBar li.menuitem   a:hover { background:#000000; }
.SiteBar li.headhearing        a:hover { background:#ee2e24; }
.SiteBar li.eyesandface  a:hover { background:#f78f1e; }
.SiteBar li.respiratory a:hover { background:#f0cc01; }
.SiteBar li.hands   a:hover { background:#008651; }
.SiteBar li.knees   a:hover { background:#a3a60f; }
.SiteBar li.highvis        a:hover { background:#00aeef; }
.SiteBar li.workwear  a:hover { background:#0054a6; }
.SiteBar li.footwear a:hover { background:#781d7e; }
.SiteBar li.fallarrest a:hover { background:#57253A; }
.SiteBar li.safetysigns   a:hover { background:#21292f; }
.SiteBar li.firstaid   a:hover { background:#21292f; }



.searchbox  { width:140px; }
.search {FONT-SIZE: 12px; COLOR: #666; LINE-HEIGHT: 14px; margin-bottom: 0px; FONT-FAMILY: Arial, verdana, sans-serif, Helvetica; TEXT-DECORATION: none;   }
INPUT {FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica, sans-serif}
.searchb {FONT-SIZE: 12px; COLOR: #666; LINE-HEIGHT: 12px; FONT-FAMILY: Arial, verdana,  sans-serif, Helvetica; TEXT-DECORATION: none}


.copyright { padding: 5px 3px 5px 11px; font: 11px arial,verdana,sans-serif; color:#fff; text-align:right; }
.homeintro {FONT-SIZE: 13px; COLOR: #fff; LINE-HEIGHT: 15px; FONT-FAMILY: Arial, lucida sans, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none;}



.content A:visited {FONT-SIZE: 12px; COLOR: #666; LINE-HEIGHT: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
.content A:active {COLOR: #6666cc; FONT-FAMILY: arial, helvetica, verdana; FONT-SIZE: 12px; LINE-HEIGHT: 18px; TEXT-DECORATION: none;}
.content A:link {COLOR: #666; FONT-FAMILY: arial, helvetica, verdana; FONT-SIZE: 12px; LINE-HEIGHT: 18px; TEXT-DECORATION: none;}
.content A:hover {COLOR: #66cccc; FONT-FAMILY: arial, helvetica, verdana; FONT-SIZE: 12px; LINE-HEIGHT: 18px; TEXT-DECORATION: none;}

.smallgrey {font-family:arial; font-size:11px; color: #666;} 

.gloveindex { background-color:#ffff99;  width:280px; height:60px; font-size:11px; font-face:arial; color:#000; border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;}

.productbox H1 {FONT-SIZE: 19px; COLOR: #fff; LINE-HEIGHT: 20px; FONT-FAMILY: Arial, verdana, sans-serif, Helvetica; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
.productbox H3 {FONT-SIZE: 26px; COLOR: #fff; LINE-HEIGHT: 20px; FONT-FAMILY: Arial, verdana, sans-serif, Helvetica; FONT-WEIGHT: bold; TEXT-DECORATION: none; letter-spacing:-1px;margin-top:4px;}
.productbox p {FONT-SIZE: 13px; COLOR: #666; LINE-HEIGHT: 16px; FONT-FAMILY: Arial, lucida sans, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; padding:5px 3px 5px 5px; }
.productbox ul { list-style: square; margin: 5px 0px 10px 20px; padding-left: 0; }
.productbox li {FONT-SIZE: 13px; COLOR: #666; margin-top: 7px; LINE-HEIGHT: 17px; FONT-FAMILY: Arial, lucida sans, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none;}


/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#333333;
	font-weight:regular;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:link{color: #0000bb; text-decoration:none; }
a.tt:hover{ z-index:25; color: #333333;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:40px;
	padding: 5px 5px; 
	width:100px;
	background-color: #ddeeff;
	border: 1px solid #6688aa; 
    text-align: center;
}



/* respiratory chart */

.resp table {FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
.resp p {FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
.resp a:link {FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
.resp a:hover {FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-DECORATION: underline;}
.resp a:active {FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-DECORATION: underline;}
.resp a:visited {FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
.resp h1 {FONT-SIZE: 26px; FONT-COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
.resp .heading {FONT-SIZE: 18px; COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-DECORATION: none; LINE-HEIGHT: 18px;}

/* respiratory info */

.respintro {width: 600; FONT-SIZE: 13px; COLOR: #333; LINE-HEIGHT: 16px; FONT-FAMILY: Arial, lucida sans, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; }
.respintro H1 {FONT-SIZE: 19px; COLOR: #666; LINE-HEIGHT: 20px; FONT-FAMILY: Arial, verdana, sans-serif, Helvetica; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
.respintro b {FONT-SIZE: 14px; COLOR: #333; LINE-HEIGHT: 20px; FONT-FAMILY: Arial, verdana, sans-serif, Helvetica; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
.respintro p {FONT-SIZE: 13px; COLOR: #333; LINE-HEIGHT: 16px; FONT-FAMILY: Arial, lucida sans, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; padding:5px 0px 5px 0px; }
.respintrogrey {background-color: #ddd; text-align: top; }
.respintrogrey p {FONT-SIZE: 12px; COLOR: #000; LINE-HEIGHT: 16px; FONT-FAMILY: Arial, lucida sans, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; padding:5px 5px 5px 5px;}
.respintrogrey b {FONT-SIZE: 14px; COLOR: #000; LINE-HEIGHT: 16px; FONT-FAMILY: Arial, lucida sans, Verdana, Helvetica, sans-serif; font-weight: bold;}
.respintroen { text-align: center; }

/* catlist pdf catalogue */

.catlist table { FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
.catlist td {background-color:#ddd;  border-bottom: solid 2px #fff;}
.catlist  a:link { color:#00f; text-decoration: none;}
.catlist  a:hover { color:#666; text-decoration: underline;}
.catlist  a:active { color:#00f; text-decoration: none;}
.catlist  a:visited { color:#00f;}


/* search results, product list, product detail */
/* general info, stockists, contact */


.pricehead {FONT-SIZE: 10px; COLOR: #000; LINE-HEIGHT: 11px; FONT-FAMILY: Arial, verdana, sans-serif, Helvetica; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
.price {FONT-SIZE: 12px; COLOR: #000; LINE-HEIGHT: 14px; FONT-FAMILY: Arial, verdana, sans-serif, Helvetica; TEXT-DECORATION: none;}



TABLE.table {BORDER-RIGHT: black thin solid; BORDER-TOP: black thin solid; BORDER-LEFT: black thin solid; BORDER-BOTTOM: black thin solid; BACKGROUND-COLOR: silver;}

HR.hr {COLOR: #000;}