/* CLIFBAR Product Nav
*****************************************/

#clifnav {
	width: 	142px;
	height: 138px;
	position: absolute;
	top: 307px;
	left: 8px;
	background-image: url(/images/food_products_clifbar/clifnav.gif);
	background-position: 	0 0;
}

#clifnav a {
	display: block;
	height: 29px;
	background-image:  url(/images/food_products_clifbar/clifnav.gif);
	text-indent: -3000px;
}
		
#clifnav a.clifnav-clif { margin-top: 49px; background-position: 0 -49px; }
body.food_products_clif_bar #clifnav a.clifnav-clif,
#clifnav a.clifnav-clif:hover   { background-position: 142px -49px; }
		
#clifnav a.clifnav-mini { background-position: 0 -78px; }
body.food_products_clif_bar_mini #clifnav a.clifnav-mini,
#mojonav a.clifnav-mini:hover { background-position: 284px -78px; }


/* MOJO Product Nav
*****************************************/

#mojonav {
	width: 	141px;
	height: 138px;
	position: absolute;
	top: 307px;
	left: 8px;
	background-image: url(/images/food_products_mojo_dipped/mojonav.gif);
	background-position: 	0 0;
}

#mojonav a {
	display: block;
	height: 29px;
	background-image:  url(/images/food_products_mojo_dipped/mojonav.gif);
	text-indent: -3000px;
}
		
#mojonav a.mojonav-mojo { margin-top: 49px; background-position: 0 -49px; }
body.food_products_mojo #mojonav a.mojonav-mojo,
#mojonav a.mojonav-mojo:hover   { background-position: 141px -49px; }
		
#mojonav a.mojonav-dipped { background-position: 0 -78px; }
body.food_products_mojo_dipped #mojonav a.mojonav-dipped,
#mojonav a.mojonav-dipped:hover { background-position: 282px -78px; }
		
/* KID Product Nav
*****************************************/

#kidnav {
	width: 	142px;
	height: 120px;
	position: absolute;
	top: 307px;
	left: 3px;
	background-image: url(/images/food_products_clifkid/kidnav.gif);
	background-position: 	0 0;
}

#kidnav a {
	display: block;
	height: 28px;
	background-image:   url(/images/food_products_clifkid/kidnav.gif);
	text-indent: -3000px;
}
		
#kidnav a.kidnav-zbar { margin-top: 47px; background-position: 0 -47px; }
body.food_products_clif_kid_zbar #kidnav a.kidnav-zbar,
#kidnav a.kidnav-zbar:hover   { background-position: -426px -47px; }
		
#kidnav a.kidnav-twisted { height: 48px; background-position: 0 -76px; }
body.food_products_clif_kid_twisted_fruit #kidnav a.kidnav-twisted,
#kidnav a.kidnav-twisted:hover { background-position: -142px -103px; }

/*MISC
******************************************/

* {
	-moz-outline: none;
	outline: none;
}

a {
	text-decoration: none;
	outline: none;
}

div { 
	border: 0px solid red; 
}

#top_container {
	height: 63px;
	width: 44px;
	position: relative;
}

.clear {
	clear: both;
	height:1px;
	overflow:hidden;
}

.edit {
	float: right !important;
	margin: 5px;
}

.editImage {
	position: absolute !important;
	right: -15px !important;
	z-index: 5000;
}

#alert {
	color: #CC0000;
	margin-top:30px;
	font-weight: bold;
	font-size: 10pt;
}

#adminNav {
	border: 1px solid #000;
	padding: 10px;
	background-color: #CC0000;
	color: #FFF;
	height: 15px;
	margin: 30px 0;
}

#adminNav a {
	color: #FFF;
	text-decoration: none;
}

#adminNav a:hover {
	text-decoration: underline;
}

#statusUpdate a.done {
	color: #818181;
	text-decoration: none;
}

#statusUpdate a.done:hover {
	text-decoration: underline;
}

#statusUpdate a {
	color: #bf0f0f;
	text-decoration: none;
} 

#statusUpdate a:hover {
	text-decoration: underline;
}

div#relatedContent {
	font-size:	1.2em;
	position: relative;
}

