.ddsmoothmenu{
font: bold 12px Verdana;
background: #03689B; /*background of menu bar (default state)*/
width: 100%;
}


/* navigation starts */
ul#nav { background:#2E76B3 url(images/nav/pro_nor.gif) repeat-x right top; clear:both; margin:0px; padding:0px }

ul#nav li { background:#2E76B3 none repeat scroll 0 0; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position:relative; z-index:2; width:auto; float:left }

ul#nav li a { background: url(images/nav/pro_nor.gif) repeat-x right top; color:#FFFFFF !important; display:block; font:bold 11px Arial, Helvetica, sans-serif; ; margin:0; padding:0 8px; text-decoration:none; line-height:30px; border-right:1px solid #5C5C5C; border-left:1px solid #679DCC;
width:auto; float:left }

ul#nav li:hover a { background:#2E76B3 url(images/nav/pro_hov.gif) repeat-x right top; }

ul#nav li a:hover { background:#2E76B3 url(images/nav/pro_hov.gif) repeat-x right top; }

ul#nav li.welcome { background:#2E76B3 url(images/nav/home.gif) no-repeat scroll left top; padding-left:9px; border:none; }

ul#nav li ul { display:none; margin:0; padding:0 0 0; position:absolute; top:30px; width:155px; z-index:500; background: url(images/nav/bottomlist.png) repeat-x left bottom; }

ul#nav li:hover ul, ul#nav li.hover ul { display:block; height:auto; left:-1px; }

.itemInfo { background:#FFFFFF url(images/nav/product_item_info_bg.gif) repeat-y scroll 0 0; clear:both; }

.itemInfo .wrap { border-top:1px solid #F5F5F5; margin:0 auto 0 40px; padding:0.5em 0 0; width:630px; }

.itemInfo ul { background:transparent none repeat scroll 0 0; clear:both; margin:0; }

.itemInfo li { background:#F6F6F6 none repeat scroll 0 0; border-color:#FEFEFF #EBEBEB #EBEBEB #FFFFFF; border-style:solid; border-width:1px; display:inline; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0.5em 0.25em; }

ul#nav li li { background:none; float:none; line-height:18px !important; }

ul#nav li li.lastli { position:relative; z-index:10; padding-bottom:15px; background-color:none !important; }

ul#nav li li a { float:none; line-height:18px !important; background:none; }

ul#nav li li a, ul#nav li:hover li a { background:none; color:#FFFFFF; float:none; font-weight:normal; margin:0; padding:0.3em 1em; }

ul#nav li li a:hover { background:#4E4E4E none repeat scroll 0 0; }

ul#nav li.last { background:url(images/nav/last.gif) no-repeat top right !important; padding-right:17px; border:none; }


.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #03689B; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 132px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray; height:22px;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;

}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}