/**CWR - BIO-Net main style sheet**/
/**Developed Diallo Hudgins, @ Common Places**/


/**Global**/

BODY, DIV, TABLE, TD, H1, H2, H3, H4, P, A, A:link, A:active, A:visited, A:hover, UL, OL, LI,
INPUT {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

BODY {
	color: #333;
	background: #FFF url(images/bck_page.gif);
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

A, A:link, A:active, A:visited {
	color: #0033CC;
	font-size: 11px;
	text-decoration: underline;
}

A:hover {
	color: #CC0000;
}

EM {
	color: #990000;
	font-size: 9px;
	margin-left: 8px;
	font-style: normal;
}

DIV.PageContainer {
	background-color: #FFF;
	width: 800px;
	border: 1px solid #0033CC;
	border-top: 0;
	border-bottom: 0;
	margin: 0 auto;
}

/*** Header Styles***/

DIV.ClientHeader {
	width: 100%;
	height: 40px;
	border-bottom: 5px solid #99CCFF;
	background: #F0F0F0;
	padding-top: 10px;
}

UL.SecondaryNavigation {
	color: #333;
	font-size: 11px;
	float: left;
	padding: 0;
	margin-top: 5px;
	margin-left: 10px;
}

UL.SecondaryNavigation LI {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
}

UL.Distributor {
	color: #333;
	font-size: 11px;
	float: right;
	padding: 1px;
	margin: 0;
	margin-right: 1%;
}

UL.Distributor LI {
	display: inline;
	list-style-type: none;
	padding-right: 5px;
	vertical-align: middle;
}

INPUT.DistCode {
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	background-color: #2691F8;
	border: 1px solid #99CCFF;
}

INPUT.Dist {
	color: #0033CC;
	font-size: 10px;
	background-color: #DEEDFC;
	border: 1px solid #99CCFF;
}


/*** Footer Styles***/

DIV.ClientFooter {
	width: 100%;
	height: 100px;
	background: #F0F0F0;
	border-top: 2px solid #238FF7;
	padding: 0px;
	margin: 0px;
	text-align: left;
	margin-top: 10px;
	display: table;
}

UL.FooterNavigation {
	color: #FFF;
	background-color: #99CCFF;
	height: 25px;
	margin: 0;
	clear: both;
}

UL.FooterNavigation LI {
	display: inline;
}

UL.FooterNavigation LI A, UL.FooterNavigation LI A:link, UL.FooterNavigation LI A:active,
UL.FooterNavigation LI A:visited {
	font-size: 10PX;
	text-decoration: underline;
	padding: 5px 5px 5px 5px;
	float: left;
}

DIV.ClientFooter P {
	color: #666;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 1%;
	margin-bottom: 1%;
}

DIV.ClientFooter SPAN {
	color: #2961FB;
}

DIV.ClientFooter IMG {
	float: right;
}

IMG.CWR_logo {
	z-index: 2;
	position: relative;
	bottom: 45px;
	left: 40%;
}

DIV.CWR_Title {
	z-index: 2;
	position: relative;
	bottom: 15px;
	left: 65%;
	color: #FFF;
	font: bold 10px Verdana;
	width: 200px;
}

DIV.CP_Footer {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	background: #CCC;
	padding: 0;
	padding-right: 5px;
	margin: 0px;
	text-align: right;
}

DIV.CP_Footer A, DIV.CP_Footer A:link, DIV.CP_Footer A:active,
DIV.CP_Footer A:visited, DIV.CP_Footer A:hover {
	color: #000;
	text-decoration: none;
}

HTML>BODY DIV.CWR_Title {
	left: 65%;
}
/*********************************/

DIV.ClientBody {
	width: 100%;
	margin: 0;
	padding: 0px;
	padding-top: 10px;
	text-align: left;
	position: relative;
}

DIV.ClientBody IMG {
	margin-left: 10px;
}

UL.PrimaryNavigation {
	color: #0033CC;
	margin-left: 285px;
	margin-right: 10px;
	padding-left: 0;
	height: 25px;
	background-color: #DEEDFC;
	border-bottom: 3px solid #2691FB;
}

UL.PrimaryNavigation LI {
	display: inline;
}

UL.PrimaryNavigation LI A, UL.PrimaryNavigation LI A:link, UL.PrimaryNavigation LI A:active,
UL.PrimaryNavigation LI A:visited {
	color: #0033CC;
	background-color: #DEEDFC;
	border-right: 1px solid #FFF;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	float: left;
}

UL.PrimaryNavigation LI A:hover {
	color: #FFF;
	background-color: #CC0000;
}

DIV.ClientIntroduction {
	border-bottom: 2px solid #2691FB;
	margin-left: 285px;
}

DIV.ClientIntroduction P {
	color: #333;
	font-size: 70%;
	margin-left: 45px;
}

DIV.ClientIntroduction IMG {
	margin-right: 10px;
}

DIV.ClientIntroduction P SPAN, DIV.ClientContent SPAN {
	color: #2691FB;
	font-weight: bold;
}

DIV.ClientContent {
	margin-left: 285px;
}

DIV.ClientContent IMG {
	margin-left: 0;
}

DIV.ClientBody DIV.Left {
	font-size: 70%;
	position: relative;
	float: left;
	left: 285px;
	width: 30%;
	margin-top: 10px;
	padding-bottom: 10px;
	border-right: 1px solid #CCC;
	z-index: auto;
}

DIV.ClientBody DIV.Right {
	font-size: 70%;
	position: relative;
	float: left;
	left: 290px;
	width: 33%;
	margin-top: 10px;
}

DIV.Right P, DIV.Left P {
	margin-left: 45px;
	margin-top: 3px;
	margin-right: 2px;
	padding-bottom: 3px;
}

DIV.Left P {
	border-bottom: 1px dotted #CCC;
}

DIV.Left IMG {
	border: 1px solid #99CCFF;
	margin-right: 8px;
}

DIV.Right IMG {
	margin-right: 8px;
}

.SecondaryProducts {
	width: 510px;
	margin-left: 285px;
	margin-top: 5px;
}

.SecondaryProducts TD {
	width: 50%;
	vertical-align: top;
	padding: 5px;
}

.SecondaryProducts TD.Left {
	border-right: 1px solid #CCC;
}

.SecondaryProducts P {
	margin-left: 15px;
	padding-bottom: 5px;
}

.SecondaryProducts .Left P {
	border-bottom: 1px dotted #CCC;
}

/*******************************************/

/***Products ***/

.ProductLine1, .ProductLine2 {
	margin-left: 45px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 55%;
	border-bottom: 1px dotted #CCC;
}

.ProductLine1 TD, .ProductLine2 TD {
	vertical-align: top;
	padding-bottom: 10px;
	padding-right: 10px;
}

.ProductLine1 TD.Image, .ProductLine2 TD.Image {
	color: #2961FB;
	width: 170px;
	text-align: center;
	font-size: 10px;
}


.ProductLine1 IMG, .ProductLine2 IMG {
	border: 1px solid #99CCFF;
}

.Features {
	color: #666;
	font-size: 10px;
	margin: 5px;
}

/***General Rules***/

H1 {
	color: #2691FB;
	font-size: 90%;
	font-weight: bold;
	background: url(images/half_logo.gif) top left no-repeat;
	padding-left: 50px;
	/*height: 40px;*/
	margin-bottom: 10px;
	margin-right: 10px;
}

H2 {
	color: #2691FB;
	font-size: 80%;
	padding-left: 45px;
	/*height: 20px;*/
	margin-top: 0px;
}

H3 {
	color: #2691FB;
	font-size: 12px;
	background: url(images/dotblu_logo_sm.gif) no-repeat top left;
	padding-left: 15px;
	margin-bottom: 2px;
	margin: 0;
	/*height: 15px;*/
}

H3.Link {
	color: #2691FB;
	font-size: 12px;
	background: url(images/dotblu_logo_sm2.gif) no-repeat middle left;
	padding-left: 45px;
	margin-bottom: 2px;
	margin: 0;
	height: 20px;
}

P, li {
	margin-right: 15px;
	font-size: 11px;
}

/***Form Table***/

.BasicLayout {
	width: 55%;
	margin-left: 45px;
	font-size: 11px;
}

.BasicLayout TD {
	padding: 1px;
	vertical-align: top;
}

.BasicLayout INPUT, .BasicLayout TEXTAREA, .BasicLayout SELECT {
	color: #0033CC;
	font-size: 10px;
	background-color: #DEEDFC;
	border: 1px solid #99CCFF;
}

.BasicLayout SELECT {
	width: 140px;
}

H1 SPAN, .ClientContent H1 SPAN {
	color: #333;
	font-size: 80%;
}

TD.Label_Alt {
	background-color: #F9F9F9;
	border: 1px dotted #CCC;
	vertical-align: baseline;
	padding: 5px;
}

/***********************/

DIV.TechSpec {
	float: right;
	border: 1px solid #CC0000;
	background-color: #F9F9F9;
	width: 167px;
	padding: 2px;
	padding-bottom: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
}

.TechSpec UL {
	margin: 0;
	
}

.TechSpec LI {
	list-style: none inside none;
	margin-bottom: 0px;
	margin-top: 0px;
}

DIV.TechSpec A, DIV.TechSpec A:link, DIV.TechSpec A:active, DIV.TechSpec A:visited {
	color: #CC0000;
	font-weight: bold; 
	font-size: 10px;
	text-decoration: none;
}

DIV.TechSpec A:hover {
	text-decoration: underline;
}

/****Store Header****/
DIV.StoreHeader {
	height: 85px;
	border-bottom: 5px solid #99CCFF;
	background: #F0F0F0 url(images/bck_store.jpg) repeat-x;
	padding-top: 10px;
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
}

DIV.StoreHeader IMG {
	float: left;
	margin-left: 20px;
}

DIV.StoreHeader UL {
	color: #333;
	font-size: 11px;
	float: right;
	padding: 0;
	margin-top: 5px;
	margin-right: 5px;
}

DIV.StoreHeader UL LI {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
}

/*** Store Footer Styles***/

DIV.StoreFooter {
	height: 100px;
	background: #F0F0F0;
	border-top: 2px solid #238FF7;
	padding: 0px;
	margin: 0px;
	text-align: left;
	margin-top: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
}

UL.StoreFooterNavigation {
	color: #FFF;
	background-color: #99CCFF;
	height: 20px;
	margin: 0;
	clear: both;
}

UL.StoreFooterNavigation LI {
	display: inline;
}

UL.StoreFooterNavigation LI A, UL.StoreFooterNavigation LI A:link, UL.StoreFooterNavigation LI A:active,
UL.StoreFooterNavigation LI A:visited {
	font-size: 10PX;
	text-decoration: underline;
	padding: 5px 5px 5px 5px;
	float: left;
}

DIV.StoreFooter P {
	color: #666;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 1%;
	margin-bottom: 1%;
}

DIV.StoreFooter SPAN {
	color: #2961FB;
}

DIV.StoreFooter IMG {
	float: right;
}

.StoreFooter IMG.CWR_logo {
	z-index: 2;
	position: absolute;
	bottom: 85px;
	left: 90%;
}

DIV.CWR_Title {
	z-index: 2;
	position: relative;
	bottom: 15px;
	left: 65%;
	background-color: #99CCFF; /* Added RST - to prevent search engines seeing white on white text */
	color: #FFF;
	font: bold 10px Verdana;
	width: 180px; /* shortened from 200px by RST to prevent overlap when setting background color */
}

DIV.CP_Footer {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	background: #CCC;
	padding: 0;
	padding-right: 5px;
	margin: 0px;
	text-align: right;
}

DIV.CP_Footer A, DIV.CP_Footer A:link, DIV.CP_Footer A:active,
DIV.CP_Footer A:visited, DIV.CP_Footer A:hover {
	color: #000;
	text-decoration: none;
}

HTML>BODY DIV.CWR_Title {
	left: 65%;
}
/*********************************/

/* Added RST*/
B, b {
	color: #2691FB;
	font-weight: bold;
}