@charset "utf-8";
@font-face {
  font-family: "magictoolbox-thin";
  font-weight: normal;
  font-style: normal;
  src:url("magictoolbox-thin.eot");
  src:url("magictoolbox-thin.eot?#iefix") format("embedded-opentype"),
    url("magictoolbox-thin.woff") format("woff"),
    url("magictoolbox-thin.ttf") format("truetype"),
    url("magictoolbox-thin.svg#magictoolbox-thin") format("svg");
}

body {font-family:Arial, Helvetica, sans-serif;margin:auto; font-size:13px; color:#333333; }
ol, ul {list-style:none;}
table a {font-weight: normal;}

html {overflow-y: scroll;}
.mainState {margin: 0px auto auto 0px;  background-color: #ffffff; min-height:500px; padding:20px ;}
.SplashPage {margin:-20px 0px; }
 #main {top:0px;} 
.deptClass {text-align:center; width:75%;margin:auto;}

.error { color:#333333;}
.notice {color:#333333;}
#address_results { max-height: 90px; overflow-y: scroll;  width: 45%;}
#address_results li { padding: 4px;margin: 2px;  cursor: pointer; border: 1px solid #a8a8a8;}
#lookupFeedback {float: left; margin: 5px 0 0 20px; font-size: 13px;}
ul:empty {display: none;}

.breadcrumb {background-color:transparent;}
.breadcrumbGroup {margin: 15px 0px 0px 20px; font-size:85%; color:#333333; clear:both;}
.breadcrumbGroup a {color:#333333;font-weight:normal;}
input, button, select, textarea, .btn {width:270px;border: 1px solid  #999999; font-family: inherit; font-size:inherit; font-weight:normal; padding: 10px; color:#333333;border-radius:1px;margin:5px;}

.dateOfBirth p {display: inline-flex;}
input[name="dob_day"] { width:80px;}
input[name="dob_mth"] { width:80px;}
input[name="dob_yr"] { width:80px;}
select[name="dob_day"] { width:80px;}
select[name="dob_mth"] { width:80px;}
select[name="dob_yr"] { width:80px;}

input[name="standard_CardGlobalIris_card_phone_country_code"] {width:100px;}
input[name="standard_CardGlobalIris_card_phone_subscriber_number"] {width:150px;}
input[name="mobile_phone_country_code"] { width:80px;}
input[name="mobile_phone_subscriber_number"] { width:175px;}
input[name="home_country_code"] { width:80px;}
input[name="home_subscriber_number"] { width:175px;}
input[name="mobile_country_code"] { width:80px;}
input[name="mobile_subscriber_number"] { width:175px;}
input[name="work_country_code"] { width:80px;}
input[name="work_subscriber_number"] { width:175px;}
.styleDate {width:80px;}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {	color: #666;	text-decoration: none;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {	border: 1px solid #999;	background: #fcea35;	font-weight: normal;	color: #666;}

				.tickbox {width: 50px;margin:10px 20px;position: relative;float:left;}
				.tickbox label {cursor: pointer;position: absolute;width: 35px;height: 35px;top: 0;left: 0;background: #f1f1f1;border:2px solid #F7B206;}
				.tickbox label:after {opacity: 0.1;content: '';position: absolute;width: 20px;height: 7px;background: transparent;top: 10px;left: 5px;border: 3px solid #F7B206;border-top: none;border-right: none;
					-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
				.tickbox label:hover::after {opacity: 0.5;}
				.tickbox input[type=checkbox]:checked + label:after {	opacity: 1;}

.tsandcs {position: relative;}
.tsandcs label {display: block;	width: 36px;height: 36px;transition: all .5s ease;	cursor: pointer;
	position: absolute;	top: 1px;left: 1px;	z-index: 1;	padding-left:5px;background: #ffffff;border: 1px solid #999999;}
.tsandcs input[type=checkbox]:checked + label:before {content: "✓";font-size: 25px;font-weight: bold;color: #F7B206; line-height: 0px;}

.market1 {position: relative;}
.market1 label {display: block;	width: 36px;height: 36px;transition: all .5s ease;	cursor: pointer;
	position: absolute;	top: 1px;left: 1px;	z-index: 1;	padding-left:5px;background: #ffffff;border: 1px solid #999999;}
.market1 input[type=checkbox]:checked + label:before {content: "✓";font-size: 25px;font-weight: bold;color: #F7B206; line-height: 0px;}

.market2 {position: relative;}
.market2 label {display: block;	width: 36px;height: 36px;transition: all .5s ease;	cursor: pointer;
	position: absolute;	top: 1px;left: 1px;	z-index: 1;	padding-left:5px;background: #ffffff;border: 1px solid #999999;}
.market2 input[type=checkbox]:checked + label:before {content: "✓";font-size: 25px;font-weight: bold;color: #F7B206; line-height: 0px;}
				
				.radio-custom {opacity: 0; position: absolute;}
				.radio-custom, .radio-custom-label {display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer;}
				.radio-custom-label {position: relative;}
				.radio-custom + .radio-custom-label:before {content: '';background: #fff; border: 1px solid #999999; display: inline-block;vertical-align: middle;width: 25px;
					height: 25px;padding: 2px; margin-right: 10px;text-align: center;}
				.radio-custom + .radio-custom-label:before {border-radius: 50%; margin-bottom:5px;}
				.radio-custom:checked + .radio-custom-label:before {background: #F7B206;box-shadow: inset 0px 0px 0px 4px #fff;}
				
.box-custom {opacity: 0; position: absolute;max-width:30px;}
.box-custom, .box-custom-label {display: inline-block; vertical-align: middle; cursor: pointer;}
.box-custom-label {position: relative;width:auto;min-width:200px;}
.box-custom + .box-custom-label:before {content: '';background: #FFF; border: 2px solid #F7B206; display: inline-block;vertical-align: middle;width: 30px;height: 30px;padding: 3px; margin:0px 10px 0px 10px;text-align: center;}
.box-custom:checked + .box-custom-label::before {	background: #F7B206 none repeat scroll 0 0;	color: #000;	content: "✓";	font-size: 20px;	font-weight: bold;	line-height: 20px;	border: 1px solid #999;}

a {color:#333333; text-decoration:none; font-weight:bold;} 
a:hover {color:#F7B206; text-decoration:none; cursor:pointer; }
a:focus {color:#F7B206; text-decoration:none; cursor:pointer;}

#menu {z-index:100;}
#minimenu{display:none;} 
#minimenu{position: relative;margin: 0px;background:#F7B206; border: 1px solid #CCC; width:auto;}
#minimenu #minimenu { display: none; z-index:200; background-color:  #F7B206; padding:12px; right:4px; margin-top:18px; }
#bminimenu:hover #minimenu { display: block; position: absolute; margin-left:-130px; top:40px; }
#minimenu #minimenu > p {color:#FFFFFF;}

.dropdown-menu {background: #FFFFFF;  box-shadow: 3px 3px 3px 0 #999999; border: 2px solid #333333; border-bottom-left-radius:5px;border-bottom-right-radius:15px;  padding:10px 35px 15px 0px; right:30px;}
.menuRow {position:relative;width:89.2%;float:right; }

.main {position:relative;top:0;}
#topFix {width: position: fixed; z-index: 100;}

#headerLink {position:fixed; top:80px; right:50px; z-index:99;}
.headerLink {font-size:90%; padding-right:20px; }
.headerLink a {color:#333333; position:relative; }
.headerLink a:hover {color:#F7B206; text-decoration:none;}

#headerCell { position: relative; float:right; margin-top:10px;}
#headerCell #headerPop { display: none; z-index:10; background: #FFFFFF;  box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); padding:8px 20px 8px 20px; right:1px; width:220px; }
#headerCell:hover #headerPop { display: block; position: absolute; margin-left:-235px; line-height:20px;  }
#headerCell li {font-size:90%}
#headerPop a {color:#FFFFFF;}
#headerPop a:hover, a:focus {color:#F7B206; text-decoration:none;}


/* ------------------Floating Basket---------------- */
#basketcell {float:right; margin: 5px 20px 0px 15px;}
#basketcell a {color:#333333; font-weight:bold;}
#basketcell a:hover { color: #F7B206; text-decoration:none;  cursor: pointer; }
#basketcell #basketpop { display: none; z-index:200; background-color:  #F7B206; padding:12px; right:0; margin-top:0; }
#basketcell:hover #basketpop { display: block; position: absolute; margin-left:-130px; top:40px;border:3px double #999999; }
#basketcell #basketpop > p {color:#FFFFFF;}
.myBag {}

/* ------------------Floating Search---------------- */
#searchcell {float:right; margin: 10px 5px 0 0; z-index:200;cursor:pointer; font-size:95%}
#searchcell a {color:#FFFFFF; font-weight:bold; }
#searchcell a:hover { color: #F7B206; text-decoration:none;  cursor: pointer; }
#searchcell #searchpop {background-color: #F7B206; display: none; margin-top: 55px; padding: 14px 30px;right: 4px; width: 274px; z-index: 200; }
#searchcell:hover #searchpop { display: block; position: absolute; margin-left:-130px; top:40px; }
.searchBox {background-color:#F7B206; border: 1px solid #333333;padding:0px 5px; height:25px; width:250px; margin-top: 5px} 

/*--------------- floating baset module ----------------*/
#viewBasketModule {width:250px;  }
#viewBasketModule p {color:#000000; font-size:90%; margin:8px; clear:both; }
#viewBasketModule input {color: #333333;	border: 1px solid #F7B206; margin:5px;	 text-align:center;}
#viewBasketModule .StyleProductstandard {color:#000000;}
#viewBasketModule .StyleName {color:#000000;}
#viewBasketModule .StyleCurrency{font-size:90%;}
#viewBasketModule .StyleRate{font-size:90%;}
#viewBasketModule .StyleSterlingAmount{font-size:90%;}
#viewBasketModule .StyleQuantity{font-size:90%;}
#viewBasketModule .StyleDescription {width:240px; text-align:left;color:#000000; margin-left:0;}
#viewBasketModule .StylePrice {color:#000000;}
#viewBasketModule .StyleUnitPrice {text-align:right;color:#000000; }
#viewBasketModule .StyleQuantity {font-style:inherit;color:#000000;}
#viewBasketModule .StyleCost {display:none; line-height:1px; }
#viewBasketModule .viewBasketTotal {text-align:center; color:#000000; font-size:150%; }
#viewBasketModule input.Binbtn{background:url("/images/theclubshop_burtonalbion/icon-bin.png") no-repeat ; margin: 12px 0 0 20px; cursor: pointer;} 
#viewBasketModule input.Updatebtn{background:url("/images/theclubshop_burtonalbion/icon-update.png") no-repeat ; cursor: pointer;} 
#viewBasketModule input.btn{color:#333333; cursor:pointer; border:1px solid #333333;}

p	{margin:.5em;clear:left;}
label {display: block; float: left; width: 17em;line-height:20px;padding-top:12px; }
.no_label {display: block; padding-left: 17em;}
input.Binbtn{background:url("/images/theclubshop_burtonalbion/icon-bin.png") no-repeat ; height:48px;width:48px; border:0; cursor: pointer; margin:0px 0 0 10px;} 
input.Updatebtn{background:url("/images/theclubshop_burtonalbion/icon-update.png") no-repeat ; height:48px;width:48px; border:0; cursor: pointer; margin-left:10px;} 
input.email{background:url("/images/theclubshop_burtonalbion/icon-email.png") no-repeat ; height:48px; width:48px; border:0;cursor: pointer;}
input.emailhov{}
/*input.btn{color:#333333; background: linear-gradient(to bottom right, #F7B206, #FFFFFF); /* Standard syntax (must be last)
	border-color:#FFFFFF; box-shadow: 7px 5px 10px #8a8a8a; min-width:150px; cursor:pointer; margin-bottom:15px; margin-top:5px;height:70px;}
input.btnhov {color:#333333;background-color:#999999;border-color:#F7B206;} */

input.btn{background: #F7B206 url("/images/theclubshop_burtonalbion/arrow.png") no-repeat scroll right center;border: 0 none;box-shadow: 7px 5px 10px #8a8a8a; min-width:200px;font-size: 14px;height: 60px;text-align:left;padding-left:20px;transition: all 0.6s ease-in-out 0s;}
input.btn:hover{background:#FCF5B3; color:#F7B206; cursor: pointer;}

button.btn{color:#333333;background-color:#F7B206;border-color:#333333; cursor:pointer;height:70px;}
button.btn:hover {color:#333333;background-color:#999999;border-color:#F7B206;}
input.sbtn{color:#333333;background-color:#F7B206;border-color:#333333; font-weight:normal;  cursor:pointer;}
input.sbtn:hover {color:#333333;background-color:#999999;border-color:#F7B206; cursor:pointer;}
input.btn-warning{color:#333333;background-color:#f0ad4e;border-color:#eea236; cursor:pointer;}
.btn:hover, .btn:focus {color:#999999;}
/*These are the styles on products, accept order, viewbasket, order history, wish list and order confirmations pages */
#productListing {float:left; width:140px; text-align:center;}
#productListing .StylePrice {text-align:center;font-size:85%; margin-left:0px;}

.listOptions {margin: 0 auto;	text-align: center;}
.myShop {border: 1px solid #F7B206;border-radius:2px; padding:10px; margin:10px;box-shadow: 8px 0px 10px 0px #999999;width: 45%;display: inline-block;}
/* -------------------------------------------- */
/* ------------This section controls the LOOP displays on viewbasket, orderhistory, confirmorder and accept_order--------- */

.miniHeader {color:#333333; text-align:left !important; font-weight:bold;float:left;}
.StyleProductFloat {float:left;}

.StyleProducttsmmo {color:#333333;}
.StyleProductstandard {color: #333333;}
.StyleProduct {color: #333333;}
.StyleDescription {font-style:inherit; width:315px;}  
.StyleUnitPrice { width:80px;min-height:1px;} /*important height, as this fixes field width if null */
.StyleCost {text-align:right;  width:80px;}
.StyleQuantity {text-align:left;  width:15px;}

.StyleDate {width:130px;}
.StyleOrderNo {width:80px;}
.StyleName {font-style:inherit;}
.StylePrice {text-align:left; width:80px;}
.StyleOriginalPrice {text-align:left; width:80px;}
.StyleStatus {width:70px;text-align:right;}
.StyleDespatch {width:80px;}
.StyleConfirmationRef {width:115px;}
.StyleConfirmationNumber {width:90px;}

.StyleProductticket {color: #333333;}
.StyleProducttour {color: #333333; } 
.StyleProducttour_promo {color: #333333;} 

.StyleProductprepaid {color: #333333; } 
.StyleProductcurrency {color: #333333;	 } 
.StyleProductprepaidsup {color: #333333;	 } 
.StyleProducttc {color: #333333;	 }

.StyleCurrency{	text-align:left; width:230px;}
.StyleForeignAmount{display:inline; padding: 0px 55px;}
.StyleForeignHeader{margin-left:50px;}
.StyleSterlingAmount{text-align:left; width:180px; margin-left:30px;}
.StyleRate {width:100px;margin-right:20px;}
.StyleBuyRate {text-align:right; padding-right:10px; }

.StyleTicket {font-style:inherit; width:150px;}
.StyleDateTime {text-align:left; width:80px;margin-left:15px;}
.StyleEvent {text-align:left; width:100px;margin-right:15px;}
.StyleLocation {text-align:left; width:180px;}
.StyleTicketPrice {text-align:right; width:100px;margin-left:35px;margin-right:40px;}

.StyleDescription.miniHeader {margin-left: 0px;}
.StyleQuantity.miniHeader {width: 90px;}
.ecommerceComments::before {content: "\a";white-space:pre;}


/*-----------------  viewbasket page --------------------*/
#ContinueShop { }
#quickAdd {display:none;} /* This shows/hides and quick add products on viewbasket page, nb must set cat code/dept/sub dept */

#viewBasket .SmallProduct {height:65px; width: 65px; visibility:visible;float:left;}
#viewBasket .LineBreak {border-top: 1px dotted #CCCCCC; vertical-align:middle; padding:5px;}
#viewBasket .PATCH_LB {border-top: 0px; line-height:15px;}
#viewBasket .LETTERS_LB{ border-top: 0px; line-height:15px; }
#viewBasket .NUMBERS_LB { border-top: 0px; line-height:15px; }
#viewBasket .PATCH {visibility:hidden; height:15px;}
#viewBasket .LETTERS{visibility:hidden;  height:15px;}
#viewBasket .NUMBERS {visibility:hidden; height:15px; } 
#viewBasket .PATCH_LB_QTY {visibility:hidden;}
#viewBasket .LETTERS_LB_QTY{visibility:hidden; }
#viewBasket .NUMBERS_LB_QTY {visibility:hidden; } 

.linerule::before {background: #999999 linear-gradient(to right, #F7B206 0%, #999999 50%, #F7B206 100%) repeat scroll 0 0;
    clear: left;  content: "";  display: block;  height: 1px;  margin-bottom: 5px;  margin-top: 75px;  width: 100%;}
hr {border: 0 none;}

 /* This is the style that is on the order_confirmation*/
.TotalOrder {border: 1px solid #CCCCCC;}
.TotalCell {border-bottom: 1px dotted #CCCCCC; }
/* ------------------Split page--------------------- */
.splitPage {  overflow:hidden;}
.splitPage div {   padding-left: 0px;}
#leftPage {  float:left;   margin-right:20px;  width:50%; }
#rightPage {   overflow:hidden;  margin: 0px 0px 0px 0px; }

.splitSplash {  overflow:hidden; float:left; width:100%;}
.splitSplash div {   padding-left: 0px;}
#leftSplash {  float:left;   margin-right:0px;  width:75%; }
#rightSplash {   overflow:hidden;  margin: 0px 0px 0px 0px; }

/*---------------Order Confirm-----------*/
.splitConfirm {overflow:hidden;}
.splitConfirm div {padding: 0px;}
#leftConfirm {float:left; margin-right:10px; width:25%; border-right: 0px dotted #CCC;}
#rightConfirm {overflow:hidden; margin: 0px 0px 0px 0px;}
#confirmOrder a {font-weight:normal;}
#confirmOrder label {padding:0;line-height:18px; width:auto;}
#confirmOrder p {clear:none;margin:5px;}
#orderHistory p {clear:none;}
#orderHistory a {font-weight:normal;}

/*--------------Shipping-----------*/
.splitShip {overflow:hidden;  width:100%;}
.splitShip div {padding: 0;}
#leftShip { float:left; margin: 0px 20px 0px 0px;	width:45%;}
#rightShip {  overflow:hidden;  margin: 0px 0px 0px 00px;  min-height:170px;}
#collectdiv #rightPage {	display: none;}
#collectdiv #leftPage {	width: 100%;}

/*--------------Sub_dept-----------*/
.splitSubD {overflow:hidden;  width:100%;}
.splitSubD div {padding: 0;}
#leftSubD { float:left;  margin: 0 5px 0 0;width:75%;}
#rightSubD {  overflow:hidden;  margin:0px; }

/*---------------Login---------------*/
.logIn { overflow:hidden;}
.logIn div {min-height: 100px; padding: 10px;}
#login_new {  float:left;   margin-right:20px;  width:50%;  border-right: 2px dotted #CCC;}
#login_exist {   overflow:hidden;  margin: 0px 0px 0px 10px;  min-height:170px;}

/*--------------- Dept and Sub Dept pages --------*/
#deptPage {min-height:700px;}
.deptLoop { border: 0px solid #F7B206; /*border-radius: 4px; box-shadow: 8px 0 10px 0 #333333;*/ float: left; height: 215px; margin: 10px; padding: 0px; width: 250px;}
#subDept {min-height:700px;}
.subDept {float:right; background-color:#F7B206; clear:both; height: 50px;
    margin: 0 0 5px; text-align: left; width: 100%;}
.subDept a:link {color: #000000;text-decoration: none; line-height:40px;}
.subDept a:hover {color: #FFFFFF; text-decoration: none;}
.subDept img {margin: 0 10px 0 10px;}

/*---------------products--------------*/
.productView {display:none;}
.rowA {padding:5px; }
.rowB{padding:5px;}
.rowA a, .rowB a  {text-decoration: none;	}
.rowA a:hover, .rowB a:hover  {color:#F7B206; text-decoration: none;}
.ProductCell {float:left; padding: 10px; border: 0px solid #F7B206; }
.ProductCell img {margin-top:5px; border-radius: 6px; min-height:200px;}
.smallProductCell {margin: 5px;	box-shadow: 3px 0px 3px 0 #333333; border: 1px solid #F7B206; width:170px; }
.viewbasketCell {margin: 5px;	box-shadow: 3px 0px 3px 0 #333333; border: 1px solid #F7B206; width:110px; height:200px; float:right; font-size:11px; line-height:25px; text-align:center;}

.productStitch {overflow: hidden; background-color:#FFFFFF;height:295px;width:220px;text-align:center; border:1px solid #999999;margin:10px 15px;}
.productListing {text-align: center; margin:0;	}
.productListing img {border: 1px solid #e7e7e7; }
.productTitle {display:block; text-align: center;	font-weight: bold; text-transform:uppercase; height:40px; }
.productTitle a:link {color:#333333; text-decoration:none;}
.productTitle a:visited {color:#333333; text-decoration:none;}
.productTitle a:hover {color:#F7B206; text-decoration:none;}
.productTitle a:focus {color:#F7B206; text-decoration:none;}
.productPrice {width:120px; }
.salePrice {text-align: center; color:#990000;font-size: 90%;}

/*--------------Item_Standard-----------*/
.ItemProduct { overflow:hidden; width:100%;}
.ItemProduct div { padding: 0;}
#imgProduct {  float:left; 	margin: 0px 20px 0px 0px;	width:45%;} /* change back to margin 50 and width 55 if img/text resversed*/
#textProduct {  overflow:hidden;  margin: 0px 0px 0px 0px;  min-height:170px; padding-left:5px;}
#mainImage {}
.ItemHeader {font-size:16px; margin: 10px 0px;}
.MediFiles {}
.ItemOption {font-size:150%; color:#F7B206;}
.variant1 {font-size:150%; color:#aeae79;} /* grey*/
.variant2 { font-size:150%; color:#aeae79;}
.price {font-size:150%; color:#aeae79;} /* yellow */
#imgProduct img {}

.ShirtBack {position:relative; left:100px; top: 0px; text-align:center; width:300px; height:390px;}
#PlayerImg {position:relative; top:200px; left:-100px; width:90px; height:90px; background-size:contain; background-repeat:no-repeat; }
#Total {position:relative; left:180px; width:120px; padding:15px; }
.TotalCostHead {font-size:18px; color:#333333; font-weight:normal; visibility:visible;}
#TotalCost {font-size:18px; color:#333333; position:relative; top:0; width:90px; font-weight:normal; visibility:visible;}

.ticketType {margin-left: 200px;}
.ticketDeliver {float:left; padding:20px; width:50%}
.ticketCollect {padding:20px;}
.seatLinked {text-align:right;margin-right:100px;}
.stadiumPlan {position:relative; border:1px solid #C9C9C9; float:left;margin-right:50px;	margin-left: 0px;	margin-bottom: 0px;	width:150px;}
.SeatId {border: 1px solid #339900;	padding:3px;}
.UnAvailId {border: 1px solid #339900;		padding:3px;}
.SAvailId {border: 1px solid #339900;		padding:3px;}
.AbsentId {	padding:3px;}

/*------------- address_list-----------*/
.addressList {text-align:center;}
/*------------- confirm order, accept order --*/
.orderRecipients {}
.orderCustomer {}
.address {text-transform:capitalize; line-height:17px; padding:5px;}
.postcode {text-transform:uppercase;}
.email {text-transform:none;}
.colHeader {font-weight:bold;}

.container {
	padding:0; background-color:#FFFFFF; position:relative; width:90%;}

h1 {font-size:28px; color:#666666;}
h2 {border-bottom: 4px double #cccccc; color: #666666; font-size: 24px; width: 275px;padding-bottom:5px;}
h3 {font-size:18px; color:#666666;}
h4 {font-size:16px; color:#666666;}
h5 {font-size:14px; color:#666666;}

#viewBasket {width:75%; min-height:200px; margin:auto;}
.loginPage {width:100%; min-height:200px;}
.basketDynamic {margin:15px; width:95%}

#headerLogo{background-color:#F7B206; padding:5px;height:100px;border-bottom:1px solid #999999;}
#headerMiniLogo{display:none;}

.featured {display:inline-block; width:100%; margin-top:25px;}

.pageBase {margin-bottom: 100px; padding: 10px 10px 10px;text-align: center;  font-size:95%; }
.pageBase ul {overflow:hidden;clear:both; margin:0px; padding:0px;}
.pageBase ul li {display:inline-block; overflow:hidden;}
.social-icons {width:15%; float:left; }
.footer-links {width:60%; float:left;}
.pay-links {float:right; width:20%}
.socialIcon {	font-size: 20px;	margin: 0 5px;}

#content {padding:3px;}
/*------------- address_list-----------*/
.addressList {text-align:center;}

/*------------- confirm order, accept order --*/
.orderRecipients {}
.orderCustomer {}
.address {text-transform:capitalize; line-height:17px; padding:5px;}
.postcode {text-transform:uppercase;}
.email {text-transform:none;}
.colHeader {font-size:13px; font-weight:bold;}

.text-on-dark-background {
    background-color: #F7B206;
    color: #666666;}


#sizeGuide {visibility: hidden;}
#sizeGuidePage td {border: 1px solid;border-collapse: collapse;padding: 5px;font-size:95%;}
#sizeGuidePage {border: 1px solid;border-collapse: collapse;padding: 5px; width:100%; font-size:95%;}
.sizeButton {background:url("/images/theclubshop_burtonalbion/icon-size.png") no-repeat ; width:48px;height:48px;float:right;position:relative; }

.collectDate { display:none; }

#blanket {background-color:#000000;opacity: 0.8;*background:none;position:absolute;z-index: 9001;top:0px;left:0px;width:100%; height:100%;}
#popUpDiv {top: 0px;position:absolute;width:75%;left:15%;height:auto;border:1px solid #009900;background-color:#FFFFFF; color:#000000;padding:15px;z-index: 9002;}
#popUpDiv a {cursor: pointer;position: fixed; right:10px ; top:10px; text-align: center;  z-index: 90; padding-top: 20px; width: 70px;}
.pop-button {font: 900 34px/1 'magictoolbox-thin'; z-index: 90; background-color: transparent; border: 1px solid rgba(180, 180, 180, 0); border-radius: 100%;
 -webkit-font-smoothing: antialiased; width: 50px; height: 50px;}
.pop-button-close {font-size: 30px;margin: 10px;}
:root:not(.mobile-magic) .pop-button {color: rgba(180, 180, 180, .75);
    -webkit-transform: scale(.85);
            transform: scale(.85);
    -webkit-transition: color .25s, border-color .25s, -webkit-transform .25s;
            transition: color .25s, border-color .25s, transform .25s;}
:root:not(.mobile-magic) .pop-button:hover {border-color: rgba(180, 180, 180, .6);
    -webkit-transform: scale(1);
            transform: scale(1);}
.pop-button.pop-button-close:before { content: "\a001"; }
    .pop-up {position:absolute; top:0; left:-500em;}
    .pop-up:target {position:static; left:0;}
    .popBox {background:#ffffff;position:absolute; left:30%; right:30%; top:20%; bottom:30%; z-index:300;border:1px solid #006400;overflow-y:scroll;
      		opacity:0;transition: opacity 0.5s ease-in-out;height:350px;    }
    :target .popBox {position:fixed; opacity:1;}
    .lightbox {display:none; text-indent:-200em; background:#000; opacity:0.8; width:100%; height:100%; position:fixed; top:0; left:0; bottom:0; right:0; z-index:200;}
    :target .lightbox {display:block;}
    .lightbox:hover {background:#000;}

	.pop-button {font: 900 34px/1 'magictoolbox-thin'; z-index: 90; background-color: transparent; border: 1px solid rgba(180, 180, 180, 0); border-radius: 100%;
			 -webkit-font-smoothing: antialiased; width: 50px; height: 50px;cursor: pointer;position: fixed; right:10px ; top:10px; text-align: center;  z-index: 90; padding-top: 20px;}
	.pop-button-close {font-size: 30px;margin: 10px; cursor: pointer;position: fixed; right:10px ; top:10px; text-align: center;  z-index: 90; padding-top: 15px; width:60px;height:60px;}
	.popScroll {position:absolute; left:3%; right:3%; overflow-y:auto; *overflow-y:scroll; padding-right:0.5em;}

select {
    width:270px;
	min-width:110px;
    border: 1px solid #999999;
    height: 37px !important;
    background: url(../arrow_down.png) no-repeat right;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
	color:#666666;
	font-size:13px;
	cursor:pointer;
	padding-right:30px;
}