/*
7/12/13 - RGH - Files split, tablet.css created
7/16/13 - MYL - Updated rates-to-apply page specific classes
7/17/13 - MYL - Tabbed content table & form styles
8/12/13 - RGH - Updated Rates Pages
8/13/13 - RGH - Updated FAQ Dropdown
8/24/13 - RGH - Update footer sprites for Cliping
12/09/13 - RGH - Added second breakpoints
01/30/14 - RGH - Added 0 margin to .Red-Btn + Service Menu Active Fix
07/02/14 - MYL - C&S
13/02/14 - RGH - Borrowing and Banners
20/02/14 - RGH - removed .mobile-hide
*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

#side-nav, .desktopOnly {
  display: none;
}
.tablet-show {
  display: block;
}
#mobile-side-nav {
  position: absolute;
  left: -300px;
  top: 0;
  margin: 0;
  padding: 0;
  width: 300px;
  height: 100%;
  overflow: scroll;
  background-color: #e8e6de;
  color: #515151 !important;
}
#mobile-side-nav.menu {
  left: 0px !important;
}
#mobile-side-nav .sign-on-btn {
  width: 110px;
  float: left;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.8em;
}
#mobile-side-nav .menu-divider {
  clear: both;
  height: 20px;
  background: #a6a69f url('/ca/common/icons/bg-mobile-side-nav-divider.png') repeat-x;
}
#mobile-side-nav h3 {
  font-size: 17px;
  font-weight: bold;
  height: 45px;
  padding: 20px 0 20px 20px;
}
#mobile-side-nav h3 img {
  width: 100px;
  vertical-align: middle;
}
#mobile-side-nav h3 span {
  display: block;
  float: left;
  padding-top: 10px;
  padding-left: 10px;
}
#mobile-side-nav ul {
  padding: 0;
  margin-top: 0;
  width: 100%;
  list-style-type: none;
}
#mobile-side-nav ul li {
  clear: both;
}
#mobile-side-nav ul:last-child li {
  font-weight: normal;
}
#mobile-side-nav ul .list-item {
  clear: both;
}
#mobile-side-nav ul.primary-nav li {
  padding-left: 0;
}
#mobile-side-nav ul.secondary-nav li {
  background: none;
  border-bottom: 1px solid #d0cfc7;
  font-weight: normal;
}
#mobile-side-nav ul.secondary-nav > li a {
  color: #292929 !important;
  padding: 14px 10px 10px 10px;
  padding-left: 10px;
  display: block;
  vertical-align: top;
  text-decoration: none;
}
#mobile-side-nav ul.footer-nav li {
  background: none;
  border-bottom: 1px solid #d0cfc7;
  font-weight: normal;
}
#mobile-side-nav ul.footer-nav > li a {
  color: #292929 !important;
  padding: 14px 10px 10px 10px;
  padding-left: 10px;
  display: block;
  vertical-align: top;
  text-decoration: none;
}
#mobile-side-nav .heading {
  text-indent: 25px;
  background-color: #afaea9;
  color: #292929;
  padding: 5px 0px 5px 0px;
}
#mobile-side-nav .heading h3 {
  padding: 0;
  margin: 0;
  height: auto;
  font-size: 17px;
  line-height: 1em;
}
#mobile-side-nav > ul.primary-nav > li {
  margin-right: 0px;
  font-size: 14px;
  font-weight: bold;
  background: #dad8cc url('/ca/common/icons/bg-mobile-side-nav.png');
  background-position: 0px bottom;
  background-size: 100% 227%;
  -webkit-background-size: 100% 227%;
}
#mobile-side-nav > ul.primary-nav > li.active {
  background: none;
  border-top: 1px solid #d0cfc7;
  background-color: #2c2c2c;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.home .icon {
  background-position: -20px 2px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.accounts .icon {
  background-position: -20px -17px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.credit-cards .icon {
  background-position: -20px -35px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.borrowing .icon {
  background-position: -20px -53px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.investing .icon {
  background-position: -20px -73px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.insurance .icon {
  background-position: -20px -95px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.program-offers .icon {
  background-position: -20px -116px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.fund-prices .icon {
  background-position: -20px -137px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.locations .icon {
  background-position: -20px -170px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.waystobank .icon {
  background-position: -20px -206px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.contact .icon {
  background-position: -20px -187px;
}
#mobile-side-nav > ul.primary-nav > li.open {
  background: #3b3b3b url('/ca/common/icons/bg-mobile-side-nav.png');
}
#mobile-side-nav > ul.primary-nav > li.open > .list-item {
  box-shadow: 0px 6px 15px #8b8a85;
  z-index: 9999;
  position: relative;
}
#mobile-side-nav > ul.primary-nav > li.open > .list-item > a .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  left: 30%;
}
#mobile-side-nav > ul.primary-nav > li.open > .list-item .accordion-control {
  background-position: 0px -139px;
}
#mobile-side-nav > ul.primary-nav > li.open > .list-item span.divider {
  border-left: 1px solid #a09f9e;
  background: #bfbfbc;
}
#mobile-side-nav > ul.primary-nav > li.open .level-2 {
  height: auto;
  display: block;
}
#mobile-side-nav > ul.primary-nav > li > .list-item {
  width: 100%;
  height: auto;
  position: relative;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a {
  color: #292929 !important;
  display: inline-block;
  float: left;
  vertical-align: top;
  text-decoration: none;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.link {
  /*padding: 14px 10px 10px 10px;*/
  width: 90%;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.accordion-control {
  width: 13%;
  height: 100%;
  background: transparent url('/ca/common/icons/bg-mobile-side-nav.png') no-repeat;
  background-position: 0px -87px;
  background-size: 2px;
  -webkit-background-size: 2px auto;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 6px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a span.divider {
  display: block;
  position: absolute;
  top: 17%;
  border-left: 1px solid #bebebe;
  width: 1px;
  background: #f8f7f5;
  height: 75%;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a span.arrow, #mobile-side-nav > ul.primary-nav > li > .list-item a span.icon {
  display: inline-block;
  background: url('/ca/common/icons/icons-mobile-side-nav.png') no-repeat;
  background-size: 200%;
  -webkit-background-size: 200% auto;
  width: 20px;
  height: 17px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a span.btn-copy {
  display: inline-block;
  width: 80%;
  margin-left: 1.4em;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a span.arrow {
  background-position: 0px -155px;
  position: relative;
  top: 33%;
  left: 50%;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.home {
  display: block;
  width: 90%;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.home .icon {
  background-position: 0px 2px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.accounts .icon {
  background-position: 0px -17px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.credit-cards .icon {
  background-position: 0px -35px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.borrowing .icon {
  background-position: 0px -53px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.investing .icon {
  background-position: 0px -73px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.insurance .icon {
  background-position: 0px -95px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.program-offers .icon {
  background-position: 0px -116px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.fund-prices .icon {
  background-position: 0px -137px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.locations .icon {
  background-position: 0px -170px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.waystobank .icon {
  background-position: 0px -206px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.contact .icon {
  background-position: 0px -187px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item {
  background: #d81e05 none;
}
#mobile-side-nav > ul.primary-nav > li.active a {
  background: #d81e05 none;
  color: white !important;
  background-position: -20px !important;
}
#mobile-side-nav > ul.primary-nav > li .level-3 {
  height: 0px;
  display: none;
  overflow: hidden;
  background: #b7b6b0;
}
#mobile-side-nav > ul.primary-nav > li .level-3 li {
  border-top: 1px solid #9f9e99;
}
#mobile-side-nav > ul.primary-nav > li .level-3 li a {
  display: block;
  width: 68%;
  text-indent: 0px;
  padding: 5px 50px 5px 60px !important;
  color: #2c2c2c !important;
}
#mobile-side-nav > ul.primary-nav > li .level-2 {
  height: 0px;
  display: none;
  overflow: hidden;
  background-color: #E2E0D6;
}
#mobile-side-nav > ul.primary-nav > li .level-2 > li {
  font-size: 0.95em;
}
#mobile-side-nav > ul.primary-nav > li .level-2 > li .list-item {
  overflow: auto;
  width: 100%;
  position: relative;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li {
  border-top: 1px solid #9f9e99;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li > a {
  display: block;
  text-indent: 0px;
  padding: 5px 0px 5px 35px;
  color: #2c2c2c !important;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li > .list-item a {
  display: inline-block;
  text-indent: 0px;
  padding: 5px 0px 5px 0px;
  color: #2c2c2c !important;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li > .list-item a.link {
  width: 75%;
  padding-left: 35px;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li > .list-item a.accordion-control {
  width: 13%;
  height: 100%;
  padding: 0;
  background: transparent url('/ca/common/icons/bg-mobile-side-nav.png') no-repeat;
  background-position: 0px -40px;
  background-size: 1px;
  -webkit-background-size: 1px auto;
  position: absolute;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li > .list-item a span.divider {
  display: block;
  position: absolute;
  top: 15%;
  border-left: 1px solid #bebebe;
  width: 1px;
  background: #f7f6f5;
  height: 75%;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li > .list-item a span.arrow {
  background: url('/ca/common/icons/icons-mobile-side-nav.png') no-repeat;
  background-position: 0px -117px;
  background-size: 200%;
  -webkit-background-size: 200% auto;
  position: absolute;
  top: 35%;
  left: 44%;
  width: 15px;
  height: 12px;
  display: block;
  opacity: 0.5;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li.open {
  background: #b7b6b0;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li.open .level-3 {
  height: auto;
  display: block;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li.open > .list-item a .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  left: 38%;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li.open > .list-item a span.divider {
  display: block;
  position: absolute;
  top: 10%;
  border-left: 1px solid #a09f9e;
  width: 1px;
  background: #bfbfbc;
}
body, html {
  padding: 0;
  margin: 0;
}
body.menu, html.menu {
  height: 100%;
  overflow: hidden;
}
#top {
  display: none;
}
#logo {
  width: 50%;
}
#header {
  width: 100%;
}
#header.fixed-nav {
  padding-bottom: 45px;
}
#service-menu-container {
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 9999;
}
#service-menu-container.fixed {
  box-shadow: 0px 0px 25px black;
}
.mega-menu-button {
  width: 10%;
  height: 3.75em;
  text-indent: -9999px;
  display: block;
  float: left;
  color: white;
  background: #eeeeee url('/ca/common/icons/main-nav.png') no-repeat;
  background-size: 70px;
}
.mega-menu-button:focus {
  color: red;
}
.banner-fr-button {
  display: inline-block;
  padding: 10px;
  width: 50px;
  margin-top: 10px;
  margin-left: 10px;
  background-color: #F3F3F3;
  color: #747474;
  font-weight: bold;
}
#content-head {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 20px 0 0;
  border-bottom: none;
}
#content-head h1 {
  padding-left: 20px;
}
#mobile-side-nav {
  width: 355px;
  left: -355px;
}
#mobile-side-nav .heading {
  text-indent: 35px;
}
#mobile-side-nav ul.primary-nav > li, #mobile-side-nav ul.secondary-nav > li, #mobile-side-nav ul.footer-nav > li {
  font-size: 1.6em;
}
#mobile-side-nav ul.primary-nav > li .level-2 li, #mobile-side-nav ul.secondary-nav > li .level-2 li, #mobile-side-nav ul.footer-nav > li .level-2 li {
  font-size: 1.05em;
}
#mobile-side-nav > ul > li .level-2 li > a {
  padding-left: 45px;
}
#wrapper {
  width: 100%;
  position: relative;
  z-index: 998;
  overflow: visible;
  top: 0;
}
#wrapper.menu {
  left: 355px;
  -webkit-box-shadow: -15px 0px 15px rgba(0, 0, 0, 0.3);
  box-shadow: -15px 0px 15px rgba(0, 0, 0, 0.3);
}
#wrapper.menu #service-menu-container.fixed {
  left: 355px;
}
.wrapper {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}
.wrapper #mega-menu {
  display: none;
}
.wrapper #mega-menu li {
  font-size: 0.8em;
}
.wrapper #service-menu, .wrapper #service-toggle {
  width: 90%;
  float: left;
  clear: none;
}
.wrapper #service-menu li, .wrapper #service-toggle li {
  width: 20%;
  padding-top: 0px;
  background-size: 5px !important;
}
.wrapper #service-menu li span, .wrapper #service-toggle li span {
  display: none;
}
.wrapper #service-menu li a.tab, .wrapper #service-toggle li a.tab {
  padding: 16px 0 13px 10px;
  width: 100% !important;
}
.wrapper #service-menu li div.content, .wrapper #service-togggle li div.content {
  display: none !important;
}
.wrapper #service-menu li:last-child, .wrapper #service-toggle li:last-child {
  width: 40%;
}
.wrapper #service-menu li:last-child #search-query, .wrapper #service-toggle li:last-child #search-query {
  width: 80%;
}
.wrapper #service-menu li.active a.tab, .wrapper #service-menu li:hover a.tab {
  background: none;
}
.wrapper #service-menu li.active a.tab {
  padding-bottom: 0!important;
}
.wrapper #service-menu li a.tab:hover, .wrapper #service-menu li a.tab:focus, .wrapper #service-menu li a.tab:active {
  color: #8e8e8e;
  text-decoration: none;
}
.wrapper #service-toggle > li > a span.arrow {
  display:none;
}
.wrapper #content {
  position: relative;
}
#content-divider {
  position: relative;
  display: none;
}
#content-head h1 {
  padding-left: 13px;
}
#content-head p {
  display: none;
}
#content-head-product {
  width: 100%;
  margin-left: 0px;
  border: 0;
}
#content-head-product h1 {
  background: none;
  color: #515151;
  width: 90% !important;
}
#content-body .head {
  width: 97%;
  border-bottom: 0 none;
  margin: 0 16px 10px;
}
#content-body .left .head {
  margin: 0;
}
#content-body .head div:first-child {
  display: none;
  padding-left: 0px;
  padding-right: 0px;
}
#content-body .head div:last-child {
  width: 100%;
  margin: 0;
}
#content-body .head .col {
  /*padding-left: 15px;*/
  width: 95%;
}
#content-body .head .col h2 {
  float: left;
  padding-right: 7px;
}
#content-body .head .col p {
  width:auto;/*padding-left: 7px;
  float: left;*/
}
#content-body .left {
  float: left;
  width: 100%;
  padding-left: 15px;
}
#content-body > .left {
/*display: none; not sure*/
}
#content-body .footer .col.tabletOnly {
  width: 100%;
  padding-top: 20px;
}
#content-body .footer .col.tabletOnly h2 {
  float: left;
}
#content-body .footer .col.tabletOnly p {
  float: left;
  margin-top: 2px;
}
#content-body .footer .col.talk {
  width: 100%;
  border-top: 1px solid #c6c6c6;
  padding-top: 20px;
  margin-top: 20px;
}
#content-body .footer .col.talk h5 {
  color: #515151;
  font-size: 1.7em;
}
#content-body .footer .col.talk p {
  display: inline;
  float: none;
  padding: 0px 0px 0px 5px;
  font-size: 1.6em;
}
#content-body .footer .col.talk .phone {
  background: url('/ca/common/icons/sprites.png') 2px -634px no-repeat;
  padding-left: 15px;
}
#content-body .col.tabletOnly {
  padding-top: 0;
  margin-top: 0;
}
#content-body .col.tabletOnly p {
  padding-left: 5px;
}
#content-body #rates-to-apply ul {
  width: 100%;
}
#content-body #rates-to-apply ul li {
  width: 100%;
  font-size:1em!important;
}
#content-body #rates-to-apply .right li strong {
  width: 60%;
}
/*
  #content-body div.legal {
    padding-left: 0px;
  }*/
  #content-body {
  width: 100%;
  overflow: hidden; /*rgh */
}
#content-body .tiles {
  width: 100%;
  padding-bottom: 10px;
}
#content-body .tiles .link {
  display: none;
}
#content-body .tiles .one-col {
  width: 48%;
}
#content-body .tiles .one-col .b h2 {
  color: #515151;
}
#content-body .tiles .one-col .b h3 {
  margin-left: 20px;
  font-size: 23px;
}
#content-body .tiles .two-col {
  width: 64.8%;
}
html:lang(fr) #content-body .tiles .two-col {
  width: 100%;
}
#content-body .tiles .two-col .content img {
  right: 0px;
  left: auto !important;
}
#content-body .tiles .two-col .red-btn {
  text-align: left;
  width: 100% !important;
  padding: 7px 0 7px 20px;
  left: 0px !important;
  bottom: 0px;
}
#content-body .tiles .two-col div.mobileOnly {
  padding: 0;
}
#content-body .tiles .one-col:hover {
  /*-moz-box-shadow: inset 0 0 0px 3px #C80012;
  -webkit-box-shadow: inset 0 0 0px 3px #C80012;
  box-shadow: inset 0 0 0px 3px #C80012;*/
}
#content-body .tiles .tile {
  border: none;
  margin: 10px 0 10px 10px;
}
#content-body .tiles .three-col {
  width: 98%;
  border-width: 2px;
}
#content-body .tiles .tile .grey-btn {
  left: 0;
  bottom: 0;
  width: 95%;
  padding: 15px 0 15px 20px;
  text-align: left;
  font-size: 1.5em;
  font-weight: normal;
  color: white;
  background: #C80012 none;
  border: none;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
}
#content-body .tiles .see-more-btn {
  width: 97.5%;
  display: block;
  clear: both;
  font-size: 1.8em;
  font-weight: bold;
  text-align: center;
  padding: 15px 0 15px 0;
  margin: 10px 10px 10px 10px;
  position: relative;
  top: 10px;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 0px #D0D0D0;
  box-shadow: 0px 1px 0px #D0D0D0;
  background-image: linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -o-linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -moz-linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -webkit-linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -ms-linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.39, #eeeeee), color-stop(0.64, #fcfcfc));
}
.wrapper #content #content-body .fourbyfour {
  float:left;
  width:100%;
}
iframe {
  width: 100%;
}
#content {
  background: #fff none;
}
#content .tabbed-content {
  margin: 10px 0;
  clear: both;
}
#content .tabbed-content .content {
  background-color: #fff;
  border: 0px;
}
#content .tabbed-content #btn-apply {
  display:none;
}
#content .tabbed-content .tab-controller.a .a .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#content .tabbed-content .tab-controller.b .b .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#content .tabbed-content .tab-controller.c .c .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#content .tabbed-content .tab-controller.d .d .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#content .tabbed-content .tab-controller.d .d .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#content .tabbed-content .tab-controller.e .e .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#content #content-body > h2 {
  display: none;
}
#content #content-body > .top {
  display: none;
}
#content #content-body .tabs {
  display: none;
}
#content #content-body .accordion {
  display: block;
  width: 100%;
  font-size: 24px;
  background-color: #eeede8;
  border-bottom: 1px solid #c6c6c6;
  border-top: 1px solid #fff;
}
#content #content-body .accordion a {
  display: block;
  padding: 15px;
  color: #515151;
}
#content #content-body .accordion a .arrow {
  display: inline-block;
  margin-top: 5px;
  width: 15px;
  height: 20px;
  float: right;
  background: url("/ca/common/icons/icon-arrowaccordion.png") no-repeat;
  background-size: 80%;
  -webkit-background-size: 80%;
}
#content #content-body .accordion a:hover {
  text-decoration: none;
}
#content #content-body .d {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#content #content-body .videos {
  border: none;
  width: 95%;
  margin: 0 auto !important;
}
#content #content-body .videos iframe {
/*  width: 100% !important;
  height: 100% !important;*/
}
#content #content-body .videos .embed_video {
  height: 400px;
}
#content #content-body .right {
  width: 45%;
  padding: 30px 2% 0px;
}
#content #content-body .right ul {
  width:100%
}
#content #content-body .right ul li {
  font-size:1.4em;
  line-height: 1.4em;
  width: 100%;
  float: left;
}
#content #content-body .right .mobile-phone-btn {
  display: block;
}
#content #content-body .right > a {
  font-size: 2.2em;
  font-weight: bold;
  display: block;
  float: right;
  width: 200px;
  height: 38px;
  overflow: hidden;
  margin-top: 17px;
}
#content #content-body .right > span {
  display: block;
  float: right;
  clear: right;
  font-size: 1.5em;
  margin-top: 5px;
}
#content #content-body #rates-to-apply {
  margin-right: 0px;
}
#content #content-body #rates-to-apply .left {
  width: 30%;
  padding-left: 5px;
}
#content #content-body #rates-to-apply .right {
  width: 65%;
  padding: 0px;
}
#content div.legal ul li {
  width: 100%;
}
#content-body div.legal p {
left: -15px;
}

