@charset "utf-8";

/*----Common---->>START*/
* { padding: 0px; margin: 0px; }

body { background-color: #cfcfcf; background-image: url(../images/body_bg.jpg); background-position: top left; background-repeat: repeat-x; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; }

img { border: 0px; }
a { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }
form { display: inline; }

.clear { clear: both; }
.wrap { width: 100%; }
.center { width: 100%; text-align: center; }

#wapper { width: 100%; text-align: center; }
#main { background-image: url(../images/shadow.png); background-position: top left; background-repeat: repeat-y; width: 980px; padding: 0px 11px; margin: 0px auto; }
/*----Common----<<END*/

/*----Header---->>START*/
#header { background-image: url(../images/header_picture.jpg); background-position: top left; background-repeat: no-repeat; border-bottom: 2px solid #000000; width: 980px; height: 290px; position: relative; }

#header #logo { width: 259px; height: 161px; position: absolute; top: 87px; left: 53px; z-index: 100; }

#header #topmemu { width: 980px; height: 35px; position: absolute; top: 0px; left: 0px; overflow: hidden; z-index: 100; }
#header #topmemu ul { list-style-type: none; }
#header #topmemu ul li { float: left; height: 35px; }
#header #topmemu ul li a { background-image: url(../images/topmenu_bg.png); background-position: 0px 0px; background-repeat: no-repeat; color: #ffffff; display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; height: 28px; width: 140px; padding: 6px 0px 0px 0px; text-align: center; text-decoration: none; }
#header #topmemu ul li a:hover { background-position: 0px -35px; text-decoration: none; }
#header #topmemu ul li a.selected { background-position: 0px -70px; text-decoration: none; }
/*----Header----<<END*/

/*----Content---->>START*/
#content { background-image: url(../images/leftpanel_bg.gif); background-position: top left; background-repeat: repeat-y; width: 980px; }
/*----Content----<<END*/

/*----Left Column---->>START*/
#leftpanel { float: left; width: 230px; text-align: left; }
#leftpanel h2 { color: #ffffff; font-size: 12px; line-height: 36px; height: 36px; padding: 0px 0px 0px 11px; }
#leftpanel .joinus { color: #e5e5e5; font-size: 11px; padding: 11px 0px 11px 11px; }
#leftpanel .joinus strong { color: #ffffff; font-size: 14px; }

#leftpanel #fitcampstop { background-image: url(../images/rounded_top.gif); background-position: top left; background-repeat: no-repeat; width: 230px; height: 11px; font-size: 0px; line-height: 0px; }
#leftpanel #fitcampsbottom { background-image: url(../images/rounded_bottom.gif); background-position: top left; background-repeat: no-repeat; width: 230px; height: 10px; font-size: 0px; line-height: 0px; }
#leftpanel #fitcamps { background-color: #0b060a; color: #999999; font-size: 10px; width: 230px; height: 375px; overflow: hidden; position: relative; }
#leftpanel #fitcamps .box { background-image: url(../images/fitcamps_sep.gif); background-position: bottom; background-repeat: no-repeat; color: #999999; font-size: 10px; width: 220px; padding: 0px 10px 7px 0px; margin: 0px 0px 5px 0px; }
#leftpanel #fitcamps a { background-image: url(../images/fitcamps_bullet.gif); background-position: top left; background-repeat: no-repeat; color: #999999; display: block; font-size: 10px; text-decoration: none; padding: 0px 0px 0px 17px; width: 203px; }
#leftpanel #fitcamps a span { color: #ffffff; font-weight: bold; cursor: pointer; display: block; padding: 0px 0px 3px 0px; width: 203px; }
#leftpanel #fitcamps a:hover { text-decoration: none; }
#leftpanel #fitcamps a:hover span { text-decoration: underline; }
#leftpanel #fitcamps  div.scrollable { position: relative; overflow: hidden; width: 230px; height: 365px; } 
#leftpanel #fitcamps div.scrollable div.items { height: 2em; position: absolute; } 
#leftpanel #fitcamps div.scrollable div.items div { float: left; } 
#leftpanel #fitcamps div.items div.active { border: 0px inset #ccc; background-color: transparent; }
#leftpanel #fitcamps a.next,
#leftpanel #fitcamps a.nextPage { background-image: url(../images/fitcamps_next.gif); background-position: top left; background-repeat: no-repeat; position: absolute; bottom: 5px; right: -10px; width: 10px; height: 8px; z-index: 100; display: block; cursor: pointer; }
#leftpanel #fitcamps a.prev,
#leftpanel #fitcamps a.prevPage { background-image: url(../images/fitcamps_prev.gif); background-position: top left; background-repeat: no-repeat; position: absolute; bottom: 18px; right: -10px; width: 10px; height: 8px; z-index: 100; display: block; cursor: pointer; }
/*----Left Column----<<END*/

/*----Right Column---->>START*/
#rightpanel { float: right; width: 750px; text-align: left; }
#rightpanel h2 { background-image: url(../images/circular_arrow.gif); background-position: left; background-repeat: no-repeat; color: #587c00; font-size: 18px; line-height: 20px; padding: 0px 0px 0px 26px; margin: 0px 0px 13px 0px; }
#rightpanel p { padding: 0px 0px 16px 0px; }
#rightpanel .imgight { float: right; margin: 0px 0px 0px 10px; }

#rightpanel .homebanner { float: left; width: 310px; }
#rightpanel .boxinner { padding: 0px 0px 0px 28px; }
#rightpanel .box1,
#rightpanel .box2,
#rightpanel .box3,
#rightpanel .box4 { color: #333333; font-size: 11px; padding: 10px 10px 0px 10px; width: 230px; }
#rightpanel .box1 p,
#rightpanel .box2 p,
#rightpanel .box3 p,
#rightpanel .box4 p { padding: 0px 0px 14px 0px; }
#rightpanel .box1 h2,
#rightpanel .box2 h2,
#rightpanel .box3 h2,
#rightpanel .box4 h2 { color: #333333; font-size: 14px; margin: 0px 0px 3px 0px; }
#rightpanel .center p { padding: 0px 0px 12px 0px; }
#rightpanel .box1 { background-color: #dbdbdb; background-image: url(../images/rightpanel_box_bg.jpg); background-position: top left; background-repeat: repeat-x; float: right; height: 142px; }
#rightpanel .box2 { background-color: #dbdbdb; background-image: url(../images/rightpanel_box_bg.jpg); background-position: top left; background-repeat: repeat-x; float: right; height: 148px; }
#rightpanel .box3 { background-color: #dbdbdb; background-image: url(../images/rightpanel_box_bg.jpg); background-position: top left; background-repeat: repeat-x; float: left; height: 162px; }
#rightpanel .box4 { background-color: #dbdbdb; background-image: url(../images/rightpanel_box2_bg.jpg); background-position: top left; background-repeat: repeat-y; float: left; height: 162px; }

#rightpanel div.scrollable { position: relative; overflow: hidden; width: 202px; height: 90px; padding: 0px 0px 0px 28px; margin: 15px 0px 0px 0px; } 
#rightpanel div.scrollable div.items { height: 2em; position: absolute; } 
#rightpanel div.scrollable div.items div { float: left; } 
#rightpanel div.items div.active { border: 0px inset #ccc; background-color: transparent; }
#rightpanel a.next,
#rightpanel a.nextPage { background-image: url(../images/fitcamps_next.gif); background-position: top left; background-repeat: no-repeat; position: absolute; bottom: 5px; right: -10px; width: 10px; height: 8px; z-index: 100; display: none; cursor: pointer; }
#rightpanel a.prev,
#rightpanel a.prevPage { background-image: url(../images/fitcamps_prev.gif); background-position: top left; background-repeat: no-repeat; position: absolute; bottom: 18px; right: -10px; width: 10px; height: 8px; z-index: 100; display: none; cursor: pointer; }

#rightpanel .box { color: #333333; font-size: 11px; width: 202px; height: 90px; }
#rightpanel .box a { color: #333333; font-size: 11px; text-decoration: none; }
#rightpanel .box a span { display: block; width: 202px; font-weight: bold; cursor: pointer; padding: 0px 0px 15px 0px; }
#rightpanel .box a:hover { text-decoration: underline; }
#rightpanel .box a:hover span { text-decoration: underline; }

#rightpanel p.arwbrn { float: right; padding: 10px 0px 16px 0px; }
#rightpanel p.arwbrn a { background-image: url(../images/arwbtn_left.gif); background-position: top left; background-repeat: no-repeat; color: #444444; display: block; font-size: 10px; line-height: 23px; height: 23px; text-align: left; text-decoration: none; }
#rightpanel p.arwbrn a span { background-image: url(../images/arwbtn_right.gif); background-position: top right; background-repeat: no-repeat; display: block; height: 23px; cursor: pointer; padding: 0px 38px 0px 7px; }
#rightpanel p.arwbrn a:hover { text-decoration: none; }
#rightpanel p.arwbrn input { cursor: pointer; }

#rightpanel #textinner { padding: 38px 10px 0px 10px; width: 730px; }
#rightpanel #textinner .inner { padding: 0px 5px; width: 720px; }

#rightpanel #timeinner { padding: 38px 10px 0px 10px; width: 730px; }
#rightpanel #timeinner h2 { font-size: 14px; }
#rightpanel #timeinner .inner { padding: 0px 10px; width: 710px; text-align: center; }
#rightpanel #timeinner #mtwt { padding: 0px 0px 10px 0px; width: 710px; }
#rightpanel #timeinner #fss { padding: 0px 0px 10px 0px; width: 530px; margin: 0px auto; }
#rightpanel #timeinner .col { background-color: #dddddd; color: #050505; font-size: 12px; float: left; width: 158px; padding: 8px 6px; margin: 0px 10px 0px 0px; }
#rightpanel #timeinner .col h3 { color: #050505; font-size: 18px; font-weight: normal; padding: 0px 0px 16px 0px; }
#rightpanel #timeinner .col ul { list-style-type: none; }
#rightpanel #timeinner .col ul li { /*background-image: url(../images/date_sep.gif);*/ background-position: center; background-repeat: no-repeat; margin: 0px 0px 5px 0px; width: 158px; text-align: right; }
#rightpanel #timeinner .col ul li span { float: left; }

#rightpanel .phone { background-image: url(../images/phone_icon.jpg); background-position: top left; background-repeat: no-repeat; color: #000000; font-size: 15px; font-weight: bold; margin: 0px 0px 20px 29px; padding: 0px 0px 0px 57px; width: 634px; }
#rightpanel .phone p { color: #587c00; padding: 0px 0px 5px 0px; }
#rightpanel .email { background-image: url(../images/email_icon.jpg); background-position: top left; background-repeat: no-repeat; color: #000000; font-size: 15px; font-weight: bold; margin: 0px 0px 7px 19px; padding: 0px 0px 15px 67px; width: 634px; }
#rightpanel .email p { color: #587c00; padding: 0px 0px 2px 0px; }
#rightpanel .email a { color: #000000; font-size: 12px; font-weight: normal; text-decoration: none; }
#rightpanel .email a:hover { text-decoration: underline; }
#rightpanel .contactfrom { background-image: url(../images/mobile_icon.jpg); background-position: top left; background-repeat: no-repeat; color: #587c00; font-size: 12px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 86px; width: 634px; }
#rightpanel .contactfrom p { padding: 0px 0px 2px 0px; }
#rightpanel .contactfrom input.textw224 { background-color: #ffffff; border-top: 1px solid #afafaf; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 218px; height: 18px; padding: 2px 3px 0px 3px; margin: 0px 0px 20px 0px; }
#rightpanel .contactfrom input.textw164 { background-color: #ffffff; border-top: 1px solid #afafaf; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 158px; height: 18px; padding: 2px 3px 0px 3px; margin: 0px 0px 20px 0px; }
#rightpanel .contactfrom p.arwbrn { float: left; padding: 0px 0px 16px 0px; }

#rightpanel #leftcol { float: left; width: 295px; }
#rightpanel #leftcol .inner { padding: 0px 0px 0px 5px; width: 290px; }
#rightpanel #leftcol small { font-size: 11px; }
#rightpanel #leftcol p.arwbrn { float: left; padding: 0px 0px 16px 0px; }
#rightpanel #leftcol .box { padding: 0px 0px 10px 0px; text-align: left; display: inline; width: 270px; height: auto; color: #000000; font-size: 12px; clear: both; }
#rightpanel #leftcol .box span { float: left; width: 140px; }
#rightpanel #leftcol .box p { float: left; }
#rightpanel #rightcol { float: right; width: 410px; padding: 0px 5px 0px 0px; }
#rightpanel #rightcol p { padding: 0px 0px 10px 0px; }

#rightpanel #joinus { color: #000000; font-size: 11px; padding: 0px 20px; width: 680px; }
#rightpanel #joinus small { color: #444444; font-size: 9px; }
#rightpanel #joinus h3 { color: #587c00; font-size: 12px; padding: 0px 0px 10px 0px; }
#rightpanel #joinus .errorText { color: red; font-size: 12px; }
#rightpanel #joinus h4 { color: #587c00; margin:2px 0 0 25px; padding: 0px 0px 5px 0px; }
#rightpanel #joinus h3 span { font-size: 16px; }
#rightpanel #joinus .row { padding: 0px 20px 20px 20px; margin: 0px 0px 0px 0px; width: 650px; }
#rightpanel #joinus .row p { padding: 0px 0px 0px 25px; margin: 0px 0px 0px 0px; }
#rightpanel #joinus .colleft { float: left; width: 410px; }

#rightpanel #joinus .colleft p { background-image: url(../images/circular_arrow_small.gif); background-position: left; background-repeat: no-repeat; }
#rightpanel #joinus .colright { float: left; width: 220px; text-align: center; }
#rightpanel #joinus .colright p { color: #587c00; font-size: 10px; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

#rightpanel .inner h3,
#rightpanel .trainerInner h3 { color: #587c00; font-size: 12px; padding: 0px 0px 2px 0px; }

#rightpanel .trainerInner h3 {margin-top:20px; padding: 0px 0px 5px 20px;  background-image: url(../images/circular_arrow_small.gif); background-position: left; background-repeat: no-repeat; }

#rightpanel #textinner .inner .fitcampslist li
{
padding: 5px 0 5px 20px;
list-style:none;
background-image: url(../images/circular_arrow_small.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
font-size: 12px;
font-weight:bold;
}

/*----Right Column----<<END*/

/*----Footer---->>START*/
#footer { background-image: url(../images/footer_bg.png); background-position: top left; background-repeat: no-repeat; color: #525252; font-size: 11px; width: 980px; padding: 0px 11px; margin: 0px auto; text-align: left; }
#footer a { color: #525252; font-size: 11px; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer #tweets { background-image: url(../images/tweet_icon.jpg); background-position: top left; background-repeat: no-repeat; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 925px; height: 62px; padding: 12px 10px 0px 45px; }
#footer #tweets h3 { color: #e3e3e3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px 0px 5px 0px; }
#footer #rss { background-image: url(../images/rss_icon.gif); background-position: left; background-repeat: no-repeat; padding: 0px 0px 0px 24px; margin: 0px 26px 0px 0px; }
#footer #siteby { float: right; width: 190px; padding: 0px 10px 0px 0px; text-align: right; }
#footer #inner { width: 980px; padding: 5px 0px 10px 0px; }
/*----Footer----<<END*/