/* @override 
	http://www.heartzonescoaching.com/_css/styles.css
*/

/* Site: Heart Zones Coaching DEFAULT */


/* @group CSS RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

strong{
   font-weight: bold;
}

/* @end CSS RESET */

/* @group Global Styles */

body{
   font-size: 62.5%;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
   line-height: 1;
   background: #010f1e;
   min-width: 975px;
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

#container{
   width: 975px;
}

a{
   overflow: hidden;
   text-decoration: none;
}

a:hover{
   text-decoration: underline;
}

/* @end Global Styles*/

/* @group Header */

#headwrap{
  background: url(../_img/subpage_bg_header.jpg) no-repeat left top;
  height: 244px;
  border-top: 7px solid #010f1e;

}

#header{
   height: 217px;
   position: relative;
}

#header h1{
   width: 260px;
   height: 120px;
   float: left;
   padding: 40px 0 0 50px;
   background: url(/_img/bg_h1.gif);
}

#header h1 a{
   display: block;
   width: 235px;
   height: 100px;
   text-indent: -9999px;
}

h3#nav-home{
   position: absolute;
   top: 180px;
   left: 200px;
   width: 86px;
   height: 36px;
}

h3#nav-home a{
   display: block;
   height: 36px;
   background: url(/_img/bg_nav_home.png) no-repeat 0 0;
   text-indent: -9999px;
}

h3#nav-home a:hover{
   background-position: 0 -38px;
}

#header h2#tagline{
   position: absolute;
   left: -999em;
}

#default #header #search{ 
	position: absolute;
	top: 70px;
	z-index: 100;
 }
#header div#search{
   position: absolute;
   top: 28px;
   left: 797px;
   margin: 0;
}

#header div#search fieldset{
  width: 115px;
}

#header div#search input#search_term{
  background: url(/_img/search_input.jpg) no-repeat left top;
  border: none;
  color: #8495a4;
  display: inline;
  float: left;
  font-size: 10px;
  padding: 4px 4px 4px;
  width: 87px;
}
#header div#search a#search_go{
  background: url(/_img/search_go.jpg) no-repeat left top;
  display: block;
  float: right;
  width: 20px;
  height: 0;
  padding-top: 20px;
  overflow: hidden;
    
}

/* @end Header */


/* @group Navigation */

#nav{
   list-style: none;
   line-height: 33px;
   width: 600px;
   position: absolute;
   top: 50px;
   left: 340px;
   z-index: 75;
   padding-left: 20px;
   padding-top: 14px;
   padding-bottom: 18px;
   background: url(../_img/sub_nav_bg.png) no-repeat;
   
 }

#nav li{
   float: left;
   margin: 0;
   font-size: 1.4em;
}

#nav li{
   background: url(/_img/bg_nav_home2.png) no-repeat left top;
   display: block;
   text-decoration: none;
   width: 110px;
   height: 0;
   padding-top: 33px;
   overflow: hidden;
}

#nav li a{
  display: block;
  height: 0;
  overflow: hidden;
}

#nav li#nav_learn:hover{background-position: left -33px;}

#nav li#nav_race{background-position: -120px top;margin-left: 10px;}
#nav li#nav_race:hover{background-position: -120px -33px;margin-left: 10px;}

#nav li#nav_train{background-position: -240px top;margin-left: 10px;}
#nav li#nav_train:hover{background-position: -240px -33px;margin-left: 10px;}

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 200px; /* Needs to be same as other 150px value */
   list-style: none;
   line-height: 1;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
   background: url(/_img/bg_nav_home2-btm.png) no-repeat left bottom;
   padding-bottom: 8px;
}

#nav li ul li{
   background: #0d2a4a;
   font-size: .9em;
   margin: 0;
   width: 200px; 
   height: auto;
   overflow: visible;
   padding: 0;
   color: #ffffff;
}

#nav li li a{
   width: 180px; /* Needs to be same as other 150px value, less any padding or margin */
   height: auto;
   overflow: visible;
   padding: 5px 10px;
   color: #ffffff;
   text-decoration: none;
}
#nav li li a:hover{
  text-decoration: underline;
}
#train-bar{
   margin-left: 327px;
   float: left;
   display: inline;
   clear: both;
   margin-top: 18px;
   width: 660px;
}

#train-bar h3{
   background: url(/_img/bg_train-bar_h3.gif) no-repeat;
   width: 150px;
   height: 38px;
   text-indent: -9999px;
   float: left;
   display: inline;
   margin: 0 6px 0 0;
}

#train-bar p,
#train-bar .trainselectwrap{
   float: left;
}

