/* Colors                       */
/* =============================*/
 
/* Dark Black */
.darkBlack{
	background-color:#00121e;
}

/* Background- Grey */
.grey{
	background-color:#e9e9e9;
}

/* Navigationsschrift dunkel */
.darkGrey{
	background-color:#45525b;
}

/* Orange Ãœberschriften */
.orange{
	background-color:#ff8916;
}

/* Druckoptimierung             */
/* =============================*/
@media print {
	#navigationColumn{
		display:none;
	}
	
	#divLanguageSelection{
		display:none;
	}
	
	#pageHeader{
		display:none;
	}
}
@font-face {
    font-family: Samim;
    src: url("../fonts/samim/Samim_v-0.10.3.eot");
    src: url("../fonts/samim/Samim_v-0.10.3.eot#iefix") format('embedded-opentype'), url("../fonts/samim/Samim_v-0.10.3.woff") format('woff'), url("../fonts/samim/Samim_v-0.10.3.ttf") format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Samim;
    src: url("../fonts/samim/Samim-Bold_v-0.10.3.eot");
    src: url("../fonts/samim/Samim-Bold_v-0.10.3.eot#iefix") format('embedded-opentype'), url("../fonts/samim/Samim-Bold_v-0.10.3.woff") format('woff'), url("../fonts/samim/Samim-Bold_v-0.10.3.ttf") format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: SamimPersianDigit;
    src: url("../fonts/samim/Samim-persian-digits-overwrite_v-0.10.3.eot");
    src: url("../fonts/samim/Samim-persian-digits-overwrite_v-0.10.3.eot#iefix") format('embedded-opentype'), url("../fonts/samim/Samim-persian-digits-overwrite_v-0.10.3.woff") format('woff'), url("../fonts/samim/Samim-persian-digits-overwrite_v-0.10.3.ttf") format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: SamimPersianDigit;
    src: url("../fonts/samim/Samim-Bold-persian-digits-overwrite_v-0.10.3.eot");
    src: url("../fonts/samim/Samim-Bold-persian-digits-overwrite_v-0.10.3.eot#iefix") format('embedded-opentype'), url("../fonts/samim/Samim-Bold-persian-digits-overwrite_v-0.10.3.woff") format('woff'), url("../fonts/samim/Samim-Bold-persian-digits-overwrite_v-0.10.3.ttf") format('truetype');
    font-weight: bold;
}

.samim {
    font-family: Samim;
}

.samim-pd {
    font-family: SamimPersianDigit;
}

/* Body                         */
/* =============================*/
body{
	margin:0px;
	padding:0px;
	direction: rtl;
}

h1{
	font-family:Samim, Helvetica, sans-serif;
	font-size:24px;
	color:#ccd0d2;
	font-weight:lighter;
	margin-top: 10px;
}

a{
	color:#00121e;
}

/* Service Navigation - Head    */
/* =============================*/

.service{
	height:80px;
	background-color:#000;
}

.serviceLeft{	
	
	width:778px;
}

.serviceRight{
	padding-top:20px;
	padding-left: 31px;
	text-align: left;
	vertical-align:top;
}

.serviceHeadline{
	padding-right: 20px;
}

.serviceNavigation{
	padding-right: 20px;
}

.serviceNavigationItem{
	float: right;
	color:#b2b8bc;
	font-family:Samim, Helvetica, sans-serif;
	font-size:10px;
	margin-top:3px;
}

.serviceNavigationItem a{
	text-decoration:none;
	color:#b2b8bc;	
}

.serviceNavigationItem a:hover{
	text-decoration:none;
	xcolor:#feeac4;
	color:#ff8916;	
}

.serviceNavigationDivision{
	float: right;
	color:#b2b8bc;
	text-align:center;
	width:16px;
	margin-top:3px;
	font-family:Samim, Helvetica, sans-serif;
	font-size:10px;
}

