.foo{}
/* ----------------------------------------------- */
/* - Some validators like to see a class as      - */
/* - the first item in the style sheet           - */
/* ----------------------------------------------- */

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
}

#Header
{
	height:100px;
}
#MasterContentArea{
	
	margin:-28px 0 0 0;
}

/* styles for form header section*/
#leftPannel,
#formPannel,
#rightPannel {
	float: left;
}

#leftPannel{
	position: relative;
	float: left;
	width:158px;
	margin-right:2px;
}

#leftTitlePannel {
	background-image: url(../images/whiteTab_blue.gif);
	color: #ffffff;
	background-color: #1d1358;
}

#leftTitle {
	height: 52px!important;
	width: 158px;	
}

#formPannel {
	float: left;
	width: 506px;
	margin-right: 2px;
}

#formHeading h1 {
	font-weight: normal;
	font-size: 1.1em;
	padding:15px 0 0 14px;
	display: block;
	margin:0;
}

#formHeading {
	color: #ffffff;
	background-color: #cc197e;
}

#rightPannel
{
	float: right;
	position: relative;
	z-index: 39;
	width:250px;
}

#rightHeading {
	color: #ffffff;
	background-color: #e899c6;
	height: 59px;
	width: 248px;
	margin-bottom: 13px;
	_margin-bottom: 0px;
	position: relative;
	z-index: 40;
	float: left;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
}

#rightHeading h2 {
	font-weight: normal;
	font-size: 1.1em;
	padding:15px 0 0 14px;
	display: block;
}

.introSection p,.introSection UL
{
	font-size:0.6em;
	line-height: 15px;
	margin:0;
	padding: 0 0 10px 0;
}
	
/* Styles for progress indicator*/
#ProgressIndicator {
	padding-top: 3px;
	position: relative;
}
.currentStep {
	font-size: 0.6em;
	font-weight: bold;
	color: #cc197e;
	padding-left: 20px;
	background-image: url(../images/pink-dot.gif);
	background-position: 5px 3px;
	background-repeat: no-repeat;
}

.seperator {
	width:50px;
	height: 16px;
	background-image: url(../images/pink-arrow-down.gif);
	background-position: 5px 3px;
	background-repeat: no-repeat; 
}

.step {
	font-size: 0.6em;
	font-weight: normal;
	color: #1d1358;
	padding-left: 20px;
	background-image: url(../images/pink-circle.gif);
	background-position: 5px 3px;
	background-repeat: no-repeat; 
}

/* Styles for form Info Pannel*/

div.example
{
    text-align:left;
    font-size:0.6em;
    font-style:italic;
}

#formInfoPannel {
	width:232px;
	position: relative;
	padding: 0 0 0 15px;
}

#formInfoPannel p {
	font-size: 0.6em;
}

#formInfoPannel ul {
	margin: 0 0 0 -40px;
	list-style: none;
}

#formInfoPannel ul li {
	font-size: 0.6em;
	background-image: url(../images/pink-dot.gif);
	background-position: 2px 5px;
	background-repeat: no-repeat;
	padding-left: 17px;
}

/* Styles for form elements */


