/*
  Version 3.5
  Last modified 20170203
  Copyright Active Consultancy
*/



/* SECTION 1 */

/* SETTINGS GLOBAL */

body, table, tr, td, form, div, p, ol, ul, li, h2, h3, h4, h5, h6, a:link, a:visited, a:hover, a  {
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
background-color: #ffffff;background-repeat: no-repeat;	background-position: top center;
  height: 100%;
}

#outer, #loginouter, #pageouter {
  background-position: top center;
  text-align: center;
  width: 100%;
  height: 100%;
  float: left;
  display: block;
}

.floatl {
  float: left;
}

.floatr {
  float: right;
}

.widthfull {
  width: 100%;
}

.inlineblock {
	display: inline-block;
}

/* border-radius - not supported in all browsers */

div.vhide, span.vhide { /* used to include alt text for elements delivered as images for accessibility */
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding:0 !important;
	border:0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

input.button.vhide {
	background-color: transparent;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	display:block;
}

div.divider5h, div.divider5v {
	background-color: #e3e1e2;
	float: left;
}

div.divider5h {
	width: 100%;
	height: 1px;
	margin: 2px 0 2px 0;
}

div.divider5v {
	width: 1px;
	height: 100%;
	margin: 0 2px 0 2px;
}

/* TYPE STYLES GLOBAL */

h1 {
  font-family: Arial, Helvetica, FreeSans, sans-serif;
	color: #004b83;
	font-size: 100%;
  font-weight: normal;
}

h2 {
	color: #ffffff;
	font-size: 94%;
  font-weight: normal;
}

h3 {
	color: #544e52;
	font-size: 94%;
}

h4 {
	color: #c9282d;
	font-size: 81%;
}

h5 {
	color: #544e52;
	font-size: 81%;
}

h6 {
	color: #c9282d;
	font-size: 75%;
}

p, input, select, textarea, table, ul, ol , .txtclr{
	color: #544e52;
}

label {
	color: #544e52;
}

a, .linkclr, a.jqaction {
	color: #004b83;
}

a img {
	border: 0;
}

a.jqaction {
	text-decoration: underline;
	cursor: pointer;
}

.normal {
	font-weight: normal;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.super {
	vertical-align: super;
	font-size: 75%;
}

.error {
	color: #bf1733;
/*	font-weight: bold; */
}

.txtsmall { /* use this in a block property - eg <p class="txtsmall"> - to change the font-size to small */
	font-size: 69% !important;
}

/* txttrans - use these in a span tag to override text transform settings */
.txttrans_normal {
	text-transform:none;
}
.txttrans_upper {
	text-transform:uppercase;
}
.txttrans_lower {
	text-transform:lowercase;
}
.txttrans_cap {
	text-transform:capitalize;
}

.alignl {
	text-align: left;
}

.alignc {
	text-align: center;
}

.alignr {
	text-align: right;
}

.valigntop {
	vertical-align: top;
}

.valignmiddle {
	vertical-align: middle;
}

.valignbottom {
	vertical-align: bottom;
}

sup,sub {	/* fix sup and sub - this stops the line-height being expanded when using sup and sub */
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;	/* IE6 only */
}

sup {
  vertical-align: top;
}

sub {
  vertical-align: bottom;
}

.addpointer { /* use to change the cursor to a pointer */
	cursor: pointer;
}

.strikethrough {
	text-decoration: line-through;
}

/* COLOUR CLASSES GLOBAL */

.mclr {
	color: #004b83 !important;
}

.sclr {
	color: #c9282d !important;
}

.altclr {
  color: #006aa9 !important;
}

.vvvdarkgrey {
	color: #231f20 !important;
}

.vvdarkgrey {
	color: #322f31 !important;
}

.vdarkgrey {
	color: #544e52 !important;
}

.darkgrey {
	color: #7a7779 !important;
}

.midgrey {
	color: #a3a0a2 !important;
}

.lightgrey {
	color: #d6d0d6 !important;
}

.vlightgrey {
	color: #e3e1e2 !important;
}

.vvlightgrey {
	color: #efedf0 !important;
}

.vvvlightgrey {
	color: #f9f9f9 !important;
}

.flashclr {
	color: #bf1733 !important;
}

.highlightclr {
	color: #a3a0a2 !important;
}

.disabledclr {
	color: #a3a0a2 !important;
}

.black {
	color: #000000 !important;
}

.white {
	color: #ffffff !important;
}

/* BACKGROUND COLOUR CLASSES GLOBAL */

.vlightgreybg {
	background-color: #e3e1e2;
}

/* FORM STYLES GLOBAL */

.frmbox, .frmboxxsmall, .frmboxsmall, .frmboxsmallmedium , .frmboxmediumsmall,  .frmboxmedium, .frmboxmediumlarge, .frmboxlarge, .frmboxxlarge, .frmboxxxlarge, .frmboxxxxlarge, .frmboxcheck, .frmboxtxtarea, .frmbt {
	vertical-align: middle;
  margin: 0 15px 0 0;
  display: inline;
}

.frmbox, .frmboxxsmall, .frmboxsmall, .frmboxsmallmedium , .frmboxmediumsmall,  .frmboxmedium, .frmboxmediumlarge, .frmboxlarge, .frmboxxlarge, .frmboxxxlarge, .frmboxxxxlarge, .frmboxcheck, .frmbt {
  padding: 0;
}

.frmboxxsmall, .frmbox25 {
	width: 25px;
}

.frmboxsmall, .frmbox50{
	width: 50px;
}

.frmboxsmallmedium, .frmbox75 {
	width: 75px;
}

.frmboxmediumsmall, .frmbox100 {
	width: 100px;
}

.frmboxmedium, .frmbox125  {
	width: 125px;
}

.frmboxmediumlarge, .frmbox150  {
	width: 150px;
}

.frmboxlarge, .frmbox180 {
	width: 180px;
}

.frmboxxlarge, .frmbox200 {
	width: 200px;
}

.frmboxxxlarge, .frmbox250 {
	width: 250px;
}

.frmboxxxxlarge, .frmbox300 {
	width: 300px;
}

.frmbox350 {
	width: 350px;
}

.frmbox400 {
	width: 400px;
}

.frmbox450 {
	width: 450px;
}

.frmbox500 {
	width: 500px;
}

.labelxsmall {
  width: 40px !important;
}

.labelsmall {
  width: 80px !important;
}

.labelmedium {
  width: 110px !important;
}

.labellarge {
  width: 180px !important;
}

.frmtxtarea {
	padding: 2px 5px 2px 5px;
}

.frmbt {
	border: 0;
}

input.frmbt, .frmbts a img, .frmbts a.frmbt {
  background-image: url(/images/button/grey3/tbt.png?upd=20201223113452);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 137px;
  height: 24px;
}


	input.frmbt, .frmbts a img, .frmbts a.frmbt, .loginpanel input.frmbt, .loginfrmrow input.frmbt, .frmrow input.frmbt {
		background-color:transparent;
		color:#fff;
		cursor:pointer;
		font-family: Arial, Helvetica, FreeSans, sans-serif;
		font-size:7pt;
		text-align:center;
		text-transform:uppercase;
	}

	input.frmbt, .loginpanel input.frmbt, .loginfrmrow input.frmbt, .frmrow input.frmbt {
		line-height:normal;
	}

	.frmbts a img, .frmbts a.frmbt {
		line-height:24px;
	}

	.frmbts a.frmbt {
		float:left;
		text-decoration:none;
	}

	.loginpanel a.frmbt, .loginpanel .frmbts a.frmbt:hover, .frmbts a.frmbt:active {
		color:#ffffff;
	}

	.loginpanel a.frmbt, .loginpanel .frmbts a.frmbt:hover, .frmbts a.frmbt:active {
		color:#ffffff !important;
	}


input.frmbt:active, .frmbts a img:active, .frmbts a.frmbt:active {
  background-position: 0 -44px;
}

input.frmbt:active, input.frmbt:focus, .frmbts a img:active, .frmbts a img:focus {
  outline: none; /* remove focus outline */
}


	input.frmbt, .loginpanel input.frmbt, .loginfrmrow input.frmbt, .frmrow input.frmbt, .frmbts a.frmbt {
		background-color:#004b83;
		background-image:none;
		border:1px solid #004b83;
		color:#ffffff;
		font-weight:bold;
		height:34px;
		padding:0;
		transition:background-color 0.4s ease 0s, color 0.4s ease 0s;
		width:157px;
	}
	input.frmbt:hover, .loginpanel input.frmbt:hover, .loginfrmrow input.frmbt:hover, .frmrow input.frmbt:hover, .frmbts a.frmbt:hover {
		background-color:#ffffff;
		border:1px solid #004b83;
		color:#004b83;
	}
	.frmbts a.frmbt {
		height:32px;
		line-height:32px;
		width:155px;
	}
	.loginpanel a.frmbt {
		color:#ffffff !important;
	}
	.loginpanel .frmbts a.frmbt:hover, .frmbts a.frmbt:active {
		color:#004b83 !important;
	}

.frmrequired {
/* use this together with the formbox type to reduce the margin-right if using required tag */
  margin-right: 5px !important;
}

.frmboxdivider {
/* use this as a span tag when putting a divider between form boxes to give some padding */
  padding-left: 3px;
  padding-right: 1px;
}

.panelcontent .frmboxdivider {
  color: #544e52 !important;
}

.loginpanel .frmboxdivider {
  color: #544e52 !important;
}

/* DEFINE ICON IMAGES */

.iconimg, .iconbt, .iconbt img, .iconbutton {
  height: 16px;
  width: 16px;
}

.iconbt {
  background-image: url(/images/icon/default/iconh.png?upd=20201223113452);
  background-position: top left;
  background-repeat: no-repeat;
  margin: 0 10px 0 0;
  cursor: pointer;
}

span.iconbt, .iconbutton { /* is iconbutton in use? or replaced by iconbt? */
  vertical-align: middle;
  display: inline-block;
}

.iconbutton span {
  position: absolute;
  top: -999em;
}

label.inlinelabel img.iconbt {
  vertical-align: middle;
	margin-top: -2px;
}

.iconblockitem, .iconinlineitem {
  background-position: top left;
  background-repeat: no-repeat;
  min-height: 15px;
  padding-top: 1px !important;
  padding-left: 25px !important;
}

a.iconblockitem, a.iconinlineitem {
  max-height: 31px;
}

a.iconblockitem:hover, a.iconinlineitem:hover,  .iconbt:hover {
  background-position: 0 -32px;
}

.iconblockitem {
  display: block;
}

.iconinlineitem {
  float: left;
  display: inline;
}

/* iconp - positive */

.iconpcart {
	background-image: url(/images/icon/default/iconp_cart.gif?upd=20201223113452);
}

.iconpemail {
	background-image: url(/images/icon/default/iconp_email.gif?upd=20201223113452);
}

.iconpgraph {
	background-image: url(/images/icon/default/iconp_graph.gif?upd=20201223113452);
}

.iconplogin {
	background-image: url(/images/icon/default/iconp_login.gif?upd=20201223113452);
}

.iconplogout {
	background-image: url(/images/icon/default/iconp_logout.gif?upd=20201223113452);
}

.iconpemail {
	background-image: url(/images/icon/default/iconp_email.gif?upd=20201223113452);
}

.iconpspanner {
	background-image: url(/images/icon/default/iconp_spanner.gif?upd=20201223113452);
}

.iconpuser {
	background-image: url(/images/icon/default/iconp_user.gif?upd=20201223113452);
}

/* iconn - negative */

.iconnbin {
	background-image: url(/images/icon/default/iconn_bin.gif?upd=20201223113452);
}

.iconnbulletl {
	background-image: url(/images/icon/default/iconn_bullet_l.gif?upd=20201223113452);
}

.iconnbulletr {
	background-image: url(/images/icon/default/iconn_bullet_r.gif?upd=20201223113452);
}

.iconnemail {
	background-image: url(/images/icon/default/iconn_email.gif?upd=20201223113452);
}

.iconnspanner {
	background-image: url(/images/icon/default/iconn_spanner.gif?upd=20201223113452);
}

.iconntelephone {
	background-image: url(/images/icon/default/iconn_telephone.gif?upd=20201223113452);
}

/* iconb - with background */

.iconbarrowu {
	background-image: url(/images/icon/default/iconb_arrow_u.gif?upd=20201223113452);
}

.iconbbin {
	background-image: url(/images/icon/default/iconb_bin.gif?upd=20201223113452);
}

.iconbbulletl {
	background-image: url(/images/icon/default/iconb_bullet_l.gif?upd=20201223113452);
}

.iconbbulletr {
	background-image: url(/images/icon/default/iconb_bullet_r.gif?upd=20201223113452);
}

.iconbcalendar {
	background-image: url(/images/icon/default/iconb_calendar.gif?upd=20201223113452);
}

.iconbcart {
	background-image: url(/images/icon/default/iconb_cart.gif?upd=20201223113452);
}

.iconbclipboard {
	background-image: url(/images/icon/default/iconb_clipboard.gif?upd=20201223113452);
}

.iconbdocpdf {
	background-image: url(/images/icon/default/iconb_doc_pdf.gif?upd=20201223113452);
}

.iconbemail {
	background-image: url(/images/icon/default/iconb_email.gif?upd=20201223113452);
}

.iconbgraph {
	background-image: url(/images/icon/default/iconb_graph.gif?upd=20201223113452);
}

.iconbhotelrating {
	background-image: url(/images/icon/default/iconb_hotelrating.gif?upd=20201223113452);
}

.iconbknifefork {
	background-image: url(/images/icon/default/iconb_knifefork.gif?upd=20201223113452);
}

.iconbman {
	background-image: url(/images/icon/default/iconb_man.gif?upd=20201223113452);
}

.iconbmen {
	background-image: url(/images/icon/default/iconb_men.gif?upd=20201223113452);
}

.iconbminus {
	background-image: url(/images/icon/default/iconb_minus.gif?upd=20201223113452);
}

.iconbnight {
	background-image: url(/images/icon/default/iconb_night.gif?upd=20201223113452);
}

.iconbparcel {
	background-image: url(/images/icon/default/iconb_parcel.gif?upd=20201223113452);
}

.iconbplus {
	background-image: url(/images/icon/default/iconb_plus.gif?upd=20201223113452);
}

.iconbpin {
	background-image: url(/images/icon/default/iconb_pin.gif?upd=20201223113452);
}

.iconbstar {
	background-image: url(/images/icon/default/iconb_star.gif?upd=20201223113452);
}

.iconbtag {
	background-image: url(/images/icon/default/iconb_tag.gif?upd=20201223113452);
}

.iconbuser {
	background-image: url(/images/icon/default/iconb_user.gif?upd=20201223113452);
}

.iconbwishlistadd {
	background-image: url(/images/icon/default/iconb_wishlistadd.gif?upd=20201223113452);
}

.iconbwishlistinc {
	background-image: url(/images/icon/default/iconb_wishlistinc.gif?upd=20201223113452);
}

/* iconh - hover images */

a.iconbbin {
	background-image: url(/images/icon/default/iconh_bin.gif?upd=20201223113452);
}

a.iconbbulletl{
	background-image: url(/images/icon/default/iconh_bullet_l.gif?upd=20201223113452);
}

a.iconbbulletr {
	background-image: url(/images/icon/default/iconh_bullet_r.gif?upd=20201223113452);
}

a.iconbcalendar {
	background-image: url(/images/icon/default/iconh_calendar.gif?upd=20201223113452);
}

a.iconbcart {
	background-image: url(/images/icon/default/iconh_cart.gif?upd=20201223113452);
}

a.iconbdocai {
	background-image: url(/images/icon/default/iconh_doc_ai.gif?upd=20201223113452);
}

a.iconbdoccsv {
	background-image: url(/images/icon/default/iconh_doc_csv.gif?upd=20201223113452);
}

a.iconbdocdoc {
	background-image: url(/images/icon/default/iconh_doc_doc.gif?upd=20201223113452);
}

a.iconbdocimg {
	background-image: url(/images/icon/default/iconh_doc_img.gif?upd=20201223113452);
}

a.iconbdocmdb {
	background-image: url(/images/icon/default/iconh_doc_mdb.gif?upd=20201223113452);
}

a.iconbdocpdf {
	background-image: url(/images/icon/default/iconh_doc_pdf.gif?upd=20201223113452);
}

a.iconbdocppt {
	background-image: url(/images/icon/default/iconh_doc_ppt.gif?upd=20201223113452);
}

a.iconbdocpub {
	background-image: url(/images/icon/default/iconh_doc_pub.gif?upd=20201223113452);
}

a.iconbdoctxt {
	background-image: url(/images/icon/default/iconh_doc_txt.gif?upd=20201223113452);
}

a.iconbdocxls {
	background-image: url(/images/icon/default/iconh_doc_xls.gif?upd=20201223113452);
}

a.iconbemail{
	background-image: url(/images/icon/default/iconh_email.gif?upd=20201223113452);
}

a.iconbgraph{
	background-image: url(/images/icon/default/iconh_graph.gif?upd=20201223113452);
}

a.iconbpadlock {
	background-image: url(/images/icon/default/iconh_padlock.gif?upd=20201223113452);
}

a.iconbparcel {
	background-image: url(/images/icon/default/iconh_parcel.gif?upd=20201223113452);
}

a.iconbpin {
	background-image: url(/images/icon/default/iconh_pin.gif?upd=20201223113452);
}

a.iconbplus {
	background-image: url(/images/icon/default/iconh_plus.gif?upd=20201223113452);
}

a.iconbspanner {
	background-image: url(/images/icon/default/iconh_spanner.gif?upd=20201223113452);
}

a.iconbstar {
	background-image: url(/images/icon/default/iconh_star.gif?upd=20201223113452);
}

a.iconbtag {
	background-image: url(/images/icon/default/iconh_tag.gif?upd=20201223113452);
}

a.iconbuser {
	background-image: url(/images/icon/default/iconh_user.gif?upd=20201223113452);
}

a.iconbvoucher {
	background-image: url(/images/icon/default/iconh_voucher.gif?upd=20201223113452);
}

a.iconbwishlistadd {
	background-image: url(/images/icon/default/iconh_wishlistadd.gif?upd=20201223113452);
}

a.iconbwishlistinc {
	background-image: url(/images/icon/default/iconh_wishlistinc.gif?upd=20201223113452);
}

/* LOGIN PAGE */

#loginouter {
	background-repeat: no-repeat;
}

#loginpage {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
	margin-right: auto;
}

