* {margin: 0; padding: 0;}

#masthead a, #ish a, #navbar a, #banners a, a.button, #main h1 a, .title a:link, .title a:visited, .byline a:link, .byline a:visited {border-bottom-width: 0;}

body   { font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: white; margin: 0 auto }

#masthead     { text-align: left; height: 151px }
#masthead a, img  { text-decoration: none; border: 0 }
#navbar      { background: #000; margin: 0; padding: 0; width: 771px; height: 22px; min-width: 750px; overflow: hidden }
#navbar li     { font-size: 0.75em; list-style-type: none; margin: 0 0 0 5px; padding: 3px 10px 0; float: left }
#navbar li a   { color: #eee8ca; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; margin: 0; padding: 0 }
#navbar .current  { color: #ffd700; font-weight: bold; text-decoration: none; border-bottom: 5px solid #ffd700 }
#navbar a:hover,
  .home #navbar #home a,
  .about #navbar #about a,
  .shop #navbar #shop a,
  .cnpathletes #navbar #cnpathletes a,
  .faq #navbar #faq a,
  .glossary #navbar #glossary a,
  .tips #navbar #tips a,
  .casestudies #navbar #casestudies a    { color: #ffd700; text-decoration: none; margin: 0; padding: 0; border-bottom: 5px solid #ffd700 }

#main      { display: inline; margin: 0; padding: 0 0 1.5em; width: 750px; min-width: 750px }

.column { float: left }

/*** LEFT ***/
#left          { margin: 0 0 10px; padding: 0; width: 140px; height: 405px; float: left }

#left h1      { color: #feff97; font-size: 1em; background-color: #333; text-align: center; margin: 0 3px 0 0; padding: 5px 0 1px; border-right: 2px solid #000 }
#productlist    { background-color: #fc0; margin: 0 0 0 0; padding: 0 0 2px 5px; width: 130px; border-style: solid; border-width: 0 2px 2px 0; border-color: #000 }
#productlist ul      { font-size: 0.8em; margin: 0 0 5px; padding: 0 }
#productlist li       { list-style-type: none; margin: 0; padding: 0; height: 22px }
#productlist a        { color: #000; font-weight: bold; text-decoration: none; margin: 0; padding: 5px 0 7px 12px; position: absolute; width: 118px; height: 17px }
#productlist a:hover  { color: #930; text-decoration: underline; background-color: #feff97; margin: 0 -10px 0 -8px; padding: 5px 0 7px 12px; border-right: 10px solid #000; border-left: 8px solid #000 }
#productlist .current  { color: #930; text-decoration: underline; background-color: #feff97; margin: 0 -10px -5px -8px; padding: 5px 0 7px 12px; border-left: 8px solid #930 }
#contacts     { margin: 0; padding: 0 }
#contacts ul  { text-align: center; margin: 10px 0 0; padding: 0 }
#contacts ul li { margin: 0; padding: 0 }

