@charset "UTF-8";
/* CSS Document */

* {margin: 0; padding: 0;}

body{background-color:#eee;}

p {
	font-family:arial, sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#000;
	line-height:14pt;
	}
.radioButtons {
	font-family:arial, sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#000;
	line-height:14pt;
	margin:3px 0px 20px 15px;
	border-bottom:1px solid #bbb;
	padding-bottom:15px;
	}

.listItems{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	color:#000;
	line-height:14pt;
	margin:10px 0px 20px 10px;
	}
	
#container{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:auto;
	background-color:#FFF;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	}

#mainContent{
	width:612px;
	height:auto;
	float:left;
	margin-left:70px;
	}

#mainNav {
	width:589px;
	height:26px;
	background-image:url(../images/elements/navstrip.jpg);
	background-repeat:no-repeat;
	margin-left:10px;
	margin-top:37px;
	z-index:1;
	}
.blog{
	border:0;
	position:relative;
	top:2px;
	}
	
/* ########## begin drop down style ########## */

.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #FFF;
font-family:arial, sans-serif;
font-size:10pt;
font-weight:bold;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #888;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
color:#444;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font-family:arial, sans-serif;
font-size:10pt;
font-weight:normal;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #444;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #DDD;
}



.dividerStrip {
	width:611px;
	height:8px;
	background-color:#ccc;
	border:1px solid #AAA;
	z-index:1;
}

#mainImage {
	margin-top:10px;
	width:610px;
	height:675px;
	margin-bottom:10px;
	background-image:url(../images/home/main_image_background.jpg);
	background-repeat:no-repeat;
	border:1px #bbb solid;
	z-index:1;
	}
.mainImg {margin:20px; z-index:1;}

.headerImg {margin-bottom:8px; margin-top:0px;}

.overlay {
	position:relative;
	top:-243px;
	left:21px;
	z-index:2;
	}
.welcomeMessage {
	position:relative;
	left:50px;
	top:-445px;
	width:525px;
	z-index:3;
	}
#mainImage p {
	font-family:arial, sans-serif;
	font-size:8.5pt;
	font-weight:normal;
	color:#fff;
	line-height:12pt;
	}

.bodyContent {margin-left:55px;}
.bodyContent h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
	color:#d5381e;
	margin:0px 0px 5px 0px;
	}
.bodyContent span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	color:#000;
	}
	

#rightContent {
	float:right;
	width:220px;
	background-color:#ccc;
	border-bottom:2px solid #AAA;
	margin-right:70px;

	}

	
.featuredImg {
	
	margin: 60px 10px 0px 10px;
	border:1px #bbb solid;
	}
.featuredImg2 {
	margin: 20px 10px 0px 10px;
	border:1px #bbb solid;
	}
.featuredImgTab {margin-left:18px; margin-bottom:0px;}



/* ########## Retail style ##########*/
.subImg {margin:10px 0px 10px 0px; border:1px #bbb solid;}

.subHeaderImg{margin:20px 0px 25px 0px;}

#bodyContentLeft {float:left; margin:10px 20px 0px 0px; padding-right:25px; border-right:1px #aaa solid;}
#bodyContentRight {float:left; margin:5px 0px 0px 0px; padding-left:20px;}
#bodyContentRight p{font-size:10pt; font-weight:bold; line-height:15pt; color:#777;}
#bodyContentRight ul{font-size:10pt; font-weight:bold; line-height:15pt; color:#777; font-family:arial, sans-serif;}
/* ------ end Retail style ------ */

/* ######### staff and Med Packaging style ##########*/
#staffContent, #medContent {border-top:1px #ddd solid;clear:both;}
.staffphoto {border:1px #bbb solid;}
#staffImg, #medImg {width:115px; float:left; margin:20px 0px 20px 0px; padding-right:10px; }
#staffBio, #medInfo {width:430px; float:right; margin:25px 0px 20px 0px;}
#staffBio, #medInfo h3{font-size:12pt; font-weight:bold; color:#777; font-family:arial, sans-serif;}
/* ------ end Retail style ------ */

.featuredText {
	margin-left:25px;
	width:170px;
	font-family:arial, sans-serif;
	font-size:8pt;
	font-weight:normal;
	color:#000;
	line-height:11pt;
	padding-bottom:0px;
	margin-top:10px;
	}
.featuredLink {
	margin-left:25px;
	font-family:arial, sans-serif;
	font-size:7pt;
	font-weight:normal;
	color:#d5381e;
	}
.featuredLink:hover {color:#9d2b19;}

.contact {
	font-family:arial, sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#d5381e;
	}
.contact:hover {color:#9d2b19;}

.footer {
	clear:both;
	padding-top:50px;
	margin-left:70px;
	width:600px;
	height:auto;
	position:relative;
	}
.footerText {
	font-size:7pt;
	color:#888;
	}