@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.75em;
}

body#fullBody {
	background: #000 url(../client/images/backgrounds/site-bg.jpg) top center no-repeat;
}

body#miniBody {
	padding: 10px;
}

div#siteContainer {
	background: #fff;
	width: 940px;
	margin: 0px auto;
	padding: 0px 15px;
}

hr {
	color: #aaa;
	background-color: #ccc;
	border: 0;
	height: 1px;
}

p {
	margin: 10px 0;
}

a {
	text-decoration: none;
	color: #DB291D;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

img {
	border: none
}

.bold {
	font-weight: bold
}

.clearboth {
	clear: both
}

.clearright {
	clear: right
}

.clearleft {
	clear: left
}

.rfloat {
	float: right !important
}

.lfloat {
	float: left !important
}

.lalign {
	text-align: left
}

.ralign {
	text-align: right
}

.pointer {
	cursor: pointer
}

.none {
	display: none
}

div.mainContainer div ul {
	padding: 10px 0px 0px 20px
}

body.register {
	background: url('/images/misc/background-image.jpg') no-repeat 50% -320px
}

#topHeaderOuter {
	min-height: 36px;
	background: #000;
}

#topHeaderInner {
	margin: auto;
	width: 970px;
}

#topHeaderInner .button {
	background: #333;
	line-height: 36px;
	height: 36px;
}

#topHeaderInner a {
	padding-left: 20px;
	font-weight: bold;
	color: #d1d1d1;
}

#topHeaderConnect a:first-child {
	padding-left: 20px;
}

#topHeaderConnect a {
	padding-left: 0px;
	padding-right: 10px;
}

#topHeaderInner a {

}

#topHeaderInner img {
	vertical-align: middle
}

#topHeaderConnect {
	width: 135px;
}

#topHeaderSocial {
	position: absolute;
	top: 10px;
	width: 146px;
	height: 32px;
	background: none repeat scroll 0 0 #000;
	opacity: 0.9;
	padding: 10px 0px;
}

#topHeaderSocialWrap {
	position: relative;
	width: 10px;
	height: 10px;
	display: none;
}

#topHeaderSocial a {
	padding: 0px
}

#topHeaderSocial img {
	vertical-align: top;
	padding: 0px 0px 0px 10px;
}

#topHeaderLocator {
	width: 150px;
	margin-left: 10px;
}

#topHeaderLocator img.pt-logo {
	margin-top: 3px;
}


#topHeaderLogin {
	width: 162px
}

#topHeaderLogout {
	width: 102px;
}

#topHeaderMemberHome {
	width: 182px;
	margin-right: 10px;
}

.socialArrow {
	left: 60px;
	top: 0px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #000;
	position: absolute;
}

/* TOP OF THE PAGE - TOP CONTAINER */

#topLogoContainer {
	margin: auto;
	min-height: 120px;
}

#topLogo {
	width: 306px;
	height: 88px;
	float: left;
	margin-top: 20px;
}

#s {
	float: right;
	height: 44px;
	width: 600px;
	margin-top: 40px;
	position: relative;
}

/* Navigations */

ul#ulNav {
	float: right;
	font-size : medium;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	padding: 50px 0 0 0;
}

ul#ulNav li {
	display: inline;
	border-right: 1px solid #C4C4C4;
	padding: 5px 10px;
	float: left;
	line-height: 14px;
	height: 14px;
}

ul#ulNav li a {
	color: #000
}

ul#ulNav li a.liSelected {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 2px solid #DB291D;
}

ul#ulNav li a:hover {
	color: #DB291D;
	text-decoration: none;
}

ul#ulNav li:last-child {
	border-right: none
}

#menuContainerWrap {
	position: relative;
	width: 1px;
	top: 0px;
	left: 0px;
	height: 1px;
}

.menuContainer {
	position: absolute;
	top: 15px;
	left: -435px;
	width: 630px;
	z-index: 999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.9;
}

.menuBackground {
	background: none repeat scroll 0 0 #000;
	height: 450px;
	opacity: 0.9;
	padding: 20px;
	position: relative;
}

.menuSubNavContainer {
	left: 20px;
	top: 0px;
	position: absolute;
	width: 650px;
}

ul#ulNav li .ulSubNav {
	list-style: none outside none;
	float: left;
	width: 160px;
	display: block;
	border: none;
	padding: 0;
}

ul#ulNav li .ulSubNav li strong {
	color: #FFF;
	font-size: x-small;
	margin-top: 10px;
	display: block;
}

ul#ulNav li .ulSubNav li {
	line-height: 15px;
	border: none;
	padding: 0;
	display: block;
	float: none;
}

ul#ulNav li .ulSubNav li a {
	color: #FFF;
	font-size: x-small;
}

ul#ulNav li .ulSubNav li a:hover {
	text-decoration: underline;
}


ul#ulNav li .ulSubNav li a span {
	color: #DB291D!important
}

.locationArrow {
	left: 460px;
	top: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #000;
	position: absolute;
}

#topLinkOuter {
	min-height: 63px;
	margin-bottom: 20px;
	background: url(../images/layout/top-nav-bg-separator.png) repeat-x;
}

#topLinkInner {

}

#topLinkInner a {
	display: block;
	float: left;
	color: #000;
	width: 234px;
	min-height: 63px;
	background: url(../images/layout/top-nav-bg.png) repeat-x;
	margin-right: 2px;
}

div#topLinkInner a#topLinkStore {
	margin-right: 0px;
	width: 232px;
	text-align: center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

div#topLinkInner a#topLinkStore:hover {
	background: url(../images/layout/top-nav-bg.png) repeat-x;
}

div#topLinkInner a#topLinkStore img {
	margin: auto;
}

#topLinkInner div {
	margin: 0px 18px;
	color: #fff;
}

#topLinkInner div.top-nav-title {
	font-size: 14px;
	font-weight: bold;
	margin-top: 14px;
}

#topLinkInner div.top-nav-description {
	font-size: 11px;
	color: #d1d1d1;
}

#topLinkInner img {
	float: left
}

#topLinkInner a img {
	margin: 0 10px
}

#topLinkInner a:last-child img {
	margin: 0px
}

#topLinkInner a h6 {
	font-size: medium;
	margin: 10px 0 5px 0;
}

#topLinkInner a span {
	font-size: x-small
}

#topLinkInner .white {
	color: #FFF!important
}

#topLinkInnerFriend img,
#topLinkInnerBook img,
#topLinkInnerBenefit img {
	height: 47px;
	padding-top: 7px;
}

#topLinkInner a:hover {
	background: url('../images/header/red-gradient-pixel.jpg');
	height: 63px;
	color: #fff !important;
}

#topLinkInner a:hover div.top-nav-description {
	color: #fff;
}

#bodyContainer {
	background: #fff;
	clear: both;
	/*padding: 10px 0px 10px 0px;*/
}

#memberMenuWrap {
	margin: auto;
	max-width: 940px;
	overflow: visible;
	padding: 0px 20px 20px 20px;
	background: #fff;
	font-size: 10.5px;
}

#bannerWrapper {
	height: 438px;
	width: 1018px;
	margin-bottom: 20px;
	margin-left: -39px;
	position: relative;
	overflow: hidden;
}

.bannerArrow {
	top: 170px;
	position: absolute;
	cursor: pointer;
}

#bannerContainer {
	height: 438px;
	position: relative;
	margin-left: 39px;
}

.bannerSlide {
	position: absolute;
	top: 438px;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}

#bannerSlide1 {
	position: absolute;
	top: 0px;
	z-index: 1;
}

.bannerBase {
	z-index: 2;
	background-color: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	position: absolute;
	bottom: 0;
	height: 150px;
	width: 940px;
	text-align: center;
}

.bannerText {
	z-index: 2;
	position: absolute;
	bottom: 0;
	height: 150px;
	width: 940px;
	text-align: center;
}

.bannerText span {
	color: #FFF;
	font-weight: normal;
	margin: 20px 0;
	font-size: 45px;
	display: block;
}

.bannerText a {
	color: #FFF
}

.subBanner {
	position: relative;
	top: -50px;
	height: 50px;
}

.subText {
	position: relative;
	top: -100px;
	height: 50px;
}

.subText span {
	margin: 6px 0;
	font-size: 25px;
}

.mainBannerContainer {
	/*height: 265px;*/
	margin-bottom: 20px;
	position: relative;
}

.mainBannerContainer a img {
	min-width: 100%;
}

.mainBannerContainerBase {
	z-index: 2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	position: absolute;
	bottom: 0;
	height: 100px;
	text-align: center;
	background: #000;
	width: 100%;
}

.mainBannerContainerText {
	width: 100%;
	z-index: 2;
	position: absolute;
	bottom: 0;
	height: 100px;
	width: 100%;
	text-align: center;
}

.mainBannerContainerText span {
	color: #FFF;
	font-weight: normal;
	margin: 20px 0;
	font-size: 45px;
	display: block;

	font-size:37px;
}

.mainBannerContainerText a {
	color: #FFF;
	width: 100%;
}


#imgholder {
	width: 100%;
	margin-top: 20px;	
}

.brandBannerContainer {
	height: 144px
}

.mainBannerContainerBaseTall {
	z-index: 2;
	background-color: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	position: absolute;
	bottom: 0;
	height: 132px;
	width: 940px;
	text-align: center;
}

.mainBannerContainerTextRight {
	z-index: 2;
	position: absolute;
	bottom: 0;
	height: 110px;
	width: 920px;
}

.mainBannerTextRightUpper {
	text-align: right;
	right: 20px;
	font-size: 25px;
	color: #FFF;
}

.mainBannerTextRightUpper span {
	color: #DB291D;
	font-size: 25px;
	display: inline;
}

.mainBannerTextRightLower {
	text-align: right;
	font-size: 50px;
	color: #FFF;
}

#contactContainer {
	border-top: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
	margin: 10px 0;
}

#selectClub {
	font-size: large;
	overflow: hidden;
}

#selectClub label {
	float: left;
	margin-left: 15px;
	font-size: x-large;
	color: #DB291D;
	font-weight: normal;
}

#contactFormContainer {
	overflow: hidden;
	background: #FFF;
}

some_nowhitespace {
	nowhitespace: afterproperty
}

#contactFormContainer textarea {
	width: 925px
}

#contactFormContainer button {
	padding: 5px 20px;
	font-size: large;
	cursor: pointer;
	background: #DB291D;
	color: #FFF;
	border: none;
}

#contactFormContainer .rfloat {
	margin-right: 15px;
	margin-top: 10px;
}

#contactFormContainer .lfloat {
	margin-top: 10px
}

#bannerJoin {
	background: #DB291D;
	height: 438px;
	width: 862px;
	padding: 40px;
	color: #FFF;
	font-size: small;
}

#bannerJoin h1 {
	font-size: 45px
}

#bannerJoin p {
	font-size: x-large;
	margin-bottom: 20px;
}
some_nowhitespace {
	nowhitespace: afterproperty
}

#bannerJoin button {
	padding: 20px 40px;
	float: right;
	font-size: x-large;
	font-weight: bold;
	margin-right: 15px;
	cursor: pointer;
	height: 70px;
	width: 250px;
}

#bannerJoin button span {
	color: #DB291D
}

.descriptionContainer {
	height: 130px;
	padding-bottom: 6px;
	margin-bottom: 20px;
	font-size: 12px;
	border: 1px solid #E4E4E4;
	background-color: #FFFFFF;
}

.descriptionContainer h1,
.descriptionContainer h2 {
	color: red;
	font-size: 21px;
	padding: 15px 0 8px 15px;
}

.descriptionContainer h4 {
	color: red;
	font-size: 14px;
	padding: 15px 0 8px 15px;
}

.descriptionContainer p {
	padding: 6px 10px 0 15px
}

.descriptionContainer p span {
	color: #DD291E
}

/**
 * @todo remove conflict - unused?
 *
.descriptionContainer ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

.descriptionContainer ul li {
	display: inline;
	border: 1px solid #C4C4C4;
	padding: 5px 10px;
	float: left;
	line-height: 14px;
	width: 120px;
	margin-left: 15px;
}

.descriptionContainer ul li a {
	color: #000
}
**/

