/*  page container formats            */
* {
	margin: 0;
	padding: 0;}

/* ---------------------------------------Start of contentheader.asp styles */
body {
	background-color: #5c5653;	
}

#wrapper {
	/* margin:0px auto 0px auto; */
	text-align: center;
	font-family: verdana,arial,helvetica,sans-serif;
	width:1000px;
	background-image: url(graphics/headerimages/background.gif);
	background-repeat: repeat-y;
	z-index: 4;
}
#header {}
#header img {display: block;}
#hdr_navbar {white-space: nowrap;z-index: 500;display: inline;}
#hdr_promoline {
	
	display: block;
	width: 998px;
}
#hdr_promoline h3 {
	white-space: nowrap;
	text-align: center;
	background-color: Black;
	color: yellow;
}
#shopcart {position: relative;top: 0px;left:600px;font-weight:bold;font-size:15px;z-index: 4;white-space: nowrap;text-align: right;}
#shopcart a {color: blue;text-decoration: underline;font-size:15px;color:#000000;}

.searchbutton {border-style: outset;width: 30px;height: 20px;background: #9e1400;color: #ffffff;border: 1px;}
.hpsearch {padding-left: 5px;margin-top: -3px;margin-left: 10px;}
#main {width:950px;margin-top: 5px;margin-left: 25px;background-color: White;}
/* ---------------------------------------- End of contentheader.asp styles */
/* ---------------------------------------Start of contentfooter.asp styles */
/* footer line   */
#footclear {clear: both;}
#footline {padding: 20px 10px;margin-left: 90px;width: 980px;}
#footline ul {text-align: center;width: 980px;list-style-type: none;}
#footline ul li {float: left;font-size: 10px;padding: 0px 10px 0px 10px;color: #000000;border-right: gray 1px solid;text-align: justify;}
#footline ul li a {text-decoration: none;color: black;}
#footline ul li a:hover, #footline ul li a:active {text-decoration: none;color: red;}
#kofflerfoot {width: 980px;margin-top: 20px;vertical-align: middle;text-align: center;}
#kofflerfoot h3 {text-align: center;margin-bottom: 0px;font-size: 11px;}
#kofflerfoot p {border: 0px;margin: 0px; padding: 0px; font-size: 10px;line-height: 14px;	width: 100%;text-align: center;}
#zbring {}
/* ---------------------------------------- End of contentfooter.asp styles */
/* ---------------------------------------- Start of defaultp.asp styles  */
#hp_sidebar1 {
	float: left;
	background-color: #f2f3ed;
	width: 120px;
	vertical-align: top;
	text-align: center;
	margin: 0px;
	padding-bottom: 100px; /* changed 12/14/11 from 800px   */
	height:800px;
}
#hp_content {
	display: block;
	text-decoration: none;
	vertical-align: top;
	text-align:center;
	padding: 0px 0px 0px 0px;  /* added 2/11/11  */
	margin: 0px 0px 40px 50px;
}
#hp_sidebar1 ul,
#hp_sidebar1 li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#hp_sidebar1 li a {text-decoration: none;}
#hp_sidebar1 li a img {
	text-align: center;
	width: 100px;
	padding: 2px;
	border: 0px solid #ffffff;
	margin: 6px 6px;
}

#hp_cell_group {display:block;}

#hpcell {
	width:200px;	/* 2/11/11 - 200 - 210   */
	height:190px;
	float:left;
	display:block;
	background-color: White;
	padding-bottom:30px;
	}
#hpcell h3 {
	color: #000000;
	font-size: 15px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	height: 20px;
	text-align: center;
}
#hpcell a {
	color: #000000;
	text-decoration: none;
}
#hpcell img {
	width:190px;
	border: 0px solid white;
	text-decoration: none;
}
/* Small links under pictures on main page  */
div.hpcelllink {display:block;float:left}
div.hpcelllink ul {
	text-align: left;
	margin-top: 5px;
	margin-left: 40px;
	list-style-type: none;
	padding: 0px;
}
div.hpcelllink li {
	list-style-type: disc;
	line-height: .8em;
}
div.hpcelllink a {
	font-size: 11px;
	text-decoration: none;
	color: black;
}
div.hpcelllink a:hover, div.hpcelllink a:active {
	font-size: 11px;
	text-decoration: none;
	color: red;
}
/* Reasons for choosing Koffler */
#hp_info {
	clear:both;
	width: 600px;
	text-align: justify;
	margin-left: 100px;
	font-size: 12px;
	font-family: Georgia, "Times New Roman" ,Serif;
}
#hp_info h2 {
	color: black;
	text-align: left;
	padding: 30px 0px 20px 0px;
}
#hp_info ul {
	text-align: left;
	margin-left: 20px;
	width: 550px;
	list-style: disc;
}
#hp_info p {
	padding: 20px 0px 0px 0px;
}
/* ---------------------------------------------------- End of default.asp  */


