/**************************************************************************************************
*
* 	Name:			Contrast OFF CSS
*	Copyright:		Appius (www.appius.com)
*
*	Contents:
*	01. Reset browser defaults
* 	02. Layout
* 	03. Headings
*	04. Typography
* 	05. Navigation
* 	06. Links
* 	07. Lists
* 	08. Images
* 	09. Forms
* 	10. Tables
* 	11. Misc
*
**************************************************************************************************/

/**************************************************************************************************
*	02. Layout
**************************************************************************************************/

#s4-bodyContainer {
	color: #333;
	background: #fff url("../Images/layout/body-bg.png") repeat-x center top;
}

#wrapper {
	background-color: #fff;
}

#header .header {
	background: transparent url("../Images/layout/header-bg.jpg") no-repeat center 9px;
}

#header .logo {
	background: transparent url("../Images/layout/sgc-logo.png") no-repeat left top;
	display: block;
}

.home .tag-cloud .inner {
	color: #24a44e;
}

.hub-left .news-row {
	border-bottom: 1px solid #bebdd8;
}

.home .news-row .summary {
	border-bottom: 1px dotted #24a44e;
}

.whats-new-row .summary {
	border-bottom: 1px dotted #24a44e;
}

.find-my-nearest {
	background: #fff url("../Images/ctas/find-my-nearest.png") no-repeat right bottom;
	height: 110px;
    width:100% !important;
}

.stay-informed {
	color: #312d83;
	margin: 0px !important;
}

#footer {
	background: #fff /*url("../Images/layout/footer-bg.png") no-repeat center bottom*/;
}

#footer .address {
	background-color: #cccbeb;
	color: #312d83;
}

#legal {
	color: #24a44e;
}

.related-content {
	background-color: #d9f3e4;
}

.feedback-form, .form {
	background-color: #d9f3e4;
}

.tip {
	background-color: #CCCBEB;
	color: #312D83;
}

.green {
	color: #169e42;
}

.personalisation-panel {
	border-right: 2px solid #24a44e;
	border-bottom: 2px solid #24a44e;
	border-left: 2px solid #24a44e;
	color: #24a44e;
}

/**************************************************************************************************
*	03. Headings
**************************************************************************************************/

span.strapline {
	color: #28a651;
}

.s4-nosetwidth h1 {
	background-color: #fff;
	color: #2d3691;
}

h2 {
	color: #169e42;
}

h2.sub {
	color: #27237e;
}

h3 {
	color: #fff;
}

h3.list {
	color: #169e42;
}

h3.sub {
	color: #169e42;
}

.news-row h3 {
	color: #24a44e;
}

.block h3 {
	background-color: #24a44e;
}

#footer h3 {
	background-color: #312d83;
}

.news-row h4, .whats-new-row h4 {
	color: #24a44e;
}

.contact-us-cta h4 {
	color: #302c83;
}

#footer h4 {
	color: #2d3691;
}

#footer .address h4 {
	color: #2d3691;
}

h4 {
	color: #24a44e;
}

.tasks h2 {
	color: #fff;
}

.personalisation-panel span {
	color: #2d297e;
}

/**************************************************************************************************
*	04. Typography
**************************************************************************************************/

.news-row .date {
	color: #24a44e;
}

.whats-new-row .summary p {
	color: #24a44e;
}

.page-results p {
	color: #666;
}

.intro {
	color: #169e42;
}

/**************************************************************************************************
*	05. Navigation
**************************************************************************************************/

ul#subnav h3 {
	background: #169e42 url("../Images/layout/arrow-left.png") no-repeat 10px center;
}

ul#subnav li h3 a {
	color: #fff;
}

ul#subnav li.activeParent h3 {
	background: #27237e url("../Images/layout/arrow-down.png") no-repeat 10px center;
}

ul#subnav li.activeCurrent h3 {
	background: #27237e url("../Images/layout/arrow-right.png") no-repeat 10px center;
}

ul#subnav li.active ul li a {
	color: #333;
	border-bottom: 1px solid #bebdd8;
}

ul#subnav li.active ul li.active a {
	color: #169e42;
}

.SitemapLeaf
{
    color: #169e42 !important;
    font-weight: bold;
}

.SitemapParent
{
    color: #169e42 !important;
    font-weight: bold;
}

.SitemapRoot
{
    display: none;
}

/**************************************************************************************************
*	06. Links
**************************************************************************************************/

a {
	color: #169e42;
}

#header .left a, #header .right a {
	color: #231e7b;
}

#header .left a:hover, #header .right a:hover {
	color: #231e7b;
}

.stay-informed a, #footer a.more {
	color: #24a44e !Important;
}

.tag-cloud a, .news-row .summary a:hover, .whats-new-row a, .page-results a:hover, a.print, .tasks a:hover, .news-row .summary h4 a {
	color: #24a44e !important;
}

