﻿html, body {margin:0;padding:0;border:0;}

body {background:url('/images/bg.jpg') repeat-x;font-family: Arial, Helvetica, sans-serif; color: #333;	font-size: 12px;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

#wrapper {margin:0;padding:0;}

#container {width:942px;margin:0 auto;padding:0;}

#header {background:url('/images/bg-menu.jpg') no-repeat;}

#menu {height:91px;font-weight:bold;color:#FFF;margin-left:200px;}
#menu a{color:#FFF;}


#menuItems {margin-left:200px; vertical-align:middle;}
#menuItems div {float:left;background:url('/images/bg-menuSeperator.jpg') no-repeat top right;height:90px;}
#menu a {display:inline-block;margin:20px 15px 0 15px;text-decoration:none;}
#menu a.menuLogin {display:inline;margin:20px 0 0 0;text-decoration:none;}
#menu a.menuSearch{display:inline;margin:20px 0 0 0;text-decoration:none;}


#breadcrumb {border:none;margin:0;font-size:10px;color:#FFF;font-weight:bold;display:inline-block;background:url('/images/bg-breadcrumb1px.jpg') top repeat-x;margin-left:200px;}
#breadcrumb span {height:31px;display:inline-block;line-height:31px;}

.bcFirst{background:url('/images/bg-breadcrumb.jpg') no-repeat;height:31px;margin:0 0 0 0px;display:inline-block;line-height:31px;width:20px;}
#breadcrumb span.bcStart{background:url('/images/bg-breadcrumb1px.jpg') no-repeat;}
#breadcrumb span.breadcrumbEnd {background:url('/images/bg-breadcrumbLast.jpg') no-repeat;width:17px;}
#breadcrumb a{color:#FFF;}

#breadcrumb span.bgBreadcrumb {background:url('/images/bg-breadcrumb1px.jpg') repeat-x top;}
#breadcrumb span.seperator {background:url('/images/bg-breadcrumbSeperator.jpg') no-repeat;width:25px;}

#ctl00_smpBreadcrumb_SkipLink{width:0;background:url('/images/bg-breadcrumb1px.jpg') repeat-x top;}

ul.topnav li#register {margin-left:30px; background-image:none;}
ul.topnav li#register a {height:20px;margin:0;padding:0;}
ul.topnav li#lastMenu {background-image:none;}

/*
ul.topnav li#register:hover {background:url('/images/bg-menuOver.jpg') repeat-x top right;}
*/

ul.topnav li#lastMenu:hover {background:url('/images/bg-menuOver.jpg') repeat-x top right;}

ul.topnav {list-style: none;padding:0;margin: 0;float: left;}
ul.topnav li {float: left;margin: 0;padding: 0 0 0 0;height:91px;position: relative;background:url('/images/bg-menuSeperator.jpg') no-repeat top right;}
ul.topnav li:hover {background:url('/images/bg-menuOver.jpg') repeat-x top right;}                     
ul.topnav li a{color: #fff;display: block;text-decoration: none;float: left;height:70px;}

ul.topnav li ul.subnav 
{
	
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; 
	top: 91px;
	background: #D32E27 url('/images/bg-dropdown.jpg') repeat-x;
	margin: 0; 
	padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #C12623;
	z-index:20;
}
ul.topnav li ul.subnav li
{
	font-weight:normal;
	font-size:11px;
	margin: 0; 
	padding: 0;
	border-top: 1px solid #DE625D; /*--Create bevel effect--*/
	border-bottom: 1px solid #9E221D; /*--Create bevel effect--*/
	background-image:none;
	clear: both;
	width: 170px;
	height:auto;
	z-index:20;
}

#menu ul.topnav li ul.subnav li a{margin:0;height:auto;padding:5px;}
ul.topnav li ul.subnav li:hover{background:#EE7C76;} 
ul.topnav li ul.subnav li.first{border-top:none;}
ul.topnav li ul.subnav li.last{border-bottom:none;}

ul.topnav li#register a.loginLnk {display:inline;margin:20px 15px 0 15px;height:30px;clear:both;}

.hasSubMenu{/*place holder*/}

#main {margin-top:20px;min-height:520px;height:auto !important;height:520px;}
#menu-side {width:184px;float:left;}
#menu-sideTop {background:url('/images/bg-sideMenuTop.jpg') no-repeat;height:29px;}
#menu-sideContent {padding:0 5px 0 0;background:url('/images/bg-sideMenuContent.jpg') repeat-y;min-height:200px;height:auto !important;height:200px;}
#menu-sideFooter {background:url('/images/bg-sideMenuFooter.jpg') no-repeat;height:61px;}

/* temp static for gryzko */
.navHeadingFirst{display:block;padding:5px 5px 5px 5px;text-decoration:none;}
.navHeading{display:block;padding:5px 5px 5px 5px;text-decoration:none;border-top:solid 1px #B2B1B1;}
#menu-sideContent span{font-weight:bold;color:#808184;}
/* end temp for gryzko */

#menu-sideContent a:hover{background-color:#9DD4CD;color:#FFF; cursor:pointer;}

#menu-sideContent a.navHeading{display:block;padding:5px 5px 5px 5px;text-decoration:none;border-top:solid 1px #B2B1B1;}

#menu-sideContent a.navHeadingDownload{display:block;padding:5px 5px 5px 27px;text-decoration:none;border-top:solid 1px #B2B1B1;background-image:url('/images/Arrow-Button.png');background-repeat: no-repeat;
width:142px;
}

#menu-sideContent a.navHeadingSelected{display:block;padding:5px 5px 5px 5px;text-decoration:none;border-top:solid 1px #B2B1B1;background-color:#7CC5BC;color:#FFF;}
#menu-sideContent a.navHeading:hover{background-color:#9DD4CD;color:#FFF; cursor:pointer;}
#menu-sideContent a.navHeadingFirst{display:block;padding:5px 5px 5px 5px;text-decoration:none;}
#menu-sideContent a.navHeadingFirstSelected{display:block;padding:5px 5px 5px 5px;text-decoration:none;background-color:#7CC5BC;color:#FFF;}
#menu-sideContent a.navHeadingFirstSelected:hover{background-color:#7CC5BC;color:#FFF;}

#menu-sideContent a.subNavHeading{display:block;padding:2px 2px 2px 2px;text-decoration:none;font-weight:normal;font-size:10px;margin-left:10px;}
#menu-sideContent a.subNavHeadingSelected{display:block;padding:2px 2px 2px 2px;text-decoration:none;font-weight:normal;font-size:10px;margin-left:10px;font-weight:bold;color:#7CC5BC;}
#menu-sideContent a.subNavHeadingSelected:hover{color:#fff;}
#menu-sideContent a.subNavHeading:hover{background-color:#9DD4CD;color:#FFF; cursor:pointer;}
#menu-sideContent a.subNavHeadingFirst{display:block;padding:2px 2px 2px 2px;text-decoration:none;font-weight:normal;font-size:10px;margin-left:10px;}
#menu-sideContent a.subNavHeadingFirstSelected{display:block;padding:2px 2px 2px 2px;text-decoration:none;font-weight:normal;font-size:10px;margin-left:10px;font-weight:bold;color:#7CC5BC;}
#menu-sideContent a.subNavHeadingFirstSelected:hover{color:#fff;}

#menu-sideContent ul { list-style:none; padding:0; margin:0;}
#menu-sideContent li { margin:0 0 0 5px; padding: 0 0 0 0 ;}
#menu-sideContent li.firstSideMenu{margin-top:10px;}

#menu-sideContent a{font-weight:bold;color:#808184;}

#menu-sideContent .subCat li {margin:0 0 0 10px;padding: 5px 0 0 0;font-size:11px;}
#menu-sideContent a.head {color:#7CC5BC;font-size:11px;font-weight:bold;text-decoration:none;}
#menu-sideContent a.head:hover {cursor:pointer;}


#menu-sideContent .subCatProd li {margin:0 0 0 5px; padding: 5 0 0 0;font-size:10px;}

#contentWrapper {width:756px;float:left;padding:0 0 30px 0;}

#content{margin:0 20px 0 20px;color:#333;}

#content p{margin:0 0 10px 0;padding:0;}
#content h1{margin:0 0 10px 0;padding:0;font-style:italic;color:#0829A4;font-size:24px;}
#content h2{margin:0 0 10px 0;padding:0;}
#content h3{margin:0 0 0 0;padding:0;}

#content a{color:#0829A4;text-decoration:none;}
#content a:hover{text-decoration:underline;}

/* content page layout */
#leftCol{width:184px;min-height:470px;height:auto !important;height:470px;}

#centerCol{width:529px;min-height:470px;height:auto !important;height:470px;float:left;}
#rightCol{min-height:490px;height:auto !important;height:490px;float:left;width:183px;}
#centerCol h2{margin:0 0 0 0;}

#centerCol.v2{width:509px;background:none;}
#rightCol.v2{width:184px;background:url('/images/bg-farlaneRight.png') no-repeat top left;float:right;}

/* images for right handside content page */
/*.consultation #rightCol.v2{background:url('/images/bg-rightConsult.png') no-repeat top left;}
.farlane #rightCol.v2{background:url('/images/bg-farlaneRight.png') no-repeat top left;}
.preparation #rightCol.v2{background:url('/images/bg-rightPrep.png') no-repeat top left;}
.design #rightCol.v2{background:url('/images/bg-rightDesign.png') no-repeat top left;}
.badge #rightCol.v2{background:url('/images/bg-rightBadge.png') no-repeat top left;}
.static #rightCol.v2{background:url('/images/bg-rightStatic.png') no-repeat top left;}
.clean #rightCol.v2{background:url('/images/bg-rightClean.png') no-repeat top left;}
.hivis #rightCol.v2{background:url('/images/bg-rightHiVis.png') no-repeat top left;}
.chem #rightCol.v2{background:url('/images/bg-rightChem.png') no-repeat top left;}
.molten1 #rightCol.v2{background:url('/images/bg-rightMm1.png') no-repeat top left;}
.molten2 #rightCol.v2{background:url('/images/bg-rightMm2.png') no-repeat top left;}
.alum #rightCol.v2{background:url('/images/bg-rightAlum.png') no-repeat top left;}
.multi #rightCol.v2{background:url('/images/bg-rightMulti.png') no-repeat top left;}
.heat #rightCol.v2{background:url('/images/bg-rightHeat.png') no-repeat top left;}
.welding #rightCol.v2{background:url('/images/bg-rightWelding.png') no-repeat top left;}
.paint #rightCol.v2{background:url('/images/bg-rightPaint.png') no-repeat top left;}
.manu #rightCol.v2{background:url('/images/bg-rightManu.png') no-repeat top left;}
.essen #rightCol.v2{background:url('/images/bg-rightEssen.png') no-repeat top left;}
.gryzko #rightCol.v2{background:url('/images/bg-rightGryzko.png') no-repeat top left;}
.workzone #rightCol.v2{background:url('/images/bg-rightWorkzone.png') no-repeat top left;}
.foodbev #rightCol.v2{background:url('/images/bg-rightFood.png') no-repeat top left;}
.aluminized #rightCol.v2{background:url('/images/bg-rightAluminized.png') no-repeat top left;}
.ethical #rightCol.v2{background:url('/images/bg-rightEthical.png') no-repeat top left;}
.health #rightCol.v2{background:url('/images/bg-rightHealth.png') no-repeat top left;}
.chefs #rightCol.v2{background:url('/images/bg-rightChef.png') no-repeat top left;}
.apron #rightCol.v2{background:url('/images/bg-rightApron.png') no-repeat top left;}*/


.consultation #rightCol.v2{background:url('/images/bg-rightConsult.png') no-repeat top left;width:325px;}
.farlane #rightCol.v2{background:url('/images/bg-farlane-intro.png') no-repeat top left;width:319px;}
.preparation #rightCol.v2{background:url('/images/bg-rightPrep.png') no-repeat top left;width:325px;}
.design #rightCol.v2{background:url('/images/bg-rightDesign.png') no-repeat top left;width:325px;}
.badge #rightCol.v2{background:url('/images/bg-rightBadge.png') no-repeat top left;width:325px;}
.stock #rightCol.v2{background:url('/images/bg-rightBadge.png') no-repeat top left;width:325px;}
.static #rightCol.v2{background:url('/images/bg-right-anti-static.png') no-repeat top left;width:319px;}
.clean #rightCol.v2{background:url('/images/bg-right-clean-room.png') no-repeat top left;width:319px;}
/*.hivis #rightCol.v2{background:url('/images/bg-rightHiVis.png') no-repeat top left;}*/
.chem #rightCol.v2{background:url('/images/bg-rightChem.png') no-repeat top left;}
.molten1 #rightCol.v2{background:url('/images/bg-right-molten1.png') no-repeat top left;width:319px;}
.molten2 #rightCol.v2{background:url('/images/bg-right-molten2.png') no-repeat top left;width:319px;}
.alum #rightCol.v2{background:url('/images/bg-rightAlum.png') no-repeat top left;}
.multi #rightCol.v2{background:url('/images/bg-right-multi-functional.png') no-repeat top left;width:319px;}
.heat #rightCol.v2{background:url('/images/bg-right-nomex.png') no-repeat top left;width:319px;}
.welding #rightCol.v2{background:url('/images/bg-right-welding.png') no-repeat top left;width:319px;}
.paint #rightCol.v2{background:url('/images/bg-right-paintroom.png') no-repeat top left;width:319px;}
.manu #rightCol.v2{background:url('/images/bg-rightManu.png') no-repeat top left;}
.essen #rightCol.v2{background:url('/images/bg-casual-wear.png') no-repeat top left;width:319px;}
.gryzko #rightCol.v2{background:url('/images/bg-rightGryzko.png') no-repeat top left;}
.workzone #rightCol.v2{background:url('/images/bg-rightWorkzone.png') no-repeat top left;}
.foodbev #rightCol.v2{background:url('/images/bg-food.png') no-repeat top left;width:319px;}
.aluminized #rightCol.v2{background:url('/images/bg-right-aluminium.png') no-repeat top left;width:319px;}
.ethical #rightCol.v2{background:url('/images/bg-ethical.png') no-repeat top left;width:319px;}
.health #rightCol.v2{background:url('/images/bg-rightHealth.png') no-repeat top left;}
.chefs #rightCol.v2{background:url('/images/bg-rightChef.png') no-repeat top left;}
.apron #rightCol.v2{background:url('/images/bg-rightApron.png') no-repeat top left;}
.hivis #rightCol.v2{background:url('/images/bg-right-hvp.png') no-repeat top left;width:319px;}


.hivis #centerCol.v2, .molten1 #centerCol.v2 , .molten2 #centerCol.v2 , .aluminized #centerCol.v2, .welding #centerCol.v2, .heat #centerCol.v2, .multi #centerCol.v2, .paint #centerCol.v2, .clean #centerCol.v2, .static #centerCol.v2, .hivis #centerCol.v2,
.ethical #centerCol.v2, .essen #centerCol.v2, .farlane #centerCol.v2, .profile #centerCol.v2,.foodbev #centerCol.v2 {width:380px;}
.essen #content, .foodbev #content, .hivis #content, .molten1 #content , .molten2 #content , .alum #content, .welding #content, .heat #content, .multi #content, .paint #content, .clean #content, .static #content, .hivis #content, .ethical #content, .farlane #content, .profile #content{margin: 0 0px 0 20px;}
.preparation #centerCol.v2,.consultation #centerCol.v2,.design #centerCol.v2,.badge #centerCol.v2,.stock #centerCol.v2{width:374px;}
/*
.stock #rightCol.v2{width:0px;float:right;}
*/
/*.stock #rightCol.v2{display:none;}*/
.stock #centerCol.v2{width:374px;}

/*
.profile #rightCol.v2{width:0px;float:right;}
*/
.profile #rightCol.v2{background:url('/images/bg-company-profile.png') no-repeat top left;width:319px;}
/*.profile #centerCol.v2{width:715px;}*/



#rightCol p{margin:0 0 5px 0;font-size:11.25px;}
#rightCol h1{margin:0 0 5px 0;line-height:21px;}


#centerCol h1{color:#0829A4;margin:0 0 10px 0;}

.farlaneLogo{background:url('/images/bg-farlaneLogo.png') no-repeat top left;padding-left:160px;height: 55px;}
.catImage{float:left;text-align:center;margin:20px 0 0 20px;height:280px;width:150px;overflow:hidden;}


/*  Product page layout */ 
#productImage { float:left;text-align:center;min-width:500px;width:auto !important;width:500px;}
#productBorder {border:solid 1px #D7D7D9;width:auto;height:auto;display:inline-block;
    -moz-border-radius-bottomleft: 12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;	
	margin:0;
	padding:0;
	}
	
#productdesc { float:left;width:233px;color:#88898B;margin-bottom:20px;}
#productdesc h1{padding:0;margin: 0 0 10px 0;font-size:15px;line-height:15px;}
#productdesc p{padding:0;margin: 0 0 5px 0;}

#related{clear:both;padding-top:20px;margin:0 20px 0 20px;}

#footer {color:#808284;font-size:11px;background:url('/images/bg-footer.jpg') repeat-x ;text-align:center;min-height:80px;}
#footer a {color:#808284;}
#footer ul {list-style:none;margin:0;padding:0;height:50px;line-height:50px;}
#footer li {display:inline;margin-left:20px;}
#footer li.first {margin-left:10px;}
#footer li.second {margin-left:255px;}

/* contact page layout */
#map{width:308px;height:310px;border:solid 1px #cbcbcb;}
#mapPnl{margin:20px 0 0 10px;}
#contactCol1{float:left; width:330px;}
#contactCol2{float:left; width:330px;}
#contactPnl{margin:20px 0 0 10px;}


.clear {clear:both;height:1px;}
.marginTop10 {margin-top:10px;}
.noBgImage{ background-image:none;}
.button{padding:10px;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.center{text-align:center;}
.right{text-align:right;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignTop{vertical-align:top;}
.block{display:block;}
.rule{margin:5px 0 20px 0;border-bottom:dotted 1px #ccc;}
.imageZoom{}
.floatLeft{float:left;}
.floatRight{float:right;}
.underline{text-decoration:underline;}
.italic{ font-style:italic;}
.divDownloadLink{margin:20px 0 0 70px;text-align:left;}
.downloadLink{padding: 5px 0 20px 70px;background:url('/images/Download.gif') no-repeat;}

/*
.industrialWashLogo{background:url('/images/Industrial-Laundry-Logo.png') top right no-repeat;overflow:visible;z-index:10;height:60px;position: absolute;width:250px;}
*/

.industrialWashLogo{display:none;}

.searchBtn{padding:10px;
    border-top:solid 1px #ccc;              
	margin: 10px 0 10px 0;
	text-align:right;
	}
	
	

.lnkCategory{padding-top:10px;display:inline-block;}
.lnkCategory a{color:#4387C0;text-decoration:none;font-weight:bold;}
.lnkCategory a:hover{text-decoration:underline;}

.lnkIndustry{padding:10px 5px 0 5px; display:inline-block;font-size:10px;}
.lnkIndustry a{color:#4387C0;text-decoration:none;font-weight:bold;}
.lnkIndustry a:hover{text-decoration:underline;}

.industryList{font-size:10px;} 
.industryList input{border-style: none;font-size: 10px;margin: 0 2px 0 0;}
.industryImage{float:left;text-align:center;margin:20px 0 0 0;width:142px;height:180px;}

.quickSearchLabel{display:block;padding-top:10px;}
.quickSearchTextBox {border: solid 1px #547DD9;font-size: 12px;margin:0 5px 0 0;width:120px;}
.quickSearchBtn{padding:0 0 0 0;background:url('/images/btn-go.png') no-repeat;outline:none;text-indent:-1000em;width:23px;height:22px;border:none;}

.subHeading{border:solid 1px #ccc;
                  
    -moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;	
	background:#F4F4F4;
	color:#3771A1;
	font-weight:bold;padding:5px;}
	
.btnClose:hover{background:#ccc;color:#fff;}
	
.btnClose{border:solid 1px #ccc;background:#F4F4F4;color:#3771A1;font-weight:bold;padding:5px;margin:0;border-right:none;}

#loginPnl{float:left;width:330px;text-align:center;height:300px;}
#loginWrapper
{
	/*margin-left:50px;*/
              
              text-align:left;}

#registerPnl{float:left;width:330px;text-align:center;}
#registerWrapper{text-align:left;}

.splitter{margin:40px 20px;width:1px;border-right:solid 1px #ccc;float:left;height:300px}
.loginBtnTd{padding-top:5px;text-align:right;}
.formText{font-weight:bold;text-align:right;vertical-align:top;padding:5px 5px 0 0;width:100px;}
.swatchTable {text-align:center;width:70px;vertical-align:top;}
.colourSwatchItem
{
	display:inline-block;
	border:solid 1px gray;
	width:60px;
	height:30px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	margin:0 0 0 0;
	}
	
.colourSwatchTitle{display:block;font-size:9px;}
.modalBackground {background-color:gray; filter:alpha(opacity=70);opacity:0.7; } 
.modalPopup {background-color:#fff; border-width:2px; border-style:solid; border-color:#ccc;}
.modalHeader{margin:5px 0 5px 5px;height:30px;text-align:right;}
	
#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 10px;
	border:solid 1px #D7D7D9;
	background-color:#FFF;
}
#tooltip h3, #tooltip div { margin: 0; }

#knowTheLawWrapper
{
	width:600px;background:#fff;
}
#knowTheLaw
{
	padding:20px;
}

p.pclass{border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;padding:10px 0 10px 0;font-weight:bold;line-height:25px;}

.catalogueRequestLabel{width:100px;display:inline-block;}
.catalogueRequestHeading{font-size:12px;font-weight:bold;}


