/* BOILER PLATE RESET/REFIX */
@import url('reset.css');

/* GENERAL */
html, body{
	background-color: #eee;
	min-height: 100%;
	padding: 0;
	margin: 0;
}
html{
	font-size: 10px;
	font-family: Arial, sans-serif;
	height: 100%;
}
body{
	position: relative;
	height: 100%;
	min-width: 960px;
	min-height: 764px;
	overflow: auto;
	overflow-x: hidden;
}

nav li{
	display: inline;
}
nav .divider{
	padding: 0 6px;
}
.container{
	width: 960px;
	margin: 0 auto;
}

a:hover{
	text-decoration: underline;
}

em {
	font-style:italic;
}


/* SPECIFICS */

/* FRAME */
#frame{
	display:none;
	width: 100%;
	height: 100%;
	min-width: 960px;
	min-height: 764px;
}
#frame .stage{
	height: 100%;
	overflow: hidden;
	position:relative;
} 
#frame .slide{
	position:absolute;
	display: none;
	height: 100%;
	text-align: center;
}
#frame .current{
	display: block;
}
#frame .stage img.bg {
	width:100%;
	position:relative;
}
#frame.stretch-width .slide img{
	width: 100%;
}
#frame.stretch-height .slide img{
	height: 100%;
}

/*
#frame .left,
#frame .left img{
	float: left;
}
#frame .right,
#frame .right img{
	float: right;
}
*/

/* TOP BAR */
#top-bar{
	display:none;
	position: absolute;
	left: 0; right: 0; top: 0;
	
	background-color: #fff;
	background-color: rgba(255,255,255,.9);
	
	height: 100px;
}
#top-bar-logo{
	float: left;
	margin: 30px 0 0 10px;
}
#top-bar nav{
	position: relative;
	float: left;
	margin: 56px 0 0 60px;
	z-index: 1;
}
#nav-highlight{
	display: block;
	position: absolute;
	left: 0; top: 0;
	width: 108px;
	height: 44px;
	
	background-color: #d81d0e;
	font-weight: normal;
	color: #fff;
	z-index: 9;
}
#top-bar nav a{
	position: relative;
	float: left;
	width: 72px;
	line-height: 1.2em;
	padding: 8px 18px;
	
	color: #404040;
	font-size: 1.2em;
	text-align: center;
	text-decoration: none;
	z-index: 99;
}
#top-bar nav .single-line a{
	line-height: 2.4em;
}
#top-bar nav a.selected{
	color: #fff;
}
#top-bar nav a.selected:hover, #top-bar nav a.selected:focus {
	color:#fff;	
}	
#top-bar nav a:hover, #top-bar nav a:focus {
	color:#D81E05;
	text-decoration: none !important;
}
#top-bar nav a.selected:hover{
	font-weight: normal;
}


/* QUOTE BAR */
#quote-bar {
	display:none;
	position: absolute;
	/*top: 25.785%;*/
	width: 100%;
	/*height: 26.178%;*/
}
#quote-bar .left{
	left: 0;
}
#quote-bar .right{
	right: 0;
}
#quote-bar .content{
	display: none;
	position: absolute;
	/*top: 50%;*/
	width: 360px;
	background: url(../gfx/bg-left-quotes.png) left top no-repeat;
	/*height: 150px;*/
	padding: 0 0 0 60px;
	/*margin: -75px 0 0 0;*/
}
#quote-bar .current{
	display: block;
}
#quote-bar.left .content{
	left: 20px;
}
#quote-bar.right .content{
	right: 20px;
}
#quote-bar .quote{
	display: block;
	margin-bottom: 10px;
	color: #fff;
	font-size: 3.2em;
	font-weight: normal;
	line-height:1.1em;
}
#quote-bar .line {
	display: block;
	color: #fff;
	font-size: 1.4em;
	font-style:normal;
}


