/* These are for the products main page **/

	.thumbnails{ width: 230px; float: left; margin: 5px 5px 5px 10px; }
	.thumbnails img{ float: left; margin: 0 5px 5px 0; cursor: pointer; }
	.thumbbox{ clear: both; margin: 0 0 5px 0; }
	
	span.headings{ font-weight: bold; font-size: 18px; margin: 3px 0 0 0; padding: 0; color: #6e8878; float: left; width: 80px; }
	
	.thumb-desc{ width: 100px; }
	
	ul.thumb-feats{ margin: 0; padding: 0; width: 160px; float: left;}
	ul.thumb-feats li{ margin: 0 0 2px 0; padding: 0; list-style: none; }
	
	ul.features{ margin: 5px 0 0 5px; padding: 0; }
	ul.features li{ margin-left: 25px;}
	
	.detail-shot{ width: 280px; float: left; margin-left: 5px; }
	*html .detail-shot{ width: 270px; }
	
	.active{  display: block;}
	.inactive{ display: none;}
	
	.active p{ margin: 0 10px 5px 10px; padding:0; }
	.active ul{ margin: 0; }
	.active li{ margin: 0 0 3px 35px; }
	
	/******* Single product page *****/
	
	.thumbnails2{ width: 180px; float: left; margin: 10px 5px 5px 10px; }
	.thumbnails2 img{ float: left; margin: 0 5px 5px 0; cursor: pointer; }
	
	.detail-shot2{ width: 340px; float: left; margin-left: 5px; }
	*html .detail-shot2{ width: 330px; }
	
	span.sm-sub{ font-size: 10pt; font-weight: normal; }
	
	.doors{ width: 180px; float: left; margin: 0 10px; }
	.doors img{ float: left; margin-left: 30px; cursor: crosshair; }
	img.kmca{ float: left; margin-left: 5px; }
	.doorbox{ clear: both; margin-bottom: 5px; }
	.bigdoor img{ text-align: center; padding-right: 20px; }

/******** Constructions & Advantages pages **********/


/******** Box that holds together the text and the image on the Constructions page ***************/

	#cons{ padding: 5px; font-size: 10pt; width: 215px; margin: 0 auto;}
	#cons strong{ color: #B2AA7D; padding-bottom: 0; }
	#cons p{ color: #6e8878;}
	
	.con-img{ width: 200px; height: 280px; overflow: hidden; text-align: right; color: #6e8878; display: none; padding: 5px; background: #fff;}
	.con-img strong{ color: #b2aa7d; }

/******** Box that holds together the text and the image on the Advantages page ***************/
	#adv-holder{ padding: 5px; font-size: 11px; width: 215px;}
	#adv-holder strong{ color: #8d8459; padding-bottom: 0; background: #F9F5D4; }
	#adv-holder p{ color: #6e8878; font-size: 11px;}

/*************** advantages comparison table **********/

	table#compares{ margin: 10px; }
	table#compares tr td{ font-size: 11px; border-right: #999 1px solid; border-bottom: 1px solid #6e8878; color: #8d8459; padding: 4px; }
	table#compares td strong{ color: #59582b; }
	tr.noborder td, td.noborder, th.noborder{ border-right: none; }
	th.wborder{ border-right: #6e8878 1px solid; }
	#compares th{ text-align: left; font-size: 11px; border-bottom: 1px solid #6e8878; color: #59582b; font-weight: normal; }
	
	tr.active-row td{ background: #F9F5D4; color: #333; cursor: help; border-right: none; }
	th.active-box{ background: #F9F5D4; border-left: none; }

/******************* WHERE TO BUY **************/

	div#bigimage{ width: 310px; float: right; }
	div#wheretobuy{ float: left; width: 400px; }
	div.tagline2{ position: absolute; margin-top: 480px; margin-left: 350px;}
	img.fl-right{ float: right; margin: 0 0 0 0; display: block; }
	
	#where-cform{ width: 300px; float: left; }

	
/************** WARRANTY PAGE **********************/	
	
	div#warranty-seal{ float: left; margin: 0 10px 5px 0; } div#warranty-seal img{ display: inline; float: left; }
	#warranty{ width: 680px; color: #59582b; } #warranty p { color: #59582b; margin-bottom: 8px; }
	
/* The login group at the lower left of the square */

	#login{ padding: 0 0 12px 0; width: 158px; position: relative; margin: 20px 3px 0 0;}
	#login img{ padding: 0; margin: 0;}
	
	
	.clear{ clear: both; padding: 0; margin: 0;}
	
/* Support page's scrollable div */

	#faqdiv{ float: left; width: 350px; text-align: left; padding: 8px;  border: 1px solid #ddd; margin-bottom: 15px;}
	#faqdiv a{ text-decoration: none; cursor: pointer;} #faqdiv a:hover{ text-decoration: underline; }
	#faqdiv ul { margin: 0 0 0 5px; padding: 0 0 0 10px; }
	#faqdiv li{ margin: 0 0 8px 0; padding: 0; }
	
	div#answers{ clear: both; width: 340px; float: right; padding-right: 8px; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; }
	
	.close{ cursor: pointer; }
	
/**************** CHARACTERISTICS page ************/
	
	.thumb{ cursor: pointer; }
	
	#char-text{ height: 320px; }

/***************** Products main page *************/

	#prod-img{  float: right; margin: 0 0 10px 5px; width:350px; }
	#prod-img img{ text-align: center; margin: 0 auto; }
	
	table#prod-thumbs tr td{ padding-bottom: 20px; }
	table#prod-thumbs a{ color: #6e8878; font-size: 14px; text-decoration: underline; }
	table#prod-thumbs a:hover{ text-decoration: none; }
	table#prod-thumbs p{ margin: 0; padding: 0; }
	
	#prod-text{ width: 330px; }
	#prod-text strong{ font-size: 16px; }
	#prod-text ul{ margin: 0; padding: 0 0 0 25px; }
	
/********************** acessories page **************/
	table#acc-thumbs{ height:400px; margin-top: 15px; }
	table#acc-thumbs tr td{ padding: 3px; color: #59582b;  }
	table#acc-thumbs a{ color: #6e8878; font-size: 14px; text-decoration: underline; }
	table#acc-thumbs a:hover{ text-decoration: none; }
	table#acc-thumbs p{ margin: 0; padding: 0; }
	
	#acc-text{ width: 330px; margin-left: 10px; }
	#acc-text strong{ font-size: 16px; }
	#acc-text ul{ margin: 0; padding: 0 0 0 25px; }
	
/********************** storage v2 page **************/
	table#stor-thumbs{ width:300px; height: 400px; margin-top: 15px; float: left; }
	table#stor-thumbs tr td{ padding: 5px; color: #59582b;  }
	table#stor-thumbs a{ color: #6e8878; font-size: 14px; text-decoration: underline; }
	table#stor-thumbs a:hover{ text-decoration: none; }
	table#stor-thumbs p{ margin: 0; padding: 0; }
	
	#storage-pic{ float: right; width: 325px; margin-top: 18px; }
	
	#stor-text{ float: right; margin-top: 8px; margin-left: 10px; }
	#stor-text strong{ font-size: 16px; }
	#stor-text ul{ margin: 0; padding: 0 8px 0 25px; }
	
/************* single product page ***************/
	#door{  float: right; margin: 0 5px 10px 5px; width:320px; }
	#door .wide{  position: absolute; margin: 0 5px 10px 30px;}
	#door img{ text-align: center; margin: 0 auto; }
	
	span.small-txt{ font-weight: normal; font-size: 8.5pt; }
	
	.prod-name{ margin-left: 12px; }
	
	#bigshot{ float: right; }
	
/************ Moldings **************/

	table#moldings{ width: 300px; margin: 0 0 0 20px; }
	table#moldings p{ margin: 0 0 0 5px; padding: 0; }
	
	#mold-pics{ width: 395px; float: right; }
	#mold-pics img{ margin: 0px auto 10px auto; text-align: center; }
	
/***************** storage page **************/

	table#storage{ width: 650px; margin: 0 auto; }
	table#storage p{ margin: 0 0 0 5px; padding: 0; }
	
	td#tag-square img{ margin: 0 auto; text-align: center; }
	
/*********************** Glossary page *************/
	
	table#alphabets{ width: 300px; }
	table#alphabets td{ width: 20px; height: 20px; text-align: center; vertical-align: middle; }
	table#alphabets tr td, table#alphabets a{ color: #6e8878; font-size: 14px; font-weight: bold; vertical-align: middle; }

	div#glossary{ width: 220px; margin-left: 100px; margin-top: 20px; }
	div#glossary a{ font-weight: normal; color: #8d8459; text-decoration: underline; } div#glossary a:hover{ text-decoration: none; }
	
	.group{ border-bottom: thin dashed #b3ab7e; padding: 8px;  margin-top: 20px; background: #ffffff; }
	.group ul{ margin: 0 0 0 25px; padding: 0; }
	.group ul li ul{ margin: 0 0 15px 0; padding: 0; list-style: none; }
	
	.close{ margin-top: 10px; } .close img{ padding: 3px 3px 3px 8px; }
	
	div#word{ border: thin dashed #b3ab7e; border-left: none; border-right: none; padding: 10px; display: none; margin-top: 20px; background: #ffffff; }
	div#word li{ list-style: none; }
	p#closeWord{ margin-top: 8px;}
	
/*** SLIDE SHOW STYLES ***/

#rotator {
	MARGIN: 0;
	OVERFLOW: hidden;
	WIDTH: 374px;
	POSITION: relative;
	HEIGHT: 275px;
}  

#rotator IMG {  	
WIDTH: 374px; 
HEIGHT: 275px  
}

#rotator2 {
	MARGIN: 0;
	OVERFLOW: hidden;
	WIDTH: 395px;
	POSITION: relative;
	HEIGHT: 471px;
}  

#rotator2 IMG {  	
WIDTH: 395px; 
HEIGHT: 471px  
}
#rotator3 {
	MARGIN: 0;
	OVERFLOW: hidden;
	WIDTH: 190px;
	HEIGHT: 255px;
	POSITION: relative;
}  

#rotator3 IMG {  	
	WIDTH: 190px;
	HEIGHT: 255px; 
}