@charset "utf-8";
/* CSS Document */
html, body {
	height: 100%;
}
body {
padding:0px; 
margin:0px; 
font-size: 11px; 
background:url(../images/dema-bg.png) 0 0 repeat #3d3d3d;
color: #000000; 
font-family: Tahoma, Verdana, Arial, sans-serif; 
line-height: normal;  
font-variant: normal; 
letter-spacing: normal; 
word-spacing: normal; 
white-space: normal;
}

div, p, ul, li, h1, h2, h3, h4, h5, img { padding:0px; margin:0px; }
ul{ list-style-type:none; }
form { display: inline; }
.p1 { margin-top:13px; }
.fl { float:left; }

.fo1 { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:12px; color:#0b3964; }
.fo2 { font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; line-height:18px; color:#980000; }

#dema-deri { width:549px; height:132px; margin:0 auto; padding:27px 0 0 391px; background:url(../images/header-bg.png) 0 0 repeat-x; }
#dema-deri p { width:549px; height:125px; background:url(../images/slogan.png) 300px 51px no-repeat; }
#deri { width:940px; height:193px; margin:0 auto; z-index:1;}
#menu { width:940px; height:42px; margin:0 auto; background:url(../images/mnu-bg.gif) 0 0 repeat-x; }
#menu ul { padding:18px 0 0  29px; width:500px; position:absolute; }
#menu li { float:left; margin-right:20px; padding-left:12px; background:url(../images/arw.gif) 0 5px no-repeat; }
#menu a{color: #000; text-decoration:none;}
#menu a:hover {color: #a6211c; text-decoration: underline; }
#menu div { padding:14px 0 0 735px; width:204px; text-align:right; position:absolute; height:21px; overflow:hidden;}
.input_search{
	background-color: #fff; 
	font: 11px Tahoma, Verdana, Arial;
	height:17px;
	border: 1px solid #c9c9c9;
	padding-left:4px;
	border-spacing:0;
	width:146px;
	float:left;
}
.search_btn{
	border: 0;
	cursor:pointer;
	float:left;
	margin:0 0 0 3px;
}

#deri-canta { width:940px; height:274px; margin:0 auto; background:#FFFFFF; }
#deri-canta2 { width:940px; margin:0 auto; padding-bottom:14px; background:#FFFFFF; }
#deri-canta2:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
} 

#deri-canta2 {display: inline-block;} 

/* IE-mac de bu bolumu sakla \ */
* html #deri-canta2 {height: 1%;} 
#deri-canta2 {display: block;}
/* IE-mac bu bolumu saklam artik */ 

#derici { width:238px; height:240px; padding:29px 59px 0 29px; float:left; background:url(../images/1983.png) 81px 234px no-repeat; }
#derici-leather { width:238px; height:240px; padding:29px 59px 0 29px; float:left; background:url(../images/1983b.png) 70px 236px no-repeat; }
#ankara-deri { float:left; width:552px; padding:29px 59px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; }
#ankara-deri p { margin-top:13px; }

#ankara-deri2 { float:left; width:552px; padding:29px 59px 0 0; line-height:15px; }
#ankara-deri2 p { margin-top:13px; }

#footer { clear:left; width:940px; height:78px; margin:0 auto; padding-bottom:13px; background:url(../images/footer-bg.gif) 0 0 repeat-x; color:#2a2a2a;}
#footer p { position:absolute; width:600px; padding:42px 0 0 29px; height:36px; background:url(../images/footer-l.png) left bottom no-repeat;}
#footer span { position:absolute; width:911px; padding:42px 29px 0 0; height:36px; background:url(../images/footer-r.png) right bottom no-repeat; text-align:right;}
#footer a{color: #2a2a2a; text-decoration:underline;}
#footer a:hover {color: #fff; text-decoration:underline; }

#posta { width:331px; line-height:15px; height:90px; padding:63px 59px 0 48px; float:left; overflow:hidden; background:url(../images/posta.png) 29px 29px no-repeat; }
#posta p { margin-top:55px;}
#posta a{color: #000; text-decoration:none;}
#posta a:hover {color: #a6211c; text-decoration: underline; }

#posta2 { width:331px; line-height:15px; height:90px; padding:63px 59px 0 48px; float:left; overflow:hidden; background:url(../images/posta2.png) 29px 29px no-repeat; }
#posta2 p { margin-top:55px;}
#posta2 a{color: #000; text-decoration:none;}
#posta2 a:hover {color: #a6211c; text-decoration: underline; }


#form { width:473px; float:left; padding-top:29px;  }

.input_xp{
	background-color: #fff;
	font: 11px Tahoma, Verdana, Arial;
	height:17px;
	border: 1px solid #cacaca;
	margin:2px 0;
	width:232px;
	padding:0 3px;
}
.textarea_xp1{
	background: #fff;
	font: 11px Tahoma, Verdana, Arial;
	border: 1px solid #cacaca;
	margin:1px 0;
	width:232px;
	padding:0 3px;
}
.gonder_btn{
	border: 0;
	cursor:pointer;
	float:left;
	margin:4px 0 0 0;
}

#cat { float:left; width:210px; height:234px; padding:40px 0 0 42px; background:url(../images/menu-bg.png) 29px 29px no-repeat; }
#cat ul { padding:7px 0 0  10px; clear:left;}
#cat li { padding-left:12px; line-height:19px; background:url(../images/arw.gif) 0 8px no-repeat; }
#cat a{color: #000; text-decoration:none;}
#cat a:hover {color: #a6211c; text-decoration: underline; }

#urunler { width:672px; float:left; padding:40px 0 0 0; overflow:hidden;}
#urunler img { margin:12px auto 0 auto; display:block; cursor:pointer; border:0;}
#urunler span { clear:both; position:absolute; height:21px; width:183px; padding:152px 0 0 8px; }
#urunler ul { clear:left;}
#urunler li { padding:0 33px 0 0; margin-top:16px; width:191px; height:173px; overflow:hidden; background:url(../images/urun-bg.png) 0 0 no-repeat; float:left; }
#urunler a{color: #000; text-decoration:none;}
#urunler a:hover {color: #a6211c; text-decoration: underline; }
#urunler li:hover { background-position:0 -173px; }


#chromemenu{
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #BBB;
width: 100%;
margin-left: 0;
padding-left: 0;
margin: 0;
float: left;
font: bold 10px Verdana, Arial;
}


#chromemenu ul li{
display: inline;
}


#chromemenu ul li a{
float: left;
color: #000000;
font-weight: bold;
padding: 6px 12px 6px 7px;
text-decoration: none;
}

#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*Theme Change here*/
border-bottom-width: 0;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
line-height:16px;
z-index:100;
background-color: white;
width: 120px;
visibility: hidden;
}

.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*Theme Change here*/
padding: 2px 0;
text-decoration: none;
color: black;
}

.dropmenudiv a:hover{ /*Theme Change here*/
background-color: #F3F3F3;
}