/* GOLD TRADERS=============================================================================*//* BASIC PAGE SETUP=============================================================================*/body {
	margin : 0 auto;
	padding : 0;
	font : 100%/1.4 'Open Sans', sans-serif;
	color : #000;
	text-align: center;
	background: #fff;
}
button, input, select, textarea {
	font-family : 'Open Sans', sans-serif;
	color : #333;
}/* HEADINGS=============================================================================*/
h1, h2, h3, h4, h5, h6 {
	font-family: Vollkorn, serif;
	font-weight : normal;
	margin: 0.5em 0 .25em 0;
}
h1 {
	color: #111;
	font-size : 2.75em;
	line-height : 1.75;
	font-weight:400;
}
h2 {
	color: #222;
	font-size : 2.25em;
	line-height : 1.75;
	font-weight:400;
}
h3 {
	color: #333;
	margin-bottom : 0.3em;
	font-size : 1.75em;
	line-height : 1.3;
}
h4 {
	color: #444;
	margin-bottom : 0.5em;
	font-size : 1.5em;
	line-height : 1.25;
}
footer h4 {
	color: #ccc;
	margin-bottom : 0.5em;
	font-size : 1.25em;
	line-height : 1.25;
}/* TYPOGRAPHY=============================================================================*/
p, ol, ul, dl, address {
	margin-bottom : 1.5em;
	font-size : 1em; /* 16 / 16=1 */
}
.center {
	text-align: center;
}
ul, ol {
	margin : 0 0 1.5em 0;
	padding : 0 0 0 24px;
}
li ul, li ol {
	margin : 0;
	font-size : 1em; /* 16 / 16=1 */
}
dl, dd {
	margin-bottom : 1.5em;
}
dt {
	font-weight : normal;
}
b, strong {
	font-weight : bold;
}
hr {
	display : block;
	margin : 1em 0;
	padding : 0;
	height : 1px;
	border : 0;
	border-top : 1px solid #ccc;
}
small {
	font-size : 0.75em; /* 12 / 16 */
}
sub, sup {
	font-size : 75%;
	line-height : 0;
	position : relative;
	vertical-align : baseline;
}
sup {
	top : -.5em;
}
sub {
	bottom : -.25em;
}
.subtext {
	color: #666;
}
i.fa-big {
	font-size: 3em;
	margin: 0.25em 0;
}
.leftalign {
	text-align: left;
}/* LINKS=============================================================================*/
a {
	color : #b27c0a;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
a:visited {
	color : #c28c1a;
}
a:focus {
	outline : thin dotted;
	color : rgb(0,0,0);
}
a:hover, a:active {
	outline : 0;
	color : #d29c2a;
}
footer a {
	color : #eee;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
footer a:visited {
	color : #fff;
}
footer a:focus {
	outline : thin dotted;
	color : rgb(0,0,0);
}
footer a:hover, footer a:active {
	outline : 0;
	color : #fff;
}
#copyright a {
	color : #ccc;
}/* IMAGES=============================================================================*/
img {
	border : 0;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
img.floatleft {
	float: left;
	margin: 0 1em 0 0;
}
img.floatright {
	float: right;
	margin: 0 0 0 1em;
}/* TABLES=============================================================================*/
table {
	border-collapse : collapse;
	border-spacing : 0;
	margin-bottom : 1.4em;
	width : 100%;
}
th, td, caption {
	padding : .2em;
}
tfoot {
	font-style : italic;
}
caption {
	background-color : transparent;
}
table.zebra {
	empty-cells: show;
	border: 1px solid #ccc;
}
table.zebra thead {
	background-color: #ccc;
}/* add borders*/
table.zebra td, th {
	border-bottom: 1px solid #ccc;
}
table.zebra .th {
	background-color: #eee;
	font-weight:bold;
}
table.zebra tbody > tr:last-child > td {
	border-bottom-width: 0;
}/* nth-child selector for modern browsers *//*table.zebra tr:nth-child(2n-1) td{background-color: #eee;}*/
table#scrap-gold-prices td.first {
	vertical-align: middle;
}
table#scrap-gold-prices strong {
	font-size: 1.1em;
	color: #000;
}
table#scrap-gold-prices .small {
	font-size: 0.85em;
	color: #333;
}
@media only screen and (min-width: 701px) {
table#scrap-gold-prices td br.hide {
display: none;
}
}/* FORMS=============================================================================*/
.step-bullet {
	background:#fff;
	border-radius:32px;
	width:32px;
	height:32px;
	font-size:18px !important;
	line-height:1.7;
	text-align:center;
	float:left;
	margin:0 .5em 0 0;
}
form {
	margin : 0;
}
fieldset {
	margin-bottom : 1.5em;
	padding : 0;
	border-width : 0;
}
legend {
	padding : 0;
	border-width : 0;
}
label {
	font-weight : normal;
	font-size:0.9em;
	cursor : pointer;
	display:block;
	margin:0.5em 0 0 0;
	position:relative;
	top:0;
	left:0;
}
label.inline {
	display:inline;
	margin:0;
}
label span {
	color:#666;
	font-size:0.9em;
}
label span.right {
	position:absolute;
	bottom:0;
	right:1em;
	text-align:right;
}
label.disabled {
	color:#ccc;
}
label.error { 
	font-size:13px; color:#F00; font-weight:bold; 
}
.required {
	color:#F00;
	font-weight:normal;
}
button, search, input, select, textarea {
	margin : 0;
	vertical-align : baseline;
*vertical-align : middle;
}
button, input {
	line-height : normal;
*overflow : visible;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	padding: 0.5em 1em;
	margin: 0 0 0 0;
	cursor : pointer;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing : border-box;
}
input[type="search"] {
	box-sizing : content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding : 0;
border : 0;
}
input {
	display:block;
	border:1px solid #ccc;
	padding:.5em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#fff;
	-moz-box-shadow:inset 0px 0px 6px #eee;
	-webkit-box-shadow:inset 0px 1px 6px #eee;
	box-shadow:inset 0px 1px 6px #eee;
	margin:.25em 0 0 0;
}
select {
	display:block;
	border:1px solid #ccc;
	padding:.5em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#fff;
	-moz-box-shadow:inset 0px 0px 6px #eee;
	-webkit-box-shadow:inset 0px 1px 6px #eee;
	box-shadow:inset 0px 1px 6px #eee;
	margin:.25em 0 0 .5em;
}

