body {
    margin: 0;
    padding: 0;
    /*background-color: #ce8;*//* changed 2008-01-25 */
    /*background-color: #dfa; /* changed again 27 may 2009 */
    background-color: #b7d478;
    text-align: center;
    height: 100%;
    }

/* content wrappers and structure */  

/* wrapper-left & wrapper-main are moved to css/consumer.css and ad/css/ad.css */

#clearone { 
    clear: both; 
    height: 15px; 
    width: 100%; 
    }
    
#wrapper-top { 
    top: 0;
    height: 110px;
    width: 960px;
    clear: both;
    background-image: url(../imgs/logo_main_c.gif);
    background-repeat: no-repeat;
    }
    
#wrapper-right { 
    /* NEW BELOW 
    position: relative;
    top: 70px;
    */
    margin-top: 0;
    margin-right: 15px; 
    width: 675px;
    float: right;
    }
    
#wrapper-right #col_left { 
    width: 460px;
    float: left;
    }
    
#wrapper-right #col_right { 
    width: 200px;
    float: right;
    position: relative;
    /*
    top: 39px;
    top: 39px;
    right: 15px;
    position: absolute;*/
    }	

/* end wrappers */

/* navigation elements */
img#home { 
    float: left;
    top: 0;
    width: 250px;
    height: 110px;
    border: 0;
    }
    
#top-nav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    text-align: right;
    margin: 18px 17px 0 0;
    float: right;
    }

#top-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    /*position: absolute;
    top: 15px;
    right: 17px; */
    }

#top-nav li {
    display: inline;
    color: #999;
    padding: 0 0 0 8px;
    }
	
#top-nav li.on a { color: #999; }
    
#top-nav a:link, #top-nav a:visited {
    color: #666;
    text-decoration: none;
    }
    
#top-nav a:hover { color: #783; }
    
#main-nav {
    float: right;
    margin: 23px 15px 0 0;
    width: 678px;
    /*line-height: */
    }

#main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt; 
    /*position: absolute;
    top: 53px;
    left: 267px; */
    }

#main-nav li {
    display: inline-block; 
    background-color: #783;
    color: #fff;
    height: 35px;
    float: left;    
    padding-left: 10px;
    margin-left: 4px;
    border-top: 4px solid #783;
    line-height: 14px;
    }

#main-nav a { 
    color: #fff;
    text-decoration: none;
    }
   
#main-nav a:hover { color: #ce8; }
    
#main-nav li.on { background-color: white; }
#main-nav li.on a { color: #783; }

#main-nav li.first { width: 96px; } /* first list item different size */   
#main-nav li.main { width: 107px; }
#main-nav li.search { width: 191px; } /* last list item different size */

#main-nav li.search input { 
    margin: 5px 5px 0 0;
    float: left;
    padding: 0;
    }
    
#main-nav li input.txt { 
    width: 150px;
    margin-left: 0px;
    }

/* end navigation section */

/* layout */

#col_left li a, #col_left li a:visited { color: #783; }

#col_left div.row {
    width: 100%;
    margin-bottom: 10px;
    }
#col_left div.cell { width: 120px; height: 250px; border: 1px solid #999; margin-right: 10px; margin-bottom: 10px; float: left;}
#col_left div.row iframe { 
    border-right: 10px solid white;
    /* border: 0; */
    }

#heading { 
    background-image: url(../imgs/background_header_fade.jpg);
    background-repeat: repeat-y;
    background-position: left top;
    border: 1px solid #fff; /* ? */
    width: 675px;
    }

#footer {
    position: relative;
    width: 675px;
    height: 40px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px 15px 270px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-align: center;
    }

#footer ul {
    list-style: none;
    padding: 0;
    
    }

#footer li {
    display: inline;
    color: #783;
    padding: 2px;
    }
    
#footer a:link, #footer a:visited, #footer p {
    color: #783;
    text-decoration: none;
    }
    
#footer a:hover { color: #444; }

#footer p {
    width: 660px;
    text-align: left;
    }
    
/* experimental for home page iteration 
#footer-b {
    position: relative;
    width: 930px;
    height: 40px;
    margin-right: auto;
    margin-left: auto;
    padding: 15px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
    }

#footer-b ul {
    list-style: none;
    padding: 0;
    margin: auto;
    }

#footer-b li {
    display: inline;
    color: #783;
    padding: 0 2px;
    }
    
#footer-b a:link, #footer-b a:visited, #footer-b p {
    color: #783;
    text-decoration: none;
    }
    
#footer-b a:hover { color: #444; }

#footer-b p {
    width: 660px;
    text-align: left;
    }
    
end experiment */

#page_tools { position: relative; } 

#page_tools #font a {
    width: 52px; /* 67px total of width */    
    padding-left: 15px; /*  and padding */
	background: url(../imgs/page_tools-f.png);
    }
    
#page_tools #print a {
    width: 63px; /* 67px */
    padding-left: 4px;
	background: url(../imgs/page_tools-p.png);
    }
    
#page_tools #share a {
    width: 63px; /* 66px */
    padding-left: 3px;
	background: url(../imgs/page_tools-s.png);
    }
    
#page_tools #font a, #page_tools #print a, #page_tools #share a, #page_tools #dummy, #page_tools #dummy_p { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #888;      
    /* 2008-03 */
    height: 20px;
    display: block;
    float: left;
    padding-top: 4px;
    margin-bottom: 15px; /* DW doesn't like this on the bottom of the containing div */
    }

#page_tools #dummy { width: 52px; padding-left: 15px; background-color: #eee; }
#page_tools #dummy_p { width: 63px; padding-left: 4px; background-color: #eee; }    
#page_tools #dummy_s { width: 63px; padding-left: 3px; }
    
