/**
* @package   JE12 design menu
* @copyright Copyright (C) 2009-2010 Joomlaextensions.co.in All rights reserved.
* @license   http://www.gnu.org/licenses/lgpl.html GNU/LGPL, see LICENSE.php
* Contact to : emailtohardik@gmail.com, joomextensions@gmail.com
**/
.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 1px solid gray;
background: #414141;
overflow: hidden;
width: 100%;
}

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

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141;
}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
background: black; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: black; /*background of tab with "selected" class assigned to its LI */
}
.ddsubmenustyle a.selected{
background: black; /*background of tab with "selected" class assigned to its LI */
}

/*           2 menu */

/* ######### Matt Tabs Main Menu Bar CSS ######### */

.matttabs ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 1px solid gray;
background: white;
overflow: hidden;
width: 100%;
}

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

.matttabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: darkred;
}

.matttabs li a:visited{
color: white;
}

.matttabs li a:hover{
background: #510000; /*background of tabs for hover state */
}

.matttabs a.selected{
background: #510000; /*background of tab with "selected" class assigned to its LI */
}

/*   3 menu */

/* ######### Chrome Main Menu Bar CSS ######### */

.chromemenu{
width: 99%;
font-weight: bold;
}

.chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromemenu ul{
border: 1px solid #BBB;
background: url(../images/chromebg2.gif) center center repeat-x;
margin: 0;
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

.chromemenu ul li{
display: inline;
}

.chromemenu ul li a{
color: #494949;
padding:0px;
padding-top:4px;
padding-right:7px;
padding-left:7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromemenu ul li a:hover{
background: url(../images/chromebg2.gif) center center repeat-x;
}

.chromemenu ul li a.selected{
background: url(../images/chromebg2.gif) center center repeat-x;
}


/** 4 menu */

/* ######### Shade Tabs Main Menu Bar CSS ######### */

.shadetabs{
padding: 0;
width: 100%;
voice-family: "\"}\"";
voice-family: inherit;
background: transparent;

}

.shadetabs ul{

margin:0;
padding:0;
list-style:none;

}

.shadetabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
color:#CCCCCC;
}
.shadetabs a{
float:left;
color:white;
background:#333333 ;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

.shadetabs a span{
float:left;
display:block;
padding: 4px 8px 2px 7px;
}

.shadetabs a span{
float:none;
color:#FFFFFF;
}

.shadetabs li a:hover{
background-color: #591f20;
}

.shadetabs li a:hover span{
background-color: #591f20;
}

.shadetabs li.selected a, #shadetabs li.selected a span{ /*currently selected tab*/
background-color: #591f20;
}

/* 5 Menu */

/* ######### Indent Main Menu Bar CSS ######### */

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 80%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: black url(../images/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li a.selected{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(../images/indentbg2.gif) center center repeat-x;
}
/* 6 menu */

.solidblockmenu ul{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(../images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li a.selected{
color: white;
background: transparent url(../images/blockactive.gif) center center repeat-x;
}

/* 7 Menu */

/* ######### Glowing Tabs Main Menu Bar CSS ######### */
    
.glowingtabs{
line-height: normal;
overflow: hidden;
width: 100%;
border-bottom: 1px solid #7e9fff; /*Add border strip to bottom of menu*/
}

.glowingtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
float: left;
padding:0;
}

.glowingtabs li{
display:inline;
margin:0;
padding:0;
}

.glowingtabs a{
float:left;
background:url(../images/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

.glowingtabs a span{
float:left;
display:block;
background:url(../images/glowtab.gif) no-repeat right top;
padding: 4px 12px 2px 3px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.glowingtabs a span {float:none;}
/* End IE5-Mac hack */

.glowingtabs a:hover span {
color: black;
}

.glowingtabs a.selected{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a.selected span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

.glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

/* 8 Menu */

/* ######### Uber Round Menu CSS ######### */
    
.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
border-bottom: 1px solid #0D3684; /*underline that runs across bottom of tabs*/
}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.ubercolortabs a {
float: left;
color: white;
background: #0D3684 url(../images/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(../images/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
color: #fff;
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li a.selected{
background-color: #07204E; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}

/* 9 Menu */

/* ######### Wire Frame Menu CSS ######### */
    
.wireframemenu{
font-weight: bold;
width: 100%;
border: 1px solid gray;
border-width: 1px 0;
}

.wireframemenu ul{
padding: 0px 0 6px 0; /*1st and 3rd value should equal 1st and 3rd values of "padding" for link itself (see ul li a)*/
margin: 0;
text-align: center; //set value to "left", "center", or "right"*/
}
.wireframemenu ul li{
display: inline;
margin:0px;
}
.wireframemenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
}
.wireframemenu ul li a{
color: #494949;
padding: 6px 4px 6px 10px;
margin: 0;
text-decoration: none;
border-left: 1px solid gray;
background-repeat: no-repeat;
background-position:left center;
padding-left:18px;
}


.wireframemenu ul li a:hover, .wireframemenu ul li a.selected{
color: black;
}
/* 10 Menu */
/* ######### Slanted Divider Menu CSS ######### */

.slantedmenu{
font-weight: bold;
}

.slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: center; /*set value to "center" for example to center items*/
}

.slantedmenu ul li{
display: inline;
}

.slantedmenu ul li a{
color: #494949;
padding:0px;
padding-top:3px;
padding-left: 5px;
padding-right: 25px;
text-indent: -10px;
margin: 0;
text-decoration: none;
background: transparent url(../images/slantdivider.gif) top right no-repeat;
}

.slantedmenu ul li a:visited{
color: #494949;
} 

.slantedmenu ul li a:hover{
color: black;
}

/* 11 Menu */

/* ######### Sliding Doors Menu CSS ######### */

.slidetabsmenu{
width:100%;
line-height:normal;
border-bottom: 1px solid gray;
}

.slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;
overflow: hidden;
}

.slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

.slidetabsmenu a{
float:left;
background:url(../images/tab-left.gif) no-repeat left top;
margin-right:1px;
padding:0 0 0 9px;
text-decoration:none;
}

.slidetabsmenu a span{
float:left;
display:block;
background:url(../images/tab-right.gif) no-repeat right top;
padding:4px 14px 4px 5px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

.slidetabsmenu a:hover span{
color: black;
}

.slidetabsmenu #current a{
background-position:0 -125px;
}

.slidetabsmenu #current a span{
background-position:100% -125px;
color: black;
}

.slidetabsmenu a:hover, .slidetabsmenu a.selected{
background-position:0% -125px;
}

.slidetabsmenu a:hover span, .slidetabsmenu a.selected span{
background-position:100% -125px;
}
/* 12 Menu */
/* ######### Thick Underline Menu CSS ######### */
    
.underlinemenu{
font-weight: bold;
width: 100%;
}

.underlinemenu ul{
padding:0px;
padding: 0px 0 6px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;

text-align: center; /*set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
margin:0px;
}

.underlinemenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
}

.underlinemenu ul li a{
color: #494949;
padding:0px;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
/*padding-top:6px;
padding-right:3px;
padding-left:3px;
padding-bottom:4px;*/
margin:0px;
margin-right: 20px;
text-decoration: none;
border-bottom: 3px solid gray; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: black;
}


<!-- ====================================================Chrom Menu Green ================================================================= -->


.chromestyle_green{
width: 99%;
font-weight: bold;
}

.chromestyle_green:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle_green ul{
border: 1px solid #BBB;
width: 100%;
background: url(../images/chromebg3.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle_green ul li{
display: inline;
}

.chromestyle_green ul li a{
color: #494949;
padding:0px;
padding-top:4px;
padding-right:7px;
padding-left:7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #B5E2FE; /*THEME CHANGE HERE*/
}

.chromestyle_green ul li a:hover, .chromestyle_green ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(../images/chromebg3-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}



<!-- ====================================================Chrom Menu Pink ================================================================= -->

.chromestyle_pink{
width: 99%;
font-weight: bold;
}

.chromestyle_pink:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle_pink ul{
border: 1px solid #BBB;
width: 100%;
background: url(../images/chromebg4.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle_pink ul li{
display: inline;
}

.chromestyle_pink ul li a{
color: #494949;
padding:0px;
padding-top:4px;
padding-right:7px;
padding-left:7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
}

.chromestyle_pink ul li a:hover, .chromestyle_pink ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(../images/chromebg4-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}