 /**********************************************************************
* right side  - programs.html
**********************************************************************/
#middle_section  .view_class_detail {
float:left;
}
.view_class_detail p { 
margin-top:10px !important;
/*width:250px !important; */
}
.view_class_detail img {
float:right;
margin-right:20px;
margin-top:20px;
}
#middle_section  ul {
margin:20px 18px 0 12px;
padding:0;
}
#middle_section   li {
background:transparent url(../images/orange-square.png) no-repeat scroll 0 8px;
color:#505050;
font-size:12px;
line-height:20px;
padding-bottom:4px;
padding-left:20px;
width:500px;
}
.view_class_detail ul {
float:left;
padding:0px;
margin:0px;
}
.view_class_detail  li {
background:url(../images/orange-square.png) 0 7px no-repeat;
color:#505050;
font-size:12px;
line-height:16px;
width:250px !important;
padding-left:20px;
}
a.button_view_class_detail {
background:url(../images/button-view-class-detail.png) no-repeat 0 0;
height:32px;
width:168px;
float:left;
text-indent:-9999px;
margin-top:15px;
}
a:hover.button_view_class_detail {
background-position:0 -32px;
}
/****** personal training & seminar and events & prep course ******/
.personal_training, .seminars_events, .prep_course  {
width:530px;
float:left;
margin-top:30px;
}
.personal_training  h2, .seminars_events h2, .prep_course h2{
background-color:#E6E6E6;
font-size:16px;
line-height:24px;
padding:0 0 0 15px;
}
.personal_training p , .seminars_events p, .prep_course p {
width:450px !important;
margin-top:5px;
color:#333333;
padding-bottom:10px !important;
}
.personal_training a, .seminars_events a, .prep_course a{
color:#494949;
font-size:11px;
font-weight:bolder;
padding:0px 0 0 17px;
}
.personal_training a:hover, .seminars_events a:hover, .prep_course a:hover{
color:#1fb2cd;
}
 /**********************************************************************
******  right side  - start-up-classes
**********************************************************************/
#middle_section  .kettlebell_basics {
float:left;
}
/****** header button - view schedule  ****/
a.view_schedule_grey  { 
background:url(../images/btn-grey-view-schedule.png) no-repeat 0 0;
float:left;
height:32px;
width:164px;
text-indent:-999px;
margin:10px 0 0 22px;
}
a:hover.view_schedule_grey { 
background-position:0 -32px;
}
/****** button sign up for a class  ****/
a.sign_up_for_class  { 
background:transparent url(../images/btn-sign-up-for-class.png) no-repeat scroll 0 0;
float:left;
height:32px;
margin:10px 0 0 10px;
text-indent:-999px;
width:164px;
}
a:hover.sign_up_for_class { 
background-position:0 -32px;
}

