@charset "utf-8";
/* CSS Document - Navigation Style Sheet
Author: Kreck Design www.kreck.com
Client: VinNOW 
*/
div#nav-container {
	width:100%;
	margin:0 auto;
}

div#nav-container ul {
	color: white;
	text-align: left;
	margin: 0;
	padding: 7px 0px;
	font: bold 11px Trebuchet MS, Verdana, sans-serif;
}

div#nav-container ul li {
	display: inline;
}

div#nav-container ul li a {
	padding:10px 7px;
	color: white;
	text-decoration: none;
}
div#nav-container ul li a#last {
	border-right: none;
}
div#nav-container ul li a:hover,
.section-root div#nav-container ul#nav-list li a#nav-home,
.section-about div#nav-container ul#nav-list li a#nav-about,
.section-products div#nav-container ul#nav-list li a#nav-products,
.section-register div#nav-container ul#nav-list li a#nav-register,
.section-accounting div#nav-container ul#nav-list li a#nav-accounting,
.section-ecommerce div#nav-container ul#nav-list li a#nav-ecommerce,
.section-shipping div#nav-container ul#nav-list li a#nav-shipping,
.section-inventory div#nav-container ul#nav-list li a#nav-inventory,
.section-marketing div#nav-container ul#nav-list li a#nav-marketing,
.section-wineclub div#nav-container ul#nav-list li a#nav-wineclub,
.section-pricing div#nav-container ul#nav-list li a#nav-pricing,
.section-contact div#nav-container ul#nav-list li a#nav-contact {
	background-color: #FFF;
	color:#08310F;
}

/*----  SUBNAV CONTAINER ----*/
div#subnav-container ul {
	display:none;
}
.section-root div#subnav-container ul#subnav-home,
.section-about div#subnav-container ul#subnav-about,
.section-products div#subnav-container ul#subnav-products,
.section-register div#subnav-container ul#subnav-register,
.section-accounting div#subnav-container ul#subnav-accounting,
.section-ecommerce div#subnav-container ul#subnav-ecommerce,
.section-shipping div#subnav-container ul#subnav-shipping,
.section-inventory div#subnav-container ul#subnav-inventory,
.section-marketing div#subnav-container ul#subnav-marketing,
.section-wineclub div#subnav-container ul#subnav-wineclub,
.section-pricing div#subnav-container ul#subnav-pricing,
.section-contact div#subnav-container ul#subnav-contact {
	display:block;
}

div#subnav-container ul {
	font-weight: bold;
	margin: 0;
	padding-top: 5px;
	margin-top:45px;
}
/*----  SUBNAV List Positioning ----*/
div#subnav-container ul#subnav-home 		{ padding-left: 5px;}
div#subnav-container ul#subnav-about		{ padding-left: 15px;}
div#subnav-container ul#subnav-products 	{ padding-left: 5px;}
div#subnav-container ul#subnav-register 	{ padding-left: 70px;}
div#subnav-container ul#subnav-accounting	{ padding-left: 0px;}
div#subnav-container ul#subnav-ecommerce 	{ padding-left: 70px;}
div#subnav-container ul#subnav-shipping 	{ padding-left: 220px;}
div#subnav-container ul#subnav-inventory 	{ padding-left: 280px;}
div#subnav-container ul#subnav-marketing 	{ padding-left: 30px;}
div#subnav-container ul#subnav-wineclub 	{ padding-left: 390px;}
div#subnav-container ul#subnav-pricing 		{ padding-left: 520px;}
div#subnav-container ul#subnav-contact 		{ padding-left: 30px;}

div#subnav-container ul li {
	display: inline;
}

