/* generic structure*/

body {
	margin: 5px 0px 0px;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background-color: #fff;
	text-align: center;
	}
	
div {
	border: none;
	}
	
table {
	width: 100%; margin: 0;
	}

table td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	padding: 0;
	border-width: 0;
	}	

label {
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #39598c;
}	
div#mainSite {
	width: 760px;
	margin:0px auto;
	text-align: left;
	}	

div#header {
	height: 95px;
	padding: 0;
	border-width: 0;
	}
	
td#topNav {
	width: 660px;
	height: 95px;
	background-image: url(/wcsstore/FirwoodPaints/images/bg_topnav2.jpg);
	text-align: right;
	vertical-align: bottom;
	}	
	
#leftcol {
	background-color: #BDC1E4;
	width: 160px;
	height: 304px;
	vertical-align: top;
	text-align: left;
	}
		
#middle {
	background-color: #FFFFFF;
	width: 760px;
	padding-top: 2px;
	padding-bottom: 2px;
	}
	
#contentMain {
	background-color: #FFFFFF;
	width: 585px;
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 10px;
	vertical-align: top;
	}

#contentMain2 {
	background-color: #FFFFFF;
	width: 585px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 2px;
	vertical-align: top;
	}
		
#rightCol {
	background-color: #FFFFFF;
	width: 120px;
	vertical-align: top;
	text-align: right;
	}

/* footer */
	
div#footer {
	width: 760px;
	height: 20px;
	border: 0;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #38558F;
	background-color: #BDC1E4;
	text-align: center;
	vertical-align: middle;
	}

div#footer ul {
	list-style-type: none;
	padding: 3;
	margin: 0;
	vertical-align: middle;
}
	
div#footer li {
  	display: inline;
  	padding: 0;
  	margin: 0;
}	

div#footer li a:link, div#footer li a:visited {
  	text-decoration: none;
  	color: #38558F;
}

div#footer li a:hover {
  text-decoration: none;
  color: #000044;
}

div#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	color: #38558F;
	padding: 3px;
}
	
/* tool Bar styling */

td#toolBar {
	text-align: right;
	height: 17px;
}
td#toolBar table td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
}
.tri {
	text-align: right;
}
.toolBarButton {
	background-color: #A5A590;
	text-align: center;
}
.toolBarButton a:link{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.toolBarButton a:visited{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.toolBarButton a:hover{
	color: #FFF215;
	text-decoration: none;
}

/* nav bar */

td#navBar {
	text-align: right;
	height: 22px;
}
td#navBar table td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #38558F;
	font-weight: normal;

}
.navBarButton {
	background-color: #BDC1E4;
	text-align: center;

}
.navBarButton a:link{
	color: #38558F;
	text-decoration: none;
	font-weight: normal;

}
.navBarButton a:visited{
	color: #38558F;
	text-decoration: none;
	font-weight: normal;

}
.navBarButton a:active{
	color: #38558F;
	text-decoration: none;
	font-weight: normal;

}
.navBarButton a:hover{
	color: #000044;
	text-decoration: none;
}
.navBarSearch {
	background-color: #BDC1E4;
	text-align: right;
}
.inputSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	display: inline;
}

/*left nav */
	
#leftNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #38558F;
	margin: 0px;
	padding: 0px;
	width: 160px;
}
#leftNav li{
	list-style: none;
	margin: 0;
	padding: 8px;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #38558F;

}
#leftNav li a {
	text-decoration: none;
	font-weight: bold;
}
#leftNav li a:link {
	font-weight: bold;
	color: #38558F;
}
#leftNav li a:visited {
	color: #38558F;
}
#leftNav li a:hover {
	color: #FFF215;
}

/* second level category rules */
#leftNav li li{
	color: #FFF215;
	list-style: square;
	margin: 0;
	margin-left: -20px;
	padding: 8px 8px 8px 0;
	border: none;
}
#leftNav li li a {
	text-decoration: none;
	font-weight: normal;
}
#leftNav li li a:link {
	font-weight: normal;
	color: #38558F;
}
#leftNav li li a:visited {
	color: #38558F;
}
#leftNav li li a:hover {
	color: #FFF215;
}

/* content Area */

#contentTitle {
	font-size: 12px;
	color: #000000;
	padding-bottom: 10px;
	width: 585px;
	text-align: left;
}

#contentArea {
	vertical-align: top;
	width: 465px;
	padding-right: 10px;
}

#productArea {
	vertical-align: top;
	width: 150px;
	padding-right: 10px;
}

#productArea2 {
	vertical-align: top;
	width: 315px;
	padding-right: 10px;
}
.catName {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #A5A590;
	padding-left: 5px;
	vertical-align: middle;
	text-align: left;
	height: 18px;

}
.catName a:link {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	}
.catName a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	}
.catName a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #FFF215;
	}	
