
body {
    font-family: Arial;
    font-size:12px;
}

.bigpink{
    color: #ec165a;
    font-family: Avenir95BlackRegular,'sans serif' !important;
    font-size: 19px !important;
    font-weight: normal !important;
    line-height: 1em !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.checkoutDesc{
    width:580px;
}
.checkoutDesc li{
    margin-bottom:10px;
    list-style-image: url('../files/list_dot.png');
}

.checkoutHolder h4{
    color:#404040 !important;
    margin-bottom: 10px;
    /*margin-top: 10px;*/
    /*position: relative;*/
    /*top: 10px;*/
}

#loginStep {
    border: 1px #e4e4e4 solid;
}

#checkout_login_otheroptions b {
    color: #f68121;
}

.checkoutHolder h1, .checkoutHeader_preview h1 {
    font-size: 19px !important;
    line-height: 35px !important;
    padding-left:0px !important;
    color: #ffffff;
}

.checkoutHeader h1{
    color: #ffffff;
    font-size: 19px !important;
}

#saveDetails h1, #giftSection h1{
    color: #ffffff;
}

.formTitle{
    font-family: Avenir95BlackRegular,'sans serif' !important;
    margin-top:6px;
    margin-bottom: 10px;
    line-height:18px;
    display:block;
    font-size: 14px;
    text-transform: uppercase;
    color:#ffffff;
    background: #f68121;
    padding:6px;
    width: 98%;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}

/*
    Checkout Headers ===========================================================
*/
.checkoutHeader, .checkoutHeader_preview {
    width:580px;
    height:35px;
    border-radius:10px 10px 0px 0px;
    text-align:left;
    line-height:35px;
    background-color:#005faf;
    color:white;
    *background-color:#ffffff;
    *background-image:url('../files/checkout_header.gif');
    *background-repeat: no-repeat;
    padding-left:32px;
}

.checkoutHeader_step1{
    width:580px;
    height:40px;
    border-radius:10px 10px 0px 0px;
    text-align:left;
    line-height:40px;
    background-color:#0288cc;
    color:white;
    *background-color:#ffffff;
    *background-image:url('../files/checkout_header_light.gif');
    *background-repeat: no-repeat;
    padding-left:32px;
}

/*  Light Grey */
.checkoutHeader_inactive {
    background-color: #005faf;
    /*
    *background-image:url('../files/checkout_light_header_back.png');
    */
}
.checkoutHeader_preview {
    background-color: #0060af;
    border-radius:10px 10px 10px 10px !important;
    margin-top:10px;
    *background-color: #0060af;
    /*
    *background-image: url('../files/checkout_light_full_back.png');
    */
}
.checkoutFooter, .checkoutFooter_inactive {
    width:580px;
    height:10px;
    border-radius:0px 0px 10px 10px;
}
.checkoutFooter {
    background-color:#0060af;

    *background-color:white !important;
    *background-image:url('../files/checkout_footer.gif');
    *background-repeat:no-repeat;

}
.checkoutFooter_inactive {
    background-color:#005faf;
    /*
    *background-color:white;
    *background-image:url('../files/checkout_light_footer_back.png');
    *background-repeat:no-repeat;
    */
}
.checkoutBorder_inactive {
    border: 1px solid #005faf !important;
}
.checkoutHeader .checkoutStep {
    color:#ffffff;
}
.checkoutHeader_inactive .checkoutStep, .checkoutHeader_preview .checkoutStep {
    color:#ffffff;
}
/* ========================================================================== */
.login_checkoutholder h4 {
    text-align: center;
}

.checkoutHolder #editHolder input, .checkoutHolder #editHolder select, .checkoutHolder #editHolder textarea {
    margin-bottom: 10px;
    width: 210px !important;   
    font-family: Helvetica,Arial,sans-serif;
}

.checkoutBody_step2 input, .checkoutBody_step2 select{
    border: medium none;
    margin-top: 10px;
    margin-right:10px;
    width: auto;
}

