/* CSS styles for ProLab.com - Steff Eiter 2010 */

@import url("reset.css");



/* -- Global Styles -- */

body {
    margin: 0;
    padding: 0;
    text-align: center;
    background: #000 url('../images/bg-global.jpg') center 0 no-repeat;
    font-family: Arial, Verdana, sans-serif;
    font-size: 76.5%;
    color: #ccc;
}

a:link, a:visited {
    color: #ccc;
    text-decoration: none;
}

.clearer {
    height: 0;
    margin: 0;
    padding: 0;
    clear: both;
}

sup {
    font-size: 0.5em;
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    bottom: 1.2ex;
}

sup.dagger {
    font-size: 0.65em;
}


/* -- Layout Styles -- */

#wrapper {
    width: 920px;
    margin: 0 auto;
    text-align: left;
    padding: 0;
}

#header {
    height: 60px;
    margin: 10px 0 0 0;
}

#contentHome {
    margin: 10px 0 0 0;
    padding: 0;
    background: transparent url('../images/bg-wrapper.png') 0 0 repeat;
}

#content {
    margin: 10px 0;
    padding: 10px;
    background: transparent url('../images/bg-wrapper.png') 0 0 repeat;
}

#leftCol {
    float: left;
    width: 130px;
    border: 1px solid #999;
    padding: 9px;
    margin: 0;
    min-height: 390px;
    background: transparent url('../images/bg-wrapper.png') 0 0 repeat;
    position: relative;
}

#mainContent {
    margin: 0 0 0 10px;
    float: left;
    width: 600px;
}

#breadcrumb {
    margin: 0 10px 10px 0;
    padding: 10px;
    background-color: #000;
    font-size: 0.9em;
    color: #777;
    height: 10px;
}

#breadcrumb a {
    color: #777;
}

#rightCol {
    float: right;
    width: 140px;
    margin: 0;
}

#footerHome, #footer {
    margin: 10px 0 0 0;
    background: transparent url('../images/bg-footer.png') 0 0 repeat;
    padding: 10px;
    color: #fff;
}

#footerHome { background: transparent url('../images/bg-wrapper.png') 0 0 repeat; } 

#skip {
    display: none;
}


/* --  -- */

#header h1 a {
    display: block;
    width: 160px;
    margin: 0 10px 0 0;
    padding: 60px 0 0 0;
    height: 0;
    overflow: hidden;
    background: transparent url('../images/logo.jpg') 0 0 repeat;
    float: left;
}


/* -- main nav styles -- */

#mainNav {
    position: relative;
    margin: 0;
    padding: 0 0 0 30px;
    width: 720px;
    height: 60px;
    float: left;
    z-index: 1498;
    background-image: url(../images/mainNav.jpg);
}

#mainNav ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    z-index: 1499;
}

#mainNav ul li {
    display: inline;
    margin: 0;
    padding: 0;
}

#mainNav ul li a {
    float: left;
    padding: 60px 0 0 0;
    margin: 0;
    height: 0;
    overflow: hidden;
    background-image: url(../images/mainNav.jpg);
    background-repeat: no-repeat;
}

#mainNav ul li.products a { width: 126px; background-position: -30px 0;}
#mainNav ul li.products a:hover, #mainNav ul li.products a.active { background-position: -30px -60px;}

#mainNav ul li.training a { width: 124px; background-position: -156px 0;}
#mainNav ul li.training a:hover, #mainNav ul li.training a.active { background-position: -156px -60px; }

#mainNav ul li.team a { width: 90px; background-position: -280px 0; }
#mainNav ul li.team a:hover, #mainNav ul li.team a.active { background-position: -280px -60px; }

#mainNav ul li.social a { width: 101px; background-position: -370px 0; }
#mainNav ul li.social a:hover, #mainNav ul li.social a.active { background-position: -370px -60px; }

#mainNav ul li.about a { width: 97px; background-position: -471px 0; }
#mainNav ul li.about a:hover, #mainNav ul li.about a.active { background-position: -471px -60px; }

#mainNav ul li.shop a { width: 182px; background-position: -568px 0; }
#mainNav ul li.shop a:hover, #mainNav ul li.shop a.active { background-position: -568px -60px; }

