@charset "utf-8";
/* common */
body{font-family:Arial; font-size:11px; margin:0px; padding:0px; background:#272727 url(images/bodyBG.gif) repeat-x;}
.CT_boxBL{ background:url(images/containerBL.gif) 0 0 no-repeat;height:7px;width:962px; margin:0 auto;}
.CT_boxBL .CT_boxBR{ background:url(images/containerBR.gif) right 0 no-repeat; height:7px;}
.CT_boxBL .CT_boxBR .CT_boxBC{background:url(images/containerBC.gif) repeat-x; height:7px; margin:0 7px;}

.clearLine{ height:7px; font-size:1px; clear:both;}
.PL_line{ background:url(images/cion-line.gif) repeat-x; width:100%;}
.PL_clear{ width:100%; font-size:1px; height:1px; margin:0px; padding:0px; clear:both;}
img{border:0px;}
div, p, h1, h2, h3, h4, h5, h6, h7, ul, li, lo, table, dl, dt, dd, button{ margin:0px; padding:0px;}
li{list-style:none;}
.clearBoth{ height:1px; font-size:1px; clear:both; margin:0px; padding:0px;}
input, select{ font-family:Arial, Helvetica, sans-serif; color:#252E5A; font-size:12px;}
/*edit*/
#logo{width:250px; height:60px; overflow:hidden; position:absolute; top:13px;}
#areaHeader{}
#areaBanner{}
#areaSidebar{}
#areaFooter{}
/* header */
#header{ position:relative; z-index:40;padding:0; height:79px;}
.logobg{ background:url(images/logoBG.gif) no-repeat;}
.areaHeaderImg{background:url(images/ereaheadBG.gif) no-repeat; width:468px; height:60px;}
#sm{position:absolute; top:6px; right:10px; padding:0 0 0 5px;}
#sm li{ background:url(images/icon_sm.gif) right center no-repeat;display:inline; padding:0 6px 0 10px; text-transform:lowercase;}
#sm li a{text-decoration:none; color:#ffffff; font-size:11px; font-family:Arial; text-transform:capitalize;}
#sm li a:hover{ text-decoration:underline;}
#sm li.selected{}
#sm li.selected a{color:#02B2CA;}


#cart_info{ position:absolute; right:10px; top:40px; background:url(images/icon_cart.gif) no-repeat; height:18px;}
#cart_info a{ margin:0 0 0 20px; color:#02B2CA; text-decoration:none;}
#cart_info a span{ font-weight:bold; margin-right:5px;}
/* footer */
#footer{ text-align:center; margin-top:8px; color:#CECECE;}
#footer a{ color:#CECECE; text-decoration:none;}
#areaFooter a{ color:#868686; text-decoration:underline;}
#footer a:hover{ color:#FFFFFF; text-decoration:underline;}
#footer #footerBottom{ margin-top:5px; line-height:20px;}
#footer #footerBottom span a{ background:url(images/cion_powered.gif) right 0 no-repeat; padding:0 163px 0 0; color:#ffffff; text-decoration:none;}
#footer #footerBottom #paymentInfo{ margin-top:5px;}

/* index page */
#sidebar{width:200px; overflow:hidden;}
.search{  text-align:center; padding:19px 0;}
.search input{ background:url(images/bg_searchInput.gif) repeat-x; height:16px; border:1px solid #282828; width:160px; margin:0 auto;color:#96A0AA; font-family:Arial; font-size:11px; padding:2px 0 0 5px;}
.search select{background:url(images/bg_searchInput.gif) repeat-x;border:1px solid #282828;height:18px; *height:20px; margin:13px 0 0 0; width:111px; color:#96A0AA; font-family:Arial; font-size:11px;}
.search select option{padding:2px 0 0 5px;}
.btn_search{ background:url(images/btn_search.gif) no-repeat; width:52px; height:21px; border:none; margin:14px 0 0 2px; cursor:pointer;}

.areasidebarBG{ background:url(images/sidebar.gif) no-repeat; width:200px; height:271px;}
.banner{ background:url(images/banner.gif) no-repeat; width:760px; height:426px; }
.mainbox{ background:#000000;}
.mainbox .top{ background:url(images/mainBoxTR.gif) right 0 no-repeat; height:6px; padding:0px;}
.mainbox .top span{ display:block; background:url(images/mainBoxTL.gif) 0 0 no-repeat;height:6px;}
.mainbox .bottom{ background:url(images/mainBoxBR.gif) right bottom no-repeat; height:6px;}
.mainbox .bottom span{ display:block; background:url(images/mainBoxBL.gif) 0 bottom no-repeat;height:6px;}

.gotoAllCat{ text-align:center; margin:10px 0 0 0;}
.catogeryMain{ margin:10px 15px 0 15px;color:#1071D0; font-family:Verdana; font-size:11px;}
.catogeryMain ul{ margin:10px 0;}
.catogeryMain ul li{padding:4px 0;}
.catogeryMain a{color:#40CDAB; font-family:Verdana; font-size:11px; text-decoration:none; line-height:16px; background:url(images/icon_catogery.gif) 0 center no-repeat; padding:0 15px; font-weight:normal;}
.catogeryMain a:hover{ text-decoration:underline;}
.catogeryMain ul li.selected{ color:#fff;}

.fp_list{ background:#ffffff;}
.fp_list .box_t_l{background:#ffffff url(images/fp_t_l.gif) 0 top no-repeat; height:30px;}
.fp_list .box_t_l .box_t_r{background:url(images/fp_t_r.gif) right 0 no-repeat;height:30px; }
.fp_list .box_t_l .box_t_c{line-height:30px; font-size:12px; color:#000000; font-family:Arial; font-weight:normal; padding:0 0 0 10px; font-family:Tahoma; float:left; background:url(images/fp_t_c.gif) right center no-repeat; padding:0 15px;}
.fp_list .box_b_l{background:#ffffff url(images/fp_b_l.gif) 0 bottom no-repeat; height:6px;}
.fp_list .box_b_l .box_b_r{background:url(images/fp_b_r.gif) right bottom no-repeat;height:6px; }
.fp_list .box_c_c{background:url(images/fp_c_l.gif) 0 0 repeat-x; width:740px; margin:0 10px;}

.fp_list .item{ margin:15px 2% 0 2%; _margin:15px 1.5% 0 1.5%;_width:30%; width:29%; float:left; position:relative;}
.fp_list .item dt{ float:left; width:80px; height:110px; }
.fp_list .item dt .img{width:80px; height:80px; overflow:hidden; border:1px solid #D5CBCA; margin:0 auto; text-align:center;}
.fp_list .item dd{text-align:left; margin:0 0 0 90px;}
.fp_list .item dd .itemtitle{height:76px; overflow:hidden;}
.fp_list .item dd .itemtitle h1{font-size:11px;margin-top:5px; background:none; }
.fp_list .item dd .itemtitle h1 a{color:#058DA3; text-decoration:none;}
.fp_list .item dd .itemtitle h1 a:hover{ text-decoration:underline;}
.fp_list .item dd .itemtitle h2{color:#000000; font-size:10px; font-weight:normal; overflow:hidden;}
.fp_list .item .itemprise{ position:absolute; left:81px; top:85px; width:126px;background:#02A2B8; height:20px; line-height:20px; overflow:hidden; padding:0 5px;}
.fp_list .item .itemprise h1{ font-size:12px; color:#ffffff; font-weight:normal;}
.fp_list .item .itemprise h2{ color:#ffffff;font-size:12px; font-weight:bold;}
.fp_list .item .itemprise h3{ color:#ffffff;font-size:12px; font-weight:bold;}
.fp_list .item .itemprise span{ font-weight:normal;}
.fp_list .item .itemprise h4{font-size:12px; color:#ffffff; font-weight:normal;}
.fp_list .item .itemprise h5{color:#ffffff;font-size:12px;font-weight:bold;}
.fp_list .item .shipmessage{ color:#666666; font-weight:bold; display:none;}
.fp_list .item .itemdetail{ position:absolute; top:85px; left:0px; background:#000000; width:80px; height:20px;text-align:center;}
.fp_list .item .itemdetail a{ color:#fff; font-weight:bold; font-size:11px; text-decoration:none; line-height:20px; }
.fp_list .item .itemdetail a:hover{ text-decoration:underline;}
.fp_list .imgb{ display:none;}
.fp_list .clearitem{ font-family:1px; height:11px; clear:both; background:url(images/fp_c_l.gif) 0 bottom repeat-x;}

.item .itemtitle { display:block; overflow:hidden; padding-top:5px;}
.item .itemtitle a { color:#000; font-weight:bold; text-decoration:none;}
.item .itemtitle a:hover { text-decoration:underline;}

.relation .item .itemtitle { display:block; overflow:hidden; padding-top:5px; color:#FFF;}
.relation .item .itemtitle a { color:#FFF; font-weight:bold; text-decoration:none;}
.relation .item .itemtitle a:hover { text-decoration:underline; color:#FFF;}
.relation .item .itemprise { color:#FFF; }

/*=======bread=============*/
#bread{font-size:10px; font-size:11px; line-height:32px; margin:0 10px;}
#bread li{ display:inline; background:url(images/breadBG.gif) right 5px no-repeat; padding:0 7px 0 5px; margin-right:0px;}
#bread li a{ color:#949494; text-decoration:none; line-height:18px;}
#bread li a:hover{color:#949494; text-decoration:underline;}
#bread .selected{  font-weight:bold; font-size:12px; background:url(images/cion_bread.gif) right center no-repeat;}
#bread .selected a{color:#949494;}
#bread .selected a:hover{color:#949494;}
.bread{padding:0; font-size:10px; font-size:11px;}
.bread li{ display:inline; background:url(images/breadBG.gif) right 5px no-repeat; padding:0 10px 0 0; margin-right:8px;}
.bread li a{ color:#eeeeee; text-decoration:none; line-height:18px;}
.bread li a:hover{color:#eeeeee; text-decoration:underline;}
.breadM{ border:1px solid #CCCCCC; padding:5px; background:#FEEDF4; width:748px;}
.breadlayout{ position:relative; z-index:30;}

/* list page */
#content{ background:#000000;}
.catinfo{ margin:0 30px;}
.catinfo .title h1{ font-size:18px; color:#02B2CA; font-weight:bold; line-height:35px;}
.catinfo .img{ width:700px; overflow:hidden;}
.catinfo .info{ font-size:12px; color:#B9B9B9; margin:10px 0 0 0;}
.subcatlist{margin:7px 20px 0 20px;  padding:10px; border:1px dashed #cccccc;}
.subcatlist .item{ border-top:none;padding:0px;float:left; width:23%; margin:0 1%; *margin:0 0.5%;}
.subcatlist .item .img{ display:none;}
.subcatlist .item .itemtitle a{color:#ffffff; font-family:Arial; font-size:11px; padding:0 0 0 14px; text-decoration:none; background:url(images/cion_menuSub.gif) 2px 5px no-repeat; display:block; margin:2px 0;}
.subcatlist .item .itemtitle a:hover{color:#02B2CA; text-decoration:underline;}
.toolbar{margin-top:10px; clear:both; background:#0E8090; height:25px; line-height:25px;color:#FFE8DB;}
.toolbar_bottom{margin-top:5px; clear:both; sbackground:#FFEEE0; height:25px; line-height:25px;color:#555555;}
.toolbar .view{float:left; margin:0 0 0 10px; _margin:5px 0 0 10px; color:#FFE8DB; font-size:11px;}
.listview_btn, .gridview_btn, .textview_btn, .listview_btnselected, 
.gridview_btnselected, .textview_btnselected{width:15px; height:15px; border:0px; cursor:pointer;}
.listview_btn{ background:url(images/cion_view.gif) 0 -45px no-repeat;}
.gridview_btn{ background:url(images/cion_view.gif) 0 -60px no-repeat;}
.textview_btn{ background:url(images/cion_view.gif) 0 -75px no-repeat;}
.listview_btnselected{ background:url(images/cion_view.gif) 0 0 no-repeat;}
.gridview_btnselected{ background:url(images/cion_view.gif) 0 -15px no-repeat;}
.textview_btnselected{ background:url(images/cion_view.gif) 0 -30px no-repeat;}
.toolbar .sort_form{ float:left; margin:0 0 0 20px; _margin:3px 0 0 20px;}
.toolbar .sort_form select{height:16px;*height:18px; font-family:Arial; color:#333333; font-size:11px; border:1px solid #666666;}
.page_turning{ float:right; margin:0 10px 0 0;}
.page_turning a{text-decoration:none; color:#FFE8DB; padding:0px 2px; font-family:Tahoma; margin:0 1px;}
.page_turning a:hover{ color:#FFE8DB}
.page_turning .Btn_first{ background:url(images/cion_list_first.gif) 0 center no-repeat; padding:0 0 0 6px; }
.page_turning .Btn_last{ background:url(images/cion_list_Last.gif) right center no-repeat; padding:0 6px 0 0; }
.page_turning .Btn_previous{ background:url(images/cion_list_Previous.gif) 0 center no-repeat; padding:0 0 0 6px; }
.page_turning .Btn_next{ background:url(images/cion_list_next.gif) right center no-repeat; padding:0 4px 0 0px;}
.page_turning .selected{background:#02B2CA; height:18px; color:#ffffff;}

.productlist .listview{background:url(images/listToolBG.gif) repeat-x; padding-top:7px; margin:0 20px;}
.productlist .listview .item{margin-top:7px; background:url(images/cion-line.gif) 0 bottom repeat-x; padding:0 0 7px 0;}
.productlist .listview .item dt .img{width:80px; height:80px; margin:0; float:left; overflow:hidden; text-align:center;}
.productlist .listview .item .itemtitle{ float:left; width:450px; margin:0 0 0 10px;}
.productlist .listview .item .itemtitle h1{ font-family:Arial; font-size:14px; color:#ffffff;padding:0px; margin:0px; font-weight:normal;}
.productlist .listview .item .itemtitle h1 a{color:#ffffff; text-decoration:none;}
.productlist .listview .item .itemtitle h1 a:hover{text-decoration:underline;}
.productlist .listview .item .itemtitle h2{ color:#8C8C8C; font-size:11px; font-weight:normal; max-height:70px;overflow:hidden; margin-top:5px;}
.productlist .listview .item .itemprise{text-align:right; width:180px; float:right; margin-top:0px;font-size:11px;font-family:Arial; line-height:16px;}
.productlist .listview .item .itemprise h1{color:#666666;font-weight:normal;font-size:11px;}
.productlist .listview .item .itemprise h2{color:#02B2CA;font-weight:normal;font-size:11px;}
.productlist .listview .item .itemprise h3{color:#02B2CA;font-weight:normal;font-size:11px;}
.productlist .listview .item .itemprise h4{color:#666666;font-weight:normal;font-size:11px;}
.productlist .listview .item .itemprise h5{ color:#02B2CA;font-weight:bold;font-size:11px;}
.productlist .listview .item .itemprise span{width:80px;font-weight:bold; float:left;}
.productlist .listview .item .shipmessage{color:#666666; font-weight:bold; font-family:Arial; line-height:20px; font-size:11px; text-align:left; float:left; margin:5px 0 0 10px;}
.productlist .listview .clearitem{ display:none;}

.productlist .listview .item .itemprise { color:#FFF;}
.productlist .listview .item .itemtitle .title { font-size:14px;}
.productlist .listview .item .itemtitle .title a { color:#FFF;}
.productlist .listview .item .ourprise, .productlist .listview .item .onsaleprise, .productlist .listview .item .shortDescription { color:#FFF;}

.productlist .gridview{background:url(images/listToolBG.gif) repeat-x; padding-top:7px;}
.productlist .gridview .item{ width:182px; margin:10px 3px 0 3px; float:left; _margin:15px 2px 0 2px; text-align:center;}
.productlist .gridview .item dt .img{ width:80px; height:80px; margin:0 auto; text-align:center; overflow:hidden;}
.productlist .gridview .item .itemtitle h1{ font-family:Arial; font-size:11px; padding:0px; margin:0px; font-weight:normal;}
.productlist .gridview .item .itemtitle h1 a{color:#fff; text-decoration:none;}
.productlist .gridview .item .itemtitle h1 a:hover{text-decoration:underline;}
.productlist .gridview .item .itemtitle h2{ display:none;}
.productlist .gridview .item .itemprise h1{ color:#888888; font-size:12px;}
.productlist .gridview .item .itemprise h2{color:#02B2CA; font-size:12px; font-weight:bold;}
.productlist .gridview .item .itemprise h3{color:#02B2CA; font-size:12px; font-weight:bold;}
.productlist .gridview .item .itemprise h4{color:#888888; font-size:12px;}
.productlist .gridview .item .itemprise h5{color:#02B2CA; font-size:12px; font-weight:bold;}
.productlist .gridview .item .shipmessage{color:#666666; font-weight:bold; font-family:Arial; line-height:20px; font-size:11px;}
.productlist .gridview .clearitem{ font-size:1px; clear:both; height:10px;background:url(images/cion-line.gif) 0 bottom repeat-x; }

.productlist .gridview .item .itemtitle .title a { color:#FFF;}
.productlist .gridview .item .ourprise, .productlist .gridview .item .onsaleprise, .productlist .gridview .item .shortDescription { color:#FFF;}

.productlist .textview{background:url(images/listToolBG.gif) repeat-x; padding-top:7px; margin:0 20px;}
.productlist .textview .item{margin-top:7px; background:url(images/cion-line.gif) 0 bottom repeat-x; padding:0 0 7px 0;}
.productlist .textview .item dt{ display:none;}
.productlist .textview .item dt .img{width:80px; height:80px; margin:0; float:left; overflow:hidden; text-align:center;}
.productlist .textview .item .itemtitle{ float:left; width:450px; margin:0 0 0 10px;}
.productlist .textview .item .itemtitle h1{ font-family:Arial; font-size:14px; color:#ffffff;padding:0px; margin:0px; font-weight:normal;}
.productlist .textview .item .itemtitle h1 a{color:#ffffff; text-decoration:none;}
.productlist .textview .item .itemtitle h1 a:hover{text-decoration:underline;}
.productlist .textview .item .itemtitle h2{ color:#8C8C8C; font-size:11px; font-weight:normal; max-height:70px;overflow:hidden; margin-top:5px;}
.productlist .textview .item .itemprise{text-align:right; width:180px; float:right; margin-top:0px;font-size:11px;font-family:Arial; line-height:16px;}
.productlist .textview .item .itemprise h1{color:#666666;font-weight:normal;font-size:11px;}
.productlist .textview .item .itemprise h2{color:#02B2CA;font-weight:normal;font-size:11px;}
.productlist .textview .item .itemprise h3{color:#02B2CA;font-weight:normal;font-size:11px;}
.productlist .textview .item .itemprise h4{color:#666666;font-weight:normal;font-size:11px;}
.productlist .textview .item .itemprise h5{color:#02B2CA;font-weight:bold;font-size:11px;}
.productlist .textview .item .itemprise span{width:80px;font-weight:bold; float:left;}
.productlist .textview .item .shipmessage{color:#666666; font-weight:bold; font-family:Arial; line-height:20px; font-size:11px; text-align:left; float:left; margin:5px 0 0 10px;}
.productlist .textview .clearitem{ display:none;}

.productlist .textview .item .itemprise { color:#FFF;}
.productlist .textview .item .itemtitle .title { font-size:14px;}
.productlist .textview .item .itemtitle .title a { color:#FFF;}
.productlist .textview .item .ourprise, .productlist .textview .item .onsaleprise, .productlist .textview .item .shortDescription { color:#FFF;}

.productlist .imgb{ display:none;}

/*=========================preview================================*/
.title_preview{ height:1px; border-bottom:8px solid #CD0606; margin-top:8px;}
.imgview{float:left; _margin-right:5px; padding:0 0 0 20px;}
.imgview dt{ margin:10px 0 0 0; width:260px; float:left; padding-bottom:5px; border-bottom:1px solid #02B2CA;}
.imgview dd{ width:80px; height:80px; float:left; margin:10px 0 0 10px; border:1px solid #C9C9C9; background:#fff;}
.imgview .imgbig{ width:250px; height:250px; overflow:hidden; text-align:center; }
.imgview .imgsm{ width:80px; height:80px; overflow:hidden; border:1px solid #C9C9C9;text-align:center; background:#fff;}
.btn_view{width:250px;margin:5px 0 0 0;}
.btn_view a{ font-size:11px; font-family:Arial;color:#eeeeee; text-decoration:none; background:url(images/cion_viewLarge.gif) 0 5px no-repeat; padding:3px 0 0 15px; margin:0 10px;}
.btn_view a:hover{ text-decoration:underline;}
.brand{ margin-left:20px; color:#eeeeee;}
.brand a{ color:#eeeeee; font-weight:bold; margin:0 0 0 5px;}
.brand a:hover{ text-decoration:underline;}
.detailtitle{ background:; padding:5px; color:#FFF;}
.detailtitle h1{ font-size:24px; font-family:Arial; color:#ffffff;}
.detailtitle h2{font-size:11px;font-family:Arial;color:#9A9A9A;font-weight:normal;padding:0;}
.detail{ clear:both; position:relative; margin:0 0 0 0;}
.detail .prise{ position:absolute; top:-193px; right:20px; width:460px; height:180px; border-top:1px solid #02B2CA;border-left:1px solid #02B2CA; margin:10px 0 0 0; color:#FFF;}
.detail .prise h1{ font-size:14px; color:#eeeeee; margin:10px; padding:5px 10px; border-left:none; border-right:none;}
.detail .prise h2{ font-size:11px; color:#eeeeee; font-weight:normal;line-height:18px; text-align:right; width:60%; background:none; margin:0px; padding:0px;}
.detail .prise h3{font-size:11px;color:#eeeeee;font-weight:normal;text-decoration:line-through;line-height:18px;text-align:right;width:60%;}
.detail .prise h4{ font-size:11px; color:#eeeeee; line-height:18px; text-align:right;width:60%;}
.detail .prise h2 span, .detail .prise h3 span, .detail .prise h4 span{ float:left; text-align:left; margin:0 5px 0 50px;}
.detail .quantity{ position:absolute; top:-68px; right:20px; width:460px; margin:0;}
.detail h5{font-size:14px; color:#eeeeee;line-height:25px; padding-left:40px;}
.detail h5 span{ margin-right:80px;}
.detail .quantity label{width:40px; float:left; text-align:left; margin:0 5px 0 40px; font-weight:bold;}
.detail .quantityLine{ background:#02B2CA; padding:2px 0; line-height:30px;}
.detail .quantityLine input{ margin-left:130px;}
.detail .prise .btn_add{ float:left;}
.detail .prise input{ width:64px; margin-left:32px; float:left;}

.detail .prise .priceTitle { font-size:14px; color:#FFF; margin:10px; padding:5px 10px; }
.detail .prise span { float:left; text-align:left; margin:0 5px 0 50px; line-height:18px; color:#FFF; font-weight:bold;}
.detail .prise .listPrice, .detail .prise .ourPrice, .detail .prise .regularPrice, .detail .prise .salesPrice, .detail .prise .yourSave { width:60%; line-height:18px; text-align:right; color:#FFF;}
.detail .prise .listPrice { color:#FFF;}
.detail .prise .ourPrice { color:#FFF; text-decoration:line-through;}
.detail .prise .salesPrice { color:#FFF; font-weight:bold;}
.detail .prise .yourSave { color:#FFF;}

.detail .quantity .totalPrice { width:60%; height:28px; padding-top:4px; line-height:25px; color:#FFF; font-size:14px; font-weight:bold;}
.detail .quantity .totalPrice .totalPriceName { float:left; margin:0 5px 0 40px;}
.detail .quantity .totalPrice .totalPriceContent { float:right;}

.option{padding:5px 0px; float:right; clear:right; width:500px; *width:510px;}
.option span{margin:5px; float:left; width:80%;}
.option span label{ float:left; width:100px; padding-right:5px; text-align:right; color:#eeeeee; line-height:20px;}
.message{margin:0; padding:5px 20px; font-size:12px; clear:#eeeeee; line-height:18px;float:left; clear:left; width:220px; color:#eeeeee;}
.message span{ font-weight:bold;}
.moredetail{ margin:10px 20px 0 20px; _margin:10px 10px 0 10px; width:720px; float:left;}
.moredetail .menu{color:#eeeeee; background:url(images/moreDetail.gif) 0 -51px repeat-x; height:22px; float:left;}
.moredetail .menu li{display:inline; float:left; background:url(images/moreDetail.gif) 0 -125px repeat-x; margin:0 3px 0 0; }
.moredetail .menu li:hover{}
.moredetail .menu li a{color:#eeeeee; text-decoration:none; background:url(images/moreDetail.gif) right -100px no-repeat; padding:4px 0; display:block; background:url(images/fp_t_c.gif) 0 center no-repeat;}
.moredetail .menu li a span{ background:url(images/moreDetail.gif) 0 -75px no-repeat;padding:4px 10px; cursor:pointer;}
.moredetail .menu .selected{background:url(images/moreDetail.gif) 0 -50px repeat-x; border-bottom:none;  position:relative; padding-bottom:1px;}
.moredetail .menu .selected a{color:#eeeeee; background:url(images/moreDetail.gif) right -25px no-repeat;}
.moredetail .menu .selected a span{ background:url(images/moreDetail.gif) no-repeat; padding-bottom:6px;}
.moredetail .infoContent{ margin:0;_margin:-1px 0 0 0; color:#ffffff; padding:10px; clear:both; border-top:1px solid #02B2CA;overflow:hidden;_width:700px;}
.tabcontent{
margin-bottom:10px;
display:none;
}
@media print {
.tabcontent {
display:block!important;
}}
.breaddetail{ margin:10px 20px; border:1px dotted #888888; padding:10px;}
.breaddetail .box_t_c{ font-size:14px; font-family:Arial; color:#eeeeee;border:none;}
.breaddetail .bread{ margin:10px 0;}
.relation{ margin:10px 0 0 0; width:760px;}
.relation .box_t_l{line-height:25px; font-size:12px; font-weight:normal; color:#eeeeee; border:1px solid #848484; border-bottom:none; padding:0 10px;}
.relation .box_c_l{border:1px solid #848484; background:none; margin:0px; width:758px;}
.relation .item{ margin:10px 1% 10px 1%; text-align:center; width:22%; float:left; _margin:10px 1% 10px 0;}
.relation .item dt{ padding:10px 0;margin:0 auto; text-align:center; overflow:hidden;}
.relation .item dt .img{width:80px; height:80px; overflow:hidden; border:1px solid #B1B1B1; margin:0 auto;}
.relation .item dd{ text-align:center;}
.relation .item dd .itemtitle h1{font-size:11px; color:#eeeeee;margin-top:5px; background:none; height:30px; overflow:hidden;}
.relation .item dd .itemtitle h1 a{color:#eeeeee; text-decoration:none;}
.relation .item dd .itemtitle h1 a:hover{ text-decoration:underline;}
.relation .item dd .itemtitle h2{ display:none;}
.relation .item .itemprise h1{ color:#eeeeee;font-size:12px; font-weight:bold;}
.relation .item .itemprise h2{ color:#02B2CA;font-size:12px; font-weight:bold;}
.relation .item .itemprise h3{ color:#02B2CA;font-size:12px; font-weight:bold;}
.relation .item .itemprise h3 span{ font-size:12px; font-weight:bold;}
.relation .item .itemprise h4{color:#02B2CA;font-size:12px; font-weight:bold;}
.relation .item .itemprise h5{color:#02B2CA;font-size:12px; font-weight:bold;}
.relation .item .shipmessage{ color:#C5C5C5; font-weight:bold;}
.relation .imgb{ display:none;}

/*--all departments page--*/
.allCatogery{ margin:10px; font-size:14px;}
.allCatogery ul{padding:0; width:23%; margin:10px 1% 0 1%; _margin:10px 0.5% 0 0.5%; float:left;}
.allCatogery ul .title{ padding:0;}
.allCatogery ul .title a{ color:#CD0605; text-decoration:none;}
.allCatogery ul a{ color:#003399; line-height:20px; text-decoration:underline;}
.allCatogery ul a:hover{ color:#333333;}
/*--===============================================================================================--*/
.box_main{ margin:0px auto;  border:1px solid #000000; padding:0; width:100%; background:#fff;}
.box_main a{ text-decoration:underline; color:#33428D;}
.box_main .top{ clear:both; margin:0px; position:relative; width:100%;}
.box_main .leftT{ background:url(images/checkout/orderDetail_cion.gif) 0 0 no-repeat; position:absolute; top:-1px; left:-1px; width:9px; height:9px; font-size:9px;}
.box_main .rightT{ background:url(images/checkout/orderDetail_cion.gif) -9px 0 no-repeat; position:absolute; top:-1px; right:-1px; width:9px; height:9px; font-size:9px;}
.box_main .bottom{ clear:both; margin:0px; position:relative; width:100%; _height:9px;}
.box_main .leftB{ background:url(images/checkout/orderDetail_cion.gif) 0 -9px no-repeat; position:absolute; bottom:-1px; _bottom:-5px;  left:-1px; width:9px; height:9px; font-size:9px;}
.box_main .rightB{ background:url(images/checkout/orderDetail_cion.gif) -9px -9px no-repeat; position:absolute; bottom:-1px; _bottom:-5px; right:-1px; width:9px; height:9px; font-size:9px;}


.box_AI{ margin:0px auto;  border:1px solid #000; padding:0; background:#fff;}
.box_AI a{ text-decoration:underline; color:#33428D;}
.box_AI .top{ clear:both; margin:0px; position:relative; width:100%;}
.box_AI .leftT{ background:url(images/checkout/orderDetail_cion.gif) 0 0 no-repeat; position:absolute; top:-1px; left:-1px; width:9px; height:9px; font-size:9px;}
.box_AI .rightT{ background:url(images/checkout/orderDetail_cion.gif) -9px 0 no-repeat; position:absolute; top:-1px; right:-1px; _right:-2px; width:9px; height:9px; font-size:9px;}
.box_AI .bottom{ clear:both; margin:0px; position:relative; width:100%;}
.box_AI .leftB{ background:url(images/checkout/orderDetail_cion.gif) 0 -9px no-repeat; position:absolute; bottom:-1px; _bottom:-4px;  left:-1px; width:9px; height:9px; font-size:9px;}
.box_AI .rightB{ background:url(images/checkout/orderDetail_cion.gif) -9px -9px no-repeat; position:absolute; bottom:-1px; _bottom:-4px; right:-1px; _right:-2px;width:9px; height:9px; font-size:9px;}

.ordercontent{margin:0 10px;}
.ordercontent .box_main{ width:938px;}
/*--cart page--*/
.cart{ margin:0; padding:0px; font-family:Verdana; padding-bottom:20px;}
.cart a{ color:#203480; text-decoration:none;}
.cart a:hover{ text-decoration:underline;}
.cart .title{display:none;}
.cart h2{font-size:12px; color:#525252; margin:15px 0 0 0; line-height:25px; padding:0 10px; font-family:Verdana; background:#EDEDED;}
.cartlist{ margin:0 10px; padding:0 15px;}
.cartlist table.list{border-collapse:collapse; width:100%;}
.cartlist table.list th{ border-bottom:1px solid #B6B5B5; padding:10px 0 5px 0px;}
.cartlist table.list td{ border-bottom:1px solid #CCCCCC; height:50px;}
.cartlist table.list .no_border{ border:1px solid #ffffff; width:15px;}
.cart .cartlist .update{ width:100%; border-bottom:1px solid #666666; height:40px;}
.cart .cartlist .update label{ font-size:11px; color:#525252;}
.cart .cartlist .update h1{ font-size:14px; color:#010707; text-align:right;}
.cart .cartlist .btnLayer{ width:100%; padding:15px 0 0 0;}
.cart .cartlist .btnLayer2{ width:100%; border-top:1px solid #CCCCCC; padding:20px 0 10px 0; margin:10px 0 0 0; text-align:right;}
.cart .cartlist .btnLayer2 span{ font-size:12px; color:#868585; font-weight:bold; margin-right:10px;}
.cart .cartlist .btnLayer2 button{ margin-right:10px;}
.cart .cartlist table.list img{ width:40px; height:40px;}
.cart .cartlist .apply{ position:relative;}
.cart .cartlist .apply .apply_btn{ position:absolute; top:1px; left:315px;*left:310px;}
.cart .cartlist .apply input{ margin:0;}

/*--logIn or register or skip--*/
.skip{ margin:0; padding:0px; font-family:Arial; padding-bottom:15px;}
.skip .titleMain h1{font:Arial;font-size:18px;font-weight:bold;margin:10px 0;padding:0 10px;line-height:40px;background:#EDEDED;}
	
.skip .skip_login{ margin:0 0 0 20px; width:370px; }
.skip .skip_login h1{ font-size:14px; color:#02B2CA;}
.skip .skip_login h3{font-size:12px;color:#333333;font-weight:normal;margin:0px 0 10px 0;padding:0px;line-height:16px;border:0px;}
.skip .login .box_t_l, .skip .register .box_t_l{ margin:10px 0 0 0; padding:0px; border-top:1px solid #666666;}

.login{ margin:10px 0 0 10px; _margin:10px 0 0 5px; float:left; width:400px;}
.login .box_c_l{ padding:10px;}
.login h1{ font-size:14px; color:#02B2CA;}
.login h3{ font-size:12px; color:#333333; font-weight:normal;margin:0px; padding:0px; line-height:16px; border:0px;}

.register{ margin:10px 0 0 0;_margin:10px 5px 0 0;float:left; width:510px;}
.register .box_c_l{ border-left:1px solid #999999; padding:10px;}
.register h1{ font-size:14px; color:#02B2CA;}
.register h3{ font-size:12px; color:#666666; font-weight:normal; margin:5px 0; }

.register .btnPut{margin:0 0 0 145px; *margin:0 0 0 140px;}
.skip_login .btnPut, .login .btnPut{margin:10px 0; padding-left:29px; *padding-left:19px; text-align:left;}

.signin{ padding:10px 0 15px;}
/*--checkout page--*/
.checkoutcontent{font-family:Arial; padding-bottom:20px;}
.checkoutcontent .step{height:25px; clear:both; margin:10px 0 0 0;}
.checkoutcontent .step span{ float:left; font-size:16px; color:#02B2CA; line-height:25px; padding:0 10px 0 20px;}
.checkoutcontent .step h1{ font-size:16px; color:#02B2CA;float:left; line-height:25px; margin:0 0 0 5px; font-weight:normal;}
.checkoutcontent .selecetAddress{ margin:0; padding:0px;}
.checkoutcontent .selecetAddress .title{font-size:12px; color:#555555; border:0px; line-height:35px;padding:0 20px;display:block;background:#EFEFEF;}
.checkoutcontent .selecetAddress .address{background:#ffffff;}
.checkoutcontent .selecetAddress .address table{ margin:0px; width:100%;padding:0px;}
.checkoutcontent .selecetAddress .address table td{ width:25%;border:1px solid #DCEDF1; padding:5px; color:#02B2CA;  font-weight:bold;}
.checkoutcontent .selecetAddress .address address{ margin:0px; padding:0px 20px; color:#333333; font-weight:normal; font-style:normal;}
.checkoutcontent h2{ border:0px; margin:5px 20px; color:#636363; font-weight:normal; font-size:12px;}
.checkoutcontent .methodsList{ margin:5px 20px; border:1px solid #DDDED9; padding:5px 10px;}
.checkoutcontent .methodsList table.list{ width:100%;}
.checkoutcontent .methodsList table.list th{ border-bottom:1px solid #B6B5B5;}
.checkoutcontent .methodsList table.list td{ height:25px;}
.purchase_btnLayer{margin:10px 22px 5px 25px; }
.checkoutcontent .cartList{ margin:5px 20px;padding-bottom:10px; border:1px solid #DDDED9; padding:5px 0 0 0;}
.checkoutcontent .cartList .updateBtn_layer{margin:10px; float:left;}
.checkoutcontent .cartList .list{ border-bottom:1px solid #DDDED9; width:100%;}
.checkoutcontent .cartList .list th{ background:#FCF5EC; border:none;}
.checkoutcontent .cartList .list td{ border:none; padding-right:5px;}
.checkoutcontent .cartList .list td img{ width:40px; height:40px;}
.checkoutcontent .cartList .priseTatal{margin:10px;}
.checkoutcontent .priseTatal table{border:1px solid #FCF5EC;}
.checkoutcontent .priseTatal table td{ text-align:right; font-size:12px;}
.checkoutcontent .priseTatal table td span{ color:#CC0000;}
.checkoutcontent .priseTatal table td b{ font-size:14px;}
.checkoutcontent .priseTatal table td a{ color:#DC256D; text-decoration:underline;}
.checkoutcontent .paymentType{background:#EFEFEF; padding:7px 20px;}
.checkoutcontent .btn_checkout{ margin:15px 10px;}
.checkoutcontent .btnPut{ margin:0 0 0 145px;}
.ck_message textarea{ margin:10px 20px; width:90%; height:50px; border:1px inset #ADADAD;}

/*--account page--*/
#accountContent{font-family:Arial; margin:0 10px;}
#accountContent .box_main{ float:left; width:689px; _width:690px;}
#accountContent .box_AI{ float:right; width:255px;}
#accountContent .box_AI h3{ font-size:16px;line-height:25px; color:#02B2CA; background:#EFEFEF;line-height:35px;padding:0 10px; margin:10px 0 0 0;}

.ma_billinfo h1{ color:#000000;font-weight:normal; float:left; margin:0 20px 0 0; font-size:16px;}
.ma_billinfo h1 span{ color:#D66513; margin-right:10px;}
.ma_billinfo{ border-bottom:1px solid #A7A7A7; padding-bottom:10px; margin:20px 15px;}
.ma_billinfo .address{}
.ma_billinfo .address table{margin:0; padding:0px;}
.ma_billinfo .address table td{margin:0px; border:1px solid #DDDED9; text-align:right;}
.ma_billinfo .address address{ font-style:normal; margin-bottom:5px; margin:10px; text-align:left;width:290px;}

.ma_shipinfo h1{ color:#000000;font-weight:normal; float:left; margin:0 20px 0 0; font-size:16px;}
.ma_shipinfo h1 span{ color:#D66513; margin-right:10px;}
.ma_shipinfo{ border-bottom:1px solid #A7A7A7; padding-bottom:10px; margin:10px 15px;}
.ma_shipinfo .address{}
.ma_shipinfo .address table{margin:0; padding:0px;}
.ma_shipinfo .address table td{margin:0px; border:1px solid #DDDED9; text-align:right;}
.ma_shipinfo .address address{ font-style:normal; margin-bottom:5px; margin:10px; text-align:left;width:290px;}

.ma_orders h1{ color:#000000;font-weight:normal; float:left; margin:0 20px 0 0; font-size:16px;}
.ma_orders h1 span{ color:#D66513; margin-right:10px;}
.ma_orders{margin:10px 15px;}
.ma_orders .orderList{ border:1px solid #C4C2C3; margin:10px 0 0 0; padding:10px 0 0 0;}
.ma_orders .orderList table{ width:100%; border-collapse:collapse;}
.ma_orders .orderList table th{ background:#FCF5EC; padding:0 10px; height:25px;}
.ma_orders .orderList table td{ height:25px;  padding:0 10px;}
.ma_orders .orderList table td a{ text-decoration:underline; color:#000099;}
 
.ma_info .accountInfoDetail{ margin:10px 0 0 0; padding:0 10px; }
.ma_info .accountInfoDetail p{ clear:both; font-size:14px; color:#000000; padding:5px 0; }
.ma_info .accountInfoDetail p span{ float:left; width:60px; text-align:right; color:#000000; font-size:11px; margin-right:10px; line-height:18px;}
.ma_info .btnPut{margin:0; padding:0 0 15px 29px; *padding-left:19px; text-align:left; border-top:1px solid #DDDED9;}
.ma_info .btnPut button{ margin:10px 20px 0 0;}


.ma_editinfo h2, .ma_changepassword h2, .ma_addshipinfo h2, .ma_addbillinfo h2{font-family:Arial; font-size:16px; font-weight:normal; background:#EFEFEF; padding:0 10px; color:#333333; line-height:35px; margin:10px 0 0 0; clear:both;}

.form_addbillinfo, .form_changepassword, .form_addshipinfo, .form_editinfo{ margin:10px 0 0 150px;}

.ma_editinfo .btnPut, .ma_changepassword .btnPut, .ma_addshipinfo .btnPut, .ma_addbillinfo .btnPut{ margin:0 0 20px 295px; *margin:10px 0 20px 290px;}

.ma_editinfo .btnPut button, .ma_changepassword .btnPut button, .ma_addshipinfo .btnPut button, .ma_addbillinfo .btnPut button{	margin:0 50px 0 0;}


/*--Order Detail Page--*/
.btn_print{height:20px; width:100px; margin:10px auto 5px auto;}
.orderdetail .titleMain h1{font-family:Arial; font-size:16px; font-weight:normal; background:#EFEFEF; 
	padding:0 10px; color:#02B2CA; line-height:45px; margin:10px 0 0 0; clear:both;}
.orderdetail .orderAccount{ width:96%; margin:0 auto; padding:0px;}
.orderdetail .orderAccount table{ border:1px solid #DDDED9; width:100%; margin:10px auto 0 auto; padding:5px 0;}
.orderdetail .orderAccount table td{font-size:11px; color:#333333; width:50%; padding:0; vertical-align:top; text-align:left;}
.orderdetail .orderAccount table td h1{ color:#000000; font-size:11px; font-weight:bold;padding:0 0 0 20px; line-height:25px;}
.orderdetail .orderAccount table td span{
	color:#000000; font-size:11px; font-weight:bold; margin:0px 15px 0 0; padding:0px; float:left; width:90px; text-align:right;}
.orderdetail .orderAccount table td h3{
	margin:0px;padding:0 0 0 20px; color:#555555;font-size:11px; font-weight:normal; font-family:Arial;}
.orderdetail .orderAccount table.infoA td{ background:#F2F2F2; padding:5px 0;}
.orderdetail .orderInfo{width:96%; margin:10px auto 0 auto; border-top:none; border:1px solid #DEDDD9; padding:10px 0;}
.orderdetail .orderInfo table.list{border-collapse:collapse; background:#ffffff; border-bottom:1px solid #DEDDD9; width:100%;}
.orderdetail .orderInfo table.list th{border:none; background:#f2f2f2; padding:0 5px;color:#000000;height:25px;font-weight:bold;}
.orderdetail .orderInfo table.list td{border:none;padding:5px 5px;}
.orderdetail .orderInfo h5{ margin:0px; padding:0px; font-size:11px; font-weight:normal;}
.paymentIF{ margin:10px 10px; _margin-left:5px; padding:0 10px 5px 10px; float:left; width:430px;}
.paymentIF h1{ color:#000000; font-size:12px; font-weight:bold; margin:0px; padding:0px; line-height:25px;}
.paymentIF p{margin:0px; padding:0px;  color:#000000; font-size:12px;}
.orderPrise{ width:180px; border:1px solid #DDDDDD; margin:-1px 10px 0 0;_margin-right:9px; float:right; padding:5px;}
.orderPrise table{border:0px; border-collapse:collapse; width:90%; margin:0 auto;}
.orderPrise td{ text-align:right; width:50%;}
.orderPrise td span{ color:#E00000; float:right;}
.orderPrise td strong{ font-size:14px; line-height:25px;}
.orderdetail .btnPut{text-align:center; margin:10px 0;}
.orderdetail .btnPut button{margin:0 50px;}

/*--button common--*/
button.btn{ border:none; background:none;*background:url(images/button_bg.gif) repeat-x; font-size:11px; height:22px; line-height:22px; padding:0px; cursor:pointer; font-family:Arial; color:#030A14; *position:relative; display:block;}
button.btn span{background:url(images/button_bg.gif) repeat-x; *background:none; position:relative; *position:inherit;padding:4px 0 3px 0;*padding:0px; }
button.btn span .left{ background:url(images/button_left.gif) no-repeat; width:5px; height:22px; position:absolute; top:0px; left:0px;}
button.btn span .right{ background:url(images/button_right.gif) right 0 no-repeat; width:5px; height:22px; position:absolute; top:0px; right:0px; _right:-1px;}
button.btn .buttonText{font-size:11px; margin:0 10px 0 10px; *margin:0 5px 0 5px; height:22px;  *padding:4px 2px 4px 0;}

button.buy{border:none; background:none; *background:url(images/checkout/buy_bg.gif) repeat-x;font-size:12px; height:27px; line-height:27px; padding:0px; cursor:pointer; font-family:Arial; color:#FFE3E3; margin-right:5px; font-weight:bold; *position:relative;}
button.buy span{background:url(images/checkout/buy_bg.gif) repeat-x; *background:none; display:block; position:relative; *position:inherit;padding:7px 0 6px 0;*padding:0px;}
button.buy span .left{background:url(images/checkout/buy_left.gif) no-repeat; position:absolute; top:0px; left:-3px; height:27px; width:5px;}
button.buy span .right{background:url(images/checkout/buy_right.gif) no-repeat; position:absolute; top:0px; right:-10px; width:23px; height:27px;}
button.buy .buttonText{font-size:12px; margin:0 16px 0 10px; *margin:0 7px 0 5px; height:27px;  *padding:6px 2px 4px 0;}

.btn_google{ background:url(images/checkout/btn_google.gif); width:174px; height:44px; border:0px; cursor:pointer;}
.btn_paypel{ background:url(images/checkout/btn_paypal.gif); width:144px; height:30px; border:0px;cursor:pointer;}
.btn_remove{background:url(images/checkout/btn_remove.gif) no-repeat;width:47px;height:17px;border:0px;cursor:pointer;padding:0;}
.btn_edit{background:url(images/checkout/btn_edit.gif) no-repeat; width:35px; height:17px; border:0px;cursor:pointer;padding:0;}

.btnLeft{margin:10px 0; padding-left:29px; *padding-left:19px; text-align:left;}
.btnDouble{	text-align:center; margin:10px 0;}
.btnDouble button{margin:0 50px;}


/*--===========================form common===================================--*/
textarea{ border:1px inset #ADADAD; color:#000066; font-family:Arial; font-size:12px;}
.formRegister, .formPayment{margin:10px 0 0 0;}
.form-row{ margin:0; padding:5px 0 0 0;clear:both;}
.form-row .field-label{ float:left; width:140px; text-align:right; height:20px;}
.form-row .field-label label{color:#333333;font-family:Arial;font-size:11px;margin:0 5px 0 0;padding-right:10px;line-height:20px;}
.form-row .field-label .must{ background:url(images/checkout/must.gif) right center no-repeat; }
.form-row .field-widget{float:left; margin:0;}
.form-row .field-widget input{ color:#000066; font-family:Arial; font-size:12px; height:16px; }
.form-row .field-widget select{ border:1px solid #ADADAD; color:#000066; font-family:Arial; font-size:12px; height:20px;}

/*--.formEditInfo .form-row .field-label, .formChangePassword .form-row .field-label{ 
	float:left; width:150px; text-align:right; height:20px;}
.formEditInfo .form-row .field-label label, .formChangePassword .form-row .field-label label{
	color:#333333;font-family:Arial;font-size:11px;margin:0 5px 0 0;padding-right:10px;line-height:20px;}
.formEditInfo .form-row .field-widget, .formChangePassword .form-row .field-widget{
	float:left; margin:0; width:140px;}
.formEditInfo .form-row .field-widget input, .formChangePassword .form-row .field-widget input{
	color:#000066; font-family:Arial; font-size:12px; height:16px;}
--*/
.formSignIn{ margin:0 0 0 20px; padding:0px;}
.formSignIn .form-row{clear:both; height:43px;}
.formSignIn .form-row .field-label{clear:both; text-align:left;}
.formSignIn .form-row .field-label label{font-weight:bold;padding-right:10px;}
.formSignIn .form-row .field-widget{clear:both; width:80%; }
.formSignIn .form-row .field-widget input{float:left;}
.forgerPassword{ font-size:11px; font-family:Arial; color:#FF0000; text-decoration:underline; height:12px;}
/*--input change--*/
input{border: 1px solid #ADADAD;}
input.disabled {border: 1px solid #F2F2F2;background-color: #F2F2F2;}
input.required, textarea.required {border: 1px solid #ADADAD;}
input.validation-failed, textarea.validation-failed {border: 1px solid #FF3300;	color : #FF3300;}
input.validation-passed, textarea.validation-passed {border: 1px solid #C56F94;	color : #000;}
/*--outside layer display--*/
.form-row .validation-advice {background-color:#FF3300; color:#FFF; _float:left;}
.formSignIn .validation-advice {background-color: #FF3300;color : #FFF; float:left; margint:0 0 0 10px;}
.custom-advice { background-color: #C8AA00;color : #FFF;	font-weight: bold;}

fieldset{ border:none;}
form{ border:0px; background:none; margin:0px; padding:0px;}
.clearInput{ height:1px; font-size:1px; clear:both; margin:0px; padding:0px;}

.selecetAddress input{ border:none;}

.seoDescription { color:#999; line-height:150%; padding:5px;}