/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

html, body {
	margin:0px;
	padding:0px; 
	background:#fff; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
}

.clearer {
	clear:both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.displayblock {
	display: block;
	width: 100%;
}

/* Headers and Footers */

/* Header ***********************/
#header {
	display:block; 
	height:100px; 
	background:#2642c6; 
	color:#fff; 
}

#accommodation #header {
	background: #c62626;
}

#attractions #header {
	background: #1a861a;
}

#visitorinfo #header {
	background: #269ec6;
}

#header h1 {
	float: left;
	text-indent: -5000px;
	background: transparent url(../images/logo.png) 0 0 no-repeat;
	width: 553px;
	height: 99px;
}

#header h2 {
	text-indent: -5000px;
}

#attractions #header h1 {
	background: transparent url(../images/attract_logo.png) 0 0 no-repeat;
}

#accommodation #header h1 {
	background: transparent url(../images/accom_logo.png) 0 0 no-repeat;
}

#visitorinfo #header h1 {
	background: transparent url(../images/visitorinfo_logo.png) 0 0 no-repeat;
}

#header img {
	border: 0;
	float: right;
}

#header ul {
	list-style: none;
}

#header ul li {
	display: inline;
}

/* SubHeader ***********************/

#subheader {
	display:block; 
	height:2em; 
	background:#b8c1f1; 
	color:#fff; 
}

#accommodation #subheader {
	background: #f1b8b8;
}

#attractions #subheader {
	background: #cadfca;
}

#visitorinfo #subheader {
	background: #b8e3f1;
}

#subheader p {
	padding: 0.3em 25px;
}

#subheader a {
	padding: 2px;
	background: #F31C1D;
	width: 9px;
	height: 9px;
	color: #fff;
	text-decoration: none;
}

#subheader a:hover {
	text-decoration: underline;
}

#subheader form {
	float: right;
	margin: 0;
	padding: 0;
	margin-right: 25px;
}

#subheader form #inputtext {
	width: 130px;
	border: 1px solid; 
}

#subheader .submitbutton {
	border: 1px solid #fff;
	height: 22px;
	font-size: 0.8em;
	padding: 0 5px;
	margin-left: 5px;
	color: #fff;
	font-weight: bold;
}

*:first-child+html #subheader .submitbutton {
	height: 20px;
}

#subheader #quicksearch .submitbutton {
	float: right;
}

/* EXPLORE SHROPSHIRE */

.explore-article { width:100%; margin:0 0 10px 0; padding:0; border-bottom: 1px solid #2642c6; overflow:hidden;}

.explore-article .imgrightborder {
	float: right;
	border: 1px solid #000;
	margin: 10px 0 10px 10px;
	overflow:hidden
}

/* Footer ***********************/

#footer {
	display:block; 
	height:2em; 
	background:#2642c6; 
	color:#fff;
	clear: both; 
}

#accommodation #footer {
	background: #c62626;
}

#attractions #footer {
	background: #1a861a;
}

#visitorinfo #footer {
	background: #269ec6;
}

#footer ul {
	list-style: none;
	padding: 0 45px;
}

#footer ul li {
	display: inline;
	padding: 4px 5px 0 5px;
}

#footer a {
	color: #fff;
	font-weight: 100;
}

#footer #middle {
	position: absolute;
	left: 45%;
	background: #fff;
	height: 1.75em;
	display: block;
	padding: 4px 15px 0 15px;
}

#footer #middle a {
	font-weight: bold;
	color: #2642C6;
}

#visitorinfo #footer #middle a {
	color: #269EC6;
}

#attractions #footer #middle a {
	color: #1A861A;
}

#accommodation #footer #middle a {
	color: #C62626;
}

/* SubFooter ***********************/

#subfooter {
	display:block; 
	height:2em; 
	background:#b8c1f1; 
	color:#fff;
	clear: both;
}

#subfooter ul {
	list-style: none;
	padding: 0 45px;
}

#subfooter ul li {
	display: inline;
	padding: 4px 5px 0 5px;
}


#accommodation #subfooter {
	background: #f1b8b8;
}

#attractions #subfooter {
	background: #cadfca;
}

#visitorinfo #subfooter {
	background: #b8e3f1;
}

#subfooter p {
	padding: 0.4em 45px;
	color: #333;
}

#subfooter a {
	color: #333;
	text-decoration: none;
}

#subfooter a:hover {
	text-decoration: underline;
}

#subfooter #submiddle {
	position: absolute;
	left: 32%;
	height: 1.75em;
	display: block;
	padding: 0px 15px 0 15px;
}

/* Container and Inner Container aand Imageswitch */
#container {
	display:block; 
	background: #fff; 
	border-left:200px solid #fff; 
	border-right:200px solid #fff;
}

#inner {
	display:block;
	margin-left:-200px;
	margin-right:-200px;
	padding: 10px;
	background: url(http://www.shropshiretourism.co.uk/images/index_bg.png) repeat-x top left;
}

#accommodation #inner {
	background: url(http://www.shropshiretourism.co.uk/images/accom_bg.png) repeat-x top left;
}

#attractions #inner {
	background: url(http://www.shropshiretourism.co.uk/images/attract_bg.png) repeat-x top left;
}