#loginimg {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
  padding: 0;
  float: left;
  display: block;
}

#loginimg img {
	display:block;
	width:100%;
}

#loginpanelswrapper {
  background-color: #e3e1e2;
  padding: 0;
  float: left;
  display: block;
	padding-bottom: 42px;
}

.loginpanel, .loginpanell, .loginpanelr, .loginpanelfull, .loginpanelfull .panelcontentl, .loginpanelfull .panelcontentr  {
	/* use loginpanell/loginpanelr/loginpanelfull in conjunction with loginpanel, or use panelcontentl/panelcontentr within loginpanelfull */
  float: left;
}

.loginpanel p, .loginpanel label, .loginpanel input, .loginpanel select, .loginpanel textarea, .loginpanel ul, .loginpanel ol {
  font-size: 91%;
  line-height: 1.4;
}

.loginpanel h1 {
  color: #004b83 !important;
  margin: 0;
  padding: 0 0 10px 0;
}

.loginpanel h1 img {
  height: 24px;
}

.loginpanel p {
  margin: 0;
  padding: 0 0 5px 0;
}

.loginpanel p, .loginpanel a, .loginpaneltxtclr {
  color: #544e52 !important;
}

	.loginpanel a {
		color:#004b83 !important;
	}
	.loginpanel a:hover {
		color:#004b83 !important;
	}

.loginpanell, .loginpanelr, .loginpanelfull .panelcontentl , .loginpanelfull .panelcontentr  {
  margin-left: 0;
}

.loginpanelr, .loginpanelfull .panelcontentr {
  margin-right: 0;
}

.logincontentrow {
	width: 100%;
	margin: 0;
	padding: 5px 0 5px 0;
	float: left;
	clear: left;
	display: block;
}

/* LOGINPANEL FORM */

.loginpanel form {
  margin: 0;
  padding: 5px 0 5px 0;
  float: left;
  display: block;
}

.loginfrmrow {
	margin: 0;
	width: 100%;
	padding: 5px 0 5px 0;
	float: left;
	clear: left;
	display: block;
}

.loginfrmrow label {
  color: #544e52;
  text-align: left;
	vertical-align: middle;
	float: left;
}

.loginfrmrow label.labelcheckr { /* label to sit to right of checkbox */
	width: 275px;
}

.loginfrmrow input {
	text-align: left;
}

.loginfrmrow .frmboxcheck {
	margin-top: 2px;
}

.loginfrmbts {
	float: left;
  display: inline;
}

/* LOGIN INFOBAR */

#loginstatusbar {
  font-size: 83%;
  text-align: right;
  padding: 5px 0 5px 0;
  float: left;
  display: block;
}

#loginstatusbar, #loginstatusbar a {
  color: #322f31;
}

#loginstatusbar a:hover {color: #004b83;}
#loginstatusbar .iconemail {
	background-image: url(/images/icon/default/iconn_email.gif?upd=20201223113452);
}

#loginstatusbar .icontelephone {
	background-image: url(/images/icon/default/iconn_telephone.gif?upd=20201223113452);
}

/* LOGIN CONTACTBAR / STATUSBAR */

#statusbarcontent, #logincontactbar {
  padding-right: 10px;
  float: right;
  display: inline;
}

.statusbaritem, #logincontactbar .contactbaritem {
  background-position: top left;
  background-repeat: no-repeat;
  height: 15px;
  margin: 0 0 0 15px;
  padding: 1px 0 0 20px;
  float: left;
  display: inline;
}

/* MBANNER */

#mbanner {
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #ffffff;
	float: left;
	clear: both;
	width: 100%;
	display: block;
}

/* STATUSBAR STANDARD */

#statusbar {
  color: #004b83;
  font-size: 83%;
  background-color: #d6d0d6; /* browsers that don't support alpha transparency */
  border-bottom: 1px solid #a3a0a2;
  width: 100%;
  min-height: 16px;
  padding: 4px 0 4px 0;
}

*>/**/#statusbar {
/* hide from IE7 and below */
  background-color: rgba(214,208,214,0.90); /* for browsers that support alpha transparency - fixed for ie8 and below in cssie8 */
  position: fixed; /* fixes the status bar in place as the page is scrolled */
  top: 0;
  z-index: 1500;
}

#statusbar a {
  color: #004b83;
}

#statusbar a:hover {color: #004b83;}
.statusbarsection {
  margin: 0 0 0 25px;
  padding: 0;
  float: left;
  display: inline;
}

#statusbar .iconcart {
	background-image: url(/images/icon/default/iconp_cart.gif?upd=20201223113452);
}

#statusbar .iconemail {
	background-image: url(/images/icon/default/iconp_email.gif?upd=20201223113452);
}

#statusbar .icongraph {
	background-image: url(/images/icon/default/iconp_graph.gif?upd=20201223113452);
}

#statusbar .iconleague {
	background-image: url(/images/icon/default/iconp_league.gif?upd=20201223113452);
}

#statusbar .iconlogout {
	background-image: url(/images/icon/default/iconp_logout.gif?upd=20201223113452);
}

#statusbar .icontelephone {
	background-image: url(/images/icon/default/iconp_telephone.gif?upd=20201223113452);
}

#statusbar .iconuser {
	background-image: url(/images/icon/default/iconp_user.gif?upd=20201223113452);
}

/* MNAV STANDARD */

#mnav {
	background-image: none;
	  background-color: #004b83;
	  border-bottom: 9px solid #006aa9;
	  font-size: 69%;
	height: 44px;
  width: 979px;
margin: 5px 6px 0 5px;	padding: 0;
	float: left;
}

#mnavmenu {
  float: left;
}

#mnavmenu, #mnavmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mnavmenu li {
	background-image: none;
  background-color: #004b83;
  font-weight: normal;
  text-transform: uppercase;
  height: 44px;
  padding: 0px 0 0px 0;
  float: left;
  display: inline;
}


#mnavmenu li:hover, #mnavmenu li[data-show-sub="true"] {
 background-position: 0 -60px ;background-color: #f9f9f9;}



#mnavmenu li a, #mnavmenu li:hover li a {
  color: #ffffff;
	text-decoration: none;
}

#mnavmenu li a.xsite {
  color: #a71930;
}

#mnavmenu li a {
	height: 40px;
	line-height: 45px;
	padding: 0 15px 0 15px;
	display: block;
}

#mnavmenu li:hover a, #mnavmenu li[data-show-sub="true"] a {
  color: #004b83;
}

#mnavmenu li ul {
	background-color: #e3e1e2;
	border-right: 1px solid #322f31;
	border-bottom: 1px solid #322f31;
	width: 200px;
	margin: 0px 0 0 0;
	padding: 0 0 5px 0;
	_left: -999em; /* IE6 only */
	position: absolute;
	display: none;
	_display: inline; /* IE6 only */
  z-index: 1000; /* ensure drop-down menu is always on top of other elements */
}

#mnavmenu li ul[data-visually-hidden="true"] {
  display: none;
}

#mnavmenu li:hover > ul, #mnavmenu li ul[data-visually-hidden="false"] {
/* hide from IE6 */
	display: block;
}

#mnavmenu li li  {
  background: none;
	font-weight: normal;
	text-transform: none;
	border-left: none;
	border-right: none;
	width: 165px;
  height: auto;
	margin: 0;
	padding: 0px 25px 0 10px;
	float: left;
	display: inline;
}

#mnavmenu li li:hover{
  background: none;
}

.mnavaddlevel:hover  {
  background-image: url(/images/icon/default/iconn_bullet_r.gif?upd=20201223113452) !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
}

#mnavmenu li li a, #mnavmenu li li a:hover {
	background: none;
  height: auto;
	line-height: 100%;
  padding: 11px 0 11px 0;
}

#mnavmenu li li a {
  border-bottom: 1px solid #d6d0d6;
  color: #322f31 !important;
}

#mnavmenu li li a:hover {
color: #004b83 !important;  text-decoration: underline;
}

#mnavmenu li li ul {
	margin-top: -34px;
  margin-left: 190px !important;
}

/* STANDARD PAGE SETUP/WRAPPERS */

#outer {
	background-repeat: no-repeat;
}
#outer {background-image: url(/images/background/malaysia_incentives/outer.jpg?upd=20191113163900); }

#pageouter {
	background-repeat: repeat-x;
background-color: #ffffff;}

#page {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
	margin-right: auto;
}

#pagewrapper {
/* used to enable background-color option for page area */
  background-color: none;
  width: 100%;
  float: left;
  display: inline;
}

/* NEWSTICKER */

.newstickercontent, .newstickercontent .ticker-swipe {
	background-color: #d6d0d6;
}

.newstickerwrapper {
	width: 100%;
	float: left;
}

.newstickercontent {
	float: left;
	display: block;
}

/* newsticker newstickercontent */

.newstickercontent .ticker-controls li {
	background-image: url(/images/background/default/newsticker_buttons.png?upd=20201223113452);
}

.newstickercontent .ticker-swipe span {
	/* border-bottom: 1px solid #544e52; */
}

.newstickercontent .ticker-wrapper.has-js {
	margin: 0;
}

.newstickercontent .ticker-title, .newstickercontent .ticker-content, .newstickercontent .ticker-swipe span {
	font-size: 91%;
}

.newstickercontent .ticker-title {
	color: #a71930;
	font-weight: bold;
	text-transform: uppercase;
}

.newstickercontent .ticker-content, .newstickercontent .ticker-swipe span {
	color: #544e52;
}

.newstickercontent .ticker-content a {
	color: #004b83;
}

/* PAGEBANNER */

img.pagebanner {
	display: block;
}

/* PANELS */

.panelwrapper {
/* used to wrap member panels into the same column */
  margin: 0;
  padding: 0;
  float: left; /* must be floated left so that overall page width lines up correctly */
  display: inline;
}

.panellarge, .panelmedium, .panelsmall {
  background-color: #f9f9f9;
  min-height: 0px;
  float: left;
  clear:both;
  display: block;
}

.panellarge h1, .panelmedium h1, .panelsmall h1, #lightbox h1 {
/* designed to be used at the top of a panel */
background-image: none;  background-color: #d6d0d6;
  height: 20px;
  margin: 0;
  padding: 10px 20px 10px 15px;
  float: left;
  display: block;
}

.panelcontainer {
/* only required to include content in the panel without margins and padding */
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
  display: block;
}

.panelcontent {
  margin: 0;
  padding: 15px 19px 10px 15px; /* actual padding-right should be 20px but 1px buffer added to prevent wrapping on browser zoom */
  float: left;
  display: block;
}

