/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, big, font, img, small, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%;}*/
/*body {line-height:1;}*/
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
/*table {border-collapse:collapse; border-spacing:0;}*/

/* BODY */
body{}



/*============== Checkout Page =================*/
.checkout_body{
    float:left;
    width:100%;
    min-height:700px;
    background:url(images/checkout/body_bg.png) repeat;
    height:100%;
    margin:0 0 0 0;
}

.checkout_outer{
    width:800px;
    margin:0 auto;
}

.checkout_inner{
    float:left;
    width:780px;
    background:#fff;
    display:block;
    padding:10px;
    margin:20px 0 20px 0;
    border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px;
    border:1px solid #ccc;
}


.resell_logo{
    float:left;
    clear:both;
    margin:0 0 0 0;
}



/*============== ORDER DETAILS =================*/
.order_details_block{
    float:left;
    width:780px;
    border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
    border:1px solid #e7e7e7;
    margin:10px 0 0 0;
    overflow:hidden;
}

.order_details_block .order_details_block_gr{
    float:left;
    width:780px;
    margin:0 0 0 0;
}

.order_details_block .title{
    float:left;
    width:750px;
    height:45px;
    padding:0 15px 0 15px;
    background:#00bcf4;
    border:1px solid #0e86aa;
    margin:0 0 0 0;
}

.order_details_block .title p{
    float:left;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:43px;
    font-size:18px;
    margin:0 0 0 0;
}

.order_details_block ul{
    float:left;
    width:740px;
    height:auto;
    margin:10px 0 0 10px;
}

.order_details_block ul li:last-child{
    border-bottom:none;
    padding:0 0 0 0;
}

.order_details_block ul li{
    float:left;
    width:760px;
    padding:0 0 10px 0;
    border-bottom:1px solid #e7e7e7;
    margin:0 0 0 0;
}

.order_details_block ul li img{
    float:left;
    width:100px;
    height:100px;
    padding:5px;
    background:#fff;
    border:1px solid #CCC;
    margin:0 10px 0 0;
}

.order_details_block ul li .col{
    float:left;
    width:635px;
    margin:0 0 0 0;
}


.order_details_block ul li .col .left_side{
    float:left;
    width:535px;
    margin:0 0 0 0;
}

.order_details_block ul li .col .left_side p{
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#666;
    margin:0 0 0 0;
}
.order_details_block ul li .col .left_side h3{
    float:left;
    width:520px;
    height:33px;
    background:#f1f1f1;
    border:1px solid #CCC;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#666;
    line-height:32px;
    margin:15px 0 15px 0;
    padding:0 0 0 10px;
    font-weight:normal;
    border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px;
}

.order_details_block ul li .price{
    float:right;
    width:100px;
    text-align:right;
    color:#000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    margin:0 0 0 0;
}

.order_details_block ul li input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0;
}

.order_details_block ul li input[type=checkbox].css-checkbox + label.css-label {
    padding-left:0;
    height:21px;
    display:inline-block;
    line-height:21px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    margin:0 10px 0 0;
}

.order_details_block ul li input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -21px;
}

.order_details_block ul li label.css-label{
    float:left !important;
    width:520px !important;
    background:url(images/checkout/radio1.png) no-repeat;
}



.order_details_block ul li label{
    float:left;
    display:inline-block;
    width:520px;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#666;
    line-height:20px;
    margin:0 0 0 0;
    cursor:pointer;
}

.order_details_block .totalization{
    float:left;
    width:780px;
    height:48px;
    background:#dff6b1;
    border-top:1px solid #ebeaea;
    margin:14px 0 0 0;
}

.order_details_block .totalization p{
    float:left;
    width:535px;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#000;
    line-height:16px;
    padding:15px 0 0 0;
    font-weight:bold;
    margin:0 0 0 10px;
}

.order_details_block .totalization h4{
    float:right;
    width:248px;
    height:28px;
    text-align:right;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#000;
    line-height:46px;
    font-weight:bold;
    border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
    margin:0 0 0 0;
}

.order_details_block .totalization h4 span {float:right; width:85px; margin:0 13px 0 0;}


/*============== SECURE TITLE =================*/
.sec_title{
    float:left;
    width:780px;
    margin:10px 0 10px 0;
}

.sec_title .click_logo{
    float:left;
    padding:0 15px 0 0;
    border-right:2px solid #999;
    margin:5px 15px 0 0;
}