#content-body.currency .head {
  display: block;
  width: auto;
  border-bottom: 3px solid #ddd;
  padding-bottom: 10px;
  margin-left: 15px;
  margin-right: 20px;
}
#content-body.currency .head .col {
  width: 90%;
  padding-left: 0px;
}
#content-body.currency .left {
  display: block;
  float: left;
  width: 95%;/*margin-right: 20px;
  padding-top: 20px;*/
}
#content-body.currency .talk {
  display: none;
}
table.default {
  width: 97%;
}
table.default.small {
  font-size: 1.2em!important;
}
#content-body.glossary {
  padding: 14px 0 25px 0;
}
#content-body.glossary .left {
  width: 100%;
  margin-left: 0px;
  padding-left: 0px;
  display: block;
}
#content-body.glossary .left .hidep {
  display: none;
}
#content-body.glossary .question {
  width: 100%;
  color: #eeede8;
  margin-bottom: 0px;
  border-radius: 0px;
  border-top: 1px solid white;
  border-bottom: 1px solid #e3e3e3;
  background: 100% top no-repeat #eeede8;
}
#content-body.glossary .question .content {
  width: auto;
  margin: 0px 0px;
  padding: 20px 20px 5px 20px;
  color: #666;
  background-color: white;
  border-top: 1px solid #e3e3e3;
}
#content-body.glossary .question h4 {
  font-weight: normal;
  font-size: 2.5em !important;
  padding: 9px 15px 9px 0px;
}
#content-body.glossary .question h4 a .arrow, #content-body #questions .question h3 a .arrow {
  display: inline-block;
  margin-top: 5px;
  width: 15px;
  height: 20px;
  float: right;
  background: url("/ca/common/icons/icon-arrowaccordion.png") no-repeat;
  background-size: 80%;
  -webkit-background-size: 80%;
}
#content-body.glossary .question .content p {
  width: 92%;
}
#content-body.glossary .question:hover {
  background: 100% top no-repeat #eeede8;
}
#content-body.glossary .question.active {
  background: 100% top no-repeat #eeede8;
  border-bottom: 1px solid white;
}
#content-body.glossary .question.active:hover {
  background: 100% top no-repeat #eeede8;
}
#content-body.glossary .question.active h4 a .arrow, #content-body #questions .question.active h3 a .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#content-body #questions .question h3 {
  font-weight: normal;
  font-size: 2.5em !important;
  padding: 9px 15px 0 0;
  margin-left: 20px;
  background:none;
}
#content-body #questions .question p {
  margin: 0 55px 0 20px;
  font-size: 1.5em;
  min-height: 50px;
  color:#666;
  margin-bottom: 0.5em;
}
#content-body #questions .question {
  clear: both;
  width: 100%;
  overflow: hidden;
  margin-bottom: 0px;
  border-radius: 0px;
  border-top: 1px solid white;
  border-bottom: 1px solid #e3e3e3;
  background: 100% top no-repeat #eeede8;
}
#content-body #questions .question.active:hover, #content-body #questions .question.active {
  background: 100% top no-repeat #eeede8;
}
#content-body #questions .question h3 a .arrow {
  margin-top: 25px;
}
#content-body .header {
  margin: 5px 0 18px 0;
  width: 97%;
}
#content-body #contact-tiles {
  clear: both;
  list-style: none;
  padding-left: 12px;
}
#content-body .head div:last-child p {
  display: inline;
  float: none;
  padding: 0px 0px 0px 5px;/*font-size: 1.6em;*/
}
#content-body .col h5 {
  display: inline;
}
#content-body .head .twitter {
  display: none;
}
#content-body .mobileOnly {
  padding: 10px 15px 0px 15px;
}
#content-body .mobileOnly h5 {
  display: inline;
  color: #515151;
  font-size: 1.6em;
}
#content-body .mobileOnly h2, #content-body .mobileOnly h3 {
  color: #515151 !important;
}
#content-body .mobileOnly p {
  display: inline;
  font-size: 1.6em;
  padding: 0px 0px 0px 2px;
}
#content-body .mobileOnly .phoneIcon {
  background: url('/ca/common/icons/sprites.png') 2px -634px no-repeat;
  padding-left: 15px;
}
#content-body .tile {
  border: none;
  margin: 10px 0 10px 10px;
}
#content-body .tile .red-btn {
  left: 0;
  bottom: 0;
  width: 95%;
  padding: 7px 0 7px 20px;
  text-align: left;
  font-size: 1.5em;
  font-weight: normal;
  color: white;
  background: #C80012 none;
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  margin:0;
}
#content-body .tile .red-btn:hover, #content-body .tile .grey-btn:hover {
  top:auto;
  bottom: 0px!important;
}
#content-body .tile .front ul.details li.check {
  line-height: 1.1em;
  margin: 0px 18px;
}
#content-body .front a.quickFlipCta {
  display: none;
}
#content-body .tiles .tile {
  margin: 10px 0 0px 10px;
}
#content-body .tiles .tile:nth-child(odd) {
  clear: left;
}
#content-body .tiles .tile {
  margin: 10px 0 0px 10px;
}
#content-body .tiles .tile .front {
  position: relative!important;
  width: auto!important;
  display: block!important;
  background-color: transparent;
}
#content-body .tiles .tile .back {
  display: none!important;
}
#content-body .tiles .tile h2 {
  margin: .5em 20px 0.05em 20px;
  width: auto !important;
}
#content-body .tiles .tile h2 sup {
  font-size: .6em;
  margin-left: 0;
}
#content-body .tiles .tile ul {
  width: auto !important;
}
#content-body .tiles .tile.noFlip.two-col {
  width: 65%;
}
#content-body .tiles .tile.noFlip.two-col .content img {
  right: 0!important;
  left: initial!important;
}
#content-body .footer {
  padding: 0 2%;
  margin-bottom: 20px;
  width: 96%;
}
#content-body .footer ul li {
  margin-bottom: 6px;
  margin-left: 0px;
  font-size: 1.4em;
}
#content-body .footer ul.column2 {
  float: none;
}
#content-body .footer .left {
  margin-left: 5px;
  width: 50%;
}
#content-body .footer .left ul li {
  float: none;
  width: auto;
  clear: both;
  font-size: 1.4em;
}
#content-body .footer .left ul li br {
  display: none;
}
#content-body .footer .col {
  width: 47%;
}
#content-body .left .trueleft {
  width: 100%;
}
#content-body .left .trueleft ul.column1 {
  padding-bottom: 0;
}
#content-body .left .trueleft ul.column2 {
  margin-top: 0;
}
.sectiondivider {
  margin-bottom: 12px;
  border-top: 1px solid #c6c6c6;
  border-bottom: 1px solid #ffffff;
}
.tabletOnly {
  display: block!important;
}
#content-body .head > p {
/*display: none;*/
}
#content-body .items {
  width: 100%;
}
#content-body .items ul.zebra-stripe {
  width: 100%;
}
#content-body .items ul.zebra-stripe li {
  width: auto;
  padding: 0;
  border-bottom: 3px solid #fff;
  display: block;
  margin: 0 14px 0 14px;
  float: none;
}
#content-body .items ul.zebra-stripe li #rates {
  width: 100%;
}
#content-body .items ul.zebra-stripe li a {
  text-decoration: none !important;
  display: block;
  padding: 14px 20px 16px 20px;
  position: relative;
}
#content-body .items ul.zebra-stripe li a:focus {
  text-decoration: none !important;
}
#content-body .items ul.zebra-stripe li a:hover {
  text-decoration: none !important;
  -moz-box-shadow: inset 0 0 0px 3px #C80012;
  -webkit-box-shadow: inset 0 0 0px 3px #C80012;
  box-shadow: inset 0 0 0px 3px #C80012;
}
#content-body .items ul.zebra-stripe li a:active {
  text-decoration: none !important;
}
#content-body .items ul.zebra-stripe li h3 {
  padding-top: 5px;
}
#content-body .items ul.zebra-stripe li p {
  width: 85%;
}
#content-body .items ul.zebra-stripe li .hr {
  display: none;
}
#content-body .items ul.zebra-stripe li .offer {
  background: url("/ca/common/icons/bg-more-corner.png");
  position: absolute;
  right: 0;
  bottom: 0;
  height: 80px;
  width: 80px;
  background-size: 100%;
  -webkit-background-size: 100%;
}
#content-body .items ul.zebra-stripe li .offer .desktop {
  display: none;
}
#content-body .items ul.zebra-stripe li .offer .more {
  position: absolute;
  right: 0px;
  bottom: 10px;
  color: white;
}
#content #content-body.forms .head {
  width: 96%;
}
#content #content-body.forms .head > p {
  display: block;
  width: 95%;
}
#content #content-body.forms .head .col {
  display: none;
}
#content #content-body.forms .head > * {
  margin-left: 15px;
}
#content #content-body.forms .head div:first-child {
  display: block;
  float: none;
  width: 100%;
  border-bottom: 1px solid #adada7;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
