/* Class definition for background shading */ 

.system_template_innerWindow_init{
	visibility:hidden; 
	position:absolute; 
	z-index:90;
	border:12px solid #000000;
	background-color:#F5F5F5;
}

.system_template_innerWindow {
	visibility:hidden; 
	position:absolute; 
	z-index:90; 
	border-left:12px solid #000000;
	border-bottom:12px solid #000000;
	border-right:12px solid #000000;	
	background-color:#F5F5F5;
}

.system_template_content_shade {
	visibility:hidden; 
	position:absolute; 
	z-index:20;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
	background-color:#000000;
}


/**************************************** */
	
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img, div, span{
		margin:0;
		padding:0;
		border:0;
}

body{
	text-align: left;
/*	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-stretch:normal;
	font-weight:normal;
	color:#272727;
	font-size:70%;
	background-image:url(../images/bg.png);
	background-repeat:repeat;
	background-position:top left;
	line-height:1.5em;
}

tr,td{
	color:#272727;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


p{

}
h1,h2,h3,h4,h5,h6{

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}
h1 {
	font-size: 250%;
	line-height: 1.6em;
	font-weight:bold;
}
h2 {
	font-size: 180%;
	line-height: 1.8em;
	font-weight:lighter;

	}
h3{
	font-size: 160%;
	line-height: 1.8em;
	font-weight:lighter;

	}

h4 {
	font-size: 140%;
	line-height: 1.4em;
	font-weight:bold;
}

h5 {
	font-size: 120%;
	line-height: 1.5em;
	font-weight:bold;

}

h6 {
	font-size: 100%;
	line-height: 1.2em;
	font-weight:bold;

}

a{
	color:#2b373c;
	text-decoration:none;
}
a:hover{
	color:#ff0000;
	text-decoration:none;
}
sup{
	font-size: 100%;
}

label{
 font: bold 100% "tahoma", Verdana, Arial;
 color: #334d55;
}

hr{
	border:0px solid #FFFFFF;
	height:0px;
}

fieldset{
	padding:10px;
	border:1px solid #dedede;
}

.alternatif_fieldset{
	padding:5px;
	border:1px solid #fff;
}

legend{
	color:#2793B9;
	font-weight:bold;
	font-size:10pt;
	margin-bottom:5px;
	
}

form{
	margin: 0;
	padding:0;
}

form select{
	font-size:8pt;
}

.error_message{
	color:#FF0000;
	font-weight:bold;
}



ul{
	list-style-type:square;
	margin-left:15px;
}

li{
	list-style-type:disc;
	margin-top:5px;
	list-style-position: outside;
}

ul li{
	list-style-type: disc;
}

ul ul ul{
	list-style-type: none;
}


ol{
	list-style-type:decimal;
	margin-left:35px;
	list-style-position: outside;
}
ol li{
	margin-top:10px;
	font-size:8pt;
	list-style-type:decimal;
}

ol ol{
	list-style-type: disc;
}
ol ol ol{
	list-style-type: none;
}

a.tab_class {
	background-color:#CCCCCC;
}

a.tab_class_active {
	background-color:#F8FAA0;
	color:#FF0000;
}


/******* mailform *****/

.mailtextarea{
	font-family:tahoma;
	font-size:8pt;
	font-style:normal;
	width:100px;
	height:60px;
	background-color:#ffffff;
	border:1px solid #e6e7e8;
	color:#2b373c;
	padding: 2px;
}


.mailinput{
	font-family:tahoma;
	font-size:8pt;
	font-style:normal;
	width:100px;
	height:18px;
	border:1px solid #e6e7e8;
	color:#2b373c;
	padding: 2px;
}


.searchinput{
	font-family:tahoma;
	font-size:8pt;
	font-style:normal;
	width:100px;
	border:1px inset #cccccc;
	color:#999999;
	font-family:tahoma;
	font-size:8pt;
	background-color: transparency;
}
	
.searckathinput{
	font-family:tahoma;
	font-size:8pt;
	font-style:normal;
	width:110px;
	border:1px inset #cccccc;
	color:#999999;
	font-family:tahoma;
	font-size:8pt;
	background-color: transparency;
}

.mailsmallinput{
	font-family:tahoma;
	font-size:8pt;
	font-style:normal;
	width:40px;
	height:16px;
	border:1px inset #CCCCCC;
	color:#2b373c;
	font-family:tahoma;
	font-size:8pt;
}

.button{
	font-family:tahoma;
	font-weight:bold;
	font-size:7pt;
	height:20px;
	color:#ffffff;
	border:1px solid #5d2323;
	background-color:#5d2323;
}
	
	
.buttonsiparis{
	font-family:tahoma;
	font-weight:bold;
	font-size:9pt;
	height:24px;
	color:#ffffff;
	border:1px outset #c7ddf3;
	background-color:#0097D4;
}

.login_button{
	font-family:tahoma;
	font-weight:bold;
	font-size:7pt;
	height:20px;
	color:#ffffff;
	border:1px outset #c7ddf3;
	background-color:#0097D4;
	width: 40px;
}
	
.search_button{
	font-family:tahoma;
	font-weight:bold;
	font-size:7pt;
	width:50px;
	height:20px;
	color:#ffffff;
	border:1px outset #4d485b;;
	background-color:#	color:#2b373c;;
	background-image:url(../images/search_bt_bg.gif);
	background-repeat:repeat-x;
}




/**********  divler  ***********/

#main_bg{
	background-image:url(../images/main.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:881px;
	height:471px;
	margin:0 auto;
	float:center;
	padding:20px 20px 20px 20px; 
}

#footer_bg{
	width:910px;
	height:40px;
	margin:0 auto;
	float:center;
	padding:0px 0px 0px 0px; 
}


