﻿<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/* MAIN MENU FOLLOWS */

.mainmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.mainmenu ul{
margin: 0;
padding: 0;
float: left;
width: 800px; /*width of menu*/
border: 1px solid #3f76bc; /*black border*/
border-width: 1px 0;
background: black url(../images/menublk_off.png) center center repeat-x;
}

.mainmenu ul li{
display: inline;
}

.mainmenu ul li a{
font: bold 13px Arial;
float: left;
color: white; /*text color*/
padding: 5px 10px;
text-decoration: none;
border-right: 1px solid #000000; /*black divider between menu items*/
}

.mainmenu ul li a:visited{
color: white;
}

.mainmenu ul li a:hover, .mainmenu ul li .current, .mainmenu ul li a:active{ 
color: #3f76bc !important; /*text color of selected and active item*/
padding-top: 8px; /*shift text down 1px for selected and active item*/
padding-bottom: 0px; /*shift text down 1px for selected and active item*/
background: black url(../images/menublk_on.png) center center repeat-x;
}
/* END MAIN MENU */

/* PROD MENU FOLLOWS */

.prodmenu{
float: right;
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.prodmenu ul{
margin: 0;
padding: 0;
float: right;
width: 100%; /*width of menu*/
height: auto;
border: 1px solid #3366ff; /*blue border*/
border-width: 0px 0;
background: white url(../images/suboff.png) center center repeat-x;
}

.prodmenu ul li{
display: inline;
}

.prodmenu ul li a{
font: bold 13px Arial;
float: left;
color: white; /*text color*/
padding: 1px 5px 1px 5px;
text-decoration: none;
border-right: 1px solid #3f76bc; /*blue divider between menu items*/
}

.prodmenu ul li a:visited{
color: white;
}

.prodmenu ul li a:hover, .prodmenu ul li .current, .prodmenu ul li a:active{ 
color: #3f76bc !important; /*text color of selected and active item*/
padding-top: 0px; /*shift text down 1px for selected and active item*/
padding-bottom: 2px; /*shift text down 1px for selected and active item*/
background: white url(../images/subon.png) center center repeat-x;
}
/* END PROD MENU */

/* COMP MENU FOLLOWS */
.compmenu{
float: right;
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.compmenu ul{
margin: 0;
padding: 0;
float: right;
width: 100%; /*width of menu*/
height: auto;
border: 1px solid #3366ff; /*blue border*/
border-width: 0px 0;
background: white url(../images/suboff.png) center center repeat-x;
}

.compmenu ul li{
display: inline;
}

.compmenu ul li a{
font: bold 13px Arial;
float: left;
color: white; /*text color*/
padding: 1px 5px 1px 5px;
text-decoration: none;
border-right: 1px solid #3f76bc; /*blue divider between menu items*/
}

.compmenu ul li a:visited{
color: white;
}

.compmenu ul li a:hover, .compmenu ul li .current, .compmenu ul li a:active{ 
color: #3f76bc !important; /*text color of selected and active item*/
padding-top: 0px; /*shift text down 1px for selected and active item*/
padding-bottom: 1px; /*shift text down 1px for selected and active item*/
background: white url(../images/subon.png) center center repeat-x;
}
/* END COMP MENU */
</style>
