@charset "UTF-8";
/* CSS Document */


/***************************/


/*  JQUERY MENU - From CR   */       

/***************************/
#topnav ul {
	margin: 0px;
	list-style: none;
	height: 26px;
	width: 980px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#topnav li {
	float: left;
	font: bold 12px/26px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	border-left: 1px solid #fff;
	position: relative;
	color: #fff;
}
#topnav li#menuitem_1 {
	border-left-style: none;
}
#topnav a {
	display: block;
	height: 26px;
	float: left;
	color: #fff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 26px;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(/images/_global/nav_background.jpg);
	background-repeat: repeat-x;
}
#topnav a:hover {
	background: url(/images/_global/nav_background.jpg) repeat-x 0px -26px;
	color: #003300;
}
#topnav a.mainlevel_current {
	background: url(/images/_global/nav_background.jpg) repeat-x 0px -26px;
}
#topnav a u {
	display: none;
}
#topnav li a#menulink_1 {
	width: 139px;
}
#topnav li a#menulink_2 {
	width: 139px;
}
.header_bkgpic .links-bot_nav a {
	margin-top: 5px;
}
#topnav li a#menulink_3 {
	width: 139px;
}
#topnav li a#menulink_4 {
	width: 139px;
}
#topnav li a#menulink_5 {
	width: 139px;
}
#topnav li a#menulink_6 {
	width: 139px;
}
#topnav li a#menulink_7 {
	width: 139px;
}

/* DROP DOWN MENUS below */

* html #topnav ul ul li { height: 1%; }
* html #topnav ul ul li a{ height: 1%; }

#topnav ul ul {
	display: none;
	width: auto;
	height: auto;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: -1px;
	top: 26px;
	border-top: none;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	z-index: 100;
	background-color: #FFFFFF;
}
#topnav ul ul li {
	font: normal 12px/25px Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	float: none;
	width: auto;
	border-left: none;
	position: static;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}
#topnav ul ul li.subhead {
	text-transform: uppercase;
	float: none;
	width: auto;
	border-left: none;
	position: static;
	margin: 0px;
	white-space: nowrap;
	color: #64B201;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}
#topnav ul ul li a {
	float: none;
	display: block;
	text-align: left;
	color: #006600;
	text-decoration: none;
	padding: 0px 30px 0px 20px;
	width: auto;
	background: none;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
}
#topnav ul li.mainlevel_current ul a {
	background: none;
}
#topnav ul li.mainlevel_current ul a:hover, 
#topnav ul ul li a:hover {
	background: #EFB76A;
}
.-------------------------- {
}


/*end jquery from cr*/

/*******************************************************************************/


/*  ~ ORDER NOW (white link on the green tab)   */       

/***************************/
/* selector of the table: order now. Styles the bkg image. */
#order-now {
	background-image: url(/images/_global/main-tab.jpg);
	background-repeat: no-repeat;
	
}

/* link info for the selector #order now ('a' means a link. this styles the links in the #order now table, that has been selected by #order now. because there are not 4 things: link, hover, rollover etc, it means no rollover etc, only the link color). the float was chosen so that the margin: 'top' would register. float: left works becase the margin making it go into the middle of the box is coming from the left, so floating left allows it to apparently hit up against that margin. then the top margin would register, otherwise, without choosing a float value, the top margin would not register. */

#order-now a {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFF00;
	text-decoration: none;
	margin-top: 10px;
	margin-left: 99px;
	margin-bottom: 0px;
	margin-right: 0px;
	float: left;
}

/*****************************************************************************/


/*  ~ BOTTOM NAV (green text and links)   */       

/***************************/

/* this is the bold head for bottom nav which is not a link */
.bold {
	font-weight: bold;
	;
}
.honeypostertext {
	font-size: 13px;
	font-weight: bold;
	color: #CC0033;
	font-family: Arial, Helvetica, sans-serif;
}
.--------------------------- {
}



/* this is the selector for the links area, plus it sytles all the text too. (the above ".bold" styles the headings bold.) the link info below, styles the links, because when the text becomes a link, it would go to the default color for links, but because now styling the links too withe the code directly below, the links have their own color. */

.links-bot_nav{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #339933;
	text-decoration: none;
}


.links-bot_nav a:link {
	
	color: #339933;
	text-decoration: none;
}
.links-bot_nav a:visited {
	color: #339933;
	text-decoration: none;
}
.links-bot_nav a:hover {
	color: #339933;
	text-decoration: underline;
}
.links-bot_nav a:active {
	color: #339933;
	text-decoration: underline;
}

/*this is the green line all around the bottom nav*/

.botnav_outline {
	border: 1px solid #C3FFAE;
}

.botnav_outline-1side {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C3FFAE;
}
.header_bkgpic {
	background-image: url(/images/_global/header.jpg);
	background-repeat: no-repeat;
}

/*this is for styling the Watch Vido type links*/
.watch-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #72c605;
	font-weight: bold;
	line-height: normal;
}