.trainselectwrap{
   background: transparent url(/_img/bg_trainselect_right.gif) no-repeat right top;
   margin: 6px 6px 0 0;
   position: relative;
   height: 28px;
}

#train-bar input.selectbox{
   background: url(/_img/bg_trainselect_left.gif) no-repeat 0 0;
   border: none;
   height: 21px;
   padding: 6px 28px 0 10px;
   cursor: pointer;
   color: #f1f0f0;
   width: 125px;
   font-size: 1.1em;
   display: block;
   text-align: center;
   _margin-top: -1px;
}

/* stupid IE7 hack */
*:first-child+html #train-bar input.selectbox{
   margin-top: -1px;
}

#train-bar input#distance_input{
   width: 60px;
}

.trainselectwrap ul{
   background: #2b3c52;
   width: 130px;
   font-size: 1.1em;
   margin-left: 10px;
   padding: 5px 0;
   position: absolute;
   z-index: 2;
}

#train-bar #distance_container ul{
   width: 70px;
}

.trainselectwrap li{
   color: #fff;
   padding: 5px 7px;
   cursor: pointer;
}

.trainselectwrap li.current{
   background: #6d859e;
}

input#train-submit{
   margin-top: 2px;
}

#train-bar input#zip{
   width: 57px;
   height: 21px;
   background: url(/_img/bg_train-bar_input_zip.gif);
   border: none;
   margin-right: 6px;
   margin-top: 6px;
   color: #f1f0f0;
   padding: 6px 10px 0 10px;
   text-align: center;
   font-size: 1.1em;
}

#train-bar ul#login{
   float: right;
   margin-right:20px;
   margin-top: 14px;
   font-size: 1.1em;
   position: absolute;
   left:680px;
   top: 0px;
   margin: 0;
}

#train-bar ul#login li{
   float: left;
   display: inline;
   padding: 0 5px;
   border-right: 1px solid #fff;
   color: #f1f0f0;
}

#train-bar ul#login li#shopping-cart{
   border: none;
}

#train-bar #login li#coach-login{
   margin: 0;
}

#train-bar #login li#coach-login a#myaccount{
   border-right: 1px solid #fff;
   padding: 0 5px;
}

#train-bar #login li#coach-login a#logout{
   padding: 0 0 0 5px;
}

#train-bar #login li#coach-login span#loggedinas{
   padding-right: 20px;
}

#train-bar ul#login a{
   font-weight: bold;
   color: #f1f0f0;
   text-decoration: none;
   line-height: 1.2;
}

#train-bar ul#login a:hover{
   color: #fc9b9d;
}

#train-bar p#login a:hover{
   text-decoration: underline;
}

/* @end  Navigation */

/* @group Content */

#content-wrap{
   width: 627px;
   float: left;
   padding-left: 328px;
   padding-right: 20px;
   margin-top: -27px;
   min-height: 500px;
   _height:500px;
   background: url(/_img/bg_content-wrap.jpg) no-repeat;
}

#content{
   width: 627px;
   float: left;
   padding: 50px 0;
   color: #fff;
   min-height: 400px;
}

#columns div.column{
   width: 280px;
   float: left;
   max-height: 600px;
}

#columns div.column.first{
   margin-right: 30px;
}

#columns div.column.last{
   padding-top: 2.9em;
}

#content p,
#content blockquote{
   color: #fff;
   font-size: 1.3em;
   line-height: 1.7;
   margin-bottom: 1em;
}

#content p.checkoutNote{
   color: #F14960;
   line-height: 1.4em;
}

#content blockquote{
   padding: 0 2em 0 1em;
   margin: 2em;
   border-left: 2px solid #56799c;
   margin-bottom: 2em;
   font-size: 1em;
}

#content h2,
#content h3,
#content h4,
#content h5,
#content h6{
   margin-bottom: .5em;
   color: #fff;
   line-height: 1.4;
}

#content h2{
   font-size: 2.4em;
   color: #fff;
}

#content h3{
   color: #C2CED9;
   font-weight: bold;
   font-size: 2em;
}

#content h4{
   font-size: 1.7em;
   color: #fc9b9d;
}

#content h5{
   font-size: 1.5em;
   color: #C2CED9;
}

#content h6{
   font-size: 1.3em;
   font-weight: bold;
}

#content ul,
#content ol{
   color: #fff;
   list-style-position: inside;
   margin-left: 2em;
   margin-bottom: 2em;
   clear: both;
   margin-top: 2em;
}

#content ul li{
   padding-left: 10px;
   background: url(/_img/bg_content_ul_li.gif) no-repeat left .5em;
   margin-bottom: .75em;
   font-size: 1.3em;
}

