/* CSS Document */

/***********************************************************************************************
 Setup
***********************************************************************************************/

* {
margin: 0;
padding: 0;
border: 0;
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: 0pt;

}

/***********************************************************************************************
 Reference Colours
***********************************************************************************************/

/*
#CCF2FF - bg blue
*/

/***********************************************************************************************
 Structure & Layout
***********************************************************************************************/

html, body {
height: 100%;
}

html {
background-image:url(../images/structure/pagebg.jpg);
background-repeat:repeat;
background-color:#FFFFFF;
}

body {
background-image:url(../images/structure/top_bg.jpg);
background-repeat:repeat-x;
background-position:top;
}

#wrapper {
margin: 0 auto;
width: 990px;
padding: 0 ;
background-image:url(../images/structure/top_content_bg.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
}


#content {
padding: 50px;
}

#top_nav {
height: 38px;
}

#socnets {
z-index:99;
position: absolute;
right: 0;
top: 115px;
height: 300px;
width: 41px;
float: right;
}

/***********************************************************************************************
 Content
***********************************************************************************************/

.right_box {
width: 150px;
border: 1px solid #333333;
padding: 25px 5px 25px 40px;
float: right;
margin-left: 40px;
margin-bottom: 50px;
}

.right_box li {
margin-bottom: 0.8em;
}

.right_box_front {
width: 190px;
border: 1px solid #333333;
padding: 25px 5px 25px 40px;
float: right;
margin-left: 40px;
margin-bottom: 50px;
}

.right_box_front li {
margin-bottom: 0.8em;
}

#content ul {
/*margin-top: 1em;
margin-bottom: 1.3em;*/
margin-top: 0.5em;
margin-bottom: 1.3em;
margin-left: 1em;
font-size: 1.2em;
list-style-position:outside;
line-height: 150%;
}

#sub_nav {
font-size: 1.2em;
margin-bottom: 2em;
}



/***********************************************************************************************
 Text
***********************************************************************************************/

/* set base font size to equivalent of 10px */
body {
font-size: 62.5%;
}

body, input, textarea {
font-family:Arial, Helvetica, sans-serif;
}

p, .timetable {
font-size: 1.2em;
line-height: 150%;
margin-bottom: 2.3em;
color: #666666;
}

.timetable {
border: 1px dashed #699EAC;
/*background-color: #F7FAFB;*/
}

.timetable th {
background-color: #699EAC;
color: #FFFFFF;
font-weight: bold;
font-size: 1.2em;
padding: 5px 10px;
text-align: left;
}

.timetable td {
background-color: #fff;
background-color: #F7FAFB;

padding: 5px 10px;
}

li {
color: #666666;
}

h1 {
font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 2.5em;
font-weight: normal;
margin: 0.8em 0 0.4em;
color: #7B0271;
color: #699EAC;
font-weight: bold;
}

h2 {
font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 1.8em;
font-weight: bold;
/*line-height: 2.2em;*/
/*font-style:italic;*/
margin-bottom: 0.4em;
color: #7B0271;
color: #699EAC;
}

.h2_raised {
margin-top: -1em;
font-style: italic;
}

h3 {
font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 1.5em;
/*line-height: 1.8em;*/
font-weight: normal;
margin-bottom: 1.0em;
}

h4 {
font-size: 1.8em;
line-height: 1.8em;
font-weight: normal;
color: #FE0000;
}

h5 {
font-size: 1.4em;
line-height: 1.4em;
font-weight: normal;
color: #BBB;
}

a:link, a:active, a:visited {
color: #699EAC;
}

a:hover {
color: #666666;
}


/***********************************************************************************************
 Top Nav
***********************************************************************************************/

#top_nav {
line-height: 3.3em;
font-weight: bold;
padding: 35px 0 0 229px;
}

#top_nav ul {
list-style: none;
/*float: left;*/
font-size: 1.3em;
padding-left: 24px;
}

#top_nav ul li {
display:inline;
background-image:url(../images/structure/nav_div.png);
background-position: right;
background-repeat:no-repeat;
}


