/* CSS Document */

body{
	margin:0px;
	padding:0px;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#ffffff;
}
#ust{
	width:910px;
	height:212px;
	background-image:url(images/ust.jpg);
	background-repeat:no-repeat;
	padding-top:118px;
	padding-left:60px;
}
#ust-menu{
	width:490px;
	height:20px;
	font-family:Tahoma;
	font-size:13px;
	color:#052046;
	font-weight:bold;
}
#ust-urunler{
	width:970px;
	height:167px;
	background-image:url(images/urunler-bg.jpg);
}
#icerik-baslik{
	width:970px;
	height:44px;
	background-image:url(images/baslik-bg.gif);
	background-repeat:no-repeat;
}
#icerik-baslik2{
	width:970px;
	height:158px;
	background-image:url(images/icerik-ust-bg-2.gif);
	background-repeat:no-repeat;
}
#icerik-baslik3{
	width:930px;
	height:auto;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	float:left;
	padding-top:5px;
}
#baslik1{
	width:461px;
	float:left;
	height:20px;
	margin-left:10px;
	margin-top:10px;
	text-align:left;
}
#baslik2{
	width:461px;
	float:right;
	height:20px;
	margin-right:10px;
	margin-top:10px;
	text-align:left;
}
#icerik{
	width:930px;
	height:auto;
	background-image:url(images/icerik-bg.gif);
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}
#anaicerik{
	width:970px;
	height:300px;
	background-image:url(images/icerik-bg.gif);
}
#icerik1{
	width:461px;
	float:left;
	height:200px;
	margin-left:10px;
	text-align:justify;
}
#icerik2{
	width:461px;
	float:right;
	height:200px;
	margin-right:10px;
	text-align:justify;
}
#icerik3{
	margin-top:30px;
	margin-left:10px;
	float:left;
	width:300px;
}
#icerik4{
	margin-top:30px;
	margin-left:50px;
	float:left;
	width:500px;
}
#icerik5{
	width:900px;
	height:167px;
	background-image:url(images/image-2.jpg);
	background-repeat:no-repeat;
	text-align:left;
}
#icerik6{
	width:200px;
	height:290px;
	float:left;
	background-image:url(images/urun-bg.gif);
	background-position:center,
	text-align:center;
	padding-top:8px;
	background-repeat:no-repeat;
}
#icerik7{
	width:800px;
	height:600px;
}
#icerik8{
	float:left;
	height:800px;
}
.urunResim{
	width:160px;
	float:left;
}
.urunDetay{
	width:740px;
	float:right;
	text-align:left;
}
.urunFiyat{
	width:179px;
	text-align:left;
	float:left;
}
.urunIcerik{
	width:550px;
	float:right;
}
.urunMaddeler{
	width:90%;
	float:right;
}
#alt{
	width:970px;
	height:67px;
	background-image:url(images/alt-bg.jpg);
	font-family:Tahoma;
	color:#333333;
	font-size:11px;
}
#canli-destek{
	width:189px;
	height:100px;
	background-image:url(images/destek-bg.jpg);
	background-repeat:no-repeat;
	float:right;
	padding-top:12px;
}
#sayfa-alt{
	width:927px;
	height:auto;
}
#sayfa-alt-sol{
	width:748px;
	height:100px;
	float:left;
}

#alt-cevrele{
	width:970px;
}
/* Yazı Stilleri Başlangıcı */
.icerikYazi{
	font-family:Tahoma;
	color:#333333;
	font-size:13px;
}
.icerikBaslik{
	font-family:Tahoma;
	color:#FF0000;
	font-size:24px;
}
.basslik{
	font-family:Tahoma;
	color:#006600;
	font-size:17px;
}
.resimLink{
	border:#CCCCCC 2px solid;
}
.maviYazi{
	font-family:Tahoma;
	color:#397dd0;
	font-size:13px;
}
.griYazi{
	font-family:Tahoma;
	color:#666666;
	font-size:13px;
}
.siyahYazi{
	font-family:Tahoma;
	color:#000000;
	font-size:13px;
}
.siyahAltCizgiYazi{
	font-family:Tahoma;
	color:#000000;
	font-size:13px;
	text-decoration:underline;
}
.kirmiziAltCizgiYazi{
	font-family:Tahoma;
	color:#F00000;
	font-size:13px;
	text-decoration:underline;
}
/* Yazı Stilleri Bitişi */