.panelcontentl, .panelcontentr {
/* used to split panelcontent into 2 x equal columns
	use within panel content div
	supported in panellarge and panelmedium only
*/
  float: left;
  display: inline;
}

.panelcontentl {
  margin: 0 20px 0 0;
}

.panelcontentr {
	margin: 0;
}

.panelcontent.addsection {
/* use this when closing and reopening a new content div within the same panel */
  padding-top: 0px;
}

.panelcontentrow {
  width: 100%;
  margin: 0;
  padding: 5px 0 5px 0;
  float: left;
  clear: both;
  display: block;
}

.panelcontent p, .panelcontent label, .panelcontent input, .panelcontent select, .panelcontent ul, .panelcontent ol {
  font-size: 91%;
  line-height: 1.4;
}

.panelcontent p {
  padding: 0 0 10px 0;
}

.panelcontent ol p, .panelcontent ul p {
  font-size: 100%;
}

.panelcontent h2 {
/* designed to be used in conjunction with a h2 container */
background-image: none;  background-color: #004b83;
  padding: 5px 5px 5px 5px;
  margin: 5px 0 5px 0;
  float: left;
  display: block;
}

.h2container {
	border: 1px solid #d6d0d6;
  margin: 0 0 10px 0;
  padding: 5px 10px 5px 10px;
	float: left;
  clear: both;
  display: block;
}

#accordion.acc div.h2container, .jqacc.acc div.h2container {
	width: auto;
	padding: 0;
}

.panelcontent h3 {
  padding: 0 0 10px 0;
}

.panellinks {
  float: left;
  display: block;
}

/* PANELS - LISTS */

.panelcontent ul, .panelcontent ol {
	margin: 0;
	padding: 0 0 10px 0;
}

.panelcontent ul {
	list-style: none;
}

.panelcontent ul li {
	background-image: url(/images/background/default/icon_bullet_r.gif?upd=20201223113452);
	background-position: 5px 4px;
	*background-position: 5px 8px; /* IE7 and below only */
	background-repeat: no-repeat;
}

.panelcontent ol {
	list-style-type: decimal;
	list-style-position: outside;
}

.panelcontent ol li {
	padding: 0 0 0 3px;
	*padding: 0; /* IE7 and below only */
}

.panelcontent li ol {
  font-size: 100%; /* prevent child list items from shrinking in size */
  padding: 5px 0 0 0;
}

.panelcontent li ol  {
  list-style-type: lower-latin;
}

.panelcontent li li ol  {
  list-style-type: lower-roman;
}

.panelcontent li li li ol  {
  list-style-type: decimal;
}

/* TOGGLE */

/* toggle is closed by default */
.panellarge h1.toggletriggerclosed a, .panelmedium h1.toggletriggerclosed a, .panelsmall h1.toggletriggerclosed a {
	background-image: url(/images/background/default/icon_toggle_plus.gif?upd=20201223113452);
  background-position: top right;
  background-repeat: no-repeat;
  text-decoration: none;
	padding-right: 20px;
  display: block;
}

/* opposite state for toggle is closed by default */
.panellarge h1.toggleclosedactive a, .panelmedium h1.toggleclosedactive a, .panelsmall h1.toggleclosedactive a {
  background-image: url(/images/background/default/icon_toggle_minus.gif?upd=20201223113452);
}

/* toggle is open by default */
.panellarge h1.toggletriggeropen a, .panelmedium h1.toggletriggeropen a, .panelsmall h1.toggletriggeropen a {
	background-image: url(/images/background/default/icon_toggle_minus.gif?upd=20201223113452);
  background-position: top right;
  background-repeat: no-repeat;
  text-decoration: none;
	padding-right: 20px;
  display: block;
}

/* opposite state for toggle is open by default */
.panellarge h1.toggleopenactive a, .panelmedium h1.toggleopenactive a, .panelsmall h1.toggleopenactive a {
  background-image: url(/images/background/default/icon_toggle_plus.gif?upd=20201223113452);
}

/* hover text clr for h1 a to open/close panels */
.panellarge h1.toggletriggerclosed a:hover, .panelmedium h1.toggletriggerclosed a:hover, .panelsmall h1.toggletriggerclosed a:hover,
.panellarge h1.toggletriggeropen a:hover, .panelmedium h1.toggletriggeropen a:hover, .panelsmall h1.toggletriggeropen a:hover {
  color: #004b83;
}

.togglecontaineropen, .togglecontainerclosed {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	clear: both;
}

.panellarge h1 a:focus, .panelmedium h1 a:focus, .panelsmall h1 a:focus {
  outline: none; /* remove focus outline from a tags used in toggle */
}

/* ACCORDION */

#acc, #accordion.acc, .jqacc.acc {
  width: 100%;
  float: left;
}

.panelcontent h2.acctrigger a:hover, #accordion.acc h2.ui-accordion-header a:hover, .jqacc.acc h2.ui-accordion-header a:hover, .panelcontent h2.acctogtrigger a:hover, .panelcontent h2.togtrigger a:hover {color: #004b83;}
.panelcontent h2.acctrigger a, #accordion.acc h2 a, #accordion.acc h2.ui-accordion-header a, .jqacc.acc h2 a, .jqacc.acc h2.ui-accordion-header a, .panelcontent h2.acctogtrigger a, .panelcontent h2.togtrigger a {
  color: #f9f9f9;
  text-decoration: none;
  padding-right: 20px;
  display: block;
}

.panelcontent h2.acctrigger a, #accordion.acc h2.ui-accordion-header a, .jqacc.acc h2.ui-accordion-header a, .panelcontent h2.acctogtrigger a, .panelcontent h2.togtrigger a {
  background-image: url(/images/background/default/icon_acc_r.gif?upd=20201223113452);
  background-position: top right;
  background-repeat: no-repeat;
  cursor: pointer;
}

.panelcontent h2.acctrigger a:focus, #accordion.acc h2 a:focus, #accordion.acc h2.ui-accordion-header a:focus, .jqacc.acc h2 a:focus, .jqacc.acc h2.ui-accordion-header a:focus, .panelcontent h2.acctogtrigger a:focus, .panelcontent h2.togtrigger a:focus {
  outline: none; /* remove focus outline from a tags used in accion */
}

.panelcontent h2.acctrigger.active a, #accordion.acc h2.ui-accordion-header.ui-state-active a, .jqacc.acc h2.ui-accordion-header.ui-state-active a, .panelcontent h2.acctogtrigger.active a, .panelcontent h2.togtrigger.togopen a {
  background-image: url(/images/background/default/icon_acc_d.gif?upd=20201223113452);
}

.panelcontent h2.acctrigger.active a, #accordion.acc h2.ui-accordion-header.ui-state-active a, .jqacc.acc h2.ui-accordion-header.ui-state-active a {
  cursor: default;
}

.panelcontent h2.acctrigger.active a:hover, #accordion.acc h2 a:hover, #accordion.acc h2.ui-accordion-header.ui-state-active a:hover, .jqacc.acc h2 a:hover, .jqacc.acc h2.ui-accordion-header.ui-state-active a:hover, .panelcontent h2.acctogtrigger.active a:hover, .panelcontent h2.togtrigger.togopen a:hover {
  color: #f9f9f9;
}

.acccontainer, #accordion.acc .ui-accordion-content, .jqacc.acc .ui-accordion-content, .acctogcontainer, .panelcontent .h2togcontainer {
	border: 1px solid #d6d0d6;
  margin: 0 0 10px 0;
  padding: 0;
	overflow: hidden;
	clear: both;
  float: left;
}

.acccontainer, #accordion.acc .ui-accordion-content, .jqacc.acc .ui-accordion-content {
  display: block;
}

.acctogcontainer, .panelcontent .h2togcontainer {
	display: none;
}

.acccontent, .acctogcontent, .h2togcontainer .togcontent {
  float: left;
  display: block;
}

/* ACCORDION - changes for content when it appears inside acccontent */

.panelcontent .acccontent > h2 {
	background-color:#f9f9f9;
	color:#544e52;
	margin:0;
	padding:5px 0 10px 0;
}

/* ACCORDION - overrides for jquery css */

#accordion.acc.ui-widget, .jqacc.acc.ui-widget {
	font-size: 100%;
}

#accordion.acc.ui-widget input, #accordion.acc.ui-widget select, #accordion.acc.ui-widget textarea, #accordion.acc.ui-widget button, .jqacc.acc.ui-widget input, .jqacc.acc.ui-widget select, .jqacc.acc.ui-widget textarea, .jqacc.acc.ui-widget button {
	font-size: 91%;
}

#accordion.acc.ui-widget .resultstbl input, #accordion.acc.ui-widget .resultstbl select, #accordion.acc.ui-widget .resultstbl textarea, #accordion.acc.ui-widget .resultstbl button, .jqacc.acc.ui-widget .resultstbl input, .jqacc.acc.ui-widget .resultstbl select, .jqacc.acc.ui-widget .resultstbl textarea, .jqacc.acc.ui-widget .resultstbl button {
	font-size: 100%;
}

#accordion.acc h2.ui-helper-reset, .jqacc.acc h2.ui-helper-reset {
	font-size: 125%;
}

#accordion.acc h2.ui-accordion-header, .jqacc.acc h2.ui-accordion-header {
	border: none;
	margin-top: 5px;
}

#accordion.acc h2.ui-accordion-header a, .jq.acc h2.ui-accordion-header a, .jqacc.acc.ui-accordion h2.ui-accordion-header a {
	margin: 0;
	padding-top: 0; padding-bottom: 0; padding-left: 0;
}

#accordion.acc .ui-accordion-header span.ui-icon, .jqacc.acc .ui-accordion-header span.ui-icon {
	background-image: none;
}

#accordion.acc .h2container.ui-widget-content, .jqacc.acc .h2container.ui-widget-content {
	background-image: none;
}

#accordion.acc .h2container.ui-widget-content a, .jqacc.acc .h2container.ui-widget-content a {
	color: #004b83}

/* PANEL TAB */

.paneltab {
background-image: none;  background-color: #d6d0d6;
  height: 0px;
  margin: 10px 0 10px 0;
  padding: 0;
  float: left;
  display: block;
}

.paneltab, .paneltab ul {
	background-color: #ffffff;
  list-style: none;
	margin: 0;
	padding: 0;
  float: left;
  display: block;
}

.paneltab li {
  border-radius: 5px 5px 0 0; /* not supported in all browsers */
	font-weight: normal;
	font-size: 113%; /* 18px at normal size - 18/16 = 1.125 */
  height: 20px;
  margin-right: 1px;
  padding: 10px 20px 10px 15px;
  float: left;
	display: inline;
}

.paneltab li.paneltablink {
background-image: none;  background-color: #d6d0d6;
}

.paneltab li.paneltablink:hover {
background-image: none;  background-color: #efedf0;
}

.paneltab li a {
	text-decoration: none;
}

.paneltab li.paneltabselected a {
  color: #004b83;
  cursor: default;
}

.paneltab li.paneltablink a {
  color: #efedf0;
}

.paneltab li a {
	display: block;
}

*>/**/.paneltab li a {
/* hide from IE6 and IE7 */
  height: 20px;
}

.paneltab li.paneltablink:hover a {
  text-decoration: underline;
  color: #004b83;
}

.paneltab li.paneltabselected {
  color: #004b83;
  background-color: #efedf0;
  border-top: 1px solid #d6d0d6;
  border-left: 1px solid #d6d0d6;
  border-right: 1px solid #d6d0d6;
  padding-top: 9px;
}

/* FORMS */

.blockform {
  width: 100%;
  padding: 10px 0 10px 0;
}

.panelcontent form {
  margin: 0;
  float: left;
  display: block;
}

.frmrow {
	margin: 0;
	width: 100%;
	padding: 5px 0 5px 0;
	float: left;
	clear: left;
	display: block;
}

.frmrow .frmitem { /* used to group items together in a frmrow */
	display:inline-block;
	padding-top:5px;
}

.frmrow.withfrmitems { /*if frmrow has items then use this class in the frmrow to remove padding-top as frmitems have their own padding-top */
	padding-top:0;
}

.frmrow h3, .frmrow p {
	padding: 5px 0 5px 0;
}

.frmrow label {
  text-align: left;
	vertical-align: middle;
	float: left;
  display: inline;
}

.inlinelabel {
	width: none !important; /* not currently doing anything? should be auto but need to check implications */
	margin: 2px 5px 0 0 !important;
	float: none !important;
}

.blocklabel {
	width: 100% !important;
	margin: 2px 0 5px 0 !important;
  clear: both;
  display: block !important;
}

.frmrow input, .frmrow select, .frmrow textarea {
	text-align: left;
}

.frmradio, .frmcheckblock {
	float: left;
	display: inline;
}

.frmradiorow { /* alt version of frmradio, designed to be used when there is no left label - needs completing/following through */
	float: left;
	display: block;
}

.frmradioitem, .frmcheckblockitem {
	width: 100%;
	margin: 0;
	padding: 0 0 5px 0;
	float: left;
  clear: both;
	display: block;
}

.frmradioitem.inlineradio {
	width: auto;
	clear: none;
	display: inline;
}

.frmradio input {
	vertical-align: middle;
	padding: 0;
}

.frmradiorow .frmradioitem input {
	vertical-align: middle;
	padding: 0;
	float: left;
	display: inline;
}

.frmradiorow .frmradioitem label {
	margin: 2px 5px 0 0;
	float: left;
	display: inline;
}

.frmradioitem.inlineradio input {
	margin-right: 5px;
}

.frmredactor {
	float: left;
	display: inline;
}

.frmredactor .redactor_box {
	min-height: 100px;
}

.frmresult {
  color: #544e52;
  font-size: 91%;
	text-align: left;
	vertical-align: middle;
/*	margin: 2px 0 0 0; */
	margin-top:2px;
	float: left;
  display: inline;
}

.frmbts {
	float: left;
  display: inline;
}

.frmbts form {
	display: inline;
}

.frmrow.frmbtsc {
/* use class frmbtsc together with frmrow to centre the buttons inside a frmrow */
	text-align: center;
}

.frmrow.frmbtsc .frmbts {
	float: none;
	display: inline-block;
}

.frmvalidate {
  font-size: 91%;
}

.frmvalidate .error {
  width: 100%;
  float: left;
  clear: left;
  display: block;
}

.frmvalidate .checked {
  display: none !important;
}

/* TABLES - GENERAL TABLE */

.generaltbl {
  width: 100%;
  margin: 0;
	padding: 5px 0 10px 0;
}

