/* Start of CMSMS style sheet 'fitstyler-screen' */
/*
Site Name: fitstyler
Version: 1.0
Author: Stuart Steel
Author URI: http://www.steelwork.com.au
Date: 18/10/06
Description: screen stylesheet for fitstyler
Dependencies: 
*/


/*
--- GLOBAL
*/


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



body 
{
	margin: 0;
}

#bodywrapper
{
width: 968px;
}

* html, * html body
{
height: 100%;
}



/*
-- TABLES
*/


div.roundedcornerstable
{
	background: url(/uploads/images/layout/table_thead_tr.gif) 100% -1px no-repeat;
	margin: 10px 0 15px 0;
}

div.roundedcornerstablewrapper
{
background: url(/uploads/images/layout/table_tfoot_tr.gif) 100% 100% no-repeat;
}


.roundedcorners
{
	width: 618px;
	width: 609px;
	margin: 0;
}


.roundedcorners th
{
	padding: 8px 4px 4px 4px;
	border-bottom: solid 1px #9B9B9D;
	border-left: solid 1px #9B9B9D;
}

.roundedcorners td
{
	padding: 4px;
	border-left: solid 1px #9B9B9D;
}


.roundedcorners td
{
	padding: 4px;
}

.roundedcorners thead tr
{
	padding: 0 3px;
}
/* for session times table */
#sessiontimes td {width: 14%;}



.noborder {border: none !important;}

.horizontalrule {margin: 1em 0;}

.horizontalrule thead th
{
text-align: left;
color: #ED1C24;
color: #000;
padding: 9px 3px 3px 3px;
font-weight: bold;
}
.horizontalrule td
{
text-align: left;
border-top: solid 1px #000;
padding: 2px 3px 2px 3px;
}
.horizontalrule tr+tr td
{
border-top: solid 1px #6D6D70;
}

/*
--- GROUPBOX
*/


.groupbox
{
	background: #F4F3ED   url(/uploads/images/layout/groupbox_bottomleft.gif) 0 100% no-repeat;
	margin: 0 0 10px 0;
}

.groupboxwrapper
{
	background: #F4F3ED url(/uploads/images/layout/groupbox_topright.gif) 100% -1px no-repeat;
	padding: 20px 20px 0 20px;
overflow: hidden;
}

.groupboxfooter
{
background: url(/uploads/images/layout/groupbox_bottomright.gif) 100% 100% no-repeat;
clear: both;
}
.groupboxwrapper>*
{
margin-bottom: 0;
}

/*
--- HOME PAGE
*/

#homepage_new {margin:-15px -15px 0 -14px; width:656px;}
#homepage_new .leftcolumn {width: 325px; overflow: hidden;}
#homepage_new .rightcolumn{width: 49%; padding-bottom: 0px; margin-bottom: 1px;}
.testimonial {clear: both; margin-bottom: 30px;}

/*--- home page typography---*/

#homepage_new h1 {
  color: #fff; 
  background-color: #AE1A22; 
  font-weight: normal; 
  font-size:2em;
  padding: 8px 20px;
  margin: 3px 0;
  position: relative;
}
#homepage_new h2 {
  color: #fff; 
  background-color: #91c84e; 
  padding: 8px 20px;
  font-size: 2em;
  position: relative;
margin-bottom:3px;
}
#homepage_new h2 strong {color: #000; font-size:0.9em;}
#homepage_new h3 {
  color: #AE1A22;
  font-size:1.7em;
  margin-bottom: 0;
  position: relative;
}

#homepage_new .content_bottom li a, #homepage_new .content_bottom p a {color: #fff; text-decoration: none;}
#homepage_new .content_bottom li a:hover, #homepage_new .content_bottom p a:hover, #homepage_new .speech_bubble p a:hover {color:#000; text-decoration: none;}

#homepage_new .speech_bubble p a{color: #AE1A22;}

/*--- full row ---*/

#homepage_new .content_row p {
  color: #AE1A22;
  font-size:1.6em;
  margin: -5px 0 0;
}
#homepage_new .content_row .topReasons {
  border-top: solid 4px #D9D8C7;
  border-bottom: solid 5px #D9D8C7;
  padding: 5px 20px;
  position: relative;
}
#homepage_new .content_row img {
  border-top: solid 4px #D9D8C7;
  padding: 10px;
}