.errorMsg {
	font-size: 0.6em;
	font-weight: normal;
	color: #000000;
	background-image: url(../images/error.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 2px 0 2px 18px;
	display: block!important;
}

.plaintext {
	font-size: 0.6em;
}

.bold {
	font-weight: bold;
}

.errorState {
	background-color: #fff07f;
}

fieldset {
	padding-left: 0;
	border: 0;
}

fieldset.section
{
    border-style:solid;
    border-width:thin;
}

.textBlock {
	color: #191919;
	background-color: #e8e7ed;
	font-size: 0.6em;
	padding: 3px 9px 6px 9px;
	width:392px;

}

.textBlock input {
	border: 0;
}

div.formContent label {
	text-align: right;
	color: #191919;
	font-size: 0.6em;
	letter-spacing:-1px;
	padding: 3px 9px 0 0;
	margin-top: 1px;
	width: 187px;
	background-color: #e8e7ed;
	float: left;
	height: 18px;
}

div.formContent label.labelNZ {
	text-align: left;
}


div.formContent label.required {
	border-right: 3px solid #cc197e;
	width: 184px;
	margin-right:3px;
}

div.formRow {
	margin-top: 7px;
}

div.formContent select.required
{
	margin-top:1px;
}

div.formRowDbl {
	margin-top: 7px;
	height: 50px;
}

div.formRowDbl select {
	margin-top:-8px;
}

.formContent fieldset select {
	min-height:21px;
	font-size: 0.7em;
	margin-left: -3px;
	margin-top: 1px;
	border: 1px solid #cc197e;
	vertical-align:top;
}

.rootMenuBar a 
{
	font-size: 0.80em;
}

textarea,
input {
	font-size: 0.7em;
	margin-left: -3px;
	margin-top: 1px;
	border: 1px solid #cc197e;
	padding: 3px 6px;
	height: 13px;
}

input.orphan {
	margin-left: 196px;
}

div.orphanLabel {
	color: #191919;
	font-size: 0.6em;
	letter-spacing:-1;
	padding: 3px 9px 0 9px;
	margin-left: 195px;
	width: 197px;
	background-color: #e8e7ed;
	height: 18px;
}

div.orphanLabelNZ {
	color: #191919;
	font-size: 0.6em;
	letter-spacing:-1;
	padding: 3px 9px 0 9px;
	margin-left: 192px;
	width: 197px;
	background-color: #e8e7ed;
	height: 18px;
}


select.orphanSelect {
	position: relative;
	left:199px; 
}


select.orphanSelectNZ {
	position: relative;
	left:197px; 
}


textarea 
{
	font-family: Arial, Helvetica, sans-serif;
	margin-left: -3px;
	margin-top: 0px;
	border: 1px solid #cc197e;
	padding: 3px 6px;
}

fieldset.yesNo .radioBtn {
	float: left;
	margin: 0px;
}

fieldset.yesNo label {
	width: 50px;
}

span.radioBtn input {
	border: 0;
	vertical-align: middle;
	margin-top: 3px;
}

.input25 {
	width: 25px;
	vertical-align:top;
}

.input42 {
	width: 42px;
	vertical-align:top;
}
.input150 {
	width: 150px
}

.input200 {
	width:200px;
}
.input75 {
	width:75px;
}
.input200 {
	width:200px;
}

.input250 {
	width:250px;
}

.textBox150 {
	width: 150px;
}

.textBox200 {
	width: 200px;
}

.select200 {
	width:214px;
}

.labelHeight75 {
	height: 80px;
}

.labelHeight35 {
	height: 40px;
}

.deep35 {
	height: 35px;
}

.deep75 {
	height: 75px;
}

.formContent {
	padding: 0 13px;
	color: #191919;
}

.formContent p {
	font-size: 0.6em;
}

.introHeading {
	font-size: 0.7em;
	color: #cc197e;
}

.introTxt {
	font-size: 0.6em;
}

.normal {
	font-weight: normal;
}

.detalsSectionHeader {
	clear: both;
}

.left {
	float:left;
}

span.italic {
	font-style: italic;
}

span.asterisk {
	color:#6e6e6e; 
	font-weight: bold;
}

.fieldDesc {
	display:block;
	font-size: 0.6em;
	padding-left: 197px;
}

.ddmonthyyyy {
	display:block;
	padding-left: 197px;
}

.ddmonthyyyy {
	font-size: 0.6em;
}

.month {
	padding-left: 25px;
}

.year {
	padding-left: 60px;
}

.question {
	color: #191919;
	font-size: 0.6em;
	letter-spacing:-1;
	padding: 3px 9px 5px 9px;
	margin-top: 0px;
	background-color: #e8e7ed;
	height: 22px; 
}

.formDetalsSection h3{
	font-size: 0.7em;
	color: #000000;
}

legend{
	font-size: 0.7em;
	font-weight: bold;
	color: #000000;
	padding: 0;
	margin: 0;
}

div.requiredInfo {
	color: #191919;
	font-size: 0.6em;
	padding: 3px 9px;
	margin-right: 35px;
	background-color: #e8e7ed;
	border-right: 3px solid #cc197e;
	float: right;
	}

select#title {
	width: 112px;
}

fieldset.buttonsSection {
	position: relative;
	border-top: 2px solid #cc197e;
	margin: 15px 0 30px -13px;
	width: 437px;
	height: 65px;
}

fieldset.formDetalsSection {
	clear: both;
	margin-bottom: 20px!important;
}

fieldset.formDetalsSubSection {
	margin-bottom: 15px;
}

.leftBtn {
	position: absolute;
	top: 6px;
	left: 13px;
}

.midBtn {
	position: absolute;
	top: 6px;
	left: 190px;
}

.rightBtn {
	position: absolute;
	top: 6px;
	left: 340px;
}

.exitText {
	position: absolute;
	top: 32px;
	left: 175px;
	text-align:center;
}

.nextButton,
.stdButton,
.submitButton,
.cancelButton,
.backButton {
	font-weight: bold;
	background-color: #cc197e;
	color: #ffffff;
	border-left: 1px solid #980057;
	border-top: 1px solid #980057;
	border-right: 1px solid #d293b2;
	border-bottom: 1px solid #d293b2;
	height: 25px;
	width:90px;
}

