﻿/* Red */
/* Dark Grey */
/* Medium Grey */
/* Violet */
/* Green */
/* Fuschia */
/* Blue */
/* Darker Red */
/* Light Grey */
/* Light Blue-Grey */
/* Off White */
/* Off White (Cool) */
/* Dark Grey */
@font-face {
  font-family: 'Frutiger';
  src: url('/Common/Fonts/Frutiger-Roman.eot');
  src: url('/Common/Fonts/Frutiger-Roman.eot?#iefix') format('embedded-opentype'), url('/Common/Fonts/Frutiger-Roman.woff') format('woff'), url('/Common/Fonts/Frutiger-Roman.ttf') format('truetype'), url('/Common/Fonts/Frutiger-Roman.svg#open_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Generic Styles
------------------------------------------------------*/
html {
  background-color: #e8e6de;
}
body {
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  position: relative;
  font-size: 62.5%;
  padding: 0;
  margin: 0;
  width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
p {
  margin: 0 0 10px 0;
  padding: 0;
}
a {
  text-decoration: none;
  color: #D81E05;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}
img {
  border: 0;
}
/*Layout
-----------------------------*/
.siteWrapper {
  background-image: url(/Images/dotesBG.jpg);
  background-repeat: repeat-y;
  background-position: center top;
  padding-bottom: 16px;
}
.midSectionFooter {
  padding: 4px 0;
  margin-top: 30px;
  *padding: 15px 0;
}
/*CONTENT*/
#content {
  width: 980px;
  background: #fff url(/Images/bg2.gif) left top repeat-y;
  position: relative;
  background-color: #fff;
  margin: 0 auto;
  padding-bottom: 20px;
  border-bottom: 5px solid #f1f1f1;
  padding: 0px;
  overflow: hidden;
  z-index: 1;
}
#content #mainContentHeader {
  border-bottom: 1px solid #DDD;
  margin: 0 20px;
  padding: 0;
  width: 940px;
  padding-bottom: 5px;
}
#content #mainContentHeader h1 {
  font-weight: normal;
  padding-top: 10px;
  font-size: 25px;
}
#content #mainContentHeader .sub-title {
  font-size: 1.7em;
  margin-bottom: 10px;
}
#content ul.spaced li {
  margin-bottom: 1em;
}
#content ol {
  padding-left: 30px;
  font-size: 1em;
  margin-bottom: 10px;
}
#content ol ol {
  margin-bottom: 0;
}
#content ul {
  margin-bottom: 10px;
}
#content ul ul {
  padding-left: 30px;
  margin-bottom: 0;
}
#content ul ol {
  margin-bottom: 0;
}
/*Two Column Layout*/
#mainContent-twoColumn {
  background-color: #fff;
  overflow: hidden;
  height: 100%;
  position: relative;
  padding-bottom: 20px;
  width: 970px;
  border-right: 5px solid #f1f1f8;
  border-left: 5px solid #f1f1f8;
}
#ie6 #mainContent-twoColumn #side-nav {
  margin-left: 10px;
}
#mainContent-twoColumn #main {
  float: left;
  width: 520px;
  position: relative;
  margin: 20px 0 0 0px;
  padding: 0px;
  font-size: 1.4em;
}
#mainContent-twoColumn #main p {
  margin: 10px 0;
}
#mainContent-twoColumn #sideBar {
  float: right;
  width: 180px;
  position: relative;
  padding: 0px;
  margin-right: 25px;
  font-size: 1.4em;
}
#ie6 #mainContent-twoColumn #sideBar {
  padding-right: 10px;
  margin-right: 0px;
}
/*No Column Layout*/
#mainContent-full {
  padding: 0 20px;
  margin: 20px 0 0 0;
  font-size: 1.4em;
}
#mainContent-full #searchResults {
  width: 920px !important;
  margin: 0px 5px;
}
#mainContent-full ul {
  margin-bottom: 10px;
  padding-left: 30px;
}
/*Large Image Layout*/
#mainContent-largeImage {
  font-size: 1.4em;
  margin: 0 5px;
}
#mainContent-largeImage ul {
  margin-bottom: 10px;
  padding-left: 30px;
}
/*Fondos Layout*/
#mainContent-twoColumn.fondos #sideBar {
  margin: 0px;
  width: 225px;
  text-align: right;
}
/*One Column Layout*/
#mainContent-oneColumn {
  background-color: #fff;
  overflow: hidden;
  height: 100%;
  position: relative;
  padding-bottom: 20px;
  width: 970px;
  border-right: 5px solid #f1f1f8;
  border-left: 5px solid #f1f1f8;
}
#mainContent-oneColumn #side-nav {
  width: 170px;
}
#mainContent-oneColumn #main {
  float: left;
  width: 745px;
  position: relative;
  margin: 20px 0 0 0px;
  padding: 0px;
  font-size: 1.4em;
  /*line-height:1.4em;*/
}
#mainContent-oneColumn #main p {
  margin: 10px 0;
}
#ie6 #mainContent-oneColumn #side-nav {
  float: left;
  border: 1px solid #fff;
  width: 170px;
  margin-left: 10px;
}
/*#ie6 #mainContent-oneColumn #main { float: left; width: 650px; position: relative; margin:0px; padding: 0px; }*/
/*Side Nav*/
#side-nav {
  color: #999;
  padding-bottom: 20px;
  margin: 20px 15px 0px 0px;
  width: 180px;
  overflow: hidden;
  border: 1px solid #fff;
  float: left;
}
#side-nav ul {
  list-style: none;
  /*padding-left: 10px;*/
}
#side-nav ul ul {
  float: left;
}
#side-nav li a {
  color: #777;
  font-size: 1.2em;
}
#side-nav li a:hover {
  color: #D81E05;
  text-decoration: none;
}
#side-nav li span {
  color: #777;
  font-size: 1.2em;
}
/* MCM */
#side-nav li {
  line-height: 1.2em;
  padding: 8px 0;
  margin-right: 15px;
  margin-left: 30px;
}
#side-nav h3 {
  min-height: 30px;
  padding: 4px 0 0;
  line-height: 1.2em;
  font-size: 1.2em;
  margin-left: 20px;
}
#side-nav h3 strong {
  display: block;
  line-height: 1em;
}
#side-nav h3 a {
  font-weight: bold;
  color: #D81E05;
  /* MCM */
}
#side-nav h4 {
  color: #666;
  margin-right: 20px;
  margin-top: 4px;
  margin-left: 20px;
  border-top: 4px double #ddd;
  line-height: 1.3em;
  font-size: 1.2em;
}
#side-nav h4.top {
  border-top: 1px solid #ddd;
  margin-top: 2px;
  padding-top: 4px;
  margin-bottom: 0px;
}
#side-nav h4 a {
  color: #666;
}
#side-nav ul li {
  line-height: 1.2em;
  padding: 5px 0;
}
#side-nav li.active {
  background-image: none;
  position: relative;
  background-color: #f1f1f1;
  padding-left: 30px;
  *padding-left: 10px;
  margin-left: 0px;
  z-index: 50;
}
#side-nav li.active:before {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 5px;
  border: 1px solid #fff;
  border-left: none;
  -webkit-box-shadow: inset -2px 2px 1px #e3e3e3, inset -1px -2px 1px #e3e3e3;
  -moz-box-shadow: inset -2px 2px 1px #e3e3e3, inset -1px -2px 1px #e3e3e3;
  box-shadow: inset -2px 2px 1px #e3e3e3, inset -2px 2px 1px #e3e3e3;
  z-index: 1;
}
#side-nav li.active li.active:before {
  display: none;
}
#side-nav ul.level-1 {
  width: 170px;
  /*BugFix ID:406 background-image:url(/Images/sideNavBG.jpg);*/
  background-repeat: no-repeat;
  background-position: -2px bottom;
}
#side-nav ul.level-1 li.active a,
#side-nav ul.level-2 li.active a {
  background-image: none;
  float: left;
  position: relative;
  color: #515151;
  width: 90%;
  font-weight: bold;
  background: transparent;
  z-index: 9;
}
#ie6 #side-nav ul.level-1 li.active a,
#ie7 #side-nav ul.level-1 li.active a {
  position: static !important;
}
#side-nav ul.level-1 li.active li a:hover,
#side-nav ul.level-2 li.active li a:hover {
  color: #D81E05;
}
#side-nav ul.level-1 li.active li a {
  float: none;
  font-weight: normal;
}
#side-nav ul.level-1 li.active a.active {
  background-image: none;
  background: #d8d8d8;
  margin-top: 3px;
}
#ie6 #side-nav ul.level-1 li.active a.active {
  position: static !important;
}
#side-nav ul.level-1,
#side-nav li.active ul.level-2,
#side-nav li.active ul.level-3 {
  display: block;
}
#side-nav li.active ul.level-2 li.active,
#side-nav li.active ul.level-3 li.active {
  background-image: none;
  background-color: #d8d8d8;
  padding-bottom: 4px;
  margin-left: -30px;
}
/*BugFix ID:406  Remove bottom spacing in sidenav*/
/*#side-nav ul.level-1 { padding-bottom: 10px; }*/
#side-nav li.active ul.level-1 li:hover {
  color: #D81E05;
}
#side-nav li.active a {
  background-image: none;
  background-color: #d8d8d8;
  padding: 5px 5px 5px 20px;
  margin-left: -21px;
  border: 1px solid #f1f1f8;
  *margin-left: 0px;
}
#side-nav ul.level-1 li.active li.active a {
  font-weight: bold;
}
#side-nav ul.level-1 li.active ul.level-2 li a,
#side-nav ul.level-2 li.active ul.level-3 li a {
  background-color: transparent;
  background-image: none;
}
#side-nav li.selected ul.level-3 li.active {
  margin-left: -40px;
  background-image: none;
}
#fondos-side-nav {
  position: relative;
  margin-top: 20px;
  padding-left: 25px;
  width: 200px;
  float: left;
}
#fondos-side-nav nav {
  width: 180px;
  margin-top: 20px;
  padding: 0;
}
#fondos-side-nav nav h3 {
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  color: #a7a9ac;
  font-size: 14px;
  border-bottom: 1px solid #adafb2;
}
#fondos-side-nav nav em {
  color: #e52e2e;
  font-style: normal;
}
#fondos-side-nav nav ul {
  padding: 0;
  margin: 0px;
  list-style-type: none;
}
#fondos-side-nav nav li {
  display: block;
  padding: 0;
  margin: 5px 0 0 0;
}
#fondos-side-nav nav li a {
  text-decoration: none;
  font-size: 13px;
  color: #a7a9ac;
  margin: 13px 0 0 0;
  /*padding-right: 60px;*/
  padding-right: 20px;
  display: block;
}
#fondos-side-nav nav ul ul a {
  padding-right: 45px;
}
#fondos-side-nav nav li a.selected {
  zoom: 1;
  padding: 5px 5px 5px 0px;
  z-index: 50;
  display: block;
  color: #808285;
  background-color: #f3f3f4;
  border-top: 1px solid #dadadb;
  border-bottom: 1px solid #dadadb;
  border-right: 1px solid #dadadb;
  font-weight: 100;
  margin-left: -40px;
  padding-left: 40px;
}
#fondos-side-nav nav ul ul {
  margin-left: 15px;
}
#fondos-side-nav nav ul ul a.selected {
  font-weight: 700;
}
#fondos-side-nav nav ul li.selected-parent a {
  font-weight: 700;
  color: #808285;
}
#fondos-side-nav nav ul li.selected-parent ul a {
  font-weight: 100;
}
#fondos-side-nav nav ul li.selected-parent ul a.selected {
  font-weight: 700;
}
#fondos-side-nav #leftSideBar {
  text-align: center;
  padding: 20px;
}
#ie6 #fondos-side-nav nav ul ul li {
  margin-top: -10px;
}
#ie6 #fondos-side-nav nav ul ul li a {
  margin-top: 0px;
}
#ie6 #fondos-side-nav nav li a.selected {
  margin-top: 20px;
  margin-bottom: 20px;
}
#fondos-side-nav nav ul li ul li.node1 a {
  color: #73aa4a;
}
#fondos-side-nav nav ul li ul li.node2 a {
  color: #8cbe42;
}
#fondos-side-nav nav ul li ul li.node3 a {
  color: #d6db29;
}
#fondos-side-nav nav ul li ul li.node4 a {
  color: #f7e700;
}
#fondos-side-nav nav ul li ul li.node5 a {
  color: #f7ae39;
}
#fondos-side-nav nav ul li ul li.node6 a {
  color: #f79221;
}
#fondos-side-nav nav ul li ul li.node7 a {
  color: #ef5929;
}
#fondos-side-nav nav ul li ul li.node8 a {
  color: #e72429;
}
#fondos-side-nav nav ul li ul li.node9 a {
  color: #c62429;
}
/*TOP HEADER*/
#top {
  background: #dcdbd4 url(/Images/dotesBG.jpg);
  width: 100%;
  height: 36px;
  font-size: 1.2em;
  overflow: hidden;
}
#topHeader aside {
  float: right;
  margin-top: 10px;
}
#topHeader {
  position: relative;
  width: 980px;
  margin: 0 auto;
}
#topHeadera aside > a {
  float: left;
}
#topHeader aside ul {
  list-style: none;
  float: left;
  margin: 0 10px 0;
  vertical-align: text-bottom;
  height: 20px;
}
#topHeader aside ul li {
  position: relative;
  display: inline;
  float: left;
  width: 20px;
  font-weight: bold;
  text-align: center;
  padding: 1px;
  margin: 0 1px;
  background-color: transparent;
}
#topHeader aside ul li:hover {
  background-color: #c1c0ba;
  z-index: 999;
}
#topHeader aside ul li a {
  font-size: 12px;
  width: 20px;
  height: 20px;
  display: block;
  background: url(/Images/font-sizes.gif) left top no-repeat;
}
#topHeader aside ul li a:hover {
  background-color: #fff;
}
#topHeader aside ul .default a {
  background-position: 0 top;
}
#topHeader aside ul .lrg a {
  background-position: -20px top;
}
#topHeader aside ul .x-lrg a {
  background-position: -40px top;
}
#topHeader aside ul .default a:hover,
#topHeader aside ul.default .default a {
  background-position: 0 bottom;
}
#topHeader aside ul.default li.default {
  background-color: #c1c0ba;
}
#topHeader aside ul .lrg a:hover,
#topHeader aside ul.lrg .lrg a {
  background-position: -20px -20px;
}
#topHeader aside ul.lrg li.lrg {
  background-color: #c1c0ba;
}
#topHeader aside ul .x-lrg a:hover,
#topHeader aside ul.x-lrg .x-lrg a {
  background-position: -40px -20px;
}
#topHeader aside ul.x-lrg li.x-lrg {
  background-color: #c1c0ba;
}
/*HEADER TABS*/
#headerTabs {
  display: inline;
  float: left;
  list-style: none;
  width: 665px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  margin: 5px 0 0 0;
}
#headerTabs li {
  display: inline;
  float: left;
  background-color: #b5b5b5;
  height: 25px;
  line-height: 25px;
  margin-left: 10px;
  margin-top: 5px;
  font-weight: bold;
  text-align: center;
}
#headerTabs li a {
  color: #fff;
  padding: 0 8px;
  display: block;
}
#headerTabs li a:hover,
#headerTabs ul li a:focus {
  background-color: #888;
  text-decoration: none;
  color: #fff !important;
}
#headerTabs li:first-child {
  margin-left: 15px;
}
#headerTabs li.current {
  background-color: #fff;
  height: 30px;
  margin-top: 1px;
  line-height: 30px;
}
#headerTabs li.current a {
  color: #aaaaaa;
}
/* HEADER */
#siteHeader {
  width: 980px;
  margin: 0px auto;
  position: relative;
  font-size: 1.2em;
  z-index: 999;
  clear: both;
  background-color: #fff;
}
#siteHeader .top-nav-sb li a.tab .arrow {
  right: 15px;
}
#siteHeader #mega-menu li:hover a.tab .arrow,
#siteHeader #mega-menu li.active a.tab .arrow {
  border-right-color: #f1f1f1;
  border-bottom-color: #f1f1f1;
  border-left-color: #f1f1f1;
}
#siteHeader aside {
  position: relative;
  display: inline;
  float: right;
  background-color: #f5f5f5;
  margin: 10px 20px 10px 0;
  border: 1px solid #e3e3e3;
  text-align: center;
  overflow: hidden;
  -webkit-box-shadow: 1px 1px 0 #ccc;
  -moz-box-shadow: 1px 1px 0 #ccc;
  box-shadow: 1px 1px 0 #ccc;
}
#siteHeader aside .wrap {
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  padding: 10px;
}
#siteHeader aside p {
  display: block;
  border-top: 1px solid #d4d4d4;
  margin-bottom: 0px;
  font-size: 12px;
  height: 25px;
  padding: 0 15px;
  line-height: 22px;
  margin: 5px 0 0 0;
}
#siteHeader aside p a {
  color: #D81E05;
}
#siteHeader aside select {
  width: 150px;
  vertical-align: top;
}
#ie7 #siteHeader #lblSignIn {
  margin-top: -15px;
  zoom: 1;
  padding: 0 5px 8px 0;
}
/* FONDOS MAIN NAV */
/*BugFix ID:413 Fondos Header Menu needed to be taller (height change). margin-bottom:0 fixes gap between content and header links in fondos */
.MainNavDesk ul {
  list-style: none;
  overflow: hidden;
  height: 90px;
  margin-bottom: 0px;
}
.MainNavDesk li {
  height: 100%;
  float: left;
  width: 200px;
  border-top: 4px solid;
  /*height: 48px;*/
  text-align: center;
  margin: 0;
  display: none;
}
.MainNavDesk li {
  height: 100%;
  float: left;
  width: 200px;
  border-top: 4px solid;
  /*height: 48px;*/
  text-align: center;
  margin: 0;
  display: none;
}
.MainNavDesk li a {
  height: 100%;
  color: #555;
  font-size: 15px;
  display: block;
  padding: 15px 10px 0 10px;
  background-color: #DDD;
}
.MainNavDesk li a:hover {
  text-decoration: none;
  background-color: #cacaca;
}
.MainNavDesk li.selected a {
  background-color: transparent;
  color: white;
  font-weight: 700;
}
.MainNavDesk li.selected a:hover {
  background-color: transparent;
}
li.position1 {
  border-top-color: #d8005c;
  background-color: #d8005c;
}
li.position2 {
  border-top-color: #19669f;
  background-color: #19669f;
}
li.position3 {
  border-top-color: #0082b3;
  background-color: #0082b3;
}
li.position4 {
  border-top-color: #9c9000;
  background-color: #9c9000;
}
li.position5 {
  border-top-color: #d68f00;
  background-color: #d68f00;
}
li.position6 {
  border-top-color: #9070ae;
  background-color: #9070ae;
}
li.position7 {
  border-top-color: #a82e35;
  background-color: #a82e35;
}
li.position8 {
  border-top-color: #e1211b;
  background-color: #e1211b;
}
.signInButton {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 0 0 7px;
  color: #fff;
  background-repeat: repeat-x;
  cursor: pointer;
}
.signInButton span,
.signInButton input {
  border: none;
  background-color: transparent;
  padding: 8px 7px 7px 0px;
  margin: 0px;
  display: block;
  background-position: right top;
  color: #fff;
  cursor: pointer;
}
.signInButton:hover {
  background-position: left -45px;
}
.signInButton:hover span,
.signInButton:hover input {
  background-position: right -45px;
}
.signInButton,
.signInButton span {
  border-radius: 0px !important;
}
#logo {
  position: relative;
  float: left;
  display: block;
  width: 490px;
  height: 46px;
  margin: 22px 0;
  text-shadow: 2px 2px 2px #aaa;
  text-decoration: none;
  text-shadow: none;
}
#logo img {
  margin-left: 20px;
}
/* FOOTER */
footer {
  background-color: #e8e6de;
  width: 980px;
  margin: 15px auto;
  padding-top: 15px;
}
footer h3 {
  font-weight: 700;
  font-size: 1.2em;
  color: #515151;
  margin-bottom: 0;
}
footer h3 a:hover {
  color: #D81E05;
  text-decoration: none;
}
footer article {
  overflow: hidden;
  width: 980px;
}
footer span {
  font-size: 1em;
  display: block;
  font-weight: 700;
  margin: 5px 0;
}
footer span a {
  color: #666;
}
footer .products {
  list-style: none;
  margin: 0 20px 20px 20px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  width: 940px;
}
footer .footerSeparator {
  margin: -20px 20px 20px 20px;
  border-top: 1px solid #fff;
  clear: both;
  overflow: hidden;
}
footer .products li {
  font-size: 1.2em;
  display: inline;
  float: left;
  width: 185px;
  padding-bottom: 20px;
}
footer .products li a {
  display: block;
  padding: 5px 0;
  color: #D81E05;
}
footer .contact {
  clear: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  width: 185px;
  margin: 0 0 20px 20px;
  font-size: 1.2em;
}
footer .contact a {
  margin: 5px 0;
  display: block;
}
footer .contact h4 {
  background: url(/Images/bg-cell.gif) left center no-repeat;
  height: 45px;
  padding: 10px 0 0 20px;
  font-size: 1.2em;
  line-height: 1.5em;
  color: #666;
}
footer .contact span a:hover {
  color: #D81E05;
  text-decoration: none;
}
footer .services {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 752px;
  float: left;
  margin: 0 20px 20px 0;
  font-size: 1.2em;
}
footer .services ul {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
footer .services li {
  display: block;
  padding-bottom: 7px;
}
footer .services li a {
  display: inline-block;
  float: left;
  width: 10em;
  margin-right: 20px;
  border: 1px solid #E8E6DE;
}
footer .quick-links {
  display: inline;
  overflow: hidden;
  clear: both;
  margin: 0px 20px 20px 20px;
  background-image: url(/Images/vertHr.png);
  background-repeat: repeat-x;
  font-size: 1.2em;
}
footer .quick-links li {
  display: inline-block;
  padding-bottom: 10px;
}
#ie7 footer .quick-links li {
  float: left;
  height: 25px;
}
footer .quick-links li a {
  color: #666;
  padding: 5px 10px;
  border-right: 1px solid #ccc;
  vertical-align: middle;
}
footer .quick-links li a img {
  vertical-align: middle;
  margin-top: -5px;
  line-height: 1.2em;
}
footer .quick-links li:last-child a {
  border-right: none;
}
footer .quick-links li a:hover {
  color: #D81E05;
  text-decoration: none;
}
#footerLegal {
  width: 980px;
  margin: 5px auto;
  position: relative;
  overflow: hidden;
  padding: 10px 0;
}
#footerLegal small {
  font-size: 1em;
  float: left;
}
#footerLegal aside {
  float: right;
}
/*SERVICE MENU*/
#ulServiceMenu {
  position: relative;
  clear: both;
  list-style: none;
  height: 3.75em;
  padding: 0;
  background-color: #eee;
  z-index: 9999;
}
#ulServiceMenu li {
  position: relative;
  display: inline;
  float: left;
  background: url(/Images/divider.png) right center no-repeat;
  height: 3.75em;
  z-index: 99;
  list-style-type: none;
}
#ulServiceMenu li .tab {
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 15px;
}
#ulServiceMenu li:hover .tab {
  background: #e4e4e4;
}
#ulServiceMenu li .tab a {
  display: block;
  color: #8e8e8e;
  text-decoration: none;
}
#ulServiceMenu li:hover a {
  color: #D81E05;
}
#ulServiceMenu li:hover ul a {
  color: #666666;
}
#ulServiceMenu li:hover ul a:hover {
  color: #D81E05;
}
#ulServiceMenu li.active a.tab,
#ulServiceMenu li:hover a.tab {
  background: #e4e4e4;
}
#ulServiceMenu li.active a.tab {
  padding-bottom: 10px;
}
#ulServiceMenu li .tab em {
  display: block;
  font-size: 1.2em;
  font-weight: 700;
  font-style: normal;
  padding-top: 7px;
}
#ulServiceMenu li .tab:hover {
  color: #D81E05;
  text-decoration: none;
}
#ulServiceMenu li.a {
  width: 195px;
}
#ulServiceMenu li.a a.tab {
  width: 160px;
}
#ulServiceMenu li.b {
  width: 225px;
}
#ulServiceMenu li.b a.tab {
  width: 190px;
}
#ulServiceMenu li.c {
  width: 235px;
}
#ulServiceMenu li.c a.tab {
  width: 200px;
}
#ulServiceMenu li.d {
  width: 325px;
  background-image: none;
}
#ulServiceMenu li ul a {
  color: #666;
  background: transparent !important;
}
#ulServiceMenu li ul a:hover {
  text-decoration: none;
}
#ulServiceMenu.b li.b a,
#ulServiceMenu.c li.c a {
  background: #e4e4e4;
}
#chivasContent {
  padding: 15px 170px 0px 0px;
  position: relative;
  min-height: 138px;
}
#chivasContent .badge {
  position: absolute;
  right: 0px;
  top: 15px;
  width: 160px;
}
/* content */
#ulServiceMenu li.a .content {
  width: 575px;
}
#ulServiceMenu li.a .content .leftForm {
  float: left;
  height: 210px;
  padding-left: 20px;
  width: 355px;
}
#ulServiceMenu li.a .content label {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
}
#ulServiceMenu li.a .content input#search-location {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #F4F4F4;
  border-color: #C4C4C4;
  border-style: solid;
  border-width: 2px 0 0 2px;
  color: #989898;
  font-size: 1.4em;
  height: 16px;
  padding: 3px;
  width: 290px;
}
#ulServiceMenu li.a .content .leftForm input {
  vertical-align: middle;
}
#ulServiceMenu li.a .content a,
#ulServiceMenu li.a .content .side a {
  color: #D81E05;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  display: block;
}
#ulServiceMenu li.a .content .side {
  margin: -10px 0 0 0;
  background-color: #F1F1F1;
  border-left: 20px solid #F1F1F1;
  float: right;
  height: 210px;
  width: 180px;
}
#ulServiceMenu li .content {
  display: none;
  position: absolute;
  background-color: #fff;
  top: 44px;
  left: 4px;
  width: 570px;
  height: 0;
  border-left: 1px solid #b8bcbb;
  overflow: hidden;
  zoom: 1;
  z-index: 999;
  -webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5), -1px 0 0 #fff;
  -moz-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5), -1px 0 0 #fff;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5), -1px 0 0 #fff;
}
#ulServiceMenu li .content h3 {
  background: #e4e4e4;
  color: #666;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  font-size: 1.2em;
  font-weight: normal;
  overflow: hidden;
}
#ulServiceMenu li .content hr {
  float: left;
  clear: both;
  background-color: #9e9e9e;
  color: #9e9e9e;
  width: 30px;
  height: 1px;
  padding: 0;
  margin: 0 150px 0 0;
}
#ulServiceMenu li .content hr.dark {
  background-color: #666;
  color: #666;
}
#ulServiceMenu li .content li {
  display: block;
  float: none;
  background: none;
}
#ulServiceMenu li .content a {
  padding: 0;
  margin: 0;
}
#ulServiceMenu li.c .content {
  left: -351px;
}
/* locations */
#ulServiceMenu li.a .content form {
  float: left;
  width: 355px;
  height: 210px;
  padding-left: 20px;
}
#ulServiceMenu li.a .content form label {
  display: block;
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  font-weight: bold;
  font-size: 1.2em;
}
#ulServiceMenu li.a .content form input {
  vertical-align: middle;
}
#ulServiceMenu li.a .content form input#search-location {
  background-color: #f4f4f4;
  color: #989898;
  width: 290px;
  height: 16px;
  padding: 3px;
  border: 2px solid #c4c4c4;
  border-width: 2px 0 0 2px;
  font-size: 1.4em;
}
#ulServiceMenu li.a .content .side {
  float: right;
  background-color: #f1f1f1;
  width: 180px;
  height: 250px;
  border-left: 20px solid #f1f1f1;
}
#ulServiceMenu li.a .content form a,
#ulServiceMenu li.a .content .side a {
  color: #D81E05;
  height: 40px;
  line-height: 40px;
  padding: 0;
  margin: 0;
}
#ulServiceMenu li.a .content .side h4 {
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  font-size: 1.2em;
}
#ulServiceMenu li.a .content .side h4.hr {
  background: transparent url(/Images/hr.gif) no-repeat bottom left;
  margin-bottom: 5px;
}
#ulServiceMenu li.a .content .side p {
  clear: both;
  font-size: 1.1em;
}
#ulServiceMenu li.a .content .side p.phone {
  background: url(/Images/bg-cell.gif) left center no-repeat;
  padding-left: 25px;
  margin-top: 10px;
}
#ulServiceMenu li.b .content ul li,
#ulServiceMenu li.c .content ul li {
  height: auto;
  line-height: 1.1em;
  padding: 5px 0;
  font-size: 1.2em;
}
#ulServiceMenu li.b .content ul li.hr,
#ulServiceMenu li.c .content ul li.hr {
  background: transparent url(/Images/hr.gif) no-repeat bottom left;
  margin-bottom: 3px;
  padding-bottom: 8px;
}
#ulServiceMenu li.b .content ul li h4,
#ulServiceMenu li.c .content ul li h4 {
  color: #535353;
}
#ulServiceMenu li:hover .content,
#ulServiceMenu .active .content {
  display: block;
  height: 250px;
}
#ulServiceMenu li:hover .content,
#ulServiceMenu .c .active .content {
  display: block;
  height: 260px;
}
#ulServiceMenu li.a .content .column {
  width: 100px;
  display: inline-block;
  float: left;
}
#ulServiceMenu li .content .column {
  float: left;
  width: 163px;
  padding-top: 10px;
  overflow: hidden;
  padding-left: 20px;
  height: 100%;
}
/*BugFix
    margin 
    changed so that no whitespace at top*/
