﻿@font-face {
  font-family: 'HelveticaBoldTr';
  font-style: normal;
  font-weight: 400;
  src: local('HelveticaBoldTr Bold'), local('HelveticaBoldTr'), url(../fonts/HelveticaBoldTr.otf) format('woff');
}

/* oynadık */
@font-face {
  font-family: 'Helvetica-Conth';
  font-style: normal;
  font-weight: 400;
  src: local('Helvetica-Conth Bold'), local('Helvetica-Conth'), url(../fonts/Helvetica-Conth.ttf) format('woff');
}
@font-face {
  font-family: 'HelveticaNeueLTPro';
  font-style: normal;
  font-weight: 400;
  src: local('HelveticaNeueLTPro-Cn Bold'), local('HelveticaNeueLTPro-Cn'), url(../fonts/HelveticaNeueLTPro-Cn.otf) format('woff');
}
/* oynadık */

@font-face {
  font-family: 'HelveticaLightTr';
  font-style: normal;
  font-weight: 400;
  src: local('HelveticaLightTr Regular'), local('HelveticaLightTr'), url(../fonts/HelveticaLightTr.otf) format('woff');
}

@font-face {
  font-family: 'Helvetica-CondensedBold';
  font-style: normal;
  font-weight: 400;
  src: local('Helvetica-CondensedBold'), local('Helvetica-CondensedBold'), url(../fonts/Helvetica-CondensedBold.ttf) format('woff');
}

@font-face {
  font-family: 'HelveticaCdBd';
  font-style: normal;
  font-weight: 400;
  src: local('HelveticaCdBd Bold'), local('HelveticaCdBd'), url(../fonts/HelveticaCdBd.ttf) format('woff');
}