.nextButton {
	background-image: url(../images/white-on-pink-arrow-right.gif);
	background-position: 4px 7px;
	background-repeat: no-repeat;
}

.backButton {
	background-image: url(../images/white-on-pink-arrow-left.gif);
	background-position: 4px 7px;
	background-repeat: no-repeat;
	padding-left: 12px;
}

#HiFXLogo{
	background-image: url(../images/hifxlogo-personal.gif);
}

#TopMenu li.selected {
	border-bottom: 4px solid #cc197e;
}

#TopMenu li a{
	color: #ffffff;
	background-color: #1d1358;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;

}

#TopMenu li a:active{
	
		outline:none;
	-moz-outline-style:none;
}


/*Start of styles for header secondary navigation*/

#secondryNavigation ul li a {
	color:#1d1358;
}

#secondryNavigation ul li.selected a {
	color: #1d1358;
}

#secondryNavigation ul li a:hover {
	color: #cc197e;
}

#secondryNavigation ul li.navDivider {
	color: #cc197e; 
}

#secondryNavigation ul li.selected a {
	color: #1d1358;
	font-weight: bolder;
}

#secondryNavigation ul li a:hover {
	color: #cc197e;
}

#secondryNavigation ul li.navDivider {
	color: #cc197e; 
}

#region a {
	color:#1d1358;
}

#region a:hover {
	color: #cc197e;
}

a#currentRegion {
	/*border-left: 1px solid #cc197e;
	background-image: url(../images/region-select.gif);
	background-position: 95% 50%;
	background-repeat: no-repeat;
	padding-right: 50px;*/
	background-image: url(../images/arrow.gif);
	background-position: 95% 50%;
	background-repeat: no-repeat;
	padding-right: 10px;
}

#region a.select {
	color:#cc197e;
	/*background-image: url(../images/region-select-o.gif);
	background-position: 95% 50%;
	background-repeat: no-repeat;
	border: 1px solid #cc197e;*/
	padding-right: 10px;
}

#whyus a:hover {
	color:#CC197E;
}

#whyus a 
{
	color: #1D1358;
}


#region a span.bold {
	color:#1d1358;
}

#region a.select span.bold {
	color:#cc197e;
}

#region a:hover .select {
	color: #cc197e;
}

#chooseRegion {
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	padding: 5px 10px 10px 10px;
}

#chooseRegion a:hover {
	color: #cc197e;
}

#chooseRegion a.on {
	color: #cc197e;
}

#headerCallToActionImg {
	background-image: url(../images/blue-tel-sml.gif);
}

.divider {
	color: #cc197e;
}

/* ---------------------------------------------------- */
/* -      Left hand Navigation Styles                 - */
/* ---------------------------------------------------- */

ul.SubMenuItems li a {
	color: #1d1358;
}

ul.SubMenuItems li a:hover {
	color: #cc197e;
}

/*ul.SubMenuItems li.active {
	margin-top: 0px;
	_margin-top: 5px;
	font-weight: bold;
}*/

ul.SubMenuItems li.active a {
	color: #cc197e;
	font-weight: bold;
}

ul.SubMenuItems li ul {
	border-top: 1px dotted #cc197e;
	border-bottom: 1px dotted #cc197e;
}

ul.SubMenuItems li ul li {
	background-image: url(../images/pink-dot-4x4.gif);
}

ul.SubMenuItems li ul li a {
	color:#1d1358;
}

ul.SubMenuItems li ul li a:hover {
	color:#cc197e;
}

ul.SubMenuItems li ul li.active a {
	color: #cc197e;
	font-weight: bold;
}

#sectionTitlePannel {
	background-image: url(../images/whiteTab_blue.gif);
	color: #ffffff;
	background-color: #1d1358;
}

#pageHeading {
	color: #ffffff;
	background-color: #cc197e;
}

#moreHeading {
	color: #ffffff;
	background-color: #e899c6;
}

/* -------------------------------------------------- */
/* -      Toolbar styles                            - */
/* -------------------------------------------------- */

.toolBar li
{
	background-image: url(../images/blue-arrow-right.gif);
	color: #1d1358;
}

.toolBar li a {
	color: #1d1358;
}

.toolBar li a:hover {
	color:#cc197e;
}

.toolBar h3 {
	color: #cc197e;
}

div.ourCustomersSay ul li {
	background-image: url(../images/pink-dot-5x4.gif);
}

.toolBar div.ourCustomersSay a {
	font-size: 1em;
}

.ourCustomersSayMore 
{
	margin-bottom: 10px;
	FONT-SIZE: 0.6em;
	MARGIN: 0px;
	COLOR: #191919;	
	display:block;

}

div .myStoryTxt h3 {
	color: #cc197e;
}