.nogap {
	margin-left: 0
}

#bodyBannerContainer {
	margin-top: 20px;
	margin-bottom: 20px;
	/*height: 145px;*/
}

#bodyBannerContainer a img {
	max-width: 100%;
}

#bodyUpdateOuter {
	height: 63px;
	background: #fff url(../images/layout/footer-bar-bg.png) repeat-x;
	padding-top: 15px;
}

#bodyUpdateDescription {
	font-size: 1.2em;
	font-weight: bold;
	color: #7b7b7b;
}

#bodyUpdateDescription span {
	color: #535353;
}

#bodyUpdateInner {
	margin: 0px 15px;
	padding-top: 5px;
}

#bodyUpdateForm {
	float: right;
	position: relative;
	top: -10px;
}

#bodyUpdateForm input[type="text"] {
	height: 32px;
	width: 200px;
	padding: 1px 5px;
	margin-right: -10px;
}

#bodyUpdateForm .btnSubmit {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #008844;
	/*background-image: linear-gradient(to bottom, #008844, #00CC44);*/
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #FFF;
	cursor: pointer;
	font-size: small;
	line-height: 20px;
	padding: 4px 14px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	vertical-align: middle;
	margin-top: -2px;
}

#bodyUpdateForm .btnSubmit:hover {
	background-position: 0 -15px;
	transition: background-position 0.1s linear 0s;
	background-color: #00CC44;
}

#bodyUpdateForm a.btnLink {
	display: block;
	background-color: #ee2d24;
	color: #fff;
	cursor: pointer;
	font-size: small;
	font-weight: bold;
	line-height: 20px;
	padding: 6px 14px;
	text-align: center;
	vertical-align: middle;
	margin-top: 3px;
	width: 150px;
	border: 0px;
}

#bodyUpdateForm .btnLink:hover {
	background-position: 0 -15px;
	transition: background-position 0.1s linear 0s;
	background-color: #00CC44;
}


#footerTop, #footerBottom {
	padding: 0px 15px;
}

#footerSocial {
	float: right;
	text-align: right;
}

#footerPayment {
	margin-top: 10px;
	text-align: right;
}

#footerPayment img {
	display: block;
	margin-top: 15px;
	float: right;
}

#footerCreditCert img {
	display: block;
	margin-bottom: 10px;
}

#footerBottom {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
	min-height: 105px;
}

#footerBottomLeft {
	float: left;
	width: 60%;
}

#footerBottomRight {
	float: right;
	width: 35%;
}

.footerList {
	float: left;
	width: 175px;
}

.footerTitle {
	font-weight: bold;
	margin-bottom: 10px;
}

.footerList ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	padding: 0;
}

.footerList ul li a {
	color: #000
}

/*  main carousel css and associated rules  */

.box {
	border-style: solid;
	border-top: 1px solid #F1F1F1;
	border-left: 1px solid #F1F1F1;
	border-right: 1px solid #F1F1F1;
	border-bottom: 3px solid #DD291E;
}

.clubBox {
	float: left;
	height: 329px;
	width: 459px;
	margin-bottom: 20px;
}

.clubText {
	float: left;
	height: 94px;
	width: 459px;
	background-color: #FFFFFF;
	border-top: 2px solid #FFFFFF;
}

#clubRight {
	margin-left: 20px;
	cursor: pointer;
}

#clubLeft {
	cursor: pointer
}

.textBox {
	padding: 28px 0 0 20px
}

.headerText {
	color: #000000;
}

.lowerText {
	color: #DD291E;
}

.packageCarousel {
	width: 944px;
	height: 360px;
	margin-left: 6px;
	margin-bottom: 20px;
	overflow: visible;
}

.packageBoxSpacer {
	margin-right: 10px
}

.packageBox {
	display: block;
	float: left;
	width: 302px;
	height: 360px;
	background-color: #E4E4E4;
	margin-right: 10px;
}

.packageBox:nth-child(1) {
	margin-left: 6px
}

.packageInnerBox {
	position: relative;
	width: 302px;
	height: 360px;
	background-color: #E4E4E4;
}

.packageLine {
	width: 294px;
	border-bottom: 1px solid #E4E4E4;
}

.packageTitle {
	margin-top: 6px;
	background-color: #000000;
	color: #FFFFFF;
	height: 50px;
	width: 308px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	right: 3px;
}

.packageTitle p {
	padding-top: 12px;
	font-size: 20px;
}

.package_arrow_left {
	width: 39px;
	height: 76px;
	background: url(/images/header/arrow_left.png);
	position: relative;
	right: 39px;
	bottom: 220px;
}

.package_arrow_right {
	width: 39px;
	height: 76px;
	background: url(/images/header/arrow_right.png);
	position: relative;
	left: 936px;
	bottom: 296px;
}

.packageContent {
	width: 300px;
	padding: 14px 0;
	text-align: center;
	vertical-align: center;
	position: relative;
}

.packageLine {
	width: 260px;
	height: 2px;
	background-color: #BEBEBE;
	margin-left: 20px;
}

.packageBox:hover .packageInnerBox {
	background-color: #000000;
	color: #FFFFFF;
}

.packageBox:hover .packageBox {
	background-color: #000000
}

.packageBox:hover .packageTitle {
	background-color: #DD291E
}

.arrow_left,
.arrow_left1 {
	width: 39px;
	height: 76px;
	background: url(/images/header/arrow_left.png);
	position: relative;
	right: 39px;
	bottom: 220px;
}

.arrow_right,
.arrow_right1 {
	width: 39px;
	height: 76px;
	background: url(/images/header/arrow_right.png);
	position: relative;
	left: 940px;
	bottom: 296px;
}

.arrow_left1 {
	bottom: 175px
}

.arrow_right1 {
	bottom: 251px
}

.smallBox,
.smallBox1 {
	display: block;
	height: 329px;
	width: 218px;
	float: left;
}

.smallBox1 {
	height: 218px;
	cursor: pointer;
}

.smallBox1 img {
	width: 218px;
	margin: 72px 0 78px 0;
}

.smallBoxSpacer {
	margin-right: 20px
}

.smallLowerBox {
	width: 218px;
	height: 96px;
	font-size: 12px;
	background-color: #FFFFFF;
}

.smallLowerBox:hover {
	border-top: 2px solid #FFFFFF;
	background-color: #DD291E;
}

.smallLowerBox:hover .headerText {
	color: #FFFFFF
}

.smallLowerBox:hover .lowerText {
	color: #FFFFFF
}

.smallLowerBoxHome {
	height: 97px
}

.smallLowerBoxHome:hover {
	border-top: 2px solid #FFFFFF;
	background-color: #DD291E;
}

.smallLowerBoxHome:hover h3 {
	color: #FFFFFF
}

.smallLowerBoxHome:hover span {
	color: #FFFFFF
}

.mainCarousel {
	height: 350px
}

.mainCarousel1 {
	height: 219px
}

#clubCarouselDiv {
	display: none
}


.offerArrow {
	background: url("/images/misc/arrow.png") no-repeat scroll 0 0 transparent;
	display: none;
	height: 19px;
	margin: 0 auto;
	position: relative;
	width: 33px;
}

.standardLowerCarouselSection {
	min-height: 170px;
	width: 940px;
	background-color: #FFFFFF;
	padding-bottom: 6px;
	margin-bottom: 10px;
	font-size: 12px;
	border: 1px solid #E4E4E4;
}

.standardLowerCarouselSection h2 {
	color: #DD291E;
	font-size: 21px;
	padding: 15px 0 8px 15px;
}

.standardLowerCarouselSection h2 span {
	color: #DD291E;
	font-size: 21px;
	padding: 15px 0 8px 15px;
}

.standardLowerCarouselSection  p {
	padding: 6px 5px 0 15px
}

.standardLowerCarouselSection p span {
	color: #DD291E
}

.lowerCarouselSectionButtonContainer {
	margin: 26px 0 12px 15px
}

.caserolContentSlides {
	display: none
}

#joinuscaserol .box {
	border: none;
	text-align: center;
}

/*  End of carousel css rules  */

/* CSS for DWFitness specific button  */

.standardButton {
	-moz-box-shadow: inset 0px 0px 0px -1px #ffffff;
	-webkit-box-shadow: inset 0px 0px 0px -1px #ffffff;
	box-shadow: inset 0px 0px 0px -1px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #dfdfdf));
	background: -moz-linear-gradient(top, #ffffff 5%, #dfdfdf 100%);
	background: -webkit-linear-gradient(top, #ffffff 5%, #dfdfdf 100%);
	background: -o-linear-gradient(top, #ffffff 5%, #dfdfdf 100%);
	background: -ms-linear-gradient(top, #ffffff 5%, #dfdfdf 100%);
	background: linear-gradient(to bottom, #ffffff 5%, #dfdfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0);
	background-color: #ffffff;
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #383736;
	font-size: 14px;
	font-weight: bold;
	padding: 14px 44px;
	text-decoration: none;
	text-shadow: 0px 1px 1px #ffffff;
}

.standardButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ffffff));
	background: -moz-linear-gradient(top, #dfdfdf 5%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #dfdfdf 5%, #ffffff 100%);
	background: -o-linear-gradient(top, #dfdfdf 5%, #ffffff 100%);
	background: -ms-linear-gradient(top, #dfdfdf 5%, #ffffff 100%);
	background: linear-gradient(to bottom, #dfdfdf 5%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ffffff',GradientType=0);
	background-color: #dfdfdf;
}

.standardButton a span {
	color: #DD291E
}

.packageButtonAlign {
	position: absolute;
	margin-left: 62px;
	bottom: 30px;
}

.packageButtonAlign:active {
	position: absolute
}

.shortStandardButton {
	padding: 8px 60px
}

/* End of CSS for DWFitness specific button  */

/* Start of Sams CSS */

h4 {
	color: #DD291E;
	font-size: 15px;
	font-weight: bolder;
	margin: 14px 0 8px 0px;
}

.inlineblackh3 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	display: inline;
}

.hr {
	border-bottom: #E1E1E1 1px solid;
	width: 100%;
	margin: 10px 0 10px 0px;
	height: 5px;
}

.highlight1,
#highlight1,
#highlight2 {
	color: #DD291E
}

#highlight2 {
	font-size: 14px;
	font-weight: bold;
}

#btnlink {
	background: none repeat scroll 0 0 #DD291E;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 12px;
	margin: 15px 10px 20px 0px;
	width: auto;
	padding: 5px 10px;
	text-decoration: none;
	float: right;
}

#btnlink:hover {
	border-color: rgba(255, 131, 113, 0.8);
	box-shadow: 0 1px 1px rgba(255, 131, 113, 0.075) inset, 0 0 8px rgba(255, 131, 113, 0.6);
	outline: 0 none;
	text-decoration: none;
	cursor: pointer;
}

/* ^^^^^^^^^^^^^^^ General Styles ^^^^^^^^^^^^^^^^^^ */

/* ============= Other Elements / Content ROW ================ */

.contentbox,
.contentbox_details {
	margin: 8px 0px 10px 0px;
	background: #eee;
	border: 1px solid #ccc;
	float: left;
}

.contentbox {
	width: 100%; /* width: 100%; */;
}

.contentbox_details {
	width: 49%
}

.trans_contentbox {
	width: 100%; /* width: 100%; */
	margin: 0 auto;
	clear: both;
	margin-bottom: 10px;
	float: left;
}

.red_contentbox {
	background: #DD291E;
	border: 1px solid #EAEAEA;
	width: 100%;
	margin: 0 auto;
	clear: both;
	margin-bottom: 10px;
	float: left;
}

.contentbox-half {
	width: 48%; /* width: 100%; */
	margin: 0 auto;
	margin-bottom: 10px;
	background: #FFF;
	border: 1px solid #EAEAEA;
	float: left;
}

.contextarea {
	margin: 10px 20px 20px 20px
}

.contextarea red {
	color: #DD291E
}

.trans_contextarea {
	margin: 10px 0px 10px 0px;
	padding-left: 10px;
}

.pagename {
	margin: 10px 0px 10px 55px;
	width: 500px;
	text-transform: uppercase;
}

.tabarea {
	width: 100%; /* width: 100%; */
	margin: 0 auto;
	clear: both;
	margin-bottom: 10px;
	background: transparent;
	border: none;
	float: left;
}

.contextheader {
	color: #DD291E;
	font-size: 20px;
	font-weight: normal;
	display: inline;
	margin: 5px 0 15px;
	float: left;
}

.contextheaderFull {
	color: #DD291E;
	font-size: 20px;
	font-weight: normal;
	display: inline;
	margin: 5px 0 15px;
	float: left;
	width: 100%;
}

.left {
	margin-left: 0px
}

.right {
	float: right;
	margin-right: 0px;
}

#spacer {
	height: 20px;
	width: 100%;
	float: left;
}

