html, body { margin: 0; padding: 0; }
body		
{
padding-bottom: 20px;
text-align: center;
background-color: #CCC;
background-image: url(images/background.gif);
font-family: helvetica, arial, sans-serif;
}
/*
#container {
text-align: left;
margin: 0 auto;
width: 740px;
background: #fff; 
border: 1px solid #000;
}
*/	
#container {
text-align: left;
margin: 0 auto;
width: 740px;
background: #fff; 
border: 1px solid #000;
}		
#header		
{
margin: 0px;
padding: 0px;
background-image: url(images/header-content.gif);
height: 186px;
}
#headestimate
{
	margin-bottom: 0px;
	background-image: url(images/header-estimate.gif);
	height: 105px;
	padding: 35px 0 0 220px;
	background-repeat: no-repeat;

}

#header-estimate h1 {
margin: 0;
padding: 0;
}


#headerhome
{
margin-bottom: 20px;
padding: 0px;
background-image: url(images/header-home.jpg);
height: 242px;
}

#sidebar {
border-right: 1px dashed #666;
padding: 0;
/*padding-left: 1em;*/
width: 180px;
margin-left: 10px;
margin-right: 0;
float: left;
background: #fff;
display: inline; /* floats are handled as block elements, this is to fix 
				   a margin collapsing bug in IE */
}

#content {
margin-left: 210px;
margin-right: 20px;
/*border: 1px dashed #9FC;*/
font-size: 0.9em;
line-height: 1.4em;
/*
border: 1px solid #CCF;
*/
padding: 0px; /*adjustment value for padding within content - back to 20*/
}

#login {
margin-left: 310px;
margin-right: 20px;
/*border: 1px dashed #9FC;*/
font-size: 0.9em;
line-height: 1.4em;
/*
border: 1px solid #CCF;
*/
padding: 0px; /*adjustment value for padding within content - back to 20*/
}

#contestimate {
margin-left: 40px;
padding-top: 0;
margin-top: 0;
}

table.extraform {
	border-collapse: collapse;
	width: 660px;
	font-size: 0.9em;
}

table.extraform tr.top td {
	border-top: 1px solid #0101B3;
	border-bottom: 1px solid #0101B3;
	background: #fff;
	font-weight: bold;
	line-height: 0.95em;
}

table.extraform tr.top2 td {
/*
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
*/
	background: #3C6E5D;
	font-weight: bold;
	line-height: 0.95em;
	color: #fff;
}

table.extraform tr.nb td {

	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;

	line-height: 0.95em;
}


table.extraform td {
	border-bottom: 1px solid #CCC;
	line-height: 0.95em;
	padding: 0.6em 0.5em;
}

table.extraform td.selected {
background: #E7F3FB;
}
	
table.extraform td+td {
/*	border-left: 1px solid #CCC;*/
	text-align: left;
}


#footer {
margin: 20px 0px 0 0px;
padding: 20px;
text-align: center;
clear: left;
font-size: 0.7em;
color: #fff;
background: #313678;
}
			
			
#footer a {
color: #fff;
text-decoration: underline;
}
#footer a:visited {
color: #fff;
text-decoration: underline;
}
#footer a:active {
color: #fff;
text-decoration: none;
}

#footer a:hover {
color: #fff;
text-decoration: none;
}

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

#footer ul li {
display: inline; 
white-space: nowrap;
padding-right: 0.5em;
}



ul.salestips {
width: 425px;
}

ul.salestips li {
padding-bottom: 1em;
}

			
ul#nav1 {
font-family: 'Arial Black', helvetica, arial, sans-serif;
font-size: 1em;
list-style-type: none;
padding: 0 0 30px 0;
margin: 0 0 0 1em;
color: #3C6E5D;
width: 150px;
/*background-color: #FF3;*/
position: relative;
/*float: left;*/
}	

#nav1 ul li {
padding-bottom: 0.5em;
line-height: 0.9em;
}


#nav1 a {
color: #3C6E5D;
text-decoration: none;

}
#nav1 a:visited {
color: #3C6E5D;
text-decoration: none;
}
#nav1 a:active {
color: #3C6E5D;
text-decoration: none;
}

#nav1 a:hover {
color: #3C6E5D;
text-decoration: underline;
}

ul#nav2, ul#nav3 {
font-family: helvetica, arial, sans-serif;
font-weight: bold;
font-size: 0.85em;
list-style-type: none;
margin: 0.5em 0 0 1em;
padding: 0;
color: #3C6E5D;
/*background-color: #69C;*/
width: 80px;
position: relative;
}
	
#nav2 ul li {
line-height: 0.95em;
}

#nav2 a {
color: #3C6E5D;
text-decoration: none;
padding-bottom: 0.5em;
}
#nav2 a:visited {
text-decoration: none;
}
#nav2 a:active {
text-decoration: none;
}

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



ul#nav3 {
font-family: helvetica, arial, sans-serif;
font-weight: bold;
font-size: 0.85em;
list-style-type: none;
margin: 0.5em 0 0 1em;
padding: 0;
color: #3C6E5D;
/*background-color: #69C;*/
width: 80px;
position: relative;
}
	
#nav3 ul li {
line-height: 0.95em;
}