#ulServiceMenu li .content .column.greyBG {
  background-color: #f1f1f1;
  margin: -10px 0 0 20px;
}
#ulServiceMenu li .content .column.greyBG small {
  margin-right: 20px;
}
#ulServiceMenu li .content .column.greyBG h4.hr {
  background: url("/Images/hr.gif") no-repeat scroll left bottom transparent;
  margin-bottom: 5px;
  font-size: 1.2em;
  height: 30px;
  line-height: 30px;
}
#ulServiceMenu li .content .column.greyBG p {
  clear: both;
  font-size: 1.1em;
}
#ulServiceMenu li .content .column.greyBG .phone {
  background: url("/Images/bg-cell.gif") no-repeat scroll left center transparent;
  margin-top: 10px;
  padding-left: 25px;
}
/*BugFix :   0000359
Whitespace between items that shouldn't have been there*/
#ulServiceMenu {
  margin: 0 0 0 0;
}
/*CONTACT US
-------------------------*/
#contactForm {
  margin-top: 20px;
  overflow: hidden;
  text-align: left;
}
#contactForm aside {
  display: block;
  margin: 5px 0;
  font-weight: 700;
}
#contactForm small {
  display: block;
  margin-bottom: 20px;
}
#contactForm em {
  color: #D81E05;
  font-weight: 700;
}
#contactForm a {
  margin-top: 10px;
  margin-right: 50px;
  float: right;
}
#contactForm label {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 5px 0;
  text-align: right;
  width: 328px;
  float: left;
  position: relative;
  padding-right: 23px;
  margin-right: 20px;
}
#contactForm input[type=text] {
  width: 180px;
  border: 1px solid #ccc;
  height: 20px;
  margin-left: 10px;
  display: inline-block;
  padding: 0 5px;
}
#contactForm select {
  width: 200px;
  height: 23px;
  margin-left: 10px;
}
#contactForm .group {
  overflow: hidden;
  clear: both;
  padding-top: 20px;
}
#contactForm .group .disabled {
  display: none;
}
#contactForm .comments {
  display: block;
  width: 702px;
  padding-top: 10px;
}
#contactForm .comments textarea {
  margin-left: 10px;
  width: 569px;
  vertical-align: top;
  height: 120px;
}
#contactForm ul {
  display: block;
  margin: 10px 0;
}
#contactForm ul li {
  display: block;
  color: #D81E05;
}
#ie6 #contactForm a {
  margin-right: 23px;
}
#contactForm.chivas {
  border-top: 1px solid #dcdcdc;
  padding-top: 15px;
  width: 580px;
}
#contactForm.chivas label {
  display: block;
  float: initial;
  width: 450px;
  margin: 10px 20px 0 0;
}
#contactForm.chivas input[type=text] {
  width: 280px;
}
#contactForm.chivas a {
  float: none;
  margin-left: 255px;
}
.required:before {
  content: "*";
  color: #c00;
}
.validation {
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 20px;
  height: 20px;
  background-image: url(/Images/validationSprite.jpg);
  background-repeat: no-repeat;
  display: none;
}
.field-validation-valid,
.field-validation-valid + .validation {
  display: inline-block;
  *display: inline;
  zoom: 1;
  background-position: 0px top;
}
.field-validation-error,
.field-validation-error + .validation {
  display: inline-block;
  *display: inline;
  zoom: 1;
  background-position: 0px -71px;
}
/*PDF List Selector
    ---------------*/
