/* CSS Document */
body{
background:#E9E9E9;
font-size:70%;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
margin:0;
}

#container{
width:988px;
background:#FFF;
margin: 0 auto;
border:1px solid #DEDEDE;
border-top:none;
}

p{
margin:1.5em 0;
padding:0;
}

.divide{
width:270px;
height:20px;
}

/*Header*/

#header{

}

li.viewMore {
	margin-bottom: 10px;
	}

.totalLogo {
text-decoration: none;
border: none;
}

#logo{
margin: 25px 0 15px 10px; 
float:left;
}

#header ul{
float:right;
padding-right:10px;
margin:30px 0 15px 0;
}

#header li{
display:inline;
padding-right:5px;
float:left;
}

#header li.active{
color:#FF731A;
}

#header li .navNum{
float:left;
}

#headerImg{
clear:both;
width:988px;
height:273px;
background:url(../img/euroHead.jpg) no-repeat;
}

/*Main*/

#main{
line-height:1.7em;
background:url(../img/bgStrip.gif) repeat-y;
}

#mainLarge{
line-height:1.7em;
background:none;
}

#mainEnd{
clear:both;
display:block;
width:988px;
}

#content{
width:620px;
padding:30px 0 30px 25px;
float:left;
}

#mainLarge #content{
width:920px;
padding:30px 0 30px 25px;
}


.contentBlock{
width:600px;
}

#rightCol{
padding:30px 25px;
width:275px;
background:#F4F2F2;
float:right;
}

/*Footer*/

#footer{
width:990px;
margin: 10px auto;
}

/*Headers*/

h1{
color:#CDCDCD;
font-weight:normal;
font-size:3.5em;
margin-top:0;
}

h2{
color:#CDCDCD;
font-weight:normal;
font-size:2em;
padding:0;
margin:30px 0 0 0;
}

h2.subtitleHome{
color:#CDCDCD;
font-weight:normal;
font-size:3em;
margin-bottom:20px;
}

h2.subtitleProducts{
color:#FF731A;
font-weight:normal;
font-size:2em;
}

#rightCol h2{
clear:both;
color:#CDCDCD;
font-weight:normal;
font-size:1.8em;
margin:0;
padding:10px 0 0 30px;
margin-bottom:20px;
background:url(../img/arrow_subtitle.gif) left bottom no-repeat;
}

h3{
font-weight:bold;
color:#707070;
text-transform:uppercase;
margin: 0.5em 0;
font-size:1em;
}

.just {
text-align: justify;
}

.productBoxSmall h3{
line-height:1.2em;
margin: 0;
}

/*product images*/


.productBox{
float:left;
margin-right:23px;
width:270px;
padding:6px;
background:#FFF;
border:1px solid #E1E0E0;
}

.productBoxImage {
height: 180px;
width:250px;
float: left;
}

.floatLeft {
width: 265px;
float: left;
}

.productBoxImageLayout {
float: left;
border: none;
}

.productBoxTitle {
float: left;
height: 25px;
width:250px;
}


.productBoxDetails {
float: left;
padding-top: 5px;
height: 70px;
width:250px;
}

.productBoxLink {
float: left;
margin-bottom: 10px;
height: 20px;
width:250px;
}

.productBoxSmall{
float:left;
margin:20px 15px 0 0;
border: 2px solid #E1E0E0;
width:280px;
padding:5px;
background:#FFF;
}

.productBoxSmallPpe{
border: 1px solid #0047BA;
}

.productBoxSmallJanitorial{
border: 1px solid #5CBACC;
}

.productBoxSmallMaterials{
border: 1px solid #8f8f8c;
}



.productBoxSmallFire{
border: 1px solid #D61C38;
}

.productBoxSmallFirstaid{
border: 1px solid #009645;
}

.productBoxSmallSignage{
border: 1px solid #9900AB;
}

.productBoxSmallSite{
border: 1px solid #ED6E00;
}

.productBoxSmallCanteen{
border: 1px solid #FCC917;
}



.productBoxRowDivide{
clear:both;
height:20px;
line-height:20px;
font-size:20px;
}

.productBoxRowDivideLanding{
clear:both;
height:5px;
}

/*pagination*/
.pagination{
margin:30px 0 0 0;
width:610px;
clear:both;
}

.paginationProductNumber{
float:left;
width:300px;
}

.paginationPageNumber{
text-align:right;
}

/*images*/


.productBoxSmallImage {
float: left;
text-align: center;
width: 161px;
height: 161px;
margin-right:5px;
}


.productBoxSmallHidden img{
padding:0px;
width: 151px;
height: 151px;
background:#FFF;
border:1px solid transparent;
}


#rightCol img, .productBoxSmall img{
margin: 0px;
padding:5px;
background:#FFF;
border:0px solid #E1E0E0;
}

.imageFloatRight{
float:right;
margin: 20px 0 20px 20px;
padding:6px;
background:#FFF;
border:1px solid #E1E0E0;
}