.tag-cloud a:hover, .news-row .summary a, .whats-new-row a:hover, .page-results a, a.print:hover, .tasks a, .news-row .summary h4 a:hover {
	color: #24a44e !important;
}

#footer a, #legal a {
	color: #2d3691;
}

ul.horz-a-z li a {
	color: #169e42;
}

ul.horz-a-z li a:hover, ul.horz-a-z li a.active {
	color: #27237e;
}

ul.service-listing li a {
	color: #169e42;
}

ul.search-listing li a {
	color: #169e42;
}

ul.search-listing li p {
	color: #666;
}

.contact-us-cta a, .contact-us-cta p.highlight {
	color: #302c83;
}

h3 a, .stay-informed h3 a {
	color: #fff !important;
}

/**************************************************************************************************
*	07. Lists
**************************************************************************************************/

#header .left ul.links, #header .right ul.links {
	color: #231e7b;
}

#legal ul li.right {
	color: #312d83;
}

ul.horz-a-z {
	background: transparent url("../Images/layout/a-z-bar.png") repeat-x left top;
}

ul.tabs a {
	border-top: 1px solid #24a44e;
	border-right: 1px solid #24a44e;
	border-left: 1px solid #24a44e;
	font-size: 1.2em;
	background-color: #fff;
	color: #24a44e;
}

ul.tabs a.active, ul.tabs a:hover {
	background-color: #24a44e;
	color: #fff;
}

/**************************************************************************************************
*	08. Images
**************************************************************************************************/



/**************************************************************************************************
*	09. Forms
**************************************************************************************************/

.form input {
	border: 1px solid #24a44e;
}

.form select {
	border: 1px solid #24a44e;
}

.form textarea {
	border: 1px solid #24a44e;
}



.form .error {
	border: 1px solid #24a44e;
	background-color: #fff;
}

/**************************************************************************************************
*	10. Tables
**************************************************************************************************/

table.table {
	border: 1px solid #24a44e;
	background-color: #fff;
}

table.table th {
	background-color: #24a44e;
	color: #fff;
}

table.table td {
	color: #24a44e;
}

table.table tr.alt {
	background-color: #d9f3e4;
}

/**************************************************************************************************
*	11. Misc
**************************************************************************************************/

hr {
	color: #cccccc;
	background-color: #cccccc;
}

hr.coloured {
	color: #000161;
	background-color: #000161;
}

hr.related {
	color: #24a44e;
	background-color: #24a44e;
}

/**************************************************************************************************
*	Custom CSS
**************************************************************************************************/

#SRSB {
	display:none !important;
}

#header .links.responsive {
	text-align:center;
	display:none !important;
}

#header .search {
	padding-right:10px;
}

.gsc-input {
	background:none !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
	padding: 0 !important;
	width: auto;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
	border-color: #24A44E !important;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
	border-color: #24A44E !important;
	background-color: #24A44E !important;
	background-image: none !important;
	filter: none !important;
}

/**************************************************************************************************
*	Responsive design
**************************************************************************************************/

/* Large desktop */
@media (min-width: 1200px) { }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { }
 