.pdfList select {
  margin-left: 10px;
  width: 100px;
  height: 25px;
  border: 1px solid #ccc;
  vertical-align: middle;
}
/* Generic Styles
------------------------------------------------------*/
/*body { color: #666; font-family: Arial,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; position:relative; }

h1, h2, h3, h4, h5, h6, ul, ol, p { margin: 0; padding: 0; }*/
/*.button { padding: 5px 10px; background-color: #D81E05; color: #fff; margin: 0; border: none; cursor: pointer; }*/
.addButton {
  padding: 4px 0 4px 30px;
  color: #605b5b;
  font-size: 12px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  background-image: url(/Images/addReferenceIcon.jpg);
  background-repeat: no-repeat;
}
.responsiveObject,
.responsiveObject img {
  max-width: 100%;
}
.btnDefault {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding-left: 12px;
  background-image: url(/Images/btn.jpg);
}
.btnDefault span {
  display: block;
  padding: 9px 12px 7px 0px;
  background-image: url(/Images/btn.jpg);
  background-position: right top;
  background-color: #fff;
}
.btnDefault:hover {
  background-position: left -36px;
}
.btnDefault:hover span {
  background-position: right -36px;
}
.btnCancel {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding-left: 12px;
  background-image: url(/Images/btn.jpg);
  background-position: left -80px;
}
.btnCancel span {
  display: block;
  padding: 9px 12px 7px 0px;
  background-image: url(/Images/btn.jpg);
  background-position: right top;
  background-color: #fff;
  background-position: right -80px;
}
.btnCancel:hover {
  background-position: left -116px;
}
.btnCancel:hover span {
  background-position: right -116px;
}
.frutiger {
  font-family: "Times New Roman", Times, serif;
}
.hide {
  display: none;
}
.hidden {
  position: absolute !important;
  left: -9999px !important;
}
/* hidden text for screen readers */
input.hidden {
  width: 10px;
}
.invisible {
  visibility: hidden;
}
/* NEW CLEAR FIX */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
}
/* IE7 */
.clear {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
.lrg #content-body {
  font-size: 1.5em !important;
}
.x-lrg #content-body {
  font-size: 1.8em !important;
}
div#calculadora {
  background-image: url("/img/calculadoraBGM.gif");
  background-repeat: no-repeat;
  height: 133px;
  width: 412px;
}
div#calculadora table {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  height: 125px;
  margin-left: 10px;
  padding-top: 10px;
}
div#calculadora td {
  height: 24px;
}
/*Rotator*/
.desktopRotator {
  margin-top: -10px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 101;
}
#content .desktopRotator ul {
  width: 90000px;
  position: relative;
  padding: 0px;
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
  border-top: 5px solid #eee;
}
.desktopRotator li {
  float: left;
  display: inline-block;
  height: 368px;
  list-style-image: none;
}
.desktopRotator li .cta {
  width: 400px;
  margin-top: -300px;
  background-color: #fff;
  padding: 30px;
  margin-left: 80px;
  position: relative;
  z-index: 101;
}
#content .desktopRotatorNav {
  position: absolute;
  margin-top: 321px;
  margin-left: 20px;
  z-index: 110;
  list-style-image: none;
}
.desktopRotatorNav li {
  background-image: url(/Images/rotatorNavdskt.png);
  background-position: left 12px;
  cursor: pointer;
  float: left;
  display: inline-block;
  list-style-type: none;
  width: 12px;
  height: 12px;
  margin-left: 10px;
}
.desktopRotatorNav li.current {
  background-position: left 0px;
}
.desktopRotator .red-btn {
  display: inline-block;
  background-image: url(/Images/arrow_right_white.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding: 5px 35px 5px 10px;
  font-size: 14px;
  margin-top: 20px;
}
/* Slideshow Rotator */
.desktopSlideshowRot {
  margin-left: 10px;
  width: 100%;
  max-width: 99%;
  overflow: hidden;
  position: relative;
  z-index: 101;
}
#content .desktopSlideshowRot ul {
  width: 90000px;
  position: relative;
  padding: 0px !important;
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
}
.desktopSlideshowRot li {
  float: left;
  display: inline-block;
  height: 395px;
  list-style-image: none;
}
.desktopSlideshowRot li .cta {
  width: 400px;
  margin-top: -300px;
  background-color: #fff;
  padding: 30px;
  margin-left: 80px;
  position: relative;
  z-index: 101;
}
#content .desktopSlideshowRotNav {
  position: absolute;
  margin-top: 321px;
  margin-left: 20px;
  z-index: 110;
  list-style-image: none;
}
.desktopSlideshowRotNav li {
  background-image: url(/Images/rotatorNavdskt.png);
  background-position: left 12px;
  cursor: pointer;
  float: left;
  display: inline-block;
  list-style-type: none;
  width: 12px;
  height: 12px;
  margin-left: 10px;
}
.desktopSlideshowRotNav li.current {
  background-position: left 0px;
}
.desktopSlideshowRot .red-btn {
  display: inline-block;
  background-image: url(/Images/arrow_right_white.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding: 5px 35px 5px 10px;
  font-size: 14px;
  margin-top: 20px;
}
/* Specific Styles!
-------------------------------------------------------*/
.subheading {
  color: #515151;
  font-weight: normal;
  margin-bottom: 3em;
}
.fondosVideo {
  width: 650px;
}
.ErrorSummary {
  padding: 0 0 10px 0;
  color: #bf121b;
}
.ErrorSummary h4 {
  padding-bottom: 10px;
  font-size: 15px;
}
.ErrorSummary ul {
  padding: 0 0 0 25px;
}
.validation-summary-errors {
  display: block;
}
a#group-sites {
  color: #666;
  font-weight: bold;
  width: 170px;
  height: 30px;
  margin-top: 5px;
  line-height: 30px;
  text-align: center;
}
a#group-sites:hover,
a#group-sites:focus {
  color: #D81E05;
  text-decoration: none;
}
#form-lang {
  float: left;
}
.langSelector {
  float: left;
}
.champagneBTN {
  background-image: url(/Images/greyButton.png);
}
.champagneBTN input {
  background-image: url(/Images/greyButton.png);
}
.redBTN {
  background-image: url(/Images/redButton.png);
}
.redBTN input {
  background-image: url(/Images/redButton.png);
}
#ie7 .signInButton {
  margin-right: 10px;
  display: inline;
  zoom: 1;
  padding-left: 6px;
}
#ie7 #btnSignIn {
  padding: 0 6px 0 0;
  overflow: visible;
  width: auto !important;
}
#ie6 .signInButton {
  left: -90px;
}
#ie6 #btnSignIn {
  width: 80px;
  padding: 3px 3px 2px 0px;
}
#ie6 #box_ls .linkselect {
  margin-top: 12px;
}
#btnSignIn a {
  color: #fff;
  padding: 0;
}
#lblOnlineCTA {
  color: #767474;
  font-weight: 100;
}
.txtSearchQuery,
.imgSearchSubmit {
  position: absolute;
  top: 0;
  right: 0;
}
.search label {
  position: absolute;
  left: -9999px;
}
.txtSearchQuery {
  background-color: #fff;
  color: #8e8e8e;
  width: 280px;
  height: 20px;
  padding: 6px;
  margin: 5px 20px 0 0;
  border: 1px solid #ccc;
  border-color: #ccc #fff #fff #ccc;
  font-size: 1.2em;
  -webkit-box-shadow: -1px -1px 0 #fff;
  -moz-box-shadow: -1px -1px 0 #fff;
  box-shadow: -1px -1px 0 #fff;
}
.imgSearchSubmit {
  color: #fff;
  width: 30px;
  height: 30px;
  margin: 7px 22px 0 0;
  font-weight: normal;
  text-shadow: -1px -1px 0 #900;
}
.imgSearchSubmit:focus {
  outline: 1px dotted #000;
}
/* MEGA MENU */
#mega-menu {
  margin-bottom: 0px;
  position: relative;
  list-style: none;
  background-color: #D81E05;
  height: 43px;
  padding: 7px 8px 0;
  border-bottom: 0px solid #f1f1f1;
  z-index: 999;
}
#mega-menu li {
  display: inline;
  float: left;
  border: 1px solid #D81E05;
  background: #D81E05;
  zoom: 1;
}
#mega-menu li li {
  background: transparent;
}
#mega-menu li a.tab {
  position: relative;
  display: inline;
  float: left;
  color: #fff;
  font-size: 1.2em;
  line-height: 38px;
  padding: 0 27px 0 11px;
  border-top: 1px solid #D81E05;
  border-left: 1px solid #D81E05;
  zoom: 1;
}
#mega-menu.top-nav-sb li.a a.tab {
  padding-left: 11px !important;
}
#mega-menu li a.tab:hover {
  text-decoration: none;
}
#mega-menu li a.tab .arrow {
  display: block;
  position: absolute;
  top: 18px;
  right: 5px;
  background-image: url(/Images/mainNavSprite.gif);
  background-position: right top;
  background-repeat: no-repeat;
  width: 15px;
  height: 5px;
}
header #mega-menu li.active a.tab .arrow {
  background-position: right -45px;
}
#mega-menu li:hover {
  border: 1px solid #fff;
  border-bottom: 3px solid #f1f1f1;
}
#mega-menu li:hover a.tab {
  position: relative;
  background-color: #f1f1f1;
  color: #39afda;
  margin-right: 0;
  border-top: 1px solid #b0b0b0;
  border-left: 1px solid #b0b0b0;
  text-decoration: none;
  text-shadow: none;
  z-index: 9999;
}
#mega-menu li .content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  top: 45px;
  width: 700px;
  height: 0;
  overflow: hidden;
  zoom: 1;
  z-index: 999;
  -webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5), -1px 0 0 #fff;
  -moz-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5), -1px 0 0 #fff;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5), -1px 0 0 #fff;
}
#mega-menu li.a .content,
#mega-menu li.b .content,
#mega-menu li.c .content,
#mega-menu li.d .content,
#mega-menu li.d .content {
  /*left: 9px;*/
}
#mega-menu li.e .content,
#mega-menu li.f .content,
#mega-menu li.g .content {
  right: 0;
  zoom: 1;
}
#mega-menu li .content .bumper {
  display: block;
  margin: 0;
  height: 30px;
  line-height: 30px;
}
#mega-menu li .content ul {
  list-style: none;
  display: inline;
}
#mega-menu li .content .col {
  display: inline;
  float: left;
  width: 154px;
  height: 400px;
  height: 320px;
  padding-top: 10px;
  border: none;
  overflow: hidden;
}
#mega-menu li .content .col li {
  display: block;
  float: none;
  border: none;
  line-height: 14px;
  padding: 3px 0;
  font-size: 12px;
  *margin: 2px 0;
}
#mega-menu li .content .col h4 {
  color: #515151;
  /*line-height: 1.2em;*/
  cursor: default;
  font-size: 1.2em;
  margin-bottom: 5px;
}
#mega-menu li .content .col li.hr {
  padding-bottom: 8px;
  margin-bottom: 3px;
  background: transparent url(/Images/hr.gif) no-repeat bottom left;
}
#mega-menu li .content .col a {
  display: block;
  color: #666;
}
#mega-menu li .content .col a:hover {
  color: #D81E05;
  text-decoration: none;
}
#mega-menu li .content .regular {
  float: left;
  background-color: #fff;
}
#mega-menu li .content .first {
  padding-left: 20px;
}
#mega-menu li .content .last {
  padding-right: 20px;
}
#mega-menu li .content .promo {
  margin-left: 0px;
  padding-left: 0px;
}
#mega-menu li .content .promo.col {
  width: 143px;
}
#mega-menu li .content .promo.col.last {
  padding-left: 10px;
}
#mega-menu li .content img.thumb {
  display: block;
  border: 1px solid #ccc;
  max-width: 143px;
}
#mega-menu li .content div.promo h4 {
  margin-top: 10px;
}
#mega-menu li .content div.promo a {
  color: #D81E05;
  padding: 5px 0;
  font-weight: bold;
}
#mega-menu li .content div.promo a:hover {
  text-decoration: underline;
}
#mega-menu li.active .content {
  display: block;
  height: 280px;
  border-color: #fff;
  border-style: solid;
  border-width: 0px;
  /* becomes 1px on hover */
  border-left-color: #b0b0b0;
}
#mega-menu li .MegaMenu1col {
  width: 380px;
}
#mega-menu li .MegaMenu2col {
  width: 380px;
}
#mega-menu li .MegaMenu3col {
  width: 562px;
}
#mega-menu li .MegaMenu4col {
  width: 696px;
}
#mega-menu li .MegaMenu5col {
  width: 850px;
}
#mega-menu li .MegaMenu6col {
  width: 1000px;
}
#ie6 #mega-menu li .MegaMenu6col {
  width: 1024px;
}
/* NESTED NAV */
body select.onLightBox {
  display: none;
}
#sideBarInfo {
  font-size: 1.1em;
  margin: 30px 10px 0 20px;
}
#sideBarInfo strong {
  font-weight: 700;
  font-size: 1.1em;
  color: #505151;
}
#sideBarInfo p {
  margin-bottom: 1.2em;
}
#sideBarInfo h2 {
  padding: 4px 0 4px 0;
  line-height: 1.2em;
  font-size: 1.2em;
  color: #505151;
}
#sideBarInfo img {
  float: left;
  margin-right: 5px;
}
#sideBarInfo .country {
  color: #D81E05;
  font-weight: 700;
  float: left;
}
#sideBarInfo .imageCountry {
  margin-bottom: 5px;
}
#sideBarInfo .content {
  margin-top: 10px;
}
.contact h4 {
  color: #D81E05;
}
html body .footerBorderTop {
  padding-top: 20px;
  margin-top: 20px;
  display: block;
  background-image: url(/Images/bbord.jpg);
  background-repeat: repeat-x;
}
html body .footerBorderBottom {
  padding-top: 20px;
  margin-top: 20px;
  display: block;
  background-image: url(/Images/bbord.jpg);
  background-position: bottom;
  background-repeat: repeat-x;
}
/* BTM */
#btm {
  width: 980px;
  margin: 5px auto;
  position: relative;
  overflow: hidden;
  padding: 10px 0;
}
#legal {
  overflow: hidden;
}
#legal img {
  float: right;
  width: 28%;
}
#stockTicker {
  position: fixed;
  background-color: #fff;
  left: 1px;
  bottom: 0;
  width: 100%;
  background: #e7e5e6;
  border-top: 6px solid #9e57a3;
  z-index: 999;
  font-size: 1.2em;
  -webkit-box-shadow: 0 5px 20px #999;
  -moz-box-shadow: 0 5px 20px #999;
  box-shadow: 0 5px 20px #999;
}
#stockTicker:before {
  content: "";
  position: absolute;
  top: 50px;
  left: -2000px;
  width: 5000px;
  height: 100px;
  background: #fff;
  z-index: -1;
}
#stockTicker.open #minimize-stockTicker a {
  background-image: url('/Images/icon_stockTicker_close.png');
}
#stockTicker .content {
  width: 980px;
  height: 0;
  overflow: hidden;
  margin: 0 auto;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
#stockTicker .tickerHead {
  position: relative;
  height: 54px;
  padding-top: 12px;
}
#stockTicker .ticker {
  height: 50px;
}
#stockTicker .select {
  float: right;
}
#stockTicker select {
  padding: 5px;
}
#stockTicker h4 {
  display: none;
  color: #000;
  font-size: 22px;
  float: left;
}
#stockTicker small {
  padding: 12px 0 0 5px;
  float: Left;
}
#stockTicker .description {
  position: absolute;
  padding: 0;
  left: 0px;
  top: 35px;
  color: black;
  font-weight: bold;
}
#stockTicker .btnDefault {
  height: 32px;
  width: 32px;
  padding: 0;
  line-height: 32px;
  text-align: center;
  background: url('/Images/btn_stockTicker_submit_off.png') no-repeat left top;
}
#stockTicker .btnDefault:hover {
  background-image: url('/Images/btn_stockTicker_submit_on.png');
}
#stockTicker .btnDefault span {
  padding: 0;
  background: none;
}
#stockTicker .content ul li {
  cursor: default;
}
#ie6 #stockTicker {
  position: relative;
}
#ie6 #stockTicker {
  position: absolute;
}
#minimize-stockTicker {
  position: absolute;
  right: 50%;
  width: 230px;
  height: 25px;
  margin-right: -115px;
  padding: 0 20px 0 5px;
  top: -31px;
  background: url('/Images/btn_stockTicker.png') no-repeat center bottom;
  box-sizing: border-box;
}
#minimize-stockTicker a {
  height: 100%;
  display: block;
  padding: 0 18px 0 0;
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  background: url('/Images/icon_stockTicker_open.png') no-repeat right center;
  box-sizing: border-box;
}
#minimize-stockTicker a:hover {
  text-decoration: none;
}
.ticker {
  overflow: hidden;
}
.ticker ul {
  white-space: nowrap;
  margin: 5px 0 0 0;
  padding: 0;
  list-style: none;
}
.ticker li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0px 20px;
  font-weight: 700;
}
.ticker em {
  color: #2e2e2e;
  font-style: normal;
  padding-right: 5px;
  padding-top: 8px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.ticker mark {
  color: #2e2e2e;
  background-color: transparent;
  display: block;
}
.ticker mark + span {
  font-weight: 100;
}
.ticker .positive {
  color: green;
}
.ticker .negative {
  color: red;
}
/* Cascading Dropdown List Module*/
.cascadingDropdownLinks {
  text-align: right;
  margin: 20px 0px;
  padding: 20px 10px;
  background-color: #f9f9f7;
  border: 1px solid #e4e4e4;
  overflow: hidden;
}
.cascadingDropdownLinks label {
  text-align: right;
  display: inline-block;
  width: 460px;
  margin-right: 250px;
  padding: 2px 0;
}
.cascadingDropdownLinks select {
  width: 300px;
  padding: 2px;
}
.cascadingDropdownLinks .button {
  float: right;
  margin: 10px 250px 0px 0px;
}
/*Split Collapsible Multi Module*/
.splitCollapsible {
  margin: 5px 0 10px 0;
  border: 1px solid #cfcfcf;
  padding: 5px 10px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 1px 1px 2px 1px #DDDDDD;
}
.splitCollapsible:hover {
  background-color: #f9f9f7;
}
.splitCollapsible > h2:first-child {
  font-size: 1.15em;
  display: block;
  margin: 0px;
  padding: 8px 40px 8px 0;
  cursor: pointer;
  background: url("/Images/splitCollapsibleButton.png") no-repeat right 0px;
}
.splitCollapsible h2:hover {
  background-position: right -137px;
}
.splitCollapsible > div {
  padding: 0;
  margin: 0 0 5px 15px;
  display: none;
}
.splitCollapsible.open {
  background-color: #f9f9f7;
  padding-bottom: 20px;
}
.splitCollapsible.open h2 {
  background-position: right -376px;
  position: relative;
}
.splitCollapsible.open h2:hover {
  background-position: right -574px;
}
.premium .splitCollapsible h2 {
  background: url("/Images/splitCollapsibleButtonPremium.png") no-repeat right 0px;
}
.splitCollapsible .splitCollapsible {
  padding: 10px 0 0 0;
  margin: 10px 0px 0px 0px;
  border: none;
  border-top: 1px dashed #ccc;
  border-radius: 0px;
  background-color: transparent;
  box-shadow: none !important;
}
.splitCollapsible .splitCollapsible > h2:first-child {
  font-size: 16px;
  padding: 5px 0 5px 15px;
  background-image: none;
}
.splitCollapsible .splitCollapsible > h2:first-child:before {
  content: '+';
  position: absolute;
  left: 0px;
  top: 3px;
  font-weight: 100;
  font-size: 20px;
  color: #666;
}
.splitCollapsible .splitCollapsible.open > h2:first-child:before {
  content: '-';
  top: -px;
}
/* Kiosk List*/
.kioskListWrapper label {
  font-size: 1.2em;
}
.kioskListWrapper header {
  background-color: #888;
  color: white;
  padding: 4px 6px 4px 15px;
  margin: 10px 0 0 0;
}
.kioskListWrapper header span {
  font-size: 1.2em;
}
.kioskListWrapper header span,
.kioskListWrapper header select {
  display: inline-block;
}
.kioskListWrapper header span.establishment {
  width: 225px;
}
.kioskListWrapper header span.directory {
  width: 245px;
}
.kioskListWrapper header select {
  width: 240px;
  text-align: left;
}
#content #main .kioskListWrapper ul {
  list-style: none;
  padding-left: 0;
}
.kioskListWrapper ul li {
  padding: 8px 15px 8px 0px;
  overflow: hidden;
  zoom: 1;
}
.kioskListWrapper ul li.odd {
  background-color: #F4F4F4;
}
.kioskListWrapper ul li img {
  width: 60px;
  vertical-align: middle;
  float: left;
}
.kioskListWrapper ul li span.kioskItemEstablishment {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 15px;
  width: 230px;
  float: left;
}
.kioskListWrapper ul li ul li a {
  text-decoration: none;
  color: #666;
}
.kioskListWrapper ul li .kioskItemDirectory {
  float: left;
  width: 240px;
}
#content .kioskListWrapper ul li ul {
  float: right;
  width: 235px;
}
#ie6 .kioskListWrapper ul li ul {
  width: 5px;
}
.kioskListWrapper ul li ul li {
  padding: 0px 3px 3px 10px;
  background-image: url(/Images/checkSymbol.png);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding-left: 10px;
}
/*Kiosk Details*/
.kioskDetailsWrapper {
  position: relative;
}
.kioskDetailsWrapper h2 {
  float: left;
  font-size: 1.3em;
  margin: 0 0 5px 5px;
  padding: 5px 0 0 5px;
}
.kioskDetailsWrapper h3 {
  background-color: #EEE;
  float: right;
  padding: 10px 15px 10px 15px;
  font-size: 0.8em;
  margin: -59px -25px 0 0;
  position: relative;
}
#ie6 .kioskDetailsWrapper h3 {
  margin-right: -12px;
}
.kioskDetailsWrapper article {
  clear: both;
  border: 10px solid #EEE;
  padding: 15px 15px 20px 15px;
  margin: 0 0 20px 0;
}
.kioskDetailsWrapper article header {
  border-bottom: 1px solid #EEE;
  padding-bottom: 10px;
  overflow: hidden;
  zoom: 1;
}
.kioskDetailsWrapper article header em {
  font-style: normal;
  display: block;
  font-weight: 700;
}
.kioskDetailsWrapper article header h2 {
  margin-left: 0px;
}
.kioskDetailsWrapper article header img {
  float: left;
}
.kioskDetailsWrapper article header div {
  float: right;
  text-align: right;
}
.kioskDetailsWrapper article h4 {
  margin-top: 17px;
  clear: both;
}
.kioskDetailsWrapper article div.kioskContent {
  margin-left: 17px;
}
.kioskDetailsWrapper article ul {
  list-style-type: none;
}
.kioskDetailsWrapper article ul li {
  padding: 2px 0 0 3px;
  background-image: url(/Images/checkSymbol.png);
  background-repeat: no-repeat;
  background-position-y: 8px;
  background-position-x: 0px;
  padding-left: 10px;
}
.TaxServiceDetailsWrapper {
  margin-top: 30px;
}
/* COMMON */
/*#content-body p { padding-top: 1em; margin-bottom: 1em; }
#content-body a img { border: none; }

#content-body h3 { color: #D81E05; margin-bottom: 1em; }


#content-body .three-cols .one-col { width: 260px; }
#content-body .three-cols .two-col { width: 525px; }
#content-body .three-cols .three-col { width: 790px; }*/
.question .content label {
  cursor: pointer;
}
.tool-tip {
  position: relative;
}
#ie6 .tool-tip {
  z-index: 999;
}
#context-help,
#close-help {
  position: absolute;
}
#close-help {
  z-index: 1000;
}
#context-help {
  background: #fff;
  width: 275px;
  margin-bottom: 20px;
  border: 1px solid #999;
  overflow: hidden;
  z-index: 999;
  -webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5);
}
#context-help:focus {
  outline: none;
}
#help-title span {
  font-weight: normal;
}
#help-title {
  background: #f1f1f1;
  height: 35px;
  line-height: 35px;
  text-indent: 10px;
  border-top: 1px solid #fff;
}
#help-description {
  padding: 10px;
  font-weight: normal;
}
/*#content-body #content-tool-icons { position: absolute; right: 25px; top: -33px; /*margin:37px 30px 0 0;  }*/
/*#content-body #content-tool-icons a { display: inline; float: left; background: url(/Images/Sprites/sprite-dl-print-email.gif) left top no-repeat; width: 23px; height: 20px; overflow: hidden; text-indent: -9999px; }
        #content-body #content-tool-icons a:focus, #content-body #content-tool-icons a:hover { background: url(/Images/Sprites/sprite-dl-print-email-over.gif) left top no-repeat; }
            #content-body #content-tool-icons a.download,
            #content-body #content-tool-icons a:hover.download { background-position: 0 0; }
            #content-body #content-tool-icons a.print,
            #content-body #content-tool-icons a:hover.print { background-position: -24px top; }
            #content-body #content-tool-icons a.email,
            #content-body #content-tool-icons a:hover.email { background-position: -48px top; }*/
