@charset "utf-8";
/* Stan's Favorite Common Setting */
img { border: 0; }
form { margin:0; }
.clearfix { clear: both; height: 0; }
div { text-align: left; }
h1 { margin-top: 0; }
.more { text-align: right; }
.red { color: red !important; }

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

/* Layout */
body { padding:0; margin:0; background: url(bg-body.png) repeat-x #eaeaea top; text-align:center; }
.wrapper { margin-left: auto; margin-right: auto; width: 1024px; }
.header { height: 200px; background: url(bg-header.png) repeat-x white top; overflow: hidden; }
.header .banner-upper { float: right; width: 222px; height: 200px; background: url(banner-frontpage-upper.jpg) no-repeat top left; }
.banner { height: 300px; background: url(banner-frontpage.jpg) no-repeat #ccc top left; }
.banner_b { background-image: url(large-header-image-b.jpg); }
.banner_c { background-image: url(accessories-header.jpg); }
.banner_d { background-image: url(stations-header.jpg); }
.banner_e { background-image: url(server-racks-header.jpg); }
.banner_f { background-image: url(instructions-header.jpg); }
.banner_g { background-image: url(comparison-header.jpg); }


.body { background: white; min-height: 300px; }
.footer { height: 126px; background: black url(bg-footer.png) repeat-y; position: relative; }
.copyright { background: #eaeaea; font-size: 10pt; color: black; text-align: center; line-height: 40px; }

/* head */
.header { position: relative;}
.logo { position: absolute; top: 8px; left: 18px; }
.under-logo { position: absolute; left: 18px; top: 63px; font-size: 8pt; }
.header .tel { position: absolute; left: 18px; top: 93px; }
	.header .tel .line1 { font-size: 14px; font-family:Arial;font-weight:bold; }
	.header .tel .line2 { font-size: 12px; color:#444;}
	.header .tel .line3 { font-size: 12px; color:#444;}
	.header .tel .line4 { font-size: 12px; color:#444;}
.top-nav { position: absolute; left: 0; bottom: 2px; }
	.top-nav li { list-style: none outside; float: left; width: 110px; height: 31px; text-align: center; background: url(tab-main.png) no-repeat; margin-left: 1px; }
	.top-nav li:hover { background-image: url(tab-main-grey.png); }
	.top-nav li a { display: block; font-size: 14px; text-decoration: none; color: white; line-height: 28px; padding-top: 3px; }
.livechat { position: absolute; right: 230px; top: 20px; }
.search { position:absolute; top: 110px; right: 230px; }
	.search input { vertical-align: middle; }
	.search input.q { width: 142px; height: 17px !important; padding: 4px; }

.shopping-cart { position: absolute; right: 230px; bottom: 5px; text-align: right; font-size: 12px; padding-left: 20px; }
	.shopping-cart a { color: black; font-weight:bold; text-decoration: none; }
/* foot */
.footer .tel { height: 32px; line-height: 32px; font-size: 10pt; color: white; text-align: center; border-bottom: 1px solid white; background: black; }
.footer .logo { top: 35px; left: 0; }
.footer .bottom-nav { position: absolute; top: 40px; left: 380px; font-size: 9pt; line-height: 20px; }
	.footer .bottom-nav a { color: white; }
.footer .verisign { position: absolute; bottom: 4px; right: 10px; }
.allcards { position: absolute; bottom: 4px; left: 430px; }

.copyright a { color: black; }
/* body */
.body { background:url(bg-main.png) repeat-x bottom white; }
.front-body { background: #666666 !important; }
.front-left { width: 312px; float: left; padding: 0 33px; }
.front-right { width: 580px; float: left; padding: 0 33px; }
.body .front-part h1 { color: white; font-size: 15pt; margin-top: 20px; margin-left: 0; }
	.front-left h1 {background: url(animated-arrow.gif) no-repeat left 14px; padding-left: 30px; margin-left: -15px; }
	.front-right-left h1, .front-right-right h1 { margin-top: 0; }
.front-right-top { padding-bottom:30px; border-bottom:1px solid white; margin-bottom: 30px; }
.front-right-left { float: left; width: 250px; padding-right: 30px; border-right: 1px solid white; margin-right:30px; }
.front-right-left .pic { float: right; padding-left: 10px;  }
.front-right-right { float: left; }
	.front-right-right .pic { margin-left: -10px; margin-bottom: 15px; }
	.front-right-right li { line-height: 25px; color: #ff9900; }
.front-part a { color: #ff9900; }
.front-part p { color: white; font-size: 10pt; }
.front-manual p { margin: 0; line-height: 25px; }

.gaurantee-low-prices { padding-top: 30px; }
.product_list * { text-align: center; font-size: 10pt; color: #ff9900; font-weight: bold; }
	.product_list .item .pic { height: 110px; }
	.product_list .item .pic img { max-width: 150px; max-height: 150px; }
	.product_list .item { border-top: 1px solid white; padding: 10px 0; }
	.product_list .firstitem { border: 0; }
	.product_list .name { padding-bottom: 5px; height: 45px; }
	.product_list .item .desc { height: auto/*300px*/; overflow-y: hidden; background: #fafafa; }
	.product_list .item .desc ul { margin: 3px 0 3px 15px; }
	.product_list .item .desc, .product_list .item .desc p, .product_list .item .desc li { text-align: left; font-weight: normal; color: black; }
	
	.product_list td .item { padding: 10px; border: 0; }
	.product_list td .item .pic { margin-bottom: 10px; }
	.product_list td .item .price { margin-bottom: 5px; }
.product_list-autofit * { height: auto !important; }

.body h1 { margin: 0 0 0 10px; padding-top: 10px; } 
	.body h1 span { font-size: 12pt; font-weight: normal; color: black; }
	.body h1 a { color: black; margin: 10px; }
.body h2 { margin: 10px 0 0 10px; }

.body-product { background: white; }

.product_leftpart { float: left; width: 370px; overflow:hidden; }
.product_rightpart { float: right; width: 205px; }
.product_mainpart { float: left; width: 449px; }

.product_leftpart { }
	.product_leftpart .img { text-align: center; margin-top: 10px; }
	.product_leftpart .img img { border: 1px solid #111; max-width:350px; max-height:350px; }
	.product_leftpart .img-hint { text-align: center; padding-top: 10px; }
	.product_leftpart .flat { width: 30px; text-align: right; }
	.product_leftpart .product_profile { min-height: 180px; margin: 5px 20px 5px 15px; position: relative; border-bottom: 1px solid black; }
	.product_leftpart .product_profile .product_price { margin: 15px 0 0 15px; font-size: 12pt; color: red; font-weight: bold; }
	.product_leftpart .product_profile .options { margin: 10px 0 0 15px; }
	.product_leftpart .product_profile .quantity { margin: 10px 0 0 15px; font-weight: bold; }
	.product_leftpart .product_profile .product-livechat { position: absolute; right: 20px; top: 15px; }
	.product_leftpart .product_profile .add-to-cart-btn { margin: 10px 0 0 15px; }
	.product_leftpart .product_profile .product-under-livechat p { font-size: 10pt; text-align: center; margin: 7px 0; }
	
	.product_leftpart .left-shopping-cart { margin: 5px 20px 25px 15px; }
	.product_leftpart .left-shopping-cart .txt { font-size: 9pt; margin: 5px 20px; }
	.product_leftpart .left-shopping-cart td { font-size: 10pt; padding: 4px; }
	.product_leftpart .left-shopping-cart .table-header td { font-weight: bold; }
	
.product_rightpart {}
	.product_rightpart .rlt-item { border-bottom: 1px solid #999; padding-bottom: 10px; margin: 5px 10px 10px; }
	.product_rightpart .rlt-item * { text-align: center; font-size: 9pt; }
	.product_rightpart .rlt-item .img img { max-width: 100px; max-height: 100px; border: 1px solid #444; }
	.product_rightpart .rlt-item .name { margin: 5px 0; }

.product_mainpart {}
	.product_mainpart h1 { margin-top: 0; margin-left: 0; }
	.product_mainpart p { font-size: 10pt; }
	.product_mainpart .description { padding-bottom: 20px; }
	
.sitemap { float: left; width: 49%; padding: 20px 0 20px 0; }
	.sitemap-left { border-right: 1px solid black; }
	.sitemap .subtitle { padding: 0 20px 0 70px; color: black; font-size: 12pt; font-weight: bold; display: block; margin-top: 10px; margin-bottom: 5px; }
	.sitemap ul { margin: 0; list-style: inside; padding: 0 20px 0 70px; }
	.sitemap li { color: #999; font-size: 10pt; line-height: 18px; margin: 5px 0; }
	.sitemap a { color:#999; font-size: 10pt; }

.linklist {padding: 10px 40px;}
	.linklist .code { background: #777; line-height: 30px; color: white; padding: 0 10px; width: 500px; }
	.linklist p { margin-left: 20px; color: #999; }
	
.comparison { padding: 0 40px; }
	.comparison h3 { color: #999; }
	.comparison .tbl_compare { background-color: #000; border: 1px solid #000; border-left:0; border-top: 0; }
	.comparison .tbl_compare td { background-color: #fff; border-left: 1px solid #000; border-top: 1px solid #000; width:150px; text-align: center; height: 25px; font-size: 10pt; }
	.comparison .tbl_header, .comparison .tbl_header a { background: blue !important; color: white; font-weight: bold; font-size: 10px !important; padding: 0 2px; }
	.comparison a:hover { text-decoration: none; }
	.comparison .tbl_col_header { text-align: left !important; padding-left: 5px; width: 200px !important; }