@charset "utf-8";

/*  campaign_kaching.css */

#kachingTheme                       { position:relative; border-top:1px solid #FFF; background:#231f20 url(../../../../../../../content/dam/commbank/theme/personal/kaching-fb/images/kaching-bg-home.gif) top left repeat-x; min-width: 1005px; }
#kachingSupportTheme                { position:relative; border-top:1px solid #FFF; background:#231f20 url(http://www.commbank.com.au/content/dam/commbank/mobile/commbank-kaching/images/kaching-bg-support.gif) top left repeat-x; min-width: 1005px; }

/* Kaching Nav */
#kachingNav                         { background:none; height:78px; position:relative; overflow: hidden;}

/* FAQ */
#faq                                { margin:22px 0 0 16px; }
#faq .genericModule.webOnly,
#faq .contentColPrimary             { width:956px; }

/* Kaching Hero */
#kachingHero                        { position:relative; height:510px; width:974px; padding: 16px 0 0 0px;  }
#kachingHero h1                     { font-family:"Aachen W01 Bold", Arial, Verdana, serif ; font-size:54px; font-weight:normal !important;letter-spacing:-1px; width:481px; margin: 12px 0 10px 0; line-height:54px; color:#FFF;}
#kachingHero h4                     { font:bold 24px Arial, Verdana, serif; color: #fff; padding:0px 0 20px; margin:0; letter-spacing:-1px; }
#kachingHero .left-column           { width:365px; float:left; }

#kachingHero .hero-txt-wrapper      { height: 495px; overflow: hidden; }
#kachingHero #kaching-index         { height:auto; }
#kachingHero .hero-txt-wrapper
.download                           { margin-top:26px;}
#kachingHero .hero-txt,
#kachingHero  h3                    { display:none; }
#kachingHero .hero-txt p            { width:345px; font-size:14px; line-height:19px; margin:0 0 14px;}
#kachingHero #index-intro-text p                 { width:320px; }
#kachingHero .hero-txt p  a         { font-size: 14px; color: #ffffff; }
.hero-payment #payment-intro-text, .hero-mobile #mobile-intro-text,
.hero-email #email-intro-text, .hero-facebook #facebook-intro-text,
.hero-contactless #contactless-intro-text, .hero-bump #bump-intro-text,
.hero-secure #secure-intro-text, .hero-payment #index-intro-text{ display:block; }
#kachingHero #kaching-index-feature {float:left; margin-top:70px;}

#kachingHero .download img          { float:left; margin-right:40px; }

/* iphone shell, reflex and images */
#kaching-iphone                     { position:absolute; right:0; margin:128px -110px 0 0; width:786px; height:545px; background:url(../../../../../../../content/dam/commbank/theme/personal/kaching-fb/images/monitor_bg.png) no-repeat 0 0;}
#kaching-iphone img                 { position:absolute; left:25px; top:103px; display:none; }
#kaching-iphone .iphone-reflex      { display:block; z-index:10;}
.hero-payment #iphone-payment       { display:block;}
#iphone-payment                     { margin:-78px 0 0 113px;}
#iphone-mobile                      { margin:-78px 0 0 31px;}
#iphone-email                       { margin:-154px 0 0 112px;}
#iphone-secure                      { margin: -78px 0 0 112px;}


/* Android shell image */
#kaching-android                    { position:absolute; right:0; margin:17px 40px 0 0; width:291px; height:532px; background:url(http://www.commbank.com.au/content/dam/commbank/mobile/commbank-kaching/images/kaching-android-shell.jpg) no-repeat 0 0;}
#kaching-android img                { position:absolute; left:21px; top:58px; display:none; }


/* menu nav iPhone */
#menu-nav                               { overflow: hidden; margin:41px 0 0; padding:0;  clear:both; background:#231f20; float:left; }
#menu-nav li                            { float:left; list-style:none; padding:0; margin:0; }
#menu-nav a                             { display:block; height:117px; background:url(http://www.commbank.com.au/content/dam/commbank/mobile/commbank-kaching/images/kaching-menu.gif) no-repeat 0 0; margin-right:56px; text-indent:-9999px; outline: none;}
#menu-nav .menu-payment a               { background-position:0 0;  width:52px;}
.hero-payment #menu-nav .menu-payment a,
#menu-nav .menu-payment a:hover         { background-position:0 -117px; }
#menu-nav .menu-mobile a                { background-position:-118px 0; width:66px; }
.hero-mobile #menu-nav .menu-mobile a,
#menu-nav .menu-mobile a:hover          { background-position:-118px -117px; }
#menu-nav .menu-email a                 { background-position:-240px 0; width:70px; }
.hero-email #menu-nav .menu-email a,
#menu-nav .menu-email a:hover           { background-position:-240px -117px; }
#menu-nav .menu-secure a            { background-position:-368px 0; width:64px; }
.hero-secure #menu-nav .menu-secure a,
#menu-nav .menu-secure a:hover      { background-position:-368px -117px; }
#menu-nav .menu-bump a          { background-position:-492px 0; width:62px;}
.hero-bump #menu-nav .menu-bump a,
#menu-nav .menu-bump a:hover        { background-position:-492px -117px; }

