/* layout */
body{width: 900px;margin: 0 auto;background: #fff;color: #4c4c4c;font: 11px/21px tahoma,sans-serif}
.b-left{float: left;width: 200px}
.b-content{margin-left: 220px}
.b-content input[type=button],.b-content input[type=submit],.b-content input[type=reset],.b-content button
{background: url("../images/bg/box.png") repeat-x 0 0 #686868;color: #FFF;font-weight: bold;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);padding: 1px 3px;margin-right: 9px }

/* links */
a{color: #1f5a88}
a img{border: 0}


/* common classes */
.clear{clear: both}
.wrap{overflow: hidden}

/* header */
#header{position: relative;height: 95px;margin-top: 20px;padding-top: 40px}
#logo{position: absolute;left: 8px;top:0;background: url(../images/frontend/logo.png) no-repeat 0 0;width: 186px;
      height:67px;font: 0/0 serif;text-indent: -9999px}
.call-us{position: absolute;font: bold 20px/24px tahoma,sans-serif;padding-left: 30px;top:0;right: 0;
         background: url(../images/ico/phone.png) no-repeat 0 3px}
.call-us span{color: #38881B}

/* content */
#main{padding-bottom: 20px}
.b-content h1,.b-content h2{color: #38881B}
.c-box{border: 2px solid #38881B;padding: 10px}
.c-box-title{background: #38881B;display: inline-block;padding: 4px 6px;font: bold 11px tahoma,sans-serif;
             text-transform: uppercase;margin: 0;color: #fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}

/* footer */
#footer{clear: both;}
#footer .inner{background: #38881B;color: #fff;padding: 10px}
#footer a{color: #fff;text-decoration: none;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}
#footer a:hover {text-decoration: underline}
.footer-tbl td{vertical-align: top}
.footer-tbl td h1{margin: 0;padding: 0 0 8px;font-size: 16px;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}
.footer-tbl td.b1{width: 280px}
.footer-tbl td.b2{width: 150px}
.footer-tbl td.b3{width: 170px}
.footer-tbl td.b4{width: 225px}

#footer .payments{height: 71px;background: url(../images/frontend/payments.png) no-repeat 50% 0}
#footer .copy{text-align: center;padding: 10px 0;}

/* top menu */
.top-menu{background: url(../images/bg/box.png) repeat-x 0 0 #6ab51c;overflow: hidden;padding: 0;margin: 0 0 0 220px}
.top-menu li{float: left;list-style: none;}
.top-menu li a{color: #fff;text-decoration: none;display: block;font:12px/30px tahoma,sans-serif;padding: 0 10px;
               text-shadow:1px 1px 1px rgba(0,0,0,0.5)}
.top-menu li a:hover{background: #6d930c}

/* left side */
.b-menu-item{margin-bottom: 10px;border: 1px solid #ccc;border-radius: 3px}
.b-menu-item h4{margin: 0}
.b-menu-item h4 span{background: #6AB51C url(../images/ico/circle.png) no-repeat 7px 8px;color: #fff;display: block;
                     padding: 0 16px;}
.b-menu-item form{padding: 8px;}
.b-menu-item .lab{font-size: 10px;display: block;padding-bottom: 2px}
.b-menu-item .form_text{width: 132px;}
.b-menu-item .form_submit{background: url(../images/bg/box.png) repeat-x #686868;color: #fff;font-weight: bold;
                          text-shadow:1px 1px 1px rgba(0,0,0,0.5);vertical-align: 1px}

/* nav menu */
.nav-menu{margin: 0;padding: 0;}
.nav-menu li{list-style: none;border-top: 1px solid #eee}
.nav-menu li a{display: block;background:  url(../images/ico/arrow-r-b.png) no-repeat 4px 8px;
               text-decoration: none;color: #4c4c4c;padding: 0 14px;}
.nav-menu li a:hover{background: #38881B url(../images/ico/arrow-r-w.png) no-repeat 4px 8px;color: #fff}

/* shopping cart */
#shopping_cart{border: 1px solid #ccc;padding: 10px;margin-bottom: 10px;border-radius: 3px}
#shopping_cart h2{color: #38881B;font: bold 15px tahoma,sans-serif;margin: 0;padding: 0 0 10px 28px;
                  background: url(../images/ico/cart.png) no-repeat 0 2px}
#shopping_cart .view{background:  url(../images/ico/arrow-r-b.png) no-repeat 0 4px;padding-left: 12px}

/* slideshow */
.b-slideshow {border: 2px solid #38881B;position: relative;margin-bottom: 10px;overflow: hidden;width:676px;height: 440px; } 
.b-slideshow .slice{overflow: hidden;width:676px;height: 440px;}
.b-slideshow .s{display: block;height: 440px;background: url(../images/frontend/slideshow/1.jpg) no-repeat 0 0;position: relative;text-decoration: none}
.b-slideshow .s span{background: url(../images/bg/top-post.png) repeat 0 0;position: absolute;padding: 20px;
                     font: 18px/24px tahoma,sans-serif;color: #fff;text-shadow:1px 1px 1px rgba(0,0,0,0.5);top:90px;}
.b-slideshow .s-2{background: url(../images/frontend/slideshow/2.jpg) no-repeat 0 0}
.b-slideshow .s-3{background: url(../images/frontend/slideshow/3.jpg) no-repeat 0 0}
.b-slideshow .items{ height: 9999px;left: 0;list-style: none;margin: 0;overflow: hidden;padding: 0;position: absolute;top: 0;width: 100%;z-index: 1;}
b-slideshow .items li{height: 440px;overflow: hidden;vertical-align: top;width: 100%;}
.b-slideshow .nav-slide{position: absolute;margin: 0;padding: 0;right: 15px;bottom: 15px;z-index: 2}
.b-slideshow .nav-slide li{float: left;list-style: none;margin: 0 4px;width: 20px;height: 20px;border: 1px solid #38881B;
                           font: bold 11px/18px georgia,serif;background: #fff;text-align: center;cursor: pointer;}
.b-slideshow .nav-slide li.active{background: #38881B;color: #fff;}

.breadcrumbs{font:bold 11px georgia,serif;color: #666;padding-bottom: 18px}
.breadcrumbs a{color: #333;text-decoration: none}
.breadcrumbs a:hover{text-decoration: underline}

/* item list */
.list-item{float: left;width: 160px;text-align: center;margin-right: 10px;height: 185px;text-align: center}
.list-item img{display: block;margin: 0 auto 5px;border: 1px solid #38881B;padding: 1px;background: #fff}
.list-item a:hover img,.product-image:hover img{background: #38881B}
.list-item span {font-weight: bold;}
.category-list .list-item{height: auto;float: none;margin-bottom: 20px;text-align: left;width: auto;line-height: 12px}
.category-list .list-item img{margin: 0 0 5px}

/* tbl featured products */
.tbl-featured-products{width: 100%;border-collapse: collapse}
.tbl-featured-products .cell{width: 25%;border: 1px solid #eee;text-align: center}
.tbl-featured-products .cell img{display: block;margin: 0 auto 5px}
.tbl-featured-products .price{font-weight: bold}

.tbl-category-list{width: 100%}
.tbl-category-list .odd{background: #F5F5F5}
.tbl-category-list td{vertical-align: top}
.tbl-category-list .title{padding:5px 10px 0;font: bold 13px/16px tahoma,sans-serif;
                          background: url(../images/bg/stroke.gif) repeat-x 0 0}
.tbl-category-list .img{width: 160px;padding:5px 0 5px 10px;}
.tbl-category-list .description{padding-right: 10px}
.tbl-category-list .description p{margin-top: 0}


/* tables */
.table{border-collapse: collapse;margin-bottom: 10px}
.table td,.table th{padding: 3px 5px;border: solid 1px #ddd}
.table th{background: url(../images/bg/box.png) repeat-x 0 0 #6ab51c;color: #fff;}
.table .odd{background-color: #f5f5f5}
.table tr:hover{background-color: #eee}

.tbl-price{width: 340px;}
.product-info{margin-bottom: 15px}
.product-info .i{color: #777}
.tbl-price .td-btn{width: 130px}

.tbl-shoping{width: 680px}

/* errors */
.error_list {margin: 3px 0 0;font: 11px/13px arial,sans-serif;color: red}

/* product rating */
.b-voted {background: url(../images/bg/stars.png) no-repeat 0 0; 
          height: 15px;position: relative;width: 96px;}
.b-voted.v-1 {background-position: 0 -15px;}
.b-voted.v-2 {background-position: 0 -30px;}
.b-voted.v-3 {background-position: 0 -45px;}
.b-voted.v-4 {background-position: 0 -60px;}
.b-voted.v-5 {background-position: 0 -75px;}

/* product */
.product-wrap .img{float: left;border-right: 1px solid #ddd;margin:0 15px 15px 0}
.product-image img{border: 1px solid #38881B;padding: 1px;background: #fff;cursor: url(../images/ico/zoom_in.cur), pointer}
.product-wrap{padding-bottom: 20px}
.link-to-remove,.cartremove{padding-left: 10px;background: url(../images/ico/remove.png) no-repeat 0 4px;color: brown}
.product-wrap h1{margin: 0 0 5px}

/* order */
.order-review {margin: 0 0 18px;  overflow: hidden;  width: 680px;}
.order-review-table td {width: 24%;}
.order-review .item {background: url("../images/bg/note.png") no-repeat scroll 50% 28px transparent;color: #666666;
                     float: left;  margin: 0 8px;  text-align: center;  width: 150px;}
.order-review .complete { background-image: url("../images/bg/note-done.png");color: #000000;}
.order-review p {padding-top: 72px;}
.order-review span {font-size: 14px;}
.order-review .complete span {color: #3467B0;}

/* error/notice boxes */
.user-error,.user-notice{ padding: 0.8em; margin-bottom: 1em; border: 2px solid #ffd324;background: #fff6bf;color: #514721;}
.user-error { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }

.order-review-control{overflow: hidden;width: 680px;padding-top: 15px}
.order-review-control .float-right{float: right}

/* payment-details-table */
.payment-details-table {margin-bottom: 15px;width: 100%}
.payment-details-table hr {background: url("../images/bg/stroke.gif") repeat-x scroll 0 0 transparent;
                           border: 0 none;height: 2px;margin: 10px 0 0;}
.payment-details-table td {padding: 5px;}
.payment-details-table td.is_correct {padding-left: 32px;}
.payment-details-table input, .payment-details-table textarea {font-size: 14px;width: 180px;}
.payment-details-table select {font-size: 14px;margin-right: 5px;}
.payment-details-table label, .payment-details-table th {color: #000;font-size: 14px;padding-left: 25px;text-align: left;}

#shopping_cart_shipping ul { padding: 0; margin: 0; }
#shopping_cart_shipping li { list-style-type: none; }

.inStock{border: 2px solid #38881B;background: #FAFAFA;margin-bottom: 10px}
.inStock td{padding: 4px}
.inStock .sel{text-align: right;color: #38881B}
h4.titleBox{color: #38881B;margin: 5px 0}
span#total_price{color: #38881B;font: bold 1.4em arial,sans-serif}

ul.ui-widget-header{background: url(../images/bg/box.png) #6ab51c repeat-x 0 0;border: 1px solid #38881B}
div.ui-widget-content .ui-state-active{border: 1px solid #ccc}
div.ui-widget-content .ui-state-active a,div.ui-widget-content .ui-state-hover a{color: #333}
div.ui-widget-content .ui-state-hover{border: 1px solid #38881B;background: #ecffbc}

.generalSpecifications{border:solid 1px #CCC;}
.generalSpecifications, .generalSpecifications table{border-collapse:collapse;border-spacing: 0;width: 100%}
.generalSpecifications th{text-align:left;padding-left:5px;font-weight:bold;}

.generalSpecifications td.attrRight,.generalSpecifications td.attrLeft{width: 50%;background: #fff}
.generalSpecifications td.attr{background: #ecffbc;}
.generalSpecifications .odd td.attr{background: #f2fcd9}
.generalSpecifications td.attrRight td,.generalSpecifications td.attrLeft td{border: 1px solid #ccc;padding:1px 3px}

.generalSpecifications th{background: url(../images/bg/box.png) #6ab51c repeat-x 0 0;color: #fff}
span.gray{color:#666;font-size: 0.9em}


.scrollable {position:relative;overflow:hidden;width: 315px;height:95px;}

.scrollable .items {width:20000em;	position:absolute;	clear:both;}

.scrollable img {float:left;margin:10px 0 0 18px;	background-color:#fff;padding:2px;
                 border:1px solid #ccc;border-radius:4px;cursor: pointer}
.scrollable .browse{position: absolute;width: 12px;height: 9px;background: url(../images/ico/arrow/left.png) no-repeat 0 0;top:45px;left: 0;cursor: pointer;opacity:0.8}
.scrollable .next{background-image: url(../images/ico/arrow/right.png);right: 1px;left: auto;}
.scrollable .browse:hover{opacity:1}

.miniProduct{background: #fff;border: 1px solid #ccc;width: 100%}
.miniProduct td{padding: 7px}
.miniProduct .title{font-weight: bold;color:#38881B}
.miniProduct .productImage {width: 85px}
.miniProduct .productImage a{text-decoration: none}
.miniProduct .productImage img{border:1px solid #38881B;}
.miniProduct .productBuy {width: 85px;}
.miniProduct .partNum {text-align: center;font-size: 1.2em;line-height: 1em}
.miniProduct .partNum .descr{color: #666;font-size: 0.7em;}