/*   GENERAL STUFF    */

body {
   background-color: #FFFFFF;
   background-image: url("images/background.jpg");
   background-repeat: no-repeat;
   background-position: top center; 
   background-attachment: fixed;
   font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
   text-rendering: optimizelegibility;
   }

.clr { clear: both;  }


/*    ROUNDED BOXES     */

#banner-area {
   max-width:1200px;
   background: none repeat scroll 0% 0% ;
   box-shadow: 3px 3px 10px #000;
   border-radius: 15px;
   margin-top:10px;
   margin-left: auto;
   margin-right: auto;
   background-color: #f00;
   }

#non-banner-area {
   max-width:940px;
   background: none repeat scroll 0% 0% #FFF;
   box-shadow: 3px 3px 10px #000;
   border-radius: 15px;
   min-height: 200px;
   margin-top:10px;
   margin-left: auto;
   margin-right: auto;
   }

#non-banner-area-short {
   max-width:940px;
   background: none repeat scroll 0% 0% #FFF;
   box-shadow: 3px 3px 10px #000;
   border-radius: 15px;
   min-height: none;
   margin-top:10px;
   margin-left: auto;
   margin-right: auto;
   border-radius: 15px 15px 15px 15px !important;
   background-color:#f00;
   }


/*     ORDER LINE     */

#order-line {
   background-color: #F00;
   font-size: 26px;
   border-radius: 15px 15px 0px 0px;
   padding-top:10px;
   padding-bottom:10px;
   padding-left:10px;
   padding-right:10px;
/*   min-height:23px;   */
   text-align: center;
   }
@media screen and (max-width:900px) {
   #order-line {
   font-size: 18px;
   min-height:20px;
   }
   }
@media screen and (max-width:600px) {
   #order-line {
   font-size: 15px;
   padding-left:2px;
   padding-right:2px;
   }
   }

#order-line a {  
     color:#FFF;
     text-shadow: 2px 2px #000;
     font-weight:bold;
     }


#order-line2 {
   background-color: #F00;
   font-size: 22px;
   border-radius: 15px 15px 15px 15px;
   padding-top:10px;
   padding-bottom:10px;
   padding-left:10px;
   padding-right:10px;
   min-height:23px;
   text-align: center;
   }
@media screen and (max-width:900px) {
   #order-line2 {
   font-size: 18px;
   min-height:20px;
   }
   }
@media screen and (max-width:600px) {
   #order-line2 {
   font-size: 15px;
   padding-left:2px;
   padding-right:2px;
   font-weight:bold;
   }
   }

#order-line2 a {
     color:#FFF;
     text-shadow: 2px 2px #000;
     font-weight:bold;
     }

#order-line2 { color:#fff; }

@media screen and (min-width:400px) {
   .quarter1 {
      width:25%;
      float:left;
      padding-bottom: 10px;
   }
   .quarter2 {
      width:25%;
      float:left;
      padding-bottom: 10px;
   }   
   .quarter2 img { background:#fff; padding:5px; max-width:80%; border-radius: 15px 15px 15px 15px;  }
}

@media screen and (max-width:400px) {
   .quarter1 {
      width:90%;
      float:none;
      padding-left:5%;
      padding-right:5%;
      padding-bottom:10px;
   }
   .quarter2 {
      width:30%;
      float:left;
      padding-left:10%;
      padding-right:10%;
      padding-bottom:5px;
   }
   .quarter2 img { background:#fff; padding:5px; max-width:90%; border-radius: 15px 15px 15px 15px;  }
}


/*    LOGO LINE     */

#logo-line-right-a {
   padding-top:0px;  padding-bottom:5px;
   font-size: 30px;
   color: #0C00AE;
   text-align: center;
   font-weight: 700;
   }
@media screen and (max-width:900px) {
   #logo-line-right-a {
   font-size:18px;
   }
   }
@media screen and (max-width:600px) {
   #logo-line-right-a {
   display:none;
   }
   }

