BODY {
	FONT-SIZE: 80%;
	MARGIN: 0px;
	COLOR: black;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ffffff;

}
TD {
	FONT-SIZE: 100%; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 
}
TH {
	FONT-SIZE: 100%; BACKGROUND: #9fbbda; COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
INPUT {
	FONT-SIZE: 100%; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:link {
	COLOR: blue; TEXT-DECORATION: none
}
A:visited {
	COLOR: purple; TEXT-DECORATION: none
}
A:active {
	COLOR: red; TEXT-DECORATION: none
}
A:hover {
	COLOR: red; TEXT-DECORATION: underline
}
.hbutton TD A {
	width: 100%;
	BORDER-RIGHT: 1px solid #333399;
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
	WIDTH: 100%;
	COLOR: #FFA01C;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #00266B;
	display: block;
	TEXT-DECORATION: none;
	padding: 5px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
.hbutton TD A:visited {
	width: 100%;
	BORDER-RIGHT: #333399 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
	WIDTH: 100%;
	COLOR: #FFA01C;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #00266B;
	display: block;
	TEXT-DECORATION: none;
	padding: 5px;
}
.hbutton TD A:active {
	width: 100%;
	BORDER-RIGHT: #333399 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
	WIDTH: 100%;
	COLOR: #FFA01C;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #00266B;
	display: block;
	TEXT-DECORATION: none;
	padding: 5px;
}
.hbutton TD A:hover {
	width: 100%;
	BORDER-RIGHT: #FFD700 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
	WIDTH: 100%;
	COLOR: #180557;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #FFA01C;
	display: block;
	TEXT-DECORATION: none;
	padding: 5px;
}

.footer {
	FONT-SIZE: 100%;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-style: normal;
	background-image: url(images/bottombg.gif);
}
.formfields {
	BORDER-RIGHT: #FFD700 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #FFD700 2px solid; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #FFD700 2px solid; COLOR: #464646; PADDING-TOP: 0px; BORDER-BOTTOM: #FFD700 2px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
.formbutts {
	BORDER-RIGHT: #180557 1px solid; BORDER-TOP: #180557 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 8pt; MARGIN: 1px; BORDER-LEFT: #180557 1px solid; COLOR: #000000; BORDER-BOTTOM: #180557 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #FFD700;
}
.partners {
	FONT-SIZE: 100%;
	MARGIN: 0px;
	COLOR: #180557;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #FFA01C;
	font-weight: bold;
}
.sidebox {
	FONT-SIZE: 100%;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #333399;
	font-weight: bold;
	color: #FFFFFF;
	font-style: normal;
}
.news {
	background-color: #FFA01C;
}
.background {
	background-image: url(images/background.jpg);
}
.shrewsbury {
	background-image: url(images/shrewsburytop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.provision {
	FONT-SIZE: 90%;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	text-align: right;
	background-color: #333399;
	font-weight: bold;
	color: #FFFFFF;
}
H1 {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #333399; TEXT-ALIGN: left; TEXT-DECORATION: underline
}
H2 {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #333399; TEXT-ALIGN: left; TEXT-DECORATION: underline;
}
H3 {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #333399; TEXT-ALIGN: left; TEXT-DECORATION: underline;
}
H4 {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #333399; TEXT-ALIGN: left; TEXT-DECORATION: underline;
}
.linkshead {
	FONT-SIZE: 100%;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #00266B;
	font-weight: bold;
	color: #FFFFFF;
	font-style: normal;
	padding-left: 5px;
}
.small {
	font-size: 90%;	
}
.shropshirecol {
	FONT-SIZE: 90%;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #00266B;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000000;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	
}


/* ACCOMMODATION SEARCH */

#accommodationsearch fieldset {
	border: 2px solid #243757;
	width: 95%;
	float: left;
	clear: left;
	margin-bottom: 10px;
}

#accommodationsearch #southshrop label {
	font-weight: bold;
}

#accommodationsearch #southshrop ul li {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#accommodationsearch #southshrop #bishopscastle {
	background-color: #b28cf9;
}

#accommodationsearch #southshrop #clun {
	background-color: #92a1c0;
}

#accommodationsearch #southshrop #churchstretton {
	background-color: #ecba03;
}

#accommodationsearch #southshrop #cravenarms {
	background-color: #cbe021;
}

