html, body{
    background: #ffffff;
    color: #000000;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: default;
}
a, a:link, a:visited{
    color:#666666;
    cursor: pointer;
    text-decoration: none;
}
a:hover{
    color:#0042af;
}
a:active{
    color:#444444;
}
img, form, fieldset{
    padding: 0;
    margin: 0;
}
img{
    border: 0 none;
}
input, textarea, select{
    font-size: 12px;
    font-family: Arial;
}

label, .clk{
    cursor: pointer;
}
.hide{
    display: none;
}
.show{
    display: block;
}
.f-l{
    float: left;
}
.f-r{
    float: right;
}
.clear{
    clear: both;
}
.fclear{
    clear: both;
    font-size: 1px;
    height: 1px;
}
.wider{
    width: 120%;
}
.warn{
    color: #ff0000;
}
.cap{
    font-weight: bold;
    color: #0e5685;
}

.rc6{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.rc4{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.a-l{
    text-align: left;
}
.a-r{
    text-align: right;
}
.a-c{
    text-align: center;
}
.v-t{
    vertical-align: top;
}
.v-m{
    vertical-align: middle;
}
.v-b{
    vertical-align: bottom;
}
.bd{
    font-weight: bold;
}

.in-long{
    width: 98%;
}

.heading{
    font-size: 16px;
    font-weight: bold;
}


.popup{
    position: absolute;
    z-index: 20;
    left: 50%;
    top: 10%;
    background: #ffffff;
    border: 5px solid #0e5685;
    display: none;
}
.popup .cls{
    padding: 5px;
    text-align: right;
}
.popup .cls a{
    font-size: 16px;
    padding: 0 3px;
    border: 1px solid #888888;
    cursor: pointer;
}
.popup .cls a:hover{
    border: 1px solid #0e5685;
    background: #dddddd;
}
.popup .ct{
    clear: both;
    padding: 5px;
}

.loading{
    position: fixed;
    _position: absolute;
    top: 0;
    left: 50%;
    font: 14px Arial;
    margin-left: -59px;
    z-index: 30;
    display: none;
}
.loading div{
    float: left;
}
.loading .img{
    height: 30px;
    padding: 0 3px;
    background: transparent url( "imgs/bg_loading.gif" ) no-repeat left bottom;
}
.loading .txt{
    padding: 7px;
    background: transparent url( "imgs/bg_loading.gif" ) no-repeat right bottom;
}
.page-cover{
    background-color: #000000;
    position:absolute;
    top: 0;
    left: 0;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    display: none;
    z-index: 10;
}

.no-sc{
    position: fixed;
    _position: absolute;
    width: 700px;
    top: 0;
    left: 50%;
    margin-left: -350px;
    padding: 3px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    background: #0e5685;
    border: 1px solid #ffffff;
    border-top: 1px solid #0e5685;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    z-index: 9999;
}



.msg-box, .err-msg, .msg-box-s{
    margin: 20px;
    padding: 20px 10px;
    text-align: center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.msg-box a, .msg-box-s a{
    color: #95bbdf;
}
.msg-box a:hover, .msg-box-s a:hover{
    color: #ffffff;
}
.msg-box, .msg-box-s{
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    background: #0e5685;
    border: 2px solid #0e5685;
}
.msg-box-s{
    font-size: 12px;
    padding: 10px;
}
.err-msg{
    padding: 10px;
    color: #ffffff;
    font-weight: bold;
    background: #ff0000;
    border: 2px solid #ff0000;
}

.act-msg{
    /*width: 100%;*/
    margin: 10px auto;
    background: #eeddee;
    border: 5px solid #eeddee;
}
.act-msg .l{
    width: 25px;
    padding: 5px 10px;
}
.act-msg .r{
    font-weight: bold;
    padding: 5px 10px;
    background: #ffffff;
}



p{
    margin: 0;
    padding: 0;
}


.tab-hd{
}
.tab-hd .caps div{
    font-size: 14px;
    float: left;
    padding: 5px 10px;
    border-bottom: 1px solid #1486F2;
    cursor: pointer;
}
.tab-hd .caps .cur, .tab-hd .caps .cur.over{
    font-weight: bold;
    color: #ffffff;
    background: #1486F2;
    border: 1px solid #1486F2;
    border-bottom: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
}
.tab-hd .caps .over{
    background: #dddddd;
    border-bottom: 1px solid #1486F2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
}
.tab-hd .caps .dis{
    cursor: default;
    color: #aaaaaa;
}
.tab-hd .tab{
    clear: both;
    padding-top: 5px;
}

.outer{
    background: #eeddee;
    padding: 10px;
}
.inner{
    background: #ffffff;
    border: 1px solid #aaaaaa;
    border-top: 0;
    border-left: 0;
}
.outer .o-hd{
    font-size: 125%;
    font-weight: bold;
    color: #0e5685;
    margin-bottom: 5px;
    padding-left: 20px;
    background: transparent url( "imgs/i_heading.gif" ) no-repeat left top;
}


.container{
    width: 960px;
    margin: 0 auto;
}

.footer{
    clear: both;
    color: #8C8C8C;
    text-align: center;
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #888888;
}
.footer a{
    color: #1166ff;
}
.footer a:hover{
    color: #7766FF;
}

.header{
    height: 100px;
}
.header .logo{
    float: left;
    padding: 0;
    font: bold 18px "Arial Black";
}
.header .search{
    float: right;
    background: #1486f2;
    padding: 5px 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
}
.header .search *{
    float: left;
}
.header .search .label{
    padding: 3px 7px;
    color: #ffffff;
    font-weight: bold;
}
.header .search label span{
    text-decoration: underline;
}
.header .search .bt{
    margin: 0 5px;
    height: 21px;
}
.header .sub{
    float: right;
    background: #1486f2;
    padding: 5px 30px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
}
.header .sub .in{
    width: 300px;
    font-weight: bold;
}
.header .sub .but{
    background: #ff880b;
    font-weight: bold;
    color: #ffffff;
}


.nav-top{
    height: 25px;
}
.nav-top ul, .nav-top li{
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.nav-top .menus li{
    float: left;
}
.nav-top a{
    display: block;
    padding: 3px 5px 3px 23px;
    margin-left: 10px;
}
.nav-top a:hover{
    background-color: #d8e7f8;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.nav-top .home{
    background: url( "imgs/i_home.gif" ) no-repeat 3px 3px;
}
.nav-top .account{
    background: url( "imgs/i_account.gif" ) no-repeat 3px 3px;
}
.nav-top .checkout{
    background: url( "imgs/i_cart.gif" ) no-repeat 3px 3px;
}
.nav-top .logout{
    background: url( "imgs/i_login.gif" ) no-repeat 3px 3px;
}
.nav-top .login{
    background: url( "imgs/i_login.gif" ) no-repeat 3px 3px;
}
.nav-top .reg{
    background: url( "imgs/i_reg.gif" ) no-repeat 3px 3px;
}
.nav-top .payment{
    background: url( "imgs/i_payment.gif" ) no-repeat 3px 3px;
}


.nav-menus{
    height: 30px;
}
.nav-menus .over{
    background: #dddddd;
}
.nav-menus ul.f-l{
    height: 30px;
    background: #ffffff;
}
.nav-menus ul, .nav-menus li{
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.nav-menus li.f-l{
    float: left;
    display: block;
    margin-left: 1px;
}
.nav-menus li.f-l a{
    color: #ffffff;
    display: block;
    padding: 3px 5px;
    font-weight: bold;
    line-height: 24px;
    background: #1486F2;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.nav-menus li.f-l a:hover, .nav-menus li.f-l a.over{
    color: #ffffff;
    background: #1166cc;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
}
.nav-menus ul.s-l{
    display: none;
    position: absolute;
    background: #1166cc;
    z-index: 10;
    min-width: 120px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
}
.nav-menus li.s-l{
    display: block;
}
.nav-menus li.s-l a{
    color: #ffffff;
    background: none;
    line-height: 18px;
    padding-right: 20px;
    white-space: nowrap;
}
.nav-menus li.s-l a:hover{
    color: #ffffff;
    background: #1486F2;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}


.nav-links{
    border: 1px solid #dddddd;
    padding: 5px;
    margin: 5px 0 0 0;
}


.s-col{
    width: 100%;
    margin: 10px 0 0 0;
}
.col-l{
    float: left;
    width: 170px;
    margin: 10px 0 0 0;
}
.col-r{
    position: relative;
    float: right;
    width: 780px;
    margin: 10px 0 0 0;
}


.banners{
    position: relative;
    width: 780px;
    height: 240px;
    overflow: hidden;
}
.banners .b{
    position: absolute;
    top: 0;
    left: 0;
}
.banners .c{
    position: absolute;
    padding: 5px 10px;
    /*
    right: 5px;
    bottom: 5px;
    */
    right: 0;
    bottom: 0;
    background: #1486f2;
}
.banners .c a{
    display: block;
    float: left;
    background: #ffffff;
    padding: 2px 5px;
    margin-right: 5px;
}
.banners .c a:hover{
    background: #dddddd;
}
.banners .c a.l{
    margin-right: 0;
}
.banners a.cur,.banners a.cur:hover{
    background: #ff0000;
    color: #ffffff;
    font-weight: bold;
}

.page-hd{
    clear: both;
    font-weight: bold;
    padding: 5px;
    background: #ffffff;
    border: 1px solid #dddddd;
}
.sec-hd{
    width: 100%;
    clear: both;
    margin: 10px auto;
}
.sec-hd td{
    padding: 3px 5px;
}
.sec-hd .l{
    width: 20%;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    background: #1486F2;
    font-weight: bold;
    border: 1px solid #1486F2;
    white-space: nowrap;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}
.sec-hd .r{
    width: 80%;
    text-align: right;
    border-bottom: 1px solid #1486F2;
}
.sec-hd a{
    color: #ffffff;
}

.l-block{
    margin-bottom: 10px;
}
.l-block .title{
    text-align: center;
    font-weight: bold;
    padding: 3px;
}
.l-block .body{
    font-size: 11px;
}
.l-block .foot{
    clear: both;
    font-weight: bold;
    padding: 3px;
}


.b-cart{
    border: 1px solid #cfd975;
}
.b-cart .title{
    color: #424c00;
    background: #e0ff14;
}
.b-cart .empty{
    padding: 5px;
    text-align: center;
}
.b-cart .item{
    clear: both;
    border-bottom: 1px dotted #2A8DE5;
    background: #F3F8FF;
}
.b-cart .i-i{
    float: left;
    width: 42px;
    height: 42px;
    overflow: hidden;
    padding: 2px;
    text-align: center;
}
.b-cart .i-i img{
    width: 40px;
    height: 40px;
}
.b-cart .i-t{
    float: right;
    width: 118px;
    padding: 3px 0;
}
.b-cart .i-p{
}
.b-cart .i-p img{
    cursor: pointer;
    margin-bottom: -3px;
}
.b-cart .foot{
    text-align: right;
    background: #e0ff14;
}

.b-subcat{
    border: 1px solid #dddddd;
}
.b-subcat .title{
    background: #1486F2;
    color: #ffffff;
}
.b-subcat a{
    font-weight: bold;
    display: block;
    padding: 3px 5px;
    border: 1px solid #ffffff;
}
.b-subcat a:hover{
    background: #dddddd;
}
.b-subcat .now{
    background: #999999;
    color: #ffffff;
    font-weight: bold;
}
.b-subcat .now:hover{
    background: #999999;
    color: #ffffff;
    font-weight: bold;
}

.b-search{
    border: 1px solid #dddddd;
}
.b-search .title{
    background: #0e5685;
    color: #ffffff;
}
.b-search .body{
    padding: 5px;
}
.b-search .foot{
    text-align: right;
}

.b-view{
    border: 1px solid #DBE7F8;
    background: #F3F8FF;
}
.b-view .title{
    color: #FF0066;
    border-bottom: 1px solid #DBE7F8;
}
.b-view td{
    padding: 3px;
    vertical-align: middle;
    border-bottom: 1px dotted #DBE7F8;
}
.b-view .l{
    width: 46px;
}
.b-view img{
    width: 40px;
    height: 40px;
}

.b-sold{
    border: 1px solid #add2e2;
}
.b-sold .title{
    color: #ffffff;
    background: #1486F2;
}
.b-sold .body{
}
.b-sold ul, .b-sold li{
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.b-sold ul{
}
.b-sold li{
    clear: both;
    border-bottom: 1px solid #add2e2;
}
.b-sold li div{
    padding: 3px;
}
.b-sold .l{
    float: left;
    width: 40px;
    padding-bottom: 0;
}
.b-sold .r{
    float: right;
    width: 110px;
    height: 42px;
}
.b-sold img{
    width: 40px;
    height: 40px;
}

.b-prom{
    border: 1px solid #ed7d07;
}
.b-prom .title{
    background: #ff880b;
    color: #ffffff;
}
.b-prom a{
    font-weight: bold;
    display: block;
    padding: 3px 5px;
    border: 1px solid #ffffff;
}
.b-prom a:hover{
    background: #eeeeee;
}


.toolbar{
    clear: both;
    margin: 5px 0;
    padding: 3px;
    border: 1px solid #eeeeee;
    background: #eeeeee;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.sortby{
    float: left;
    margin-top: 2px;
}
.sortby .slc-block{
    float: left;
    margin-left: 5px;
}
.sortby a{
    display: block;
    white-space: nowrap;
}
.sortby .cur{
    font-weight: bold;
}
.sortby .slcts{
    display: none;
    padding: 5px;
    position: absolute;
    border: 1px solid #0e5685;
    background: #ffffff;
    margin: -21px 0 0 -6px;
    z-index: 5;
}
.pages{
    float: right;
}
.pages a{
    display: block;
    float: left;
    border: 1px solid #0e5685;
    padding: 1px 2px;
    margin-right: 5px;
}
.pages a:hover{
    background: #dddddd;
}
.pages a.cur{
    color: #ffffff;
    background: #0e5685;
}
.pages a.dis{
    border: 1px solid #aaaaaa;
    color: #aaaaaa;
    cursor: default;
}
.pages a.dis:hover{
    background: #ffffff;
}
.pages span{
    display: block;
    float: left;
    margin-right: 5px;
    font-weight: bold;
}


.prdt-list{
}
.prdt-list ul, .prdt-list li{
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.prdts{
}
.prdts .first{
    clear: both;
    margin: 0;
}
.prdts li{
    display: block;
    float: left;
    width: 148px;
    padding: 2px 0 8px;
    margin: 0 0 0 10px;
}
.prdts .info{
    padding: 5px 0;
    border: 1px solid #dddddd;
    text-align: center;
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0px;
}
.prdts .sp{
    border-color: #ff880b;
}
.prdts .info a{
    color: #0066FF;
}
.prdts .info .img{
    height: 90px;
}
.prdts .info .name{
    margin-top: 5px;
    height: 46px;
}
.prdts .info .name span{
    color: #666666;
}
.prdts .info .rrp{
    color: #7b7b7b;
}
.prdts .info .price{
    font-weight: bold;
    color: #28b302;
    font-size: 120%;
}
.prdts .link{
    height: 20px;
}
.prdts .ck{
    position: absolute;
    right: 0;
    top: 0;
    background: #dddddd;
}
.prdts .cart{
    display: none;
    float: right;
    padding: 2px 5px;
    background: #1486f2;
    color: #ffffff;
    font-weight: bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0px;
}
.prdts .cart:hover{
    background: #1166ff;
}
.prdts .sold{
    cursor: default;
    background: #999999;
}
.prdts .sold:hover{
    background: #999999;
}
.prdts .cart-sp{
    background: #ff880b;
}
.prdts .cart-sp:hover{
    background: #ed7d07;
}


.prdt{
}
.prdt .page-hd{
    border: 0;
    border-bottom: 5px solid #0E75D7;
    font-size: 150%;
    font-weight: bold;
    color: #0E75D7;
}
.prdt .push-hd{
    color: #ffffff;
    background: #ff880b;
    font-size: 125%;
    font-weight: bold;
    padding: 3px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
}
.prdt .imgs{
    width: 410px;
    /*height: 270px;*/
    float: left;
    margin: 20px 10px 10px 0px;
    position: relative;
    __border: 1px solid #dddddd;
}
.prdt .imgs .big{
    /*float: left;*/
    height: 300px;
    margin: auto;
}
.prdt .imgs .tmbs{
    margin-top: 5px;
    overflow: hidden;
    /*__overflow-y: hidden;
    __overflow-x: scroll;*/
}
.prdt .imgs .big img{
}
.prdt .imgs .big .ld{
    padding-top: 80px;
}
.prdt .imgs .tmbs div, .prdt .imgs .tmbs a{
    float: left;
    display: block;
    text-align: center;
    border: 2px solid #dddddd;
    margin-right: 2px;
    cursor: pointer;
    width: 120px;
    height: 90px;
    overflow: hidden;
}
.prdt .imgs .tmbs .over{
    border: 2px solid #a6bee2;
}
.prdt .imgs .tmbs .cur{
    border: 2px solid #0e5685;
}
.prdt .imgs .tmbs img{
}
.prdt .info{
    width: 300px;
    float: left;
    margin: 20px auto 10px 50px;
}
.prdt .ship ul, .prdt .ship li{
    list-style: none;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.prdt .ship li{
    background: url( "imgs/i_bullet.gif" ) no-repeat left 8px;
    padding: 3px 5px 3px 10px;
}
.prdt .udfs{
    width: 100%;
    margin: 10px 0;
}
.prdt .udfs td{
    padding: 3px 5px 3px 0;
}
.prdt .udfs .cap{
    width: 20%;
}
.prdt .desc, .prdt .ship, .prdt .policy, .prdt .cap{
    font-size: 14px;
}
.prdt .qnas{
}
.prdt .qna{
    padding: 15px 5px;
    border-bottom: 1px dotted #dddddd;
}
.prdt .qna .q{
    padding-left: 25px;
    background: transparent url( "imgs/i_qna_q.gif" ) no-repeat left top;
}
.prdt .qna .a{
    color: #A85A00;
    padding-left: 25px;
    margin-top: 5px;
    background: transparent url( "imgs/i_qna_a.gif" ) no-repeat left top;
}
.prdt .qna .t{
    color: #888888;
}

.prdt .ask{
    width: 80%;
}
.prdt .ask textarea{
    border: none;
    padding: 3px;
    height: 50px;
}

.prdt-info{
    width: 100%;
}
.prdt-info td{
    padding: 3px 5px;
}
.prdt-info .cap{
    width: 40%;
}
.prdt-info .txt{
    width: 60%;
}
.prdt-info .was{
}
.prdt-info .price .cap, .prdt-info .save .cap, .prdt-info .price .txt, .prdt-info .save .txt{
    color: #28B302;
    font-size: 20px;
    font-weight: bold;
}
.prdt-info .gst{
    font-size: 12px;
    color: #666666;
    padding: 0px 5px;
}
.prdt-info .exp td{
    padding: 0 5px;
    color: #0e5685;
}
.prdt-info .exp .cd{
    color: #c82100;
    font-weight: bold;
    font-size: 200%;
}
.prdt-info .stock .txt{
    color: #28B302;
    font-size: 120%;
    font-weight: bold;
}
.prdt-info a.btn{
    float: left;
    display: block;
    background: #1166FF;
    padding: 5px 19px;
    color: #ffffff;
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 5px;
}
.prdt-info a.btn:hover{
    background: #7766FF;
}
.prdt-info .email{
    background: transparent url( "imgs/i_email_friend.gif" ) no-repeat top left;
    padding-left: 18px;
}
.prdt-info .twitter{
    background: transparent url( "imgs/i_share_twit.gif" ) no-repeat top left;
    padding-left: 18px;
}
.prdt-info .stock .dds-so{
    text-align: center;
    color: #515151;
    background: #c5c5c5;
    font-size: 200%;
}
.prdt-info .stk-bar{
    width: 100%;
    border: 1px solid #0e5685;
}
.prdt-info .stk-bar .l{
    padding: 0;
}
.prdt-info .stk-bar .r{
    padding: 0;
}
.prdt-popup{
    width: 930px;
}
.prdt-popup .hd{
    padding-bottom: 10px;
}
.prdt-popup .big{
    width: 660px;
    height: 480px;
    text-align: center;
}
.prdt-popup .tmbs{
    width: 270px;
    text-align: center;
}
.prdt-popup .tmbs div{
    height: 250px;
    overflow-y: auto;
}
.prdt-popup .tmbs a{
    display: block;
    float: left;
    margin: 0 2px 2px 0;
    width: 120px;
    height: 90px;
    border: 2px solid #dddddd;
}
.prdt-popup .tmbs .over{
    border: 2px solid #a6bee2;
}
.prdt-popup .tmbs .cur{
    border: 2px solid #0e5685;
}
.prdt-popup .info{
    vertical-align: top;
    width: 270px;
}
.prdt-popup .logo{
    padding-bottom: 10px;
}


.reg-f{
    width: 95%;
    margin: auto;
    margin-top: 20px;
}
.reg-f .o-hd{
    background-image: url( "imgs/i_reg.gif" );
}
.reg-f td{
    padding: 3px 5px;
}
.reg-f .err{
    background: #eeeeee;
}
.reg-f .cap{
    width: 30%;
}
.reg-f .in{
    width: 70%;
}
.login-f{
    width: 80%;
    margin: auto;
    margin-top: 20px;
}
.login-f .o-hd{
    background-image: url( "imgs/i_login.gif" );
}
.login-f td{
    padding: 5px;
}
.login-f .cap{
    width: 30%;
}
.login-f .in{
    width: 70%;
}
.login-f .bt, .reg-f .bt{
    font-weight: bold;
}


.cko-steps{
    width: 65%;
    margin: 20px auto;
}
.cko-steps .step{
    float: left;
    border: 1px solid #1486f2;
    background: #1486f2;
    margin-left: 10px;
}
.cko-steps .cur{
    float: left;
    border: 1px solid #0e5685;
    background: #0e5685;
    margin-left: 10px;
}
.cko-steps .step a{
    color: #ffffff;
}
.cko-steps .dis{
    float: left;
    border: 1px solid #aaaaaa;
    background: #eeeeee;
    margin-left: 10px;
    color: #aaaaaa;
}
.cko-steps .step a, .cko-steps .step div{
    display: block;
    padding: 5px 10px;
    font-weight: bold;
}
.cko-steps .cur a{
    color: #ffffff;
}
.cko-steps .gap{
    float: left;
    padding: 3px 10px 5px;
}


.cko-ps .confirm{
    margin-top: 20px;
    padding: 5px 30px;
    border: 1px solid #0e5685;
    background: #0e5685;
    float: right;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}
.cko-ps .confirm a{
    color: #ffffff;
}
.cko-ps .back{
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #0e5685;
    background: #0e5685;
    float: left;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}



.cko-cart{
    width: 100%;
    border: 1px solid #B9C6FF;
}
.cko-cart td{
    padding: 3px 5px;
}
.cko-cart th{
    padding: 5px;
    font-weight: bold;
    text-align: center;
    background: #DFEBF9;
}
.cko-cart .row td{
    border-bottom: 1px solid #B9C6FF;
}
.cko-cart .img{
    width: 10%;
}
.cko-cart .prdt{
    width: 55%;
}
.cko-cart .price{
    text-align: right;
    width: 10%;
}
.cko-cart .qty{
    text-align: center;
    width: 10%;
}
.cko-cart .subtotal{
    text-align: right;
    width: 10%;
}
.cko-cart .total, .cko-cart .ship{
    font-weight: bold;
    text-align: right;
}
.cko-cart .total .t{
    background: #DFEBF9;
}
.cko-cart .ship td{
    padding-bottom: 10px;
}
.cko-cart img{
    width: 70px;
}
.cko-cart .plus, .cko-cart .minus{
    font-size:12px;
    line-height: 16px;
}
.cko-cart .plus{
    background: url( "imgs/i_plus.gif" ) no-repeat left top;
}
.cko-cart .minus{
    background: url( "imgs/i_minus.gif" ) no-repeat left top;
}
.cko-cart .g{
    font-size: 90%;
    color: #666666;
}

.cko-addr{
    width: 100%;
}
.cko-addr td{
    padding: 3px 5px;
}
.cko-addr .l{
    width: 40%;
    background: #ffefef;
}
.cko-addr .r{
    width: 60%;
}
.cko-addr .bk{
    background: #ffffff;
}
.cko-addr .err{
    border: 1px solid #ff0000;
}
.cko-addr .sec{
    background: #0e5685;
    color: white;
    font-weight: bold;
}
.cko-addr .addr-in{
    width: 100%
}
.cko-addr .cap{
    width: 40%;
}
.cko-addr .in{
    width: 60%;
}
.cko-addr .addr{
    float: left;
    padding: 5px 10px;
    background: #dfebf9;
    margin: 10px;
}

.cko-vc span{
    color: #28b302;
    font-size: 18px;
}

.cko-inv{
    margin-top: 20px;
}
.cko-inv .tb{
    width: 100%;
    border: 1px solid #b9c6ff;
}
.cko-inv th{
    text-align: left;
    background: #DFEBF9;
}
.cko-inv th, .cko-inv td{
    padding: 3px 5px;
}
.cko-inv .c1, .cko-inv .c2{
    width: 50%;
}
.cko-inv .bt{
    display: block;
    float: right;
    padding: 5px 10px;
    background: #0e5685;
    border: 1px solid #0e5685;
    color: #ffffff;
    font-weight: bold;
}
.cko-inv .ct{
    width: 100%;
    border: 1px solid #B9C6FF;
}
.cko-inv .ct .row td{
    border-bottom: 1px solid #B9C6FF;
}
.cko-inv .ct .img{
    width: 8%;
}
.cko-inv .ct .prdt{
    width: 55%;
}
.cko-inv .ct .price{
    text-align: right;
    width: 5%;
}
.cko-inv .ct .qty{
    text-align: center;
    width: 8%;
}
.cko-inv .ct .ship{
    text-align: right;
    width: 10%;
}
.cko-inv .ct .subtotal{
    text-align: right;
    width: 15%;
}
.cko-inv .ct .total, .cko-inv .ct .ship{
    font-weight: bold;
    text-align: right;
}
.cko-inv .ct .total .t{
    font-size: 14px;
    background: #DFEBF9;
}
.cko-inv .ct .ship td{
    padding-bottom: 10px;
}
.cko-inv .ct img{
    width: 70px;
}
.cko-inv .pmnt{
    border: 1px solid #dfebf9;
}
.cko-inv .pmnt td{
    padding: 10px;
}
.cko-inv .pmnt .cap{
    width: 20%;
    background: #dfebf9;
}
.cko-inv .pmnt .txt{
    width: 80%;
}
.cko-inv .pmnt .g{
    color: #787878;
}
.cko-inv .pmnt span{
    color: #000000;
}
.cko-inv .cc{
    width: 90%;
    background: #dfebf9;
}
.cko-inv .cc .cap{
    background: transparent;
    width: 20%;
}
.cko-inv .cc .inp{
    width: 50%;
}
.cko-inv .cc .csc{
    width: 30%;
}
.cko-inv .cc .d{
    width: 20px;
}

.cko-f{
}
.cko-f .outer{
    margin: 10px 0;
}
.cko-f .inner{
    padding: 10px;
}

.acct-smry{
    width: 80%;
    margin: auto;
}
.acct-smry .f{
    width: 100%;
}
.acct-smry td{
    padding: 5px;
}
.acct-smry .cap{
    width: 20%;
}
.acct-smry .rht{
    width: 80%;
}
.acct-smry a{
    font-weight: bold;
}


.acct-invc{
    margin-bottom: 20px;
}
.acct-invc .paid{
    background: #eeddee;
}
.acct-invc .unpaid{
    background: #aaffaa;
}
.acct-invc .canceled{
    background: #efefef;
}
.acct-invc table{
    width: 90%;
    margin: auto;
}
.acct-invc td{
    padding: 3px 5px;
}
.acct-invc .c1{
    width: 50%;
}
.acct-invc .c2{
    width: 30%;
}
.acct-invc .c3{
    width: 20%;
}
.acct-invc .c3 a{
    display: block;
}
.acct-invc .c1 .cap{
    width: 30%;
}
.acct-invc .c1 .txt{
    width: 70%;
}
.acct-invc .c2 .cap{
    width: 50%;
}
.acct-invc .c2 .txt{
    width: 50%;
}

.invc-lft{
    width: 500px;
    float: left;
}
.invc-lft .prdts{
    width: 100%;
    border: 1px solid #dddddd;
}
.invc-lft td, .invc-lft th{
    padding: 5px;
}
.invc-lft th{
    background: #dfebf9;
}
.invc-lft .lst td{
    border-bottom: 1px solid #dddddd;
}
.invc-lft .c1{
    width: 65%;
}
.invc-lft .c2{
    width: 10%;
}
.invc-lft .c3{
    width: 10%;
}
.invc-lft .c4{
    width: 15%;
}
.invc-lft .b1{
    font-weight: bold;
    text-align: right;
}
.invc-lft .b2{
    font-size: 120%;
}
.invc-lft .vch{
    background: #dfebf9;
}
.invc-lft .vch span{
    color: #28b302;
    font-size: 14px;
}
.invc-lft .vc{
    border-bottom: 1px solid #dddddd;
}
.invc-lft .trcks{
    width: 100%;
    border: 1px solid #dddddd;
    text-align: center;
}
.invc-lft .trcks .c1{
    width: 34%;
}
.invc-lft .trcks .c2{
    width: 33%;
}
.invc-lft .trcks .c3{
    width: 33%;
}
.invc-rht{
    width: 250px;
    float: right;
}
.invc-rht table{
    width: 100%;
    background: #eeeeee;
    margin-bottom: 20px;
}
.invc-rht td{
    padding: 3px 5px;
}
.invc-rht .cap{
    width: 35%;
}
.invc-rht .txt{
    width: 65%;
}



.acct-addrs{
    width: 80%;
    margin:auto;
}
.addr-lst{
    width: 30%;
    padding: 15px 0;
}
.addr-inp{
    padding: 5px;
    width: 70%;
    background: #eeeeee;
}
.addr-lst a{
    display: block;
    padding: 5px;
    padding-left: 26px;
    background: url( "imgs/i_star_empty.gif" ) no-repeat 5px 3px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}
.addr-lst .now{
    background-color: #eeeeee;
}
.addr-lst .new{
    background-image: url( "imgs/i_addr_new.gif" );
    background-position: 5px 5px;
    margin-bottom: 15px;
}
.addr-lst .main{
    background-image: url( "imgs/i_star_full.gif" );
    background-position: 5px 3px;
}
.addr-inp table{
    width: 100%;
}
.addr-inp td{
    padding: 3px 5px;
}
.addr-inp .cap{
    width: 30%;
}
.addr-inp .in{
    width: 70%;
}
.addr-inp .err{
    border: 1px solid #ff0000;
    padding: 2px 1px;
}
.addr-inp select.err{
    padding: 0;
}


.ft-imgs{
    margin-top: 20px;
    width: 100%;
}
.ft-imgs .c1{
    width: 235px;
}
.ft-imgs .c2{
    width: 245px;
    text-align: right;
}
.ft-imgs .sub{
    background: transparent url("/template/default/imgs/img_newletter.gif") no-repeat top right;
    width: 480px;
}
.ft-imgs div{
    position: relative;
    height: 100px;
}
.ft-imgs .e{
    position: absolute;
    top: 65px;
    left: 47px;
    width: 265px;
    border: 0 none;
}
.ft-imgs .b{
    position: absolute;
    width: 130px;
    height: 30px;
    top: 57px;
    left: 325px;
    border: 0 none;
    background: transparent url( "/template/default/imgs/btn_subscribe.gif" ) no-repeat top right;
}


.pm-cc{
    width: 600px;
    margin: 20px auto;
    background: #eeeeee;
}
.pm-cc td{
    padding: 5px;
}
.pm-cc .cap{
    width: 25%;
}
.pm-cc .inp{
    width: 40%;
}
.pm-cc .csc{
    width: 35%;
    text-align: center;
}
.pm-cc .sm{
    font-size: 80%;
}
.pm-cc .c{
    width: 35px;
}
.pm-cc .d{
    width: 16px;
}


.acct-pmnts{
    width: 90%;
    margin: 0 auto;
    border: 1px solid #dddddd;
}
.acct-pmnts td, .acct-pmnts th{
    padding: 3px 5px;
    border-bottom: 1px solid #dddddd;
}
.acct-pmnts th{
    background: #dfebf9;
}


.msg-acts{
}
.msg-acts a{
    display: block;
    float: right;
    padding: 3px 5px 3px 23px;
    margin-left: 10px;
}
.msg-acts a:hover{
    background-color: #d8e7f8;
}
.msg-acts .add{
    background: url( "/template/default/imgs/i_add_msg.gif" ) no-repeat 3px 3px;
}
.msg-acts .reply{
    background: url( "/template/default/imgs/i_add_msg.gif" ) no-repeat 3px 3px;
}
.msg-acts .list{
    background: url( "/template/default/imgs/i_back.gif" ) no-repeat 3px 3px;
}
.msg-acts .ref{
    background: url( "/template/default/imgs/i_refresh.gif" ) no-repeat 3px 3px;
}
.msg-add{
}
.msg-add table, .msg-view table{
    width: 100%;
    margin: 20px auto;
    border: 1px solid #dddddd;
}
.msg-add .err, .msg-view .err{
    border: 1px solid #ff0000;
}
.msg-add td, .msg-add th, .msg-view td, .msg-view th{
    padding: 5px;
}
.msg-add th, .msg-view th{
    background: #dfebf9;
}
.msg-add .cap, .msg-view .cap{
    width: 15%;
}
.msg-add .inp, .msg-view .inp{
    width: 85%;
}
.msg-lst{
    width: 100%;
    margin: 20px auto;
    border: 1px solid #dddddd;
}
.msg-lst td, .msg-lst th{
    padding: 5px;
}
.msg-lst th{
    background: #dfebf9;
}
.msg-lst .m{
    cursor: pointer;
}
.msg-lst .over{
    background: #efefef;
}
.msg-lst .no{
    text-align: center;
}
.msg-lst .no a{
    font-weight: bold;
}
.msg-lst .i{
    width: 5%;
}
.msg-lst .c{
    width: 15%;
}
.msg-lst .l{
    width: 15%;
}
.msg-lst .s{
    width: 55%;
}
.msg-lst .f{
    width: 10%;
}
.msg-view .y, .msg-view .a{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin: 20px 0;
    padding: 10px;
}
.msg-view .y{
    background: #eeeeee;
}
.msg-view .a{
    background: #d8e7f8;
}
.msg-view .s{
    font-weight: bold;
    margin-bottom: 5px;
}


.cust{
    margin-top: 20px;
}
.cust .txt{
    font-size: 14px;
    margin-bottom: 20px;
}

.prdt-ps{
    padding: 5px;
    background: #d8e7f8;
}
.prdt-ps th{
    color: #0e5685;
    text-align: center;
}
.prdt-ps .h{
    font-size: 110%;
    font-weight: bold;
    padding: 5px 0;
}
.prdt-ps .st{
    width: 100%;
    background: #ffffff;
    font-size: 11px;
}
.prdt-ps .st td{
    padding: 3px 5px;
    text-align: center;
}
.prdt-ps .c{
    margin-top: 5px;
    font-weight: bold;
    color: #28b302;
    font-size: 14px;
}
.prdt-ps .sta{
    font-weight: bold;
    color: #0e5685;
    font-size: 11px;
}
.prdt-ps .f{
    width: 100%;
    font-size: 10px;
}
.prdt-ps .f .l, .prdt-ps .f .r{
    width: 1%;
}
.prdt-ps .f .lb{
    background: #0e5685;
    border: 1px solid #0e5685;
}
.prdt-ps .f .lv0{
}
.prdt-ps .f .lv1{
    background: #28b302;
}
.prdt-ps .f .lv2{
    background: #ff880b;
}
.prdt-ps .f .lv3{
    background: #ff0000;
}
.prdt-ps .f .lvmax{
    background: #ff0000;
}
.prdt-ps .f .rb{
    border: 1px solid #0e5685;
}
.prdt-ps .b{
    margin-top: 5px;
    background: #ffffff;
    padding: 5px;
    text-align: center;
}
.prdt-ps .btn-w{
    padding-left: 85px;
}
.prdt-ps .clear{
    color: #666666;
    font-size: 11px;
}


.acct-pwd{
    width: 60%;
    margin: 20px auto;
}
.acct-pwd .f{
    width: 100%;
}
.acct-pwd td{
    padding: 5px;
}
.acct-pwd .cap{
    width: 40%;
}
.acct-pwd .inp{
    width: 60%;
}

.acct-em{
}
.acct-em .n{
    list-style: none;
    list-style-type: none;
}
.acct-em .note{
    color: #0e5685;
    margin-top: 20px;
}
.acct-em .f{
    padding: 10px;
}
.acct-em ul, .acct-em li{
    margin: 0;
    padding: 0;
}
.acct-em li{
    margin-left: 20px;
}
.acct-em .ns{
}
.acct-em .ns li{
    margin-bottom: 10px;
}
.acct-em .ns label{
    color: #0e5685;
    font-weight: bold;
}
.acct-em .ns .desc{
    padding-left: 20px;
    color: #666666;
}

.sub-f{
    width: 80%;
    margin: 10px auto;
}
.sub-f td{
    padding: 5px;
}
.sub-f .f{
    width: 100%;
}
.sub-f .cap{
    width: 40%;
}
.sub-f .in{
    width: 60%;
}


.em-frd{
    width: 380px;
    margin: 10px auto;
}
.em-frd td{
    padding: 5px;
}
.em-frd .f{
    width: 100%;
}
.em-frd .cap{
    width: 35%;
}
.em-frd .in{
    width: 65%;
}


.daily-deals ul, .daily-deals li{
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.daily-deals ul{
    margin-top: 5px;
}
.daily-deals{
    margin: 10px 0;
}
.daily-deals .r15{
    margin-right: 15px;
}
.daily-deals li{
    background: #7bc037;
    display: block;
    float: left;
    width: 250px;
}
.daily-deals .img{
    margin: 10px;
    height: 175px;
    overflow: hidden;
    text-align: center;
    background: #ffffff;
}
.daily-deals .img img{
}
.daily-deals a{
    color: #ffffff;
}
.daily-deals .txt{
    text-align: center;
    padding: 5px;
    background: #515151;
    color: #ffffff;
    font-weight: bold;
}
.daily-deals .tt{
    height: 32px;
    display: block;
}
.daily-deals .save{
    color: #e4fb4e;
}
.daily-deals .price{
    font-size: 150%;
    color: #e0ff14;
}
.daily-deals .price span{
    font-size: 200%;
}
.daily-deals .link{
    height: 30px;
    padding: 5px;
}
.daily-deals .link a{
    display: block;
    font-size: 150%;
    background: #ff880b;
    float: right;
    padding: 5px 10px;
}
.daily-deals a.sold{
    background: #c5c5c5;
    color: #515151;
}
.daily-deals .ct{
    padding: 5px;
    text-align: center;
    color: #ffffff;
    font-size: 150%;
    font-weight: bold;
}
.daily-deals .deal span{
}
.daily-deals .vd{
    font-size: 90%;
    font-weight: normal;
}
.dd-banner{
    color: #f8c900;
    background: #c82100;
    font-size: 200%;
    text-align: center;
    padding: 10px;
    font-weight: bold;
}