﻿
body 
{
	background: #EFE4C8; 
	padding: 0px;
	margin: 0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	height:100%
}



#header
{
	background: #9EA900 url(images/HeaderBG2.jpg) no-repeat; 
	width: 719px;
	height: 157px;
}

.logodiv
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 333px;
	height: 98px;
	background:url(images/EcoChoiceLogo.jpg) no-repeat; 
}

.logodiv a
{	
	position: absolute;
	text-decoration:none; 
	top: 0px;
	left: 0px;	
	width: 333px;
	height: 98px;
}

.logodiv a span
{
	display: none;
}

.taglinediv
{
	position: absolute;
	top: 25px;
	left: 333px;
	width: 217px;
	height: 73px;
	background:url(images/EcoChoiceTagline.jpg) no-repeat; 
}

.taglinediv a
{	
	position: absolute;
	text-decoration:none; 
	top: 0px;
	left: 0px;	
	width: 217px;
	height: 73px;
}

.taglinediv a span
{
	display: none;
}

#storefinderdiv
{
	position: absolute;
	top: 28px;
	left: 567px;
	width: 161px;
	height: 25px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#storefinderdiv a
{
	text-decoration: none;
	color: #333;	
}

#storefinderdiv a:hover
{
	text-decoration: underline;
	color: #000;	
}

#searchdiv
{
	position: absolute;
	padding: 0px;
	margin: 0px;
	top: 0px;
	left: 561px;
	width: 151px;
	height: 25px;
	background: #FFF url("images/SearchBar.gif") no-repeat top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#searchtext
{
	float: left;
	padding-top: 5px;
	padding-left: 9px;
	font-size: 9px;
	color: #FFF;
}

#searchbox
{
	float: left;
	padding-top: 3px;
}

.searchtextbox
{
	margin-left: 8px;
	font-size: 9px;
	width: 50px;
	border-width: 0px;
}

.searchbutton
{
	padding-top: 4px;
	margin-left: 4px;
	_margin-left: 1px;
}

input 
{
    font-size: 11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.main
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

img 
{
    border: 0px;
}

.main a
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}

.plainlink
{
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #378BBC;
}

a.greenlink 
{
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #378BBC;
	text-decoration: underline;
}

a.greenlink:hover 
{	
	color: #9EA900;
}

.featureslist
{
    color: #378BBC;
    margin: 0px;
    margin-top: 5px;
    margin-left: 20px;
    padding: 0px;
}



.ErrorMessage
{
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #CC0000;
    font-weight: bold;
}


#tabcontainer
{
	position: absolute;
	top: 111px;
	left: 229px;
}

#tabcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

#tabcontainer ul li 
{
	float:left;
	display: inline; 
	padding: 0px;
	margin: 0px;
	padding-left: 2px;
	
}

#tabcontainer ul li a
{
padding: 0px;
margin: 0px;
}

.menucontainer
{
	
}

.menucontainer ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}	

.menucontainer ul li 
{
	display: inline;
	padding: 0px;
	margin: 0px;
}

.menucontainer ul li a
{
padding: 0px;
margin: 0px;
display: block;
}

.footerspace 
{
	background-color: #9EA900;
	height: 38px;
}


#sidemenu
{
	top: 156px;
	width: 184px;
}

html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#headerstub
{
	position: absolute;
	top: 111px;
	left: 0px;
	width: 718px;
	height: 5px;
	line-height: 0px;
	background: #9EA900;
}

#content
{
	position: absolute;
	top: 126px;
	width: 537px;
	background: #EFE4C8;
	left: 184px;
}

div[class] #content {
   height:auto;
   }
   
div[class] #contenthome {
   height:auto;
   }

#contenthome
{
	position: absolute;
	top: 150px;
	width: 537px;
	min-height: 1000px;
	height: 1000px;
	background: #EFE4C8;
	left: 184px;
}

h1.featured
{
	margin: 0px;
	margin-left: 8px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #333;
}

h1.pagetitle
{
	margin: 0px;
	padding: 0px;
	font-size: 17px;
	font-weight: bold;	
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #222;
}

h2.pagetitlesub
{	
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #378BBC;
}

h3.pagetitlesub
{	
	margin: 0px;
	margin-top: 15px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #378BBC;
}

h3.pagetitlesublist
{	
	line-height: 0px;
	margin: 0px;
	margin-top:0; 
	margin-bottom:0; 
	padding: 0px;
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #378BBC;
}

