/* <![CDATA[ */

/* Forms
----------------------------------*/



.checkout-container,
.checkout-container .gridforms3 {
    clear: both;
    display: block;
    width: 950px;
    overflow: hidden;
}

.checkout-container .gridforms3 .information,
.checkout-container .gridforms3 .shipping-rates {
    clear: none;
    display: block;
    float: left;
    margin: 0;
}
.checkout-container .gridforms3 .checkout-contents {
    clear: none;
    display: block;
    float: right;
    margin: 0;
}
.checkout-container .gridforms3 .information,
.checkout-container .gridforms3 .shipping-rates {
    padding: 0 20px 0 10px;
    width: 525px;
}
.checkout-container .gridforms3 .checkout-contents {
    padding: 0 10px 0 10px;
    width: 360px;
}
.checkout-container .gridforms3 .checkout-contents h3 {
    border-top: #ccc dotted 1px;
    clear: both;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    padding-top: 5px;
    width: 100%;
}
.checkout-container .gridforms3 .checkout-contents p {
    font-size: 11px;
}

.gridforms3 legend {
    border-top: #ccc dotted 1px;
    clear: both;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 30px;
    padding-top: 8px;
    width: 100%;
}
.gridforms3 div.legend {
    border-top: #ccc dotted 1px;
    clear: both;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 30px;
    padding-top: 8px;
    width: 100%;
}
.gridforms3 .information legend {
    margin-top: 10px;
}
.gridforms3 .legend em {
    background-color: #2278B3;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #FFFFFF;
    padding: 5px 8px;
}
.gridforms3 .legend strong {
    background-color: #fff;
    border-radius: 5px;
    color: #333;
    font-weight: bold;
    padding: 5px 8px;
}
.gridforms3 .legend em strong {
    background-color: #2278B3;
    color: #ffffff;
}
.gridforms3 .short {


}
.gridforms3 .short label input {
    width: auto;
}
.gridforms3 .label {
    clear: both;
    display: block;
    float: left;
    font-size: 11px;
}
.gridforms3 div {
    clear: none;
    display: block;
    float: left;
    margin: 0;
    position: relative;
}
.gridforms3 div label {
    lear: both;
    display: block;
    float: left;
    margin: 0 0 10px 0;
}
.gridforms3 div label.error {
    position: absolute;
    bottom: -7px;
    left: 0;
    color: #CC0000;
    font-size: 10px;
}

/* Inputs */

.gridforms3 .text,
.gridforms3 .select,
.gridforms3 .textarea {
    clear: both;
    display: block;
    float: left;
    margin: 5px 0;
}
.gridforms3 .text input,
.gridforms3 .select select,
.gridforms3 .textarea textarea {
    border: #ccc solid 1px;
    border-color: #999 #bbb #ddd;
    border-radius: 2px;
    font-family: "open sans", verdana, sans-serif;
    font-size: 13px;
    padding: 4px;
    width: 234px;
}
.gridforms3 .select select {
    padding: 3px 2px;
    width: 244px;
}
.gridforms3 .short .text input,
.gridforms3 .short .select select,
.gridforms3 .short .textarea textarea {
    width: 104px;
}
.gridforms3 .short .select select {
    padding: 3px 2px;
    width: 115px;
}

/* Switches */

.gridforms3 .switch {
    clear: both;
}
.gridforms3 .switch .label {
    clear: none;
    display: block;
    float: left;
    font-size: 13px;
    margin: 5px;
}
.gridforms3 .switch .radio,
.gridforms3 .switch .checkbox {
    clear: none;
    display: block;
    float: left;
    margin: 5px 0;
    font-size: 13px;
}




.checkout-container .gridforms3 .checkout-contents .textarea textarea {
    width: 350px;
}



/* Short form elements */

/*
.first-name
.last-name
.state
.zip
.company
.telephone
.exp-month
.exp-year
*/

.gridforms3 div.last-name,
.gridforms3 div.email,
.gridforms3 div.confirm-address,
.gridforms3 div.city,
.gridforms3 div.company,
.gridforms3 div.telephone,
.gridforms3 div.zip,
.gridforms3 div.card-number,
.gridforms3 div.exp-month,
.gridforms3 div.exp-year,
.gridforms3 div.gateways-2 {
    margin-left: 15px;
}



