/* CSS Document */

* { padding: 0; margin: 0; }

body {
	color:#666;
	font: 100.1%/1.1em Arial,Helvetica,sans-serif;
	background-color:#fff;
	text-align:center;
}
img { border: none; }
p { margin: 0 0 1.2em 0; font-size:80%; line-height:1.4em; }
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 0.85em; margin-bottom:0.8em; }
h4 { font-size: 0.75em; }
input,select,textarea { font:80% Arial,Helvetica,sans-serif; }

input { cursor: auto; }
a:hover { text-decoration:underline; }
:focus { outline: 0; }

fieldset { border:none; }
label, div.formRow span { font-size:85%; }
.black { color:#222; }
.errorText { color:#F00; }

/*------------------ MAIN LAYOUT ELEMENTS --------------------*/

div#skip-navigation { position:absolute; top:-9999px; left:-9999px; }

div#holder, div#header, div#topContent, div#footerHome, div#formWrapper, div#footer { width:789px; margin:0 auto; text-align:left; clear:both; }

div#header h1 { margin:18px 0 17px 54px; }

/*------------------ PRIMARY NAV ELEMENTS --------------------*/

#primaryNavigationContainer, #primaryNavigationContainer2 {
	width:789px;
	background-color: #ccc;
	padding: 10px 20px;
}
#primaryNavigation, #primaryNavigation2 {
	list-style-type: none;
	margin-left: 20px;
}
#primaryNavigation li, #primaryNavigation2 li {
	display: inline;
	font-size: 11px;
	padding-right: 15px;	
	color: #fff;	
}
#primaryNavigation a, #primaryNavigation2 a {
	color: #fff;	
	text-decoration:none;	
}


/*------------------ HOME PAGE --------------------*/
div#home div#topContentWrapper { 
	border-top:solid 1px #a6a8ba; 
	border-bottom:solid 1px #a6a8ba;
	background:#f6f6fa url(../images/home/topContentBg.jpg) repeat-x left top;
	clear:both;
}
div#home div#topContentShadow { height:11px; background:transparent url(../images/home/topContentShadow.jpg) repeat-x; }
div#topContent div#leftColHome {
	float:left;
	width:521px;
	background: transparent url(../images/home/commission-50.jpg) no-repeat right 21px;
}
h2#homeStrapline { 
	font-family:"Times New Roman", Times, serif; 
	font-size:1.5em;
	font-weight:normal;
	padding:66px 130px 0 58px; 
	line-height:1.2em;
}
a#commissionButton {
    display:block;
    width:118px;
    height:120px;
    float:right;
    margin:20px 0 0 0;
    text-indent:-99999px;
	background: transparent url(../images/clear.gif) no-repeat;
}
h2#homeStrapline a { color:#666; text-decoration: none; }
h2#homeStrapline a:hover { text-decoration: underline; }

div#topContent div#rightColHome { float:right; width:210px; margin-right:28px; display:inline; background-color:#ebebf2; }

div#topContent div#rightColHome fieldset  { padding:8px 18px 0 30px; }
div#topContent div#rightColHome fieldset legend { font-size:1.4em; padding-top:22px; font-weight:bold; margin:0; text-align:left; }
div#topContent div#rightColHome fieldset div.formRow { margin-bottom:12px; }

/*------------------ MAIN CONTENT --------------------*/
body#sixOfTheBest div#topContentWrapper { 
	border-top:solid 1px #a6a8ba; 
	border-bottom:solid 3px #fafafb;
	background:#efeff4 url(../images/sixReasons/topContentBg.jpg) repeat-x left top;
	clear:both;
}
div#formOuter { background-color:#eee;  }
div#formWrapper { padding-top:40px; margin-top:50px; margin-bottom:18px; }