div .myStoryTxt p {
	color: #333331;
}

div .myStoryTxt p span.heading {
	color: #191919;
}

/* ------------------------------- */
/* -    FSA Styles               - */
/* ------------------------------- */

#FSA {
	
}

.FSAText {
	float: left;
	width: 195px;
}

.FSAText a {
	font-size: 0.6em;
	background-image:url(../images/pink-arrow-right.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 10px;
	margin-left: 8px;
	text-decoration: none;
	color: #333331;
}

.FSAText a:hover {
	color:#ff9900;
}

.FSAImg {
	/*float: right;*/
	
}

/* ------------------------------------------ */
/* -    Rate This Page Styles               - */
/* ------------------------------------------ */

div#rateThisPageThankyou,
div.rateThisPage {
	font-size: 0.6em;
	color: #333331;
	width: 230px!important;
	padding-top:9px;
	padding-left: 17px;
}

div#rateThisPageThankyou p,
div.rateThisPage p{
	margin:0;
	padding-bottom:5px;

}

div.rateThisPage  a {
	color:#1d1358;
	background-image: url(../images/pink-arrow-right.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
	text-decoration: none;
}

div.rateThisPage a:hover {
	color:#cc197e;
}

div#rateThisPageThankyou h3 {
	font-size: 10px;
	color: #cc197e;
}

.nextArticleButton a {
	background-image: url(../images/white-on-pink-arrow-right.gif);
	background-color: #cc197e;
	color: #ffffff;
}

.nextArticleButton a:hover {
	color:#f0bad8;
}
.withinParaButton a {
	background-image: url(../images/white-on-pink-arrow-right.gif);
	background-color: #cc197e;
	color: #ffffff;
}

.withinParaButton a:hover {
	color:#f0bad8;
}

.applyNowButton a {
	background-image: url(../images/white-on-pink-arrow-right.gif);
	background-color: #cc197e;
	color: #ffffff;
}

.applyNowButton a:hover {
	color:#f0bad8;
}

#contentFooter
{
	margin-top:30px;	
	border-top:2px solid #cc197e;
}

#contentFooterImg{
	background-image: url(../images/telephone.gif);
}

#footerTxt {
	color: #cc197e;
}

#footerTxt .greyTxt {
	color: #999999;
}

div#footerTxtLg div#contentFooterRight div.callToAction a,
div#footerTxtMed div#contentFooterRight div.callToAction a,
div#footerTxtSml div#contentFooterRight div.callToAction a {
	background-image: url(../images/blue-arrow-right.gif);
	color: #1d1358;
}

div#footerTxtLg div#contentFooterRight div.callToAction a:hover,
div#footerTxtMed div#contentFooterRight div.callToAction a:hover,
div#footerTxtSml div#contentFooterRight div.callToAction a:hover {
	color: #cc197e;
}

#pageContent h2 {
	color: #cc197e;
}

/* Individual landing Page styles*/

#individualLandingContent {

}

#individualLandingContentTop {
	clear: both;
}

#individualLandingContentBott{
	clear: both;
}

.individualLandinSectionIntro {
	float: left;
	width:300px;
	margin-left: 10px;
	padding-bottom:8px;
	/*margin: 0 2px 15px 0;
	height:150px;*/
}

.individualLandinSectionIntro .individualIntroTitle {
	height: 59px;
	
	overflow: hidden;
	
	background-position: 8px 21px;
	background-repeat: no-repeat;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;justify;
	clear: both;
}

.individualLandinSectionIntro .individualIntroTitle h2 {
	float:left;
	font-size: 0.7em;
	font-weight:bold;
	margin: 3px 0 0 0;
	padding: 15px 0 0 21px;
}

.individualLandinSectionIntro .individualIntroTitle h2 a {
	color: #ffffff;
	text-decoration: none;
	display: block;
}

.SectionIntroTxt {
	/*color:#191919;
	font-size: 0.6em;*/
	padding-bottom:8px;
	margin-right:13px;
}
/* Styles for Why choose us*/

#individualLandingContent div#whyChooseUs {
	float: left;
	padding: 0 0 11px 10px;
	margin-right: 10px;
	width: 264px;
}

#individualLandingContent div#whyChooseUs ul {
	list-style: none;
	margin: 0 0 0 -40px;
}

#individualLandingContent div#whyChooseUs ul li {
	background-image: url(../images/pink-check.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	font-size: 0.7em;
	padding: 0 0 5px 20px; 	
	margin: 0 0 7px 0; 
	color:#1d1358;
}





/* Styles for selected reading*/

#recommendedReading {
	padding:11px 0 11px 0;
	width:388px;
	margin-right:10px;
	float: left;
}