.catPic {
	margin-right: 5px;
}
.catText {
	font-size: 10px;
	vertical-align: top;
	text-align: left;
	width: 365px;
}

.catText2 {
	font-size: 10px;
	vertical-align: top;
	text-align: left;
	border-width: thin;
}

.catText3 {
	font-size: 10px;
	vertical-align: middle;
	text-align: left;
	border-width: thin;
}

.catText2MoreDetails {
	font-size: 10px;
	vertical-align: bottom;
	text-align: right;
	border-width: thin;

}
.catDesc {
	margin: 10 0 5 0;
}
.catItem {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A5A590;
	padding-bottom: 7px;
	margin-bottom: 7px;
}


/* breadcrumb */

div#breadCrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0098DB;
	text-align: left;
	height: 15px;
}
div#breadCrumb a:link, a:visited{
	font-weight: normal;
	color: #0098DB;
}
div#breadCrumb a:hover{
	color: #000044;
}


/*typography*/

a {
	text-decoration: none;
	/* color: #0098DB; */
	color: #38558F;
	font-weight: bold;
	}
a:link {
	color: #38558F;
	font-weight: bold;
	}
a:visited {
	color: #38558F;
	font-weight: bold;	
	}
a:active {
	color: #38558F;
	font-weight: bold;
	}
a:hover {
	/* color: #FFF215; */
	color: #0098DB;
	}
h1 {
	font-weight: bold;
	color: #38558F;
	margin-bottom: 5px;
	font-size: 18px;
	padding: 0px;
	padding-bottom: 3px;
	margin-top: 0px;
	border-bottom: 1px solid #000000;
	width: 100%;
}
h2 {
	font-weight: bold;
	color: #38558F;
	margin-bottom: 5px;
	font-size: 20px;
	padding: 0px;
	margin-top: 5px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0a3d7e;
	padding: 8px 8px 8px 5px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #38558F;
	margin: 0px;
}	
ol, ul, li { 
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0 0 10px 0;
}

strong, b {
	font-weight: bold;
	}
	
.miniLink {
	font-size: 10px;
	color: #0098DB;
	font-weight: bold;
}	
	
	
/* images */	
	
img {
	display: block;
	border: 0;
	}
.inline {
	display: inline;
	}	
	
td#basketButton {
	text-align: right;
}

#logo {
	background-image: url(/wcsstore/FirwoodPaints/images/bg_topnav2_logo.jpg);
	height: 95px;
	}
	
.hotspot {
	margin-bottom: 20px;
}

/*static pages */

.techLinks {
	height: 20px;
	font-size: 10px;
	vertical-align: middle;
	padding: 7px 5px 5px;
}
#newsArea {
	vertical-align: top;
	width: 385px;
	padding-right: 10px;
}
#newsItem {
	font-size: 11px;
	color: #000000;
	width: 375px;
	text-align: left;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A5A590;
	margin-bottom: 10px;
	padding-bottom: 10px;



}
.newsDate {
	font-size: 11px;
	font-style: italic;
	color: #38558F;
	margin: 5px;
}
#newsPicCol {
	background-color: #FFFFFF;
	width: 240px;
	vertical-align: top;
}

td.labelText3 {padding-top: 1px;padding-bottom: 1px;margin: 0px;font-family: verdana, arial, helvetica, sans-serif;font-size: 8pt;font-weight: bold;color: black;text-decoration: none;text-align: left;height:25}

shades {
	position: absolute;
	visibility: visible;
	left: -250px;
	top: -250px;
	z-index: 2
}

select {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
}

input {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
}

/********************/
/* shade card stuff */
/********************/
table.shadeCard td {

	width: 70px;
	height: 40px;
	border-color: red;
	border-width: 3px;
	border-style: solid;
	border-color: #ffffff;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

table.shadeCard td a {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;

}

table.shadeCard td a:visited {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;

}

table.shadeCard td a:hover {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: underline;

}

p.shadeCard {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 15px;
}

table.shadeInner {
	width: 1em;
	border: none;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
table.shadeInner td {
	width: 1em;
	border: none;
	margin: 0;
	padding: 0;
	height: 20px;
	border-collapse: collapse;
}

.swatchLinkWhite {
	color: #ffffff;
}

.swatchLinkBlack{
	color: #000000;
}


/***************************/
/* requisition list styles */
/***************************/
table.reqList {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #a3a78c;
	padding: 0px;
	margin: 0px;
	margin-bottom: 3em;
	border-collapse: collapse;
}

table.reqlist th {
	border: 1px solid #a3a78c;
	color: #305291;
	background-color: #bdc1e4;
	vertical-align: bottom;
	margin: 0px;
	padding: 2px;
}

table.reqlist td {
	border: 1px solid #a3a78c;
	color: #000000;
	margin: 0;
	padding: 2px;
}

.rowShade1{
	background-color: FFFFFF;
}

.rowShade2{
	background-color: ECEDE8;
}

table.reqList td a {
	text-decoration: none;
	color: #0098DB;
}

table.reqList td a:link {
	font-weight: normal;
	text-decoration: none;
	color: #0098DB;
	}

table.reqList td a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #0098DB;
	}

table.reqList td a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #0098DB;
}	