input[type="radio"] {
	display: inline;
	text-align: left;
	margin-right: 0.5em;
}
input[type="text"], input[type="number"], input[type="email"], input[type="tel"] {
	width: 97%;
}
input[type="number"] {
	text-align:right;
}
input::-webkit-input-placeholder, input:-moz-placeholder, .placeholder {
color:#bbb;
}
input::-moz-focus-inner {
border:0;
}
input[disabled="disabled"], input.disabled {
	color:#999;
	background:#f5f5f5;
	-moz-box-shadow:inset 0px 0px 2px #eee;
	-webkit-box-shadow:inset 0px 1px 2px #eee;
	box-shadow:inset 0px 1px 2px #eee;
}
textarea {
	width:90%;
	height:200px;
	margin:0 0 20px 0;
	border:1px solid #ccc;
	padding:.5em;
	font-family:inherit;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:inset 0px 0px 6px #eee;
	-webkit-box-shadow:inset 0px 1px 6px #eee;
	box-shadow:inset 0px 1px 6px #eee;
	overflow : auto;
	vertical-align : top;
}

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
background-color : #ccc;
}/* PUSH AND HIDE====================================================================*/
.push {
	visibility: hidden;
}
@media only screen and (max-width: 600px) {
.push {
display: none;
}
}/* MAIN LAYOUT=============================================================================*/
.page-group {
	margin-bottom:2em;
}
#skiptomain {
	display: none;
}
#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
}
#headercontainer {
	width: 100%;
	border-top:#fff 1px solid;
	background-color: #fff;
	-webkit-box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.075);
	position: relative;
	z-index: 10;
}
header {
	width: 80%; /* 1000px / 1250px */
	font-size: 0.875em; /* 14 / 16 */
	margin: 0 auto;
	padding: 0.5em 0px 0.25em 0px;
	position: relative;
	color: #333;
	text-align: center;
}
#logo {
	width: 30%;
	padding-top: 1.4em;
	float:left;
	color: #c28c1a;
	text-align: center;
	font-family : Montserrat, sans-serif;
	font-size: 1.1em;
}
.tagline {
	border-top: #c28c1a 2px solid;
	text-align: center;
	position: relative;
	margin-top: 0.5em;
	margin-bottom: -0.5em;
}
.tagline span {
	display: inline-block;
	position: relative;
	top: -0.7em;
	padding: 0 .5em;
	background: #fff;
}
#tabs_container {
	background:#666;
	color:#fff;
	float:left;
	width:100%;
	padding:4px 0 0 0;
}
#tabs_container b {
	float:left;
	padding:4px 8px;
}
#tabs {
	list-style-type:none;
	margin:0;
	padding:0;
	color:#fff;
}
#tabs li {
	display:inline-block;
	padding:4px 8px;
}
#tabs li.active {
	background:#222;
	position:relative;
	border-radius:4px 4px 0 0;
}
#tabs li a {
	color:#fff;
}
#tabs li.active a {
	color:#B27C0A;
}
.tab_content {
	display: none;
}
#topinfo {
	width: 45%;
	float:left;
	padding-top: 2.5em;
}
#topbar {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
#topbarlinks {
	font-size: 0.9em;
}
#topbarlinks a {
	text-decoration:none;
	color:#333;
}
#topbarlinks a:hover {
	text-decoration:none;
	color:#000;
}
#topbaractions {
	clear: both;
}
#topbaractions i.fa {
	font-size: 1.1em;
	margin-right: 0.25em;
	margin-left: 0.5em;
}
#topbaractions span {
	font-size: 1.1em;
}
#topbaractions span a {
	text-decoration:none;
	color:#333;
}
#topbaractions span a:hover {
	text-decoration:none;
	color:#000;
}
#topbaractions .button {
	margin: 0.75em 0;
}
#topbaractions a.button {
	font-size: 1.0em;
}
#topmetalprices {
	width: 25%;
	float:right;
	padding-top: 1em;
	font-size: 0.9em;
}
table.livemetalprices {
	float: right;
	empty-cells: show;
	border: 1px solid #ccc;
	margin: 0 0 2px 0;
}
table.livemetalprices thead {
	background-color: #ccc;
}/* add borders*/
table.livemetalprices td {
	border-bottom: 1px solid #ccc;
}
table.livemetalprices tbody > tr:last-child > td {
	border-bottom-width: 0;
}/* nth-child selector for modern browsers */
table.livemetalprices tr:nth-child(2n-1) td {
background-color: #eee;
}
table.livemetalprices thead td.tabletitle {
	background-color: #666;
	color: #fff;
}
#topmetalprices p {
	font-size: 0.9em;
	color: #999;
}
#navcontainer {
	width: 100%;
	background-color: #fff;
	position: relative;
	z-index: 10;
	border-bottom: 0.25em solid #ccc;
}
#nav-toggle {
	display:none;
}
nav {
	border-top: 1px solid #eee;
	width: 80%; /* 1000px / 1250px */
	font-size: 0.875em; /* 14 / 16 */
	margin: 0 auto;
	padding: 0.5em 0px 0.75em 0px;
	position: relative;
	color: #333;
}
#nav ul {
	float: left;
	margin:0;
	padding: 0;
	width: 100%;
	display: block;
	list-style: none;
}
#nav ul li.navlogo {
	display:none;
}
#nav ul.nav i.fa {
	font-size: 1.2em;
	margin-left: 0.2em;
}
#nav ul.nav li {
	float:left;
	position:relative;
	margin-left:0.2em;
}
#nav ul.nav li a {
	width: 100%;
	padding: 0.8em 0.7em;
	float: left;
	text-align: center;
	position:relative;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear;
	color: #111;
	text-transform:uppercase;
	cursor: pointer;
}
#nav ul.nav li:hover > a {
	background: #c28c1a;
	color:#fff;
}
.nav > li > a:focus {
	background: #c28c1a;
	color:#fff;
	text-shadow: none;
	outline:none;
}
#nav, #nav * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.navgroup {
	display:none;
	left:auto;
	top: 2em;
	position:absolute;
	z-index:20;
	text-align:left;
	width:100%;
}
nav li:hover .navgroup {
	display:block;
-webkit-animation: fadein .2s;
-moz-animation: fadein .2s;
-ms-animation: fadein .2s;
-o-animation: fadein .2s;
animation: fadein .2s;
}
#nav ul.nav li.toplevel .navgroup .inner {
	float:left;
	width:460px;
	background:#c28c1a;
	color: #eee;
	padding:1em;
	margin-top:0.25em;
	position: relative;
	box-shadow:4px 4px 2px rgba(0, 0, 0, 0.1);
	border-radius:0.5em;
}
#nav ul.nav li.toplevel .navgroup .innersmall {
	float:left;
	width:280px;
	background:#c28c1a;
	color: #eee;
	padding:1em;
	margin-top:0.25em;
	position: relative;
	box-shadow:4px 4px 2px rgba(0, 0, 0, 0.1);
	border-radius:0.5em;
}
#nav ul.nav li.toplevel .navgroup ul {
	margin-top: 0.25em;
}
#nav ul.nav li.toplevel .navgroup ul li {
	float:left;
	width:100%;
	text-align: left;
}
#nav ul.nav li.toplevel .navgroup ul li a {
	color: #ddd;
	padding:0.2em .5em 0.2em 0;
	display:inline-block;
	text-align: left;
	text-transform:none;
}
#nav ul.nav li.toplevel .navgroup ul li a:hover {
	color:#fff !important;
}
#nav ul.nav li.toplevel .navgroup ul li a.active {
	color:#fff !important;
}
#nav ul.nav li.toplevel .navgroup ul li i.fa {
	font-size: 0.9em;
	margin-left: 0;
	margin-right: 0.25em;
}
/* HERO=============================================================================*/
.hero {
	background:#000 url(/slider/sell-your-scrap-gold.webp) center center/cover no-repeat;
	min-height:400px;
	margin-bottom:1rem;
	padding:3rem 0;
}
.hero__inner {
	width:80%;
	margin:0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
}
.hero__text {
	display: flex;
	align-items: center;
}
.hero__text h1 {
	font-weight: 800;
	color: #fff;
	line-height: 1.2;
	text-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
}
.hero__text p {
	font-size: 1.2em;
}
.hero__text span {
	margin: 0 1.5rem 0 0;
}
.hero__video {
	width:100%;
	background:#fff;
	border:1rem white solid;
}
.hero .video_wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */ 
}
.hero__video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 1200px){ 
	.hero__inner {
		width:90%;
	}
}
@media screen and (max-width: 700px){ 
	.hero {
		padding:1.5rem 0;
	}
	.hero__inner {
		display:block;
	}
	.hero__text {
		text-align:center;
		margin-bottom:1.5rem;
	}
	.hero__text p {
		font-size:1em;
	}
}
/* TOP SLIDER=============================================================================*/
#topslider {
	clear: both;
	position: relative;
	width: 100%;
}
.slide {
	background: #c28c1a;
	border-bottom: 0.25em solid #eee;
}
.slide {
	display: none;
}/* hide it until slick kicks in */

