

input.input-text, select, textarea { border:1px solid #b6b6b6; font:12px arial, helvetica, sans-serif; }
option, optgroup { font:12px arial, helvetica, sans-serif; }
optgroup { font-weight:bold; }
textarea { overflow:auto; }
input.input-text, textarea { padding:2px; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }

.no-display { display:none; }


/* Structure */
.wrapper { min-width:980px; }

.header { }
.header-top { width:980px; margin:0 auto; position:relative; z-index:100;  }
.header-nav { width:976px; margin:0 auto; background:#E31E27; }
.designvalues { clear: both; width:980px; margin:0 auto; position:relative; padding-left: 14px;   }
.middle { clear: both; width:980px; min-height:400px; margin:0 auto; text-align:left;  padding-top: 2px;  }
.home { clear: both; width:980px; margin:0 auto;   text-align:left;  padding-top: 2px;    }
.home-col-main { float:right; width: 691px; padding: 0px; padding-left: 9px;   }
.side-col { width:273px; float:left; padding: 0px; padding-left: 7px;  }
.col-main { float:right; width: 691px; padding: 0px; padding-left: 9px;  }

.contentpageinner
{
	width: 666px;
	min-height: 750px;
	padding-top: 10px;
	padding-left: 10px;
}

.formtable
{
	margin: 10px;
}

.formtable td
{
	padding: 4px;
}

h1
{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #333;	
}

h2
{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

.resultscolumn
{
	padding: 0px;
	margin: 0;	
	width: 475px;
	float: left;
	border-right: solid 1px #DDD;
	min-height: 600px;
}

.resultscolumnDV
{

	width: 650px;
	float: left;
	border-right: 0px;
	min-height: 600px;
}

.thumbnails
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.narrowcolumn
{
	float: left;
	width: 175px;
	padding-left: 10px;
	padding-top: 60px;
}

.narrowtitle
{
	width: 100%;	
	margin-bottom: 5px;
}

.narrowtitle h4
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

.narrowcolumn h5
{
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	margin-bottom: 8px;
	margin-top: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #666;	
	
}

.narrowdivider
{
	border-top: solid 1px #DDD;
	height: 5px;
	width: 100%;
	margin-top: 5px;
}

.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
{
	font-size: 12px;
	text-decoration: underline;
	color: #666666;	
}

.productdiv
{
	float: left;
	width: 156px;
	margin-bottom: 10px;
	padding: 0px;
}

.productdivDV
{
	width: 162px;
	margin-bottom: 5px;
	padding: 0px;
}

.productthumbnail
{
	width: 127px;
	padding: 7px;
	background: url("images/thumbnailcontainer.gif") no-repeat top;
}

.productdivbig
{
	float: left;
	width: 324px;
	margin-bottom: 5px;
	padding: 0px;
}

.productthumbnailbig
{
	width: 294px;
	padding: 5px;
	border: solid 1px #D1D1D1; 
	background: #EAEAEA;
}

.productthumbnailbig img
{
	width: 294px;	
	height: 294px;
}

.lgthumbnailbox
{
	margin: 0px;
	margin-top: 15px;	
	float: left;
	width: 320px;
	height: 360px;
}

.lgthumbnailboxinstall
{
	height: 330px;
}

.lgthumbnailboxright
{
	margin-left: 8px;
}


.lgthumbnail
{
	width: 320px;	
	background: url("images/thumbnailcontainerLg.gif") no-repeat top;
	padding-bottom: 4px;
}

.lgthumbnail img
{
	margin: 5px;
}

.lgthumbnailcaption
{
	width: 320px;	
	margin-top: 5px;
}

.productname
{
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 0px;
	font-size: 11px;
	width: 127px;
	height: 16px;
	overflow: hidden;
}

.productdesc
{
	float: left;
	width: 350px;
	padding-left: 5px;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
}

.productdesc h2
{
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	margin: 0;
	padding-bottom: 10px;	
}

#resultscolumndetails
{
	float: left;
	width: 380px;
	vertical-align: top;
	padding: 10px;
	padding-left: 0px;
}

#picturecolumn
{
	float: left;
	vertical-align: top;
	width: 210px;		
	font-size: 12px;
	font-weight: normal;
	margin-right: 10px;
}

.pagination
{
	clear: both;
	padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;

text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.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 #465870;
text-decoration: none; 
color: #516682;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #465870;
color: #000;
background-color: #DDD;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #CCC;
color: #FFF;
}

.pagination li.disablepage, li.disablepage a {
color: #929292;
text-decoration: none; 
background-color: #FFF;
}

.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;
}

.brandfooter
{
	clear: both;
	margin-top: 10px;
}


div.button {	
		display:block;
		color:#1C4F81;
		padding: 8px 5px 2px 0px;
		font-family:Arial, Verdana, Helvetica, sans-serif;
 		}

div.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;
    }

div.button a:hover.gradbtn	{
    background: #BBB url("images/butn_bk_gray_over.gif") repeat-x;
    
    }


div.buttonblue {	
		display:block;
		color:#FFF;
		margin: 5px 5px 5px 0px;
		font-family:Arial, Verdana, Helvetica, sans-serif;
 		}

div.buttonblue .gradbtn	{
    background: #135794 url("images/ButtonBGBlue.jpg") repeat-x;
    border: 1px #135794 solid;
	padding: 8px 10px 8px 10px;
	color: #FFF;
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
    margin:0px;
    width: 240px;
    display: block;
    }

div.buttonblue a:hover.gradbtn	{
    background: #135794 url("images/ButtonBGBlueOver.jpg") repeat-x;
    
    }   
    
    
    div.buttongray {	
		float: left;
		color:#FFF;
		margin: 5px 5px 5px 0px;
		font-family:Arial, Verdana, Helvetica, sans-serif;
 		}

div.buttongray .gradbtn	
{
	position: relative;
    background: #A6A6A4;
    border: 0px #135794 solid;
	padding: 2px 5px 2px 5px;
	color: #FFF;
	text-decoration:none;
	font-weight: bold;
	font-size: 11px;
    margin:0px;
    top: -5px;
    
    }

div.buttongray a:hover.gradbtn	{
    background: #969696;
    
    }   
    
.clearboth
{
	clear: both;
}
    

/* Style */
.header {  }
.header-top-container { height:25px; }
.header-top { padding: 0px; margin-top: 10px; }
.header-nav-container { height:40px; padding-bottom: 3px; clear: both; }
.footer-container { clear: both; width:980px; margin:0 auto; position:relative; z-index:100; padding: 2 0 0 15px;  }
.middle-container { clear: both; }
.home-container {  clear: both;   }
.middle {  width:980px; margin:0 auto; position:relative; z-index:100;  }
.footer { color:#FFF;  }

.content 
{
	padding: 10px;
	width: 676px; 
	min-height: 600px;
}

.logo
{
	height: 95px;
	padding: 0px;
	margin: -4 0 0 -6px;
	padding-bottom: 2px;
	
}

#search
{
	float: right;
	font-size: .95em;
	color:#000;
	padding: 3 15 6 15px;
}

#search span
{
	float: left;
}

#search input
{
	float: left;
	font-size: 11px;
	width: 100px;
	height: 16px;
	margin-left: 10px;
	margin-top: 0px;
	background: #FFF;
	border: solid 1px #CCC;
}

#search img
{
	float: right;
	margin-right: 0px;
	margin-left: 5px;
}

.storefinder
{
	background: url(images/findStore.jpg);
	width: 234px;
	height: 142px;
	padding-left: 20px;
	padding-top: 35px;
}

#storefinderzip
{
	clear: both;
	font-size: .95em;
	color:#000;	
	margin: 40 0 6 14px;	
}

#storefinderzip span
{
	float: left;
	font-weight: bold;
}

#storefinderzip input
{
	float: left;
	font-size: 11px;
	width: 70px;
	height: 16px;
	margin-left: 120px;
	margin-top: 0px;
	background: #FFF;
	border: solid 1px #C9CBCE;
}

#storefinderzip img
{
	float: right;
	margin-right: 15px;
	padding-top: 0px;
}


.leftblock
{
	width: 255px;
	margin-top: 8px;
	border-bottom: 1px solid #DDD;
}

.leftblocklast
{
	border-bottom: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.leftblock img
{
	float: left;
	padding: 0px;
	margin: 0px;
	margin-right: 8px;
	margin-bottom: 5px;
}

.leftblock h2
{
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #E31E27;
	margin: 0px;
}

.leftblock  p
{	
	float: left;
	width: 180px;
	font-size:.9em; 
	line-height:1.4em;
	color: #000;
	padding: 0px;
	margin: 0px;	
}

.leftblock a
{
	text-decoration: none;
}

.leftblock a:hover 
{
	color: #000;
}

.clearfloat
{
	clear: both;
}


.brandblock
{
	width: 676px;
	height: 136px;
	padding: 0px;
}

.brandblockgallery
{
	left: -10px;
}




p.brandblock {
	width: 676px; 
	height: 150px;
	position: relative;
	padding: 0px;
	margin: 0px;
	}
	p.brandblock a  {		
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
	p.brandblock img  {		
		margin-left: 10px;
		margin-top: 10px;
		display: none;
	}


	
p.brandcolortile a {
	background: url(images/blockColorTile.jpg);
}

p.showroombottom a
{
	background: url(images/EasyToShopShowroom_Bottom.jpg) left top no-repeat;
}

p.brandultratouch a {
	background: url(images/blockUltraTouch.jpg);
}

p.brandstainmaster a {
	background: url(images/blockStainMaster.jpg);
}

p.brandecochoice a {
	background: url(images/blockEcoChoice.jpg);
}

p.brandecochoiceHW a {
	background: url(images/blockEcoChoiceHW.jpg);
}

p.brandeliteperformance a {
	background: url(images/blockElitePerformance.jpg);
}

p.brandamericanclassics a {
	background: url(images/blockAmericanClassics.jpg);
}

p.brandamericanclassicsHW a {
	background: url(images/blockAmericanClassicsHW.jpg);
}

p.brandfirstimpressions a {
	background: url(images/blockFirstImpressions.jpg);
}

p.brandartisticimpressions a {
	background: url(images/blockArtisticImpressions.jpg);
}

.divider 
{
	clear: both;
	float:left;
	height: 8px;
	width: 10px;
}

.div-shadow {
  clear: both;
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right;
  margin: 0 8 8 0px;  
}
 
.div-shadow .innerimage {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #C2C2C2;
  margin: -6px 6px 6px -6px;
  padding: 8px;
}

.designvalues .div-shadow .innerimage {
	padding-right: 10px;
}


.p-shadow2 {
  width: 90%;
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right;
  margin: 10px 0 0 10px;
  }

.p-shadow2 div {
  background: none;
  padding: 0;
  }

.p-shadow2 p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px;
  }
  
.informational p
 {
	color:#FFF;
	font-size: 1.1em;
	font-weight: bold;
 }
 
#footerbrands
 {
	margin:0;      
    list-style:none;
	width: 890px;
	margin-left: 40px;
 }
 
 #footerbrands ul
 {
	margin:0;      
    list-style:none;
	width: 890px;
 }

#footerbrands li
 {
	float:left;
      margin:0;
	  border-right: 1px solid #000;
 }

#footerbrands a 
{
      display:block;
      padding: 0px;
      text-decoration:none;
      color:#FFF;
	  height: 18px;
	  padding-right: 6px;
	  padding-left: 6px;
}

#footerbrands .footerlastli
{
      border-right: 0px solid #000;
}  
	  
.legality
{
	clear: both;
	color: #000;
	padding-top: 20px;
	padding-bottom: 70px;
}

.legality a
{	
	color: #000;
	text-decoration: none;
}

.basiccontent
{
	padding-top: 10px;
}

.basiccontent p
{
	margin-bottom: 10px;
}

.basiccontent ul
{
	margin: 20px;
	margin-left: 40px;
}

.basiccontent li
{
	padding-top: 5px;
	list-style-type: disc;
}




#comments h3, #trackbacks h3 {
	  background: none;
	  border: none;
	  color: #336;
	  font-family: Verdana;
	  font-size: 11px;
	  font-weight: bold;
	  margin: 0;
}

#comments p, #trackbacks p {
	  font-family: Verdana;
	  font-size: 11px;
	  font-weight: bold;
	  color: #666;
	  margin: 4px 0 10px 0;
}

#comments .comment, #trackbacks .trackback {
	  background: #DADADA url(images/comment_grad.gif) repeat-x;
	  margin: 0;
	  padding: 10px;
	  border: 1px #7F7F7F solid;
	  border-bottom: none;
	  font-weight: normal;
	  font-family: Verdana;
	  font-size: 11px;
	  width: 620px;
}



