/* 
  ------------------------------------------------
Extra Stylesheet For Peacock Specific Rules
  ------------------------------------------------
*/
.quoteit {
	font-family: 'Requiem Fine A', 'Requiem Fine B', serif;
	/* put your font in here if it's a google font make sure you've made the link in the page - see the federo font link in the page head - or go to google to find out more - if it's some other type of web font - follow advice on their page*/
	font-style: italic;
	font-weight: 400;
	font-size: 1.2em;
	text-align: justify;
	padding-right: 12px;
}
.sig {
	color: #000;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	margin-right: 12px;
}
.transgrad {
background:#fff;
background: linear-gradient(rgba(255,255,255,0.0), rgba(255,255,255,1.0));
}
.centerit {text-align:center;}

.centermax560roundedgrey {
max-width:536px; /*536px plus 12px padding on either side = 560px total*/
margin:0 auto;
padding: 12px;
background-color:#E2E2E2;
border-radius:5px;
border:1px solid #C9C9C9;
font-weight: 300;
}
.centermax560roundedwhiteish {
	max-width: 536px; /*536px plus 12px padding on either side = 560px total*/
	margin: 0 auto;
	padding: 12px;
	border-radius: 5px;
	background-color: #FDFDFD;
	border: 1px solid #E2E2E2;
	font-weight: 300;
	text-align: justify;
}
.centermax560 {
    max-width: 536px; /*536px plus 12px padding on either side = 560px total*/
    margin: 0 auto;
    padding: 12px;
}
.centermax560 h5 {
    font-family: 'Requiem Fine A', 'Requiem Fine B', serif;
    font-size: 150%;
    font-style: normal;
    font-weight: 400;
	 font-style: italic;
}
.centermax560 a, .centermax560 a:visited {
    color: #2887BA;
    text-decoration: none;
}
.centermax560 a:hover, .centermax560 a:focus {
color: #000;
}

.centerimg {
display:block;
margin:0 auto;	
}
.boldblack {
color: #000;
font-weight: bold;
}
/*Adjust the hgm arrows vertical position - desktop view*/
.p7HGM04 .p7HGM_controls div {
top: 150px;
}
/*Background color for QC - border radius too*/
.p7QC {
margin-top: 12px; /*Lowers the QC to match the other pages without QC*/
}
.p7QC a, .p7QC a:visited {
color: #2887BA;
text-decoration: none;
}
.p7QC a:hover, .p7QC a:focus {
color: #6A7088;
}


/*Utility for adding colors and border - I've added the class to the QC on the contact page  - edit to suit or create your own in addition*/
.borderandcolor {
	background-color: #fff;
	border-radius: 5px;
}
a img {border:none;} /*Remove borders on images which are links - eg the logo*/

/*Media Queries - Keep these at the bottom*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
.p7HGM04 .p7HGM_controls div {top: 20px !important;}
.p7HGM04 .p7HGM_controls div.p7HGM_prev {left: 24px;}
.p7HGM04 .p7HGM_controls div.p7HGM_next {right: 24px;}
.p7HGM04 .p7HGM_panel_content {padding: 40px 2px !important;}
.p7HGM04 .p7HGM_panel_content {height:auto;} /*for smaller screens overflow would have been hidden - see corresponding rule and 'added' height value in hgm stylesheetsheet*/
.p7QC {margin-top:0 !important;} /*Reverses the margin we set on the QC rule above*/
.p7QC-content {padding: 12px;}
}
.footertitle {
	color: #666666;
	font-weight: normal;
}