/* www.genefluidics.com CSS */
/* (c) copyright 2008-2009, GeneFluidics, Inc., All Rights Reserved */

html { background: #E0E0E0; font-family: verdana, arial; overflow-y:scroll;}

body { font-size: 12px; } 

img { border: none }
img.press { float: left; padding-right: 12px}

h3 { font-size: 15px;}
h2 { font-size: 17px; }
h1 { font-size: 19px;}

a:link{ text-decoration:none; font-weight: bold}
a:hover{ text-decoration: underline; }
a:visited{ color: #101060; text-decoration:none; font-weight: bold }

/* white box to contain entire site */
div.container
{	margin: 2% auto 2% auto; 
	width: 800px;
	background:#FFFFFF;
	padding: 0 0 0 0;
	position: relative;
}

/* content holder (all base content should be in this div, except the sidebar) */
div.content {
	padding-left:5%;
	padding-bottom:5%;
	padding-right:5%;
	background:#FFFFFF;
}


img.inline-photo{
    float:left;
    margin: 0 2% 2% 0;
}

div.content-swf{
    float:left;
     margin: 0 2% 2% 0;
}
/* shopping cart */
div.cart-directions>ul{
	font-size:14px;
}
div.product {
	padding-right: 15px;
	background:#FFFFFF;
	padding-top:5px;
	padding-bottom:25px;
}
div.product>span.product-title{
	font-size: 18px;
	font-family: arial,verdana;
	/*font-weight: bold; */
}
div.product>div.product-description{
	font-size: 14px;
	font-family: arial,verdana;
	display: inline;
	padding: 5px;
	overflow: visible;
}
div.product>img{
	padding-right: 9px;
	width: 120px;
	height: auto;
	float: left;
}
div.product>span.product-price{
	font-size: 20px;
	padding-top: 5px;
	float:right;
	font-family: arial,verdana;
}
div.googlecart-add-button{
    padding: 0;
	float:right;
	display: inline;
}
div.product>span.product-shipping-first{
    display: none;
}
div.product>span.product-shipping{
    display: none;
}

div.mediumgradient
{	height:56px;
	width:300px;
	background-image:url(/img/stock/border-300x56.png);}
div.mediumgradient p
{	padding: 7px 5px 5px 12px;}
div.mediumgradient h2
{	padding: 7px 5px 5px 12px;}
div.tinygradient
{	height:38px;
	width:300px;
	background-image:url(/img/stock/border-300x38.png);}
div.tinygradient p
{	padding: 7px 5px 5px 12px;}
div.tinygradient h2
{	padding: 7px 5px 5px 12px;}


div.image
{	border: 0 0 0 0;
	padding: 2px 2px 2px 2px;
	display: inline;
}
div.caption
{	text-align: center;
	padding: 2px 2px 2px 2px;
	display: inline;
}	
ul.imgbar
{	list-style: none;
	text-align:center;
	white-space:nowrap;
	background:#FFFFFF;
	margin:2% auto 2% auto;
	padding: 0 0 0 0;
}	
ul.imgbar>li {	display: inline; padding: 0 0 0 1px;	margin: auto; }

/* navigation bar */
ul.navbar {
	text-align: center;
	margin: 0;
	padding: 30px 0 0 0;
	background: white;
	width: 100%;
	float: center;
	border: 0 px;
	border-width: 1px 0;
}
ul.navbar li {
	display: inline;
	padding: 0;
	margin: 0;
	font: 14px monospace; /* for seperation bars */
	color: #000000;
	background: #FFFFFF;
	float: center;
	width: auto;
}	
ul.navbar a:link, ul.navbar a:visited {
	color: #6A6A6A;
	background: #FFFFFF;
	padding: 0px 7px 0px 7px;
	float: center;
	width: auto;
	text-decoration: none;
	font-family: arial;	
	font-size: 14px;
	font-weight: normal;
}
ul.navbar a:hover {
	color: gold;
}

/* fixed sidebar */
div.sidebar {
	width:228px;
	margin: 0 3% 2% 2%;
	font-family: verdana;
	font-size: 90%;
	background-color: white;
	overflow:auto;
	float:right;
	float:right;
	border:1px solid #999999;
	border-style: outset;
	padding:3px 3px 7px 3px;
}
div.sidebar>div.sidebar-title {
    font-size: 15px;
    text-align: center;
}

/* hide-away / expanding sidebar */
div.expanding-sidebar {
	width:228px;
	margin: 0 3% 2% 2%;
	font-family: verdana;
	font-size: 90%;
	background-color: white;
	float:right;
	border:1px solid #999999;
	border-style: outset;
    padding:3px 3px 7px 3px;
	position: absolute;
	right: 0px;
}
div.expanding-sidebar:hover {
    position: absolute;
    right: 0px;

}
div.expanding-sidebar-anchorblock{
	width:228px;
	margin: 0 3% 2% 2%;
	font-family: verdana;
	font-size: 90%;
	background-color: white;
	float:right;
	border:1px solid #999999;
	border-style: outset;
    padding:3px 3px 7px 3px;
	right: 0px;
}
div.expanding-sidebar>div.content {
    display: none;
}
div.expanding-sidebar:hover>div.content{
    display: block;
}
div.expanding-sidebar>div.sidebar-title {
    display: none;
    font-size: 15px;
    text-align: center;
}
div.expanding-sidebar:hover>div.sidebar-title {
    display: block;
}
div.expanding-sidebar>div.sidebar-non-hover-title {
    text-align: center;
    font-size: 15px;
}
div.expanding-sidebar:hover>div.sidebar-non-hover-title {
    display: none;
}

/* copyright string / footer at bottom of page */
div.copyright {
	background:#CCCCCC;
	font-size: 9px;
	padding: 0 0 0 5%;
	text-align: left;
	color: #454545;
}

div.form-subsection{clear:left;width:100%;margin:0;padding:0;display:block;}
div.form-subsection input#checkbox{margin:5px 10px 20px 0;}
div.form-subsection#special-notes{margin-top:10px;}
div.form-subsection#tc{margin-left:10px;margin-right:10px;}
legend{margin-left:1em;color:#000;font-weight:700;padding:0;}
legend span{margin-top:.5em;font-size:135%;}
label{float:left;width:10em;margin-right:3px;text-align:left;}
fieldset{clear:both;width:auto;text-align:left;border-style:none;margin:0;padding:0;}
fieldset ol{float:left;list-style:none;width:50%;padding:0;}
fieldset ol#requestor{margin:10px 0 0;}
fieldset ol#ship{margin:0;width:40%}
fieldset ol#invoice{float:right;position:relative;width:60%;margin:0;}
fieldset li{padding-bottom:5px;}
div.mediumgradient p,div.mediumgradient h2,div.tinygradient p,div.tinygradient h2{padding:7px 5px 5px 12px;}
table#order{margin-left:0px;padding:0;}
table#order th{padding-left:0px;margin:0;}
table#order td{padding-left:0px;margin:0;}
span#tc{width:500px;padding:3px;}
span#ship-invoice{font-weight:bold;padding-bottom:10px;}
div#highlight{width:75%;margin-left:60px;padding:10px;font-weight:bold;background:#FFFF99;font-size:20px;text-align:center;border-style:dashed;}
span#green-star{color:#339900;}
a#close-window{float:right;margin:3px;}