#logo-line-right-b {
   padding-bottom:0px;  padding-top:5px;
   font-size: 25px;
   color: #0C00AE;
   text-align: center;
   font-weight: 700;
   }
@media screen and (max-width:900px) {
   #logo-line-right-b {
   font-size:14px;
   }
   }
@media screen and (max-width:600px) {
   #logo-line-right-b {
   display:none;
   }
   }


#logo-line-right-a-n {
   padding:5px;
   font-size: 18px;
   color: #0C00AE;
   text-align: center;
   font-weight: 700;
   }
@media screen and (min-width:900px) {
   #logo-line-right-a-n {
   font-size:18px;
   }
   }
@media screen and (min-width:600px) {
   #logo-line-right-a-n {
   display:none;
   }
   }

#logo-line-right-b-n {
   padding:5px;
   font-size: 14px;
   color: #0C00AE;
   text-align: center;
   font-weight: 700;
   }
@media screen and (min-width:900px) {
   #logo-line-right-b-n {
   font-size:14px;
   }
   }
@media screen and (min-width:600px) {
   #logo-line-right-b-n {
   display:none;
   }
   }

#logo-line-narrow {    padding:5px;    }

@media screen and (min-width:600px) {
   #logo-line-narrow {
   display:none;
   }
   }




/*       NAVIGATION STUFF         */

.navigation2 {  list-style: outside none none;  color:#fff;  margin-top: 0px; height:100%; }
.navigation2 ul {  }
.navigation2 li {  float:left;  padding:10px;  margin-bottom:5px;}
.navigation2 a {  color:#fff;    
                  text-decoration: none;  
                  border-bottom: 2px solid transparent; 
                  text-transform: uppercase; 
                  font-size:14px; 
                  font-weight:800; 
                  text-shadow: 1px 1px #F00;
                  }
.navigation2 a:hover  { border-bottom-color: #FCD492;  }
.navigation2 a:focus  { border-bottom-color: #FCD492;  }

@media screen and (max-width:900px) {
   .navigation2 li {  padding:5px;  padding-right:10px;  }
   .navigation2 a  {  font-size:12px;  }
   }
@media screen and (max-width:600px) {
   .navigation2    {  margin-left:-38px;  }
   .navigation2 li {  padding:3px;  padding-right:8px;  }
   .navigation2 a  {  font-size:9px;  }
   }

 .navigation  { background-color: #274fa7; width:100%; padding-top:0px; margin-top:0px;   }
/*  position: fixed;  z-index: 100;   top: 0;  */




/*    INDEPENDENT STUDY LINE     */

#independent-study {
   text-align:center;
   margin-left: auto;
   margin-right: auto;
   font-size: 15px;
   color: #D30022;
   padding-left: 5px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 8px;
   background-color:#fff;
   }

@media screen and (max-width:900px) {
   #independent-study {
   font-size:13px;
   }
   }
@media screen and (max-width:600px) {
   #independent-study {
   font-size:11px;
   }
   }


/*    IMAGE ADVERTISEMENT LINE     */

#image-ad  {  background-color:#fff; }

#image-ad-large {  width:96%; margin: 0 auto; }
#image-ad-large img {
   width: 100%;
   height: auto;
   }

@media screen and (max-width:600px) {
#image-ad-large {
   display:none;
   }
   }

#image-ad-small {  width:96%; margin: 0 auto; }
#image-ad-small img {
   width: 100%;
   height: auto;
   }

@media screen and (min-width:600px) {
#image-ad-small {
   display:none;
   }
   }


/*    FINAL LINE IN THE BANNER AREA    */

   #final-line  {
   height:20px; 
   background-color:#fff;    
   border-radius: 0px 0px 15px 15px;
   }



/*    HEADER FONTS    */

#header-font {
   font-family: "Yanone Kaffeesatz",sans-serif;
   text-align:center;
   margin-left: auto;
   margin-right: auto;
   font-size: 35px;
   color: #000000;
   padding-left: 25px;
   padding-right: 25px;
   padding-top: 10px;
   padding-bottom: 8px;
   }