#nav3 a {
color: #3C6E5D;
text-decoration: none;
padding-bottom: 0.5em;
}
#nav3 a:visited {
text-decoration: none;
}
#nav3 a:active {
text-decoration: none;
}

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



/*this was commented out, could be problematic cross-platform*/



/*
#nav2 ul li {
padding-bottom: 0.3em;
line-height: 0.95em;
}
*/


#frontsub {
font-family: helvetica, arial, sans-serif;
font-size: 0.8em;
list-style-type: none;
padding: 0.6em 0 0.4em 1.2em;
margin: 1em 0 30px 1em;
border: 1px dashed #ccc;
color: #3C6E5D;
width: 125px;
/*background-color: #FF3;*/
position: relative;
line-height: 1.5em;
}	



#frontsub a {
color: #3C6E5D;
text-decoration: none;
font-weight: bold;
/*
margin: 0em 0 0 1em;
padding-top: 1em;
*/
}

#frontsub a:visited {
color: #3C6E5D;
text-decoration: none;
}
#frontsub a:active {
color: #3C6E5D;
text-decoration: none;
}

#frontsub a:hover {
color: #3C6E5D;
text-decoration: underline;
}



#selected a {
color: #8879AB;
text-decoration: none;
}
#selected a:visited {
color: #8879AB;
text-decoration: none;
}
#selected a:active {
color: #8879AB;
text-decoration: none;
}

#selected a:hover {
color: #8879AB;
text-decoration: underline;
}
	
			
			
	h1{
	font-family: helvetica, arial, sans-serif;
font-size: 2.7em;
line-height: 1em;
letter-spacing: -0.01em;
font-weight: normal;
padding-top: 0;
margin-top: 10px;
color: #3C6E5D;
	}		

h2 {
font-family: helvetica, arial, sans-serif;
font-size: 1.2em;
font-weight: bold; 
padding: 0;
margin: 0;
} 

#OrderButton {
float: right;
padding: 0 40px 20px 300px;
margin-top: 0;
/*margin-left: 150px;*/
/*background: #FF6;*/
/*width: 500px;*/
height: 40px;
clear: right;
display: block;
}

#ProductSection {
width: 445px;
/*background: #3C6E5D;*/
padding: 0 0 7px 2em;
margin-left: -2em;
/*color: #fff;*/
}

/*
#ProductSection , h2 {
font-family: arial, sans-serif;
padding: 0;
margin: 0;
color: #fff;

}
*/

.ProDesc {
/*clear: both;*/
}

#SeasonalPic {
padding: 0;
margin-left: -19px;
}

.product {
width: 120px;
float: left;
margin: 0 5px 20px 0px;
font-size: 0.75em;
color: #313678;
line-height: 1.2em;
/*background: #9FC;*/
}

.productcb {
width: 120px;
float: left;
margin: 0 5px 20px 0px;
font-size: 0.75em;
color: #313678;
line-height: 1.2em;
clear: both;
/*background: #9FC;*/
}

/*
.product p {
width: 100px;
background: #FC0;
}
*/

.clearboth { clear: both; }

.combinations {
border-top: 2px dashed #666;
border-bottom: 2px dashed #666;
padding: 10px 20px 10px 10px;
margin-bottom: 40px;
text-align: left;
/*background: #F90;*/
color: #030;
}

.combinations .product {
width: 135px;
margin-right: 20px;
}

.CombOps {
width: 135px;
float: left;
padding-top: 30px;
}

.CombHead {
font-size: 1.6em;
font-weight: bold;
color: #666;
margin: 0;
}

.feature {
color: #666;
}




#customcallout {
width: 130px;
background: #5E64B4;
background-image: url(images/combine-bkgd1.gif);

/*border-bottom: 1px dashed #fff;*/
padding: 8px 14px 8px 14px;
font-size: 0.9em;
color: #fff;
margin-left: 6px;
}

#customcallout p {
border-top: 1px dashed #B8BBDE;
padding: 6px 0px 8px 0px;
font-size: 0.9em;
line-height: 1.3em;
color: #fff;
letter-spacing: -0.2px;
border-bottom: 1px dashed #B8BBDE;
}

#customcallout a {
color: #fff;
text-decoration: none;
font-weight: bold;
}
#customcallout a:visited {
text-decoration: none;
}
#customcallout a:active {
text-decoration: none;
}

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



#catalogue {
width: 130px;
background: #5E64B4;
background-image: url(images/catalogue-bkgd.gif);

/*border-bottom: 1px dashed #fff;*/
padding: 4px 14px 6px 14px;
margin-bottom: 4px;
font-size: 0.9em;
color: #fff;
margin-left: 6px;
}

#catalogue p {
border-top: 1px dashed #fff;
padding: 6px 0px 8px 0px;
font-size: 0.9em;
line-height: 1.3em;
color: #fff;
letter-spacing: -0.2px;
border-bottom: 1px dashed #fff;
}

#catalogue a {
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 1.4em;
}
#catalogue a:visited {
text-decoration: none;
}
#catalogue a:active {
text-decoration: none;
}

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




.dotted {
border: 1px dotted #333;
}

blockquote {

margin: 0px;
padding: 10px 50px 10px 25px;
color: #655894;
font-style: italic;
font-weight: bold;
quotes: "\201C" "\201D";
}