#header {width: 910px; height: 125px; margin: 0 auto; background: url(../images/topnav_bkgrd.jpg) top right no-repeat; border-top: 1px solid #b9121b; border-left: 1px dotted #d8d6d6; border-right: 1px dotted #c6c4c4; text-align: left;position: relative; z-index: 5;}

#header ul, #header li {margin: 0; padding: 0; list-style: none; font-family: "Trebuchet MS", "Myriad Pro Light", Arial, sans-serif;}
#header li a {text-decoration: none;}


.topnav {width: 410px; height: 30px; margin: 0 7px 0 0; padding: 0; float: right; display: inline; text-transform:uppercase;}
#header .topnav ul li {margin: 5px 19px 0 0; padding: 0; float: right; }
.topnav ul li a,
.topnav ul li a:visited {color: #b7b2b2; font-size: 11px; font-weight: bold; padding-left: 15px;}
.topnav ul li a:hover {color: #6c6c6c;}
.topnav ul li a.home {background:url(../images/icon_house.png) top left no-repeat; }
.topnav ul li a.newsletter {background:url(../images/icon_newsletter.png) top left no-repeat; margin-right: -5px; }
.topnav ul li a.blog {background:url(../images/icon_rss.png) top left no-repeat; }
.topnav ul li a.cart {background:url(../images/icon_cart.png) top left no-repeat; }
.topnav ul li a img {padding-top: 3px; border: none; padding-left: 0;}


#header .logo_area {width: 349px; height: 56px; margin: 20px 0 0 20px; float: left; display: inline; }
#header .logo_area img {}
#header h3.slogan {width: 450px; height: 40px; margin: 11px 70px 0 0; padding-left: 20px; float: right; background: url(../images/yel_bracket.png) top left no-repeat; color: #aea9aa; font-family:  Arial, sans-serif; font-size: 14px; font-style:italic; font-weight: normal; text-transform: none; }


#mainnav {width: 910px; height: 30px; padding-top: 6px; display: block; background: url(../images/menu_bkgrd.jpg); clear: both; text-align: center; position: absolute; top: 90px; }
#menu {width:910px; margin: 0 auto; font-size: 14px;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;text-transform:uppercase; display:inline-block;}


#menu li {display:inline-block; display:inline;}
#menu ul.level1 div {position:absolute; left:-9999px;}

#menu ul.level1 {margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative; z-index:6;}

#menu ul li div ul {padding:0 1px 6px 1px; background:#d02626; text-transform: none; }

#menu a {margin: 0 6px; padding:0 14px; display:block; color:#6c6c6c; line-height:25px; text-decoration:none; font-weight: bold;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}

#menu ul li:hover div {left:6px; top:25px;}
#menu ul li:hover div ul {display:block; position:relative; left:0px; border:1px solid #dc5e5f; border-top: none;}
#menu ul li div ul li a {background:#d02626; color: #fff; font-weight: normal;}
#menu ul li div ul li a:hover {background:#dc5e5f;}

#menu a:hover div {left:6px; top:23px; }
#menu a:hover div ul {position:relative; left:7px; background:#d02626;}

#menu li a.fly {position: relative; z-index: 8;}

#menu li a:hover,
#menu li a.fly:hover {background-color:#d02626; color:#fff;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {background-color:#d02626; color:#fff;}



#menu table {position:absolute; height:0; width:0; left:50%; border-collapse:collapse; margin-top:-4px;}

/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */

.menu5 {
text-align: center; position:relative; height:2.5em; margin:0; padding:0; list-style-type:none;
text-transform:uppercase; }
.menu5 ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.menu5 li {
float:left; position:relative;
}
.menu5 li a, .menu5 li a:visited {
display:block; text-decoration:none; float:left; padding-right:1em; height:3em; line-height:3em; color:#fff; 
}

.menu5 li a.drop, .menu5 li a.drop:visited {font-weight:bold;}

.menu5 li ul {visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;}

.menu5 table {margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */}


/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a,
.menu5 li a:hover {text-decoration:underline; border:0; color: #fff; background-color:yellow;}

.menu5 li:hover ul,
.menu5 li a:hover ul {
visibility:visible; height:auto; background:#d02626; border:1px solid #dc5e5f; left:0; top:2.5em; overflow:visible;
}
.menu5 li:hover ul li a,
.menu5 li a:hover ul li a {display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:4px; width:9em;}

.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {background-color: yellow;}

.menu5 li:hover ul li a.drop,
.menu5 li a:hover ul li a.drop {font-weight:bold;}

.menu5 li:hover ul li ul,
.menu5 li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {text-decoration:underline; background-color: green;}

.menu5 li:hover ul li:hover ul,
.menu5 li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; width:9.5em;
} 
.menu5 li:hover ul li:hover ul.left,
.menu5 li a:hover ul li a:hover ul.left {
left:-9.3em;
}
.menu5 li:hover ul li:hover ul li a,
.menu5 li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu5 li:hover ul li:hover ul li:hover a,
.menu5 li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}