@charset "UTF-8";

@import url(reset.css);

/*----------------
 TYPOGRAPHY
 ----------------*/
 
 /*GLOBAL*/
 body {
 	font-family: Arial, Helvetica, "sans-serif";
 	font-size: 0.75em;
 	text-align: center;
 }
 .wrap {
 	text-align: left;
 }
 
 /*HEADER*/
 .header {
 	text-align: right;
 	font-size: 0.92em;
 	line-height: 1.3em;
 }
 
 /*CONTENT*/
 .content h1 {
	display: block;
	text-indent: -9999px;
	outline: none;
	height: 40px;
	margin: 0 0 20px 0;
	background-repeat: no-repeat;
	background-position: 0 0;
 }
 .content p {
 	margin: 0 0 1em 0;
 	line-height: 1.5em;
 }
 .content ul,
 .content ol {
 	margin: 0 0 1em 20px;
 	line-height: 1.5em;
 }
 
 .content .how-to-order p {
 	margin: 0;
 }
 
 
  /*Form - Contact Details*/
 .content form fieldset.contact-details p em {
 	font-weight: bold;
 }
 .content form fieldset.contact-details p {
 	margin: 0;
 	padding: 3px 0;
 	overflow: hidden;
 	height: 1%;
 }
 
 /*Form - Stock*/
 form fieldset.stock table th {
 	font-weight: bold;
 	text-transform: uppercase;
 }
 
 /*Mailing Instructions*/
 .content p.mailing-instructions a {
 	display: block;
 	height: 27px;
 	text-indent: -9999px;
 	outline: none;
 	background-position: 0 -391px;
 }
 .content p.mailing-instructions a:hover {
 	background-position: 0 -418px;
 }
 
 /*Image Library*/
 .content #image-lib h2 a {
 	height: 27px;
 	display: block;
 	text-indent: -9999px;
 	background-repeat: no-repeat;
 	margin: 0 0 2px 0;
 	outline: none;
 }
 .content fieldset.cytology h2 {
 	background-position: 0 -148px; 
 }
 .content fieldset.cytology h2:hover {
 	background-position: 0 -175px;
 }
 .content fieldset.cytology h2.active,
 .content fieldset.cytology h2.active:hover {
 	background-position: 0 -202px;
 }
 .content fieldset.hpv-chalmydia h2 {
 	background-position: 0 -229px;
 }
 .content fieldset.hpv-chalmydia h2:hover {
 	background-position: 0 -256px;
 }
 .content fieldset.hpv-chalmydia h2.active,
 .content fieldset.hpv-chalmydia h2.active:hover {
 	background-position: 0 -283px;
 }
 .content fieldset.histology h2 {
 	background-position: 0 -310px;
 }
 .content fieldset.histology h2:hover {
 	background-position: 0 -337px;
 }
 .content fieldset.histology h2.active,
 .content fieldset.histology h2.active:hover {
 	background-position: 0 -364px;
 }
 .content #image-lib ul li span {
 	font-size: 0.92em;
 	line-height: normal;
 }
 
  /*Error Messages*/
 .content label.error {
 	font-weight: bold;
 }
 
 /*Thank You*/
 
 #thankyou p {
 	font-size: 1.2em;
 }
 
 
 
 
 
