@charset "utf-8";
/* CSS Document */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }
body { background-color: #0079C1; font-size:12px; font-family: Arial, Helvetica, sans-serif; margin:0px 0px; padding:0px; color: #333; }
.leftFloat { float: left; }
.rightFloat { float: right; }
.clear { clear:both; }
h4 { color: #0079c1; font-size: 12px; }

#container { width: 990px; margin: 0 auto; }
#header { width: 940px; height: 101px; background: #0079c1 url('../img/topBG.jpg') bottom left no-repeat; padding: 0 25px; }
#header a {color: #fff; text-decoration: none;}
#bmo_logo { background:url('http://www.bmo.com/images/logo_bmo_fr.gif') top left no-repeat; width:245px; height:59px; float:left; }
#bmo_logo a { width: 190px; height: 64px; display: block; text-indent: -9000px; }
#topLinks { float:right; margin-top:15px; color:#fff; /*font-size:0.75em;*/ }
#topLink a { color:#fff; text-decoration:none; padding:0px 5px 0px 5px; }
#topLinks a:hover { color: #fff; text-decoration:underline; }

/* Main Content Area */
#contentContainer { background: url('../img/BGgradient.gif') top left repeat-y; padding: 30px 100px 30px 80px; }
.title { text-indent:-9999px; padding: 0px; margin: 0; }
.title.customers { background: url('../img/hdr_customers.gif') top left no-repeat; height: 30px; }
.title.employees { background: url('../img/hdr_employees.gif') top left no-repeat; height: 30px; }
.title.reg-price { background: url('../img/hdr_regPrice.gif') center no-repeat; }
.online .title.products { background: url('../img/hdr_onlineProducts.gif') center no-repeat; }
.desktop .title.products { background: url('../img/hdr_desktopProducts.gif') center no-repeat; }
.custOffer .title.price { background: url('../img/hdr_custPrice.gif') center no-repeat; }
.emplOffer .title.price { background: url('../img/hdr_bmoPrice.gif') center no-repeat; }
.offerCopy { width: 533px; margin-top: 15px; }
#tabs { margin-top: 25px;}
#tab-nav { width: 813px; height: 86px; }
#tab-nav li { list-style: none; float: left; height: 86px; margin: 0; padding: 0;}
.custOffer #tab-nav li#onlineOffer { background: url('../img/sprite_tabs_customer.png') 0 0 no-repeat; width: 365px; }
.custOffer #tab-nav li#onlineOffer.ui-state-active { background: url('../img/sprite_tabs_customer.png') 0 -87px no-repeat; width: 445px; }
.custOffer #tab-nav li#desktopOffer{ background: url('../img/sprite_tabs_customer.png') -445px -87px no-repeat; width: 368px; margin-left: -3px; }
.custOffer #tab-nav li#desktopOffer.ui-state-active { background: url('../img/sprite_tabs_customer.png') -365px 0 no-repeat; width: 448px; margin-left: -3px; }
.emplOffer #tab-nav li#onlineOffer { background: url('../img/sprite_tabs_employee.png') 0 0 no-repeat; width: 365px; }
.emplOffer #tab-nav li#onlineOffer.ui-state-active { background: url('../img/sprite_tabs_employee.png') 0 -87px no-repeat; width: 445px; }
.emplOffer #tab-nav li#desktopOffer{ background: url('../img/sprite_tabs_employee.png') -445px -87px no-repeat; width: 368px; margin-left: -3px; }
.emplOffer #tab-nav li#desktopOffer.ui-state-active { background: url('../img/sprite_tabs_employee.png') -365px 0 no-repeat; width: 448px; margin-left: -3px; }
#tab-nav li.ui-state-active a { display: inline-block; width: 448px; height: 62px; white-space: pre; }
#tab-nav li.ui-state-default a { display: inline-block; width: 368px; height: 62px; white-space: pre; }
#tabs-1, #tabs-2 { background: #f6f6f6; border-top: none; border-right: 1px solid #e4e4e4; border-bottom: 1px dashed #e4e4e4; border-left: 1px solid #e4e4e4; padding: 20px 12px 10px; margin-top: -25px; }
.ui-tabs-hide { display: none !important; }


#tabletop { text-indent: -300000px; background: url('../img/tabletop.png'); width: 827px; height: 76px; margin: 20px 0 -34px -7px; position: relative; z-index:10;}
#tabletop.emp { background: url('../img/tabletop_emp.png');}

table { width: 784px; }
table #headingRow { width: 784px; height: 37px; position: relative; }
.tableheadercell { background: url('../img/tableheader.gif') top left no-repeat; }
	.emp .tableheadercell { background: url('../img/tableheader_emp.gif') top left no-repeat; }
	.tableheadercell#cell-a { width: 146px; background-position: 1px 0; } 
	.tableheadercell#cell-b { width: 240px; background-position: -147px 0; } 
	.tableheadercell#cell-c { width: 116px; background-position: -393px 0; } 
	.tableheadercell#cell-d { width: 142px; background-position: -509px 0; } 
	.tableheadercell#cell-e { width: 131px; background-position: -650px 0; } 

table td { border-left: 1px dotted #999; padding: 12px 0; background-color: #fff; }
table tr.odd td { background-color: #edf6fb;}
table td.first { border-left: none; padding-left: 22px; background-image: url('../img/compare_borderL.gif'); background-repeat: repeat-y; }
.desktop table td.first { padding-left: 5px; }
table td.desc { padding: 12px 7px 12px 15px; }
table td.price { font-size: 13px; font-weight: bold; text-align: center; }
table td.offerPrice, table tr.odd td.offerPrice { font-size: 16px; font-weight: bold; color: #fff; text-align: center; background-color: #0079c1; border-bottom: 1px solid #fff; }
table td.offerPrice sup.price, table tr.odd td.offerPrice sup.price { font-size: 10px; height: 0; line-height: 1; position: relative; top: -1.3em; vertical-align: bottom; }
table td.last { background-image: url('../img/compare_borderR.gif'); background-repeat: repeat-y; background-position: right; text-align: center; padding-right: 5px; }
table #bottomRow td { border-left: none; background: url('../img/compare_borderBtm.gif') top left no-repeat; width: 784px; height: 4px; padding: 0; }
#sub_page_text { background: #f6f6f6; border: 1px solid #e4e4e4; border-top: none; padding: 10px 12px 10px; }
#sub_page_text .icon { margin: 15px; width: 77px; }
#sub_page_text .features { margin: 0 15px; width: 590px; }
#sub_page_text .features p { margin: 7px 0; }

/* Buttons */
div.redButton { clear: both; display: inline-block; width: auto; }
div.redButton div { background-position: left top; background-repeat: no-repeat; color: #FFFFFF; float: left; height: 32px; overflow: hidden; }
div.redButton div a { background-position: right top; background-repeat: no-repeat; display: block; float: left; font-size: 12px; font-weight: bold; height: 32px; line-height: 27px; outline: medium none; overflow: hidden; padding-left: 3px; text-decoration: none; }
div.redButton div a:hover { color: #FFFFFF; }
div.redButton div { background-image: url("http://www.bmo.com/images/btn_red_left.png"); padding-left: 11px; }
div.redButton div a { background-image: url("http://www.bmo.com/images/btn_red_right.png"); color: #FFFFFF; padding-right: 25px; }
div.redButton sup { font-size: 8px; height: 0; line-height: 1; position: relative; top: -1.7em; vertical-align: bottom; }


/* Footer */
#footer { color: #fff; margin: 0 auto; width: 940px; padding: 25px; }
#bottom_links, #bottom_links a { color: #fff; text-decoration:none;  }
#bottom_links a:hover { color: #fff; text-decoration:underline; }
.disclaimer { margin-top: 20px;font-size:10px; }
.disclaimer ol { margin: 10px 17px; }

