* {margin: 0;padding: 0;}
body, html {width: 100%;}
body, input, textarea, button {color: #333333;font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;}
body {background-color:#F3F4F5; font-size:11px; color:#333;}
a, a:hover, a.visited{color:#30bff8;}
*:active, *:focus{outline:none;-moz-outline-style: none;}
img {border: none; vertical-align: middle;}
.clear {clear:both; height:0; font-size:0; line-height:0;content:"."; display:block; visibility:hidden; color:#FFF}
.noborder{border:0 !important;}
.positionRel {position:relative;}
input {border:1px solid #ccc; padding:4px 2px;  font-size:12px; color:#999;#}
select {line-height:18px;font-size:12px; color:#999;border:1px solid #ccc; padding:4px 2px;}

input[type="radio"], input[type="checkbox"] {border:none;}
.contentControliFrame {background-color:#fff;}
.checkoutCenter {margin:0px auto;}
.checkoutGlobal {width:1190px; margin:0px auto;}
.container {}
.header {padding:20px;}
.content {}
.contentTop {height:56px; overflow:hidden; margin-top:10px;}
.contentTopLeft {width:380px; float:left;}
.contentTopRight {width:470px; float:left;}

.secureCheckout {float:left;text-align:right; width:120px;font-size:10px;line-height:52px; color:#666; padding-right:20px; background: url(../images/secure-checkout.gif) no-repeat right;}
.secure {float:left;width:75px; height:36px;padding-right:20px; background: url(../images/secure.gif) no-repeat right;}
.secureMcAfee {float:left;width:98px; height:52px;padding-right:20px; background: url(../images/secure-mcafee.gif) no-repeat right;}


.contentBody {margin:10px 0px; padding:20px 20px 30px 30px; background-color:#fff; overflow:hidden;}
.main {float:left;}
.contentMiddle { overflow:hidden;}

.shoppingCard {width:700px;}
.shoppingCard h3 {color:#777; font-size:13px;}
.shoppingCardDetails {margin:10px 8px 20px 10px;}
.shoppingcardCollapsible {border-bottom:1px solid #dedede; margin:10px 0 20px 0; padding-bottom:10px; overflow:hidden;}
.shoppingCardCollapsibleLeft {width:340px; float:left;}
.shoppingCardCollapsibleLeft h3, .shoppingCardExpanded h3 {float:left; margin-right:40px;}
.shoppingCardCollapsibleRight {width:340px; float:left; text-align:right; padding-right:20px;}
.shoppingcardCollapsible .cardSummary {}
.shoppingcardCollapsible .cardSummary {font-weight:bold; font-size:13px;}
.shoppingcardCollapsible .cardSummary .cardSummaryBlock {color:#777;float:right;text-align:right;}
.shoppingcardCollapsible .cardSummary .cardSummaryPrice {color:#000;margin-left:20px;}

.mainProductRadio {width:30px;float:left; padding-left:10px; padding-top:10px;}
.mainProductRadio .radioDefault {display:block;width:26px; height:26px; overflow:hidden;background: url("../images/radio16default.png") no-repeat scroll 0px 0px transparent;cursor:pointer;}
.mainProductRadio .radioSelected {display:block;width:26px; height:26px; overflow:hidden;background: url("../images/radio16selected.png") no-repeat scroll 0px 0px transparent;cursor:pointer;}
.productImage {float: left;height: 145px;width: 125px;}
.quantity {width:60px; float:left; padding-top:6px;}
.quantity input {width:15px; padding:1px; font-size:10px; text-align:center; float:left;}
.quantity .ico {width:18px; height:20px; float:left;}
.quantity .plus {background: url("../images/ico-plus.gif") no-repeat scroll 4px 4px transparent;}
.quantity .minus {background: url("../images/ico-minus.gif") no-repeat scroll 4px 4px transparent;}

.mainProductRow, .mainProductRow div {float: left;height: 100%;}
.mainProductRow .product {width: 368px;}
.mainProductRow p.description {padding: 5px 0 0;}
.pdescription, .pcrossSellDescription {clear: left;font-weight: normal;}
.ptitle, .price {font-weight: bold;}
.mainProductRow .price {padding-top: 12px;}
.mainProductRow .ptitle {font-size:15px; color:#999;}
.mainProductRow .pdescription  {font-size:13px; color:#999;}

.Xsell {display: table;}
.Xsell .product {float: left;padding: 5px;width: 640px;}
input.check {float: left;margin-right: 7px; height:18px;background: none repeat scroll 0 0 #FFFFFF;border: 0 none;padding: 0;}
.upXsellCheck, .Xsell .ptitle {float: left;}
.ptitle {padding-right: 7px;}
.Xsell .XsellDescription {clear: left;display: block;padding: 5px 5px 5px 20px;}

.price {
    float: left;
    padding-top: 8px;
    text-align: center;
    width: 85px;
}

.shoppingCardExpanded .cardSummary {clear: both;font-weight: bold;padding: 5px 0 15px 24px;}

.shoppingCardExpanded .cardSummary .yousave {margin-bottom:10px; border-bottom:1px solid #ddd;overflow:hidden;}
.shoppingCardExpanded .cardSummary .yousave, .shoppingCardExpanded .cardSummary .total {margin-right:20px;}
.shoppingCardExpanded .cardSummary .yousave .cardSummaryLabel, .shoppingCardExpanded .cardSummary .yousave .totalPriceWithoutVAT {color:#326549; height:25px;}

.shoppingCardExpanded .cardSummary .cardSummaryLabel{float:left; font-size:13px;}
.shoppingCardExpanded .cardSummary .cardSummaryPriceBlock  {font-size:13px;}
.shoppingCardExpanded .cardSummary .cardSummaryLabel {width:450px; text-align:left;}

.shoppingCardExpanded .cardSummary .cardSummaryPriceBlock {width:200px; float:right;text-align:right;}
.shoppingCardExpanded .cardSummary .cardSummaryPriceVATLable {color:#999;}




.shoppingCardExpanded {overflow:hidden; border:1px dotted #ddd; background-color:#fafafa; margin:10px 0 20px 0;}

.contentLeft {width:370px; float:left;}
.contentRight {width:370px; float:left;}
.billingInfo, .businessInfo, .paymentInfo {margin-bottom:30px; margin-top:30px;}
.billingInfo p, .businessInfo p, .paymentInfo p {margin:8px 0 12px 0; font-weight:bold; width:340px;}
.onecolumnApple .billingInfo p, .onecolumnApple .businessInfo p, .onecolumnApple .paymentInfo p {margin:8px 0 12px 0; font-weight:bold; width:auto!important;}
.businessInfoExpanded {margin-top:20px;}

.formRow {margin:0px 0px 4px 0px; min-height:24px;}
.formRow .note {color:#7f7f7f;}

.paymentType {margin:10px 0 20px 0; overflow:hidden; font-weight:bold; font-size:12px;}

.active {color:#777; text-decoration:none;}
.paymentTypeCard {float:left; margin-right:20px;}
.paymentTypeCard, .paymentTypePayPal {padding-left:16px;}
.paymentTypeWireTransfer {float:left; margin-right:20px;}
.paymentTypePayPal {float:left; margin-right:20px;}
.ccard {height:25px; margin:10px 0}
.ccard .card {float:left; height:25px;line-height:25px;}
.ccard .card input {line-height:25px;height:25px;}
.ccard .amex {background: transparent url(../images/creditcards/CC-Logo-Amex.png) no-repeat 18px 0; width:60px;}
.ccard .4Etoiles {background: transparent url(../images/creditcards/CC-Logo-4Etoiles.png) no-repeat 18px 0; width:60px;}
.ccard .aurora {background: transparent url(../images/creditcards/CC-Logo-Aurora.png) no-repeat 18px 0; width:60px;}
.ccard .carteBleue {background: transparent url(../images/creditcards/CC-Logo-CarteBleue.png) no-repeat 18px 0; width:60px;}
.ccard .cb {background: transparent url(../images/creditcards/CC-Logo-CB.png) no-repeat 18px 0; width:60px;}
.ccard .cirrus {background: transparent url(../images/creditcards/CC-Logo-Cirrus.png) no-repeat 18px 0; width:60px;}
.ccard .cofinoga {background: transparent url(../images/creditcards/CC-Logo-Cofinoga.png) no-repeat 18px 0; width:60px;}
.ccard .delta {background: transparent url(../images/creditcards/CC-Logo-Delta.png) no-repeat 18px 0; width:60px;}
.ccard .development {background: transparent url(../images/creditcards/CC-Logo-DevelopmentCard.png) no-repeat 18px 0; width:60px;}
.ccard .diners {background: transparent url(../images/creditcards/CC-Logo-Diners.png) no-repeat 18px 0; width:60px;}
.ccard .discover {background: transparent url(../images/creditcards/CC-Logo-Discover.png) no-repeat 18px 0; width:60px;}
.ccard .dongfang {background: transparent url(../images/creditcards/CC-Logo-DongfangCard.png) no-repeat 18px 0; width:60px;}
.ccard .dragon {background: transparent url(../images/creditcards/CC-Logo-DragonCard.png) no-repeat 18px 0; width:60px;}
.ccard .eurocard {background: transparent url(../images/creditcards/CC-Logo-Eurocard.png) no-repeat 18px 0; width:60px;}
.ccard .everbright {background: transparent url(../images/creditcards/CC-Logo-EverbrightCard.png) no-repeat 18px 0; width:60px;}
.ccard .giropay {background: transparent url(../images/creditcards/CC-Logo-GiroPay.png) no-repeat 18px 0; width:60px;}
.ccard .greatwall {background: transparent url(../images/creditcards/CC-Logo-GreatwallCard.png) no-repeat 18px 0; width:60px;}
.ccard .greatwall1 {background: transparent url(../images/creditcards/CC-Logo-GreatwallCard1.png) no-repeat 18px 0; width:60px;}
.ccard .greatwall2 {background: transparent url(../images/creditcards/CC-Logo-GreatwallCard2.png) no-repeat 18px 0; width:60px;}
.ccard .greencard {background: transparent url(../images/creditcards/CC-Logo-GreenCard.png) no-repeat 18px 0; width:60px;}
.ccard .guangfa {background: transparent url(../images/creditcards/CC-Logo-GuangfaCard.png) no-repeat 18px 0; width:60px;}
.ccard .huaxia {background: transparent url(../images/creditcards/CC-Logo-HuaxiaCard.png) no-repeat 18px 0; width:60px;}
.ccard .jinsui {background: transparent url(../images/creditcards/CC-Logo-JinsuiCard.png) no-repeat 18px 0; width:60px;}
.ccard .jcb {background: transparent url(../images/creditcards/CC-Logo-jcb.png) no-repeat 18px 0; width:60px;}
.ccard .jinsuideposit {background: transparent url(../images/creditcards/CC-Logo-JinsuiDepositCard.png) no-repeat 18px 0; width:60px;}
.ccard .jinsuideposit1 {background: transparent url(../images/creditcards/CC-Logo-JinsuiDepositCard1.png) no-repeat 18px 0; width:60px;}
.ccard .konbini {background: transparent url(../../images/creditcards/CC-Logo-Konbini.png) no-repeat 18px 0; width:60px;}
.ccard .longcardsaving {background: transparent url(../images/creditcards/CC-Logo-LongcardSavingCard.png) no-repeat 18px 0; width:60px;}
.ccard .maestro {background: transparent url(../images/creditcards/CC-Logo-Maestro.png) no-repeat 18px 0; width:60px;}
.ccard .mastercard {background: transparent url(../images/creditcards/CC-Logo-Mastercard.png) no-repeat 18px 0; width:60px;}
.ccard .minshengbank {background: transparent url(../images/creditcards/CC-Logo-MinshengBankCard.png) no-repeat 18px 0; width:60px;}
.ccard .minshengbank2 {background: transparent url(../images/creditcards/CC-Logo-MinshengBankCard2.png) no-repeat 18px 0; width:60px;}
.ccard .mudan {background: transparent url(../images/creditcards/CC-Logo-MudanCard.png) no-repeat 18px 0; width:60px;}
.ccard .mudanlingtong {background: transparent url(../images/creditcards/CC-Logo-MudanLingtongCard.png) no-repeat 18px 0; width:60px;}
.ccard .pacific {background: transparent url(../images/creditcards/CC-Logo-PacificCard.png) no-repeat 18px 0; width:60px;}
.ccard .pacific1 {background: transparent url(../images/creditcards/CC-Logo-PacificCard1.png) no-repeat 18px 0; width:60px;}
.ccard .paypal {background: transparent url(../images/creditcards/CC-Logo-PayPal.png) no-repeat 18px 0; width:60px;}
.ccard .pengcheng {background: transparent url(../images/creditcards/CC-Logo-PengchengCard.png) no-repeat 18px 0; width:60px;}
.ccard .postpay {background: transparent url(../images/creditcards/CC-Logo-PostPay.png) no-repeat 18px 0; width:60px;}
.ccard .solo {background: transparent url(../images/creditcards/CC-Logo-Solo.png) no-repeat 18px 0; width:60px;}
.ccard .switch {background: transparent url(../images/creditcards/CC-Logo-Switch.png) no-repeat 18px 0; width:60px;}
.ccard .visa {background: transparent url(../images/creditcards/CC-Logo-Visa.png) no-repeat 18px 0; width:60px;}
.ccard .visadebit {background: transparent url(../images/creditcards/CC-Logo-VisaDebit.png) no-repeat 18px 0; width:60px;}
.ccard .visaelectron {background: transparent url(../images/creditcards/CC-Logo-VisaElectron.png) no-repeat 18px 0; width:60px;}
.ccard .wealthmanagement {background: transparent url(../images/creditcards/CC-Logo-Wealth-ManagementCard.png) no-repeat 18px 0; width:60px;}
.ccard .wealthmanagement1 {background: transparent url(../images/creditcards/CC-Logo-Wealth-ManagementCard1.png) no-repeat 18px 0; width:60px;}

.ccard input {border:none;}


.action {overflow:hidden;}

.btn-process-en, .btn-process-fr, .btn-process-es, .btn-process-de, .btn-process-it, .btn-process-pt {float:right; cursor:pointer;  border:none; padding:0px; margin:0px; margin-top:20px; margin-right:25px; width:200px; height:40px;}
.onecolumnApple .btn-process-en, .onecolumnApple .btn-process-fr, .onecolumnApple .btn-process-es, .onecolumnApple .btn-process-de, .onecolumnApple .btn-process-it, .onecolumnApple .btn-process-pt {float:right; margin-left:250px;}
.btn-process-en {background: transparent url(../images/btn-process-en.png) no-repeat right;}
.btn-process-fr {background: transparent url(../images/btn-process-fr.png) no-repeat right;}
.btn-process-es {background: transparent url(../images/btn-process-es.png) no-repeat right;}
.btn-process-de {background: transparent url(../images/btn-process-de.png) no-repeat right;}
.btn-process-it {background: transparent url(../images/btn-process-it.png) no-repeat right;}
.btn-process-pt {background: transparent url(../images/btn-process-pt.png) no-repeat right;}





/* for form */
.formClientName, .formFirstName, .formLastName, .formEmail, .formCompanyName, .formBusinessPhone, .formStreetAddres, .formSuite, .formCity, .formState, .formStateSelect, .formVAT, .formCardNumber, .formCVV, .formBillingZip, .formPaymentZip, .formLanguage, .formDateExpires, .formPaypal {position:relative;float:left;}
.formClientName, .formFirstName, .formState, .formStateSelect, .formCardNumber, .formStreetAddres, .formCity, .formEmail {padding-right:3px;}
.formClientName label, .formFirstName label, .formLastName label, .formEmail label, .formCompanyName label, .formBusinessPhone label, .formStreetAddres label, .formSuite label, .formCity label, .formState label, .formStateSelect label, .formVAT label, .formCardNumber label, .formCVV label, .formBillingZip label, .formPaymentZip label, .formLanguage label, .formPaypal label {position:absolute; left:4px; line-height:24px; cursor:text; margin:0px; padding:0px;}

.normal {color:#999;}
.normallight {color:#ccc;}

.formFirstName input, .formLastName input, .formFirstName label, .formLastName label {width:160px;}
.formClientName input, .formClientName label  {width:329px;}
.formPaypal input, .formPaypal label  {width:329px;}

.formEmail input, .formEmail label {width:200px;}
.formCompanyName input, .formVAT input, .formCompanyName label, .formVAT label {width:309px;}
.formSuite input, .formSuite label {width:80px;} 
.formBusinessPhone input, .formBusinessPhone label  {width:100px;} 
.formStreetAddres input, .formStreetAddres label, .formCity input, .formCity label  {width:240px;} 
.formState input, .formState label {width:220px;}
.formStateSelect select {width:226px;}
.formState  {display:none;}
.formCardNumber input, .formCardNumber label {width:240px;}
.formCVV input, .formBillingZip input, .formCVV label, .formBillingZip label {width:80px;}
.formDateExpires {float:left;}
.formPaymentZip {float:right; margin:0px; padding:0px;}
.formPaymentZip input {width:80px; margin-right:35px;}
.formPaymentZip label {width:80px;}
.formCheckPromotion label {width:330px;}
.formLanguage {float:right;}
.formLanguage select {width:120px;}


.footer {padding:20px 10px 20px 30px;}


/* Popup Start */
    .popupTop {background: transparent url("../images/tooltip.png") no-repeat scroll 100% 0; background-color:#fff\9; height: 17px;margin: 0 0 0 18px;}
    .popupTop .popupTopleft {background: url("../images/tooltip.png") no-repeat scroll 0 0; background-color:#fff\9; font-size: 0;height: 17px;left: -18px;line-height: 0;position: relative;width: 18px;}
    .popupCenter {background: url("../images/borders.png") repeat-y scroll 0 0; background-color:#fff\9;padding: 0 0 0 12px;}
    .popupCenterRight {background: url("../images/borders.png") repeat-y scroll 100% 0; background-color:#fff\9;padding: 0 12px 0 0;}
    .popupContent {position:relative;background: none repeat scroll 0 0 #FFFFFF;display: block;margin: 0;padding: 0px; min-width:200px; min-height:32px;}
    .popupBottom {background: url("../images/tooltip.png") no-repeat scroll 100% 100%; background-color:#fff\9;height: 14px;margin: 0 0 0 12px;}
    .popupBottom .popupBottomRight {background: url("../images/tooltip.png") no-repeat scroll 0 100%; background-color:#fff\9;font-size: 0;height: 14px;left: -12px;line-height: 0;position: relative;width: 12px;}
    .popupImg {position:relative; top:-8px; left:-4px;}
/* Popup End */

/* legal styles */
.legalContent a {text-decoration:none;}
.legalContent {background:none; margin-top:10px; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;}
#spanPrivacyInfo, #spanTermsInfo, #commonContent, #avfContent, .privacy {
    color: #747474;
    font-size: 11px;
    line-height: 18px;
}
.legalContent .container {
    margin: 0 auto;
    width: 920px;
    position:relative;
}

#PrivacyInfoContainer, #TermsInfoContainer {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #ECECEC;
    margin-bottom: 20px;
    padding: 10px 20px 20px;
}
#PrivacyInfoContainer h1, #TermsInfoContainer h1 {
    color: #555555;
    font-size: 14px;
    margin: 15px 0 10px 23px;
}
#spanPrivacyInfo, #spanTermsInfo, #commonContent, #avfContent, .privacy {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ECECEC;
    clear: both;
    color: #747474;
    font-size: 11px;
    line-height: 18px;
    padding: 10px;
}
.legalContent p {
    margin: 1em 1.2em 0.8em;
    text-align: left;
}
#spanContactUs p {
    float: left;
    height: 120px;
    width: 45%;
}
#spanContactUs p:first-of-type {
    border-right: 1px dotted #ECECEC;
}
.legalContent .privacy ul {
    padding-left: 3.5em;
}
#spanPrivacyInfo h2, spanTermsInfo h3 {
    color: #424141;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 0;
    line-height: 25px;
    padding-left: 1em;
    text-align: left;
}
.legalContent h2, p strong {
    text-transform: uppercase;
}
.legalContent p.em {
    font-size: 12px;
    font-weight: bold;
}
#TermsInfoContainer h1 span.date {
    color: #888888;
    display: inline;
    float: right;
    font-size: 11px;
    font-weight: normal;
}
/*End legal styles */


.tab-container .ui-widget-header {margin-bottom:0px!important;}
.tab-container .ui-state-active a {color:#000!important;font-weight:bold;}