/* CSS Document */
/*--------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
CSS Styles created for therapy4sports.com by B-Line Solutions 2009 (C) all rights reserved
----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------- */



body{
position:relative;
margin:0;
text-align:center;
background-color:#F7F9EE;
font-size:100%;
}

#container{
position:relative;
min-width:800px;
max-width:1100px;
text-align:center;
margin:0 auto 0 auto;
}

/*
----------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
   HEADER STYLES
----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------- */

#header {
position:relative;
min-width:800px;
max-width:1100px;
height:126px;
background-color:#CBE9F1;
margin:0px 10px 0px 12px;
padding: 0px 0px 0px 0px;
}

#header_nav {
position:relative;
width:440px;
float:right;
margin:70px 10px 30px 0px;
overflow:hidden;
padding:0px 0px 0px 0px;
}

#header a.head_logo {
text-decoration:none;
border:none;
outline:none;
}

/* Header Nav roll-over button styles */
#massage_ro
{
  display: block;
  width: 140px;
  height: 45px;
  float:left;
  background: url("../images/massage_ro.png") no-repeat 0 0;
}
#massage_ro:hover {background-position: 0 -45px}
#massage_ro span {display: none}

#physio_ro
{
  display: block;
  width: 201px;
  height: 45px;
  float:left;
  background: url("../images/physio_ro.png") no-repeat 0 0;
}
#physio_ro:hover {background-position: 0 -45px}
#physio_ro span {display: none}

#yoga_ro
{
  display: block;
  width: 99px;
  height: 45px;
  float:left;
  background: url("../images/yoga_ro.png") no-repeat 0 0;
}
#yoga_ro:hover {background-position: 0 -45px}
#yoga_ro span {display: none}

/*--------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
   LAYOUT STYLES
----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------- */


#content_container {
position:relative;
width:100%;
padding: 0px 0px 20px 0px;
background-image:url(../images/bg_logo.jpg);
background-position:bottom right;
background-repeat:no-repeat;
}

#content_left {
width:200px;
float:left;
margin-left:0px;
}

#content_right {
min-width:600px;
max-width:1000px;
margin-left:200px;
padding-left:25px;
min-height:500px;
margin-bottom:0px;
padding-bottom:0px;
}

#content_layout td {
vertical-align:top;
}

#content_nav {
padding-top:25px;
padding-left:40px;
}

#right_floating_info {
width:250px;
float:right;
padding:0px 0px 0px 15px;
margin:0px 0px 0px 0px;
}

#right_floating_profile_pic {
width:260px;
float:right;
padding:0px 0px 0px 15px;
margin:0px 0px 0px 0px;
}

/* Contact Form */
#contact {
width:500px;
height:200px;
text-align:center;
margin:30px auto 50px;
}
#contact_form label {
float: left;
width: 70px;
margin-top: 4px;
margin-left:-5%;
text-align:right;
font-size:0.8em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

#feedback_form label {
float: left;
width: 70px;
margin-top: 4px;
margin-left:-5%;
text-align:right;
font-size:0.8em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

.text {
	width: 80%;
	margin:0px 0px 10px 0px;
	border:1px solid #c4c4c4;
	height:20px;
}
.text_area {
	width: 80%;
	height:100px;
	margin:0px 0px 10px 0px;
	border:1px solid #c4c4c4;
}

/* Redundent in this doc but inc for val purposes ie fix for prices table stack ie6styles.css */
.price_table_width {
width:100%;
}
/*--------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
   FOOTER STYLES
----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------- */

#footer_container {
width:100%;
clear:both;
padding-top:0px;
}

#footer_content {
width:auto;
border-top: 3px solid #dae6e9;
margin-top:0px;
margin-left:10px;
padding-right:20px;
}

#footer_content a.nflink {color:#00468D;
text-decoration:none}

#footer_content a.nflink:hover {color:#00468D;
text-decoration:underline}

#footer_content p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
color:#00468D;
text-align:right;
}

#footer_content hr {
color: #dae6e9;
background-color: #dae6e9;
height: 3px;
margin-top:20px;
}

/*--------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
   NAV BOX STYLES
----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------- */

#nav_list {
	list-style:none;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
	text-align:left;
}

