/* ==========================================================================
   HTML5 CSS: Full Digital
   ========================================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 62.5%; }
html, button, input, select, textarea { font-family: "Century Gothic", Arial; color: #222; }
body{background: url(../img/header-bg.jpg) left top repeat-x #ffffff; color: #1A8B88; font-size: 12px; line-height: 16px;}
a,a:active{color: #1A8B88;}

body.busy, body.busy * { cursor: wait !important;}

a,a:visited { color: #1A8B88; }
/*a:visited { color: #551a8b; }*/
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 11px; font-size: 1.1rem; }

sub, sup { font-size: 11px; font-size: 1.1rem; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0; padding: 0; list-style: none; list-style-image: none; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol{ list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; padding: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* ===== Primary Styles ========================================================
   Author: MarmaraWeb
   ========================================================================== */
.vhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }   

.w300{width: 300px;}
.w400{width: 400px;}
.f3{font-size: 30px !important; font-size: 3rem !important;}

ul,ol,li{display: inline-block; padding: 0; margin: 0;}

.fl{float: left;}
.fr{float: right;}
.hide{display:none;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.centered {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.w760{width: 760px;}
.p10{padding: 10px;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.mt10{margin-top: 10px !important;}
.pt20{padding-top: 20px;}
h3.warning{margin: 30px auto; color: #777; font-size: 22px;  }

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
em.cf{display: block;}

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  header,footer,.topZone{display: none;}
  .noprnt{display: none;}
}


/* SITE STYLES */

.container{width: 980px; margin: 0 auto;}

.shadow980{width: 980px; height: 20px; display: block; background: url(../img/shadow-980.png) center bottom no-repeat transparent;}
.shadow980.small{height: 18px;}
.shadow315{width: 315px; height: 18px; display: block; background: url(../img/shadow-315.png) center bottom no-repeat transparent;}
.shadow315.small{height: 17px;}
.shadow640{width: 640px; height: 18px; display: block; background: url(../img/shadow-640.png) center bottom no-repeat transparent;}
.shadow640.small{height: 17px;}

a.icoshares{ width: 55px; height: 20px; float: left; display: inline-block; text-indent:-9999px; margin: 0 10px 0 0; background-position: left top;}
    a.icoshares:hover{background-position: left bottom;}
    a.fbShare{ background-image: url(../img/fbshare.png);}
    a.icoprint{ background-image: url(../img/ico-print.png);}
    a.icosend{ background-image: url(../img/ico-send.png);}
    
    
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

h4{font-size: 18px; letter-spacing: 1px; font-weight: bold; margin-bottom: 5px; padding-bottom: 5px;  }
p{margin-bottom: 0px; }

.p10{padding: 10px;}
.p20{padding: 20px;}
.fn{float: none;}

header { background: url(../img/header-bg.jpg) center top repeat-x #54956a; height: 47px; }
header .container{ position: relative; z-index: 1; padding:10px 0 0 170px; width: 810px; }
header .logo,header .logo a{width: 167px; height: 60px; display: block; text-indent: -9999px;}
header .logo{ z-index: 2; left: -9px; top: 0; background: url(../img/logo.png) left top no-repeat transparent; position: absolute;}
header .container a{color: #ffffff; text-decoration: none; font-size: 13px; font-weight: bold; }
header .container a:hover{text-decoration: underline;}

header.langru .container a{letter-spacing: -1px;}

header nav{float: left; margin-right: 20px;}
nav.member{float: right; margin-right: 0;}

nav.languages li,nav.sociallinks li{float: left; width: 24px; height: 24px; padding: 2px; }
nav.languages li a,nav.sociallinks li a{width: 24px; height: 24px; display: block; text-indent:-9999px; background:url(../img/commonv1.png) no-repeat transparent 0 0;}
.sociallinks li.fb a{background-position: -96px 0;}
.sociallinks li.tw a{background-position: -120px 0;}

.container li.tr a{background-position: 0 0;}
.container li.en a{background-position: -24px 0;}
.container li.ar a{background-position: -48px 0;}
.container li.ru a{background-position: -72px 0;}

.btn{ display: inline-block; height: 30px; vertical-align: middle; }
.btn span{display: block; height: 24px; background:url(../img/commonv1.png) no-repeat transparent -4px -84px; float: left;  padding: 6px 3px 0 6px; }
.btn em{display: block; width: 4px; height: 30px; background:url(../img/commonv1.png) no-repeat transparent 0 -84px; float: left;}
.btn a span, a.btn span{color: #1a8b88;}
.btn a:hover span, a.btn:hover span{color: #0c3c3b;}
nav.member .btn{margin-left: 5px;}

nav.topmenu{margin-top: 5px;}
nav.topmenu li{float:left; display:block; margin:0 0 0 10px; padding:2px 0 0 10px; height:19px; background:url(../img/commonv1.png) no-repeat transparent -349px 0; }
nav.topmenu li.first,nav.topmenu li:first-child{padding-left:0; margin-left: 0; background: none; }
nav.topmenu li a.btn{margin-top: -6px;}


nav.languages li.current,nav.sociallinks li.current,nav.languages li:hover,nav.sociallinks li:hover{
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.25) 74%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(74%,rgba(255,255,255,0.25)), color-stop(75%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.25) 74%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.25) 74%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.25) 74%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);
    background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.25) 74%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}

footer{background: url(../img/footer-bg.png) left top no-repeat; padding: 20px; width: 940px; height: 200px; margin: 10px auto;}
footer .col{width: 130px ; float: left; height: 163px;}
footer .col h3{font-size: 14px; font-weight: bold; margin-bottom: 5px; padding-bottom: 5px; }
footer .col li{display: block;}
footer .col a{font-size: 12px; font-weight: normal; text-decoration: none;line-height: 20px;}
footer .col.fr{width: 340px; float: right; text-align: left;}

footer .bottom,footer .bottom a{font-size: 11px;}
footer .bottom a.html5,footer .bottom a.css3{display: inline-block; width: 20px; height: 30px; background:url(../img/commonv1.png) no-repeat; text-indent: -9999px; vertical-align: middle;}
footer .bottom a.html5{background-position: -138px -43px; margin-left: 30px;}
footer .bottom a.css3{background-position: -162px -43px;}




em.cur{display: block; float: left; width: 10px; height: 15px; background:url(../img/commonv1.png) no-repeat transparent; margin-right: 3px; }
    em.cur.TRL{background-position: -214px -53px ;}
    em.cur.USD{background-position: -225px -53px ;}
    em.cur.EUR{background-position: -236px -53px ;}
    em.cur.fn{float: none; display: inline-block;}


a.all{display: inline-block; padding: 1px 6px 1px 17px; font-size: 11px; text-decoration: none; background:url(../img/commonv1.png) no-repeat #eff7fb 3px -210px;}
a.all:hover{text-decoration: underline; background-position: 4px -210px;}

.box{ padding: 9px; border: 1px solid #e4e4e4; }
.box.p20{padding: 20px;}

.mainpage {margin-bottom: 20px;}
.mainpage .manset,.mainpage .adv{float: left;}
.mainpage .manset{margin-right: 20px;}
.mainpage .manset .body{width: 620px; height: 250px;}
.mainpage .adv .body{width: 300px; height: 250px;}

.productSlider {margin:0 10px 20px 0; width: 650px;}
.productSlider .body{width: 620px; height: 120px; }
.productSlider .box{width: 620px;}

.brandSlider {margin-bottom: 10px;}
.brandSlider .body{width: 300px; height: 120px; }
.brandSlider .box{width: 300px;}



.productMain .top .fl{margin-top: 7px;}

.productMain .body { padding-top: 20px; }
.productMain .body .fl{ width: 500px; }
.productMain .body .fl p{ margin-bottom: 10px; }


.productMain .body .fr{ width: 368px; height: 250px; padding: 200px 20px 0 20px; background: url(../img/rehber.png) left top no-repeat; }
.productMain .body .fr .palet a{ width: 41px; height: 41px; display: inline-block; margin: 4px; padding: 2px; border: 1px solid #ddd; background-color: #ffffff; }

.productMain .body .fr .palet a:hover{ border-color:#333; }
.productMain .body .fr .palet a.current{border-color:#cc0000;}


.infoBoxes {margin-bottom: 10px;}
.infoBoxes .boxes{margin-right: 16px; width: 316px; float: left;}
.infoBoxes .boxes.news{ margin-right: 0; }
.infoBoxes .box{
    width: 296px;
    height: 160px;
}

.boxes a.presRow{display: block; height: 60px; padding: 5px; font-weight: bold; text-decoration: none;}
.boxes a.presRow img{float: left; margin-right: 10px; border: 3px solid #e7e7e7;}
.boxes a.presRow:hover img{border-color: #bbb;}

.boxes a.arrwBul{display: block; margin-bottom: 10px; text-decoration: none;}
.boxes a.arrwBul strong,.boxes a.arrwBul span{display: block; padding: 0 0 2px 20px;}
.boxes a.arrwBul strong{background:url(../img/commonv1.png) no-repeat transparent 2px -210px;}

.myLinks{position: relative;}
.myLinks div{position: absolute; right: 0; top: -8px; background-color: #fff; padding: 5px 0 0 0; border: 1px solid #006400; width: 163px; z-index: 25; display: none;}
.myLinks div a{display: block; float: right; margin: 0 5px 5px 0;}
    .myLinks div a span{width: 140px; text-align: center;}
.myLinks.active div{display: block;}

a.myname {display: block; text-align: right;}
a.myname strong{display: block; font-size: 11px; color: #ffde00;}
.member li.logOut{float: right;}


.productMain .body .fr.ucd{ width: 408px; height: auto; padding: 0; background: none; }
.productMain .body .fr.ucd .bolum{ border: 1px solid #ddd; padding:5px; margin-bottom: 5px; position: relative; }

.productMain .body .fr.ucd .bolum h2{ padding:5px 5px 5px 20px; font-size: 18px; float: left; width: 310px; cursor: pointer; background:url(../img/render-down.png) 2px 6px no-repeat transparent; }
.productMain .body .fr.ucd .bolum h3{ font-size: 14px; color: #333; padding: 2px; margin: 0 0 3px 3px; border-bottom: 1px solid #aaa; }
.productMain .body .fr.ucd .palet{ background-color: #e1e1e1; padding: 5px; margin-top: 5px; display : none; }
.productMain .body .fr.ucd .palet span{ display: block; width: 41px; height: 41px; /* background-color: #cc0000; */ background-color: #fff; background:url(../img/grid.png) left top repeat #fff;  }
/*.productMain .body .fr.ucd .palet span img{ opacity: 0.5; }*/

.productMain .body .fr.ucd .bolum span.sample{ padding: 0; display: block; float: right; width: 22px;  height: 22px; margin: 4px 4px 0 0; cursor: pointer;}
.productMain .body .fr.ucd .bolum span.sample img{ /*opacity: 0.5;*/ width: 22px; height: 22px; background:url(../img/grid-small.png) left top repeat #fff; }

.productMain .body .fr.ucd .bolum em.secimkutusu{ padding: 0; display: block; float: right; width: 22px;  height: 22px; margin: 4px 4px 0 0; cursor: pointer; z-index: 1; background:url(../img/secili-0.png) no-repeat transparent center center;}
.productMain .body .fr.ucd .bolum.secildi em.secimkutusu{background:url(../img/secili-1.png) no-repeat transparent center center;}

 
.productMain .body .fr.ucd .bolum.current h2{background-image:url(../img/render-up.png);  }
.productMain .body .fr.ucd .bolum.current .palet{display: block;  }

.productMain .body .fr.ucd.noclick .palet a{cursor: wait;}

a.med{ padding: 5px 10px; display: inline-block; text-decoration: none; color: #031f37; background-color: #e8fafe; font-size: 15px; font-weight: bold; border: 1px solid #dee4e7; }
a.med:hover{ border-color: #bbccd4 ; }
a.med.red{ background-color: #c00; color: #fff; }
a.med.green{ background-color: #006400; color: #fff; }
a.med.gray{ background-color: #333; color: #fff; }

.productDetail .info{ border: 1px dashed #333; background: none !important; padding: 10px; float: left; width: 410px; margin-top: 36px; }
.productDetail .info h1{float: left;}
.productDetail .info i{float: right;}

.productDetail .info .price{padding: 10px 0; color: #333; text-align: center; margin: 10px 0; border: 1px solid #ddd; border-right: none; border-left: none; }
.productDetail .info .price strong{font-size: 20px; color: #c00;font-weight: bold; display: inline-block; }
.productDetail .info .price span{color: #111; }
.productDetail .info span.title{ font-weight: bold; color: #1A8B88; margin: 0 3px 0 0; }


.productDetail .icastarlar{padding: 10px 0 0 0;}
.productDetail .icastarlar label{margin:0 5px; font-size: 12px; font-weight: bold; color: #888;}
.productDetail .icastarlar label input{vertical-align: middle; padding: 0; margin: 0;}
.productDetail .icastarlar label span{display: none;}


.chartRow,.totalRow { width: 410px; height: 26px; margin-top: 2px; padding-top: 2px; border: 1px solid #ddd;  }
.chartRow .shoeNo,.chartRow .input,.chartRow .weight{float: left;width: 120px; margin-right: 5px; font-size: 14px;}
.chartRow .shoeNo{ width: 70px; padding: 3px 0 0 0; }
.chartRow .input { width: 130px; padding: 0; }
    .chartRow .input input{ width: 50px; text-align: right; padding-right: 5px; text-align: center; vertical-align: middle; }
    .chartRow .input a{ text-decoration: none; display: inline-block; width: 20px; height: 18px; background-color: aliceblue; color: darkblue; border: 1px solid #ddd; }
    .chartRow .input a:hover{background-color: darkblue; color: aliceblue;}
.chartRow .weight{ width: 90px; padding: 3px 0 0 0; text-align: right; }
.chartRow .totPrice{ float: left; width: 90px; padding: 3px 0 0 0; text-align: right; font-size: 14px; }
.chartRow .totPrice span,.chartRow .totPrice .cur{float: right; font-weight: bold; color: #c00;}
    .chartRow .totPrice .cur{margin-left: 5px;}

.totalRow .input{float: left; margin-right: 5px; font-size: 14px; width: 87px; padding: 4px 0 0 0; text-align: right; }
.totalRow .input em { font-style: normal;}
.totalRow .weight{float: left; margin-right: 5px; font-size: 14px; width: 111px; padding: 4px 0 0 0; text-align: right; }
.totalRow strong.fl{float: left; width: 90px !important; font-size: 13px; padding: 4px 0 0 6px;}

.totalRow .totPrice{ float: right; width: 90px; padding: 3px 15px 0 0; text-align: right; font-size: 14px;  }
.totalRow .totPrice span,.totalRow .totPrice .cur{float: right; font-weight: bold; color: #c00;}
    .totalRow .totPrice .cur{margin-left: 5px;}

.productDetail .koliler {float: left; width: 240px; border-right: 1px dashed #ddd; margin-bottom: 10px;}
.productDetail .koliler img{float: left; margin-right: 10px;}
.productDetail .kolilerhesap {float: left; width: 145px; padding-left: 10px; margin-bottom: 10px; color: #999;}
.productDetail .kolilerhesap p{display: block; margin: 2px 0; padding: 0;}
.productDetail .kolilerhesap p span{display: inline-block; width: 55px; text-align: right; margin: 2px 0; padding: 0; color: darkgreen;}
strong.kalanAdet{text-align: center; color: #c00; font-weight: bold; display: block; width: auto; height: 20px; }
strong.kalanAdet span{ display: none;  }

.AddToChart.sepetiGuncelle, .AddToChart.sepeteEkle{display: block;}
a.AddToChart.sepetiGuncelle{display: none;}
.AddToChart.sepetiGuncelle span, .AddToChart.sepeteEkle span{display: inline-block; padding: 1px 0 0 27px;background: url(../img/sepeteekle.png) no-repeat;height: 16px;}

.productDetail .userinfo,.productDetail .userinfo label,.productDetail textarea{display: block;}
.productDetail .userinfo label{font-size: 13px; font-weight: bold; color: #333; padding: 5px 0 5px 0;}
.productDetail textarea{width: 410px; height: 90px;}


.productDesign .info{width: 385px; margin-top: 0; border-color: #ddd; margin-bottom: 10px; width: auto; float: none; font-weight: bold;}

.productDesign .tasarla{width: 405px; height: 33px; background: url(../img/tasarla1.png) no-repeat; text-align: center; padding: 18px 0 0 0; font-size: 25px; letter-spacing: -1px; font-weight:normal; font-family: "Century Gothic"; color: #333; margin-right: 12px;}
.productDesign div.designImg{position: relative; width: 500px; height: 375px;}
.productDesign div.designImg img{position: absolute; top: 0; left: 0;z-index: 10;}
.productDesign div.designImg img.mainDes{z-index: 5;}
.productDesign div.designImg img.seciliresim{display: none;}

.productDesign div.designImg.loading{ background: url(../img/loading.gif) center center no-repeat #e1e1e1; }
/*.productDesign div.designImg.loading .mainDes{ display: none; }*/


.designImgSmall{ float: right;}
.designImgSmall a{ padding: 10px; background: #e1e1e1; display: inline-block; border: 2px solid #fff; width: 50px; height: 38px; display: block; float: left; }
.designImgSmall a.cur{ border-color: #002144;}
.designImgSmall a.loading{ background: url(../img/loading-small.gif) center center no-repeat #e1e1e1; }
.designImgSmall a.loading img{ display: none; }

.guideb{display: none;}


.productImg a:hover img{border-color: #777;}

.productImg img{border: 1px solid #94ebe9; padding: 5px; background-color: #fff;}
.productImgs{width: 400px; margin: 10px auto;}
.productImgs a{display: block; width: 84px; height: 84px; float: left; margin: 5px; border: 1px solid #94ebe9; padding: 2px; }
.productImgs a:hover{border-color: #777;}
.productImgs a img{width: 84px; height: 84px;}
.productDetail .productImg a{display: block; width: 315px; margin: auto;}
a.zoomico{position: relative;}
a.zoomico em{display: block; width: 32px; height: 32px; position: absolute; right: 2px; top: 2px; background:url(../img/zoom.png) no-repeat 0 0;}
a.zoomico span{display: block; width: 35px; height: 26px; position: absolute; left: 10px; top: 10px; background:url(../img/leather-small.png) no-repeat 0 0;}

h1.head{ display: block; font-size: 22px; font-weight: bold; margin-bottom: 10px;}

header.simple{background: none!important; height: 100px!important;}
header.simple .fr{padding-top: 10px; }
.topZone{margin-bottom: 10px;}
.topZone.simple{text-align:center;  background: url(../img/stattopbg.jpg) left top repeat; height: 31px; }
.topZone.simple h1{text-align:center; font-size:25px; font-weight:normal; letter-spacing: -1px; color: #fff; padding-top: 3px;}


.member-box {width: 690px; height: 170px; background-color: #fff; padding: 20px;}
.member-box .elem{text-align: right;}
.member-box label.error { display: block; text-align: right; width: auto; position: absolute; left: 7px;  top: 31px; }
.member-box .fl{ padding-right: 5px; margin-right: 5px; border-right: 1px dotted #ddd; }
.member-box .fr{ width: 235px; }

.member-box-header{ width: 730px; }
.member-box-header .logo{ padding-top: 0; }
.member-box-header .info{ float: right; padding: 5px 3px 0 0; font-size: 14px; color: #c00; font-weight: bold; line-height: 20px; width: 400px; text-align: right; }

div.leftSide{float: left; display: block; width: 640px;}
div.rightSide{width: 300px; float: right; padding: 0 10px 5px 5px;}

table.grid {
	font-family: "Century Gothic"; 
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #002144;
	border-collapse: collapse;
    width: 100%;
}
table.grid th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #002144;
	background-color: #edf7ff;
}
table.grid td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #002144;
	background-color: #ffffff;
    vertical-align: middle;
}

.productList div.products{float: left; display: block; width: 640px;}
.productList .box{width: 180px; height: 280px; margin: 0 13px 10px 0; position: relative; float: left; z-index: 0;}
.productList .box a.prdct{display: block; text-decoration: none;}
.productList .box a.prdct img{width: 175px; height: 120px; border: 1px solid #1A8B88; padding: 2px; background-color: #fff; float: left;}
.productList .box a.prdct:hover img{border-color: #06e;}
.productList .box a.prdct:hover span{text-decoration: underline;}
.productList .box a.prdct:hover span.prdctCode{text-decoration: none;}
.productList .box a.prdct span.prdctCode{display: block; font-size: 11px; margin-top: 2px; color: #222; }
.productList .box a.prdct strong,.productList .box a.prdct span{display: block;}
.productList .box a.prdct strong{font-size: 16px; line-height: 20px; margin-bottom: 5px;}
.productList .box a.prdct span{font-size: 16px; font-weight: bold; /*position: absolute; bottom: 35px; left: 180px;*/ color: #5C9E73; }
.productList .box a.prdct span span{font-size: 12px; color: #555;  font-weight: normal; padding: 0 10px; display: inline-block; }
.productList .box a.brnd{position: absolute; z-index: 10; right: 5px; bottom: 5px; width: 50px; height: 31px; display: block;}
.productList .box a.brnd img{width: 50px; height: 31px;border: 1px solid #ddd; padding: 1px; background-color: #fff;}
.productList .box a.brnd:hover img{border-color: #06e;}
.productList .box a.all{position: absolute; bottom: 27px; left: 5px; }
.productList .box span.leather{position: absolute; right:13px; top:13px; z-index: 10; display: block; width: 35px; height: 26px; text-align: left; text-indent: -9999px; background:url(../img/leather-small.png) no-repeat transparent 0 0; }

.productList .box a.design{display: inline-block; padding: 1px 6px 1px 17px; font-size: 11px; text-decoration: none; background:url(../img/commonv1.png) no-repeat #eff7fb 3px -210px;}
.productList .box a.design{position: absolute; bottom: 5px; left: 5px; }
.productList .box a.design:hover{text-decoration: underline; background-position: 4px -210px;}

.productList .box a.prdct strong{font-weight:normal; letter-spacing:-1px; font-size:17px; color:#777777; font-family:'Century Gothic';}
.productList .box a.prdct img{width:175px; height:120px; border:1px solid #EBF0F0;}
.productList .box a.prdct:hover img{border-color:#DFE9F6;}

.productList .box span.status{position: absolute; top: 115px; left: 15px; z-index: 10; display: block; height: 20px; padding: 1px 1px 1px 20px ; background:no-repeat transparent 0 0 ; color: #ff7000; text-shadow: 1px 1px #fff; }
    .productList .box.sts2 span.status{background-image: url(../img/sts2.png); }
    .productList .box.sts3 span.status{background-image: url(../img/sts3.png); }
    .productList .box.sts4 span.status{background-image: url(../img/sts4.png); }
    .productList .box.sts5 span.status{background-image: url(../img/sts5.png); }



.productFilters{width: 300px; float: right; padding: 0 10px 5px 5px;}
    .productFilters .box{height: auto;}
    .productFilters h3{padding: 0 0 5px 0; font-size: 14px; border-bottom:1px dotted #e1e1e1 ; margin-bottom: 10px;}

.productFilters div.select{margin-bottom: 20px;}
.productFilters .box{width: 280px;}

div.select{position:relative;}
select.select{ position:relative; z-index:10; width:200px !important; height:26px !important; line-height:26px; }
span.select{ position:absolute; bottom:0; float:left; left:0; width:200px; height:26px; line-height:26px; text-indent:10px; background:url(../img/bg_select.gif) no-repeat 0 0; cursor:default; z-index:1;}
.PaketlemeTipleri{height: 60px;}
.PaketlemeTipleri .secilenkoli{float: left;}
.PaketlemeTipleri .pakettipi{float: right;}
.PaketlemeTipleri span{display: block; margin: 0 0 5px 0; font-weight: bold; font-size: 13px;}
.posetliagirlik{display: none;}
div.updating{background: url(../img/ajax-loader.gif) no-repeat 0 2px; display: block; height: 18px; padding: 0 0 0 24px; font-size: 16px; color: #002144; position: fixed; bottom: 10px; right: 10px; font-weight: bold; display: none;}

div.teslimatSecimi {padding-right: 10px;}
div.teslimatSecimi .select{top: 2px; }

.myPage .topMenus a.btn{ margin-left: 5px; }
.myPage .topMenus a.btn span{font-weight: bold; }
.myPage .topMenus a.btn.current span{color: #c00; }
.myPage .topMenus a.btn span{ position: relative; }
.infoNo{
    background-color: #F03D25;
    border: 1px solid #D83722;
    border-bottom: 1px solid #C0311E;
    border-top: 1px solid #E23923;
    color: #fff !important;
    position: absolute;
    top: -10px;
    right: 2px;
    padding: 2px 2px !important;
    font-size: 10px !important;
    line-height: 10px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0px 1px 2px 0px #333;
    -moz-box-shadow: 0px 1px 2px 0px #333;
    box-shadow: 0px 1px 2px 0px #333;
    z-index: /*20*/0;
}


.myPage .leftSide{width: 100%;}
.myPage td{text-align: center;}
.myPage td img{width: 80px; height: 60px;}
.myPage td a.zoomico{display: block; width: 80px; height: 60px; position: relative; margin: auto; padding: 0 20px 0 0; outline: none; }



.mansetSlider,.mainSlider{width: 620px; height: 250px; z-index: 0;}
.mainSlider{position: relative; overflow: hidden;}
.mainSlider ul{display: block; width: 5000px; height: 250px; position: absolute; z-index: 10;}
.mainSlider li{width: 620px; height: 250px; display: block; float: left;}
.mainSlider a.next,a.prev{display: block; width: 40px; height: 40px; position: absolute; bottom: 10px; background: url(../img/arrs.png) no-repeat; z-index: 15;}
    .mainSlider a.prev{left: 5px; background-position: left top;}
    .mainSlider a.next{ right:5px; background-position: right top;}
    .mainSlider a.prev:hover{background-position: left bottom;}
    .mainSlider a.next:hover{background-position: right bottom;}


#emaillist{ display: block; width: 335px; height: 41px; position: relative; background:url(../img/commonv1.png) no-repeat transparent 0 -120px; }
#emaillist input,#emaillist button{background: none; border: none; color: #1a8b88; position: absolute; }
#emaillist button{ left: 265px; top: 4px; height: 24px; width: 64px; text-align: left;}
#emaillist input{ top: 5px; left: 9px; height: 23px; width: 245px;}

.mw{display: inline-block; text-align: right; float: right; margin: 10px 5px 0 0 ; }
.mw em{display: inline-block; background:url(../img/commonv1.png) no-repeat transparent -187px -53px; width: 20px; height: 20px; vertical-align: middle;}


.dunadLogo{ float: right; margin: 0 0 10px 0; }    
    
/*
 * Socialite Look-a-like defaults
 */

#social { display: block; list-style: none; padding: 0; margin: 20px; }
#social > li { display: block; margin: 0; padding: 10px; float: left; }
#social .socialite { display: block; position: relative; background: url('images/social-sprite.png') 0 0 no-repeat; }
#social .socialite-loaded { background: none !important; }

#social .twitter-share { width: 55px; height: 65px; background-position: 0 0; }
#social .googleplus-one { width: 50px; height: 65px; background-position: -75px 0; }
#social .facebook-like { width: 50px; height: 65px; background-position: -145px 0; }
#social .linkedin-share { width: 60px; height: 65px; background-position: -215px 0; }
#social .stumbleupon { width: 50px; height: 65px; background-position: -295px 0; }

/*
 * Socialite Custom Default
 */
 #social2-load { margin: 0 0 0.625em 0; font-weight: bold; padding: 5px; }
.socialiteBlock { display: block; list-style: none; padding: 5px 0; margin: 5px 0; width: 540px ; display: inline-block; height: 20px; overflow: hidden; }
.socialiteBlock > li { display: block; margin: 0; float: left; }
.socialiteBlock li div{text-align: left;}
.socialiteBlock .socialite,.projectShares .socialite{ display: block; position: relative; width: 150px; height: 30px; background: url('../img/social2.png') 0 0 no-repeat; }
.socialiteBlock .socialite-loaded,.projectShares .socialite-loaded{ background: none; }

.socialiteBlock .twitter-share,.projectShares .twitter-share { background-position: 0 0; width: 105px; }
.socialiteBlock .facebook-like,.projectShares .facebook-like { background-position: 0 -90px; width: 95px; }
.socialiteBlock .googleplus-one  { background-position: 0 -45px; width: 70px; }
.socialiteBlock .linkedin-share  { background-position: 0 -135px; width: 100px; }
.socialiteBlock .pinterest-pinit  { background-position: 0 -175px; width: 80px; }

.socialiteBlock a.fbShare{margin-right: 10px; }
.makale-detay .detail-summary .socialiteBlock{width: auto; float: none; margin: 10px 0 0 0;}
.detail-summary .socialiteBlock{width: 340px; margin-bottom: 5px; padding-bottom: 5px; float: right;}

.pitem .shares{width: 140px;}
.pitem .shares .fl{width: auto !important; border: none !important; padding-left: 27px !important;} 


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
    #cboxTopLeft{width:25px; height:25px; background:url(../img/commonv1.png) no-repeat -100px -160px;}
    #cboxTopCenter{height:25px; background:url(../img/bg-x-b.png) repeat-x 0 -351px;}
    #cboxTopRight{width:25px; height:25px; background:url(../img/commonv1.png) no-repeat -125px -160px;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../img/commonv1.png) no-repeat -100px -185px;}
    #cboxBottomCenter{height:25px; background:url(../img/bg-x-b.png) repeat-x 0 -376px;}
    #cboxBottomRight{width:25px; height:25px; background:url(../img/commonv1.png) no-repeat -125px -185px;}
    #cboxMiddleLeft{width:25px; background:url(colorbox/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(colorbox/border2.png) repeat-y -25px 0;}
    
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:10px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:7px; left:80px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(colorbox/loading.gif) no-repeat 5px 5px;}

        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;
            width: 32px;
            height: 32px;
            background:url(../img/commonv1.png) no-repeat -19px -162px transparent;
            text-indent: -9999px;
        }
        #cboxNext{position:absolute; bottom:0px; left:40px; color:#444;
            width: 32px;
            height: 32px;
            background:url(../img/commonv1.png) no-repeat -55px -162px transparent;
            text-indent: -9999px;
        }

        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444; text-indent: -9999px;
            width: 16px;
            height: 16px;
            background:url(../img/commonv1.png) no-repeat 0 -172px transparent;
            top: 0;
        }
        #cboxTitle{display: block; width: 79px; height: 58px; position: absolute; left: 5px; top: 5px; color: #fff;}
        #cboxTitle em{display: block; width: 79px; height: 58px; background: url(../img/leather-big.png) no-repeat 0 0;}
        

/** SiteForm **/
label.error { font-size: 10px; color: #C00; padding: 3px; top: 10px; display: inline-block; width: 150px; position: static;}

.site-form{padding: 0 10px 10px 0; width: auto;}
.site-form .formRow{padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #ddd;}

.site-form .formRow div.label,.site-form .formRow div.sep,.site-form .formRow div.elem{
        padding: 5px 5px 0 10px; margin: 0; display: block; float: left; position: relative;
}
.site-form .formRow div.label{width: 120px; font-weight: bold; color: #555;}
.site-form .ReqApn{color: #c00; display: inline-block; width: 7px;  margin-left: -7px;}
.site-form .input-text,.site-form textarea,.site-form select{
    border:1px solid #b4d1c3; background: url(../img/input-back.png) 0 0 no-repeat #fff;
    font-size: 14px; font-size: 1.4rem; color: #087b45;
    padding: 4px ; margin-bottom: 5px;
}
.site-form .input-text.active,.site-form textarea.active,.site-form select.active{
    border-color: #9E841D;
}
.site-form select{padding: 3px;}
.site-form .formRow div.elem span{display: inline-block; padding: 0 0 3px 0; margin: 0;}
.site-form .input-text.error{border-color: #d1b3b3;}
.site-form .input-text.valid{border-color: #aadab7;}

.site-form .overlabel-apply{padding:3px; color: #ccc;}
.site-form label.error{display: inline;}


a.AdviceAddMail{margin-left: 10px; text-decoration: none;  background: url(../img/add.gif) left center no-repeat; padding-left:10px; width: 16px; height: 16px; text-indent: -9999px; display: inline-block;}
a.AdviceAddMail:hover{color:#c00; }
a.adviceRemove{margin-left:5px; text-decoration: none;  background: url(../img/cancel.gif) left center no-repeat; padding-left:10px;  width: 16px; height: 16px; text-indent: -9999px; display: inline-block;}
a.adviceRemove:hover{color:#c00;}
.addedEmails{margin: 3px 0; border: none; display: inline-block; background: none; cursor: default;}



td.orderstatus{width: 100px;}
.prgrsorder{display: block; width: 100px; height: 10px; padding: 1px; background-color: #fff; border: 1px solid #888; }
.prgrsorder div{display: block; width: 0px; height: 10px; }
.prgrsorder.prg1 div{width: 20px; background-color: #ffa500;}
.prgrsorder.prg5 div{width: 40px; background-color: #9f8c00;}
.prgrsorder.prg10 div{width: 60px; background-color: #5e7c00;}
.prgrsorder.prg15 div{width: 80px; background-color: #266e00;}
.prgrsorder.prg20 div{width: 100px; background-color: #006400;}
.prgrsorder.prg25 div{width: 100px; background-color: red;}

.scrollup{
	width:40px;
	height:40px;			
	text-indent:-9999px;
	opacity:0.3;
	position:fixed;
	bottom:50px;
	right:100px;
	display:none;			
	background: url('../img/icon_top.png') no-repeat;
}

/** NOTIFICATION **/
.toast-container{width:280px;z-index:9999}
* html .toast-container{position:absolute}
.toast-item{height:auto;background:#333;opacity:0.9;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;color:#eee;padding-top:20px;padding-bottom:20px;padding-left:6px;padding-right:30px;font-size:14px;border:2px solid #999;display:block;position:relative;margin:0 0 12px 0}
.toast-item p{text-align:left;margin-left:50px}
.toast-item-close{background:url(../img/not/close.gif);width:22px;height:22px;position:absolute;top:7px;right:7px}
.toast-item-image{width:32px;height:32px;position:absolute;top:50%;margin-top:-16px;left:10px}
.toast-item-image-notice{background:url(../img/not/notice.png)}
.toast-item-image-success{background:url(../img/not/success.png)}
.toast-item-image-warning{background:url(../img/not/warning.png)}
.toast-item-image-error{background:url(../img/not/error.png)}
.toast-type-notice{color:white}
.toast-type-success{color:white}
.toast-type-warning{color:white;border-color:#FCBD57}
.toast-type-error{color:white;border-color:#B32B2B}
.toast-position-top-left{position:fixed;left:20px;top:20px}
.toast-position-top-center{position:fixed;top:20px;left:50%;margin-left:-140px}
.toast-position-top-right{position:fixed;top:70px;right:20px}
.toast-position-middle-left{position:fixed;left:20px;top:50%;margin-top:-40px}
.toast-position-middle-center{position:fixed;left:50%;margin-left:-140px;margin-top:-40px;top:50%}
.toast-position-middle-right{position:fixed;right:20px;margin-left:-140px;margin-top:-40px;top:50%}

.newsList div.news{float: left; display: block; width: 640px;}
.newsList li.box{ width: 290px; height: 80px; float: left; margin: 0 10px 10px 0;}
.newsList li.box img{ padding: 10px; background-color: #fff; float: left; margin: 0 10px 40px 0; border: 1px solid #EBF0F0; }
.newsList li.box a {text-decoration: none; display: block; width: 280px; height: 80px; overflow: hidden; }
.newsList li.box a strong,.newsList li.box a span{ display: block; }
.newsDetail{width: 600px; float: left;}

/** BENZER ÜRÜNLER **/
.similarProducts{margin-top: 20px; padding-top: 10px; border-top: 1px dotted #ddd; width: 480px;}
.similarProducts h3 {margin: 10px 0 10px 0; font-size: 15px;}

.similarProducts .box{width: 135px; height: 190px; margin: 0 5px 10px 0; position: relative; float: left;}
.similarProducts .box a.prdct{display: block; text-decoration: none;}
.similarProducts .box a.prdct img{width: 130px; height: 104px; border:1px solid #EBF0F0; padding: 2px; background-color: #fff; float: left;}
.similarProducts .box a.prdct:hover img{border-color: #06e;}
.similarProducts .box a.prdct:hover span{text-decoration: underline;}
.similarProducts .box a.prdct strong,.similarProducts .box a.prdct span{display: block;}
.similarProducts .box a.prdct strong{font-size: 16px; line-height: 20px; margin-bottom: 5px;}
.similarProducts .box a.prdct span{font-size: 16px; font-weight: bold; /*position: absolute; bottom: 35px; left: 180px;*/ color: #5C9E73; }
.similarProducts .box a.prdct span span{font-size: 12px; color: #555;  font-weight: normal; padding: 0 10px; display: inline-block; }
.similarProducts .box a.brnd{position: absolute; z-index: 10; right: 5px; bottom: 5px; width: 50px; height: 31px; display: block;}
.similarProducts .box a.brnd:hover img{border-color: #06e;}
.similarProducts .box a.all{position: absolute; bottom: 27px; left: 5px; }
.similarProducts .box a.prdct strong{font-weight:normal; letter-spacing:-1px; font-size:15px; color:#777777; font-family:'Century Gothic';}
.similarProducts .box a.prdct:hover img{border-color:#DFE9F6;}



/* Sayfalama */
.pagination {
    padding: 5px 10px 5px 5px;
    margin-bottom: 10px;
}

a.pagen,span.pagen {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

a.pagen:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}
a.pagen.active,span.pagen.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

/* 
	LEVEL ONE
*/
li.dropdown{ position: relative; z-index: 16; }
li.dropdown ul{ position: absolute; top: 25px; left: 10px; display: block; width: 200px; z-index: 20; visibility: hidden; }
li.dropdown  a{padding-bottom: 20px;}
li.dropdown li a{color: #333; text-decoration: none; display: block; padding-bottom: 20px;}
li.dropdown li,li.dropdown li.first,li.dropdown li:first-child{ width: 200px ; display: block; position: relative; background: #ddd; padding: 5px; margin: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-bottom: 1px dotted #fff; }
li.dropdown ul ul{ left: 200px; top: 4px; }
/*li.dropdown ul ul li,li.dropdown ul ul li.first,li.dropdown ul ul li:first-child,li.dropdown ul ul li.last,li.dropdown ul ul li:last-child{ z-index: 10;}*/

li.dropdown li.hover{ background-color: #eee; cursor: pointer;}

header nav.languages.logn {width: 30px; position: relative; height: 30px; overflow: hidden;}
header nav.languages.logn ul {width: 30px; position: absolute; padding: 2px 1px;}

header nav.languages.logn:hover{overflow: visible;}
header nav.languages.logn:hover ul{background-color: #4c8d63;}

.altBayiLinki{position: relative;}