@import url(http://fonts.googleapis.com/css?family=Cuprum:400,700italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,latin-ext);

body { margin:0; padding:0; background:url(images/bg.jpg) no-repeat top center #dc1882;}
A { text-decoration : none;} A:hover { text-decoration: none; color:#ffd800;}
h1,h2,h3 { margin:0px; padding:0px; font-weight:normal; display:inline;}
li,ul { margin:0px; padding:0px; font-weight:normal;}
p { margin:0px; padding:0px; font-weight:normal;}
hr { clear: left;}
div > div_alt { position: fixed; }

.fontnarrow{font-family: 'PT Sans Narrow', sans-serif;} .fontcuprum{font-family: 'Cuprum', sans-serif;} .fontarial { font-family: Arial;} .fonttahoma { font-family: Tahoma;} .fontref { font-family: "Courier New";} .fontverdana { font-family: Verdana;} .fontserif { font-family: "MS Sans Serif";} .fontmonotype { font-family: "Monotype Corsiva";} .fonttrebuchet { font-family: "Trebuchet MS";} .fontgeorgia { font-family:Georgia;} .fonttimes { font-family:"Times New Roman";} .fontpalatino { font-family: "Palatino Linotype";} .fontlucida { font-family: "Lucida Sans Unicode";} .fontlucida2 { font-family: "Lucida Console";} .fontcomic { font-family: "Comic Sans MS";}
.boyut9 { font-size: 9px;} .boyut10 { font-size: 10px;} .boyut11 { font-size: 11px;} .boyut12 { font-size: 12px;} .boyut14 { font-size: 14px;} .boyut16 { font-size: 16px;} .boyut18 { font-size: 18px;} .boyut20 { font-size: 20px;} .boyut22 { font-size: 22px;} .boyut24 { font-size: 24px;} .boyut26 { font-size: 26px;} .boyut28 { font-size: 28px;} .boyut30 { font-size: 30px;} .boyut32 { font-size: 32px;} .bold { font-weight: bold;} .bold2 { font-weight: 400;}
.renkbeyaz { color: #FFFFFF;} .renksiyah { color: #000000;} .renkgri0 { color: #eeeeee;} .renkgri1 { color: #CCCCCC;} .renkgri2 { color: #999999;} .renkgri3 { color: #666666;} .renkgri4 { color: #454545;} .renkgri5 { color: #333333;} .renkgri6 { color: #222222;} .renkgri7 { color: #111111;} .renkgriozel {color: #e2e2e2;} .renkkirmizi { color: #FF0000;} .renkbordo { color: #990000;} .renkmavi { color: #196bab;} .renkacikmavi { color: #0066FF;} .renkyesil {color: #00FF00;} .renkkoyuyesil { color: #66CC00;} .renkturuncu {	color: #FFCC00;} .renkkoyuturuncu {	color: #FF9900;} .renkpembe { color: #dc1882;} .renkpembe2 {	color: #f56098;} .renkpembe3 { color: #C01366;} .renksari {	color: #f9f9c0;} .renksari2 {	color: #ffd800;} .renkyesil2 {	color: #00849b;}

.textbox { font: Tahoma; background-color:#faf3af; font-size:12px; border:1px solid #a1bcf8;}
.textbox2 { font: Tahoma; background-color:#cee3f9; font-size:12px;	border:1px solid #a8c4ee;}
.textbox3 { font: Tahoma; font-size:14px; background-color:#f2f5f9; border:1px solid #c4d5f1; height:25px;}
.textbox4 { font: Tahoma; background-color:#d4facb; font-size:12px; border:1px solid #a3d796;}
.textbox5 { border:none; background:none;}
.textbox6 {	border:none; background:none; font: Arial; font-size:12px; color:#0d2b42;}

.btn1 {	font: Tahoma; background-color:#a62656;	font-size:12px;	border:1px solid #a62656; color:#FFFFFF; height:22px;}
.btn2 {	font: Tahoma; background-color:#d0658e;	font-size:12px;	border:1px solid #d0658e; color:#FFFFFF; height:22px;}
.btn3 {	font: Tahoma; background-color:#2d61b4;	font-size:12px;	border:1px solid #2557a8; color:#FFFFFF; height:22px;}
.btn4 {	font: Tahoma; background-color:#f54a4a;	font-size:12px;	border:1px solid #ae3f3f; color:#FFFFFF; height:22px;}
.btn5 {	font: Tahoma; background-color:#5cc33c;	font-size:12px;	border:1px solid #4ba030; color:#FFFFFF; height:22px;}

.wr { width:1000px; margin-left:auto; margin-right:auto; display:table;} .pr { position:relative;} .nodp { display:none;} .fl { float:left;} .fr { float:right;} .mc { width:100%; height:auto; display:table;}
.mkwrapper div { width: 80px; height: 20px; margin:0; }
.mk div { width: 20px; height: 20px; margin:0; }
.mk1 { background:url(images/morkarinca.png) no-repeat top right;}
.mk2 { background:url(images/morkarinca.png) no-repeat bottom right;}

.stepcarousel {	position: relative; border: 0px; width: 980px; height: 180px;}
.stepcarousel .belt{ position: absolute; left: 0; top: 0; width: 100%;}
.stepcarousel .panel{ margin: 0px; width: 200px;}

.stepcarousel2 { position: relative; border: 0px; overflow:hidden; width: 690px; height: 190px;}
.stepcarousel2 .belt2{ position: absolute; left: 0; top: 0; width: 100%;}
.stepcarousel2 .panel2{ float: left; overflow: hidden; margin: 0px; width: 175px;}

.menutitle{	cursor:pointer; margin-bottom:3px; width:270px; text-align:left;}
.submenu{ margin-bottom:0.5em; padding-left:70px}
.submenu ul{ clear:left;}
.submenu ul li{ float:left; clear:left; text-align:left; list-style:none; padding:1px;}

#dropdown_nav {	width:95px; padding:0px; display:inline-block; list-style:none;}
#dropdown_nav li { height:17px; padding:0px 0px 0px 0px; float:left; position:relative; display:inline-block; width:100%;}
#dropdown_nav .sub_nav { width:300px; padding:0px; position:absolute; top:30px; left:-100px; background:#DC1982; z-index:9999; border:2px dashed #F28635;}
#dropdown_nav .sub_nav li { width:46%; padding:5px 5px;}
#dropdown_nav .sub_nav li:hover { background:#ffd800; color:#000;}
#dropdown_nav .sub_nav li a { width:100%; display:block; text-align:left;}
#dropdown_nav .sub_nav li:hover a { color:#000;}

/* TOTEM */
#wrapper1{ width:280px; margin:0 auto;}
p{color:#fff; padding:10px 0px; text-align:right;}
.nav{}
#vertical-ticker{ width:280px; height:145px; overflow:hidden; text-align:left; margin:0; padding:0;}
#vertical-ticker li{ display:block; color:#333; text-align:left; font-size:25px;}

/* UST */
.logo{ width:152px; height:154px; margin-top:20px; margin-right:auto; margin-left:auto;}
.ustmenu{ margin-top:45px; text-align:center;}
.ustmenu a{ padding:20px 20px 10px 20px;}
.ustmenu a:hover{ background:url(images/menu_icon.png) no-repeat bottom center;}
.ustmenuicon { width:12px; height:8px; padding:20px 20px 10px 20px; background:url(images/menu_icon.png) no-repeat bottom center;}

/* ANASAYFA */
.orta { width:1000px; height:auto;}
.anasayfasol { width:167px; height:auto; margin-left:14px; margin-top:50px;}
.anasayfasol_icon { clear:left; margin-bottom:10px;}
.anasayfasol_ad{ text-align:left; margin-left:10px; margin-top:5px;}
.pano { position:relative; width:535px; height:325px; margin-top:27px}
.pano_ust { position:absolute; top:0px; left:0px; z-index:99; background:url(images/pano_ust.png); width:535px; height:46px; }
.pano_alt { position:absolute; bottom:0px; left:0px; z-index:99; background:url(images/pano_alt.png); width:535px; height:46px; }
.aktiviteler { width:284px; height:auto;}
.aktiviteler_baslik { width:249px; height:93px; margin-top:-20px; margin-left:-5px;}
.aktiviteler_icerik { width:100%; height:auto; position:relative; text-align:left; clear:left; margin-left:20px; margin-top:5px;}
.ebulten { position:relative; margin-left:20px; margin-top:-20px;}
.ebulten_kaydet { width:66px; height:28px; border:none; outline:none; background:url('images/ebulten_ekle.png'); cursor:pointer; margin-top:10px;}
.ebulten_input{ width:186px; height:28px; outline:none; padding:0px 5px; border:none; background:url('images/ebulten_bg.png') repeat-x; margin-top:10px;}
#bulten label{ position:absolute; top:75px; left:0px; font-family: 'Cuprum', sans-serif; font-size:12px; color:#FFFFFF;}
.btn_videolar { position:absolute; top:95px; left:75px; width:145px; height:57px; background:url(images/btn_videolar.png) no-repeat;}
.sosyallinkler { position:relative; z-index:22; clear:left; margin-left:30px; margin-top:10px;}
.yenitasarimlar_baslik { margin-left:120px; margin-top:20px; z-index:9999;}
.yenitasarimlar_golge { position:relative; z-index:1; width:578px; height:114px; background:url(images/yanitasarimlar_golge.png) no-repeat; margin-left:-50px; margin-top:-10px;}
.yenitasarimlar { position:relative; width:900px; height:180px; margin-left:20px; margin-top:-60px;}
.yenitasarimlar .urun { position:relative; float:left; width:180px; height:180px;}
.yenitasarimlar .urun_resim { text-align:center; width:180px; margin-top:10px;}
.yenitasarimlar .urun_resim:hover { text-align:center; margin-top:0px;}
.yenitasarimlar .urun_golge {
	position:absolute;
	clear:left;
	width:180px;
	height:auto;
	bottom:-3px;
}
.yenitasarimlar .urun_ad { position:absolute; bottom:10px; left:0px; width:100%; height:30px; line-height:12px; text-align:center; display:none; opacity:0.5; z-index:9999;}

/* ALT */
.altbg { background:url(images/alt_bg1.png) repeat-x; width:100%; height:126px; margin-top:20px;}
.altmenubg { position:relative; text-align:center; background:url(images/alt_bg.png) no-repeat; width:620px; height:126px;}
.altmenu { margin-top:20px;}
.altmenu a{ margin:0px 10px 0px 10px;}
.altlogo { margin-top:10px; margin-left:10px;}
.altadres_genel { position:relative; margin-left:15px; margin-top:20px;}
.altadres { position:absolute; margin-left:10px; width:310px; margin-top:3px;}
.alttel { margin-top:8px; margin-left:5px;}
.morkarinca { position:absolute; margin-top:57px; right:50px;}
.copyright { position:absolute; margin-top:60px; left:50px;}
.alt_icerikler { width:100%; background-color:#57022f; border-top:dashed 1px #f56098;}

/* İÇERİK */
.solkat{ width:280px; min-height:100px; margin-top:15px; margin-bottom:3px;}
.solkat a{ line-height:15px; padding-top:7px; text-align:left;}
.solkat a div{ background:url(images/sol_icon.png) no-repeat; padding-left:15px; width:280px;}
.solkat a h2{ background:url(images/sol_icon.png) no-repeat; padding-left:15px; width:280px;}

.icerik { position:relative; width:1000px; min-height:441px; display:table; margin-top:20px;}
.icerik_detay { width:100%; height:auto; padding:10px; margin-left:0px;}
.icerik_ust { width:930px; height:73px; background:url(images/icerik_ust.png) no-repeat;}
.icerik_orta { width:930px; height:auto; background:url(images/icerik_orta.png) repeat-y;}
.icerik_alt { width:930px; height:59px; background:url(images/icerik_alt.png) no-repeat; margin-bottom:20px;}
.icerik_yazi { width:650px; margin-left:30px;}
.icerik_yazi p { text-align:left;}
.icerik_baslik { width:600px; margin-top:20px; text-align:center;}

/* HAKKIMIZDA */
.hakkimizda_ust { width:719px; height:72px; background:url(images/ic_ust.png) no-repeat;}
.hakkimizda_orta { width:719px; min-height:441px; background:url(images/ic_orta.png) repeat-y;}
.hakkimizda_alt { width:719px; height:67px; background:url(images/ic_alt.png) no-repeat;}
.hakkimizda_sag { width:247px; height:575px; background:url(images/hakkimizda_sag.png) no-repeat;}
.kurumsal_detay { margin-left:10px; margin-right:20px; margin-top:-20px;}
.icsosyallinkler { margin-right:60px; margin-top:30px;}

/* İLETİŞİM */
.iletisim_ust { width:641px; height:60px; background:url(images/iletisim_ust.png) no-repeat;}
.iletisim_orta { width:641px; min-height:100px; background:url(images/iletisim_orta.png) repeat-y;}
.iletisim_alt { width:641px; height:48px; background:url(images/iletisim_alt.png) no-repeat;}
.iletisim_firma { margin-top:5px; margin-left:200px;}

.iletisim_sol { width:640px; height:auto; text-align:left; padding-left:10px; padding-right:10px; margin-top:-50px;}
.iletisim_sag { width:330px; height:auto; padding-top:50px;}

.iletisim_yazi { width:100px; height:22px; margin-bottom:5px; padding-top:3px; text-align:left;}
.iletisim_textbox { width:200px; height:25px; border:1px solid #CCC; border-radius:5px; padding:2px; margin-bottom:5px; background-color:#ffd800;}
.iletisim_textarea { width:200px; height:60px; border:1px solid #CCC; border-radius:5px; padding:2px; margin-bottom:5px; background-color:#ffd800;}
.iletisim_verify { width:70px; height:25px; padding:3px; margin-bottom:5px;}
.iletisim_buton { width:66px; height:28px; border:none; outline:none; background:url(images/ebulten_ekle2.png) no-repeat; clear:left; cursor:pointer; margin-left:100px;}
.iletisim_buton2 { width:66px; height:28px; border:none; outline:none; background:url(images/ebulten_ekle2.png) no-repeat; cursor:pointer; margin-left:10px; margin-top:2px;}
.iletisim_hata2 { width:100%; height:auto; margin-bottom:10px; margin-left:20px; text-align:left;}
.iletisim_hata { width:100%; height:auto; margin-bottom:10px; margin-left:20px;}
.iletisim_harita { width:100%; height:auto; text-align:center; margin-top:10px;}

/* SİPARİŞ */
.siparis_detay { margin-left:30px; margin-right:20px; margin-top:-40px;}
.siparis_form { width:320px; margin-left:30px; margin-top:20px;}

.siparis_yazi { width:100px; height:22px; margin-bottom:5px; padding-top:3px; text-align:left;}
.siparis_textbox { width:200px; height:25px; border:1px solid #CCC; border-radius:5px; padding:2px; margin-bottom:5px; background-color:#ffd800;}
.siparis_textarea { width:200px; height:60px; border:1px solid #CCC; border-radius:5px; padding:2px; margin-bottom:5px; background-color:#ffd800;}
.siparis_verify { width:70px; height:25px; padding:3px; margin-bottom:5px;}
.siparis_buton { width:66px; height:28px; border:none; outline:none; background:url(images/ebulten_ekle2.png) no-repeat; cursor:pointer; clear:left; margin-left:100px; margin-top:3px;}
.siparis_hata { width:100%; height:auto; margin-bottom:10px; margin-left:20px;}

/* ÜRÜNLER */
.urunler2 { position:relative; width:100%; height:auto; margin-left:10px;}
.urunler2 .kategori_baslik { width:95%; height:auto; border-radius:5px; background:#f2f2f2; padding:7px;}
.urunler2 .urun2 { position:relative; float:left; width:190px; height:170px; margin-left:20px; margin-right:20px;}
.urunler2 .urun2:hover{}
.urunler2 .urun_resim {text-align:center; width:180px;}
.urunler2 .urun2:hover .urun_resim{ margin-top:-10px; margin-bottom:10px;}
.urunler2 .urun_ad2 { position: absolute; bottom:26px; width:180px; display:none;}
.urunler2 .urun2:hover .urun_ad2{ display:block;}
.urunler2 .sayfalama { width:auto; height:auto; border-radius:5px; background:#C01366; padding:3px; margin-right:35px; margin-top:10px; margin-bottom:10px;}
.urunler2 .sayfa_bilgi { margin-right:10px; margin-left:5px; padding-top:3px;}
.urunler2 .num1 { width:auto; height:auto; border-radius:5px; background:#dc1882; padding:1px 8px 1px 8px; margin-left:1px; margin-right:1px;}
.urunler2 .num2 { width:auto; height:auto; border-radius:5px; background:#fff; padding:1px 8px 1px 8px; margin-left:1px; margin-right:1px;}
.urunler2 .num2:hover { background:#dc1882; color:#FFF;}
.urunler2 .urun2 .urun_golge2{ position: absolute; bottom:0px; clear: left; width:180px; height:26px; background:url(images/urun_golge.png) no-repeat;}
/* .urunler2 .urun2 .urun_golge2{ position: absolute; clear: left; width:180px; height:26px; background:url(images/urun_golge.png) no-repeat;}*/

/* ÜRÜN DETAY */

.detay_ad { width:700px; height:auto; text-align:center; line-height:22px; margin-top:20px;}
.detay_kod { width:700px; height:auto;}
.paylas { width:285px; height:30px; margin-right:10px;}

.detay_resimler { width:670px; height:auto; margin-top:0px; margin-left:12px;}
.detay_resimler_sol { width:70px; height:auto;}
.detay_resim { width:auto; height:auto;}
.detay_resimk { width:60px; height:auto;}

.detay_ozellikler { width:670px; height:auto; margin-top:10px; margin-left:12px;}
.detay_ozellikler2 { width:100%; height:auto; margin-top:10px; margin-left:20px;}
.detay_ozellikler .baslik { width:100%; height:auto; background:#c01366; padding:5px; border-radius:5px;}
.detay_ozellikler .ozet { height:auto; margin-top:10px;}
.detay_ozellikler .detay { height:auto; margin-top:10px;}
.detay_ozellikler .video { height:auto; margin-top:10px;}
.detay_ozellikler .fiyat { width:100%; height:auto; margin-top:10px; text-align:right;}

.detay_urunler { position:relative; width:670px; height:auto; margin-top:20px; margin-left:12px;}
.detay_urunler .baslik { width:100%; height:auto; background:#c01366; padding:5px; border-radius:5px; margin-bottom:5px;}
.detay_urunler .urun { position:relative; float:left; width:150px; height:192px;}
.detay_urunler .urun_resim {text-align:center;margin-top:7px;}
.detay_urunler .urun:hover .urun_resim{ margin-top:0px; }
.detay_urunler .urun_ad { width:150px; display:none;}
.detay_urunler .urun:hover .urun_ad{ display:block;}
.detay_urunler .urun_golge2{ position: absolute; bottom:0px; clear: left; width:180px; height:26px; background:url(images/urun_golge.png) no-repeat -12px 0px;}
