/**
 * BigBlue Default CSS File
 * - default.css
 * - Version 1.02b
 * 
 * This stylesheet holds all the info for the main page div, the content holder
 * div and all the floating boxes on the page.  It holds the back ground images
 * and outlines the default fonts.
 *
 * This stylesheet is copyright to BigBlue LTD.
 * Be a Man, Make your Own.
 */
 
 /* Zero out all padding and margins to start with for better cross-browser control. */ 
 *{
  padding	   : 0px;
  margin	   : 0px;
  }
  
  /* Zero out the images aswell */
  img,td,div {
  padding	   : 0px;
  margin	   : 0px;
  }
  
  
  h2 {
  font-family      : Arial,Verdana,Helvetica,sans-serif;
  font-size	   : 1.6em; 
  color		   : #2e74ae; 
  font-weight: bold;

  }  
  
  
  h3 {
  font-family      : Arial,Verdana,Helvetica,sans-serif;
  font-size        : 8pt;
  text-decoration  : none;
  font-weight: normal;

  }

  
  
  
  
  /* Set the page defaults with this page wrapper */
  #pageWrapper {
  position	   : relative;
  text-align	   : left;
  font-family      : Arial,Verdana,Helvetica,sans-serif;
  font-size        : 8pt;
  text-decoration  : none;    
  }

  table {
  width		   : 100%;
  text-align	   : left;
  font-family      : Arial,Verdana,Helvetica,sans-serif;
  font-size        : 8pt;
  text-decoration  : none;    
  }  
  
  /* Also lets whack out some defaults for the links on the page */
  #pageWrapper a {
  color            : #70a8d8;
  text-decoration  : none;  
  }

  #pageWrapper a:hover {
  color            : #567fa3;
  text-decoration  : none;   
  }
  
  #pageWrapper a:visited {
  color            : #70a8d8;
  text-decoration  : none;   
  }  
  
  #pageWrapper a:visited:hover {
  color            : #567fa3;
  text-decoration  : none;   
  }    
  
  #pageHeader {

  background-color : #70a8d8; 
  border-bottom	   :1px solid #000000;
  
  }  
  
  #pageFooter {
  height	   :80px;
  padding	   :0px 0px 0px 0px;
  background	   :#eff0f1; 
  border-top	   :1px solid #dcdcdc;
  }  

  #pageFooterLinksOne {
  text-align	   :right;
  } 
  
  #pageFooterLinksTwo {
  padding-top	   :5px;
  text-align	   :right;
  }   
  
  #pageBody {
  background-color : #ffffff;    
  }    
  




