/* CSS from Silverthemes.com for controlling menus in Magento */

.nav-primary {
	clear:both;
	float:left;
	width:100%;
	background:#d9d9d9;
}
.nav-secondary {
	clear:both;
	float:left;
	width:100%;
	background:#666;
	height: 0px;
}

a.primary-link, a.primary-link:visited {
	padding:9px 8px 9px 8px;
	color:#333333;
	background:#d9d9d9 url(../images/primary-nav-pipe.gif) no-repeat right;
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:bold;
	font-size:1.0em;
	line-height:1.1em;
	text-transform:none;
	text-decoration:none;
	display:block;
	float:left;
	white-space:nowrap;
}
a.primary-link:hover, a.primary-link:active {
	background:#999;
	color:#fff;
	text-decoration:underline;
}

a.secondary-selected, a.secondary-selected:visited {
	color:#cf0;
	padding:8px 9px 8px 9px;
	font-size:1.0em;
	line-height:1.1em;
	text-decoration:none;
	text-transform:none;
	background:#666 url(../images/primary-nav-pipe.gif) no-repeat right;
	letter-spacing:0.05em;
	display:block;
	float:left;
	white-space:nowrap;
}
a.secondary-selected:hover, a.secondary-selected:active {
	text-decoration:underline;	
}
a.secondary-selected-no-pipe, a.secondary-selected-no-pipe:visited {
	color:#cf0;
	padding:8px 9px 8px 9px;
	font-size:1.0em;
	line-height:1.1em;
	text-decoration:none;
	text-transform:none;
	letter-spacing:0.05em;
	display:block;
	float:left;
	white-space:nowrap;
}
a.secondary-selected-no-pipe:hover, a.secondary-selected-no-pipe:active {
	text-decoration:underline;	
}
a.secondary-link, a.secondary-link:visited {
	color:#fff;
	padding:8px 9px 8px 9px;
	font-size:1.0em;
	line-height:1.1em;
	text-transform:none;
	text-decoration:none;
	background:#666 url(../images/primary-nav-pipe.gif) no-repeat right;
	letter-spacing:0.05em;
	display:block;
	float:left;	
	white-space:nowrap;
}
a.secondary-link:hover, a.secondary-link:active {
	text-decoration:underline;	
}
a.secondary-link-no-pipe, a.secondary-link-no-pipe:visited {
	background:#666;
	color:#fff;
	padding:8px 9px 8px 9px;
	font-size:1.0em;
	line-height:1.1em;
	text-transform:none;
	text-decoration:none;
	letter-spacing:0.05em;
	display:block;
	float:left;
	white-space:nowrap;
}

#categories {
	margin:0; padding:0;
	width: 950px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url('../images/main_menu_bg.gif');
	background-repeat: repeat-x;
}

#category-list {
	margin:0; padding:0;
	width:auto; height:auto;
	list-style:none;
}

		
#category-list {
	margin:0; padding:0;
	width:auto; height:auto;
	list-style:none;
}

#category-list li {
	width:auto; height:auto;
	float:left;
}

#category-list li.current-cat {
	width:auto; height:auto;
	float:left;
	background:#fff;
	border-top:1px solid #c0c0c0;
}

#category-list li.current-cat, #category-list li:hover {
/*	background-image: url('../images/main_menu_bg_hover.gif');
	background-repeat: repeat-x;*/
}	

#category-list li a {
	font:normal .8em Arial, Helvetica, sans-serif; 
	color:#0033cc;
}
	
#category-list li.active a {
	font:bold .8em Arial, Helvetica, sans-serif;
	color:#0033cc;
	background-image: url('../images/main_menu_bg_hover.gif');
	background-repeat: repeat-x;
	font-weight:bold;
	text-decoration:none;	
	display:block;
	white-space:nowrap;
}

/* Default background 1-level sub-categories */

