body {
text-align: center; /* center things in pre-IE6 */
background-image: url(http://beekley.webship.com/images/shared/bg_gradient_wallpaper.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
height: 100%;
}

#container {
min-height: 100%;
position: relative; /*** Let's be nice to IE ***/
margin: -10 px; 
padding: 0px;
width: 1024px;
display: table; /*** For non-IE browsers ***/
text-align: left;
border: 3px solid #9DAECE;
background-color: #FFF;
height: 100%;
}

#header {
float: center;
width: 1024px;
height: 70px;
background-image: url(http://beekley.webship.com/images/shared/BeekleyHeaderPlain.jpg);
background-repeat: no-repeat;
}

#headertext {
float: left;
width: 1024px;
height: 70px;
}

#topmenu {
float: left;
width: 1024px;
height: 40px;
}

#sidebar {
width: 167px;
float: left;
margin: 0 auto;
}

#contentmain {
margin: 0 auto; padding:10px 0px 10px 30px;
width: 857px;
float: right;
border: 0px solid red;
display: table; /*** For non-IE browsers ***/
}

#contentleft {
margin: 0 auto; padding:29px 0px 10px 30px;
width: 320px;
float: left;
border: 0px solid black; 
display: table; /*** For non-IE browsers ***/
}

#contentright {
margin: 0 auto; padding:20px 52px 10px 0px;
width: 375px;
float: right;
border: 0px solid red;
display: table; /*** For non-IE browsers ***/
}

#contentacross {
margin: 0 auto; padding:29px 0px 10px 30px;
width: 780px;
float: left;
border: 0px solid black; 
display: table; /*** For non-IE browsers ***/
}

#contentacrossinside {
margin: 0 auto; padding:15px 0px 10px 25px;
width: 790px;
float: left;
border: 0px solid black; 
display: table; /*** For non-IE browsers ***/
}



#catalogheader {
float: center;
width: 810;
height: 25px;
background-image: url(http://beekley.webship.com/images/shared/insideheadergrad.jpg);
background-repeat: no-repeat;
margin-top: 12px;
margin-bottom: 0px;
margin-left: 23px;
margin-right: 0px;
border-left:1px solid #5579A8;
border-right:1px solid #5579A8;
border-top:1px solid #5579A8;
}

#catalogsubheader {
float: center;
width: 765;
height: 25px;
background-image: url(http://beekley.webship.com/images/shared/insideheadergrad.jpg);
background-repeat: no-repeat;
margin-top: 12px;
margin-bottom: 0px;
margin-left: 13px;
margin-right: 0px;
border-left:1px solid #5579A8;
border-right:1px solid #5579A8;
border-top:1px solid #5579A8;
}


#catalogheadertext {
float: left;
margin-top: 4px;
margin-bottom: 0px;
margin-left: 12px;
margin-right: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #5579a8;
font-weight: bold;
}


#catalogsubheadertext {
float: left;
margin-top: 4px;
margin-bottom: 0px;
margin-left: 12px;
margin-right: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #5579a8;
font-weight: bold;
}


.catalogpicborder {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
border: 1px solid #00467F; 
}

#insideborderbox {
margin: 0 auto; padding:10px 10px 10px 10px;
width: 790px;
float: center;
border: 1px solid #00467f; 
display: table; /*** For non-IE browsers ***/
}

#insideborderboxcatalog {
margin: 0 auto; padding:10px 10px 10px 10px;
width: 790px;
float: center;
border-left:1px solid #5579A8;
border-right:1px solid #5579A8;
border-bottom:1px solid #5579A8;
display: table; /*** For non-IE browsers ***/
}

#insidesubborderboxcatalog {
margin: 0 auto; padding:0px 0px 0px 0px;
width: 765px;
float: center;
margin-top: 0px;
margin-bottom: 0px;
margin-left: -13px;
margin-right: 0px;
border-bottom:1px solid #5579A8;
border-left:1px solid #5579A8;
border-right:1px solid #5579A8;
border-top:0px solid #5579A8;display: table; /*** For non-IE browsers ***/
}

