.sprite { background-image: url(../images/sprite.png); background-repeat: no-repeat; }
.sprite.sprite-cb_logo_m { width: 201px; height: 47px; background-position: 0px 0px; }
.sprite.sprite-cb_logo_xs { width: 100px; height: 23px; background-position: 0px -64px; }
.sprite.sprite-maestro { width: 32px; height: 17px; background-position: 0px -104px; }
.sprite.sprite-mastercard { width: 32px; height: 17px; background-position: 0px -47px; }
.sprite.sprite-visa { width: 32px; height: 17px; background-position: 0px -87px; }
.field { margin: 5px 0px; }
.field .left, .field .right { display: inline-block; }
.field .top { margin-top: 7px; }
.field .formHelp { display: inline-block; margin-left: 5px; }
.field .formHelp a { font-size: 10px; }
.field .formHelp a:hover { text-decoration: underline; }
.field .newLine { display: block; padding-bottom: 5px; margin-left: 0px; }
.field .formLabel { width: 120px; text-align: right; color: rgb(51, 51, 51); margin-right: 10px; font-size: 12px; display: block; padding-top: 7px; }
.field input[type="email"],.field input[type="text"], .field textarea, .field select { padding: 5px 10px; margin: 0px 0px 10px; border-radius: 3px; color: rgb(102, 102, 102); border: 1px solid rgb(225, 225, 225); font-size: 12px; background: rgb(250, 250, 250); }
.field input[type="checkbox"]{  margin-top: 20px;}
.field.error .formLabel, .field.error .checkboxLabel { color: red; }
.field .checkboxLabel { font-weight: 700; font-size: 12px; display: inline-block; margin: 15px 0px 0px 10px; }
.field .radioLabel { font-size: 12px; display: inline-block; padding: 0px 10px 0px 3px; }
.field input::-webkit-input-placeholder, .field textarea::-webkit-input-placeholder { color: rgb(204, 204, 204); }
.field input.empty::-webkit-input-placeholder, .field textarea.empty::-webkit-input-placeholder { color: red; }
.field p { margin-bottom: 10px; }
.security_logos iframe { height: 80px; width: 380px; vertical-align: top; padding: 0px; margin: 0px; }
* { margin: 0px; padding: 0px; }
html { font-size: 10px; }
body { font-family: 'Helvetica Neue', Arial, sans-serif; color: rgb(51, 51, 51); background: rgb(255, 255, 255); }
h5 { font-weight: 700; font-style: normal; font-variant: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0px 0px 5px; }
h4 { font-weight: 700; font-style: normal; font-variant: normal; font-stretch: normal; font-size: 12px; line-height: normal; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0px 0px 6px; }
h3 { font-weight: 700; font-style: normal; font-variant: normal; font-stretch: normal; font-size: 14px; line-height: normal; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0px 0px 10px; }
h2 { font-weight: 700; font-style: normal; font-variant: normal; font-stretch: normal; font-size: 18px; line-height: normal; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0px 0px 12px; }
h1 { font-weight: 700; font-style: normal; font-variant: normal; font-stretch: normal; font-size: 20px; line-height: normal; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0px 0px 12px; }
p, ul, dl, ol, table { font-size: 12px; }
a { font-size: 12px; text-decoration: none; color: rgb(0, 153, 255); -webkit-transition: all 0.25s linear; transition: all 0.25s linear; }
a:hover, a:focus { color: rgb(255, 153, 0); text-decoration: none; }
a img { border: 0px; }
::selection { color: rgb(51, 51, 51); background: rgb(225, 225, 225); }
.uppercase { text-transform: uppercase; }
.inlineblock { display: inline-block; }
.verticalaligntop { vertical-align: top; }
#paymenttype_radiobuttons_container input { padding: 0px; border-radius: 0px; border: 0px; }
select { height: 30px; }
input:focus, textarea:focus { background: rgb(250, 250, 250); }
.submitButton { padding: 7px 15px; border: 1px solid rgb(225, 225, 225); border-radius: 3px; cursor: pointer; text-transform: uppercase; color: rgb(0, 0, 0); font-weight: 700; font-size: 16px; background: linear-gradient(rgb(255, 204, 0) 0px, rgb(255, 240, 0) 100%); }
.countryWidth { width: 230px; }
.zipWidth { width: 70px; }
.nameWidth { width: 230px; }
.cardnumWidth { width: 200px; }
.seccodeWidth { width: 54px; }
.issueWidth { width: 64px; }
.emailWidth { width: 230px; }
.fwdSeparator { display: inline-block; margin: 0px 5px; }
.vertical_spacer_8 { margin-top: 8px; }
input[type="checkbox"], input[type="radio"] { cursor: pointer; }
td.customer_amount { text-align: right; }
.customer_amount { white-space: nowrap; }
table, tr, td { border-collapse: collapse; border: 0px solid rgb(228, 228, 228); width: 100%; }
td { padding: 5px 0px; }
td.strong { font-size: 12px; font-weight: 700; }
td.tablefooter { font-size: 10px; color: rgb(102, 102, 102); padding: 10px 0px; }
.main_form_container { margin: 0px auto 20px; padding-top: 5px; background-color: rgb(255, 255, 255); }
.language_selector .formLabel { line-height: 30px; }
.cb_orderdetails { padding: 7px 10px; background-color: rgb(255, 255, 255); }
.cb_orderdetails h3 { font-size: 16px; }
.iteminfocontainer { float: left; padding: 10px 0px; }
.itemname { font-size: 14px; font-weight: 700; }
.cb_billinginfo { padding: 20px 20px 0px; background-color: rgb(255, 255, 255); }
#paymenttype_radiobuttons_container { display: inline-block; margin: 12px 0px 0px; }
.paymenttype_container_img { margin-top: -3px; margin-right: 2px; }
#paymenttype .formLabel { margin-top: 5px; }
.cb_paymentdetails { clear: both; padding: 20px 20px 0px 10px; }
.cb_securetitle { font-size: 16px; line-height: 33px; font-weight: 700; padding: 0px 20px; vertical-align: top; background-color: rgb(255, 255, 255); }
.security_logos { margin-top: 10px; margin-left: 15px; background-color: rgb(255, 255, 255); }
.cb_guarantee { padding: 20px 20px 0px; background-color: rgb(255, 255, 255); }
.cb_guarantee p { font-size: 11px; line-height: 14px; }
.cb_guarantee a { font-size: 11px; }
.cb_paybutton { text-align: center; clear: both; margin: 20px 0px 10px; }
.cb_paybutton input[type="submit"] { width: 380px; }
.cb_terms { padding: 10px; display: block; left: 0px; top: 0px; clear: both; background-color: rgb(255, 255, 255); }
.cb_terms ul { font-size: 12px; color: rgb(102, 102, 102); margin-left: 14px; list-style-type: square; line-height: 12px; }
.cb_terms li { padding-left: 0px; }
.cb_terms li::before { }
.cb_terms a { font-size: 11px; }
.cb_copyright { width: 760px; clear: both; padding: 10px 0px; text-align: center; font-size: 11px; background-color: rgb(255, 255, 255); }
.cb_copyright li{
	display: inline;
	list-style: none;
}
.cb_copyright p{
	margin:5px 0;
}
#banner1_bg1 { height: 65px; top: 0px; left: 0px; background-image: url(../images/cb-banner-bg.png); background-repeat: repeat-x; }
#banner1_bg2 { height: 65px; width: 760px; margin: 0px auto; background-image: url(../images/cb-banner-bg.png); background-repeat: repeat-x; }
#banner1_logo1 { height: 55px; width: 220px; display: inline-block; position: relative; top: 0px; left: 0px; padding-left: 10px; padding-top: 10px; background-color: rgb(255, 255, 255); }
#banner1_logo2 { height: 80px; width: 500px; display: none; position: relative; top: 10px; left: 185px; background-color: rgb(51, 51, 51); }
#main_form_container { width: 760px; }
#form_container_top { margin-top: 10px; clear: both; }
#form_container_top_1 { width: 430px; float: left; clear: right; }
#form_container_top_2 { width: 320px; float: left; }
#form_container_bottom_1 { width: 330px; float: right; clear: right; }
#form_container_bottom_1_inner { }
#form_container_bottom_2 { width: 430px; float: left; }
#form_container_bottom_2_inner { }
#cb_orderdetails { }
#iteminfocontainer { }
#itemname { }
#cb_billinginfo { }
#cb_paymentdetails { position: relative; }
#cb_securetitle_1 { display: inline-block; }
#security_logos_1 { }
#security_logos_4 { display: none; }
#cb_guarantee_1 { }
#cb_logo_1 { display: none; }
#cb_paybutton_2 { }
#subtotal{
    vertical-align: top;
}
#cb_terms_3 li { padding-bottom: 8px; }
a { color: rgb(48, 93, 140); }
.cvvtable { border: 1px solid rgb(204, 204, 204); padding: 10px; display: none; }
.errorBoxOutter {
    background-color: #FFF2F2;
    width: 500px;
    margin: 0 auto;
    color: #333;
    border: 1px solid #FF8A8A;
    position: relative;
    padding: 5px 10px 5px 70px;
    min-height: 50px;
}