/* IE 6 */
#ie6 a#group-sites {
  position: relative;
  top: 10px;
}
/*#ie6 #tools { /*position:relative;  position: absolute; top: 0px; right: 0; }*/
#ie6 #mega-menu li.g {
  position: absolute;
}
#ie6 #mega-menu li .content .col {
  width: 160px;
}
#ie6 #mega-menu li .content .col li,
#ie7 #mega-menu li .content .col li {
  padding: 3px 0;
}
#ie6 #mega-menu li .content .first,
#ie7 #mega-menu li .content .first {
  padding-left: 10px;
}
#ie6 #mega-menu li .content .last {
  padding-right: 10px;
}
#ie6 #mega-menu li.g .content {
  right: -27px;
  margin-top: -8px;
}
#ie6 #questions div.hover-active {
  background: url("/Images/bg-accordion-opened-hover.gif") no-repeat scroll right top #F9F9F7;
}
#ie6 #questions div.hover {
  background: url("/Images/bg-accordion-closed-hover.gif") no-repeat scroll right top #F9F9F7;
}
#ie6 #btm {
  border-bottom: 60px solid #e8e6de;
}
#ie6 #legal {
  margin-bottom: 10px;
}
.mapButtons {
  font-size: 1.1em;
}
.mapBTN {
  display: inline-block;
  background-image: url(/Images/mapDirectionsBTN.png);
  padding-left: 10px;
  margin-top: 5px;
  letter-spacing: 1px;
  background-repeat: no-repeat;
}
.mapBTN button {
  background-color: transparent;
  padding: 4px;
  padding-right: 10px;
  color: #666666;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 9px;
  background-image: url(/Images/mapDirectionsBTN.png);
  background-position: right top;
  background-repeat: no-repeat;
}
.ie .mapBTN button {
  padding-top: 6px;
  padding-bottom: 6px;
}
.iwstyle .mapBTN,
.iwstyle .mapBTN button {
  background-image: url(/Images/mapDirectionsBTN_Red.png);
  color: #fff;
}
.mapBTN button {
  padding-top: 6px;
  padding-bottom: 6px;
}
.noData {
  border: solid 1px #000;
  display: inline-block;
  padding: 5px;
  background-color: #FFF;
}
.searchAddress h5 {
  font-size: 1.3em;
  margin: 13px 0 2px 0;
}
#divDetails .mapBTN {
  display: none;
}
#divAlertBox {
  text-align: center;
}
#divAlertBox a {
  background-image: url(/Images/mapDirectionsBTN_Red.png);
  color: #fff;
  padding-right: 10px;
  display: inline-block;
  margin-top: 5px;
  background-repeat: no-repeat;
  background-position: right top;
  text-transform: uppercase;
  font-size: 10px;
}
#divAlertBox a span {
  background-image: url(/Images/mapDirectionsBTN_Red.png);
  background-position: left top;
  padding: 5px 0px 5px 10px;
  display: inline-block;
}
.bigImage {
  position: relative;
}
.bigImage img {
  display: block;
  max-width: 745px;
}
.bigImage .bigImageOverlay {
  position: absolute;
  bottom: 20px;
  left: 0px;
  padding: 10px 10px;
  width: 500px;
  background-image: url(/Images/BigImageTextBG.png);
}
#mainContent-oneColumn #main .bigImage img {
  max-width: 745px;
  width: 745px;
  margin-top: 20px;
}
#mainContent-twoColumn #main .bigImage img {
  max-width: 520px;
  width: 520px;
  margin-top: 20px;
}
#mainContent-largeImage .bigImage img {
  max-width: 980px;
  width: 980px;
}
/* Contact Blurb*/
#content .contactBlurb {
  clear: both;
  width: 766px;
  border: 1px solid #CFCFCF;
  margin: 10px 0;
  background: transparent url('/Images/btn-dd-close.gif') no-repeat scroll right top;
  border-radius: 10px;
  box-shadow: 1px 1px 2px #cccccc;
  overflow: hidden;
}
#content .contactBlurb:hover {
  background: #f9f9f7 url('/Images/btn-dd-close-over.gif') no-repeat scroll right top;
}
#content .contactBlurb.active {
  background: #f9f9f7 url('/Images/btn-dd-open.gif') no-repeat scroll right top;
}
#content .contactBlurb.active:hover {
  background: #f9f9f7 url('/Images/btn-dd-open-over.gif') no-repeat scroll right top;
}
#content .contactBlurb.active div {
  display: block;
  background-image: none;
}
.contactBlurb div {
  display: none;
  overflow: hidden;
  margin: 0% 3% 0 1.5%;
  padding: 0 0 3% 0;
}
.contactBlurb h2 {
  height: 35px;
  line-height: 35px;
  margin: 0;
}
.contactBlurb h2 a,
.contactBlurb h2 a:link,
.contactBlurb h2 a:visited,
.contactBlurb h2 a:hover,
.contactBlurb h2 a:active {
  color: #515151;
  display: block;
  text-decoration: none;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  padding-left: 3%;
}
.contactBlurb ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.contactBlurb ul li {
  padding-top: 1em;
  font-size: 1.3em;
}
.contactBlurb ul li.alternating {
  padding-top: 1em;
  border-top: 1px solid #CCC;
  margin-top: 12px;
}
#content .contactBlurb ul li p {
  padding-top: 0;
}
#content .contactBlurb .descriptionText a,
#content .contactBlurb .descriptionText a:link,
#content .contactBlurb .descriptionText a:visited,
#content .contactBlurb .descriptionText a:hover,
#content .contactBlurb .descriptionText a:active {
  color: red;
}
/*Youtube module*/
.youtubeVLB {
  background-color: #eeede8;
  padding: 10px;
  text-align: center;
}
.youtubeVLB .videoTitle {
  display: block;
  color: #383735;
  text-decoration: underline;
  font-family: 'Scotiabank';
  margin-bottom: 5px;
}
.youtubeVLB .videoSubtitle {
  display: block;
  color: #ED2D23;
  text-transform: uppercase;
  font-family: 'ScotiabankBold';
  font-weight: 100;
  margin: 0px 5px 5px 5px;
}
.youtubeVLB img {
  width: 100%;
}
/*BugFix ID:404  Uls in "Split Collapsible Modules" fix */
#content #main .descriptionText ul {
  font-size: 0.8em;
  list-style-type: disc;
  padding-left: 25px;
  margin-top: -12px;
}
/* COMMON BUTTONS */
/*a.button, a.button:link, a.button:visited { padding: 4px 10px 4px 16px; cursor: pointer; color: #fff; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: 0px top; display: inline-block; *display: inline; zoom: 1; background-image: url(/Images/buttonBG.jpg); }
    a.button span { font-family: Arial,Helvetica,sans-serif; font-size: 16px; background-repeat: no-repeat; display: inline-block; *display: inline-block; zoom: 1; padding: 4px 13px 4px 0px; background-position: right 0px; }

    a.button:hover, a.button:active { background-position: 0 -36px; }
        a.button:hover span, a.button:active span { background-position: right -45px; }*/
.sdButton {
  padding: 4px 0px 4px 10px;
  background-image: url(/Images/redButtonBG.jpg);
  background-repeat: no-repeat;
  background-position: left 4px;
  background-color: #fff;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.sdButton span {
  padding: 6px 10px 6px 0px;
  background-image: url(/Images/redbuttonBG.jpg);
  background-position: right top;
  background-color: #fff;
  display: inline-block;
  *display: inline;
  zoom: 1;
  color: #fff;
  line-height: 1.5em;
  vertical-align: middle;
}
.sdButton:hover {
  background-position: left -32px;
}
.sdButton:hover span {
  background-position: right -36px;
}
.button {
  color: #fff;
  display: inline-block;
  border: 1px solid #bd0000;
  border-radius: 4px;
}
.button span {
  color: #fff;
  padding: 6px 13px 7px 13px;
  border-top: 1px solid #ffa5a5;
  display: block;
  background-color: #e51918;
  border-radius: 4px;
}
.button:hover {
  text-decoration: none;
}
.button:hover span {
  background-color: #f72f2f;
}
.button.back span:before {
  content: '\25C4';
  font-size: 8px;
  position: relative;
  left: -3px;
  top: -2px;
}
.button.next span:after {
  content: '\25BA';
  font-size: 8px;
  position: relative;
  right: -3px;
  top: -2px;
}
.button {
  behavior: url(/Scripts/PIE.htc);
}
.button.cta {
  color: #fff;
  display: inline-block;
  border: 1px solid #be7418;
  border-radius: 4px;
}
.button.cta span {
  color: #fff;
  padding: 6px 13px 7px 13px;
  border-top: 1px solid #f6dab7;
  display: block;
  background-color: #e8a249;
  border-radius: 4px;
}
.button.cta:hover {
  text-decoration: none;
}
.button.cta:hover span {
  background-color: #efa74e;
}
a.champagneBTN,
a.champagneBTN span {
  background-image: url(/Images/greyButton.png);
}
a.redBTN,
a.redBTN span {
  background-image: url(/Images/redButton.png);
}
.button.disabled,
.button.disabled:hover {
  font-size: 14px;
  cursor: default;
  color: #fff;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding-left: 12px;
  background-image: url(/Images/btn.jpg);
  background-position: left -80px;
  text-decoration: none;
  border: none;
}
.button.disabled span,
.button.disabled span:hover {
  display: block;
  padding: 9px 12px 7px 0px;
  background-image: url(/Images/btn.jpg);
  background-color: #fff;
  background-position: right -80px;
  text-decoration: none;
  border: none;
}
.linkSections {
  overflow: hidden;
}
/*BugFix ID:416  Changed width from 250 to 246*/
.linkSections section {
  float: left;
  width: 246px;
  zoom: 1;
}
#content .linkSections ul {
  list-style-type: none;
  padding: 0px;
  font-weight: 700;
}
/* CTA Box */
.roundedCtaBox {
  float: left;
  width: 310px;
  margin: -15px 0px 15px 11px;
  position: relative;
  z-index: 105;
}
.roundedCtaBox .top {
  height: 20px;
  background-repeat: no-repeat;
  border-right: 6px solid #0081ab;
}
.roundedCtaBox .content {
  padding: 0px 20px;
  border-left: 6px solid #0081ab;
  border-right: 6px solid #0081ab;
  height: 135px;
  background-color: #fff;
}
.roundedCtaBox .bottom {
  height: 20px;
  border-left: 6px solid #0081ab;
}
/*burgundy*/
.roundedCtaBox.ctaBurgundy .top {
  background-image: url(/Images/Sprites/roundedCtaBox.png);
  border-right-color: #a33038;
  background-position: left top;
}
.roundedCtaBox.ctaBurgundy .content {
  border-left-color: #a33038;
  border-right-color: #a33038;
}
.roundedCtaBox.ctaBurgundy .bottom {
  border-left-color: #a33038;
  background-image: url(/Images/Sprites/roundedCtaBox.png);
  background-position: right bottom;
}
/*orange*/
.roundedCtaBox.ctaOrange .top {
  background-image: url(/Images/Sprites/roundedCtaBox.png);
  border-right-color: #bf650f;
  background-position: left -30px;
}
.roundedCtaBox.ctaOrange .content {
  border-left-color: #bf650f;
  border-right-color: #bf650f;
}
.roundedCtaBox.ctaOrange .bottom {
  border-left-color: #bf650f;
  background-image: url(/Images/Sprites/roundedCtaBox.png);
  background-position: right -519px;
}
/*green*/
.roundedCtaBox.ctaGreen .top {
  background-image: url(/Images/Sprites/roundedCtaBox.png);
  border-right-color: #7e7a00;
  background-position: left -60px;
}
.roundedCtaBox.ctaGreen .content {
  border-left-color: #7e7a00;
  border-right-color: #7e7a00;
}
.roundedCtaBox.ctaGreen .bottom {
  border-left-color: #7e7a00;
  background-image: url(/Images/Sprites/roundedCtaBox.png);
  background-position: right -486px;
}
/*navy*/
.roundedCtaBox.ctaNavy .top {
  background-image: url(/Images/Sprites/roundedCtaBox.png);
  border-right-color: #104181;
  background-position: left -90px;
}
.roundedCtaBox.ctaNavy .content {
  border-left-color: #104181;
  border-right-color: #104181;
}
.roundedCtaBox.ctaNavy .bottom {
  border-left-color: #104181;
  background-image: url(/Images/Sprites/roundedCtaBox.png);
  background-position: right -453px;
}
/*blue*/
.roundedCtaBox.ctaBlue .top {
  background-image: url(/Images/Sprites/roundedCtaBox.png);
  border-right-color: #0081ab;
  background-position: left -120px;
}
.roundedCtaBox.ctaBlue .content {
  border-left-color: #0081ab;
  border-right-color: #0081ab;
}
.roundedCtaBox.ctaBlue .bottom {
  border-left-color: #0081ab;
  background-image: url(/Images/Sprites/roundedCtaBox.png);
  background-position: right -420px;
}
/*pink*/
.roundedCtaBox.ctaPink .top {
  background-image: url(/Images/Sprites/roundedCtaBox.png);
  border-right-color: #d1005d;
  background-position: left -152px;
}
.roundedCtaBox.ctaPink .content {
  border-left-color: #d1005d;
  border-right-color: #d1005d;
}
.roundedCtaBox.ctaPink .bottom {
  border-left-color: #d1005d;
  background-image: url(/Images/Sprites/roundedCtaBox.png);
  background-position: right -386px;
}
/*purple*/
.roundedCtaBox.ctaPurple .top {
  background-image: url(/Images/Sprites/roundedCtaBox.png);
  border-right-color: #a74dc3;
  background-position: left -188px;
}
.roundedCtaBox.ctaPurple .content {
  border-left-color: #a74dc3;
  border-right-color: #a74dc3;
}
.roundedCtaBox.ctaPurple .bottom {
  border-left-color: #a74dc3;
  background-image: url(/Images/Sprites/roundedCtaBox.png);
  background-position: right -354px;
}
/*yellow*/
.roundedCtaBox.ctaYellow .top {
  background-image: url(/Images/Sprites/roundedCtaBox.png);
  border-right-color: #e3a324;
  background-position: left -220px;
}
.roundedCtaBox.ctaYellow .content {
  border-left-color: #e3a324;
  border-right-color: #e3a324;
}
.roundedCtaBox.ctaYellow .bottom {
  border-left-color: #e3a324;
  background-image: url(/Images/Sprites/roundedCtaBox.png);
  background-position: right -321px;
}
.content {
  overflow: hidden;
}
.content h2 {
  font-size: 1.2em;
  margin-bottom: 7px;
}
.content ul {
  list-style-type: none;
}
.content ul li {
  margin: 5px 0;
  font-size: 0.9em;
}
.roundedCtaBox.ctaBlue .content h2 {
  color: #0081ab;
}
.roundedCtaBox.ctaPink .content h2 {
  color: #d1005d;
}
.roundedCtaBox.ctaGreen .content h2 {
  color: #7e7a00;
}
.roundedCtaBox.ctaPurple .content h2 {
  color: #a74dc3;
}
.roundedCtaBox.ctaNavy .content h2 {
  color: #104181;
}
.roundedCtaBox.ctaOrange .content h2 {
  color: #bf650f;
}
.roundedCtaBox.ctaBurgundy .content h2 {
  color: #a33038;
}
/***********************************
TILES
************************************/
.infoTiles {
  padding: 10px 10px 0px 24px;
  font-size: 0.7em;
}
.infoTiles .tiles {
  list-style-type: none;
  padding: 0px;
  margin: -48px 0 0;
  overflow: hidden;
}
.infoTiles .tiles .tile {
  position: relative;
  z-index: 102;
  border: 1px solid #CCC;
  width: 236px;
  height: 239px;
  float: left;
  margin: 0 2%;
  background-color: #fff;
  font-size: 1.2em;
}
.infoTiles .tiles .tile .button {
  position: absolute;
  bottom: 15px;
  left: 15px;
  display: inline-block;
  color: #fff;
  background-color: #ee2f32;
  border: 1px solid #e02226;
  padding: 5px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.infoTiles a.button span {
  padding: 0px 0px 0px 0px;
}
#content .infoTiles {
  width: 760px;
  margin-left: -25px;
}
/*BugFix for tile uls being shifted too far right*/
#content #main .tiles ul {
  padding-left: 0;
}
#content #main .infoTiles .tiles {
  padding-left: 0;
}
#content #box {
  position: relative;
  background-color: #F5F5F5;
  border: 1px solid #E3E3E3;
  box-shadow: 1px 1px 0 #CCCCCC;
  float: left;
  width: 770px;
  margin-bottom: 20px;
}
#content .infoTiles .tiles {
  position: relative;
  background-color: #eeede8;
  width: 100%;
  margin: 0px 0 20px 0;
  box-shadow: 1px 1px 0 #CCCCCC;
  padding-bottom: 10px;
}
#ie6 #content .tiles {
  margin: 20px 0 20px 0;
}
#content .infoTiles .tiles .tile {
  display: inline;
  float: left;
  margin: 10px 0 0 10px;
  border: 2px solid #fff;
  overflow: hidden;
}
#content .infoTiles .tiles .tile:hover {
  border: 2px solid #D81E05;
}
#content .infoTiles .tiles .tile:hover a.quickFlipCta span {
  color: #fff;
}
#content .infoTiles .tile .innerContent article {
  margin: 10px 20px;
}
#content .infoTiles .front .tile {
  padding-left: 15px;
}
#content .infoTiles .tiles .tile ul {
  list-style-type: none;
  padding-left: 0.5em;
}
#content .infoTiles .tiles .tile li {
  padding-left: 14px;
  background-image: url(/Images/checkmark-small.gif);
  background-repeat: no-repeat;
  background-position: left 3px;
}
#content .infoTiles .tiles .grey {
  background-color: transparent;
  border: 1px solid #eeede8;
  font-size: 1.15em;
}
#content .infoTiles .tiles .grey article {
  padding: 0px 10px;
}
#content .staticInfoTiles {
  padding: 0px 15px 15px 0px;
  background-color: #f0eee9;
  margin-bottom: 15px;
  margin-left: -15px;
  width: 745px;
  font-size: 0.7em;
}
#content .staticInfoTiles #tileHeader {
  margin: 0 15px;
  padding-top: 2px;
  font-size: 1.4em;
}
#ie6 #content .staticInfoTiles #tileHeader {
  margin-left: 35px;
}
#content .staticInfoTiles #tileHeader h1 {
  font-size: 1.6em;
  margin-top: 15px;
}
#content .staticInfoTiles .tiles {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
#content .staticInfoTiles .tiles li {
  position: relative;
  padding: 0px;
  margin: 0px;
  width: 203px;
  height: 200px;
  float: left;
  margin: 15px 0px 0px 15px;
  background-color: #fff;
  padding: 10px 15px;
}
#ie6 #content .staticInfoTiles .tiles li {
  margin-top: -5px;
}
#content .staticInfoTiles .tiles li p {
  font-size: 1.2em !important;
}
#content .staticInfoTiles .tiles li .button {
  position: absolute;
  bottom: 15px;
  left: 15px;
  display: inline-block;
  color: #fff;
  background-color: #ee2f32;
  border: 1px solid #e02226;
  padding: 5px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#content .staticInfoTiles .tiles li.graphical {
  padding: 0px;
  width: 235px;
  height: 232px;
}
#content .staticInfoTiles .tiles li.graphical a {
  display: block;
  width: 100%;
  height: 100%;
}
#content .staticInfoTiles .tiles li.graphical img {
  width: 100%;
  display: block;
}
#content .staticInfoTiles a.button span {
  padding: 0px 0px 0px 0px;
}
#content .staticInfoTiles .tiles li.grey {
  background-color: transparent;
  font-size: 1.15em;
}
#content .staticInfoTiles .tiles li .red-btn {
  position: absolute;
  bottom: 15px;
  left: 15px;
}
#content .staticInfoTiles h2 {
  *font-size: 1.5em;
}
.red-btn {
  font-size: 12px;
  color: #fff;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding-left: 7px;
  padding-right: 0px;
  background-image: url(/Images/red-btn.png);
}
.red-btn span {
  display: block;
  padding: 5px 7px 5px 0px;
  background-image: url(/Images/red-btn.png);
  background-position: right top;
  background-color: #fff;
}
#ie9 .red-btn span {
  padding: 6px 7px 6px 0px;
}
.red-btn:hover {
  background-position: left -28px;
}
.red-btn:hover span {
  background-position: right -28px;
}
#content .tiles .tile .red-btn {
  position: absolute;
  margin: 10px 0 10px 20px;
}
#content .tile .red-btn {
  bottom: 2px;
  font-weight: bold;
  left: 0px;
  text-align: center;
}
#content .tiles .tile h2 {
  font-size: 2em;
  font-weight: normal;
  margin: 0.5em 15px 0.05em 15px;
  line-height: 1em;
  padding: 0px;
  width: 206px;
}
#content .tiles .tile h2 a {
  color: #515151;
  text-decoration: none;
}
#content .tiles .tile h3 {
  font-size: 1.4em;
  color: #7b7b7b;
  margin-left: 20px;
}
#content .tiles .tile h2 sup {
  font-size: 0.4em;
  line-height: 0.4em;
  margin-left: 20px;
}
#content .tiles .tile h3 sup {
  font-size: 0.6em;
  line-height: 0.6em;
}
.fourbyfour {
  float: left;
  width: 51em;
}
#ie7 .fourbyfour,
#ie8 .fourbyfour,
#ie9 .fourbyfour {
  float: left;
  width: 51.5em;
  overflow: hidden;
}
#content .tiles .two-row {
  border-width: 2px;
  width: 24em;
  height: 49.5em;
}
#content .tile a.quickFlipCta {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 99;
  color: #fff;
}
#content .front a.quickFlipCta {
  position: absolute;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
  text-indent: -9999px;
  z-index: 99;
}
#content .tile a.quickFlipCta span {
  position: absolute;
  bottom: 7px;
  left: 36px;
  display: block;
  color: #fff;
}
#content .front a.quickFlipCta span {
  right: 15px;
  text-align: right;
  left: inherit;
  color: #999;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 32px;
  *left: 20px;
}
#content .front a.quickFlipCta:hover span {
  color: #fff;
}
#content .front a.quickFlipCta {
  display: block;
  background: url(/Images/Sprites/btn-dogear-front.gif) 0 0 no-repeat;
  width: 70px;
  height: 70px;
  overflow: hidden;
}
#content .tiles .tile .front a.quickFlipCta:hover {
  display: block;
  background: url(/Images/Sprites/btn-dogear-front.gif) 0 -140px no-repeat;
  width: 70px;
  height: 70px;
  overflow: hidden;
}
#content .front:hover a.quickFlipCta {
  background: transparent url(/Images/Sprites/btn-dogear-front.gif) right -70px no-repeat;
}
#content .back a.quickFlipCta {
  background: url(/Images/Sprites/btn-dogear-back.gif) 0 0 no-repeat;
  overflow: hidden;
  bottom: 0px;
  cursor: pointer;
  position: absolute;
  right: 0px;
  width: 70px;
  height: 70px;
  z-index: 99;
}
#content .back a.quickFlipCta span {
  color: #fff;
}
#content .back a.quickFlipCta:hover {
  background: url(/Images/Sprites/btn-dogear-back.gif) 0 -70px no-repeat;
  width: 70px;
  height: 70px;
}
#content .tiles .tile .front {
  background-color: #fff;
}
#content .noFlip {
  position: relative;
}
#content .tile .back {
  background-color: #D81E05;
  padding: 3px;
  border: 1px solid #D81E05;
  height: 238px;
}
#content .tile .back .innerContent {
  background: #fff;
  position: absolute;
  bottom: 4px;
  width: 228px;
  height: 155px;
  left: 2px;
}
#content .tile .back .tileContentPadding {
  margin: 2px;
}
#content .tiles .tile .back .title {
  height: 81px;
  margin: 0px;
  background: none;
}
#content .tiles .tile .back h2 a,
#content .tiles .tile .back h3 {
  color: #fff;
}
#content #creditcards .tile img {
  display: block;
  padding-left: 20px;
  position: absolute;
  top: 97px;
}
#content .back h2,
#content .back h3 {
  color: #fff;
}
/* FF WEB FONT FIX */
/*@-moz-document url-prefix() { .wf-loading .frutiger;

{ visibility: hidden; }
}*/
/*PROPERTY*/
#ie6 #propertySideBar {
  float: right;
  width: 160px;
  display: inline;
  zoom: 1;
}
#propertySideBar {
  float: right;
  display: block;
  margin: 61px 27px 0 0;
  padding: 0;
  width: 165px;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  list-style-type: none;
}
#propertySideBar h3 {
  padding: 5px 10px;
  color: #D81E05;
}
#propertySideBar li {
  margin: 0;
  padding: 5px 10px;
  display: block;
  border-bottom: 1px solid #d4d4d4;
}
#propertySideBar li a {
  color: #666;
  cursor: pointer;
}
#propertySideBar li:nth-child(even) {
  background-color: #f4f4f4;
}
#propertyDetails {
  width: 540px;
  float: left;
  margin-bottom: 40px;
  font-size: 0.9em;
}
#propertyDetails .featuredProperty {
  margin: 20px 0;
  padding: 20px;
  background-color: #f6f6f6;
}
#propertyDetails .featuredProperty h4 {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 100;
}
#propertyDetails .featuredProperty article {
  overflow: hidden;
  margin-top: 20px;
  width: 500px;
}
#propertyDetails .featuredProperty p {
  font-style: normal;
  clear: both;
}
#propertyDetails .featuredProperty article img {
  float: left;
  width: 165px;
  border: 1px solid #d8d8d8;
}
#propertyDetails .featuredProperty article ul {
  float: right;
  width: 300px;
  display: block;
  padding: 0;
  list-style-type: none;
}
#propertyDetails .featuredProperty article ul li {
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 5px;
  border-bottom: 1px solid #e8e8e8;
  font-weight: 700;
  text-align: left;
}
#propertyDetails .featuredProperty article ul li em {
  font-style: normal;
  text-align: right;
  float: right;
  font-weight: 100;
  margin-right: 20px;
  *display: inline-block;
  display: inline;
  zoom: 1;
  *margin-top: -15px;
  *padding-top: -15px;
}
#propertyDetails .featuredProperty article ul li span {
  float: left;
}
#propertyDetails #listingGallery {
  *margin-bottom: 30px;
}
#propertyDetails #listingGallery .return {
  display: block;
  text-align: left;
}
#propertyDetails #listingGallery a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 20px 15px 0 0px;
  cursor: pointer;
  text-align: center;
  vertical-align: top;
  font-size: 1.3em;
}
#propertyDetails #listingGallery a:nth-child(5) {
  margin-right: 0px;
}
#propertyDetails #listingGallery a:nth-child(10) {
  margin-right: 0px;
}
#propertyDetails #listingGallery header {
  border-bottom: 1px solid #bcbcbc;
}
#propertyDetails #listingGallery header h2 {
  padding-bottom: 5px;
  font-weight: 100;
}
#ie6 #propertyListings .search {
  border: 1px solid red;
  outline: none;
  margin: 0;
  background-image: url(/Images/buttonBG.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  border: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 80px;
  height: 32px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}
