@charset "utf-8";
/* ===== CIMB GET USED TO GETTING MORE LAUNCH GLOBAL CSS ===== */

object:active, div:active, li:active
{
outline: none;
}

object:focus, div:focus, li:focus
{
-moz-outline-style: none;
}


/* ===== SETUP BODY ELEMENTS ===== */

body {
	margin: 0;
	padding: 0;
}
body.intro {
	background: #FFF url(../img/introBG.jpg) repeat-x;
}
body.global {
	background: #FFF url(../img/globalBG.jpg) repeat-x;
}
#containerIntro {
	margin: 0 auto;
	background: url(../img/intro_containerBG.jpg) no-repeat;
	height: 660px;
	width: 1098px;
}
#containerGlobal {
	margin: 0 auto;
	background: url(../img/global_containerBG.jpg) no-repeat;
	height: 725px;
	width: 1098px;
	position: relative;
}
#logo {
	margin: 0 0 0 50px;
	width: 164px;
	height: 132px;
	position: absolute;
	z-index: 802;
}
/* ===== SETUP INTRO HEADER & AUTHENTICATION ELEMENTS ===== */

#agentIntro {
	background:url(../img/agentIntro.png) no-repeat;
	width: 350px;
	height: 600px;
	position: absolute;
	margin: 10px 0 0 270px;
	background-position: 0 40px;
	z-index: 22;
}
#speechbubble {
	background: url(../img/speechBub_bg.png) no-repeat;
	height: 210px;
	width: 470px;
	margin: 50px 0 0 410px;
	padding: 0;
	position: absolute;
}
#speechInside {
	background: url(../img/speechBub_bodyBG.png) repeat-x;
	height: 189px;
	width: 404px;
	margin: 1px 0 0 39px;
	padding: 0px;
}
#speech {
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	color: #FFF;
	line-height: 20px;
	text-shadow: 1px 1px 1px #555; /*--Not supported by IE--*/
	margin:50px 0 0 450px;
	padding: 20px 20px 0 20px;
	position: absolute;
	height: 169px;
	width: 364px;
	z-index: 25;
}
#speech a {
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #ec1c24;
	text-shadow: 1px 1px 1px #555; /*--Not supported by IE--*/
	text-decoration: none;
}
#speech a:hover {
	color: #ec1c24;
	text-decoration: underline;
}
#speechLogin a {
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #FFF;
	text-shadow: 1px 1px 1px #555; /*--Not supported by IE--*/
	text-decoration: none;
}
#speechLogin a:hover {
	color: #FFF;
	text-decoration: underline;
}
#greetings {
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	color: #FFF;
	margin:0;
	padding:13px 0 0 0;
	font-weight: normal;
	line-height: 20px;
}
#headerIntro {
	width: 1068px;
	height: 20px;
	margin: 0 auto;
	padding: 20px 10px;
	position: absolute;
	overflow: visible;
	z-index: 70;
}
#authentication {
	color: #FFF;
	float: right;
	height: 20px;
	width: 550px;
	margin: 0;
}
ul.authenticationIntro {
	list-style: none;
	margin: 0;
}
ul.authenticationIntro li {
	background: url(../img/red_dot.png) no-repeat;
	background-position: 0 4px;
	display:block;
	color: #FFF;
	font: 10px Arial, Helvetica, verdana, sans-serif;
	text-transform: uppercase;
	height: 20px;
	width: auto;
	padding: 0 0 0 10px;
	margin:0 0 0 10px;
	overflow: visible;
	float: right;
}
.authenticationIntro li a {
	display:block;
	color:#FFF;
	text-decoration: none;
}
.authenticationIntro li a:hover {
	color: #ec1c24;
	text-decoration: underline;
}
ul.authenticationIntro li.shareIntro a{
	background: url(../img/shareIcon_Intro.gif) no-repeat;
	background-position: 0 0;
	width: 100px;
	color: #FFF;
	text-decoration: none;
	padding: 0 0 0 32px;
}
ul.authenticationIntro li.shareIntro a:hover {
	background: url(../img/shareIcon_Intro_hover.gif) no-repeat;
	background-position: 0 0;
	color: #ec1c24;
	text-decoration: underline;
}
#skipThisPage {
	position:absolute;
	width: 139px;
	height: 33px;
	margin: 0 0 0 910px;
	top: 367px;
}
#skipThisPage img{
	border: 0;
}

/*==== SETUP HEADER GLOBAL & AUTHENTICATION GLOBAL =====*/
#shareboxIntro {
	position: absolute;
	margin: -45px 0 0 500px;
	z-index: 804;
}
#shareboxGlobal {
	position: absolute;
	margin: -5px 0 0 500px;
	z-index: 804;
}
#blurb {
	position: absolute;
	margin: 0 0 0 230px;
	z-index: 803;
}
#headerGlobal {
	background: url(../img/topBar.png) no-repeat;
	padding: 0;
	width: 1032px;
	height: 112px;
	clear: both;
	position: absolute;
	z-index: 801;
	margin: 0 33px;
}
#authenticationGlobal {
	height: 20px;
	width: 550px;
	margin: 20px 0 0 270px;
	position: absolute;
}
ul.authenticationGlobal {
	list-style: none;
	margin: 0;
}
ul.authenticationGlobal li {
	background: url(../img/white_dot.png) no-repeat;
	background-position: 0 3px;
	color: #000;
	display:block;
	font: 10px Arial, Helvetica, verdana, sans-serif;
	text-transform: uppercase;
	height: 20px;
	width: auto;
	padding: 0 0 0 10px;
	margin:0 0 0 10px;
	overflow: visible;
	float: right;
}
.authenticationGlobal li a {
	display:block;
	color:#000;
	text-decoration: none;
}
.authenticationGlobal li a:hover {
	color: #FFF;
	text-decoration: underline;
}
ul.authenticationGlobal li.shareGlobal a {
	background: url(../img/share_icon_norm.gif) no-repeat;
	background-position: 0 0;
	width: 100px;
	color: #000;
	text-decoration: none;
	padding: 0 0 0 32px;
}
ul.authenticationGlobal li.shareGlobal a:hover {
	background:  url(../img/share_icon_hover.gif) no-repeat;
	background-position: 0 0;
	color: #FFF;
	text-decoration: underline;
}
ul.authenticationGlobal li.shareGlobal2 a {
	display: block;
	float: left;
	color: #000;
	text-decoration: none;
	padding: 0 0 0 0;
}
ul.authenticationGlobal li.shareGlobal2 a:hover {
	color: #FFF;
}
ul.authenticationGlobal li.shareGlobal2 a.social_icon { margin-top: -5px; margin-right: 5px; }
ul.authenticationGlobal li.shareGlobal2 a.social_share_bookmark { margin-top: -2px; }
ul.authenticationGlobal span {
	color: #FFF;
	text-transform: uppercase;
}
#cardWave {
	width: 200px;
	height: 90px;
	margin: 0 5px 0 0;
	text-align: right;
	position: absolute;
	right: 0px;
}

