body{
	background-color: #fffff;
	color: #000000;
	margin: 0 10px 0px 10px;
	font-family:Verdana, sans-serif;
	font-size: 14px;
  /*font-size-adjust: 0.50;*/
}

.all-hidden {
	display: none;
}
a:link {
	color: #0000ff
}
a:hover {
	color: #ff0000
}
a:visited {
	color: #551A8B
}
a:active {
	color: #0000ff
}

img.age-logo {
	width: 402px;
	height: 100px;
}
/*##################### Globals ######################*/
.gold-banner-sm{
	background-image: url("../images/banner-gld-300.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height:23px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.gold-banner-md{
	background-image: url("../images/banner-gld-630.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height:28px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.gold-banner-lg{
	background-image: url("../images/banner-gld-960.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height:28px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*GET RID OF STUFF BELOW*/
.banner-text{
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 0 30px;
}
.banner-text H1{
	font-size: 22px;
	margin: 0 0 0 0px;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
/*GET RID OF STUFF ABOVE*/


/* H STYLES FOR SINGULAR Hs ON ENTIRE SITE */
h1 {
	font-size: 22px;
	font-weight: bold;
	/*margin-top: 0;*/
}

h2 {
	font-size: 18px;
	font-weight: bold;
	/*margin-top: 0;*/
}

h3 {
	font-size: 16px;
	font-weight: bold;
	color: #001446;
	/*margin-top: 0;*/
}

/* H STYLES FOR INSIDE GOLD BANNERS ON ENTIRE SITE */
.banner-text h1,
.banner-text h2,
.banner-text h3,
.banner-text h4,
.banner-text h5,
.banner-text h6 {
	font-size: 22px;
	font-weight: bold;
	margin-top: 0;
}

.banner-right h1,
.banner-right h2,
.banner-right h3,
.banner-right h4,
.banner-right h5,
.banner-right h6 {
	font-size: 19px;
	font-weight: bold;
	margin-top: -1px;
}

/*.banner-text h2.banner-right,
.banner-text h3.banner-right {
	font-size: 20px;
	font-weight: normal;
	margin-top: 0;
}*/

/* H STYLES FOR INSIDE GOLD BANNERS ON HOME PAGE */

.banner-home h1,
.banner-home h2,
.banner-home h3,
.banner-home h4,
.banner-home h5,
.banner-home h6 {
	font-size: 22px;
	font-weight: bold;
	margin-top: 0;
}

/*.banner-text h1.banner-home,
.banner-text h2.banner-home,
.banner-text h3.banner-home {
	font-size: 23px;
	font-weight: normal;
	margin-top: 0;
}*/


.banner-viewmore{
	float:right;
	font-weight: normal;
	font-size: 12px;
	margin-top: 6px;
}
.banner-viewmore-specials{
	display: block;
	font-weight: normal;
	font-size: 12px;
	margin-top: -23px;
	text-align: center;
	padding:5px;
	height: 24px;
}
.banner-viewmore-specials a {
	display: block;
	font-weight: normal;
	font-size: 12px;
	margin-top: -7px;
	text-align: center;
	padding:5px;
	height: 24px;
}
.banner-viewmore-wcsay{
	font-weight: normal;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;
}
.banner-viewmore-lgn{
	font-weight: normal;
	font-size: 12px;
	margin-top: -8px;
	text-align: center;
	color: blue;
}
.banner-viewmore-lgn a{
	text-color: blue;
	text-decoration: underline;
}
.banner-viewmore a{
	color: blue;
}
.read-less,
.read-more{
	text-decoration: none;
  color: blue;
  font-weight: bold;
}
.read-less,
.read-more-text{
  display: none;
}
#primary-site-container{
	width: 990px;
	margin: 0 auto;
	padding: 10px 0 0px 0;
	overflow: hidden;
	/*------GRADIENT CODE------*/
	background: #001446; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#00146E, #001446); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#00146E, #001446); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#00146E, #001446); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#00146E, #001446); /* Standard syntax */
}
#secondary-site-container{
	position: relative;
	background-color: #FFFFFF;
	width:100%;
	padding: 5px 0;
	overflow: hidden;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	/*But note this won't work in Internet Explorer below version 8.*/
}
.left-content{
	width: 600px;
	margin-right: 10px;
	float: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	/*But note this won't work in Internet Explorer below version 8.*/
}
.right-content{
	border-left: 1px solid #D0A50A;
	border-left: 1px solid rgba(208,165,10,0.3);
  padding-left: 15px;
	/*padding-left: 45px;*/ /* THIS IS HOW YOU MOVE THE GOLD LINE PART1 */
	float: right;
	width: 315px;
	/*width: 345px;*/ /* THIS IS HOW YOU MOVE THE GOLD LINE PART2 */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	/*But note this won't work in Internet Explorer below version 8.*/
}
.bottom-content{
	background-color: white;
}
.page-title{
/*	color: #D6AF07; /*GOLD*/
	color: #001446; 
	font-size: 14px;
	margin: 0 0 13px 0;
	float: left;
}
.page-title a{
  text-decoration: none;
/*	color: #D6AF07; /*GOLD*/
	color: #001446; /*GOLD*/
}

/*########################## SLIDE SHOW (billboard)#####################*/

#billboard{
	width: 590px;
	/*border: 1px solid black;*/
	-webkit-box-shadow: 3px 3px 8px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    3px 3px 8px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         3px 3px 8px 0px rgba(50, 50, 50, 0.6);
}
#slideshow{
	width: 590px;
	height: 287px;
}
#nav-ctrl { z-index: 50; position: absolute; bottom: 25px; left: 210px }
#bnav {
	/*display:inline;*/
	position: relative;
	left: 66px;
	top: 14px;
}
#bnav a {
	margin: 0;
	padding: 0px 6px;
	/*border: 1px solid #fff; */
	background-image:url("../images/billboard_slide_off.png");
	background-repeat: no-repeat;
	background-size: 100% 67%;
	text-decoration: none;
	font-weight: bold;
}
#bnav a.activeSlide { background-image:url("../images/billboard_slide_on.png") }
#bnav a:focus { outline: none; }

