/*
	main.css
	Global Stylesheet
	Created: 
	Creator: Matt Kircher
*/

/* Imported Styles
--------------------------------------------------------*/
@import url("reset.css");
@import url("forms.css");
@import url("clearing.css");
@import url("thickbox.css");


/* General
--------------------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:center;
	background-color:#6CB2F4; /*#EEECD6;*/
	color:#373999;
}

a{ color:#5A0411; font-weight:bold; text-decoration:none; }
a:hover{ color:#5A0411; }

h1{ font-size:1.375em; }
h2{ font-size:1.25em; }
h3{ font-size:1.125em; }
h4{ font-size:0.875em; }
h5{ font-size:0.75em; }
h6{ font-size:0.689em; }

h1, h2, h3, h4, h5, h6{ color:#839F0C; }

hr{ color:#D6D2B1; background-color:#D6D2B1; border:none; width:100%; height:1px; margin:20px 0px; }


/* IE6 PNG Support
--------------------------------------------------------*/	
* html p.button a, * html #logo, * html #home-product-lineup, * html #ice-age-promo,
* html #home-product-links .sucrets_ice, * html #home-product-links .sucrets_complete,
* html #home-product-links .sucrets_herbal, * html .products #sub-nav li a,
* html #sucret-product-image, * html #content ul li, * html #product-toolbar li,
* #products-jumper img{ behavior:url(iepngfix.htc); }

/* Classes
--------------------------------------------------------*/	
.grid2{ clear:both; }
.grid2 > .left{ float:left; width:50%; }
.grid2 > .right{ float:right; width:49%; }

.grid2_offset_left{ clear:both; }
.grid2_offset_left > .left{ float:left; width:33%; }
.grid2_offset_left > .right{ float:right; width:65%; }

.grid2_offset_right{ clear:both; }
.grid2_offset_right > .left{ float:left; width:66%; }
.grid2_offset_right > .right{ float:right; width:33%; }

.grid3{ clear:both; }
.grid3 > div{ float:left; width:33%; }

/*---*/

p.button a{ display:block; float:left; background-image:url(../images/content/buttons_bg.png); background-repeat:no-repeat; text-indent:-100000px; overflow:hidden; }
	
	p.view_products_large a{ height:44px; width:175px; background-position:0px 0px; }
	p.click_save a	{ height:34px; width:137px; background-position:-175px 0px; }
	p.warnings a		{ height:34px; width:137px; background-position:-175px -34px; }
	p.learn_more a	{ height:34px; width:137px; background-position:-175px -68px; }
	p.faq_link a		{ height:34px; width:137px; background-position:-38px -44px; }
	p.enter_to_win a	{ height:31px; width:131px; background-position:-312px 0px; }
	p.go_link a		{ height:38px; width:38px; background-position:-449px 0px; }
	
/*---*/

.image_float_left{ float:left; margin:10px 15px 15px 0px; }
.image_float_right{ float:right; margin:10px 0px 15px 15px; }

/*---*/

.subhead{ color:#373999; }

/*---*/
ul.ingredients li{ text-align:right; margin-bottom:15px !important; }
ul.ingredients li a{ cursor:text; float:left; display:block; text-align:left; background:url(../images/content/ingredient_dots.jpg) 0px 13px repeat-x; color:#373999; width:100%; margin-right:-1000px; }
ul.ingredients li a:hover{ color:#373999; }
	ul.ingredients li a b{ display:block; color:#5A0411; }
	ul.ingredients li a:hover b{ color:#5A0411; }
	ul.ingredients li a em{ font-size:10px !important; }

/*---*/

.info_accordian{ border-top:1px solid #EAEFE0; margin:10px 0px 30px; }
.info_accordian dt{ margin-bottom:1px; border-bottom:1px solid #EAEFE0; font-size:0.689em; }
.info_accordian dt a{ display:block; padding:10px 15px; color:#5A0411; cursor:pointer; }
.info_accordian dt span.title{ float:left; font-size:1.272em; width:60%; padding-right:20% }
.info_accordian dt span.desc{ float:left; font-size:0.909em; color:#666; font-style:italic; width:19%; }
.info_accordian dt.hover, .info_accordian dt.open{ background-color:#F2F0DF; }
.info_accordian dt.open a{ color:#C20000; }
.info_accordian dd{ display:none; padding:10px 20px; border-bottom:1px solid #EAEFE0; }
.info_accordian_nav{ margin-top:10px; }


/* Wrap
--------------------------------------------------------*/
#wrap{
	text-align:left;
	margin:auto;
	margin-top:50px;
	width:955px;
	padding:0px;
	background:url(../images/wrap_bg_blue.jpg) top left repeat-y #FFF;
}

/* Header
--------------------------------------------------------*/
#header{ height:140px; background:url(../images/header_bg_blue.jpg) top left repeat-x #FFF; margin:0px 8px 0px 7px; position:relative; top:-5px; }


/* Logo
--------------------------------------------------------*/
#logo{ float:left; padding-left:118px; padding-top:85px; background:url(../images/logo_spoon.png) 0px 0px no-repeat; width:212px; height:54px; margin-right:-330px; margin-bottom:-139px; position:relative; top:-55px; left:-55px; }
#logo h1{ display:inline; }
#logo h1 a{ display:block; height:54px; width:212px; text-indent:-10000px; overflow:hidden; background:url(../images/logo.jpg) no-repeat top left; }


/* Navigation
--------------------------------------------------------*/

	/* functional-nav */
	#functional-nav{ float:right; position:relative; top:-25px; margin-bottom:-25px; }
		#functional-nav li{ float:left; margin-right:20px; font-size:0.75em; }
		#functional-nav li.end_nav{}
			#functional-nav li a{ color:#FFF; /*#333797;*/ }
			#functional-nav li a:hover, #functional-nav li.selected a{ /*color:#839F0C;*/ }
	
	
	/* main-nav */
	#main-nav{ float:right; clear:right; position:relative; top:5px; }
		#main-nav li{ float:left; margin-right:12px; padding:45px 12px 0px 0px; border-right:1px solid #E2E0CB; font-size:0.875em; }
		#main-nav li.end_nav{ border-right:none; }
			#main-nav li a{}
			#main-nav li a:hover, #main-nav li.selected a{ color:#839F0C; }


	/* sub-nav */
	#sub-nav{ padding-right:15px; margin-left:20px; }
	#sub-nav h3, #sub-nav p{ margin-bottom:3px !important; }
	#sub-nav h3{ color:#5A0411; }
		#sub-nav ul{ display:block; }
		#sub-nav li{ padding-left:0px !important; background:none !important; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #E2E0CB; font-size:0.875em; }
		#sub-nav li.end_nav{ border:none !important; }
			#sub-nav li a{}
			#sub-nav li a:hover, #sub-nav li.selected a{ color:#839F0C; }
			
		.products #sub-nav ul{ padding-top:10px; width:215px; border-top:1px solid #E2E0CB; }
		.products #sub-nav li{ display:inline; border:0px; margin:0px; }
		.products #sub-nav li a{ display:block; float:left; height:70px; width:80px; background-image:url(../images/content/sucrets_product_subnav_bg.png); background-repeat:no-repeat; text-indent:-1000px; overflow:hidden; }
		.products #sub-nav li a.sucrets_throat	{ background-position:-80px 0px; }
		.products #sub-nav li a.sucrets_cough	{ background-position:0px 0px; }
		.products #sub-nav li a.sucrets_complete	{ background-position:0px -70px; clear:left; }
		.products #sub-nav li a.sucrets_herbal	{ background-position:-80px -70px; }
		.products #sub-nav li a.sucrets_ice	{ background-position:-160px 0px; float:right; height:140px; width:55px; }
			
			* + html .products #sub-nav li a{ background-color:#FFF; }


/* Masthead
--------------------------------------------------------*/
#masthead{ clear:both; }

	
/* Content
--------------------------------------------------------*/
#content{ clear:both; margin:0px 8px 0px 7px; padding:0px 20px; }
#content p, #content li, #content blockquote{ font-size:0.689em; line-height:1.5em; }
#content p *, #content li *, #content blockquote *{ font-size:inherit; }
#content p, #content ul, #content ol, #content blockquote{ margin-bottom:15px; }
#content ul li, #content ol li{ line-height:1.2em; margin-bottom:7px; }
#content ul li{ padding-left:14px; background:url(../images/list_bullet.png) 0px 3px no-repeat; }
#content ol{ padding-left:14px; list-style:decimal; }

	/* main-content */
	#main-content{}
	.subpage #main-content{ background:url(../images/content/subpage_maincontent_bg.jpg) bottom center no-repeat #FFF; padding:0px 20px 20px; }
		
		#home-product-intro{ background:url(../images/content/subpage_maincontent_bg.jpg) center 196px no-repeat #FFF; }
		
		#home-intro-area{ padding-left:42px; width:25%; text-align:center; }
		
		#home-product-lineup{ min-height:270px; background:url(../images/content/home_product_lineup_IA3_branded.png) bottom right no-repeat; position:relative; z-index:2; }
		#home-product-lineup p{ padding-right:200px; line-height:1.5em; font-size:0.875em; }
		#home-product-lineup p:first-line{ font-weight:bold; }
		#home-product-lineup p.button{ padding-right:0px; line-height:1.5em; margin-top:40px; }
		
		#ice-age-promo{ height:250px; width:272px; margin-left:-50px; background:url(../images/content/ice_age_pre_promo_bg.png) top left no-repeat; position:relative; z-index:2; }
		#ice-age-promo h3{ display:none; }
		#ice-age-promo p.button{ position:relative; top:200px; left:95px; display:none; }
		
		#home-product-links{ background:url(../images/tan_gradient.png) top left repeat-x; padding:25px 10px 20px; position:relative; z-index:1; top:-30px; margin-bottom:-30px; }
		#home-product-links div h3, #home-product-links div h4, #home-product-links div p{ display:none; }
		#home-product-links div p.button{ display:block; position:relative; top:175px; left:245px; }
		#home-product-links div{ height:234px; }
		#home-product-links .sucrets_ice{ background:url(../images/content/home_product_sucrets_ice.png) top left no-repeat; }
		#home-product-links .sucrets_complete{ background:url(../images/content/home_product_sucrets_complete.png) top left no-repeat; }
		#home-product-links .sucrets_herbal{ background:url(../images/content/home_product_sucrets_herbal.png) top left no-repeat; }
		
		#home-secondary-area{ padding:0px 20px; }
		#home-secondary-area p{ padding-right:15px; }
			
			#home_video_link{ margin-bottom:0px !important; }
			#home_video_link a{ display:block; margin:0px 10px 10px 0px; position:relative; width:100%;/*140px;*/ height:102px !important; text-indent:-1000000px; overflow:hidden; background:url(../images/content/video_link_bg.png) top center no-repeat #FFF; }
			
		/* products */
		#products-jumper div{ display:none; }		
		
		#sucrets-product-intro{ width:335px; padding-left:230px; }
		#sucrets-product-image, .sucrets-product-image{ position:relative; top:-65px; left:-230px; margin-bottom:-100px; margin-right:-210px; }
		* + html #products-jumper li, * + html #products-jumper p.button a{ background-color:#FFF; }
		
		#product-information-pane h2{ color:#333797; border-bottom:1px solid #D6D2B1; margin-bottom:15px !important; }
		#product-information-pane .grid2 .left{ width:46%; padding-right:2%; margin-right:2%; border-right:1px solid #D6D2B1; }
		
		#product-toolbar{ float:right; position:relative; top:-18px; margin-bottom:-1000px !important; }
		#product-toolbar li{ display:inline; background:none !important; padding:0px !important; }
		#product-toolbar li a{ display:block; float:left; border-right:1px solid #D6D2B1; padding:22px 10px 0px 0px; margin-right:10px; }
		#product-toolbar li.end_nav a{ border:none; padding-right:0px; margin-right:0px; }
			#product-toolbar li.buy a{ background:url(../images/content/where_to_buy_icon.png) top center no-repeat; }
			#product-toolbar li.print a{ background:url(../images/content/print_icon.png) top center no-repeat; }
			
		#product-warning-info{ margin-top:20px; }
		
		
		/* contact info */
		#contact-info{}
		#contact-info .name{ display:block; margin-bottom:10px; font-weight:bold; font-size:0.875em; }
		#contact-info .adr{ font-size:0.75em; line-height:1.5em; margin-bottom:30px; }
		#contact-info .street-address, #contact-info .postal-code{ display:block; }
		#contact-info .country-name{ display:none; }
		#contact-info .tel1{ margin-bottom:10px; font-weight:bold; }
		#contact-info .tel1, #contact-info #email{ font-size:0.75em; }
		
			/*IE7*/ * + html #contact-info #email{ padding-bottom:5px; }		
		
		/* misc */	
		#site-map{}
		#site-map ul{}
		
		#retailers-listing li{ float:left; width:30%; margin-right:3%; }
		
		#news-product-line-listing div{ margin-top:20px; padding-top:15px; border-top:1px solid #D6D2B1; }
		#news-product-line-listing img{ clear:both; position:relative; }
		#news-product-line-listing a{ display:block; text-align:center; float:left !important; font-size:9px; position:relative; }
		#news-product-line-listing a span{ display:block; margin-top:5px; }
		#news-product-line-listing p{ margin-bottom:30px !important; }
		#news-product-line-listing p a{ font-size:11px; }
		#news-product-line-listing p, #news-product-line-listing h3{ margin-left:192px; }
		#news-product-line-listing p.faq_link{ position:relative; margin-bottom:10px !important; }
		
		.news #main-content .left img,
		.where_to_buy #main-content .left img,
		.sucrets #main-content .left img,
		.contact #main-content .left img{ margin:5px 0px 0px 20px; }
		
		#rss-feed .rss_item{ padding-left:20px; background:url(../images/list_bullet.png) 0px 3px no-repeat transparent; margin-bottom:15px; }
		#rss-feed .rss_item p{ font-size:0.689em; }
		
		#brand-comparison-chart{ font-size:0.689em; }
		#brand-comparison-chart th{ padding:10px 2px; }
		#brand-comparison-chart thead th{ width:60px; text-align:center; background:#FFFFFF url(../images/tan_gradient.png) repeat-x top left; }
		#brand-comparison-chart td{ padding:5px 2px; }
		#brand-comparison-chart tbody th,
		#brand-comparison-chart tbody td{ border-top:1px solid #D6D2B1; }
		#brand-comparison-chart tfoot td{ text-align: right; }
		
		td.checkmark, td.xmark, td.asterick{ text-indent:-1000px; overflow:hidden; }
		#brand-comparison-chart tbody td.checkmark{ background:url(../images/content/chart_checkmark.jpg) center center no-repeat #FFF; }
		#brand-comparison-chart tbody td.xmark{ background:url(../images/content/chart_xmark.jpg) center center no-repeat #FFF; }
		#brand-comparison-chart tbody td.asterick{ background:url(../images/content/chart_asterick.jpg) center center no-repeat #FFF; }


	/* sub-content */
	#sub-content{}
	.subpage #sub-content{ background:url(../images/tan_gradient.png) top left repeat-x #FFF; padding:50px 20px 0px; }
	.subpage #sub-content > .left{ width:30%; padding-right:1%; margin-right:1%; border-right:1px solid #D6D2B1; }

		
/* Footer
--------------------------------------------------------*/
#footer{ margin:0px 8px 0px 7px; padding:35px 0px 20px 20px; background:url(../images/footer_bg_blue.jpg) top left repeat-x #6CB2F4; position:relative; top:50px; clear:both; }
	
	/* navigation */
	#footer-nav{ float:right; position:relative; }
		#footer-nav li{ float:left; margin-right:20px; font-size:0.75em; }
		#footer-nav li.end_nav{}
			#footer-nav li a{ color:#FFF; /*#333797;*/ }
			#footer-nav li a:hover, #functional-nav li.selected a{ /*color:#839F0C;*/ }

	/* copyright */
	#copyright{ color:#ADD4F9; /*#AAA571;*/ font-size:0.75em; float:left; }
	
	/* validation */
	#validation{ display:none; }
	
	/* designed by */
	#designed-by{}