body {
	FONT-WEIGHT:normal;
	FONT-FAMILY:VERDANA,ARIAL;
	FONT-SIZE:12px;
}

/* BLUE TYPE (highlighted) */

.shield_bg {
	background: url('images/sheild-bg.gif');
}
.reg_bg {
	background: url('images/reg-bg.gif');
}
.l3_bg {
	background: url('images/l3_bg.gif');
}
.fBg {
	background: url('images/fBg.jpg');
}

.blue {
	COLOR:#584E8F;
}
.resultsblue {
	COLOR:#584E8F;
	FONT-WEIGHT:normal;
	FONT-FAMILY:VERDANA,ARIAL;
	FONT-SIZE:13px;
}
.detailsblue
	{
	COLOR:#584E8F;
	FONT-WEIGHT:bold;
	FONT-FAMILY:VERDANA,ARIAL;
	FONT-SIZE:13px;
	}

/* ICON HEADERS */

.header
	{
	COLOR:#584E8F;
	FONT-WEIGHT:bold;
	FONT-FAMILY:VERDANA,ARIAL;
	FONT-SIZE:12px;
	}

/* TYPE & VARIATIONS IF NEEDED */

.normallarge
	{
	COLOR:#5C5C5C;
	FONT-WEIGHT:normal;
	FONT-FAMILY:VERDANA,ARIAL;
	FONT-SIZE:13px;
	}
.resultslarge
	{
	COLOR:#5C5C5C;
	FONT-WEIGHT:normal;
	FONT-FAMILY:VERDANA,ARIAL;
	FONT-SIZE:13px;
	}
.detailslarge
	{
	COLOR:#5C5C5C;
	FONT-WEIGHT:normal;
	FONT-FAMILY:VERDANA,ARIAL;
	FONT-SIZE:13px;
	}

/* NORMAL TYPE & VARIATIONS IF NEEDED */

.normal
	{
	COLOR:#5C5C5C;
	FONT-WEIGHT:normal;
	FONT-FAMILY:VERDANA,ARIAL;
	FONT-SIZE:12px;
	}
.question
	{
	COLOR:#5C5C5C;
	FONT-WEIGHT:normal;
	FONT-FAMILY:VERDANA,ARIAL;
	FONT-SIZE:12px;
	}
.results
	{
	COLOR:#5C5C5C;
	FONT-WEIGHT:normal;
	FONT-FAMILY:VERDANA,ARIAL;
	FONT-SIZE:12px;
	}
.details
	{
	COLOR:#5C5C5C;
	FONT-WEIGHT:normal;
	FONT-FAMILY:VERDANA,ARIAL;
	FONT-SIZE:12px;
	}

/*  NORMAL TYPE & COLOUR VARIATIONS */

.normalwhite
	{
	COLOR:#FFFFFF;
	FONT-WEIGHT:bold;
	FONT-FAMILY:VERDANA,ARIAL;
	FONT-SIZE:12px;
	}
.normalblack
	{
	COLOR:#000000;
	FONT-WEIGHT:normal;
	FONT-FAMILY:VERDANA,ARIAL;
	FONT-SIZE:12px;
	}

/* SMALL */

.normalsmall
	{
	COLOR:#5C5C5C;
	FONT-WEIGHT:normal;
	FONT-FAMILY:VERDANA,ARIAL;
	FONT-SIZE:11px;
	}
.resultssmall
	{
	COLOR:#5C5C5C;
	FONT-WEIGHT:normal;
	FONT-FAMILY:VERDANA,ARIAL;
	FONT-SIZE:11px;
	}
.detailssmall
	{
	COLOR:#5C5C5C;
	FONT-WEIGHT:normal;
	FONT-FAMILY:VERDANA,ARIAL;
	FONT-SIZE:11px;
	}

/* MENU ITEMS */


/* GENERAL LINKS */
A
	{
	COLOR:#584E8F;
	}
A:HOVER
	{
	COLOR:#584E8F;
	}

/* MAIN MENU TABLE CELL */

.topmenu_l3
{
COLOR:#584E8F;
FONT-WEIGHT:normal;
FONT-FAMILY:TAHOMA,ARIAL;
FONT-SIZE:11px;
TEXT-DECORATION:none;
background: url('images/l3_bg.gif');
}
.topmenu
	{
	COLOR:#584E8F;
	FONT-WEIGHT:normal;
	FONT-FAMILY:TAHOMA,ARIAL;
	FONT-SIZE:11px;
	TEXT-DECORATION:none;
	}

/* MAIN MENU A-LINK */

