/* RESET */
* { margin:0; padding:0; font-family:'Segoe UI', 'Segoe WP', 'Segoe UI Regular', 'Helvetica Neue', Helvetica, Tahoma, 'Arial Unicode MS', sans-serif; }
p { margin-bottom:12px; }
img { border:0; }
ul, ol { list-style:none;}
a { text-decoration:none; }
*:focus { outline:none; }
.clear { display:block; clear:both; }
.center { text-align:center; }
input[type="submit"] {cursor:pointer;}
/* !RESET */

/* Fa entegre */
@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(./fontawesome/webfonts/fa-solid-900.eot);
    src: url(./fontawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(./fontawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(./fontawesome/webfonts/fa-solid-900.woff) format("woff"), url(./fontawesome/webfonts/fa-solid-900.ttf) format("truetype"),
        url(./fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg");
}
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./fontawesome/webfonts/fa-brands-400.eot");
  src: url("./fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("./fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("./fontawesome/webfonts/fa-brands-400.woff") format("woff"), url("./fontawesome/webfonts/fa-brands-400.ttf") format("truetype"), url("./fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg"); 
  }

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; 
}

.fa {
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* !awesome entegre */

/* Genel Ayarlar */
.ortala { text-align:center; }
.hOrtala {width:1200px; margin: 0 auto 0}
.hOrtala i{
	margin-right:-10px;
}
.y33 { width:33%}

.solf { float:left; }
.sagf { float:right; }

.solta {  text-align:left; }
.sagta {  text-align:right; }
.ortata { text-align:center; }
.p5 { padding:5px; }
.p10 { padding:10px; }

.m5 { margin:5px; }
.m10 { margin:10px; }

.w25 { width:25px; }
.w50 { width:50px; }
.w75 { width:75px;}
.w100 { width:100px; }
.w150 { width:150px; }
.w200 {	width:200px; }
.w250 {	width:250px; }
.w300 {	width:300px; }
.w350 {	width:350px; }
.w500 {	width:500px; }

.h20 { height: 20px; }
.h30 { height: 30px; }
.h40 { height: 40px; }
.h50 { height: 50px; }
.h60 { height: 60px; }
.h70 { height: 70px; }
.h80 { height: 80px; }
.h90 { height: 90px; }
.h100 { height: 100px; }
		
.satir {font-size:19px;}
.satir img {margin-bottom:-2px;}
.pagination {
	margin: 5px 0 10px 5px;
	font:14px/24px sans-serif;
}

.pagination a:hover{
	background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}
.pagination a {
	color: #666;
    font: 14px/24px sans-serif;
	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);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.pagination a.current {
   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);

}

.notification {
	padding: 15px 15px;
	margin-bottom: 15px;
	border: 1px solid #A5BD71;
	font-size: 12px;
	text-align: left;
}
.success {background: #E4F1C9;}
.warning {background: #fcc;}
.attention {background: #FFF298;}
.errorn {background: #F1E4C9;}

.detayGor { cursor:pointer; }
/* !Genel Ayarlar */
.textborder {text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
body {background: url(../images/bodyarka.png) repeat;     
	/*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	*/}


/* Arama Butonu */


.ara {
  width: 100%;
  position: relative;
  display: flex;
  margin-top:10px;
}
.ara .cAra{
	width:100%;
	height:30px;
	
}

.cAra {
  width: 100% !important;
  border: 1px solid #00a201 !important;
  border-right: none;
  padding: 5px;
  height: 20px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #3f3f3f;
}

.cAra:focus{
  color: #3f3f3f;
}

.aramaButonu {
  width: 40px;
  height: 40px;
  border: 1px solid #00a201;
  background: #00a201;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
  margin-top:5px;
}

/*Arama End*/







.onlineYardim {
display: inline-block;
margin-top: 0px; margin-right: 0px; margin-bottom: 0px; border: 0px; overflow: hidden; position: fixed; z-index: 888; right: 10px; bottom: 0px;
}
.yardimKapali { 
width: 203px;
}
.yardimAcik { 
color:#222; background:#fff ;width: 350px; height: 300px;
}
#yardimBaslik {
color:#fff; font-style:Impact; background:url(../images/ortamavi.png); height: 25px; padding-top:5px;padding-left: 10px;
}
a.yardimToggle {
	cursor:pointer;
}

#kayanheader {
    position: fixed;
    top: 0;
    display: none;
	z-index:9999;
	width:100%;
	background: url(../images/hserit.png) repeat-x;
	height:41px;
}
.aksamArama {background:rgb(43, 84, 100); padding:20px;margin:20px;text-align:center;}
.aksamArama .aksamAktif,.aksamArama .aksamLink {
	color:#fff;margin-right:15px;display:inline-block;
}
.aksamArama .aksamAktif:hover,.aksamArama .aksamLink:hover {
	font-weight:bold;
}
.aksamArama .aksamAktif {
font-weight:bold;
}
.gelismisArama {background-color:#3f3f3f; padding:15px 0;}
.gelismisArama .ara {width:21%;margin-left:3%; float:left;}
.gelismisArama .ara select {width:100% !important; }
#fullpage { position:relative;background-color:#fff }
	#headerup{height: 50px; padding: 0px; background-color: #3f3f3f; position: relative; z-index: 1101;}
	.hOrtala .headerText{
		width: 117px;
		height: 28px;
		float: left;
		margin: 5px 100px 0 0;
		padding: 9px 0 0 0;
		color: white;
		
	}
	#header{ min-width:1200px; height:175px; background-color:#fff; }
		#hwrapper { width:1200px; height:175px; margin:0 auto; position:relative; overflow: hidden;}
		#logo { position:absolute; top:5px; }
		/*#logo a { display:block; width:326px; height:165px; background-image: url(../images/sprite.png); background-position:0 0;}
		*/
		#logo a { display:block; width:715px; height:170px; background-image: url(../images/sprite.png); background-position:0 -305px;}
		#headerno {position:absolute; left:845px; top:40px; background-image: url(../images/sprite.png); background-position:0px -0px; width:313px; height:138px;}
		.hbutton{
			cursor: pointer;
			min-width: 95px;
			float: right;
			height: 47px;
			font-size: 14px;
			color: #fff;
			text-align: right;
			margin-top: -2px;
			margin-right:40px
			}
		#hfbaglan {left: 827px;margin-right:10px;}
		#hfbaglan .fText,.loginText {
			width: 180px;
			height: 28px;
			float: left;
			margin: 16px 10px 0 5px;
					
		}
		.hSepet{
			float:left;
			margin-top:14px;
			font-size:17px;
		
		}
		.hLogin{
			float: left;
			margin-top: 14px;
			font-size: 16px;
		
		}
		.hFace{
			float: left;
			margin-top: 13px;
			font-size: 20px;
	
		}
		.hInfo{
			float: left;
			margin-top: 13px;
			font-size: 16px;
			color:white;
			margin-right:15px;
		}
		.hPhone{
			float: left;
			margin-top: 13px;
			font-size: 16px;
			margin-right:15px;
			color:white;
		}
		#hsepet{
			margin-left:30px;
			margin-right:0px;
			
		}
		#hsepet a{
			display: block;
			min-width: 54px;
			height: 29px;
			color: #fff;
			padding: 15px 5px 2px 0px;
		}

		#hsepet .sText{
			width: 85px;
			height: 28px;
			float: left;
			font-size:16px;
			
		}
		#hgiris{left:910px;}
		#hgiris .loginText{
			width: 85px;
			height: 28px;
			float: left;
			margin: 0 15px 0 0;
			
		}
		#hgiris a{
			display: block;
			width: 150px;
			color: #fff;
			font-size: 16px;
			padding: 15px 2px 2px 0px;
		}
		#hfbaglan a{
			font-size: 16px;
			
		}
		
		
	#hserit {margin:0 auto; height:41px; width:100%; z-index: 1100;top:0;background:#00a201;background-image: linear-gradient(to bottom, #00a201, #00a201);}
		#hswrapper { width:1200px; margin:0 auto; position:relative; height:38px;}
		#hswrapperalt { width:100%; margin:0 auto; position:relative; height:6px;background: #f00;}
		
			#hara {position:absolute; right:10px; top:7px; background-image: url(../images/sprite.png); background-position:-330px -1px; width:564px; height:25px;}
			#hara form input[type="text"]{position:absolute; right:40px; top:3px; border:0px; width:500px; height:19px; margin:0 !important; padding:0 !important;}
			#hara form input[type="submit"] {position:absolute; right:10px; top:3px; border:0px;background-image: url(../images/sprite.png); background-position:-898px -3px; width:20px; height:19px; font-size:12px; font-weight:bold;}
		#headermenu { padding-top:10px;}
			/*#headermenu ul li { float:left; padding-right:5px; }*/			#headermenu ul li { margin-top:-15px; margin-right:20px; text-align:center;padding-top:12px; height:25px; float:left; /*background:url(../buttons/bannerbuton.png) no-repeat;*/}
			#headermenu a{color:#fff;font-family: sans-serif;font-weight: normal;}			/*#headermenu a{ color:#1A171B; font-family:"Open Sans"; font-weight:bold; font-size:16px;letter-spacing:0;}*/
			#headermenu a:hover{text-decoration:none;}
			#headermenu span.ayrac {margin: -5px 5px; padding-left:2px;height:25px;
			background:url(../images/headerayrac.png) repeat-x;}
	#footer { /*position:absolute; display:none; */}
	#pagebody {margin: auto; width:1200px; position:relative}
		#solblok {float:left; width:200px; /*background-color:#fff;*/ padding-top:15px;}
			.blok {margin-bottom:15px; overflow:hidden;}
				.blokheader{padding-left:15px; padding-top:5px; height:25px;color:#fff; background: #00a201;
		  background-image: linear-gradient(to bottom, #00a201, #00a201);}
				.blokheader a {color:#fff;}
				.blokheader h1 {margin:0;padding:0;font-size:16px;font-weight:normal;}
				.blokpage { background-color:#F6F6F6;padding-left:10px; padding-right:10px; padding-bottom:5px; margin-bottom:7px; border:1px solid #ccc; position:relative;}
		#sagblok {float:right; width:200px; /*background-color:#fff;*/ padding-top:15px;}
			.sepetblokimg {float:left; margin:10px 15px 0px 0px;}
		#ortablok {/*position:relative;*/ float:left; /*background-color:#fff;*/ padding-top:15px;}
		#ortablok .blok .blokpage { background-color:#fff !important; }
		.ikibloklu { margin-left:20px; width:760px; }
		.solbloklu { margin-left:20px; width:980px;}
		.sagbloklu {width:980px; }
		.bloksuz { width:1200px;}		.lazy-hidden {			background: #eee url('../images/loading.gif') no-repeat 50% 50%;		}
		.anaUrunListe {position: relative;font-family: "Trebuchet MS";font-size: 12px;width: 175px;margin: 10px 0 20px 7px;border: 1px solid #147DA5;float: left;padding: 2px 0;text-align: center;}
		
		.anaUrunListeYazi{text-align:center;height:30px;color:#000033; overflow:hidden;}
		.anaUrunListeYazi a{text-align:center;height:30px;color:#000033;}
		.anaUrunListeUrunID{color:#666;height:10px;}
		.anaUrunListeFiyat {font-size:22px;color:#4380EB; }
		.anaUrunListe .urunSerit { position:absolute; top:-1px; right:-1px; height:70px;}
		
		.anaKategoriListe {position: relative;font-family: "Trebuchet MS";font-size: 12px;width: 180px;margin: 15px 0 0px 7px;/*border: 1px solid #147DA5;*/float: left;padding: 2px 0;text-align: center;}
		
		.anaKategoriListeYazi{text-align:center;height:35px;color:#33f;}
		.anaKategoriListeYazi a{text-align:center;height:45px;color:#33f;font-weight:bold;}
		
		.sepetButton { border: 0; background: transparent;/*position:absolute;bottom:1px;right:1px*/ }
		.sepeteAt,.sepetButton { display:inline-block; width:116px; height:32px; background-image: url(../images/sprite.png); background-position:-820px -100px;}
		.noStok { display:inline-block; width:116px; height:32px; background-image: url(../images/sprite.png) !important; background-position:-820px -62px !important;}
		
		ul.menuAnaUl li{ font-size:11px; line-height: 20px;color: #333;width:175px; margin:5px 0; padding-left:3px;}
		ul.menuAnaUl li, ul.menuAnaUl li a{ font-weight:bold; color:#3f3f3f;}
		#menu ul.menuEnAltUl, #menu ul.menuAltUl,#menu ul.menu2AltUl { display:none;  }
		ul.menuAltUl li { padding-left:15px; width:160px; }
		ul.menuAltUl li,ul.menuAltUl li a { font-weight:bold; color:rgb(43, 84, 100);}
		ul.menu2AltUl li { padding-left:25px; width:160px; }
		ul.menu2AltUl li,ul.menuEnAltUl li a { font-weight:normal; color:#555;}
		ul.menuEnAltUl li { padding-left:35px; width:160px; }
		ul.menuEnAltUl li,ul.menuEnAltUl li a { font-weight:normal; color:#555;}
		ul.menuAnaUl li a img {
			margin-bottom:-3px;
		}
		
		input[type=text],input[type=password], textarea {
			  outline: none;
			  border: 1px solid #DDDDDD;
		}
		.submit {
			background: #087098;
			background: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0FAFFF', endColorstr='#0044FF');
			background: -webkit-gradient(linear, left top, left bottom, from(#0FAFFF), to(#0044FF)); 
			 background: -webkit-linear-gradient(#0FAFFF, #0044FF); 
			 background: linear-gradient(#0FAFFF, #0044FF); 
			outline:none;
			border:0px;
			margin: 5px 0;
			padding:5px 18px;
			color: white !important;
			font-size: 1.2em;
			white-space: nowrap;
			text-overflow: ellipsis;
			text-decoration: none !important;
		}
		input[type=text],input[type=password],textarea,select {
			padding:5px;
			margin:5px;
			width:250px;
		}
		
		/* Hesabım */
		.saklananSiparis { display:none; }
		#tumSiparisler .adetEksi,#tumSiparisler .adetArti { display: none !important; }
		.siparislerimBaslik { background:#3498db; width:725px; margin:auto; margin-top:10px; font-family:"Trebuchet MS";font-size:12px; border:1px solid #ccc; padding:5px; }
		.hesabim input[type=text],.hesabim input[type=password] {
			padding:5px;
			margin:5px;
			width:250px;
		}
		.bilgiler { padding-top:15px; }
		.bilgiler .ozellikBaslik {
			float:left;
			clear:left;
			font-weight:bold;
			color:#333;
		}
		.bilgiler .ozellikOzellik {
			float:left;
			
			color:#333;
		}
		.bilgiler .editable {
			color:#33f !important;
			font-style:italic;
			min-width:200px;
		}
		.bilgilerimAktif {
			font-weight:bold;
			font-style:italic;
		}
		/*! Hesabım */
		
		/* ödeme */
 .has-error input {
      border-width: 2px !important;
	  border-color: red !important;
    }
.example{background:#fff}
.example .cardInfo__cc-num{float:left;width:70%;margin-right:.75em}
.example .cardInfo__cc-cvc{float:left;width:27.5%}.example label[for="cc-exp"]{float:left;margin:.6125em .75em 0 0}
.example .cc-exp__example{margin-top:0}
.payment{*zoom:2 !imporant;background:#fff}
.payment:before,.payment:after{content:" ";display:table}
.payment:after{clear:both}.cardInfo{font-size:1.25em}
.cardInfo__personalDetails,
.cardInfo__cardDetails{border:none;padding:0;margin:0}
.cardInfo__cardDetails{border-top:solid 1px #eee;margin-top:.375em}
.paymentInfo__total{font-size:1.25em;background:url(../icons/kilit.svg) no-repeat center left;-webkit-background-size:1.5em;background-size:1.5em;margin:.75em 0;padding-left:2em}
.form-row{margin:.375em 0}label{cursor:pointer;display:inline-block;font-size:.75em}
.icon-secure,.cc-num__wrap{position:relative}.cardInfo_firstname,.cardInfo_surname{width:48.75%}
.cc-num__wrap { width:99%; }
.cardInfo__cc-num { width:31.5%;}
.cardInfo_firstname{float:left}.cardInfo_surname{float:right;margin-right:2%;}
.card{position:absolute;display:block;right:2%;top:50%;margin-top:-10px;width:28px;height:19px;background:url(../icons/kart.svg) center center;-webkit-background-size:100%;background-size:100%}
.cardInfo__cc-exp,.cardInfo__cc-cvc,.cc-exp__example{float:left;max-width:4.875em}
.cardInfo__cc-exp{margin-right:.75em}.cardInfo__cc-exp,.cc-exp__example{max-width:5.75em}
.cc-num.visa+.card{background:url(../icons/visa.png) no-repeat center center}
.cc-num.amex+.card{background:url(../icons/amex.png) no-repeat center center}
.cc-num.mastercard+.card{background:url(../icons/mastercard.png) no-repeat center center}
.cc-num.diners+.card{background:url(../icons/diners.png) no-repeat center center}
.cc-num.discover+.card{background:url(../icons/discover.png) no-repeat center center}
.cardInfo__submission{clear:both;padding-top:1.125em;margin-bottom:.75em}
	.payment select,.payment input[type="email"],.payment input[type="number"],.payment input[type="password"],.payment input[type="search"],.payment input[type="tel"],.payment input[type="text"],
	.payment select,.payment input[type="url"],.payment input[type="color"],.payment input[type="date"],.payment input[type="datetime"],.payment input[type="datetime-local"],
	.payment input[type="month"],.payment input[type="time"],.payment input[type="week"]{width:99%;display:block;margin-top:.35em;padding:.35em;background:#fff;border:solid 1px #ccc;border-radius:.1875em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.2s;transition:all 0.2s;-webkit-font-smoothing:antialiased}

	.payment select.identified,.payment input[type="email"].identified,.payment input[type="number"].identified,.payment input[type="password"].identified,
	.payment input[type="search"].identified,.payment input[type="tel"].identified,.payment input[type="text"].identified,.payment input[type="url"].identified,
	.payment input[type="color"].identified,.payment input[type="date"].identified,.payment input[type="datetime"].identified,.payment input[type="datetime-local"].identified,
	.payment input[type="month"].identified,.payment input[type="time"].identified,.payment input[type="week"].identified{border-color:#2ecc71}
	
	.payment select:focus,.payment input[type="email"]:focus,.payment input[type="number"]:focus,.payment input[type="password"]:focus,.payment input[type="search"]:focus,
	.payment input[type="tel"]:focus,.payment input[type="text"]:focus,.payment input[type="url"]:focus,.payment input[type="color"]:focus,.payment input[type="date"]:focus,
	.payment input[type="datetime"]:focus,.payment input[type="datetime-local"]:focus,.payment input[type="month"]:focus,.payment input[type="time"]:focus,.payment input[type="week"]:focus{border-color:#fff;-webkit-box-shadow:0 0 .1875em #3498db;box-shadow:0 0 .1875em #3498db;outline:none}

	.payment select:focus.identified,.payment input[type="email"]:focus.identified,.payment input[type="number"]:focus.identified,.payment input[type="password"]:focus.identified,
	.payment input[type="search"]:focus.identified,.payment input[type="tel"]:focus.identified,.payment input[type="text"]:focus.identified,.payment input[type="url"]:focus.identified,
	.payment input[type="color"]:focus.identified,.payment input[type="date"]:focus.identified,.payment input[type="datetime"]:focus.identified,
	.payment input[type="datetime-local"]:focus.identified,.payment input[type="month"]:focus.identified,.payment input[type="time"]:focus.identified,
	.payment input[type="week"]:focus.identified{border-color:#2ecc71;-webkit-box-shadow:0 0 .1875em #2ecc71;box-shadow:0 0 .1875em #2ecc71}
	
	.payment input[type="submit"]{font-size:.875em;background:#2ecc71;border:solid 1px #29b765;padding:.375em .5em;color:#fff;border-radius:.1875em}.cancel-link{font-size:.875em;float:right;color:#bbb;padding-top:.375em}.cc-exp__outputs{margin:0;padding:0.35313em 0 0}@media screen and (max-width: 40em){.cc-exp__outputs{padding:0.70625em 0 0;clear:both}}@media screen and (min-width: 40em){.cc-exp__outputs{float:right}}.cc-exp__outputs b{color:#999}.cc-exp__output{margin-right:.75em}.cc-exp__output:last-of-type{margin-right:0}

		 /* !ödeme */
		 
		/* Ürün */
		.urunAciklama { left: 250px; margin-left:10px; position:absolute; height:255px; width:500px;}
		.urunAciklama .ozellikBaslik, .urunAciklama .ozellikOzellik { margin-bottom:5px; border-bottom:solid  1px #999;  height:22px; overflow:hidden;}
		.urun .urunResim { float:left; padding:15px 0px;}
		.urun .urunResim img {
		   padding:1px;
		   border:1px solid #f33;
		   background-color:#fff;
		}
		.pfiyat { text-decoration:line-through; color:#f33 !important;}
		.urunAciklama .urunShare {clear:both; position:absolute;bottom:5px;}
		.urunAciklama .urunShare .divler{clear:both; position:relative;width:490px;height:30px;overflow:hidden;}
		.urunAciklama .urunShare .twitter{clear:both; position:absolute; left:0px; top:8px;}
		.urunAciklama .urunShare .gplus{clear:both; position:absolute; left:95px; top:5px;}
		.urunAciklama .urunShare .fbegen{clear:both; position:absolute; left:200px; top:8px;}
		.urunAciklama .urunShare .fpaylas{clear:both; position:absolute; left:298px; top:8px;}
		
		.sepeteEkle { /*position:absolute;right:70px;bottom:1px; text-align:right;*/}
		input#sepeteEkleAdet {width:25px !important; text-align:center; }
		.sepetUrunListe {width:725px; margin:auto; margin-top:10px; font-family:"Trebuchet MS";font-size:12px; border:1px solid #ccc; padding:5px; text-align:center;}
		.sepetUrunListeYazi{text-align:center;color:#000033; float:left;}
		.sepetUrunListeUrunID{color:#666; float:left;}
		.sepetUrunListeFiyat {font-size:16px;color:#4380EB;  text-align:right}
		.sepetUrunListeBFiyat {font-size:16px;color:#EB8043;  text-align:right}
		.siparisUrunListeAdet { font-weight:bold; text-align:center; }
		span.urunAdet { vertical-align:top;}

		#urunDevamTabBaslik {
		  overflow: hidden;
		  width: 100%;
		  margin: 0;
		  padding: 0;
		  list-style: none;
		}

		#urunDevamTabBaslik li {
		  float: left;
		  margin: 0 .5em 0 0;
		}

		#urunDevamTabBaslik a {
		  position: relative;
		  /*background: #ddd;
		  background-image: linear-gradient(to bottom, #0FAFFF, #0044FF);  */
		  background: url(../images/ortamavi.png) repeat-x;
		  padding: .4em 1.2em;
		  float: left;
		  text-decoration: none;
		  color: #fff;
		  text-shadow: 0 1px 0 #333;
		  border-radius: 5px 0 0 0;
		  box-shadow: 0 2px 2px #333;
		  font-size:13px;
		}

		#urunDevamTabBaslik a:hover,
		#urunDevamTabBaslik a:hover::after,
		#urunDevamTabBaslik a:focus,
		#urunDevamTabBaslik a:focus::after,
		#urunDevamTabBaslik #current a,
		#urunDevamTabBaslik #current a::after {
		  background-image: linear-gradient(to bottom, #0FAFFF, #0044FF);
		}

		#urunDevamTabBaslik a:focus {
		  outline: 0;
		}

		#urunDevamTabBaslik a::after {
		  content:'';
		  position:absolute;
		  z-index: 1;
		  top: 0;
		  right: -.5em;  
		  bottom: 0;
		  width: 1em;
		  /*background: #ddd;
		  background-image: linear-gradient(to bottom, #0FAFFF, #0044FF);  */
		  background: url(../images/ortamavi.png) repeat-x;
		 box-shadow: 2px 2px 2px #000;
		  transform: skew(10deg);
		  border-radius: 0 5px 0 0;  
		}

		

		#urunDevamTabIcerik {
		  background: #fff;
		  padding: 5px 10px;
		  min-height: 220px;
		  position: relative;
		  z-index: 2; 
		  border-radius: 0 5px 5px 5px;
		  box-shadow: 0 -2px 3px -2px #333;
		  border:1px solid #ccc;
		}
		
		#tabGorsel img { margin:5px; border:2px solid #f33; }

		/* !Ürün */
		/* bankalar */
		.bankaliste { background-color:#ccc; width:300px;}
		.bankaliste .baslik { color:#333; font-weight:bold;}
		.bankaliste .ebaslik { color:#333; font-weight:bold; float:left; width:100px; text-align:right;}
		.bankaliste .edeger { color:#333;float:left; width:140px; margin-left:10px; text-align:left;}
		/* !bankalar */
		
		/* Satın Al */
		.kargoliste { background-color:#ccc; }
		.kargoliste .baslik { color:#4380EB; font-weight:bold;}
		.kargoliste .fiyat { color:#333; font-weight:bold;}
	
		.baslik { color:#333; font-size:16px; font-weight:bold; }
		
		.kartSutun { float:left; margin-right:5px; width:164px;margin-bottom:15px;}
		.kartSutunBos { float:left; margin-right:5px; width:20px;}
		.kartSutun .kartBaslik { padding-top:5px; height:50px; ptext-align:center; width:162px !important; font-size:12px; font-weight:bold;color:#333;}
		.kartSutunBos .kartBaslik { height:57px; width:15px !important; border:none !important; }
		.kartSutun div { width:80px; border:1px solid #333; text-align:center; }
		.kartSutunBos div { width:15px; border:1px solid #333; text-align:center; }
		.kartSutunBos .taksitSayisi { width:15px !important; color:#333; font-weight:bold;}
		.kartSutun .taksitDeger {float:left; }
		.kartSutun .toplamTutar {float:left; }
		
		
		#satinAlAsamalar {
		text-align: left;
		}
			#satinAlAsamalar ul {
				list-style: none;
				display: inline-table;
			}
				#satinAlAsamalar ul li {
					display: inline;
				}
				#satinAlAsamalar ul li a {
					display: block;
					float: left;
					height: 35px;
					background: #3498db;
					text-align: center;
					padding: 10px 7px 0 25px;
					position: relative;
					margin: 0 10px 0 0; 
					font-size: 17px;
					text-decoration: none;
					color: #fff;
				}
					#satinAlAsamalar ul li a:after {
						content: "";  
						border-top: 23px solid transparent;
						border-bottom: 22px solid transparent;
						border-left: 20px solid #3498db;
						position: absolute; right: -20px; top: 0;
						z-index: 1;
					}
					
					#satinAlAsamalar ul li a:before {
						content: "";  
						border-top: 23px solid transparent;
						border-bottom: 23px solid transparent;
						border-left: 20px solid #fff;
						position: absolute; left: 0; top: 0;
					}
			
						#satinAlAsamalar ul li:first-child a {
							border-top-left-radius: 10px; border-bottom-left-radius: 10px;
						}
						#satinAlAsamalar ul li:first-child a:before {
							display: none; 
						}
						
						#satinAlAsamalar ul li:last-child a {
							padding-right: 30px;
							border-top-right-radius: 10px; border-bottom-right-radius: 10px;
						}
						#satinAlAsamalar ul li:last-child a:after {
							display: none; 
						}
					
					#satinAlAsamalar ul li a:hover,#satinAlAsamalar ul li a.aktif {
						background: #fa5ba5;
					}
						#satinAlAsamalar ul li a:hover:after,#satinAlAsamalar ul li a.aktif:after {
							border-left-color: #fa5ba5;
						}
	#footer{ min-width:1200px; height:170px; background: rgb(43, 84, 100);border-top:6px solid #00aff0;	}
	#fwrapper { width:760px; margin:0 auto; position:relative; height:170px;}
		
	#footer .fsutun {
		float:left; padding:10px; color:rgb(176, 197, 209);
	}
	#footer .fsutun a {color: #fff; font-size:12px;}
	
	
/* header sepet	*/
.sepetAlani {background: #fff;width: 300px;margin-left: -210px;color: #000;}
.topSepetUrun { padding:10px 5px 0px 5px;border-bottom:1px dashed #ccc;}
.topSepetUrun .tsUrunResim {width:65px;float:left;margin:0 5px 5px 0px}
.topSepetUrun .tsUrunResim img {width:65px;}
.topSepetUrun .tsUrunBaslik {width:220px;float:left;font-size:12px;text-align:left;}
.topSepetUrun .tsUrunAdet {width:220px;float:left;text-align:center;font-size:8px;color:#333;}
.topSepetUrun .tsUrunFiyat {width:220px;float:left;text-align:center;font-size:14px;}



/* form hataları */
label.error { display:block; color:#f00;}