body{
	margin:0;
	background:#e2e2e2;
	font-family:helvetica, arial;
	font-size:12px;
}

.clear{
	clear:both;
}



.container{
	max-width: 900px;
	background: #fff;
}

.container .row {
	margin-right: 0;
	margin-left: 0;
}

.content {
	min-height: 600px;
}

.header {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	background: url('images/rings.png') no-repeat 100% 100% #941b82;
}

.header-container {
	background: url('images/rings.png') no-repeat 95% 100% #00319c;

}

.header h1 {
	margin: 0 20px;
	color: #ffffff;
	font-size: 1.8rem;
}

@media only screen and (min-width : 982px) {
	.header {
		background-position: 90% 100%;
	}
	.header h1 {
		max-width: 550px;
	}
}

.header.has-navigation,
.header-bars-2.has-navigation {
	margin-bottom: 0;
}

.header.thesportsmemorabiliashop {
	padding-top: 20px;
	background: none;
}

.header-bars-1 {
	border-top: 5px solid #d8c520;
	border-bottom: 5px solid #000000;
}
.header-bars-2 {
	margin-bottom: 20px;
	border-top: 5px solid #1da949;
	border-bottom: 5px solid #db1d3f;
}

.exclusive-banner {
	width: 120px;
	height: 32px;
	margin: 0 0 20px 0;
	background: url('images/header.gif') no-repeat;
}

#header a{
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	opacity:0.4;
}

#header a:hover{
	opacity:1;
}

.row .col.item-description {
	padding-bottom: 20px;
 }

.row.extra-padded-row,
.row .col.extra-padded-col {
	padding-right: 2rem;
	padding-left: 2rem;
 }

h1 {
	font-family: "London Olympics 2012";
}

h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
    color: #333;
    text-transform: uppercase;
	font-weight: bold;
}

.item-description h3 {
	margin-top: 0;
}

h2 {
	margin: 0 0 20px 0;
	color: #00319c;
}



p.small{
	color:#6f6f6f;
}

p b{
	color:#000000;
}

#footer{
	margin:40px 0 0 0;
	padding:10px 0;
	width:100%;
	background:#ebebeb;
}

.help{
	display: block;
	margin: 0 auto 0 auto;
	width: 10px;
}

.navigation-menu {
	padding: 6px;
}

.navigation-menu a {
	color: #ffffff;
	color: rgba(255,255,255, 0.4);
	font-size: 1.2rem;
	
	font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
	font-weight: bold;
	padding: 4px;
	

}

.navigation-menu a:hover {
	color: #ffffff;
}

.add-to-cart-header {
	margin: 0 -10px;
	padding: 8px 10px;
	font-size: 1.4rem;
	background:url('images/rings.png') no-repeat 100% 100% #00319c;
	color:#fff;
	font-weight: bold;
}

.add-to-cart {
	padding:0 10px 10px 10px;
	border:1px solid #00319c;
	background:#fff;
}

.buy, .offer {
	display:block;
	width: 100%;
	padding:10px 0;
	background:#000000;
	text-align:center;
	text-decoration:none;
	font-size: 1.2rem;
	font-weight:bold;
	color:#fff;
	border:1px solid #000000;
	background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #000000 24%, #111111 60%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(24%,#000000), color-stop(60%,#111111), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#000000 24%,#111111 60%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c4c4c 0%,#000000 24%,#111111 60%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c4c4c 0%,#000000 24%,#111111 60%,#1c1c1c 91%,#131313 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4c4c4c 0%,#000000 24%,#111111 60%,#1c1c1c 91%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */


	box-sizing: border-box;
}

.offer {
	margin-top: 14px;
}

.buy.large-buy {
	margin: 20px 10%;
	box-sizing: border-box;
}

.buy-all:hover,
.buy:hover{
	background:#69bc28;
}

.buy:hover{
	border:1px solid #4b9611;
}


.flag {
	display: block;
	text-decoration:none;
	font-weight:bold;
	font-size: 1rem;
	text-align: center;
	height: 150px;
}

.flag img {
	width: 100%;
	max-width: 94px;
}

.flag .country-name,
.item .item-title {
	min-height: 3rem;
	text-align: center;
}
.item .item-title {
	min-height: 5rem;
}

.flag .country-name div,
.item .item-title div {
	margin: 0 auto;
}