.generaltbl table {
	border: none; /* see .tblbdr in overrides to add tblbdr */
	border-spacing: 0;
	border-collapse: collapse;
}

.generaltbl th, .generaltbl td {
	vertical-align: top;
	color: #544e52;
	padding: 5px 0 5px 0;
}

.clmxsmall {
	width: 25px;
}

.clmsmall {
	width: 50px;
}

.clmmedium {
	width: 80px;
}

.clmlarge {
	width: 120px;
}

.clmxlarge {
	width: 200px;
}

.clmxxlarge {
	width: 270px;
}

.clmxxxlarge {
	width: 350px;
}

/* define table font sizes - use one of these classes in the div containing the table */
/* not used by resultstbl - it has its own font-size property */

.tbltextstandard table {
  font-size: 91%;
}

.tbltextsmall table {
  font-size: 83%;
}

.tbltextsmall table input, .tbltextsmall table select {
  font-size: 100%;
}

/* TABLES - LIST TABLE */

.listtbl {
  padding: 5px 0 10px 0;
  float: left;
  display: block;
}

.listtbl table {
  color: #544e52;
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
  width: 100%;
}

.listtbl td {
	border-bottom: solid 1px #7a7779;
	padding: 5px 2px 2px 2px;
}

.listtbl tr.tblcontinuationrow td {
	border-bottom: 0px;
}

/* TABLES - RESULTS TABLE */


.resultstbl {
	width: 100% !important;
	margin: 0;
	padding: 10px 0 10px 0;
	float: left;
  clear: both;
	display: block;
}

.resultstbl table {
	color: #322f31;
  font-size: 83%;
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}

.resultstbl th {
	padding: 5px 5px 5px 5px;
}

.resultstbl td {
	vertical-align: top;
	padding: 3px 5px 3px 5px;
}

.resultstbl input, .resultstbl select {
	font-size: 90%;
	margin: 0px;
}

.resultstbl label {
	font-size: 100%;
  color: #322f31 !important;
}

.resultstblhdr, .resultstblftr {
	background-color: #004b83;
	color: #ffffff;
}

.resultstblhdr th {
	border-bottom: solid 3px #f9f9f9;
}

.resultstblodd {
	background-color: #f9f9f9;
}

.resultstbleven{
	background-color: #e3e1e2;
}

.resultstblhighlight {
	background-color: #fdd1a7;
}

.resultstblodd td, .resultstbleven td, .resultstblhighlight td {
	border-bottom: solid 1px #f9f9f9;
}

.resultstblftr td {
		border-top: solid 3px #f9f9f9;
}

.resultstblftr a, .resultstblftr a:visited, .resultstblftr a:active, .resultstblftr a:hover {
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}

.resultstblftr a.disabled, .resultstblftr a.disabled:hover {
	color: #a3a0a2;
	text-decoration: none;
}

.resultstblftr.resultstblend {
  height: 5px;
}

/* RESULTS LIST */
/* this is a version of results table but using divs instead of a table */

.resultslist {
	font-size: 83%;
	margin: 0;
	padding: 10px 0 10px 0;
	float: left;
	clear: both;
	display: block;
}

.resultstxt, .resultstxtnosort {
	margin: 0 20px 0 5px;
	padding: 0;
	float: left;
	display: inline;
}

.resultslist.narrowclm .resultstxt {
	margin: 0 10px 0 5px;
}

.resultstxt input, .resultstxt select {
	font-size: 100%;
}

.resultslisthdr, .resultslistftr, .resultslistend {
	background-color: #004b83;
	font-weight: bold;
	color: #ffffff;
	width: 100%;
	float: left;
	clear: both;
	display: block;
}

.resultslisthdr, .resultslistftr {
	padding: 5px 0 5px 0;
}

.resultslisthdr {
	border-bottom: 3px solid #f9f9f9;
}

.resultslistftr, .resultslistend {
	border-top: 3px solid #f9f9f9;
}

.resultslistend {
  height: 5px;
}

.resultshdrlink {
	cursor: pointer;
}

.resultshdrtitlesort {
	float: left;
	display: inline;
	text-decoration: underline;
}

.resultshdrpointer {
	padding-left: 10px;
	float: left;
	display: inline;
}

.resultshdrpointer img {
	width: 11px;
	height: 11px;
}

.resultslistrow {
	color: #322f31;
	width: 100%;
	margin: 0 0 1px 0;
	padding: 3px 0 3px 0;
	float: left;
	clear: both;
	display: block;
}

.resultslistrowodd {
	background-color: #e3e1e2;
}

.resultslistroweven {
	background-color: #d6d0d6;
}

.resultslistrowhighlight {
  background-color: #fdd1a7;
}

.resultslistseparator {
	background-color: #004b83;
	width: 100%;
	height: 1px;
	margin: 1px 0 1px 0;
	float: left;
}

/* PAGINATION */

.pag {
  margin: 0;
  padding: 0;
  float: left;
  clear: both;
  display: block;
}

.pagbar {
	float: left;
}

.pagbar ul {
	font-size: 83%;
	margin: 0;
	padding: 0;
}

.pagbar ul li {
	border-right: 1px solid #a3a0a2;
	list-style-type: none;
	margin: 0;
	display: inline;
	background-image: none;
}

.pagbar li:last-child, .pagbar ul li.last {
	border-right: 0;
}

.pagbar a, .pagbar a:visited, .pagbar a:active, .pagbar a:hover {
	color: #004b83;
}

.pagbar a.disabled, .pagbar a.disabled:hover {
	color: #a3a0a2;
	text-decoration: none;
}

.pagbar a.current, .pagbar a.current:hover {
	font-weight: bold;
	color: #004b83;
	text-decoration: none;
}

.resultsbar p {
	font-size: 83%;
	margin: 0;
	padding: 0;
}

/* OPTIONS LIST */

.optionslist {
  border-bottom: solid 1px #d6d0d6;
	width: 100%;
	margin: 5px 0 10px 0;
	float: left;
	display: block;
}

/* CATALOGUE */

.cattitle {
  color: #544e52;
}

.catitem {
	float: left;
	display: inline;
}

.catitem  h5 {
  padding: 0 0 5px 0;
}

.catitem p {
  padding: 0 5px 5px 0;
}

/* CATALOGUE - CATIMG */

.catimgrow, .catimgdetail, .catimggallery img {
	border: solid 1px #d6d0d6;
}

.catimgrow, .catimgdetail, a.catimgdetail {
	padding: 0;
	float: left;
}

.catimgdetail {
	display: inline;
}

a.catimgrow .catimgzoom, a.catimgrow .catimghover, div.catimgrow, div.catimgrow img, span.catimgrow .catimghover {
	height: 53px;
	width: 53px;
}

.catimgdetail, a.catimgdetail .catimgzoom, a.catimgdetail .catimghover {
	height: 178px;
	width: 178px;
}


a.catimgrow, div.catimgrow, span.catimgrow {
	margin-top: 5px;
	margin-right: 10px;
}

.catrow a.catimgrow, .catrow div.catimgrow, .catrow span.catimgrow, a.catimgdetail {
	position: relative;
  display: block;
}

.catrow a.catimgrow, .catrow div.catimgrow, .catrow span.catimgrow {
  *margin-left: 0; /* IE7 and below only */
  _margin-right: 0; /* IE6 and below only */
}

.catrow a.catimgrow:hover, a.catimgdetail:hover, .catrow a.catimgrow:active, a.catimgdetail:active {
  border: solid 1px #004b83;
}

.catrow a.catimgrow:focus, a.catimgdetail:focus {
  outline: none; /* remove focus outline from a tags used in catimgrow hover */
}

.catrow a.catimgrow .catimgzoom, a.catimgdetail .catimgzoom {
	background-position: 0 0;
	background-repeat: no-repeat;
  cursor: pointer;
	overflow: hidden;
  position: absolute;
}

.catrow a.catimgrow .catimgzoom {
  background-image: url(/images/background/default/catimgzoom.png?upd=20201223113452);
}

a.catimgdetail .catimgzoom {
  background-image: url(/images/background/default/catimgzoomlarge.png?upd=20201223113452);
}

.catrow a.catimgrow .catimgzoom {
	line-height: 53px;
}

a.catimgdetail .catimgzoom {
	line-height: 178px;
}

.catrow a.catimgrow:hover .catimgzoom, a.catimgdetail:hover .catimgzoom , .catrow a.catimgrow:active .catimgzoom, a.catimgdetail:active .catimgzoom {
  cursor: pointer;
	overflow: hidden;
  position: absolute;
}

.catrow a.catimgrow:hover .catimgzoom, .catrow a.catimgrow:active .catimgzoom {
	background-position: 0 -73px;
}

a.catimgdetail:hover .catimgzoom, a.catimgdetail:active .catimgzoom {
	background-position: 0 -198px;
}

a.catimgrow img, div.catimgrow img, a.catimgdetail img {
  display: block;
}

/* CATALOGUE - CATSELECT */

.panelmedium #catselect {
  margin: 0;
  float: left;
  display: block;
}

.panelmedium #catselect.catselectprizes, .panelmedium #catselect.catselectbenefits {
	background-position:  bottom right;
	background-repeat: no-repeat;
}

.panelmedium a.catimgselect {
	background-position: 0 0;
border-right: 1px solid #f9f9f9;border-bottom: 1px solid #f9f9f9;	padding: 0;
	float: left;
	display: inline;
}

/* CATALOGUE - CATRESULTS (CATROW) */

.catrow {
	border-bottom: solid 1px #d6d0d6;
	width: 100%;
	margin: 5px 0 5px 0;
  padding: 0 0 5px 0;
	float: left;
	display: block;
}

.catrow .catrowcontent {
  margin: 0;
}

.catrow .catrowcontent a {
	text-decoration: none;
  cursor: pointer;
  height: 100%;
  float: left;
  display: block;
}

.catrow.catfeatured .catrowcontent a {
  background-color: #fdd1a7;
	background-position: right top;
	background-repeat: no-repeat;
}

.catrow .catrowcontent a:hover, .catrow.catfeatured .catrowcontent a:hover {
  background-color: #efedf0;
  _padding: 5px 0 5px 0; /* IE6 only */
}

.catrow .catrowcontent a:focus {
  outline: none; /* remove focus outline from a tags used in catresult hover */
}

.linkstyle, .catrow .catrowcontent a:hover .linkstylehover, .catrow .catrowcontent a:active .linkstylehover {
  color: #004b83;
  text-decoration: underline;
}

.catrow .catrowblock {
	float: left;
	width: 100%;
}

/* CATALOGUE - CATDETAIL */

.panelmedium .catdetail {
  border-bottom: solid 1px #d6d0d6;
	width: 100%;
	margin: 5px 0 10px 0;
	padding: 0 0 5px 0;
	float: left;
	display: block;
}

.panelmedium .catdetailheaderblock, .panelmedium .catdetailheaderrow {
  margin: 0;
  padding: 0;
  float: left;
  display: block;
}

.panelmedium .catdetailtitle {
  margin: 0;
}

.panelmedium .catdetail h5 {
  padding: 0 0 10px 0;
}


	/* CATALOGUE */

	.panelmedium a.catimgrow .catimgzoom, .panelmedium a.catimgrow .catimghover, .panelmedium div.catimgrow, .panelmedium div.catimgrow img, .panelmedium span.catimgrow .catimghover {
		height: 96px;
		width: 96px;
	}

	a.catimgrow, div.catimgrow, span.catimgrow {
		margin-top:0;
	}

	.panelmedium .catrow a.catimgrow .catimgzoom {
		line-height: 96px;
	}

	.panelmedium .catdetail a.catimgdetail .catimgzoom {
		line-height: 178px;
	}

	.catrow a.catimgrow .catimgzoom, .catdetail a.catimgdetail .catimgzoom {
		background-image:none;
	/* add fa styles (version 5) */
		-moz-osx-font-smoothing:grayscale;
		-webkit-font-smoothing:antialiased;
		display:inline-block;
		font-family:Font Awesome\ 5 Free;
		font-style:normal;
		font-variant:normal;
		font-weight:900;
		text-rendering:auto;
	/* fa-2x */
		font-size:2em;
	/* colour and center */
		color:#ffffff;
		text-align:center;
		width:100%;
	}

	.catrow a.catimgrow .catimgzoom:hover:before, .catdetail a.catimgdetail .catimgzoom:hover:before {
		content: "\f00e"; /* apply fa-search-plus */
	}

	.catrow a.catimgrow .catimgzoom:hover, .catdetail a.catimgdetail .catimgzoom:hover {
		background-color:rgba(214,208,214,0.7);
	}

	/* CATALOGUE - items in panelsmall */

	.panelsmall a.catimgrow .catimgzoom, .panelsmall a.catimgrow .catimghover, .panelsmall div.catimgrow, .panelsmall div.catimgrow img, .panelsmall span.catimgrow .catimghover {
		height: 96px;
		width: 96px;
	}

	.panelsmall .catrow a.catimgrow .catimgzoom {
		line-height: 96px;
	}


/* CATALOGUE - CATDETAIL - SELECTION */

.catselection {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	padding:5px 0 5px 0;
	width:100%;
}
.catselectionitem {
	border:1px solid #d6d0d6;
	box-sizing:border-box;
	margin:0 1% 10px 1%;
}
.catselectionitem > a {
	display:block;
	height:100%;
	text-decoration:none;
	width:100%;
}
.catselectionitem > a:hover {
	background-color:#efedf0;
}
.catselectionitem .catselectionitemdetail {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	height:100%;
	text-align:center;
	width:100%;
}
.catselectionitem img {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	width:100%;
}
.catselectionitem .catselectionitemdetail > div {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-flex-grow:1;
	flex-grow:1;
	padding:5px 5px 5px 5px;
}
.catselectionitem p.catselectiontitle {
	-webkit-flex-grow:1;
	flex-grow:1;
}
.catselectionitem p.catselectionpeople {
	color:#a3a0a2;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	padding:0;
}
.catselectionitem p.catselectionpeople > i {
	padding-right:10px;
}

/* CATALOGUE PROMO */