#content #right p#alert {
	color:#CC0000;
	font-weight:bold;
	margin-top:30px;
	padding:2px;
	font-size: 12px;
}

#videooverlay {
	/* background-image:url(/images/site/video_background.gif); */
}


/*General
******************************************/
body {
	background-color: 		#c4b391;
	background-image: 		url(/images/site/paper_background.jpg);
	color: 				#000;
	font-family: 			Arial, Helvetica, Verdana, sans-serif;
	font-size: 			62.5%;
}

div#container {
	width: 				1022px;
}

input.text, textarea, select {
	background-color: #FAF6E9;
	border: 1px solid #958269;
	padding: 2px;
}

textarea {
	overflow: auto;
}

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}

h2 {
	font-size: 4em;
	font-style: italic;
	color: #362f22;
	font-weight: bold;
	float: left;
	margin-left: 60px;
	width: 500px;
	height: 45px;
	margin-bottom: 10px;
}

div#content {
	clear: 				both;
	/* Scroll bar styling */
	scrollbar-face-color: #958269 !important;
	scrollbar-shadow-color: #958269 !important;
	scrollbar-highlight-color: #958269 !important;
	scrollbar-3dlight-color: #958269 !important;
	scrollbar-darkshadow-color: #958269 !important;
	scrollbar-track-color: #bda688 !important;
	scrollbar-arrow-color: #fff !important;
	}

strong {
	font-weight:			bold;
}


#sectionTitle {
	margin-top: -10px;
	visibility: hidden;
}



/*Top Navigaton
******************************************/
div#logo {
	width: 				44px;
	height: 				135px;
	background-color: 		#cc0000;
	background-image: 		url(/images/site/nav/clif_bar_logo.gif);
	position: absolute;
	top: 0; left: 0;
	text-indent: 			-1000px;
	border: 1px solid 		#000;
	border-left-width: 		0;
	z-index:			2000;
}

div#nav {
	position: absolute;   
	left: 45px; 
	top: 0;
	background-image: 		url(/images/site/nav/header_tile.gif);
	background-repeat: 		repeat-y;
}

div#nav div.wrapper {
	float: 				left;
	background-image: 		url(/images/site/nav/header_mast.jpg);
	background-position: 		bottom left;
	background-repeat: 		no-repeat;
	width:				960px;
	min-height: 			63px;
	_height: 			63px;
}

dl#foodNav,
dl#playNav,
dl#soulNav {
	margin-top: 			15px;
	text-align: 			right;
	width: 				170px;
	float: 				left;
}

dl#foodNav dt,
dl#playNav dt,
dl#soulNav dt {
	display: 			none;
}

dl#foodNav dd,
dl#playNav dd,
dl#soulNav dd {
	line-height: 			1em;
	margin-bottom: 			2px;
	text-transform: 			uppercase;
}

dl#foodNav dd a,
dl#playNav dd a,
dl#soulNav dd a {
	color: 				#242021;
	padding-left: 			22px;
	background-image: 		url(/images/site/nav/arrow_highlight.gif);
	background-position: 		-1000px 1px;
	background-repeat: 		no-repeat;
	text-decoration: 			none;
}

dl#foodNav dd a.active,
dl#playNav dd a.active,
dl#soulNav dd a.active,
dl#foodNav dd a:hover,
dl#playNav dd a:hover,
dl#soulNav dd a:hover {
	color: 				#fff;
	background-position: 		0 1px;
}

dl#foodNav {
	margin-left: 			94px;
	_margin-left: 			50px;
}

dl#playNav {
	margin-left: 			145px;
}

dl#soulNav {
	margin-left: 			135px;
}

a#foodNavLink {
	display: block;
	top: 10px;
	left: 21px;
	width: 100px;
	height: 38px;
	position: absolute;
}

a#playNavLink {
	display: block;
	top: 10px;
	left: 314px;
	width: 100px;
	height: 38px;
	position: absolute;
}

a#soulNavLink {
	display: block;
	top: 10px;
	left: 612px;
	width: 100px;
	height: 38px;
	position: absolute;
}

