/* ----- CSS ----- */

*{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
html{
margin:0;
padding:0;

}

body{
	margin:0;
	padding:0;
	background:url("bg.jpg") repeat-x;

}

/* ----- IDS ----- */

#ofcourse {
	position: absolute;
	left: 0;
	top: 0;
		width: 120px;
	height: 120px;
	display:block;
}

#container{
	width:100%;
	padding:0;
	background:url("background.jpg") top center no-repeat;
	margin: 0 0 -0 0; 
	height:100%;
}

#container-tester{
	width:100%;
	padding:0;
	background:url("backgroundtester.jpg") top center no-repeat;
	margin: 0 0 -0 0; 
}

#content-area{
	width:770px;
	margin:0 auto;

}

#header{
	width:770px;
	height: 210px;
	float: left;
	display:block;
	}
#hero-area {
	width:770px;
	height: 270px;
	float: left;
	display:block;
	}

#hero-area-tester {
	width:770px;
	height: 270px;
	float: left;
	display:block;
}

#main-content {
	width:770px;
	min-height:100%;
	float: left;
	display:block;
	margin: 0 0 0px 0;
}

#left-panel {
	width:450px;
	float: left;
	display:inline;
	margin: 58px 0 0 10px;
	display:block;
	text-align: justify;
}
#center-panel {
	width:756px;
	float: left;
	display:inline;
	margin: 58px 0 0 10px;
	display:block;
	text-align: justify;
}
#right-panel {
	width:228px;
	float: right;
	display:inline;

	margin: 7px 0 0 0;
	padding: 100px 36px 0 36px; 
	display:block;
	text-align: justify;
	background:url("rightpanel.jpg") no-repeat;

}

#beta {
	float: left;
	}

#announcements {
	float: left;
	margin: 10px 0 0 0;
	}


#footer{
	width: 100%;
	background:#464646;
	height: 28px;
	float: left;
	display:block;
	bottom:0px;

}

#footer-content {
	width: 770px;
	margin: 0 auto;
}


/* ----- CLASSES ----- */

.hide{
display:none;
}
.show{
display:block;
}

.clear {
	clear: both;
	}
	
.fleft {
	float: left;
	margin: 8px 0 0 0;
	}

.fright {
	float: right;
	margin: 6px 0 0 0;
	}

/* ----- HEADINGS ----- */

h1{
	font-size:.9em;
	font-weight:normal;
	color:#8A1750;
	margin:12px 0;
	padding:0;
	line-height: 1.6em;
}


/* ----- PARAGRAPHS ----- */

p{
	font-family: Arial, Helvetica, sans-serif;
	color: #4f4f4f;
	font-size: .8em;
	line-height: 20px;
	margin: 6px 0;
}

/* ----- LISTS ----- */

li{
	margin:4px 0;
	color: #777;
	font-size: .8em;
	line-height: 20px;
}

ul{
	list-style-image:url("liststyle.gif");
	margin: 0;
	padding: 0 0 0 14px;
}

/* ----- NAVIGATION ----- */ 

#nav {
	margin:0;
	padding:0;
}

#nav ul {
	padding:4px 4px 0 0;
	float:right;
	margin:0;
	list-style:none;		
	list-style-image:none;	
}

#nav ul li {
	list-style:none;
	padding:0 0 0px 0;
	margin:0;
	height:42px;			
	float:left;
	display:block;
}

#nav ul li a{
	height:42px;			
	display:block;
	margin:0 0 0px 0;
	padding:0 0 0px 0;
}

#nav ul li a span {
	padding:0;
	margin:-9999px 0 0 -9999px;		
}

#nav li ul {
	position: absolute;
	width: 200px;
	margin:0;
	padding:0;
	left: -999em;
	border:1px solid #BFBFBF;
}

#nav li:hover ul, #nav li.sfHover ul {
	left: auto;
}

#nav li ul li {
	height:32px;
	width: 200px;
	margin:0;
	padding:0;
	line-height:32px;
	border-bottom:1px solid #ffffff;
}

