/*-------------------------------------------------------------------------
=LAYOUT
-------------------------------------------------------------------------*/
body { background:#5a9cbd url(../images/bg/bg.gif) repeat-x left top; font: 11px Tahoma,Helvetica,Arial,"Lucida Grande","Trebuchet MS",sans-serif; color:#000 }

div#container { margin:0 auto; width:996px;}
	div#header { position:relative; width:995px; height:152px; background:#fff url(../images/bg/header.jpg) top left no-repeat; }
	div#content { padding:10px 8px 5px 3px; background:#fff  }
		div#leftBar { float:left; width:167px; }
		div#main { position:relative; float:left; width:635px; overflow:hidden }
			div.sidebar { width:165px; background:#fff;}
			div.sidebar2{ width:155px; background:#ffffff;}
		div#rightbar {float:right; width:160px;}
	div#footer { position:relative; margin-top:5px; padding-top:20px; background:#fff }

/*-------------------------------------------------------------------------
=GLOBAL CLASSES
-------------------------------------------------------------------------*/
.floatNone { float:none }
.floatLeft { float:left }
.floatRight { float:right }
.clearBoth { clear:both }
.noBg { background:none !important }
.noMargin { margin:0 !important }
.noPadding { padding:0 !important }
.noBorder { border:0 !important }
.displayNone { display:none !important }
.displayBlock { display:block !important }
.renkli{color:#64add1}
.turuncu {color:#f8a13a}
.koyu {font-weight:bold}
.beyaz {color:#f5fafc;}
.margintop {margin-top:9px}
.spacer{clear:both; height:8px; width:100%; overflow:hidden}
.center{text-align:center}

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


/*-------------------------------------------------------------------------
=LINKS
-------------------------------------------------------------------------*/
a { color:#196bac; text-decoration:none }
	a:hover { color:#315070; text-decoration:underline }
	


/*-------------------------------------------------------------------------
=HEADINGS
-------------------------------------------------------------------------*/
h1, h2, h3, h4 { font-family:Tahoma, Helvetica, Arial, sans-serif; font-weight:bold; color:#3e3e3e }
h1 { font-size:21px }
h2 { font-size:17px }
h3 { font-size:13px }
h4 { font-size:12px }



/*-------------------------------------------------------------------------
=FORMS
-------------------------------------------------------------------------*/
input, textarea { /*padding:4px 7px 0 7px; height:17px;*/ font:11px Tahoma, Helvetica, Arial, sans-serif; border:1px solid #d1d3d4; background-color:#fff }
input.long{width:200px;}
textarea.long{width:202px;}
input[type=submit]{padding:0 15px 2px 15px; margin:5px 0; border:1px solid; height:28px; background-color:#faa036; font-size:1.1em; color:#FFF; font-weight:bold}
input[type=radio]{vertical-align:middle; border:0}
input[type=submit]:hover{background-color:#64add1; cursor:pointer;}
button { color:#333 }

input.sepete_ekle{background:url(../images/buttons/addtobasketo.gif) left no-repeat;width:100px; height:22px; font-size:11px; padding:2px 0 3px 22px; margin:0 0 0 0; cursor:pointer}
input.sepete_ekle:hover{background:url(../images/buttons/addtobasketo.gif) left no-repeat;}
* html button.aaa{line-height:30px;}
button.aaa:hover{text-decoration:none}
td.taksit_sec{background:url(../images/buttons/instalment.gif) 0 3px no-repeat; width:132px; height:21px; padding:0; margin:0; border:0; color:#FFF; text-align:center; font-size:11px ; font-weight:bold; cursor:pointer}
td.taksit_sec span{padding-top:3px;}
* html td.taksit_sec span{padding-bottom:8px}

div.form{position:relative; width:635px;	margin:30px 0 10px 0; line-height:24px;	color: #000; font-weight:bold; background-color:#c0e0f0;}
	div.form input{width:200px; height:18px; border:1px solid #ccc; padding-top:4px; font-size:1.1em}
	div.form input[type=submit]{float:right; padding:5px; margin:5px 5px 6px 0; width:150px; height:40px; background-color:#5a9cbd; line-height:18px; font-size:1.1em; color:#fff; border:0}
	div.form input[type=submit]:hover{background-color:#1a6bad; cursor:pointer}
	.formgroup{position:relative; top:2px; margin:0 2px 4px 2px; width:631px; background-color:#e0ecf2; font-size:1.1em}
	.formspace{clear:both; height:3px; width:635px; background-color:#fff; overflow:hidden}
	.formgroup .col1{float:left; width:140px; padding:10px}
	.formgroup .col2{float:left; width:400px; padding:10px}

/*-------------------------------------------------------------------------
=PRODUCT LISTING
-------------------------------------------------------------------------*/
div#searchBox{float:left; margin-top:0; padding:1px 0 7px 0; width:635px; background-color:#f9ae56; display:none}
	div#searchBox .searchgr {padding-left:20px; line-height:24px;}
	div#searchBox .selections {color:#9f8970;line-height:24px; margin-left:15px}
		div#searchBox .selections input.midd {vertical-align:middle}
.filterOpen {position:absolute; right:15px; top:4px; color:#9f8970; cursor:pointer}
.filterOpen a {}
.filterOpen a:hover {text-decoration:underline}

/*-------------------------------------------------------------------------
=NAVIGATIONS
-------------------------------------------------------------------------*/
div#topNav { position:absolute; right:0px; top:12px }
	div#topNav ul li { float:left; margin-left:9px; padding-right:9px; background:url(../images/nav/topNavSeperator.gif) no-repeat right 4px }
		div#topNav ul li a { font-size:9px }

div#mainNav { position:absolute; left:23px; top:118px }
	div#mainNav ul { width:916px }
		div#mainNav ul li { float:left; margin-right:15px; padding-right:15px; background:url(../images/nav/mainNavSeperator.gif) no-repeat right center }
		div#mainNav ul li#makeHomepage { float:right; margin:0; padding:0; background:transparent }
			div#mainNav ul li a { font:bold 14px "Trebuchet MS", Helvetica, Arial, sans-serif; color:#25487e }
			div#mainNav ul li#makeHomepage a { display:block; width:109px; height:15px; background:url(../images/nav/makeHomepage.gif); text-indent:-9999px }


div#footer #banks { position:relative; margin:0 auto; width:420px; height:73px; background:url(../images/visa-master.jpg) left no-repeat; text-indent:-9999px }
div#footer #ssllogo { position:relative; margin:0 auto; padding-top:5px; width:400px; height:70px; text-align:center }

	div#footer div#links { position:relative; height:15px; width:445px; margin:20px auto; }
		div#footer #links ul li { float:left; margin-right:5px; padding-right:8px; }
		div#footer div#links ul li a { color:#bdbdbd; font-weight:bold; }
		div#footer .address { position:relative; text-align:center ; color :#bdbdbd; padding-bottom:10px; }
	div#footer div#w3 { position:relative; width:360px; padding-bottom:10px; margin:0 auto; }


/*-------------------------------------------------------------------------
=HEADER
-------------------------------------------------------------------------*/
div#logo a { position:absolute; left:4px; top:10px; width:320px; height:112px; background:url(../images/kurumsal/dd-logo.gif) no-repeat; text-indent:-9999px }
div#sepetimikon{position:absolute; right:10px; top:26px;}
div#header div#headMenu { position:absolute; right:10px; top:6px; width:355px; font-family: Tahoma; font-size:11px; }
	div#headMenu ul li { float:left; height:18px; line-height:18px; margin:0 3px 0 2px; padding-right:5px; color:#3b7b9a; border-right:1px solid #64add1;}
	div#headMenu ul li.last { float:left; border:0; padding-right:0; margin-right:0 }
		div#headMenu ul li a { color:#3b7b9a; }
		
input.login{width:81px; height:18px; background:url(../images/bg/input.png) right top no-repeat;  border:0; color:#4a7f9a; font-size:11px; padding:2px 3px 0 6px;}
button.login{width:48px; height:18px; padding-bottom:4px; background:#3c82a4 url(../images/buttons/gonder.png) top no-repeat; color:#fff; font-size:11px; text-align:center; cursor:pointer}

div#menu { position:absolute; top:92px; right:0 }
	div#menu ul li {float:left}
	div#menu ul li a{display:block; margin-right:1px; padding:5px 28px 6px 28px; background-color:#1a6bad; color:#fff; text-decoration:none; font-weight:bold }
	div#menu ul li a:hover { background-color:#faa036; }
	div#menu ul li a.msepetim{background:#1a6bad url(../images/buttons/sepetim.png) right no-repeat;}
	div#menu ul li a.msepetim:hover{background:#faa036 url(../images/buttons/sepetim-hov.png) right no-repeat;}
	div#menu ul li a.manasayfa{background:#1a6bad url(../images/buttons/anasayfa.png) left no-repeat;}
	div#menu ul li a.manasayfa:hover{background:#faa036 url(../images/buttons/anasayfa-hov.png) left no-repeat;}
div#logos { position:relative; top:126px; left:8px; width:980px; height:24px; overflow:hidden;}
	div#logos div#marka img{float:left; padding-left:15px}
	div#logos div#marka{white-space:nowrap; margin: 0;}

/*-------------------------------------------------------------------------
=LEFTBAR
-------------------------------------------------------------------------*/
div#search { position:relative; width:160px; height:48px;  background:url(../images/bg/searchAlt.gif) right bottom no-repeat; }
	div#search h4 { position:relative; margin:0; padding:0; top:4px; left:8px; font-family:Tahoma; font-size:11px; cursor:default; }
	div#search input { position:absolute; top:19px; left:8px; width:98px; height:16px; border:1px solid #d7d7d7  }
	div#search button { position:absolute; top:19px; left:113px; width:34px; height:20px; border:1px solid #d7d7d7; font-weight:bold; font-size:13px; color:#196bac; background-color:#fff; overflow:hidden}

div#gal { position:relative; margin-top:10px; }
div#cat {width:160px; overflow:hidden;}
div .leftMenu { position:relative; width:160px; background:url(../images/bg/kat.gif) no-repeat top left; }
	div.leftMenu h4 { position:relative; top:4px; left:8px; font-size:11px; font-family:Tahoma; cursor:default;}
	div.leftMenu h1 { color:#64ADD1; font-weight:bold; text-indent:8px; height:17px; padding-top:2px; margin-top:10px; margin-bottom: -9px;background:url(../images/bg/menuBg.jpg) repeat-x; font-size:12px; margin-right:1.5px; }
	div.leftMenu h1 a:hover { text-decoration:none; }
	div.leftMenu ul { margin-top:12px;}
	div.leftMenu ul li { background-color:#f3f3f3; width:160px; margin-top:3px; padding:4px; font-weight:bold }
	div.leftMenu ul li.grouptitle {padding-left:13px; background-color:#64add1;}
	div.leftMenu ul li.sectitle {padding-left:13px; background-color:#B9DAEA;}
	div.leftMenu ul li a { color:#71777a; margin-left:10px;  }

/*-------------------------------------------------------------------------

=CONTENT
-------------------------------------------------------------------------*/
div#banner { width:644px; height:189px; margin-bottom:20px}

div#main .yazi{position:relative; margin:40px 0 10px 5px; width:625px; line-height:18px; color: #000; text-align:justify}
div#main .yazi p{margin:0.8em 0;}

.bar { float: left; display:block;  width:630px; margin-top:0px; padding:3px 4px 3px 5px; line-height:18px; background:#faa036; color:#fff; letter-spacing:0px; cursor:default; font-size:1.1em; font-weight:bold  }
.bar ul.path li { float:left; margin-right:3px; margin-left:2px; padding-right:12px; background:url(../images/ayrac/arrow.png) no-repeat right 5px;}
	.bar ul.path li.last { float:left; background:none; padding-right:0; margin-right:0 }
		.bar ul.path li a { color:#196bac; }

.sepetim { float: left; display:block; width:634px; margin-top:20px; color:#016699; }
.sepetim form{display:block}
.sepetim table {border-bottom:2px solid #e7ebed; padding:0; margin:0}
	.sepetim table td{ padding:6px 0 3px 0}
		.sepetim table td.t1{width:338px; border-left:0; border-right:0}
		.sepetim table td.t2{width:55px;  border-right:0}
		.sepetim table td.t3{width:85px;  border-right:0}
		.sepetim table td.t4{width:80px;  border-right:0}
		.sepetim table td.t5{width:100px; border-right:0px solid #e7ebed;}
		.sepetim table td input{padding:0; border:0; padding-left:2px; height:16px; line-height:16px;}
.sepetim .toplam{clear:both; float:right; padding-top:17px; text-align:right; line-height:20px; font-size:11px; color:#016699; font-weight:bold}
	.sepetim .toplam img{margin:10px 0 0 10px;}
	.sepetim .toplam input{border:0}
	
.prod { position:relative; float:left; width:200px; height:246px; margin:10px 1px 0 1px; text-align:center;}
	.prod_vert_ln {float:left; width:5px; margin-top:20px; height:210px; background:url(../images/ayrac/products.png) no-repeat center;}
	.prod_vert_ln2 {float:left; width:7px; margin-top:10px; height:210px;}
	.prod_hr{clear:both; width:95%; height:12px; border-bottom:2px solid #f2f2f2; overflow:hidden;}
	.prod .title {font-size:12px; }
	.prod .picture {position:absolute;  text-align: center; vertical-align: middle; bottom:66px; left:0; width:195px; height:150px; line-height:150px }
	.prod .picture img {display:inline;display:inline-table;display:inline-block;
            vertical-align:middle;  }
	
	.prod .priceinfo {position:absolute; text-align:right; bottom:30px; right:8px; font-size:10px; }
	.prod .sepeteekle {position:absolute; bottom:0px; left:8px;}
	.prod .detay {position:absolute; bottom:0px; right:8px;}
	
	.pagination {position:relative; float:left; margin-left:0; width:100%; height:50px; line-height:30px; }
	.pagination p.pager {	float:right; margin:0; padding:0 5px 0 0;}

div#urundetay {position:relative; top:10px; width:635px; overflow: hidden;}
	div#urundetay .isim h1{float:left;	margin-left:10px; width:562px; height:30px; line-height:18px; font-size:14px; color:#3C4B86}
	div#urundetay .resim { float:left; margin:0 0 10px 10px; width:218px; height:218px; line-height:218px; text-align:center; border:1px solid #c0d9e6;}	
	div#urundetay .resim img {display:table-cell; vertical-align:middle}
	div#urundetay .fiyat {float:left; margin-left:30px; width:340px; height:207px; line-height:26px;}
		div#urundetay .fiyat .parapuan {padding-left:25px; background:url(../images/money.gif) no-repeat left; color:#f7931e; font-size:12px }
		div#urundetay .fiyat .label {width:120px; float:left}
		div#urundetay .fiyat .value {width:160px; float:right}
		div#urundetay .fiyat .sepeteEkle, div#urundetay .fiyat .taksitler {margin-top:10px; padding-right:25px}
		div#urundetay .fiyat input{border:0}
	div#urundetay .islemler {	clear:both; position:relative; width:563px; height:35px; z-index:0 }
		div#urundetay .islemler ul li { float:left;  margin-left:1px;  }		
			div#urundetay .islemler ul li a.short { width:100px;}		
			div#urundetay .islemler ul li a.long { width:76px;}
			div#urundetay .islemler ul li a.off{background-color:#fff }
			div#urundetay .islemler ul li a.on{background-color:#f3f3f3 }
			div#urundetay .islemler ul li a { position:relative; display:block; padding-left:24px; padding-top:1px; height:32px; font-size:11px; font-weight:bold; color:#016699; border:1px solid #e1e1e1; background:url(../images/money.gif) no-repeat 2px 8px; line-height:28px; z-index:10}
			div#urundetay .islemler ul li a:hover { text-decoration:none; background-color:#f3f3f3 }
	div#urundetay #ozellikler, div#urundetay #resim, div#urundetay #tavsiye {	float:left; border:1px solid #e1e1e1; width:580px; position:relative; margin:0px 0 10px 1px;  }

div#urundetay #ozellikler{-moz-user-select:none;font-family:arial,verdana,tahoma,helvetica;font-size:12px}
div#urundetay .info{padding:10px;   background-color:#f3f3f3; line-height:16px; z-index:1;}
		div#urundetay #ozellikler ul li { width:90%; margin-left:1px; padding:3px 3px 3px 16px; background:url(../images/ayrac/arrow2.gif) no-repeat 3px 8px; line-height:14px}		

table.siparis_form td input{border:1px solid #ccc}

 span.spantd {display:block; width:140px; padding-left:10px}
 .aciklama{padding:10px}
/*-------------------------------------------------------------------------
=UYE SAYFASI
-------------------------------------------------------------------------*/
div.uyemain{position:relative; margin:40px 0 10px 0;}
	div.uyemain .extrabilgi{padding:0 10px 15px 10px}
	div.uyemain .uyetab{width:633px; border:1px solid #faa036; border-top:2px solid #faa036; clear:both; font-size:11px;}
	
	table.bilgi1 td{height:25px; vertical-align:middle}
	table.bilgi1 td input{width:140px; height:16px; border:1px solid #d1d3d4; padding:2px 1px 0 2px; color:#97c6e0; font-weight:bold}
	table.bilgi1 td input[type=submit]{padding:0 15px 2px 15px; margin:5px 0; border:1px solid; height:28px; background-color:#faa036; font-size:1.1em; color:#FFF; font-weight:bold}
	table.bilgi1 td input[type=submit]:hover{background-color:#64add1; cursor:pointer;}
	table.bilgi1 td select{width:225px; border:1px solid #d1d3d4; height:18px; font-size:11px}
	table.bilgi1 td textarea{height:60px; width:550px; border:1px solid #d1d3d4;padding:2px 1px 0 2px; color:#97c6e0; font-weight:bold}
	
	.uyetab .formDiv{padding:10px; color:#3789b1}
	
	table.bilgi2 {width:100%; margin:0; padding:0; border-spacing:0}
	table.bilgi2 th{font-weight:bold;background-color:#bcbcbc; color:#fff; font-size:13px;line-height:20px}
	table.bilgi2 td table{border-spacing:0}
	table.bilgi2 td table td{vertical-align:top; line-height:16px}
	table.bilgi2 td table td input, table.bilgi2 td table td textarea{width:220px; border:1px solid #d1d3d4; height:16px; padding:2px 1px 0 2px; color:#97c6e0; font-weight:bold}
	table.bilgi2 td table td textarea {height:60px}
	table.bilgi2 td input[type=submit]{padding:0 15px 2px 15px; margin:5px; border:1px solid; height:28px; background-color:#faa036; font-size:1.1em; color:#FFF; font-weight:bold}
	table.bilgi2 td input[type=submit]:hover{background-color:#64add1; cursor:pointer;}
	
	table.bilgi3 {width:100%; margin:0; padding:0; border-spacing:0}
	table.bilgi3 th{font-weight:bold;background-color:#bcbcbc; color:#fff; font-size:13px;line-height:20px; border-left:1px solid #FFF; }
	table.bilgi3 th, table.bilgi3 td{padding-left:8px; line-height:18px; border-bottom:1px solid #bcbcbc;}
	table.bilgi3 td{border-left:1px solid #faa036;}
	
ul.uyetabmenu{}
ul.uyetabmenu li{float:left; padding: 0 1px 0 0;}
ul.uyetabmenu li a{display:block; height:24px; line-height:23px; padding:0 15px; font-size:13px; font-weight:bold; color:#fff;}
ul.uyetabmenu li a.pasif{background-color:#64add1;}
ul.uyetabmenu li a.aktif{background-color:#faa036;}
ul.uyetabmenu li a:hover{background-color:#faa036; text-decoration:none}


/*-------------------------------------------------------------------------
=ILETISIM
-------------------------------------------------------------------------*/
#iletisim { margin:10px; font:11px/normal Tahoma, Helvetica, Arial, sans-serif; color:#858585 }
#dvMap { width:550px;height:300px;margin-top:40px; }

#grupbaslik {margin:50px 0 10px 5px}
#grupbaslik h1 {color:#434544;font-family:Helvetica,Arial,Tahoma;font-size:14px;line-height:10px;}

.gruplink {bottom:35px;font-size:11px;left:30px;position:absolute;color:#4B4B4B}
.gruplink a{color:#196BAC;text-decoration:underline;font-weight:normal}
.gruplink a:hover {color:#F56D1D}

#kkform {float:left;width:100%}
#paylas {clear:both; position:relative; left:80px; padding-bottom:17px;}