h3
{
	
	font-size: 12px;
	font-weight: bold;
	color: #378BBC;
}


div.productthumbnail
{
	width: 127px;
	margin: 3px;
	border: solid 4px #EBEBEB;
}

td.productthumbnailcolumn
{
	width: 127px;
	vertical-align: top;
}

div.productdesc
{
	width: 265px;
	padding-left: 5px;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
}

div.productdescdream
{
	width: 265px;
	padding-left: 10px;
	line-height: 20px;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
}

div.productdesclearn
{
	width: 465px;
	padding-left: 10px;
	line-height: 20px;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
}

td.productdesccolumn
{
	width: 295px;
	vertical-align: top;
	padding-bottom: 20px;
}

td.productdesccolumnhome
{
	width: 145px;
	vertical-align: top;
	padding-bottom: 10px;
}

#resultscolumndetails
{
	width: 105px;
	vertical-align: top;
}

#resultscolumndetails div.productdesc
{
	width: 255px;
	padding-left: 5px;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	margin-right: 10px;
}

#resultscolumndetails td.productdesccolumn
{
	width: 255px;
	vertical-align: top;
	padding-bottom: 20px;
}

#narrowcolumn
{
	vertical-align: top;
	width: 151px;		
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;		
}



#picturecolumn
{
	vertical-align: top;
	width: 201px;		
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
}

#picturecolumndetails
{
	padding-left: 10px;
	margin: 0px;
	padding-bottom: 0px;
}

#narrowresults
{
	padding-left: 10px;
	padding-top: 0px;
	margin: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
}

#leftcolumnfooter
{
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	height: 17px;
}

#narrowcolumn h4
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #333;	
}

#narrowcolumn h5
{
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	margin-bottom: 8px;
	margin-top: 8px;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #666;	
}

#narrowcolumn h5 a
{	
	margin: 0px;
	margin-left: 10px;
	padding: 2px;
	line-height: 10px;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #333;	
	background-color: #CCC;
	text-decoration: none;
}

#narrowcolumn ul
{
	display: inline;
	padding: 0px;
	margin: 0px;
	
	list-style-type: none;
	list-style-position: outside;
	color: #666666;	
}

#narrowcolumn ul li
{
	padding: 0px;
	margin: 0px;
	margin-left: 15px;
	padding-bottom: 3px;
	text-decoration: none;
}

#narrowcolumn ul li a
{
	text-decoration: underline;
	color: #666666;	
}


#resultscolumn
{
	width: 298px;
	vertical-align: top;
}

#resultscolumn p
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

td.homeleftcolumn
{
	vertical-align: top;
	padding-left: 15px;			
}

td.homerightcolumn
{
	vertical-align: top;
}

#productcolumn
{
	width: 300px;
	text-align: left;
}

div.productdesc h2 
{	
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #666666;
	text-decoration: none;
	margin: 0;
	padding-bottom: 10px;
}