/* CONTENT BAR */
#content-bar{
	display:none;
	position: absolute;
	left: 0; right: 0; top: 70%;
	
	background: url(../gfx/bg-content-bar.png) center center repeat-y;
	
	height: 165px;
	overflow: hidden;
}
#content-bar .left,
#content-bar .content-container{
	float: left;
	
	background-color: white;
	background-color: rgba(255,255,255,.85);
	
	height: 150px;
}
#content-bar .left {
	position:relative;
	width: 299px;
	padding-top: 24px;
}
#content-bar .content-container {
	width: 660px;
	padding-top: 25px;
	margin-right: 1px;
}

#content-bar .content-container .content {
	position:relative;
}	

#content-bar .left .open-overlay-country,
#content-bar .left .open-overlay-no-country {
    color: #D81D0E;
    display: block;
    font-size: 1.7em;
    margin: 0 0 5px 25px;
    padding-right:4px;
    text-align: left;
    text-decoration: none;
    font-weight:bold;
}

#content-bar .left .open-overlay-country:hover,
#content-bar .left .open-overlay-no-country:hover {
	text-decoration:underline;
}

#content-bar .left .open-overlay-no-country {
	display:none;
}

#content-bar .left .open-overlay-country .cta-arrow,
#content-bar .left .open-overlay-no-country .cta-arrow {
	background: url("../gfx/bg-arrow-overlay-red.png") no-repeat scroll right center transparent;
	display:inline-block;
	height: 10px;
	width:10px;	
	padding-left:0;
}

#content-bar .left .open-overlay .cta-arrow {
	background: url("../gfx/bg-arrow-overlay-black.png") no-repeat;
	background-position:0 0;
	display:inline-block;
	height: 10px;
	width:6px;	
	padding-left:0;
}

#content-bar .left a.open-overlay:hover .cta-arrow {
	background-position: -6px 0;
}

#content-bar .left a.open-overlay {
	display: block;
	margin: 0 0 20px 25px;
	color: #000;
	font-size: 1.4em;
	text-align: left;
	text-decoration:none;
}

#content-bar .left a.open-overlay:hover {
	color:#D81E05;	
}

#content-bar .left .language-selector{
	position:absolute;
	top:117px;
	margin: 0 0 0 25px;
}
#content-bar .left .language-selector a{
	color: #7a7a78;
	font-size: 10px;
	text-align: right;
	text-decoration: none;
}
.sp #content-bar .left .language-selector .lang-sp,
.en #content-bar .left .language-selector .lang-en,
.fr #content-bar .left .language-selector .lang-fr{
	color: #000;
}
#content-bar .content-container .content,
#content-bar .left .content {
	display: none;
}
#content-bar .content-container .current,
#content-bar .left .current {
	display: block;
}
#content-bar .content-container h2,
#content-bar .content-container p{
	font-size: 2.2em;
	margin: 0 40px 0 19px;
}
#content-bar .content-container h2{
	margin-bottom: 5px;
}
#content-bar .content-container p{
	font-size: 1.8em;
}
#content-bar .content-container .sub-nav {
	position:absolute;
	margin: 0 40px 0 19px;
	top:82px;
}
#content-bar .content-container .sub-nav a{
	line-height: 35px;
	color: #4f4f4f;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

#content-bar .content-container .sub-nav a:hover,
#content-bar .left .language-selector a:hover {
	color:#D81E05;
}

#content-bar .content-container h2,
#content-bar .content-container p {
	color:#272727;
}

/* TOOL TIP */

.tool-tip {
	position:absolute;
	background:url('../gfx/bg-nav-tooltip.png') no-repeat center top;
	height:123px;
	width:264px;
	z-index:2000;
}

.tool-tip p {
    color: #505050;
    font-size: 13px;
    line-height: 1.2em;
    padding: 36px 47px 0;
    text-align: center;	
}

.tool-tip p.three-line {
	padding: 28px 36px 0;	
}	

