/* CSS Document */
body {
	margin:0px;
	padding:0 0 20px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:14px;
	color:#808285;
	background-color:#f4f4f4;
}
#wrapper {
	/* set for larger display width:952px; */
	width:852px;
	padding:0 49px 0 49px;
	margin:0 auto;
	background-color:#fff;
}

#homePage
{
    width: 850px;
    height: 450px;
	background:url(../../Includes/Images/Home/flash.jpg) no-repeat;
	/*background:url(../../Includes/Images/Home/home_promo.png) no-repeat;*/
}

/*  @@@@@[  Headings  ]@@@@@ */
h1 {
	margin:0;
	padding:0 0 12px 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
}


h2 {
	margin:0;
	padding:0 0 5px 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
	text-transform:uppercase;	
	color:#000;
}
h3 {
	margin:0;
	padding:10px 0 5px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
	text-transform:uppercase;	
	color:#000;
}
h4 {
	margin:0;
	padding:5px 0 10px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
	text-transform:uppercase;	
	color:#808285;
}


/* @@@@@[  Redefined Tags / Classes  ]@@@@@ */
.clr {
	clear:both;
}
.clrSolo {
	clear: both; 
 	font-size: 0px; 
 	line-height: 0px; 
 	margin: 0px; 
 	padding: 0px; 
 	visibility: hidden;
	height: 0;
}
.left {
	float:left;
}
.right {
	float:right;
}
.italicized
{
    font-style: italic;
}
.v-middle {vertical-align:middle;}
a, a:link, a:visited, a:active {
	color:#808285;
	text-decoration:none;
	border:none;
}
a:hover {
	text-decoration:none;
	color:#000;
}
a img {border:none;}
#content p {
	margin:0;
	padding:0 0 10px 0;
}


/*  @@@@@[  Logos  ]@@@@@ */
#header {
	width:852px;
	height:99px;
}
#nav {
	width:650px;
	padding-top:40px;
	position:relative;
	float:right;
	text-align:right;
}

ul#nav-menu-product {
	width:240px;
	margin:0;
	padding:10px;
	left:329px;
	top:50px;
	position:absolute;
	display:none;
	z-index:10000;
	list-style:none;
	text-align:left;
	background:url(../../Includes/Images/Navigation/nav_menu_bg.png);
}
ul#nav-menu-product li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform:uppercase;
}
ul#nav-menu-product li {
		padding:2px 0;
}

ul#nav-menu-download {
	margin:0;
	padding:10px;
	right: 0;
	top:50px;
	position:absolute;
	display:none;
	z-index:10000;
	list-style:none;
	text-align:right;
	background:url(../../Includes/Images/Navigation/nav_menu_bg.png);
}
ul#nav-menu-download li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform:uppercase;
}
ul#nav-menu-download li {
		padding:2px 0;
}
/*  @@@@@[  Content  ]@@@@@ */
#content {
	/* Set for larger display width:950px; */
	width:850px;
	min-height:450px;
	border:1px solid #acaeb1;
}

#photo {
	width:450px;
	height:448px;
	float:left;
}
#content-main {
	width:328px;
	height:348px;
	padding:80px 35px 20px 35px;
	/*overflow-y:auto;
	overflow-x:hidden;*/
	float:left;
	position:relative;
}
#content-products {
	width:329px;
	height:365px;
	padding:50px 35px 20px 34px;
	overflow-y:hidden;
	overflow-x:hidden;
	float:left;
}
#content-products ul.links-list {
	padding:12px 0 0 0;
}
ul li {
	position: relative;
}
li ul {
	position: absolute;
	left: 149;
	top: 0;
	display: none;
}


ul.links-list {
/*	margin-top: -40px; */
	margin:0;
	padding: 0;
	list-style:none;
}
ul.links-list li {
	padding:0 0 8px 0;
	margin: 0; line-height: 10px;
}
ul.links-list li a {
	text-transform:uppercase;
}
ul.links-list li a.current {color:#000;}

/*  @@@@@[  PRODUCTS  ]@@@@@ */
/*BioCe Kit page*/
#content-bioce-kit {
	width:850px;
	height:450px;
	float:left;
	overflow-y:auto;
	overflow-x:hidden;
	background:url(../../Includes/Images/Products/biocekit_bg.jpg) right top no-repeat;
}
#content-bioce-kit #leftCol {
	width:365px;
	padding:180px 0 0 25px;
	float:left;
}
#content-bioce-kit #rightCol {
	width:414px;
	height:150px;
	padding:290px 25px 10px 0;
	float:right;
	overflow-y:hidden;
	overflow-x:hidden;
}
#content-bioce-kit #rightCol ul {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}
#content-bioce-kit #rightCol ul li {
	padding:0 0 0 9px;
	background:url(../../Includes/Images/bullet1.gif) 0px 5px no-repeat;
}
#content-bioce-kit #rightCol ul.list1 {
	width:200px;
	float:left;
}
#content-bioce-kit #rightCol ul.list2 {
	width:220px;
	margin-right:-10px;
	float:left;
}