.gridforms3 .textarea {
    clear: both;
    float: left;
    width: 525px;
}
.gridforms3 .textarea textarea {
    width: 515px;
}



.gridforms3 .option {
    clear: none;
    margin-left: 15px;
    margin-top: 25px;
}
.gridforms3 .checkout-button {
    clear: both;
}

/* Long form elements */

/*
.email
.address
.country
.city
.option
.card-name
.card-number
.cv2
*/


.gridforms3 .terms {
    clear: none;
    display: block;
    float: left;
    font-size: 13px;
    padding: 5px 0;
}



/* Shipping choices */

.gridforms3 .shipping-choices .switch {
    border-top: #ddd dotted 1px;
    margin: 0;
    padding: 5px 0;
}
.gridforms3 .shipping-choices .switch:hover {
    cursor: pointer;
}
.gridforms3 .shipping-choices .switch .radio {
    margin-top: 7px;
    width: 14px;
}
.gridforms3 .shipping-choices .switch .label {
    clear: none;
    line-height: 140%;
    width: 435px;
}
.gridforms3 .shipping-choices .switch .cost {
    clear: none;
    display: block;
    float: right;
    font-size: 12px;
    line-height: 140%;
    margin: 5px 0;
    text-align: right;
    width: 66px;
}
.gridforms3 .shipping-choices .switch .time {
    clear: both;
    color: #999;
    display: block;
    float: left;
    font-size: 10px;
    font-style: italic;
    line-height: 140%;
    margin: 0px 0;
    text-indent: 20px;
    width: 100%;
}



.gridforms3 .affiliate {
    display: block;
    margin: 0 0 5px 0;
    width: 100%;
}

.gridforms3 .affiliate .input {
    font-size: 13px;
}
.gridforms3 .affiliate .code {
    width: 155px;
    border: #ccc solid 1px;
    border-radius: 2px;
    font-family: "open sans", verdana, sans-serif;
    font-size: 13px;
    padding: 4px;
    float: right;
    margin: -8px 0 0 0;
}

.gridforms3 .credits {

}
.gridforms3 .credits .input {
    clear: none;
    display: block;
    float: left;
    width: auto;
}
.gridforms3 .credits .input .label {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0;
}
.gridforms3 .credits .input .label strong {
    color: #fc7c00;
    font-weight: bold;
    padding: 2px 5px;
}
.gridforms3 .credits .switch {
    clear: none;
    display: block;
    float: right;
    width: auto;
}

.gridforms3 .credits .switch.disabled .label{
    color: #aaaaaa;
    cursor: not-allowed;
}

#floating {
    left: 665px;
    position: absolute;
    top: 0;
    width: 280px;
}

#floating .checkout-shopper {
	width: 180px;
	position: relative;
	margin-bottom: 17px;
	float: right;
	text-align: right;
}
#floating .checkout-shopper .ratings {
	margin-right: 11px;
}
#checkout .checkout-comments {
	margin-top: 104px;
	width: 525px;
}
#floating .checkout-shopper .bottom-bar-bbb {
	display: block;
	width: 129px;
	height: 51px;
	background: transparent url(../images/checkout_shopper_bg.png) scroll 0 0 no-repeat;
	margin-bottom: 10px;
	float: right;
}
#floating .checkout-shopper a.shopper {
	position: absolute;
	top: 1px;
	left: 0;
}

#floating.fixed {
    margin-left: 477px;
    position:fixed;
    top:0;
    width: 280px;
}

