/* home page */

/* reset */
*
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: 0px;
}
/*common*/
p
{
    margin-bottom: 1em;
}
/* frame */
body
{
    background-position: 0px 0px;
    background-repeat: repeat-x;
    min-width: 1090px;
}
#page
{
    position: absolute;
    width: 1090px;
    min-height: 400px;
    top: 0px;
    left: 50%;
    margin-left: -545px;
    background-position: 0px 305px;
    background-repeat: no-repeat;
}
#header
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1090px;
    height: 335px;
    overflow: hidden;
    background-position: top center;
    background-repeat: no-repeat;
}
#footer
{
    position: relative;
    width: 896px;
    height: 37px;
    margin-top: 30px;
    margin-left: 97px;
    border: 0px;
    border-style: dotted;
    border-top-width: 1px;
    overflow: hidden;
}
#footer div ul
{
    display: inline;
}
#footer div.copyright
{
    position: absolute;
    width: 140px;
    top: 0px;
    left: 0px;
}
#footer div.follow
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 140px;
    padding-left: 140px;
}
#footer div.menu
{
    margin-left: 140px;
    margin-right: 240px;
}
#footer div.menu ul li
{
    list-style: none;
    display: inline;
}
#footer div.menu ul li a
{
    padding: 0px 3px;
}
#footer div.follow span.title
{
    position: absolute;
    right: 150px;
}
#footer div.follow ul li
{
    list-style: none;
    display: inline;
}
#footer div.follow ul li a
{
    display: block;
    float: left;
    width: 34px;
    height: 37px;
    overflow: hidden;
    opacity: 0.7;
}
#footer div.follow ul li a:hover
{
    opacity: 1;
}
#footer div.follow ul li a.youtube
{
    width: 69px;
}
#logo
{
    position: absolute;
    width: 1090px;
    height: 128px;
    top: 0px;
    left: 0px;
}
    #logo img
    {
        position: absolute;
        width: 247px;
        height: 57px;
        left: 97px;
    }
    /*#logo a img
    {
        opacity: 0.7;
    }
    #logo a:hover img
    {
        opacity: 1;
    }*/
#content_box
{
    width: 617px;
    margin-left: 97px;
    margin-top: 130px;
    padding: 4px;
    background-position: 0px 0px;
    background-repeat: repeat-x;
}
#content
{
    position: relative;
    width: 617px; /*577*/
    min-height: 359px;
    /*padding: 60px 20px 40px 20px;*/
    background-position: 0px 0px;
    background-repeat: repeat-x;
}
#right_side_box {
    border: #393E49 solid 4px;
    
    height:359px;
    padding:0px;
    position:absolute;
    right:-275px;
    top:-4px;
    width:252px;
}

/* Start */
#l_formleft
{
    position: absolute;
    right: 312px; /*297px;*/
    top: 21px;
    
    /*border: 2px #FFF solid;*/
}

#l_formright
{
    position: absolute;
    width: 185px;
    top: 21px;
    right: 97px;

    /* border: 2px #FFF solid; */
}

.l_formtext
{
    margin: 0px;
    width: 170px;
    height: 20px;  /* !important */
    
    padding-left: 2px;
    padding-top: 1px;
    
    margin-bottom: 5px;
    display: block;
    border: solid 1px #72728C;  
    background-repeat: repeat-x;
    background-position: top;
}

#l_email
{
    margin-top: -28px;
}

#head {
	/*width:161px;
	margin-right:30px;
	height:24px;
	background-color:#000000;
	border:1px solid #303d3f;
	padding-right:10px;*/
}

#results table
{
    border: 1px #FFF solid;
}

#results table td {
	/*padding-bottom:10px;
	height: 50px;*/
}

#results {
	width:151px;
	/*height:257px;
	overflow-x:hidden;
	overflow-y:auto;	
	background-color:#000000;
	padding:10px;
	border-left:1px solid #303d3f;
	border-right:1px solid #303d3f;
	border-bottom:1px solid #303d3f;
	margin-right:35px;*/
}

.image {
	vertical-align:top;
	width: 50px;
	height: 33px;
}

.desc {
	padding-left:10px;
}



