@charset "utf-8";

/*  campaign_kaching.css */

#kachingTheme                       { position:relative; border-top:1px solid #FFF; background:#231f20 url(/content/dam/commbank/mobile/commbank-kaching/images/kaching-bg-home.gif) top left repeat-x; min-width: 1005px; }
#kachingSupportTheme                { position:relative; border-top:1px solid #FFF; background:#231f20 url(/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;}

/* Kaching Hero */  
#kachingHero                        { position:relative; height:550px; width:974px; padding: 46px 0 0 14px;  }
#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: #000000; padding:0px 0 20px; margin:0; letter-spacing:-1px; }
#kachingHero .left-column           { width:635px; float:left; }

#kachingHero .hero-txt-wrapper      { height: 305px; overflow: hidden; }
#kachingHero .hero-txt,
#kachingHero  h3                    { display:none; }
#kachingHero .hero-txt p            { width:490px; font-size:14px; line-height:19px; margin:0 0 14px;}
#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 { display:block; height: 205px; }

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

/* iphone shell, reflex and images */
#kaching-iphone                     { position:absolute; right:0; margin:-28px 40px 0 0; width:296px; height:581px; background:url(/content/dam/commbank/mobile/commbank-kaching/images/kaching-iphone-shell.jpg) 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;} 

/* Android shell image */
#kaching-android                    { position:absolute; right:0; margin:17px 40px 0 0; width:291px; height:532px; background:url(/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: 0px 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(/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(/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: 288px; background: url(/content/dam/commbank/mobile/commbank-kaching/images/home-grey-bg-panel.gif) no-repeat; margin: 58px 0 0 0; padding: 25px 0 0 28px; }
#kachingNews .news-column           { overflow: hidden; }
#kachingNews .news-column a         { color:#b3b4b6; }
#kachingNews .news                  { float:left; width:294px; border-right: 1px solid #444242; height: 270px; overflow: hidden; }
#kachingNews .news-features         { padding-left: 12px; }
#kachingNews .news-android          { padding-right: 12px; }
#kachingNews .news h3               { font-family:"Aachen W01 Bold", Arial, Verdana, serif !important; font-weight: normal !important; font-size:20px; width:236px; color:#FFF; margin-top:0; height:40px;}
#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: 12px; }
#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;
    width: 598px;
    background-color: #2f2c2d;
}

ul.improved {
    margin:0;
    padding:0px;
    list-style:none;
    width:618px;
    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(/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(/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(/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(/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(/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;
}

/* Everyday Banking Homepage */
.contentCol .h3Alone {
    font-size: 25px !important;
    padding-bottom: 15px;
    border-bottom:1px solid #333333;
    color: #fff;
    font-family:"Aachen W01 Bold", Arial, Verdana, serif;
    font-weight: normal;
    margin-top: 15px;
}

div.kachingExItemImg {
    padding:17px 0;
}

#kachingTheme h3 { 
    color: #fff; 
    font-family:"Aachen W01 Bold", Arial, Verdana, serif !important; 
    font-weight: normal; 
    font-size:20px;
}

/* future of mobile payments */
.kachingleftInfo {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    margin: 30px 0 30px 0;
}
.contentCol .kachingleftInfo h3 {
    margin-bottom: 15px;
    color: #fff; 
    font-family:"Aachen W01 Bold", Arial, Verdana, serif !important; 
    font-size:25px !important;
    line-height: normal !important;
}
.futureVideoHolder {
    margin: 30px 0 30px 0;
}

/* Android page */
.highlightPara {
    margin-top: -5px !important;
}

.smartPhoneList li,
.kachingInfo li {
    padding-bottom: 8px;
    background: url(/content/dam/commbank/mobile/commbank-kaching/images/white-content-arrow.gif) 0 6px no-repeat;
}