#insidecontentleft {
margin: 0 auto; padding:20px 30px 10px 30px;
width: 340px;
float: left;
border: 0px solid black; 
display: table; /*** For non-IE browsers ***/
background-image: url(http://beekley.webship.com/images/shared/graydotslong.gif);
background-repeat: repeat-y;
background-position: top right;
}

#insidecontentmiddle {
margin: 0 auto; padding:0px 0px 0px 0px;
height: 100%;
width: 30px;
float: left;
border: 0px solid red;
display: table; /*** For non-IE browsers ***/
}

#insidecontentright {
margin: 0 auto; padding:20px 20px 10px 10px;
width: 340px;
float: right;
border: 0px solid red;
display: table; /*** For non-IE browsers ***/
}

hr.dot {
border: 1px;
color: #58595B;
margin:0px;
border-style: dotted;
}

#catalogborder {
margin: 0 auto; padding:0px 0px 0px 0px;
width: 100%;
float: center;
border: 0px solid red;
display: table; /*** For non-IE browsers ***/
border-bottom:2px inset #5579A8;
border-bottom-style: dotted;
margin-bottom: 20px;
margin-top: 0px;
}

#catalogleftpic{
margin: 0 auto; padding:00px 0px 0px 0px;
width: 174px;
float: left;
border: 0px solid red;
display: table; /*** For non-IE browsers ***/
}

#catalogcenterpic{
margin: 0 auto; padding:00px 0px 0px 0px;
width: 238px;
float: left;
border: 0px solid red;
display: table; /*** For non-IE browsers ***/
}

#catalogrighttext{
margin: 0 auto; padding:00px 0px 0px 50px;
width: 282px;
float: left;
border: 0px solid red;
display: table; /*** For non-IE browsers ***/
}

#cataloglefttext{
margin: 0 auto; padding:00px 0px 0px 0px;
width: 413px;
float: left;
border: 0px solid red;
display: table; /*** For non-IE browsers ***/
}

.clearfooter {
height: 10px;
clear: both;
}

#clearfooter {
height: 20px;
clear: both;
}



#footer {
	height: 20px;
	position: relative;
	color: #00467f;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#footerinside {
	height: 20px;
	position: relative;
	color: #58595b;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#footerinsideindepth {
	height: 20px;
	position: relative;
	color: #58595b;
	font-size: 11px;
	margin-left: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
float: center;
}

#footerinsidenonspots {
	height: 20px;
	position: relative;
	color: #58595b;
	font-size: 11px;
	margin-left: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}


#technugback {
height: 100%;
background-color: #F5F5F5;
border: 1px solid #BCBEC0;
}

.technugget {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	line-height: 16px;
	margin-left: 0px;
	line-height: 16px;
	padding-left: 1px;
	padding-right: 13px;
	padding-top: 1px;
	text-decoration: none;
}

.productbrandnamelinks a {
            color: #00467f;
            font-size: 16px;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: normal;
            text-decoration: none;
}
 
.productbrandnamelinks a:visited {
            color: #00467f;
            font-size: 16px;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: normal;
            text-decoration: none;
}
 
.productbrandnamelinks a:hover {
            color: #5579a8;
            text-decoration: underline;
}

/* * * * * * * * * * *  * * * M E N U    S T Y L E S    S T A R T * * * * * * * * * * * *  * */

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: #808183;

}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
padding: 0px 0px;
margin-left: 0px;
position: absolute;
left: 0;
top: 0;
visibility: hidden;
/* border: 0px solid black; */
border-bottom-width: 0;
font: normal 10px Verdana;
line-height: 12px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #D8DEEC;
float: left;
width: 250px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 250;
display: block;
text-indent: 0px;
border-bottom: 0px solid black;
padding: 0px 0;
text-decoration: none;
font-weight: bold;
text-indent: 0px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: #FFFFFF;
color: #004A83;
}



a.SUBNAV:link {
  color:5579a8;
  text-decoration:none;
    font-size:12pt;

}

a.SUBNAV:visited {
  color:5579a8;
  text-decoration:none;
  font-size:12pt;
}

a.SUBNAV:hover {
background-color: #fff;
  color:5579a8;
text-decoration: underline;
  font-size:12pt;
}

