/* This is the Default css required for the site */
body {
	font-family:  Helvetica, Arial, Verdana, sans serif;
	font-size: 11px;
	background-color: #003399;
    scrollbar-base-color: #FFFFFF;
    scrollbar-face-color: #003399;
    scrollbar-track-color: #003399;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #003399;
    scrollbar-highlight-color: #003399;
    scrollbar-shadow-color: #FFFFFF;
	margin-left: 0px;
	margin-top:15px;
	color: #666666;	
	list-style-image:url(https://www.medocmall.co.uk/images/theclubshop_reading/white-arrow.gif);

}


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

.headertitlebar {
	color:#FFFFFF;
	font-size: 11px;
	padding-left: 5px;
}

.titlebar {
	color:#FFFFFF;
	font-size: 11px;
	padding-left: 5px;
}
.titlebar:link {font-family: Helvetica, Arial, Verdana, sans serif;	font-size: 11px; color: #FFFFFF; text-decoration: none; }
.titlebar:active {font-family: Helvetica, Arial, Verdana, sans serif;	font-size: 11px; color: #FFFFFF; text-decoration: none; }
.titlebar:visited {font-family: Helvetica, Arial, Verdana, sans serif; font-size: 11px; color: #FFFFFF; text-decoration: none; }
.titlebar:hover {font-family: Helvetica, Arial, Verdana, sans serif;  font-size: 11px; color: #FFFFFF; text-decoration: none; cursor: pointer;}

.headertitlebar2 {
	color:#FFFFFF;
	font-size: 11px;
	line-height: 20px;
}

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

.headertitlebar {
	color:#FFFFFF;
	font-size: 11px;
}

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

.breadcrumb{
	background-color:#FFFFFF;
	font-family: Helvetica, Arial, Verdana, sans serif;
	color: #666666;	
	font-size: 11px;
	padding-left: 5px;
}

.breadcrumb:link {font-family: Helvetica, Arial, Verdana, sans serif;	font-size: 11px; color: #666666; text-decoration: none; }
.breadcrumb:active {font-family: Helvetica, Arial, Verdana, sans serif;	font-size: 11px; color: #666666; text-decoration: none;}
.breadcrumb:visited {font-family: Helvetica, Arial, Verdana, sans serif; font-size: 11px; color: #666666; text-decoration: none; }
.breadcrumb:hover {font-family: Helvetica, Arial, Verdana, sans serif;  font-size: 11px; color: #333333; text-decoration: none;  cursor: pointer;}

.footer {
	background-color:#003399;
	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:#333333; text-decoration: none;}
.footerCell {
	background-color:#003399;
	color:#FFFFFF;
	font-size: 9px;
	padding:3px;
}


a {color: #666666;
	font-weight:bold;}
a:link {color: #666666;text-decoration: none;	font-weight:bold;}
a:visited {color: #666666; text-decoration: none;	font-weight:bold;}
a:hover {color: #333333; text-decoration: none;	font-weight:bold;}
a:focus {color: #333333; text-decoration: none;	font-weight:bold;}


/*Text and background as used by Back Office settings */
b.texttitlebar { color: #666666; }
.texttitlebar2 {font-family: Helvetica, Arial, Verdana, sans serif; font-size: 11px; font-weight:bold; color: #666666 }
b.texttitlebar2 {font-size: 11px; font-weight: bold; color: #666666 }

.texttitlebar3 {font-family: Helvetica, Arial, Verdana, sans serif; font-size: 11px; font-weight: bold; color:#666666;}
.texttitlebar3:link {color:#666666; text-decoration: none;}
.texttitlebar3:active {color:#666666; text-decoration: none;}
.texttitlebar3:visited {color:#666666; text-decoration: none;}
.texttitlebar3:hover {color:#333333; cursor: pointer; text-decoration: underline;}

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

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

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

b.text4 {color: white; }

/*Font colours/styles as used by Back Office settings */
h1 { color: #333333; font-size:16px;}
h2 { color: #666666} 
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:#666666}
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:  Helvetica,Arial, Verdana, sans-serif; font-size: 11px; border: 1px solid #666666; color:#666666;} 
.boxwidth { width: 150px;} /* This allows you to set the width of select boxes */
 
input {
	color: #666666;
	border: 1px solid;
	border-top-color:#666666;
   	border-left-color:#666666;
   	border-right-color:#333333;
   	border-bottom-color:#333333; 
	padding-left: 2px;
	font-size: 11px;
}

input.sbtn{
    font-family: Helvetica, Arial, Verdana, sans serif;
    background-color: #003399;
	border: 0px;
	color:#FFFFFF;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Blue_square.jpg) ;
	font-size: 11px;
} 

input.sbtnhov{
    background-color: #CC9900;
    color:#FFFFFF;
	cursor: pointer;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Gold_round.jpg) ;
}

input.btn{
    font-family: Helvetica, Arial, Verdana, sans serif;
    background-color: #003399;
	color:#FFFFFF;
	font-size:100%;
	height: 20px;
	border: 0px;
	cursor: pointer;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Blue_square.jpg) ;
}

input.btnhov{
    background-color: #CC9900;
    color:#FFFFFF;
	border: 0px;
	cursor: pointer;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Gold_round.jpg) ;
}

input.btnm{
    font-family: Helvetica, Arial, Verdana, sans serif;
    background-color: #003399;
	color:#FFFFFF;
	font-size: 11px;
    border: 0px;
	width:150px;
    height:20px;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Blue_square.jpg) ;
}

input.btnmhov{
    background-color: #CC9900;
    color:#FFFFFF;
	cursor: pointer;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Gold_round.jpg) ;
}

input.btnl{
    font-family: Helvetica, Arial, Verdana, sans serif;
    background-color: #003399;
	color:#FFFFFF;
    font-size: 11px;
	border: 0px;
    width:180px;
    height:20px;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Blue_square.jpg) ;
}

input.btnlhov{
    background-color: #CC9900;
    color:#FFFFFF;
	cursor: pointer;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Gold_round.jpg) ;
}

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


/* This section is the Default css requirement for Ticketing pages */
.mainTable {
	height: 600px;
	background-color:#FFFFFF;
	border: 0px;
	margin: 0px 11px 0px 11px;
	padding: 0px 11px 0px 11px;
}

.tbl2 {
	margin-left: 95px;
}


/* 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: Helvetica, Arial, Verdana, sans serif;
background-color: #F3F3F3; 
padding-left: 3px;}

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

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

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

.StyleDescription: {font-style:normal;}
.StyleDescription:link {font-family: Helvetica, Arial, Verdana, sans serif;	font-weight:normal; font-size: 11px; color: #666666;text-decoration: none;}
.StyleDescription:visited {font-family: Helvetica, Arial, Verdana, sans serif; font-weight:normal; font-size: 11px; color: #666666; text-decoration: none;}
.StyleDescription:hover {font-family: Helvetica, Arial, Verdana, sans serif;	font-weight:normal; font-size: 11px; color: #333333; text-decoration: none;}
.StyleDescription:focus {font-family: Helvetica, Arial, Verdana, sans serif;	font-weight:normal; font-size: 11px; color: #333333; text-decoration: none;	}


.StyleUnitPrice {font-style:normal;}
.StyleUnitPrice:link {color: #666666; font-weight:normal; text-decoration: none;	}
.StyleUnitPrice:visited {color: #666666; font-weight:normal; text-decoration: none;	}
.StyleUnitPrice:hover {color: #333333; font-weight:normal; text-decoration: none;	}
.StyleUnitPrice:focus {color: #333333; font-weight:normal; text-decoration: none;	}

.StyleQuantity {font-style:normal;text-align:center;}
.StyleQuantity:link {color: #666666; font-weight:normal; text-decoration: none;}
.StyleQuantity:visited {color: #666666; font-weight:normal; text-decoration: none;	}
.StyleQuantity:hover {color: #333333; font-weight:normal; text-decoration: none;	}
.StyleQuantity:focus {color: #333333; font-weight:normal; text-decoration: none;	}

.StyleCost {font-style:normal;}
.StyleCost:link {color: #666666; font-weight:normal; text-decoration: none;	}
.StyleCost:visited {color: #666666; font-weight:normal; text-decoration: none;	}
.StyleCost:hover {color: #333333; font-weight:normal; text-decoration: none;	}
.StyleCost:focus {color: #333333; font-weight:normal; text-decoration: none;	}


.linerule {
	color:#666666;
	width:400px;
	height:1px;}
	
/* Clients specific css should go below here...*/
.menuBasket{
	font-family: Helvetica, Arial, Verdana, sans serif;	
	font-size: 11px; 
	padding: 3px;
	padding-right:5px;
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Red_right.jpg) ;
}

.menuTop {
	border-left: 1px solid #FFFFFF;

}

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

input.MenuBtn{
    font-family: Helvetica, Arial, Verdana, sans serif;
    background-color: #003399;
	color:#FFFFFF;
	font-size:11px;
	padding-left: 3px;
	border: 0px;
	height: 22px;
	width:130px;
	cursor: pointer;
	text-align:left;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Blue_square.jpg) ;
	}

input.MenuBtnhov{
    background-color: #CC9900;
    color:#FFFFFF;
	border: 0px;
	cursor: pointer;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Gold_square.jpg) ;
}

.MenuTable {
	background-color:#FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-family:  Helvetica, Arial, Verdana, sans serif;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0px 0px 0px 10px;

}

.cLeftnavtitle {
	font-family: Helvetica, Arial, Verdana, sans serif;
	font-size: 11px;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Green_top.jpg) ;
	color:#FFFFFF;
	border: 0px;
	height: 20px;
	padding-left: 4px;
}

.cLeftnav {
	font-family: Helvetica, Arial, Verdana, sans serif;
	font-size: 11px;
	font-weight:bold;
	color: #666666;
	background-color:#FFFFFF;
	padding-left: 2px;
	border: 0px;
	line-height: 16px;
}
.cLeftnav:link {font-family: Helvetica, Arial, Verdana, sans serif;	font-weight:bold; font-size: 11px; color: #666666;text-decoration: none;}
.cLeftnav:visited {font-family: Helvetica, Arial, Verdana, sans serif; font-weight:bold; font-size: 11px; color: #666666; text-decoration: none;}
.cLeftnav:hover {font-family: Helvetica, Arial, Verdana, sans serif;	font-weight:bold; font-size: 11px; color: #333333; text-decoration: none;}
.cLeftnav:focus {font-family: Helvetica, Arial, Verdana, sans serif;	font-weight:bold; font-size: 11px; color: #333333; text-decoration: none;	}

.subLeftnav {
	font-family:  Helvetica, Arial, Verdana, sans serif;
	font-size: 11px;
	background-color:#FFFFFF;
	color: #666666;
	padding-left: 5px;
}
.subLeftnav:link {color: #666666;text-decoration: none;}
.subLeftnav:visited {color: #666666; text-decoration: none;}
.subLeftnav:hover {color: #666666; text-decoration: none;}
.subLeftnav:focus {color: #666666; text-decoration: none;	}

.deptPage {
	 margin-left: 5px; margin-right: 10px;
}

.deptHead {
	font-family:  Helvetica, Arial, Verdana, sans serif;
	font-size: 28px;
	color:#FFFFFF;
	padding: 20px 20px;
	border: 1px solid #CCCCCC;
}
.deptTab {	padding: 0px; margin:0px;}

#productB {	position:static; margin-top: -140px;}

.deptImg { border: 1px solid #CCCCCC; width:132px; height:132px; float:left; position:absolute; margin-top: 5px; margin-bottom:5px; margin-right:5px;  }
.deptImg:link {border: 1px solid #CCCCCC;}
.deptImg:active {border: 1px solid #CCCCCC;}
.deptImg:visited {border: 1px solid #CCCCCC; }
.deptImg:hover {border-top:1px solid #999999; border-left: 1px solid #999999; border-right: 2px solid #999999; border-bottom: 2px solid #999999}

input.deptBtn{
    font-family: Helvetica, Arial, Verdana, sans serif;
    background-color: #003399;
	color:#FFFFFF;
	font-size:11px;
	padding-left :3px;
	border: 0px;
    width:132px;
	height:20px;
	cursor: pointer;
	text-align:left;
	padding-bottom: 2px;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Blue_bottom.jpg) ;
}

input.deptBtnhov{
    background-color: #CC9900;
    color:#FFFFFF;
	border-top: 0;
	border-right:0;
	border-bottom:0;
	cursor: pointer;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Gold_bottom.jpg) ;
}

.prodTab {padding:0px; margin-left:5px; width:132px; height:134px; border:0px; position:static; margin-top: -75px;}
.prodImg { border: 0px solid #CCCCCC; width:130px; height:130px; float:left; position:absolute; padding:0px }
.prodImg:link {border: 1px solid #CCCCCC;}
.prodImg:active {border: 1px solid #CCCCCC;}
.prodImg:visited {border: 1px solid #CCCCCC; }
.prodImg:hover {border-top:1px solid #999999; border-left: 1px solid #999999; border-right: 2px solid #999999; border-bottom: 2px solid #999999}
.productCell {
	padding-left:11px;
}

.MainImg {
	border: 1px solid #333333;
	padding:0px;
}
.SideImg {
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}
.TopSideImage {
	padding-left: 5px;
}
.SideImage {
	padding-left: 5px;
	padding-top: 5px;
}
.SplashCell {
	padding-left:5px;
}
input.SplashBtn{
    font-family: Helvetica, Arial, Verdana, sans serif;
    background-color: #003399;
	color:#FFFFFF;
	font-size:11px;
	border-width: 0px;
	width: 200px;
	height:20px;
	cursor: pointer;
	text-align:left;
	padding-left:5px;
	padding-bottom:2px;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Green_blue_bottom.jpg) ;
}
input.SplashBtnhov{
    background-color: #016C24;
    color:#FFFFFF;
	border-width: 0px;
	cursor: pointer;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Green_gold_bottom.jpg) ;
}
input.MainSplashBtn{
    font-family: Helvetica, Arial, Verdana, sans serif;
    background-color: #003399;
	color:#FFFFFF;
	font-size:11px;
	border-width: 0px;
	width: 440px;
	height:20px;
	cursor: pointer;
	text-align:left;
	padding-left:5px;
	padding-bottom:2px;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Green_blue_l_bottom.jpg) ;
}
input.MainSplashBtnhov{
    background-color: #016C24;
    color:#FFFFFF;
	border-width: 0px;
	cursor: pointer;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Green_gold_l_bottom.jpg) ;
}

input.blueBtn{
    font-family: Helvetica, Arial, Verdana, sans serif;
    background-color: #003399;
	color:#FFFFFF;
	font-size:11px;
	border-width: 0px;
	height:20px;
	cursor: pointer;
	text-align:left;
	padding-left:5px;
	padding-bottom:2px;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Blue_s_round.jpg) ;
}

input.blueBtnhov{
    background-color: #CC9900;
    color:#FFFFFF;
	border-width: 0px;
	cursor: pointer;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Gold_s_round.jpg) ;
}
input.redBtn{
    font-family: Helvetica, Arial, Verdana, sans serif;
    background-color: #CC0000;
	color:#FFFFFF;
	font-size:11px;
	border-width:0px;
	width:130px;
	height: 20px;
	cursor: pointer;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Red_round.jpg) ;
}

input.redBtnhov{
    background-color: #CC9900;
    color:#FFFFFF;
	border-width: 0px;
	cursor: pointer;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Gold_round.jpg) ;
}

.menuSearch {
	color:#666666;
	padding: 0px;
	margin: 0px;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Blue_search.jpg) ;
}
.IORBtn {
	color: #FFFFFF;
	width: 86px;
	height:21px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 1px;
	text-align:left;
	padding-left: 3px;
	padding-top: 3px;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Green_back.jpg) ;
}
.IOLBtn {
	color: #FFFFFF;
	width: 86px;
	height:21px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding-left: 3px;
	padding-top: 3px;
	margin-bottom: 1px;
	text-align:left;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Blue_bottom.jpg) ;
}

.IOBBtn {
	font-family: Helvetica, Arial,Verdana, sans-serif;
	background-color: #00862D;
	color: #FFFFFF;
	font-size:11px;
	width: 87px;
	border: 0px;
	height:21px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align:left;
	padding-left: 3px;
	padding-top: 3px;
	background-image: url(https://www.medocmall.co.uk/images/theclubshop_reading/Blue_bottom.jpg) ;
}
.IOBB:link {color: #FFFFFF; text-decoration: none; font-weight:normal;}
.IOBB:active {color: #FFFFFF; text-decoration: none; font-weight:normal;}
.IOBB:visited {color: #FFFFFF; text-decoration:none;font-weight:normal; }
.IOBB:hover {color: #FFFFFF; text-decoration:underline;font-weight:normal;}

.pageLayout {
	margin-left:20px ;
}
.tabAddnl {
	max-width: 135px;
}