/* menu nav Android */
#menu-nav-android                               { overflow: hidden; margin:0; padding:0;  clear:both; background:#231f20; }
#menu-nav-android li                            { float:left; list-style:none; padding:0; margin:0; }
#menu-nav-android a                             { display:block; height:117px; background:url(http://www.commbank.com.au/content/dam/commbank/mobile/commbank-kaching/images/kaching-android-menu.gif) no-repeat 0 0; margin-right:56px; text-indent:-9999px; outline: none;}
#menu-nav-android .menu-payment a               { background-position:0 0;  width:52px;}
.hero-payment #menu-nav-android .menu-payment a,
#menu-nav-android .menu-payment a:hover         { background-position:0 -117px; }
#menu-nav-android .menu-mobile a                { background-position:-118px 0; width:66px; }
.hero-mobile #menu-nav-android .menu-mobile a,
#menu-nav-android .menu-mobile a:hover          { background-position:-118px -117px; }
#menu-nav-android .menu-email a                 { background-position:-240px 0; width:70px; }
.hero-email #menu-nav-android .menu-email a,
#menu-nav-android .menu-email a:hover           { background-position:-240px -117px; }
#menu-nav-android .menu-facebook a              { background-position:-368px 0; width:64px; }
.hero-facebook #menu-nav-android .menu-facebook a,
#menu-nav-android .menu-facebook a:hover        { background-position:-368px -117px; }
#menu-nav-android .menu-contactless a           { background-position:-492px 0; width:57px;}
.hero-contactless #menu-nav-android .menu-contactless a,
#menu-nav-android .menu-contactless a:hover     { background-position:-492px -117px; }

/* News Column */
#kachingNews                        { width:975px; height: 443px; background: url(../../../../../../../content/dam/commbank/theme/personal/kaching-fb/images/home-grey-bg-panel.gif) no-repeat; margin: 58px 0 0 0; padding: 32px 0 0 28px; }
#kachingNews .news-column           { overflow: hidden; }
#kachingNews .news-column a         { color:#b3b4b6; }
#kachingNews .news                  { float:left; width:288px; border-right: 1px solid #444242; height: 366px; overflow: hidden;padding-right:6px; }
#kachingNews .news-features         { padding-left: 12px; width:611px; height:366px; border-right:none;}
#kachingNews .news-android          { padding-right: 12px; }
#kachingNews .news h3               { font-family:"Aachen W01 Bold", Arial, Verdana, serif !important; font-weight: normal !important; font-size:32px; width:280px; color:#FFF; margin-top:0; line-height:1.1em;}
#kachingNews .news-action h3        { height:auto; margin-top: -5px;}
#kachingNews .news-action object    { margin-bottom:15px;}
#kachingNews .news-twitter          { width:266px; margin:0 0 0 20px; }
#kachingNews .news-twitter li       { margin:0; padding:0; background:transparent; }
#kachingNews .news-twitter span     { color:#FFFFFF; }
#kachingNews .red                   { color:#FF0000; }
#kachingNews .news p                { font-size:12px; color:#808285; margin-top: -4px; }
#kachingNews .news a                { color:#bbbcbe; font-size:12px; }


/* disclaimer */
#kachingTheme .important        { margin-bottom:40px !important; }
#kachingTheme .important h3     { font-family:Verdana, arial !important; font-size:11px; margin:0; color:#FFF; font-weight:normal;}
#kachingTheme .important p      { color:#808285; }

/* hiding fb module */
span.fb_edge_comment_widget { display: none !important; }

/* Twitter Module */
.sp_twitter_feed_icon h3 {
    font-weight: normal;
    font-family:"Aachen W01 Bold", Arial, Verdana, serif;
    color: #fff;
    font-size:20px;
}

.sp_twitter_feed_outline {
    float: left;
    padding: 8px 0px 0 12px;
}

.sp_twitter_feed_top {
    margin-bottom:10px;
    padding-bottom:10px;
    width:298px;
    height:15px;
}

.sp_twitter_feed_icon  {
    float:left;
}

.sp_twitter_row {
    padding-bottom:10px;
    height:70px;
}

.sp_twitter_feed_txt {
    padding-top:3px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    color:#ffcc00;
    float:right;
}

.sp_twitter_feed_content  {
    width:298px;
    margin-bottom:10px;
}

.sp_twitter_feed_img {
    padding-right:10px;
    width:50px;
    float:left;
}

.sp_twitter_feed_content_txt {
    width:220px;
    float:left;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    line-height:14px;
    color:#fff;
}

.sp_twitter_feed_content_txt a:link, .sp_twitter_feed_content_txt a:visited {
    color:#ffcc00!important;
    text-decoration:none;
}

/* Support */
.smallSupportHeading {
    font-size: 12px;
}
.kachingHeroRightHolder {
    padding-top: 45px;
}
.kachingHeroHolder {
    padding-bottom: 15px;
}