#checkoutS3_editForm{
    margin-bottom:10px;
}

.login_checkoutBody input {
    border: medium none;
    margin-left: 20px;
    margin-top: 10px;
    width: auto;
}

.login_checkoutBody .inputbox {
    border: 1px solid #333333;
    border-radius: 4px 4px 4px 4px;
    color: #666666;
    font-size: 11px;
    height: 25px;
    margin-left: 20px;
    margin-top: 10px;
    padding: 3px;
    padding-left:5px;
    width: 200px !important;
}

.checkoutBody, .checkoutBody_step2, .login_checkoutBody, #editHolder {

    width:580px;
    padding-left:32px;
    padding-right:32px;
    * padding-right:0px;
    padding-bottom:10px;

    background: #ffffff; /* Old browsers */

    /* IE6-9 */
    *background-image: url('../files/step2_background.png');
    *background-repeat:repeat;
}

.tooltipArrow{
    width:11px;
    height:22px;
    background-image:url('../files/tooltip_arrow.png');
    background-repeat: no-repeat;
}

.memberIcon{
    width:32px;
    height:23px;
    background-image:url('../files/nikememeber_icon.gif');
    float: left;
    margin-top: 15px;
    background-repeat: no-repeat;
}

.giftIcon{
    width:32px;
    height:23px;
    background-image:url('gift_icon.gif');
    float: left;
    margin-top: 15px;
    background-repeat: no-repeat;
}

.signupIcon{
    width:38px;
    height:23px;
    background-image:url('../files/sign_up_icon.gif');
    float: left;
    margin-top: 15px;
    background-repeat: no-repeat;
}

.closeButton{
    cursor:hand;
    cursor:pointer;
    background-image:url('../files/close_cross.gif');
    width:15px;
    height:15px;
    background-repeat: no-repeat;
    top: 5px;
}

/* Set borders and padding to be inside */
.checkoutBody, .checkoutBody_step2, #checkoutDetails input, #chkdetails_member, #chkdetails_offers , #giftSection, .login_checkoutBody, #editHolder, #saveDetails, .checkoutHeader, .checkoutHeader_preview, .checkoutHeader_step1{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

#creditDetailsForm input{
    margin-top:10px;
    margin-bottom: 0px;
}

#checkoutDetails h2, #checkoutDetails label {
    /*text-transform:uppercase;*/
}

#isGiftButton {
    width:227px;
    height:30px;
    background-image:url('../files/checkout_step3_purchasegift.png');
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
}

.checkoutHolder label, .checkoutHolder input, .checkoutHolder textarea, .checkoutHolder select {
    margin-bottom: 10px;
}
.checkoutHolder label {
    *margin-bottom: 17px;
}
.checkoutHolder input{
    *padding-top:0px !important;
}

/* IE 6 */
/*     step 2                       step 2               step3                step 3*/
#chkdetails_member label, #chkdetails_member input, #giftSection label, #saveDetails label {
    *margin-bottom:0px;
}

#chkorder_gift_btn, #chkorder_promo_btn {
    margin-left:5px;
    *margin-bottom:7px;
}

#chkorder_gift .radioBtn {
    margin-bottom:0px;
}

.checkoutHolder label {
    width:140px;
    display:inline-block;
    color: #404040;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.checkoutHolder input, .checkoutHolder textarea {
    border:1px solid #404040;
    border-radius:3px;
    width:247px;
    padding-left:5px;
    /* *background-image: url('../files/checkout_text_input.png');
    *border:none;
    */
}
.checkoutHolder input {
    line-height:27px;
    height:28px;
}
.checkoutHolder .exinput{
    width:40px !important;
    /*
    *background-image: url('../files/checkout_text_input_small.png');
    *border:none;
    */
}

.checkoutHolder select {
    border:1px solid #404040;
    border-radius:3px;
    height:27px;
    width:247px;
    padding-top:3px;
    padding-right:3px;
    padding-bottom:3px;
    color: #404040 !important;
    position: relative;
    top: 2px;
    *top: -4px;
}

