/* This is the Default css required for the site */
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	background-color:#000000;
    /*scrollbar-base-color: #002D62;
    scrollbar-face-color: #002D62;
    scrollbar-track-color: #002D62;
    scrollbar-arrow-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-highlight-color: #CCCCCC;
    scrollbar-shadow-color: #CCCCCC;*/
	margin-left: 0px;
	margin-top: 15px;
	color: #000000;	
	list-style-image:url(https://www.justsport-group.com/images/sufc_direct/list1.gif);
}

.mainSite {
	border: 4px solid #999999;
}	

.mainTable {
	height: 534px;
	background-color:#000000;
	/*border-top: 1px solid #FFFFFF;*/
	text-align:left;
	text-indent:10px;
}

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

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

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

/*.bread {
	color: #FFFFFF;	
	font-size: 9px;
	padding-left: 5px;
	padding-right: 5px;
	background-color:#666666;
	border-left: 1px solid #FFFFFF;
}*/

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

.search {
	padding: 5px 10px 0px 0px;
	background-color:#666666;
}

.footer {
	color:#FFFFFF;
	font-size: 9px;
	padding:3px;}
.footer:link{color:#FFFFFF;	 text-decoration: none;}
.footer:active{color:#FFFFFF; text-decoration: none;}
.footer:visited{color:#FFFFFF; text-decoration: none;}
.footer:hover{color:#CCCCCC; 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: ##8B2942; text-decoration: none; cursor: hand;}
a:focus {color: #000000; text-decoration: none;}

a.product {color: #FFFFFF;}
a.product:link {color: #FFFFFF;text-decoration: none;}
a.product:visited {color: #FFFFFF; text-decoration: none;}
a.product:hover {color: ##8B2942; text-decoration: none; cursor: hand;}
a.product:focus {color: #FFFFFF; text-decoration: none;}

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

.texttitlebar2 {
font-size:12px; 
 }

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

.texttitlebar3 {  font-weight: bold; }
.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 {
	text-decoration: none;
}
.text1 {
	text-decoration: none;
	color: white;
}
b.text1 { font-size: 11px; font-weight: bold;}

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

b.text3 {  font-size: 13px; font-weight: bold;}

b.text4 {color: white; }

b.text5 { font-size: 11px; font-weight: bold; color: black;}

b.text6 { font-size: 12px; font-weight: bold; color: #9C9C9C;}

b.text7 {  font-size: 12px; font-weight: bold; color: white;}

b.text8 { font-size: 11px; font-weight: bold; color: white;}

b.text9 { font-size: 16px; font-weight: bold; color: #8B2942;}

b.text10 { font-size: 10px; font-weight: bold; color: white;}

b.text11 { font-size: 11px; font-weight: bold; color: #8B2942;}

b.text12 { font-size: 14px; font-weight: bold; color: white;}

b.text13 { font-size: 14px; font-weight: bold; color: #8B2942;}

b.text_h1 { font-size: 14px; font-weight: bold; color: #9C9C9C;}

b.text_h2 {  font-size: 14px; font-weight: bold; color: white;}

b.text_s { font-size: 9px; font-weight: bold; color: white;}

b.text_red { font-size: 9px; font-weight: bold; color: #DC241F;}

b.text_was { font-size: 11px; font-weight: bold; color: #DC241F;}

.text7 {  font-size: 12px; font-weight: bold; color: white;}

.text8 { font-size: 11px; font-weight: bold; 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:#CC0000;}

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: 10px;  width: auto; 
	border-top-color:#000000;
   	border-left-color:#000000;
   	border-right-color:#9C9C9C;
   	border-bottom-color:#9C9C9C; 
	border-width:1px;
}
.boxwidth { width: 150px;} /* This allows you to set the width of select boxes */
.tabl1 {border-left: 1px solid #002D62; height:100px;} /* This is the surround to the login  */

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

input.sbtn{
        
		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:#CCCCCC;
		cursor: hand;
}

input.btn{
        
		background-color:#000000;
        color:#FFFFFF;
		font-variant:small-caps;
		font-size:11px;
		cursor: hand;
}

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

input.btnm{
		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:#CCCCCC;
	cursor: hand;
}

input.btnl{
		background-color:#000000;
        color:#FFFFFF;
		font-variant:small-caps;
		font-size:11px;
        width:180px;
        height:24px;
}

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

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


/* This section is the Default css requirement for Ticketing pages */

.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
{

background-color: #F3F3F3; 
padding-left: 3px;}

.rowB
{

background-color: #FFFFFF;
padding-left: 3px;}

.rowA a, .rowB a  {
	
	
	text-decoration: none;
	font-size:11px;
}

.rowA a:hover, .rowB a:hover  {
	
	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 {
	color:#002D62;
	width:400px;
	height:1px;}
	
/* Clients specific css should go below here...*/

.TopHead {
	background-color: #000000;
	margin-right: 0px;
	padding: 5px;
}
.TopMenu {
	background-color: #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
	font-size:12px;
}
.TopMenuLink :link { text-decoration: none;}
.TopMenuLink :visited {color:#000000; text-decoration: none;}
.TopMenuLink :hover {color: #000000; text-decoration: none; cursor: hand;}
.TopMenuLink :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; cursor: hand;}
.DirMenu :focus {color: #FFFFFF; font-size: 13px; text-decoration: underline;}

.BaseMenu {
	background-color: #000000;
	color:#FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	font-size:12px;
}
.BaseMenuLink :link {	background-color: #000000;
color: #FFFFFF; text-decoration: none;}
.BaseMenuLink :visited {color:#FFFFFF; text-decoration: none;}
.BaseMenuLink :hover {color: #8B2942; text-decoration: none; cursor: hand;}
.BaseMenuLink :focus {color: #FFFFFF; text-decoration: none;}

.RightMenu {
	background-color: #CCCCCC;
	font-size: 12px;}
.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;}

.SearchModule {
	padding-left: 3px;}

.location{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#ffffff;
	height:24px;
	background-color:#000000;
	/*border-left: 1px solid #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 #FFFFFF;*/
	color:#FFFFFF;
	/*padding-left: 5px;
	margin-left: 3px;
	margin-right:3px;*/
}
.LeftMenuItem {
	color:#FFFFFF;
	font-variant:small-caps;
	/*padding-left: 10px;*/
}
.LeftMenuItem:link {	font-weight:bold;	color: #FFFFFF;text-decoration: none;}
.LeftMenuItem:visited {	font-weight:bold;	color: #FFFFFF;text-decoration: none;}
.LeftMenuItem:hover {	font-weight:bold;	color: #8B2942;text-decoration: none; cursor: hand;}
.LeftMenuItem:focus { font-weight:bold;	color: #FFFFFF; text-decoration: none;}
.subLeftnav {
	color:#FFFFFF;
	font-variant:small-caps;
	padding-left: 10px;
	background-color:#000000;
	/*background-color:#002D62;*/
}
.subLeftnav :link {	color: #FFFFFF;text-decoration: none;}
.subLeftnav :visited {	color: #FFFFFF;text-decoration: none;}
.subLeftnav :hover {	color: #8B2942;text-decoration: none; cursor: hand;}
.subLeftnav :focus { 	color: #FFFFFF; text-decoration: none;}

.basket {
	color:#FFFFFF;
	font-size:12px;
	background-color:#000000;
}
.basket :link {	color: #FFFFFF;text-decoration: none;}
.basket :visited {	color: #FFFFFF;text-decoration: none;}
.basket :hover {	color: #8B2942;text-decoration: none; cursor: hand;}
.basket :focus { 	color: #FFFFFF; text-decoration: none;}

.basket_s {
	color:#FFFFFF;
	font-size:11px;
	background-color:#000000;
}
.basket_s :link {	color: #FFFFFF;text-decoration: none;}
.basket_s :visited {	color: #FFFFFF;text-decoration: none;}
.basket_s :hover {	color: #8B2942;text-decoration: none; cursor: hand;}
.basket_s :focus { 	color: #FFFFFF; text-decoration: none;}

.product {
	color: #FFFFFF;
}
.product:link {color: #FFFFFF;text-decoration: none;}
.product:visited {color: #FFFFFF; text-decoration: none;}
.product:hover {color: #8B2942; text-decoration: none; cursor: hand;}
.product:focus {color: #FFFFFF; text-decoration: none;}

.account {
	color:#FFFFFF;
	font-size:13px;
	background-color:#000000;
}
.account :link {	color: #FFFFFF;text-decoration: none;}
.account :visited {	color: #FFFFFF;text-decoration: none;}
.account :hover {	color: #8B2942;text-decoration: none; cursor: hand;}
.account :focus { 	color: #FFFFFF; text-decoration: none;}

.goldlink {
	color:#D5CA8F;
	font-size:12px;
	background-color:#000000;
}
.goldlink :link {	color: #D5CA8F; text-decoration: none;}
.goldlink :visited {	color: #D5CA8F; text-decoration: none;}
.goldlink :hover {	color: #FFFFFF;text-decoration: none; cursor: hand;}
.goldlink :focus { 	color: #D5CA8F; text-decoration: none;}

/*.ProductCell {
	background-image:url(https://www.justsport-group.com/images/sufc_clubshop/box2.gif);
	background-repeat:no-repeat;
	width: 180px;
	height:225px;
}

.dept_header {
	border-left: 1px solid #FFFFFF;}*/

.ProductCell {
	background-image:url(https://www.justsport-shop.com/images/sufc_direct/box2.gif);
	background-repeat:no-repeat;
	width: 180px;
	height:225px;
	color: #FFFFFF;
}

.TotalOrder {
	border: 1px solid #000000;}
.TotalCell {
	border-bottom: 1px dotted #000000; }
.FaqList {
		line-height: 25px;
}
#menlinks {
	color:#002D62;}
.ShirtBack {
	position:absolute;
	top:640px;
	left:840px;
	height:150px;
	width:150px;
	text-align:center;
	background-image:url(https://www.justsport-group.com/images/sufc_clubshop/shirt_back.gif);
	background-repeat:no-repeat;
	background-position:top;
}
.ShirtBackName {
	position:relative;
	top:36px;
	text-align:center;
	text-transform:uppercase;
	font-size: 14px;
	color:#FFFFFF;
}
.ShirtBackNo {
	position:relative;
	top:32px;
	text-align:center;
	font-size:24px;
	font-weight:bolder;
	color:#FFFFFF;
}	

.normal {display: none}