#leftCol {
	width:233px;
	padding:141px 0 0 24px;
	float:left;
}
#middleCol {
	width:149px;
	float:left;
	text-align:right;
	padding-top: 10px;
}
#rightCol {
	width:392px;
	height:348px;
	padding:90px 25px 10px 25px;
	float:left;
	position: relative;
	overflow-y:auto;
	overflow-x:hidden;
}

.add-to-cart {
	border:none;
	margin:0 0 39px 0;
}

.purchase-now
{
    position: absolute;
    right: 25px;
    top: 50px;
}

/*  @@@@@[  GLOSSARY & FAQs  ]@@@@@ */
#col1 {
	width:371px;
	padding:0 0 0 34px;
	float:left;
}
#col2 {
	width:400px;
	padding:32px 43px 20px 0;
	float:left;
	position:relative;
}
#col1 .top {
	height:122px;
	padding-top:10px;
}


#col3 .top 
{
	width: 371px;
	height:20px;
	padding-top:10 0 200 34;
	
}
span.bracket-link {
	height:42px;
	width: 110px;
	margin-right:30px;
	padding:0 0 16px 6px;
	display:inline-block;
	background:url(../../Includes/Images/left_bracket.gif) left top no-repeat;
}
span.bracket-link a {
	height:42px;
	width: 110px;
	padding:4px 6px 0 0;
	display:inline-block;
	font-size:8px;
	line-height:11px;
	color:#939598;
	text-align:center;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background:url(../../Includes/Images/right_bracket.gif) right top no-repeat;
}
span.bracket-link a.two-lines {
	padding:11px 6px 0 0;
}
span.bracket-link a:hover {color:#000;}

div.bracket-link 
{
	height:56px;
	width: 140px;
	/*margin-right:30px;
	padding:0 0 16px 6px;*/
	padding-bottom: 6px;
	display:inline-block;
	background:url(../../Includes/Images/left_bracket.gif) left top no-repeat;
}
div.bracket-link a 
{
	height:42px;
	width: 140px;
	/*padding:4px 6px 0 0;*/
	padding-top: 4px;
	text-align: center;
	display:inline-block;
	font-size: 8px;
	line-height:11px;
	color:#939598;
	text-align:center;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background:url(../../Includes/Images/right_bracket.gif) right top no-repeat;
}
div.bracket-link a.two-lines {
	padding:11px 0 0 0;
	text-align:center;
}
div.bracket-link a:hover {color:#000;}

p.faqs {
	line-height:20px;
}
span.bracket-link.right {
	float:right;
	margin-right:0 !important;
}
#scroll {
	width:13px;
	height:30px;
	position:absolute;
	display:none;
}
#col2 #scroll {
	left:-30px;
	bottom:20px;
}
#content-main #scroll {
	right:10px;
	bottom:20px;
}

#scroll a.scroll-up {
	margin-bottom:10px;
	display:block;
}

/*  @@@@@[  Footer  ]@@@@@ */
#footer {
	width:852px;
	height:35px;
	padding:15px 0 0 0;
	color:#808285;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-family:Arial, Helvetica, sans-serif;
}
#footer a.purchase {
	color:#000;
}
#disclaimer {
	width:852px;
	padding:10px 49px 0 49px;
	margin:0 auto;
/*	text-align:left; */
	color:#808285;
	font-size:9px;
	height: 100px;
}

#ttn_disclaimer 
{
    width: 550px;
	text-align:left;
	float: left;
}

#prod_disclaimer
{
    width: 150px;
	text-align:right;
	float: right;
}

/* @@@@@[  Expand/Collapse  ]@@@@@ */

#content dl {
	margin:0;
	padding:0 0 10px 0;
}
#content dl dt {
	margin:0;
	padding:0 0 10px 0;
}
#content dl dd {
	margin:0;
	padding:0 0 11px 0;
}
#content dl dd p {
	margin-top:-7px;
}

/*Expand/Collapse*/
#content dl.expandable dt {
	color:#939598;
	display:block;
}
#content dl.expandable dt.expanding {
	color:#000;
	text-decoration:none;
}
#content dl.expandable dt:hover {
	cursor:pointer;
	color:#000;
    text-decoration:underline;
}
#content dl.expandable dd {
	display:none;
}

.tradeMark
{
    position: relative; top: -4px;
}

#content-bioce-kit
{
    position: relative;
}
#promoInsert
{
    width: 186px; position: absolute; top: 20px; left: 0;
}
/* @@@@@[  Others  ]@@@@@ */

