/*------------ General Page Rules ----------------------------------------------------------*/


body, html
{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

body.iframe{ width:auto;height:auto;}

h1, h2, h3, h4, h5, p, ul, ol, li, form, hr
{
margin: 0;
padding: 0;
}

BODY, TABLE
{
font-family: 'Roboto', sans-serif;
font-size:15px;
color:#6d6e71;
font-weight:300;
}

/* ----------- Colours -------------------------*/

/*
Light Grey: #cccccc
Dark Grey: #818285
Light Blue: #9bd1e5
Medium Blue: #65a8c1
Light Green: #c0cfa5
Medium Green: #7b8b38
Light Brown #d2c4a5
Medium Brown #D2C5A5
*/

/* ----------- General Page Rules -------------------------*/

h1
{
margin: 0px 0px;
padding: 0px 0px 5px;
font-size: 26px;
font-family: 'Roboto', sans-serif;
border-bottom: 1px solid #ff3300;
color: #ff3300;
font-weight:500;
text-transform: uppercase;
}

h2
{
margin: 15px 0px;
color:#ff3300;
font-weight:300;
font-size: 22px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}

.our-people h2
{
padding-bottom:8px;
border-bottom:1px solid #ff3300;
}



h3
{
margin: 10px 0px;
color: #404041;
font-size: 18px;
font-family: 'Roboto', sans-serif;
}

h4
{
margin: 8px 0px;
color: #7b8b38;
font-size: 14px;
text-transform: uppercase
font-family: 'Roboto', sans-serif;
}

h5
{
margin: 8px 0px;
color: #65a8c1;
font-size: 14px;
text-transform: uppercase
font-family: 'Roboto', sans-serif;
}

p,div#pageSource
{
line-height: 20px;
margin: 12px 0px;
}
div#pageSource{ text-align:left; }
ul
{
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

ol
{
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

li
{
margin: 3px 0px;
}

li p
{
margin: 0;
line-height: 19px;
}

strong
{
font-weight:500!important;
}

hr
{
margin: 15px 0px;
border: none;
background: none;
border-bottom: 1px solid #d8dadd;
}

a
{
color: #F04E23;
text-decoration:none;
transition: all 0.5s ease-in;
}

a:hover
{
color: #818285;
transition: all 0.5s ease-in;
}

td
{
vertical-align: top;
}

a img
{
border: none;
}


/* ----------- Site Wide Rules -------------------------*/

/*------------ Main Containers ---------------------------------------*/

.container
{
margin: 0px auto;
width: 1200px;
text-align: left;
}

.bgContainer
{
width: 1200px;
float: left;
position: relative;
height: auto;
}

body
{
/*background: 100% width tile here */
}

#wrap
{
position: relative;
z-index: 2;
min-height: 100%;
width: 100%;
/*background: 100% height tile here */
}

#main
{

padding-bottom: 260px ; /* must be same height as the footer */
}

#header
{
float:left;
position:relative;
width:100%;
height:120px;
min-width:1000px;
border-top:none;
background:none;
margin-top:0px;
background:#5F6574;
background:rgba(0,0,0,0.5);
z-index:5000;

}

#header.stuck
{
position:fixed;
float: none;
margin-top:0px;
background:#5F6574;
background:rgba(0,0,0,0.5);
border:none;
}

#header .container
{

}

#header .bgContainer
{
float:left;
position:relative;
height:120px;
}

#home #content
{
min-height: 400px;
}

#content
{
float: left;
position: relative;
z-index: 40;
width: 1200px;
min-height: 500px;
}

#centerCol
{
float: left;
position: relative;
width: 1200px;
min-height: 400px;
}

#default #centerCol
{
float: left;
position: relative;
width: 1200px;
min-height: 500px;
margin: 0px 0px 40px 0px;
}

#leftCol
{
float: left;
position: relative;
width: 250px;
border-right:none;
min-height: 400px;
margin: 0px 0px 0px 0px;
padding:0px;
}

#rightCol
{
float: right;
position: relative;
width:26.0%;
min-height: 400px;
}


#footer {
position: relative;
width: 100%;
clear: both;
z-index: 60;
margin: -280px 0px -12px 0px;
height: 280px;
background: #414042;
}

#footer .container
{
margin: 0 auto;
width: 1200px;
text-align: left;
}

#footer .bgContainer
{
float: left;
position: relative;
width: 1200px;
height: 280px;
margin: 0px;
padding: 0px 0px 0px 0px;
background: #414042;
margin: 0px 0px 0px 0px;
border-bottom: 0px solid #00B4E4;
}


/*------------ Module/Element Specific Rules ---------------------------------------*/


/******* Header Elements ***********/


#header a.logo
{
float: left;
position: relative;
margin: 44px 0px 0px 0px;
}


#header a.logo img
{



}



/* Header Navigation */


#header #navigation ul li ul li ul.classDescriptionsMenu,
#header #navigation ul li ul li ul.personalTrainersMenu
{
display:none!important;
}

#header #navigation
{
position: absolute;
top: 71px;
left: 268px;
width: 958px;
height: 48px;
margin: 0px;
}

#header #navigation ul
{
margin: 0 auto;
padding: 0px  0px 0px 5px;
list-style: none;
float: none;
position: relative;
}

#header #navigation ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 3px;
height: 48px;
line-height: 48px;
margin: 0px 0px 0px 0px;
background:none;
}

#header #navigation ul li:first-child
{
background: none;

}

#header #navigation ul li a
{
display: block;
width: auto;
text-align: center;
height: 49px;
line-height: 33px;
padding: 0px 16px;
border-top: 0px solid #6d6c6c;
margin: 0px;
list-style: none;
float: left;
text-transform: uppercase;
letter-spacing: 0;
font-size: 14px;
position: relative;
color: #FFF;
text-decoration: none ;
font-family: 'Roboto', sans-serif;
}

#header #navigation ul li a:hover
{
color: #ef3001;
text-decoration:underline;
}


#header #navigation ul li ul
{
display: none;
}

#header #navigation ul li:hover ul
{
display: block;
}

#header #navigation ul li ul
{
margin: 0px 0px 0px -2px;
padding: 0px 3px 0px 0px;
list-style: none;
float: none;
position: absolute;
top: 49px;
left: 3px;
width: 240px;
border-bottom: 0px solid #f04e23;
}

#header #navigation ul li ul li
{
float: left;
position: relative;
padding: 0px 0px 10px 3px;
height: auto;
min-height: 15px;
width: 200px;
line-height: 17px;
margin: 0px 0px 0px 0px;
background:#5F6574;
background:rgba(0,0,0,0.4);
}

#header #navigation ul li ul li:first-child
{
background:#5F6574;
background:rgba(0,0,0,0.4);
}

#header #navigation ul li ul li a
{
display: block;
width: 180px;
text-align: left;
height: 20px;
line-height: 23px;
padding: 2px 10px 2px 17px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform:capitalize;
letter-spacing: 0;
font-size: 14px;
position: relative;
color: #FFF;
text-decoration: none ;
}

#header #navigation ul li ul li ul
{
float: left;
position: relative;
margin: 0px 0px 0px -3px;
padding: 0;
top: auto;
left: auto;
border: none;
}

#header #navigation ul li ul li ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 3px;
min-height: 33px;
width: 100px;
line-height: 19px;
margin: 0px 0px 0px 0px;
background: #daedf4;

}

#header #navigation ul li ul li ul li:first-child
{
background: #daedf4;
}

#header #navigation ul li ul li ul li a
{
display: block;
width: 160px;
text-align: left;
height: 33px;
line-height: 33px;
padding: 4px 10px 4px 17px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform: uppercase;
letter-spacing: 0;
font-size: 12px;
position: relative;
color: #7093ae;
text-decoration: none ;
}


#header #navigation a.grandchildSelected,
#header #navigation a.childSelected,
#header #navigation a.menuSelected
{
color: #ef3001;
text-decoration:underline;
}



/******* Home Slides ***********/

#homeSlides
{
float:none;
position:relative;
top:-120px;
margin:0 auto -100px;
overflow:hidden;
max-width:100%;
height:485px;
}


#homeSlides .moduleComponentContainerhomeHeaderImage h2.bannerTitle
{
display:none!important;

}

.bannerImageContainer
{

}

