/* A CSS Framework by Mike Stenhouse of Content with Style */

/* TYPOGRAPHY */
	body {
		text-align: left;
		font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
		font-size: 75%;
		color: #333;
	}
	div {
	}
	
	
	img {
		border: 0;
		padding: 0;
		margin: 0;
	
	}
	
	img.a {
	   border: 0;
	}
	
	
/* LINKS */
	
	
	a.who,
	a.who:link,
	a.who:active {
		color: #C69C6D;
		background-color: transparent;
		text-decoration: none;
	}
	a.who:visited {
		color: #C69C6D;
		background-color: transparent;
	}
	a.who:hover {
        color: #663300;
		text-decoration: none;
	}
	
		a.prod,
	a.prod:link 
	a.prod:active {
		color: #669933;
		background-color: transparent;
		text-decoration: none;
	}
	a.prod:visited {
		color: #669933;
		background-color: transparent;
	}
	a.prod:hover {
        color: #666;
		text-decoration: none;
	}
	
		a.store,
	a.store:link 
	a.store:active {
		color: #663300;
		background-color: transparent;
		text-decoration: none;
		
	}
	a.store:visited {
		color: #663300;
		background-color: transparent;
	
	}
	a.store:hover {
        color: #FFFFFF;
		text-decoration: none;
		
	}
	
	
	
/* END LINKS */
	
/* HEADINGS */
	h1 {
		font-size: 2.2em;

		margin: 0 0 5px 0;
		padding: 0;
        color: #996633;
        
        font-style: normal;
        font-weight: normal;
	}
	
	h1.start {
	margin: 5px 0 0 15px;
	
	}
	
	
	h2 {
		font-size: 2em;

		margin: 0 0 5px 0;
		padding: 0;
        color: #669933;
        
        font-weight: normal;
	}
	
	
	
	h3 {
		font-size: 1.3em;

		margin: 5px 0 2px 0;
		padding:0;
        color: #996633;
        font-weight: normal;
	}
	
	
	h4 {
		font-size: 1.1em;

		margin: 0 0 0.25em 0;
		padding: 0;
        color: #669933;
        font-weight: normal;
	}
	
	h5 {
		font-size: 1.3em;
		margin: 0;
		padding: 5px 0 5px 0;
        color: #669933;
        font-weight: normal;
	}
	
	h6 {
		font-size: 1em;

		margin: 0 2px 2px 0;
		padding: 0;
        color: #996633;
        
        font-weight: normal;
	}
	
	table h6 {
	color: #99CCFF;
	margin: 0;
	padding: 8px 2px 8px 0;
	}
/* END HEADINGS */



/* TEXT */
	p {
		font-size: .95em;
		margin: 0 0 0 0;
		padding: 0;
		line-height:1.4em;
	}
	
	.def {
	   
	    font-size: .9em;
		width: 100%;
		
		padding: 0 0 5px 0;
		color: #669933;
		
	}
	
	.dimt {
	    float: left;
	    font-size: .8em;
		width: 100%;
		margin-top: -2px;
		padding: 0 0 5px 12px;
		color: #669933;
		
	}
	
	
	.info { color: #669933;
	
	}
	
	.order {
	
	padding: 10px 0 0 20px;

	
	}
	
	.about {
	
	padding: 0;
	margin: 0;
	
	}
	
	.about2 {
	
	padding: 10px 0 0 0;
	margin: 0;
	color: #669933;
	
	}
	
	.about3 {
	
	padding: 10px 0 0 0;
	margin: 0;
	color: #996633;
	
	}
	
	.dims
	{
	
	padding: 0 0 0 10px;
	margin: 0;
	color: #669933;
	
	}
	
	blockquote {
		border-left:10px solid #ddd;
		margin-left:10px;
	}

	strong, b {
		font-weight: bold;
	}
	
	em, i {
		font-style:italic;
	}

/* END TEXT */
	
/* LISTS */

	
.contactinfo
{
list-style: none;
margin: 0;
padding: 0;
color: #666;


}

