@charset "utf-8";
/*	H&R Healthcare CSS DEFINIITIONS
	===================================

	Born:		24/03/2010

	Last Edit:	03/02/2011
	
	version:		2.6


	CONTENTS

	========
	
	COMMENTS  - Ensure Test Site Idicator is commented out before posting Live. - See end of document - 
	
	========
	
	Definitions for the home page and main content pages
	CSS, 2 columns with backgrounds that will be equal height with a footer that floats below colums but will not push to bottom of screen on short content. 
	======= */

/* =============================================== */
/* ==========  Text Style Definiations  ========== */		/* OK As 18 June 2010 */
/* =============================================== */

body, h1, h2, h3, h4, h5, h6, p, ul, ol {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#000000;
	text-align:left;
}
p, ul, ol, dl {
	margin-top: 0;
	line-height: 140%;
	font-size:1.1em;
}
li p, li, th, td, dt, dd {
	font-size:1em;
}
h1, h2, h3, h4 {
	margin: 12px 0 0 0;
	padding: 0;
	font-weight:bold;
	color:#003366;
}
/*
h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #FF8000;
}
*/
h1 {
	font-size:2.0em;
	margin: 1em 0 1em 0;
}
h2 {
	font-size:1.6em;
	margin: 1em 0 0.4em 0;
}
h3 {
	font-size:1.4em;
	margin: 1em 0 0.2em 0;
}
h4 {
	font-size:1.20em;
	margin: 1em 0 0.2em 0;
}
/*
h5 {
	font-size:1.15em;
}
h6 {
	font-size:1em;
}
*/

/* specific style for the words sorbion sachet S and sorbion sana */
.sorb {
	font-weight:bold;
	color:#003366;
}
.faq li {
	color:#003366;
	font-weight:bold;
	margin-top:1.5em;
}
.faq p {
	color:#000000;
	font-weight:normal;
	margin-top:0.5em;
}
img {
	margin:1em;
	border:0;
}
.faq-ul li {
	font-style:italic;
}
.mist-quote {
	font-style:italic;
	font-weight:bold;
	color:#0066FF;
}
/* ======================================== */
/* ======  Initial Link Definitions  ====== */
/* ======================================== */

a {
	text-decoration:none;
	color:#FF8000;
}
a:hover {
	color:#003366
}
/* ===== Masthead(Top menu) Links ===== */

.topmenu a {
	color:#333333;
	text-decoration:none;
}
.topmenu a:hover {
	color:#333333;
	font-weight: bold;
	font-size:1.2em;
}
/* ====== Index Page Links ====== */

.index a {
	color:#003366;
}
.index a:hover {
	color:#FF8000;
}
/* ======== Sidebar Links ======== */

.sidebar a {
	color:#003366;
	font-size:1.2em;
	font-weight:bold;
}
.sidebar a:hover {
	color:#FF8000;
}
/* ========================================== */
/* ======  Main Container Definitions  ====== */		/* OK As 17 June 2010 */
/* ========================================== */

html, body {
	margin:0;
	padding:0;
	height:100%;
}
body {
	background-color:#E0E0E0;
	background-image:url(images/body-bg.gif);
	background-repeat:repeat-x;
	width:960px;
	margin:auto;
}
#container {
	min-height:100%;
	position:relative;
	padding:0;
	background-color:#FFFFFF;
}
/* ========================================== */
/* ======  Masthead Container Contents ====== */		/* OK As 17 June 2010 */
/* ========================================== */
/* This wraps all elements in the masthead section - logo and top menu */

#masthead {
	width:100%;
	height:98px;
	margin:0;
	padding:0;
	background: #FFFFFF;
}
/* ====== Logo ====== */
#logo {
	width:auto;
	height:auto;
	margin:0px;
	padding:15px;
}
/* ====== Top Menu Containter ====== */
.topmenu {
	float:right;
	height:auto;
	margin:10px;
	padding:0;
	max-width: 580px;
	background:#FFFFFF;
}
.topmenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
.topmenu li {
	float:left;
	margin: 0;
	padding:0px 5px 0px 5px;
	font-size:0.9em;
	border-right:1px solid #FF8000;
}
li.nodivide {
	border-right:none !important;
	padding-right:0px !important;
}
/* =========================================== */
/* ========  Header Container Conents ======== */		/* OK As 17 June 2010 */
/* =========================================== */
/* This wraps all elements in the header section - main nav & banner */