#gateway_credits .payment_form {visibility: hidden;}
.gridforms3 .checkout-main-form div.legend {
    margin: 0;
    background-color: #f7f7f7;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 100%;
    box-sizing: border-box;
    border-top: #ccc solid 1px;
    padding: 10px;
    -moz-box-sizing: border-box;
    background-image: none;
}
.checkout-main-form {
	min-height: 1000px;
}
.gridforms3 .checkout-main-form div.legend:first-child {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;    
}
.gridforms3 .checkout-main-form div.legend.last-legend {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.gridforms3 .checkout-main-form div.legend.last-legend.ui-state-active {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.gridforms3 .checkout-main-form div.legend.ui-state-active {
    background-color: transparent;
    border-bottom: none;
    border-top: none;
}
.gridforms3 .checkout-main-form div.legend em {
    color: #4898cc;
}
.gridforms3 .checkout-main-form div.legend em strong {
    color: #000;
}
.gridforms3 .checkout-main-form div.legend em .step {
    color: #4898cc;
}
.gridforms3 .checkout-main-form div.legend.ui-state-active:first-child {
    border-top: #ccc solid 1px;
}

.gridforms3 .checkout-main-form .edit-form {
    display: block;
    float: right;
    color: #4898cc;
    font-size: 12px;
    margin-top: 3px;
    padding-left: 20px;
    height: 14px;
    line-height: 15px;
}

.gridforms3 .checkout-main-form .valid .edit-form {
    background: url("../images/edit_success.png") no-repeat top left transparent;
}

.gridforms3 .checkout-main-form .invalid .edit-form {
    background: url("../images/edit_error.png") no-repeat top left transparent;
}

.gridforms3 .checkout-main-form .disabled .edit-form ,
.gridforms3 .checkout-main-form .ui-state-active .edit-form {
    display: none;
}

.gridforms3 .checkout-main-form .legend em {
    padding: 0;
    background: transparent;
    border: none;
    float: left;
    margin-left: -8px;    
}

.gridforms3 .checkout-main-form div.legend.disabled em, .gridforms3 .checkout-main-form div.legend.disabled em strong{
    color: #aaa !important;
}

.gridforms3 .checkout-main-form .legend em strong {
    background-color: transparent;
    font-weight: normal;
    font-size: 13px;
}

.checkout-main-form .ui-corner-bottom {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.gridforms3 .checkout-main-form div.email {
}
.checkout-main-form .ui-accordion .ui-accordion-content {
    padding: 0 10px 10px 10px;
    width: 503px;
}
.gridforms3 .checkout-main-form .label {
    color: #949596;   
}
.gridforms3 .checkout-main-form div.legend.ui-state-active + .ui-accordion-content {
    border-bottom: none;
    overflow: visible !important;
}
.checkout-main-form div.telephone, .gridforms3 .checkout-main-form div.confirm-address, .checkout-main-form div.city, .checkout-main-form div.zip {
}
.checkout-main-form div.address, .checkout-main-form div.state {
    margin-left: 0;
    clear: left;
}
.gridforms3 .checkout-main-form .gateways {
    clear: both;
    width: 100%;
    border: 1px solid #dadada;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding-left: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.checkout-main-form .ui-widget input {
    position: relative;
    top: 2px;
}
.checkout-main-form .ui-widget input:focus, .checkout-main-form .ui-widget select:focus  {
    -webkit-box-shadow: 0px 0px 2px #fc7c00;
    -moz-box-shadow: 0px 0px 2px #fc7c00;
    box-shadow: 0px 0px 2px #fc7c00;
}
.gridforms3 .checkout-main-form #shipping_options div.shipping input[type="radio"] {
    margin-left: 2px;
}
.gridforms3 .checkout-main-form #gateway_authorize {    
}
.gridforms3 .checkout-main-form .gateways.active,
.gridforms3 .checkout-main-form .gateways:hover,
.gridforms3 .checkout-main-form .shipping >p.active,
.gridforms3 .checkout-main-form .shipping >p:hover{
    background-color: #f3f8fc !important;
    border: 1px solid #a3cbe5;
}
.gridforms3 .checkout-main-form .gateways:hover,
.gridforms3 .checkout-main-form .gateways:hover *,
.gridforms3 .checkout-main-form .shipping >p:hover,
.gridforms3 .checkout-main-form .shipping >p:hover * {
    cursor: pointer;
}

.gridforms3 .checkout-main-form .gateways.disabled,
.gridforms3 .checkout-main-form .gateways.disabled:hover
{
    background-color: #FFFFFF !important;
    border: 1px solid #dadada !important;
    cursor: not-allowed !important;
}

.gridforms3 .checkout-main-form .gateways.disabled *{
    cursor: not-allowed !important;
    color: #aaaaaa;
}

.checkout-main-form .gateways .payment_form .credit_card_type label {
    margin-bottom: 0;
    margin-left: 0;
}
.gridforms3 .checkout-main-form #gateway_paypal_standard.gateways {
    background: url("../images/paypal_logo.jpg") no-repeat scroll 441px 11px transparent;
}
.gridforms3 .checkout-main-form #gateway_google_wallet.gateways {
    background: url("../images/google_wallet.jpg") no-repeat scroll 379px 17px transparent;
}
.gridforms3 .checkout-main-form #gateway_authorize.gateways {
    background: url("../images/c_cards.png") no-repeat scroll 320px 18px transparent;
}
.gridforms3 .checkout-main-form #gateway_stripe.gateways {
    background: url("../images/c_cards_stripe.png") no-repeat scroll 232px 11px transparent;
}
.gridforms3 .checkout-main-form .gateways .credit_card_type {
    width: auto;
}
.gridforms3 .checkout-main-form .gateways .credit_card_type select {
    width: 228px;
}
.gridforms3 .checkout-main-form .gateways .general {
    margin-left: 15px;
}
.gridforms3 .checkout-main-form .gateways .general input {
    width: 200px;    
}
.gridforms3 .checkout-main-form .gateways .general .creditcard {
    width: 227px;    
}
.gridforms3 .checkout-main-form .credit_card_type .label {
    line-height: 13px;
}
.checkout-main-form .gateways .payment_form .expdate_month {
    margin-left: 0;
}
.checkout-main-form .gridforms3 .textarea {
    width: 493px;
}
.checkout-main-form .gridforms3 .textarea textarea {
    width: 493px;
}
.checkout-main-form .gridforms3 .checkout-button {
    float: right;
}
.gridforms3 .checkout-main-form .textarea {
    width: 494px;
}
.gridforms3 .checkout-main-form .textarea textarea {
    width: 100%;
}
.checkout-main-form .ui-widget .checkout-button {
    float: right;
}
.checkout-main-form .ui-widget .checkout-button input {
    padding: 8px 35px 10px;
}
.checkout-container .gridforms3 .checkout-main-form .information {
    /*    border-bottom: 1px solid #ccc;*/
    padding: 0;
    margin-left: 10px;
    overflow: hidden; 
    /*    border-radius: 0 0 6px 6px;*/
}
.gridforms3 .checkout-main-form legend {
    margin: 20px 0 5px;
}
.gridforms3 .checkout-main-form .last-section {
    border-bottom: 1px solid #cccccc !important;
    width: 503px;
}
.gridforms3 .checkout-main-form #gateway_authorize .payment_form {    
    padding-top: 13px;
    margin-top: 5px;
}
.gridforms3 .checkout-main-form #gateway_authorize .payment_form:before {
    border-top: 1px solid #a3cbe5;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 1px;
}
.checkout-main-form .gateways .switch {
    padding: 15px 0 15px;
    margin: 0;
    width: 100%;
}
.paypal-img {
    right: -400px;
    position: absolute;
    top: 11px;
}
.google-wallet-img {
    position: absolute;
    right: -383px;
    top: 17px;
}
.credit-cards-img {
    position: absolute;
    right: 10px;
    top: -42px;
}
.gridforms3 .checkout-main-form #shipping_options div.shipping {
    width: 100%;
}
.gridforms3 .checkout-main-form #shipping_options div.shipping h5 {
    color: #aaaaaa;
    font-weight: normal;
    font-size: 13px;
}
.gridforms3 .checkout-main-form .short .select select {
    margin-top: 2px;
}
.gridforms3 .checkout-main-form .zip {
    clear: none;
}
.gridforms3 .checkout-main-form .checkout-main-form .label {
    width: 100%;
}
.gridforms3 .checkout-main-form .checkout-main-form .label span.right-label {
    float: right;
    color: #4898cc;
}
.gridforms3 .checkout-main-form .email .text input, .gridforms3 .checkout-main-form .confirm-address .text input {
    width: 233px;
}
.gridforms3 .checkout-main-form .country {
    margin-left: 0;
}
.gridforms3 .checkout-main-form .country select {
    margin-top: 2px;
}
.gridforms3 .checkout-main-form #shipping_address .confirm-address {
    clear: none;
    margin-left: 15px;
}
.gridforms3 .checkout-main-form .option .switch .label {
    padding-top: 2px;
    color: #07619e;
    font-size: 11px;
    cursor: pointer;
}
.checkout-main-form .button-add-more {
    margin: 0;
    padding: 6px 20px;
    width: auto;
    float: right;
    clear: both;
}
#shipping_options .shipping p {
    width: 244px;
    float: left;
    border: 1px solid #a3cbe5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 10px;
    padding: 0;
    min-height: 63px;
}
#shipping_options .shipping p label {
    padding: 10px;
    width: 92%;
    display: table;
    min-height: 43px;
}
#shipping_options .shipping p.active {
    background-color: #f3f8fc; 
}
#shipping_options .shipping p label .check_price {
    display: table-cell;
    vertical-align: bottom;
    float: none;
    color: #4898cc;
    font-weight: bold;
    font-size: 12px;
}
#shipping_options .shipping p:nth-child(2n+2) {
    margin-right: 10px;
}
#shipping_options .shipping .label_delivery_wrap {
    width: 150px; 
    margin-left: 5px;
}
.checkout-main-form .label_delivery_wrap .date_delivery {
    color: #828282;
    margin: 7px 0 0;
}
.checkout-main-form #options .shipping label input {
    top: 0;
}
#shipping_options label.error {
    bottom: 5px;
    left: 13px;
}
.cvv2 b {
    background: url("../images/cvv2_2.png") no-repeat scroll 0 0 transparent;
    display: none;
    height: 216px;
    left: -287px;
    position: absolute;
    top: -226px;
    width: 550px;
    z-index: 1000;
    background-size: 80%;
    background-position-y: 50px;
}
.gridforms3 div.city {
    margin-left: 14px !important;
}

