@import "reset.css";
/* End of imported css files */
@charset "utf-8";
/*	Desc: Mouslum Tea Screen Media Style Sheet
	Author: Hakan Uzunoglu - Art Director of Rekfim
*/
html {
}
body {
	background:url(../images/bg.jpg) no-repeat top center #332a23;
	margin:0px;
	font-family: Verdana, Geneva, Verdana, sans-serif;
	font-size: 11px;
	color: #CCC;
}
/* Common Styles */
/* Sitewide Links */
a:link, a:visited, a:active {
	color: #FFF;
	text-decoration: none;
	border:none;
	font-weight:bold;
}
a:hover {
	text-decoration: none;
	color: #FFF;
	border:none;
	font-weight:bold;
}
/* Sitewide Headers */
h1, h2, h3, h4, h5, h6 {
	color:#FFF;
	font-weight:bold;
	margin:0.1em;
	letter-spacing:-0.01em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	font-weight:normal;
}
h1 img, h2 img, h3 img, h4 img h5 img, h6 img {
	margin-right:0.1em;
	vertical-align:bottom;
}
h1 {
	font-size:2.8em;
	color:#f4ca45;}
h2 {
	font-size:1.9em;
	color:#f4ca45;}
h3 {
	font-size:1.2em;
}
h4 {
	font-size:1em;
}
/* Sitewide HTML Elements */
p {
	margin:10px 0 10px 0;
	line-height:1.5em;
}
ul, ol {

	margin:1em;
	text-indent:1em;
	line-height:1.5em;
}
li {
	list-style-type: disc;
	list-style-position: inside;
}
ul.marginList li{
	margin:0;
	margin-bottom:40px;
	clear:both;
	list-style-position: outside;
	list-style:none;

}
/* Sitewide Helper Classes */
.floatLeft {
	float:left;
	display:inline;
}
.floatRight {
	float:right;
	display:inline;
}
.clear {
	clear:both;
}
.borderless {
	border:none;
}
.bordered {
	border:1px solid #a67c5d;
	margin:2px;
	padding:2px;
}
.btn {
	cursor:pointer;
}
.panel {
	cursor:pointer;
}
.panel-closed {
	display:none;
}
.tabbedContent {
	display:none;
}
.hidden {
	display:none;
}
.wrn{
	color:#F00;
}
.icon{
	margin-right:4px;
	vertical-align:middle;
}
.yellow{
	color:#f4ca45;
}
.white{
	color:#FFF;
}
#clear1 {
	clear:both;
	height:1px;
	line-height:0px;
	font-size:0px;
}
.sButton a:link, .sButton a:active, .sButton a:visited{
	border:1px solid #999;
	padding:0.5em;
	background:url(../images/site/bgSButton.jpg) repeat-x top center;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
	display:block;
}
.sButton a:hover{
	border:1px solid #CCC;
	background:url(../images/site/bgSButtonHover.jpg) repeat-x top center;
	color:#fff;
}
/* End of Common Helpers */
/* Layout */
#container {
}
#mainBody {
	width:960px;
	text-align:left;
	margin:0 auto;
}
#header{
}

#contentWrapper {
	width:960px;
	background:url(../images/bgContentWrapper.gif) repeat-y;
}
#contentWrapper2 {
	width:920px;
	padding:20px;
	background:url(../images/bgContentWrapper2.gif) no-repeat bottom left;
	padding-bottom:80px;
	min-height:200px;
	overflow:hidden;
}
#contentWrapper #col1 {
	text-align:left;
	float:left;
	display:inline;
	width:257px;
}
#contentWrapper #col2 {
	text-align:left;
	float:left;
	display:inline;
	width:650px;
	margin:0 0 0 5px;
}
#footer {
	background:url(../images/bgFooter.jpg) no-repeat;
	width:960px;
	padding:50px 0;
	color:#E8E8E8;

}
#footer h2{
	color:#eeeeee;
	border-bottom:1px solid #CCC;
	padding-bottom:5px;
	font-size:15px;
	font-weight:normal;
	margin-bottom:20px;
}
#footer .linkGroup{
	width:150px;
	line-height:20px;
	float:left;
	display:inline;
	margin-right:15px;

}
#footer a:visited, #footer a:link, #footer a:active{
	font-weight:normal;	
	color:#CCC;

}
#footer a:hover{
	font-weight:normal;	
	color:#FF0;
}
/* End of Layout */
/* Common Menu Design */
.commonMenu {
	overflow:hidden;
	width:100%;
}