/*--- right column box ---*/
.rightcolumn2 {
background:none repeat scroll 0 0 #F2F2F3;
float:right;
margin-left:1px;
padding:5px;
width:226px;
margin-top:15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#homepage_new .rightcolumn img {margin-left:-5px;}
#homepage_new .rightcolumn .top_border {
  background: url(/uploads/images/Images/Home%20Page/greyborder_top.gif) no-repeat scroll 0 0;
  height: 20px;
  width: 326px;
  margin-left: -5px;
  margin-top:1px;
}
#homepage_new .rightcolumn .content_bottom {
  background: url(/uploads/images/Images/Home%20Page/greyborder_bottom.gif) no-repeat scroll 0 100%;
  width: 325px;
  margin-left: -5px;
  color: #fff;
  padding: 0 0 15px;
  margin-bottom: 2px;
}
#homepage_new .rightcolumn .content_bottom ul {
background-color:  #82807A; 
padding-bottom:6px; 
padding-left:20px;
font-size:1.1em;
}
#homepage_new .rightcolumn .content_bottom li {
border: none; 
padding: 0px; 
margin: 2px; 
line-height:1.2em;
padding-left:16px;
background: url(/uploads/images/Images/Home%20Page/homepg_bullet.gif) no-repeat scroll 0 50%;
}
#homepage_new .rightcolumn .content_bottom p {
background-color:  #82807A; 
margin-bottom: 6px; 
padding-left: 20px;
font-size:1.1em;
}

/*--- left column box ---*/


.leftcolumn2 {width:383px; float:left; margin-top:15px;}

#homepage_new .leftcolumn .top_border {
  background: url(/uploads/images/Images/Home%20Page/redborder_top.gif) no-repeat scroll 0 0;
  height: 20px;
  width: 326px;
  margin-top: 1px;
}
#homepage_new .leftcolumn .content_bottom {
  background: url(/uploads/images/Images/Home%20Page/redborder-bottom.gif) no-repeat scroll 0 100%;
  width: 326px;
  color: #fff;
  font-weight: bold;
  padding: 0 0 20px;
  margin-bottom:2px;
}
#homepage_new .leftcolumn .content_bottom p {
background-color:  #AE1A22; 
margin-bottom: 0px;
font-size:2em;
line-height:1.2em;
padding: 0px 20px 3px 20px;
width:285px;
}

/*--- new content row (2column)---*/


#homepage_new .content_row_double {clear: both; margin-bottom:3px;}
#homepage_new .content_row_double .top_border {
  background: url(/uploads/images/Images/Home%20Page/border_top.gif) no-repeat scroll 0 0;
  height: 20px;
  width: 655px;
  margin-top: 1px;
}

#homepage_new .content_row_double .content_bottom {
  background: url(/uploads/images/Images/Home%20Page/border_bottom.gif) no-repeat scroll 0 100%;
  width: 655px;
  margin-left: 0px;
  color: #fff;
  padding: 0 0 15px;
  margin-bottom: 2px;
overflow: hidden;
}
#homepage_new .content_row_double .content_bottom .leftcolumn {float: left; font-weight: bold; background-color:  #AE1A22; }
#homepage_new .content_row_double .content_bottom .leftcolumn p {

margin-bottom: 0px;
font-size:2em;
line-height:1.2em;
padding: 0px 20px 3px 20px;
width:285px;
}
#homepage_new .content_row_double .content_bottom .rightcolumn {float: right; background-color:  #82807A; }
#homepage_new .content_row_double .content_bottom .rightcolumn ul {
padding-bottom:6px; 
padding-left:20px;
font-size:1.1em;
}
#homepage_new .content_row_double .content_bottom .rightcolumn li {
border: none; 
padding: 0px; 
margin: 2px; 
line-height:1.2em;
padding-left:16px;
background: url(/uploads/images/Images/Home%20Page/homepg_bullet.gif) no-repeat scroll 0 50%;
}
#homepage_new .content_row_double .content_bottom .rightcolumn p {
margin-bottom: 6px; 
padding-left: 20px;
font-size:1.1em;
}
#homepage_new h1.youtube {
background: #AE1A22 url(uploads/images/Images/Video/You%20tube%20logo.jpg) no-repeat scroll 583px 50%;
} 
#homepage_new .youtubelink {
text-indent: -9999em;
position: absolute;
height: 27px;
width: 59px;
display: block;
right: 35px;
top: 20px;
}