/* CHECKOUT DETAILS ========================================================= */

#chkdetails_offers_form select {
    min-width:80px;
    width:80px;
    margin-bottom:5px;
    margin-top:5px;
}

#chkdetails_offers_form input{
    width:auto;
    height:auto;
    margin-top: 0px;
    margin-bottom: 10px;
    padding:0px;
    border:none;
    background-image:none;
}

#chkdetails_offers_form label{
    width:100px;
    margin:0px;
    margin-bottom:10px;
}

.chkdetails_nextstep_btn {
    width:117px;
    height:38px;
    border:0px;
    cursor:pointer;
    color:transparent;
    *font-size:0px;
    *padding-left:100px;
    text-transform:capitalize;
    background-image:url('../files/next_step.png');
}

body.zh-hk .chkdetails_nextstep_btn {
    background-image: url(../files/next_step_hk.png);
    width: 117px;
}

.checkoutHolder .centerDiv {
    text-align:left;
}

#chkdetails_member, #chkdetails_offers, #giftSection, #saveDetails {
    width:540px;
    background-color:#f58220;
    border-radius:5px;
    height:50px;
    line-height:50px;
    padding-left:10px;
    margin-bottom:5px;
    margin-top:20px;
    margin-bottom:20px;
    /*
    *background-image: url('../files/step2_optional_back.png');
    *background-color:transparent;
    *background-repeat:no-repeat;
    */
}

.errorField {
    color:red;
    width:100px;
    margin-left:150px;
    display:inline-block;
    margin-bottom:5px;
}

#chkdetails_member_qn{
    left: 295px;
}

#chkdetails_member_qn, #save_qn, #cvv_qn {
    width:22px;
    height:22px;
    /* background-color:grey; */
    color:white;
    overflow: hidden;
    text-indent: -99px;
    border-radius:5px;
    text-align:center;
    line-height:20px;
    cursor:pointer;
    display:inline-block;
    margin-left:5px;
    top: 5px !important;
    /*position: absolute;*/

    /*IE Quirks*/
    zoom:1;
    *display: inline;
    _height: 20px;
    *top:-5px;
    /*END IE Quirks*/

    background-image:url('../files/info_icon.png');
    background-repeat:no-repeat;
    right: 10px;
    left: auto;
}

/*
    Style for radio buttons / Checkboxes
*/

/* Inputs that should not have width height set, or borders */
#giftSection input, #saveDetails input, #chkdetails_offers input, #chkdetails_member input, .radioBtn, .co_checkBox {
    width:auto !important;
    height:auto !important;
    border:none !important;
    background-image: none !important;
}

#giftSection label, #saveDetails label {
    width:auto !important;
}

#chkdetails_member label, #chkdetails_offers label{
    width:auto;
}

#cd_d_deliver_b, #cd_d_deliver_a {
    width:auto !important;
    height:auto !important;
    background-image: none !important;
    margin:0px;
    padding:0px;
    float:left;
}

#checkoutAddress label {
    width:auto;
    margin-left:10px;
    margin-bottom:10px;
}

.checkoutBody p {
    font-size: 11px;
    color:#404040;
   
}

#editHolder #giftDiv p {
    color: #FA5400;
}

#cd_b_state {
    width: 80px;
}

#checkoutAddress input, #chkdetails_member input {
    border:none !important;
}

#checkoutDetails .checkoutBody {
    overflow:hidden;
    padding-top: 10px;
    border: 1px #e4e4e4 solid;
}

#checkoutDetailsHint, #saveDetailsInfo, #cvvInfo {
    background-color:white;
    border:1px solid #005faf;
    padding:20px;
    width:350px;
    display:block;
    line-height: normal;
    position:absolute;
    z-index:10000;
    border-radius:5px;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
#cvvInfo{
    width: 540px !important;
}

#chkdetails_member_form {
    width:400px;
    height:35px;
    overflow:hidden;
}

