html{
      height: 100%;
}

body{
      height: 100%;
      background: url('/images/general/body.gif') center top repeat-x #F1BE1B;
      margin: 0;
}

body, td, input, textarea, select{
      font-family: verdana;
      font-size: 8pt;
}

img{
      border: 0;
}

a{
      color: black;
      text-decoration: underline;
}

a:hover{
      color: #DD9203;
}

#main{
      background: url('/images/general/main-bg.png') center top repeat-y;
      width: 990px;
      margin: auto;
}

#mainMaskTop{
      background: url('/images/general/main-mask-top.png') center top no-repeat;
      height: 400px;
      width: 990px;
      padding-top: 18px;
}

#bottom{
      background-color: #492503;
      padding: 8px;
      color: white;
      font-size: 7pt;
      width: 936px;
      margin: auto;
}

#bottom a{
      color: #E19907;
}

#bottom a:hover{
      color: white;
}

#mainMaskBottom{
      background: url('/images/general/main-mask-bottom.png') center top no-repeat;
      height: 40px;
      width: 990px;
      margin: auto;
}

#logo{
      float: left;
      background: url('/images/general/logo.jpg') top center no-repeat;
      width: 340px;
      height: 126px;
      margin-top: 12px;
}

#home{
      display: block;
      height: 120px;
      width: 340px;
}

#mainMargin{
      width: 952px;
      margin: auto;
}

.greenLine{
      width: 100%;
      height: 4px;
      background-color: #015E1E;
}

#top{
      height: 150px;
}

#leftCol{
      width: 194px;
      float: left;
}

.menu{
      list-style-type: none;
      margin: 0;
      padding: 0;
      font-size: 10pt;
}

.menu li{
      width: 194px;
      height: 29px;
      background: url('/images/menu/btn_green.gif') center center no-repeat;
}

.menuBrown li{
      background: url('/images/menu/btn_brown.gif') center center no-repeat;
}

.menu li a{
      color: white;
      text-decoration: none;
      display: block;
      width: 194px;
      height: 29px;
      padding: 5px 0px 0px 25px;
}

.menuSection{
      background: url('/images/menu/btn_green_sipka.gif') center center no-repeat !important;
}

.menuSection a{
      padding: 5px 0px 0px 15px !important;
}

.menuBrown li a{
      padding: 5px 0px 0px 15px !important;
}

.menu li:hover{
      background: url('/images/menu/btn_green_a.gif') center center no-repeat;
}

.menuBrown li:hover{
      background: url('/images/menu/btn_brown_a.gif') center center no-repeat;
}

#menuBottom{
      width: 194px;
      height: 12px;
      background: url('/images/menu/menu_bottom.gif') center center no-repeat;
      margin-top: 1px;
}

#rightCol{
      float: left;
      margin-left: 2px;
      width: 756px;
      margin-bottom: 8px;
}

.top5{
      margin-top: 10px;
}

.top5 ol{
      margin: 0;
      margin-left: 25px;
      padding-left: 0px;
      color: #412301;
}

.top5 ol li{
      margin-bottom: 4px;
      line-height: 150%;
}

.yBox, .bBox{
      color: white;
      font-weight: bold;
      text-align: left;
      height: 35px;
      width: 100%;
      font-size: 11pt;
      background: url('/images/box/orange_left.gif') center left no-repeat #E09706;
}

.bBox{
      background: url('/images/box/brown_left.gif') center left no-repeat #E09706;
}

.cartIco{
      background: url('/images/box/orange_cart.gif') center left no-repeat #E09706;
}

.yBox span, .bBox span{
      display: block;
      background: url('/images/box/orange_right.gif') center right no-repeat;
      height: 27px;
      padding-top: 8px;
}

.bBox span{
      background: url('/images/box/brown_right.gif') center right no-repeat;
}

.yBox div, .bBox div{
      background: url('/images/box/orange_bg.gif') center center repeat-x;
      padding-left: 8px;
      margin-left: 32px;
}

