h2, h3, h4, h5, h4 a
{
    color: #3e3e3e;
}

#centre_search .key h2, .key h3, .key h4
{
    color: #fff;
}



#centre_search {
	position:relative;
	margin:20px 0 10px 10px;
	width:600px;
	/* This is required in FF to make the top margin work */
	border:0px solid #efeff0;
	min-height:800px;
}

#centre_search FORM.search_box {
	padding:10px 15px;
	background: #0192A0;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	margin:27px 0 0 0;
}
#centre_search FORM.search_box LABEL {
	color:#fff;
	font-weight:bold;
	font-size:1.6em;
	vertical-align:bottom;
	margin-right:10px;
}

 
#centre_search #googleMap {
	height:400px;
	margin:10px 0;
}


#centre_search .top {
	background:url(images/search_results_box_top.gif) top no-repeat;
	height:5px;
}
#centre_search #searchResults {
	background:url(images/search_results_box_1px_middle.gif) #C8C8C8;
    /*padding-bottom: 20px;*/
}

#centre_search #searchResults p.top, 
{
    margin-left: 0 20px;
}



#centre_search .bottom {
	background:url(images/search_results_box_bottom.gif) bottom no-repeat;
	height:5px;
	margin-bottom:20px;
}

#centre_search #searchResults P {
	/*margin:0 15px;*/
	background:none;
}

#centre_search #searchResults H3 {
	margin:10px 0 10px 0;
	padding:10px 15px 20px 15px;;
}

#centre_search #searchResults H3.gold_centres {
	background:url(images/search_results_box_pink_arrow.gif) #e2007a bottom left no-repeat;
	color:#fff;
}

#centre_search #searchResults H3.centres {
	background:url(images/search_results_box_centres_arrow.gif) #EC202A bottom left no-repeat;
	color:#fff;
}

#centre_search #searchResults .center_details {
	padding:13px;
    margin: 0 1px;
	border-bottom:1px solid #ccc;
}
#centre_search #searchResults UL {
	margin:10px 10px 10px 0;
	line-height:1.7em;
}
#centre_search #searchResults .distance {
	float:right;
}
#centre_search #searchResults a.previous_results {
	float:left;
}



#centre_search .key {
	position:absolute;
	top:0px;
	left:620px;
	width:347px;
	background:#006A8C;
	color:#fff;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
}
#centre_search .key H3 {
	padding:20px;
background:#0192A0;	
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	font-size:2.4em;
	line-height:1.2em;
}
#centre_search .key H4 {
	margin:15px 20px;
	font-size:1.4em;
}
#centre_search .key P {
	padding:10px 20px;
}
#centre_search .key IMG {
	display:block;
}



/* New styles for feedback boxes - JS 9/8/10*/
div.commentsDiv { margin: 10px 0 10px 0; }
div.commentsForm { padding: 10px; margin: -1px 0 0 0; background: #fff; border: 1px #ccc solid; }
div.commentsForm textarea { width: 100%; height: 60px; border: 1px #ccc solid; }
div.commentsDiv a { font-size: 0.8em; }
div.commentsDiv a.tab { padding: 3px 10px 3px 10px; margin: 0; border: 1px solid #ccc;  border-bottom: 0; background: #fff }
span.warning { font-style: italic; }

/* Opening hours - MR 12/08/10 */
div.openinghours dt
{
    float: left;
    width: 120px;
}

div.openinghours dd
{
    margin-left: 120px;
}

#centre_search .selected, #centre_search .hover
{
    background: #f9e6f2;
    /*border: 2px solid #ec202a;*/
}



/*
div.openinghours dt.otheropen, div.openinghours dd.otheropen
{
    margin-top: 20px;
}*/

h5
{
    margin-top: 20px;
}

h4 a:hover
{
    color: #00adbf;
}

h4 a, h4 a:hover
{
    text-decoration: none;
}

a.print
{
    float: right;
}

a.showmore
{
    float: right;
    width: 73px;
    height: 21px;
    background: url('images/morebtn.png') no-repeat;
    text-decoration: none;
    color: #014564;
    font-weight: bold;
    font-size: 11px;
    text-indent: 10px;
    margin-top: 15px;
}

a.up
{
    background: url('images/moreupbtn.png') no-repeat;
}

/* single specific styles MR - 24.08.10 */

#centre_search.single
{
    width: 940px;
}

#centre_search.single .top {
	background:url(images/search_results_box_top_wide.gif) top no-repeat;
	height:5px;
}
#centre_search #searchResults.wide {
	background:url(images/search_results_box_1px_middle_wide.gif) #C8C8C8;
}

p {
    padding: 15px 0;
}

/* First places */

#centre_search ol
{
    margin-top: 20px;
}

#centre_search ol li
{
    list-style: none;
    position: relative;
}

#centre_search ol li input
{
    border: 1px dotted #999999;
}

#centre_search.firstplaces div.center_details
{
    padding-right: 200px;
}

#centre_search.firstplaces .selected, #centre_search.firstplaces .hover
{
    /*background: #fbfbd3 url(images/selectcentrebtn.png) 400px 50% no-repeat;*/       
}

#centre_search.firstplaces a.fp_select_centre
{
    float: right;
    font-weight: bold;
    color: #006A8C;
}

#centre_search.single #searchResults .center_details
{
    border-bottom: none;
}

#centre_search.firstplaces #googleMap
{
    margin: 20px 20px 0 20px;
    border:1px solid #ccc;
}

#centre_search #searchResults.wide H3.centres {
	background:url(images/search_results_box_centres_arrow_wide.gif) #EC202A bottom left no-repeat;
}

