BODY { 
   color : #306060;
   font-family : Trebuchet MS, Verdana, Arial, helvetica, sans-serif; 
   font-size : 12px;
   padding:0;
   margin:0;
   background: #E7E6E4 url(chrome/image_page_background.jpg) repeat-x 0 0;
}

p, ol {line-height: 160%;
 font-size: 1.1em;
 margin: 12px 0 12px 0;
}

h1 {
   font-size : 3.0em;
   font-weight : normal;
   color: #5C958F;
}

h2 { 
  font-size : 1.6em;
  font-weight : bold;
  color: #5C958F;
}

h3 { 
  color : #00AEEF;
  font-size : 1.1em;
  font-weight: bold;
  margin: 16px 0 0px 0;
}

a { color : #406040;
text-decoration: underline;
}

a:hover { color :#303080;
	text-decoration: underline;
}
img {
	text-decoration: none;
}

BLOCKQUOTE { color : #004080;
font-size : 1.1em;
line-height: 1.8em;
font-family : Verdana, Arial, helv, sans-serif; 
font-style : italic;
}

#mainframe {
  width:800px;
  position: relative;
  left: 50%;
  margin-left: -400px;
  /*background: #FFFFFF url(chrome/page-background.gif) no-repeat 20px 80px;*/
}



#page_top_edge {
  background: transparent url(chrome/page_top_edge.png) no-repeat 0px 0px;
	width:800px;
	height: 34px;
	margin: 36px 0 0 0; padding:0;
	top:36px;
	font-weight: bold;
	font-size: 0.9em;
	color: #447386;
}
#page_top_edge #home {
  position: absolute;
  top: 31px;
  left: 25px;
  padding: 4px 0 0 00px;
  height:24px;

}
#page_top_edge #shopping {
  position: absolute;
  top: 38px;
  left: 115px;
  padding: 4px 0 0 00px;
  height:24px;

}
#page_top_edge #home a, #page_top_edge #shopping a {
  text-decoration: none;
}
#page_top_edge #home a img {
  border: none;
  margin: 5px 6px 0px 0;
}
#page_top_edge #contact_tel {
  position: absolute;
  top: 45px;
  left: 520px;
  background: transparent url(chrome/plus.gif) no-repeat 0px 0px;
  padding: 0 0 0 18px;

}
#page_top_edge #contact_email {
  position: absolute;
  top: 45px;
  left: 660px;
  background: transparent url(chrome/plus.gif) no-repeat 0px 0px;
  padding: 0 0 0 18px;
}
#page_top_edge #contact_email a {
	color: #447386;
	text-decoration: none;
}


div#header {
  padding: 0 0 0 0;
  margin: 0;
  width:800px;
  height: 150px;

}
div#inner-header {
  padding: 0 0px 0 0;
  margin: 0 0px 0 0;
  width:650px;
  height: 111px;
  float:left;
  background-color: #FFFFFF;

}
div#inner-header-bg {
  position:absolute;
  background: transparent url(chrome/header-background.gif) no-repeat 0px 0px;
  top: 70px;
  left:120px;
  height:120px;
  width:400px;
}

div#logo {
  position:relative;
  padding: 0 0 0 0;
  margin: 0;
  float:left;
  width: 150px;
  height:111px;
  background-color: #FFFFFF;

}
div#logo a img {
	border:0;
	padding: 5px 0 0 15px;
}
div#inner-header h1 {
   font-size : 4.0em;
   font-weight : bold;
   margin: 0; padding: 0;
   position: absolute; top:75px; left:167px;
}
div#inner-header h2 {
   font-size : 2.0em;
   font-weight : normal;
   margin: 0; padding: 0;
   position: absolute; top:145px;left:170px;
}
div#inner-header h1 a, div#inner-header h2 a{
   color: #5C958F;
   text-decoration: none;
}
div#slideshow {
	  width:280px;
	  height:220px;
    position: absolute; top:83px;left:520px;
	  background: #FFFFFF url(chrome/slideshow/lab_researcher_phial.jpg) no-repeat 0 0;

}

div#side-header p {
   margin: 115px 0 0 10px;
   font-size: 1.1em;
}
div#side-header a:hover {
   color: #c30000;
}
#wrapper2 {
	text-align:left;
	float:left;
  margin: 0 0px 0 0;
	}