div.productdesc h3
{	
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

div.productdesc h4 
{	
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

div.productdesc h2 a
{	
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #666666;
	text-decoration: none;
	margin: 0;
	padding-bottom: 10px;
}

div.productdesc h2.homeproducttitle
{	
	padding-top: 5px;
	padding-bottom: 0px;
}

div.productdesc h2.homeproducttitle a
{	
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #666666;
	text-decoration: none;	
	padding-bottom: 0px;
}

div.productdesc ul
{
	display: inline;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	list-style-position: outside;
	color: #666666;	
}

div.productdesc ul li
{
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

div.productdesc ul li a
{
	line-height: 30px;
	text-decoration: none;
	color: #FFF;
}

div.productdesc ul li p
{
    margin-top: 10px;
}

table
{
	padding: 0px;
	margin: 0px;
}

.contenttable
{
    border-collapse: collapse; 
    margin: 0px;
    padding: 0px;   
    border: 0px;
}

.columnmenu
{
    margin: 0px;
    padding: 0px;   
    vertical-align: top;
    width: 186px;
    background: #9EA900;
}

.columncontent
{
    margin: 0px;
    padding: 0px;   
    vertical-align: top;
    width: 536px;
    background: #EFE4C8;
}

.choosecategory td
{
    padding: 0px;
}

.choosecategory td p
{
    padding-right: 10px;
}

#contentcontainer
{
	padding: 10px;
	margin: 10px;
	margin-top: 12px;
	margin-right: 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFF;
	margin-bottom: 0px;

}

#contentcontainer p
{
	line-height: 20px;
}

#contentcontainerhome
{
	padding: 8px;	
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

#custommenu 
{
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

#custommenu ul li 
{
	float:none;
	display: inline;
	padding: 0px;
	margin: 0px;
}

#custommenu ul li a
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 12px;
	margin: 0px;
	display: block;
	text-decoration: none;
	color: #000;
}

#custommenu ul li a:hover
{
	color: #333;
}


#button {	
		display:block;
		float:left;
		color:#1C4F81;
		padding: 8px 5px 2px 0px;
		font-family:Arial, Verdana, Helvetica, sans-serif;
 		}

#button .gradbtn	{
    background: #AAA url("images/butn_bk_gray.gif") repeat-x;
    border: 1px #FFF solid;
	padding: 3px 5px 3px 5px;
	color: #FFF;
	text-decoration:none;
	font-weight: bold;
	font-size: 11px;
    margin:0px;
    }

#button a:hover.gradbtn	{
    background: #BBB url("images/butn_bk_gray_over.gif") repeat-x;
    
    }



.gradbtn
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
    background: #378BBC url("images/butn_bk_gray.gif") repeat-x;
    border: 1px #378BBC solid;
	padding: 3px 5px 3px 5px;
	color: #FFF;
	text-decoration:none;
	font-weight: bold;
	font-size: 11px;
    margin:0px;
}

.gradbtn:hover	
{	
    background: #378BBC url("images/butn_bk_gray_over.gif") repeat-x;    
}


.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;

text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 20px;
line-height: 20px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #378BBC;
text-decoration: none; 
color: #378BBC;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #378BBC;
color: #FFF;
background-color: #378BBC;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid #378BBC;
background-color: #378BBC;
color: #FFF;
}

.pagination li.disablepage, li.disablepage a {
color: #378BBC;
text-decoration: none; 
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}



#selectfloor
{	
	display: block;
	padding-top: 15px;
	padding-left: 30px;
	height: 400px;
}

#selectfloor ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

#selectfloor ul li 
{
	float:left;
	display: inline; 
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
	
}

#selectfloor ul li a
{
padding: 0px;
margin: 0px;
}

.basiccontent
{
	margin: 10px;
	color: #333;
}

#homefooter
{
    position: absolute;
    left: 0px;
    top: 730px;
}

#basefooterhome
{
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 300px;
    margin: 0px;
    text-align: center;
    width: 720px;
}

#basefooter
{
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 300px;
    margin: 0px;
    text-align: center;
}


#basemenu 
{
    text-align: center;
	padding: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #555;
	font-size: 11px;
	font-weight: bold;
	
}

.corporatelogos
{
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	padding-left: 4px;
	list-style-type: none;
}

.corporatelogos li 
{
    display: inline; 
	padding: 0px;
	margin: 0px;
	padding-right: 0px;
}

#basemenu ul  
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#basemenu ul li 
{
	display: inline; 
	padding: 0px;
	margin: 0px;
	padding-right: 20px;
}

#basemenu ul li a
{
	padding-top: 6px;
	margin: 0px;
	text-decoration: none;
	color: #555;
}

#basemenu ul li a:hover
{
	color: #000;
}

.mainpicdiv
{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 390px;
	height: 429px;	

}

#photodiv {
  background-repeat: no-repeat;
}

.rightpicdiv1
{
	position: absolute;
	top: 10px;
	left: 410px;
	width: 124px;
	height: 429px;
	background:url(images/ArborDaySideBar.jpg) no-repeat; 
}

.rightpicdiv1 a
{	
	position: absolute;
	text-decoration:none; 
	width: 124px;
	height: 429px;
}

.rightpicdiv1 a span
{
	display: none;
}

.homepagebottompics
{
	position: absolute;	
	top: 599px;
	left: 0px;
	width: 718px;
	height: 143px;
}

.bottompic1
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 233px;
	height: 143px;
	background:url(images/HomePicBottom1.jpg) no-repeat; 

}

.bottompic1 a
{	
	position: absolute;
	text-decoration:none; 
	width: 233px;
	height: 143px;
}

.bottompic1 a span
{
	display: none;
}

.bottompic2
{
	position: absolute;
	top: 0px;
	left: 243px;
	width: 233px;
	height: 143px;
	background:url(images/HomePicBottom2.jpg) no-repeat; 

}