#ie6 #propertyListings .search:hover {
  background-position: bottom center;
}
#ie6 #propertyListings {
  width: 540px;
  display: inline;
  zoom: 1;
}
#propertyListings {
  width: 540px;
  float: left;
  margin-bottom: 30px;
}
#propertyListings h2 {
  margin-top: 20px;
}
#propertyListings input[type=submit] {
  margin: 0;
  background-image: url(/Images/buttonBG.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  border: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 80px;
  height: 32px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}
#propertyListings input[type=submit]:hover {
  background-position: bottom center;
}
#propertyListings a span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 15px;
}
#propertyListings #propertySearch {
  background-color: #f6f6f6;
}
#propertyListings #propertySearch article {
  padding: 10px 50px 10px 10px;
  margin: 20px 0;
}
#propertyListings #propertySearch label {
  display: block;
  text-align: right;
  margin: 5px 0;
}
#propertyListings #propertySearch label select {
  width: 300px;
  position: relative;
  z-index: 1;
}
#propertyListings #propertyResults {
  margin: 20px 0;
  overflow: hidden;
}
#propertyListings #propertyResults .paging {
  text-align: center;
  margin-top: 20px;
}
#propertyListings #propertyResults .paging a {
  font-weight: 700;
  font-size: 14px;
  color: #666;
}
#propertyListings #propertyResults .paging a:hover {
  color: #D81E05;
}
#propertyListings #propertyResults aside {
  margin: 0 20px;
  display: block;
}
#propertyListings #propertyResults aside a {
  color: #D81E05;
  background-image: none;
  font-size: 12px;
}
#propertyListings #propertyResults aside em {
  font-weight: 700;
  font-style: normal;
}
#propertyListings #propertyResults aside p {
  padding-top: 5px;
}
#propertyListings #propertyResults header {
  overflow: hidden;
  border-bottom: 1px solid #bcbcbc;
}
#propertyListings #propertyResults span {
  margin: 15px;
  display: block;
}
#propertyListings #propertyResults header h2 {
  padding-bottom: 5px;
  font-weight: 100;
  font-size: 16px;
  width: 200px;
}
#propertyListings #propertyResults header a {
  float: right;
  color: #666;
  background-image: none;
  width: auto;
  font-size: 12px;
  cursor: pointer;
  width: 200px;
  *display: inline;
  *zoom: 1;
  *margin-top: -22px;
}
#propertyListings #propertyResults header a:hover {
  color: #D81E05;
  text-decoration: none;
}
#propertyListings #propertyResults ul li.greyBG {
  background-color: #f6f6f6;
}
#propertyListings #propertyResults article {
  margin: 20px;
  overflow: hidden;
}
#propertyListings #propertyResults article img {
  float: left;
  width: 165px;
  border: 1px solid #d8d8d8;
}
#propertyListings #propertyResults article ul {
  float: right;
  width: 300px;
}
#propertyListings #propertyResults article ul li {
  overflow: hidden;
  padding: 5px;
  border-bottom: 1px solid #e8e8e8;
  font-weight: 700;
  text-align: left;
  list-style-type: none;
}
#propertyListings #propertyResults article ul li em {
  font-style: normal;
  text-align: right;
  font-weight: 100;
  margin-right: 5px;
  float: right;
  max-width: 150px;
}
#ie6 #propertyListings #propertyResults article {
  margin: 20px 10px 10px 10px;
  float: left;
  width: 500px;
}
#ie6 #propertyListings #propertyResults article img {
  display: inline;
  zoom: 1;
  width: 160px;
  float: left;
}
#ie6 #propertyListings #propertyResults article ul {
  display: inline;
  zoom: 1;
  margin-top: 13px;
}
#ie6 #propertyListings #propertyResults article ul li em {
  margin-top: -20px;
}
#propertySlider {
  text-align: center;
}
#propertySlider .slideShow {
  text-align: center;
  display: inline-block;
  position: relative;
  margin-top: 0;
  *display: inline;
  zoom: 1;
}
#propertySlider .slideShow div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 auto;
  position: relative;
}
#propertySlider .slideShow div img {
  margin: 20px;
  border: 10px solid #fff;
  max-width: 100%;
}
#propertySlider .slideShow #btnPrev {
  position: absolute;
  left: -45px;
  top: 45%;
  z-index: 50;
  display: inline-block;
  width: 52px;
  height: 53px;
  background-image: url(/Images/btnPrev.png);
  background-repeat: no-repeat;
  background-position: right;
}
#propertySlider .slideShow #btnPrev:hover {
  background-position: left;
}
#propertySlider .slideShow #btnNext {
  position: absolute;
  right: -45px;
  top: 45%;
  z-index: 50;
  display: inline-block;
  width: 52px;
  height: 53px;
  background-image: url(/Images/btnNext.png);
  background-repeat: no-repeat;
  background-position: right;
}
#propertySlider .slideShow #btnNext:hover {
  background-position: left;
}
#MobileSlideShow {
  display: none;
}
#propertySlider ul {
  padding: 0;
  margin: 0;
  margin-top: -10px;
  margin-left: -10px;
}
#propertySlider ul li {
  padding: 0;
  margin: 0;
  display: inline;
  list-style-type: none;
}
#ie6 html,
body {
  height: 100%;
}
#propertySlider ul {
  padding: 0;
  margin: 0;
  margin-top: -10px;
  margin-left: -10px;
}
#propertySlider ul li {
  padding: 0;
  margin: 0;
  display: inline;
  list-style-type: none;
}
#ie6 html,
body {
  height: 100%;
}
#ie6 *html .lightBox.show,
#ie6 *body .lightBox.show {
  height: 100% !important;
}
#ie6 *html .lightBox,
#ie6 *body .lightBox {
  height: 100% !important;
}
#ie6 #lightBox {
  height: 100% !important;
}
.lightBox,
#lightBox {
  display: none;
  z-index: 9999;
  width: 100%;
  height: 100%;
  position: fixed !important;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  background-image: url(/Images/LightBoxBG.png);
  background-repeat: repeat;
}
.lightBox.show,
#lightBox.show {
  display: block;
  height: 100%;
}
.lightBox .wrapper,
#lightBox .wrapper {
  position: relative;
  background-color: #fff;
  border: 2px solid #666;
  width: 580px;
  height: 380px;
  margin: 100px auto;
  padding: 10px;
  overflow: hidden;
  z-index: 10000;
}
#propertySlider .slideShow div .close {
  position: absolute;
  right: 12px;
  top: 13px;
  z-index: 60;
  background-image: url(/Images/Close.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 20px;
  height: 20px;
}
#lightBox.youtubeVideo .wrapper {
  width: 640px;
  margin-top: 142px;
  background-color: #404040;
  border-color: #404040;
  padding: 25px;
}
#lightBox .close {
  width: 14px;
  height: 14px;
  display: block;
  zoom: 1;
  position: absolute;
  top: 10px;
  right: 10px;
  background-image: url(/Images/closeIframe.png);
  background-repeat: no-repeat;
  background-position: left top;
  z-index: 9999;
}
#lightBox .close:hover {
  background-position: right top;
}
#propertySlider .slideShow div .close {
  position: absolute;
  right: 12px;
  top: 13px;
  z-index: 60;
  background-image: url(/Images/close.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 20px;
  height: 20px;
}
/*TABS
--------------------*/
.Tabbed {
  padding: 20px;
  line-height: 1.4em;
}
.Tabbed .Tabs,
.Tabbed .Tabs li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.Tabbed .Tabs li.Selected {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.Tabbed .Tabs li {
  background-color: #F1F1F1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: 1px solid #f1f1f1;
  border-bottom-color: #e4e4e4;
  margin: 0 5px -1px 0;
  position: relative;
}
#ie6 .Tabbed .Tabs li {
  border-bottom-color: #f1f1f1;
}
.Tabbed .Tabs a {
  padding: 0px 10px;
  color: #D81E05;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 37px;
  height: 37px;
  font-size: 16px;
}
.Tabbed .Tabs li.Selected {
  background-color: #FFF;
  border: 1px solid #e4e4e4;
  border-bottom-color: #FFF;
}
.Tabbed .Tabs li.Selected a {
  color: #666666;
  font-weight: bold;
}
.TabsContent {
  border: 1px solid #e4e4e4;
  background-color: #F1F1F1;
  margin-bottom: 20px;
  font-size: 0.9em;
}
.TabsContent li.content {
  background-color: #F9F9F7;
  display: none;
  padding: 20px;
  font-size: 1.13em;
}
.TabsContent li.Selected {
  display: block;
}
ul.TabsContent {
  padding: 0 !important;
}
/*BugFix 0000371*/
#content .TabsContent .content ul {
  padding-left: 1em;
  list-style-type: none;
  font-size: 1.2em;
  margin-bottom: 10px;
}
#content .TabsContent .content ul li {
  margin-top: 8px;
  padding-left: 18px;
  background: url(//cdn.aglty.io/scotiabank-el-salvador/images/icn-red-check-mark.png) no-repeat left 1px;
}
/*BugFix ID:407  text within lists was being displayed to large. Set to 0.7em*/
#content .TabsContent .content ul ul li {
  font-size: 0.8em;
}
#content .TabsContent .content ul ol li {
  font-size: 0.9em;
}
#content .TabsContent .content ol ul li {
  font-size: 0.9em;
}
#content .TabsContent .content ol ol li {
  font-size: 0.9em;
}
#content .TabsContent li.content ol {
  font-size: 1em;
  margin-bottom: 10px;
}
/*BuxFix ID:408 Remove checkmarks from being dispalyed along with numbers in ol. Remove padding to properly align text*/
#content .TabsContent li.content ol li {
  padding-left: 0;
  margin-top: 8px;
  background-image: none;
}
/*BugFix where tab content was shifted too far right*/
#content #main .TabsContent {
  padding-left: 0;
}
.Tabbed h2 {
  font-size: 1.5em;
}
.TabsContent ol {
  margin-bottom: 0;
}
.ratesToApply {
  border: 4px solid #aeaeae;
  border-left: none;
  border-right: none;
  overflow: hidden;
  margin-top: 20px;
  zoom: 1;
}
.ratesToApply header {
  width: 230px;
  float: left;
  padding: 10px 15px 10px 0;
  zoom: 1;
}
.ratesToApply h2 {
  font-size: 1.3em;
}
.ratesToApply article {
  width: 500px;
  float: left;
  zoom: 1;
}
.ratesToApply ul {
  list-style-type: none;
  color: #666;
}
.ratesToApply li {
  padding: 10px 140px 10px 0;
  position: relative;
  zoom: 1;
}
.ratesToApply h4 {
  margin: 0px;
  padding: 0px;
  font-size: 1.154em;
}
.ratesToApply li.first {
  border-bottom: 1px solid #ccc;
}
#content .ratesToApply p {
  margin: 0px;
  padding: 0px;
}
.ratesToApply a {
  display: block;
  position: absolute;
  right: 0px;
  bottom: 20px;
}
.atAGlance {
  font-size: 0.95em;
}
#content .atAGlance ul {
  list-style-type: none;
  padding: 0px;
  margin: 10px 0 0 0;
  overflow: hidden;
  zoom: 1;
}
#content .atAGlance li {
  padding: 0px;
  margin: 0px;
  background-image: none;
  border-right: 1px solid #ccc;
  width: 30%;
  float: left;
  margin-right: 1%;
  padding-left: 1%;
  font-weight: 700;
  position: relative;
  min-height: 50px;
}
#content .atAGlance li.last {
  border: none;
}
#content .atAGlance li:last-child {
  border-right: none;
}
#content .atAGlance em {
  font-size: 3em;
  font-style: normal;
  letter-spacing: -1px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#content .atAGlance span {
  display: inline-block;
  width: 100px;
  padding-left: 6px;
  vertical-align: top;
}
#content .atAGlance sup {
  height: 0;
  font-size: 0.6em;
  vertical-align: top;
  _vertical-align: top;
  position: relative;
}
.referralForm {
  overflow: hidden;
  font-size: 1.2em;
  margin-top: 15px;
  padding: 10px 20px 20px 20px;
  width: 700px;
}
.referralForm h3 {
  margin-bottom: 10px;
}
.referralForm label {
  display: block;
  width: 305px;
  float: Left;
  text-align: right;
  padding-right: 20px;
  margin: 10px 0 0 0;
  position: relative;
  font-size: 0.8em;
}
.referralForm label .validation {
  position: absolute;
  right: 0px;
  top: 5px;
}
.referralForm label input[type=text] {
  width: 170px;
}
.referralForm label select {
  width: 173px;
}
.referredData {
  background-color: #f9f9f7;
  border: 1px solid #e3e3e3;
  position: relative;
  overflow: hidden;
}
.referredData .delete {
  position: absolute;
  padding-right: 15px;
  top: 10px;
  right: 15px;
  text-decoration: underline;
  background-image: url(/Images/deleteIcon.jpg);
  background-repeat: no-repeat;
  background-position: right 2px;
}
#addRefference {
  margin-top: 15px;
}
.submitReference {
  margin-top: 15px;
  *margin-top: -25px;
  float: right;
}
.cal header {
  overflow: hidden;
  text-align: center;
  background-color: #c9c9c9;
  border: 1px solid #c9c9c9;
  padding: 15px;
  color: #fff;
}
.cal header a {
  background-image: url(/Images/calBTN.jpg);
  text-indent: -900px;
  overflow: hidden;
  display: block;
  width: 26px;
  height: 26px;
  top: 11px;
}
.cal .next {
  position: absolute;
  right: 10px;
  background-position: right top;
}
.cal .prev {
  position: absolute;
  left: 10px;
  background-position: left top;
}
.cal .next:hover {
  background-position: right bottom;
}
.cal .prev:hover {
  background-position: left bottom;
}
.cal table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 5px;
}
.cal table .week {
  background-color: #a6a6a6;
}
.cal table .week th {
  color: #fff;
  font-weight: 100;
  font-size: 10px;
  text-transform: uppercase;
}
.cal table tr {
  text-align: center;
}
.cal table tr td {
  border: 1px solid #dcdcdc;
  color: #28363d;
  padding: 10px;
  font-weight: 700;
  background-repeat: no-repeat;
  background-position: center 25px;
  font-size: 11px;
}
.cal table tr td.loaded {
  background-image: url(/Images/Mobile/dots.png);
}
.cal table tr td.selected {
  color: #fff;
  background-color: #28363d;
  background-position: center -13px;
}
.cal table .days {
  background-color: #f5f5f5;
}
.cal table tr td.otherMonth {
  color: #a9b0b6;
  background-position: center -68px;
}
/*BugFix
    Tab had whitespace*/
