/* default document style */
body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;	
    background-image:url('../../images/bg-body.gif');
	background-repeat:repeat-x;
	background-position:center top;
	color:#5469a3;
}
img {border :0px;}
.clear{clear:both;}
#wrapper{margin: 0 auto;width:1000px; border:1px solid none;}
#content{text-align:left;}

h1.logo {
	/*width:285px;
	height:88px;
	*/
	width:190px;
	height:95px;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	background-image:url('../../images/nav/kool-aid-logo.gif');
	text-indent:-9999px;
	overflow:hidden;
}
h1.logo a{
	width:285px;
	height:88px;
	display:block;	
}

/* NAV */
div.hdrWrapper {
	position:relative;
	margin:0 0 0px 0;
/*	height:150px; */
}
div#navCont {float:right;}
ul#topNav {height:48px;margin:0;padding:0;display:inline;}
ul#topNav li {padding:0;margin:0px;height:48px;display:inline;float:left;list-style-type:none;}
ul#topNav span {display:block;height:48px;}
ul#topNav a {height:40px;display:block;text-indent:-9999px;outline:none;}


ul#topNav #nav2 span.leftNav2 span.center, 
ul#topNav #nav3 span.leftNav3 span.center,
ul#topNav #nav4 span.leftNav4 span.center {margin-left:5px;}

body#home ul#topNav li#nav1,
body#tvSpot ul#topNav li#nav2,
body#products ul#topNav li#nav3{background:url('../../images/nav/bg-right-on.gif') top right no-repeat;}

body#home ul#topNav li#nav1 span.leftNav1,
body#tvSpot ul#topNav li#nav2 span.leftNav2 ,
body#products ul#topNav li#nav3 span.leftNav3 {background:url('../../images/nav/bg-left-on.gif') top left no-repeat;}


body.spanish#tvSpot ul#topNav #nav2 span.leftNav2 {width:126px;}
body.spanish#products ul#topNav #nav3 span.leftNav3 {width:100px;}

body.spanish#tvSpot ul#topNav #nav2 span.leftNav2 span.center {background:transparent url(../../images/nav/bg-center-on.gif) repeat-x scroll center top;display:block;height:48px;width:119px;margin-left:5px;}
body.spanish#products ul#topNav #nav3 span.leftNav3 span.center {background:transparent url(../../images/nav/bg-center-on.gif) repeat-x scroll center top;display:block;height:48px;width:77px;margin-left:5px;}


li#nav1 {width: 60px;}
li#nav2 {width: 135px;}
li#nav3 {width: 101px;}
li#nav4 {width: 72px;}

#nav1 a{width: 60px;background:url('../../images/nav/nav.gif') 12px -40px no-repeat;}
#nav2 a{padding-right:4px;width: 115px;background:url('../../images/nav/nav.gif') -51px -40px no-repeat;}
#nav3 a{padding-right:4px;width: 86px;background:url('../../images/nav/nav.gif') -185px -40px no-repeat;}
#nav4 a{width: 70px;background:url('../../images/nav/nav.gif') -280px -40px no-repeat;}

#nav1 a:hover {background-position:12px 0px}
#nav2 a:hover {background-position:-51px 0px;}
#nav3 a:hover {background-position:-185px 0px;}
#nav4 a:hover {background-position:-280px 0px;}

div#footer {color:#e8e6ae;font-size:10px;padding:7px 13px 0 0;height:89px;background:url('../../images/footer/bg-footer.gif') top center no-repeat;}
div#footerTwo {position:relative; color:#e8e6ae;font-size:10px;height:71px;background:url('../../images/footer/bg-footer-two.gif') top center no-repeat;}
div#footer a, div#footerTwo a  {color:#e8e6ae;text-decoration:none;}
div#footer a:hover, div#footerTwo a:hover {text-decoration:underline;}
div#footer div.ftr-left {float:left;width:535px;}
div#footerTwo div.ftr-left {float:left;width:900px;padding:5px 13px 0 0;}
div#footer div.ftr-left img {float:left;width:69px;margin:15px 0 0 30px;}
div#footerTwo div.ftr-left img{float:left;width:69px;margin:8px 0 0 30px;}
div#footer div.ftr-left p {font-size:11px; line-height:16px; font-weight:bold;margin:16px 0 4px 0;}
div#footerTwo div.ftr-left p  {font-size:11px; line-height:16px; font-weight:bold;margin:13px 0 4px 0;}
div#footer div.ftr-left span.txtDeliver, 
div#footerTwo div.ftr-left span.txtDeliver {margin:0 8px 0 0;background:url('../../images/footer/txt-delivering.gif') top center no-repeat;width:170px;height:17px;text-indent:-9999px;display:block;float:left;}
div#footer div.ftr-right {float:right;width:427px;text-align:right;margin:3px 0 0 0;}
div#footer div.koolPoints {color:#fff;background:url('../../images/footer/bg-kool-points.gif') top center no-repeat;height:71px;padding:15px 0 0 127px;text-align:left;position:relative;}
div#footer div.koolPoints span {font-weight:bold;}