.sec_title .sec_text{
    float:left;
    background:url(images/checkout/lock_icon.png) no-repeat left center;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#7a7a7a;
    line-height:16px;
    font-style:italic;
    font-weight:bold;
    text-transform:uppercase;
    padding:0 0 0 30px;
    margin:17px 0 0 0;
}

.sec_title .sec_comp_logos{
    float:right;
    margin:0 0 0 0;
}

.sec_title .sec_comp_logos img{
    float:right;
    margin:0 10px 0 0;
}





/*============== FIRST FORM: ENTER YOUR DETAILS =================*/
.f_form{
    float:left;
    width:780px;
    border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
    background:#fff;
    border:1px solid #e7e7e7;
    margin:0 0 0 0;
    overflow:hidden;
}

.f_form .title{
    float:left;
    width:760px;
    height:45px;
    padding:0 10px 0 10px;
    background:#00bcf4;
    border:1px solid #0e86aa;
    margin:0 0 0 0;
}

.f_form .title p{
    float:left;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:43px;
    font-size:18px;
    margin:0 0 0 0;
}

.f_form .colm1{
    float:left;
    width:365px;
    height:257px;
    background:url(images/checkout/col_bg.png) no-repeat right center;
    padding:20px 19px 0 0;
    margin:13px 13px 15px 10px;
}

#firstname{
    float:left;
    width:170px;
    margin:0 0 0 0;
}

#lastname{
    float:right;
    width:170px;
    margin:0 0 0 0;
}

#commonfield{
    width:361px;
}

.f_form .colm1 #fname, .f_form .colm1 #lname{
    width:170px;
}

.f_form .error_check{
    position:absolute;
    width:364px;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#F00;
    margin:39px 0 0 0;
}

.f_form .error_check img{
    position:absolute;
    right:10px;
    margin:-29px 0 0 0;
}

.f_form input[type="text"].name1{
    width:160px;
    margin:0 0 0 0;
}

.f_form input[type="text"].name2{
    float:right;
    width:160px;
}

.f_form input[type="text"]{
    display:inline-block;
    width:351px;
    height:35px;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#333;
    background:#fff;
    line-height:35px;
    border:1px solid #ccc;
    border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
    box-shadow:0 0 3px #CCC inset; -webkit-box-shadow:0 0 3px #CCC; -o-box-shadow:0 0 3px #CCC;
    padding:0 0 0 10px;
    margin:0 0 25px 0;
}

.f_form input[type="text"].inputerror{
    border:1px solid #F00;
}


.f_form input[type="text"]:focus{
    border:1px solid #a9e431;
}


.f_form  .select{
    position: absolute;
    width:351px !important;
    height:28px !important;
    padding: 10px 0 0 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#333;
    background:#fff url(images/checkout/dropdown_icon.png) no-repeat right top;

    border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
    box-shadow:0 0 3px #CCC inset; -webkit-box-shadow:0 0 3px #CCC inset; -o-box-shadow:0 0 3px #CCC inset;
    overflow: hidden;
}

.f_form .special_select{
    float:left;
    width:361px !important;
    height:38px !important;
    border:1px solid #ccc;
    border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
    margin:0 0 25px 0;
}

.f_form select{
    display:inline-block;
    width:361px !important;
    height:38px;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#333;
    background:#fff;
    border:1px solid #ccc;
    border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
    box-shadow:0 0 3px #CCC inset; -webkit-box-shadow:0 0 3px #CCC inset; -o-box-shadow:0 0 3px #CCC inset;
    padding:5px;
    margin:0 0 0 0;
}


.f_form .colm2{
    float:left;
    width:355px;
    height:257px;
    margin:33px 0 15px 0;
}

.f_form .colm2 .saveinfotab{
    float:right;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#333;
    line-height:12px;
    margin:-5px 0 0 0;
}

.f_form .colm2 .saveinfotab input{
    float:left;
    display:inline-block;
    margin:0 10px 0 0;
}



/*============== SECOND FORM: ENTER PAYMENT DETAILS =================*/
.s_form{
    float:left;
    width:100%;
    background:#fff;
    margin-bottom:5px;
    overflow:hidden;
}

.s_form .title{
    float:left;
    width:758px;
    height:45px;
    padding:0 10px 0 10px;
    border:1px solid;
    margin:0 0 20px 0;
}

.s_form .title p{
    float:left;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    line-height:43px;
    font-size:18px;
    margin:0 0 0 0;
}

.s_form form{
    float:left;
    width:758px;
    display:block;
    margin:0 10px 20px 10px;
}