#comments .comment p, #trackbacks .trackback p {
	margin: 0 0 4px 0;
	padding: 0;
	color: #000;
	font-weight: normal;
}

#comments .comment-footer {
	  background: url(images/comment_footer2.gif) no-repeat;
	  margin: -15px 0 20px 0;
}

#comments .comment-footer p {
	  font-family: Verdana;
	  font-size: 11px;
	  font-weight: normal;
	  color: #000;
	  margin: 15px 0 0 43px;
	  padding: 10px 0 0 5px;
}

#comments input {
	  margin: 0 0 5px 0;
	  background: #FFF;
}

#comments .checkbox input {
	margin-bottom: 0px;
	margin-right: 2px;
	margin-left: 4px;
}


.featuredretailer h2
{
	color: #E31E27;
	font-weight: bold;
}

.featuredretailerinfo
{
	margin-top: 15px;
	margin-bottom: 15px;
}

.featuredretailer img
{
	float: right; 
	border: solid 1px #CCC; 
	margin-bottom: 15px;
	margin-left: 15px;
}

.brandheader
{
	font-size: 14px; 
	color: #818181;
	font-weight: bold; 
	border-bottom: solid 1px #818181; 
	padding-top:20px; 
	padding-bottom: 10px; 
	margin-bottom: 10px;	
}