.redder {
	color: #DD291E
}

/* ^^^^^^^^^^^^^^^ Other Elements / Content ROW ^^^^^^^^^^^^^^^^^^ */

/* ==================== Main Pages ========================= */

#mainimg {
	width: 938px;
	height: 438px;
}

#maintitle {
	z-index: 2;
	height: 108px;
	margin-top: -138px;
	opacity: 0.6;
	padding-top: 30px;
	position: absolute;
	opacity: 0.6;
	background: #000000;
	text-align: center;
	font-size: 39px;
	color: #FFFFFF;
}

#maintitle_membersarea {
	z-index: 2;
	height: 108px;
	margin-top: -138px;
	opacity: 0.6;
	padding-top: 30px;
	position: absolute;
	opacity: 0.6;
	background: #000000;
	text-align: center;
	font-size: 40px;
	color: #FFFFFF;
}

/* ^^^^^^^^^^^^^^^^^^^^ Main Pages ^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* ==================== Club Pages ========================= */

#clubpageul {
	width: 70%;
	float: left;
	margin: 10px 0px 20px 15px;
}

#clubpageul li {
	float: left;
	list-style-image: url("../images/listicon.png");
	margin: 0 5px 0 10px;
	width: 22%;
}

#rightbtnsArea {
	float: right;
	width: 30%;
	text-align: center;
	margin: 10px 0px 20px 0px;
}

#btnBooktour {
	width: 220px;
	background: #FFFFFF;
	color: #DD291E;
	text-align: center;
	margin: 5px;
}

#btnBooktour span {
	color: #000000
}

#btnContactClub {
	width: 220px;
	background: #FFFFFF;
	color: #000000;
	text-align: center;
	margin: 5px;
}

#btnContactClub span {
	color: #DD291E
}

#btnFreeGuestPass {
	width: 220px;
	background: #222;
	color: #FFF;
	text-align: center;
	margin: 5px;
}

#btnFreeGuestPass span {
	color: #DD291E;
}

/* ^^^^^^^^^^^^^^^^^^^^ Club Pages ^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* ==================== Forms ========================= */

#telephonetagline {
	float: right;
	margin: -20px 15px 0px 0px;
	color: #DD291E;
}

#frmMembership,
#frmGeneralEnquiries {
	margin: 15px 0px;
	padding-bottom: 20px;
}

#memberloginbox h2 {
	font-size: 24px;
	background: #000000;
	height: 30px;
	color: #FFF;
	margin: 0px;
	padding: 0px 0px 10px 20px;
}

#notamemberbox h2 {
	font-size: 24px;
	background: #DD291E;
	height: 30px;
	color: #FFF;
	margin: 0px;
	padding: 0px 0px 10px 20px;
}

/* ^^^^^^^^^^^^^^^ Forms ^^^^^^^^^^^^^^^^^^ */

/* ==================== Search & Filter ========================= */

#filter_region {
	background: #000;
	color: #fff;
}

#filter_region h3 {
	margin: 0px 0px 15px 0px
}

#filter_region ul {
	margin-left: -20px;
	margin-right: 0px;
}

#filter_region ul li {
	list-style: none;
	width: 100%;
	line-height: 22px;
	padding-left: 20px;
}

#filter_region ul li:after {
	content: '>';
	float: right;
	padding-right: 15px;
}

#filter_region ul li:hover {
	background: #DD291E;
	cursor: pointer;
}

#booktrial {
	background: #DD291E;
	color: #fff;
}

#booktrial h3 {
	margin: 0px 0px 15px 0px
}

#memberdiscount {
	background: #FFF;
	color: #000;
}

#memberdiscount h3 {
	color: #DD291E;
	margin: 0px 0px 0px 0px;
}

#memberdiscount #card {
	background: url(../images/page/membershipcard.png) -8px -1px no-repeat;
	height: 180px;
	margin: 0 -20px -20px -20px;
}

/* ^^^^^^^^^^^^^^^^^^^^  Search & Filter  ^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* ==================== SHOPPING ========================= */

#shop_category {
	background: Transparent;
	color: #000;
	margin-bottom: 20px;
}

.scategory {
	line-height: 25px;
	font-weight: bold;
	border-bottom: 1px solid #EAEAEA;
	padding-bottom: 2px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.scategory:hover {
	cursor: pointer
}

.prices ul li {
	float: left;
	list-style: none;
	margin: 0 5px 0 10px;
	width: 99%;
}

#arrow {
	float: left;
	height: 10px;
	margin: 7px 5px 0px 0px;
	width: 12px;
}

.arrowRight {
	background: url(../images/page/arrow.png) 0px 0px no-repeat
}

.arrowDown {
	background: url(../images/page/arrow.png) -11px 0px no-repeat
}

.arrowUp {
	background: url(../images/page/arrow.png) -26px 0px no-repeat
}

.arrowLeft {
	background: url(../images/page/arrow.png) -36px 0px no-repeat
}

#fitnessclubs {
	background: url(../images/page/fitnessclubs.jpg) 0px 0px no-repeat;
	width: 225px;
	height: 225px;
}

#clicktowin {
	background: url(../images/page/clicktowin.jpg) 0px 0px no-repeat;
	width: 225px;
	height: 225px;
}

#fitnessclubs #overlaytitle {
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	line-height: 40px;
	background: url(../images/page/overlaybg.png) 0px 0px no-repeat;
	margin: 150px 0px 0px -10px;
	z-index: 2;
	position: absolute;
	width: 220px;
	padding: 5px 0px 0px 30px;
}

#clicktowin #overlaytitle {
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	line-height: 40px;
	background: url(../images/page/overlaybg.png) 0px -42px no-repeat;
	margin: 150px 0px 0px -10px;
	z-index: 2;
	position: absolute;
	width: 220px;
	padding: 5px 0px 0px 30px;
}

.viewpages {
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 356px;
}

.viewpages #title {
	color: #333333;
	float: left;
	margin: 0 3px;
	padding: 0 7px;
}

.viewpages a {
	color: #333333;
	float: left;
	margin: 0 3px;
	padding: 0 7px;
}

.viewpages a:hover {
	cursor: pointer
}

#seperator {
	width: 2px;
	height: 15px;
	border-right: 1px solid #999;
	margin-top: 3px;
	float: left;
}

#sorttxtinline {
	display: inline;
	float: left;
	font-weight: bold;
	margin-top: 10px;
	text-align: right;
	width: 82px;
}

#sortselect {
	display: inline-block;
	float: right;
	font-weight: bold;
	width: 250px;
}

/* ^^^^^^^^^^^^^^^^^^  SHOPPING  ^^^^^^^^^^^^^^^^^^^^^ */

/* ================= Members Area Home ===================== */

/* ================= Members Area Home TOP BANNER ===================== */

.membersBannerTransparent {
	height: 100px;
	width: 100%;
	background: url("../images/members/members_top_banner_opacity.png");
	position: relative;
	margin-top: -110px;
	margin-bottom: 15px;
}

.membersBannerTransparent p {
	color: #ffffff;
	padding: 26px 0px 0px 25px;
	font-weight: bold;
	font-size: 38px;
}

/* ================= Members Area Home QUOTE AND MEMBER WELCOME ===================== */

.topSectionWrap {
	font-size: 18px
}

.greyBox {
	border: 1px solid #ccc;
	background: #fafafa;
}

.greyGradBox {
	border: 1px solid #ccc;
	background: #fafafa url('../images/grey-gradient.jpg') repeat-x;
}

.redGradBox {
	border: 1px solid #ccc;
	background: #ee2d24 url('../images/header/red-grad.jpg') repeat-x;
}

.redGradHead {
	border: 1px solid #ccc;
	background: #ee2d24 url('../images/header/red-grad-head.jpg') repeat-x;
	color: white;
	font-weight: bold;
}

.quoteBox {
	/*width: 100%;*/
	width: 50%;
	float: left;
	background: #eeeeee url("../images/members/members_quote_triangle.png")  no-repeat 100% 0%;
}

.quoteBox img {
	padding: 20px;
	float: left;
}

.quoteBox div {
	padding: 30px 20px
}

.quoteBox div span:first-child {
	font-size: 13px
}

.memberWelcome {
	text-align: right
}

.memberWelcomeText {
	padding: 40px 0px 0px 0px;
	margin-top: 20px;
}

.memberWelcomeText p:first-child {
	font-size: 22px;
	font-weight: bold;
}

/* ================= Members Area Home NAVIGTION, accordion ===================== */

.navBoxHeading,
.accordionBoxHeading {
	margin: 15px 0px;
	height: 38px;
	cursor: pointer;
}

.navBoxArrowUp,
.accordionBoxArrowUp {
	background: url("../images/arrow-up.jpg")
}

.navBoxArrowDown,
.accordionBoxArrowDown {
	background: url("../images/arrow-down.jpg")
}

.navBoxArrow,
.accordionBoxArrow {
	height: 38px;
	width: 38px;
	float: left;
	margin: 0px 10px 0px 0px;
}

.navBoxHeading p,
.accordionBoxHeading p {
	margin: 10px
}

.navBox {
	width: 184px;
	height: 184px;
	margin: 18px;
}

.navBoxOuter {
	float: left;
	margin: 0px 15px 15px 0px;
}

.navBoxContainer,
.accordionBoxContainer {
	display: none
}

.navBoxIconContainer {
	width: 962px;
	display: none;
}

.navBoxIcon {
	width: 80px;
	height: 80px;
	padding: 30px 0px 10px 50px;
}

.navBoxText {
	width: 100px;
	padding: 0px 0px 0px 38px;
	text-align: center;
}

.navBoxText .new {
	font-size: 0.9em;
	color: red;
}

.navBoxTriangle {
	position: absolute;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 10px 0 10px;
	border-color: #bf261e transparent transparent transparent;
	margin: 18px 0px 0px 100px;
	display: none;
}

.navBoxOuter a {
	color: #000 !important
}

/* ================= Members Area My Details =======ee2d24============== */

#membershiparea #title {
	float: left;
	width: 45%;
	display: inline;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 5px;
	margin-top: -5px;
}

#membershiparea #welcome {
	float: right;
	width: 45%;
	display: inline;
	margin-bottom: 5px;
	margin-top: -5px;
	text-align: right;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
}

#memberprofile div:nth-child(odd) {
	float: left
}

#memberprofile div:nth-child(even) {
	float: right
}

#memberprofile #first_row {
	background: url('../images/grey-grad.jpg');
	border-bottom: 1px solid #ccc;
	width: 100%;
}

#memberprofile #first_row #title {
	font-weight: bold;
	font-size: 18px;
	float: left;
	text-align: left;
	display: inline;
	margin-left: 10px;
	padding: 8px 0px;
}

#memberprofile #first_row #edit {
	background: url('../images/grey-grad.jpg');
	font-weight: bold;
	color: #DD291E;
	float: right;
	text-align: right;
	display: inline;
	margin-right: 10px;
	margin-top: 7px;
	padding: 3px 10px;
	cursor: pointer;
	border: 1px solid #ccc;
	font-size: 14px;
	font-weight: bold;
}

#memberprofile .profile_column_one {
	width: 55%;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