.bottompic2 a
{	
	position: absolute;
	text-decoration:none; 
	width: 233px;
	height: 143px;
}

.bottompic2 a span
{
	display: none;
}

.bottompic3
{
	position: absolute;
	top: 0px;
	left: 485px;
	width: 233px;
	height: 143px;
	background:url(images/HomePicBottom3.jpg) no-repeat; 

}

.bottompic3 a
{	
	position: absolute;
	text-decoration:none; 
	width: 233px;
	height: 143px;
}

.bottompic3 a span
{
	display: none;
}

.rightpicdiv3
{
	position: absolute;
	top: 302px;
	left: 410px;
	width: 124px;
	height: 137px;
	background:url(images/HomeRightPic3.jpg) no-repeat; 

}

.rightpicdiv3 a
{	
	position: absolute;
	text-decoration:none; 
	top: 0px;
	left: 0px;	
	width: 124px;
	height: 137px;
}

.rightpicdiv3 a span
{
	display: none;
}

.recyclelist
{
	padding-top: 10px;	
}

.recyclelist li
{
	padding-bottom: 20px;
}

.recyclelist span
{
	font-size: 12px;
	font-weight: bold;
	color: #378BBC;
}

.picright
{
	float: right;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.picleft
{
	float: left;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}


.featurecontainer
{
	position: absolute;
	top: 576px;
	left: 24px;
	background:url(images/FeaturedProducts.gif) no-repeat; 
	background-position: 2px 0px;
	width: 758px;
	height: 315px;
}

.feature1
{
	margin-top: 22px;
	background:url(images/FeaturedTexture.jpg) no-repeat; 
	width: 228px;
	height: 215px;
	padding-right: 6px;
}
.feature2
{
	margin-top: 22px;
	background:url(images/FeaturedFrieze.jpg) no-repeat; 
	width: 228px;
	height: 215px;	
	padding-right: 5px;
}
.feature3
{
	margin-top: 22px;
	background:url(images/FeaturedPattern.jpg) no-repeat; 
	width: 228px;
	height: 215px;
}

.featurecontainer h1
{
	padding-top: 40px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}

.featurecontainer p
{
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 110px;
	padding-left: 5px;
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
}

.stylechooser
{
	width: 154px;
	padding-right: 10px;
	vertical-align: top;
}

.warrantytable
{
	padding: 0px;
	margin: 0px;
}

.warrantytable tr
{
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.warrantytable td
{
	padding: 5px;
	margin: 0px;
	height: 100px;
	border: solid 1px #333;
}

.warrantybasictd 
{
    width: 120px;
	background-color: #1A88C9; 
	color: #FFF; 
	font-weight: bold;
}

.warrantyplustd 
{
	background-color: #9EA900; 
	color: #FFF; 
	font-weight: bold;
}

.warrantypremiertd 
{
	background-color: #7D3C9F; 
	color: #FFF; 
	font-weight: bold;
}

h4
{
	color: #9EA900;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	line-height: 16px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.colorwalltable
{
	padding: 0px;
	margin: 0px;
}

.colorwalltable tr
{
	padding: 0px;
	margin: 0px;
}

.colorwalltable td
{
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	padding-right: 10px;
}

.colorwalltable p
{
	margin-top: 0px;
	margin-bottom: 2px;
	line-height: 5px;
}

.colorwalltable img
{
	border: solid 1px #999;
}

.colorwall
{
	padding: 0px;
	margin: 0px;
}

.colorwall tr
{
	padding: 0px;
	margin: 0px;
}

.colorwall td
{
	width: 35px;
	padding: 1px;
	margin: 0px;
	vertical-align: top;
}

.colorwall img
{
	border: solid 1px #999;
}

.simplechoices
{
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
	margin-left: 0px;
	padding-top: 20px;
	list-style-type: none;
}

.simplechoices li
{
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;	
	vertical-align: top;
}

.simplechoices li a
{
	padding: 0px;
	margin: 0px;
	color: #378BBC;
	font-weight: bold;
	text-decoration: underline;
}

.picleftsimplechoices
{
	float: left;
	padding-right: 10px;
	padding-top: 0px;
	margin-bottom: 0px;
}

.fineprint
{
	font-size: 9px;
}

.checkboxtable td
{
	padding: 3px;
	vertical-align: top;
}
