/* General */
html { background:url(images/html-bg.gif) repeat-x center top; }
div { font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:12px; }
input, textarea {  font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; }
a { color:#005eb2; }
option { border:none!important; }
strong { font-weight:bold; }

/* Control */
.listbox { border:#c3c3c3 solid 1px; color:#404040; font-size:14px; } 
.textbox { border:#c3c3c3 solid 1px; color:#404040; font-size:14px;  }
.textarea { border:#c3c3c3 solid 1px; color:#404040; font-size:14px;  }
.button { border:none; color:#fff; font-size:12px; padding-bottom:4px; cursor:pointer;}

/* Button */
.btn-50-26 { background:url(images/btn-50-26.gif) no-repeat center top; width:50px; height:26px;  }
.btn-68-26 { background:url(images/btn-68-26.gif) no-repeat center top; width:68px; height:26px; vertical-align:middle; }
.btn-72-19 { background:url(images/btn-72-19.gif) no-repeat center top; width:72px; height:19px; vertical-align:middle; }
.btn-92-19 { background:url(images/btn-92-19.gif) no-repeat center top; width:92px; height:19px; vertical-align:middle; }
.btn-162-26 { background:url(images/btn-162-26.gif) no-repeat center top; width:162px; height:26px; vertical-align:middle; }
.btn-158-28 { background:url(images/btn-158-28.gif) no-repeat center top; width:158px; height:28px; vertical-align:middle; }
.btn-58-22 { background:url(images/btn-58-22.gif) no-repeat center top; width:58px; height:22px; vertical-align:middle; }
.btn-75-28 { background:url(images/btn-75-28.gif) no-repeat center top; width:78px; height:28px; vertical-align:middle; }

#wraper { width:1000px; margin:0 auto; } 
.body { width:782px; float:right; }
.sidebar { width:183px; float:left; }
.clear { clear:both; }

/* heading */
h1 { font-size:24px; padding-bottom:6px; border-bottom:#9f9f9f solid 1px; }
h1 span { color:#005db0; } 

/* Header */
#header { width:1000px; height:137px; display:block; background:url(images/header-bg.jpg) no-repeat center top; margin-top:7px; }
#header #logo { display:inline;margin:23px 0 0 30px;float:left;  }
#header #logo a { width:195px; height:104px; display:block;  text-indent:-9999px;  } 
#header #tab { float:right; }
#header #tab ul li { float:left; }
#header #tab ul li a.login { background:url(images/top-tab1.gif) no-repeat center top; width:58px; height:28px; color:#fff; display:block; font-size:16px; text-align:center; text-decoration:none; padding-top:3px; margin-right:2px; line-height:18px; } 
#header #tab ul li a.register { background:url(images/top-tab2.gif) no-repeat center top; width:72px; height:28px; color:#fff; display:block; font-size:16px; text-align:center; text-decoration:none; padding-top:3px; margin-right:2px;line-height:18px; } 
#header #tab ul li.gstbox { padding:5px 11px 0; }
#header #tab ul li .label-cart { width: 239px; height: 32px; background: url(images/top-tab3.gif) no-repeat center top; }
#header #tab ul li .label-cart span { color: #fff; float: left; font-size: 15px; margin: 5px 0 0 12px; }
#header #tab ul li .label-cart a { float: right;margin: 3px 12px 0 0; display: block; text-decoration: none; color: #fff; padding-top: 3px; text-align: center; }

#header #top-search { width: 367px;  float: right; margin-top: 20px; height: 28px; margin-right: 10px; }
#header #top-search select { float: left; width: 140px; height: 27px; font-size:16px; padding: 1px; margin-right: 5px; }
#header #top-search input { color: #9c9c9c; float: left; width: 180px; height: 21px; font-size:16px; padding: 2px; }
#header #top-search a { float: left; width: 32px; height: 25px; background: url(images/btn-search-icon.gif) no-repeat center top; text-indent: -9999px; display: block; border: #ccc solid 1px; border-left: none; }

#header #nav { float:right; width:758px; margin-top:20px; display:block; height: 28px; }
#header #nav ul { float:right; display:inline; }
#header #nav ul li { float:left; padding:0 15px; background:url(images/line.gif) no-repeat right 2px; }
#header #nav ul li.last { background:none; }
#header #nav ul li a { font-family:"Arial Narrow"; font-size:18px; text-transform:uppercase; text-decoration:none; color:#000; padding-bottom:3px; display:block; }
#header #nav ul li a:hover, #header #nav ul li a.selected { border-bottom:#ff4f00 solid 5px; }

/* Popular */
#popular { width:985px; height:22px; background:url(images/nav-bg.gif) repeat-x center top; padding:12px 0 0 15px; margin-bottom:18px; }
#popular ul li { float:left; margin-right:12px; font-size:11px; }
#popular ul li.label { font-weight:bold; }
#popular ul li a { color:#000; text-decoration:none;  }
#popular ul li a:hover { text-decoration:underline; }

/* Footer */
#footer { clear:both; padding-top:25px; width:1000px; height:184px; background:url(images/footer-bg.jpg) no-repeat center 25px; margin-bottom:15px; }
#footer .col { float:left; margin-top:19px; display:inline; }
#footer .col h3 { font-size:20px; color:#fff; font-weight:normal; }
#footer .col ul { margin-top:19px; } 
#footer .col ul li { margin-bottom:7px; } 
#footer .col ul li a { font-size:14px; color:#fff;} 
#footer #col1 { margin-left:26px; }
#footer #col2 { margin-left:50px; }
#footer #col3block { margin-left:80px; }
#footer #col3block p { margin-top:15px; }
#footer #col3block .copyright { margin-top:80px; color:#fff; font-size:11px; text-align:right; }
#footer #col3block .copyright a { color:#fff; }
#footer .message-text { color:#FFFF99; font-size:15px; font-weight:bold; }

/* Sidebar box */
.box { margin-bottom:10px; }
.box h2 { width:170px; height:27px; padding:11px 0 0 12px; font-size:15px; font-weight:normal; color:#fff; display:block; background:url(images/box-header.gif) no-repeat center top;  } 
.box .box-body { padding:7px 8px 12px 7px; width:167px; background:url(images/box-footer.gif) no-repeat left bottom; height:100%; display:block; } 
.box p { margin-bottom:8px;}
.box li { background:url(images/bullet-01.gif) no-repeat left 5px; padding-left:15px; margin-bottom:4px; font-size:13px; }

#sidebar-browse { width: 182px; }
#sidebar-browse h2 { width: 182px; height: 37px; display: block; margin: 0; background: url(images/label-browse.gif) no-repeat center top; display: block; text-indent: -9999px; }
#sidebar-browse #browse-body { background: url(images/browse-bg.gif) repeat-y center top; width: 182px; }
#sidebar-browse #browse-body li { margin: 0 1px; border-bottom: #005eb2 solid 1px; }
#sidebar-browse #browse-body li.last { border-bottom: none; }
#sidebar-browse #browse-body li a { display: block; padding: 9px 0 9px 14px; background: url(images/icon-arrow.gif) no-repeat 158px 9px; font-size: 16px; font-weight: bold; color: #005eb2; text-decoration: none; }
#sidebar-browse #browse-body li a:hover { background: url(images/icon-arrow.gif) #d2dfeb no-repeat 158px 9px;  }
#sidebar-browse #browse-end { width: 182px; height: 6px; background: url(images/browse-bottom.gif) no-repeat center top; margin-bottom: 16px; }

/* Sidebar box - cart */
#cart-box img { float:left; margin:2px 10px 0 0;}
#cart-box button { margin-top:8px;} 

/* Sidebar box - search */
#search-box label { font-size:14px; display:block; margin-bottom:5px; }
#search-box input, #search-box select { margin-bottom:10px; }


/* Big/Medium box */
.bigbox { background:url(images/bigbox-body.gif) no-repeat center bottom; width:383px; } 
.bigbox h2{ background:url(images/bigbox-header.gif) no-repeat center bottom; width:371px; height:22px; padding:11px 0 0 12px; font-size:15px; font-weight:normal; color:#fff; display:block;  } 

.mediumbox { background:url(images/mediumbox-body.gif) no-repeat center bottom; width:208px; } 
.mediumbox h2{ background:url(images/mediumbox-header.gif) no-repeat left top; width:208px; height:22px; padding:11px 0 0 12px; font-size:15px; font-weight:normal; color:#fff; display:block;  } 

/* Sidebar box - claim */
#claim-box img { float:right;  }
#claim-box p { font-size:11px; margin-bottom:12px;}

/*sidebar box - store */
#store-box p { margin:7px 0; line-height:16px; font-size:11px; }

/* Homepage */
#banner { float:left; overflow:hidden; width:478px; height:304px; display:block; }
#banner img { float:left; display:block; }

.home-sale { width: 742px;  margin-top:45px; height: 67px; border-bottom: #ccc solid 1px; display: block; clear: both; }
.home-sale h2 { background: url(images/label-sale.jpg) no-repeat left top; width: 290px; height: 58px; float: left; text-indent: -9999px;}
.home-sale h3 { background: url(images/label-deal.jpg) no-repeat left top; width: 290px; height: 58px; float: left; text-indent: -9999px;}
.home-sale a { background: url(images/arrow.gif) no-repeat left center; padding-left: 20px; float: right; font-size: 15px; color: #ff5004; margin-top: 40px; text-decoration: none; }

#oneday { width:282px; float:right; border:#cdcdcd solid 1px; height:306px; display:block; }
#oneday h2 { width:282px; height:67px; background:url('images/oneday-header.gif'); text-indent:-9999px; }
#oneday .oneday-body { padding:10px; height:168px; display:block; }
#oneday .oneday-body a.title { font-size:15px; }
#oneday .oneday-body #desc { margin:8px 0; line-height:14px; }
#oneday .oneday-body .pic { float:left; margin-right:10px; }
#oneday .oneday-body #detail { float:left; width:150px; }
#oneday .oneday-body #detail  li { margin-bottom:8px; }
#oneday .oneday-body .usually { font-size:14px; color:#8f8f8f; }
#oneday .oneday-body .today { color:#ff4200; font-size:18px; }
#oneday .oneday-body .stock { color:#000; font-size:15px; font-weight:bold; } 
#oneday .oneday-body .soldout { width:150px; height:36px; font-size:30px; color:#fff; background:#de0f0f; font-weight:bold; text-align:center; padding-top:4px; }

#oneday .oneday-footer { height:27px; margin:2px; background:#cdcdcd; padding:10px; font-size:11px; }
#oneday .oneday-footer a { display:block; background:url(images/icon-rss.gif) no-repeat left center; padding-left:20px; height:15px; font-size:13px; color:#ff4f00; text-decoration:none; margin-top:3px; }

#list { margin:20px 0; border-top:#cdcccc solid 1px; background:url(images/dot.gif) repeat-y center top; overflow:auto; height:100%; }
#list h2 { color:#005eb2; font-size:28px; margin-bottom:15px; text-transform:uppercase; }
#list ul li { float:left; width:378px; height:158px; display:block; overflow:hidden; padding:18px 5px 18px 5px; border-bottom:#cdcccc solid 1px; }
#list ul li ul li { width:auto; height:auto; background:url(images/bullet-02.gif) no-repeat left 5px; float:none; padding:0 0 0 10px; margin-bottom:6px; border:none; text-transform:capitalize; }
#list ul li ul li.option { padding:0; background:none; margin-top:10px; }
#list .img { float:left; width:160px; height:160px; } 

.rank { background:url(images/frame-bottom.gif) no-repeat center bottom; height:100%; overflow:auto; width:386px; padding-bottom:8px; float:left; }
.rank h3.best-seller { background:url(images/bestseller.gif) no-repeat center top; width:323px; height:30px; display:block; font-size:20px; padding:16px 0 0 63px; }
.rank h3.latest-product { background:url(images/latestproduct.gif) no-repeat center top; width:323px; height:30px; display:block; font-size:20px; padding:16px 0 0 63px; }
.rank ul { border-left:#3088d7 solid 5px; border-right:#3088d7 solid 5px; }
.rank ul li  { padding:13px 2px; border-bottom:#3088d7 solid 1px; height:100%; overflow:auto; }
.rank p { float:left; display:block; height:40px; }
.rank .col1 { width:55px; text-align:center; margin-top:4px; }
.rank .col2 { width:145px; margin-right:13px; overflow:hidden; font-size:14px!important; line-height:18px;  }
.rank .col2 a { width:140px; height:20px; display:block; overflow:hidden; }
.rank .qty { width:22px; height:14px; text-align:center; font-size:10px; margin:0 0 3px 36px; }
.rank .col3 { width:75px; margin-right:11px;background:url(images/icon-cart.gif) no-repeat left top; } 
.rank .col4 { margin-top:-5px; }
.rank ul li.more { height:30px; text-align:center; border-bottom:none; } 
.rank ul li.more a { font-size:30px; text-decoration:none; font-weight:normal; text-transform:uppercase; }

/* browse */
#browse #category { padding:16px 0; display:block; height:100%; overflow:auto;}
#browse #category li { float:left; width:232px; padding:1px 0 0 26px; background:url(images/icon-folder.gif) no-repeat left center; height:21px; margin-bottom:3px; }
#browse #category li a { font-size:16px; padding:3px 0 0 7px; width:210px; height:19px; display:block; }
#browse #category li a:hover { background:#c0e2ff; text-decoration:none; } 

#browse .toolbar { }
#browse #page-top { background:url(images/sortbar-bg.gif) repeat-x center top; height:64px; padding:7px 7px 0 7px;border-top:#9f9f9f solid 1px;  }
#browse #sort { float:left; }
#browse #sort select { margin-right:10px; }
#browse #page-top .pages { float:right; }
#browse .pages ul li { float:left; margin-right:4px; }
#browse .pages #page-label { margin-right:5px; padding-top:2px;}
#browse .pages li a { width:15px; height:13px; padding-top:2px; text-align:center; border:#cecece solid 1px; background:#fff; color:#474747; display:block; text-decoration:none; font-size:12px; }
#browse .pages li a:hover, #browse .pages li a.selected { background:#ff5300; border:#ff5300 solid 1px; color:#fff; } 

#browse #page-bottom { display:block; margin-top:14px;}
#browse #page-bottom .pages { float:left; }
#browse #page-bottom a.top { float:right; background:url(images/btn-up.gif) no-repeat left top; padding:3px 0 0 25px; height:15px;  }

#plist { float:left; width:558px; display:block; } 
#product-grid { width:558px; background:url(images/product-line.gif) repeat-y center top; height:100%; overflow:auto; display:block; }
#product-grid li { width:162px; height:194px; display:block; border-bottom:#cfcfcf solid 1px; float:left; padding:12px 12px 12px 12px; }
#product-grid li .img { width:158px; height:105px; text-align:center; }
#product-grid li h2 { font-size:13px; margin-bottom:3px; height:27px; overflow:hidden; }
#product-grid li p { margin-bottom:2px; }
#product-grid li .status label { color:#30bc28; }
#product-grid li .price { color:#f64d00; } 
#product-grid li .cart { padding-left:29px; background:url(images/icon-cart.gif) no-repeat left center; margin-top:6px; display:block; } 
#product-grid .qty { width:22px; height:14px; font-size:10px; text-align:center; }

#product-list { height:100%; overflow:auto; display:block; }
#product-list li { padding:12px 0; border-bottom:#cfcfcf solid 1px; height:100%; overflow:auto; }

#product-list li .img { float:left; width:154px; }
#product-list li h2 { font-size:13px; margin-bottom:7px; }
#product-list li .desc { font-size:13px; margin-bottom:7px; }
#product-list li .status { font-size:14px; float:left; margin-right:10px; }
#product-list li .status label { color:#30bc28; }
#product-list li .price { font-size:14px; float:left; color:#f64d00; width:200px; } 
#product-list li .cart { padding:5px 0 0 29px; background:url(images/icon-cart.gif) no-repeat left 11px; float:left; display:block; } 
#product-list li .qty { width:22px; height:14px; font-size:10px; text-align:center;}


#browse #side-banner { float:right; width:202px; }
#browse #side-banner p { margin-bottom:15px; }


/* Product Detail */
#product-detail #info { height:100%; overflow:auto; border-bottom:#9f9f9f solid 1px; padding:10px 0; }
#product-detail #info #col1 { width:250px; padding-top:23px; float:left; }
#product-detail #info #col1 .pic { height:160px; width:200px; text-align:center; }
#product-detail #info #col1 .zoom { background:url(images/icon-zoom.gif) no-repeat left center; padding:5px 0 0 30px; font-size:11px; display:block; margin:6px 0 0 10px; height:17px; }
#product-detail #info #col2 { width:338px; padding-top:23px; float:left; }
#product-detail #info #col2 p { margin-bottom:8px; font-size:14px; }
#product-detail #info #col2 .path { color:#646464;  }
#product-detail #info #col2 .price { color:#ff6622; }
#product-detail #info #col2 .gst { color:#7c7c7c; font-size:10px; }
#product-detail #info #col2 .help { font-size:11px; }
#product-detail #info #col2 .cash-price .price { font-size:24px; }
#product-detail #info #col2 .icon { height:54px; padding-top:10px;}
#product-detail #info #col2 .icon img { margin-right:7px; }
#product-detail #info #col2 .stock { background:#e7e7e7!important; margin-right:5px; float:left; width:300px; display:block; height:60px;}
#product-detail #info #col2 .stock h2 { width:298px; height:15px; display:block; background:#a8a8a8; font-size:12px; margin:2px 0 0 2px; padding-top:2px; }
#product-detail #info #col2 .stock .instock { background:url(images/icon-smile.gif) no-repeat left center; height:17px; color:#3cbf35; width:250px; display:block; padding:4px 0 0 30px; margin:5px 0 0 10px; font-weight:bold; font-size:12px; } 
#product-detail #info #col2 .stock .outstock { background:url(images/icon-cry.gif) no-repeat left center; height:17px; color:#a30000; width:250px; display:block; padding:4px 0 0 25px; margin:5px 0 0 10px; font-weight:bold; font-size:12px; } 

#product-detail #info #col3 { float:right; }
#product-detail #info #col3 li { padding-left:8px; }
#product-detail #info #col3 #cart-add { margin:0 0 5px 0; }
#product-detail #info #col3 #cart-add h2 { background:url(images/box-heaedr-green.gif) no-repeat center top; }
#product-detail #info #col3 #cart-add .box-body { padding:0 12px 12px 12px; }
#product-detail #info #col3 #cart-add .qty { width:30px; height:18px; font-size:15px; text-align:center; }
#product-detail #info #col3 #cart-add .price { font-size:20px; float:left;}
#product-detail #info #col3 #cart-add .cart { background:url(images/icon-cart.gif) no-repeat 10px center; float:left; padding-left:40px; }
#product-detail #info #col3 #cart-add .option select { width:160px; font-size:11px; color:#000; }

#product-detail #info #col3 #cart-option { margin-bottom:0; }
#product-detail #info #col3 #cart-option .box-body { padding:2px 12px 6px 12px; }
#product-detail #info #col3 #cart-option ul { margin-left:0px; } 

#product-detail #detail { width:546px; float:left; padding-top:18px; }
#product-detail #detail h2 { font-size:22px; margin-bottom:12px; }
#product-detail #detail #desc { line-height:16px; }
#product-detail #detail table { margin-top:22px; width:100%; }
#product-detail #detail td { padding:6px; border-bottom:#d9d9d9  solid 1px; }
#product-detail #detail .head td { background:#005eb1; color:#fff; } 

#product-detail #helpbox { width:208px; float:right; border-bottom:#9f9f9f solid 1px; border-left:#9f9f9f solid 1px; border-right:#9f9f9f solid 1px; padding:1px;  }
#product-detail #helpbox h3 { background:#878787; color:#fff; height:20px; font-size:14px; padding:6px 0 0 11px; }
#product-detail #helpbox p { padding:12px; }


/* General Page */
#general #text { float:left; width:480px; margin-top:27px; line-height:17px; }
#general #text p { margin-bottom:10px; }
#general #text ul { list-style:square; margin-left: 20px;}
#general #picture { float:right; width:273px;margin-top:27px; }
#general #picture img { display:block; margin-bottom:15px; }

/* Register / login Form */
#register #info { background:url(images/regbox-1.gif) no-repeat center top; width:499px; height:27px; padding:15px 0 0 50px; margin-bottom:14px; }
#register #regbox{ width:550px; margin-top:25px; float:left;}
#register #regform { clear:both; width:509px; height:236px; background:url(images/regbox-2.gif) no-repeat center top; padding:20px;}
#register #regform .label { width:145px; }
#register #regform span { color:#CC0000; }
#register #regform input { margin-bottom:8px; }
#register #regside { width:214px; float:right; margin-top:25px; }
#register #regside h2 { font-size:16px; color:#005fb3; margin-bottom:10px; } 
#register #regside p { margin-bottom:28px; } 

#register #login { clear:both; width:509px; height:236px; background:url(images/regbox-3.gif) no-repeat center top; padding:20px;}
#register #login .label { width:145px; vertical-align:middle; }
#register #login .content {  vertical-align:middle; }
#register #login span { color:#CC0000; }
#register #login input { margin-bottom:8px; }



/* Error Message Box */
.errorbox-header { background:url(images/errorbox1-top.gif) no-repeat center top; width:548px; height:7px; display:block; }
.errorbox { background:url(images/errorbox1-middle.gif) repeat-y center top;; width:548px;display:block;  height:100%; overflow:auto; }
.errorbox-footer { background:url(images/errorbox1-bottom.gif) no-repeat center top; width:548px; height:7px; display:block;margin-bottom:15px; }
.errorbox h2 { color:#e15555; font-size:14px; width:153px; float:left; margin:0px 0 0 20px; }
.errorbox .list { float:left; }
.errorbox li { margin-bottom:2px; font-size:12px; color:#7a2e2e; background:url(images/bullet-04.gif) no-repeat left 4px; padding-left:10px; }

/* Success Message Box */
.successbox { border:#acc19d solid 1px; background:#ecf5d2;display:block; height:100%; overflow:auto; padding:10px 10px; margin-bottom:15px; }
.successbox h2 { color:#608744; font-size:16px;padding-bottom:4px; border-bottom:#608744 solid 1px; margin-bottom:20px; font-weight:bold; }
.successbox p { margin-bottom:15px; font-size:15px; }
.successbox ul { list-style:none; }
.successbox li { margin-bottom:2px; font-size:12px; color:#698e4d; background:url(images/bullet-04.gif) no-repeat left 4px; padding-left:10px; list-style:none; }

/* Cart - Step 1*/
#cart #progress { margin:20px 0; height:42px; display:block; }
#cart #progress li { float:left; }
#cart #progress li a { height:42px; text-indent:-9999px;display:block; }
#cart #progress li a#step1 { width:156px; background:url(images/cart-step1.gif) no-repeat center top;  } 
#cart #progress li a#step1.selected { background:url(images/cart-step1.gif) no-repeat center -42px!important; }
#cart #progress li a#step2 { width:156px; background:url(images/cart-step2.gif) no-repeat center top;  } 
#cart #progress li a#step2.selected { background:url(images/cart-step2.gif) no-repeat center -42px!important; }
#cart #progress li a#step3 { width:163px; background:url(images/cart-step3.gif) no-repeat center top;  } 
#cart #progress li a#step3.selected { background:url(images/cart-step3.gif) no-repeat center -42px!important; }
#cart #progress li a#step4 { width:154px; background:url(images/cart-step4.gif) no-repeat center top;  } 
#cart #progress li a#step4.selected { background:url(images/cart-step4.gif) no-repeat center -42px!important; }
#cart #progress li a#step5 { width:153px; background:url(images/cart-step5.gif) no-repeat center top;  } 
#cart #progress li a#step5.selected { background:url(images/cart-step5.gif) no-repeat center -42px!important; }

#cart #cart-list { background:url(images/cart-body.gif) repeat-y left top;  }
#cart #cart-list #cart-list-wrapper { background:url(images/cart-header.gif) no-repeat left top;}
#cart #cart-list table { margin:3px 11px 10px 11px; display:inline; border-collapse:collapse; }
#cart #cart-list table td { height:34px; vertical-align:middle; border-bottom:#b9b9b9 solid 1px;  }
#cart #cart-list table .head td { font-size:15px; color:#fff; border-bottom:none; height:34px; }
#cart #cart-list table .head .col3 { text-indent:8px;}
#cart #cart-list .qty { width:39px; height:18px; text-align:center; }
#cart .details { margin-top:5px; }

#cart #info { background:url(images/cart-footer.gif) no-repeat center bottom; height:100%; overflow:auto; border-top:#d9d9d9 solid 6px; }
#cart #info #voucher { margin:8px 0 0 8px; padding-left:36px; width:240px; height:78px; float:left; background:url(images/icon-star.gif) no-repeat left top; display:block; color:#848484; font-size:11px; }
#cart #info #voucher h2 { margin:8px 0 2px 0; font-weight:bold; color:#000; font-size:12px; }
#cart #info #voucher p { margin-bottom:4px; }
#cart #info #voucher #vmsg { color: #cc0000; margin-top: 10px; font-weight: bold; }
#cart #info #calculate { float:left; margin:12px 0 0 135px; }
#cart #info #calculate li { font-size:14px; margin-bottom:9px; }
#cart #info #calculate li span { width:100px; display:block; float:left; margin-right:18px; text-align:right;  }
#cart #info #calculate li.total { color:#ff6622; font-weight:bold; text-decoration:underline; } 

#cart .toolbar { margin:10px 0; }
#cart .toolbar a.contiune { float:left; margin-top:12px; }
#cart .toolbar a.update { float:right; margin:12px 26px 0 0 ; }
#cart .toolbar a.proceed { float:right; }

/* Cart - Step 2 */
#cart-login #loginform table { margin:10px; }
#cart-login #loginform .label { height:26px; width:130px;  }
#cart-login #loginform .content { height:26px; }

#cart-login #loginform { min-height:280px; float:left; }
#cart-login #loginform hr { border:none; border-top:#ccc solid 1px; margin:12px 0; height:1px;}
#cart-login #loginform .text { color:#666; height:40px; }
#cart-login #msg { border:#ffc6c6 solid 1px;  padding:6px; color:#ffc6c6; margin:10px auto; width:348px; } 
#cart-login #msg li { list-style:none; padding-left:10px;color:#7a2e2e; }

#cart-login #regform { float:right; } 
#cart-login #regform table { margin:10px;  } 
#cart-login #regform .label { width:140px;  height:26px;}
#cart-login #regform .label span { color:#cc0000; }
#cart-login #regform .text { color:#666; height:40px; }

/* Cart - Step 3 */
#cart-form .form { float:left; width:350px; border:#ddd solid 1px; padding:15px; }
#cart-form h2 { font-size:16px; font-weight:bold; color:#005eb2; margin-bottom:15px; }
#cart-form .form .label { width:110px; height:23px; }
#cart-form .form .label  span { color:#cc0000; }
#cart-form .form .textbox, #cart-form .form .listbox { width:230px; }
#cart-form .form .textarea { width:340px; height:79px; margin-top:10px; }
#cart-form #cart-personal { margin-right:17px; }
#cart-form #billing-table.close td, #cart-form #billing-table.close h2 { color:#ccc; }
#cart-form #billing-table.close input { color:#ccc; }
#cart-form #billing-table.close select, #cart-form #billing-table.close option { color:#ccc; }

#cart .navbar { clear:both; padding-top:20px; }
#cart .navbar .button { font-size:15px; }
#cart .navbar .left { float:left; }
#cart .navbar .right { float:right; }

/* Cart - Step 4 */ 

#cart .review { height:290px; } 
#cart .review .label { border-bottom:#ccc solid 1px; padding-top:5px; font-weight:bold; width:150px; }
#cart .review .content { border-bottom:#ccc solid 1px; width:300px; color:#666; }

#cart .space { clear:both; height:15px; display:block; }
#cart #payment { padding:15px; border:#ccc solid 1px; display:block; overflow:auto; height:100%;  }
#cart #payment #option { float:left; width:200px; border-right:#ccc solid 1px; height:130px;  }
#cart #payment #option li { font-size:13px; font-weight:bold;  margin-bottom:5px;}
#cart #payment #explain { float:right; width:500px; }
#cart #payment #explain h2 { background:none; font-size:15px; color:#333; padding:0; height:20px; width:400px; margin-bottom:10px!important;   }
#cart #payment #explain .box p { line-height:16px!important;  }

/* Cart - Step 5 */
#cart #step5 p { margin-bottom:20px; }
#cart #step5 li { float: left; }
#cart #step5 a#print { background:url(images/btn-126-28.gif) no-repeat center top; width:126px; height:22px; display:block;  text-align:center; font-size:14px; margin-right:10px; color:#fff; text-decoration:none; padding-top:6px; }
#cart #step5 a#status { background:url(images/btn-126-28b.gif) no-repeat center top; width:126px; height:22px; display:block;  text-align:center; font-size:14px; margin-right:10px; color:#fff; text-decoration:none; padding-top:6px; }
#cart #step5 a#home { background:url(images/btn-126-28b.gif) no-repeat center top; width:126px; height:22px; display:block;  text-align:center; font-size:14px; margin-right:10px; color:#fff; text-decoration:none; padding-top:6px; }



/* Member Dashboard */
#member #main { margin-top:20px; width:540px; float:left; }
#member #main .overview li { height:22px; border-bottom:#ccc dotted 1px; color:#005eb2; font-size:14px; padding-top:8px; }
#member #main .overview li p { color:#000; width:130px; float:left; }
#member #main #news { margin-top:30px; }
#member #main #news ul li { border-bottom:#ccc solid 1px; padding:14px 0; height:100%; overflow:auto;  }
#member #main #news ul li h2 { font-size:15px; color:#005eb2; margin-bottom:16px; }
#member #main #news ul li p { width:384px; float:left; line-height:16px; color:#4b4b4b; }
#member #main #news ul li img { float:right; }
#member #main h3 { background:url(images/icon-gift.gif) no-repeat left center; padding:8px 0 0 40px; font-size:18px; margin:20px 0; height:22px; }

#member #side { margin-top:20px; float:right;  }
#member #side #function { padding-bottom:7px; margin-bottom:26px; }
#member #side #function ul { margin:15px 0 15px 15px; }
#member #side #function ul li { background:url(images/bullet-01.gif) no-repeat left center; padding-left:15px; font-size:13px; margin-bottom:5px; }

#member #side #recent { padding-bottom:7px; }
#member #side #recent ul { margin:15px 0 15px 15px; }
#member #side #recent ul li { background:url(images/bullet-01.gif) no-repeat left 5px; padding-left:15px; font-size:13px; margin-bottom:15px; }
#member #side #recent ul li br { margin-bottom:7px; }
#member #side #recent ul li .date { color:#5e5e5e; font-size:11px; }
#member .status-order { font-size:11px; color:#FF6600; }
#member .status-confirm { font-size:11px; color:#30bb28; }
#member .status-waiting { font-size:11px; color:#a30000; }  
#member .status-shipped { font-size:11px; color:#3366CC; } 
#member .status-close { font-size:11px; color:ccc; } 

/* Member - Profile */

#member #regbox{ width:550px; margin-top:23px; float:left;}
#member #regform { clear:both; width:509px; background:#efefef; border:#bfbfbf solid 1px; padding:20px; overflow:auto; height:100%; }
#member #regform .label { width:145px; height:20px; }
#member #regform span { color:#CC0000; }
#member #regform input, #member #regform select, #member #regform textarea  { margin-bottom:8px; }
#member #regform td h2 { font-size:15px; font-weight:bold; color:#005EB2; border-bottom:#ccc solid 1px; padding-bottom:3px; margin:10px 0;  }
#member #regform td h3 { font-style:italic; margin-bottom:10px;  }

/* Member - Orders */
#order table { width:100%; border-collapse:collapse; }
#order td {  border-bottom:#ccc solid 1px; padding:6px; font-size:12px; }
#order .table-header { background:#005EB2;  color:#fff;}
#order .rowover { background:#eee; }
#order .row { background:#fff; } 

/* member - orderdetail */
#member #order-detail table { width:100%; border-collapse:collapse; }
#member #order-detail td { padding:4px; border-bottom:#ddd dotted 1px; }
#member #order-detail h2 { color:#005EB2; background:none; font-size:16px; font-weight:bold; margin-bottom:5px; padding:0; width:auto; } 
#member #order-detail .box { padding:10px; border:#ccc solid 1px; }
#member #order-detail .col1 { font-weight:bold; }
#member #order-detail #box2 { width:240px; float:left; display:block; margin-bottom:10px; }
#member #order-detail #box2 .col1, #member #order-detail #box3 .col1 { width:60px; }
#member #order-detail #box3 { width:240px; float:right; display:block;margin-bottom:10px; }
#member #order-detail #box4 { clear:both; padding-bottom:20px; }
#member #detail td { border:none; }
#member #detail .heading { background:#ddd; font-weight:bold; }

/* Member - claim */
#member .claim p { margin-bottom:15px; line-height:normal; } 
#member .claimdetail table { width:100%; }
#member .claimdetail table td { border-bottom:#ddd solid 1px; padding-top:5px; height:26px; font-size:13px; color:#444; }
#member .claimdetail .label { font-weight:bold;   }

/* PC Builder */
#pcbuilder #text { margin:15px 0; line-height:16px;  }
#pcbuilder .toolbar { text-align:right; background:url(images/sortbar-bg.gif) repeat-x center top; height:30px; padding:7px 7px 0 7px;border-top:#9f9f9f solid 1px; }

#pcbuilder .pclist { clear:both; padding-top:15px; }
#pcbuilder .pclist p { padding:10px; margin:5px; }
#pcbuilder .pclist .pic { text-align:center; border:#ddd solid 1px; float:left; width:150px; }
#pcbuilder .pclist .desc { color:#666; line-height:15px; overflow:hidden; margin-bottom:0px; }
#pcbuilder .pclist .desc b { font-weight:bold; display:block; margin-bottom:5px; font-size:15px; color:#333;}
#pcbuilder .pclist .price { height:15px; margin:0; padding:0; float:left; margin-left:10px; width:555px; }
#pcbuilder .pclist .price .left { color:#666; font-weight:bold; }
#pcbuilder .pclist .price .right { color:#ff4f00; font-size:18px;  }
#pcbuilder .pclist .customise { float:left; padding:0; margin:20px 0 0 10px; }
#pcbuilder .pclist .customise .custompc { background:url(images/btn-buildpc.gif) no-repeat center top; width:171px; height:43px; display:block; text-indent:-9999px; float:left; margin-right:20px; }
#pcbuilder .pclist .customise .viewdetail { background:url(images/btn-viewdetail.gif) no-repeat center top; width:171px; height:43px; display:block; text-indent:-9999px; float:left; }
#pcbuilder .pclist .spec { border-top:#ddd solid 1px; margin:7px; padding:10px 0; clear:both;  }
#pcbuilder .pclist .spec li { padding:5px; font-size:11px; line-height:14px; height:25px; overflow:hidden; width:370px; float:left;}
#pcbuilder .pclist .spec li.row0,#pcbuilder .pclist .pcbuilder-detail li.row1 { background:#f3f3f3; }
#pcbuilder .pclist .spec li.row2,#pcbuilder .pclist .spec li.row3 { background:#e1e1e1; }
#pcbuilder .pclist .spec li b { font-size:12px; }
#pcbuilder .pclist .spec  table { margin-top:12px; width:100%; border:#ccc solid 1px; padding:6px; }
#pcbuilder .pclist .spec  td { padding:6px; border-bottom:#d9d9d9  solid 1px; background:#f5f5f5; }
#pcbuilder .pclist .spec .head td { background:#005eb1; color:#fff; font-weight:bold; } 

#pcbuilder-detail #overview { padding:15px 0; border-bottom:#ddd solid 1px; height:100%; overflow:auto; }
#pcbuilder-detail #overview .img { float:left; margin-right:15px; }
#pcbuilder-detail #overview .text { width:420px; float:left; display:block; line-height:16px; margin-right:15px; }
#pcbuilder-detail #overview .pricebox { border:#ddd solid 1px; padding:10px; float:left; width:160px; height:100%; overflow:auto; }
#pcbuilder-detail #overview .pricebox h2 { font-size:15px; font-weight:bold; margin-bottom:10px; }
#pcbuilder-detail #overview .pricebox #price { font-size:34px; display:block; margin-bottom:5px; color:#ff4f00; }
#pcbuilder-detail #overview .pricebox .gst { color:#999; }
#pcbuilder-detail #overview .pricebox hr { border:none; border-top:#ddd solid 1px; margin:10px 0; height:1px; }
#pcbuilder-detail li { border-bottom:#ddd solid 1px; padding:18px 0; height:100%; overflow:auto; }
#pcbuilder-detail li .pic { float:left; margin-right:30px; width:80px; display:block; }
#pcbuilder-detail li .option { float:left; width:600px; display:inline; }
#pcbuilder-detail li .option label { display:block; margin-bottom:7px; cursor:pointer;  }
#pcbuilder-detail li h2 { font-weight:bold; margin-bottom:10px;  color:#005eb2; font-size:14px; }
#pcbuilder-detail .different { color:#666; font-style:italic; }

#pcbuilder-detail #spec { width:776px; margin-bottom:20px;  }
#pcbuilder-detail #spec h2 { font-size:22px; margin-bottom:12px; }
#pcbuilder-detail #spec #desc { line-height:16px; }
#pcbuilder-detail #spec table { margin-top:22px; width:100%; border:#ccc solid 1px; padding:6px; }
#pcbuilder-detail #spec td { padding:6px; border-bottom:#d9d9d9  solid 1px; background:#f5f5f5; }
#pcbuilder-detail #spec .head td { background:#005eb1; color:#fff; font-weight:bold; } 

/* Contact */
#contact .item { overflow:auto; height:100%; margin:20px 0; border-bottom:#ccc solid 12px; padding-bottom:20px; }
#contact .left { float:left; width:500px; }
#contact .left li { border-bottom:#ccc dotted 1px; height:17px; padding:6px 0 0 10px; background:url(images/bullet-01.gif) no-repeat left 10px; }
#contact .left li span { width:100px; display:block; font-weight:bold; float:left; }
#contact .left .form { border:#ccc solid 1px; margin-top:10px; padding:14px; }
#contact h2 { font-size:16px; color:#005eb2; font-weight:bold; margin-bottom:10px; } 
#contact .left .form td {  }
#contact .left .form .label { width:60px; height:20px; }
#contact .left .form .label-msg { vertical-align:top; padding-top:5px; }
#contact .left .form .content { width:180px; }
#contact .left .form .textbox { width:150px; }
#contact .left .form .textarea { width:384px; height:120px; }
#contact .left .form .button { margin:8px 0 0 350px; }
#contact .right { float:right; width:250px; }
#contact iframe { border:#000 solid 1px; }

/* page form  */

#general  .dealerform { clear: both; border: #ccc solid 1px; padding: 20px; }
#general  .dealerform td {  }
#general  .dealerform .label { width:80px; height:30px; text-indent: 10px; }
#general  .dealerform .label-msg { vertical-align:top; padding-top:5px; }
#general  .dealerform .content { width:180px; }
#general  .dealerform .textbox { width:240px; padding: 2px; }
#general  .dealerform .textarea { width:564px; height:70px; padding: 2px; }
#general  .dealerform .button { margin:8px 0 0 80px; }