#mainNav ul li div.superdrop {
    position: absolute;
    left: 0;
    top: 60px;
    display: none;
    /*background: transparent url('../images/bg-wrapper-dark.png') 0 0 repeat;*/
    background: transparent url('../images/bg-superdrop.jpg') 0 0 no-repeat;
    width: 566px;
    padding: 10px;
    z-index: 1500;
    border-bottom: 1px solid #5a5c5d;
}

div.superdrop div.dropCol {
    background: none;
    width: 170px;
    float: left;
    margin: 0 0 0 10px;
}

#mainNav ul li h3 {
    background: none;
    padding: 5px;
    margin: 0 0 5px 0;
    height: auto;
    border-bottom: 1px dotted #464646;
    font-size: 1.1em;
}

#mainNav ul li ul li a {
    margin: 0 0 5px 0;
    padding: 0 5px;
    height: 20px;
    color: #ccc;
    text-decoration: none;
    font-size: 11px;
    line-height: 1.2em;
    font-size: 0.9em;
    background: none;
}

#mainNav ul li.products ul li a, #mainNav ul li.training ul li a, #mainNav ul li.team ul li a {
    width: 160px;
}

#mainNav ul li ul li a:hover {
    color: #c00;
}

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#mainNav ul li:hover div.superdrop, #mainNav ul li.over div.superdrop { display: block; } /* The magic */

/* -- end main nav styles -- */


/* --  Homepage Styles -- */  
    
#mainMessage {
    height: 420px;
    margin: 0;
    position: relative;
}

#prev {
    position: absolute;
    bottom: 30px;
    z-index: 3000;
    left: 40px;
    cursor: pointer;
}

#next {
    position: absolute;
    bottom: 30px;
    z-index: 3000;
    right: 40px;
    cursor: pointer;
}


#ctaWrapper {
    margin: 0 10px;
}

.ctaCol {
    width: 150px;
    margin: 0 5px 0 0;
    float: left;
}

.ctaColWide {
    width: 220px;
    margin: 0 5px 0 0;
    float: left;
}

.ctaColNarrow {
    width: 145px;
    margin: 0 5px 0 0;
    float: left;
}

.last {
    margin: 0;
}

.ctaCol a, .ctaColWide a, .ctaColNarrow a {
    display: block;
    height: 0;
    overflow: hidden;
    margin: 0 0 5px 0;
    background: transparent url('../images/home-cta.jpg') 0 0 no-repeat;
}

a.cta1 { padding: 130px 0 0 0; background-position: 0 0; }
a:hover.cta1 { padding: 130px 0 0 0; background-position: -220px 0; }

a.cta2 { padding: 130px 0 0 0; background-position: 0 -130px; }
a:hover.cta2 { padding: 130px 0 0 0; background-position: -220px -130px; }

a.cta3 { padding: 130px 0 0 0; background-position: 0 -790px; }
a:hover.cta3 { padding: 130px 0 0 0; background-position: -145px -790px; }

a.cta4 { padding: 130px 0 0 0; background-position: 0 -1050px; }
a:hover.cta4 { padding: 130px 0 0 0; background-position: -145px -1050px; }

a.cta5 { padding: 130px 0 0 0; background-position: 0 -920px; }
a:hover.cta5 { padding: 130px 0 0 0; background-position: -145px -920px; }

a.cta6 { padding: 130px 0 0 0; background-position: 0 -1180px; }
a:hover.cta6 { padding: 130px 0 0 0; background-position: -145px -1180px; }

a.cta7 { padding: 265px 0 0 0; background-position: 0 -525px; }
a:hover.cta7 { padding: 265px 0 0 0; background-position: -150px -525px; }

a.cta8 { padding: 265px 0 0 0; background-position: 0 -260px; }
a:hover.cta8 { padding: 265px 0 0 0; background-position: -220px -260px; }


/* -- Products Styles -- */

.product {
    float: left;
    width: 188px;
    margin: 0 10px 10px 0;
    position: relative;
    height: 210px;
}

.productGraphics {
    position: relative;
}

.buyButton {
    position: absolute;
    top: 10px;
    left: 10px;
}

.buyButton a {
    background: transparent url('../images/buttons/button-buy.png') 0 0 no-repeat;
    height: 0;
    padding: 24px 0 0 0;
    overflow: hidden;
    width: 43px;
    float: left;
}


.comingSoon {
    background: transparent url('../images/btn-coming-soon.jpg') 0 0 no-repeat;
    height: 0;
    padding: 24px 0 0 0;
    overflow: hidden;
    width: 130px;
    float: left;
}