/* content within catalogue / results area */
.catselectprizes a.catimgpromo, .panelcontentrow.catpromomsg {
	margin:10px 0 10px 0;
}
.catselectprizes a.catimgpromo, a.dashbutton.catimgpromo {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
	position:relative;
}
.catselectprizes a.catimgpromo div.overlay, .catselectprizes a.catimgpromo img, a.dashbutton.catimgpromo div.overlay, a.dashbutton.catimgpromo img, .pagebanner_button a.catimgpromo, .pagebanner_button a.catimgpromo div.overlay {
	width:100%;
}
.catselectprizes a.catimgpromo img, a.dashbutton.catimgpromo img, .pagebanner_button a.catimgpromo img {
	display:block;
}
.catselectprizes a.catimgpromo div.overlay, a.dashbutton.catimgpromo div.overlay, .pagebanner_button a.catimgpromo, .pagebanner_button a.catimgpromo img, .pagebanner_button a.catimgpromo div.overlay {
	height:100%;
	left:0;
	position:absolute;
	top:0;
}
.catselectprizes a.catimgpromo div.overlay, a.dashbutton.catimgpromo div.overlay, .pagebanner_button a.catimgpromo div.overlay {
	background: rgba(255,255,255,0.2);
	display:none;
}
.catselectprizes a.catimgpromo:hover div.overlay, a.dashbutton.catimgpromo:hover div.overlay, .pagebanner_button a.catimgpromo:hover div.overlay {
	display:block;
}
.panelcontentrow.catpromomsg {
	background-color:#d6d0d6;
}
.panelcontentrow.catpromomsg p {
	padding:5px 2.5% 5px 2.5%;
	width:95%;
}
.pagebanner_wrapper.catpromo .pagebanner_caption_bg .pagebanner_caption {
	color:#ffffff;
}
/* pagebanner */
.pagebanner_wrapper.catpromo {
	height:100%;
	position:relative;
	width:100%;
}
.pagebanner_wrapper.catpromo .pagebanner_caption_bg {
	left:0;
	position:absolute;
	top:50%;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
}
.pagebanner_wrapper.catpromo .pagebanner_caption_bg .pagebanner_caption {
	text-transform:uppercase;
}

/* DASHBUTTON */

.panelsmall.dashbutton, .panelsmall.dashbutton a {
	width: 319px;
}

.panelsmall .panelcontent.dashbutton, .panelsmall .panelcontent.dashbutton a {
	width: 284px;
}

.dashbutton a {
	background-position: 0 0;
	float: left;
}

/* AT DASHBUTTONS */
.dashbutton_about {background-image:url(/images/background/malaysia_incentives/dashbutton_about.jpg?upd=20190816164500);}
.dashbutton_salesreg {background-image:url(/images/background/malaysia_incentives/dashbutton_salesreg.jpg?upd=20191113163900);}
.dashbutton_shop {background-image:url(/images/background/malaysia_incentives/dashbutton_shop.jpg?upd=20191113163900);}

/* USER IMAGES */

.panelsmall.adminuserimg.userimgframe img.userimg {
	display: block;
	margin: 0 auto 10px auto;
	max-width: 284px;
}

/* SUBBANNER */

#sbanner {
	background-color: #ffffff;
	background-position: top center;
	background-repeat: no-repeat;
	float: left;
	clear: both;
	width: 100%;
	height: 0px;
	display: block;
}

#sbanner_overlay {
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	height: 0px;
	float: left;
	clear: both;
	display: block;
}

/* FOOTER */

#ftrcontainer {
padding-bottom: 0px;	width: 100%;
	float: left;
	clear: both;
}

#ftr {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
	margin-right: auto;
}

#ftrwrapper {
/* used to enable background-color and/or background-image option for footer area */
	background-position: top right;
  background-repeat: no-repeat;
  min-height: 0px;
	margin: 0;
  float: left;
  display: inline;
}

#snav {
  float: left;
  clear: both;
  display: block;
}

#snav p {
	margin: 0 0 5px 0;
	font-size: 83%;
}

#snav p, #snav a {
  color: #544e52;
}

#snav a:hover {color: #004b83;}

#notice {
  float: left;
  clear: both;
  display: block;
}

#notice p {
	margin: 0 0 5px 0;
	font-size: 83%;
}

#notice p, #notice a {
  color: #a3a0a2;
}

/* ADMIN AREA */

.adminbanner {
	min-height: 80px;
}

.adminbanner img {
	width: 979px;
}




/* JP temp marker */

/* below this point css is as per cssmasterpluspoints */


/* catalogue styles START */
/* catalogue item styles */

/* catalogue results - used by search results and wishlist */
/* search results are best used in a panelmedium and wishlist in a panelsmall*/

/* catresult is original version of search results rows - to be deleted */

.catresult, .wishlistresult {
  border-bottom: solid 1px #d6d0d6;
	width: 100%;
	margin: 5px 0 10px 0;
	float: left;
	display: block;
}

.catresult a {
	text-decoration: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
	padding: 5px 0 5px 0;
  float: left;
  display: block;
}

.catresult a:hover {
  background-color: #efedf0;
  _padding: 5px 0 5px 0; /* IE6 only */
}

.catresult a:focus {
  outline: none; /* remove focus outline from a tags used in catresult hover */
}

.linkstyle, .catresult a:hover .linkstylehover {
  color: #004b83;
  text-decoration: underline;
}

/* catresultcontent and catresultvalue are designed to be used together in a panelmedium
	 catresultfull can be used if catresultvalue is not required
*/

.panelmedium .catresultcontent, .panelmedium .catresultfull {
  width: 404px;
  margin: 0;
  padding: 0 15px 0 0;
}

.panelmedium .catresultcontent {
  width: 404px;
}

.panelmedium .catresultfull {
	width: 523px;
}

.panelmedium .catvalue {
  width: 115px;
  margin: 0 4px 0 0; /* actual margin-right should be 5px but 1px buffer added to prevent wrapping on browser zoom */
  padding: 0;
}

/* catresultcontent is used on its own in a panelsmall */

.panelsmall .catresultcontent, .panelsmall .catresultfull {
  width: 218px;  /* actual width should be 218px but 1px buffer added to prevent wrapping on browser zoom */
}

.catvalue h5 {
  text-align: right;
}

.progressbar {
	height: 10px;
	width: 164px;
	padding: 2px 0 2px 0;
	float: left;
	display: inline;
}

/* catrow is new version of search results rows - enables 3-section split of the result */


/* catalogue detail - designed to be used in a panelmedium */

/* catalogue select categories START */


/* catalogue select categories END */

/* catalogue styles END */

/* standard page END */


/* sliders START */

/* bxslider */

.panelcontent ul.bxslider, .panelcontent ul.bxslider li {padding:0;} /* remove default padding for a list in a panel */
.panelcontent ul.bxslider li {background-image:none;} /* remove the default background image for a list item in a panel */

.bx-wrapper .bx-prev, .bx-wrapper .bx-next,
.bx-wrapper .bx-controls-auto .bx-start, .bx-wrapper .bx-controls-auto .bx-stop {
background-image: url(/images/bxslider/default/controls.png?upd=20201223113452);}

.bx-wrapper .bx-loading {
background-image: url(/images/bxslider/default/bx_loader.gif?upd=20201223113452);}

img.bxsliderimg { /*when only 1 image so slider is replaced with static img */
	display:block;
	width:100%;
}

/* home styles START - using nivo.slider */

.nivoSlider.nsliderhomeimg {
  width: 979px; /* Change this to your images width */
  height: 297px; /* Change this to your images height */
}

/* home styles END */

/* styles recognition START - using nivo.slider */


/* styles recognition END */

/* sliders END */


/* showhide START */

.showhidemore {
	display: none;
}

/* showhide END */

/* passmeter START */

#passmeter.loginfrmrow, #passmeter.frmrow {
	width: 180px;
}

#passmeter.loginfrmrow {
	padding-left: 125px;
}

#passmeter.frmrow {
	padding-left: 195px;
}

.simplePassMeter {
	width: 170px !important;
	padding: 4px !important;
}

/* passmeter END */

/* misc styles START */

.vouchersampleimg {
  border: 1px solid #e3e1e2;
  width: 698px;
}

/* misc styles END */

/* overrides global START - these should be last in the css and tagged as !important to override previous style settings */

.widthauto {
  width: auto !important;
}

.marginrzero { /* old - use .marginnor instead */
  margin-right: 0 !important;
}

.bdrnone {
  border: none !important;
}

.marginnone {
  margin: 0 !important;
}

.marginnolr {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.marginnol {
  margin-left: 0 !important;
}

.marginnor {
  margin-right: 0 !important;
}

.marginnotbm {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.marginnot {
  margin-top: 0 !important;
}

.marginnobm {
  margin-bottom: 0 !important;
}

.paddingnone {
  padding: 0 !important;
}

.paddingnolr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.paddingnol {
  padding-left: 0 !important;
}

.paddingnor {
  padding-right: 0 !important;
}

.paddingnotbm {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.paddingnot {
  padding-top: 0 !important;
}

.paddingnobm {
  padding-bottom: 0 !important;
}

.tblbdr table td, .tblbdr table th {
  border: 1px solid #544e52;
}

td.tblbdr, th.tblbdr {
	border: 1px solid #544e52;
}

.tblbdr table td.tblbdrnone, .tblbdr table th.tblbdrnone {
	border: none;
}

.tblbdr th, .tblbdr td {
  padding-left: 5px;
  padding-right: 5px;
}

/* overrides global END */

/* JP temp marker */

/* above this point css is as per cssmasterpluspoints */


/* SECTION 2 */

/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}

.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}

.nivo-main-image {
	display: block !important;
	position: relative !important;
	width: 100% !important;
}

.slider-wrapper {
	position: relative;
}

.slider-wrapper .nivoSlider {
	position:relative;
	background:#fff url(/images/bxslider/default/nivo_loading.gif) no-repeat 50% 50%;
}

.slider-wrapper .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

.slider-wrapper .nivoSlider a {
	border:0;
	display:block;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white;
	filter:alpha(opacity=0);
	opacity:0;
}

/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}

.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}

.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 1;
	overflow: hidden;
	display: none;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.nivo-caption p {
	padding:5px;
	margin:0;
}

.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}

/* controlNav (pag - e.g. 1,2,3...)and directionNav (nav - e.g. Next & Prev) */

.nivo-directionNav a, .nivo-controlNav a, .nivo-pausePlay a {
	cursor:pointer;
}

.nivo-controlNav {
	text-align:center;
}

.nivo-controlNav a.active {
	font-weight:bold;
}

.slider-wrapper .nivo-controlNav, .slider-wrapper .nivo-controlNav a, .slider-wrapper .nivo-pausePlay, .slider-wrapper .nivo-pausePlay a, .slider-wrapper .nivo-directionNav, .slider-wrapper .nivo-directionNav a {
	z-index: 9;
}

.slider-wrapper .nivo-controlNav, .slider-wrapper .nivo-pausePlay, .nivo-directionNav {
	position:absolute;
}

.slider-wrapper .nivo-controlNav a, .slider-wrapper .nivo-pausePlay a, .slider-wrapper .nivo-directionNav a {
	display:block;
	text-indent:-9999px;
	border:0;
	float: left;
}

.slider-wrapper .nivo-controlNav, .slider-wrapper .nivo-pausePlay {
	bottom:10px;
}


	.slider-wrapper .nivo-controlNav a, .slider-wrapper .nivo-pausePlay a {
		width:20px;
		height:20px;
	}

	.slider-wrapper .nivo-controlNav {
		right: 42px;
	}

	.slider-wrapper .nivo-pausePlay {
		right: 16px;
	}
	.slider-wrapper .nivo-controlNav a, .slider-wrapper .nivo-pausePlay a {
		background:url(/images/bxslider/default/nivo_pag_bullets.png) no-repeat;
	}

	.slider-wrapper .nivo-controlNav a {
		background-position:0 0;
	}

	.slider-wrapper .nivo-controlNav a.active {
		background-position:0 -20px;
	}

	.slider-wrapper .nivo-pausePlay a.pause {
		background-position:0 -40px;
	}

	.slider-wrapper .nivo-pausePlay a.play {
		background-position:0 -60px;
	}

	.nivo-directionNav {
		width: 100%;
		top: 50%;
	}

	.nivo-directionNav a {
		position:absolute;
		top:-15px;
	}

	.slider-wrapper .nivo-directionNav a {
		width:30px;
		height:30px;
		background:url(/images/bxslider/default/nivo_pag_arrows.png) no-repeat;
	}

	.slider-wrapper a.nivo-prevNav {
		left:16px;
	}

	.slider-wrapper a.nivo-nextNav {
		background-position:-30px 0;
		right:16px;
	}



/* additional styles for mobile responsive and touchscreen friendly */

@-ms-viewport {
	width: device-width;
}

/* MBANNER MR */

*>/**/#mbanner { /* hide from IE7 and below */
	margin-top: 0px;
}

.mbannerouter {
	margin: 0px auto;
}

.mbannerwrapper, .mbannerinner {
	float: left;
	clear: both;
}

.mbannerwrapper {
	background-position: top left;
	background-repeat: no-repeat;
}

.mbannercontent {
	top: 0;
	left: 0;
	position: relative;
}

.mbannercontent a.iconnav, .mbannercontent a.iconnav img {
	width: 32px;
	height: 32px;
	position: absolute;
}

.mbannercontent a.logolink {
	top: 0;
	left: 0;
	position: absolute;
}

.mbannercontent a.logolink, .mbannercontent a.logolink img {
	height: 100%;
}

.mbannercontent a.iconnav {
	background-image: none;
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	top: 50%;
	margin-top: -16px;
}

.mbannercontent a.iconnav:hover, .mbannercontent a.iconnav:active {
	background-position: 0 -32px;
}

.mbannercontent a.iconnav.active {
	background-position: 0 -64px;
}

.mbannercontent a.iconnav.disabled {
	cursor: default;
}


		#iconnav_home.iconnav {
			right: 128px;
		}

		#iconnav_menu.iconnav {
			right: 88px;
		}

		#iconnav_user.iconnav {
			right: 48px;
		}

		#iconnav_logout.iconnav {
			right: 8px;
		}


.mbannercontent a.iconnav img {
	top: 0;
	left: 0;
}

/* MNAV MR / STATUSBAR MR */

#mnavm, #statusbarm {
	border-radius: none;
	font-size: 91%;
	float: left;
	display: none;
}

#mnavm {
	background-color:  #004b83;
	font-weight: bold;
	text-transform:  uppercase;
}

#statusbarm {
	background-color:  #d6d0d6;
}

#mnavm .mnavmenu, #statusbarm .statusbarcontent {
	padding: 10px;
	float: left;
}

#mnavm .mnavmenu ul {
	list-style: none;
}

#mnavm .mnavmenu .mnavl1, #mnavm .mnavmenu .mnavl2, #mnavm .mnavmenu .mnavl3 {
	width: 180px;
	margin: 0;
	padding: 0;
	float: left;
}