#visitorinfo #inner {
	background: url(http://www.shropshiretourism.co.uk/images/visitorinfo_bg.png) repeat-x top left;
}

#image {
	height: 220px;
	background: #fff;
}

#image img {
	width: 100%;
	height: 220px;
}
/* Menu */
#leftside {
	float:left; 
	position:relative; 
	width:200px; 
	left:0px;
	z-index: 1;
}
#leftside ul {
	list-style: none;
	background: url(http://www.shropshiretourism.co.uk/images/transparencybg.png) top left !important;
	background: #fff;
	width: 170px;
	padding: 10px;
}

#leftside ul li {
	background: #2642c6;
	margin-bottom: 20px;
	border: 1px solid #fff;
	text-indent: 5px;
}

#leftside ul #menu_attract {
	background: #1a861a;
}

#leftside ul #menu_accom {
	background: #c62626;
}

#leftside ul #menu_visitorinfo {
	background: #269ec6;
}

#leftside ul #menu_inter {
	background: #7626c6;
}

#leftside ul li:hover {
	border: 1px solid #000;
}

#leftside ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

#leftside ul li a img {
	width: 160px;
	border: 0;
	border-top: 2px solid #fff;
	margin: 2px 0 3px 4px;
}

#leftside ul .menu_contact {
	background: #eee;
	border: 1px solid #ccc;
	text-align: center;
}

#leftside ul .menu_contact:hover {
	border: 1px solid #000;
}

#leftside ul .menu_contact a {
	color: #666;
	display: block;
	padding: 5px 0;
}

/* Right side */
#rightpanel {
	float:right; 
	position:relative; 
	width:190px; 
	right:0px;
}

#rightpanel ul {
	list-style: none;
	background: url(http://www.shropshiretourism.co.uk/images/transparencybg.png) top left !important;
	background: #fff;
	width: 170px;
	padding: 10px;
}

#rightpanel ul li {
	border: 1px solid #2642c6;
	background: #b8c1f1;
	margin-bottom: 20px;
}

#rightpanel ul .smalllist, #accommodation #rightpanel ul .smalllist, #attractions #rightpanel ul .smalllist, #visitorinfo #rightpanel ul .smalllist {
	border: 0;
	background: 0;
}

#rightpanel ul .smalllist a img, #accommodation #rightpanel ul .smalllist a img, #attractions #rightpanel ul .smalllist a img, #visitorinfo #rightpanel ul .smalllist a img {
	border: 0;
}

#accommodation #rightpanel ul li {
	border: 1px solid #c62626;
	background: #f1b8b8;
}

#attractions #rightpanel ul li {
	border: 1px solid #1a861a;
	background: #cadfca;
}

#visitorinfo #rightpanel ul li {
	border: 1px solid #269ec6;
	background: #b8e3f1;
}

#rightpanel ul li h3, #rightpanel ul li#generalsearch label {
	color: #2642c6;
	font-size: 14px;
	margin: 5px 0 0 5px;
}

#accommodation #rightpanel ul li h3, #accommodation #rightpanel ul li#generalsearch label {
	color: #c62626;
}

#attractions #rightpanel ul li h3, #attractions #rightpanel ul li#generalsearch label {
	color: #1a861a;
}

#visitorinfo #rightpanel ul li h3, #visitorinfo #rightpanel ul li#generalsearch label {
	color: #269ec6;
}

#rightpanel ul li p {
	text-align: center;
	padding: 5px 0;
}

#rightpanel ul li p a {
	color: #000;
	text-decoration: none;
}

#rightpanel ul li p a:hover {
	text-decoration: underline;
}

#rightpanel ul li p a img {
	border: 0;
	/*width: 100%;*/
	margin-bottom: 5px;
}

#rightpanel ul #generalsearch {
	padding-bottom: 5px;
}

#rightpanel ul #generalsearch label {
	font-weight: bold;
	color: #2642c6;
	font-size: 14px;
	margin: 5px 0 0 5px;
}

#rightpanel ul #generalsearch input {
	width: 120px;
	margin-left: 3px;
}

#rightpanel ul #generalsearch .submitbutton {
	width: 35px;
	height: 20px;
	margin-left: 0;
	border: 2px solid #fff;
	background: none;
	cursor: pointer;
	font-size: 12px;
}

#rightpanel #valentines {
	padding: 0 10px 20px 0;
	border: 0;
}

#rightpanel #valentines a img {
	border: 0;
}

#rightpanel ul .imagelink, #accommodation #rightpanel ul .imagelink, #attractions #rightpanel ul .imagelink, #visitorinfo #rightpanel ul .imagelink {
	border: none;
	background: #fff;
}

#rightpanel ul .imagelink a img, #accommodation #rightpanel ul .imagelink a img, #attractions #rightpanel ul .imagelink a img, #visitorinfo #rightpanel ul .imagelink a img {
	border: none;
}

#rightpanel ul .randomlink, #accommodation #rightpanel ul .randomlink, #attractions #rightpanel ul .randomlink, #visitorinfo #rightpanel ul .randomlink {
	border: none;
	background: none;
}

/* Main content */
#centre {
	margin-left:200px; 
	margin-right:200px; 
	display:block; 
	height:1%;
	padding: 10px;
	background: url(http://www.shropshiretourism.co.uk/images/transparencybg.png) top left !important;
	background: #fff;
}

