/*--------------------------------------------------------------------------
* Author      : Dev Team
* Date        : 25 April 2013
* Project     : Personal Loans Car
* Description : Main CSS.
--------------------------------------------------------------------------*/
/*
* CONTENTS
*
* 1. STYLE GUIDE
* 2. IMPORTS
* 3. FRAMEWORK
*   3.1. ELEMENT
*   3.2. PRIMARY
* 4. PAGE SPECIFIC
* 5. MEDIA QUERIES
* 6. OVERWRITES
*	6.1. webCampaign.css
*	6.2. mobileCampaign.css
--------------------------------------------------------------------------*/
/*
* 1. STYLE GUIDE
*
* - All colors must be listed in the Swatch Colors section of this file.
* - All properties must be listed in alphabetical order for each declaration block.
--------------------------------------------------------------------------*/
/*
* 2. IMPORTS
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
* Author      : Nathan Winch
* Date        : July 25, 2012
* Project     : CBA V2 Template landing pages.
* Description : Base CSS.
--------------------------------------------------------------------------*/
/*
* VARIABLES
---------------------------------------*/
/*
* COLOUR SWATCH
*
* 4ec4e2 - CBA brand sky
* 71d0e8 - CBA brand sky tint 1
* 95dcee - CBA brand sky tint 2
* b8e7f3 - CBA brand sky tint 3
* dcf3f9 - CBA brand sky tint 4
* b9b39c - CBA brand sandstone
* c7c2b0 - CBA brand sandstone tint 1
* d5d1c4 - CBA brand sandstone tint 2
* e3e1d7 - CBA brand sandstone tint 3
* f1f0eb - CBA brand sandstone tint 4
* 8a97a1 - CBA brand dusk
* a1acb4 - CBA brand dusk tint 1
* b9c1c7 - CBA brand dusk tint 2
* d0d5d9 - CBA brand dusk tint 3
* e8eaec - CBA brand dusk tint 4
* 808285 - CBA brand slate
* 999b9d - CBA brand slate tint 1
* b3b4b6 - CBA brand slate tint 2
* cccdce - CBA brand slate tint 3
* e6e6e7 - CBA brand slate tint 4
* ffcc00 - CBA brand yellow
* 231f20 - CBA brand dark
*
*/
/*
* IMPORTS
---------------------------------------*/
/*
* 3. FRAMEWORK
--------------------------------------------------------------------------*/
/*
* 3.1. ELEMENT
---------------------------------------*/
/* line 50, personalloanscar-web.scss */
.btn {
  margin-bottom: 0;
  position: relative;
}
/* line 54, personalloanscar-web.scss */
.btn a {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
  background: #ffcc00;
  color: #231f20 !important;
  display: block;
  font: 16px 'HelveticaNeueW01-65Medi', Helvetica, sans-serif;
  padding: 6px 12px 8px;
  position: relative;
  text-align: center;
  text-decoration: none;
}

/* line 71, personalloanscar-web.scss */
.social .googleShare,
.social .facebookShare,
.social .twitterShare {
  float: right;
}