.slick-initialized, .slick-slide:first-child {
	display: block;
}/* bring it back */
img.heroimage {
	width: 100%;
	opacity: 0.66;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)";
	filter: alpha( opacity=66);
	position: relative;
	margin: -200px 0 0 0;
}
#topimage {
	clear: both;
	position: relative;
	width: 100%;
	background: #c28c1a;
	border-bottom: 0.25em solid #eee;
}
img.pageimage {
	width: 100%;
	opacity: 0.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha( opacity=75);
	position: relative;
	margin: -350px 0 0 0;
}
.intro-text {
	position: absolute;
	top: 10%;
	left: 10%;
	width:80%;
	margin:1em 0;
	padding: 0;
	text-align: center;
}
.intro-text h1 {
	font-weight:800;
	color: #fff;
	line-height:1.2;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
}
.intro-text strong {
	font-family: Vollkorn, serif;
	font-weight : normal;
	color: #fff;
	font-size : 2.75em;
	font-weight:800;
	display: block;
	margin: 0.5em 0 0.25em 0;
	line-height:1.2;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
}
.intro-text p {
	color: #000;
	font-size: 1.2em;
}
.intro-text a {
	font-size: 1.2em;
}
.intro-text span {
	margin: 0 1em;
}
#maincontent {
	clear: both;
	width: 80%; /* 1000px / 1250px */
	font-size: 0.875em; /* 14 / 16 */
	max-width: 100em; /* 1400px / 14 */
	margin: 0 auto;
	padding: 1em 0px;
	color: #111;
	line-height: 1.6em;
	position: relative;
	text-align: center;
}
#maincontent .alert {
	background:#FFEEC3;
	clear:both;
	color:#333333;
	padding:1em;
	border: 1px dotted #c28c1a;
}
#maincontent .pricenote {
	background:#E3CEA8;
	clear:both;
	color:#333333;
	padding:1em;
	border: 1px dotted #C89E52;
}
#maincontent .introtext {
	font-size: 1.4em;
	color: #222;
	line-height: 1.6;
	margin-bottom: 1.5em;
}
#maincontent img.shopimage {
	width: 75%;
}
#liveprices p {
	font-size: 1.3em;
}
#calculatorform label {
	clear: both;
	float: left;
	width: 50%;
	margin-top: 3px;
}
#calculatorform input[type="text"], #calculatorform input[type="number"], #calculatorform input[type="email"], #calculatorform input[type="tel"] {
	float: left;
	width: 35%;
	margin-top: 3px;
}
#calculatorform span {
	float: right;
	width: 5%;
	margin-top: 5px;
	font-size: 0.9em;
}
#calculatorform button {
	font-size: 1.3em;
	border: none;
}
#testimonialcontainer {
	width: 100%;
	padding: 1em 0;
	background: #fff;
	-webkit-box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
}
#testimonials {
	margin: .25em 0 2em 0;
	position: relative;
	font-size:1.2em;
	margin:0;
	line-height:1.4;
	color:#333;
	text-align: center;
}
.testimonial-slide {
	width: 100%;
	text-align: center;
}
.testimonial-slide blockquote {
	width: 80%;
	margin: 1em auto;
}
.testimonial-slide img {
	display: inline !important;
	text-align: center !important;
}
#bottomstripcontainer {
	width: 100%;
	background: #ccc;
}
#bottomstrip {
	clear: both;
	width: 100%;
	font-size: 0.875em; /* 14 / 16 */
	margin: 0 auto;
	padding: 0px;
	color: #fff;
	line-height: 1.6em;
	position: relative;
	text-align: center;
}
.bottomportal {
	float:left;
	width:33.3333%;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center center;
	height:240px;
	position:relative;
	border-right:1px #fff solid;
}
.bottomportal {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.bottomportal:hover {
	background-size:110%;
}
.bottomportal:last-child {
	border-right:0;
}
.portaltext {
	font-size:1em;
	color:#eee;
	position:absolute;
	left:0;
	bottom:0;
	background:#333;
	background:rgba(51, 51, 51, .5);
	width:100%;
	padding: 5%;
}
.portaltext h3 {
	color:#fff;
	margin-bottom:.25em;
	font-size:1.4em;
}
.portaltext a.button {
	clear: both;
	margin-top:.4em;
	font-size: 1.0em;
}
.bottomportal p {
	clear: both;
	margin: 0.2em 0;
}
.bottom-predecimal {
	background-image:url(https://www.gold-traders.co.uk/img/bottom-predecimal.webp);
}
.bottom-hallmark {
	background-image:url(https://www.gold-traders.co.uk/img/bottom-hallmark.webp);
}
.bottom-sovereign {
	background-image:url(https://www.gold-traders.co.uk/img/bottom-sovereign.webp);
}
.bottom-weight {
	background-image:url(https://www.gold-traders.co.uk/img/bottom-weight.webp);
}
.bottom-valuation {
	background-image:url(https://www.gold-traders.co.uk/img/bottom-valuation.webp);
}
#newscontainer {
	width: 100%;
	background: #c28c1a;
	border-top: 1px solid #fff;
}
#news {
	clear: both;
	width: 80%;
	font-size: 0.875em; /* 14 / 16 */
	margin: 0 auto;
	padding: 1em 0;
	color: #fff;
	line-height: 1.6em;
	position: relative;
	text-align: center;
}
#news a {
	text-decoration:none;
	color:#eee;
}
#news a:hover {
	text-decoration:underline;
	color:#fff;
}
#freeindexcontainer {
	width: 100%;
	background: #67901A;
}
#freeindex {
	clear: both;
	width: 80%;
	font-size: 0.875em; /* 14 / 16 */
	margin: 0 auto;
	padding: 1em 0px;
	color: #fff;
	line-height: 1.6em;
	position: relative;
	text-align: center;
}
#footercontainer {
	width: 100%;
	background: #222 url(https://www.gold-traders.co.uk/img/stripes_tiny_diagonal.png) center top;
}
footer {
	clear: both;
	width: 80%; /* 1000px / 1250px */
	font-size: 0.8125em; /* 13 / 16 */
	max-width: 100em; /* 1300px / 13 */
	margin: 0 auto;
	padding: 1em 0 1.5em 0;
	color: #eee;
	line-height: 1.8em;
	text-align: left;
}
footer h4 {
	color: #C28C1A;
	text-transform:uppercase;
	letter-spacing:1px;
}
footer i.fa {
	font-size: 1em;
	margin-right: 0.25em;
	color:#fff;
	color:rgba(255, 255, 255, .5);
}
ul.footerlist {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width:100%;
}
ul.footerlist li {
	clear: left;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	display: block;
	line-height: 1.5em;
	font-weight: normal;
	background: none;
}
ul.sharelist li {
	margin-top:.5em;
}
footer a {
	text-decoration:none;
	color:#eee;
}
footer a:hover {
	text-decoration:underline;
	color:#fff;
}
#copyrightcontainer {
	width: 100%;
	background: #000000 url(https://www.gold-traders.co.uk/img/stripes_tiny_diagonal.png) center top;
}
#copyright {
	clear: both;
	width: 60%; /* 750px / 1250px */
	font-size: 0.8125em; /* 13 / 16 */
	margin: 0 auto;
	padding: 2em 0 1em 0;
	color: #ccc;
	line-height: 1.8em;
	text-align: center;
}
a#logofooter img {
	width:180px;
	margin-bottom:.5em;
}
#copyright a {
	text-decoration:none;
	color:#ccc;
}
#copyright a:hover {
	text-decoration:underline;
	color:#ccc;
}/* PAGE FEATURES=============================================================================*/
.pagefeature {
	background: #eee;
	padding: 1em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-style: normal;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-align: left;
}
.pagefeature span {
	font-size: 2em;
}/* which pagefeatures do we want to have a hover? */
.home-easy-as .pagefeature:hover {
	background: #e0c58c;
}
.uncolor, .uncolor:hover {
	background: #fff;
}
.aucolor, .aucolor:hover {
	background: #e0c58c;
}
.agcolor, .agcolor:hover {
	background: #ddd;
}
.ptcolor, .ptcolor:hover {
	background: #ccc;
}
.pdcolor, .pdcolor:hover {
	background: #bbb;
}
.iconfeature i {
	color: #c28c1a;
	font-size: 50px;
	line-height: 80px;
	width: 80px;
	height: 80px;
	display: inline-block;
	border: 2px solid #e0c58c;
	-moz-border-radius: 80px;
	-webkit-border-radius: 80px;
	border-radius: 80px;
}/* FORM FEATURES=============================================================================*/
.formfeature {
	background: #eee;
	padding: 1em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-style: normal;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-align: left;
}/* PAGE DIVIDER=============================================================================*/
.pagedivider {
	border-top: #ddd 4px solid;
	text-align: center;
	position: relative;
	margin-top: 1.5em;
	margin-bottom: -0.5em;
}
.pagedivider span {
	display: inline-block;
	position: relative;
	top: -1em;
	padding: 0 .5em;
	background: #fff;
}/* ZOOM=============================================================================*/
.zoomin {
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}/* BUTTONS=============================================================================*/
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-family: Montserrat, sans-serif;
	color: #fff;
	padding: .5em 1em;
	margin: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	font-weight: 300;
	background: #c28c1a;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size : 1.2em;
}
.button:hover, .button:active {
	color: #000;
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.button:visited {
	color : #fff;
}
.button-arrow-right {
	position: relative;
	padding-right: 3em;
}
.button-arrow-right:hover, .button-arrow-right:active {
	background: #d29c2a;
}
.button-arrow-right:hover:before {
	content: "\f054";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 2em;
	color: #fff;
	font-size: 1em;
	line-height: 2.4em;
	background: #c28c1a;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
.button-arrow-right:before {
	content: "\f054";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 2em;
	color: #fff;
	font-size: 1em;
	line-height: 2.4em;
	background: #b27c0a;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
.greenbutton {
	background: #67901A;
}
.greenbutton-arrow-right {
	position: relative;
	padding-right: 3em;
}
.greenbutton-arrow-right:hover, .greenbutton-arrow-right:active {
	background: #77a02A;
}
.greenbutton-arrow-right:hover:before {
	background: #67901A;
}
.greenbutton-arrow-right:before {
	background: #67800A;
}/* AUTO COLUMNS=============================================================================*/
@media only screen and (min-width: 1000px) {
.twocolumns {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
-webkit-column-gap: 1.6%; /* Chrome, Safari, Opera */
-moz-column-gap: 1.6%; /* Firefox */
column-gap: 1.6%;
text-align: left;
}
.threecolumns {
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
-webkit-column-gap: 1.6%; /* Chrome, Safari, Opera */
-moz-column-gap: 1.6%; /* Firefox */
column-gap: 1.6%;
text-align: left;
}
}/* VIDEOS=============================================================================*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}/* WEIGHT=============================================================================*/
.weightform input[type="text"] {
	width: 50%;
}
.weightform input[type="radio"] {
	display: inline;
	text-align: left;
	margin-right: 0.5em;
}
.weightform span {
	margin-right: 1.5em;
}/* HALLMARKS=============================================================================*/

.hallmark input[type="radio"] {
	display: inline;
	text-align: center;
}
.hallmark input[type=radio] {
	display:none;
}
.hallmark label {
	border:1px #ccc solid;
	padding:1em;
}
.hallmark label:hover {
	border-color:#000;
}
.hallmark input[type=radio]:checked + label {
	border: solid 1px #060;
	background:#eee;
}
.hallmark-results-box {
	margin-bottom:1em;
}
.hallmark-results {
	background:#eee;
}
.hallmark-image-box {
	background:#fff;
	text-align:center;
	padding:1em;
}/* WEIGHT=============================================================================*/
#weight-form .button {
	margin-top:1.5em;
}
.weight-examples i {
	font-size:2.5em;
}
.weight-examples h4 {
	color:#000;
}
.calculate-results {
	background:#fff;
	padding:1em 1.5em 0 1.5em;
	margin:0 0 2em 0;
}
.calculate-results h2 {
	line-height:1.4;
	margin-bottom:.75em;
	text-align:center;
	color:#C28C1A;
}
.post-results {
	list-style-type:none;
	margin:0;
	padding:0;
}
.post-results a {
	border:2px #C28C1A solid;
	display:block;
	text-align:center;
	padding:1em;
	font-family: Vollkorn, serif;
	font-size:1.3em;
}
.post-results a:hover {
	color:#000;
	border-color:#000;
}
.post-results i {
	font-size:2em;
	display:block;
	padding-bottom:.25em;
}
.post-results em {
	font-style:normal;
}
.post-results li {
	float:left;
	width:44%;
	margin:1em 3% 1.5em 3%;
}
.code-textarea {
	width:100%;
	border:dashed
}/* CLAIM FORM=============================================================================*/
#claim-form {
	margin: 1em 0 2em 0;
}
.payment-methods input[type=radio] {
	float:left;
	margin-right:.5em;
}
.payment-methods input[type=checkbox] {
	float:left;
	margin-right:.5em;
}
.calculate-metals label {
	float:left;
	width:60%;
}
.calculate-metals input[type=text] {
	float:left;
	width:35%;
}
.calculate-metals input.full {
	width:100%;
}
.unknown-wrap {
	width:100%;
}/* CALCUATOR=============================================================================*/
.gold-price-calculator {
	border-top:2px #fff solid;
	margin-top:2em;
}
.gold-price-calculator h2 {
	font-size:2em;
	line-height:1.4;
	margin:0 0 .5em 0;
}
.form-text h2 {
	margin-top:0;
}
.weight-types .col {
	background:rgba(255, 255, 255, .5);
	text-align:center;
	padding:1.5em;
}
.weight-types label {
	margin:0;
}
.share-links {
	background:#fff;
	padding:1em;
}
.share-links ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.share-links li {
	display:inline-block;
	margin-left:1em;
}
.share-links li.fb-like-link {
	float:left;
	margin-left:0;
}/* BLOG=============================================================================*/
.post h2 {
	font-size:1.5em;
}
.post .meta-wrap {
	margin:0 0 2em 0;
	padding: 1em;
	background: #eee;
	color: #828282;
	border: 1px solid #CED0D3;
	clear: both;
}
.post .meta-wrap .date, .post .meta-wrap .comments, .post .meta-wrap .cats {
	padding-right:1em;
}
.post .meta-wrap .date i, .post .meta-wrap .comments i, .post .meta-wrap .cats i {
	padding-right:.25em;
}
.post .author {
	float:right;
}
.hidden {
	display:none;
}
#sidebar {
	text-align:left;
}
#sidebar ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidebar ul li ul {
	list-style-type:disc;
	margin:1em 1em 0 1em;
	padding:0;
}
#sidebar ul li .textwidget ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidebar button {
	margin-top:1em;
}
h2.widgettitle {
	font-size:1.5em;
	line-height:1.3;
	border-bottom:2px #fff solid;
	padding-bottom:.5em;
}
.widget {
	background: #eee;
	padding:1em;
	padding-top:.5em;
	margin-bottom:1em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.widget h3 {
	font-size:1.3em;
	margin-top:1em;
}
#searchform {
	position:relative;
}
#searchform #s {
	padding-right:32px;
}
#searchsubmit {
	top:.25em;
	right:1em;
	position:absolute;
	border:0;
	padding:0;
}
#text-4 .textwidget {
	background:#fff;
	padding:.75em;
	margin-top:1em;
}
#text-4 li {
	display:inline-block;
	width:47%;
}
.alt {
	margin: 0;
	padding: 10px;
}
.commentlist {
	padding: 0;
	text-align: justify;
}
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
.children {
	padding: 0;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}
