/*	RESET		*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
	font-family: Arial, sans-serif;
}
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;
}

.clear {
	clear:both;
}

h1 {
	font-size: 140%;
	color: #333;
	padding: 10px 0;
}

h2 {
	font-size: 85%;
	color: #333;
	line-height: 1.3em;
	margin: 15px 0 5px 0;
}

h2.question {
	margin-top: 15px;
	margin-bottom: 3px;
}

p, #main_content li {
	font-size: 75%;
	line-height: 1.3em;
	/* margin: 1em 0; */
	margin: 0 0 5px 0;
}

p {
	line-height: 1.5em;
}

body {
	background: #676767;
	line-height: 1.3em;
}

#container {
	margin: 0 auto;
	width: 1016px;
	background: #151515;
	position: relative;
}

#header {

}

#navigation	{
	/* width: 200px; */
	/* width: 175px; */
	width: 160px;
	float:left;
	font-size: 60%;
	color: #fff;
}

#navigation .wrap {
	/* padding: 25px; */
	/* padding: 25px 10px 15px 25px; */
	position: absolute;
	left: 10px;
	bottom: 10px;
	/* background: red; */
	width: 160px;
	
}

	#navigation ul {
		margin-bottom: 1.5em;
		/* margin-left: 25px; */
		margin-left: 10px;
	}
	
		#navigation li a {
			display: block;
			/* width: 100%; */
			width: 135px;
			color: #fff;
			/* padding: 10px 5px 15px 3px; */
			padding: 10px 5px 15px 15px;
			text-decoration: none;
			margin-bottom: 0;
			text-transform: uppercase;
			border-bottom: 1px solid #333;
			background-color: #151515;
			line-height: 1em;
		}
	#navigation p {
		line-height: 1.4em;
	}
	
	#navigation .side-article {
		/* margin: 15px -10px; */
	}

		#navigation h1 {
			font-size: 120%;
			color: #e5e137;
			margin-bottom: 0;
			padding-bottom: 0;
		}

		#navigation .side-article p {
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			font-size: 120%;
		}
		
		#navigation a {
			color: #e5e137;
			display: block;
			padding-bottom: 10px;
			text-decoration: none;
		}
		

#main_content {
	/* width: 796px; */
	/* width: 821px; */
	width: 836px;
	height: 598px;
	float: right;
	background: #fff;
	overflow: auto;
}

#main_content .wrap {
	padding: 5px 35px;
}

.navigation-nospace {
	margin-top: -15px;
}

/***		Home Page Dock
***/

#index #navigation .wrap {
	bottom: 42px;
	
}


#index .dock-container {
	height: 200px;
	padding: 30px 10px 10px 100px;
	/* background: orange; */
}

#index .dock-container div {
	float: left;
	width: 240px;
	margin: 0 auto;
	padding: 0 0 0 0;
	/* background: green; */
	text-align: center;
	
}

#index .dock-container a {
	width: 144px;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #666;
	font-size: 11px;
	margin: 0 8px 0 8px;
	/* background: orange; */
	}
	
#index .dock-container a img {
	width: 100%;
	text-align: center;
	margin-bottom: 3px;
}

/***		Home Page
***/

#index #main_content {
	height: auto;
}

#index #main_content .wrap {
	padding: 0 0;
}

.home-video-link {
	clear: both;
	background-color:#151515;
}

.home-footer {
	background-color:#151515;
	padding-right: 25px;
}

.home-footer div {
	/* color: #fff; */
	color: #e5e137;
	/* text-align: center; */
	text-align: right;
	font-size: 9px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 5px;
	line-height: 1.3em;
	background-color:#151515;
}

.home-below-video {background-color:#151515}

/***		Products Page
***/
#products .dock-container {
	height: 200px;
	padding: 10px;
	padding-left: 35px;
	padding-bottom: 40px;
}

#products .dock-container div {
	float: left;
	/* width: 160px; */
	width: 220px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	/* background: green; */
	text-align: center;
	
}

#products .dock-container a {
	width: 144px;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #666;
	font-size: 11px;
	margin: 0 8px 0 8px;
	/* background: orange; */
	}
	
#products .dock-container a img {
	width: 100%;
	text-align: center;
	margin-bottom: 3px;
}

/***		Sales Page
***/
#sales h2 {
	margin: 14px 0 22px 0;
	}

#sales .logo {
	/* background: orange; */
	height: 60px;
}
#sales .international {
	/* background: red; */
	float: left;
	width: 290px;
	
}
#sales .mye {
	/* background: red; */
	float: left;
	width: 250px;
	
}

#sales .block {float:left;width:250px;height:340px}

#sales .international h2, #sales .north-america h2, #sales .mye h2 {
margin: 10px 0 5px 0;
}

/***		About Us Page
***/


#about-us #main_content h3, 
.newsroom-ditto-wrapper h2 {
	font-weight: normal;
	font-size: 110%;
	margin: 20px 0 20px 0;
	line-height: 1.2em;
}

#about-us #main_content .wrap {
	width: 590px;
}