a#foodNavLink:hover,
a#playNavLink:hover,
a#soulNavLink:hover {
	background: none;
}


/*Top Sub Navigaton
******************************************/
div#subnav {
	float: 				left;
	width: 				960px;
	min-height: 			22px;
	_height: 			22px;
	background-image: 		url(/images/site/nav/header_bottom.jpg);
	background-repeat: 		no-repeat;
	margin-left: 44px;
	_margin-left: 22px;
	border: 0px;
}

div#subnav form {
	float: 				left;
	margin-left: 			437px;
	_margin-left:			219px;
	width: 				233px;
	height: 				45px;
	background-image: 		url(/images/site/nav/search_area.jpg);
	background-repeat: 		no-repeat;
	background-position: 		0 1px;
}

div#subnav form label {
	display: 			none;
}

div#subnav form dl dd {
	float: 				left;
}

div#subnav form dl dd input.text {
	width: 				98px;
	margin-left: 			88px;
	margin-top: 			11px;
	height: 				15px;
}

div#subnav form dl dd input.image {
	margin-left:			5px;
	margin-top:			8px;
}

div#subnav ul {
	float: 				left;
	width: 				246px;
	height: 				42px;
	background-image: 		url(/images/site/nav/sub_nav.jpg);
	background-position: 		0 1px;
	background-repeat: 		no-repeat;
}

div#subnav ul li {
	float: 				left;
}

div#subnav ul li a {
	text-decoration: none;
	border: 0px;
	text-indent: 			-1000px;
	display: 			block;
	background-repeat: 		no-repeat;
}

div#subnav ul li a#buyNow {
	border: 0px;
	margin-left:			30px;
	margin-top:			12px;
	width: 				67px;
	height: 				12px;
	background-image: 		url(/images/site/nav/buy_now.gif);	
/*	visibility: hidden;  */
}
div#subnav ul li a:hover#buyNow {
	background-position: 	-67px 0;
}
div#subnav ul li a#storeLocator {
	border: 0px;
	margin-left:			9px;
	margin-top:			8px;
	width: 				94px;
	height: 				14px;
	background-image: 		url(/images/site/nav/store_locator.gif);
}
div#subnav ul li a:hover#storeLocator {
	background-position: 		-94px 0;
}



/*Related Content (Yellow Stripe Above Footer)
******************************************/
div#relatedContent {
	clear:				both;
	width: 				1022px;
	padding:			21px 0px 21px 0px;
	background-image: 		url(/images/site/related_content/related_content_back.jpg);
	position:			relative;
	min-height: 			178px;
	_height: 			178px;
	
}

div#related_left {
	position: 			absolute;
	left: 				70px;
}

div#related_center {
	position: 			absolute;
	left: 				373px;
}

div#related_right {
	position: 			absolute;
	left: 				676px;
}

div#relatedContent .relatedImage {
	position: absolute;
	top: 				-50px;
	left: 				0px;
	background: 			transparent;
	overflow:			visible;	

}
	
div#relatedContent img.rel {
	position: 			absolute;
}

div#relatedContent div.relatedItem {
	float: 				left;
	width: 				295px;
	margin-right:			8px;
	background: 			transparent;
}

div#relatedContent div.relatedItem div.top {
	width:				295px;
	height:				4px;
	_margin-bottom:			-9px;
	background-image: 		url(/images/site/related_content/related_content_box_top.jpg);
	background-repeat: no-repeat;
}

div#relatedContent div.relatedItem div.content {
	min-height:			136px;
	_height:				136px;
	padding-left:			4px;
	padding-right:			4px;
	background-image: 		url(/images/site/related_content/related_content_box_back.png);
	_behavior: 			url(/iepngfix.htc);
}

div#relatedContent div.relatedItem div.content img {
	float: 				left;
	margin-right: 			12px;
}

div#relatedContent div.relatedItem div.content h3.relatedHeader {
	padding-top: 			10px;
	text-transform: 			uppercase;
	font-size:			1.3em;
	font-weight: 			bold;
	color:				#603913;
	margin-bottom:			10px;
}