@media screen and (max-width:900px) {
   #header-font {
   font-size:27px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 8px;
   }
   }
@media screen and (max-width:600px) {
   #header-font {
   font-size:19px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 10px;
   padding-bottom: 8px;
   }
   }

#header-font2 {
   font-family: "Yanone Kaffeesatz",sans-serif;
   text-align:center;
   margin-left: auto;
   margin-right: auto;
   font-size: 30px;
   color: #000000;
   padding-left: 25px;
   padding-right: 25px;
   padding-top: 10px;
   padding-bottom: 8px;
   }

@media screen and (max-width:900px) {
   #header-font2 {
   font-size:25px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 8px;
   }
   }
@media screen and (max-width:600px) {
   #header-font2 {
   font-size:16px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 10px;
   padding-bottom: 8px;
   }
   }


#header-font3 {
   font-family: "Noto Sans",sans-serif;
   text-align:center;
   margin-left: auto;
   margin-right: auto;
   font-size: 20px;
   color: #0D316C;
   padding-left: 25px;
   padding-right: 25px;
   padding-top: 10px;
   padding-bottom: 8px;
   }

@media screen and (max-width:900px) {
   #header-font3 {
   font-size:18px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 8px;
   }
   }
@media screen and (max-width:600px) {
   #header-font3 {
   font-size:14px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 10px;
   padding-bottom: 8px;
   }
   }




/*    BODY FONTS    */

@media screen and (max-width:600px) {
#body-font label {
   display: inline-block;
   max-width:230px;
   }
   }

#body-font {
   font-family: "Noto Sans",sans-serif;
   color: #0D316C;
   font-size: 16px;
   line-height: 19px;
   margin-bottom: 11px;
   padding-left: 25px;
   padding-right: 25px;
   }

@media screen and (max-width:900px) {
   #body-font {
   font-size: 13px;
   line-height: 17px;
   padding-left: 10px;
   padding-right: 10px;
   }
   }
@media screen and (max-width:600px) {
   #body-font {
   font-size: 12px;
   line-height: 15px;
   padding-left: 5px;
   padding-right: 5px;
   }
   }

#under  {  font-weight:bold;  text-decoration: underline;  color:#000; }


#body-font2 {
   font-family: "Noto Sans",sans-serif;
   color: #0D316C;
   font-size: 16px;
   line-height: 19px;
   margin-bottom: 11px;
   padding-left: 25px;
   padding-right: 25px;
   }

@media screen and (max-width:900px) {
   #body-font2 {
   font-size: 15px;
   line-height: 17px;
   padding-left: 10px;
   padding-right: 10px;
   }
   }
@media screen and (max-width:600px) {
   #body-font2 {
   font-size: 13px;
   line-height: 15px;
   padding-left: 5px;
   padding-right: 5px;
   }
   }



/*    GUARANTEE!    */

#g1 {
   font-family: "Noto Sans",sans-serif;
   font-size:24px;
   font-weight:bold;
   text-align:center;
   }

@media screen and (max-width:900px) {
   #g1 {
   font-size:20px;
   }
   }
@media screen and (max-width:600px) {
   #g1 {
   }
   }

#g2 {
   font-family: "Noto Sans",sans-serif;
   font-size:14px;
   }

@media screen and (max-width:900px) {
   #g2 {
   font-size:12px;
   }
   }
@media screen and (max-width:600px) {
   #body-font2 {
   }
   }

#g3 {
   font-family: "Noto Sans",sans-serif;
   font-size:14px;
   color:red;
   text-decoration:underline;
   }

@media screen and (max-width:900px) {
   #g3 {
   font-size:12px;
   }
   }
@media screen and (max-width:600px) {
   #g3 {
   }
   }

#g4 {
   font-family: "Noto Sans",sans-serif;
   font-size:14px;
   font-weight:bold;
   }