#memberprofile .profile_column_two {
	width: 40%;
	float: left;
}

#memberprofile .info_row {
	width: 100%;
	float: left;
	line-height: 25px;
}

#memberprofile .info_row .infotitle {
	width: 35%;
	float: left;
	display: inline;
	font-weight: bold;
}

#memberprofile .info_row .infotitle_details {
	width: 50%;
	float: left;
	display: inline;
	font-size: 14px;
	font-weight: bold;
}

#memberprofile .info_row .infodata {
	width: 65%;
	float: left;
	display: inline;
	font-weight: normal;
}

#memberprofile .info_row .infodata_details {
	width: 50%;
	float: left;
	display: inline;
	font-size: 14px;
	font-weight: normal;
}

#memberprofile .info_row_details .infodata_details {
	width: 50%;
	float: left;
	display: inline;
	font-weight: normal;
}

.details_column {
	margin-bottom: 10px;
	width: 98%;
}

/* =============== LOADING CONTENT  AREA ================== */

#contextload {
	width: 100%;
	float: left;
}

#contextload ul {
	margin-left: 0px;
	margin-bottom: 10px;
	float: left;
	width: 920px;
}

#yourgoals #contextload ul li {
	line-height: 25px;
	list-style: none;
	float: left;
	display: inline;
	width: 33%;
}

#yourgoals #contextload #btnbookatraining {
	float: left
}

#yourgoals #contextload #btnsavechanges {
	background: none repeat scroll 0 0 #DD291E;
	float: right;
}

#yourvideos #contextload ul li {
	line-height: 25px;
	list-style: none;
	float: left;
	display: inline;
	width: 25%;
}

#yourvideos #contextload #btnsavechanges {
	background: none repeat scroll 0 0 #DD291E;
	float: right;
}

#yourvideos #contextload .addeddate {
	color: #333333;
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 5px;
}

#yourvideos #contextload #highlight1 {
	font-weight: bold
}

#yourvideos #contextload .delshare a {
	font-weight: bold;
	color: #000;
	cursor: pointer;
}

#excloffers #contextload ul li {
	list-style: none;
	float: left;
	display: inline;
	width: 48%;
	margin: 0px 0px 10px 10px;
}

#excloffers #contextload ul li .offerimg {
	width: 100px;
	height: 100px;
	float: left;
	border: 1px dotted #EAEAEA;
	margin-right: 9px;
}

#excloffers #contextload ul li .offerimg img {
	margin: 2px;
	text-align: center;
}

#excloffers #contextload ul li .offerdescarea {
	width: 325px;
	height: 100px;
	float: left;
}

#excloffers #contextload ul li .offerdescarea .offertitle {
	font-weight: bold;
	font-size: 1.1em;
}

#excloffers #contextload ul li .offerdescarea .offerview {
	cursor: pointer
}

/* ^^^^^^^^^^^^^^^ LOADING CONTENT AREA ^^^^^^^^^^^^^^^^^^ */

/* ^^^^^^^^^^^^^^^^  Members Area  ^^^^^^^^^^^^^^^^^^^^ */

/* ================= JOIN US SECTION ===================== */

#joinuscaserol .smallBox {
	display: block;
	height: 350px;
	width: 306px;
	float: left;
	background: #EAEAEA;
}

#joinuscaserol .smallBoxSpacer {
	margin-right: 10px
}

#joinuscaserol #peakbox {
	background: #000000;
	color: #FFF;
}

#peakbox h2 {
	font-size: 24px;
	background: #DD291E;
	height: 30px;
	width: 310px;
	color: #FFF;
	margin: 2px 0 0 -2px;
	padding: 0 0 10px;
}

#seniorbox h2 {
	font-size: 24px;
	background: #000000;
	height: 30px;
	width: 310px;
	color: #FFF;
	margin: 2px 0 0 -2px;
	padding: 0 0 10px;
}

#offpeakbox h2 {
	font-size: 24px;
	background: #000000;
	height: 30px;
	width: 310px;
	color: #FFF;
	margin: 2px 0 0 -2px;
	padding: 0 0 10px;
}

#peakbox p,
#offpeakbox p,
#seniorbox p {
	border-bottom: 1px solid #EAEAEA;
	padding: 10px 0px 12px 0px;
}

#peakbox p.last,
#offpeakbox p.last,
#seniorbox p.last {
	border-bottom: none
}

.whiteBtn {
	color: #000000;
	clear: both;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 50%;
}

#gymtour_caserol .smallBox {
	display: block;
	height: 330px;
	width: 461px;
	float: left;
	background: #FFF;
}

#gymtour_caserol .smallBoxSpacer {
	margin-right: 14px
}

#gymtour_caserol .smallLowerBox {
	width: 461px
}

/* ^^^^^^^^^^^^^^  END JOIN US SECTION  ^^^^^^^^^^^^^^^^^^ */

/* ================= WITHIN TABS ===================== */

#listtitle {
	font-weight: bold;
	float: left;
	width: 150px;
	margin: 10px 0px;
}

.pagination {
	float: right;
	width: 500px;
	margin: 10px 0px;
}

.pagination a {
	padding: 0px 7px;
	border: 1px solid #EAEAEA;
	margin: 0px 3px;
	float: right;
	color: #333333;
}

.pagination a:hover {
	padding: 0px 7px;
	border: 1px solid #EAEAEA;
	cursor: pointer;
	text-decoration: none;
	background: #DD291E;
	color: #000;
}

#throw {
	width: 100%;
	display: inline-block;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	color: #DD291E;
	font-size: 13px;
}

.club_colum {
	width: 20%;
	text-align: left;
	float: left;
}

.club_adrs {
	width: 45%;
	text-align: left;
	float: left;
}

.club_contact {
	width: 35%;
	text-align: left;
	float: left;
}

.regioninfo {
	padding: 5px;
	border: 1px solid #EAEAEA;
	float: left;
	margin: 10px 0;
	width: 98%;
}

.regioninfoul {
	background-color: #F5F5F5;
	float: left;
}

.regioninfo ul li {
	width: 22%;
	margin: 0px 5px 0px 10px;
	float: left;
	list-style-image: url('../images/listicon.png');
}

.facilityFootnote p {
	font-size: 13px;
	font-style: italic;
}

.facilityFootnote {
	display: none
}

#toprow {
	height: 35px;
	float: left;
	width: 100%;
}

#changedate {
	font-size: 14px;
	font-weight: bold;
	float: right;
	text-align: left;
	width: 130px;
	background: url(../images/calendar-icon.jpg) 100px 0px no-repeat;
}

#banner {
	width: 600px;
	height: 130px;
	float: left;
	margin: 5px 1px 0px 0px;
	background: url(../images/page/banner.jpg) top center no-repeat;
}

#banner:hover {
	cursor: pointer
}

/* ^^^^^^^^^^^^^^^^^^^^ WITHIN TABS ^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* ================= DIVTABLE STYLE ================= */

.divtable {
	width: 100%;
	margin-bottom: 20px;
	float: left;
}

.divtable .tablerow {
	width: 100%;
	float: left;
}

.divtable .tablethrow .th {
	background: #000;
	color: #FFF;
	padding: 0px 0px 0px 10px;
	margin: 0px 1px 1px 0px;
	line-height: 25px;
	font-weight: bold;
	float: left;
	display: inline-block;
}

.divtable .tablerow .td {
	color: #000;
	padding: 0px 0px 0px 10px;
	margin: 0px 1px 1px 0px;
	line-height: 25px;
	font-weight: normal;
	float: left;
	display: inline-block;
}

.divtable .tablethrow .marked {
	background: #DD291E;
	font-weight: bold;
}

.divtable .tablerow .marked {
	font-weight: bold
}

.divtable .tablerow .marked:hover {
	cursor: pointer
}

.divtable .odd .td {
	background: #CCCCCC
}

.divtable .even .td {
	background: #EAEAEA
}

.divtable .odd .marked {
	background: #FFC9C1
}

.divtable .even .marked {
	background: #FFE1DD
}

.divtable .colone {
	width: 200px
}

.divtable .coltow {
	width: 200px
}

.divtable .colthree {
	width: 300px
}

.divtable .colfour {
	width: 150px
}

/* >> Extended Styles */

.divtable .freshitem .td {
	font-weight: bold
}

#notifications .divtable .tablethrow .th {
	background: #DD291E
}

#notifications .divtable .coltow {
	width: 150px
}

#notifications .divtable .colthree {
	width: 350px
}

/* ^^^^^^^^^^^^^^^^^^^^ END DIVTABLE STYLE ^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* ================= CALENDAR STYLE ================= */

.dayview {
	width: 33%;
	margin: 5px 1px 0px 0px;
	float: left;
	border: 1px solid #EAEAEA;
	background: #EAEAEA;
}

.dayview .day-title {
	width: 100%;
	line-height: 28px;
	font-weight: bold;
	color: #FFF;
	background: #000;
}

.dayview .day-title p {
	padding-left: 10px
}

.dayview .day-programe {
	margin: 11px 10px 10px 12px;
	width: 90%;
}

.dayview .day-programe li {
	list-style: none;
	display: block;
}

.dayview .day-programe li {
	list-style: none;
	display: block;
}

.dayview .day-programe li .timeview {
	float: left;
	font-weight: bold;
	width: 100px;
	display: inline;
}

.dayview .day-programe li .activity {

}

/* ^^^^^^^^^^^^^^^^^^^^ END CALENDAR STYLE ^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* ^^^^^^^^^^^^^^^ STORE / SHOP CATELOG AREA ^^^^^^^^^^^^^^^^^^ */

.shopitemsarea {
	width: 100%
}

.shopitemsarea .item {
	width: 198px;
	height: 250px;
	margin: 15px 16px 0px 0px;
	border: 1px solid #EAEAEA;
	background: #FFF;
	list-style: none;
	float: left;
	padding: 10px;
}

.shopitemsarea .right {
	margin-right: 0px;
	float: right;
}

.shopitemsarea .item #itemname {
	font-weight: bold;
	border-bottom: 1px solid #EAEAEA;
	padding-bottom: 2px;
	margin-bottom: 5px;
}

.shopitemsarea .item #price {
	font-weight: bold;
	font-size: 15px;
}

/* =============== STORE / SHOP CATELOG  AREA ================== */

/* ============ Form segments Styles ================ */

.segment-full {
	width: 100%;
	float: left;
	margin: 0px;
}

.segment-half {
	width: 49%; /* 430px */
	float: left;
}

.chkboxarea {
	display: inline-block;
	margin-bottom: 9px;
	padding: 4px;
	vertical-align: middle;
	height: 18px;
	line-height: 18px;
}

.forms .right {
	float: right;
}

/* ^^^^^^^^^^^^^ Form segments Styles ^^^^^^^^^^^^^^^ */

/* ============ Extended Form Elements Styles ================ */

.btnlink {
	background: none repeat scroll 0 0 #000;
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 15px 10px 20px 0;
	padding: 10px 10px;
	text-decoration: none;
	width: auto;
	display: inline;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.btnlink:hover {
	cursor: pointer;
	text-decoration: none;
}

.fulltextarea {
	width: 884px
}

.halftextarea {
	width: 425px
}

#clubselect {
	float: right;
	margin-top: -28px;
	width: 48%;
}

#searchcriteria .threeinline {
	width: 25%;
	display: inline-block;
}

#searchcriteria .submitbtn {
	color: #DD291E;
	float: right;
	margin: 10px 2px 10px 0px;
}

#searchcriteria #advsearch {
	float: left;
	margin: 10px 2px 10px 0px;
	color: #000;
}

#find_timetable #clubselect {
	float: left;
	margin-top: 0px;
}

#find_timetable .submitbtn {
	color: #DD291E;
	float: right;
	margin: 10px 2px 10px 0px;
}

/* ^^^^^^^^^^^^^ xtended Form Elements Styles ^^^^^^^^^^^^^^^ */

/* ============ Form Specific Elements Styles ================ */

.interelements {
	font-size: 14px;
	font-weight: bold;
	padding: 0px 5px;
}

