@charset "utf-8";

* { zoom:1 }

/* MAIN LAYOUT */
body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #333; background-image:url(../images/layout/bkgd.jpg); background-position:center; background-repeat:repeat-y; margin: 0; padding: 0; text-align: center; color: #ffffff; }

.oneColFixCtrHdr #container { width: 852px;  background: #000000; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ border: 1px solid #000000; text-align: left; /* this overrides the text-align: center on the body element. */ }

.oneColFixCtrHdr #header {
	background: #000000; padding: 0 0 0 0px;  height: 152px; background:url(/images/layout/header.jpg) no-repeat center; background-position:bottom }

.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */}
	
.oneColFixCtrHdr #mainContent, .oneColFixCtrHdr #mainContentHome, .oneColFixCtrHdr #mainContentContact, .oneColFixCtrHdr #mainContentAbout, .oneColFixCtrHdr #mainContentTreadmills, .oneColFixCtrHdr #mainContentSupplements, .oneColFixCtrHdr #mainContentHomegyms {	margin: 0 0 0 0; background: #000000;  height: 528px; }
.oneColFixCtrHdr #mainContent {	padding: 30px 60px 0 60px; background:url(/images/layout/bkgd_home.jpg) no-repeat top center; }
.oneColFixCtrHdr #mainContentHome {	padding: 30px /*440px*/ 60px 0 60px; background:url(/images/layout/bkgd_home.jpg) no-repeat top center;  }
.oneColFixCtrHdr #mainContentHome3col {	padding: 30px 60px 0 60px; background:url(/images/layout/bkgd_home.jpg) no-repeat top center; min-height:548px;}
.oneColFixCtrHdr #mainContentContact {	padding: 30px 330px 0 60px; background:url(/images/layout/bkgd_home.jpg) no-repeat top center; }
.oneColFixCtrHdr #mainContentAbout {	padding: 30px 330px 0 60px; background:url(/images/layout/bkgd_home.jpg) no-repeat top center; }
.oneColFixCtrHdr #mainContentSupport {	padding: 30px 360px 0 60px; background:url(/images/layout/bkgd_home.jpg) no-repeat top center; }
.oneColFixCtrHdr #mainContentTreadmills {	padding: 30px 60px 0 60px; background:url(/images/layout/bkgd_treadmills3.jpg) no-repeat top center; }
.oneColFixCtrHdr #mainContentSupplements {	padding: 30px 60px 0 60px; background:url(/images/supplements/supplement01.jpg) no-repeat top center; }
.oneColFixCtrHdr #mainContentHomegyms {	padding: 10px 60px 0 60px; background:url(/images/layout/bkgd_homegyms.jpg) no-repeat top center; }

.oneColFixCtrHdr #mainContentHome .copy { float:left; width:452px; }
.oneColFixCtrHdr #mainContentHome .flash { float:left; width:250px; height:270px; margin: 20px 0 0 30px;}
.oneColFixCtrHdr #mainContentHome .thumbs {padding: 30px 0 0 0px;}

.oneColFixCtrHdr #mainContent .third_left p, .oneColFixCtrHdr #mainContent .third_mid p, .oneColFixCtrHdr #mainContent .third_right p {
	font-size:.85em; text-align:justify; line-height: 17px; }

.oneColFixCtrHdr #mainFootnotes {
	padding: 0 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0 0 0 0; background: #000000; height: 110px;}

.oneColFixCtrHdr #mainFootnotes .third_left p, .oneColFixCtrHdr #mainFootnotes .third_mid p, .oneColFixCtrHdr #mainFootnotes .third_right p {
	font-size:.85em; text-align:justify; line-height: 17px; }

.oneColFixCtrHdr #footer { padding: 0 60px 0 60px;  background:#000000; background:url(/images/layout/footer.jpg) no-repeat center; height: 136px; }
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 14px 0 0 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ 
	font-size:.65em; text-align:center;}
	
.oneColFixCtrHdr #ams {	text-align: right; padding: 8px 32px 14px 0; }