.about-us-content, .about-us #main-content p, .about-us-content p {
	/* line-height: 1.4em; */
}

/***		Newsroom Page
***/
#newsroom #current-article,
#press-releases #current-article {
	float: left;
	width: 405px;
	/* background: red; */
	margin-right: 25px;
	height: 515px;
	overflow: auto;
}

#newsroom #main_content .wrap,
#press-releases #main_content .wrap {
	position: relative;
	/* height: 600px; */
}

#newsroom .article_links,
#press-releases .article_links {
	/* background: orange; */
/*
	width: 320px;
	float: left;
	margin-top: 15px;
	font-size: 90%;
*/
	position: absolute;
	left: 420px;
	top: 15px;
}

#newsroom #main_content,
#press-releases #main_content {
	/* height: auto; */
}

#newsroom .hide,
#press-releases .hide {
	display: none;
}

#newsroom .article-links-ditto,
#press-releases .article-links-ditto {
	/* height: 234px; */
	height: 249px;
	overflow: auto;
}
	
#newsroom .article-links .newsroom-image,
#press-releases .article-links .newsroom-image {
	margin-bottom: 50px;
}


#newsroom .newsroom-links p,
#press-releases .newsroom-links p {
	border-top: 1px solid #000;
	padding: 10px 0 5px 0;
}

#newsroom .newsroom-links a,
#press-releases .newsroom-links a {
	color: #000;
	text-decoration: none;
	font-size: 90%;
	line-height: 1.3em;
}

/***		Product Images
***/

/*
img.product-left {
	float: left;
	background: red;
	padding-bottom: 10px;
}
*/

img.product-right {
	float: right;
	background: blue;
}

.product-images {
	float: left;
	/* background: yellow; */
	width: 270px;
	margin-left: -30px;
}

ul.products {
	list-style: disc outside;
	/* background: red; */
	padding-left: 255px;
	/* padding-left: 280px; */
	/* margin-top: -5px; */
	line-height: 1em;
}

ul.products li {
	line-height: 1.1em;
	margin: 0 0 0 0;
	padding: 0 0 -10px 0;
}

.no-h2, ul.products li.no-h2 {
	padding-top: 10px;
}

.mye-product {
	/* padding-top: 50px; */
}

#mye-wireless-entertainment-system .product-footer {
	margin-top: 50px;
}

.product-links {
	font-size: 85%;
	font-weight: normal;
}

.product-links a, .blue-links {
	color: #0099cc;
}

.product-links a {
	/* background: red; */
	margin-right: 15px;
}

.product-footer {
	clear: both;
	color: #333;
}

.faq-footer {
	padding-top: 50px;
	clear: both;
	color: #333;
/*
	font-size: 85%;
	font-weight: bold;
*/
}

.product-center-image {
	text-align:center;
	width: 100%;
	clear: both;
	/* background: yellow; */
	/* padding-bottom: 25px; */
	padding-top: 10px;
	padding-bottom: 10px;
}

.product-center-image img {
	width: 450px;
}

#fm-transmitters .product-images {
	height: 650px;
}

#product-accessories .product-images {
	height: 450px;
}

/*
#featured-trainers .answer {
	background: orange;
	float-right;
	width: 300px;
}
*/

#featured-trainers .product-links {
	/* padding-bottom: 25px; */
	padding-bottom: 35px;
}

#featured-trainers img {
	/* border: 1px solid #000; */
}

#featured-trainers p.answer {
	/* background: orange; */
	/* border: 1px solid #e3e3e3;	 */
	/* line-height: 1.5em; */
	/* padding-bottom: 35px; */
	padding-bottom: 15px;
}

#featured-trainers img {
	display: block;
}

#featured-trainers .individual-testimonials {
	clear: both;
}

#featured-trainers .float-left {
	/* background: red; */
	float: left;
	/* width: 200px; */
	width: 187px;
	padding-bottom: 35px;
}

#featured-trainers #t4sports {
	padding-bottom: 35px;
}

#featured-trainers #workoutmusic {
	/* height: 75px; */
	padding-bottom: 25px;
}

#featured-trainers h2 {
	margin: 5px 0 0 0;
}

#fds-testimonials .quote, #fds-testimonials h2 {
	width: 500px;
}

#fds-testimonials .quote {
	padding-bottom: 0;
	margin-bottom: 0;
	padding-top: 10px;
}

#fds-testimonials .author {
	padding-top: 0;
	margin-top: 6px;
}

#fitness-download-station .logos {
	margin-top: 15px;
}

#fitness-download-station #main_content ul {
	margin-left: 15px;
}

#fitness-download-station .how-to {
	/* padding-top: 25px; */
	/* background: orange; */
	margin-top: -15px;
}

#fitness-download-station .how-to img {
	background: red;
}

#fitness-download-station .how-to ol {
	list-style-type: decimal;
/* 	background: green; */
	margin-left: 18px;
	margin-top: 10px;
/*
	padding-bottom: 0;
	margin-bottom: 0;
*/
}