#wrapper1 {
	float:left;
	margin:0;
	padding:0px 0px 10px 0px;
  background-color: #FFFFFF;

}
#rightcol { 
   float:left;
   width: 230px; 
   margin: 0px 0 0 0px;
   padding:20px 0px 0 0px ;
   background-color: #FFFFFF;
	}

.centercol {
   font-size:1.1em;
   float:left;
   background-color: #ffffff;
   padding: 0px 25px 0 25px;
   margin: 0 0px 0 0;
   width: 750px;
	}



#navmenu {
   width: 800px;  
   height: 90px;
   padding: 0; 
   margin: 0;
   font-size: 1.3em;
   color: #008d89;
   text-align: left;
   background-color: #ffffff;
}
#navmenu .nav_item {
	 float:left;
	 height:30px;
 	 position: absolute;
	 top: 0px;
    z-index:100;
}
#navmenu .nav_item img {
   border: 0;
}

#navmenu .products {
	left: 10px;
}

#navmenu .about {
	left: 170px;
}
#navmenu .success {
	left: 330px;
}

#navmenu #activemenu {
  /* todo background: #FFFFFF url(chrome/navmenu-active.gif) no-repeat 0 3px;*/
  color: #3F8F3F;
 } 

ul {color: #406D80; padding: 0 0 0 20px; margin: 0;}
.centercol ul li{ 
   list-style: url(chrome/plus.gif) inside circle;
   margin: 8px 9px 0 0px;
   padding: 0 0px 0 0px;
}
.centercol ol li{ 
   margin: 5px 0px 0 30px;
   padding: 0 0px 0 0px;
}

.centercol img {
   float:right;
   margin: 0 5px 10px 10px;
}
.centercol dt {color: #505070; font-weight:bold; margin:8px 0 0 0;}

.centercol img.nofloat {
   margin: 10px 10px 10px 10px;
}

.centercol img.index {
   float:left;
   margin: 0 0px 0px 0px;
}
.img-caption {
  float:right;
  width: 280px;
  color: #707070;
  font-style: italic;
  font-size: 1.1em;
  margin: 10px 0 10px 10px;
}
.img-caption p, .img-caption-large p {
  padding: 0 0 0 20px;
  text-align: right;
}
.img-caption-large {
  float:right;
  width: 320px;
  color: #707070;
  font-style: italic;
  font-size: 1.1em;
  margin: 10px 0 10px 10px;
}

.center-product, .center-success,  .center-testimonial {
	 width:520px;
}


.center-product h2 {
/*  background: #efefef url(chrome/header-speckle-edge2.jpg) no-repeat center right;*/
  padding: 4px 0 4px 10px;
  margin: 25px 25px 0 0;
}

.intropara {
   color: #70C0B0;
   font-weight: bold;
   font-size: 1.15em;
   line-height: 150%;
}
.editorial {
   background-color: #70C0B0;
   font-weight: bold;
   font-size: 1.15em;
   line-height: 150%;
   padding: 12px 24px 12px 24px;
   margin: 0 18px 22px 18px;
}
.cite {
   margin: 24px 10px 22px 10px;
   padding: 16px;
   background: #F0FFF0 url(chrome/quote-66.gif) no-repeat 6px 16px;
   color: #112244;
   font-family: Lucida Sans Unicode, Lucida Grande;
   font-style: normal;
   font-size: 0.9em;
   line-height: 150%;

}
.cite .author {font-style: italic;
   text-align: right;
   font-size: 1.2em;
   padding: 14px 60px 0 0;
   background: transparent url(chrome/quote-99.gif) no-repeat right bottom;
}
.cite li{ 
   list-style-image: none;
   list-style: inside circle;
}


.quote {
   color: #555555;
   font-family: Comic Sans MS;
}
.smalltext, .smalltext a {
   font-size: small;
}


.floatright {float:right;}
.floatleft, img.floatleft {float:left;}
.centered {text-align: center;}
.centered img {
   padding: 3px;
   border: 1px solid #aa9988;
}




#footer {
  width: 100%;
  background-color: #ffffff;
  color: #ffffff;
  font-weight: bold;
  font-size: 1em;
  text-align: left;
  float:left;
  margin: 0 0 0 0; padding: 0 0 0 0;
  background: transparent url(chrome/footer-bg.gif) repeat-x left bottom;
  height: 100px;
}

#footeraddress, #footercontact {
  color: #ffffff;
  font-weight: bold;
  font-size: 1em;
}