/* ===== SETUP TOPNAV ===== */

#topnav {
	height: 35px;
	width: 600px;
	margin: 15px 0 0 220px;
	position: absolute;
	top: 40px;
}
ul.cssmenu {
	list-style: none;
	padding: 0px;
	margin: 0;
}
.displace {
	position: absolute;
	left: -5000px;
}
ul.cssmenu li {
	display: block;
	float: left;
	margin: 0 20px 0 0;
}
ul.cssmenu li a {
	display: block;
	width: 100px;
	height: 30px;
	background: url(../img/topNavSprite.png) no-repeat;
}

/* ===== TOPNAV NORMAL LINKS SELECTED ===== */

ul.cssmenu li.homeSelected {
	background: url(../img/topNavSprite.png) no-repeat;
	background-position: 15px -30px;
	width: 100px;
	height: 30px;
}
ul.cssmenu li.aboutSelected {
	background: url(../img/topNavSprite.png) no-repeat;
	background-position: -115px -30px;
	width: 100px;
	height: 30px;
}
ul.cssmenu li.viralSelected {
	background: url(../img/topNavSprite.png) no-repeat;
	background-position: -250px -30px;
	width: 100px;
	height: 30px;
}
ul.cssmenu li.bonusSelected {
	background: url(../img/topNavSprite.png) no-repeat;
	background-position: -380px -30px;
	width: 100px;
	height: 30px;
}
ul.cssmenu li.primeSelected {
	background: url(../img/topNavSprite.png) no-repeat;
	background-position: -500px -30px;
	width: 100px;
	height: 30px;
}

/* ===== TOPNAV LINKS===== */

ul.cssmenu li.home a {
	background-position: 15px 0;
}
ul.cssmenu li.about a {
	background-position: -115px 0;
}
ul.cssmenu li.viral a {
	background-position: -250px 0;
}
ul.cssmenu li.bonus a {
	background-position: -380px 0;
}
ul.cssmenu li.prime a {
	background-position: -500px 0;
}

/* ===== TOPNAV HOVER LINKS ===== */

ul.cssmenu li.home a:hover {
	background-position: 15px -30px;
}
ul.cssmenu li.about a:hover {
	background-position: -115px -30px;
}
ul.cssmenu li.viral a:hover {
	background-position: -250px -30px;
}
ul.cssmenu li.bonus a:hover {
	background-position: -380px -30px;
}
ul.cssmenu li.prime a:hover {
	background-position: -500px -30px;
}

/* ===== TOPNAV CLICKED LINKS===== */

ul.cssmenu li.home a:active {
	background-position: 15px 0;
}
ul.cssmenu li.about a:active {
	background-position: -115px 0;
}
ul.cssmenu li.viral a:active {
	background-position: -250px 0;
}
ul.cssmenu li.bonus a:active {
	background-position: -380px 0;
}
ul.cssmenu li.prime a:active {
	background-position: -500px 0;
}

/* ===== TOPNAV SELECTED LINKS===== */

ul.cssmenu li.home a.topnavSelected{
	background-position: 15px -30px;
}
ul.cssmenu li.about a.topnavSelected {
	background-position: -115px -30px;
}
ul.cssmenu li.viral a.topnavSelected {
	background-position: -250px -30px;
}
ul.cssmenu li.bonus a.topnavSelected {
	background-position: -380px -30px;
}
ul.cssmenu li.prime a.topnavSelected {
	background-position: -500px -30px;
}

/* ===== SETUP SUBNAV ===== */

#subnav {
	background: url(../img/subNav_bg.png) no-repeat;
	height: 80px;
	width: 1035px;
	position: absolute;
	padding: 0;
	z-index: 800;
	margin: 87px 0 0 38px;
}
#nameThatVideoSubnav {
	display: block;
	height: 60px;
	width: 160px;
	margin: -21px 0 0 -10px;
	float: left;
}
a.nameThatVideoSubnav {
	display: block;
	background: url(../img/nameThatVideo.png) no-repeat;
	background-position: 0 0;
	height: 50px;
	width: 138px;
}
a:hover.nameThatVideoSubnav {
	background-position: 0 -41px;
}
ul.subnavmenu {
	list-style: none;
	padding: 0px;
	margin: 30px 0 0 310px;
}
ul.subnavmenu li {
	display: block;
	float: left;
	margin: 0 16px 0 0;
}
ul.subnavmenu li a {
	display: block;
	width: 100px;
	height: 13px;
	background: url(../img/subNav.png) no-repeat;
}
/* ===== SUBNAV NORMAL LINKS SELECTED ===== */

ul.subnavmenu li.bonusPointsSelected {
	background: url(../img/subNav.png) no-repeat;
	background-position: 0 -13px;
	width: 150px;
	height: 13px;
}