div#relatedContent div.relatedItem div.content h3.relatedHeader,
div#relatedContent div.relatedItem div.content dl,
div#relatedContent div.relatedItem div.content p {
	margin-left:			15px;
}

div#relatedContent div.relatedItem div.content td.related_table_right h3.relatedHeader,
div#relatedContent div.relatedItem div.content  td.related_table_right  p {
	margin-left:			0px;
}

div#relatedContent div.relatedItem div.content dl {
	clear: 				both;
}

div#relatedContent div.relatedItem div.content dl dt {
	margin-bottom:			3px;
}

div#relatedContent div.relatedItem div.content dl dt span {
	font-size:			1.2em;
	padding:			0 2px 0 2px;
	background-image: 		url(/images/site/related_content/related_content_translucent.png);
	_behavior: 			url(/iepngfix.htc);
	text-transform: 			uppercase;
	color:				#40acd8;
}

div#relatedContent div.relatedItem div.content dl dd {
	float: 				left;
	margin-bottom: 			10px;
	_margin-bottom: 		5px;

}

.related_content_pad {
	padding-left: 15px;
	padding-right: 15px;
}

div#relatedContent div.relatedItem div.content a {
	font-weight: 			bold;
	color:				#000;
	margin-right:			7px;

}

div#relatedContent div.relatedItem div.content  a:hover {
	color: 				#ba0001;
	text-decoration: 			underline;
}

div#relatedContent div.relatedItem div.content a.more {
	color: 				#ba0001;
	text-decoration: 			none;
}

div#relatedContent div.relatedItem div.content a:hover.more {
	color: 				#242021;
	text-decoration: 			;
}

div#relatedContent div.relatedItem div.content p {
	color:				#242021;
	line-height: 			1.1em;
}

div#relatedContent div.relatedItem div.content div a.moreBlog {
	position: 			absolute;
	bottom: 			2px;
	right: 				8px;
	margin:				0 2px 2px 0;
	width:				82px;
	height:				14px;
	text-decoration: 		none;
	background-image: 		url(/images/site/related_content/related_content_more_blog.jpg);
}

div#relatedContent div.relatedItem div.content div a:hover.moreBlog {
	background-position: 		-82px 0;
	text-decoration: 			none;
}

div#relatedContent div.relatedItem div.content p a.more {
	width:				49px;
	height:				14px;
	display:				block;
	float: 				left;
	margin-top:			11px;
	margin-bottom:			11px;
	text-indent: 			-1000px;
	text-decoration: 			none;
	background-image: 		url(/images/site/related_content/related_content_more_link.gif);
}

div#relatedContent div.relatedItem div.content p a:hover.more {
	background-position: 		-49px 0;
}

div#relatedContent div.relatedItem div.bottom {
	width:				295px;
	height:				4px;
	_margin-bottom:			-9px;
	clear:				both;
	background-image: 		url(/images/site/related_content/related_content_box_bottom.jpg);
	background-repeat: no-repeat;
}

div#relatedContent div.newsletterSignup p {
		margin-bottom: 		10px;
		
}

div#relatedContent div.newsletterSignup input {
		font-size: 		11px;
		padding: 		2px;
}


/*Footer
******************************************/
div#footer {
	clear: 				both;
	margin-top:		55px;
	width: 			1020px;
	min-height:			122px;
	_height:				122px;
	background-image: url(/images/site/footer/footer_background.jpg);
	background-repeat: no-repeat;
	position: relative;
}

div#wine {
	position:absolute;
	top: 756px;
	left: 20px;
	height: 200px;
	width: 200px;
}

div#jersey {
	position:absolute;
	top: 780px;
	left: 775px;
	height: 196px;
	width: 260px;
	background: url(/images/home/NewJersey.png) no-repeat;
}

div#jersey a.read {
	position:absolute;
	top: 124px;
	left: 88px;
	height: 40px;
	width: 163px;
	display: block;
}

div#jersey a.get {
	position:absolute;
	top: 25px;
	left: 93px;
	height: 85px;
	width: 150px;
	display: block;
}

div#footer ul {
	float:				left;
	margin-left: 			260px;
	_margin-left: 			140px;
}

