/*
		Date: 	December, 2007
		Desc:	   Coder By Serdar Bilginer / www.owlscout.com
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


1..   Layout
2..   Header
3..   Content
4..   Footer 
5..   Pop-Up
6..   Login

*/


/* 1.. LAYOUT _____________  */
html, body, div {	font-size: 8.75pt; line-height: 13pt; font-family: arial, helvetica, Lucida Grande; color: #585858; }
body { background: #981616 url(_img/background.jpg) no-repeat top left; background-color: #981616;}

#container { width: 930px; margin: 0; padding-left: 20px; padding-bottom:20px; }
/*#container.main { background: url(_img//container-main.png) no-repeat top left; }*/

#container #anasayfa-buton { width: 30px; height: 114px; position: absolute; margin-left: 930px; z-index: 1000; left: 19,5%; top: 187px; }
#container #kolayalisveris-buton { width: 30px; height: 154px; position: absolute; margin-left: 930px; z-index: 1000; left: 19,5%; top: 301px; }
/*#flash { position:absolute; left:0; top:0; width:413px; height:718px;}*/

.clear { width:100%; font-size: 1px; line-height: 1px; height:1px; clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
span.kirmizi { color: #dc143c; }
span.gri { color: #666666; }
input, textarea { color: #404040; font-size:11px; }

.lefta { float: left; margin: 2px 20px 16px 0; border: 0; }
.righta { float: right; margin: 2px 0 16px 20px; border: 0; }
.across { margin: 2px 0 16px 0; }
.flushleft { margin-left: -20px; }
.flushright { margin-right: -20px; }


/* liste tipleri */
ul.check { list-style: none; }
ul.check li {  padding-left: 25px; background: url(_img/tick.png) no-repeat; background-position:0 -.05em; margin-bottom: 8px; font-size: 8.25pt;}
ul.bullet { list-style: none; padding: 15px 0 0 0; }
ul.bullet li {  padding: 0 0 25px 15px; background: url(_img/oki.png) no-repeat; background-position:0 .53em; }
ul.width-bullet { list-style: none; padding: 5px 0 0 0; }
ul.width-bullet li { width: 250px; float: left;  padding: 0 0 5px 15px; background: url(_img/okie.png) no-repeat; background-position:0 .53em; }
ul.uzun-bullet { list-style: none; padding: 5px 0 0 0; }
ul.uzun-bullet li { padding: 0 0 15px 15px; background: url(_img/okie.png) no-repeat; background-position:0 .53em; }
ul.normal-bullet { list-style: none; padding: 5px 0 0 0; }
ul.normal-bullet li { padding: 0 0 5px 15px; background: url(_img/okie.png) no-repeat; background-position:0 .53em; }


ul.step { list-style: none; }
ul.step li.step1,ul.step li.step2,ul.step li.step3,ul.step li.step4,ul.step li.step5,ul.step li.step6,ul.step li.step7,ul.step li.step8,ul.step li.step9 { padding-left: 40px; margin: 14px 0; }
ul.step li.step1 { background: url(_img//num/nu-1.gif) no-repeat; background-position:0 .05em; }
ul.step li.step2 { background: url(_img//num/nu-2.gif) no-repeat; background-position:0 .05em; }
ul.step li.step3 { background: url(_img//num/nu-3.gif) no-repeat; background-position:0 .05em; }
ul.step li.step4 { background: url(_img//num/nu-4.gif) no-repeat; background-position:0 .05em; }
ul.step li.step5 { background: url(_img//num/nu-5.gif) no-repeat; background-position:0 .05em; }
ul.step li.step6 { background: url(_img//num/nu-6.gif) no-repeat; background-position:0 .05em; }
ul.step li.step7 { background: url(_img//num/nu-7.gif) no-repeat; background-position:0 .05em; }
ul.step li.step8 { background: url(_img//num/nu-8.gif) no-repeat; background-position:0 .05em; }
ul.step li.step9 { background: url(_img//num/nu-9.gif) no-repeat; background-position:0 .05em; }


/* links */
a { text-decoration:none; color:#ce1d1d; }
a:hover { text-decoration:underline; color:#ef0e0e }
a.arrow-ters-yesil { padding-right:8px; color:#58a624; text-decoration: underline; background:url(_img/yesil_ters.gif) no-repeat right .36em; margin-right: 3px; }
a.arrow-ters-yesil:hover { text-decoration: none; }
a.arrow-ters-siyah { padding-right:8px; color:#000; text-decoration:none; background:url(_img/siyah_ters.gif) no-repeat right .36em; margin-right: 3px; }
a.arrow-ters-siyah:hover { text-decoration:underline; }
a.arrow-duz-yesil { padding-left:8px; color:#58a624; text-decoration:none; background:url(_img/yesil_duz.gif) no-repeat left .36em; margin-right: 3px; }
a.arrow-duz-yesil:hover { text-decoration:underline; }
a.arrow-duz-siyah { padding-left:8px; color:#000; text-decoration:none; background:url(_img/siyah_duz.gif) no-repeat left .36em; margin-right: 3px; }
a.arrow-duz-siyah:hover { text-decoration:underline; }


/* 2.. HEADER _____________  */
#header { width: 930px; height: 139px; }
#header h1.logo { /** Logo **/ float: left; margin: 0; padding: 43px 0 0 32px; }
#header h1.logo a { text-indent:-900em; text-decoration:none; background: url(_img/logo.png) no-repeat; width: 206px; height: 60px; display:block; }
/*#header .page-user { width:600px; padding-top:24px; float:right; padding-bottom:26px;}*/
#header .page-user { width:600px; padding-top:0px; float:right; padding-bottom:26px;}
#header .page-user2 { position:relative; float:right; text-align:right; margin-bottom:5px; margin-top:3px;}	/*Used in master page's user details panel*/
#header .page-user3 { position:relative; float:right; text-align:right; margin-bottom:5px; margin-top:3px; margin-left:3px;} /*Used in master page's user logout panel*/
#header .page-user .user-btn { float:right; padding-left:5px; border:0;}
#header .page-user .user-text
{
	float: right;
	padding-right:10px; padding-left:10px;
	font-size: 8pt;
	font-weight: bold;
}

#header .search { width:522px; float:right; background:url(_img/search-bg2.png) no-repeat top left; height:44px;}
#header .search .katagori { float:left; width:173px; padding: 12px 0 0 48px; }
#header .search .katagori .katagori-drop { width:158px; padding:1px; font-size:8pt; color:#4a4a4a; border: #9c0f0f 1px solid;}
#header .search .input { float:left; width:215px; padding-top:15px; }
#header .search .input .input-search { width: 190px; margin-left:10px; float: left; border: 0; background-color: transparent; color: #000000; }


/* Urun menu  */
#urun-menu { width:249px; float:left;}
#urun-menu-sub { width:249px;}
/*.salca { height:133px; background:url(_img/menu-sub-salca.png) no-repeat top left;}*/
.salca { height:133px;}

/* 3.. CONTENT _____________  */
.content-main-top { width:930px; height:17px; background:url(_img/content-top.png) no-repeat top left; }
#content { width: 930px; padding: 0; margin: 0; }
#content strong { font-weight: bold; }
#content p { margin: 10px 0 25px 0;}

.bgg { background:url(_img/content-sub.png) no-repeat bottom left;}

#urun-content { float:right; width:674px; }
#urun-content .content-top { width:674px; height:11px; background:url(_img/urun-content-top.png) no-repeat top left;}
#urun-content .content-center { width:674px; background: #FFFFFF url(_img/urun-content-bg.png) no-repeat top left;}
#urun-content .content-sub { width:674px; height:12px; background:url(_img/urun-content-sub.png) no-repeat top left;}

#urun-listing { }
#urun-listing .tek-urun { width: 300px; float: left; padding-bottom: 10px; margin-bottom:30px; border-bottom: #f0f0ee 1px solid; }
#urun-listing .bosluk { margin-right: 20px; }
#urun-listing .tek-urun .img { float:left; width:67px; }
#urun-listing .tek-urun .text { float:left; width:221px; padding-left:12px; }
#content #urun-listing .tek-urun .text h4 { color:#f23f3f; font-weight:bold; font-size:9pt; padding:0; margin:0; }
#content #urun-listing .tek-urun .text h4 a { color:#f23f3f; font-weight:bold; text-decoration:none; background:url(_img/coksatan-ok.png) no-repeat; background-position:0 .45em; padding-left:10px; }
#content #urun-listing .tek-urun .text h4 a:hover { color:#f23f3f; font-weight:bold; text-decoration:underline; background:url(_img/coksatan-ok.png) no-repeat; background-position:0 .45em; padding-left:10px;}
#urun-listing .tek-urun .text .textual { padding:5px 0; margin:0; font-size:8.5pt;}
#urun-listing .tek-urun .text .fiyat-tek { float:left; background:url(_img/tek-fiyat.png) no-repeat top left; height:21px; text-align:left; padding:3px 0 0 17px; width: 73px; font-weight:bold; color:#FFF; font-size:8.5pt;}
#urun-listing .tek-urun .text .fiyat-koli { float:left; background:url(_img/koli-fiyati.png) no-repeat top left; height:21px; text-align:left; padding:3px 0 0 17px; width: 73px; font-weight:bold; color:#FFF; font-size:8.5pt;}
#urun-listing .tek-urun .text .bslk { float:left; padding-top:4px; margin-right:10px;}
#urun-listing .tek-urun .text .sepet { float:left;}

/* Basliklar */
#content h1 { font-size: 1.7em; font-weight: 600; margin: 0 0 1ex; letter-spacing: -1px; }
#content h1.sayfa-baslik { margin-bottom: 20px; }
#content h2 { font-size: 1.6em; font-weight: 500; margin: 1ex 0; letter-spacing: -1px; }
#content h3 { font-size: 1.4em; font-weight: bold; margin: 1ex 0 0.2ex; }
#content h4 { font-size: 1.3em; font-weight: bold; margin: 1em 0 10px .2ex; }
#content h4.oki { padding: 0 0 7px 15px; background: url(_img/oki.png) no-repeat; background-position:0 .40em; }
#content h4.bas { padding: 0 0 0 20px; background: url(_img/bullet-baslik.png) no-repeat; color:#589613; background-position:0 .30em; }
#content h5 { font-size: 1.2em; font-weight: bold; margin: 1ex 0 0; }
#content h5.oki { padding: 0 0 3px 15px; background: url(_img/oki.png) no-repeat; background-position:0 .40em;}
#content h6 { font-size: 13pt; font-weight: normal; margin: 1ex 0 0; }

#main-menu { width:504px; height:220px; float:right; padding-right:17px; background: url(_img/tr/urunkatagori-bg.png) no-repeat top left; }
ul.urunlist { list-style: none; margin:50px 0 0 20px; }
ul.urunlist li {  width: 130px; float: left; background: url(/_img/uzun-ok.png) no-repeat; background-position:0 1.15em; padding:6px 0 6px 20px; border-bottom: #f5d9d9 1px dashed;}
ul.urunlist li a { text-decoration: underline; font-weight: bold; color: #d62e2e; }
ul.urunlist li a:hover { text-decoration: none; font-weight: bold; color: #d62e2e; }

#kampanya { width:504; float:right; padding-bottom:35px; padding-right:17px;}
#kampanya .tab-kamp { width:233px; height:217px; float:left; padding:48px 0 0 16px;}
.indirim .img { float:left; width:67px; }
.indirim .text { float:left; width:134px; padding-left:12px; }
#content .indirim .text h4 { color:#f23f3f; font-weight:bold; font-size:9pt; padding:0; margin:0; }
#content .indirim .text h4 a { color:#f23f3f; font-weight:bold; text-decoration:none; }
#content .indirim .text h4 a:hover { color:#f23f3f; font-weight:bold; text-decoration:underline; }
.indirim .text .textual { padding:5px 0; margin:0; font-size:8.5pt;}
.indirim .text .fiyat { background:url(_img/indirim-fiyat.png) no-repeat top left; height:21px; text-align:left; padding:4px 0 0 17px; font-weight:bold; color:#FFF; font-size:8.5pt;}
.indirim .fiyat-list { margin-top:15px; font-size:8.5pt;}
.indirim .fiyat-list td { border-bottom: #f5d9d9 1px solid; border-top: #f5d9d9 1px solid; line-height: 22px;}
.indirim .fiyat-list td.icerik { width:143px; font-weight:bold; color:#f23f3f; padding: 0 0 0 11px; background: url(_img/indirim-ok.png) no-repeat; background-position:0 .85em;}
.indirim .fiyat-list td.fiyat { width:58px; text-align:right; font-weight:bold; color:#f23f3f;}
.indirim .fiyat-list tr a { font-weight:bold; color:#f23f3f; text-decoration:none;}
.indirim .fiyat-list tr a:hover { font-weight:bold; color:#f23f3f; text-decoration:underline;}

.coksatan .img { float:left; width:67px; }
.coksatan .text { float:left; width:134px; padding-left:12px; }
#content .coksatan .text h4 { color:#ff871c; font-weight:bold; font-size:9pt; padding:0; margin:0; }
#content .coksatan .text h4 a { color:#ff871c; font-weight:bold; text-decoration:none; }
#content .coksatan .text h4 a:hover { color:#ff871c; font-weight:bold; text-decoration:underline; }
.coksatan .text .textual { padding:5px 0; margin:0; font-size:8.5pt;}
.coksatan .text .fiyat { background:url(_img/coksatan-fiyat.png) no-repeat top left; height:21px; text-align:left; padding:4px 0 0 17px; font-weight:bold; color:#FFF; font-size:8.5pt;}
.coksatan .fiyat-list { margin-top:15px; font-size:8.5pt;}
.coksatan .fiyat-list td { border-bottom: #fde5c7 1px solid; border-top: #fde5c7 1px solid; line-height: 22px;}
.coksatan .fiyat-list td.icerik { width:143px; font-weight:bold; color:#ff871c; padding: 0 0 0 12px; background: url(_img/coksatan-ok.png) no-repeat; background-position:0 .85em;}
.coksatan .fiyat-list td.fiyat { width:58px; text-align:right; font-weight:bold; color:#ff871c;}
.coksatan .fiyat-list tr a { font-weight:bold; color:#ff871c; text-decoration:none;}
.coksatan .fiyat-list tr a:hover { font-weight:bold; color:#ff871c; text-decoration:underline;}



/* News ve mail list bolumu */
#subscription { width: 308px; padding: 0; background-color: #e6e7e3; }
#subscription .top { width: 308px; height: 13px; background: url(_img/e-subscription-top.png) no-repeat top left; }
#subscription .bottom { width: 308px; height: 14px; background: url(_img/e-subscription-bottom.png) no-repeat top left; }
#subscription .txt { width: 291px; padding: 0 0 0 17px; }
.input-sub { width: 172px; float: left; border: 0; font-size: 9pt; color: #aaaaaa; }
.e-subscription { width: 189px; height: 20px; padding: 7px 0 0 15px; background: url(_img/input-subscription.png) no-repeat top left; float: left; }
#newster { width: 308px; background-color: #e6e7e3; }

ul.news { list-style: none; margin: 0 20px 0 16px; padding: 0; font-size: 8pt; }
ul.news li { padding: 7px 0 7px 24px; background: url(_img/news-ico.png) no-repeat; background-position:0 .90em; border-bottom: #c6c7c3 1px dashed; }
ul.news li span { color: #aaaaaa; padding-left: 7px; }
ul.news li a { color: #585858; }
ul.news li a:hover { color: #585858; }
ul.news li a:visted { color: #585858; }


/* 4.. FOOTER _____________  */
#footer {  width: 100%; clear: both; margin: 0; padding: 0; background: url(_img/footer-bg.png) repeat-x top left; }
#footer #wrapper { font-size: 8pt; margin: 0 0 0 20px; width: 930px; padding: 20px 0; color: #edc7c7; }
#footer strong { font-weight: bold; }
#footer #wrapper .footer-menu { font-size: 8pt; float: right; text-align: right; margin: 0 0 9px 0; color: #edc7c7; }
#footer #wrapper .footer-menu a { padding: 0 0 0 5px; white-space: nowrap; text-decoration: none; color: #edc7c7; }
#footer #wrapper .footer-menu a:hover { text-decoration: underline; color: #edc7c7; }

#footer #wrapper .footer-text { float: left; text-align: left; }
#footer #wrapper .footer-text a { text-decoration: underline; color: #edc7c7; }
#footer #wrapper .footer-text a:hover { text-decoration: none; color: #edc7c7; }
a.link { color:#9d9d9d; text-decoration: none; border-bottom: #cfcfcf 1px solid;}
a.link:hover { color:#9d9d9d; text-decoration: none; border-bottom: 0; }


/* 6.. LOGIN _____________  */
body.login #container { width: 520px; margin: 0; padding: 0; }
body.login #header { width: 520px; height: 234px; }
body.login #header h1.logo { /** Logo **/ float: left; margin: 0; padding: 75px 0 0 91px; }
body.login #header h1.logo a { text-indent:-900em; text-decoration:none; background: url(_img/logo.png) no-repeat; width: 199px; height: 60px; display:block; }
body.login #content { width: 429px; padding-left: 91px; height: 119px; margin: 0 0 147px 0; padding-top: 36px; background: url(_img/login-bg.png) no-repeat top left; }
body.login #footer { width: 520px; clear: both; margin: 0; padding: 0; height: 26px; }
body.login #content h3 { font-size: 1.7em; font-weight: 600; margin: 0; letter-spacing: -1px; }
.inputlogin { width: 185px; height: 22px; border: #dcdcdc 1px solid; background-color: #f8f8f8; padding: 8px 0 0 5px; font-size: 9pt; }


/* iletisim */
#iletisim p,#form p { margin: 0px; width:285px; padding: 0 0 5px 0; float: left; }
.textarea, .textarea:hover { color: #999999; width:240px; height:125px; padding:4px 8px; margin: 3px 0 4px 0; border-right: 1px #bdbdbd solid; border-left: 1px #dfdfdf dashed; border-bottom: 1px #bdbdbd solid; border-top: 1px #dfdfdf dashed;}
.textarea:hover { background-color: #d1eef7; color: #707070;} 
.textinput, .textinput:hover { color: #999999; width:240px; height:16px; padding:4px 8px; margin:3px 0 4px 0; border-right: 1px #bdbdbd solid; border-left: 1px #dfdfdf dashed; border-bottom: 1px #bdbdbd solid; border-top: 1px #dfdfdf dashed; }
.textinput:hover { background-color: #d1eef7; color: #707070;}
.droppo { width:255px; margin:3px 0 4px 0;}


/* Pagination */
.pagination { padding: 3px; margin: 0 0; text-align:center; }
.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; text-decoration: none; /* no underline */ color: #666664; }
.pagination a:hover,.pagination a:active { border: 1px solid #999; color: #666; }
.pagination .current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #666664; font-weight: bold; background-color: #666664; color: #FFF; }
.pagination .disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #bfbfbf; }

/* Cap */
.pagination-cap	{ margin:0 0 1em 0; background:url(_img/com_tabbed_btm.gif) no-repeat left bottom; margin: 20px 0; }
.pagination-cap .bgs { font-size:1em; padding:1em; background:url(_img/com_tabbed_top.gif) no-repeat left top; }


.gallery { display: block; border: #e9e9e9 5px solid; margin-bottom: 5px; }
.gallery img { /*border: #fff 3px solid;*/ }
.gallery:hover { border: #b4b4b4 5px solid; display: block; }


/* Site Map */
.sitemap { float:left; width:177px; margin:0; padding:5px 0 15px 0; border: #dedfdb 1px solid; }
.sitemap ul {list-style:none; margin:0 0 0 10px; padding:0; }
.sitemap ul li { font-weight:bold;}
.sitemap ul li ul{list-style:none; margin:0; padding:0; font-size: 8pt;}
.sitemap ul li ul li {background-image:url(_img/sub.png); background-repeat:no-repeat; padding-left:13px; padding-top:4px; background-position:0px 5px; font-weight:normal;}
.sitemap ul li ul li ul{list-style:none; margin:0px 0px 0px 10px; padding:0px 0px 0px 0px;}
.sitemap ul li ul li ul li {background-image:url(_img/sub.png); background-repeat:no-repeat; padding-left:13px; padding-top:4px; background-position:0px 5px; font-weight:normal;}
#content .sitemap a { text-decoration: none; color:#585858; border: 0; }
#content .sitemap a:hover { text-decoration: underline; color:#585858; border: 0; }