#category-list li.level1 a {
	font:bold .8em Arial, Helvetica, sans-serif;
	color:#fff;
	background:#fff;
	font-weight:bold;
	text-decoration:none;	
	display:block;
	white-space:nowrap;
}			

#category-list li.level1 a:hover {
	font:bold .8em Arial, Helvetica, sans-serif;
	color:#fff;
	background:#f0f0f0;
	font-weight:bold;
	text-decoration:none;	
	display:block;
	white-space:nowrap;
}			

#category-list li a:hover {
	text-decoration:none; color:#0033cc;
	background-image: url('../images/main_menu_bg_hover.gif');
	background-repeat: repeat-x;		
}


/* menu5 */

/* commom style for all browsers */

.menu5 {
text-align:left; font-family: verdana, sans-serif; position:relative; font-size:0.9em;height:2.5em; margin:0 padding:0; list-style-type:none;
}
.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; width:6em; color:#000; float:left; padding-right:1em; height:3em; line-height:3em; color:#909; 
}
* html .menu5 li a, .menu5 li a:visited {
width:7em; w\idth:6em; /* hack for IE5.5 */
}
.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;
}
.menu5 li:hover ul,
.menu5 li a:hover ul {
visibility:visible; height:auto; width:10em; background:#fff; border:1px solid #ddd; 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:0.5em; width:9em;
}
* html .menu5 li a:hover ul li a {
width:10em; w\idth:9em; /* hack for IE5.5 */
}
.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;
}
.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;
}

/* New Category menu */

/********** < Navigation */
.nav-container { position:relative; z-index:4; background: url(../images/sealife/bgMainNav.png) 0 0 no-repeat; width: 900px; margin: 0 auto; height: 43px; }
#nav { left: 105px; position: relative; width: 790px; list-style-type:none; list-style-position:outside;}

/* All Levels */
#nav li { position:relative; z-index:4;}
#nav li.active { z-index:5; }
#nav li.over { z-index:990; }
/*#nav li.parent {}*/
#nav li a { text-decoration:none; color:#fff; font-size:12px; font-weight:bold }
#nav li a:hover { text-decoration:none; }
#nav li a span { display:block; white-space:nowrap; cursor:pointer; }
#nav li ul a span { white-space:normal; }

/* 1st Level */
#nav li { padding:0; height:38px; float:left; }
#nav > li > a { float:left; height:38px; line-height:38px; padding:0 0 0 25px; border-left:1px solid #c11200;} 
#nav li a,
#nav li a span {} 
#nav li.first a { border-left:0; padding:0 0 0 25px; } 
#nav li.last a {} 
#nav li a span { font-weight:bold; padding:0 20px 0 0; float:left; }
#nav li a {}
#nav li a:hover { background: url(../images/sealife/bgNavHover.gif) repeat-x;}
#nav li a:hover span {}
#nav li.over a,
#nav li.active a {}
#nav li.over a span,
#nav li.active a span { }
#nav li.over	{background: url(../images/sealife/bgNavHover.gif) repeat-x;}
#nav li.over a { position:relative; z-index:2; }
#nav li.over a span {}

/* 2nd Level */
#nav ul { position:absolute; width:13.5em; top:38px; left:-10000px; background:#6d0a00; width: 450px;}
#nav ul li,
#nav ul li a,
#nav ul li a span { display:block; float:none; background:none; height:auto !important; line-height:1.4 !important; text-transform:none; }
#nav ul li { margin:0; padding:0; border-top:1px solid #7f0c00; border-bottom:1px solid #610a00; width:150px; float: left;}
#nav ul li.last { border-bottom:0; }
#nav ul li a { padding:10px !important; }
#nav ul li a span { padding:0 !important; }
#nav ul li a:hover { }
#nav ul li.active > a,
#nav ul li.over > a {  }
#nav ul li.parent {  }

/* 3rd+ leven */
#nav ul ul { top:7px; border-top:1px solid #aeaeae; padding-bottom:5px; }

/* Show Menu */
#nav li.over > ul { left:-1px; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }
/********** Navigation > */