@media screen and (max-width:900px) {
   #g4 {
   font-size:12px;
   }
   }
@media screen and (max-width:600px) {
   #g4 {
   }
   }


#g-surround {
   font-family: "Noto Sans",sans-serif;
   border-top: black 1px  solid;
   border-left: black 1px  solid;
   border-bottom: black 1px  solid;
   border-right: black 3px  groove;
   margin: auto;
   width:530px;
   }

@media screen and (max-width:900px) {
   #g-surround {
   }
   }
@media screen and (max-width:600px) {
   #g-surround {
   width:250px;
   }
   }


#g-left {
   font-family: "Noto Sans",sans-serif;
   float:left;
   padding:5px;
   width:150px;
   padding-top:25px;
   margin: 0 auto;
   }

@media screen and (max-width:900px) {
   #g-left {
   padding-top:5px;
   }
   }
@media screen and (max-width:600px) {
   #g-left {
   float:none;
   }
   }

#g-right {
   font-family: "Noto Sans",sans-serif;
   float:right;
   padding:5px;
   width:350px;
   }

@media screen and (max-width:900px) {
   #g-right {
   }
   }
@media screen and (max-width:600px) {
   #g-right {
   float:none;
   width:240px;
   }
   }
   
   
/*    IMAGE CLIKEY    */

#click-me {
   font-family: "Noto Sans",sans-serif;
   padding-bottom:20px;
   font-size:15px;
   text-align:center;
   }

@media screen and (max-width:900px) {
   #click-me {
   font-size:13px;
   }
   }
@media screen and (max-width:600px) {
   #click-me {
   font-size:11px;
   }
   }


/*    FAQS    */

#the-row  {  display: table-row; vertical-align: top;  }

#faq-q {
   font-family: "Noto Sans",sans-serif;
   padding-bottom:10px;
   padding-top:3px;
   font-size:15px;
   color: #0D316C;
   padding-right:25px;
   font-weight:bold;
   display: table-cell; vertical-align: top;
   }

@media screen and (max-width:900px) {
   #faq-q {
   font-size:13px;
   padding-left:10px;
   padding-right:10px;
   padding-top:1px;
   }
   }
@media screen and (max-width:600px) {
   #faq-q {
   font-size:11px;
   padding-left:5px;
   padding-right:5px;
   padding-top:0px;
   }
   }


#faq-a {
   font-family: "Noto Sans",sans-serif;
   padding-bottom:20px;
   padding-top:3px;
   font-size:15px;
   padding-right:25px;
   display: table-cell; vertical-align: top;
   }

@media screen and (max-width:900px) {
   #faq-a {
   font-size:13px;
   padding-left:10px;
   padding-right:10px;
   padding-top:1px;
   }
   }
@media screen and (max-width:600px) {
   #faq-a {
   font-size:11px;
   padding-left:5px;
   padding-right:5px;
   padding-top:0px;
   }
   }


#q {
   font-family: "Yanone Kaffeesatz",sans-serif;
   padding-bottom:10px;
   font-size:28px;
   color: #0D316C;
   padding-left:25px;
   padding-right:25px;
   float:left;
   display: table-cell; vertical-align: top;
   }

@media screen and (max-width:900px) {
   #q {
   font-size:20px;
   padding-left:10px;
   padding-right:10px;
   }
   }
@media screen and (max-width:600px) {
   #q {
   font-size:15px;
   padding-left:5px;
   padding-right:5px;
   }
   }


#a {
   font-family: "Yanone Kaffeesatz",sans-serif;
   padding-bottom:20px;
   font-size:28px;
   color: #ff0000;
   padding-left:25px;
   padding-right:25px;
   float:left;
   display: table-cell; vertical-align: top;
   }

@media screen and (max-width:900px) {
   #a {
   font-size:20px;
   padding-left:10px;
   padding-right:10px;
   }
   }
