/*
Title:		Scotia master styles
Author: 	ben@heehaw.co.uk
Updated:    December 6th 2007
*/

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#003399;
	background:#fff}

a,
a:link {
	text-decoration:none;
	color:#39c}

a:visited {
	color:#369}

/* layout */
#wrap_1col,
#wrap_2col {
	width:766px;
	margin:5px auto 0 auto}

#wrap_1col {
	background:none;}

#wrap_2col {
	background:url('/images/wrap-bg.gif') repeat-y 29% 0;}

#content_1col {
	float:right;
	width:100%;
	font-size:85%;
	line-height:1.5em}

#content_2col {
	float:right;
	width:68%;
	font-size:85%;
	line-height:1.5em}
/*	
body#products div#content_2col {
	border-left:1px solid #a4acb9}
*/

#sidebar {
	float:left;
	width:31%}
	
body#products div#content_2col {
	border-left:1px solid #a4acb9}

#footer {
	clear:both;
	background-color:#fff;
	border-top:#a4acb8 solid 1px}

/* gutters */
.gutter {
	padding:20px 0 0 0}
	
body#products .gutter {
	padding:0}
	
#content_2col .gutter {
	margin:0 0 0 25px;
	background:url('/images/content-bg.gif') repeat-x 0 0}
	
body#products #content_2col .gutter {
	margin:0}

#sidebar .gutter, #sidebar-2 .gutter {
	margin:0}

/* header */
#header {
	border-top:1px solid #a4acb8;
	border-bottom:1px solid #a4acb8;
	background:#fefefe url('/images/header-tile.jpg') repeat-x top left}

#header h1 {
	margin:0;
	padding:5px 0;
	font-size:150%;
	color:#333}

/* flash */
#flash {
	margin:0;
	/*padding:5px 0;*/
	font-size:90%;
	color:#000;
	text-align:center;
	background-color:#fff;
	border-bottom:1px solid #a4acb8;
	background-image:url("/flash/flash-bg.gif");
	background-repeat:no-repeat;
	background-position: left 5px;
	width:766px;}


#flash strong {
	padding:0 0 0 25px}

/* primary navigation */
#prim_nav {
	margin:0;
	padding:12px 30px 24px 0;
	text-transform:uppercase;
	border-bottom:1px solid #a4acb8;
	background: #fff url('/images/scotia_midi_logo.gif') right 50% no-repeat;}

#prim_nav li {
	margin:0; 
	padding:0;
	display:inline;
	list-style-type:none}
	
#prim_nav a:link,
#prim_nav a:visited {
	float:left;
	font-size:85%;
	line-height:16px;
	font-weight:bold;
	margin:0 20px 4px 0;
	padding-bottom:4px;
	text-decoration:none;
	color:#9aa5b6}

body#home #t-home a,
body#about-us #t-aboutus a,
body#products #t-products a,
body#services #t-services a,
body#contact #t-contact a,
#prim_nav a.active:link,
#prim_nav a.active:visited,
#prim_nav a:hover,
#prim_nav a:focus {
	color:#039;
	border-bottom:4px solid #999999;
	float:left;
	font-size:85%;
	font-weight:bold;
	line-height:16px;
	margin:0 20px 4px 0;
	padding-bottom:4px;
	text-decoration:none}
	
/* content */
body#home h1 a {
	cursor:default}

h1 {
	height:79px;
	width:766px;
	display:block;
	border:none;
	text-indent:-9999px;
	background:url('/images/scotia_header.gif') no-repeat 0 0}

h1 a {
	height:79px;
	width:766px;
	display:block;
	border:none;
	text-indent:-9999px;
	background:url('/images/scotia_header.gif') no-repeat 0 0}

h2,
li.skip a {
	display:none}

h3 {
	height:18px;
	width:210px;
	display:block;
	border:none;
	text-indent:-9999px}

#content_1col h3 {
	margin:6px 0 15px 0}

#content_2col h3 {
	margin:6px 10px 10px 0px}

#sidebar h3 {
	margin:6px 0 0 0}

#about-us_txt {
	background:url('/images/headings/about-us_txt.gif') no-repeat 0 0}

#accessibility_txt {
	background:url('/images/headings/accessibility_txt.gif') no-repeat 0 0}

#atm_txt {
	background:url('/images/headings/atm_txt.gif') no-repeat 0 0}

#contact_details_txt {
	background:url('/images/headings/contact_details_txt.gif') no-repeat 0 0}

#contact_form_txt {
	background:url('/images/headings/enquiry_form_txt.gif') no-repeat 0 0}

#deposit_txt {
	background:url('/images/headings/deposit_txt.gif') no-repeat 0 0}

#home_txt {
	background:url('/images/headings/home_txt.gif') no-repeat 0 0}