/*
    STEP 1
    ============================================================================
*/
#checkoutType {
    width:580px;
}
#checkoutType .checkoutBody {
    height:234px;
    overflow:hidden;
    /*padding:0px;*/
}
#checkoutLeftImg, #checkoutMiddleImg, #checkoutRightImg, #checkoutLeftImg-cn, #checkoutMiddleImg-cn, #checkoutRightImg-cn {
    cursor:hand;
    cursor:pointer;
    height:337px;
    float: left;
    display: inline-block;
    /*IE Quirks*/
    zoom:1;
    *display: inline;
    _height: 400px;
    /*END IE Quirks*/
}

/* Three Image Blocks */
.checkouth1
{	    color: #ff7000;
  
    font-size: 33px!important;
   font-family: avenir_65regular!important;
    font-weight: 800!important;

}
.checkoutBody .shoppingbasket-button {
    display: block;
    width: 218px;
    font-size: 25px;
    text-align: center;
    background: #ff7000;
    padding: 10px 0;
    color: #fff;
    border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor: pointer;
	font-family: avenir_65regular;
}
#checkoutLeftImg h3, #checkoutMiddleImg h3 {
    font-size: 24px!important;
    margin: 0 0 10px 0;
	color:#666;
	    font-family: avenir_65regular!important;
    font-weight: 600!important;
}
#checkoutLeftImg p, #checkoutMiddleImg p {
    font-size: 15px;
    margin: 0 0 20px 0;
    line-height: 20px;
	font-family: avenir_65regular;
}
#checkoutLeftImg {
     width: 227px;
    padding: 0 35px;
}
#checkoutMiddleImg {
     width: 212px;
    padding: 0 35px;
    border-left: 1px solid #ccc;
}
#checkoutRightImg {
    width:199px;
    background-image:url('../files/paypal_members.png');

}
#checkoutLeftImg-cn {
     width: 227px;
    padding: 0 35px;
}
#checkoutMiddleImg-cn {
    width: 212px;
    padding: 0 35px;
    border-left: 1px solid #ccc;
}
#checkoutRightImg-cn {
    width:199px;
    background-image:url('../files/paypal_members-cn.png');

}

/* Three Image Block Mouse Overs *//*
#checkoutLeftImg.leftImageOver {
    background-image:url('../files/tru_members_over.png') !important;
}
#checkoutMiddleImg.middleImageOver {
    background-image:url('../files/tru_newguests_over.png') !important;
}
#checkoutRightImg.rightImageOver {
    background-image:url('../files/paypal_members_over.png') !important;
}
#checkoutLeftImg-cn.leftImageOver {
    background-image:url('../files/tru_members_over-cn.png') !important;
}
#checkoutMiddleImg-cn.middleImageOver {
    background-image:url('../files/tru_newguests_over-cn.png') !important;
}
#checkoutRightImg-cn.rightImageOver {
    background-image:url('../files/paypal_members_over-cn.png') !important;
}
*/
/*
    STEP 2
    ============================================================================
*/

.wideLabel {
    width:auto !important;
}

.checkoutHolder .radioBtn {
    width:auto;
    height:auto;
}

#chkorder_pay_btn {
    width:170px;
    height:35px;
    margin-left: 140px;
   /* background-image:url('../files/pay_complete.png');*/
    margin-bottom: 20px;
}
.chkorder_pay_btn_en {   
    background-image:url('../files/pay_complete.png');
}
.chkorder_pay_btn_hk {
   
    background-image:url('../files/pay_complete_hk.png');
}
#chkorder_pay_btn.chn {
    background-image:url('../files/pay_complete-cn.png');
}
.apply_btn {
    width:87px;
    height:27px;
    background-image:url('../files/chkout_apply.png');
}

#chkorder_card img {
    vertical-align: middle;
}

#co_s2_card_btn {
    width:217px;
    height:30px;
    margin-bottom:22px;
    background-image:url('../files/chk_card.png');
}
#co_s2_paypal_btn {
    width:150px;
    height:34px;
    margin-left:3px;
    margin-bottom:22px;
    background-image:url('../files/chk_paypal.png');
    background-color:#ffffff;
}

