/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle {
background-image:url(images/headernav_drop3.gif);
background-repeat:no-repeat;
background-position:bottom left;
}


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
margin: 0;
padding: 0px 0px 15px 0px;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
background-image:url(images/headernav_drop3.gif);
background-repeat:no-repeat;
background-position:bottom left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
* html .ddsubmenustyle, .ddsubmenustyle ul {margin-top:-11px;}

.ddsubmenustyle li a{
	display: block;
	width: 139px; /*width of menu (not including side paddings)*/
	color: black;
	text-decoration:underline;
	margin:0px;
	padding:10px 10px 0px 15px;
	background-image:url(images/headernav_drop1.gif);
	background-repeat:repeat-y;
	color:#8fb846;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 139px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
color:#000000;
}

.bottomddlink {
background-image:url(images/headernav_drop3.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}


/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mainmenu ul{
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
list-style-type: none;
overflow: hidden;
width: 100%;
}

.mainmenu li {
display: inline;
margin: 0;
}

.mainmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 0px 0px 0px 0px; /*padding inside each tab*/
font-size:10px;
text-transform:uppercase;
line-height:45px;
text-align:center;
color:#f7ffc9; 
}

.mainmenu li a:visited{}

.mainmenu li a:hover{
background-repeat:no-repeat; /*background of tabs for hover state */
color:#8fb846;
}

.mainmenu li a.selected {
background-repeat:no-repeat; /*background of tab with "selected" class assigned to its LI */
color:#8fb846;
}

.mainmenu li.link_home a {width:52px; height:45px;}
.mainmenu li.link_home a:hover {background-image:url(images/headernav_home.gif);}

.mainmenu li.link_prods a {width:103px; height:34px;}
.mainmenu li.link_prods a:hover {background-image:url(images/headernav_prods.gif);}
.mainmenu li.link_prods a.selected {background-image:url(images/headernav_prods.gif);}

.mainmenu li.link_c2life a {width:80px; height:45px;}
.mainmenu li.link_c2life a:hover {background-image:url(images/headernav_c2life.gif);}

.mainmenu li.link_news a {width:110px; height:45px;}
.mainmenu li.link_news a:hover {background-image:url(images/headernav_news.gif);}

.mainmenu li.link_gal a {width:84px; height:45px;}
.mainmenu li.link_gal a:hover {background-image:url(images/headernav_gal.gif);}

.mainmenu li.link_faq a {width:42px; height:45px;}
.mainmenu li.link_faq a:hover {background-image:url(images/headernav_faq.gif);}

.mainmenu li.link_contact a {width:87px; height:45px;}
.mainmenu li.link_contact a:hover {background-image:url(images/headernav_contact.gif);}

.mainmenu li.link_press a {width:90px; height:45px;}
.mainmenu li.link_press a:hover {background-image:url(images/headernav_press.gif);}

.mainmenu li.link_cal a {width:114px; height:45px;}
.mainmenu li.link_cal a:hover {background-image:url(images/headernav_cal.gif);}

.mainmenu li.link_int a {width:88px; height:34px;}
.mainmenu li.link_int a:hover {background-image:url(images/headernav_int.gif);}
.mainmenu li.link_int a.selected {background-image:url(images/headernav_int.gif);}

.mainmenu li.link_global a {width:76px; height:34px;}
.mainmenu li.link_global a:hover {background-image:url(images/headernav_global.gif);}
.mainmenu li.link_global a.selected {background-image:url(images/headernav_global.gif);}