/* KLUGE - for left align issue with new pages 03/09 RL */
/* Isse will be handled from GOM main CSS  - Luigi 
body {
	text-align:center;
}*/

/* 
GO MasterCard CSS tweaks 
=============================
Last update: Thao 02/07/2010

TODO: intregrate into main css 

/*
TYPOGRAPHY TWEAKS
Base font-size 12px
Base line-height 18px
(NB: below will also define the containing element for SIFR )
*/
body {
	background: #fff url('../images/background_grad.png') top left repeat-x;
	color: #6F6F6E;
}


h1 {
	font: normal 30px/1.1 "Square721 BT", Arial;
	color: #003B1B;
	margin-top: 0;
	margin-bottom: 0.5em; 
}

h2 {
	font: normal 20px/1 "Square721 BT", Arial, sans-serif;
	color: #6F6F6E;
	margin-top: 0;
	margin-bottom: 1em; 
}

h3 {
    font: normal 18px/1 "Square721 BT", Arial, sans-serif;
	color: #6F6F6E;
	margin-top: 0;
	margin-bottom: .5em; 
}

h4 { 
	font: bold 14px/1.4 "Square721 BT", Arial, sans-serif;
	color: #6F6F6E;
	margin-top: 0;
	margin-bottom: .5em; 
}

/* Disclaimer styles */
.disclaimer { 
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.2em;
	font-size: 10px;
	color: #999;
}



#feat_home h1 {
margin: 0 20px 8px;
	font-size: 32px;

}

#feat_home h4 {
	margin: 0 20px 8px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

#feat_home p {
margin: 0 20px 8px;
	font-size: 14px;
}

.sidebar_container h4 {
 	margin-bottom: .125em; 
	font-size: 15px;
	color: #003B1B;
}

.content_container .teaserTitle {
	font-size: 18px;
	color: #003B1B;
	padding-bottom: 0px;
}

.content_container h3 {
	margin-bottom: .25em; 
    color: #003B1B;
}


/* HEADER TWEAKS */

.gom_headerLoginContainer{
	width: 185px;
	height: 80px;
    margin-top: -10px;
	background: url('../images/gom_headerLoginContainer_bg.gif') no-repeat;
}

/* Hack for IE 7 and below */
*:first-child+html {} * html .gom_headerLoginContainer { zoom:1; position:relative; }

.gom_bottomLeft{
	width: 185px;
	height: 70px;
}

.gom_bottomRight{
	width: 185px;
	height: 70px;
}

.dom_login_title{
	padding-top: 6px;
	font: normal 13px/15px "Square721 BT", Arial, sans-serif;
}

.dom_login_smallTitle {
	font-size: 11px;
	line-height: 1;
	overflow: hidden;
}
/* right btn/text replacement*/
.dom_logon_right {
	line-height: 13px;
}

/* LIST TWEAKS */
.listBox ul.linkList_arrow{
	padding-left:0;
	margin-left: 0;
}

ul.linkList_arrow li{
	list-style-type:none;
	list-style:none;
	background: transparent url("../images/icon_arrow.gif") 0 50% no-repeat;
	margin-left:0px;
	padding-left:20px;
}

/* Use def list for custom number list */
dl.numberList { }
/* number */
dl.numberList dt { float: left; clear: left; width: 25px; font-weight: bold; color: #003B1B;  }
dl.numberList dd { margin-left:25px; padding: 0 0 .5em; line-height: 1.8;   }
/* landing page apply steps */
#applySteps { font-size: 16px; }
#applySteps dt { width: 28px; font-family: "Square721 BT", Arial, sans-serif; font-weight: normal;   }
#applySteps dd { margin-left: 28px; }

/* apply arrow list styles */
.content_container ul {
	padding-left:0;
	margin-left: 0;
}

.content_container li{
	list-style-type:none;
	list-style:none;
	background: transparent url("../images/icon_arrow.gif") 0 50% no-repeat;
	margin-left:0px;
	padding-left:20px;
}

ol {
	padding-left:0;
	margin-left: 0;
}
ol li { 
	margin-left:0px;
	padding-left:0px;
}

/* 
CONTAINER TWEAKS
using fixed width of 180px (210px -10px left/right padding)
NB: IE box model !important and text-align centre hack used
*/
.sidebar_container {
	padding: 20px 10px 20px;
	width: 210px !important;
	width: 230px;
	text-align: center;
}
.sidebar_container .up_color,
.sidebar_container .down_color {
	margin: 0 auto;
	width: 180px;
}

.sidebar_container .CL_upperLeftCorner{
	background-image: url('../images/side_top_left_gom.gif');
}

.sidebar_container .CL_upperRightCorner{
	background-image: url('../images/side_top_right_gom.gif');
}

.sidebar_container .CL_lowerLeftCorner{
	background-image: url('../images/side_lower_left_gom.gif');
}

.sidebar_container .CL_lowerRightCorner{
	background-image: url('../images/side_lower_right_gom.gif');
}

/* content */
/* Set min-height for teasers here - since min-height not allowed on the parent table! */
.content_container .imageTeaser {
  min-width: 1px;
  width: auto !important;
  width: 1px;
  min-height: 150px;
  height: auto !important;
  height: 150px;
}

.content_container .CL_upperLeftCorner{
	background-image: url('../images/content_top_left_gom.gif');
}

.content_container .CL_upperRightCorner{
	background-image: url('../images/content_top_right_gom.gif');
}


.content_container .CL_lowerLeftCorner{
	background-image: url('../images/content_lower_left_gom.gif');
}

.content_container .CL_lowerRightCorner{
	background-image: url('../images/content_lower_right_gom.gif');
}




/* GENERIC TABLES */
/* Table styles (used on Fees & Charges) */
.table1 td {
	padding: .3em;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background-color: #eee;
	border: 1px solid #ddd;
}

.header1 td {
	font-weight:bold;
	color:#fff;
	background-color: #003b1b;
	text-align: center;
}

.header2 td {
	font-weight:bold;
    color:#6F6F6E;
	background-color: #fff;
}



/* $50 Harvey Norman Voucher Promotion */
#voucherpromo_landing {
	position: relative;
	width:961px;
	min-height:650px;	
	height:auto !important;
	height:650px;
	background-image: url(/common/images/50dollar-voucher-promo/50voucher_promotion_bg_v6.png);
	background-repeat: no-repeat;
	color:#000;
}

#voucherpromo_landing .voucherpromo_maintext {
	position:absolute;
	width: 750px;
	top: 215px;
	left: 115px;
}


#voucherpromo_landing .voucherpromo_maintext p {
	font-size: 14px;
	font-weight:bold;
}


#voucherpromo_landing .voucherpromo_leftbox {
	position:absolute;
	width: 380px;
	top: 460px;
	left: 40px;
	padding:15px;
}

.text_padding {
	margin:15px;
}

#voucherpromo_landing .voucherpromo_rightbox {
	position:absolute;
	width: 750px;
	top: 350px;
	left: 115px;	
}

.promotext {
	color: #aed479;
}

#voucherpromo_landing .voucherpromo_rightbox .voucherspace {
	clear:both;
	height: 130px;
}

#voucherpromo_landing .voucherpromo_rightbox p, #voucherpromo_landing .voucherpromo_leftbox p {
	margin: 18px 0 7px 0;
	color: #000;
	font-size: 13px;
}

#voucherpromo_landing .voucherpromo_rightbox img, #voucherpromo_landing .voucherpromo_leftbox img {
	position: absolute;
	top: 195px;
	left: 500px;
}

#voucherpromo_landing p.voucherpromo_smalltext span {
	color: #1a75aa;
	font-weight: bold;
}