* html #centre{ width:530px;}

#centre p {
	font-size: 14px;
	margin-bottom: 10px;
}

#centre img {
	border:2px solid #ccc;
	padding:1px;
	margin:10px;
}
#centre #contact-details-container img{ margin:10px 0;}

#centre img.no-border {
	border:0;
}
#centre a {
	color: #2642c6;
	text-decoration: none;
}

#accommodation #centre a {
	color: #c62626;
}

#attractions #centre a {
	color: #1a861a;
}

#visitorinfo #centre a {
	color: #269ec6;
}

#centre a:hover, #accommodation #centre a:hover, #attractions #centre a:hover {
	color: #f00;
	text-decoration: underline;
}

#centre h2 {
	font-size: 20px;
	color: #2642c6;
	margin-bottom: 10px;
}

#accommodation #centre h2 {
	color: #c62626;
}

#attractions #centre h2 {
	color: #1a861a;
}

#visitorinfo #centre h2 {
	color: #269ec6;
}

#centre h3 {
	font-size: 17px;
	color: #2642c6;
	margin-bottom: 10px;
}

#accommodation #centre h3 {
	color: #c62626;
}

#attractions #centre h3 {
	color: #1a861a;
}

#visitorinfo #centre h3 {
	color: #269ec6;
}

#centre .imgright {
	float: right;
	margin: 10px 0 10px 10px;
}

#centre .imgrightborder {
	float: right;
	border: 1px solid #000;
	margin: 10px 0 10px 10px;
}

#centre .imgleft {
	float: left;
	margin: 10px 10px 10px 0;
}

#centre .imgleftborder {
	float: left;
	border: 1px solid #000;
	margin: 10px 10px 10px 0;
}

#centre .hr {
	width: 100%;
	height: 10px;
	border-bottom: 1px solid #2642c6;
	margin-bottom: 10px;
}

#accommodation #centre .hr {
	border-color: #c62626;
}

#attractions #centre .hr {
	border-color: #1a861a;
}

#visitorinfo #centre .hr {
	border-color: #269ec6;
}

/* Accommodation Search */

#accommodation #centre #accommodationsearch fieldset {
	border: 2px solid #c62626;
	background: #fceded url(http://www.shropshiretourism.co.uk/images/accom_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#accommodation #centre #accommodationsearch #all {
	border: 2px solid #99cccc;
	background: #fff url(http://www.shropshiretourism.co.uk/images/all_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#accommodation #centre #accommodationsearch #oswestry {
	border: 2px solid #e0e451;
	background: #fff url(http://www.shropshiretourism.co.uk/images/oswestry_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#accommodation #centre #accommodationsearch #shrewsbury {
	border: 2px solid #f3bc3e;
	background: #fff url(http://www.shropshiretourism.co.uk/images/shrewsbury_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#accommodation #centre #accommodationsearch #northshrop {
	border: 2px solid #e3d0af;
	background: #fff url(http://www.shropshiretourism.co.uk/images/northshrop_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#accommodation #centre #accommodationsearch #telford {
	border: 2px solid #c9dd7e;
	background: #fff url(http://www.shropshiretourism.co.uk/images/telford_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#accommodation #centre #accommodationsearch #southshrop {
	border: 2px solid #a6c4a0;
	background: #fff url(http://www.shropshiretourism.co.uk/images/southshrop_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#accommodation #centre #accommodationsearch #bridgnorth {
	border: 2px solid #c59db5;
	background: #fff url(http://www.shropshiretourism.co.uk/images/bridgnorth_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#accommodation #centre #accommodationsearch #surround {
	border: 2px solid #ccc;
	background: #fff url(http://www.shropshiretourism.co.uk/images/surround_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#accommodation #centre #accommodationsearch fieldset legend {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

#accommodation #centre #accommodationsearch fieldset ul {
	list-style: none;
}

#accommodation #centre #accommodationsearch fieldset ul li {
	float: left;
	margin-left: 10px;
}

#accommodation #centre #accommodationsearch fieldset ul li label {
	display: inline-block;
	width: 200px !important;
	width: 230px;
	cursor: pointer;
	text-align:right;
	margin-right:10px;
}

#accommodation #centre #accommodationsearch #location ul li label {
	width: 130px;
}

#accommodation #centre #accommodationsearch #rating ul {
	margin-left: 40px;
}

#accommodation #centre #accommodationsearch #rating ul li label {
	width: 100px !important;
	width: 90px;
}

#accommodation #centre #accommodationsearch #rating ul li img {
	border: none;
	margin: 0;
}

#accommodation #centre #accommodationsearch #rating ul li input {
	display: none;
}

#accommodation .mobilityimage {
	float: left;
	
}

#accommodation #centre #accommodationsearch #searchbtn {
	border: 2px solid #c62626;
	background: #f1b8b8;
	padding: 5px;
	margin: 10px;
	font-weight: bold;
	cursor: pointer;
}

/* Search Listings */

#centre .accomresult {
	border: 2px solid #c62727;
	margin: 10px 0;
	background: url(http://www.shropshiretourism.co.uk/images/tools_bg.png) repeat-x bottom left;
}

