/* Class to hide sub menu */
.hidden { display: none; }

td>div#thcn_header_container.nosubmenu {
	margin-bottom: -22px;
}
*:first-child+html td>div#thcn_header_container.nosubmenu {
	margin-bottom: 0;
}

/* top-level menu items */
div#thcn_ff_submenu {
	width: 100%;
	padding-bottom:5px;
	background-color:#fff;
	clear: both;
	margin-top: -9px;
}
	
#thcn_ff_mainNav .mainNav_open {width: 7px; height: 14px;}

#thcn_ff_mainNav .mainNav_close {width: 7px; height: 14px;}

#thcn_ff_mainNav .current .mainNav_open {
	background-image: url(gradient_tab_left.gif);
	margin-right: -4px;
	padding-left: 3px;
	padding-top: 10px;
}

#thcn_ff_mainNav .current .mainNav_close {
	background-image: url(gradient_tab_right.gif);
	margin-right: -4px;
	padding-left: 3px;
	padding-top: 10px;
	margin-left: -4px;
}

#thcn_ff_mainNav .current span.body_text_sm {
	background-image: url(gradient_tab_backing.gif);
	height: 24px;
	background-repeat: repeat-x;
	background-position: 0 50%;
}

#thcn_ff_mainNav .current span.body_text_sm a.topnav2 {
	margin:0;
	padding: 0;
	color: gray;
	border-top: 5px solid white;
}

form#mainNavSearch span.body_text_sm { padding-left: 10px;}

div form#mainNavSearch img {
	margin-left: 20px !important;
	margin-right: -15px;
	margin-bottom: -2px;
}

input#mainNavSearchButton { margin-bottom:-5px;}

/* ff recipe scroller*/
* html div#main2{margin-bottom: 27px;}
*:first-child+html div#main2{margin-bottom:27px;}
html>body div#main2{margin-bottom:9px;}

/* IE6 style for the orange line under the sub menu */
* html div#thcn_ff_submenu_bottom {
	width:98%;
	height:1px;
	position:relative;
	top:-20px;
	left:8px;
	border-bottom: 2px dotted #ffb23f;
}

/* IE7  style for the orange line under the sub menu */
*:first-child+html div#thcn_ff_submenu_bottom {
	width:98%;
	height:1px;
	position:relative;
	top:-8px;
	left:8px;
	border-bottom: 2px dotted #ffb23f;
}

/* FF style for the orange line under the sub menu */
html>body div#thcn_ff_submenu_bottom {
	width:98%;
	height:1px;
	position:relative;
	top:7px;
	left:8px;
	border-bottom: 2px dotted #ffb23f;
}


/* ------------------------------ Sub Menu ------------------------------------*/

.menu {
	width:750px; 
	font-size:0.85em;
	position:relative;
	z-index:100;
	height:23px;
	margin: 0 auto;
	margin-right: 5px;
}

/* IE6 hack to move orange line below sub menu items */
* html div#thcn_ff_submenu_bottom {margin-top:10px;}

/* IE7 hack to move orange line below submenu items */
*:first-child+html div#thcn_ff_submenu_bottom {margin-top:15px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none;}

.menu ul ul {width:150px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; position:relative;}

/* style the top links */
.menu a, .menu a:visited {
	display:block;
	float:left;
	font-size:11px;
	text-decoration:none; 
	color:#a1a1a1; 
	height:30px;
	border:1px solid #fff; 
	border-width:1px 1px 0 0; 
	background:#fff; 
	padding-left:10px; 
	line-height:29px;
	font-size: 13px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu ul li ul li a, * html .menu ul li ul li a:visited {
	width:150px;
	w\idth:139px;
}

/* style the second level background */
.menu ul ul a.thcnmenudrop, .menu ul ul a.thcnmenudrop:visited {
	background:#ffffce;
	font-size: 11px;
	color:#a1a1a1;
	width: 150px;
}
/* style the second level hover */
.menu ul ul a.thcnmenudrop:hover {
	background:#ffffce;
	color:#669933;
	font-size: 11px;
}

/* FF style for second level hover */
.menu ul ul :hover > a.thcnmenudrop {
	background:#ffffce;
	color:#669933;
	font-size: 11px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0; 
	width:150px;
}

/* another hack for IE5.5 */
* html .menu ul ul {top:30px; t\op:31px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#d4d8bd; 
	color:#000; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:129px
/* yet another hack for IE5.5 */
}

* html .menu ul ul a{width:150px; w\idth:129px;}

/* style the top level hover */
.menu a:hover {color:#a1a1a1; background-color:#feffff;}

/* FF style for top level hover */
.menu :hover > a, .menu ul ul :hover > a {
	color:#a1a1a1;
	background:#fff;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible;}

/* Style bullets next to menu items */
span.bullet { 
	font-size:12px;
	color:#ffcc33;
	position:absolute;
	left:2px;
	top: 6px;
}

/* Change bullet color from orange to green on hover */
a.thcnmenudrop:hover span.bullet {color:#669933;}

/* Add padding to space out sub menu items */
.menu ul li {padding-right: 25px;}