html {height:100%; overflow-y: scroll;}
body {background-image:url(../images/bg.jpg); font-family:Calibri, Tahoma, Genova, san-serif; color:#7e7e7e; height:100%;}
body form { height: 100%; }
/*-----------------------------------------------------*/

#wrapper {position:relative; width:100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -33px 0; padding:0;}

#container {width:1016px; margin:0 auto; padding-bottom:25px; position:relative;}

a {color:#003280;}
.blue {color:#103c89;}
/*--------------HEADER--------------*/
#header {width:943px; height:99px; padding:17px 24px 0; margin:0 auto; background:url(../images/bg_header.png) bottom no-repeat;}
	#logo {width:168px; height:91px; text-indent:-9999px; background-image:url(../images/logo.png); display:block; float:left;}
	
	ul#nav {margin:60px 0 0; float:right;}
		ul#nav li {height:31px; padding:0 15px; line-height:31px; border-right:#fff 1px solid; border-left:#c0c0c0 1px solid; float:left;}
		ul#nav li.first {border-left:0;}
		ul#nav li.last {border-right:0;}
			ul#nav a {font-size:14px; color:#7e7e7e;}
			ul#nav a:hover, ul#nav a.selected {color:#003280;}
			
/*-------------SHOW CASE------------*/
#showCase {width:1016px; height:431px; background-image:url(../images/bg_blur.png); position:relative;}
	.contentdiv {width:990px; height:404px; margin:13px; visibility: hidden; position: absolute; left: 0; top: 0; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; cursor: pointer;}
	.pagination {position:absolute; left:30px; bottom:30px;}
		.pagination a {width:20px; height:20px; margin-right:5px; line-height:20px; text-align:center; font-size:13px; font-weight:700; color:#fff; background-image:url(../images/pagination.png); display:block; float:left;}
		.pagination a:hover, .pagination a.selected {background-position:-20px 0;}
/*----------------------------------*/

#whiteBoxWrap {padding-left:12px;}
.whiteBoxes {width:430px;  
height:155px; padding:15px 30px; margin-left:3px; background-image:url('../images/bg_whiteBoxes.png'); 
float:left;
}
	.whiteBoxes h3 {font-size:18px; color:#333; padding:0 0 7px; margin:0 0 0 -8px;}
	.whiteBoxes h3.ecoFriendly {padding:10px 0 7px 35px; background:url(../images/icon_tree.png) 0 3px no-repeat;}
	.whiteBoxes h3.search {padding:10px 0 7px 30px; background:url(../images/icon_search.png) left no-repeat;}
	.whiteBoxes h3.sellPlace {font-size:19px; padding:10px 0 7px 40px; background:url(../images/icon_book.png) left no-repeat;}
	
	.whiteBoxes #searchCredentials { width: 190px; float: left; }
	.whiteBoxes #searchButton { width: 80px; float: left; margin-bottom: 14px; }
	
	.boxContent {border-top:1px solid #dcdbde; font-size:13px; padding-top:10px; overflow:hidden;}
		.boxImage {width:68px; height:105px; padding:1px 4px 5px; margin-right:10px; background-image:url(../images/bg_boxImage.png); display:block; cursor:pointer; float:left;}
		.ecoIn {font-size:11px; display:table; overflow:hidden;}
		
		input.bt-ara {margin:1px 0 0;}
		.bt-seeAll {width:80px; height:28px; text-indent:-9999px; display:block; background-image:url(../images/bt-seeAll.png);}

.whiteBoxes #satisnoktasi select { width:260px; display: block; margin-bottom: 5px; }
.whiteBoxes #searchCredentials select { width:180px; display: block; margin-bottom: 5px; }

/*-----------SUB PAGES--------------*/
#content {width:991px; margin:0 auto;}

#headerTitle {width:991px; height:128px; background-image:url(../images/bg_headTitle.jpg);}
	#title_koleksiyon, #title_hakkimizda, #title_iletisim, #title_satis_noktalari, #title_haberler, #title_faydali_bilgiler, #title_proje, #title_arama {width:227px; height:46px; margin:35px 35px 0 0; text-indent:-9999px; background-image:url(../images/title_koleksiyon.png); float:right;}
	#title_hakkimizda {width:250px; height:37px; background-image:url(../images/title_hakkimizda.png);}
	#title_iletisim {width:140px; height:53px; margin:27px 35px 0 0; background-image:url(../images/title_iletisim.png);}
	#title_satis_noktalari {width:297px; height:45px; background-image:url(../images/title_satis_noktalari.png);}
	#title_haberler {width:183px; height:37px; background-image:url(../images/title_haberler.png);}
	#title_faydali_bilgiler {width:302px; background-image:url(../images/title_faydali_bilgiler.png);}
	#title_proje { width:103px; background-image:url(../images/title_proje.png); background-repeat: no-repeat; }
	#title_arama { width:148px; background-image:url(../images/title_arama.png); background-repeat: no-repeat; }
	
#subNav {width:936px; height:32px; padding:20px 23px 0 32px; background-image:url(../images/bg_subNav.png); overflow:hidden;}
	#subNav a {font-size:14px; font-weight:700; color:#003081;}
	#subNav a:hover {color:#2a2a2a;}
	
	#subMain {float:left;}
	#subMain li {height:32px; background:url(../images/bg_subNavLi.png) 0 0 no-repeat; float:left;}
	#subMain li.first {background:none;}
		#subMain a {height:32px; padding:0 14px; line-height:21px; display:block;}
		#subMain a:hover, #subMain a.selected {color:#2a2a2a; background:url(../images/bg_subNava.png) bottom center no-repeat;}

	.subAlt {float:right;}
	.subAlt li {padding-left:10px; margin-left:10px; font-size:14px; font-weight:700; color:#003081; background:url(../images/icon_bullet_blue.png) left no-repeat; float:left;}
	.subAlt li.first {background:url(../images/icon_arrow_blue.png) left no-repeat;}
	
	#subNav h4 {font-size:14px; font-weight:700; color:#003081;}
	#subNav h4 a {color:#7e7e7e;}
	.leftTitle {height:34px; float:left;}

#productBox-bottom {width:991px; height:10px; background-image:url(../images/bg_productBox-bottom.png); display:block;}
.productBox {width:991px; background-color:#f9f9f9;}
	ul#productList {padding:0 30px; overflow:hidden;}
		ul#productList li {width:141px; height:184px; padding:11px; margin:10px; background-image:url(../images/bg_productList.png); float:left;}
			ul#productList a {width:141px; height:184px; display:block; position:relative;}
				ul#productList span {width:123px; padding:3px 9px; display:block; cursor:pointer; position:absolute; left:0; bottom:9px; font-size:14px; color:#fff;}
				ul#productList a:hover span {background-image:url(../images/bg_productListTitle.png);}
				
	.bigThumb {width:258px; height:319px; padding:26px; margin:20px 0 0 10px; background-image:url(../images/bg_productBig.png); float:left;}
	
	ul.thumbList {width:650px; padding:28px 0 0; overflow:hidden;}
		ul.thumbList li {width:147px; height:219px; margin-left:15px; float:left;}
			.smallThumb {width:124px; height:178px; padding:12px 11px; background-image:url(../images/bg_smallThumb.png); display:block; cursor:pointer;}
			.productSerial {width:87px; height:26px;margin:-9px 30px 0; background-image:url(../images/bg_productSerial.png); font-size:12px; color:#002768; text-shadow:0 1px #fff; text-align:center; line-height:22px; display:block;}
			.productProjeSerial {width:140px; height:26px;margin:-8px 3px 0; background-image:url(../images/bg_productProjeSerial.png); font-size:12px; color:#002768; text-shadow:0 1px #fff; text-align:center; line-height:22px; display:block;}
			
	.bigImage {padding:23px 0 25px 117px; float:left;}
	.bigImage span {width:280px; height:402px; padding:14px; background-image:url(../images/bg_bigImage.png); display:block; margin-left:-32px;}
		.scope {height:19px; margin-left:10px; padding-left:23px; line-height:19px; font-size:12px; color:#003081; background:url(../images/icon_scope.png) left no-repeat; display:block;}
		.scope:hover {text-decoration:underline;}
		.onimage { height:100%;background-position:bottom left; }
		
	#pDContainer {width:412px; padding:29px 4px 0 0; color:#003081; float:right;}
		#productDetail-top {width:366px; height:30px; padding:16px 0 0 35px; font-size:16px; background-image:url(../images/bg_productDetail-top.png);}
		#pDWrap {width:416px; background:url(../images/bg_productDetailWrap.png); position:relative;}
			#productDetail {width:416px; min-height:289px; padding:0 0 28px; background:url(../images/bg_productDetail.png) bottom no-repeat;}
				.grill {width:367px; margin:0 0 24px 13px; padding:10px 2px 24px 5px; background-image:url(../images/bg_grill.png);}
					.grill > ul {padding:0 0 11px; overflow:hidden;}
						.grill > ul li {width:86px; height:86px; border:#efefef 4px solid; margin:2px 14px; float:left;}
						
					.shortDesc {margin-left:15px; font-size:14px; line-height:24px; overflow: auto;}
					.shortDesc .shortDescRight { float: left; padding-left: 5px; text-align: center; }
					
				.bt-fiyatListesi {width:144px; height:147px; background-image:url(../images/bt-fiyat-listesi.jpg); text-indent:-9999px; cursor:pointer; position:absolute; right:0; bottom:-100px;}
		#pDPush {height:100px;}
		
	.aboutBox {width:902px; padding:40px 0 0 45px; font-size:13px; line-height:22px;}
		.aboutBox h4 {font-size:14px; font-weight:700;}
		.aboutBox a:hover {text-decoration:underline;}
				
		.divider {border-top:#bbb 1px solid; margin:20px 0; display:block;}
		
		.humanResources, .contactBox {min-height:100px; padding:15px 0 20px 153px; background:url(../images/bg_hr.png) 0 0 no-repeat; font-size:12px;}
		.contactBox {background:url(../images/bg_contactBox.png) 0 0 no-repeat;}
		
		.addressCol {padding:0 40px; margin:0 0 40px; border-left:#c0c0c0 1px solid; line-height:normal; float:left;}
		.addressCol.first {padding:0 40px 0 0; border-left:0;}
		.addressCol.last {padding:0 0 0 40px;}
			.addressCol h4 {line-height:18px; margin:0 0 5px;}
			
		.formCol {width:328px; padding:0 0 30px 70px; float:left;}
			.formCol strong {font:700 14px/27px Calibri, Tahoma, Genova; line-height:27px; margin:0 13px 0 0; color:#7e7e7e; float:left;}
			.formCol select {float:right;width:247px;padding:5px;}
			.formColRow {height:27px; padding:0 0 15px;}
			.formColRow2 {height:110px; padding:0 0 15px;}
				
				.inputWrap, .textWrap {width:237px; height:17px; padding:5px; background-image:url(../images/bg_inputWrap.png); float:right;}
					.inputWrap input, .textWrap textarea {width:230px; height:15px; font-size:14px; color:#7e7e7e; font-family:Calibri, Tahoma, Genova; background:transparent; border:0;}
					
				.textWrap {height:100px; background-image:url(../images/bg_textWrap.png); float:right;}
					.textWrap textarea {height:95px; overflow:auto;}
		.harita {width:568px; height:243px; margin:0 auto;}
		
		.selectBoxes {padding:20px 0 20px 22px; margin:auto; width: 650px;}
			.selectWrap {/*width:247px;*/ height:27px; padding:0 16px; float:left;}
			.selectBoxes select { width: 180px; }
			
		.sellPointsWrap {padding:0 0 18px 70px; overflow: auto;}
			.sellPoints {width:250px; height:180px; margin: auto 5px 10px; float:left; font-family:Tahoma, Geneva, sans-serif; background-color:#e9e9ee;}
				.sellPointsTitle {background-color:#3b3b6c; overflow:hidden;height:44px;text-align:center;}
					.sellPointsTitle h4 {/*width:31%;*/ font-size:14px; color:#e9e9e9; font-weight:700; padding:0 13px 0 13px; /*float:left;*/}
					.sellPointsTitle h4.last {padding:0 0 0 13px;}
					
					.sellPointsIn {/*width:31%;*/ padding:0 3px 3px 13px; /*background:url(../images/bg_sellPoints.png) right 25px no-repeat;*/ float:left;}
					.sellPointsIn.last {padding:0 0 0 13px; background:none;}
					
		.newsList {padding:0 0 10px;}
		.newsList li {width:100%; padding:15px 0; margin:0 0 30px; border-top:#c0c0c0 1px solid; border-bottom:#c0c0c0 1px solid; overflow:hidden;}
			.newsList img {margin:0 0 0 45px; float:right;}
			.newsList img.detailPage {margin:0 45px 0 0; float:left;}
			.newsList p {margin:8px 0; line-height:normal;}
			
			.newsList div {display:table; overflow:hidden;}
			.newsList h6 {font-size:12px; color:#103d89;}
			.newsList h4 {font-size:14px; font-weight:700; color:#7e7e7e;}
			.newsList h4 a {font-weight:700; color:#7e7e7e;}
			.newsList h4 a:hover {text-decoration:none; color:#2a2a2a;}
			.moreInfo {font-size:12px; color:#003081; background:url(../images/icon_gray_arrow.png) left no-repeat; padding-left:12px;}
			
		.useful {padding:15px 0 30px;}
			.useful dl {width:100%; overflow:hidden;}
			.useful dt {width:178px; color:#103c89; float:left;}
			.useful dd {width:724px; float:right;}
			.useful dt.first, .useful dd.first {text-decoration:underline; font-weight:700; padding:0 0 5px;}
			
		.searchProductBox .thumbList { width: 100%; padding: 0; }

/*-------------FOOTER---------------*/
.push {height:33px;}
#footerWrap {background:url(../images/bg_footer.png) repeat-x; position:relative; width:100%;}
	#footer {width:880px; height:33px; margin:0 auto; position:relative;}
		#footer ul {margin:7px 0 0 0; float:left; width:400px;}
		#footer li {height:21px; padding:0 15px; line-height:21px; border-right:#fff 1px solid; border-left:#c0c0c0 1px solid; float:left;}
		#footer li.first {border-left:0;}
		#footer li.last {border-right:0;}
			#footer li a {font-size:14px; font-family:Tahoma, Geneva, sans-serif; color:#7e7e7e;}
			#footer li a:hover, #footer li a.selected {color:#1c1a5a;}
		
		a#creaturk  {width:115px; text-indent:-9999px; background-image:url(../images/creaturk.png); display:block; position:absolute; right:0; top:12px; height:13px;}