/*--- home page lists---*/

#homepage_new ul{
  list-style: none;
  margin:-6px 0 0 0;
}
#homepage_new li {
  list-style: none;
  border-top: solid 1px #D9D8C7;
  padding: 5px 40px;
}
#homepage_new li strong{
  color: #AE1A22;
  font-size:2em;
  float: left;
  margin-left: -25px;
  margin-top:4px;
}
#homepage_new .endList {
border-bottom: solid 1px #D9D8C7; 
padding-bottom:15px; 
margin-bottom:20px;
}

/*--- home page speech bubble---*/

#homepage_new .speech_bubble {
  background: url(/uploads/images/Images/Home%20Page/speechBubble.gif) no-repeat scroll 100% 0;
  width: 321px;
  height: 173px;
  margin-bottom:40px;
}

#homepage_new .speech_bubble p {
  width: 240px;
  margin-left:65px;
  font-weight: bold;
  color:#AE1A22;
  font-size:1.2em;
  padding-top:20px;
}

/*
--- BANNER
*/

#banner
{
padding-top: 118px;
	/*height: 40px;
	background: #AE1A22 url(/uploads/images/layout/banner_map.gif) 100% 0 repeat-x;*/

}

#banner h1
{
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1em;
}

#banner p
{
	/*background: url(/uploads/images/layout/banner_corner.gif) 100% 0 no-repeat;*/
	margin: 0;
	text-indent: -5000px;
	/*height: 40px;*/
}

#banner a
{
	position: absolute;
	left: 132px;
	top: 29px;
	width: 122px;
	height: 106px;
	background: url(/uploads/images/layout/fitstyler_logo.gif) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -5000px;
}



/*
--- PAGE TITLE
*/

#pagetitle
{
	background: url(/uploads/images/layout/pagetitle_map.gif) 0 100% no-repeat;
	margin: 0;
	height: 50px;
	font-weight: normal;
	padding-left: 311px;
	font-size: 18px;
	border-top: solid 5px #FFF;
	line-height: 32px;
}
* html #pagetitle
{
	height: 50px; 
}
#frontpage #pagetitle {background-image:url(/uploads/images/layout/frontpage_pagetitle_map.gif);}

/*
--- PAGECONTENT
*/

#pagebody
{
	margin-left: 79px;
	position: relative;
}

#sidebar
{
	width: 188px;
	float: left;
	background: url(/uploads/images/layout/sidebar_map.gif) 0 0 repeat-y;
	color: #FFF;
	position: relative;
	word-spacing: -0.1em;
	letter-spacing: -0.03em;
	font-size: 11px;
        overflow: hidden;
}

#sidebar .wrapper
{
	background: url(/uploads/images/layout/sidebar_bottom.gif) 0 100% no-repeat;
	padding: 5px 0px 0 15px;
	border-bottom: solid 1px #FFF;
	min-height: 386px;
        overflow: hidden;
}

#sidebar .top
{
	background: url(/uploads/images/layout/sidebar_top.gif) 0 0 no-repeat;
	height: 21px;
	margin-bottom: -10px;
width: 188px;
}

#sidebar p
{
	margin: 2em 0;
}

#sidebar img
{
	float: left;
	clear: left;
	/*margin: -7px 8px 20px 3px;*/
	margin: 0px 8px 0px 3px;
	position: relative;
	top:-7px;
	left:0;
}
#sidebar strong {font-size: 12px;}
#sidebar a {color: #FFF;}

#sidebar #promoBox {
	/*width:188px;*/
	overflow: hidden;
	height: 206px;
	background-color: #fff;
	padding-bottom: 30px;

}

#sidebar #promoBox img { 
	top: 0;
	margin: 0px;
}

/*
------ weather box remote_12
*/
#weather_box{
        position: relative;
        left: 0px;
        top: 0px;
        width: 186px;
        background-color: #fff;
        padding: 0px;
        overflow: hidden;
}

