/* 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_nufc/white-arrow.gif);

}
.MainPage {
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;}

#variant_size {
	font-weight:bold;
	color:#000000;
	font-size:12px;
}

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

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

.breadcrumb {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;	
	font-size: 10px;
	background-color:#CCCCCC;
	padding-left: 5px;
	text-transform:uppercase;
}

.breadcrumb:link {font-family: Arial, Helvetica, Verdana, sans-serif;	text-transform:uppercase; font-size: 10px; color: #000000; text-decoration: none; }
.breadcrumb:active {font-family: Arial, Helvetica, Verdana, sans-serif;	 text-transform:uppercase; font-size: 10px; color: #000000; text-decoration: none; }
.breadcrumb:visited {font-family: Arial, Helvetica, Verdana, sans-serif; text-transform:uppercase; font-size: 10px; color: #000000; text-decoration: none; }
.breadcrumb:hover {font-family: Arial, Helvetica, Verdana, sans-serif; text-transform:uppercase; font-size: 10px; color: #FFFFFF; text-decoration: none; cursor: pointer;}


a {color: #000000;}
a:link {color: #000000;text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}
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;
padding-left:5px;
}

.texttitlebar2 {
font-family: Arial, Helvetica, Verdana, sans-serif; 
font-size:12px; 
color: #000000; }

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

.texttitlebar3 {font-family: Arial, Helvetica, Verdana, sans-serif; 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: pointer; text-decoration: underline;}

.text {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
b.text {color: #000000;font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold;}

.text1 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
b.text1 {color: #000000;font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: bold;}

b.text2 {color: #000000; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold;}

b.text3 {color: #000000; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold;}

b.text4 {color: white; font-size:12px;}

.termsheader {font-size:12px; font-weight:bold;}

/*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-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: 400; color:#000000; 
	width: auto;
	border: 1px solid #00b9ff;
}
.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:#00b9ff;
   	border-bottom-color:#00b9ff; 
	border-width:1px;
	padding-left: 2px;
	font-size:10px;
}

input.sbtn{
        font-family: Arial, Helvetica, Verdana, sans-serif;
		background-color:#00b9ff;
        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:#00b9ff;
        color:#000000;
		cursor: pointer;
}

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

input.btnhov{
	background-color:#00b9ff;
    color:#000000;
	cursor: pointer;
}

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

input.btnmhov{
	background-color:#00b9ff;
    color:#000000;
	cursor: pointer;
}

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

}

input.btnlhov{
	background-color:#00b9ff;
    color:#000000;
	cursor: pointer;
}

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


/* This section is the Default css requirement for Ticketing pages */
.mainTable {
	height: 450px;
	background-color:#FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #000000;
	text-align:left;
}

.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: pointer;
}

.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:#999999; background-color:#999999;
	width: 75%;}
	
/* Clients specific css should go below here...*/

.TopHead {
	background-color: #00b9ff;
	margin-right: 0px;
}
.TopMenu {
	background-color: #000000;
	border-bottom: 1px solid #FFFFFF;
	color:#FFFFFF;
	font-size:10px;
	border-top: 1px solid #FFFFFF;
	font-weight:bold;
}
.TopMenuLink :link {color: #FFFFFF; font-weight:bold; text-decoration: none;}
.TopMenuLink :visited {color:#FFFFFF; font-weight:bold; text-decoration: none;}
.TopMenuLink :hover {color: #FFFFFF; font-weight:bold; text-decoration: none;}
.TopMenuLink :focus {color: #FFFFFF; font-weight:bold; 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;}

.cLeftnav {color:#FFFFFF;
	background-image:url(https://www.medocmall.co.uk/images/theclubshop_nufc/Blue_Button.gif);
	background-repeat: no-repeat;
	font-size:12px;
	background-color: #00b9ff;
	width: 139px;
	height: 20px;
}

.cLeftnav :link {color: #FFFFFF; height:20px;  font-size: 12px; text-decoration: none; 	background-image:url(https://www.medocmall.co.uk/images/theclubshop_nufc/Blue_Button.gif); width:139px;}
.cLeftnav :active {color: #FFFFFF; height:20px; font-size: 12px; text-decoration: none; background-image:url(https://www.medocmall.co.uk/images/theclubshop_nufc/Blue_Button.gif); width:139px;}
.cLeftnav :visited {color:#FFFFFF; height:20px; font-size: 12px; text-decoration: none; background-image:url(https://www.medocmall.co.uk/images/theclubshop_nufc/Blue_Button.gif); width:139px;}
.cLeftnav :hover {color: #FFFFFF; height:20px; font-size: 12px; text-decoration: none; background-image:url(https://www.medocmall.co.uk/images/theclubshop_nufc/Black_Button.gif); width:139px;}

.cLeftXmas {color:#000000;
	background-image:url(https://www.medocmall.co.uk/images/theclubshop_nufc/White_Button.gif);
	background-repeat: no-repeat;
	font-size:12px;
	background-color: #00b9ff;
	width: 139px;
	height: 20px;
}

.cLeftXmas :link {color: #000000; height:20px;  font-size: 12px; text-decoration: none; 	background-image:url(https://www.medocmall.co.uk/images/theclubshop_nufc/White_Button.gif); width:139px;}
.cLeftXmas :active {color: #000000; height:20px; font-size: 12px; text-decoration: none; background-image:url(https://www.medocmall.co.uk/images/theclubshop_nufc/White_Button.gif); width:139px;}
.cLeftXmas :visited {color:#000000; height:20px; font-size: 12px; text-decoration: none; background-image:url(https://www.medocmall.co.uk/images/theclubshop_nufc/White_Button.gif); width:139px;}
.cLeftXmas :hover {color: #FFFFFF; height:20px; font-size: 12px; text-decoration: none; background-image:url(https://www.medocmall.co.uk/images/theclubshop_nufc/Black_Button.gif); width:139px;}


.BaseMenu {
	background-color: #000000;
	color:#FFFFFF;
	border-top: 1px solid #FFFFFF;
	font-size:10px;
}
.BaseMenuLink :link {	background-color: #000000;
color: #FFFFFF; text-decoration: none;}
.BaseMenuLink :visited {color:#FFFFFF; text-decoration: none;}
.BaseMenuLink :hover {color: #FFFFFF; text-decoration: none;}
.BaseMenuLink :focus {color: #FFFFFF; text-decoration: none;}

.RightMenu {
	background-color: #CCCCCC;
	font-size: 12px;
	color:#000000;}
.RightMenuTop {
 	border-top: 2px solid #000000;
	font-size: 12px;}
.RightMenuBasket {
	background-color:#CCCCCC;
	color:#000000;
	border-right: 10px solid #CCCCCC;
	border-left: 10px solid #CCCCCC;
	padding-left: 3px;}
.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;}

.ProductCell {
	width: 95px;
	margin: 3px;
	padding: 3px;
	height: 160px;
	background-image:url(https://www.medocmall.co.uk/images/theclubshop_nufc/productback.gif);
	background-repeat:no-repeat;
}

.TotalOrder {
	border: 1px solid #000000;}
.TotalCell {
	border-bottom: 1px dotted #000000; }
	
.FaqList {
		list-style-image:url(https://www.medocmall.co.uk/images/theclubshop_nufc/white-arrow.gif);
		line-height: 25px;
}
#menlinks {
	color:#FF0000;}

.border {border: 1px solid #000000;}

.pageLayout {padding-left: 20px; padding-right: 20px;}