#content #content-body.forms .head div:first-child h5 {
  float: left;
  padding-right: 10px;
}
#content #content-body.forms .head div:first-child p {
  float: left;
}
#content #content-body.forms .heading {
  width: 98%;
  padding: 25px 0 15px 0;
  margin: 0 auto;
}
#content #content-body.forms .heading strong {
  padding-left: 8px;
}
#content #content-body.forms .link-farm, #content #content-body.forms #content-body .link-farm-sub-list {
  margin: 0 auto;
  width: 98%;
}
#content #content-body.forms .link-farm li, #content #content-body.forms #content-body .link-farm-sub-list li {
  margin: 0;
  padding: 0;
}
#content #content-body.forms .link-farm li a, #content #content-body.forms #content-body .link-farm-sub-list li a {
  display: block;
  padding: 10px;
  color: #666;
}
#content #content-body.forms .link-farm li a:hover, #content #content-body.forms #content-body .link-farm-sub-list li a:hover {
  background: white;
  -moz-box-shadow: inset 0 0 0px 3px #C80012;
  -webkit-box-shadow: inset 0 0 0px 3px #C80012;
  box-shadow: inset 0 0 0px 3px #C80012;
}
#content #content-body.forms .link-farm li .grey-btn, #content #content-body.forms #content-body .link-farm-sub-list li .grey-btn {
  padding: 0 15px 0 5px;
  color: #D81E05;
  /*font-size: 1em!important;*/
  background-image: linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -o-linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -moz-linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -webkit-linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -ms-linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.39, #eeeeee), color-stop(0.64, #fcfcfc));
}
#content #content-body.forms .link-farm li .grey-btn .arrow, #content #content-body.forms #content-body .link-farm-sub-list li .grey-btn .arrow {
  right: 15px;
}
#content #content-body.forms .link-farm li .grey-btn .mobile, #content #content-body.forms #content-body .link-farm-sub-list li .grey-btn .mobile {
  display: none;
}
#content #content-body.forms #rates-to-apply {
  display: block;
  padding-left: 10px;
}
#content #content-body.forms #rates-to-apply .left {
  width: 30%;
  padding-left: 0;
}
#content #content-body.forms #rates-to-apply .right {
  width: 65%;
}
#content #content-body.forms #rates-to-apply .right ul {
  float: right;
}
#content #content-body.forms #rates-to-apply .address strong {
  width: auto;
  float: left;
}
#content #content-body.forms #rates-to-apply .address div {
  width: auto;
  float: right;
}
#content #content-body.forms .legal {
  padding-left: 10px;
}
.rates-fees-box {
  display: none;
}
#content-head-product.creditcards {
  border: none;
}
#content-head-product.creditcards h1 {
  background: none;
  color: #515151;
}
#content .creditcards .tabbed-content #btn-apply {
  display:block;
}
#tab-tools-videos {
  display: none;
}
#content-body .tabbed-content .content {
  width: 100%;
  -webkit-box-shadow:none;
}
.wrapper #content #content-body.creditcards .banner-long {
  width: 97.7%;
  height: auto;
  margin: 0 1.3%;
}
.wrapper #content #content-body.creditcards .banner-long .content.a {
  width: 97.5%;
  height: auto;
  margin: 1%;
}
.wrapper #content #content-body.creditcards .banner-long .content.a img {
  display: none;
}
.wrapper #content #content-body.creditcards .banner-long .content.a h2 {
  font-size: 2.5em !important;
  margin-bottom: 15px;
}
.wrapper #content #content-body.creditcards .banner-long .content.a h2 br {
  display: none;
}
.wrapper #content #content-body.creditcards .banner-long .content.a h2 span {
  padding-left: 5px;
}
.wrapper #content #content-body.creditcards .banner-long .content.a h3 {
  display: none;
}
.wrapper #content #content-body.creditcards .tabbed-content {
  width: 98%;
  margin: 0 auto;
}
.wrapper #content #content-body.creditcards .tabbed-content .a.content {
  width: 100% !important;
}
.wrapper #content #content-body.creditcards .question {
  width: 100%;
  color: #eeede8;
  margin-bottom: 0px;
  margin-top: 0px;
  border-radius: 0px;
  border-top: 1px solid white;
  border-bottom: 1px solid #e3e3e3;
  background: 100% top no-repeat #eeede8;
}
.wrapper #content #content-body.creditcards .question > p {
 color: #666;
}
.wrapper #content #content-body.creditcards .question .content {
  width: auto;
  margin: 0px 0px;
  padding: 20px 20px 5px 20px;
  color: #666;
  background-color: white;
  border-top: 1px solid #e3e3e3;
}
.wrapper #content #content-body.creditcards .question h3 {
  font-weight: normal;
  font-size: 2.5em !important;
  padding: 9px 15px 9px 0px;
}
.wrapper #content #content-body.creditcards .question h3 a .arrow {
  display: inline-block;
  margin-top: 5px;
  width: 15px;
  height: 20px;
  float: right;
  background: url("/ca/common/icons/icon-arrowaccordion.png") no-repeat;
  background-size: 80%;
  -webkit-background-size: 80%;
}
.wrapper #content #content-body.creditcards .question .content p {
  width: 92%;
}
.wrapper #content #content-body.creditcards .question:hover {
  background: 100% top no-repeat #eeede8;
}
.wrapper #content #content-body.creditcards .question.active {
  background: 100% top no-repeat #eeede8;
  border-bottom: 1px solid white;
}
.wrapper #content #content-body.creditcards .question.active:hover {
  background: 100% top no-repeat #eeede8;
}
.wrapper #content #content-body.creditcards .question.active h3 a .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.wrapper #content #content-body.creditcards #rates-to-apply {
  display: block;
  padding-left: 10px;
}
.wrapper #content #content-body.creditcards #rates-to-apply .left {
  width: 30%;
  padding-left: 0px;
}
.wrapper #content #content-body.creditcards #rates-to-apply .right {
  width: 65%;
}
.wrapper #content #content-body.creditcards #rates-to-apply .right ul {
  float: right;
}
.wrapper #content #content-body.creditcards #rates-to-apply .telephone strong {
  width: 51%;
  float: left;
}
.wrapper #content #content-body.creditcards #rates-to-apply .address strong {
  width: auto;
  float: left;
}
.wrapper #content #content-body.creditcards #rates-to-apply .address div {
  width: auto;
  float: right;
}
.wrapper #content #content-body.creditcards .col.tabletOnly {
  padding-bottom: 20px;
}
#content #content-body.moneyback .head {
  padding-bottom: 10px;
  border-bottom: 1px solid #B9B9B9;
}
#content #content-body.moneyback > .left {
  float: none;
  padding-left: 15px;
}
#content #content-body.moneyback > .left a {
  font-size: 12px;
}
#content #content-body.moneyback #overview {
  padding: 20px 0 20px 15px;
  display: block;
  width: 90%;
}
#content-body .left p, #content-body .fullwidth p, #content-body .left h2, #content-body .fullwidth h2, #content-body .left h3, #content-body .fullwidth h3 {
  padding:.5em 0 .5em 0px;
  display: block;
  width: 97%;
}
#content-body.glossary .header p, #content-body.glossary .left p, #content-body.glossary .fullwidth p, #content-body.glossary .left h2, #content-body.glossary .fullwidth h2, #content-body.glossary .left h3, #content-body.glossary .fullwidth h3 {
  padding:.5em 0 .5em 14px;
}
#content #content-body.moneyback #overview a {
  padding-left: 0px;
}
#content #content-body.moneyback .right {
  display: none;
}
#content #content-body.moneyback .additional-info {
  display: none;
}
#content #content-body.accounttool .footer.three-cols {
  margin: 0 2%;
  padding: 0;
  width: 95%;
  margin-top: 70px;
  padding-top: 20px;
}
#content #content-body.accounttool .head div:last-child {
  margin: 0;
  padding-left: 0;
}
#content-body .fullwidth, #content-body ul#account-summaries, #content-body ul.account-summaries {
  padding: 0 0 0 12px;
}
#account-summaries .account-summary div.one-col, #content-body #account-summaries div.one-col,
.account-summaries .account-summary div.one-col, #content-body .account-summaries div.one-col {
  width: 30%;
}
#account-summaries .account-summary div.one-col p, #content-body #account-summaries div.one-col p,
.account-summaries .account-summary div.one-col p, #content-body .account-summaries div.one-col p  {
  width:80%;
}
#account-summaries .account-summary div.two-col.a, #account-summaries .account-summary div.two-col.b, #content-body #account-summaries div.two-col.a, #content-body #account-summaries div.two-col.b,
.account-summaries .account-summary div.two-col.a, .account-summaries .account-summary div.two-col.b, #content-body .account-summaries div.two-col.a, #content-body .account-summaries div.two-col.b {
  width: 65%;
}
.visa #account-summaries div.two-col.a,
.visa .account-summaries div.two-col.a {
  width:100%!important;
}
.footer-wrapper {
  width: 100%;
  position: relative;
  background-color: #F3F2ED;
}
.footer-wrapper #footer {
  width: 765px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.footer-wrapper #footer .secondRow {
  display: none;
}
.footer-wrapper #footer .scotiabank-products {
  width: 100%;
  margin: 0 auto;
  float: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.footer-wrapper #footer .scotiabank-products li {
  width: 240px;
  padding-left: 15px;
}