/* ea /End */


#sSearch, #email
{
    background-repeat: repeat-x;
    background-position: 1px;
}

.menubar
{
    top: 64px;
}

.personal_train
{
    background-repeat: no-repeat;
    background-position: 0 0;
    min-height: 359px;
}

#personal_train_a
{
    position: absolute;
    top: 310px;     
}

#right_side
{
    height: 359px;
}

#right_side img
{
    margin-top: 8px;
    margin-left: 12px;
}

#welcome_p_e
{
    position: relative;
    width: 618px;
    height: 370px;
    margin-top: 10px; 
    margin-left: 101px;
    
    float: left;
    
    /* see welcome_title_mod id
    background-position: top left;
    background-repeat: no-repeat; */
    
    /*border: 2px #FFF solid;*/
}

#welcome_par
{
    position: relative;    

    padding-top: 20px;
    padding-right: 10px;
    margin: 380px 101px 0px 101px;
    
    /*border: 2px #FFF solid;*/
}

#welcome_title_mod, #xtreme_title_mod
{
    position: absolute;
    top: -29px;
}

#welcome_pay_mod
{
	background-position: top left;
    background-repeat: no-repeat;	
	
	position: relative;
	margin-top: 30px;
	
	width:  618px;
	height: 148px;
	
	/* border: 1px #FFF solid; */		
}

#welcome_pay_left, #welcome_pay  /* hp left is new */
{
	float: left;
	padding-top: 20px;
	
	/*border: 1px #FFF solid;*/
}

#welcome_pay_left /* the new div */
{
    width: 190px;
	height: 120px;
	
	margin-right: 10px;
	
	text-align: center;
	vertical-align: middle;	
	
	font-size: 10px;
	
	/*background-color: #FF0000; border: 1px #FFF solid;*/				
}

#welcome_pay
{
    padding: 10px;
    padding-left: 0px;
    /* hp position: absolute;
    margin-top: 40px;
    margin-left: 200px;*/

    /*border: 2px #FFF solid;*/
}

#quick_links
{
    position: relative;
	float: left;
    /* hp position: absolute;
    margin-top: 106px;
    margin-left: 200px; */

    /*border: 2px #FFF solid;*/
}

#quick_red
{
    margin-top: 5px;
}

#wp_line
{
    position: relative;
    margin-left: -4px;
    margin-top:  -6px;
}

#wp_no
{
    margin-top:  8px;
}

.p_more, .e_more
{
    position: absolute;
    margin-left: 22px;
    margin-top:  340px;

    /*border: 2px #FFF solid;*/
}

.e_more
{
    margin-left: 340px;
}

#personal_training, #extreme_yoga
{
	margin-top: 10px;
	float: left;
}

#personal_training /* 298 x 181 */
{
	width: 298px;
	height: 181px;
	
	margin-right: 20px;
}

#extreme_yoga /* 298 x 181 */
{
    
}

#quick_red, #quick_link1, #quick_link2, #quick_link3, #quick_link4
{
    
}

#quick_link2
{
    margin-left: 28px;
}

#quick_link4
{
    margin-left: 63px; 
}

#xtreme
{
    position: relative;
    
    background-position: top left;
    background-repeat: no-repeat;
    
    /*border: 2px #FFF solid;*/
}

#xt_line
{
    position: relative;
    margin-left: 1px;
    margin-top:  1px;
}

#xtreme
{
    position: relative;

    float: left;
    width: 258px;
    height: 370px;
    
    margin-left: 15px;
    margin-top: 10px;
    
    background-repeat: no-repeat;
    background-position: top left;
}

#xtreme_mod 
{
    background-position: top left;
    background-repeat: no-repeat;
	
	width: 258px;
	height: 149px;
	
	position: relative;
    margin-top: 30px;
	
	/*border: 1px #FFF solid;*/
}

#xtreme_twilight
{
    position: relative;
    margin-left: 105px;
    margin-top: 15px;
    
    padding-top: 5px;
    
    /*margin-left: 105px;
    margin-top: 35px;
    
    height: 160px;*/
    
    /*border: 1px #FFF solid;*/
}

