/* @override http://www.gravitaspublications.com/stylesheets/nav-mega.css */

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	background-color: #e5983c;
		/*--Bottom right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	position: relative;
	z-index: 999;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	height: 24px;
	display: block;
	width: 96px;
	float: left;
	text-align: center;
	padding-top: 10px;
	text-decoration: none;
	font-size: 14px;
	border-right: 1px solid #c5781d;
	border-left: 1px solid #e3b670;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom;}

ul#topnav a.club {
	width: 125px !important; 
}
ul#topnav a.news {
	width: 90px; 
}
ul#topnav a.digital-store {
	width: 134px;
}
ul#topnav a.contact{
	border-right: 0px !important; 	
}
ul#topnav a.blog {
	width: 151px; 
}
ul#topnav a.home{
	border-left: 0px !important;
	margin-left: 10px;
}
ul#topnav a.home:hover{
	background: #e5983c !important;
}
ul#topnav li a:hover{
	background: #becd76;
}
ul#topnav li .sub {
	top: 34px; left: 0;
	background-color: #becd76;
	padding: 20px 20px 5px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	position: absolute;
}

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 170px;
	float: left;
	position: relative;
}
ul#topnav li .store-options ul{
	width: 300px;
	float: left;
	margin-bottom: 0;
	display: block;
}
ul#topnav li .store-options ul.print-products{
	width: 350px;
}

ul#topnav li .store-options ul.other-products{
	float: left;
}
#topnav li div.sub.store-options ul.print-products li a {
	padding-top: 0;
	padding-bottom: 0;
}
ul#topnav li .store-options ul h2{
	margin-top: 0;
	margin-bottom: 5px;
	color: #212704;
	float: left;
	width: 100%;
	clear: both;
}
ul#topnav li .store-options ul.mega-support li{
	width: 700px;
	margin: 0px;
	height: auto;
	border: 0px;
}
ul#topnav li .store-options ul.mega-support li a{
width: 700px;	
}
ul#topnav li .store-options ul li{
    width: 75px;
	height: 90px;
    float: left;
	margin: 0 25px 5px 0;
	padding-top: 5px;
}

ul#topnav li .store-options ul li.item-long{
	height: 105px;
}
ul#topnav li .store-options ul li a{
	width: 95px;
	float: left;
	display: block;
	border: 0px;
	font-size: 12px !important;

}
ul#topnav .sub ul li {
	width: 100%;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #212704;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 7px 0;
	display: block;
	text-decoration: none;
	color: #000;
	border: none;
	text-align: left;
	border-bottom: 1px dotted #a0af56;

}
ul#topnav .sub ul li a:hover {color: #37400d; background-position: 5px 12px ;}
ul#topnav li .club-services ul, ul#topnav li .nav-about ul{
	width: 360px;
}
ul#topnav li .blog-forum ul {width: 190px;}
ul#topnav li .club-services ul li, ul#topnav li .blog-forum ul li, ul#topnav li .nav-about ul li{
	border-bottom: 1px dotted #a0af56;
	padding-bottom: 7px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 18px;
	padding-top: 7px;	
	width: 155px;
	height: 120px;
	margin-right: 25px;
}
ul#topnav li .blog-forum ul li {width: 185px!important;}
ul#topnav li .club-services ul li a, ul#topnav li .blog-forum ul li a, ul#topnav li .nav-about ul li a{
	color: #45500e;
	font-size: 14px;
	font-weight: bold;
	padding-left: 50px;	
	padding-bottom: 18px;	
	border: none;
}
ul#topnav li .club-services ul li.club-login a{
	background: url(../images/nav-key.gif) no-repeat 10px top;
}
ul#topnav li .club-services ul li.club-benefits a{
	background: url(../images/nav-note.gif) no-repeat left top;
}
ul#topnav li .club-services ul li.club-join a{
	background: url(../images/nav-board.gif) no-repeat left top;

}
ul#topnav li .club-services ul li.club-signup a{
	background: url(../images/nav-credit.gif) no-repeat 8px top;
	padding-bottom: 10px;
	padding-top: 0;
	padding-left: 60px;
}
ul#topnav li .club-services ul li.club-join, ul#topnav li .club-services ul li.club-signup, ul#topnav li .blog-forum ul li.nav-blog-forum{
	border: none;
}
ul#topnav .sub ul li a img {display:block; margin-bottom:5px;}

 
ul#topnav li .nav-news ul{
	width: 500px;
}
ul#topnav li .nav-news ul li{
	border-bottom: 1px dotted #a0af56;
	padding-bottom: 7px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 18px;
	padding-top: 7px;	
	width: 145px;
	height: 120px;
	margin-right: 15px;
}
ul#topnav li .nav-news ul li a{
	color: #45500e;
	font-size: 14px;
	font-weight: bold;
	padding-left: 50px;	
	padding-bottom: 18px;	
	border: none;
}
ul#topnav li .nav-news ul li.news-kit a{
	background: url(../images/nav-download.gif) no-repeat left top;	
}
ul#topnav li .nav-news ul li.news-listen a{
	background: url(../images/nav-sound.gif) no-repeat left top;	
}
ul#topnav li .nav-news ul li.news-publicity a{
	background: url(../images/nav-bulb.gif) no-repeat left top;	
}
ul#topnav li .nav-news ul li.news-events a{
	background: url(../images/nav-calendar.gif) no-repeat left top;	
}
ul#topnav li .nav-news ul li.news-main a{
	background: url(../images/nav-news.gif) no-repeat left top;
	
}
ul#topnav li .nav-news ul li.news-gallery a{
	background: url(../images/nav-image.gif) no-repeat left top;
}
ul#topnav li .nav-news ul li.news-events, ul#topnav li .nav-news ul li.news-main, ul#topnav li .nav-news ul li.news-gallery, ul#topnav li .blog-forum ul li.nav-blog-forum, ul#topnav li .nav-contact  ul li.nav-contact, ul#topnav li .nav-about ul li.nav-faq, ul#topnav li .nav-about ul li.nav-staff, ul#topnav li .nav-tutorial ul li.nav-gotot{
border: none;	

}
ul#topnav li .blog-forum ul li.nav-blog a{
	background: url(../images/nav-rss.gif) no-repeat left top;	
}
ul#topnav li .blog-forum ul li.nav-forum a{
	background: url(../images/nav-forum.gif) no-repeat left top;
	
}
ul#topnav li .blog-forum ul li.nav-blog-forum a{
	background: url(../images/nav-process.gif) no-repeat left top;
}

ul#topnav li .nav-contact ul{
	width: 180px;
}

ul#topnav li .nav-contact ul li{
	border-bottom: 1px dotted #a0af56;
	padding-bottom: 7px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 18px;
	padding-top: 7px;	
	width: 165px;
	height: 95px;
	margin-right: 25px;
}
ul#topnav li .nav-contact  ul li.nav-distributors{
	height: 120px;
}
ul#topnav li .nav-contact ul li a{
	color: #45500e;
	font-size: 14px;
	font-weight: bold;
	padding-left: 50px;	
	padding-bottom: 18px;	
	border: none;
}
ul#topnav li .nav-contact  ul li.nav-schools a{
	background: url(../images/nav-pencil.gif) no-repeat left top;
}
ul#topnav li .nav-contact  ul li.nav-distributors a{
	background: url(../images/nav-folders.gif) no-repeat left top;
}
ul#topnav li .nav-contact  ul li.nav-partners a{
	background: url(../images/nav-partners.gif) no-repeat left top;
}
ul#topnav li .nav-contact  ul li.nav-contact a{
	background: url(../images/nav-mail.gif) no-repeat left top;
}

ul#topnav li .nav-about ul li.nav-us a{
	background: url(../images/nav-info.gif) no-repeat left top;

}
ul#topnav li .nav-about ul li.nav-dr-keller a{
	background: url(../images/nav-prize.gif) no-repeat left top;
	
}
ul#topnav li .nav-about ul li.nav-staff a{
	background: url(../images/nav-staff.gif) no-repeat left top;

}
ul#topnav li .nav-about ul li.nav-faq a{
	background: url(../images/nav-faq.gif) no-repeat left top;
	
}
ul#topnav li .nav-tutorial ul{
	width: 190px;
}

ul#topnav li .nav-tutorial ul li{
	border-bottom: 1px dotted #a0af56;
	padding-bottom: 7px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 18px;
	padding-top: 7px;	
	width: 185px;
	height: 95px;
	margin-right: 25px;
}
ul#topnav li .nav-tutorial ul li a{
	color: #45500e;
	font-size: 14px;
	font-weight: bold;
	padding-left: 50px;	
	padding-bottom: 18px;	
	border: none;
	width: 185px;
}
ul#topnav li .nav-tutorial ul li.nav-whats a{
	background: url(../images/nav-whats.gif) no-repeat left top;

}
ul#topnav li .nav-tutorial ul li.nav-gotot a{
	background: url(../images/nav-next.gif) no-repeat left 4px;
	
}
.store-section {
width: 100%;
overflow: hidden;	
}
ul#topnav li .nav-tutorial ul li.nav-gotot{
	height: 130px;
}