#homeSlides #bannerDots
{
position:absolute;
bottom:-29px;
width:100%;
height:18px;
background: url(http://www.thegym.co.nz/images/style/headerDots.png) 0px 0px repeat-x;
}


.moduleComponentContainerhomeHeaderImage .moduleComponenthomeHeaderImage .bannerHtmlContent
{
	position:absolute;
	bottom:80px;
	right:0;
	left:0;
	height:123px;
	z-index:4;
	background:rgba(242,103,34,0.6);
	color:#fff;

}


.moduleComponentContainerhomeHeaderImage .moduleComponenthomeHeaderImage .bannerHtmlContent p
{
margin:18px 0px 0px 0px;
line-height:42px;
padding:0px 0px 0px 0px;
font-size:42px;
font-weight:700;
text-transform:uppercase;

}

/****************************************/

/******* HeaderImage ***********/

#headerImage
{
float:none;
position:relative;
top:-120px;
margin:0 auto -100px;
overflow:hidden;
max-width:100%;
height:300px;
}


#headerImage .moduleComponentContainerheaderImages h2.bannerTitle
{
display:none!important;

}


#headerImage #bannerDots
{
position:absolute;
bottom:0px;
width:100%;
height:18px;
background: url(http://www.thegym.co.nz/images/style/headerDots.png) 0px 0px repeat-x;
}



/******* Home Callouts Container ***********/

.moduleComponentContainerhomeCallouts
{
float: left;
position: relative;
margin: 8px 0px 0px 0px;
width:106%;
}



.moduleComponentContainerhomeCallouts .moduleComponenthomeCallouts
{
float: left;
position: relative;
margin: 0px 20px 16px 0px;
width:46.2%;
}

.moduleComponentContainerhomeCallouts .moduleComponenthomeCallouts .bannerHtmlContent
{
position:absolute;
bottom:4px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:99.9%;
background:#5F6574;
background:rgba(0,0,0,0.5);
}


.moduleComponentContainerhomeCallouts .moduleComponenthomeCallouts .bannerHtmlContent h2
{
font-size:28px;
color:#FFF;
margin:0px 0px 1px 20px;
}

.moduleComponentContainerhomeCallouts .moduleComponenthomeCallouts .bannerHtmlContent h2 a
{
color:#FFF;
text-decoration:none;
}



.moduleComponentContainerhomeCallouts .moduleComponenthomeCallouts .bannerHtmlContent p
{
color:#FFF;
margin:0px 0px 10px 20px;
font-weight:300;
line-height:17px;
}

.moduleComponentContainerhomeCallouts .moduleComponenthomeCallouts .bannerHtmlContent p a
{

color:#FFF;
margin:10px 0px 0px 0px;
padding:4px 10px;
font-weight:400;
text-decoration:none;
text-transform:uppercase;
font-size:10px;
background:#f04e23;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


.moduleComponentContainerhomeCallouts .moduleComponenthomeCallouts .bannerHtmlContent p a:hover
{
background:#000;
background:rgba(0,0,0,0.5);
}



/*------- Latest News Callouts Styles -----------------------------*/

#latestNews
{
width: 388px;
height: 206px;
}

#latestNews.homeBottomCallout h2
{
background: #c0cfa5;
}


#latestNews .content
{
position: relative;
}

#latestNews .moduleComponentlatestNews
{
float: left;
position: relative;
}

#latestNews .moduleComponentlatestNews .title
{
display: none;
}

#latestNews .componentItem
{
float: left;
position: relative;
width: 50%;
margin: 15px 0px 0px 0px;
padding: 0;
font-size: 11px;
}

#latestNews .componentItem img
{
float: left;
position: relative;
margin-right: 10px;
}

#latestNews .componentItem a
{
color: #7b8b38;
}






/******* Page Editor Container ***********/

#pageEditorContent
{
float: left;
position: relative;
width: 836px;
padding: 0px;
margin: 0px 0px 0px 0px;
}

#default #pageEditorContent
{
float: left;
position: relative;
width: 836px;
padding: 0px;
margin: 0px 0px 0px 0px;
border:none;
}

#default.theLatest #pageEditorContent
{
float: left;
position: relative;
width: 1200px;
padding: 0px;
margin: 0px 0px 0px 0px;
border:none;
}

#default.theLatest #pageEditorContent #pageSource
{
float: left;
position: relative;
width: 840px;
}

.moduleDetailWrapperTheLatest #pageSource
{
display:none;
}


/*************************************/



/******* Footer Elements ***********/

.footerCallout h2
{
display:block;
color:#ff3300;
border-bottom:1px solid #ff3300;
font-weight:300;
font-size:20px;
padding:0px 0px 15px 0px;
}


.footerCallout p
{
color:#FFF;
font-weight:300;
font-size:14px;
line-height:22px;
}

/* Footer Menu  */

#footerMenuOne,
#footerMenuTwo,
#footerMenuThree
{
float: left;
position: relative;
width: 360px;
margin-right:50px;
}


#footerMenuTwo #subForm
{
float: left;
position: relative;
width:100%;
margin:0px 0px 0px 0px;
}


#footerMenuTwo #subForm span#bottom,
#footerMenuTwo #subForm span#top
{
float: left;
position: relative;
width:68%;
margin-bottom:5px;
}


#footerMenuTwo #subForm label
{
display:inline-block;
width:18%;
color:#FFF;
}

#footerMenuTwo #subForm input
{
width:75%;
background:#939598;
border:1px solid #414042;
padding:4px 3px;
color:#FFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


#footerMenuTwo #subForm input:focus,
#footerMenuTwo #subForm input:hover
{
border:1px solid #FFF;

}

#footerMenuTwo #subForm button
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 10px;
font-weight: 400;
margin: 0px 0 0px 25px;
padding: 4px 10px;
text-decoration: none;
text-transform: uppercase;
border:1px solid #414042;
cursor:pointer;
}

#footerMenuThree
{
margin-right:0px;
}


#footerMenuThree p a
{
text-decoration: none;
color: #FFF;
}

#footerMenuThree p a:hover
{
color:#F04E23;
}

#footerMenuThree a img#footerLogo
{
float: left;
position: relative;
margin-right:15px;
}



#footerMenuThree p#blueText a
{
display:block;
margin-top:22px;
color:#617eb9;
line-height:0px;
}


#footerMenuThree p#blueText a:hover
{
color:#FFF;
}


#footerMenuThree img:hover
{
opacity: 0.8;
}


/* Copyright */

#copyright
{
float: left;
position: relative;
width: 60%;
text-align: left;
color: #1c677b;
margin:0px 0px 0px 0px;
}

#copyright p
{
color: #FFF;
font-size:12px;
font-weight:300;
}

#copyright p a
{
color: #FFF;
}

#copyright p a:hover
{
color: #FFF;
}





/*****************Group Classes************************/
#groupClasses
{
float: left;
position: relative;
width:100%;
border:none;
margin:0px 0px 20px 0px;
}


#groupClasses h2
{
color:#ff3300;
font-weight:300;
margin:0px 0px 0px 0px;
}

.moduleComponentgroupClasses
{
float: left;
position: relative;
width:100%;
margin:12px 0px 20px 0px;
border-bottom:1px solid #dcdcdc;

}

a.orangeBtn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 10px;
font-weight: 400;
margin: 0px 0 0px;
padding: 4px 10px;
text-decoration: none;
text-transform: uppercase;
}

.timetable a.orangeBtn,
.classes a.orangeBtn
{
display:none;
}

#groupClasses a.orangeBtn:hover
{
background:#000;
background:rgba(0,0,0,0.5);
}

.downloadTimeTable{
float: left;
position: relative;
width:87.3%;
margin:0px 0px 10px 0px;
padding:12px 20px;
background:#82b35f;
color:#FFF;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
transition: all 0.5s ease-in;
font-size:22px;
font-weight:500;
  text-transform:uppercase;
}

.downloadTimeTable span
{
font-size:20px;
color:#FFF;
text-transform:uppercase;
line-height:20px;
font-weight:300!important;
}

a.downloadTimeTable:hover
{
transition: all 0.5s ease-in;
opacity: 0.8;
color:#FFF;  
}

.moduleComponentgroupClasses .componentItem
{
float: left;
position: relative;
width:100%;

}

.moduleComponentgroupClasses .componentItem .title
{
margin:0px 0px 0px 0px;
padding:7px 0px;
font-size:16px;
text-transform:uppercase;
background:#f6f6f6;
border-top:1px solid #dcdcdc;
border-bottom:0px solid #dcdcdc;
cursor:pointer;
color:#404041;
font-weight:300;
text-indent:45px;
border-left:none;
width:100%;
transition: all 0.5s ease-in;
}



.moduleComponentgroupClasses .componentItem .title.even
{
background:#eceded;
}


.moduleComponentgroupClasses .componentItem.selected .title
{
transition: all 0.5s ease-in;
background:#d1d2d4;
}

.moduleComponentgroupClasses .componentItem.selected .title span#rightArrow
{
background:url(http://www.thegym.co.nz/images/style/classesArrow.png) 0px -10px no-repeat;
}

.moduleComponentgroupClasses .componentItem .title.even:hover,
.moduleComponentgroupClasses .componentItem .title:hover
{
background:#d1d2d4;
}


.moduleComponentgroupClasses .componentItem .title span#rightArrow
{
position:absolute;
right:25px;
top:14px;
width:16px;
height:8px;
padding:0px 0px;

background:url(http://www.thegym.co.nz/images/style/classesArrow.png) 0px 0px no-repeat;
}


.moduleComponentgroupClasses .componentItem .title span#colorBlock
{
position:absolute;
left:0px;
top:1px;
width:12px;
height:24px;
padding:6px 0px;
}


.moduleComponentgroupClasses .componentItem.group1 .title span#colorBlock
{
background:#EE1C25;
}

.moduleComponentgroupClasses .componentItem.group2 .title span#colorBlock
{
background:#817B00;
}

.moduleComponentgroupClasses .componentItem.group3 .title span#colorBlock
{
background:#C9E088;
}

.moduleComponentgroupClasses .componentItem.group4 .title span#colorBlock
{
background:#00A3E4;
}

.moduleComponentgroupClasses .componentItem.group5 .title span#colorBlock
{
background:#FFC426;
}

.moduleComponentgroupClasses .componentItem.group6 .title span#colorBlock
{
background:#0097A0;
}

.moduleComponentgroupClasses .componentItem.group7 .title span#colorBlock
{
background:#FEF200;
}

.moduleComponentgroupClasses .componentItem.group8 .title span#colorBlock
{

background:#411F2F;
}

.moduleComponentgroupClasses .componentItem.group9 .title span#colorBlock
{
background:#69BC9D;
}


.moduleComponentgroupClasses .componentItem.group10 .title span#colorBlock
{
background:#ACACAC;
}

.moduleComponentgroupClasses .componentItem .moduleContent
{
background:#eceded;
font-size:14px;
font-weight:300;
color:#404041;
padding:5px 15px 10px 15px;
}


/*****************Our Special Offer******************************/


.moduleComponentContainerourSpecialOffer
{
float: left;
position: relative;
width:100%;
margin:0px 0px 20px 0px;
}

.moduleComponentContainerourSpecialOffer h2.bannerTitle
{
display:block;
margin-bottom:10px!important;
margin-top:0px;
color:#ff3300;
font-weight:300;

}

.moduleComponentContainerourSpecialOffer .bannerHtmlContent
{
font-size:14px;
font-weight:300;
}

/**************Right Col Button**********************/

.moduleComponentContainerrightcolButtons h2.bannerTitle
{
display:none;
}


.theLatest .moduleComponentContainerrightcolButtons
{
position:absolute;
bottom:0px;
right:0px;
width:308px;
}

.moduleComponentContainerrightcolButtons
{
float: left;
position: relative;
width:100%;
margin:0px 0px 15px 0px;
}

.moduleComponentContainerrightcolButtons .moduleComponent
{
float: left;
position: relative;
width:87.3%;
margin:10px 0px 10px 0px;
padding:4px 20px;
background:#7570b3;
color:#FFF;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
transition: all 0.5s ease-in;
}

.moduleComponentContainerrightcolButtons .moduleComponent a.bannerLinkMask
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}



.moduleComponentContainerrightcolButtons .moduleComponent p
{
font-size:20px;
color:#FFF;
text-transform:uppercase;
line-height:20px;
}

.moduleComponentContainerrightcolButtons .moduleComponent p strong
{
font-size:22px;
font-weight:500;
color:#FFF;
}

.moduleComponentContainerrightcolButtons .moduleComponent:hover
{
transition: all 0.5s ease-in;
opacity: 0.8;
}

.moduleComponentContainerrightcolButtons .moduleComponent38
{
background:#7570b3;
}

.moduleComponentContainerrightcolButtons .moduleComponent39
{
background:#66b2c0;
}

.moduleComponentContainerrightcolButtons .moduleComponent40
{
background:#82b35f;
}

.moduleComponentContainerrightcolButtons .moduleComponent41
{
background:#4caf8a;
}

.moduleComponentContainerrightcolButtons .moduleComponent42
{
background:#007db1;
}

/* -----Home page News Feed Styling ----------------------------*/

#theLatest
{
float: left;
position: relative;
width:100%;
margin-bottom:30px;
}

#theLatest h2
{
color:#ff3300;
font-weight:300;
border-bottom:1px solid #ff3300;
}

.moduleComponenttheLatest
{
float: left;
position: relative;
width:100%;
}

.moduleComponenttheLatest .componentItem
{
float: left;
position: relative;
margin:0px 0px 20px 0px;
}


.moduleComponenttheLatest .componentItem .moduleItemImage
{
float: left;
position: relative;
width:48.4%;
margin-right:20px;
}

.moduleComponenttheLatest .componentItem .content
{
float: left;
position: relative;
width:47%;
























font-family: 'Roboto', sans-serif;
font-size:15px;
font-weight:300;

line-height:20px;
margin-left:5px;
}


.moduleComponenttheLatest .componentItem .content .title
{
font-size:16px;
text-transform:uppercase;
font-weight:500;
margin:0px 0px 5px 0px;
color:#939598;
}

/* ----- News Styling ----------------------------*/

#navBasicLinks
{
display:none;
}

#pageEditorContent #navBar
{
float: right;
position: relative;
width: 308px;
margin:0px 0px 0px 0px;
}


#pageEditorContent .navCategoryBlogLinks span.navheaders,
#pageEditorContent .navRecentLinks span.navheaders
{
border-bottom:none;
margin: 15px 0px 0px;
color:#ff3300;
font-weight:300;
font-size: 22px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}


#pageEditorContent .navCategoryBlogLinks span.navheaders
{
margin: 35px 0px 0px;
}

#pageEditorContent .navCategoryBlogLinks ul,
#pageEditorContent .navRecentLinks ul
{
margin: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 21px 0px;
list-style:none;
}

#pageEditorContent .navCategoryBlogLinks ul li a,
#pageEditorContent .navRecentLinks ul li a
{
font-size:18px;
color:#6d6e71;
padding: 0px 0px 0px 0px;
}

#pageEditorContent .navCategoryBlogLinks ul li,
#pageEditorContent .navRecentLinks ul li
{
padding: 2px 0px;
}

#pageEditorContent .navCategoryBlogLinks ul li a:hover,


#pageEditorContent .navRecentLinks ul li a:hover
{
color: #ff3300;
}


/******************News Listing*************************/

.theLatest #pageEditorContent h1
{
width:840px;
}

.moduleListingWrapperTheLatest .moduleItemsListingTheLatest
{
float: left;
position: relative;
width: 840px!important;
min-height:350px;
}

.moduleItemsListingTheLatest .moduleItemsListingItem
{
float: left;
position: relative;
width:100%;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #d8dadd;
}

.moduleItemsListingTheLatest .moduleItemImage
{
float: left;
position: relative;
margin:0px 20px 0px 0px;
}


.moduleItemsListingTheLatest .moduleItemContent
{
float: left;
position: relative;
width:60%;
font-size:14px;
font-weight:300;
line-height:20px;
}


.moduleItemsListingTheLatest .title
{
font-size:16px;
text-transform:uppercase;
font-weight:500;
margin:0px 0px 5px 0px;
color:#939598;
}

.moduleItemsListingTheLatest .date
{
font-size:12px;

font-weight:400;
margin:0px 0px 5px 0px;
color:#939598;
}


/***************News Details ****************/

.moduleDetailWrapperTheLatest
{
float: left;
position: relative;
width:100%;
}

.moduleItemTheLatest
{
float: left;
position: relative;
width:70%;
}

.moduleItemTheLatest .title
{
float: left;
position: relative;
width:100%;
padding:0px 0px 5px 0px;
margin: 15px 0px 10px;
color:#ff3300;
font-weight:300;
font-size: 22px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
border-bottom:none;
}


.moduleItemTheLatest .date
{
float: left;
position: relative;
width:100%;
padding:0px 0px 0px 0px;
margin: 0px 0px 10px;
color:#808184;
font-weight:300;
font-size: 12px;
}


/**********Site Search************/

.siteSearchContainer
{
position: relative;
float: right;
top: 10px;
right: 10px;
z-index:2000;
}

.searchLabel
{
display: none;
}

.siteSearchInput
{
width: 225px;
height: 34px;
font-size: 16px;
padding: 0px 0px 0px 15px;
border: 1px solid #e4e4e5;
color: #FFF;
text-align: left;
background: none;
font-family: 'Roboto', sans-serif;
font-weight:300;
}

.siteSearchSubmit
{
position: absolute;
top: 10px;
right: 15px;
background: url(http://www.thegym.co.nz/images/style/search_icon.png) top left no-repeat;
border:none;
width:19px;
height:19px;
cursor:pointer;
}

.siteSearchSubmit:hover
{
top: 10px;
background: url(http://www.thegym.co.nz/images/style/search_icon.png)0px 1px no-repeat;
}

/********************************/


#facebook
{
float: left;
position: relative;
margin: 10px 0px 20px;
width: 120px;
}



#twitter

{
float: left;
position: relative;
margin: 10px 0px 20px;
width: 95px;
}

.pinterest
{
float: left;
position: relative;
margin: 10px 0px 20px;
width: 62px;
}

#plusone
{
float: left;
position: relative;
margin: 10px 0px 20px;
width: 100px;
}


/* FAQs */

#faqItems
{
float: left;
position: relative;
margin: 20px 0px 0px;
}

.faqItem
{
margin: 8px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #efefef;
}


.faqItem a.button
{
text-decoration: none;
font-weight: normal;
font-size: 18px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-transform: none;
color: #656565;
transition: 0.2s all;
}

.faqItem .question a.button:hover
{
color: #ff3300;
}

.faqItem .answer
{
margin: 0px 0px 0px 10px;
font-style: italic;
}

body {
  counter-reset: my-awesome-counter;
}

.faqItem .question {
padding: 0px 0px 0px 35px;
  counter-increment: my-awesome-counter;
}

.faqItem .question:before {
position: relative;
top: -3px;
color: #ff3300;
margin: 0px 10px 10px -30px;
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 11px;
text-align: center;
border-radius: 100%;
border: 1px solid #ff3300;
content: counter(my-awesome-counter);










}



/*---- Calendar Elements -----------------*/

.calendar .navCalendarViewLinks
{
position: absolute;
top: 20px;
right: -20px;
width: 200px;
text-align: left;
font-size: 12px;
line-height: 20px;
z-index: 10;
}

.calendar .navCalendarViewLinks span
{
display: none;
}


.calendar .navCalendarViewLinks a
{
display: block;
float: left;
height: 37px;
color: #4177A6;
font-size: 11px;
}

.calendar .navCalendarViewLinks a.bimonthly,
.calendar .navCalendarViewLinks a.monthly,
.calendar .navCalendarViewLinks a.weekly
{
width: 60px;
line-height: 37px;
padding: 0px 0px 0px 30px;
background: url(http://www.thegym.co.nz/images/icons/icon_list_view.jpg) 0px 6px no-repeat;
}

.calendar .navCalendarViewLinks a.calendar
{
width: 60px;
line-height: 37px;
padding: 0px 0px 0px 30px;
background: url(http://www.thegym.co.nz/images/icons/icon_calendar_view.jpg) 0px 6px no-repeat;
}

.calendar .navCalendarViewLinks a.selected
{
color: #322F31;
}

.calendar .navCategoryLinks
{
position: relative;
float: right;
width: 30%;
height: 30px;
text-align: right;
font-size: 11px;
line-height: 20px;
background: #A3DDF2;
color: #FFF;
margin: 30px 0px 30px 0px;
}

.calendar .navCategoryLinks select
{
position: relative;
float: right;
top: 4px;
right: 0px;
margin: 0px 12px 0px 0px;
padding: 2px;
border: 1px solid #ccc;
width: 160px;
font-size: 11px;
background: #ffff;
}

.calendar #navDateLinks
{
position: relative;
float: left;
width: 70%;
height: 30px;
line-height: 30px;
font-weight: bold;
text-indent: 20px;
color: #FFF;
font-size: 14px;
text-transform: uppercase;
background: #A3DDF2 url(http://www.thegym.co.nz/images/icons/white_arrow.png) left center no-repeat;
margin: 30px 0px 0px 0px;
}

.calendar #navDateLinks a
{
font-weight: bold;
text-indent: 15px;
color: #6FB3CC;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
}

.calendar #calendarTable
{
border:1px solid #eee;
margin: 10px 0px;
}

.calendar #calendarTable TD{
height:60px;
border:1px solid #eee;
vertical-align:top;
background-color:#fff;
}

.calendar #calendarTable TD.blank{ background: #f7f7f7; }

.calendar #calendarTable TD DIV.mday{
text-align:right;
color:#322F31;
font-weight:bold;
font-size:8pt;
}

.calendar .calendarBullets {
color:#AC9B8C;
}

.calendar #calendarTable TD.calendarHeader  {
width:14%;
background-color:#6FB3CC;
font-size:8pt;
padding:4px;
text-align:center;
height:auto;
color: #FFFFFF;
}

.calendar #calendarTable TD.long{ width:15%; }

.calendar #calendarTable TD{ font-size:7pt;overflow:visible; }

.calendar #calendarItems
{
float: left;
position: relative;
width: 100%;
}

.calendar #calendarItems .calendarItem
{
float: right;
position: relative;

width: 97%;
margin: 10px 0px 0px;
border-bottom: 1px solid #ccc;
}

.calendar #calendarItems .calendarItem .title
{
float: left;
position: relative;
width: 73%;
padding: 13px 0px 0px;
margin: 0;
font-weight: bold;
}

.calendar #calendarItems .calendarItem .date
{
float: left;
position: relative;
width: 21%;
padding: 13px 0px;
font-weight: bold;
}

.calendar #calendarItems .calendarItem .content
{
float: left;
position: relative;
width: 73%;
margin: 0px 0px 0px 143px;
padding: 0px 0px 15px 0px;
}

.calendar #calendarItems .calendarItem .content p
{
margin: 0px 0px 10px;
padding: 0;
}



/* Document Library Styles */

#documentLibraryItems
{
border: 1px solid #a7a7a7;
float: left;
width: 554px;
position: relative;
margin: 20px 0px 0px 0px;
}

.documentLibraryItem
{
float: left;
position: relative;
width: 554px;
background: #efefef;
padding: 0px 0px 5px 0px;
}

.documentLibraryItem .title
{
float: left;
position: relative;
width: 304px;
display: inline-block;
padding: 5px;
color: #656565;
}

.documentLibraryItem .size
{
float: left;
position: relative;
width: 100px;
padding: 5px;
color: #656565;
}

.documentLibraryItem .icon
{
float: left;
position: relative;
width: 120px;
padding: 5px;
}

.documentLibraryItem .icon img
{
margin: 0px 0px -3px 0px;
}

.documentLibraryItem.heading

{
background: #ddd;
color: #FFF;
}

.documentLibraryItem.heading .title
{
padding-bottom: 0px;
}

.documentLibraryItem.heading .size
{
padding-bottom: 0px;
}

.documentLibraryItem.heading .icon
{
padding-bottom: 0px;
}

.documentLibraryItem .description
{
float: left;
position: relative;
width: 544px;
padding: 0px 0px 0px 20px;
color: #666;
}

.document_library #categoryNavigation select
{
padding: 3px;
border: 1px solid #ccc;
font-size: 11px;
min-width: 200px;
margin: 10px 0px 0px 0px;
}


/* -------------------- Find a gym (Contacts)----------- */

.contactsIntro
{
margin: 15px 0px 15px 0px;
}

#contactsTable
{
margin: 15px 0px 0px 0px;
}

.contactsTable p
{
margin: 0px 0px 0px 0px;
}


.contactsTable TD{
vertical-align:top;
padding: 2px;
}

.contactsTable .label{
white-space: nowrap;
padding-right: 10px;
width: 125px;
font-weight: bold;

}

#contactsTable select,
#contactsTable input
{

width: 210px;
font-size: 11px;
border: 1px solid #525252;
}

#contactsTable input
{
width: 164px;
}

#contactsTable .contactsSearchButton
{
border: none;
cursor: pointer;
display: inline-block;
float: right;
position: relative;
width: 75px;
height: auto;
right: 280px;
line-height: auto;
padding: 4px 0px;
font-size: 11px;
text-align: center;
text-transform: uppercase;
color: #656565;
text-decoration: none;
background: none;

}

#contactsTable .contactsSearchButton:hover
{
margin: 2px 0px -2px;
}

p.contactsRegionHeader
{

margin: 10px 0px 0px;
font-size: 16px;
font-weight: normal;

text-transform: uppercase;
color: #6FB3CC;

}
p.contactsCountryHeader
{
font-weight: bold;
font-size: 16px;
margin-bottom: 0px;

}


td.contactsContactHeader
{
padding: 15px 0px 5px;
font-size: 14px;
font-weight: bold;
text-transform: capitalize;
color:#00B4E4;
}






/* Form Element (Email, newsletter, competition, survey) Styling ------------------------*/


#emailForm,
#subscribeForm,
#surveyTable,
#alertForm,
#registrationForm
{
float: left;
width: 97%;
background: #FFF;
border: none;
padding: 10px;
margin: 0px 0px 30px 0px;
}

#emailForm{
width: 90%;
}

#emailForm td.labelHorizontal,
#subscribeForm td.labelHorizontal,
#surveyTable td.labelHorizontal,
#alertForm td.labelHorizontal,
#registrationForm  td.labelHorizontal



{
width: 45%;
vertical-align: top;
color: #6d6e71;
padding: 0 5% 0 0 ;
}

#emailForm td.valueHorizontal,
#subscribeForm td.valueHorizontal,
#surveyTable td.valueHorizontal,
#alertForm td.valueHorizontal,
#registrationForm  td.valueHorizontal
{
width: 50%;
vertical-align: top;

text-align: left;
}

#emailForm td.valueHorizontal .fgroup,
#subscribeForm td.valueHorizontal .fgroup,
#surveyTable td.valueHorizontal .fgroup,
#alertForm td.valueHorizontal  .fgroup,
#registrationForm  td.valueHorizontal  .fgroup
{
font-size: 11px;
}

span.fieldNumber
{
font-weight: bold;
margin: 0px 10px 0px 0px;
color:  #65a8c1;
}

span.required
{
font-weight: bold;
color:  #ff3300;

}

table.ftable td{ vertical-align:top; padding:4px;}
table.ftable td.flabel{ text-align:right;padding-right:10px; }
table.ftable td.fvalue{ text-align:left; }
table.ftable td.fcolumn{ text-align:center; }

input.ftxt, input.fmtxt, input.fstxt,input.fdate,textarea.fmtxt
{
font-family:arial,helvetica,sans-serif;
background: #FFF;
border: 1px solid #dcdcdc;
font-size: 12px;
width:350px;
padding: 6px;
color:#6d6e71;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


textarea.fmtxt:hover,
textarea.fmtxt:focus,
input.ftxt:hover,
input.ftxt:focus,
input.fmtxt:hover,
input.fmtxt:focus,
input.fstxt:hover,
input.fstxt:focus,
input.fdate:hover,
input.fdate:focus
{
border: 1px solid #6d6e71;
}

input.fdate{width:150px; }
input.fstxt{width:50px; }




select.fsel,select.fseldate
{

background: #fff;
border: 1px solid #ccc;
font-size: 11px;
padding: 4px;
width:300px;
margin: 0px 3px 0px 0px;
}
select.fseldate{ width:auto; }

select.fseldate:hover,
select.fseldate:focus,
select.fseldate:hover,
select.fseldate:focus
{
border: 1px solid #65a8c1;
}

.buttonBar, .buttonPanel {text-align: right;padding: 15px 0px 0px 0px;}

.buttonBar input, input.fsub
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 12px;
font-weight: 400;
margin: 0px 0 0px;
padding: 5px 10px!important;
text-decoration: none;
text-transform: uppercase;
width:80px;
border:none!important;
transition: all 0.5s ease-in;
}


.buttonBar input:hover,
input.fsub:hover
{
background: #7F7F7F;
color: #FFF;
transition: all 0.5s ease-in;
}

.msg
{
color: #FF0000;
margin: 10px 0px;
font-style: italic;
}

.finlinehelp
{
display: none;
}

#emailForm .reset,
#subscribeForm .reset,
#surveyTable .reset,
#alertForm .reset,
#registrationForm .reset
{
display: none;
}

/* Site Search ----------------------------------*/

.siteSearch span
{
font-size: 14px;
font-weight: 300;
}

.siteSearch input.fsub
{
border: 1px solid #d8dadd;
font-size: 12px;
margin: 0px 3px 10px;
padding: 2px 6px;
cursor: pointer;
}


.siteSearch input.textInput
{
font-size: 12px;
border: 1px solid #d8dadd;
padding: 5px 6px;
}

#searchResultDescription
{
margin: 0px 0px 10px;
}

#searchResultItems .searchResultItem
{
margin:0px 0px 0px 0px;
}

#searchResultItems .title
{

}

#searchResultItems .description
{
margin:0px 0px 0px 0px;
}

.sitesearch #groupClasses
{
display:none;
}

a#pull
{
display:none;

}





/**********************My membership****************************/

#gymMaster
{
float: left;
position: relative;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
}

#gmbooking_home
{
float: left;
position: relative;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left!important;
min-height:270px;
}

#gymMaster #gmbooking_createaccount
{
position:absolute;
bottom:30px;
left:0px;
margin:0px 0px 0px 0px;
padding:15px 5px 0px 0px;
width:42%;
border-right:none;
height:56px;
}


#gymMaster #gmbooking_createaccount .col-md-4
{
width:65%;
font-weight: 400;
margin: 0px 0px 0px -60px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}

#gymMaster #gmbooking_recoverpassword h2
{
width:65%;
font-weight: 400;
margin: 20px 0px 0px -125px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;

}


#recoverpassform .control-label,
#gymMaster #gmbooking_createaccount .col-md-4 label
{
font-weight: 400;
margin: 0;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
font-size:16px;
}


#gymMaster #gmbooking_createaccount .col-md-2 #signupbutton
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 3px 10px 4px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
float:right;
box-shadow:none;
}

#recoverpassform div
{

}

#recoverpassform .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 20px 10px 0px 0px;
padding: 3px 10px 4px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
float:left;
box-shadow:none;
display:inline-block;
}



#recoverpassform .form-group .control-label
{
float: left;
position: relative;
width:8%;
margin:0px 0px 0px 0px;
}


#recoverpassform .col-sm-8
{
width:90%;
}





#recoverpassform #email
{
float: left;
position: relative;
width:50%;
margin:0px 0px 15px 0px;
border:1px solid #dcdcdc;
padding:10px 10px;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

/**********************************/

#gymMaster #gmbooking_makeenquiry
{
position:absolute;
bottom:30px;
right:120px;
width:50%;
height:46px;
margin:0px 0px 0px 0px;
padding:15px 5px 0px 0px;
height:56px;
}

#gymMaster #gmbooking_makeenquiry .col-md-4 label
{
font-weight: 400;
margin: 0;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
font-size:16px;
margin:0px 0px 0px -80px;
}


#gymMaster #gmbooking_makeenquiry .col-md-4
{
width:60%;
font-weight: 400;
margin: 0;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}


#gymMaster #gmbooking_makeenquiry .col-md-2 #enquirybutton
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 3px 10px 4px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
float:right;
box-shadow:none;

}

/*********Login**********/

#gymMaster #gmbooking_login
{
float: left;
position: relative;
width:100%;
margin:30px 0px 0px 0px;
border:1px solid #dcdcdc;
padding:20px 10px;
}

#gymMaster #gmbooking_login h3
{
margin: 0px 0px 25px;
color:#404041;
font-weight:300;
font-size: 22px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}

#gymMaster #gmbooking_login #gmbooking_loginform
{
float: left;
position: relative;
width:100%;

}

#gymMaster #gmbooking_login #gmbooking_loginform br
{
display:none!important;
}

#gymMaster #gmbooking_login #gmbooking_loginform .form-group
{
float: left;
position: relative;
width:32%;
margin: 0px 0px 0px 0px;
padding:0px;
}


#gymMaster #gmbooking_login #gmbooking_loginform .form-group .col-sm-4
{
font-weight: 400;
margin: 0px 0px 0px 0px;
padding:0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
width:22%;
line-height:30px;
font-size:16px;
color:#6d6e71;

}

#gymMaster #gmbooking_login #gmbooking_loginform .form-group label
{
font-weight: 400;
margin: 0;
padding:0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
width:22%;

}


#gymMaster #gmbooking_login #gmbooking_loginform .form-group input
{
margin: 0;

padding:0px 5px;
border:1px solid #dcdcdc;
width:100%;
box-shadow:none;
}

#gymMaster #gmbooking_login #gmbooking_loginform .form-group input:focus,
#gymMaster #gmbooking_login #gmbooking_loginform .form-group input:hover
{
border:1px solid #585858;
}



#gymMaster #gmbooking_login #gmbooking_loginform .pull-right
{
margin:2px 0px 0px 0px;
z-index:2000!important;
}


#gymMaster #gmbooking_login #gmbooking_loginform .pull-right input
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:20px;
font-weight: 400;



margin: 0;
padding: 4px 10px 4px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
transition: all 0.5s ease-in;
}


