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

html{height:100.01%;}

body{text-align:center; font-family:Arial, Arial, Helvetica, sans-serif; font-size: 62.5%; color:#891f20; line-height:1.3em; background:#ffffff;}

#wrapper{width:100%;}

.page{width:802px; margin:0 auto 0 auto;}
body#page_gallery .page{margin-top:6px;}

div#top-bar{width:100%; text-align:center; background:#c72127; border-bottom:#6a6a6a solid 1px; padding:0px 0px 0px 0px; margin:0;}
	div#top-bar p{font-size:12px; color:white; font-family:Arial, Helvetica, sans-serif; padding:2px; margin:0px; text-align:center;}

/************* Navigation ***************/

#nav{width:802px; text-align:right;}

	#nav ul{text-align:right; margin:12px 0 0 0; float:right;}
	#nav ul li{display:inline-block; float:left; background:url(../images/nav/seperator.png) no-repeat right 4px; padding:0 12px 0 0; margin-left:3px;}
	#nav ul li#nav_last{background:none; padding:0px;}
	#nav ul li a{cursor:pointer;}

	#nav ul li a#nav_home{background:url(../images/nav/home.png) no-repeat top; text-indent:-999999px; display:block; height:15px; width:39px; cursor:pointer;}
	#nav ul li a#nav_farm{background:url(../images/nav/the_farm.png) no-repeat top; text-indent:-999999px; display:block; height:15px; width:64px; cursor:pointer;}
	#nav ul li a#nav_bulk{background:url(../images/nav/bulk_teas.png) no-repeat top; text-indent:-999999px; display:block; height:15px; width:71px; cursor:pointer;}
	#nav ul li a#nav_packaged{background:url(../images/nav/packaged_ranges.png) no-repeat top; text-indent:-999999px; display:block; height:15px; width:120px; cursor:pointer;}
	#nav ul li a#nav_benefits{background:url(../images/nav/benefits_of_tea.png) no-repeat top; text-indent:-999999px; display:block; height:15px; width:109px; cursor:pointer;}
	#nav ul li a#nav_bourban{background:url(../images/nav/bourbon_vanilla.png) no-repeat top; text-indent:-999999px; display:block; height:15px; width:119px; cursor:pointer;}
	#nav ul li a#nav_contact{background:url(../images/nav/contact_us.png) no-repeat top; text-indent:-999999px; display:block; height:15px; width:80px; cursor:pointer;}
	
	#nav ul li a#nav_home:hover,
	#nav ul li a#nav_farm:hover,
	#nav ul li a#nav_bulk:hover,
	#nav ul li a#nav_packaged:hover,
	#nav ul li a#nav_benefits:hover,
	#nav ul li a#nav_bourban:hover,
	#nav ul li a#nav_contact:hover{background-position:0px -15px;}
	
	body#page_home #nav ul li a#nav_home,
	body#page_farm #nav ul li a#nav_farm,
	body#page_bulk #nav ul li a#nav_bulk,
	body#page_packaged #nav ul li a#nav_packaged,
	body#page_packaged2 #nav ul li a#nav_packaged,
	body#page_benefits #nav ul li a#nav_benefits,
	body#page_contact #nav ul li a#nav_contact{border-bottom:#c72127 solid 6px;}
	
	body#page_bourbon #nav ul li a#nav_bourban,
	body#page_bourbon2 #nav ul li a#nav_bourban,
	body#page_bourbon3 #nav ul li a#nav_bourban{border-bottom:#6e814a solid 6px;}
	
	
	/************* Drop Down ***************/
	
	.menu {width:745px; position:relative; z-index:100; font-family:arial, sans-serif; float:right;}
	/* hack to correct IE5.5 faulty box model */
	* html .menu {width:746px; w\idth:745px;}
	/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {padding:0; margin:0; list-style-type:none;}
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.menu li {position:relative;}
	/* style the links for the top level */
	.menu a, .menu a:visited {display:block; font-size:12px; text-decoration:none; color:#fff; font-weight:bold; height:15px;}
	/* a hack so that IE5.5 faulty box model is corrected */
	* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}
	
	
	/* style the second level background */
	.menu ul ul a.drop, .menu ul ul a.drop:visited{background-image:none;}
	/* style the second level hover */
	.menu ul ul a.drop:hover{background:#c9ba65;}
	.menu ul ul :hover > a.drop {background:#c9ba65;}
	/* style the third level background */
	.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
	/* style the third level hover */
	.menu ul ul ul a:hover {background:#b2ab9b;}
	
	
	
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul {visibility:hidden; position:absolute; top:0px; left:0; background:url(../images/dd_bottom.png) no-repeat bottom right; width:133px; padding-bottom:2px;
	padding-top:10px;}
	
	/* another hack for IE5.5 */
	* html .menu ul ul {top:0px; t\op:0px;}
	
	/* position the third level flyout menu */
	.menu ul ul ul{left:149px; top:-1px; width:149px;}
	
	/* position the third level flyout menu for a left flyout */
	.menu ul ul ul.left {left:-149px;}
	
	/* style the table so that it takes no ppart in the layout - required for IE to work */
	.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
	
	/* style the second level links */
	.menu ul ul a, .menu ul ul a:visited {color:#ce3f44; font-family:Georgia, "Times New Roman", Times, serif; height:auto; background-image:none;
	line-height:1em; padding:5px 2px 5px 5px; font-weight:bold; font-style:italic; border-top:#dcdfe0 solid 1px; width:120px;}
	
	#nav .menu ul ul li{background-image:none; background:url(../images/dd_middle.png) repeat-y top; width:118px;}
	#nav .menu ul ul li a{ margin:0px; padding-bottom:10px;}
	/* yet another hack for IE5.5 */
	* html .menu ul ul a, * html .menu ul ul a:visited {width:111px; padding:5px 2px 5px 5px; margin:0px;}
	
	/* style the top level hover */
	.menu a:hover, .menu ul ul a:hover{color:#000;}
	.menu :hover > a, .menu ul ul :hover > a {color:#000;}
	
	/* make the second level visible when hover on first level list OR link */
	.menu ul li:hover ul,
	.menu ul a:hover ul{visibility:visible; }
	/* keep the third level hidden when you hover on first level list OR link */
	.menu ul :hover ul ul{visibility:hidden;}
	/* make the third level visible when you hover over second level list OR link */
	.menu ul :hover ul :hover ul{ visibility:visible;}

	#nav .menu ul li#green_li a{color:#6e814a;}
	#nav .menu ul li#green_li a:hover{color:#000000;}









/************* Content ***************/

.content_top{background:url(../images/content_top.jpg) no-repeat top; width:802px; margin:20px 0 0 0;}
.content_bottom{background:url(../images/content_bottom.jpg) no-repeat bottom; width:802px; min-height:475px; height:auto !important; height:475px;}


	#logo{margin:-53px 0 0 -23px; position:relative; float:left; height:528px;}

	.center{width:390px; float:left;}

	.text_left{width:390px; height:350px; margin:20px 0 0 0px; overflow:auto; float:left;}

		.content_bottom h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#c72127; font-style:italic; font-weight:bold; padding-top:70px; width:390px;}
		.text_left p{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#891f20; line-height:1.3em; margin:0 0 23px 0; text-align:justify;}
		.text_left h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#891f20; margin:0 0 23px 0; color:#c72127; font-style:italic; font-weight:bold;}
		
		.text_left p a{font-style:italic; font-weight:bold; text-decoration:underline; color:#891f20; cursor:pointer;}
		.text_left p a:hover{text-decoration:none;}

		.text_left h2.underline{text-decoration:underline;}
		.text_left h2 a{text-decoration:none; color:#c72127;}
		
	.con_text_left{width:270px; height:300px; margin:60px 0 0 0px; overflow:auto; float:left;}

		.con_text_left h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#c72127; font-style:italic; font-weight:bold; margin-bottom:33px;}
		.con_text_left p{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#891f20; line-height:1.3em; margin:0 0 20px 0; text-align:justify;}
		.con_text_left h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#891f20; margin:0 0 23px 0; color:#c72127; font-style:italic; font-weight:bold;}
		
		.con_text_left p a{font-style:italic; font-weight:bold; text-decoration:underline; color:#891f20; cursor:pointer;}
		.con_text_left p a:hover{text-decoration:none;}

		.con_text_left h2.underline{text-decoration:underline;}
		.con_text_left h2 a{text-decoration:none; color:#c72127;}
		
		
		.text_left ul li{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#891f20; line-height:1.3em; margin:0 0 23px 0; text-align:justify;
		list-style:outside; background:url(../images/li.jpg) no-repeat 7px left; padding-left:10px;}
		
		
		body#page_bourbon .content_bottom h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#6e814a; font-style:italic; font-weight:bold; margin-bottom:33px;}
		body#page_bourbon .content_bottom p{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#6e814a; line-height:1.3em; margin:0 0 23px 0; text-align:justify;}
		body#page_bourbon .content_bottom p a{font-style:italic; font-weight:bold; text-decoration:underline; color:#6e814a; cursor:pointer;}
		body#page_bourbon .content_bottom p a:hover{text-decoration:none;}
		
		body#page_bourbon2 .content_bottom h1, body#page_bourbon3 .content_bottom h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#6e814a; font-style:italic; font-weight:bold; margin-bottom:33px;}
		body#page_bourbon2 .content_bottom p, body#page_bourbon3 .content_bottom p{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#6e814a; line-height:1.3em; margin:0 0 23px 0; text-align:justify;}
		body#page_bourbon2 .content_bottom p a, body#page_bourbon3 .content_bottom p a{font-style:italic; font-weight:bold; text-decoration:underline; color:#6e814a; cursor:pointer;}
		body#page_bourbon2 .content_bottom p a:hover, body#page_bourbon3 .content_bottom p a:hover{text-decoration:none;}
		
		
		body#page_bourbon2 .text_left{height:240px;}
		body#page_bourbon3 .text_left{height:240px;}
		body#page_bourbon .text_left{height:auto;}

			/************* Scrollbar ***************/

			
			
			.left .jScrollPaneTrack {
				left: 0;
				right: auto;
				
			}
			.left a.jScrollArrowUp {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowDown {
				left: 0;
				right: auto;
			}
			
			/* IE SPECIFIC HACKED STYLES */
			* html .osX .jScrollPaneDragBottom {
				bottom: -1px;
			}
			/* /IE SPECIFIC HACKED STYLES */
			
			
			
			/************* Image Fader ***************/
			
			.fade {
			  position: absolute;
			  top: 0px;
			  left: 0px;
			}
	
			.fade div {
			  position: absolute;
			  top: 0;
			  left: 0;
			  display: none;
			  height: 88px;
			  width: 88px;
			}
			
			.image{
			  position:relative;
			  display:block;
			  float:left;
			  height: 88px;
			  width: 88px;
			  margin:0 6px 6px 0;
			}
			
			
			body#page_packaged .fade div{
				height: 62px;
			  	width: 197px;
				} 
			
			body#page_packaged .image{
				height: 62px;
			  	width: 197px;
				margin:0px;
				} 
				
				body#page_packaged .image img{margin:0 0 0 10px;}
				body#page_packaged .border img{margin:0 0 0 0;}
				
			body#page_packaged .border{
				border-right:#c71d22 solid 1px;
				}
			


.images_right{width:285px; float:right; position:relative; margin:50px 25px 0 0;}
.con_images_right{width:430px; float:right; position:relative; margin:0px 25px 0 0;}
	
	.images_right h3{font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#c72127; font-weight:bold; font-style:italic; padding-top:3px;}
	

body#page_contact .con_images_right p{font-style:italic;color:#c72127; font-family:'Georgia', 'Times'; font-size:11px;}

#ben_table_top{width:690px; background:url(../images/benefits/table_top.jpg) no-repeat top; padding:37px 0 7px 0;}
#ben_table_bottom{width:690px; background:url(../images/benefits/table_bottom.jpg) no-repeat bottom; margin:15px 0 0 5px;}

	#ben_table_top table{font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#891f20; margin:0 0 0 25px;}
	
		#ben_table_top table tr th{font-style:italic; font-weight:bold; padding-bottom:5px; border-bottom:#d7d7d7 solid 1px;}
		
		#ben_table_top table tr th#img{width:27px;}
		#ben_table_top table tr th#nutrients{width:98px;}
		#ben_table_top table tr th#functions{width:475px;}
		
		#ben_table_top table tr td{border-bottom:#d7d7d7 solid 1px; vertical-align:middle; padding-right:12px; height:36px;}
		#ben_table_top table tr td.nut_text{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#b0afae;}
		#ben_table_top table tr td img{padding:0px; margin:0px;}
		#ben_table_top table tr td#nut_info{font-size:11px;}

			.carousel_container {
				width: 750px;
				height: 472px;
				margin: -50px 0 0 -20px;
				overflow:hidden;
			}
			#carousel1 p{margin:270px 0 0 0; text-align:center; line-height:1.5em;}
			#carousel1 p a{color:#891f20; font-weight:bold;}
			#carousel1 p a:hover{text-decoration:none;}



/* BEGIN GALLERY STYLE */
	#khoisan_gallery{padding:90px 0 0 0;}
		.khoisan_gallery_images{height:0px; overflow:hidden;  _text-indent:0px;}
		
	#main_image{margin:0 auto 60px auto;height:268px; width:496px;background:url(gallery-common/Background.jpg) no-repeat top left; padding:8px 0px 8px 11px; float:left;}
	#main_image img{margin-bottom:10px;}
	.caption{font-style:italic;color:#c72127; font-family:'Georgia', 'Times'; font-size:11px;}
	#prev_button{width:77px; height:74px; margin:100px 0px 0px 0px; float:left; cursor:hand; border:0;}
		#prev_button a{border:0;}
	#next_button{width:77px; height:74px; margin:100px 0px 0px 0px; float:left; cursor:hand; border:0;}
		#prev_button a:focus, #next_button a:focus{-moz-outline-style: none;}



/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/

.tip {
	width: 417px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	margin:15px 0 0 50px;
	z-index: 500;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9c9a00;
	font-size:12px;
	line-height:1.3em;}
	
@media screen and (-webkit-min-device-pixel-ratio:0){
	.tip {
	width: 417px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	margin:135px 0 0 50px;
	z-index: 500;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9c9a00;
	font-size:12px;
	line-height:1.3em;}
	}	
	
.tipMid {padding: 21px 25px 10px 25px; background: transparent url(../images/tt_top.png) no-repeat top; line-height:1.3em;}
.tipBtm {background: transparent url(../images/tt_bottom.png) no-repeat bottom; height: 11px;}


.images_right p#desc{display:none;}





img.big_img{border:#eaeaea solid 5px; margin:-33px 0 0 0; position:relative;}

body#page_packaged .images_right{text-align:center;}
body#page_packaged2 .images_right{text-align:center;}

	body#page_packaged .images_right img{margin:50px 0 20px 0;}
	body#page_packaged2 .images_right img{margin:20px 0 20px 0;}
	
body#page_bourbon2 .images_right{text-align:center;}

	body#page_bourbon2 .images_right img{margin:20px 0 20px 0;}


#packaged{width:675px; float:left; height:300px;}

#packaged h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#c72127; font-style:italic; font-weight:bold; margin-top:0; position:relative; padding-top:0px;
 background:url(../images/packaged/bg_h1.jpg) repeat-x; padding-left:50px; margin-left:-60px;}
#packaged h1#flav{font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#806700; font-style:italic; font-weight:bold; margin-top:0; position:relative;
 padding-top:0px; background:url(../images/packaged/bg_h1.jpg) repeat-x; padding-left:50px; margin-left:-60px;}

#links{margin:190px auto 0 auto; width:395px;}


	body#page_packaged .text_left p a.pink, body#page_packaged2 .text_left p a.pink{color:#e03751;}
	body#page_packaged .text_left p a.brown, body#page_packaged2 .text_left p a.brown{color:#856432;}
	body#page_packaged .text_left p a.green, body#page_packaged2 .text_left p a.green{color:#556222;}
	body#page_packaged .text_left p a.orange, body#page_packaged2 .text_left p a.orange{color:#a05f0c;}
	body#page_packaged .text_left p a.red, body#page_packaged2 .text_left p a.red{color:#ac2017;}
	body#page_packaged .text_left p a.grey, body#page_packaged2 .text_left p a.grey{color:#988b72;}
	
	body#page_packaged .text_left p a span, body#page_packaged2 .text_left p a span{text-decoration:underline;}


/************* Footer ***************/

#footer{width:100%; background:url(../images/bg_footer.jpg) no-repeat center; height:187px; margin:0px 0 0 0;}

	#footer_page{width:802px; background:url(../images/bg_footer.jpg) no-repeat center; height:187px; margin:0 auto 0 auto;}
	
	#logos{width:550px; float:right; margin:60px 0 0 0;}
	
	#arctic{width:802px; margin:0 auto 0 auto;}
	#arctic p{font-size:10px; text-align:center;}



/************* Text Styles ***************/








/************* Accessibility ***************/	

/* clearing */ 
.clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
* html>body .clearfix{display: inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

/* accessibility */ 
.accessibility { position: absolute; top: -999em; left: -999em;}