#frmMembership #enquiry {
	width: 866px;
	height: 60px;
}

#frmMembership #nllablel {
	float: left;
	width: 300px;
}

#securityarea {
	float: right;
	margin-right: 30px;
}

#securityarea #securitycode {
	width: 250px;
	margin-top: -15px;
}

#securityarea .label {
	margin-bottom: -25px
}

#frmMemberlogin {
	margin: 15px 35px
}

#memberloginSubmitBtn {
	width: 100%;
	margin: 15px 0px 15px 0px;
	background: #000;
	color: #FFF;
}

#joinnowBtn {
	width: 100%;
	margin: 15px 0px 15px 0px;
	background: #DD291E;
	color: #FFF;
}

#booknowSubmitBtn {
	width: 50%;
	float: right;
	margin: 15px 0px 15px 0px;
	color: #000;
}

#newgoalsBtn,
#newvideoBtn {
	width: auto;
	margin: 5px 0px 15px 0px;
	background: #DD291E;
	color: #FFF;
	display: inline;
	float: right;
}

#joinuscaserol .joinnowBtn {
	background: #FFF;
	clear: both;
	margin: 0 auto;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 15px 10px 20px 0;
	padding: 10px 15px;
	text-decoration: none;
	width: auto;
	display: inline;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

#joinuscaserol .joinnowBtn:hover {
	cursor: pointer;
	text-decoration: none;
}

/* ^^^^^^^^^^^^ Form Specific Elements Styles ^^^^^^^^^^^^^^^^^ */

/* ----------------------------------------------  Reset form elements ---------------------------------------------- */

.placeholder {
	color: #aaa
}

/* ------------ Inputs, textareas and selects ------------ */

.optionsw {
	width: 85%
}

input,
textarea,
select {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 10px;
	color: #666;
	outline: none;
	font-size: 1em;
}

input[type='file'] {
	width: auto;
	height: auto;
	padding: 0px;
	border-radius: 0px;
	border: none;
	background: transparent;
}

textarea {
	height: 10em;
	font-family: 'Open Sans', sans-serif;
}

textarea.short {
	height: 7em;
}

input[type='submit'],
input[type='checkbox'],
input[type='radio'] {
	width: auto;
	height: auto;
}

#recaptcha_widget_div input {
	display: inline;
	height: auto;
}

#recaptcha_widget_div {
	margin-bottom: 10px;
}

.error-top .error {
	background: pink;
	border: 1px solid red;
	padding: 12px 20px;
	margin-bottom: 16px;
	border-radius: 5px;
}


div#CMSContainer input {
	display: inline;
}

div#CMSContainer {
	margin-bottom: 40px;
}

button,
input[type='submit'] {
	padding: 8px 12px;
	cursor: pointer;
	font-size: 1em;
	background: #ee2d24;
	border-color: #ee2d24;
	color: #fff;
}

button:hover,
input[type='submit']:hover {
	background: #ee2d24 url('../images/header/red-grad-head.jpg') repeat-x;
}

/* ----------- etabs /jqtab plugin css -------------------- */

.etabs {
	padding: 0;
	margin: 0px 0px 0px 5px;
}

.tab {
	display: inline-block;
	zoom: 1;
	background: #000;
	border: solid 1px #EAEAEA;
	border-bottom: none;
	color: #FFF;
}

.tab.active {
	background: #FF2000;
	padding-top: 1px;
	position: relative;
	top: 1px;
	border-color: #EAEAEA;
}

.tab a {
	font-size: 14px;
	line-height: 2em;
	display: block;
	padding: 0 15px;
	outline: none;
	color: #FFF;
}

.tab a:hover {
	text-decoration: underline
}

.tab a.active {
	font-weight: bold
}

.tab-container .panel-container {
	margin-bottom: 10px;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #EAEAEA;
	float: left;
	width: 100%;
}

.tab-container .panel-container ul {
	margin-left: 15px
}

#tabcontent {
	width: 100%
}

.sitepage {
	margin: 0 auto;
	width: 944px;
	z-index: 3;
}

.pagecontent {
	margin: 0px; /* 0px 18px 0px 18px; _NO__DOTCOMMA__AFTER__*/
}

.firstpanel {
	margin: 0 auto;
	margin-top: 8px;
}

.secondpanel {
	margin: 15px 0 auto
}

.secondpanel #paneltop {
	margin: 0 auto;
	width: 100%;
	height: 20px;
	float: left;
	background: url() center top no-repeat;
}

.secondpanel #panelmid {
	margin: 0 auto;
	width: 100%;
	float: left;
	background: url() center top repeat-y;
}

.secondpanel #panelbot {
	margin: 0 auto;
	width: 100%;
	height: 22px;
	float: left;
	background: url() center top no-repeat;
}

/* --- START Second panel Content Segments--------- */

.maincontent {
	/*width: 995px;*/
	z-index: 4;
}

.content-firstrow {
	background-color: #202020;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); /*url(../images/page/firstrowbg.png) 0 0 repeat;_NO__DOTCOMMA__AFTER__*/
	width: 1000px;
	/*height: 380px;*/
}

#left-sidebar {
	float: left
}

.leftcontent {
	display: none;
	width: 0px;
	float: left;
	margin: 10px 5px 10px 5px;
}

.rightcontent {
	display: none;
	width: 660px;
	float: left;
	margin: 10px 5px;
	padding-left: 10px;
}

.pagemidcontent {
	width: 100%
}

.content-thirdrow {
	width: 1000px
}

.bottomcontent {
	float: left;
	margin: 10px 0px;
}

/* --- END Second panel Content Segments--------- */

.thirdpanel {
	background: url() top center no-repeat;
	margin: 15px 0 auto;
}

.thirdpanel #paneltop {
	margin: 0 auto;
	width: 100%;
	height: 22px;
	float: left;
	/*background: url(../images/bg/footer-top.png) center top no-repeat;*/
}

.thirdpanel #panelmid {
	margin: 0 auto;
	width: 100%;
	float: left;
	/*background: url(../images/bg/footer-mid.png) center top repeat-y;*/
}

.thirdpanel #panelbot {
	margin: 0 auto;
	width: 100%;
	height: 22px;
	float: left;
	/*background: url(../images/bg/footer-bot.png) center top no-repeat;*/
}

/* ======= PROPOTIONAL WIDTH SEGMENTS ======= */

.thirty_percent {
	width: 29%
}

.seventy_percent {
	width: 69%
}

.one_fourth {
	width: 24%
}

.one_third {
	width: 32%
}

.three_fourth {
	width: 74%
}

.fifty_percent {
	width: 50%
}

/* ^^^^^^^ PROPOTIONAL WIDTH SEGMENTS ^^^^^^^ */

/********************************
 * generic als elements styling
 ********************************/

.als-container ul,
.als-container li {
	padding: 0
}

.als-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	width: 900px;
}

.als-wrapper {
	position: relative;
	list-style: none;
}

.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
}

.als-prev,
.als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}

/**************************
 * specific als elements
 * styling for #lista1
 **************************/

#lista1 {
	/*margin: 60px auto 80px auto;_NO__DOTCOMMA__AFTER__*/
}

#lista1 .als-item {
	margin: 0px 30px;
	min-height: 140px;
	min-width: 28px;
}

#lista1 .als-item img {
	position: relative;
	display: block;
	vertical-align: middle;
	margin-bottom: 8px;
}

#lista1 .als-prev,
#lista1 .als-next {
	top: 18px;
	width: 15px;
	height: 22px;
}

#lista1 .als-prev {
	left: 9px
}

#lista1 .als-next {
	right: 10px
}

/* End of Sams css */

#memberloginSpacer {
	margin-bottom: 420px
}

#captchaImage {
	position: relative;
	top: 10px;
}

/* Added by Dorota, Sep 2013 */

/* Personal trainer area */

.navBoxHeading span {
	margin: 8px 0px;
	float: left;
}

.trainerFilter {
	width: 962px
}

.trainerFilterIconWrap {
	margin: 0 auto;
	text-align: center;
	width: 720px;
}

.trainerFilterIcon {
	height: 140px;
	width: 70px;
	float: left;
	margin: 5px 7px 5px 0px !important;
	text-align: center;
	border: 1px solid #ccc;
}

.trainerFilterIcon label {
	float: left;
	margin: 1px;
	font-size: 10px;
	text-align: center;
	height: 25px;
	width: 100%;
}

.trainerFilterIcon input {
	margin: 8px;
	position: relative;
	left: 0px !important;
}

.trainerFilterIcon label:before {
	content: none !important
}

.trainerFilterIcon img {
	margin: 10px 0px 8px 0px
}

.trainerModuleWrap h2 {
	margin: 5px 0px 5px 0px;
	padding: 5px 10px 5px 8px;
}

.trainerModuleWrap h3 {
	padding: 15px 10px 5px 20px
}

.trainerModuleWrap p {
	margin: 0px;
	padding: 5px 20px 5px 20px;
	text-align: justify;
}

.trainerContact ul,
.trainerCertification ul {
	margin: 0px;
	padding: 0px 10px 10px 20px;
}

.trainerModuleWrap ul {
	margin: 0px;
	padding: 0px 10px 10px 20px !important;
}

.trainerDivWrap {
	width: 100%;
	border-top: 1px solid #ccc;
}

.trainerDivWrap div {
	float: left
}

.trainerContent {
	display: none;
	background: url("../images/grey-gradient.jpg") repeat-x #fafafa;
}

.productContent {
	width: 908px
}

.trainerHeading {
	background: url("../images/header/red-grad-half.jpg") repeat-x #EE2E24;
	color: #ffffff;
	font-size: 20px;
	margin: 5px 0px 5px 0px;
	cursor: pointer;
}

.trainerName {
	font-weight: bold;
	font-size: 16px;
}

.trainerText {
	float: right;
	width: 694px;
	border-left: 1px solid #ccc;
	padding-bottom: 10px;
	font-size: 13px;
}

.productText {
	width: 664px
}

.trainerAbout {
	width: 100%;
	padding: 10px 0px 10px 0px;
	background: url("../images/grey-gradient.jpg") repeat-x #fafafa;
}

.trainerQualification {
	width: 50%
}

.trainerCertification {
	width: 50%
}

.trainerImage {
	width: 243px;
	height: 100%;
	float: left;
	border-right: 1px solid #ccc;
	margin-right: -1px;
	padding-bottom: 10px;
}

.trainerPhoto {
	width: 90%;
	margin: 5%;
}

.trainerContactLink {
	margin: 3px 0 0 17px;
	display: inline-block;
	height: 49px;
	line-height: 49px;

	background-color: #EE2D24;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;

	background-image: url(/images/envelope.png);
	background-repeat: no-repeat;
	background-position: 12px 14px;
	padding: 0px 27px 0px 67px;

}

.trainerIconWrap {
	margin: 0px 5px;
	float: right !important;
}

.trainerIcon {
	margin: 0px 6px 0px 0px;
	height: 30px;
	position: relative;
	top: 3px;
}

.tooltipWrap {
	float: left
}

.tooltipTriangle {
	position: absolute;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 8px 12px 8px;
	border-color: transparent transparent #888 transparent;
	display: none;
}

.trainerIconWrap .tooltipTriangle {
	margin: 0px 0px 0px 8px
}

#clubpageul .tooltipTriangle {
	margin: 50px 0px 0px 20px
}

.regioninfoul .tooltipTriangle {
	margin: 50px 0px 0px 20px
}

.tooltipBox {
	position: absolute;
	background: #888;
	padding: 3px;
	border: 1px solid #888;
	display: none;
	font-size: 12px;
	color: #fff;
	z-index: 10;
	min-width: 50px;
}

.trainerIconWrap .tooltipBox {
	margin: 10px 0px 0px -10px
}

#clubpageul .tooltipBox {
	margin: 60px 0px 0px 0px
}

.regioninfoul .tooltipBox {
	margin: 60px 0px 0px 0px
}

.bookClass .tooltipBox {
	max-width: 224px;
	margin: 0px 0px 0px -50px;
	font-size: 14px;
}