div#subnav-container ul li a {
	padding: 42px 15px 5px 15px;
	color:#1b7843;
	text-decoration: none;	
	font-size: 12px;
}
/*----  SUBNAV List Icons ----*/
/* ABOUT Section Subnav */
div#subnav-container ul li a#about		{ background: url(/images/icon-vinnow.png) no-repeat center top; padding: 42px 25px 5px 25px; }
div#subnav-container ul li a#partners	{ background: url(/images/icon-integration.png) no-repeat center top;}
div#subnav-container ul li a#team 		{ background: url(/images/icon-team.png) no-repeat center top;}
div#subnav-container ul li a#philosophy { background: url(/images/icon-philosophy.png) no-repeat center top;}
div#subnav-container ul li a#events		{ background: url(/images/icon-events.png) no-repeat center top;}
div#subnav-container ul li a#reviews 	{ background: url(/images/icon-reviews.png) no-repeat center top;}
/* PRODUCTS Section Subnav */
div#subnav-container ul li a#software 	{ background: url(/images/icon-vinnow.png) no-repeat center top;}
div#subnav-container ul li a#computers 	{ background: url(/images/icon-computers.png) no-repeat center top;}
div#subnav-container ul li a#hardware 	{ background: url(/images/icon-hardware.png) no-repeat center top;}
div#subnav-container ul li a#supplies 	{ background: url(/images/icon-supplies.png) no-repeat center top;}
div#subnav-container ul li a#otheritems { background: url(/images/icon-otheritems.png) no-repeat center top;}
div#subnav-container ul li a#questions 	{ background: url(/images/icon-questions.png) no-repeat center top;}
/* REGISTER Section Subnav */
div#subnav-container ul li a#register 	{ background: url(/images/icon-register.png) no-repeat center top;}
/* ACCOUNTING Section Subnav */
div#subnav-container ul li a#accounting { background: url(/images/icon-accounting.png) no-repeat center top;}
div#subnav-container ul li a#quickbooks { background: url(/images/icon-quickbooks.png) no-repeat center top;}
div#subnav-container ul li a#ppi 		{ background: url(/images/icon-ppi.png) no-repeat center top;}
/* ECOMMERCE Section Subnav */
div#subnav-container ul li a#ecommerce 	{ background: url(/images/icon-ecommerce.png) no-repeat center top;}
div#subnav-container ul li a#processing	{ background: url(/images/icon-creditcards.png) no-repeat center top;}
div#subnav-container ul li a#kreck 		{ background: url(/images/icon-kreck.png) no-repeat center top; padding: 42px 25px 5px 25px; }
div#subnav-container ul li a#nexternal 	{ background: url(/images/icon-nexternal.gif) no-repeat center top; padding:30px; }
div#subnav-container ul li a#va 		{ background: url(/images/icon-va.png) no-repeat center top;}
/* SHIPPING Section Subnav */
div#subnav-container ul li a#shipping 	{ background: url(/images/icon-shipping.png) no-repeat center top;}
div#subnav-container ul li a#ups 		{ background: url(/images/icon-ups.png) no-repeat center top;}
div#subnav-container ul li a#shipcomp 	{ background: url(/images/icon-shipcomp.png) no-repeat center top;}
/* INVENTORY Section Subnav */
div#subnav-container ul li a#inventory 	{ background: url(/images/icon-inventory.png) no-repeat center top;}
div#subnav-container ul li a#reports 	{ background: url(/images/icon-reports.png) no-repeat center top;}
div#subnav-container ul li a#futures 	{ background: url(/images/icon-futures.png) no-repeat center top;}
/* MARKETING Section Subnav */
div#subnav-container ul li a#marketing 	{ background: url(/images/icon-marketing.png) no-repeat center top;}
div#subnav-container ul li a#giftcards 	{ background: url(/images/icon-giftcards.png) no-repeat center top;}
div#subnav-container ul li a#tracking 	{ background: url(/images/icon-tracking.png) no-repeat center top;}
div#subnav-container ul li a#cis 		{ background: url(/images/icon-cis.png) no-repeat center top; padding: 42px 25px 5px 25px; }
div#subnav-container ul li a#devineware	{ background: url(/images/icon-devineware.png) no-repeat center top; padding: 42px 35px 5px 25px;}
div#subnav-container ul li a#vr 		{ background: url(/images/icon-vr.png) no-repeat center top; padding: 42px 25px 5px 45px;}
/* WINECLUB Section Subnav */
div#subnav-container ul li a#wineclub 	{ background: url(/images/icon-wineclub.png) no-repeat center top;}
div#subnav-container ul li a#membercards{ background: url(/images/icon-giftcards.png) no-repeat center top;}
div#subnav-container ul li a#processing	{ background: url(/images/icon-receipt.png) no-repeat center top;}
/* PRICING Section Subnav */
div#subnav-container ul li a#pricing 	{ background: url(/images/icon-pricing.png) no-repeat center top;}
div#subnav-container ul li a#financing 	{ background: url(/images/icon-financing.png) no-repeat center top;}
div#subnav-container ul li a#contact 	{ background: url(/images/icon-contact.png) no-repeat center top;}
/* CONTACT Section Subnav */
div#subnav-container ul li a#sales 		{ background: url(/images/icon-contact2.png) no-repeat center top;}
div#subnav-container ul li a#support 	{ background: url(/images/icon-support.png) no-repeat center top;}
div#subnav-container ul li a#remote 	{ background: url(/images/icon-remote.png) no-repeat center top;}
div#subnav-container ul li a#hardware 	{ background: url(/images/icon-hardware.png) no-repeat center top;}
div#subnav-container ul li a#integration{ background: url(/images/icon-integration.png) no-repeat center top;}
div#subnav-container ul li a#creditcard { background: url(/images/icon-creditcards.png) no-repeat center top;}

div#subnav-container ul li a:hover {
	color:#08310F;
}

	
/* HOME PAGE HEADER */
#root-home .subnav { margin:20px 40px;}
#root-home #home h1 { font-size:24px;}