/*------------------ SIX OF THE BEST ---------------*/
div#topContent.sixHeader { padding:13px 0 15px 58px; width:731px; }
h2#sixReasons { background:transparent url(../images/sixReasons/six.gif) no-repeat; line-height:28px; padding:0 0 33px 35px; font-size:110%; }

ul#sixReasonsList { display:inline; }
ul#sixReasonsList li { list-style-type:none; font-size:110%; line-height:28px; float:left; width:378px; margin-bottom:15px; }
ul#sixReasonsList li span, ul#sixReasonsList img { float:left; }
ul#sixReasonsList li span { padding-left:5px; }
ul#sixReasonsList li.four, ul#sixReasonsList li.five, ul#sixReasonsList li.six  { width:330px; }

div#thankYou 
{
	text-align: center;
	padding: 100px 0;
}
div#thankYou p { 
	font-family:"Times New Roman", Times, serif; 
	font-size:1.5em;
	font-weight:normal;
	line-height:1.2em;
}

/*------------------ CONTENT PAGES ---------------*/

div#content 
{
	padding: 0 60px 20px 60px;
}
div#content h2 { margin-bottom: 15px; }
div#content ul, div#content ol { margin: 0 0 15px 35px; font-size:80%; line-height:1.4em; }

/*------------------ FORMS --------------------*/
fieldset#firstApplicant, fieldset#secondApplicant, fieldset#termsForm { padding:32px 58px 30px 58px; }
fieldset#secondApplicant { padding-top:0; }
fieldset#firstApplicant legend, fieldset#termsForm legend { display:none; }
fieldset#termsForm, fieldset#firstApplicant { padding-top:0; }
fieldset legend { font-size:90%; font-weight:bold; line-height:1em; }
fieldset h2 { font-size:90%; margin-bottom:20px; }

div.formRow, div.submitRow { clear:both; padding-bottom:6px; }

div.formRow label, div.formRow span, div.formRow input, div.formRow table, div.formRow p { display:block; float:left; }
div.formRow label, div.formRow p { width:20%; }
div.formRow p { margin-bottom:0; }
div.formRow input { width:200px; border:solid 1px #a2b6cb; }
div.formRow.checkBox input { width: auto;  border:none; }
div.formRow select { border:solid 1px #a2b6cb; }
div.formRow table tr td input, div.checkOptions input, div.checkOptions label { width:auto; border:none; }
div.formRow table tr td label { padding:0 10px 0 4px; font-size:80%; }

div.checkOptions label { font-size:75%; }
div.formRow span { width:20%; padding-left:8px; font-size:80%; }

div#sixOf.submitRow { text-align:center; padding-top:20px;  }

/*  home form  */
fieldset#homeForm div.formRow label { width:auto;  }
fieldset#homeForm div.formRow select, fieldset#homeForm div.formRow input.textField { width:148px; }
div#topContent div#rightColHome fieldset#homeForm div.checkOptions { margin-bottom:2px; }
fieldset#homeForm div.checkOptions label { font-size:85%; }
fieldset#homeForm div.formRow label, fieldset#homeForm div.formRow input { display:inline; float:none; }
fieldset#homeForm div.home { position:relative; height:20px; }
fieldset#homeForm div.home  input {
	position:absolute;
	left: 0px;
	top: 7px;
	width:160px;
	height:42px;
}

/*------------------ FOOTER --------------------*/
div#footerHome { padding-top:54px; clear:both; padding-bottom: 30px; }
div#footerHome ul { list-style-type:none; }
div#footerHome ul li { display:inline; margin:0 22px 8px 0; line-height:41px; }
div#footerHome ul li.rowEnd { margin-right:0; }

/*------------------ CLEARING FLOATS HACK --------------------*/
.fc:after {
    content: "."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.fc {display:inline-block;}

/* Hides from IE-mac \*/
* html .fc {height:1%;}
.fc {display:block;}
/* End hide from IE-mac */

.zeroHeight {
	height:0px;
	clear: both;
	font-size: 0%;
}