/*CMS SHOP*/
/*ticketing/buying */
#buyForm{
border: 1px solid #ccc;
border-radius: 4px;
padding: 16px 20px; 
}
#buyForm p{ height: 24px; margin: 0 0 8px 0;  width: 100%; font-size: 0.95em}

#buyForm .checkboxRadioList, #buyForm .checkboxRadioList ,.content-details #content #buyForm .checkboxRadioList li { list-style: none;}




#buyForm div{ height: 44px; margin: 0 0 5px 0 ; width: 100%; font-size: 0.9em}

span.ticketType{ width: 120px; display: inline-block}

.content-details #textWrap .buyButton,  .buyButton, input[type="submit"].buyButton{
font-size: 12px;
font-weight: bold;
margin: 6px auto 0 auto;
border: none;
width: 100%;
height: 44px;
line-height: 44px;
text-align: center;
background-color: #BC9335;
color: #fff;
}
.buyButton:hover, input[type="submit"].buyButton:hover{ background: #000;}

#buyForm select{ width:  80px; margin-right: 10px; text-indent: 6px; padding: 0;  font-weight: bold}
#buyForm select:disabled{ opacity: 0.5} 
.buyButton:disabled, input[type="submit"]#buyEvent:disabled{ opacity: 0.25}



#basketContents .orderLine{ width: 100%;  margin: 0;padding: 0; font-size: 0.8em;border: 0px solid #e1e1e1;   }
#basketContents   a, #basketContents   span, #basketContents  form { display: block;float: left;border: 0px solid #e1e1e1; font-weight: normal; height: 24px; line-height: 24px; } 
#basketContents   a {width: 650px; display: block; float: left; color: #006699;text-align:left}
#basketContents  span.discount{width: 500px; display: block; float: left; color: #333;text-align:left}
#basketContents   span.price{ width: 75px;}
#basketContents   span.qty{width: 75px; font-weight: 500; color: #7CA600; }
#basketContents   select{ width:75px;height: 34px; margin: 0 auto;text-align: center}
#basketContents   .deleteForm{ width:80px; display: block;float: left;text-align: center}
#basketContents strong.catName{ clear: both; display: block; width: 100%; padding-top: 5px;border: 0px solid #e1e1e1; }
.deleteFromBasket, input[type="submit"].deleteFromBasket{
font-size: 1px;	color: #fff;	font-weight: 600;
border: none;
height: 34px;
line-height: 34px;
width: 30px;background:none;
background-image: url("../images/trash.png");
text-indent: -20000px;
background-repeat: no-repeat;
background-size: 12.5px auto;
background-position: 50% 42%;
opacity: 0.75
}
.deleteFromBasket:hover, input[type="submit"].deleteFromBasket:hover{ opacity: 1}
#basketContents   span.subtotal{width:100px; text-align: right;float: right;}

@media only screen and ( max-width:1121px ){
#basketContents  { width: 100%; float: left; margin: 0;padding: 0; height:   }
#basketContents   a { width: 100%;border: 0px solid #e1e1e1; height: auto; line-height: normal}
#basketContents   span.price,  #basketContents   span.qty,  #basketContents   span.subtotal, #basketContents .deleteForm  {  font-size: 16px;width: 33%; text-align: left;  margin: 0 ; padding: 0; height: 34px; line-height: 34px; overflow: hidden}
.deleteFromBasket, input[type="submit"].deleteFromBasket{	background-position: 50% 15%;}
#basketContents   span.subtotal{text-align: right;float: none;}
#basketContents hr{ margin: 5px auto; clear: both; height:  5px;border-bottom: 1px solid #e4e4e4; }

}   /* mb   */

@media only screen and ( min-width:1121px ){ 
#basketContents hr{  display: none}
#basketContents   a, #basketContents   span, #basketContents  form { display: block;float: left;border: 0px solid #e1e1e1; font-weight: normal;/* height: 34px; line-height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 6px;*/} 
.deleteFromBasket, input[type="submit"].deleteFromBasket{ float: left; }
}/* scr  */



#basketContents hr:last-child{ border: none}



#amountToPay{ clear: both; text-align: right;border-top:3px solid #e4e4e4;}
#amountToPay p{ text-align: right; font-weight: bold; font-size: 15px; padding: 0 2px 0 0;}


#checkoutForm {
margin: 20px  0;
padding: 10px  28px 20px 30px;
border: 1px solid #e3e3e3;
border-radius: 3px;
background-color: #f3f3f3;
	background-image: url( "../images/stripeLogo.png");
	background-position: 98%  11px;
	background-size: auto 30px;
	background-repeat: no-repeat;
}/*match shipping*/


#checkoutForm  h1{
height: 40px;
line-height: 40px;
width: 100%;
padding-right: 10px;
font-weight: bold; text-align: right;
font-size: 0.1px;
color: #fff;
}

#checkoutForm  h1.paypal{
background-image: url( "../images/paypalLogo.png");
background-position: 0.2% 50%;
background-size:100px auto;
}

#checkoutForm #notShownAddressFields {
display: none;
}

#attendees{ height: 150px;}

#paypalBtn{
color: #FFD140;
font-size: 1px;
text-indent: -200000px;
margin: 20px auto; 
padding: 0 30px; 	border: 0px solid #e1e1e1;
width:100%;  	background-color: #FFCC2E;
transition: all 0.3s;
text-transform: uppercase;
background-image: url( "../images/paypalLogo.png");
background-position: 50% 50%;
background-size: auto 28px;
background-repeat: no-repeat;	height: 44px;
}
#paypalBtn:hover{ 	  
background-color: #FDC000;
background-size: auto 30px;
}

#stripeBtn{
	color: #fff;
	font-size: 13.2px;
font-weight: 700;
	margin: 20px auto;
	padding: 0 30px;
	border: 0px solid #e1e1e1;	border-radius: 94px;;
	width: 100%;
	background-color: #ec0083;
	transition: all 0.3s;
	text-transform: uppercase; 
	height: 44px; 
}
#stripeBtn:hover{ background-color: #000; }

#noPayButton{ 
font-size: 14px;
margin: 20px auto;
color: #fff;
padding: 0 30px;
border: 0px solid #e1e1e1;
width: 100%;
background-color: #333;
transition: all 0.3s;
text-transform: uppercase;
background-repeat: no-repeat;
height: 44px;
font-weight: bold;
}
#noPayButton:hover{ background-color: #000; }

#basketDisclaimer, #content p#basketDisclaimer  #content p#basketDisclaimer a { font-size:0.85em;}
#content p#basketDisclaimer a{text-decoration: underline}


#voucherForm{ height: 50px; margin: 20px 0 0 0 }
#voucherCode{
border: 3px solid #e1e1e1;
/*	float: right;*/
width: 200px;
text-indent: 0;
padding: 0 10px   ;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
#voucherErr{ font-size:14px;/* text-align: right; */color: #ff0000; font-weight: bold;}
#voucherMsg{  font-size: 15px; padding-left: 10px; display: inline-block; }
#voucherMsg .discountOK{ 	color: #FF6600;font-weight: bold;font-style: normal}  
#voucherMsg .discountLOW{ color: #656565;}  

@media only screen and (max-width:1120px){/*mb*/
#voucherMsg{ display: block; clear: both; padding: 0;/*text-align: right*/}
}

#voucherMsg .voucherErr{ color: red;}