@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------------------------
# Friis & Co - August, 2008
# ------------------------------------------------------------------------
# Copyright (C) 2008 SmartOSC. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: SmartOSC
# Websites:  http://www.smartosc.com
-------------------------------------------------------------------------*/

/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {margin: 0;padding: 0;}
body {background: #FFF url(../img/bg/bg_page.gif) repeat 9px 0;color: #000;font-family: Arial, Helvetica, sans-serif;/* line-height: 15px;margin-bottom: 66px;line-height: 15px;margin-bottom: 66px; */}
body.fs {font-size: 11px;}
#page-body {background:url(../img/bg/bg_body.png) no-repeat center 21px ;width: 100%;/* min-height: 888px; */padding-top:143px;padding-bottom:140px}

/* * html #page-body {height: 888px;} */
.bg-home-layout {position:fixed;left:0px;top:0px;z-index:-1;}
* html .bg-home-layout {position:absolute;width:100%; overflow:hidden;bottom:0px !important;}
/*-------------- Normal link --------------*/
a {color: #000;text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {outline: none;}
a img {border: none;}
/*-------------- Heading --------------*/
h1 {font-size: 180%;}
h2 {font-size: 150%;}
h3 {font-size: 125%;}
h4 {font-size: 100%; text-transform: uppercase;}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {margin: 9px 0; padding: 0;}
td, div {font-size: 100%;}
#allpage hr {color: #3366cc; /* IE */background: #3366cc; /* FF */border: 0;height: 1px;margin: 0;padding: 0;}

/* FORM
--------------------------------------------------------- */
form label {cursor: pointer;}
input, select, textarea, .inputbox {font-family: Arial, Helvetica, sans-serif;font-size: 100%;color: #333;}
select, textarea, .input-field, .input-field2 {border: 1px solid #9b9b9b;}
.input-field2 {padding: 6px;padding-left: 5px;}
textarea, .input-field {padding: 2px;padding-left: 5px;background: #FFF;}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.left{float: left;}
.right{float: right;}
.clr{clear: both;}
.clr_left{clear: left;}
.clr_right{clear: right;}
.bl {display:block;}
.dt {display: table;width: 100%;}
.dr {display: table-row;width: 100%;}
.dc {display: table-cell;vertical-align: top;}
#wrapper {width: 1002px;margin: 0 auto;background:#FFF}
/*-------------- header style --------------*/
#header {position: relative;background: transparent;height: 88px;z-index:99;}
#header h1.logo {position: absolute;top: 12px;left: 0;margin: 0;}

.top_box {padding-top: 10px;margin-right: 2px;color: #20130b;}
.top_box a, .top_box strong, .top_box label{float: right;font-size:10px;padding: 0 8px 0 7px;}
.top_box label{padding-right: 12px;}
.top_box .img {background: url(../img/bg/v_sep.gif) 8px 3px no-repeat;padding-left: 23px;}
.menu {width:60%;float:right;text-align:right;list-style: none;margin-top:30px;padding: 0; }
* html .menu {margin-top: 33px;}
*+html .menu {margin-top: 30px;}
.menu li {display:inline}
.menu li a {font-family: "Eurostile", Arial, Helvetica, sans-serif;font-weight:bold;color: #000;font-size: 12px;text-transform: uppercase;padding: 3px 26px 0 17px;vertical-align:middle;}
.menu li a:hover {text-decoration: none;}

.search {width:250px;}
.vertical-align{vertical-align:bottom}
@media screen and (-webkit-min-device-pixel-ratio:0){
.vertical-align {vertical-align:middle;width:16px;height:19px;float:right} 
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#searchresult {float:left;width:190px;} 
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#searchresult .input-srh {width:150px;float:left;height:17px} 
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#searchresult .vertical-align {width:16px;float:left;margin-top:5px} 
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#searchresult .input-srh input {padding-top:2px} 
}
.search a{margin:0;padding:0!important;}
.input-srh{background:url(../img/bg/bg-input-search.gif) no-repeat bottom right;padding:4px 4px 3px 3px;margin:0 3px 0 5px;top:0}
* html .input-srh{background:url(../img/bg/bg-input-search.gif) no-repeat 2px right;}
*+html .input-srh{background:url(../img/bg/bg-input-search.gif) no-repeat 2px right;}
.srh-main .input-srh {background:url(../img/bg/bg-input-search.gif) no-repeat bottom right;}
* html .srh-main .input-srh {background:url(../img/bg/bg-input-search.gif) no-repeat 2px right;}
*+html .srh-main .input-srh {background:url(../img/bg/bg-input-search.gif) no-repeat 2px right;}
.input-srh input {border:0px solid #fff;background:transparent;margin-top:1px;width:150px;height:19px}
*+html .input-srh input {border:0px solid #fff;background:transparent;margin-top:1px;width:150px;height:14px}
*+html .menu{   padding:2px 0 0 0;}
/* ---------------------------------------content style-------------------------------------------------- */

/*w23 creat acount*/
.mod-customerw23 {background: #FFF url(../img/bg/w23_Account_bg.jpg) top no-repeat!important; height:1000px;}
.b{border:1px solid blue;}
.registerw23{ padding:0 0 0 112px;}
.registerw23 label {float:left; color:#222222; font-family:Arial, Helvetica, sans-serif; font-size:11px}
.registerw23 .w99{ width:140px!important}
.registerw23 .mr-tb2{background:url(../img/bg/w23_Account_bg_input.jpg) no-repeat bottom right; width:384px; padding:8px 0 0 16px;}
.registerw23 .mr-tb23{background:none; width:384px; padding:0 0 0 16px; height:30px; top:15px; position:relative}
.registerw23 .mr-tb22{background:url(../img/bg/w23_Account_bg_input2.jpg) no-repeat bottom right; width:384px;padding:0 0 0 16px;}
.registerw23 .mr-tb24{background:url(../img/bg/w23_Account_bg_check.jpg) 154px 0 no-repeat; width:384px;padding:0 0 0 16px; top:19px; position:relative}
.registerw23 .mr-tb2 input{height:15px;width:220px; border:none ; background:none}
.registerw23 .mr-tb22 .input1{height:16px;margin-right:10px;text-align:center;vertical-align:middle; width:65px;border:none ; background:none }
.registerw23 .mr-tb22 .input2{border:1px inset #C8C8C8;height:15px;width:220px; }
.registerw23 .sl-sl {width:160px;position:absolute;top:0;left:154px;}
.registerw23 * html.sl-sl {left:10px}

.mod-customerw234 {background: #FFF url(../img/bg/w23_Account_bg2.jpg) top no-repeat!important; height:1000px;}


.w23-leftacount{float:left; position:relative; width:170px;}
.cl{ clear:both;}
.registerw23 .f-c{ color:#000;}


/*e:w23 creat acount*/

/*w23 creatvip*/
.mod-customerw232 {background: #FFF url(../img/bg/w23_vip_bg.jpg) top no-repeat!important; height:1000px;}
.mod-customerw232 .l-color {background:none;overflow: hidden;}
.mod-customerw232 .w400{ width:270px;}
.w23bginput{background:url(../img/bg/w23_vip_bginput.jpg) 74px 5px no-repeat; width:217px;; }
.w23bginput .w211 { width:120px; margin:7px 0 0 0 !important; border:none; background:none}
.w23bginput .w97{ width:75px;color:#222222; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.mod-customerw232 .w317{width:245px;}
.mod-customerw232 .mc40{ margin:4px 71px 80px 0;}
.mod-customerw232 .pad15{ padding:38px 130px 0 0}
*+html .mod-customerw232 .pad15{ padding:38px 121px 0 0}
*+html .mod-customerw232  .ml5{ margin-left:30px}
.mod-customerw232 .form-ckout label, .mod-customerw232 .form-ckout input {display: block;float: left;margin: 8px 0 9px;}
/*e:w23 creatvip*/

#container {}
.sh-r {background: url(../img/bg/shadow_r.png) right repeat-y;}
*+html .sh-r {overflow: hidden;}
.sh-l {background: #FFF;width: 1000px;}
.sh-body {float: left;width: 1000px;background: #FFF;overflow: hidden;}
.sh-b {background: url(../img/bg/shadow_b.png) top repeat-x;width: 998px;height: 2px;}



.mar-1 {margin: 1px 0;}
.mod-checkout {min-height: 500px;height: auto !important;height: 500px;}
.mod-customer {background: #FFF url(../img/bg/bg_leftnav_sh.gif) left repeat-y;}

.sub-banner{/* background-color: #000; */background-position: right;background-repeat: no-repeat;min-height: 100px;position:relative}
* html .sub-banner {height: 100px;}

.ckout-step {width: 933px;/* height: 60px; */height:30px;margin:20px auto 0 31px/* margin: 27px auto 0 31px; */}
.ckout-content {margin: 0 auto 26px 33px;}
.shopping-content {margin: 0 auto 26px 24px;}
.l-color {background-color: #F9F9F9;overflow: hidden;}
.br1-color, .br2-color, .br3-color, .br4-color {overflow: hidden;}
.br1-color, .br2-color{min-height: 240px;}
* html .br1-color, * html .br2-color {height: 240px;}
.br1-color, .br3-color {border: #F9F9F9 solid 1px;}
.br2-color, .br4-color {border: #F2F2F2 solid 1px;}
.br2-color span, .text-small, .text-small2, .help-c {color: #333;font-size: 10px;}
.text-small2 {color: #666;}
.text-small2 b, .text-small2 strong {display: block;}
.text-small2 strong {margin-top: 15px;}
*+html .text-small2 strong {margin-top: 14px;}
.br2-color b, .text-pur, .text-red, .help-c b {color: #f4966f;text-transform: uppercase;}
.text-red {color: #F63F13;}
b.text-pur, b.text-red {display: block;}

.help-c b, .help-c label strong {font-size: 11px;display: block;}
.help-c p {margin: 14px 0;}
.help-c p.no-mtop {margin-top: 0;}
.help-c p.no-mbot {margin-bottom: 0;}
.help-c p.no-m {margin: 0;}
.help-c p.mc44 {margin-top: 0;margin-left: 6px;margin-right: 6px;}
.help-c p.mc48 {margin: 0;margin-bottom: 4px;}
.help-c p.a-r{margin: 18px 0;}
.t-weg {font-size: 11px;font-weight: bold;}
.br3-color {border: #F1F1F1 solid 1px;overflow: hidden;}

.list-help ul {list-style: none;margin-top: 4px;margin-bottom: 19px;}
* html .list-help ul {margin-bottom: 0;}
*+html .list-help ul {margin-bottom: 0;}
.list-help ul.b-old {font-weight: bold;}
.list-account p {padding-left: 21px;background: url(../img/bg/bull01.gif) left 1px no-repeat;}
/*-------------- line style -------------- */
.h-line {background: url(../img/bg/h_line.gif) bottom repeat-x;height: 2px;clear: both;}
.v-line {background: url(../img/bg/v_line.gif) right repeat-y;}
.v-line2 {background: url(../img/bg/v_sep2.gif) right top no-repeat;}
.v-line3 {background:  url(../img/bg/v_line2.gif) top right no-repeat;}
.v-line4 {background: url(../img/bg/v_line3.gif) top right no-repeat;}

.dash-line {background: url(../img/bg/dash_line.gif) left top repeat-x;height:1px;}
.dash-line2 {background: url(../img/bg/dash_line.gif) left center repeat-x;}
/*-------------- style for title -------------- */
h3.t1 {background: #fcb399;margin: 0;margin-bottom: 6px;padding: 0;height: 20px;line-height: 20px;text-align: center;color: #FFF;font-family: "Eurostile", Arial, Helvetica, sans-serif;font-size: 14px;}
h3.t2, h4.t2 {background: #F9F9F9;margin: 0;margin-bottom: 6px;padding: 0;height: 20px;line-height: 20px;text-align: center;color: #333;font-family: "Eurostile", Arial, Helvetica, sans-serif;font-size: 14px;}
h4.t2 {font-size: 11px;}

.purple {color: #f4966f;}
.t-required {font-size: 10px;color: #666;margin-top: 9px;}
.t-error {background: url(../img/bg/bg_error.gif) top repeat-x;padding: 15px 0px 39px 27px;color: #333}
.t-error b {background: url(../img/bg/icon_error_l.gif) 0 0 no-repeat;color: #f63f13;font-size: 18px;font-weight: bold;text-transform: uppercase;padding: 0 24px 0 27px;height: 22px;}
.t-error b, .t-error span{display: block;float: left;padding-top: 5px;}

.how-shop {font-size: 10px;color: #333;}
.how-shop h4, .how-shop b {text-transform: uppercase;text-align: left;}
.how-shop h4 {font-size: 11px;color: #f4966f;margin-top: 0;}
.how-shop b {display: block;font-size: 10px;}
.how-shop ul {list-style: none;margin: 22px 0 0 9px;padding: 0;}

.alpha-n li {margin-left: 2px;margin-bottom: 2px;padding-left: 20px;background-position: 0 0;background-repeat: no-repeat;text-transform: uppercase;}
.alpha-n li.i-a {background-image: url(../img/bg/i_a.gif);}
.alpha-n li.i-b {background-image: url(../img/bg/i_b.gif);}
.alpha-n li.i-c {background-image: url(../img/bg/i_c.gif);}
.alpha-n li.i-d {background-image: url(../img/bg/i_d.gif);}

.note li {padding-left: 23px;background: url(../img/bg/icon_note.gif) 0 0 no-repeat;font-weight: bold;}
.note_l {padding-left: 25px;padding-bottom: 7px;background: url(../img/bg/icon_note_l.gif) left 2px no-repeat;}

.tk-shopping b {font-size: 15px;display: block;margin-top: 25px;margin-bottom: 6px;}
* html .tk-shopping b {margin-top: 23px;}
*+html .tk-shopping b {margin-top: 23px;}

.worry-shopping {font-size: 10px;color: #666;}
.worry-shopping a{color: #F63F13;}
.welcome {height: 21px;width: 723px;color: #666;font-size:12px;border-bottom: #F2F2F2 solid 1px;margin: 20px 0 0 41px;}
.welcome b {color: #f4966f;}
* html .welcome {padding-bottom: 6px;}
/*-------------- bread-crum style ----------------*/
.bread-crum {font-size:10px;color: #333;height: 20px;line-height: 20px;background: #F2F2F2 ;clear:left;}
.bread-crum .bg {width: 9px; height: 20px; background:url(../img/bg/bg_breadcrum.gif) repeat-y left; float:left; }
* html .bread-crum .bg {width:35px;}
.bread-crum .mr-l {margin-left:29px; float:left}
* html .bread-crum .mr-l {margin-left:29px; float:none;}
*+html .bread-crum .mr-l {margin-left:29px;}
.bread-crum a, .bread-crum span {padding: 0 2px;}
.bread-crum a, .bread-crum span.c {color: #f4966f;}
/*-------------- navigation style -------------- */
#mn-left{position:absolute;top: 0;left: 0;z-index: 10;}
#mn-left ul{list-style: none;margin: 24px 0 0 23px;padding: 0;width: 160px;}
#mn-left ul.first{margin-top: 41px;}
#mn-left ul li a {display:block;color: #FFF;text-transform: uppercase;padding: 5px 0 10px;padding-left: 15px;}
#mn-left ul li a:hover, #mn-left ul li a span {color: #f4966f;text-decoration: none;}
#mn-left ul li a:hover, #mn-left ul li.active {background: url(../img/bg/arr_path.png) 0 5px no-repeat;}
* html #mn-left ul li a {padding-bottom:7px;}
* html #mn-left ul li{height: 1px;}
*+html #mn-left ul li a {padding-bottom:7px;}
*+html #mn-left ul li{overflow: hidden;}

#left-nav {width: 200px;min-height: 500px;height: auto !important;height: 500px;}
#left-nav ul {list-style: none;margin: 0 0 37px 20px;padding: 0;width: 160px;cursor: pointer;}
* html #left-nav ul {margin-bottom: 24px;}
*+html #left-nav ul {margin-bottom: 24px;}

#left-nav ul.first {margin-top: 45px;margin-bottom: 37px;}
* html #left-nav ul.first {margin-bottom: 24px;}
*+html #left-nav ul.first {margin-top: 44px;margin-bottom: 24px;}

#left-nav ul.lmn1 {margin-bottom: 32px;}
* html #left-nav ul.lmn1 {margin-bottom: 1px;}
*+html #left-nav ul.lmn1 {margin-bottom: 2px;}

#left-nav ul span {display: none;}
#left-nav li {margin: 0;padding: 0;margin-bottom: 13px;}

* html #left-nav li, * html #left-nav ul.lmn1 li {height: 1px;margin-bottom: 10px;}
*+html #left-nav li, *+html #left-nav ul.lmn1 li {margin-bottom: 9px;}

* html #left-nav ul.lmn1 li {margin-bottom: 9px;}
*+html #left-nav ul.lmn1 li {margin-bottom: 9px;}

#left-nav ul ul, #left-nav ul.lmn1 ul {margin: 10px 0 17px 17px;width: 143px;}
#left-nav ul.lmn1 ul {margin-top: 11px;}

* html #left-nav ul ul{margin-top: 9px;margin-bottom: 2px;}
* html #left-nav ul.lmn1 ul {margin-top: 10px;}

*+html #left-nav ul ul  {margin-top: 5px;margin-bottom: 12px;}
*+html #left-nav ul.lmn1 ul  {margin-top: 6px;margin-bottom: 25px;}
#left-nav li li {margin-bottom: 6px;}
* html #left-nav li li, * html #left-nav ul.lmn1 li li {margin-bottom: 2px;}
*+html #left-nav li li, *+html #left-nav ul.lmn1 li li{margin-bottom: 1px;}

#left-nav li a {display: block;width: 160px;height: 11px;cursor: pointer;background-position: left bottom;background-repeat: no-repeat;}
#left-nav li a.home-a, #left-nav li a.home:hover {}
#left-nav li a.jansale {background: url(../img/menu/lmn_jansale.png) no-repeat;}
#left-nav li a.jansale-a {background-image: url(../img/menu/lmn_jansale_a.png);}

.ol {list-style:none;margin:0px !important;text-transform:uppercase;}
.ol li {margin:0!important;padding:0!important;}
.ol a {margin:4px 0 2px 18px;padding:0 0 0px 11px !important;font-size:9px;font-family:Arial, Helvetica, sans-serif;color: #eaeaea;width:130px !important}
.ol a:hover {color:#f4966f;background:url(../img/bg/ic-ol.gif) no-repeat left center !important;padding-left:11px;padding-bottom:0px;}
*+html .ol {margin:10px 0 0px 0px !important;}
* html .ol {list-style:none;margin:10px 0 0px 0px;text-transform:uppercase;font-weight:bold;font-size:10px;}
* html .ol li {margin:0;padding:0;padding-bottom:5px;}

.ol-mn {list-style:none;margin:10px 0 20px 0px;text-transform:uppercase;}
.ol-mn li {margin:0;padding:0 !important;}
.ol-mn a {color:#000 !important;margin-left:20px;padding:0 0 2px 11px!important;font-size:10px !important;display:block;width:120px !important}
.ol-mn a:hover {color:#f4966f !important;background:url(../img/bg/ic-ol.gif) no-repeat left 4px !important;padding:0 0 2px 11px!important;}
.ol-mn-selected {color:#f4966f;background:url(../img/bg/ic-ol.gif) no-repeat left center !important;padding:0 0 2px 11px!important;}
/*---------------- footer style--------------- */
#footer {font-size: 10px;font-weight:bold;padding-top: 19px;color: #000;font-family:arial;background:transparent!important}
* html #footer {padding-top: 17px;}
*+html #footer {padding-top: 17px;overflow: hidden;}

#footer p{margin: 5px 0 13px;text-align: right;}
#footer a{display: block;float: left;color: #000;height: 10px;cursor: pointer;vertical-align:top;}
#footer a:hover{text-decoration: none;color:#000;}
#footer a.term,#footer a.policy,#footer a.about,#footer a.club{margin-right:17px}
#footer a.term{width: 112px;/* margin-right: 23px; */}
#footer a.policy{width: 73px;/* margin-right: 25px; */}
#footer a.about{width: 87px;/* margin-right: 26px; */}
#footer a.club{width: 50px;/* margin-right: 25px; */}
#footer a.copyright{cursor: text;}

.newslt-signup {width: 190px;height: 19px;background: url(../img/bg/newslt_signup.gif) 0 0 no-repeat;margin-right: 39px;}
.newslt-signup input.newslt-input {width: 140px;font-size: 10px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #3b3b3b;border-width: 0;background-color:transparent;padding: 2px 5px 3px 10px;margin-top: 1px;}
* html .newslt-signup input.newslt-input {width: 135px;margin-left: 11px;padding-left: 0;}
*+html .newslt-signup input.newslt-input {width: 135px;margin-left: 11px;padding-left: 0;}
/*-------------- clearfix --------------*/
.clearfix:after {clear: both;display: block;content: ".";height: 0;visibility: hidden;}
* html > body .clearfix {width: 100%;display: block;}
* html .clearfix {height: 1%;}
/*--------------- style for text align --------------------*/
.a-c {text-align: center;}
.a-j {text-align: justify;}
.a-l {text-align: left !important;}
.a-r {text-align: right!important;}
/*-------------- others --------------*/
.ff {font-family:verdana;}
.f-c{color:#f4966f;}
.fs-cl {color:#f4966f;font-size:10px;font-weight:bold;text-transform:uppercase;}
.fs-10 {font-size:10px;color:#666;padding:3px 0;}
.fs-10no {font-size:10px;}
.fs-11 {font-size:11px;font-weight:700;}
.fs-12 {font-size:11px;font-weight:700;}
.fs-15 {color:#000;font-weight:700;font-size:15px;}
.fs-15sn {color:#f4966f;font-weight:700;font-size:15px;}
.fs-16 {color:#f4966f;font-weight:700;font-size:16px;margin-bottom:25px}
.ff-18 {font-size:18px;font-weight:700;color:#000;}
.fs-18 {font-size:18px;font-weight:700;font-family:verdana;margin:30px 0;}
.ff-10 {font-size:10px;font-weight:700;font-family:verdana;padding:20px 0 10px 0;}
.ff-15 {color:#f4966f;font-weight:700;font-size:15px;font-style:italic;}
.ptr {position:relative;}
.lh{position:absolute;bottom:5px;left:22px;margin:0px}
* html .lh{bottom:5px;}
*+html .lh{bottom:5px;}
.pdb {padding-bottom: 20px !important;}
* html .pdb {padding-bottom:29px;}
.pdb1 {padding-bottom: 5px;}
.line-top{border-top:solid 3px #f2f2f2;padding:5px 0 0 17px;}
.line-top-mn {border-top:solid 3px #f2f2f2;height:3px;}
.line-dotted {border-top:dotted 1px #6e6e6e;height:1px;}
.line-solid {border-top:solid 1px #f2f2f2;height:1px;}
.line-2t{background: url(../img/bg/bg-line2t.gif) repeat-x;height:2px;margin:10px 20px 10px 0;}
.line-2t-n{background: url(../img/bg/bg-line2t.gif) repeat-x;height:2px;}
.line-2t-solid {border-top:solid 2px #adadad;height:2px;}
.line-h {height:350px;border-left:1px solid #d1d1d1;width:1px;margin-top:70px;}

.bx-color{padding-left:15px; height:15px;margin-top:15px;position:relative;}
.bx-color img {position:absolute;left:0;bottom:3px;}
.bx-size{background:url(../img/bg/ic-size.gif) no-repeat center left;padding-left:15px;color:#333;font-size:10px;width:80px;margin-top:5px;}
.bx-size a {color:#333;font-size:10px;}
.close {margin:10px 10px 0 10px;text-align:right;}

.srh-main {border-top:solid 1px #f2f2f2;border-bottom:solid 1px #f2f2f2;padding:32px 0 35px 0;margin:15px 0 65px 0;font-size:11px;color:#333;}
.srh-main .input-srh {margin:0 2px 0 0 !important;}
.input {width:220px;border:inset 1px #c8c8c8;height:17px;}
.input1  {border:inset 1px #c8c8c8;height:16px;text-align:center;vertical-align:middle;margin-right:10px;}
/*----------------------- popup --------------------------------------*/
.popup-celeb-ym{background:url(../img/bg/bg-celeb-ym.png) no-repeat;width:127px;height:41px;position:absolute;top:60px;left:0}
.popup-celeb-ym p {margin:0;padding:0;}
.popup-celeb {width:165px;height:56px;background:#000;filter:alpha(opacity=75);/* CSS3 standard */opacity:0.75;font-size:10px !important;color:#fff;text-transform:uppercase;padding:0px 5px 0px 0px;position:absolute;bottom:2px;left:0}
.popup-celeb img{float:left}
.round-ym {float:right;width:78px;margin:5px 0 0 0px;font-size:10px;font-weight:700;color:#fff;text-align:left;}
* html .round-ym {width:75px;}
.round-ym p {margin:0;padding:0;}
.round-ym a {color:#fff;text-align:left;}
.round {float:right;width:90px;margin:12px 0 0 0px;font-size:10px;font-weight:700;color:#fff;text-align:left;}
* html .round {width:94px;}
.round a {color:#fff;text-align:left;}
.round img {float:none}

.popup {width:168px;height:48px;background:#000;filter:alpha(opacity=75);/* CSS3 standard */opacity:0.75;font-size:10px;color:#fff;padding:10px 8px 0px 12px;text-transform:uppercase;position:absolute;bottom:2px;left:0}
.popup p {margin:0;padding:0;}
.popup label{float:left;width:40px;text-align:left;font-weight:700;}
.popup img {margin-right:5px;}

.pupop-look {background:url(../img/bg/bg_look.png) no-repeat;/* background:#000;filter:alpha(opacity=70);opacity:0.70; */width:105px;height:50px;padding:15px 20px 0 20px;text-transform:uppercase;color:#fff;font-size:11px;font-weight:bold;}
.pupop-look p {margin:0 0 5px 0;text-align:left;position:relative;}
.pupop-look img {margin:10px 0 0 5px;position:absolute;top:-12px;}

#mini-basket {width:308px;background:url(../img/bg/bg-mnbk-tr.png) no-repeat top right;font-size:9px;color:#333;text-align:left;}
#mini-basket p{margin:0;}
#minibag {width:308px;background:url(../img/bg/bg-mnbk-tr.png) no-repeat top right;font-size:9px;color:#333;text-align:left; margin-top:-25px;}
#minibag p{margin:0;}
.top-mn {background:#fff;height:8px;width:300px;}
.main-mn {background:url(../img/bg/bg-mnbk-main.png) repeat-y 300px top;width:300px;padding-right:8px;}
.main-mn-content {background:#fff;padding:0px 5px 5px 5px;width:290px;}
.bottom-mn {background:url(../img/bg/bg-mnbk-bottom.png) no-repeat;height:9px;width:308px;}

.h5 {background:#fcb399;height:16px;text-align:center;}
.h5b {background:#f8f8f8;height:16px;text-align:center;margin:5px 0;}

.mn-pro {overflow: auto;width:100%;margin-top:10px;clear:both;}
* html .mn-pro {}
.mn-left {width:90px;float:left;padding-left:8px;text-align:left;}
.mn-rigth{width:130px;padding-right:10px;float:right;text-align:right;}
.mn-rigth-pro{width:170px;padding-right:10px;float:right;text-align:right;}

.bx-ad {border:solid 1px #f8f8f8;}
.bx-ad ul{list-style:none;text-align:center;}
.bx-ad ul li {display:inline;margin:0 8px 10px 8px; width:80px;float:left;}
.bx-ad ul li p{text-align:center;width:80px;}

#bx-send {width:410px;background:#fff;padding:7px 5px 6px 5px;font-size:11px;color:#000;}
#bx_rsucces{width:400px;height:356px;padding:6px; font-size:11px ;color:#000;background:#fff}
.bx_rsucces{width:400px;height:240px;padding:6px; font-size:11px ;color:#000;background:#fff}
#bx_rsucces p{text-align:left;padding:15px 16px 20px 16px}
#bx_rerror{width:400px;height:100px;padding:6px; font-size:11px ;color:#000;background:#fff}
#bx_rerror p{text-align:left;padding:15px 16px 20px 16px}
#bx_yw{ width:516px;background:#fff;padding:6px; font-size:11px; color:#000}
#bx_ywc{background:#f2f2f2;}
#cv_hc{width:563px;padding-top:10px}
#cv_hc p {text-align:left;margin:0px;padding:5px 0 0 5px}
#bx_cty { width:466px;text-align:left;padding:25px 0 0 0}
#bx_cty p {padding:0px; margin:0px}
#cv_help{ width:588px;padding:6px;font-size:11px; color:#000;background:#fff;}
.line{background:url(../img/bg/pixel_line.gif) repeat-x;height:2px;width:466px;padding:0px 0 15px 0;margin-top:5px}
.text_yw {float:left;position:relative;margin-left:25px}
#bx-send p{margin:0;}
.h4t {background:#fcb399;height:20px;text-align:center;margin-bottom:5px;}
.send-main {background:#f2f2f2;width:363px;padding:10px 7px 7px 40px ;text-align:left;}
.send-main label {float:left;}

.bx-popup {width:253px;padding:5px;font-size:10px;color:#333;text-align:left;margin-top:4px;background:#fff;}
.h4tb {height:20px;background:#f2f2f2;text-align:center;margin-bottom:5px;}
.bx-popup-main {border:solid 1px #f2f2f2;padding:10px 7px 14px 18px;}

.sp-edit {background:#fff;width:632px;padding:5px 10px 15px 8px;position:relative;font-size:10px;text-align:left;color:#333;}
.sp-edit-left {border-top:solid 2px #f2f2f2;border-bottom:solid 2px #f2f2f2;width:310px;float:left;}
.sp-edit-right{border-bottom:dotted 1px #6e6e6e;width:315px;float:right;padding-top:25px;padding-bottom:2px;}
.ff-pri {font-size:18px;font-weight:700;font-family:verdana;margin:15px 0 10px 0;}
.bt-cl {position:absolute;top:10px;right:5px;}

.popup-order{width:600px;background:#fff;padding:7px 7px 14px 7px}
.popup-order-ct {background:#f2f2f2;font-size:11px;padding:12px}
.popup-order-ct table th {vertical-align:middle;text-align:center;text-transform:uppercase;color:#000;font-weight:bold}
.popup-order-ct table td {text-align:center;vertical-align:top;}
.popup-order-ct table td p {margin:0;}
/*--------------giftservice----------------*/
.gift {text-align:right;list-style:none;margin-top:0px;}
.gift li {display:inline;vertical-align:middle;margin-left:5px;}
.gift li a{text-decoration:none;font-size:9px;font-weight:bold;margin-right:5px;text-transform:uppercase;}
.gift-popup {width:610px;height:400px;background:#fff;padding:15px 15px 33px 19px;font-size:10px;line-height:none;}
.gift-popup p {margin:3px 0;text-transform:none;}
.gift-popup table td {text-align:center;vertical-align:top;}
.gift-l {width:260px;margin-top:10px;text-align:left;}
.fs-16 {font-size:16px;font-weight:bold;color:#000;}
.ff-v {font-size:verdana;color:#000;font-size:10px;padding-top:5px;}
.giftbig {margin-top:10px;width:280px;}
.gift-r {width:280px;float:right;position:relative;margin-top:20px;}
.gift-r-bx {background:#d9d9d9;width:220px;height:145px;padding:15px 0 0 35px;float:right;font-size:11px;font-weight:bold;text-align:left;}
.gift-r-ar {position:absolute;right:255px;top:109px;}

.ic-arleft {background:url(../img/bg/ic-arleft.gif) no-repeat left center;padding-left:13px;}
.ic-aredit {background:url(../img/bg/ic-aredit.gif) no-repeat left center;padding-left:13px;color:#79469b;}
.ic-tl {background:url(../img/bg/ic-01.gif) no-repeat left center;padding:0px 0px 0 15px;font-size:11px;color:#000;font-weight:bold;float:left;margin-top:25px;text-transform:none;}
.ip-gf {border:inset 1px #7c7c7c;width:185px;height:17px;}


/*--------------newsletter-------------------------*/
.extra_img{ width:87px; height:87px; float:left; padding-right:10px;}
.sign-top {width:490px;}
.sign-content {width:350px;padding:15px 0 0px 0;border-top:1px solid #d1d1d1;}
.sign-content label {float:left;width:80px;}

.sl-ct {position:absolute;top:0;left:90px;}
.sl-d{position:absolute;top:0;left:90px;z-index:20;}
.sl-m{position:absolute;top:0;left:170px;}
.sl-y{position:absolute;top:0;left:250px;}
* html .sl-ct {position:absolute;top:0;left:10px;}
* html .sl-d{position:absolute;top:0;left:10px;}
* html .sl-m{position:absolute;top:0;left:70px;}
* html .sl-y{position:absolute;top:0;left:130px;}

.sign-top .pd-tt30 {padding-bottom:15px !important}

/*----------------------------*/
.tt-upt {text-align:right;text-transform:uppercase;color:#333;width:68%;float:left;font-weight:700;}
.tt-up {text-align:right;text-transform:uppercase;color:#666;padding-bottom:5px;width:68%;float:left;}
.tt-so {text-align:right;text-transform:uppercase;font-family:verdana;font-weight:700;color:#000;width:30%;float:right;}


/*---------page

/* ---- Payment method landing page --- Upated March 29, 2010 - AnhTH--- */
.payment-landing {}
.payment-landing h1 {font-size: 24px; font-weight: normal; text-align: center;}
.payment-landing h1 span {font-size: 12px; font-style: italic;}
.payment-landing .left-column {float: left; width: 219px; margin-right: 10px;}
.payment-landing .right-column {float: left; width: 65%; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000; padding-top: 50px;}
.payment-landing .right-column a {color: #C88B73;}
.payment-landing .right-column p {margin: 10px 0;}
.payment-landing .right-column span {font-family: "Times New Roman", Times, serif; text-transform: uppercase; font-weight: bold;}
.payment-landing .pm-line {clear: both; background-color: #CDCDCD; height: 5px; margin: 10px 0;}
.payment-landing .pm-note {margin: 10px 5px 27px 29px; list-style: none; padding: 0;}
.payment-landing .pm-table {font-size: 11px; border: #000 solid 2px; border-collapse: collapse; margin-left: 27px;}
.payment-landing .pm-table th, .payment-landing .pm-table td {padding: 5px 5px 5px 17px;}
.payment-landing .pm-table th {background-color: #FBB498; text-align: left; text-transform: uppercase; padding-top: 6px; padding-bottom: 6px;}
/*affilate*/
.likaffila a { width:220px; height:410px;position: absolute;top:96px;left:232px;display:block;background:url(../img/0.gif) repeat;  float:left}
.likaffilb a { width:260px; height:410px;position: absolute;top:96px;left:453px;display:block;background:url(../img/0.gif) repeat;  float:left}
.likaffilc a { width:220px; height:410px;position: absolute;top:96px;left:716px;display:block;background:url(../img/0.gif) repeat;float:left}
/*e:affilate*/

/*sex and city*/
.likasex a { width:131px; height:58px;position: absolute;top:429px;left:530px;display:block;background:url(../img/0.gif) repeat;  float:left}

/*e:sex and city*/