#gymMaster #gmbooking_login #gmbooking_loginform .pull-right input:hover
{
background:rgba(0,0,0,0.5);
color: #fff;
transition: all 0.5s ease-in;
}

#gymMaster #gmbooking_login #gmbooking_loginform .pull-right input#loginform-button
{
background:rgba(0,0,0,0.5);
transition: all 0.5s ease-in;
margin-left:3px;
}

#gymMaster #gmbooking_login #gmbooking_loginform .pull-right input#loginform-button:hover
{
background: #ACACAC;
transition: all 0.5s ease-in;
}

/***************Account Summary**********************/

#gymMaster #gmbooking_accountpage h2
{
width:100%;
font-weight: 400;
margin: 20px 0px 0px 0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}



#gymMaster #gmbooking_accountpage .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
}

/*****************User Information*******************/

#gymMaster #gmbooking_updateuserinfo h2
{
width:65%;
font-weight: 400;
margin: 20px 0px 20px -134px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}

#gymMaster #gmbooking_updateuserinfo #editmemberform label
{
float:left;
width:22%;
box-shadow:none;
text-align:left;
font-weight:300;
}

#gymMaster #gmbooking_updateuserinfo input.form-control
{
margin: 0;
padding:0px 5px;
border:1px solid #dcdcdc;
width:100%;
box-shadow:none;
}