#cookie-redirect {
	position:absolute;
	background:url('../gfx/bg-sml-popup.png') no-repeat;
	height:184px;
	width:394px;
	top:365px;
	left:-394px;
}

#cookie-redirect h1 {
    margin: 0 25px 5px 0;
	color: #D81D0E;
    display: block;
    font-size: 1.7em;	
	padding: 35px 26px 0 36px;
    text-align: right;
    text-decoration: none;    
}

#cookie-redirect h2 a {
	background: url("../gfx/bg-arrow.png") no-repeat scroll right center transparent;
    color: #000000;
    display: block;
    font-size: 13px;
    padding-right: 16px;
    text-align: right;
    text-decoration: none;
    bottom: 58px;
    left: 174px;
    position: absolute;
    
}

#cookie-redirect .checkbox {
    position:relative;
    margin-left:57px;
}

#cookie-redirect .checkbox input {
    vertical-align: middle;  
}

#cookie-redirect .checkbox label {
	padding-left:5px;
}

#cookie-redirect .btn-close {
	position:absolute;
	background:url('../gfx/bg-close.png') no-repeat;
	height:36px; width:36px;
	right:10px; top:7px;
	text-indent: -9999px;
}


/* OVERLAYS */
#careers-overlay .careers-overlay {
	background:url('../gfx/bg-careers.jpg') #FFFFFF no-repeat top left;
}

.main-overlay {
	position:relative;
}

.main-overlay .video-overlay {
	position:absolute;
	top:30px; left:0;
	width:960px;
	height:570px;
	z-index:500;
	background: url("../gfx/bg-content-bar-inner.png") repeat scroll center center transparent;
}

.main-overlay .video-overlay .video-overlay-container {
	width:640px;
	margin:31px auto;
}

.main-overlay .video-overlay .video-overlay-container a.close-video {
	float:right;
	color:#fff;
	background-color:#d81d0e;
	font-size:15px;
	display:block;
	padding:6px 10px;
	text-decoration:none;
}

.main-overlay .video-overlay .video-overlay-container a.close-video:hover {
	background-color:#ee4b3e;
	cursor:pointer;
}

.main-overlay .video-overlay .video-overlay-container .video-main {
	width:640px;
}

.main-overlay .video-overlay .video-overlay-container .video-desc {
	width:616px;
	background-color:#d81d0e;
	color: #fff;
	font-size:20px;
	padding:12px;
	margin-top:-4px;
}	

.main-overlay .overlay-header {
	height:104px;
	font-size:46px;
	color:#d81d0e;
}

.main-overlay .overlay-header h1 {
	position:relative;
	font-size:46px;
	color:#d81d0e;
	font-weight:normal;
	padding-top:30px;
	padding-left:290px;
}

.main-overlay .overlay-body .overlay-sections {
	float:left;
	width:275px;
}

.main-overlay .overlay-body .overlay-sections a {
	display:block;
	width:213px;
	padding:4px 39px 7px 0;
	font-size:16px;
	background:none;
	color:#515151;
	text-align:right;
	text-decoration:none;
	line-height:18px;	
}

.main-overlay .overlay-body .overlay-sections a:hover {
	text-decoration:none;
	color:#D81E05;
}

.main-overlay .overlay-body .overlay-sections a.selected {
	font-weight:bold;
	color:#d81d0e;
	background:url('../gfx/bg-arrow.png') no-repeat right;
	text-decoration:none;
}


.main-overlay .overlay-body .overlay-section-info {
	float:left;
	width:675px;
}

.inside-scotiabank-overlay .overlay-header h1 {
	padding-left:50px;
}

.inside-scotiabank-overlay .overlay-body .overlay-sections {
	display:none;
}

.inside-scotiabank-overlay .overlay-body .overlay-section-info {
	width:850px;
	padding-left:35px;
}

.main-overlay .overlay-body .overlay-section-info p {
	font-size:14px;
	color:#515151;
	line-height:18px;
	padding-bottom:15px;
	padding-left:18px;
}