#centre_search.single .bottom {
	background:url(images/search_results_box_bottom_wide.gif) bottom no-repeat;
	height:5px;
	margin-bottom:20px;
}

#centre_search.firstplaces
{
    /*width: 600px;*/
}

#centre_search.firstplaces .top
{
	background:url(images/search_results_box_top.gif) top no-repeat;
}

#centre_search.firstplaces input[type="text"]
{
    width: 170px;
    color: #999;
    font-style:italic;
}


#centre_search.firstplaces input[type="image"]
{
    margin: 20px 20px 0 20px;
}

p.interesturl
{
    text-align:center;
    margin: 20px 0;
}

#centre_search.firstplaces input.error
{
    background-color: #f6e6e6;
}

#centre_search.firstplaces label.error
{
  display: block;
  color: red;

}

#centre_search.firstplaces #searchResults p.error
{
    background: #ffd1d1;
    padding: 20px;
}

#centre_search.firstplaces div#fpsteps
{
    background: url(images/fp-steps.png) no-repeat;
    width: 600px;
    height: 107px;
    margin-bottom: 10px;
}

#centre_search.firstplaces div#fpsteps h2
{
    color: #006a8c;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding-top: 7px;
}

#centre_search.firstplaces div#fpsteps ol
{
    font-size: 16px;
    
}

#centre_search.firstplaces div#fpsteps li
{
    float: left;
    list-style-type: none;
    width: 175px;
    color: #a9a9a9;
}

#centre_search.firstplaces div#fpsteps li span
{
    font-size: 30px;
    height: 60px;
    float: left;
    margin-right: 10px;
    position: relative;
    top: 4px;
    font-weight: bold;
}

#centre_search.firstplaces div#fpsteps li#choose
{
    margin-left: 30px;
}

#centre_search.firstplaces div#fpsteps li#print
{
    width: 165px;
    margin-left: 33px;
}

#centre_search.firstplaces div#fpsteps li.current
{
    color: #006a8c;
}

#centre_search.result #searchResults .center_details
{
    border-bottom: none;   
}

.printonly
{
    display: none;
}


.goweventdates
{
    font-size: 12px;
    width: 500px;
    
}

.goweventdates p img
{
    float: left;
    padding-right: 10px;
}

.goweventdates h5
{
    margin-top: 0;
}

#centre_search #searchResults .goweventdates ul
{
    margin-bottom: 0;
}
.goweventdates p
{
    padding: 10px 0 0 0 ;
}
div.campaign
{
    float: left;
}

div#legendwrap
{
    background-color: #006a8c;
    
}

div#legend
{
    margin-left: 20px;
    background: #ececec;
    padding: 20px;
    width: 265px;
    -moz-border-radius: 5px;
    position: relative;
    padding: 20px;
    border: 1px solid #693;
    border: 1px solid #deddde;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#efefef));
    background: -moz-linear-gradient(#fff, #efefef);
    background: linear-gradient(#fff, #efefef);
    -pie-background: linear-gradient(#fff, #efefef);
    behavior: url(/templates/ukonlinecentresv2/css/PIE.htc);
    position: relative;
    z-index: 1;
    color:#006a8c;
}

#centre_search div#legend h4
{
    color: #006A8C;
    margin: 0;
    font-size: 22px;
    margin-bottom: 15px;
}

div#legend dt
{
    float: left;
    width: 70px;
    margin-bottom: 20px;
}

div#legend dd
{
    margin-bottom: 20px;  
    margin-left: 70px;
	min-height:50px;
}

#centre_search p.pagination
{
    margin: 0 20px;
    font-weight: bold;
}
