/* CSS Doc*/
*, img { margin:0; padding:0; border:0;}

body
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#ebf2eb;
	background:#90C07A;/*#8B4754;*/	
}

h1{}
h2{ font-size:95%;}
h3{ font-size:95%;}
p{}

strong, b { font-weight:bold;}


#container { width:990px; margin:auto; margin-top:15px;}

#header_container { width:990px; margin:0; padding:0; height:156px; clear:both;}

	#logo { float:left; width:404px; margin:0; padding:0; height:156px;}
		#logo h1{ background:url('./images/shropshire_county_hotels.jpg') no-repeat top; width:404px; height:156px;}
			#logo h1 a{ display:block; cursor:pointer; width:404px; height:156px;}
				#logo h1 a span{ display:none;}
	#head_img { float:left; width:586px; padding:0;	margin:0; height:156px;}

#menu { margin:0; padding:1px 0 4px 0; text-align:right; background-color:#0a3e06;}

#menu_inner { padding-right:20px;}

/* LEFT AND RIGHT COLUMN CONTAINER */
#central_container { width:990px; margin:0; padding:0; background:url('./images/index_bgd.jpg') top left repeat-y; }
#page_container { width:990px; margin:0; padding:0; background:url('./images/page_bgd.gif') top left repeat-y;}

	/* LEFT COLUMN */
	#leftcol { float:left; width:404px; min-height:334px; background:url('./images/leftbg354.png') no-repeat;}/* same min-height on right col */

	#wide_leftcol { float:left; width:555px; min-height:666px; padding: 20px 0 0 0; color:#043901; background:url('./images/wide_leftbg_555.png') top left no-repeat;}
		
		#hotel_contact { margin:0; padding:0;}
		#hotel_contact h2 {background:#0a3e06; padding: 4px 0 4px 20px; margin:0 0 10px 20px; font-size:16pt; color:#fff;}
		.contact_deets { margin:0; padding:0 0 0 40px; font-size:10pt; font-weight:bold;}
		
		#hotel_deets { width:515px; margin:0; padding:0 0 0 40px;}/* same width as wide_leftcol minus padding on hotel_deets div*/
			
			#hotel_contact_form, #recommend_form { padding-top: 10px; width: 480px; margin: 0 auto; }
			
			#recommend_form form label { width:130px;}
			
			#hotel_deets ul
			{
				list-style-image:url("./images/bullet.png");
				list-style-type:disc;
				padding: 0 0 0 25px;
				width:255px;
			}
			#hotel_desc { float:left; width:317px; font-size:10pt;}
				#hotel_desc ul li { margin:4px 0; padding:0;}
				
				.section-links{ background-color:#338134; margin-bottom:20px;  padding: 5px 10px; }
					.section-links a, .section-links a:link, .section-links a:visited{color:#fff; text-decoration:underline;}
					.section-links a:hover, .section-links a:active{ color:#0C6; text-decoration:none;}
				
			#location { margin:0; padding:0; width:470px;}
				#location h3 { }
				#location p { font-size:12px; color:#000; }
				
				
	/* SCROLLING MARQUEE */
	
	#marquee { width:400px; height:334px;}
	
	/* LEFT SUBSCRIBE */
	#left_subscribe{ width:90%; margin:20px auto 10px auto;}
		#left_subscribe #subscribe{}
			#left_subscribe h3{ font-family:"Script MT Bold"; font-size:30px; font-weight:bold;}
			#left_subscribe p {margin-bottom:5px; font-size:14px;}
	
	
	/* TANNERS AD */
	#tanners_ad { padding:5px 0; margin:35px 0 0 0; font-size:10pt; font-weight:normal; text-align:center;}
	#tanners_ad img#image { border:2px solid #fff; padding:2px;}
	#tanners_ad p { margin:7px 0; padding:0;}
	
	#tanners_ad a { text-decoration:underline; color:#fff;}
	#tanners_ad a:link {text-decoration: underline; color:#fff;}
	#tanners_ad a:visited {text-decoration: underline; color:#fff;} 
	#tanners_ad a:hover {text-decoration: none; color:#fff;} 
	#tanners_ad a:active {text-decoration: underline; color:#fff;}

	/* TANNERS LOGO */
	
	#tanners 
	{
		width: 100%;
		background: #235C34;
	}
	#tanners #tanners_logo
	{
		padding: 12px 0 6px 0;
		margin: 0 auto;
		width: 380px;
	}

	/* RIGHT COLUMN */
	#rightcol {float:left; width:586px; font-size:12px; background: #338134; font-size:10pt; min-height:500px}
	#rightcol h2, #rightcol h3 { font:normal 20pt "Script MT Bold"; margin:10px 0 10px 40px; padding:0; color:#b1d58b;}
	
	.right_central { width:456px; padding:0 60px 20px 70px; text-align:left; font-size:11pt;}
	
		.right_central a { text-decoration:underline; color:#fff;}
		.right_central a:link {text-decoration: underline; color:#fff;}
		.right_central a:visited {text-decoration: underline; color:#fff;} 
		.right_central a:hover {text-decoration: none; color:#fff;} 
		.right_central a:active {text-decoration: underline; color:#fff;}
	
		.right_central #locations { width:456px; padding: 10px 0; }
		
		.right_central #locations ul
		{
			list-style-position: inside;
			list-style-type: none;
		}
		
		.right_central #locations #locations_hotels { float: left; width:218px; margin: 10px 10px 10px 0px }
	
		.right_central #locations #locations_places { float: left; width:228px; margin:10px 0px 10px 0px}
		
		.right_central #locations .location_header {overlfow: hidden;}
		.right_central #locations .location_header img {float:left;}
		
		.right_central #offers { padding: 5px 0px; }
		.right_central #offers #offers_entry { padding-bottom: 10px; }
		.right_central #offers #offers_entry h4 { padding: 10px 0px 5px 0px; font-size: 120%; text-decoration: underline; }
		
		.right_central #offers_form { padding-top: 10px; }
		.right_central #tell_a_friend_form { padding-top: 10px; }
		
	#slim_rightcol { float:left; width:415px; margin:0; padding:20px 0 0 20px; font-size:9pt;}/* same min-height on left col */
	
		#right_central_slim_text { float:left; width:220px; margin:0; padding:0 15px 0 0}
		#right_central_slim_images { float:right; width:140px; padding:40px 0 0 0; margin:0;}
		#right_central_slim_images img {margin:0 0 10px 0; padding:0; float:right; clear: right;}
		
		#return_print, #return_print a { font-size:10pt; color:#bedc94; text-decoration:none; cursor:pointer;}
		
		
		/* GOOGLE MAP */
		#google-map-container{width:470px;height:320px; margin:10px auto; border: 2px solid #d2e6b5;}
		div#popup {background:#EFEFEF;border:1px solid #999999;margin:0px;padding:7px;width:270px;}
		
		/* BOOKING */
		#booking-wrapper{}
			#booking-wrapper a, #booking-wrapper a:link, #booking-wrapper a:visited{ padding:10px 20px; background-color:#338134; color:#fff; text-decoration:none;}
			#booking-wrapper a:hover, #booking-wrapper a:active{background-color:#bedc94; color:#000; text-decoration:underline;}
		
		/* SOCIAL NETWORKS */
		#social-network-wrapper{}
			#social-network-wrapper ul{ list-style:none; margin:10px 0 0 0; padding:0;}
				#social-network-wrapper li{ float:left; margin-right:5px; display:block; width:32px; height:32px;}
				#social-network-wrapper li.twitter{ background:url('images/twitter-icon.gif') no-repeat;}
				#social-network-wrapper li.facebook{background:url('images/facebook-icon.gif') no-repeat;}
				#social-network-wrapper li.tripadvisor{background:url('images/tripadvisor-icon.gif') no-repeat;}
				#social-network-wrapper li.booking{background:url('images/booking-icon.gif') no-repeat;}
					#social-network-wrapper a, #social-network-wrapper a:link, #social-network-wrapper a:visited{ display:block; width:32px; height:32px;}
					#social-network-wrapper a:hover, #social-network-wrapper a:active{}
						#social-network-wrapper span{display:none;}			

/* FOOTER DIV*/
#footer_brdr { background-color:#0a3e06; line-height:0.2em; margin:0; padding:0;}
#footer { padding: 5px; color:#568142; background-color:#bddc94; text-align:center; font-size:7pt;}
#footer-hotels { margin: 5px 0px; }
.footer-links { margin: 5px 0px; }

/* LINKOLOGY */

a { text-decoration:none; color:#338134;}
a:link {text-decoration: none; color:#338134;}
a:visited {text-decoration: none; color:#338134;} 
a:hover {text-decoration: underline; color:#338134;} 
a:active {text-decoration: none; color:#338134;}

.scrolling_header a:link{color:#fcfdfc;}
.scrolling_header a:visited{color:#fcfdfc;}
.scrolling_header a:hover{color:#c6e39b; text-decoration:none;}
.scrolling_header a:active{color:#fcfdfc;}

a.footerlink:link{color:#568142;}
a.footerlink:visited{color:#568142;}
a.footerlink:active{color:#568142;text-decoration: underline;}


a.menulink { color:#fff; padding:0 12px 0 12px; font-size:13px;}
a.menulink:link {color:#fff;}
a.menulink:visited {color:#fff;}
a.menulink:hover {color:#c6e0a3; text-decoration:none;}
a.menulink:active {color:#fff;}

a.highlight { text-decoration:none; padding:0 12px 0 12px; font-size:13px; color:#c6e0a3;}

a.footer_highlight { font-weight:bold; text-decoration:underline;}

.scrolling_header {background:#0a3e06; height:23px;	color:#fff; padding:2px 0 0 10px;}
.scrolling_hotel { margin:10px 33px 10px 33px;}
.scrolling_hotel img { float:right;}
.scrolling_hotel p { color:#0a3e06; padding:10px 10px 0 10px; line-height:14px;}

.form fieldset
{
	border: 2px solid #90C07A;
	padding: 10px 10px 5px 10px;
}

.form label
{
	clear: left;
	float: left;
	

	text-align:right;
	
	padding-right: 10px;
	
	width: 100px;
}

.form input, .form textarea
{
	background:#FFFFFF url(_img/input_bg.jpg) repeat-x;
	
	border: 1px solid #CCCCCC;
	
	margin-bottom: 4px;

}

.form .submit
{margin-left: 110px;
	cursor:pointer;
	display:block;
	padding:3px;}
	
/*---GALLERY---*/
#gallery-image-container{ margin:0 auto; overflow:hidden;}
	#gallery-image-container .gallery-image{ float:left; margin: 8px; border:1px solid #ccc; width:150px; height:150px;}
		#gallery-image-container .gallery-image img{margin:0; border:0;}


/*** MESSAGES ***/
.message_box
{
	border-style: solid;
	border-width: 1px;

	margin: 10px; 
	margin-left: auto;
	margin-right: auto;
	padding: 5px; 
	width: 98%;
	
	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;
}

.message_box_short
{
	width: 90%;
}