@media screen and (max-width:600px) {
   #a {
   font-size:15px;
   padding-left:5px;
   padding-right:5px;
   }
   }


/*    AMAZON REVIEWS   */

#review-votes {
   padding-left:10px;
   padding-right:10px;
   font-size: 12px !important;
   line-height: 1.5 !important;
   color: #555 !important;
   font-family: Arial,sans-serif;
   }

#review-title {
   padding-left:10px;
   padding-right:10px;
   font-weight: 700 !important;
   font-size: 13px !important;
   line-height: 19px !important;
   color: #111 !important;
   font-family: Arial,sans-serif;
   }

#review-byline {
   padding-left:10px;
   padding-right:10px;
   font-size: 13px !important;
   line-height: 19px !important;
   color: #555 !important;
   font-family: Arial,sans-serif;
   }

#author {
   padding-left:1px;
   padding-right:1px;
   color: #0066C0;
   font-size: 13px !important;
   line-height: 19px !important;
   font-family: Arial,sans-serif;
   }

#review-text {
   padding-left:10px;
   padding-right:10px;
   font-size: 13px !important;
   line-height: 19px !important;
   color: #111;
   font-family: Arial,sans-serif;
   padding-bottom:10px;
   }



/*   DRUGSTORE.COM REVIEWS   */

#ds-container  {
   margin-left:15px;
   margin-right:15px;
   max-width:620px;
   }

#ds-rule  {  border-bottom: 1px solid #CCC;  }

#spacer0  {  height:30px; }
#spacer1  {  height:25px; }
#spacer2  {  height:20px; }
#spacer3  {  height:15px; }

#review-author {
   width: 180px;
   float: left;
   text-align: left;
   text-transform: lowercase;
   font-family: Arial;
   font-size: 12px;
   color: #333;
   line-height: 15px;
   padding-top: 15px;
   }

#runt {
   font-family: Arial;
   font-size: 11px;
   color: #333;
   font-weight: bold;
   }

@media screen and (max-width:900px) {
   #review-author {
   }
   }
@media screen and (max-width:600px) {
   #review-author {
   float: none;
   }
   }


#review-rating {
   width: 440px;
   float: left;
   text-align: left;
   font-family: Arial;
   font-size: 12px;
   color: #333;
   line-height: 15px;
   padding-top: 15px;
   }

@media screen and (max-width:900px) {
   #review-rating {
   width:350px;

   }
   }
@media screen and (max-width:600px) {
   #review-rating {
   float: none;
   width:250px;
   }
   }


#headline {
   padding-bottom:10px;
   width:440px;
   }

@media screen and (max-width:900px) {
   #headline {
   width:350px;
   }
   }
@media screen and (max-width:600px) {
   #headline {
   width:250px;
   }
   }

#grey-rounded {
   background-color: #8D8D8E;
   width: 24px;
   height: 15px;
   font-family: Arial;
   font-weight: bold;
   color: #FFF;
   font-size: 12px;
   text-align: center;
   margin-right: 0.3em;
   line-height: 15px;
   padding: 0px 0.4em;
   vertical-align: middle;
   border-radius: 0.2em;
   margin-left:7px;
   }

#review-rating-headline {
   font-family: Arial;
   font-weight: bold;
   color: #333;
   font-size: 14px;
   vertical-align: middle;
   display:inline-block;
   width:240px;
   }

#author-date {
   font-family: Arial;
   font-weight: normal;
   color: #333;
   font-size: 11px;
   text-align: right;
   display:inline-block;
   width:80px;
   float:right;
   }
@media screen and (max-width:900px) {
   #author-date {
   width:350px;
   text-align:left;
   float:none;
   }
   }
@media screen and (max-width:600px) {
   #author-date {
   text-align:left;
   float:none;
   }
   }


#col-1 {
   width: 30%;
   float:left;
   }

#col-2 {
   width: 30%;
   float:left;
   }

#col-3 {
   width: 30%;
   float:left;
   }