div#footer ul li {
	margin: 		15px 5px 0 0;
	float: 				left;
	_margin-right: 			2px;
}

div#footer ul li.bullet {
	display: 			block;
	width:				6px;
	height:				5px;
	line-height:			1px;
	_margin-right: 			5px;
	text-indent: 			-1000px;
	margin-top: 			20px;
	background-image: 		url(/images/site/footer/bullet.gif);
	background-repeat: 		no-repeat;
}

div#footer ul li a {
	font-size: 			1.1em;
	color:				#242021;
	text-decoration:			none;
}

div#footer ul li a.active,
div#footer ul li a:hover {
	color:				#ba0001;
}

div#footer ul.lower {
	margin-left: 			355px;
	_margin-left: 			180px;
}

div#footer ul.lower li {
	margin: 			30px 40px 0 0;
}

/* Food Products SubNavigation
******************************************/

#productnav {
	position: 		absolute;
	left: 			-5px;
	top: 			30px;
	}

#productnav a {
	display: 		block;
	width: 			100px;
	height: 			16px;
	line-height: 		16px;
	text-indent: 		-3000px;
	background-image: 	url(/images/site/nav/nav_food_products.gif);
	background-repeat: 	no-repeat;
	}

#productnav a.productnav-clifbuilders {
	height: 			17px;
	line-height: 		17px;
	}

#productnav a.productnav-clifquench {
	height: 			18px;
	line-height: 		18px;
	}	

	#productnav a.productnav-clifbar { background-position: 0 -1px; }
	body.food_products_clif_bar #productnav a.productnav-clifbar,
	body.food_products_clif_bar_mini #productnav a.productnav-clifbar,
	#productnav a.productnav-clifbar:hover { background-position: -123px -1px; }
	
	#productnav a.productnav-clifkid { background-position: 0 -18px; }
	body.food_products_clif_kid_zbar #productnav a.productnav-clifkid,
	body.food_products_clif_kid_splashers #productnav a.productnav-clifkid,
	body.food_products_clif_kid_twisted_fruit #productnav a.productnav-clifkid,
	#productnav a.productnav-clifkid:hover { background-position: -123px -18px; }
	
	#productnav a.productnav-luna { background-position: 0 -36px; }
	body.food_products_luna_bar #productnav a.productnav-luna,
	body.food_products_luna_sunrise #productnav a.productnav-luna,
	body.food_products_luna_tea #productnav a.productnav-luna,
	body.food_products_luna_sport #productnav a.productnav-luna,
	#productnav a.productnav-luna:hover { background-position: -123px -36px; }
	
	#productnav a.productnav-clifshot { background-position: 0 -53px; }
	body.food_products_shot_bloks #productnav a.productnav-clifshot,
	body.food_products_shot_electrolyte #productnav a.productnav-clifshot,
	body.food_products_shot_gel #productnav a.productnav-clifshot,
	body.food_products_shot_recovery #productnav a.productnav-clifshot,
        #productnav a.productnav-clifshot:hover { background-position: -123px -53px; }

	#productnav a.productnav-clifbuilders { background-position: 0 -71px; }
	body.food_products_builders #productnav a.productnav-clifbuilders,
	#productnav a.productnav-clifbuilders:hover { background-position: -123px -71px; }

	#productnav a.productnav-clifcrunch { background-position: -2px -90px; }
	body.food_products_clif_crunch #productnav a.productnav-clifcrunch,
	#productnav a.productnav-clifcrunch:hover { background-position: -125px -90px; }

	#productnav a.productnav-clifmojo { background-position: -2px -108px; }
	body.food_products_mojo #productnav a.productnav-clifmojo,
	body.food_products_mojo_dipped #productnav a.productnav-clifmojo,
	#productnav a.productnav-clifmojo:hover  { background-position: -125px -108px; }
	
	#productnav a.productnav-clifc { background-position: -2px -126px; }
	body.food_products_clif_c #productnav a.productnav-clifc,
	body.food_products_clif_c #productnav a.productnav-clifc,
	#productnav a.productnav-clifc:hover  { background-position: -125px -126px; }

/* Luna Product Nav
*****************************************/

