.regFormTop { width: 95%; text-align: left; }
.regFormTop .regFormLogin, .regFormTop .regFormReg  { padding: 10px 0px; 10px; width: 100%; 
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-style: solid; 
    border-width: 1px;
    border-color: #D4D4D4; 
    background-color: #E8E8E8;
    background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #D4D4D4), color-stop(1, #F0F0F0 ));
    background-image:-moz-linear-gradient(top, #D4D4D4, #F0F0F0 );
    background-image:-o-linear-gradient(top, #D4D4D4, #F0F0F0 );
    }
.regFormTop .regFormReg { margin-top: 24px; }

.regHeading {	padding-left: 20px; font-weight: bold;  text-align: left;
	 font-size: 18px; padding-right: 4px; padding-top: 6px; padding-bottom: 12px; vertical-align: top;  
	 color: #333333;
 	text-shadow:0 -1px 0 rgba(0,0,0,0.5);
 }
 
.regInstruction { font-size: 11px; color: #333333; margin-left: 20px; text-align: left; }
.regInstruction a { font-size: 11px; }
	
.regFormLoginTab .regRequired, .regFormLoginTab .regOptional  { padding-right: 7px;
	 font-size: 16px; padding-right: 4px; margin-bottom: 6px; vertical-align: top;  
	 color: #333333;	text-align: right;  width: 160px; }
.regFormLoginTab .regRequired {  font-weight: bold; }
.regFormLoginTab .regOptional { font-weight: regular; }
.regName { font-weight: regular; font-size: 14px; padding-left: 12px; padding-bottom: 0px; text-align:left; }
.regField { text-align: left; align: left; font-size: 16px; padding-bottom: 6px; vertical-align:top;}
.regField .mid { vertical-align: middle; display: inline; }


.regField input { 
	color: #000; text-align: left; width: 400px; height: 30px; font-size: 16px; margin-left: 6px; margin-right: 9px; 
	padding-left: 6px; padding-right: 6px;
	-webkit-border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px
}
.regField input.name, .regField input.tel , .regField input.city  { width: 185px; }
.regField input.zip { width: 100px; }
.regField .checkFancy , .regField .checkTipFancy { background-color: #ffffff; margin-left: 6px; }
td.regCheck label { font-weight: normal; font-size: 16px; vertical-align: top; padding-top: 10px; line-height: 18px;}

.regField input[type='checkbox'] { width: 20px; }
.regField a, a.regLink {   padding-bottom 10px;vertical-align: middle; vertical-align: middle; }
a.regLink { font-size: 14px; }


.loginButton { 
		display: inline-block;
		padding: 6px 16px 6px;
		margin-right: 5px;
		margin-top: 6px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		font-size: 16px;
		line-height: 1;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0 1px 3px #999;
		-webkit-box-shadow: 0 1px 3px #999;
		text-shadow: 0 -1px 1px #222;
		border-bottom: 1px solid #222;
		position: relative;
		cursor: pointer;
}

.newCustomerRegButtonLink { margin-left: 170px; padding-top: 30px; }

.newCustomerRegButton {
		display: inline-block;
		padding: 6px 16px 6px;
		margin-right: 5px;
		margin-top: 6px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		font-size: 16px;
		line-height: 1;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0 1px 3px #999;
		-webkit-box-shadow: 0 1px 3px #999;
		text-shadow: 0 -1px 1px #222;
		border-bottom: 1px solid #222;
		position: relative;
		cursor: pointer;
		}


 #regFormDiv { 
	height: 0px; 
	opacity: 0;
	 transition: opacity  0.75s ease-in, height  0.75s ease-in;
	-moz-transition: opacity  0.75s ease-in, height  0.75s ease-in; 
	-o-transition: opacity  0.75s ease-in, height  0.75s ease-in; 
	-webkit-transition: opacity  0.75s ease-in, height  0.75s ease-in; 
	overflow: hidden;
}


.subscriptionName  { font-weight: bold; font-size: 18px; padding-top: 10px; padding-bottom: 0px; padding-left: 6px;	 }
.subscriptionBuy    {  padding-top: 10px; padding-bottom: 0px; margin-left: 20px; }
.subscriptionDesc	 { padding-top: 0px; padding-bottom: 8px; padding-left: 20px; }

.error, .message	{  font-size: 16px;text-align:left; font-family: 'Lato', Helvetica, Verdana, Tahoma, Arial, sans-serif; padding: 10px 15px;}
.errorCheckout	{ color: #CC0000;  font-size: 16px; text-align:left; padding: 10px 20px; }
.errorBox, .checkoutErrorBox, .messageBox	{ 
border-style: solid; border-width: 1px; 
	border-color: #B4B4AA; margin-bottom: 2px; margin-top: 10px; text-align:left; 
 	font-family: 'Lato', Helvetica, Verdana, Tahoma, Arial, sans-serif;
 	font-size: 15px;
 	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-style: solid; 
    border-width: 2px;
    background-color: #F0F0F0;
    background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #F0F0F0), color-stop(1, #FAFAFA ));
    background-image:-moz-linear-gradient(top, #F0F0F0, #FAFAFA );
    background-image:-o-linear-gradient(top, #F0F0F0, #FAFAFA );
    text-align: left;
     width: 98%;
 }