/* This is the CSS for the A Grade box on the left */
.infoBoxHeading3_table			{margin:4px 0px 0px 0px;background:url(../images/infoBoxHeading3_table.gif) 0px 0px repeat-x #f6f8fa; width:192px;}
.infoBoxHeading3_l			{background:url(../images/infoBoxHeading3_bg.gif) 0px 0px repeat-y; vertical-align:top;}
.infoBoxHeading3_r			{background:url(../images/infoBoxHeading3_bg.gif) 100% 0px repeat-y; vertical-align:top;}
.infoBoxHeading3_td 			{padding:4px 1px 1px 2px;width:192px;}

.infoBox3_table				{margin:0px 0px 0px 0px;background:url(../images/infoBox3_table.gif) 0px 0px repeat-x #f0f3f8; width:192px;}
.infoBox3_td 				{padding:0px 0px 0px 0px; width:192px;}
.infoBoxContents3_table .boxText_r	{vertical-align:bottom;background:url(../images/infoBoxHeading3_bg.gif) 100% 0px repeat-y;}
.infoBoxContents3_table .boxText_l	{vertical-align:bottom;background:url(../images/infoBoxHeading3_bg.gif) 0px 0px repeat-y; height:7px;}

.infoBoxContents3_table			{margin:0px; width:192px;}
.infoBoxContents3_table .boxText	{padding:0px 14px 0px 0px; height:3px;width:192px; border-bottom:1px solid #b7ccd4;}


/* These are some diff margins for the right hydration calculator box */
.infoBoxHeading4_table			{margin:4px 0px 0px 0px;background:url(../images/infoBoxHeading3_table.gif) 0px 0px repeat-x #f6f8fa; width:192px;}
.infoBox4_table				{margin:0px 0px 0px 0px;background:url(../images/infoBox3_table.gif) 0px 0px repeat-x #f0f3f8; width:192px;}



/* This is the CSS for The heading boxes */
.cont_heading_table			{background:url(../images/cont_heading_t.gif) 0px 0px repeat-x #f3f6f7;margin:4px 0px 0px 0px;}
.cont_heading_td			{background:url(../images/cont_heading_b.gif) 0px 100% repeat-x;width:100%;}
.cont_heading_table	.cont_heading_td .table		{background:url(../images/cont_heading_r.gif) 0px 0px repeat-y;}
.cont_heading_table	.cont_heading_td .td		{background:url(../images/cont_heading_r.gif) 100% 0px repeat-y;}
.cont_heading_table	.cont_heading_td .table1	{background:url(../images/cont_heading_rr.gif) 0px 0px no-repeat;}
.cont_heading_table	.cont_heading_td .td1		{background:url(../images/cont_heading_rr.gif) 100% 0px no-repeat;}
.cont_heading_table	.cont_heading_td .table2	{background:url(../images/cont_heading_tl.gif) 0px 0px no-repeat;}
.cont_heading_table	.cont_heading_td .td2		{background:url(../images/cont_heading_tr.gif) 100% 0px no-repeat;}
.cont_heading_table	.cont_heading_td .table3	{background:url(../images/cont_heading_bl.gif) 0px 100% no-repeat;}
.cont_heading_table	.cont_heading_td .td3		{background:url(../images/cont_heading_br.gif) 100% 100% no-repeat; vertical-align:middle; padding:5px 5px 5px 15px;}


.newsTable		{margin-left:15px; width:516px; }	
.newsTable_h		{vertical-align:top; padding-top:4px;}
.newsTable_hr		{vertical-align:top; padding-top:4px; text-align:right; padding-bottom:3px; color: #818181}
.newsTable_hb		{vertical-align:top; padding-top:1px; padding-bottom:1px;}

.indentTable		{margin-left:15px; width:516px; }	
.indentTable_h		{vertical-align:top; padding-top:4px;}
.indentTable_hr		{vertical-align:top; padding-top:4px; text-align:right; padding-bottom:3px; color: #818181}
.indentTable_hb		{vertical-align:top; padding-top:1px; padding-bottom:1px;}



#newsLink a {color: #3563a1; }
#newsLink a:hover {color: #70a8d8;}
#newsLink a:visited {color: #3563a1;}
#newsLink a:visited:hover {color: #70a8d8;}


.newsTable_img		{padding-top:2px;}
.newsTable_td		{vertical-align:top; padding-left: 3px;}

.prod_line_x		{background:url(../images/line_x.gif) 0px center repeat-x;}
.padd_gg img		{height:10px;}




/* This is the CSS for the LOGIN LOGIN LOING TO REPLACE bar box on the left */
.LHeader_table				{background:url(../images/navtopbutton.png) 0px 0px repeat-y;}
.LHeaderTD 				{padding:5px 5px 5px 12px; width:100%; height:25px; color:#ffffff; font-weight: bold;}

.LinfoBoxContents_table .LboxText_r	{vertical-align:bottom;background:url(../images/infoBoxHeading_bg.gif) 100% 0px repeat-y;}
.LinfoBoxContents_table .LboxText_l	{vertical-align:bottom;background:url(../images/infoBoxHeading_bg.gif) 0px 0px repeat-y;}

.LinfoBoxContents_table			{width: 192px; background:url(../images/infoBox_table.gif) 0px 0px repeat-x #ffffff;}
.LinfoBoxContents_table .LboxText	{padding:3px 13px 6px 0px; height:15px;width:100%; border-bottom:1px solid #7299b0;}






input.LoginBox {
font-family     : Arial,Verdana,Helvetica,sans-serif;
font-size       : 8pt;
width		: 90px; 
height		: 14px; 
margin-bottom	: 2px; 
margin-left	: 4px;
color		: #666666; 
border		: 1px solid #CCCCCC;
}


#loginLink a {color: #3563a1; }
#loginLink a:hover {color: #70a8d8;}
#loginLink a:visited {color: #3563a1;}
#loginLink a:visited:hover {color: #70a8d8;}



.opaqueoverlay {
  z-index: 3;
  float: left;
  width: 531px;
  height: 49px;
  margin-bottom: 1px;
  margin-left: 6px;
  margin-right: 6px;
  background: #000;
  color: #fff;
  opacity: 0.65;
  -moz-opacity: 0.65; /* older Gecko-based browsers */
  filter:alpha(opacity=65); /* For IE6&7 */
}



.menushowhide {
color		 : #70a8d8;
cursor: pointer;
}


/* This is some extra text styles fo BB super stars to use when adding txt in the DB */
/* Set the page defaults with this page wrapper */
.SSBold {
font-weight 	 : bold; 
}

.SSBoldLBlue {
font-weight 	 : bold; 
color		 : #70a8d8;
}

.SSBoldDBlue {
font-weight 	 : bold; 
color		 : #567fa3;
}


.SSULineLBlue {
text-decoration: underline;
color		 : #70a8d8;
}

.SSULineDBlue {
text-decoration: underline;
color		 : #567fa3;
}


.SSULineBoldLBlue {
font-weight 	 : bold; 
text-decoration: underline;
color		 : #70a8d8;
}

.SSULineBoldDBlue {
font-weight 	 : bold; 
text-decoration: underline;
color		 : #567fa3;
}


.SSLBlue {
color		 : #70a8d8;
}

.SSDBlue {
color		 : #567fa3;
}

.SSBoldRed {
font-weight 	 : bold; 
color		 : red;
}

.SSRed {
color		 : red;
}


.SSBoldLBlueP {
font-weight 	 : bold; 
color		 : #70a8d8;
cursor: pointer;
}



.SSBigBoldLBlue {
font-weight 	 : bold; 
font-size        : 12pt;
color		 : #70a8d8;
}


.SSBigDBlue {
font-size        : 12pt;
color		 : #567fa3;
}

.pointer-hover {
 cursor: pointer;
}





#FreeTrialBackground {
background	 :url(../images/freetrial.jpg) no-repeat;
width		 :192px;
height		 :400px;
font-size 	 :10pt; 
font-weight	 :normal; 
text-decoration	 :none;  
color		 :#3e3e3e;
}


#FreeTrialBackground div {
padding-left	 :65px;
padding-top	 :39px;
}


#FreeTrialBackground div span {
margin-left	 : 0px;
margin-right	 : 0px;
color		 : #757575;
text-align	 : left;
font-family      : Arial,Verdana,Helvetica,sans-serif;
font-size        : 10pt;
text-decoration	 : none; 
font-weight	 : bold; 
}






#GSBBackground {
background	 :url(../images/gsblogo_link.gif) no-repeat;
width		 :192px;
height		 :48px;
font-size 	 :10pt; 
font-weight	 :normal; 
text-decoration	 :none;  
color		 :#3e3e3e;
margin-top	 :5px;
}


#GSBBackgroundNew {
background	 :url(../images/gsbnew.jpg) no-repeat;
width		 :192px;
height		 :77px;
font-size 	 :10pt; 
font-weight	 :normal; 
text-decoration	 :none;  
color		 :#3e3e3e;
margin-top	 :5px;
}



#GSBBackground div {
padding-left	 :65px;
padding-top	 :39px;
}


#GSBBackground div span {
margin-left	 : 0px;
margin-right	 : 0px;
color		 : #757575;
text-align	 : left;
font-family      : Arial,Verdana,Helvetica,sans-serif;
font-size        : 10pt;
text-decoration	 : none; 
font-weight	 : bold; 
}







#astralexpressBG {
background	 :url(../images/astralexpress.jpg) no-repeat;
width		 :190px;
height		 :230px;
font-size 	 :10pt; 
font-weight	 :normal; 
text-decoration	 :none;  
color		 :#3e3e3e;
}


#astralexpressBG div {
padding-left	 :65px;
padding-top	 :39px;
}


#astralexpressBG div span {
margin-left	 : 0px;
margin-right	 : 0px;
color		 : #757575;
text-align	 : left;
font-family      : Arial,Verdana,Helvetica,sans-serif;
font-size        : 10pt;
text-decoration	 : none; 
font-weight	 : bold; 
}













#TestimonialBackground {
background	 :url(../images/TestimonialBanner.jpg) no-repeat;
width		 :192px;
height		 :400px;
font-size 	 :10pt; 
font-weight	 :normal; 
text-decoration	 :none;  
color		 :#3e3e3e;
}