/* -----------------------------------------Start of stairtreadl2.asp styles */
#l2_sidebar1 {
	float: left;
	background-color: #f2f3ed;
	width: 190px;
	vertical-align: top;
	text-align: center;
	margin: 0px 0px 0px 0px;  /* 2/11/11 - 0500 to 0000  */
	height:2000px;  /* changed 12/14/11 from 1200px   */
}
#l2_content {
	display: block;
	text-decoration: none;
	vertical-align: top;
	margin-left: 190px;  /* 2/11/11 - 220 to 190   */
	margin-right: 10px;   /* 2/11/11 - 20 to 0   */
	background-color:White;  /* 2/11/11 - NC     */
}

#l2title h1 {
	text-align:center;font-size: 15pt;color: #cc0000;padding:5px 0px 10px 0px;margin:0px;}
	
#l2_cell_group {display:block;margin:0px;}


div.l2celldivw {
	width:700px;
	display:block;
	font-size:12px;
	float:left;
	text-align:left;
	vertical-align:top;
	}
.l2celldivw h3  {
	font-size: 14px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	height: 30px;
	text-align: left;
	vertical-align:bottom;
	padding-top:50px;
	}	
img.l2celldivw  {
	float:left;
	padding:0px 30px  0px 0px;  /* 2.11.11 - was 0,30,70,0 */
	vertical-align:top; 
	}
.l2celldivw a {
	display:block; color:blue;text-decoration:underline;padding-bottom:20px;
	}
.l2celldivw ul {
	text-align: left;
	padding-top:5px;
	margin-left: 262px;
	list-style: disc;
	display:block;
}

div.l2celldiv {
	width:220px;
    height:300px;
    margin:5px 10px 0px 10px;
	float:left;
	display:block;
	text-align:left;  /* 2.11.11 added  */
	}		
.l2celldiv h3  {
	padding:0px 20px 0px 20px;
	font-size: 13px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	height: 44px;
	text-align: center;
	vertical-align:bottom;
	}
a.l2cellhdr {
	text-decoration:none;
	color:Black;
	}
a.l2cellimg 
{
	border:0px;
	background-color:White;
}
	
img.l2cell 
	{
	width:200px;
	height:125px;
	}
img.l2cellclick 
{
	width:170px;
	height:30px;
}	
.l2celldiv ul {
	display:block;
	padding-left:20px;
	margin-left:0px;
}
.l2celldiv,
.l2celldiv p,
.l2celldiv ul {
	font-size:12px;
	line-height:1.2em;
	color:Black;
	}
.l2celldiv p a {
	color:blue;
	line-height:1.2em;
	text-decoration:underline;
	padding:0px 0px 20px 0px;
	vertical-align:top;
	}		
	

/* for displaying treads box-description to the right	 */

#l2_info 
{
	width: 600px;
	text-align: justify;
	margin: 20px 40px 0px 40px;
	padding-top:10px;
	padding-bottom:50px;
	font-size: 13px;
	font-family: Georgia, "Times New Roman" ,Serif;
}
#l2_info h2 {
	color: black;
	text-align: left;
	vertical-align:top;
	padding:20px 0px 0px 0px;
	font-size:18px;
}
#l2_info h3 {
	color: black;
	text-align: left;
	vertical-align:top;
	padding:0px;
	font-size:18px;
}
#l2_info img {
	float:left;
	width:75px;
	height:auto;
	background-color:white;
	color:White;
	padding-right:20px;
	padding-bottom:20px;
}
#l2_info ul {
	text-align: left;
	padding-top:5px;
	margin-left: 262px;
	list-style: disc;
	display:block;
}
#l2_info p {margin-top:30px;}

#l3_text 
{
	background-color:White;  /*       */
	text-align: justify;
	font-size: 14px;
	vertical-align: top;
	}