.serviceNavigationLanguageMenu{
	position:absolute;
	top:0px;
	left:0px;	
	width:60px;
	border-left:1px solid #99a0a5;
	border-right:1px solid #99a0a5;
	border-top:1px solid #99a0a5;
}

.serviceNavigationLanguage{
	background-color:#00121e;
	border-bottom:1px solid #99a0a5;	
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	color: #b2b8bc;
	font-family:Samim, Helvetica, sans-serif;
	font-size:10px;
	
}

.serviceNavigationLanguage a{
	font-family:Samim, Helvetica, sans-serif;
	font-size:10px;
	color: #b2b8bc;
	text-decoration:none;
	
}

.serviceNavigationLanguage a:hover{
	color:#ffffff;
}




/* Top Border Line              */
/* =============================*/
.borderline{
	background-color:#00121e;
	height:60px;
	text-align:left;
	background-image:url(../images/background-head.jpg);
	background-repeat:repeat-x;
}

.borderlineLeft{
	background-image:url(../images/background-head-left.jpg);
	height:60px;
	width:295px;
}


/* Navigation Menu              */
/* =============================*/
.navigation{
	background-color:#e9e9e9;
	width:165px;
	vertical-align:top;
	background-image:url(../images/background-navi-bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

.navigationTop{
	background-image:url(../images/background-head-bottom.jpg);
	width:225px;
	height:90px;
}

.navigationTopSpace{
	height:10px;
	border-bottom:1px solid #d1d1d1;
	margin-right:1px;	
	font-size:2px;
}

.navigationItem{
	height:19px;
	border-bottom:1px solid #d1d1d1;
	margin-left: 1px;
	text-align: right;
}

.navigationItemJumper{
	float: right;
	padding-right: 12px;
	padding-top:6px;
	padding-left: 5px;
	height:14px;
	font-size:2px;
}

.navigationItemJumperL2{
	float:left;	
	padding-left:21px;
	padding-top:6px;
	padding-right:5px;	
	height:14px;
	font-size:2px;
	
}

.navigationItemJumperL3{
	float:left;	
	padding-left:30px;
	padding-top:6px;
	padding-right:5px;	
	height:14px;
	font-size:2px;
	
}

.navigationItemJumperL4{
	float:left;	
	padding-left:39px;
	padding-top:6px;
	padding-right:5px;	
	height:14px;
	font-size:2px;
	
}

.navigationItemJumper a,.navigationItemJumperL2 a,.navigationItemJumperL3 a,.navigationItemJumperL4 a{
	padding:0px;
	margin:0px;	
}

.navigationItemText{
	float: right;
	padding:2px 0px 0px 0px;
	margin:0px;
	font-size:12px;
}

.navigationItemText a{
	font-family:Samim, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#45525b;
	text-decoration:none;
	padding:0px;
	margin:0px;	
}

.navigationItemText a:hover{
	font-family:Samim, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ff8916;
	text-decoration:none;
	padding:0px;
	margin:0px;	
}


.navigationItemTextL2{
	float:left;		
	padding:2px 0px 0px 1px;
	margin:0px;	
	font-size:12px;
}

.navigationItemTextL2 a{
	font-family:Samim, Helvetica, sans-serif;
	font-size:12px;	
	color:#45525b;
	text-decoration:none;
	padding:0px;
	margin:0px;	
}

.navigationItemTextL2 a:hover,.navigationItemTextL3 a:hover,.navigationItemTextL4 a:hover{
	font-family:Samim, Helvetica, sans-serif;
	font-size:12px;	
	color:#ff8916;
	text-decoration:none;
	padding:0px;
	margin:0px;	
}

.navigationItemTextL3{
	float:left;		
	padding:2px 0px 0px 1px;
	margin:0px;	
	font-size:12px;
}

.navigationItemTextL3 a{
	font-family:Samim, Helvetica, sans-serif;
	font-size:12px;	
	color:#45525b;
	text-decoration:none;
	padding:0px;
	margin:0px;	
}

.navigationItemTextL4{
	float:left;		
	padding:2px 0px 0px 1px;
	margin:0px;	
	font-size:12px;
}

.navigationItemTextL4 a{
	font-family:Samim, Helvetica, sans-serif;
	font-size:12px;	
	color:#45525b;
	text-decoration:none;
	padding:0px;
	margin:0px;	
}

.navigationItemTextActive{
	float:left;		
	padding:0px;
	margin:0px;	
	font-size:12px;
	background-repeat:repeat-y;
	background-image:url(http://duracell-iran.com/images/navigation/navigation-item-active.jpg);
	width:164px;
	height:19px;
}

.navigationItemTextActiveText{
	padding:2px 0px 0px 21px;
}

.navigationItemTextActiveL2{
	float:left;		
	padding:0px;
	margin:0px;	
	font-size:12px;
	background-repeat:repeat-y;
	background-image:url(http://duracell-iran.com/images/navigation/navigation-item-active_l2.jpg);
	width:164px;
	height:19px;
}

.navigationItemTextActiveTextL2{
	padding:2px 0px 0px 31px;
}

.navigationItemTextActiveL3{
	float:left;		
	padding:0px;
	margin:0px;	
	font-size:12px;
	background-repeat:repeat-y;
	background-image:url(http://duracell-iran.com/images/navigation/navigation-item-active_l3.jpg);
	width:164px;
	height:19px;
}

.navigationItemTextActiveTextL3{
	padding:2px 0px 0px 39px;
}

.navigationItemTextActiveL4{
	float:left;		
	padding:0px;
	margin:0px;	
	font-size:12px;
	background-repeat:repeat-y;
	background-image:url(http://duracell-iran.com/images/navigation/navigation-item-active_l4.jpg);
	width:164px;
	height:19px;
}

.navigationItemTextActiveTextL4{
	padding:2px 0px 0px 48px;
}

.navigationItemTextActiveText a, .navigationItemTextActiveTextL2 a, .navigationItemTextActiveTextL3 a, .navigationItemTextActiveTextL4 a{
	font-family:Samim, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#00121e;
	text-decoration:none;
	padding:0px;
	margin:0px;	
}

.navigationItemLock{
	font-size:2px;
	float:right;
	width:23px;
	height:12px;
	background-image:url(http://duracell-iran.com/images/icon_lock.gif);
	background-repeat:no-repeat;
	padding-right:12px;
	margin-top:3px;
	position:absolute;
	top:0px;
	left:-23px;
}

.navigationImprint{
	font-family:Samim, Helvetica, sans-serif;
	font-size:9px;
	background-image:url(../images/background-navi-bottom_2.jpg);
	height:100px;
	padding-right: 10px;
	color:#00121e;
}

.navigationImprint a{
	font-family:Samim, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	color:#00121e;	
}



/* Content                      */
/* =============================*/
h2{
	font-family:Samim, Helvetica, sans-serif;
	font-size:22px;
	color:#ff8916;
	margin:0px;
	padding:0px;
	font-weight:normal;
	line-height:30px;
}

h3{
	font-family:Samim, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#00121e;
	margin:45px 0px 3px 0px;
	padding:0px;
}

h4{
	font-family:Samim, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#00121e;
	margin:20px 0px 10px 0px;
	padding:0px;
}

h5{
	font-family:Samim, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#ff8916; 
	margin:10px 0px 10px 0px;
	padding:0px;
}

.contentHeadlineText{
	padding-top:50px;
}

.contentHeadline{	
	height:90px;
}

.content{
	font-family:Samim, Helvetica, sans-serif;
	font-size:13px;
	color:#00121e;	
	line-height:18px;
	margin-bottom:30px;
}

.content{
	text-decoration: none;
}

.content table{
	font-family:Samim, Helvetica, sans-serif;
	font-size:13px;
	color:#00121e;	
}

.contentRow1{
	font-family:Samim, Helvetica, sans-serif;
	font-size:13px;
	color:#00121e;	
	line-height:18px;
	width:450px;	
}


.contentList{
	list-style-image:url(../images/jumper_list.gif);	
	margin:0px;
	padding-left:15px;
}

.contentList li{
	margin-bottom:12px;
	font-family:Samim, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
}




/* Table Data */
.tableData{

}

.tableData th{
	background-color:#FFFFFF;
	font-family:Samim, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align: right;
	padding-top:3px;
	padding-right: 10px;
	padding-bottom: 5px;
	vertical-align:bottom;
	color:#404d56;
}

.tableDataRowDark td,.tableDataRowLight td{
	font-family:Samim, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding-left: 5px;
	padding-right: 10px;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
	padding-top:3px;
	padding-bottom:3px;
	height:20px;
	text-align: right;
	color:#00121e;
}

.tableDataRowLight td{
	background-color:#feeac4;	
}

.tableDataRowDark td,.tableDataRowDarkHead td{
	background-color:#fdd589;	
}


.tableDataRowDarkHead td{	
	height:2px;
}


/* Table Icon Download */
.tableIconDownload{
	padding:0px;
	margin:0px;
}

.tableIconDownload td{
	border:0px;
	padding:0px;
	margin:0px;
	padding-top:0px !important;
	vertical-align:middle;
	text-align: right;
	padding-right:6px;
}

.tableIconDownload a{
	font-family:Samim, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
	color:#00121e;
}








/* Series                       */
/* =============================*/
.contentLinkSeries, .contentLinkSeries a{
	font-family:Samim, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ff8916;	
	text-decoration:none;
}

.contentLinkSeriesSmall{
	font-family:Samim, Helvetica, sans-serif;
	font-size:10px;
	color:#00121e;
	font-weight:normal;
}



/* Zinc Air Range               */
/* =============================*/
.tdZincAirLink{
	padding: 6px 12px 0px 0px;
}


/* News                         */
/* =============================*/
.divNews{
	width:450px;
	border:0px solid black;
	height:148px;
}

.divNews table{
	font-family:Samim, Helvetica, sans-serif;
	font-size:13px;
	color:#00121e;	
	line-height:18px;
	margin-bottom:0px;
}

.hrNews{
	font-size:0px;
	width:390px;
	height:1px;
	border-top:1px solid #e9e9e9;

}

.contentNewsDate{
	font-family:Samim, Helvetica, sans-serif;
	font-size:13px;
	color:#00121e;
	font-weight:bold;
}

.contentNewsHeadline{
	font-family:Samim, Helvetica, sans-serif;
	font-size:15px;
	color:#ff8916;
	font-weight:bold;
	margin-top:2px;
}

.contentNewsText{
	font-family:Samim, Helvetica, sans-serif;
	font-size:12px;
	color:#00121e;
	font-weight:normal;
	margin-top:20px;
}

.contentNewsLink{
	margin-top:6px;
}

.contentLinkNews, .contentLinkNEws a{
	font-family:Samim, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#ff8916;	
	text-decoration:none;
}

/* B2B                          */
/* =============================*/
.contentB2bBoldText{
	font-family:Samim, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#00121e;
}

.contentB2BLogin{
	xborder:1px solid black;
	margin-top:0px;
}

.contentB2bLoginText{
	font-family:Samim, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#00121e;
}

.contentB2bButton{
	background-color:#ffffff;
	height:22px;
	width:52px;
	font-family:Samim, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#00121e;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-bottom:1px solid #4c4c4c;
	border-right:1px solid #4c4c4c;
}

.contentB2BRegisterText{
	font-family:Samim, Helvetica, sans-serif;
	font-size:13px;
	color:#00121e;
	width:440px;
	margin-top:55px;
}


/* Contact                      */
/* =============================*/

.contentContactTextInput{
	width:304px;
	height:20px;
	margin:0px;
}


.contentContactTextTd{
	padding-top:3px !important;
	padding-bottom:3px !important;
	padding-right:10px;
}

.contentContactTextarea{
	width:304px;
	height:100px;
	margin:0px;
}

.contentContactSelect{
	width:304px;
	margin:0px;
}

.contentContactButton{
	background-color:#ffffff;
	height:22px;
	width:120px;
	font-family:Samim, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#00121e;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-bottom:1px solid #4c4c4c;
	border-right:1px solid #4c4c4c;
	margin-top:3px;
	margin-bottom:3px;
}




/* Types                        */
/* =============================*/
.contentDetailTypHeadline{
	font-family:Samim, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	padding-left:12px;
}

.contentTypesPrintIcon{
	margin-top:3px;
	margin-right:4px;
	cursor:pointer;
}

.contentTypesPrintText{
	font-family:Samim, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin-right:4px;
	cursor:pointer;
}

/* Imprint                      */
/* =============================*/
.contentImprintTable{
	font-family:Samim, Helvetica, sans-serif;
	font-size:13px;
	color:#00121e;	
	line-height:18px;
}

.contentImprintTable td{
	padding-bottom:10px;
	padding-right:10px;
}

/* Accessoires                  */
/* =============================*/

.contentAccessoiresHeadline{
	font-family:Samim, Helvetica, sans-serif;
	font-size:15px;
	color:#ff8916;
	font-weight:bold;
	margin-top:2px;
	padding-top: 10px;
}
	
.contentAccessoiresText{
	font-family:Samim, Helvetica, sans-serif;
	font-size:12px;
	color:#00121e;
	font-weight:normal;
	vertical-align:top;
}	
	
.contentAccessoiresTable tr{
	vertical-align: top;
}
	
.contentAccessoiresTdText{
	padding-top: 15px;
	width: 550px;
}
	
.contentAccessoiresTdImage{
	padding-top: 15px;
	padding-right: 25px;
}

.contentAccessoiresSpace{
	height: 30px;
}


/* Sitemap                      */
/* =============================*/
.contentSitemapLinkToplevel{
	text-decoration:none;
	font-weight:bold;
}

.contentSitemapLink{
	text-decoration:none;
	font-weight:normal;
}


/**
 * Styling top level items
 */

.nav a, .nav label {
  display: block;
  padding: 4px 0;
  color: #333;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
  border-bottom: 1px solid silver;
  padding-right: 22px;
  text-decoration: none;
}

.nav a:focus, .nav a:hover, .nav label:focus, .nav label:hover {
  color: rgba(255, 255, 255, 0.5);
  background: #c1c1c1;
}

.nav label {cursor: pointer;font-family: Samim;font-size: 12px;padding: 4px 0;}

/**
 * Styling first level lists items
 */

.group-list a, .group-list label {
  padding-right: 20px;
  text-decoration:none;
  COLOR: #666;
}

.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover {background: #c0c0c0;}

/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
  padding-right: 0;
  color: #999;
}

.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover {background: #c0c0c0;}

/**
 * Styling third level list items
 */

.sub-sub-group-list a, .sub-sub-group-list label {
  padding-left: 6rem;
  background: #454545;
  box-shadow: inset 0 -1px #575757;

}

.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover { background: #333333; }

/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;

}

.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */max-height: 1000px;padding-right: 0;}

/**
 * Rotating chevron icon
 */

label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: transform .65s ease;

}

.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
nav.nav {
    width: 165px;
    text-decoration:none;
    margin-top: -40px;
}
ol, ul {
    list-style: none;
    font-family: Samim;
    font-size: 12px;
    padding: 0;
}
ul.sub-group-list li {
    margin-right: 20px;
    text-decoration:none;
}