body {
	background-color: #EEE;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h3 {
	font-size: 14pt;
}

a img {
	border:none;
}

p {
	margin: 4px;
	padding: 0px;
}


a.noDecorationLinks:link {color:blue;}    /* unvisited link */
a.noDecorationLinks:visited {color:blue;} /* visited link */
a.noDecorationLinks:hover {color:blue;}   /* mouse over link */
a.noDecorationLinks:active {color:blue;}  /* selected link */


div.container {
	margin: 20px auto;
	font-family: sans-serif;
	width: 922px;
	background-color: #FFF;
	padding: 10px 24px 5px;
}

div.accountInfo {
	background-color: #f2f2f2;
	padding: 3px;
	margin-top: 1px;
}

/* Account Info tabs */
	.accountHeading {
		padding-bottom:1px;
		padding-left:3px;
		padding-right:3px;
	}

	.accountHeading:hover {
		cursor: default;
		background-color:#3266cc;
		color:white;
		border:none;
	}

	.accountHeading2 {
		padding-left:3px;
		padding-bottom:1px;
		padding-right:3px;
		background-color:#f2f2f2;
	}

	.accountHeading2:hover {
		cursor: default;
	}

/* sign in button */
	img.signin {
		border: none;
		text-decoration: none;
		margin-top: 25px;
		margin-left: 88px;
	}
	img.signin:hover {
		cursor:pointer;
	}
	img.signin_gone {
		display:none;
	}

/* lightbox-style divs */
	#searchProfileBox {
		background-color:#FFFFFF;
		border:1px solid #bbbbbb;
		z-index:1002;
		position:absolute;
		width:380px;
		display:none;
		text-align:center;		
		padding-bottom:5px;
	}
	
	#clearbox {
		position:absolute;
		left:0px;
		top:0px;
		width:200px;
		height:200px;
		background:url(/images/overlay_dark.png);
		z-index:1000;
	}

	#cartbox {
		background-color:#FFFFFF;
		border:1px solid #bbbbbb;
		z-index:1002;
		position:absolute;
		width:600px;
		padding:4px;
		display:none;
		text-align:center;
	}

	#loginbox {
		background-color:#FFFFFF;
		border:1px solid #bbbbbb;
		z-index:1002;
		position:absolute;
		width:380px;
		height:200px;
		display:none;
		text-align:center;
	}
	#shadow {
		background-color:black;
		z-index:1001;
		position:absolute;
		width:380px;
		height:200px;
		display:none;
	}


td.distInfoLabel {
	min-width:150px;
	font-weight:bold;
	color:#414B4D;
	float:left;
	margin-left:10px;
}

/* Distributor page flags */
	div.country {
		color:black;
		text-decoration:none;
		float:left;
		width:72px;
		height: 60px;
		padding:2px;
		margin:2px;
		margin-bottom:10px;
		font-size:8pt;
		clear:right;
		text-align:center;
	}
	div.country:hover {
		background-color:#3266cc;
		color:white;
		cursor:pointer;
	}


div.green {
	color: #85AD33;
}

div.red {
	color: #CC3300;
}

div.row {
	text-align:left;
}

div.row1 {
	background-color:#dddddd;
}
div.row2 {
	background-color:#eeeeee;
}

div.usbioHeaderText {
	float:right;
	display:inline;
	margin: -50px 340px 0px 0px;
	height: 40px;
}

div.signInHeader {
	min-height: 130px;
	background-repeat: no-repeat;
	margin: 0px auto;
	display:block;
}
	
div.links {
	width: 700px;
	margin: 0 auto;
}	
div.links.loggedIn {
	width: 800px;
}


div.headerContent {
	background: #DDDDDD url('/images/nav_back.gif') repeat-x;
	height: 38px;
	text-align:center;
	width: 100%;
}

/* Nav Links */
	div.headerContent .navLink,
	div.headerContent .navLink2 {
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		color: #000;
		font-size:10pt;
		float:left;
		display:block;
		line-height: 28px;
		height:28px;
		padding: 5px 20px;
		margin: 0 2px;
	}
	div.headerContent .navLink:hover,
	div.headerContent .navLink2:hover
	{
		background-position: 0 -38px;
		/* color:#3266cc; */
		color: #EEE;
	}
	.navLinkBottom{
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		color:black;
		font-size:10pt;
		margin-left:-1px;
		float:left;
		display:block;
		width:120px;
		padding:3px;
	}
	.navLinkBottom:hover
	{
		color:#3266cc;
	}

/* Container for left navigation box, center content, and right ads box */
div.middleContent {
	margin-top: 20px;
	position: relative; /* This div is the coordinate reference element for its absolutely positioned descendents */
}

/* Do not use div.middleContent:first-child, because that will be replaced by a 'roundcorners' background div. */

