html, body {height: 100%;}
body {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}

form {margin: 0px;}
table {border: 0px;}
img {border: 0px;}
input {font-size: 8pt;}

td, p {font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif;}

h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: bold;
}

.cb {clear: both;}

.b {font-weight: bold;}

.header {
background: #fff;
width: 100%;
height: 80px;
}

.mp-menu {
text-align: center;
height: 24px;
}

.mp-menu a {
height: 19px;
font-size: 7.5pt;
padding: 5px 10px 0px 10px;
display: block;
font-weight: bold;
text-decoration: none;
}


.mp-col-left {
width: 200px;
/* background: #f4f4f4; */
}

.mp-col-right {
width: 210px;
/*background: #f4f4f4; */
}

.mp-content {
width: 545px;
/* border: 1px solid red; */
margin: 20px 0px 0px 20px;
/* background: #F4F4F4; */
}

.heading-bar {
height: 18px;
font-weight: bold;
padding: 3px 0px 0px 6px;
width: auto;
}

.heading-bar img {
float: left;
margin-right: 6px;
}

.heading-bg {
background: url(/media/mypage/heading-bg.gif) repeat-x top left;
width: 100%;
}

.txt-indent {
margin: 0px 0px 10px 6px;
padding-top: 5px;
font-size: 7pt;
}

.mp-container {
height: 100%;
}

#bgnd {
width: 100%;
height: 100%;
}