#content .Tabbed ul.Tabs {
  margin-bottom: 0px;
  padding-left: 0px;
}
#trademark {
  width: 420px;
  height: 46px;
}
#ie6 #trademark {
  top: -20px;
  display: block;
  position: relative;
  margin-bottom: -20px;
}
.socialMedia {
  float: left;
  display: inline;
  list-style-type: none;
  clear: none;
  width: 183px;
  padding-left: 30px;
  position: relative;
}
.socialMedia li {
  float: left;
  display: inline;
}
.footerBottomLink {
  float: right;
  clear: none;
  margin-top: -35px;
  padding-right: 67px;
  font-size: 12px;
  font-weight: normal;
}
.follow {
  font-size: 1.2em;
  padding: 8px 10px 4px 0;
  font-weight: 700;
}
.facebook,
.twitter {
  padding-right: 10px;
}
/*THEME
-----------------------------*/
body {
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.small {
  font-size: 12px !important;
}
.normal {
  font-size: 14px !important;
}
.lrg {
  font-size: 1.3em !important;
}
.x-lrg {
  font-size: 1.4em !important;
}
.pink {
  color: #E53985 !important;
}
.blue {
  color: #00A3E5 !important;
}
.red {
  color: #D81E05 !important;
}
.purple {
  color: #925FB0 !important;
}
.orange {
  color: #F87700 !important;
}
.green {
  color: #7F7F00 !important;
}
/***********************Latinlingua Requested Additions***************************/
/*********************************************************************************/
/*********************************************************************************/
.productDetailsTop {
  list-style-type: none;
  font-size: 1.2em;
  color: #666;
  padding-left: 10px;
  margin-top: 4px;
}
.productDetailsTop li {
  padding: 4px 0 4px 25px;
  background-image: url(/Images/bg-circle-check.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  font-size: 0.9em;
}
.contactTile {
  list-style-type: none;
  padding: 0 0 15px 0;
  margin: 0px;
  overflow: hidden;
  width: 760px;
  border-bottom: 2px solid #e3e3e3;
}
.contactTile li {
  padding: 0px;
  margin: 0 9px 0 0;
  width: 200px;
  height: 130px;
  padding: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-bottom: 2px solid #cccccc;
  border-right: 2px solid #cccccc;
  float: left;
}
.contactTile .title {
  font-size: 35px;
  font-weight: 100;
}
.contactTile .article {
  padding-left: 35px;
  position: relative;
  font-size: 1.2em;
  margin-top: 5px;
}
.contactTile img {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  border: none;
}
#ie6 .contactTile img {
  left: -35px;
}
/* Generic table */
table.default {
  font-size: 1.2em;
  border: 1px solid #ccc;
  border-top: 3px solid #adada7;
  padding: 0;
  border-collapse: collapse;
  margin-top: 1.5em;
  width: 100%;
  margin-bottom: 1em;
  background-color: #FFF;
}
table.default tbody {
  padding: 0;
}
table.default tr.odd th,
table.default tr.odd td {
  background-color: #f5f5f5;
}
table.default th {
  font-size: 1.1em;
  text-align: left;
  padding: 0.5em;
  padding-left: 1em;
  border-width: 0 1px;
  border-style: solid;
  border-color: #ccc;
  border-bottom: 3px solid #ccc;
}
table.default td {
  padding: 1em;
  border-width: 0 1px;
  border-style: solid;
  border-color: #ccc;
}
table.default td.headerRow {
  font-size: 1.1em;
  font-weight: bold;
  border: 1px solid #ccc;
  border-top: 3px solid #ccc;
}
table.default a {
  font-weight: bold;
}
/* Comisiones tab */
.comisiones table {
  font-size: 1em;
}
.comisiones p {
  font-size: 1em;
}
.comisiones h2 {
  font-size: 1.4em;
}
#content.interstitial {
  background-image: none;
  border: none;
}
.interstitialMessage {
  border: 7px solid #eeeeee;
  padding: 20px;
  width: 500px;
  margin: 10px auto;
  text-align: center;
}
.interstitialMessage article {
  text-align: left;
  margin-bottom: 15px;
}
/*BugFix  0000355
uls didn't align with content*/
#content #main ul {
  padding-left: 17px;
}
#content #main .linkSections ul {
  padding-left: 0px;
}
/*404 Error page*/
.error404 {
  overflow: hidden;
  padding: 20px;
}
.error404 ul {
  list-style-image: url("//sb-agility-ugc-bfn.s3.amazonaws.com/Styles/img/arrow.gif");
  margin-left: 20px;
  font-size: 1.2em;
  padding-left: 10px;
}
.error404 .left {
  width: 50%;
  float: left;
}
.error404 .right {
  width: 50%;
  float: left;
}
.error404 #pageName {
  padding: 4px 0px;
  font-weight: normal;
  font-size: 25px;
  border-bottom: 1px solid #DDDDDD;
  color: #666666;
}
/*******************************************************************************************************************************************************************************
GANA GANA 2015
********************************************************************************************************************************************************************************/
#mainContent-largeImage .ganaGanaNav {
  list-style: none;
  margin: 10px 0px 0px 0px;
  padding: 0 0 5px 0;
  font-size: 0px;
}
.ganaGanaNav li {
  display: inline-block;
  margin: 0 0 0 15px;
  box-sizing: border-box;
  border-radius: 10px 0 10px 0;
  min-width: 156px;
  text-align: center;
  behavior: url(/Scripts/PIE.htc);
  position: relative;
}
.ganaGanaNav css3-container:first-child + li,
.ganaGanaNav li:first-child {
  margin-left: 0;
}
.ganaGanaNav li:after {
  content: ' ';
  display: block;
  border: none;
  width: 95%;
  position: absolute;
  bottom: -7px;
}
.ganaGanaNav li.amber {
  background: #d18316;
}
.ganaGanaNav li.amber:hover {
  background: #e0ac63;
  background: rgba(209, 131, 22, 0.75);
}
.ganaGanaNav li.pear {
  background: #8d8b00;
}
.ganaGanaNav li.pear:hover {
  background: #afae4c;
  background: rgba(141, 139, 0, 0.75);
}
.ganaGanaNav li.amethyst {
  background: #9050a8;
}
.ganaGanaNav li.amethyst:hover {
  background: #ac7cbe;
  background: rgba(144, 80, 168, 0.75);
}
.ganaGanaNav li.raspberry {
  background: #e20177;
}
.ganaGanaNav li.raspberry:hover {
  background: #eb4da0;
  background: rgba(226, 1, 119, 0.75);
}
.ganaGanaNav li.sapphire {
  background: #003479;
}
.ganaGanaNav li.sapphire:hover {
  background: #597ba8;
  background: rgba(0, 52, 121, 0.75);
}
.ganaGanaNav li a {
  color: #fff;
  padding: 12px 34px;
  font-size: 13px;
  font-weight: 700;
  display: block;
}
.ganaGanaNav li a:hover {
  text-decoration: none;
}
.ganaGanaContent {
  padding: 20px 30px;
}
.ganaGanaContent h1 {
  font-size: 1.9em;
  font-weight: 700;
}
.ganaGanaContent em {
  font-style: normal;
}
.ganaGanaContent small {
  display: block;
}
.ganaGanaContent .ganaGanaCTA {
  width: 385px;
  margin: 20px auto;
  text-align: center;
  position: relative;
  font-size: 0.85em;
}
.ganaGanaContent .bonusList img {
  display: inline-block;
  vertical-align: middle;
}
.ganaGanaContent .bonusList .ganaGanaList {
  width: 80%;
  font-size: 0.85em;
  display: inline-block;
}
.ganaGanaContent .ganaGanaCTA img {
  margin: 0 auto;
  display: block;
}
.ganaGanaList {
  margin: 20px !important;
  padding: 20px !important;
  background: #f1f1f1;
  border-radius: 10px 0 10px 0;
  behavior: url(/Scripts/PIE.htc);
  position: relative;
}
.ganaGanaList li {
  list-style: none;
  display: inline-block;
  margin-right: 15px;
  text-indent: -5px;
}
.ganaGanaList strong {
  list-style: none;
  display: block;
  margin: 0 0 5px 0;
}
.ganaGanaList li:before + strong {
  content: none;
}
.ganaGanaList li:before {
  content: '\002022';
  font-size: 18px;
  padding-right: 5px;
}
.ganaGanaLandingCTA {
  font-size: 16px;
  padding: 15px;
}
.ganaGanaLandingCTA img {
  vertical-align: middle;
}
.amber .ganaGanaNav li.amber:after {
  border: 2px solid #d18316;
}
.amber .ganaGanaContent h1,
.amber .ganaGanaContent h3,
.amber .ganaGanaContent strong,
.amber .ganaGanaContent b,
.amber .ganaGanaList li:before,
.amber .ganaGanaContent a {
  color: #d18316;
}
.pear .ganaGanaNav li.pear:after {
  border: 2px solid #8D8B00;
}
.pear .ganaGanaContent h1,
.pear .ganaGanaContent h3,
.pear .ganaGanaContent strong,
.pear .ganaGanaContent b,
.pear .ganaGanaList li:before,
.pear .ganaGanaContent a {
  color: #8d8b00;
}
.amethyst .ganaGanaNav li.amethyst:after {
  border: 2px solid #9561A8;
}
.amethyst .ganaGanaContent h1,
.amethyst .ganaGanaContent h3,
.amethyst .ganaGanaContent strong,
.amethyst .ganaGanaContent b,
.amethyst .ganaGanaList li:before,
.amethyst .ganaGanaContent a {
  color: #9050a8;
}
.raspberry .ganaGanaNav li.raspberry:after {
  border: 2px solid #E20177;
}
.raspberry .ganaGanaContent h1,
.raspberry .ganaGanaContent h3,
.raspberry .ganaGanaContent strong,
.raspberry .ganaGanaContent b,
.raspberry .ganaGanaList li:before,
.raspberry .ganaGanaContent a {
  color: #e20177;
}
.sapphire .ganaGanaNav li.sapphire:after {
  border: 2px solid #003479;
}
.sapphire .ganaGanaContent h1,
.sapphire .ganaGanaContent h3,
.sapphire .ganaGanaContent strong,
.sapphire .ganaGanaContent b,
.sapphire .ganaGanaList li:before,
.sapphire .ganaGanaContent a {
  color: #003479;
}
/*****************************************************************************
    Car Loan Calculator
    **************************************************************************/
.carLoanCalculatorModule {
  margin: -20px -20px 0 -20px;
  padding: 20px 30px 60px 35px;
  overflow: hidden;
  background-color: #FBFBFB;
}
.carLoanCalculatorModule table {
  width: 100%;
  text-align: center;
}
.carLoanCalculatorModule .splitcollapsible {
  border: solid 1px black;
}
.carLoanCalculatorModule .splitcollapsible .collapsible,
.carLoanCalculatorModule .splitcollapsible button {
  display: none;
}
.carLoanCalculatorModule .splitcollapsible.show .collapsible,
.carLoanCalculatorModule .splitcollapsible.show button {
  display: block;
}
#carLoanInfo {
  font-family: Arial, Helvetica, sans-serif;
}
#carLoanInfo .button {
  position: relative;
  border: 0;
  padding: 0;
  cursor: pointer;
  behavior: url(/Scripts/PIE.htc);
  background: linear-gradient(to right, #670a31 0, #e00e78 50%);
}
#carLoanInfo .button span {
  position: relative;
  color: #fff;
  font-weight: bold;
  background-color: #D81E05;
  border: none;
  behavior: url(/Scripts/PIE.htc);
}
#carLoanInfo h2 {
  position: relative;
  padding: 12px 0;
  color: #575657;
  font-size: 22px;
  text-align: center;
}
#carLoanInfo h3 {
  text-align: center;
}
#carLoanInfo h3 span {
  display: inline-block;
  padding: 25px 0 25px 112px;
  color: #575656;
  font-size: 22px;
  background: url("//cdn.aglty.io/scotia-bank-mexico/images/CarLoanCalculator/icon_odometer_red.png") no-repeat left center;
}
#carLoanInfo ul {
  list-style: none;
  margin: 0;
  width: 480px;
  color: #2c3133;
  font-size: 17px;
  padding: 0;
  padding-left: 2px;
}
#carLoanInfo > ul {
  float: left;
  width: 520px;
}
#carLoanInfo li {
  width: 460px;
  display: inline-block;
  padding-bottom: 50px;
  vertical-align: top;
  background: url("//cdn.aglty.io/scotia-bank-mexico/images/CarLoanCalculator/scale_black-big.png") no-repeat 110px 60px;
}
#carLoanInfo li[data-field="downPayment"] {
  padding-bottom: 30px;
}
#carLoanInfo li[data-field="terms"] {
  padding-bottom: 33px;
  background: none;
  margin-left: -3px;
  margin-top: 18px;
  width: 544px;
}
#carLoanInfo li[data-field="terms"] span:nth-of-type(1) {
  margin-left: 3px;
  top: -10px;
  left: 27px;
}
#carLoanInfo li input {
  position: relative;
  display: block;
  width: 100px;
  height: 40px;
  color: #535253;
  line-height: 40px;
  margin: 26px 0 0 0;
  padding: 0 12px;
  background-color: #fff;
  border: 1px solid #D81E05;
  font-size: 13px;
  box-sizing: border-box;
  font-weight: bold;
  behavior: url(/Scripts/PIE.htc);
}
#carLoanInfo li input[type=button] {
  display: inline-block;
  /*width: 100%;*/
  /*padding-right: 161px;*/
  height: 35px;
  margin: 0;
  /*margin-bottom: 2px;*/
  color: white;
  background-color: #8c8b8b;
  font-size: 32px;
  font-weight: bold;
  line-height: 32px;
  border: none;
  cursor: pointer;
  vertical-align: middle;
}
#carLoanInfo li input.selected {
  background-color: #D81E05;
  border-color: #D81E05;
}
#carLoanInfo li div {
  float: right;
  overflow: hidden;
  position: relative;
}
#carLoanInfo li div.terms {
  float: none;
  margin-top: 20px;
  height: 140px;
}
#carLoanInfo li div.terms input[type=text] {
  /*position: absolute;*/
  margin: 0;
  /*top: 0; right: 0; z-index: 10; line-height: 35px;*/
  height: 35px;
  /*width: 150px;*/
  -webkit-appearance: none;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  /*color: #515050;*/
  vertical-align: middle;
}
#carLoanInfo li input.selected + input[type=text] {
  /*border-color: #D81E05;*/
}
#carLoanInfo li div.terms > div {
  float: left;
  clear: both;
  width: 46%;
  position: relative;
  margin: 0.5% 4.5% 0.5% 0.5%;
  /*margin-bottom: 0;*/
}
#carLoanInfo li div.terms > div:nth-of-type(1n+4) {
  float: right;
  top: -127px;
}
/************/
#carLoanInfo .termButton:hover {
  cursor: pointer;
}
#carLoanInfo li div.terms > div:nth-of-type(1n+4):hover:not(.selected) {
  top: -126px;
}
#carLoanInfo div.terms > div {
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  border-color: #cecece;
  background-image: url("//cdn.aglty.io/scotia-bank-mexico/images/CarLoanCalculator/bg-grey-btn.gif");
  background-repeat: repeat-x;
  background-position: left top;
  box-shadow: 0 1px 1px #666;
  color: #D82007;
}
#carLoanInfo div.terms > div:hover:not(.selected) {
  background-position: left bottom;
  top: 1px;
}
#carLoanInfo div.terms > div.selected {
  color: #fff;
  background-color: #D82007;
  background-image: none;
  border-color: #D82007;
  /*border: none;*/
}
#carLoanInfo div.terms input {
  display: inline-block;
  color: inherit;
  background: transparent;
  border: none;
  padding: 0;
}
#carLoanInfo div.terms input:first-child {
  font-size: 18px;
  font-weight: bold;
  width: 46%;
}
#carLoanInfo div.terms input:last-child {
  border-left: 1px solid;
  border-color: #cecece;
  width: 52%;
}
#carLoanInfo div.terms .selected input:last-child {
  border-color: #990000;
}
#carLoanInfo li div a {
  cursor: pointer;
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  left: -30px;
  bottom: 12px;
  background: url("/images/actionIcon.png") no-repeat left -65px;
  transition: left 0.2s ease-out;
}
#carLoanInfo li.refresh div a {
  left: 5px;
}
#carLoanInfo li .range {
  display: inline-block;
  width: 250px;
  height: 14px;
  margin: 20px 10px 20px 50px;
  position: relative;
  background-color: #7F7F7F;
  border-radius: 0 10px 10px 0;
  overflow: visible;
  behavior: url(/Scripts/PIE.htc);
}
#carLoanInfo li .range div {
  float: none;
  display: inline-block;
  width: auto;
  height: 40px;
  padding-left: 51px;
  position: relative;
  left: -102px;
  bottom: 12px;
  background: #D82007;
  cursor: pointer;
  overflow: visible;
  z-index: 1;
  behavior: url(/Scripts/PIE.htc);
}
#carLoanInfo li .range div span {
  display: block;
  width: 102px;
  height: 100%;
  margin-left: -51px;
  background: url("//cdn.aglty.io/scotia-bank-mexico/images/CarLoanCalculator/slider_red.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 100% 100%;
}
#carLoanInfo > ul li:nth-of-type(1),
#carLoanInfo > ul li:nth-child(2) {
  width: 100%;
}
#carLoanInfo > ul li:nth-of-type(1) input,
#carLoanInfo > ul li:nth-of-type(2) input {
  margin-right: 2px;
}
#carLoanInfo > ul li:nth-of-type(1) .range,
#carLoanInfo > ul li:nth-of-type(2) .range {
  width: 307px;
}
#carLoanInfo .splitcollapsible {
  position: relative;
  margin-bottom: 50px;
  padding: 0 30px;
  border: none;
  color: #8C8A8B;
  background: #fff;
  border-radius: 6px;
  behavior: url(/Scripts/PIE.htc);
}
#carLoanInfo .splitcollapsible.short {
  float: left;
  width: 460px;
}
#carLoanInfo .splitcollapsible.final {
  clear: both;
}
#carLoanInfo .splitcollapsible .collapsible {
  padding-bottom: 10px;
}
#carLoanInfo .splitcollapsible .finalResult {
  position: relative;
  margin: 0 60px;
  border: 2px solid #000;
  overflow: hidden;
  behavior: url(/Scripts/PIE.htc);
}
#carLoanInfo .splitcollapsible table {
  border-collapse: collapse;
  width: 101%;
}
#carLoanInfo .splitcollapsible th {
  font-weight: normal;
  padding: 10px 4px;
  font-size: 1.4em;
}
#carLoanInfo .splitcollapsible td {
  border-right: 1px solid #fff;
  font-size: 1.2em;
}
#carLoanInfo .final div {
  padding: 0 25px;
  text-align: right;
}
#carLoanInfo .final .button {
  display: none;
  margin: 15px 0 -10px 0;
  line-height: 22px;
  font-size: 1.1em;
}
#carLoanInfo .final.show .button {
  display: inline-block;
}
#carLoanInfo .splitcollapsible h4 {
  position: relative;
  margin: 0 -8px;
  padding: 20px 50px 20px 30px;
  font-size: 20px;
}
#carLoanInfo .splitcollapsible.show h4:after {
  content: "-";
}
#carLoanInfo .splitcollapsible ul {
  padding: 0;
  color: #fff;
  background: none;
}
#carLoanInfo .insurance {
  float: left;
  margin-bottom: 15px;
  margin-top: 6px;
  background: #8e8e8e;
  width: 520px;
  padding-top: 20px;
}
#carLoanInfo .insurance span {
  color: #fff;
  margin-left: 4px;
}
#carLoanInfo .insurance span.tip {
  color: #fff;
}
#carLoanInfo .insurance ul {
  padding-left: 10px;
  width: 503px;
}
#carLoanInfo .insurance li {
  padding-bottom: 40px;
  background-image: url("//cdn.aglty.io/scotia-bank-mexico/images/CarLoanCalculator/scale_white.png");
  background-position-x: 120px;
  width: 485px;
}
#carLoanInfo .insurance li .range {
  background-color: #fff;
  border-color: #fff;
  margin-right: 25px;
}
.insuranceTip > span {
  top: -10px !important;
  left: 27px !important;
}
/********** CAR LOAN CALCULATOR ************/
#carLoanInfo #contactForm {
  overflow: visible;
}
#carLoanInfo .results {
  float: right;
  width: 310px;
}
#carLoanInfo .results .totals {
  position: relative;
  padding: 30px 0 10px 0;
  font-size: 20px;
  text-align: center;
  background-color: #C4C4C4 !important;
}
#carLoanInfo .results .totals.summary {
  background-color: #c8c7c8 !important;
}
#carLoanInfo .results .totals h4 {
  color: #535253;
  font-size: 28px;
  font-weight: bold;
}
#carLoanInfo .results .totals b {
  display: block;
  padding-bottom: 20px;
  color: #D81E05;
  font-size: 48px;
}
#carLoanInfo .results .totals b:nth-of-type(1) {
  padding-bottom: 0;
}
#carLoanInfo .results .splitcollapsible {
  margin-top: -20px;
  padding: 0;
  background: none;
}
#carLoanInfo .results .splitcollapsible h4 {
  position: relative;
  padding: 8px 15px 8px 12px;
  font-size: 18px;
  text-align: center;
  background: #D81E05;
  z-index: 1;
  behavior: url(/Scripts/PIE.htc);
  color: #fff;
}
#carLoanInfo .results .splitcollapsible h4:after {
  display: none;
}
#carLoanInfo .results .collapsible {
  position: relative;
  margin-top: -24px;
  padding: 26px;
  border: 1px solid #D81E05;
  color: #6a6a6b;
}
#contactForm div > span,
#contactForm .checkbox {
  font-size: 0.8em;
}
#contactForm fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
#contactForm label {
  display: block;
  margin: 5px -25px 5px 0;
  padding: 0 25px 3px 0;
  text-align: left;
  width: auto;
  float: none;
}
#contactForm input[type="text"],
#contactForm input[type="email"],
#contactForm input[type="tel"],
#contactForm select {
  position: relative;
  display: block;
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 12px;
  color: #535253;
  line-height: 32px;
  background: #BCBCBC;
  border-radius: 4px;
  border: none;
  box-sizing: border-box;
  behavior: url(/Scripts/PIE.htc);
}
#contactForm select {
  padding-right: 0;
}
#contactForm label + div {
  margin: 10px 0 0 0;
  text-align: center;
  margin-bottom: -40px;
}
#contactForm a {
  float: none;
  margin: 0;
  color: #6a6a6b;
}
#contactForm input[type="checkbox"] {
  vertical-align: middle;
}
#contactForm a:not(.button) {
  text-decoration: underline;
}
#contactForm .thankYouMessage {
  margin-top: 17px;
}
#contactForm .thankYouMessage p {
  margin: 0;
}
.carLoanCalculatorModule .contactHeaderMobile {
  display: none;
}
/* validation */
#carLoanInfo .results #contactForm .validation {
  vertical-align: middle;
  background-image: url('//cdn.aglty.io/scotia-bank-mexico/images/CarLoanCalculator/validationSprite.png');
}
/*#carLoanInfo .results #contactForm .checkbox .validation { bottom: 0; }
        #carLoanInfo #contactForm .field-validation-valid { font-size: 0; }
    #carLoanInfo #contactForm .field-validation-error span:first-of-type { font-size: 0; }
    #carLoanInfo #contactForm label span.validation:last-of-type { position: static; background: none; background-image: none; color: #D81E05; margin: 5px 0 0 5px; width: 100%; }
    #carLoanInfo #contactForm span.validation.field-validation-valid { top: 48%; }
    #carLoanInfo #contactForm span.validation.field-validation-valid + span.validation.field-validation-valid { display: none; }
    #carLoanInfo #contactForm div > label:last-of-type span:first-of-type { top: 0; }*/