/* These are the holders for the short description divs
* visible on the bottom of most pages
*/
.BeloBoxHolderPaddingDiv { float: left; padding-left: 3px;}
.BeloBoxHolder { float: left; width: 540px; margin-bottom:10px;}
.BeloBoxHolderLeft { float: left; width: 340px; }
.BeloBoxHolderHeading { float: left; width: 340px; height: 35px; font-size: 20px; color: #1b5e96; font-weight: normal; text-decoration: none; border: 0; padding-top: 3px;}
.BeloBoxHolderBody { float: left; width: 340px; padding-left: 2px; }
.colorspan { color: #1b5e96; font-size: 11px; font-weight: bold; }
.BeloBoxHolderRight { float: left; width: 200px; } 




.RelatedTopicsBox { float: left; width: 192px; margin-top: 0px;}
.RelatedTopicsBoxHeader { float: left; width: 192px; height: 38px;}
.RelatedTopicsItem { float: left; width: 192px; background :url(../images/related-topics_mid.jpg)  0px 0px repeat-y;}
.RelatedTopicsItemTextHolder { float: left; width: 188px; margin-left: 6px; }
.RelatedTopicsItemText { float: left; width: 188px;}
.RelatedTopicsBoxBottom { float: left; width: 192px; height: 14px; background :url(../images/related-topics_btm.jpg)  no-repeat;}
.RelatedTopicsSpacer { float: left; width: 99px; margin-top: 5px; margin-bottom: 5px; margin-left: 35px;}


.tinywordsBlkd { font-size: 6pt; font-weight: normal; vertical-align:top;}