@charset "utf-8";

/* CSS Document */

html {overflow: -moz-scrollbars-vertical;overflow-y: scroll;overflow-x:auto;}

img{ border:none;}

ul{ margin:0px; padding:0px; list-style:none;}

h1{ margin:0px; padding:0px;}

a{ text-decoration:none;}

body{ margin:0px; padding:0px; background:url(../images/bg/bodybg.png) no-repeat top center #fff; font-family:Arial, Helvetica, sans-serif;}



.clear{ clear:both;}



.main{ width:960px; margin:0px auto;}



.top{ width:960px; height:120px; position:relative; margin-bottom:20px; z-index:95;}

.logo{ position:absolute; left:17px; top:22px;}

.topdanisma{ position:absolute; top:26px; right:146px;}

.sosyal{ position:absolute; bottom:22px; right:26px; z-index:97;}

.sosyal ul li{ float:left; margin-left:10px;}

.menu{ width:920px; height:37px; padding:0px 20px; background:url(../images/bg/menubg.png) no-repeat; position:absolute; left:0px; bottom:0px; z-index:96;}

.menu ul li{ display:block; height:37px; float:left; margin-right:10px; position:relative; z-index:98;}

.menu ul li a{ display:block; height:37px; overflow:hidden;}

.menu ul li:hover img{ margin-top:-37px;}

.menu ul li.selected img{ margin-top:-37px;}

.menu ul li.separator{ width:10px; height:37px; background:url(../images/icon/separator.png) no-repeat;}



.submenu{ display:none; position:absolute; left:-15px; top:36px; z-index:99; width:200px; height:auto; background:#7abbf3; border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; border:solid 1px #5faaeb; border-top:none;}

.menu ul li .submenuitem{ border-top:dotted 1px #5faaeb; font-size:11px; font-weight:bold;}

.menu ul li .submenuitem a{ display:block; height:auto; color:#055ea9; padding:10px 10px;}

.menu ul li .submenuitem a:hover{ color:#fff;}



.banner{ width:954px; height:400px; background:; padding:3px; margin-bottom:20px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}

div#feature_list {width: 954px;	height: 400px;position: relative;}

div#feature_list ul {position: absolute;list-style: none;padding: 0;margin: 0;}

ul#tabs {z-index: 1;padding:0px;margin:0px; bottom:20px; left:20px;}

ul#tabs li { display:block; cursor:pointer;width:24px;height:24px; background:url(../images/icon/bannerthumb.png) no-repeat left top; margin:0px 2px; float:left;}

ul#tabs li:hover { background:url(../images/icon/bannerthumb.png) no-repeat left bottom;}

ul#tabs li.current { background:url(../images/icon/bannerthumb.png) no-repeat left bottom;}

ul#output {	width: 954px;height: 400px; overflow:hidden;position: relative;	padding:0px;margin:0px; top:9px; left:3px;}

ul#output li {
	position: absolute;
	width: 954px;
	height: 409px;
	padding:0px;
	margin:0px;
	left: 0px;
	top: 2px;
}

ul#output li a img{ -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}



.maincontent{ width:960px; height:100%; overflow:hidden; background:url(../images/bg/maincontentbg.png) no-repeat bottom center; padding-bottom:30px;}



.mainkategori{ width:960px; height:100%; overflow:hidden; margin-bottom:30px;}

.mainkategoriitemleft{ width:460px; float:left; margin-right:40px;}

.mainkategoriitemright{ width:460px; float:left;}

.mainkategoriitemfoto{ width:200px; float:left; margin-right:20px;}

.mainkategoriitemicerik{ width:240px; float:left;}

.mainkategoriitembaslik{ color:#575757; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; background:url(../images/icon/border1.png) repeat-x left bottom; padding-bottom:11px; margin-bottom:10px;}

.mainkategoriitemyazi{ font-size:11px; color:#575757; background:url(../images/icon/border1.png) repeat-x left bottom; padding-bottom:11px; margin-bottom:10px;}

.mainkategoriitemyazi a{ color:#575757;}

.mainkategoriitemyazi a:hover{ text-decoration:underline;}



.mainkonsept{ width:960px; height:100%; overflow:hidden;}

.mainkonseptleft{ width:234px; float:left; margin-right:30px; padding-top:20px;}

.mainkonseptcenter{ width:288px; float:left; margin-right:30px;}

.mainkonseptright{ width:378px; float:left;}



.mainkatalogfoto{ margin-bottom:5px;}

.mainkatalogbaslik{ width:268px; height:30px; line-height:30px; padding:0px 10px; background:#cec1c1; font-size:16px; color:#575757; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin-bottom:10px;}

.mainkatalogyazi{ font-size:11px; color:#575757;}

.mainkatalogyazi a{ color:#575757;}

.mainkatalogyazi a:hover{ text-decoration:underline;}



.konseptkategoriicerik{ width:218px; float:left; margin-right:20px;}

.konseptkategoribaslik{ color:#575757; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; background:url(../images/icon/border1.png) repeat-x left bottom; padding-bottom:11px; margin-bottom:10px;}

.konseptkategoriyazi{ font-size:11px; color:#575757; background:url(../images/icon/border1.png) repeat-x left bottom; padding-bottom:11px; margin-bottom:10px;}

.konseptkategoriyazi a{ color:#575757;}

.konseptkategoriyazi a:hover{ text-decoration:underline;}

.konseptkategorifoto{ width:140px; float:left;}



.subnavigasyon{ width:960px; height:100%; overflow:hidden; margin-bottom:10px;}

.subnavigasyon ul li{ float:left; margin-right:5px; font-size:10px; color:#6d6e71;}

.subnavigasyon ul li a{ color:#6d6e71;}

.subnavigasyon ul li a:hover{ text-decoration:underline;}

.subnavigasyon ul li span{ color:#484848;}



.subbanner{ width:960px; height:190px; margin-bottom:10px;}



.subcontent{ width:960px; height:100%; overflow:hidden; margin-bottom:30px;}

.subcontentleft{ width:160px; float:left; margin-right:19px;}

.subcontentright{ width:760px; padding-left:20px; float:left; border-left:solid 1px #84c4fa;}



.leftmenuitem{ width:160px; height:24px; margin-bottom:5px; font-size:11px; font-weight:bold;}

.leftmenuitem a{ display:block; width:140px; height:24px; line-height:24px; padding:0px 10px; background:#d1dced; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#055ea9;}

.leftmenuitem a:hover{ background:#f0f0f0;}

.leftmenuitemaktif{ width:160px; height:24px; margin-bottom:5px; font-size:11px; font-weight:bold;}

.leftmenuitemaktif a{ display:block; width:140px; height:24px; line-height:24px; padding:0px 10px; background:#f0f0f0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#055ea9;}

.subleftmenu{ padding:0px 10px 5px 10px;}

.subleftmenuitem{ height:24px; font-size:11px; font-weight:bold;}

.subleftmenuitem a{ display:block; height:24px; line-height:24px; padding-left:10px;}

.subleftmenuitem a:hover{ text-decoration:underline;}

#antiage a{ color:#d6859c; background:url(../images/icon/circle1.png) no-repeat left center;}

#hydrocomfort a{ color:#41c0f0; background:url(../images/icon/circle2.png) no-repeat left center;}

#cleanskin a{ color:#96c21e; background:url(../images/icon/circle3.png) no-repeat left center;}



.subcontentbaslik{ width:730px; height:32px; line-height:32px; padding:0px 15px; background:#f0f0f0; color:#055ea9; font-size:16px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin-bottom:20px;}



.antiagecontentbaslik{ width:730px; height:32px; line-height:32px; padding:0px 15px; background:#f5b4c8; color:#004287; font-size:16px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin-bottom:20px;}

.hydrocomfortcontentbaslik{ width:730px; height:32px; line-height:32px; padding:0px 15px; background:#40c0f0; color:#fff; font-size:16px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin-bottom:20px;}

.cleanskincontentbaslik{ width:730px; height:32px; line-height:32px; padding:0px 15px; background:#96c11e; color:#fff; font-size:16px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin-bottom:20px;}



.kurumsalyazi{ font-size:12px; color:#636466; line-height:150%;}

.kurumsalyazi a{ color:#055ea9;}

.kurumsalyazi a:hover{ text-decoration:underline;}



.iletisim{ width:760px; height:100%; overflow:hidden; color:#636466; font-size:12px; line-height:150%; margin-bottom:30px;}

.iletisim a{ color:#636466;}

.iletisim a:hover{ text-decoration:underline;}

.iletisim span{ font-weight:bold;}

.iletisimleft{ width:350px; float:left; margin-right:60px;}

.iletisimright{ width:350px; float:left;}

.iletisimformbaslik{ width:760px; height:30px; border-bottom:solid 1px #a9cc61; margin-bottom:15px; position:relative;}

.iletisimformbasliktext{ height:30px; line-height:30px; padding:0px 20px; background:#a9cc61; position:absolute; left:0px; top:0px; border-top-right-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; border-top-left-radius:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; font-size:12px; font-weight:bold; color:#055ea9;}

.iletisimform{ width:760px; height:100%; overflow:hidden; color:#636466; font-size:12px;}

.iletisimtextbox{ width:170px; height:16px; line-height:16px; padding:2px 10px; background:#fff; border:solid 1px #a9cc61; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-family:Arial, Helvetica, sans-serif; color:#989898; font-size:11px;}

.iletisimtextarea{ width:280px; height:100px; padding:10px; background:#fff; border:solid 3px #84c4fa; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-family:Arial, Helvetica, sans-serif; color:#989898; font-size:11px; overflow:hidden;}



.urunler{ width:760px; height:100%; overflow:hidden;}



.mainurunitem{ width:200px; float:left; border-right:solid 1px #f0f0f0; padding-right:39px; margin-right:40px;}

.mainurunitemfoto{ margin-bottom:10px;}

.mainurunitembaslik{ width:200px; text-align:center; margin-bottom:10px; font-size:14px; color:#575757; font-weight:bold;}

.mainurunitembaslik a{ color:#575757;}

.mainurunitemyazi{ width:200px; text-align:center; font-size:12px; color:#636466;}

.mainurunitemyazi a{ color:#636466;}

.mainurunitemyazi a:hover{ text-decoration:underline;}



.urunitem{ width:760px; height:100%; overflow:hidden; background:url(../images/icon/border2.png) repeat-x left top; padding:32px 0px 30px 0px;}

.urunitem:first-child{ background:none; padding:0px 0px 30px 0px;}

.urunitembaslik{ width:760px; height:20px; position:relative; margin-bottom:15px;}

.urunitembasliktext{ height:20px; line-height:20px; padding:0px 15px; position:absolute; left:0px; top:0px; background:#41c0f0; color:#fff; font-size:12px; font-weight:bold; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.urunitemaciklama{ font-size:12px; color:#636466; margin-bottom:30px;}

.urunitemlist{ width:760px; height:100%; overflow:hidden;}

.urunitemlist ul li{ width:168px; height:210px; float:left; margin-right:29px; margin-bottom:29px;}

.urunitemlistfoto{ width:90px; height:120px; padding:24px 39px 34px 39px; background:url(../images/bg/urunbg.png) no-repeat;} 

.urunitemlistbaslik{ width:168px; text-align:center; font-size:11px; color:#636466; font-weight:bold;}



.antiageurunfoto{ width:90px; height:120px; padding:24px 39px 34px 39px; background:url(../images/bg/antiageurunbg.png) no-repeat;} 

.hydrocomforturunfoto{ width:90px; height:120px; padding:24px 39px 34px 39px; background:url(../images/bg/hydrocomforturunbg.png) no-repeat;} 

.cleanskinurunfoto{ width:90px; height:120px; padding:24px 39px 34px 39px; background:url(../images/bg/cleanskinurunbg.png) no-repeat;} 



.urundetay{ width:600px; height:380px; overflow:auto; font-size:11px;s padding:10px; color:#585858;}

.urundetaybaslik{ width:570px; height:30px; line-height:30px; padding:0px 15px; font-size:12px; font-weight:bold; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:10px;}

.antiagebaslik{ background:#f6b4c8; color:#004287;}

.hydrocomfortbaslik{ background:#40c0f0; color:#fff;}

.cleanskinbaslik{ background:#96c11e; color:#fff;}

.urundetayicerik{ width:600px;}

.urundetayfoto{ width:240px; height:320px; border:solid 1px #f0f0f0; float:left; margin-right:18px;}

.urundetayyazi{ width:340px; float:left; color:#636466; font-size:12px; line-height:150%;}



.footercontainer{ width:100%; height:130px; padding-top:30px; background:url(../images/bg/bottombg.png) no-repeat center bottom;}

.footer{ width:960px; height:80px; padding:30px 0px 20px 0px; margin:0px auto; background:url(../images/bg/footerbg.png) no-repeat top center; font-size:11px; color:#8b8a8a;}

.footer a{ color:#8b8a8a;}

.footer a:hover{ text-decoration:underline;}



.katalogcontent{ width:982px; margin:0px auto;}

.kataloglogo{ padding:30px 0px; text-align:center;}

.katalogicerik{ width:980px; height:500px; border:solid 1px #e2e2e2;}