﻿@charset "utf-8";

/* layout */
html  
{
    margin-left:-1px; 
}

form 
{			
	margin:0;
	padding:0;
}

#pageWrap 
{
    padding:0;
    margin:0; 
    background:url(images/pageWrap.png) repeat-x left top;
}

#header 
{						
    position:relative;
    margin:0 auto 0 auto;
    background:url(images/header.jpg) no-repeat left top;
    width:1000px;
    height:435px;
    z-index:3;				
}
#headerLeft
{
    position: absolute;
    width: 1280px;
    height: 435px;
    right: 50%;
    top: 0;
    background: url(images/headerLeft.jpg) no-repeat left top;
    z-index: 1;    
}

#headerRight
{
    position: absolute;
    width: 50%;
    height: 435px;
    left: 50%;
    top: 0;
    background: url(images/headerRight.jpg) no-repeat 500px top;
    z-index: 1;    
}

#bcBackground 
{
    position:relative;
    width:1000px;
    margin:0 auto 0 auto;
    z-index:2;			
}

#bcHeader 
{
    position:relative;
    width:100%;
    z-index:3;
}

#bcFooter 
{
    position:relative;
    width:100%;
    min-height:400px;
    padding:42px 0 30px 0;
    z-index:3;
}

#footerWrap 
{
    position: relative;
    width: 100%;
    height:289px;
    bottom: 0;
    z-index: 1;
    background:url(images/footerWrap.jpg) repeat-x left top;
}

#footer 
{	
    position:relative;
    width: 1000px;
    height:289px;
    margin: 0 auto 0 auto;
    background:url(images/footerWrap.jpg) repeat-x left top;
    z-index:4;
}

    
/* end layout */

/* header */

.logo {position:absolute; top:144px; left:0px}

#lang {float:left;position:absolute;top:15px;left:50px;}
#lang img {margin:0 10px 0 0;}

/* end header */

/* top menu*/

#menu 
{    
	position:absolute;
	top:363px;	
	left:20px;
	z-index:4;
}

.menuMain 
{
	list-style:none;
	margin:0 auto 0 auto;
	padding:0;
}

.menuMain li 
{
	list-style:none;
    padding:0;
    margin:0;
    float:left;
}

.menuMain li a 
{
	display:block;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	text-align:center;
	position:relative;	
	padding:0 39px;
    height:68px;
    line-height:68px;
    text-transform:none;
}

.menuMain li:hover a, .menuMain li.selected a 
{
	color:#f69f1e;
}


/* end top menu*/

/* bottom menu  */

#menuFooter	
{
	width: 550px;
	text-align:left;
	z-index:7;
	float:left;
    padding:0 0 0 11px;
}

.menuMainFooter	
{
	list-style: none;
	margin:0;
	padding:0;
}

.menuMainFooter li 
{
    float:left;
    display:block;
}

.menuMainFooter li a	
{
    font-size: 12px;
    color: #d1d1d1;
    text-decoration: none;
    padding: 0 9px;
    text-transform:none;
}

.menuMainFooter li:hover a
{
    color: #d1d1d1;
    text-decoration: underline;
}

/* end bottom menu  */

/* cs copyright */
#containerFooter {
	width: 400px;
	font-size: 10px;
	color: #6e6f73;
	padding:1px 0 0 0;
	float:right;
    text-align:right;
}
#containerFooter a {
	text-decoration: none;
	color:#6e6f73;
}
#containerFooter a:hover {
	text-decoration: none;
	color:#98999d;
}

/* end cs copyright */

/* footer */