#recommendedReading ul {
	margin:0 0 0 -40px;
	list-style: none;
}

#recommendedReading h3 {
	margin: 0 0 7px 0;
}

#recommendedReading ul li {
	background-color: #fcf2f8;
	margin-bottom: 2px;
	padding: 0 0 0 11px
}

#recommendedReading ul li.dark {
	background-color: #fae8f2
}

#recommendedReading ul li a {
	letter-spacing: -1px;
}

#recommendedReading ul li a img {
	margin-right: 4px;
}


#recommendedReading div.heading {
	font-size: 0.7em;
	float: left;
	color:#cc197e;
}

#recommendedReading div.placeInTheSun {
	padding: 15px 11px 0 7px;
}
#recommendedReading div.recommendedReadingHeading {
	padding: 0 14px 0 0;
}
#recommendedReading #guides {
	margin-top: 6px;
}
#recommendedReading a {
	font-size: 0.6em;
	color:#1d1358;
	text-decoration: none;
}

#recommendedReading a img {
	margin:0 3px 0 0;
	vertical-align: middle;
}

#recommendedReading a:hover {
	color: #cc197e;
}

#recommendedReading #guides div.buyersGuide {
	float: left;
	padding: 6px;
	text-align: left;
}

#recommendedReading #guides div.buyersGuide a {
	font-size: 0.7em;
	text-decoration: none;
}

/* Styles for Currency Converter*/

#currencyConverter {
	width:270px;
	_width:303px;
	height: 150px;
	_height: 185px!important;
	background-image: url(/images/temp/gradientpersonal.jpg);
	background-repeat:no-repeat;
	overflow: hidden;
	margin-left:0px;
	color:#000000;
	font-weight:bold;
	padding-left:25px;
}


#currencyConverterPopUpContainer {
	position: absolute; 
	display: none; 
	height: 180px;
	width: 182px;
}

#currencyConverterPopUp {
	position: absolute;
	display: none;
	border:1px solid #000000;
	height: 180px;
	width: 160px;
	color:#000000;
	background-color: #fff;
	z-index: 1200;
	padding: 10px;
}

#currencyConverterPopUp p,
#currencyConverterPopUp a {
	font-size: 0.6em;
	color:#191919;
	text-decoration: none;
}

#currencyConverterPopUp a:hover {
	color: #cc197e;
	
}

h3 {
	font-size: 0.7em;
	color:#cc197e;
	margin-top: 6px;
}


div#currencyConverter h3 
{
	font-size: 0.7em;
	/*color: #000000;*/
}


.label {
	font-size: 0.55em;
	padding: 3px 0 0 4px;
	margin-bottom: 0;
	display: block;
	float: left;	
	width: 50px;
	height: 17px;
	background-color: #ffffff;
	clear: left;
	color:Black;

}


.label1 {
	font-size: 0.6em;
	padding: 3px 0 0 4px;
	margin-bottom: 0;
	display: block;
	float: left;	
	width: auto;
	height: 17px;
	background-color: #c7c7c7;
	clear: left;
}

div#currencyConverter #equalsSign {
	float: left;
	width: 49px;
	height: 20px;
	background-image:url(../images/pink-eq-sign.gif);
	background-position: 3px 5px;
	background-repeat: no-repeat;
}


div#currencyConverter div.resSummary {
	position: relative;
	display:block;
	background-color: #ffffff;
	width:180px;
	overflow: hidden;
	height:23px;
	
}


div#currencyConverter select, 
div#currencyConverter input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*color:#38383a;*/
	/*background-color: #e5e5e7;
	border: 1px solid #e7e8ea;*/
	
	background-color:#8E88AC;
	border:1px solid #807BA1;
	/*color:#FFFFFF;*/
	color:#000000;
	
	font-size: 0.6em;
	padding:2px 0 2px 0;
	width: 170px;
	height: 18px;
	_height: 25px;
	margin-right:3px;
	float: left;

}

div#currencyConverter input.ammountBox {
	background-color: #ffffff;
	border: 1px solid #c2c3c5
	color:#000000;
	
	width: 100px;
	height: 14px;
	margin-left: 1px;
	padding-left: 3px;
}

div#currencyConverter input.convertBtn {
	color:#ffffff;
	background-color: #cc197e;
	width: 65px;
	height: 20px;
	border:solid 1px #c2c3c5;
	font-weight:bold;
	padding:0 0 3px 0;
	cursor: pointer;
	margin-top:1pt;
}

#currencyConverter span {
	font-size: 0.5em;
}

#currencyConverter span.result {
	font-weight: bold;
	font-size: 0.55em;
	display: block;
}