.main-overlay .overlay-body .overlay-section-info p a,
.main-overlay .overlay-body .overlay-section-info ol.points li a {
	text-decoration:none;
	color:#D81E05;
}

.main-overlay .overlay-body .overlay-section-info p a:hover,
.main-overlay .overlay-body .overlay-section-info ol.points li a:hover {
	text-decoration:underline;	
}	

.main-overlay .overlay-body .overlay-section-info h4 {
	padding: 30px 0 15px 18px;
    color: #272727;
    font-size: 16px;
	line-height:18px;
}

.main-overlay .overlay-body .overlay-section-info h4.first {
	padding-top:0;
}

.main-overlay .overlay-body .overlay-section-info ol.points {
	margin:0;
	padding: 0 0 0 50px;
	/*list-style:outside;*/	
}

.main-overlay .overlay-body .overlay-section-info ul.points {
	margin:0;
	padding: 0 0 0 50px;
	list-style:outside;	
	
}

.main-overlay .overlay-body .overlay-section-info ol.points li,
.main-overlay .overlay-body .overlay-section-info ul.points li {
	font-size:14px;
	color:#515151;
	line-height:18px;
	padding-bottom:15px;
}

.main-overlay .overlay-body .overlay-section-info ol.points li {
	font-weight:bold;
}

.main-overlay .overlay-body .overlay-section-info .carousel-box {
	width:630px;
	height:190px;
	background-color:#f1f1ec;
	margin-bottom:20px;		
}

.main-overlay .overlay-body .overlay-section-info .carousel-box h4 {
	font-weight:bold;
	font-size:16px;
	color:#515151;
	padding:15px 0 0 40px;	
}

.main-overlay .overlay-body .overlay-section-info .careers-opportunities-selection {
	padding-top:20px;
	height:20px;
}
.overview .careers-opportunities-selection p {
	display:none;
}	

.map-overlay .overlay-header {
	height: 96px;
}

.map-overlay .overlay-header h1 {
	font-size:30px;
	color:#D81D0E;
	padding-top:22px;
	padding-left:25px;	
}

.map-overlay .overlay-header h2 {
	font-size:16px;
	font-weight:normal;
	color:#696969;
	padding-left:25px;
}

.map-overlay .overlay-body {
	position:relative;
	/*background:url('../gfx/bg-map-bar-top.png') top repeat-x;*/
}

.map-overlay .services-selection {
	position:relative;
	height:66px;
	overflow:hidden;
}

.map-overlay .services-selection .region,
.map-overlay .services-selection .region-blank,
.map-overlay .services-selection .country,
.map-overlay .services-selection .country-blank,
.map-overlay .services-selection .service,
.map-overlay .services-selection .service-blank,
.map-overlay .services-selection .specialty-service,
.map-overlay .services-selection .specialty-service-blank,
.map-overlay .services-selection .specialty-service-about,
.map-overlay .services-selection .specialty-service-about-blank {
	position:absolute;
	background:url('../gfx/bg-selector-red-arrow.png') no-repeat right;
	height:66px;
	width:250px;
	left:-250px;
}

.map-overlay .services-selection .service-blank {
	width:403px;
	left:-403px;
}

.map-overlay .services-selection .region-blank {
	left:0;
}

.map-overlay .services-selection .region a,
.map-overlay .services-selection .region-blank a,
.map-overlay .services-selection .country a,
.map-overlay .services-selection .country-blank a,
.map-overlay .services-selection .service a,
.map-overlay .services-selection .service-blank a,
.map-overlay .services-selection .specialty-service a,
.map-overlay .services-selection .specialty-service-blank a,
.map-overlay .services-selection .specialty-service-about a,
.map-overlay .services-selection .specialty-service-about-blank a {
	text-decoration:none;
	color:#fff;
	padding-left:27px;
	display:block;
}