#top_nav ul li.last_element {
background-image:none;
}

#top_nav ul li.nav_active_last {
background-image:none;
}

#top_nav ul li a {
text-decoration: none;
color: #699EAC;
color: #4C4C4C;
color: #6D6D6D;
padding: 9px 17px;/* width of "buttons" - was 38 */
cursor: pointer;
}

#top_nav ul li a:hover {
color:#000;
}

#top_nav ul li.nav_active a{
text-decoration: none;
color:#000;
}

#top_nav ul li.nav_active_last a{
text-decoration: none;
color:#000;
background:none;
}

#top_nav ul li.nav_active a:hover, li.nav_active a:active{
text-decoration: none;
color: #000;
}

#top_nav ul li.nav_active_last a:hover, li.nav_active_last a:active{
background:none;
text-decoration: none;
color:#000;
}


/***********************************************************************************************
 Footer
***********************************************************************************************/
#footer {
clear: both;
background-image:url(../images/structure/footer_bg.jpg);
background-repeat:repeat-x;
background-color: #696969;
color: #FFFFFF;
}

#footer p, #footer ul, #footer li, #footer a:link , #footer h2{
color: #FFFFFF;
}

#footer_content {
background-image: url(../images/structure/footer_content_bg.jpg);
background-repeat:repeat-x;
min-height: 200px;
width: 950px;
margin: 0 auto;
padding-left: 40px;
}

#footer_fitness{
float: left;
width: 200px;
margin-right: 30px;
margin-top: 25px;
}

#footer_dance {
float: left;
width: 200px;
margin-right: 30px;
margin-top: 25px;
}

#footer_treatments {
float: left;
width: 200px;
margin-right: 30px;
margin-top: 25px;
}

#footer_logo {
float: right;
width: 206px;
margin-right: 33px;
}

#footer_fitness ul, #footer_dance ul, #footer_treatments ul {
border-top: 1px solid #FFF;
list-style:none;
}

#footer li {
font-size: 1.2em;
line-height: 2em;
}

#footer a:link, #footer a:visited, #footer a:active {
color: #FFFFFF;
text-decoration:none;
}

#footer a:hover {
color: #FFFFFF;
text-decoration:underline;
}

/***********************************************************************************************
 Front page
***********************************************************************************************/

#front_content {
text-align:left;
width:370px;
float:left;
padding-top: 40px;
}

.product {
/*border-bottom: 1px dashed #CCCCCC;*/
margin-bottom: 30px;
background-image:url(../images/structure/product_divider.gif);
background-repeat:repeat-x;
background-position:bottom;
/*min-height: 300px;*/
padding-bottom: 10px;
}

#product_listing {
margin-left: 230px;
margin-bottom: 30px;
}

.product_image {
float: right;
margin-left: 15px;
margin-bottom: 30px;
}

.product_spec {
font-style:italic;
font-size: 1.2em;
color: #003366;
margin-bottom: 20px;
}

.product_button {
margin: 20px 0;
color: #699EAC; 
background-color:#FFF;
padding: 4px 10px;
border: 1px dotted #333;
width: 150px;
text-align:center;
}

/***********************************************************************************************
 Dealers
***********************************************************************************************/


#dealer_listings {

}

.dealer_table{
border-bottom: 1px dashed #CCCCCC;
margin-bottom: 15px;
}

/***********************************************************************************************
 Misc classes
***********************************************************************************************/

.clearit {
clear: both;
}

.clearit_staff {
clear: both;
height: 40px;
}

hr {
color: #333;
background-color: #333;
height: 1px;
margin: 3em 0;
}


.image_left {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}

.image_right {
float: right;
margin-left: 15px;
margin-bottom: 15px;
}

/*********************************
 Forms
*********************************/

/* Spacing of form elements */
.content_box form label, .content_box form input, .content_box form textarea, .content_box form select, .content_box .minitext , .date-picker-button, .instructions, .instructions_leader {
margin-top: 0.8em;
margin-right: 1em;
margin-bottom: 0.8em;
display: block;
}

