@charset "utf-8";

/* ------------------------------------------ reset styles ------------------------------------------ */
/* ----------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike,  sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot, thead, th {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }
body { color: black; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; background: url(../images/body-back.jpg) repeat-x top left; letter-spacing:0.3px; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */

caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

.clearer { clear:both; }
/* ------------------------------------------ .-*-. ------------------------------------------- */
/* ------------------------------------ end of reset styles ----------------------------------- */
.wrapper { width: 994px; margin: 0px auto; }
/* ------------------------------------------ header styles ------------------------------------------ */


.header { width: 994px; height: 254px; background-color: #333399; position: relative; }
	.header .topbar { position: absolute; top: 0px; left: 0px; width: 653px; height: 30px; background-image: url(../images/index_01.gif); }
	.header .smallbuttons { position: absolute; top: 0px; right: 0px; width: 154px; height: 30px; background-image: url(../images/index_03.gif); }
	.header .girl { position: absolute; top: 0px; left: 653px; background-image: url(../images/index_02.jpg); width: 188px; height: 254px; }
	.header .bags { position: absolute; top: 30px; left: 841px; background-image: url(../images/index_06.jpg); width: 154px; height: 224px; }
	.header .logo { position: absolute; top: 30px; left: 0px; background-image: url(../images/logo.jpg); width: 349px; height: 164px;}
	.header .motto { position: absolute; top: 30px; left: 349px; background-image: url(../images/motto.jpg); width: 304px; height: 164px;}
	
	
/* ----------------------------------------*/	
	
/* ------------------------------------------ content styles ------------------------------------------ */

	.content { width: 910px; margin: 0px auto; }
	.content .logos { width: 770px; height: 60px; margin: 10px auto 0px auto; background: url(../images/logolar.gif); }
	.contentleft { width: 220px; float: left; }
		.login { background:url(../images/login-back.gif); margin:10px auto 20px; padding:10px 14px 13px; text-align:right; width:188px; }
			.login .giristxt { border: 1px solid #c2c2c2; 
								width: 179px; 
								height: 23px; 
								margin-bottom: 5px; 
								font-family: Tahoma, Geneva, sans-serif;
								font-size: 14px;
								text-align:right; }
			.login-details { text-align: left; }
			.login-details { text-align: left; }
			.login-details a { text-decoration: none; color: #336600; }
			.login .sifreunuttum { text-align:right; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#6a6a6a; padding-top:10px;}
			.sifreunuttum a { text-decoration:none; color:#6a6a6a; }
			.sifremiunuttum a:hover, .sifremiunuttum a:active, .sifremiunuttum a:visited { text-decoration:none; color:#545454; }
			.login-details a:hover,.login-details a:active { text-decoration: underline; color: #339900; }
		.register { width: 216px; height: 98px; margin: 0 auto; margin-bottom: 20px; position: relative; background: url(../images/register-back.jpg); }
		.register .registerbtn { position: absolute; top: 60px; }
			.registerbtn a { display: block; background: url(../images/uye-ol2.gif); width: 216px; height: 41px; }
			.registerbtn a:hover,.registerbtn a:active { display: block; background: url(../images/uye-ol2.gif); width: 216px; height: 41px; }
		.newproducts { width: 216px; height:auto; margin: 0 auto;}
			.producttop { background:url(../images/producttop.gif); height: 44px; width: 216px; }
			.emailtop { background:url(../images/emaillist.gif); height: 44px; width: 216px; }
			.productbody { background:url(../images/productbody.gif) repeat-y; height: auto; width: 196px; padding: 0px 10px 0px 10px; }
			.productbody a { text-decoration: none; color: #44455a; font-weight:bold; font-size:13px; }
			.productbody a:hover,.productbody a:active { text-decoration: none; color: #44455a; font-weight:bold;}
			.productbot { background:url(../images/productbot.gif); height: 27px; width: 216px;}
			
			
			
	
	.contentright { width: 671px; float: right; }
	.tabset_content_active	{ display:block }
		.p-info-top {  background:url(../images/p-info-top.gif) no-repeat; height: 20px; width: 671px;}
		.p-info-cont { background:url(../images/p-info-container.gif) repeat-y; height: auto; width: 671px;}
			.product-image { float: left; width: 310px; height:230px; margin: 10px 10px 10px 40px; display: inline }
			.product-info { float: right; width: 293px; width: 290px; height: auto; margin: 0px 10px 0px 0px; display: inline; text-align: right; color:#9e9e9e; font-weight: bold; font-size:14px; }
				.product-info h1 { font-weight: bold; font-size: 24px; color: #787878; }
				.product-price { height: 48px; width:auto; float: right; background: url(../images/e-2.gif) no-repeat top right; color: #FFF; font-size: 32px; padding: 0px 27px 0px 0px; margin-top:15px; }
					.product-price span { float: left; width:26px; height: 48px; }
				.product-info .cargo { width: 100px; float:right; }
				.product-info-text { width: 240px; float: right; margin:10px 0; }
				.product-comment { width: 240px; float: right; margin:10px 0; color:#545454; font-weight:normal; }
				.product-info-text-f { width: auto; float: right; margin:10px 0; color: #900; font-size:18px; font-weight:bold;  }
			.p-info-cont p { padding: 10px 22px 0px 22px; font-size:12px; }
		.p-info-bot { background:url(../images/p-info-bot.gif); height: 19px; width: 671px; }
		.green-area { height: 81px; background: #e3edce url(../images/gleft.gif) no-repeat top left; width: 631px; margin-right:auto; margin-left:auto; margin-top:auto;  }
			.green-area ul { list-style: none; padding: 10px 0px 0px 0px; float:left }
			.green-area ul li { float: left; margin-left: 5px; }
			.green-area .date { width: 54px; height:70px; color: #80a13b; float: left; margin: 6px 0 0 10px; display: inline; font-weight: bold; text-align: center; line-height: 23px; }
			.date .month { width: 54px; display: block; }
			.date .day { width: 54px; display: block; font-size:30px; }
			.date .year { width: 54px; display: block;  }
			
			 .monthl { color: #80a13b; font-weight: bold; text-align:center; }
			 .dayl { color: #80a13b;  font-weight: bold; font-size:30px; text-align:center; }
			 .yearl { color: #80a13b; font-weight: bold; text-align:center; }
			 
			 
			.fixproducts { width: 216px; height:auto; margin-left:4px; margin-right:3px; float:left;}
			.fixtop { background:url(../images/prolist.gif); height: 44px; width: 216px; }
			.fixbody { background:url(../images/productbody.gif) repeat-y; height: auto; width: 196px; padding: 0px 10px 0px 10px; }
			.fixbody a { text-decoration: none; color: #C24040; font-weight:bold; font-size:13px; }
			.fixbody a:hover,.fixbody a:active, .fixbody a:visited { text-decoration: none; color: #C24040; font-weight:bold;}
			 a.yorum { text-decoration: none; font-size:11px; font-weight:normal; color:#516376; }
			 a:hover.yorum, a:active.yorum, a:visited.yorum { text-decoration: none; font-size:11px; font-weight:normal; color:#516376; }
			.fixbot { background:url(../images/productbot2.gif); height: 23px; width: 216px;}
			.fix-form { background:url(../images/p-info-container.gif) repeat-y; height: auto; width: 651px; padding-right:10px; padding-left:10px; padding-bottom:1px; font-size:13px; }
			.fix-form h1 { font-size: 20px; color: #99CC00; font-weight: bold; letter-spacing: -1px; margin: 0px 0px 10px 0px }
			
	.tabs {float:left; margin-bottom:0; margin-left:40px; margin-top:11px; height:22px; width:644px; } 		
	.urunyorumlari { float:left; width:auto; height:22px; }
		 .urunyorumlari a { display:block; background-image: url(../images/urunyorumlari.gif); width:120px; height:22px; }
		 .urunyorumlari a:hover, .urunyorumlari a:active { background-image: url(../images/urunyorumlari2.gif); width:136px; height:22px; }
		 .urunyorumlari a.this:link, .urunyorumlari a.this:visited, .urunyorumlari a.this:hover, .urunyorumlari a.this:active { background-image: url(../images/urunyorumlari2.gif); width:136px; height:22px; }
		 .urunbilgisi { float:left; width:auto; height:22px; }
		 .urunbilgisi a { display:block; background-image: url(../images/urunbilgisi.gif); width:120px; height:22px; }
		 .urunbilgisi a:hover, .urunbilgisi a:active { background-image: url(../images/urunbilgisi2.gif); width:136px; height:22px; }
		 .urunbilgisi a.this:link, .urunbilgisi a.this:visited, .urunbilgisi a.this:hover, .urunbilgisi a.this:active { background-image: url(../images/urunbilgisi2.gif); width:136px; height:22px; }
		 .tumurunler { float:left; width:auto; height:22px; }
		 .tumurunler a { display:block; background-image: url(../images/tumurunler.gif); width:120px; height:22px; }
		 .tumurunler a:hover, .tumurunler a:active { background-image: url(../images/tumurunler2.gif); width:136px; height:22px; }
		 .tumurunler a.this:link, .tumurunler a.this:visited, .tumurunler a.this:hover, .tumurunler a.this:active { background-image: url(../images/tumurunler2.gif); width:136px; height:22px; }
		 .sabiturunler { float:left; width:auto; height:22px; }
		 .sabiturunler a { display:block; background-image: url(../images/sabiturunler.gif); width:230px; height:22px; }
		 .sabiturunler a:hover, .sabiturunler a:active { background-image: url(../images/sabiturunler2.gif); width:230px; height:22px; }
		 .sabiturunler a.this:link, .sabiturunler a.this:visited, .sabiturunler a.this:hover, .sabiturunler a.this:active { background-image: url(../images/sabiturunler2.gif); width:230px; height:22px; }
		 
		 .urunyorumlari2 { float:left; width:auto; height:22px; }
		 .urunyorumlari2 a { display:block; background-image: url(../images/urunyorumlari.gif); width:136px; height:22px; }
		 .urunyorumlari2 a:hover, .urunyorumlari2 a:active { background-image: url(../images/urunyorumlari2.gif); width:136px; height:22px; }
		 .urunyorumlari2 a.this:link, .urunyorumlari2 a.this:visited, .urunyorumlari2 a.this:hover, .urunyorumlari2 a.this:active { background-image: url(../images/urunyorumlari2.gif); width:136px; height:22px; }

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

	
/* ------------------------------------------ menu styles ------------------------------------------ */

	
	.header .menu { position: absolute; top: 194px; left: 0px; width: 653px; height: 60px; background-color: #fff; }
	.header .menu .mainbtn { width: 151px; height: 49px; float: left; }
		.mainbtn a{ display: block; background: url(../images/main.jpg) 0px 0px no-repeat; width: 151px; height: 49px; }
		.mainbtn a:hover, .mainbtn a:active{ background: url(../images/main.jpg) 0px -49px no-repeat; }
	.header .menu .aboutbtn { width: 127px; height: 49px; float: left; }
		.aboutbtn a{ display: block; background: url(../images/about.jpg) 0px 0px no-repeat; width: 127px; height: 49px; }
		.aboutbtn a:hover, .aboutbtn a:active{ background: url(../images/about.jpg) 0px -49px no-repeat; }	
	.header .menu .productsbtn { width: 121px; height: 49px; float: left; }
		.productsbtn a{ display: block; background: url(../images/products.jpg) 0px -49px no-repeat; width: 121px; height: 49px; }
		.productsbtn a:hover, .productsbtn a:active{ background: url(../images/products.jpg) 0px 0px no-repeat; }
	.header .menu .contactbtn { width: 120px; height: 49px; float: left; }	
		.contactbtn a{ display: block; background: url(../images/contact.jpg) 0px 0px no-repeat; width: 120px; height: 49px; }
		.contactbtn a:hover, .contactbtn a:active{ background: url(../images/contact.jpg) 0px -49px no-repeat; }
	.header .menu .suggestbtn { width: 134px; height: 49px; float: left; }
		.suggestbtn a{ display: block; background: url(../images/suggest.jpg) 0px 0px no-repeat; width: 134px; height: 49px; }
		.suggestbtn a:hover, .suggestbtn a:active{ background: url(../images/suggest.jpg) 0px -49px no-repeat; }


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


/* ------------------------------------------ menu styles ------------------------------------------ */

	.contact-form { background:url(../images/p-info-container.gif) repeat-y; height: auto; width: 621px; padding:25px; font-size:13px; }
	.contact-form h1 { font-size: 20px; color: #99CC00; font-weight: bold; letter-spacing: -1px; margin: 0px 0px 10px 0px }
	.contact-form p { clear: both; height: auto; margin-top:10px; } 
	.contact-form p label { width: 175px; float: left; color: #819B06; height:18; }
	.contact-form p input { border: 1px solid #C4DC79; height:18px; }
	.contact-form p select { border: 1px solid #C4DC79; height:auto; width:auto; }
	.contact-form p textarea { border: 1px solid #C4DC79; height:auto; overflow:auto; }
	.contact-form small { color:#C4C4C4; float:left ; height:42px; margin: 0px 0px 5px 0px ; width:auto;  }
	.contact-form .sendbtn { float: left; margin-left:180px; }
	.contact-form span{ margin-left: 157px; color:#999 }
	
	.contact-form h3 { font-size: 17px; color: #99CC00; font-weight: bold; letter-spacing: -1px; margin: 0px 0px 10px 0px }
	
	.contact-form a, a:visited, a:active{ text-decoration:none; color:#333; }
	.contact-form a:hover{ text-decoration:underline; }

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


/* ------------------------------------------ menu styles ------------------------------------------ */

	.order-form { background:url(../images/p-info-container.gif) repeat-y; height: auto; width: 621px; padding:25px; font-size:13px; }
	.order-form fieldset { border:2px solid #e6f2c0; padding:10px; }
	.order-form fieldset legend { padding: 0px 6px; color: #819B06; }
	.order-form fieldset strong { font-weight: bold; } 
	.order-form fieldset table { line-height:23px; }
	.order-form .maintable { margin-top: 5px; font-size: 12px; letter-spacing: 0px; } 
	.order-form .product { background-color: #efefef; border: 1px solid red;  }
	.order-form .product td { padding: 5px; border-bottom:2px solid white; vertical-align:middle; }
	.order-form .total td { border-bottom:1px solid #EFEFEF; height:30px; vertical-align:middle; }
	.order-form .totaltext { background-color: #dfdfdf; text-align:right; font-size: 12px; padding-left: 5px; }
	.order-form .totaltext strong { color: #999; margin-right: 15px; }
	.order-form .totalprice { background-color: #dadada; font-size: 12px; color: #990000; }
	.order-form .adress-title { background-color: #efefef; border:1px solid white; color:#666666; padding-left:10px; }
	.order-form .adress-info span { margin-left: 10px; }
	.order-form .credit-title { background-color: #efefef; border:1px solid white; color:#666666; display:block; padding-left:10px; }
	.order-form .credit-info span { margin-left: 10px; }
	.order-form .bank-title { background-color: #efefef; }
	.order-form .bank-title strong { border:1px solid window; color:#666666; display:block; padding-left:10px; }
	.order-form .bank-info span { margin-left: 10px; }
	.order-form h1 { font-size: 20px; color: #99CC00; font-weight: bold; letter-spacing: -1px; margin: 0px 0px 10px 0px }
	.order-form .adim { width:100%; float:left; text-align:right; }
	.order-form .treg { display:table; height:auto; width:100%; padding:5px; text-align:left;}
	.order-form .treg .box { width:275px; height:200px; display:block; border:#E0E0E0 solid 1px; margin:10px; float:left; padding:5px; }
	.order-form .newa { display:none; height:auto; width:100%; padding:5px; text-align:left;}
	.newa p { clear: both; height: auto; margin-top:10px; } 
	.newa p label { width: 175px; float: left; color: #819B06; height:18; }
	.newa p input { border: 1px solid #C4DC79; height:18px; }
	.newa p select { border: 1px solid #C4DC79; height:auto; }
	.newa p textarea { border: 1px solid #C4DC79; height:auto; overflow:auto; }
	.newa small { color:#C4C4C4; float:left ; height:42px; margin: 0px 0px 5px 0px ; width:auto;  }
	.newa .sendbtn { float: left; margin-left:180px; }
	.newa span{ margin-left: 157px; color:#999 }

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

/* ------------------------------------------ footer styles ------------------------------------------ */

.footer { background: #8b8b8b url(../images/alt-bg.gif) repeat-x top left  ; height: 60px; width: auto; }
	.footer-inside { margin: 0px auto; width:auto; height: 60px; background:url(../images/alt.gif); } 
	.footer-links { font-family:Arial; font-size:14px; color:#FEFEFE; width:800px; padding-top:18px; margin-left:auto; margin-right:auto;  }
	.footer-links a { color:#FEFEFE; text-decoration:none;}
	.footer-links a:hover, .footer-links a:active, .footer-links a:visited { color:#FEFEFE; text-decoration:none; }
	.ayrac { font-family:Arial; font-size:12px; color:#FEFEFE; }
	.footer-copy { font-family:Arial; font-size:14px; color:#CCC; width:auto; margin-left:auto; margin-right:auto; text-align:center;}
	.footer-copy a { color:#ccc; text-decoration:none;}
	.footer-copy a:hover, .footer-links a:active, .footer-links a:visited { color:#ccc; text-decoration:none; }

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

/* -------------------------------------- diger ------------------------------------------------------ */
.basarili { width:98%; border:#00FF00; border-style:solid; border-width:1px; margin-right:auto; margin-left:auto; padding:5px; color:#009900;
}
.havaleb { width:98%; border:#FF6600; border-style:solid; border-width:2px; margin-right:auto; margin-left:auto; padding:5px;
}
.basarilitxt {  color:#009900; }
.hata {
	width:98%;
	border:#F00;
	border-style:solid;
	border-width:1px;
	margin-right:auto;
	margin-left:auto;
	padding:5px;
	color:#900;
	font-weight:bold;
	font-style: normal;
}
.hatatxt { color:#900; }
.suspend { width:98%; border:#FC0; border-style:solid; border-width:1px; margin-right:auto; margin-left:auto; padding:5px; color:#C90; font-weight:bold;
}
.inputmail { border: 1px solid #c2c2c2; width: 179px; height: 23px; margin-bottom: 5px; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; }
.inputsifre { border: 1px solid #c2c2c2; width: 179px; height: 23px; margin-left:64px; margin-bottom: 5px; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; }

.inputt { border: 1px solid #c2c2c2; width:auto; height:auto; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; padding:0px; overflow:auto; }
.binput { border: 1px solid #c2c2c2; width:auto; height:auto; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; padding:4px; margin-top:5px; overflow:auto; }

.inputtlist { border: 1px solid #c2c2c2; width:auto; height:auto; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; padding:3px; }

.iletisim { background-color: #efefef; color:#666666; padding-left:10px; font-weight:bold; line-height:25px; border-bottom:2px solid white; border-right:3px solid white; }
.iletisim-form { background:url(../images/p-info-container.gif) repeat-y; height: auto; width: 621px; padding:25px; font-size:13px; }
	.iletisim-form fieldset { border:2px solid #e6f2c0; padding:10px; }
	.iletisim-form fieldset legend { padding: 0px 6px; color: #819B06; }
	
.sifreguncelleme { border:2px solid #efefef; } 
.fileinput { border: 1px solid #C4DC79; height:18px }

a.allp:link, a.allp:visited, a.allp:hover, a.allp:active { font-size:16px; font-weight:bold; text-decoration:none; color:#44455a; }
/* --------------------------------------------------------------------------------------------------- */

/* -----------------------------dhtml goodies--------------------------------------------------------- */
.dhtmlgoodies_question{	
	overflow:hidden;
	cursor:pointer;
	padding-top:10px;
	margin-left:15px;
	margin-bottom:5px;
	width:auto;
	height:auto;
	/*background-image:url(../images/comment.png);*/
}
.dhtmlgoodies_answer{
	visibility:hidden;
	height:250px;
	overflow:hidden;
	margin-left:25px;
}
	.dhtmlgoodies_answer p { clear: both; height: auto; margin-top:10px; } 
	.dhtmlgoodies_answer p label { width: 75px; float: left; color: #819B06; padding:4px; height:19px; font-size:13px;}
	.dhtmlgoodies_answer p input { border: 1px solid #C4DC79; height:18px }
	.dhtmlgoodies_answer p textarea { border: 1px solid #C4DC79; height:auto; overflow:auto; }
	.dhtmlgoodies_answer small { color:#C4C4C4; float:left ; height:42px; margin: 0px 0px 5px 0px ; width:auto;  }
	.dhtmlgoodies_answer .sendbtn { float: left; margin-left: 105px; margin-top:5px; }
/* --------------------------------------------------------------------------------------------------- */

/* --------------------------------- Profil----------------------------------------------------------- */
.nick { font-weight:bold; color:#690; }
.topic { font-weight:bold; }
.altbilgi { font-weight:bold; font-size:11px; }
.altbilgix { font-size:11px; }
/* --------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------- pagination ------------------------------------ */
div.pagination {
	padding: 2px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ec8500;
	
	text-decoration: none; /* no underline */
	color: #eb790a;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #eb790a;
	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #eb790a;
		
		font-weight: bold;
		background-color: #eb790a;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
/* ---------------------------------------------------------------------------------------------------- */
/* -------------------adres--------------- */
.aadres {
	width:100%;
	height:20px;
}
.aadres a { color:#000000; text-decoration:none;}
	.aadres a:hover { color:#599946; text-decoration:none; }
	
/* --------------------------------------- */
#fixed-banner {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; RIGHT: 15px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; POSITION: fixed; ; POSITION: expression("absolute"); TOP: 250px; ; TOP: expression(eval(document.body.scrollTop)+10); width:200px;
}