/* Reset
---------------------------------------------------------------------------------------- */

@import "reset.css";

* {margin:0;padding:0;}

/*                                   */
div.clear{clear:both;}

html,body{background:#E4E4E4; font-family:Tahoma; font-size:12px; color:#313131;}

	div.container{width:1027px; padding:0px; text-align:center; margin:0px auto; border:1px solid #c0c0c0;}
	
		div.header{background:#002533;}
		    
			div.header div.ustparca01{float:left; width:507px; height:50px; border:0px solid #ff0000;}

			div.header div.ustmenu{position: relative; float:right; background:#E4E4E4; width:520px; height:50px; border:0px solid #fff000;}

			  .anasayfa-buton,.kimiz-buton,.sss-buton,.arkadas-buton,.iletisim-buton{float:left;background-image:url(../images/ust-menu.png);margin-top:25px;height:25px;}
				.anasayfa-buton{background-position: 0px 0px; width: 91px;}
				.kimiz-buton{background-position: -90px 0px; width: 73px;}
				.sss-buton{background-position: -163px 0px; width: 152px;}
				.arkadas-buton{background-position: -315px 0px; width: 133px;}
				.iletisim-buton{background-position: -448px 0px; width: 53px;}
				.anasayfa-buton:hover{background-position: 0px 25px; width: 91px;}
				.kimiz-buton:hover{background-position: -90px 25px; width: 73px;}
				.sss-buton:hover{background-position: -163px 25px; width: 152px;}
				.arkadas-buton:hover{background-position: -315px 25px; width: 133px;}
				.iletisim-buton:hover{background-position: -448px 25px; width: 53px;}

			div.header div.ustparca02{float:left; width:507px; height:41px;}

			div.header div.ustmenualti{float:right;	background:url(../images/ustmenualti.gif); width:520px; height:41px;}

				h1.gelecekurunbaslik{position: relative; float:left; top:25px; left:30px; background:url(../images/gelecek-urun-arka.png) top left no-repeat; width:407px; height:24px; font-family:Verdana; font-size:15px; color:#fff; padding-top:3px;}

			div.header div.ustparca03{float:left; width:507px; height:334px;}

			div.header div.gelecekurun{float:left; background:#ffffff; width:453px; height:324px; padding:5px; _padding:1px;  border:0px solid #00ffff;}

				div.geleceksolblok{float:left; width:8px; height:115px; border:0px solid #00ffff; margin:6px;}

				div.gelecekblok{float:left; width:123px; margin:8px; _margin:7px;}

				div.tariharka{float:left; background-image:url(../images/gelecek-urun-tarih-arka.png); width:123px; height:115px; color:#000; font-family:Arial;}

					div.tariharka h3.ay{font-size:15px; padding-top:10px;}
					div.tariharka h1.gunsayi{font-size:50px;}
					div.tariharka h2.gunyazi{font-size:13px;}

				div.gelecekurunisim{position:relative; float:left; background-image:url(../images/gelecek-isim-arka.png); width:113px; height:18px; left:5px; top:-10px; }
					
					div.gelecekurunisim h4.urunisim{font-family:Verdana; font-size:10px; color:#fff; padding:2px;}
					
				div.gelecekurunresim{float:left; width:123px; height:95px; margin-top:2px; border:1px solid #c0c0c0;}

				div.gelecekurunacikla{float:left; background-image:url(../images/gelecek-urun-aciklama-cerceve.png); width:124px; height:42px; margin-top:4px;}

					div.gelecekurunacikla h4.urunaciklama{text-align:left; font-family:Arial; font-size:9px; color:#000; font-weight:normal; padding:4px;}

				div.gelecekurunfiyat{float:left; background-image:url(../images/gelecek-urun-fiyat-arka.png); width:121px; height:35px; margin-top:4px; font-family:Arial; color:#fff; padding-top:1px;}

					div.gelecekurunfiyat span.tl{font-size:28px;}
					div.gelecekurunfiyat span.kurus{font-size:18px;}
					div.gelecekurunfiyat span.tlyazi{font-size:15px;}

			div.header div.gelecekurunsag{float:right; right:0px; width:57px; height:334px;}

			div.header div.solblok{float:left; background:#002533; right:0px; width:274px; /*min-height:765px;*/}
					
				div.gecmisurunle{float:left; width:250px; height:46px; margin:10px; _margin:6px;}

				div.uyegirisi{float:left; width:250px; height:230px; background:url(../images/uyegirisi.gif) no-repeat; margin:10px; _margin:6px;}

				div.giriskutu{position:relative; float:right; font-family:Verdana; font-size:11px; font-weight:bold; width:240px; height:170px; text-align:right; top:40px; padding:5px; _padding:2px;}

					a.parolaunut{color:#dd4a4f; text-decoration:none; margin:5px; line-height:20px;}

					a.parolaunut:hover{color:#ef878a;}

					a.yeniuye{color:#048fc2; text-decoration:none; margin:5px; line-height:20px;}

					a.yeniuye:hover{color:#7ec1e9;}

					a.uyemenu{color:#048fc2; text-decoration:none; line-height:20px;}

					a.uyemenu:hover{color:#7ec1e9;}

					a.uyecikis{color:#dd4a4f; text-decoration:none; line-height:20px;}

					a.uyecikis:hover{color:#ef878a;}
			
			div.hareketligif{float:left; margin-top:70px; _margin-top:30px; padding-left:17px; width:230px; height:165px; border:0px solid #c0c0c0;}

			div.gerisayac{float:left; width:250px; height:55px; margin:10px; border:0px solid #c0c0c0;}


			div.header div.gununurunusol{float:left; width:57px; height:580px;}

			div.header div.gununurunu{float:left; width:639px; height:562px;}

				div.gununurunu div.gununurunuust{float:left; width:639px; height:74px;}

				div.gununurunu div.gununurunutarih{float:left; background:url(../images/gunun-firsat-urunu.gif); width:639px; height:107px; border:0px solid #00ffff;}

					div.gununurunutarih div.gununurunutarihortala{position:relative; float:left; left:58px; top:-12px; color:#000; font-family:Arial;}

					div.gununurunutarih h3.ay{font-size:15px;  padding-top:10px;}
					div.gununurunutarih h1.gunsayi{font-size:50px; color:#0083C1;}
					div.gununurunutariha h2.gunyazi{font-size:13px;}

				div.gununurunu div#gununfirsaturunu{float:left; background:url(../images/gunun-urunu-sekme.gif); width:362px; height:107px; border:0px solid #0000ff;}

				div.gununurunu div#gununurunusekme{position:relative; float:left; left:103px; top:62px; width:465px; border:0px solid #0000ff;}/*left:225px;*/

					div#urunbuton{float:left; background:url(../images/urun-arka.png); width:80px; height:21px; border:0px solid #00ffff;}
						
						a.urunbuton{font-family:Arial; font-weight:bold; color:#fff; line-height:20px; text-decoration:none;}
					
					div#urundetaybuton{float:left; background:url(../images/urun-detay-arka.png); width:128px; height:21px; border:0px solid #00ffff;}
						
						a.urundetaybuton{font-family:Arial; font-weight:bold; color:#fff; line-height:20px; text-decoration:none;}

					div#urunyorumbuton{float:left; background:url(../images/urun-yorum-arka.png); width:128px; height:21px; border:0px solid #00ffff;}
						
						a.urunyorumbuton{font-family:Arial; font-weight:bold; color:#fff; line-height:20px; text-decoration:none;}

					div#istatistikbuton{float:left; background:url(../images/istatistik-buton-kirmizi.png); width:126px; height:21px; border:0px solid #00ffff;}
						
						a.istatistikbuton{font-family:Arial; font-weight:bold; color:#fff; line-height:20px; text-decoration:none;}


				div.gununurunu div.gununurunuorta{float:left; background:url(../images/gunun-urunu-orta.gif); width:639px; height:359px;}

					div.gununurunuortaurun{position:relative; left:15px; _left:5px; width:606px; height:359px; border:0px solid #00ffff;}

						div.urunslogan{position:relative; top:-5px; right:10px; font-family:Tahoma; font-size:20px; text-align:right; color:#0083C1;}

						div.urunadi{position:relative; top:-5px; right:10px; font-family:Tahoma; font-size:15px; text-align:right; font-weight:bold; color:#000;}

						div.urungorselleri{float:left; margin-left:10px; width:250px; height:310px; border:0px solid #0000ff;}

							div.urunbuyukresim{float:left; width:242px; height:236px; border:1px solid #c0c0c0;}

							div.urungorselyazi{float:left; width:242px; margin-top:6px; height:15px; font-family:Tahoma; font-size:10px;}

							div.urunkucukresimler{float:left; width:242px; height:50px; text-align:left;}

								img.korselh{float:left; width:55px; height:50px; border:1px solid #c0c0c0; margin-left:3px;}

						div.urunbilgifiyat{float:left; margin-left:10px; width:325px; height:310px; border:0px solid #0000ff;}

							div.gununurunfiyat{float:right; background-image:url(../images/gelecek-urun-fiyat-arka.png); width:121px; height:35px; margin-top:4px; font-family:Arial; color:#fff; padding-top:1px;}

								div.gununurunfiyat span.tl{font-size:28px;}
								div.gununurunfiyat span.kurus{font-size:18px;}
								div.gununurunfiyat span.tlyazi{font-size:15px;}

							div.kdvdahil{position:relative; float:right; top:15px; width:100px; height:35px; font-family:Arial; color:#000;}

							div.gununurunkisatanim{float:left; width:310px; height:225px; margin-top:5px; font-family:Trebuchet MS; font-size:12px; color:#000; text-align:justify; border:0px solid #0000ff;}
							
							div.gununurunmobilsatinal{float:left; width:120px; height:30px; margin-top:5px; font-family:Trebuchet MS; font-size:12px; color:#000;  border:0px solid #0000ff;}
							div.gununurunmstoktayok{float:left; width:300px; height:30px; margin-top:5px; font-family:Trebuchet MS; font-size:12px; color:#000;  border:0px solid #0000ff;}
							div.gununurunsatinal{float:right; width:180px; height:30px; margin-top:5px; font-family:Trebuchet MS; font-size:12px; color:#000; text-align:right; border:0px solid #0000ff;}
					
					div.gununurunuortaurundetay{width:606px; height:359px; visibility:hidden; display:none;}
						
						div.gununurunuortaurundetaykaydirma{margin-left:20px; margin-top:5px; width:620px; height:350px; text-align:left; overflow-x:hidden; overflow-y:scroll; scrollbar-face-color: #3F3F3F; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #3F3F3F; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #3F3F3F; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: transparent;}

					div.gununurunuortaurunyorum{position:relative; left:15px; _left:5px; width:606px; height:359px;  border:0px solid #00ffff; visibility:hidden; display:none;}

				div.gununurunu div.gununurunualt{float:left; background:url(../images/gunun-urunu-orta.gif); width:639px; height:22px;}

			div.header div.gununurunusaf{float:right; right:0px; width:57px; height:580px;}

			div.header div.altreklam{float:left; background:#fff; width:753px; height:87px; padding-top:10px;}

			div.header div.altbag{float:left; background:#000; width:753px; height:40px; font-family:Trebuchet MS; font-size:12px; text-align:center; }

				div.header div.altbag div.digeralt{float:left; width:620px; height:30px;}
				
				div.header div.altbag a{color:#fff; line-height:35px; text-decoration:none; margin:5px;}

				div.header div.altbag a:hover{color:#c0c0c0;}

				div.header div.altbag div.tedarikci{float:right; margin-top:5px; width:130px; height:30px; background:url(../images/yesil-buton-arka.gif) no-repeat;}

				div.header div.altbag div.tedarikci a{color:#ffffff; line-height:27px; text-decoration:none; margin:5px; padding-right:18px;}

				div.header div.altbag div.tedarikci a:hover{color:#c0c0c0;}

			div.header div.altodeme{float:left; padding-top:5px; background:#fff; width:753px; height:40px;}

div.altbant{width:827px; height:17px; background:#000000; color:#c0c0c0; text-align:center; padding-left:200px; margin:0px auto; border:0px solid #000;}