a.view_schedule_bcamp  { 
background:transparent url(../images/btn-view-class-schedule-bcamp.png) no-repeat scroll 0 0;
float:left;
height:32px;
margin:10px 0 0 10px;
text-indent:-999px;
width:164px;
}
a:hover.view_schedule_bcamp { 
background-position:0 -32px;
}
 /**********************************************************************
******  location- template 2 colums 
**********************************************************************/
#middle_section_location { 
width:740px;
float:left;
padding-right:30px;
/*padding-bottom:80px;*/
background-color:#fff;
}
#middle_section_location ul{
color:#666666;
font-size:14px;
padding:0 0 0 25px;
width:650px;
}
#middle_section_location ul li{
background:transparent url(../images/orange-square.png) no-repeat scroll 0 14%;
float:left;
padding:0 70px 20px 24px;
}
#middle_section_schedule{ 
background-color:#FFFFFF;
float:left;
height:1130px;
padding-right:30px;
width:740px;
}
#middle_section_location a{
color:#F6CD04;
font-size:14px !important;
font-weight:bold;
padding:0 !important;
text-decoration:underline !important;
}
#middle_section_location img {
float:left;
margin-bottom:22px;
margin-left:30px;
}
#middle_section_location h2.header, #middle_section_schedule h2.header{
background-color:#F6CD04;
font-size:18px;
line-height:38px;
margin:20px 0 20px 20px;
padding-left:10px;
width:710px;
}
.direction_left{
padding:5px 7px 0 0 !important;
width:168px;
}
#middle_section_location h3, #middle_section_schedule h3 {
color:#F6CD04;
float:left;
font-size:16px;
padding:0 0 5px 29px;
width:651px;
}
#middle_section_location h3 a{
text-decoration:underline;
}
middle_section_schedule h3:hover{
color:#000 !important;
}
#middle_section_location h4, #middle_section_schedule h4 {
background-color:#D1D1D1;
color:#000000;
float:left;
line-height:24px;
margin-left:9px;
padding-left:5px;
width:195px;
}
h3.location_link a{ 
color:#F6CD04 !important;
}
h5.location_link_bootcamp a{ 
color:#000000 !important;
font-size:16px !important;
margin-bottom:10px;
text-decoration:underline !important;
width:500px;
}
h3.location_link a:hover{ 
color:#666 !important;
}
#middle_section_location h5{
float:left;
font-size:18px;
margin-bottom:12px;
margin-left:39px;
width:500px;
}
#middle_section_location p{
margin:0 0 20px 15px !important;
}
#middle_section_location p, #middle_section_schedule p {
color:#666666;
float:left;
font-size:14px !important;
line-height:21px !important;
margin:0 0 104px 6px;
padding-left:23px;
}

.direction {
color:#656565;
width:600px;
}
 /**********************************************************************
******  class schedule- template 2 colums 
**********************************************************************/
#middle_section_location a, #middle_section_schedule a{
float:left;
font-size:12px;
padding-left:20px;
text-decoration:none;
}
#middle_section_location h3 a{
color:#000000;
float:left;
font-size:16px;
padding-left:0 !important;
padding-top:10px;
}
#middle_section_location h3 a:hover {
color:#666;
}

