/* CSS generated by Silktide Site Manager at 02:31pm 29/07/2010 - do not edit this file directly */

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for 	Get Back Into microsite - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd
Created:	26/03/2008
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* commented backslash hack \*/ html, body { height: 100%; } /* end hack */

body			{ background: #000 url("/templatefiles/gbi-body-bg.jpg") repeat-x top left; font: 85% "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #fff; padding: 0; margin: 0;}

h1			{ font: normal 1.6em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #fff; margin: 15px 0 30px; }
h2			{ font: normal 1.3em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #fff; margin: 10px 0; }
h3			{ font: bold 1.1em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #fff; margin: 10px 0; }
h4			{ font: normal 1.3em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #fff74f; margin: 10px 0; }

p, li			{ font-size: 1.0em; line-height: 1.5em; color: #fff; margin: 15px 0; }
.smalltext		{ font-size: 0.85em; }
blockquote		{ overflow: hidden; background: transparent url("/templatefiles/gbi-quote-open.jpg") no-repeat 0 10px; color: #fff; padding-left: 30px; margin: 0 50px; }
blockquote p		{ background: transparent url("/templatefiles/gbi-quote-end.jpg") no-repeat bottom right; color: #fff; padding-right: 30px; }


a,					
a:visited		{ text-decoration: none; color: #FFF32D; }
a:hover,				
a:active		{ text-decoration: underline; }

hr			{ height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; }
img			{ border: 0; }
form, table		{ background: transparent; font-size: 1.0em;  }

.tablestyle		{ border-collapse: collapse; }
.tablestyle td, 
.tablestyle th		{ vertical-align: top; padding: 5px 5px 5px 0; }
.tableborder td, 
.tableborder th		{ vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; }

.clear			{ height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; }
.right			{ float: right; }
.left			{ float: left; }

.widthwrapper		{ width: 100%; }
.fixedwrapper 	  	{ width: 970px; text-align:left; margin: 0 auto; }
.padding		{ padding: 20px; }


/* Layout Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#container 	  	{ width: 970px; min-height: 100%; height: auto; margin: 0 auto -25px; } /* margin-bottom to match #clearfooter */
* html #container 	{ height: 100%; }
#home #container 	{ background: transparent url("/templatefiles/gbi_filmstrip.jpg") repeat-y 15px 0; } 

#header			{ height: 75px; position: relative; }

#topnav			{ background-color: #FFF32D; position: relative; height: 29px; margin-right: 150px; }

#sidecol		{ width: 220px; float: left; /*padding-top: 10px;*/ }

#content		{ background: transparent url("/templatefiles/gbi-content-bg.jpg") no-repeat bottom right; padding-top: 30px; padding-bottom: 50px; margin-left: 240px; }
.nosidecol #content	{ margin-left: 10px; }


#clearfooter		{ clear: both; height: 25px; } /* height to match height + padding + margin etc in #footer */
#footer			{ width: 100%; height: 25px; background-color: #fff32d; clear: both; margin-top: 0; }


/* Header Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header img		{ display: block; }
#header #logo		{ float: right; margin-right: 155px; }
#headerimg		{ position: absolute; top: 0; right: 0; }


/* Topnav Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#topnav #afl		{ margin-left: 100px; }

#topnav ul		{ position: absolute; top: 28px; right: 10px; padding: 0; margin: 0; }
#topnav ul li		{ background-color: #FFF32D; display: inline; font-weight: bold; font-size: 1.0em; color: #000; padding: 7px; margin-right: 4px; }
#topnav ul li a,
#topnav ul li a:visited	{ color: #000; }
#topnav ul li a:hover,
#topnav ul li a:active	{ color: #fff; text-decoration: none; }


/* Sidecol Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.sidecolblock		{ width: 113px; height: 108px; overflow: hidden; font-size: 0.85em; margin: 0 0 30px 47px; }
#topblock		{ margin-top: 48px; }

.sidecolblock *		{ margin: 0; }

.sidebox		{ width: 200px; position: relative; margin: 0 0 0 18px; }
.tall			{ height: 260px; background: #000 url("/templatefiles/gbi-sidecol-tall.jpg") no-repeat top left; }
.short			{ height: 150px; background: #000 url("/templatefiles/gbi-sidecol-short.jpg") no-repeat top left; margin: -10px 0 0 20px;}

.tall .boxcontent	{ width: 165px; height: 180px; position: absolute; top: 30px; left: 22px; }
.short .boxcontent	{ width: 160px; height: 80px; position: absolute; top: 20px; left: 20px; }

.sidebox h2		{ font-weight: normal; font-size: 1.2em; color: #fff32d; margin: 0; }
.sidebox p		{ font-size: 0.9em; color: #fff; margin: 15px 0; }
.short p		{ margin: 5px 0; }
.sidebox a,
.sidebox a:visited	{ color: #fff; }

.tall .viewall		{ position: absolute; bottom: -45px; right: 15px; }
.short .viewall		{ position: absolute; bottom: -38px; right: 10px; }

.viewall		{ font-size: 0.85em; }
.viewall a,
.viewall a:visited	{ color: #2f2a26; }
.viewall a:hover,
.viewall a:active	{ color: #fff; }


/* Content Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.imgframe		{ width: 240px; height: 185px; float: right; position: relative; background: transparent url(http://www.teambedsandluton.co.uk/private/templatefiles/gbi-imgframe.jpg) no-repeat 0 0; margin-left: 20px; }
.imgframe img		{ position: absolute; top: 26px; left: 21px; }


#gallery img		{ padding: 5px; border: 1px solid #FFF32D; }

.halfcol		{ width: 280px; float: left; margin-right: 25px; }
.halfcol p		{ margin-bottom: 0; }
.seeall			{ clear: both; margin-top: 0; }


.centered		{ text-align: center; }
.centered img		{ margin: 0 auto; }
.centered .imgframe	{ margin-bottom: 40px; }
.centered h2		{ margin: 0; }

legend 			{ color: #fff32d; }

ul.sportlist li 	{ float:left; width: 300px; }

table.courseinfo th 	{ text-align: right; padding: 5px 10px 5px 5px; vertical-align:top; }
table.courseinfo td 	{ padding: 5px 10px 5px 5px; }
p.important	{ color: red; margin:0; }


/* UI Styles
--------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.taosUiTable td 	{ border-color:#444!important; }
.taosUiTable thead tr td { background-color:#000; }

.taosUiTable tbody tr td { background-color:#000; }


/* Footer Styles
--------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer ul		{ padding: 0; margin: 0; }
#footer ul li		{ display: inline; font-weight: bold; font-size: 1.0em; color: #000; padding: 7px; margin-right: 4px; }
#footer ul li a,
#footer ul li a:visited	{ color: #000; }
#footer ul li a:hover,
#footer ul li a:active	{ color: #fff; text-decoration: none; }