.new {
    position: absolute;
    top: 10px;
    right: 7px;
    background: transparent url('../images/buttons/button-new.png') 0 0 no-repeat;
    height: 0;
    padding: 24px 0 0 0;
    overflow: hidden;
    width: 43px;
    float: left;
}


#productHero .new {
    top: 50px;
    right: 95px;
}

.product h2 {
    margin: 5px;
    color: #dd0018;
    font-size: 1em;
    position: absolute;
    top: 158px;
    left: 5px;
}

.product h3 {
    margin: 5px;
    font-size: 0.9em;
    position: absolute;
    top: 175px;
    left: 5px;
    line-height: 1.3em;
}


/* -- Product Sku Page -- */

#productHero {
    position: relative;
    width: 590px;
    height: 370px;
}

#buyWindow {
    position: absolute;
    top: 100px;
    right: 0;
    width: 145px;
}

.buyButtonLarge a {
    background: transparent url('../images/buttons/buy-now.jpg') 0 0 no-repeat;
    height: 0;
    padding: 25px 0 0 0;
    overflow: hidden;
    margin: 0 0 10px 0;
    display: block;
    width: 130px;
}

.buyButtonLarge a.external {
    background: transparent url('../images/btn-vitaminShoppe.png') 0 0 no-repeat;
    height: 0;
    padding: 36px 0 0 0;
    overflow: hidden;
    width: 76px;
    float: left;
}

#productInfoWrapper {
    margin: 10px 0 0 0;
    background: transparent url('../images/bg-wrapper.png') 0 0 repeat;
    padding: 10px;
    width: 570px;
    position: relative;
}

.widget {
    float: left;
    margin: 0 10px 0 0;
    display: block;
    width: 275px;
}

h1.title {
    font-size: 1.5em;
    color: #fff;
    padding: 0;
    margin: 0 0 15px 0;
}

h2.tagline {
    font-size: 1.7em;
    color: #dd0018;
    padding: 0;
    margin: 5px 0 15px 0;
}

#productInfo {
    margin: 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #474747;
    width: 430px;
    float: left;
}

#productInfoWide {
    margin: 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #474747;
}

#productInfoWrapper h3 {
    margin: 0;
    line-height: 1.6em;
    font-size: 1.2em;
}

.red, a:link.red, a:visited.red {
    color: #dd0018;
}

strong {
    font-weight: bold;
}

#productInfoWrapper p.question {
    margin: 0;
    line-height: 1.4em;
    color: #DD0018;
}

#productInfoWrapper p {
    margin: 0 0 10px 0;
    line-height: 1.6em;
}

#productInfoWrapper ul {
    margin: 0 0 10px 0;
}

#productInfoWrapper li {
    list-style: disc;
    margin: 0 0 8px 15px;
}

#productInfoWrapper ol {
    margin: 10px 0;
}

#productInfoWrapper ol li {
    list-style-type: decimal;
}

#productInfoWrapper ol li ol li {
    list-style-type: lower-alpha;
}

#productInfoWrapper ol li ol li ol li {
    list-style-type: lower-roman;
}

#productBullets {
    margin: 0 0 10px 0;
}

#productBullets li, #titles li {
    color: #c00;
    list-style: disc;
    margin: 0 0 8px 15px;
}

#productLegal {
    margin: 20px 0 0 0;
    font-size: 0.9em;
    color: #999;
}

table.locations {
    border: 1px solid #444;
}

table.locations th {
    background-color: #666;
    padding: 5px;
}

table.locations td {
    border-bottom: 1px solid #444;
    border-right: 1px solid #444;
    padding: 5px;
    border-collapse: collapse;
}

table.locations td a {
   color: #dd0018; 
}


/* -- Team Page styles -- */


#athleteFacts {
    position: absolute;
    top: 100px;
    right: 20px;
    width: 200px;
}

#winnerFacts {
    position: absolute;
    top: 220px;
    left: 30px;
    width: 200px;
}

#athleteFacts p, #winnerFacts p {
    margin: 0 0 3px 0;
    font-size: 0.9em;
}

#athleteFacts p strong, #winnerFacts p strong {
    color: #fff;
    font-weight: normal;
}

#titles ul {
    margin: 10px 0 0 0;
}





/* --  Column */


#relatedInfo, #memberInfo {
    float: right;
    margin: 0;
    padding: 18px 0 0 0;
    border-top: 1px solid #474747;
    width: 130px;
}

