/* Vebra Solutions Ltd
Author: James Barwell
Date: 2008 */

*{margin: 0; padding: 0;}

/*
OPTIONAL EXTRAS
Remove this when building the site
*/

#optionalextras img {
	float: left;
	margin: 0 3px 6px 3px;
}


/* --- google map ---- */
#map{
height: 216px;
width: 301px;
border: 3px solid #fff;
}

/* ----- LAYOUT ----- */

body {
	background: url(../graphics/background.jpg) repeat-x;
	font-family: arial, verdana, tahoma, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 65%;
	line-height: 1.833em;
	font-size-adjust: none;
	font-stretch: normal;
}

html>body {
font-size: 12px;
}

a:link, a:visited{
	text-decoration: none;
	color: #50b849;
}

a:active, a:hover {
	text-decoration: none;
	color: #50b849;
}

#container {
position: relative;
	margin: 0 auto;
	width: 765px;
	background: #FFFFFF;
}

#header img {
	float: left;
	margin: 0 3px 6px 3px;
}

#navcontainer {
	clear: left;
	width: 765px;
	height: 40px;
	margin: 0 3px 6px 3px;
}

#pagetitle {
	float: left;
	width: 196px;
	background: #003366;
	height: 30px;
	padding: 10px 0 0 0;
	margin: 0 6px 0 3px;
}

#navigation {
	float: left;
	width: 759px;
	background: #221e1f;
}

#maincontainer {
	clear: both;
	width: 759px;
	margin: 0 3px;
	padding-bottom: 10px;
	overflow: hidden;
	height:100%;
}

#sideimage {
	float: left;
	background: #221e1f;
	width: 155px;
	min-height: 250px;
	max-height: 300px;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.sideimage{float:left;font-family:Arial;color:#ffffff;}
.sideimage A{color:#50b849;text-decoration:none;}
.sideimage A:hover{color:#50b849;text-decoration:underline;}
.sideimage A:visited{color:#50b849;text-decoration:none;}


#content {
	float: left;
	margin: 0 3px 0 0;
	width: 524px;
	padding: 5px 10px;
	min-height: 250px;
	margin-bottom: 3px;
}
.content{float:left;font-family:Arial;color:#000000;}
.content A{color:#50b849;text-decoration:none;}
.content A:hover{color:#50b849;text-decoration:underline;}
.content A:visited{color:#50b849;text-decoration:none;}


#contentthink {
	float: left;
	margin: 0 3px 0 0;
	width: 749px;
	padding: 5px 10px;
	height: 100%;
	min-height: 550px;
	margin-bottom: 3px;
}

#contentleft {
	float: left;
	width: 220px;
}
#contentright {
	float: left;
	width: 300px;
}

#content p img.fr{
	float: right; 
	padding: 3px; 
	border: 1px solid #DBF3FF;
	margin-left: 10px;
}

#foot_grad {
	clear: left;
	height: 10px;
	width: 759px;
	margin: 0 3px;
	background: url(../graphics/footergrad.jpg) 0 0 repeat-x;

}

#footer {
	clear: left;
	width: 739px;
	height: 45px;
	margin: 0 3px;
	background: #221e1f;
	margin-top: 3px;
	padding: 5px 10px;
}

#footer p{
line-height: 20px;
}

#footer p a{
margin-right: 10px; 
}

#footer_logos{
display: block;
text-align: left;
margin: 0; 
float: left;
height: 44px;
clear: both;
padding: 10px;
}


/* ----- TYPOGRAPHY ----- */

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 6px 0;
}

p {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 1.5em;
	margin-bottom: 16px;
}

UL {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 1.5em;
	margin-bottom: 16px;
}

#pagetitle p {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}

#table{
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 1.5em;
	margin-bottom: 4px;
}

#pagetitle p strong {
	font-size: 12px;
}

#navigation {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#navigation ul {
	list-style: none;
}

#navigation ul li{
	display: inline;
	background: url(../graphics/background.jpg) repeat-x;
	font-family: arial, verdana, tahoma, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 100%;
	line-height: 1.833em;
	font-size-adjust: none;
	font-stretch: normal;
}

#footer p {
	color: #FFFFFF;
	display: inline;
	font-family: arial, verdana, tahoma, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 90%;
	line-height: 1.833em;
	font-size-adjust: none;
	font-stretch: normal;	
}
#footer p a{
	color: #fff;
}
#footer p a:hover{
	color: #50b849;
}

