body {margin: 0px auto;text-align:center; padding: 0px; background: #fff url(/www/pimg/siteBg.jpg) repeat-x 0 0; font-weight: normal; font-family: "Trebuchet MS",Tahoma,Arial;}
ul {list-style-type: none; margin: 0px; padding: 0px;}
a {text-decoration: none;}
a img { border: 0; }
img {border: none; margin: 0; padding: 0}
p {margin: 0; padding: 0}
#header { margin: 0 auto; width: 1040px; position: relative; }


#header a#companylogo { display: none; z-index: 3;position: absolute; top: 0; left: 0; color: transparent; width: 139px; height: 107px; background: transparent url(/www/pimg/logoN.png) no-repeat 0 0}
#header a#companylogo:hover { background: transparent url(/www/pimg/logoH.png) no-repeat 0 0}
#header #headerContent { overflow-x: hidden; height: 110px; position: relative; margin: 10px 0 0 0; text-align:left; }
#header #menu { z-index: 2;position: absolute; top: 0 ;left: -800px; display: block ;  margin-top: 32px; height : 53px;width: 775px; background: #2D2B2B url(/www/pimg/menuupend.jpg) no-repeat top right}
#header #menu li img {float:left;  margin-top: 5px}
#header #menu li {float:left; clear: none; width: 151px; height: 54px; background: #2D2B2B url(/www/pimg/menuupbutton.jpg) no-repeat bottom left;}
#header #menu li.epmpty { width: 50px; }
#header #menu li a { float:left; padding-top: 10px; text-align:center; width: 149px; color: #dad9d8; font-size: 17px; }


#main { margin: 0 auto; width: 1040px; display: none; }
#mainContent {float:left; clear:left; height: 367px; }
#mainHolder { float:left; clear:left; width: 980px; height: 8px;  background: transparent url(/www/pimg/mainupend.jpg) no-repeat 0 0 ;}


#contactSiteText, #offerSiteText, #aboutSiteText {display: none;float: left; width: 500px;}


#mainFoto div.left { float:left; clear:none; width: 250px;}
#mainFoto div.right { float:left; clear:none; width: 250px;}

#mainHolder .upBreak { float:left; clear:left; width: 980px; height: 10px; background: #541919; margin-top: 8px}

#mainHolder #mainTextHolder {overflow: hidden; float:left; clear:left; position: relative; text-align:left; width: 985px; height: 349px; background: #050300 url(/www/pimg/rightMainEnd.png) no-repeat top right}
#mainTextHolder #mainFoto { position: absolute; z-index: 1;float:left; clear:left; text-align:left; width: 980px; height: 359px; background: #000 url(/www/pimg/mainBg.jpg) no-repeat  0 0}

#mainTextHolder #mainFoto.mainSiteText { background: #000 url(/www/pimg/mainBg1.jpg) no-repeat  0 0 }
#mainTextHolder #mainFoto.aboutSiteText { background: #000 url(/www/pimg/mainBg2.jpg) no-repeat  0 0 }
#mainTextHolder #mainFoto.offerSiteText { background: #000 url(/www/pimg/mainBg3.jpg) no-repeat  0 0 }
#mainTextHolder #mainFoto.contactSiteText { background: #000 url(/www/pimg/mainBg4.jpg) no-repeat  0 0 }

#mainTextHolder #mainFoto h1 { position: relative;color: #fff; }
#mainTextHolder #mainFoto h1 span{ float:left; width: 265px; height: 51px; position: absolute; background: #000 url(/www/pimg/h1title.png) no-repeat  0 0 }
#mainTextHolder #mainFoto h3 { margin: 10px;position: relative;color: #fff; }
#mainTextHolder #mainFoto h3 span { float:left; width: 221px; height: 63px; position: absolute; background:  #000 url(/www/pimg/h2title.png) no-repeat  0 0 }

#mainTextHolder #mainFoto p { float:left; clear: left; color: #fff; font-size: 13px; font-weight: bold; width: 600px; margin: 5px 10px; line-height: 1.5}
#mainTextHolder #mainFoto ul.text { float:left; clear:left; list-style-type: disc; color: #fff; font-size: 13px; font-weight: bold; width: 250px; margin: 5px}
#mainTextHolder #mainFoto ul.text li { float:left; clear:left; margin: 0px 10px 0 20px; }


#footer { margin: 0 auto; width: 1040px; display: none; }
#footerMenu { float: left; clear:left;  width: 985px;  height: 69px; background: transparent url(/www/pimg/menudownBg2.png) no-repeat  0 0}

#bottomMenu {float:left; clear:left; margin: 7px 0}
#bottomMenu li { float:left; margin-right: 1px; width: 195px; height:50px; background: #000}
#bottomMenu li a {color: #dad9d8; float:left; width: 195px; height:35px; padding-top: 15px; font-size:13px; font-weight: bold}
#bottomMenu li a:hover { background: #2d2b2b; color: #fff}


#mainOffer {float:left; clear:left; z-index: 10; top: 360px; position: absolute; width: 980px; height: 360px; background: transparent url(/www/pimg/offerBg.png) repeat-x  0 0}
#mainOffer ul { position: relative; top: 0; left: 0; float:left; clear:left; margin: 10px 0 10px 25px; }
#mainOffer ul li { float:left; clear: none; margin:0 20px 10px 0; width: 166px; height: 142px; text-align:left; background: transparent url(/www/pimg/productBg.png) no-repeat  0 0}
#mainOffer ul li a { float:left; clear:left; text-align: center; width: 166px;}
#mainOffer ul li span { float: left; width: 166px; text-align: center; font: bold 12px Tahoma; color:#fff; margin: 1px 0 0 0}
#mainOffer ul li img { width: 97px; height: 115px; float:left; margin: 0px 0 0 34px }

span.upnav { cursor: pointer; display: none; position: relative; top: 10px;  left: 945px;z-index: 100; width: 23px; height: 32px; background: transparent url(/www/pimg/arrup.png) no-repeat  0 0}
span.unnav { cursor: pointer; display: none; position: relative; top: 270px; left: 945px;z-index: 100; width: 23px; height: 32px; background: transparent url(/www/pimg/arrdown.png) no-repeat  0 0 }

#productDetail {display: none; float:left; clear:left; z-index: 10; top: 0px; position: absolute; width: 980px; height: 360px;}
#productDetail div { float:left; clear: none; width: 400px; margin: 100px 0 0 100px}
#productDetail p { float:left; clear:left; margin: 5px 20px;  width: 500px; font: bold 16px Tahoma; color: #fff}
#productDetail p span { font: bold 18px Tahoma;}
#productDetail img { float:left; clear: none; } 

#productDetail #productNavigation { width: 190px; margin: 300px 0 0 0}
#productDetail #productNavigation img { cursor: pointer; float:left; clear: none; padding: 5px 15px}

#productDetailImg {height: 330px;width: 290px;}