.retailer-img {margin: 5px 0px 5px 0px;}
.retailer-logo {float: right; margin: 6px;}
.retailer-heading {color: #ff0000; font-size: 10pt;}


.float-l {float: left;}
.float-r {float: right;}

.fav-store {
height: 19px;
width: auto;
padding: 5px 0px 0px 5px;
background: #fff;
}

.tab {
float: right;
margin-right: 2px;
height: 18px;
}

.tab a {color: #000; text-decoration: none;}

.tab-bg {
background: url(/media/mypage/tab-bg.gif) repeat-x top left;
}

.menu {
width: 100%;
height: 28px;
}

.colour {
/*border: 1px solid red;*/
width: 148px;
height: 18px;
padding-left: 5px;
background: url(/media/mypage/tab-colour.gif) no-repeat top left;
float: right;
font-size: 7pt;
margin: 0px 4px 30px 0px;
}

.colour span /*.colour-txt*/ {
float: left;
display: block;
width: 100px;
height: 20px;
border: solid 0px #ff0000;
margin-left: 2px;
}

.colour div {
float: right;
display: block;
width: 8px;
height: 8px;
margin-left: 2px;
}

.colour-box-1 {background: #a40000;}
.colour-box-2 {background: #0095d0;}
.colour-box-3 {background: #0cae00;}

.mp-footer {
margin-left: 20px;
border-top: 1px solid #cccccc;
}

.mp-footer a {color: #acacac; text-decoration: none;}

.mp-comps, .mp-voucher {
color: #fff;
width: 210px;
height: 53px;
}

.mp-comps { background: #fff url(/media/mypage/mp-comps.jpg) no-repeat top left; }
.mp-voucher { background: #fff url(/media/mypage/mp-voucher.jpg) no-repeat top left; }

.mp-news {
margin-bottom: 15px;
border-bottom: 1px solid #cccccc;
/* padding-bottom: 10px; */
}

.mp-news-img {
width: 180px;
text-align: center;
}

.mp-news-heading {
width: 340px;
height: 25px;
}

.mp-news-link {
padding: 10px 0px 15px 0px;
}

.searchbox {float: right;}
.search-txtfield {height: 15px; border: 1px solid #7f9db9; padding: 2px;}
.searchimg-l {position: relative; top:0px; left:3px;}
.searchimg-go {
position: relative;
top: 0px;
left: -3px;
background: url(/media/tpl/searchbox-go.gif) no-repeat center;
width: 37px;
height: 21px;
border: 0px;
cursor: pointer;
}


/******* voucher preview *********/
.vtitle {
	padding-left: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	position: relative;
	top: 50px;
	left: 0px;
	}

.vcontent {
	padding-left:12px;
	padding-right:25px;
	font:Arial, Helvetica, sans-serif;
	color:#0066CC;
	font-size:14px;
	border-left: 2px solid #7FCDBD;
}
.vterms {
	padding-left:32px;
	padding-right:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-left: 2px solid #7FCDBD;
	}
/****** end voucher content *******/

/* start calendar */
.cal-top {background: url(/media/tpl/cal-bg-t.jpg) repeat-x top left; height: 154px;}
.cal-top-vip {background: url(/media/tpl/cal-bg-t-vip.gif) repeat-x top left; height: 154px;}

.cal-clips img {margin: 0px 0px 10px 207px;}
.cal-year, .cal-month {font-size: 20pt; font-weight: bold; color: #fff;}
.cal-year {float: right; margin: 40px 5px 0px 0px;}
.cal-month {text-align: center;}
.cal-month a {color: #fff; text-decoration: none;}
.cal-month a:hover {text-decoration: underline;}
.cal-prev {float: left; margin-left: 5px;}
.cal-next {float: right; margin-right: 5px;}

.cal-number {
float: right;
text-align: right;
margin-right: 2px;
display: block;
width: 115px;
}

.cal-bg-l {background: url(/media/tpl/cal-bg-l.jpg) repeat-y top left; height: 671px;}
.cal-bg-r {background: url(/media/tpl/cal-bg-r.jpg) repeat-y top left; height: 671px;}

.cal-weekday, .cal-weekend, .cal-weekday-vip, .cal-weekend-vip {
float: left;
width: 132px;
height: 26px;
text-align: center;
color: #fff;
padding-top: 6px;
font-weight: bold;
margin-right: 1px;
}


.cal-weekday {background: #6dabff;}
.cal-weekend {background: #4386e0;}
.cal-weekday-vip {background: #ce0f21;}
.cal-weekend-vip, .cal-weekend-vip-sunday {background: #941524;}

.cal-box, .cal-box-grey, .cal-box-hilite, .cal-box-today {
float: left;
width: 126px;
height: 86px;
padding-left: 6px;
border-right: 1px solid  #cecbcf;
border-bottom: 1px solid  #cecbcf;
}

.cal-box-today {
  float: right;
  width: 126px;
  height: 86px;
  padding-left: 6px;
  font-size: 7pt;
  color: #000;
  text-decoration: none;
  display: block;
  float: left;
  border-right: 1px solid  #cecbcf;
  border-bottom: 1px solid  #cecbcf;
}

.cal-sale {
  width: 126px;
  height: 86px;
  padding-left: 6px;
  float: left;
  border-right: 1px solid  #cecbcf;
  border-bottom: 1px solid  #cecbcf;
  font-size: 7pt;
  color: #000;
  text-decoration: none;
  display: block;
  float: left;
  background: url(/media/tpl/cal-icon-sale.jpg) no-repeat center ;
}

.cal-promo {
  width: 126px;
  height: 86px;
  padding-left: 6px;
  float: left;
  border-right: 1px solid  #cecbcf;
  border-bottom: 1px solid  #cecbcf;
  font-size: 7pt;
  color: #000;
  text-decoration: none;
  display: block;
  float: left;
  background: url(/media/tpl/cal-icon-promo.jpg) no-repeat center ;
}

.cal-comp {
  width: 126px;
  height: 86px;
  padding-left: 6px;
  float: left;
  border-right: 1px solid  #cecbcf;
  border-bottom: 1px solid  #cecbcf;
  font-size: 7pt;
  color: #000;
  text-decoration: none;
  display: block;
  float: left;
  background: url(/media/tpl/cal-icon-comp.jpg) no-repeat center ;
}

.cal-shop {
  width: 126px;
  height: 86px;
  padding-left: 6px;
  float: left;
  border-right: 1px solid  #cecbcf;
  border-bottom: 1px solid  #cecbcf;
  font-size: 7pt;
  color: #000;
  text-decoration: none;
  display: block;
  float: left;
  background: url(/media/tpl/cal-icon-shop.jpg) no-repeat center ;
}
.cal-bday {
  width: 126px;
  height: 86px;
  padding-left: 6px;
  float: left;
  border-right: 1px solid  #cecbcf;
  border-bottom: 1px solid  #cecbcf;
  font-size: 7pt;
  color: #000;
  text-decoration: none;
  display: block;
  float: left;
  background: url(/media/tpl/cal-icon-bday.jpg) no-repeat center ;
}
.cal-xmas {
  width: 126px;
  height: 86px;
  padding-left: 6px;
  float: left;
  border-right: 1px solid  #cecbcf;
  border-bottom: 1px solid  #cecbcf;
  font-size: 7pt;
  color: #000;
  text-decoration: none;
  display: block;
  float: left;
  background: url(/media/tpl/cal-icon-xmas.jpg) no-repeat center ;
}
.cal-easter {
  width: 126px;
  height: 86px;
  padding-left: 6px;
  float: left;
  border-right: 1px solid  #cecbcf;
  border-bottom: 1px solid  #cecbcf;
  font-size: 7pt;
  color: #000;
  text-decoration: none;
  display: block;
  float: left;
  background: url(/media/tpl/cal-icon-easter.jpg) no-repeat center ;
}

.cal-general {
  width: 126px;
  height: 86px;
  padding-left: 6px;
  float: left;
  border-right: 1px solid  #cecbcf;
  border-bottom: 1px solid  #cecbcf;
  font-size: 7pt;
  color: #000;
  text-decoration: none;
  display: block;
  float: left;
  background: url(/media/tpl/cal-icon-note.jpg) no-repeat center ;
}

.cal-sale a, .cal-shop a, .cal-bday a, .cal-xmas a, .cal-general a, .cal-promo a, .cal-comp a, .cal-easter a {font-size: 7pt; color: #000; text-decoration: none; display: block; float: left;}
.cal-sale a:hover, .cal-shop a:hover, .cal-bday a:hover, .cal-xmas a:hover, .cal-general a:hover, .cal-promo a:hover, .cal-comp a:hover, .cal-easter a:hover {text-decoration: underline;}


.cal-box .cal-number {color: #a7a7a7;}

.cal-box img {margin: -4px 0px 0px 0px;}
.cal-box-today {background: #93C9ED;}
.cal-box-grey {background: #ededed;}
.cal-box-hilite {background: url(/media/tpl/cal-hilite.gif) repeat-x top left;}
.cal-box-hilite .cal-number, .cal-box-today .cal-number  {color: #fff; font-weight: bold; margin-bottom: 2px;}
.cal-box-hilite a {font-size: 7pt; color: #fff; text-decoration: none; display: block; float: left;}
.cal-box-hilite a:hover {text-decoration: underline;}

.cal-tools {
float: left;
margin: 0px;
position: relative; top: 40px; left: 5px;
width: 54px; height: 24px;
}

.cal-tools img{
border: 0px;
margin: 0px;
}

.cb {clear: both;}

/* end calendar */

.signup-box {border: 1px solid #cccccc; background: #f9f9f9; width: 500px; margin-left: 20px;}

.signup-txtfield {
width: 200px;
float: left;
}

.form-error {
background: url(/media/tpl/form-error-bg.gif) repeat-x top left;
height: 15px;
margin: 2px 0px 0px 5px;
float: left;
}
.form-error td {
color: #fff;
font-size: 7pt;
font-weight: bold;
padding: 0px;
}

.games-box, .games-box-vip {
margin-bottom: 10px;
background: url(/media/tpl/games-box-bg.gif) repeat-x top left;
}

.games-box {width: 520px;}
.games-box-vip {width: 250px; float: left; margin-right: 10px;}
.games-box-l, .games-box-r {width: 12px; height: 130px;}
.games-box-l {background: url(/media/tpl/games-box-l.gif) no-repeat top left;}
.games-box-r {background: url(/media/tpl/games-box-r.gif) no-repeat top left;}

.games-box-txt {padding-top: 12px; vertical-align: top;}
.games-box-thumb {width: 110px;}
.games-box-thumb-vip {width: 90px; vertical-align: top; padding-top: 15px;}

.countdown-box {
margin: 0px 0px 20px 40px;
width: 438px;
height: 107px;
background: url(/media/tpl/bg-countdown.gif) no-repeat top left;
}

.countdown-icon {width: 115px;}
.countdown-icon img {margin-left: 10px;}

.countdown-txt {
vertical-align: top;
padding-top: 10px;
}

.vip-toolbar {
width: 178px;
height: 16px;
margin-left: 5px;
padding: 2px 0px 2px 2px;
}

.vip-toolbar img {
margin-right: 2px;
float: left;
}

.vip-toolbar-btns {
float: right;
}
.red {color: #ff0000;}