ul.subnavmenu li.bankingSelected {
	background: url(../img/subNav.png) no-repeat;
	background-position: -165px -13px;
	width: 130px;
	height: 13px;
}

ul.subnavmenu li.ratesSelected {
	background: url(../img/subNav.png) no-repeat;
	background-position: -309px -13px;
	width: 111px;
	height: 13px;
}

ul.subnavmenu li.benefitsSelected {
	background: url(../img/subNav.png) no-repeat;
	background-position: -431px -13px;
	width: 106px;
	height: 13px;
}

/* ===== SUBNAV LINKS ===== */

ul.subnavmenu li.bonusPoints a{
	background-position: 0 0;
	width: 150px;
}

ul.subnavmenu li.banking a{
	background-position: -165px 0;
	width: 130px;
}

ul.subnavmenu li.rates a{
	background-position: -309px 0;
	width: 111px;
}

ul.subnavmenu li.benefits a{
	background-position: -431px 0;
	width: 106px;
}

/* ===== SUBNAV HOVER LINKS ===== */

ul.subnavmenu li.bonusPoints a:hover{
	background-position: 0 -13px;
	width: 150px;
}

ul.subnavmenu li.banking a:hover{
	background-position: -165px -13px;
	width: 130px;
}

ul.subnavmenu li.rates a:hover{
	background-position: -309px -13px;
	width: 111px;
}

ul.subnavmenu li.benefits a:hover{
	background-position: -431px -13px;
	width: 106px;
}

/* ===== SUBNAV ACTIVE LINKS ===== */

ul.subnavmenu li.bonusPoints a:active{
	background-position: 0 0;
	width: 150px;
}

ul.subnavmenu li.banking a:active{
	background-position: -165px 0;
	width: 130px;
}

ul.subnavmenu li.rates a:active{
	background-position: -309px 0;
	width: 111px;
}

ul.subnavmenu li.benefits a:active{
	background-position: -431px 0;
	width: 106px;
}

/* ===== SUBNAV SELECTED LINKS ===== */

ul.subnavmenu li.bonusPoints a.selected{
	background-position: 0 -13px;
	width: 150px;
}

ul.subnavmenu li.banking a.selected{
	background-position: -165px -13px;
	width: 130px;
}

ul.subnavmenu li.rates a.selected{
	background-position: -309px -13px;
	width: 111px;
}

ul.subnavmenu li.benefits a.selected{
	background-position: -431px -13px;
	width: 106px;
}

/* ===== SETUP CONTENT ELEMENTS ===== */

#mainContentIntro {
	width: 1097px;
	height: 610px;
	margin: 0;
}
#mainContent {
	width: 1097px;
	height: 570px;
	margin: 0;
	padding: 112px 0 10px 0;
}

/* ===== SETUP HOMEPAGE CONTENT ===== */

#agent1 {
	background: url(../img/agent1.png) no-repeat;
	height: 544px;
	width: 211px;
	margin: 30px 0 0 30px;
	position: absolute;
}
#homeMid {
	height: 440px;
	width: 830px;
	margin: 30px 0 0 70px;
	left: 119px;
	position: absolute;
}
#homeCopy {
	height: 70px;
	width: 780px;
	margin: 5px 0 0 0;
	position: absolute;
	left: 16px;
	top: -10px;
}
#homeVideo {
	height: 165px;
	width: 810px;
	margin: 25px 0 0 10px;
	padding: 0;
	position: absolute;
	top: 102px;
}
#homeVideoHolder {
	height: 133px;
	width: 490px;
	margin: 0 auto;
	padding: 0;
	overflow: visible;
}
ul.videoThumbs {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.videoThumbs li {
	display: block;
	width: 149px;
	height: 133px;
	float: left;
	margin: 0 7px 0 7px;
}
ul.videoThumbs li a{
	background: url(../img/home/videoFrame.png) no-repeat;
	font: 10px Tahoma;
	text-decoration: none;
	color: #F00;
	display: block;
	width: 123px;
	height: 91px;
}
ul.videoThumbs li a:hover{
	color: #FFF;
	text-decoration: underline;
	background-position: 0 -133px;
}
ul.videoThumbs li a.videos{
	padding: 12px 14px 30px 12px;
}
ul.videoThumbs li a img{
	margin: 0;
	padding: 0;
	position: absolute;
}
ul.videoThumbs li a.videos span{
	height: 12px;
	width: 123px;
	margin: 0;
	padding: 5px 0;
	position: absolute;
	top: 105px;
	overflow: hidden;
}
#homePhoto {
	height: 110px;
	width: 810px;
	margin: 13px 0 0 10px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 274px;
}
#homePhotoHolder {
	height: 78px;
	width: 440px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