a.getInfo-es {
	width:76px;
	height:15px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:53px;
	left:340px;
	float:right;
	background:url('../../images/footer/btn-info-es.gif') 0px -15px no-repeat;
	overflow:hidden;
}
div.koolPoints a:hover {
	background-position: 0px 0px;
}
div.topContent {
	height:290px;
	width:900px;
	left:70px;
	position:relative;
}

/* Home Page */
div#introFlash, div#homeFlash {
	text-align:center;
	margin:0;
}

div#seoTxt {
	width:500px;
	margin:0 auto;
	text-align:left;
}
div#seoTxt h4{
	text-indent:-9999px;
	padding:0;
	margin:0 0 16px 0;
	height:27px;
	background:url('../../images/hdr-welcome-no-flash.gif') top left no-repeat;
	width:477px;
}
body#home div#content {
	background:url('../../images/bg-landing.jpg') top center no-repeat;
}
body#home div#content.default {background:url('../../images/bg-stage.jpg') top center no-repeat;}

div#contain {
	height:83px;
	display:block;
	width:300px;
	margin:23px 0 0 0;
}
div#contain div.rotate {
	width:300px;
	display:none;
	color:#5469a3;
	height:132px;
}
div#contain div.rotate h4 {
	text-indent:-9999px;
	padding:0;
	margin:0 0 10px 0;
	height:23px;
}
div#contain div.rotate h4.hdrWinner {
	background:url('../../images/hdr-clear.gif') top center no-repeat;
	width:217px;
	height:48px;
}
div#contain div.rotate h4.hdrSweet {
	background:url('../../images/hdr-sweet.gif') top center no-repeat;
	width:272px;
}
div#contain div.rotate h4.hdrKids {
	background:url('../../images/hdr-kids.gif') top center no-repeat;
	height:46px;
	width:263px;
}
div#contain div.rotate p {
	padding:0px;
	margin:0 0 0 3px;
}
div#contain div.rotate p.furtherSoda {
	background:url('../../images/txt-further-soda.gif') top center no-repeat;
	display:block;
	width:293px;
	height:90px;
	margin:0px;
}
div#contain div.rotate p.lessSugar {
	background:url('../../images/txt-less-sugar.gif') top center no-repeat;
	display:block;
	width:294px;
	height:90px;
	margin:0px;
}
div#contain div.rotate p.rainbowFlavors {
	background:url('../../images/txt-rainbow-flavors.gif') top center no-repeat;
	display:block;
	width:285px;
	height:52px;
	margin:0px;
}

div#links {
	position:absolute;
	top:160px;
	display:inline;
}
div#links a {
	text-indent:-9999px;
	display:block;
	background:url('../../images/btn-rotator.gif') 0px -28px no-repeat;
	width:25px;
	height:28px;
	float:left;
	margin:0 8px 0 0;
	outline:none;
}
div#links a.active {
	background-position:0px 2px;
}
span.takeNote {
	display:block;
	font-size:9px;
	position:relative;
	top:45px;
	width:220px;
	padding:0px;
	margin:0 0 0 3px;	
}
span.takeNote#longerNote {
	width:290px;
	top:70px;
}
/* Mid - BUCKETS */
ul.midBuckets {
	padding:0;
	margin:0;
}
ul.midBuckets li {
	float:left;
	list-style:none;
	margin:0 0 46px 0;
	display:inline;
}	
ul.midBuckets li.bucChoices {
	background:url('../../images/bucket-choices.jpg') top center no-repeat;
	width:316px;
	height:119px;
	margin-left:10px;
} 
ul.midBuckets li.bucPlay {
	background:url('../../images/bucket-playground.jpg') top center no-repeat;
	width:316px;
	height:120px;
	margin-left:15px;
} 
ul.midBuckets li.bucSoda {
	background:url('../../images/bucket-soda.jpg') top center no-repeat;
	width:316px;
	height:121px;
	margin:0 0 0 15px;
} 

ul.midBuckets li a {
	text-indent:-9999px;
	display:block;
	position:relative;	
	height:23px;
	top:85px;
	overflow:hidden;
}
ul.midBuckets li.bucChoices a{
	background:url('../../images/btn-see-products.gif') 0px -23px no-repeat;	
	left:173px;
	width:115px;
} 
ul.midBuckets li.bucPlay a{
	background:url('../../images/btn-visit-kaboom.gif') 0px -23px no-repeat;
	left:169px;
	width:123px;
} 
ul.midBuckets li.bucSoda a{
	background:url('../../images/btn-facebook.gif') 0px -23px no-repeat;
	left:154px;
	width:125px;
	margin-top: -2px;
} 
ul.midBuckets li a:hover{	
	background-position:0px 0px;
} 

/* TV SPOTS */
body#tvSpot div#content {
	background:url('../../images/bg-stage.jpg') top center no-repeat;
}
div#homeFlash {
	width:1000px;
	height:511px;
	position:relative;
}

