body{ text-align: center; margin: 0; padding: 0; font-family: Arial, Verdana, sans-serif; color: #333;}
h3{ font-size: 14pt;}
form { padding: 0; margin: 0;}
.mainTitle { font-size: 14pt; color: #cc0001;}
.mainTitleBlack { font-size: 14pt; color: #000000;}
.redText { color: #cc0001;}
.redTextBold { color: #cc0001; font-weight: bold;}
.rErr
{
	width: 100%;
	font-size: 12px;
	color: red;
	text-align: left;
	padding: 0;
}

/** Menu style */
.logoDiv{ width: 1010px; margin: 0 auto;  height: 70px;}
.logoDiv a img{ border: 0; }

.navWrapper{ width: 1010px; margin: 0 auto;}
.mainNav{ margin: 0 auto; position: relative; height: 50px; width: 1010px;}
.mainNav ul{}
.mainNav ul li {float: left; height: 40px; list-style: none; background: url(../images/bullet.png) no-repeat top left;}
.mainNav ul li.highlight {float: left; height: 40px; list-style: none; background: url(../images/bulletSelected.png) no-repeat top left;}
.mainNav a
{
    display: block;   
    text-align: left;
	/*padding: 6px 28px;*/
    padding-left: 29px;
    padding-right: 22px;
    padding-top: 6px;
	color: #333;		
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
}
.mainNav a:hover{color: #333; text-decoration: underline;}
.mainNav  a:visited {color:#333; }

.mainNav ul li.house { float: left; list-style: none; padding-right: 20px; background: none;}
.mainNav ul li.house a { padding: 0; color: #fff;}  
.house a img { border : 0;} 
.house a:visited { padding: 0; color: #fff;}

/** red car movie */              
.redcarBody{ margin: 0 auto; width: 1010px;}                                   
.redcarContent{border: 8px solid #cc0001; width: 640px; margin: 0 auto; text-align: left;}    
.redcarContent .redcarbox{ margin: 10px; height: 435px; overflow: none;}

/** Menu style */
.logoDiv{ width: 100%; height: 70px;}
.logoDiv a img{ border: 0; }
  
/** account area */
.accountBody{ margin: 0 auto; width: 1010px;}
.accountContent{ border: 8px solid #cc0001; width: 642px; margin: 0 auto; height: 560px; text-align: left;}
.accountContent .loginbox{ margin: 10px; font-size: 10pt;}
.accountContent .accountbox{ margin: 10px;}
                           
.emailDiv{margin-top: 5px;}
.loginTitle{margin: 0; padding-right: 8px;}
.emailInput{width: 270px;}  
.passwd td { padding:10px 10px 0 0; }

.loginbox h3{margin: 7px;}
.accountDetail{ clear: both; width:400px; float: left; border: 1px solid #ccc; font-size: 11px; margin-bottom: 10px; }

.accountBal{ width:208px; float: left; border: 1px solid #ccc; font-size: 11px; margin-left: 10px;}
.accTitle{ font-weight: 600;}
.accHeader{ width: 91%; float: left;}
.logoutLink{ float: left; text-align: right; font-size: 10pt;}
.editDetailLink {float: left; width: 200px; vertical-align: bottom; margin-left: 10px; font-size: 10pt;}

.ptsPad{ margin-top: 10px;}
.spendDiv{clear: both; width:100%; height: 30px; font-size: 12pt;}
.spendDiv .right{ float: left; width: 200px;}
.spendDiv .left{ float: right;}
                                   
/** redeem voucher area */
.redeemBody{ margin: 0 auto; width: 1010px;}
.redeemContent{ border: 8px solid #cc0001; width: 642px; margin: 0 auto; height: 560px; text-align: left; font-size: 12px;}
.redeemContent .redeembox{ margin: 10px;}
.redeemContent .redeemForm { border:1px solid #ccc; padding: 3px;}
.redeemContent .backLink { margin-top: 10px;}
.ptsAccount{border:1px solid #ccc; font-size: 11px;}
.ptsAccount .ptitle{ font-weight: 600;}

.voucherDiv{clear: both;}
.voucherList{ border: 1px solid #ccc; font-size: 11px; height: 325px; overflow: auto;}
.voucherList .vtitle{font-weight: 600;}
.voucherList .vissue{ width: 150px;	float: left;}
.voucherList .vexpire{ float: left; width: 150px;}
.voucherList .promoRow{ background: #FFFF90; }

.voucherList .activePromo {color: green; font-size: 12px;}
.voucherList p { padding-left: 3px;}
.voucherList table tr td.spacer{ border-bottom: 1px dotted #ccc;}

.promoDiv { border: 1px solid #ccc; min-height: 200px; margin: 9px;}
.promoDesc { float: left; width: 250px; padding: 2px 0 0 5px;}
.promoAvail { float: left; width: 320px; height: 190px; overflow: auto; margin-top:5px;}
.ptsVDiv { border: 1px solid #ccc; margin: 9px; }
.ptsVDiv .ptsTitle { font-weight: 600;}

/** edit account area */
.updAccBody{ margin: 0 auto; width: 1010px;}
.updAccContent{ border: 8px solid #cc0001; width: 642px; margin: 0 auto; text-align: left;}
.updAccContent .formbox{ margin: 10px; font-size: 12px;}
.accAreaHeader { float: left; width: 78%;}

.updAccContentComplete{ border: 8px solid #cc0001; width: 642px; margin: 0 auto; height: 570px; text-align: left;}
.updAccContentComplete .formbox{ margin: 10px; font-size: 12px;}

/** payment area */
.paymentBody{ margin: 0 auto; width: 1010px;}
.paymentContent{ border: 8px solid #cc0001; width: 642px; margin: 0 auto; height: 560px; text-align: left;}
.paymentbox { padding: 5px; text-align: center;}

/** confirm page */
.confirmBody{ margin: 0 auto; width: 1010px;}
.confirmContent{ border: 8px solid #cc0001; width: 642px; margin: 0 auto; height: 560px; text-align: left; font-size: 12px;}
.confirmContent .ConfirmBox{ margin: 10px;}
.ConfirmBox p{ padding: 0; margin: 5px 0 5px 0;}
.imageAnchor { float:left; margin-top: 5px;}

/** success payment area */
.successBody{ margin: 0 auto; width: 1010px;}
.successContent{ border: 8px solid #cc0001; width: 642px; margin: 0 auto; text-align: left;}
.successbox { padding: 5px; text-align: center;}

/** failed payment area */
.failureBody{ margin: 0 auto; width: 1010px;}
.failureContent{ border: 8px solid #cc0001; width: 642px; margin: 0 auto; height: 560px; text-align: left;}
.failurebox { padding: 5px; text-align: center;}

/** redeem reward area */
.rewardBody{ margin: 0 auto; width: 1010px;}
.rewardContent{ border: 8px solid #cc0001; width: 642px; margin: 0 auto; height: 560px; text-align: left; }
.rewardContent .rewardbox{ margin: 10px; font-size: 12px;}
.rewardContent .rewardTitle{font-weight: 600;}

.rewardTable{ width: 500px;}
.rewardTable input{ width: 60%;}
.rewardTable textarea{ width: 72%; overflow: auto;}  

/** register area */
.registerBody{ margin: 0 auto; width: 1010px;}
.registerContent{ border-top: 3px solid #cc0001; border-bottom:3px solid #cc0001; width: 900px; margin: 0 auto; padding:5px 20px; text-align: left; font-size: 12px;}
.registerContent .regForm{ width: 800px; margin: 0 auto;}

.registerComplete{ border-top: 3px solid #cc0001; border-bottom:3px solid #cc0001; width: 768px; margin: 0 auto; text-align: left;}
.registerComplete .formbox{ padding: 10px 0;font-size: 12px; height: 552px; width:662px; margin: 0 auto;}

.formInput { width: 209px; padding: 4px; margin: 2px 0;}  
.formDropDown { padding: 4px; margin: 2px 0;}
.formPin { padding: 4px; margin: 2px 0;}
.reqField{ font-size: 13px; color: blue;}
.rTitle { width: 150px;}
.validationErr{ color: red; font-weight: 600;}
.registerContent span.rErr{padding-right: 8px;	padding-left: 8px; font-weight: 600;}
.memberPreference { width: 100%; font-size: 12px; margin: 10px 0;}
.memberPreference h3 { margin: 0; padding: 0; color: #000000; font-size: 12px;}
.foodPreference { float: left; width: 300px;}
.prefTitle { float: left; width: 80px;}
.hobbyPreference { float: left; width: 300px;}
.termsRegister { float: left; margin: 10px 0;}
.termsRegister .rInput { float: left;}
.termsRegister .linkInput { float: left; width: 600px; margin-top: 10px;}
.keyDates { clear: both; width: 100%; padding: 10px 0;}
.keyDates h3{ margin: 0; padding: 0; color: #000000; font-size: 12px;}
.keyDateTable td { width: 200px;}
.keyDateTable td.event { width: 380px;}

/** login area */
.loginBody{ margin:0 auto;width: 1010px;}                                  
.loginContent{ width: 800px; text-align: left; margin: 0 auto; border-top: 3px solid #cc0001; border-bottom: 3px solid #cc0001; padding: 10px;}   
                 
.loginContent .enrolInfo {font-size: 12px; width: 650px; margin: 0 auto;}
.loginContent .loginArea { margin: 5px 0 5px 0;}

.usernameTxt { width: 220px; float:left;}
.usernameInput { float: left; margin-left: 5px;}
.captchaTxt { clear: both; float: left; width: 220px;}
.captchaImage { float: left; width: 320px; margin-left: 5px;}

/** password recovery area */
.passwordRecovery{ clear: both;}
.passwordRecoveryTitle{ float:left; width: 70%;}
.accountBackLink{ float: right; font-size:10pt; text-align:right; margin-top:5px;}
.blankDiv { clear: both;}

/** pin reset area */
.pinReset { clear: both;}
.pinResetTitle{ float:left; width:70%;}

/** Copyright */

#copyrightFooter 
{
	clear: both;
	text-align: center;
	font-size: 9px;	
	color: #666666;
	font-weight: bold;
	margin: 0 auto;
	padding-top: 10px;
	width: 1010px;
}

.footerLinks
{
	margin:0 auto;
	width: 230px;
	position: relative;	
}

#copyrightFooter ul
{
	margin: 0;
	padding: 0;
	list-style: none;	
	color: #666666;	
}
#copyrightFooter ul li{
	display: block;	
	margin-right: 9px;
	float: left;
}
.termDec { clear: both; padding-top: 5px; margin: 0;}
#copyrightFooter  a{color:#666; text-decoration: none;}
#copyrightFooter  a:hover{color: #666; text-decoration: underline;}
#copyrightFooter  a:visited {color:#666;}