@font-face {
  font-family: 'HelveticaCompress';
  font-style: normal;
  font-weight: 400;
  src: local('HelveticaCompress Regular'), local('HelveticaCompress'), url(../fonts/HelveticaCompress.ttf) format('woff');
}
@media (max-width:320px) {
#container , .container{margin-left:230px !important;}
}
body{background-color:#ccc;letter-spacing: 0px;font-family:Helvetica;}
body.white{background-color:#fff;}
#container , .container{ width:700px; margin:0 auto 0; position:relative; }
.leftConteiner{position: absolute;left: 40px;top: 50px;	}
.leftConteiner #logo{background:url(../images/logo.png) 0 0 no-repeat;width:158px;height:25px;text-indent:-9999px;margin-bottom:25px;}
.leftConteiner #logo a{height:100%;width:100%;display:block;}
.leftConteiner ul{}
.leftConteiner ul li{}
.leftConteiner ul li a{ font-size: 10px; color: #595959; }
/* Menu */
header{ background-color: #ccc; height: 130px; }
	header .container{background-color: #000;position: relative;top: 99px;}
	header ul.menu{background-color:#000;width: 468px;margin: 0 auto;}
		header ul.menu li{line-height: 31px;text-align:center;height:30px;width:92px;}
		header ul.menu li:hover ,header ul.menu li.selected{ background-color:#4d4d4d; }
			header ul.menu li:first-child{}
			header ul.menu li a{font-size:10px;font-family:Helvetica-CondensedBold;color:#fff;height: 100%;width: 100%;display: block;}
/********************************** main **********************************/
/* Slider */
#slider .bx-pager{z-index:999;bottom: 4px;left: 5px;width: auto;}
	#slider .bx-pager div a{background: #666;}
		#slider .bx-pager div a.active , #slider .bx-pager div a:hover{background: #ccc;}
/*  Content Botom */
.contentBottom{position: relative;}
	.contentBottom section:first-child{margin-right: 14px;}
	.contentBottom section{margin-bottom:10px;float:left;}
	.contentBottom .blackBg{width:420px;height:113px;background-color:#000;margin-left: 14px;}
	.contentBottom .blackBg hgroup{color:#fff;float: right;margin: 25px;} /* font eklenecek */
	.contentBottom .blackBg hgroup h2{font-family:HelveticaCompress;font-size: 30px;} /* font eklenecek */
	.contentBottom .blackBg hgroup h3{font-size: 12px;text-align:right;margin-top: 5px;border-bottom: 1px solid #fff;padding-bottom: 5px;float: right;display: inline-block;} /* font eklenecek */
	.bx-wrapper img{}
/********************************** inner **********************************/
.content{margin-top:20px;}
.content p{color:#231f20;font-size:10px;line-height:20px;}
.placeHolderAboutus{background-color:#3a3a3a;height:150px;margin-bottom:20px;}/* burdaki margin image eklendiğinde sadece image a gelicek class diğerleri kalkacak*/
/* Products Page */
.productsPage ul{list-style:none;}
.productsPage ul li{margin-left: 10px;float:left;margin-bottom: 7px;font-size:9px !important;}
	.productsPage ul li:first-child{margin-left:0;}
	.productsPage ul li img{}
	.productsPage ul li a{font-size:9px !important;color:#000;font-weight:bold;}
	.placeHolderAboutus{background-color:#3a3a3a;height:150px;margin-bottom:20px;}/* burdaki margin image eklendiğinde sadece image a gelicek class diğerleri kalkacak*/
/* Products Page Category */
	.productsCategory section{margin-bottom:15px;}
		.productsCategory p{float: left;background-color: #b3b3b3;width: 157px;}
		.productsCategory p.big{min-height:82px;}
		.productsCategory p.small{height: 80px;}
		.productsCategory p a{font-size:9px;color:#000000;display:inline-block;margin:10px;}
		.productsCategory ul {float: left;width: 543px;margin-top:10px}
		.productsCategory ul:first-child{margin:0;}
		.productsCategory ul li{background-color:#ddd; margin-left: 10px;}
		.productsCategory ul li.big{width:170px;}
/* Product Detail Page*/
.productDetailPage{background-color:#ccc;min-height:400px;}
.productDetailPage section{float: left;width: 340px;margin-top: 40px;}
.productDetailPage section:first-child{width: 230px;padding-left: 35px;}
.productDetailPage section h2{font-size:12px;font-family:HelveticaBoldTr;font-weight:bold;color:#000;margin-bottom:25px;}
.productDetailPage section #Aciklama{/*font-family:HelveticaLightTr;*/color:#000; min-height:250px;font-size:10px;}
.productDetailPage section a{font-size:10px;/*font-family:HelveticaLightTr;*/color:#000;}
.productDetailPage section img:first-child{margin-bottom: 80px;}
.productTable{width:100%;border-top:1px solid #000;border-bottom:1px solid #000;margin-top:12px;}
.productTable tr{text-align: left;}
.productTable tr:hover{background-color:#e6e6e6;}
.productTable tbody tr:first-child{border-bottom:1px solid #000;}
.productTable tr th{font-size: 9px;padding: 5px 0;font-family: Helvetica;border-bottom: 1px solid #000;color#333;letter-spacing: 1px;text-transform: uppercase;} /* Değişti */
.productTable tr td{/*font-family:HelveticaLightTr;*/font-size:10px;padding: 5px 0;}

/* Search Page */
.greyBg{background-color:#e6e6e6;min-height:210px;padding-bottom:20px;}
.searchCenter{margin:0 auto;width:450px;}
.searchCenter p{font-family: Helvetica;font-size: 9px;font-weight: bold;margin-top:30px;display:inline-block;color#333;}/* Değişti */
.searchCenter input[type="text"]{width:175px;background-color:#c9c9c9;border:1px solid #808080;height:15px;font-size:9px;margin-right: 5px;}
.searchCenter input[type="submit"]{background-color:#c9c9c9;border:1px solid #808080;height:19px;font-size:9px;margin-right: 10px;cursor: pointer;}
.searchImage{background:url(../images/searchImage.jpg) 0 0 no-repeat;width:700px;height:153px;margin-top:20px;}
.searchCenter  section{margin-top:40px;}
.searchCenter  section img{float: left;}
.searchCenter  section p{margin-left: 75px;}
.searchCenter  section p a{font-size:10px;font-family:'HelveticaCdBd', Helvetica;color:#000;}

/* Contact Page */
.contactForm section , .contactAdress section{width:270px;float:left;margin-top:25px;}
.contactForm section:first-child , .contactAdress section:first-child{margin:25px 40px 0 60px}
.contactForm section p{font-weight:bold;}
.contactForm section p span{display:block;}
.contactForm section p span input{width:267px;height:12px;background-color: #c9c9c9;font-size: 9px;border: 1px solid #808080;}
.contactForm section p span textarea{width:267px;resize: none;background-color: #c9c9c9;font-size: 9px;border: 1px solid #808080;}
.contactForm section input[type="submit"]{width:40px;height:12px;background-color: #c9c9c9;font-size: 10px !important;border: 1px solid #808080;padding: 0;line-height: 0px;
float:right;margin-top:20px;cursor: pointer;padding:0 0 17px 0 !important;}
.contactAdress{margin-top: 25px;}
.contactAdress table{}
.contactAdress table tr td{font-size:10px;color:#000;padding:5px 0 5px 3px;}
.contactAdress table tr td:first-child{width:47px;padding-left:0;}
.contactAdress table tr td:first-child span{display: inline-block;float: right;}
.contactAdress .map{width:277px;height:189px;background-color:#c9c9c9;} 
.contactFormInner{height:152px;}
.contactFormInner .message{font-size: 9px;left: 42%;top: 80px;color: #000000;font-family: 'HelveticaLightTr' HelveticaCdBd;position: absolute;font-weight: bold;}

/* App Page */
.appSliderContainer .appSlider img{width:224px; height:230px}
.appSliderContainer .appSlider .bx-caption{bottom: -15px;background: transparent;}
.appSliderContainer .appSlider .bx-caption span{float: left;color: #000;font-size: 10px;left: 0;padding: 0;font-weight: bold;}
.appSliderContainer .bx-viewport{background: transparent !important;height: 250px !important;}
.appInnerSliderContainer .bx-viewport{overflow:visible !important;background: transparent !important;}
.appInnerSliderContainer .bx-wrapper .bx-caption{bottom: -19px;background: transparent;}
.appInnerSliderContainer .bx-wrapper .bx-caption span{color:#000;font-size:10px;font-weight:bold;float:left;padding: 0;}
.appInnerSliderContainer .bx-wrapper .bx-pager{bottom: -19px;right: 0;z-index: 999;width: auto;}
.appInnerSliderContainer .bx-wrapper .bx-pager.bx-default-pager a{border-radius:0;}
.appLegend{width:450px;}
.appLegend p{line-height: 15px;color: #000;margin-top: 40px;min-height:131px}
.appLegend a{color: #000;font-size:10px;text-decoration:underline;}
/* Footer */	
footer{ margin-top: 15px;}
footer p{font-size:9px;color:#666a6f;float:left;}
footer p a{}
	.nextPage{position: absolute;left: 10px;color: #000;top: 10px;font-size: 20px;}
	/* social Icons */
	.socialIcons{float: right;margin-top: -16px;}
	.socialIcons a{background:url(../images/social.png) 0 0 no-repeat;height:38px;width:38px;display:inline-block;text-indent:-9999px;}
	.socialIcons a.fb:hover{background-position: 0 -42px;}
	.socialIcons a.tw{background-position: -47px 0;}
	.socialIcons a.tw:hover{background-position: -47px -42px;}
	
.hoverImg{display:none;}
.productsCategory ul li{position:relative;}
.productsCategory ul li:hover .hoverImg{background-color: #ddd;border: 1px solid #999;display: block;float: none;top: 0;position: absolute;left: 110%;width: 200%;z-index: 999;max-width: 170px;}
.productsCategory ul li:hover .hoverImg img{width: 100%;}
@media only screen and (max-device-width: 768px){
	body .leftConteiner {height: 0;left: 40px;position: relative;top: 40px;}
}
