/* ************************* Override Global Styles ************************* */
body {
 background: #fff;
 margin: 0;
}
#headerLogin,
#gearTag,
#globalNav_wrapper,
#globalNav,
#sectionTitle {
 display: none;
}
#pageContainer {
 margin: 0;
 width: 100%;
}
	#mainContent {
	 left: 0;
	 margin: 0 auto;
	 padding-bottom: 0;
	 position: relative;
	 top: 0;
	 width: 930px;
	}
	#mainContent .footer {
	 background: #fff;
	 color: #888;
	 margin: 0 auto;
	 padding: 20px 0;
	 width: 100%;
	}
	#mainContent .footer a {
	 color: #888;
	 font-size: 10px;
	 font-weight: 700;
	 text-decoration: none;
	}
	#mainContent .footer a:hover {
	 color: #444;
	}

/* main styles */
a img { border: 0; }
a:link {
 color: #333399;
 text-decoration: underline;
}
a:hover {
 color: #CC0000;
 text-decoration: none;
}
a:visited {
 color: #0099CC;
 text-decoration: underline;
}
h2 {
 font-size: 1.2em;
}


/* ********************* jQuery Marquee for recall site ********************* */
ul.marquee {
 color: #f00;
 font-weight: 700;
 font-size: 14px;
 display:block;
 height:30px;
 left:150px;
 line-height:30px;
 list-style:none outside none;
 margin:0;
 overflow:hidden;
 padding:0;
 position:relative;
 top:330px;
 width: 630px;
}

ul.marquee li {
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */
}


/* ***************************** Shards Styles ***************************** */
#shards { /* also .contentContainer */
 background: #fff url(/images/nav/newSlices/header_full.png) no-repeat;
 color: #333333;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10px;
 margin: 0;
 overflow: hidden;
 position: relative;
 width: 100%;
}

#shards_truth_logo, /* in the root _nav.cfm */
#shards_truth_logo a { /* in the root _nav.cfm */
 display: block;
 height: 35px;
 left: 20px;
 overflow: hidden;
 position: absolute;
 top: 10px;
 width: 100px;
 z-index: 10;
}
#shards_truth_logo a { /* in the root _nav.cfm */
 left: 0;
 text-indent: 1000px;
 top: 0;
}

/* ************** navigation ************** */
#shards_nav {
 float: right;
 margin-right: 136px;
}
	#shards_nav a {
	 display: inline;
	 float: left;
	 height: 0;
	 overflow: hidden;
	 padding-top: 127px;
	 width: 114px;
	}
	.health #shards_nav_health {	 background: url(/images/nav/newSlices/nav_health_2_on.gif) no-repeat !important;	}
	#shards_nav_health {	 background: url(/images/nav/newSlices/nav_health_2_off.gif) no-repeat;	}
	#shards_nav_health:hover {	 background: url(/images/nav/newSlices/nav_health_2_over.gif) no-repeat;	}
	.products #shards_nav_products {	 background: url(/images/nav/newSlices/nav_product_2_on.gif) no-repeat !important;	}
	#shards_nav_products {	 background: url(/images/nav/newSlices/nav_product_2_off.gif) no-repeat;	}
	#shards_nav_products:hover {	 background: url(/images/nav/newSlices/nav_product_2_over.gif) no-repeat;	}
	.about #shards_nav_about {	 background: url(/images/nav/newSlices/nav_about_2_on.gif) no-repeat !important;	}
	#shards_nav_about {	 background: url(/images/nav/newSlices/nav_about_2_off.gif) no-repeat;	}
	#shards_nav_about:hover {	 background: url(/images/nav/newSlices/nav_about_2_over.gif) no-repeat;	}

	.addthis_button { /* actually comes after the #shards_footer */
	 position: absolute;
	 top: 5px;
	 right: 60px;
	}

/* ************** hero/logo ************** */
#shards_hero {
 float: left;
 left: 103px;
 overflow: hidden;
 position: relative;
 text-align: right;
 top: 0;
 width: 364px;
}
#shards_hero img {
 float: left;
}
	#hero_top {
	 margin-left: 27px;
	}	