#page_tools #font a:hover, #page_tools #print a:hover, #page_tools #share a:hover { color: black; }

/* page tools one-column version */
#page_tools_oc { 
    width: 675px; 
    position: relative; /* DW needs this */
    display: inline-block;    
    } 

#page_tools_oc h1 { 
    float: left;
    width: 455px;
    background-image: none;
    background-color: #783;   
    margin-right: 4px;
    margin-bottom: 14px; /* 1 pixel of 15 taken up by #runner below */
    }
    
#page_tools_oc #dummy { width: 51px; padding-right: 3px; padding-left: 15px; }

#page_tools_oc #dummy_p { width: 59px; padding-left: 5px; }

#page_tools_oc #font a {
    width: 51px;    
    padding-left: 15px;   
    padding-right: 3px;
	background: url(../imgs/page_tools-f.png);	
    }
    
#page_tools_oc #print a {
    width: 59px; /* 67px */
    padding-left: 5px;
    background: url(../imgs/page_tools-p.png);
    }
    
#page_tools_oc #share a {
    width: 62px; /* 66px */
    padding-left: 5px;
	background: url(../imgs/page_tools-s.png);
    }

#page_tools_oc #dummy, #page_tools_oc #dummy_p, #dummy_s, #page_tools_oc #font a, #page_tools_oc #print a, #page_tools_oc #share a { 
    height: 20px;
    display: block;
    float: left;
    padding-top: 4px;
    background-color: #eee;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #888;
    }
      
#page_tools_oc #font a:hover, #page_tools_oc #print a:hover, #page_tools_oc #share a:hover { color: black; }

#page_tools_oc #runner { width: 100%; height: 1px; clear: both; }
/* end one-column page tools */

#stairparts img { 
	padding: 18px 0;
	/* border-bottom: 1px solid #783; */ /* ADD THIS BACK IN AFTER NEXT UPDATE WHEN UNDERLINES ARE REMOVED FROM IMAGES */
	
    }
		
#galleryOverview {
	background-color: #eee;
	}
	
/* HTML tag styles */
a img { border: 0; }

iframe { border: 0; }

/*
** H1 in /css/consumer.css and /ad/css/ad.css 
*/

.h1sub {
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    }
.h1sub2 {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    }
    
h2 { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 800;
    /*margin-bottom: -12px;*/
    color: #666;
    }
	
h3 { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    font-weight: 800;
    margin-bottom: -12px;
    color: #222;
    }
	
h3 a { color: #222; }

h3 a:hover { color: #222; }

h3 img { float: left;
    margin-top: 5px;
    margin-right: 10px;
    }
	
h4 { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    font-weight: 100;
	margin-bottom: -15px;
	color: #000;
	font-style: italic;
    }
    
img.b15 { border-bottom: 15px solid white; }
    
p, #col_right p { font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    padding: 0 15px 0 0;
    color: #222;
    }
    
p.hometag {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 100;
    color: #783;
    padding: 0 5px;
    display: block;
    height: 50px;
    margin-top: 7px;
    }
	
ol { font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
	color: #222;
    }

    
#col_left ul {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #222;
    }
    
p a, a.list { color: #783; }

p a:hover. a.list:hover { color: #222; }

/* styles */

span.indent { margin-left: 20px; }

sub, sup { line-height: 0; }

table.kbis td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #222;
    }

.sub { 
    font-size: 13px;
    line-height: 18px;
    color: #666;
    }
	
.home { 
    font-size: 21px;
    line-height: 28px;
    color: #783;
	padding-left: 15px;
	padding-top: 10px;
	font-weight: 100;
	margin: 0;
    }
  
.caption {
    font-size: 9px;
    line-height: 12px;
    margin-top: 6px;
    color: #222;
	}
	
.listtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    line-height: 18px;
	}
	
.red { color: red; }

/* end styles */
	
/* wholesaler dealer table */
table.whlse {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 645px;
    border: 0; 
    border-collapse: collapse;
    margin-bottom: 10px;
    }
table.whlse td, table.whlse th { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left; 
    padding: 5px 10px 5px 0;
    }
table.whlse th { font-weight: bold; }
table.whlse tr { border-bottom: 1px solid #ccc; }

/* Press clippings table */

table.clippings {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 645px;
    border: 0; 
    border-collapse: collapse;
	}
	
table.clippings td, table.clippings th { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left; 
    padding: 5px 10px 5px 0;
    }
table.clippings th { font-weight: bold; }
table.clippings tr { border-bottom: 1px solid #ccc; }
table.clippings a { 
	color: #783; 
	text-decoration: none;
	}

/* Gallery table */	

table.gallery td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	}
	
table.gallery a {
	text-decoration: none;
	color: #333;
	}
	
table.gallery td img a:hover {
	border: solid 1px #000;
	}
	
/* Library table */	

table.library td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
table.library a {
	text-decoration: none;
	color: #333;
	}
	
	
/* CSI/MSDS/Warrenties tables */	

table.csi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 460px;
	margin: 0;
	padding: 3px 0 3px 0;
	border: 0; 
    border-collapse: collapse;
	}
	
table.csi th {
	font-size: 11px;
	line-height: 18px;
	padding: 3px 0 3px 0;
	 color: 783;
	text-align: left;
	}
	
table.csi tr { border-bottom: 1px solid #ccc; }

table.csi td {
	font-size: 10px;
	line-height: 15px;
	padding: 3px 0 3px 0;
	}
	
	
.smallgrey{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #777;
    }
    
table.prod { float: left; }

/*
#newheader {
    display: block;
    width:675px;
    position: absolute;
    background-color: green;
    }
    
    */
    
h3.dnd { margin: 15px 0 10px 0; }

/* ### */