#content ol li{
   list-style-type: decimal;
   margin-bottom: .5em;
   font-size: 1.3em;
}

#content li li{
   font-size: 1em;
}

#content ul ul{
   margin-top: 1em;
}

#content a{
   color: #C2CED9;
   text-decoration: underline;
}

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

/* @end */

/* @group Sidebar */

#sidebar{
   float: left;
   color: #fff;
   width: 300px;
   padding: 50px 0;
}

#sidebar h3{
   font-size: 1.2em;
   margin-bottom: 1.5em;
}

/* @end Sidebar */

/* @group Footer */

#footer{
   width: 975px;
   padding-top: 16px;
   clear: both;
}

#social{
   height: 27px;
   margin: 20px auto 30px;
   position: relative;
   width: 462px;
}

#social h3#newsletter-signup{
   width: 180px;
   float: left;
   margin-right: 20px;
}

#social h3#newsletter-signup a{
   width: 180px;
   display: block;
   height: 27px;
   background: url(/_img/bg_newslettersignup.gif);
   text-indent: -9999px;
}

#social h3#newsletter-signup a:hover{
   background-position: 0 -27px;
}

#social h3#fb-link{
   display: inline;
   float: left;
   margin-right: 20px;
   width: 90px;
   height: 28px;
}

#social h3#fb-link a{
   display: block;
   height: 28px;
   text-indent: -9999px;
   background: url(/_img/bg_fb.gif);
}

#social h3#twitter-link{
   display: inline;
   float: left;
   width: 152px;
   height: 32px;
}

#social h3#twitter-link a{
   display: block;
   height: 32px;
   text-indent: -9999px;
   background: url(/_img/bg_twitter.gif);
}


ul#buckets{
   float: left;
   width: 947px;
   height: 102px;
   margin-left: 28px;
   margin-bottom: 28px;
   text-align: left;
}

#buckets li{
   float: left;
   width: 233px;
   height: 102px;
   margin-right: 5px;
}

#buckets li.last{
   margin-right: 0;
}

#buckets li a{
   display: block;
   height: 62px;
   padding: 20px 10px;
   color: #ffe9e9;
   font-weight: bold;
   background: url(/_img/bg_footerboxes.png) no-repeat 0 0;
   text-decoration: none;
   font-size: 1.2em;
}

#buckets li a:hover{
   text-decoration: none;
   background-position: 0 -102px;
}

#buckets li a strong{
   display: block;
   font-weight: bold;
   color: #fc9b9d;
   font-style: italic;
   font-size: 1.4em;
   padding-top: 3px;
}

#footinfo{
   clear: left;
   margin-left: 20px;
   width: 955px;
}

#footinfo ul{
   clear: left;
   text-align: center;
   margin: 0 auto;
   margin-bottom: 20px;
}

#footinfo li{
   display: inline;
   color: #f1f0f0;
   border-right: 1px solid #f1f0f0;
   padding: 0 6px 0 4px;
   margin: 0;
   font-size: 1.1em;
}

#footinfo li.last{
   border: none;
}

#footinfo li a{
   color: #f1f0f0;
   font-style: italic;
   text-decoration: none;
   line-height: 1;
}

#footinfo li#alogin a{
   color: #F14960;
}

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

/* @end Footer */

/* @group Tables */

#events #content-wrap,
#results #content-wrap{
   background: none;
   padding: 0 0 0 50px;
}

#content table,
#article table{
   width: 900px;
   margin-top: 30px;
   border-collapse: collapse;
}

#content table a,
#article table a{
   text-decoration: none;
}

#content table a:hover,
#article table a:hover{
   text-decoration: underline;
}

#content table th,
#article table th{
   font-size: 1.2em;
   font-weight: bold;
   padding: 12px 15px;
   color: #fff;
}

#content table td,
#article table td{
   font-size: 1.1em;
   padding: 12px 15px;
   line-height: 1.4;
   vertical-align: middle;
   color: #fff;
}

#content table tr.alt,
#article table tr.alt{
   background: #032139;
}

#content table tr,
#article table tr{
   padding: 0;
}

#content #content td.distance a,
#article td.distance a{
   color: #e29191;
   font-weight: bold;
}

#content th.tickets,
#content td.tickets{
   text-align: center;
}

#content td.more a,
#content td.signup a,
#article td.more a,
#article td.signup a{
   font-weight: bold;
   color: #fff;
}

#content td.more {
   text-align: center;
}

#content td.more a{
	display: block;
	padding: 5px;
   background: url(/_img/bg_td_more.gif) no-repeat center;
}

#content td.signup{
   text-align: center;
}