#centre .attractresult, #self_packaging .self_packaging_listing {
	border: 2px solid #1a861a;
	margin: 10px 0;
	background: url(http://www.shropshiretourism.co.uk/images/tools_bg.png) repeat-x bottom left;
}

#centre .eventresult {
	border: 2px solid #2642c6;
	margin: 10px 0;
	background: url(http://www.shropshiretourism.co.uk/images/tools_bg.png) repeat-x bottom left;
}

#centre .accomresult h1 {
	display: block;
	background: #c62727;
	color: #fff;
	font-size: 19px;
	text-indent: 10px;
	padding: 5px 0;
	margin-bottom: 10px;
	position: relative;
}

#centre .attractresult h1, #self_packaging .self_packaging_listing h1 {
	display: block;
	background: #1a861a;
	color: #fff;
	font-size: 19px;
	text-indent: 10px;
	padding: 5px 0;
	margin-bottom: 10px;
	position: relative;
}

#centre .eventresult h1 {
	display: block;
	background: #2642c6;
	color: #fff;
	font-size: 19px;
	text-indent: 10px;
	padding: 5px 0;
	margin-bottom: 10px;
	position: relative;
}

#centre .accomresult p, #centre .attractresult p, #centre .eventresult p, #self_packaging .self_packaging_listing p {
	margin: 5px;
}

#centre .accomresult .moreinfo, #centre .attractresult .moreinfo, #centre .eventresult .moreinfo, #self_packaging .self_packaging_listing .moreinfo {
	float: right;
	font-weight: bold;
	line-height: 150%;
}

#centre .accomresult ul {
	list-style: none;
	font-size: 14px;
	position: relative;
}

#centre .attractresult ul {
	list-style: none;
	font-size: 14px;
	position: relative;
}

#centre .eventresult ul {
	list-style: none;
	font-size: 14px;
	position: relative;
}

#centre .accomresult ul li {
	margin-bottom: 3px;
}

#centre .attractresult ul li {
	margin-bottom: 3px;
}

#centre .eventresult ul li {
	margin-bottom: 3px;
}

#centre .accomresult .resultinfo {
	background: #fceded url(http://www.shropshiretourism.co.uk/images/accom_fieldset_bg.png) repeat-x top left;
	border-bottom: 2px solid #c62727;
}

#centre .attractresult .resultinfo {
	background: #ebf3eb url(http://www.shropshiretourism.co.uk/images/attract_fieldset_bg.png) repeat-x top left;
	border-bottom: 2px solid #1a861a;
}

#centre .eventresult .resultinfo {
	background: #dce0f8 url(http://www.shropshiretourism.co.uk/images/all_fieldset_bg.png) repeat-x top left;
	border-bottom: 2px solid #2642c6;
}

#centre .accomresult .resultinfo .thumbimg {
	width: 115px;
	height: 95px;
	border: 1px solid #000;
	float: left;
	margin: 0 10px 10px 10px;
}

#centre .attractresult .resultinfo .thumbimg, #self_packaging .self_packaging_listing .thumbimg {
	width: 115px;
	height: 95px;
	border: 1px solid #000;
	float: left;
	margin: 0 10px 10px 10px;
}

#centre .accomresult .resultinfo .ratingimg {
	float: right;
	margin: 0 5px;
}

#centre .accomresult .resultinfo .ratingimg1 {
	float: right;
	margin: 0 5px;
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
}
#centre img.ratingimg1, #centre img.ratingimg {
	margin: 0;
	border: 0;
}

#centre .accomresult .resultinfo p {
	clear: left;	
}

#centre .attractresult .resultinfo p {
	clear: left;	
}

#accommodation #centre .stats {
	border: 2px solid #c62626;
	background: url(http://www.shropshiretourism.co.uk/images/tools_bg.png) repeat-x bottom left;
	padding: 5px;
}

#attractions #centre .stats {
	border: 2px solid #1a861a;
	background: url(http://www.shropshiretourism.co.uk/images/tools_bg.png) repeat-x bottom left;
	padding: 5px;
}

#centre .stats {
	border: 2px solid #2642c6;
	background: url(http://www.shropshiretourism.co.uk/images/tools_bg.png) repeat-x bottom left;
	padding: 5px;
}

#attractions #centre .stats ul, #accommodation #centre .stats ul, #centre .stats ul {
	list-style: none;
}

#attractions #centre .stats ul .rightstats, #accommodation #centre .stats ul .rightstats, #centre .stats ul .rightstats {
	float: right;
}

#centre .eventresult ul {
	margin-left: 5px;
	height: 120px;
}

#centre .eventresult .eventinfo {
	float: right;
	clear: right;
	margin: 0 10px 0 0;
}

/* More information page */

#accommodation #centre #detailsholder #detailheader {
	border: 2px solid #c62626;
	background: url(http://www.shropshiretourism.co.uk/images/tools_bg.png) repeat-x bottom left;
	margin-bottom: 10px;
	float: left;
	width: 100% !important;
	width: auto;
}

#attractions #centre #detailsholder #detailheader {
	border: 2px solid #1a861a;
	background: url(http://www.shropshiretourism.co.uk/images/tools_bg.png) repeat-x bottom left;
	margin-bottom: 10px;
	float: left;
	width: 100% !important;
	width: auto;
}