.map-overlay .services-selection .region a,
.map-overlay .services-selection .country a,
.map-overlay .services-selection .service a,
.map-overlay .services-selection .specialty-service a,
.map-overlay .services-selection .specialty-service-about a  {
	padding-top:10px;
}

.map-overlay .services-selection a:hover .change-value {
	color:#f4d6d3;
}

.map-overlay .services-selection .region {
	z-index: 1004;
}

.map-overlay .services-selection .region-blank {
	z-index:1005;	
}

.map-overlay .services-selection .country {
	z-index:1002;	
}

.map-overlay .services-selection .country-blank {
	z-index:1003;
}

.map-overlay .services-selection .service {
	z-index:1000;
}

.map-overlay .services-selection .service-blank {
	z-index:1001;
}

.map-overlay .services-selection .specialty-service,
.map-overlay .services-selection .specialty-service-about a  {
	z-index:999;
	width:345px;
	left:-345px;
}

.map-overlay .services-selection .specialty-service-blank,
.map-overlay .services-selection .specialty-service-about-blank a  {
	z-index:998;
	width:345px;
	left:-345px;	
}


.map-overlay .services-selection .country a,
.map-overlay .services-selection .country-blank a,
.map-overlay .services-selection .country a,
.map-overlay .services-selection .country-blank a,
.map-overlay .services-selection .service a,
.map-overlay .services-selection .service-blank a,
.map-overlay .services-selection .specialty-service a,
.map-overlay .services-selection .specialty-service-blank a,
.map-overlay .services-selection .specialty-service-about a,
.map-overlay .services-selection .specialty-service-about-blank a {
	padding-left:40px;
}


.services-selection .initial-value {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:66px;
}

.services-selection .selected-value {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:16px;
	width:180px;
}

/* this is for firefox 3.6 since it creates an anchor tag */
.services-selection .selected-value a {
	padding-left:0 !important;
}

.services-selection .change-value {
	color:#fff;
	font-size:12px;	
	padding-top:3px;
}


#map-background {
	position:absolute;
	top:0;
	width: 960px;
	height:384px;
}

#background-location {
	width:960px;
	height:384px;	
}

#map-background #background-location { 
	background: url('../gfx/maps/bg-location2.jpg') no-repeat; 
	background-position: 0 0;
}


#map-background #background-location.blank		 			{ background-position: 0 0; }
#map-background #background-location.north-america 			{ background-position: 0 -834px; }
#map-background #background-location.central-south-america 	{ background-position: 0 -1668px; }
#map-background #background-location.caribbean 				{ background-position: 0 -1251px; }
#map-background #background-location.europe-middle-east 	{ background-position: 0 -2085px; }
#map-background #background-location.africa 				{ background-position: 0 0; }
#map-background #background-location.asia-australia 		{ background-position: 0 -2502px; }
#map-background #background-location.location-selected 		{ background-position: 0 -417px; }

#map-background .generic-list {
	padding-top:66px;
}

#map-background .generic-list ul {
	float:left;
	list-style:none;
	margin:0; padding:0; 
}

#map-background .generic-list ul.country-list {
	padding-left:221px;
}

#map-background .generic-list ul.service-list {
	padding-left:442px;
}

#map-background .generic-list ul.specialty-service-list,
#map-background .generic-list ul.specialty-service-about-list {
	padding-left:656px;
}

#map-background .generic-list ul.specialty-service-list li a,
#map-background .generic-list ul.specialty-service-about-list li a {
	width:277px;
}

#map-background .generic-list ul li {
	border-bottom:1px solid #dedede;
	/*height:30px;
	line-height:30px;*/	
}

#map-background .generic-list ul.float-list {
	float:left;
	padding-left:0;	
}

#map-background .generic-list ul li a {
	display:block;
	padding-left:27px;
	width:196px;	
	color:#4b4b4b;
	font-size:14px;
	text-decoration:none;
	height:22px;
	padding-top:6px;
}