.buy-all {
	display: block;
	width: 80%;
	margin: 0 auto;
	height: auto;
	padding: 15px;

	background: #00319c;
	color: #ffffff;
	text-align: center;
	font-weight:bold;
	font-size: 2rem;
	moz-border-radius:10px;
	border-radius:10px;

	-moz-box-sizing: border-box;
	box-sizing: border-box;

	animation: buyFlash 1s infinite;

}

.flag:hover img {
	-webkit-box-shadow: 0 0 3px 3px #939393;
	   -moz-box-shadow: 0 0 3px 3px #939393;
	        box-shadow: 0 0 12px 3px #d5d5d5;
}

.flag.canada{
	background:url('images/flags/canada.png') no-repeat center ;
}
.flag.bosnia_herzegovina{
	background:url('images/flags/bosnia_herzegovina.png') no-repeat center ;
}
.flag.brazil{
	background:url('images/flags/brazil.png') no-repeat center ;
}
.flag.botswana{
	background:url('images/flags/botswana.png') no-repeat center ;
}
.flag.cape_verde{
	background:url('images/flags/cape_verde.png') no-repeat center ;
}
.flag.central_african_republic{
	background:url('images/flags/central_african_republic.png') no-repeat center ;
}
.flag.chile{
	background:url('images/flags/chile.png') no-repeat center ;
}
.flag.dominican_republic{
	background:url('images/flags/dominican_republic.png') no-repeat center ;
}
.flag.estonia{
	background:url('images/flags/estonia.png') no-repeat center ;
}
.flag.georgia{
	background:url('images/flags/georgia.png') no-repeat center ;
}
.flag.grenada{
	background:url('images/flags/grenada.png') no-repeat center ;
}
.flag.guatemala{
	background:url('images/flags/guatemala.png') no-repeat center ;
}
.flag.indonesia{
	background:url('images/flags/indonesia.png') no-repeat center ;
}
.flag.italy{
	background:url('images/flags/italy.png') no-repeat center ;
}
.flag.poland{
	background:url('images/flags/poland.png') no-repeat center ;
}
.flag.portugal{
	background:url('images/flags/portugal.png') no-repeat center ;
}
.flag.romania{
	background:url('images/flags/romania.png') no-repeat center ;
}
.flag.russia{
	background:url('images/flags/russia.png') no-repeat center ;
}
.flag.serbia{
	background:url('images/flags/serbia.png') no-repeat center ;
}
.flag.trinidadandtabago{
	background:url('images/flags/trinidadandtabago.png') no-repeat center ;
}
.flag.uzbekistan{
	background:url('images/flags/uzbekistan.png') no-repeat center ;
}

/*****************************Forms*************************/
.overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000000;
	background:rgba(0,0,0, 0.9);
	z-index:5000;
}

.email{
	top:10%;
	left:30%;
	position:absolute;
	z-index:5001;
	padding:20px;
	background:#fff;
	border:1px solid #000000;
}


form{
	margin-top: 20px;
	padding: 15px;
	background: #fafafa;
	color:#1f1f1f;
}


form .success,
form .errors{
	margin: 0;
	font-weight: bold;
	padding: 10px;
	border: 1px solid;
	background: #ffc0c0;
	color: #900;
	font-size: 1rem;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-shadow: inset 1px 1px 0 #ffffff;
	-webkit-box-shadow: inset 1px 1px 0 #ffffff;
	box-shadow: inset 1px 1px 0 #ffffff;
}

form .success {
	background: #b8ff8f;
	border-color: #007236;
	color: #007236;
}

form .required{
	display:inline;
	color:red;
	font-size:17px;
}


form h3,
form h3{
	color: #1F1F1F;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #FAFAFA;
	text-align: left;
	text-transform: none;
	text-indent: 0;
}

form p,
form p{
	color:red;
}

form h4{
	text-align:center;
	font-size:140%;
}

form hr{
	border:0;
    border-bottom:1px solid #bfbfbf;
	border-top:1px solid #fff;
	margin:15px -31px;
}

label {
	display:block;
	margin: 10px 0 5px ;
	font-size: 1.4rem;
	font-weight: bold;
}

input,
select,
textarea{
	width: 100%;
	padding: 8px 5px;
	border:1px solid #C4C4C4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

select{
	height:30px;
	width:auto;
}

.red,
.error {
	color: #ff0000;
}

.error{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input[type="submit"] {
	width: 125px!important;
	width: 100%!important;
	height: auto !important;
	margin: 10px 8px 0 auto;
	padding: 9px 0 10px 0;
	background: #87aa39;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	border: 1px solid #588f27;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;

}

input[type="submit"]:hover {
	background-color: #1a8ebd;
	border-color:#1175b0;
	-webkit-transition: background-color 0.5s linear;
	-moz-transition: background-color 0.5s linear;
	-ms-transition: background-color 0.5s linear;
	-o-transition: background-color 0.5s linear;
}

#form1{
	margin:0 auto;
	padding:0;
}

#form1 input{
	margin:0;
}

