body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background-repeat: no-repeat;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #0000CC; text-decoration: none}
a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #0066ff; text-decoration: none }
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #0000CC; text-decoration: underline}
a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #660033; text-decoration: none}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
}


/*START DROPDOWN MENU 1*/
#nav1, #nav1 ul {
	margin: 0;
	list-style: none;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	z-index: 100;
}

#nav1 a {
	padding-left: 10px;
	color: #FFFFFF;
	display: block;
	width: 100%;
	text-decoration: none;
	font-size: small;
	z-index: 100;
}
#nav1 li {
	float: left;
	width: 8em;
	margin-left: 0em;
	margin-right: .7em;
	z-index: 100;
}
#nav1 li ul {
	z-index: 11;
	position: absolute;
	width: 8em;
	left: -999em;
	background-image: url(../nav/flyoutbg2.png);
	text-align: left;
	float: left;
	border: 1px solid #FFFFFF;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-top: 15px;
	background-position: center;
	z-index: 100;
}
#nav1 li ul a:hover {
	background: url(../nav/cross.gif) no-repeat 0 3px;
	text-decoration: underline;
	z-index: 100;
}
#nav1 li:hover ul, #nav1 li.sfhover ul {
	left: auto;
	z-index: 100;
}
/*END DROPDOWN MENU 1*/





/*START DROPDOWN MENU 2*/
#nav2, #nav2 ul {
	margin: 0;
	list-style: none;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#nav2 a {
	padding-left: 10px;
	color: #FFFFFF;
	display: block;
	width: 100%;
	text-decoration: none;
	font-size: small;
}
#nav2 li {
	float: left;
	width: 10em;

	margin-left: -2.2em;
}
#nav2 li ul {
	z-index: 11;
	position: absolute;
	width: 10em;
	left: -999em;
	background-image: url(../nav/flyoutbg2.png);
	text-align: left;
	float: left;
	border: 1px solid #FFFFFF;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 35px;
	padding-top: 15px;
	background-position: center;
}
#nav2 li ul a:hover {
	background: url(../nav/cross.gif) no-repeat 0 3px;
	text-decoration: underline;
}
#nav2 li:hover ul, #nav2 li.sfhover ul {
	left: auto;
}
/*FLYOUT*/
#nav2 li li {
	float: left;
	width: 26em;
}
#nav2 li ul ul {
	margin: -3em 0 0 12em;
	width: 26em;
}
#nav2, #nav2 ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}
#nav2 li:hover ul ul, #nav2 li.sfhover ul ul {
	left: -999em;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul {
	left: auto;
}
/*END DROPDOWN MENU 2*/




/*START DROPDOWN MENU 3*/
#nav3, #nav3 ul {
	margin: 0;
	list-style: none;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#nav3 a {
	padding-left: 10px;
	color: #FFFFFF;
	display: block;
	width: 100%;
	text-decoration: none;
	font-size: small;
}
#nav3 li {
	float: left;
	width: 11em;
	margin-right: -2em;
	margin-left: -2.2em;
}
#nav3 li ul {
	z-index: 11;
	margin: 0 0 0 3.5em;
	position: absolute;
	width: 12em;
	left: -999em;
	background-image: url(../nav/flyoutbg2.png);
	text-align: left;
	float: left;
	border: 1px solid #FFFFFF;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 35px;
	padding-top: 15px;
	background-position: center;
}
#nav3 li ul a:hover {
	background: url(../nav/cross.gif) no-repeat 0 2px;
	text-decoration: underline;
}
#nav3 li:hover ul, #nav3 li.sfhover ul {
	left: auto;
}
/*END DROPDOWN MENU 3*/





/*START DROPDOWN MENU 4*/

#nav4, #nav4 ul {
	margin: 0;
	list-style: none;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#nav4 a {
	padding-left: 10px;
	color: #FFFFFF;
	display: block;
	width: 100%;
	text-decoration: none;
	font-size: small;
}
#nav4 li {
	float: left;
	width: 13em;
	margin-right: -2.2em;
	margin-left: -2.2em;
}
#nav4 li ul {
	z-index: 11;
	margin: 0 0 0 1em;
	font-style: normal;
	position: absolute;
	width: 12em;
	left: -999em;
	background-image: url(../nav/flyoutbg2.png);
	text-align: left;
	float: left;
	border: 1px solid #FFFFFF;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 35px;
	padding-top: 15px;
	background-position: center;
}
#nav4 li ul a:hover {
	background: url(../nav/cross.gif) no-repeat 0 3px;
	text-decoration: underline;
}
#nav4 li:hover ul, #nav4 li.sfhover ul {
	left: auto;
}
/*FLYOUT*/
#nav4 li ul ul {
	margin: -7em 0 0 12em;
	width: 24em;
}
#nav4, #nav4 ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}
#nav4 li:hover ul ul, #nav4 li.sfhover ul ul {
	left: -999em;
}
#nav4 li:hover ul, #nav4 li li:hover ul, #nav4 li.sfhover ul, #nav4 li li.sfhover ul {
	left: auto;
}
#nav4 li li {
	float: left;
	width: 24em;
}
/*TABLE*/
#nav4 .greenforest, #nav4 .greenforest TD, #nav4 .greenforest TH, #nav4 .greenforest a
{
	margin: -.2em 0 0 -1.7em;
	font-size: 11px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-top: 0px;
}
/*END DROPDOWN MENU 4*/