.commonMenu ul {
	text-align:left;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

.commonMenu ul li {
list-style-type: none;
	list-style-position:outside;
text-indent:0;
	margin:0px;
	padding:0px;
	line-height:0;
}
.commonMenu ul li a:active, .commonMenu ul li a:visited, .commonMenu ul li a:link {
	display: block;
	color: #666;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 5px 0 30px;
	background:url(../images/bgCommonMenu.jpg) no-repeat bottom left;
	height:36px;
	line-height:40px;
	
}
.commonMenu ul li a:hover {
	color: #000;
	text-decoration:none;
	background:url(../images/bgCommonMenuHover.gif) no-repeat bottom left;	
}
.commonMenu ul li.cat a{
	color: #FFF;
	text-decoration:none;
	background:url(../images/bgCommonMenuCat.gif) no-repeat bottom left;
	padding-left:10px;
	height:37px;
}


/* End of Common Menu */
/* Sitewide Form Classes */
.commonForm {
	margin:1em 0;
	padding-top:10px;
}
.commonForm fieldset {
	margin:0;
	padding-top:.5em;
	border:none;
	border-top:1px solid #f1f1f1;
}
.commonForm legend {
	background:#fff;
	padding:0 5px;
	font-style:italic;
}
.commonForm p {
	clear:both;
	margin:.5em 0;
	overflow:hidden;
}
.commonForm label {
	float:left;
	width:160px;
	display:block;
	text-align:right;
	margin-right:10px;
}
.commonForm .i, .commonForm .t {
	margin:0;
	width:250px;
	border:1px solid #ddd;
	padding:3px 5px 3px 5px;
}
.commonForm textarea {
	height:125px;
	overflow:auto;
}
.commonForm p.submit{
	margin-left:170px;
}
.commonForm .s{
	border:1px solid #CCC;
	padding:0.5em;
	background:url(../images/site/bgSButton.jpg) repeat-x top center;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin:5px 5px 5px 0;
	cursor:pointer;
}
.commonForm .s:hover{
	border:1px solid #CCC;
	background:url(../images/bgSButtonHover.jpg) repeat-x top center;
	color:#fff;
}
/* End of Common Forms */
.cBox{
	width:245px;
	margin:10px 0;
}

/* Per-Page Layouts */
/* HomePage Layouts */
.home{}
.home #news{
	background:url(../images/bgNews.jpg) no-repeat center left #080101;
	width:840px;
	margin-left:-10px;

	height:26px;
	overflow:hidden;
	padding-left:100px;
	padding-top:10px;
	border-top:1px solid #300;
	border-bottom:1px solid #300;	
}
.home .cBox{
	float:left;
	display:inline;
	padding:0;
	margin:10px 12px 10px 0;
}
.home .newsletter{
	clear:both;
	height:45px;
	overflow:hidden;
	background:url(../images/bgNewsletter.jpg) no-repeat;
}
.home .newsletter form{
	padding:0;
	margin:0;
}
.home .newsletter form .i{
	border:none;
	height:35px;
	width:652px;
	margin:5px;
	margin-left:10px;
	background:none;
	color:#FFF;
	font-size:11px;
	float:left;
}

/* Language Selection */
.languageSelection{
	background:url(../images/bgLanguageSelection.jpg) no-repeat top center #332a23;
}
.languageSelection #contentWrapper2{
	padding-top:3px;
}
.languageSelection #lsButtons{
	text-align:center;
	margin:10px;
}
.languageSelection #lsButtons .lsbtn{
	width:177px;
	height:45px;
	overflow:hidden;
	display:inline-block;
	margin:10px;
}

/* Default Page Styles*/
#mainImage{
	margin:-20px 0 0px -10px;
}
#breadCrumb{
	background:url(../images/bgBreadCrumb.jpg);
	margin:0px 0 20px -10px;
	height:40px;
	width:941px;
}
#breadCrumb ul{
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#breadCrumb li{
	list-style:none;
	text-indent:0;
	list-style-position:inside;
	float:left;
	display:inline;
	height:40px;
}
#breadCrumb li a{
	line-height:40px;
	display:inline-block;
	background:url(../images/bgBreadCrumbItem.jpg);
	padding:0 10px;
	padding-left:25px;
	font-weight:normal;
}
#breadCrumb li a:hover{
	color:#FF0;
}
#breadCrumb ul li.first a{
	background:url(../images/bgBreadCrumbFirst.jpg);
	padding-left:10px;
}
#breadCrumb ul li.selected a{
	background:url(../images/bgBreadCrumbSelected.jpg) no-repeat;
	padding-left:25px;
	font-weight:bold;
}

