@charset "iso-8859-9";
body {
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	margin: 0px;
	background:#fff;
	border-top:1px solid #EC5D5D;
	
}
.clearfix{clear:both;}
a,img { border:none; text-decoration:none; color:#333; }
/*UST KISIM*/

.homemessage{height:16px;text-align:center; font-size:20px; background:#d11c1c;margin-bottom:5px; margin-top:1px; color:#fff;padding:16px; padding-top:8px; text-shadow:0px -1px 1px #333; letter-spacing:1px; width:965px; border-radius:3px;}

.blok1{float:left;  width:290px; text-align:left; padding-top:9px; }
.blok2{float:left; width:550px; margin-top:30px; text-align:center;}
.blok3{float:right; width:130px;text-align:left; padding-top:30px;}
.sepetPanel{ padding-bottom:4px; margin-top:6px; padding-left:10px; text-align:right}

.icerikListAlt{float:right}
.icerikListAlt ul{margin:0; padding:0; list-style:none;}
.icerikListAlt ul li{display:block; float:left; padding:3px 7px;}
.icerikListAlt ul li a {color:#666; text-decoration:none; font-size:12px;}

.topheader{ height:37px; display:none}
.topheaderContent{width:999px; margin-left:auto; margin-right:auto; text-align:center;}
.user{padding-right:10px; padding-top:3px; text-align:right; float:left}
.user a{margin-top:1px; margin-right:12px;font-size:12px; color:#666; text-decoration:none}
#wrapper{width:999px; padding:7px; padding-bottom:14px; margin-left:auto;margin-right:auto; background:#FFF; /*box-shadow:0 0 13px #ccc;*/}
.headerTop{height:130px; background:#f9f9f9; border-bottom:1px solid #ebebeb;border-top: 1px solid #fff; }
#header{url(headerBg.png)/*tpa=http://www.slopet.com/magaza/templates/modaclick/images/headerBg.png*/ repeat-x; width:990px; margin-left:auto; margin-right:auto;}
.logo{text-align:left; transition: all 0.5s ease 0s;}

.headerSag{float:left; padding-top:20px;}
.headerLink{padding-top:10px; height:10px; margin-right:7px;}
.headerLink ul{margin:0px; padding:0px; list-style:none;}
.headerLink ul li{display:block;float:left; padding:1px;border-right:solid 1px #CCC; margin-right:4px;}
.headerLink ul li a{text-decoration:none; color:#333; font-size:13px; padding:5px;}
.sepet{margin-top:1px; float:right; font-size:12px; font-weight:bold; color:#333}

	
#search{width:330px; height:35px; float:left; border:solid 1px #e1e1e1; background:#fff; border-radius:14px;}
	.input_text{height:17px; border:none; width:260px; padding:4px; padding-left:30px; color:#999; font-size:12px; outline:none}
	.ara{background:#d22b62; border:solid 1px #333;margin-left:3px;font-size:12px;height:17px;color:#FFF;}
.search-button {background: url("search-btn.png")/*tpa=http://www.slopet.com/magaza/templates/modaclick/images/search-btn.png*/ no-repeat scroll 0 0 transparent;
border: medium none;
cursor: pointer;
height: 16px;
margin-right: 2px;
margin-top: 10px;
width: 17px;}
	
	
/*ORTA KISIM*/

#content {width:999px; margin-left:auto;margin-right:auto;margin-top:10px;}

#slider {
	
	width: 990px;
	height: 420px;
	float: left;
	border:solid 1px #e1e1e1;
}

#slidess {width:990px; background:transparent; height:420px; margin-bottom:7px; }


.kampanyaBox{width:332px; float:left;margin-right:1px;}

/*SOL KISIM*/
#left{width:230px; float:left; padding-top:10px; }
.kategoriBaslik{height:27px;border-bottom:solid 1px #f3f3f3; font-size:20px; color:#333; }
.kategoriListe {margin-top:10px; margin-bottom:10px;}
	.kategoriListe ul{margin:0; padding:0; list-style:none;}
	.kategoriListe ul li{display:block; padding:2px; line-height:18px;}
	.kategoriListe ul li a{color:#666;text-decoration:none; font-size:12px;}
	.kategoriListe ul li a:hover{color:#000; text-decoration:none}



/*SAG KISIM*/





#right{width:750px; float:right; padding-top:10px;}
.urunListeResim { height:320px; }
.urunliste{float:left; width:229px; margin-right:2px; margin-left:1px; padding:7px; margin-bottom:15px; border-right:1px solid #ebebeb; background:#fff;transition: all 0.5s ease 0s;}
.urunliste:nth-child(4n) {display: inline-block; width:229px; padding:7px; position:relative vertical-align: top; float:left; border-left:solid 1px #fff; margin-right:2px; margin-left:1px; border:none;margin-bottom:15px;}
.urunliste:hover{float:left;width:229px; margin-right:2px; margin-left:1px;padding:7px; box-shadow: 0px 0px 16px #CCC;background:#fff;}
.urunBaslik {font-size:13px; text-align:center; padding-top:10px; height:35px;}
.urunFiyat {font-size:18px;text-align:center; font-weight:bold; font-weight:bold; border-bottom:1px solid #e1e1e1;padding-bottom:10px; color:#333;}

/*ALT KISIM*/

.footerPanel{background:#3e474b;min-height:300px;font-family: "Source Sans Pro", sans-serif;}

#footer{margin-top:5px;  width:999px; margin-left:auto;margin-right:auto;padding-top:5px;}
.newsletters{width:250px; float:right;}
.kabulButton{background:#F90; border:solid 1px #333;margin-left:1px; color:#FFF;}
.newsletter_text{height:15px; border:solid 1px #CCC; }

.footerMenu{float:left;}
	.footerMenu ul{margin: 0; padding: 0; list-style:none;}
		.footerMenu ul li{float:left;display:block;padding:3px; border-right:solid 1px #e1e1e1;}
			.footerMenu ul li a{color:#666; text-decoration:none;}
.copyright{width:999px; margin-left:auto;margin-right:auto; text-align:center; margin-top:15px; margin-bottom:10px;}
.bankalar {width:999px; margin-left:auto;margin-right:auto; text-align:center; margin-top:15px; margin-bottom:10px;}

/*URUN DETAY*/
.resimDiger{float:left; width:70px;}
.resimDiger ul{margin: 0; padding: 0; list-style:none;}
.resimDiger ul li{display:block;}
.resimDetay{float:left; width:410px;margin-right:20px;padding:6px;}
.detayBilgiPanel{width:465px;float:left; padding:9px; border:1px solid #ebebeb;}
.urunAd{font-size:21px; color:#333; float:left;}
.detayFiyat{float:left;color:#EC5D5D;font-size:26px; margin-top:10px; margin-bottom:10px;  }
.detayFiyat span{ text-decoration:line-through; font-size:20px; color:#999}
.ref{height:25px;margin-top:10px;width:520px; border-bottom: solid 1px #e1e1e1;}
.secimOzellik{margin-top:20px; margin-bottom:20px;}
.sepete_at{background:#EC5D5D;-webkit-transition: all .3s ease .15s;
-moz-transition: all .3s ease .15s;
-o-transition: all .3s ease .15s;
-ms-transition: all .3s ease .15s;
transition: all .3s ease .15s;  font-size:15px;color:#fff;font-weight:bold; padding:6px 13px 8px 13px; width:100px;text-align:center; border-radius:4px;}
.sepete_at:hover{background:#e1e1e1;-webkit-transition: all .3s ease .15s;
-moz-transition: all .3s ease .15s;
-o-transition: all .3s ease .15s;
-ms-transition: all .3s ease .15s;
transition: all .3s ease .15s;  color:#333;font-weight:bold; font-size:15px; padding:6px 13px 8px 13px; width:100px;text-align:center; border-radius:4px;}
.puan{margin-top:10px;font-size:18px;}
.tabs { padding: 0; clear: both; }
			.tabs li { display: inline; }
			.tabs li a { background: #ddd; padding: 5px; float:left; margin-right:3px; border-bottom: none; text-decoration: none; color: #000; font-size:13px; }
			.tabs li.active a { background: #dddddd;font-weight: bold; }
			.tabcontent { float: left; clear: both;  border-top: 1px solid #ddd; border-left: none; background: #fff; padding: 10px 20px 2px; width: 360px; font-size:13px; margin-bottom:15px; }
			h2{margin-top:10px;}
.digerUrunler{margin-top:15px; color:#666;}
.digerUrunler ul{margin: 0; padding: 0; list-style:none;}
.digerUrunler ul li{display:block; float:left; margin-right:5px;}
.digerUrunler ul li a{text-decoration:none;}

/*ACILIR MENU*/

.menuFull{ background:#fff;height:37px; border-bottom:1px solid #ddd;border-top:1px solid #fff;}
#menu{ margin:0; padding:0; text-align:center; width:990px; margin-left:auto; margin-right:auto;position:relative}

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

#nav {
	padding: 0px;
	height: 35px;
	width: 1050px;
	position: relative;
	margin: 0px;
	
}
#nav li{
	
	float:left;
	list-style:none;
	

}

#nav li:hover{
	
	background:#fff;
	color:#333;
	
	
}

#nav li:hover a {
	text-decoration:none;
	color:#333;
	
}

#nav li:hover .navinner {
	display:block;
	z-index:100000;
	margin-left:-10px;
	
	
}

#nav li:first-child{
	border:none;

}
#nav a{
	/* display:block; */
	/* text-decoration:none; */
	/* color:#000; */
	/* text-align:left; */
	/* letter-spacing:0px; */
}

/*#nav .navinner { position:absolute; width:210px; background-color:#fff; font-size:12px; line-height:14px; font-weight:normal; margin-top:8px; margin-left:10px; display:none;background:#fff;
	-webkit-transition: all .3s ease .15s;
-moz-transition: all .3s ease .15s;
-o-transition: all .3s ease .15s;
-ms-transition: all .3s ease .15s;
transition: all .3s ease .15s;   }
#nav .navinner ul { background:none; margin:8px; border:none; padding:0; padding-bottom:10px; -webkit-transition: all .3s ease .15s;
-moz-transition: all .3s ease .15s;
-o-transition: all .3s ease .15s;
-ms-transition: all .3s ease .15s;
transition: all .3s ease .15s;  }
#nav .navinner ul li { background:none; list-style:none; border:none; color:#fff; padding:5px; width:190px; height:18px; border-bottom:1px dashed #ccc; text-align:left }
#nav .navinner ul li:hover { background:#f4f4f4; list-style:none; border:none; color:#333; padding:5px;  height:18px; border-bottom:1px dashed #ccc; }
#nav .navinner ul li a { background:none;  border:none; padding:0; margin:0; color:#333; font-size:12px; }
*/
#nav .navinner { position:absolute; border-radius:0px 0px 9px 9px; margin-left:auto; margin-right:auto; width:997px;left:5px; background-color:#fff; line-height:13px; 
					font-weight:normal; margin-top:9px; padding-top:5px; padding-bottom:10px; display:none; border:1px solid #ebebeb; border-top:none;  }
#xx33 .navinner { right:0; float:right; margin-left:-100px; }
#xx26 .navinner { right:0; float:right; margin-left:-100px; }
#xx27 .navinner { right:0; float:right; margin-left:-100px; }
#xx28 .navinner { right:0; float:right; margin-left:-100px; }
#xx29 .navinner { right:0; float:right; margin-left:-100px; }
#xx32 .navinner {  right:0; float:right; margin-left:-100px; }
#nav .navinner ul { background:none; margin:10px; border:none; padding:0; border-radius:0 9px;  }
#nav .navinner ul li { background:none; list-style:none; border:none; color:#333; padding:5px; height:18px; margin-right:12px;min-width:130px; }
#nav .navinner ul li:hover { color:#000}
#nav .navinner ul li a { background:none;  border:none; padding:0; margin:0; color:#333; font-size:12px; }


.BreadCrumb {text-decoration:none;color:#666;}
.loginForm td { padding:3px; }
.loginForm input { width:140px; }

.gf_input,.loginForm input { 
	width:120xp;
	border: 1px solid #aedae4;
	margin-bottom: 2px;
	height: 22px;
	padding-top: 4px;
	padding-left: 3px;
	padding-right: 3px;
}

.gf_select { 
	width:120xp;
	border: 1px solid #aedae4;
	padding:4px;
}

.gf_textarea { 
	width:300px;
	height:100px;
	border: 1px solid #aedae4;
	margin-bottom: 2px;
	padding-top: 4px;
	padding-left: 3px;
	padding-right: 3px;
}
.loginInput {
	float: right;
	width: 93px;
	border: 1px solid #aedae4;
	margin-bottom: 9px;
	height: 22px;
	padding-top: 4px;
	padding-left: 3px;
	padding-right: 3px;
}

.generatedForm td { padding:3px; }
.generatedForm {width:auto;  }
.generatedForm .td1,.generatedForm .td2 { font-weight:bold; }
.generatedForm .td1 { width:150px;}
#gf_acceptRules  { width:400px; }


/*TABLAR URUN DETAY*/

/* Tab Menu CSS */
/* Tab Menu CSS */
#tabs1 {
	float:left;
	width:99%;
	xbackground:#F4F7FB;
	font-size:12px;
	line-height:normal;
	border-bottom:1px solid #ddd;
}
#tabs1 ul {
	margin:0;
	padding:0;
	list-style:none;
}
#tabs1 li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs1 a {
	float:left;
	background:#ebebeb;url("tableft_blue.gif")/*tpa=http://www.slopet.com/magaza/templates/images/tableft_blue.gif*/ no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabs1 a span {
	float:left;
	display:block;
	background:#ebebeb;url("tabright_blue.gif")/*tpa=http://www.slopet.com/magaza/templates/images/tabright_blue.gif*/ no-repeat right top;
	padding:6px 15px 6px 6px;
	border-right:1px solid #fff;
	color:#666;
	font-size:12px;
}
#tabs1 a span {float:none;}
#tabData , .tabData { padding:10px;  }
/* Tabe Menu CSS */
/* Tabe Menu CSS */

.urunListLiteTR{text-align:left;}	
.urunLiteResim a{border:solid 1px #fff;}	
.urunLiteBaslik {color:#333; text-align:left; text-decoration:none;}
.urunLiteBaslik a{color:#333; text-align:left; text-decoration:none;}
.urunuLiteIncele {color:#F60; text-decoration:none;}	
.urunuLiteIncele a{color:#F60; text-decoration:none;}
.urunuLiteIncele a:hover{color:#666;}
.urunResim {border:solid 1px #fff;}	
.etiket{color:#333;text-align:left;font-weight:normal;}
.etiket a{color:#333;text-align:left; text-decoration:none}
.BreadCrumb {color:#666; text-decoration:none;}
.secenekler{width:320px; border:solid 1px #f4f4f4;margin-bottom:10px;}
.UrunSecenekleri{padding-bottom:10px;color:#333; text-align:left; font-size:15px;}
.UrunSecenekleriHeader{padding:1px; color:#333; margin-top:6px; font-size:14px; line-height:22px;}
.updateUrunSecim{font-size:12px;}
.UrunSecim{font-size:13px;}
.KarsilastirmaListe lekle a{text-decoration:none;}
.altmenuX a{color:#333; text-decoration:none; font-size:13px; padding:4px; line-height:14px; width:150px; border-bottom:dotted 1px #f4f4f4;}



.gf_input{border:1px solid #ebebeb; height:17px;}
.gf_textarea{border:1px solid #ebebeb;}
.gf_select{border:1px solid #ebebeb;}
.table tr {height:21px;}
#listType{border:1px solid #ebebeb; padding:3px;}
#orderBy{border:1px solid #ebebeb; padding:3px;}
.urunsirala{height:10px; background:#f4f4f4;}
.formlinefix{background:#f4f4f4;}
span a{text-decoration:none;}


div.col-xs-12  { background-color:#f6f6f6; clear:both; padding:10px; width:740px; padding-top:5px; padding-bottom:5px; margin-left:-10px;}
div.col-xs-12 a { color:#666; font-weight:400; display:inline-table; margin-left:5px; padding:5px 10px 5px 10px; border-radius:4px;  }
div.col-xs-12 a.selected { color:#333; background:#fff; box-shadow:0 1px 4px #ccc; }

fieldset{border:none; margin-top:-5px;}
.submit{background:#EC5D5D; color:#fff; cursor:pointer;padding:5px; border:none; border-radius:2px;}


#footerBottom{float:left;}
.footerTop{background:#3e474b; height:40px;}
.footerMain{width:990px; margin-right:auto; margin-left:auto; padding-top:10px;}

#footerlogo{width:277px; float:left; margin-bottom:5px;}
#fcizgi {border-bottom:1px dotted #999; margin-top:10px; margin-bottom:13px;}
.footerListe{float:left; margin:15px;}
.footerListe h2 {margin-bottom:13px; font-size:18px;color:#fff;}
.footerListe ul {margin:0; padding:0; list-style:none;}
.footerListe ul li{display:block; line-height:21px;}
.footerListe ul li a{text-decoration:none; color:#949595; font-size:13px;}
.footerListe ul li a:hover{text-decoration:none; color:#949595;}

.footerListeKat{float:left; margin:13px; width:490px;color:#fff; }
.footerListeKat h2 { font-size:18px;}
.footerListeKat ul {padding:0px; }
.footerListeKat ul li{display:block; line-height:21px;float:left; width:160px; height:20px; }
.footerListeKat ul li a{text-decoration:none; color:#949595; font-size:13px;}
.footerListeKat ul li a:hover{text-decoration:none; color:#949595;}

.banka{float:right; margin-right:15px;color:#666;margin:16px; line-height:20px;}
.copyright{color: #666; text-decoration:none; margin-left:10px;}

.pagination { padding: 10px;  margin: 0 0 10px 0; text-align:center; float:right; width:100%;}
.pagination .sort{float: right; font-size: 14px; font-weight:bold; color: #666; line-height: 24px;}
.pagination .sort select {float: right; width: 140px; margin: 3px 0 0 10px;}
.pagination .results {float: left; margin: 0 18px 0 0; font-weight:bold; font-size: 14px; color:#666;}
.pagination .pages {float: left; line-height:12px; margin: 0 24px 0 0; width:100%;  padding:10px; margin:10px; padding-left:0; padding-right:0;}
.pagination .pages a strong { font-size:18px; }
.pagination .pages a{display: inline; color: #47819F; font-size: 14px; margin: 0 4px;}
.pagination .pages a.xprev{display: inline-block; width:10px; height: 10px; background: url("prev.png")/*tpa=http://www.slopet.com/magaza/templates/modaclick/images/prev.png*/ left center no-repeat; margin: 6px 10px 0 0;}
.pagination .pages a.xnext{display: inline-block; width:10px; height: 10px; background: url("next.png")/*tpa=http://www.slopet.com/magaza/templates/modaclick/images/next.png*/ left center no-repeat; margin: 6px 0 0 10px;}
.pagination .view {float: left; font-size: 14px; font-weight:bold; color: #49829d;}

#markaL{width:1005px;overflow:auto;}
.giren{margin-top:-15px;float:left;color:#00a0e3;position:absolute;font-size:15px;font-family:Century Gothic;width:190px;margin-left:20px}
.giren p{padding-top:3px}
.markaList{background:#FFF;position:relative;width:321px;height:321px;text-align:center;float:left;margin:9px 5px;border:1px solid #CCC;position:relative;padding-top:1px;}
.markaList:hover{background:#FFF;border:1px solid #ccc;box-shadow:0 0 14px #666;}
.markaList img{margin-bottom:15px;}
.markaBaslik{height:39px; font-weight:bold;width:299px;z-index:2;opacity:0.7;filter:alpha(opacity=90);text-align:left;bottom:5px;right:5px;font-size:18px;padding:6px;background:#f6f6f6;color:#333;position:absolute;}
.markaBaslikalt{font-size:13px; font-weight:400; color:#666}

.sitetopfull{height:29px; background:#ebebeb; border-bottom:1px solid #ebebeb;}
.sitetop{width:980px; margin-left:auto; margin-right:auto; padding-top:4px;}
.sticky {  
    position: fixed;  
    width: 100%;  
    left: 0;  
    top: 0;  
    z-index: 1000;  
    border-top: 0;  
}
.sticky2 {  
    position: fixed;  
    width: 100%;  
    left: 0;  
    top: 122px;  
    z-index: 1000;  
    border-top: 0; 
	border-radius:none;
	opacity:0.9;
	z-index:0
	
}

.sliders2{height:400px;  width:600px; margin-bottom:18px; float:left; background:#fff;  border:1px solid #e9e9e9;} 
#hello ul{margin:0px; padding:0px; list-style:none;}
#hello ul li{float:left; padding:1px 5px; font-weight:400}
#hello ul li a{font-weight:400px; font-size:12px;}

.anaKat{float:right; width:390px; height:400px;}
.erkekCat{height:195px; border:1px solid #ebebeb; margin-bottom:10px;}
.kadinCat{height:195px; border:1px solid #ebebeb;}

.filterSelected a{color:#fff;}