.aboutus
{
	position: relative;
	background: url(images/AboutUs_Differences.jpg) top left no-repeat;
	height: 883px;
	width: 676px;
	left: -10px;
	margin-top: 10px;
}

.contentbox
{	
	height: 166px;
	float: right;
	width: 353px;
	padding-top: 55px;
	padding-right: 10px;
	
}

.contentbox p
{
	line-height: 130%;
}

.ecomain
{
	position: relative;
	background: url(images/EcoChoice_Interim-Main.jpg) top left no-repeat;
	height: 883px;
	width: 676px;
	left: -10px;
	top: -10px;
	margin-top: 0px;	
}

.americanmain
{
	position: relative;
	background: url(images/American_Classics_Interim.jpg) top left no-repeat;
	height: 402px;
	width: 676px;
	left: -10px;
	top: -10px;
	margin-top: 0px;
	
}

.contentboxleft
{
	height: 150px;
	float: left;
	width: 453px;
	padding-top: 55px;
	padding-left: 10px;
}

.contentboxleft p
{
	line-height: 130%;
	
}

.contentboxleft ul
{
	margin-left: 20px;	
	margin-top: 4px;
	margin-bottom: 4px;
}

.contentboxleft li
{
	list-style-type: disc;
}

.contentboxleft a
{
	color: #3AC;
}


