* { margin: 0px; padding: 0px; border: 0px; text-decoration: none; }
body { font-family: Georgia, Tahoma; font-size: 12px; color: #493527; background:#dcd4bd url(../media/bg/body.jpg) repeat-x;}

input[type=text] { width: 160px; border: 1px solid #333333; padding:3px; font-family: Verdana; font-size: 11px; background:url(../media/bg/input.png) top repeat-x }
input[type=password] { width: 150px; border: 1px solid #333333; padding:3px; font-family: Verdana; font-size: 11px; }
input[type=submit] { border: 1px solid #333333; height:18px; padding-bottom:2px; font-family: Verdana; font-size: 11px;background:url(../media/bg/submit.png) top repeat-x }
textarea { width: 307px; height:92px; border: 1px solid #333333; font-family: Verdana; font-size: 11px; overflow-x:hidden; overflow-y:auto; background:url(../media/bg/input.png) top repeat-x}
select { width: 150px; border: 1px solid #333333; font-family: Verdana; font-size: 10px; }
input[type=submit].yesil , input[type=button].yesil { width: 63px; height: 14px; background-image: url(../media/butyesil.png); background-position: 0px 0px; background-repeat: no-repeat; color: #ffffff; text-align: center; border: 0px; font-family: Verdana; font-size: 10px; }
input[type=submit].mavi , input[type=button].mavi { width: 63px; height: 14px; background-image: url(../media/butmavi.png); background-position: 0px 0px; background-repeat: no-repeat; color: #ffffff; text-align: center; border: 0px; font-family: Verdana; font-size: 10px; }

a { color: #6d5442;font-weight:normal}
a:hover { text-decoration: underline; }

td { vertical-align: top; }
table.outer { width: 95%; background-color: #ffffff; color: #333333; border-spacing: 2px; border-collapse: separate; }
div.uyari{font-weight:bold; width:500px; text-align:center;}

.odd td { background-color: #cccccc; }
.even td { background-color: #efefef; }
.odd { background-color: #cccccc; }
.even { background-color: #efefef; }
.red {color:red}
.bold {font-weight:bold}
h2{font-size:16px; font-weight:bold; color:#593e2c}
h3{font-size:12px; font-weight:bold; color:#593e2c}
h4{font-size:14px; font-weight:bold; color:#593e2c; font-style:italic}
.hr {height: 1px; margin-top:5px; margin-bottom:5px; background:#CCC; width:100%; line-height:1px; overflow:hidden}
.wrapper { clear: both; }
.left{float:left}
.spacer{clear:both; height:8px;}

div#container { width: 961px; margin: 0px auto; clear: both; }

div#header { position:relative; width: 961px; height:178px; background:#1d150f url(../media/bg/header.jpg) no-repeat;}
div#header .language{position:absolute; right:0; bottom:3px; height:19px; line-height:19px; font-size:16px; width:92px; background:url(../media/icon/star.png) left no-repeat; padding-left:25px; font-family: Georgia, Tahoma; }
	div#header .language a{color:#d6ba65}
	div#header .language a:hover{color:#fff; text-decoration:none}
div#header div.menu { position:absolute; left:115px; top:85px;}
div#header div.menu ul { list-style: none; margin-top:30px; }
div#header div.menu ul li { float: left; margin:0 19px 0 14px;}
div#header div.menu ul li img{margin-right:15px}
div#header div.menu ul li a {display: block; height:50px; font-family:Georgia; font-style:italic; font-size: 14px; font-weight: bold; color: #f5df89; background-repeat:no-repeat;}
div#header div.menu ul li a:hover { color: #fff; }

div#content { width: 960px; clear: both; margin: 0; background:url(../media/bg/content.png) repeat-y; overflow:hidden }
	div#content div#inner { width: 946px; clear: both; margin: 0 0 0 7px; background:#f5f4ef url(../media/bg/content.top.gif) repeat-x top;}

div#page { width: 560px; margin-top:18px; float: left; margin-left:11px}
	div#page div#banner{ width: 559px; height:160px;}
	
/* SAYFA BAŞLIĞI */
	div#page div#baslik{width:536px; padding-left:5px; padding-bottom:15px; line-height:26px; background:url(../media/bg/baslik.jpg) no-repeat left top; font-size:14px; font-weight:bold; font-style:italic; color:#593e2c}
	div#page div#baslik a{color:#593e2c; font-size:14px; font-weight:bold; font-style:italic;}
	div#page div#baslik a:hover{text-decoration:underline;}
	div#page p.info {margin:10px 10px 0 5px}

div#page div#icerik{position:relative; text-align:justify; line-height:17px; padding:0 25px 10px 5px;}

div.blockbox { width: 195px; background-color: #ffffff; background-image: url(../media/boxbg.png); background-position: 0px 0px; background-repeat: repeat-x; margin: 0px auto 5px auto; padding: 5px; border: 1px solid #cccccc; color: #666666; }
div.blockbox div.title { font-size: 14px; line-height: 24px; font-weight: bold; color: #666666; }

div#blocks { position:relative; float: left; width: 172px; margin-left:10px; margin-top:-5px; overflow:hidden }
div#blocks div.block { margin-left: 1px; margin-top:23px;   }

div.box { width: 170px; font-family: Georgia, Tahoma; font-style:italic; font-size: 14px; line-height: 21px; font-weight: bold; color:#1c140f  }
div.box div.title { width:170px; height:23px; color: #f5f4ef; background:#3c2f1c url(../media/bg/block.title.gif) no-repeat }
	div.box div.title p{padding-left:10px;}
div.box div.content {margin-bottom:0; }
	div.box .upBox{background:url(../media/bg/box.top.gif) repeat-x top;}
	div.box .downBox{background:url(../media/bg/box.bot.gif) repeat-x top;}

div.box div.content ul.list li { list-style: none; font-size:14px; border-bottom:1px solid #88857b }
div.box div.content ul.list li a { display: block; padding-left:8px;height:25px; width:160px; line-height: 23px; font-weight: normal; color: #352e28; }
div.box div.content ul.list li a.selected { background-color: #ffffff; }
div.box div.content ul.list li a:hover { color:#aa8700; background-color:#ccc; border:0; text-decoration:none }

div.box div.content ul.boxlist li { list-style: none; width:158px; margin-left:3px; margin-top:7px; padding:3px; height:52px; font-family:Tahoma; clear:both; font-size:11px; font-style:normal; font-weight:normal; line-height:14px;}
div.box div.content ul.boxlist li:hover{padding:2px; border:1px solid #ccc; background-color:#f5f5f5}
div.box div.content ul.boxlist li .img{float:right; width:52px; height:52px; overflow:hidden}
div.box div.content ul.boxlist li .info{float:left; padding-top:10px; width:100px;}
div.box div.content ul.boxlist li a {font-weight: normal; color: #6d5442; }
div.box div.content ul.boxlist li a:hover { color:#aa8700; border:0 }

div.box div.content ul.news li {  line-height:15px; background:url(../media/icon/arrow.gif) no-repeat left; font-size:11px; font-style:normal; border:0; padding:4px 0 4px 10px;}
div.box div.content ul.news li a {font-weight: normal; color: #694f3d; }
div.box div.content ul.news li a:hover {color: #000; text-decoration:underline }

/* ANA SAYFA ÜRÜNLERİ */
ul.products{list-style-type:none;}
	ul.products li{float:left; width:173px; margin-top:19px; margin-bottom:-10px; margin-left:20px; overflow:hidden}
	ul.products li div.picture{position:relative; width:173px; height:179px; background:#d5d2c9 url(../media/bg/picture.png) no-repeat}
		ul.products li div.picture a.img{position:absolute; display:block; top:15px; left:18px; border:0; width:137px; height:149px; background-color:white; overflow:hidden}
		ul.products li div.picture a.img:hover{top:10px; left:13px; border:5px solid #d3be7f;}
	ul.products li div.info{clear:both; width:173px; height:66px; margin-top:7px; background:#d5d2c9 url(../media/bg/urunbilgi.jpg) no-repeat; font-family:Georgia, Tahoma; font-size:11px; font-style:italic; line-height:13px;}
		ul.products li div.info p{padding:6px 5px 0 10px; color:#78623e}
		ul.products li div.info p span.price{color:#000;}
	ul.products li div.info2{clear:both; width:173px; text-align:center; margin-top:7px; font-size:12px; font-style:italic; line-height:16px;}
		ul.products li div.info p{padding:6px 5px 0 10px; color:#78623e}
		ul.products li div.info p span.price{color:#000;}

/* KATEGORİ SAYFASI */
ul.cat{list-style-type:none;}
	ul.cat li{float:left; width:275px; margin-top:14px; margin-left:6px; height:144px; overflow:hidden; border:1px solid #d5d2c9}
	ul.cat li div.baslik{position:relative; width:275px; height:42px; background:#dfd9c3 url(../media/bg/catbas.jpg) no-repeat top left; line-height:26px; }
		ul.cat li div.baslik a{font-size:13px; font-weight:bold; font-style:italic; padding-left:5px; color:#593e2c}
		ul.cat li div.baslik a:hover{text-decoration:underline}
	ul.cat li div.picture{position:relative; float:left; margin:6px 0 0 8px; width:83px; height:85px; background:#d5d2c9 url(../media/bg/catpic.png) no-repeat}
		ul.cat li div.picture .img{position:absolute; top:6px; left:8px; width:67px; height:72px; background-color:white; overflow:hidden}
	ul.cat li div.info{float:left; width:173px; height:66px; margin-top:7px; font-size:11px; font-style:italic; line-height:13px;}
		ul.cat li div.info a{display:block; padding:0 5px 0 10px; color:#2a221d}
		ul.cat li div.info a:hover{color:#ba9844;}

/* ÜRÜN DETAY SAYFASI */
div#details div.picture{position:relative; float:left; width:260px; height:270px; margin-top:13px; background:#d5d2c9 url(../media/bg/bigpic.png) no-repeat}
		div#details div.picture .img{position:absolute; top:21px; left:26px; width:208px; height:224px; background-color:white; overflow:hidden}
		div#details div.info1{float:left; margin:11px; width:260px; font-style:italic; line-height:18px;}
		div#details div.info2, div#details div.otherprod{position:relative; top:25px; left:10px; clear:both; width:535px; font-style:italic; line-height:16px;}
			div#details div.otherprod ul{list-style-type:none; margin-top:13px; height:96px; width:550px; overflow:hidden}
			div#details div.otherprod ul li{float:left; margin-right:2px; width:87px; height:94px; text-align:center; border:1px solid #959595}
				div#details div.otherprod ul li div.img{position:relative; top:4px; margin:0px auto; width:80px; height:86px; background-color:white;}
				div#details div.otherprod ul li a{display:block; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
				div#details div.otherprod ul li a:hover{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; margin:2px 0 0 2px; }

/* Footer */
div.sub{width:100%; background-color:#1e1611; height:60px;}
div.sub div#footer {position:relative; margin:0 auto; width: 944px; clear: both; font-size: 11px; font-weight: bold; text-align:center;}
	div#footer .egeweb{position:absolute; left:193px; top:8px;}
	div#footer .links{position:relative; top:13px; left:25px; margin:0 auto; height:40px; width:360px; font-family:Tahoma; font-weight:normal}
		div#footer .links img{float:left; padding-top:1px;}
		div#footer .links a{display:block; padding:0 8px 0 8px; float:left; line-height:12px; color:#978754;}
		div#footer .links a:hover{text-decoration:underline}
		div#footer .links span.copy{clear:both; color:#978754; line-height:18px;}
	div#footer .phone{position:absolute; top:0; left:435px; white-space:nowrap; width:190px; height:27px; color:#e2c872; font-size:14px; line-height:20px; text-align:left; font-style:italic; background:url(../media/icon/phone.png) right no-repeat}
	
div#islemsonuccontainer { position: absolute; top: 0px; height: 0px; width: 100%; height: 100%; background-color: #777777; z-index: 10000000; filter: alpha(opacity=85); -moz-opacity:0.85; }
div#islemsonuc { position: relative; top: 30%; left: 40%; width: 300px; height: 40px; padding: 3px; background-image: url(../media/islemsonucbg.png); background-position: 0px 0px; background-repeat: no-repeat; line-height: 18px; }
div#islemsonuc img { float: left; margin: 1px; }

/* Scoller */
div#begenilenler{height:194px; overflow:hidden;}

.jscroller2_up, .jscroller2_down, .jscroller2_left, .jscroller2_right {
 margin: 0;
 padding: 0;
}

.jscroller2_left, .jscroller_right, .jscroller2_left_endless, .jscroller2_right_endless {
 white-space: nowrap;
}

/* CSS Hack Safari */
#dummy {;# }

/* DROPDOWN */
div.select {position:relative; margin-bottom:7px;  left:10px; display:block; width:152px; height:19px; line-height:18px; font-style:normal; font-size:11px; background:#d7d8d8 url(../media/icon/option.png) right no-repeat; }
div.select:hover {background-image:url(../media/icon/option_h.png); background-color:#a7a9aa;}
div.select a {position:relative; text-decoration:none; color:#7a7979; padding-left:5px;}
div.select a:hover {text-decoration:none; }
ul.selectbox {position:absolute; top:18px; left:-1px; padding:2px 2px 0 2px; list-style:none; background:#d1bc71; border-width:0 1px 1px 0; border-style:solid; border-color:#ccc; z-index:1; line-height:1.5em; margin:0; }
ul.selectbox li {position:relative; border-top: 1px solid #e4ef9d; width:146px; padding: 1px; font-style:italic; z-index:100 }
ul.selectbox li:hover {background:#f6fdca; }
ul.selectbox a {display:block; width:150px; color:#727272; text-decoration:none}
ul.selectbox a:hover {text-decoration:none; color:#444}
div.select a.arrow_d {position:absolute; right:2px; width:140px; letter-spacing:2px; background:url(../media/icon/arrow_d.png) right no-repeat; text-decoration:none}
div.select a.arrow_d:hover {text-decoration:none}
div.hide-dropdown .selectbox {display:none; }

/* CONTACT FORM */
div#contactdiv, #infodiv{position:relative; margin-top:20px; font-style:italic}
div#contactdiv .mesaj{position:absolute; left:200px; top:0}
#infodiv span.a, #infodiv span.b{display:block; margin-top:20px; width:510px; padding:10px; height:50px; text-align:center; }
#infodiv span.a{background:url(../media/bg/ajax-loader.gif) center bottom no-repeat;}
#infodiv {display:none}

/* IMAGE VIEWER */
.wrap {background-color:#666666;}
.vcontainer { top:40px;
}
/* Content of the ImageViewer styles */
.vcontainer .content {background-color:#FFF; font-size:11px; font-family:Tahoma; padding:2px 2px 2px 2px;}
/* Contains the caption and close button */
.vtext {background-color:#FFF; opacity:0.5; filter:alpha(opacity=50);}
.caption {margin-top:0px;	padding:2px; margin-bottom:5px; font-weight:bold; }
.close_button {	background-image:url("../media/icon/button_close.jpg");	background-position: top right;	padding-right:12px;	background-repeat:no-repeat; cursor:pointer; cursor:hand; font-size:12px;	font-weight:bold;	font-family:Verdana;}
.wrap {	position:fixed !important; position:absolute;	width:100%;	height:100%; left:0; top:0; z-index:1;}
.vcontainer {position:absolute;	text-align:center;width:100%;z-index:2000;left:0px;}
.vcontainer .content {margin:0px auto;text-align:left;}
.vtext {position:absolute;bottom:0px;	margin-right:5px;}
.close_button {	float:right; display:block; width:50px; height:15px; margin-bottom:2px !important;	margin-bottom:0px;}