.bookClass .tooltipTriangle {
	margin: -10px 0px 0px 50px
}

.infodata_details .tooltipBox {
	max-width: 224px;
	margin: -130px 0px 0px -150px;
	font-size: 14px;
}

.infodata_details .tooltipTriangle {
	margin: -50px 0px 0px -150px
}

/* Member Area Content heading */

.memberContentHeading {
	height: 80px;
	background: url("../images/header/red-grad.jpg") repeat-x #EE2E24;
	color: #ffffff;
	margin: 5px 0px 20px 0px;
}

.memberContentHeadingTitle h1 {
	float: left;
	font-size: 40px;
	margin: 12px 20px 12px 20px;
}

.memberContentHeadingIcon {
	float: right
}

.memberContentHeadingIcon img {
	height: 70px;
	padding: 5px;
}

/* Member Area Menu */

.memberMenu {
	list-style-type: none
}

.memberMenu  li {
	float: left
}

/* New CBS class timetable */

.cbs {
	width: 100%;
	font-size: 12px;
	overflow: hidden;
}

.cbs .day {
	width: 14%;
	float: left;
	margin-right: 2px;
}

.cbs .dayName {
	background: #d6d6d6;
	font-size: 14px;
	padding: 6px 10px;
	border: 1px solid #ccc;
	margin-bottom: 2px;
}

.cbs .no-classes-msg {
	border: 1px solid #ccc;
	background: #fafafa;
	margin: 0 0 2px 0;
	min-height: 96px;
	padding: 5px 10px;
}

.cbs .classes {
	list-style-type: none;
	display: block;
}

.cbs .class {
	border: 1px solid #ccc;
	background: #fafafa;
	margin-bottom: 2px;
}

.cbs p {
	margin: 5px 10px
}

.cbs .classType {
	font-weight: bold;
	border-bottom: 3px dotted #ccc;
	padding-bottom: 5px;
	height: 49px;
}


@media only screen
	and (max-width: 800px) {
	.cbs .day {
		width: 100%;
	}

	.cbs .no-classes-msg {
		min-height: auto;
	}

	.cbs .classes {
		height: 0;
		overflow: hidden;
	}

	.cbs .day.open .classes {
		height: auto;
	}
}


/* Book a class  */

.bookClass {
	/*width: 945px;*/
	width: 100%;
	margin-left: -2px;
	table-layout: fixed;
	font-size: 12px;
}

.bookClass td {
	width: 14%;
	border: 1px solid #ccc;
	background: #fafafa;
}

.bookClass p {
	margin: 5px 10px
}

.bookClass h1 {
	background: #d6d6d6;
	font-size: 14px;
	padding: 6px 10px;
}

.bookClassType {
	font-weight: bold;
	border-bottom: 3px dotted #ccc;
	padding-bottom: 5px;
	height: 49px;
}

.bookButton {
	background: #d6d6d6;
	font-size: 14px;
	padding: 2px 10px;
	margin: 0px !important;
	font-weight: bold;
	color: white;
	cursor: pointer;
	height: 20px;
}

.bookButton img {
	float: right;
	height: 14px;
	margin-top: 3px;
}

.bookButtonRed {
	background: url("../images/header/red-grad.jpg") repeat-x #EE2E24 100% 50%
}

.bookButtonRed span:after {
	content: "Book Now"
}

.bookButtonGreen {
	background: #13A300;
}

.bookButtonGreen span:after {
	content: "Cancel"
}

.bookButtonGreenD {
	background: #074000
}

.bookButtonGreenD span:after {
	content: "Cancel"
}

.bookButtonBlack {
	background: #000000
}

.bookButtonBlack span:after {
	content: "Reserve"
}

.bookButtonGrey {
	background: #333
}

.bookButtonGrey span:after {
	content: "Fully Booked"
}

.bookButtonAmber {
	background: #886600
}

.bookButtonAmber span:after {
	content: "Reserved"
}

.bookButtonAmberD {
	background: #FF8000
}

.bookButtonAmberD span:after {
	content: "Cancel"
}

.bookButtonBlue {
	background: #0C88F4
}

.bookButtonBlue span:after {
	content: "Book Soon"
}

.bookButtonTeal {
	background: #00A3A3
}

.bookButtonTeal span:after {
	content: "Login to Book"
}

.bookButtonPink {
	background: #F9C9F9
}

.bookButtonPink span:after {
	content: "Sorry"
}

.bookButtonOrange {
	background: #F7A10C
}

.bookButtonOrange span:after {
	content: "Closed"
}

div.trainerFilter {
	float: left;
	width: 49%;
}

.bookIconWrap {
	float: right
}

.bookIcon {
	float: left
}

.bookIcon img {
	margin: 0px 5px 0px 25px
}

.bookIcon p {
	float: right;
	margin: 20px 0px;
	font-size: 13px;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}

.greyGradBoxRound {
	border: 1px solid #ccc;
	background: #fafafa url('../images/grey-gradient.jpg') repeat-x;
}

.bookWeekWrap {
	font-weight: bold;
	padding: 15px 0 0 20px;
	width: 500px;
}

.bookWeek {
	height: 30px;
	width: 600px;
}

.bookWeek span {
	display: block;
	height: 20px;
	float: left;
	padding: 5px 10px;
}

.bookWeekToday {
	float: left;
	padding: 5px 10px;
	margin: 0px 5px 0px 0px;
	height: 20px;
}

.bookWeekText {
	width: 50%
}

.bookWeekArrowLeft {
	width: 10px
}

.bookWeekArrowRight {
	width: 10px
}

.clubSelector {
	width: 30%;
	float: left;
}

/* POP UPS  */

.popupWrap {
	width: 355px;
	margin: 5px;
	padding: 20px 10px 20px 10px;
	font-size: 13px;
}

.popupWrap h1 {
	margin: 10px 0px
}

.popupWrap a {
	color: inherit
}

.popupWrapCenter {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.popupLineWrap {
	clear: both;
}

.popupLineWrap span {
	display: block;
	margin: 5px 0px 0px 0px;
}

.popupLineWrap label {
	display: block;
}

.thumbUp {
	height: 46px;
	width: 34px;
	float: left;
	margin: 5px;
}

.thumbUpGreen {
	background: url('../images/thumb-up.png')
}

.thumbUpBlack {
	background: url('../images/thumb-down.png')
}

.popupBookButton,
#popupSubmit {
	float: right;
}

.popupBookRating p {
	float: left;
	margin-top: 12px;
}

#popupBookCheck {
	margin: 4px 8px;
	position: relative;
	left: 0px !important;
	display: block;
	float: left;
}

.popupWrap label:before {
	content: none
}

.popupBook a {
	cursor: pointer
}

.popupBookButton a {
	display: block;
	padding: 8px;
}

.popupTableWrap {
	padding: 40px;
}

.popupTable th, .popupTable td {
	padding: 3px;
}

.popupTable th {
	white-space: nowrap;
	text-align: right;
}

/* GYM INFO */

.gymInfoWrap {
	margin-top: 20px;
	font-size: 14px;
}

.gymInfo {
	width: 49%
}

.gymMapWrap {
	width: 49%
}

.gymMap {
	width: 215px;
	height: 150px;
	/*margin: 10px 10px 10px 0px;*/
}

.gymMapText {
	width: 215px;
	margin: 10px 0px 10px 10px;
}

.gymMapButton {
	padding: 5px;
	margin: 0px 10px 10px 0px;
}

.memberAreaH1 {
	color: #ee2d24;
	font-size: 30px;
	font-weight: 900;
	margin: 0px 0px 10px 0px;
}

.gymManagerWrap {
	font-size: 14px
}

.gymManager {
	width: 445px;
	margin: 10px;
	font-size: 14px;
}

.gymManagerData {
	width: 245px;
	margin: 10px;
}

.gymManagerData ul {
	margin-left: 15px
}

.gymManagerPhoto {
	width: 180px;
	margin: 10px;
}

.separator {
	height: 180px;
	width: 2px;
	margin: 10px 0px;
}

.gymInfoBackButton {
	padding: 5px 20px;
	margin: 10px 0px;
	background: #aaa url('../images/grey-grad-dark.jpg') repeat-x bottom;
	color: #fff;
}

/* GYM RULES */

.memberRules {
	padding: 20px
}

.memberRules ul {
	margin-left: 15px
}

/* CONTACT FORM */

form.forms div.formLineWrap{
	width: 100%;
}

/* REFER A FRIEND */

.memberFriend {
	padding: 20px
}

.memberFriend  .formLineWrap {
	width: 400px
}

/* MEMBER CONTACT FORMS */

.memberContactWrap {
	padding: 20px
}

/* MEMBER FORM */

.memberForm label:before {
	content: none
}

.formLineWrap .memberSelect {
	width: 400px;
	height: 28px;
	margin: 5px 0px;
}

/* MEMBER BENEFITS */

.thumbLinksWrap {
	max-width: 965px;
	widows: 100%;
}

.memberThumbLink {
	width: 218px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #DD291E;
}

.benefitsTriangle {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 15px 0 15px;
	border-color: #DD291E transparent transparent transparent;
	margin-left: 90px;
	display: none;
}

.benefitWrap {
	width: 221px;
	float: left;
	margin: 20px 9px 0px 0px;

	width: 24%;
	min-width: 218px;
}

.benefitsText {
	border: 1px solid #ccc;
	padding: 20px;
	display: none;
}

.readMore {
	padding: 5px 10px 20px 20px;
	cursor: pointer;
}

.readMore p {
	min-height: 60px;
	color: #000;
}

.readMore:hover {
	background: #DD291E;
	color: #fff;
}

.jobName {
	margin: 6px 0
}

/* placeholders turning red on invalid */

.invalid::-webkit-input-placeholder {
	/* WebKit browsers */
	color: red;
}

.invalid:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: red;
}

.invalid::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: red;
}

.invalid:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: red;
}

.placeholder {
	color: #777777
}

/* COMMON2 */

div#breadcrumbContainer {
	margin-bottom: 16px;
	font-weight: bold;
	clear: both;
  	padding-top: 20px;
}

div#breadcrumbContainer a {
	color: #A0A0A0;
	border-right: 1px solid #A0A0A0;
	padding-right: 10px;
	margin-right: 10px;
	font-weight: normal;
}

div#breadcrumbContainer a:hover {
	color: #DB291D
}

div.termsContainer ol li {
	margin: 3px 20px 3px 35px;
	font-size: 16px !important;
	line-height: 18px;
}

div.termsContainer ul {
	list-style-type: circle !important;
	font-size: 16px;
}

div.termsContainer ul li {
	display: block;
	border: 0;
	float: none;
	width: 100%;
	padding: 3px 0;
	margin: 0;
	font-size: 16px;
}

div.termsContainer p {
	font-size: 16px !important
}

.forceUL {
	list-style-type: circle !important
}

div.termsContainer h3 {
	margin: 10px 10px 10px 15px
}

#booknowSubmitBtn {
	width: 70%
}

div.descriptionContainer {
	height: auto
}

.jobVacancy {
	border-bottom: 1px solid #CDCDCD;
	margin: 0 20px 10px 20px;
	padding-bottom: 10px;
}

.jobVacancy h2 {
	padding: 10px 0
}

.jobVacancy h2 span {
	color: #000000
}

.jobVacancy p {
	padding: 0
}

.jobPopup {
	background-color: #DD291E;
	color: #FFFFFF;
	margin: 20px 0 0 15px;
	padding: 5px 15px;
	text-align: center;
	display: block;
	width: 100px;
}

input.jobsubmit {
	margin-left: 20px;
	float: left;
}

div.jobstyled {
	width: 200px;
	margin-left: 16px;
}

div.jobform {
	/*width: 700px;*/
	width: 100%;
	margin-bottom: 10px;
	height: 40px;
}

div.jobform div {
	float: left
}

/* End COMMON2 */

/* MISCELLANOUS */

.popupVideo {
	padding: 10px
}

.offerContainer li {
	font-size: 16px;
	margin-left: 30px;
}

.siteMapList li {
	float: left;
	width: 25%;
}

