/* base on color4 */

.alertPanel 
{
     padding: 15px; background: #f3f5f7; margin-bottom: 40px; padding-bottom: 6px;
     width: 100%;
     color: #ff0000; font-size: 15px; line-height: 21px; 
}
.alertPanel span, .alertPanel p
{ 
    color: #ff0000; font-size: 15px; line-height: 21px; 
    margin-bottom: 12px;
}
.alertPanel ul
{ 
    margin-top: 6px;
}

form label { font-size: 14px; color: #4c5259; line-height: 28px; font-weight: 600; margin-right: 12px; }
form input[type='file'] { color: #4c5259; line-height: 26px; margin: 0px; height: 28px; 
                          font-size: 13px;  
}


/* country selects */
.payment-form select
 { 
    border:1px solid #d2d3d5; text-transform:uppercase; background:#f4f5f7;
    text-align:left; font-size:14px; color:#4d5259; font-weight:600;
    height:28px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';
    padding:2px; border-radius:0; box-shadow:0;
    width: 100%;
}
.payment-form select::-ms-expand { display: none;}
.payment-form .select:after { 
    height:26px; width:24px; background:#f4f5f7 url(../images/arrow2.gif) right center no-repeat;
     position:absolute; right:1px; top:1px; display:block; content:""; pointer-events: none;
}
.payment-form span.select { 
    position:relative; display:inline-block;
    width: 72%;
}

/*--- address ---*/
address  { margin-bottom: 20px; }
address p strong { font-weight: 600;}
address p { line-height: 23px; margin-bottom: 0px; }
address p a, address p a:focus, address p a:hover { text-decoration: none; color: #4c5259;}

/*--- button ---*/
.button3 { padding: 12px 20px; background: #4b9de7; color: #fff; font-size: 15px; line-height: 17px; font-weight: bold; display: inline-block; }
.button3:hover { background: #91cdff; }
.button3:hover, .button3:focus { color: #fff; text-decoration: none; }
.electronic-delivery { color: #185788; position: relative;  z-index: 99; }
.electronic-delivery:hover { text-decoration: underline; }
@media (max-width:992px){
	.button3 { margin-bottom: 20px; }
	 }

/*--- Form ---*/
.uploading-form { margin-bottom: 30px; }

input[type='submit']
{
    border: none;
    font-size: 14px; font-weight: bold; text-decoration: none; padding: 8px 13px; 
}

input[type='submit'].aspNetDisabled, .section1 .coupon input[type='submit'].aspNetDisabled
{
    background: #dddde0; color: #808080;
}

input[type='text'].aspNetDisabled, .section1 input[type='text'].aspNetDisabled
{
    border: none;
}

.cancel-button
{
    font-size: 14px; font-weight: bold; margin: 0px; text-decoration: none; padding: 8px 13px; 
    background: #dddde0; color: #4d5259;
}

.next-button
{
    font-size: 14px; font-weight: bold; text-decoration: none; padding: 8px 13px; 
    background: #4b9de7;  color: #fff; margin: 0 0 0 6px;
}

.cancel-button:hover { background: #b4b4b4; }
.next-button:hover { background:#91cdff;}

.uploading-form p { font-size: 12px; margin:0px; text-align: right;}
.upgrading { color: #4c5259; font-size: 16px;  margin: 0px;}
.payment-form img { margin-right: 5px; }
.payment-form ul { margin: 0px; padding: 0px; list-style-type: none; }
.payment-form label { width:24%; font-size: 14px; color: #4c5259; line-height: 28px; font-weight: 600; padding-right: 5px; margin: 0px; text-align: right;  }
.payment-form input[type='text'] { width: 72%; height: 26px; background: #f3f5f7; border: 1px solid #d2d3d5; padding: 0 10px; font-size: 13px; }

/* use billing details checkbox*/
.payment-form .useBillingDetailsCheck label
{
    margin-left: 6px;
    width: auto;
}


/* Error field highlight */
.payment-form li input[type='text'].errorField, .section1 input[type='text'].errorField{ border-color:#ff0000; }

/*.payment-form li span.error-message { color: #ff0000; margin: 0 0 10px 115px; display: none; }*/

.payment-form li
{
    margin-bottom: 12px;
}
    
.payment-form li span.errorMessage, .section1 span.errorMessage
 { 
    color: #ff0000; font-size: 12px; margin-top:4px; margin-left: 114px; margin-right: 12px;
    display: inline-block;
}

.payment-form li.error span.error-message { display: block; }
.payment-form li span.information {  margin: 0 0 10px 114px; display: block; font-size: 11px; color: #4c5259; }
.payment-form li.delivery-detailes { font-size: 13px; color: #4c5259; font-weight: 600; margin-left: 105px;}
.payment-form li.delivery-detailes input[type='checkbox'] {  margin-left: 9px; margin-bottom: 10px; }
.payment-form li.delivery-detailes span { padding-left: 5px;  }
.payment-form input.field1[type='text'] { width: 40px; margin-right: 10px; }
.payment-form input.field2[type='text'] { width: 80px; margin-left: 10px; }
.payment-form input.cvv[type='text'] { width: 60px; }
.payment-form li.expiry-date { font-size: 14px;  }
.payment-form li.cvv-number { font-size: 14px;  }
.payment-form li.cards { margin-bottom: 10px; }

.payment-form li.cards img.deselect { opacity: 0.3;}

@media (max-width:480px){ 
.order-form h2 {  font-size: 22px;}
}
@media (max-width:992px){ 
	.payment-form li span.error-message { margin: 0 0 10px 175px; }
	.payment-form li.delivery-detailes input[type='checkbox'] {  margin-left: 70px; margin-bottom: 10px; }
	.payment-form li span.information {  margin: 0 0 10px 175px;}
    .payment-form li span.errorMessage, .section1 span.errorMessage {margin-left: 175px;}
 }
@media (max-width:767px){
	.payment-form li.delivery-detailes input[type='checkbox'] {  margin-left: 0px; margin-bottom: 10px; }
	.payment-form input[type='text']  { display: inline-block;    }
	.payment-form label { width: 100%; text-align:left; }
	.payment-form li.error span.error-message  {  margin:0px;  }
	.payment-form li span.information { margin: 0px;}
	.payment-form li.delivery-detailes { margin: 0px; }
	.payment-form input.field1[type='text'] { display: inline; }
    .payment-form input.field2[type='text'] { display: inline; }
    .payment-form input[type='text'], .payment-form span.select { width: 95%;}
    .payment-form h2 { margin-top: 12px; margin-bottom: 20px;}
    .payment-form li span.errorMessage, .section1 span.errorMessage {margin-left: 0px;}
}
	 
/*--- Box3 ---*/
.box3 { padding: 25px 25px  25px 20px; background-color: #f3f5f7; width: 100%;  }
.box3 img { float: right; }
.box3 .icon { float: left; margin-right: 15px; } 
.box3 p { margin: 0px; padding-top: 11px; font-size: 14px; text-align: left; }
.button-group { float: right; margin-bottom: 12px;  }

/*--- Order ---*/
table { width: 100%; border-bottom:1px solid #d2d3d5;  }
table th { font-size: 14px; font-weight: 500; line-height: 16px; background: #dddde0; padding: 15px 0px ; text-transform:uppercase; color: #333333; padding-left: 7px;  }
table td { font-size: 14px; font-weight: 500; line-height: 16px;  padding: 10px 0px ; color: #4d5259;  padding-left: 7px; padding-right: 10px;}
table td strong { font-weight: 600; }
table td hr { margin: 0px; padding: 0px;}
table td span { font-size: 11px; display: block; }
table td a, table td a:hover, table td a:focus { color: #185788; text-decoration: none;}
table td.rightAlign
{
    text-align: right;
}
table td.nowrap { white-space: nowrap;}


@media (max-width:767px){  table {  border-top:1px solid #d2d3d5; } }

/*--- Section ---*/
.section1 { padding-bottom: 30px; }
.section1 h2 { display: inline-block; }
.section1 span { text-align: right; display: block; font-weight: 600; font-size: 11px; color: #6c727d;}
.section1 p strong { font-weight: 600; }
.section2 p strong { font-weight: 600;}
.section1 input[type='text'] { width: 44px; height: 26px; background: #f3f5f7; border: 1px solid #d2d3d5;  padding:0 5px; position: relative; z-index: 100;}
.section1 .coupon label { font-weight: 600;  font-size: 14px; line-height: 26px; }
.section1 .coupon { text-align: right;  border-bottom:1px solid #d2d3d5; padding: 10px; 0px; margin-bottom: 18px;  }
.section1 .coupon input[type='text'] { width: 120px; margin: 0px 12px 0px 6px; padding:0 10px; font-size:13px;  }
.section1 .coupon input[type='submit'] { padding: 8px 14px; background: #4b9de7; border: none; color: #fff; font-weight: bold; font-size: 14px; } 
.section1 .coupon input[type='submit']:hover { background:#91cdff; }
 span.required { font-size: 12px;  display: inline-block; vertical-align: top; padding-left: 3px;} 
.section1 .submit { text-align: right; margin-top: 17px; /*/margin-bottom: 100px;*/ display: block; }
.section1 .submit input[type='submit'] { padding: 12px 17px; background: #ff5f1f; border: none; color: #fff; font-weight: bold; font-size: 14px; }
.section1 .submit input[type='submit']:hover { background: #ffac08; }
@media (max-width:992px){
	.section1 h2 { display: block; }
	}
@media (max-width:767px){ 
	.section1 .coupon { text-align: left; }
	.section1 .coupon input[type='submit'] { display: block; margin: 10px 0px 0px 100px; }
	.section1 span { text-align: left;} 
	.section2 a { color: #4c5259; text-decoration: none; }
}
.section1 span.currency { float:right; display:block; margin-bottom: 20px;}
.section1 span.currency label { font-size:14px; color:#333333; font-weight:600; margin-right:6px;}
.section1 span.currency select { border:1px solid #d2d3d5; text-transform:uppercase; background:#f4f5f7; width:100%; text-align:left; font-size:14px; color:#4d5259; font-weight:600; height:28px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; padding:2px; border-radius:0; box-shadow:0;}
.section1 span.currency select::-ms-expand { display: none;}
.section1 span.currency .select { position:relative; display:inline-block; min-width:80px;}
.section1 span.currency .select:after { height:26px; width:24px; background:#f4f5f7 url(../images/arrow2.gif) right center no-repeat; position:absolute; right:1px; top:1px; display:block; content:""; pointer-events: none;}
@media (max-width:767px){
	.section1 span.currency { float:none; } 
	}

/*--- Color ---*/
.color4  { padding: 15px; background: #f3f5f7; margin-bottom: 40px; }
.color4 span { color: #ff0000; font-size: 14px; line-height: 19px; }
.color3 { display:inline-block; background:#4b9de7; padding:7px ; font-size:20px; color:#fff; font-weight:600; width: 440px; line-height: 28px; margin-bottom: 15px; padding-left: 43px; background: #4b9de7 url(../images/icons/key.png) left 12px no-repeat; cursor: pointer;}
.color3 a { color: #fff; text-decoration: none; }
.color3:hover { background: #91cdff url(../images/icons/key.png) left 12px no-repeat; }
.color3.nohovercolor:hover { background: #4b9de7 url(../images/icons/key.png) left 12px no-repeat; cursor: default;}
@media (max-width:480px){
	.color3 { width: 98%;}
	}
@media (max-width:640px){
	.uploading-form p { text-align:left;}
	.box3 p span { display: none; }	
}

/*--- Steps ---*/
.steps span { font-size: 16px; color: #4d5259; line-height: 38px; font-weight: 600;  }
.steps span.number { width: 38px; height: 38px; background-color: #dddde0; display: inline-block; text-align: center; border-radius: 50%; position: relative; font-size: 20px; font-weight: 600; color: #6e757f; line-height: 38px; margin-right: 15px; }
.steps span.number.active { background-color: #54a720; color: #fff; }
@media (max-width:992px){ 
	.steps { text-align:center; }
	.steps span.number { display:block; margin:0 auto 10px; }
	.steps span { line-height:20px; }
}
@media (max-width:767px){ 
	.steps span { display:block; line-height: 23px; text-align: center; font-size: 14px; line-height: 20px;   }
	.steps span.number { text-align: center;  display: block; }}

/*--- List2 ---*/
.list2 { margin: 0px; padding: 0px;  list-style-type: none;  padding-bottom: 40px;}
.list2 li { width: 48%; float: left; margin-right: 2%; }
.list2 li:nth-child(2n) { margin-right: 0px; }
.list2 li figure { width: 64px; float: left; text-align: center; margin: 0px 15px 18px 0px;}
.list2 p { padding-left: 79px; }
@media (max-width:992px){ 
	.list2 li { width:100%; float:none; margin-right: 0px; }
}

/*--- Print ---*/
.print { padding-left: 35px; background: url(../images/icons/print.png) no-repeat; height: 25px; display:inline-block; cursor: pointer; margin-bottom: 22px;    }
.print  a { font-size: 14px; font-weight: 700; text-decoration: none; color: #185787; line-height: 25px;  }
.print  a:hover { text-decoration: underline; }



/*--- Email ---*/
.email, .email:hover, .email:focus { text-decoration: none; color: #333333; font-size: 14px;  }
.email strong { font-weight: 600;  } 

/*--- DL ---*/
dl { margin: 0px; padding: 0px; font-size: 14px; line-height: 16px; font-weight:normal; }
dl dt { width: 105px; float: left; font-weight: 600;}
dl dd { padding-left: 105px;  margin-bottom: 5px; width: 350px;   }

.license  { margin-bottom: 90px; }
.license dt { width: 100px; }
.license dd { padding-left: 100px; }
.license a { color: #4c5259; text-decoration: none;  }
.credit-card-payment {   margin-bottom: 15px;}
.credit-card-payment dt { width: 140px; }
.credit-card-payment dd { padding-left: 140px; } 
@media (max-width:767px){
	dl dd { width: auto; }
	 }
@media (max-width:992px){
	.license  { margin-bottom:120px; }
	}
	/*--- Empty ---*/
	.empty { position:relative; }
	.empty:before { content: "" !important; position: absolute; left:0; top:0; width:100%; height: 100%;  }
	
	@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
	.print { background-image: url(../images/icons/print@2x.png; background-size: 25px 24px;  }
	.color3 { background: #4b9de7 url(../images/icons/key@2x.png); background-size: 31px 24px; }
	.color3:hover  {  background: #91cdff url(../images/icons/key@2x.png); background-size: 31px 24px; }
}