/* Crucial Genetics Screen CSS */

* {
	margin: 0;
	padding: 0;
}
body, table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #666666;
}
body {
	text-align: center;
	background: url(../images/backgrounds/body.jpg) repeat 0 0;
}
a:link, a:visited, a:active {
	color: #0374A5;
	font-weight: bold;
}

a:hover {
	color: #222222;
}

p {
	padding: 0 0 10px 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 24px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Verdana;
	color: #0374A5;
	padding: 0 15px 12px 15px;
}
h1 {
	line-height: 24px;
}
h2 {
	line-height: 24px;
	font-size: 18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
h4 {
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h5, h6 { 
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
ul {
	list-style-type: square;
	margin: 10px 40px;
}
ul li {
	padding: 0 0 6px 0;
}
ol {
	margin: 10px 40px;
}
ol li {
	padding: 0 0 6px;
	margin: 0;
}
p.ol {
	margin: 5px 0;
	padding: 0;
}
ol ol {
	margin: 10px 20px;
}
dl#faq_dl {
	margin: 10px 25px;
}
dl#faq_dl.glossary {
	margin: 10px 15px;
}
.printonly {
	display: none;
}

div#terms2 {
	font-size: 10px;
}
div#terms2 p.in {
	padding-left: 0;
	padding-top: 5px;
}
div#wrapper {
	width: 100%;
	background: url(../images/backgrounds/wrapper.jpg) repeat-x 0 0;
}
div#page {
	width: 766px;
	background: #FFFFFF;
	margin: auto;
	border: 3px solid #75B3CE;
	border-top: 0;
	margin-bottom: 10px;
}

div#header {
	margin: auto;
	width: 760px;
	height: 275px;
	text-align: left;
	background: #F2F2F2;
	background-repeat: no-repeat;
}
body.paternity-testing div#header {
	background-image: url(../images/backgrounds/header2.jpg);
}
body.why-crucial div#header, body.sitemap div#header, body.news div#header, body.register div#header {
	background-image: url(../images/backgrounds/header5.jpg);
}
body.immigration div#header {
	background-image: url(../images/backgrounds/header3.jpg);
}
body.contact div#header {
	background-image: url(../images/backgrounds/header10.jpg);
}
body.helping-real-people div#header {
	background-image: url(../images/backgrounds/header9.jpg);
}
body.legal div#header {
	background-image: url(../images/backgrounds/header12.jpg);
}
body.social-workers div#header {
	background-image: url(../images/backgrounds/header8.jpg);
}
body.support div#header {
	background-image: url(../images/backgrounds/header8.jpg);
}
body.what-we-test div#header {
	background-image: url(../images/backgrounds/header11.jpg);
}
body.health-care div#header {
	background-image: url(../images/backgrounds/header6.jpg);
}
body.results div#header {
	background-image: url(../images/backgrounds/header13.jpg);	
}

div#header form#cg_search {
	float: right;
	width: 146px;
	margin: 13px 0 0 0;
}
div#header form#cg_search input#zoom_query {
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 14px;
	color: #666666;
	width: 75px;
	background: none;
}
div#header form#cg_search input#cg_submit {
	border: 0;
	background: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	padding: 0 0 0 8px;
}
body.results div#header form#cg_search input#cg_submit, body.legal div#header form#cg_search input#cg_submit {
	color: #F5F5F5;
}
div#header form#cg_search input#cg_submit:hover {
	color: #0374A5;
}
div#header a.logo {
	display: block;
	float: right;
	width: 210px;
	height: 97px;
	clear: right;
	margin: 10px 0 0 0;
	text-decoration: none;
	text-indent: -5000px;
}
div#header ul#navmenu {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style: none;
	margin: 10px 20px 20px 0;
	float: left;
}
div#header ul#navmenu li {
	padding: 0 0 0 18px;
}
div#header ul#navmenu li.active {
	background: url(../images/buttons/nav-active.gif) no-repeat 6px 6px;
}
div#header ul#navmenu li a {
	text-decoration: none;
	color: #666666;
}
div#header ul#navmenu li a:hover {
	color: #000000;
}
div#header ul#navmenu li.active a, div#header ul#navmenu li.active a:hover {
	color: #0374A5;
}
div#header ul#navmenu li ul {
	list-style: none;
	margin: 0 10px;
}
div#header ul#navmenu li ul li {
	padding-left: 0;
}
div#header ul#navmenu li ul li a {
	font-weight: normal;
	color: #0374A5;
}
div#header ul#navmenu li ul li a:hover, div#header ul#navmenu li.active ul li a:hover {
	color: #666666;
}
div#header ul#navmenu li ul li.active {
	background: none;
}
div#header ul#navmenu li ul li.active a {
	font-weight: bold;
}
div#header ul#subnavmenu {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style: none;
	margin: 40px 8px 0 0;
	float: right;
	clear: right;
}