#mnavm .mnavmenu li a {
  color: #ffffff;
	text-decoration: none;
	min-height: 16px;
	width: 160px;
	padding: 2px 20px 2px 0;
	float: left;
}

#mnavm .mnavmenu li a.mnavexpand {
	background-image: url(/images/background/malaysia_incentives/mnavm_bullet.png?upd=20201223113452);
	background-position: 160px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
}

#mnavm .mnavmenu li.active > a.mnavexpand {
	background-position: 160px -100px;
}

#mnavm .mnavmenu li a:hover, #mnavm .mnavmenu li a:active {
	color: #f9f9f9;
}

#mnavm .mnavmenu li a.mnavlink:hover, #mnavm .mnavmenu li a.mnavlink:active {
	text-decoration: underline;
}

#mnavm .mnavmenu ul.mnavl1 {
	margin-left: 0;
	display: block;
}

#mnavm .mnavmenu ul.mnavl2, #mnavm .mnavmenu .mnavl3 {
	border-left: 1px solid #ffffff;
	padding-left: 10px;
	display: none;
}

#statusbarm .statusbaritem, #statusbarm .statusbaritem a {
	color: #322f31;
}

#statusbarm .statusbaritem a:hover {color: #004b83;}
#statusbarm .statusbaritem, #contactbar .contactbaritem {
  background-position: top left;
  background-repeat: no-repeat;
  height: 15px;
  float: left;
}

#statusbarm .statusbaritem {
	margin: 4px 0 0 0;
  padding: 1px 0 6px 25px;
	display: block;
	clear: both;
}

#statusbarm .iconcart {
	background-image: url(/images/icon/default/iconp_cart.gif?upd=20201223113452);
}

#statusbarm .iconemail {
	background-image: url(/images/icon/default/iconp_email.gif?upd=20201223113452);
}

#statusbarm .icongraph {
	background-image: url(/images/icon/default/iconp_graph.gif?upd=20201223113452);
}

#statusbarm .iconleague {
	background-image: url(/images/icon/default/iconp_league.gif?upd=20201223113452);
}

#statusbarm .iconlogout {
	background-image: url(/images/icon/default/iconp_logout.gif?upd=20201223113452);
}

#statusbarm .icontelephone {
	background-image: url(/images/icon/default/iconp_telephone.gif?upd=20201223113452);
}

#statusbarm .iconuser {
	background-image: url(/images/icon/default/iconp_user.gif?upd=20201223113452);
}

#snav {
	max-width: 600px;
}

/* CONTACTBAR MR */

#contactbar {
  display: block;
}

#contactbar .contactbaritem {
	font-size: 83%;
  padding: 1px 0 0 20px;
	display: inline;
}

#contactbar .contactbaritem, #contactbar .contactbaritem a {
	color: #544e52;
}

#contactbar .contactbaritem a:hover {color: #004b83;}
#contactbar .iconemail {
	background-image: url(/images/icon/default/iconn_email.gif?upd=20201223113452);
}

#contactbar .icontelephone {
	background-image: url(/images/icon/default/iconn_telephone.gif?upd=20201223113452);
}




/* RECOGNITION - using nivo.slider */

.panelmedium .recognitioneotmwin, .panelmedium .recognitionlsawin {
	border-radius: none;
	background-color: #e3e1e2;
	background-position: left top;
	background-repeat: repeat-x;
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;
	float: left;
}

.slider-wrapper.sliderrecognitioneotm, .slider-wrapper.sliderrecognitionlsa {
	position: relative;
}

.panelmedium .slider-wrapper.sliderrecognitioneotm, .panelmedium .slider-wrapper.sliderrecognitionlsa {
	left: 21px;
	top: 5px;
}

.panelmedium .acccontent .slider-wrapper.sliderrecognitioneotm, .panelmedium .acccontent .slider-wrapper.sliderrecognitionlsa {
	left: 10px;
}

.panelmedium .slider-wrapper.sliderrecognitioneotm .nivoSlider, .panelmedium .slider-wrapper.sliderrecognitionlsa .nivoSlider {
	left: 0;
}

.panelmedium .slider-wrapper.sliderrecognitioneotm .sliderrecognitioneotmtitle, .panelmedium .slider-wrapper.sliderrecognitionlsa .sliderrecognitionlsatitle {
	top: 5px;
	height: 20px;
}

.panelmedium .slider-wrapper.sliderrecognitioneotm form.recognitioneotmfilter, .panelmedium .slider-wrapper.sliderrecognitionlsa form.recognitionlsafilter {
	top: 30px;
	height: 25px;
}

.panelmedium .slider-wrapper.sliderrecognitioneotm .nivo-caption-slidereotm, .panelmedium .slider-wrapper.sliderrecognitionlsa .nivo-caption-sliderlsa {
	height: 55px;
}

.panelmedium .slider-wrapper.sliderrecognitioneotm .nivoSlider, .panelmedium .slider-wrapper.sliderrecognitionlsa .nivoSlider {
	border: 1px solid #d6d0d6;
	width: 150px;
	height: auto;
	max-height: 113px;
	position: absolute;
}

.panelmedium .slider-wrapper.sliderrecognitioneotm .sliderrecognitioneotmtitle, .panelmedium .slider-wrapper.sliderrecognitioneotm .nivo-caption-slidereotm, .panelmedium .slider-wrapper.sliderrecognitioneotm form.recognitioneotmfilter,
.panelmedium .slider-wrapper.sliderrecognitionlsa .sliderrecognitionlsatitle, .panelmedium .slider-wrapper.sliderrecognitionlsa .nivo-caption-sliderlsa, .panelmedium .slider-wrapper.sliderrecognitionlsa form.recognitionlsafilter {
	background: none;
	color: #544e52;
	padding: 0;
	position: absolute;
}

.panelmedium .slider-wrapper.sliderrecognitioneotm .sliderrecognitioneotmtitle, .panelmedium .slider-wrapper.sliderrecognitionlsa .sliderrecognitionlsatitle {
	font-size: 125%;
}

.panelmedium .slider-wrapper.sliderrecognitioneotm form.recognitioneotmfilter  .frmrow, .panelmedium .slider-wrapper.sliderrecognitionlsa form.recognitionlsafilter  .frmrow {
	padding: 0;
}