.slideshow-each-pic{
	max-width: 600px;
}
/*.jsok { display: none; }*/
.jsok a img{
	background-color: #001446;
	height: 300px;
	width: 640px;
	border: 0;
}

.home-mobile-billboard {
	display: none;
}


/*################################### coins and bullion ##########################*/

#coinsbullion{
	margin-top: 30px;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 0px 0 20px 0;
}
.coinsbullion-images{
	overflow: hidden;
	margin-bottom: 20px;
}
.coinsbullion-images-each{
	text-align: center;
	float: left;
	width: 190px;
	height: 230px;
	margin: 35px 5px -5px 5px;
	padding: 10px 0px 0px 0px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	/*But note this won't work in Internet Explorer below version 8.*/
	cursor: pointer
}
.coinsbullion-images-each:hover{
	border: 1px solid #D0A50A;
	-webkit-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    1px 1px 10px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         1px 1px 10px 0px rgba(50, 50, 50, 0.4);
	/* horiz,vert,blur,spread, rgb colors and opacity*/
}
.coinsbullion-images-each img{
	min-width: 95%;
	max-width: 200%;
}
.coinsbullion-images-each-text{
	font-size: 19px;
	margin-top: 3px;
  color: black;
}

.mobile-coinsbullion-charts {
	display: none;
}


/*######################### specials ############################*/