#other_txt {
	background:url('/images/headings/other_txt.gif') no-repeat 0 0}

#products_txt {
	background:url('/images/headings/products_txt.gif') no-repeat 0 0}

#products_menu_txt {
	padding:0px;
	background:url('/images/headings/products_menu_txt.gif') no-repeat 0 0}

	#ds9-night-safe-drawer_txt {
		padding:0px;
		background:url('/images/headings/ds9-night-safe-drawer_txt.gif') no-repeat 0 0}
	
	#ds5-atm_txt {
		padding:0px;
		background:url('/images/headings/ds5-atm_txt.gif') no-repeat 0 0}

	#ds6-express-pay-in_txt {
		padding:0px;
		background:url('/images/headings/ds6-express-pay-in_txt.gif') no-repeat 0 0}

	#ds8-business-pay-in_txt{
		padding:0px;
		background:url('/images/headings/ds8-business-pay-in_txt.gif') no-repeat 0 0}
	
	#ds17-key-box_txt{
		padding:0px;
		background:url('/images/headings/ds17-key-box_txt.gif') no-repeat 0 0}

#services_txt {
	background:url('/images/headings/services_txt.gif') no-repeat 0 0}

	
#secure_txt {
	background:url('/images/headings/secure_txt.gif') no-repeat 0 0}

#sitemap_txt {
	background:url('/images/headings/sitemap_txt.gif') no-repeat 0 0}

#content_2col h2 span {
	display:block;
	margin:0;
	padding:20px 10px}

#content_1col p,
#content_2col p {
	margin:0 0 5px 0;
	padding:0 10px 15px 10px}

#content_1col p {
	padding-left:0}

			/* Feature def. list (Currently not used!) */
			dl.feature {
				margin:5px 0;
				padding:15px;
				border-top:1px dotted #999;
				border-bottom:1px dotted #999;
				background:#f1f1f1 url('/images/spotlight.jpg') no-repeat bottom right}
			
			dl.feature:after {
				content:"."; 
				display:block; 
				height:0; 
				clear:both; 
				visibility:hidden}
			
			dl.feature dt {
				margin:0 0 .5em 0;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:140%;
				color:#333}
			
			dl.feature dt img {
				float:left;
				margin:0 15px 0 0;
				padding:0 4px 4px 0;
				background:url('/images/photo-frame.gif') no-repeat bottom right}
			
			dl.feature dd {
				margin-left:169px;
				font-size:90%;
				line-height:1.5em;
				color:#111}

img.right {
	float:right}

div#product-text {
	width:58%;
	width:55%;
	padding:0 0 20px 0;
	margin:0 0 0 20px;
	float:left}
	

div#product-text p {
	padding-left:0}
	
div#product-text.no-image {
	width:100%}
	

div#product-image-sml {
	width:30%;
	padding:0;
	margin:0 0 0 5%;
	float:left}
	
/* sidebars */
.s-box {
	margin:0;
	padding:0 0 12px 0;
	font-size:85%;
	line-height:1.5em;
	color:#666}

.s-box h3 {
	margin:0;
	padding:8px 8px 8px 0;
	font-size:120%;
	font-weight:800;
	text-transform:uppercase;
	color:#09c;
	background:#fff url('/images/box-top.gif') no-repeat top left;
	border-bottom:#fff solid 1px}

.s-box p {
	margin:0;
	padding:10px 12px}

.s-box ul {
	margin:0;
	padding:0 0 10px 0}

.s-box ul li {
	margin:10px 0;
	padding:0;
	list-style:none;
	display:block;
	background:url('/images/scotia_mini_logo_bw.gif') left 50% no-repeat}

.s-box ul li a,
.s-box ul li a:link,
.s-box ul li a:visited {
	margin:0;
	padding:5px 5px 5px 0px;
	display:inline;
	text-decoration:none;
	color:#069;
	background:url('/images/scotia_mini_logo_bw.gif') left 50% no-repeat}

body.atm li.t-atm a,
body.deposit li.t-deposit a,
body.secure li.t-secure a,
body.other li.t-other a,
.s-box ul li a.active,
.s-box ul li a:active,
.s-box ul li a:hover,
.s-box ul li a:focus,
body#products li.product-selected a
 {
	color:#039}

body.atm li.t-atm a,
body.deposit li.t-deposit a,
body.secure li.t-secure a,
body.other li.t-other a,
body#products li.product-selected a,
.s-box ul li a.active {
	font-weight:800}

body#products li.product-selected ul li a {
	font-weight:normal}
	
.s-box ul li a span {
	display:none}

/* footer */
#footer p {
	margin:0;
	padding:15px 0;
	font-size:85%;
	color:#808c9f}
/*
#footer ul {
	margin:0;
	padding:10px 15px 15px 0;
	font-size:85%;
	color:#808c9f;
	list-style:none}

#footer ul li#extra {
	float:right;
	font-size:85%;
}
#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited {
	color:#069;
	text-decoration:none}

#footer ul li a:hover,
#footer ul li a:focus {
	text-decoration:underline}
*/
span#copyright {float:left}
span#sitemap-accessibilty {float:right}

/* Spacer */
div.spacer {
	clear:both;
	display:block;
	background:#fff;
	height:0}
	
* html div.spacer {
	font-size:1px}

/* trigger hasLayout and target ie5+6/win only \*/
* html #content_2col,
* html #sidebar,
* html .feature {
	height:1%}

/* trigger hasLayout and target ie7/win only \*/
*:first-child+html #content_2col,
*:first-child+html #sidebar,
*:first-child+html .feature {
	min-height: 1px}

.feature { 
	display:inline-table}

.feature { 
	display:block}

#footer {
	height:1%}

/* End hide from IE/Mac */
div#info-box {
	background:url('/images/shadow.png') bottom right no-repeat;
	padding:0 5px 5px 0}