.siteMapList {
	list-style: none
}

/* NUTRITION */

.brandLogo {
	float: left;
	margin: 0 15px 5px 15px;
}

.brandDesc {
	border-top: 1px solid #ccc
}

.trainerAbout .standardButton {
	margin-left: 20px
}

.productName {
	font-size: 16px;
	font-weight: bold;
	margin: 8px 0 0 0;
	display: inline-block;
}

.brandIcon {
	margin: 3px 0 0 0
}

.removeRow {
	cursor: pointer
}

div#tracking {
	height: 0px;
	overflow: hidden;
}

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

div#missionStatement {
	margin: 20px 0px;
	padding: 20px 60px 30px 60px;
	background: #f9f9f9;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

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

div#thumbCarousel.thumbCarouselHome {
	margin-top: 40px;
}

div#thumbCarousel.thumbCarouselClub {
	margin-top: 10px;
}

div#thumbCarousel div.item a {
	display: block;
	padding-top: 234px;
}

div#thumbCarousel div.item a>div {
	border-top: 2px solid #d6071e;
	background: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	opacity: 0.8;
	min-height: 91px;
	color: #fff;
	padding: 10px 10px 5px 10px;
}

div#thumbCarousel div.item div.thumbLinksTitle {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 2px;
}

div#thumbCarousel div.item div.thumbLinksMore {
	margin-top: 10px;
	text-decoration: underline;
}

div#thumbCarousel div.item a:hover div.thumbLinksMore {
	text-decoration: none;
}

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

div#homeCarousel {
	/*height: 437px;*/
}

div#thumbCarousel {
	height: 342px;
}

div#thumbCarousel div.owl-nav .owl-prev, div#thumbCarousel div.owl-nav .owl-next {
	position: absolute;
	top: 148px;
	left: -33px;
	width: 33px;
	height: 33px;
	padding: 0;
	border-radius: 0;

	background-image: url(/images/carousel-nav.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;

	/* hide text */
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

div#thumbCarousel div.owl-nav .owl-next {
	left: auto;
	right: -38px;
	background-position: -90px 0;
}

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

div#specialOffersContainer {
}

div#specialOffersContainer div.specialOffer {
	float: left;
	width: 460px;
	background: #f9f9f9;
	border-bottom: 1px solid #ccc;
	min-height: 335px;
	margin-bottom: 20px;
}

div#specialOffersContainer div.specialOffer:nth-child(odd) {
	margin-right: 20px;
}

div#specialOffersContainer div.specialOffer div.specialOfferBanner {
	background: #ccc;
}

div#specialOffersContainer div.specialOffer div.specialOfferBanner img {
	height: 100px;
}

div#specialOffersContainer div.specialOffer div.specialOfferText {
	padding: 15px;
}

div#specialOffersContainer div.specialOffer div.specialOfferLink {
	margin-top: 30px;
}

div#specialOffersContainer div.specialOffer div.specialOfferLink a {
	background: #ee2d24;
	color: #fff;
	font-weight: bold;
	padding: 10px 15px;
}


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

div#featuredFacilitiesContainer,
div#featuredClassesContainer {
	margin: 10px -10px;
}

div.featureBox {
	width: 220px;
	float: left;
	margin: 10px;
}

div.featureBox a {
	display: block;
	background: #efefef;
}

div.featureBox a:hover {
	background: #ccc;
}

div.featureBox img {
	max-width: 100%;
	min-width: 100%;
}

div.featureBox div.titleBox {
	padding: 20px 10px;
}

div.featureBox div.titleBox div.headerText {
	font-size: 1.2em;
}

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

div#loginPanelTitle {
	background: #181818;
	color: #f9f9f9;
	padding: 10px;
	font-size: 1.2em;
	margin-bottom: 10px;
}

div#loginPanel,
div#registerPanel {
	clear: both;
}

div#loginPanel input[type='submit'] {
	width: 100%;
}

div#registrationInfo,
div#lostPasswordInfo {
	margin-top: 0px;
	padding: 5px;
}

div#registrationInfo p,
div#lostPasswordInfo p {
	padding: 0px;
	margin: 0px;
}

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

label {
	font-weight: bold;
}

/**********************************
 * Modal styles
 **********************************/
div.modalTitle {
	background: #181818;
	color: #f9f9f9;
	padding: 10px;
	font-size: 1.2em;
	margin-bottom: 10px;
}

/**********************************
 * Embedded blog styling
 **********************************/

.blog-embed * {
	box-sizing: border-box;
}

.blog-embed h1 {
	margin-bottom: 15px;
}

.blog-embed div#box-post-list {
	margin: 0 -5px;
	overflow: hidden;
}

.blog-embed .similar-posts-title {
	margin: 40px 0 20px;
}

.blog-embed div#box-post-list div.box-post {
	float: left;
	width: 32.25%;
	margin: 0 5px 25px 5px;
	min-height: 303px;
}

.blog-embed div#box-post-list div.box-post img {
	min-width: 100%;
	max-width: 100%;
	min-height: 69px;
	margin: 0px;
	display: block;
	border-bottom: 1px solid #fff;
}

.blog-embed div#box-post-list div.box-post {
	background: #efefef;
}

.blog-embed div#box-post-list div.box-post div.box-post-image-placeholder {
	width: 100%;
	height: 69px;
	background: radial-gradient(ellipse at center, #7d7e7d 0%,#0e0e0e 100%);
	border-bottom: 1px solid #fff;
}

.blog-embed div#box-post-list div.box-post div.box-post-inner {
	padding: 10px;
}

.blog-embed div#box-post-list div.box-post div.box-post-inner h2 {
	font-size: 1.2em;
	margin: 0px;
	min-height: 45px;
}

.blog-embed div#box-post-list div.box-post div.box-post-inner div.date {
	font-size: 0.9em;
	margin: 5px 0;
	min-height: 15px;
}

.blog-embed div#box-post-list div.box-post div.box-post-inner div.excerpt {
	height: 95px;
	overflow: hidden;
}

.blog-embed div#box-post-list div.box-post-link a {
	display: block;
	background: #db291d;
	color: #fff;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	margin-top: 15px;
}

.blog-embed div#box-post-list div.box-post-link a:hover {
	background: #dc4d43;
}

.blog-embed div#single-content {
	width: 918px;
	margin: 0 auto 25px;
}

.blog-embed div#single-content article h1 {
	font-size: 1.6em;
}

.blog-embed div#single-content article h2 {
	font-size: 1.2em;
	margin-top: 20px;
}

.blog-embed .contributor-logo {
	display: block;
	margin-top: 5px;
}


div#blog-top-links {
	float: right;
	margin-top: -45px;
}

.blog-embed div#blog-top-links a {
	display: inline-block;
	margin-left: 2px;
	background: #efefef;
	padding: 10px;
	font-weight: bold;
	color: #000;
}

.blog-embed div#blog-top-links a:hover, .blog-embed div#blog-top-links a.active {
	background: #ccc;
}

.blog-embed div#pagination-full {
	clear: both;
	padding: 0px 0px 25px 0px;
	text-align: center;
}

.blog-embed div#pagination-full span, .blog-embed div#pagination-full a {
	display: inline-block;
	padding: 4px;
	border: 1px solid #999;
	min-width: 30px;
}

.blog-embed div#pagination-full span.current, .blog-embed div#pagination-full a.current {
	background: #efefef;
}


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

div.membersBanner a img{
	width: 100%;
	padding: 0px 0px 20px 0px;
}

/***********MEDIA QUERIES **********/

@media screen and (max-width: 720px){
	.bookClass h1 {
		font-size: 10px;
	}
}

@media screen and (max-width:650px) {
	div#specialOffersContainer div.specialOffer:nth-child(odd){
		width: 100%;
	}
	div#specialOffersContainer div.specialOffer:nth-child(even){
		width: 100%;
	}
	div#specialOffersContainer div.specialOffer div.specialOfferBanner img {
		width: 100%;
	}
}

@media screen and (max-width: 570px) {
	div.jobform {
		height: 80px;
	}
}

@media screen and (max-width: 560px) {
	.gymMapButton{
		display: none;
	}
}

@media screen and (max-width: 340px) {
	div.jobform {
		height: 120px;
	}
}

@media screen and (max-width:980px){
	#topLinkInner {
		width: 100%;
		margin: auto;
		display: table;
	}
	#topLinkStore, #topLinkInner a {
		width: 25%;
		margin: 0;
		float: none;
		display: table-cell;
		vertical-align: top;
		border-left: 1px solid #fff;
	}
	#topLinkInner a:first-child {
		border: none;
	}
	div#topLinkInner a#topLinkStore{
		width: 24%;
	}
	#left-sidebar {
		width: 29%;
	}
	#right-sidebar{
		width: 70%;
	}
	.club_adrs {
		width: 44%;
		padding-right: 1%;
	}
	#map_canvas {
		max-width: 100%;
	}
	div#siteContainer, div#topHeaderInner{
		width:auto;
	}
	#topLinkOuter{
		background: none;
	}
	div#topHeaderConnect{
		margin:auto 0;
	}
	div#topLinkOuter{
		background: none;
	}
	div#thumbCarousel.thumbCarouselHome{
		clear: both;
	}
	div#homeCarousel{
		clear: both;
		padding-top: 20px;
	}
	div.navBoxIconContainer{
		width: 100%;
	}
	#topLogo {
		width: 40%;
		text-align: center;
		margin: 0;
		padding-top: 20px;
	}
	#topLogo img {
		max-width: 100%;
	}
	#topLinks {
		width: 60%;
		float: right;
		padding-top: 29px;
	}
	ul#ulNav {
		width: 100%;
		text-align: right;
		margin-bottom: 0;
		float: none;
		overflow: hidden;
		padding: 20px 0;
	}
	ul#ulNav li {
		float: none;
		display: inline-block;
	}
	.footerList {
		width: 25%;
	}

	#footerSocial {
		margin-top: 10px;
	}

	div.featureBox {
		width: 25%;
		margin: 0;
	}

	div.featureBox a {
		margin: 10px;
	}

	.trainerFilter {
		width: 100%;
	}

	.trainerFilterIconWrap {
		width: 100%;
	}

	.trainerFilterIcon {
		width: 31%;
		margin: 5px 1px 5px 0px !important;
	}

	.navBoxHeading, .accordionBoxHeading {
		height: auto;
		padding-bottom: 3px;
	}

	.trainerIconWrap {
		clear: both;
		float: none !important;
		overflow: hidden;
	}

	.trainerImage {
		border: none;
		width: 30%;
	}

	.trainerText {
		border: none;
		width: 70%;
	}

	.trainerDivWrap {
		border: none;
	}

	#rightbtnsArea .btnlink {
		margin: 5px 0;
		width: 80%;
	}

	#rightbtnsArea #clubOpeningHours {
		width: 98%
	}

	.contentbox .inlineblackh3:last-child {
		margin-top: 4px !important;
	}

	div#specialOffersContainer div.specialOffer {
		width: 49%;
	}

	div#specialOffersContainer div.specialOffer:nth-child(odd) {
		margin-right: 2%;
	}

	div#specialOffersContainer div.specialOffer div.specialOfferBanner img {
		height: auto;
		max-width: 100%;
	}

	.bookWeekWrap {
		width: 67%;
		padding-left: 3%;
	}

	.bookWeek {
		float: left;
		width: auto;
	}

	.bookWeekText {
		width: auto;
	}

	.bookIconWrap {
		display: block;
		clear: both;
		float: none !important;
	}

	.bookIcon:not(.none) {
		display: inline-block;
		float: none;
		text-align: left;
	}

	.bookIcon img {
		margin: 0;
	}

	.mainBannerContainerBaseTall,
	.mainBannerContainerTextRight {
		width: 100%;
	}

	.mainCarousel {
		position: relative;
	}

	.mainCarousel .caroufredsel_wrapper {
		margin: 0 auto !important;
	}

	.smallBoxSpacer {
		margin: 0 10px;
	}

	.smallLowerBox {
		width: 100%;
	}

	.mainCarousel .aLink {
		display: block;
		text-align: center;
	}

	.mainCarousel .textBox {
		padding-left: 0;
	}

	.arrow_left, .arrow_left1 {
		left: 0;
		margin-top: -38px;
		position: absolute;
		right: auto;
		top: 50%;
	}

	.arrow_right, .arrow_right1 {
		left: auto;
		margin-top: -38px;
		position: absolute;
		right: 0;
		top: 50%;
	}

	.gymMapWrap {
		width: 30%;
	}

	.gymMapText {
		float: none !important;
		width: auto;
	}

	.gymMap {
		border: none;
		width: 100%;
	}

	.gymInfo {
		width: 65%;
	}

	.gymManagerWrap {
		text-align: center;
	}

	.gymManagerPhoto {
		float: none !important;
	}

	.separator {
		display: none;
	}

	.gymManagerData {
		float: none !important;
		width: auto;
	}

	.gymManager {
		float: none !important;
		width: auto;
	}

	.thumbLinksWrap {
		text-align: center;
	}

	.benefitWrap {
		float: none !important;
		display: inline-block;
		margin: 20px 4px 0;
		vertical-align: top;
	}

	.thumbLinksWrap.benefits .benefitWrap {
		margin: 20px 1% 0;
		width: 31%;
		min-width: initial;
	}

	.thumbLinksWrap.benefits .benefitWrap .memberThumbLink {
		width: 100%;
	}

	.thumbLinksWrap.benefits .benefitWrap .benefitsTriangle {
		margin-left: -15px;
		position: relative;
		left: 50%;
	}
}

