/* CSS Document */
body { 
	padding: 0; 
	margin: 0; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #666;
	background-color: #ccc;
	}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: red;
	padding: 0;
	margin: 10px 0 10px 0;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: red;
	margin-top: -3px;
	}
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.20em;
	padding: 0;
	margin: 2px 0 2px 0;
	}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	padding: 0;
	margin: 2px 0 0 0;
	}
		
a img { border: 0px; }
a {
	text-decoration: none;
	font-weight: bold;
	color: #666;
	}
a:visited { color: #666; }
a:hover { color: red; }

#container { 
	width: 800px; 
	border-right: 1px solid #000; 
	border-bottom: 1px solid #000;
	background-color: #fff; 
	}
#topmenu { 
	background-color: #000;	
	height: 24px;
	width:800px;
	}

/*#topmenu div { float:right;clear:none;width:200px;height:22px;}
#topmenu form {width:200px;}*/
#topmenu input { border: 1px solid #ccc;}

#topnav {
	height: 22px;
	width: 737px;
	margin-right:63px;
	background:#000000;
	}

#topnav .titles { float:right;clear:none;width:450px;height:22px;margin:0;padding:0;}
#topnav .search-form {float:right;clear:none;width:200px;margin:0;padding:0;}
#topnav .search-form form {float:right; padding:1px 0 0 0;}
	
/*#topmenu span { left: 550px; position: relative;}
#topmenu input { border: 1px solid #ccc;}

#topnav {
	height: 22px;
	width: 300px;
	position: absolute;
	left: 240px;
	background-image: url(/images/menutop.jpg);	background-position: 0 0;
	background-repeat: no-repeat;
	background:#000000;
	}*/
#topnav ul {
	margin: 0;
	padding:0;
	}


#topnav ul#topnavmenu{
	margin: 0;
	padding:0;
	float:right;
	list-style:none;
	
	}
	
#topnav ul#topnavmenu li {
	margin: 0;
	padding:0;
	float:left;
	clear:none;
	}
	
ul#topnavmenu li a{
	display:block;
	float:left;
	font-weight:normal;
	font-size:11px;
	text-decoration: none;
	padding:6px 12px 6px 12px;
	}

ul#topnavmenu li a:link, ul#topnavmenu li a:visited  {
	color:#FFFFFF;
	font-weight:normal;
	background:#000000;

	}

ul#topnavmenu li a:hover, ul#topnavmenu li a:active  {
color:#000000;
background:#CC0000;
}


.breadCrumb {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; margin:20px 0 0 0px;}
.breadCrumb a {
	color:#CC0033;
	text-decoration:none;
}
.breadCrumb a:hover { color:#666}

#banner {
	background-image: url(/images/kbAlloysBanner.jpg);
	background-repeat: no-repeat;
	height: 143px;
	}

#main { padding: 0; border: 0px solid green;}

#leftsection {
	border-right: 0px dashed #000;
	background-color: #fff;
	width: 200px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	float: left;
	clear: right;
	}

#leftsection select { border: 1px solid #999; width: 170px; }

/*  This keeps the left section as long as or slightly longer than the right content section. Since the right section is
	positioned as 'absolute' it's contents would spill over the bottom (footer) area without this padding in the left section.
	This padding is unnecessary if the left section is naturally longer than the right. */ 
#leftsection .padding { height: 50px; }

/* #rightcontent { 
	width: 480px; 
	left: 250px; 
	top: 175px; 
	position: absolute;
	float: right;
	display:inline
	}
*/ 


#rightcontent {
	width: 480px;
	margin: 0 0 0 250px;
	}
#contenttop {}
#contentmid {
	background-image: url(/images/bg1.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	}
#contentmid .text { width: 300px; }
#contentmid ul { margin: 20px; padding: 0; }
#contentmid ul li {
	list-style-image: url(/images/bullet.gif);
	line-height: 1.50em;
	}
#contentbottom { padding-top: 10px; }
#contentbottom td { padding: 0 10px 0 10px; }

#currentPrices { padding: 15px 0 15px 0; }
#currentPrices div {
	border-top-style: solid;
	border-top-color: #333;
	border-top-width: 1px;
	padding: 7px 0 7px 0;
	border-bottom-style: solid;
	border-bottom-color: #333;
	border-bottom-width: 1px;
	}
#footer {
	text-align: center;
	padding: 20px;
	font-size: 8pt;
	clear:both;
}
#footer a { text-decoration: underline; }

.imgright {
	margin-left: 10px;
	padding-bottom: 10px;
	float: right;
}
.imgright {
	clear: none;
	float: right;
	padding-bottom: 10px;
	padding-left: 10px;
}
.imgleft {
	clear: right;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.officetd {
	color: #999999;
}
.salestables {
	padding-bottom: 10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.newsdiv {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.col1{float:left;width:225px;}
.gutter{float:left;width:25px;}
.col2{float:left;width:225px;}

.col1 h2{margin-top:0;margin-bottom:10px;}
.col1 h3{margin-top:0;margin-bottom:8px;}
.col1 p{margin-top:0;margin-bottom:3px;}

.col2 h2{margin-top:0;margin-bottom:10px;}
.col2 h3{margin-top:0;margin-bottom:8px;}
.col2 p{margin-top:0;margin-bottom:3px;}