#content td.signup a{
   background: url(/_img/bg_td_signup.gif) no-repeat;
   display: block;
   width: 72px;
   padding: 3px 0;
}

/* @end Tables */

/* @group Articles */

#article #content-wrap{
   padding-left: 30px;
   width: 945px;
   background: url(/_img/bg_content-wrap_alt.gif) no-repeat 0 200px;
}

#article #content{
   width: 600px;
   padding-right: 35px;
}

#article.eventdetail #content{
   padding-bottom: 0;
   min-height: 0;
}

#article.eventdetail .eventImg{
  width: 600px;
  height: auto;
  margin: 0 0 15px 0;
}


#article #sidebar h3{
   margin-left: 36px;
}

#sidebar .article{
   clear: left;
   float: left;
   margin-bottom: 8px;
   width: 300px;
}

#sidebar .article p.date{
   float: left;
   width: 22px;
   height: 22px;
   background: url(/_img/bg_p_date.gif) no-repeat;
   text-align: center;
   padding: 2px;
   font-weight: bold;
   margin-right: 10px;
}

#sidebar .article h4{
   float: left;
   width: 260px;
   font-size: 1.1em;
   line-height: 1.6;
}

#sidebar .article h4 a{
   color: #fff;
}


/* @end */

/* @group Default with Sidebar */

body.default_side #content-wrap{
   padding-left: 250px;
   width: 725px;
}

body.default_side #content{
   width: 500px;
}

body#getstarted #content{
   background: url(/_img/bg_content_getstarted.gif) no-repeat 0 15px;
   padding-top: 75px;
}

body.default_side #columns .column{
   width: 230px;
}

body.default_side #sidebar{
   width: 160px;
   padding-left: 25px;
   padding-top: 50px;
}

#getstarted #sidebar{
   padding: 50px 0 20px 25px;
   width: 200px;
}

#side-getstarted{
   background: url(/_img/bg_side_getstarted.gif) no-repeat bottom;
   padding: 0 0 15px;
}

#getstarted #sidebar h3{
   font-size: 1.8em;
   background: url(/_img/bg_side_getstarted_h3.gif) no-repeat;
   margin-bottom: 10px;
   padding: 27px 20px 12px;
}

#getstarted #sidebar p{
   font-size: 1.1em;
   line-height: 1.5;
   padding: 0 20px;
   text-align: center;
}

#side-getstarted p#side-zip{
   margin: 10px 0 5px;
}

#side-getstarted #side-zip input{
   background: #56799C;
   border: 1px solid #244361;
   width: 75px;
   padding: 5px 10px;
   color: #fff;
}

/* @end */
/* @group Blogs */
#content h3.blogTitle{
  margin-bottom: 0;
}

#content p.byline{
  font-style: italic;
}

.blog.default_side #sidebar{
   padding: 50px 0 20px 25px;
   width: 200px;
}

#sidebar .blog-side{
   background: url(/_img/bg_side_getstarted.gif) no-repeat bottom;
   padding: 0 0 15px;
   margin-bottom: 20px;
}

.blog.default_side #sidebar h3{
   font-size: 1.8em;
   background: url(/_img/bg_side_getstarted_h3.gif) no-repeat;
   margin-bottom: 10px;
   padding: 10px 10px 10px;
}

.blog.default_side #sidebar ul{
   font-size: 1.2em;
   line-height: 1.5;
   padding: 0 20px;
}
.blog.default_side #sidebar ul li a{
  color: #ffffff;
}

.blog #comments form label{
  font-size: 1.2em;
}
.blog form textarea#comment{
  width: 500px;
  margin: 10px 0;
}

#content .comment{
  padding-left: 10px;
}

#content .comment h5{
  margin-bottom: 0;
  font-size: 1.3em;
  font-weight: bold;
}

/* @end */
/* @group Contact Us Form */
#contact-us.monkForm label{
  float: left;
  width: 90px;
  line-height: 25px;
}
#contact-us.monkForm input{
  font-size: 12px;
  padding: 3px;
}
#contact-us.monkForm .textarea label,
#contact-us.monkForm .captcha label{
  width: 200px;
}
#contact-us.monkForm textarea {
  width: 627px;
  height: 125px;
  margin-top: 10px;
}

#contact-us.monkForm .captcha img,
#contact-us.monkForm .captcha input,
#contact-us.monkForm p#formsubmit input{
  clear: both;
  float:left;
  margin-bottom:10px;
}


/* @end */

/* @group Coach Profile */

#coach_profile #content-wrap{
   padding-left: 30px;
   width: 945px;
   background: url(/_img/bg_content-wrap_alt.gif) no-repeat 0 200px;
}

