/* ----------------------

	PROJECT COLORS
	
	Red:		#b9021e
	
----------------------- */


body {background:#000 url("/img/background.jpg") center top no-repeat;color:#FFF;}
a {color:#b9021e;}
a:hover {background:#b9021e;color:#FFF;text-decoration:none}
hr { background:#000; color:#000;} 

.ir {text-indent:-9999px;outline:none;border:none;}
.box {padding:1.5em;margin-bottom:1.5em;background:#000;}
.container {position:relative;}

div#masthead {position:relative;height:160px;z-index:999;}
div#fifa-banner {display:none;visibility:hidden;}

h1#logo {position:absolute;top:44px;left:0;font-size:10px;margin:0;padding:0;z-index:9999;}
h1#logo a {display:block;width:365px;height:68px;background:url("/img/products-powerade-logo.png") left top no-repeat;}
h1#logo a:hover {background-color:transparent;}

h1#logo a#logo-fruit-punch {background-position:0 0;}
h1#logo a#logo-grape {background-position:0 -340px;}
h1#logo a#logo-lemon-lime {background-position:0 -204px;}
h1#logo a#logo-mountain-berry-blast {background-position:0 -68px;}
h1#logo a#logo-orange {background-position:0 -136px;}
h1#logo a#logo-white-cherry {background-position:0 -476px;}
h1#logo a#logo-strawberry-lemonade {background-position:0 -408px;}
h1#logo a#logo-sour-melon {background-position:0 -272px;}

/* Navigation */
div#navigation {position:absolute;top:65px;right:0;width:900px;}
div#navigation>ul {height:50px;width:430px;margin:0 0 0 470px;padding:0;right:0}
div#navigation>ul>li {height:50px;float:left;display:inline;list-style-type:none;list-style:none;}
div#navigation>ul>li>a {display:block;height:30px;background-image:url("/img/navigation.gif"); background-repeat: no-repeat;text-indent:-9999px;outline:none;border:none;}

li#nav-whatis a {background-position:0 0;width:143px;left:0;}
li#nav-whatis a:hover {background-position:0 -50px;}
li#nav-products>a {background-position:-143px 0; width:119px; left:143px;height:50px;}
li#nav-products>a.active {background-position:-143px -50px;height:50px;}
li#nav-athletes>a {background-position:-262px 0; width:118px; left:262px;height:50px;}
li#nav-athletes>a.active {background-position:-262px -50px;height:50px;}

div.subnav {display:none;padding:1.5em;position:absolute;right:0;background:#666; border:1px solid #b9021e; top:48px; background:#000;z-index:-1;}
div.subnav ul {margin:0;padding:0;display:block;background:none;}
div.subnav ul li {float:left;list-style:none;list-style-type:none;}
div.subnav ul li a {display:block;}

li#nav-products div.subnav {width:460px;margin-left:350px}
div.subnav ul#nav-flavors {}
div.subnav ul#nav-flavors>li {height:135px;width:115px;}
div.subnav ul#nav-flavors>li>a {display:block;height:135px;width:75px;background-image:url("/img/nav-flavors.jpg"); background-repeat: no-repeat;text-indent:-9999px;outline:none;border:none;}

li#nav-prod-fruit a {background-position:0 0;}
li#nav-prod-fruit a:hover {background-position:0 -135px;}
li#nav-prod-grape a {background-position:-75px 0;}
li#nav-prod-grape a:hover {background-position:-75px -135px;}
li#nav-prod-ll a {background-position:-150px 0;}
li#nav-prod-ll a:hover {background-position:-150px -135px;}
li#nav-prod-mbb a {background-position:-225px 0;}
li#nav-prod-mbb a:hover {background-position:-225px -135px;}
li#nav-prod-orange a {background-position:-300px 0px;}
li#nav-prod-orange a:hover {background-position:-300px -135px;}
li#nav-prod-wc a {background-position:-375px 0;}
li#nav-prod-wc a:hover {background-position:-375px -135px;}
li#nav-prod-sl a {background-position:-450px 0;}
li#nav-prod-sl a:hover {background-position:-450px -135px;}
li#nav-prod-sm a {background-position:-525px 0;}
li#nav-prod-sm a:hover {background-position:-525px -135px;}

div.subnav ul#nav-boost {}
div.subnav ul#nav-boost li {height:75px;width:125px;}
div.subnav ul#nav-boost li a {display:block;height:75px;width:125px;background-image:url("/img/nav-boost.jpg"); background-repeat: no-repeat;text-indent:-9999px;outline:none;border:none;}

li#nav-prod-boost a {background-position:0 0;}
li#nav-prod-boost a:hover {background-position:0 -75px;}

div.subnav h4#nav-flavor-header {background:url("/img/nav-flavor-header.gif") left top no-repeat; border-bottom:1px solid #b9021e;}
div.subnav h4#nav-boost-header {background:url("/img/nav-boost-header.gif") left top no-repeat; border-bottom:1px solid #b9021e;}

li#nav-athletes div.subnav  {width:800px;}
li#nav-athletes div.subnav ul li {height:120px;width:160px;}
li#nav-athletes div.subnav ul li a {display:block;height:120px;width:160px;background-image:url("/img/nav-athletes.jpg"); background-repeat: no-repeat;text-indent:-9999px;outline:none;border:none;}

li#nav-ath-rh a {background-position:0 0;}
li#nav-ath-rh a:hover {background-position:0 -120px;}
li#nav-ath-cj a {background-position:-160px 0;}
li#nav-ath-cj a:hover {background-position:-160px -120px;}
li#nav-ath-cp3 a {background-position:-320px 0;}
li#nav-ath-cp3 a:hover {background-position:-320px -120px;}
li#nav-ath-dr a {background-position:-480px 0;}
li#nav-ath-dr a:hover {background-position:-480px -120px;}
li#nav-ath-mo a {background-position:-640px 0px;}
li#nav-ath-mo a:hover {background-position:-640px -120px;}


/* Products */
div.flavors div#slider-panels div.active, div.flavors div#slider-panels div.inactive {height:440px;}
div.product-container  {position:relative;}
div.product-container div.fb-like {position:absolute;right:110px;top:55px;width:200px;z-index:100;}
div.product {position:absolute;left:100px;top:12px;z-index:99;}
div#flavor-picker {position:absolute;bottom:15px;right:170px;width:140px;z-index:101;height:150px;}
div#flavor-picker h4 {height:10px; width:139px;background:url("/img/flavors/picker-header.gif") left top no-repeat;}
div#flavor-picker ul {list-style:none;list-style-type:none;margin:0;padding:0;display:block;background:none;}
div#flavor-picker ul li {float:left;height:60px;width:30px;}
div#flavor-picker ul li a {display:block;height:60px;width:30px;background-image:url("/img/flavors/picker.png"); background-repeat: no-repeat;text-indent:-9999px;outline:none;border:none;}
div#flavor-picker ul li a:hover {background-color:transparent;}
li#flavor-picker-fp a {background-position:0 0;}
li#flavor-picker-fp a:hover, li#flavor-picker-fp a.active {background-position:0 -60px;}
li#flavor-picker-gr a {background-position:-30px 0;}
li#flavor-picker-gr a:hover, li#flavor-picker-gr a.active {background-position:-30px -60px;}
li#flavor-picker-ll a {background-position:-60px 0;}
li#flavor-picker-ll a:hover, li#flavor-picker-ll a.active {background-position:-60px -60px;}
li#flavor-picker-mbb a {background-position:-90px 0;}
li#flavor-picker-mbb a:hover, li#flavor-picker-mbb a.active {background-position:-90px -60px;}
li#flavor-picker-or a {background-position:-120px 0;}
li#flavor-picker-or a:hover, li#flavor-picker-or a.active {background-position:-120px -60px;}
li#flavor-picker-wc a {background-position:-150px 0;}
li#flavor-picker-wc a:hover, li#flavor-picker-wc a.active {background-position:-150px -60px;}
li#flavor-picker-sl a {background-position:-180px 0;}
li#flavor-picker-sl a:hover, li#flavor-picker-sl a.active {background-position:-180px -60px;}
li#flavor-picker-sm a {background-position:-210px 0;}
li#flavor-picker-sm a:hover, li#flavor-picker-sm a.active {background-position:-210px -60px;}

div#boost-picker {position:absolute;bottom:15px;right:35px;width:100px;height:150px;z-index:101;border-left:1px solid #3b010a;padding-left:16px;}
div#boost-picker h4 {height:10px; width:83px;background:url("/img/flavors/boost-picker-header.gif") left top no-repeat;}
div#boost-picker ul {list-style:none;list-style-type:none;margin:0;padding:0;display:block;background:none;}
div#boost-picker ul li {float:left;height:24px;width:64px;margin-left:8px;}
div#boost-picker ul li a {display:block;height:24px;width:64px;background-image:url("/img/flavors/boost-picker.png"); background-repeat: no-repeat;text-indent:-9999px;outline:none;border:none;}
div#boost-picker ul li a:hover {background-color:transparent;}
li#boost-picker-ion4 a {background-position:0 0;}
li#boost-picker-ion4 a:hover, li#boost-picker-ion4 a.active {background-position:0 -24px;}


/* Athletes */
div.athletes div#slider-panels div.active, div.athletes div#slider-panels div.inactive {height:440px;}
div.athlete-container  {position:relative;}
div.athlete-container div.fb-like {position:absolute;right:12px;top:70px;width:200px;z-index:100;}
div.athlete {position:absolute;left:0;top:0;z-index:99;}
div#athlete-picker {position:absolute;bottom:20px;right:240px;width:275px;z-index:101}
div#athlete-picker h4 {height:10px; width:265px;background:url("/img/athletes/picker-header.gif") right top no-repeat;}
div#athlete-picker ul {list-style:none;list-style-type:none;margin:0;padding:0;display:block;background:none;}
div#athlete-picker ul li {float:left;height:55px;width:55px;}
div#athlete-picker ul li a {display:block;height:55px;width:55px;background-image:url("/img/athletes/picker.png"); background-repeat: no-repeat;text-indent:-9999px;outline:none;border:none;}
div#athlete-picker ul li a:hover {background-color:transparent;}
li#athlete-picker-rh>a {background-position:0 0;}
li#athlete-picker-rh>a:hover, li#athlete-picker-rh>a.active {background-position:0 -55px;}
li#athlete-picker-cj>a {background-position:-60px 0;}
li#athlete-picker-cj>a:hover, li#athlete-picker-cj>a.active {background-position:-60px -55px;}
li#athlete-picker-cp3>a {background-position:-120px 0;}
li#athlete-picker-cp3>a:hover, li#athlete-picker-cp3>a.active {background-position:-120px -55px;}
li#athlete-picker-dr>a {background-position:-180px 0;}
li#athlete-picker-dr>a:hover, li#athlete-picker-dr>a.active {background-position:-180px -55px;}
li#athlete-picker-mo>a {background-position:-240px 0;}
li#athlete-picker-mo>a:hover, li#athlete-picker-mo>a.active {background-position:-240px -55px;}

/* Slider */
div#slider-wrapper {background:#000;margin-bottom:3em;}
div#slider {height:440px;width:995px;background:#000;overflow:hidden;position:relative;}
div#slider-panels {width:1990px;float:left;}
div#slider-panels div.active, div#slider-panels div.inactive {width:995px;float:left;}
.container.double-pad {padding:3em 0;}

div#slider-progress {position:absolute;bottom:24px; right:24px;}
div#slider-progress ul {list-style:none;list-style-type:none;margin:0;padding:0;display:block;background:none;}
div#slider-progress ul li {float:left;height:19px;width:19px;margin-left:8px;}
div#slider-progress ul li a {cursor:pointer;display:block;height:19px;width:19px;background-image:url("/img/slider-progress.png"); background-repeat: no-repeat;text-indent:-9999px;outline:none;border:none;background-position:0 0;}
div#slider-progress ul li a:hover {background-color:transparent;}
div#slider-progress ul li a.active {background-color:transparent;background-position:0 -19px}


/* What is ION4? */
#whatis-header {width:395px;height:40px;background:url("/img/whatis-header.gif") right top no-repeat;}
img#ion-animation {border:2px solid #3b010a;}

/* Footer */
div#footer {text-align:center}
ul#banners {margin:0 auto 1.5em auto;padding:0;height:178px;width:745px;list-style:none;list-style-type:none;display:block;}
ul#banners li {float:left;list-style-type:none;list-style:none;height:178px;width:238px;margin:0 5px 1.5em 5px;}
ul#banners li a {display:block;height:178px;}
ul#banners li a:hover {background:none;}
ul#banners li#footer-worldcup {background:url("/img/banner-worldcup2010.png") left top no-repeat;} 
ul#banners li#footer-paz {background:url("/img/banner-poweradezero.png") left top no-repeat;}
ul#banners li#footer-pap {background:url("/img/banner-poweradeplay.png") left top no-repeat;}
ul#banners li#footer-pag {background:url("/img/banner-poweradegear.png") left top no-repeat;}

div#footer p a {color:#FFF;}