#footeraddress {
  width: 500px;
  float:left;
  margin: 0 20px 0 0px;
  padding: 10px 0 10px 30px;
  text-align: left;
}
#footercontact {
  width: 180px;
  float:left;
  margin: 0 0px 0 5px;
  padding: 22px 0 8px 0px;
  font-size: 1.2em;
  text-align: center;
}


.home-nav {
   width: 780px;
   padding: 0 0 0 20px;
}
.home-nav-item {
   width: 190px;
   height: 166px;
   margin: 0px;
   padding: 0;
   position: relative;
   float:left;

}
.home-nav-item img {
   position: absolute;
   left: 10px; top:10px;
   border: none;
}
.home-nav-item h2 {
   position: absolute;
   margin: 0; padding: 0;
   left: 16px; top:15px;
   font-size: 1.8em;
}
.home-nav-item h3 {
   position: absolute;
   margin: 0; padding: 0;
   left: 16px; top:48px;
   font-size: 1.3em;
}
.home-nav-item a {
   text-decoration: none;
   color: #ffffff;
}
.home-nav-item p {
   position: absolute;
   margin: 0; padding: 0;
   left: 16px; top:88px;
   color: #434343;
   line-height: 110%;
   font-size: 1em;
}
.home-nav-item p img {position: static;}

.inset1 {
   width: 130px;  height: 187px;
   background: #FFFFFF url(chrome/inset-frame1.png) no-repeat 0 0px;
   color: #808080;
   float:left;
   padding: 2px 20px 0px 22px;
   margin: 10px 10px 0 12px;
   font-size: 1.3em;
   line-height:130%;
   
}
.inset1 .text p {
   font-size: 0.85em;
   color: #303030;
   line-height: 1.1em;
 }

.quotes-wide {
   background: #F0FFF0 url(chrome/quote-66.gif) no-repeat 6px 16px;
   color: #1F5F1F;
   padding: 20px;
   margin: 16px;
   font-size: 14px;
   line-height: 160%;
}

.quotes {
   background: #F0FFF0 url(chrome/quote-66.gif) no-repeat 6px 16px;
   color: #1F5F1F;
   padding: 0 0;
   margin: 16px 0 0 0;
   width:208px;
}
/* Need this to contrive padding */
.quotes-innerdiv {
   padding: 9px 6px 6px 8px;
   margin: 0 0;
}

.quotes h2{
   font-size: 1.6em;
   margin: 0 0 0 18px;
   color: #7F9F9F;
}
.quotes ul{
   margin: 0; padding: 0;
   color: #1F5F1F;
}
.quotes li{ 
   list-style: url(chrome/plus.gif) inside circle;
   margin: 0 0 8px 0;
}
.quotes-end {
   background: transparent url(chrome/quote-99.gif) no-repeat right bottom;
   margin: 0 0; padding: 0 0;
}
.sidelinks {
  margin: 10px 10px 10px 0;
  padding: 10px;
  border: 2px dotted #d9e9e0;
  background-color: #e9f9f0; 
  }
  
.special-offer {
   margin: 15px;
   padding: 15px;
}
.special-offer img {
   float:none;
}


.special-offer .underline {
   width: 95%;
   border-bottom: 1px solid #909090;
   display: block;
   margin: 5px 0 5px 0;
}
.special-offer .underline_half {
   width: 50%;
   border-bottom: 1px solid #909090;
   display: block;
   margin: 5px 0 5px 0;
}


.one-column {
   float:none;
   width: 100%;
   clear: both; 
   }
     
.half-column {
   float:left;
   width: 48%;
   }


h3.highlight-s {
   background: transparent url(chrome/highlight-heading-s.gif) no-repeat top left;
   margin: 20px 0 0px 0; padding: 15px 60px 0px 15px ;
   color: #ffffff;
   font-size: 1.5em;
   height: 55px;
   width: 230px;
 
}
h3.highlight-m {
   background: transparent url(chrome/highlight-heading-m.gif) no-repeat top left;
   margin: 20px 0 0 0; padding: 15px 20px 0 20px ;
   color: #ffffff;
   font-size: 1.5em;
   height: 70px;
   width: 220px;
   
}