.content_box form textarea {
width: 30em;
}

/* Border styling */
.content_box form input, .content_box form textarea, .content_box form select {
border: 1px solid #666666;
}

/* Text size & spacing */
.content_box textarea {
padding: 0.2em;
font-size: 1em;
}

.content_box fieldset input {
padding: 0.2em;
display: block;
width: 18em;
float: left;
font-size: 1em;
}

.content_box .submit_wrapper {
margin-left: 4em;	
}

.content_box textarea, .content_box select {
float: left;
margin: .5em 1em .5em 0;
padding: 0em;
border: 1px solid #000000;
}

.date-picker-button {
float:left;
vertical-align:baseline;
padding: .3em 0 0 ;
cursor:pointer;
}

.char_counter {
text-align: right;
color: #F00;
font-style:italic;
width: 560px;
}

.content_box label {
position: relative;
width: 8em;
float: left;
font-size: 1em;
text-align: right;
padding-right: 2em;
}

.content_box br {
clear: left;
}

.content_box legend {
padding: 0.5em;
font-weight: bold;
background-color: #CBE2EB;
color: #265161;
border: 1px dotted #265161;
margin-left: 1em;
}

/* Fieldsets */
.content_box form fieldset {
margin: 1em 0;
/*border: 1px dotted #BBBBBB;*/
font-size:1.3em;
padding: 0;
padding-top: 2em;
}

.content_box form em {
font-weight: bold;
font-style: normal;
color: #f00;
}

.content_box form img.thumbnailChoice {
border:1px solid #265161;
margin-bottom: 2em;
}

.content_box form img.normalImage {
border:1px solid #265161;
margin-bottom: 2em;
}

.content_box form fieldset fieldset label {
margin-left: 123px; /* Width plus 3 (html space) */
}

.content_box form fieldset fieldset legend {
padding: 0.5em;
font-weight: normal;
background: none;
color: #265161;
border: none;
margin-left: 1em;
}

.content_box .minitext {
vertical-align:top;
font-style:italic;
}

.content_box .hidden {
visibility: hidden;
height: 0;
padding: 0;
margin: 0;
}

/* KC's classes */

#booking_create {
background: #D8D8D8;
margin: 0 auto 0 auto;
border: solid 1px #FF6600;
}

.left_submit {
float:left;
margin-right: 2em;
}

.instructions, .instructions_leader, .instructions_inline {
color:#999999;
font-weight: normal;
text-align: left;
font-style:italic;
}

.instructions_inline {
margin-left: 1em;
}

.instructions_leader{
margin-left: 1em;
}

.val_error {
color:#F00;
font-weight: bold;
}

.content_box fieldset .date {
width: auto;
}

.submit_button {
padding: 0.5em 1em;
margin: 2em 8em;
text-decoration: none; 
background-image: url(../images/structure/top_nav_button.jpg);
color: #FFFFFF;
border: 1px dotted #FFFFFF;
cursor: pointer;
width: auto;
}

.submit_button:hover, .submit_button_small:hover {
background-image: url(../images/structure/top_nav_button_over.jpg);
}


.contact_form input{

}

fieldset input.hidden_field {
background-color:#FFF;
border: 1px solid #FFF;
width: 1px;

}


.alert {
color:#FF0000;
}

.submit_button {
padding: 0.5em 1em;
margin: 2em 8em;
text-decoration: none; 
background-image: url(../images/structure/top_nav_button.jpg);
color: #FFFFFF;
border: 1px dotted #FFFFFF;
cursor: pointer;
width: auto;
}

.submit_button:hover, .submit_button_small:hover {
background-image: url(../images/structure/top_nav_button_over.jpg);
}

.right_image_front {
float:right;
}

.right_image {
float:right;
padding-left: 60px;
}

.inline_image {
float: none;
padding: 0;
}

#top_image {
/*margin-left: 300px;*/
width: 600px;
float:right;
}

.left_image {
float:left;
margin-right: 15px;
}


#scrollerDiv{
margin-left: -45px;
}

#carousels {
clear: both;
}