.clearboth{clear:both}
.marginleft15{margin-left:15px}
.required{color:#ff0000;font-size:1.0em;font-weight:bold}
#processing{display:none;text-align:center;padding:50px;color:#555555;font-size:2.0em;font-weight:bold}
#processing div{height:50px;line-height:50px;vertical-align:middle}
#ccpayment_thankyou{display:none;max-width:550px;margin:0 auto;}
#ccpayment_thankyou h3{
font-weight:bold;text-align:left;font-size:1.5em !important;padding:0;margin:0 auto 15px auto;color:#03c !important
}
#ccpayment_thankyou p{padding:3px 0 !important}
.no_mobile{display:none}
@media only screen and (min-width: 950px) {
  .no_mobile{display:block}
  .ccpayment{
  width:520px;;margin:0 auto;
  }  
}
.ccpayment .section{
border:1px solid #ccc;
border-radius:5px;
-moz-border-radius:5px;
behavior: url(/css/border-radius.htc);
padding:10px;
background:#F6F2EE; /* #F3EBD5 #E1E6F5 #EAEAEA #EFF8E6  #ECF6FA; */
color:#000000;
margin:0 auto 10px auto;
}
.ccpayment  .ftitle{font-weight:bold;font-size:0.8em;color:#010101}
.ccpayment  .sale_price{color:#cc6600}
.ccpayment .hint{font-size:13px;color:#1e1e1e;font-style:italic;font-weight:normal}
.ccpayment .section h4{color:#147;font-weight:bold;font-size:1.0em;}
.ccpayment .section legend{
font-size:1.4em;
font-family:'Open Sans Condensed';
text-transform:Capitalize;
font-weight:bold;
color:#663220;
padding:3px 5px;
}
.ccpayment .section li{width:210px;height:4.65em;float:left;list-style:none;border:0px solid #ff0000}
/*
.ccpayment .txtInput{width:95%;}
.ccpayment h3{text-align:center;font-size:1.5em !important;padding:0;margin:0;color:#eee !important}
*/
/*
.ec_bg{background:transparent url("ecommerce_buttons.png") no-repeat left top !important;display:block}
*/
/*
Pay Now
border:none !important;
*/
/*
.product_size{width:60px !important;float:left;border:0px solid #ff0000;display:block;color:#3e3e3e !important;margin-bottom:10px;font-size:0.8em !important}
.product_qty{width:65px !important;float:left;border:0px solid #ff0000;display:block;margin-bottom:10px}
.product_stain_protect{width:65px !important;float:left;border:0px solid #ff0000;display:block;padding-left:10px;margin-bottom:10px}
.attr_title{font-size:0.7em !important;font-weight:bold}
*/
.ccpayment .section .pay_now{
box-shadow:none !inportant;
border-color:#F0F0F0 !important;
display:block;
text-indent:-9999px;
float:right;
background-position:-610px -275px !important;
width:178px;
height:61px;
cursor:pointer;
-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
}                   
.ccpayment .section .pay_now:hover {background-position:-610px -337px !important}
.ccpayment .section .pay_now:active{background:#0000ff}
/*
.ccpayment input.submit-btn {float:right;background:url(submit.png) no-repeat 0px 0px !important; height:50px; width:148px; border:none; cursor:pointer;clear:right;}
.ccpayment input.submit-btn:hover {background-position:0 -50px !important; }
**/

.ccpayment .section .agree{float:left;width:250px;border:0px solid #ff0000;text-align:right;padding-top:5px;}
.ccpayment .section .price_summary {padding-right:10px;float:right;text-align:right;width:250px;border:0px solid #ff0000}
.ccpayment .price_summary li{list-style:none;}
/*
*/
.ccpayment p {
margin-bottom:0px;
position:relative;
}
.ccpayment label.error,
.ccpayment label.ok {
position:absolute;
z-index:1;
top:-8px;
left:0px;
padding:0px 0px 0px 20px;
/*reset label*/
width:auto;
font-size:11px;
text-align:left;
margin:0;
background-repeat:no-repeat;
background-position:0px 3px;
}
/*
background-color:#deefca;
*/
.ccpayment label.ok {
background-image:url(icook.gif);
color:#577530;
}
/*
background-color:#f5d6d7;
*/
.ccpayment label.error {
background-image:url(icofail.gif);
color:#c81925;
}

.ccpayment .area label.ok,
.ccpayment .area label.error {
height:30px;
padding-left:40px;
background-position:20px 0px;
}
/* submit button */
.submit-btn_en {
border:none !important;float:right;margin-right:15px;background:url(submit.png) no-repeat 0px 0px !important; height:50px; width:148px !important; 
box-shadow:none !important;
-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
}
.submit-btn_en:hover { background-position:0 -50px !important; }
#return_info{padding-top:10px}
hr.sep_line{clear:both;width:95%;padding:0;margin:0 auto;height:0;border-bottom:1px solid #ccc;margin-top:5px;margin-bottom:5px;}
#txtFlavour,#txtTypecake,#txtTypeserve{width:150px}
/* desktop */
@media only screen and (min-width: 650px) {
#txtBuget{width:150px;text-align:right}
#txtNumPeople{width:95px;text-align:right}
#txtInvDesc{width:90%;margin-left:15px}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 600px) {
#txtBuget{width:150px}
#txtInvDesc{width:90%;margin:0 auto;}
}