#lunanav {
	width: 			143px;
	height: 			121px;
	position: 			absolute;
	top: 			300px;
	left: 			10px;
	background-image: 	url(/images/food_products/luna_product_nav.png);
	background-position: 	0 0;
}

#lunanav a {
	display: 		block;
	height: 			29px;
	background-image: 	url(/images/food_products/luna_product_nav.png);
	text-indent: 		-3000px;
}
		
#lunanav_spacer {display: none;}

#lunanav a.lunanav-bar { margin-top: 48px; background-position: 0 -46px; }
body.food_products_luna_bar #lunanav a.lunanav-bar,#lunanav a.lunanav-bar:hover { background-position: -150px -45px; }

#lunanav a.lunanav-minis { background-position: 0 -75px; }
body.food_products_luna_minis #lunanav a.lunanav-minis,#lunanav a.lunanav-minis:hover { background-position: -150px -75px; }

#lunanav a.lunanav-protein { background-position: 0 -105px; }
body.food_products_luna_protein #lunanav a.lunanav-protein,#lunanav a.lunanav-protein:hover { background-position: -150px -105px; }
	

#nectarnav {
	width: 			143px;
	height: 			137px;
	position: 		absolute;
	top: 			300px;
	left: 			10px;
	background-image: 	url(/images/food_products_nectar/product_nav_nectar.gif);
	background-position: 	0 0;
	}

#nectarnav a {
	display: 		block;
	height: 			26px;
	background-image: 	url(/images/food_products_nectar/product_nav_nectar.gif);
	text-indent: 		-3000px;
}

#nectarnav a.nectarnav-nectar { margin-top: 48px; background-position: 0 -77px; }
body.food_products_nectar #nectarnav a.nectarnav-nectar,
#nectarnav a.nectarnav-nectar:hover { background-position: -150px -77px; }

#nectarnav a.nectarnav-cacao { background-position: 0 -48px; }
body.food_products_nectar_cacao #nectarnav a.nectarnav-cacao,
#nectarnav a.nectarnav-cacao:hover { background-position: -300px -48px; }


/* SHOT Product Nav
*****************************************/

#shotnav {
	width: 			141px;
	height: 			214px;
	position: 			absolute;
	top: 			300px;
	left: 			10px;
	background-image: 	url(/images/food_products_shot/clif-shot-products_nav.gif);
	background-position: 	0 0;
}

#shotnav a {
	display: 		block;
	height: 			28px;
	background-image: 	url(/images/food_products_shot/clif-shot-products_nav.gif);

	text-indent: 		-3000px;
}
		
#shotnav a.shotnav-gel { background-position: 0 -50px; height: 24px; margin-top: 48px; }
body.food_products_shot_gel #shotnav a.shotnav-gel,
#shotnav a.shotnav-gel:hover { background-position: -140px -50px; }
		
#shotnav a.shotnav-bloks { background-position: 0 -73px; }
body.food_products_shot_bloks #shotnav a.shotnav-bloks,
#shotnav a.shotnav-bloks:hover { background-position: -282px -73px; }

#shotnav a.shotnav-roks { background-position: 0 -99px; height: 38px; }
body.food_products_shot_roks #shotnav a.shotnav-roks,
#shotnav a.shotnav-roks:hover { background-position: -423px -99px; }

#shotnav a.shotnav-electrolyte { background-position: 0 -139px; height: 40px; }
body.food_products_shot_electrolyte #shotnav a.shotnav-electrolyte,
#shotnav a.shotnav-electrolyte:hover { background-position: -562px -139px; }

#shotnav a.shotnav-recovery {background-position: 0 -178px; height: 32px; }
body.food_products_shot_recovery #shotnav a.shotnav-recovery,
#shotnav a.shotnav-recovery:hover { background-position: -704px -178px; }



/*CSS Hacks
******************************************/
/* Clear Fix 'Hack' - Allows wrapping content to properly enclose child nodes */
.clearfix:after {
	content: 			".";
	display: 			block;
	height: 				0;
	line-height: 			0;
	clear: 				both;
	visibility: 			hidden;
}
.clearfix {
	display: 			inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */