/* CSS Document */

/*Global tag styles*/
body { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
h1 {font-size: 14px; margin:0; padding: 0}
h2 {font-size: 12px; margin:0; padding: 0}

/*Global font setting*/
body, td, p, input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00376b;
}

a, a:link, a:visited {
color:#106EAA;
text-decoration:underline;
}

a:hover,  a:active {
color:#106EAA;
text-decoration:underline;
}

#promotext a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#00376b; text-decoration: none }

#promotext { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#00376b; text-decoration: none; }

/*Initialise standard body class*/
.body01 { background-color: #dfdfdf; text-align: center; }

/*Header styles*/
#header_strip { background-color: #c7c7c7; padding-top: 13px; }
#header { background-image: url(/template_images/bg_content_header.gif); background-repeat: no-repeat; width: 932px;}
#header_content { width: 878px; margin-right: 20px; margin-left: 20px; padding-top: 8px; padding-bottom: 8px; }


/*change all content blocks back to align left after being centred,
set the width for the block to be centred correctly*/
#content_block { text-align: left; width: 932px; margin:0px auto; }

/*Header login box*/
#login H1 { font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; color: #002d62; margin: 0; padding: 0; }
#login .form { padding-top: 3px; padding-bottom: 3px; }
#login a:link, #login a:visited { color: #af0000; text-decoration: none; }
#login a:hover, #login a:active { color: #af0000; text-decoration: underline; }
#login input { font-size: 10px; }
#box01 { background-color: #bcbcbc; }
#box01 .corner01 { background-image: url(/template_images/bg_greybox_01.gif); background-repeat: no-repeat; width: 13px; height: 13px; }
#box01 .corner02 { background-image: url(/template_images/bg_greybox_02.gif); background-repeat: no-repeat; width: 13px; height: 13px; }
#box01 .corner03 { background-image: url(/template_images/bg_greybox_03.gif); width: 13px; height: 13px; }
#box01 .corner04 { background-image: url(/template_images/bg_greybox_04.gif); width: 13px; height: 13px; }

#errors_login { color: #fd0c0c; background-color: #f0c1c1; margin-bottom: 10px; padding: 5px; border: solid 1px #f04e4e; }
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 1px solid black;
border-bottom: 1px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}


/*Main menu*/
#menu { background-image: url(/template_images/menu_bg.gif); width: 918px; height: 38px; margin-left:4px;}
#menu .menu_footer {background-repeat:repeat-x; background:url(/template_images/bg_menu_footer.gif);}
#menu_spacer { background-image: url(/template_images/menu_spacer.gif); background-repeat: repeat-x; width: 918px; height: 6px; }

/*Footer*/
#footer { background-image: url(/template_images/bg_content_footer.gif); background-repeat: no-repeat; text-align: center; width: 918px; height: 49px; margin-top: 3px; margin-right: 10px; margin-left: 4px; padding-top: 14px; color:#000000; }
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover { text-decoration:none; color:#002d62; }

/*Footer ads*/
#footer_ad { width: 918px; margin-right: 10px; margin-left: 4px; }
#footer_ad .center { background-color: #fff; }
#footer_ad .center .item { text-align: center; width: 200px; padding-top: 20px; padding-bottom: 10px; }
#footer_ad .left { background-image: url(/template_images/bg_box02_01.gif); background-repeat: no-repeat; width: 25px; height: 101px; }
#footer_ad .right { background-image: url(/template_images/bg_box02_02.gif); background-repeat: no-repeat; width: 25px; height: 101px; }

/*Content table*/
#content_frame { }
#content_frame .left { 
background-image: url(/template_images/bg_content_left.gif); 
background-repeat: repeat-y; 
width: 4px; 
}
#content_frame .right { background-image: url(/template_images/bg_content_right.gif); background-repeat: repeat-y; width: 10px; }
#content_frame .bottom { background-image: url(/template_images/bg_content_bottom.gif); background-repeat: no-repeat; width: 932px; height: 34px; }
#content_frame .center { background-color: #fff; }
#content_frame .center .position { margin-left: 13px; }

#content_header { }
#content_header .left { vertical-align: bottom; }
#content_header .center { text-align: center; }
#content_header .banner { text-align: right; }

/*Introduction block*/
#intro { background-image: url(/template_images/bg_content_intro.gif); background-repeat: no-repeat; width: 297px; height: 95px; }
#intro .introText { font-size:15px; line-height:19px; padding:30px 40px 10px 25px; font-weight:bold; color:#123c6d; }

/*Content table*/
#contentTable { background-image: url(/template_images/content_bg.jpg); background-repeat: no-repeat; min-height:470px; }
#contentTableonlinemall { background-image: url(/template_images/content_bg_onlinemall.jpg); background-repeat: no-repeat; min-height:470px; }

#contentTable .contentRight { padding-top: 11px; }
#contentTable .contentRight .contentTitle01 { font-size:16px; color:#ffffff; background: url(/template_images/bg_title_bar.gif) repeat-y #003567; height: 24px; }
#contentTable .contentLeft { }

#contentTableonlinemall .contentRight { padding-top: 11px; }
#contentTableonlinemall .contentRight .contentTitle01 { font-size:16px; color:#ffffff; background: url(/template_images/bg_title_bar.gif) repeat-y #003567; height: 24px; }
#contentTableonlinemall .contentLeft { }


#contentend { background-image: url(/template_images/content_bg_footer.jpg); background-repeat: no-repeat; height: 22px; }
#contentTablebg { background: url(/template_images/content_back.jpg) repeat-y; 

}

/*Left search form*/
#searchForm { height: 215px; }
#searchForm #selectRegion { width: 162px; }
#searchForm #selectCategory { width: 162px; }
#searchForm #selectMode { width: 162px; }

#searchFormonlinemall { height: 185px; }
#searchFormonlinemall #selectRegion { width: 162px; }
#searchFormonlinemall #selectCategory { width: 162px; }
#searchFormonlinemall #selectMode { width: 162px; }

/*position search elements*/
#searchForm #searchOption01 { position: relative; top: 38px; left: 52px; width: 70px; }
#searchForm #searchOption02 { position: relative; top: 68px; left: 52px; width: 70px; }
#searchForm #searchOption03 { position: relative; top: 100px; left: 52px; width: 70px; }
#searchForm #hideOption {display: none; }

#searchFormonlinemall #searchOption01 { display: none;  }
#searchFormonlinemall #searchOption02 { position: relative; top: 38px; left: 52px; width: 70px; }
#searchFormonlinemall #searchOption03 { position: relative; top: 68px; left: 52px; width: 70px; }
#searchFormonlinemall #hideOption {display: none; }

/*Manage account button*/
#searchForm #manageaccount { position: relative; top: 115px; left: 50px; width: 20px;  }
#searchFormonlinemall #manageaccount { position: relative; top: 100px; left: 50px; width: 20px;  }

/*Online mall link panel*/
#onlinemall {width: 203px; margin-left: 21px; }

/*Redeem link panel*/
#redeem { background-image: url(/template_images/redeem_offers.gif); background-repeat: no-repeat; width: 203px; margin-top: 10px; margin-left: 21px; }

/*Supplier list*/
#supplierList { background-color: #f5f5f7; 
	min-height:485px;
	height:auto !important; 
	height:485px;
}
#supplier_list_table {}
#supplier_list_table .category_title {font-weight: bold; font-size: 11px; color:#106eaa; background-color:#e6e6e6;padding:8px 5px;}

/*Promotion list*/
#promotionList { background-color: #f5f5f7; }

/*Forms*/
.span {font-weight:bold;}
.errors_headerlogin { color: #fd0c0c; background-color: #f0c1c1; margin: 0; padding: 5px; border: solid 1px #f04e4e; }
.errors { color: #fd0c0c; background-color: #f0c1c1; margin-bottom: 10px; padding: 5px; border: solid 1px #f04e4e; }
#contactForm {}
#contactForm input, #contactForm textarea {width:250px;}
#contactForm input.radio,#contactForm input.checkbox {width:20px;}
#contactForm input.button {width:120px;}
#contactForm label {font-weight:bold;}
#joinForm {}
#joinForm input, #contactForm textarea {width:250px;}
#joinForm input.radio,#contactForm input.checkbox {width:20px;}
#joinForm input.button {width:120px;}
#joinForm label {font-weight:bold;}


/*breadcrumb*/
.breadcrumb {
                     font-size:10px;
	color:#00376b;
	padding-left:26px;
	padding-bottom:10px;
	vertical-align:top;
}

/*Content 3*/
.contbar {
                     font-size:16px; 
                     padding-left:0px; 
                     background-color:#01376a;
}

.contbod {
                     font-size:16px; 
                     padding-left:10px; 
                     color:#01376a;
}


.blutxt{
	font-size:12px;
	color:#005da0;
	padding-top:5px;
	font-weight:bold;
	text-decoration:none;
}


.bigtxt{
	font-size:12px;
	color:#106eaa;
	font-weight:bold;
	text-decoration:underline;
}

.rect02 {
width:177px;
height:12px;
background: url(/template_images/rect_02.jpg) no-repeat;

}

.rect04 {
width:12px;
background:url(/template_images/rect_04.jpg) repeat-y;
}

.rect06 {
background:url(/template_images/rect_06.jpg) repeat-y;

}

.rect08 {
background:url(/template_images/rect_08.jpg) no-repeat;

}

.conttxt{
	font-size:11px;
	color:#000000;
	line-height:18px;
}


.content03{
padding-right:18px;
padding-left:15px;
}


/* -------------help box ----------------*/

#click {
	background:url(/template_images/help_bg.jpg) no-repeat top left; 
height:82px;
width:167px;
text-align:center;
margin-left:15px;
font-size:14px;
font-weight:bold;
}

#click a, #click a:visited, #click a:hover, #click a:active {
font-size:14px;
font-weight:bold;
text-decoration:none;
}

#redclick{
color:#ca5a70;
margin-bottom:8px;
padding-top:15px;
}

/*suppliers details*/

.suppliertop {
	background:url(/template_images/supplier_top.jpg) no-repeat top left; 
	height:59px; 
	width:628px; 
	vertical-align:top;
	padding-left:5px;
}

.suppliertable {
	width:636px;
	height:73px;
	background-color:#f4f5f7;
	
}

.supplierhead {
	color:#172b60;
	font-size:18px;
}



.suppliername {
	font-size:16px;
	color:#FFFFFF;
	height:26px;
}

.suppliercategory {
	font-size:12px;
	color:#FFFFFF;
text-align:right;
padding-right:7px;
}


.backlink, .backlink a, .backlink a:active, .backlink a:visited, .backlink a:hover{
color:#172B60;
text-align:right;
padding-right:4px;
}

.lightblue {
	color:#5f87b2;
	font-weight:bold;
}

.black {
	color:#000000;
}

.blackb {
	color:#000000;
	font-weight:bold;
}

.suppliercont {
	padding: 20px 10px 10px 10px;
	vertical-align:top;
}

.points {
	text-align:center;
	padding-right:5px;
	padding-top:20px;
	vertical-align:top;
}

.pointshead {
	color:#b00404;
	font-weight:bold;
	text-align:center;
}

.pointshead2 {
	color:#172c59;
	font-weight:bold;
	font-size:11px;
	text-align:center;
}

.points2 {
	background:url(/template_images/points_01.gif) top left no-repeat; 
	height:37px; 
	width:121px;
	padding: 10px 10px 20px 10px;
                     text-align:center;
}

.points3 {
	background:url(/template_images/points_02.gif) top left no-repeat; 
	height:36px; 
	width:121px;
	padding: 10px 10px 20px 10px;
	color:#FFFFFF;
                     text-align:center;

}

.breadcrumb2{
	vertical-align:top;
	padding-left:10px;
}

.formtable {
background-color:#FFFFFF;
width:644px;
}

#greybg{
background-color:#FFFFFF;
width:644px;
	min-height:452px;
	height:auto !important;
margin-top:7px;
}


/*Welcome Login*/

#welcomelog .welcome {
color:#0c335e;
font-size:14px;
font-weight:bold;
}

#welcomelog .welcome2 {
color:#0c335e;
font-size:12px;
}


#login a:link, #login a:visited { color: #af0000; text-decoration: none; }
#login a:hover, #login a:active { color: #af0000; text-decoration: underline; }


#welcomelog a:link, #welcomelog a:visited, #welcomelog a:active, #welcomelog a:hover{
color:#92171a;
font-size:10px;
margin-top:5px
}

#welcomelog2, #welcomelog2 a, #welcomelog2 a:active, #welcomelog2 a:visited, #welcomelog2 a:hover{
font-size:16px;
color:#0c335e;
}

/*members*/

#bluebar {
width:460px;
height:17px;
padding-top:4px;
padding-left:5px;
background:url(/template_images/blue_bar.gif) top left no-repeat;

}

/*redeem*/
.redeembox{
	width:33%;
	text-align:center;
}

.redeempic{
	padding:10px;
text-align:center;
}

.redeemname {
	color:#005a8d;
	font-weight:bold;
	font-size:14px;
	padding-bottom:20px;
text-align:center;
}

.redeembtn {
	text-align:center;
	height:26px;
}