#nav_list dt{border-bottom: 1px solid #dae6e9;padding:5px 0px;}
#nav_list dt a{	text-decoration:none;color:#00468D;}			
#nav_list dt a:hover{color:#B60455;text-decoration:none;}

/*--------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
   MAIN CONTENT COPY STYLES
----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------- */


#content_layout p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size: 0.8em;
text-align:justify;
padding-left:25px;
}

#content_layout h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color:#F7F9EE;
text-align:left;
margin: 30px 0px 0px 0px;
padding:5px 5px 5px 15px;
}

h1.stnd {background-color:#00468D;}
h1.masg {background-color: #76B55D;}
h1.phys {background-color: #0057A0;}
h1.yoga {background-color: #8B4C9E;}

#content_layout h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-align:left;
}

h2.stnd {
background-image:url(../images/t4s_logo_small.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:25px;
color:#00468D;

}

h2.masg {
background-image:url(../images/m4s_logo_small.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:25px;
color:#669D50;
}

h2.phys {
background-image:url(../images/p4s_logo_small.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:25px;
color:#0057A0;
}

h2.yoga {
background-image:url(../images/y4s_logo_small.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:25px;
color:#8B4C9E;
}

#content_layout h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
text-align:left;
}

h3.phys {
margin-left:25px;
color:#0057A0;
}

li.stnd {list-style-image:url(../images/t4s_logo_bp.gif);margin:0px 0px 5px 10px;padding:0px 0px 0px 5px;}
li.masg {list-style-image:url(../images/m4s_logo_bp.gif);margin:0px 0px 5px 10px;padding:0px 0px 0px 5px;}
li.phys {list-style-image:url(../images/p4s_logo_bp.gif);margin:0px 0px 5px 10px;padding:0px 0px 0px 5px;}
li.yoga {list-style-image:url(../images/y4s_logo_bp.gif);margin:0px 0px 5px 10px;padding:0px 0px 0px 5px;}


#content_layout ul {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
list-style:none;
color:#333333;
}

#class_timetable {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}

.coming_soon {font-size:0.8em}

strong.stnd {color:#00468D}
strong.masg {color:#37853A}
strong.phys {color:#0057A0}
strong.yoga {color:#8B4C9E}

a.pglink {color:#00468D}
a.usflink {color:#00468D}

a.bl_stnd {color:#00468D;text-decoration:none;font-weight:bold;}
a.bl_mass {color:#37853A;text-decoration:none;font-weight:bold;}
a.bl_phys {color:#0057A0;text-decoration:none;font-weight:bold;}
a.bl_yoga {color:#8B4C9E;text-decoration:none;font-weight:bold;}

a.booknow {text-transform:uppercase; color:#00468D; text-decoration:underline; font-weight:bold;}

img.oquot {position:relative;right:10px;}
img.cquot {position:relative;left:15px;vertical-align:text-top;}


/*--------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
   CLASSES TIMETABLE
----------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------*/ 

#content_layout table {
font-family:Verdana, Arial, Helvetica, sans-serif;
width:96%;
border-collapse:collapse;
margin: 10px 0px 10px 25px;
}

#content_layout table td, #content_layout table th {
font-size:0.8em;
border:1px solid #8B4C9E;
padding:3px 7px 2px 7px;
}

/* Changes table colors for masg, yoga, phys - class selector */
#content_layout table td.masg, #content_layout table  th.masg {border:1px solid #76B55D; background-color:#E5F8DD}
#content_layout table th.masg {background-color:#76B55D}
#content_layout table td.phys, #content_layout table  th.phys {border:1px solid #0057A0; background-color:#CBE7FF}
#content_layout table th.phys {background-color:#0057A0}
#content_layout table td.yoga, #content_layout table  th.yoga {border:1px solid #8B4C9E; background-color:#F0E6F3}
#content_layout table th.yoga {background-color:#8B4C9E}

/* Adds thicker boarder to specific rows - class selector */
#content_layout table tr.bbr_m td {border-bottom:2px solid #76B55D;}
#content_layout table tr.bbr_p td {border-bottom:2px solid #0057A0;}
#content_layout table tr.bbr_y td {border-bottom:2px solid #8B4C9E;}

#content_layout table th {
font-size:0.9em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#8B4C9E;
color:#fff;
}

#content_layout table  tr.alt td {
color:#000;
background-color:#EAF2D3;
}