#specials{
	overflow: hidden;
}
#specials-slidecontainer{
	height: 377px;
	width: 600px;
	overflow: hidden;
	position: relative;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	/*But note this won't work in Internet Explorer below version 8.*/
}
.slide{
  /*
  border: 1px solid rgba(208,165,10,0.3);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  */
	/*But note this won't work in Internet Explorer below version 8.*/
  padding: 5px;
	float: left;
	-ms-scroll-snap-type: mandatory;
}
.slide:hover{
  /*
	-webkit-box-shadow: 1px 1px 7px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    1px 1px 7px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         1px 1px 7px 0px rgba(50, 50, 50, 0.6);
  */
}
.slide > img{
	height: 220px;
	width:244px;
}
.slide-content{
	padding-top: 30px;
	height: 220px;
	width:244px;
	overflow: hidden;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	/*But note this won't work in Internet Explorer below version 8.*/
	text-align: center;
}
.slide-content img{
	display: block;
	height: 95px;
	width: 205px;
	margin: 0px auto;
}
.slide-content-title{
	font-size: 15px;
	font-weight: bold;
	padding: 1px 0;
	color:#001446;
}
.slide-content-descriptor{
	font-size: 13px;
	font-weight: bold;
	padding: 1px 0;
	padding-bottom: 8px;
	color:#C42125;
}
.slide-content-lower{
	font-size: 13px;
	width: 100%;
	font-weight: bold;
	padding: 1px 0;
	color:#C08F00;
	position: absolute;
	bottom:16px;
}
.specials-slidecontainer-each-lr{
	position: absolute;
}
.bxslider-leftarrow{
	width: 25px;
	height: 35px;
	background-image: url("https://widget.trustpilot.com/trustboxes/54ad5defc6454f065c28af8b/arrow.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 50;
}
.bxslider-rightarrow{
	width: 25px;
	height: 35px;
	background-image: url("https://widget.trustpilot.com/trustboxes/54ad5defc6454f065c28af8b/arrow.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
  -webkit-transform: rotateZ(-180deg) translate(15px);
  transform: rotateZ(-180deg) translate(15px);
}

.specials-coin-box {
	float: left;
	width: 470px;
  height: 300px;
  background: radial-gradient(at 50%, #fff, #fff, rgba(208,165,10,.15));
  border: 1px solid #e6e6e6;
}
.specials-coin-box:hover{
  box-shadow: 0 0px 8px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.specials-coin-box img {
	width: 100px;
	float: left;
}
.sets-coin-box {
	width: 470px;
  height: 300px;
  background: radial-gradient(at 50%, #fff, #fff, rgba(208,165,10,.15));
  border: 1px solid #e6e6e6;
}
.sets-coin-box:hover{
  box-shadow: 0 0px 8px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.sets-coin-box img {
	width: 100px;
}

.specials-coin-box img.pp-coin-box-left {
	padding-right: 10px;
}

.specials-coin-box img.pp-coin-box-right {
	padding-left: 10px;
}


/*############################### what our customers say #######################*/
#wcsay{
	margin-top: 20px;
}
#wcsay-container{
	width: 990px;
	padding: 25px 0;
	overflow: hidden;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	/*But note this won't work in Internet Explorer below version 8.*/
}
#wcsay-container-post{
	/*background-image: url("../images/wcsay.png");*/
	background-repeat: no-repeat;
	float: left;
	background-size: 100% 100%;
	width: 990px;
	height: 200px;
}

.home-mobile-dropdown {
	display: none;
}


/*############################## CURRENT SPOT PRICES ###########################*/

.csprices-table{
	height:230px;
	width:300px;
	border-collapse: collapse;
}
.csprices-table table thead tr {
	text-align: left;
	height: 45px;
	color: #545454;
}
.csprices-table table thead tr th{
	border-bottom: 1px solid #D0A50A;
	border-bottom: 1px solid rgba(208,165,10,0.3)
}
.csprices-table table thead tr th:nth-of-type(1){ width:94px; }
.csprices-table table thead tr th:nth-of-type(2){ width:120px; text-align:center; }
.csprices-table table thead tr th:nth-of-type(3){ width:78px; }
.csprices-table table tbody tr{
	text-align: left;
	height: 42px;
	color: black;
}
.csprices-table table tbody tr td{
	border-bottom: 1px solid #D0A50A;
	border-bottom: 1px solid rgba(208,165,10,0.3);
	padding: 0 0 0 5px;
}
.csprices-table table tbody .selected-row{
	background-color: #001247;
	color: white;
}
.csprices-table table tbody tr:hover{
	background-color: #D9D9D9;
	cursor: pointer;
	color: black;
}
.csprices-link{
	width: 300px;
	text-align: center;
	margin: 5px 0 24px 0;
}
.csprices-link a{
	color:#0000FF;
	text-decoration: none;
}
#joechart{
  height: 190px;
  min-width: 300px;
}

.csratios-table{
	height:140px;
	width:300px;
	border-collapse: collapse;
    margin-top: 12px;
}
.csratios-table table thead tr {
	text-align: left;
	height: 45px;
	color: #999999;
}
.csratios-table table thead tr th{
	border-bottom: 1px solid #D0A50A;
	border-bottom: 1px solid rgba(208,165,10,0.3)
}
.csratios-table table tbody tr{
	text-align: left;
	height: 42px;
	color: black;
}
.csratios-table table tbody tr td{
	border-bottom: 1px solid #D0A50A;
	border-bottom: 1px solid rgba(208,165,10,0.3);
	padding: 0 0 0 5px;
}
.csratios-table table tbody .selected-row{
	background-color: #001247;
	color: white;
}
.csratios-table table tbody tr:hover{
	background-color: #D9D9D9;
	cursor: pointer;
	color: black;
}
.csratios-link{
	width: 300px;
	font-size: 13px;
	text-align: center;
	margin: 5px 0 24px 0;
}
.csratios-link a{
	color:#0000FF;
	text-decoration: none;
}
#ratiochart{
  height: 190px;
  min-width: 300px;
}
.spot-price{
  text-align: right;
}
.csprices-arrow{
  text-align: left;
}
.csprices-usd{
  font-size: 12px;
  font-weight: bold;
  text-align: center;
	color: #000;
}
.csratios-usd{
  font-size: 12px;
  font-weight: bold;
  text-align: center;
	color: #000;
}



/*############################## From the newsroom #####################*/

#newsroom{
	margin-top: 35px;
	/*min-height: 545px;*/
	/*Sam changed on 9-11-17*/
	min-height: 400px;
}
.newsroom-section{
	/*height: 98px;*/
	padding-bottom: 5px;
	border-top: 1px solid #D0A50A;
}
.newsroom-section h4{
	margin-top: 10px;
	margin-bottom: 1px;
	font-size: 14px;
	font-weight: 800;
}
.newsroom-section-text{
	width: 100%;
	font-size: 13px;
}
.newsroom-section-first{
	border-top: none;
}
a.home-live-news-link {
	color: #001446;
	text-decoration: none;
	display: block;
}