td.redeembtn a, td.redeembtn a:active, td.redeembtn a:visited, td.redeembtn a:hover, td.redeembtn a.available{
font-size:13px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
display:block;
height:26px;
width:134px;
padding-top:5px;
margin-left:28px;
background:url(/template_images/btn_grey.jpg) top center no-repeat;
}

td.redeembtn a.available {
background:url(/template_images/btn_blue.jpg) top center no-repeat !important;
}

/*Main menu*/
td.navbg { height: 27px; background-image: url(/template_images/xnavbg.gif); padding: 0; margin: 0;}
table.navbar { width: 480px; height: 27px; padding: 0px; margin: 0px; border-collapse: collapse; text-align: center;}
td.navs { padding: 0 14px 0 10px;  background-image: url(/template_images/xnavdivide.gif); background-position: right; background-repeat: no-repeat;  }
td.navnobg { padding: 0 14px 0 10px;  background-image: url(/template_images/xnavdivide.gif); background-position: right; background-repeat: no-repeat;  }
a.navl:link, a.navl:visited  { font-size: 11px; font-weight: bold; color: #0d346b; text-decoration: none }
a.navl:hover, a.navl:active  { font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none }

.acsubmenu { z-index: 5; visibility: hidden; cursor: pointer; border-bottom: 3px solid;  position:absolute;}
table.dropdown { padding: 0px; margin: 0px; text-align: center; }
td.dropnavs { padding: 6px 12px 6px 12px; background-color: #dae2ed; }
a.navdl:link, a.navdl:active, a.navdl:visited { font-size: 11px; font-weight: normal; color: #0d346b; text-decoration: none; }
a.navdl:hover { font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none; color: #bd9e44;}


/* SIDE NAV STYLES STARTS */

.side{
padding-left:10px;
}

.sidemenu {
 width:160px;

}

td.sidenavheader { 
font-size: 12px; 
font-weight: bold; 
color: #FFFFFF; 
background:url(/template_images/heading_menu.jpg) top left no-repeat; 
text-decoration: none; 
text-align: left; 
padding-top: 10px; 
padding-left: 10px; 
padding-bottom: 10px; 
}

td.sidenav { 
font-size: 11px; 
font-weight: normal; 
color: #363636; 
padding: 5px; 
text-transform: none; 
background-color: #efefef; 
border-bottom:solid 1px #CCCCCC;
width:150px;
}

.tablenav{
width:150px;
}


td.sidenavmainheader 
{ 
font-weight: bold; 
color: #064E7E; 
background-color: #C6C7CB; 
text-decoration: none; 
text-align: left; 
text-transform: none; 
padding-left: 10px; 
padding-bottom: 10px;
 }

td.sidenavmain { 
font-weight: normal; 
color: #363636; 
background-color: #E8E3E9; 
}

td.sidenav a:LINK .sidenavmainmenu, td.sidenav a:HOVER .sidenavmainmenu, td.sidenav a:VISITED .sidenavmainmenu, td.sidenav a:ACTIVE .sidenavmainmenu, a:FOCUS.sidenavmainmenu {  
font-weight: normal; 
color: #363636; 
text-decoration: none; 
text-align: left; 
}

td.sidenav a.sidenavmainsubmenu:LINK , td.sidenav a:HOVER .sidenavmainsubmenu, td.sidenav a:VISITED .sidenavmainsubmenu, td.sidenav a:ACTIVE .sidenavmainsubmenu, td.sidenav a:FOCUS.sidenavmainsubmenu {  
font-weight: normal; 
color: #363636; 
text-decoration: none; 
text-align: left; 
}

td.sidenav a:LINK , td.sidenav a:VISITED , td.sidenav a:FOCUS { 

font-weight: normal; 
color: #363636; 
text-decoration: none; 
text-align: left; 
text-transform: none; 
 }

td.sidenav a:ACTIVE, td.sidenav  a:HOVER , td.sidenav  a.active{
font-weight: normal; 
color: #106EAA; 
text-decoration: none; 
text-align: left; 
text-transform: none; 

}

b.active {
font-weight: bold; 
color: #106EAA; 
text-decoration: none; 
text-align: left; 
text-transform: none; 
}

a:LINK .sidenavsubmenu , a:HOVER .sidenavsubmenu , a:VISITED .sidenavsubmenu , a:ACTIVE .sidenavsubmenu , a:FOCUS.sidenavsubmenu { 
font-weight: normal; 
color: #363636; 
text-decoration: none; 
text-align: left; 
text-transform: none; 
padding: 0;
}






/* CSS Document */