#pros {
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   color: #007BBF;
   text-transform: uppercase;
   text-align: left;
   display: block;
   font-weight: bold;
   padding: 0px;
   margin: 0.5em 0.5em 0px 0px;
   }

#cons {
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   color: #F00;
   text-transform: uppercase;
   text-align: left;
   display: block;
   font-weight: bold;
   padding: 0px;
   margin: 0.5em 0.5em 0px 0px;
   }

#best-uses {
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   color: #90BF1F;
   text-transform: uppercase;
   text-align: left;
   display: block;
   font-weight: bold;
   padding: 0px;
   margin: 0.5em 0.5em 0px 0px;
   }

#routine-left {
   float:left;
   width:120px;
   padding-right:40px;
   }

#routine-right {

   }


/*   BUY NOW STUFF   */

#buy-now {
   padding-left:25px;
   padding-rigth:25px;
   }
@media screen and (max-width:900px) {
   #buy-now {
   padding-left:10px;
   padding-rigth:10px;
   }
   }
@media screen and (max-width:600px) {
   #buy-now {
   padding-left: 5px;
   padding-right: 5px;
   }
   }

#sales-points {
   padding: 0;
   margin: 0;
   list-style-type: none;
   padding-top: 5px;
   padding-bottom: 5px;
   font-size: 16px;
   }
@media screen and (max-width:900px) {
   #sales-points {
   font-size: 14px;
   }
   }
@media screen and (max-width:600px) {
   #sales-points {
   font-size: 12px;
   }
   }



#product-name {
   font-family: "Yanone Kaffeesatz",sans-serif !important;
   font-size: 28px;
   font-weight: normal;
   color: #0D316C;
   padding-top: 0px;
   }
   
#blerb1 {
   font-size: 14px;
   font-weight:bold;
   margin-top: 0px;
   margin-bottom: 3px;
   }
@media screen and (max-width:600px) {
   #blerb1 {
   font-size: 12px;
   }
   }


   
#blerb2 {
   color: #0D316C;
   }

#pack-title {
   font-family: "Yanone Kaffeesatz",sans-serif !important;
   font-size: 22px;
   color: #0D316C;
   font-weight: normal;
   margin-bottom: 0px;
   margin-top: 10px;
   }
@media screen and (max-width:600px) {
   #pack-title {
   font-size: 20px;
   }
   }


#price {
   font-family: "Yanone Kaffeesatz",sans-serif !important;
   font-size: 22px;
   color: #0D316C;
   font-weight: normal;
   }
@media screen and (max-width:600px) {
   #price {
   font-size: 20px;
   }
   }



#quantity {
   color: #0D316C;
   }


#product1 {
   float:left;
   padding-right:100px;
   }
@media screen and (max-width:900px) {
   #product1 {
   padding-right:35px;
   }
   }
@media screen and (max-width:600px) {
   #product1 {
   padding-right:25px;
   }
   }


#product2 {
   float:left;
   }
@media screen and (max-width:900px) {
   #product2 {

   }
   }
@media screen and (max-width:600px) {
   #product2 {

   }
   }


#product-left {
   float:left;
   padding-right:100px;
   }
@media screen and (max-width:900px) {
   #product-left {
   padding-right:25px;
   }
   }
@media screen and (max-width:600px) {
   #product-left {
   }
   }


#product-right {
   float:left;
   }
@media screen and (max-width:900px) {
   #product-right {

   }
   }
@media screen and (max-width:600px) {
   #product-right {

   }
   }

/*   NEW STUFF    */

.buttonz {
    background-color: #274fa7;
    color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 8px;
    font-size: 16px;
   }

.required { 
   color:red;
   font-family: unset;
   font-size: 14px;
   }

@media screen and (max-width: 500px){
   #rc-imageselect, .g-recaptcha {
   transform:scale(0.75);-webkit-transform:scale(0.75);transform-origin:0 0;-webkit-transform-origin:0 0;
   }
   }