/* --- INDEX ---

1 - reset
2 - global / header / nav / footer
3 - landing page
4 - form elements / global / step 1 / step 2 / step 3
5 - admin

*/



/* *********************************** */
/* *** 1 - RESET ********************* */
/* *********************************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 1px dotted #002c8e;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clear { clear:both; font-size:0px; height:1%; line-height:0px; zoom:1; }
.error { color:#f00; margin-bottom:10px; }
.btn { border:0; font-size:0em; height:22px; line-height:0em; text-decoration:none; text-indent:-9999px; }
.bold { font-weight:bold; }




/* ************************************ */
/* *** 2 - GLOBAL ********************* */
/* ************************************ */

body { color:#313332; font-family:Arial; font-size:12px; }
#container { line-height:1.3em; margin:0 auto; /*padding-top:30px;*/ width:960px; }

/* header */
#header h1 { /*margin-bottom:15px;*/ }

/* nav */
#header #nav { margin-bottom:17px; overflow:hidden; position:relative; zoom:1; }
#header #nav li { display:inline; float:left; }
#header #nav li a { background-image:url(../images/bg-nav.png); background-repeat:no-repeat; display:block; height:33px; }
#header #nav li a span { display:none; }
#header #nav li#txphc a { background-position:0 0; width:319px; }
#header #nav li#txphc a:hover { background-position:0 -33px; width:319px; }
#header #nav li#atx a { background-position:-319px 0; width:153px; }
#header #nav li#atx a:hover { background-position:-319px -33px; width:153px; }
#header #nav li#txs a { background-position:-472px 0; width:183px; }
#header #nav li#txs a:hover { background-position:-472px -33px; width:183px; }
#header #nav li#ofa a { background-position:-655px 0; width:177px; }
#header #nav li#ofa a:hover { background-position:-655px -33px; width:177px; }
#header #nav li#cu a { background-position:-832px 0; width:124px; }
#header #nav li#cu a:hover { background-position:-832px -33px; width:124px; }

/* footer */
#footer { clear:both; margin:0 0 30px; }
#footer #hygiene { background:#f1f1f1; margin-bottom:20px; overflow:hidden; padding:8px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#footer #hygiene p { float:left; }
#footer #hygiene ul { float:right; }
#footer #hygiene ul li { display:inline; }
#footer #hygiene ul li a { color:#000; text-decoration:none; }
#footer #hygiene ul li a:hover { text-decoration:underline; }
#footer #disc { width:960px; }






/* ************************************* */
/* *** 3 - LANDING ********************* */
/* ************************************* */

.landing { background:url(../images/landing-visual.jpg) 0 0 no-repeat; height:283px; margin-bottom:50px; padding:11px; width:933px; }
.landing #intro #introTop { background:url(../images/bg-intro.png) 0 0 no-repeat; height:5px; width:342px; }
.landing #intro #introMid { background:url(../images/bg-intro.png) 0 -5px no-repeat; padding:6px 18px 6px 14px; width:310px; }
.landing #intro #introBtm { background:url(../images/bg-intro.png) 0 bottom no-repeat; height:5px; width:342px; }
.landing #intro h1 { background:url(../images/hdr-welcome.png) 0 0 no-repeat; height:35px; margin-bottom:12px; width:259px; }
.landing #intro h1 span { display:none; }
.landing #intro p { margin-bottom:10px; }
.landing #intro a { background:url(../images/btn-start.png) 0 0 no-repeat; display:block; height:22px; width:142px; }
.landing #intro a span { display:none; }







/* ************************************* */
/* *** 4 - FORM ************************ */
/* ************************************* */

/* global form elements */
.steps { padding-top:20px; }
.steps #stepNav { border-top:1px dotted #999; border-bottom:1px dotted #ccc; height:75px; margin-bottom:18px; overflow:hidden; }
.steps #stepNav li { background-image:url(../images/bg-steps.png); background-repeat:no-repeat; display:block; float:left; height:75px; }
.steps #stepNav li span { display:none; }
.steps .mand { color:#0e258d; font-size:1.17em; font-weight:bold; margin-bottom:15px; }
.steps form { border-bottom:1px dotted #999; margin-bottom:13px; padding-bottom:50px; }
.steps form #prevNext { background:#f6f6f6; height:22px; overflow:hidden; padding:10px; } /* height for IE6 */
.steps form #prevNext .prev { background:url(../images/btn-previous-page.png) 0 0 no-repeat; float:left; height:22px; width:108px; }
.steps form #prevNext .next { background:url(../images/btn-next-page.png) 0 0 no-repeat; float:right; height:22px; width:82px; }


/* step 1 - payment details */
#step1 #stepNav li#stepNav1 { background-position:0 0; width:343px; }
#step1 #stepNav li#stepNav2 { background-position:-392px 0; margin-left:53px; width:239px; }
#step1 #stepNav li#stepNav3 { background-position:-681px 0; margin-left:49px; width:192px; }
#step1 form .odd { background:#f6f6f6; }
#step1 form fieldset { overflow:hidden; padding-bottom:20px; position:relative; }
#step1 form fieldset h2 { background:#fff; font-size:1.2em; font-weight:bold; margin:16px 0 10px 10px; } /* background required for IE7 */
#step1 form fieldset.odd h2 { background:#f6f6f6; } /* background required for IE7 */
#step1 form fieldset .fieldsetInner { margin:0 0 0 10px; overflow:hidden; display:block; }
#step1 form fieldset .field { margin-bottom:5px; }
#step1 form fieldset .left { clear:both; float:left; width:350px; }
#step1 form fieldset .right { float:left; width:590px; } /* width required for IE6/7 */


/* step 2 - payment details */
#step2 #stepNav li#stepNav1 { background-position:0 -75px; width:230px; }
#step2 #stepNav li#stepNav2 { background-position:-280px -75px; margin-left:50px; width:356px; }
#step2 #stepNav li#stepNav3 { background-position:-685px -75px; margin-left:49px; width:192px; }
#step2 form fieldset { background:#f6f6f6; margin-bottom:3px; padding:15px 0; }
#step2 form fieldset legend { display:none; }
#step2 form fieldset .field { margin-bottom:20px; overflow:hidden; }
#step2 form fieldset .radio { overflow:visible; }
#step2 form fieldset .radio .label { display:block; float:left; font-weight:bold; margin-right:20px; text-align:right; width:240px; }
#step2 form fieldset .radio input { margin:0 5px 0 0; padding:0; }
#step2 form fieldset .radio label { margin:0 30px 0 0; }
#step2 form fieldset .text label { display:block; float:left; font-weight:bold; margin-right:20px; text-align:right; width:240px; }
#step2 form fieldset .text input { width:460px; }
#step2 form fieldset .error { margin-left:260px; }


/* step 3 - payment details */
#step3 #stepNav { border-bottom:0; }
#step3 #stepNav li#stepNav1 { background-position:0 -150px; width:230px; }
#step3 #stepNav li#stepNav2 { background-position:-280px -150px; margin-left:50px; width:239px; }
#step3 #stepNav li#stepNav3 { background-position:-569px -150px; margin-left:50px; width:286px; }
#step3 #intro { color:#666; margin-bottom:30px; }
#step3 #intro h2 { font-size:5em; font-weight:bold; height:60px; line-height:1em; margin:10px 0; }
#step3 #results { display:inline; float:left; margin-right:40px; width:625px; }
#step3 #results .areas { background:#f7f7f7; border:1px solid #cecece; margin:0 0 20px; padding:23px 25px 27px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#step3 #results .areas h3 { border-bottom:1px solid #919191; color:#666; font-size:1.3em; font-weight:bold; margin:0 0 25px 5px; padding:0 0 10px; text-transform:uppercase; }
#step3 #results .areas ul li { background:url(../images/bullet-red.gif) 0 3px no-repeat; margin:0 0 0 5px; padding:0 0 8px 18px; }
#step3 #categories { display:inline; float:left; padding:0 0 27px; width:290px; }
#step3 #categories h2 { background:url(../images/hdr-category-alt.png) 0 0 no-repeat; height:59px; margin:0 0 25px; width:289px; }
#step3 #categories h2 span { display:none; }
#step3 #categories .category { border-bottom:1px dotted #999; margin:0 0 25px; overflow:hidden; padding-bottom:8px; }
#step3 #categories h4 { background-image:url(../images/hdr-categories-alt.png); background-repeat:no-repeat; height:11px; margin:0 0 15px; width:100%; }
#step3 #categories h4 span { display:none; }
#step3 #categories #chartA h4 { background-position:0 0; }
#step3 #categories #chartB h4 { background-position:0 -22px; }
#step3 #categories #chartC h4 { background-position:0 -11px; }
/* result scale in image because didn't make sense accessibly - verbose result explanation set to display none to be read with CSS disabled */
#step3 #categories .resultBar { background-image:url(../images/result-bar-red.png); background-repeat:no-repeat; height:100px; margin:0 0 12px; width:290px; }
#step3 #categories .resultBar span { display:none; }
#step3 #categories .low .resultBar { background-position:0 0; }
#step3 #categories .medium .resultBar { background-position:0 -100px; }
#step3 #categories .high .resultBar { background-position:0 -200px; }
#step3 #categories .category p { font-size:10px; text-transform:uppercase; }
#step3 #categories .category .left { float:left; }
#step3 #categories .category .right { float:right; }
#step3 #categories .category .left span,
#step3 #categories .category .right span { display:none; }

#step3 #ctas { overflow:hidden; padding:0 0 20px; }
#step3 #ctas .cta { border:1px solid #cecece; display:inline; float:left; margin-bottom:20px; padding:5px 4px; position:relative; width:282px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#step3 #ctas .cta1 { margin:0 40px 0 0; }
#step3 #ctas .cta .inner { background:#f7f7f7 url(../images/bg-grad-grey-repeat-x.png) 0 0 repeat-x; min-height:130px; padding:16px 22px 55px; }
#step3 #ctas .cta h5 { height:11px; margin:5px 0 16px; }
#step3 #ctas .cta h5 span { display:none; }
#step3 #ctas .cta1 h5 { background:url(../images/hdr-open-free-account-alt.png) 0 0 no-repeat; width:156px; }
#step3 #ctas .cta2 h5 { background:url(../images/hdr-contact-us-today-alt.png) 0 0 no-repeat; width:147px; }
#step3 #ctas .cta p { margin-bottom:10px; }
#step3 #ctas .cta .bold { color:#000; margin:10px 0 0; }
#step3 #ctas .cta a { color:#0e258d; display:block; text-decoration:none; }
#step3 #ctas .cta a:hover { text-decoration:underline; }
#step3 #ctas .cta .btn { height:22px; margin-top:15px; position:absolute; bottom:30px; left:26px; }
#step3 #ctas .cta1 .btn { background:url(../images/btn-create-account-red.png) 0 0 no-repeat; height:22px; width:139px; }
#step3 #ctas .cta2 .btn { background:url(../images/btn-more-about-us-red.png) 0 0 no-repeat; height:22px; width:111px; }




/* *********************************** */
/* *** 5 - ADMIN ********************* */
/* *********************************** */

/* nav */
#container.admin{width:1000px; }
.admin #nav { margin-bottom:17px; overflow:hidden; position:relative; zoom:1; }
.admin #nav li { display:inline; float:left; }
.admin #nav li a { background-image:url(../images/admin/bg-nav-admin.png); background-repeat:no-repeat; display:block; height:33px; }
.admin #nav li a span { display:none; }
.admin #nav li#txphc a { background-position:0 0; width:403px; }
.admin #nav li#txphc a:hover { background-position:0 -33px; width:403px; }
.admin #containerDash #nav li#txphc a { background-position:0 -66px; width:403px; }
.admin #nav li#leads a { background-position:-403px 0; width:130px; }
.admin #nav li#leads a:hover { background-position:-403px -33px; width:130px; }
.admin #containerLeads #nav li#leads a { background-position:-403px -66px; width:130px; }
.admin #nav li#results a { background-position:-533px 0; width:148px; }
.admin #nav li#results a:hover { background-position:-533px -33px; width:148px; }
.admin #containerResults #nav li#results a { background-position:-533px -66px; width:148px; }

.admin h2#hdrSection { background-image:url(../images/admin/hdr-admin-sections.png); background-repeat:no-repeat; border-top:1px dotted #999; border-bottom:1px dotted #ccc; height:75px; margin-bottom:18px; }
.admin h2#hdrSection span{ display:none; }
.admin #containerDash h2#hdrSection { background-position:0 0; }
.admin #containerLeads h2#hdrSection { background-position:0 -75px; }
.admin .lead h2#hdrSection { background-position:0 -225px !important; }
.admin #containerResults h2#hdrSection { background-position:0 -150px; }

.admin table { margin:20px 0; }
.admin table tr.odd { background:#eee; }
.admin form table tr.odd { background:0; }
.admin table tr th { font-weight:bold; }
.admin table tr th,
.admin table tr td { padding:5px 7px; }

.admin a { color:#0e258d; text-decoration:none; }
.admin a:hover { text-decoration:underline; }

.admin #backToLeads { margin:0 0 20px; }

.admin .leadOverview { margin:0 0 20px; }
.admin .leadOverview li { margin:0 0 5px; }
.admin .leadOverview li strong { display:inline; font-weight:bold; margin-right:5px; }

.admin .leadDetails li { font-weight:bold; margin:10px 0 20px; }
.admin .leadDetails ul { margin:5px 0 0 0; }
.admin .leadDetails ul li { font-weight:normal; list-style:disc; margin:0 0 0 20px; }

.admin #footer { margin-top:20px; }


.admin .chart	{border:1px solid #cccccc;float:left;margin:20px 20px 0px 0px;}
.admin .cb	{clear:both;}
.admin th {text-align:left;}



/* paul's bits */
.admin table.stripe	{width:100%;}

.admin table.overviewTable td{
	padding: 10px 20px 25px 25px;
	vertical-align: top;
	width:190px;
	background-color:#f9f9f9;
}


.admin table.overviewTable td .title{
border-bottom: 1px solid #888;
color: #777;
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
}


.admin table.overviewTable td .number{
color: #AAA;
font-weight: bold;
font-size: 90px;
margin:50px 0px 20px 0px;
}
.admin table.overviewTable td .big{
	color:#666;
}

#chart_duplicates {float:right;margin-right:0;}

.admin h2	{font-size:150%;margin:20px 0px 10px 0px;}

.admin #pagination	a{color:#003f9f;}
.admin #pagination	p{color:#666;font-size:12px;padding:10px 0px 0px 0px;}
.admin #pagination	{font-size:150%; color:#ff3900;padding:20px 0px 0px 0px;float:left;}
.admin #pagination 	strong {font-weight:600;}

.admin #resultNumbers	{float:right;padding:20px 0px 0px 0px;}