/* Left navigation box */
div.middleContent div.leftContent {
	background-color: #EEE;
	float: left;
	padding: 10px;
	position: relative;
	width: 180px;
}
div.middleContent div.leftContent>div:first-child {
	text-align: center;
}
div.middleContent div.leftContent ul {
	list-style-type: none;
	padding: 0;
	text-align: left;
}
div.middleContent div.leftContent>div:first-child ul {
	display: inline-block;
	font-size: 14pt;
}
div.middleContent div.leftContent>div:first-child ul li {
	padding: 4px;
}
div.middleContent div.leftContent h3 {
	margin: 0;
	text-align: center;
}
div.middleContent div.leftContent ul li, div.middleContent div.leftContent ul li a {
	color: #676767;
	text-decoration: none;
}
div.middleContent div.leftContent ul.categories li, div.middleContent div.leftContent ul.categories li a {
	font-size: 8pt;
}
div.leftContent ul.categories li a:hover {
	background-color: #DDD;
}
div.leftContent #sealContainer {
	clear: both;
	margin-bottom: 10px;
}
div.middleContent div.leftContent img {
	display: block;
	margin: 0 auto;
}
	div.leftNav
	{
		width: 221px;
		margin: 0px auto;
		padding-top: 6px;
		height: 32px;
	}
	div.leftNavFooter
	{
		width: 221px;
		height: 17px;
		clear:left;
	}
	
/* Right ads box */
div.middleContent div.rightContent {
	background-color: #EEE;
	bottom: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 270px;
}
	div.rightAds
	{
		background-color: #000;
		width: 221px;
		margin: 0px auto;
		height: 38px;
		
	}
	div.rightAdsContent
	{
		margin: 0px auto;
		padding: 8px;
	}
	div.rightAdsFooter
	{
		width: 221px;
		height: 17px;
		clear:left;
	}	

/* All center content */
div.middleContent div.content {
	background-color: #EEE;
	bottom: 0;
	font-size: 10pt;
	padding: 8px;
	top: 0;
}
/* Center content on pages without an ads bar on the right */
div.middleContent div.leftContent+div.content {
	left: 0;
	margin-left: 220px;
	position: relative;
	right: 0;
}
/* Center content on pages with an ads bar on the right */
div.middleContent div.rightContent+div.content {
	left: 220px;
	padding-left: 0;
	padding-right: 0;
	position: absolute;
	right: 290px;
}

div.middleContent div.rightContent+div.content table {
/*	padding: 15px; */
	text-align: center;
	height: 100%;
	width: 100%;
}
div.middleContent div.rightContent+div.content th {
	font-size: 16pt;
}
div.middleContent div.rightContent+div.content th a {
	text-decoration: none;
}
div.middleContent div.rightContent+div.content th a:hover {
	color:#3266cc;
	cursor:pointer;
}
div.middleContent div.rightContent+div.content th a img{
	margin-top: 16px;
}

	div.contentSubTop
	{
		display: none;
	}
div.contentSubMid {
	text-align:center;
	/* background: #E5E5E5 url(/images/navGradient.png) repeat-x; *//* Why was this put here ? */
	min-height: 385px;
}
	div.contentSubBot
	{
		display: none;
	}
div.contentSubMidTechnical
{
	text-align:center;
	/* background: #E5E5E5 url(/images/navGradient.png) repeat-x; *//* Why was this put here ? */
	/*width: 635px;*/
	min-height: 385px;
}
	div.contentSubBotTechnical,
	div.contentSubTopTechnical
	{
		display: none;
	}
	

div.viewitemcontent{
	float:left;
	width:750px;
}

div.mainads {
	padding:3px;
	margin: 2px;
	font-size: 8pt;
	height: 110px;
	overflow: hidden;
}
div.mainads:hover{
	color:#3266cc;
}


div.bottom {
	clear: both;
	font-size:10pt;
	margin-bottom: 20px;
	padding-top: 20px;
	position: relative;
	text-align: left;
}
/*
div.bottom2{
	text-align:center;
	clear: both;
	padding-top: 15px;
	margin: 0px auto;
}
*/
div.footer {
	background-color: #EEE;
	clear: both;
	color: #999;
	height: 45px;
	margin-bottom: 20px;
	overflow: visible;	/* Ensure that the content is visible, so its width can be measured. */
	white-space: nowrap;
}
div.footer * {
	margin: 0;	/* Simplify computations. */
}
/* "Hot News Headlines" caption */
div.footer>b {
	color: #333;
	display: inline-block;
	height: 15px;
	margin: 15px;	/* 15px rounded corner radius */
	vertical-align: top;
}
/*
This is the span containing the Hot News Headlines content.  Upon load it is used to
determine the width of the content.  If the content will not fit in the footer then
the width of the span is fixed to hide the overflow and the span is converted into a
marquee to allow the user to view the entire content.  See header.php.
*/
div.footer>span {
	display: inline-block;  /* Not 'inline', for which 'overflow' has no effect. */
	height: 100%;
	line-height: 45px;
	overflow: hidden;
	text-align: left;
}
div.bottomContentLeft {
	float: left;
	width: 295px;
	background-color: #EEE;
}
div.bottomContentCenter {
	margin-left: auto;
	margin-right: auto;
	width: 295px;
	background-color: #EEE;
}
div.bottomContentRight {
	float: right;
	width: 295px;
	background-color: #EEE;
}