/* special cases for copy that is really long */
#map-overlay .generic-list ul li a.scotiabank-trinidad-and-tobago-limited,
#map-overlay .generic-list ul li a.scotialife-trinidad-and-tobago-limited {
	width:280px;
}

#map-background .generic-list ul li a:hover {
	color:#d81e05;
	background-color:#f1f1f1;
}

#map-background .generic-list ul.specialty-service-about-list li p.name,
#wealth-management-header .generic-list ul.specialty-service-list li p.name {
	float:left;
	color:#4b4b4b;
	font-size:13px;
	padding-top:5px;
	padding-right:6px;	
	font-weight:bold;
}

#map-background .generic-list ul.specialty-service-about-list li a,
#wealth-management-header .generic-list ul.specialty-service-list li a {
    color: #D81E05;
    float: left;
    font-size: 11px;
    height: 10px;
    width: auto;
    padding:0 10px 0 0;
    margin-top:7px;
    background:url('../gfx/bg-small-arrow-specialty.png') right 1px no-repeat;
}

#map-background .generic-list ul.specialty-service-about-list li p.desc,
#wealth-management-header .generic-list ul.specialty-service-list li p.desc {
	padding:6px 15px 6px 0;
	font-size:11px;
}

#map-background .generic-list ul.specialty-service-about-list li a:hover,
#wealth-management-header .generic-list ul.specialty-service-list li a:hover {
    color: #D81E05;
    text-decoration:underline;
}


.services-overview {
	position:absolute;
	top:0; left:0;
	display:none;
	border-top:4px solid #D81E05;
	width:960px;
	height:477px;
	background:url('../gfx/bg-map-services-overview.jpg') center top no-repeat;	
}

.services-overview h4 {
	padding: 30px 0 0 290px;
    color: #272727;
    font-size: 19px;
	line-height:20px;
}	

.services-overview .overview-intro {
	font-size: 13px;
    font-weight: bold;
    padding: 10px 100px 0 290px;
}
	
.services-overview .overview {
	padding:7px 0;	
}

.services-overview .overview .service-type {
	position: relative;
	float:left;
	width:270px;
	padding-right:20px;
}

.services-overview .overview .service-type p {
	font-weight:bold;
	font-size:13px;
	text-align:right;
	line-height:17px;	
}

.services-overview .overview .service-desc {
	position: relative;
	float:left;
	width:580px;
}

.services-overview .overview .service-desc p {
	font-weight:normal;
	font-size:13px;
	line-height:17px;	
}

.services-overview a.back {
    color: #D81E05;
    display: block;
    font-size: 13px;
    margin: 20px auto;
    padding-bottom: 15px;
    position: relative;
    text-align: center;
    width: 100px;
    text-decoration:none;
    background:url('../gfx/bg-back-arrow-overlay.gif') center bottom no-repeat;
}

.services-overview a.back:hover {
	text-decoration:underline;
} 

/* CAROUSEL STYLES */
.jcarousel-skin-tango .jcarousel-container {
	width:630px;
	background-color:#f1f1ec;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 549px;
    padding: 12px 40px 20px;
}


.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  556px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 170px;
}

.jcarousel-skin-tango .jcarousel-item img {
	width: 170px;
    height: 83px;
}

.jcarousel-skin-tango .jcarousel-item a:hover img {
	-moz-opacity:.80;	
	filter:alpha(opacity=80); /* For IE8 and earlier */
	opacity:0.8;
}

.jcarousel-skin-tango .jcarousel-item a.carousel-text {
	font-size:12px;
	color:#515151;
	line-height:14px;
	padding: 4px 0 0;
	text-decoration:none;
}

.jcarousel-skin-tango .jcarousel-item a.carousel-text:hover {
	color:#D81E05;
	text-decoration:none;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 18px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 18px;
    margin-right: 0;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 39px;
    right: 17px;
    width: 14px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../gfx/next-horizontal.png) no-repeat -14px 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../gfx/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -14px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -14px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 39px;
    left: 17px;
    width: 14px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../gfx/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../gfx/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -14px 0;
}