#chkorder_edit_btn {
    width:38px;
    height:21px;
    float:right;
    margin-top:15px;
    margin-right:-25px;

    border:0px;
    cursor:pointer;
    color:transparent;
    *font-size:0px;
    *padding-left:100px;
    text-transform:capitalize;
    background-color: #005faf;

    background-image:url('../files/checkout_step3_edit.png');
}
#chkorder_edit_btn.chn {
    background-image:url('../files/checkout_step3_edit-cn.png');
}

#paypalContent{
    margin-top:-15px;
}

#edit_save_button1 {
    background-color: #404040;
}

#edit_save_button, #edit_save_button1 {
    width:60px;
    height:29px;
    float:right;
    margin-top:-50px;
    background-image:url('../files/formsavebutton.gif');
}

/* All Buttons */
/*#co_s2_card_btn, #co_s2_paypal_btn, .apply_btn, #chkorder_pay_btn, #chkorder_edit_btn, #edit_save_button, #edit_save_button1*/
.checkoutHolder button{
    border:0px;
    cursor:pointer;
    color:transparent;
    *font-size:0px;
    *padding-left:100px;
    text-transform:capitalize;
    * margin-right:10px;
}

#checkoutOrder .co_s3_summary {
    background:none;
}

.editPartnerDetails {
    cursor:pointer;
    cursor:hand;
}

hr {
    background-color:#005faf;
    width:437px;
    height:1px;
    border:none;
}

.editFieldBlank{
    font-style:italic;
    color:#666666;
    font-size:11px;
}

.editField{
    font-size:11px;
}

.checkout_field_error {
    background-color:#fbdbe6;
    /*
    *background-image: url('../files/checkout_text_input_error.png') !important;
    *background-color:transparent;
    */
}

#cd_b_postcode, #cd_d_postcode{
    width:80px !important;
}

#cd_b_postcode, .checkout_field_error #cd_b_postcode, #cd_d_postcode {
    *width:80px !important;
    /*
    *background-image: url('../files/editform_small_input.png');
    */
}

#editHolder{
    padding-top:15px;
    border: 1px #e4e4e4 solid;
}

/*
    Step 3
*/
.checkoutHolder #editHolder select {
    width: 210px;  
}
.checkoutHolder #editHolder #b_postcode, .checkoutHolder #editHolder #d_postcode {
    width:100px !important    
}
.checkoutHolder #editHolder #gift_yes, .checkoutHolder #editHolder #gift_no, .checkoutHolder #editHolder #save_yes, .checkoutHolder #editHolder #save_no {
    margin-bottom: 0px;
}

/*
    Back Button
*/
.checkout_s2_back_en
{	  background-image:url('../files/checkout-back.png');
}
.checkout_s2_back_hk
{	  background-image:url('../files/checkout-back-hk.png');
}
#checkout_s2_back {
  
    width:44px;
    height:21px;
    border:none;
    display:inline !important;
    font-size:0px;
    line-height: 999px;
    overflow: hidden;
    cursor:pointer;
    float:right;
    margin-top:-30px;
}

/* Poppy's additions */
h1, .checkoutHolder {
    padding-left:0px!important;
    margin-top: 20px;
}Ã¯Â¿Â½

.checkoutHolder h4 {
     color:#727272 !important;
     margin-bottom: 10px;
 }

.co_s3_summary td, .co_s3_summary h3 {
    color:#434343!important;
    font-size: 11px;
}

.co_s3_summary h3 {
    margin-top: 15px;
    text-transform: uppercase;
}

#orderStep{
    border: 1px #e4e4e4 solid;
}

#checkoutS3_editForm p, #checkoutS3_editForm input, #checkoutS3_editForm textarea{
    margin-bottom:10px;
    color:#616161;
}

.accountFormHolder input {
    *border:0px !important;
}

