/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";

/* Body
-------------------------------------------------------------- */
body { background: url(../images/bg.png) repeat-x #550765 ; margin: 0; padding: 0;font-size:14px;line-height:20px; }

a { color: #0033FF; text-decoration: underline; }
a:hover { color: #000000; text-decoration: underline; }

/* Page
-------------------------------------------------------------- */
#page { background: url(../images/bg-page.jpg) no-repeat top center; margin: 0 auto; width: 980px; }

li { padding-bottom: 10px; }
.right { float: right; }
.left { float: left; }

/* Header
-------------------------------------------------------------- */
#header { position: relative; height: 125px; }
#logo { padding: 0; margin: 0; }
#logo a { display: block; text-indent: -9999px; width: 260px; height: 125px; float: left;  }
#topmenu { position: relative;float: right; display: inline;margin: 6px 0 0 0; padding: 0;  }
#topmenu a { color: #fe0750; padding: 1px 8px 1px 5px; margin: 10px 5px; border-right:  solid 1px #6f2280; }
#topmenu a.last { color: #fff; text-decoration: none; border: none; padding-right: 0; margin-right: 0;}
#topmenu a.last span { font-size: 1.2em;color: #ffe400; font-weight: bold; }
#topmenu .promocode { position: absolute; background: #fe0750; color: #fff; padding:  1px 5px 0px 5px; left: 230px; top: 20px; border: solid 1px #1e0125;}

/* content
-------------------------------------------------------------- */
#content {  }

/* h1 { color: #550765; text-align: center; margin-bottom: 10px;} */
/* h2 { color: #fe0750; margin-bottom: 10px; text-align: center;margin-bottom: 20px; font-size: 1.8em; line-height: 1.2em; } */

h1 { color: #550765; text-align: center; margin-bottom: 20px; font-size: 1.8em; line-height: 1.2em;}
h2 { color: #550765; margin-bottom: 10px; text-align: center; margin-bottom: 20px; font-size: 1.8em; line-height: 1.2em; }
h3 { color: #fe0750; margin-bottom: 22px; }

.center { text-align: center; }
.red { color: red; }

.testimonialbox { background-color:#FFD8FD; padding: 30px 20px 30px 20px; margin-right: 30px; margin-left: 30px; margin-bottom: 10px; }
.testimonialboxyellow { background-color:#FFF1FE; padding: 30px 20px 30px 20px; margin-right: 30px; margin-left: 30px; margin-bottom: 10px; }
.testimonialtables {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: top;}
.testimonialtablestd {border-bottom: none;  padding: 0px 0px 0px 0px; vertical-align: top;}
.testimonialtablestdbottom {border-bottom: none; padding: 0px 0px 0px 0px; vertical-align: bottom;}
.testimonialtablestdmiddle {border-bottom: none; padding: 0px 0px 0px 0px; vertical-align: middle; }
.testimonialtablesimg { margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; }


#primarycontent { background: #fff;float: right; display: inline; width: 780px; }
#primarycontent .tabs { clear: both;background: url(../images/bg-nav.gif) no-repeat #d0013e; margin: 0 0 30px 0; }
#primarycontent .tabs a {background: url(../images/bg-nav.gif) no-repeat 0 0; color: #fff; text-decoration: none; line-height: 40px; font-size: 1.1em; font-weight: bold; text-indent: -9999px; display: block;}
#primarycontent .tabs li.btn-home a { width: 70px;background-position: -0px 0; margin-left: 0px; }
#primarycontent .tabs li.btn-home a:hover { background-position: -0px -40px ; }

#primarycontent .tabs li.btn-why a { width: 182px;background-position: -70px 0; }
#primarycontent .tabs li.btn-why a:hover { background-position: -70px -40px ; }

#primarycontent .tabs li.btn-certification a { width: 102px;background-position: -252px 0;}
#primarycontent .tabs li.btn-certification a:hover { background-position: -252px -40px ; }

#primarycontent .tabs li.btn-ingredients a { width: 89px;background-position: -354px 0; }
#primarycontent .tabs li.btn-ingredients a:hover { background-position: -354px -40px ; }

#primarycontent .tabs li.btn-testimonials a { width: 99px;background-position: -445px 0;}
#primarycontent .tabs li.btn-testimonials a:hover { background-position: -445px -40px ; }

#primarycontent .tabs li.btn-guarantee a { width: 69px;background-position: -545px 0;}
#primarycontent .tabs li.btn-guarantee a:hover { background-position: -545px -40px ; }
#primarycontent .tabs li.btn-order a { width: 169px;background-position: -615px 0;}
#primarycontent .tabs li.btn-order a:hover { background-position: -615px -40px ; }
#primarycontent p { font-size: 1.1em; }
#primarycontent .bottomtabs { margin: 30px 0 0 0; }

/* #primarycontent .intro { font-size: 1.3em; line-height: 1.6em; font-weight: bold; } */
#primarycontent .intro { font-size: 1.3em; line-height: 1.6em; font-weight: none; }


.sidecol { float: right; display: inline; width: 300px; margin:0 0 0 40px; padding: 0 40px 0 0; }

.quickorderform { background: #ffe400;border: 0; margin-bottom: 0; }
.quickorderform fieldset { border: 0; padding: 0 20px 80px 20px; margin-bottom: 0; background: url(../images/bottom-quickform.png) no-repeat center bottom; }
.quickorderform h2 { background: url(../images/header-quickform.png) no-repeat; text-indent: -9999px; height: 50px;  }
p.inputfield { margin-bottom: 0; }
p.inputfield label { display: none; }
p.inputfield input { width: 245px; padding: 5px; margin-bottom: 10px; font-size: 1em; background: #fff !important; }
#primarycontent .quickorderform p.radio { padding: 10px; margin-bottom: 1px;background: url(../images/bg-quickform-radio.png) no-repeat;color: #fe0750; font-size: 1em; line-height: 1.2em; }
#primarycontent .quickorderform p.radio span { margin-left: 18px; font-size: 0.8em; color: #550765; }
.submitbutton { margin: 5px 0 10px 3px;display: block; background: url(../images/btn-placeorder.gif) no-repeat 0 0; width: 245px; height: 42px;}
.submitbutton:hover { background-position: 0 -42px ; }
 label { cursor: pointer; }
 
.cta-list { text-indent: -9999px; background: url(../images/cta-list.png) no-repeat; display: block; width: 300px; height: 230px;}
.cta-list li { list-style-type: none; }

.maincontent {padding: 0 40px;}
.maincontent ul li { background: url(../images/bullet.png) no-repeat; list-style-type: none; padding-left: 25px; margin-bottom: 15px; }

.bottom-order {  clear: both; width: 700px; margin-left: 40px; height: 185px; }
.bottom-order h2 a { text-indent: -9999px;background: url(../images/button-bottom.gif) no-repeat 0 0; display: block; width: 700px; height:160px; }
.bottom-order h2 a:hover { background-position: 0 -162px;}
#primarycontent .bottom-order p { font-size: 1.1em; }
#primarycontent .bottom-order p strong { text-decoration: none; color: #550765; }

#secondarycontent { margin-top: 40px;float: left;display: inline; width: 200px; }
#secondarycontent .block a { display: block; background: #40034d; width: 143px;margin: 0 0 30px 30px;color: #ffffff; text-decoration: none; }
#secondarycontent .block a h3 { color: #fff; padding: 20px 10px 0 15px; line-height: 1.5em; font-size: 1em; }
#secondarycontent .block a p { color: #fe0750; padding: 0 15px 20px 15px; text-decoration: underline; font-size: 0.9em; }
#secondarycontent .block a span { color: #ffe400; font-size: 0.8em; }
#secondarycontent #medias a { background: url(../images/block-medias.jpg) no-repeat #40034d; padding-top: 323px; }
#secondarycontent #reports a { background: url(../images/block-reports.jpg) no-repeat #40034d; padding-top: 265px; }
#secondarycontent #nike a { background: url(../images/block-nike.jpg) no-repeat #40034d; padding-top: 150px; }

/* Footer
-------------------------------------------------------------- */
#footer { clear: both; background: #40034d; margin-left: 200px; padding: 20px 40px; margin: 0;text-align: center; color: #a081a6; font-size: 12px;}
#footer a { color: #a081a6; }
#footer a:hover { color: #fff; }

#prefooter { clear: both; text-align: left; float: left; display: inline;width: 700px; margin-bottom: 20px; }
#prefooter .block { float: left; display: inline; width: 180px; background: #4b0559; padding: 20px; }
#prefooter .block li { padding:  0; margin:  0; }
#prefooter .block a { background: url(../images/bullet-article.png) no-repeat 0 -4px; padding: 0 0 0 20px; }
#prefooter .firstblock { width: 420px; margin-right: 20px; }
#prefooter .firstblock ul.first { margin-right: 20px; }
#prefooter h2 { font-size: 1.2em; }
#prefooter ul { margin: 0; padding: 0; list-style-type: none; float: left; display: inline; width: 200px;}

#footer .links { clear: both;border-top: solid 1px #550765; padding-top: 20px; }
#footer .tabs a { padding: 10px 30px 10px 0;}

/* order page elements -------------------------------------------------------------------------- */

.ordersPrice { margin-top: 10px; margin-bottom: 5px; font-weight: bold; font-size: 28px; color: #fe0750; }
.orderTitleLine { font-size: 18px; margin-top: 10px; margin-bottom: 7px; }
.orderGreenBold { color: #009900; font-weight: bold; }
.orderParagraph { margin-bottom: 7px; }
.orderParagraphGray {margin-bottom: 7px; color: #666666;  }
.orderGray {color: #666666}
.orderTitleLineGray {font-size: 18px; margin-top: 10px; margin-bottom: 7px; color: #666666; }
.redh2 { color: #fe0750; }