#centre #detailsholder #detailheader a {
	float: right;
	clear: both;
	margin: 3px 10px 0 0;
	font-weight: bold;
}

#accommodation #centre #detailsholder #detailheader h1 { 
	background: #c62626;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	width: 50%;
	padding: 5px;
}

#attractions #centre #detailsholder #detailheader h1 { 
	background: #1a861a;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	width: 50%;
	padding: 5px;
}

#centre #detailsholder #pictures  {
	overflow:hidden;
	width:500px;
	margin:0 auto;
}

#centre #detailsholder #pictures ul {
	overflow:hidden;
}

#centre #detailsholder #pictures li {
	float:left;
}

#centre #detailsholder #pictures img {
	width: 220px;
	border: 1px solid #000;
	margin: 0 0 10px 10px;
}
/*
#centre #detailsholder #pictures {
	overflow:hidden;
}

#centre #detailsholder #pictures img {
	width: 220px;
	border: 1px solid #000;
	margin: 0 0 10px 10px;
}*/

#accommodation #centre #detailsholder .short {
	display: block;
	background: #f1b8b8;
	color: #000;
	font-size: 14px;
	/*width: 50%;*/
	font-weight: bold;
	padding: 3px 0;
	text-indent: 10px;
}

#accommodation #centre #contact-details-container, #attractions #centre #contact-details-container{ 
	overflow:hidden;}

#accommodation #centre #contact-details-container #contact-details-rightside, #attractions #centre #contact-details-container #contact-details-rightside{
	float:right;
	width:48%;
	text-align:right;
	}
#accommodation #centre #contact-details-container #contact-details-rightside img, #attractions #centre #contact-details-container #contact-details-rightside img{
	width:220px;
	}
#accommodation #centre #contact-details-container #contact-details-leftside, #attractions #centre #contact-details-container #contact-details-leftside{
	float:left;
	width:48%;
	padding-top:10px;
	}

#attractions #centre #detailsholder .short {
	display: block;
	background: #cadfca;
	color: #000;
	font-size: 14px;
	/*width: 50%;*/
	font-weight: bold;
	padding: 3px 0;
	text-indent: 10px;
}

#centre #detailsholder ul {
	margin-bottom: 10px;
	list-style: none;
	font-size: 14px;
}

#accommodation #centre #detailsholder h2 {
	display: block;
	background: #f1b8b8;
	color: #000;
	font-size: 14px;
	width: 100%;
	font-weight: bold;
	padding: 3px 0;
	text-indent: 10px;
}

#attractions #centre #detailsholder h2 {
	display: block;
	background: #cadfca;
	color: #000;
	font-size: 14px;
	width: 100%;
	font-weight: bold;
	padding: 3px 0;
	text-indent: 10px;
}

#centre #detailsholder .ratingimg {
	float: none;
	border: none;
	margin: 5px;
}

#centre #detailsholder .ratingimg1 {
	float: none;
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	margin: 5px;
}

#accommodation #centre #detailsholder .tooltips {
	border: 2px solid #c62626;
	background: url(http://www.shropshiretourism.co.uk/images/tools_bg.png) repeat-x bottom left;
	padding: 5px;
	margin-bottom: 10px;
}

#attractions #centre #detailsholder .tooltips {
	border: 2px solid #1a861a;
	background: url(http://www.shropshiretourism.co.uk/images/tools_bg.png) repeat-x bottom left;
	padding: 5px;
	margin-bottom: 10px;
}

#centre #detailsholder .tooltips a {
	margin-left: 10%;
}

#centre #detailsholder #facdiv img {
	width: auto;
	float: none;
	border: 1px solid #000;
	margin: 5px;
}

#centre #detailsholder .accessimg {
	width: auto;
	float: none;
	margin: 5px;
}

#centre #detailsholder #accomprice {
	border: 2px solid #c62626;
	border-collapse: collapse;
	background: #fff url(http://www.shropshiretourism.co.uk/images/accom_fieldset_bg.png) repeat-x bottom left;
	margin-bottom: 10px;
}

#centre #detailsholder #accomprice th {
	background: #c62626;
	color: #fff;
	padding: 5px;
	font-size: 15px;
}

#centre #detailsholder #accomprice td {
	padding: 10px;
	border-left: 1px solid #c62626;
	border-right: 1px solid #c62626;
}

#centre #detailsholder #accomprice #tools {
	border-top: 1px solid #c62626;
	background: url(http://www.shropshiretourism.co.uk/images/tools_bg.png) repeat-x bottom left;
}

#centre #detailsholder #accomprice #tools h4 {
	float: left;
	font-size: 14px;
}

#centre #detailsholder #accomprice #tools a {
	margin-left: 10%;
}

#centre #detailsholder #disclaimer {
	font-size: 10px;
	text-align: justify;
}

#centre #detailsholder #attractopen {
	border: 2px solid #1a861a;
	border-collapse: collapse;
	background: #fff url(http://www.shropshiretourism.co.uk/images/attract_fieldset_bg.png) repeat-x bottom left;
	margin-bottom: 10px;
}

#centre #detailsholder #attractopen th {
	background: #1a861a;
	color: #fff;
	padding: 5px;
	font-size: 15px;
}