body.what-we-test div#header ul#subnavmenu, body.accreditation div#header ul#subnavmenu {
	right:0px
	
}

html>body div#header ul#subnavmenu {
	margin-right: 16px;
	position:relative; 
	right:80px; 
	top:0px
}
div#header ul#subnavmenu li {
	display: inline;
	padding: 0 4px 0 7px;
	border-right: 1px solid #CCCCCC;
}
div#header ul#subnavmenu li.last {
	border: 0;
	padding-right: 0;
}
div#header ul#subnavmenu li a {
	color: #333333;
}
div#header ul#subnavmenu li a:hover {
	color: #999999;
}
div#header ul#subnavmenu li.active a {
	text-decoration: none;
	color: #666666;
}
/*div#header h1.for-expert-advice {
	display: block;
	float: right;
	clear: right;
	height: 49px;
	width: 235px;
	margin: 15px 0 0 0;
	background: url(../images/backgrounds/h1-for-expert-advice.jpg) no-repeat 0 0;
	font-size: 1px;
	text-indent: -5000px;
}
*/
div#header h1.for-expert-advice {
	display: block;
	float: right;
	clear: right;
	height: 96px;
	width: 285px;
	margin: -14px 0 0 0;
	padding:0 0 0 12px;
	background: url(../images/backgrounds/h1-for-expert-adviceNew.gif) no-repeat 0 0;
	font-size: 1px;
	text-indent: -5000px;
}

body.what-we-test div#header h1.for-expert-advice, body.accreditation div#header h1.for-expert-advice  {
	background: url(../images/backgrounds/h1-for-expert-advice-x.jpg) no-repeat 0 0;
	margin-top:0px;
	margin-right:-30px;
}


div#content {
	width: 760px;
	margin: auto;
	background: url(../images/backgrounds/content.jpg) repeat-x 0 0;
	text-align: left;
	margin-bottom: 20px;
	min-height: 300px;
}
div#content p {
	padding: 0 15px 12px 15px;
}
div#content .note {
	font-size: 11px;
}
div#content ul#bcrumb {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	list-style: none;
	display: inline;
	margin: 0 0 0 15px;
	padding: 0;
	color: #999999;
	float: left;
	width: 400px;
}
div#content ul#bcrumb li {
	display: inline;
	padding: 0 2px 0 10px;
	background: url(../images/icons/raquo.gif) no-repeat 0 6px;
}
div#content ul#bcrumb li.first {
	background: none;
	padding: 0;
}
div#content ul#bcrumb li a {
	color: #666666;
}
div#content ul#bcrumb li a:hover {
	color: #999999;
}
div#content ul#bcrumb li.active a {
	text-decoration: none;
	color: #666666;
}
div#content div#left_col, div#content div#left {
	float: left;
	width: 480px;
	padding-top: 20px;
	font-size: 12px;
}
div#content div#left {
	width: 760px;
}
div#content table {
	margin: 0 15px 10px 15px;
	font-size: 12px;

}
div#content table th {
	text-align: left;
	padding: 8px 10px;
	background: #F5F5F5;
	font-weight: normal;
}
div#content table th.head {
	background: #666666;
	border: 0;
	color: #FFFFFF;
}
div#content table td {
	text-align: left;
	padding: 8px 10px 3px 10px;
}

