html, body, table {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #000;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	background: #fff;
}

img { border: 0px; }

form.inline { display: inline; }

p.twentyspace { margin: 20px 0px 0px 0px; }
br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }
br.noheight { line-height: 0.1em; font-size: 0.1em; }

h1 {
	font-size: 18px;
	color: #900;
	font-weight: bold;
}

h2 {
	font-size: 18px;
	color: #900;
	font-weight: bold;
}

	.price1 { color: #900; font-weight: bold; }
	.price2 { color: #666; font-size: 11px; }



#pagecontainer {
	position: absolute;
	width: 770px;
	left: 50%;
	margin-left: -385px;
	/* The following line stops the content disappearing off the left edge when the window is resized  */
	* margin-left:expression(document.body.clientWidth < 770? "-" + parseInt(document.body.clientWidth/2) + "px": "-385px" );
}

	#logonav {
		width: 770px;
		height: 85px;
	}

		img.logo {
			width: 155px;
			height: 85px;
			border: 0px;
			float: left;
		}

		#logonavlinks {
			width: 600px;
			float: left;
			height: 46px;
			padding-top: 10px;
			color: #777A7E;
			text-align: right;
		}

			#logonavlinks a:link, #logonavlinks a:visited {
				color: #000;
				font-weight: bold;
				text-decoration: none;
			}

			#logonavlinks a:hover {
				color: #777A7E;
				text-decoration: underline;
			}

		#navtabs {
			width: 600px;
			float: left;
			height: 29px;
		}

			#navtabs ul {
				float: right;
				margin: 0px;
				padding: 0px;
			}

				#navtabs ul li {
					float: left;
					list-style: none;
					text-align: center;
					height: 29px;
					line-height: 29px;
				}

					#navtabs ul li.tab1 { width: 88px; background: url(/images/tab1.gif) no-repeat left top; }
					#navtabs ul li.tab2 { width: 70px; background: url(/images/tab2.gif) no-repeat left top; }
					#navtabs ul li.tab3 { width: 68px; background: url(/images/tab3.gif) no-repeat left top; }
					#navtabs ul li.tab4 { width: 70px; background: url(/images/tab4.gif) no-repeat left top; }
					#navtabs ul li.tab5 { width: 70px; background: url(/images/tab5.gif) no-repeat left top; }
					#navtabs ul li.tab6 { width: 92px; background: url(/images/tab6.gif) no-repeat left top; }
					#navtabs ul li.tab7 { width: 76px; background: url(/images/tab7.gif) no-repeat left top; }
					#navtabs ul li.tab8 { width: 66px; background: url(/images/tab8.gif) no-repeat left top; }

					#navtabs a:link, #navtabs a:visited {
						color: #fff;
						font-weight: bold;
						text-decoration: none;
					}

					#navtabs a:hover {
						text-decoration: underline;
					}

	#searchbar {
		width: 770px;
		height: 45px;
		background: #fff url(/images/searchbar.gif) no-repeat left top;
	}

		#searchbox {
			float: left;
			height: 39px;
			width: 233px;
			padding-top: 6px;
			padding-left: 12px;
		}

			#searchbox p {
				margin: 0px;
			}

			#searchbox input.search {
				font-size: 11px;
				border: 0px;
				background: transparent;
				width: 163px;
				height: 15px;
				line-height: 12px;
				padding-top: 4px;
				color: #666;
				vertical-align: top;
				cursor: text;
			}

			#searchbox input.go {
				margin-left: 6px;
				margin-top: 1px;
			}

		#minicart {
			float:right;
			width: 500px;
			text-align: right;
			padding-right: 25px;
			padding-top: 5px;
			font-size: 11px;
			color: #666;
			line-height: 21px;
			height: 30px;
		}

			#minicart a:link, #minicart a:visited { color: #000; font-weight: bold; }
			#minicart a:hover { color: #900; }

			#minicart img {
				vertical-align: middle;
				margin-left: 5px;
			}

	#lhnav {
		float: left;
		width: 155px;
		margin-bottom: 25px;
	}

		#lhntitleblack {
			width: 145px;
			background: #ffffff url(/images/bglhntitleblack.gif) no-repeat left top;
			padding: 5px 5px 5px 5px;
			font-weight: bold;
			font-size: 1.4em;
			color: #fff;
			font-family: "Arial", "Verdana", "Helvetica", "MS Sans Serif";
			text-align: right;
		}

		div.lhntitlered {
			width: 145px;
			background: #c00 url(/images/bglhntitle_corner.gif) no-repeat left top;
			padding: 5px 5px 5px 5px;
			font-weight: bold;
			font-size: 1.4em;
			color: #fff;
			font-family: "Arial", "Verdana", "Helvetica", "MS Sans Serif";
			text-align: right;
		}
		
			div.lhntitle_1 { background: #364095 url(/images/bglhntitle_corner.gif) no-repeat left top; }
			div.lhntitle_2 { background: #A2408E url(/images/bglhntitle_corner.gif) no-repeat left top; }
			div.lhntitle_3 { background: #D3342A url(/images/bglhntitle_corner.gif) no-repeat left top; }
			div.lhntitle_4 { background: #A97032 url(/images/bglhntitle_corner.gif) no-repeat left top; }
			div.lhntitle_5 { background: #4D902A url(/images/bglhntitle_corner.gif) no-repeat left top; }
			div.lhntitle_6 { background: #CFDA0F url(/images/bglhntitle_corner.gif) no-repeat left top; }
			div.lhntitle_7 { background: #803429 url(/images/bglhntitle_corner.gif) no-repeat left top; }
			div.lhntitle_8 { background: #A2408E url(/images/bglhntitle_corner.gif) no-repeat left top; }
			div.lhntitle_9 { background: #21428C url(/images/bglhntitle_corner.gif) no-repeat left top; }
		

		#lhnav img { display: block; }

		#lhnav ul {
			margin: 0 0 0 0;
			padding: 0 0 10px 0;
			border-right: 1px solid #D5D5D5;
		}

			#lhnav ul li {
				list-style: none;
				margin: 0px;
				padding: 5px 3px 5px 3px;
				
			}

			#lhnav ul li.head {
				height: 16px;
				/* background: #000; */
				background: #fff;
				/* border-right: 1px solid #000; */
				color: #fff;
				/* font-weight: bold; */
				font-weight: normal;
				padding: 3px 4px 2px 7px;
			}

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

				#lhnav a:hover {
					color: #900;
					text-decoration: underline;
				}

			#lhnav ul li.active { font-weight: bold; letter-spacing: -1px; }

			/* #lhnav ul li.head a:link, #lhnav ul li.head a:visited { color: #fff; } */

			#lhnav ul li.head1 { background: #364095; border-right: 1px solid #364095; }
			#lhnav ul li.head2 { background: #A2408E; border-right: 1px solid #A2408E; }
			#lhnav ul li.head3 { background: #D3342A; border-right: 1px solid #D3342A; }
			#lhnav ul li.head4 { background: #A97032; border-right: 1px solid #A97032; }
			#lhnav ul li.head5 { background: #4D902A; border-right: 1px solid #4D902A; }
			#lhnav ul li.head6 { background: #CFDA0F; border-right: 1px solid #CFDA0F; }
			#lhnav ul li.head7 { background: #803429; border-right: 1px solid #803429; }
			#lhnav ul li.head8 { background: #A2408E; border-right: 1px solid #A2408E; }

			#lhnav ul li.navspacer { line-height: 20px; }
			
			#lhnav ul li.subsub { padding-left: 10px; }

	div.lhnimg {
		width: 154px;
		border-right: 1px solid #D5D5D5;
	}

		div.lhnimg img {
			margin-left: 25px;
		}

	#lhnbrands {
		width: 154px;
		border-right: 1px solid #D5D5D5;
	}

		#lhnbrands img.lhnbnlft {
			border: 0px;
			float: left;
		}

		#lhnbrands img.lhnbnrgt {
			border: 0px;
			float: right;
		}

	#contentarea {
		float: left;
		width: 600px;
		padding: 10px 0px 20px 15px;
	}
	
		#breadcrumb {}
			#breadcrumb p { font-size: 11px; margin: 0;}


			#contentareacustomer p {
				margin-left: 20px;
			}

			#contentareacustomer ul {
				list-style: none;
				padding: 0;
				margin: 20px 0 0 0px;
				line-height: 20px;
			}

			#contentareacustomer ul li {
				margin: 0px 0 0 20px;
			}

				#contentareacustomer ul li a {
					padding-left: 13px;
					background: #fff url(/images/custicon.gif) no-repeat left center;

				}

				#contentareacustomer ul.ulleft {
					float: left;
					width: 180px;
					padding: 0;
					margin-top: 20px;
					margin-left: 20px;
				}

				#contentareacustomer ul.ulmid {
					float: left;
					width: 180px;
					padding: 0;
					margin-top: 20px;
					margin-left: 10px;
				}

				#contentareacustomer ul.ulright {
					float: right;
					width: 180px;
					padding: 0;
					margin-top: 20px;
					margin-left: 10px;
				}


	#offerbar {
		width: 770px;
		height: 85px;
		background: url(/images/offerbar.gif) no-repeat left top;
	}

		#offercell1 {
			float: left;
			width: 180px;
			padding-left: 70px;
			font-size: 14px;
			font-weight: bold;
			color: #900;
			padding-top: 20px;
		}

			#offercell1 p { margin: 0px; }

		#offercell2 {
			float: left;
			width: 247px;
			font-size: 11px;
			color: #776F64;
			padding-left: 13px;
			padding-top: 15px;
		}

			#offercell2 p { margin: 0px; }

			#offercell2 input.newsletter {
				margin-top: 6px;
				margin-left: 3px;
				font-size: 11px;
				border: 0px;
				background: transparent;
				width: 133px;
				height: 15px;
				line-height: 12px;
				padding-top: 4px;
				color: #666;
				vertical-align: top;
				cursor: text;
			}

			#offercell2 input.go {
				margin-left: 6px;
				margin-top: 7px;
			}

		#offercell3 {
			float: left;
			width: 220px;
			margin-top: 5px;
			padding: 0px 15px 0px 25px;
			font-size: 11px;
			color: #776F64;
			line-height: 16px;
		}

			#offercell3 p { margin: 5px 0px }

			#offercell3 a:link, #offercell3 a:visited {
				font-weight: bold;
				color: #776F64;
			}

			#offercell3 a:hover { color: #900; }

	#footer {
		margin-top: 5px;
		width: 770px;
		text-align: center;
		padding-bottom: 10px;
		color: #5a5a5a;
		font-size: 11px;
	}

		#footer a:link, #footer a:visited { color: #5a5a5a; }
		#footer a:hover { color: #900; }