#gymMaster #editmemberform .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
float:;
}

/******************Class bookings******************/

#gymMaster #gmbooking_classbookings
{
text-align:left;
}

#gymMaster #gmbooking_classbookings h2
{
width:65%;
font-weight: 400;
margin: 20px 0px 20px 0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}

#gymMaster #gmbooking_classbookings .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
float:;
}

/******************Purchase a Concession or a Membership******************/

#gymMaster #gmbooking_addnewmembership
{
text-align:left;
}

#gymMaster #gmbooking_addnewmembership h2
{
width:100%;
font-weight: 400;
margin: 20px 0px 20px -px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}

#gymMaster #gmbooking_addnewmembership .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
float:;
}

/*****************signup*******************/

#gymMaster #gmbooking_signup
{
text-align:left;
}

#gymMaster #gmbooking_signup h2
{
width:65%;
font-weight: 400;
margin: 20px 0px 20px 0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}

#gymMaster #gmbooking_signup #signupform label
{
float:left;
width:22%;
box-shadow:none;
text-align:left;
font-weight:300;
}

#gymMaster #gmbooking_signup #signupform input.control-label
{
margin: 0;
padding:0px 5px;
border:1px solid #dcdcdc;
width:100%;
box-shadow:none;



}

#gymMaster #gmbooking_signup #signupform .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
float:;
}