#address {
	float: left;
	width: 460px;
	font-size: 13px;
}

#contact {
	float: right;
	width: 250px;
	font-size: 13px;
}

/* ------ Fade Gallery ---- */
.placeholder {
  position:absolute;
  top: 0px;
  left: 201px;
}


/* ----- MENU & LINKS ----- */

#navigation ul li a {
	float: left;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background: #221e1f;
	height: 30px;
	padding: 10px 19px 0px 19px;
}

#navigation ul li a:hover, #navigation ul li a.active {
	background: #50b849;
}


/* ---- QUICKSEARCH ---- */
#quicksearch{
	background-color: #50b849;
	margin: 0 0 0 40px;
	padding: 0;
	width: 270px;
}
#quicksearch form{
	margin: 0;
	padding: 10px 0 1em 10px;
}
#quicksearch h3{
	background-color: #000000;
	margin: 0;
	padding: .2em 0 .2em 10px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}
#quicksearch fieldset{
	border: 0;
}
#quicksearch legend{
	display: none;
}
#quicksearch p{
	margin: 0;
	padding: 0 0 4px 0;
	float: left;
}
#quicksearch label{
	margin: 0;
	padding: 0 2px 0 5px;
	display: block;
	float: left;
	width: 115px;
	color: #000000;
/*	font-size: 12px;*/
	text-align: left;
}
#quicksearch select{
color: #000000;
	display: block;
	float: left;
	width: 120px;
	/*font-size: 11px;*/
}
#quicksearch p#qs-submit{
	width: 250px;
	display: block; 
	text-align: right; 
	clear: left;
}

#qs-regions{
Display:none;
}

button#submit{
color: #fff;
background-color: #50b849;
border-width:1px;
border-style: solid;
border-color: #77d271 #000000 #000000 #77d271 ;
}
#content p span{
color: #09f;
}

.formFieldLeft{float:left;width:100px;}
.formFieldRight{float:left;}
.formText{font-size: 11px; color: #666666;}
.formTextInput{color:#666666; font-size:11px;}
.formTextArea{width:300px; height: 100px; font-family: Arial; font-size: 11px; color: #666666;}
.genericClear{clear:both;}


#mainContainer{
		width:155px;
		margin:0 auto;
		text-align:left;
			
	}

	/* 
	END OF DEMO CSS
	*************************************/
	
	/* CSS for my first scrolling box */
	#scrollingContainer{
		width:155px;	/* 170 pixels in width */
		height:250px;	/* Height of box */
		
		border:0px solid #000;	/* Black border around box */
		background-color: #221e1f;	/* Light blue background color */

		padding:2px;	/* A little bit of space between border of box and text inside */
		float:left;	/* I want the text to wrap around the box */
		margin-right:0px;	/* Right margin of 10 pixels */
		font-size:12px;	/* Smaller font size than the rest of the page */
		
		overflow:hidden;	/* Hide overflow content */
	}

#navigation ul li a.payment { color: Yellow; }

div#leftContent
{
    float: left;
}

div#paymentDiv a
{
    display: block;
    margin-top: 350px;
    color: White;
    background-color: #50B849;
    padding: 10px;
    width: 155px;
    font-weight: bold;
    text-align: center;
}

div#payments
{
    float: left;
    margin-bottom: 20px;
}

div#payments p.topMargin
{
    margin-top: 20px;
}

div#payments p span
{
   display: block;
   color: #50B849;
   font-weight: bold;
   font-size: 14px; 
}

div#paymentsForm label
{
    display: block;
    float: left;
    width: 130px;
}

span.formError
{
    color: Red;
    font-size: 10px;
    visibility: hidden;
}

span#poundSign
{
    font-weight: bold;
    font-size: 14px;
    margin-left: 30px;
    margin-right: 5px;
}
img#worldpay
{
    float: left;
}

input#submit
{
    display: block;
    border: none;
    margin-left: 130px;
    margin-top: 25px;
    color: White;
    background-color: #50B849;
    padding: 5px;
    width: 135px;
    font-weight: bold;
    text-align: center;
}

img#padlock
{
    margin-left: 120px;
}

#navigation ul li a.paymentMenu
{
    color: White;
}

div#refundPolicy p
{
    margin-bottom: 0;
    font-size: 10px;
}