/* CSS Document */

/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, table, th, td { margin:0; padding:0; }
h2, h3, h4, h5, h6, p, li{ font-size:100%; font-weight:normal; }
ul { list-style-type:none; }
table { border-collapse:collapse; border-spacing:0; }
caption, th { text-align:left; }
fieldset, img { border:0; }
em, i, strong, b, th { font-style:normal; font-weight:normal; }
legend { display:none; }
.clear { clear:both }
/* reset end */


/*  ***********************************************************************
	Common elements */

body {
    position:relative;
	margin: 0;
    padding: 0;
	font: 62.5% tahoma, verdana, sans-serif;
	background-color:#08101d;
	color: #000;
}

a {
	text-decoration: none;
	color: #0066cc;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

input {
	padding: 0.1em 0;
}

.clear {
	clear: both;
	height:1px;
}

h1 {
	margin: 0;
	font-size: 2.1em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.3em;
}

p {
	margin: 0 0 2px 0;
	line-height: 1.4em;
	text-align: left;
}

caption {
	display:none;
}



/*  ***********************************************************************
	Header elements */
	
#wrapper {
	margin: 0 auto 15px auto;
	padding: 8px 15px 15px 15px;
	width: 760px;
	background-color:#fdfdfd;
}

#branding {
	width: 760px;
	height:6.8em;
	position: relative;
}

h1#site_logo {
    width:277px;
    height:57px;
	background: url(../img/logo_runner.gif) no-repeat;
    border:0;
    position:absolute;
	top:2px;
	left:0;
}

h1#site_logo a {
	display:block;
    width:269px;
    height:57px;
}

h1#site_logo img {
	display:none;
}

.imageReplacement {
	text-indent: -999em;
  	letter-spacing: -1000em;
	background-repeat: no-repeat !important;
  	overflow: hidden;
}

a.imageReplacement {
	display: block;
}

.hide {
	display: none;
}

#banner {
	position:absolute;
	top:0;
	right:0;
}


/*  ***********************************************************************
	Navigation */ 
	
	
#navigation {
    height:22px;
    padding:0;
	position:relative;
	top:0;
	left:-0.2em;
	width:765px;
}

#navbar {
	margin:0;
	padding:0;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	background:url(../img/navDefault.jpg) center center repeat-x;
}

#navbar li {
	display:inline;
}

#navbar li a {
	float:left;
	color:#f6f6f6;
	text-decoration:none;
}

#navbar li a:visited {
	color:#f6f6f6;
}

#navigation #navbar li a {
	padding: 4px 8px 4px 8px;
	margin: 0 2px 0 2px;
	font-weight:bold;
	text-decoration: none;
	letter-spacing: 1px;
	background: #e04c2e url(../img/tabredcorner.gif) top right no-repeat;
}

#navigation #navbar li a:hover {
	background: #bababa url(../img/tabgreycorner.gif) top right no-repeat;
}

#navigation #navbar li a.current {
	background: #333 url(../img/tabactivecorner.gif) top right no-repeat;
	color:#ffcc33;
}

#subNavigation {
    height:1.5em;
    padding:0 0 1em 0;
	position:relative;
	top:0;
	left:0;
	width:765px;
	background-color:#ededed;
	border-top:3px solid #333;
	border-bottom:1px solid #ccc;
}

#subNavbar {
	margin:0;
	padding:5px 0 0 2px;
	float:left;
	font-size:1.1em;
}

#subNavbar li {
	display:inline;
}

#subNavbar li a {
	float:left;
	color:#000;
	padding:0 6px 0 6px;
	text-decoration:none;
	border-right:1px solid #bebebe;
}

#subNavbar li a:hover {
	text-decoration:underline;
}

#subNavbar li a:visited {
	color:#000;
}

#subNavbar li a.current {
	font-weight:bold;
	color:#ce2e20;
}