.phone   { color: #000; font-size: 1.25em; font-weight: bold; line-height: 1.25 }
.address { color: #555; font-size: 0.9em; line-height: 1em; list-style-type: none }


.lefttitle  { font-size: 1em; font-weight: bold }
.leftemail  { font-size: 0.75em }
.none { list-style-type: none }
/** HOMEPAGE **/
#content-hp  { margin: 0; padding: 5px 25px 10px 10px; width: 440px; float: left }
#content-hp h1 { color: #00f; font-size: 1.25em; font-weight: bold; text-align: left; margin: 5px 0 0; padding: 0 }
#content-hp h2 { color: #000; font-size: 0.85em; font-style: italic; font-weight: bold; margin: 0; padding-bottom: 10px; border-bottom: 1px dashed #b2b2b2 }
#content-hp p { color: #000; font-size: 1em; line-height: 125%; margin: 0; padding: 5px 10px }
#content-hp a { font-size: 1em; font-weight: normal; text-decoration: underline }
#content-hp a:hover { color: #333; font-weight: normal; text-decoration: underline }
#content-hp #family { margin: 10px 0 0 20px; padding: 0 }
#athletes  { text-align: center; margin: 0 0 0 45px; padding: 0; width: 350px }
#athletes ul { list-style-type: none; margin: 25px 0 0; padding: 0 }
.spotlight  { background-color: #000; text-align: center; list-style-type: none; margin: 1em 0 0 1.75em; padding: 0; width: 350px }
.spotlight-top  { color: #333; font-size: 1.25em; font-weight: bold; background-color: #fc0; margin: 0; padding: 0.25em 0 }
.spotlight-name  { color: #ffd700; font-size: 1.25em; font-weight: bold; margin: 0; padding: 0.5em 0 0 }
.spotlight-sub  { color: #ffd700; margin: 0; padding: 0.25em 0 0 }
.spotlight-photo { text-decoration: none; margin: 0; padding: 0.8em 0 0; border: solid 3px #000 }
.spotlight-link { color: #ffd700; text-decoration: none; display: block; margin: 0; padding: 0 0 1em }
.spotlight-link:hover { color: #abd; text-decoration: underline }
.spotlight  img  { margin: 0; padding: 0; border: solid 3px black }
.spotlight img:hover  { border: solid 3px #ffd700 }
.subfooter { color: #000; font-size: 1.5em; font-weight: bold; text-align: center; list-style-type: none; margin: 25px 0 0 65px; padding: 0; width: 300px }
/** CONTENT **/
#content      { margin: 0; padding: 5px 25px 10px 10px; width: 440px; float: left }
#content h1   { color: #00f; font-size: 1.25em; font-weight: bold; text-align: left; margin: 5px 0 0; padding: 0 }
#content h1 em {font-style: normal;}
#content h1 a {color: #333;}
#content h1 a:hover {color: #000;}
#content h2  { color: #000; font-size: 0.85em; font-style: italic; font-weight: bold; margin: 0; padding-bottom: 10px; border-bottom: 1px dashed #b2b2b2 }
#content h3 { color: #00f; margin: 10px 0; padding: 5px 0; border-bottom: 1px dashed #555 }
#content p  { color: #000; font-size: 1em; line-height: 125%; margin: 0; padding: 5px 10px }
#content a { font-size: 1em; font-weight: normal; text-decoration: underline }
#content a:hover { font-size: 1em; font-weight: normal; text-decoration: underline }

#content img { padding: 5px; border-width: 0 }

#content ul   { margin: 5px 0 0 40px; padding: 0 0 5px }
#content li  { padding-top: 2px; padding-bottom: 2px; padding-left: 10px }
#content .title {font-size: 1.66em;}
.nutritionalfacts { background-color: #fafad2; text-align: center; margin: 10px 25px; padding: 2px 0 4px; border-top: 2px dashed #309; border-bottom: 2px dashed #309 }
#content .directions { background-color: #eef3f9; margin: 5px; padding: 10px; border: solid 0 #ffd700 }

/** NAV CONTENT **/

#content2 { margin: 0; padding: 5px 25px 10px 10px; width: 595px; float: left }
#content2 h1 { color: #00f; font-size: 1.25em; font-weight: bold; text-align: left; margin: 5px 0 0; padding: 0 }
#content2 h1 em {font-style: normal;}
#content2 h1 a {color: #333;}
#content2 h1 a:hover {color: #000;}
#content2 h2  { color: #000; font-size: 0.85em; font-style: italic; font-weight: bold; margin: 0; padding-bottom: 10px; border-bottom: 1px dashed #b2b2b2 }
#content2 h3 { color: #00f; margin: 10px 0; padding: 5px 0; border-bottom: 1px dashed #555 }
#content2 p  { color: #000; font-size: 1em; line-height: 125%; margin: 0; padding: 5px 10px }
#content2 a { font-size: 1em; font-weight: normal; text-decoration: underline }
#content2 a:hover  { color: #000; font-size: 1em; font-weight: normal; text-decoration: underline }
#content2 ul   { margin: 5px 0 0 40px; padding: 0 0 5px }
#content2 li  { padding-top: 2px; padding-bottom: 2px; padding-left: 10px }

#content2 img { padding: 5px; border-width: 0 }

/** CONTACT CONTENT **/

#content3 { margin: 0; padding: 5px 25px 10px 10px; width: 595px; float: left }
#content3 h1 { color: #00f; font-size: 1.25em; font-weight: bold; text-align: left; margin: 5px 0 0; padding: 0 }
#content3 h1 em {font-style: normal;}
#content3 h1 a {color: #333;}
#content3 h1 a:hover {color: #000;}
#content3 h2  { color: #000; font-size: 0.85em; font-style: italic; font-weight: bold; margin: 0; padding-bottom: 10px; border-bottom: 1px dashed #b2b2b2 }
#content3 h3 { color: #00f; margin: 10px 0; padding: 5px 0; border-bottom: 1px dashed #555 }
#content3 p  { color: #000; font-size: 1em; line-height: 125%; margin: 0; padding: 5px 10px }
#content3 a { font-size: 1em; font-weight: normal; text-decoration: underline }
#content3 a:hover  { color: #000; font-size: 1em; font-weight: normal; text-decoration: underline }

#content3 img { padding: 5px; border-width: 0 }
#content3 ul  { list-style-type: none; margin: 0 0 0 25px; padding: 10px 0 }
#content3 li  { margin: 0; padding: 2px 0 }

/** CONTENT4 NEWS **/

#content4 { margin: 0; padding: 5px 25px 10px 10px; width: 595px; float: left }
#content4 h1 { color: #00f; font-size: 1.25em; font-weight: bold; text-align: left; margin: 5px 0 0; padding: 0 }
#content4 h1 em {font-style: normal;}
#content4 h1 a {color: #333;}
#content4 h1 a:hover {color: #000;}
#content4 h2  { color: #000; font-size: 0.85em; font-style: italic; font-weight: bold; margin: 0; padding-bottom: 10px; border-bottom: 1px dashed #b2b2b2 }
#content4 h3 { color: #00f; margin: 10px 0; padding: 5px 0; border-bottom: 1px dashed #555 }
#content4 p  { color: #000; font-size: 1em; line-height: 125%; margin: 0; padding: 5px 10px }
#content4 a { font-size: 1em; font-weight: normal; text-decoration: underline }
#content4 a:hover  { color: #000; font-size: 1em; font-weight: normal; text-decoration: underline }

#content4 img { padding: 5px; border-width: 0 }
#content4 ul  { margin: 0 0 0 25px; padding: 10px 0 }
#content4 li  { margin: 0; padding: 2px 0 }

.contact4   { width: 425px }
.bluebox { background-color: #90cdec; margin: 10px 0; padding: 10px }
.bluebox h4 { font-size: 1.25em; text-align: center; margin: 0; padding: 0 0 5px; border-bottom: 1px solid #000 }
.bluebox ol { margin: 10px 0 0 25px; padding: 0 }
.faq { margin: 10px 0 10px 25px; padding: 0 }
.faq li { margin: 0; padding: 5px 0 }

/** STORE LOCATIONS CONTENT **/

#content5      { margin: 0; padding: 5px 25px 10px 10px; width: 440px; float: left }
#content5 h1 { color: #00f; font-size: 1.25em; font-weight: bold; text-align: left; margin: 5px 0 0; padding: 0 }
#content5 h1 {font-style: normal;}
#content5 h1 a {color: #333;}
#content5 h1 a:hover {color: #000;}
#content5 h2  { color: #000; font-size: 0.85em; font-style: italic; font-weight: bold; margin: 0; padding-bottom: 10px; border-bottom: 1px dashed #b2b2b2 }
#content5 h3 { color: #00f; margin: 10px 0; padding: 5px 0; border-bottom: 1px dashed #555 }
#content5 h4  { color: #000; font-size: 1.25em; margin: 0; padding: 5px 0 }
#content5 h5  { color: #300; font-size: 1em; margin: 0; padding: 0 0 0 10px }
#content5 p  { color: #000; font-size: 1em; line-height: 125%; margin: 0; padding: 5px 10px }
#content5 a { font-size: 1em; font-weight: normal; text-decoration: underline }
#content5 a:hover  { color: #000; font-size: 1em; font-weight: normal; text-decoration: underline }

#content5 img { padding: 5px; border-width: 0 }
#content5 ul   { font-size: 0.75em; list-style-type: none; margin: 0 0 0 25px; padding: 10px 0 }
#content5 ul ul { font-size: 1em }
#content5 li  { margin: 0; padding: 2px 0 }

/* PROMO */ 
#promo  { background-color: #fff; text-align: center; margin: 25px; padding: 10px; border: solid 2px #ccc }
#promo h1 { color: #00f; font-size: 1.5em; font-weight: bold; text-align: center; margin: 0; padding: 0 }
#promo h2 { color: #000; font-size: 1em; font-style: italic; font-weight: bold; text-align: center; margin: 0; padding: 0; border-width: 0 }
#promo h3 { color: #000; font-size: 1em; font-style: italic; font-weight: bold; text-align: center; margin: 0; padding: 0; border-width: 0 }
/** PROMS **/
#proms { text-align: center; list-style-type: none; margin: 10px 15px 25px 10px; padding: 0 0 15px; width: 430px; height: 200px; border-style: solid; border-width: 5px 1px 1px; border-color: #f3c }
#proms h4 { color: #000; font-size: 1em; font-weight: bold; background-color: #fcf; margin: 0 0 10px; padding: 3px 0 5px }
#proms ul { list-style-type: none; display: block; margin: 0; padding: 0 }
#proms li { font-size: 0.8em; font-weight: bold; margin: 0; padding: 0 0 0 12px; float: left }
#proms1 { padding: 0; border: solid 1px #555 }
#proms1 td { font-size: 0.8em; padding: 5px; border: solid 1px #b2b2b2 }
#proms1 ol { margin: 0 0 0 25px; padding: 0 }
#proms1 li { margin: 0; padding: 0 }

/** TIPS **/
.tips1 { margin: 10px 0 10px 25px; padding: 0; border: solid 1px #555 }
.tips1 h4 { color: #000; font-size: 1em; font-weight: bold; background-color: #fcf; margin: 0 0 10px; padding: 3px 0 5px }
.tips1 ul { list-style-type: none; display: block; margin: 0; padding: 0 }
.tips1 li { font-size: 0.8em; font-weight: bold; margin: 0; padding: 0 0 0 12px; float: left }
.tips1 td { font-size: 0.8em; padding: 5px; border: solid 1px #b2b2b2 }
.tips1 ol { margin: 0 0 0 25px; padding: 0 }
.tips1 li { margin: 0; padding: 0 }


/*** RIGHT ***/

#right        { margin: 0 0 20px; padding: 0 2px 0 6px; width: 150px; float: left; border-width: 0 }
#right ul  { list-style-type: none; margin: 0; padding: 0 }
#right li  { font-weight: bold; margin: 0; padding: 0 }
.mpf { margin: 0; padding: 0; border-width: 0 }
#rproteinslam     { font-size: 0.8em; background-color: #fff; text-align: center; margin-top: 0; margin-right: 0; margin-bottom: 2.5px; padding: 5px 5px 10px }
#rproteinslam:hover { background-color: #ffd700 }
#rprojoint  { font-size: 0.8em; font-weight: bold; background-color: #fff; text-align: center; margin-top: 2.5px; margin-bottom: 2.5px; padding: 5px 0; border-width: 0 }
#rprojoint:hover { background-color: #ffd700 }
.rprodessert  { font-size: 0.8em; font-weight: bold; background-color: #fff; text-align: center; margin-top: 2.5px; margin-bottom: 2.5px; padding: 5px 0; border-width: 0 }
.rprodessert:hover { background-color: #ffd700 }
.prodessert  { background-position: center 0; text-align: center; margin: 10px 0; padding: 0; width: 150px; border: solid 2px #fff }
#rightproms { color: #930; font-size: 0.8em; font-weight: bold; background-color: #feff97; margin-top: 10px; padding: 10px 5px }
#rightproms a { font-weight: normal }
#success  { background-color: #fcf; margin-top: 10px; padding: 5px 5px 10px }
#success a { font-size: 0.8em; padding-top: 5px; padding-bottom: 5px }
#success p { color: #900; font-style: italic; font-weight: bold; padding-bottom: 5px }
/*** FOOTER ***/

#footer       { font-size: 0.75em; text-align: center; margin: 10px 10px 0 30px; padding: 5px 0 0; width: 700px; height: 40px; clear: both; border-top: 1px solid #555 }
#footer a   { padding-right: 5px; padding-left: 5px }
#footer p  { margin: 0; padding: 5px 0 }
.current  { font-weight: bold }
.accent  { color: #000; font-style: oblique; font-weight: bold; text-align: center }

/* IE5.x/Win hacks */
/**
#main {width: 960px; voice-family: "\"}\""; voice-family: inherit; width: 750px;}
#left {width: 170px; voice-family: "\"}\""; voice-family: inherit; width: 170px;}
#content {width: 585px; voice-family: "\"}\""; voice-family: inherit; width: 540px;}
#right {width: 155px; voice-family: "\"}\""; voice-family: inherit; width: 140px;}
**/
/* IE5/Mac hacks */
/*\*//*/
/**#navbar {padding-top: 0.75em; height: 1.66em;}
#navbar li a {display: inline;}
/**/