/*layuot*/
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   background: #DBDBDB;
   background-image: url(../img/bg.png);
   background-position: top;
   background-repeat: repeat-x;
   text-align: center;
   margin-top: 0px;
   margin-bottom: 0px;
}

#main_container {
   background-color: transparent;
   width: 952px;
   min-height: 100%;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   overflow: hidden;
}
body div.buyinfo{
  position: fixed;
  left: 0px;
  top: 40%;
  text-align: left;
  margin: 0px;
  padding: 0px;
  width: 40px;
  height: 140px;
  background-image: url(../img/buyinfo.jpg);
  background-repeat: no-repeat;
  cursor: pointer;
}
*html body div.buyinfo{
  position: absolute;
  left: 0px;
  top: 40%;
  text-align: left;
  margin: 0px;
  padding: 0px;
  width: 40px;
  height: 140px;
  background-image: url(../img/buyinfo.jpg);
  background-repeat: no-repeat;
  cursor: pointer;
}
body div.buyinfo div.infoboard{
  position: fixed;
  top: 28%;
  left: 40px;
  margin: 0px;
  padding: 0px;
  background-image: url(../img/desc_background.png);
  background-repeat: repeat;
  width: 500px;
  min-height: 100px;
  visibility: hidden;
  z-index: 10000;
}
*html body div.buyinfo div.infoboard{
  position: absolute;
  top: 28%;
  left: 40px;
  margin: 0px;
  padding: 0px;
  background-image: url(../img/desc_background.png);
  background-repeat: repeat;
  width: 500px;
  min-height: 100px;
  visibility: hidden;
  z-index: 10000;
}
body div.buyinfo div.infoboard h1{
  position: relative;
  margin: 10px;
  padding: 0px;
  width: 90%;
  height: 90%;
  font-family: Arial;
  font-size: 13px;
  color: #ffffff;    
}

body div.intro_welcome{
   position: absolute;
   top: 0px;
   left: 0px;
   background-image: url(../img/desc_background.png);
   background-repeat: repeat;
   width: 100%;
   height: 400%;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   z-index: 1000;
   visibility: hidden;
}
body div.intro_welcome img{
   position: fixed;
   top: 5%;
   left: 27%;
   width: 45%;
   text-align: center;
   padding: 0;
   z-index: 1000;
   font-family: Arial;
   font-size: 17px;
   color: #ffffff;
   font-weight: normal;
} 
body div.intro_welcome h1{
   position: fixed;
   top: 20%;
   width: 70%;
   text-align: center;
   margin-left: 15%;
   margin-right: 15%;
   padding: 0;
   z-index: 1000;
   font-family: Arial;
   font-size: 17px;
   color: #ffffff;
   font-weight: normal;
}    
body div.intro_welcome div.button{
   position: fixed;
   top: 70%;
   left: 46%;
   width: 120px;
   height: 20px;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   z-index: 1000;
   font-family: Arial;
   font-size: 17px;
   color: #ffffff;
   background-image: url(../img/button_intro.jpg);
   background-repeat: repeat-x;
   cursor: pointer;
}
body div.intro_welcome div.button h1{
   position: relative;
   margin-top: -2px;
   width: 120px;
   height: 20px;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   z-index: 1000;
   font-family: Arial;
   font-size: 12px;
   color: #000000;
   font-weight: normal;
   cursor: pointer;
}

#page_frame {
   border-left: 1px #666666 solid;
   border-right: 1px #666666 solid;
   overflow: hidden;
}

#menu {
   height: 36px;
   background-color: transparent;
   border-top: #FFD064 3px solid;
   border-bottom: #FFFFFF 3px solid;
   overflow: hidden;
}

#logo_batery {
   background-color: transparent;
   background-image: url(../img/logo_batery.gif);
   position: absolute;
   top: 45px;
   left: 240px;
   width: 210px;
   height: 160px;
   overflow: hidden;
}


#logo_granit {
   background-color: transparent;
   position: absolute;
   top: 40px;
   right: 1px;
   width: 180px;
   height: 100px;
   overflow: hidden;
}

#content {
   background-color: #FFFFFF;
   background-image: url(../img/bg_content.png);
   background-repeat: repeat-x;
   background-position: bottom;
   width: 100%;
   overflow: hidden;
}

#left_content {
   width: 230px;
   min-height: 500px;
   float: left;
   padding-bottom: 32767px;
   margin-bottom: -32767px;
   overflow: hidden;
}

