/* CSS Document */
/* FITNESS ANYWHERE-New Redesign CSS

1 RESET ELEMENT

2 GENERAL ELEMENTS
   2.1 Headings and Paragraphs
   2.2 Links
   2.3 Forms
   2.4 Others
   
3 Global Classes

4 Other Functionality
    4.1 Tabs
	4.2 Side Column
	4.3 Image Gallery

/****1 RESET ELEMENT****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/***2 GENERAL ELEMENTS***/
  
body {
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color:#333;
	background:#000;
}
p,  ul,  ol,  blockquote,  address,  pre,  table,  dl {
	margin: 10px 0;
}
p {
	padding:0;
	line-height:16px;
}

p sup {
	vertical-align: baseline;
	font-size: 9px;
	position: relative;
	top: -0.4em !important;
	margin-left:1px;
	}

ul,  ol {
	padding:0 25px;
}
ul {
	list-style-type: disc;
}
ul ul {
	list-style-type: circle;
	margin:0;
}
ul ul ul {
	list-style-type: square;
}
ol ol {
	list-style-type: lower-alpha;
	margin:0;
}
ol ol ol {
	list-style-type: lower-roman;
}


h1 {
	font-size: 24px;
	line-height: 30px;
	color:#fff200;
	margin-bottom: 18px;
	font-weight:normal;
	text-transform:none;
	background: transparent url(/images/backgrounds/h1_bg.png) repeat fixed left top;
	padding: 10px;
	margin:0 -10px;
}
h1 em {
	font-size: 14px;
	line-height: 18px;
	color:#fff;
	display:block;
	font-style: normal;
}

h1 sup {
	vertical-align: baseline;
	font-size: 9px;
	position: relative;
	top: -1.3em !important;
	margin-left:1px;
	}

h2 {
	font-size: 24px;
	color:#000;
	padding: 10px 10px;
	letter-spacing:-1px;
	line-height: 23px;
}

h2 sup {
	vertical-align: baseline;
	font-size: 9px;
	position: relative;
	top: -1.3em !important;
	margin-left:1px;
	}

h3 {
	font-size: 18px;
	margin-bottom:5px;
	color:#000;
	padding: 5px 0;
	line-height:20px;
}

h3 sup {
	vertical-align: baseline;
	font-size: 9px;
	position: relative;
	top: -0.8em !important;
	margin-left:1px;
	}

h4 {
	font-size: 18px;
	margin-bottom: -12px;
	font-weight:normal;
	color:#000;
	padding: 5px 0;
	line-height:25px;
}

h4 sup {
	vertical-align: baseline;
	font-size: 9px;
	position: relative;
	top: -0.8em !important;
	margin-left:1px;
	}

h5 {
	font-size: 14px;
	margin-bottom: -14px;
	font-weight:bold;
	padding: 5px 10px;
}

h5 sup {
	vertical-align: baseline;
	font-size: 9px;
	position: relative;
	top: -0.6em !important;
	margin-left:1px;
	}

h6 {
	font-size: 14px;
	margin-bottom: -14px;
	font-weight:normal;
	padding: 5px 10px;
}

h6 sup {
	vertical-align: baseline;
	font-size: 9px;
	position: relative;
	top: -0.5em !important;
	margin-left:1px;
	}

blockquote {
	display:inline-block;
	margin:10px 0;
	padding:3px 0 5px 20px;
	background:transparent url(/images/backgrounds/quotes.png) no-repeat scroll left top;
	color:#333;
}
blockquote p {
	margin:0 0 5px 0;
	padding:0;
	font-size:12px;
	line-height:16px;
}
cite {
	display:block;
	text-align:right;
	font-style:normal;
	font-size:10px;
	line-height:12px;
	color:#666;
}
.left {
	float: left;
	margin: 0 18px 18px 0;
}
.right {
	float: right;
	margin: 0 0 18px 18px;
}
.callout {
	font-size: 11px;
	color: #a39c8d;
	border: 1px solid #ddd;
	background: #f1f2e7;
	padding: 8px 10px;
	margin-bottom: 18px;
}
.callout :last-child {
	margin-bottom: 0;
}
.callout h4 {
	font-size: 11px;
	line-height: 18px;
}
small {
	font-size:10px;
}
img {
	border:0;
}
sup {
	bottom:1.2em;
	font-size:40%;
	position:relative;
	vertical-align:baseline;
}

