/* CSS Document */

img {border:0}

/* LINK */

.pic {width:80px;height:80px;margin-bottom:10px}
.price {font-weight:bold;line-height:40px}
.brandname {font-weight:normal;font-size:12px;color:#000;line-height:14px}
#more {float:right}
#more a {font-size:12px;font-family:arial;font-weight:normal}
.keyword {color:#ff9999;font-size:25;font-family:arial narrow}
.data {color:#f60}
.categoryname {color:#000;font-size:20;font-family:arial narrow;font-weight:bold}
#top {padding:5px 25px;float:right}
.tablesize {width:100%}
h6 {padding:5px 10px}
table {width:100%;border-collapse:collapse;border:0}
.size {}

.relative {position:absolute;left:550px;top:100px;width:200px}
#accessory {border:#DBE2E8 1px solid;margin:0 0 10px 0;background:#fff;}

.loginflie p b {width:70px;float:left;line-height:20px}
.loginflie input {font-weight:bold;color:#000}

/* FORMS */
form {margin: 0 0 1.5em}
input {color:#666;font-weight:normal;font-family: arial,tahoma,verdana,sans-serif;padding:0;font-size:11px}
select {color:#666;font-weight:normal;font-family: arial,tahoma,verdana,sans-serif;padding:0;font-size:11px}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}
.but {padding:0 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}
.but2 {padding:0 10px}
  .but2 input {font-weight:bold;color:#000}
  .but2 b {float:right}
  .but2 b input {color:#666}
.but3 {padding:5px 0}
  .but3 input {color:#000}


/* WRAP */
#wrapmain {position:relative;width:100%;background:url(bg-page2.gif) repeat-y leaft top;min-height:800px}
#wrapmain2 {position:relative;width:100%;background:url(bg-page3.gif) repeat-y leaft top}

/* HEAD */
#head {height:80px;padding:0 10px}
  .headbg {height:75px;position:relative;width:100%}
  .logo {}
  
  #shopcart {position:absolute;width:200px;left:550px;top:45px;z-index:1000}
	#shopcart ul {border:#DBE2E8 1px solid;margin:0 0 10px 0;background:#fff;padding-bottom:5px}
	#shopcart ul li {margin-left:20px;font-size:12px;color:#666;line-height:11px;padding:3px 0}
	#shopcart ul li a {font-size:12px}
	#shopcart ul p {text-align:center;padding:10px 5px;margin:0;border-bottom:#ccc 1px solid}
	#shopcart ul p {background:#fff}
    #shopcart ul p a {color:#f60;font-weight:bold}
	#shopcart ul p a:hover {color:#00c;text-decoration:underline}
  

/* NAVIGATOR */
#navigator {height:70px;font-size:11px;padding:0 10px}
  #navigator a,#navigator a:link {color:#fff;text-decoration:none;padding:0 12px}
  #navigator a:hover {color:#fc0}
  
/* FOOTER */
#footer {position:relative;background:url(bg-page.gif) repeat-y left top;padding:5px 10px 0 10px}
  .footerbg {background:#E0E0E0;height:70px}
  .footerbg a {padding:0 5px;color:#666} 
  .footerbg p {text-align:center;color:#666;line-height:20px}
  .footerbg p.footermenu {padding-top:15px} 
  .footerbg p.footermenu b {padding:0 3px}
  .footerbg p.copyright {font-weight:bold}
  #paywaylogo {position:absolute;right:15px;top:12px}
  
  /* WARP LEFT */
  #wrapmainleft {width:180px;position:absolute;left:10px;top:0;z-index:999}
  
  #wrapmainleft .sortlist {}
  #wrapmainleft .sortlist ul {padding:0 7px}
  #wrapmainleft .sortlist li {background:url(arrow-sortlist.gif) no-repeat left center;list-style-type:none;border-bottom:#fff 1px solid;line-height:18px;padding:0 15px}
  #wrapmainleft .sortlist li a {color:#6666CC}
  #wrapmainleft .sortlist li a:hover {color:#f60}
  #wrapmainleft .sortlist h3 {background:url(arrow-sortlist.gif) no-repeat left center;color:#6666CC;font-size:12px;line-height:16px;border-bottom:#fff 1px solid;padding:0 15px}
  #wrapmainleft .sortlist h3 a {color:#000}
  #wrapmainleft .sortlist h3 a:hover {color:#f60}
  #wrapmainleft .sortlist h4 {color:#f9c;font-weight:normal;font-size:16px;line-height:30px}
  #wrapmainleft .sortlist h4 a {color:#f9c;text-decoration:none}
  #wrapmainleft .sortlist h4 a:hover {color:#f60}
  .brands {}
  .brands p {padding:10px 0;text-align:center}
  
  #sortlist {}
  #sortlist ul {padding:5px 10px}
  #sortlist li {background:url(arrow-sortlist.gif) no-repeat left center;list-style-type:none;border-bottom:#fff 1px solid;line-height:18px;padding:0 15px}
  #sortlist li a {color:#666}
  #sortlist li a:hover {color:#f60}
  #sortlist h3 {color:#6666CC;font-size:11px;line-height:16px;border-bottom:#ccc 1px solid;padding:3px 10px}
  #sortlist h3 a {color:#6666CC}
  #sortlist h3 a:hover {color:#f60}
  #sortlist h4 {color:#f9c;font-weight:normal;font-size:16px;line-height:30px}
  #sortlist h4 a,#sortlist {color:#f9c;text-decoration:none}
  #sortlist h4 a:hover {color:#f60}
  /* BRAND LIST */
  #brandlist {font-size:11px;text-align:right;position:relative;margin-bottom:10px;display: none;}
  #brandlist ul {text-align:right}
  #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 {text-align:right;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 {}
  #accountmenu ul {padding:5px 7px}
  #accountmenu li {background:url(arrow-sortlist.gif) no-repeat left center;list-style-type:none;border-bottom:#fff 1px solid;line-height:18px;padding:0 15px}
  #accountmenu li a {color:#666}
  #accountmenu li a:hover {color:#f60}
  #accountmenu h3 {background:url(arrow-sortlist.gif) no-repeat left center;color:#6666CC;font-size:12px;line-height:18px;border-bottom:#fff 1px solid;padding:0 15px}
  #accountmenu h3 a {color:#6666CC}
  #accountmenu h3 a:hover {color:#f60}
  
  #accountmenu2 {text-align:right;position:relative;margin-bottom:10px;margin-top:70px;}
  #accountmenu2 ul {}
  #accountmenu2 li {list-style-type:none;border-bottom:#e0e0e0 1px solid;line-height:25px}
  #accountmenu2 li a,#accountmenu2 li a:link,#accountmenu li a:visited,#accountmenu li a:active {color:#333;text-decoration:none;width:100%}
  #accountmenu2 li a:hover {color:#f60}
  
  /* WARP CENTER */
  #wrapmaincenter {margin-left:195px;margin-right:195px}
  #wrapmaincenter2 {margin-left:195px;margin-right:10px}
  #wrapmaincenter hr {border-top:#fff 1px solid;border-bottom:#eee 1px solid;border-left:#fff 1px solid;border-right:#fff 1px solid;}
  
  /* SEARCH */
  #search2 {color:#000;font-weight:bold;width:100%;padding:3px 0}
  #search2 li {float:left;}
  #search2 li p {line-height:25px;padding:0 5px 0 10px}
  #search2 li.a {padding-top:3px;padding-right:5px}
  #search2 li.a input {height:18px}
  #search2 li.a select {height:18px}
  #search2 li.b {}
  #search2 select,#search input {margin:0 3px}
  
  #newproductshow {}
  /*SEARCH RESULT*/
  #searchresult {width:100%;position:relative;margin-bottom:10px}
  #searchresult div {}
  #searchresult li {list-style-type:none;text-align:center}
  #searchresult h5 {color:#f63;font-size:14px;padding:10px;font-family:arial narrow}
  #searchresult a,#monthlyspecial a:link {color:#666}
  #searchresult a:hover {color:#f60}
  /* MONTHLY SPECIAL */
  #monthlyspecial {padding:0 5px;position:relative;margin-bottom:5px;min-height:400px;display: none;}
  #monthlyspecial div {}
  #monthlyspecial li {list-style-type:none;text-align:center}
  #monthlyspecial h5 {color:#f63;font-size:14px;padding:10px;font-family:arial narrow}
  #monthlyspecial a,#monthlyspecial a:link {color:#666}
  #monthlyspecial a:hover {color:#f60}
  
  /* NEW PRODUCTS */
  #newproducts {padding:5px}
  .newproductlist {width:100%}
  #newproducts ul {height:160px;float:left;width:150px;text-align:center}
  #newproducts ul p {line-height:12px;font-size:12px;width:100%}
  #newproducts .brandname {display:block;font-weight:bold}
  #newproducts h5 {color:#f63;font-size:14px;font-family:arial narrow;padding:10px 17px 10px 18px}
  #newproducts a {color:#666;}
  #newproducts a:hover {color:#f60}
  #newproducts p.price {line-height:18px}
  #newproducts ul p.pic {background:url(bg-pic.gif) no-repeat center;padding:5px 0}
  
  /* PRODUCT LIST */
  #thumbnaillist {width:100%}
  .thumbnaillist2 {width:100%;border-top:#eee 1px solid;background:#fff url(bg-newproduct.gif) no-repeat left top}
  #thumbnaillist ul {height:180px;padding-top:5px;float:left;width:150px;text-align:center}
  #thumbnaillist ul p {line-height:12px;font-size:12px;padding:0 10px}
  #thumbnaillist .brandname {display:block;font-weight:bold}
  #thumbnaillist h5 {color:#f63;font-size:14px;font-family:arial narrow;padding:10px 17px 10px 18px}
  #thumbnaillist a {color:#666;}
  #thumbnaillist a:hover {color:#f60}
  #thumbnaillist p.price {line-height:18px}
  
  /* DETAIL LIST VIEW */
  #detaillistview {}
  #detaillist {margin:10px 0;height:80px;color:#666;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;font-family:arial narrow}
  #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}
  
  /* WARP RIGHT */
  #wrapmainright {position:absolute;left:660px;top:0;width:180px;z-index:999}
  #wrapmainrightsize {}
  .ad {padding:5px}
  
  #topselling {}
  #topselling img {border:#ccc 1px solid}
  #topselling h5 {font-size:12px;line-height:20px;padding:0 10px;background:#f60;color:#fff}
  #topbrands {
	width:100%;
	margin-bottom:10px;
	font-size:10px;
	display: none;
}
  #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}


  
/* PRODUCT LIST */
.thumbnail {background:#fff;height:510px;padding-top:10px}
  .thumbnail ul {width:150px;float:left}
  .thumbnail ul p {list-style-type:none;font-size:12px;line-height:12px;padding:0 10px;text-align:center}
  .thumbnail ul p.price {line-height:30px}
  

#littlethumbnail {font-size:10px;color:#f60;padding:0 10px}
#littlethumbnail p {margin:5px 0}
#littlethumbnail ul {margin-left:50px;height:50px}
#littlethumbnail li {list-style-type:none;line-height:10px}
#littlepic {float:left;padding:1px;border:#eee 1px solid;clear:right}
  

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

/* PATH */
#path {font-size:11px;line-height:20px;color:#666;padding:0 10px;border-bottom:#fff 5px solid;height:20px}
  #path a {color:#00c;text-decoration:underline}
  #path a:hover {color:#f60;text-decoration:none}
/* MAIN CONTENT */
#pagetitle {font-size:30px;color:#c69;line-height:40px;padding:0 10px;border-bottom:#E4E4E4 1px solid}

#pagecontent {}
#pagecontent hr {margin:5px 15px;}
#pagecontent p {font-size:12px;padding:5px 10px;color:#666;text-align:justify;line-height:16px}
#pagecontent p.top {text-align:right}
#pagecontent a {text-decoration:underline}
#pagecontent h1 {font-size:18px;padding:5px 10px;line-height:30px;color:#000;border-bottom:#ccc 3px solid}
#pagecontent h5 {font-size:14px}
#pagecontent h2 {font-size:12px;margin:10px 15px 5px 15px;line-height:20px;border-bottom:#ccc 2px solid;color:#333}

table.login {width:100%;border:#c0c0c0 1px solid;border-collapse:collapse;font-size:12px;color:#666;line-height:15px}
  table.login thead td {background:#e0e0e0;padding:5px 10px;color:#000}
  table.login tbody td {padding:3px 5px;vertical-align:top;font-size:12px}
  table.login tbody th {font-weight:normal;#color:#000;text-align:right;font-size:12px}
  table.login tfoot td {padding:10px;border-top:#eee 1px solid}
  table.login a {text-decoration:underline;color:#000;}
  table.login a:hover {color:#f60}
  table.login input {font-weight:bold;color:#000;font-size:12px}

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

#pageinfo {padding:5px 10px;border-bottom:#e4e4e4 1px solid}
  #pageinfo h5 {color:#000;font-size:16px;font-family:arial narrow}

#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 DETAIL */
#productdetail {height:230px;text-align:left;border-bottom:#ccc 1px solid;margin-bottom:10px}
  #productdetail .productcontent {line-height:20px;color:#000;width:100%}
  #productdetail .productcontent p.productname {font-size:14px;font-weight:bold;color:#6666CC;line-height:14px;height:30px}
  #productdetail .productcontent .additionalpic {}
  #productdetail .productcontent .additionalpic h5 {font-size:12px;line-height:30px}
  #productdetail .productcontent p {line-height:20px;font-weight:bold;border-bottom:#ccc 1px solid}
  #productdetail .productcontent p b {line-height:20px;float:left;width:80px;color:#000;font-weight:normal}
  #productdetail .productcontent a {text-decoration:underline}
  #productdetail h5 {font-size:12px;height:20px}
  
  #productdetail .productdetailpic {margin-right:10px;float:left;width:180px;text-align:center;height:230px}
  #size {margin-bottom:10px}
  #description {border-bottom:#e4e4e4 1px dashed}
  
/* SHOP LIST */  
#shoplist {border:#ccc 1px solid;margin-bottom:5px}
  #shoplist ul {height:30px}
  #shoplist li {float:left;padding-right:10px}
  #shoplist p {color:#000;line-height:30px;padding:0 5px}
  #shoplist p b {color:#000}
  
  .shoplisttable {border-collapse:collapse;font-size:12px;color:#666}
  .shoplisttable thead td {}
  .shoplisttable tbody td {padding:3px 5px}
  .shoplisttable tbody th {padding:3px 5px;font-weight:normal;color:#000;text-align:left}
  #shoplist .buy {text-align:center;font-weight:bold;background:#f9f9f9;padding:20px 10px;color:#000}
  #shoplist .buy input.buybut {cursor:pointer;font-weight:bold;border:0;line-height:25px;color:#fff;background:url(but-buy.gif) no-repeat left top;width:100px;height:25px;border:#ccc 1px solid}
  #shoplist .buy input {font-weight:bold;color:#000}


#productdescription {border:#ccc 1px solid;padding:10px 0}
  #productdescription p {padding:5px 15px;text-align:justify;color:#000;line-height:16px}
  #productdescription h5 {color:#CC6699;font-size:14px;font-family:arial narrow;background:#fff}

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

#brandnameview {
	padding:10px;
	line-height:20px;
	display: none;
}
  #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;
	display: none;
}
  #brandprofile h5 {color:#CC6699;font-size:14px;font-family:arial narrow}

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

/* MY ACCOUNT */  
#myaccount {margin:5px;background:#fff}
  #myaccount h1 {font-size:20px;margin:0 15px;padding:10px 0;line-height:30px;color:#666}
  #myaccount h5 {color:#000;font-size:16px;font-family:arial narrow;line-height:30px}

#myfavorite {}

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

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

/* Shopping */
#shoppingnavigator {line-height:30px;color:#666;margin:5px 15px}
.shoppingnavigatorlabel {border:#c0c0c0 1px solid;border-collapse:collapse;font-size:12px;color:#666;line-height:15px}
  .shoppingnavigatorlabel tbody td {padding:8px;border:#eee 1px solid;text-align:center;background:#eee}
  .shoppingnavigatorlabel tbody th {font-weight:normal;#color:#390;text-align:center;border:#c0c0c0 1px solid}
  
#shoppingcart{}
.shoppingcartlist {border-collapse:collapse;font-size:11px;color:#000;line-height:15px}
  .shoppingcartlist thead td {background:#e4e4e4;padding:3px 5px;color:#000;border-bottom:#e4e4e4 1px solid}
  .shoppingcartlist thead th {text-align:left;font-weight:normal;background:#e4e4e4;padding:3px 8px;color:#000;border-bottom:#e4e4e4 1px solid}
  .shoppingcartlist tbody td {padding:5px;vertical-align:top;font-size:11px}
  .shoppingcartlist tbody th {padding:5px;vertical-align:top;font-size:11px;font-weight:normal;text-align:left}
  .shoppingcartlist tfoot td {padding:10px;border-top:#999 1px solid;font-weight:bold;color:#000} 
  .shoppingcartlist tfoot th {padding:10px;border-top:#999 1px solid;text-align:left;color:#f60}
  .shoppingcartlist tbody td input {color:#000;font-weight:bold} 
  .shoppingcartlist tbody td p {color:#000}
  
table.gifts {border:#999 1px dashed;border-collapse:collapse;font-size:11px;color:#666;line-height:15px;margin-top:15px}
  table.gifts thead td {background:#fff;padding:3px 5px;color:#000;font-weight:bold}
  table.gifts thead th {text-align:left;font-weight:normal;background:#e4e4e4;padding:3px 8px;color:#000;border-bottom:#e4e4e4 1px solid}
  table.gifts tbody td {padding:5px;vertical-align:top;font-size:11px;color:#c36}
  table.gifts tbody th {padding:5px;vertical-align:top;font-size:11px;font-weight:normal;text-align:left}
  table.gifts tfoot td {padding:10px;border-top:#999 1px solid;font-weight:bold;color:#000} 
  table.gifts tfoot th {padding:10px;border-top:#999 1px solid;text-align:left;color:#f60} 
  table.gifts td a,talbe.gifts td a:link {text-decoration:underline}
  
  .title {border-top:#ccc 1px solid;color:#000}
  .title2 {border-top:#eee 1px solid;color:#000}
  .title3 {border-top:#ccc 1px solid;color:#000;border-right:#eee 1px solid}
  .price2 {border-top:#eee 1px solid}
  .price3 {border-top:#ccc 1px solid}

/* ORDER DETAIL */  
#orderdetail {}
#orderdetail p {margin-bottom:10px}
.detail2 {width:100%;border:#999 1px solid;border-collapse:collapse;font-size:12px;color:#666;line-height:15px}
  .detail2 thead td {font-weight:bold;background:#666;padding:3px 8px;color:#fff;border-bottom:#666 1px solid;border-right:#ccc 1px solid}
  .detail2 thead th {text-align:left;background:#666;padding:3px 8px;color:#fff;border-bottom:#666 1px solid}
  .detail2 tbody td {background:#fff;padding:8px;vertical-align:top;font-size:12px;border-right:#ccc 1px solid}
  .detail2 tbody th {background:#fff;padding:8px;vertical-align:top;font-size:12px;font-weight:normal;text-align:left}
  .detail2 tfoot td {background:#fff;padding:10px;border-top:#999 1px solid;font-weight:bold;color:#000} 
  .detail2 tfoot th {background:#fff;padding:10px;border-top:#999 1px solid;text-align:left;color:#f60}
  .price4 {border-top:#ccc 1px solid}
  
 /*cn.com.D0*/
 #flashcontent {
	height: 0px;
	width: 0px;
}
.HideLoadingDiv{
	display:none;
}
#searchresult_products {
}
.SpryHiddenRegion {
	visibility:hidden;text-align:right
}