#coach_profile #content{
   width: 945px;
}

#coach_profile p.coachimg{
   float: left;
   clear: left;
   margin-right: 55px;
   width: 250px;
}

#coach_profile p#coachimg img{
   float: left;
}

#coach_profile #profile{
   width: 635px;
   margin-left: 305px;
}

#coach_profile #content h2,
#coach_profile #content h4{
   width: 635px;
   margin-left: 305px;
}

#coach_profile #content table{
   width: 635px;
   margin: 20px 0 30px 305px;
}

div.skumore{
   display: none;
}

/* @end */

/* @group Athlete Login */

#cboxLoadedContent{
   clear: both;
}
#cboxLoadedContent #athlete_login{
   background: #041B34;
   display: block !important;
   color: #ffffff;
   padding: 35px 20px 10px;
}

#cboxLoadedContent #athlete_login h3{
   color: #fff;
   font-size: 1.5em;
   font-weight: bold;
   margin-bottom: 2em;

   padding-top: 1em;
}

#cboxLoadedContent #athlete_login p{
   margin-bottom: 10px;
   font-size: 1.2em;
   line-height: 1.5;
}

#cboxLoadedContent #athlete_login p#aregister{
   float: left;
   display: inline;
   width: 80px;
}

#cboxLoadedContent #athlete_login a{
   color: #F14960 !important;
}

#cboxLoadedContent #athlete_login p.ainput input{
   width: 150px;
   height: 1.5em;
}

#cboxLoadedContent #athlete_login p label{
   width: 80px;
   display: block;
   float: left;
}

#cboxLoadedContent #athlete_login p#pword{
   margin-bottom: 1.5em;
}

#TB_window #TB_title{
   background: #010F1E;
}

#TB_window{
   border-color: #6B9ACF !important;
}

/* @end */

/* @group Events */

td.date{
   width: 65px;
}

td.name{
   width: 100px;
}

td.distance{
   text-align: center;
}

#content td.name a,
#article td.name a{
   text-decoration: underline;
   color: #C2CED9;
}

#content td.name a:hover,
#article td.name a:hover{
   color: #fc9b9d;
}

td.Location{
   width: 110px;
}

td.type{
   width: 100px;
}

#content td.notes{
   line-height: 1.4;
}

td.more{
   width: 100px;
}

#article.eventdetail table#coachdata{
   width: 800px;
   margin-bottom: 30px;
   clear: both;
   float: left;
   margin-top: 0;
}

/* @end Events */

/* @group Search Results */

body#results #content{
   width: 900px;
}

/* @end */

/* @group Cart */

#content table.monkCart{
   width: 627px;
   margin-bottom: 12px;
}

table.monkCart input.qty{
   font-size: 1.2em;
   border: 1px solid #010F1E;
   padding: 1px;
   width: 20px;
   float: left;
   display: inline;
   margin-right: 1px;
}

table.monkCart input.coupon{
   width: 80px;
}

table.monkCart input.button{
   padding-top: 1px;
}

#cart-checkout{
   float: right;
}

#cart-empty{
   float: left;
}

body#checkout #content #text div a.thickbox{
   display: block;
   width: 77px;
   height: 24px;
   background: url(/_img/cart_submit.gif);
   text-indent: -999px;
   padding: 0;
   float: right;
}

#content #hrm{
   margin: 20px 0;
   width: 627px;
   float: left;
}

#content p.productthumb{
   float: left;
   display: inline;
   margin-right: 18px;
   clear: left;
   margin-bottom: 20px;
}

#content .productbox{
   margin-bottom: 15px;
   float: left;
   width: 400px;
}

#content .productinfo p{
   font-size: 1.1em;
}

#content p.productthumb img{
   float: left;
   border: 3px solid #56799C;
}

#content .productinfo p.more{
   float: right;
   margin-right: 50px;
}

#content .productinfo p.price{
   float: left;
   display: inline;
   margin-right: 15px;
   font-size: 1.4em;
   font-weight: bold;
}

#content .productinfo input{
   padding-top: 3px;
   float: left;
   display: block;
}

#me #content table{
   width: 535px;
}

#default .monkCart .mcms_cart_coupon, #default .monkCart td.coupon{
	font-size: 1.2em;
	line-height: 1.2em;
}

#default .monkCart td.coupon strong{
	color: #ed1936;
}

/* @end */

/* @group Order History */

table.orderHistory td strong{
   font-size: 1.4em;
}

#content table.orderHistory td.orderHistoryTitle{
   padding-left: 30px;
   font-size: 1.2em;
}


/* @end */