/*
	****************************
	** Stylesheet for
	** productdb products
	****************************
*/



#content .product { 
	
		width: 125px; 
		min-height:240px;
  		height:auto !important;
		height:240px;
		position: relative; 
		float: left; 
		margin: 0 25px 0 0;
		color: #58585a;
		}
	
	#content .product .pic { 
		width: 125px; 
		height: 164px; 
		/* border: 1px solid #000000;*/
		position: relative;
		margin: 0 0 5px 0;
		
		}
	
	
	#content .product .pic img { 
		display: block; 
		position: absolute; 
		bottom: 0; 
		border: none;
		/* width: 125px; */ 
		height: 164px; 
		}
	
	#content .product .text { font-size: 11px;  }
	
	#content .separator { 
		height: 30px; 
		border-top: 1px solid #c8c8c8; 
		margin-top: 10px; 
		width: 100%; 
		position: relative; 
		float: left; 
		}
		

/* Products, col one */
	
.col1 { float: left; width: 310px;}
/*		
 #content .col1 { width: 385px; position: relative; float: left; color: #58585a; }
*/

#content .col1_door { width: 380px; position: relative; float: left; color: #58585a; }

	#content .col1 a.logo_fi, #content .col1 a.logo_en, #content .col1 a.logo_sv { 
		width: 84px;
		height: 85px; 
		display: block;
		text-indent: -10000px;
		position: absolute;
		right: 0;
		top: -15px;
		}

		#content .col1 a.logo_fi { background: transparent url(/pics/products/72h.gif); }
		#content .col1 a.logo_en { background: transparent url(/pics/products/72h_en.gif); }
		#content .col1 a.logo_sv { background: transparent url(/pics/products/72h_sv.gif); }
	

	#content .col1_door h1  { margin: 0 0 25px 0; width: 273px; font-size: 18px; color: #002c5b; }
	#content .col1 h2 { margin: 0 0 25px 0; width: 273px; }
	#content .col1 h3 { color: #002c5a;  padding: 0; margin: 0;}
	#content .col1 table.productWindow td { padding: 0 0 15px 0; }
	#content .col1 table.productDoor td { padding: 0 0 1px 0; }
	#content .col1 table.productDoor td ul { margin: 5px 0 5px 35px; }
	
/* Products, col two */
/*
	#content .col2 { width: 330px;  position: relative; float: right; color: #58585a;}
*/
	.col2 { float: left; margin-left: 10px; width: 310px; }	
#content .col2 #images img { border: 1px solid #d2d2d2; display: block; float: left;}
		#content .col2 #images #smallImages {  position: relative; float: left; padding: 3px 4px 0 0;}
		
#content .col2 #attachments { 
		background: #efebef; 
		color: #FF6600; 
		position: relative; 
		float: left; 
		padding: 0 10px 0 0;
		margin: 5px 0 25px 0;
		}
		
		#content .col2 #attachments { width: 311px; }
		#content .col2 #attachments ul { margin: 15px 0 15px 0; padding: 0 10px 0 35px; color: #FF6600;  }
		#content .col1 #attachments ul { padding: 0 0 0 0; margin: 0 0 0 15px; }
		#content .col2 #attachments ul li, .col1 #attachments ul li { margin: 0 0 5px 0; color: #FF6600; }
	 	#content .col2 #attachments a:hover, .col1 #attachments a:hover { text-decoration: none; }
		
#content .col2_door a.logo_fi, #content .col2_door a.logo_en, #content .col2_door a.logo_sv { 
		width: 96px;
		height: 85px; 
		display: block;
		text-indent: -10000px;
		position: relative;
		float: right;
		margin-top: -20px;
		}

		
		#content .col2_door a.logo_fi { background: transparent url(/pics/products/72hDoor.gif) no-repeat; }
		#content .col2_door a.logo_en { background: transparent url(/pics/products/72hDoor_en.gif) no-repeat; }
		#content .col2_door a.logo_sv { background: transparent url(/pics/products/72h_sv.gif) no-repeat; }
		
#content .col2_door { width: 250px;  position: relative; float: left; color: #58585a; padding: 0; } 

#images { width: 360px; position: relative; float: left; padding: 0 0 20px 0; font-size: 14px; }
	#images #largeImage { width: 246px;  position: relative; float: left;  }
	#images #largeImage img { display: block; border: 1px solid #d2d2d2; }
	#images #smallImages {  width: 96px; position: relative; float: right; }
	#images #smallImages img { display: block; border: 1px solid #d2d2d2; margin: 0 0 0 0; }
	
#info {  background: #efebef; position: relative; float: left; width: 100%; width: 347px; padding: 0 0 20px 13px;  }

#colorInfo {  /* background: #efebef; */ position: relative; float: left;  width: 300px; padding: 0 0 0 0;  }
	
	/* #lasituslista img, 
	#teak img, 
	#glass img, 
	#specialGlass img,
	#solidWood img { border: 1px solid #d2d2d2; } */
		
	#lasituslista table td, 
	#teak table td, 
	#glass table td, 
	#specialGlass table td,
	#solidWood table td { vertical-align: top; padding: 10px 9px 0 0; }
		
	#lasituslista table tr.text td, 
	#teak table tr.text td, 
	#glass table tr.text td, 
	#specialGlass table tr.text td,
	#solidWood table tr.text td { padding: 0 0 5px 0; color: #000000; font-size: 11px;	 }
	


#doorsAndWideners { 
	background: transparent url(/pics/products/doorsAndWidenersMdl.gif) repeat-y; 
	position: relative; 
	float: left;  
	width: 250px; 
	margin: 0 0 20px 0;
	}
	
	#doorsAndWideners img { display: block; }
	#doorsAndWideners h3,#doorsAndWideners h1 { margin-left: 10px; }
	#doorsAndWideners table.productDoor { width: 181px; }
	#doorsAndWideners table.productDoor, #doorsInformation table.productDoor { margin: 0 10px 0 10px; }

#doorsInformation { 
	background: transparent url(/pics/products/doorsInformationMdl.gif) repeat-y; 
	position: relative; 
	float: left;  
	width: 250px;
	margin: 0 0 20px 0;  
	}
	
	#doorsInformation img { display: block; }
	#doorsInformation table.productDoor td img { display: inline; }


#priceAndInfo { position: relative; float: left; width: 250px;  color: #4c4c4c; margin: 0 0 20px 0;     }

	#doorPrice { font-size: 22px; }
	

/* Navi */
#subNavi h2.selected { text-decoration: underline; }
#subNavi a#rootProductGroup { text-decoration: none; color: #666666; }
	/*#subNavi a#rootProductGroup:hover { text-decoration: underline; color: #666666; }*/

#pdbNavi a:hover { text-decoration: none; }

	#pdbNavi a.selected { text-decoration: underline; }

/* Search */

#subNavi input {
		width:150px;
		height:22px;
		color:#9b9a96;
		padding-top:2px;
		padding-left:2px;
		background:transparent url(/pics/searchBox.gif) no-repeat;
		border:none;	
		vertical-align: middle;
		}
		
	#subNavi input.submitButton {
		cursor: pointer;
		width:20px;
		height:20px;
		background:transparent url(/pics/submitButton.gif) no-repeat;
		border:none;
		text-indent:-99999px;
		vertical-align: middle;
		}