#shards_logo {
 height: 126px;
 left: 88px;
 position: relative;
 top: 0;
 width: 263px;
 z-index: 0;
}
#shards_logo a {
 float: left; display: inline;
 height: 126px;
 position: relative;
 width: 263px;
 z-index: 0;
}
#shards_logo a img {
 clear: left;
 float: left;
 position: relative;
 width: 263px;
 z-index: 0;
}

/* ************** shards body ************** */
#shards_body {
 margin: 0 auto;
 overflow: hidden;
 position: relative;
 width: 769px;
}

.home #shards_body {
 margin: 20px auto 0;
 text-align: center;
}

#shards_ctas {
 clear: both;
 margin: 50px 0 0 116px;
 overflow: hidden;
 padding-bottom: 50px;
 text-align: center;
 width: 100%;
}
	#cta_addiction,
	#cta_commercial,
	#cta_message,
	#cta_kmg {
	 display: block;
	 float: left;
	 height: 0;
	 line-height: 1;
	 margin-right: 20px;
	 overflow: hidden;
	 padding-top: 105px;
	 width: 159px;
	}
	#cta_addiction { background: url(/images/home/cta_addiction.jpg) no-repeat; }
	#cta_commercial { background: url(/images/home/cta_commercial.jpg) no-repeat; }
	#cta_message { background: url(/images/home/cta_message.jpg) no-repeat; }
	#cta_kmg { background: url(/images/home/cta_kmg.jpg) no-repeat; }

/* subnavigation */
#shards_subnav {
 background: url(/images/general/subnav_img_light_bg.gif) repeat-y;
 clear: both;
 float: left;
 left: 0;
 margin-bottom: 50px;
 padding-bottom: 53px; /* for the bottom cap */
 position: relative; /* for the bottom cap */
 top: 20px;
 width: 215px;
}
.policy #shards_subnav,
.terms #shards_subnav {
 padding: 0;
}
.policy #shards_subnav img,
.terms #shards_subnav img {
 float: left;
}
#shards_subnav ul {
 border-bottom: 1px solid white;
 margin: 0; padding: 0;
}
.ingredients #shards_subnav ul {
 margin-bottom: 400px;
}
#shards_subnav li {
 display: block;
 height: 27px;
 overflow: hidden;
 width: 215px;
}
#shards_subnav li a {
 border-top: 1px solid white;
 display: block;
 height: 0;
 margin: 0;
 overflow: hidden;
 padding: 27px 0 0 0;
 width: 215px;
}
	/* health subnav */
	.index #health_nav_index { background: url(/images/health/subnav_safety_btn_on.gif) no-repeat !important;}
	#health_nav_index {	background: url(/images/health/subnav_safety_btn_off.gif) no-repeat;}
	#health_nav_index:hover { background: url(/images/health/subnav_safety_btn_over.gif) no-repeat;}
	.addiction #health_nav_addiction {	background: url(/images/health/subnav_addiction_btn_on.gif) no-repeat !important;}
	#health_nav_addiction {	background: url(/images/health/subnav_addiction_btn_off.gif) no-repeat;}
	#health_nav_addiction:hover {	background: url(/images/health/subnav_addiction_btn_over.gif) no-repeat;}
	.ailments #health_nav_ailments {	background: url(/images/health/subnav_ailments_btn_on.gif) no-repeat !important;}
	#health_nav_ailments {	background: url(/images/health/subnav_ailments_btn_off.gif) no-repeat;}
	#health_nav_ailments:hover {	background: url(/images/health/subnav_ailments_btn_over.gif) no-repeat;}

	/* about subnav */
	.index #about_nav_index { background: url(/images/about/subnav_ceo_btn_on.gif) no-repeat !important;}
	#about_nav_index { background: url(/images/about/subnav_ceo_btn_off.gif) no-repeat;}
	#about_nav_index:hover { background: url(/images/about/subnav_ceo_btn_over.gif) no-repeat;}
	.marketing #about_nav_marketing { background: url(/images/about/subnav_marketing_btn_on.gif) no-repeat !important;}
	#about_nav_marketing { background: url(/images/about/subnav_marketing_btn_off.gif) no-repeat;}
	#about_nav_marketing:hover { background: url(/images/about/subnav_marketing_btn_over.gif) no-repeat;}
	.ad #about_nav_ad { background: url(/images/about/subnav_commercial_btn_on.gif) no-repeat !important;}
	#about_nav_ad { background: url(/images/about/subnav_commercial_btn_off.gif) no-repeat;}
	#about_nav_ad:hover { background: url(/images/about/subnav_commercial_btn_over.gif) no-repeat;}
	.facilities #about_nav_facilities { background: url(/images/about/subnav_facilities_btn_on.gif) no-repeat !important;}
	#about_nav_facilities { background: url(/images/about/subnav_facilities_btn_off.gif) no-repeat;}
	#about_nav_facilities:hover { background: url(/images/about/subnav_facilities_btn_over.gif) no-repeat;}

	/* products subnav */
	.index #products_nav_index { background: url(/images/products/subnav_flavors_btn_on.gif) no-repeat !important;}
	#products_nav_index { background: url(/images/products/subnav_prod_flav_btn_off.gif) no-repeat;}
	#products_nav_index:hover { background: url(/images/products/subnav_prod_flav_btn_over.gif) no-repeat;}
	.ingredients #products_nav_ingredients { background: url(/images/products/subnav_ingredients_btn_on.gif) no-repeat !important;}
	#products_nav_ingredients { background: url(/images/products/subnav_ingredients_btn_off.gif) no-repeat;}
	#products_nav_ingredients:hover { background: url(/images/products/subnav_ingredients_btn_over.gif) no-repeat;}
	.recycle #products_nav_recycle { background: url(/images/products/subnav_qualityglas_btn_on.gif) no-repeat !important;}
	#products_nav_recycle { background: url(/images/products/subnav_qualityglas_btn_off.gif) no-repeat;}
	#products_nav_recycle:hover { background: url(/images/products/subnav_qualityglas_btn_over.gif) no-repeat;}
	.spheres #products_nav_spheres { background: url(/images/products/subnav_spheres_btn_on.gif) no-repeat !important;}
	#products_nav_spheres { background: url(/images/products/subnav_spheres_btn_off.gif) no-repeat;}
	#products_nav_spheres:hover { background: url(/images/products/subnav_spheres_btn_over.gif) no-repeat;}
	