#centre #detailsholder #attractopen td {
	padding: 5px;
	border-left: 1px solid #1a861a;
	border-right: 1px solid #1a861a;
}

#centre #detailsholder #attractopen .bankholiday {
	border-top: 1px solid #1a861a;
	background: #cadfca;
}

#centre #detailsholder #attractopen #tools {
	border-top: 1px solid #1a861a;
	background: url(http://www.shropshiretourism.co.uk/images/tools_bg.png) repeat-x bottom left;
}

#centre #detailsholder #attractopen #tools h4 {
	float: left;
	font-size: 14px;
}

#centre #detailsholder #attractopen #tools a {
	margin-left: 10%;
}

/* Contact provider */

#accommodation #centre #contactform h2 {
	display: block;
	background: #c62626;
	color: #fff;
	padding: 5px 0;
	text-indent: 10px;
}

#attractions #centre #contactform h2 {
	display: block;
	background: #1a861a;
	color: #fff;
	padding: 5px 0;
	text-indent: 10px;
}

#centre #contactform ul {
	list-style: none;
	margin-bottom: 10px;
	font-size: 14px;
}

#accommodation #centre #contactform fieldset {
	border: none;
	border-top: 2px solid #c62626;
	margin-bottom: 10px;
}

#attractions #centre #contactform fieldset {
	border: none;
	border-top: 2px solid #1a861a;
	margin-bottom: 10px;
}

#centre #contactform fieldset legend {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

#centre #contactform fieldset ol {
	list-style: none;
}

#centre #contactform fieldset ol li {
	margin: 5px 0;
}

#centre #contactform fieldset ol li label {
	display: inline-block;
	width: 200px;
}

#accommodation #centre #contactform .btn {
	border: 2px solid #c62626;
	background: #f1b8b8;
	padding: 5px;
	margin: 10px;
	font-weight: bold;
	cursor: pointer;
}

#attractions #centre #contactform .btn {
	border: 2px solid #1a861a;
	background: #cadfca;
	padding: 5px;
	margin: 10px;
	font-weight: bold;
	cursor: pointer;
}

#validate {
	font-size: 16px;
}

#validate label {
	font-size: 14px;
}

/* Attraction Search */ 

#attractions #centre #attractionsearch fieldset {
	border: 2px solid #1a861a;
	background: url(http://www.shropshiretourism.co.uk/images/attract_fieldset_bg.png) repeat-x bottom left;
	padding: 10px;
}

#attractions #centre #attractionsearch fieldset legend {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

#attractions #centre #attractionsearch fieldset ul {
	list-style: none;
}

#attractions #centre #attractionsearch fieldset ul li {
	float: left;
	margin-left: 10px;
}

#attractions #centre #attractionsearch fieldset ul li label {
	display: inline-block;
	width: 210px !important;
	width: 210px;
	cursor: pointer;
	text-align:right;
	margin-right:10px;
}

#attractions #centre #attractionsearch #searchbtn {
	border: 2px solid #1a861a;
	background: #cadfca;
	padding: 5px;
	margin: 10px;
	font-weight: bold;
	cursor: pointer;
}

/* Event Search */

#centre #eventsearch fieldset {
	border: 2px solid #2642c6;
	background: #dce0f8 url(http://www.shropshiretourism.co.uk/images/all_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#centre #eventsearch #all {
	border: 2px solid #99cccc;
	background: #fff url(http://www.shropshiretourism.co.uk/images/all_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#centre #eventsearch #oswestry {
	border: 2px solid #e0e451;
	background: #fff url(http://www.shropshiretourism.co.uk/images/oswestry_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#centre #eventsearch #shrewsbury {
	border: 2px solid #f3bc3e;
	background: #fff url(http://www.shropshiretourism.co.uk/images/shrewsbury_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#centre #eventsearch #northshrop {
	border: 2px solid #e3d0af;
	background: #fff url(http://www.shropshiretourism.co.uk/images/northshrop_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#centre #eventsearch #telford {
	border: 2px solid #c9dd7e;
	background: #fff url(http://www.shropshiretourism.co.uk/images/telford_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#centre #eventsearch #southshrop {
	border: 2px solid #a6c4a0;
	background: #fff url(http://www.shropshiretourism.co.uk/images/southshrop_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#centre #eventsearch #bridgnorth {
	border: 2px solid #c59db5;
	background: #fff url(http://www.shropshiretourism.co.uk/images/bridgnorth_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#centre #eventsearch #surround {
	border: 2px solid #ccc;
	background: #fff url(http://www.shropshiretourism.co.uk/images/surround_fieldset_bg.png) repeat-x top left;
	padding: 10px;
}

#centre #eventsearch fieldset legend {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

#centre #eventsearch fieldset ul {
	list-style: none;
}

#centre #eventsearch fieldset ul li {
	float: left;
	margin-left: 10px;
}

#centre #eventsearch fieldset ul li label {
	display: inline-block;
	width: 210px !important;
	width: 210px;
	text-align:right;
	margin-right:10px;
}

#centre #eventsearch #searchbtn {
	border: 2px solid #2642c6;
	background: #b8c1f1;
	padding: 5px;
	margin: 10px;
	font-weight: bold;
	cursor: pointer;
}

/* Info Boxes */

