/*
Ekare Yazılım, Bilg ve Özel Eğitim Hizm. San. Tic. Ltd. Şti. - http://www.ekareyazilim.com.tr
Project    : www.mekaniksistem.com
Date       : 13.05.2008
Contact    : engin.ayar@ekareyazilim.com.tr
File Name  : somfy/style.css
*/

	
/*--------------------------------------------------HEAD--*/
#head-wrap #head-left {
	width:457px;
	height:170px;
	background:url(../_images/head_left.gif) no-repeat 0 0;
	float:left;
	}

#head-wrap #head-right {
	width:303px;
	height:170px;
	background:url(../_images/head_right.gif) no-repeat 0 0;
	float:right;
	}	

/**--------------------------------------------------CONTENT - SOMFY STYLES**/
#curtain-select {
	width:760px;
	height:145px;
	background:url(../_images/curtain_select_bg.gif) no-repeat 0 0;
	margin:0 0 10px 0;
	padding:0;
	clear:both;
	}
	
	#curtain-select ul {
		float:right;
		width:730px;
		height:123px;
		padding:8px 10px 0 0;
		margin-right:2px;
		}
	
		#curtain-select ul li {
			width:89px;
			height:123px;
			display:inline;
			float:left;
			text-align:center;
			cursor:pointer;
			}
			
			#curtain-select ul li:hover {
				background:url(../_images/curt_hover_bg.gif) no-repeat 0 0;
				}

			#curtain-select ul li a {
				font:9px arial;
				color:#a4a4a4;
				text-decoration:none;
				}
			
			#curtain-select ul li a:hover {
				color:#ff8000;
				}
			
			#curtain-select ul li a img {
				margin-bottom:5px;
				margin-top:10px;
				}

#curtain-select ul #comment {
	width:180px;
	height:123px;
	text-align:left;
	font:13px 'Arial';
	color:#888;
	padding-right:10px;
	padding-top:5px;
	}

#curtain-select ul #comment:hover {
	background:none;
	}

#somfy_baslik_box {	
	float:right;
	width:302px;
	height:94px;
	background:url(../_images/somfy_bs_bg.gif) no-repeat 0 0;
	margin-bottom:12px;
	}
	
	#somfy_baslik_box h1 {font:16px "Lucida Sans Unicode"; color:#fff; padding:5px 10px;}
	#somfy_baslik_box p {font:12px "Lucida Sans Unicode"; color:#fff; padding:5px 10px;}

	
/** SOMFY KONTROLS **/

#somfy_kontrols_baslik {
	width:430px;
	height:40px;
	font:17px "Trebuchet MS";
	color:#e8a516;
	background:url(../_images/somfy_sol_baslik.gif) no-repeat 0 0;
	clear:left;
	padding-left:15px;
	padding-top:10px;
	}

.somfy_kontrols, .somfy_kontrols_hover  {
	margin-bottom:10px;
	width:435px;
	cursor:pointer;
	float:left;
	}
	
.somfy_kontrols:hover, .somfy_kontrols_hover {
	margin-bottom:10px;
	width:435px;
	background:url(../_images/kontrols_bg.gif) no-repeat 0 0;
	cursor:pointer;
	}	
	
	.u_ulli {margin-left:15px;width:415px;height:160px;}
	
	.u_ulli li {
	float:left;
	}

	.u_ulli li img {margin-top:10px;}
	
	/**.u_ulli li img, .u_ulli li img {
	padding:10px 0 0 15px;
	}**/
	
	.u_ulli h1, .u_ulli_hover h1 {margin:16px 0 0 18px;font:bold 12px "Lucida Sans Unicode"; color:#656565;}
	.u_ulli p, .u_ulli_hover p {padding-bottom:8px;margin:9px 0 0 18px;font:11px "Lucida Sans Unicode"; color:#656565; }
	
	.somfy_detail_box {
		width:240px;
		height:115px;	
		display:none;
		float:left;
		margin-left:15px;
		padding-left:173px;
	 }
		

.a_ulli {
	margin-top:0px;
	float:left;
	padding-right:5px;
	list-style:none;
	display:inline;
	}

	.a_ulli li {
		background:url(../_images/rm_cont_bg.gif) no-repeat center 0;
		width:78px;
		height:99px;
		text-align:center;
		float:left;
		}	
	

	.a_ulli li img {
		margin:0 auto;
		margin-top:5px;
		}	
	
	.a_ulli p {
		width:80px;
		font:9px tahoma;
		color:#111;
		text-align:center;
		margin:0 auto;
		padding:0;
		display:none;
	}
	
#somfy_comment {width:100%;float:left;}
	
#somfy_comment h1 {
	font:20px "Lucida Sans Unicode";
	color:#111;
	padding:0 5px 4px 5px;

	}
	
#somfy_comment p {
	font:12px "Lucida Sans Unicode";
	color:#111;
	padding:0 5px 13px 5px;
	text-align:justify;

	}
		
.curtain_hover {
	background:url(/somfy/_images/curt_hover_bg.gif) no-repeat 0 0;
	}