@charset "UTF-8";
/*
WineCountryNaturals.com
Version 1.0 
February 11, 2009

Copyright 2008-2009
design artgirldesign.com
css/php/html RenGraphicDesign.com and Product 9 DESIGN www.product9.com

*/

/* TAGS  */
	html, body {margin:0; padding:0; color:#722D7D; background-image:url(/images/global/elements/wcn-background.gif); 
	font-family:Arial, Helvetica, sans-serif; line-height:1.14em;}
	img {border:0;}
	h1, h2, h3, li, ul, ol, p {margin:0; padding:0;}
	
	a 			{color:#722D7D; text-decoration: none;}
	a:visited 	{color:#722D7D;}
	a:hover 	{color:#007b42;}
	a:active 	{}


/* LAYOUT   */
	/* BODY */
	#container {width:800px; margin:0 auto; border:0 solid #fff; text-align: left;}
	#bordered-box {width:800px; background:#fff; margin:0 auto; border:3px solid #722D7D; text-align:left; }
	
	/* LONG */
	.long #bordered-box {width:800px; background:#E8E2F0; margin:0 auto; border:3px solid #722D7D; text-align:left; }
	.long #mainContent {padding:15px 0 0 15px; margin:0 0 0 15px; width:500px; float:right; background-color:#fff; 
		border-left:6px solid #722D7D;}
	.long #sidebar {float:left; width:200px; padding:15px 0 10px 20px; margin:0; background-color:#E8E2F0;}
		
		/* TOP */
		#top {text-align:right; text-transform:uppercase; padding:3px 0; margin:0;}
			#top a {color:#722D7D; text-decoration:none; font-size:0.69em; font-weight:bold;}
			#top a:visited {color:#722D7D;}
			a:hover {color:#007b42;}
		
	
		/* HEADER */
		#header {height:175px; position:relative; background:#712E7E;}
			#logo {width:185px; height:175px; position:absolute; top:0; left:0;}
			#banner {width:430px; height:175px; position:absolute; top:0; left:185px;}
			#banner_hero {width:185px; height:175px; position:absolute; top:0; left:615px; background:url(/images/global/header/banner-image-products.jpg) no-repeat;}
			#header h1 {margin:0; padding:0;}
			
			/* change banner hero by body class */
			.products #banner_hero {background:url(/images/global/header/banner-image-product-line.gif) no-repeat;}
			.wholesale #banner_hero {background:url(/images/global/header/banner-image-wholesale.gif) no-repeat;}
			.retail #banner_hero {background:url(/images/global/header/banner-image-retail.gif) no-repeat;}
			.private #banner_hero {background:url(/images/global/header/banner-image-private-labeling.gif) no-repeat;}
			.press #banner_hero {background:url(/images/global/header/banner-image-press.gif) no-repeat;}
			.about #banner_hero {background:url(/images/global/header/banner-image-contact.gif) no-repeat;}
			.register #banner_hero {background:url(/images/global/header/banner-image-register.gif) no-repeat;}
			.links #banner_hero {background:url(/images/global/header/banner-image-links.gif) no-repeat;}
			.home #banner_hero {background:none;}
			
		#tagline {height:30px; width:800px; display:block; background-color:#007A48;}
			#tagline h2 {color:#FFFFFF; font-size:.92em; text-align:center; font-style:italic; 
			padding:6px 0 0 0; letter-spacing:1px;}
		
		/* SIDEBAR and NAVIGATION */
		
		/* MAIN NAVIGATION */
		#sidebar1 {float:left; width:250px; padding:15px 10px 15px 20px; 
		background-color:#E8E2F0; border-right:6px solid #722D7D;}

		#nav, #nav ul, #nav ul li {margin:0; padding:0;}
		#nav ul li {list-style:none; display:block; margin:0 0 15px 0;}
		#nav ul li a {display:block; height:62px; width:236px; text-decoration:none;}
		
		
			/* NAV ITEMS, by section - background */
			.nav_products a {background:url(/images/global/nav/nav1t-products.gif) no-repeat;}
			.nav_wholesale a {background:url(/images/global/nav/nav2t-wholesale.gif) no-repeat;}
			.nav_retail a {background:url(/images/global/nav/nav3t-retail.gif) no-repeat;}
			.nav_private a {background:url(/images/global/nav/nav4t-private-labeling.gif) no-repeat;}
			.nav_press a {background:url(/images/global/nav/nav5t-press.gif) no-repeat;}
			.nav_about a {background:url(/images/global/nav/nav6t-about-us.gif) no-repeat;}
			.nav_register a {background:url(/images/global/nav/nav7t-register.gif) no-repeat;}
			.nav_links a {background:url(/images/global/nav/nav8t-links.gif) no-repeat;}
			
			/* NAV ITEMS, by section - hover */
			.nav_products a:hover {background: url(/images/global/nav/nav1at-products.gif) 0px 0 no-repeat;}
			.nav_wholesale a:hover {background:url(/images/global/nav/nav2at-wholesale.gif) 1px 0 no-repeat;}
			.nav_retail a:hover {background:url(/images/global/nav/nav3at-retail.gif) no-repeat;}
			.nav_private a:hover {background:url(/images/global/nav/nav4at-private-labeling.gif) 1px 0 no-repeat;}
			.nav_press a:hover {background:url(/images/global/nav/nav5at-press.gif) 1px 0 no-repeat;}
			.nav_about a:hover {background:url(/images/global/nav/nav6at-about-us.gif) 1px 0 no-repeat;}
			.nav_register a:hover {background:url(/images/global/nav/nav7at-register.gif) 1px 0 no-repeat;}
			.nav_links a:hover {background:url(/images/global/nav/nav8at-links.gif) 1px 0 no-repeat;}
			
			/* LAST NAV ITEM (has shorter bottom margin) */
			.nav_last {margin:0;}
		
		/* CONTENT */
		#mainContent {margin:0; padding:15px 0 0 0; width:500px; float:right; background-color:#FFFFFF; }
		
		
		
		#content_margin {padding:0 20px 0 0;}
		
		/*#main-text {float:left; height:610px; width:480px; padding:10px 10px 18px 0; margin:0 0 16px 0; 
		overflow:auto; position:relative;}*/
		
			#mainContent h1 {font-size:11pt; font-weight:bold; color:#007A48; letter-spacing:0.4px; margin:5px 0 15px 0;}
			#mainContent p 	{font-size:10pt; color:#722D7D; padding:0 0 10px 0;}
		
		/* FOOTER */
		#footer {padding:18px 0 25px 0; margin: 0px; width: 800px; text-align:center;
		font-size: 12px; color: #722D7D;  letter-spacing: 1px; line-height:1.25em;}
			#footer_links {font-weight:bold;}
			#footer_links a {color:#722D7D; text-decoration: none;}	
			#footer_links a:visited {color:#722D7D;}
			#footer_links a:hover {color: #007b42;}
			#copyright {padding:25px 0 0 0; font-weight:bold;}
			
			
			/*#text-links {font-size:12px; color:#722D7D; margin:0px; width:800px; letter-spacing:1px;}*/


		/* PAGES  */
			/*products*/
			.products #main-text {height:585px; padding:0 10px 3px 0; margin:0; }
				.products #main-text h1 {font-size: 11pt; font-weight: bold; color: #007A48; letter-spacing: 0.4px; margin-bottom:15px;}
				.products #main-text h2 {font-size: 10pt; color:#722D7D; letter-spacing: 1px; font-weight: bold; margin-bottom:10px;}
				.products #main-text p {font-size: 10pt; color: #722D7D; letter-spacing: 1px; }
			#product_image {padding:0 0 14px 0;}
						
			/* about us*/
				/*.about-us #main-text {height: 610px; width:485px; padding:10px 0 18px 0; margin:0 3px 16px 0;}*/
				.about {}
				
				.about_item {clear:left; overflow:visible; padding:10px 0;}
					.about_item_img {float:left;}
					.about_item_txt {margin-left:120px;}
					.about_item h3 {letter-spacing:1pt; font-size:10pt; padding:0 0 15px 0;}

				.footnote {clear:both; padding:15px 0;}
				#mainContent .footnote p {font-size:8pt; font-style:italic; color: #722D7D; }

			/* home */
				/* HOME LAYOUT */
				.home #mainContent {text-align:center; padding:15px 15px 0 0;}
				/* HOME SIDEBAR */
				.home #sidebar1 {background-color:#fff; border:none;}
				/* HOME NAVIGATION */
				.home #nav ul li {margin:0 0 0px 0;}
				
				#text-footer-home {clear:both; background-color:#D8E2D8; border-top:6px solid #007A48; 
				padding:9px 10px 12px 20px; margin:0;}
					#text-footer-left { width:50%; float:left;}
					#text-footer-right {margin-left:50%;}
						#text-footer-home a {color:#007A48; text-decoration:none; font-weight:bold; font-style:normal;
						background:url(/images/global/elements/grapeleaf-t.gif) no-repeat; display:block;
						margin:9px 5px 3px 5px; padding:0 0 4px 25px; font-size:.92em; letter-spacing: 1px;}
						#text-footer-home a:hover {color:#722D7D;}

				.home #mainContent p {font-style:italic; font-size:.8em; line-height:1.4em; letter-spacing:1px; 
				padding:0 0 18px 0; margin:0;}
				.home #mainContent h1 {font-style:normal; color:#722D7D; font-size:11pt; font-weight: bold; 
				letter-spacing: 0.4px; padding:15px 0 9px 0; margin:0;}
				
			/* links */
			.links #mainContent h3 {padding:9px 0 3px 0; margin:0; font-size:10pt; letter-spacing:1px;}
			.links #mainContent p  {padding:0 0 6px 0; margin:0;}
			
			/* private  */
			.private #mainContent p {letter-spacing:1px;}
			
			/* press */
			.press #mainContent h2 {font-size:11pt; color:#007A48; letter-spacing:0.4px; margin:12px 0 9px 0;}
			.press #mainContent h3 {font-size:10pt; color:#BAA7D1; letter-spacing:1px; font-weight:normal; }
			.press #mainContent p {}
			
			/* products (main landing) */			
			#product_list ul {margin:0 0 0 0px; padding:15px 0 0 50px;}
			#product_list ul li {color:#712D7D; padding:0; margin:0 0 0 0;  list-style:none; font-size:.96em; font-weight:bold; display:block;}
				#product_list ul li a {color:#712D7D; padding:3px 0 3px 25px; margin:0 0 9px 0; text-decoration:none; display:block; 
				background:url(/store/skin1/images/wcn/list_leaf_purp.gif) top left no-repeat;}
				#product_list ul li a:hover {color:#438B61; background:url(/store/skin1/images/wcn/list_leaf_green.gif) top left no-repeat;}

			/* product (individual products in product line)*/
			.product_image {padding:0 0 10px 0; position:relative;}
				.product_price { position:absolute; top:21px; left:89px; font-size:1.25em; text-align:left;
				width:40px; height:30px; color:#FFFFFF; font-weight:bold; letter-spacing:0;}
				.product_price sup {margin:2px 0 0 0;}
			.next_product { text-align:right; padding:0 0 9px 0;}

			.product #mainContent h2 {padding:10px 0 14px 0; font-size:10pt; }
			.product #mainContent p {}
			
			#order {text-align:right; margin:6px 0 10px 0;}
			
			/* FORMS */
			
			.form_format {font-size:9pt; color: #722D7D; letter-spacing: 1px;}
			.btn_submit {float:right;}
			.required {font-size:8pt; text-transform:uppercase; font-weight:bold; padding:10px 0;}
				

/* ELEMENTS */
#scroll {height:612px; overflow:auto; padding:0 10px 0 0; margin-bottom:18px;}
.letter_spacing { letter-spacing:1px;}
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px;}

.data_entry {font-size: 9pt; color: #000000; letter-spacing: 0px; }
.field_name {font-size: 9pt; color: #722D7D; letter-spacing: 1px; margin-top: -8px; }
.field_info {font-size: 8pt; font-style: italic; }
.spacer {font-size: 14px; font-weight: bold; letter-spacing: 1px; margin-top: 0px; padding-top: 8px; }


.black-border{border:#c087ca solid 1px;}

.normal-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	}

.pro-detail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;	
	}

.contest{
	background:#caa7de url(../images/contest.gif) no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;	
	}

.textfield{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	border:#FFFFFF solid 1px;
	}

.button-new{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border:#000000 solid 1px;
	}
	
.latestnews{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#838383;
	text-decoration:none;	
	}
a.latestnews:link{text-decoration:none; color:#838383;}
a.latestnews:visited{text-decoration:none; color:#838383;}
a.latestnews:hover{text-decoration:none; color:#000000;}
a.latestnews:active{text-decoration:none; color:#838383;}

button.button { border: 0px none; background-color:transparent; cursor:pointer; height:33px; margin:0; padding:0; 
	vertical-align: top; overflow:visible; outline-style:none; }
	button.button .button-right {display: block; background: transparent url(../store/skin1/images/btn_right_p.gif) no-repeat right top; 
	padding: 0px 18px 0px 0px; height:33px; }
	button.button .button-left { display: block; margin:0px; background: transparent url(../store/skin1/images/btn_left_p.gif) no-repeat left top; 
	padding: 0px 9px 0px 24px; vertical-align: middle; white-space: nowrap; font-family: verdana, arial, helvetica, sans-serif; 
	color:#fff; font-weight: bold; font-size:11px; height:33px; line-height:32px; text-transform:uppercase; }

div.button { border: 0px none; background: transparent none; cursor: pointer; 
	margin: 0px; padding: 0px 18px 0px 0px; white-space: nowrap; 
	background: transparent url(images/btn_right_p.gif) no-repeat right top; float: left; }
	div.button div,  
	div.button a:link,  
	div.button a:visited,  
	div.button a:hover,  
	div.button a:active { display: block; background: transparent url(../store/skin1/images/btn_left_p.gif) no-repeat left top; 
	padding: 0px 9px 0px 26px; line-height: 33px; white-space: nowrap; color:#fff; font-weight: bold; 
	font-size: 12px; text-decoration: none; outline-style: none; text-transform:uppercase; }

button.main-button .button-right { background: transparent url(../store/skin1/images/btn_right_p.gif)  no-repeat right top; }
button.main-button .button-left { background: transparent url(../store/skin1/images/btn_left_p.gif) no-repeat left top; color: #fff; }
div.main-button { background: transparent url(../store/skin1/images/btn_right_p.gif) no-repeat right top; }
.button-row,  .button-row-right { margin-top: 20px; padding: 0px; height: 23px; line-height: 23px; }
	
	.buttons-row .button,  
	.buttons-row button.simple-button,  
	.buttons-row a.simple-button {float: left;}
	
	.buttons-row-right .button,  
	.buttons-row-right button.simple-button,  
	.buttons-row-right a.simple-button,  
	.button-row-right .button,  
	.button-row-right button.simple-button,  
	.button-row-right a.simple-button { float: right; }
	
	.buttons-row-right-box { float: right; }
	
	.buttons-row-right,  
	.buttons-row { margin: 20px 0px 0px 0px; height: 23px; }
	
	.buttons-row .button-separator { float: left; width: 20px; height: 15px; }
	.buttons-row-right .button-separator { float: right; width: 30px; height: 15px; }
	table tr td.buttons-row,  table tr td.button-row,  table tr td.buttons-row-right,  table tr td.button-row-right { margin: 0px; padding-top: 15px; }
	.buttons-auto-separator .button,  .buttons-auto-separator button.simple-button,  .buttons-auto-separator a.simple-button { margin-right: 20px; }
	.button-up { position: relative; margin-top: -23px; width: 30%; }