#relatedInfo ul, #memberInfo ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    z-index: 1499;
}

#relatedInfo ul li, #memberInfo ul li {
    display: inline;
    margin: 0;
    padding: 0;
}

#relatedInfo ul li a, #memberInfo ul li a {
    float: left;
    margin: 0 0 20px 0;
    height: 0;
    overflow: hidden;
    background-image: url(../images/product-flavors-works.jpg);
    background-repeat: no-repeat;
    width: 130px; 
}

#relatedInfo ul li.nutritional a { padding: 30px 0 0 0; background-position: 0 0; }
#relatedInfo ul li.nutritional a:hover { padding: 50px 0 0 0; background-position: -130px 0; }
#relatedInfo ul li.chocolate a { padding: 50px 0 0 0; background-position: 0 -50px; }
#relatedInfo ul li.vanilla a { padding: 50px 0 0 0; background-position: 0 -120px; }
#relatedInfo ul li.strawberry a { padding: 50px 0 0 0; background-position: 0 -190px; }
#relatedInfo ul li.bluerazz a { padding: 50px 0 0 0; background-position: 0 -1696px; }
#relatedInfo ul li.fruitpunch a { padding: 50px 0 0 0; background-position: 0 -1766px; }
#relatedInfo ul li.worksWith_advanced-caffeine a {  padding: 85px 0 0 0; background-position: 0 -260px; }
#relatedInfo ul li.worksWith_advanced-pure-whey a {  padding: 85px 0 0 0; background-position: 0 -345px; }
#relatedInfo ul li.worksWith_amino-2000 a {  padding: 85px 0 0 0; background-position: 0 -430px; }
#relatedInfo ul li.worksWith_amino-gel-caps a { padding: 85px 0 0 0; background-position: 0 -1535px; }
#relatedInfo ul li.worksWith_beta-alanine-extreme a {  padding: 85px 0 0 0; background-position: 0 -515px; }
#relatedInfo ul li.worksWith_bcaa-plus a {  padding: 85px 0 0 0; background-position: 0 -600px; }
#relatedInfo ul li.worksWith_creatine-monohydrate a {  padding: 85px 0 0 0; background-position: 0 -685px; }
#relatedInfo ul li.worksWith_caffeine-200mg a {  padding: 85px 0 0 0; background-position: 0 -770px; }
#relatedInfo ul li.worksWith_cuts-2-gold a {  padding: 85px 0 0 0; background-position: 0 -855px; }
#relatedInfo ul li.worksWith_glutamine-powder a {  padding: 85px 0 0 0; background-position: 0 -940px; }
#relatedInfo ul li.worksWith_horny-goat-weed a {  padding: 85px 0 0 0; background-position: 0 -1025px; }
#relatedInfo ul li.worksWith_l-carnitine a {  padding: 85px 0 0 0; background-position: 0 -1110px; }
#relatedInfo ul li.worksWith_n-large a {  padding: 85px 0 0 0; background-position: 0 -1195px; }
#relatedInfo ul li.worksWith_pure-whey a {  padding: 85px 0 0 0; background-position: 0 -1280px; }
#relatedInfo ul li.worksWith_whey-isolate a {  padding: 85px 0 0 0; background-position: 0 -1365px; }
#relatedInfo ul li.worksWith_thermo-fire a {  padding: 85px 0 0 0; background-position: 0 -1445px; }