#middle_section_schedule a{
color:#666666;
text-decoration:underline;
}
#middle_section_schedule a:hover{
color:#20b2cd;
text-decoration:underline;
}
.schedule_message { 
width:680px !important;
color:#000;
height:20px;
padding-bottom:25px;
padding-top:30px;
}
.class_schedule {
background-color:#FFFFFF;
border-right:1px solid #F6CE09;
border-top:1px solid #F6CE09;
height:886px;
left:0;
margin-left:14px;
position:absolute;
top:443px;
width:680px;
z-index:100;
}
.class_schedule p {
color:#20b2cd;
}
.class_schedule img {
float:left;
margin:0 !important;
padding-bottom:10px;
}
ul.class_schedule_rows_grey{
background-color:#EBEBEB;
display:inline;
float:left;
padding:0;
width:84px;
}
.class_schedule_rows_grey li{
background-color:#EBEBEB;
border-bottom:1px solid #F6CE09;
display:inline;
float:left;
font-size:12px;
height:60px;
margin:0;
padding:2px 0 2px 2px;
text-align:center;
width:82px;
}
ul.class_schedule_rows_white{
background-color:#FFFFFF;
border-left:1px solid #F6CE09;
border-right:1px solid #F6CE09;
display:inline;
float:left;
height:845px;
margin:0 0 30px;
padding:0;
width:84px;
}
.class_schedule_rows_white li{
background-color:#FFFFFF;
border-bottom:1px solid #F6CE09;
display:inline;
float:left;
font-size:12px;
height:60px;
margin:0;
padding:2px 0 2px 2px;
text-align:center;
width:82px;
}
ul.class_schedule_time  {
background-color:#FFFFFF;
border-left:1px solid #F6CE09;
border-right:1px solid #F6CE09;
display:inline;
float:left;
font-size:12px;
font-weight:bolder;
padding-top:0;
width:84px;
}
.class_schedule_time li {
background-color:#FFFFFF;
border-bottom:1px solid #F6CE09;
display:inline;
float:left;
height:60px;
line-height:60px;
margin:0;
padding:2px 0 2px 2px;
text-align:center;
width:82px;
}
ul.class_schedule_days  {
background:transparent url(../images/class-schedule-top-bg.png) repeat-x scroll 0 0;
border:medium none;
font-size:14px;
font-weight:bold;
height:18px;
padding:18px 0 5px 89px;
}
.class_schedule_days li {
padding:0px 27px;
margin:0px;
display:inline;
}
p.class_schedule_top{
background:transparent url(../images/classes-schedule-left.png) no-repeat scroll 0 0;
cursor:default;
font-weight:bold;
height:27px;
left:0;
margin:0 !important;
padding-left:30px !important;
padding-top:12px;
position:absolute;
text-decoration:none;
top:-39px;
width:318px !important;
z-index:100;
}
/*a:hover.class_schedule_top { 
background-position:0 -39px;
color:#20b2cd;
}*/
a.class_schedule_top_right{
background: transparent url(../images/classes-schedule-right.png) no-repeat 0 0;
height:39px;
width:344px;
font-size:12px;
font-weight:bold;
line-height:36px;
position:absolute;
top:-39px;
left:261px;
z-index:100;
color:#333333;
}
a:hover.class_schedule_top_right { 
color:#F6CD04 !important;
} 
/**********************************************************************
             staff members 
**********************************************************************/
.staff_members {
width:540px;
margin:0px;
}
.staff_members  img {
padding:0 0 0 0;
margin:0px 20px 20px 10px;
}
.staff_members p{
float:none !important;
line-height:21px !important;
font-size:14px !important;
padding:20px 0 0 10px !important;
}
.staff_members h2 {
display:block;
font-size:16px;
padding-top:10px;
}
.staff_members ul {
float:left;
margin:10px 28px !important;
padding:0px;
}
.staff_members li {
color:#000;
display:block;
background:transparent url(../images/bullet.png) no-repeat scroll left center;
float:left;
font-size:14px;
margin:0px;
padding-left:20px;
width:480px;
}
 /**********************************************************************
* shop shop shop shop shop shop shop shop shop
**********************************************************************/
#shop_main ul {
float:left;
margin-top:20px;
padding:0px;
width:739px !important;
}
#shop_main li{
background:transparent url(../images/shop-bordertop.png) repeat-x 0 0 !important;
border-right:#e1e1e1 1px solid;
border-left:#e1e1e1 1px solid;
border-bottom:#e1e1e1 1px solid;
height:220px;
float:left !important;
margin:0 0 20px 15px;
padding:15px 5px 10px 10px !important;
width:210px;
}
#shop_main li h1 a{
color:#000000;
float:left;
font-size:16px;
height:25px;
padding:0;
text-decoration:none;
width:100%;
}
a.shop_category_bottom_link_sarah{
position:relative;
text-transform:uppercase;
top:-6px;
}
a.shop_category_bottom_link{
position:relative;
text-transform:uppercase;
top:21px;
}
.color_blue {
color:#20b2cd !important;
margin-bottom:5px !important;
}
#shop_main li img {
margin:0;
}
#shop_main li p {
float:left !important;
height:165px;
font-size:12px !important;
width:125px !important;
padding:0;
margin:0 !important;
}
#shop_main li a {
color:#000;
float:left;
font-weight:bolder;
font-size:12px;
padding:0;
width:100%;
}
#shop_main li a:hover {
color:#20b2cd;
}
/*** right side shopping ***/
.shopping_cart {
background:url(../images/shopping-cart-bg.png) repeat-x;
border-bottom:#000 1px dashed;
height:137px;
width:178px;
}
.shopping_cart h2 {
color:#666666;
font-size:14px;
float:left;
padding:5px 0 15px 10px;
margin:0;
width:184px;
}
.shopping_cart imput {
padding:5px 0 10px 10px;
margin:0;
}
.shopping_cart p {
color:#9e9e9e;
font-size:14px !important;
float:left;
padding:4px 0 10px 12px;
margin:0;
width:184px;
}
#cart_table{
margin:20px 0 0 10px;
font-size:12px;
}
#cart_table td img{
margin:0;
}
#cart_table td{
padding:5px 7px 3px 2px;
border-bottom:1px solid #ccc;
}
#cart_table th{
background-color:#F6CD04;
color:#000;
padding:7px 7px 7px 2px;
}
.view_cart {
background:url(../images/btn-view-cart.png) no-repeat;
cursor:pointer;
color:#9e9e9e;
height:25px;
width:72px;
margin-left:10px;
margin-bottom:10px;
}
.checkout {
background:url(../images/checkout.png) no-repeat;
cursor:pointer;
float:left;
height:25px;
width:72px;
margin-left:10px;
margin-bottom:10px;
}
.checkout_table{
float:left;
clear:both;
font-size:11px;
}
.checkout_table th{
background:#ccc;
padding:5px;
}
.checkout_table td{  
padding:5px;
}
#checkout_main{
float:left;
clear:both;
padding:20px;
}
#checkout_main p{
margin:0 0 15px 0 ;padding:0;
width:100%;
}
#checkout_main h1{
color:#666666;
font-size:18px;
}
#search_results{
float:left;
clear:both;
padding:20px;
font-size:12px;
line-height:17px;
}
#search_results a{
padding:0;
color:#000;
float:none;
}
.highlight{
background:#F6CD04;
}
input:hover.checkout{
background:url(../images/btn-checkout-hover.png) no-repeat;
}
input:hover.view_cart{
background:url(../images/btn-view-cart-hov.png) no-repeat;
}
#status_msg{
float:left;
clear:both;
width:519px;
margin:0 10px 15px 0;
border:1px solid #20b2cd;
padding:10px;
background:#f1f1f1;
font-size:16px !important;
font-weight:bold;
}
#status_msg ul li{
font-size:16px !important;
padding:0 0 0 15px;
}
 /**********************************************************************
* shop products page ---  
**********************************************************************/
.shop_products img {
margin:20px 15px 0 0;
}
h1.sarah_dvd a{
margin-bottom:27px;
}
#product_photos{
padding:0 0 10px 0;
}
.shop_products p{
color:#252523 !important;
margin:0px!important;
padding:0px!important;
clear:both;
}
.shop_products p a{
color:#666;
}
.shop_products h3{
color:#000000;
float:left;
font-size:14px;
margin:30px 0 4px;
width:535px;
}
p.author{
margin-top:10px !important;
}
.shop_products h2{
color:#666;
font-size:16px;
float:left;
width:535px;
}
.price {
padding:10px 0 10px 0;
font-weight:bold;
clear:both;
}
.grey_box {
background-color:#E7E7E7;
clear:both;
float:left;
margin-top:20px;
padding:10px;
width:515px;
}
.grey_box table td{
font-size:12px;
padding: 2px 7px 2px 0;
}
.grey_box input {
width:50px
}
.add_to_cart  { 
background:url(../images/btn-add-to-cart.png) no-repeat 0 0;
height:32px;
width:168px;
float:left;
text-indent:-9999px;
margin:20px 0px;
}
.add_to_cart:hover {
background-position:0 -32px;
}
.may_be_interestin {
float:left;
width:490px;
height:170px;
}
.may_be_interestin h4{
color:#656565 !important;
float:left !important;
font-size:14px !important;
margin-bottom:10px;
}
ul#product_cross_sell{
margin:0;
clear:both;
}
ul#product_cross_sell li{
margin:0;
list-style:none;
float:left;
padding:0;
background:none;
width:111px;
color:#656565;
font-size:10px;
margin:0 10px 0 0;
}
ul#product_cross_sell li a{
color:#656565;
}
.out_of_stock{
font-size:16px;
margin:10px 0 10px 0;
background:#F6CD04;
padding:3px;
float:left;
clear:both;
}
 /**********************************************************************
* our story page 
**********************************************************************/
.our_story {
float:left;
}
.our_story p {
/*color:#333333 !important; */
width:500px !important;
}
 /**********************************************************************
* testimonials
**********************************************************************/
.testimonials {
float:left;
margin-bottom:10px;
}
.testimonials .box1 {
background-color:#E2E2E2;
float:left;
width:507px;
margin:5px 0 5px 0;
padding:10px 30px 10px 5px;
}
.testimonials .box2 {
background-color:#F3F3F3;
float:left;
margin:10px 0 10px 0;
padding:5px 30px 5px 5px;
width:506px;
}
.testimonials .box1 img, .testimonials .box2 img {
float:left;
margin:26px 0 36px 23px;
padding:0;
display:none;
}
.box1 p, .box2 p {
color:#656565 !important;
float:right;
font-size:14px !important;
line-height:20px !important;
margin:0 !important;
width:488px !important;
}
a.watch_testimonials_video {
background:url(../images/btn-watch-testimonials-video.png) no-repeat 0 0;
color:#000;
height:35px;
line-height:34px;
width:187px;
float:left;
font-size:10px;
font-weight:bolder;
margin-top:20px;
margin-left:100px;
text-decoration:none;
padding:0px 0 0 42px;
}
a:hover.watch_testimonials_video {
background-position:0 -35px;
text-decoration:none;
}
 /**********************************************************************
* shop items = women apprarel
**********************************************************************/
#shop_category {
float:left;
width:500px;
}
#shop_category ul {
float:left;
margin:0 0 70px 0;
padding:0;
}
#shop_category ul li {
float:left;
margin:0 40px 0 0;
width:120px !important;
list-style:none;
background:none;
padding:0;
height:200px;
line-height:16px;
}
#shop_category li img {
display:inline-block;