A.tm
	{
	COLOR:#584E8F;
	FONT-WEIGHT:normal;
	FONT-FAMILY:TAHOMA,ARIAL;
	FONT-SIZE:11px;
	TEXT-DECORATION:none;
	}
A.tm:HOVER
	{
	COLOR:#FFAA24;
	TEXT-DECORATION:underline;
	}

/* MAIN MENU SELECTED A-LINK */

A.ts
	{
	COLOR:#584E8F;
	FONT-WEIGHT:bold;
	FONT-FAMILY:TAHOMA,ARIAL;
	FONT-SIZE:11px;
	TEXT-DECORATION:none;
	}
A.ts:HOVER
	{
	COLOR:#FFAA24;
	TEXT-DECORATION:underline;
	}

/* SECONDARY MENU A-LINK */
.topmenu2

	{
	COLOR:#FFFFFF;
	FONT-WEIGHT:normal;
	FONT-FAMILY:TAHOMA,ARIAL;
	FONT-SIZE:10px;
	TEXT-DECORATION:none;
	background: url('images/l3_bg.gif');
	}
A.sm
	{
	COLOR:#FFFFFF;
	FONT-WEIGHT:normal;
	FONT-FAMILY:TAHOMA,ARIAL;
	FONT-SIZE:10px;
	TEXT-DECORATION:none;
	}
A.sm:HOVER
	{
	COLOR:#FFAA24;
	TEXT-DECORATION:underline;
	}

/* IN PAGE MENU LINKS */

A.cm
	{
	TEXT-DECORATION:none;
	}

A.cm:HOVER
	{
	TEXT-DECORATION:underline;
	}

/* FOOTER COPY RIGHT TEXT /*

.copyright
	{
	FONT-FAMILY:TAHOMA,ARIAL;
	FONT-SIZE:9px;
	}

/* BLOCKQUOTE BOX OF REFERENCES */

BLOCKQUOTE
	{
	FONT-FAMILY:ARIAL;
	FONT-STYLE:italic;
	PADDING:5px
	}

/* LINKS PAGE IMAGE BOX */

.linkimage
	{
	border: 2px solid #FFFFFF;
	}

/* FORM OBJECTS */

/* TEXT BOXES */

.input
	{
	FONT-WEIGHT:normal;
	FONT-FAMILY:ARIAL;
	FONT-SIZE:11px;
	}
.medinput
	{
	WIDTH:200px;
	FONT-WEIGHT:normal;
	FONT-FAMILY:ARIAL;
	FONT-SIZE:12px;
	}

.searchinput
	{
	WIDTH:100px;
	FONT-WEIGHT:normal;
	FONT-FAMILY:ARIAL;
	FONT-SIZE:11px;
	}

.mboardinput
	{
	WIDTH:200px;
	FONT-WEIGHT:normal;
	FONT-FAMILY:ARIAL;
	FONT-SIZE:11px;
	}
.advinput
	{
	WIDTH:285px;
	FONT-WEIGHT:normal;
	FONT-FAMILY:ARIAL;
	FONT-SIZE:11px;
	}

/* SELECT OPTION DROPDOWNS */

.select
	{
	FONT-WEIGHT:normal;
	FONT-FAMILY:ARIAL;
	FONT-SIZE:11px;
	}
.searchselect
	{
	WIDTH:200px;
	FONT-WEIGHT:normal;
	FONT-FAMILY:ARIAL;
	FONT-SIZE:11px;
	}
.advselect
	{
	WIDTH:285px;
	FONT-WEIGHT:normal;
	FONT-FAMILY:ARIAL;
	FONT-SIZE:11px;
	}

