/* CSS Document */
* {
margin: 0;
padding: 0;
}

p {padding:0;}
span.caps {text-transform:capitalize;}

img {border:none;}

	

/* ====== header =====*/
#headerwrap {width:100%; height:6.2em; background: #666 url(images/sss-background6.gif) 100% 0 no-repeat;}
#head-left {float: left; /* background: #666 url(images/grid.gif) 100% 0 no-repeat; */ padding:0 10px;}
#head-right {float: right; width: 200px; background-color:none; }
#links {padding:5px 5px 0 5px;}
#links a {padding:0 5px 0 0;}
#searchbox { border:none; padding:5px;}
#search {height:1.5em; display: inline;}
#searchbox fieldset {border:none;}

h1 {color:white; padding:10px 0; font-size:26px;}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {color:white; text-decoration: none;}

td.navon a {color: #000000 !important;}
td.navon a:link {color: #000000 !important;}
td.navon a:visited {color: #000000 !important;}
td.navoff a {color: #000000 !important;}
td.navoff a:link {color: #000000 !important;}
td.navoff a:visited {color: #000000 !important;}
td.style1 a {color: #000000 !important;}
td.style1 a:link {color: #000000 !important;}
td.style1 a:visited {color: #000000 !important;}




.search-entry {
display:inline;
font:12px Arial, Helvetica, sans-serif;
width:120px;
color:black;
margin:0px;
padding:2px;
border:1px solid #000;
}

.search-button {
display: inline;
font:12px Arial, Helvetica, sans-serif;
width:52px;
color:#333;
margin:0px;
padding:2px 1px;
}
/* ====== headerend =====*/
#menubar {clear:both; height:2em; width:100%;
background:white; border-top:2px solid #FFFFFF;}
/* ====== drop down menu =====*/
#menu {
margin-top:-2em;
width:800px;
font-weight:bold;
}
#menu ul {
/* width:100%; */
padding: 0;
margin: 0;
list-style: none;
}
/*top level menu */
#menu li {
background: white;
line-height:2em;
float: left;
position: relative;
/* width:20%; */
margin:0 0 0 0;
padding:0px;
}

#menu li.prohibition {background: white url(images/prohibition.gif) no-repeat;}
#menu li.warning {background: white url(images/warning.gif) no-repeat;}
#menu li.mandatory {background: white url(images/mandatory.gif) no-repeat;}
#menu li.fire_equip {background: white url(images/fire_equip.gif) no-repeat;}
#menu li.safe_condition {background: white url(images/safe_conditions.gif) no-repeat;}
#menu li.collections {background: white url(images/collections.gif) no-repeat;}
#menu span {padding: 0 20px 0 25px;}
/* #menu li.collections span {padding: 0 26px 0 100px;}  makes space for 4 images on collections tab */

/*dropdowns*/
#menu li ul {
display: none;
position: absolute;
width:150px;
top: 2em;
left: 0;
background: none;
}
#menu li ul li {
padding:0px;
width:150px;
border:1px solid #ccc;
}
#menu li > #menu ul {
top: auto;
left: auto;
}
#menu li:hover ul, #menu li.over ul{
display: block;
}
#menu ul li a{
font-weight:bold;
width:145px;
margin:0px 0px 5px 0px;
padding:5px 0px 5px 0px;
font-size:12px;
line-height:14px;
text-decoration:none;
text-transform:capitalize;
color:black;
}

/*colours for drop downs*/
#menu li .red a, #menu li .blue a, 
#menu li .green a, #menu li .coshh a, 
#menu li .standard a, #menu li .orange a {color:#fff;}

#menu li .yellow a {color: black;}

#menu li .red a {background:#ff0000;}
#menu li .yellow a {background:#ffff00;}
#menu li .blue a {background-color:#0000CC;}
#menu li .green a {background:#009900;}
#menu li .coshh a {background: #FF6600;}
#menu li .orange {background: #ff9900;}
#menu li .standard a {background:#bbb;}
#menu li .red a:hover,#menu li .yellow a:hover,
#menu li .blue a:hover, #menu li .green a:hover,
#menu li .coshh a:hover, 
#menu li .standard a:hover, #menu li .orange a:hover {background:#fff; color:black;}
/* ====== drop down menu end =====*/

div.spacer {clear:left; background:#ccc; height:20px; width:100%;}

#mainwrap {width: 100%; background: #666;}

#mainwrap-left {background:#fff; width:100%;}
/*
#mainwrap-left a:link, #mainwrap-left a:visited {text-decoration: none; color:#000;}
#mainwrap-left a:hover, #mainwrap-left a:active {text-decoration: underline; color: #FF9933;}
*/
#left-top {
clear:both;
text-align:left;
background: #999;
padding:0.5em;
color:#fff;
}
#left-top a:link, #left-top a:visited {color:#fff;}
#left-top a:hover, #left-top a:active {text-decoration: underline; color: #FFcc00;}
/* to get breadcrumb to align left and grid/list view right */
.breadcrumb {float:left; text-align:left;}
.breadcrumb a, .category-list a {text-transform:capitalize;}
.viewoptions {float:right; text-align:right;}

#left-top2{clear:both;}

#left-content {padding:1em; background: #fff;}
#left-content p {padding:0.2em 0px 0.4em 0px;}
#left-content h2 {padding:0.6em 0px 0.4em 0em; border-bottom:1px dashed #666; margin-bottom:10px; font-size:18px;}
#left-content h3 {padding:0.8em 0px 0.2em 0em; font-size:16px;}
#left-content h4 {font-size:12px;}

#left-content ul {padding:10px ; margin: 0;}
#left-bottom {clear:both; padding:5px; background: #999;}

a.pdf {}
a.pdf img {vertical-align:middle;}
/* displaying products for a sign */


/* ----------------------------------- */

#mainwrap-right {width: 200px; background: #999;}

#login {position:absolute; left:-9999px; padding:5px;}
#register {padding:0.5em;}

#ifbasket {width:100%; height:30em; border:none; margin:0; padding:0;}
#creditcards {padding:11px;}
#creditcards p{text-align:right; font-size:11px; }
#creditcards img{padding:0 5px; }

#foot {
font:11px Arial, Helvetica, sans-serif;
text-align: center;
clear: both;
width: 100%;
padding:5px 0;
background: #fff;
border-top:2px solid #FF9933;
border-bottom:1px solid #ccc;
}
#foot ul {list-style:none;}
#foot li {float:left; padding:0 5px;}

#footmenu1 a:link, #footmenu1 a:visited {text-decoration:none; color:#000;}

#footmenusub a, #footmenusub a:link, #footmenusub a:visited {text-decoration:none; color:#666;}

#foot p {text-align:right;}

/* controls for popup window */
#popuphead {background:#666; width:100%;}