#header {
	margin:0;
	padding:0px;
	background:#FFFFFF;
}
/* ====== Main Navigation ====== */ 
.mainnav {
	width:95%;
	height:auto;
	margin: 0 auto;
	padding:0;
	background:#FFFFFF;
}
.mainnav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
.mainnav li {
	float:left;
	margin:1px;
}
.mainnav li a {
	display:block;
	width:110px;
	height:35px;
	line-height:2.3;
	background-image:url(images/tab.gif);
	background-color:#666666;
	font-weight:bold;
	font-size:1.1em;
	color:#ffffff;
	text-align:center;
	padding:0px;
	text-decoration:none;
	text-transform:uppercase;
}
/*
.mainnav li a:visited {
	background-image:none;
}
*/
.mainnav li a:hover {
	background-image:url(images/active_tab.gif);
}
#activetab a {
	background-image:url(images/active_tab.gif);
}
/* ====== Banner ====== */
#bannercontainer {
	width:100%;
	height:260px;
	margin:0px;
	padding:0px;
	background-color:#FF8000;
	position:relative;
}
.banner {
	position:absolute;
	top:7px;
	left:0px;
	height:100%;
}
.banner img {
	/*width:90%;
	height:90%;*/
	margin:auto;
}
/* ============================================ */
/* ======= Content Boxes and Containers ======= */		/* OK As 18 June 2010 */
/* ============================================ */


/*===== Text Boxes =====*/

.textbox {
	clear:both;
	margin:auto;
	margin-right:10em;
	width:auto;
	padding:0.3em;
	height:auto;
	background:#FFFFFF;
}
.textboxleft { /* Floats left image floats left */
	margin:2em;
	margin-right:15em;
	width:auto;
	padding:0.5em;
	height:auto;
	background:#FFFFFF;
}
.textboxleft img {
	float:left;
	margin:4em;/* border:0.5px solid #003366; */
}
.textboxright { /* text box with image floated right*/
	margin: auto;
	margin-right:15em;
	width:auto;
	padding:0.5em;
	height:auto;
	background:#FFFFFF;
}
.textboxright img {
	float:right;
	margin-left:2em;/* border:0.5px solid #003366; */
}
/*====== Download Listing Box ======*/

.downloadbox {
	clear:both;
	width:90%;
	float:left;
	background:#FFFFFF;
	border-bottom: solid 1px #FF8000;
}
.downloadbox img {
	float:left;
	margin:0.5em;
	border: solid 1px #666666;
}
.downloadimage-port {
	height:90px;
}
.downloadimage-land {
	width:125px;
}
.downloadbox-text {
	margin: 1em 8em 1em 16em;
}
/*===== Image Sprites =====*/

img.tick {
	width:28px;
	height:14px;
	background:url(images/img_tablesprite.gif) 0 0;
	margin:0
}
img.cross {
	width:28px;
	height:14px;
	background:url(images/img_tablesprite.gif) 26px 0;
	margin:0
}
/* ================================================== */
/* ======= Product Tables and Ordering Tables ======= */
/* ================================================== */

table {
	border-collapse:collapse;
	font-size:1.1em;
}
th {
	padding:0.3em;
}

/*====================================*/
/*========= sorbion tables ===========*/
/*====================================*/

/*===== sorbion sachet S Tables ======*/

table.sachet {
	border-collapse:separate;
	border-spacing:0px 10px;
}

.sachet th {
	background-color:#005C24;
	color:#FFFFFF;
	height:2em;
}
.sachet th, .sachet td {
	border-bottom:1px solid #005C24;
	text-align:center;
	height:1.75em;
	padding-left:0.5em;

}
.sachet-item-name {
	border-left:1px solid #005C24;
	padding-left:0.5em;
	

}

td.sachet-item-name, th.sachet-item-name {
	text-align:left;
}

/*========== sorbion sana ============*/