ul.photoThumbs {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.photoThumbs li {
	display: block;
	width: 86px;
	height: 58px;
	float: left;
	margin: 0 2px 0 0;
}
ul.photoThumbs li a{
	background: url(../img/home/photoThumbBG.png) no-repeat;
	font: 10px Tahoma;
	text-decoration: none;
	color: #FFF;
	display: block;
	width: 86px;
	height: 58px;
	cursor: pointer;
}
ul.photoThumbs li a:hover{
	color: #FFF;
	text-decoration: underline;
	background-position: 0 -86px;
}
ul.photoThumbs li a.photos{
	padding: 4px;
}
ul.photoThumbs li a img{
	margin: 0;
	padding: 0;
	position: absolute;
}
ul.photoThumbs li a.photos span{
	height: 12px;
	width: 78px;
	margin: 0;
	padding: 5px 0;
	position: absolute;
	top: 53px;
	overflow: hidden;
}
#moreLink {
	height: 24px;
	width: 147px;
	margin: 0 auto;
	padding: 0 19px;
	left: 305px;
	float: none;
}
#moreLink a.moreVideosLink {
	display:block;
	background:url(../img/home/bt_seemorevid.png) no-repeat;
	background-position: 0 0;
	height: 24px;
	width: 147px;
}
#moreLink  a:hover.moreVideosLink {
	background-position: 0 -24px;
}
#moreLink a.morePhotosLink {
	display:block;
	background: url(../img/home/bt_seemorephoto.png) no-repeat;
	background-position: 0 0;
	height: 24px;
	width: 147px;
}
#moreLink  a:hover.morePhotosLink {
	background-position: 0 -24px;
}
#calendar {
	width: 213px;
	height: 161px;
	position: absolute;
	margin: 395px 0 0 150px;
	padding: 0;
	overflow: visible;
}
#nameThatVideoBig {
	height: 70px;
	width: 220px;
	position: absolute;
	margin: 20px 0 0 200px;
}
#nameThatVideoBig a{
	height: 57px;
	width: 190px;
	background: url(../img/home/nameThatvideo_btn.png) no-repeat;
	background-position : 0 0;
	display: block;
}
#nameThatVideoBig a:hover{
	height: 57px;
	width: 190px;
	background: url(../img/home/nameThatvideo_btn.png) no-repeat;
	background-position : 0 -57px;
	display: block;
}
#scrollHolder {
	height: auto;
	width: 404px;
	margin: -30px 30px 0 660px;
	padding: 0;
	z-index: 201;
	position: absolute;
}
#scrollTop {
	background: url(../img/home/scroll_Top.png) no-repeat;
	height: 418px;
	width: 404px;
}
#scrollContent {
	height: 358px;
	width: 355px;
	margin: 0 auto;
	padding: 60px 0 0 0;
}
#scrollBottom{
	background: url(../img/home/scroll_Bottom.png) no-repeat;
	height: 74px;
	width: 404px;
	position: relative;
	float: left;
}
#scrollClose {
	height: 26px;
	width: 149px;
	display: block;
	position: absolute;
	top: 45px;
	left: 215px;
}
a#scrollClose1 {
	background: url(../img/home/closeBubbleButton.png) no-repeat;
	height: 26px;
	width: 149px;
	display: block;
}
a:hover#scrollClose1 {
	background-position: bottom left;
}
a#scrollClose2 {
	background: url(../img/home/closeBubbleButton.png) no-repeat;
	background-position: top right;
	height: 26px;
	width: 149px;
	display: block;
}
a:hover#scrollClose2 {
	background-position: bottom right;
}
#scrollCopy {
	height: 139px;
	width: 345px;
	margin: 0;
	padding: 0;
	float: left;
}
#homeIconsHolder {
	height: 218px;
	width: 380px;
	float: left;
	margin: 0 0 0 -10px;
	padding: 0;
}
ul.homeIcons {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.homeIcons li{
	float: left;
}
li.icon1 a{
	background: url(../img/home/5icon_wtext.png) no-repeat;
	background-position: 0 0;
	height: 120px;
	width: 100px;
	display: block;
}
li.icon1 a:hover{
	background: url(../img/home/5icon_wtext.png) no-repeat;
	background-position: 0 -221px;
	display: block;
}
li.icon2 a{
	background: url(../img/home/5icon_wtext.png) no-repeat;
	background-position: -100px 0;
	height: 120px;
	width: 100px;
	display: block;
}
li.icon2 a:hover{
	background: url(../img/home/5icon_wtext.png) no-repeat;
	background-position: -100px -221px;
	display: block;
}
li.icon3 a{
	background: url(../img/home/5icon_wtext.png) no-repeat;
	background-position: -200px 0;
	height: 120px;
	width: 162px;
	display: block;
}
li.icon3 a:hover{
	background: url(../img/home/5icon_wtext.png) no-repeat;
	background-position: -200px -221px;
	display: block;
}
li.icon4 a{
	background: url(../img/home/5icon_wtext.png) no-repeat;
	background-position: 0 -120px;
	height: 98px;
	width: 200px;
	display: block;
}
li.icon4 a:hover{
	background: url(../img/home/5icon_wtext.png) no-repeat;
	background-position: 0 -341px;
	display: block;
}
li.icon5 a{
	background: url(../img/home/5icon_wtext.png) no-repeat;
	background-position: -200px -120px;
	height: 98px;
	width: 162px;
	display: block;
}
li.icon5 a:hover{
	background: url(../img/home/5icon_wtext.png) no-repeat;
	background-position: -200px -341px;
	display: block;
}
h4 {
	font: 17px Arial, Helvetica, Verdana, sans-serif;
	color:#000;
	line-height: 20px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}
p.scrollText {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	text-shadow: none; /*--Not supported by IE--*/
	color:#000;
	margin: 10px 0 0 0;
	line-height: 18px;
}
a.scrollTextLink {
	color:#8f001c;
	text-decoration: underline;
}
a:hover.scrollTextLink {
	color:#F00;
	text-decoration: underline;
}


/* ===== SETUP ABOUT CONTENT ===== */

#agent2 {
	background: url(../img/agent2.png) no-repeat;
	height: 549px;
	width: 268px;
	margin: 40px 0 0 60px;
	position: absolute;
}
#aboutCopy {
	height: 400px;
	width: 400px;
	position: absolute;
	margin: 40px 0 0 290px;
}
#aboutVideo {
	width: 350px;
	height: 260px;
	position: absolute;
	margin: 70px 0 0 700px;
}

/* ===== SETUP PREFERENTIAL RATES CONTENT ===== */