.footer-wrapper #footer .scotiabank-products li.a > a, .footer-wrapper #footer .scotiabank-products li.b > a, .footer-wrapper #footer .scotiabank-products li.c > a, .footer-wrapper #footer .scotiabank-products li.d > a {
  padding-left: 45px;
}
/*
  .footer-wrapper #footer .scotiabank-products li.a p {
    background: url('/ca/common/icons/sprites.png') left -210px no-repeat;
  }
  .footer-wrapper #footer .scotiabank-products li.b p {
    background: url('/ca/common/icons/sprites.png') left -260px no-repeat;
  }*/
  .footer-wrapper #footer .scotiabank-products li.c {
  clear: both;
}
/*.footer-wrapper #footer .scotiabank-products li.c p {
    background: url('/ca/common/icons/sprites.png') left -320px no-repeat;
  }
  .footer-wrapper #footer .scotiabank-products li.d p {
    background: url('/ca/common/icons/sprites.png') left -380px no-repeat;
  }
  */

   #footer .scotiabank-products li p:before {
  background-image: url('/ca/common/icons/sprites.png');
  content: " ";
  position: absolute;
  width: 45px;
  height: 45px;
  margin: -18px -35px 0;
  background-size: 270px !important;
}
#footer .scotiabank-products li.a p:before {
  background-position: left -210px;
}
#footer .scotiabank-products li.b p:before {
  background-position: left -260px;
}
#footer .scotiabank-products li.c p:before {
  background-position: 4px -322px;
}
#footer .scotiabank-products li.d p:before {
  background-position: left -380px;
}
.footer-wrapper #footer .scotiabank-products li.phone {
  display: block;
  padding: 0 0 0 25px;
  width: 230px;
}
.footer-wrapper #footer .scotiabank-products li.phone p {
  background: none;
}
.footer-wrapper #footer .scotiabank-products li.phone p span a {
  color: #D81E05;
  font-size: 0.8em;
  font-weight: normal;
}
.footer-wrapper #footer .scotiabank-products li.phone > p:first-child {
  height: 25px;
  margin-top: 20px;
  margin-bottom: 0px;
  padding-top: 0px;
}
.footer-wrapper #footer .scotiabank-products li.phone .icon {
  padding-top: 0px;
}
.footer-wrapper #footer .scotiabank-products li.phone .scotiahelps-combine {
  margin-top: 40px;
}
.footer-wrapper #footer .scotiabank-products li.phone .scotiahelps-combine .icon {
  height: 32px;
  margin-bottom: 0px;
  padding: 0 0 0 40px;
}
.footer-wrapper #footer .scotiabank-products li.phone .scotiahelps-combine .icon a {
  color: #D81E05;
  font-size: 1.2em;
  font-weight: normal;
}
#footer .scotiabank-products li.phone p:before {
  height: 30px;
}
/*
#footer .scotiabank-products li.phone .scotiahelps-combine p:before {height: 30px;margin: 4px -34px 0;}
*/
.footer-wrapper #footer .scotiabank-products li.phone > p.icon:before {
  background-position: left -30px;
  margin: 0px -34px 0;
}
.footer-wrapper #footer .scotiabank-products li.phone .scotiahelps-combine p.icon:before {
  background-position: left -66px;
  margin: 4px -34px 0;
}
/*.footer-wrapper #footer .scotiabank-products li.phone .scotiahelps-combine p {
  background: url('/ca/common/icons/sprites.png') left -66px no-repeat;
  background-size: 270px !important;
}*/
.footer-wrapper #footer .scotiabank-products li.phone .scotiahelps-combine span {
  padding-left: 45px;
}
.footer-wrapper #footer .scotiabank-products li.sponsorships {
  display: none;
}
.footer-wrapper #footer .scotiabank-products li.sponsorships p {
  background: none;
}
.footer-wrapper #footer .scotiabank-products li.sponsorships p:first-child {
  background: url('/ca/common/icons/sprites.png') left 0px no-repeat;
}
.footer-wrapper #footer .scotiabank-products li > p {
  padding-top: 20px;
  padding-left: 40px;
}
.footer-wrapper #footer .secondRow.clearfix {
  clear: none;
}
.footer-wrapper #footer .scotiahelps {
  display: none;
}
.footer-wrapper #footer .scotiahelps-combine {
  display: block;
}
.footer-wrapper #footer .quick-links {
  display: none !important;
}
.footer-wrapper #footer .social-media-links {
    position: absolute;
    top: 150px;
    bottom: 0;
    right: 20px;
    width: 205px;
    height: 70px;
    padding-left: 0px;
    padding-top: 0px;
    background: none;
    background-color: #CCC9C0;
}

html:lang(fr) .footer-wrapper #footer .social-media-links {
    position: absolute;
    top: 350px;
    bottom: 0;
    right: 20px;
    width: 205px;
    height: 70px;
    padding-left: 0px;
    padding-top: 0px;
    background: none;
    background-color: #CCC9C0;
}

/* small business specific change */
#cid3 .footer-wrapper #footer .social-media-links {
    top: 153px;
}

.footer-wrapper #footer .scotiabank-products .my1500 {
    float: left;
    margin: 20px 0px 0px 5px;
    background: url('/ca/en/images/15/12/winter-carousel-tab-chevron.png') no-repeat;
    background-size: 32px 32px;
}
.footer-wrapper #footer .scotiabank-products .my1500 img {
  display: none;
}
.footer-wrapper #footer .scotiabank-products .my1500 p:before {
  background: none;
}
.footer-wrapper #footer .scotiabank-products .my1500 p {
  padding: 0px;
  margin: -7px 0px 0px 40px;
}
.footer-wrapper #footer .scotiabank-products .my1500 p + a {
    margin: 0px 0px 0px 40px;
}

#footer .social-media .follow {
  min-width: 25px;
}

.footer-wrapper #footer .social-media-links .social-media {
    width: 197px;
    margin: 12px 0 0 6px;
}

.footer-wrapper #footer .social-media-links .social-media {
  width: 200px;
  margin: 10px 0px 0px 10px;
}
.footer-wrapper #footer .social-media-links .social-media .facebook {
  padding: 8px 5px 4px 10px!important;
}
.footer-wrapper #footer .social-media-links .social-media .twitter {
 padding: 8px 5px 4px 10px;
}

.footer-wrapper #footer .social-media-links .social-media .google {
  padding: 8px 5px 4px 10px!important;
}

.footer-wrapper #footer .social-media-links .social-media .linkedin {
      padding: 8px 10px 4px 10px;
}

.footer-wrapper #footer #footer-news {
  float: left;
  /*width: 92.5%;*/
  width: 84.5%;
  position: relative;
  padding-left: 40px;
  left: 4.2em;
  padding: 1em 0 2em 0;
  margin: 0.5em 0 2em 0;
  border-bottom: 20px solid #F3F2ED;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #CCC9C0;
}
.footer-wrapper #footer #footer-news .label {
  margin: 0  0 0.5em 1.5em;
  background: none;
}
.footer-wrapper #footer #footer-news .news {
  overflow: visible;
  min-height: 40px;
  width: 100%;
}
.footer-wrapper #footer #footer-news .news li.news-item {
  background: none;
  padding: 0;
  width: 50%;
}
.footer-wrapper #footer #footer-news .news li.news-item:first-child {
  width: 40%;
  padding-left: 18px;
  padding-bottom: 18px;
}
.footer-wrapper #footer #footer-news .news li.news-item:first-child a{
  padding: 0;
}
.footer-wrapper #footer #footer-news .news li.news-item a span{
  color: #2b2b2b;
}
.footer-wrapper #footer #footer-news ul {
  width: 100%;
}
.footer-wrapper #footer #footer-news ul li {
  width: 225px;
  margin: 0;
  padding: 0;
}
.footer-wrapper #footer #footer-news ul li a {
  padding-left: 18px;
}
.footer-wrapper #footer #footer-news .news li:last-child a {
  padding-left: 0px;
}
.footer-wrapper #footer #footer-news ul li.social-item {
  width: 205px;
  background: none;
}
.footer-wrapper #footer #footer-news ul li.social-item strong {
  position: absolute;
  top: -20px;
  left: 2px;
  padding-left: 45px;
  background: url('/ca/common/icons/sprites.png') left -363px no-repeat;
  background-size: 220px !important;
}
#btm {
  overflow: hidden;
}
#legal {
  width: 112%;
  padding-left: 10px;
  background: #e8e6de url('/ca/common/icons/sprites.png') 100% -838px no-repeat;
}
html:lang(fr) body #legal {
	background-position: 504px -858px !important;
}
#tool, .tablet-hide {
  display: none !important;
}
#no-tool {
  display: block;
  width: 95%;
  margin: 0 auto;
}
#no-tool > div {
  width: 520px;
  margin: 0 auto;
}
#no-tool .hr {
  border: 1px solid #626262;
  width: 50px;
  margin: 20px auto;
}
#no-tool .no-tool-buttons {
  margin-top: 20px;
}
#no-tool h2 {
  font-size: 2.75em;
  font-weight: normal;
  text-align: center;
  padding-top: 50px;
}
#no-tool p {
  text-align: center;
  font-size: 2.2em;
  font-weight: bold;
}
#no-tool a {
  float: left;
  font-size: 2.2em;
  width: 250px;
}
#no-tool a:last-child {
  margin-left: 15px;
}
.wrapper #content-body .fullwidth .market_content {
  margin-top: -15px !important;
  float: left !important;
  width: 55%!important;
  z-index: 10;
}
html:lang(fr) .wrapper #content-body .fullwidth .market_content .grey-btn {
	left: 10px;
	font-size: 13px!important;
	width: 180px;
	padding-left: 0px;
}

html:lang(fr) #content-body .fullwidth .market_content .red-btn {
  padding: 2px 24px 2px 10px!important;
  font-size: 13px !important;
}