.commentlist li ul li {
	font-size: 1em;
}
.commentlist li {
	font-weight: bold;
}
.commentlist li .avatar {
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
.commentmetadata {
	font-weight: normal;
}/* VENDOR-SPECIFIC=============================================================================*/
html {
	-webkit-overflow-scrolling : touch;
	-webkit-tap-highlight-color : rgb(52,158,219);
	-webkit-text-size-adjust : 100%;
	-ms-text-size-adjust : 100%;
}
.clearfix {
	zoom : 1;
}
::-webkit-selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none;
}
::-moz-selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none;
}
::selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance : button;
}
::-webkit-input-placeholder {
font-size : .875em;
line-height : 1.4;
}
input:-moz-placeholder {
font-size : .875em;
line-height : 1.4;
}
.ie7 img, .iem7 img {
	-ms-interpolation-mode : bicubic;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing : border-box;
}
input[type="search"] {
	-webkit-box-sizing : content-box;
	-moz-box-sizing : content-box;
	box-sizing : content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding : 0;
border : 0;
}/*p{-webkit-hyphens : auto;-webkit-hyphenate-character : "\2010";-webkit-hyphenate-limit-after : 1;-webkit-hyphenate-limit-before : 3;-moz-hyphens : auto;}*//* MEDIA QUERIES=============================================================================*/
@media only screen and (max-width: 1200px) {
header, nav, #maincontent, #freeindex, footer {
width: 90%;
}
img.pageimage {
margin: -300px 0 0 0;
}
#copyright {
width: 70%;
}
}
@media only screen and (max-width: 1100px) {
nav {
font-size: 0.8em;
}
}
@media only screen and (max-width: 1000px) {
nav {
width: 90%;
}
#nav ul.nav li a {
padding: 0.8em 0.4em;
}
img.heroimage {
margin: -125px 0 0 0;
}
img.pageimage {
margin: -250px 0 0 0;
}
.intro-text a {
display:none;
}
.intro-text p {
font-size: 1.0em;
}
.bottomportal {
height:200px;
}
.calculate-metals label, .calculate-metals input[type=text] {
width:100%;
}
}
@media only screen and (max-width: 900px) {
#nav ul.nav li a {
padding: 0.8em 0.3em;
font-size: 0.9em;
}
#logo {
width: 50%;
margin: 0;
padding: 0;
}
#topinfo {
width: 50%;
margin: 0;
padding: 1.5em 0 0 0;
}
#topmetalprices {
clear: both;
width: 100%;
margin: 0;
padding: 0.5em 0;
}
}
@media only screen and (max-width: 800px) {
header, #maincontent, #freeindex, footer {
width: 96%;
}
#navcontainer {
border-bottom: none;
}
nav {
clear: both;
float: none;
border: none;
width:100%;
margin: 0 auto;
padding: 0;
}
#nav {
position:fixed;
top:0;
left:0;
}
#nav-toggle {
background: #c28c1a;
color:#fff;
width:50px;
height:50px;
position:absolute;
top:0;
right:0;
font-size:2.5em;
cursor:pointer;
display:block;
text-align:center;
line-height:1.5;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
z-index: 50;
}
#nav-toggle:hover {
background:#d29c2a;
}/* hide icons if no sublinks */
#nav li i {
display:none;
}
#nav ul.nav {
display:none;
background:#c28c1a;
margin:0;
padding:0 0 0 0;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
}
#nav ul.nav li {
float:left;
width:50%;
text-align:center;
margin:0;
position:relative;
color: #fff;
}
#nav ul.nav li a {
color: #fff;
}
#nav ul.nav li a:hover {
text-decoration: underline;
}
#nav ul li.navlogo {
display:block;
width: 100%;
text-align: center;
}
#nav ul.nav li:hover .navgroup {
display:none;
}
#nav li:hover a.toplevel:after, #nav a.toplevel:hover:after {
display:none;
}
img.heroimage {
margin: -50px 0 0 0;
}
img.pageimage {
margin: -200px 0 0 0;
}
.intro-text strong {
font-size : 2.0em;
}
.intro-text {
margin:1em 0;
}
.intro-text p {
font-size: 0.9em;
display: block;
clear: left;
margin-top: 0.2em;
}
.bottomportal {
height:140px;
}
.bottomportal p {
display: none;
}
}
@media only screen and (max-width: 700px) {
.intro-text p {
font-size: 0.8em;
}
img.pageimage {
margin: -150px 0 0 0;
}
}
@media only screen and (max-width: 600px) {
.col {
margin: 1% 0 1% 0%;
}
.span_1_of_2, .span_1_of_3, .span_2_of_3, .span_3_of_3, .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4, .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5, .span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6, .span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7, .span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8, .span_1_of_9, .span_2_of_9, .span_3_of_9, .span_4_of_9, .span_5_of_9, .span_6_of_9, .span_7_of_9, .span_8_of_9, .span_1_of_10, .span_2_of_10, .span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_10, .span_9_of_10 {
width: 100%;
margin:0 0 1em 0;
}
#logo, #topinfo, #topmetalprices {
clear: both;
width: 100%;
margin: 0;
padding: 0.5em 0;
}
h1 {
font-size : 1.5em;
}
h2 {
font-size : 1.3em;
}
h3 {
font-size : 1.2em;
}
h4 {
font-size : 1.1em;
}
img.heroimage {
margin: 0 0 0 0;
}
img.pageimage {
margin: -100px 0 0 0;
}
.intro-text strong {
font-size : 1.5em;
}
.bottomportal {
width: 100%;
border-right: 0;
border-bottom: 1px solid #fff;
}
.calculate-metals label {
width:60%;
}
.calculate-metals input[type=text] {
width:35%;
}
}
@media only screen and (max-width: 440px) {
.intro-text p span {
font-size: 0.7em;
}
img.pageimage {
margin: -50px 0 0 0;
}
.intro-text strong {
font-size : 1.1em;
}
}