@import url("cssreset-min.css");
@import url("colorbox.css");
@import url("skitter.styles.css");

@font-face { font-family: 'OswaldBold'; src: url('../fonts/Oswald-Bold-webfont.eot'); src: url('../fonts/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Bold-webfont.woff') format('woff'), url('../fonts/Oswald-Bold-webfont.ttf') format('truetype'), url('../fonts/Oswald-Bold-webfont.svg#OswaldBold') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OswaldLight'; src: url('../fonts/Oswald-Light-webfont.eot'); src: url('../fonts/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Light-webfont.woff') format('woff'), url('../fonts/Oswald-Light-webfont.ttf') format('truetype'), url('../fonts/Oswald-Light-webfont.svg#OswaldLight') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OswaldRegular'; src: url('../fonts/Oswald-Regular-webfont.eot'); src: url('../fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Regular-webfont.woff') format('woff'), url('../fonts/Oswald-Regular-webfont.ttf') format('truetype'), url('../fonts/Oswald-Regular-webfont.svg#OswaldRegular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OswaldStencil'; src: url('../fonts/Oswald-Stencil-webfont.eot'); src: url('../fonts/Oswald-Stencil-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Stencil-webfont.woff') format('woff'), url('../fonts/Oswald-Stencil-webfont.ttf') format('truetype'), url('../fonts/Oswald-Stencil-webfont.svg#OswaldStencil') format('svg'); font-weight: normal; font-style: normal; }

/***BODY***/
body.default { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555; background: #dafd9c url(../images/bg.png) repeat top center; font-weight: normal; }
/***BODY***/

/***DEFAULT***/
#wrapper { width: 1020px; margin: auto; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-weight: normal; }
a { outline: none; color: #555; text-decoration: none; }
:hover { text-decoration: none; }
.fl { float: left; }
h1 { font-family: 'futura_md_btmedium'; font-size: 15px; color: #3f89d8; letter-spacing: -0.05 em; }
/***DEFAULT***/

#header { background: url(../images/header_bg.png) repeat top center; font-weight: normal; }
#header #headertop { background: url(../images/header_top.png) repeat-x top center; font-weight: normal; height: 46px; }
#header #headertop .htop { width: 1020px; margin: auto; }
#header #headertop .htop .languages { float: left; }
#header #headertop .htop .languages ul { list-style-type: none; margin-top: 10px; }
#header #headertop .htop .languages ul li { float: left; margin-right: 10px; }
#header #headertop .htop .languages ul li span.languagesicon { float: left; margin-right: 5px; }
#header #headertop .htop .languages ul li span.languagestext { float: left; font-family: 'OswaldRegular'; font-size: 14px; }
#header #headertop .htop .languages ul li span.languagestext a { color: #a3ff00; }
#header #headertop .htop .search { float: right; background: url(../images/search_bg.png) no-repeat; height: 21px; width: 391px; margin-top: 5px; padding: 4px 10px 0 10px; }
#header #headertop .htop .search input { float: left; width: 370px; background: transparent; border: none; outline: none; color: #595204; line-height: 17px; height: 17px; font-size: 11px; }
#header #headertop .htop .search a { float: left; width: 21px; background: url(../images/search_btn.png) no-repeat; border: none; line-height: 17px; height: 17px; }
#header #headercenter { background: url(../images/header_cloud.png) no-repeat bottom center; font-weight: normal; height: 114px; margin-top: 40px; }
#header #headercenter .hcenter { width: 1020px; margin: auto; position: relative; }
#header #headercenter .hcenter .logo { background: url(../images/logo.png) no-repeat; width: 383px; height: 152px; position: absolute; left: 116px; top: -70px; }
#header #headercenter .hcenter .logo a { width: 383px; height: 152px; display: block; font-size: 0; line-height: 0; }
#header #headercenter .hcenter .phone { background: url(../images/phone.png) no-repeat; width: 151px; height: 41px; position: absolute; right: 28px; top: 25px; }
/** 
#header #headercenter .hcenter .menu { position: absolute; left: 0; top: 90px; }
#header #headercenter .hcenter .menu ul { list-style-type: none; }
#header #headercenter .hcenter .menu ul li { font-family: 'OswaldRegular'; font-size: 16px; float: left; }
#header #headercenter .hcenter .menu ul li a { color: #595204; }
#header #headercenter .hcenter .menu ul li a:hover { color: #176704; }
#header #headercenter .hcenter .menu ul li.spelator { background: url(../images/dot.png) no-repeat; width: 5px; height: 5px; margin: 10px 16px 0 16px; } 
**/


#header #headercenter .hcenter #menu { position: absolute; left: 0; top: 95px; z-index: 9999; }
#header #headercenter .hcenter #menu ul.menu { list-style-type: none; }
#header #headercenter .hcenter #menu ul.menu li { font-family: 'OswaldRegular'; font-size: 16px; float: left; }
#header #headercenter .hcenter #menu ul.menu li a { color: #595204; }
#header #headercenter .hcenter #menu ul.menu li a:hover { color: #176704; }
#header #headercenter .hcenter #menu ul.menu li.spelator { background: url(../images/dot.png) no-repeat; width: 5px; height: 5px; margin: 10px 16px 0 16px; }


/***dropdown***/
ul.menu li ul { display: none; padding: 5px 10px; background: #176704; }
ul.menu li ul li { height: 20px !important; line-height: 20px !important; float: none !important; border: none !important; padding: 0 !important; }
ul.menu li ul li a { text-decoration: none; text-align: left; font-size: 12px !important; font-family: Arial !important; font-weight: normal; letter-spacing: normal !important; color: #dafd9c !important; }
ul.menu li:hover ul { display: block; position: absolute; z-index: 1001; }
ul.menu li:hover li { float: none; }
ul.menu li:hover a { color: #dafd9c; }
ul.menu li:hover li a:hover { color: #fff; }


#container { width: 100%; background: #FFF; padding: 10px 0; }
#container .cowrapper { width: 100%; background: #FFF; display: inline-block; border-top: 1px solid #c8ed84; border-bottom: 1px solid #c8ed84; }
#container .cowrapper .content { width: 1020px; margin: 20px auto; }
#container .cowrapper .category { width: 1020px; margin: auto; }
#container .cowrapper .category ul { list-style-type: none; margin: 15px 0 0 -20px; display: inline-block; }
#container .cowrapper .category ul li { float: left; margin:0 0 0 20px; }
#container .cowrapper .category ul li.last { margin-right: 0; }
#container .cowrapper .content .leftbock { width: 240px; float: left; margin: 0 20px 20px 0; }
#container .cowrapper .content .leftbock .lb1 { background: url(../images/left_block_top_bg.png) no-repeat; width: 240px; height: 11px; }
#container .cowrapper .content .leftbock .lb2 { background: #176704; width: 220px; padding: 10px; }
#container .cowrapper .content .leftbock .lb2 h4 { color: #a3ff00; font-family: 'OswaldRegular'; font-size: 16px; }
#container .cowrapper .content .leftbock .lb2 div {margin:15px 0;}
#container .cowrapper .content .leftbock .lb2 div a { color: #dafd9c; padding:0 0 0 10px;}
#container .cowrapper .content .leftbock .lb2 div a:hover { color: #a3ff00; padding:0 0 0 10px;}
#container .cowrapper .content .leftbock .lb2 ul { list-style-type: none; margin-top: 15px; }
#container .cowrapper .content .leftbock .lb2 ul li { margin-bottom: 10px; color: #dafd9c;  margin-left:10px;}
#container .cowrapper .content .leftbock .lb2 ul li a { color: #dafd9c; padding:0 0 0 10px; }
#container .cowrapper .content .leftbock .lb2 ul li a:hover { color: #a3ff00; padding:0 0 0 10px; }
#container .cowrapper .content .leftbock .lb2 ul li { margin-bottom: 10px; color: #dafd9c; }
#container .cowrapper .content .rightblock { width: 760px; float: left; margin: 20px 0 20px 0; }
#container .cowrapper .content .rightblock h3 { color: #595204; font-size: 16px; font-family: 'OswaldRegular'; }
#container .cowrapper .content .rightblock h3 a{ color: #595204;}
#container .cowrapper .content .rightblock .contenttext { width: 760px; margin-top: 10px; }
#container .cowrapper .content .rightblock .catproduct { width: 760px; margin-top: 10px; }
#container .cowrapper .content .rightblock .catproduct ul { list-style-type: none; }
#container .cowrapper .content .rightblock .catproduct ul li { list-style-type: none; width: 228px; height:270px; border: 1px solid #cccccc; padding: 5px; margin: 0 20px 20px 0; display: inline-block; float: left; }
#container .cowrapper .content .rightblock .catproduct ul li .productimg { width: 228px; height: 171px; padding-bottom: 9px; border-bottom: 1px solid #cccccc; }
#container .cowrapper .content .rightblock .catproduct ul li .productcode { margin-top: 10px; color: #176704; font-family: 'OswaldRegular'; font-size: 18px; }
#container .cowrapper .content .rightblock .catproduct ul li .productname { margin-top: 10px; }
#container .cowrapper .content .rightblock .catproduct ul li .productname a { color: #666; }
#container .cowrapper .content .rightblock .catproduct ul li .productname a:hover { color: #595204; text-decoration: underline; }
#container .cowrapper .content .rightblock .catproduct ul li:nth-child(3n+3){ margin-right:0; }

#container .cowrapper .content .rightblock .gallery { width: 760px; margin-top: 10px; }
#container .cowrapper .content .rightblock .gallery ul { list-style-type: none; }
#container .cowrapper .content .rightblock .gallery ul li { list-style-type: none; width: 228px; border: 1px solid #cccccc; padding: 5px; margin: 0 20px 20px 0; display: inline-block; float: left; }
#container .cowrapper .content .rightblock .gallery ul li .productimg { width: 228px; height: 171px; padding-bottom: 9px; }
#container .cowrapper .content .rightblock .gallery ul li:nth-child(3n+3){ margin-right:0; }

#container .cowrapper .content .rightblock .productdetail{ width: 760px; margin-top: 10px; padding-bottom:9px; border-bottom:1px solid #ccc; display:inline-block; height:380px; }
#container .cowrapper .content .rightblock .productdetail .productsimages{ width: 380px; float:left; margin-right:20px; }
#container .cowrapper .content .rightblock .productdetail .productsimages .cr-container{ width:380px; 	position:absolute;	z-index:100; }
#container .cowrapper .content .rightblock .productdetail .productsimages .cr-content-wrapper{width:100%;	height:100%;overflow:hidden;}
#container .cowrapper .content .rightblock .productdetail .productsimages .cr-content-container{display:none;	position:absolute;	width:100%;	height:100%;	top:0px;	left:0px;	display:none;	overflow:hidden; width:378px; height:278px; border:1px solid #ccc; background:#FFF; }
#container .cowrapper .content .rightblock .productdetail .productsimages .cr-content-container img{width:368px; height:268px; padding:5px;}
#container .cowrapper .content .rightblock .productdetail .productsimages .cr-img{position:absolute;	top:0px;	left:0px;	width:100%;	z-index:1;}
#container .cowrapper .content .rightblock .productdetail .productsimages .cr-thumbs{	position:absolute;	left:15px;	height:110px;	width:380px;	bottom:-395px;	z-index:20;	overflow:hidden;}
#container .cowrapper .content .rightblock .productdetail .productsimages .cr-thumbs div{	float:left; /* Set to absolute each 150px*/	cursor:pointer;	position:relative;	display:none;	width:120px;	height:106px;}
#container .cowrapper .content .rightblock .productdetail .productsimages .cr-thumbs img{	display:block;	margin:6px 10px 6px 0px;	border:1px solid #ccc;   padding:5px; width:98px;	height:74px;}
#container .cowrapper .content .rightblock .productdetail .productsimages .cr-nav span{	position:absolute;	z-index:50;	text-indent:-9000px;	cursor:pointer;	width:10px;	height:19px;	margin-bottom:-400px;	left:0;	background:transparent url(../images/nav.png) no-repeat top left;}
#container .cowrapper .content .rightblock .productdetail .productsimages .cr-nav span.cr-nav-next{	background-position:bottom left; right:0; left:auto;}
#container .cowrapper .content .rightblock .productdetail .productsdata{ width: 360px; float:left; margin-left:400px; }
#container .cowrapper .content .rightblock .productdetail .productsdata .ticariyazilimid{ width: 360px; color: #176704; font-family: 'OswaldRegular'; font-size: 18px; margin-top:50px;}
#container .cowrapper .content .rightblock .productdetail .productsdata .urunadi{ width: 360px; margin-top: 10px; color: #666; font-family: 'OswaldRegular'; font-size: 16px;}
#container .cowrapper .content .rightblock .productdetail .productsdata .urunaciklama{ width: 360px;   margin-top:10px;}
#container .cowrapper .content .rightblock .otherproduct{ width: 760px; margin-top: 10px; }
#container .cowrapper .content .rightblock .otherproduct h3 { color: #595204; font-size: 16px; font-family: 'OswaldRegular'; }
#container .cowrapper .content .rightblock .otherproduct ul {list-style-type:none; margin-top:10px;}
#container .cowrapper .content .rightblock .otherproduct ul li {width:132px; border:1px solid #ccc; padding:5px; float:left; margin-right:10px; height:200px; margin-bottom:10px;}
#container .cowrapper .content .rightblock .otherproduct ul li:nth-child(4n+4) {margin-right:0;}
#container .cowrapper .content .rightblock .otherproduct ul li .productimg{width:132px; height:100px; border-bottom:1px solid #ccc; padding-bottom:9px; }
#container .cowrapper .content .rightblock .otherproduct ul li .productimg img{width:132px; height:100px;}
#container .cowrapper .content .rightblock .otherproduct ul li .productcode{ margin-top: 10px; color: #176704; font-family: 'OswaldRegular'; font-size: 14px; }
#container .cowrapper .content .rightblock .otherproduct ul li .productname { margin-top: 10px; }
#container .cowrapper .content .rightblock .otherproduct ul li .productname a { color: #666; }
#container .cowrapper .content .rightblock .otherproduct ul li .productname a:hover { color: #595204; text-decoration: underline; }
.paginations { margin:0 0 10px 0; font-family:'Arial'; font-size:12px; width:760px; display:inline-block;}
.paginations input { display: inline-block; float:left; color:#444; margin-right:5px; text-decoration:none; cursor:pointer;  font-size:12px; padding:5px; font-weight:normal; display:none;}
.paginations input:hover {text-decoration: none;}
.paginations input.disabled { color: #333;   }
.paginations input.disabled:hover { color:#333; }
.paginations B {float:left; display:inline-block;margin:0 5px 0 0; text-decoration:none; color:#444; margin-right:10px; line-height:20px;}
.paginations B:hover { }
.paginations a {float:left;  display:inline-block;margin:0 5px 0 0; text-decoration:none; color:#444; margin-right:10px; line-height:20px; }
.paginations a:hover {}

#footer { width: 1020px; margin: 20px auto; font-family: 'OswaldRegular'; color: #595204; text-align: center; }
/***NOTIFICATION***/
.notification { font-family: Arial; height: 30px; line-height: 40px; padding: 0 10px 10px 45px; margin: 5px 0; width: auto; }
.msgalert { font-family: Arial; border: 1px solid #eac572; background: #ffe9ad url(../images/warning.png) no-repeat 10px center; }
.msginfo { font-family: Arial; border: 1px solid #99c4ea; background: #d1e4f3 url(../images/info.png) no-repeat 10px center; }
.msgsuccess { font-family: Arial; border: 1px solid #c1d779; background: #effeb9 url(../images/success.png) no-repeat 10px center; }
.msgerror { font-family: Arial; border: 1px solid #e18b7c; background: #fad5cf url(../images/error.png) no-repeat 10px center; }

.updating { width: 980px; margin-top: 10px; background: #fff; position: absolute; z-index: 9998; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: .6; -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; }
.animation { width: 40px; height: 40px; position: relative; z-index: 9999; left: 45%; top: 33%; }


.uyari { font-family: Arial; border: 1px solid #eac572; background: #ffe9ad url(../images/warning.png) no-repeat 10px center; position: fixed; right: 50px; padding: 20px 20px 20px 45px; text-align: center; font-weight: bold; cursor: pointer; bottom: 50px; }
.basari { font-family: Arial; border: 1px solid #c1d779; background: #effeb9 url(../images/success.png) no-repeat 10px center; position: fixed; right: 50px; padding: 20px 20px 20px 45px; text-align: center; font-weight: bold; cursor: pointer; bottom: 50px; }