/* Default Page Styles*/
.productPage{
}
.productPage .productImage{
	float:right;
	display:inline;
	position:relative;
}
#packaging{
	padding:10px;
	padding-bottom:0;
	border:1px solid #333;
	background-color:#000;
}
#packaging h2{
}
#packaging ul {
	margin:20px 0 0 0;
	padding:0;
}
#packaging ul li {
    padding: 0px;
    float: left;
    position: relative;
    width: 120px;
    height: 120px;
	list-style:none;
	list-style-position:inside;
	margin-top:50px;
	
}
 
#packaging ul li a:link {
    position: absolute;
	color:#FFF;
}
 
#packaging ul li img {
	position: absolute;
	width: 100px;
	top: -19px;
	left: -6px;
	padding: 0px;
	border: none;
	overflow: hidden;
}
/* Script Related Classes */
/* JQ Lightbox */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* Google Maps */
#map.google-map span { 
	display: none; 
	float:right;
	}
#map.google-map a img { 
	display: none; 
}
#map.google-map div a { 
	display: none; 
}
h1#firstHeading.firstHeading { 
	padding: 0 8px; 
	display: block; 
	margin-top: 30px; 
	font: bold 14px Arial,Helvetica,Geneva,sans-serif; 
	color:#000; 
	text-shadow: none; 
}
#map.google-map #bodyContent { 
	padding: 0 8px; 
	margin-top: 6px; 
	line-height: 16px; 
}
#map {
	border:3px solid #a67c5d;
	float:left;
	width:892px;
	margin-left:10px;
}
#map h3{
	color:#000000;
}
.google-map {
	height:300px;
	width:100%;
}
/*map end */
/* Contact Form*/
#iletisim-text{
	float: left;
	margin-right: 9px;
}
#iletisim-text p{
	margin:20px 0;
}
#form_box{
	float:left;
	display:inline;
	width:400px;
	margin-left:10px;
}
#form_box p{
	margin:20px 0;
}
.fieldclass{
	width:380px;
	height:30px;
}
#submitter {
	height: 32px;
	width: 120px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: top;
	cursor:pointer;
	display:block;
	background-color: transparent;
	background-image: url(../images/send-button.png);
	float:right;
	margin:0 15px 15px 0;
}
/* Dealers List */
.dealers{
	margin:12px;
	padding:5px 15px;
	border-bottom:1px;
	background:#000;
	border:1px solid #333333;

}
.list {
	margin: 0 0 14px 0;
	padding: 0;
	width: 100%;
}
.cizgi{
	border-bottom:dotted #f4ca45;
	margin-top:5px;
	width:99%;
}
.list #googleMap{
	background-image: url(../images/googleMap.png);
	float:right;
	height: 58px;
	width: 70px;
	margin:10px 25px 0 0;
	display:inline;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: top;
}
/* Product Category Listing Page */
.productCategory{
clear:both;
padding:15px;
border: 1px solid #3b1d06;
margin-bottom:15px;
position:relative;
height:215px;
}
.productCategory:hover{
border: 1px solid #3b1d06;
background:url(../images/bgProduct.jpg) repeat-x;
}
.productCategory a{
font-weight:normal;
}
.productCategory .seeMore {
display:inline-block;
position:absolute;
bottom:15px;
right:15px;
font-weight:bold;
color:#F4CA45;
}
.productCategory .thumb{
float:left;
display:inline;
margin-right:8px;
border:1px solid #000;
overflow:hidden;
padding:5px;
background:#000;
}
.productCategory:hover .thumb{
border: 1px solid #3b1d06;
}
#languagebar{
	width:185px;
	height:30px;
	margin:0 auto;
	padding:0 0 0 775px;
}


/* Flags */
.eng {
	float:left;
	padding:3px 10px 0 0;
}
.tri {float:left; padding:2px 10px 0 0;}
.arib {float:left; padding:2px 10px 0 0;}
.rus {float:left; padding:2px 10px 0 0;}
#container #mainBody #contentWrapper #contentWrapper2 #iletisim-text .first {
	color: #FFF;
}