#agent3 {
	background: url(../img/agent3.png) no-repeat;
	width: 237px;
	height: 557px;
	margin: 35px 0 0 0;
	position: absolute;
	background-position: top right;
}
#ratesCopy {
	height: 100px;
	width: 700px;
	position: absolute;
	margin: 35px 0 0 250px;
}
#ratesBox1 {
	background: url(../img/preferential_rates/bg_psa.png) no-repeat;
	height: 280px;
	width: 200px;
	margin: 140px 0 0 200px;
	padding: 50px 25px 10px 25px;
	position: absolute;
}
#ratesBox2 {
	background: url(../img/preferential_rates/bg_hf.png) no-repeat;
	height: 260px;
	width: 180px;
	margin: 180px 0 0 425px;
	padding: 55px 25px 10px 25px;
	position: absolute;
	z-index: 13;
}
#ratesBox3 {
	background: url(../img/preferential_rates/bg_primeodline.png) no-repeat;
	height: 112px;
	width: 185px;
	margin: 135px 0 0 648px;
	padding: 50px 25px;
	position: absolute;
}
#ratesBox4 {
	background: url(../img/preferential_rates/bg_cf.png) no-repeat;
	height: 230px;
	width: 200px;
	margin: 240px 0 0 830px;
	padding: 70px 25px 10px 25px;
	position: absolute;
}
ul.ratesInfo {
	list-style-type: none;
	list-style-image: none;
	height: auto;
	width: 180px;
	margin: 0 auto;
	padding: 5px 0 15px 10px;
	display: block;
}
li.ratesInfoList {
	font: 12px Arial, Helvetica, verdana, sans-serif;
	color: #000;
	line-height: 18px;
	list-style-type: none;
	list-style-image: url(../img/arrow_red.png);
	height: auto;
	width: auto;
	margin: 0 0 10px 0;
	padding: 0;
}
#fullDetails {
	height: 24px;
	width: 126px;
	margin: 7px 0 0 10px;
	position: absolute;
	display: block;
}
#fullDetails a{
	display: block;
	background:url(../img/preferential_rates/btn_viewDetails.png) no-repeat;
	height: 24px;
	width: 126px;
}
#fullDetails a:hover{
	background-position: 0 -24px;
}	
.tncBtn {
	font: 10px Arial, Helvetica, verdana, sans-serif;
	color: #8f001c;
	height: auto;
	width: auto;
	margin: -5px 0px 0 0;
	float: right;
}
.tncBtn a{
	color: #8f001c;
	text-decoration: underline;
}
.tncBtn a:hover{
	color: #FF0000;
	text-decoration: underline;
}
/* ===== SETUP LIFESTYLE BENEFITS CONTENT ===== */

#agent4 {
	background: url(../img/agent4.png) no-repeat;
	width: 300px;
	height: 570px;
	margin: 30px 0 0 30px;
	position: absolute;
}
#lifestyleBenefits {
	width: 780px;
	height: 400px;
	margin: 30px 0 0 240px;
	position: absolute;
}
#lifestyleHeadline {
	width: 630px;
	height: 90px;
	margin: 20px 0 0 40px;
}
#lifestyleList {
	height: 200px;
	width: 400px;
	background: url(../img/lifestylebenefits/bg_pic.png) no-repeat;
	margin: 0 0 0 51px;
	padding: 0 0 0 310px;
	float: left;
}
ul.benefits {
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	color: #FFF;
	line-height: 21px;
	list-style-image: url(../img/arrow_blk.png);
	text-shadow: 1px 1px 1px #555;
}
#benefitsLink {
	height: auto;
	width: 600px;
	margin: 10px 0 0 51px;
	float: left;
	padding: 0;
}

/* ===== SETUP BONUS POINTS PROGRAMME CONTENT ===== */

#agent9 {
	background: url(../img/agent9.png) no-repeat;
	width: 381px;
	height: 476px;
	margin: 100px 0 0 30px;
	position: absolute;
	z-index: 5;
}
#bonusProgrammeCopy {
	height: 400px;
	width: 850px;
	position: absolute;
	margin: 35px 0 0 230px;
}
#bonusProgrammeTagline {
	height: auto;
	width: 850px;
	margin: 0 0 5px 0;
	float: left;
}
#bonusProgrammeText {
	height: auto;
	width: 600px;
	margin: 0 0 12px 120px;
	float: left;
	padding: 0;
}
#bonusProgrammeTable {
	height: 400px;
	width: auto;
	margin: 0 0 0 120px;
	float: left;
}
#bonusProgrammeTable1 {
	height: auto;
	width: 226px;
	margin: 0 2px 0 0;
	float: left;
}
#bonusProgrammeTable1 #title1 {
	background: url(../img/bonus_point_programme/images/table_tit_01.png) no-repeat;
	height: 23px;
	width: 226px;
	margin: 0 0 2px 0;
}
#bonusProgrammeTable1 #tableContent1 {
	height: 310px;
	width: 226px;
	padding: 0px;
}
ul.tableListings{
	margin: 0;
	padding: 0;
	list-style: none;
}
li.tableList {
	display: block;
	padding: 5px;
	margin: 0 0 2px 0;
	background-color: #FFF;
	width: 216px;
}
#bonusProgrammeTable2 {
	height: auto;
	width: 422px;
	margin: 0;
	float: left;
}
#bonusProgrammeTable2 #title2{
	background: url(../img/bonus_point_programme/images/table_tit_02.png) no-repeat;
	height: 23px;
	width: 422px;
	margin: 0 0 2px 0;
}
#bonusProgrammeTable2 #tableContent2 {
	height: auto;
	width: 422px;
	padding: 0px;
}
ul.tableListings2{
	margin: 0;
	padding: 0;
	list-style: none;
}
li.tableList2 {
	display: block;
	padding: 5px;
	margin: 0 0 2px 0;
	background-color: #FFF;
	width: 412px;
}
div.tableText2 {
	background: url(../img/arrow_red.png) no-repeat;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	color: #000;
	line-height: 20px;
	margin:0;
	padding: 0 0 0 15px;
	background-position: 0 5px;
}
#tableBottomLeft {
	background: url(../img/bonus_point_programme/images/left_corner.png) no-repeat;
	width: 226px;
	height: 23px;
	float: left;
}
#tableBottomRight {
	background: url(../img/bonus_point_programme/images/right_corner.png) no-repeat;
	width: 422px;
	height: 23px;
	float: left;
}
#bonusPointBtn {
	width: 364px;
	height: 33px;
	margin: 0 0 0 -200px;
	float: left;
}
#bonusPointBtn a{
	display: block;
	background: url(../img/bonus_point_programme/btn_hwtocalculate.png) no-repeat;
	width: 364px;
	height: 33px;
}
#bonusPointBtn a:hover {
	background: url(../img/bonus_point_programme/btn_hwtocalculate.png) no-repeat;
	background-position: 0 -33px;
}