#xt_get
{
    margin-top: 5px;
}

#classes
{
    position: absolute;  
    height: 172px;
    
    /*border: 1px #FFF solid;*/
}

#classes_tw
{
    position: relative;
    margin-top: 17px;
    
    height: 56px;
    width: 256px;
    
    background-repeat: repeat-x;
    background-position: top;
}

#classes_tw_in
{
    padding: 4px;

    height: 54px;
    margin: 22px 2px 2px;
    background-repeat: repeat-x;
    background-position: top;   
}

#classes_fb
{
    position: relative;
    margin-top: 8px;
    
    height: 30px;
    width: 256px;
    
    background-repeat: repeat-x;
    background-position: top;
}

#classes_fb_in
{
    position: relative;

    padding: 2px;    

    height: 20px;
    margin: 2px;
    
    vertical-align: middle;

    background-repeat: repeat-x;
    background-position: top;   
}

#classes_in_1
{
    margin-top: 6px;
    margin-left: -2px;
}

#classes_in_2
{
    margin-top: 6px;
}

.red_arrow
{
    margin-left: 4px;
    margin-right: 4px;
    vertical-align: middle;
}

.fan_fb
{
    margin-top: 3px;
    margin-left: -3px;
}

#my_twitter_status
{
    position: relative;
    margin-top: -15px;
    margin-left: 16px;
}

#social_media
{
    background: url(/common/images/home2/social_media.png) left top no-repeat; 
    width:256px; 
    height: 110px; 
    margin-top:7px;
}

#social_media img
{
    float: right;
}

.wh_hp_cnt
{
    height: 36px;
    width: 250px;
    padding-top: 4px;
}

.wh_hp_cnt img
{
    width: 36px;
    height: 36px; 
    float: left; 
    clear: left; 
    margin:4px;
    vertical-align: middle;
}

.wh_hp_cnt a
{
    vertical-align: middle;
}

.wh_hp_br
{
    clear:left;
    background: url(/common/images/home2/happening_div.png);
    height: 2px;
}

/* End */


.fuzzysearch2
{
    /* remaining pages - adjust */
    /*position: absolute;
    top: -20px;*/
    
    position: absolute;
    right: 500px;
}

/* menubar */
.menubar2
{
    top: 18px;
}

#menubar
{
    position: relative;
    width: 898px;
    height: 40px;
    margin: 0 auto;
    z-index: 9999;       
}
#menubar>ul
{
    position: absolute;
    height: 29px;
    margin: 0px;
    z-index: 9999;
}
#menubar li
{
    list-style: none;
    cursor: pointer;
}
#menubar>ul>li
{
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 1px;
    text-align: center;    
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
}
#menubar>ul>li>a
{
    display: block;
    height: 40px;
    text-indent: -9999px;
    overflow: hidden;
}
#menubar>ul>li>a:hover,
#menubar>ul>li.current>a,
#menubar>ul>li.active>a
{
    background-position: 0px -40px;
}

/* hide submenus, we assume that javascript is on and we'll be able to show them back */
#menubar>ul>li>ul
{
    position: relative;
}
#menubar>ul>li>ul>li
{
    height: 23px;
    width: inherit;
    
    border-top: 1px solid;
    /*border-width: 0px;
    border-style: solid;*/
}
#menubar>ul>li>ul>li>a
{
    display: block;
    height: 23px;
    width: inherit;
    background-position: 0px 0px;
    background-repeat: repeat-x;    
}
#menubar>ul>li>ul>li>a:hover
{
    background-position: 0px -40px;
}

/* menu widths */
#mb_home
{
    width: 66px;
}
#mb_find_club
{
    width: 104px;
}
#mb_membership
{
    width: 115px;
}
#mb_group_fitness
{
    width: 125px;
}
#mb_lifestyle
{
    width: 91px;
}
#mb_personal_train
{
    width: 150px;
}
#mb_about_us
{
    width: 90px;
}
#mb_member_services
{
    width: 148px;
}

ul
{
    margin-bottom: 20px;
    /*display: inline;*/
}

#menubar
{
    background-color: #414750;
}

.img_menu
{
    margin-left: 0px;
}