/*****************signup*******************/

#gymMaster #gmbooking_enquiry
{
text-align:left;
}

#gymMaster #gmbooking_enquiry h2
{
width:65%;
font-weight: 400;
margin: 20px 0px 20px 0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}

#gymMaster #gmbooking_enquiry label
{
float:left;
width:22%;
box-shadow:none;
text-align:left;
font-weight:300;
}

#gymMaster #gmbooking_enquiry input.form-control
{
margin: 0;
padding:0px 5px;
border:1px solid #dcdcdc;
width:100%;
box-shadow:none;
}

#gymMaster #gmbooking_enquiry .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
float:;
}

/***************Personal Trainers listing *********************/

.moduleListingWrapperPersonalTrainers
{
float: left;
position: relative;
}

.moduleItemsListingPersonalTrainers
{
float: left;
position: relative;
width:100%;
margin:10px 0px;

}


.moduleItemsListingPersonalTrainers .moduleItemsListingItem
{
float: left;
position: relative;
border:1px solid #dcdcdc;
width:28%;
margin-right:22px;
margin-bottom:25px;
padding:10px;
transition: all 0.5s ease-in;
}

.moduleItemsListingPersonalTrainers .moduleItemsListingItem:hover
{
border:1px solid #ff3300;
transition: all 0.5s ease-in;
}

/**********
.moduleItemsListingPersonalTrainers .moduleItemsListingItem a#overlay
{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
}
*****************/

.moduleItemsListingPersonalTrainers .moduleItemsListingItem .moduleItemImage
{
margin-bottom:10px;
display:none;
}


.moduleItemsListingPersonalTrainers .moduleItemsListingItem .header
{
font-size:18px;
font-weight:600;
color:#404041;
}

/***************Personal Trainers Details*********************/

.moduleDetailWrapperPersonalTrainers
{

}

.moduleDetailWrapperPersonalTrainers #pageSource
{
display:none;
}

.moduleItemPersonalTrainers
{
float: left;
position: relative;
width:100%;
margin:10px 0px;
}


.moduleItemPersonalTrainers .moduleItemImage
{
float: right;
position: relative;
margin-left:50px;
margin-bottom:30px;
border:none;
margin-top:5px;
padding:10px;
display:none;
}

.moduleItemPersonalTrainers .title
{
margin: 15px 0px;
color:#ff3300;
font-weight:300;
font-size: 22px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}


/*********************Class Descriptions Listing*******************************/

.moduleItemsListingClassDescriptions
{
float: left;
position: relative;
width:100%;
margin-left:12px;
margin-top:40px;
}


.moduleItemsListingClassDescriptions .moduleItemsListingItem
{
float: left;
position: relative;
width:47%;
height:68px;
padding:10px 0px;
border:1px solid #FFF;
margin:0px 20px 20px 0px;
border:1px solid #dedede;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

}


.moduleItemsListingClassDescriptions .moduleItemsListingItem .moduleItemImage
{
display:none;
}


.moduleItemsListingClassDescriptions .moduleItemsListingItem .header
{
display:none;
}

