@charset "utf-8";
/* CSS Styles Document */


.gallery { width: 776px; height: 326px; display: inline; float: left; /*z-index: 30; */}

	.gallery .slider { width: 776px; height: 326px; overflow: hidden; }
	
	.gallery .slider .copyright_image { position: absolute; text-align:right; width:776px; height:26px; background: url(../Images/image_shadow.png); bottom:0px; left:0px; overflow:hidden; padding-top:8px; padding-bottom:0px;}
	.gallery .slider .copyright_image  h2 { color:black; font-size: 14px; padding-right:4px;}		

	.gallery .slider .group { float: left; width: 776px; height: 326px; overflow: hidden; position:absolute; /*z-index:20;*/ }
		.gallery .slider .group .pic { float: left; width: 776px; height: 326px; overflow: hidden;} 
		.gallery .slider .boxCon { width: 9999px; height: 326px;}
		.gallery .slider .boxCon #pro, .gallery .slider .boxCon #copy {overflow: hidden; height: 326px;}
		
	.main_image .slider .slider_box .slider_group .copyright_image { position: absolute; text-align:right; width:776px; height:26px; background: url(../Images/image_shadow.png); bottom:0px; left:0px; overflow:hidden; padding-top:8px; padding-bottom:0px;}
	.main_image .slider .slider_box .slider_group .copyright_image  h2 { font-size: 14px; padding-right:4px;}	

/*.gallery { width: 772px; height: 326px; margin-left: 4px; margin-bottom:4px; display: inline; position: relative; float: left; }
	.gallery .text { width: 100%; height: 49px; position: absolute; left: 0px; bottom: 0px; z-index: 1; }
	.gallery .slider { width: 776px; height: 326px; overflow: hidden; position: relative; z-index: 0; }
	.gallery .slider .group { float: left; width: 776px; height: 326px; overflow: hidden; }
		.gallery .slider .group .pic { float: left; width: 776px; height: 326px; overflow: hidden;}
		.gallery .slider .boxCon { width: 9999px; height: 326px; position: relative;}
		.gallery .slider .boxCon #pro, .gallery .slider .boxCon #copy { position: absolute; overflow: hidden; height: 326px; z-index:2;}
	*/
.displayimage { width:972px; height: 504px; background: black; text-align: center; margin: 4px; overflow: hidden;}
	/*.displayimage img { vertical-align: middle; }*/
	.displayimage.thumbnails { height: 54px; float: left;}	
	.displayimage.mainImage img{width: 970px; height: 450px;}
	.displayimage.thumbnails img { border: solid 2px;}
	