.s_form label{
    display:inline-block;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    color:#333;
    font-size:12px;
    font-weight:bold;
    margin:0 0 0 0;
}

.s_form h4{

}


.s_form .cc_select .radio{
    width: 195px;
    height: 24px;
    padding: 0 2px 0 0;
    background:url(images/radio.png) no-repeat;
    display: block;
    position:absolute;
    margin:-2px 0 0 0;
}



.s_form input[type="radio"]{
    float:left;
    width: 22px;
}

.s_form .bounded label:last-child{
    float:left;
    margin:0 0 0 0;
}


.s_form .bounded label img{
    float:left;
    display:inline-block;
    margin:0 8px 0 2px;
}

.s_form .bounded label{
    float:left;
    width:164px;
    height:20px;
    padding:15px 10px 15px 10px;
    line-height:20px;
    cursor:pointer;
    border:1px solid #fff;
    border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
    margin:0 15px 0 0;
}

.s_form .bounded label:hover{
    background:#f0f0ef;
    border:1px solid #CCC;
}

.s_form .bounded label.cc_selectnew{
    background:#f0f0ef;
    border:1px solid #CCC;
}


.s_form .cc_form{
    float:left;
    width:100%;
    padding:15px;
    background:#fff;
    margin:20px 0 0 0;
    padding: 0px;
}



.s_form .cc_form .main{
    float:left;
    width:auto;
    margin:0 19px 0 0;
}


.s_form  .select{
    position: absolute;
    width:110px !important;
    height:28px !important;
    padding: 7px 30px 0 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#333;
    font-weight:bold;
    line-height:23px;
    background:#fff url(images/dropdown_icon.png) no-repeat 113px -2px;
    box-shadow:0 0 3px #CCC inset; -webkit-box-shadow:0 0 3px #CCC inset; -o-box-shadow:0 0 3px #CCC inset;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis !important;
}

.s_form .special_select select{
    width:150px !important;
}


.s_form .special_select{
    float:left;
    width:150px;
    height:35px;
    border:1px solid #ccc;
    border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
    margin:12px 0 10px 0;
    clear:both;
}


.s_form .special_selectmonth{
    float:left;
    width:80px;
    height:35px;
    border:1px solid #ccc;
    border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
    margin:12px 0 10px 0;
}

.s_form .special_selectmonth .select{
    position: absolute;
    width:70px !important;
    height:28px !important;
    padding: 7px 0 0 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#333;
    font-weight:bold;
    background:#fff url(images/dropdown_icon.png) no-repeat right top;
    box-shadow:0 0 3px #CCC inset; -webkit-box-shadow:0 0 3px #CCC inset; -o-box-shadow:0 0 3px #CCC inset;
    overflow: hidden;
}



.s_form .special_selectyear{
    float:left;
    width:100px;
    height:35px;
    border:1px solid #ccc;
    border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
    margin:12px 0 10px 0;
}

.s_form .special_selectyear .select{
    position: absolute;
    width:90px !important;
    height:28px !important;
    padding: 7px 0 0 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#333;
    font-weight:bold;
    background:#fff url(images/checkout/dropdown_icon.png) no-repeat right top;
    box-shadow:0 0 3px #CCC inset; -webkit-box-shadow:0 0 3px #CCC inset; -o-box-shadow:0 0 3px #CCC inset;
    overflow: hidden;
}


.s_form select{
    display:inline-block;
    width:150px !important;
    height:35px !important;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#333;
    background:#fff;
    font-weight:bold;
    border:1px solid #ccc;
    border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
    box-shadow:0 0 3px #CCC inset; -webkit-box-shadow:0 0 3px #CCC; -o-box-shadow:0 0 3px #CCC;
    padding:5px;
    margin:0 0 0 0;
}
#modalContent .s_form select:focus,
#modalContent .s_form select:active {
    border: 1px solid #a9e431;
    outline: none;
}

.s_form select:focus,
.s_form select:active {
    border: 1px solid rgb(47, 204, 243);
    outline: none;
}

.errorfield{
    border:1px solid #F00 !important;
}

.cc_form .error_check{
    position:absolute;
    width:199px;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#F00;
    margin:67px 0 0 0;
}

#seccode{
    width:110px;
}

#expdate{
    width:83px;
}

#yeardate{
    width:100px;
}

.cc_form .error_check img{
    position:absolute;
    right:10px;
    margin:-29px 0 0 0;
}

.s_form input[type="text"].secode{
    width:111px;
}