.moduleItemsListingClassDescriptions .moduleItemsListingItem.item72,
.moduleItemsListingClassDescriptions .moduleItemsListingItem.item71
{
border:1px solid #dedede;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.moduleItemsListingClassDescriptions .moduleItemsListingItem.item72 .header,
.moduleItemsListingClassDescriptions .moduleItemsListingItem.item71 .header

{
display:block;
font-size:48px;
text-transform:uppercase;
padding:0px 20px;
font-weight:bold;
text-align:center;
}


.moduleItemsListingClassDescriptions .moduleItemsListingItem .moduleItemContent
{
display:none;
}

.moduleItemsListingClassDescriptions .moduleItemsListingItem span
{
float: left;
position: relative;

width:100%;
height:100%;


}


.moduleItemsListingClassDescriptions .moduleItemsListingItem.item63 span
{
background: url(http://www.thegym.co.nz/images/style/bodyPump.jpg) center center no-repeat;
}

.moduleItemsListingClassDescriptions .moduleItemsListingItem.item64 span
{
background: url(http://www.thegym.co.nz/images/style/bodyCombat.jpg) center center no-repeat;

}

.moduleItemsListingClassDescriptions .moduleItemsListingItem.item65 span
{
background: url(http://www.thegym.co.nz/images/style/bodyBalance.jpg) center center no-repeat;
}

.moduleItemsListingClassDescriptions .moduleItemsListingItem.item66 span
{
background: url(http://www.thegym.co.nz/images/style/rpm.jpg) center center no-repeat;
}

.moduleItemsListingClassDescriptions .moduleItemsListingItem.item67 span
{
background: url(http://www.thegym.co.nz/images/style/bodyAttack.jpg) center center no-repeat;

}

.moduleItemsListingClassDescriptions .moduleItemsListingItem.item68 span
{
background: url(http://www.thegym.co.nz/images/style/bodyStep.jpg) center center no-repeat;
}

.moduleItemsListingClassDescriptions .moduleItemsListingItem.item69 span
{
background: url(http://www.thegym.co.nz/images/style/bodyJam.jpg) center center no-repeat;
}

.moduleItemsListingClassDescriptions .moduleItemsListingItem.item70 span
{
background: url(http://www.thegym.co.nz/images/style/grit.jpg) center center no-repeat;
}


.moduleItemsListingClassDescriptions .moduleItemsListingItem.item71 span
{
display:none;
}

.moduleItemsListingClassDescriptions .moduleItemsListingItem.item72 span
{
display:none;
}

/*******************Class Descriptions Details***********************/


.moduleItemClassDescriptions
{
float: left;
position: relative;
width:100%;
margin-top:20px;
}


.moduleItemClassDescriptions #moduleItemContent63 .title,
.moduleItemClassDescriptions #moduleItemContent64 .title,
.moduleItemClassDescriptions #moduleItemContent65 .title,
.moduleItemClassDescriptions #moduleItemContent66 .title,
.moduleItemClassDescriptions #moduleItemContent67 .title,
.moduleItemClassDescriptions #moduleItemContent68 .title,
.moduleItemClassDescriptions #moduleItemContent69 .title,
.moduleItemClassDescriptions #moduleItemContent70 .title
{
display:none;
}

.moduleItemClassDescriptions #moduleItemContent71 #multipleImageContainer,
.moduleItemClassDescriptions #moduleItemContent72 #multipleImageContainer
{
display:none;
}

.moduleItemClassDescriptions #moduleItemContent71 .title,
.moduleItemClassDescriptions #moduleItemContent72 .title
{
font-size:30px;
text-transform:uppercase;
font-weight:600;
margin-bottom:0px;
}

.moduleItemClassDescriptions span.classLogo
{
float: left;
position: relative;
height:56px;
width:100%;
margin-bottom:0px;
}



.moduleItemClassDescriptions #multipleImageContainer
{
float: left;
position: relative;
width:100%;
margin-top:25px;
margin-bottom:25px;
}


.moduleItemClassDescriptions #moduleItemContent63 span
{
background: url(http://www.thegym.co.nz/images/style/bodyPumpSmall.jpg) 0px 0px no-repeat;
}

.moduleItemClassDescriptions #moduleItemContent64 span
{
background: url(http://www.thegym.co.nz/images/style/bodyCombatSmall.jpg) 0px 0px no-repeat;
}

.moduleItemClassDescriptions #moduleItemContent65 span.classLogo
{
background: url(http://www.thegym.co.nz/images/style/bodyBalanceSmall.jpg) 0px 0px no-repeat;
}


.moduleItemClassDescriptions #moduleItemContent66 span.classLogo
{
background: url(http://www.thegym.co.nz/images/style/rpmSmall.jpg) 0px 0px no-repeat;
}

.moduleItemClassDescriptions #moduleItemContent67 span.classLogo
{

background: url(http://www.thegym.co.nz/images/style/bodyAttackSmall.jpg) 0px 0px no-repeat;
}

.moduleItemClassDescriptions #moduleItemContent68 span.classLogo
{
background: url(http://www.thegym.co.nz/images/style/bodyStepSmall.jpg) 0px 0px no-repeat;
}

.moduleItemClassDescriptions #moduleItemContent69 span.classLogo
{
background: url(http://www.thegym.co.nz/images/style/bodyJamSmall.jpg) 0px 0px no-repeat;
}

.moduleItemClassDescriptions #moduleItemContent70 span.classLogo
{
background: url(http://www.thegym.co.nz/images/style/gritSmall.jpg) 0px 0px no-repeat;
}

.moduleItemClassDescriptions #moduleItemContent72 span.classLogo,
.moduleItemClassDescriptions #moduleItemContent71 span.classLogo
{
display:none;
}

/*******************Time Table********************************/

table.timetable
{
margin-top:30px;
border:1px solid #f3f3f3;
border-collapse:collapse;
}

table.timetable h3
{
font-weight:600;
}

table.timetable td
{
padding:10px 0px;
text-align:center;
border:1px solid #f3f3f3;

}

table.timetable td.fullWidth
{
font-weight:600;
background:#f6f6f6;
}


/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/


@media screen and (max-width: 1100px) {




/*------------ Main Containers ---------------------------------------*/


.container
{
margin: 0px auto;
width: 1000px;
}

.bgContainer
{
width: 1000px;;
height: auto;
}

body
{
min-width:1000px;
max-width:100%;
/*background: 100% width tile here */
}

#wrap
{
min-height: 100%;
width: 100%;
/*background: 100% height tile here */
}

#main
{
padding-bottom: 260px ; /* must be same height as the footer */
}

#header
{
width:100%;
height:120px;
min-width:1000px;
margin-top:0px;

}

#header.stuck
{
margin-top:0px;
}

#header .container
{

}

#header .bgContainer
{
height:120px;
}

#home #content
{
min-height: 400px;
}

#content
{
width: 1000px;
min-height: 500px;
}

#centerCol
{
width: 1000px;
min-height: 400px;
}

#default #centerCol
{
width: 1000px;
min-height: 500px;
margin: 0px 0px 40px 0px;
}

#leftCol
{
width: 250px;
min-height: 400px;
margin: 0px 0px 0px 0px;
padding:0px;
}

#rightCol
{
width:26.0%;
min-height: 400px;
margin-right:20px;
}


#footer {
width: 100%;
margin: -330px 0px -12px 0px;
height: 330px;
}

#footer .container
{
margin: 0 auto;
width: 1000px;
}

#footer .bgContainer
{
width: 1000px;
height: 330px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}



/*------------ Module/Element Specific Rules ---------------------------------------*/


/******* Header Elements ***********/


#header a.logo
{
float: left;
position: relative;
margin: 20px 0px 0px 20px;
}



/* Header Navigation */

#header #navigation
{
top: 80px;
left: 0px;
width: 100%;
height: 48px;
margin: 0px;
}

#header #navigation ul li ul
{
top: 40px;

}

#header #navigation ul li a
{
padding: 0px 18px;
margin: 0px;
}

/******* Home Slides ***********/
#homeSlides
{
height:385px;
}

.moduleComponentContainerhomeHeaderImage .moduleComponenthomeHeaderImage .bannerHtmlContent p
{
margin:18px 0px 0px 20px;
}


/******* Home Callouts Container ***********/

.moduleComponentContainerhomeCallouts
{
margin: 8px 0px 0px 0px;
width:106%;
overflow:hidden;

}



.moduleComponentContainerhomeCallouts .moduleComponenthomeCallouts
{
width:46.2%;
overflow:hidden;

}


.moduleComponentContainerhomeCallouts .moduleComponenthomeCallouts .bannerHtmlContent
{
bottom:0px;

margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
}

.moduleComponentContainerhomeCallouts .moduleComponenthomeCallouts .bannerHtmlContent p
{
margin:0px 0px 0px 0px;
padding:0px 20px 10px 20px;

}

/* -----Home page News Feed Styling ----------------------------*/


.moduleComponenttheLatest .componentItem .moduleItemImage
{
overflow:hidden;
}


/*****************Group Classes************************/
.moduleComponentgroupClasses .componentItem .title
{
text-indent:25px;
}

.moduleComponentgroupClasses .componentItem .title span#rightArrow
{
right:15px;
top:14px;
width:16px;
height:8px;
padding:0px 0px;
}

/*****************Our Special Offer******************************/


.moduleComponentContainerourSpecialOffer
{
margin:0px 0px 20px 0px;
overflow:hidden;
}

.moduleComponentContainerourSpecialOffer .bannerHtmlContent
{

}

.bannerImageContainer

{

}

.moduleComponentContainerourSpecialOffer .bannerImageContainer img
{
width:100%;
height:auto;
}

/****************************/


.siteSearchContainer
{
top: 10px;
right: 20px;
}


/******* Page Editor Container ***********/

#pageEditorContent
{
width: 658px;
padding: 0px;
margin: 0px 0px 0px 20px;
transition: all 0.5s ease-in;
}

#default #pageEditorContent
{
margin: 0px 0px 0px 20px;
width: 658px;
}

#default.theLatest #pageEditorContent
{
float: left;
position: relative;
width: 1000px;
padding: 0px;
margin: 0px 0px 0px 0px;
border:none;
}


#default.theLatest #pageEditorContent #pageSource
{
width: 638px;
margin: 0px 0px 0px 20px;
}


#default #pageEditorContent .moduleItemImage img
{
margin: 0px 0px 0px 0px;
width: 100%!important;
height:auto!important;
}


#default #pageEditorContent img
{
margin: 0px 0px 0px 0px;
width: 48%!important;
height:auto!important;

}


.theLatest #pageEditorContent h1 {
width: 638px;
margin: 0px 0px 0px 20px;
}


/******************The Latest *********************/


.moduleListingWrapperTheLatest .moduleItemsListingTheLatest
{
width: 1000px;
margin: 0px 0px 0px 20px;
}


.moduleListingWrapperTheLatest .moduleItemsListingTheLatest
{
width: 638px!important;
margin: 30px 0px 0px 20px;
}


.moduleItemsListingTheLatest .moduleItemContent
{
width:48%;
}


.moduleItemTheLatest
{
width:63%;
margin-left:20px;
}

.moduleItemsListingClassDescriptions
{

}


.moduleItemsListingClassDescriptions .moduleItemsListingItem
{
width:46%;
}

.moduleItemClassDescriptions #multipleImageContainer
{
float: left;
position: relative;
width:;
}

.moduleItemClassDescriptions #multipleImageContainer .html5gallery
{
float: left;
position: relative;
width:655px!important;
height:520px!important;
overflow:hidden;
}

.moduleItemClassDescriptions #multipleImageContainer .html5gallery .html5gallery-container-0
{
width:655px!important;
overflow:hidden;
height:520px;
}

.moduleItemClassDescriptions #multipleImageContainer .html5gallery .html5gallery-container-0 .html5gallery-box-0
{
width:655px!important;
overflow:hidden;
height:430px!important;
}

.moduleItemClassDescriptions #multipleImageContainer .html5gallery .html5gallery-container-0 .html5gallery-box-0 .html5gallery-elem-0
{
width:655px!important;
overflow:hidden;
height:430px!important;
}

.moduleItemClassDescriptions .html5gallery-car-0
{
position: absolute!important;
top:450px!important;
width:630px!important;
}

.moduleItemClassDescriptions .html5gallery-car-mask-0
{
width:630px!important;
}

.moduleItemClassDescriptions .html5gallery-thumbs-0
{
margin-left:70px;
}

.moduleItemClassDescriptions #multipleImageContainer .html5gallery img
{
width:100%!important;
}

#default #pageEditorContent .moduleItemClassDescriptions img
{
width:630px!important;

}

/***********Footer******************/

#footerMenuOne,
#footerMenuTwo,
#footerMenuThree
{
float: left;
position: relative;
width:30%;
margin-right:25px;
}

#footerMenuOne
{
margin-left:20px;
}


#copyright
{
margin:20px 0px 0px 20px;
}







/**********************My membership****************************/

#gymMaster
{
float: left;
position: relative;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
}

#gmbooking_home
{
float: left;
position: relative;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left!important;
min-height:300px;
}

#gymMaster #gmbooking_createaccount
{
position:absolute;
bottom:30px;
left:0px;
margin:0px 0px 0px 0px;
padding:15px 5px 0px 0px;
width:100%;
border-right:none;
height:56px;
}




#gymMaster #gmbooking_createaccount .col-md-4
{
width:100%;
font-weight: 400;
margin: 0px 0px 0px 0px;
}

#gymMaster #gmbooking_recoverpassword h2
{
width:65%;
font-weight: 400;
margin: 20px 0px 0px -51px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;

}



#gymMaster #gmbooking_createaccount .col-md-2 #signupbutton
{
position:absolute;
bottom:0px;
left:140px;
font-weight: 400;
margin: 5px 0px 0px;
padding: 3px 10px 4px;
float:right;
}



#recoverpassform .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 20px 10px 0px 0px;
padding: 3px 10px 4px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
float:left;
box-shadow:none;
display:inline-block;
}



#recoverpassform .form-group .control-label
{
float: left;
position: relative;
width:8%;
margin:0px 0px 0px 0px;
}


#recoverpassform .col-sm-8
{
width:90%;

}

#recoverpassform #email
{
float: left;
position: relative;
width:50%;
margin:0px 0px 15px 0px;
border:1px solid #dcdcdc;
padding:10px 10px;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

/**********************************/

#gymMaster #gmbooking_makeenquiry
{
position:absolute;
bottom:30px;
right:-40px;
width:80%;
}

#gymMaster #gmbooking_makeenquiry .col-md-4 label
{
font-weight: 400;
margin: 0;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
font-size:16px;
margin:0px 0px 0px 0px;
}


#gymMaster #gmbooking_makeenquiry .col-md-4
{
width:60%;
font-weight: 400;
margin: 0;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}


#gymMaster #gmbooking_makeenquiry .col-md-2 #enquirybutton
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 3px 10px 4px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
float:right;
box-shadow:none;

}

/*********Login**********/

#gymMaster #gmbooking_login
{
float: left;
position: relative;
width:100%;
margin:30px 0px 0px 0px;
border:1px solid #dcdcdc;
padding:20px 10px;
}

#gymMaster #gmbooking_login h3
{
margin: 0px 0px 25px;
color:#404041;
font-weight:300;
font-size: 22px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}

#gymMaster #gmbooking_login #gmbooking_loginform
{
float: left;
position: relative;
width:100%;

}

#gymMaster #gmbooking_login #gmbooking_loginform br
{
display:none!important;
}

#gymMaster #gmbooking_login #gmbooking_loginform .form-group
{
float: left;
position: relative;
width:52%;
margin: 0px 0px 5px 0px;
padding:0px;
}


#gymMaster #gmbooking_login #gmbooking_loginform .form-group .col-sm-4
{
font-weight: 400;
margin: 0px 0px 0px 0px;
padding:0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
width:22%;
line-height:30px;
font-size:16px;
color:#6d6e71;

}

#gymMaster #gmbooking_login #gmbooking_loginform .form-group label
{
font-weight: 400;
margin: 0;
padding:0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
width:22%;

}


#gymMaster #gmbooking_login #gmbooking_loginform .form-group input
{
margin: 0;
padding:0px 5px;
border:1px solid #dcdcdc;
width:100%;
box-shadow:none;
}

#gymMaster #gmbooking_login #gmbooking_loginform .form-group input:focus,
#gymMaster #gmbooking_login #gmbooking_loginform .form-group input:hover
{
border:1px solid #585858;
}



#gymMaster #gmbooking_login #gmbooking_loginform .pull-right
{
margin:2px 0px 0px 0px;
z-index:2000!important;
}


#gymMaster #gmbooking_login #gmbooking_loginform .pull-right input
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:20px;
font-weight: 400;

margin: 0;
padding: 4px 10px 4px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
transition: all 0.5s ease-in;
}


#gymMaster #gmbooking_login #gmbooking_loginform .pull-right input:hover
{
background:rgba(0,0,0,0.5);
color: #fff;
transition: all 0.5s ease-in;
}

#gymMaster #gmbooking_login #gmbooking_loginform .pull-right input#loginform-button
{
background:rgba(0,0,0,0.5);
transition: all 0.5s ease-in;
margin-left:3px;
}

#gymMaster #gmbooking_login #gmbooking_loginform .pull-right input#loginform-button:hover
{
background: #ACACAC;
transition: all 0.5s ease-in;
}

/***************Account Summary**********************/

#gymMaster #gmbooking_accountpage h2
{
width:100%;
font-weight: 400;
margin: 20px 0px 0px 0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}



#gymMaster #gmbooking_accountpage .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
}

/*****************User Information*******************/

#gymMaster #gmbooking_updateuserinfo h2
{
width:65%;
font-weight: 400;
margin: 20px 0px 20px -134px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}

#gymMaster #gmbooking_updateuserinfo #editmemberform label
{
float:left;
width:22%;
box-shadow:none;
text-align:left;
font-weight:300;
}

#gymMaster #gmbooking_updateuserinfo input.form-control
{
margin: 0;
padding:0px 5px;
border:1px solid #dcdcdc;
width:100%;
box-shadow:none;
}

#gymMaster #editmemberform .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
float:;
}

/******************Class bookings******************/

#gymMaster #gmbooking_classbookings
{
text-align:left;
}

#gymMaster #gmbooking_classbookings h2
{
width:65%;
font-weight: 400;
margin: 20px 0px 20px 0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}

#gymMaster #gmbooking_classbookings .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
float:;
}

/******************Purchase a Concession or a Membership******************/

#gymMaster #gmbooking_addnewmembership
{
text-align:left;
}

#gymMaster #gmbooking_addnewmembership h2
{
width:100%;
font-weight: 400;
margin: 20px 0px 20px -px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}

#gymMaster #gmbooking_addnewmembership .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
float:;
}

/*****************signup*******************/

#gymMaster #gmbooking_signup
{
text-align:left;
}

#gymMaster #gmbooking_signup h2
{
width:65%;
font-weight: 400;
margin: 20px 0px 20px 0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}

#gymMaster #gmbooking_signup #signupform label
{
float:left;
width:22%;
box-shadow:none;
text-align:left;
font-weight:300;
}

#gymMaster #gmbooking_signup #signupform label
{
float:left;
width:22%;
box-shadow:none;
text-align:left;
font-weight:300;
}

#gymMaster #gmbooking_signup #signupform label.col-sm-10
{
float:left;
width:72%;
box-shadow:none;
text-align:left;
font-weight:300;
}

#gymMaster #gmbooking_signup #signupform input.control-label
{
margin: 0;
padding:0px 5px;
border:1px solid #dcdcdc;
width:100%;
box-shadow:none;

}

#gymMaster #gmbooking_signup #signupform .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
float:;
}

/*****************signup*******************/

#gymMaster #gmbooking_enquiry
{
text-align:left;
}

#gymMaster #gmbooking_enquiry h2
{
width:65%;
font-weight: 400;
margin: 20px 0px 20px 0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}

#gymMaster #gmbooking_enquiry label
{
float:left;
width:22%;
box-shadow:none;
text-align:left;
font-weight:300;
}

#gymMaster #gmbooking_enquiry input.form-control
{
margin: 0;
padding:0px 5px;
border:1px solid #dcdcdc;
width:100%;
box-shadow:none;
}

#gymMaster #gmbooking_enquiry .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
float:;
}


}



/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/



@media screen and (max-width: 450px) {


/*------------ Main Containers ---------------------------------------*/


.container
{
margin: 0px auto;
width: 320px;
}

.bgContainer
{
width: 320px;
height: auto;
}

body
{
max-width:320px;
min-width:100%;
/*background: 100% width tile here */
}

#wrap
{
min-height: 100%;
width: 100%;
/*background: 100% height tile here */
}

#main
{
padding-bottom: 260px ; /* must be same height as the footer */
}

#header
{
min-width:100%;
height:80px;
min-width:320px;
margin-top:0px;
}

#header.stuck
{
margin-top:0px;
}

#header .container
{
width:100%!important;
}

#header .bgContainer
{
width:100%;  
height:80px;
}

#home #content
{
min-height: 400px;
}


#content
{
width: 320px;
min-height: 320px;
}

#centerCol
{
width:310px;
min-height: 400px;
}

#default #centerCol
{
width: 310px;
min-height: 320px;
margin: 0px 0px 40px 0px;
}

#leftCol
{
float:left;
width: 250px;
min-height: 400px;
margin: 0px 0px 0px 0px;
padding:0px;
}

#rightCol
{
float:left;
width:300px;
min-height: 400px;
margin-left:0px!important;
padding:0px 10px;
}


#footer {
width: 100%;
margin: -845px 0px -12px 0px;
height: 845px;

}

#footer .container
{
margin: 0 auto;
width:320px;
}

#footer .bgContainer
{
width:320px;
height: 845px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}



/*------------ Module/Element Specific Rules ---------------------------------------*/


/******* Header Elements ***********/


#header a.logo
{
float: left;
position: relative;
margin: 10px 0px 0px 10px;
}



/* Header Navigation */

#header #navigation
{
display:block!important;
position: absolute;
top: 27px;
left:270px;
width:45px;
}


#header #navigation a#pull {
position: absolute;
top: 0px;
right: 10px;
display: inline-block;
width: 45px;
height: 45px;
background:none;
border-radius: 100%;
padding: 0;
}

#header #navigation a#pull:after {
content:"";
background: url(http://www.thegym.co.nz/images/style/nav-icon.png) center no-repeat;
background-size: 47% auto;
width: 45px;
height: 45px;
display: inline-block;
position: absolute;
right: 0px;
top: 0px;
}

#header #navigation {
border-bottom: 0;
}

#header #navigation ul {
display: none;
height: auto;
padding: 0;
margin: 0px 0px 0px 0px;
width: 100%;
position: absolute;
z-index: 100;

}

#header #navigation ul {
position: absolute;
top: 53px;
right:0px;
width:320px;
background:#5F6574;
background:rgba(0,0,0,0.8);
}

#header #navigation li {
display: block;
float: none;
width: 100%;
height: 30px;
line-height: 30px;
border:none!important;
border-right:none!important;
}
#header #navigation li a {
color: #FFF!important;
display: block;
font-size: 19px !important;
line-height: 42px!important;
text-decoration: none;
text-indent: 0px;
text-shadow: none;
font-weight: normal !important;
width:65%!important;
float:left;
text-align:left!important;
font-family: 'Roboto', sans-serif;
border:none!important;
border-right:none!important;
}

#header #navigation li a:hover {
background:none!important;
color: #fff !important;
}