/*Stripe*/
.gridforms3 .checkout-main-form #gateway_stripe .switch {
    padding: 12px 0 9px;
}
.gridforms3 .checkout-main-form #gateway_stripe .payment_form {
    padding-top: 13px;
    margin-top: 5px;
}

.gridforms3 .checkout-main-form #gateway_stripe .payment_form:before {
    border-top: 1px solid #a3cbe5;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 1px;
}

.gridforms3 .checkout-main-form #gateway_stripe .payment_form label {
    line-height: 13px;
    color: #949596;
    margin-bottom: 3px;
}

.gridforms3 .checkout-main-form #gateway_stripe .payment_form label {
    clear: both;
    display: block;
    float: left;
    font-size: 11px;
}

.gridforms3 #gateway_stripe .general input {
    border: #ccc solid 1px;
    border-color: #999 #bbb #ddd;
    border-radius: 2px;
    font-family: "open sans", verdana, sans-serif;
    font-size: 13px;
    padding: 4px;
    width: 223px;
}
.gridforms3 #gateway_stripe select {
    border: #ccc solid 1px;
    border-color: #999 #bbb #ddd;
    border-radius: 2px;
    font-family: "open sans", verdana, sans-serif;
    font-size: 13px;
    padding: 4px;
}
.gridforms3 .checkout-main-form #gateway_stripe .general {
    width: 233px;
    float: left;
    margin-bottom: 20px;
}
.gridforms3 .checkout-main-form #gateway_stripe .general:nth-child(2) {
    margin-left: 0;
}
.gridforms3 .checkout-main-form #gateway_stripe .general:nth-child(4) {
    margin-left: 0;
}
.gridforms3 .checkout-main-form #gateway_stripe .expdate_month {
    margin-left: 15px;
}
.gridforms3 .checkout-main-form #gateway_stripe .expdate_month label {
    float: none;
    margin-bottom: 5px;
}
.gridforms3 .checkout-main-form #gateway_stripe .expdate_month select {
    padding: 3px 4px 3px 4px;
}
.gridforms3 .checkout-main-form #gateway_stripe .expdate_year label {
    margin-bottom: 5px;
    float: none;
}
.gridforms3 .checkout-main-form #gateway_stripe .expdate_year select {
    margin-left: 0;
    padding: 3px 4px 3px 4px;
}
.gridforms3 .checkout-main-form #gateway_stripe .payment_form label.error {
    position: absolute;
    bottom: -18px;
    margin: 0;
    left: 0;
    color: #CC0000;
    font-size: 10px;
}
    /* ]]> */