@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:110px; position:relative; margin-bottom:20px; z-index:95;}
.logo{ position:absolute; left:0px; top:20px;}
.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:#dbd5d5; 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:0px; left:0px;}
ul#output li {position: absolute;width: 954px;height: 400px; padding:0px;margin:0px;}
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;}