#header #navigation ul li ul {

display:none!important;
}


#header #navigation ul li:hover ul {
position: absolute;
top: 0px;
left:0px;
width:304px!important;
background:none!important;
display:block!important;
background:#FFF;
}

#header #navigation ul li ul li {
width:100%;
background:#FFF!important;
}

#header #navigation li ul li a {
color: #000!important;
display: block;
font-size: 18px !important;
line-height: 30px!important;
height:33px!important;
text-decoration: none;
text-indent: 0px;
text-shadow: none;
font-weight: normal !important;
width:100%!important;
text-align:left!important;
border:none!important;
}


#header #navigation li ul li a:hover {
color: #000!important;
}


/******* Home Slides ***********/

#headerImage,
#homeSlides
{
display:none!important;
}



/******* Home Callouts Container ***********/

.moduleComponentContainerhomeCallouts
{
margin: 20px 0px 0px 0px!important;
width:300px;
overflow:hidden;
}



.moduleComponentContainerhomeCallouts .moduleComponenthomeCallouts
{
width:300px;
overflow:hidden;
margin:0px 0px 20px 10px!important;
}

.moduleComponentContainerhomeCallouts .moduleComponenthomeCallouts img
{
width:100%;
}

.moduleComponentContainerhomeCallouts .moduleComponenthomeCallouts .bannerHtmlContent
{
top:0px;
margin:0px 0px 0px 0px!important;
padding:0px 0px 0px 0px!important;
width:300px;
height:100%;
}

.moduleComponentContainerhomeCallouts .moduleComponenthomeCallouts .bannerHtmlContent h2.bannerTitle
{
margin:0px 0px 0px 0px;
padding:10px 20px 0px 20px;

}

.moduleComponentContainerhomeCallouts .moduleComponenthomeCallouts .bannerHtmlContent p
{

margin:0px 0px 0px 0px;
padding:5px 20px 10px 20px;

}

/* -----Home page News Feed Styling ----------------------------*/

#theLatest
{
width:290px;
margin-left:10px;
overflow:hidden;
}

.moduleComponenttheLatest .content
{
width:280px!important;
}

.moduleComponenttheLatest .componentItem .moduleItemImage
{

overflow:hidden;
width:100%;
margin-bottom:20px;
}


/*****************Group Classes************************/

.moduleComponentgroupClasses .componentItem .title
{
text-indent:25px;
}



.moduleComponentgroupClasses .componentItem .title
{
text-indent:25px;
}

.moduleComponentgroupClasses .componentItem .title span#rightArrow
{
right:15px;
top:14px;
width:16px;
height:8px;
padding:0px 0px;
}

/*****************Our Special Offer******************************/


.moduleComponentContainerourSpecialOffer
{
margin:0px 0px 20px 0px;
overflow:hidden;
}

.moduleComponentContainerourSpecialOffer .bannerHtmlContent
{

}

.bannerImageContainer
{

}

.moduleComponentContainerourSpecialOffer .bannerImageContainer img
{
width:100%;
height:auto;
}


/**************************/

#footerMenuTwo #subForm span#bottom,
#footerMenuTwo #subForm span#top
{
width:100%;
}

#footerMenuTwo #subForm button
{
float:right;
margin-right:10px!important;
}


/****************************/


.siteSearchContainer
{
display:none;
}


/******* Page Editor Container ***********/

#pageEditorContent
{
width: 320px;
padding: 0px;
margin: 0px 0px 0px 0px;
padding:0px;
transition: all 0.5s ease-in;
}

#default #pageEditorContent
{
margin: 10px 0px 0px 0px;
width: 290px;
padding:0px 10px;
}

#default.theLatest #pageEditorContent
{
float: left;
position: relative;
width: 300px;
padding: 0px;
margin: 0px 0px 0px 0px;
border:none;
}

#default.theLatest #pageEditorContent #pageSource
{
width: 290px;
margin: 0px 0px 0px 20px;
}


#default #pageEditorContent .moduleItemImage img
{
margin: 0px 0px 0px 0px;
width: 100%!important;
height:auto!important;
}


#default #pageEditorContent img
{
margin: 0px 0px 10px 0px;
width: 100%!important;
height:auto!important;
}



#default.our-people #pageEditorContent img
{
margin: 5px 0px 0px 0px;
width: 90%!important;
height:auto!important;
}


.theLatest #pageEditorContent h1 {
width: 290px;
margin: 10px 0px 0px 20px;
}


/******************The Latest *********************/



.moduleListingWrapperTheLatest .moduleItemsListingTheLatest
{
width: 438px!important;
margin: 30px 0px 0px 20px;
}

.moduleListingWrapperTheLatest .moduleItemsListingTheLatest .moduleItemImage
{
width: 100%!important;
margin: 0px 0px 10px 0px;
}


.moduleItemsListingTheLatest .moduleItemContent
{
width:100%;
}


.moduleItemTheLatest
{
width:100%;
margin-left:20px;
}


.moduleDetailWrapperTheLatest
{

}

#pageEditorContent #navBar
{
float:left;
border-bottom:1px solid #d8dadd;
border-top:1px solid #d8dadd;
width:97%;
margin-left:20px;
padding-top:10px;
}

/**************************************/

.personal-training #navBar
{
display:none;
}

.moduleListingWrapperPersonalTrainers
{
float: left;
position: relative;
width:300px!important;
}

.moduleListingWrapperPersonalTrainers .moduleItemsListingItem
{
float: left;
position: relative;
width:280px!important;
}

.moduleItemPersonalTrainers .moduleItemImage
{
float: left;
position: relative;
width:100%;
margin:0px 0px 20px 0px;
padding:0px;
}


/**********************************/
#default.timetable #pageEditorContent table.timetable
{
width:300px!important;
display:;
border:1px solid #FF0000!important;
}

