/* CSS definition for TotalBody Workout 
 Created 2007

 regular links */
a {
color:#Ffffff;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

a:hover {
color:#FFF;
text-decoration:underline;
}

/* footer links */
a.foot {
font-size:9px;
color:#b2b2b2;
}


/* NoMargin paragraph */
p.NoMarg {
margin:0;
}

/* 10pxLeft Margin paragraph */
p.LM10 {
margin:0 0 0 10px;
}

/* 10px Margins paragraph */
p.M10 {
margin:10px;
}

/* 10pxLeft 10Top Margin paragraph */
p.LM105 {
margin:5px 0 5px 10px;
}

/* 5pxTop 5pxBot Margin paragraph */
p.TB5 {
margin:5px 0;
}

/* 8pxTop Margin paragraph */
p.T8 {
margin:8px 0 0;
}

/* 5pxAll Margins paragraph */
p.M5 {
margin:5px;
}

/* Small Black Heading Bold 10 px text  */
.b10 {
font-weight:700;
color:#fff000;
}




/*

/* form margin definition */
.formNoMarg {
margin-top:0;
margin-bottom:0;
}

/* form textfield definition */
.frmTxt {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#656565;
border:1px solid #C5C5C5;
width:126px;
height:17px;
padding-left:2px;
}

/* form filed width definition */
.px130 {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#656565;
border:1px solid #C5C5C5;
width:130px;
height:15px;
}

/* added by BJ 7/3/5  
 form filed width definition */
.px160 {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
color:#656565;
border:1px solid #C5C5C5;
width:160px;
height:15px;
}

/* Custom Tags */
.footer td, .footer a {
  font-size:10px;
}
.footer {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
font-weight:400;
font-style:normal;
line-height:normal;
font-variant:normal;
color:#ffffff;
text-decoration:none;
background-color:#939597;
}

body {
	background-color:#221E1F;
	margin:10px 0;
	
}

p,td {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#656565;
text-decoration:none;
margin:0 0 10px;
}



/* Site Spacing */
#container {
padding:0 3px 0 9px;
}

.contentWindow {
border:0 solid red;
padding:0;
}

.hdrspace {
margin:10px;
}

#bodyCopy {
color:#fff;
padding:3px 0 0 10px;
}

.tbl_findOutMore {
margin:5px 0 15px;
}

/* added by BJ 2/2/5 */
.margspace {
margin:5px 10px;
}

/* added by BJ 2/2/5 */
ul,ol {
margin:5px 10px 5px 15px;
}

/* added by BJ 2/2/5 
 3px margins */
.moreinfo {
margin-top:3px;
margin-bottom:3px;
display:inline-block;
}


.imagespace {
padding:0 10px;
}

/* Navigation items */
.AuxNavSpace {
padding-right:3px;
}

.AuxNav {
width:184px;
height:19px;
border-top:1px solid #FFF;
padding:1px 0 1px 10px;
}

.auxKnowContent {
background-color:#E1EDD6;
color:#FFFFFF;
font-size:11px;
padding:11px;
}

.auxSupportContent,.auxContent {
background-color:#F3EEDF;
color:#ffffff;
font-size:11px;
border-top:1px solid #FFF;
border-bottom:1px solid #E0D5C0;
padding:11px;
}

.auxContent {
padding:5px 10px 5px 15px;
}

.auxBusBroadImg {
background-color:#E6E5DE;
text-align:center;
padding:10px 0;
}

.auxBusBroad {
background-color:#E6E5DE;
padding:0 15px 10px;
}


#auxContent td,#auxContent p,#bodyCopy p {
color:#ffffff;
}

#auxContentBody h2, #auxContentBody h2 a {
color:#A30000;
font-size:21px;
font-weight:400;
margin:5px 0 15px 0;
}
#auxContentBody h2.offers {
font-size:12px;
font-weight: bold;
line-height:12px;
margin:0 0 5px 0;
}
#auxContentBody .price,.priceBox .price {
color:#390;
font-size:24px;
font-weight:700;
line-height:24px;
margin:5px 0;
}

#auxContentBody .prodDividerGreen {
border-top:1px solid #390;
height:10px;
}

#auxContentBody .priceBox {
border-top:1px solid #390;
border-bottom:1px solid #390;
padding:10px 0;
}