/* page buttons */
table.guiButton {
	width: 1em;
	border: none;
	margin: 0;
	padding: 0;
	border-top: 2px solid #7AC8EC ;
	border-right: 2px solid #005679 ;
	border-bottom: 2px solid #005679 ;
	border-left: 2px solid #&AC8EC ;
	border-collapse: collapse;
}

table.guiButton td {
	background-color: #0099DA;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	text-transform: uppercase;
}

table.guiButton td a:link {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	}

table.guiButton td a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	}

table.guiButton td a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

hr.lineStyle1 {
	height: 1px;
	border: none;
	color: #C2C2DE;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	margin: 0;
	padding: 0;
}

hr.lineStyle2 {
	height: 1px;
	border: none;
	color: #C2C2DE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin: 0;
	padding: 0;
}

a.chkout_done {color: black; text-decoration:}
td.chkout {font: bold; color: #C6C6C6; padding-right: 7px;}
td.chkout_active {font: bold; color:#950000;}
td.divider {width: 1px;}

/* Styles for addresses */
.addressName {font-weight: bold;text-align: left;color: #666666;padding: 0px;margin: 0px;}
.address {color: black;padding: 0px;margin: 0px;}
.phoneNumberFormat {color: #666666;padding: 0px;margin: 0px;}
.strongtext {font-weight: bold;color: black;padding: 0px;margin: 0px;text-decoration: none;}
.strongRedText {font-weight: bold;color: red;padding: 0px;margin: 0px;text-decoration: none;}
.redText {font-family: verdana, arial, helvetica, sans-serif;font-size: 8pt;color: red;padding: 0px;margin: 0px;text-decoration: none;}

textarea {
	width: 400px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
}
table.orderSummary {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #a3a78c;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
	border-collapse: collapse;
}

table.orderSummary th {
	border: 1px solid #a3a78c;
	color: #305291;
	background-color: #bdc1e4;
	vertical-align: bottom;
	margin: 0px;
	padding: 2px;
}

td.ordSum2 {
	border: 1px solid #a3a78c;
	color: #305291 !important;
	font-weight: bold !important;
	background-color: #bdc1e4;
	vertical-align: bottom;
	margin: 0px;
	padding: 2px;
}



td.ordSum2a {
	border: 1px solid #a3a78c;
	color: #305291;
	background-color: ECEDE8;
	vertical-align: bottom;
	margin: 0px;
	padding: 2px;
}


table.orderSummary td {
	border: 1px solid #a3a78c;
	color: #000000;
	margin: 0;
	padding: 2px;
}

table.ordSum {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #ffffff;
}

table.ordSum td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #ffffff;
	color: #000000;
}

/* ******************* */
/* Styles for products */
/* ******************* */
table.prodMatrix {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #a3a78c;
	padding: 0px;
	margin: 0px;
	margin-bottom: 3em;
	border-collapse: collapse;
}

table.prodMatrix th {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	border: 1px solid #a3a78c;
	color: #305291;
	background-color: #bdc1e4;
	vertical-align: middle;
	margin: 0px;
	padding: 2px;
}

table.prodMatrix td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #a3a78c;
	color: #000000;
	margin: 0;
	padding: 2px;
	padding-left: 4px;
}


img.mainImage{
	margin: 0;
	padding: 0;
}

.sectionHeading{
	font-weight: bold;
	color: #4C64AA;
	border-bottom: 1px solid #BDC1E4 ;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 3px;
}

label.productPage{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	color: #4C64AA;
}

p.price{
	font-size: 11px;
}

p.colourChoice{
	font-weight: bold;
	color: #000000;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 3px;
	margin: 0;
}

p.colourChoiceLink{
	background: transparent url("/wcsstore/FirwoodPaints/images/bullet_choosecolour.gif") no-repeat ;
	padding: 0 0 0 8px;
	margin: 3px 0 0 0;
}

p.colourChoiceLink a {
	color: #0098DB;
	font-weight: normal;
	text-decoration: none;
}

p.colourChoiceLink a:link {
	color: #0098DB;
	font-weight: normal;
	text-decoration: none;
}

p.colourChoiceLink a:visited {
	color: #0098DB;
	font-weight: normal;
	text-decoration: none;
}

p.colourChoiceLink a:hover{
	color: #0098DB;
	font-weight: normal;
	text-decoration: underline;
}

#datasheet{
	margin: 5 0 0 0;
	padding-left: 0;
	list-style: none;
}

#datasheet li{
	padding: 4 0 4 22px;
	background-image: url("/wcsstore/FirwoodPaints/images/bullet_datasheet.gif");
	background-repeat: no-repeat;
}

