@charset "utf-8";
/* FitSense */

* {margin:0; padding:0;}
body {color:#141318; font-size:1em; font-family:Helvetica, Arial, sans-serif; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-family:'Montserrat', Helvetica, Arial, sans-serif; font-weight:400; text-transform:uppercase;}
h1 {font-size:2.2em;}
h2 {font-size:1.6em; margin:0 0 20px 0;}
h3 {font-size:1.4em; margin:0 0 10px 0;}
h4 {font-size:1.2em; margin:0 0 10px 0;}
p {font-size:1em; line-height:1.6em; margin-bottom:16px;}
ul {list-style-type:disc; margin:30px;}
ol {margin:30px;}
li {font-size:1em; line-height:1.6em;}
a, a:visited {color:#0A6A92; text-decoration:underline;}
a:hover {text-decoration:none;}

/* common */
.basePad {padding:40px 0;}
.generic {width:960px; margin:0 auto; text-align:left; overflow:hidden;}
.holdDarkBlue {background:#0A6A92;}
.holdMediumBlue {background:#55c7f3;}
.holdLightBlue {background:#C7EAF9;}
.holdOffBlue {background:#69A1B8;}
.holdDarkGray {background:#424242;}
.holdMediumGray {background:#6D706F;}
.holdLightGray {background:#B1B0B0;}
.holdWhite {background:#FFF;}

.darkBlue {background:#0A6A92;}
.mediumBlue {background:#55c7f3;}
.darkGray {background:#424242;}
.mediumGray {background:#6D706F;}

.darkBlueText {color:#0A6A92;}
.mediumBlueText {color:#55c7f3;}
.darkGrayText {color:#424242;}
.mediumGrayText {color:#6D706F;}
.whiteText {color:#FFF;}

/* header */
.header {width:960px; margin:0 auto; overflow:hidden;}
.headerLeft {float:left; width:300px;}
.headerRight {float:right; width:600px;}
.header {}
.logo {padding:25px 0;}
.logo img {border:none;}
.nav {padding:30px 0 0 0; float:right;}
.navHomeOnly {padding:44px 0 0 0; float:right;}
.secondNav {padding:15px 0; float:right;}
.secondNav img {border:none;}

/* menu */
ul#menu {list-style-type:none; margin:0;}
ul#menu li {display:inline; margin:0 0 0 40px; text-align:right;}
ul#menu li a {color:#424242; text-decoration:none; font-weight:bold;}
ul#menu li a:visited {color:#424242;}
ul#menu li a:hover {color:#0A6A92; text-decoration:underline;}

/* second menu */
ul#secondMenu {list-style-type:none; margin:0;}
ul#secondMenu li {display:inline; text-align:right; font-size:12px; padding:0 3px;}
ul#secondMenu li img {vertical-align:middle; padding:0 3px;}
ul#secondMenu li a {color:#424242; text-decoration:none; font-weight:bold;}
ul#secondMenu li a:visited {color:#424242;}
ul#secondMenu li a:hover {color:#0A6A92; text-decoration:underline;}

/* top band */
.topBandContainer {background:url(../images/silhouette.png) no-repeat bottom center; overflow:hidden;}
.topBand {width:960px; margin:0 auto; color:#FFF; overflow:hidden;}
.topBandLeft {float:left; width:45%;}
.topBandRight {float:right; width:50%;}

/* quote */
.quote {width:960px; margin:0 auto; text-align:center; overflow:hidden;}
.quoteButt {padding:30px 0;}
.quoteButt a {color:#FFF; padding:20px 40px; text-transform:uppercase; text-decoration:none;}
.quoteButt a:visited {color:#FFF;}
.quoteButt a:hover {background:#B1B0B0;}

/* highlight */
.highlights {width:960px; margin:0 auto; overflow:hidden;}
.highlightCol {float:left; width:180px; height:310px; padding-top:40px;}
.highlightColWide {float:left; width:240px; height:310px;}
.highlight {text-align:center; color:#FFF; text-transform:uppercase;}
.highlight img {display:block; padding:20px 0; text-align:center; margin:0 auto; border:none;}
.highlight a {color:#FFF; text-decoration:none;}
.highlight a:visited {color:#FFF; text-decoration:none;}
.highlight a:hover {color:#FFF; text-decoration:underline;}

/* clients */
.clients {width:960px; margin:0 auto; overflow:hidden;}
.client {float:left; width:136px; text-align:center;}

/* health info */
.healthInfo {width:960px; margin:0 auto; overflow:hidden; color:#FFF;}
.healthInfoLeft {width:300px; float:left; padding-right:10px;}
.healthInfoMid {width:310px; float:left;}
.healthInfoRight {width:310px; float:right;}

/* benefits */
.benefits {width:960px; margin:0 auto; overflow:hidden;}
.benefitsLeft {width:300px; float:left; padding-right:10px;}
.benefitsMid {width:310px; float:left;}
.benefitsRight {width:310px; float:right;}

/* whyFitSense */
.whyFitSense {width:960px; margin:0 auto; overflow:hidden;}
.whyLeft {width:300px; float:left; padding-right:10px;}
.whyMid {width:310px; float:left;}
.whyRight {width:310px; float:right;}

/* advantages */
.advantages {width:960px; margin:0 auto; overflow:hidden; color:#FFF;}
.advantagesLeft {width:300px; float:left; padding-right:10px;}
.advantagesMid {width:310px; float:left;}
.advantagesRight {width:310px; float:right;}

/* preFooter */
.preFooter {width:960px; margin:0 auto; overflow:hidden;}
.preFooterLeft {width:300px; float:left; padding-right:10px;}
.preFooterLeft img {border:none;}
.preFooterMid {width:310px; float:left;}
.preFooterRight {width:310px; float:right;}
ul.footerList {list-style-type:none; margin:0;}
ul.footerList li {}
ul.footerList a {text-decoration:none; color:#424242; border-bottom:1px solid #B1B0B0;}
ul.footerList a:visited {color:#424242;}
ul.footerList a:hover {color:#B1B0B0;}

/* footer */
.footer {color:#69A1B8; font-size:12px; text-align:center; padding:20px 0;}
.footer a {color:#69A1B8; text-decoration:none;}
.footer a:visited {color:#69A1B8; text-decoration:none;}
.footer a:hover {color:#69A1B8; text-decoration:underline;}

/*###########################################################
HEALTH CHECKS
###########################################################*/

.pageHeader {width:960px; margin:0 auto; overflow:hidden;}
.pageHeader h1 {color:#FFF; line-height:60px; padding:20px 0;}
.pageHeaderLeft {float:left; width:85%;}
.pageHeaderRight {float:right;}

.healthcheckfeatures {width:960px; margin:0 auto; overflow:hidden;}

/* Health Check Comparison Table */
.comparisonTable {width:98%; border:1px solid #d7d7d7; margin:10px 0 30px 0;}
.comparisonTable th {padding:10px; text-align:center;}
.comparisonTable td {border-top:1px solid #d7d7d7; padding:10px; font-size:14px;}
.comparisonTable ul {list-style-type:none; margin:0; padding:0;}
.comparisonTable li {margin:0; padding:0; line-height:24px; text-align:left;}
.checkType {text-align:center; vertical-align:top; font-weight:bold;}
.checkTypeButton {margin:20px 0 0 0;}

/* outcomesinclusions */
.outcomesinclusions {width:960px; margin:0 auto; overflow:hidden;}
.outcomesinclusionsLeft {float:left; width:45%;}
.outcomesinclusionsRight {float:right; width:50%;}
ul.outcomes {list-style-type:none; margin:0;}
ul.inclusions {list-style-type:none; margin:0;}

/* Steps */
.easy {width:960px; margin:0 auto; overflow:hidden;}
.steps {width:824px; margin:0 auto;}
.stepsCol {text-align:left; float:left; padding:20px;}
.step {width:166px; margin:0 auto;}
.step p {width:166px;}
.step img {display:block;}

/* Questions */
.questions h2 {color:#FFF; text-align:center; margin-bottom:0;}
.questions a {color:#FFF;}
.questions a:visited {color:#FFF;}
.questions a:hover {color:#FFF;}

/* Forms */
table.forms {border-top:1px solid #CCC; border-right:1px solid #CCC; font-size:12px; margin-bottom:30px;}
.leftBorder {border-left:1px solid #CCC;}
table.forms th {padding:14px; border-bottom:1px solid #CCC;} 
table.forms th.first {background:#222; color:#FFF; border-left:1px solid #CCC; border-right:1px solid #CCC; width:25%; font-weight:bold;}
table.forms th.second {background:#222; color:#FFF; border-left:1px solid #CCC; border-right:1px solid #CCC; font-weight:bold;}
table.forms td {padding:14px; border-bottom:1px solid #CCC;}
table.forms td.labels {background:#EEE; border-left:1px solid #CCC; border-right:1px solid #CCC; width:25%; font-weight:bold;}
table.forms td.labels .little {font-size:11px; display:block; font-weight:normal; padding:5px 0; color:#666;}
table.forms td.fixCol {border-left:1px solid #CCC; border-right:1px solid #CCC;}
table.forms td.bookNow {font-size:20px;}
textarea {font-family:Helvetica, Arial, sans-serif; font-size:12px; padding:3px; border:solid 1px #cccccc;}
input {padding:3px;}
select {padding:3px; border:solid 1px #cccccc;}
option {padding:2px;}
label {padding:0 10px 0 0;}
.btn {font-weight:bold;}
.validators {font-weight:bold; color:#F00; text-transform:uppercase;}
.successMessage {color:#390; font-weight:bold; margin:10px 0 30px 0; padding:10px; border:1px solid #390; display:block;}
.notable {border:none;}
.notable tr, .notable td {border:none !important;}

/* Resources */
.resources {width:960px; margin:0 auto; overflow:hidden;}
ul.resourcesMenu {list-style-type:none; margin:0; padding:10px; background-color:#C7EAF9;}
ul.resourcesMenu li {display:inline-block; padding:0 20px 0 0; font-weight:bold;}
ul.resourcesMenu li a {text-decoration:underline; color:#333;}
ul.resourcesMenu li a:visited {color:#333;}
ul.resourcesMenu li a:hover {text-decoration:none;}

/* normal table */
table.normal {border:1px solid #CCC; border-collapse:collapse; margin:0 0 20px 0; width:100%}
table.normal td {border:1px solid #CCC; padding:14px;}
table.normal th {padding:14px; background-color:#333; color:#FFF;}

/* newsletter */
hr.newsletter {color:#ddd; width:100%; height:1px; margin:16px 0 32px 0;}
blockquote.newsletterQuote {display:block; background:#D4DCE2; padding:20px 30px; margin:10px 0; font-style:italic;}
img.newsletterImg {margin:0 0 20px 20px; padding:2px; border:1px solid #DDD;}

/* faq */
.customs {width:960px; margin:0 auto; overflow:hidden;}
ul.customsMenu {list-style-type:none; margin:0; padding:10px; background-color:#C7EAF9;}
ul.customsMenu li {display:inline; padding:0 10px; font-weight:bold;}
ul.customsMenu li a {text-decoration:underline; color:#333;}
ul.customsMenu li a:visited {color:#333;}
ul.customsMenu li a:hover {text-decoration:none;}
p.faqQuestion {font-weight:bold; margin:30px 0 6px 0;}

/* case studies */
ul.linkList {list-style-type:none; margin:0;}
ul.linkList li {color:#0A6A92; text-decoration:underline; display:inline-block; width:140px; /*border:1px solid #CCC;*/ padding:6px; text-align:center; height:140px; vertical-align:top; margin:0 0 20px 0;}
ul.linkList li:hover {cursor:pointer;}
.staff {font-size:14px; font-weight:bold; color:#999999; text-transform:uppercase; font-style:italic; margin-top:-16px;}

/* booking divs */
.location {
	border:1px solid #ff5e62;
	background-color:#f6f2f2;
	padding:20px 30px;
	margin:0 0 30px 0;
}
.location p {
	font-weight:bold;
}
.location a {
	color:#FFF;
	background-color:#ff5e62;
	font-size:20px;
	line-height:40px;
	text-decoration:none;
	padding:10px 16px;
}
.location a:hover {
	filter: brightness(125%);
}