/*----------------
 STRUCTURE
 ----------------*/
 
 /*GLOBAL*/
 body {
 }
 .wrap {
 	width: 930px;
 	padding: 15px;
 	margin: 0 auto;
 }
 
 /*HEADER*/
 .header {
 	margin: 0 0 20px 0;
 }
 .header #logo {
 	float: left;
 }
 
 /*CONTENT*/
 .content form fieldset {
 	margin: 0 0 15px 0;
 }
 
 /*Form - Contact Details*/
 form fieldset.contact-details {
 	padding: 10px;
 }
 form fieldset.contact-details legend {
 	display: none;
 }
 form fieldset.contact-details p label {
 	float: left;
 	width: 210px;
 }
 form fieldset.contact-details p input {
 	width: 598px;
 	border-width: 1px;
 	border-style: solid;
 } 
 
 /*Form - Stock*/
 .content .column {
 	float: left;
 	width: 465px;
 }
 form fieldset.stock h2 {
 	display: block;
 	outline: none;
 	height: 27px;
 	width: 930px;
 	text-indent: -9999px;
 	background-repeat: no-repeat;
 }
 form fieldset.cytology h2 {
 	background-position: 0 -40px;
 }
 form fieldset.histology h2 {
 	background-position: 0 -67px;
 }
 form fieldset.hpv-chalmydia h2 {
 	background-position: 0 -94px;
 }
 form fieldset.forms-resources h2 {
 	background-position: 0 -121px;
 }
    
 form fieldset.stock .right table {
 	width: 100%;
 	border-width: 0 1px 0 0;
 	border-style: none solid none none;
 }
 form fieldset.stock table th,
 form fieldset.stock table td {
 	padding: 5px;
 	border-width: 0 0 1px 1px;
 	border-style: none none solid solid;
 }
 form fieldset.stock table td.orphan {
 	border-width: 0 1px 1px 1px;
 	border-style: none solid solid solid; 
 }
 form fieldset.stock input {
 	width: 20px;
 	border-width: 1px;
 	border-style: solid;
 }

 /*Form - Requested By*/
 form fieldset.request-date legend {
 	display: none;
 }
 form fieldset.request-date p label {
 	float: left;
 	width: 210px;
 }
 form fieldset.request-date p input {
 	width: 598px;
 	border-width: 1px;
 	border-style: solid;
 }
 
 /*Form - Manual Request Form*/
 form fieldset.manual-request-forms legend {
 	display: block;
 	outline: none;
 	height: 27px;
 	width: 930px;
 	text-indent: -9999px;
 	background-repeat: no-repeat;
 	background-position: 0 -445px;
 }
 .content form fieldset.manual-request-forms p {
 	padding: 5px 10px;
 	margin: 0;
 	display: block;
 	overflow: hidden;
 	height: 1%;
 }
 .content form fieldset.manual-request-forms p.first {
 	padding-top: 10px;
 }
 .content form fieldset.manual-request-forms p.last {
 	padding-bottom: 10px;
 }
 form fieldset.manual-request-forms p label {
 	float: left;
 	width: 210px;
 }
 form fieldset.manual-request-forms p input {
 	width: 598px;
 	border-width: 1px;
 	border-style: solid;
 }
 form fieldset.manual-request-forms p.checkbox label {
 	float: none;
 }
 form fieldset.manual-request-forms p.checkbox input {
 	border: none;
 	width: auto;
 }
 
 
  /*Image Library*/
 .content .table {
 	margin: 0 ;
 }
 .content .table ul {
 	margin: 0;
 	padding: 0;
 	overflow: hidden;
 	height: 1%;
 	padding: 8px 0 0 0;
 }
 .content .table ul li {
	 list-style: none;
	 float: left;
	 height: 230px;
	 width: 150px;
 }
 .content .table ul li span {
 	display: block;
 	padding: 5px 0;
 }
 
 /*Error Messages*/
 .content label.error {
 	float: none;
 	padding: 5px 0;
 	margin-left: 210px;
 	display: block;
 }
 
 /*Thank You*/
 #thankyou h2 {
 	display: block;
 	outline: none;
 	height: 27px;
 	width: 930px;
 	text-indent: -9999px;
 	background-repeat: no-repeat;
 	background-position: 0 -472px;
 }
 #thankyou p {
 	padding: 15px 10px 25px 10px;
 	display: block;
 }
 

 
/*----------------
 COLOUR
 ----------------*/ 
 
 body {
  	color: #000;
 }
 
 /*CONTENT*/
 .content h1 {
 	background-image: url(../img/headings.gif);
 }
  .content .how-to-order {
 	color: #c60b46;
 }
 
  /*Form - Contact Details*/
 form fieldset.contact-details {
 	background: #eef8fe;
 }
 form fieldset.contact-details p label {
 	color: #c60b46;
 }
 form fieldset.contact-details p input {
 	border-color: #000;
 	background: #eef8fe;
 } 
 
 /*Form - Stock*/
 form fieldset.stock h2 {
 	background-image: url(../img/headings.gif);
 }
 form fieldset.stock .right table {
 	border-color: #FFF #000 #FFF #FFF;
 }
 form fieldset.stock table th,
 form fieldset.stock table td {
 	border-color: #FFF #FFF #000 #000;
 }
 form fieldset.stock table td.orphan {
 	border-color: #FFF #000 #000 #000;
 }
 form fieldset.stock input {
 	color: #c60b46;
 	border-color: #CCC;
 }
 
 /*Form - Request Date*/
 form fieldset.request-date p label {
 	color: #c60b46;
 }
 form fieldset.request-date p input {
 	border-color: #000;
 }
 
 /*Form Manual Request Forms*/
 form fieldset.manual-request-forms legend {
 	background-image: url(../img/headings.gif);
 }
 form fieldset.manual-request-forms p {
 	background: #eef8fe;
 }
 form fieldset.manual-request-forms p label {
 	color: #c60b46;
 }
 form fieldset.manual-request-forms p.checkbox {
 	background: #FFF;
 }
 form fieldset.manual-request-forms p.checkbox label {
 	color: #000;
 }
 form fieldset.manual-request-forms p input {
 	border-color: #000;
 	background: none;
 }
 /*Disabled Input*/
 form fieldset.manual-request-forms p input.disabled {
 	border-color: #e3e9ec;
 	background-color: #f7fbfd;
 } 
 
 /*Mailing Instructions*/
 .content p.mailing-instructions a {
 	background-image: url(../img/headings.gif);
 }
 
 /*Image Library*/
 .content #image-lib h2 a {
 	background-image: url(../img/headings.gif);
 }
 
 /*Error Messages*/
 .content label.error {
 	color: #005696;
 }
 
 /*Thank You*/
 #thankyou {
 	background: #eef8fe;
 }
 #thankyou h2 {
 	background-image: url(../img/headings.gif);
 }
 

 
 .images {
	 border:1px solid #000; padding:10px; margin-bottom:0px; border-top:0px;
 }
 
 
 td.greyBg {
	background-color:#ededed;
	padding:20px; 
	text-align:center;
	vertical-align:middle;
	
 }
 
 .noRightLine {
	border-right:none; 
 }
 .small {
	font-size:9px; width:200px; margin:0; padding:0; 
 }