.marks {
	
	font-size:100%;
	position:relative;
	vertical-align:baseline;
}

sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}
dt {
	font-weight:bold;
}

#mainCol {float:left;
width:780px;
}

.raquo {
	font-size: 50%;
	font-weight:bold;
	vertical-align: super;
	line-height:10%;
}

/* Breadcrumbs */
.mp_backlinks {
	padding:6px 10px 10px;
	font-size:9px;
	font-family:'Verdana',Helvetica,Arial,sans-serif;
	color:#666;
	line-height:10px;
	clear:both;
}
/* End Breadcrumbs */

.tinyType {
	font-size:9px;
	font-family:'Verdana',Helvetica,Arial,sans-serif;
	color:#666;
	line-height:10px;
}


/*****2.2 Links *****/

a:link {
	color:#0099ff;
	font-weight: normal;
	text-decoration: none;
}
a:active {
	color: :#0099ff;
	font-weight: normal;
	text-decoration: none;
}
a:visited {
	color:  #09F;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	
	text-decoration: underline;
}
a.cta {
	font-size: 12px;
	font-weight:bold;
}
#sideCol a.cta {
	font-size: 12px;
	font-weight:bold;
}


/* Icons links */
a.rss {
	background:transparent url(/images/icons/feed.png) scroll no-repeat center left;
	padding:3px 0 3px 20px;
}
a.mail {
	background:transparent url(/images/icons/email.png) scroll no-repeat center left;
	padding:3px 0 3px 20px;
}
a.pdf {
	background:transparent url(/images/icons/17x17_pdf.gif) scroll no-repeat top left;
	padding:3px 0 3px 20px;
}
/* End Icons links */

a.arrow, a.arrow:visited, a.arrow:active {
	font-size: 24px;
	font-weight:bold;
	font-family: Arial, sans-serif;
	color:#000;
	text-decoration:none;
}
a.arrow:hover {
	color:#0099ff;
	text-decoration:none;
}
/***** 2.3 Forms *****/
 
form {
	margin:0;
	padding:0;
	display:inline;
}
form div {
	margin:10px;
}
legend {
	margin: 0 10px;
	font-weight:bold;
}
input, select, textarea {
	font:1em Arial, Helvetica, sans-serif;
}
textarea {
	width:100%;
	line-height:1.25;
}

/***** Tables *****/
/* Some Styles are not showing up in IE7 */

table {
	border: none;
	padding:0;
	border-collapse: collapse;
}
table caption {
	caption-side:bottom; /* no IE7 */
	font-size:10px;
	margin:-18px 0 18px;
	text-align:center;
}
tr {
	border-bottom:none; /* no IE7 */
}
table tr td {
	padding:2px;
	border-left:none;
}
/* -------- Edu Table */
table.classes {
	border:none;
	background-color:#fff;
}

table.classes a {

}

table.classes a.soldOut {
	font-weight:bold;
	color:#f00;
}

table.classes a.limited {
	font-weight:bold;
}

table.classes tr {
	border-bottom:1px solid #b8b8b8;
}

table.classes tr.headers {
	font-weight:bold;
	line-height:20px;
	font-size:14px;
}

table.classes tr.details {

}

table.classes tr td {
	border:none;
	padding:3px 2px;
}

table.classes td.col2, table.classes td.col4, table.classes td.col6, table.classes td.col8 {

}

table.classes td.col3, table.classes td.col5, table.classes td.col7 {
 background-color:#eee;
}

/* -------- END Edu Table */


/***** Wrapper *****/
 
#wrap {
	width:960px;
	margin:36px auto 0;
}

/***** 3 Global Classes *****/
 