#center_content {
   width: 540px;
   min-height: 500px;
   float: left;
   padding-bottom: 32767px;
   margin-bottom: -32747px;
   overflow: hidden;
}
#action{
 position: relative; width: 530px; height: 190px; margin: 2px 0px 2px 5px;
}
#action div.container{
 position: absolute; width: 530px; height: 100%; top: 0px; left: 0px;
}
div.container ul{
  text-align: left;
  margin: 0px;
  padding: 0px;
  list-style-type: none; 
  width: 100%;
  height: 100%;
  left: 0;
}
.container ul li{
  position: relative;  
  font-family: 'Times New Roman CE', 'Times New CE', 'Times CE', 'Times New Roman', times, serif;;
  font-size: 13px;
  font-weight: bold;
  color: #666666;
  margin: 0 6px 0 0;
  padding: 0px;
  display: inline;
  list-style-type: none;
  text-align: left;
  width: 530px;
  height: 100%;
  float: left;  
  clear: none;
}
#action div.container ul li a.im{
  position: absolute; top: 5px; left: 15px; border: 0px;
}
#action div.container ul li a.im img{
  position: relative; float: left; border: 0px; 
}
#action div.container ul li img.aarr{
  position: absolute; top: 10px;  right: 5px; border: 0px; width: 110px; height: 110px; 
}
#action div.container ul li a.title{
  position: absolute; top: 3px; left: 180px; font-family: 'Times New Roman CE', 'Times New CE', 'Times CE', 'Times New Roman', times, serif; color: #000000; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none; width: 220px;
}
#action div.container ul li h2.discount{
  position: absolute; top: 12px; right: 10px; font-family: 'Times New Roman CE', 'Times New CE', 'Times CE', 'Times New Roman', times, serif; color: #333333; font-size: 30px; font-style: normal; font-weight: normal;
}
#action div.container ul li h3.pt{
  position: absolute; top: 70px; right: 55px; font-family: 'Times New Roman CE', 'Times New CE', 'Times CE', 'Times New Roman', times, serif; color: #000000; font-size: 13px; font-style: normal; font-weight: normal;
}
#action div.container ul li h3.price{
  position: absolute; top: 65px; right: 15px; font-family: 'Times New Roman CE', 'Times New CE', 'Times CE', 'Times New Roman', times, serif; color: #000000; font-size: 30px; font-style: normal; font-weight: bold;
}
#action div.container ul li p.pdesc{
  position: absolute; top: 25px; left: 175px; font-family: 'Times New Roman CE', 'Times New CE', 'Times CE', 'Times New Roman', times, serif; color: #3C3C3C; font-size: 14px; font-style: normal; font-weight: normal; width: 230px; height: 130px;
}
#action div.container ul li h4.date{
  position: absolute; bottom: -10px; left: 15px; font-family: 'Times New Roman CE', 'Times New CE', 'Times CE', 'Times New Roman', times, serif; color: #3C3C3C; font-size: 12px; font-style: normal; font-weight: bold;
}
#action div.container ul li div.buy{
  position: absolute; bottom:2px; right: 15px;
}
#action a.d{
  position: absolute; bottom: 1px; left: 150px; border: 0px;
}
#action a.d img{
  position: relative; float: left; border: 0px; 
}
#left-go{
   float: left;
   margin: 0px 5px 0px 5px;
  width: 32px;
  height: 44px;
  cursor: pointer; 
  z-index: 5;
  background: url(../img/larr.jpg) no-repeat; 
}
#right-go{
  float: right;
  margin: 0px 5px 0px 5px;
  width: 32px;
  height: 44px;
  cursor: pointer;
  z-index: 5;
  background: url(../img/rarr.jpg) no-repeat;
}
#main_content {
   padding: 20px 5px 5px 5px;
   margin: 0px 20px 0px 20px;
   overflow: hidden;
   width: 500px;
}
#main_content div.act{
   padding: 20px 5px 5px 5px; width: 100%;
   margin: 0px 20px 0px 20px;
}
#main_content div.act div.ac{
position: relative;  padding: 0px; margin: 5px; width: 100%;
}
#main_content div.act div.ac a.m{
position: relative;  padding: 0px; margin: 0px 5px 0px 5px; color: #ff0000; clear: both;
}
#main_content div.act div.ac span.itemtopn{
position: relative; float: left;  padding: 0px; margin: 0px 5px 0px 5px; width: 100%;
}
#logo {
   background-color: #CCCCCC;
   background-image: url(../img/logo.png);
   height: 100px;
   overflow: hidden;
}

#search {
   height: 30px;
   background-color: #00B3EB;
   border-bottom: #0089D2 3px solid;
   border-top: #75CFFF 3px solid;
   overflow: hidden;
}

#right_content {
   background-color: transparent;
   width: 180px;
   min-height: 500px;
   float: left;
   padding-bottom: 32767px;
   margin-bottom: -32767px;
   overflow: hidden;
}

#footer {
   background-color: #80BD01;
   height: 30px;
   padding-top: 15px;
   border-bottom: #ADEF01 3px solid;
   border-top: #639201 3px solid;
   overflow: hidden;
}


#footer_copyright {
   height: 40px;
   background-color: transparent;
   padding-top: 10px;
   overflow: hidden;
}