margin:15px 0 5px;
padding:0;
}
#shop_category ul li a,#shop_category ul li a:active,#shop_category ul li a:visited{
color:#454545;
float:left;
text-decoration:none;
}
#shop_category ul li a:hover{
  color:#454545;
  text-decoration:underline;
}
 /**********************************************************************
* media
**********************************************************************/
.media{
width:545px;
float:left;
}
.media p{
margin:0 !important;
padding:0 !important;
}
.media img{
float:left !important;
}
.media li{
background-image:none;
}
.media h3{
width:450px;
color:#666666;
float:left;
margin-left:20px;
margin-bottom:10px;
margin-top:10px;
}
.media a p {
line-height:18px !important;
text-decoration:underline;
display:inline;
width:200px;
}
.media ul li a{
color:#000;
display:block;
}
.media ul{
list-style:none !important;
margin:0
}
ul.on_the_web{
margin:0px;
padding:0px;
float:left;
margin-bottom:20px !important;
}
ul.on_the_web li{
background:transparent url(../images/orange-square.png) no-repeat scroll 0 8px !important;
margin:0px;
padding:0px;
width:300px;
float:left;
}
ul.new_media{

}
.new_media li{
width:130px !important;
float:left !important;
}
.media li{
list-style:none !important;
line-height:18px !important;
background:transparent none repeat scroll 0 0 !important;
float:left;
margin:0
}
.media ul li a{
list-style:none !important;
}
ul.new_media img{
border:5px solid #F6CD04;
}
/*ul.new_media li  > a img{
margin-top:-9px !important;
} */
ul.new_media li  a img{

}
ul.on_the_tv{
width:530px;
background-color:#d1d1d1;
margin:30px 0 0 !important;
padding-bottom:20px !important;
float:left;
margin:30px 0 0;
}
ul.on_the_tv  p{
float:left;
line-height:26px;
margin:30px 0 0 10px !important;;
width:208px;
}
.on_the_tv li{
background-image:none !important;
padding:0 80px 3px 0;
}
ul.on_media_coverage{
display:block;
}
.on_media_coverage li{
background-image:none !important;
float:left;
padding:0 80px 3px 0;
margin-bottom:5px;
}
ul.on_the_press{
width:540px;
float:left;
margin:30px 0 0 !important;
background-color:#d1d1d1;
padding:0px 5px 20px 5px !important;
}
.on_the_press li{
float:left;
width:520px;
}
 /**********************************************************************
* contact page
**********************************************************************/
.contact{
width:300px;
}
.contact p{
width:444px !important;
}
.contact h2.header {
background-color:#F6CD04;
float:left;
font-size:18px;
line-height:20px;
margin-bottom:20px;
padding:7px 0 7px 10px;
width:531px;
}
.contact input{
border:#666 1px solid;
color:#000;
margin-top:2px;
}
.contact label{
color:#000;
margin-top:2px;
}
.contact h5 {

}