/*START DROPDOWN MENU 5*/
#nav5, #nav5 ul {
	margin: 0;
	list-style: none;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#nav5 a {
	padding-left: 10px;
	color: #FFFFFF;
	display: block;
	width: 100%;
	text-decoration: none;
	font-size: small;
}
#nav5 li {
	float: left;
	width: 11em;
	margin-right: -2.2em;
	margin-left: -2.2em;
}
#nav5 li ul {
	z-index: 11;
	position: absolute;
	width: 12em;
	left: -999em;
	background-image: url(../nav/flyoutbg2.png);
	text-align: left;
	float: left;
	border: 1px solid #FFFFFF;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 35px;
	padding-top: 15px;
	background-position: center;
}
#nav5 li ul a:hover {
	background: url(../nav/cross.gif) no-repeat 0 2px;
	text-decoration: underline;
}
#nav5 li:hover ul, #nav5 li.sfhover ul {
	left: auto;
}
/*END DROPDOWN MENU 5*/





/*START DROPDOWN MENU 6*/
#nav6, #nav6 ul {
	margin: 0;
	list-style: none;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#nav6 a {
	padding-left: 10px;
	color: #FFFFFF;
	display: block;
	width: 100%;
	text-decoration: none;
	font-size: small;
}
#nav6 li {
	float: left;
	width: 13em;
	margin-right: -2.8em;
	margin-left: -2.2em;
}
#nav6 li ul {
	z-index: 11;
	position: absolute;
	width: 12em;
	left: -999em;
	background-image: url(../nav/flyoutbg2.png);
	text-align: left;
	float: left;
	border: 1px solid #FFFFFF;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 35px;
	padding-top: 15px;
	background-position: center;
}
#nav6 li ul a:hover {
	background: url(../nav/cross.gif) no-repeat 0 3px;
	text-decoration: underline;
}
#nav6 li:hover ul, #nav6 li.sfhover ul {
	left: auto;
}
/*END DROPDOWN MENU 6*/





/*START DROPDOWN MENU 7*/
#nav7, #nav7 ul {
	margin: 0;
	list-style: none;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#nav7 a {
	padding-left: 10px;
	color: #FFFFFF;
	display: block;
	width: 100%;
	text-decoration: none;
	font-size: small;
}
#nav7 li {
	color:#FFFFFF;
	float: left;
	width: 13em;
	margin-right: -2.2em;
	margin-left: -2.2em;
}
#nav7 li ul {
	z-index: 11;
	position: absolute;
	width: 12em;
	left: -999em;
	background-image: url(../nav/flyoutbg2.png);
	text-align: left;
	float: left;
	border: 1px solid #FFFFFF;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 35px;
	padding-top: 15px;
	background-position: center;
}
#nav7 li ul a:hover {
	background: url(../nav/cross.gif) no-repeat 0 3px;
	text-decoration: underline;
}
#nav7 li:hover ul, #nav7 li.sfhover ul {
	left: auto;
}
/*FLYOUT*/
#nav7 li li {
	float: left;
	width: 26em;
}
#nav7 li ul ul {
	margin: -3em 0 0 -29em;
	width: 26em;
}
#nav7, #nav7 ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}
#nav7 li:hover ul ul, #nav7 li.sfhover ul ul {
	left: -999em;
}
#nav7 li:hover ul, #nav7 li li:hover ul, #nav7 li.sfhover ul, #nav7 li li.sfhover ul {
	left: auto;
}
/*END DROPDOWN MENU 7*/