#accommodationsearch #southshrop #cleoburymortimer {
	background-color: #87c981;
}

#accommodationsearch #southshrop #ludlow {
	background-color: #bf481d;
}

#accommodationsearch #rating {
	height: 70px;
}

#accommodationsearch #rating img {
	border: 0;
}

#accommodationsearch #rating input {
	display: none;
}

#accommodationsearch #rating ul li {
	margin-left: 30px;
	margin-top: -15px;
}

#accommodationsearch #location {
	height: 70px;
}

#accommodationsearch fieldset legend {
	color: #000;
	font-weight: bold;
	background: #fff;
	font-size: 110%;
}

#accommodationsearch fieldset ul {
	float: left;
	list-style: none;
	margin-left: 3%;
}

#accommodationsearch fieldset ul li label {
	display: inline-block;
	width: 300px;
	font-size: 100%;
	padding: 4px;
}

#accommodationsearch #rating ul {
	margin-top: 15px;
}

#accommodationsearch #rating ul li {
	float: left;
}

#accommodationsearch #rating ul li label {
	width: 20px;
}

#accommodationsearch #searchbtn {
	border: #4c0886 2px solid;
	background: #e9e0f1;
	margin: 0 10px 10px 5px;
	padding: 4px 10px;
	float: right;
	text-transform: uppercase;
	font-weight: bold;
	width: auto;
}

/* ACCOMMODATION SEARCH RESULTS */

.clearer {
	clear: both;
}

#centre {
	width: 95%;
}

#centre .accomresult {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	background: url(images/link_bg.jpg) repeat-x bottom left;
} 

#centre .accomresult .resultinfo {
	float: left;
	width: 100%;
	background: #fff;
	margin-bottom: 5px;
}

#centre .accomresult h1 {
	font-size: 120%;
	background: #00266b;
	color: #fff;
	padding: 8px 0;
	text-indent: 10px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}

*:first-child+html #centre .accomresult h1 {
	margin-bottom: 0;
}

#centre .accomresult .resultinfo .thumbimg {
	float: left;
	margin-left: 10px;
	border: 1px #000 solid;
	width: 115px;
	margin-bottom: 10px;
}

#centre .accomresult .ratingimg {
	float: right;
	border: 0;
	width: 80px;
	margin-right: 0.7%;	
}

#centre .accomresult .ratingimg1 {
	float: right;
	width: 70px;
	margin-right: 0.7%;
	border: 1px solid #ccc;
	background: #fff;
	padding: 5px;	
}

#centre .accomresult ul {
	float: left;
	width: 280px;
	list-style: none;
	margin-left: 10px;
	border-right: 1px solid #000;
	font-size: 90%;
}

#centre .accomresult p {
	margin: 0 10px 5px 10px;
}

#centre .accomresult .moreinfo {
	float: right;
	margin-right: 10px;
}

#centre .accomresult .bookable {
	float: right;
	clear: right;
	margin-right: 10px;
	margin-bottom: 0;
}

#centre .accomresult .moreinfo a {
	background: url(images/arrows.png) center right no-repeat;
	padding-right: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

#centre .accomresult .email {
	padding-right: 12px;
	text-decoration: none;
	color: #000;
}

#centre .accomresult .moreinfo a:hover {
	text-decoration: underline;
}

#centre .accomresult .email {
	padding-right: 12px;
	text-decoration: none;
	color: #000;
}

#centre .accomresult .email:hover {
	text-decoration: underline;
}

#centre .stats {
	background: #FFD59B;
	width:100%;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 2px;
	border: 2px solid #00266b;
}

#centre .stats p {
	float: left;
	clear: left;
	color: #000;
	margin: 2px 0 2px 5px;
}

#centre .stats .rightstats {
	float: right;
	clear: right;
	margin: 2px 5px 2px 0;
	width: 400px;
	text-align: right;
}

#centre .stats a {
	color: #000;
	text-decoration: none;
	font-size: 95%;
}

#centre .stats a:hover {
	text-decoration: underline;
}

/* ACCOMMODATION DETAILS */

#centre #detailsholder #detailheader {
	float: left;
	width: 100%;
	background: #ccc;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	margin-bottom: 10px;
	margin-top: 10px;
}

#centre #detailsholder #detailheader a {
	float: right;
	clear: right;
	color: #000;
	font-weight: bold;
	font-size: 95%;
	background: url(images/arrows.png) no-repeat right center;
	padding-right: 15px;
	margin-right: 10px;
}

