body{
	margin: 0px;
	padding: 0px;
	font-family: 'Arial';
	font-size: 12px;
	color:#222;
	background:#fff;
}
td,th { vertical-align:top; text-align:left; }

img {border:none; }

a { color:#333; text-decoration:none;}
a:hover { color: #111;}
#mainDiv {width:980px;  margin-right:auto; margin-left:auto;}
#header { padding:5px 0px 0px 0px;}
#logo { }
#sayfalar { width:270px; float:left; padding-top:20px; color:#FFF;}

#slogan { float:left; }
#tel { float:right; }
#bansarea {width:674px; height:354px; float:left; overflow:hidden}
#icc1 {width:440px; height:160px; float:left; margin:20px;}
#icc2 {width:420px; height:160px; float:left; margin:20px; }
.urlist {width:200px; float:left; height:170px; padding:5px; margin:4px; border:1px solid #CCC}
.katgoster {width:200px; float:left; height:150px; padding:0px; margin:2px; border:1px solid #ddd; }

#content {  padding-top:2px;   margin-top:15px; border-top:1px solid #f9a221;}

#leftsidebar { width:175px; padding:2px 10px; float:left;}
#icerikarea {  margin:2px 0 0 0px; padding:1px;}

#a {width:200px; height:111px; margin:80px 0 0 60px;}
#a div{  padding-left:20px; height:40px; padding-top:10px;}
#a div.selected{background:url(images/menuhover.png) no-repeat left;  height:40px; padding-top:10px;}
#a div:hover{ background:url(images/menuhover.png) no-repeat left;  height:40px; padding-top:10px;}


#spot { height:140px; padding-top:28px; background:url(images/spot.png) center no-repeat; text-align:left; padding-left:10px; width:200px; color:#333;}

#spot div a{ font-weight:bold; color:#333;} 

#habers { margin-top:2px;  font-weight:bold;}
#habers .dbaslik{ padding-left:15px;  background:url(images/libg.png) no-repeat  0 3px; }
#habers .dbaslik a { color:#FFF; }
#habers .dicerik{font-family:'Arial Narrow'; font-weight:bold; color:#000; padding-left:15px}
#habers .devami{ text-align:right; color:#FFF;}
#habers .devami a{color:#FFF;}

#lmenu { margin:0; padding:0 0 0 10px; list-style:none; }
#lmenu li{}
#lmenu li a{ font-family: 'Poiret One', cursive; padding:5px; font-size:24px; display:block; color:#fff;}



#footer {  padding:7px; background:#f7931d; color:#fff; font-weight:bold; text-align:center;}
.fcontainer { width:980px; margin:0 auto; }

.sagsol {width:30px; background:#2e2e2e; vertical-align:middle;text-align:center; cursor:pointer}
.sagsol:hover {width:30px; background:#666; vertical-align:middle;text-align:center; cursor:pointer}


.katlist {width:214px; float:left; margin:2px; padding:1px; color:#f7931d; font-family:'Tahoma'; font-size:11px; font-weight:bold;}
.katlist:hover { background:#666;}
.katlist a{color:#f7931d; font-weight:bold; display:block;}

input[type=text] { color:#444; font-family:Tahoma;}

.sayfa_baslik { font-style:italic; padding:5px; color:#fcc10b; font-family:Verdana, Geneva, sans-serif; font-size:28px; }


#hlsSlayt {width:279px; float:left; padding-right:6px;}
#hlsSlayt div{ margin-bottom:2px; padding:6px; background-color:#1c1c1c; }
#hlsSlayt div:hover{  background-color:#666; }
#hlsSlayt div.selected{  background-color:#666; }
#hlsSlayt a { display:block; color:#333; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

hr{
	border-top: 1px gray dashed;
	height: 0px;
	width: 98%;
	color: White;
}

.clear { clear:both;}

.box{text-align:center; background-color:#31aaff; border:1px solid #E2C822; font-weight:bold; height:20px; padding-top:5px;}

.ortala {text-align:center; }.sagla {text-align:right; }
.middle { vertical-align:middle;}

.buton { background:url(images/btnbg.gif); border:1px solid #333; color:#333; }
.sbmt {border:none; background:url(images/buton.png) no-repeat; width:63px; height:21px;}
.gonder {border:none; background:url(images/buton.png) no-repeat; width:63px; height:21px;}
.text { width:200px; color:#333; background-color:#3e3e3e; border:1px solid #333;}
.select { width:200px; color:#333; background-color:#3e3e3e; border:1px solid #333; margin:0; padding:0;}


.ten { height:10px;}
.otuz { height:30px;}
#footer_div { height:30px; background:#262525;  text-align:center; padding-top:5px; color:#333; vertical-align:middle;} 
#footer_div a{ color:#333;}

#duyurubaslik a{color:#1f7be5; font-weight:bold;}
#duyuruicerik {padding:10px 0 10px 10px;}

.kayan a{ font-size:10px; color:#444; font-weight:bold;}
.kayan .aciklama{ color:#AAA;}

.urunlist { width:200px; height:170px; padding:1px; text-align:center; font-weight:bold; margin:2px 4px 10px 2px; float:left; border:1px solid #ddd}
.urunlist .urunbaslik{ color:#309de7; height:33px; padding-top:10px;}
.urunlist .fiyat{ float:right;}
.urunlist .fiyatcizik{ color:#333; font-size:14px; text-decoration:line-through;}
.urunlist table tr td{ text-align:center;}
.urunlist img.urun_resmi { max-width:200px; max-height:140px;}

.digerlist {width:95px; height:120px; border:1px solid #CCC; padding:5px; text-align:center; font-weight:bold; margin:5px; float:left;}

#bilgilendirme { background:#fcf5b7; border:1px solid #f1e685; padding:5px; margin:2px;}
#bilgilendirme #title{font-family:'Tahoma'; font-size:11px;  font-weight:bold; color:#F00;}
#bilgilendirme p{font-family:'Arial'; color:#988; font-weight:bold;}

.tab_sayfa { text-align:center; background:#DDD;  color:#333; font-weight:bold; padding:3px }
.tab_sayfa .sol{ width:20%; float:left; text-align:left; padding-left:5px;}
.tab_sayfa .sag{ width:20%; float:right; text-align:right;}
.tab_sayfa .orta{ width:59%; float:left; text-align:center;}
.tab_sayfa a{ color:#333; }
.tab_sayfa a:hover{color:#666;}
.tab_sayfa .sayfa_span{margin-right:5px;}
.tab_sayfa .sayfa_active{margin-right:5px; color:#333; padding:2px; border:1px solid #999;}

#sag{float:right; width:120px; text-align:right; padding:3px 20px 3px 0; background:url(images/sagbuton.png) right no-repeat #03F; cursor:pointer;}
#sol{float:left; width:120px; text-align:left; padding:3px 0px 3px 20px; background:url(images/solbuton.png) left no-repeat #03F; cursor:pointer;}
#sag:hover { background:url(images/sagbuton.png) right no-repeat #06F;} 
#sol:hover { background:url(images/solbuton.png) left no-repeat #06F;} 
#urun {}
#urun img{ border:1px solid #666; }

#urun_resimler {border:1px solid #666; margin-top:10px;}
#urun_resimler div.resim{  border:1px solid #333; margin:5px; width:150px; padding:5px; float:left; }
#urun_resimler div.resim img{ width:150px; height:110px; }

#urundetay {background:#fff;}
#urundetay h1 {margin:0; padding:2px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}


#list_cats {
font-family:'Verdana';
font-size:7pt;
margin: 0px;
border:none;
color:#333;

}

#list_cats ul {
 margin:0;
 padding:0;

}
#list_cats ul li { height:27px;  list-style-type:none; margin-top:2px; padding:10px 1px 0 9px;  background-color: #003399;}
#list_cats ul li:hover { background:url(images/menuhover.jpg) no-repeat center #003399;}
#list_cats ul li:hover a{ color:#333;}
#list_cats ul li a {
font-size:13px;
color:#666;
font-weight:bold;
display: block;
text-decoration: none;
font-family:'Arial';
}

#list_cats ul li a:hover, #list_cats ul li a:focus {
color: #333;

}

.prenext {width:48%; float:left; background:#333; font-weight:bold; height:20px; padding-top:5px; text-align:center;}
.prenext:hover {width:48%; float:left; background:#AAA; font-weight:bold; height:20px; padding-top:5px; text-align:center;}
.prenext a{ color:#333; }

.sidemenu {padding:1px; margin-bottom:10px;   padding:10px 0; }
.sidemenutop {background:#393939 no-repeat; color:#fff; text-align:left; height:26px;  padding:10px 0 0 15px;  font-weight:bold; font-family:'Arial'; }
.sidemenured {background:url(images/sidemenured.png) no-repeat; color:#333; text-align:left; height:22px; padding:9px 0 0 5px; }
.sidemenublue {background:url(images/sidemenublue.png) no-repeat; color:#333; text-align:left; height:22px; padding:9px 0 0 5px; }


.sidemenualt {background:url(images/menualtbg.png) no-repeat; height:18px;}

#nextlast {background-color:#333333; color:#333; height:20px; padding-top:5px}
#nextlast a{color:#333; }

.catlist {width:180px; height:180px; border:1px solid #DDD; padding:5px; text-align:center; font-weight:bold; margin:5px; float:left;}

#arama {float:right; margin-right:2px;}
#aramatext {background:none; border:none; background:#03a7ec; color:#FFF; height:14px; font-size:11px; padding:2px 0 0 5px; margin:0;}

#aratxt {float:right; margin-top:5px;}

#menu {background:#003399; height:26px;}
.menu1 { margin:0; list-style:none;   position:relative; text-align:center; padding-left:20px}
.menu1 li {float:left;  width:100px; margin-right:2px; text-align:center;  height:26px;}
.menu1 li:hover {background:#ffffff; } .menu1 li:hover a {color:#000; background:#ffffff;}

.menu1 li a {display:block; height:26px; line-height:26px; color:#fff; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; cursor:pointer;}
.menu1 li a:hover {color:#333; }


.menu2 { margin:0; list-style:none; text-align:center; float:right }
.menu2 li {float:left; padding:2px 5px; margin-right:2px; text-align:center; }
.menu2 li:hover {background:#06C; } .menu2 li:hover a{ color:#FFF;}

.menu2 li a {display:block; color:#03a7ec; text-decoration:none; font-size:11px; font-weight:bold; text-align:center; cursor:pointer;}


#step { width:670px;}
#step .stepcarousel{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width:670px; height:355px;
padding:0;
margin-right:auto; margin-left:auto;
}
.red { color:#F00; font-family:'Tahoma';}
#step .stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

#step .stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 670px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}