/******************
 CATEGORY PAGE
******************/

#catsubcatlinks {
	width: 600px;
	margin: 15px 0px 0px 0px;
	padding: 0;
}

	#cscltop {
		width: 600px;
		height: 12px;
		margin: 0;
		padding: 0;
	}

	#csclmid {
		width: 570px;
		margin: 0;
		padding: 0px 20px 10px 10px;
		background: #ffffff url(/images/bgcsclmid.gif) repeat-y;
		font-size: 0.9em;
		line-height: 1.7em;
	}

		#csclmid ul {
			margin: 0px 0px 0px 20px;
			padding: 0;
			width: 550px;
			list-style: none;
		}

			#csclmid ul li {
				float: left;
				width: 180px;
			}

			#csclmid ul li a {
				padding-left: 13px;
				background: #fff url(/images/custicon.gif) no-repeat left 3px;
				display: block;
				width: 167px;
			}

	#csclbot {
		width: 600px;
		height: 20px;
		margin: 0;
		padding: 0;
	}


.aboutpic {
	margin: 0px 0px 0px 15px;
	padding: 0;
}

/*********
 BROKERAGE
**********/

div.brokitem {
	float: left;
	width: 130px;
	margin-bottom: 15px;
	padding: 0px 10px 0px 10px;
}

	div.brokitem img.prodbrok { width: 100px; height: 100px; border: 0px; margin-left: 15px;}

	div.brokitem p { margin: 10px 0px; }