.imageFloatRightNoBorder{
float:right;
margin: 0 0 20px 20px;
}

.imageFloatRightNoBorder img{ 
padding:0;
border:none;
}


.imageFloatLeft{
float:left;
margin: 20px 20px 20px 0;
padding:6px;
background:#FFF;
border:1px solid #E1E0E0;
}

.productBoxSmall .imageFloatLeft{
text-align: center;
float:left;
}

/*bullets*/

.productBox ul .productBoxSmall ul{
display:block;
list-style-type:none;
padding:0;
margin:0;
}

.productBox li, .productBoxSmall li, #rightCol li{
margin:0;
float:right;
list-style-type:none;
background:url(../img/arrow_bullet.gif) left 0.2em no-repeat;
padding:0 0 0 15px;
}

dt{
background:url(../img/arrow_bullet.gif) left center no-repeat;
padding:0 0 0 18px;
font-weight:bold;
color:#FF731A;
text-transform:uppercase;
margin: 0;
}

dt.active{
background:url(../img/arrow_bullet_active.gif) left center no-repeat;
}

dd{
padding:0 0 0 18px;
margin:0 0 20px 0;
}

.productBoxSmall dl{
line-height:1.2em;
}

.productBoxSmall dt{
background:none;
text-transform:none;
color:#707070;
font-weight:normal;
padding:0;
margin:0;
}

.productBoxSmall dd{
padding:0;
margin:0;
font-weight:bold;
}

.cleared {
width: 110px;
float: left;
}

/*links*/

a{
color:#FF731A;
font-weight:bold;
text-decoration:none;
}

a:hover{
text-decoration: underline;
}

#header a{
width:128px;
text-align:left;
background:#F1EFEF url(../img/mainNavCorner.gif) left top no-repeat;
padding:15px 0 0 5px;
display:block;
color:#FFF;
font-size:3.5em;
font-weight:normal;
}

#header li.active a, #header li.active a .page{
color:#FD8A42;
}

a .page {
font-size:0.3em;
text-align:right;
float:right;
color:#666;
padding:2em 5px 0 0;
}

a:hover .page {
color:#FF731A;
}

#header a:hover {
color: #FF731A;
text-decoration: none;
}

/*forms*/

ul.genericForm{
margin:0;
padding:0;
list-style-type:none;
}

.genericForm li label{
list-style-type:none;
text-align: right;
width:140px;
display: block;
float: left;
padding-right: 10px;
}

.genericForm li{
background-image:none;
list-style-type:none;
margin-top:6px;
padding: 2px 0;
}

.genericForm li a.leftcell{
padding-left: 150px;
}

.submit{
margin-top:12px;
margin-left:150px;
width:200px;
background:#f4f2f2;
}

input, select, textarea{
width:200px;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #D3D3D3;
font-weight:normal;
}

.formElementSmall{
width:100px;
}

.checkbox{
border:none;
padding:0;
margin:0;
}

.category_materials, .category_materials a{
background-color:#8f8f8c;
display:block;
color:#FFF;
}

.category_materials{
background:#8f8f8c url(../img/materials_arrow.gif) no-repeat 4px;
}

.subtitle_materials{
color:#8f8f8c;
}

.category_ppe, .category_ppe a{
background-color:#0047BA;
display:block;
color:#FFF;
}

.category_ppe{
background:#0047BA url(../img/ppe_arrow.gif) no-repeat 4px;
}

.subtitle_ppe{
color:#0047BA;
}

.category_janitorial, .category_janitorial a{
background-color:#5CBACC;
display:block;
color:#FFF;
}

.category_janitorial{
background:#5CBACC url(../img/janitorial_arrow.gif) no-repeat 4px;
}

.subtitle_janitorial{
color:#5CBACC;
}

.category_fire{
background:#D61C38 url(../img/fire_arrow.gif) no-repeat 4px;
}

.category_fire, .category_fire a{
background-color:#D61C38;
display:block;
color:#FFF;
}

.subtitle_fire{
color:#D61C38;
}

.category_firstaid{
background:#009645 url(../img/firstaid_arrow.gif) no-repeat 4px;
}

.category_firstaid, .category_firstaid a{
background-color:#009645;
display:block;
color:#FFF;
}

.subtitle_firstaid{
color:#009645;
}

.category_signage, .category_signage a{
background-color:#9900AB;
display:block;
color:#FFF;
}

.category_signage{
background:#9900AB url(../img/signage_arrow.gif) no-repeat 4px;
}

.subtitle_signage{
color:#9900AB;
}

.category_site, .category_site a{
background-color:#ED6E00;
display:block;
color:#FFF;
}

.category_site{
background:#ED6E00 url(../img/site_arrow.gif) no-repeat 4px;
}

.subtitle_site{
color:#ED6E00;
}