/* ===== SETUP BAKING CONVENIENCE CONTENT ===== */

#agent5 {
	background: url(../img/agent5.png) no-repeat;
	width: 381px;
	height: 476px;
	margin: 100px 0 0 30px;
	position: absolute;
}
#bankingCopy {
	height: 400px;
	width: 850px;
	position: absolute;
	margin: 35px 0 0 220px;
}
#bankingTagline {
	height: auto;
	width: 850px;
	margin: 0 0 10px 0;
	position: relative;
}
#banking1 {
	height: auto;
	width: 600px;
	margin: 0;
	position: absolute;
}
#banking2 {
	height: auto;
	width: 630px;
	margin: 0;
	position: absolute;
	top: 105px;
	left: 90px;
}
#banking3 {
	height: auto;
	width: 600px;
	margin: 0;
	position: absolute;
	top: 215px;
	left: 150px;
}
#banking4 {
	height: auto;
	width: 600px;
	margin: 0;
	position: absolute;
	top: 310px;
	left: 200px;
}
#cimbClicks{
	background: url(../img/arrow_blk.png) no-repeat;
	background-position: 0 3px;
	font: 12px Arial, Helvetica, verdana, sans-serif;
	font-weight: 400;
	color: #FFF;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	padding: 0 0 0 15px;
	width: auto;
}
#cimbClicksList {
	margin: -18px 0 0 65px;
}
/* ===== SETUP BONUS POINTS CONTENT ===== */

#agent6 {
	background: url(../img/agent6.png) no-repeat;
	height: 533px;
	width: 590px;
	float: left;
	margin: 35px 0 0 0;
	position: absolute;
}
#bonusCopy {
	height: 200px;
	width: 320px;
	margin: 0 0 0 20px;
	position: absolute;
	left: 250px;
}
#furtherCalculationLink {
	height: 24px;
	width: 214px;
	margin: 0;
	position: absolute;
	left: 330px;
	top: 470px;
}
#furtherCalculationLink a{
	background: url(../img/bonus_point/btn_cffc.png);
	background-position: 0 0;
	display: block;
	height: 24px;
	width: 214px;
}
#furtherCalculationLink a:hover{
	background-position: 0 -24px;
}
#bonusPointsHolder {
	margin: 8px 0 0 60px;
	height: 533px;
	width: 470px;
	float: right;
}
#calculator {
	background: url(../img/bonus_point/pointTable_ori.png) no-repeat;
	height: 370px;
	width: 283px;
}
#calculator form {
	margin: 67px 0 0 0;
	height: 300px;
	width: 119px;
	float: right;
}
#calculator input {
	margin: 0 0 1px 0;
	padding: 6px 3px;
	background: transparent;
	border: 1px solid #cdcdcd;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	color: #666;
	height: 16px;
	width: 104px;
	float: left;
}
#calculator input:focus {
	border: 1px solid #F00;
}
#calculator input.calculate_btn {
	display: block; height:22px; width: 114px; border:0; margin:260px 0 0 -150px; position: absolute;
}
html>body #calculator input.calculate_btn {
	display: block; height:22px; width: 114px; border:0; margin:260px 0 0 -150px; position: absolute;
}
#calculator input.reset {
	display: block; height:22px; width: 114px; border:0; margin:260px 0 0 -30px; position: absolute;
}
html>body #calculator input.reset {
	display: block; height:22px; width: 114px; border:0; margin:260px 0 0 -30px; position: absolute;
}
#redeemLink {
	height: 43px;
	width: 260px;
	top: 493px;
	margin: 0 0 0 10px;
	position: absolute;
}
#redeemLink a{
	background: url(../img/bonus_point/btn_findouthow.png) no-repeat;
	background-position: 0 0;
	display: block;
	height: 43px;
	width: 260px;
}
#redeemLink a:hover {
	background: url(../img/bonus_point/btn_findouthow.png) no-repeat;
	background-position: 0 -43px;
}

/* ===== SETUP PRIME E BIDDING CONTENT ===== */
#winners {margin: 100px 0 0 550px; position: absolute; height: 350px; width: 300px;}
*:first-child+html #winners { margin: -250px 0 0 130px; position: absolute; height: 350px; width: 300px;}
* html #winners{ margin: -250px 0 0 50px; position: absolute; height: 350px; width: 300px;}
#agent7 {
	background: url(../img/agent7.png) no-repeat;
	height: 553px;
	width: 296px;
	margin: 30px 0 0 30px;
	position: absolute;
}
#primeEbidding {
	height: 500px;
	width: 800px;
	position: absolute;
	margin: 30px 0 0 210px;
}
#primeTitle {
	height: 100px;
	width: 700px;
	float: left;
}
#primeList {
	height: 230px;
	width: 300px;
	float:left;
	margin: 22px 0 0 100px;
}
* html #primeList {height: 230px; width: 300px; float:left; margin: 22px 0 0 50px;}
ul.bids {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #FFF;
	line-height: 14px;
	text-shadow: 1px 1px 1px #555;
	margin: 0;
	padding: 0;
}
ul.bids li {
	padding: 5px 0 0 15px;
	list-style-image: url(../img/arrow_blk.png);
}
#bidsBottomLink {
	height: 66px;
	width: 340px;
	margin: 0 0 0 80px;
	padding: 8px 0 0 0;
	float: left;
}
a.bidsBtn1 {
	display: block;
	background:url(../img/prime_ebidding/bid_btn.png) no-repeat;
	background-position: 0 0;
	height: 33px;
	width: 127px;
	margin: 0 15px 0 0;
	float: left;
}
a.bidsBtn1 {
	background-position: 0 0;
}
a:hover.bidsBtn1 {
	background-position: 0 -33px;
}
a.bidsBtn2 {
	display: block;
	background:url(../img/prime_ebidding/bid_btn.png) no-repeat;
	background-position: -140px 0;
	height: 33px;
	width: 172px;
	float: left;
}
a.bidsBtn2 {
	background-position: -140px 0;
}
a:hover.bidsBtn2 {
	background-position: -140px -33px;
}
a.bidsBtn3 {
	display: block;
	background: url(../img/ebidding_step/btn_back.png) no-repeat;
	background-position: 0 0;
	height: 33px;
	width: 89px;
	margin: 0 15px 0 0;
	float: left;
}
a.bidsBtn3 {
	background-position: 0 0;
}
a:hover.bidsBtn3 {
	background-position: 0 -33px;
}
/* ===== SETUP E BIDDING STEPS CONTENT ===== */