div#content table td table {
	margin: 0;
}
div#content table td td {
	padding: 0 5px 5px 0;
}
div#content div.feature {
	margin: 0 10px;
	padding: 0 10px 50px 10px;
	background: url(../images/backgrounds/feature.jpg) repeat-x 0 0;
}
div#content div.feature p {
	padding: 20px 5px 0 5px;
}
div#content div.feature img {
	float: right;
	
}
div#content div.register h4 {
	margin: 0 15px 10px 15px;
	padding: 0;
	border-bottom: 1px solid #0374A5;
}
div#content div#right_col {
	float: right;
	width: 275px;
	color: #0374A5;
}
div#content div#terms {
	border: 1px solid #CCCCCC;
	border-top: 0;
	margin: 0 15px;
	font-size: 10px;
}
div#content div#terms h5 {
	background: #666666;
	color: #FFFFFF;
	margin: 0;
	padding: 5px 10px;
	font-size: 9px;
	text-transform:uppercase;
}
div#content div#terms div.scroll {
	overflow: auto;
	height: 300px;
}
div#content div#terms div div {
	border: 0;
	margin: 0;
	padding: 10px 0;
}
div#content div#right_col div#resources {
	background: #FFFFFF url(../images/backgrounds/right_col_base.jpg) no-repeat 0% 100%;
	width: 260px;
	margin: 20px 0;
}
div#content div#right_col div#resources div {
	background: url(../images/backgrounds/right_col.jpg) no-repeat 0 0;
}

div#content div#right_col div#resources h4 {
	font-size: 18px;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-weight: normal;
	padding: 12px 15px 10px 15px;
}
div#content div#right_col div#resources h5 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0 15px 5px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#content div#right_col div#resources h6 {
	color: #666666;
	margin: 0;
	padding: 0 15px 0 15px;
}
div#content div#right_col div#resources .detail {
	font-size: 19px;
	
}
div#content div#right_col div#resources h6.first {
	padding-top: 10px;
}
div#content div#right_col div#resources p.red {
	color: #DD0000;
}
div#content div#right_col div#resources p a {
	font-weight: normal;
	color: #0374A5;
}
div#content div#right_col div#resources p a:hover {
	color: #444444;
}
div#content div#right_col div#resources p a span {
	text-decoration: none;
	color: #999999;
}
div#content div#right_col div#resources p.pdf {
	padding-right: 60px;
	background: url(../images/icons/pdf.gif) no-repeat 210px 0;
}
div#content div#right_col div#resources p.movie {
	padding-right: 60px;
	background: url(../images/icons/movie.gif) no-repeat 210px 0;
}
div#content div#right_col div#resources hr {
	margin: 0 15px;
	color: #E5E5E5;
}
html>body div#content div#right_col div#resources hr {
	margin: 0 15px 5px 15px;
}
div#content a.register {
	display: block;
	width: 145px;
	height: 35px;
	background: url(../images/buttons/register.jpg) no-repeat 0 0;
	text-indent: -5000px;
	font-size: 0.1em;
}
div#sectors {
	width: 740px;
	height: 105px;
	margin: auto;
	background: url(../images/backgrounds/sectors.jpg) repeat-x 0 0;
	clear: both;
	text-align: left;
}
div#sectors div {
	float: left;
	width: 185px;
	color: #FFFFFF;
	background: url(../images/backgrounds/sector-divider.jpg) no-repeat right 0;
}
div#sectors div#s4 {
	background: none;
}
div#sectors div h3 {
	display: block;
	margin: 15px 0 0 15px;
	height: 20px;
	font-size: 1px;
	text-indent: -5000px;
	width: 150px;
	padding: 0;
}
div#sectors div p {
	padding: 0 15px;
}
div#sectors div a {
	color: #333333;
	font-weight: bold;
	display: block;
	width: 95px;
	height: 35px;
	padding: 4px 0 0 7px;
	text-decoration: none;
	margin: 8px 0 0 10px;
	background: url(../images/backgrounds/learn-more.gif) no-repeat 0 0;
}
div#sectors div a:hover {
	padding: 5px 0 0 8px;
	color: #999999;
	background-position: 1px 1px;
}

div#sectors div.active {
	background: url(../images/backgrounds/sector-highlight.jpg) no-repeat right 0;	
}
div#sectors div#s1 h3 {
	background: url(../images/backgrounds/h3-helping-real-people.gif) no-repeat 0 0;
}
div#sectors div#s2 h3 {
	background: url(../images/backgrounds/h3-legal-sector.gif) no-repeat 0 0;
}
div#sectors div#s2 {
	width: 185px;
}
div#sectors div#s3 h3 {
	background: url(../images/backgrounds/h3-social-workers.gif) no-repeat 0 0;
}

