/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/slide_show.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#navcomponents { background-image: url(../images/molecules-top.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 5px; height:200px; width: 955px; }
#navplaceholder { background-image: none; position: relative; top: 0; left: 0; width: 955px; height: 200px; }
#navbartop { background-image: url(../images/navbar-top.gif); background-repeat: repeat-x; height: 30px; width: 955px; left: 0; top: 21px; position: relative; z-index: 25; visibility: visible; }
#navbarmiddle { background-image: url(../images/navbar-middle.gif); height: 64px; width: 48px; left: 219px; top: 51px; position: absolute; visibility: visible; }
#navbarright { background-image: url(../images/navbar-right.gif); background-repeat: repeat-x; height: 63px; width: 646px; left: 269px; top: 51px; position: absolute; visibility: visible; }
#navbarrightcurve { background-image: url(../images/navbar-right-curve.gif); height: 63px; width: 40px; left: 915px; top: 51px; position: absolute; visibility: visible; }
#divider {  width: 807px; height: 1px; left: 95px; top: 160px; position: absolute; z-index: 25; visibility: visible; }
#navbarbottomleft { background-image: url(../images/navbar-bottom-left.gif); background-repeat: repeat-x; height: 8px; width: 226px; left: 0; top: 51px; position: absolute; z-index: 25; visibility: visible; }
#slogan { background-image: url(../images/slogan.gif); height: 65px; width: 145px; left: 92px; top: 86px; position: absolute; z-index: 30;}


/* common styling */
/* set up the overall width of the menu div and the margins */
.navigation { font-family: verdana, arial, sans-serif; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width:675px; height:105px; padding:0; position:absolute; top: 46px; left: 258px; z-index:100; }
/* remove the bullets and set the margin and padding to zero for the unordered list */
.navigation ul { padding:0; margin:0; list-style-type: none; border:0; }
/* float the list so that the items are in a line */
.navigation ul li { background-image: none; display:block; float:left; height:99px; }
/* style the links to be 50px wide by 31px high with a right border 1px solid white. Set the background color and the font size. */
.navigation ul li a.homebutton, .navigation ul li a.homebutton:visited  { display:block; float:left; width:60px; height:105px; background-image: url(../images/navbuttons/home.png); background-repeat: no-repeat; background-position: 0 0; z-index: 105; }
.navigation ul li a.aboutbutton, .navigation ul li a.aboutbutton:visited { background-image: url(../images/navbuttons/about.png); background-repeat: no-repeat; background-position: 0 0; text-align: center; display: block; width: 57px; height: 105px; z-index: 105; float: left; }
.aboutpages .navigation ul li a.aboutbutton { background-image: url(../images/navbuttons/about.png); background-repeat: no-repeat; background-position: 0 -210px; text-align: center; display: block; z-index: 105; width: 57px; height: 105px; float: left; }
.navigation ul li a.medbutton, .navigation ul li a.medbutton:visited { background-image: url(../images/navbuttons/medsafety.png); background-position: 0 0; text-align: center; display: block; width: 96px; height: 105px; z-index: 105; float: left; }
.meddivision .navigation ul li a.medbutton { background-image: url(../images/navbuttons/medsafety.png); background-position: 0 -210px; text-align: center; display: block; z-index: 105; width: 96px; height: 105px; float: left; }
.navigation ul li a.secbutton, .navigation ul li a.secbutton:visited { background-image: url(../images/navbuttons/security.png); background-position: 0 0; text-align: center; display: block; width: 79px; height: 105px; float: left; }
.secdivision .navigation ul li a.secbutton { background-image: url(../images/navbuttons/security.png); background-position: 0 -210px; text-align: center; display: block; width: 79px; height: 105px; float: left; }
.navigation ul li a.investbutton, .navigation ul li a.investbutton:visited { background-image: url(../images/navbuttons/investor.png); background-position: 0 0; text-align: center; display: block; width: 81px; height: 105px; float: left; }
.investor .navigation ul li a.investbutton { background-image: url(../images/navbuttons/investor.png); background-position: 0 -210px; text-align: center; display: block; width: 81px; height: 105px; float: left; }
.navigation ul li a.newsbutton, .navigation ul li a.newsbutton:visited { background-image: url(../images/navbuttons/news.png); background-position: 0 0; text-align: center; display: block; width: 61px; height: 105px; float: left; }
.news .navigation ul li a.newsbutton { background-image: url(../images/navbuttons/news.png); background-position: 0 -210px; text-align: center; display: block; width: 61px; height: 105px; float: left; }
.navigation ul li a.storebutton, .navigation ul li a.storebutton:visited { background-image: url(../images/navbuttons/store.png); background-position: 0 0; text-align: center; display: block; width: 66px; height: 105px; float: left; }
.store .navigation ul li a.storebutton { background-image: url(../images/navbuttons/store.png); background-position: 0 -210px; text-align: center; display: block; width: 66px; height: 105px; float: left; }
.navigation ul li a.contactbutton, .navigation ul li a.contactbutton:visited { background-image: url(../images/navbuttons/contact.png); background-position: 0 0; text-align: center; display: block; width: 76px; height: 105px; float: left; }
.contact .navigation ul li a.contactbutton { background-image: url(../images/navbuttons/contact.png); background-position: 0 -210px; text-align: center; display: block; width: 76px; height: 105px; float: left; }
/* clear the float at the end of each line of four slides */
span.clr {display:block; clear:both; width:0; height:0; font-size:0; line-height:0;}

