@import url(http://fonts.googleapis.com/css?family=Cuprum:400&subset=latin,latin-ext);

html{background:#000;}
body{margin:0px auto;font-family:arial;font-weight:normal;background:#eee;}
a{text-decoration:none;display:block;cursor:pointer;}
ul{list-style:none;margin:0px;padding:0px;}
h1{margin:0px;padding:0px;font-weight:normal;}
h2{margin:0px;padding:0px;font-weight:normal;}
h3{margin:0px;padding:0px;font-weight:normal;}
h4{margin:0px;padding:0px;font-weight:normal;}
h5{margin:0px;padding:0px;font-weight:normal;}
span{display:block;}
img{border:0px;outline:0px;}
textarea{overflow:auto;resize:none;outline:none;}
input{overflow:auto;outline:none;}
mark{background:none;}
em{font-style:normal;}
blockquate{margin:0px;}
p{text-indent:20px;}

/* HEADER */
	.ustBeyaz{
		width:%100;
		height:100px;
		background:url(img/ust_beyaz.png) repeat-x;
		z-index:1;}
		.siluet{
			width:360px;
			height:149px;
			top:0px;
			left:330px;}
		.yamaha{
			width:195px;
			height:73px;
			top:15px;
			left:435px;
			z-index:999;}
		.kirmiziMenu{
			top:0px;
			right:0px;}
			.kmSol{				
				padding:10px 12px 10px 11px;
				font-size:12px;
				background:url(img/km_sol.png) repeat-x;
				border-bottom-left-radius:10px;}
			.kmSol a{
				font:12px arial;
				color:#fff;
				line-height:19,2;
				float:left;}	
			.kmSolIc{
				font:12px arial;
				color:#fff;
				line-height:19,2;
				float:left;}	
			.kmSag{
				font:12px arial;
				color:#fff;
				line-height:19,2;
				padding:10px 20px 10px 20px;
				background:url(img/km_sag.png) repeat-x;
				border-bottom-right-radius:10px;}
		.aramalik{
			width:295px;
			height:51px;
			background:#000;
			top:50px;
			right:0px;
			border-radius:10px 10px 0px 0px;}
			.arama{
				width:275px;
				height:35px;
				outline:none;
				border:0px;
				border-radius:10px;
				margin-top:7px;
				margin-left:10px;
				background:#fff;}
				.arama input{
					width:200px;
					height:30px;
					outline:none;
					border:0px;
					border-radius:5px;
					margin-left:10px;}
				.ara{
					font:bold 12px arial;
					color:#fff;
					background:#e20a16;
					border-radius:10px;
					padding:5px 10px 5px 10px;
					top:5px;
					right:5px;
					cursor:pointer;}
	.ustSiyah{
		width:%100;
		height:60px;
		background:url(img/ust_siyah.png) repeat-x;
		z-index:1;}
		ul.anaMenu a{			
			float:left;
			padding:20px 30px 20px 30px;
			font:16px 'cuprum';
			color:#fff;
			line-height:19,2px;}
			ul.anaMenu a:hover{
				background:#000;}
		.doviz{
			font:12px arial;
			color:#c5c5c5;
			line-height:19,2px;}
		.kur{
			font:12px arial;
			color:#fff;
			line-height:19,2px;}
	.ustKirmizi{
		width:%100;
		height:10px;
		background:#c40000;}
		
/* CONTENT */
	.anaSol{
		width:220px;}
		.kategori{
			width:218px;
			border:1px solid #ccc;
			border-radius:10px;
			background:#fff;}
			.ktgGrup{
				width:183px;
				cursor:pointer;}
				.ktgAltGrup{
					background:#fff;
					display:none;
					left:208px;
					top:-1px;
					z-index:9999;
					border-radius:0px 0px 10px 0px;}
				.ktgYazi1{
					font:bold 12px arial;
					line-height:31px;
					color:#333;}
				.ktgYazi2{
					font:bold 12px arial;
					line-height:31px;
					color:#333;}
				.ktgAyrac{
					width:183px;
					height:1px;
					background:url(img/ktg_ayrac.png) repeat-x;}
		.bilgiler{
			width:218px;
			border:1px solid #ccc;
			border-radius:10px;
			overflow:hidden;
			background:#fff;}
			.bilgiTus{
				width:182px;
				height:39px;
				background:url(img/bilgi_tus.png) repeat-x;
				border:1px solid #ccc;
				border-radius:10px;}
				.bilgiTus:hover{
					border-color:#eeeeee;
					background:#eeeeee;}
				.bilgiYazi{
					font:14px 'cuprum';
					color:#333;
					padding-top:12px;
					text-align:center;}
		.markalarBaslik{
			width:184px;
			height:50px;
			background:#000;
			border-top-left-radius:10px;
			border-top-right-radius:10px;
			top:-30px;
			z-index:2;}
		.markalarSlider{
			width:182px;
			height:105px;
			background:#fff;
			border:1px solid #ccc;
			border-radius:10px;
			overflow:hidden;
			z-index:3;}
			.markaSol{
				width:9px;
				height:12px;
				cursor:pointer;
				background:url(img/marka_sol.png);}
				.markaSol:hover{
					background:url(img/marka_sol_h.png);}
			.markaSag{
				width:9px;
				height:12px;
				cursor:pointer;
				background:url(img/marka_sag.png);}
				.markaSag:hover{
					background:url(img/marka_sag_h.png);}
			.markaYazi{
				font:16px 'cuprum';
				line-height:19,2px;
				color:#fff;}
			.baslik{
				background:url(img/ktg_baslik.png) repeat-x;
				font:16px 'cuprum';
				color:#fff;}
			.baslikMenu{
				background:url(img/ktg_baslik.png) repeat-x;
				font:16px 'cuprum';
				color:#fff;
				border-top-left-radius:10px;
				border-top-right-radius:10px;}
			.alanSeo{
				width:742px;
				border:1px solid #ccc;
				border-radius:10px;
				overflow:hidden;
				background:#fff;}
			.baslikSeo{
				background:url(img/ktg_baslik.png) repeat-x;
				font:16px 'cuprum';
				color:#fff;
				border-top-left-radius:10px;
				border-top-right-radius:10px;}
			.icerikSeo{
				font:12px arial;
				color:#333;
				text-align:justify;
				line-height:20px;}				
			.linkSeo{
				font:12px arial;
				color:#000;
				display:inline;}
			
	.anaSag{
		}
		.slider{
			width:744px;
			height:330px;
			overflow:hidden;
			border-radius:10px;}
		
			.sliderBilgi{
				font:16px 'cuprum';
				line-height:19,2px;
				color:#fff;
				background:url(img/slider_seffaf.png) repeat;
				padding:10px 20px 10px 20px;
				border-top-right-radius:20px;
				bottom:0px;
				left:0px;}
			.sliderTuslar{
				bottom:12px;
				right:12px;}
				.tus{
					width:15px;
					height:15px;
					background:url(img/tus.png);
					float:left;
					margin-right:2px;
					cursor:pointer;}
		.vitrin{
			width:742px;
			border:1px solid #ccc;
			border-radius:10px;
			overflow:hidden;
			background:#fff;}
			.vitrinGrup{
				width:132px;
				height:200px;}
				.vitrinResim{
					width:130px;
					height:99px;
					border:1px solid #ccc;}
				.vitrinYazi{
					width:130px;
					height:20px;
					font:bold 12px arial;
					color:#333;}
				.vitrinKdvsiz{
					font:12px arial;
					color:#333;}
				.vitrinKdvli{
					font:12px arial;
					color:#e20a16;}
			.vitrinDikey{
				width:1px;
				height:200px;
				background:#eee;}
			.vitrinYatay{
				width:742px;
				height:1px;
				background:#eee;}
				
	/* Hakkımızda */
		.nerdeyiz{
			height:39px;
			border:1px solid #ccc;
			border-radius:10px;
			background:#fff;}
			.nDikey{
				width:1px;
				height:39px;
				background:#ccc;}
			.nerdeyizSol{
				font:16px 'cuprum';
				line-height:19,2px;
				color:#333;}
			.nerdeyizSag{
				font:12px arial;
				line-height:19,2px;
				color:#333;}
		.hakkimizda{
			width:742px;
			padding-bottom:20px;
			border:1px solid #ccc;
			border-radius:10px;
			overflow:hidden;
			background:#fff;}
			.hakkimizdaYazi{
				width:453px;
				font:12px arial;
				line-height:20px;
				color:#333;
				text-align:justify;}	
	/* Urunler */
		.sirala{
			font:bold 12px arial;
			line-height:19,2px;
			color:#e20a16;}
			.sYazi{
				font:bold 12px arial;
				line-height:19,2px;
				color:#333;}
			.sIcon{
				margin-top:-2px;}
		.vitrinNav{
			margin-top:15px;
			margin-bottom:15px;}
			.vGeri{
				width:49px;
				height:19px;
				border:1px solid #ccc;
				border-radius:5px;
				background:#fff;
				cursor:pointer;}
				.vGeriIcon{
					width:9px;
					height:12px;}
				.vGeriYazi{
					font:bold 12px arial;
					color:#333;}
			.vIleri{
				width:49px;
				height:19px;
				border:1px solid #ccc;
				border-radius:5px;
				background:#fff;
				cursor:pointer;}
			.vNo{
				width:19px;
				height:19px;
				border:1px solid #ccc;
				border-radius:5px;
				background:#fff;
				cursor:pointer;}
				.vNoSayi{
					font:bold 12px arial;
					color:#333;
					padding-left:6px;
					padding-top:2px;}
	
	/* Ürün */
		.urunSol{
			width:350px;
			height:350px;
			border:1px solid #ccc;}
			.urunResim{
				width:316px;
				height:316px;
				margin-left:17px;
				margin-top:17px;
				border:1px solid #ccc;}
		.urunSag{
			width:328px;}
			.yildizli{
				width:328px;
				height:43px;
				background:#333;}
				.yYazi{
					font:bold 16px 'cuprum';
					line-height:19,2px;
					color:#fff;
					padding-top:12px;
					padding-left:20px;
					margin-right:13px;}
				.yYildizlar{
					padding-top:13px;}
					.yYildizlar2{
					padding-top:13px;}
					.yildiz{
						width:16px;
						height:16px;
						background:url(img/yildiz.png);
						margin-right:2px;
						cursor:pointer;}
					.yildiz2{
						width:16px;
						height:16px;
						background:url(img/yildiz.png);
						margin-right:2px;
						cursor:pointer;}
						/* .yildiz:hover{
							width:16px;
							height:16px;
							background:url(img/yildiz_h.png);} */
				.yOklar{
					padding-top:15px;
					padding-right:15px;}
					.ySolok{
						width:9px;
						height:12px;
						background:url(img/marka_sol.png);
						cursor:pointer;}
						.ySolok:hover{
							background:url(img/marka_sol_h.png);}
					.ySagok{
						width:9px;
						height:12px;
						background:url(img/marka_sag.png);
						cursor:pointer;}
						.ySagok:hover{
							background:url(img/marka_sag_h.png);}
			.eklenti{
				width:275px;
				height:21px;
				background:purple;
				margin-top:23px;
				margin-left:14px;
				margin-bottom:22px;}
			.urunAyrac{
				width:301px;
				height:1px;
				background:url(img/ktg_ayrac.png) repeat-x;}
			.urunBaslik{
				width:80px;
				font:bold 12px arial;
				line-height:31px;
				color:#e20a16;}
			.ikinokta{
				font:bold 12px arial;
				line-height:31px;
				color:#e20a16;
				margin-right:20px;}
			.urunBilgi{
				font:12px arial;
				line-height:31px;
				color:#333;}
			.beden{
				width:144px;
				height:31px;
				border-radius:5px;
				border:1px solid #ccc;
				 -webkit-appearance: none;
				background:url(img/beden.png) no-repeat right #eee;
				outline:none;
				cursor:pointer;}
			.adet{
				width:72px;
				height:29px;
				background:#eee;
				border:1px solid #ccc;
				border-radius:10px;
				padding-left:15px;}
				.adet input{
					width:65px;
					height:27px;
					border:0px;
					outline:none;
					font:12px arial;
					color:#333;
					background:#eee;}
			.siparis{
				font:bold 14px 'cuprum';
				color:#333;
				padding:10px 20px 10px 20px;
				background:url(img/siparis.png) repeat-x;
				border:1px solid #ccc;
				border-radius:10px;
				cursor:pointer;}
				.siparis:hover{
					border:1px solid #ccc;
					background:url(img/siparis_h.png) repeat-x;
					color:#fff;}
		.tablar{
			width:742px;
			height:40px;
			background:url(img/tab.png) repeat-x;}
			.tab{
				font:bold 11px arial;
				line-height:19,2px;
				color:#fff;
				padding:13px 20px 13px 20px;
				cursor:pointer;}
		.ozellikler{
			width:692px;
			font:12px arial;
			line-height:20px;
			color:#333;
			text-align:justify;
			display:none;}
		.yorumlar{
			width:692px;
			height:253px;
			font:12px arial;
			line-height:20px;
			color:#333;
			text-align:justify;
			display:none;}
			
	/* İletişim */
		.iletisim{
			width:742px;
			border:1px solid #ccc;
			border-radius:10px;
			overflow:hidden;
			background:#fff;
			padding-bottom:40px;}			
			.iletisimSol{
				width:216px;}
			.iletisimSag{
				width:748px;}
				.kimlik{
					font:bold 14px arial;
					color:#333;}
				.kimlik2{
					font:14px arial;
					color:#333;}
				.iletisimBilgiler{
					width:468px;}
					.ilBYazi{	
						font:12px arial;
						color:#333;}
					.iletisimAyrac{
						width:453px;
						height:1px;
						background:url(img/iletisim_ayrac.png);
						margin-top:9px;
						margin-bottom:9px;}
				.biziTakipEdin{
					}
					.bteArd{
						width:216px;
						height:123px;
						background:url(img/bte.png);
						top:45px;
						right:20px;}
						.facebook{
							width:85px;
							height:21px;
							top:45px;
							left:10px;}
						.twitter{
							width:79px;
							height:16px;
							top:47px;
							right:10px;}
						.bteTel{
							font:bold 16px arial;
							color:#fff;
							top:90px;
							right:20px;}
			.iletisimFormBaslik{
				font:bold 16px 'cuprum';
				color:#c71028;}
			.cizgi{
				width:978px;
				height:1px;
				background:#dddddd;
				margin-top:10px;
				margin-bottom:18px;}
			.i_form input{
				width:253px;
				height:30px;
				font:14px arial;
				color:#333;
				background:url(img/input_ard.png) repeat-x;
				border:1px solid #ddd;
				outline:none;
				border-radius:5px;
				padding-left:15px;}
				.i_form input:focus{
					background:url(img/input_ard_h.png) repeat-x;}
			.i_form_m textarea{
				width:400px;
				height:109px;
				font:14px arial;
				color:#333;
				border:1px solid #ddd;
				background:url(img/mesaj_ard.png) repeat-x;
				outline:none;
				resize:none;
				border-radius:5px;
				padding-left:15px;
				padding-top:8px;}
				.i_form_m textarea:focus{
					background:url(img/mesaj_ard_h.png) repeat-x;}
			.gonder{
				width:89px;
				height:34px;
				cursor:pointer;
				background:url(img/gonder.png);}
				.gonder:hover{
					background:url(img/gonder_h.png);}
			.harita{
				width:703px;
				height:494px;
				background:#ddd;}
				
	/* Fotogaleri */
		.fotoGrup{
			width:130px;
			height:163px;}
			.fotoYazi{
				width:130px;
				font:bold 12px arial;
				color:#333;}
			.fotoDikey{
				width:1px;
				height:163px;
				background:#eee;}
			.fotoYatay{
				width:742px;
				height:1px;
				background:#eee;}
	
/* FOOTER */
	.altKirmizi{
		width:%100;
		height:10px;
		background:#c40000;}
	.altSiyah{
		width:%100;
		min-height:100px;
		background:url(img/alt_siyah.png) repeat-x top center #000;}
		.uzunCizgi{
			width:%100;
			height:1px;
			background:#292929;}
		.fGrup{
			width:100px;}
			.fBaslik{
				font:16px 'cuprum';
				line-height:19,2px;
				color:#fff;}
			.fKategori a{
				font:12px arial;
				line-height:31px;
				color:#ccc;}
				.fKategori a:hover{
					color:#e20a16;}
		.kisaCizgi{
			width:980px;
			height:1px;
			background:#292929;}
		.kimlik{
			font:11px arial;
			color:#ccc;
			line-height:31px;}
		.imza a{
			font:11px arial;
			color:#999;
			line-height:31px;}
			.imza a:hover{
				color:#ff6600;}

/* GENEL */
.markBaslik{
	font:16px 'cuprum';
	color:#fff;}

.kap{
	width:980px;
	margin-left:auto;
	margin-right:auto;}

.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt3{margin-top:3px;}
.mt4{margin-top:4px;}
.mt5{margin-top:5px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt13{margin-top:13px;}
.mt15{margin-top:15px;}
.mt18{margin-top:18px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt44{margin-top:44px;}
.mt55{margin-top:55px;}
.mr5{margin-right:3px;}
.mr6{margin-right:3px;}
.mr7{margin-right:7px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mb4{margin-bottom:4px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.ml-10{margin-left:-17px;}
.ml5{margin-left:3px;}
.ml6{margin-left:6px;}
.ml10{margin-left:10px;}
.ml18{margin-left:18px;}
.ml20{margin-left:20px;}
.ml22{margin-left:22px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml70{margin-left:70px;}

.pt1{padding-top:1px;}
.pt2{padding-top:2px;}
.pt10{padding-top:10px;}
.pt12{padding-top:12px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pl9{padding-left:9px;}
.pl10{padding-left:10px;}
.pl18{padding-left:18px;}
.pl20{padding-left:20px;}
.pl23{padding-left:23px;}
.pl25{padding-left:25px;}

.orta{margin-left:auto;margin-right:auto;}
.pr{position:relative;}
.pa{position:absolute;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}