div#sectors div#s4 h3 {
	height: 36px;
	background: url(../images/backgrounds/h3-healthcare-professionals.gif) no-repeat 0 0;
}
div#sectors div#s4.active {
	background: url(../images/backgrounds/sector-highlight2.jpg) no-repeat right 0;	
}

div#footer {
	width: 740px;
	margin: auto;
	background: url(../images/backgrounds/footer.jpg) repeat-x 0 0;
	height: 40px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #999999;
	padding: 10px 0;
}
div#footer ul {
	list-style: none;
	margin: 0;
	float: left;
}
div#footer ul li {
	display: inline;
	padding: 0 4px 0 10px;
	border-right: 1px solid #CCCCCC;
}
html>body div#footer ul li {
	padding-right: 11px;
}
div#footer ul li.last {
	border: 0;
	padding-right: 0;
}
div#footer ul li a {
	color: #666666;
}
div#footer ul li a:hover {
	color: #999999;
}
div#footer ul.tools {
	float: right;
}
div#footer ul.tools li.last {
	border: 0;
	padding-right: 11px;
}
div#footer ul.tools a {
	background: url(../images/icons/email.gif) no-repeat 0 4px;
	padding-left: 20px;
}
div#footer ul.tools a.email {

}
div#footer ul.tools a.print {
	background: url(../images/icons/print.gif) no-repeat 0 3px;
}
div#footer p {
	float: left;
	clear: left;
	padding: 4px 10px;
	margin: 0;
}


input.text, select.text, textarea.text {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 4px 5px;
	margin: 0 0 3px 0;
}
html>body select.text {
	padding: 2px 0;
}
input.button {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 6px 15px;
	font-weight: bold;
	cursor: pointer;
}
div#content table.rates {
	
}

div#content table.rates th.top {
	background: #666666;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #E5E5E5;
}
div#content table.rates th.side {
	border: 1px solid #E5E5E5;
	border-top: 1px solid #FFFFFF;
}
div#content table.rates td {
	text-align: center;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}
div#content table.rates .blank {
	border: 0;
	background: 0;
}
div#content table.rates .topx {
	border-top: 1px solid #E5E5E5;
}
div#content table.rates th.sidex {
	border: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
}

/* REGISTRATION FORM STUFF */

form#accept a, form#register a {
	display: block;
	width: 177px;
	height: 33px;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	padding: 14px 0 0 0;
	background: url(../images/buttons/start_reg.jpg) no-repeat 0 0;
	float: right;
}

form#accept a:hover, form#register a:hover {
	color: #0374A5;
	text-decoration: underline;
}
form#accept a.inactive, form#accept a.inactive:hover, form#register a.inactive, form#register a.inactive:hover {
	color: #999999;
	text-decoration: none;
}
form#accept {
	margin: 15px;
	border: 1px solid #CCCCCC;
	background: #F5F5F5;
	padding: 15px 10px 30px 10px;
}

form#register {
	margin: 0 15px 15px 15px;
	padding: 0 10px 30px 10px;
	border-top: 0;
	background: #FFFFFF;
}
form#accept input.tick {
	margin-top: 15px;
}	
form#accept label {
	padding-left: 10px;
	font-weight: bold;
	color: #000000;
}
form#accept.table table {
	margin: 0;
}
fieldset {
	clear: both;
	margin: 10px;
}
legend {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0374A5;
}
div#progress {
	width: 760px;
	float: left;
	height: 30px;
	clear: both;
	margin: 10px 0 0 0;
}
div#progress ul {
	height: 28px;
	margin: 0 10px;
	background: url(../images/backgrounds/register.gif) repeat-x 0 0;
}
div#progress ul, div#progress ul li {
	list-style: none;
	padding: 0;
}
div#progress ul li {
	text-align: center;
	display: inline;
}
div#progress ul li a {
	color: #FFFFFF;
	font-family: Tahoma, Arial, verdana, serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 15px 0 15px;
	float: left;
	color: #0374A5;
}
div#progress ul li a:hover {
	text-decoration: underline;
}
div#progress ul li.instructions a {
	border: none;
	background: none;
	color: #999999;
	font-weight: normal;
	padding-right: 25px;
	padding-left: 10px;

}
div#progress ul li.instructions a:hover {
	text-decoration: none;
	cursor:default;
}
div#progress ul li.active a {
	border: 1px solid #0374A5;
	border-bottom: none;
	background: #0374A5;
	border-top: 3px solid #0374A5;
	padding-bottom: 5px;
	padding-top: 3px;
	background: #FFFFFF url(../images/buttons/tab-repeat.jpg) repeat-x 0 0;
}
div#progress ul li.inactive a {
	color: #CCCCCC;
	border: none;
	background: none;
	padding-right: 0;
}
div#progress ul li.inactive a:hover {
	text-decoration: none;
}
form table {
	margin: 0;
	padding: 0;
	clear: both;
}
form table strong {
	color: #0374A5;
}

