
/* 
 * style sheet: nwts_style.css
 *  works on type_a, type_b, and type_c templates.
 *  supports color palatte.
 */


/*
 * set text size characteristics
 */
body            { line-height: 1.17 }
h1              { font-size: 1.15em;
                  margin: 1.00em 0 }					
h2              { font-size: 1.05em;
                  margin: 1.11em 0 }
h3              { font-size: .93em;
                  margin: 1.22em 0 }
h4,
p,
ul,
form,
ol              { font-size: .83em; 
                  margin: 1.33em 0}
h5              { font-size: .67em; 
                  line-height: 1.00em;
                  margin: 2.33em 0 }
h6              { font-size: .50em;
                  margin: 3.00em 0 }

/* 
 * set text font characteristics 
 */

h1, h2, h3, h4,
h5, h6, B,
strong          { font-weight: bolder }
i, em           { font-style: italic }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0;
                  margin-bottom: 0 }
u, ins          { text-decoration: underline }

/* 
 * now add fonts and geometry to text items
 */

body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
       margin: 0;        /* margins are set to zero */
       padding-top: 0;   /* for Opera6              */
       background-color: transparent;
       color: black;}

/* 
 * For style sheet body type tag,
 * here are the stylesheet settings
 * (div id="string"),
 * in wrapper order
 *
 * type-a has no utility or sidebar
 * type-b has no sidebar           
 */

#type-a,
#type-b,
#type-c,
#wrap,
  #header,
  #content-wrap,
    #utility,
      #utility_1,
      #utility_2,
      #utility_3,
      #utility_4,
      #utility_5,
    #content,
      #content_extra_1,
      #content_extra_2,
      #footer,
    #sidebar,
      #sidebar_1,
      #sidebar_2,
      #sidebar_3,
      #sidebar_4,
      #sidebar_5
{
      background-color: transparent;
      color: Black;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
			
/*
 * use the divs for geometrical arrangement
 */  
#type-c { padding: 5px 0px 5px 5px; }
#type-b { padding: 5px 0px 5px 5px; }
#type-a { padding: 5px 0px 5px 5px; }

#wrap { }

#type-a #header { padding: 5px 5px 5px 5px; }
#type-b #header { padding: 5px 5px 5px 5px; }
#type-c #header { padding: 5px 5px 5px 5px; }

#type-a #content-wrap { margin: 0 auto;
								width: 747px; }
#type-b #content-wrap { margin: 0 auto;
								width: 847px; }
#type-c #content-wrap { margin: 0 auto;
								width: 947px; }

#utility { float: left;
           width: 201px; }

#utility_1 { margin: 5px 5px 5px 5px;
             border: 4px double #9966CC; }
#utility_2 { margin: 5px 5px 5px 5px;
             border: 4px double #9966CC; }
#utility_3 { margin: 5px 5px 5px 5px;
             border: 4px double #9966CC; }
#utility_4 { margin: 5px 5px 5px 5px;
             border: 4px double #9966CC; 
				 display: none; }
#utility_5 { margin: 5px 5px 5px 5px;
             border: 4px double #9966CC; 
				 display: none; }

#content { padding: 5px 15px 5px 15px;
           border-right: 4px solid Black;
           border-left: 4px solid Black;
           border-bottom: 4px solid Black;
           background-color: White;
           color: black; }

#type-a #content { float: left;
                   width: 700px; }
#type-b #content { float: left;
                   width: 600px; }
#type-c #content { float: left;
                   width: 500px;
						}
#sidebar { float: left;
           width: 200px; }
			  
#sidebar_1 { margin: 5px 5px 5px 5px;
             border: 4px double #9966CC; }
#sidebar_2 { margin: 5px 5px 5px 5px;
             border: 4px double #9966CC; }
#sidebar_3 { margin: 5px 5px 5px 5px;
             border: 4px double #9966CC; }
#sidebar_4 { margin: 5px 5px 5px 5px;
             border: 4px double #9966CC; }
#sidebar_5 { margin: 5px 5px 5px 5px;
             border: 4px double #9966CC; 
				 display: none;}
			 
#content h1 { text-align: center;
              background-color: White;
              color: Red; }		
#content h2 { text-align: left;
	      background-color: White;
	      color: Red; }	 
#content h3 { text-align: left;
	      background-color: White;
	      color: Red; }
#content h4 { text-align: left;
	      background-color: White;
	      color: Black; }

/* using em's for font-size is wierd - size is reltive to parent!  */
#content ul { padding-left: 4em; }
#content ul li { padding-top: 0px;
                 padding-bottom: 0px; }					  
#content ul ul li { padding-top: 0px;
                    padding-bottom: 0px;
                    font-size: 1.1em; }