@media screen and (max-width:767px) {
	#topHeaderOuter {
		min-height: none;
	}

	#topHeaderInner .button {
		float: none !important;
		display: block;
		padding: 0;
		margin: 0 0 2px;
		width: 100%;
		text-align: center;
	}

	#topLogo {
		float: none;
		width: 100%;
	}

	#topLinks {
		width: 100%;
		float: none;
		padding-top: 0;
	}

	ul#ulNav {
		text-align: center;
	}

	#topLinkInner {
		display: block;
		text-align: center;
	}

	#topLinkStore, #topLinkInner a {
		border: none;
		width: 49%;
		display: inline-block;
		margin: 1px 0;
	}

	div#topLinkInner a#topLinkStore {
		width: 49%;
	}

	#topLinkInner img {
		float: none;
	}

	div#thumbCarousel.thumbCarouselHome {
		margin-top: 20px;
	}

	div#thumbCarousel .owl-item .item {
		background-size: 100% auto;
	}

	div#thumbCarousel div.item a>div {
		padding: 10px 5px 5px;
	}

	div.featureBox {
		width: 50%;
		margin: 0;
	}

	div.featureBox a {
		margin: 10px;
	}

	.trainerImage {
		float: none;
		margin: auto;
		border: none;
		width: 100%;
	}

	.trainerText {
		float: none;
		border: none;
		width: 100%;
	}

	#left-sidebar {
		float: none;
		width: 100%;
	}

	#searchcriteria .threeinline {
		width: 100%;
	}

	#filter_region,
	#filter_region + #booktrial {
		display: none;
	}

	#right-sidebar{
		float: none;
		width: 100%;
	}

	a#topHeaderLocator img,
	a#topHeaderLogin img,
	a#topHeaderMemberHome img,
	a#topHeaderLogout img
	{
		display: none;
	}

	ul#clubpageul li {
		width: 19.2%;
	}

	.contentbox .inlineblackh3:last-child {
		display: block;
		float: none !important;
		margin-top: 4px !important;
	}

	div#specialOffersContainer div.specialOffer {
		width: 48.6%;
	}

	.memberContentHeadingIcon {
		display: none;
	}

	.bookWeekWrap {
		clear: left;
		float: none;
		width: 100%;
		padding-left: 0;
	}

	.bookWeek {
		float: left;
		width: auto;
	}

	.bookWeekText {
		width: auto;
	}

	.bookIconWrap {
		display: inline-block;
		clear: both;
		float: none !important;
	}

	.bookIcon:not(.none) {
		float: none;
		text-align: left;
	}

	.topSectionWrap .styled {
		width: 100% !important;
	}

	.bookTable .accordionBoxContainer {
		overflow-x: scroll;
	}

	.bookClass {
		width: 945px;
	}

	.trainerName.rfloat {
		display: block;
		float: none !important;
	}

	div.navBoxIconContainer {
		text-align: center;
	}

	.navBoxOuter {
		float: none;
		display: inline-block;
		margin: 5px;
		vertical-align: top;
	}

	.bookTable .redGradHead {
		position: relative;
	}

	.bookTable .redGradHead:after {
		content: "";
		display: block;
		position: absolute;
		top: 110%;
		right: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 0 4px 15px;
		border-color: transparent transparent transparent #E6251C;
	}
}

@media screen and (max-width: 930px){
	.contentbox_details{
		width: 100%;
	}
}

@media screen and (max-width: 893px){
	div.mainBannerContainer
	div.mainBannerContainerText span {
		font-size: 25px;
	}

}

@media screen and (max-width: 874px) {
	#bodyUpdateDescription {
		margin-top: -10px;
	}
}

@media screen and (max-width: 760px){
	.quoteBox {
		width: 100%;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 750px){
	div#topLinks#ulNav{
		float: left;
		font-size: small;
		z-index: 1;
	}
}

@media screen and (max-width: 733px){
	div#topLinks ul#ulNav{
		width: 100%;
		padding: 20px 0px 20px 0px;
		text-align: center;
	}
}

@media screen and (max-width: 710px){
	div#footerPayment img{
		width: 200px;
	}
}
@media screen and (max-width: 590px) {
	#clubpageul {
		padding-left: 0;
	}

	ul#clubpageul li {
		width: 24%;
	}
}

@media screen and (max-width: 580px){
	div#bodyUpdateOuter
		div#bodyUpdateInner{
			text-align: center;
		}

	div#bodyUpdateOuter
		div#bodyUpdateInner
			div#bodyUpdateDescription{
				display: none;
			}

	div#bodyUpdateOuter
		div#bodyUpdateInner
			div#bodyUpdateForm{
				text-align: center;
				display: inline-block;
				float: none;
			}

	.footerList {
		margin-bottom: 10px;
		width: 50%;
	}

	.footerList:nth-child(3) {
		clear: left;
	}
}

@media screen and (max-width: 560px){
	div.gymInfoWrap div:nth-child(1){
		width: 100%;
	}

	div.gymInfoWrap div:nth-child(2){
		width: 100%;
	}

	div.gymMap{
		min-width: 230px;
		width: 100%;
	}

	.memberContentHeading {
		height: auto;
		margin-bottom: 5px;
	}

	.memberContentHeadingTitle h1 {
		font-size: 30px;
	}

	.bookWeekToday {
		float: none;
		margin-bottom: 10px;
		display: inline-block;
	}

	.bookWeek {
		float: none;
	}
}

@media screen and (max-width: 535px){
	div#topLogo a img{
		max-width: 90%;
	}
	div#footerCredit, div#footerBottomRight{
		font-size: xx-small;
	}
	div#footerPayment img{
		width: 100px;
	}

	div#topLinks ul#ulNav{
		padding: 20px 0px 20px 0px;
	}

	.regioninfo  {
		font-size: 10px;
	}

	ul#clubpageul {
		width: 55%;
	}

	ul#clubpageul li {
		width: 33%;
	}

	#rightbtnsArea {
		width: 44%;
	}

	
}

@media screen and (max-width: 490px){
	form#formReferFriend
		div.formLineWrap input{
			width: 240px;
		}
	div.gymManager{
		width: 90%;
	}

	#topLogo {
		height: auto;
	}

	div#topLinks ul#ulNav {
		padding: 10px 0;
	}

	ul#ulNav li {
		display: block;
		border: none;
	}

	div#topLinkInner a#topLinkStore img {
		height: 46px;
	}

	ul#clubpageul {
		float: none;
		width: 100%;
	}

	ul#clubpageul li {
		width: 25%;
	}

	#rightbtnsArea {
		float: none;
		width: 100%;
	}

	#rightbtnsArea .btnlink {
		width: 100%;
		padding: 10px 0;
	}

	.bookWeek {
		height: auto;
		position: relative;
	}

	.bookWeek .bookWeekText {
		float: none;
		width: 100%;
		margin: 5px auto;
		max-width: 75%;
		padding: 5px 0;
		height: auto;
		text-align: center;
	}

	.bookWeekArrowRight {
		left: 0;
		margin-top: -16px;
		position: absolute;
		top: 50%;
	}

	.bookWeekArrowLeft {
		margin-top: -16px;
		position: absolute;
		right: 0;
		top: 50%;
	}

	.mainContainer .suf_signUp select {
		width: 100%;
	}

	#memberprofile .info_row .infotitle_details,
	#memberprofile .info_row .infodata_details {
		display: block;
		float: none;
		width: 100%;
	}

	.thumbLinksWrap.benefits .benefitWrap .memberThumbLink img {
		display: none;
	}

	.thumbLinksWrap.benefits .benefitWrap .memberThumbLink .readMore {
		padding: 5px;
	}
}

@media screen and (max-width: 437px){
	div.memberContentHeadingIcon{
		margin-top: 20px;
	}
	div.memberContentHeadingTitle h1{
		font-size: 24px;
	}
	#topLinkStore, #topLinkInner a,
	div#topLinkInner a#topLinkStore {
		background-size: 100% 100%;
		display: block;
		min-height: 46px;
		padding: 1px;
		width: 100%;
	}

	#topLinkInner div.top-nav-title {
		margin-top: 4px;
	}

	#topLinkInner a:hover {
		background: url(../images/layout/top-nav-bg.png) repeat-x;
		background-size: 100% 100%;
		min-height: 46px;
		height: auto;
	}

	div#topLinkInner a#topLinkStore:hover {
		background-size: 100% 100%;
	}

	div#topLinkOuter {
		margin-bottom: 0;
	}

	.mainBannerContainer {
		margin-bottom: 0;
	}

	div.featureBox:nth-child(2n+1) {
		clear: left;
	}

	.panel-container .contextarea {
		margin: 10px 0 20px;
	}

	#throw {
		display: none;
	}

	.regioninfo {
		float: none;
		border-left: none;
		border-right: none;
		font-size: 12px;
		padding: 5px 1%;
	}

	.pagination {
		text-align: center;
	}

	.pagination a {
		margin: 3px;
	}

	.panel-container .pagination a, .pagenums {
		float: none;
		display: inline-block;

	}

	.pagenums {
		width: 100%;
	}

	.club_colum {
		display: block;
		width: 50%;
	}

	.club_adrs {
		display: block;
		padding-bottom: 5px;
		width: 49%;
	}

	.club_contact {
		border-top: 1px solid #EAEAEA;
		clear: both;
		display: block;
		float: none;
		padding-top: 5px;
		width: 100%;
		text-align: center;
	}

	.regioninfo br.clearboth {
		display: none;
	}

	.club_contact a {
		display: block;
	}
}

@media screen and (max-width: 402px){
	div.mainBannerContainerText {
		display: none;
	}
	div.mainBannerContainerBase {
		display: none;
	}

	.footerList {
		float: none;
		font-size: 13px;
		margin-bottom: 20px;
		text-align: center;
		width: auto;
	}

	#footerSocial {
		float: none;
		text-align: center;
	}

	div.featureBox {
		float: none;
		width: 100%;
	}

	.trainerDivWrap div {
		float: none;
		width: 100%;
	}

	#frmGeneralEnquiriesForm .contextarea,
	#BookTour .contextarea {
		margin: 10px;
	}

	.chkboxarea {
		height: auto;
		line-height: 1.2;
	}
}

@media screen and (max-width: 360px) {
	ul#clubpageul li {
		width: 33.33%;
		text-align: center;
	}
}

.club_header
{
	color: #F00;
}

.blog--title
{
	font-size: 2em;
	margin-bottom: 15px;
}

.personal-trainer-location-content h2 {
	color: #000;
    font-size: 15px;
}

/* END */