#subNavbar li .noBorder {
	border-right:none;
	padding:0 0 0 6px;
}

#homeIntroPanel {
	height: 210px;
	background: #fff url(../img/homeMain.jpg) top left no-repeat;
	color: #fff;
	margin: 15px 0 0 0;
	padding: 0;
}

#homeIntroPanel em {
	font-weight:bold;
}

#homeIntroPanel h2 {
	padding: 74px 15px 5px 13px;
}

#homeIntroPanel p a {
	color:#fff;
	text-decoration:underline;
	margin:0;
	font-weight:bold;
}

#homeIntroPanel p a:hover {
	text-decoration: underline;
	color:#FF9900;
}

#homeIntroPanel h2,
#homeIntroPanel p {
	width: 360px;
	color:#efd092;
	font-size: 1.2em;
	line-height: 1.5em;
}

#homeIntroPanel p {
	padding: 0 0 0 13px;
}

#homeIntroPanel em {
	color:#ff9933;
}

#homeIntroPanel img {
	margin:6px 0 0 -2px;
}

#home1to1Panel {
	height: 40px;
	width: 760px;
	background: #e8573a;
}

#home1to1Panel p {
	text-align: center;
	color: #fff;
	line-height: 40px;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
}

#homePromoPanel {
	width: 735px;
	height:175px;
	float: left;
	margin: 0 0 7px 0;
	padding: 2px 15px 0 10px;
	background: #f9984b url(../img/homePromoBottom.gif) bottom left no-repeat;
}

#homePromoPanel #homePromo1 h3 a,
#homePromoPanel #homePromo2 h3 a,
#homePromoPanel #homePromo3 h3 a,
#homePromoPanel #homePromo4 h3 a,
#homePromoPanel #homePromo5 h3 a {
	color:#fff;
}

#homePromoPanel p a {
	text-decoration:none;
}

#homePromoPanel p a:hover {
	text-decoration:underline;
}

#homePromoPanel h3 {
	margin: 0;
	padding: 85px 0 0 10px;
	color:#fff;
	font-size: 1.5em;
	font-weight:bold;
}

#homePromoPanel p {
	padding: 10px 0 0 10px;
	font-size: 1.1em;
	line-height: 1.3em;
}

#homePromo1, #homePromo2, #homePromo3, #homePromo4, #homePromo5 {
	float: left;
	margin: 10px 10px 0 0;
	width:176px;
	height:110px;
}

#homePromo1 {
	background: url(../img/homePromo1.jpg) top left no-repeat;
}

#homePromo2 {
	background: url(../img/homePromo2.jpg) top left no-repeat;
}

#homePromo3 {
	background: url(../img/homePromo3.jpg) top left no-repeat;
}

#homePromo4 {
	background: url(../img/homePromo4.jpg) top left no-repeat;
	margin: 10px 0 0 0;
}
/* Begin Temp styles for new pillates promo */
#homePromo5 {
	background: url(../img/homePromo5.jpg) top left no-repeat;
	margin: 10px 0 0 0;
}
/* End Temp styles for new pillates promo */
#lowerPromoPanel #promoPanelLeft {
	float:left;
	margin:0 10px 0 0;
	padding:16px 0 0 0;
	font-size:1.2em;
	font-weight:bold;
	width:646px;
	height:42px;
	text-align:center;
	background: url(../img/lowerPromoPanel.gif) top left no-repeat;
}

#promoPanelFlash {
	float:left;
	margin:0 10px 3px 0;
	padding:1px 0 0 0;
	width:646px;
	height:57px;
}

#lowerPromoPanel #promoPanelLeft a {
	color:#000;
	text-decoration:underline;
}

/* Begin Temp styles for paypal section */
#lowerPromoPanelTemp #promoPanelLeftTemp {
	position:relative;
		
	float:left;
	margin:0 10px 0 0;
	padding:16px 0 0 10px;
	font-size:1.4em;
	font-weight:bold;
	width:646px;
	height:42px;
	text-align:left;
	background: url(../img/lowerPromoPanel.gif) top left no-repeat;
}