#footerL {float:left; width:500px; margin:0 90px 0 20px; height:252px}
#footerR {float:left; width:350px; margin:0 0 0 0px; height:252px}
.footerTitle {float:left; padding:56px 0 0 0; margin:-6px 20px 35px 0; background:url(images/footerTitle.png) no-repeat left top; font-size:14px; font-weight:bold; color:#ffffff}
#footerL .footerTitle {margin:-6px 20px 35px 0;}
#footerR .footerTitle {margin:-6px 20px 20px 0;}
#footerIco {float:left; display:block; margin:47px 0 0 0}
.icoGoo {width:19px; background:url(images/icoGoo.png) no-repeat left top; margin:3px 8px 10px 0; height:20px; line-height:0px; font-size:0px; float:left; display:block}
.icoTw {float:left; height:24px; line-height:0px; font-size:0px; width:24px; background:url(images/icoTw.png) no-repeat left top; margin:0 0px 10px 0}
.icoGoo:hover, .icoTw:hover {background-position:left bottom}
.footerText {color:#d5d5d5; line-height:1.4em}
.newsWrap {float:left; width:100%; margin:0 0 20px 0}
.newsDate {color:#fff; text-transform:uppercase; font-size:11px; margin:0 0 2px 0}
.newsTitle {color:#bda02b; font-size:14px; font-weight:bold; margin:0 0 18px 0}
.newsTitle a {color:#bda02b; text-decoration:none}
.newsTitle a:hover {color:#bda02b; text-decoration:underline}
.newsText {color:#c5c5c5; font-size:11px; line-height:1.5em}

.archivWrap {float:left; width:660px; margin:0 0 30px 0; border-bottom:1px dotted #5C5C5C;padding:0 0 20px 0;}
.archivDate {color:#fff; text-transform:uppercase; font-size:11px; margin:0 0 2px 0;color:#F7AA1B;font-weight:bold;}
.archivTitle {color:#5C5C5C; font-size:14px; font-weight:bold; margin:0 0 18px 0}
.archivTitle a {color:#5C5C5C; text-decoration:none}
.archivTitle a:hover {color:#5C5C5C; text-decoration:underline}
.archivText {color:#5C5C5C; font-size:11px; line-height:1.5em}

/* end footer */

/* box */

#boxLeft {float:left; display:block; width:309px; margin:0 20px 0 6px}
#boxRight {float:left; width:664px; }
#boxMain {float:left; width:660px}

#leftMenu {float:left; width:309px; margin:0 0 20px 0}
#leftMenu>ul {float:left; display:block; width:309px; list-style:none; margin:0 0 0 0px; padding:0}
#leftMenu>ul>li {float:left; display:block; padding:0 0 0px 0}
#leftMenu>ul>li>a {float:left; display:block; width:287px; padding:10px 0 10px 22px; background:url(images/mL1.png) no-repeat left bottom; color:#d4d5d6; text-decoration:none; text-transform:uppercase}
#leftMenu>ul>li.expanded>a, #leftMenu>ul>li.selected>a, #leftMenu>ul>li.expanded:hover>a, #leftMenu>ul>li.selected:hover>a {background-position:right bottom; color:#F7A91B}
#leftMenu>ul>li:hover>a {background-position:right bottom; color:#F7A91B}

#leftMenu>ul>li>ul {float:left; display:block; width:309px; list-style:none; margin:0px 0 0 0px; padding:0}
#leftMenu>ul>li>ul>li {float:left; display:block; padding:0 0 0px 0}
#leftMenu>ul>li>ul>li>a {float:left; display:block; width:277px; padding:10px 0 10px 32px; background:#e8e8e8; color:#365a56; text-decoration:none; border-bottom:1px solid #d2d2d2; text-transform:uppercase}
#leftMenu>ul>li>ul>li.expanded>a, #leftMenu>ul>li>ul>li.selected>a, #leftMenu>ul>li>ul>li.expanded:hover>a, #leftMenu>ul>li>ul>li.selected:hover>a {color:#1c2f2d; background:#bebdbd}
#leftMenu>ul>li>ul>li:hover>a {color:#1c2f2d; background:#bebdbd}

#leftMenu>ul>li>ul>li>ul {float:left; display:block; width:309px; list-style:none; margin:0px 0 0 0px; padding:0}
#leftMenu>ul>li>ul>li>ul>li {float:left; display:block;}
#leftMenu>ul>li>ul>li>ul>li>a {float:left; display:block; width:267px; padding:10px 0 10px 42px; color:#5d5d5d; text-decoration:none; background:#f3f3f3; border-bottom:1px solid #d2d2d2; text-transform:uppercase; font-size:11px}
#leftMenu>ul>li>ul>li>ul>li>a:hover, #leftMenu>ul>li>ul>li>ul>li.selected>a {color:#3d3d3d; background:#fff}

#banner01 {float:left; width:660px; height:222px; margin:10px 0 25px 0; background:url(images/banner01.jpg) no-repeat left top; position:relative}

#search {float:left; width:250px; height:35px; margin:0 0 0px 0; background:url(images/search.png) no-repeat left top; position:absolute; top:94px; left:366px}
#search .input1, #search .input2, #search .input3 {float:left; width:200px; height:22px; line-height:22px; border:none; background:none; position:absolute; top:6px; left:10px}
#search .input1.watermark, #search .input2.watermark, #search .input3.watermark { color: #26272C; }
#search .button1 {width:40px; height:35px; background:url(images/button1.png) no-repeat left top; position:absolute; top:0px; right:0px; cursor:pointer}
#search .button1:hover {background-position:left bottom}
#search .button1 input {width:40px; height:35px; border:none; background:none; cursor:pointer; color:#fff; font-size:13px}

/* end box */

/* Back to top button */

#back-top 
{
position: fixed;
bottom: 30px;	
margin-left:680px;
}

#back-top a 
{	
width: 76px;	
display: block;	
font-size:0;
line-height:0;
}

#back-top a:hover {color: #000;}

/* arrow icon (span tag) */

#back-top span 
{
width: 76px;
height: 43px;	
display: block;	
margin-bottom: 7px;	
background: url(images/zpet.png) no-repeat top center;
}

#back-top a:hover span {background-position: bottom center}

/* End Back to top button */


/* list */

#boxMainPl {float:left; width:660px}

.productsCategoryPath {float:left; width:640px; background:url(images/productsPath.png) no-repeat left top; padding:9px 6px 9px 14px; margin:0 0 22px 0}
.productsCategoryPath h1 {float:left; width:500px; font-size:13px; color:#a1a1a1; margin:2px 0 0 0; text-transform:none}
.productsCategoryPath h1 a {text-decoration:underline; color:#f8b318; padding-right:15px; background:url(images/odrH1.png) no-repeat right 4px; margin-right:3px}
.productsCategoryPath h1 a:hover {text-decoration:underline; color:#fff}
.productsCategoryPath div {float:right; width:140px; text-align:right; color:#484f53; font-size:12px}
.productsCategoryPath div span {float:right; margin:2px 6px 0 0}
.productsCategoryPath div .tridit {float:right; width:140px; background:#ffffff; border:1px solid #fff; color:#31172a}

.plWrap {float:left; padding:0 0 22px 0; width:660px; margin:0 0px 22px 0; position:relative; border-bottom:1px solid #dadadb}
.plBackground {float:left; width:682px; padding:0px 0px 0px 0px}
.plLeft {float:left; width:230px}
.plRight {float:left; width:420px}
.plContentImage {float:left; width:220px; min-height:100px}
.plContentTexts {float:left; width:420px; min-height:95px; padding:15px 0px 0px 0px; color:#797979; position:relative}
.plContentTexts p {line-height:1.5em; margin:0 0 20px 0}
.plContentTexts h2 {font-size:18px; color:#2c2c2c; margin:0 0 15px 0; font-weight:normal}
.plContentTexts h2 a {color:#2c2c2c; text-decoration:none}
.plContentTexts h2 a:hover {color:#2c2c2c; text-decoration:underline}
.plFooter {float:left}
.pldFooter {float:left; margin:0 20px 20px 0}
.plFooter a, .pldFooter a {width:95px; float:left; display:block; height:27px; line-height:25px; text-align:center; color:#f7a51c; text-decoration:none}
.plFooter a {background:url(images/plFooter.png) no-repeat left top}
.pldFooter a {background:url(images/pldFooter.png) no-repeat left top}
.plFooter a:hover, .pldFooter a:hover {background-position:left bottom; color:#e5e5e5}

.contentPager {float:left; width:660px; margin:5px 0; text-align:center; padding:1px 0; height:36px; background:url(images/contentPager.png) no-repeat left top}
.contentPager table {margin:0 auto; border-collapse:collapse}
.contentPager a {padding:0 5px 0 4px; text-decoration:none; font-size:13px; color:#fff; float:left; display:block; width:24px; height:34px; text-align:center; line-height:34px; background:url(images/contentPagerA.png) no-repeat right top}
    .contentPager .last a {background:none}
.contentPager a:hover {text-decoration:underline; color:#e7e7e7}
.pageCurrent {padding:0 5px 0 4px; width:24px; height:34px; text-align:center; line-height:34px; font-size:14px; font-weight:bold; color:#1f2126; float:left; display:block; background:url(images/pageCurrent.png) no-repeat left top}


.pldWrap {float:left; padding:8px 0 0px 0; width:660px; margin:0 0 10px 0; position:relative}
.pldBackground {float:left; width:660px; padding:0px}

.pldContentImage {float:left; width:100%; min-height:150px; padding:0px}
    .pldContentImage img {border:1px solid #d8d8d9}
.pldContentTexts {float:left; width:660px; padding:0px 0px 20px 0px; color:#4c4c4c}
.pldContentTexts p {line-height:1.5em; margin:0 0 30px 0}
.pldContentTexts p strong { color:#4c4c4c}
.pldContentTexts h1 {font-size:18px; color:#2c2c2c; margin:0 0 0.8em 0; font-weight:normal}


/* end list */