.info { width: 194px;height: 100%; /* height: 328px;*/ margin-right: 0px; display: inline; overflow: hidden; float: right; }
/*	.info .nav_buttons{height:323px;}
	.info .nav_buttons .get{margin:4px 6px 6px 0px; height:78px;}*/

	.info .nav_buttons{height:233px;}
	.info .nav_buttons .get{margin:4px 6px 5px 0px; width:191px;}
	
	.info .icons { height: 80px; background: url(../Images/with_bg_orange.gif); overflow: hidden; }
		.info .icons h3 { height: 40px; line-height: 39px; color: #FFF; text-align: center; font-size: 18px; }
		.info .icons p { text-align: center; padding-top: 10px; }
		.info .icons p a { width: 20px; height: 22px; margin: 0px 9px; display: inline-block; background: url(../Images/tool_icons.gif) 0px 2px; }
		.info .icons p a:hover { background-position: 0px 0px; }
		.info .icons p a.icon2 { background-position: 0px 24px; }
		.info .icons p a.icon2:hover { background-position: 0px 22px; }
		.info .icons p a.icon3 { background-position: 0px 46px; }
		.info .icons p a.icon3:hover { background-position: 0px 44px; }
		.info .icons p a.icon4 { background-position: 0px 68px; }
		.info .icons p a.icon4:hover { background-position: 0px 66px; }
/*	.info .get { margin-top: 4px; }*/
	.info .panel { height: 222px; padding: 20px 0px 0px 10px; background: #FFF; margin-top: 0px; margin-bottom: 4px; line-height: 16px; overflow: hidden; }
		.info .panel h3 { color: #E79628; font-size: 18px; padding: 5px 0px; }
		.info .panel p { padding: 5px 0px; }
		.info .panel p span { color: #73C4E0; }
		.info .panel p a { color: #FFF; text-decoration:none; }

	.info .info_news {width:183px; height:100%; display: inline; overflow: hidden; float: right; margin-bottom:4px; padding-right:1px; margin-right:4px; background: #ffffff; border: solid 3px #69BD3C;}
		.info .info_news h3{padding:4px; color:#69BD3C; font-size:12pt;}
		.info .info_news h3:hover{color: black;}
		.info .info_news p{padding-left:4px; margin-bottom:6px; padding-top:4px; color:#69BD3C; }
		.info .info_news a{text-decoration:none;}
		.info .info_news a:hover{color: black;}

	.info .info_events{width:183px; height:100%; display: inline; overflow: hidden; float: right; padding-right:1px; padding-bottom:0px;margin-bottom:4px; margin-right:4px; background: #ffffff; border: solid 3px #69BD3C;}
		.info .info_events h3{color:#69BD3C; font-size:12pt;}
		.info .info_events h3:hover{color: black;}
		.info .info_events p{padding-left:4px; margin-bottom:1px; padding-top:2px; color:#69BD3C; }
		.info .info_events a{text-decoration:none;}
		.info .info_events a:hover{color: black;}
		
.main_info{width: 778px; min-height:540px; margin-bottom:6px;}
	.main_info .textbox_home{ width: 772px; min-height:140px; border: solid 3px #e79628; float:left;margin:4px 4px 8px 4px; }
	.main_info .textbox_home .home_text{width: 750px; margin-left:8px; margin-top: 14px; margin-bottom:14px; text-align:left; font: 14px Century Gothic; }
	.main_info .textbox_home .home_text p{font-size:11pt; padding-top:8px; padding-bottom:8px;}
	.main_info .textbox_home .home_text h3{font-size:13pt; color:black;}
		
.main_info .blue_bck {height: 215px; width:964px; border:4px solid white; border-top:0px; float:left;} 
.main_info .blue_bck .textbox_home{height: 100%; width:964px; min-height: 10px; background: url(../Images/main_postit.png) no-repeat 100%; margin: 0px auto; text-align:center; display: inline; float: left; padding-top:-5px; margin-top: -4px;}
.main_info .blue_bck .textbox_home .home_text{width: 85%; margin-left:50px; margin-top: 30px; color: #3F3F3F; text-align:left; font: 14px Century Gothic; }
.main_info .blue_bck .textbox_home .home_text h1{color: white;}
.main_info .blue_bck .textbox_home .home_text h2{color: white;}
.main_info .blue_bck .textbox_home .home_text h3{color: white;}
.main_info .blue_bck .textbox_home .home_text p{color: white;}

.textbox_main { width: 932px; min-height: 10px; padding: 0px 20px 20px 20px; color: #3F3F3F; /* background: #EAEAEA; */ text-align:left; margin: 4px 0px 0px 4px; display: inline; float: left; font: 14px Century Gothic;}
.textbox_main h3 { color: #E79628; font-size: 18px; padding: 5px 0px; }


.textbox { width: 974px; min-height: 250px; padding: 0px 0px 20px 0px; color: #3F3F3F; /* background: #EAEAEA; */ text-align:left; margin: 4px 4px 0px 4px; display: inline; float: left; font: 14px Century Gothic;}

        .textbox h3 {color:black;}
	.textbox p { padding: 3px 0px; }
	.textbox ul {margin: 10px 0px 10px 30px;}	
	.textbox a { text-decoration:underline;  }
	.textbox .formbox { width: 700px; min-height: 400px; }	
	.textbox .formbox ul { margin-top: 10px; } 
	.textbox .formbox li { padding: 3px 0px; overflow: hidden; zoom: 1; }
	.textbox .formbox li label { width: 100px; line-height: 20px; text-align: left; padding-right: 18px; float: left; font-size: 16px; }
	.textbox .formbox li span { width: 240px; float: left; }
	.textbox .formbox li .sub { width: 56px; height: 25px; background: url(http://liverpoolfestivalgardens.com/images/pop_sub.gif) 0px -25px; border: none; cursor: pointer; font-size: 18px; padding-top: 0px; }
	.textbox .formbox li .formtext { width: 500px; /*display: inline; float: right;*/ border: #A7A7A7 solid 1px;}
	.textbox .formbox li textarea { width: 500px; height: 185px; border: #A7A7A7 solid 1px; }A7A7 solid 1px;}
	.textbox .formbox li textarea { width: 500px; height: 185px; border: #A7A7A7 solid 1px; }

	.textbox .volbox { font: 16px Calibri, Arial, Helvetica, sans-serif;  width: 775px; min-height: 400px; margin-left:-25px;}	
	.textbox .volbox ul { margin-top: 10px; } 
	.textbox .volbox li { padding: 3px 0px 3px; overflow: hidden; zoom: 1; }
	.textbox .volbox li label { width: 180px; line-height: 20px; text-align: left; padding-right: 18px; float: left; font-size: 16px; }
	.textbox .volbox li span { width: 240px; float: left; }
	.textbox .volbox li .formtext { width: 260px;}
	.textbox .volbox li textarea { border: #A7A7A7 solid 1px;}

	.textbox .volbox .div_box {border: 2px solid #E79628; -moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 15px; padding: 10px 0px 10px 10px;}	
	.textbox .volbox .div_box .details li label { width: 90px; line-height: 20px; text-align: left; padding-right: 18px; float: left; font-size: 16px; }
	.textbox .volbox .div_box .commit {height: 200px; padding-right:20px;}
	.textbox .volbox .div_box .commit li label { width: 200px; line-height: 20px;text-align: left; padding-right: 18px; float: left; font-size: 16px; }	
	.textbox .volbox .div_box .commit ul li label { width: 140px;}	

.leftcol_label{width:191px; margin-bottom:4px;}
        .leftcol_label a{padding:0px;}
	

.leftcol{width: 187px;  min-height:426px; display: inline; overflow: hidden; float: left; font-size: 13px;margin-left: 0px; margin-right: 10px; padding-left: 4px;}
.leftcol img{text-align: center; padding: 6px; border: solid 3px; border-color: #00853E;}
.leftcol a{text-decoration:none;}


.leftcolabout{width: 182px; min-height:426px; background: #B92F92; display: inline; overflow: hidden; float: left; font-size: 13px; /*padding-right: 10px;*/ margin-left: 0px; margin-right: 2px; padding-left: 10px;}
.leftcolabout h4{ color: #FFFFFF;}
.leftcolabout h3{ color: #FFFFFF;}
.leftcolabout a{text-decoration:none;}

.leftcolnews{width: 182px; min-height: 426px; background: #B92F92; display: inline; overflow: hidden; float: left; font-size: 13px; /*padding-right: 10px;*/ margin-left: 0px; margin-right: 4px; padding-left: 10px;}
.leftcolnews h4{ color: #FFFFFF;}
.leftcolnews h3{ color: #FFFFFF;}
.leftcolnews a{text-decoration:none;}

.leftcolevents{width: 182px; min-height: 426px; background: #B92F92; display: inline; overflow: hidden; float: left; font-size: 13px; /*padding-right: 10px;*/ margin-left: 0px; margin-right: 4px; padding-left: 10px;}
.leftcolevents h4{ color: #FFFFFF;}
.leftcolevents h3{ color: #FFFFFF;}
.leftcolevents a{text-decoration:none;}

.leftcolcontact{width: 182px; min-height: 426px; background: #B92F92; display: inline; overflow: hidden; float: left; font-size: 13px; /*padding-right: 10px; margin-top: -10px;*/ margin-left: 0px; margin-right: 4px; padding-left: 10px;}
.leftcolcontact h4{ color: #FFFFFF;}
.leftcolcontact h3{ color: #FFFFFF;}
.leftcolcontact a{text-decoration:none;}

/*.nav_arrow{ width: 184px; background: url(../Images/nav_arrow_sm1.png) no-repeat; margin-left:-5px;}
.nav_arrow a{color:#B92F92;}
.nav_arrow2{ width: 135px; background: url(../Images/nav_arrow2_sm.png) no-repeat; margin-left:-5px; margin-top: 10px;}
.nav_arrow2 a{color:#B92F92;}*/

.nav_arrow{ background: url(../Images/nav_arrow1.png) no-repeat; padding-left:20px; font-size:12pt; font-weight:bold; margin-bottom:2px;}


.no_arrow{font-size:12pt; font-weight:bold; margin-bottom:2px;}
.no_arrow a{ color:#69BD3C; }
.no_arrow a:hover{color:black;}

.black_text {color: black;}

.iconlist{width: 181px; display: inline; overflow: hidden; float: left; font-size: 14px; margin: 0px; padding-right: 10px;}
.iconlist img {padding: 5px 5px 5px 0;}



.middlecol {width: 758px; display:inline; float: left;  margin-left: 10px; padding-right:2px; margin-top:-44px; }
	.middlecol ul {margin: 10px 0px 10px 30px;}
	.middlecol li {display: list-item;}
	.middlecol a {text-decoration: underline;}

.eventReview {text-align: left;}
.approvedreviews{text-align: left; margin-left: 20px;}


.news_item {width:164px; border: solid 2px #69BD3C; padding:6px; float:left; height: 300px; margin:0px 4px 8px 6px; overflow:hidden;}
.news_item a{color:#69BD3C; text-decoration:none;}
.news_item a:hover{color:black;}
.news_item img{padding:1px;}
       .news_item .news_item_text {height:200px;}
       .news_item .news_item_image {height:100px: overflow:hidden;}

.news_date{font-size:12px; color:black;padding:4px;}
.news_summary{font-size:13px;margin-top:2px; margin-bottom:2px;}
.news_summary a{color:#69BD3C; font-weight:bold; }

.event_item{margin-left:4px; margin-bottom:10px;}
.event_item h3{margin:0px;}
.event_item a{margin:0px;}

.event_date{background: url(../Images/date_icon.png) no-repeat; background-size: 24px 24px; height: 26px; padding-top:2px; padding-left:26px; font-size:13px; color:black; font-weight:bold;}
.event_time{background: url(../Images/time_icon2.png) no-repeat; background-size: 24px 24px; height: 26px; padding-top:2px; padding-left: 26px; font-size:13px; color:black; font-weight:bold;}
.event_summary{font-size:13px;margin-top:2px; margin-bottom:2px;}
.event_summary a{color:#69BD3C; font-weight:bold; }

.leftimages{width: 250px; display: inline; overflow: hidden; float: left; font-size: 14px; padding-left: 10px;}

.rightimages_news{ width: 250px; margin-right: 4px; display: inline; overflow: hidden; float: right;}
	.rightimages_news img{border: solid 3px; border-color: #00853E;}

.rightimages{ width: 200px; display: inline; float: right; text-align: right; vertical-align:top; /*margin-top:-48px;*/ margin-top:30px; margin-right:2px;}
	.rightimages .large_image {margin: 1px 2px 3px 2px;}
	.rightimages .large_image img { margin:0px;}	
	.rightimages .small_image {margin: 5px 2px 0px 2px;}
	.rightimages .small_image img { margin:0px;}

/* set for about and pages sections - DONT CHANGE */	
/* set for about and pages sections - DONT CHANGE */	


.middlecol_news {width: 770px; display:inline; float: left; margin-left: 0px;  margin-top:-40px;}
	.middlecol_news ul {margin: 10px 0px 10px 30px;}
	.middlecol_news li {display: list-item;}
	.middlecol_news a {text-decoration: underline;}

.middlecolwithimages_news {width: 540px; display:inline; float: left; margin-left: 10px; margin-top:-40px; }
	.middlecolwithimages_news ul {margin: 10px 0px 10px 30px;}
	.middlecolwithimages_news li {display: list-item;}
	.middlecolwithimages_news a {text-decoration: underline;}

.middlecolwithimages {width: 730px; display:inline; float: left; margin-left: 10px; margin-top:-40px; }
	.middlecolwithimages ul {margin: 10px 0px 10px 30px;}
	.middlecolwithimages li {display: list-item;}
	.middlecolwithimages a {text-decoration: underline;}


/* set for about and pages section - END */ 

.middlecolwithboth {width: 540px; display:inline; float: left; margin-left: 10px; margin-top:-40px; }
	.middlecolwithboth ul {margin: 10px 0px 10px 30px;}
	.middlecolwithboth li {display: list-item;}
	.middlecolwithboth a {text-decoration: underline;}


.faq_content {padding-bottom:20px;}
.faq_heading {padding-bottom:10px;}

.event_date{background: url(../Images/date_icon.png) no-repeat; background-size: 24px 24px; height: 26px; padding-top:2px; padding-left:26px; font-size:13px; color:black; font-weight:bold;}
.event_time{background: url(../Images/time_icon2.png) no-repeat; background-size: 24px 24px; height: 26px; padding-top:2px; padding-left: 26px; font-size:13px; color:black; font-weight:bold;}
.event_summary{font-size:13px;}

/* apply the gallery design - links slider */
#gallery_container {  width:980px ; height:144px ;  background:#f4f4f4 ; vertical-align:middle; display:block; position:relative; }
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{ position:relative ; overflow:hidden ; width:900px ; height:144px; padding-top:20px;  }
/* the thumbnails container */
#thumbs { white-space:nowrap; display:block; position:relative; }

#thumbs a { margin-left:6px;  width:170px;border:none; }
#thumbs a img{ text-decoration:none; border:none;}

/* the forward and backward buttons */
.addfwd { display:block; position:absolute; cursor:pointer; width:30px; height:144px; top:0px; right:0px; background:url(http://liverpoolfestivalgardens.com/images/rightarrow.jpg) no-repeat;  }
.addbkwd { display:block; position:absolute; cursor:pointer; width:30px; height:144px; top:0px; left:0px; background:url(http://liverpoolfestivalgardens.com/images/leftarrow.jpg) no-repeat;  }
/* thumbnail slider end */