a.SUBNAV:active {
background-color: #fff;
  color:5579a8;
text-decoration: none;
  font-size:12pt;
} 



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: #58595b;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
visibility: hidden;
}


    a:link              { color:#00467f; text-decoration:none; }
    a:visited           { color:#00467f; text-decoration:none; }
    a:hover             { color:#5579a8; text-decoration:underline; }
    a:active            { color:#5579a8; text-decoration:bold; }


/* * * * * * * * * * *  * * * M E N U    S T Y L E S    E N D * * * * * * * * * * * *  * */




p  { /* this is for gray paragraph text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	line-height: 28px;
} 


.paraform  { /* this is for gray paragraph text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	line-height: 28px;
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: 24px;
	width: 800px;

} 

.paracatalog  { /*  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	line-height: 18px;
		margin-top: 0px;
	font-weight: normal;

} 



.paraproducts  { /*  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	line-height: 12px;
	margin-top: 0px;

} 


.paraheader  { /*  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	line-height: 20px;
		margin-top: 0px;

}

h1 { /*  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5579a8;

}

h2 { /* all branded product name links */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #00467f;
	font-weight: normal;
	padding-bottom: 1px;
	margin-bottom: 0px;
	margin-top: 0px;


}

h3 { /*  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5579a8;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;

}

h4 { /* Product Headers For Catalog Pages */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #00467F;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;

}

h5 { /* For Form Pages */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5579a8;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: 24px;

}


.welcome { /* custom BEEKLEY text on homepage, under 'welcome to' */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #5579a8;

}

.headerinside { /* custom BEEKLEY text on homepage, under 'welcome to' */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00467f;
	line-height: 16px;

}




.beekley { /* custom BEEKLEY text on homepage, under 'welcome to' */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #00467f;
	line-height: 30px;

}


.titlect { /* header */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #f0b608;
	line-height: 30px;
	text-decoration: none;

}
.bluelinks a {
	color: #00467f;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.bluelinks a:hover {
	color: #5579a8;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}



table.catalog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	line-height: 18px;
	margin-left: 8px;
	line-height: 18px;
	padding-left: 3px;
}


table.forms
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00467F;
	line-height: 18px;
	line-height: 18px;

}


li.homepage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	line-height: 18px;
	margin-left: 8px;
	line-height: 18px;
	padding-left: 3px;
}

li.news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	line-height: 10px;
	margin-left: 8px;
	line-height: 10px;
	padding-left: 3px;
	margin-bottom: 5px;

}


li { /* bullets in gray, distance between bullet & text to match static layout */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	padding-left: 3px;
	margin-bottom: 15px;
	line-height: 19px;

}

ul { /* line height on bulleted lists is slightly less than on regular paragraphs */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595b;
	line-height: 12px;
	padding-left: 8px;
	line-height: 19px;

}


.footer {
	color: #00467f;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.blueimagecontainerborder { /* dark "Beekley Blue" border container for Flash */
border: 1px solid #00467F;
width: 344; height: 220; z-index: 0;}


.imagecontainerborder { /* dark "Beekley Blue" border container for ALL images ~ excluding Flash */
border: 1px solid #00467F;

}

	

.2blueimagecontainerborder { /* dark "Beekley Blue" border container for Flash and images */
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-color: #00467f;
	border-right-color: #00467f;
	border-bottom-color: #00467f;
	border-left-color: #00467f;
}


	.backtotop { /* universal back to top of page link */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #5579a8;
	line-height: 20px;
}

	.caption1 { /*  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
	width: 127;
}

	.caption2blue { /*  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: #00467F;
	line-height: 20px;
	width: 127;
}

	.imagenospace { /*  */
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	float: center;
}

div.hr {background: #fff url(http://beekley.webship.com/images/shared/hrdots.gif) no-repeat scroll center; height: 10px}

.registrationmarksmall {
	font-size: 14px;
	}

.new {
	color: #D09810;
	font-weight: bold;
	font-size: 12px;
	}
	
		.clickforarchive {
	color: #00467f;
	font-weight: bold;
	font-size: 10px;
	}
	
.medicalproductshome {
	color: #00467f;
	font-weight: normal;
	font-size: 16px;
	}
