/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : The Fitness Space Stylesheet
Author : Wes Smith for Moresoda.co.uk

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#582526 url(../images/bg.gif) 50% 0 no-repeat; color:#ffffff; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

ul, ol {
	margin:0;
	padding:0 0 5px 0;
}
 
li {
	padding:0;
	margin:0 0 5px 15px;
	list-style-type: square;
}


/* ----- IDS ----- */
#container { width:950px; margin:0 auto; text-align:left; font-size:120%; background:url(../images/contentBg.gif) 0 0 repeat-y; position:relative;} 
#container #leftCol { float:left; width:670px;}
#container #leftCol p { padding:0 70px 10px 0;}
#container #leftCol #header { width:670px; height:149px; background:#582526; position:relative;}
#container #leftCol #header #logo { position:absolute; top:24px; left:0;}
#container #leftCol #banner { width:670px; height:243px; background:#e9f2f7; position:relative;}
#container #leftCol #banner .bannerPadding { padding:10px 0 10px 10px;}
#container #leftCol #banner #bannerStrip { position:absolute; top:10px; left:10px;}
#container #leftCol #contentArea { width:670px;}
#container #leftCol #contentArea .contentPadding { padding:28px 38px;}

#container #leftCol .text-items {
	margin: 1em .5em;
}
#container #leftCol .text-items h3 {
	font-size:16px; 
	color:#c77577;
	background:url(../images/button-item.gif) left no-repeat;
	margin: 0;
	padding: 5px 0 5px 32px;
	cursor: pointer;
	width: 50%;
}

#container #leftCol .text-items h3.active {
	color:#e80f66;
	background:url(../images/button-item-active.gif) left no-repeat;
}

#container #leftCol .text-items div {
	padding: 15px 0 15px 32px;
	border-bottom:#c77577 1px solid;
	margin: 0 0 20px 0;
	
}


#container #rightCol { float:right; width:280px; padding-bottom:100px;}
#container #rightCol .rightColPadding { padding:0 10px;} 
#container #rightCol #freeTrialBox { width:260px; height:190px; position:relative;}
#container #rightCol #archiveBox { width:220px; padding: 20px; position:relative; color:#3f1616;}
#container #rightCol #freeTrialBox #freeTrialDay { position:absolute; top:0; left:-90px;}
#telephone { position:absolute; top:-85px; right:30px;}


/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.largerText { font-size:16px;}
.largeLink { font-size:16px;}
.divider { width:100%; height:1px; background:#c77577; margin:20px 0; font-size:0;}
.imageSpacer { margin-bottom:20px;}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { 
margin:0; 
padding:0 0 10px 0; 
font-size:100%; 
font-weight:bold;
}

h1 { font-family:"Arial Narrow", Arial, Helvetica, sans-serif;}
h2 { font-size:16px; padding:0 0 5px 0; }
h3 { font-size:16px; color:#c77577; padding:0 0 5px 0; }

.title { font-size:22px; color:#c77577;}


/* ----- TOP NAVIGATION ----- */
#topNav { width:260px; height:211px; background:#481e1f; padding:5px 0 0 0; margin-bottom:10px;}
#topNav ul { list-style:none; margin:0; padding:0;}
#topNav li { float:left; display:block; padding:0; margin:0;}
#topNav li a { float:left; display:block; padding:0px 22px 1px 0; color:#e3f2f9; font-size:15px; width:238px; text-align:right;}
#topNav li a:hover { background:url(../images/menuBgArrow.gif) 252px 3px no-repeat; text-decoration:none;}
#topNav li a.active { background:url(../images/menuBgArrow.gif) 252px 3px no-repeat; text-decoration:none;}

#topNav li a.pink { color:#e80f66; text-transform:uppercase;}


/* ----- FOOTER ----- */
#footer { width:950px; color:#FFFFFF; background:#481e1f; border-top:1px solid #e3f2f9; font-size:10px; position:relative;}
#footer .padding { padding:20px 38px;}
#footer p { padding:0;}
#footer a { font-weight:normal; text-decoration:none; outline:none;}
#footer a:hover { text-decoration:underline;}


/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 10px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#e80f66; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }


/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label {
	display:block;
	width:100px;
	float:left;
}
input, textarea {
	width:200px;
	font-size:12px !important;
}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none;}
.pink { color: #E80F66 !important;}

/* ----- FORM VALIDATION ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }


/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }

label.error {
	color:#E80F66;
	float:right;
	position:relative;
	top:-21px;
	left:15px;
	width:200px;
}