#datasheet li a {
	color: #0098DB;
	font-weight: normal;
	text-decoration: none;
}

#datasheet li a:link {
	color: #0098DB;
	font-weight: normal;
	text-decoration: none;
}

#datasheet li a:visited {
	color: #0098DB;
	font-weight: normal;
	text-decoration: none;
}

#datasheet li a:hover{
	color: #0098DB;
	font-weight: normal;
	text-decoration: underline;
}


/* ************************************* */
/* Styles for merchandising associations */
/* ************************************* */

table.merchAssoc{
	width: 100px;
	margin: 0;
	padding: 0;
}

table.merchAssoc td{
	color: #4C64AA;
	text-align: center;
}

table.merchAssoc td a {
	color: #4C64AA;
	font-weight: normal;
	text-decoration: none;
}

table.merchAssoc td a:link {
	color: #4C64AA;
	font-weight: normal;
	text-decoration: none;
}

table.merchAssoc td a:visited {
	color: #4C64AA;
	font-weight: normal;
	text-decoration: none;
}

table.merchAssoc td a:hover{
	color: #4C64AA;
	font-weight: normal;
	text-decoration: underline;
}

.merchAssocTitle{
	font-weight: bold;
	color: #4C64AA;
	padding: 0;
	margin: 0;
	margin-bottom: 3px;
}

img.merchAssoc{
	width: 100;
	height: 100;
	border: none;
	padding: 0;
	margin: 0;
	margin-top: 8px;
}

.discount {font-style: italic; font-size: 10px; color: #CC0000; }

/* ************************************* */
/* Styles for hotspots                   */
/* ************************************* */

table.hotSpots{
	width: 100px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

table tr .hotSpots{
	margin: 0;
	padding: 0;
}

table tr td .hotSpots{
	margin: 0;
	padding: 0 0 2px 2px;
}


/* ************************************* */
/*    Styles for Address Maintenance     */
/* ************************************* */

table#addressEdit {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	border: none;
	background-color: #bdc1e4;
	margin: 10px 0 10px 0;
	padding: 0;
}

table#addressEdit td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	border: none;
	color: #000000;
	padding: 2px 0 2px 5px;
	margin: 0;
}

table#addressEdit td label {
	font-weight: bold;
	color: #39598c;
}

/* ************************************* */
/*        Styles for Registration        */
/* ************************************* */

table#regEdit {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	border: none;
	margin: 10px 0 10px 0;
	padding: 0;
}

table#regEdit td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	border: none;
	color: #000000;
	padding: 2px 0 2px 0px;
	margin: 0;
}

table#regEdit td label {
	font-weight: bold;
	color: #39598c;
}

/* **************************************** */
/*        Styles for Contact Us Page        */
/* **************************************** */

ul.style1{
	list-style-image: url("/wcsstore/FirwoodPaints/images/bullet_tick.gif");
}

ul.style1 li{
	padding: 2px 0 2px 0;
}

ul.style2{
	margin: 0;
	margin-bottom: 8px;
	padding: 0;
	list-style: none;
}

ul.style2 li{
	font-weight: bold;
	padding: 0;
}

#contactTable{
	width: 100%;
	border-collapse: collapse;
}

#contactTable thead{
	
	text-align: left;
	background-color: #BDC1E4;
	border-bottom: 5px solid #000000;
	margin: 0;
}

#contactTable td{
	vertical-align: top;
	width: 30%;
	margin: 0;
	padding: 0 4px 0 4px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: none;
	border-left: 1px solid #000000;
}

#contactTable td.linkcell{
	margin: 0;
	padding: 5px 4px 5px 4px;
	border: inherit;
	border-top: none;
	border-bottom: 1px solid #000000;
}

#contactTable .headOffice{
	font-weight: bold;
	text-decoration: underline;
}

#contactTable .phone{
	padding-top: 5px;
	border-top: none;
}

.errortxt {
	color: red;
}

.homepage_table table {
	font-weight: bold;
	width: 100%;
	height: 200px;
	vertical-align: top;
}

.blue_table td {
	background-color: #d6dafd;
	padding: 5px 5px 5px 5px;
}