#centre ul #infobox {
	border: 1px solid #2642c6;
	background: #b8c1f1;
	margin-bottom: 20px;
	list-style: none;
	width: 140px;
	float: left;
	margin-right: 20px;
	padding:0;
}

#attractions #centre ul #infobox {
	border-color: #1a861a;
	background-color: #cadfca;
}

#accommodation #centre ul #infobox {
	border-color: #c62626;
	background-color: #f1b8b8;
}

#visitorinfo #centre ul #infobox {
	border-color: #269ec6;
	background-color: #b8e3f1;
}

#centre ul #infobox h3 {
	color: #2642c6;
	font-size: 12px;
	margin: 5px 0 0 5px;
	text-align: center;
}

#attractions #centre ul #infobox h3 {
	color: #1a861a;
}

#accommodation #centre ul #infobox h3 {
	color: #c62626;
}

#visitorinfo #centre ul #infobox h3 {
	color: #269ec6;
}

#centre ul #infobox a {
	color: #000;
	text-decoration: none;
}

#centre ul #infobox a:hover {
	text-decoration: underline;
}

#centre ul #infobox a img {
	border: 0;
	margin-bottom: 0 0 5px 0;
	/*width:140px;
	height: 80px;*/
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#centre #infobox img{border: 0;margin:0;}

/* Brochure Request */

#brochureholder {
	border-collapse: collapse;
}

#brochureholder th {
	text-align: left;
	background: #b8c1f1;
	font-weight: 100;
	padding: 5px;
}

#brochureholder #tick {
	width: 120px;
}

#brochureholder td {
	padding: 5px;
	padding-top: 20px;
	border-bottom: 1px solid #b8c1f1;
	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(../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 #2642c6;
	background: url(../images/contact_bg.jpg) repeat-x top left;
}

#brochurerequestform fieldset p {
	margin: 10px;
	font-size: 16px;
}


#brochurerequestform label {
	display: inline-block;
	width: 150px;
}

#brochurerequestform ol {
	margin: 10px;
}

#brochurerequestform a {
	font-size: 12px;
	margin-left: 10px;
}

#brochurerequestform .btn {
	margin: 10px;
	float: right;
}

#brochurerequestform img {
	border: 1px solid #000;
}

#brochurerequestform .btn {
	width: 150px;
	height: 40px;
	border: 2px solid #2642c6;
	font-size: 16px;
	background: #b8c1f1;
}

#brochurerequestform #formdisclaimer {
	font-size: 10px;
	margin-top: 30px;
}

#footprint {
	width: 100%;
	margin-bottom: 10px;
}

#travel {
	border: 2px solid #2642c6;
	border-collapse: collapse;
	font-size: 80%;
}

#travel th {
	border-bottom: 2px solid #2642c6;
	background: #eee;
	padding: 5px;
}

#travel td {
	border-bottom: 2px dashed #eee;
	padding: 5px;
}

/* NEWS FEEDS */

.newsholder {
	float: left;
	border:2px solid #ccc;
	background: url(../images/newsbg.jpg) repeat-x top left #eee;
	margin-bottom: 30px;
	padding: 10px;
	width:95%;
}

.newsholder img {
	float: left;
	clear: left;
	width: 100px;
	height: 95px;
	margin-right: 10px;
	border: 1px solid #000;
}

.newsholder p {
	margin-left: 110px;
}

.newsholder h3 {
	font-size: 95%;
	text-decoration: underline;
}

.newsholder h4 {
	font-size: 12px;
	margin-bottom: 5px;
	clear: both;
	text-align: right;
}

.newsholder .newslink {
	float: right;
	margin: 0;
	padding: 0;
}

#newsarticle h4 {
	color: #666;
	font-size: 90%;
	border-bottom: 2px solid #666;
	width: 100%;
	margin-bottom: 10px;
}

#newsarticle img {
	float: right;
	clear: right;
	width: 290px;
	border: 1px solid #000;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* Facilities Explained */

#facexplain p img {
	border: 1px solid #000;
	margin-right: 5px;
}

#facexplain p {
	width: 320px;
	float: left;
}

/* No Script */

#noscriptimg {
	height: 230px;
	width: 100%;	
}

/* Availability Form */

#availabilityform, #availabilityenquiryform {
	position: relative;
	margin: 20px 0;
}

#availabilityform ul, #availabilityenquiryform ul {
	float: left;
	margin-right: 30px;
}

#availabilityform ul li, #availabilityenquiryform ul li {
	margin: 10px 0;
}

#availabilityform ul li label, #availabilityenquiryform ul li label {
	width: 60px;
	display: inline-block;
}

#availabilityform .btn, #shoppingbasketform .btn, #availabilityenquiryform .btn, #confirmorderform .btn {
	border: 2px solid #c62626;
	background: #f1b8b8;
	padding: 1px;
	cursor: pointer;
	float: right;
}

.error {
	color: #f00;
}

tr.line td {
	border-top: 1px solid #fcc;
}

tr.line td.right {
	text-align: right;
}

#availabilityenquiryform em {
	color: #f00;
}

#availabilityenquiryform span#val {
	unicode-bidi:bidi-override;
	direction: rtl;
	font-weight: bold;
}