#agent10 {
	background: url(../img/agent10.png) no-repeat;
	height: 563px;
	width: 296px;
	margin: 30px 0 0 30px;
	position: absolute;
	z-index: 23;
	background-position: top left;
}
#primeEbiddingSteps {
	height: 500px;
	width: 430px;
	position: absolute;
	margin: 30px 0 0 210px;
}
#stepsTitle {
	height: 80px;
	width: 430px;
	float: left;
}
#stepsList {
	height: 272px;
	width: 330px;
	float:left;
	margin: 0 0 0 80px;
}
#step {
	margin: 0 0 4px 0;
	height: 50px;
	width: 329px;
}
#invi {
	display: block;
	height: 50px;
	width: 295px;
	margin: 0;
	padding: 0;
	position: absolute;
	cursor: pointer;
	z-index: 50;
	left: 80px;
}
.step1 {
	display: block;
	background: url(../img/ebidding_step/stepsSprite.png) no-repeat;
	background-position: 0 0;
}
.step2 {
	display: block;
	background: url(../img/ebidding_step/stepsSprite.png) no-repeat;
	background-position: 0 -50px;
}
.step3 {
	display: block;
	background: url(../img/ebidding_step/stepsSprite.png) no-repeat;
	background-position: 0 -100px;
}
.step4 {
	display: block;
	background: url(../img/ebidding_step/stepsSprite.png) no-repeat;
	background-position: 0 -150px;
}
.step5 {
	display: block;
	background: url(../img/ebidding_step/stepsSprite.png) no-repeat;
	background-position: 0 -200px;
}
.step1:hover{
	background-position: -329px 0;
}
.step2:hover{
	background-position: -329px -50px;
}
.step3:hover{
	background-position: -329px -100px;
}
.step4:hover{
	background-position: -329px -150px;
}
.step5:hover{
	background-position: -329px -200px;
}
.step1Selected{
	display: block;
	background: url(../img/ebidding_step/stepsSprite.png) no-repeat;
	background-position: -329px 0;
}
.step2Selected{
	display: block;
	background: url(../img/ebidding_step/stepsSprite.png) no-repeat;
	background-position: -329px -50px;
}
.step3Selected{
	display: block;
	background: url(../img/ebidding_step/stepsSprite.png) no-repeat;
	background-position: -329px -100px;
}
.step4Selected{
	display: block;
	background: url(../img/ebidding_step/stepsSprite.png) no-repeat;
	background-position: -329px -150px;
}
.step5Selected{
	display: block;
	background: url(../img/ebidding_step/stepsSprite.png) no-repeat;
	background-position: -329px -200px;
}

#stepCopy {
	margin: 0;
	padding: 0 10px 0 55px;
	height: 50px;
	width: 230px;
}
#stepScroll {
	background:url(../img/ebidding_step/bg_scroll.png) no-repeat;
	height: 422px;
	width: 420px;
	position: absolute;
	margin: -20px 0 0 605px;
	padding: 40px 30px 20px 35px;
}
/* ===== SETUP GET CIMB CONTENT ===== */

#agent8 {
	background: url(../img/agent8.png) no-repeat;
	width: 365px;
	height: 567px;
	margin: 15px 0 0 0;
	position: absolute;
	background-position: bottom right;
}
#signUpTagline {
	height: 40px;
	width: 400px;
	margin: 55px 0 0 310px;
	position:absolute;
}
#equation {
	background: url(../img/get_cimb/equation.png) no-repeat;
	height: 45px;
	width: 638px;
	margin: 100px 0 0 350px;
	position: absolute;
}
#getCIMBcopy {
	height: 290px;
	width: 300px;
	margin: 150px 0 0 370px;
	padding: 0;
	position: absolute;
}
#getCIMBcopy p{
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	color: #FFF;
	line-height: 18px;
	text-shadow: 1px 1px 1px #555; /*--Not supported by IE--*/
	margin:0;
	padding: 5px 0 0 0;
}
#getInTouch {
	background: url(../img/get_cimb/bg_form.png) no-repeat;
	width: 286px;
	height: 212px;
	margin: 150px 0 0 680px;
	position: absolute;
}
#getInTouch form {
	height: auto;
	width: 245px;
	margin: 55px auto;
	padding: 0;
}
#getInTouch label {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	height: 16px;
	width: 50px;
	margin: 0 0 3px 0;
	padding: 5px;
	float: left;
	display: block;
}
#getInTouch input {
	background:url(../img/comment_textarea.gif) no-repeat;
	border: 1px solid #888;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #666;
	height: 14px;
	width: 170px;
	margin: 0 0 3px 0;
	padding: 5px;
	float: right;
}
#getInTouch input:focus {
	border: 1px solid #F00;
}
#getInTouch select {
	background:url(../img/comment_textarea.gif) no-repeat;
	border: 1px solid #888;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #666;
	height: 26px;
	width: 182px;
	margin: 0 0 3px 0;
	padding: 0;
	float: right;
}
#getInTouch select:focus {
	border: 1px solid #F00;
}
#getInTouch #submitHolder {
	height: 23px;
	width: 130px;
	margin:1px 3px 0 60px;
	clear: both;
}
#getInTouch .submit {
	background: none; 
	float: left;
	margin:0 3px 0 0; 
	padding: 0; 
	border:0; 
	height: 23px; 
	width: 63px; 
}
#getInTouch .clear {
	background: none;
	margin:0;
	padding: 0;
	border:0;
	height: 23px;
	width: 63px;
}

