html, body, ul, p, h1, h2, h3 {margin: 0; padding: 0;}

body {font-size: 12px; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; color: #4f4f4f;}

#head {height: 270px; background: transparent url('../design/bg-head.png') left top repeat-x;}
#main {min-height: 235px; height: auto !important; height: 235px; background: transparent url('../design/bg-main.png') 0 0 repeat-x;}
#product {height: 316px; background: transparent url('../design/bg-product.png') 0 0 repeat-x;}
#color {height: 254px; background: transparent url('../design/bg-color.png') 0 0 repeat-x;}
#foot {background: transparent url('../design/bg-foot.png') 0 0 repeat-x;}
#headin {width: 1030px; height: 270px; position: relative; margin: 0 auto; background: transparent url('../design/head.jpg') left top no-repeat;}
#mainin, #productin, #colorin, #footin {width: 930px; margin: 0 auto; padding: 1px 50px 0; position: relative; clear: both;}


#headin .logo img {position: absolute; left: 81px; top: 26px;}
#headin ul {position: absolute; left: 0; bottom: 0; height: 69px; list-style-type: none; font-size: 13px; font-weight: bold;}
#headin ul li {float: left;}
#headin ul li a {float: left; width: 132px; height: 41px; padding: 17px 0 11px 10px; background: transparent url('../design/menu.png') 0 0 no-repeat; text-align: center; text-decoration: none; color: #0b69a0; outline: 0;}
#headin ul li a:hover, #headin ul li.active a {background-image: url('../design/menu2.png');}

#toplogo {position: absolute; top: 10px; right: 230px;}
#toplogo a {margin: 0 10px 0 0;}

#main h1 {margin: 45px 0 10px; font-size: 18px; color: #0b69a0;}
#main .h1 {font-size: 18px; color: #0b69a0; font-weight: bold;}
#main h2 {margin: 20px 0 5px; font-size: 14px;}
#main a#shop-banner {display: block; float: right; width: 285px; height: 235px; margin: 10px 0 10px 10px; background: transparent url('../design/shop-banner.jpg') 0 0 no-repeat;}
#main a#shop-banner span {display: none;}
#main a {color: #4f4f4f; text-decoration: underline;}
#main a:hover {text-decoration: none;}
#main p {margin: 5px 0; text-align: justify;}
#main address {margin: 0 0 50px; font-style: normal;}
#main ul {padding-left: 30px;}

#product h2#shop-cart {margin: 30px 62px 10px 26px; float: left;}
#product h2#shop-cart a {display: block; width: 222px; height: 115px; background: transparent url('../design/shop-cart.png') 0 0 no-repeat;}
#product h2#shop-cart a span {display: none;}
#product .product {width: 260px; height: 115px; margin: 30px 25px 10px; float: left;}
#product .product h3 {background: transparent url('../design/arrow.gif') left center no-repeat; padding: 0 0 0 20px; margin: 5px 0; font-size: 13px;}
#product .product img {float: left; width: 55px; margin: 0 10px 0 20px;}
#product .product p {margin: 25px 30px 0 0; text-align: right;}
#product .product span {font-size: .9em;}
#product .product a {color: #0b69a0; text-decoration: underline;}
#product .product a:hover {text-decoration: none;}

#color h2 {position: absolute; left: 50px; top: 0; width: 364px; height: 29px; background: transparent url('../design/color.png') 0 0 no-repeat;}
#color h2 span {display: none;}
#color .color {width: 180px; float: left; margin: 60px 0 0;}
#color .center {margin: 60px 160px 0;}
#color .color p {font-size: 13px; background: url('../design/arrow2.gif') 0 5px no-repeat; margin: 10px 3px 0; padding: 0 0 0 20px;}
#color .color p span {color: #0b69a0;}

#foot {color: #bdbdbd; padding: 20px 0 20px;}
#foot a#shop-foot {display: block; float: right; width: 220px; height: 23px; background: transparent url('../design/shop-foot.png') 0 0 no-repeat;}
#foot a#shop-foot span {display: none;}
#foot a {color: #bdbdbd; text-decoration: underline;}
#foot a:hover { text-decoration: none;}
#foot span {color: #f5cd47;}

.clr {clear: both;}
.mt20 {margin-top: 20px !important;}
.mb50 {margin-bottom: 50px !important;}
a img {border: 0;}