.bBox div{
      background: url('/images/box/brown_bg.gif') center center repeat-x;
}

.box{
      background-color: #F4EEE9;
      color: #492503;
      padding: 10px;
      border-bottom: 2px solid #E09706;
      margin-bottom: 10px;
}

#penzumBox{
      font-size: 8pt;
}

#penzumBox img{
      margin: 4px auto 8px auto;
}

#topLogin{
      float: left;
      width: 240px;
      margin-left: 2px;
}

#topLogin td{
      font-size: 8pt;
}

.btn{
      width: 107px;
      height: 25px;
      background: url('/images/general/btn.gif') center center no-repeat;
      color: white;
      font-size: 8pt;
      text-decoration: none !important;
      border: 0 !important;
}

.btn:hover{
      background: url('/images/general/btn-over.png') center center no-repeat;
}

.btngray{
      width: 107px;
      height: 25px;
      background: url('/images/general/btngray.png') center center no-repeat;
      color: black;
      font-size: 8pt;
      text-decoration: none !important;
      display: block;
}

a input{
      text-decoration: none;
}

.btngray:hover{
      background: url('/images/general/btngray-over.png') center center no-repeat;
      color: black;
      text-decoration: none !important;
}

#topLogin input[text]{
      width: 150px;
}

#data{
      padding-left: 10px;
      padding-right: 12px;
      background: url('/images/general/datashadow.png') top center no-repeat;
      margin-top: -10px;
      margin-left: -4px;
}

#navigation{
      padding-bottom: 10px;
      font-size: 7pt;
      color: gray;
      border-bottom: 1px solid #ECECEC;
}

#navigation a{
      padding-left: 6px;
      background: url('/images/general/sipka.png') center left no-repeat;
      font-size: 7pt;
      margin-left: 3px;
      color: gray;
      text-decoration: none;
}

#navigation a:hover{
      color: black;
}

.infoPanel{
      font-size: 8pt;
      width: 100%;
      color: gray;
      margin-top: 5px;
      margin-bottom: 20px;
}

.infoPanel select{
      color: gray;
      font-size: 8pt;
}

.infoPanel a{
      font-size: 8pt;
      text-decoration: none;
      float: left;
      display: block;
      padding: 1px 2px;
      margin: 1px 1px;
      color: gray;
}

.infoPanel a:hover{
      color: #532F0D;
}

.pgA{
      border: 1px solid #532F0D;
      color: #532F0D !important;
}

.product{
      width: 360px;
      height: 180px;
      padding-bottom: 5px;
      border-bottom: 1px solid #c0c0c0;
      float: left;
      margin-right: 15px;
      margin-bottom: 10px;
}

.product h2{
      font-size: 9pt;
      background-color: #F0F0F0;
      padding: 5px;
}

.productText{
      font-size: 8pt;
      float: left;
      width: 248px;
      height: 84px;
      overflow: hidden;
      line-height: 14px;
}

.productTool{
      margin-top: 8px;
}

.productMask{
      height: 135px;
}

.price{
      color: #DC8E02;
      padding-top: 5px;
      font-size: 8pt;
}

.price b{
      font-size: 11pt;
}

.product .btngray{
      margin-left: 5px;
}

.productImg{
      width: 98px;
      float: left;
      margin-right: 10px;
      display: table-row;
      border: 1px solid #F0F0F0;
      height: 84px;
}

.productImg div{
      width: 98px;
      display: table-cell;
      vertical-align: middle;
      height: 84px;
      text-align: center;
}

.noimg{
      background-image: none !important;
      padding: 0 !important;
      margin: 0 !important;
}

.text{
      padding: 0 10px;
      line-height: 150%;
      margin-top: 20px;
}

.articlePreview{
      margin: 15px 0 25px 0;
      padding-bottom: 10px;
      border-bottom: 1px solid #E6E6E6;
}

.aHeader{
      text-decoration: none;
      font-size: 10pt;
      font-weight: bold;
}