.newsroom-section-text a {
	display: inline!important;
}


.home-live-news-link span.view-all-span {
	float: right;
}

#newsroom input,
#newsroom label {
	display: none;
}

/*################################# featured rare coins ##########################*/

.fr-home-space{
  margin-top: 20px;
}
.outer-frcoins{
  height: 315px;
}
#frcoins{
	/*border-bottom: 1px solid #D0A50A;
	border-right: 1px solid #D0A50A;
	border-left: 1px solid #D0A50A;*/
	width: 470;
}
.frcoins-slide-content{
	/*margin-top: -20px;*/
	height: 230px;
	overflow: visible;
	text-align: center;
	cursor: pointer;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	/*But note this won't work in Internet Explorer below version 8.*/
}

#img_coin{
	height: 150px;
	width: 150px;
	margin: 10px auto;
	display: block;
}
#img_coin_l{
	height: 150px;
	width: 150px;
	margin: 10px 10px 10px 10px;
	display: inline;
}
#img_coin_r{
	height: 150px;
	width: 150px;
	margin: 10px 10px 10px 10px;
}
.img_coin_l{
	height: 150px;
	width: 150px;
	margin: 10px 10px 10px 10px;
	display: inline;
}
.img_coin_r{
	height: 150px;
	width: 150px;
	margin: 10px 10px 10px 10px;
}
#img_cac{
	height: 18px;
	width: 35px;
	display: inline;
	margin-top: -5px;
}
.frcoins-slide-content-title{
	width: 290px;
	color: white;
	background-color: #000F68;
	text-align: center;
	font-size: 21px;
	font-weight: light;
	padding: 6px 0;
}
.frcoins-slide-content-title-hp{
	width: 400px;
	color: white;
	background-color: #000F68;
	text-align: center;
	font-size: 21px;
	font-weight: light;
	padding: 6px 0;
}
.frcoins-slide-content-descriptor{
	font-size: 13px;
	padding: 3px 0;
	color: black;
}
.frcoins-slide-content-lower{
	position: absolute;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	color:#C42125;
	padding: 3px 0;
	margin-bottom: 10px;
}