/*
* 4. PAGE SPECIFIC
--------------------------------------------------------------------------*/
/*
* 4.1. Personal Loan Car
---------------------------------------*/
/* line 83, personalloanscar-web.scss */
#personalloanscarTheme {
  background: #b9c1c7 url(../images/bg.gif) repeat-x;
  min-width: 1005px;
  position: relative;
}
/* line 87, personalloanscar-web.scss */
#personalloanscarTheme .social {
  height: 20px;
  padding-bottom: 16px;
  position: relative;
  z-index: 51;
}
/* line 95, personalloanscar-web.scss */
#personalloanscarTheme .social .googleShare,
#personalloanscarTheme .social .facebookShare,
#personalloanscarTheme .social .socialMedia {
  float: right;
  margin: 0 2px 0 0;
}
/* line 99, personalloanscar-web.scss */
#personalloanscarTheme .social .twitterShare {
  float: right;
}
/* line 104, personalloanscar-web.scss */
#personalloanscarTheme .social .googleShare,
#personalloanscarTheme .social .facebookShare,
#personalloanscarTheme .social .twitterShare {
  text-align: left;
  width: 90px;
}
/* line 109, personalloanscar-web.scss */
#personalloanscarTheme p {
  font: 12px/1.5 Verdana,Arial,serif;
  color: #231f20;
  margin: 0;
  padding: 0 0 16px 0;
}
/* line 115, personalloanscar-web.scss */
#personalloanscarTheme .hero {
  height: 545px;
  position: relative;
}
/* line 119, personalloanscar-web.scss */
#personalloanscarTheme .hero .hero-image {
  position: absolute;
  top: -56px;
  left: 0;
}
/* line 125, personalloanscar-web.scss */
#personalloanscarTheme .hero-text {
  padding: 11px 0 0 8px;
}
/* line 127, personalloanscar-web.scss */
#personalloanscarTheme .hero-text h1 {
  font: 51px/0.76 'Aachen W01 Bold',Verdana,Arial;
  color: #ffffff;
  padding: 0 0 11px 0;
  text-transform: uppercase;
  letter-spacing: normal;
}
/* line 135, personalloanscar-web.scss */
#personalloanscarTheme .hero-text .intro p {
  font: 12px/1.5 Verdana,Arial,serif;
  color: #231f20;
}
/* line 140, personalloanscar-web.scss */
#personalloanscarTheme .hero-text .subtitles {
  width: 100%;
}
/* line 142, personalloanscar-web.scss */
#personalloanscarTheme .hero-text .subtitles h3 {
  font: 26px/0.7 'Aachen W01 Medium',Verdana,Arial;
  color: #231f20;
  margin: 0;
  padding: 0 0 7px 0;
}
/* line 148, personalloanscar-web.scss */
#personalloanscarTheme .hero-text .subtitles p.borrow {
  padding: 0 0 11px 0;
}
/* line 151, personalloanscar-web.scss */
#personalloanscarTheme .hero-text .subtitles a.reset {
  font: 12px/1.5 Verdana,Arial,serif;
  color: #231f20;
}
/* line 156, personalloanscar-web.scss */
#personalloanscarTheme .hero-text .subtitles.apply-online h3 {
  padding: 5px 0 2px 0;
  width: 233px;
}
/* line 160, personalloanscar-web.scss */
#personalloanscarTheme .hero-text .subtitles.apply-online .choice {
  padding-bottom: 5px;
}
/* line 162, personalloanscar-web.scss */
#personalloanscarTheme .hero-text .subtitles.apply-online .choice .have-netbank {
  width: 233px;
  float: left;
  padding: 10px 0 0 0;
}
/* line 166, personalloanscar-web.scss */
#personalloanscarTheme .hero-text .subtitles.apply-online .choice .have-netbank h4 {
  margin: 0;
  font: bold 12px/1.5 Verdana,Arial,serif;
  color: #231f20;
}
/* line 171, personalloanscar-web.scss */
#personalloanscarTheme .hero-text .subtitles.apply-online .choice .have-netbank .btn-apply-in-netbank {
  width: 163px;
  position: relative;
  z-index: 1;
  padding: 0 0 20px 0;
}
/* line 178, personalloanscar-web.scss */
#personalloanscarTheme .hero-text .subtitles.apply-online .choice .no-netbank {
  width: 233px;
  float: right;
  padding: 47px 0 0 0;
  margin-top: -39px;
}
/* line 183, personalloanscar-web.scss */
#personalloanscarTheme .hero-text .subtitles.apply-online .choice .no-netbank h4 {
  margin: 0;
  font: bold 12px/1.5 Verdana,Arial,serif;
  color: #231f20;
}
/* line 188, personalloanscar-web.scss */
#personalloanscarTheme .hero-text .subtitles.apply-online .choice .no-netbank .btn-apply {
  width: 77px;
  position: relative;
  z-index: 1;
  padding: 0 0 20px 0;
}
/* line 197, personalloanscar-web.scss */
#personalloanscarTheme .hero-text .subtitles .tel-mobile {
  display: none;
}
/* line 202, personalloanscar-web.scss */
#personalloanscarTheme .important-info {
  padding: 35px 0 21px 15px;
}
/* line 204, personalloanscar-web.scss */
#personalloanscarTheme .important-info h3 {
  font: bold 11px/1.45 Verdana,Arial,serif;
  color: #231f20;
  margin: 0;
}
/* line 209, personalloanscar-web.scss */
#personalloanscarTheme .important-info p {
  font: 11px/1.45 Verdana,Arial,serif;
  color: #231f20;
}