.wrapper #content #content-body .tiles .tile .grey-btn {
  padding: 6px 0 7px 20px !important;
}
.wrapper #content #content-body .tiles .one-col.banner .red-btn, .wrapper #content #content-body .tiles .two-col .red-btn, .wrapper #content #content-body .tiles .three-col .red-btn, .wrapper #content-body .banner-long .red-btn, .wrapper #content #content-body .tiles .two-row .red-btn {
  display: none !important;
}
.tab-heading {
  font-size: 1.4em;
  margin-left: 1em;
  margin-bottom: 1.2em;
}
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#content-body {
  width: 100%;
  overflow: hidden; /*rgh */
}
#side-nav, .desktopOnly {
  display: none!important;
}
#mobile-side-nav {
  position: absolute;
  left: -300px;
  top: 0;
  margin: 0;
  padding: 0;
  width: 300px;
  height: 100%;
  overflow: scroll;
  background-color: #e8e6de;
  color: #515151 !important;
  display:block!important;
}
#mobile-side-nav.menu {
  left: 0px !important;
}
#mobile-side-nav .sign-on-btn {
  width: 110px;
  float: left;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.8em;
}
#mobile-side-nav .menu-divider {
  clear: both;
  height: 20px;
  background: #a6a69f url('/ca/common/icons/bg-mobile-side-nav-divider.png') repeat-x;
}
#mobile-side-nav h3 {
  font-size: 17px;
  font-weight: bold;
  height: 45px;
  padding: 20px 0 20px 20px;
}
#mobile-side-nav h3 img {
  width: 100px;
  vertical-align: middle;
}
#mobile-side-nav h3 span {
  display: block;
  float: left;
  padding-top: 10px;
  padding-left: 10px;
}
#mobile-side-nav ul {
  padding: 0;
  margin-top: 0;
  width: 100%;
  list-style-type: none;
}
#mobile-side-nav ul li {
  clear: both;
}
#mobile-side-nav ul:last-child li {
  font-weight: normal;
}
#mobile-side-nav ul .list-item {
  clear: both;
}
#mobile-side-nav ul.primary-nav li {
  padding-left: 0;
}
#mobile-side-nav ul.secondary-nav li {
  background: none;
  border-bottom: 1px solid #d0cfc7;
  font-weight: normal;
}
#mobile-side-nav ul.secondary-nav > li a {
  color: #292929 !important;
  padding: 14px 10px 10px 10px;
  padding-left: 10px;
  display: block;
  vertical-align: top;
  text-decoration: none;
}
#mobile-side-nav ul.footer-nav li {
  background: none;
  border-bottom: 1px solid #d0cfc7;
  font-weight: normal;
}
#mobile-side-nav ul.footer-nav > li a {
  color: #292929 !important;
  padding: 14px 10px 10px 10px;
  padding-left: 10px;
  display: block;
  vertical-align: top;
  text-decoration: none;
}
#mobile-side-nav .heading {
  text-indent: 25px;
  background-color: #afaea9;
  color: #292929;
  padding: 5px 0px 5px 0px;
}
#mobile-side-nav .heading h3 {
  padding: 0;
  margin: 0;
  height: auto;
  font-size: 17px;
  line-height: 1em;
}
#mobile-side-nav > ul.primary-nav > li {
  margin-right: 0px;
  font-size: 14px;
  font-weight: bold;
  background: #dad8cc url('/ca/common/icons/bg-mobile-side-nav.png');
  background-position: 0px bottom;
  background-size: 100% 227%;
  -webkit-background-size: 100% 227%;
}
#mobile-side-nav > ul.primary-nav > li.active {
  background: none;
  border-top: 1px solid #d0cfc7;
  background-color: #2c2c2c;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.home .icon {
  background-position: -20px 2px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.accounts .icon {
  background-position: -20px -17px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.credit-cards .icon {
  background-position: -20px -35px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.borrowing .icon {
  background-position: -20px -53px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.investing .icon {
  background-position: -20px -73px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.insurance .icon {
  background-position: -20px -95px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.program-offers .icon {
  background-position: -20px -116px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.fund-prices .icon {
  background-position: -20px -137px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.locations .icon {
  background-position: -20px -170px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.waystobank .icon {
  background-position: -20px -206px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item a.contact .icon {
  background-position: -20px -187px;
}
#mobile-side-nav > ul.primary-nav > li.open {
  background: #3b3b3b url('/ca/common/icons/bg-mobile-side-nav.png');
}
#mobile-side-nav > ul.primary-nav > li.open > .list-item {
  box-shadow: 0px 6px 15px #8b8a85;
  z-index: 9999;
  position: relative;
}
#mobile-side-nav > ul.primary-nav > li.open > .list-item > a .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  left: 30%;
}
#mobile-side-nav > ul.primary-nav > li.open > .list-item .accordion-control {
  background-position: 0px -139px;
}
#mobile-side-nav > ul.primary-nav > li.open > .list-item span.divider {
  border-left: 1px solid #a09f9e;
  background: #bfbfbc;
}
#mobile-side-nav > ul.primary-nav > li.open .level-2 {
  height: auto;
  display: block;
}
#mobile-side-nav > ul.primary-nav > li > .list-item {
  width: 100%;
  height: auto;
  position: relative;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a {
  color: #292929 !important;
  display: inline-block;
  float: left;
  vertical-align: top;
  text-decoration: none;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.link {
  /*padding: 14px 10px 10px 10px;*/
  width: 90%;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.accordion-control {
  width: 13%;
  height: 100%;
  background: transparent url('/ca/common/icons/bg-mobile-side-nav.png') no-repeat;
  background-position: 0px -87px;
  background-size: 2px;
  -webkit-background-size: 2px auto;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 6px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a span.divider {
  display: block;
  position: absolute;
  top: 17%;
  border-left: 1px solid #bebebe;
  width: 1px;
  background: #f8f7f5;
  height: 75%;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a span.arrow, #mobile-side-nav > ul.primary-nav > li > .list-item a span.icon {
  display: inline-block;
  background: url('/ca/common/icons/icons-mobile-side-nav.png') no-repeat;
  background-size: 200%;
  -webkit-background-size: 200% auto;
  width: 20px;
  height: 17px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a span.btn-copy {
  display: inline-block;
  width: 80%;
  margin-left: 1.4em;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a span.arrow {
  background-position: 0px -155px;
  position: relative;
  top: 33%;
  left: 50%;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.home {
  display: block;
  width: 90%;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.home .icon {
  background-position: 0px 2px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.accounts .icon {
  background-position: 0px -17px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.credit-cards .icon {
  background-position: 0px -35px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.borrowing .icon {
  background-position: 0px -53px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.investing .icon {
  background-position: 0px -73px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.insurance .icon {
  background-position: 0px -95px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.program-offers .icon {
  background-position: 0px -116px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.fund-prices .icon {
  background-position: 0px -137px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.locations .icon {
  background-position: 0px -170px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.waystobank .icon {
  background-position: 0px -206px;
}
#mobile-side-nav > ul.primary-nav > li > .list-item a.contact .icon {
  background-position: 0px -187px;
}
#mobile-side-nav > ul.primary-nav > li.active .list-item {
  background: #d81e05 none;
}
#mobile-side-nav > ul.primary-nav > li.active a {
  background: #d81e05 none;
  color: white !important;
  background-position: -20px !important;
}
#mobile-side-nav > ul.primary-nav > li .level-3 {
  height: 0px;
  display: none;
  overflow: hidden;
  background: #b7b6b0;
}
#mobile-side-nav > ul.primary-nav > li .level-3 li {
  border-top: 1px solid #9f9e99;
}
#mobile-side-nav > ul.primary-nav > li .level-3 li a {
  display: block;
  width: 68%;
  text-indent: 0px;
  padding: 5px 50px 5px 60px !important;
  color: #2c2c2c !important;
}
#mobile-side-nav > ul.primary-nav > li .level-2 {
  height: 0px;
  display: none;
  overflow: hidden;
  background-color: #E2E0D6;
}
#mobile-side-nav > ul.primary-nav > li .level-2 > li {
  font-size: 0.95em;
}
#mobile-side-nav > ul.primary-nav > li .level-2 > li .list-item {
  overflow: auto;
  width: 100%;
  position: relative;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li {
  border-top: 1px solid #9f9e99;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li > a {
  display: block;
  text-indent: 0px;
  padding: 5px 0px 5px 35px;
  color: #2c2c2c !important;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li > .list-item a {
  display: inline-block;
  text-indent: 0px;
  padding: 5px 0px 5px 0px;
  color: #2c2c2c !important;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li > .list-item a.link {
  width: 75%;
  padding-left: 35px;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li > .list-item a.accordion-control {
  width: 13%;
  height: 100%;
  padding: 0;
  background: transparent url('/ca/common/icons/bg-mobile-side-nav.png') no-repeat;
  background-position: 0px -40px;
  background-size: 1px;
  -webkit-background-size: 1px auto;
  position: absolute;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li > .list-item a span.divider {
  display: block;
  position: absolute;
  top: 15%;
  border-left: 1px solid #bebebe;
  width: 1px;
  background: #f7f6f5;
  height: 75%;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li > .list-item a span.arrow {
  background: url('/ca/common/icons/icons-mobile-side-nav.png') no-repeat;
  background-position: 0px -117px;
  background-size: 200%;
  -webkit-background-size: 200% auto;
  position: absolute;
  top: 35%;
  left: 44%;
  width: 15px;
  height: 12px;
  display: block;
  opacity: 0.5;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li.open {
  background: #b7b6b0;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li.open .level-3 {
  height: auto;
  display: block;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li.open > .list-item a .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  left: 38%;
}
#mobile-side-nav > ul.primary-nav > li .level-2 li.open > .list-item a span.divider {
  display: block;
  position: absolute;
  top: 10%;
  border-left: 1px solid #a09f9e;
  width: 1px;
  background: #bfbfbc;
}
body, html {
  padding: 0;
  margin: 0;
}
body.menu, html.menu {
  height: 100%;
  overflow: hidden;
}
#top {
  display: none;
}
#logo {
  width: 50%;
}
#header {
  width: 100%;
}
#header.fixed-nav {
  padding-bottom: 45px;
}
#service-menu-container {
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 9999;
}
#service-menu-container.fixed {
  box-shadow: 0px 0px 25px black;
}
.mega-menu-button {
  width: 10%;
  height: 3.75em;
  text-indent: -9999px;
  display: block;
  float: left;
  color: white;
  background: #eeeeee url('/ca/common/icons/main-nav.png') no-repeat;
  background-size: 70px;
}
.mega-menu-button:focus {
  color: red;
}
.banner-fr-button {
  display: inline-block;
  padding: 10px;
  width: 50px;
  margin-top: 10px;
  margin-left: 10px;
  background-color: #F3F3F3;
  color: #747474;
  font-weight: bold;
}
#content-head {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 20px 0 0;
  border-bottom: none;
}
#content-head h1 {
  padding-left: 20px;
}
#mobile-side-nav {
  width: 355px;
  left: -355px;
}
#mobile-side-nav .heading {
  text-indent: 35px;
}
#mobile-side-nav ul.primary-nav > li, #mobile-side-nav ul.secondary-nav > li, #mobile-side-nav ul.footer-nav > li {
  font-size: 1.6em;
}
#mobile-side-nav ul.primary-nav > li .level-2 li, #mobile-side-nav ul.secondary-nav > li .level-2 li, #mobile-side-nav ul.footer-nav > li .level-2 li {
  font-size: 1.05em;
}
#mobile-side-nav > ul > li .level-2 li > a {
  padding-left: 45px;
}
#wrapper {
  width: 100%;
  position: relative;
  z-index: 998;
  overflow: visible;
  top: 0;
}
#wrapper.menu {
  left: 355px;
  -webkit-box-shadow: -15px 0px 15px rgba(0, 0, 0, 0.3);
  box-shadow: -15px 0px 15px rgba(0, 0, 0, 0.3);
}
#wrapper.menu #service-menu-container.fixed {
  left: 355px;
}
.wrapper {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}
.wrapper #mega-menu {
  display: none;
}
.wrapper #mega-menu li {
  font-size: 0.8em;
}
.wrapper #service-menu, .wrapper #service-toggle {
  width: 90%;
  float: left;
  clear: none;
}
.wrapper #service-menu li, .wrapper #service-toggle li {
  width: 20%;
  padding-top: 0px;
  background-size: 5px !important;
}
.wrapper #service-menu li span, .wrapper #service-toggle li span {
  display: none;
}
.wrapper #service-menu li a.tab, .wrapper #service-toggle li a.tab {
  padding: 16px 0 13px 10px;
  width: 100% !important;
}
.wrapper #service-menu li div.content, .wrapper #service-togggle li div.content {
  display: none !important;
}
.wrapper #service-menu li:last-child, .wrapper #service-toggle li:last-child {
  width: 40%;
}
.wrapper #service-menu li:last-child #search-query, .wrapper #service-toggle li:last-child #search-query {
  width: 80%;
}
.wrapper #service-menu li.active a.tab, .wrapper #service-menu li:hover a.tab {
  background: none;
}
.wrapper #service-menu li.active a.tab {
  padding-bottom: 0!important;
}
.wrapper #service-menu li a.tab:hover, .wrapper #service-menu li a.tab:focus, .wrapper #service-menu li a.tab:active {
  color: #8e8e8e;
  text-decoration: none;
}
.wrapper #service-toggle > li > a span.arrow {
  display:none;
}
.wrapper #content {
  position: relative;
}
#content-divider {
  position: relative;
  display: none;
}
#content-head h1 {
  padding-left: 13px;
}
#content-head p {
  display: none;
}
#content-head-product {
  width: 100%;
  margin-left: 0px;
  border: 0;
}
#content-head-product h1 {
  background: none;
  color: #515151;
}
#content-body .head {
  width: 97%;
  border-bottom: 0 none;
  margin: 0 16px 10px;
}
#content-body .left .head {
  margin: 0;
}
#content-body .head div:first-child {
  display: none;
  padding-left: 0px;
  padding-right: 0px;
}
#content-body .head div:last-child {
  width: 100%;
  margin: 0;
}
#content-body .head .col {
  /*padding-left: 15px;*/
  width: 95%;
}
#content-body .head .col h2 {
  float: left;
  padding-right: 7px;
}
#content-body .head .col p {
  width:50%;/*padding-left: 7px;
  float: left;*/
}
#content-body .left {
  float: left;
  width: 100%;
  padding-left: 15px;
}
#content-body > .left {
/*display: none; not sure*/
}
#content-body .footer .col.tabletOnly {
  width: 100%;
  padding-top: 20px;
}
#content-body .footer .col.tabletOnly h2 {
  float: left;
}
#content-body .footer .col.tabletOnly p {
  float: left;
  margin-top: 2px;
}
#content-body .footer .col.talk {
  width: 100%;
  border-top: 1px solid #c6c6c6;
  padding-top: 20px;
  margin-top: 20px;
}
#content-body .footer .col.talk h5 {
  color: #515151;
  font-size: 1.7em;
}
#content-body .footer .col.talk p {
  display: inline;
  float: none;
  padding: 0px 0px 0px 5px;
  font-size: 1.6em;
}
#content-body .footer .col.talk .phone {
  background: url('/ca/common/icons/sprites.png') 2px -634px no-repeat;
  padding-left: 15px;
}
#content-body .col.tabletOnly {
  padding-top: 0;
  margin-top: 0;
}
#content-body .col.tabletOnly p {
  padding-left: 5px;
}
#content-body #rates-to-apply ul {
  width: 100%;
}
#content-body #rates-to-apply ul li {
  width: 100%;
  font-size:1em!important;
}
#content-body #rates-to-apply .right li strong {
  width: 60%;
}
/*
  #content-body div.legal {
    padding-left: 0px;
  }*/