/* TYPE */
h1, h2, h3, h4, h5, h6, p { position:relative; margin-top:4px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:normal}
h1 small { font-size:.55em }
h1 { font-size:20px; color:#ea4a22; font-weight:bold; letter-spacing: .05em;}
h2 { font-size:16px; color:#ea4a22; font-weight:bold; }
h3 { font-size:16px }
h4 { font-size:16px; color:#ea4a22; font-weight:bold; line-height: 16px; letter-spacing: .1em;  }
p { font-size:14px; color:#ccc; line-height:20px; text-align:justify; }
hr { border:solid 2px #589381; border-style:none none dotted; size:0; height:2px; clear:both; margin:10px 0; }
b { color:#333333 }
a, a:link, a:hover { color: #ea4a22; font-weight: bold; padding: 0px; text-decoration: underline; }
a:hover { font-weight: bold; color: #a03118; text-decoration: underline; }
/*.product_title a, .product_title a:link, .product_title a:hover { font-weight: bold; padding:0px; font-size:70%; color:#ea4a22; text-decoration: underline; }
.product_title a:hover { color:#a03118;  }*/
.orange, .orange_bold {color:#ea4a22;}
.orange_bold { font-weight:bold; }
.white {color:#FFF; }
p.eighty_pc {font-size: 80%;}
p.eighty_pc_prod {font-size: 80%; line-height:18px; padding: 0 70px 0 0;}
.caption {font-size:10px; font-style:italic; color:#ccc; line-height:20px; text-align:justify; }

/* NAV */
#menu_box{ text-align: center; width: auto; margin:0 0; z-index: 1000;}
ul.MenuBarHorizontal { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-transform:uppercase; margin: 26px auto 0 auto; padding: 0;	list-style-type: none; width: 45em; } 

/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li { margin: 0 0 0 0; padding: 0 0px; list-style-type: none; font-size: 100%; position: relative; text-align: center;	cursor: pointer; width: 9em; float: left; z-index: 1020;} 

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul { margin: 0; padding: 0px 0; position:absolute;  list-style-type: none; top: 15px; left:0; display:none; z-index:1020; cursor: pointer; } 

ul.MenuBarHorizontal li:hover ul { display:block; }

/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li { width: 11em; }

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 0; } 


/* NAV APPEARANCE */
/* wmn submenu containers have smaller text and black bkgd */
ul.MenuBarHorizontal ul{ background-color: #000; line-height: 22px; font-size: 80%; width: 11em;  }

/* wmn menu items are transparent, grey text with no decoration */
ul.MenuBarHorizontal a { display: block; background-color: none; padding:0 0px; color: #CCC; text-decoration: none; letter-spacing:1px; white-space:nowrap; }

/* wmn menu items that have mouse over or focus have white text */
ul.MenuBarHorizontal a:hover {	color: #FFF; }


/* HEADER LAYOUT */
#flash { margin-top:0px; display:block; width:790px; height:107px; background:none; margin-bottom:0px; padding-left: 31px; text-align:left; }
.clr { clear:both; height:44px; overflow:hidden; margin:0; padding:0; line-height:0; background:none; }
.clr2 { clear:both; height:20px; overflow:hidden; margin:0; padding:0; line-height:0; background:none; }
.clr3 { clear:both; height:1px; overflow:hidden; margin:0; padding:0; line-height:0; background:none; }

/*CONTENT*/
.home_content{padding: 0 235px 0 0;}
.home_content p {font-size: 80%; }

/* PRODUCT */
.spec {font-size: 60%; text-transform:uppercase; padding-left: 30px; letter-spacing: 0.1em;  }
p.usp { font-style:italic; color:#b02d06; padding: 0 0 0 40px; color:#dbdbdb; }
.spec_li {list-style-type: circle; list-style-image:url(/images/layout/bullet.png);} 

/* MAIN FOOTNOTES */
.third_left { float:left; width:30%; padding-right: 0px; }
.third_mid { float:left; width:30%; padding-left: 36px; padding-right: 0px;}
.third_right { float:right; width:30%; padding-left: 0px; }

.half { float:left; width:48%; }
.qtr { float:left; width:23%; }
.tqtr { float:left; width:73%; }
.twothirds { float:left; width:64%; }
.qtr .half { float:left; width:48%; }

/* TABLES */
table {  }
th, td { border-right: 0px; border-bottom: 0px; padding: .3em .5em; font-size: 100%;  }
th.support, td.support {  padding: .3em .5em; font-size: 70%;  }
tr { background: #000; border: 1px; border-style: solid; border-color: #666; }
tr.home,tr.home_title { background: none; border-color: none;  }
tr.home_title { line-height: 10px;}
tr.title { font-weight:bold; background: #333; color: #fff; line-height: 20px; text-align:center; text-transform: uppercase; }
tr.titlesmall { font-weight:normal; font-size:80%;  background: #594230; color: #fff; line-height: 14px; text-align:left; }
td.indented { padding: 0 1.8em; font-size: 80%; }
td.wideright { padding-right: 75px; }
td.thumbnail_title {font-size: 80%;}

table .copy { font-size: 90%; line-height: 1.3em; }
.TD1, .TD2, .TD3 { line-height: 1.6em; }
.TD1 { border-left: 1px solid #333; border-bottom: 1px solid #333; border-right: 1px solid #333; text-align: left; font-size: 70%;}
.TD2 { border-bottom: 1px solid #333; border-right: 1px solid #333; text-align: center; font-size:50%;  }
.TD3 { border-left:0px solid; border-top:0px solid; text-align: right; font-size: 100%;}
.vertical { tex }

/* AMS */
.copyright { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #999; }
.ams_hlink a{ color: #FF9900;	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;	font-weight: bold; padding: 0px; text-decoration: none; }
.ams_hlink a:link {	font-style: normal;	text-decoration: none;}
.ams_hlink a:visited {	font-style: normal;	color: #FF9900; text-decoration: none;}
.ams_hlink a:hover {font-style: normal; font-weight: bold; color: #FFCC00;	text-decoration: none; }