/*********
 PROD PAGE
**********/

#prodleft {
	float: left;
	width: 300px;
}

	#prodleft a:link, #prodleft a:visited { color: #666; }
	#prodleft a:hover { color: #900; }

#prodright {
	float: left;
	width: 275px;
	padding: 0px 0px 0px 15px;
}

	#prodright label {
		width: 80px;
		float: left;
		padding-top: 3px;
		font-weight: bold;
	}
	
	select.var {
		font-size: 11px;
		width: 150px;
	}
	
	select.sizvar {
		float: left;
		font-size: 11px;
		width: 110px;
	}

	div.sizeguidelink {
		float: left;
		font-size: 0.8em;
	}

	input.qty {
		width: 29px;
		height: 25px;
		border: 0px;
		background: #fff url(/images/qty.gif) no-repeat left top;

		padding-left: 7px;
		padding-right: 9px;
		line-height: 12px;
		padding-top: 4px;
		color: #666;
		vertical-align: top;
		cursor: text;

	}

	input.buynow {
		margin-top: 1px;
	}

ul.mprods {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

	ul.mprods li {
		list-style: none;
		padding: 0px 0px 8px 16px;
		background: url(/images/arrow.gif) no-repeat left 4px;
	}

		ul.mprods a:link, ul.mprods a:visited {
			color: #666;
		}

		ul.mprods a:hover { color: #900; }

#prodmsg {
	font-weight: bold;
}

p.error {
	color: #c00;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*******
 GENERAL
********/
a:link, a:visited { color: #5a5a5a; }
a:hover { color: #900; }
.brokpc { font-size: 0.9em; }
.brokpctall { line-height: 1.5em; }


/*****************
 IMAGE FLOATS
******************/

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 10px 0px;
}


/*****************
 IMAGE FLOATS
******************/

	.readmore ul li a {
		padding-left: 13px;
		background: #fff url(/images/custicon.gif) no-repeat left center;
	}

/***************
 LINKS PAGE
****************/
.websiteLink {
	clear: both;
	margin: 10px 0px 0px 0px;
}


/***************
 LINKS PAGE
****************/
div.newsitem {
	padding-bottom: 10px;
}


/***************
 PORTAL
****************/

#searchbar.portal {
	width: 770px;
	height: 45px;
	background: #fff url(/images/searchbar-portal.gif) no-repeat left top;
}

img.portallogo {
	width: 185px;
	height: 85px;
	border: 0px;
	float: right;
}

.contentsection {
    margin: 0px 0px 30px 0px;
}

    .contentsection label {
        float: left;
        display: block;
        width: 200px;
        text-align: right;
        margin-right: 20px;   
        padding-top: 3px;
    }
    
    .contentsection input.inputtext {
        margin-bottom:6px;  
        width: 200px;
    }
    
    .contentsection textarea.inputtext {
        margin-bottom:6px;  
        width: 400px;
        height: 100px;
        overflow: auto;
    }
    
    .contentsection h2 {
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 16px;
        font-weight: bold;
        color: #C33;  
    }
    
    .contentsection h3 {
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 16px;
        font-weight: bold;
        color: #000;  
        margin: 0px 0px 3px 0px;
    }

    .contentsection p {
        line-height: 1.8em;
        font-size: 0.9em;
        margin: 0px 0px 12px 0px;
    }

    .contentsection a.dismiss {
        position: absolute;
        right: 10px;
        font-size: 0.8em;
    }

.catimg {
    float: left;
    width: 135px;
    margin: 0px 17px 13px 0px;
    border: 1px solid #000;
    background: #000;
    color: #FFF;
    text-align: center; 
}

    .catimg h3 {
        font-family: Arial, Verdana, Sans-Serif;
        margin: 5px 0px;
        font-size: 12px;
    }
    
    .catimg h3 a {     
        color: #FFF;   
    }

.catimgend {
    margin: 0px 0px 13px 1px; 
}

.subimg {
    float: left;
    width: 130px;
    margin: 0px 24px 13px 0px;
    background: #FFF;
    color: #000;
    text-align: left; 
}

    .subimg h3 {
        font-family: Arial, Verdana, Sans-Serif;
        font-weight: normal;
        margin: 5px 0px;
        font-size: 11px;
    }
    
    .subimg h3 a {     
        color: #000;   
    }

.subimgend {
    margin: 0px 0px 13px 0px; 
}

.bigred {
    font-size: 12px;
    font-weight: bold;
    color: #900;
}

#lhnav ul li ul{
	list-style: none;
	margin: 0px;
	padding: 8px 3px 0px 10px;
	border-right: 0px;
	font-size: 0.9em;
}