#content-body .tiles {
  width: 100%;
  padding-bottom: 10px;
}
#content-body .tiles .link {
  display: none;
}
#content-body .tiles .one-col {
  width: 48.6%;
}
#content-body .tiles .one-col .b h2 {
  color: #515151;
}
#content-body .tiles .one-col .b h3 {
  margin-left: 20px;
  font-size: 23px;
}
#content-body .tiles .two-col {
  width: 64.8%;
}
html:lang(fr) #content-body .tiles .two-col {
  width: 100%;
}
#content-body .tiles .two-col .content img {
  right: 0px;
  left: auto !important;
}
#content-body .tiles .two-col .red-btn {
  text-align: left;
  width: 100% !important;
  padding: 7px 0 7px 20px;
  left: 0px !important;
  bottom: 0px;
}
#content-body .tiles .two-col div.mobileOnly {
  padding: 0;
}
#content-body .tiles .one-col:hover {
  /*-moz-box-shadow: inset 0 0 0px 3px #C80012;
  -webkit-box-shadow: inset 0 0 0px 3px #C80012;
  box-shadow: inset 0 0 0px 3px #C80012;*/
}
#content-body .tiles .tile {
  border: none;
  margin: 10px 0 10px 10px;
}
#content-body .tiles .three-col {
  width: 98%;
  border-width: 2px;
}
#content-body .tiles .tile .grey-btn {
  left: 0;
  bottom: 0;
  width: 95%;
  padding: 15px 0 15px 20px;
  text-align: left;
  font-size: 1.5em;
  font-weight: normal;
  color: white;
  background: #C80012 none;
  border: none;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
}
#content-body .tiles .tile .grey-btn .arrow {display: none;}

#content-body .tiles .see-more-btn {
  width: 97.5%;
  display: block;
  clear: both;
  font-size: 1.8em;
  font-weight: bold;
  text-align: center;
  padding: 15px 0 15px 0;
  margin: 10px 10px 10px 10px;
  position: relative;
  top: 10px;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 0px #D0D0D0;
  box-shadow: 0px 1px 0px #D0D0D0;
  background-image: linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -o-linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -moz-linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -webkit-linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -ms-linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.39, #eeeeee), color-stop(0.64, #fcfcfc));
}

.wrapper #content-body.creditcards .tile ul li {
  width: 8em;
}
.wrapper #content #content-body .fourbyfour {
  float:left;
  width:100%;
}
iframe {
  width: 100%;
}
#content {
  background: #fff none;
}
#content .tabbed-content {
  margin: 10px 0;
  clear: both;
}
#content .tabbed-content .content {
  background-color: #fff;
  border: 0px;
}
#content .tabbed-content #btn-apply {
  display:none;
}
#content .tabbed-content .tab-controller.a .a .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#content .tabbed-content .tab-controller.b .b .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#content .tabbed-content .tab-controller.c .c .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#content .tabbed-content .tab-controller.d .d .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#content .tabbed-content .tab-controller.d .d .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#content .tabbed-content .tab-controller.e .e .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#content #content-body > h2 {
  display: none;
}
#content #content-body > .top {
  display: none;
}
#content #content-body .tabs {
  display: none;
}
#content #content-body .accordion {
  display: block;
  width: 100%;
  font-size: 24px;
  background-color: #eeede8;
  border-bottom: 1px solid #c6c6c6;
  border-top: 1px solid #fff;
}
#content #content-body .accordion a {
  display: block;
  padding: 15px;
  color: #515151;
}
#content #content-body .accordion a .arrow {
  display: inline-block;
  margin-top: 5px;
  width: 15px;
  height: 20px;
  float: right;
  background: url("/ca/common/icons/icon-arrowaccordion.png") no-repeat;
  background-size: 80%;
  -webkit-background-size: 80%;
}
#content #content-body .accordion a:hover {
  text-decoration: none;
}
#content #content-body .d {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#content #content-body .videos {
  border: none;
  width: 95%;
  margin: 0 auto !important;
}
#content #content-body .videos iframe {
  /*width: 100% !important;
  height: 100% !important;*/
}
#content #content-body .videos .embed_video {
  height: 400px;
}
#content #content-body .right {
  width: 45%;
  padding: 30px 2% 0px;
}
#content #content-body .right ul {
  width:100%
}
#content #content-body .right ul li {
  font-size:1.4em;
  line-height: 1.4em;
  width: 100%;
  float: left;
}
#content #content-body .right .mobile-phone-btn {
  display: block;
}
#content #content-body .right > a {
  font-size: 2.2em;
  font-weight: bold;
  display: block;
  float: right;
  width: 200px;
  height: 38px;
  overflow: hidden;
  margin-top: 17px;
}
#content #content-body .right > span {
  display: block;
  float: right;
  clear: right;
  font-size: 1.5em;
  margin-top: 5px;
}
#content #content-body #rates-to-apply {
  margin-right: 0px;
}
#content #content-body #rates-to-apply .left {
  width: 30%;
  padding-left: 5px;
}
#content #content-body #rates-to-apply .right {
  width: 65%;
  padding: 0px;
}
#content div.legal ul li {
  width: 100%;
}
#content-body div.legal p {
left: -15px;
}

#content-body.currency .head {
  display: block;
  width: auto;
  border-bottom: 3px solid #ddd;
  padding-bottom: 10px;
  margin-left: 15px;
  margin-right: 20px;
}
#content-body.currency .head .col {
  width: 90%;
  padding-left: 0px;
}
#content-body.currency .left {
  display: block;
  float: left;
  width: 95%;/*margin-right: 20px;
  padding-top: 20px;*/
}
#content-body.currency .talk {
  display: none;
}
table.default {
  width: 97%;
}
table.default.small {
  font-size: 1.2em!important;
}
#content-body.glossary {
  padding: 14px 0 25px 0;
}
#content-body.glossary .left {
  width: 100%;
  margin-left: 0px;
  padding-left: 0px;
  display: block;
}
#content-body.glossary .left .hidep {
  display: none;
}
#content-body.glossary .question {
  width: 100%;
  color: #eeede8;
  margin-bottom: 0px;
  border-radius: 0px;
  border-top: 1px solid white;
  border-bottom: 1px solid #e3e3e3;
  background: 100% top no-repeat #eeede8;
}
#content-body.glossary .question .content {
  width: auto;
  margin: 0px 0px;
  padding: 20px 20px 5px 20px;
  color: #666;
  background-color: white;
  border-top: 1px solid #e3e3e3;
}
#content-body.glossary .question h4 {
  font-weight: normal;
  font-size: 2.5em !important;
  padding: 9px 15px 9px 0px;
}
#content-body.glossary .question h4 a .arrow, #content-body #questions .question h3 a .arrow {
  display: inline-block;
  margin-top: 5px;
  width: 15px;
  height: 20px;
  float: right;
  background: url("/ca/common/icons/icon-arrowaccordion.png") no-repeat;
  background-size: 80%;
  -webkit-background-size: 80%;
}
#content-body.glossary .question .content p {
  width: 92%;
}
#content-body.glossary .question:hover {
  background: 100% top no-repeat #eeede8;
}
#content-body.glossary .question.active {
  background: 100% top no-repeat #eeede8;
  border-bottom: 1px solid white;
}
#content-body.glossary .question.active:hover {
  background: 100% top no-repeat #eeede8;
}
#content-body.glossary .question.active h4 a .arrow, #content-body #questions .question.active h3 a .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#content-body #questions .question h3 {
  font-weight: normal;
  font-size: 2.5em !important;
  padding: 9px 15px 0 0;
  margin-left: 20px;
  background:none;
}
#content-body #questions .question p {
  margin: 0 55px 0 20px;
  font-size: 1.5em;
  min-height: 50px;
  color:#666;
  margin-bottom: 0.5em;
}
#content-body #questions .question {
  clear: both;
  width: 100%;
  overflow: hidden;
  margin-bottom: 0px;
  border-radius: 0px;
  border-top: 1px solid white;
  border-bottom: 1px solid #e3e3e3;
  background: 100% top no-repeat #eeede8;
}
#content-body #questions .question.active:hover, #content-body #questions .question.active {
  background: 100% top no-repeat #eeede8;
}
#content-body #questions .question h3 a .arrow {
  margin-top: 25px;
}
#content-body .header {
  margin: 5px 0 18px 0;
  width: 97%;
}
#content-body #contact-tiles {
  clear: both;
  list-style: none;
  padding-left: 12px;
}
#content-body .head div:last-child p {
  display: inline;
  float: none;
  padding: 0px 0px 0px 5px;/*font-size: 1.6em;*/
}
#content-body .col h5 {
  display: inline;
}
#content-body .head .twitter {
  display: none;
}
#content-body .mobileOnly {
  padding: 10px 15px 0px 15px;
}
#content-body .mobileOnly h5 {
  display: inline;
  color: #515151;
  font-size: 1.6em;
}
#content-body .mobileOnly h2, #content-body .mobileOnly h3 {
  color: #515151 !important;
}
#content-body .mobileOnly p {
  display: inline;
  font-size: 1.6em;
  padding: 0px 0px 0px 2px;
}
#content-body .mobileOnly .phoneIcon {
  background: url('/ca/common/icons/sprites.png') 2px -634px no-repeat;
  padding-left: 15px;
}
#content-body .tile {
  border: none;
  margin: 10px 0 10px 10px;
}
#content-body .tile .red-btn {
  left: 0;
  bottom: 0;
  width: 95%;
  padding: 7px 0 7px 20px;
  text-align: left;
  font-size: 1.5em;
  font-weight: normal;
  color: white;
  background: #C80012 none;
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  margin:0;
}
#content-body .tile .red-btn:hover, #content-body .tile .grey-btn:hover {
  top:auto;
  bottom: 0px!important;
}
#content-body .tile .front ul.details li.check {
  line-height: 1.1em;
  margin: 0px 18px;
}
#content-body .front a.quickFlipCta {
  display: none;
}
#content-body .tiles .tile {
  margin: 10px 0 0px 10px;
}
#content-body .tiles .tile:nth-child(odd) {
  clear: left;
}
#content-body .tiles .tile .front {
  position: relative!important;
  width: auto!important;
  display: block!important;
  background-color: transparent;
}
#content-body .tiles .tile .back {
  display: none!important;
}
#content-body .tiles .tile h2 {
  margin: .5em 20px 0.05em 20px;
  width: auto !important;
}
#content-body .tiles .tile h2 sup {
  font-size: .6em;
  margin-left: 0;
}
#content-body .tiles .tile ul {
  width: auto !important;
}
#content-body .tiles .tile.noFlip.two-col {
  width: 65%;
}
#content-body .tiles .tile.noFlip.two-col .content img {
  right: 0!important;
  left: initial!important;
}
#content-body .footer {
  padding: 0 2%;
  margin-bottom: 20px;
  width: 96%;
}
#content-body .footer ul li {
  margin-bottom: 6px;
  margin-left: 0px;
  font-size: 1.4em;
}
#content-body .footer ul.column2 {
  float: none;
}
#content-body .footer .left {
  margin-left: 5px;
  width: 50%;
}
#content-body .footer .left ul li {
  float: none;
  width: auto;
  clear: both;
  font-size: 1.4em;
}
#content-body .footer .left ul li br {
  display: none;
}
#content-body .footer .col {
  width: 47%;
}
#content-body .left .trueleft {
  width: 100%;
}
#content-body .left .trueleft ul.column1 {
  padding-bottom: 0;
}
#content-body .left .trueleft ul.column2 {
  margin-top: 0;
}
.sectiondivider {
  margin-bottom: 12px;
  border-top: 1px solid #c6c6c6;
  border-bottom: 1px solid #ffffff;
}
.tabletOnly {
  display: block!important;
}
#content-body .head > p {
/*display: none;*/
}
#content-body .items {
  width: 100%;
}
#content-body .items ul.zebra-stripe {
  width: 100%;
}
#content-body .items ul.zebra-stripe li {
  width: auto;
  padding: 0;
  border-bottom: 3px solid #fff;
  display: block;
  margin: 0 14px 0 14px;
  float: none;
}
#content-body .items ul.zebra-stripe li #rates {
  width: 100%;
}
#content-body .items ul.zebra-stripe li a {
  text-decoration: none !important;
  display: block;
  padding: 14px 20px 16px 20px;
  position: relative;
}
#content-body .items ul.zebra-stripe li a:focus {
  text-decoration: none !important;
}
#content-body .items ul.zebra-stripe li a:hover {
  text-decoration: none !important;
  -moz-box-shadow: inset 0 0 0px 3px #C80012;
  -webkit-box-shadow: inset 0 0 0px 3px #C80012;
  box-shadow: inset 0 0 0px 3px #C80012;
}
#content-body .items ul.zebra-stripe li a:active {
  text-decoration: none !important;
}
#content-body .items ul.zebra-stripe li h3 {
  padding-top: 5px;
}
#content-body .items ul.zebra-stripe li p {
  width: 85%;
}
#content-body .items ul.zebra-stripe li .hr {
  display: none;
}
#content-body .items ul.zebra-stripe li .offer {
  background: url("/ca/common/icons/bg-more-corner.png");
  position: absolute;
  right: 0;
  bottom: 0;
  height: 80px;
  width: 80px;
  background-size: 100%;
  -webkit-background-size: 100%;
}
#content-body .items ul.zebra-stripe li .offer .desktop {
  display: none;
}
#content-body .items ul.zebra-stripe li .offer .more {
  position: absolute;
  right: 0px;
  bottom: 10px;
  color: white;
}
#content #content-body.forms .head {
  width: 96%;
}
#content #content-body.forms .head > p {
  display: block;
  width: 95%;
}
#content #content-body.forms .head .col {
  display: none;
}
#content #content-body.forms .head > * {
  margin-left: 15px;
}
#content #content-body.forms .head div:first-child {
  display: block;
  float: none;
  width: 100%;
  border-bottom: 1px solid #adada7;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