#nav li ul li a {
	background-color:#F9F9F9;
	color:#535353;
	margin-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	display:block;
	width: 190px;
	padding-left:10px;
	height:32px;
	display:block;
	text-decoration:none;
}



#nav li ul li a:hover {
	background-color:#EBEBEB;
}


/* ----- IMAGES ----- */

img{
border:0;
}

/* ----- LINKS ----- */

a, a:visited{
outline: none;
text-decoration:none;
}

a:hover{
color: #999999;
}

/* ----- FORM ----- */

input#inputbox {
	width: 214px;
	height: 27px;
	display: block;
	background: url("inputbg.gif") no-repeat;
	border: 0;
	padding: 10px 6px 0 6px;
	font-size: .8em;
	color: #999999;
}

a#submit {
	width: 87px;
	height: 28px;
	margin: 4px 2px 0 0;
	display: block;
	background: url("submit.gif") no-repeat 0 0;
	float: right;
}

a#submit:hover {
	background: url("submit.gif") no-repeat 0 -28px;
}


#navlist
{
padding-left:4px;
margin-left:10px;
list-style: none;
display: inline;
}

#navlist li
{
float:left;
text-indent:-9999px;
height:45px;
padding: 0;
margin: 0;
}



#navlist li a {
text-indent:-9999px;
background:url("menu3.gif") no-repeat;
height:24px;
float: left;


}
#navlist  li a#tab-profil {
  width:114px;
}
#navlist  li a#tab-musteri {
  width:130px;
  background-position:-123px 0;
}
#navlist  li a#tab-urun {
  width:80px;
  background-position:-252px 0;
}
#navlist  li a#tab-sube {
  width:108px;
  background-position:-332px 0;
}
#navlist li a#tab-site {
  width:145px;
  background-position:-440px 0;
}
#navlist li a#tab-ulasim {
  width:102px;
  background-position:-589px 0;
}
#navlist  li a:hover#tab-profil {
  background-position:0 -24px;
}
#navlist  li a:hover#tab-musteri {
  background-position:-123px -24px;
}
#navlist li a:hover#tab-urun {
  background-position:-252px -24px;
}
#navlist  li a:hover#tab-sube {
  background-position:-332px -24px;
}
#navlist  li a:hover#tab-site {
  background-position:-440px -24px;
}
#navlist  li a:hover#tab-ulasim {
  background-position:-589px -24px;
}
#menumuz{
padding-top:115px;
padding-left:30px;
}
#yanban{
padding-top:90px;

}

