@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');
* { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; outline:0; }
body { padding:0; margin:0; font-family: 'Open Sans', sans-serif; font-size:13px; background:#FFF; color:#666; }
/*body.anasayfa{ background:#FFF; }*/
button{font-family: 'Open Sans', sans-serif; }
h1,h2,h3,h4,h5,strong,b{font-weight:600;}
a,a:hover{color:#000;}
.crow{ float:left; width:100%; min-height:1px; position:relative; margin-bottom:10px; }
.cp1, .cp2, .cp3, .cp4, .cp5, .cp6, .cp7, .cp8, .cp9, .cp10, .cp11 { float:left; min-height:1px; position:relative; }
.cp12 { width:100% }
.cp11 { width:91.66666667% }
.cp10 { width:83.33333333% }
.cp9 { width:75% }
.cp8 { width:66.66666667% }
.cp7 { width:58.33333333% }
.cp6 { width:50% }
.cp5 { width:41.66666667% !important; }
.cp4 { width:33.33333333% }
.cp3 { width:25% }
.cp2 { width:16.66666667% !important; }
.cp1 { width:8.33333333% }
.center { width:1100px; margin:auto; display:block; position:relative; }
.p10{ padding:10px; }
.pr10 { padding-right:10px; }
.pl10 { padding-left:10px; }
.mt10{ margin-top:10px; }
.mt20{ margin-top:20px; }
.fr { float:right !important; }
.mr0 { margin-right:0 !important; }
.br0 { border:0 !important; }
.tr { text-align: right !important; }
.tc { text-align:center !important; }
.clear { clear:both; }

.alert { float:left; width:100%; background:#fff; color:#333; padding:10px; margin-bottom:10px; border-radius:8px; font-size:14px; }
.alert.error { border:1px solid maroon; background:pink; }
.alert.success { color: #468847; background-color: #dff0d8; border:1px solid #d6e9c6; }
.alert.info { color:#c09853; background:#fcf8e3; border:1px solid #fbeed5; }
.alert.text { background:#3a87ad; color:#fff; }
.alert p { float:left; margin:5px 0 5px 0; padding:0; font-size:13px; }
.alert a { color:inherit; font-weight:bold; }
.alert.small { width:auto; border-radius:3px; padding:3px 8px 3px 8px; }

ul.alert{ margin:0; padding:20px; text-align:left; }
ul.alert li{ list-style:inside; }

label.key{ font:700 13px / 1.3 Arial,Helvetica,"Helvetica Neue",sans-serif; float:left; width:100%; margin-bottom:5px; font-size:13px; font-weight:600; color:#7B7B7B; }
.styleinput{ float: left; width: 100%; height:40px; line-height:38px\9; padding: 0 14px 0 14px; background:#fff; border:3px solid #ccc; color:#7B7B7B; font:700 13px / 1.3 Arial,Helvetica,"Helvetica Neue",sans-serif; border-radius:5px; }
.styleinput:focus,.styleinput:hover{ color:#111; background:#FFFFF0; border-color:#ccc; }

textarea.styleinput { resize:none; padding:10px; min-height:60px; }
select.styleinput option { padding:3px; }
button, input[type=submit], input[type=radio], input[type=checkbox] { cursor:pointer; }
input[type=file] { border:1px solid #EEE; padding:5px; font-size:13px; cursor:pointer; }
select[multiple=multiple].styleinput { height:150px; padding:5px; }

span.yada{ float:left; width:100%; position:relative; text-align:center; margin:0 0 10px 0; }
span.yada:before{content:''; position:absolute; left:0; top:12px; width:100%;height:1px; background:#E3E3E3; }
span.yada > i{position:relative; z-index:1; padding:0 20px 0 20px; background:#FFF; color:#333; font-size:15px; font-weight:600; }
.link{font-size:12px;color:#06c;text-decoration:none; display:inline-block;}
.link:hover{ text-decoration:underline; }
label.radio{cursor:pointer;}
*[readonly=readonly] { background:#f9f9f9; color:#666; }
input.styleinput.error, textarea.styleinput.error, select.styleinput.error { border:2px solid #9F0000 !important; background:#FFF4F4 !important; }
label.error { display:none !important; }
.bilgi{float:left; width:100%; text-align:center; font-size:14px; font-weight:400; color:#999; margin-bottom:10px; }
.cptable{float:left; width:100%; border:1px solid #ddd; border-bottom:0; border-left:0; }
.cptable thead > tr{ background: #F5F5F5; background: -moz-linear-gradient(top, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#dddddd', GradientType=0 ); /* IE6-9 */ }
.cptable td {border-left:1px solid #ddd; border-bottom:1px solid #ddd; }

/*btn*/
.btn { font-weight:normal; text-decoration:none; display:inline-block; color:#666; font-size:14px; padding:9px 20px; border-radius:4px; text-align:center; font-family: 'Open Sans', sans-serif; cursor:pointer; background:#eee; border:1px solid #ddd; }
.btn:hover { color:#000; background:#dfdfdf; border:1px solid #bbb; }
.btn.full{ float:left; width:100%; }
.btn.disabled { cursor:default }
.btn.small { line-height:normal; padding:4px 12px 4px 12px; font-size:13px; }
.btn.yesil { color:#fff; background:#83C41A; border:1px solid #75AD1A;}
.btn.yesil:hover { background:#8ACE0D; border:1px solid #7BB118; }
.btn.yesil.disabled { background:#e0f7dc; border:1px solid #c7eebf; color:#c6eac0 }
.btn.beyaz { background:#fff; color:#505050; border:1px solid #cdcdcd }
.btn.beyaz:hover { background:#fdfdfd; color:#505050; border:1px solid #b8b8b8 }
.btn.kirmizi { color:#fff; background: #CC2738; border: 1px solid #92031C }
.btn.kirmizi:hover { background:#92031C; }
.btn.siyah { color:#fff; background:#666; border:1px solid #232323 }
.btn.siyah:hover { background:#888; border:1px solid #050505 }
.btn.facebook { color:#fff; background:#354c8c; border:1px solid #3B599F; }
.btn.facebook:hover { background:#3b5998; border:1px solid #0F3B9C; }
/*btn*/


/*popup*/
.sw_popup_bg { background:#000; opacity:0.8; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10; }
.sw_popup_loading{ width:113px; height:113px; position: fixed;left:-20000px;top:-20000px;bottom:-20000px;right:-20000px; z-index:11; margin: auto; color: #FFF; text-align: center; }
.sw_popup_loading > i{ font-size:70px; }
.sw_popup_loading:before{ content:'Lütfen Bekleyiniz'; width: 140px;text-align: center;z-index:11; display: block; position: relative; left: -13.5px; top: -10px; font-size: 13px; }
.sw_popup_content { display:none; background:#fff; z-index:12; border:0; box-shadow:0 0 100px #000;}
.sw_popup_content > .append { overflow-y:auto; height:100%; }
.sw_popup_content iframe { width:100%; height:100%; display:block; }
.sw_popup_content .popup_kapat_button { position:absolute; top:0; right:-30px; text-align:center; width:30px; height:30px; background:#900; color:#fff; cursor:pointer; }
.sw_popup_content .popup_kapat_button i{ line-height:30px; font-size:17px; }
.sw_popup_content .popup_kapat_button:hover { background-color:#fff; color:#000; }
.popup_title { float:left; width:100%; height:62px; padding-top:15px; background: #F5F5F5; background: -moz-linear-gradient(top, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#dddddd', GradientType=0 ); /* IE6-9 */
font-size:23px; text-align:center; border-bottom:1px solid #dddddd; position:relative; }
.popup_title:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; }
.popup_body { float:left; width:100%; padding:20px; }
.sw_popup_content .sw_popup_txt { float:left; font-weight:bold; font-size:13px; width:100%; padding:20px; border-bottom:1px solid #ddd; color:#333; text-align:center; }
.sw_popup_content .sw_popup_buttons { float:left; width:100%; margin:10px 0 10px 0; text-align:center; }
.sw_popup_content .sw_popup_buttons .btn { margin:0 3px 0 3px; }
.sw_popup_content.sw_confirm{  border:7px solid #ddd; }
.sw_popup_content.sw_alert{  border:7px solid #fff; }
.sw_popup_content.sw_confirm .popup_kapat_button,.sw_popup_content.sw_alert .popup_kapat_button{ top:-7px; right:-37px; }
.sw_popup_content div.alert { margin:0; border-radius:0; text-align:center; }
/*popup*/

/*paging*/
.pager { float:left; width:100%; margin:10px 0 10px 0; text-align:center; }
.pager a { height:35px; padding:9px 14px 0 14px; margin:0; display:inline-block;  border:1px solid #dddddd; border-left:0; font-size:12px; color:#333; text-decoration:none; }
.pager a > i{ font-weight:bold; padding-top:1px; }
.pager a:first-child{border-left:1px solid #dddddd;}
.pager a.active, .pager a:hover{ color:#FFF; }
/*paging*/

.cptitle{float:left; width:100%; font-size:18px; color:#333; padding-bottom:10px; border-bottom:1px solid #dddddd; text-align:center; margin:0 0 10px 0; }
.formbilgi{float:left; width:100%; margin:10px 0 10px 0; font-size:14px; color:#777; text-align:center; }

.social a{ float:left; text-align:center; margin-left:7px; color:#666; text-decoration:none; font-size:18px; }
.social a.fb:hover{ color:#3A589B; }
.social a.tw:hover{ color:#55ACEE; }
.social a.ins:hover{ color:#cd486b; }
.social a.gp:hover{ color:#c4302b; }
.social a.pn:hover{ color:#CC2127; }


header{ float:left; width:100%; padding-bottom:4px; position:relative; z-index:2; background:url(../design/header_bottom_border.jpg) repeat-x left bottom; }
header:before{left:0;bottom:49px;right:0;position:absolute;height:1px;background:#ddd;content:'';}
header:after{left:0;bottom:2px;right:0;position:absolute;height:4px;background:url(../design/header_line.jpg) no-repeat center top; content:'';}

header .top{ float:left; width:100%; height:30px; }
header .top .slogan{ float:left; line-height:30px; color:#666; font-size:15px; font-weight:500; text-decoration:none; }
header .top .slogan:hover{ text-decoration:underline; }
header .top .social,header .top .destek{ float:right; line-height:30px; padding-left:20px; color:#666; font-size:14px; }
header .top .social span{ float:left; margin-right:5px; font-style:italic; }
header .top .social a{ line-height:30px; }
header .top .destek span{ font-style:italic; }
header .top .destek strong{ font-weight:600; margin-left:10px; }
header .top .destek:before{ content:''; float:left; width:1px; height:11px; background:#ddd; margin:10px 20px 0 0; }

header .form{ position:absolute; left:335px; top:28px; width:431px; height:41px; }
header .form form{ float:left; width:100%; height:100%; border:1px solid #DADADA; }
header .form form input{ float:left; width:100%; height:100%; padding:0 45px 0 10px; background:transparent; border:none; color:#f169f1;font-size:12px; color:#59595A; }
header .form form button{position:absolute; width:37px; height:37px; line-height:37px;font-size: 18px; text-align:center; top:1px; right:1px; background:transparent; border:0; color:#FFF; }

.search_content { position:absolute; padding-top:1px; top:100%; left:0; z-index:5; width:100%; background-color: #fff; border:1px solid #ddd; border-top:0; }
.search_content .search_results { float:left; width:100%; padding:0; margin: 0; }
.search_content .search_results li { float:left; width:100%; list-style:none; }
.search_content .search_results li.title{ padding:10px; font-weight:400; color:#666; font-size:13px; border-bottom:1px solid #e3e3e3; }
.search_content .search_results li.result a { float:left; width:100%; padding:5px 10px; text-decoration:none; color:#333; }
.search_content .search_results li.result.selected a { background:#f9f9f9; color:#000; }

header .hesabim{ position:absolute; left:830px; top:40px; }
header div.hesabim a,header div.hesabim small{ float:left; font-size:13px; font-weight:600; color:#666; text-decoration:none; position:relative;}
header div.hesabim small{ margin:0 10px 0 10px; }
header div.hesabim a:hover{ color:#000; background:#FFF; text-shadow:none; }

header ul.hesabim{ z-index:5; padding:0; margin:0; left: 880px; top: 35px; }
header ul.hesabim li{ float:left; width:100%; height:100%; list-style:none; position:relative;  }
header ul.hesabim > li > a{ float:left; width:100%; padding:0 20px 0 20px; border-right:1px solid #ddd; line-height:30px; color:#666; font-size:13px; font-weight:600; text-decoration:none; position:relative; }
header ul.hesabim > li > a i{float:left; margin:1px 10px 0 0; font-size:15px; }
header ul.hesabim > li:hover > a{ background:#FFF; }
header ul.hesabim > li li:last-child > a{ border:0; }
header ul.hesabim li:hover > ul{ display:block; }

header ul.hesabim ul{ position: absolute; right:0; top:100%; display: none; width:180px; padding:10px; background:#fff; border:1px solid #e3e3e3; border-top:0; } 
header ul.hesabim ul a{ float:left; width:100%; padding:5px 10px 5px 10px; border-bottom:1px dotted #e3e3e3; color:#666; text-decoration:none; font-family:Arial; font-size:12px; }
header ul.hesabim ul a:hover{ background:#f1f1f1; color:#000; }

.header_menu{width:auto;height:auto;position:absolute;right:0;top:30px;}
.header_menu > ul {padding:0;margin:0;list-style:none;width:auto;height:auto;float:left;display:block;}
.header_menu > ul > li{width:auto;height:auto;float:left;display:block;}
.header_menu > ul > li > a {width:auto;height:auto;float:left; padding:4px 10px;text-decoration:none;color:#222;font-weight:600;}
.header_menu > ul > li > a span{width:auto;height:auto;float:left;display:block;}
.header_menu > ul > li > a > i{font-size:20px; margin-left:5px;}
.header_menu > ul > li:last-child{border-left:1px solid #e7e7e7;padding-left:10px;margin-left:10px;}

#sepetim { position:absolute; right:0; top:30px; width:100px; height:40px; padding:0; z-index:6;  }
#sepetim > a{width:100%;height:auto;float:left;padding:0 35px 0 0;background:url(../design/sepetim_bg.png) no-repeat right top; font-weight:600;text-decoration:none;}
#sepetim > a > strong,#sepetim > a > span{width:100%;height:auto;float:left;display:block;color:#666;font-size:13px;}
#sepetim > a > span#adet{ font-size:12px;font-weight:400; position:relative;width:auto;clear:left;}
#sepetim span#adet:after{content:'Çiçek var';position:absolute;right:-55px;} 
#sepetim > div{ display:none; position:absolute; top:100%; right:0; width:300px; margin:0; padding:0; background:#fff; border:1px solid #e3e3e3; border-top:0; }
#sepetim ul{ float:left; width:100%; max-height:385px; overflow:auto; margin:0; padding:0 0 5px 0; }
#sepetim ul li{float:left; width:100%; list-style:none; margin-top:5px; padding-top:10px; border-top: 1px solid #e3e3e3; }
#sepetim ul li:first-child{ border-top:0; padding-top:0; }
#sepetim ul li a{ text-decoration:none; color:#666; }
#sepetim ul li img{ display:inline-block; border:1px solid #ddd; }
#sepetim ul li a strong{ font-size:13px; font-weight:400; color:#06c; }
#sepetim ul li a:hover strong{ text-decoration:underline; color:#333;  }
#sepetim ul li a .price{ float:left; width:100%; font-size:15px; color:#999; margin-top:4px;}
#sepetim.active{ z-index:9999999; }
#sepetim.active div,#sepetim.hasproduct:hover div{ display:block; }

header .middle .center {position:relative;}

header .middle{ float:left; width:100%; height:97px; }
header .middle .telefon{ float:left; height:30px; margin:33px 0 0 0; padding-top:6px; color:#01010A; font-size:19px; position:relative;  }
header .middle .telefon:before{width:100%;height:auto;position:absolute;left:0;right:0;font-size:12px;content:'Bilgi & Sipariş Hattı';text-align:right;top:-10px;}
header .middle .telefon i{ font-size:20px; margin-right:5px; }

header .logo{ display:block;width:133px; height:97px; float:left; margin:0;}

.nav_content{float:left; width:100%; height:45px; margin-top:0;}
.nav_content .categories{float:left; width:100%;position:relative;z-index:4; }
.nav_content .categories > div{ float:left; width:auto; height:35px; cursor:pointer;text-align:center; position:relative; margin-right:20px; }
.nav_content .categories > div > span{ width:auto; font-size:16px; font-weight:500; color:#FFF; padding:6.5px 12px 6.5px 27px;width: auto;height: auto;float: left;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.79); }
.nav_content .categories > div > span:after {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: transparent;border-left-color: #FF7300;border-width: 17.5px;margin-top: -17.5px;}
.nav_content .categories > div > span:before {left:0;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: transparent;border-left-color: #FF7300;border-width: 17.5px;margin-top: -17.5px;}

.nav_content .categories > .nav{ float:left; display:none; width:auto; margin:0; padding:0; position:relative; }
.nav_content .categories > .nav > li {float:left;width:auto;list-style:none; position:relative; /*margin-right:10px;*/ margin-right:4px; }
.nav_content .categories > .nav > li  > a{float:left; width:100%; padding:13px 11px;text-decoration:none; color:#4D4D4D;font-size:14px;/*text-transform:uppercase;*/font-weight:600; }
.nav_content .categories > .nav > li  > a i{float:right; line-height:40px; font-size:8px; }
.nav_content .categories > .nav > li > div{ display:none; position:absolute; left:0; top:100%; width:250px; background:#fff; border:2px solid #e3e3e3; border-top:0;}
.nav_content .categories > .nav > li:hover > a{ color:#fff; }
.nav_content .categories > .nav > li:hover > div{ display:block; }
.nav_content .categories > .nav > li > div > ul{ float:left; width:100%; margin:0; padding:0; }
.nav_content .categories > .nav > li > div > ul li{float:left;width:100%;list-style:none;}
.nav_content .categories > .nav > li > div > ul li a{float:left; width:100%; font-size:14px; padding:12px; border-bottom:1px solid #ddd; text-decoration:none; color:#202020;}
.nav_content .categories > .nav > li > div > ul li a:hover{ text-decoration:underline; color:#333; }
.nav_content .categories:hover > .nav,.nav_content .categories.show > .nav{ display:block; }

.nav_content .general{float:left; width:620px; margin:0; padding:0; text-align:center; }
.nav_content .general li{ list-style:none; display:inline-block; margin:0; }
.nav_content .general li a{ float:left; padding:12px 5px 10px 5px; text-decoration:none; color:#1F1F1F; font-size:14px; height:100%; border-bottom:2px solid transparent; }
.nav_content .general li a:hover{ border-color:#333; }
.nav_content .general li:after{ content:''; float:left; margin:14px 20px 0 20px; width:1px; height:14px; background:#CCC; }
.nav_content .general li:last-child:after{ display:none; }

.homeslider.swiper-container{float:left;width:500px;height:545px;position:relative;z-index:1;background:#D4C9B7; margin-top:10px; }
.homeslider.swiper-container .swiper-pagination-bullet-active{ background:#E93F48; }
.bottomslider.swiper-container{float:left;width:100%;height:150px;position:relative; margin-top:30px; }
.swiper-slide {width:100%;height:100%;position:relative;}
.swiper-slide img{ position:absolute; left:-5000px; right:-5000px; top:-5000px; bottom:-5000px; margin:auto; }

.index_smenu{ float:right; width:600px; margin-top:10px; }
.index_smenu a{ float:left; width:290px; height:175px; background:#EDF6E9; margin:0 0 10px 10px; position:relative; padding:20px 0 0 20px; }
.index_smenu a small{ width:115px; line-height:30px; text-align:center; position:absolute; left:0; bottom:25px; background:rgba(0,0,0,.1); color:rgba(0,0,0,.6); font-weight:bold; }
.index_smenu a:hover small{ background:#E93F48; color:#FFF; }
.index_smenu a strong,.index_smenu a span{ float:left; width:100%; color:#242424; font-size:15px; line-height:25px; }
.index_smenu a strong{ font-size:18px; font-weight:700 }
.index_smenu a img{ position:absolute; right:10px; top:0; bottom:0; margin:auto; max-height:170px; }

footer{ position:relative; float:left; width:100%; margin-top:30px; }
footer .footertop{width:100%;float:left;display:block;position:relative; margin-bottom:30px; }
footer .footertop small{ position:absolute; left:0; top:26.5px; width:100%; height:77px;  }
footer .footertop i{ position:relative; float:left; width:100%; height:136px; background:url(../design/footer_top.png) no-repeat center center; }

footer .fmenu{ float:left; width:900px; margin:0; padding:0; }
footer .fmenu > li{ float:left; width:25%; padding-left:20px; list-style:none; }
footer .fmenu > li > span{ float:left; width:100%; height:auto;font-size:18px; font-weight:700; color:#666;}
footer .fmenu > li ul,footer .fmenu > li li{ float:left; width:100%; margin:0; padding:0; list-style:none; }
footer .fmenu > li li a{ float:left; width:100%; margin-bottom:5px; font-size:15px; text-decoration:none; color:#666; }
footer .fmenu > li li a:hover{ text-decoration:underline; }
footer .fmenu > li > ul{ padding-top:15px; }

.product-info .social{ margin:15px 0 0 0; }
.product-info .social span{ float:left; margin-right:15px; line-height:25px; font-size:13px; font-weight:600; color:#484848; }
.product-info .social span i{ margin-right:5px; }

.vitrin_text{width:100%;height:auto;float:left;display:block;padding:20px;margin-top:25px;background:#FAFAFA;font-size:14px;text-align:center;}


footer .fright{float:right; width:200px;}
footer .fright .telefon{ float:left; width:100%; font-size:15px; color:#666; line-height:20px; }
footer .fright .telefon small{ float:left; margin-right:10px; }
footer .fright .telefon span{ float:left; font-weight:bold; font-style:italic; }

footer .bank{ float:left; width:100%; height:54px; line-height:54px; margin:30px 0 10px 0; background:url(../design/footer_bank.jpg) no-repeat center center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
footer .bank .sadeceweb{ float:right; margin:12px 0 0 0; width:31px; height:26px; background:url(../design/sadeceweb.png) no-repeat; text-decoration:none; }
footer .bank .sadeceweb:hover{ background-position:100% 0;}
footer small.gotop{ display:none; position: fixed;  right: 10px;  bottom: 10px;  width: 50px;  height: 50px;  background: #333;  color: #fff;  text-align: center;  font-size: 30px;  padding-top: 10px;  cursor: pointer;}
footer small.gotop:hover{ background:#000; }

.index_title{ float:left; width:100%; margin:40px 0 15px 0; position:relative; text-align:center; color:#2c2c2c; font-weight:700; font-size:40px;font-family: 'Open Sans Condensed', sans-serif; }
.index_text{width:100%;height:auto;float:left;display:block;clear:left;text-align:center;font-size:16px;color:#5A5456;padding:0 120px; margin-bottom:20px;}

.vitrin_menu{ float:left; width:100%; height:auto; margin:25px 0 30px 0; }
.vitrin_menu a.column{ float:left; width:33.3%; height:275px; text-align:center; color:#000000; position:relative; overflow:hidden;padding:2px;border:5px solid #FFF; }
.vitrin_menu a.column.alt{width:50%;height:325px;}
.vitrin_menu a.column img{ max-height:100%;position:absolute;left:-2000px;right:-2000px;top:-2000px;bottom:-2000px;margin:auto;border:0; }

ul.products{float:left;width:100%;padding:0;margin:0;}
ul.products li{ position:relative; float:left; width:25%; height:415px; padding:5px; /*margin:10px 10px 0 0; */ list-style:none;}
ul.products li span.pactions{position:absolute; top:10px; right:10px;z-index: 1;}
ul.products li span.pactions small{width:auto;height:auto;float:right;display:block;margin-left:5px;background:#FF8605;color:#FFF;font-style:normal;font-weight:700;padding:3px 5px;font-size:14px;}
ul.products li span.pactions small.yeni{background:#D60000;}
ul.products li > div{float: left;display: block;width: 100%;height: 100%;border: 1px solid #ddd;background:#FFF;padding:10px;position:relative;}
ul.products li div .image{ float:left; width:100%; height:273px; position:relative; overflow:hidden; }
ul.products li div .image img{ position:absolute;left:-2000px;right:-2000px;top:-2000px;bottom:-2000px;margin:auto;border:0; }
ul.products li div .pname{ float:left; width:100%; color:#383838; font-size:14px; text-align:center; margin:7px 0 10px 0; text-decoration:none; min-height:38px;}
ul.products li div .pname{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

ul.products li div .prices{width:50%; padding:10px 0 0 10px; font-weight:400; height:auto;float:left;display:block; min-height:57px;}
ul.products li div .prices span,ul.products li div .prices strike {width:100%;height:auto;float:left;display:block;clear:left;font-size:13px;color:#383838;min-height:15px;}
ul.products li div .prices span{ font-size:15px; color:#000; }

ul.products li div .godetail{ height:48px;position:absolute;right:1px;bottom:1px;padding:0 15px;line-height:48px;font-family: 'Open Sans Condensed', sans-serif; font-weight:600; color:#666;text-decoration:none;font-size:15px;}
ul.products li div .godetail:before {width:0px;height:0px;border-style:solid;border-width:48px 20px 0 0;content:'';position:absolute;left:-20px;top:0;}
ul.products li.mr0{margin-right:0px; }



ul.products li div:hover strong,
ul.products li div.indirimli span{ color:#000; }


ul.products.category{padding:5px;}
ul.products.category li{width:33.3%;border-top:0;border-left:0;margin:0;}
ul.products.category li.mr0{border-right:0;}


#bread-crumbs { float:left; width:100%; font-weight:300; font-size:13px; margin:10px 0 10px 0; padding-left:3px; }
#bread-crumbs ul{ float:left; margin:0; padding:0; list-style:none; }
#bread-crumbs li{ float:left; }
#bread-crumbs a,#bread-crumbs span{ float:left; color:#646464; font-weight:600; text-decoration:none; line-height:30px; padding:0 10px 0 10px;  }
#bread-crumbs li:before{float:left; content:'»'; line-height:30px; }
#bread-crumbs li:first-child:before{content:''; }
#bread-crumbs li:first-child a{padding-left:0;}
#bread-crumbs a:hover{ color:#000; }
body.sistem #bread-crumbs{ display:none; }

.products_list,.category_text{ float:right; width:79%; border:1px solid #e6e6e6; /*background:#fff;*/ position:relative; }
.products_list .products_list_title{float:left; width:100%;padding:10px;margin:0;font-weight:400; background:#fff; }
.products_list .products_list_title > h1,.products_list .products_list_title > h2,.products_list .products_list_title > strong{float:left;margin:0;padding:0;font-size:18px;color:#666;}
.products_list .products_list_title > span{float:right; color:#999; padding-top:4px; border-left:0; }

.products_list.special{ width:100%; }
.products_list.special .products_list_title{ border-bottom:1px solid #e6e6e6; }
.products_list.special ul.products.category li{ width:20%;}

.left.filter{ float:left; width:20%; border:1px solid #e6e6e6; background:#fff; position:relative; }
.left.filter > h1{float:left; width:100%;padding:10px;margin:0;font-size:18px;font-weight:400; color:#666;}
.left.filter *{ float:left; width:100%; text-decoration:none; list-style:none; }

.left.filter .attributes ul{margin:0; padding:0 0 0 15px;}
.left.filter > div > span{float:left;width:100%;padding:10px;color:#444; background:#f9f9f9; border-bottom:1px solid #ddd; border-top:1px solid #ddd; font-size:14px; }
.left.filter > .attributes > ul{ padding:10px 0 6px 15px; max-height:253px; overflow:auto;  }
.left.filter .attributes ul.attrlist a{ position:relative; width:auto; margin-bottom:3px; color:#444; font-size:13px; line-height:27px; font-weight:400; }
.left.filter .attributes ul.attrlist a:before{ content:'';float:left;width:18px; height:18px; line-height:18px; border:1px solid #999; margin:3px 8px 0 0; font-size:16px; position:relative; }

.left.filter .attributes ul.renk li{ width:auto; padding:2px; border:2px solid transparent; margin:0 1px 1px 0;  }
.left.filter .attributes ul.renk a{ width:25px; height:25px; margin:0; box-shadow:0 0 1px 0 #ccc; }
.left.filter .attributes ul.renk li:hover,.left.filter .attributes ul.renk li.active{  border-color:#ccc; }
.left.filter .attributes ul.renk li.active:hover{  border-color:#777; }

.left.filter > .category{float:left;width:100%;padding-bottom:15px;}
.left.filter > .category ul{ padding:0 0 0 10px; margin:0; margin-left:1px; }
.left.filter > .category ul a{  width:auto; margin-bottom:1px; color:#444; font-size:13px; font-weight:400; padding:3px 0;}
.left.filter > .category ul a:hover{ color:#FF9B04; }
.left.filter > .category ul a.active{ font-weight:600; }
.left.filter > .category li.hassub{/*background:url(../design/cat_parent.png) no-repeat 0 6px; padding-left:10px;*/  }
.left.filter > .category li.hassub > ul{border-left:1px solid #eee;}
.left.filter > .category  > ul{padding-top:10px;}

.left.filter .search form{ float:left; width:100%; margin-top:10px; padding:0 10px 10px 10px; position:relative; }
.left.filter .search form input{ padding:7px 42px 7px 7px; height:35px;  border:1px solid #e6e6e6;  }
.left.filter .search form button{ position: absolute; right:10px; top:0; width:35px; height:35px; z-index:1; border:0; color:#FFF; background-color:#999; font-size:16px; }
.left.filter .search form button:hover{ background:#333; }
.left.filter > div:first-child > span{ border-top:0; }

.left.filter .fiyat_aralik .crow{ padding:10px 10px 0 10px; }
.left.filter .fiyat_aralik .crow .cp5{ padding-right:10px; }
.left.filter .fiyat_aralik .crow .cp5:after{content:attr(data-kur);width:13px;height:35px;line-height:35px;position:absolute;right:17px;top:0;font-size:12px;color:#333;}
.left.filter .fiyat_aralik input{ height:35px; line-height:35px; padding-right:21px; text-align:center; }
.left.filter .fiyat_aralik button{ border:0; color:#FFF; background-color:#999; font-size:17px; display:block; height:35px; text-align:center;}
.left.filter .fiyat_aralik button:hover{ background:#333; }

.selections{ float:left; width:100%; padding:10px 20px 10px 20px; background:#FFFFF0; border-bottom:1px solid #ddd; }
.selections a{ float:left; text-decoration:none; margin:5px 15px 5px 0; font-size:12px; }
.selections a span{ font-weight:600; line-height:24px; font-size:11px; color:#666;}
.selections a span:after{content:':'; display:inline-block; margin:0 3px 0 1px; }
.selections a strong{ cursor:pointer; color:#333; padding:5px 30px 5px 10px; background:#fff; border:1px solid #e2dcc2; border-radius:4px; font-weight:400; position:relative; }
.selections a strong:after{ content:"\f00d"; display: inline-block; font: normal normal normal 12px/1 FontAwesome; -webkit-font-smoothing: antialiased; position:absolute; right:5px; top:7px; color:#fff; background:#F06060; padding:1px 3px 1px 3px; border-radius:3px; }
.selections a strong:hover { background:#ddd; color:#000; }
.selections a strong:hover:after{ background-position:0 -20px; }

.noresults{border:1px solid #ddd; font-size:14px; color:#333; font-weight:400; background:#fff; }
.noresults > .crow{ margin:0; border-bottom:1px solid #ddd; padding:10px 20px 10px 20px; }
.noresults .message{ float:left; width:100%; text-align:center; padding:40px; }
.noresults .message i{ display:block; font-size:30px; color:#999; margin-bottom:10px; }

.firsat_ord{float:left; width:100%; background:#f9f9f9;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.firsat_ord .firsatlar{ float:left; width:100%; padding-left:20px; margin:15px 0 15px 0; }
.firsat_ord .firsatlar a{ position:relative; float:left; text-decoration:none; margin-right:30px; color:#444; font-size:13px; line-height:27px; font-weight:400; }
.firsat_ord .firsatlar a:before{ content:'';float:left;width:18px; height:18px; line-height:18px; background:#fff; border-radius:2px; border:1px solid #999; margin:3px 8px 0 0; font-size:16px; position:relative; }
.firsat_ord .firsatlar a.active:after,.firsat_ord .firsatlar a:hover:after,.left.filter .attributes ul.attrlist li.active a:after,.left.filter .attributes ul.attrlist li a:hover:after { content:''; position:absolute; top:0; left:0; border-right: 3px solid; border-bottom:3px solid; transform:scale(.85) rotate(47deg) skewX(12deg); margin:-10px 0 0 8px; width:10px; height:26px; }

.firsat_ord .ord_list{float:left;width:100%; border-top:1px dotted #999; padding:10px; }
.firsat_ord .ord{ float:left; background:#fff; border-radius:4px; overflow:hidden; }
.firsat_ord .ord a{ float:left; text-decoration:none; padding:5px 10px 5px 10px; border-right:1px solid #e6e6e6; color:#444; font-weight:600; font-size:13px; }
.firsat_ord .ord a i{ float:right; margin:4px 0 0 4px; font-size:13px; } 
.firsat_ord .ord a:last-child{border:0;}
.firsat_ord .ord a.active i,.firsat_ord .ord a:hover i{ display:block; }
.firsat_ord .ord a.active,.firsat_ord .ord a:hover{ color:#000; }

.category_text{margin:10px 0 10px 0; padding:20px; }
.category_text h1,.category_text h2,.category_text p{float:left;width:100%;margin:0 0 10px 0;padding:0; color:#333; }
.category_text p{ margin:0 0 10px 0; color:#666; }
.category_text strong{ font-weight:600; }

.product-detail { float:left; width:100%; background:#fff; position:relative;box-shadow: 0 1px 2px 1px rgba(0,0,0,0.1); }
.product-detail > .images,.product-detail .info{ float:left; width:50%;  }
.product-detail > .images{ padding-top:24px; }
.product-detail > .info{ padding:24px 20px; background:#f5f5f5; }

.product-detail > .images #avatar{ position:relative; float:left; width:100%; height:550px; overflow:hidden;  }
.product-detail > .images #avatar img,#thumbs a img{ position:absolute; left:-2000px; top:-2000px; bottom:-2000px; right:-2000px; margin:auto; }

.product-detail .images small { float:left; width:100%; margin:10px 0 10px 0; text-align:center; font-weight:300; color:#999; font-size:14px; }
#thumbs{ float:left; width:100%; text-align:center; }
#thumbs a { position:relative; display:inline-block; width:54px; height:54px; overflow:hidden; margin:5px; background:#fff; border:2px solid #ccc; border-radius:5px; }
#thumbs a.active { border-color:#999; }

.product-detail .info{ min-height:700px; }
.product-detail .info .title { float:left; width:100%; margin:0 0 15px 0; }
.product-detail .info .title h1,.other-titles{ position:absolute; left:-10000px; top:-10000px; }
.product-detail .info .title h2{ float:left; width:100%; padding:0; margin:0; font-weight:600; font-size:20px; color:#484848; }
.product-detail .info .sku { float:left; color:#666; font-size:14px; font-weight:600;}
.product-detail .info .sku span { color:#999; }
.product-detail .info .title h3{ float:left; width:100%; margin:0; padding:0; font-size:17px; font-weight:300; color:#999; }
.product-detail .info .review{ display:none; }

.product-detail .info .attributes{ float:left; width:100%; background:#f9f9f9; margin:15px 0 15px 0; }
.product-detail .info .attributes > div{float:left; width:100%; padding:12px 20px; border-bottom:1px dotted #ccc; }
.product-detail .info .attributes > div:last-child{ border:0;}
.product-detail .info .attributes > div > span{ float:left; width:20%; color:#333; }
.product-detail .info .attributes > div > span:after{content:':'; float:right; margin-right:10px; }
.product-detail .info .attributes > div > strong{ float:left; max-width:60%; color:#111; font-weight:600; text-decoration:none; }

 
.product-info .row{ float:left; width:100%; margin-bottom:10px; }
.product-info .row .label,.product-info .row label{ float:left; width:100%; font-size:13px; font-weight:bold; font-family:Arial, sans-serif; color:#444; margin-bottom:5px; }

#kdv_dahil{ float:left; width:100%; font-size:35px; color:#444; font-weight:600; margin-top:-7px; }
#kdv_dahil small{ font-size:20px; }
#eski_fiyat{ float:left; width:100%; font-size:22px; text-decoration:line-through; color:#999; font-weight:600; }
#eski_fiyat small{ font-size:14px; }

.product-info .row.price{ margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #ddd; position:relative; }
.product-info .row.price .indirimli{ position:absolute;left:0; top:0; width:65px;height:65px; padding-top:10px; text-align:center; color:#FFF; font-size:18px; font-weight:600; background:#f90909; }
.product-info .row.price .indirimli small{ display:block; }
.product-info .row.price.discounted{ padding-left:75px; }

.product-info .buttonrow{ float:left; width:100%; margin:15px 0 15px 0; }
.product-info .buttonrow #sepet_ekle{ float:left; width:180px; height:47px; color:#FFF; text-align:center; border:0; background:#666; border-radius:5px; font-size:16px; font-weight:500; position:relative; padding-left:25px; margin-left:10px; }
.product-info .buttonrow #sepet_ekle i{ font-size:25px;position:absolute;left:20px;top:12px; }
.product-info .buttonrow #sepet_ekle:hover{ background:#333; }

.product-info .kargosure{ margin-bottom:20px; }
.product-info .kargosure span{ font-weight:600; }

.product-info .firsatlar{ margin:0; }
.product-info .firsatlar span{ position:relative; float:left; background:#fff; border:3px solid #CCCCCC; padding:15px 40px 15px 15px; border-radius:5px; margin:0 10px 10px 0; color:#333; }
.product-info .firsatlar span i{ position:absolute; right:14px; top:14px; color:#aaa; font-size:20px; }
.product-info .firsatlar span:hover{ border-color:#BBBBBB; }

.product-info .row.action{ margin:15px 0 0 0; }
.product-info .row.action a{ font-family:Arial, sans-serif; float:left; line-height:24px; font-size:12px; font-weight:bold; color:#484848; text-decoration:none; margin-right:20px; }
.product-info .row.action a i{ color:#BBB; font-size:18px; margin-right:5px; }
.product-info .row.action a:hover,.product-info .row.action a:hover i{ color:#000; }


#sw_secenek_html select{ float:left; color:#999; font-size:13px; font-weight:bold; background:#fff; border:3px solid #CCCCCC; width:200px; height:40px; padding-left:10px; border-radius:5px; }
#sw_secenek_html select:hover{ border-color:#BBBBBB; color:#333; }
#sw_secenek_html select:focus{ border-color:#666; color:#000; }

.sw_numeric_counter{ float:left; padding:2px; height:48px; background:#bfbfbf; text-align:center; border-radius:5px; }
.sw_numeric_counter button{float:left;width:25px;height:100%;border:0;padding:0;background:transparent;color:#53534a; font-size:13px;}
.sw_numeric_counter button:first-child{border-top-left-radius:5px; border-bottom-left-radius:5px;}
.sw_numeric_counter button:last-child{border-top-right-radius:5px; border-bottom-right-radius:5px;}
.sw_numeric_counter button:hover{ background:#ccc; }
.sw_numeric_counter label{float:left; background:#FFF; width:38px; height:100%; }
.sw_numeric_counter input{ float:left; width:100%; text-align:center; color:#666; font-size:12px; height:25px; line-height:25px; border:0; background:transparent; }
.sw_numeric_counter span{float:left; width:100%;line-height:15px;color:#999;font-size:11px;}

.product-tab{ margin-top:20px; }
.product-tab .attributes{ float:left; width:100%; padding:10px; background:#f9f9f9; /*border-left:1px solid #e3e3e3;*/ margin-top:20px; }
.product-tab .attributes > div{float:left; width:50%; /*border-bottom:1px solid #e3e3e3;*/ }
.product-tab .attributes > div > span{float:left; width:40%; color:#333; padding:7px 0 7px 14px;  }
.product-tab .attributes > div > a,.product-tab .attributes > div > strong{ display:inline-block; width:auto; max-width:60%; padding:7px 0 7px 2px; color:#000; font-weight:600; text-decoration:none; }
.product-tab .attributes > div > a:hover{ color:#000; text-decoration:underline; }

.tabmenu,.tabmenu > .tab_top,.tabmenu > .tab_content{ float:left; width:100%;color:#484848; }
.tabmenu,.tabmenu > .tab_top{ margin-left:-1px; }
.tabmenu > .tab_top > span{ float:left; background:#fff; font-size:14px; height:40px; top:10px; padding:10px 20px 15px 20px; color:#666; cursor:pointer; border:1px solid #ddd; border-bottom:0; position:relative; margin-right:3px;  }
.tabmenu > .tab_top > span.active,.tabmenu > .tab_top > span.active:hover{ background:#fff; z-index:2; height:50px; top:0; color:#000; }
.tabmenu.user-tab > .tab_top > span{ padding:10px 0 15px 68px; }
.tabmenu > .tab_top > span.active{ padding-top:20px; }
.tabmenu > .tab_top > span.active:before{ content:''; position:absolute; left:0; top:0; width:100%; height:5px; background:#666; }
.tabmenu > .tab_top > span i{float:left; font-size:16px; margin:2px 5px 0 0; }
.tabmenu > .tab_top > span.active i { color:#666; }
.tabmenu > .tab_top > span:hover{ background:#FFFFF0; }
.tabmenu > .tab_content{ background:#fff; border-top:1px solid #f8f8f8; min-height:150px; position:relative; z-index:1; margin-top:-1px; padding:20px; box-shadow:0 1px 2px rgba(0,0,0,0.2);}
.tabmenu > .tab_content > div{ display:none; }
.tabmenu > .tab_content > div.active{ display:block; }



.product-tab.tabmenu > .tab_content{padding-top:0;}
.product-tab.tabmenu > .tab_top > span i.icon-credit-card{ margin-top:0; font-size:20px; }
.product-tab .text_title{ float:left; width:100%; padding:7px 14px 7px 14px; font-size:14px; font-weight:600; color:#333; background:#f9f9f9; margin:14px 0 7px 0; }

.product-tab .text_content{ overflow:hidden; }
.product-tab .text_content table{ border:1px solid #ddd; }
.product-tab .text_content table td,.product-tab .text_content table th{padding:10px;}

.product-tab .installments{ padding-top:20px;}
.product-tab .installments span.crow{ background:#f9f9f9; padding:10px 10px 5px 10px; border:1px solid #ddd;}
.product-tab .installments div.crow,.product-tab .installments p.crow{border-bottom:1px solid #ddd; margin:0; padding:10px; }
.product-tab .installments div.crow:last-child{border:0;}
.product-tab .installments div.crow:hover{background:#666;color:#fff;}
 
.product-tags { float:left; width:100%; margin:10px 0 10px 0; padding:0; }
.product-tags li { float:left; list-style:none; }
.product-tags a { float:left; color:#FFF; margin:5px 5px 0 0; text-decoration:none; font-weight:300; font-size:10px; opacity:0.1; }
.product-tags a:hover { color:#FFF; }

.soru_buton_box{ margin:30px 0 0 0; padding:0; }

.question_list{ float:left; width:100%; margin-top:20px; padding-top:20px; border-top:1px solid #ddd; }
.question_list .question_box{ float:left; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd; }
.question_list .question_box:last-child{ margin:0; padding:0; border:0; }
.question_list .question_box .question_title{ float:left; width:100%; margin-bottom:4px; }
.question_list .question_box .question_title .user{ font-weight:700; font-size:13px; margin-right:20px; }
.question_list .question_box .question_title .subject{ font-size:13px; font-weight:400; }
.question_list .question_box .question_body{ float:left; padding:10px; border:2px solid #f2f2f2; background:#fff; }
.question_list .question_box .question_body p,.question_list .question_box .question_body p{ display:block; margin:0; padding:0; color:#333; }
.question_list .question_box .question_body .date{ color: gray; display: block; clear: both; margin-top:5px; }
.question_list .question_box .answer{ clear:left; float:left; background:#ddd; margin-top:22px; position:relative; padding:13px 10px 10px 10px; border-radius:3px; }
.question_list .question_box .answer:before{ content: ''; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-sizing: content-box; position:absolute; left:30px; top:-20px; width:0; height:0; border-left:0 solid transparent; border-right:18px solid transparent; border-bottom:20px solid #ddd; }
.question_list .question_box .answer p{ display:block; margin:0; padding:0; color:#111;}
.question_list .question_box .answer .seller{ font-weight:600; margin-right:10px; }

.soru_content{ float:left; width:100%; position:relative; background:#fff;  }
.soru_title{ float:left; line-height:40px; width:100%; font-size:18px; color:#333; padding:10px 5% 10px 5%; background:#fff; border-bottom:1px solid #ddd;  }
.soru_text{ float:left; width:90%; border:1px solid #ddd; background:#f1eded; padding:15px; margin:20px 5% 20px 5%; font-size:14px; font-weight:300; color:#444;  }
.soru_form_body{ float:left; width:100%; padding:0 5% 20px 5%; }
.soru_form_body form{ float:left; width:100%; position:relative; }
.soru_form_body form .crow{ margin-bottom:20px; }
.soru_form_body form textarea{ max-width:100%; width:100%; height:120px; max-height:120px; outline:0; }
.soru_form_body form button{ float:left; width:100%; border-radius:0; text-align:center; }
.soru_form_body form .label{ float:left; width:100%; margin:0 0 3px 0;}
.soru_form_body form .radio{ float:left; line-height:20px; margin-right:20px; }
.soru_form_body form .radio input{ float:left; margin-right:5px; }

.user-tab.tabmenu{ max-width:480px; float:none; margin:auto; margin-top:50px; margin-bottom:50px;}
.user-tab.tabmenu > .tab_top > span{width:49.8%;margin:0;font-size:14px;font-weight:600;line-height:25px;}
.user-tab.tabmenu > .tab_top > span.kayit_ol{float:right;margin-right:-2px;}
.user-tab.tabmenu > .tab_top > span i{ font-size:18px; }
.user-tab.tabmenu > .tab_content{ padding:35px; }
.user-tab .crow{margin-bottom:15px;}

.formcontainer,.listpages{ background:#fff; margin-top:20px; padding:0 0 20px 0; }
.formcontainer .title,.listpages .title{ float:left; width:100%; margin-bottom:20px; text-align:center; font-size:16px; font-weight:600; color:#111; border-bottom:1px solid #ddd; padding:15px;  }
.formcontainer #uyelik{ width:500px; margin:auto; }
.formcontainer #yenisifre{ width:300px; margin:auto; }
.listpages .cptable{ width:96%; margin-left:2%;  }

.radiobox{margin-top:5px;}
.radiobox label.key,.checkbox label{ line-height:19px; }
.radiobox label.radio{ float:left; line-height:19px; margin-left:20px; }
.radiobox label.radio input,.checkbox label input{float:left; margin-right:5px;}

.basketpage { float:left; width:100%; margin-top:20px; padding: 20px;background: #FFF;box-shadow: 0 1px 2px rgba(0,0,0,0.2); }
.basketpage > .title {width:100%;height:auto;float:left;text-align:center;font-size:27px;font-weight:300; padding:20px 0 20px 0;}
.basketpage > .title.head{font-size:26px;text-align:left; font-weight:400;padding: 10px 0 10px 0;}
.basketpage > .title.head > a{float:right;}
.basketpage > .title.head > i{color:#999;margin-right:9px;font-size:26px;font-weight:400;}
.basketpage > .title.head > a:before{float:right;padding:7px 0 0 10px;font-weight:400;font-size:21px;}

.basketpage .buttons{ float:left; width:100%; margin:10px 0 10px 0; }
.basketpage .buttons a{ color:#093cab; text-decoration:none; }
.basketpage .buttons a:hover{ text-decoration:underline; }

.basketpage .basketcount div{ display:inline-block;}
.basketpage .basketcount input{ width:50px; text-align:center; }
.basketpage .basketcount button{ margin:0 0 0 5px; height:38px; }
.basketpage .basketcount button i{ font-size:16px; }
.basketpage .cptable tbody,.basketpage .cptable tfoot{ font-size:15px; }
.basketpage .cptable .link{ display:block; margin-bottom:5px; }
.basketpage .cptable a.btn{ padding:3px 6px 3px 6px; line-height:normal; font-size:12px;  }
.basketpage .cptable a.btn i{float:left;margin:3px 3px 0 0; }
.basketpage .devam{ min-width:317px; margin-left:5px; }
.basketpage strike{ color:#999; }
.basketpage > .sepetbos{width:75px;height:100px;margin:0px auto;display:block;font-size:100px;color:#666;margin-bottom:25px;}

.installment_table{float:left; width:100%; border:1px solid #dddddd; border-top:0; border-left:0; }
.installment_table .bank{border-top:1px solid #dddddd; border-left:1px solid #dddddd;}
.installment_table .ihead{ background: #f9f9f9; padding: 5px; border: 1px solid #dddddd; }
.installment_table .crow.itr{border-bottom:1px dotted #dddddd; margin-bottom:5px; padding:5px; }
.installment_table .crow.itr:last-child{border-bottom:0;margin-bottom:0;}

.comments { float:left; width:100%; margin-top:30px; }
.comments .cpborder{background:#fff; border-radius:3px;}
.comments .comment{float:left; width:100%;border-top:1px solid #ddd; padding:10px; margin-top:10px;}
.comments .comment .comment-info{ margin:0 0 5px 0; }
.comments .comment span{float:right;line-height:22px; margin-right:10px; }
.comments .comment small{ float:right; width:110px; height:19px; background:url(../design/star_s.png) repeat-x;  position:relative; }
.comments .comment small i{ float:left; height:100%; background:url(../design/star_y.png) repeat-x; }
.comments .comment-subject{float:left; font-size:18px; }
.comments .comment-entry{ line-height:19px; }

.orderpage{background:#FFF;margin:20px 0 0 0; padding:0 20px 20px 20px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.2); font:400 13px / 1.3 Arial,Helvetica,"Helvetica Neue",sans-serif;}
.orderpage > .title{ font-size:26px;text-align:left; font-weight:400;padding:20px 0 20px 0;width:100%;height:auto;float:left;text-align:center;font-size:27px;font-weight:300; padding:20px 0 20px 0;border-bottom:1px solid #F5F5F5;text-align:left;margin-bottom:20px;}
.orderpage > .title > span{float:left;padding:20px 0;width:auto;height:auto;}
.orderpage > .title > a{float:right;margin:20px 0}
.orderpage > .slinehead{padding:2px 10px;background:#EFEFEF;font-weight:700;}
.orderpage > .sline{border:1px solid #D7D7D7;padding:10px;font-weight:700;}
.orderpage > .sline > .npRow {margin-top:10px;}

.orderpage .title{float:left;width:100%;padding:10px 0;font-size:22px;}
.orderpage .sdetail .cptable{background:#FFF;}
.orderpage .sdetail .cptable .btn{ width:100%; }
.orderpage .sdetail .cptable span.image{ position:absolute; left:0; top:0; width:60px; height:60px; overflow:hidden; }
.orderpage .sdetail .cptable span.image img{ position:absolute; left:-1000px; top:-1000px; bottom:-1000px; right:-1000px; margin:auto; }

.orderpage .sdetail .cptable .link.wimg{ position:relative;  padding-left:75px; }
.orderpage .sdetail .cptable .link strong{ float:left; width:100%; font-size:13px; }
.orderpage .sdetail .cptable .options{float:left; width:100%; margin-top:10px;}
.orderpage .sdetail .cptable .options span{float:left;padding:3px 7px;margin:0 5px 5px 0;line-height:15px;color:#333;font-weight:300;background:#f8f8f8;border-radius:30px; }
.orderpage .sdetail .cptable strike{ font-size:11px; color:#555; margin:0 5px 0 5px; }

.orderpage .siparis_sozlesme{ float:left; width:100%; margin-top:50px; border:1px solid #e3e3e3; }
.orderpage .siparis_sozlesme > span{ padding:20px 10px; font-weight:700; margin-bottom:0; }
.orderpage .siparis_sozlesme a.oku{float:right;padding: 0 10px;}
.orderpage .siparis_sozlesme > div{ display:none; padding:20px 10px; }


.orderpage .ordersuccess{ float:left; width:100%; padding:20px; background:#fefefe; border:1px solid #ddd; border-radius:3px; margin:20px 0 20px 0; }
.orderpage .ordersuccess i{ display:inline-block; width:120px; height:120px; background:#6C3; border:1px solid #6C0; color:#fff; text-align:center; line-height:115px; font-size:60px; border-radius:50%;}
.orderpage .ordersuccess .success-title{ margin:30px 0 0 0; font-size:33px; color:#2db91e; }
.orderpage .ordersuccess .cp6{ border-left:1px solid #ddd; }
.orderpage .ordersuccess .success-text{ font-size:14px; color:#999; }
.orderpage .ordersuccess .success-info{ font-size:22px; color:#666; text-decoration:underline; margin:20px 0 10px 0; }
.orderpage .ordersuccess strong{ font-size:43px; }


#process{float:left; width:100%; height:120px; position:relative; text-align:center; margin:20px 0 20px 0; font:400 13px / 1.3 Arial,Helvetica,"Helvetica Neue",sans-serif;}
#process:before{ content:''; position:absolute; width:80%; height:8px;  left:10%; top:28px; background:#FFF; z-index:-1;-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.15);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.15); }
#process a{ width:200px; display:inline-block; text-decoration:none; }
#process a .num{ position:relative; display:inline-block; width:62px; height:62px; border:6px solid #FFF; line-height:50px; background:#FFF;-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.15);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.15); border-radius:50%; color:#555; font-weight:600; font-size:20px; margin-bottom:5px; }
#process a i{ display:none; }
#process a.check .num,#process a.active .num{ color:#fff; }
#process a.check .num,#process a.active .num{ background:#83C41A; }
#process a.check i{ display:block; position:absolute; width:100%; font-size:20px; line-height:50px; }
#process a.check small{ display:none; }
#process a strong,#process .not{ display:block; }
#process a.step1{ float:left; }
#process a.step3{ float:right; }
#process a strong{ display:block; color:#444; font-size:16px; }
#process a .not{ display:block; color:#777; font-weight:300; font-size:13px;}

.basketmini{ background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.2); font:400 13px / 1.3 Arial,Helvetica,"Helvetica Neue",sans-serif; color:#484848;}
.basketmini > span{float:left; padding:10px; width:100%; font-size:16px; color:#333; border-bottom:2px solid #F5F5F5;/*5px solid #ddd;*/font-weight:700; }
.basketmini > div.list{ margin:0;padding:0; max-height:215px; overflow:auto; }
.basketmini > div.list img{ float:left; max-width:75px; max-height:50px; margin:0 5px 5px 0; }
.basketmini > div.list > .crow{ margin:0; padding:10px; border-bottom:1px solid #ddd; }
.basketmini > div.list > .crow:last-child{border:0;}

.basketmini.view > .crow{ background:#f9f9f9; margin:0; padding:10px 0 0 0; }
.basketmini.view > .crow .crow{ font-size:14px; padding:10px 10px 5px 10px; border-bottom:1px solid #ddd; margin:0;  }
.basketmini.view > .crow #totalamount.crow{ background:#FFF; padding-bottom:15px; border:0; }
.basketmini.view > .crow b{ font-size:16px; line-height:30px; }
.basketmini.view .btn{ width:100%; line-height:60px; font-size:18px; font-weight:400; padding:0; text-align:center; border-radius:0;  position:relative; }
.basketmini.view .bitir .crow.checkbox{ padding:20px 10px; background:#fff; border-top:1px solid #ddd; }
.basketmini.view .bitir .btn i{ position:absolute; line-height:60px; right:10px; font-size:40px; }

#basket_user{ float:left; width:100%; padding:20px; }
#basket_login{width:50%;margin-left:25%;}
#signin_form > .crow > input{width:50%;margin-left:75px; margin-right:10px;}
#signin_form > .crow > button{ min-width:130px; float:left; }
#signin_form > label > strong{font-size:14px;padding:10px;display:block;}
#signin_form > .crow > button:before {float: right;padding: 7px 0 0 10px;font-weight: 400;font-size: 21px;}
#signin_form > label{width:100%;padding:20px;}
.addresspage > .left{ background:#fff; box-shadow: 0 1px 2px rgba(0,0,0,0.2); }
.addresspage > .left form .crow,.active_address .active_address_text{  padding:0 20px 0 20px; }
.addresspage {font:400 13px / 1.3 Arial,Helvetica,"Helvetica Neue",sans-serif; }

.addresspage .title{ float:left; width:100%; padding:20px; margin-bottom:10px; border-bottom:2px solid #F5F5F5;font-size:26px;}
.addresspage .title strong{float:left;display:block;font-size:21px;padding:5px 0 0 0;}
.addresspage .title span{float:left;clear:left;padding:5px 0 0 0;color:#999;font-size:14px;}

.fatura_adres .title{border-top:2px solid #F5F5F5;padding-top:15px;}
.addresspage .title.head > a{float:right;}
.addresspage .title.head > a:before{float:right;padding:7px 0 0 10px;font-weight:400;font-size:21px;}
.addresspage .active_address {  margin-bottom:20px;}
.addresspage .active_address .active_address_text{ font-size:13px; line-height:19px; }
.addresspage .active_address .active_address_text b{ font-size:15px; }
.addresspage .billing_address{ border-left:5px solid #ddd;}
.addresspage .active_address .title{padding:0 20px 0 20px;border:0;}
.addresspage .active_address .title strong{font-size:17px;}
.addresspage .ayni_adres.crow{ margin:10px 0 20px 0; }
.addresspage .fatura_adres{float:left;width:100%;display:none;margin-bottom:10px;}
.addresspage .adres_ekle_btn{ margin-right:20px; }
.addresspage .btn.large{min-width:200px;}

.addresspage  .adress {padding:8px 20px 35px 20px;font-size:14px;}
.addresspage  .adress > .delivery {padding:20px 10px 10px 0;}
.addresspage  .adress > .billing {padding:20px 0 10px 10px;border-left:1px solid #F5F5F5;background:#FBFBFB;position:relative;}
.addresspage  .adress > .bttnset{text-align:right;margin-bottom:7px;}
.addresspage  .adress > .bttnset.left{text-align:left;}
.addresspage  .adress > .bttnset.left > a{margin-right:7px;margin-left:0;}
.addresspage  .adress > .billing > .crow > span.yada > i{background:#FBFBFB;}
.addresspage  .adress > .cp6 strong{font-weight:700;padding:5px 0 0 5px;float:left;}
.addresspage  .adress > .cp6 a{font-size:12px;padding: 0 12px;border-radius: 1px; line-height: 27px;margin-left:7px;}
.addresspage  .adress > .cp6 i{ float:left; }
.addresspage  .adress > .cp6 .fa-check{color:#83C41A;}
.addresspage  .adress > .cp6 .fa-thumb-tack{color:DC5240;}
.addresspage  .adress > .cp6 *:before{font-size:30px;float:left;}
.addresspage  .adress > .cp6 > .crow > span.yada > i{font-weight:400;font-size:14px;}

table.btable {border: 1px solid #F5F5F5;table-layout: fixed;border-collapse: collapse; margin-top:20px;}
table.btable td, table.btable th {border: 1px solid #F5F5F5;text-align: left;padding: 5px 15px 5px 15px;-webkit-box-sizing: border-box;box-sizing: border-box;}

.cargoes{ float:left; width:100%; padding:0 10px 0 10px; }
.cargoes b{ font-size:16px; }

.cargoes label .img img{ float:left; margin-right:10px;}
.cargoes label .img > span{ float:left; }
.cargoes label .img > span > * { display:block; margin-top:3px; }
.cargoes label .text{ padding-top:13px;}

.choose_address,.hesaplar label,.cargoes label{ cursor:pointer; float:left; width:100%; padding:10px; border:1px solid #ddd; position:relative; margin-bottom:10px; }
.choose_address i,.hesaplar label i,.cargoes label i{ position:absolute; top:0; right:0; border:1px solid #ddd; color:#ddd; border-top:0; border-right:0; padding:10px;  font-size:22px; }
.choose_address:hover, .choose_address.active,.hesaplar label:hover,.hesaplar label.active,.cargoes label:hover,.cargoes label.active{border-color:#6C0; }
.choose_address:hover i, .choose_address.active i,.hesaplar label:hover i,.hesaplar label.active i,.cargoes label:hover i,.cargoes label.active i{ display:block; border-color:#6C0; color:#6C0; }
.hesaplar label .img{ padding-top:15px; }

.paymentpage .payment_info{font:400 13px / 1.3 Arial,Helvetica,"Helvetica Neue",sans-serif;line-height: 20px;border: 1px solid #FAEBD7;padding: 10px;background:#FFFAF0;border-radius:3px;text-align:justify;}
.paymentpage .onay{ border-top:1px solid #ddd; padding-top:20px; margin-top:10px; }
.paymentpage .onay .havale_total{ font-size:18px; color:#666;  }
.paymentpage .onay .havale_total strike,.paymentpage .onay .havale_total em{font-size:13px;}
.paymentpage .onay .havale_total div{width:100%;float:left;display:block; font-size:24px; color:#484848; clear:left; position:relative;}
.paymentpage .onay .havale_total div small{font-size:13px;}
.paymentpage .onay .btn{ margin-top:10px; padding: 7px 45px; font-size: 16px;}
.paymentpage a.link{ text-decoration:underline; }
.paymentpage .tabmenu > .tab_top > span.active:before{ background-color:#83C41A; }

.payment{ float:left; width:100%; }
.cardinputs{ float:left; width:50%; padding-right:20px; }
.cardinputs #cartno,.cardinputs #cvv{letter-spacing: 3px; word-spacing: 15px; font-size: 15px; /* font-size: 18px; */ text-align: center; }
.cardinputs .crow{ margin-bottom:17px; }
#taksit{float: left; width:50%; padding-left:20px; }
#taksit.active{border-left:1px solid #ddd; }
#taksit .border{ border:1px solid #e7e7e7; border-bottom:0;}
#taksit .blogo{ text-align:center; padding:10px 0 10px 0; border-bottom:1px solid #e7e7e7; background:#fff; }
#taksit .taksitler label{float:left; width:100%; cursor:pointer; padding:10px; font-size:13px; color:#333; border-bottom:1px solid #e7e7e7; line-height:20px; }
#taksit .taksitler label input{float:left; margin-right:5px;}
#taksit .taksitler label:last-child{border:0;}			
.sk span{ line-height:32px; text-align:center; font-size:18px; color:#999; }

.text_template h1,.text_template h2,.text_template h3{ display:block; width:100%; font-weight:normal; text-align:center; font-size:26px; margin:0 0 10px 0; padding:0; }
.text_template h2,.text_template h3{ font-size:18px; }
.text_template p{ width:100%; margin:0 0 10px 0; padding:0; }
.text_template strong{ display:block; font-size:14px; margin:20px 0 10px 0; }
.text_template ul{width:100%; display:block; margin:0 0 20px 0; padding:0; }
.text_template ul li{ display:block; margin-bottom:4px; list-style:none; }
.text_template table{ width:100%; margin:10px 0 10px 0; border:0; font-size:14px; }
.text_template table td{ border:1px solid #e7e7e7; border-left:0; border-top:0; }
.text_template table thead tr:first-child td{ border-top:1px solid #e7e7e7; }
.text_template table td:first-child{ border-left:1px solid #e7e7e7; }
.text_template table th{border:0;border-right:1px solid #e7e7e7;}

.text_template .menu > li{ float:left; width:100%; margin:0; }
.text_template .menu > li > span{ cursor:pointer; float:left; width:100%; padding:10px; background:#f9f9f9; border:1px solid #e3e3e3; margin-bottom:10px; }
.text_template .menu > li > div{ display:none; float:left; width:100%; margin-top:15px; }

.article {float: left;width: 100%;box-shadow: 0 1px 2px rgba(0,0,0,0.2);background: #FFF;padding:25px;}
.article h1.title{float:left;width:100%;margin:0 0 10px 0; padding:0;}
.article .entry{width:100%;height:auto;float:left;display:block;line-height:20px;}
.article .entry p{ float:left; width:100%; margin:0 0 10px 0; }

.iletisim .left,.iletisim .right{ float:left; width:50%; padding:20px; }
.iletisim .map{ float:left; width:100%; margin:40px 0 30px 0; }
.iletisim .map h3{ float:left; width:100%; text-align:center; font-size:32px; font-weight:400;  margin:30px 0 20px 0;}
.iletisim .map iframe{ margin:auto; width:100%; max-width:1000px; display:block; border:5px solid #FF7300; background:#eee; }
.iletisim form .cp3{padding:10px 0 0 0;}
.iletisim .right div{ float:left; width:100%; min-height:30px; margin-bottom:15px; position:relative; }
.iletisim .right div i{ position:relative; float:left; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%;font-size:17px;background:#333;color:#FFF; }
.iletisim .right div i.fa-envelope{ font-size:13px; padding-left:2px;}
.iletisim .right div i:after{ content: ''; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-sizing: content-box; position: absolute; left: 24px; top: 5px; width: 0;
height: 0; border-left: 0 solid transparent; border-right: 14px solid transparent; border-bottom: 12px solid #333; }
.iletisim .right div strong{ position:absolute; width:100%; padding:0 30px 0 50px; font-size:16px; font-weight:400; padding-top:5px; left:0; text-align:left; }
.iletisim .right div.unvan strong{ font-weight:500;font-size:20px;padding-left:0;}