#fitness-download-station .how-to li {
/*
	background: yellow;
	padding-bottom: 0;
	margin-bottom: 0;
	padding-top: 0;
	margin-top: 0;
*/
	margin: 0 0 0 0;
}

#fitness-download-station #main_content h2 {
	/* padding: 10px 0 10px 0; */
}

#fitness-download-station .product-images {
	margin-bottom: 35px;
}

#fitness-download-station p.bottom-images {
	padding-top: 15px;
}

#fitness-download-station-programs .product-images {
	margin-left: 0;
	width: 250px;
}

#fitness-download-station-programs .product-images img {
	margin-bottom: 45px;
}

#fitness-download-station-programs ul.products {
	padding-left: 265px;
}

.types-of-programming {
	margin-bottom: 75px;
}

.types-of-programming .samples {
	margin-top: -3px;
	margin-right: 7px;
}

.types-of-programming ol {
	padding-top: 25px;
	width: 550px;
}

.types-of-programming li {
	padding-bottom: 15px;
}
.types-of-programming ol img {
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}

.types-of-programming h2 {
	margin: 5px 0;
}

#mye-video-wrapper {
	padding-top: 35px;
	padding-left: 142px;
}
/**
 * The CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Lesser General Public License as published by the Free
 * Software Foundation, either version 3 of the License, or (at your option)
 * any later version.
 *
 * Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
 * more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with Shadowbox.  If not, see <http://www.gnu.org/licenses/>.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007 Michael J. I. Jackson
 * @license     http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0
 * @version     SVN: $Id: shadowbox.js 150 2007-12-04 18:42:03Z michael $
 */

/*_________________________________________________________________  Overlay  */
#shadowbox_overlay {
  visibility: hidden;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 998;
}

/*_______________________________________________________________  Container  */
#shadowbox_container {
  position: fixed;
  height: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center; /* centers in quirks and IE */
}

/*_______________________________________________________________  Shadowbox  */
#shadowbox {
  display: none;
  visibility: hidden;
  margin: 0 auto;
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  text-align: left; /* reset left alignment */
}

/*___________________________________________________________________  Title  */
/*
HTML snapshot:
<div id="shadowbox_title">
  <div id="shadowbox_title_inner">Title Here</div>
</div>
*/
#shadowbox_title {
  height: 25px;
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  white-space: nowrap;
  padding: 5px 0 4px 8px;
  color: #fff;
}

/*____________________________________________________________________  Body  */
/*
HTML snapsnot:
<div id="shadowbox_body">
  <div id="shadowbox_body_inner">
    <img src="my_image.jpg" id="shadowbox_content" height="350" width="580">
  </div>
  <div id="shadowbox_loading">
    <img src="images/loading.gif" alt="loading"></div>
    <span><a href="javascript:Shadowbox.close();">Cancel</a></span>
  </div>
</div>
*/
#shadowbox_body {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  /* border: 2px solid #fff; */
  background-color: #000;
}
#shadowbox_body_inner {
  position: relative;
  overflow: hidden;
}
#shadowbox_loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 10000px; /* overflow:hidden will clip this */
  width: 100%;
  background-color: #222;
}
#shadowbox_loading img {
  float: left;
  margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
  float: left;
  margin-top: 16px;
  font-size: 10px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
}

#shadowbox_content.html { /* make html content scrollable */
  height: 100%;
  width: 100%;
  overflow: auto;
}

/*_________________________________________________________________  Toolbar  */
/*
HTML snapshot:
<div id="shadowbox_toolbar">
  <div id="shadowbox_toolbar_inner">
    <div id="shadowbox_nav_close">
      <a href="javascript:Shadowbox.close();"><span class="shortcut">C</span>lose</a>
    </div>
    <div id="shadowbox_nav_next">
      <a href="javascript:Shadowbox.next();"><span class="shortcut">N</span>ext</a>
    </div>
    <div id="shadowbox_nav_previous">
      <a href="javascript:Shadowbox.previous();"><span class="shortcut">P</span>revious</a>
    </div>
    <div id="shadowbox_counter">
      <a href="javascript:Shadowbox.change(0);">1</a>
      <a href="javascript:Shadowbox.change(1);" class="shadowbox_counter_current">2</a>
      <a href="javascript:Shadowbox.change(2);">3</a>
    </div>
  </div>
</div>
*/
#shadowbox_toolbar {
  margin: 0;
  padding: 0;
  height: 20px;
  overflow: hidden;
}
#shadowbox_toolbar_inner {
  height: 20px;
  color: #fff;
}
#shadowbox_toolbar_inner div {
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 12px;
  height: 10px;
  line-height: 10px;
}
#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: underline;
  font-weight: bold;
}
#shadowbox_toolbar_inner div a {
  text-decoration: none;
  color: #fff;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
  float: right;
  padding-right: 10px;
}
#shadowbox_counter {
  float: left;
  padding-left: 10px;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
  font-weight: bold;
}

/*________________________________________________________________  Messages  */
div.shadowbox_message {
  text-align: center;
  padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  text-decoration: none;
  color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  text-decoration: underline;
}