#checkout_login_otheroptions {
    margin-left: 150px;
}

.checkout_login_submit_en {
    width:118px;
    height:38px;
    background-image:url('../files/next_step.png');
}

.checkout_login_submit_hk{
    width:118px;
    height:38px;
    background-image:url('../files/next_step_hk.png');
}
#checkout_login_submit {
    width:118px;
    height:38px;
    /*background-image:url('../files/next_step.png');*/
}

#checkout_empty_continue {
    width:157px;
    height:30px;
    background-image:url('../files/continue_shopping.png');
}

#checkoutComplete .checkoutHeader, #checkoutComplete .checkoutBody, #checkoutComplete .checkoutFooter{
    width:840px;
}

#checkoutComplete .checkoutHeader{
    height:9px;
    *line-height:0px;
    *padding:0px;
    *margin-bottom:0px;
    *background-color:#005faf;

    *background-image:url('../files/checkout_header.png');

}
#checkoutComplete .checkoutBody{
    *margin-top:-5px;
}
#checkoutComplete .checkoutFooter{

    *background-image:url('../files/checkout_footer.gif');
    *background-color:white;
    *background-repeat:no-repeat;

}

#checkout_complete_homepage {
    width:157px;
    height:30px;
    background-image:url('../files/checkout_process_complete_button.png');
}

#checkout_complete_image {
    width:152px;
    height:186px;
    margin: auto;
    background-image:url('checkout_process_complete_image.png');
}

#checkoutComplete p {
    color:#404040;
    width:100%;
}

.dob{
    width:60px !important;
    min-width:10px !important;
}

#dob_day{
    width:40px !important;
}

#dob_month{
    width:45px !important;
}

.smalllabel{
    width:75px !important;
    padding-left:5px;
}

.creditCardRadio{
    width: auto !important;
    height: auto !important;
}

.pfloadingimage{
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    position: fixed;
    top: 50%;
}

* html .pfloadingicon{
    height:100px;
    width:200px;
    position:absolute;
}

* html .pfloadingimage, * html .msgDiv {
    position:absolute !important;
    left:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollLeft + ((documentElement.clientWidth-this.clientWidth)/2 ) : document.body.scrollLeft + ((document.body.clientWidth-this.clientWidth)/2)) !important;
    top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + ((documentElement.clientHeight-this.clientHeight)/2 ) : document.body.scrollTop + ((document.body.clientHeight-this.clientHeight)/2)) !important;
}

.interestsCheck{
    width:auto !important;
    height:auto !important;
}

#joinVIP {
    display: none;
    font-weight: bold;
}

#joinVIP label {
    width: auto;
    font-weight: bold;
    margin: 0px;
    margin-right: 18px;
}
#joinVIP input {
    width: auto;
    margin: 0px;
}

#joinVIP td {
    vertical-align: middle;
}

#joinVIP #vipClubLink {
    text-decoration: underline;
    color: #005faf;
    cursor: pointer;
    cursor: hand;
}

#vipMemberNumber {
    display: none;
}

#editvip, #savevip, #saveVipNumber {
    display: none;
    padding: 5px;
    background: #005faf;
    color: white;
    border-radius: 5px;
    margin-left: 10px;
    cursor: pointer;
    cursor: hand;
}
#savevip {
    display: inline-block;
}

#vipNumber {
    display: block;
}

#truFormStepTwo #vipMemberNumber {
    display: inline-block;
    width: 100px;
}

.unavailableImage {
    vertical-align: middle;
    margin-right: 10px;
    width: auto;
    height: auto;
    max-height: 50px;
    max-width: 50px;
}

*html #partnerdetails {width: 460px !important;}

.checkoutSteps, #cd_b_suburb, #billing_state {
    display: none;
}

#card-number, #expiration-month, #expiration-year, #cvv {
    padding: 0 4px;
    box-sizing: border-box;
}

.creditcard-container {
	background: url('../files/ajax-loader4.gif') center center no-repeat;
    height: 40px!important;
}