#content ul ul ul li { padding-top: 0px;
                      padding-bottom: 0px;
                      font-size: 1.2em; }

#content ol { padding-left: 4em;
              padding-right: 4em; }
				  
#content table { font-size: .83em; }
#content p table { font-size: .93em; }
#content table p { font-size: .93em; }
#content table ul li { font-size: 1.2em; }

#content .infusion_table { font-size: 1.1em; }

.content_ovablend { float: left;
                      margin: 0px 10px 0px 0px;
                      padding: 0px 5px 0px 5px;
							 width: 200px;
							 height: 270px;
                      background: transparent;
							 color: Black;
                      border: 0px solid black;
                      text-align: center;
                      font-family: Verdana, Arial, Helvetica, sans-serif;
                      font-size: .93em;
                      font-weight: normal;
}

.content_supplement_product { float: left;
                      margin: 0px 10px 0px 0px;
                      padding: 0px 5px 0px 5px;
							 width: 160px;
							 height: 300px;
                      background: transparent;
							 color: Black;
                      border: 0px solid black;
                      text-align: center;
                      font-family: Verdana, Arial, Helvetica, sans-serif;
                      font-size: .93em;
                      font-weight: normal;
}

/* 
 * DIMENSIONS, MARGINS, PADDING BELOW CHANGED by Bill 
 */

.content_google_ads { float: left;
                      margin: 5px 5px 5px 2px;
                      padding: 3px 3px 3px 3px;
							 width: 202px;
							 height: 202px;
                      background: transparent;
							 color: Black;
                      border: 0px solid black;
                      text-align: center;
                      font-family: Verdana, Arial, Helvetica, sans-serif;
                      font-size: .93em;
                      font-weight: normal;
}

#content .pcos_mini_consult {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#content_extra_1 { padding-top: 20px; } 
#content_extra_2 { /* unused */} 
#footer{}

#content .h1_index {
	color: Navy;
}

#content .intro {
	color: Black;
	font-weight: bold;
	width: 50%;
}

#content .toc_newsletter {
	text-align: center;
	font-weight: bold;
}

#content .h2_newsletter {
	color: Red;
	text-align: center;
	font-weight: bold;
	font-size: 1.05em;
   margin: 1.11em 0 
}
#content .h2_supplement {
	color: Red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	font-size: 1.25em;
   margin: 1.11em 0 
}
.p_footnote { text-align: left;
              font-size: .67em; 
              line-height: 1.00em;
 }
.top_link {
  font-size: .93em;
  font-style: italic;
  text-align: center;
}
.top_link_red {
  color:red;
  font-size: .93em;
  font-style: italic;
  text-align: center;
}

.link {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  font-weight: bolder;
  text-align: center;
}
.success_link {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  text-align: center;
}

.return_label {
  font-weight : bold;
  color: Navy;
  padding-top: 1.0em;
  padding-bottom: 0.0em;
  margin-bottom: -5px;
  text-align: center;
}
.return_link {
  font-weight: bolder;
  font-style: italic;
  text-align: center;
  color: Navy;
}
.box_link {
  font-weight: bolder;
  font-size: 1.0em;
  font-style: italic;
  text-align: center;
  background: Yellow;
  color: Navy;
  border-width: 6px;
  border-style: double;
  margin: 5px;
  padding: 10px;
}