#lowerPromoPanelTemp #promoPanelLeftTemp a {
	color:#000;
	text-decoration:underline;
}


#lowerPromoPanelTemp #promoPanelLeftTemp img {
	position:absolute;
	top:6px;
	left:420px;
}

/* End Temp styles for paypal section */

#lowerPromoPanel {
	margin:0 0 5px 0;
}



#lowerPromoPanel #promoPanelLeft #midSize {
	font-size:1.5em;
}

#lowerPromoPanel #promoPanelLeft #telephone {
	font-size:1.8em;
}

#contentWrapper {
	width:765px;
	margin:5px 0 0 0;
	padding:10px 0 0 0;
}

#mainContent {
	width: 735px;
	float: left;
	padding: 15px 10px 15px 15px;
	background-color:#f8f8f8;
	font-size:1.2em;
}

#mainContent h2,
#mainContent h3 {
	color:#993300;
}

#mainContent h2,
#mainContent h3 {
	background:#e57059;
	color:#fff;
	margin: 0 0 10px 0;
	padding:5px 0 5px 10px;
}

#mainContent h2,
#mainContent h3 {
	width: 688px;
}

#mainContent h2 {
	font-size: 1.9em;
	font-weight:bold;
}

#mainContent h3 {
	font-size: 1.5em;
	margin:0.5em 0 0.5em 0;
	clear:both;
}

#mainContent h3#headerLarge {
	font-size: 2em;
	font-weight:bold;
}

#mainContent h3.centered {
	text-align:center;
}

#mainContent h4 {
	font-size: 1.2em;
	font-weight:bold;
}

#mainContent .asterisk,
#mainContent p span {
	color:#ff0000;
}

#mainContent .small_text {
	font-size:0.8em;
}

#mainContent h3.headline,
#mainContent h4.headline {
	color:#000;
	background:none;
	padding:0;
}

#mainContent h4.headline.spacer,
#mainContent h5.headline.spacer {
	padding:0 0 0.5em 0;
}

#mainContent h3.headline a {
	color: #0066cc;
}

#mainContent .copy .clear {
	padding:0 0 0.8em 0;
}

#mainContent h3.headline a:hover {
	text-decoration: underline;
}

#homeIntroPanel a {
	color:#fff;
	text-decoration:underline;
	margin:0;
	font-weight:bold;
}

#homeIntroPanel a:hover {
	text-decoration: none;
}


#mainContent p.highlight {
	color:#000;
	font-weight:bold;
}

#mainContent h3.highlight {
	color:#fff;
	width:520px;
	margin:1.5em 0 0.5em 0em;
	padding:0.6em;
	line-height:1.45em;
	font-size:2em;
	text-align:center;
	font-weight:bold;
	background-color:#ff9933;
	border-top:1px solid #993300;
}

#mainContent h4.headline,
#mainContent h5.headline {
	margin:0 0 0.2em 0;
	font-weight:bold;
}

#mainContent em {
	font-weight:bold;
	color:#ce2e20;
}

#mainContent .quoteContainer {
	color:#133558;
	width:698px;
	margin:1em 0 1em 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.5em;
	background-color:#eee;
	float:left;
}

#mainContent .quoteContainer p {
	margin: 0;
	font-weight:bold;
    width:100%;
	padding:0 0 0.3em 1em !important;
}

#mainContent .quoteContainer blockquote {
	font-weight: bold;
	padding: 0.7em 0.7em 0 0;
	margin: 0 0 0.2em 0;
	float:left;
}

#mainContent .quoteContainer .by {
	padding: 0 0.5em 0.5em 1em;
	font-weight:normal;
	float:left;
}

#mainContent .quoteContainer p img {
	margin:0 15px 0 0;
}