/* -- roll states -- */
#relatedInfo ul li.nutritional a:hover { padding: 30px 0 0 0; background-position: -130px 0; }
#relatedInfo ul li.chocolate a:hover { padding: 50px 0 0 0; background-position: -130px -50px; }
#relatedInfo ul li.vanilla a:hover { padding: 50px 0 0 0; background-position: -130px -120px; }
#relatedInfo ul li.strawberry a:hover { padding: 50px 0 0 0; background-position: -130px -190px; }
#relatedInfo ul li.bluerazz a:hover { padding: 50px 0 0 0; background-position: -130px -1696px; }
#relatedInfo ul li.fruitpunch a:hover { padding: 50px 0 0 0; background-position: -130px -1766px; }
#relatedInfo ul li.worksWith_advanced-caffeine a:hover { padding: 85px 0 0 0; background-position: -130px -260px; }
#relatedInfo ul li.worksWith_advanced-pure-whey a:hover { padding: 85px 0 0 0; background-position: -130px -345px; }
#relatedInfo ul li.worksWith_amino-2000 a:hover { padding: 85px 0 0 0; background-position: -130px -430px; }
#relatedInfo ul li.worksWith_amino-gel-caps a:hover { padding: 85px 0 0 0; background-position: -130px -1535px; }
#relatedInfo ul li.worksWith_beta-alanine-extreme a:hover { padding: 85px 0 0 0; background-position: -130px -515px; }
#relatedInfo ul li.worksWith_bcaa-plus a:hover {  padding: 85px 0 0 0; background-position: -130px -600px; }
#relatedInfo ul li.worksWith_creatine-monohydrate a:hover { padding: 85px 0 0 0; background-position: -130px -685px; }
#relatedInfo ul li.worksWith_caffeine-200mg a:hover { padding: 85px 0 0 0; background-position: -130px -770px; }
#relatedInfo ul li.worksWith_cuts-2-gold a:hover { padding: 85px 0 0 0; background-position: -130px -855px; }
#relatedInfo ul li.worksWith_glutamine-powder a:hover { padding: 85px 0 0 0; background-position: -130px -940px; }
#relatedInfo ul li.worksWith_horny-goat-weed a:hover { padding: 85px 0 0 0; background-position: -130px -1025px; }
#relatedInfo ul li.worksWith_l-carnitine a:hover { padding: 85px 0 0 0; background-position: -130px -1110px; }
#relatedInfo ul li.worksWith_n-large a:hover { padding: 85px 0 0 0; background-position: -130px -1195px; }
#relatedInfo ul li.worksWith_pure-whey a:hover { padding: 85px 0 0 0; background-position: -130px -1280px; }
#relatedInfo ul li.worksWith_whey-isolate a:hover { padding: 85px 0 0 0; background-position: -130px -1365px; }
#relatedInfo ul li.worksWith_thermo-fire a:hover { padding: 85px 0 0 0; background-position: -130px -1445px; }

#memberInfo ul li a {
    margin: 0;
}

#memberInfo ul li.nutritional a { padding: 30px 0 0 0; background-position: 0 0; }
#memberInfo ul li.memberLikes_advanced-caffeine a {  padding: 60px 0 0 0; background-position: 0 -280px; }
#memberInfo ul li.memberLikes_advanced-pure-whey a {  padding: 60px 0 0 0; background-position: 0 -365px; }
#memberInfo ul li.memberLikes_glutamine-powder a { padding: 60px 0 0 0; background-position: 0 -960px; }
#memberInfo ul li.memberLikes_bcaa-plus a { padding: 60px 0 0 0; background-position: 0 -620px; }
#memberInfo ul li.memberLikes_creatine-monohydrate a { padding: 60px 0 0 0; background-position: 0 -705px; }
#memberInfo ul li.memberLikes_cuts-2-gold a { padding: 60px 0 0 0; background-position: 0 -875px; }
#memberInfo ul li.memberLikes_glutamine-powder a { padding: 60px 0 0 0; background-position: 0 -960px; }
#memberInfo ul li.memberLikes_thermo-fire a { padding: 60px 0 0 0; background-position: 0 -1470px; }
#memberInfo ul li.memberLikes_n-large a { padding: 60px 0 0 0; background-position: 0 -1215px; }
#memberInfo ul li.memberLikes_beta-alanine-extreme a { padding: 60px 0 0 0; background-position: 0 -535px; }
#memberInfo ul li.memberLikes_amino-2000 a {  padding: 60px 0 0 0; background-position: 0 -450px; }
#memberInfo ul li.memberLikes_pure-whey a {  padding: 60px 0 0 0; background-position: 0 -1300px; }
#memberInfo ul li.memberLikes_l-carnitine a {  padding: 60px 0 0 0; background-position: 0 -1130px; }
#memberInfo ul li.memberLikes_whey-isolate a { padding: 60px 0 0 0; background-position: 0 -1385px; }