#pagecontent
{
	background: url(/uploads/images/layout/pagecontent_map.gif) 0 0 repeat-y;
	margin-left: 189px;
	color: #6D6D70;
}
* html #pagecontent
{
	background-position: 0px 0;
}
#frontpage #pagecontent {background-image: url(/uploads/images/layout/frontpage_pagecontent_map.gif);}

#pagecontent .top
{
	background: url(/uploads/images/layout/pagecontent_top.gif) left top no-repeat;
	height: 21px;
	margin-bottom: -20px;
}

* html #pagecontent .top
{
	background-position: -3px 0; 
}

#frontpage #pagecontent .top {background-image: url(/uploads/images/layout/frontpage_pagecontent_top.gif);}

#pagecontent .wrapper
{
	background: url(/uploads/images/layout/pagecontent_bottom.gif) 0 100% no-repeat;
	padding: 10px 40px 120px 40px;
	border-bottom: solid 1px #FFF;
	margin-bottom: -5px;
	min-height: 300px;
    overflow: hidden;
        position: relative;
}

#pagecontent .wrapper2 {
padding: 10px 30px 210px 40px;
background: url(/uploads/images/layout/pagecontent_bottom.gif) 0 100% no-repeat;
	border-bottom: solid 1px #FFF;
	margin-bottom: -5px;
	min-height: 300px;
    overflow: hidden;
        position: relative;
}

* html #pagecontent .wrapper {height: 300px; background-position: -3px 100%; overflow: visible; }
* html #pagecontent .wrapper2 {height: 300px; background-position: -3px 100%; overflow: visible; }

/*
--- TABBER WIDGET
*/

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/

.tabbercms
{
border-bottom:1px solid #D9D8C7;
}

.tabbercms ul.tabbernav
{
margin-bottom: 0;
padding-bottom: 1px;
}


.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;

 font-weight: bold;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0 0 -1px 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em 2px 0.5em;
 margin: 0 3px -1px 0;
 border: 1px solid #D9D8C7;
border-color: #D9D8C7 #D9D8C7 #FFF #D9D8C7;
 /*border-bottom: none;*/
 background: #FFF;
 text-decoration: none;
}

/*
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
*/

ul.tabbernav li a:hover
{
 color: #FFF;
 background: #AE1A22;
 border-color: #AE1A22;
}

ul.tabbernav li.tabberactive a
{
 background-color: #D9D8C7;
 /*border-bottom: none;*/
border-color: #D9D8C7;
}

ul.tabbernav li.tabberactive a:hover
{
 background-color: #D9D8C7;
 /*border-bottom: none;*/
border-color: #D9D8C7;
color: #000;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
  border-top: 1px solid #D9D8C7;
margin-top: -1px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


/*
--- 404 error page
*/

#pagecontent .box-404 {
margin-top: 13px;
margin-bottom:7px;
text-align:center;
width:188px;
float: left;
margin-right: 10px;

}

#pagecontent .margin-404 {margin-left: 95px;}
* html #pagecontent .margin-404 {margin-left: 46px;}

#ie6 {margin-right: 3px;}


#pagecontent .wrapper-404 {
background:url("http://www.fitstyler.com.au/uploads/images/layout/sidebar/sidebar_bottom.gif") no-repeat scroll 0 100% transparent;
font-size:12px;
font-weight:bold;
padding:2px 7px 19px;

}

#pagecontent .wrapper-404 a {
color: #fff;
text-align: center;
}


#pagecontent .top-404 {
	background: url(http://www.fitstyler.com.au/uploads/images/layout/sidebar/sidebar_top.gif) 0 0 no-repeat;
	height: 18px;
        width: 188px;
}

#pagecontent ul#speech-404 {background: url(http://www.fitstyler.com.au/uploads/images/layout/sidebar/speech.gif) no-repeat scroll 0 50%;}


/*
--- FOOTER
*/

#footer {
	margin: 10px 0 0 310px;
	clear: both;
font-size: 9px;
}

#footer a {
	text-decoration: none;
	
}


#NewsPostDetailContent ul {
 padding-left: 0.0em;
 margin-left: 0.4em;
}

/* -- Fitstyler -1column + 2column (350px RHS) -- */
.wideCol {width:355px !important;}
.narrowCol {width:250px !important;}


/* End of 'fitstyler-screen' */