.cb_billinginfo .field{display: inline-block;width: 100%;}
.cb_billinginfo span.right{float: none;}
.cb_billinginfo .emailWidth{width: 230px;margin-bottom: 5px !important;}
.cb_billinginfo input[type=text]{width: 230px;margin-bottom: 5px !important;height: 25px;}
.cb_billinginfo .zipWidth{width: 70px;}
.cb_billinginfo select{padding-top: 2px;}
#form_container_bottom_2{width: 410px;}
#paymenttype .right{float: left;}
.cb_billinginfo input[type=text].zipWidth{width: 70px;}
#expmonth{width: auto;}
#expyear{width: auto;}
.cb_billinginfo .seccodeWidth{width: 60px;}
.cb_billinginfo .nameWidth{width: 230px;height: 25px;}
.cb_billinginfo input[type=text].seccodeWidth{width: 60px;}

.cb_paybutton input[type=submit].submitButton{
    padding: 7px 15px;
    border: 1px solid rgb(225, 225, 225);
    border-radius: 3px;
    cursor: pointer;
    text-transform: uppercase;
    color: rgb(0, 0, 0);
    font-weight: 700;
    font-size: 16px;
    background: linear-gradient(rgb(255, 204, 0) 0px, rgb(255, 240, 0) 100%);
    -webkit-background: linear-gradient(rgb(255, 204, 0) 0px, rgb(255, 240, 0) 100%);
}
#form_container_top_1{width: 410px;}
.orderFormTerms li{list-style: square;}
@media(max-width:767px){
	.cb_billinginfo span.verticalaligntop{width: 100%;}
	.cb_billinginfo .emailWidth{width: 100%;}
	.cb_billinginfo .emailWidth{width: 100%;}
	.cb_billinginfo input[type=text]{width: 100%;}
	.cb_billinginfo .countryWidth.trigger{width: 100% !important;}
	.cb_billinginfo .zipWidth{width: 100%;}
	.cb_billinginfo .nameWidth{width: 100%;}
	.cb_billinginfo span.right{width: 100%;}
	.cb_billinginfo input[type=text].zipWidth{width: 100% !important;}
	.cb_billinginfo input[type=text].cardnumWidth {width: 100% !important;}
	.cb_billinginfo span.fwdSeparator.verticalaligntop.vertical_spacer_8{width: auto;}
}