.panelmedium .slider-wrapper.sliderrecognitioneotm .nivo-caption-slidereotm div.winnertext, .panelmedium .slider-wrapper.sliderrecognitionlsa .nivo-caption-sliderlsa div.winnertext {
	font-size: 91%;
	width: 100%;
	padding: 0 0 5px 0;
}

	/* RECOGNITION - .rec */
	.rec.wrapper {
		overflow:hidden;
	}
	.rec .button_container {
		display: -webkit-flex; display: flex;
		-webkit-flex-wrap: wrap; flex-wrap: wrap;
		-webkit-justify-content: flex-start; justify-content: flex-start;
		margin-right:-15px;
	}
	.rec .button_item {
		box-sizing:border-box;
	}
	.rec .button_item a {
		background-color:#004b83;
		display:block;
		height:100%;
		position:relative;
		width:100%;
	}
	.rec .button_item .button_overlay, .rec .button_item .button_icon, .rec .button_item .button_content {
		position:absolute;

	}
	.rec .button_item img.spacer {
		display:block;
		visibility:hidden;
		width:100%;
	}
	.rec .button_item .button_overlay {
		background-color:rgba(255,255,255, 0.25);
		display:none;
		height:100%;
		left:0;
		top:0;
		width:100%;
	}
	.rec .button_item a:hover .button_overlay {
		display:block;
	}
	.rec .button_item .button_icon, .rec .button_item .button_content {
		color:#ffffff;
	}
	.rec .button_item .button_icon {
		left:50%;
		top:30%;
		-webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
	}
	.rec .button_item .button_content {
		bottom:10%;
		left:0;
		padding:0 2.5% 0 2.5%;
		text-align:center;
		text-transform:uppercase;
		width:95%;
	}
	/* winners gallery using bxslider */
	.rec.winners_gallery .slider-wrapper {
		background-color: #e3e1e2;
		border-radius: none;
		padding:5%;
		width:90%;
	}
	.rec.winners_gallery .bx-wrapper .bx-viewport {
		background:transparent;
	}
	.rec.winners_gallery .slide {
		-webkit-align-items:center; align-items:center;
		display:-webkit-flex; display:flex;
		-webkit-flex-wrap: wrap; flex-wrap: wrap;
		-webkit-justify-content:center; justify-content:center;
		width:100%;
	}
	.rec.winners_gallery .slide .image, .rec.winners_gallery .slide .caption {
		float:left;
	}
	.rec.winners_gallery .slide .image {
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
		position:relative;
	}
	.rec.winners_gallery .slide .image img {
		visibility:hidden;
		width:100%;
	}
	.rec.winners_gallery .slide .image .fas {
		color:#004b83;
		left:50%;
		position:absolute;
		top:50%;
		-webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);
	}
	.rec.winners_gallery .slide .caption {
		text-align:center;
	}
	.rec.winners_gallery .slide .caption .frmbts {
		width:100%;
	}
	.rec.winners_gallery .slide .caption a.frmbt {
		display:block;
		float:none;
		margin:0 auto 0 auto;
	}



	/* BENEFITS (employee benefits, not old-style discounts) */
	.panelbenefits .panelcontainer.panelheader {background-color:#d6d0d6; float:left; width:100%;}
		.panelbenefits .frmrow.frmcheckflex {
		-webkit-align-items:baseline; align-items:baseline;
		display:-webkit-flex;	display:flex;
		-webkit-flex-wrap:wrap;	flex-wrap:wrap;
	}
	.panelbenefits .frmrow.frmcheckflex label {
		display:inline;
		float:none;
		margin-top:0;
		max-width:80%;
		width:auto;
	}
	.panelbenefits .frmrow.frmcheckflex p.frmvalidate {
		width:100%;
	}
	.panelbenefits .bgmclr {
		background-color:#004b83;
	}
	.panelbenefits .bgmclr h3, .panelbenefits .bgmclr p, .panelbenefits .bgmclr label {
		color:#ffffff;
	}
	/* panelcontentrow */
	.panelbenefits .panelcontentrow.resultsdivodd, .panelbenefits .panelcontentrow.resultsdiveven {
		padding:10px 2.5% 10px 2.5%;
		width:95%;
	}
	.panelbenefits .results .panelcontentrow {
		border-bottom: 1px solid #d6d0d6;
	}
	.panelbenefits .results .panelcontentrow:last-child {
		border-bottom:0;
	}
	.panelbenefits .results .panelcontentrow.even {
		background-color: #f9f9f9;
	}
	/* panelinner */
	.panelbenefits .panelinnermediuml, .panelbenefits .panelinnermediumr, .panelbenefits .panelinnersmalll, .panelinnersmallr {
		float:left;
	}
	.panelbenefits .panelinnermediuml h4, .panelbenefits .panelinnermediumr h4, .panelbenefits .panelinnersmalll h4, .panelbenefits .panelinnersmallr h4 {
		padding:0 0 10px 0;
	}
	/* benefits calculator */
	.panelbenefits.benefit_calculator .panelinnersmalll label, .panelbenefits.benefit_calculator .panelinnersmallr label {
		width:150px;
	}
	/* benefits pagebanner */
	.benefits_banner .pagebanner_wrapper {
		height:100%;
		position:relative;
		width:100%;
	}
	.benefits_banner .pagebanner_caption_bg {
		left:50%;
		position:absolute;
		top:50%;
		transform:translate(-50%,-50%);
	}
	.benefits_banner .pagebanner_caption {
		background-color:rgba(255,255,255,0.7);
	}
	.benefits_banner .pagebanner_caption > div {
		color:#544e52;
		font-size:140%;
		font-weight:bold;
		text-transform:uppercase;
	}
	.benefits_banner .pagebanner_caption_end {display:none;} /* not used by default */
	/* benefits dashbuttons */
	.benefitsdash .dashbutton {
		background-color:#004b83;
		-webkit-align-items:center; align-items:center;
		color:#ffffff;
		display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
		height:150px;
		position:relative;
		text-decoration:none;
		width:100%;
	}
	.benefitsdash .dashbutton, .benefitsdash .dashbutton .dashbutton_title, .benefitsdash .dashbutton p {
		color:#ffffff;
	}
	.benefitsdash a.dashbutton span.dashbutton_hover {
		background-color:#ffffff;
		display:none;
		height:100%;
		left:0;
		opacity:0.15;
		position:absolute;
		top:0;
		width:100%;
	}
	.benefitsdash a.dashbutton:hover span.dashbutton_hover {
		display:block;
	}
	.benefitsdash .dashbutton_caption_bg {
		margin:0 auto;
		width:58%;
	}
	.benefitsdash .dashbutton_title {
		font-weight:bold;
		line-height:1.2;
		padding:10px 10px 0 10px;
		text-transform:uppercase;
	}
	.benefitsdash .dashbutton_caption {
		line-height:1.2;
		padding:0 10px 10px 10px;
	}
	.benefitsdash .dashbutton i {
		font-size:5em;
		margin:0 auto;
		text-align:center;
		width:40%;
	}
	.benefitsdash .benefit_contact .dashbutton {
		background-color:#ffffff;
		border:1px solid #544e52;
	}
	.benefitsdash .benefit_contact .dashbutton, .benefitsdash .benefit_contact .dashbutton .dashbutton_title, .benefitsdash .benefit_contact .dashbutton p {
		color:#544e52;
	}

	/* DISCOUNTS */
	.paneldiscounts.catresults .catitem img, .paneldiscounts.catdetails .catimg img {
		background-position:center top;
		background-repeat:no-repeat;
		background-size:contain;
	}
	/* catalogue */
	.paneldiscounts .cats {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap;	flex-wrap:wrap;	-webkit-justify-content:center;	justify-content:center; width:100%;}
	.paneldiscounts .cats .item {box-sizing:border-box; width:30%}
	.paneldiscounts .cats .item > a {background-color:transparent; display:block; position:relative; transition:background-color 0.2s; width:100%; text-decoration:none;}
	.paneldiscounts .cats .item > a > img {display:block; width:100%;}
	.paneldiscounts .cats .item .icon, .paneldiscounts .cats .item .caption {position:absolute; text-align:center; width:100%;}
	.paneldiscounts .cats .item .icon {
		background-position:50% 0; background-repeat:no-repeat; background-size:100% auto;
		height:50%;
		left:50%;
		top:10%;
		-webkit-transform:translate(-50%, 0); transform:translate(-50%, 0);
	}
	.paneldiscounts .cats .item .icon img, .paneldiscounts .cats .item .icon svg {height:100%;}
	.paneldiscounts .cats .item .icon svg {position:absolute; left:50%; top:50%; transition:fill 0.2s; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
	.paneldiscounts .cats .item .caption {-webkit-align-items:center; align-items:center; display:-webkit-flex; display:flex; height:30%; top:70%; width:100%;}
	.paneldiscounts .cats .item .caption > div {font-family:Arial, Helvetica, FreeSans, sans-serif, sans-serif; font-size:1.5em; font-weight:400; text-align:center; text-transform:uppercase; transition:color 0.2s; width:100%;}
	.paneldiscounts .cats .item > a:hover .icon svg path {fill:#ffffff;}
	.paneldiscounts .cats .item a:hover .caption > div {color: #ffffff;}
	.paneldiscounts .cats .item.cinema .icon svg path {fill: #004b83;}
	.paneldiscounts .cats .item.cinema .caption > div {color: #004b83;}
	.paneldiscounts .cats .item.cinema {border:1px solid #004b83;}
	.paneldiscounts .cats .item.cinema > a:hover {background-color: #004b83;}
	.paneldiscounts .cats .item.days_out .icon svg path {fill: #004b83;}
	.paneldiscounts .cats .item.days_out .caption > div {color: #004b83;}
	.paneldiscounts .cats .item.days_out {border:1px solid #004b83;}
	.paneldiscounts .cats .item.days_out > a:hover {background-color: #004b83;}
	.paneldiscounts .cats .item.health_and_beauty .icon svg path {fill: #004b83;}
	.paneldiscounts .cats .item.health_and_beauty .caption > div {color: #004b83;}
	.paneldiscounts .cats .item.health_and_beauty {border:1px solid #004b83;}
	.paneldiscounts .cats .item.health_and_beauty > a:hover {background-color: #004b83;}
	.paneldiscounts .cats .item.home_and_garden .icon svg path {fill: #004b83;}
	.paneldiscounts .cats .item.home_and_garden .caption > div {color: #004b83;}
	.paneldiscounts .cats .item.home_and_garden {border:1px solid #004b83;}
	.paneldiscounts .cats .item.home_and_garden > a:hover {background-color: #004b83;}
	.paneldiscounts .cats .item.lifestyle_and_sport .icon svg path {fill: #004b83;}
	.paneldiscounts .cats .item.lifestyle_and_sport .caption > div {color: #004b83;}
	.paneldiscounts .cats .item.lifestyle_and_sport {border:1px solid #004b83;}
	.paneldiscounts .cats .item.lifestyle_and_sport > a:hover {background-color: #004b83;}
	.paneldiscounts .cats .item.money_and_legal .icon svg path {fill: #004b83;}
	.paneldiscounts .cats .item.money_and_legal .caption > div {color: #004b83;}
	.paneldiscounts .cats .item.money_and_legal {border:1px solid #004b83;}
	.paneldiscounts .cats .item.money_and_legal > a:hover {background-color: #004b83;}
	.paneldiscounts .cats .item.motoring .icon svg {height:125%;}
	.paneldiscounts .cats .item.motoring .icon svg path {fill: #004b83;}
	.paneldiscounts .cats .item.motoring .caption > div {color: #004b83;}
	.paneldiscounts .cats .item.motoring {border:1px solid #004b83;}
	.paneldiscounts .cats .item.motoring > a:hover {background-color: #004b83;}
	.paneldiscounts .cats .item.shopping .icon svg path {fill: #004b83;}
	.paneldiscounts .cats .item.shopping .caption > div {color: #004b83;}
	.paneldiscounts .cats .item.shopping {border:1px solid #004b83;}
	.paneldiscounts .cats .item.shopping > a:hover {background-color: #004b83;}
	.paneldiscounts .cats .item.travel .icon svg path {fill: #004b83;}
	.paneldiscounts .cats .item.travel .caption > div {color: #004b83;}
	.paneldiscounts .cats .item.travel {border:1px solid #004b83;}
	.paneldiscounts .cats .item.travel > a:hover {background-color: #004b83;}
	/* results */
	.paneldiscounts.catresults .results {
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
		width:100%;
	}
	.paneldiscounts.catresults .catitem {
		border:1px solid #e3e1e2;
		box-sizing:border-box;
		margin:0 1% 20px 1%;
		width:48%;
		width:calc((100% / 2) - 2%);
	}
	.paneldiscounts.catresults .catitem a {
		-webkit-align-items:flex-start; align-items:flex-start;
		display:-webkit-flex; display:flex;
		height:100%;
		-webkit-justify-content:center;	justify-content:center;
		text-decoration:none;
		width:100%;
	}
	.paneldiscounts.catresults .catitem a:hover {
		background-color:#efedf0;
	}
	.paneldiscounts.catresults .catitem img, .paneldiscounts.catresults .catitem a > div {
		margin:10px 10px 10px 10px;
		width:45%; width:calc(50% - 20px);
	}
	.paneldiscounts.catresults .catitem a > div {
		padding:0;
	}
	.paneldiscounts.catresults .catitem h5.title {
		color:#544e52;
	}
	.paneldiscounts.catresults .catitem div.discount, .paneldiscounts.catresults .catitem div.description {
		width:100%;
	}
	.paneldiscounts.catresults .catitem div.discount p {
		padding-bottom:0;
	}
	/* pagbar */
	.paneldiscounts.catresults .pag {padding:10px 0 10px 0; text-align:center; width:100%;}
	.paneldiscounts.catresults .pag .pagbar {margin:0; width:100%;}
	.paneldiscounts.catresults .pag li:first-child, .paneldiscounts.catresults .pag li:nth-last-of-type(-n+2) {border:0;}
	.paneldiscounts.catresults .pag i.fas {line-height:1;}
	/*

	.paneldiscounts.catresults .pag ul {list-style:none;}
	.paneldiscounts.catresults .pag li {display:inline; font-size:1em; list-style-type:none;}
	.paneldiscounts.catresults .pag li {border-right:1px solid #a3a0a2; padding:0 10px;}
	.paneldiscounts.catresults .pag li:first-child {padding-left:0;}
	.paneldiscounts.catresults .pag li:last-child {padding-right:0;}
	.paneldiscounts.catresults .pag a {color:#544e52; line-height:1;}
	.paneldiscounts.catresults .pag a, .paneldiscounts.catresults .pag a:hover {text-decoration:none;}
	.paneldiscounts.catresults .pag a:hover {color:#004b83;}
	.paneldiscounts.catresults .pag a.current, .pag a.current:hover {font-weight: bold; ?>;}
	.paneldiscounts.catresults .pag a.disabled, .pag a.disabled:hover {color:#a3a0a2; cursor:default;}
	.paneldiscounts.catresults .pag a.disabled.current, .pag a.disabled.current:hover {color:#a3a0a2;}

	*/
	/* rpp (results per page ) */
	.paneldiscounts.catresults .rpp {-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center; width:100%;}
	.paneldiscounts.catresults .rpp select {margin:0 10px 0 10px;}
	/* catfilter */
	.paneldiscounts span#catfilter_count {display:none;}
	.paneldiscounts #catfilter .frminput.frmtext input, #catfilter .frmselect select {max-width:370px; width:90%; width:calc(100% - 30px);}
	.paneldiscounts #catfilter .frminput.frmtext, #catfilter .frmselect {display:-webkit-flex; display:flex;}
	.paneldiscounts #catfilter .frminput.frmtext > i, #catfilter .frmselect > i {-webkit-align-items:center; align-items:center; cursor:pointer; display:-webkit-flex; display:flex; -webkit-justify-content:right; justify-content:right; text-align:right; width:30px;}
	.paneldiscounts #catfilter .frminput.frmtext > i::before, .paneldiscounts #catfilter .frmselect > i::before {width:100%;}
	/* catfilter - link to change pack */
	.paneldiscounts span.catfilter_change {color:#004b83; font-size:0.5em; text-transform:initial;}
	.paneldiscounts span.catfilter_change, span.catfilter_change > a {vertical-align:baseline;}
	/* catsearch - message */
	.paneldiscounts div.catsearch_message {padding:0 0 15px 0; text-align:center; width:100%;}
	.paneldiscounts span.catsearch_clear {color:#004b83; cursor:pointer;}
	/* details */
	.paneldiscounts.catdetails {padding-bottom:15px;}
	.paneldiscounts.catdetails .panelcontent.description .inner {-webkit-align-items:stretch; align-items:stretch; display:-webkit-flex; display:flex; width:100%;}
	.paneldiscounts.catdetails .panelcontent.description .inner .left {margin: 0 2.5% 0 0; width:22.5%;}
	.paneldiscounts.catdetails .panelcontent.description .inner .right {margin:0 0 0 2.5%; width:72.5%;}
	.paneldiscounts.catdetails .catimg img {display:block; margin:0 auto; max-width:400px; width:100%;}
	.paneldiscounts.catdetails .panelcontent.redeem {background-color:#d6d0d6;}
	.paneldiscounts.catdetails .frmbts {-webkit-align-items:center; align-items:center; display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:center; justify-content:center; width:100%;}
	.paneldiscounts.catdetails .content > div.description_long, .paneldiscounts.catdetails .content > div.instruction, .paneldiscounts.catdetails .content div.useful, .paneldiscounts.catdetails .content div.terms {
		font-size: 91%;;
		line-height:1.4;
		padding-bottom:10px;
	}
	.paneldiscounts.catdetails .content > div.description_long p, .paneldiscounts.catdetails .content > div.instruction p, .paneldiscounts.catdetails .content div.useful p, .paneldiscounts.catdetails .content div.terms p,
	.paneldiscounts.catdetails .content > div.description_long li, .paneldiscounts.catdetails .content > div.instruction li, .paneldiscounts.catdetails .content div.useful li, .paneldiscounts.catdetails .content div.terms li {
		font-size:100%;
	}
	/* catdiscounts supplier specific */
	.paneldiscounts.catresults .catitem.elgar img {background-position:50% 5%; background-size:108% auto;}
	.paneldiscounts.catdetails .content.svm > div.description_long {padding-bottom:0;}
	.paneldiscounts.catdetails .content.svm > div.description_long > div {padding-bottom:10px;}


/* LIGHTBOX */

#lightbox {
	position: absolute;
	top: 0;
  left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
}

.lightboxwrapper {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	z-index: 2001;
}

.lightboxcontent {
	background: #ffffff;
  border-radius: 5px; /* not supported in all browsers */
  border: 1px solid #d6d0d6;
  padding: 10px;
	float: left;;
}

#lightbox-shadow {
	position: fixed;
	top: 0;
	left: 0;
  _position: absolute; /* ie6 only */
  _left: 0px; /* ie6 only */
  _top: 0px; /* ie6 only */
	width: 100%;
	height: 100%;
  background: #000000; /* for browsers that don't support alpha transparency */
  z-index: 2000;
	display: none;
}

*>/**/#lightbox-shadow {
/* hide from IE7 and below */
	background: rgba(0,0,0,0.7); /* for browsers that support alpha transparency - fixed for ie8 and below in cssie8 */
}

#lightbox h1 {
  text-align: left;
}

#lightbox h1 {
  width: 703px;
}

#lightbox .panelcontent {
  background-color: #ffffff;
  border-left: 1px solid #d6d0d6;
  border-right: 1px solid #d6d0d6;
  border-bottom: 1px solid #d6d0d6;
  margin: 0;
  padding: 10px 20px 10px 15px;
  text-align: left;
  float: left;
  display: block;
}

#lightbox .panelcontent.noh1, #lightbox .panelcontent.catimggallery {
	border-radius: none;
	border-top: 1px solid #d6d0d6;
}

#lightbox .panelcontent.catimggallery {
	background-color: #f9f9f9;
	text-align: center;
}

#lightbox p {
  font-size: 91%;
  line-height: 1.4;
}

.lightboxbt {
  width: 100%;
  text-align: center;
  float: left;
  display: block;
}

/* PRIVACY POLICY */
ol.privacy_policy p {font-size:100% !important; padding:5px 0 5px 0;}
ol.privacy_policy li > div {margin-left:27px;}
ol.privacy_policy li > div > p {padding:3px 0 3px 0;}
ol.privacy_policy table.cookies_list {border-collapse:collapse; border-spacing:0; margin:5px 0 5px 0;}
ol.privacy_policy table.cookies_list th, ol.privacy_policy table.cookies_list td {border:1px solid #000000; padding:5px; vertical-align:top;}
ol.privacy_policy table.cookies_list th {background-color:#efedf0;}

/* FONT AWESOME ICONS */

p.iconitem.iconfa .fa-fw.fa-lg, a.iconitem.iconfa .fa-fw.fa-lg {
	padding-right:20px;
}

a.iconitem.iconfa {
	text-decoration:none;
}

a.iconitem.iconfa .fa, a.iconitem.iconfa .fas, a.iconitem.iconfa .far, a.iconitem.iconfa .fab, a.iconitem.iconfa .fal {
	color:#544e52;
}

a.iconitem.iconfa:hover {
	text-decoration:underline;
}

a.iconitem.iconfa:hover .fa, a.iconitem.iconfa:hover .fas, a.iconitem.iconfa:hover .far, a.iconitem.iconfa:hover .fab, a.iconitem.iconfa:hover .fal {
	color:#004b83;
}

.fa-custom-text {
	font-family:Arial, Helvetica, FreeSans, sans-serif;
}

/* FONT AWESOME END */

/* HANDWRITING TEXT */
.hw {
	font-family:"Dancing Script","Lucida Handwriting", serif;
}

/* TEXT BUTTON */

input.frmbt, .frmbts a img {
	padding:4px 10px 4px 10px;
}

input.frmbt.txtbt, a.frmbt.txtbt {
	color:#ffffff;
	font-family:Arial,Helvetica,FreeSans,sans-serif;
	height:32px;
	text-align:center;
	text-transform:uppercase;
}


	.frmbts a.frmbt.txtbt img, .frmbts a.frmbt.txtbt {
		line-height:32px;
	}

	.frmbts a.frmbt.txtbt {
		padding:0 10px 0 10px;
	}

	input.frmbt.txtbt {
		padding:0;
		width:157px;
	}


h1 {
	font-weight:bold;
	text-transform:uppercase;
}

h1.reverse, h2.reverse {
	background-color:#7a7779;
	color:#ffffff;
}

h3.iconlink {
	font-weight:normal;
}

.loginpanel a, .loginpanel a:hover {
	color:#004b83 !important;
}

.panellarge h1, .panelmedium h1, .panelsmall h1, #lightbox h1 {
	height:auto;
}

#lightbox .panelcontent, #lightbox .panelcontent.noh1, #lightbox .panelcontent.catimggallery {
	border:none;
}

#mnavmenu li li {
	padding:0 20px 0 15px;
}

#mnavmenu li li ul {
	margin-left:185px !important;
}


/* set colours for accordion */
.panelcontent h2.acctrigger, #accordion.acc h2.ui-accordion-header, .panelcontent h2.acctogtrigger, .panelcontent h2.togtrigger {
	background-color: #d6d0d6; /* default state */
}

.panelcontent h2.acctrigger:hover, #accordion.acc h2.ui-accordion-header.ui-state-hover, .panelcontent h2.togtrigger:hover {
	background-color: #004b83; /* hover state */
}

.panelcontent h2.acctrigger.active, .panelcontent h2.acctrigger.active:hover, #accordion.acc h2.ui-accordion-header.ui-state-active, #accordion.acc h2.ui-accordion-header.ui-state-active.ui-state-hover, .panelcontent h2.togtrigger.togopen  {
	background-color: #004b83; /* active state */
}

.panelcontent h2.acctrigger a, #accordion.acc h2.ui-accordion-header a, .panelcontent h2.acctogtrigger a, .panelcontent h2.togtrigger a {
	color: #f9f9f9; /* default state */
}

.panelcontent h2.acctrigger a:hover, #accordion.acc h2.ui-accordion-header a:hover , .panelcontent h2.togtrigger a:hover {
	color: #ffffff; /* hover state */
}

.panelcontent h2.acctrigger.active a, .panelcontent h2.acctrigger.active:hover a, #accordion.acc h2.ui-accordion-header.ui-state-active a, #accordion.acc h2.ui-accordion-header.ui-state-active.ui-state-hover a, .panelcontent h2.togtrigger.togopen a {
	color: #ffffff; /* active state */
}

#accordion.acc h2.ui-accordion-header { /* remove border radius from jquery accordion */
	border-radius:0;
}

/* PANEL ADDITIONAL STYLES - supported by this stylesheet only */

.panelinnermediuml, .panelinnermediumr, .panelinnersmalll, .panelinnersmallr {
	float:left;
}

.panelinnermediuml h4, .panelinnermediumr h4, .panelinnersmalll h4, .panelinnersmallr h4 {
	padding:0 0 10px 0;
}

.panelimgs img {
	padding-bottom:10px;
	width:100%;
}
.lightboxinnerl, .lightboxinnerr {
	float:left;
}
/* fix table pag display in lightbox */
#lightbox .panelcontentlightbox .resultsbar p {
	font-size: 83%;
}

/* NEWSTICKER */
/*
.newstickercontent .ticker-controls {
	display:none;
}
*/

/* SLIDER HOME */

.sliderhome_wrapper {
	height:100%;
	position:relative;
	width:100%;
}

.sliderhome_caption_bg {
	background-color: rgba(255,255,255,0.7);
	left:10px;
	position:absolute;
}

.sliderhome_caption {
	color:#322f31;
	font-weight:normal;
	text-transform:uppercase;
}

.slider-wrapper.slider-home a {
	text-decoration:none;
}

/* PAGEBANNER */

.pagebanner_wrapper {
	height:100%;
	position:relative;
	width:100%;
}

.pagebanner_wrapper img.pagebanner {
	display:block;
}

.pagebanner_wrapper .pagebanner_caption_bg {
	background-color: rgba(255,255,255,0.7);
	left:0;
	position:absolute;
	top:50%;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
}

.pagebanner_wrapper .pagebanner_caption, .pagebanner_wrapper.catpromo .pagebanner_caption_bg .pagebanner_caption {
	color:#322f31;
	font-weight:bold;
	text-transform:uppercase;
}

/* DASHBUTTONS */

a.dashbutton {
	display:block;
	float:left;
	position:relative;
}

a.dashbutton img {
	display:block;
	width:100%;
}

a.dashbutton span.dashbutton_hover {
	background-color:#004b83;
	display:none;
	height:100%;
	left:0;
	opacity:0.15;
	position:absolute;
	top:0;
	width:100%;
}

a.dashbutton:hover span.dashbutton_hover {
	display:block;
}

/* CATALOGUE - demo only */

.catdetail input#quantity {
	text-align:center;
}

/* PERFORMANCE DASHBOARD */

.performance_dash .panelcontainer.panelheader {
	background-color:#7a7779;
	float:left;
	margin-top:5px;
	width:100%;
}

.performance_dash .panelheader h3 {
	color:#ffffff}

.performance_dash h4 {
	padding-bottom:10px;
	text-transform:uppercase;
}

.performance_dash h4 span.footnote {
	color:#544e52;
	font-weight:normal;
	text-transform:none;
}

/* TARGETGRAPH */

div.targetgraph {
	float:left;
	padding-bottom:10px;
}

div.targetgraph_wrapper {
	float:left;
	width:100%;
}

div.targetgraph_month, div.targetgraph_result {
	color:#544e52;
	display:inline;
	float:left;
	font-size:91%;
	line-height:20px;
	margin-right:5px;
}

div.targetgraph_month {
	width:34px;
}

div.targetgraph_result {
	width:60px;
}

div.targetgraph_bar {
	background-image:url("/images/background/default/targetgraph.png?upd=20201223113452");
	background-position:0 0;
	background-repeat:no-repeat;
	display:inline;
	float:left;
	width:180px;
}

div.targetgraph_bar_success, div.targetgraph_bar_danger {
	display:inline;
	float:left;
	height:10px;
	margin:5px 0;
}

div.targetgraph_bar_success {
	border-radius:5px;
	background-color:#a3a0a2;
}

div.targetgraph_bar_success.target_exceeded {
	border-radius:5px 0 0 5px;
}

div.targetgraph_bar_danger {
	border-radius:0 5px 5px 0;
	background-color:#004b83;
}

/* ANNUAL TARGET WHEEL - progress-bar-a */


.progress-bar-a.position {
	float:left;
	margin:10px 52px 10px 52px;
}

.progress-bar-a {
  background-image: none;
	height:180px;
	position:relative;
  width:180px;
}

.progress-bar-a div {
  border-radius:50%;
  height:180px;
	position:absolute;
  width:180px;
}

.progress-bar-a div span {
  background-color:#f9f9f9;
	color:#544e52;
	font-size:32px;
	font-weight:bold;
  line-height:130px;
  height:130px;
  left:25px;
  position:absolute;
  top:25px;
  text-align: center;
  border-radius: 50%;
  width:130px;
}

.progress-bar-a.progress_full div span {
	color:#004b83;
}

.progress-bar-a .rotate, .progress-bar-a .left, .progress-bar-a .right {
  clip:rect(0 90px 180px 0);
}

.progress-bar-a .left {
  opacity:1;
}

.progress-bar-a .right {
  opacity:0;
	transform:rotate(180deg);
}

@keyframes
	toggle {  0% {
	 opacity: 0;
	}
	 100% {
	 opacity: 1;
	}
}

/* MONTHLY + QUARTERLY + ANNUAL AWARDS */

.targetstbl_monthly table, .targetstbl_quarterly table {
	font-size:91%;
}

.targetstbl_monthly table {
	width:80%;
}

.targetstbl_quarterly table {
	width:80%;
}

.pa120, .pa115, .pa110, .pa100 {
	color:#004b83;
}

.quarterly_awards .panelcontainer.panelheader, .annual_awards .panelcontainer.panelheader, .ch_annual .panelcontainer.panelheader, .panel_recognition .panelcontainer.panelheader {
	background-color:#d6d0d6;
	float:left;
	width:100%;
}

/* SPIN-N-WIN */

.spinner_wrapper {
	height:308px;
	left:0;
	position:relative;
	top:0;
	width:100%;
}

img.spinner_pointer {
	left:50%;
	margin-left:-16px;
	position:absolute;
	top:4px;
	z-index:5;
}

#spinner_wheel {
	background-image:url(/images/background/default/spinner_wrapper.png?upd=20201223113452);
	background-position:center top;
	background-repeat:no-repeat;
	height:284px;
	left:0;
	padding-top:24px;
	position:absolute;
	top:0;
	width:100%;
}

#spinner_content {
	height:120px;
	left:50%;
	margin:-48px 0 0 -75px;
	position:absolute;
	text-align:center;
	top:50%;
	width:150px;
	z-index:5;
}

#spinner_form label, #spinner_form input, div.spinnerbt, div.spinner_message {
	position:relative;
}

#spinner_form label {
	/* color:#ffffff; */
	font-size:89%;
	top:12px;
}

#spinner_form input {
	border:1px solid #544e52;
	margin:0;
	padding:2px;
	text-align:center;
	top:22px;
}

#spinner_form div.spinnerbt {
	top:38px;
}

#spinner_form a.frmbt.txtbt {
	background-color:#004b83;
/*
	background-image:url(/images/button/grey3/tbt_mini.png?upd=20201223113452);
	background-position:0 0;
	background-repeat:no-repeat;
*/
	cursor:pointer;
	float:left;
	font-size:9pt;
	line-height:32px;
	margin:0 40px 0 40px;
	width:69px;
}

#spinner_form a.frmbt.txtbt:active  {
	background-color:#d7781f;
/*	background-position:0 -44px; */
}

#spinner_error.panelcontentrow {
	text-align:center;
}

#spinner_error.panelcontentrow p {
	color:#bf1733;
}

#spinner_content a.txtlink {
	cursor:pointer;
	text-decoration:underline;
}

div.spinner_message.spinner_error {
	top:22px;
}

div.spinner_message.spinner_playing {
	top:32px;
}

div.spinner_message.spinner_result {
	top:19px;
}

div.spinner_message p {
	color:#544e52;
	font-size:89%;
	padding:0;
}

div.spinner_message p span.spinner_prize {
	font-size:200%;
	font-weight:bold;
}

/* PEOPLEPOINTS */

.panelmedium .slider-wrapper.sliderrecognitioneotm .nivo-caption-slidereotm, .panelmedium .slider-wrapper.sliderrecognitionlsa .nivo-caption-sliderlsa {
	height:auto;
}

.panel_recognition h3 {
	padding-top:5px;
	text-transform:uppercase;
}

/* CHANNELPOINTS */

.panelcontent.ch_points td.featured {
	font-size:150%;
}
.panelcontent.ch_performance p.featured, #lightbox .ch_performance p.featured, #lightbox .ch_points p.featured {
	font-size:100%;
}

/*Prize Incentive CSS start*/

.chtargetstbl table, .chsummarytbl table, .chperformancetbl table {
	width:100%;
}
.chtargetstbl tr > th, .chtargetstbl tr > td {
	width:32%;
}
.chtargetstbl tr > th:first-child, .chtargetstbl tr > td:first-child {
	width:11%;
}
.chtargetstbl tr > th:last-child, .chtargetstbl tr > td:last-child {
	width:25%;
}
.ch_admin_pop .chtargetstbl tr > th {
	padding:5px 4% 5px 4%;
	width:auto;
}
.ch_admin_pop .chtargetstbl tr > td {
	padding:5px 4% 5px 4%;
	width:11%;
}
.ch_admin_pop .chtargetstbl tr > th:first-child, .ch_admin_pop .chtargetstbl tr > td:first-child {
	width:5%;
}
.ch_admin_pop .chtargetstbl tr.tblsubhdr > td {
	border-bottom:1px solid #d6d0d6;
	border-top:1px solid #d6d0d6;
}
.ch_admin_pop .chtargetstbl th.targets, .ch_admin_pop .chtargetstbl td.targets {
	background-color:#efedf0;
}
.ch_admin_pop .chtargetstbl th.performance, .ch_admin_pop .chtargetstbl td.performance {
	background-color:#a3a0a2;
	color:#ffffff;
}
.chtargetstbl table, .chperformancetbl table {
	font-size:91%;
}
.chsummarytbl table, #lightbox .chperformancetbl table {
	font-size:100%;
}
.chsummarytbl td {
	vertical-align:middle;
}

/*Prize Incentive CSS end*/

/*Annual Incentive CSS start*/

/*Annual Incentive CSS end*/

/*Canvas Textbox CSS start*/
.canvas_txtbx{
    background: url(/images/background/activedemo/spinnwin.jpg) no-repeat;
    height: 285px;
    left: 0;
    position: relative;
    top: 0;
    width: 285px;
}
.canvas_txtbxpanel{
	height: 120px;
    left: 32px;
    position: absolute;
    top: 93px;
    width: 120px;
    text-align: center;
}
.canvas_txtbxpanel .entercode input{
	margin: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
}
/*Canvas Textbox CSS end*/

/* PRIVILEGESPLUS */
#home_privileges.panellarge {
	background-color:transparent;
	margin-bottom:15px;
}
#home_privileges .dashbutton_wrapper {
	display:inline;
	float:left;
	margin:0 5px 0 5px;
}

/* CATALOGUE PROMO - CHRISTMAS */
/*
.panelcontentrow.catpromomsg {
	background-color:#a71930;
}
.panelcontentrow.catpromomsg p {
	color:#ffffff;
}
*/

/* PLUSPOINTS ADMIN - MASTERPRIZES */
.mpadmin .resultstbl .catdata td {vertical-align:middle;}
.mpadmin .resultstbl .catdata select {font-size:100%;}
.mpadmin .resultstbl .catdata div.frmboxmedium {float:left; font-size:100%; margin:0; padding-top:1px;}
.mpadmin .brandsdata {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.mpadmin .brandsdata .frmrow {-webkit-align-items:center; align-items:center; display:-webkit-flex; display:flex; width:auto;}
.mpadmin .brandsdata .frmrow input[type="checkbox"] {margin:0;}
.mpadmin .brandsdata .frmrow label {float:none; margin:0 15px 0 15px; width:150px;}
.mpadmin .brandsdata .frmrow a {margin:0 25px 0 0;}

/* LOGIN PANEL */
.loginpanel h1 {
	text-transform: uppercase;
	font-weight: 700;
}

/* MNAV */
#mnav {
	margin: 0 6px 0 5px;
	font-size: 91%;
}
#mnavmenu li ul {
	border-right: 0;
	border-bottom: 0;
}

/* SLIDERS */
.slider_item {
	height: 250px;
}
.widepanel .slider_item {
	height: 300px;
}
.slider_item .slider_image img {
	margin: 0 auto;
}
.slider_item .slider_text {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	padding: 5px 0;
}

.bx-wrapper .bx-viewport {
	background: transparent;
}

/* Accessibility enhancements START */


/* Accessibility enhancements END */