/*********/
#contactForm label .validation {
  position: static;
  font-size: 12px;
  /*background: none; background-image: none;*/
  padding-left: 25px;
  padding-top: 1px;
  color: #D81E05;
  margin: 5px 0 0 5px;
  width: 100%;
}
#contactForm label .validation.field-validation-valid {
  font-size: 0;
}
.tip {
  display: inline-block;
  z-index: 90;
  position: relative;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  width: 20px;
  border-radius: 50%;
  background-color: #D81E05;
}
.tip span {
  position: relative;
  width: 225px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0.6em;
  position: absolute;
  background-color: #D81E05;
  color: white;
  font-size: 0.8em;
  font-weight: normal;
  display: none;
  left: 37px;
  top: -23px;
  border-radius: 6px;
  border: 1px solid #D81E05;
  behavior: url(/Scripts/PIE.htc);
}
.tip.downpayment span {
  left: 41px;
  top: -10px;
}
.tip span:before {
  content: "";
  position: absolute;
  top: 11px;
  left: -12px;
  color: #D81E05;
  font-size: 28px;
  line-height: 12px;
  vertical-align: middle;
  text-shadow: -1px 0 0 #D81E05;
  overflow: hidden;
  z-index: 99;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 18px solid #D81E05;
}
.tip.downpayment span:before {
  top: 8px;
}
.tip span.show {
  display: block;
}
.CLfooter {
  color: #484949;
  clear: both;
}
.CLfooter > div {
  position: relative;
}
.CLfooter .catDisplay {
  display: inline-block;
  color: #535253;
  font-size: 48px;
  font-weight: bold;
}
.socialbranches {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 310px;
}
.socialbranches li {
  display: inline-block;
  padding: 0;
}
.socialbranches li:first-of-type {
  width: 50%;
}
.socialbranches li:not(:first-of-type) {
  width: 23%;
}
.socialbranches li:first-of-type span {
  padding-left: 10px;
}
.socialbranches li:nth-of-type(2) span {
  position: absolute;
  top: -23px;
  right: 60px;
}
.socialbranches li:nth-of-type(3) span {
  display: none;
}
.socialbranches li * {
  display: inline-block;
  vertical-align: middle;
}
.socialbranches span {
  max-width: 108px;
}
#txtcat {
  margin-left: 5px;
  text-align: left;
}
.CLfooter hr {
  margin: 15px 0;
  border: 2px solid #D81E05;
}
.CLfooter .links {
  position: absolute;
  top: 0;
  right: 0;
}
.CLfooter .links a {
  color: #484949;
}
.carLoanCalculatorModule .CLfooter .splitcollapsible {
  border: none;
}
.CLfooter .splitcollapsible h4 {
  cursor: pointer;
  font-weight: normal;
}
.CLfooter .splitcollapsible h4:hover {
  text-decoration: underline;
}
.CLfooter .splitcollapsible.show h4 {
  text-decoration: underline;
}
.CLfooter .splitcollapsible h4 span:after {
  content: "+";
}
.CLfooter .splitcollapsible.show h4 span:after {
  content: "-";
}
#mainContent-full .CLfooter .collapsible ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.CLfooter .collapsible li {
  padding: 0;
}
.CLfooter .collapsible li:before {
  content: "- ";
}
.amortizationBtn {
  margin-left: 40%;
  position: relative;
  color: #D81E05;
  z-index: 1;
  behavior: url(/Scripts/PIE.htc);
  cursor: pointer;
  font-size: 1.1em;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: underline;
}
#mainTitle {
  font-size: 30px !important;
  color: #D81E05 !important;
}
@media print {
  #carLoanInfo .splitcollapsible.final {
    display: block !important;
  }
  #carLoanInfo .splitcollapsible .finalResult {
    display: block !important;
    font-size: 10px;
    color: #000;
  }
  #carLoanInfo .splitcollapsible .finalResult table {
    border: 1px solid #000;
    border-top: none;
    text-align: center !important;
  }
  #carLoanInfo .splitcollapsible .finalResult th {
    border-bottom: 1px solid #000;
  }
  #carLoanInfo .splitcollapsible .finalResult td {
    border: none;
    padding-right: 12px;
  }
  #carLoanInfo .splitcollapsible .finalResult td:nth-child(2) {
    font-weight: bold;
  }
  #carLoanInfo .splitcollapsible .finalResult tr:nth-of-type(1) {
    font-weight: bold;
  }
  #carLoanInfo .final div {
    text-align: left !important;
    border-bottom: 1px solid #000;
    font-size: 12px;
  }
  .carLoanCalculatorModule .CLfooter {
    display: block;
  }
  .carLoanCalculatorModule .splitcollapsible .collapsible {
    display: block;
  }
  .CLfooter ul {
    display: block;
  }
  /*Hide everything else on the site so we can print only the table*/
  header,
  footer {
    display: none !important;
  }
  .AgilityDevBar,
  #top {
    display: none;
  }
  #mainContent-full > h1 {
    display: none;
  }
  .carLoanCalculatorModule > div,
  ul {
    display: none;
  }
  .calculation > div {
    display: none;
  }
  .mobileChange,
  #mainTitle,
  .CLfooter,
  #footerLegal {
    display: none;
  }
  .siteWrapper {
    background: none;
  }
  .CLfooter > div:nth-of-type(1),
  .CLfooter > hr,
  .links {
    display: none;
  }
}
/************  END  **********/
/*Stock Updater*/
.stockUpdater {
  margin: 1em 0;
  padding: 0 10px;
  font-size: 12px;
}
#content .stockUpdater ul {
  display: inline-block;
  width: 33%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  padding-top: 11px;
  padding-bottom: 13px;
}
.stockUpdater li {
  float: left;
  padding: 0;
  text-align: right;
  box-sizing: border-box;
  padding-right: 10px;
  position: relative;
}
.stockUpdater li:nth-of-type(1) {
  margin-top: -6px;
}
.stockUpdater li:nth-of-type(1) img {
  padding-right: 15%;
}
.stockUpdater li + li {
  padding: 0 15px;
  text-align: left;
  border-left: 1px solid #d1d0cb;
}
.stockUpdater .column3 li {
  width: 33%;
}
.stockUpdater .column4 li {
  width: 24.7%;
}
.stockUpdater header {
  font-weight: bold;
  line-height: 21px;
}
.stockUpdater strong,
.stockUpdater span {
  display: block;
}
.stockUpdater span {
  display: block;
  padding-left: 1em;
}
.stockUpdater .seeMoreLink {
  margin-left: 6px;
}
.stockUpdater .seeMoreLink a {
  position: absolute;
  top: 58px;
  white-space: nowrap;
  right: 10px;
  text-decoration: none;
  color: #66666F;
  font-weight: bold;
  font-size: 11px;
}
.stockUpdater .seeMoreLink a:after {
  content: "\00a0 >>";
  color: #EE2536;
  margin-left: 0px;
}
.stockUpdater .positive {
  color: #00aa00;
}
.stockUpdater .negative {
  color: #d81e05;
}
/*Pyme Secure Contact Form*/
#pymeSecureContactModule {
  background: #EEE;
  display: flex;
  margin-bottom: 15px;
}
#pymeSecureContactModule .mainContent {
  flex: 1;
  max-width: 55.5%;
  background: inherit;
  height: auto;
  position: relative;
}
#pymeSecureContactModule .mainContent h2 {
  font-size: 2.6em;
  margin: 55px 6px 0 30px;
  font-family: Frutiger, Arial, Helvetica, sans-serif;
}
#pymeSecureContactModule .mainContent p {
  margin: 15px 6px 0 30px;
  font-size: 18.5px;
  font-family: Frutiger, Arial, Helvetica, sans-serif;
}
#pymeSecureContactModule .mainContent img {
  position: absolute;
  bottom: 0;
}
#pymeSecureContactModule .pymeContactForm {
  position: relative;
  flex: 1;
  max-width: 41.5%;
  background: #FFF;
  margin: 27px 33px 23px 0;
}
#pymeSecureContactModule .pymeContactForm:after {
  content: "";
  width: 100%;
  height: 14px;
  background: url(//cdn.aglty.io/scotia-bank-mexico/images/pyme-contact-form/shadow.png) no-repeat 0 0;
  bottom: -14px;
  right: 0;
  position: absolute;
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#pymeSecureContactModule .pymeContactForm header {
  position: relative;
  padding: 8px 50px;
  font-size: 24px;
  text-align: center;
  background: #606060;
  z-index: 1;
  behavior: url(/Scripts/PIE.htc);
  color: #fff;
  height: 65px;
}
#pymeSecureContactModule .pymeContactForm header span {
  vertical-align: middle;
  margin-left: 10px;
  font-family: Frutiger, Arial, Helvetica, sans-serif;
}
#pymeSecureContactModule .pymeContactForm .ErrorSummary ul {
  margin-top: 20px;
}
#pymeSecureContactModule .pymeContactForm .ErrorSummary ul li {
  list-style-type: none;
}
#pymeSecureContactModule .pymeContactForm .formFields {
  padding: 0px 130px 56px 38px;
  position: relative;
}
#pymeSecureContactModule .pymeContactForm .formFields label {
  position: relative;
  display: block;
  margin: 5px -25px 10px 0;
  padding: 0 25px 3px 0;
  text-align: left;
  width: auto;
  float: none;
  font-size: 15.5px;
}
#pymeSecureContactModule .pymeContactForm .formFields label input[type="text"],
#pymeSecureContactModule .pymeContactForm .formFields label input[type="email"],
#pymeSecureContactModule .pymeContactForm .formFields label input[type="tel"],
#pymeSecureContactModule .pymeContactForm .formFields label select {
  position: relative;
  display: block;
  width: 100%;
  height: 27px;
  margin: 5px 0 0 0;
  padding: 0 12px;
  color: #535253;
  line-height: 27px;
  background: #BCBCBC;
  border-radius: 4px;
  border: none;
  box-sizing: border-box;
}
#pymeSecureContactModule .pymeContactForm .formFields label select {
  padding-right: 0;
}
#pymeSecureContactModule .pymeContactForm .formFields label.checkbox {
  font-size: 0.8em;
  width: 222px;
  display: flex;
  align-items: center;
}
#pymeSecureContactModule .pymeContactForm .button.SubmitLink {
  position: absolute;
  right: 12px;
  bottom: 22px;
}
#pymeSecureContactModule .pymeContactForm .button.SubmitLink span {
  color: #fff;
  padding: 6px 16px 7px 16px;
  border-top: 1px solid #d81e05;
  display: block;
  background-color: #d81e05;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
#pymeSecureContactModule .pymeContactForm .g-recaptcha {
  margin: 10% 0 10% 0;
  width: 300px;
}
#pymeSecureContactModule .pymeContactForm .g-recaptcha + * {
  clear: both;
}
#pymeSecureContactModule .pymeContactForm .field-validation-error,
.field-validation-error + .validation {
  top: 50%;
}
#pymeSecureContactModule .pymeContactForm .formFields label.checkbox .field-validation-error,
.field-validation-error + .validation {
  margin-top: -7px;
}
/*  Popup Module */
#popupContent {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 0;
  z-index: 9999;
}
#popupClose {
  position: absolute;
  top: 0;
  right: 0;
}
/*****************************************************************************
    Te Sube El Sueldo Calculator
 *****************************************************************************/
