@charset "UTF-8";

/*Swatches-------------------------------------
Navey Blue- #51636e
Dark Orange- #f27421
Light Orange #ffc10e
*/

/*----------Global Styles----------*/
* { margin: 0px; padding: 0px;}
body {font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 1.45em; background: #51636e url("../images/bg/cows.jpg") 0px 10px no-repeat;}
#table {margin: 10px 0px -1px -2px;}
#topOrange {background: url("../images/bg/orangeTop.gif") repeat-x; height: 10px; width:auto}
#pageWrap {text-align: left;  max-width:1062px/*  margin-right: 20px */}
#logo h1 {background: url("../images/titles/logo.gif") no-repeat; width: 387px; height: 171px; display: block; margin: 0px 0px;}
#logo h1 span {display: none}
#page {background: white url("../images/bg/shadowTop.gif") 0px 26px repeat-x; vertical-align: top;}
#rightColumn {vertical-align:top; width: 210px}
#clearTop {background: url("../images/bg/clearTop.jpg") no-repeat; height: 26px; margin-top: -17px; line-height:0px}
#content {min-width: 555px; min-height:855px;}
#content_in {margin:20px}
h2.pageTitle {color:#f27421; font: normal normal 26px "Times New Roman", Times, serif; width: 500px; margin: 40px 0px 20px; line-height:1.4em}
h3.subTitle {margin: 50px 0px 0px; color:#51636e; font-weight:normal; font-size:14px}
#content h4.downloadLink {font-weight:normal; margin: 0px 0px 10px 0px; padding-left:30px; text-transform: uppercase; background: url("../images/btn/download_icon.gif") no-repeat; height:18px; font-size: 14px;}
h4.downloadLink a:link,h4.downloadLink a:visited {color:#f27421; text-decoration:none}
h4.downloadLink a:hover {/*color: #51636e*/ text-decoration: underline}
#mediaBtn {margin-right: 20px;}
#mediaBtn li {display: inline; float:right; margin-right: 5px; width:20px}
#mediaBtn li a {display: block; width: 20px; height:18px}
#pdf {background:url("../images/btn/pdf_icon.gif")}
#print {background:url("../images/btn/print_icon.gif")}
#mail {background:url("../images/btn/mail_icon.gif")}
#mediaBtn span {display:none}
.bar {background-color: lightgrey; width:98%; height:30px; margin: 20px 0px;}
#rightDropShadow {background: url("../images/bg/right-Shadow.gif") -2px -0px;}
#footer {background:url("../images/bg/footer.jpg"); height:148px; margin-top:50px}
/*#spacer {height: 826px; float:left}*/
/*------------Side Bar and Navagation___________*/
#sideBar {background: url("../images/bg/sideBar.gif") no-repeat; width: 210px; height: 973px; margin-left: -2px}
#sideBar p {width:170px; float:left; margin-top:0px; font-style: italic;}
#outsideLink {color: white; text-decoration:none; margin: 36px 0px 0px 10px; float:left; width:150px}
#outsideLink:hover {text-decoration:underline}
#navagation {margin: 40px 0px 0px 0px; float:left; list-style:none; width:150px}
#navagation li {margin-bottom: 12px;}
#navagation li a {display:block; padding-left:20px; color: black; text-decoration: none; font-weight: bold;}
#navagation li a:hover {color:#51636e}
#navagation li a.active {background: url(../images/bg/navBullet.gif) 0px -1px no-repeat; }
#sideBar dl {float:left; margin: 0px 20px; width:160px}
#downloads dt {background: url("../images/titles/downloads.gif") -6px 0px no-repeat; width: 174px; height:15px; margin-bottom: 10px;}
#downloads dt span {display:none}
#downloads dd {font-weight:bold; width:130px; margin-top:15px}
#downloads a:link,#downloads a:visited {color:black; text-decoration:none}
#downloads a:hover {color:#51636e}
.separator {height:5px; width:174px; background: url("../images/bg/separator.gif"); float:left; margin: 20px 20px;}
#sideBar img {margin-left: 10px;}
#canada_sponsor{margin:20px;}

/*-----------Footer----------*/
#footer {clear:both; overflow:hidden}
#footer ul a { text-decoration:none; color: white;}
#footer ul {color:#ffc10e; max-width:810px; overflow:auto; clear:both; display:block; width:620px; margin: 10px 0px 0px 20px;}
#footer ul li {float:left; margin: 0px 25px 10px 0px;}
#footerContact {clear:both;}
#footerContact span {color:#ffc10e}
#footerContact p {margin: 0px 0px 0px 0px; line-height:1.9em}
#footerContact img {margin:10px 0px 0px 70px}
#footOne, #footTwo, #footThree {float: left; color:white; margin-top: 10px;}
#footOne {border-right: white solid 1px; margin-left: 20px; padding-right:15px; width:200px}
#footTwo {padding-left: 15px; width:200px}
#footThree {width:100px;}
#footThree img{border:none;}

ul, ol { margin:0px 35px;}
ul li, ol li {margin-bottom: 5px;}
ol {}
ol li {}
a:link,a:visited {color:#f27421}
h1, h2, h3, h4, h5, h6 {margin: 10px 0px;}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
p { margin: 20px 0px;}

#content h3, #content h4 {margin: 50px 0px 0px; color:#51636e; font-weight:normal; font-size:14px}

/*---------------Banks-------------------*/
#bankSelect {margin: 50px 0px 30px; overflow:hidden}
#bankSelect span {display:none}
#bankSelect ul li a {display:block}
#bankSelect ul {margin: 0px 0px 0px 0px;}
#bankSelect ul li {float:left; list-style:none}
#bankSelect ul {display:block}
#bankSelect h5 {font-size:12px; margin:3px 0px 5px 0px }

#bankProducts {margin: 0px 0px 60px 0px;}
#bankProducts h4{display:block; clear:both; color:#f27421; font-weight:normal; font-size:16px}
#bankProducts ul {margin:10px 0px 0px 3px; overflow:hidden; padding-left: 15px;}
#bankProducts ul li {float:left; width: 260px;}
#bankProducts ul li a {color:black; text-decoration:none; width:230px; display:block}
.productName {color:#51636e; font-size:14px}
.productName h4 {margin: 0px; font-size: 14px;}
.productName hr {margin: 7px 0px; width:530px}
.productGrid {margin: 40px 0px; display:block; clear:both}
.productGrid table {width:530px; margin: 0px 0px}
.productGrid table td {vertical-align:top; padding:3px}
.productGrid table th {padding: 3px;}
.productBlock {margin-bottom: 60px;}
.productBlock a {margin:7px 20px 0px 0px; float:left}
.cellOne {width:280px}
.cellTwo {width:120px}
.cellThree {width:130px}
.cellFour {width:120px}
.cellFive {width:148px}
.cellSix {}
#bank1 {background: url("../images/btn/bankNav.gif"); width:55px; height:51px}
#bank2 {background: url("../images/btn/bankNav.gif") -54px 0px; width:37px; height:51px}
#bank3 {background: url("../images/btn/bankNav.gif") -91px 0px; width:48px; height:51px}
#bank4 {background: url("../images/btn/bankNav.gif") -138px 0px; width:46px; height:51px}
#bank5 {background: url("../images/btn/bankNav.gif") -183px 0px; width:68px; height:51px}
#bank6 {background: url("../images/btn/bankNav.gif") -250px 0px; width:51px; height:51px}
#bank7 {background: url("../images/btn/bankNav.gif") -300px 0px; width:54px; height:51px}
#bank8 {background: url("../images/btn/bankNav.gif") -353px 0px; width:105px; height:51px}
#bank9 {background: url("../images/btn/bankNav.gif") -457px 0px; width:48px; height:51px}

.activeBank #bank1 {background: url("../images/btn/bankNav.gif") -507px 0px; width:55px;}
.activeBank #bank2 {background: url("../images/btn/bankNav.gif") -557px 0px; width:37px;}
.activeBank #bank3 {background: url("../images/btn/bankNav.gif") -594px 0px; width:48px;}
.activeBank #bank4 {background: url("../images/btn/bankNav.gif") -643px 0px; width:46px;}
.activeBank #bank5 {background: url("../images/btn/bankNav.gif") -686px 0px; width:68px}
.activeBank #bank6 {background: url("../images/btn/bankNav.gif") -754px 0px; width:51px}
.activeBank #bank7 {background: url("../images/btn/bankNav.gif") -803px 0px; width:54px;}
.activeBank #bank8 {background: url("../images/btn/bankNav.gif") -854px 0px; width:105px}
.activeBank #bank9 {background: url("../images/btn/bankNav.gif") -963px 0px; width:48px}

#bank1:hover {background: url("../images/btn/bankNav.gif") -1011px 0px; width:55px;}
#bank2:hover {background: url("../images/btn/bankNav.gif") -1065px 0px; width:37px;}
#bank3:hover {background: url("../images/btn/bankNav.gif") -1102px 0px; width:48px;}
#bank4:hover {background: url("../images/btn/bankNav.gif") -1149px 0px; width:46px;}
#bank5:hover {background: url("../images/btn/bankNav.gif") -1194px 0px; width:68px}
#bank6:hover {background: url("../images/btn/bankNav.gif") -1261px 0px; width:51px}
#bank7:hover {background: url("../images/btn/bankNav.gif") -1311px 0px; width:54px;}
#bank8:hover {background: url("../images/btn/bankNav.gif") -1364px 0px; width:105px}
#bank9:hover {background: url("../images/btn/bankNav.gif") -1468px 0px; width:48px}