.yellow_background { background: Yellow; }
.yellow_back_soft { background: #FFFFCC; }

.yellow_box {
   font-family: "Times New Roman", Times, serif;
	background: #FFFFCC;
	color: black;
	width: 80%;
	margin: 0 auto; /* to center */
	margin-bottom: 10px;
	border-style: double;
	border-width: 4px;
	padding: 10px 10px 10px 10px;
}
.yellow_box p {
	background: #FFFFCC;
	margin-top: 5px;
	margin-bottom: 5px;
}
.shipping_info_box{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: .83em;
	background:yellow;
	color: black;
 	width:82%;
	margin: 0 auto; /* to center */
	margin-top: 0px;
	margin-bottom: 0px;
	border-style: double;
	border-width: 4px;
	padding: 0px 5px 5px 5px;
}
.shipping_info_box p{
   background:yellow; 
   margin-top: 2px;
	margin-bottom: 2px;
}

.shipping_info_box li{
	background:yellow;
}
.small_shipping_notice{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: .83em;
	background:yellow;
	color: black;
 	width:65%;
	margin: 0 auto; /* to center */
	margin-top: 0px;
	margin-bottom: 0px;
	border-style: double;
	border-width: 4px;
	padding: 0px 5px 5px 5px;
}
.small_shipping_notice p{
   background:yellow; 
   margin-top: 2px;
	margin-bottom: 2px;
}
.shipping_red {
   color:red;
   text-align:center;
	font-style:italic;
	font-weight:bold;
	font-size:1.15em;
}
.supplementsTable {
   margin: 0 auto;
}

.p_strong {
	font-weight: bold;
}				
.goto_footnotes {
  font-size: smaller;
  text-align: left;
}
.center {
  text-align: center;
}
.red_center {
  text-align: center;
  color: Red;
}
.center_red {
  text-align: center;
  color: Red;
}
.big_center_red {
  font-weight: bolder;
  text-align: center;
  font-size: .93em;
  color: Red; 
}
.big_center {
  font-weight: bolder;
  text-align: center;
  font-size: .93em;
}
.big_red_center {
  font-weight: bolder;
  text-align: center;
  font-size: 1.0em;
  color: Red; 
}
.very_big_red_center {
  font-weight: bolder;
  text-align: center;
  font-size: 1.3em;
  color: Red; 
  padding-top: 5px;
  padding-bottom: 5px;
}
.very_very_big_red_center {
  font-weight: bolder;
  text-align: center;
  font-size: 1.5em;
  color: Red; 
  padding-top: 5px;
  padding-bottom: 5px;
}
.big_navy {
  font-weight: bolder;
  font-size: 1.2em;
  color: Navy; 
}
.big_navy_center {
  font-weight: bolder;
  text-align: center;
  font-size: 1.0em;
  color: Navy; 
}
.big_and_strong {
  font-weight: bolder;
  text-align: left;
  font-size: 1.0em;
  color: Black; 
}
.red {
  color: Red; 
}
.navy {
  color: Navy; 
}
.black {
  color: Black; 
}

.divider { height: 2px;
           width: 75%; }

.red_divider { height: 3px;
               width: 75%;
               background-color: red; /* browser bug fix  */
               color: red; }
.placeholder {
	display: none;
}
/* #content ul li .noindent { margin-left: 0; } */
.spacy {
	 margin-top: 5px;
	 margin-bottom: 5px;
}
.bigger {
	font-size: 1.35em;
}

/* Styling for SSIs  */
#pcos_header { text-align: center; }

/* content SSIs  */
#pcos_content_extra_1,
#pcos_content_newsletter { margin: 5px 5px 5px 5px;
                        padding: 5px 5px 5px 5px;
                        color: black;
                        border: 4px solid #9966CC;
                        text-align: center;
                        font-family: Verdana, Arial, Helvetica, sans-serif;
                        font-size: 1.0em;
                        font-weight: normal; }
#pcos_content_extra_1 form,
#pcos_content_newsletter form { margin: 5px 5px 5px 5px; }
#pcos_content_extra_1 h2,
#pcos_content_newsletter h2{ color: black;
                          text-align: center; }
								  
#pcos_content_extra_2 { margin: 0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                        color: #000090;
                        /* border: 1px solid black; */
                        text-align: center;
                        font-family: Verdana, Arial, Helvetica, sans-serif;
                        font-size: .93em;
                        font-weight: normal; 
								display: none; }								  
								  
#pcos_footer { margin: 0px 0px 0px 0px;
               padding: 0px 0px 0px 0px;
               color: #000090;
               text-align: center;
               font-family: Verdana, Arial, Helvetica, sans-serif;
               font-size: .93em;
               font-weight: normal; }								  
								  
								  
/* Server Side Includes - SSIs for utility and sidebar must have consistent widths */
#pcos_navmenu { color: black;
                margin: 5px;
                width: 175px;}
#pcos_navmenu ul { list-style: none;
                   text-align: left;
                   padding: 5px;}
#pcos_navmenu li { font-weight: bold }
#pcos_navmenu a  { margin-left: 5px;
                   font-weight: normal }

#pcos_book_new { color: black;
                 text-align: center;
                 font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size: .93em;
                 font-weight: bolder;
                 width: 180px; }
#pcos_book_new a  { font-weight: bolder; }

#pcos_google_ads_links { color: #000090;
                         text-align: center;
                         font-family: Verdana, Arial, Helvetica, sans-serif;
                         font-size: .93em;
                         font-weight: normal;
                         width: 180px;
                         overflow: auto; }
#pcos_google_ads_links p  { padding: 0px 0px 0px 0px; }

#pcos_google_ads { color: #000090;
                   text-align: center;
                   font-family: Verdana, Arial, Helvetica, sans-serif;
                   font-size: .93em;
                   font-weight: normal;
                   width: 180px;
                   overflow: auto; }
#pcos_google_ads p  { padding: 0px 0px 0px 0px; }

#pcos_sitesearch { text-align: center;
                   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                   font-size: .93em;
                   font-weight: bolder;
                   width: 180px; }