#default.timetable #pageEditorContent table.timetable td
{
padding:1px!important;
font-size:8px!important;
}


#default.timetable #pageEditorContent table.timetable td p,
#default.timetable #pageEditorContent table.timetable td h3
{
font-size:8px!important;
padding:1px!important;
line-height:11px;
}

/**********************************/
.moduleListingWrapperTheLatest
{
float: left;
position: relative;
width:300px!important;
}

.moduleListingWrapperTheLatest .moduleItemsListingItem
{
float: left;
position: relative;
width:280px!important;
}

.moduleListingWrapperTheLatest .moduleItemImage
{
float: left;
position: relative;
width:100%;
margin:0px 0px 20px 0px;
padding:0px;
}


.moduleListingWrapperTheLatest .moduleItemsListingTheLatest
{
width:300px!important;
}

.moduleDetailWrapperTheLatest #navBar
{
border-top:none!important;
}

.moduleDetailWrapperTheLatest .moduleItemTheLatest
{
width:290px!important;
}


/***********************************/

.moduleItemsListingClassDescriptions
{
width:100%!important;
}

.moduleItemsListingClassDescriptions .moduleItemsListingItem
{
width:90%;
}


.moduleListingWrapperClassDescriptions #navBar
{
display:none!important;
}


.moduleItemsListingClassDescriptions .moduleItemsListingItem span
{
background-size: 90% auto!important;
}

.moduleItemClassDescriptions #multipleImageContainer
{
display:none;
}

.moduleItemClassDescriptions span.classLogo
{
margin-bottom:20px;
}

/**************************************/

.book-online #emailForm
{

}

.book-online input.ftxt,
.book-online input.fmtxt,
.book-online input.fstxt,
.book-online input.fdate,
.book-online textarea.fmtxt
{
width:120px;
}


/***********Footer******************/

#footerMenuOne,
#footerMenuTwo,
#footerMenuThree
{
float: left;
position: relative;
width:88%;
margin-right:25px;
}

#footerMenuOne,
#footerMenuTwo,
#footerMenuThree
{
margin-left:20px!important;
}


#copyright
{
margin:20px 0px 0px 20px;
width:88%;
}


/**********************My membership****************************/

#gymMaster
{
float: left;
position: relative;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
}

#gmbooking_home
{
float: left;
position: relative;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left!important;
min-height:500px;
}

#gymMaster #gmbooking_createaccount
{
position:absolute;
bottom:100px;
left:-10px;
margin:0px 0px 0px 0px;
padding:15px 5px 0px 0px;
width:100%;
border-right:none;
height:56px;

}




#gymMaster #gmbooking_createaccount .col-md-4
{
width:100%;
font-weight: 400;
margin: 0px 0px 0px 0px;

}

#gymMaster #gmbooking_recoverpassword h2
{
width:65%;
font-weight: 400;
margin: 20px 0px 0px 10px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
text-align:left;
}



#gymMaster #gmbooking_createaccount .col-md-2 #signupbutton
{
position:absolute;
bottom:0px;
left:180px;
font-weight: 400;
margin: 5px 0px 0px;
padding: 3px 10px 4px;
float:right;

}



#recoverpassform .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 20px 10px 0px 0px;
padding: 3px 10px 4px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
float:left;
box-shadow:none;
display:inline-block;
}



#recoverpassform .form-group .control-label
{
float: left;
position: relative;
width:8%;
margin:0px 0px 0px 0px;
}


#recoverpassform .col-sm-8
{
width:90%;

}

#recoverpassform #email
{
float: left;
position: relative;
width:50%;
margin:0px 0px 15px 0px;
border:1px solid #dcdcdc;
padding:10px 10px;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

/**********************************/

#gymMaster #gmbooking_makeenquiry
{
position:absolute;
bottom:60px;
right:10px;
width:100%;
}

#gymMaster #gmbooking_makeenquiry .col-md-4 label
{
font-weight: 400;
margin: 0;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
font-size:16px;
margin:0px 0px 0px 0px;
}


#gymMaster #gmbooking_makeenquiry .col-md-4
{
width:60%;
font-weight: 400;
margin: 0;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}


#gymMaster #gmbooking_makeenquiry .col-md-2 #enquirybutton
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 3px 10px 4px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
float:right;
box-shadow:none;

}

/*********Login**********/

#gymMaster #gmbooking_login
{
float: left;
position: relative;
width:100%;
margin:30px 0px 0px 0px;
border:1px solid #dcdcdc;
padding:20px 10px;
}

#gymMaster #gmbooking_login h3
{
margin: 0px 0px 25px;
color:#404041;
font-weight:300;
font-size: 22px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}

#gymMaster #gmbooking_login #gmbooking_loginform
{
float: left;
position: relative;
width:100%;

}

#gymMaster #gmbooking_login #gmbooking_loginform br
{
display:none!important;
}

#gymMaster #gmbooking_login #gmbooking_loginform .form-group
{
float: left;
position: relative;
width:100%;
margin: 0px 0px 5px 0px;
padding:0px;
}


#gymMaster #gmbooking_login #gmbooking_loginform .form-group .col-sm-4
{
font-weight: 400;
margin: 0px 0px 0px 0px;
padding:0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
width:22%;
line-height:30px;
font-size:16px;
color:#6d6e71;

}

#gymMaster #gmbooking_login #gmbooking_loginform .form-group label
{
font-weight: 400;
margin: 0;
padding:0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
width:22%;

}


#gymMaster #gmbooking_login #gmbooking_loginform .form-group input
{
margin: 0px 0px 0px -15px;
padding:0px 5px;
border:1px solid #dcdcdc;
width:100%;
box-shadow:none;
}

#gymMaster #gmbooking_login #gmbooking_loginform .form-group input:focus,
#gymMaster #gmbooking_login #gmbooking_loginform .form-group input:hover
{
border:1px solid #585858;
}



#gymMaster #gmbooking_login #gmbooking_loginform .pull-right
{
margin:2px 0px 0px 0px;
z-index:2000!important;
}


#gymMaster #gmbooking_login #gmbooking_loginform .pull-right input
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:20px;
font-weight: 400;

margin: 0px 0px 5px 0px;
padding: 4px 10px 4px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
transition: all 0.5s ease-in;
}


#gymMaster #gmbooking_login #gmbooking_loginform .pull-right input:hover
{
background:rgba(0,0,0,0.5);
color: #fff;
transition: all 0.5s ease-in;
}

#gymMaster #gmbooking_login #gmbooking_loginform .pull-right input#loginform-button
{
background:rgba(0,0,0,0.5);
transition: all 0.5s ease-in;
margin-left:3px;
}

#gymMaster #gmbooking_login #gmbooking_loginform .pull-right input#loginform-button:hover
{
background: #ACACAC;
transition: all 0.5s ease-in;
}

/***************Account Summary**********************/

#gymMaster #gmbooking_accountpage h2
{
width:100%;
font-weight: 400;
margin: 20px 0px 0px 0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}



#gymMaster #gmbooking_accountpage .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
}

/*****************User Information*******************/

#gymMaster #gmbooking_updateuserinfo h2
{
width:65%;
font-weight: 400;
margin: 20px 0px 20px -134px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}

#gymMaster #gmbooking_updateuserinfo #editmemberform label
{
float:left;
width:22%;
box-shadow:none;
text-align:left;
font-weight:300;
}

#gymMaster #gmbooking_updateuserinfo input.form-control
{
margin: 0;
padding:0px 5px;
border:1px solid #dcdcdc;
width:100%;
box-shadow:none;

}

#gymMaster #editmemberform .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
float:;
}

/******************Class bookings******************/

#gymMaster #gmbooking_classbookings
{
text-align:left;
}

#gymMaster #gmbooking_classbookings h2
{
width:65%;
font-weight: 400;
margin: 20px 0px 20px 0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}

#gymMaster #gmbooking_classbookings .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
float:;
}

/******************Purchase a Concession or a Membership******************/

#gymMaster #gmbooking_addnewmembership
{
text-align:left;
}

#gymMaster #gmbooking_addnewmembership h2
{
width:100%;
font-weight: 400;
margin: 20px 0px 20px -px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}

#gymMaster #gmbooking_addnewmembership .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
float:;
}

/*****************signup*******************/

#gymMaster #gmbooking_signup
{
text-align:left;
}

#gymMaster #gmbooking_signup h2
{
width:65%;
font-weight: 400;
margin: 20px 0px 20px 0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}

#gymMaster #gmbooking_signup #signupform label
{
float:left;
width:22%;
box-shadow:none;
text-align:left;
font-weight:300;
}

#gymMaster #gmbooking_signup #signupform label
{
float:left;
width:22%;
box-shadow:none;
text-align:left;
font-weight:300;
}

#gymMaster #gmbooking_signup #signupform label.col-sm-10
{
float:left;
width:72%;
box-shadow:none;
text-align:left;
font-weight:300;
}

#gymMaster #gmbooking_signup #signupform input.control-label
{
margin: 0;
padding:0px 5px;
border:1px solid #dcdcdc;
width:100%;
box-shadow:none;

}

#gymMaster #gmbooking_signup #signupform .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
float:;
}

/*****************signup*******************/

#gymMaster #gmbooking_enquiry
{
text-align:left;
}

#gymMaster #gmbooking_enquiry h2
{
width:65%;
font-weight: 400;
margin: 20px 0px 20px 0px;
font-family: 'Roboto', sans-serif!important;
font-weight:300!important;
}

#gymMaster #gmbooking_enquiry label
{
float:left;
width:22%;
box-shadow:none;
text-align:left;
font-weight:300;
}

#gymMaster #gmbooking_enquiry input.form-control
{
margin: 0;
padding:0px 5px;
border:1px solid #dcdcdc;
width:100%;
box-shadow:none;
}

#gymMaster #gmbooking_enquiry .btn
{
background: #f04e23;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height:16px;
font-weight: 400;
margin: 0;
padding: 5px 10px 6px;
text-decoration: none;
text-transform: uppercase;
border:none;
font-family: 'Roboto', sans-serif!important;
box-sizing:none;
box-shadow:none;
float:;
}

#gymMaster .form-group label
{
float: left;
position: relative;
width:100%!important;
text-align:left;
}

#gymMaster .form-group input
{
text-align:left;
float: left;
position: relative;
width:100%!important;
}

}

/***************************************************/
#popup
{
position:absolute;
display:hidden;
top:25%;
left: 36%;
width: 26%;
min-width:320px;
max-width: 409px;
height:520px;   

background-color:white;
padding:20px 20px 20px 20px;
border-radius:5px;
z-index:5000;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.5);

}

@media screen and (max-width: 600px) {

  
#popup
{
left:2.5%!important;
width:95%!important;   
min-width:95%!important;
max-width: 95%!important; 
box-sizing:border-box;    
height:560px;   
}   

}

#blank #pageSource img
{
margin-bottom:20px;
}

#blank #emailForm td
{
display:block;
padding:0px;
}

#popup .closeImage
{
position:absolute;
right:-10px;
top:-10px;
cursor:pointer;
border-radius:100%;  
}