@import url("menu.css");

/* Styles for BMO Spend & Payment Solutions */

/* HTML Styles */
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#464646; }
img { border:none; }
h1, h2, h3, h4 { color:#0066CC }
h1 { font-size:16px; }
h2 { font-size:14px; }
a { color:#0066CC }
a:hover { color:#000099; }


/* Top Menu Styles */
#spsMenu { list-style:none; font-size:11px; margin:0px; padding:0px; }
#spsMenu li { float:left; display:block; width:110px; height:auto; vertical-align:middle; text-align:center;  color:#FFFFFF; border-width:1px 1px 1px 0px; border-style:solid; border-color:#7ebfff; font-weight:bold; }
#spsMenu li a { color:#FFFFFF; text-decoration:none; display:block; height:32px; padding:3px 10px 0px 10px; background-image:url(images/bg_menu.gif);  }
#spsMenu li a:hover { color:#FFFFFF; text-decoration:none; display:block; background-image:url(images/bg_menu_hover.gif);  }
#spsMenu #menu7 { line-height:29px; border-right-style:none; } /* Last menu option */

/* Currently Selected Menu Styles */
/*#spsMenu #menu1.selected a { ; }
#spsMenu #menu2.selected a { ; }
#spsMenu #menu3.selected a { ; }
#spsMenu #menu4.selected a { ; }
#spsMenu #menu5.selected a { ; }
#spsMenu #menu6.selected a { ; }
#spsMenu #menu7.selected a { ; }*/

/* Side Menu Styles */
ul.sideMenu { font-size:11px; display:block; padding:10px; margin:0px;  }
ul.sideMenu li { margin-left:20px; }
.sideMenu a { color:#FFFFFF; text-decoration:none; }
.sideMenu a:hover { color:#FFFFFF } 
.sideMenu .selected a { color:#FFFFFF; font-weight:bold; }

#ss_menu { background-color:#dc6635; }
#ss_menu li { list-style-image:url(images/menu_bullet_orange.gif);  }
#ps_menu { background-color:#942b6a }
#ps_menu li { list-style-image:url(images/menu_bullet_purple.gif);  }
#about_menu { background-color:#0268ce }
#about_menu li { list-style-image:url(images/menu_bullet_blue.gif);  }

/* News Styles */
#pressReleases, #articles, #events, #apex{ display:none; }

/* About Us Styles */
.bio { margin-left:80px; background-color:#F9F9F9; border:1px solid #EFEFEF; padding:0px 15px 0px 15px; margin-top:10px; margin-bottom:10px; display:none; }
.bioWrapper { clear:both; padding:5px 0px 0px 0px; }
.bioPic { float:left; padding:1px; border:1px solid #999999; margin-right:10px; }

/* Page Structure */
#pageWrapper { width:767px; margin-left:auto; margin-right:auto; }
#leftCol { width:165px; float:left; margin-top:-3px; }
#middleCol { width:404px; float:left; padding:15px;  }
#middleCol.span2 { width:569px; float:left; padding:15px; }
#middleCol.span3 { width:735px; float:left; padding:15px; }
#rightCol { width:165px; float:left; padding-top:15px; padding-bottom:15px; }
#spsFooter { border-top:1px solid #CCCCCC; padding:3px; clear:both; }

/* Custom */
img.block { display:block; }
#miniTitle { margin-left:565px; }
#bmofgLogo { position:absolute; top:10px; }
#topLinks { text-align:right; padding:5px;  }
.centre { text-align:center }
.floatLeft { float:left }
#signIn { display:block; margin:0px; padding:2px; }
#signIn li { background-color:#FFFFFF; display:block; margin-left:20px; list-style-image:url(images/bullet_blue.gif) }
#signIn li.title { background-color:#999999; display:block; margin-left:0px; padding:3px; margin-bottom:5px; background-image:url(images/bg_menu.gif); color:#FFFFFF; font-weight:bold; list-style-image:none; }
.topSpace { margin-top:15px; }
.sideBanner { margin-bottom:10px; margin-left:auto; margin-right:auto; display:block; }

/* --------------- m33 additions --------------------- */

body {
	background-color:#3394cd;
	padding:0px;
	margin:0px;
}



#pageWrapper {
	border:1px solid #106a9f; 
	border-top:none; 
	background-color:#ffffff; 
	margin-top:0px; 
	padding:0px;

}

#spsHeader {
	height:70px;
	width:751px;
	padding:8px;
	background-color:#0079c1; 
	color:#ffffff;
}

#spsHeader a{
	color:#ffffff;
}

#spsFooter {
border-top:4px solid #57a3d9;
padding:8px;
background-color:#0079c1; 
color:#ffffff;
height:50px;

}

#spsFooter a {
	color:#ffffff;
}

#miniTitle {
	margin:27px 0px 0px -85px;
}

#spsMenu li {  
	width:auto; 
	height:auto; 
	border:none; 
	margin-bottom:0px; 
}

#spsMenu li a { 
	height:auto; 
	padding:0px;
	margin-bottom:0px; 
	background-image:none!important;  

}


#spsMenu li a:hover {
	background-image:none;
}

#spsMenu .nav_img:hover {
	moz-opacity: 0.90;
	opacity: 0.90;
	filter: alpha(opacity=90);
}



#spsMenuBottom { list-style:none; font-size:11px; margin:0px; padding:0px; float:right;
	margin-top:-36px; margin-right:-8px; position:relative; display:inline;
}
#spsMenuBottom li { float:left; display:block; width:110px; height:35px; vertical-align:middle; text-align:center;  color:#FFFFFF; border-width:1px 1px 1px 0px; border-style:solid; border-color:#7ebfff; font-weight:bold; }
#spsMenuBottom li a { color:#FFFFFF; text-decoration:none; display:block; height:32px; padding:3px 10px 0px 10px; background-image:url(images/bg_menu.gif);  }
#spsMenuBottom li a:hover { color:#FFFFFF; text-decoration:none; display:block; background-image:url(images/bg_menu_hover.gif);  }

#spsMenuBottom li {  
	width:auto; 
	height:auto; 
	border:none; 
}

#spsMenuBottom li a { 
	height:auto; 
	padding:0px; 
	background-image:none!important;  
}

#spsMenuBottom li a:hover {
	background-image:none;
}

#spsMenuBottom .nav_img:hover {
	moz-opacity: 0.90;
	opacity: 0.90;
	filter: alpha(opacity=90);
}