/* CSS Document */


Body {
margin:0px;
margin:0px;
background-color:#FFFFFF;
color:#333333;
font-size: 11px;
line-height: 15px;
font-family: Tahoma, Helvetica, sans-serif;
}

#page {
width:1000px;
margin:0px auto;
}

.bosdiv {clear:both; height:0px}

img {border:none;}

a {color:#0066cc;text-decoration:none;}
a:hover {text-decoration:underline;}

h2 {margin:5px 0; padding:0 0 2px 0; font-size:11px; color:#06C; border-bottom:1px dotted #CCC;}

.mavi {color:#0066cc;}
.kirmizi { color:#900}


.urunyok {padding:50px 20px; color:red; text-align:center; font-weight:bold; font-size:13px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}

#header {margin-bottom:10px;}
#logo {margin:10px 0px;}

#sepet {float:right; width:188px; background-image:url(../theme/menusag.png); height:22px; padding:13px 3px 5px 5px; text-align:right;}
#sepet a {font-weight:bold; color:#333333;}
#sepet a.ok {padding:3px 2px 3px 5px;}

#altmenu {clear:both; height:30px; background-image:url(../theme/menualt.png); background-repeat:repeat-x; color:#999999}
#altmenu .sol { float:left; height:23px; padding:8px 5px 3px 10px; width:285px;background-image:url(../theme/menualtsol.png);  background-repeat:no-repeat;}

#altmenu .sol #solticker {color:#333; width:250px; height:20px;}

#altmenu .sag { text-align:right; float:right; height:22px; padding:8px 10px 0px 10px; width:580px; background-image:url(../theme/menualtsag.png); background-position:right; background-repeat:no-repeat; }

#altmenu strong { color:#06C; }

#solticker {color:#000000; width:280px;}
#solticker a {color:#666666; text-decoration:none;}
#solticker a:hover {color:#666666; text-decoration:underline;}

#altmenu a {color:#666666; text-decoration:none;}
#altmenu a:hover {color:#666666; text-decoration:underline;}




#orta {
	width:600px;
	margin:0px 4px;
	padding:0px;
	float:left;
	}
	
#orta2 {
	width:796px;
	margin:0px 4px;
	padding:0px;
	float:left;
	}
	
#sagmenu {
	float:left;
	width:196px;
	}

.baslik {
	background-image:url(../theme/menualt.png);
	background-position:right;
	background-repeat:no-repeat;
	height:30px;
	font-weight:bold;
	}

.baslik .ikon {
	float:left;
	background-image:url(../theme/menualtsol.png);
	background-position:left;
	background-repeat:no-repeat;
	width:25px;
	height:30px;
/*	width:14px;
	height:22px;
	padding:6px 1px 2px 10px;
*/	
	}
.baslik .metin{
	float:left;
	width:565px;
	padding:8px 5px 1px 5px;
	height:21px;
	text-align:left;
	}

.sag-resim {margin-bottom:5px;}


.sag_sutun {
	width:166px; 
	background-image:url(../theme/solmenu-bg.png); 
	background-repeat:no-repeat;
	margin:0px;
	padding:10px 15px 10px 15px;
	border-bottom:1px solid #e0e0e0;
	margin-bottom:5px;
	color:#666666;
	}

.sag_sutun h3 {font-size:12px; margin:0px; padding:0px; color:#3385d6; padding-bottom:1px; margin-bottom:5px; border-bottom:1px solid #ffffff;}

.sag_sutun ul {
			list-style:none;
			padding:0px;
			margin:0px;
			font-size:11px;
			padding:2px 0px 0px 15px;
			}

.sag_sutun ul li { list-style-image:url(../theme/menuok.gif); padding-bottom:3px;}	
		
.sag_sutun ul li a{ text-decoration:none; font-weight:normal; color:#666666;  }			
.sag_sutun ul li a:hover{ text-decoration:underline; font-weight:normal; color:#666666;}			




.baslik .metin a {color:#666; text-decoration:none; font-weight:normal;}
.baslik .metin a:hover {color:#333; text-decoration:underline; font-weight:normal;}

.baslik .metin a.urunbaslik {color:#333; text-decoration:none; font-weight:bold;}
.baslik .metin a.urunbaslik:hover {color:#333; text-decoration:underline; font-weight:bold;}

.baslik .renkgri {color:#666;}
.baslik .normal { font-weight:normal;}

#urun a#resim {float:left; width:200px; padding:0px; text-align:center; color:#999;}
#urun a#resim img{border:2px solid #fcfcfc;}
#urun a#resim:hover img{border:2px solid #cdcdcd;}

#urun #detay {float:right; width:370px;}
#urun #detay h1 { margin:25px 0px 5px 0px; color:#333; font-size:17px; font-weight:bold; padding:0px}
#urun #detay h2 { color:#0066cc; font-size:11px; font-weight:normal; margin:0px; padding:0px; margin-bottom:10px;}
#urun #detay #fiyat {color:#666; margin-bottom:3px}
#urun #detay #kdv {color:#0066cc; font-size:16px; font-weight:bold;}
#urun #detay .taksit {color:#666; font-size:11px; font-weight:normal; margin-top:5px;}
#urun #detay .taksit strong {color:#333;}

#urun #detay #adet {color:#666; text-align:right; margin:10px 20px 10px 0px;}
#urun #detay #btnsepet {text-align:right; margin:0px 20px 5px 0px;}

#urunbilgi {clear:both; padding-top:10px;}
#urunbilgi ul {list-style:none; padding:0px; margin:0px; margin-top:15px; display:block; border-bottom:1px solid #d8dae0; height:30px;  }

#urunbilgi ul li{float:left; background-image:url(../theme/tab-bg.png); background-position:bottom right; background-repeat:no-repeat; border-bottom:none; display:block; margin-bottom:-1px;}
#urunbilgi ul li a{ padding:9px 30px 1px 25px; color:#666; display:block;  background-image:url(../theme/tab-bg1.png);  background-position:bottom left; background-repeat:no-repeat; height:20px;}

#urunbilgi ul li.active {background-position:top right; border-bottom:1px solid #FFF;display:block;}
#urunbilgi ul li.active a{color:#666; background-position:top left; font-weight:bold; padding:9px 23px 1px 18px;}

#urunbilgi #icerik {clear:both; border:1px solid #d8dae0; border-top:0px;  padding:15px;}

.taksittablo {width:183px; background-color:#FFF; float:left; color:#333; margin-right:5px; font-size:11px; padding:0px; border:1px solid #e0e0e0;}

.taksittablo .bs {
	font-weight:bold;
	margin:0px;
	font-size:11px;
	background-color:#eef0f2;
	padding:5px;
	border-bottom:1px solid #e0e0e0;
}

.taksittablo .bs .c1 {width:118px; text-align:left;}
.taksittablo .bs .c2 {width:40px; text-align:right; }
.taksittablo .c1 {
	float:left;
	width:20px;
	text-align:center;
	padding:3px 0px;
}
.taksittablo .c2 {
	float:left;
	width:70px;
	text-align:center;
	padding:3px 0px;
}
.taksittablo .c3 {
	float:left;
	width:70px;
	text-align:center;
	padding:3px 0px;
}
.taksittablo .cx {
	float:left;
	width:5px;
	text-align:center;
	padding:3px 0px;
	color:#999;
}

.taksittablo .satir {
	vertical-align:middle;
	margin:0px;
	background-color:#FFFFFF;
}

.taksittablo .satir:hover { background-color:#ffe1c1;}
.taksittablo .ilk {	border-top-color:#FFFFFF;}
.taksittablo .koyu { background-color:#f5f5f5;}
.taksittablo .eko {	background-color:#fffbd7;}

/* KAYDOL *********************************************************************/
#kaydol, #siparislerim {margin:0px; padding:15px 10px 10px 10px;}

#kaydol input, #kaydol select {}
#kaydol label {width:100px; color:#333}

.st { border:1px solid #fff; padding:6px;}
.actix { border:1px solid #efefef; background-color:#fafafa;}

#kaydol table{font-size:11px; color:#999;}

.hint {
      display: none;
      position: absolute;
      /*width: 300px; */
	  margin-left:10px;
      border: 1px solid #999;
      padding: 5px 10px;
      background: #ffffff url(../theme/pointer.gif) no-repeat -10px 5px;
	  color:#333;
  }
  .hint .hint-pointer {
      position: absolute;
      left: -10px;
      top: 5px;
      width: 10px;
      height: 19px;
      background: url(../theme/pointer.gif) left top no-repeat;
  }

.info  { border: 1px solid #efefef; background: #fafafa url(smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; color: #363636; padding:10px; margin-bottom:10px;}

.highlight  { border: 1px solid #fcefa1; background: #fbf9ee url(smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; padding:10px; margin-bottom:10px;}

.highlight  a { color:#444444; text-decoration:underline;}
.highlight  a:hover { color:#000000; text-decoration:none;}

.error {padding:10px; border: 1px solid #cd0a0a; background: #fef1ec url(smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a;margin-bottom:10px;}

/* FORM ***********************************************************/

form {margin:0px; padding:0px;}

.yyd {width:100%}


input[type="text"],textarea, select, input[type="password"]  {
padding:2px;
font-size:11px;
color:#333333; 
background:#fafafa;   
color: #6F6F6F;   
border: solid 2px #DFDFDF;   
}

input[type="text"], select, input[type="password"]  {
	background-image:url(../theme/buton_bg1.gif);
	background-color:#FFF;
}

input[type="text"]:focus  ,textarea:focus, select:focus, input[type="password"]:focus{
border:solid 2px #999;   
background:#ffffff;   
color:#333;
outline:none;
}
input[type="text"]:focus, select:focus, input[type="password"]:focus  {
	background-image:url(../theme/buton_bg2.gif);
	background-color:#FFF;
}

input[type="button"], input[type="submit"] {
	margin:0px;
	padding:2px 20px;
	color:#333333;
	font-size:11px;
	border:2px solid #DFDFDF;
	background:url(../theme/buton_bg1.gif) repeat-x;
	outline:none;
}
input[type="button"]:hover, input[type="submit"]:hover {
	color:#0066cc;
	border:2px solid #0066cc;
	background:url(../theme/buton_bg2.gif) repeat-x;
	outline:none;
}

.sayfa {
	font-family:Arial, Helvetica, sans-serif;
	padding:1px 3px 1px 3px;
	background:#e0e0e0 url(../theme/buton_bg2.gif) repeat-x;
	border:1px solid #c5c5c5;
	margin:1px 1px 1px 0px;
	font-size:10px;
	font-weight:bold;
	color:#999;
}
a.sayfa {
	color:#333333; /*display:inline-block; */
	text-align:center;
}
a.sayfa:hover {
	border:1px solid #0066cc;
	text-decoration:none;
	color:#0066cc
}

/* FORM ***********************************************************/


#yardim .yardimsol {float:left; width:340px; padding:10px 15px 10px 15px; border:1px solid #efefef; margin:10px 5px 10px 10px;}
#yardim .yardimsag {float:right; width:340px;  padding:10px 15px 10px 15px;  border:1px solid #efefef;  margin:10px;}

#yardim h2 {margin-bottom:5px; font-size:13px; color:#333}
#yardim h2.mavi{margin-bottom:5px; font-size:13px; color:#0066cc}
#yardim h3 {font-size:11px; color:#06C; margin:0px; padding:0px; margin-top:2px;}
#yardim p {margin:0px 0px 10px 0px; padding:0px; color:#666}

#yardim .konu {margin:20px 20px 40px 20px; padding:0px; }
#yardim .konu .ile1 {float:left; width:170px; clear:left;}
#yardim .konu .ile2 { padding:5px 5px 5px 0; }


#uye .uyesol {float:left; width:340px; padding:10px 20px 0px 20px;}
#uye .uyesag {float:right; width:390px;  padding:10px 10px 0px 10px;}

#uye h2 {margin-bottom:15px;}

.btn {text-align:right; padding:15px 38px}

.karsay {font-size:10px; color:#999;} 

#adresicerik ul {
			list-style:none;
			margin:0px 0px 0px 0px;
			font-size:11px;
			padding:0px 10px 10px 5px;			
			}

#adresicerik ul li { margin-bottom:10px;  border-bottom:1px dotted #efefef; height:15px; padding:0px 2px }	
		
#adresicerik ul li a.dzn{ text-decoration:none; font-weight:normal; color:#333; float:left; clear:left; display:block; margin-bottom:5px;   }			
#adresicerik ul li a.dzn:hover{ text-decoration:underline; font-weight:normal; color:#000;}			

#adresicerik ul li span{ float:right; clear:right; display:block; padding-bottom:5px;} 	
#adresicerik ul li span a.sl { color:#666; text-decoration:none; padding-left:5px; } 	
#adresicerik ul li span a.sl:hover{ color:#666; text-decoration:underline; } 	

#adresicerik ul li span a.dzn{ color:#666; text-decoration:none; padding-left:5px; } 	
#adresicerik ul li span a.dzn:hover{ color:#666; text-decoration:underline; } 	

/* SEPET SAYFASI ******************************************************************/
#sepetsayfa {padding:10px; border-color:#CCC}
#sepetsayfa #sepetad { color:#900; font-weight:bold; margin-bottom:10px} 
#sepetliste {border-top:1px solid #e5e5e5; margin:0px 0;}

#sepetliste .kayit {border-bottom:1px solid #e5e5e5; padding:5px 10px;}
#sepetliste .kayit .resim {float:left; width:75px; border-right:1px solid #efefef;}		
#sepetliste .kayit .resim img {width:55px; height:55px;}		



#sepetliste .kayit .isim {float:left; width:200px; border-right:1px solid #e5e5e5; height:30px;  padding:15px 15px 8px 15px; }					  
#sepetliste .kayit .isim .knot { color:#999;}

#sepetliste .kayit .fiyat {float:left; width:110px;  height:30px; padding:15px 10px 8px 15px; color:#999 }					  
#sepetliste .kayit .fiyat .kdvdahil {color:#666; font-weight:bold; }					  

#sepetliste .kayit .carp {float:left; width:10px; height:30px; padding:20px 0px 0px 0px; color:#999}					  


#sepetliste .kayit .adet {float:left; color:#999; width:60px; border:1px solid #ffffff; border-right:1px solid #efefef; height:30px; padding:13px 10px 8px 10px; text-align:center; }					  

#sepetliste .kayit .cikar {float:left; width:5px; height:30px; padding:18px 10px 3px 10px; text-align:center; }					  

#sepetliste .solalt {float:left; width:300px;  margin-top:20px;  margin-right:30px;}
#sepetliste .sagalt {float:right; width:250px; margin-top:20px;}

#sepetliste .sagalt .aa {float:left; width:130px; text-align:right;}
#sepetliste .sagalt .bb {float:right; width:80px; text-align:right; margin-right:40px;}

#sepetliste .sagalt .aratoplam, #sepetliste .sagalt .kdv, #sepetliste .sagalt .geneltoplam {clear:both;  height:20px; color:#666}

#sepetliste .sagalt .geneltoplam { border-top:1px solid #CCC; margin-top:5px; padding-top:10px; font-weight:bold; color:#333 }

#siparissayfa {padding:20px;}

.sipadres {margin:0px 0 20px 0;}

.sipadres .aciklama {float:left; width:400px; color:#666}
.sipadres .yeni {float:right; width:150px; padding:5px; text-align:right;}
.sipadres .sec { margin:10px 0px; color:#666; clear:both;}

.sipadres .kayit { padding:10px;}

.sipadres .kayit .adrestanim {float:left; width:150px; padding-top:10px; color:#06C; font-weight:bold;}
.sipadres .kayit .adresisim {float:left; width:150px; padding-top:0px; color:#666}
.sipadres .kayit .adresadres{float:left; width:234px; color:#666}


.sipadres .koyu {background-color:#efefef}

#iletisimsayfa {margin:15px;}

#iletisimsayfa #bilgi div {padding:5px;}
#iletisimsayfa #bilgi strong {float:left; width:90px;}

td.sip1 {width:60px;}
td.sip1 {width:60px;}
td.sip1 {width:60px;}
td.sip1 {width:60px;}
td.sip1 {width:60px;}
td.sip1 {width:60px;}
td.sip1 {width:60px;}

a.odemedegistir {font-size:10px; color:#999; text-decoration:none; margin-right:15px; float:right; font-weight:normal;}
a.odemedegistir:hover {color:#000; text-decoration:none;}