#currencyConverter span#aboutThisRate a {
	color:#1d1358;
	text-decoration: none;
	display: block;
	padding: 4px 0 4px 10px;
	background-image:url(../images/pink-arrow-right.gif);
	background-position: 0 8px;
	background-repeat: no-repeat;
}

#currencyConverter span#aboutThisRate a:hover {
	color:#cc197e;
}

#currencyConverter span#aboutThisRate a img {
	vertical-align: middle;
}

/*Pop up converter*/

div#currencyConverterContainer div#currencyConverter {
	position: relative;
	overflow: visible;
	width:200px;
}

div#currencyConverterContainer h3 {
	font-size: 0.7em;
	font-weight: bold;
	color:#cc197e;
	margin-bottom: 5px;
	margin-left: -5px;
}

div#currencyConverterContainer div#currencyConverter div.resSummary {
	position: relative;
	width:137px;
}

div#currencyConverterContainer div#currencyConverter select {
	width: 143px;
}

div#currencyConverterContainer div#currencyConverter input {
	width: 138px;
}

div#currencyConverterContainer div#currencyConverter input.convertBtn{
	width: 52px;
	margin:10px 0 0 -2px;
}
div#currencyConverterContainer div#currencyConverter input.convertBtn_vToolkit{
	width: 60px;
	margin:10px 0 0 -2px;
}

div#currencyConverterContainer div#currencyConverter span#aboutThisRate a {
	font-size: 1em;
}



/* Styles for affiliate us landing page*/

#affiliateLandingContent {
	padding:0;
}


.affiliateContentTxt {
	padding:13px 9px;
}

.affiliateContentTxt p {
	font-size: 0.6em;
	color:#191919;
	margin: 0;
	padding:0 0 10px 0
}

.affiliateContentTxt p a {
	color:#1d1358;
	text-decoration: underline;
}

.affiliateContentTxt p a:hover {
	color: #cc197e;
}

.affiliateContentTxt h3 {
	font-size: 0.6em;
	color: #000000;
	margin:0;
	padding:0 0 4px 0
}

#affiliateContentLeft {
	float: left;
	width: 461px;
	margin-right: 2px;
}

#affiliateContentLeft ul {
	list-style: none;
	margin: 0 0 0 -40px;
}

#affiliateContentLeft ul li {
	font-size: 0.6em;
	background-image: url(../images/pink-dot-5x4.gif);
	background-position: 6px 11px;
	background-repeat: no-repeat; 
	padding: 3px 10px 6px 20px;
	line-height: 22px;
	margin:0 0 0 0;
}

#affiliateContentRight {
	float: left;
	width: 462px;
}

#affiliateContentLeftHeading {
	background-color: #cc197e;
	color: #ffffff;
	height: 59px;
	width: 461px;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
}

#affiliateContentLeftHeading h1 {
	font-size: 1.3em;
	font-weight: normal;
	padding:13px 0 0 14px;
	margin: 0;
}

#signUpContent {
	float: left;
	margin-right: 2px;
}

#signUpContentHeading {
	height:59px;
	width:230px;
	color:#ffffff;
	background-color: #1d1358;
	overflow: hidden;
	background-image: url(../images/lg-pink-on-blue-arrow-right.gif);
	background-position: 8px 23px;
	background-repeat: no-repeat;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
}

#toolkitContent {
	float: right;
}

#toolkitContentHeading {
	height:59px;
	width:230px;
	color:#ffffff;
	background-color: #1d1358;
	overflow: hidden;
	background-image: url(../images/lg-pink-on-blue-arrow-right.gif);
	background-position: 8px 23px;
	background-repeat: no-repeat;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
}

#signUpContentHeading h2,
#toolkitContentHeading h2 {
	font-size: 0.9em;
	font-weight: normal;
	padding: 7px 0 0 21px;
	width: 80%;
}

#signUpContentHeading h2 a,
#toolkitContentHeading h2 a
{
	color: #ffffff;
	text-decoration: none;
	display: block;
}

#signUpContentHeading h2 a:hover,
#toolkitContentHeading h2 a:hover {
	color:#f0bad8;
}

div#signUpContent div.signUpTxt,
div#toolkitContent div.toolkitTxt{
	width: 210px;
	margin:0;
	padding:13px 9px;
}

div#signUpContent div.signUpTxt p,
div#toolkitContent div.toolkitTxt p {
	font-size: 0.6em;
	color:#191919;
	margin: 0;
	padding:0 0 0 0
}

.introFooter {
	color: #cc197e;
	font-size: 0.7em;
	padding:5px 0px;
}

.introFooter img {
	vertical-align: middle;
}

div#toolkitContent div.toolkitTxt ul {
	margin:0;
	list-style: none;
	margin: 2px 0 0 -40px;
}

