/******************

ProCut Ecommerce
CSS document

Coded by: Kefan Xie
xiekefan@gmail.com

******************/

.shop{
 w\idth: 920px !important;
 padding: 15px;
 background: white;
}

.shop h3{
 font: bold 1.4em arial;
}

.shop p a{
 color: #EDC300;
 font-weight: bold;
 text-decoration: none;
}

.shope p a:hover{
 text-decoration: underline;
}

#shop_home_box{
 width: 916px;
 border: 2px solid black;
}

.shop_home{
 background: url(../images/ecom/tag_shop_home.gif) no-repeat top right;
}

.shop_acce{
 w\idth: 896px !important;
 padding: 10px;
 background: url(../images/ecom/tag_acce_cons.gif) no-repeat top right;
}

.shop_parts{
 w\idth: 896px !important;
 padding: 10px;
 background: url(../images/ecom/tag_parts_home.gif) no-repeat top right;
}

.shop_adap{
 w\idth: 896px !important;
 padding: 10px;
 background: url(../images/ecom/tag_adap_home.gif) no-repeat top right;
}

.shop_lathe{
 w\idth: 896px !important;
 padding: 10px;
 background: url(../images/ecom/tag_lathe_home.gif) no-repeat top right;
}

#shop_home_box_nav{
 font: bold 0.7em arial;
 margin: 5px;
}

#shop_home_box_nav a{
 color: black;
 padding: 0 5px;
 text-decoration: none;
}

#shop_home_box_nav a:hover{
 color: #EDC300;
}

#shop_home_box img{
 float: right;
}

#shop_home_p{
 font: normal 0.8em arial;
 padding: 5px 0;
 margin: 10px;
 border: 2px solid black;
 border-width: 2px 0;
}


#shop_home_box em{
 display: block;
 color: #EDC300;
 font: bold 1.1em arial;
 margin: 50px 10px 0;
}

#shop_genre_box{
 position: relative;
 font: normal 0.7em arial;
 margin-top: 15px;
 padding: 5px 10px 10px;
 width: 894px;
 w\idth: 874px;
 border: 2px solid black;
 border-width: 2px 0;
 background: url(../images/ecom/shop_bg.gif) repeat-y;
}

#shop_genre_box h4{
 position: absolute;
 left: 0;
 top: -17px;
 width: 91px;
 height: 15px;
}

#shop_genre_box h5{
 position: absolute;
 right: 0;
 top: 0;
 width: 112px;
 height: 12px;
 background: url(../images/ecom/tag_shopping_cart.gif) no-repeat;
}

#shop_genre_box table, #shop_genre_box table td{
 clear: both;
 vertical-align: top;
 border: 3px solid black;
 border-collapse: collapse;
}

.shop_item_desc{
 width: 620px;
}

#acce_h4{
 background: url(../images/ecom/tag_acce.gif) no-repeat;
}

#adap_h4{
 background: url(../images/ecom/tag_adap.gif) no-repeat;
}

#shop_pagi{
 float: right;
 display: inline;
 font-weight: bold;
 margin: 0 15px 2px 0;
}

#shop_pagi a{
 color: black;
 text-decoration: none;
}

#shop_pagi a:hover{
 color: #EDC300;
}

#shop_parts_table{
 font: normal .8em arial;
 margin: 5px;
}

#shop_parts_table a{
 color: #EDC300;
 font: bold;
 text-decoration: none;
 margin-left: 15px;
}

#shop_parts_table a:hover{
 text-decoration: underline;
}

#shop_parts_table a:visited{
 color: #EDC300;
 font: bold;
 text-decoration: none;
}

.cart_box{
 float: right;
 margin-top: 50px;
 text-align: right;
}

.add_cart{
 font-weight: bold;
 color: #EDC300;
 padding-right: 30px;
 text-decoration: none;
 line-height: 20px;
 background: url(../images/ecom/shopping_cart1.gif) no-repeat right;
}

.add_saved_cart{
 font-weight: bold;
 color: #EDC300;
 padding-right: 30px;
 text-decoration: none;
 background: url(../images/ecom/shopping_cart2.gif) no-repeat right;
}

#checkout_box{
 float: right;
 width: 130px;
}

#checkout_box a{
 float: right;
 font: bold 1.1em arial;
 color: black;
 padding-right: 30px;
 background: url(../images/ecom/shopping_cart1.gif) no-repeat right; 
}

#checkout_box a:hover{
 text-decoration: none;
}

.emp{
 font: bold 1.6em arial;
 color: #EDC300;
}

.adaptor_box{
 clear: both;
 width: 720px;
 margin-top: 10px;
 border: 2px solid black;
}

.adaptor_box img{
 float: left !important;
 border-right: 2px solid black;
}

.adaptor_box p{
 padding: 10px 0 10px 195px;
}

.adaptor_box a{
 color: black;
}

.adaptor_box a:hover{
 text-decoration: none;
}

.lathe_box{
 position: relative;
 clear: both;
 width: 892px;
 w\idth: 872px;
 padding: 10px;
 margin-top: 10px;
 border: 2px solid black;
 background: url(../images/ecom/tag_spec.gif) no-repeat top right;
}

.lathe_box_left{
 float: left;
 width: 130px;
 text-align: right;
}

.lathe_box_left strong{
 color: #EDC300;
 font: bold 0.85em arial;
}

.lathe_box_left a{
 font: bold 0.75em arial;
 color: black;
 text-decoration: none;
}

.lathe_box_left a:hover{
 text-decoration: underline;
}

.lathe_box_mid{
 float: left;
 width: 215px;
 font: bold 0.7em arial;
 margin-left: 10px;
}

.lathe_box_mid strong{
 color: #EDC300;
 font: bold 1em arial;
}

.lathe_img1{
 float: left !important;
}

.lathe_img2{
 float: right !important;
 margin-top: 10px;
}

.detail_box{
 position: absolute;
 bottom: 10px;
 right: 10px;
 width: 240px;
 w\idth: 220px;
 height: 170px;
 he\ight: 150px;
 padding: 20px 10px 0;
 background: url(../images/ecom/detail_box.gif) no-repeat;
}

.detail_box table{
 font: normal 0.8em arial;
 margin: auto;
}

.detail_box table caption{
 font-weight: bold;
}

.detail_box table th{
 text-align: right;
}

.detail_box table td{
 text-align: left;
}