/* This is the Default css required for the site */
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	background-color:#000000;
	margin-left: 0px;
	margin-top: 15px;
	color: #000000;	
	list-style-image:url(https://www.medocmall.co.uk/images/theclubshop_wolves/list.gif);
}
.mainSite{
	border: 4px solid #999999;
}

.pageLayout {
	padding-left:5px;
	padding-right:10px;}

td, th, p {font-size:11px;}
	
.error {
	color:#FF0000;
	font-weight:bold;
}

.headertitlebar {
	font-size:11px;
	font-weight:bold;
}

.breadcrumb {
	color: #FFFFFF;	
	font-size: 12px;
	background-color:#000000;
	padding-left: 5px;
}

.breadcrumb:link {font-size: 12px; color: #FFA01B; text-decoration: none; }
.breadcrumb:active {font-size: 12px; color: #FFA01B; text-decoration: none; }
.breadcrumb:visited {font-size: 12px; color: #FFA01B; text-decoration: none; }
.breadcrumb:hover {font-size: 12px; color: #FFFFFF; text-decoration: none; cursor: hand;}


a {color: #000000;}
a:link {color: #000000;text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:hover {color: #FFA01B; text-decoration: none;}
a:focus {color: #000000; text-decoration: none;}

.footer {color: #000000; padding-right:100px;}
.footer a:link {color: #000000;text-decoration: none;}
.footer a:visited {color: #000000; text-decoration: none;}
.footer a:hover {color: #FFFFFF; text-decoration: none;}
.footer a:focus {color: #000000; text-decoration: none;}

/*Text and background as used by Back Office settings */
b.texttitlebar {color: #000000; font-size:12px; text-align:left;}

.texttitlebar2 {font-size:12px; color: #000000; }
b.texttitlebar2 {font-size:12px; font-weight: bold; color: #000000 ;}

.texttitlebar3 { font-size: 11px; font-weight: bold; color:#000000;}
.texttitlebar3:link {color:#000000; text-decoration: none;}
.texttitlebar3:active {color:#000000; text-decoration: none;}
.texttitlebar3:visited {color:#000000; text-decoration: none;}
.texttitlebar3:hover {color:#666666; cursor: hand; text-decoration: underline;}

.text {font-size: 11px; color: #000000; text-decoration: none; }
.text1 {font-size: 11px; color: #000000; text-decoration: none;}
b.text1 {color: #000000; font-size: 11px; font-weight: bold;}

.text2 {color: #000000;  font-size: 11px;}
b.text2 {color: #000000;  font-size: 11px; font-weight: bold;}

b.text3 {color: #000000;  font-size: 11px; font-weight: bold;}
b.text4 {color: white; }

/*Font colours/styles as used by Back Office settings */
h1 { color: #CCCCCC; font-size:16px;}
h2 { color: #000000} 
h2.blue { color: #8ea2ec} /*light blue*/
h3.blue { color: #2b72ff } /*mid blue*/
h3.yellow { color: yellow }

b.black { color: black}
b.dblue { color: #0000ff}
b.pink {color:#990066}
b.yellow { color: yellow }
b.blue {color:#2b72ff}
b.white {color:#f7f7f7}
b.green {color:#52b738}
b.gray {color:#999999}
red {color:#FF0000;}

p.gray {color:#aaaaaa}
p.black {color:#000000}
p.pink {color:#990066}

blockquote { color: black; font-style:italic; font-family: "Comic Sans MS", sans-serif;}
pre { font-family: monospace }
div.color {background: #FFCCFF; padding: 0.5em; border: none}
caption { text-decoration: underline; margin-top: 1em }

select{ font-size: 11px; font-weight: 400; color:#000000; width: auto;	border-top-color:#000000;
   	border-left-color:#000000;
   	border-right-color:#FFA01B;
   	border-bottom-color:#FFA01B; 
	border-width:1px;
}
.boxwidth { width: 150px;} /* This allows you to set the width of select boxes */
.tabl1 {border: 1px solid #000000; padding-top:15px;} /* This is the surround to the login  */

input {
	color: #000000;
	border-top-color:#000000;
   	border-left-color:#000000;
   	border-right-color:#FFA01B;
   	border-bottom-color:#FFA01B; 
	border-width:1px;
	padding-left: 2px;
	font-size:10px;
}

input.sbtn{
        font-family: Arial, Helvetica, Verdana, sans-serif;
		background-color:#000000;
        color:#FFFFFF;
		font-variant:small-caps;
        border: 1px solid;
   		border-top-color:#666666;
   		border-left-color:#666666;
   		border-right-color:#666666;
   		border-bottom-color:#666666; 
		font-size:11px;
} 

input.sbtnhov{
		background-color:#000000;
        color:#FFA01B;
		cursor: hand;
}

input.btn{
        font-family: Arial, Helvetica, Verdana, sans-serif;
		background-color:#000000;
        color:#FFFFFF;
		font-variant:small-caps;
		font-size:11px;
		cursor: hand;
}

input.btnhov{
	background-color:#000000;
    color:#FFA01B;
	cursor: hand;
}

input.btnm{
        font-family: Arial, Helvetica, Verdana, sans-serif;
		background-color:#000000;
        color:#FFFFFF;
		font-variant:small-caps;
		font-size:11px;
        width:150px;
        height:24px;
        border: 1px solid;
}

input.btnmhov{
	background-color:#000000;
    color:#FFA01B;
	cursor: hand;
}

input.btnl{
        font-family: Arial, Helvetica, Verdana, sans-serif;
		background-color:#000000;
        color:#FFFFFF;
		font-variant:small-caps;
		font-size:11px;
        width:180px;
        height:24px;
}

input.btnlhov{
	background-color:#000000;
    color:#FFA01B;
	cursor: hand;
}

/* these are for the standard products */
.variant1 {background-color:#CCCCCC} /* grey*/
.variant2 {background-color:#CCCCCC}
.price {background-color: #a5936c} /* yellow */


/* This section is the Default css requirement for Ticketing pages */
.mainTable {
	height: 535px;
	background-color:#CDC2B0;
	border-top: 1px solid #FFFFFF;
	text-align:left;
	background-image:url(https://www.medocmall.co.uk/images/theclubshop_wolves/subhead-background.jpg);
}

.tbl2 {
	margin-left: 95px;
}

.stadiumPlan {
	position:absolute;
	top: 148px;
	border:1px solid #C9C9C9;
	width: 30px;
	margin-left: 0px;
	margin-bottom: 0px;
	left: 782px;
}
.SeatId {
	border-width: 1px;
	border-style:solid;
   	border-top-color:#339900;
   	border-left-color:#339900;
   	border-right-color:#339900;
   	border-bottom-color:#339900; 
	width: 18px;
	height: 18px;
}

.UnAvailId {
	border-width: 1px;
	border-style:solid;
   	border-top-color:#339900;
   	border-left-color:#339900;
   	border-right-color:#339900;
   	border-bottom-color:#339900; 
	width: 18px;
	height: 18px;
}

.SAvailId {
	border-width: 1px;
	border-style:solid;
   	border-top-color:#339900;
   	border-left-color:#339900;
   	border-right-color:#339900;
   	border-bottom-color:#339900; 
	width: 18px;
	height: 18px;
}

.AbsentId {
	width: 18px;
	height: 18px;
}

/* these rows are for the Currency exchange rates column lists 
- the number of rows 'A-Z' are set in the Back Office */

.rowA
{
font-family: Arial, Helvetica, Verdana, sans-serif;
background-color: #F3F3F3; 
padding-left: 3px;}

.rowB
{
font-family: Arial, Helvetica, Verdana, sans-serif;
background-color: #FFFFFF;
padding-left: 3px;}

.rowA a, .rowB a  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size:11px;
}

.rowA a:hover, .rowB a:hover  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#666666; 
	text-decoration: none;	
	font-size:11px;
	cursor: hand;
}

.StyleRate{text-align:right;
	border-right-color:#FFFFFF;
	border-right-style:solid;
	border-right-width:15px;
}
.StyleCurrency{	text-align:left;}
.StyleForeignAmount{text-align:center;}
.StyleSterlingAmount{text-align:right;}

.StyleRate1 {text-align:center;
	border-right-color:#666666;
	border-right-style:solid;
	border-right-width:15px;
}
.StyleName {font-style:inherit;}
.StyleDescription {font-style:italic;}
.StylePrice {text-align:right;}
.StyleUnitPrice {font-style:inherit;}
.StyleQuantity {font-style:inherit;}
.StyleCost {font-style:inherit;}

.linerule {height:1px;border-width:0;color:#FFA01B; background-color:#FFA01B;
	width: 75%;}
	
/* Clients specific css should go below here...*/

.TopHead {
	background-color: #000000;
	margin-right: 0px;
	border-bottom: 4px solid #999999;
}
.TopMenu {
	background-color: #FFA01B;
	border-bottom: 1px solid #FFFFFF;
	font-size:12px;
}
.TopMenu :link {color: #000000; text-decoration: none;}
.TopMenu :visited {color:#000000; text-decoration: none;}
.TopMenu :hover {color: #FFFFFF; text-decoration: none;}
.TopMenu :focus {color: #000000; text-decoration: none;}

	
.BlackWhite {
	background-color:#000000;
	color:#FFFFFF;
	font-size:12px;
	border-bottom: 1px solid #FFFFFF;
}
.CenterArea {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
.DirTable {
	background-color: #333333;

}
.DirArea {
	background-color: #CCCCCC;
	font-size: 12px;
}	
.DirMenu {
	color: #ffffff;
	font-size: 13px;
}
.DirMenu :link {color: #FFFFFF; font-size: 13px; text-decoration: underline;}
.DirMenu :visited {color:#FFFFFF; font-size: 13px; text-decoration: underline;}
.DirMenu :hover {color: #FFFFFF; font-size: 13px; text-decoration: underline;}
.DirMenu :focus {color: #FFFFFF; font-size: 13px; text-decoration: underline;}

.BaseMenu {
	background-color: #000000;
	color:#FFA01B;
	font-size:12px;
}
.BaseMenuLink :link {	background-color: #000000;color: #FFA01B; text-decoration: none;}
.BaseMenuLink :visited {color:#FFA01B; text-decoration: none;}
.BaseMenuLink :hover {color: #FFFFFF; text-decoration: none;}
.BaseMenuLink :focus {color: #FFA01B; text-decoration: none;}

.RightMenu {background-color: #CCCCCC; color:#000000; font-size: 12px;}
.RightMenu :link {color: #000000; text-decoration: none;}
.RightMenu :visited {color:#000000; text-decoration: none;}
.RightMenu :hover {color: #FFFFFF; text-decoration: none;}
.RightMenu :focus {color: #000000; text-decoration: none;}
	
.RightMenuTop {
 	border-top: 2px solid #000000;
	font-size: 12px;}
.RightMenuBasket {
	background-color:#FFFFFF;
	border-right: 10px solid #CCCCCC;
	border-left: 10px solid #CCCCCC;
	padding-left: 3px;
	color:#000000;}
.RightMenuView {
	border-left: 10px solid #FFFFFF;}
.RightMenuCheck {
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;}

.SearchModule {
	padding-right: 5px;}

.location{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#ffffff;
}
.categorylist {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
}
td.percent{
	padding-top:0px;
}
.LeftMenu {
	background-color:#000000;
	color:#FFFFFF;}
.LeftMenuHead {
	border-bottom: 1px solid #999999;
	color:#FFFFFF;
	padding-left: 5px;
	margin-left: 3px;
	margin-right:3px;
}
.LeftMenuItem {color:#FFFFFF; font-variant:small-caps; padding-left: 10px;}
.LeftMenuItem:link {font-size: 11px;	font-weight:bold;	color: #FFFFFF;text-decoration: none;}
.LeftMenuItem:visited {font-size: 11px;	font-weight:bold;	color: #FFFFFF;text-decoration: none;}
.LeftMenuItem:hover {font-size: 11px;	font-weight:bold;	color: #FFA01B;text-decoration: none;}
.LeftMenuItem:focus {font-size: 11px; font-weight:bold;	color: #FFFFFF; text-decoration: none;}

.subLeftnav {color:#FFFFFF;	font-variant:small-caps; padding-left: 10px; background-color:#FFA01B;}
.subLeftnav :link {font-size: 11px;	color: #000000;text-decoration: none;}
.subLeftnav :visited {font-size: 11px;	color: #000000;text-decoration: none;}
.subLeftnav :hover {font-size: 11px;	color: #FFFFFF;text-decoration: none;}
.subLeftnav :focus {font-size: 11px; 	color: #000000; text-decoration: none;}

.ProductCell {
	background-image:url(https://www.medocmall.co.uk/images/theclubshop_wolves/box2.gif);
	background-repeat:no-repeat;
	width: 202px;
	height:217px;
	margin: 3px;
	padding: 3px;
}
.TotalOrder {
	border: 1px solid #000000;}
.TotalCell {
	border-bottom: 1px dotted #000000; }
	
.FaqList {
		list-style-image:url(https://www.medocmall.co.uk/images/theclubshop_wolves/white-arrow.gif);
		line-height: 25px;
}
#menlinks {
	color:#FF0000;}
	
.text-on-dark-background {
	background-color:#000000;
	color: #FFA01B;
}
.basic_list {
	list-style-image:url(https://www.medocmall.co.uk/images/theclubshop_wolves/white_arrow.gif);