.support_top_holder {
    padding: 40px 0 20px 0;
}

.kaching_hero_top_title {
    width:600px;
    float:left;
    line-height:55px;
    color: #FFFFFF;
    font-family: "Aachen W01 Bold",Arial,Verdana,serif;
    font-size: 54px;
    font-weight: normal;
}

.faq-heading {
    font-family:'HelveticaNeueW01-85Heav', Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 25px;
    color: #fec93b;
    padding-bottom: 25px;
}

.contentColPrimary h2.support_subTitle {
    padding: 8px 10px 8px 10px;
    font-family:'HelveticaNeueW01-85Heav', Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:15px;
    color:#fff;
    margin:0px;
    background-color: #2f2c2d;
}

ul.improved {
    margin:0;
    padding:0px;
    list-style:none;
    border-bottom: 1px solid #231f20;
}
.improved li {
    position:relative;
    overflow:hidden;
    padding:0px;
    margin:0px;
    list-style:none;
    border-top: 1px solid #231f20;
}

.improved li ul li,
.improved li ol li { border-top: none; }

a.head:link, a.head:hover, a.head:visited {
    display:block;
    background: #58585a url(http://www.commbank.com.au/content/dam/commbank/mobile/commbank-kaching/images/netrevamp_faqTitle.gif) no-repeat;
    font-family:Verdana, Geneva, sans-serif;
    font-size:13px;
    color:#ffffff !important;
    text-decoration:none;
    padding: 18px 20px 18px 40px;
}
a.headToggled:link, a.headToggled:hover, a.headToggled:visited {
    background: #58585a url(http://www.commbank.com.au/content/dam/commbank/mobile/commbank-kaching/images/netrevamp_faqTitle_down.gif) no-repeat;
    color:#ffffff !important;
}
.sublistitem {
    margin-bottom: 0px;
}
.content {
    display:none;
    padding:20px 30px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    color:#000000;
    background-color: #bdbdbd;
}
.content ul li, .content ol li {
    color:#000000;
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    background-color: #bdbdbd;
}
.content ol li {
    color:#000000;
    padding:0px 0 0 17px!important;
    margin:5px 0 0 0px!important;
}
.content a {
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    color:#000000; !important;
    text-decoration:underline;
}
a.faq:link, a.faq:hover, a.faq:visited {
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    color:#000000;
    text-decoration:underline;
}
ul.faqContent {
    list-style:none;
    padding:0px!important;
    margin:10px 0 0 0px!important;
}
ul.faqContent li {
    list-style:none;
    padding:0px 0 0 17px!important;
    margin:5px 0 0 0px!important;
    background-image:url(http://www.commbank.com.au/content/dam/commbank/mobile/commbank-kaching/images/netrevamp_FAQArrow.gif);
    background-repeat:no-repeat;
    background-position:0px 6px;
    font-size:12px!important;
}
div.faqRow {
    margin:5px 0;
    font-size:12px;
}
div.faqNo {
    float:left;
    margin-right:3px;
}
div.faqTxt {
    float:left;
    width:540px;
}

ul.sp_list {
    list-style:none;
    padding:10px 0 7px 0;
    margin:0px;
}
ol.sp_list li {
    color:#ffffff;
    list-style: none;
    background-image: url(http://www.commbank.com.au/content/dam/commbank/mobile/commbank-kaching/images/black-arrow-support.gif) !important;
    background-repeat: no-repeat !important;
    background-position: 0 6px !important;
    border:none;
}
ul.sp_list li {
    list-style:none;
    padding:0px 0px 3px 12px;
    margin:0px;
    background-image: url(http://www.commbank.com.au/content/dam/commbank/mobile/commbank-kaching/images/black-arrow-support.gif) !important;
    border:none;
}

.kaching_important_information {
    padding:15px 20px 30px 20px;
}

.kaching_important_information p {
    margin:0px;
    padding:10px 0px 0px 0px;
    font-family:'HelveticaNeueW01-55Roma', Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    color:#ffffff !important;
    line-height:18px;
}

/* App Tiles */
#kachingTiles                           { float:left; }
#kachingTiles li                        { background-image:url('../images/tile_white_308x294.png'); width:268px; height:259px; float:left; list-style:none; margin:0 23px 40px 0; padding:20px; }
#kachingTiles li.last                   { margin:0; }
#kachingTiles li h2                     { font-family:'aachen w01 bold'; float:left; font-size:30px; clear:both; text-transform:uppercase; margin:0 0 40px 0; }
#kachingTiles li h3                     { float:left; clear:both; font-family:'helvetica neue', helvetica, arial; font-size:17px; width:200px;}
#kachingTiles li p                      { float:left; clear:both; font-family:verdana, helvetica, arial; font-size:11.5px; color:#000; }
#kachingTiles li .applinks              { float:left; clear:both; width:269px; }
#kachingTiles li .applinks a            { float:left; }
#kachingTiles li .applinks a.right      { float:right}