/****************************
Copyright ninefootone creative (www.ninefootone.co.uk)
Design CSS
Coded by Jon Bradley with initial workings by David Turner

NOTE: This code is copyrighted.  No unauthorized use
is allowed.  Don't steal code.  However, please feel free
to look at how we did something then write it yourself.

*****************************/

html { height: 100%; margin-bottom: 1px; }

body {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	background-color: #FFFFFF;
	height: 100%;
}

/* THIS is to hide any text you need hiding */
.hidetext {display:none; overflow: hidden; position: absolute;} 
/* END of text you need hiding */

/*******************************************
CONTAINER, HEADER, FOOTER STUFF STARTS HERE
********************************************/

#page_bg{
	margin: auto;
	padding: 0px;
	width: 900px;
}

#page_outline{
	margin: auto;
	padding: 0px 0px 0px 0px;
	float: left;
	height: 100%;
	width: 900px;
	background-color: #FFFFFF;
}

#header_container{
	margin: 0px;
	width: 900px;
	height: 250px;
	background-image: url(../images/header.gif) ;
}

#menu_container{
	z-index: 100;
	position: relative;
	width: 260px;
	height: 250px;
	left:610px;
	padding: 0px 10px 0px 10px;
	color:#FFFFFF;
	font-size:14px;
	line-height:22px;
	background-image: url(../images/menu_bgnd.gif) ;
}

#menu_container p{
	position:absolute;
	bottom:0;
	margin-bottom:10px;
}

#content_container{
	float: left;
	width:900px;
	padding: 0px 0px 0px 0px;
	height:auto;
	margin: auto;
	border:1px solid #DDDDDD;
}

#fullwidthcolumn{
	float: left;
	width: 900px;
	padding: 0px;
	margin: 0px;
}

#column1{
	float: left;
	width: 588px;
	padding: 10px;
	margin: 0px;
}

#column2index{
	float: left;
	width: 258px;
	padding: 0px;
	margin: 0px;
}

#column2{
	float: left;
	width: 258px;
	height:100%;
	padding: 10px;
	margin: 0px;
	background-color:#EFEFEF;
	margin-top:10px;
	font-size:12px;
	line-height:16px;
}

#column2 div{
	padding:10px;
}

#footer_container{
	z-index: 1;
	width: 900px;
	height: 100%;
	float: left;
	margin: 0px;
	position: relative;
	padding: 0px;
}

#footer_column1{
	float: left;
	width: 588px;
	padding: 10px;
	margin: 0px;
}

#footer_column2{
	float: left;
	width: 258px;
	height: 100%;
	padding: 0px;
	margin: 0px;
	padding: 10px;
	background-color: #558ba6;
}
	
hr {
background-color: #96B8C8;
border: 0;
height: 1px;
margin: 0;
}

/****************************
FONT STUFF STARTS HERE
******************************/

.blue_text{ 
	color: #558ba6;
	margin: 0px;
	padding: 0px;
}

.white_text{ 
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

.sub_heading{ 
	font-size: 18px;
	color: #558ba6;
	line-height:24px;
	margin-top: 25px;
	padding: 0px;
}

.small_text{ 
	font-size:11px;
	line-height:16px;
	margin: 0px;
	padding: 0px;
}

.xsmall_text{ 
	font-size:9px;
	line-height:16px;
	margin: 0px;
	padding: 0px;
}

a:link {  color: #558ba6; text-decoration: none; }
a:active {  color: #558ba6; text-decoration: none; }
a:visited {  color: #558ba6; text-decoration: none;	}
a:hover { color: #558ba6; text-decoration: underline; }

#menu_container a:link { color: #FFFFFF; text-decoration: none;}
#menu_container a:active { color: #FFFFFF; text-decoration: none;}
#menu_container a:visited { color: #FFFFFF; text-decoration: none;}
#menu_container a:hover { color: #FFFF00; text-decoration: none;}

/****************************
TABLE STUFF STARTS HERE
******************************/

table tr td {
	background: #F3F3F3;
	border: 2px solid #FFFFFF;
	vertical-align: top;
	padding:5px;	
}

table img{
	border:none;
}

tr.product td {
	width:200px;
}

tr.details td {
	width:388px;
}

table.info tr td {
	background: #FFFFFF;
	border: 2px solid #F3F3F3;
	vertical-align: top;
	padding:5px;	
}