.ProdFeatureDataCell {
border-left:1px solid #EDE7DC;
border-right:1px solid #EDE7DC;
border-collapse:separate;
padding:13px 10px;
}

.ProdFeatureLineItem {
border-bottom:1px solid #E6E6E6;
padding:2px;
}



a.ProdBulletPoint {
color:#09c;
font-size:11px;
margin-bottom:3px;
}

#ProdFeatureDataCell p {
margin:0;
padding:0;
}

.ProdFeatureDataCell ol {
margin:0 0 0 25px;
padding:0;
}

.ProdFeatureDataCell ol li {
color:#fff;
margin:2px 0;
}

.nextStepsData {
border-right:1px solid #D4D3CE;
border-left:1px solid #D4D3CE;
background:#D9E6F1;
height:85px;
padding:10px;
}

/* Separators */
.horizontalBG {
background-image:url(images/grey_line.gif);
background-position:center;
height:5px;
background-repeat:repeat-x;
background-color:#FFFFFF;
}

.verticalBG {
background-image:url(images/vs2.gif);
width:5px;
background-position:left;
background-repeat:repeat-y;
background-color:#FFFFFF;
}

.verticalgap {
background-image:url(images/spacer.gif);
width:5px;
background-position:left;
background-repeat:repeat-y;
background-color:#FFFFFF;
}
/* main Navigation 2nd level links */
a.ANOff {
color:#09C;
font-weight:700;
padding-left:7px;
text-decoration:none;
}

a.ANOff:hover {
color:#09C;
font-weight:700;
text-decoration:none;
padding-left:7px;
}



/* main Navigation 3rd level links */
a.auxNavDD {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#4A4A4A;
text-decoration:none;
display:block;
line-height:13px;
padding:2px 0 0 20px;
}

a.auxNavDD:hover {
margin-left:10px;
background-repeat:no-repeat;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
font-style:normal;
font-variant:normal;
color:#09C;
text-decoration:none;
padding:2px 0 0 10px;
}

a.auxNavDDactive:hover {
color:#09C;
text-decoration:none;
}

/* colors */
.paleGreen {
background-color:#C1D1B2;
}

.lightgrey {
background-color:#F2F2F2;
}

.lightBlue {
background-color:#E5EAEF;
}

.whiteBG {
background-color:#939597;
}

.paleOrange {
background-color:#FFE0B2;
}

.darkGrey {
background-color:#E5E5E5;
}

/* H Tags */
h1 {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:13px;
font-weight:700;
color:#a30000;
text-decoration:none;
margin:0 0 5px;
}

h2 {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
color:#a30000;
text-decoration:none;
margin:0 0 5px 0;
line-height:20px;
}

h3 {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
color:#fff;
text-decoration:none;
margin:0 0 5px;
padding:0 5px 0 0;
}

h3 a {
font-weight:700;
color:#fff;
text-decoration:none;
}

h3 a:hover {
text-decoration:underline;
font-weight:700;
color:#fff;
}





a.footerLinks:hover {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
font-weight:400;
font-style:normal;
line-height:normal;
font-variant:normal;
color:#656565;
text-decoration:underline;
}

a.footerLinks {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
font-weight:400;
font-style:normal;
line-height:normal;
font-variant:normal;
color:#656565;
text-decoration:none;
}

.activeSelection {
color:#a30000;
font-weight:700;
}

.newproduct {
color:red;
padding-left:0;
text-align:left;
margin:0;
}

.stillCantFind {
text-align:center;
font-weight:700;
font-size:11px;
width:100%;
color:#fff;
padding:0 0 20px;
}

.po_lightbranding {
background-color:#D9E1E8;
color:#666;
padding:5px;
}

.po_darkbranding {
background-color:#C3CFDB;
color:#666;
padding:5px;
}

.cu_lightbranding {
background-color:#DBE4D2;
color:#666;
padding:5px;
}

.cu_darkbranding {
background-color:#CCD9BF;
color:#666;
padding:5px;
}

.fs_lightbranding {
background-color:#F1D9D9;
color:#666;
padding:5px;
}

.fs_darkbranding {
background-color:#E7BDBD;
color:#666;
padding:5px;
}

.grey_lightbranding {
background-color:#EFEFEF;
color:#666;
padding:5px 0;
}