#content #content-body.forms .head div:first-child h5 {
  float: left;
  padding-right: 10px;
}
#content #content-body.forms .head div:first-child p {
  float: left;
}
#content #content-body.forms .heading {
  width: 98%;
  padding: 25px 0 15px 0;
  margin: 0 auto;
}
#content #content-body.forms .heading strong {
  padding-left: 8px;
}
#content #content-body.forms .link-farm, #content #content-body.forms #content-body .link-farm-sub-list {
  margin: 0 auto;
  width: 98%;
}
#content #content-body.forms .link-farm li, #content #content-body.forms #content-body .link-farm-sub-list li {
  margin: 0;
  padding: 0;
}
#content #content-body.forms .link-farm li a, #content #content-body.forms #content-body .link-farm-sub-list li a {
  display: block;
  padding: 10px;
  color: #666;
}
#content #content-body.forms .link-farm li a:hover, #content #content-body.forms #content-body .link-farm-sub-list li a:hover {
  background: white;
  -moz-box-shadow: inset 0 0 0px 3px #C80012;
  -webkit-box-shadow: inset 0 0 0px 3px #C80012;
  box-shadow: inset 0 0 0px 3px #C80012;
}
#content #content-body.forms .link-farm li .grey-btn, #content #content-body.forms #content-body .link-farm-sub-list li .grey-btn {
  padding: 0 15px 0 5px;
  color: #D81E05;
  /*font-size: 1.7em;*/
  background-image: linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -o-linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -moz-linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -webkit-linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -ms-linear-gradient(bottom, #eeeeee 39%, #fcfcfc 64%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.39, #eeeeee), color-stop(0.64, #fcfcfc));
}
#content #content-body.forms .link-farm li .grey-btn .arrow, #content #content-body.forms #content-body .link-farm-sub-list li .grey-btn .arrow {
  right: 15px;
}
#content #content-body.forms .link-farm li .grey-btn .mobile, #content #content-body.forms #content-body .link-farm-sub-list li .grey-btn .mobile {
  display: none;
}
#content #content-body.forms #rates-to-apply {
  display: block;
  padding-left: 10px;
}
#content #content-body.forms #rates-to-apply .left {
  width: 30%;
  padding-left: 0;
}
#content #content-body.forms #rates-to-apply .right {
  width: 65%;
}
#content #content-body.forms #rates-to-apply .right ul {
  float: right;
}
#content #content-body.forms #rates-to-apply .address strong {
  width: auto;
  float: left;
}
#content #content-body.forms #rates-to-apply .address div {
  width: auto;
  float: right;
}
#content #content-body.forms .legal {
  padding-left: 10px;
}
.rates-fees-box {
  display: none;
}
#content-head-product.creditcards {
  border: none;
}
#content-head-product.creditcards h1 {
  background: none;
  color: #515151;
}
#content .creditcards .tabbed-content #btn-apply {
  display:block;
}
#tab-tools-videos {
  display: none;
}
#content-body .tabbed-content .content {
  width: 100%;
  -webkit-box-shadow:none;
}
.wrapper #content #content-body.creditcards .banner-long {
  width: 97.7%;
  height: auto;
  margin: 0 1% 1% 1%;
}
.wrapper #content #content-body.creditcards .banner-long .content.a {
  width: 98%;
  height: auto;
}
.wrapper #content #content-body.creditcards .banner-long .content.a img {
  display: none;
}
.wrapper #content #content-body.creditcards .banner-long .content.a h2 {
  font-size: 2.5em !important;
  margin-bottom: 15px;
}
.wrapper #content #content-body.creditcards .banner-long .content.a h2 br {
  display: none;
}
.wrapper #content #content-body.creditcards .banner-long .content.a h2 span {
  padding-left: 5px;
}
.wrapper #content #content-body.creditcards .banner-long .content.a h3 {
  display: none;
}
.wrapper #content #content-body.creditcards .tabbed-content {
  width: 98%;
  margin: 0 auto;
}
.wrapper #content #content-body.creditcards .tabbed-content .a.content {
  width: 100% !important;
}
.wrapper #content #content-body.creditcards .question {
  width: 100%;
  color: #eeede8;
  margin-bottom: 0px;
  margin-top: 0px;
  border-radius: 0px;
  border-top: 1px solid white;
  border-bottom: 1px solid #e3e3e3;
  background: 100% top no-repeat #eeede8;
}
.wrapper #content #content-body.creditcards .question > p {
 color: #666;
}
.wrapper #content #content-body.creditcards .question .content {
  width: auto;
  margin: 0px 0px;
  padding: 20px 20px 5px 20px;
  color: #666;
  background-color: white;
  border-top: 1px solid #e3e3e3;
}
.wrapper #content #content-body.creditcards .question h3 {
  font-weight: normal;
  font-size: 2.5em !important;
  padding: 9px 15px 9px 0px;
}
.wrapper #content #content-body.creditcards .question h3 a .arrow {
  display: inline-block;
  margin-top: 5px;
  width: 15px;
  height: 20px;
  float: right;
  background: url("/ca/common/icons/icon-arrowaccordion.png") no-repeat;
  background-size: 80%;
  -webkit-background-size: 80%;
}
.wrapper #content #content-body.creditcards .question .content p {
  width: 92%;
}
.wrapper #content #content-body.creditcards .question:hover {
  background: 100% top no-repeat #eeede8;
}
.wrapper #content #content-body.creditcards .question.active {
  background: 100% top no-repeat #eeede8;
  border-bottom: 1px solid white;
}
.wrapper #content #content-body.creditcards .question.active:hover {
  background: 100% top no-repeat #eeede8;
}
.wrapper #content #content-body.creditcards .question.active h3 a .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.wrapper #content #content-body.creditcards #rates-to-apply {
  display: block;
  padding-left: 10px;
}
.wrapper #content #content-body.creditcards #rates-to-apply .left {
  width: 30%;
  padding-left: 0px;
}
.wrapper #content #content-body.creditcards #rates-to-apply .right {
  width: 65%;
}
.wrapper #content #content-body.creditcards #rates-to-apply .right ul {
  float: right;
}
.wrapper #content #content-body.creditcards #rates-to-apply .telephone strong {
  width: 51%;
  float: left;
}
.wrapper #content #content-body.creditcards #rates-to-apply .address strong {
  width: auto;
  float: left;
}
.wrapper #content #content-body.creditcards #rates-to-apply .address div {
  width: auto;
  float: right;
}
.wrapper #content #content-body.creditcards .col.tabletOnly {
  padding-bottom: 20px;
}
#content #content-body.moneyback .head {
  padding-bottom: 10px;
  border-bottom: 1px solid #B9B9B9;
}
#content #content-body.moneyback > .left {
  float: none;
  padding-left: 15px;
}
#content #content-body.moneyback > .left a {
  font-size: 12px;
}
#content #content-body.moneyback #overview {
  padding: 20px 0 20px 15px;
  display: block;
  width: 90%;
}
#content-body .left p, #content-body .fullwidth p, #content-body .left h2, #content-body .fullwidth h2, #content-body .left h3, #content-body .fullwidth h3 {
  padding:.5em 0 .5em 0px;
  display: block;
  width: 97%;
}
#content-body.glossary .header p, #content-body.glossary .left p, #content-body.glossary .fullwidth p, #content-body.glossary .left h2, #content-body.glossary .fullwidth h2, #content-body.glossary .left h3, #content-body.glossary .fullwidth h3 {
  padding:.5em 0 .5em 14px;
}
#content #content-body.moneyback #overview a {
  padding-left: 0px;
}
#content #content-body.moneyback .right {
  display: none;
}
#content #content-body.moneyback .additional-info {
  display: none;
}
#content #content-body.accounttool .footer.three-cols {
  margin: 0 2%;
  padding: 0;
  width: 95%;
  margin-top: 70px;
  padding-top: 20px;
}
#content #content-body.accounttool .head div:last-child {
  margin: 0;
  padding-left: 0;
}
#content-body .fullwidth, #content-body ul#account-summaries,
#content-body .fullwidth, #content-body ul.account-summaries {
  padding: 0 0 0 12px;
}
#account-summaries .account-summary div.one-col, #content-body #account-summaries div.one-col,
.account-summaries .account-summary div.one-col, #content-body .account-summaries div.one-col {
  width: 30%;
}
#account-summaries .account-summary div.one-col p, #content-body #account-summaries div.one-col p,
.account-summaries .account-summary div.one-col p, #content-body .account-summaries div.one-col p {
  width:80%;
}
#account-summaries .account-summary div.two-col.a, #account-summaries .account-summary div.two-col.b, #content-body #account-summaries div.two-col.a, #content-body #account-summaries div.two-col.b,
.account-summaries .account-summary div.two-col.a, .account-summaries .account-summary div.two-col.b, #content-body .account-summaries div.two-col.a, #content-body .account-summaries div.two-col.b {
  width: 65%;
}
.visa #account-summaries div.two-col.a,
.visa #account-summaries div.two-col.a {
  width:100%!important;
}
.footer-wrapper {
  width: 100%;
  position: relative;
  background-color: #F3F2ED;
}
.footer-wrapper #footer {
  width: 765px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.footer-wrapper #footer .secondRow {
  display: none;
}
.footer-wrapper #footer .scotiabank-products {
  width: 100%;
  margin: 0 auto;
  float: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.footer-wrapper #footer .scotiabank-products li {
  width: 240px;
  padding-left: 15px;
}

