@font-face {
	font-family: 'Colaborate-ThinRegular';
	src: url('fonts/ColabThi.eot');
	src: local('Colaborate-Thin'), local('Colaborate-Thin'), url('fonts/ColabThi.woff') format('woff'), url('fonts/ColabThi.ttf') format('truetype'), url('fonts/ColabThi.svg#Colaborate-Thin') format('svg');
}

body {font-family: Times, "Times New Roman", serif; font-size: 13px; color:#606366; line-height: 1.3;}

a { text-decoration:none;color:#007ab5}
a:hover {text-decoration:none;color:#000}

p {line-height:1.5;padding: 0 0 10px 0;}

h1 {padding: 0 0 10px 0;font-size: 18px}
h2 {padding: 5px 0 5px 0;font-size: 14px}
h3 {padding: 0 0 10px 0;font-size: 14px}
h4 {padding: 0 0 10px 0;font-size: 12px}
h5 {padding: 0 0 10px 0;font-size: 10px}

ul, ol{padding: 0 0 0 20px}
ul li{padding: 0 0 5px 0; list-style: disc outside; } 
ol li{padding: 0 0 5px 0; list-style: decimal outside;}



table {padding: 0; border: none; margin:0 0 20px}
table th, table thead td {font-weight: bold;}
table tr td{padding:2px 5px;line-height: 1.5;}


table.highlightsFix{margin:0px}
table.highlightsFix td{padding: 0;line-height: 1.3}


/*Header*/
div#header { width:924px; height:103px; margin:0 auto; }
#logo { float:left; width:200px; height:40px; margin-top:43px; }
#logo a img {}

/*Top Right Menu*/
ul.topMenu { float:right; margin:73px 0 0 0; display:block}
ul.topMenu li { padding:0 10px; display:inline }
ul.topMenu li a {color:#606366; font-size:12px; font-family:"Trebuchet MS", Arial;  padding:0 0 10px 0 }
ul.topMenu li a:hover, ul.topMenu li.active a {color:#3d3e40}

/*Site Menu*/
#wrapperMenu { height:36px;}
ul.menu { width:910px; margin:0 auto;border-bottom: solid 1px #bdbcaf;overflow: hidden;padding: 0 0 0 14px}
ul.menu li {padding:12px 20px 10px 0px; display:inline; float:left;}
ul.menu li.first {padding-left:0;}
ul.menu li a {display:block; color:#606366; text-transform:uppercase; padding: 0 20px 0 0/* 12px 0 10px 0 */; font-size:12px; font-family:"Trebuchet MS", Arial; border-right: 1px solid #bdbcaf}
ul.menu li.last a{border: 0}
ul.menu li a:hover, ul.menu li.active a{color:#3d3e40;}

/*Central Container 2-column-template*/
#container { width:924px; margin:10px auto;overflow: hidden }
#content { float:left; width:756px;}
#content p {padding:15px 0;}



a#mainCampaign{color: #FFF;display: block;position: relative}
a#mainCampaign:hover{color: #FFF}

a#mainCampaign span{font-family: Colaborate-ThinRegular, Arial; font-size:42px; line-height:1; color:#fff;padding: 55px 0 0 10px;letter-spacing: 5px;display: block;position: absolute;top:0;left:0}

#campaign { width:756px; height:250px;}
#campaign h1 {font-family: Colaborate-ThinRegular, Arial; font-size:42px; line-height:1; color:#fff;padding: 55px 0 0 10px;letter-spacing: 5px}

#campaignContent{padding:0 10px;}
#campaignContent table{padding: 0;margin: 0}
#campaignContent table td{vertical-align: middle}
#campaignContent table td p{padding: 5px}


#highlights {width:756px; overflow: hidden; border-top: 1px dashed #bdbcaf;padding: 10px 0}
#highlights div.highlightsTxt{padding: 10px 0 0 0}

#highlights div.highlightsTxt p{padding: 10px 0 0 0px}

#highlights div.highlightsTxt ul, #highlights div.highlightsTxt ol{padding: 10px 0 0 20px}

#highlightsLeft {width:392px;padding:0px 5px 0 0; margin:0 10px 0 0; display:table; float:left;border-right: 1px dashed #bdbcaf}
#highlightsLeft p{padding: 0;}

#highlights .box {height:126px; margin:0 0 10px 0; padding:0 10px 0 0; background: #cccc99; overflow:hidden}
#highlights .lastBox {height:126px; margin:0;padding:0 10px 0 0;background: #cccc99;overflow:hidden}

#highlights .box img, #highlights .lastBox img {float:left; margin: 0 10px 0 0;}
#highlights .box h3, #highlights .lastBox h3 {color:#606366; font-size:14px; padding:3px 12px 0px 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold;line-height: 1.2;background:url(images/arrow-1.gif) no-repeat 100% bottom;display: inline;}


/* #highlights .box h3 a, #highlights .lastBox h3 a{color:#606366;background:url(images/arrow-1.gif) no-repeat 100%; padding:0 12px 0 0;}  */


#highlights .box h3.over, #highlights .lastBox h3.over{color:#3d3e40}
#highlightsLeftDown {height:126px; margin:0 0 0 0; padding:10px 10px 0 0}

#highlightsRight { float:right ; width:343px; padding:0px 5px 0 0; display:table; }
#highlightsRight h3 {color:#5397c5; font-size:14px; padding:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#highlightsRight ul {padding: 0}
#highlightsRight ul li {line-height:1.2;padding: 0 0 10px 0;list-style: none}
#highlightsRight ul li a {background:url(images/blueArrowOnWhite.gif) no-repeat 100%; padding:3px 15px 0 0; color:#616366}
#highlightsRight ul li a:hover {color:#3d3e40}

.campaign{cursor: pointer}
.campaign a.learnMore{display: none;visibility: hidden}

/*Central Container 3-column-template*/
#bannerContent2 { width:590px; height:250px;position:relative;}
#content2 {float:left; width:588px; }
#content2 h1.special{font-style: italic;font-weight: normal;display: inline; padding: 0 30px 0 1px; border-bottom: 0px dotted #bdbcaf;font-size: 14px}
#content2 h3.special{font-family: Colaborate-ThinRegular, Arial;font-weight: normal;color: #939696;font-size: 28px;padding: 10px 0 10px 0;}
#IE6 #content2 h3.special{font-weight: bold;}



#content2 #productBanner{position: relative;margin: 0 0 10px 0;width:560px;}
#content2 #productBanner img{margin:0}
#IE6 #content2 #productBanner img{width:585px}
#content2 #productBanner div.special{font-family: Colaborate-ThinRegular, Arial;font-weight: normal;color: #FFF;font-size: 28px;position:absolute;top:0;left:15px;height: 215px;}

#productTxt {padding: 0 15px 15px 15px}
#productTitles {padding: 0 0 0 15px}

#content2 ul{list-style: disc outside;padding: 0 0 10px 20px}
#content2 ul li{padding: 0 0 5px 0;line-height:1.3}

#content2.noMenu{padding: 17px 131px 15px 65px; float:left; width:560px}
#IE6 #content2.noMenu{padding: 0 20px 0 90px;}
#content2.noMenu p {padding:0 0 10px 0}
#content2.noMenu table tbody tr:hover td{background:#ccc}

#content2 ul.siteMap ul{padding: 0 0 0 20px;margin: 0}
#content2 ul.siteMap li{padding: 0 0 0 0px;margin: 0}
#content2 ul.siteMap li a{line-height: 1.5}

#headX {width:570px; background:url(images/dottedLongLine.gif) repeat-x 0 bottom; padding:7px 0 23px 0; margin: 0 0 15px}

.rates p.left {float:left}
.rates p.right {float:right; color:#666;}
.rates table tbody td {padding:5px}

#left {width:155px; float:left;padding: 30px 10px 0 3px}

#left ul{padding: 0}
#left ul.second {padding-top: 5px}
#left ul li {line-height:1.3; padding:0 0 8px 10px; background: url(images/blueArrowOnWhiteSmall.gif)  no-repeat left 3px;list-style: none}

#left ul li.first {color:#606366; font-style:italic;}

#left ul li a {color:#676768; display:inline; padding:0 0px 0 0px;}
#IE6 #left ul li a {display:inline-block}

#left ul li a:hover, #left ul li.active a{color:#3d3e40}

#left h2{font-weight: normal; color:#5bb4e5; font-style:italic; border-bottom: 1px dashed #bdbcaf; padding: 10px 5px 4px 11px;margin: 0 10px 0 0}

.numbers {margin:0 0 30px 0px; border-bottom:1px dashed #ccc/*background:url(images/dottedLongLine.gif) repeat-x 0 bottom*/}
#IE6 .numbers {margin:0}

.numbers p {margin:0 0 6px; margin:0;}
.numbers table{width: 100%}

/*div.numbers table tbody tr.even,.rates table tbody tr.odd {background-color:#f1f1f0;}*/
div.numbers table {margin:0 0 10px 0}
div.numbers table tbody tr.even td{background-color:#f1f1f0;}

table.fees tr td.last, div.numbers table tr td.last {width:100px}

div.numbers table tr td.first5 {width:200px}
div.numbers table tr td.rest5 {width: 87px}


.fees{width: 100%}
.fees tr td {border-right:solid #a5aaa3 1px;color: #000}
.fees tr td.last {border-right:0px;width:100px}
.fees tr.odd {background: #f1f1f0}
.fees tr.cleanFeesRow td {border-bottom:solid #a5aaa3 1px;background: #FFF}
.fees tr.cleanFeesRow td.last {}

#callToAction {line-height:1.2; padding:20px 0 0 0;color:#5f656a;}

#callToAction a {color:#676768; background:url(images/blueArrowOnWhite.gif) no-repeat 100%; padding:0 15px 0 0;}
#callToAction a:hover {color:#000}

/*Right*/
#sidebar { float:right; width:160px; margin:0 0 0 8px;}
#sidebarLogin { height:220px; background:#bdbcaf; margin:0; padding:15px}
#sidebarLogin h3{color:#fff; padding:0 0 10px 0; line-height:1.5;font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#sidebarLogin ul{padding: 0}
#sidebarLogin ul.first {margin-bottom:10px}
#sidebarLogin ul li {padding: 0 0 10px 0;list-style: none}
#sidebarLogin ul li a {color:#606366; padding:2px 15px 0 0; background:url(images/arrow-2.gif) no-repeat 100% 50%;}
#sidebarLogin ul li a:hover {color:#3d3e40}
#sidebarTxt {padding:19px 0px 0px 0; margin:0 10px 15px 10px;}
#sidebarTxt h3 {color:#518b35;font-size:14px; padding:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#sidebarLogo {margin:0 0 15px 15px; position:relative}

/*Footer 3 columns template*/
.footer {width:924px;margin:10px auto; clear:both;border-top: 1px solid #bdbcaf;overflow: hidden}
ul.footerLinks {padding:10px 0 10px 0; float:right}
ul.footerLinks li{display:inline}
ul.footerLinks li a{padding:10px; font-size:10px;color: #616366}
ul.footerLinks li a:hover{color:#3d3e40}
#footerBC{padding:10px 0 0 0; float:left; font-size:10px}
#footerBC a{color:#3d3e40}


/*Sign up form*/

#SignUp .checkboxes {width:630px; padding:0 10px 10px 0; overflow:hidden}
#SignUp .checkboxes .col, .checkboxes .col {float:left; width:48%}

#SignUp .row {clear:both; padding:5px 0 5px 5px; overflow:hidden; width:630px; }
#IE6 #SignUp .row {width:610px; }

#SignUp .row label {display:block; font-weight:bold; margin:0 0 5px 0}
#SignUp .branch select.select {border:1px solid #ddd; width:41%}

#SignUp .cell {float:left; padding:0 10px 5px 0}
#SignUp .cell label {font-size:0.8em; color:#999; font-weight:100 }
#SignUp .cell textarea {}

#SignUp span.req {color:red; padding:0 0 0 1px; width:30px}
#SignUp span.none {color:white; padding:0 0 0 1px; width:30px}
#SignUp input.submit {border:1px solid #ddd;margin:0 0 0 5px}

/*Sign up errors*/
.errors {background:#ed8200; padding:5px; margin:5px 0; color:#fff; line-height:1.5}