@charset "UTF-8";

/* Structure Styles */
	
	html {background: url(../images/bg_main.jpg) top center; margin: 0; padding: 0;}
	
	body {background:url(../images/bg.jpg) top center repeat-x; margin:0 auto; padding:0; text-align:center;}
	
	body.print {background: #fff; padding: 20px 20px 0 20px; width: 360px; text-align: left;}
		
	#background_wrapper {background:url(../images/mainbg_design2.jpg) top center no-repeat; margin:0 auto; width: 1024px; }
	
	#shadow_wrapper {background: url(../images/bg_shadow2.jpg) repeat-y; width: 742px;}
	
	#content_wrapper {margin: 0 auto; padding:0; width: 742px; }
		* html #content_wrapper {margin: 0; padding:0; width: 742px; }

/* Header Styles */

	#header {background: url(../images/header.jpg) no-repeat; height: 137px; margin: 0 0 0 8px; position: relative; width: 742px;}

		#header h1.imagelink { display: block; height: 137px; margin: 0; padding: 0; width: 742px;}
			
		#header a.hide { display: block; height: 137px; text-decoration: none; width: 742px;}
	
	body.print #header {background: url(../images/print_logo.gif) no-repeat; height: 87px; margin: 0 auto 0 auto; position: relative; width: 250px;}

		body.print #header h1.imagelink { display: block; height: 87px; margin: 0; padding: 0; width: 250px;}


/* Nav Styles */

	#nav {background: url(../images/nav/nav_bg.jpg) repeat-x; height: 49px; margin: 0 auto 0 auto; position: relative; width: 725px;}
	
	#nav ul {display: inline; margin: 0; padding: 0;}
	
	#nav li {display: inline; float:left; list-style-type: none; margin: 0; padding: 0;}
	
	#nav li.home a {background: url(../images/nav/nav_home.jpg) 0 0 no-repeat; display:block; height: 49px; text-decoration: none; width:92px;}
			
	#nav li.flavorsrecipes a {background: url(../images/nav/nav_flavrecipe.jpg) 0 0 no-repeat; display:block; height: 49px; text-decoration: none; width: 223px;}
		
	#nav li.about a {background: url(../images/nav/nav_about.jpg) 0 0 no-repeat; display:block; height: 49px; text-decoration: none; width: 190px;}
		
	#nav li.contact a {background: url(../images/nav/nav_contact.jpg) 0 0 no-repeat; display:block; height: 49px; text-decoration: none; width: 122px;}
	
	#nav li.home a:hover, #nav li.flavorsrecipes a:hover, #nav li.flavors a:hover, #nav li.recipes a:hover, #nav li.about a:hover, #nav li.contact a:hover {background-position: 0 -49px;}


/* Body Styles */

	#content {background: url(../images/content_bg.jpg) repeat-x; margin: 0 auto 0 auto; padding: 28px 0 0 0; width: 725px;}
	
	#content_interior {background: url(../images/content_bg_interior.jpg) repeat-x; margin: 0 auto 0 auto; padding: 28px 0 0 0; width: 725px;}
		
	#flash, #flavor_holder {margin: 0 auto 0 auto; text-align: left; width: 669px;}
	
	#about_content {background: url(../images/contentbg_about.jpg) no-repeat; margin: 0 auto 0 auto; padding: 84px 24px 24px 30px; text-align: left; width: 621px;}
	
		div.leftcol_content {width: 367px; min-height: 401px; height:auto !important; height:401px;}
		
	#contact_content {background: url(../images/contentbg_contact.jpg) no-repeat; margin: 0 auto 0 auto; padding: 84px 24px 24px 30px; text-align: left; width: 621px;}
	
		div.leftcol_content {width: 367px; min-height: 401px; height:auto !important; height:401px;}
	
	#standard_content {background: url(../images/bg_standardcontent.gif) no-repeat; margin: 0 auto 0 auto; padding: 24px; text-align: left; width: 621px;}
	
		div.leftcol {background: #fff; float: left; width: 367px;}
		
		div.rightcol {background: #fff; float: left; width: 240px;}
	
	div.recipes {margin: 0 auto 0 auto; text-align: left; width: 675px;}
		* html div.recipes  {margin: 0 auto 0 auto; text-align: left; width: 655px;}
	
		div.left_column, div.right_column {float: left; width: 298px; margin: 0 29px 0 0; padding: 0 0 0 10px;}
			* html div.left_column, * html div.right_column {float: left; width: 288px; margin: 0 29px 0 0; padding: 0 0 0 10px;}
	
	#content_bottom {background: url(../images/content_bottom3.jpg) 0 0 no-repeat; height: 116px; margin: 0; width: 1024px;}
		*html #content_bottom {margin: 0 0 0 -8px;}
	
	#content_bottom_links {position: relative; margin: 0 0 0 165px; padding: 53px 0 0 0;}
	
	#features {width: 669px; margin: 0 auto 0 auto; padding: 28px 0 0 0; text-align: left;}
	
		#featured_recipe {float: left; margin: 0 25px 0 -10px; width: 327px;}
			
		#featured_flavor {float: left; width: 327px;}
			
		.feature_recipe_content {background: url(../images/featuredrecipe_image.jpg) no-repeat; height: 225px; width: 327px;}
		
		.feature_flavor_content {background: url(../images/featuredflavor_image.jpg) no-repeat; height: 225px; width: 327px;}
		
		div.featured_img {float: left; height: 221px; width: 127px;}
		
		div.featured_copy {float: left; margin: 0 0 0 65px; padding: 0 15px 0 0; width: 179px;}
		
		div.feature_recipe_content > div.featured_copy, div.feature_flavor_content > div.featured_copy {margin: 0 0 0 130px;}
	

/* Footer Styles */

	#footer {background: url(../images/footer3.jpg) no-repeat; height: 95px; margin: 0; padding: 35px 0 0 175px; width: 849px;}
	
	#twdw {display: block; float: left; width: 72px;}
	
	#copyright {display: block; float: left; text-align: right; width: 584px;}

/* Text Styles */

	p {color: #02103c; font-family: "Times New Roman", Times, serif; font-size: 16px; margin: 0; padding: 0; line-height: 21px;}
	
		#features p {color: #02103c; font-family: "Times New Roman", Times, serif; font-size: 1em; margin: 0 0 1em 0; padding: 0 0 0 15px;}
		
		div.featuredrecipe_link p, div.featuredflavor_link p {margin: 0; padding: 0;}
		
		div.featuredrecipe_link {padding: 0; margin: 30px 0 0 0;}
		
		div.featuredflavor_link {padding: 0; margin: 0;}
		
		#flavor_content p {color: #000; font-family: "Times New Roman", Times, serif; font-size: 18px; margin: 0; padding: 0 0 10px 0;}
		
		div.recipes p {padding: 0 0 10px 0;}
		
		#standard_content p, div.leftcol_content p {line-height: 25px; padding: 0 0 15px 0;}
		
		#footer p {font-family: Helvetica, Arial, sans-serif; font-size: 11px; margin: 0; padding: 0 0 5px 0; line-height: 12px;}
		
	ul, ol {}
	
		div.recipes ul, body.print ul {list-style-type: none; margin: 0; padding: 20px 0 20px 0;}
		
		#content_bottom ul {display: block; margin: 0; padding: 0;}
		
	li {}
	
		div.recipes ul li, body.print ul li {color: #02103c; font-family: "Times New Roman", Times, serif; font-size: 16px; margin: 0 0 5px 0;}
		
		#content_bottom ul li {color: #011567; float: left; font-family: Helvetica, Arial, sans-serif; font-size: 11px; margin: 0 0 0 0; padding: 0 0 0 0;}
	
	h1 {}
	
	h2 {margin: 0; padding: 0;}
	
		#featured_recipe h2, #featured_flavor h2 { background: url(../images/featuredrecipe_heading_bg.jpg) no-repeat; color: #caeaf0; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 18px; height: 36px; font-weight: normal; letter-spacing: 1px; margin: 0; padding: 10px 0 0 20px; text-transform: uppercase; width: 307px;}
		
		h2.aboutwhalers {background: url(../images/heading_about.gif) no-repeat; height: 27px; margin: 0 0 15px 0; padding: 0; width: 322px;}
	
	h3 {}
	
		#featured_recipe h3, #featured_flavor h3 { color: #f67600; font-family: Helvetica, Arial, sans-serif; font-size: 27px; font-weight: bold; letter-spacing: -2px; /*margin: 16px 0 10px 0; padding: 0 0 0 15px;*/ margin: 10px 0 0 15px; padding: 0; line-height: 26px; text-transform: uppercase;}
	
		h3.vanille_recipes {background: url(../images/recipes/recipesHead_vanille.png) no-repeat; height: 27px; margin: 0 0 0 5px; padding: 0; width: 321px;}
	
		h3.coconut_recipes {background: url(../images/recipes/recipesHead_coconut.png) no-repeat; height: 28px; margin: 0 0 0 5px; padding: 0; width: 442px;}
		
		h3.greatwhite_recipes {background: url(../images/recipes/recipesHead_greatwhite.png) no-repeat; height: 28px; margin: 0 0 0 5px; padding: 0; width: 442px;}
		
		h3.pineapple_recipes {background: url(../images/recipes/recipesHead_pineapple.png) no-repeat; height: 28px; margin: 0 0 0 5px; padding: 0; width: 542px;}
	
		h3.raredark_recipes {background: url(../images/recipes/recipesHead_raredark.png) no-repeat; height: 28px; margin: 0 0 0 5px; padding: 0; width: 542px;}
		
		h3.spiced_recipes {background: url(../images/recipes/recipesHead_spiced.png) no-repeat; height: 28px; margin: 0 0 0 5px; padding: 0; width: 442px;}
		
		h3.ogdark_recipes {background: url(../images/recipes/recipesHead_ogdark.png) no-repeat; height: 28px; margin: 0 0 0 5px; padding: 0; width: 432px;}
		
		h3.banana_recipes {background: url(../images/recipes/recipesHead_banana.png) no-repeat; height: 28px; margin: 0 0 0 5px; padding: 0; width: 499px;}
	
	h4, h5, h6 {color: #f67600; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: bold; letter-spacing: -1px; margin: 0; padding: 47px 0 0 0; text-transform: uppercase;}
	
	a {}
	
	a:visited {}
	
	a:hover {}
	
		div.featuredrecipe_link a {color: #011567; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; /*margin: 19px 0 0 0; padding: 0 0 0 0;*/ text-decoration: none; text-transform: uppercase;}
		
		div.featuredflavor_link a {color: #011567; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; /*margin: 19px 0 0 0; padding: 0 0 0 0;*/ text-decoration: none; text-transform: uppercase;}
			
		#content_bottom li a {color: #011567; font-family: Helvetica, Arial, sans-serif; font-size: 11px; margin: 0; padding: 0 23px 0 3px; text-decoration: none;}
		
		div.featuredrecipe_link a:hover, div.featuredflavor_link a:hover, #content_bottom li a:hover {color: #11538f; text-decoration: none;}
		
		#copyright a {color: #00eaff; text-decoration: none;}
		
		#copyright a:hover {text-decoration: underline;}
	

/* Table Styles */

/* Various Styles */

	.hidden { visibility: hidden;}
	
	.white_copy {color: #fff; margin: 0; padding: 0;}
	
	.grey_copy {color: #8b8b8b; margin: 0; padding: 0;}
		
	.novisibility, h2.novisibility {display: none; font-size: 1px; margin: 0; padding: 0; line-height: 0;}
	
	.clear {clear: both;}
	
	.no_list_style {list-style-type: none;}
	
	.img_absolute_bottom { position: absolute; bottom: 0;}
	
	.recipe_img {float: left; padding: 0 0 20px 0;}
	
	.larger_text {font-size: 24px;}
	
	.recipecontent_flushright {float: left; width: 180px;}
	
	#nav ul li a em, div.print_recipe a em, div.close a em {visibility: hidden;}
	
	#flavor_vanille {background: url(../images/recipes/mainimg_vanille.jpg) no-repeat; height: 362px; width: 669px;}
	
	#flavor_coconut {background: url(../images/recipes/mainimg_coconut.jpg) no-repeat; height: 362px; width: 669px;}
	
	#flavor_greatwhite {background: url(../images/recipes/mainimg_greatwhite.jpg) no-repeat; height: 362px; width: 669px;}
	
	#flavor_spiced {background: url(../images/recipes/mainimg_spiced.jpg) no-repeat; height: 362px; width: 669px;}
	
	#flavor_reservedark {background: url(../images/recipes/mainimg_reservedark.jpg) no-repeat; height: 362px; width: 669px;}
	
	#flavor_pineapple {background: url(../images/recipes/mainimg_pineapple.jpg) no-repeat; height: 362px; width: 669px;}
	
	#flavor_ogdark {background: url(../images/recipes/mainimg_ogdark.jpg) no-repeat; height: 362px; width: 669px;}
	
	#flavor_banana {background: url(../images/recipes/mainimg_banana.jpg) no-repeat; height: 362px; width: 669px;}
	
	#flavor_content {float: left; padding: 84px 0 0 30px; text-align: left; width: 307px;}
	
	div.print_recipe a {background: url(../images/btn_print.png) 0 0 no-repeat; display:block; float: left; height: 27px; margin:0; padding: 0; text-decoration: none; width: 123px;}
	
	div.print_recipe a:hover {background-position: 0 -27px;}
	
	div.close a {background: url(../images/btn_close.png) 0 0 no-repeat; display:block; float: left; height: 27px; margin: 0 0 0 15px; padding: 0; text-decoration: none; width: 130px;}
	
	div.close a:hover {background-position: 0 -27px;}
	
	#divider_rule {background: url(../images/divider_rule.png) no-repeat; display: block; height: 3px; margin: 20px auto; padding: 0; width: 660px;}
	
	table#form {width: 367px;}
	
	table#form tr td {vertical-align: top;}
	
	table#form label {color: #f67600; float: right; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase;}
	
	table#form input, table#form textarea {border-collapse: collapse; border: 1px solid #4bafc8;}
	
	
/* DropNav Styles */

	#subnav_container {float: left; margin: 0 0 0 127px; overflow: hidden; height: 305px; width: 200px;}

	#subnav {background: url(../images/subnav_bg.png) no-repeat; margin: 400px 0 0 0; z-index: 1;}
	
	#subnav ul {list-style: none; margin: 0 0 0 0; padding: 15px 0 15px 15px; text-align: left;}
	
	#subnav li {background: url(../images/bullet_flavorssubnav.png) 0 0 no-repeat; padding: 0 0 10px 20px;}
	
	#subnav li a {background: url(../images/divider_subnav.png) no-repeat 0 bottom; color: #af332e; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; width: 152px; padding: 0 0 5px 0; text-decoration: none;}
	
	#subnav li a:hover {color: #CC3333; text-decoration: none;}
	
	#subnav_btn a {background: url(../images/btn_viewmoreflavors.png) 0 0 no-repeat; display:block; height: 33px; text-decoration: none; width: 200px; position: absolute; top: 519px;}
	
	#subnav_btn a.selected {background: url(../images/btn_viewmoreflavors.png) 0 -33px no-repeat; display:block; height: 33px; text-decoration: none; width: 200px;}