div#toolkitContent div.toolkitTxt ul li {
	font-size: 0.6em;
	background-image: url(../images/pink-dot-5x4.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
	line-height: 20px;
	padding: 0 10px 0 20px;
	margin:0 0 0 0;
}

div#toolkitContent div.toolkitTxt ul li a {
	color: #191919;
	text-decoration: none;
	display: block;
}

div#toolkitContent div.toolkitTxt ul li a:hover {
	color: #ff9900;
}

/* ---------------------------------------------- */
/* -      Our Customers Say styles              - */
/* ---------------------------------------------- */

.ourCustomersSay {
	width: 220px;
	padding-left:6px;
	margin-bottom: 10px;
}

.ourCustomersSayAffil {
	width: 450px;
	padding-left:6px;
	margin-bottom: 10px;
	border-top: 1px dotted #a3a3a3;
}

.ourCustomersSay p,.ourCustomersSayAffil p {
	font-size: 0.6em;
	color:#191919;
	padding: 5px 0 5px 0;	
	margin: 0 0 0 0;
}

.ourCustomersSay h3,.ourCustomersSayAffil h3 {
	color: #cc197e;
	font-weight: normal;
	margin:10px 0 5px 0;
}

.ourCustomersSay a,.ourCustomersSayAffil a {
	font-size: 0.5em;
	color: #1d1358;
	background-image:url(../images/blue-arrow-right.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat; 
	padding: 0 0 0 18px;
	text-decoration: none;
}

.ourCustomersSay a:hover,.ourCustomersSayAffil a:hover {
	color:#cc197e;
}

.ourCustomersSay ul, .ourCustomersSayAffil ul {
}

/* ---------------------------------------------------- */
/* -      Default styles for page content             - */
/* ---------------------------------------------------- */

#pageContent h3 a {
background-image: url(../images/pink-arrow-right-8x8.gif);
}

div#pageContent h3#backToListLink a {
	background-image: url(../images/pink-arrow-left-8x8.gif)!important;
}

#pageContent h3 a:hover {
	color: #cc197e;
}

#pageContent p a:hover {
	color: #cc197e;
}

#pageContent ol {
	color: #cc197e;
}

#pageContent ul li {
	background-image: url(../images/pink-dot-5x4.gif);
}

#pageContent ul li ul li {
	background-image: url(../images/pink-dash.gif);
}

#pageContent ul.linkList li {
	background-image: url(../images/pink-arrow-right.gif);
	background-position: 0 6px;
	background-repeat: no-repeat;
	padding-left: 10px;
}

#pageContent ul.linkList li a {
	color: #000000;
	text-decoration: none;
}

#pageContent ul.linkList li a:hover {
	color: #cc197e;
}

#pageContent td {
	background-color: #fcf2f8;
}

#pageContent th {
	background-color: #cc197e;
}

#pageContent table.whiteTable td {
	background-color: #ffffff;
}


#pageContent h3.Orange {
	color:#ff9900;
}
 
#pageContent h3.Blue {
	color:#1d1358;
}

#pageContent h3.Pink {
	color: #cc197e;
}

#pageContent h3.largeColouredHeader  {
	color: #cc197e;
}

#pageContent h3.newsContentHeading {
	float: left;
	color:#cc197e!important;
}

#pageContent .twoCol {
	margin: 0 0 10px 0;
	clear: both;
}

#pageContent .colOne {
   float: left;
   padding-top:6px;
   margin-right:10px;
}

#pageContent .colTwo {

}

#pageContent .twoColTxt {
    margin: 0 0 10px 0;
    clear: both;
}

#pageContent .twoColTxt .colOne {
	width:222px;
	float: left;
	padding-top:6px;
	margin-right:10px;
}

#pageContent .twoColTxt .colTwo {
	width:222px;
	float: left;
	padding-top:6px;
	margin-right:10px;
}