/* roll states -- */
#memberInfo ul li.memberLikes_advanced-caffeine a:hover {  padding: 60px 0 0 0; background-position: -130px -280px; }
#memberInfo ul li.memberLikes_advanced-pure-whey a:hover {  padding: 60px 0 0 0; background-position: -130px -365px; }
#memberInfo ul li.memberLikes_amino-2000 a:hover { padding: 60px 0 0 0; background-position: -130px -450px; }
#memberInfo ul li.memberLikes_bcaa-plus a:hover { padding: 60px 0 0 0; background-position: -130px -620px; }
#memberInfo ul li.memberLikes_beta-alanine-extreme a:hover { padding: 60px 0 0 0; background-position: -130px -535px; }
#memberInfo ul li.memberLikes_creatine-monohydrate a:hover { padding: 60px 0 0 0; background-position: -130px -705px; }
#memberInfo ul li.memberLikes_cuts-2-gold a:hover { padding: 60px 0 0 0; background-position: -130px -875px; }
#memberInfo ul li.memberLikes_glutamine-powder a:hover { padding: 60px 0 0 0; background-position: -130px -960px; }
#memberInfo ul li.memberLikes_l-carnitine a:hover { padding: 60px 0 0 0; background-position: -130px -1130px; }
#memberInfo ul li.memberLikes_n-large a:hover { padding: 60px 0 0 0; background-position: -130px -1215px; }
#memberInfo ul li.memberLikes_pure-whey a:hover { padding: 60px 0 0 0; background-position: -130px -1300px; }
#memberInfo ul li.memberLikes_thermo-fire a:hover { padding: 60px 0 0 0; background-position: -130px -1470px; }
#memberInfo ul li.memberLikes_whey-isolate a:hover { padding: 60px 0 0 0; background-position: -130px -1385px; }

/* team */
#memberInfo ul li.member_angela-terlesky a { padding: 38px 0 0 0; background-position: 0 -1620px; }
#memberInfo ul li.member_moji-oluwa a { padding: 38px 0 0 0; background-position: 0 -1658px; }

/* winners */
#memberInfo ul li.winner_jimmy-everett a { background-image: url(../images/winners-works.jpg); padding: 38px 0 0 0; background-position: 0 0; }
#memberInfo ul li.winner_dustin-pederson a { background-image: url(../images/winners-works.jpg); padding: 38px 0 0 0; background-position: 0 -38px; }
#memberInfo ul li.winner_thanh-lee a { background-image: url(../images/winners-works.jpg); padding: 38px 0 0 0; background-position: 0 -76px; }
#memberInfo ul li.winner_perrell-lucas a { background-image: url(../images/winners-works.jpg); padding: 38px 0 0 0; background-position: 0 -114px; }
#memberInfo ul li.winner_russell-holzgrefe a { background-image: url(../images/winners-works.jpg); padding: 38px 0 0 0; background-position: 0 -152px; }


/* -- Left Column -- */
#leftCol h2 {
    border-bottom: 1px solid #464646;
    padding: 0 0 5px 0;
    font-size: 1.1em;
    color: #777;
}

#leftCol h3 {
    border-bottom: 1px solid #464646;
    padding: 5px 0;
    font-size: 0.9em;
    color: #fff;
}


#leftCol li {
    border-bottom: 1px dotted #464646;
    background: transparent url('../images/bg-bullet.gif') 0 13px no-repeat;
}

#leftCol li a {
    color: #fff;
    font-size: 0.9em;
    display: block;
    padding: 5px 0 5px 7px;
}

#leftCol li a:hover { color: #c00; }


/* -- FB Column */
.fb {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

/* -- Right Column */

#rightCol ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    z-index: 1499;
}

#rightCol ul li {
    display: inline;
    margin: 0;
    padding: 0;
}

#rightCol ul li a {
    float: left;
    padding: 130px 0 0 0;
    margin: 0 0 10px 0;
    height: 0;
    overflow: hidden;
    background-image: url(../images/cta-global-products.jpg);
    background-repeat: no-repeat;
}

#rightCol ul li.protein a { width: 140px; background-position: 0 0; }
#rightCol ul li.performance a { width: 140px; background-position: 0 -140px; }
#rightCol ul li.weightManagement a { width: 140px; background-position: 0 -280px; }
#rightCol ul li.askAnAthlete a { width: 140px; background-position: 0 -410px; }

/* -- roll states -- */

#rightCol ul li.protein a:hover { width: 140px; background-position: -140px 0; }
#rightCol ul li.performance a:hover { width: 140px; background-position: -140px -140px; }
#rightCol ul li.weightManagement a:hover { width: 140px; background-position: -140px -280px; }
#rightCol ul li.askAnAthlete a:hover { width: 140px; background-position: -140px -410px; }

#footerHome h2, #footerHome h3 {
    color: #999;
    font-size: 0.9em;
    line-height: 1.4em;
}

