﻿/************* SUBMENU **************/

.submenu {
    margin:0;
    padding:5px 0 0;
    list-style-type:none;
    font-size:14px;
    background:#858585;
	width:235px;
}

.lightMenu .submenu {
    background:url(../Media/Images/Backgrounds/submenuLight.jpg) no-repeat top #dbdbdb;
}

.submenu ul {
margin:0;
padding:0;
filter: ;
ZOOM: 100%;
}

.submenuShadow {
background:url(../Media/Images/Layout/submenu-shadow.jpg) no-repeat;
margin-bottom:10px;
height:10px;
}

.submenu a,
.submenu a:link,
.submenu a:visited {
font-weight:bold;
display:block;
text-decoration:none;
color:#666666;
cursor:pointer;
padding:5px 5px 5px 20px;
background-repeat:no-repeat;
background-position:210px;
}

.submenu a:hover {
color:#000000;
}

.submenu a.expand {
background:url(../Media/Images/Buttons/expand.gif) right no-repeat;
}
.submenu a.expand:hover {
background:url(../Media/Images/Buttons/expand-hover.gif) right no-repeat;
}

.submenu a.collapse {
background:url(../Media/Images/Buttons/collapse.gif) right no-repeat;
color:#000000;
font-weight:bold !important;
}
.submenu a.collapse:hover {
background:url(../Media/Images/Buttons/collapse-hover.gif) right no-repeat;
}


/************* SUBMENU CONTENT **************/

.submenu .submenuContent {
font-size:11px;
padding:0;
margin-left:0;
}

.submenu .submenuContent li {
list-style-type:none;
border-bottom:1px dotted #6e6e6e;
padding:0;
margin:0;
}

.lightMenu .submenu .submenuContent li 
{
border-bottom:1px dotted #acacac;
}

.submenu .submenuContent li.last {
border-bottom-style:solid;
}

.submenu .submenuContent li a,
.submenu .submenuContent li a:link,
.submenu .submenuContent li a:visited {
    display:block;
    margin:0;
    text-decoration:none;
    font-weight:normal;
    color:#FFF;
}

.lightMenu .submenu .submenuContent li a,
.lightMenu .submenu .submenuContent li a:link,
.lightMenu .submenu .submenuContent li a:visited {
    color:#333333;
}

.submenu .submenuContent li a:hover {
color:#000000;
background-color:#F3F3F3;
}
.lightMenu .submenu .submenuContent li a:hover {
text-decoration:underline;
}

.submenu .submenuContent li a.expand {
background:url(../Media/Images/Buttons/bullet_plus.gif) no-repeat;
}
.submenu .submenuContent li a.expand:hover {
background:url(../Media/Images/Buttons/bullet_plus-hover.gif) no-repeat;
}

.submenu .submenuContent li a.collapse {
background:url(../Media/Images/Buttons/bullet_minus.gif) no-repeat;
color:#000000;
}
.submenu .submenuContent li a.collapse:hover {
background:url(../Media/Images/Buttons/bullet_minus-hover.gif) no-repeat;
}

.submenu .submenuContent li a:active,
.submenu .submenuContent li a.active {
background-color:#800000 !important;
color:#FFFFFF !important;
}

.submenu .submenuContent2,
.submenu .submenuContent3,
.submenu .submenuContent4  {
margin-left:20px;
}


.submenu .submenuContent2 li.last,
.submenu .submenuContent3 li.last,
.submenu .submenuContent4 li.last {
border-bottom:0;
}

#green
{
    background: url("../Media/Images/Buttons/green_products.jpg") no-repeat #339933;
}

/************* GREY MENU FROM SECTIONS **************/

.menuGrey {
float:right;
margin-left:10px;
text-align:left;
width:237px;
}

.menuGrey_bottom {
background:url("../Media/Images/Backgrounds/menuGrey-bottom.jpg") no-repeat scroll 0 0 transparent;
height:10px;
width:237px;
}

.menuGrey .list {
background:url("../Media/Images/Backgrounds/menuGrey-2.jpg") no-repeat scroll center top #D9D9D9;
width:237px;
}

.menuGrey ul {
margin:0;
padding:0;
}

.menuGrey ul li {
border-bottom:1px dotted #BABABA;
list-style:none outside none;
margin:0;
padding:0;
}

.menuGrey ul li.last {
border:0 none;
}

.menuGrey .list ul li a {
background:url("../Media/Images/Buttons/bullet_arrow.gif") no-repeat scroll 0 0 transparent;
display:block;
font-size:11px;
height:auto !important;
min-height:10px;
padding:6px 0 6px 30px;
width:197px;
}

.menuGrey ul li a:link, .menuGrey ul li a:visited
{
color:#333333;
text-decoration:none;
}

.menuGrey ul li a:hover
{
text-decoration:underline;
}