.wantToKnowMore {
padding:5px 0;
}

.grey_darkbranding {
background-color:#E5E5E5;
color:#666;
padding:5px 0;
}

.tcText {
color:#CCC;
}

.shdr_space {
padding:0 0 8px;
}

.hdr_obamiddle {
color:#FFF;
background-color:#360;
height:23px;
background-repeat:repeat-x;
padding:5px 0 5px 5px;
}



a.foot:hover,a.soli:hover, h2 a:hover {
text-decoration:underline;
}

a.aqua,a.aquaAuxContentBody:hover,a.ProdBulletPoint:hover,.aqua {
color:#09c;
}

a.aqua:hover,a.aquaAuxNav:hover {
text-decoration:underline;
color:#09c;
}

#breadcrumbs a,#breadcrumbs,.stillCantFind a {
font-size:11px;
}

.ProdFeatureDataCell .aqua,#bodyCopy p,#bodyCopy td {
font-size:11px;
}

a.moreinfo:hover,a.download:hover,a.contact:hover,a.orlink:hover {
color:#FC8505;
font-weight:700;
text-decoration:underline;
}

#bodyCopy p,.ProdFeatureTable {
margin:10px 0;
}

#auxContent ul,#auxContentBody ul {
margin-left:0;
padding-left:0;
list-style:none;
}

h3.overviewPage,#onlineToolsLinks p {
display:inline;
}
/* HOMEPAGE */
.CTAColumns {
  padding:7px 0 0 10px;
  vertical-align:top;
}
.CTAColumns p, .CTAColumns a, .CTAColumns ul li {
  font-size:11px;
}
.CTAColumns p {  
  margin-bottom:2px;
  color:black;  
}
ul.prodServices, ul.specOffers, ul.suppAdvice, ul.myAccount {
  margin:10px 5px 10px 0;
	padding:0;
	list-style: none;
} 
ul.suppAdvice {
  margin-bottom:15px;
}
.prodServices li, .specOffers li, .suppAdvice li, .myAccount li {
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 2px 0 0 21px;
  margin: 0 0 5px 0;	
  font-size: 1px;
  color:black;
  display:block; 
}
.prodServices li {
  background-image: url(images/green_arr.gif);
}
.specOffers li {
  background-image: url(images/red_arr.gif);
}
.suppAdvice li {
  background-image: url(images/blue_arr.gif);
}

.UL {

list-style-image: url(images/orange_arr.gif);
}
.myAccount li {
  background-image: url(images/orange_arr.gif);
}
.prodServices li h4, .specOffers li h4, .suppAdvice li h4, .myAccount li h4 {
  font-size: 11px;
  font-weight:bold;
  display:inline;
  margin-right:2px;
}
.prodServices li a, .specOffers li a, .suppAdvice li a, .myAccount li a {
  color:black;
}

.noDisp {
	display:none;
}

/* Updated by Jennifer Chan - 25/5/07 - color changed from black */
.prodServices li a:hover, .specOffers li a:hover, .suppAdvice li a:hover, .myAccount li a:hover {
  color:#FC8505;
  text-decoration:underline;
}

.specOffers li a.more {
  color:#FC8505;
}