/*START DROPDOWN MENU 8*/
#nav8, #nav8 ul {
	margin: 0;
	list-style: none;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#nav8 a {
	padding-left: 10px;
	color: #FFFFFF;
	display: block;
	width: 100%;
	text-decoration: none;
	font-size: small;
}
#nav8 li {
	color:#FFFFFF;
	float: left;
	width: 13em;
	margin-right: -2.2em;
	margin-left: -2.2em;
}
#nav8 li ul {
	z-index: 11;
	position: absolute;
	width: 12em;
	left: -999em;
	background-image: url(../nav/flyoutbg2.png);
	text-align: left;
	float: left;
	border: 1px solid #FFFFFF;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 35px;
	padding-top: 15px;
	background-position: center;
}
#nav8 li ul a:hover {
	background: url(../nav/cross.gif) no-repeat 0 3px;
	text-decoration: underline;
}
#nav8 li:hover ul, #nav8 li.sfhover ul {
	left: auto;
}
/*FLYOUT*/
#nav8 li li {
	float: left;
	width: 26em;
}
#nav8 li ul ul {
	margin: -3em 0 0 -29em;
	width: 26em;
}
#nav8, #nav8 ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}
#nav8 li:hover ul ul, #nav8 li.sfhover ul ul {
	left: -999em;
}
#nav8 li:hover ul, #nav8 li li:hover ul, #nav8 li.sfhover ul, #nav8 li li.sfhover ul {
	left: auto;
}
/*END DROPDOWN MENU 8*/





/*START DROPDOWN MENU 9*/
#nav9, #nav9 ul {
	margin: 0;
	list-style: none;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#nav9 a {
	padding-left: 10px;
	color: #FFFFFF;
	display: block;
	width: 100%;
	text-decoration: none;
	font-size: small;
}
#nav9 li {
	float: left;
	width: 13em;
	margin-right: -2em;
	margin-left: -2em;
}
#nav9 li ul {
	z-index: 11;
	position: absolute;
	width: 12em;
	left: -999em;
	background-image: url(../nav/flyoutbg2.png);
	text-align: left;
	float: left;
	border: 1px solid #FFFFFF;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 35px;
	padding-top: 15px;
	background-position: center;
}
#nav9 li ul a:hover {
	background: url(../nav/cross.gif) no-repeat 0 3px;
	text-decoration: underline;
}
#nav9 li:hover ul, #nav9 li.sfhover ul {
	left: auto;
}
/*END DROPDOWN MENU 9*/






/*START DROPDOWN MENU 10*/
#nav10, #nav10 ul {
	margin: 0;
	list-style: none;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#nav10 a {
	padding-left: 10px;
	color: #FFFFFF;
	display: block;
	width: 100%;
	text-decoration: none;
	font-size: small;
}
#nav10 li {
	float: left;
	width: 13em;
	margin-right: -1em;
	margin-left: -3.2em;
}
#nav10 li ul {
	z-index: 11;
	margin: 0em 0 0 -4em;
	position: absolute;
	width: 12em;
	left: -999em;
	background-image: url(../nav/flyoutbg2.png);
	text-align: left;
	float: left;
	border: 1px solid #FFFFFF;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 50px;
	padding-top: 15px;
	background-position: center;
}
#nav10 li ul a:hover {
	background: url(../nav/cross.gif) no-repeat 0 3px;
	text-decoration: underline;
}
#nav10 li:hover ul, #nav10 li.sfhover ul {
	left: auto;
}
/*END DROPDOWN MENU 10*/






/*START DROPDOWN MENU 11*/
#nav11, #nav11 ul {
	margin: 0;
	list-style: none;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#nav11 a {
	padding-left: 10px;
	color: #FFFFFF;
	display: block;
	width: 100%;
	text-decoration: none;
	font-size: small;
}
#nav11 li {
	float: left;
	width: 8em;
	margin-left: -2.2em;
}
#nav11 li ul {
	z-index: 11;
	margin: 0 0 0 -5em;
	position: absolute;
	width: 8em;
	left: -999em;
	background-image: url(../nav/flyoutbg2.png);
	text-align: left;
	float: left;
	border: 1px solid #FFFFFF;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 35px;
	padding-top: 15px;
	background-position: center;
}
#nav11 li ul a:hover {
	background: url(../nav/cross.gif) no-repeat 0 3px;
	text-decoration: underline;
}
#nav11 li:hover ul, #nav11 li.sfhover ul {
	left: auto;
}
/*FLYOUT*/
#nav11 li li {
	float: left;
	width: 22em;
}
#nav11 li ul ul {
	margin: -3em 0 0 -25em;
	width: 22em;
}
#nav11, #nav11 ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}
#nav11 li:hover ul ul, #nav11 li.sfhover ul ul {
	left: -999em;
}
#nav11 li:hover ul, #nav11 li li:hover ul, #nav11 li.sfhover ul, #nav11 li li.sfhover ul {
	left: auto;
}
/*END DROPDOWN MENU 11*/










