/* CSS Document */

/*-----------GENERAL------------*/
body  {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background-color: #f4fafe;
	color: #000000;

}

.clear{ clear:both; }

/*-----------LINKOLOGY------------*/
a, a:link, a:visited{
	color: #005591;
	text-decoration:underline;
} 
a:hover, a:active{
	color: #c0dcf2;
	text-decoration:none;
}


/*-----------FONTS------------*/
.red_txt{color:#CC3333;} /* keep as red for warnings */
.lrg_txt{font-size:18px;}
.med_txt{font-size:16px;}
.sml_txt{font-size:10px;}
.coloured_txt{color:#0f4097;}
.bold{ font-weight:bold;}


/*-----------TABLES------------*/
#main-content table {text-align:left; font-size:11px; border-collapse: collapse; width:98%; margin:10px auto 15px auto; }
	#main-content table th{ background-color:#c0dcf2; border-right:1px solid #fff; border-bottom:5px solid #005591; padding:8px 10px; color:#005591; font-weight:bold; text-transform:uppercase;}
		#main-content table tr{}
		#main-content table tr.odd{ background-color:#FEFEE9; }
		#main-content table tr.even{ background-color:#fafbdb;}
			#main-content table td{ vertical-align: middle; padding:10px; border-bottom: 1px solid #ccc; border-right:1px solid #ccc; }
			#main-content table td.start{border-left:1px solid #ccc;}
			#main-content table td.end{width:72px;}
			#main-content table td.no-results{ font-weight:bold;}
			
	#main-content table .buttons-container {}
		#main-content table .buttons-container .button{ float:left; width:67px; height:23px; padding:0 2px;}
			#main-content table .buttons-container .more-info a{ background:url('../img/button-more-info.gif') no-repeat top; display:block; cursor:pointer;}
			#main-content table .buttons-container .more-info a:hover{ background:url('../img/button-more-info-over.gif') no-repeat top;}
				#main-content table .buttons-container a{ cursor:pointer; display:block; width:67px; height:23px;}
					#main-content table .buttons-container a span{ display:none;}


/*-----------CONTAINER------------*/
#container { overflow:hidden; width:940px; margin:0 auto; border-right:1px solid #e1f0fb;border-left:1px solid #e1f0fb; background-color:#FFF;}

/*-----------HEADER------------*/
#header{overflow:hidden; margin: 10px 0 15px 0;}
	#header .left{float:left; width:450px;}
		#header .left .logo{ margin:0 0 0 30px; background:url('../img/logo.gif') no-repeat top left; float:left; width:197px; height:101px;}
			#header .left .logo a{ cursor:pointer; display:block; width:197px; height:101px;}
			#header .left .logo span{ display:none;}
	#header .right{float:right; width:450px;}
		#header .right .contact-us{ margin: 15px 30px 0 0; background:url('../img/call-us-bg.gif') no-repeat top right; float:right; width:255px; height:85px;}
			 #header .right .contact-us a{ cursor:pointer; display:block; width:255px; height:85px;}
			 #header .right .contact-us span{ display:none;}
			 
/*-----------ROTATING IMAGES BANNER------------*/			 
#rotating-image-container{z-index:1;}

#rotating-images{background-color:#004779; width:940px; height:253px;}

	#rotating-image-container #rotating-image{ background-color:#004b81; width:940px; height:253px;}
	
	#rotating-image-container .banner-image01{ background: url('../img/rotator-images/shropshire-hills.jpg') no-repeat top;}

	#rotating-image-container .menu-bottom{ margin: 0 0 10px 0; background:url('../img/rotator-images/menu-bottom.jpg') no-repeat top; width:940px; height:37px; }
	
	/*-----------TOP MENU------------*/
	#top-menu{ background:url('../img/top-menu-bg.jpg') repeat-x top left; width:100%; height:43px; overflow:hidden; font-size:14px;}
		#top-menu ul{ list-style:none; margin:12px auto 0 auto; width:840px; }
			#top-menu li{ float:left; border-left:1px solid #eee; padding: 0 30px;}
			#top-menu li.first{ border:0;}
				#top-menu a, #top-menu a:link, #top-menu a:visited{ font-weight:bold; color:#005591; text-decoration:none;}
				#top-menu a:hover, #top-menu a:active{color:#2aae50; text-decoration:underline;}
		
				#top-menu a.highlight{ text-decoration:underline; }
		
	/*-----------BANNER MENU------------*/
	#banner-menu { padding:10px 0 0 40px; font-size:14px; text-align:left; position:absolute; top:12.1em; z-index:2000; }
	/* ie 6 only fix */
	* html #banner-menu {top:11em;}
	/* end */
		#banner-menu ul{list-style:none; width:170px; }
			#banner-menu li{ margin:0 auto; line-height:1.5em;}
			
				#banner-menu a, #banner-menu a:link, #banner-menu a:visited{ color:#fff; text-decoration:none; width:150px; display:block; margin:0 auto; padding:10px 0; }
				#banner-menu a:hover, #banner-menu a:active{ color:#c0dcf2; text-decoration:underline;}
				
				#banner-menu li.main-focus a{color:#f0e800; font-weight:bold;}
				#banner-menu li.main-focus a:hover{color:#fff;}

				#banner-menu a.highlight{ font-weight: bold; text-decoration:underline; }

/*-----------REGISTER LOGIN------------*/

#header-register
{
	float: right;
	
	margin-top: -35px;
	margin-right: 10px;
}

/*-----------MAIN CONTENT------------*/
#main-content {clear: both; overflow:hidden; margin: 0 auto 0 auto; width:90%;}
	#main-content .main-left-side {float:left; width:620px; }
	#main-content .main-right-side {float:right; width:200px;}
	#main-content h1{ background:url('../img/title-secret-hills-walking-holidays.gif') no-repeat top left; width:508px; height:33px; margin-bottom: 5px; }
		#main-content h1 span{ display:none;}
		#main-content h2{ text-align:left; color:#15a63e; font-size:22px; font-weight:normal; margin-bottom: 5px;}
			#main-content ul{margin:20px 0 20px 40px; text-align:left;}
				#main-content li{margin:10px 0;}
			#main-content p{ text-align:justify;line-height:2em; letter-spacing:0.5px; margin:0 0 15px 0;}
				#main-content img{ border:4px solid #ccc; margin:10px; padding:1px; }
				#main-content #conversion img{ border: none; margin:0px; padding:0px; }
	
		/*-----------SNAP SHOT IMAGES------------*/
		#main-content .snaps-container {}
			#main-content .snaps-container img {border:0;margin:0; padding:0;}
				
/*-----------LOCATIONS PAGE------------*/
#location-sub-menu-container{ overflow:hidden; margin: 0 0 20px 0;}

	#main-content #location-sub-menu-container ul{ list-style:none; overflow:hidden;margin:0;}
		#main-content #location-sub-menu-container li{ margin:0;}

	#location-sub-menu-container ul li.active{ overflow:hidden; font-weight:bold;}
		#main-content #location-sub-menu-container ul{border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
			#location-sub-menu-container ul li{ float:left; padding:10px 0; overflow:hidden;}
					#location-sub-menu-container ul li a{color:#013f78; text-decoration:underline; border-left:1px solid #c0dcf2; padding:0 10px;}
						#location-sub-menu-container ul li.top a{border:0}
						#location-sub-menu-container ul li.active a{text-decoration:none;}
					#location-sub-menu-container ul li a:hover{color:#999; text-decoration:none;}
					
	#short-overview {overflow:hidden; margin:0 0 20px 0;}
		#short-overview p{ margin:0 5px 0 0;}
			
	#availability-details{margin:0 0 15px 0;padding:15px 0 0 0; border-top:1px dashed #2aae50;border-bottom:1px dashed #2aae50;}
		#availability-details h3{ font-variant:small-caps; margin:0 10px 10px 0; font-size:14px; font-weight:bold; color:#005591; float:left;}
			#availability-details select{padding:2px;color:#333;}

	#availability-details #area-locations { text-align: center; width:98%; margin: 0px auto 10px auto; }

/*-----------HOLIDAY PAGE------------*/
#holiday-brief-container{overflow:hidden; margin:10px 0; padding:5px 0 0 5px}
	#holiday-brief{ float:left; width:590px;}
	
		#holiday-brief table{margin:0;}
			#holiday-brief table td{padding:2px 10px; border:1px solid #ccc; font-variant:small-caps;}
				#holiday-brief td.title{background-color:#005591;font-weight:bold; color:#f4fafe; width:20%;}
				#holiday-brief td.description{}
		
				#holiday-brief p{margin:0; float:left;}

	#holiday-option-container{ float:right; overflow:hidden; width: 210px;}

	#holiday-book-option{ float:left;}
		#holiday-book-option a{ margin:5px 0 0 0; background: url('../img/book-button.jpg') no-repeat scroll left top; display:block; cursor:pointer; width:200px; height:59px;}
		#holiday-book-option a:hover{ background: url('../img/book-button.jpg') no-repeat scroll left bottom; }
			#holiday-book-option a span{ display:none;}
			
	#holiday-enquire-option{ float:left;}
		#holiday-enquire-option a{ margin:5px 0 0 0; background: url('../img/enquire-button.jpg') no-repeat scroll left top; display:block; cursor:pointer; width:200px; height:59px;}
		#holiday-enquire-option a:hover{ background: url('../img/enquire-button.jpg') no-repeat scroll left bottom ;}
			#holiday-enquire-option a span{ display:none;}
	
#holiday-info-container{ overflow:hidden; margin:15px 0 0 0;}
	#holiday-text {float: left; width: 590px; }
	#holiday-images { text-align:center;float:right; width:235px;}

/*-----------HOLIDAY BOOK PAGE------------*/

#holiday-booking-form {margin-top: 15px; }

/*-----------CONTACT PAGE------------*/
			
#map_canvas{border:3px solid #ccc;}

/*-----------FOOTER------------*/		
#footer{overflow:hidden; width:940px; min-height:380px; background-color:#003f77;}
	#footer #promise-box{ background:url('../img/promise-box.gif') no-repeat; width:940px; height:198px;}
		#footer #promise-box p{ text-align:left; padding:58px 0 0 120px; width: 600px; line-height:1.4em; letter-spacing:0.6px;}
	#footer .top{}
		#footer .top .menu{ text-align:center; width:900px; margin:40px auto 30px auto;}
			#footer .top .menu ul { list-style:none;}
				#footer .top .menu li {display:inline; line-height:2em; border-left: 1px solid #d2e7f7; padding: 0 0 0 5px; font-size:11px;}
				#footer .top .menu li.start {border: none;}
					#footer .top .menu a, #footer .top .menu a:link, #footer .top .menu a:visited{color:#d2e7f7; text-decoration:none;}
					#footer .top .menu a:hover, #footer .top .menu a:active{color:#fff; text-decoration:underline;}
	#footer .middle{overflow:hidden; width:940px; margin:10px 0;}	
		#footer .left{float:left; width:410px; text-align:left; color:#999; font-size:11px; margin: 0 0 0 35px;}
				#footer .left .w3c-standards, #footer .right .top-link { margin:0 0 5px 0; }
					#footer .w3c-standards a, #footer .w3c-standards a:link, #footer .w3c-standards a:visited{ color:#999; text-decoration:underline;}
					#footer .w3c-standards a:hover, #footer .w3c-standards a:active{ color:#d2e7f7; text-decoration:none;}
				#footer .left .developer-details{}
					#footer .developer-details a, #footer .developer-details a:link, #footer .developer-details a:visited{ color:#999; text-decoration:none;}
					#footer .developer-details a:hover, #footer .developer-details a:active{ color:#d2e7f7; text-decoration:underline;}
		#footer .right{float:right; width:410px; text-align:right; font-size:11px; margin: 0 40px 0 0;}
			#footer .right .top-link{}
				#footer .top-link a, #footer.top-link a:link, #footer .top-link a:visited{ color:#d2e7f7; text-decoration:none;}
				#footer .top-link a:hover, #footer.top-link a:active{ color:#ccc; text-decoration:underline;}
			#footer .right #footer-menu{}
				#footer .right #footer-menu ul{ list-style:none;}
					#footer .right #footer-menu li{display:inline; border-left: 1px solid #999; padding: 0 0 0 5px; font-size:11px;}
					#footer .right #footer-menu li.start{border: none;}
						#footer .right #footer-menu a, #footer .right #footer-menu a:link, #footer .right #footer-menu a:visited{color:#999; text-decoration:none;}
						#footer .right #footer-menu a:hover, #footer .right #footer-menu a:active{color:#d2e7f7; text-decoration:underline;}
	#footer .bottom{}
		#footer .bottom .company-reg { color:#136bb8; font-size:11px; }
		
/************************************/
/************ 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%;
}