/* 
main background color for all pages; main font for all pages. Zeros margins and adds bottom margin
*/
body {
	background: #1F1FD2;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
/*
.gif of phone number - plain text would wrap and hide behind banner
*/
#phone {
	position: absolute; 
	top: 0px; 
	left: 618px; 
	width: 160px;
	}
/*
generic banner image used on all pages
*/
#siteMast {
	position: absolute; 
	top: 10px; 
	left: 15px;
	width: 760px; 
	height: 112px;
	}
/*
positions product image on right side of banner
*/
#siteMast .overlay {
	position: absolute;
	top: 21px; left: 604px;
	width: 123px; height: 73px;
	}
/*
simple navigation container
*/
#navBar {
	position: absolute; 
	top: 130px; 
	left: 15px;
	width: 759px; 
	}
/*
Zoom search
*/
#search {
	position:absolute; 
	top:135px; 
	left:588px;
	height:28px; 
	width:189px;
	padding:0px; 
	margin-bottom:0px;
	z-index: 1;
	}
/*
text entry box for search, floats left of button
*/
#search span.box {
	float:left; 
	top:0px;
	}
#search .button {
	float:right;
	}
/*
surrounds ALL PODS, adds faux bottom, and right column. Very basic does not change throughout any pages
*/
#shell {
	position: absolute; 
	left: 15px;
	top: 176px;  
	width: 759px; 
	background: url(../images/shared/shell/back.gif) transparent top right repeat-y; 
	/*border: 1px solid red;*/
	}
/*
sets width of left column
*/
#left {
	float: left;
	clear: left;
	width: 185px;
	}
/*
postions the Lab Notes Flash Ad (originated on home page)
*/
#labFlash {
	padding-left: 6px;
	}
/*
sets width and positions right column
*/
#right {
	position: relative;
	float: right;
	clear: right; /*clears left column - since both columns float each will push footer down as column lenghtens*/
	top: 0px;
	padding-right: 7px;/*pushes entire right column over to match POD background*/
	width: 541px;
	}
/*
outline with this template must stay blue on left and bottom right for pods to expand correctly
*/
#blueHead, #blueHeadAlt1, #blueHeadAlt2 {
	position: relative; 
	
	margin-top:0px;
	padding-top:0px;
	left: 6px; 
	background:  url(../images/shared/one/blue/head.gif) transparent top repeat-y;
	width: 185px; 
	border-bottom: 1px solid #000099;
	}
/*
centers images - text is aligned left on products.css
*/
#blueGuts, #blueGutsAlt1, #blueGutsAlt2 {
	position: relative; 
	top: 0px; 
	left:6px;
	font-size: 10px; 
	padding-top: 0px;
	color: #2B2BFF; 
	font-weight: bold;
	width: 183px;
	text-align: center;
	}
/*
styles list specific to featured biohazard product
*/
#blueGuts ul, #blueGutsAlt1 ul, #blueGutsAlt2 ul {
	text-align: left;
	color: #CC6666;
	}
#blueGuts ul ul, #blueGutsAlt1 ul ul, #blueGutsAlt2 ul ul{
	text-align: left;
	color: #CC6666;
	}
#blueGuts span, #blueGutsAlt1 span, #blueGutsAlt2 span {
	color: #2B2BFF
	}
#blueGuts p, #blueGutsAlt1 p, #blueGutsAlt2 p {
	text-align: left;
	padding: 0 5px 0 5px;
	}
/*
replaces blueGuts, specific to content of Customer Support area
*/
.contactText {
	position: relative; 
	top: 0px; 
	left: 6px;
	font-size: 10px; 
	padding: 10px 0 10px 0;
	color: #2B2BFF; 
	font-weight: bold;
	width: 183px;
	text-align: center;
	}
/*
sets default text properties. Background color masks mainbackground
*/
#footer {
	position: relative;
	bottom: 0px;
	clear: both;
	width: 100%;  
	background-color: #1F1FD2;
	text-align: center;
	color: #FFFFFF; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 200px;
	}
/*
big blue area on right. Introduced on home page, used elsehwere
*/
#bigBlueHead {
	width: 541px; 
	background-image: url(../images/shared/three/bigblue/mid.gif); 
	background-repeat: repeat-y;
	border-bottom: 1px solid #0000CC;
	margin-bottom: 5px;
	}
#bigBlueGuts {
	position: relative; 
	font-size: 10px; 
	}
#bigBlueGuts table {
	margin:0px 0px 0px 5px; 
	padding-bottom: 10px;
	}
#bigBlueGuts table td {
	vertical-align: top; 
	padding-left: 5px;
	}
#bigBlueGuts p {
	margin-right: 5px;
	}
#contact, #flashBanner {
	position: relative;
	}