.s_form input[type="text"]{
    display:inline-block;
    width:172px;
    height:35px;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#333;
    font-weight:bold;
    background:#fff;
    border:1px solid #ccc;
    border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
    box-shadow:0 0 3px #CCC inset; -webkit-box-shadow:0 0 3px #CCC; -o-box-shadow:0 0 3px #CCC;
    padding:0 0 0 10px;
    margin:12px 0 10px 0;
}

.s_form input[type="text"]:focus{
    border:1px solid #a9e431;
}


.s_form input[type="text"].sec_code{
    width:90px;
}



.s_form input[type="submit"], .s_form input[type="button"]{
    float:right;
    width:175px;
    height:60px;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    color:#fff;
    font-size:19px;
    font-weight:bold;
    text-transform:uppercase;
    background: rgb(196,240,253);
    background: -moz-linear-gradient(top,  rgba(196,240,253,1) 0%, rgba(0,186,242,1) 2%, rgba(9,147,189,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,240,253,1)), color-stop(2%,rgba(0,186,242,1)), color-stop(100%,rgba(9,147,189,1)));
    background: -webkit-linear-gradient(top,  rgba(196,240,253,1) 0%,rgba(0,186,242,1) 2%,rgba(9,147,189,1) 100%);
    background: -o-linear-gradient(top,  rgba(196,240,253,1) 0%,rgba(0,186,242,1) 2%,rgba(9,147,189,1) 100%);
    background: -ms-linear-gradient(top,  rgba(196,240,253,1) 0%,rgba(0,186,242,1) 2%,rgba(9,147,189,1) 100%);
    background: linear-gradient(to bottom,  rgba(196,240,253,1) 0%,rgba(0,186,242,1) 2%,rgba(9,147,189,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4f0fd', endColorstr='#0993bd',GradientType=0 );
    border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
    border:1px solid #0993bd;
    margin:18px 0 20px 0;
    cursor:pointer;
}


.s_form input[type="submit"]:hover, .s_form input[type="button"]:hover{
    border:1px solid #5c8014;
    background: rgb(169,228,49);
    background: -moz-linear-gradient(top,  rgba(169,228,49,1) 0%, rgba(128,174,34,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,228,49,1)), color-stop(100%,rgba(128,174,34,1)));
    background: -webkit-linear-gradient(top,  rgba(169,228,49,1) 0%,rgba(128,174,34,1) 100%);
    background: -o-linear-gradient(top,  rgba(169,228,49,1) 0%,rgba(128,174,34,1) 100%);
    background: -ms-linear-gradient(top,  rgba(169,228,49,1) 0%,rgba(128,174,34,1) 100%);
    background: linear-gradient(to bottom,  rgba(169,228,49,1) 0%,rgba(128,174,34,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e431', endColorstr='#80ae22',GradientType=0 );
}

.s_form input[type="submit"].classdisabled, .s_form input[type="button"].classdisabled{
    border:1px solid #ccc;
    background:#f1f1f1;
    color:#999;
    cursor:not-allowed;
}

.s_form input[type="submit"].classdisabled:hover,.s_form input[type="buttom"].classdisabled:hover{
    border:1px solid #ccc;
    background:#f1f1f1;
    color:#999;
}

.s_form input[type="submit"].hidesubmit{
    display:none;
}

.s_form input[type="submit"].showsubmit{
    display:block;
}

.s_form h3{
    display:table;
    width:588px;
    height:33px;
    background:#f1f1f1;
    border:1px solid #CCC;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#666;
    line-height:32px;
    margin:15px auto 15px auto;
    padding:0 0 0 0;
    font-weight:normal;
    border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px;
}


/*============== TERMS and CONDITIONS =================*/
.tnc{
    display:table;
    margin:20px auto 0 auto;
    width:630px;
    padding:15px;
    height:auto;
    background:#eafdc5;
    border:1px solid #CCC;
    border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px;
}

.tnc h2{
    text-align:left;
    font-size:18px;
    font-family:Arial, Helvetica, sans-serif;
    color:#333;
    margin:0 0 0 0;
}

.tnc ul{
    float:left;
    margin:20px 0 0 15px;
}

.tnc ul li{
    text-align:left;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#333;
    font-weight:normal;
    line-height:27px;
    margin:0 0 0 0;
}


/*============== Verificcation Logos =================*/
.verf_logos{
    display:table;
    width:640px;
    margin:50px auto 0 auto;
}

.verf_logos img{
    float:left;
    margin:0 10px 15px 0;
}

.verf_logos p{
    text-align:center;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    color:#333;
    margin:0 0 0 0;
}