/* make the dropdown ul invisible */
.navigation ul li ul {
display: none;
}
/* remove the table styling */
table {
border-collapse:collapse;
margin:0; 
padding:0;
}


/* specific to non IE browsers */
/* set the background and foreground color of the main menu li link on hover */
.navigation ul li:hover a.homebutton{ background-image: url(../images/navbuttons/home.png); background-repeat: no-repeat; background-position: 0 -105px; z-index: 105; cursor:default; }
.navigation ul li:hover a.aboutbutton { background-image: url(../images/navbuttons/about.png); background-repeat: no-repeat; background-position: 0 -105px; z-index: 105; cursor: default; }
.navigation ul li:hover a.medbutton { background-image: url(../images/navbuttons/medsafety.png); background-position: 0 -105px; z-index: 105; cursor: default; }
.navigation ul li:hover a.secbutton { background-image: url(../images/navbuttons/security.png); background-position: 0 -105px; cursor: default; }
.navigation ul li:hover a.investbutton { background-image: url(../images/navbuttons/investor.png); background-position: 0 -105px; cursor: default; }
.navigation ul li:hover a.newsbutton { background-image: url(../images/navbuttons/news.png); background-position: 0 -105px; cursor: default; }
.navigation ul li:hover a.storebutton { background-image: url(../images/navbuttons/store.png); background-position: 0 -105px; cursor: default; }
.navigation ul li:hover a.contactbutton { background-image: url(../images/navbuttons/contact.png); background-position: 0 -105px; cursor: default; }
.navigation ul li.menudivider { background-image: url(../images/menudivider.jpg); background-repeat: no-repeat; background-position: 0 0; width: 12px; height: 65px; }
/* make the sub menu ul visible and position it beneath the first list item */
.navigation ul li:hover ul { text-decoration: none; text-align:left; display:block; position:absolute; top:103px; left:0; }

/* make the sub menu ul li the full width with padding and border. */
.navigation ul li:hover ul li { background: #000; text-decoration: none; cursor:pointer; height:30px; text-align: center; position: relative; width: 665px; z-index: 100; padding-top: 10px; border-color: #9badb7; border-style: solid; border-width: 0 1px 1px; cursor:default; }

/* style the background and foreground color of the submenu links */
.navigation ul li:hover ul li a { color: #77abf8; font-size: 12px; font-family: geneva, "trebuchet ms", arial, helvetica, SunSans-Regular, sans-serif; background-image: none; background-position: 0 0; text-decoration: none; width:118px; height:40px; margin-right: 15px; margin-left: 15px; }


/* add a border to the horizontal slide and position it centrally using a top margin */
.navigation ul li:hover ul li a.horiz span img { margin-top:21px; }


.navigation ul li:hover ul li a:hover { color: #000; background:#77abf8; text-decoration: none; }