h3.highlight-l {
   background: transparent url(chrome/highlight-heading-l.gif) no-repeat top left;
   margin: 20px 0 0 0; padding: 18px 20px 0 20px ;
   color: #ffffff;
   font-size: 1.5em;
   height: 80px;
   width: 410px;
   
}
.success-index h3 {
   margin: 30px 0 2px 0;
}
.success-index p {
   margin: 4px 0 2px 0;
}

.side-advice {
   background: #FFFFFF url(chrome/nota-bene.gif) no-repeat 0px 0px;
   color: #1F5F1F;
   padding: 12px 30px 0 30px;
   margin: 40px 0 0 0;
   width:165px;
   height: 148px;
}

.changemarks { background-color: #ffb0b0;}

#askmessage-top {
  width: 216px;
  padding: 0px;
  margin:0;
}  
#askmessage h2 {padding:0; padding:10px 0 0 20px;}
#askmessage p {margin:0 0 0 0px;}
#askmessage form {margin:0 0 0 0px;}
#askmessage textarea {
   font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
   font-size: 14px;
}
#askmessage-top {
  background: #FFFFFF url(chrome/message-top.gif) no-repeat 0px 0px;
  width: 215px;
  height: 28px;
  padding: 0px;
  margin:0;
}
#askmessage-mid {
  background: #FFFFFF url(chrome/message-mid.gif) repeat-y 0px 0px;
  width: 215px;
  padding: 0 0px 0 0px;
}
#askmessage-mid div {
  padding: 10px 10px 0 20px;
}
#askmessage-bot {
  background: #FFFFFF url(chrome/message-bot.gif) repeat-y 0px 0px;
  width: 195px;
  height:29px;
  padding: 0 0px 0 30px;
}

.clearboth {
	clear:both;
}
div.right_extras img {
	margin: 0 0 5px 0;
}


.fancy_button {
	background: transparent url(chrome/fancy_button.gif) no-repeat center center;
	border: none;
	width: 156px;
	height:37px;
	padding: 14px 0 0 20px;
}
.fancy_button a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size:16px;
}

.fancy_button_medium {
	background: transparent url(chrome/fancy_button_medium.gif) no-repeat center center;
	padding: 10px;
  width:150px;
}
.fancy_button_wide {
	background: transparent url(chrome/fancy_button_wide.gif) no-repeat center center;
  width:200px;
}

#order_basket {
  background-color: #f0ffff;
  width: 225px;
}
#order_basket a img  {border:none; text-decoration:none;}
#order_basket a {text-decoration:none;}

#order_basket div.add-item a {
	background: transparent url(plaincart/images/small-cart-add.png) no-repeat 0 0 ;
	width: 60px;
	height:21px;
   font-weight: bold;
   display:block;
}
#order_basket div.add-item a:hover {
	background: transparent url(plaincart/images/small-cart-add-hover.png) no-repeat 0 0 ;
}
#order_basket div.view-basket a {
	background: transparent url(plaincart/images/small-cart-view.png) no-repeat 0 0 ;
	width: 160px;
	height:38px;
   font-weight: bold;
   display:block;
}
#order_basket div.view-basket a:hover {
	background: transparent url(plaincart/images/small-cart-view-hover.png) no-repeat 0 0 ;
}

#order_basket div.add-item a, #order_basket div.view-item a {
   color: #ffffff;
}

#order_basket .row1  td {
  background-color: #e0e0ff;
  padding: 3px 3px 10px 3px;
  border-bottom: 2px dotted #d0d0d0;
}
#order_basket .row2 td {
  background-color: #e0ffe0;
  border-bottom: 2px dotted #d0d0d0;
  padding: 3px 3px 10px 3px;
}
#order_basket td.buy {
  padding: 3px 3px 3px 10px;
}

#order_basket div#order-head {
	background: transparent url(plaincart/images/small-order-head.png) no-repeat 0 0 ;
	height:12px;
	width: 225px;
}
#order_basket div#order-foot {
	background: transparent url(plaincart/images/small-order-foot.png) no-repeat 0 0 ;
	height:12px;
	width: 225px;
}