/********************************* OVERALL STYLING ************************************/
* {	margin:0;
	padding:0;
	font-family:  Arial, Tahoma, Sans-Serif;
	font-size: 1em;
	border:0;
}

body {
   font-size: 80%;
   text-align:center;
   color:#666;
}

 #Container {
	width:100%;
	margin:0 auto;
	min-height:680px;
    height:auto !important;
    text-align:left;
    background: url("../img/HeaderTile.gif") repeat-x top left;
    border-bottom:1px solid #e5e5e5;
}

/****************************** HEADER **********************************/

#Header {
	height:233px;
	margin:0 auto;
	width:100%;
	position:relative;
	background-repeat: no-repeat;
	background-position: top right;
}

#Header img {
	float:left;
}

#Header p {
	position:absolute;
	bottom:20px;
	left:3%;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	font-size:90%;
}

#Header #Trade p {
	left:82%;
}

/****************************** NAVIGATION **********************************/
#Navigation {
	width:22%;
	min-height:330px;
    height:auto !important;
    height:330px;
    float:left;
    padding:0 3%;
}

#main-menu {
	list-style-type:none;
}

#main-menu li {
	margin:20px 0;
}

#main-menu li a {
	color:#666;
	text-decoration:none;
	padding:0 0 0 20px;
	background: url("../img/NavigationBullet.gif") no-repeat center left;
	display:block;
	border-bottom:1px solid #e5e5e5;
}

#main-menu li a:hover,
#main-menu li.current_page_item a {
	color:#000;
	border-bottom:1px solid #666;
}

/****************************** FOOTER **********************************/

#footer {
    color:#666;
    font-size:85%;
    position:absolute;
    bottom:10px;
    left:2%;
}

#footer p {
	padding: 0px !important;
}

.grecaptcha-badge{ display: none; }

/****************************** CONTENT **********************************/
#Content {
    min-height:440px;
    height:auto !important;
    height:307px;
    width:78%;
    padding:0 3% 100px 2%;
    float:right;
    background: url("../img/ContentTile.gif") repeat-y top left;
    position:relative;
}

#Content h1,
#Content h2,
#Content .Standout {
	color: #666;
	margin:10px 0;
}

#Content .StandoutLarge {
	color: #666;
	margin:10px 0;
	font-size:130%;
}

#Content li {
	padding-bottom:5px;
}

#Content h1 {
	font-size: 130%;
}

#Content h2,
#Content .Standout {
	font-size: 110%;
}

#Content h3,
#Content .Standout {
	font-size: 110%;
}

#Content .TelephoneNumber {
	font-size:200%;
}

#Content p {
	padding:5px 0;
	line-height:1.5em;
}

#Content p.Standout {
	font-weight:bold;
}

#Content p a,
#Content ul li a {
	color: #666;
}

#Content p a:hover,
#Content ul li a:hover {
	text-decoration:none;
}

#Content ul {
	padding-left: 20px;
	padding-bottom:5px;
}

#Content ul li {
	line-height:1.5em;
}

#Content ul.Standout li {
	line-height:2.5em;
	list-style-type:square;
}

#QuoteButton {   
    float:left;
    width:33%;
    padding: 50px 0 0 0;
}

#QuoteArea {
    height:230px;
}

#QuoteOptions {
    float:left;
    width:33%;
    line-height:30px;
}

#CallUs {   
	position: absolute;
    right: 80px;
    line-height: 1;
}

.hand { cursor:hand; }

.Standout {
    font-weight:bold;
}

#DateTime {
    position:absolute;
	bottom:20px;
	left:332px;
	color:#fff;
	font-weight:bold;
}

.QuoteButton {
    position: absolute;
    top: 135px;
    left: 31%;
}

/****************************** GDPR TABLE **********************************/

.gdpr { overflow-x: inherit; }
.gdpr *{ font-size:0.9rem; }
.gdpr li{ line-height:160%; }
.gdpr table{ border-collapse:collapse; }
.gdpr table tr{  }
.gdpr table th{ padding:5px 10px; border:#333 solid 1px; background: #666; color:#fff; }
.gdpr table th p{ color:#fff; }
.gdpr table td{ padding:5px 10px; border:#333 solid 1px; vertical-align: top; }
.gdpr table p{ padding:0; margin:0; line-height: 160%; }

/****************************** FOS STATEMENT **********************************/

.fos {
	float: left;
    width: 98%;
    padding: 10px 1% !important;
}

.fos:first-of-type {
    border-top: 1px solid #999;
	margin-top: 30px;
}

.fos:last-of-type {
    border-bottom: 1px solid #999;
	margin-bottom: 30px;
}

/****************************** RESPONSIVE AMENDS **********************************/

@media screen and (max-width:1309px) {
	#Header #Trade p {
		bottom: 10px;
	}
}

@media screen and (max-width:1023px) {
	
	#Content{
		padding-bottom: 150px;
	}
	
}

@media screen and (max-width:799px) {
	#Header #Trade p {
		display: none;
	}	
	
	.QuoteButton {
		display: block;
		position: relative;
		top: 0px;
		left: 0px;
	}
	
	#Content {
		width: 65%;
		padding: 3% 3% 150px 2%;
	}
	
	#Navigation {
		width: 35%;
	}
}

@media screen and (max-width:499px) {
	#DateTime {
		display: none;
	}	
	
	#CallUs {
		display: none;
	}
	
	#Header {
		background-image: none !important;
	}
	
	#Content {
		min-height: 500px;
		padding: 0 3% 200px 2%;
	}
}