/* CSS Document */
* {margin:0;padding:0}
body {text-align:center;background:#666;padding-top:30px}
body,a,b,p,li,ul,table,h1,h2,h3,h4,h5.h6,input,select {font-family:arial}
table {border-collapse:collapse;width:100%}
a {color:#000;text-decoration:none}
a:hover {color:#f60;text-decoration:underline}
img {border:0}
.pic {padding:5px;width:80px;height:80px}
.price {color:#c60;font-weight:bold}
.keyword {color:#ff9999;font-size:25;}
.data {color:#f60}
.categoryname {color:#000;font-size:24px;font-family:Arial narrow}
#top {padding:5px 25px;float:right;font-size:11px;font-weight:bold}
li {list-style-type:none}
.tableframe {width:100%}
.shortcut {background:url(bg-sortcut.gif) no-repeat;height:55px;display:none}
.shortcut div {padding-top:20px;text-align:center}
#flashcontent2 {position:absolute;left:0;top:0}


/* HEAD */
#head {height:80px;position:relative;width:100%;background:url(bg-header.gif) no-repeat}
  .logo {position:absolute;left:22px;top:18px;}
  .secnav {position:absolute;right:15px;top:10px}
  .nav {position:absolute;right:15px;top:35px}
  .nav li {float:left;margin-left:1px}
  
  #shopcart {position:absolute;right:20px;top:6px;z-index:999;font-size:11px;line-height:33px;color:#fff}
  #shopcart a {padding:0 5px;color:#fc0;text-decoration:underline}
  #shopcart a:hover {color:#fff;text-decoration:none}
  #shopcart b {background:url(bg-shopcart.gif) no-repeat left center;padding-left:15px}
  

.indexinfo {position:absolute;right:15px;top:0;width:195px}
  .indexinfo h1 {font-size:12px;border-top:#ccc 1px solid;padding:5px 0 8px 0}
  .indexinfo ul {padding-bottom:10px}
  .indexinfo ul li {font-size:12px;line-height:14px;font-weight:bold}
  .indexinfo ul li a {color:#f60}
  .indexinfo ul li a:hover {color:#666}
  .indexinfo p {font-size:11px;color:#666;line-height:12px;padding-bottom:10px}
  .indexinfo p a {color:#00c;text-decoration:underline}
  .indexinfo p a:hover {color:#f60;text-decoration:none}

/* NAVIGATOR */
#navigator {width:100%;height:83px;display:none}
  #navigator li {float:left;font-size:0}

/* WRAP */
#wrap {width:800px;margin-left:auto;margin-right:auto;text-align:left}
#wrapmain {width:100%;float:left;background:#fff;position:relative}
#wrapmainleft {position:absolute;left:0;top:10px;width:170px;font-size:11px;z-index:999}
#wrapmainleft h5 {padding:0 10px;line-height:30px;text-align:left;border-bottom:#ccc 1px dashed}

#wrapmaincenter {padding:10px 0 10px 200px;min-height:300px}
#wrapmaincenter2 {background:#fff;padding:0 15px;position:relative}
#wrapmaincenter3 {padding:10px 0 10px 200px;min-height:300px}
  .ad2 {border-bottom:#fff 5px solid;margin-left:5px;background:#eee}
  .indexad {height:339px;margin-left:5px;font-size:0}
  .indexad ul {float:left;width:255px;height:339px;font-size:0}
  .indexad ul li {width:100%;margin:0;padding:0;font-size:0}
  .indexad ul.a {width:260px}
  

#footer {float:left;width:100%;background:url(bg-footer.gif) no-repeat left top}
  #footer p {line-height:14px;text-align:center;font-size:11px;padding:15px 0;color:#fff}
    

/* SORTLIST */ 
#sortlist {}
  #sortlist ul {}
  #sortlist li {padding:3px 0;line-height:14px;color:#999;font-size:11px;border-bottom:#ccc 1px dashed}
  #sortlist li a {color:#666}
  #sortlist li a:hover {color:#f60;text-decoration:underline}
  
  #sortlist h3 {font-weight:bold;padding:0 10px;color:#333;font-size:11px;line-height:20px;border-bottom:#ccc 1px dashed}
  #sortlist h3 a {color:#333}
  #sortlist h3 a:hover {color:#f60}
  
  #sortlist h4 {font-weight:normal;padding:0 10px 0 15px;color:#999;font-size:12px;line-height:20px;border-bottom:#ccc 1px dashed}
  #sortlist h4 a {font-weight:bold;color:#f60}
  #sortlist h4 a:hover {color:#f60}
  
  #sortlist h5 {font-weight:normal;padding:0 10px;color:#999;font-size:12px;line-height:20px;border-bottom:#ccc 1px dashed}
  #sortlist h5 a {font-weight:bold;color:#000}
  #sortlist h5 a:hover {color:#f60}
  
  /* BRAND LIST */
  #brandlist {font-size:11px;text-align:right;position:relative;margin-bottom:10px}
  #brandlist ul {}
  #brandlist li {list-style-type:none;border-bottom:#e0e0e0 1px dashed}
  #brandlist li a,#brandlist li a:link,#brandlist li a:visited,#brandlist li a:active {color:#666;text-decoration:none;width:100%}
  #brandlist li a:hover {color:#f60;background:#f6f6f6}
  #brandlist h3 {color:#390;font-weight:normal;font-size:20px;line-height:30px}
  #brandlist h3 a,#brandlist h3 a:link,#brandlist h3 a:visited,#brandlist h3 a:active {color:#390;text-decoration:none}
  #brandlist h3 a:hover {color:#f60}

/* ACCOUNT MENU */
#accountmenu {text-align:right;position:relative;margin-bottom:10px;margin-top:70px}
  #accountmenu ul {}
  #accountmenu li {list-style-type:none;border-bottom:#e0e0e0 1px solid;line-height:25px}
  #accountmenu li a,#accountmenu li a:link,#accountmenu li a:visited,#accountmenu li a:active {color:#333;text-decoration:none;width:100%}
  #accountmenu li a:hover {color:#f60}
  
/* SEARCH */
#search {height:40px;background:url(bg-search.gif) no-repeat;position:relative;margin:0 15px}
  #search ul {padding-left:10px;padding-top:6px}
  #search li {float:left;line-height:33px;padding-right:5px;font-size:10px;color:#fff;font-weight:bold}
  #search li.a {padding-top:5px}
  #search li input,#search li select {font-size:10px;}

/*SEARCH RESULT*/
#searchresult {}
  .info {font-size:12px;padding:5px 0}
  #searchresult li {list-style-type:none;text-align:center}
  #searchresult h5 {color:#f63;font-size:14px;padding:10px;}
  #searchresult a {color:#000}
  #searchresult a:hover {color:#f60}
  
  /*@start*/
  /* @note:Search Result Image @template:#searchresult img {weight:150px;}*/
  #searchresult img {}
  /*@end*/
  
/* MONTHLY SPECIAL */
#monthlyspecial {width:100%}
  #monthlyspecial img {}
  
/* NEW PRODUCTS */
#newproducts {margin-left:5px}
  #newproducts img {height:100px}

/* PRODUCT LIST */
  #thumbnaillist {width:100%;position:relative;margin-bottom:10px}
  #thumbnaillist input {font-size:9px;color:#000}
  #thumbnaillist div {}
  #thumbnaillist li {list-style-type:none;text-align:center}
  #thumbnaillist h5 {color:#f63;font-size:14px;padding:10px;}
  #thumbnaillist a {color:#000}
  #thumbnaillist a:hover {color:#f60}

/* DETAIL LIST VIEW */
#detaillistview {}
  #detaillist {margin:10px 0;height:80px;color:#000;font-size:11px;border-bottom:#eee 1px solid}
  #detaillist ul {float:left;width:410px}
  #detaillist li {list-style-type:none}
  #detaillist h5 {color:#f63;font-size:14px;padding:10px;}
  #detaillist a,#detaillist a:link {color:#000;text-decoration:underline}
  #detaillist a:hover {color:#f60}
  #detaillistpic {float:left;width:90px;padding:0 0 0 10px}
  #detaillistprice {float:left;width:80px;padding:0 10px 0 0;text-align:right}
  
/* RIGHT */
  
  #wrapmainrightsize {;padding:10px}
/* TOP SELLING */
#topselling {width:100%;margin-bottom:10px}

/* TOP BRAND */
#topbrands {width:100%;margin-bottom:10px;font-size:10px}
  #topbrands h5 {font-size:12px;line-height:20px;padding:0 10px;background:#f60;color:#fff}
  #topbrands ul {}
  #topbrands li {padding:0 5px;list-style-type:none;border-bottom:#eee 1px solid;line-height:15px}
  #topbrands li a:hover {width:100%;background:#f6f6f6}

/* SHOPINFO */
.shopinfo {padding:5px 0;border-bottom:#ccc 1px dashed}
  .shopinfo li {margin-left:20px;line-height:12px;padding:2px 0;list-style-type:disc;color:#ccc;font-size:10px}
  .shopinfo li a {font-size:11px;color:#000}
  .shopinfo li a:hover {color:#f60}

/* PAGEINFO */
#pageinfo {padding-bottom:10px}
  #pageinfo p {}
  #pageinfo h5 {color:#000;font-size:16px;}
  
/* PATH */
#path {border-bottom:#eee 3px solid}
  #path p {line-height:20px;height:20px;font-size:11px}
  #path p a {color:#00c;text-decoration:underline}
  #path p a:hover {color:#f60}
  #path p b {font-weight:normal;padding:0 3px;color:#999;font-size:10px}

/* PAGENUMBER */
#pagenumber {padding:5px;font-size:11px;line-height:20px;color:#666;text-align:center;}
#pagenumber a {border:#e4e4e4 1px solid;padding:1px 2px;color:#000;background:#fff;font-size:11px}
#pagenumber a:hover {border:#999 1px solid;color:#f60;text-decoration:none}
.pagenumberon {border:#666 1px solid;color:#fff;background:#666;padding:1px 2px}
  

/* TABLE */ 
/* PRODUCT LIST */
table.thumbnail {}
  table.thumbnail thead td {padding:5px 10px;vertical-align:top;border:#f6f6f6 1px solid;text-align:center}
  table.thumbnail tbody td {padding:5px 0;vertical-align:top;text-align:center}
  table.thumbnail tbody td p {padding:0 10px;font-size:11px;text-align:center;line-height:12px}
  table.thumbnail tbody td p img {border:0}
  table.thumbnail tbody td img {border:#fff 3px solid}
  table.thumbnail tbody td p b {display:block}
  table.thumbnail tbody td p.pname {}
  table.thumbnail tbody td p.price {padding-bottom:5px;font-weight:normal;font-size:12px;line-height:20px;color:#000}
  table.thumbnail tbody td p a {color:#000;}
  table.thumbnail tbody td p a:hover {color:#f60;}
  table.thumbnail tbody td p.pname a {color:#000;}
  table.thumbnail tbody td p.pname a:hover {color:#f60;}
/* LOGIN */
table.login {border:#c0c0c0 1px solid;border-collapse:collapse;font-size:12px}
  table.login thead td {background:#666;padding:5px 10px;color:#fff;font-weight:bold}
  table.login tbody td {border:#c0c0c0 1px solid;padding:5px 10px;vertical-align:top;font-size:11px}
  table.login tfoot td {border:#c0c0c0 1px solid;padding:10px;border-top:#eee 1px solid}
  table.login a {text-decoration:underline}
/* SHOPLIST */  
#shoplist {border-top:#fff 5px solid}
  table.shoplisttable {border-collapse:collapse;font-size:12px;color:#000;line-height:15px;border:#ccc 1px solid}
  table.shoplisttable thead td {}
  table.shoplisttable tbody td {padding:3px 10px;border-left:#ccc 1px solid;font-size:11px}
  table.shoplisttable tbody td input {font-weight:bold;font-size:12px;color:#000}
  table.shoplisttable tbody th {padding:3px 10px;color:#000;text-align:left;font-size:11px}
  
/* LITTLE THUMBNAIL */
#littlethumbnail {width:100%}  
  #littlethumbnail .list {height:60px;background:url(bg-hotitems.gif) no-repeat left bottom}
  #littlethumbnail ul {padding:5px 0}
  #littlethumbnail ul.text {float:left;width:150px}
  #littlethumbnail ul p {font-size:11px;line-height:12px}
  #littlethumbnail ul p a {color:#000}
  #littlethumbnail ul p a:hover {color:#f60}
  #littlethumbnail ul.littlepic {float:left;width:50px;}
  #littlethumbnail ul.littlepic img {background:#fff;border:#ccc 1px solid}
  
/* PRODUCT DETAIL */
#productdetail {height:270px}
  #productdetail .litmenu {line-height:30px;text-align:right;padding:0 10px;font-size:10px;color:#999}
  #productdetail .litmenu a {font-size:10px;color:#00c;text-decoration:underline}
  #productdetail .litmenu a:hover {color:#f60}
  
  #productdetail ul {margin-left:230px;line-height:20px;color:#000}
  #productdetail ul p {font-size:11px}
  #productdetail li {}
  #productdetail h3 {font-size:16px;color:#F9c}
  #productdetail h5 {font-size:12px}
  #productdetail p b {width:120px;color:#666;float:left;font-size:10px}
  #productdetail p {margin:0 10px;}
  
  #productdetailpic {float:left;width:220px;text-align:center;background:#fff;border:#ccc 1px solid}
  #productdetailpic p {font-size:10px;line-height:20px}
  #productdetailpic img {display:block;margin:10px;width:200px}
  
  #size {margin-bottom:10px}
  #description {border-bottom:#ccc 1px dashed}
  #additionalpic {height:60px;line-height:30px}
  

/* AD */
#ad {text-align:center}

/* MAIN CONTENT */

#pagetitle {margin:0 0 0 5px;}
  #pagetitle p {line-height:40px;color:#369;font-size:30px;padding:0 10px;font-family:arial narrow;font-weight:normal}

#pagecontent {margin:0 5px;padding:0 10px}
  #pagecontent p {padding:5px 0;color:#000}
  #pagecontent h5 {font-size:14px}

#featuredproduct {width:100%}
  #featuredproduct h1 {font-size:14px;border-bottom:#ccc 1px solid;line-height:30px;padding:0 10px}
  #featuredproduct h1 b {float:right;line-height:30px;font-size:11px;}





#viewmode {float:right;text-align:right;color:#000}
  #viewmode a,#viewmode a:link {text-decoration:underline}
  
.piclittle {float:left;margin-right:5px;width:50px;height:50px;padding:5px;border:#eee 1px solid}



/* PRODUCT DESCRIPTION */ 
#productdescription {color:#666;border-top:#fff 5px solid}
  #productdescription p {padding:5px 15px;text-align:justify;font-size:11px}

#brandiconview {padding:10px}
  .brandiconlist {padding:0}
  .brandicon {float:left;padding:10px;text-align:center;border:#eee 1px solid}

#brandnameview {padding:10px;line-height:20px}
  #brandnameview h5 {color:#000;font-size:12px;margin:10px 0;background:#eee}
  #brandnameview a,#brandnameview a:link {padding-right:10px;color:#666}
  #brandnameview a:hover {color:#f60}

#brandprofile {margin:10px 20px;padding:5px;color:#666;text-align:justify}
  #brandprofile h5 {color:#CC6699;font-size:14px;}

#brandshowproduct {}
  #brandshowproduct h5 {padding:5px 25px;color:#CC6699;font-size:14px;}

/* MY ACOUNT */  
#myaccount {min-height:300px}
  #myaccount h5 {color:#000;font-size:16px;line-height:30px}
  #myaccount p.info {font-size:11px;padding:0 10px}
  #myaccount p {font-size:12px;line-height:14px;padding:5px 0}
  #myaccount a {text-decoration:underline;color:#00c}
  #myaccount a:hover {text-decoration:none;color:#f60}

#orderhistory {}
#orderhistory a,#orderhistory a:link {text-decoration:underline}
.orderlist {width:580px !important;border:#c0c0c0 1px solid;border-collapse:collapse;font-size:12px;color:#000;line-height:15px}
  .orderlist thead td {background:#666;padding:3px 8px;color:#fff;border-bottom:#666 1px solid}
  .orderlist tbody td {padding:8px;vertical-align:top;font-size:11px;border-top:#eee 1px solid}
  .orderlist tbody th {font-weight:normal;color:#000;text-align:right;font-size:11px}
  .orderlist tfoot td {padding:10px;border-top:#eee 1px solid} 

/* OTHERS */
#joinfranchiese {padding:10px;border:#eee 1px solid;font-size:20px;margin-bottom:10px;text-align:center}

/* Shopping */
#shoppingnavigator {width:100%;display:none}
table.shoppingnavigatorlabel {border:#c0c0c0 1px solid}
  table.shoppingnavigatorlabel tbody td {padding:8px;border:#eee 1px solid;text-align:center;background:#eee}
  table.shoppingnavigatorlabel tbody th {font-weight:normal;color:#390;text-align:center;border:#c0c0c0 1px solid}
  
#shoppingcart{}
table.shoppingcartlist {border:#999 1px solid}
  table.shoppingcartlist thead td {background:#666;padding:3px 5px;color:#fff;border-bottom:#e4e4e4 1px solid;font-size:11px}
  table.shoppingcartlist thead th {text-align:left;font-weight:normal;background:#666;padding:3px 8px;color:#fff;border-bottom:#e4e4e4 1px solid;font-size:11px}
  table.shoppingcartlist tbody td {padding:5px;vertical-align:top;font-size:11px;background:#fff;border-bottom:#eee 1px solid}
  table.shoppingcartlist tbody th {padding:5px;vertical-align:top;font-size:11px;font-weight:normal;text-align:left;background:#fff;border-bottom:#eee 1px solid}
  table.shoppingcartlist input {font-weight:bold;color:#000}
  table.shoppingcartlist tfoot td {padding:10px 5px;background:#fff;border-top:#999 1px solid;font-weight:bold;color:#000;font-size:11px} 
  table.shoppingcartlist tfoot th {padding:10px 5px;background:#fff;border-top:#999 1px solid;text-align:left;color:#f60;font-size:11px} 
  
  #shoppingcart.title {border-top:#ccc 1px solid;color:#000}
  #shoppingcart.title2 {border-top:#eee 1px solid;color:#000}
  #shoppingcart.price {border-top:#ccc 1px solid}
  #shoppingcart.price2 {border-top:#eee 1px solid}

/* FORMS */
input {color:#000;font-weight:normal;padding:0;font-size:11px}
select {color:#000;font-weight:normal;padding:0;font-size:11px}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}
.but {font-weight:bold;padding:5px;border-top:#ccc 2px solid;border-right:#ccc 2px solid;border-bottom:#000 2px solid;border-left:#000 2px solid;background:#666;color:#fff}

fieldset.login {}
  fieldset.login p {line-height:20px;padding:0;margin:0}
  fieldset.login p b {float:left;width:80px;line-height:20px;text-align:right;color:#000}
  fieldset.login p.note {font-size:11px;color:#333333}
  fieldset.login p.note a {font-size:11px}
  fieldset.login input {font-weight:bold;color:#000}
  fieldset.login input.but {color:#fff;padding:3px 10px}

fieldset.reg {border:#ccc 1px solid;background:#fff}
  fieldset.reg h6 {padding:0 10px;background:#666;color:#fff;line-height:25px;font-size:12px;height:25px}
  fieldset.reg p {line-height:20px;padding:0;margin:0}
  fieldset.reg p b {float:left;width:250px;line-height:20px;text-align:right;color:#000}
  fieldset.reg input {font-weight:bold;color:#000}
  fieldset.reg input.but {color:#fff;padding:3px 10px}

fieldset.comment {margin:10px 50px;}
  table.comment {border:#ccc 1px solid}
  table.comment thead td {text-align:center;font-weight:bold;padding:5px;background:#666;color:#fff}
  table.comment tbody th {text-align:right;padding:5px 0} 
  table.comment tbody td {padding:5px}
  table.comment tbody td input {color:#336699;font-size:12px}
  table.comment tfoot td {text-align:center;padding:5px;}
  table.comment tfoot td input {font-weight:bold;color:#000}

/* CONTENT */
.content {padding:10px 0 10px 200px;min-height:300px}
.content p {padding:10px 0;line-height:16px;text-align:justify;color:#000;font-size:13px}
.content p a {text-decoration:underline;color:#00c}
.content p b {color:#000;line-height:20px}
.content h1 {font-size:20px;color:#000;line-height:36px;padding-bottom:5px}
.content h2 {font-size:12px;border-bottom:#eee 3px solid;line-height:30px; color:#f60;margin-bottom:10px}
.content .categoryname {padding-top:20px;color:#c30;line-height:30px;font-size:30px}
.content p.top {text-align:right;font-weight:bold}
.content p.top a {text-decoration:none;color:#336699}
.content p.note {font-size:10px;color:#666;line-height:11px}
.content ul,.content ol {padding-bottom:10px;margin-left:20px;font-size:12px}
.content ul li {list-style-type:disc;padding:2px 0 5px 0;line-height:14px;color:#666}
.content ol li {list-style-type:decimal;padding:2px 0 5px 0;line-height:14px;color:#666}
.content li a {color:#00c;text-decoration:underline}
.content li a:hover {color:#f60;text-decoration:none}
.content li strong {line-height:20px;color:#333}
.content ul.link {padding:0 50px 5px 50px;margin-left:20px}
.content ul.link li {list-style-type:disc;line-height:18px;color:#ccc;padding-bottom:3px;}
.content ul.link li a {color:#336699;display:block;font-size:14px}
.content ul.link li a:hover {background:#f6f6f6}
.content hr {margin:10px 50px;border:#ccc 1px solid}

.contentnav {position:absolute;left:0;top:130px;width:170px;font-size:11px;border-top:#ccc 1px dashed}
  .contentnav li {line-height:12px;padding:5px 0;border-bottom:#ccc 1px dashed;text-align:right}
  .contentnav li a {color:#666}

table.size {border-left:#ccc 1px solid;font-size:12px}
table.size thead td {text-align:center;background:#4082AF;color:#fff;font-weight:bold;padding:5px;font-size:12px}
table.size tbody th {text-align:center;background:#eee;padding:3px 5px;border-right:#ccc 1px solid;border-bottom:#ccc 1px solid}
table.size tbody td {text-align:center;padding:5px;border-bottom:#ccc 1px solid;border-right:#ccc 1px solid;font-weight:bold}
table.size tfoot td {text-align:center;padding:5px;border-bottom:#ccc 1px solid;border-right:#ccc 1px solid}
table.size td {padding:3 5px;}
table.size td a {color:#00c;text-decoration:underline}
table.size td a:hover {color:#f60;text-decoration:none}

table.shop {border-left:#ccc 1px solid;font-size:12px}
table.shop thead th {border-top:#ccc 1px solid;border-bottom:#ccc 1px solid;border-right:#ccc 1px solid;padding:5px}
table.shop thead td {text-align:center;background:#666;color:#fff;font-weight:bold;padding:5px;font-size:12px;border-right:#999 1px solid}
table.shop tbody th {text-align:center;background:#eee;padding:3px 5px;border-right:#ccc 1px solid;border-bottom:#ccc 1px solid}
table.shop tbody td {text-align:center;padding:5px;border-bottom:#ccc 1px solid;border-right:#ccc 1px solid;color:#f60}
table.shop tbody td p {text-align:center;padding:5px;color:#f60;font-weight:bold}
table.shop tfoot td {text-align:center;padding:5px;border-bottom:#ccc 1px solid;border-right:#ccc 1px solid}
table.shop td {padding:3 5px;}

 
.SpryHiddenRegion {visibility:hidden}
#flashcontent {width:560px;height:395px;line-height:395px;text-align:center}
table.install {margin-bottom:10px;font-size:11px;line-height:12px;background:#eee;border-left:#fff 1px solid;border-top:#fff 1px solid}
table.install td {padding:5px;color:#00c;border-right:#fff 1px solid;border-bottom:#fff 1px solid}
table.install td img {padding:5px 0;display:block}
table.install td p {line-height:14px}

table.gemart {width:100%;font-size:11px;background:#eee}
table.gemart thead td {background:#666;color:#fff;padding:5px;text-align:left;border-right:#fff 1px solid;border-bottom:#fff 1px solid}
table.gemart thead td strong {font-size:13px}
table.gemart tbody td {padding:5px;text-align:left;border-right:#fff 1px solid;border-bottom:#fff 1px solid}
table.detail {background:#fff}