.articleInfo{
      color: #888888;
      margin: 5px 0px 10px 0;
      font-size: 8pt;
}

.articleInfo a{
      text-decoration: none;
      color: #888888;
}

.articleInfo a:hover{

}

.articleDetail .articleInfo{
      margin-bottom: 15px;
      border-bottom: 1px solid #E6E6E6;
      padding-bottom: 10px;
      font-size: 8pt;
}

.aImgThumb{
      float: left;
      margin-right: 10px;
      margin-bottom: 10px;
      width: 120px;
}

.aImgThumb div{
      width: 100%;
      background-color: #F8F8F8;
      border: 1px solid #888888;
      text-align:center;
      padding: 8px 0;
      margin-bottom: 10px;
}

.aImgThumb img{

}

.aPreviewText{
      line-height: 150%;
      min-height: 85px;
      font-size: 8pt;
      margin-bottom: 5px;
}

.articleDetail{
      margin-bottom: 25px;
      border-bottom: 1px solid #E6E6E6;
      padding-bottom: 25px;
}





.detailImgCol{
      width: 220px;
      margin-right: 30px;
      margin-top: 15px;
      float: left;
      text-align: center;
}


.detailBaseCol{
      width: 480px;
      margin-top: 15px;
      float: left;
}

.detailDescCol{
      width: 480px;
      margin-top: 15px;
      float: left;
      margin-bottom: 25px;
}

.thumb{
      width: 100px;
      height: 75px;
      background-position: center center;
      background-repeat: no-repeat;
      float: left;
      margin-right: 8px;
      margin-bottom: 10px;
      border: 1px solid white;
}

.thumb:hover{
      border: 1px solid #E09706;
}

.dashed td{
      border-bottom: 1px dashed #E6E6E6;
      vertical-align: top;
}

.boxHeader{
      background-color: #F0F0F0;
      padding: 4px;

}

.relevants{
      margin-top: 20px;
}

.homeBox{
      width: 360px;
      height: 300px;
      float: left;
      margin-right: 15px;
}

.asc, .desc, .asc-selected, .desc-selected{
      width: 16px;
      height: 14px;
      cursor: pointer;
      display: block;
}

.asc{             background: url('/images/general/asc.png') center center no-repeat;  }
.desc{            background: url('/images/general/desc.png') center center no-repeat;  }

.asc:hover{       background: url('/images/general/asc-over.png') center center no-repeat;  }
.desc:hover{      background: url('/images/general/desc-over.png') center center no-repeat;  }

.asc-selected{    background: url('/images/general/asc-selected.png') center center no-repeat;  }
.desc-selected{   background: url('/images/general/desc-selected.png') center center no-repeat;  }

#cartContent th{
      border-bottom: 1px solid #A7A7A7;
}

#cartContent{
      border-collapse: collapse;
}

#cartContent td, #cartContent td{
      padding-left: 0;
      padding-right: 0;

}

#cartContent tr{
      height: 25px;
}

.underline td{
      border-bottom: 1px solid #A7A7A7;
}

#cartContent input{
  padding-top: 0;
  padding-bottom: 0;
}

.total td{
      font-weight: bold;
}

#selTransport ul, #selPayment ul{
      list-style-type: none;
      margin: 0;
      padding: 0;
}

#selTransport li, #selPayment li{
      height: 30px;
      padding-top: 10px;
      padding-left: 10px;
      cursor: default;
}

#selTransport li:hover, .selectedTransport{
      background-color: #C7C7C7 !important;
}

#selTransport{
      width: 300px;
      background-color: #ECECEC;
}


#selPayment{
      width: 300px;
      background-color: #C7C7C7;
}

#selPayment li:hover{
      font-weight: bold;
}

.hidden{
      display: none;
}

.boxHeader2{
      background-color: #E6E6E6;
      padding: 6px;
      font-size: 10pt;
      margin-bottom: 5px;
      line-height: 15px;
      overflow: hidden;
      height: 15px;
}

.nocellspacing{
      border-collapse: collapse;
}