#pcos_newsletter,
#pcos_column_newsletter { color: #000090;
                   text-align: center;
                   font-family: Verdana, Arial, Helvetica, sans-serif;
                   font-size: .93em;
                   font-weight: bolder;
                   width: 180px;
                   overflow: auto; }
#pcos_newsletter p,
#pcos_column_newsletter p  { padding: 0px 0px 0px 0px; }
#pcos_newsletter a,
#pcos_column_newsletter a  { font-weight: bolder; }

#pcos_blog { color: #000090;
             text-align: center;
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: .93em;
             font-weight: normal;
             width: 180px; }
#pcos_blog p  { padding: 0px 0px 0px 0px; }
#pcos_blog a  { font-weight: bolder; }



/* pcos product SSIs */
#pcos_product_biotin,
#pcos_product_carnitine,
#pcos_product_cinnamon,
#pcos_product_fishoil,
#pcos_product_inositol,
#pcos_product_multi,
#pcos_product_nac,
#pcos_product_pinitol,
#pcos_product_sawpalmetto,
#pcos_product_vitex
    { text-align: center;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      width: 180px; }
							  
#pcos_product_biotin a,
#pcos_product_carnitine,
#pcos_product_cinnamon a,
#pcos_product_fishoil a,
#pcos_product_inositol a,
#pcos_product_multi a,
#pcos_product_nac a,
#pcos_product_pinitol a,
#pcos_product_sawpalmetto a,
#pcos_product_vitex a
    { font-weight: normal; }

/*
 * Color Palette 
 *
 *   dark purple   #9966CC
 *   medium purple #D2A7FE
 *   light purple  #EEE2FE
 *
 *   02029A  -blue 
 */

/*
 * Base colors shine through
 */
body,
form,
h1, h2, h3, h4, h5, h6,
li,
ol,
p,
{ 
    background-color: white;
    color: black;
}

/*
 *  a, b, and c templates all work with this...
 *
 *
 */

#type-c,
#type-b,
#type-a { background: url("http://www.ovarian-cysts-pcos.com/images/background.gif"); }

#type-a #wrap { background-color: transparent;
                color: transparent;  }
#type-b #wrap { background-color: transparent;
                color: transparent;  }
#type-c #wrap { background-color: transparent;
                color: transparent;  }

/*
 * utility and sidebar must be equivalent
 * to support ssi rearranging
 */			


#header  { background-color: #9966CC;
           color: #9966CC;
           border-top: 8px solid #9966CC;
           border-left: 4px solid #9966CC;
           border-right: 4px solid #9966CC;
           border-bottom: 4px solid #9966CC; }
			  

#utility { background-color: #D2A7FE;
           color: #9966CC;
           border-left: 4px solid #9966CC;
           border-bottom: 4px solid #9966CC; }

#sidebar { background-color: #D2A7FE;
           color: #9966CC;
           border-right: 4px solid #9966CC;
           border-bottom: 4px solid #9966CC; }
 
#utility_1,
#utility_2,
#utility_3,
#utility_4,
#utility_5,
#sidebar_1,
#sidebar_2,
#sidebar_3,
#sidebar_4,
#sidebar_5 { background-color: #EEE2FE; }

#utility p,
#utility form,
#utility ul,
#utility li,
#utility h1,
#utility h2,
#utility h3,
#sidebar p,
#sidebar form,
#sidebar ul,
#sidebar li,
#sidebar h1,
#sidebar h2,
#sidebar h3 { background-color: #EEE2FE; }

/*
 *  Content should look like it always did.
 *
 *
 */
#content { border-right: 4px solid #9966CC;
           border-left: 4px solid #9966CC;
           border-bottom: 4px solid #9966CC;
           background-color: white;
           color: black; }

#footer { background-color: white;
          color: black; } 

/* BEGIN JOHNSON BOX - ADDED BY BILL 2-10-12  */
.johnson {
	background-color: #FFFFDD;
	border: 5px dashed #CC0000;
	padding: 0 20px 30px;
	text-align:center;
	margin:10px auto;
}
/* END JOHNSON BOX  */

/* BEGIN PRICINGTABLE - INSIDE JOHNSON BOX - ADDED BY BILL 2-10-12  */
#pricingtable {
    background: none repeat scroll 0 0 #FFFFFF;
	margin: 0 auto;
}
#pricingtable td {
    padding: 5px;
}
#pricing h2 {
    font-size: 2em;
    line-height: 16px;
    padding: 0;
}
#pricing {
    padding: 0 0 10px;
}
/* END PRICINGTABLE - INSIDE JOHNSON BOX - ADDED BY BILL 2-10-12  */