.teSubeelSueldoCalculatorModule {
  font-family: Arial, "Frutiger Roman";
  margin: 0px -16px;
}
.teSubeelSueldoCalculatorModule p,
.teSubeelSueldoCalculatorModule h2 {
  margin-left: 12px;
}
.teSubeelSueldoCalculatorModule .step1 > p {
  margin-bottom: 18px;
}
.teSubeelSueldoCalculatorModule .step2 > span h2 {
  position: absolute;
  top: 1%;
}
.ptitle {
  position: relative;
  padding: 12px 0;
  color: #fff;
  font-size: 22px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 20px 0;
  behavior: url(/Scripts/PIE.htc);
}
.pageTitle {
  font-size: 1.5em;
}
#sliderPayDayElgido {
  margin-top: 25px;
}
#sliderTravelElgido {
  margin-top: 20px;
  margin-bottom: 25px;
}
#sliderCreditAutoElgido {
  margin-top: 25px;
}
#sliderMortgageCreditElgido {
  margin-top: 25px;
}
#sliderPayDiasElgido {
  margin-top: 20px;
  margin-bottom: 25px;
}
/*Step 1 styling*/
.monthlyNetSalaryInput {
  text-align: left;
  width: 82px;
}
#step1SubmitButton {
  display: inline-block;
  zoom: 1;
  padding: 0 30px 0 30px;
  background-color: #f00;
  color: #fff;
  cursor: pointer;
  float: right;
  background: linear-gradient(#DF2300, #DF2300);
  margin-right: 18px;
  border-radius: 10px;
  line-height: 40px;
  font-size: 18px;
}
#step1SubmitButton:hover {
  text-decoration: none;
}
.calcCheckBox {
  font-size: 21px;
  padding-left: 15px;
  color: #DC1D00;
  display: inline-flex;
}
.calcCheckBox > input[type="checkbox"] {
  transform: scale(1.5);
  /* Webkit browsers*/
  -webkit-transform: scale(1.5);
  margin-right: 6px;
}
#teSubeelSueldoCalculatorInfo {
  position: relative;
}
#teSubeelSueldoCalculatorInfo ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#teSubeelSueldoCalculatorInfo li {
  height: 65px;
  padding: 0;
  text-align: center;
}
#teSubeelSueldoCalculatorInfo .infoTiles {
  width: auto;
  min-width: 0;
  margin-left: -45px;
}
#teSubeelSueldoCalculatorInfo .infoTiles .tiles {
  padding: 0 10px 0 24px;
  background: none;
  box-shadow: none;
  margin-top: -2px;
  margin-top: -18px;
}
#teSubeelSueldoCalculatorInfo .infoTiles .tiles .tile {
  border: 1px solid #D2D2D2;
  color: #5A5A5A;
  font-size: 15px;
  height: 344px;
  width: 310px;
  text-align: left;
  box-sizing: border-box;
  margin: 12px 0 0 8px;
}
#teSubeelSueldoCalculatorInfo .infoTiles .tiles .tile:hover {
  border-color: #D2D2D2;
}
#teSubeelSueldoCalculatorInfo .infoTiles .tiles .tile:hover a.quickFlipCta span {
  color: #DC1D00;
}
#teSubeelSueldoCalculatorInfo .infoTiles .tiles .tile.lightgrey .front {
  background-color: #F8F8F8;
}
#teSubeelSueldoCalculatorInfo .infoTiles .tiles .tile.darkgrey .front {
  background-color: #F1F1F1;
}
#teSubeelSueldoCalculatorInfo .infoTiles .tiles .tile li {
  padding-left: 14px;
  background-image: none;
  text-align: center;
}
#teSubeelSueldoCalculatorInfo .infoTiles .tile .innerContent article {
  margin: 0 20px;
}
#teSubeelSueldoCalculatorInfo a.quickFlipCta {
  background: none !important;
  color: inherit !important;
  width: 40px;
  height: 40px;
  overflow: visible;
  font-weight: 700;
}
#teSubeelSueldoCalculatorInfo .front a.quickFlipCta {
  top: 266px;
}
#teSubeelSueldoCalculatorInfo .back a.quickFlipCta {
  top: 266px;
  right: -3px;
}
#teSubeelSueldoCalculatorInfo .front .arrow-right {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid;
  margin-top: 50px;
  margin-left: 57px;
  border-left-color: #DC1D00;
}
#teSubeelSueldoCalculatorInfo .tile .innerContent {
  height: auto !important;
  margin-top: 3%;
}
#teSubeelSueldoCalculatorInfo .front:hover a.quickFlipCta {
  background: none !important;
  color: inherit !important;
}
#teSubeelSueldoCalculatorInfo .front a.quickFlipCta span {
  font-size: 13px;
  color: #DC1D00;
  font-weight: 700;
}
#teSubeelSueldoCalculatorInfo .tile .front .tileContentPadding {
  padding-top: 10px;
}
#teSubeelSueldoCalculatorInfo .tile .back {
  color: #fff;
  border: inherit;
  height: 343px;
  display: none;
}
#teSubeelSueldoCalculatorInfo .infoTiles .tiles .tile .back {
  background-color: #FFF;
  border-color: #D2D2D2;
  color: #5F5F5F;
}
#teSubeelSueldoCalculatorInfo .tile .back .innerContent {
  width: 295px !important;
  background-color: inherit;
  position: relative;
}
#teSubeelSueldoCalculatorInfo .back:hover a.quickFlipCta {
  background: none !important;
  color: inherit !important;
}
#teSubeelSueldoCalculatorInfo .back a.quickFlipCta span {
  font-size: 12px;
  color: #DC1D00;
  left: 11px;
}
#teSubeelSueldoCalculatorInfo .tile .back .arrow-right {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid;
  margin-top: 52px;
  margin-left: 57px;
  border-left-color: #DC1D00;
}
#teSubeelSueldoCalculatorInfo .tile .back .innerContent input {
  width: 76px;
  text-align: center;
}
#teSubeelSueldoCalculatorInfo .tile .back .tileContentPadding > p {
  position: absolute;
  left: 28%;
  bottom: 26px;
}
.backTileTotal {
  margin-top: 193px;
  text-align: center;
}
#teSubeelSueldoCalculatorInfo .tile .back .tileContentPadding {
  padding-top: 4px;
}
/*No UI slider styyling*/
#teSubeelSueldoCalculatorInfo .sliderContent {
  width: 100%;
  padding: 12px 0 0 0;
}
#teSubeelSueldoCalculatorInfo .expenses {
  list-style: none;
  padding: 0 0 10px 0;
}
#teSubeelSueldoCalculatorInfo .expenses li {
  position: relative;
  clear: both;
  text-align: left;
}
#teSubeelSueldoCalculatorInfo .expenses li > img {
  position: absolute;
  top: 15px;
  left: 5px;
}
#teSubeelSueldoCalculatorInfo .expensesTitle {
  padding: 12px 0 0 0;
}
#teSubeelSueldoCalculatorInfo .expensesTitle h4 {
  display: inline-block;
  margin: 0;
  font-family: 'ScotiabankModernBold';
  font-size: 15px;
  font-weight: normal;
}
#teSubeelSueldoCalculatorInfo .expensesTitle strong {
  float: left;
  font-size: 16px;
}
#teSubeelSueldoCalculatorInfo .expensesTitle span {
  margin-right: 5px;
  font-size: 12px;
  font-weight: bold;
}
#teSubeelSueldoCalculatorInfo .noUi-handle {
  width: 100px;
  padding: 8px 25px 5px 10px;
  left: 0;
}
#teSubeelSueldoCalculatorInfo .noUi-target {
  width: 88%;
  margin-left: 10px;
}
#teSubeelSueldoCalculatorInfo .noUi-background {
  height: 18px;
  background-size: 20px 20px;
  background-color: #E5E5E5;
  background-image: -webkit-linear-gradient(-45deg, #cecece 25%, transparent 25%, transparent 50%, #cecece 50%, #cecece 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, #cecece 25%, transparent 25%, transparent 50%, #cecece 50%, #cecece 75%, transparent 75%, transparent);
  background-image: linear-gradient(135deg, #cecece 25%, transparent 25%, transparent 50%, #cecece 50%, #cecece 75%, transparent 75%, transparent);
  -pie-background: linear-gradient(135deg, #cecece 25%, transparent 25%, transparent 50%, #cecece 50%, #cecece 75%, transparent 75%, transparent) 0 0px 50px, #c16;
  behavior: url(/Scripts/PIE.htc);
  box-shadow: 1px -1px 0px #888888;
}
#teSubeelSueldoCalculatorInfo .limit {
  float: right;
  padding: 2px 10px 5px 10px;
  background: none;
  color: #ffffff;
  height: 18px;
  width: 205px;
  left: 100px;
  margin-right: -20px;
  margin-top: 0px;
  font-size: 12px;
}
#teSubeelSueldoCalculatorInfo .noUi-handle.noUi-handle-lower {
  width: 17px;
  height: 15px;
  padding: 0;
  color: #ffffff;
  border: none;
  border-radius: 3px;
  text-align: center;
  box-shadow: 0 3px #DC1D00;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  margin-top: 5px;
  background-color: #DC1D00;
}
.noUi-horizontal .noUi-handle {
  left: 0;
}
.noUi-target {
  border-radius: 3px !important;
}
.noUi-base {
  width: 187px !important;
}
.noUi-handle:after,
.noUi-handle:before {
  background: none !important;
}
/*End of No UI slider sytyling*/
/*Terms styling*/
#teSubeelSueldoCalculatorInfo .infoTiles .tiles .tile .back .terms {
  float: none;
}
#teSubeelSueldoCalculatorInfo .infoTiles .tiles .tile .back .terms input[type=button] {
  display: inline;
  width: 25px;
  height: 25px;
  margin: 10px 6px 0 0;
  background-color: #E3E3E3;
  font-size: 12px;
  font-weight: bold;
  border: none;
  cursor: pointer;
  color: #535353;
  border: 1px solid #888888;
}
#teSubeelSueldoCalculatorInfo .infoTiles .tiles .tile .back .terms input.selected {
  background-color: #D81F03;
  background: linear-gradient(to right, #D81F03, #CF1D03);
  color: #FFF;
}
/*End of of Terms styling*/
/*Legal Section*/
.legal {
  clear: both;
  position: relative;
}
.legalButton {
  color: #606060;
  margin-bottom: 2px;
}
.legalButton:hover {
  text-decoration: none;
}
.legalDisclaimer {
  margin-top: 14px;
}
.legal-cross {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 15px;
  height: 15px;
  background: linear-gradient(to bottom, transparent 35%, #d00 35%, #d00 65%, transparent 65%), linear-gradient(to right, transparent 100%, #d00 35%, #d00 65%, transparent 65%);
}
.legal-cross.plus {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 15px;
  height: 15px;
  background: linear-gradient(to bottom, transparent 35%, #d00 35%, #d00 65%, transparent 65%), linear-gradient(to right, transparent 35%, #d00 35%, #d00 65%, transparent 65%);
}
/*End of Legal Section*/
.Term120,
.Term180,
.Term240 {
  width: 32px !important;
}
/*End of Step 1 styling*/
/*Step 2 styling*/
.step2 .ptitleSummaryPage {
  width: 98%;
}
.summaryPageHeaderButtons {
  width: 100%;
  padding: 7px 0 14px 300px;
}
.summaryPageHeaderButtons a:nth-of-type(1) {
  margin-right: 13px;
}
.printSummaryButton,
.viewCalendarButton {
  display: inline-block;
  border-radius: 9px;
  width: 165px;
  height: 30px;
  cursor: pointer;
  text-decoration: none;
  padding-top: 10px;
  background-color: #DF2300;
  color: #FFF;
  background-repeat: no-repeat;
  box-shadow: -4px 5px 5px #888888;
}
.printSummaryButton:hover,
.viewCalendarButton:hover {
  text-decoration: none;
  background-color: #F1F1F1;
  color: #DF2300;
  background-repeat: no-repeat;
}
.printSummaryButton {
  background-image: url('//cdn.aglty.io/scotia-bank-mexico/te-sube-el-sueldo/recibo-virtual-icon.png');
  background-position: 6% -40%;
}
.printSummaryButton:hover {
  background-image: url('//cdn.aglty.io/scotia-bank-mexico/te-sube-el-sueldo/recibo-virtual-icon.png');
  background-position: 6% 130%;
}
.viewCalendarButton {
  background-image: url('//cdn.aglty.io/scotia-bank-mexico/te-sube-el-sueldo/solicita-cita-icon.png');
  background-position: 6% -140%;
}
.viewCalendarButton:hover {
  background-image: url('//cdn.aglty.io/scotia-bank-mexico/te-sube-el-sueldo/solicita-cita-icon.png');
  background-position: 6% 200%;
}
.printSummaryButton span,
.viewCalendarButton span {
  font-size: 16px;
  padding-left: 20px;
}
.ptitleCalculatorPage,
.ptitleSummaryPage {
  position: relative;
  padding: 12px 0;
  width: 97.5%;
  color: #fff;
  font-size: 22px;
  text-align: center;
  background-color: #5B5B5B;
}
.ptitleCalculatorPage {
  margin-left: 10px !important;
}
.ptitleSummaryPage {
  text-align: center;
  z-index: 1;
  margin-bottom: 0;
  margin-left: 11px !important;
}
.ptitleCalculatorPage:after,
.ptitleSummaryPage:after,
.ptitleCalculatorPage:before,
.ptitleSummaryPage:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ptitleCalculatorPage:after,
.ptitleSummaryPage:after {
  border-color: rgba(91, 91, 91, 0);
  border-top-color: #5B5B5B;
  border-width: 13px;
  margin-left: -13px;
}
.ptitleCalculatorPage:before,
.ptitleSummaryPage:before {
  border-color: rgba(194, 225, 245, 0);
  border-width: 36px;
  margin-left: -36px;
}
/*Summary panel*/
#teSubeelSueldoCalculatorSummary {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style-type: none;
  white-space: nowrap;
  width: 100%;
  font-size: 12px;
  text-align: center;
  position: relative;
}
#teSubeelSueldoCalculatorSummary .summary {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#teSubeelSueldoCalculatorSummary .summary .summaryColumn {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  padding-top: 16px;
  white-space: normal;
  vertical-align: top;
  font-size: 12px;
  border: 1px solid #d1d0cb;
  box-sizing: border-box;
  min-height: 515px;
  width: 156px;
}
#teSubeelSueldoCalculatorSummary .summary .summaryColumn:after,
#teSubeelSueldoCalculatorSummary .summary .summaryColumn:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#teSubeelSueldoCalculatorSummary .summary .summaryColumn:after {
  border-color: rgba(91, 91, 91, 0);
  border-width: 13px;
  margin-left: -13px;
  box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5);
}
#teSubeelSueldoCalculatorSummary .summary .summaryColumn.lightgrey:after {
  background: url('//cdn.aglty.io/scotia-bank-mexico/te-sube-el-sueldo/summary_column_light_tri.png') -13px -13px no-repeat;
}
#teSubeelSueldoCalculatorSummary .summary .summaryColumn.darkgrey:after {
  background: url('//cdn.aglty.io/scotia-bank-mexico/te-sube-el-sueldo/summary_column_dark_tri.png') -13px -13px no-repeat;
}
#teSubeelSueldoCalculatorSummary .summary .summaryColumn:before {
  border-color: rgba(194, 225, 245, 0);
  border-width: 36px;
  margin-left: -36px;
}
#teSubeelSueldoCalculatorSummary .summary .summaryColumn .summaryColumnTitle {
  line-height: 42px;
}
#teSubeelSueldoCalculatorSummary .summary .summaryColumn .mainExpenses p {
  margin-left: 0px;
  font-size: 13px;
}
/*Participating Merchants rotator on summary screen*/
.teSubeelSueldoCalculatorParticipatingMerchants {
  display: none;
  position: relative;
  position: absolute;
  bottom: 0;
}
.teSubeelSueldoCalculatorDesktopRotator {
  margin-left: 19px;
  position: relative;
}
#mainContent-full .participatingMerchants {
  position: relative;
  padding: 0;
  list-style-type: none;
  margin: 0;
  width: 80px;
  height: 80px;
  white-space: nowrap;
  font-size: 0.001em;
  overflow: hidden;
}
.participatingMerchants li {
  display: inline-block;
  height: 80%;
  list-style-image: none;
  width: 80%;
  line-height: 80px;
  text-align: center;
  vertical-align: middle;
  padding-left: 16px !important;
}
.participatingMerchants img {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.participatingMerchantsLabel {
  color: #808080;
  margin-top: 25px;
  font-size: 13px;
}
/*Next and previous buttons for the rotator*/
.next {
  position: absolute;
  top: 28px;
  right: 16px;
  zoom: 1.25;
}
.prev {
  position: absolute;
  top: 34px;
  left: -3px;
}
.participatingMerchants-arrow-left {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #D81E05;
}
.participatingMerchants-arrow-right {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #D81E05;
}
/*tool tip styling*/
.help-tip {
  position: absolute;
  top: 45px;
  right: 14px;
  text-align: center;
  background-color: #e51918;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  font-size: 10px;
  line-height: 12px;
  cursor: default;
}
.help-tip:before {
  content: '?';
  font-weight: bold;
  color: #fff;
}
.help-tip:hover p {
  display: block;
  transform-origin: 100% 0%;
  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
}
.help-tip p {
  display: none;
  text-align: left;
  background-color: #FFF;
  padding: 20px 0 20px 20px;
  width: 150px;
  position: absolute;
  border-radius: 13px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  left: 15px;
  top: -20px;
  color: #e51918;
  font-size: 13px;
  line-height: 1.4;
  z-index: 1;
  border-style: ridge;
  border-color: #e51918;
}
.help-tip p:before {
  position: absolute;
  content: url('//cdn.aglty.io/scotia-bank-mexico/te-sube-el-sueldo/tool_tip_tri.png');
  width: 0;
  height: 0;
  left: -10px;
  top: 20px;
}
.help-tip p:after {
  width: 100%;
  height: 40px;
  content: '';
  position: absolute;
  top: -40px;
  left: 0;
}
/* CSS animation */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  100% {
    opacity: 100%;
    transform: scale(1);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}
/*End of tool tip styling*/
/*Other expenses panel*/
.otherExpensesSection {
  border: 1px solid #808080;
  margin-top: 25px;
  position: relative;
  box-sizing: content-box;
  padding-bottom: 10px;
  width: 98%;
  margin-left: 10px;
}
.otherExpensesSection h2 {
  color: #D81E05;
  padding-top: 5px;
  text-align: left;
}
.otherExpensesButton-cross {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 15px;
  height: 15px;
  background: linear-gradient(to bottom, transparent 35%, #d00 35%, #d00 65%, transparent 65%), linear-gradient(to right, transparent 100%, #d00 35%, #d00 65%, transparent 65%);
}
.otherExpensesButton-cross.plus {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 15px;
  height: 15px;
  background: linear-gradient(to bottom, transparent 35%, #d00 35%, #d00 65%, transparent 65%), linear-gradient(to right, transparent 35%, #d00 35%, #d00 65%, transparent 65%);
}
#teSubeelSueldoCalculatorSummary .otherExpenses {
  position: relative;
  display: inline-block;
  padding: 0;
  list-style-type: none;
  margin-bottom: 5px;
  margin-top: 12px;
}
#teSubeelSueldoCalculatorSummary .otherExpenses li {
  visibility: hidden;
  padding-left: 0;
  white-space: normal;
  vertical-align: top;
  font-size: 12px;
  width: 155px;
}
#teSubeelSueldoCalculatorSummary .otherExpenses li.showCalc {
  visibility: visible;
  background-color: #fff;
  border: 1px solid #d1d0cb;
}
#teSubeelSueldoCalculatorSummary .otherExpensesSection .otherExpenses .otherExpensesColumn {
  position: relative;
  min-height: 125px;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  font-size: 12px;
  box-sizing: border-box;
  width: 156px;
}
#teSubeelSueldoCalculatorSummary .otherExpensesSection .otherExpenses .otherExpensesColumn:after,
#teSubeelSueldoCalculatorSummary .otherExpensesSection .otherExpenses .otherExpensesColumn:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#teSubeelSueldoCalculatorSummary .otherExpensesSection .otherExpenses .otherExpensesColumn:after {
  border-color: rgba(91, 91, 91, 0);
  border-width: 13px;
  margin-left: -13px;
}
#teSubeelSueldoCalculatorSummary .otherExpensesSection .otherExpenses .otherExpensesColumn:before {
  border-color: rgba(0, 0, 0, 0);
  border-width: 36px;
  margin-left: -36px;
}
#teSubeelSueldoCalculatorSummary .otherExpensesSection .otherExpenses .otherExpensesColumn.lightgrey:after {
  background: url('//cdn.aglty.io/scotia-bank-mexico/te-sube-el-sueldo/otherexpenses_light_tri.png') -12px 2px no-repeat;
}
#teSubeelSueldoCalculatorSummary .otherExpensesSection .otherExpenses .otherExpensesColumn.darkgrey:after {
  background: url('//cdn.aglty.io/scotia-bank-mexico/te-sube-el-sueldo/otherexpenses_dark_tri.png ') -12px 2px no-repeat;
}
/*Hide/Show the summary columns for each calc*/
.mainExpenses {
  display: none;
  position: relative;
}
.amortizationTableButton {
  display: none;
  position: absolute;
  bottom: 11px;
  left: 7px;
  background-color: #D81E05;
}
.addNowButton {
  position: relative;
  margin-top: 130%;
  width: 136px;
  margin-left: -8px;
  background-color: #D81E05;
}
.addCalculator {
  display: block;
  position: relative;
}
.otherExpensesDetails {
  visibility: hidden;
}
.showCalc .mainExpenses,
.showCalc .amortizationTableButton,
.showCalc .teSubeelSueldoCalculatorParticipatingMerchants {
  display: block;
}
.showCalc .addCalculator {
  display: none;
}
.showCalc .otherExpensesDetails {
  visibility: visible;
  padding-top: 13px;
}
.showCalc .otherExpensesDetails p {
  margin-left: 0;
}
#teSubeelSueldoCalculatorSummary .summary .summaryColumn h2 {
  color: #595959;
  margin: 0 0 0 -10px;
  padding-top: 4px;
  min-height: 42px;
  border-radius: 17px 0 0 0;
}
#teSubeelSueldoCalculatorSummary .summary .summaryColumn .mainExpenses .mainExpensesHighlights {
  color: #595959;
  padding-top: 7px;
  padding-bottom: 3px;
  margin-bottom: 20px;
  margin-left: -10px;
}
#teSubeelSueldoCalculatorSummary .summary .summaryColumn hr {
  width: 122px;
  height: 0;
  margin-top: 8px;
  margin-bottom: 11px;
}
#teSubeelSueldoCalculatorSummary .otherExpensesSection .otherExpenses .otherExpensesColumn .otherExpensesDetailsSummaryHighlights {
  position: absolute;
  bottom: 0;
  color: #fff;
  line-height: 33px;
  width: 100%;
}
/*Main expenses styling*/
#teSubeelSueldoCalculatorSummary .summary .summaryColumn.lightgrey {
  background-color: #F8F8F8;
}
#teSubeelSueldoCalculatorSummary .summary .summaryColumn.darkgrey {
  background-color: #F1F1F1;
}
/*Other expenses styling*/
#teSubeelSueldoCalculatorSummary .otherExpensesSection .otherExpenses .otherExpensesColumn.lightgrey .otherExpensesDetailsSummaryHighlights {
  background-color: #999999;
}
#teSubeelSueldoCalculatorSummary .otherExpensesSection .otherExpenses .otherExpensesColumn.darkgrey .otherExpensesDetailsSummaryHighlights {
  background-color: #717171;
}
#teSubeelSueldoCalculatorSummary .otherExpensesSection .otherExpenses .otherExpensesColumn.lightgrey {
  background-color: #F8F8F8;
}
#teSubeelSueldoCalculatorSummary .otherExpensesSection .otherExpenses .otherExpensesColumn.darkgrey {
  background-color: #F1F1F1;
}
/*Hide/Show Other expenses section*/
/*End of Hide/Show Other expenses section*/
.step2 .legal {
  width: 65%;
}
.summaryLegalDisclaimer {
  margin-top: 15px;
  text-align: left;
  white-space: pre-line;
}
/*End of Step 2 styling*/
/*End of Te Sube El Sueldo Calculator*/