/* CUSTOM SCROLLBAR */
.scrollable-content { width: 675px; clear: both; color:#fff; }
.scrollable-content .viewport { width: 632px; height: 412px; overflow: hidden; position: relative; }
.scrollable-content .overview { list-style: none; position: absolute; left: 0; top: 0; }
.scrollable-content .thumb .end,
.scrollable-content .thumb { background-color: #a0a0a0; }
.scrollable-content .scrollbar { position: relative; float: right; width: 6px; }
.scrollable-content .track { background-color:#e7e7e7; _background: none; _background-color:#e7e7e7; height: 100%; width:5px; position: relative; }
.scrollable-content .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scrollable-content .thumb .end { overflow: hidden; height: 5px; width: 5px; }
.scrollable-content .disable{ display: none; }
.inside-scotiabank-overlay .scrollable-content { width:850px; }
.inside-scotiabank-overlay .scrollable-content .viewport { width:807px; }

/* FANCY DROP DOWN */

#careers-country-dropdown {
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
	width:260px;
}
.menuHeader {
	position:absolute;
}
.menuHeader, .genHeader {
	font-family:Arial, Verdana, sans-serif;
	font-size:14px;
	width:260px;
	height:30px;
	line-height:30px;
	background:#f7f7f7;
	overflow:hidden;
}
.genHeader {
	border:1px solid #ccc;
	background:url('../gfx/dropdown-arrow.jpg') no-repeat right top;
	font-weight:bold;
	text-indent:10px;
	cursor:pointer;
	margin-left:14px;
	box-shadow:inset 0 0 10px #eee;
	color:#515151;
}

.advMenuUL {
	position:relative;
	list-style-type: none;
	padding:0px;
	margin:0px;
	border:1px solid #ccc;
	border-top:0px;
	margin-left:14px;
	-moz-box-shadow: 5px 5px 5px #eee;
	-webkit-box-shadow: 5px 5px 5px #eee;
	box-shadow: 5px 5px 5px #eee;
	height:180px !important;
	overflow-y:scroll !important;
}

.advMenuUL LI {
	height:30px;
	line-height:30px;
	margin:0px;
	padding:0px;
	padding-left:10px;
	cursor:pointer;
	color:#515151;
}
.advMenuUL li.sel, .advMenuUL LI:hover {
	background-color:#D81E05;
	color:#fff;
}
#mainTable {
	width:760px;
}

#mainTable td {
	vertical-align:top;
}



/* OVERLAY MASK */
#overlay-mask {
	display: none;
	position: absolute;
	background-color: rgba(0,0,0,.3);
	left: 0; right: 0;
	top: 0; bottom: 0;
	z-index: 999;
}

/* OVERLAY WINDOW */
.overlay-window {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -283px -480px;	
    outline: none;
	z-index: 9999;
}

.overlay-window .overlay-content {
	width: 960px;
	height: 570px;
	margin:12px;
	background-color: #fff;
	color: #4b4b4b;
	border-bottom:4px solid #D81E05;
	overflow:hidden;
}

.overlay-window .close-overlay {
	position:absolute;
	height:36px; width:36px;
	top: 5px;
	right: 5px;
	background: url('../gfx/bg-close.png') no-repeat 0 0;
	
}

/* BOTTOM BAR */
#btm-bar{
	display:none;
	position: absolute;
	left: 0; right: 0; bottom: 0;
	
	padding: 15px 0;
}
#btm-bar #footer-links{
	float: left;
	margin-left: 20px;
}
#btm-bar #footer-legal{
	float: right;
	margin-right: 20px;
}
#btm-bar #footer-links a{
	color: #1e1e1e;
	text-decoration: none;
}

#btm-bar #footer-links a:hover {
	text-decoration:underline;
}

/* FUNCTIONAL */
.hidden { display: none; visibility: hidden; }
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