table.sana {
	border-collapse:separate;
	border-spacing:0px 10px;
}

.sana td, .sana th {
	border-bottom:1px solid #F49E00;
	text-align:center;
	width:20em;
	height:1.75em;
}
.sana th {
	background-color:#F49E00;
	color:#FFFFFF;
	height:2em;
}
.sana-item-name {
	border-left:1px solid #F49E00;
	padding-left:0.5em;
	width:28%;

}

td.sana-item-name, th.sana-item-name {
	text-align:left;
}


/*===== Carolon Multi-Layer Compression Tables ======*/

.multi table, .multi td, .multi th {
	border:1px solid #990099;
	text-align:center;
	width:5em;
	height:1.75em;
}
.multi th {
	background-color:#990099;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	height:2em;
	vertical-align:bottom;
}
/*===== hyiodine Tables ======*/

.hyio table, .hyio td, .hyio th {
	border:1px solid #9D0D16;
	text-align:center;
}
.hyio th {
	background-color:#9D0D16;
	color:#FFFFFF;
	text-align:center;
}
.hyio td {
	font-size:90%;
}
/*===== hyiodine Do's and Don'ts Table ======*/
#hyio_do_dont {
	font-size:1.1em;
	margin-top:-10px;
}
#hyio_do_dont th {
	vertical-align:bottom;
	color:#9D0D16;
	height:2.8em;
	font-size:1.1em;
}
#hyio_do_dont td {
	vertical-align:top;
}
/*===== Proshield Tables ======*/

.proshield table, .proshield td, .proshield th {
	border:1px solid #1F9A8A;
	text-align:center;
}
.proshield th {
	background-color:#1F9A8A;
	color:#FFFFFF;
	text-align:center;
}
/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */
/* =============  ITEMS BELOW THIS LINE ARE IN PROCESS OF BEING CHECKED  ============= */	
/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */

/* ============================================ */
/* ======= Content Boxes and Containers ======= */
/* ============================================ */

/*===== Home Page Boxes ======*/


.autobox { /*auto height and auto width,*/
	width:auto;
	height:auto;
	padding:10px;
	text-align:left;
	background:#FFFFFF;/*border: solid 1px #FF6600;*/
}
/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */
/* ==================  ITEMS BELOW THIS LINE HAVE NOT BEEN CHECKED  ================== */	
/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */
#body {
	/* padding-bottom:150px;/* Height of the footer */
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	background:#FFFFFF;
}
#page {
	float:left;
	width:100%;
	position:relative;
	right:70%;
}
#leftcol {
	float:left;
	width:25%;
	position:relative;
	left:70%;
	overflow:hidden;
}
.sidebar {
	overflow:hidden;
	width:80%;
	margin:auto;
	padding-top:3em;
}
#maincontent {
	float:left;
	width:70%;
	position:relative;
	left:70%;
	overflow:hidden;
}
/* ====== Sub Navigation ====== */

.subnav {
	width:85%;
	height:auto;
	margin:auto;
	padding: 2em 0 0 0;
	background:#FFFFFF;
}
.subnav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
.subnav li {
	display:block;
	margin: 10px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	border-right:1px solid #FFFFFF;
}
.subnav li a {
	color:#FF8000;
	font-weight:bold;
}
.subnav li a:hover {
	text-decoration:underline;
}
li.nodivide {
	border-right:none !important;
	padding-right:0px !important;
}
#footer {
	visibility:hidden;
	position:absolute;
	bottom:0;
	width:100%;
	height:150px;   /* Height of the footer */
	background-color:#FF8000;
}

/* ============================================================================================== */	
/* =====================================                    ===================================== */
/* ==================================   Test Site Indicator   =================================== */
/* ===============================     Only Use on Test Site      =============================== */
/* ============================  Comment Out When Site Posted Live  ============================= */
/* ==========================                                          ========================== */
/* ============================================================================================== */	
/*		
.topmenu { background:#FF8000; }
.topmenu li { border-right:1px solid #FFFFFF; }
.topmenu a {color:#FFFFFF; }
*/
/* ============================================================================================== */	
/* ============================================================================================== */
/* ============================================================================================== */	
/* ============================================================================================== */