#centre #detailsholder #detailheader h1 {
	float: left;
	font-size: 120%;
	background: #263457;
	color: #fff;
	padding: 6px 0;
	margin-bottom: 10px;
	width: 50%;
	padding-left: 10px;
	text-decoration: none;
}

#centre #detailsholder .short {
	clear: none;
	width: 50%;
}

#centre #detailsholder h2 {
	clear: both;
	width: inherit;
	background: #BBD2FF;
	color: #000;
	font-size: 100%;
	text-indent: 10px;
	padding: 2px 0;
	margin: 0 0 10px 0;
}

#centre #detailsholder img {
	float: right;
	clear: right;
	width: 290px;
	border: 1px solid #000;
	margin: 0 0 10px 10px;
} 

#centre #detailsholder img.accessimg {
	width: 50px;
	float: left;
}

#centre #detailsholder #facdiv img {
	width: auto;
	float: none;
}

#centre #detailsholder ul {
	font-size: 90%;
	margin-bottom: 20px;
	list-style: none;
}

#centre #detailsholder ul li {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

#centre #detailsholder a {
	text-decoration: none;
	color: #4c0886;
}

#centre #detailsholder a:hover {
	text-decoration: underline;
}

#centre #detailsholder .ratingimg {
	float: left;
	width: 95px;
	border: 0;
	margin-left: 5px;
}

#centre #detailsholder .ratingimg1 {
	float: left;
	width: 85px;
	margin-left: 5px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 5px;
}

#centre #detailsholder .tooltips {
	background: #ccc;
	border: 2px solid #5286B5;
	margin-bottom: 10px;
	padding: 3px;
	clear: both;
}

#centre #detailsholder .tooltips a {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	background: url(../images/arrows.png) no-repeat center right;
	padding-right: 15px;
	margin-left: 50px;
} 

#centre #detailsholder .tooltips h5 {
	margin: 0;
}

#centre #detailsholder #disclaimer {
	font-size: 80%;
	text-align: justify;
}

/* accommodation price table */

#centre #accomprice {
	border: 2px solid #263457;
	border-collapse: collapse;
	text-align: center;
	margin-bottom: 20px;
	background: #fff;
	margin-left: 1%;
}

#centre #accomprice th {
	background: #263457;
	color: #fff;
	padding: 6px 3px;
	font-size: 100%;
} 

#centre #accomprice td {
	border-left: 1px solid #263457;
	border-right: 1px solid #263457;
	padding: 10px 10px;
	font-size: 90%;
} 

#centre #accomprice #tools {
	background: #ccc;
	border-top: 1px solid #263457;
}

#centre #accomprice #tools h4 {
	float: left;
	font-size: 90%;
	font-weight: bold;
	text-decoration: underline;
}

#centre #accomprice #tools a {
	color: #000;
	float: left;
	margin: 0;
	margin-left: 120px;
	font-size: 95%;
	font-weight: bold;
	background: url(images/arrows.png) right center no-repeat;
	padding-right: 15px;
}

/* attraction open table */

#centre #attractopen {
	border: 2px solid #5286B5;
	border-collapse: collapse;
	text-align: center;
	margin-bottom: 20px;
	background: #fff url(../images/attract_fieldset_bg.png) top left repeat-x;
}

#centre #attractopen th {
	background: #5286B5;
	color: #fff;
	padding: 6px 3px;
	font-size: 90%;
} 

#centre #attractopen td {
	border-left: 1px solid #5286B5;
	border-right: 1px solid #5286B5;
	padding: 6px 3px;
	font-size: 85%;
} 

#centre #attractopen .bankholiday {
	background: #C4D6E6;
	border-top: 1px solid #5286B5;
}

#centre #attractopen #tools {
	background: #ccc;
	border-top: 1px solid #5286B5;
}

#centre #attractopen #tools h5 {
	float: left;
	font-size: 90%;
	font-weight: bold;
	text-decoration: underline;
}

#centre #attractopen #tools a {
	color: #000;
	float: left;
	margin-left: 20%;
	font-size: 95%;
	font-weight: bold;
	background: url(../images/arrows.png) right center no-repeat;
	padding-right: 15px;
}

/* accommodation + attractions contact form */

#centre form#contactform {
	color: #000;
	margin-top: 10px;
}