div#content table.register td {
	padding: 10px 10px 0 10px;
}
div#content table.register td.error {
	border-bottom: 1px solid #FFFFFF;
	background: url(../images/backgrounds/td-error.jpg) repeat-x 0 0;
	font-size: 11px;
	color: #CC0000;
	padding-bottom: 5px;
}
div#content table.register td.error span {
	background: url(../images/icons/exclam.gif) no-repeat 0 0;
	padding-left:22px; 
	padding-top: 1px;
	padding-bottom: 1px;
}
div#content table.register td.errorx {
	border-top: 1px solid #CC0000;
	padding: 0;
}
div#content table.register td.blank {
	padding: 0;
}
div#content table.register td.e, div#content table.register td.e strong, div#content table.contact th.e, div#content table.contact th.e strong, .e {
	color: #CC0000;
}
div#content table.contact .x {
	font-size: 11px;
}
div#content table.contact th.head strong {
	color: #FFFFFF;
}
div#content table.register td input.e, div#content table.contact td input.e,  div#content table.register td textarea.e,  div#content table.register td select.e {
	border: 1px solid #CC0000;
	background: #FDF0EE;
}
div#content table.register td.error strong {
	color: #990000;
}
div#content table.register td.nopad {
	padding: 0;
}
div#content table.register td.buttons {
	border-top: 1px solid #CCCCCC;
	padding: 10px 5px;
	border-bottom: 1px solid #0374A5;
}
div#content table.register td input.button {
	float: left;
}
div#content table.register td input.right {
	float: right;
}
input.zoom {
	margin-left: 15px;
}
input.zoombutton {
	padding: 4px 10px;
	margin: 0;
	position: relative;
	top: -2px;
}
div#content form#register {
	margin: 0;
	padding: 0;
}
div#content form#register table {
	margin: 0 10px 10px 10px;
}
div#content form#register table p {
	padding: 3px 0 2px 0;
}
div#content form#register table td table {
	margin: 10px 0;
}
div#content form#register table td h4 {
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 13px;
	border-bottom: 1px solid #CCCCCC;
	color: #333333;
}
div#content form#register table td table td {
	padding: 0 0 5px 0;
}


div#content a.order, div#content a.support, div#content a.steps {
	display: block;
	height: 110px;
	float: left;
	width: 280px;
	text-decoration: none;
	font-size: 1px;
	text-indent: -5000px;
	background: url(../images/buttons/5steps.jpg) no-repeat 0 0;
	margin: 10px 0 10px 7px;
}
html>body div#content a.order, html>body div#content a.support,  html>body div#content a.steps {
	margin-left: 10px;
}
div#content a.order {
	width: 168px;
	background: url(../images/buttons/order.jpg) no-repeat 0 0;
}
div#content a.support {
	width: 168px;
	background: url(../images/buttons/support.jpg) no-repeat 0 0;
}
div#content table.contact {
	border: 1px solid #CCCCCC;
	border-top: 0;
}

/* REMOVE SECTORS LINKS (ORANGE BAR) UNTIL FURTHER NOTICE! */
div#sectors {
	display: none;
}

div#footer {
	clear: both;
	border-top: 1px solid #CCCCCC;
	padding-bottom: 20px;
}
ul#terms, ul#terms li {
	list-style: none;
	display: inline;
}
ul#terms {
	height: 27px;
	display: block;
	margin: 10px;
	border-bottom: 1px solid #999999;
}
ul#terms li a {
	padding: 4px 10px;
	margin: 0 5px;
	text-decoration: none;
	height: 18px;
	display: block;
	float: left;
}
ul#terms li.active a {
	border: 1px solid #999999;
	border-bottom: 1px solid #FFFFFF;
}