.clear {
	clear:both;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.text-justify {
	text-align:justify;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	border-bottom:1px solid;
}
.highlight {
	background:#ffc;
}
.wrap {
	width:960px;
	margin:0 auto;
}
.img-left {
	float:left;
	margin:4px 10px 4px 0;
}

.img-right {
	float:right;
	margin:4px 0 4px 10px;
}
.nopadding {
	padding:0;
}
.noindent {
	margin-left:0;
	padding-left:0;
}
.nobullet {
	list-style:none;
	list-style-image:none;
}

/*** 4 Functionalities ****/
 
 /*Tabs*/

#tab-container-1 {
	padding-top:20px;

}
ul.navTab1 {
	margin: 0 10px 0px 10px;
	padding: 0;
	list-style:none;
	float:left;
	height:28px;
}

ul.navTab1 li {
float:left;
font-size:14px;
font-weight:old;
}

ul.navTab1 li a {
background:#eee none repeat scroll right 0;
border:1px solid #999;
color:#333333;
display:lock;
float:left;
font-weight:old;
line-height:27px;
margin:0 5px;
padding:0 15px;
font-weight:bold;
text-decoration:none !important;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
-webkit-border-top-left-radius:4px;

}

.lgBox ul.navTab1 li a, .lgBox ul.navTab1 li a span {
	background-color:#eee;
	background-image:url(/images/dg_tab1.gif);
}
.dgBox ul.navTab1 li a, .dgBox ul.navTab1 li a span {
	background-color:#666;
	background-image:url(/images/dg_tab1.gif);
}
ul.navTab1 li a:hover {
	background-position: right -120px;
	background-color:#FFF;
	font-weight:bold;
	color:#000 !important;
}

ul.navTab1 li a.active {
	background-color:#fff;
	font-weight:bold;
	background-position:right -60px;
	border-bottom:medium none;
	color:#000 !important;
	line-height:28px;
}

ul.navTab1 li a.active:hover {
	background-position: right -60px;
	color:#000 !important;
	font-weight:bold;
}

/* = End Nav Tab styles */

.tab {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:15px 9px 15px 10px;
	clear:both;
	margin:0 -9px 0 -10px;
	background:#fff url(/images/backgrounds/tab_gradient.png) repeat-x scroll bottom left;
}
/* Commented out because it was affecting link colors in the copy. if this breaks something else, we may have to figure out a better way to target these links.
.tab a:link, .tab a:active, .tab a:visited {
	color:#000;
	text-decoration:none;
}
.lgBox .tab a:link, .lgBox .tab a:active, .lgBox .tab a:visited {
	color:#000;
} */
.tab a:hover {
	text-decoration:underline;
}
.tab-nested {
             clear:both;
}

/*Side Colum*/
#sideCol {
	
	float:left;
	width:180px;
	overflow: visible;
}

.sideCol  {
	font-size: 12px;
	font-weight:normal;
	color:#333;
	padding:0 0 10px 0;
	margin:0;
	}

.sideCol h4 {
	font-size: 12px;
	line-height:20px;
	font-weight:bold;
	color:#333 !important;
	padding: 0 10px;
	margin:0;
	background:#ccc !important;
	border-bottom:1px solid #b8b8b8;
	border-top:1px solid #e6e6e6;
}
.sideCol em{
	font-size:10px;
	font-weight:normal;
	font-style:normal;
	}
.sideCol p {
	font-size: 12px;
	font-weight:normal;
	padding:10px;
	margin:0;
	
	
}

.sideCol blockquote {
	margin:10px;
	padding:3px 10px 5px 20px;
	background:transparent url(/images/backgrounds/quotes.png) no-repeat scroll left top;
	color:#333;
}

.sideCol blockquote p{
	margin:0 0 5px 0;
	padding:0;
	font-size:12px;
	line-height:16px;
}

