@charset "utf-8";

/*------------------------------------------------------------------
[0. Common]
*/
body { background: #eaf2f9; font-family: "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, sans-serif; color: #59595b; line-height: 18px; font-size: 11px; }

.scpage { width: 997px; margin: 0 auto; background:#fff; }

	a { color: #23379b; text-decoration:none; }
	a:hover { text-decoration:underline; }

	.center { text-align:center; }
	.blur { font-size:1.2em; line-height:18px; }
	.break { width:100%; height:15px; display:block; float:left; }
	.clear { clear:both; }
	
	.greenBg { background: #e3f2e6; } 
	.rowHighlight { background: #c1e3c8; } 

	hr { clear: both; height: 1px; border: none; background: #999999; width: 100%; margin: 0px; padding: 0px; }
	
	input, textarea { font-family: "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size: 12px; }
	
/*------------------------------------------------------------------
[1. Banner]
*/
.banner { float:left; position:relative; width: 997px; height:222px; background: url(../images/frontend/common/banner.jpg) no-repeat; }
	.banner .menu { position:absolute; top:0; left:0; width:100%; height:23px; text-align:right; }
		.menu ul {list-style:none; float:right; padding-right: 35px; }
			.menu ul li { float:left; list-style:none; margin-top:0px; font-size:1.10em; background:url(../images/frontend/common/menu_separator.gif) no-repeat top right; padding: 0px 10px 0px 10px; height: 22px; overflow: hidden; }
				.menu ul li a { color:#fff; text-decoration:none; line-height: 30px; letter-spacing:0.15em; font-size: 11px; }
				.menu ul li a:hover { text-decoration:underline; }
	
	.logo { position: absolute; left: 30px; top: 32px; width:301px; height: 64px; background: none; }
		.logo a { display:block; width:100%; height:100%; text-indent: -777px; }

/*------------------------------------------------------------------
[2. Body]
*/

.content { width: 100%; float: left; background-color: #FFFFFF; position: relative; }
	.content .fullWidth { margin-left: 35px; margin-bottom: 15px;}
		.content .fullWidth h1 { color: #353896; font-size: 16px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; }
		.content .fullWidth span { color: #d04da2; }
	
	/*------------------------------------------------------------------
	[2.1 Left Side]
	*/	
	
	.leftSide, .leftSide2 { width: 292px; float: left; padding: 0px 31px 0px 36px; text-align: center; }
	.leftSide2 { padding-right: 0px; width: 323px;  } 	
		.leftSide h4 a { font-size: 11px; color: #59595b; }
		.leftSide h3 { letter-spacing: 1px;  text-align: left; color: #23379b; text-transform: uppercase; font-size: 16px; font-weight: normal; line-height: 16px; margin: 0px; padding: 2px 0px 8px 0px; }
		.leftBoxTop { width: 292px; background:url(../images/frontend/boxes/left-box-top.gif) no-repeat; height: 9px; display: block; float: left;  overflow: hidden; }
		.leftBoxMid { width: 252px; background: #e4f0f8; padding: 0 20px 0 20px; float:left; overflow: hidden; }
			.leftBoxMid h2 { letter-spacing: 1px; color: #23379b; font-size: 16px; font-weight: normal; line-height: 16px; margin: 0px; padding: 2px 0px 2px 0px; letter-spacing: 1px; }
			.leftBoxMid p { text-align: left; color: #59595b; font-size: 11px; font-weight: normal; line-height: 16px; margin: 0px; padding: 2px 0px 2px 0px; }	
			.leftBoxMid ul { padding: 0px;  }
				.leftBoxMid ul li { text-align: center; border-bottom: 1px solid #ec008c; line-height: 18px; padding: 10px 0px 10px 0px; }
					.leftBoxMid ul li a { color: #59595b; font-size: 11px; }	
		.leftBoxBottom { padding-bottom: 20px; width: 292px; background:url(../images/frontend/boxes/left-box-bottom.gif) no-repeat; height: 9px; display:block; float:left;  overflow: hidden; }
		
		.pinkBoxTop { background:url(../images/frontend/boxes/pink-box-top.gif) no-repeat; }
		.pinkBoxMid { background: #fbe4ee; }
			.pinkBoxMid p { color: #ea088c; padding: 10px; line-height: 24px; }
		.pinkBoxBottom { background:url(../images/frontend/boxes/pink-box-bottom.gif) no-repeat; }
		
		.leftBoxMid table { }
			.leftBoxMid tr { }
				.leftBoxMid td { font-size: 11px; padding-bottom: 5px; }

		.leftInfo { text-align: left; }
			.leftInfo h5 { letter-spacing: 1px; color: #23379b; text-transform: uppercase; font-size: 14px; font-weight: normal; line-height: 16px; margin: 0px; padding: 2px 0px 2px 0px; }
			.leftInfo p { text-align: left; margin: 0px; }
		
	/*------------------------------------------------------------------
	[2.2 Right Side]
	*/			
		
	.rightSide { width: 602px; float: left; padding: 0px 0px 0px 0px; }
				
		.rightSide p { color: #59595b; font-size: 12px; line-height: 20px; margin: 0px; padding-bottom: 10px; }
		.rightSide p.focus { font-size: 14px; line-height: 22px; font-weight: normal; }
		.rightSide h1 { letter-spacing: 1px; color: #23379b; text-transform: uppercase; font-size: 16px; font-weight: normal; line-height: 30px; }
		.rightSide h2, .fullRightBox h2 { letter-spacing: 1px; color: #23379b; text-transform: uppercase; font-size: 14px; font-weight: normal; line-height: 30px; }
		.rightSide h3 { letter-spacing: 1px; clear: both; color: #23379b; text-transform: uppercase; font-size: 12px; font-weight: normal; line-height: 24px; padding: 10px 0px 0px 0px; }
		.rightSide ul { list-style: url(../images/list_icon.gif); list-style-position: outside; margin-bottom: 10px; padding-left: 20px;}
			.rightSide ul li { padding: 0 0 0 8px; line-height: 1em; margin-bottom: 10px;}
				.rightSide ul li p{ font-size:1em;}
				
		.rightBoxTop { width: 602px; background:url(../images/frontend/boxes/right-box-top.gif) no-repeat; height: 10px; display: block; float: left; overflow: hidden; }
		.rightBoxMid { width: 562px; background: #e4f0f8; padding: 0 20px 0 20px; float: left; }
			.rightBoxMid h2 { float: left; color: #23379b; text-transform: uppercase; font-size: 16px; font-weight: normal; padding-top: 1px; line-height: 20px; margin: 0px; }
				.rightBoxMid h2 span { color: #ec008c; }
			.rightBoxMid ol { float: right; list-style: none; color: #fff; margin: 0px; padding-top: 2px; }
				.rightBoxMid ol li { line-height: 15px; text-align: center; font-size: 10px; float: left; background: url(../images/frontend/buttons/pagging-bg.gif) top no-repeat; width: 15px; height: 15px; }				
					.rightBoxMid ol li.selected { background-position: bottom; }
			.rightBoxMid spam.boldRedText { font-weight: bold; color: #ec008c }		
		.rightBoxBottom { width: 602px; background:url(../images/frontend/boxes/right-box-bottom.gif) no-repeat; height: 10px; display: block;  float: left; }
		
		.standardContent { clear: both; padding: 0px 20px 0px 20px; }
			.standardContent ul { list-style-image: url(../images/frontend/common/bullet.gif); padding: 0px 0px 0px 20px; margin-left: 20px; }
				.standardContent ul li { line-height: 20px; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; font-size: 12px; }		
			.standardContent hr { background: #5269b8; border: none; color: #5269b8; height: 1px; margin: 0px; padding: 0px; }		
				
		.row { float: left;width: 100%; padding: 15px 0px 0px 20px; }
			.row select { float: left; margin-left: 20px; }
			.row .radio { float: left; width: 15px; }
			.row .checkbox { float: left; width: 15px; }
			.row label { float: left; padding-left: 20px; font-size: 12px; color: #59595b; width: 520px; }
		
		.formButton { clear: both; padding: 10px 0px 0px 0px; } 
			.formButton input { float: right; } 
			.formButton a { float: right; } 
			
		.pagging { color: #fff; float: right; padding: 20px 0px 0px 0px; }
			.pagging ol { float: right; list-style: none; color: #fff; margin: 0px; padding-top: 2px; }
				.pagging ol li { line-height: 15px; text-align: center; font-size: 10px; float: left; background: url(../images/frontend/buttons/pagging-white-bg.gif) top no-repeat; width: 15px; height: 16px; }				
				.pagging ol li.selected { background-position: bottom; }
				
		.searchBox { float: left; width: 244px; padding-right: 10px; margin-top: 1px; }
			.searchInputBg { float: left; width: 199px; height: 20px; background: url(../images/frontend/buttons/search-bg.gif) no-repeat; }
				.searchInputBg input { background: #fff; border: 1px solid #fff; height: 13px; font-size: 10px; line-height: 10px; width: 195px; margin: 1px 0px 0px 10px; }
				.searchButton { border: none; float: left; width: 45px; height: 20px; background: url(../images/frontend/buttons/search-button.gif) no-repeat; cursor: pointer;  }
		
/*------------------------------------------------------------------
[3. Page Bottom]
*/
.pageBottom { float: left; width: 100%; background-color: #fff; padding: 40px 0 10px 0px; }
	.pageBottom .text { width: 720px; float:left; padding-left: 30px; color:#999999; font-size: 10px; }
		.pageBottom .text p { font-size: 1em; line-height: 18px; margin: 0px; }
	.pageBottom .townsendLogo { background: url(../images/frontend/logos/townsend-logo.gif) no-repeat; width: 182px; height: 40px; float: right; margin: 0 16px 0 0px; }
	.pageBottom>.townsendLogo { padding-right: 15px; }
		.townsendLogo a { width: 100%; height: 100%; display: block; }
/*------------------------------------------------------------------
[4. Footer]
*/
.footer { position: relative; float: left; width: 100%; height: 29px; background: url(../images/frontend/common/footer_1000.jpg) no-repeat; }
	.footer .menu { }
	
	.footerHome { float: left; }
		.footerHome p a { float: left; color: #fff; text-transform: uppercase; padding: 5px 0px 0px 20px; }
	
/*------------------------------------------------------------------
[5. My Account]
*/	
	
.halfWidth ul, .wholeWidth ul, .documentList ul { list-style: none; }
.halfWidth ul li { border-bottom: none; line-height: 22px; width: 50%; float: left; }
	.halfWidth ul li a { color: #23379b; font-size: 11px; float: left; }

.wholeWidth ul li { border-bottom: none; line-height: 21px; width: 100%; float: left; }
	.wholeWidth ul li a { color: #23379b; font-size: 11px; float: left; }	
	
.listTable { clear: both; font-size: 11px; padding-bottom: 20px; }
	.listTable p { padding: 10px 0px 10px 20px; }
	.listTable table { width: 100%; padding: 0px 10px 0px 10px; }
		.listTable td { padding: 5px 0px 5px 0px; }
			.listTable td p { padding: 0px 10px 0px 10px; }

.fundListTable { clear: both; padding-bottom: 20px; }
	.fundListTable p { padding: 10px 0px 5px 13px; font-size: 11px; }
	.fundListTable table { width: 100%; padding: 0px 10px 0px 10px; }
		.fundListTable td { padding: 5px 0px 5px 0px; }
			.fundListTable td p { padding: 0px 4px 0px 4px; font-size: 11px;  }
			.fundListTable td p a { color: #23379b; text-decoration:none; }
			.fundListTable td p a:hover { text-decoration:underline; }
			.fundListTable td p a.selected { text-decoration:underline; }


.documentList { float: left; width: 50%; }
	.documentList h4 { letter-spacing: 1px; color: #23379b; font-size: 12px; font-weight: normal; line-height: 12px; margin: 0px; text-transform: uppercase; padding: 10px 0px 5px 20px;  }
		.documentList ul { }
		.documentList ul li { margin: 0px; line-height: 24px; padding: 0px; font-size: 11px; list-style-image: none; }
		
.summaryTable { float: left; width: 400px; padding: 0px 0px 10px 20px; }
	.summaryTable table {}
		.summaryTable tr { }
			.summaryTable td { font-size: 11px; padding: 5px 0px 0px 0px; }

.accountDocuments { float: left; padding-top: 20px; }
	.accountDocumentHold { float: left; width: 292px; }
		.accountDocumentHold h3 { clear:both; color:#23379B; font-size:12px; font-weight:normal; letter-spacing:1px; line-height:24px; padding: 0px; text-transform:uppercase; }
		.accountDocumentHold ul { list-style: none; padding: 10px 0px 0px 0px; }
			.accountDocumentHold ul li { border: none; text-align: left; padding: 0px; width: 126px; float: left; }
				.accountDocumentHold ul li a { color: #23379b; }
	
	.accountButtons { float: right; }
				
	h2.specialH2 { width: 50px; }
	
	.adviserPagination { padding: 20px 20px 20px 0px; }

/*------------------------------------------------------------------
[6. Step 3]
*/

.fullRightBox { padding: 0px 0px 0px 330px; margin: 20px 0px 0px 0px; }
.formLeft { float: left; width: 350px; }
	.infoHold { float: left; width: 350px; background: url(../images/frontend/forms/dotted-line.gif) top right no-repeat; }
.formRight { float: left; width: 565px; }
	.formRight h3 { letter-spacing: 1px; clear: both; color: #23379b; text-transform: uppercase; font-size: 12px; font-weight: normal; line-height: 24px; padding: 10px 0px 10px 0px; }
	.row2 { float: left; width: 100%; padding: 3px 0px 0px 0px;  }
	.row3 { float: left; width: 100%; padding: 3px 0px 10px 0px;  }
		.col1 { float: left; width: 135px; }
		.col2 { float: left; width: 425px; }
		.col3 { float: left; width: 300px; }
		.col4 { float: right; padding-right: 15px; }
			.col2 p { color: #59595b; font-size: 11px; line-height: 16px; margin: 0px; padding: 0px 0px 8px 0px; }
			
			.largeTextField { background: url(../images/frontend/forms/text-input-bg.gif) top left no-repeat; width: 420px; height: 23px; line-height: 20px; padding: 3px 0px 0px 5px; margin: 0; border: none; }
				.largeTextField input { width: 410px; height: 15px; background: #fff; border: none; }
				.largeTextField select { width: 412px; background: #fff; border: none;  margin:0px; }
			
			.suburb { width: 180px; height: 23px; background: url(../images/frontend/forms/input-suburb-bg.gif) no-repeat top left; padding: 3px 0px 0px 5px; float: left; border: none; } 
				.suburb input { width: 170px; height: 15px; background: #fff; border: none; }
				
			.state { float: left; }
				.state select { height: 23px; border: 1px solid #ccc;  } 				
				
			.postcode { width: 72px; height: 21px; background: url(../images/frontend/forms/input-postcode-bg.gif) no-repeat top left; padding: 3px 0px 0px 5px; float: left; border: none; }
				.postcode input { width: 62px; height: 15px; background: #fff; border: none; }
				
			.provision { width: 72px; height: 21px; background: url(../images/frontend/forms/input-postcode-bg.gif) no-repeat top left; padding: 3px 0px 0px 5px; float: right; border: none; }
				.provision input { width: 62px; height: 15px; background: #fff; border: none; }
			
			.midTextField input { width: 210px; height: 23px; background: url(../images/frontend/forms/input-suburb-bg.gif) no-repeat; border: none; }
			.textareaBg { position: relative; width: 420px; height: 44px; background: url(../images/frontend/forms/textarea-input-bg.gif) no-repeat; border: none; overflow: auto;  }
				.textareaBg textarea { background: #fff; position: absolute; top: 3px; left: 3px; border: 0px solid #fff;; width: 415px; height: 40px; overflow: auto; margin: 0px; padding: 0px; }
			.textareaLargeBg { position: relative; width: 420px; height: 85px; background: url(../images/frontend/forms/textarea-large-input-bg.gif) no-repeat; border: none; overflow: auto; padding-bottom: 10px; }
				.textareaLargeBg textarea { background: #fff; position: absolute; top: 3px; left: 3px; border: 0px solid #fff;; width: 415px; height: 81px; overflow: auto; margin: 0px; padding: 0px; }

			.remember { float: left; width: 20px; margin: 0px; }
				.remember input { margin: 0px; padding: 0px; }
	
			.largeTextareaBg { position: relative; width: 420px; height: 72px; background: url(../images/frontend/forms/large-textarea-input-bg.gif) no-repeat; border: none; overflow: auto;  }
				.largeTextareaBg textarea { background: #fff; position: absolute; top: 3px; left: 3px; border: 0px solid #fff;; width: 415px; height: 68px; overflow: auto; margin: 0px; padding: 0px; }

			.row3 ul.radio_list { float: left; }
				.row3 ul.radio_list li { float: left; }
					.row3 ul.radio_list li input { float: left; }
			
	.labelInactive, h3.labelInactive { color: #d2d2d2; }
	
	.noteHold { margin: 20px 0px 5px 0px; float: left; background: url(../images/frontend/forms/important-note.gif) no-repeat top left; width: 932px; }
		.noteHold .rightBoxTop { float: right; }
		.noteHold .rightBoxMid { float: right; }
			.noteHold .rightBoxMid p { padding-bottom: 5px; }
		.noteHold .rightBoxBottom { float: right; }
			
/*------------------------------------------------------------------
[7. Register]
*/ 

.rightContent { float: left; padding: 20px 20px 0px 20px; }
	.rightContent p { padding: 0px 0px 20px 0px; }

/*------------------------------------------------------------------
[8. System Messages]
*/ 

.successMessage { text-align: center; border: 1px solid #87cf95; background: #e3f2e6; margin: 10px; }
	.successMessage p { padding: 10px; color: #5a8e65; font-size: 12px; }
.labelError	{ color: #b81640; }
.errorMessage { text-align: center; border: 1px solid #ec6667; background: #ffeef4; margin: 10px; }
	.errorMessage p { padding: 10px; color: #b81640; font-size: 12px; }
	ul.error_list li { padding: 5px 0px 0px 0px; color: #b81640; font-size: 12px; }
	
	.rightSide ul.error_list { padding-top: 5px; clear: both; } 

/*------------------------------------------------------------------
[9. FAQs]
*/ 

.question { clear:  both; padding: 0px 0px 10px 0px; }
	.question h2 { text-transform: uppercase; letter-spacing: 0px; }
	.question ul { list-style-image: url(../images/frontend/common/bullet.gif); }
		.question ul li { line-height: 20px; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; font-size: 12px; }
	.question p { padding-bottom: 10px; }
	.topButton { float: left; width: 100%;  }
		.topButton a { background: url(../images/frontend/buttons/hr-top-button.gif) no-repeat; height: 19px; width: 45px; float: right; text-indent: -777em; padding-bottom: 10px; }

.questions {}
	.questions ul { list-style-image: url(../images/frontend/common/bullet-blue.gif); padding: 5px 0px 0px 15px;  }
		.questions ul li { border-bottom: none; padding: 0px 0px 10px 0px; text-align: left; margin: 0px; line-height: 20px; }
			.questions ul li a { text-decoration: none; color: #23379b; bold: none; }
				.questions a:hover { text-decoration: underline; }

/*------------------------------------------------------------------
[10. News]
*/ 
.article { padding: 0px 0px 10px 0px; margin: 0px; }
	.article hr { background: #5269b8; border: none; color: #5269b8; height: 1px; margin: 0px; padding: 0px; }
	.article h1 { color: #353896; font-size: 16px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; line-height: 24px; padding-bottom: 0px; }
	.article h2 { line-height: 22px; padding-bottom: 5px; }
	.article p { padding-bottom: 10px; }
	p.date { padding: 0px 0px 10px 0px; color: #ca0088; }

/*------------------------------------------------------------------
[11. Buttons]
*/ 	

.buttonHold { clear: both; padding-top: 40px; }
	.next { text-indent: -777px; float: right; display:block; background:url(../images/frontend/buttons/next.gif) no-repeat; width: 96px; height: 19px; border:none; cursor:pointer; }
	.next a { text-indent: -777px; float: right; display:block; background:url(../images/frontend/buttons/next.gif) no-repeat; width: 96px; height: 19px; border:none; cursor:pointer; }
	.proceed { text-indent: -777px; float: right; display:block; background:url(../images/frontend/buttons/proceed-button.gif) no-repeat; width: 96px; height: 19px; border:none; cursor:pointer; }
	.proceedDisabled { text-indent: -777px; float: right; display:block; background:url(../images/frontend/buttons/proceed-button-disabled.gif) no-repeat; width: 96px; height: 19px; border:none; }
	.subscribe a { text-indent: -777em; float: right; display:block; background:url(../images/frontend/buttons/subscribe.gif) no-repeat; width: 96px; height: 19px; border:none; cursor:pointer; }
	.advisorLoginButton { float: left; width: 169px; height: 20px; background: url(../images/frontend/buttons/registered-advisor-login.gif) no-repeat; }
	.trusteeLoginButton { float: left; width: 168px; height: 20px; background: url(../images/frontend/buttons/registered-trustee-login.gif); margin-left:12px; }
	.registerButton { float: right; width: 95px; height: 20px; background: url(../images/frontend/buttons/register-now.gif); margin-left:12px;}
	.loginButton { cursor: pointer; border: none; text-indent: -777px; float: right; width: 95px; height: 20px; background: url(../images/frontend/buttons/login-button.gif); margin-left:12px;}
	.registerSubmitButton { cursor: pointer; border: none; text-indent: -777px; float: right; width: 96px; height: 19px; background: url(../images/frontend/buttons/register.gif); margin-left:12px;}
	.advisorLoginButton a, .trusteeLoginButton a, .registerButton a, .moreDetailButton a { width:100%; height:100%; display:block; }
	.editDetailsButton { display:block; background:url(../images/frontend/buttons/edit-details.gif) no-repeat; width: 96px; height: 19px; border:none; cursor:pointer; }
	a.viewFundsButton { float: left; margin-top: 1px;  text-indent: -777em; width: 96px; height: 20px; background: url(../images/frontend/buttons/view-all-funds.gif) no-repeat; cursor: pointer; }
	a.newFundButton { float: left; margin-top: 1px; margin-left: 10px; text-indent: -777em; width: 139px; height: 20px; background: url(../images/frontend/buttons/new-smsf2.gif) no-repeat; cursor: pointer; }
	.viewDeedButton { float: right; width: 96px; height: 20px; cursor: pointer; }
		.viewDeedButton a { text-decoration: none; }
		.viewDeedButton a:hover { text-decoration: none; }
	.toolkitButton { float: right; width: 95px; height: 20px; background: url(../images/frontend/buttons/gold-toolkit.gif) no-repeat; cursor: pointer; }
	.goldAccountButton { float: right; width: 96px; height: 19px; background: url(../images/frontend/buttons/gold-account.gif) no-repeat; cursor: pointer; }
	.moreDetailButton { float: right; width: 96px; height: 19px; background: url(../images/frontend/buttons/more-detail.gif) no-repeat; cursor: pointer; }
	.addToCartButton { margin-left: 10px; float: right; width: 96px; height: 19px; background: url(../images/frontend/buttons/add-to-cart.gif) no-repeat; cursor: pointer; text-indent: -777px; border: none; }
	.removeButton { float: right; width: 96px; height: 19px; background: url(../images/frontend/buttons/remove-button.gif) no-repeat; cursor: pointer; text-indent: -777px; border: none; }
	.submitButton { float: right; width: 96px; height: 19px; background: url(../images/frontend/buttons/submit-button.gif) no-repeat; cursor: pointer; text-indent: -777px; border: none; }
	.subscribeButton { float: right; width: 96px; height: 19px; background: url(../images/frontend/buttons/subscribe.gif) no-repeat; cursor: pointer; text-indent: -777px; border: none; }
	.proceedCheckoutButton { margin-top: 20px; float: right; width: 143px; height: 19px; background: url(../images/frontend/buttons/proceed-checkout-button.gif) no-repeat; }
		.proceedCheckoutButton a { width:100%; height:100%; display:block; text-indent: -777em; }
	.moreButton a { text-indent: -777px; float: right; display:block; background:url(../images/frontend/buttons/more-button.gif) no-repeat; width: 59px; height: 19px; border:none; cursor:pointer; }
	.backButton { float: right; padding-bottom: 10px; }
		.backButton a { text-indent: -777px; float: left; display:block; background:url(../images/frontend/buttons/back.gif) no-repeat; width: 45px; height: 19px; border:none; cursor:pointer; }
			.backButton a:hover { text-decoration: none; }
	.downloadButton { float: right; padding-bottom: 10px; margin-right: 10px; }
		.downloadButton a { text-indent: -777px; float: left; display:block; background:url(../images/frontend/buttons/download.gif) no-repeat; width: 74px; height: 19px; border:none; cursor:pointer; }
	.informationSheetButton { float: right; padding-bottom: 10px; margin-right: 10px; }
		.informationSheetButton a { text-indent: -777px; float: left; display:block; background:url(../images/frontend/buttons/information-sheet.gif) no-repeat; width: 114px; height: 19px; border:none; cursor:pointer; }
	.enquiryButton { float: right; padding-bottom: 10px; margin-right: 10px; }
		.enquiryButton a { text-indent: -777px; float: left; display:block; background:url(../images/frontend/buttons/enquiry.gif) no-repeat; width: 60px; height: 19px; border:none; cursor:pointer; }
	.backButtonLarge { float: left; padding-bottom: 10px; }
		.backButtonLarge a { text-indent: -777px; float: left; display:block; background:url(../images/frontend/buttons/backlarge.jpg) no-repeat; width: 96px; height: 19px; border:none; cursor:pointer; }
			.backButtonLarge a:hover, .downloadButton a:hover, .informationSheetButton a:hover, .enquiryButton a:hover, .subscribeButton a:hover { text-decoration: none; }

	.acceptButton { float: right; padding-bottom: 10px; }
		.acceptButton a { text-indent: -777px; float: left; display:block; background:url(../images/frontend/buttons/acceptbutton.jpg) no-repeat; width: 96px; height: 19px; border:none; cursor:pointer; }
			.acceptButton a:hover { text-decoration: none; }

	.declineButton { float: left; padding-bottom: 10px; }
		.declineButton a { text-indent: -777px; float: left; display:block; background:url(../images/frontend/buttons/declinebutton.jpg) no-repeat; width: 96px; height: 19px; border:none; cursor:pointer; }
			.declineButton a:hover { text-decoration: none; }
			
	.basicButton, superproButton, superproplusButton, distributorButton, distributorplusButton, trusteeButton { float: right; }
	.basicButton a:hover, superproButton a:hover, .superproplusButton a:hover, distributorButton a:hover, distributorplusButton a:hover, trusteeButton a:hover { text-decoration: none; }
	
	.basicButton a { text-indent: -777px; float: right; display:block; background:url(../images/frontend/buttons/toolkit.gif) no-repeat; width: 95px; height: 20px; border:none; cursor:pointer; }
	.superproButton a { text-indent: -777px; float: right; display:block; background:url(../images/frontend/buttons/superpro.gif) no-repeat; width: 95px; height: 20px; border:none; cursor:pointer; }
	.superproplusButton a { text-indent: -777px; float: right; display:block; background:url(../images/frontend/buttons/superproplus.gif) no-repeat; width: 95px; height: 20px; border:none; cursor:pointer; }
	.distributorButton a { text-indent: -777px; float: right; display:block; background:url(../images/frontend/buttons/distributor.gif) no-repeat; width: 95px; height: 20px; border:none; cursor:pointer; }
	.distributorplusButton a { text-indent: -777px; float: right; display:block; background:url(../images/frontend/buttons/distributorplus.gif) no-repeat; width: 95px; height: 20px; border:none; cursor:pointer; }
	.trusteeButton a { text-indent: -777px; float: right; display:block; background:url(../images/frontend/buttons/trustee.gif) no-repeat; width: 95px; height: 20px; border:none; cursor:pointer; }
		

/*------------------------------------------------------------------
[12. eForms]
*/ 	

.eform { margin: 0px; padding: 0px 0px 10px 0px; }
	.eform hr { background: #5269b8; border: none; color: #5269b8; height: 1px; margin: 0px; padding: 0px; }
	.eform h2 { line-height: 20px; float: left; padding-bottom: 0px; color: #353896; font-size: 14px; }
	.eform p { clear: both; padding-bottom: 10px; }
	p.price { clear: both; padding-bottom: 5px; color: #d740a6; font-size: 14px; width: 50%; }

	.row2 .formError {
		float:left;
		margin-left:135px;
		padding:0px 0px 2px 0px;
		color:#B81640;
	}
	.row3 .formError {
		float:left;
		margin-left:135px;
		padding:0px 0px 2px 0px;
		color:#B81640;
	}
/*------------------------------------------------------------------
[13. Toolkit]
*/ 

ul.bullet { list-style-image: url(../images/frontend/common/bullet.gif); margin-left: 0px; padding: 10px 0px 10px 20px; border-bottom: 1px solid #5a69b4; }
ul.category { list-style-image: url(../images/frontend/common/bullet-blue.gif); margin-left: 10px; }		
	ul.category li { text-align: left; border: none; line-height: 20px; padding: 0px 0px 5px 0px; }		
	
/*------------------------------------------------------------------
[14. Toolkit]
*/ 

.shoppingCartProduct { float: left; width: 562px; }
	.shoppingCartProduct h3 { padding-left: 0px; }
	.shoppingCartProduct .col1 { float: left; width: 80px; }
	.shoppingCartProduct .col2 { float: left; width: 482px; }
	.shoppingCartProduct p { padding: 0px; }
	.shoppingCartProduct .row { padding: 5px 0px 5px 0px; }
	.shoppingCartProduct p.price { color: #23379b; }
	.shoppingCartProduct p.total{ float: left; color: #ca0088; padding-bottom: 10px; }
	p.total { color: #ca0088; }
	
/*------------------------------------------------------------------
[15. Trustee Account]
*/ 

.trusteeFundDetails { padding: 10px 20px 0px 20px; float: left; width:260px; }
	.trusteeFundDetails table { width: 100%; }
.trusteeFundDocuments { padding: 10px 20px 0px 20px; float: left; width:260px;  }
	.trusteeFundDocuments table { width: 100%; }

.documentListTrustee { float: left; width: 100%; padding: 10px 0px 10px 0px; }
		.documentListTrustee ul { list-style: none; }
		.documentListTrustee ul li { width: 260px; float: left; margin: 0px; line-height: 24px; padding-right: 20px; font-size: 11px; list-style-image: none; }
		
.trusteeTable { clear: both; padding: 10px 20px 0px 20px; }
	.trusteeTable table { width: 100%; }
	
/*------------------------------------------------------------------
[16. Comparison Table]
*/ 

.comparisonTable {}
	.comparisonTable table { width: 100%; border: none; }
		.comparisonTable table th { width: 50%; letter-spacing: 1px; clear: both; color: #23379b; text-transform: uppercase; font-size: 12px; font-weight: normal; line-height: 24px; padding: 0px 0px 0px 0px;  }
		.comparisonTable tr {   }
			.comparisonTable td { padding: 10px 0px 0px 0px; border-bottom: 1px solid #0d349f; }
				.comparisonTable td p { }
				
	.comparisonTable table tr th.lastCol p { padding-left: 20px; padding-bottom: 0px; color: #23379b; line-height: 24px; }
	.comparisonTable table tr th.firstCol p { padding-right: 20px; padding-bottom: 0px; color: #23379b; line-height: 24px; }
	.comparisonTable table tr td.lastCol p, .comparisonTable table tr th.lastCol p { padding-left: 20px; }
	.comparisonTable table tr td.firstCol p, .comparisonTable table tr th.lastCol p { padding-right: 20px; }
				
/*------------------------------------------------------------------
[17. PD Forums]
*/ 

.forumTable {}
	.forumTable table { width: 100%; padding: 0px 0px 10px 0px; }
		.forumTable table th { width: 50%; letter-spacing: 1px; clear: both; color: #23379b; text-transform: uppercase; font-size: 12px; font-weight: normal; line-height: 24px; padding: 5px 0px 5px 0px;  }
			.forumTable th p { color: #353896; padding: 0px 10px 0px 10px;  }
			.forumTable td { padding: 0px 0px 0px 0px; text-transform: uppercase; }
				.forumTable td p { padding: 5px 10px 5px 10px; }
			.forumTable table.stripped tbody tr.evenRow { background-color: #def2e6; }	
			
/*------------------------------------------------------------------
[18. Fees]
*/ 	

.feeTable {}
	.feeTable p { font-size: 10px; line-height: 14px; }

	.feeTable table { width: 100%; padding: 0px 0px 10px 0px; }
		.feeTable table th { letter-spacing: 1px; clear: both; color: #23379b; text-transform: uppercase; font-size: 12px; font-weight: normal; line-height: 24px; padding: 5px 0px 5px 0px;  }
			.feeTable th p { color: #353896; padding: 0px 10px 0px 10px;  }
			.feeTable td { padding: 0px 0px 0px 0px; }
				.feeTable td p { padding: 5px 10px 5px 10px; font-size: 12px; line-height: 18px; }
			.feeTable table.stripped tbody tr.evenRow { background-color: #def2e6; }

/*------------------------------------------------------------------
[19. Pagination]
*/ 	
.pageRecords { float: left; }
.pageNavigation { color: #fff; float: left; padding: 0px 0px 0px 0px; }
	.pageNavigation ol { float: left; list-style: none; color: #fff; margin: 0px; padding-top: 2px; }
		.pageNavigation ol li { line-height: 15px; text-align: center; font-size: 10px; float: left; background: url(../images/frontend/buttons/pagging-white-bg.gif) top no-repeat; width: 15px; height: 16px; }				
			.pageNavigation ol li a { color: #fff; }				
		.pageNavigation ol li.selected { background-position: bottom; }		

/*------------------------------------------------------------------
[20. Terms & Conditions]
*/ 	
.termsPage { padding-top: 20px; }
	.termsPage h1 { padding-bottom: 10px; }
	.termsPage h2 { letter-spacing: 1px; color: #23379b; font-size: 14px; font-weight: normal; line-height: 16px; margin: 0px; padding: 10px 0px 10px 0px; letter-spacing: 1px;}
	.termsPage p { padding-bottom: 10px; }
	.termsPage ol { list-style-type: lower-alpha; padding: 10px 0px 10px 25px; }
	.termsPage ol li { padding-bottom: 10px; }
		.termsPage ol li ol { list-style-type: lower-roman; padding-left: 20px; }
	
	.terms { width: 100%; height: 350px; overflow: hidden; overflow-y: scroll; border: 1px solid #ccc; }
		.termsContent { padding: 0px 10px 0px 10px; } 
		
.autoCompleteTitle {
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:9px;
	color:#999;
}