/* Landscape phones and down */
@media (max-width: 568px) {

	#header,
	#header .header,
	#content,
	#content .content-row,
	#content .home .primary,
	#content .home .primary-wide,
	#content .home .secondary,
	#content .home .tertiary,
	#content .home .selected-news-items,
	#content .home .srch-sort-right2,
	#content .hub .primary,
	#content .hub .primary-wide,
	#content .hub .secondary,
	#content .hub .tertiary,
	#content .hub .hub-left,
	body #s4-bodyContainer,
	#footer,
	#footer .primary,
	#footer .secondary {
		float:left;
		width:100% !important;
		padding:0;
	}
	
	#wrapper {
		width:96% !important;
		padding:2% !important;
		margin:0 !important;
	}
	
	body {
		overflow-x:hidden;	
	}
	
	body #s4-bodyContainer,
	.s4-ca {
		background:#FFF;
		background-image:none;
		width:100% !important;
		margin:0;
	}
	
	body #s4-bodyContainer {
		float:none !important;
		width:100% !important;
		min-width:100% !important;
	}
	
	#s4-bodyContainer {
		font:0.9em/1.75em Helmet, Freesans, sans-serif !important;
	}
	
	body #s4-leftpanel,
	#header .right .links,
	#header .buttons,
	#header #headerLinks,
	ul#menu,
	.ms-rtestate-field,
	#legal,
	.social-networking,
	.partner-links,
	.hub .find-my-nearest,
	.hub .stay-informed,
	.hub #RelatedNewsResults,
	.find-my-nearest,
	.find-my-nearest-zone,
	.stay-informed,
	.stay-informed-zone,
	#RelatedNewsResults,
	.home .news-row.right,
	.home .whats-new-row.right,
	.srch-Metadata1,
	.srch-Metadata2 {
		display:none;
	}
	
	#header .right {
		width:100%;
		text-align:center;
		float:none;
		margin:0 auto;
	}
	
	#header .right ul.links {
		padding:0 !important;
	}

	#header .links.responsive {
		display:block !important;
	    margin:0;
	    padding:0;
	    text-align:center;
	}
	
	#header .links.responsive li {
		display:inline !important;
		float:none !important;
	}

	#header .links.responsive li a {
		display:inline-block;
	}

	#header .search {
		position:absolute;
		top:95px;
		padding-right:0;
		width:100%;
		height:60px;
	}
	
	.gsc-search-box-tools .gsc-search-box .gsc-input {
		padding-right:0 !important;
	}
	
	.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
		padding: 6px 27px;
		margin-top: 7px !important;
	}
		
	.gs-promotion div.gs-visibleUrl-long, 
	.gs-webResult div.gs-visibleUrl-long {
		display:none !important;
	}

	table.gsc-completion-container {
		display:none !important;
	}
		
	.srch-results {
		width:100%;
		max-width:100%;
		padding-left:0;
	}
	
	.srch-Description2 {
		margin-bottom:2em;
	}
	
	#header .header {
		background: none;
		background-image: none;
		padding:0;
		height:120px;
		margin-bottom:20px;
	}
	
	#header .branding {
		float:left;
		background: none;
		background-image: none;
		width:100%;
		background:url('../Images/layout/logo-responsive.gif') no-repeat;
		background-position: center center;
		background-size:250px 75px !important;
	}
	
	#header .branding .logo {
		background: none;
		background-image: none;
		width:100% !important;
		left:0;
	}
	
	#header .branding .personalisation {
		display:none;
	}
	
	#breadcrumb {
		float:left;
		margin-bottom:20px;
	}
	
	#breadcrumb li#crumb1,
	#breadcrumb li {
		margin:0;
	}
	
	#breadcrumb li#crumb1 a,
	#breadcrumb li a {
		background:url('../Images/layout/breadcrumb.png') no-repeat right center;
		padding: 1px 20px 7px 5px;
		width: auto;
	}
				
	#content h1,
	.related-content {
		margin: 0 0 2% 0;
		float:left;
		width:100%;
	}
	
	.related-content .inner {
		padding:2%;
	}
	
	.related-content .inner ul.col li {
		width:96%;
	}
	
	.s4-nosetwidth h1 {
		position: relative;
		max-width:100%;
		left:0;
		top:0;
		padding:0;
	}
	
	#content .pageContent {
		clear:both;
		width:100%;
	}
	
	#footer .main-service-area-div-cell {
		float:left  !important;
		width:100% !important;
		margin:0 0 20px 0 !important;
	}
	
	#content .hub .secondary,
	#footer,
	.inner,
	.inner-left-padding {
		padding:0;
	}

	.block.contact-us-cta {
		width:100%;
	}
	
	.main-service-area-anchor-more {
		background-position: 40px 8px;
	}
	
.slideshow {
	width:100%;
	margin-right:0;
	min-width:100% !important;
	height:auto;
	min-height:100% !important;
}

.slideshow #slideshow {
	display:none;
}

.slideshow .bx-wrapper,
.slideshow .bx-pager,
.slideshow .bx-pager a .slide {
	width:100%;
	margin:0;
}

.slideshow .bx-pager a,
.slideshow .bx-pager a.pager-active {
	width:100%;
	background-image:none;
	background:#24a44e;
	height:auto;
	padding:0;
}

.slideshow .bx-pager a .slide {
	width:96%;
	padding:2%;
}

.tag-cloud {
	float:left !important;
	margin-bottom:20px !important;
}

.home .news-row,
.home .whats-new-row .summary {
	margin:0;
}

.news-row .thumb {
	display:none;
}

.home .news-row .summary,
.home .whats-new-row .summary,
.home .news-row .summary h4,
.home .news-row .summary .right {
	float:left;
	width:100%;
}

.home .news-row .summary,
.home .whats-new-row .summary {
	padding-bottom:1em;
	margin-bottom:1em;
}

.home .news-row p {
	margin-bottom:0.5em;
}

.home .whats-new-row .summary p {
	margin-bottom:0;
}

.primarySearch input.ms-sbplain {
	width:100% !important;
}

#content .pageContent table,
#content .pageContent img {
	width:100% !important;
	max-width:100% !important;
	margin:0 !important;
}

#content .pageContent .asidua-rteTable-default TH,
#content .pageContent .asidua-rteTable-default TD {
	padding:2%;
}

#content .related-content .inner ul.arrow {
	padding:0;
}

.atoz {
	float:left;
	width:100%;
}

.atoz div div {
	width:100%;
	float:left;
	clear:both;
}

.atoz .atoz-index-letter-chosen,
.atoz .atoz-index-letter-with-items,
.atoz .atoz-index-letter-no-items {
	float:left;
	width:20px;
}

/* THE END */