.nocellpadding td, .nocellpadding th{
      padding:0
}


.articlePreview{
      margin: 15px 0 25px 0;
      padding-bottom: 10px;
      border-bottom: 1px solid #E6E6E6;
}

.aHeader{
      text-decoration: none;
      font-size: 11pt;
      font-weight: bold;
}

h1{
      color: #00CCFF;
      margin: 0 0 10px 0;
      font-size: 14pt;
}

.articleInfo{
      color: #888888;
      margin: 5px 0px 10px 0;
}

.articleInfo a{
      text-decoration: none;
      color: #888888;
}

.articleInfo a:hover{
      color: #00CCFF;
}

.articleDetail .articleInfo{
      margin-bottom: 15px;
      border-bottom: 1px solid #E6E6E6;
      padding-bottom: 10px;
}


.aImgThumb div{
      width: 100%;
      background-color: #F8F8F8;
      border: 1px solid #888888;
      text-align:center;
      padding: 8px 0;
      margin-bottom: 10px;
}

.aImgThumb img{

}

.aPreviewText{
      line-height: 150%;
      min-height: 85px;
}

.articleDetail{
      margin-bottom: 25px;
      border-bottom: 1px solid #E6E6E6;
      padding-bottom: 25px;
}

.fileName{
      float: left;
      width: 250px;
      margin-bottom: 10px;
}

.fileName a{
      text-decoration: none;
}

.fileType{
      float: left;
      width: 40px;
}

.fileSize{
      float: left;
      width: 70px;
      text-align: right;
      padding-right: 10px;
}

.fileHref{
      float: left;
      width: 80px;
}

#video{
      margin: 25px 0;
}

.cart th{
      text-align: left;
      vertical-align: bottom;
}


.cart td{
      padding: 2px 3px;
      cursor: default;
}

.trdark{
      background-color: #E6E6E6;
      border-color: 1px solid white;
}

.trlight{
      background-color: white;
      border-color: 1px solid white;
}

.trlight:hover, .trdark:hover{
      background-color: #DF9304;

}

.cartOrder .trlight:hover{
     background-color: transparent;
}

.cartOrder .trdark:hover{
     background-color: #DF9304;
}

.cartOrder th{
      color: #888888;
}


.delete{
      display: block;
      height: 18px;
      width: 18px;
      background: url('/images/general/delete2.png') center center no-repeat;
}

.delete:hover{
      background: url('/images/general/delete4.png') center center no-repeat;
}

.cart a{
      text-decoration: none;
}

.cart a:hover{
      text-decoration: underline;
      color: black;
}


input, select, textarea{
      border: 1px solid #A8A8A8;
}

.detailDiscussion{
      float: left;
      width: 380px;
      margin-top: 15px;
}

.detailDiscussion .date{
      color:#777777;
}

.detailDiscussion table{
      border-collapse: collapse;
}


.detailDiscussion table{
      border-bottom: 1px solid #A7A7A7;
}

.postText2{
      padding: 5px;
      border-bottom: 1px solid #CCCCCC;
      border-top: 1px solid #CCCCCC;
}


.postActions{
      text-align: right;
      padding: 4px;
}

.detailDiscussion tr{
      height: 25px;
}


.siteMapA_1{ }
.siteMapA_2{ padding-left: 15px; }
.siteMapA_3{ padding-left: 30px; }
.siteMapA_4{ padding-left: 45px; }
.siteMapA_5{ padding-left: 60px; }

#moto1, #moto2, #moto3{
      position: absolute;
      color: #7D472A;
      font-weight: bold;
}

#moto1{
     top: 50px;
     font-size: 20pt;
     left: 50%;
     margin-left: 100px;
     font-family: tahoma;
}

#moto2{
     top: 125px;
     font-size: 16pt;
     left: 50%;
     margin-left: 200px;
     font-weight: bold;
}

#moto3{
     top: 95px;
     font-size: 14pt;
     left: 50%;
     margin-left: 0px;
}

.mr0{
      margin-right: 0;
}