#mainContent .copy {
	width: 698px;
	border: 1px solid #dbdbdb;
	background:#fff;
	margin:0 0 15px 0;
	padding:15px;
    float:left;
}

#mainContent .highlightContent {
	width: 696px;
	border: 1px solid #dbdbdb;
	background:#fce8ce;
	margin:0 0 12px 0;
	padding:5px 0 0 0;
	height:100%;
}

#mainContent .promotionContent {
	width: 694px;
	background-color:#ffffd8;
	background:#fce8ce;
	margin:0 0 20px 0;
	padding:8px 5px 0 0;
	height:100%;
}

#mainContent #promotionSection {
	width: 673px;
	border:3px solid #fce8ce;
	margin:0 0 10px 0;
	padding:10px 10px 0 10px;
}

#mainContent #promotionSection strong {
	font-size:1.3em;
}

#mainContent #promotionSection em {
	font-size:1em;
	color: #0066cc;
}

#mainContent .highlightContent li,
#mainContent .highlightContent p {
	font-weight:bold;
}

#mainContent .highlightContent li.headline,
#mainContent .highlightContent p {
	font-size:1.2em;
}

#mainContent .highlightContent p.smallText {
	font-size:1.1em;
}

#mainContent .highlightContent em {
	font-size:1.4em;
	color:#000;
}

#mainContent .highlightContent p,
#mainContent .promotionContent p {
	margin:5px 0 0 8px;
}

#mainContent .copy p {
	padding:0 0 25px 0;
}

#mainContent .copy img {
	float:right;
	margin:0 -1px 0 0;
	padding:0 0 0 8px;
}

#mainContent ul li {
	line-height:1.4em;
}

#mainContent ol {
	line-height:1.6em;
	margin:0 0 12px 40px;
}

#mainContent ol li a {
	color: #0066cc;
}

#mainContent ul.contentListNoIndent {
	margin:0 0 15px 0;
}

#mainContent ul.contentListNoIndent li {
	line-height:1.8em;
}

#mainContent ul.contentList {
	margin:0 0 15px 0;
}

#mainContent p a {
	text-decoration:none;
}

#mainContent p a:hover {
	text-decoration:underline;
}

#mainContent .listSection ul,
#mainContent .listLinkSection ul {
	float: left;
	margin:0 5px 0 0;
	width:250px;
}

#mainContent .listSection ul.listItem  {
	float: left;
	margin:0 10px 0 -10px;
	width:340px;
}

#mainContent .listSectionImage  {
	float: right;
	margin:10px 8px 0 0;
	width:170px;
}

#mainContent .listSectionImage img  {
	margin:0 0 10px 0;
}

#mainContent .listSection ul img#first {
	margin:10px 0 10px 0;
	top:10px;
}

#mainContent .listSection,
#mainContent .listLinkSection {
	width: 696px;
	float: left;
	background-color:#ffffd8;
	border:1px solid #ccc;
	margin:0;
}

#mainContent .listSection ul,
#mainContent .listLinkSection ul,
#mainContent .contentList ul,
#mainContent .highlightContent ul.contentList {
	list-style:none;
}

#mainContent .highlightContent ul.contentList li {
	background:none;
}

#mainContent .listSection ul,
#mainContent .listLinkSection ul,
#mainContent .contentList ul {
	padding:10px 0 10px 10px;
}

#mainContent .listSection li,
#mainContent .contentList li {
	border: 0;
	background: url('../img/iconArrowGrey.gif') left 5px no-repeat;
}

#mainContent .listSection li,
#mainContent .contentList li {
	padding:0 0 0.1em 15px;
}

#mainContent .contentList li {
	margin:0 0 0 10px;
}

#mainContent .listLinkSection ul li a:link,
#mainContent .listLinkSection ul li a:visited,
#mainContent .listLinkSection ul li a:link,
#mainContent .listLinkSection ul li a:visited {
	padding: 0 0 0 15px;
	background: url('../img/iconArrow.gif') left -46px no-repeat;
}