#l3_info {
	display: block;
	text-decoration: none;
	vertical-align: top;
	margin-left: 190px;  /* 2/11/11 - 220 to 190   */
 	background-color:White;  /* 2/11/11 - NC     */
	text-align: justify;
	font-size: 14px;
}
#l3_info a, a:active {
	font-size: 14px;	
	color: black!important;
}	
#l3_info h2 {
	color: black;
	text-align: left;
	vertical-align:top;
	padding:20px 0px 0px 0px;
	font-size:18px;
}
#l3_info h3 {
	color: black;
	text-align: left;
	vertical-align:top;
	padding:0px;
	font-size:18px;
}

#l3_info ul {
	text-align: left;
	padding-top:5px;
	margin-left: 20px;
	list-style: disc;
	display:block;
}

td.l3_info {padding:20px 20px 20px 20px; vertical-align:top;text-align:left;}
#l3_info p {margin:20px 5px 5px 5px;}
#l4_content {
	display: block;
	text-decoration: none;
	vertical-align: top;
	margin-left: 140px;   
 	background-color:White;   
	text-align: justify;
	font-size: 14px;
    padding-left:80px;
}
#l4_content p {margin:20px 5px 5px 5px;}
#l4_content ul {
	text-align: left;
	padding-top:5px;
	margin-left: 20px;
	list-style: disc;
	display:block;
}
div.l2whokoffler {font-size:15px;}
div.l2smprod {display:block;margin-left:50px;margin-right:50px;padding-top:30px;}
div.l2video {text-align:center;padding:30px 0px 30px 0px;}


/* ------------------------------------------End of stairtreadl2.asp styles */

/* -------------add 2.11.11 ----------------Start of hardware.asp styles */
#deptsearch  {
	text-align:right!important;}

#deptcategories td {
	text-align:left;
	font-size:12px;
	line-height:17px;  
}
#deptcategories a {
	font-size: 11px;
	color: black;
}
#deptcategories a:hover, #deptcategories a:active {
	font-size: 11px;
	font-weight:bold;
	color: red;
}	
 
/* ------------------------------------------End of hardware.asp styles */

/*  Global Classes     */
.green {
	color: green;
	font-weight: bold;
}
.smaller {
	font-size:smaller;}

a.nolink,
a.nolink visited,
a.nolink active
{background-color:white;border:0px;}
/* also in oldstyle.css */
.navreturn a
{
     font-variant:small-caps;
     FONT-SIZE: 9pt;
     FONT-WEIGHT: bold;
     COLOR: black;
     FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
     text-decoration:underline!important;
}

#hw_cell_group {display:block;}

#hwcell {
	width:175px;	/* 2/11/11 - 200 - 210   */
	height:190px;
	float:left;
	display:block;
	background-color: White;
	padding-bottom:30px;
	}
#hwcell h3 {
	color: #000000;
	font-size: 12px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	height: 30px;
	text-align: center;
}
#hwcell a {
	color: #000000;
	text-decoration: none;
}
#hwcell img {
	border: 0px solid white;
	text-decoration: none;
}
#hwcell p {
	padding: 10px;
	font-size:11px;
	text-align:left;
	vertical-align:top;
}
/* Small links under pictures on main page  */
div.hwcelllink {display:block;float:left}
div.hwcelllink ul {
	text-align: left;
	font-size:11px;
	margin-top: 5px;
	margin-left: 25px;
	list-style-type: none;
	padding: 0px;
}
div.hwcelllink li {
	list-style-type: disc;
	line-height: 1.3em;
}
div.hwcelllink a {
	font-size: 11px;
	text-decoration: none;
	color: black;
}
div.hwcelllink a:hover, div.hwcelllink a:active {
	font-size: 11px;
	text-decoration: none;
	color: red;
}

/*  Koffler name in header     */
h1 {
	text-align: left;
}

h2 {
	text-align: left;
}


br.clear {clear:left;}

/**************** Misc classes and styles ****************/
.rj{text-align: right;}
.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}
.yellowbackground{background:yellow;}
.box{margin:0 0 20px 0;padding:10px;border:1px solid #c0c0c0;background-color:#fafbfc;color:#505050;line-height:1.5em;}
/*  ROUNDED CORNERS   */
.container {background: #999999;color: #fff;margin: 0 15px;}
.rtop, .rbottom {display: block;background: #fff;}
.rtop *, .rbottom * {display: block;height: 1px;overflow: hidden;background: #999999;}
.r1 {margin: 0 5px;}
.r2 {margin: 0 3px;}
.r3 {margin: 0 2px;}
.r4 {margin: 0 0px;height: 2px;}