/*BEGIN VERTICAL MENU*/
#wrapper #vertical .glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

#wrapper #vertical .glossymenu a.menuitem{
background: black url(../nav/glossyback.gif) repeat-x bottom left;
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 5px;
text-decoration: none;
}


#wrapper #vertical .glossymenu a.menuitem:visited, #wrapper #vertical .glossymenu .menuitem:active{
color: white;
}

#wrapper #vertical .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

#wrapper #vertical .glossymenu a.menuitem:hover{
background-image: url(../nav/glossyback2.gif);
}

#wrapper #vertical .glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

#wrapper #vertical .glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

#wrapper #vertical .glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

#wrapper #vertical .glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

#wrapper #vertical .glossymenu div.submenu ul li a:hover{
background: #C6DEFF;
colorz: white;
}
/*END VERTICAL MENU*/






/*START SITEMAP*/
p {
padding: 0 0 1em;
}
.msg_list {
	margin: 0px;
	padding: 0px;
	width: 550px;
	font-weight: bold;
	text-align: center;
}
.msg_head {
	padding: 1px 10px;
	cursor: pointer;
	position: relative;
	font-style: normal;
	background-color:#336699;
	margin:1px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#F4F4F8;
}
/*END SITEMAP*/


#menu {
	float: left;
	width: 100%;
}
#wrapper  #vertical {
	float: left;
	width: 175px;
}
#wrapper {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#wrapper #stuff {
	width: 785px;
	float: left;
	margin-top: 10px;
	padding-left: 20px;
}
#wrapper #stuff #middle {
	margin-left: 10px;
	float: left;
	width: 550px;
}

#wrapper #stuff #middle #slideshow img { display: none }
#wrapper #stuff #middle #slideshow img.first { display: block }


#wrapper #stuff .title {
	font-size: medium;
}
#wrapper #stuff #right_side {
	float: left;
	width: 160px;
	padding-left: 30px;
}
#wrapper #stuff #sitemap{
	clear: both;
}

/*START INDEX PAGE RIGHT ITEMS*/
#wrapper #stuff #right_side dl {

	width: 175px;
	padding: 0;
	background: #336699 url(http://www.firstaid-supply.com/nav/bottom.jpg) no-repeat bottom left;
	text-align: center;

		}
#wrapper #stuff #right_side dt {
	margin: 0;

	font-size: 135%;
	color: #fff;
	background: #336699 url(http://www.firstaid-supply.com/nav/top.jpg) no-repeat top left;
	text-align: center;
		}
#wrapper #stuff #right_side dd {
	color: #000000;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-left: 0px;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #255AA6;
	border-left-color: #255AA6;

		}
#wrapper #stuff #right_side #white dt {
		}
#wrapper #stuff #right_side #white {
		background-color: #fff;
/*END INDEX PAGE RIGHT ITEMS*/
}

#wrapper #stuff .cpr_text {
	font-size:small;
	padding-left: 20px;
	}
	
	
	
#wrapper #stuff #container #rightnav #words {
	float: left;
	width: 175px;
	padding-left: 20px;
	}	
	
#wrapper #stuff #container #rightnav #products {
	float: left;
	padding-left: 20px;
}	
	

/*START SEARCH BAR*/	
.search
{
margin: -8px 0px 0px 11px;
padding: 0;
position:relative;
height:23px;
}
.searchbgIE
{
background:url(http://www.firstaid-supply.com/nav/search1.png) 3px 1px no-repeat;
width:155px;
height:22px;
display:block;
border: 0;
}
.searchbg
{
background:url(http://www.firstaid-supply.com/nav/search1.png) 2px 1px no-repeat;
width:155px;
height:22px;
display:block;
border: 0px;
}
.search_button
{
position:absolute;
top:-1px;
left:150px;
border: 0px;
margin: 0px 0px 0px 2px;
}

.search_field
{
color: #5C5C5C;
font-style: bold;
float:left;
border:0;
margin-left: 7px;
margin-top: 4px;
padding: 0;
width:149px;
height: 22px;
padding: 0px 0px 0px 0px;
background-color:transparent;
}

.search_field:focus + .searchbg
{
background:url(http://www.firstaid-supply.com/nav/search1a.png) 2px 0px no-repeat;
}
/*END SEARCH BAR*/	

/*START SLIDESHOW*/
.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
	z-index: -100;
} 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0;
	z-index: -100;
} 


/*END SLIDESHOW*/