#nar{
	width:165px;
	float:left;
	text-align:center;
	margin-bottom:105px;
}

#sag_menu{
	width:140px;
	float: right;
	text-align:center;
	margin-bottom:105px;
}

#orta_menu{
	background-image:url(../images/orta.gif);
	background-position:center center;
	background-repeat:no-repeat;	
	width:518px;
	height:415px;
	float:center;
	text-align:left;
	margin:0 auto;
	padding:20px;
}

#orta_menu_ana{
	background-image:url(../images/orta.gif);
	background-position:center center;
	background-repeat:no-repeat;	
	width:548px;
	height:445px;
	float:center;
	text-align:left;
	margin:0 auto;
	padding:5px;
}



#orta_menu2{
	width:560px;
	height:20px;
	float:center;
	text-align:left;
	margin:0 auto;
	margin-bottom:2px;
}

#ic{
	width:530px;
	height:420px;
	overflow: auto;
	padding:0px 0px 0px 0px;
	margin:0 auto;
	text-align:left;
	float:left;
}





/********* linkler ******/

.link_sir{
	color:#FFFFFF;
	text-decoration:none;
	font-size:8pt;
}
a.link_sir:hover{
	text-decoration:underline;
	color:#990000;
}

.link_bordo{
	color:#5d2323;
	text-decoration:none;
	font-size:8pt;
	font-weight:bold;
}
a.link_bordo:hover{
	text-decoration:underline;
	color:#4e4e4e;
}


.kategori_link{
	color:#5d2323;
	text-decoration:none;
	font-size:10pt;
	font-weight:bold;
}
a.kategori_link:hover{
	text-decoration:underline;
	color:#4e4e4e;
}






/******* yazi stilleri *****/

.beyaz{
	color:#FFFFFF;
}

.bold_bordo{
	color:#5d2323;
	text-decoration:none;
	font-weight:bold;
}


/*********** kenarlik *********/

.kenarlik{
	border:1px solid #8d0000;
}


.kenarlik2{
	border:1px solid #d1d3d4;
}

.kenarlik_sag{
	border-right:1px solid #d1d3d4;
}








/********* ürün stilleri *******/

.cat_link_0{
	float:left;
	border-bottom:1px solid #e6e7e8;
	text-decoration:none;
	color:#ffffff;
	background-color:#72706f;
	padding:2px 0px 2px 10px;
	text-align:left;
	line-height:1.5em;
	width:190px;
	font-weight:700;
	margin-left:5px;
}

a.cat_link_0:hover{
	background-color:#838281;
	text-decoration: none;
	color:#ffffff;
}


.cat_link_0_active{
	float:left;
	border-bottom:1px solid #e6e7e8;
	text-decoration:none;
	color:#ffffff;
	background-color:#838281;
	padding:2px 0px 2px 10px;
	text-align:left;
	line-height:1.5em;
	width:190px;
	font-weight:700;
	margin-left:5px;
}

a.cat_link_0_active:hover{
	background-color:#72706f;
	text-decoration: none;
	color:#ffffff;
}

.cat_link_1{
	float:left;
	border-bottom:1px solid #e6e7e8;
	text-decoration:none;
	color:#ffffff;
	background-color:#969594;
	padding:2px 0px 2px 16px;
	text-align:left;
	line-height:1.5em;
	width:179px;
	font-weight:700;
	margin-left:10px;
}

a.cat_link_1:hover{
	background-color:#aaa9a9;
	text-decoration: none;
	color:#ffffff;
}


.cat_link_1_active{
	float:left;
	border-bottom:1px solid #e6e7e8;
	text-decoration:none;
	color:#ffffff;
	background-color:#969594;
	padding:2px 0px 2px 16px;
	text-align:left;
	line-height:1.5em;
	width:179px;
	font-weight:700;
	margin-left:10px;
}

a.cat_link_1_active:hover{
	background-color:#969594;
	text-decoration: none;
	color:#ffffff;
}




.urun_link_2{
	float:left;
	border-bottom:1px solid #e6e7e8;
	text-decoration:none;
	color:#383431;
	background-color:#c2c1c1;
	padding:2px 0px 2px 16px;
	text-align:left;
	line-height:1.5em;
	width:169px;
	font-weight:700;
	margin-left:20px;
}

a.urun_link_2:hover{
	background-color:#dededd;
	text-decoration: none;
	color:#383431;
}


.urun_link_2_active{
	float:left;
	border-bottom:1px solid #e6e7e8;
	text-decoration:none;
	color:#383431;
	background-color:#dededd;
	padding:2px 0px 2px 16px;
	text-align:left;
	line-height:1.5em;
	width:169px;
	font-weight:700;
	margin-left:20px;
}

a.urun_link_2_active:hover{
	color: #383431;
	text-decoration: none;
}