li.mail
{
background-image: url(../pics/mail.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 2px 0 3px 16px;
margin: 2px 0;
}

li.phone
{
background-image: url(../pics/phone.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 2px 0 3px 16px;
margin: 2px 0;
}

li.home
{
background-image: url(../pics/home.gif);
background-repeat: no-repeat;
background-position: 0 10%;
padding: 2px 0 3px 16px;
margin: 2px 0;
}

li.blog
{
background-image: url(../pics/blog.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 2px 0 3px 16px;
margin: 2px 0;
}


.productinfo
{
list-style: none;
margin: 0;
padding: 0;

}


li.itemdescrip
{
padding: 0 0 12px 0;
margin: 2px 0 0 0;
background: url("../pics/border_gr150.gif") bottom no-repeat transparent;
}

li#no.itemdescrip
{
padding: 0;
margin: 2px 0 0 0;
background: none;
}

li#no.itemdescrip img
{
margin-bottom: 5px;
}

.itemdescrip p

{
margin-bottom: 5px;
}

li.itemfeatures
{
background: #E7EFDB;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px 10px 10px 10px;
margin: 10px 0 10px -10px;

}

html>body li.itemfeatures
{
margin: 10px 0 10px -10px;
}

.itemfeatures p

{
padding-left: 10px;
}

li.materials
{
padding: 0 0 0 0;
margin: 2px 0 0 0;
height: 110px;
background: url("../pics/border_gr150.gif") bottom no-repeat transparent;
}

li.materialsb
{
padding: 0 0 0 0;
margin: 2px 0 0 0;
height: 180px;
background: url("../pics/border_gr150.gif") bottom no-repeat transparent;
}

li.dimensions
{
padding: 0 0 0 0;
margin: 2px 0 0 0;
height: 126px;
background: url("../pics/border_gr150.gif") bottom no-repeat transparent;
}


li.contact
{
padding: 0 0 4px 0;
margin: 0;
background: url("../pics/border_gr150.gif") bottom no-repeat transparent;
}

html>body li.contact
{
padding: 0 0 2px 0;
margin: 1px 0 0 0;
background: url("../pics/border_gr150.gif") bottom no-repeat transparent;
}

li.dimens
{
padding: 0 0 8px 0;
margin: 0;
background: url("../pics/border_gr150.gif") bottom no-repeat transparent;
}


.space_ten
{
margin: 10px 0 0 0;
padding: 0;
}



/* END LISTS */
	
	
/* TABLE */
	table {
        font-size: 1em;
		margin: 0 0 0 0;
        padding: 0;
	}
	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
	}
	th {
		font-weight: bold;
		text-align: left;
	}
	td {
		font-size: 1em;
	}
	
	.qty {
	padding-bottom: 5px;
	
	}
	
/* END TABLE */	
	
	hr {
		display: none;
	}
	
	div.hr {
		height: 1px;
		margin: 1.5em 10px;
		border-bottom: 1px dotted black;
	}
	
	.addcart
	{
	    margin: 4px 2px 4px 0;
        padding: 0;
	}
	
	/* storeforms*/

.dropselect {
	
	padding: 0;
	margin: 2px 0 5px 0;
	width: 160px;
	height: 20px;
	}
	
		
	table h6 {
	color: #99CCFF;
	margin: 0;
	padding: 6px 6px 6px 0;
	}
	
	table h7 {
	font-size: 14px;
	color: #996633;
	margin: 0 0 0 0;
	padding: 6px 6px 6px 0;
	}
	
	.pricin {
	
	 font-size: .9em;
		margin: 2px 0 1px 0;
		padding: 0 0 5px 10px;
		
		
	color: #996633;
		text-align: left;
	}
			
	table h1 {
	font-size: 1.6em;
		margin: 10px 0 5px 0;
	padding: 0;

	}
	
	.onstore h1 {
	font-size: 1.6em;
	margin: 5px 0 5px 10px;
	padding: 0;

	}
	
	table h3 {
    color: #fff;
    padding: 0;
	margin: 0;
	}
	
	table h1 {
    color: #fff;
    padding: 0;
	margin: 0 0 0 0;
	}
	
	.storelink h3 {
	color: fff;

	}
	
	.sandh
	{
	color: #CCC;
	}
	
	.linesplit
	{
	padding: 20px 20px 0 0;
	margin: 0;
	}
	
	.lineunder
	{
	padding: 20px 0 0 0;
	margin: 0;
	}
	
	.prodstore {
		font-size: 1.1em;
		line-height: 1.1em;
	color: #fff;

	margin: 0;

	}
	
	.storeabout {
	background-color: #E7E1D0;
    padding: 0;
	margin: 0 0 20px 0;
	}
	
	.onstore {
	float: left;
	background-color: #CDB38B;
    padding: 0;
	margin: 0 0 20px 0;
	width: 550px;	
	}
	
   .storelink {
    float: left;
    padding: 10px;
	margin: 0;
   }
   
   .floatleft
   {
       float: left;
   }
   
   
   .floatleft h1
   { 
   color: #99CCFF;
   }
   
   .dimtext {
   padding: 10px 0 0 0;
   margin: 0;
   font-size: 10px;
   color: #996633;
   }
   
   .greenp {
   font-size: 12px;
   padding: 0 0 10px 0;
   }
   
   
  
#colorwrap {

height: 26px;

background-color:#fff;
margin: 0;
padding: 0;
}

.col_opt {

margin: 8px 0 0 0;
padding: 0;
}

#colorswatch li 
{
float: left;
display: inline;
list-style-type: none;
padding: 0 2px 0 2px;
margin: 0;
}

#colorswatch {
padding: 0;
margin: 0 0 0 0;

}

#desc {
 color: #fff;
 display: none;

}

a.colo {display:block; width:20px;height:20px;border: 1px solid #ccc; }       
           
a.colo:hover { border: 1px solid #666; }

a.pre_colo {display:block; width:162px;height:16px;border: 1px solid #ccc; }       
           
a.pre_colo:hover { border: 1px solid #666; }

#col_head { 
height: 30px;
width: 100%;
background-color:#eee;
padding: 5px 0 0 0;
margin: 0 0 20px 0;

}

.col_top {
float: right;

}

#green_blurb {
display: block;
height: 420px;
background-image: #fff url("../pics/leaf_back_leed.gif");
} 

#green_bullets {
float: left;
width: 390px;
padding: 10px 0 0 30px;

}   

.pop_custo {
background-color: #eee;
padding: 20px;
}  

.close {
text-align: left;
margin-top: 10px;
}  

#custo img {
display: block;

}

.pop_custo .name {
font-weight: bold;
color: #996633;
}  