/* New rules for standards-compliant CSS-controlled layout: */
body { text-align: center; background: #cccccc; } /* centralises layout */
#wrapper { text-align: left; margin: 0 auto; padding: 0; border: 0; width: 777px; background: #ffffff; } /* keeps content in fixed-width column */
#content {
	margin-top: 103px; padding-top: 10px;
	background: #ffffff; color: #5c5c5c;
} /* leaves space for the masthead, which is below the content in the HTML to improve SEO results */
#masthead {
	position: absolute; top: 8px; 
	width: 777px; height: 95px; 
	background: #ffffff url(./images/gloucester_header.gif) top left no-repeat;
	border-bottom: 1px solid #000000;
} /* stays at the top visually */
#footer {
	width: 777px; height: 27px;
	background: #ffffff; color: #33528f;
	font: normal 10px Tahoma, Verdana, Arial, sans-serif;
	text-align: center;
	margin: 0;
	padding: 7px 0 0 0;
} /* just visual controls */
#skip_to_nav {text-indent: -5000px; float: left; } /* hidden if you're not using a screen-reader or basic mobile */
/* rules to position the navigation within the masthead */
#topmenu { position: absolute; top: 57px; left: 210px; background: #000000; }
#topmenu, #topmenu * { color: #ffffff; font: normal 12px Tahoma, Arial, sans-serif; text-decoration: none; }
#topmenu a:hover { color: #ffaa24; text-decoration: underline; }
#bottom_menu { position: absolute; top: 77px; left: 210px; color: #FFFFFF; background: #000000; }
#bottom_menu, #bottom_menu a { color: #FFFFFF; font: normal 11px Tahoma, Arial, sans-serif; text-decoration: none; }
#bottom_menu a:hover { color: #FFAA24; text-decoration: underline; }
#topmenu a, #bottom_menu a { display: inline-block; margin: 0 4px }
#topmenu a.leftmost, #bottom_menu a.leftmost, .leftmost { margin-left: 0; }

/* content is in 2 columns: L & R */
#left_col { width: 625px; margin: 0; padding: 0 0 0 44px; min-height: 550px; }
#right_col { width: 150px; margin: 0; float: right; text-align: center; }
/* current page has its link emboldened in the navigation */
#topmenu *.selected, #bottom_menu *.selected { font-weight: bold; }
/* layout for RH advert links */
#other_towns_link {
	margin-bottom: 11px;
	width: 133px;
	background: #476baa;
	color: #ffffff;
}
/* margin for LH col forms */
#left_col form { margin-bottom: 20px; }

h1 {font-size: 12px; color:#5c5c5c}
h2 {font-size: 10px; color:#5c5c5c}

/* privacy policy page */
div#privacy { display:table-cell }

#accomodationSearch {
	width: 495px !important;
	background: #cce4f3; color: #666666;
}
#accomodationSearch td {
	height: 25px;
}
#referenceSearch {
	width: 215px; height: 61px;
	padding: 9px;
	background: #cce4f3; color: #666666;
	font-size: 8px;
	font-weight: normal;
	float: left;
	margin: 0;
}
#referenceSearch .heading {
	font-size: 13px;
	font-weight: bold;
	color: #007bc6;
}
#referenceSearch table { margin: 0; }
#referenceSearch .searchinput, #landlordSearch .searchinput { width: 170px; }

#landlordSearch {
	width: 215px; height: 61px;
	padding: 9px;
	background: #ffeacc; color: #666666;
	font-size: 8px;
	font-weight: normal;
	margin: 0;
	float: left;
	margin-left: 2em;
}
#landlordSearch .heading {
	font-size: 13px;
	font-weight: bold;
	color: #ff9900;
}
#accomodationSearch .header {
	font-size: 16px;
	font-weight: bold;
	color: #007bc6;
	padding-left: 10px;
}
.searchblue {
	background: #cce4f3; color: #666666;
}
.searchblue .searchselect, .searchblue .ssbox {
	width: 189px;
}

.searchblue .question, #rowFacilities .question, #rowSuitable .question, #rowLocation .question {
	width: 254px;
	font-size: 9px;
	padding-left: 10px;
}
#intro {
	font-size: 12px;
}
#intro .header {
	font-size: 16px;
	font-weight: bold;
	color: #007bc6;
}
#frmSearch {
	width: 495px;
	margin: 0;
}
#registerhere .outerleft, #statistics .outerleft {
	font-size: 9px;
}

/* corporate colours
[main]
#33528f - blue
#c02427 - red
#aaaaaa - silver
#000000 - black
#e9cb32 - yellow
#660069 - purple
#339ac1 - aqua
#bfd832 - green
[secondary]
#e2a8b4 - pink
#ada5c4 - lilac
#b3c7cc - light aqua
#8ebbe7 - powder blue
*/


.warning{ background-color: #F9E275; border: 1px solid #FCD113; padding: 1em; margin: 1em 0 1em 0; }
.warning div{ float: left; }
.warning_icon{ display: block; float: left; width: 20px; height: 20px; background: url(images/icons.png) top left; }
.error{ background-color: #FFCFCF; border: 1px solid #CD0A0A; padding: 1em; margin: 1em 0 1em 0; }
.error_icon{ display: block; float: left; width: 20px; height: 20px; background: url(images/icons.png) top left; background-position: -20px 0; }
.error p{ margin: 0 0 1em 0; padding: 0;}
.clear{ clear: both; }