@charset "utf-8";
/* common */
body{font-family:Arial; font-size:11px; margin:0px; padding:0px; background:#E7F0DD; min-width:1000px;}
#header, #sidebar{ background:#E7F0DD;}
.clearBoth{ height:1px; *height:1px; font-size:1px; clear:both; margin:0px; padding:0px;}
img{border:0px;}
div, p, h1, h2, h3, h4, h5, h6, h7, ul, table, dl, dt, dd, button{ margin:0px; padding:0px;}
ul{ list-style:none;}
input, textarea, select{ font-family:Arial, Helvetica, sans-serif;}
span.button{ *padding:0; background:url(images/button_bg.gif) repeat-x; position:relative; margin:0px; height:20px; padding:0 0 10px 0;}
span.button .right{background:url(images/button_right.gif) right bottom no-repeat; position:absolute; top:0px; right:-4px; width:14px; height:20px;*background:none;}
span.button .left{background:url(images/button_left.gif) no-repeat;position:absolute; top:0px; left:-4px; width:4px; height:20px;}
span.button button{ height:20px; border:0px;  font-size:11px; color:#666666; background:none; font-family:Arial, Helvetica, sans-serif; padding:0 8px 0 5px; *padding:0 5px 0 0; *background:url(images/button_right.gif) right bottom no-repeat; margin-bottom:-3px; *margin:0 0 0 -4px; cursor:pointer;}
span.button button:hover{ color:#000000;}
.btn_addToCart{ background:url(images/btn_addToCartB.gif) 0 0 no-repeat; height:25px; width:90px; border:0px; cursor:pointer;}
.btn_addToCart:hover{background:url(images/btn_addToCartB.gif) 0 -25px no-repeat;}

/*edit*/
#logo{ margin:-15px 0 0 15px;*margin:5px 0 0 15px; width:250px; height:60px; overflow:hidden;float:left; color:#666666; font-weight:bold; font-size:18px;_margin:5px 0 0 8px;}
#areaHeader{width:468px; height:60px;overflow:hidden; float:left; color:#666666;*margin-top:20px;}
#areaBanner{width:760px; overflow:hidden;}
#areaSidebar{width:200px; overflow:hidden; color:#666666;position:absolute; left:0px; top:0px;}
#areaFooter{color:#5F5F5F; margin:0; padding:0px;}
.arealist{ width:760px;}
/* header */
#header{ position:relative; z-index:40; cursor:default; height:90px;}
.logoImg{ background:url(images/logo.gif) no-repeat; border:0px; width:250px; height:60px;}
#sm{float:right; margin-top:10px;}
#sm li{display:inline;}
#sm li span{ background:url(images/bg-cartInfo.gif) right 2px no-repeat; margin:0 5px;}
#sm li a{color:#73766F; text-decoration:none;}
#sm li a:hover{text-decoration:underline;}
#nav_searchBox{ position:absolute; left:10px; bottom:-27px; height:20px;width:200px;}
#nav_searchBox .search{height:18px;border:1px solid #A8A8A8;background:#ffffff; position:relative; }
#nav_searchBox .searchInput_layer{ position:absolute; left:0px; top:0px;}
.searchinput{border:none; background:none;height:16px; font-size:12px; color:#3B678A; font-family:Arial;}
#nav_searchBox .btn_search_layer{ position:absolute; right:-10px; top:-3px;}
.btn_search{background:url(images/btn_search.gif) no-repeat; width:71px; height:25px; border:0px; cursor:pointer;}
#cart_info{float:right; margin:15px 5px 0 0; clear:right;}
#cart_info a{ text-decoration:none; color:#73766F; background:url(images/cion_cart.gif) no-repeat; padding:0 0 0 25px;}
#cart_info a span{color:#73766F; margin-right:5px; font-weight:bold;}
#cart_info a:hover{text-decoration:none;text-decoration:underline;}
/* footer */
#footer{background:#ffffff;}
#areaFooter, #footerBottom{background:#ffffff; width:760px; text-align:center; margin:0; padding:10px 0;  margin-left:30px;}
#areaFooter a{color:#5F5F5F; text-decoration:underline;}
#footer #footerBottom{text-align:center; border-top:1px solid #000000; color:#000000; font-weight:normal; font-size:11px;}
#footer #footerBottom span a{text-decoration:none;}
#footer #footerBottom span a:hover{ text-decoration:underline;}
#footer #footerBottom #paymentInfo{ margin-top:5px;}
/* index page */
#content{ background:#ffffff url(images/cion_container_tLeft.gif) no-repeat; padding-top:37px; padding-left:30px;}
#sidebar .menuY{margin:0 auto;width:160px;}
#sidebar .menuY li{ margin:10px 0 0 0;}
#sidebar .menuY li a{color:#1B262C;background:url(images/cion_menuX_left.gif) no-repeat; display:block; height:18px;  text-align:right;  cursor:pointer; line-height:18px; text-decoration:none; padding:0 0 0 10px;}
#sidebar .menuY li a span{background:url(images/cion_menuX_right.gif) right 0px no-repeat;display:block; padding:0 2px 0 0;}
#sidebar .menuY li a span span{ background:#ffffff; display:block;}
#sidebar .menuY .selected a{ color:#E98837; font-weight:bold;}
.catogeryMain{ margin:10px 0 0 30px; width:760px; text-align:center; border-bottom:1px solid #93CBD7;border-top:1px solid #93CBD7; padding:10px 0;}
.catogery{}
/*.catogery h1{ font-size:18px; color:#07768E; text-align:center; margin-top:5px;}
.catogery h1 a{ text-decoration:none; color:#07768E;}*/
.areaSidebarLayer{position:relative; margin:10px 0; padding:0px; width:180px;}

.catogery .catogeryList { font-size:18px; color:#07768E; text-align:center; margin-top:5px; font-weight:bold;}
.catogery .catogeryList a { text-decoration:none; color:#07768E;}

/* indexEdit page */
.menuYedit{ position:absolute;  top:1px;*top:0px; left:5px; background:#ffffff; padding:0px; height:13px;}
.menuYedit .remove, .menuYedit .edit{ width:11px; height:11px; border:0px;margin:0 5px 0 0; cursor:pointer;}
.menuYedit .remove{ background:url(images/cion_edit.gif) -17px 0px no-repeat;}
.menuYedit .remove:hover{ background:url(images/cion_edit.gif) -17px -16px no-repeat;}
.menuYedit .edit{ background:url(images/cion_edit.gif) 0px 0px no-repeat; }
.menuYedit .edit:hover{ background:url(images/cion_edit.gif) 0px -17px no-repeat; }
.menuYadd{ text-align:right; margin:5px 0 0 0; padding:0px;}
.menuYadd .eddMenu{background:url(images/btn_addMenu.gif) 0 0 no-repeat; width:90px; height:25px; border:0px; cursor:pointer;}
.menuYadd .eddMenu:hover{background:url(images/btn_addMenu.gif) 0 -25px no-repeat; }
.menuYedit .input{ height:12px; margin:0 0 0 40px;*margin:0 0 0 30px; border:1px solid #ff0000; border-left:2px solid #ff0000; font-size:11px;}
/*=======bread=============*/
#bread{padding:0 0 0 10px; 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:#1A262E; text-decoration:none; line-height:18px;}
#bread li a:hover{color:#1A262E; text-decoration:underline;}
#bread .selected{  font-weight:bold; background:url(images/cion_bread.gif) right center no-repeat;}
#bread .selected a{color:#E48337;}
#bread .selected a:hover{color:#E48337;}
.bread{padding:0 0 0 10px; 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:#1A262E; text-decoration:none; line-height:18px;}
.bread li a:hover{color:#1A262E; text-decoration:underline;}
.more_bread{margin:5px 0 0 0;}
/* list page */
#category_Sub{width:760px; margin:10px 0 0 0;}
.plToolbar{text-align:right; color:#E58834; line-height:22px; height:22px; width:760px; margin-top:8px;  background:#E7F0DD; _height:24px; padding-top:2px;}
.plToolbar .view{float:left; margin:0 0 0 10px; _margin-top:4px;}
.plToolbar .view .listViewButton, .view .gridViewButton, .view .textViewButton, .plToolbar .view .selected{width:15px; height:15px; border:0px; cursor:pointer; margin:0px; padding:0px;}
.plToolbar .view .listViewButton{ background:url(images/cion_view.gif) 0 -45px no-repeat;}
.plToolbar .view .gridViewButton{ background:url(images/cion_view.gif) 0 -60px no-repeat;}
.plToolbar .view .textViewButton{ background:url(images/cion_view.gif) 0 -75px no-repeat;}
.plToolbar .view .selected{background-color:#E8FFCF; *margin-top:0px;}
.plToolbar a{text-decoration:none; color:#E58834; padding:0px 2px; margin:0 1px;}
.plToolbar a:hover{text-decoration:underline;}
.plToolbar select{border:1px solid #3F89C3; height:16px; *height:18px; font-family:Arial; color:#333333; font-size:11px;}
.plToolbar .Btn_first{ background:url(images/cion_list_first.gif) 0 center no-repeat; padding:0 0 0 6px; }
.plToolbar .Btn_last{ background:url(images/cion_list_Last.gif) right center no-repeat; padding:0 6px 0 0; }
.plToolbar .Btn_previous{ background:url(images/cion_list_Previous.gif) 0 center no-repeat; padding:0 0 0 6px; }
.plToolbar .Btn_next{ background:url(images/cion_list_next.gif) right center no-repeat; padding:0 4px 0 0px;}
.plToolbar .selected{ background:#ffffff; height:18px; color:#F32F23;}
.plToolbarB{text-align:right; color:#ffffff; line-height:22px;width:760px; clear:both; }
.plToolbarB a{text-decoration:none; color:#1A262E; padding:0px 2px; margin:0 1px;}
.plToolbarB a:hover{ text-decoration:underline;}
.plToolbarB select{ border:1px solid #3F89C3; height:16px; *height:18px; font-family:Arial; color:#ffffff; font-size:11px;}
.plToolbarB .Btn_first{ background:url(images/cion_list_firstB.gif) 0 center no-repeat; padding:0 0 0 6px; }
.plToolbarB .Btn_last{ background:url(images/cion_list_LastB.gif) right center no-repeat; padding:0 6px 0 0; }
.plToolbarB .Btn_previous{ background:url(images/cion_list_PreviousB.gif) 0 center no-repeat; padding:0 0 0 6px; }
.plToolbarB .Btn_next{ background:url(images/cion_list_nextB.gif) right center no-repeat; padding:0 4px 0 0px;}
.productList{ width:760px;}
#listView .item{ margin-top:10px; border-bottom:1px solid #C1C1C1; padding:0px;}
#listView .item dt{ float:left; border:1px solid #E7F0DD;width:80px; height:80px; overflow:hidden; text-align:center;} 
#listView .item dd{ margin:0 0 0 90px;}
#listView .item h1{color:#5C6A6C; font-size:18px; margin:0px; padding:0px;}
#listView .item h1 a{color:#5C6A6C; text-decoration:none;}
#listView .item h1 a:hover{ color:#5C6A6C; text-decoration:underline;}
#listView .item h2{ color:#5C6A6C; font-size:12px; font-weight:normal; margin:5px 0;}
#listView .item h3{color:#5C6A6C; font-size:11px; font-weight:normal;}
#listView .item h4{color:#D54D82; font-size:11px;}
#listView .item h5{color:#5C6A6C; font-size:11px; text-align:right;}
#listView .item .infoA{ margin:0 0 0 5px; float:left; text-align:left; width:350px;}
#listView .item .infoA .itemName a { text-decoration:none; color:#000; font-size:14px; font-weight:bold;}
#listView .item .infoA .itemName a:hover { text-decoration:underline;}
#listView .item .infoB{ margin:10px 0 0 0px;float:right; margin-right:20px;}
#listView .infoB span{ float:left; width:60px; margin-left:15px; text-align:right; padding-right:5px;}
#gridView .item{ height:200px; text-align:center; margin-top:5px; margin-bottom:5px;}
#gridView .item dt{text-align:center;}
#gridView .item dd{}
#gridView .item h1{color:#5C6A6C; font-size:18px; margin-top:2px;}
#gridView .item h1 a{color:#5C6A6C; text-decoration:none;}
#gridView .item h1 a:hover{ color:#5C6A6C; text-decoration:underline;}
#gridView .item h2{ color:#FF0000; font-size:12px;}
#textView .item{ text-align:left; border:1px solid #c0c0c0; padding:10px; margin-top:5px; margin-bottom:5px;}
#textView .item h1{color:#333333; font-size:14px; margin-top:2px;}
#textView .item h1 a{color:#333333; font-size:14px; text-decoration:none;}
#textView .item h1 a:hover{ text-decoration:underline;}
#textView .item h2{ color:#07768E; font-size:11px; font-weight:normal; margin:2px 0;}
#textView .item .listPrice{ text-decoration:line-through; color:#777777; margin:2px 10px 5px 0;}
#textView .item .ourPrice{ color:#333333;  margin:2px 10px 5px 0;}
#textView .item .onPrice{ color:#CC0000;  margin:2px 10px 5px 0;}
#textView .item .savePrice{ color:#333333;  margin:2px 10px 5px 0;}
#textView .item b{ margin:0 0 0 10px;}

#gridView .item .itemName{ font-size:12px; margin-top:2px;}
#gridView .item .itemName a{color:#000; text-decoration:none; font-size:12px; font-weight:bold;}
#gridView .item .itemName a:hover{ color:#5C6A6C; text-decoration:underline;}

#textView .item .itemName{color:#333333; font-size:14px; margin-top:2px;}
#textView .item .itemName a{color:#333333; font-size:14px; text-decoration:none;}
#textView .item .itemName a:hover{ text-decoration:underline;}

/*--row to chooce--*/
.rowOne .img, .rowTwo .img, .rowThree .img, .rowFour .img, .rowFive .img{overflow:hidden; margin:0 auto; text-align:center;}
.rowOne{ width:760px; }
.rowOne .img{ width:760px; }
.rowOne .img img{ margin:auto;}
.rowTwo{ width:370px; margin-right:10px; _margin-right:5px; float:left; text-align:center;}
.rowTwo h1{ height:30px; overflow:hidden; font-size:12px;}
.rowTwo h1 a{font-size:14px;}
.rowTwo .img{width:370px;  height:180px; border:1px solid #e5e5e5;}
.rowTwo .img img{margin:auto;}
.rowThree{width:243px; margin-right:10px; _margin-right:5px; float:left; text-align:center;}
.rowThree h3{height:50px; overflow:hidden; }
.rowThree h3 a{ color:#000; text-decoration:none; font-size:14px;}
.rowThree h3 a:hover { text-decoration:underline;}
.rowThree .img{width:243px;  height:243px; border:1px solid #e5e5e5;}
.rowThree .img img{margin:auto;}
.rowFour{ width:180px; margin-right:10px; _margin-right:5px; float:left; text-align:center;}
.rowFour h1{ height:45px; overflow:hidden;}
.rowFour h1 a{font-size:12px;}
.rowFour .img{width:180px;  height:180px; border:1px solid #e5e5e5;}
.rowFour .img img{margin:auto;}
.rowFive{ width:142px; margin-right:10px; _margin-right:5px; float:left; text-align:center;}
.rowFive h1{ height:45px; overflow:hidden;}
.rowFive h1 a{ font-size:12px;}
.rowFive .img{width:80px;  height:80px; border:1px solid #e5e5e5;}
.rowFive .img img{margin:auto;}
/*=========================preview================================*/
.PV_InfoName, .imgBig, .PV_Info, .overView, .productR, .more_bread{ width:760px;}
.PV_InfoName{ height:60px; position:relative; width:760px; border-top:5px solid #808080;}
.PV_InfoName h1{font-size:20px; color:#1A262E; line-height:40px;}
.PV_InfoName h2{font-size:11px; color:#1A262E; font-weight:normal;}
.outInfo{right:0px; top:0px; line-height:20px; color:#636363; background:#F3F3F3; position:absolute;}
.outInfo a{ color:#4178A2; font-weight:bold; margin:0 0 0 5px;}
.outInfo a:hover{ text-decoration:underline;}
.imgBig{ text-align:center; width:760px; overflow:hidden;}
.imgBig img{ max-width:760px;}
.imgsm{ width:80px; height:80px; border:1px solid #c0c0c0; float:left; margin:10px 10px 0 0; overflow:hidden; text-align:center;}
.PV_Info .info{ margin:0; width:100%; clear:both;}
.PV_Info .info li{ padding:5px 0; line-height:16px; color:#4178B0; font-size:12px;}
.PV_Info .info li span{ font-weight:bold; color:#333333;}
.PV_Info .left{ float:left; width:300px;}
.PV_Info .prise{ margin:10px 0 0 310px; padding:5px;}
.PV_Info .prise li{ margin:2px 0;}
.PV_Info .prise h1{ font-size:12px; color:#1A262E; line-height:20px;}
.PV_Info .prise h2{ font-size:11px; color:#636363; font-weight:normal;line-height:18px; text-align:right; width:60%;}
.PV_Info .prise h3{font-size:11px;color:#636363;font-weight:normal;text-decoration:line-through;line-height:18px;text-align:right;width:60%;}
.PV_Info .prise h4{ font-size:11px; color:#EA0000;line-height:18px;text-align:right;width:60%;}
.PV_Info .prise h5{ font-size:14px; color:#F47C12;line-height:18px;text-align:right;width:60%;}
.PV_Info .prise h2 span, .PV_Info .prise h3 span, .PV_Info .prise h4 span, .PV_Info .prise h5 span{ float:left; width:130px; text-align:left; margin:0 0 0 20px; font-weight:bold;}
.PV_Info .prise .btn_add{ float:left;}
.PV_Info .prise input{ width:64px; margin-left:32px; float:left;}
.PV_Info .black{background:#F1F6EC;color:#000000; font-weight:bold; padding:3px 0 0 0;}
.PV_Info .black label{ padding-right:5px; margin-left:20px;}
.PV_Info .black select{ height:18px; border:1px solid #666666; font-family:Arial; font-size:12px; color:#CC0000;}
.PV_Info .black input{height:16px; font-family:Arial; font-size:12px; color:#CC0000; float:none; padding:0px; margin:0px;}

.PV_Info .prise .priceTitle { font-size:14px; color:#18262F; margin:10px; padding:5px 10px; border:1px dotted #ccc; border-left:none; border-right:none;}
.PV_Info .prise span { float:left; text-align:left; margin:0 5px 0 50px; line-height:18px; font-weight:bold;}
.PV_Info .prise .listPrice, .PV_Info .prise .ourPrice, .PV_Info .prise .regularPrice, .PV_Info .prise .salesPrice, .PV_Info .prise .yourSave { width:70%; line-height:18px; text-align:right;}
.PV_Info .prise .listPrice { color:#18262F;}
.PV_Info .prise .ourPrice { color:#666; text-decoration:line-through;}
.PV_Info .prise .salesPrice { color:#A12E31; font-weight:bold;}
.PV_Info .prise .yourSave { color:#666;}

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

.PV_Info .quantity {padding:3px 0 0 0; padding-bottom:3px; background:#E7F0DD;}
.PV_Info .quantity label{ float:left; color:#333333; font-weight:bold;font-size:12px; padding:3px 5px 0 20px;}
.PV_Info .quantity input{height:16px; margin:3px 5px 0 122px;}
#overView{width:760px; position:relative; margin-top:10px; }
.infoMore{color:#3B291D; position:absolute; top:-22px;*top:-1px; left:20px;}
.infoMore li{display:inline; float:left; border-top:2px solid #E7F0DD; border-right:3px solid #E7F0DD; border-left:1px solid #E7F0DD;margin:0 1px 0 0; background:#E7F0DD;}
.infoMore li:hover{}
.infoMore li a{ color:#666666; text-decoration:none; padding:3px 0; display:block;}
.infoMore li a span{padding:4px 10px; cursor:pointer;}
.infoMore .selected{ background:#ffffff; border-top:2px solid #F17F22;border-right:3px solid #F17F22;border-left:1px solid #F17F22;}
.infoMore .selected a{color:#F17F22; padding:4px 0;}
.infoMore .selected a span{}
.infoContent{border-top:2px solid #F17F22; margin:21px 0 0 0; color:#3B291D; padding:10px; border-bottom:5px solid #E5A068;}
.tabcontent{
margin-bottom:10px;
display:none;
}
@media print {
.tabcontent {
display:block!important;
}}
#sidebar .PM_content{ margin:5px 10px;}
#sidebar .PM_content .Item{ margin-top:10px;}

.input_C{ height:14px;}
.productR{ margin:10px 0 0 0; padding:10px 0 5px 10px; width:760px; border:1px solid #c0c0c0; }
.productR .list{ width:120px; margin:0 5px 0 0; float:left;}
.productR .list dt{ width:80px; height:80px; border:1px solid #c0c0c0; overflow:hidden; text-align:center;}
.productR .list dd .itemName{ font-size:12px; color:#333333;}
.productR .list dd .itemName a{ text-decoration:none; color:#333333;}
.productR .list dd .itemName a:hover{ text-decoration:underline;}
.productR .list dd .itemPrice{ color:#ff0000; font-weight:normal; font-size:12px;}
/*--=======================================cart, SignIn, Checkout page======================================--*/
.title_main h1{ font-size:24px; color:#000000;}
/*--cart page--*/
#cartContent{ margin:0; padding:0px; font-family:Verdana; width:760px;}
#cartContent .title{margin:0px; padding:0px; border-bottom:5px solid #ABABAB; font-family:Arial; display:none;}
#cartContent .title h1{font-size:18px; color:#959494; padding:17px 10px 10px 10px; margin:0;}
#cartContent h2{font-size:12px; color:#525252; margin:15px 10px 5px 10px; font-family:Verdana;}
.cartList{border:1px solid #333333; border-bottom:5px solid #333333; 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;}
#cartContent .cartList .update{ width:100%; border-bottom:1px solid #666666; height:40px;}
#cartContent .cartList .update label{ font-size:11px; color:#525252;}
#cartContent .cartList .update h1{ font-size:14px; color:#010707; text-align:right;}
#cartContent .cartList .btnLayer{ width:100%; padding:15px 0 0 0;}
#cartContent .cartList .btnLayer2{ width:100%; border-top:1px solid #CCCCCC; padding:20px 0 10px 0; margin:10px 0 0 0; text-align:right;}
#cartContent .cartList .btnLayer2 span{ font-size:12px; color:#868585; font-weight:bold; margin-right:10px;}
#cartContent .cartList .btnLayer2 button{ margin-right:10px;}
#cartContent .cartList table.list img{ width:40px; height:40px;}
#cartContent .cartList .apply{  position:relative;}
#cartContent .cartList .apply .apply_btn{ position:absolute; top:-1px; *top:1px; left:250px;*left:250px;}
#cartContent .cartList .apply input{ margin-right:55px; *margin-right:50px; width:155px;}
/*--cart_to_checkout page--*/
#cart_checkoutContent{ margin:0; padding:0px; font-family:Arial; width:760px;}
#cart_checkoutContent .title{margin:0px; padding:0px; border-bottom:1px solid #ABABAB; display:none;}
#cart_checkoutContent .title h1{font-size:18px; color:#959494; padding:17px 10px 10px 10px; margin:0;}
#cart_checkoutContent h2{width:400px; font:Arial; font-size:18px; font-weight:bold; margin:10px; border-bottom:1px solid #666666; line-height:30px;}
#cart_checkoutContent .choose_layer{ margin:0 0 0 20px; width:370px; }
#cart_checkoutContent .choose_layer h1{ font-size:14px; color:#076CBA;}
#cart_checkoutContent .choose_layer h3{ font-size:12px; color:#333333; font-weight:normal; margin:0px; padding:0px; line-height:16px; border:0px;}
#cart_checkoutContent .choose_layerL{ margin:0 0 0 20px; width:370px;}
#cart_checkoutContent .choose_layerL h1{ font-size:14px; color:#076CBA;}
#cart_checkoutContent .choose_layerL h3{ font-size:12px; color:#333333; font-weight:normal; margin:0px; padding:0px; line-height:16px; border:0px;}
#cart_checkoutContent .btn_layer{ margin:12px 0 0 8px;}
#cart_checkoutContent .line{ margin:10px 10px 15px 10px; padding:0px; border-top:1px solid #666666; clear:both;}
#cart_checkoutContent .choose_layer2{ background:url(images/checkout/creat_titleBG.gif) repeat-x; *background:url(images/checkout/creat_titleBG.gif) 0 1px repeat-x; position:relative; padding:0px; border:1px solid #D2D2D2; border-top:none;  margin:40px 0 0 20px;}
#cart_checkoutContent .choose_layer2 .title{ border:0px; border-left:1px solid #D2D2D2; height:34px; position:absolute; top:-32px; left:-1px; display:block;}
#cart_checkoutContent .choose_layer2 .title h1{ font-size:14px; color:#076CBA; border:0px; height:34px; float:left; padding:15px 43px 0 10px; background:url(images/checkout/creat_titleBG.gif) repeat-x;}
#cart_checkoutContent .choose_layer2 .title span{ background:url(images/checkout/creat_title.gif) right 0 no-repeat; float:left; height:34px; width:53px;}
#cart_checkoutContent .choose_layer2 h3{ font-size:12px; color:#333333; font-weight:normal; margin:0px; padding:10px 0 0 10px; line-height:16px; border:0px;}
/*--checkout page--*/
#checkoutContent{margin:0; padding:0px; font-family:Arial; width:760px;}
#checkoutContent .title{margin:0px; padding:0px; border-bottom:1px solid #ABABAB; display:none;}
#checkoutContent .title h1{font-size:18px; color:#959494; padding:17px 10px 10px 10px; margin:0;}
#checkoutContent .step{height:25px; margin:10px 0 0 0; border-bottom:5px solid #666666;}
#checkoutContent .step span{ float:left; height:20px; font-size:11px; color:#ffffff; background:#F4A361; line-height:20px; padding:0 5px;}
#checkoutContent .step h1{ font-size:14px; color:#333333;float:left; line-height:25px; margin:0 0 0 5px;}
#checkoutContent .selecetAddress{ margin:0 22px; padding:0px;}
#checkoutContent .selecetAddress .title{font-size:12px; color:#000000; padding:0 10px; border:0px; display:block; background:#E6E6E6; height:20px; line-height:20px;}
#checkoutContent .selecetAddress .address{ border:2px solid #E6E6E6; background:#ffffff;}
#checkoutContent .selecetAddress .address table{ margin:0px; width:100%;padding:0px;}
#checkoutContent .selecetAddress .address table td{ width:25%;border:1px solid #dddddd; padding:5px; color:#D21B63;  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:10px 22px 0 22px; color:#DC256D; font-weight:normal; font-size:12px;}
#checkoutContent .methodsList{ margin:5px 22px 0 22px; border:1px solid #C4C2C3; padding:8px 12px;}
#checkoutContent .methodsList table.list{ width:100%;}
#checkoutContent .methodsList table.list th{ border-bottom:1px solid #B6B5B5;}
#checkoutContent .methodsList table.list td{ border-bottom:1px solid #CCCCCC; height:25px;}
.purchase_btnLayer{margin:10px 22px 5px 25px;}
#checkoutContent .cartList{ margin:0 22px; padding-bottom:10px;}
#checkoutContent .priseTatal{margin:10px 0; border-bottom:1px solid #383838;}
#checkoutContent .priseTatal table{}
#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 .btn_checkout{ margin:15px 10px;}
.borderB{ border-bottom:1px solid #666666; font-size:1px; height:2px; width:50%; margin-bottom:5px;}
/*--account page--*/
#accountContent{margin:0; padding:0px; font-family:Arial; width:760px;}
#accountContent .title{margin:0px; padding:0px; border-bottom:1px solid #ABABAB; display:none;}
#accountContent .title h1{font-size:18px; color:#959494; padding:17px 10px 10px 10px; margin:0;}
#accountContent .titleBread{ position:absolute; left:140px; top:25px;}
#accountContent h2{ font-family:Verdana; font-size:14px; color:#D51D65; border-bottom:5px solid #3D3D3D; line-height:25px; margin:0 12px;}
#accountContent .AInfo{ margin:10px 0 0 12px; width:160px; float:left; color:#656565; line-height:18px; font-size:12px;}
#accountContent .AInfo h3{ font-size:12px; color:#3D3D3D; line-height:25px;}
#accountContent .AInfo .button{ margin-top:10px;}
#accountContent .right_layer{ border-left:1px solid #A7A7A7; margin:10px 12px 0 182px;padding:0 10px; _float:left;_margin:10px 0 0 10px; }
#accountContent .right_layer h3{ background:url(images/checkout/account_cion.gif) 0 16px no-repeat; color:#3D3D3D; font-size:12px; padding:15px 0 10px 10px;}
#accountContent .BInfo{ border-bottom:1px solid #A7A7A7; padding-bottom:10px;}
#accountContent .SAddress{ border-bottom:1px solid #A7A7A7; padding-bottom:10px;}
#accountContent .SAddress .address{ margin:-10px 0 0px 0; padding:0px;}
#accountContent .SAddress .address table{ width:100%; margin:0; padding:0px;}
#accountContent .SAddress .address table td{ width:50%; margin:0px;}
#accountContent .SAddress .address address{ font-style:normal; margin-bottom:5px;}
#accountContent .OHistory{}
#accountContent .OHistory .orderList{ border:1px solid #C4C2C3; padding:10px 15px; margin:0px;}
#accountContent .OHistory .orderList table{ width:100%; border-collapse:collapse;}
#accountContent .OHistory .orderList table th{ border-bottom:1px solid #B6B5B5; padding-left:10px;}
#accountContent .OHistory .orderList table td{ border-bottom:1px solid #CCCCCC; padding-left:10px; height:25px;}
#accountContent .OHistory .orderList table td a{ text-decoration:underline; color:#000099;}
#accountContent .btn_layer{ margin:0px; border:0px; float:left; margin-right:40px;}

/*--Order Detail Page--*/
.btn_print{height:20px; position:absolute; right:10px; top:-25px;}
.orderdetailsub_box{margin:0px auto; padding:0; position:relative; width:760px; border-top:5px solid #808080;}
.orderdetailsub_box a{text-decoration:underline; color:#33428D;}
.orderdetailsub_box .leftT{background:url(../theme1/images/checkout/orderDetail_cion.gif) 0 0 no-repeat; position:absolute; top:-1px; left:-1px; width:9px; height:9px; font-size:9px;}
.orderdetailsub_box .rightT{background:url(../theme1/images/checkout/orderDetail_cion.gif) -9px 0 no-repeat; position:absolute; top:-1px; right:-1px; width:9px; height:9px; font-size:9px;}
.orderdetailsub_box .bottom{clear:both; margin:0px; position:relative; width:100%;}
.orderdetailsub_box .leftB{ background:url(../theme1/images/checkout/orderDetail_cion.gif) 0 -9px no-repeat; position:absolute; bottom:-1px; _bottom:-4px;  left:-11px; width:9px; height:9px; font-size:9px;}
.orderdetailsub_box .rightB{ background:url(../theme1/images/checkout/orderDetail_cion.gif) -9px -9px no-repeat; position:absolute; bottom:-1px; _bottom:-4px; right:-11px; width:9px; height:9px; font-size:9px;}
.orderdetailsub_box .info{ border:1px solid #ffffff;width:100%;}
.orderdetailsub_box .info td{ border-bottom:1px solid #dddddd; padding-left:18px; padding-bottom:5px; font-size:12px; color:#666666;}
.orderdetailsub_box .info td h1{ color:#333333; font-size:12px; font-weight:bold; margin:0px; padding:0px; line-height:25px;}
.orderdetailsub_box .info td span{ color:#333333; font-size:12px; font-weight:bold; margin:0px 5px 0 0; padding:0px; line-height:25px;}
.orderdetailsub_box .info td p{margin:0px; padding:0px;}
.orderdetailsub_B{width:100%; margin:0 auto; border-top:none;}
.orderdetailsub_B table.list{border-collapse:collapse; background:#ffffff; border:1px solid #E5E5E5; margin:15px 0 0 0;width:100%;}
.orderdetailsub_B table.list th{border-top:1px solid #808080;border-rigth:1px solid #E5E5E5;border-bottom:1px solid #808080;border-left:1px solid #E5E5E5; background:#FFFFF0; padding:0 5px; color:#333333; height:25px;}
.orderdetailsub_B table.list td{border-top:1px solid #CBCACA;border-rigth:1px solid #F0F0F0;border-bottom:1px solid #CBCACA;border-left:1px solid #F0F0F0; padding:5px 5px;}
.orderdetailsub_B h5{ margin:0px; padding:0px; font-size:11px; font-weight:normal;}
.paymentIF{ margin:10px 18px; _margin-left:9px; background:#F7F7F7; border:1px solid #E0E0E0; padding:0 10px 5px 10px; float:left; width:430px;}
.paymentIF h1{ color:#666666; font-size:12px; font-weight:bold; margin:0px; padding:0px; line-height:25px;}
.paymentIF p{margin:0px; padding:0px;  color:#666666; font-size:12px;}
.OD_prise{ width:180px; border:1px solid #DDDDDD; margin:-1px 18px 0 0;_margin-right:9px; float:right; padding:5px;}
.OD_prise table{ border:0px; border-collapse:collapse;}
.OD_prise td{ text-align:right;}
.OD_prise td span{ color:#E00000;}
.OD_prise td strong{ font-size:14px; line-height:25px;}

/*--input common--*/
.SignInLayer{ margin:10px 0 0 0;}
.SignInLayer label{ font-weight:bold; font-family:Verdana; color:#333333; margin-top:10px;}
.SignInLayer .must{ margin-left:5px; color:#339933; font-size:11px;}
.SignInLayer .forget{ color:#ff0000; font-size:11px; text-decoration:underline;}
.inputLayer{margin:10px 20px 0 20px;}
.inputLayer table td{ height:40px;}
.inputLayer label{ font-weight:bold; font-family:Verdana; color:#333333; margin-top:10px;}
.inputLayer .must{ margin-left:5px; color:#339933; font-size:11px;}
.inputLayer .forget{ color:#ff0000; font-size:11px; text-decoration:underline;}
.inputLayer .btn_layer{ border-top:1px solid #505050; padding:10px 0;}
/*--button common--*/
.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;}

/*--============================================button==============================================================--*/
table.button{border:0px;border-collapse:collapse; padding:0px; margin:0px;}
table.button:hover{ border:0px;border-collapse:collapse; padding:0px; margin:0px;}
table.button td{ border:0px; padding:0px; margin:0px;}
table.button td:hover{ border:0px; padding:0px; margin:0px;}
table.button button{height:18px;color:#666666; text-decoration:none;  font-size:11px; font-family:Arial, Helvetica, sans-serif; cursor:pointer; border:0px; background:none; line-height:18px; margin:0px; padding:0px;}
table.button button:hover{ color:#000000;}
table.button .left{background:url(images/button_left.gif) no-repeat; height:20px; width:4px; font-size:1px;}
table.button .left:hover{background:url(images/button_left.gif) no-repeat; height:20px; width:4px; font-size:1px;}
table.button .right{background:url(images/button_right.gif) right 0 no-repeat; height:20px; width:4px; font-size:1px;}
table.button .right:hover{background:url(images/button_right.gif) right 0 no-repeat; height:20px; width:4px; font-size:1px;}
table.button .middle{background:url(images/button_bg.gif) repeat-x; height:20px;}
table.button .middle:hover{background:url(images/button_bg.gif) repeat-x; height:20px;}

table.btn_checkout{ border:0px;border-collapse:collapse; padding:0px; margin:0px;}
table.btn_checkout:hover{ border:0px;border-collapse:collapse; padding:0px; margin:0px;}
table.btn_checkout td{ border:0px; padding:0px; margin:0px;}
table.btn_checkout button{height:25px;color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold; font-family:Verdana; cursor:pointer; border:0px; background:none;  margin:0px; background:url(images/checkout/btn_checkoutBg.gif) right 8px no-repeat; padding:0 10px 0 0;}
table.btn_checkout .left{background:url(images/checkout/btn_checkoutLeft.gif) no-repeat; height:29px; width:5px; font-size:1px;}
table.btn_checkout .left:hover{background:url(images/checkout/btn_checkoutLeft.gif) no-repeat; height:29px; width:5px; font-size:1px;}
table.btn_checkout .right{background:url(images/checkout/btn_checkoutRight.gif) right 0 no-repeat; height:29px; width:5px; font-size:1px;}
table.btn_checkout .right:hover{background:url(images/checkout/btn_checkoutRight.gif) right 0 no-repeat; height:29px; width:5px; font-size:1px;}
table.btn_checkout .middle{background:url(images/checkout/btn_checkout.gif) repeat-x; height:29px;}
table.btn_checkout .middle:hover{background:url(images/checkout/btn_checkout.gif) repeat-x; height:29px;}


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