/*
* 5. MEDIA QUERIES
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
  /* line 220, personalloanscar-web.scss */
  #personalloanscarTheme {
    background-image: none;
    min-width: 100%;
  }
  /* line 223, personalloanscar-web.scss */
  #personalloanscarTheme #bodyInner {
    padding-top: 0;
  }
  /* line 226, personalloanscar-web.scss */
  #personalloanscarTheme #bodyInner div:nth-child(4) .contentCol, #personalloanscarTheme #bodyInner div:nth-child(5) .contentCol {
    background-color: #8a97a1;
  }
  /* line 231, personalloanscar-web.scss */
  #personalloanscarTheme p {
    font: 14px/1.35 Verdana,Arial,serif !important;
    color: #231f20 !important;
  }
  /* line 235, personalloanscar-web.scss */
  #personalloanscarTheme .hero {
    height: 214px;
    background-color: #ffffff;
    margin-left: -20px;
  }
  /* line 240, personalloanscar-web.scss */
  #personalloanscarTheme .hero .hero-image {
    top: 0;
    left: 0;
    width: 100%;
    height: 214px;
  }
  /* line 247, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text {
    width: 100%;
    position: relative;
    right: 0;
    top: 0;
    height: auto;
    padding-left: 0;
    padding-top: 36px;
  }
  /* line 255, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text h1 {
    font: 32px/0.8 "Aachen W01 Bold",Verdana,Arial;
    margin: 0;
    padding-bottom: 14px;
    color: #ffffff !important;
  }
  /* line 261, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .intro {
    width: 100%;
  }
  /* line 263, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .intro p {
    color: #231f20 !important;
    padding-bottom: 18px !important;
  }
  /* line 269, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles h3 {
    background-color: #b9c1c7;
    position: relative;
    font: 23px/1 "Aachen W01 bold",Verdana,Arial !important;
    color: #231f20 !important;
    border-bottom: 1px solid #8a97a1;
    padding: 22px 0 20px 20px !important;
    margin-bottom: 0 !important;
  }
  /* line 277, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles h3 .icon {
    background: url(../images/arrow-down.gif) no-repeat;
    background-size: 50%;
    width: 37px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 28px;
  }
  /* line 287, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles h3.toggled .icon {
    background-image: url(../images/arrow-up.gif);
  }
  /* line 292, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles p {
    padding-top: 18px !important;
    padding-bottom: 10px !important;
  }
  /* line 296, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles p a.reset {
    font: 14px/1.35 Verdana,Arial,serif !important;
    color: #231f20 !important;
  }
  /* line 301, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles .borrow {
    padding-top: 18px !important;
    padding-bottom: 6px !important;
  }
  /* line 306, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles.apply-online h3 {
    border-top: none !important;
  }
  /* line 309, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles.apply-online .choice {
    width: auto;
    padding-right: 20px;
  }
  /* line 312, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles.apply-online .choice .have-netbank {
    border-top: none;
    padding-top: 20px;
    width: 100%;
  }
  /* line 316, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles.apply-online .choice .have-netbank h4 {
    font: bold 14px/1.35 Verdana,Arial,serif !important;
  }
  /* line 319, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles.apply-online .choice .have-netbank .netbank {
    padding: 1px 0 4px !important;
  }
  /* line 322, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles.apply-online .choice .have-netbank .btn-apply-in-netbank {
    width: 150px;
    padding: 5px 0 13px 0 !important;
  }
  /* line 327, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles.apply-online .choice .no-netbank {
    padding: 9px 0 0 0;
    width: 100%;
    margin-top: 0;
  }
  /* line 331, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles.apply-online .choice .no-netbank h4 {
    font: bold 14px/1.35 Verdana,Arial,serif !important;
  }
  /* line 334, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles.apply-online .choice .no-netbank .netbank {
    padding: 1px 0 4px !important;
  }
  /* line 337, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles.apply-online .choice .no-netbank .btn-apply {
    width: 150px;
    padding: 5px 0 15px 0 !important;
  }
  /* line 344, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles .tel-mobile {
    color: #231f20 !important;
    display: inline !important;
    text-decoration: none;
  }
  /* line 349, personalloanscar-web.scss */
  #personalloanscarTheme .hero-text .subtitles .tel-web {
    display: none;
  }
  /* line 354, personalloanscar-web.scss */
  #personalloanscarTheme .important-info {
    padding: 0;
  }
  /* line 356, personalloanscar-web.scss */
  #personalloanscarTheme .important-info h3 {
    background-color: #b9c1c7;
    position: relative;
    font: 23px/1 "Aachen W01 bold",Verdana,Arial !important;
    color: #231f20 !important;
    border-bottom: 1px solid #8a97a1;
    padding: 22px 0 20px 20px !important;
    margin-bottom: 0 !important;
  }
  /* line 364, personalloanscar-web.scss */
  #personalloanscarTheme .important-info h3 .icon {
    background: url(../images/arrow-down.gif) no-repeat;
    background-size: 50%;
    display: block;
    height: 25px;
    position: absolute;
    right: 0px;
    top: 28px;
    width: 37px;
  }
  /* line 374, personalloanscar-web.scss */
  #personalloanscarTheme .important-info h3 .web-only {
    display: none;
  }
  /* line 378, personalloanscar-web.scss */
  #personalloanscarTheme .important-info h3.toggled .icon {
    background-image: url(../images/arrow-up.gif);
  }
  /* line 383, personalloanscar-web.scss */
  #personalloanscarTheme .important-info p {
    font: 9px/1.25 Verdana,Arial,serif !important;
    color: #231f20 !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }
}
/*
* 6. OVERWRITES
--------------------------------------------------------------------------*/
/*
* 6.1. webCampaign.css
---------------------------------------*/
/* line 400, personalloanscar-web.scss */
#bodyInner {
  padding-top: 20px;
}

/*
* 6.2. mobileCampaign.css
---------------------------------------*/