@charset "UTF-8";
body {
text-align: center; /* required for centering the page in IE */
	background-color:#23A2DC;
	margin:0;
}
p {
	margin:0 0 7px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3398FE;
	line-height:17px;
}
ul { padding:0; margin:0 0 30px 20px; line-height:18px; }
li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#333; margin:auto; padding-left:0; padding-bottom:5px; }
.clearer { clear: both; margin: 0px; line-height: 0px; padding: 0px; }

a:link {color:#FF6600; text-decoration:underline; outline:0; }
a:visited {color:#FF6600; text-decoration:underline; outline:0; }
a:hover {color:#FF9933; text-decoration:underline; outline:0; }
#header { width:900px; height:198px; margin:0 auto; }

/* Back End Styles*/
#backendFooter { width:763px; height:65px; margin:0 auto; background-image:url(https://www.magicjack.com/images/footer_bg.gif); background-position:center; background-repeat:no-repeat; }
#mainGradiant { width:886px; height:auto; margin:0 auto; }
#container { width:763px; height:auto; margin:0 auto; background-color:#fff; }
#subHeader { width:763px; height:120px; margin:0 auto; }
/* END Back End Styles*/


/* Step 2 Page Form Styles*/
#step2LeftCol {
	width:420px;
	height:auto;
	float:left;
	margin:0;
}
#step2RightCol { width:300px; height:auto; float:left; margin:0 0 0 0; }
#step2addressSection {
	float:left;
	width:420px;
}
#quantitySection { float:left; width:600px; }
#step2Form {
	width:440px;
	height:auto;
	float:left;
	margin:0 0 0 0;
}
.FormTextL {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-align:left;
}
.step2formInput { width:228px; height:auto; border:1px solid #999; margin:2px 0 5px 0; }
.zipInput { width:65px; height:auto; border:1px solid #999; margin:2px 0 5px 0; }
.step2addressInput { width:228px; height:auto; border:1px solid #999; margin:2px 0 5px 0; }
.aptInput { width:68px; height:auto; border:1px solid #999; margin:2px 0 5px 0; }
.step2stateInput { width:120px; height:auto; border:1px solid #999; margin:2px 0 5px 0; }
#step2Form #billing_city { width: 120px; }
#step2Form #billing_country { width:55px; }
#step2Form .cityStateCountry td { padding-right:3px; }
/* END Step 2 Page Form Styles*/


/* Payment Page Styles*/
#backEndContainer { width:896px; margin:0 auto; }

#paymentSection .legal p {
	font-size: 8px;
}
h2.stepTwoTitle { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#49ACFC; margin:0 0 12px 0; }
h2.paymentTitle { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#FF6600; margin:0 0 5px 0; }
#paymentSection { width: 763px; height:auto; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; background-color:#fff; }
.contentWrapPay { width:750px; height:auto; background-color:#fff; margin:0 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; padding-top:10px; }
.contentWrapPay2 { width:750px; height:420px; background-color:#fff; margin:0 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; padding-top:10px; }
#payLeftCol { width:430px; height:auto; float:left; margin:0 10px 0 0; }
#payPCLogo { width:100%; height:auto; margin:0 0 8px 0; font-size:11px; color:#333; }
#payHurryTxt { widows:100%; height:auto; margin:0 0 8px 0; font-size:12px; font-weight:bold; color:#F00; }
#itemsSectionPay { width:100%; height:auto; }
#payRightCol { width:300px; height:auto; float:left; margin:0 0 0 0; }
#paymentForm { width:300px; height:auto; margin:0 0 12px 0; float:left; }
h3.creditTitle { font-size:13px; font-weight:bold; color:#FF6600; }
#paySecureIcon { width:auto; height:auto; float:left; margin-left:50px; }
.required { color:#ff6600; }
.message { font-size:9px; color:#999999; }
.cardTypeInput { width:200px; height:20px; border:1px solid #999; margin:2px 0 5px 0; }
.cardNumberInput { width:200px; height:20px; border:1px solid #999; margin:2px 0 5px 0; }
.monthInput { width:100px; height:20px; border:1px solid #999; margin:2px 0 5px 0; }
.yearInput { width:75px; height:20px; border:1px solid #999; margin:2px 0 5px 0; }
.cvvInput { width:50px; height:20px; border:1px solid #999; margin:2px 0 5px 0; }
/* END Payment Page Styles*/


/* Upsell Styles*/
#upsellHeader { width:763px; height:120px; background-image:url(https://www.magicjack.com/images/upsell_header.gif); background-position:center; background-repeat:no-repeat; margin:0 auto; }
#backEndInnerContainer { width:872px; height:auto; margin:0 auto; background-color:#fff; border-left:1px solid #fff; border-right:1px solid #fff; padding-bottom:1px;}
#upsellSection { width: 763px; height:600px; margin: 0 auto; background-image: url(https://www.magicjack.com/images/grey_gradiant.gif); background-repeat: repeat-x; background-position: top; font-family: Georgia, "Times New Roman", Times, serif; }
#upsellImage {
	width:300px;
	height:auto;
	float:left;
	margin:10px 0 0 20px;
}#upsellTxt { width:390px; height:auto; float:right; padding:20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
h2.upsellTitle { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:400; color:#FF6600; margin:0 0 12px 0; }
/* END Upsell Styles*/


/* Confirmation Page Styles*/
#confirmSection { width: 763px; height:600px; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; }
#addressSection { width:750px; height:auto; margin:0 0 25px 10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; padding-top:30px; }
#itemsSection { width:753px; height:auto; margin:0 auto; vertical-align:top; }
.tableBorder { border:1px solid #999; margin-bottom:10px; }
h2.complete { font-family:Arial, Helvetica, sans-serif; font-size:23px; font-weight:400; color:#0066CC; margin:0 0 12px 0; }  
h3.orderNumber { font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:400; color:#FF0000; margin:0 0 12px 0; } 
.rowHead { background-color:#F90; height:30px; border-bottom:1px solid #999; }
.rowHeadTxt { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#000; padding:6px 0 0 8px; }
.btmRowHead { background-color:#f90; height:10px; border:1px solid #999; }
/* END Confirmation Page Styles*/

.tenPixelPadLeft {
	padding: 7px;
}