#shards_subnav .hidden {
 display: none;
}
#shards_subnav .cta {
 margin: 50px 0 -100px;
}
	#cta_more_facts {
	 background: url(/images/health/subnav_btm_morefacts_off.gif) no-repeat;
	 display: block;
	 height: 0;
	 overflow: hidden;
	 padding-top: 64px;
	 width: 215px;
	}
	#cta_more_facts:hover {
	 background: url(/images/health/subnav_btm_morefacts_over.gif) no-repeat;
	}
	.ailments #shards_subnav .ailments {
	 display: block;
	}

#shards_subnav .dark {
 background: url(/images/general/subnav_img_dark_bg.gif) repeat-y;
 border-top: 1px white solid;
 margin-top: 150px;
 padding: 10px 0 0;
}
	#shards_subnav_bottom { /* bottom cap, 53px */
	 position: absolute;
	 bottom: 0;
	}

/* body */
#shards_content {
 color: #333399;
 font-family: Arial, sans-serif;
 font-size: 12px;
 line-height: 17px;
 margin: 50px 0 0 250px;
 padding-bottom: 50px;
 width: 480px;
}
	.c {
	 text-align: center;
	}
	.red {
	 font-family: Arial, sans-serif;
	 font-size: 10px;
	 color: #c00; line-height: 20px;
	}
	p.success {
	 color: #000;
	 padding: 1em;
	 background: #afb;
	}
	p.error {
	 color: #000;
	 padding: 1em;
	 background: #fba;
	}
	
	#see_our_new_commercial {
	 background: url(/images/about/ABO_btn_tv_off.gif) no-repeat;
	 display: block;
	 height: 0;	 
	 margin: 20px auto;
	 overflow: hidden;
	 padding-top: 94px;
	 width: 181px;
	}
	#see_our_new_commercial:hover {
	 background: url(/images/about/ABO_btn_tv_over.gif) no-repeat;
	}

	/* see our commercial */
	#movie_section {
	 background: #dcf2f7;
	 overflow: hidden;
	 padding: 0 0 10px;
	 font-size: 10px;
	}
		#movie_help {
		 float: left;
		 margin: 20px;
		 width: 85px;
		}
		#play_shards,
		#play_lights {
		 display: block;
		 height: 0;
		 line-height: 1;
		 margin: 10px 0 0;
		 overflow: hidden;
		 padding-top: 81px;
		 width: 81px;
		}
		#play_shards.active	{ background: url(/images/about/ABO_shardsTV-in.gif) no-repeat !important; }
		#play_shards 		{ background: url(/images/about/ABO_shardsTV.gif) no-repeat; }
		#play_shards:hover 	{ background: url(/images/about/ABO_shardsTV-over.gif) no-repeat; }
		#play_lights.active	{ background: url(/images/about/ABO_lightsTV-in.gif) no-repeat !important; }
		#play_lights 		{ background: url(/images/about/ABO_lightsTV.gif) no-repeat; }
		#play_lights:hover 	{ background: url(/images/about/ABO_lightsTV-over.gif) no-repeat; }
		/* /images/about/ABO_img_QTplaceholder.gif */
		/* shards/images/about/placeholder.gif same thing */
		#movie_player {
		 background: url(/images/about/ABO_img_QTplaceholder.gif) no-repeat;
		 float: left;
		 height: 265px;
		 margin: 20px 20px 10px 0;
		 padding: 9px 0 0 6px;
		 width: 326px;
		}
		#movie_section p {
		 clear: both;
		 margin-left: 110px;
		 text-align: center;
		}
		#toggle_email_section {
		 color: #333399;
		 cursor: pointer;
		 text-decoration: underline;
		}
		#email_section {
		 background: #dcf2f7;
		 clear: both;
		 font-size: 10px;
		 padding: 10px 0 0;
		 overflow: hidden;
		}
		#email_section table {
		 width: 100%;
		}
		#email_section td {
		 font-size: 10px;
		 line-height: 18px;
		 min-height: 18px;
		 padding-left: 10px;
		 vertical-align: top;
		 white-space: nowrap;
		}
		#email_section textarea {
		 margin-left: 1em;
		}
		#email_section label.error {
		 display: block;
		 width: 100%;
		 white-space: nowrap;
		}
			#submit_email_form {
			 text-align: right;
			}
			#submit_email_form button {
			 background: url(/images/about/ABO_btn_submit_off.gif) no-repeat;
			 cursor: pointer;
			 height: 0;
			 line-height: 1;
			 margin: 1em;
			 overflow: hidden;
			 padding-top: 17px;
			 width: 68px;
			}
			#submit_email_form button:hover {
			 background: url(/images/about/ABO_btn_submit_on.gif) no-repeat;
			}
		
	/* facilities & employees */
	#shards_movie {
	 background: url(/images/about/movie_background.gif) no-repeat;
	 height: 284px;
	 padding-top: 25px;
	 text-align: center;
	}
	#shards_thumbnails {
	 background: url(/images/about/ABO_img_photos_bg.gif) repeat-y;
	 height: 210px;
	 display: none;	 
	 width: 468px;
	}
	#shards_thumbnails img {
	 cursor: pointer;
	}
		#shards_thumbnails_photos {
		 float: left;
		 margin: 15px 0 0 30px;
		 width: 265px;
		}
		#shards_thumbnails_videos {
		 float: left;
		 margin: 15px 0 0 35px;
		 width: 135px;
		}
	
/* footer */
#shards_footer {
 clear: both;
 text-align: center;
}
#shards_footer ul {
 display: none;
 color: #999999;
 font-size: 10px;
 list-style: none;
 margin: 10px;
}
#shards_footer li {
 display: inline;
}
#shards_footer a {
 color: #999999 !important;
 text-decoration: underline !important;
}