/* Personal Landing Page Styles*/


        .topHR
        {
            color:#e9eaec;
        }
        
        h2
        {
            margin:0px;
        }
        
        .corpImage
        {
            float:left;margin-right:25px; width:200px;
        }
        
        .corpText
        {
            float:left; width:395px; 
            text-align:justify;
        }
        
        
        .clearFloat
        {
        clear:both;height:0px;
        }
        
        
        .corpItemSeparator
        {
            margin-bottom:10px;margin-left:230px; margin-right:180px; border-top:1px solid #c2c3c5; border-bottom:none;border-right:none;border-left:none;
        }
        
        
        
        /*global*/
        
        .mainContent
        {
            width:625px;float:left;margin-right:30px;font-family:Verdana;font-size:50%;
        }
        
        .rightHandContent
        {
        float:left;width:270px;font-family:Verdana;font-size:70%;
        }
            
        .topBarWithNavigation
        {
            background-color:#38383a; color:White;
            background-image:url(/images/temp/personalleft.gif);
            background-position:top left;
	background-color: #cc197e; font-size: 1.5em;
        height: 32px;
            background-repeat:no-repeat;
        }
        
        
        .topBarWithNavigation .topRight
{
background-image:url(/images/temp/personalright.gif);
background-position:top right; 
margin-bottom:20px;padding:4px 8px;
background-repeat:no-repeat;
} 
        
        .topRoundedBox
        {
            background-color:#FFFFFF;margin-bottom:20px;
        }
        
    
        .topRoundedBox .boxHeader
        {
            background-color:#bcbdc1;background-image:url(/images/temp/corporate_calltoaction_header.PNG); background-repeat:no-repeat; height:31px;
            font-size: 1.3em; color: #000000; padding-left: 14px;
            font-weight: bold; padding-top: 5px;
        }
        
        .topRoundedBox .boxHeader h2
        {
            margin:0px;padding-left:20px;padding-top:10px;
        }
    
        .topRoundedBox .boxContentOuter
        {
            background-image:url(/images/temp/private-gradient.gif); background-repeat:repeat-x; border-left:1px solid #E1E1E3;border-right:1px solid #E1E1E3;
        }
        .topRoundedBox .boxContentOuter .boxContent
        {
            padding-top:10px;padding-bottom:5px;padding-left:15px;padding-right:15px;
        }
        
        .topRoundedBox .boxFooter
        {
           background-color:#ffffff;
           /*background-image:url(/images/temp/corporate_calltoaction_footer.PNG);*/
           background-image:url(/images/temp/footer.gif);
           background-repeat:no-repeat; height:21px;
        }
        
        .topRoundedBox .boxContent .roundedButton
        {
           
            background-image: url(/images/temp/nav_bar.gif);
            background-repeat:no-repeat;
             /*background-color:#ededed;*/
             margin-top:6px;margin-left:-5px; 
             /*margin-right:-5px; */
             padding:5px;
        }
        
        .topRoundedBox .boxContentOuter .boxContent .whyChooseUsUl li {
	            background-image: url(../images/pink-check.gif);
	            background-position: left top;
	            background-repeat: no-repeat;
	            padding: 0 0 10px 20px; 	
	            list-style-type:none;
        }
         .topRoundedBox .boxContentOuter .boxContent .whyChooseUsUl 
         {
            margin-top:1px;
            margin-left:0px;
            padding-left:1px
         }
         
          .topRoundedBox .boxContentOuter .boxContent .recReading 
         {
            margin-top:1px;
            margin-left:0px;
            padding-left:1px;
            margin-bottom:-20px;
         }
         
         .topRoundedBox .boxContentOuter .boxContent .recReading li {
           
                padding: 2px 0 5px 2px; 	
	             list-style-type:none;
        }
        
        .topRoundedBox .boxContentOuter .boxContent .recReading li a{
	           color:#000000;
	           text-decoration:none;
        }


	.CurrConvertOuter
	{
		float:left; margin-top: 0px; height: 30px; margin-left:-15px;
	}
	
	.rateLink
	{
		font-size:1.1em;
		margin-left:-3px;
		margin-top:2px;
	}
	
/*  -------------------------- */



.PersonalNavMenu
{
	float: left; width: 100px; margin-top: -18px; margin-left: 140px;
}


.personalLILeftImage
{
	float: left; margin-top: -4px; margin-left: -8px;
}

.personalLIRightImage
{
	float: right; margin-right: -8px; margin-top: -21px;
}

.menuHeaders li
{
	font-size:0.80em;
}


/* changes for US form */

div.formContent label.requiredradio {
	border-right: 3px solid #cc197e;
	width: 370px;
	margin-right:3px;
	height:auto;
}


div.formContent label.appFormLabel
{
	float:none;
	text-align:left;
	background-color:#FFFFFF;
}

div.formContent td label
{
	float:none;
	text-align:left;
	background-color:#FFFFFF;
 letter-spacing:0px;
 line-height:16px;
}

div.formContent td input
{
	border:0;
}


div.formContent label.furtherFormLabel
{
	height:28px;
	text-align:left;
}
div.formContent label.furtherFormLabelExtra
{
	height:40px;
	text-align:left;
	
}

.currencyList
{	
	margin-left:15px;
	height:150px;
}

/* AJAX STUFF */

.ajaxloadingpanel
{
	background-color:Blue;
	color:White;
	position:fixed;
	width:140px;
	font-size:0.96em;
	padding:3px 3px 3px 10px;
	font-weight:bolder;
	bottom:0px;
	right:0px;
}