.category_canteen, .category_canteen a{
background-color:#FCC917;
display:block;
color:#FFF;
}

.category_canteen{
background:#FCC917 url(../img/canteen_arrow.gif) no-repeat 4px;
}

.subtitle_canteen{
color:#FCC917;
}

.error-message {
color: red;
margin-left:150px;
}


#messages{
border:1px solid #666666;
color:#666666;
text-align:center;
}


/* Sub Cat Menu Styling */
.materials-cats {
color:#8f8f8c;
}

a.materials-cats, dd.materials-cats {
color:#8f8f8c;
}

a:hover.materials-cats {
color:#ff731a;
text-decoration: none;
}

a.ppe-cats, dd.ppe-cats {
color:#0047BA;
}

a:hover.ppe-cats {
color:#ff731a;
text-decoration: none;
}

.janitorial-cats {
color:#5cbacc;
}

a.janitorial-cats, dd.janitorial-cats {
color:#5cbacc;
}

a:hover.janitorial-cats {
color:#ff731a;
text-decoration: none;
}

a.fire-cats, dd.fire-cats {
color:#d61c38;
}

a:hover.fire-cats {
color:#ff731a;
text-decoration: none;
}

a.first-cats, dd.first-cats {
color:#009645;
}

a:hover.first-cats {
color:#ff731a;
text-decoration: none;
}

a.signage-cats, dd.signage-cats {
color:#9900ab;
}

a:hover.signage-cats {
color:#ff731a;
text-decoration: none;
}

a.site-cats, dd.site-cats  {
color:#ed6e00;
}

a:hover.site-cats {
color:#ff731a;
text-decoration: none;
}

a.canteen-cats, dd.canteen-cats {
color:#fcc917;
}

a:hover.canteen-cats {
color:#ff731a;
text-decoration: none;
}


#ordering {
font-size: 1.2em;
color: #113880;
font-family:Arial, Helvetica, sans-serif;
}

.requiredFields {
color:#FF731A;
font-size: 1.1em;
}

#requiredFieldNote {
color:#FF731A;
margin-left: 30px;
}

.noImageBorderLink {
border: 10px;
text-decoration: none;
}

.certs {
	margin-left: 70px;
	}
	
.viewMore a {
	margin-top: 20px;
	}

a.landingLinkMaterials {
	text-decoration: none;
	font-size: 0.7em;
	color:#8f8f8c;
	font-weight: normal;
	}

a.landingLinkPpe {
	text-decoration: none;
	font-size: 0.7em;
	color:#0047BA;
	font-weight: normal;
	}
	
	a.landingLinkJanitorial {
	text-decoration: none;
	font-size: 0.7em;
	color:#5cbacc;
	font-weight: normal;
	}
	
	a.landingLinkFire {
	text-decoration: none;
	font-size: 0.7em;
	color:#d61c38;
	font-weight: normal;
	}
	
	a.landingLinkFirst {
	text-decoration: none;
	font-size: 0.7em;
	color:#009645;
	font-weight: normal;
	}
	
	a.landingLinkSignage {
	text-decoration: none;
	font-size: 0.7em;
	color:#9900ab;
	font-weight: normal;
	}
	
	a.landingLinkSite {
	text-decoration: none;
	font-size: 0.7em;
	color:#ED6E00;
	font-weight: normal;
	}
	
	a.landingLinkCanteen {
	text-decoration: none;
	font-size: 0.7em;
	color:#fcc917;
	font-weight: normal;
	}
	
img.materialsImage {
border: 1px solid  #8f8f8c;
padding: 2px;
margin-left: 4px;
}

img.ppeImage {
border: 1px solid #0047BA;
padding: 2px;
margin-left: 4px;
}

img.janitorialImage {
border: 1px solid #5cbacc;
padding: 2px;
margin-left: 4px;
}

img.fireImage {
border: 1px solid #d61c38;
padding: 2px;
margin-left: 4px;
}

img.firstImage {
border: 1px solid #009645;
padding: 2px;
margin-left: 4px;
}

img.signageImage {
border: 1px solid #9900ab;
padding: 2px;
margin-left: 4px;
}

img.siteImage {
border: 1px solid #ED6E00;
padding: 2px;
margin-left: 4px;
}

img.canteenImage {
border: 1px solid #fcc917;
padding: 2px;
margin-left: 4px;
}

.totalBox {
border: 1px solid  #8f8f8c;
padding: 2px;
width: 500px;
margin-left: 4px;
margin-bottom: 20px;
float: left;

}

.totalImage {
border: 1px solid  #8f8f8c;
padding: 2px;
width: 200px;
margin: 4px;
float: left;
}

.totalDescription {
padding: 5px;
width: 270px;
float: left;
}

#totalBrandTitle {
float: left;
width: 200px;
padding-top: 45px;
padding-bottom: 5px;
}

.totalBrand {
width: 139px;
height: 92px;
float: left;
}

#clear {
clear: both;
}