/*#################################### about content ##################################*/

#about-content{
	overflow: hidden;
}
#about-content-text{
	width: 740px;
	float:left;
}
#about-content-text p{
	font-size: 14px;
	color: #001446;
}
#about-content-right{
	text-align: center;
	border: 1px solid #D0A50A;
	height: 220px;
	width: 200px;
	float: right;
	background-repeat: no-repeat;
	background-size: 100% 108%;
	margin-top: 20px;
	margin-right: 10px;
  cursor: pointer;
}
#about-content-right:hover{
	-webkit-box-shadow: 1px 1px 7px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    1px 1px 7px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         1px 1px 7px 0px rgba(50, 50, 50, 0.6);
}
#about-content a{
  color: blue;
  text-decoration: none;
}
.about-content-a{
  color: blue;
  text-decoration: none;
}
#about-content a:focus{
  color: blue;
}
#about-content-right-title{
	padding-bottom: 6px;
	width: 170px;
	margin: 21px 0 20px 15px;
	font-size: 16px;
	font-weight: bold;
	color: #001446;
	border-bottom: 4px solid #D0A50A;
}
.about-content-right-li{
	background-image: url("../images/blue_arrow_select.png");
	background-repeat: no-repeat;
	background-size: 5% 93%;
	text-align: left;
	padding-left: 10px;
	width: 135px;
	font-size: 14px;
	line-height: 14px;
	margin: 12px 0 0 25px;
  font-size-adjust: .5;
}
#about-content-right-a{
	font-size: 14px;
	color:#0000FF;
	text-decoration: none;
	font-weight: bold;
	margin-top: 20px;
}
#about-content-right-a a{
	color:#0000FF;
	text-decoration: none;
	padding-left: 10px;
}


/*-------SPECIALS BX SLIDER STYLES-------*/

#specials-slidecontainer .bx-pager {
	font-size: 32px;
}

#specials-slidecontainer a.bx-prev {
	margin-left: -45px;
}

#specials-slidecontainer a.bx-next {
	margin-right: -75px;
}

#specials-slidecontainer .bx-viewport {
  padding: 0 15px 20px;
}

#specials-slidecontainer .bx-wrapper {
  margin: 20px auto;
}

#frcoins .bx-pager {
	margin-left: 0px !important;
}

#frcoins a.bx-prev {
	margin-left: 0px;
}

#frcoins a.bx-next {
	margin-right: -20px;
}

#frcoins .bx-viewport {
	height: 220px;
	width: 100%;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	position: static;
}

#frcoins .bx-wrapper {
	padding: 0px;
}

/*NOT ACTUALLY FOR THE HOME PAGE, BUT IT IS FOR EVERY OTHER PAGE. IS COMMENTED OUT IN THE HEAD TAG OF THE INDEX*/
#product-like-button-static {
	float: right;
}
/*END STYLES NOT ACTUALLY FOR HOME PAGE*/




/* hack to make "Price appear bigger in greybox on Firefox */
/*
text {
  font-size: 15px;
}
*/

.tab-bg {
	display: none;
}
.tab {
	display: none;
}
br.br-mobile {
	display: none;
}

.desktop-hidden {
	display: none;
}

.desktop-hidden,
.nav-desktop-hidden {
	display: none;
}



.site-map-section{
	float: left;
}

.sm-col{
	float: left;
	margin-top: 12px;
	margin-right: 25px;
	margin-bottom: 3px;
	margin-left: 2px;
	position: relative;
}
.sm-col li{
	list-style-type: none;
}
.sm-comp{
	float: right;
}
.sm-comp-img{
	float: right;
	width: 167px;
	height: 140px;
}