/* ===== SETUP TNC CONTENT ===== */

#agent11 {
	background: url(../img/agent11.png) no-repeat;
	background-position: bottom right;
	height: 557px;
	width: 287px;
	position: absolute;
	margin: 30px 0 0 50px;
	float: left;
}
#tncTitle {
	width: 300px;
	margin: 30px 0 0 250px;
	position: absolute;
}
#tncCopy {
	width: 550px;
	margin: 60px 0 0 250px;
	position: absolute;
}
#tncCopy a{
	background:url(../img/pdf_icon.png) no-repeat;
	background-position: right;
	margin: -3px 0 0 0;
	padding: 0;
	height: 26px;
	width: 52px;
	position: absolute;
}

/* ===== SETUP FORGOT PASSWORD ===== */

#forgotPassword {
	background: url(../img/forgot/bg_form.png) no-repeat;
	width: 286px;
	height: 212px;
	margin: 100px 0 0 250px;
	position: absolute;
}
#forgotPassword form {
	height: auto;
	width: 245px;
	margin: 55px auto;
	padding: 0;
}
#forgotPassword label {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	height: 16px;
	width: 50px;
	margin: 0 0 3px 0;
	padding: 5px;
	float: left;
	display: block;
}
#forgotPassword input {
	background:url(../img/comment_textarea.gif) no-repeat;
	border: 1px solid #888;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #666;
	height: 14px;
	width: 170px;
	margin: 0 0 3px 0;
	padding: 5px;
	float: right;
}
#forgotPassword input:focus {
	border: 1px solid #F00;
}
#forgotPassword #submitHolder {
	height: 23px;
	width: 130px;
	margin:1px 3px 0 60px;
	clear: both;
}
#forgotPassword .submit {
	background: none; 
	float: left;
	margin:0 3px 0 0; 
	padding: 0; 
	border:0; 
	height: 23px; 
	width: 63px; 
}
#forgotPassword .clear {
	background: none;
	margin:0;
	padding: 0;
	border:0;
	height: 23px;
	width: 63px;
}

/* ===== SETUP FOOTER ELEMENTS ===== */

#footer {
	width: 1068px;
	height: 24px;
	padding: 5px 15px;
	margin: 0;
	background: url(../img/footerLogo.gif) no-repeat;
	background-position: 15px 5px;
	text-align: right;
	font: 10px Arial, Helvetica, Verdana, sans-serif;
}
#footerText {
	height: 24px;
	width: 280px;
	margin: 0px 0px 0px 170px;
	overflow: visible;
	float: left;
}
ul.footerLinks {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.footerLinks li {
	background: url(../img/red_dot.png) no-repeat;
	background-position: 0 4px;
	float: left;
	font: 10px Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	margin: 0 6px 0 0;
	padding: 0 0 0 10px;
}
ul.footerLinks li a{
	display: block;
	color: #000;
	text-decoration: none;
	width: auto;
}
ul.footerLinks li a:hover{
	color: #ec1c24;
	text-decoration: underline;
}
#footerCopyrights {
	font: 10px Arial, Helvetica, verdana, sans-serif;
	color: #000;
	float: right;
}
#compatibility {
	text-align:center; 
	font: 10px Arial, Helvetica, Verdana, sans-serif; 
	color: #666;
}
#compatibility a:hover{
	text-align:center; 
	font: 10px Arial, Helvetica, Verdana, sans-serif; 
	color: #F00;
}
/* ===== GLOBAL TEXT REDEFINED ===== */

p {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	color: #FFF;
	line-height: 20px;
	text-shadow: 1px 1px 1px #555; /*--Not supported by IE--*/
	margin:0;
	padding: 5px 0 0 0;
}

p.tableText {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	color: #000;
	line-height: 20px;
	margin:0;
	padding: 5px 0 0 0;
	text-shadow: none;
}

h1 {
	font: 24px Arial, Helvetica, Verdana, sans-serif;
	font-weight: 100;
	color: #8f001c;
	text-shadow: 1px 1px 1px #000; /*--Not supported by IE--*/
	margin:0;
	padding:0;
}

h2 {
	font: 18px Arial, Helvetica, Verdana, sans-serif;
	font-weight: 100;
	line-height: 19px;
	color: #FFF;
	text-shadow: 1px 1px 1px #444; /*--Not supported by IE--*/
	margin:0;
	padding:0;
}

h3 {
	font: 16px Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #FFF;
	text-shadow: 1px 1px 1px #000; /*--Not supported by IE--*/
	margin:0;
	padding:0;
}
h4 {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #ec1c24;
	margin:0;
	padding:0;
}
h5 {
	font: 16px Arial, Helvetica, Verdana, sans-serif;
	color: #FFF;
	margin:0;
	padding:0 0 3px 0;
	font-weight: normal;
}
h6 {
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	margin:0;
	padding:0 0 3px 0;
	font-weight: bold;
}
a {
	color: #8f001c;
	text-decoration: underline;
}

a:hover {
	color: #FFF;
	text-decoration: underline;
}
img {
	border: none;
}