/* Style Sheet created by 2Creative */

* {	margin: 0;	padding: 0; }
body { color: #fff;	font: 14px/24px Arial, Helvetica, sans-serif; background: #000; }	
h1, h2, h3 { font-weight: normal; color: #FF9900; }
h1 { font-size: 30px; margin-bottom: 20px; }
h2 { font-size: 24px; margin-bottom: 20px; color: #2f85fc; }
h3 { font-size: 18px; margin-bottom: 15px; }
h4, h5, h6 { font-size: 16px; margin-bottom: 10px; }
p { padding-bottom: 15px; }
img { border: none; }	
a {	color: #ff9900; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }
ul, ol { padding-left: 20px; margin-bottom: 15px; list-style: square; }
li { margin-bottom: 2px; }

#wrapper { width: 1000px; margin: 0 auto; }
	#header {}
		#logo { height: 130px; margin-left: 311px; }
		#menu { margin-top: 20px; padding: 5px 0 20px 5px; border-top: 1px dotted #fff; }
			#menu ul { list-style: none; margin: 0; padding: 0; }
			#menu li { list-style: none; float: left; text-align: center; padding: 10px 16px; }
			#menu a { font-size: 12px; color: #ff9900; text-decoration: none; }
			#menu a:hover { color: #fff; text-decoration: none; }	
			#menu a.thispage { color: #fff; }		
	#banner { }			
	#content { background: url(images/billboard-spacer.jpg) no-repeat left top; }	
		#content-intro { padding: 50px 30px 0; }
			#content-intro-left { float: left; width: 570px; margin-right: 40px; }
			#content-intro-left h1, #content-intro-left h2 { line-height: 28px; margin-bottom: 15px; }
			#content-intro-left p { font-size: 16px; } 
			#content-intro-center { float: left; width: 240px; }
				#content-intro-center h2 { font-size: 24px; color: #ff9900; line-height: 28px; margin-bottom: 15px; }
				#content-intro-center a { text-decoration: none; }
				#content-intro-center a:hover { color: #fff; text-decoration: none; }
			#content-intro-right { float: left; width: 90px; }
		#content-sub { margin-top: 25px; margin-bottom: 21px; }
			.content-sub-box { float: left; width: 320px; height: 210px; margin-right: 20px; }	
				.content-sub-box-text h3 { margin-top: 32px; line-height: 22px; margin-bottom: 5px; }
				.content-sub-box-text h3 a { color: #ff9900; text-decoration: none; }
				.content-sub-box-text h3 a:hover { color: #fff; text-decoration: none; }
				.content-sub-box-text p { font-size: 14px; line-height: 22px; } 
				/* angostura-box { background: url(images/angostura-products-bg.jpg) no-repeat left top; } */
				#angostura-box { background: url(images/angostura-competition-bg.jpg) no-repeat left top; }
					#angostura-box .content-sub-box-text { width: 165px; padding-left: 140px; } 					
				#articles-box { background: url(images/home-articles-bg.jpg) no-repeat left top;  }
					#articles-box .content-sub-box-text { width: 200px; padding-left: 120px; } 	
					#articles-box p a { color: #fff; text-decoration: none; }
					#articles-box p a:hover { color: #ff9900; text-decoration: none; }
				#liquor-box { background: url(images/liquor-products-bg.jpg) no-repeat left top; margin-right: 0px; }
					#liquor-box .content-sub-box-text { width: 160px; padding-left: 140px; } 
		#content-text { padding: 50px 30px; }			
			#content-left { float: left; width: 610px; }
			#content-right { float: right; width: 280px; }	
				#page-images { margin-top: 40px; }	
					.page-image-wrapper { margin-bottom: 15px; }
					.page-image-wrapper img { padding: 9px; border: 1px solid #333; }
					.page-image-wrapper p { font-size: 11px; font-style: italic; color: #ccc; text-align: center; padding-top: 5px; padding-bottom: 0; line-height: 20px; }	
					.article-image-wrapper { width: 220px; margin-bottom: 15px; }
					.article-image-wrapper img { padding: 9px; border: 1px solid #333; }
					.article-image-wrapper p { font-size: 11px; font-style: italic; color: #ccc; text-align: center; padding-top: 5px; padding-bottom: 0; line-height: 20px; }	
					
		#content-comp-text { padding: 30px 0; }		
			#content-comp-left { float: left; width: 650px; }
				#content-comp-left-image { float: left; width: 300px; }
				#content-comp-left-text { float: right; width: 360px; }
					#content-comp-left-text p { font-size: 16px; margin-bottom: 10px; }
			#content-comp-right { float: right; width: 280px; }	
				#content-comp-entry-short { margin-top: 50px; }
			#content-comp-entry-left { float: left; width: 460px; }	
			#content-comp-entry-right { float: right; width: 430px; }	
				#content-comp-entry-left img { margin-top: 20px; }
				#content-comp-entry-left h3, #content-comp-entry-right h3 { padding-bottom: 5px; border-bottom: 1px solid #ff9900; }
			
			#content-left-contact { float: left; width: 550px; }
			#content-right-contact { float: right; width: 300px; margin-top: 48px; }
			#distributors { margin-top: 50px; }			
				.contact-list { float: left; width: 440px; margin-right: 50px; margin-bottom: 50px;}
				.contact-list-last { margin-right: 0px; }
					.contact-list p { padding-bottom: 10px; }
					.contact-image { float: right; width: 140px; padding: 9px; border: 1px solid #333; }
			#promotions { margin-top: 30px; }
				.promo-item { margin-bottom: 40px; }
					.promo-item-image { float: left; width: 220px; margin-right: 30px; }
						.promo-item-image img { padding: 9px; border: 1px solid #333; }
					.promo-item-text { float: left; width: 670px; }
						.promo-item-text h2 { font-size: 22px; } 
						.promo-item-text h2 a { color: #2f85fc; text-decoration: none; }
						.promo-item-text h2 a:hover { color: #fff; text-decoration: none; }
									
			.promo-pos-item { float: left; width: 220px; margin-right: 20px; margin-bottom: 20px; }
			.promo-pos-item-last { margin-right: 0; }
			.promo-pos-item img { width: 200px; padding: 9px; border: 1px solid #333; margin-bottom: 10px; }  
			.promo-pos-item p { padding-bottom: 0; text-align: center; line-height: 20px; } 
			
			.recipes { margin-bottom: 30px; }
				.recipe-category { margin-bottom: 20px; }
					.recipe { float: left; width: 290px; margin-right: 35px; margin-bottom: 35px; }
					.recipe-last { margin-right: 0; }
						.recipe h3 { font-size: 16px; margin-bottom: 10px; } 
						.recipe a { color: #ff9900; text-decoration: none; }
						.recipe a:hover { color: #fff; text-decoration: none; } 
						.recipe-image { float: left; width: 140px; }
						.recipe-text { float: right; width: 140px; }
							.recipe-image img { width: 120px; padding: 9px; border: 1px solid #333; }  					
							.recipe-text p { padding-bottom: 0; line-height: 20px; } 
							
			#recipe-details h2 { margin-bottom: 10px; } 
			
			#details h1 { font-size: 24px; }
			
			#social-networks { margin-top: 30px; margin-bottom: 30px; border-left: 5px solid #2f85fc; border-right: 5px solid #2f85fc; padding: 15px 30px 0; }
			
	#brands { margin-bottom: 35px; }
	
	#content-others { margin-bottom: 30px; }	
		#product-brands {}
			#product-brands-sub { margin-top: 30px; margin-bottom: 50px; }
				#product-brands-sub-map { width: 660px; margin-left: 150px; }
				#product-brands-sub-left { float: left; width: 660px; margin-right: 80px; }
				#product-brands-sub-right { float: left; width: 175px; padding-top: 78px; }		
		#product-news { margin-bottom: 30px; }
			#product-news-left { float: left; width: 680px; }
			#product-news-right { float: right; width: 280px; padding-top: 44px; }
				#product-news-right h4 { font-size: 14px; font-weight: bold; margin-bottom: 5px; color: #2f85fc; }
				#product-news-right p { padding-bottom: 10px; } 
			.product-news-article { margin-bottom: 50px; }
		#products { margin-top: 30px; }
		
		#product-cats { margin-top: 20px; margin-bottom: 40px; }
		
		.product-list { float: left; margin-right: 20px; margin-bottom: 40px; }
		.product-list-right { margin-right: 0; } 
			.product-list-image { float: left; width: 167px; }
				.product-list-image img { width: 165px; border: 1px solid #333; } 
			.product-list-text { float: left; width: 263px; height: 172px; padding: 20px 30px 0; background: url(images/blue-stripe.jpg) no-repeat right top; }
				.product-list-text h2 { font-size: 20px; line-height: 26px; margin-bottom: 5px; } 
				.product-list-text h2 a { text-decoration: none; }
				.product-list-text h2 a:hover { color: #fff; text-decoration: none; } 
				.product-list-text p { font-size: 12px; line-height: 20px; }		
		#angostura-intro { margin-bottom: 40px; }
			#angostura-intro-left { float: left; width: 500px; margin-right: 20px; }
				#angostura-intro-left h3 { color: #FF9900; font-size: 16px; margin-bottom: 8px; }
				#angostura-intro-left p { font-size: 14px; } 
			#angostura-intro-right { float: left; width: 460px; }
				#angostura-tip { margin-bottom: 30px; }
					#tip-bg { float: left; width: 140px; margin-right: 15px; }
					#tip-text { float: left; width: 200px; margin-right: 2px;  }
						#tip-text h3 { line-height: 22px; margin-top: 20px; margin-bottom: 0; } 
						#tip-text h3 a { text-decoration: none; } 
						#tip-text h3 a:hover { color: #fff; text-decoration: none; } 
					#tip-image { float: left; width: 90px; }
				#angostura-intro-right-images { padding-left: 15px; }
					#angostura-intro-right-images img { margin-bottom: 20px; } 
	#content-product { margin-bottom: 40px; }
		.product-misc { margin-bottom: 40px; }
			.product-misc img { margin-right: 30px; } 
		.product-images { float: left; width: 200px; margin-right: 40px; }
			.product-images img { margin-bottom: 20px; }
			.product-images p { color: #ff9900; font-size: 12px; font-style: italic; padding-bottom: 10px; line-height: 20px; } 
		.product-details { float: left; width: 740px; }
			.product-details h1 { font-size: 22px; }
			.product-details h2 { font-size: 16px; color: #fff; font-style: italic; } 
		
		#wholesalers { padding-top: 30px; }
			.wholesaler { float: left; width: 300px; margin-right: 20px; margin-bottom: 15px; }
			.wholesaler-last { margin-right: 0; }
			#wholesalers h2 { padding-top: 20px; margin-bottom: 15px; }
			#wholesalers h3 { margin-bottom: 0px; }
			#wholesalers p { line-height: 20px; padding-bottom: 10px; }
		#resources { margin-top: 30px; }
			#resources h2 { font-size: 16px; }
	#footer { border-top: 1px dotted #999; padding-top: 15px; font: 12px Arial, Helvetica, sans-serif;  }
		#footer p { color: #999; text-align: center; padding-bottom: 10px; }
		#footer a { color: #999; text-decoration: none; }
		#footer a:hover { color: #ebebeb; text-decoration: none; }	


/************************ MISC ********************/	
.clear { clear: both; line-height: 0; height: 0; }
.warning { color: #cc0000; font-weight: bold; padding-bottom: 0; }
.notice { font-size: 12px; font-style: italic; line-height: 1.2em; }
.heading { display: none; }
.textYellow, .textYellowBold, .textYellowBoldItalic { color: #ff9900; }
.textBlue, .textBlueBold, .textBlueBoldItalic { color: #2f85fc; }
.textBlueBold, .textYellowBold, .textYellowBoldItalic { font-weight: bold; }
.textYellowBoldItalic, .textBlueBoldItalic { font-style: italic; }
p.submenu { padding-bottom: 30px; }
a.currentpage { color: #fff; text-decoration: none; }
a.currentpage:hover { color: #fff; text-decoration: none; }
.imageFloatedToLeft { float: left; width: 120px; margin-right: 15px; margin-bottom: 10px; }
a.linkunderline { color: #ff9900; text-decoration: underline; }
a.linkunderline:hover { color: #ff9900; text-decoration: none; }


/************************ TABLE ********************/
table { margin-bottom: 20px; }
td { padding: 2px; vertical-align: top; }

.prod-details-misc p { }
.prod-details-misc-float { float: left; width: 350px; margin-right: 100px; font-size: 12px; }
.prod-details-misc-float-right { float: left; width: 280px; margin-right: 0; }

#tastings-table { width: 100%; }
#tastings-table h4 { margin-bottom: 0;} 
#tastings-table td.table-heading { padding-top: 10px; border-top: 1px solid #2f85fc; }
 
/************************ FORM ********************/
input, select, textarea { font: 14px Arial, Helvetica, sans-serif; }
#formContact { }
#formContact label, #formContact input, #formContact select, #formContact textarea { display: block; width: 290px; padding: 3px; border: none; }
#formContact label { }
#formContact input, #formContact select, #formContact textarea { border: 1px solid #999; background: #EBEBEB; margin-bottom: 10px; }
#formContact select { width: 298px;}
#formContact p { font-size: 16px; padding-top: 10px; padding-bottom: 5px; }
#formContact p.notice { font-size: 12px; font-style: italic; color: #999; }
#formContact .selectInput { width: 120px; }
#formContact .tinyInput { width: 50px; }
#formContact .smallInput { width: 112px; }
#formContact .quizLabel { float: left; width: 100px; }
#formContact .quizInput { float: left; width: 90px; }
#formContact input.hidden { display: none; }
#formContact .submitButton { border: 1px solid #013f75; background: #013f75; color: #FFF; width: 120px; padding: 10px 0; cursor: pointer; margin-top: 10px; }

/************************ ENTRY FORM ********************/
#formEntry {}
#formEntry label, #formEntry input, #formEntry select, #formEntry textarea { display: block; width: 140px; float: left; margin-bottom: 10px; padding: 3px; border: none; }
#formEntry input, #formEntry select, #formEntry textarea { width: 300px; border: 1px solid #999; background: #EBEBEB; }
#formEntry select { width: 75px;}
#formEntry p { font-size: 16px; padding-top: 10px; padding-bottom: 5px; }
#formEntry p.notice { font-size: 12px; font-style: italic; color: #999; }
#formEntry br { clear: left; }
#formEntry .selectInput { width: 120px; }
#formEntry .tinyInput { width: 50px; }
#formEntry .smallInput { width: 112px; }
#formEntry .quizInput { width: 90px; }
#formEntry .mediumInput { width: 250px; }
#formEntry .mediumLabel { width: 230px; }
#formEntry .wideLabel { width: 300px; }
#formEntry .extrWideLabel { width: 400px; }
#formEntry input.hidden { display: none; }
#formEntry .longLabel { width: 180px; }
#formEntry .checkBox { float: left; width: 15px; height: 15px; margin: 5px 5px 0 0; }
#formEntry .checkboxLabel { float: left; text-align: left; width: 350px; }
#formEntry .sendButton { font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; border: 1px solid #013f75; background: #013f75; color: #FFF; width: 140px; padding: 10px 0; cursor: pointer; margin-top: 10px; margin-bottom: 20px; }
#formEntry .btw { float: left; with: 20px; }