/* Footer */
	div.footerContentHeader {
		margin-top: 0px;
	}

	div.footerContent {
		height: auto;
		padding: 5px;
	}

	div.footerContentFooter
	{
		background-color: #f2f2f2;
		height: 16px;
	}

	div.footerBottomLeft
	{
		float: left;
		height: 16px;
		width: 300px;
	}

	div.footerBottomCenter
	{
		width: 281px; 
		margin-left: 17px; 
		height: 16px;
	}

.searchContainer {
	width: 248px; 
	float: left; 
	height: 16px;
	margin-bottom: 20px;
	
}

input.search {
	width: 170px; 
	margin-left: 5px;
	border: 1px solid #000000;
	height: 16px;
}

input.prettySearch
{
	float: left;
	width: 100px;
	height: 18px;
	border: none;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 8px;
	margin-left: 13px;
	background: url("/images/prettySearch.png") no-repeat scroll;
}

div.leftCornerNav {
	background: transparent url(/images/lefttopleft.gif) no-repeat scroll 0% 0%;
	float: left; 
	width: 13px; 
	height: 11px; 
	margin-top: -7px; 
	margin-left: -1px;
}

div.copyright {
	margin-top:9px;
	font-size: 8pt;
}

h4 {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.ads h4{
	margin-top:4px;
}

h4.white {
	color: white;
	margin:0px;
	margin-left:5px;
}

h4.whiteNav {
	color: white;
	clear:right;
	margin:0px;
	margin-left: 10px;
	padding-top:10px;
	padding-bottom:4px;
}

h4.blackNav {
	clear:right;
	margin:0px;
	margin-left: 10px;
	padding-top:10px;
	padding-bottom:4px;
}

ul.leftNav {
	list-style-type: none;
	text-align: left;
	text-decoration: none;
	color: #000;
	margin-left:-20px;
	margin-bottom:0px;
	margin-top:0px;
}

a.leftNav {
	text-decoration: none;
	color: #000;
	font-size: 8pt;
	font-weight: bold;
	font-family: tahoma, sans-serif;
}
a.leftNav:hover {
	color:#3266cc;
}

li.leftNav {
	line-height: 17px;
}


img.adimg {
	display: inline;
	float: right;
}

img.content {
	margin: 0px auto 10px 0px;
	border: 1px solid white;
	display: block;
	clear: both;
}

img.logo {
	margin-left: 10px;
	margin-top: -10px;
	float: left;
	z-index: 10;
	width: 167px;
	height: 52px;
}

input.searchButton {
	background-attachment:scroll;
	background-color:white;
	background-image:none;
	background-position:0 0;
	background-repeat:repeat;
	font-size:10pt;
	/*padding-left:2px;*/
	max-width:30px;
	margin: 0px auto;
}

td.reqfield {
	color: black;
}

td.fieldlabel{
	width:210px;
}

td.fieldinput{
	width:180px;
}

select#Country{
	width:150px;
}

select#State{
	width:150px;
}

.qControl{
	width:146px;
}

.QFHeader{
	font-weight:bold;
}

img.valIcon{
	margin-bottom:-3px;
	margin-left:6px;

}	

a.subcat{
	color:black;
	text-decoration:none;
	font-weight:bold;
}
a.subcat:hover{
	color:#3266cc;
}

span.searchTrail {
	color:#000000;
	padding:1px;
}
span.searchTrail2 {
	background-color:#eeeeee;
	cursor:pointer;
	padding:1px;
}
td.label {
	text-align: right;
}

div#tipDiv {
	position:absolute;visibility:hidden;left:0;top:0;z-index:10000; background-color:#eeeeee;border:1px solid #336;width:500px; padding:6px; color:#000; font-size:10pt; line-height:1.3;
}
div#tipDiv a:link {
	color:#33b
}
div#tipDiv a:visited {
color:#339
}
span.header {
	margin: 8px 0px;
	display: block;
	font-size: 12pt;
	font-weight: bold;
}
table.reviewTable {
	width: 500px;
	margin: auto;
	padding: 20px;
}
table.reviewTable TD {
	width: 250px;
}
DIV#browserAlert {
	display: none;
	background-color: red;
	text-align: center;
	width: 100%;
}
#internalLinks {
	text-indent: -16px;
}
#internalLinks td {
	padding-left: 16px;
}