#footerHome p, #footerHome li a, #footer p, #footer li a {
    color: #666;
    text-decoration: none;
    line-height: 1.5em;
    font-size: 0.9em;
}

#footerHome ul, #footer ul {
    margin: 0 0 10px 0;
}

#footerHome ul li, #footer ul li {
    margin: 0;
    padding: 0 0 0 8px;
    background: transparent url('../images/bullet-dash.png') 0 8px no-repeat;
    font-size: 0.9em;
}

.description {
    width: 365px;
    float: left;
    margin: 0 10px 0 0;
}

.col {
    width: 135px;
    float: left;
    margin: 0 7px 0 0;
    border-left: 1px solid #666;
    padding: 0 0 0 8px;
    min-height: 200px;
}

.socialLinks {
    width: 195px;
    float: left;
    margin: 0 0 0 5px;
    border-left: 1px solid #666;
    padding: 0 0 0 20px;
}

.socialBtn {
    margin: 0 0 0 20px;
}

.specialOffers {
    margin: 15px 0;
}

#footer .col, #footer .socialLinks {
    width: auto;
    min-height: 60px;
    padding: 0 10px;
}

#footer .specialOffers {
    margin: 0;
}

#footerHome .specialOffers p, #footer .specialOffers p {
    margin: 0 0 3px 0;
    color: #ccc;
}

.hidden {
    display: none;
}

input.input {
    border: 1px solid #999;
    padding: 1px;
    background: url('../images/bg-input.png') 0 0 repeat-x;
}

input.submit {
    margin: 0 0 -5px 0;
}

/* -- Ask An Athlete Form -- */

.webform {
    margin: 10px 0;
}

.webform p {
    margin: 0 0 3px 0;
}

.webform label {
    display: block;
    float: left;
    width: 130px;
    margin: 0 10px 0 0;
}

.webform input, .webform select, .webform textarea {
    margin: 0;
}

.webform input.inline {
    display: inline;
}

.webform input.certify {
    margin: 3px 5px 0 0;
    float: left;
}

.webform .error {
    display: none;
}

.webform input.invalid, .webform textarea.invalid {
    background-color: #c00;
}
   
.webform span {
    margin: 0 0 0 10px;
    color: #CC0000;
}
   
.webform input.success {
    background-color: #369;
}
   
#messageBox2 { display: none; color: #c00; font-size: 1.3em; }
   
.webform input.certify span { color: #c00; }

/* -- Overlay styles -- */

/* the overlayed element */
.apple_overlay {
	
    /* initially overlay is hidden */
    display:none;
	
    /* growing background image */
    /*background-image: url(../images/transparent.png);*/
    
	
    /* 
    width after the growing animation finishes
    height is automatically calculated
    */
    min-width: 420px;
	
    /* some padding to layout nested elements nicely  */
    padding: 1px 0 0 1px;
    margin: 0;

    /* a little styling */	
    font-size: 1em;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
    background: transparent url(../images/close.png) 0 center no-repeat;
    position:absolute;
    right: 15px;
    top: 10px;
    cursor:pointer;
    padding: 20px;
    z-index: 300;
}

.apple_overlay img {
    /*border: 1px solid #ccc; */
}

/* use a semi-transparent image for the overlay */
#overlay {
    color:#efefef;
}


/* use a semi-transparent image for the overlay */
#overlay2 {
    color:#efefef;
    height: 500px;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
    height: auto;
}

#buy {
    position: relative;
    padding: 0;
    margin: 0;
    width: 418px;
    min-height: 610px;
    background-color: #000;
    border: 1px solid #ccc;
}

img.productImage {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
}

#buyContent {
    position: absolute;
    top: 0;
    left: 0;
    margin: 20px;
}

h1.buyTitle {
    font-size: 1.5em;
    color: #dd0018;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #666;
}

h2.price {
    text-align: right;
}

#buyContent ul {
    margin: 10px 0 15px 0;
    width: 230px;
    min-height: 145px;
}

#buyContent li {
    padding: 5px 0 5px 7px;
    background: transparent url('../images/bg-bullet.gif') 0 13px no-repeat;
}

.pricing {
    margin: 0 0 10px 0;
}

.pricing th {
    background-color: #333;
    padding: 5px ;
}

.pricing td {
    padding: 5px 0 5px 5px;
    border-bottom: 1px solid #444;
}