* html div#info-box {
	background-image:none}
	
div#info-box div#info-box-inner {
	background-color:#fff;
	width:395px;
	height:320px;
	padding:10px 5px 0 20px;
	border:1px solid #a4acb9}

div#info-box div#info-box-inner img {
	margin-top:4px}

span.info-title {
	font-weight:800;
	color:#039}

/* Contact Form */
form#contact-form {
	margin:0;
	padding:0}
	
body#contact div#sidebar {
	padding:20px 0 0 0;
	float:left;
	width:25%}

body#contact div#content_2col{
	width:68%;
	border-left:1px solid #a4acb8}

div#contact-container {
	float:right}

div#contact-container p#contact-intro {
	margin-left:0/*30px*/;
	padding:0}

form#contact-form fieldset{
	border:none;
	width:480px;
	margin:0;
	padding:0}

form#contact-form ul {
	list-style-type:none;
	width:480px;
	margin:0;
	padding:0}

form#contact-form ul li {
	float:left}

form#contact-form ul li.odd{
	clear:both}
	
form#contact-form ul li.odd dl dt label,
form#contact-form ul li.odd dl dd {
	margin-left:0}

form#contact-form ul li dl,
form#contact-form ul li dl dt,
form#contact-form ul li dl dd {
	padding:0;
	margin:0}

form#contact-form ul li dl dd {
	margin-left:4px}

form#contact-form ul li dl dt label{
	text-align:left;
	display:block;
	margin:0;
	padding:0;
	margin-top:4px;
	margin-bottom:2px;
	margin-left:4px}
	
form#contact-form ul li dl dt label.wide {
	width:200px}

form#contact-form ul li.nofloat{
	clear:both;
	margin-right:0;
	padding-right:0}

form#contact-form ul li.nofloat dl {
	padding:0;
	margin:0;
	float:right;
	width:480px}

form#contact-form ul li.nofloat dl dt,
form#contact-form ul li.nofloat dl dd {
	float:right;
	padding:0;
	margin:0}

form#contact-form select#subject{
	margin:0;
	width:234px}

form#contact-form input,
form#contact-form textarea,
form#contact-form select {
	border:1px solid #a4acb8}

form#contact-form input:focus ,
form#contact-form textarea:focus ,
form#contact-form select:focus {
	background-color:#f4f7ff}

form#contact-form textarea {
	/* width:472px; */
	width:476px;
	overflow:auto}

form#contact-form input,
form#contact-form select {
	width:234px}
	
form#contact-form input#submit,
form#contact-form input#reset {
	cursor:pointer;
	background-color:#008fc1;
	border:1px solid #fff;
	color:#fff;
	font-weight:800;
	width:75px}

form#contact-form input#submit:hover,
form#contact-form input#reset:hover {
	background-color:#0286b4;
	border:1px solid #eee}
	
form#contact-form input#submit {
	margin-left:10px}
	
form#contact-form sup,
span#required-msg sup {
	font-weight:bold;
	color:#009bc8;
	font-size:0.7em}
	
span#required-msg {
	margin-right:45px;
	padding:0 0 20px 0;
	float:left}
	
div#feedback {
	margin-left:80px}

h3#contact_form_txt {
	margin-left:0}
	
h3#contact_details_txt {
	margin-bottom:10px}

/* PRODUCTS */
body#products div#product-content{
	/*margin-top:9px*/}
/*	
body#products div#product-content{
	background:url('/images/products.jpg') top right no-repeat;
	padding-right:243px;
	padding-bottom:15px}
	*/