#centre form#contactform input, #centre form#contactform select {
	border: 1px #00266b solid;
	width: 15em;
}

#centre form#contactform .rooms {
	width:4em;
}

#centre form#contactform .cb {
	border: 0;
}

#centre form#contactform .btn {
	border: #00266b 2px solid;
	background:#BBD2FF;
	margin: 0 10px 10px 5px;
	padding: 4px 10px;
	float: right;
	text-transform: uppercase;
	font-weight: bold;
	width: auto;
}

#centre form#contactform fieldset {
	margin-bottom: 10px;
	border: none;
	border-top: 1px solid #00266b;
	background: url(bg.gif) repeat-x left bottom;
}

#centre form#contactform legend {
	padding: 5px;
	font-weight: bold;
	color: #00266b;
}

#centre form#contactform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	color: #000;
	font-weight: 100;
	width: 175px; /* Width of labels */
}

#centre form#contactform fieldset li {
	list-style: none;
	padding: 5px 10px 7px;
	background: url(divider.gif) repeat-x left bottom;
}

#centre form#contactform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

#centre form#contactform h1 {
	text-align: center;
	width: 100%;
	color: #000;
	font-family:Garamond, Verdana, Arial, Helvetica;
	font-size:21px;
	margin-top: 20px; 
	letter-spacing: 4px;
	font-weight: 100; 
}

#centre form#contactform ul {
	margin-bottom: 20px;
	list-style: none;
}

#centre form#contactform .hr {
	width: 100%;
	float: left;
	clear: both;
	border-bottom: 2px solid #00266b;
	margin-bottom: 10px;
}

#centre form#contactform img {
	float: right;
	border: 1px solid #000;
}

#centre form#contactform a {
	color: #00266b;
	text-decoration: none;
}

#centre form#contactform a:hover {
	text-decoration: underline;
}

#centre form#contactform h2 {
	width: 100%;
	float: left;
	clear: both;
	color: #fff;
	background: #00266b;
	text-indent: 10px;
	padding: 5px 0;
	font-size: 100%;
	margin-bottom: 10px;
}

#centre .accomresult .eventinfo {
	float: right;
	clear: right;
	font-size: 90%;
	border-collapse: collapse;
	width: 45%;
	border-bottom: 1px solid #00266b;
	margin-right:10px;
}

#centre .accomresult .eventinfo td {	
	padding: 2px;
	width: 15%;
}

/* brochure request form --------------------------------------------------------- */

#brochureholder {
	border-collapse: collapse;
}

#brochureholder th {
	text-align: left;
	background: #4c0886;
	font-weight: 100;
	padding: 5px;
	color: #fff;
}

#brochureholder #tick {
	width: 120px;
}

#brochureholder td {
	padding: 5px;
	padding-top: 20px;
	border-bottom: 1px solid  #4c0886;
	vertical-align: top;
}

#brochureholder #checkbox {
	vertical-align: middle;
	text-align: center;
}

#brochureholder td h1 {
	font-size: 16px;
	margin-bottom: 5px;
}

#brochureholder td p em {
	color: #2642c6;
}

#brochureholder tr .tools {
	background: url(http://www.shropshiretourism.co.uk/images/tools_bg.png) repeat-x bottom left;
	padding-top: 5px;
}

#brochureholder tr .tools a {
	margin-right: 2%;
}

#brochurerequestform fieldset {
	margin: 20px 0 0 0;
	border: 2px solid #4c0886;
	background: url(http://www.shropshiretourism.co.uk/contact_bg.jpg) repeat-x top left;
}

#brochurerequestform label {
	display: inline-block;
	width: 150px;
}

#brochurerequestform ol {
	margin: 10px;
}

#brochurerequestform a {
	font-size: 12px;
	margin-left: 10px;
	color: #000;
}

#brochurerequestform .btn {
	margin: 10px;
	float: right;
}

#brochurerequestform img {
	border: 1px solid #000;
}

/* googlemap ---------------------------------------------------------------------- */

#googlemap {
	font-size: 80%;
}

#googlemap p.moreinfo {
	float: right;
	font-size: 120%;
}

#googlemap ul {
	float: left;
}

#googlemap img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

#googlemap h2 {
	color: #000;
	text-indent: 10px;
	font-size: 100%;
}

#googlemap h2 span {
	position: absolute;
	right: 10px;
}