#availablerooms {
	border: 1px solid #c62626;
	border-collapse: collapse;
	background: #fff url(http://www.shropshiretourism.co.uk/images/accom_fieldset_bg.png) repeat-x bottom left;
	margin-bottom: 10px;
}

#availablerooms th {
	padding: 5px;
	font-size: 15px;
}

#availablerooms td {
	padding: 10px;
}

#availablerooms .wide {
	width: 40%;
}

#accommodation #centre #accommodationsearch fieldset#availability ul {
	float: left;
	margin-right: 40px;
}

#accommodation #centre #accommodationsearch fieldset#availability ul li {
	float: none;
	margin-bottom: 5px;
}

#accommodation #centre #accommodationsearch fieldset#availability ul li label {
	width: 125px !important;
}

.bookonline_sc_room {
	margin: 20px;
	padding: 10px;
	background: #fcf0f0;
}

#bookonline_sc_dates td {
	padding-right: 30px;
}

/* googlemap ---------------------------------------------------------------------- */

#centre #googlemap {
	font-size: 12px;
}

#centre #googlemap p.moreinfo {
	float: right;
	font-size: 12px;
}

#centre #googlemap ul {
	float: left;
}

#centre #googlemap img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

#centre #googlemap h2 {
	color: #000;
	text-indent: 10px;
	font-size: 14px;
}

#centre #googlemap h2 span {
	position: absolute;
	right: 10px;
}

#accommodation #centre #googlemap h2 {
	background: #F1B8B8;
}

#attractions #centre #googlemap h2 {
	background: #CADFCA;
}

#resultsmapbutton {
	background: #F1B8B8;
	width: 101%;
	border: 2px solid #C62727;
}
	
#attractions .btn {
	border: 2px solid #1a861a;
	background: #cadfca;
	padding: 1px;
	cursor: pointer;
	float: right;
}

/* terms and conditions */

#terms {
	margin-top: 30px;
	font-size: 90%;
}

#terms p {
	font-size: 100%;
}

#terms ul {
	list-style: disc;
	margin-bottom: 20px;
	margin-left: 30px;
}

#terms ul li {
	margin-bottom: 3px;
}

/* funding */
#funding {
	margin-top: 40px;
}

#funding p {
	margin-left: 20px;
	font-size: 80%;
}

/* ticketing */
#ticketprices {
	margin: 40px 0;
}

#ticketprices td {
	padding: 10px;
}

#ticketprices tr.line td, #ticketprices tr.line th {
	border-top: 1px solid #1a861a;
	border-bottom: 1px solid #1a861a;
}

#name_on_ticket {
	margin-bottom: 30px;
}

#gift_aid {
	margin-bottom: 30px;
}

#gift_aid li {
	margin: 10px 0;
}

#gift_aid li label {
	width: 500px;
	display: inline-block;
}

#gift_aid li input {
	margin-right: 20px;
}

/* Whats On */
#index #rightpanel ul .whatson h3 {
	background: #b8c1f1;
	display: block;
	margin: 0;
	padding: 5px;
}

#accommodation #rightpanel ul .whatson h3 {
	background: #f1b8b8;
	display: block;
	margin: 0;
	padding: 5px;
}

#attractions #rightpanel ul .whatson h3 {
	background: #cadfca;
	display: block;
	margin: 0;
	padding: 5px;
}

#index #rightpanel ul .whatson {
	background: #EDEFFC;
}

#accommodation #rightpanel ul .whatson {
	background: #FCEDED;
}

#attractions #rightpanel ul .whatson {
	background: #E4EFE4;
}

#index #rightpanel ul .whatson #moreevents {
	background: #b8c1f1;
	display: block;
	color: #2642c6;
}

#accommodation #rightpanel ul .whatson #moreevents {
	background: #f1b8b8;
	display: block;
	color: #c62626;
}

#attractions #rightpanel ul .whatson #moreevents {
	background: #cadfca;
	display: block;
	color: #1a861a;
}

/* self packaging */

#self_packaging {
	margin-top: 30px;
}

#self_packaging .self_packaging_listing h1 {
	font-size: 14px;
}

#self_packaging .self_packaging_listing p {
	line-height: 25px;
}

#centre #self_packaging .self_packaging_listing p a.email, #centre #self_packaging .self_packaging_listing .moreinfo a {
	color: #1a861a;
}

#centre .rssbutton {
	float:right;
	border-style: none;	
}
#centre p.rssbutton {
	margin:0; padding:0;
}

/* Job Vacancies */

#jobvacancies .job_holder {
	padding: 10px;
	border: 1px solid #2642c6;
	margin: 10px 0;
}

/************************************/
/************ MESSAGES **************/
/************************************/

.message_box
{
	border-style: solid;
	border-width: 1px;

	margin: 1em; 
	margin-left: auto;
	margin-right: auto;
	padding: 1em; 
	width: 97%;
	
	text-align: center;
	color: #000000;
}

.red_message_box
{
	border-color: #FF0000;
	background: #FFB0B0;
}

.green_message_box
{
	border-color: #235C34;
	background: #B8F5B1;
}

.blue_message_box
{
	border-color: #0000FF;
	background: #99CCFF;
}

.short_message_box
{
	width: 90%;
}


/* PAGINATION */

div.pagination {
	padding: 3px;
	margin: 10px 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;

	color: #DDD;
}

/* END */