/* Link Stilleri Başlangıcı */
#ust-menu a:link{
	text-decoration:none;
	color:#052046;
}
#ust-menu a:visited{
	text-decoration:none;
	color:#052046;
}
#ust-menu a:hover{
	text-decoration:none;
	color:#073b83;
}

.resimLink a:link{
	text-decoration:none;
	border:#CCCCCC 2px solid;
}
.resimLink a:visited{
	text-decoration:none;
	border:#CCCCCC 2px solid;
}
.resimLink a:hover{
	text-decoration:none;
	border:#999999 2px solid;
}

a:link{
	text-decoration:none;
	color:#000000;
}
a:visited{
	text-decoration:none;
	color:#000000;
}
a:hover{
	text-decoration:none;
	color:#000000;
}
/* Link Stilleri Bitişi */

/* Form Elemani Stilleri Başlangıcı*/
.form_elemanlari{
	font-family:tahoma;
	color:#333333;
	background-image:url(images/form-elemani-bg.gif);
	background-repeat:repeat-x;
	border:#CCCCCC 1px solid;
	font-size:17px;
}
.form_elemanlari2{
	font-family:tahoma;
	color:#333333;
	font-size:17px;
	border:#CCCCCC 1px solid;
}
.form_elemanlari3{
	font-family:tahoma;
	color:#333333;
	font-size:12px;
	height:23px;
	border:#CCCCCC 1px solid;
}
.buton{
	font-family:tahoma;
	color:#000000;
	font-size:12px;
	background-image:url(images/btn-bg.gif);
	background-repeat:repeat-x;
	border:#999999 1px solid;
	height:25px;
	font-weight:bold;
}
/* Form Elemani Sitilleri Bitişi */

/* Diğer Stillerin Başlangıcı */
.urun-adi{
	width:643px;
	height:27px;
	background-image:url(images/urun-adi-bg.gif);
	background-repeat:repeat-x;
	border:#f6f696 1px solid;
	padding-left:10px;
	padding-top:8px;
	font-family:Georgia;
	font-size:15px;
	color:#000000;
	background-color:#ffffcd;
}
.tamamMesaji{
	width:450px;
	height:55px;
	background-color:#FFFFFF;
	background-image:url(images/ok.gif);
	background-repeat:no-repeat;
	padding-left:50px;
	padding-top:15px;
	font-family:Tahoma;
	color:#006600;
	font-size:13px;
}
/* Diğer Stillerin Bitişi */

/* Tabs Stil Başlangıcı */
#wrapper{
width: 500px;
margin: 0 auto;
}
.box{
background: #fff;
}
.boxholder{
clear: both;
padding: 5px;
background: #8DC70A;
}
.tab{
float: left;
height: 32px;
width: 102px;
margin: 0 1px 0 0;
text-align: center;
background: #8DC70A url(images/greentab.jpg) no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}
/* Tabs Stil Bitişi */

/* Crousel Stil Başlangıcı */
.stepcarousel{
        position: relative; 
        overflow: scroll; 
        width: 910px; 
        height: 173px; 
}

.stepcarousel .belt{
       position: absolute;
       left: 0;
       top: 0;
}

.stepcarousel .panel{
	 float: left; 
	 overflow: hidden;
	 margin: 10px; 
	 width: 200px; 
}

.stepcarousel .panel img{
	 float: left; 
}

.stepcarousel .panel img:hover{
	 background:#b5c5d8;
	 }
	
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 163px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 11px;
	top: 2px;
	width: 878px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 215px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/* Crousel Stil Bitişi */

/*Example for a Menu Style*/
.menu {background-color:#008bd3;border-bottom:1px solid #d7d7d7; height:23px;width:500px;}
.menu ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.menu li {display:inline; line-height:23px;}
.menu li a {color:#ffffff; text-decoration:none; padding:5px 5px 6px 5px; }
.menu li a.tabactive {border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; color:#000000; background-color:#ffffff; font-weight:bold;  position:relative;}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#anothercontent1,#anothercontent2, #anothercontent3, #anothercontent4,#anothercontent5, #anothercontent6, #contentthree1, #contentthree2, #contentthree3 {border:1px solid #ececec; width:498px; text-align:center;padding:6px 0px; font-size:12px; margin-bottom:5px;}
/*Example for a Menu Style*/