/* CSS Document */
/****************************************************************************************/
/** LAYOUT **/
/****************************************************************************************/
body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;
	height: 165px;
	background-color:#003366;
}

/*hold top navigation in place */
#top-nav{
	width: 850px; /*Width of main container*/
	margin: 0px auto;
	padding: 0px;
}
/******style header section*****/

.hold-header-nav {
	text-align: left;
	margin: 0px;
	padding-bottom: 8px;
	padding-top: 5px;
}
/* fix width to 850 and hold site centered */

#maincontainer{
width: 850px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color:#FFFFFF;
}

/*hold logo and top nav*/
#topsection{
background: #C9DAEC url(../images/bg-header.jpg) no-repeat scroll left top; 
min-height: 165px; /*Firefox needs this to fix min Height of top section*/
}
/******hold-logo*****/
.hold-logo {

	text-align: left;
	margin: 0px;
}
/* hold right and center columns */
#contentwrapper{
float: left;
width: 100%;
}
/*hold main central column to appear first in code order - use where no left and right columns*/
#contentcolumn-no-columns {
	margin: 0 2em;
	padding-top: 1em;
	padding-bottom: 2em;
}
/*hold main central column to appear first in code order*/
#contentcolumn{
	margin: 0 155px 0 160px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	background-image: url(../images/center-top-curve.jpg);
	background-repeat: no-repeat;
	background-position: center 0.4em;
	padding-top: 1em;
	padding-bottom: 2em;
}

/*hold left column and set  width*/
#leftcolumn{
float: left;
width: 160px; /*Width of left column in pixel*/
margin-left: -850px;
}



/************hold right column*******************/

#rightcolumn{
	float: left;
	width: 155px; /*Width of right column*/
	margin-left: -155px;
	margin-top: 0.4em;
}



/********************************************************************************************************************** CENTER STYLES *************************/
.breadcrumb{
	margin: 0.5em 1.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7E5F4;
}

.innertube{
margin: 0em 1em 1em;
}

/********* hold message area******/
.message {
	background-color: #F5E8D3;
	color: #DB7028;
	font-size: 0.80em;
	text-align: center;
	padding: 0.25em;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

/************************************************************************************************************** seperate styles to layout contact page and shopping basket etc**/
#contact-wrapper{
	float: left;
	width: 100%;
	margin-bottom: 1em;
}
#contact-left{
	margin-right: 360px;
}

#contact-right{
	float: left;
	width: 340px; /*Width of right column*/
	margin-left: -355px;
	padding-right: 10px;
}

.clear-cols {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}



/*************hold footer in place**************/
#footer{
clear: left;
width: 100%;
background: #E1EBF6;
color: #FFF;
text-align: center;
padding: 1em 0em;
}

/******************** 2 columns used in sitemap & news pages*****************************/
.hold-news {
	width: 100%;
}
.hold-news-left {
	width: 120px;
	float: left;
	padding-top: 0.5em;
}
.hold-news-right {
	margin-left: 130px;
}
.clear-news {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7E5F4;
	margin-bottom: 0.5em;
}
.img-float-left {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	border: 5px solid #FFFFFF;
	margin-top: 0.5em;
}
.hold-location-left {

	width: 150px;
	float: left;
	padding-top: 0em;
}
.hold-location-right {
	margin-left: 152px;
}
.hold-location2-left {

	width: 205px;
	float: left;
	padding-top: 0em;
}
.hold-location2-right {
	margin-left: 210px;
}
/************************************** numbers *****************************************/
#numbers {
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: center;
	color: #009999;

}
#numbers p {
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align:center;
	color: #333333;

	text-align:center;
}
/**/
#numbers a {
	margin: 0px;
	padding: 0px 3px 0px 3px;
	color: #000000;

	text-decoration: underline;
}
#numbers a:hover {
	color:#009999;
	text-decoration:underline;
}