/*Side Mode Education*/
.eduSideCol{
	background-color:#333;
	
}
.eduSideCol h5{
	border-bottom:1px solid #000;
	color:#736f23;
	line-height:20px;
	margin:0;
	padding:0 7px 7px;
	font-weight:bold;
	font-size:14px;
}
 .eduSideCol a{
	 color:#fff200;
 }
 
/* -- Company Navigation -- */
ul.company {
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.company li a:link, ul.company li a:visited, ul.company li a:active {
	background:#CCCCCC none repeat scroll 0 0 !important;
	border-bottom:1px solid #b8b8b8;
	border-top:1px solid #e6e6e6;
	color:#333333 !important;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	margin:0;
	padding:0 10px;
	display:block;
}

ul.company li a span {
	display:none;
}

ul.company li a:hover, div.about ul.company li.about a, div.careers ul.company li.careers a, div.contact ul.company li.contact a, div.request ul.company li.request a, div.intdist ul.company li.intdist a, div.partners ul.company li.partners a, div.satisfaction ul.company li.satisfaction a {
	background:#666 none repeat scroll 0 0 !important;
	border-bottom:1px solid #666;
	border-top:1px solid #b8b8b8;
	color:#fff !important;
	text-decoration:none;
}

div.about ul.company li.about a span, div.careers ul.company li.careers a span, div.contact ul.company li.contact a span, div.request ul.company li.request a span, div.intdist ul.company li.intdist a span, div.partners ul.company li.partners a span, div.satisfaction ul.company li.satisfaction a span {
	display:inline;
}
		
/* -- Feeds --*/

.feeds p {
	margin:0 !important;
	padding:10px 10px 0 10px !important;
	font-size:12px;
}
.feeds p em {
	color:#666;
	font-size:10px;
	padding:0 !important;
}

.feeds span {
	margin:0 !important;
	padding:10px 10px 0 10px !important;
	font-size:12px;
}


/* ---------------------- Buttons ---------------------- */
a.button_01:link, a.button_01:visited, a.button_01:active, a.button_02:link, a.button_02:visited, a.button_02:active, a.button_03:link, a.button_03:visited, a.button_03:active, input.button_03 {	
	border-collapse:collapse;
	color:#fff;
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	padding:5px 15px;
	margin:0 10px 0 0;
}

a.button_01:link, a.button_01:visited, a.button_01:active {
	background:#09f url(/images/buttons/button_01-bg.png) repeat-x scroll left bottom;
	border:1px solid #09f;
	color:#FFF;
}

a.button_02:link, a.button_02:visited, a.button_02:active {
	background:#666 url(/images/buttons/button_01a-bg.png) repeat-x scroll left bottom;
	border:1px solid #666;
}

a.button_03:link, a.button_03:visited, a.button_03:active, input.button_03 {
	background:#fff200 url(/images/buttons/button_03-bg.png) repeat-x scroll left bottom;
	border:1px solid #fc0;
	color:#000;
}
input.button_03 {
	cursor: pointer;
}
input.button_01 {
	background:#09f url(/images/buttons/button_01-bg.png) repeat-x scroll left bottom;
	border:1px solid #09f;
	color:#FFF;
	color:#fff;
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	padding:5px 15px;
	margin:0 10px 0 0;
}

a.button_01:hover, a.button_02:hover, a.button_03:hover {
	background-image:none;
	text-decoration:none !important;
}

p.button_01 {
	margin-top:20px !important;
	margin-bottom:20px !important;
}

/* ---------------------- End Buttons ---------------------- */

/*Image Gallery */
/* = Ghetto Gallery
--------------------------------------------------------------------------------*/

/* ---------- gallery container ---------- */
.gallery {
position:relative;
width:690px;
height:525px;
margin:0 auto;
}

/* ---------- opacity ---------- */
.gallery a img {opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.6;}
.gallery a:visited img {opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.6;}
.gallery a:hover img {opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.9;}

/* ---------- thumbnail images ---------- */
.gallery .thumb, .gallery .no-thumb {
float:left;
width:100px;
height:100px;
margin:0 0 0 -10px; ;
overflow:hidden;
text-align:center;
}
.gallery .thumb {
border:none;
}
.gallery .no-thumb {
border:none;
}
.gallery .thumb a img {display:block;}
.gallery .thumb a span {display:none;}
.gallery .thumb a:hover, .thumb a:active, .thumb a:focus {background:transparent;}

/* ---------- preview image ---------- */
.gallery a:hover span {
display:block;
position:absolute;
width:390px;
height:500px;
top:0;
left:300px;
}

/* ---------- preview image title block ---------- */
.gallery .thumb em {
position:absolute;
width:380px;
top:-20px;
left:0px;
background:#ccc;
color:#333;
font:normal 12px/20px helvetica;
font-weight:bold;
text-align:left;
padding-left:10px;
display:none; /* delete this attribute to show captions on hover */
}
.gallery .thumb a {
text-decoration:none;
}

/* ---------- no border on images ---------- */
.gallery a img {border:0;}

/* ---------- clear floats ---------- */
.gallery .clear {
height:0;
line-height:0px;
font-size:0;
clear:both;
}


/* = Personal Trainer Gallery
--------------------------------------------------------------------------------*/

/* ---------- gallery container ---------- */
.ptGallery {
	position:relative;
	height:535px;
	background:transparent url(/images/gallery_bg.gif) no-repeat scroll 129px 50px;
	padding-right:0px;
	
}
.ptGallery .ptThumbs {
	width: 330px;
	margin-left:420px;
	margin-right:-20px;
}
.dgBox .ptGallery {
	background:transparent url(/images/dg_gallery_bg.gif) no-repeat scroll 129px 50px;
}

/* ---------- opacity ---------- */
.ptGallery a img {opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.6;}
.ptGallery a:visited img {opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.6;}
.ptGallery a:hover img {opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}

/* ---------- thumbnail images ---------- */
.ptGallery .thumb, .ptGallery .no-thumb {
float:left;
width:100px;
height:100px;
margin:0 10px 10px 0;
overflow:hidden;
text-align:center;
}
.ptGallery .thumb {
border:none;
}
.ptGallery .no-thumb {
border:none;
}
.ptGallery .thumb a img {display:block; }
.ptGallery .thumb a span {display:none; }
.ptGallery .thumb a:hover, .thumb a:active, .thumb a:focus {background:transparent;}

/* ---------- preview image ---------- */
.ptGallery a:hover span {
display:block;
position:absolute;
width:400px;
height:520px;
top:10px;
left:10px;
margin:-10px;
}

/* ---------- preview image title block ---------- */
.ptGallery .thumb em {
position:absolute;
width:380px;
top:-20px;
left:0px;
background:#ccc;
color:#333;
font:normal 12px/20px helvetica;
font-weight:bold;
text-align:left;
padding-left:10px;
display:none; /* delete this attribute to show captions on hover */
}
.ptGallery .thumb a {
text-decoration:none;
}

/* ---------- no border on images ---------- */
.ptGallery a img {border:0;}

/* ---------- clear floats ---------- */
.ptGallery .clear {
height:0;
line-height:0px;
font-size:0;
clear:both;
}



.ptBens h5 {
	margin-top:0;
}
.ptBens p {
	margin-bottom:20px;
}


/* ---------- Product Scroller ---------- */
a.rightScroll, a.leftScroll {
	display:block;
	width:18px;
	line-height:36px;
	border:1px solid #999;
	background-color:#eee;
	font-weight:bold;
	text-decoration:none !important;
	text-align:center;
	font-size:18px;
	float:left;
	margin:0;
}
a:hover.rightScroll, a:hover.leftScroll {
	background-color:#fff;
}
a.leftScroll {
	-moz-border-radius-topleft:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-top-left-radius:4px;
	margin:30px 0 0 10px;
}
a.rightScroll {
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-top-right-radius:4px;
	margin:30px 10px 0 0;
}
.scroller {
	float:left;
}
.scroller li p {
	text-align:center;
	margin:0 7px;
}
.scroller a:hover {
	text-decoration:none;
}
/* ---------- End Product Scroller ---------- */