#mainContent .listLinkSection ul li a:hover,
#mainContent .listLinkSection ul li a:hover {
	padding-left: 15px;
	background-position: left 4px;
	}

#mainContent strong {
	font-weight:bold;
	color:#000;
}

#sidePanel {
	width:150px;
	float:right;
}

#sidePanel h4 {
	margin: 22px 0 10px 5px;
	font-size: 1.4em;
	font-weight:bold;
}

#sidePanel p {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 12px 5px;
}

#sidePanel strong {
	font-weight:bold;
}

#sidePanel ul li a {
	text-align: left;
	display: block;
	width: 120px;
	background: #ffefbd;
	padding: 3px 4px 3px 8px;
	margin: 5px 15px 5px 5px;
	font-size:1.1em;
}

#sidePanel_link ul li a:hover {
	text-decoration: none;
}

.content_table {
	margin:5px 0 10px 0;
	border:1px solid #ccc;
	width:699px;
}

.content_table .header_row {
	background-color:#ffcc66;
	padding:2px 0 2px 10px;
}

.content_table .header_row h4 {
	font-size:1.4em;
	font-weight:bold;
}

.content_table .shaded td,
.content_table .non_shaded td {
	padding:5px 10px;
}

.content_table .shaded td {
	background-color:#eee;
}

.content_table .non_shaded td {
	background-color:#fff;
}

#contactForm {
	position: relative;
	margin: 0 0 15px 0;
}

#contactForm .field {
	margin: 0;
	padding: 0 0 0.7em;
	clear: left;
}

#contactForm .field .contactList {
	margin: 0;
	padding: 0;
}

#contactForm .field .contactList ul {
	margin: 0 0 20px 0;
	padding:0;
	float:left;
	width:220px;
}

#contactForm .field .contactList ul li {
	margin:0 0.5em 0 0;
	padding:0;
}

#contactForm .field .contactList ul li input {
	margin:0 0.5em 0 0;
	padding:0;
}

#contactForm .field #fullname,
#contactForm .field #phone,
#contactForm .field #emailaddress,
#contactForm .field #location {
	width:220px;
}


#contactForm input.submit,
.membersLogin input.submit  {
	padding: 0 8px 0 8px;
	cursor:pointer;
}

#contactForm .field_box label {
	width: 40em;
	margin:0 5px 10px 0;
	font-weight:normal;
	text-align:left;
}

#contactForm .field p {
	margin: 0;
} 

#contactForm #submitButton{
	float:right;
	margin:5px 100px 0 0;
}

#contactForm label {
	float: left;
	margin: 0 0.5em 0 0;
	width: 19em;
	text-align: right;
	font-weight: bold;
}

.membersLogin #login {
	float:right;
	margin:5px 232px 0 0;
}

.membersLogin .highlightContent {
	font-size:0.8em;
}

#footer {
	clear: both;
	font-size: 1.1em;
	padding: 6px 0 0 0;
	border-top: 1px solid #e5e5e5;
}

#footer #footerInfo {
	background:#e57059;
	margin:0 0 8px 0;
	padding:3px 5px 5px 0;
	height:100%;
	color:#fff;
	font-size: 1.45em;
	font-weight:bold;
	text-align:center;
}

#footer #footerInfo em,
#footer #footerInfo em a {
	color:#ffff00;
	font-weight:bold;
}

#footer #footerInfo em,
#footer #footerInfo span {
	font-size: 1.5em;
}

#footer ul, #footer li {		
	list-style: none;
	margin: 0;
	padding: 0 8px 0 0;
	display: inline;
}

#footer ul a {
	text-decoration:none;
}

#footer ul a:hover {
	text-decoration:underline;
}

#footer #promoPanelRight {
	float:right;
	margin:0 0 5px 0;
}