.eklenen_baslik4 {text-decoration:none; color:#EA0075; padding-left:12px; background:url(eklenen_point_4.gif) left top no-repeat; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold; font-size:14px;}
a.eklenen_baslik4 {text-decoration:none; color:#EA0075; padding-left:12px; background:url(eklenen_point_4.gif) left top no-repeat; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold; font-size:14px;}
.eklenen_baslik42 {text-decoration:none; color:#EA0075; padding-left:12px; background:url(header_point_4.gif) left top no-repeat; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold; font-size:14px;}
a.eklenen_baslik42 {text-decoration:none; color:#EA0075; padding-left:12px; background:url(header_point_4.gif) left top no-repeat; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold; font-size:14px;}

input,textarea,select {
  font-size: 11px;
  font-family: Verdana;
  border-style: solid;
  border-width: 1px;
  border-color: #aaaaaa;
  background: #f0f0f0;
  border-width: 1px;
  margin: 2px;
}

.td1{
	font-family: Arial, Helvetica, sans-serif;
	color: #4f4f4f;
	font-size: .8em;
	line-height: 20px;
	margin: 6px 0;
}

#dv_kat{
    background-image:url("bg1.gif");
	background-repeat:no-repeat;
	height:30px;
	width:122px;
	padding-top:3px;
	padding-bottom:3px;	
	padding-left:5px;
	font-size:11px;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	color:#666666;	
}

#dv_show_cat{
    height:30px;
	width:300px;
	padding-top:5px;
	padding-bottom:3px;	
	padding-left:5px;
	font-size:14px;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	color:#666666;	
}
#hakkinda {
background-image:url(hakkinda_bg.gif);
background-repeat:no-repeat;
background-position:0px 5px;
}
#urunler {
background-image:url(urun_bg_up.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}
#urunler2 {
background-image:url(urun_bg_orta.gif);
background-repeat:repeat-y;
background-position:0px 0px;
}
#urunler_alt {
background-image:url(urun_bg_down.gif);
background-repeat:no-repeat;
background-position:0px 0px;
height:20px;
width:100%;
}
#headers1 {
padding-top:15px;
padding-left:25px;
padding-bottom:17px;
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#B92071;
}
.urun_buton {
background-image:url(urun_buton.gif);
background-repeat:no-repeat;
background-position:0px 0px;
height:20px;
padding-top:7px;
padding-left:22px;
padding-bottom:4px;
width:113px;
display:block;
color:#B92071;
}
a.urun_buton {
background-image:url(urun_buton.gif);
background-repeat:no-repeat;
background-position:0px 0px;
font-size:13px;
font-weight:800;
height:20px;
padding-top:8px;
padding-left:22px;
padding-bottom:4px;
width:113px;
display:block;
color:#B92071;
}
a:hover.urun_buton {
background-image:url(urun_buton.gif);
background-repeat:no-repeat;
background-position:0px -36px;
height:20px;
padding-top:8px;
padding-left:22px;
padding-bottom:4px;
width:113px;
display:block;
color:#01CCCC;
}
#urun_inf_1 {
width:237px;
background-image:url(urun_inf_orta.gif);
background-repeat:repeat-y;
}
#urun_inf_2 {
background-image:url(urun_inf_up.gif);
background-repeat:no-repeat;
padding-top:11px;
font-size:16px;
font-weight:bold;
font-family:Tahoma,Arial, Helvetica, sans-serif;
color:#FF0066;
}
#urun_inf_2 a{
color:#FF0066;
}
#urun_inf_2 a:hover{
color:#FF0066;
}

#urun_inf_3 {
background-image:url(urun_inf_down.gif);
background-repeat:no-repeat;
height:11px;
}
#urun_cats {
background-image:url(urun_cat.gif);
background-repeat:no-repeat;
background-position:4px 0;
padding-top:11px;
padding-left:34px;
height:38px;
width:730px;
}
.urunbg {
background-image:url(urun_bg.gif);
background-repeat:no-repeat;
background-position:0px 0;

}
#subeler_bg {
background-image:url(subebg.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}
.subeler_bg {
background-image:url(subebg.gif);
background-repeat:repeat-y;

background-position:0px 0px;
}
#headers {
background-image:url(headers.gif);
background-repeat:no-repeat;
background-position:-8px 0px;
height:90px;
padding-top:12px;
padding-left:15px;
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#B92071;
}

#headers_ik {
background-image:url(headers.gif);
background-repeat:no-repeat;
background-position:-8px 0px;
height:50px;
padding-top:12px;
padding-left:15px;
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#B92071;
}

#news_balon {
	position:absolute;
	top:380px;
	width:245px;
	height:139px;
	z-index:1000;
	background-image: url(baloncuk.gif);
	background-repeat:no-repeat;
}


/*______SAYFALAMA____________________*/
.sayfalama{ font-size:11px; padding-top: 5px;}
.sayfalama a, .sayfalama a:visited , .sayfalama .bol{padding: 1px 5px; border: solid 1px #9aafe5; background: #fff; text-decoration: none; display:inline-block; margin:0 1px; color: #2e6ab1;}
/*.sayfalama a, .sayfalama a:visited , .sayfalama .bol{padding: 1px 4px; border: solid 1px #9aafe5; background: #fff; text-decoration: none; display:inline-block; margin:0 1px;} */
.sayfalama .bol {border: none;}
.sayfalama .aktif{font-size:10px; padding: 1px 5px; border: solid 1px #9aafe5; background-color: #2e6ab1;color: #FFF; display:inline-block; margin:0 1px; border-color: #2b66a5; font-weight: bold; text-decoration:none;}
.sayfalama a:hover {color: #fff;background: #575757; border-color: #036; text-decoration: none;}