.footer-wrapper #footer .scotiabank-products li.a > a, .footer-wrapper #footer .scotiabank-products li.b > a, .footer-wrapper #footer .scotiabank-products li.c > a, .footer-wrapper #footer .scotiabank-products li.d > a {
  padding-left: 45px;
}
/*
  .footer-wrapper #footer .scotiabank-products li.a p {
    background: url('/ca/common/icons/sprites.png') left -210px no-repeat;
  }
  .footer-wrapper #footer .scotiabank-products li.b p {
    background: url('/ca/common/icons/sprites.png') left -260px no-repeat;
  }*/
  .footer-wrapper #footer .scotiabank-products li.c {
  clear: both;
}
/*.footer-wrapper #footer .scotiabank-products li.c p {
    background: url('/ca/common/icons/sprites.png') left -320px no-repeat;
  }
  .footer-wrapper #footer .scotiabank-products li.d p {
    background: url('/ca/common/icons/sprites.png') left -380px no-repeat;
  }
  */




   #footer .scotiabank-products li p:before {
  background-image: url('/ca/common/icons/sprites.png');
  content: " ";
  position: absolute;
  width: 45px;
  height: 45px;
  margin: -18px -35px 0;
  background-size: 270px !important;
}
#footer .scotiabank-products li.a p:before {
  background-position: left -210px;
}
#footer .scotiabank-products li.b p:before {
  background-position: left -260px;
}
#footer .scotiabank-products li.c p:before {
  background-position: 4px -322px;
}
#footer .scotiabank-products li.d p:before {
  background-position: left -380px;
}
.footer-wrapper #footer .scotiabank-products li.phone {
  display: block;
  padding: 0 0 0 25px;
  width: 230px;
}
.footer-wrapper #footer .scotiabank-products li.phone p {
  background: none;
}
.footer-wrapper #footer .scotiabank-products li.phone p span a {
  color: #D81E05;
  font-size: 0.8em;
  font-weight: normal;
}
.footer-wrapper #footer .scotiabank-products li.phone > p:first-child {
  height: 25px;
  margin-top: 20px;
  margin-bottom: 0px;
  padding-top: 0px;
}
.footer-wrapper #footer .scotiabank-products li.phone .icon {
  padding-top: 0px;
}
.footer-wrapper #footer .scotiabank-products li.phone .scotiahelps-combine {
  margin-top: 40px;
}
.footer-wrapper #footer .scotiabank-products li.phone .scotiahelps-combine .icon {
  height: 32px;
  margin-bottom: 0px;
  padding: 0 0 0 40px;
}
.footer-wrapper #footer .scotiabank-products li.phone .scotiahelps-combine .icon a {
  color: #D81E05;
  font-size: 1.2em;
  font-weight: normal;
}
#footer .scotiabank-products li.phone p:before {
  height: 30px;
}
/*
#footer .scotiabank-products li.phone .scotiahelps-combine p:before {height: 30px;margin: 4px -34px 0;}
*/
.footer-wrapper #footer .scotiabank-products li.phone > p.icon:before {
  background-position: left -30px;
  margin: 0px -34px 0;
}
.footer-wrapper #footer .scotiabank-products li.phone .scotiahelps-combine p.icon:before {
  background-position: left -66px;
  margin: 4px -34px 0;
}
/*.footer-wrapper #footer .scotiabank-products li.phone .scotiahelps-combine p {
  background: url('/ca/common/icons/sprites.png') left -66px no-repeat;
  background-size: 270px !important;
}*/
.footer-wrapper #footer .scotiabank-products li.phone .scotiahelps-combine span {
  padding-left: 45px;
}
.footer-wrapper #footer .scotiabank-products li.sponsorships {
  display: none;
}
.footer-wrapper #footer .scotiabank-products li.sponsorships p {
  background: none;
}
.footer-wrapper #footer .scotiabank-products li.sponsorships p:first-child {
  background: url('/ca/common/icons/sprites.png') left 0px no-repeat;
}
.footer-wrapper #footer .scotiabank-products li > p {
  padding-top: 20px;
  padding-left: 40px;
}
.footer-wrapper #footer .secondRow.clearfix {
  clear: none;
}
.footer-wrapper #footer .scotiahelps {
  display: none;
}
.footer-wrapper #footer .scotiahelps-combine {
  display: block;
}
.footer-wrapper #footer .quick-links {
  display: none !important;
}

#footer .social-media .follow {
  min-width: 25px;
}

.footer-wrapper #footer .social-media-links {
    position: absolute;
    top: 150px;
    bottom: 0;
    right: 20px;
    width: 210px;
    height: 70px;
    padding-left: 0px;
    padding-top: 0px;
    background: none;
    background-color: #CCC9C0;
}

html:lang(fr) .footer-wrapper #footer .social-media-links {
    position: absolute;
    top: 350px;
    bottom: 0;
    right: 20px;
    width: 205px;
    height: 70px;
    padding-left: 0px;
    padding-top: 0px;
    background: none;
    background-color: #CCC9C0;
}

/* small business specific change */
#cid3 .footer-wrapper #footer .social-media-links {
    top: 153px;
}

.footer-wrapper #footer .social-media-links .social-media {
    width: 200px;
    margin: 12px 0px 0px 10px;
}
.footer-wrapper #footer .social-media-links .social-media .facebook {
  padding: 8px 5px 4px 10px!important;
}
.footer-wrapper #footer .social-media-links .social-media .twitter {
 padding: 8px 5px 4px 10px;
}

.footer-wrapper #footer .social-media-links .social-media .google {
  padding: 8px 5px 4px 10px!important;
}

.footer-wrapper #footer .social-media-links .social-media .linkedin {
      padding: 8px 10px 4px 10px;
}

.footer-wrapper #footer .scotiabank-products .my1500 {
    float: left;
    margin: 20px 0px 0px 5px;
    background: url('/ca/en/images/15/12/winter-carousel-tab-chevron.png') no-repeat;
    background-size: 32px 32px;
}
.footer-wrapper #footer .scotiabank-products .my1500 img {
  display: none;
}
.footer-wrapper #footer .scotiabank-products .my1500 p:before {
  background: none;
}
.footer-wrapper #footer .scotiabank-products .my1500 p {
  padding: 0px;
  margin: -7px 0px 0px 40px;
}
.footer-wrapper #footer .scotiabank-products .my1500 p + a {
    margin: 0px 0px 0px 40px;
}
.footer-wrapper #footer #footer-news {
  float: left;
  width: 92.5%;
  position: relative;
  padding-left: 40px;
  left: 4.2em;
  padding: 1em 0 2em 0;
  margin: 0.5em 0 2em 0;
  border-bottom: 20px solid #F3F2ED;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #CCC9C0;
}
.footer-wrapper #footer #footer-news .label {
  margin: 0  0 0.5em 1.5em;
  background: none;

}
.footer-wrapper #footer #footer-news .news {
  overflow: visible;
  min-height: 40px;
  width: 100%;
}
.footer-wrapper #footer #footer-news .news li.news-item {
  background: none;
  padding: 0;
  width: 50%;

}
.footer-wrapper #footer #footer-news .news li.news-item:first-child {
  width: 40%;
  padding-left: 18px;
  padding-bottom: 18px;
}
.footer-wrapper #footer #footer-news .news li.news-item:first-child a{
  padding: 0;
}
.footer-wrapper #footer #footer-news .news li.news-item a span{
  color: #2b2b2b;
}
.footer-wrapper #footer #footer-news ul {
  width: 100%;
}
.footer-wrapper #footer #footer-news ul li {
  width: 225px;
  margin: 0;
  padding: 0;
}
.footer-wrapper #footer #footer-news ul li a {
  padding-left: 18px;
}
.footer-wrapper #footer #footer-news .news li:last-child {
  margin-left: 10px;
}
.footer-wrapper #footer #footer-news .news li:last-child a {
  padding-left: 0px;
}
.footer-wrapper #footer #footer-news ul li.social-item {
  width: 205px;
  background: none;
}
.footer-wrapper #footer #footer-news ul li.social-item strong {
  position: absolute;
  top: -20px;
  left: 2px;
  padding-left: 45px;
  background: url('/ca/common/icons/sprites.png') left -363px no-repeat;
  background-size: 220px !important;
}
#btm {
  overflow: hidden;
}
#legal {
  width: 111%;
  padding-left: 10px;
  background: #e8e6de url('/ca/common/icons/sprites.png') 100% -838px no-repeat;
}

html:lang(fr) body #legal {
	background-position: 755px -858px !important;
}

#tool, .tablet-hide {
  display: none !important;
}
#no-tool {
  display: block;
  width: 95%;
  margin: 0 auto;
}
#no-tool > div {
  width: 520px;
  margin: 0 auto;
}
#no-tool .hr {
  border: 1px solid #626262;
  width: 50px;
  margin: 20px auto;
}
#no-tool .no-tool-buttons {
  margin-top: 20px;
}
#no-tool h2 {
  font-size: 2.75em;
  font-weight: normal;
  text-align: center;
  padding-top: 50px;
}
#no-tool p {
  text-align: center;
  font-size: 2.2em;
  font-weight: bold;
}
#no-tool a {
  float: left;
  font-size: 2.2em;
  width: 250px;
}
#no-tool a:last-child {
  margin-left: 15px;
}
.wrapper #content-body .fee-table {
}
.wrapper #content-body .fullwidth .market_content {
  margin-top: -15px !important;
  margin-bottom: 55px;
  width: 60%!important;
}
.wrapper #content-body {
  background-position: top right !important;
  background-size: 45%;
}
.wrapper #content-body .fee-table ul li {
  width: 200px!important;
}
.wrapper #content-body .tabbed-content .or-separator {
  margin-left: 100px;
  margin-right: 100px;
}
.wrapper #content-body .tabbed-content .online-services {
  margin: 0 auto;
  width: 80%;
}
.wrapper #content-body .tabbed-content .online-services .account-function .payment-transfers, #content-body .tabbed-content .online-services .account-function .security-support {
  margin-left: 0 !important;
}
.wrapper #content-body .fullwidth .product_img {
  margin-top: -10px !important;
}
.wrapper #content #content-body .tiles .tile .grey-btn {
  padding: 6px 0 7px 20px !important;
}
#content-body .tiles .tile .grey-btn .arrow {display: none;}

/****** BANNERS *****/
.wrapper #content-body .banner-long {
  width: 100%;
}
.wrapper #content-body .banner-long .content {
  width: 98%;
}
.wrapper #content-body .one-col.b img, .wrapper #content-body .two-col.b img {
  display: none;
}
.wrapper #content-body .one-col.b p, .wrapper #content-body .two-col.b p {
  margin: 20px 10px 0 5%!important;
  font-size: 1.8em!important;
}
.wrapper #content-body .one-col.b p.title, .wrapper #content-body .two-col.b p.title {
  font-size: 3.5em!important;


}
#content-body .banner-long .b p, #content-body .three-col.b p.title {margin: 3% 0 0 75%!important;}
#content-body .banner-long .b p, #content-body .three-col.b p {margin: 10px 0 0 75%!important;}


.wrapper #content #content-body .tiles .one-col.banner .red-btn, .wrapper #content #content-body .tiles .two-col .red-btn, .wrapper #content #content-body .tiles .three-col .red-btn, .wrapper #content-body .banner-long .red-btn, .wrapper #content #content-body .tiles .two-row .red-btn {
  display: none !important;
}
.tab-heading {
  font-size: 1.4em;
  margin-left: 1em;
  margin-bottom: 1.2em;
}
}

/*

For tables regardless of orientation

 */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

  html body #content-body .fullwidth ul li,
  html body #content-body .fullwidth ol li,
  html body #content-body .left ul li,
  html body #content-body .left ol li {
    width: 90%;
  }

  body.is-mobile #content-body .right ul li.hr,
  body.is-mobile #content-body .right p.hr {
   margin: 3px 0px 5px 0px;
  }

}