body#tvSpot div#content div.hdrWrapper {
	height:129px;
	margin:0 0 0;
	padding:0;
	position:relative;
}
div.btnShare {
	left:813px;
	position:relative;
	top:305px;
	z-index:9;
	width:250px;
}
body#tvSpot div#content div#footerTwo {
	margin-top:24px;
}


/* PRODUCTS */
body#products div#content {background:url('../../images/products/bg-products.jpg') top center no-repeat;}
.none{
	display:none;
}
body#products div#content div.topContent p {
	margin:5px 0 5px 0;
}
body#products div#content div.topContent {
	height:730px;
	left:70px;
	position:relative;
	top:72px;
	width:900px;
}
div.firstProd {
	position:relative;
	top:210px;
}


#midProdContainer{
	position:absolute;
	top:312px;
	background-image: url(../../images/products/mid-products.jpg);
	width:857px;
	height:174px
}
ul.midProds {
	margin:20px 0 0 0;
	padding:0 0 0 0;
	color:#5469a3;
	font-size:10px;
}
ul.midProds li {
	float:left;
	list-style:none;
	margin:0 0 0 0;
	display:inline;
}
ul.midProds li h4, ul.lowerProds li h4 {
	text-indent:-9999px;
	height:14px;
}
ul.midProds li#bucEnv {
	margin:0 0 0 121px;
	width:156px;
}
ul.midProds li#bucCan {
	margin:0 0 0 104px;
	width:187px;
}
ul.midProds li#bucSingle {
	margin:0 0 0 101px;
	width:169px;
}
ul.midProds li#bucEnv h4{
	background:url('../../images/products/hdr-envelopes.gif') top center no-repeat;
	width:66px;
	margin:0 0 0 0px;	
}
ul.midProds li#bucCan h4{
	background:url('../../images/products/hdr-canisters.gif') top center no-repeat;
	width:52px;
	margin:0 0 0 0px;
}
ul.midProds li#bucSingle h4{
	background:url('../../images/products/hdr-singles.gif') top center no-repeat;
	width:119px;
	margin:0 0 0 0px;
	height:34px;
}
a.btnPowders {
	width:160px;
	height:25px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:135px;
	left:670px;
	float:right;
	background:url('../../images/products/btn-powders.gif') 0px -25px no-repeat;
	outline:none;
}
a.btnFizz {
	width:135px;
	height:25px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:95px;
	left:695px;
	float:right;
	background:url('../../images/products/btn-fizz.gif') 0px -25px no-repeat;
	outline:none;
}




ul.topProds {
	top:165px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#5469a3;
	font-size:10px;
	position:absolute;
}
ul.topProds li {
	float:left;
	list-style:none;
	margin:0 0 0 0;
	display:inline;
}
ul.topProds li h4, ul.lowerProds li h4 {
	text-indent:-9999px;
	height:14px;
}
ul.topProds li#bucFizz {
	margin:0 0 0 101px;
	width:169px;
}
ul.topProds li#bucFizz h4{
	background:url('../../images/products/hdr-fizz.gif') top center no-repeat;
	width:143px;
	margin:0 0 0 0px;
	height:16px;
}

ul.lowerProds {
	background:transparent url('../../images/products/bg-lower-buckets.gif') no-repeat scroll center top;
	color:#5469A3;
	font-size:10px;
	height:165px;
	left:40px;
	margin:0;
	padding:0;
	position:absolute;
	top:487px;
	width:773px;
}
ul.lowerProds li {
	float:left;
	list-style:none;
	margin:0 0 0 0;
	display:inline;
}

ul.lowerProds li#bucBurst {
	margin:35px 0 0 162px;
	width:180px;
}
ul.lowerProds li#bucJam {
	margin:35px 0 0 162px;
	width:203px;
}
ul.lowerProds li#bucBurst h4{
	background:url('../../images/products/hdr-bursts.gif') top center no-repeat;
	width:64px;
	margin:0 0 0 0px;	
}
ul.lowerProds li#bucJam h4{
	background:url('../../images/products/hdr-jammers.gif') top center no-repeat;
	width:86px;
	margin:0 0 0 0px;
}
a.btnJams {
	width:232px;
	height:25px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:125px;
	left:130px;
	float:right;
	background:url('../../images/products/btn-jammers.gif') 0px -25px no-repeat;
	outline:none;
}
a.btnBursts {
	width:221px;
	height:25px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:120px;
	left:525px;
	float:right;
	background:url('../../images/products/btn-bursts.gif') 0px -25px no-repeat;
	outline:none;
}
a.btnPowders:hover, a.btnBursts:hover, a.btnJams:hover, a.btnFizz:hover{
	background-position:0px 0px;
}
div#contain div.error {
	color:#5469A3;
	width:350px;
}

div#contain div.error h4.hdrError {
	background:url('../../images/hdr-error.gif') top center no-repeat;
	width:95px;
	height:20px;
	text-indent:-9999px;
}

/* KIDS LANDING PAGE */

body#kids div#navCont {width:123px;}
body#kids ul#topNav {width:123px;}