body#products a.datalink,
body#products a.caddwg {
	text-indent:-9999px;
	display:block;
	width:103px;
	height:36px;
	float:left;
	color:#fff}
	
body#products a.datalink {
	background:#0085ba url('/images/download_datasheet.gif') top left no-repeat}

body#products a.caddwg{
	background:#0085ba url('/images/download_cad_dwgs.gif') top left no-repeat}

li.category-top-level{
	color:#009bc7;
	font-weight:800}
	
li.category-top-level a.product-selected,
li.category-top-level a#category-selected{
	font-weight:800}
	
li.category-top-level ul{
	margin-left:10px;
	padding-bottom:0}
	
li.category-top-level ul li {
	padding:2px 0;
	margin:0;
	font-weight:300}

body#products h3.small-header {
	height:3px;
	margin:0;
	padding:0}
	

	
body#products #content_2col h3#products_txt,
body#products #content_2col img {
	margin:20px 0 10px 20px}
	
body#products img#show-info-box-img,
body#products img#side-image  {
	margin:0}

img#side-image {
	margin-top:38px}

/* Updated Un tested CSS */

/*
body#home #t-home a, body#about-us #t-aboutus a, body#products #t-products a, body#services #t-services a, body#contact #t-contact a, #prim_nav a.active:link, #prim_nav a.active:visited, #prim_nav a:hover, #prim_nav a:focus {1.css (line 119)
color:#003399;
}
#prim_nav a:link, #prim_nav a:visited {
	border-bottom:4px solid #999999;
	color:#9AA5B6;
	float:left;
	font-size:85%;
	font-weight:bold;
	line-height:16px;
	margin:0pt 20px 4px 0pt;
	padding-bottom:4px;
	text-decoration:none}
	
a:visited {
color:#336699}

a, a:link {
color:#3399CC;
text-decoration:none}

li#t-products #prim_nav li {
list-style-type:none}

#prim_nav {
text-transform:uppercase}

body#products {
color:#003399;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:small}

/* Tertiary Navigation */
.tertiary{
	margin:0;
	padding:20px 0 0 0;
	display:block;
	background-color:#f1f3f5;
	list-style:none}

.tertiary ul {
	margin:0;
	padding:0 0 0 20px;
	clear:left;
	float:left;
	width:501px;
	background:#f1f3f5 url(/images/tertiary/nav-bg.gif) repeat-x bottom left;
	list-style:none}

.tertiary ul li {
	margin:0;
	padding:0;
	display:inline}

.tertiary ul li a {
	outline:none;
	margin:0 10px;
	padding:0;	
	text-indent:-9999px;
	float:left;
	display:block;
	width:69px;
	height:101px;
	background-repeat:no-repeat;
	background-position:0 -101px;
	list-style:none;
	text-transform:uppercase;
	text-decoration:none}

.tertiary ul li a:hover,
.tertiary ul li a.active {
	background-position:0 0}

li.cash-safes-tab a {background-image:url(/images/tertiary/cash.gif)}
li.letterbox-tab a {background-image:url(/images/tertiary/ds15.gif)}	
li.key-box-tab a {background-image:url(/images/tertiary/ds17.gif)}
li.ds19-time-delay-deposit-safe-tab a {background-image:url(/images/tertiary/ds19.gif)}
li.cash-transfer-tab a {background-image:url(/images/tertiary/ds2.gif)}
li.ds24-universal-atm-plinth-tab a {background-image:url(/images/tertiary/ds24.gif)}
li.cash-transfer-door-tab a {background-image:url(/images/tertiary/ds3.gif)}
li.ds30-coin-cabinet-tab a {background-image:url(/images/tertiary/ds30.gif)}
li.ds5-atm-tab a {background-image:url(/images/tertiary/ds5.gif)}
li.express-pay-in-units-tab a {background-image:url(/images/tertiary/ds6-8.gif)}
li.night-safe-drawer-tab a {background-image:url(/images/tertiary/ds9.gif)}

/* Download Button  NEED TO WORK ON THIS ENCOUNTERING PROBLEMS IN IE!
* html span.pdf-download {
	height:1%}
	
*:first-child+html span.pdf-download {
	min-height:1px}
*/	
span.pdf-download {
	margin:0;
	padding:0;
	display:block}
		
span.pdf-download a {
	border:4px #eee solid;
	float:left;
	height:33px;
	width:239px;
	margin:15px 0;
	padding:0;
	display:block;
	text-indent:-9999px;
	background:url(/images/data_sheet_button.gif) no-repeat 0 0}
	
span.pdf-download a:hover {
	border:4px #89c4ff solid}
.smallgrey {
	clear:both;
	color:#999;
	float:left;
	line-height:normal;
}
/*	
#feedback {
	padding:10px;
	border:1px solid #ccc} */