/* Stan's Favorite Common Setting */
img { border: 0; }
form { margin:0; }
.clearfix { clear: both; height: 0; }
div { text-align: left; }
p { text-indent: 1em; margin: 0; font-size: 14px; color: black; }
.desc p { font-size: 12px; }
.more { text-align: right; }

/* Site Global Setting */
* { font-family: Arial, Helvetica, sans-serif; }
input.flat { border: 1px solid black; height: 16px; font-family: Verdana; padding: 4px 3px; }
.deleted { text-decoration: line-through; }

/* Layout */
body { background: url(bg-body.gif) repeat-x top #99cdff; text-align: center; padding:0; margin:0; }
.wrapper { margin-left: auto; margin-right: auto; width: 1024px; background:white; }
.header { height: 105px; overflow: hidden; position: relative; }
.body { min-height: 300px; position: relative; }
	.body .leftpart { width: 341px; float: left; padding: 0 10px; }
	.body .main { width: 643px; float: right; padding: 0 10px; }
.footer { clear:both; margin-top: 20px; height: 152px; border-top: 1px solid #003466; position: relative; }


/* head */
.header p { text-indent: 0; }
.tel { position: absolute; left: 374px; top: 12px; }
	.tel .line1 { font-size: 14px; font-style: italic; background: url(ico-tel.gif) no-repeat left center; padding-left: 24px; }
	.tel .line2 { font-size: 22px; font-weight: bold; line-height: 20px; }
	.tel .line3 { font-size: 11px; }
	.tel .line4 { font-size: 15px; }
	
.live-chat { background: url(ico-livechat.gif) no-repeat left center; padding-left: 80px; padding-top: 5px; position: absolute; color: #333333; left: 613px; top: 32px; width: 110px; }
    .live-chat * { font-size: 11px; }
    
.add-to-fav { background: url(ico-star.gif) no-repeat left center; padding-left: 30px; position: absolute; color: #666666; left: 838px; top: 43px; width: 105px; font-size: 12px; }

.shopping-cart { background: url(ico-shoppingcart.gif) no-repeat left center; padding-left: 20px; position: absolute; color: black; font-size: 13px; left: 841px; top: 79px; }

.installation-support { position: absolute; color: #6666ff; font-size: 11px; left: 615px; top: 8px; }

/* footer */
.footer * { text-align: center; }
.tel-in-footer { font-size: 14px; height: 37px; line-height: 37px; }
.nav-in-footer { height: 90px; background: #336699; position: relative; }
    .nav-in-footer a:hover { text-decoration: none; }
	.nav-in-footer .ico-left { position: absolute; top: 0px; left: 10px; }
	.nav-in-footer .ico-right { position: absolute; top: 0px; right: 10px; }
	.nav-in-footer .nav-items { position: relative; top: 30px; }
	.nav-in-footer .nav-items, .nav-in-footer .nav-items a { color: white; font-size: 12px; padding: 0 7px; line-height: 20px; }
.copyright { font-size: 11px; color: #666; line-height: 30px; height: 30px; background: white; }

/* left part */
.nav { width: 341px; height: 327px; background: url(bg-nav.jpg) #99ccff; position: relative; }
	.nav .item { background: url(item-nav.gif) no-repeat bottom; }
	.nav .item a { display: block; height: 28px; background: url(item-nav-a.gif) no-repeat 6px center; font-size: 14px; color: white; font-weight: bold; padding-left: 55px; text-decoration: none;  line-height: 28px; }
	.nav .item a:hover { background-position: 23px center; }
	.nav .item a small { font-size: 11px; }
	.nav .search { position: absolute; bottom: 10px; left: 65px; }
	.nav .search input { vertical-align: middle; }
	.nav .search .flat { width: 130px; }
	
.banner { margin: 30px 0; }
	.banner .with-border { border: 1px solid black; margin-left: -1px; }

.links { }
	.links .item img { max-width: 80px; vertical-align: middle; }
	.links .item a { text-decoration: none; }
	.links .item .list { margin-left: 30px; color: #3366cc; font-size: 12px; }
	.links .item .list-inner { text-decoration: underline; }

/* main */
.main h1 { font-size: 17px; color: #3366cc; line-height: 50px; margin: 0; }
.main h2 { font-size: 18px; }
.main h3 { font-size: 14px; }

.front-content-left { float: left; width: 340px; }
	.front-content-left .product { float: left; width: 150px; margin-right: 15px; }
	.front-content-left .product p { font-size: 12px; color: #666; }
	.front-content-left .product .desc { margin: 10px 0; }
	.front-content-left .product .view-detail { color: #3333ff; font-size: 12px; margin: 15px 0; }
.front-content-right { float: left; width: 293px; }
	.front-content-right p { }

.main-inside h1 { font-size: 20px; line-height: 50px; }
.main-inside p { color: #666; }
.main-inside, .main-inside td { font-size: 14px; }
.main-content { padding: 10px; }

.category-list { margin: 20px 0; }
.category-list .item { padding-bottom: 20px; margin-bottom: 30px; border-bottom: 2px solid #9accff; }
	.category-list .item h1, .category-list .item h1 a { font-size: 16px; line-height: 20px; color: #0066cc; text-decoration:none; }
	.category-list .item .pic { float: left; width: 220px; }
	.category-list .item .pic img { max-height: 200px; max-width: 200px; margin-top: 5px; }
	.category-list .item .txt { float: left; width: 400px; font-size: 12px;  position: relative; }
	.category-list .item .desc { padding-bottom: 40px; }
	.category-list .item .price { position: absolute; bottom: 5px; left: 0px; font-size: 14px; }
	.category-list .item .price label { color: #0066cc; }
	.category-list .item .btn { position: absolute; bottom: 0px; right: 5px; }

.accu-more { margin-right: 200px; }

#mini-cart { font-size: 10px; color: black; background: url(ico-shoppingcart-1.gif) no-repeat 5px center; padding-left: 25px; margin-bottom: 5px; }
	#mini-cart strong { font-size: 12px; color: red; }

.related-products { float: right; width: 215px; border: 1px solid #666; border-bottom: 0; margin-left: 30px; margin-bottom: 30px; }
	.related-products h1, .related-products .item { border-bottom: 1px solid #666; }
	.related-products h1 { background: #3300ff; text-align: center; font-size: 14px; color: white; line-height: 24px; }
	.related-products img { max-width: 100px; max-height: 100px; }
	.related-products a, .related-products td { color: black; font-size: 11px; text-decoration:none; }
	.related-products a { display: block; margin: 5px 0;}

.description, .description p { color: black; text-indent: 0; margin-bottom: 20px; }

.sitemap {}
	.sitemap h3, .sitemap h4 { line-height: 23px; margin: 0; }
	.sitemap h3 a { color: black; font-size: 14px; font-weight: normal; }
	.sitemap h4 { padding-left: 30px; }
	.sitemap h4 a { color: #666; font-size: 14px; font-weight: normal; }

#flash_content { position: relative; height: 328px; }
#flash_content .slide { display: none; position: absolute; top: 0; left: 0; }

/* fix things */
.body .line { position: absolute; width: 673px; top: 0; right: 0; border-top: 1px solid #99ccff; }