#local,
#local_bearer,
#cf,
#cf_bearer,
#ca,
#ca_bearer,
#cl,
#cl_bearer,
#br,
#br_bearer,
#bw,
#bw_bearer,
#ba,
#ba_bearer,
#cv,
#cv_bearer,
#gt,
#gt_bearer,
#gd,
#gd_bearer,
#ge,
#ge_bearer,
#ee,
#ee_bearer,
#id,
#id_bearer,
#it,
#it_bearer,
#pl,
#pl_bearer,
#pt,
#pt_bearer,
#ro,
#ro_bearer,
#ru,
#ru_bearer,
#rs,
#rs_bearer,
#tt,
#tt_bearer,
#uz,
#uz_bearer,
#do,
#do_bearer{
	display:none;
}


.sale-banner {
	position: absolute;
    margin-left: 700px;
}

.sale-banner-top {
	background: red;
	color: #ffffff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}




@keyframes buyFlash {
	100% {
		color: rgba(255,255,255, 0.5);
	}
	50% {
		color: rgba(255,255,255, 1);
	}
	0% {
		color: rgba(255,255,255, 0.5);
	}

}






.homepage.flag {

	width: 100%;
}

.barclaycard-logo {
	display: block;
	margin: 20px auto;
}

.option,
.item{
	display: block;
	width: 100%;
	margin-bottom: 20px;
	padding: 30px 20px 20px 20px;
	box-sizing: border-box;
	background: url('images/exclusive.png') no-repeat 0 0 #ffffff;
	border:1px solid #941b81;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#00319c;

}

.option.with-img {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}

.option.with-img  img{
	width: 100%;
	margin-bottom: 14px;
}

.option.with-img  .exclusive {
	display: block;
	width: 95px;
	height: 26px;
	background: url('images/exclusive.png') no-repeat 0 0;
	position: absolute;
	z-index: 2;
}

.option.with-img  .option-text {
	display: block;
	margin: 0 20px;
}

.item:hover{
	background:url('images/buynow.png') no-repeat 0 0 #fff;
	border:1px solid #000000;
}

.item .img-holder {
	width: 130px;
	height: 100px;
	margin: 0 auto;
}

.img-holder .sale-banner {
	position: relative;
    display: block;
	width: 100%;
	height: 200px;
	margin-left: 0;
	margin-bottom: -200px;
	background: url('images/sale-banner.png') 100% 0 no-repeat;
}

.sale-banner-top {
	background: red;
	color: #ffffff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

.items-left,
.items-sale,
.items-sold {
	position: absolute;
	display: block;
	width: 130px;
	height: 100px;
	background: url('images/items-left.png') no-repeat 0 0;
}

.items-sold {
	background: url('images/items-sold.png') no-repeat 0 0;
}

.items-sale {
	background: url('images/items-sale.png') no-repeat 0 0;
}

.items-sold.items-sold-2 {
	background-position: 0 -100px;
}

p.price {
	margin: 5px 0;
	padding: 0;
	font-size: 18px;
}

p.price.small {
	font-size: 12px;
}

.sale-price {
    display: block;
    width: 100%;
	margin-bottom: 14px;
    padding: 10px 0;
    background: #ff0000;
    text-align: center;
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    box-sizing: border-box;
}




.photo-frame {
	display: none;
	height: 200px;
	width: 100%;
	background-size: cover;
}

.photo-frame.photo-initial {
	display: block;
}

.photo-frame-text-box {
	position: relative;
	top: 200px;
	display: none;
	width: 50%;
	height: 150px;
	padding: 20px;
	z-index: 2;
	left: 5%;
	background: rgba(0,0,0, 0.7);
	box-sizing: border-box;
}

.photo-frame-text-box h5 {
	color: #ffffff;
}


@media only screen and (min-width: 601px) {
	.photo-frame {
		height: 300px;
	}
	.photo-frame-text-box {
		display: block;
		top: 100px;
		width: 80%;
	}
}

@media only screen and (min-width: 993px){
	.photo-frame {
		height: 400px;
	}
	.photo-frame-text-box {
		display: block;
		top: 200px;
		width: 50%;
	}
}