.specOffers li a.more:hover {
  color:orange;
  text-decoration:underline;
}
p, table, td {
  font-size:12px;
  color:black;
}
a:link {  color: #FFF; text-decoration: none}
a:hover {  color: #fff000; text-decoration: none}
a:visited {  color: #FFF; text-decoration: none}

.white:link {  color: #fffffe; text-decoration: none}
.white:hover {  color: #fff000; text-decoration: underline}
.white:visited {  color: #fffffe; text-decoration: none}
#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	background-image:    url(images/bg_nav1.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #fffffe;
		text-indent: 25px;
	text-align: left;
	font-family:  Arial, verdana, Helvetica;
font-size: 11px;
line-height: 16px;
letter-spacing: 0em}

#sectionLinks a:hover{
	display: block;
	background-image:  url(images/bg_nav_hov1.jpg);
	font-weight: bold;
	text-decoration: none;
	padding:3px 0px 3px 10px;
	color: #21257d;
		text-align: left;
	text-indent: 25px;
		font-family:  Arial, verdana, Helvetica;
font-size: 11px;
line-height: 16px;
}
	

.TrebuchetOrange{
font-family:  Trebuchet MS, Arial, verdana, Helvetica;
font-size: 16px;
color: #000;
font-weight: normal;
line-height: 17px;
}


.TrebuchetLightBlue {
font-family:  Trebuchet MS, Arial, verdana, Helvetica;
font-size: 16px;
color: #FFF;
font-weight: bold;
line-height: 18px;
}

.TrebuchetGreen {
font-family:  Trebuchet MS, Arial, verdana, Helvetica;
font-size: 24px;
color: #65BD05;
line-height: 26px;
}


.TrebuchetBlack {
font-family:  Trebuchet MS, Arial, verdana, Helvetica;
font-size: 24px;
color: #ffffff;
font-weight: normal;
line-height: 30px;
}
.TrebuchetBlackHeading {
font-family:  Trebuchet MS, Arial, verdana, Helvetica;
font-size: 24px;
color: #FE941B;
font-weight: normal;
line-height: 26px;
background-color: #D2E3F3;
padding: 5px;}

.TrebuchetRed{
font-family:  Trebuchet MS, Arial, verdana, Helvetica;
font-size: 16px;
color: #a30000;
font-weight: bold;
line-height: 18px;
  padding:7px 0 0 10px;
  vertical-align:top;
}
.TrebuchetBlue{
font-family:  Trebuchet MS, Arial, verdana, Helvetica;
font-size: 16px;
color: #0066CC;
font-weight: bold;
line-height: 18px;
padding:7px 0 0 10px;
  vertical-align:top;}
  
  /* 
  Secure and Accessible PHP Contact Form v.2.0 Basic Styles by Mike Cherim 
  THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM
  Anchors or link elements have not been included, but everythig else is :-)
*/

/* for main form wrapping div */
div#gb_form_div {
	width: 400px;  /* not styled on demo page */
}

/* id for the form itself */
form#gb_form { 
  /* not styled on demo page */
}

/* form and results heading size */
.main_formhead, .formhead { 
  font-size : 1.4em; 
  color : #cc9900; 
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap {
	background-color : #fefefe;
	}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
  background-color : #fafafa; 
}

/* form legends and dt "heading" */
legend, dt { 
  font-weight : bold; 
  color : #666;
}

/* main legend at top of the form */
legend#mainlegend { 
  font-size : 1.2em;
  color : #1a50b8; 
}

/* form label text */
label { 
  color : #1a50b8;
}



/* to make focus stable in IE 6 */
* html input.button { 
  color : #fff;  
  border : 1px solid #1a50b8;
  background-color : #66CCFF;
}


/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color : #cd0000; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #1a50b8; 
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 80%; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #fafafa; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 1px solid #fff; 
  background-color : #eecc11; 
  color : #fff;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0; 
  padding-bottom : 1px; 
  font-size : 80%; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
  color : #1a50b8;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #cc9900;
}
a.doImga { display: block; height: 15px; width: 82px; background-image: url(images/home.gif); text-decoration: none; }
a.doHova:hover { background-image: url(images/home-over.gif); }
body a.doActa:active { background-image: url(images/home-over.gif); }

a.doImgb { display: block; height: 15px; width: 62px; background-image: url(images/sitemap.gif); text-decoration: none; }
a.doHovb:hover { background-image: url(images/sitemap-over.gif); }
body a.doActb:active { background-image: url(images/sitemap-over.gif); }

a.doImgc { display: block; height: 15px; width: 84px; background-image: url(images/contact.gif); text-decoration: none; }
a.doHovc:hover { background-image: url(images/contact-over.gif); }
body a.doActc:active { background-image: url(images/contact-over.gif); }

#flashlogo {
		
		width: 44px;
		height: 48px;
	
	}
	#flashintro {
		
		width: 730px;
		height: 300px;
	
	}
	
	#flasbanner{
		
		width: 730px;
		height: 133px;
	
	}
	
.Nav{

	background-image: url(images/nav_bar.png);
	background-repeat: repeat-x;
	height:30px;
	width:730px;
}
.style2 {color: #666666}
body {
	background-color: #221E1F;
}
.style5 {color: #FFF}
.style6 {color: #939597}
a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #F78E1D;
}
.style8 {font-family: "Trebuchet MS", Arial, verdana, Helvetica}

/* End CSS */