/* This stylesheet contains height, width, margin, padding, overflow, float and other page layout related styles ) */

/************************************************* Important Notes ***************************************/
/* DO NOT REMOVE ANY -----!important------ ATTRIBUTES FROM THIS CODE AS IT IS FOR BROWSERS OTHER THAN IE */
/************************************************* Important Notes ***************************************/


/******************** Start => Page Layout Divs ********************/
body {
	}
#body_wrapper {  			/*For the adaptive CSS : All the child classes will behave depending on this IDs class change for different resolution*/
	width: 960px;
	}
	.aig800 {
		width: 960px; 		/* To adjust the width of the #body_wrapper in 800/600 screen resolution */
		}
	.aig1024 {
		width: 960px; 		/* To adjust the width of the #body_wrapper in 1024/768 screen resolution */			
		}
#grid_wrapper { 			/* Wrapper for the content Divs e.g Left, Center and Right Grid */
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: auto !important;
	width: 960px;
	overflow: visible;	
	float: left;
	}
br.both {					/* Mendatory for the grid_wrapper to strech till the end */
	height: 0;
	clear: both;
	}
div.clearer { 				/* Workaround CSS : Mendatory for the grid_wrapper to strech till the end */
	clear: left; 
	height: 0;
	}
#gridLeftNoMenu { 			/* Left Grid/Column - Fluid with fixed right margin : Updated SCR:14886*/
	float: left;
	width: 145px; 					/* witdh of the left sidebar -- can be set to any value including percentages */
	margin: 10px 10px 0 0 !important;
	margin: 10px -23px 0 0;
	padding: 0 0 0 0;
	overflow: hidden !important; 	/* DO NOT REMOVE */
	overflow: visible;				/* DO NOT REMOVE */
	}	
#gridLeft { 						/* Left Grid/Column - Fluid with fixed right margin */
	float: left;
	width: 175px; 					/* witdh of the left sidebar -- can be set to any value including percentages */
	margin-top: 2px;
	padding-top: 35px;
	overflow: hidden !important; 	/* DO NOT REMOVE */
	overflow: visible;				/* DO NOT REMOVE */
	height: 498px;
	}
#pageBanner{						/* This section can used for page level Banner / Breadcrumb / Page Title Section SCR: 14886 */
	height: 142px;
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	overflow: hidden !important;
	overflow: visible;
	}
#gridCenter { 						/* Center Grid/Column - Fluid with fixed right margin */
	padding: 0;
	overflow: hidden !important;	/* DO NOT REMOVE */
	overflow: visible;				/* DO NOT REMOVE */
	margin: 0;
	margin-top: 2px;
    padding-top: 34px;
	padding-left: 22px;
	padding-right: 22px;
	width: 549px;
	min-height: 598px;
	*min-height: 598px;
	border-left: 1px solid #e6e6e6;
	}			
#gridRight { 						/* Right Grid/Column */	
	float: right;
	width: 182px;
	margin: 2px 0 0 0 !important;
	*margin: 2px 0 0 -3px; 		/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	padding: 0;
	padding-top: 35px;
	overflow: hidden !important;
	overflow: visible;
	background-color: #0079C1;
	min-height: 678px;
	min-height: 676px\9; /* IE8 */
	*min-height: 672px;  /* IE7 */
	
	}
#PlaceHolderBanner{					/* Banner Section controller*/
	height: 100px;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	display: none;
	}
/******************** End => Page Layout Divs ********************/

/******************** Start => Page Header ********************/
#mastHead{							/* Holds the header section */
	padding: 0 0 0 0;
	margin: 0 0 0 0 !important;
	margin: 0 0 0 0;
	width: 961px;
	height: 72px;
	}
	/*---- global links styles ----*/
#topLinks {	
	float: right;	
	}
#topLinkLang{
	margin: 0 0 0 -20px;  			/* Laguage section block */
	padding: 0 0 0 0;
	}
	#topLinkLang .topLinkSep{		/* Updated for Business Protection Site */
		display: none;
		}
	#topLinkLang a{					/* Updated for Business Protection Site */
		padding-left: 5px;
		padding-bottom: 0px;
		margin-left: 5px;
		height: 10px;
		}			
#siteSearch{ 						/* Describe the position of the search field section */
	margin: 2px 0px 0 0 !important;
	margin: 3px -2px 0 0;
	padding: 0;
	float: right;
	}
	#siteSearch input.txtMedium{ 
	margin-top: 1px !important;
	margin-top: 0;
	width: 157px;
	float: left;
	}
	#siteSearch input.btn {
	border: 0pt none;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:15px;
	text-transform:uppercase;
	margin: 0 0 -5px 3px !important;
	float: left;
		}	
#logo {								/* Fix the Logo  */
	float: left;
	height: 49px;					/* Logo image height */
	width: 101px;					/* Log Image Width */
	margin: -17px 0 0 0 !important;
	margin: -17px 0 0 0;
	}
#logobanner1 {						/* The first Branding container - Can be Image or Text */	
	float: left;
	margin: -35px 0 0 0px!important;
	margin: -29px 0 0 0px;
	padding: 0 0px;
	}
#logobanner2, #logobanner3, #logobanner4 {		/* Second Branding container - Can be Image or Text */			
	display: block;
	margin: -28px 0 0 0px!important;
	margin: -28px 0 0 0px;
	float:left;
	}
/******************** End => Page Header ********************/

/****************** Start => Top Navigation *****************/
#navContainer{
	width: 963px!important;
	margin-top:8px;	
	}
#navContainer #navList{
	margin: 0 0 0 0px;		/* Position of the complete the menu section at the title bar */
	}
#navContainer ul{
	margin: 0;
	padding: 0;
	padding-top: 1px;
	}
#navContainer ul li { 
	display: inline;
	}
#navContainer ul li a{
	display: block;
	float: left; 
	padding: 0 0 0 0;
	height: 25px;
	}
/******************** End => Top Nav ********************/

/******************** Start => Left Navigation ********************/
.open {							/* Show the Submenu */
	display: block;
	}
.closed {						/* Hide the Submenu */
	display: none;
	}
#leftNavContainer{
	/*width: 115px;				/* Mention the Left Nav Width */
	margin-left: 18px;
	}	
	#leftNavContainer ul{
		margin: 0;
		padding: 0;
		padding-top: 8px;
		}
		#leftNavContainer li{
			padding: 0px 2px 4px 0px ;
			}
			#leftNavContainer li a{			/* Ist Level Link */
				/*background: url(../images/arrow_level1.gif) #296691 no-repeat 3px 9px;*/
				padding: 0 0 0 13px ;
				margin: 0;
				display: block;
				}
			#leftNavContainer li li{
				padding: 0 0 0 0;
				margin: 3px 0 0 8px;

				}
					#leftNavContainer li li a{			/* 2nd Level Link */
					padding:0 3px 4px 18px;
					margin: 0 0 0 0;
					}
						#leftNavContainer li li li a{			/* 2nd Level Link */
						padding:0 3px 4px 23px;
						margin: 0 0 0 0;
						}					
													/* Color and UI details of the I, II, III level of Navigation */	
	#leftNavContainer li a.navTxt, #leftNavContainer li li a.navTxt, #leftNavContainer li li li a.navTxt{
				/* Width of the First Level - To Remember ==> Total width - left+rightPadding */
	padding: 0 3px 0 13px;
	margin: 0 0 0 0;
	}	
	#leftNavContainer li li a.navTxt{
		width: 85px;	/* Width of the First Level - To Remember ==> Total width - left+rightPadding */
		padding: 0 0 0 0px;
		}
	#leftNavContainer li li li a.navTxt{
		width: 80px;	/* Width of the First Level - To Remember ==> Total width - left+rightPadding */
		padding: 0 0 0 0px;
		}
/******************** End => Left Nav ********************/	

/******************** Start => BreadCrumb ********************/	
#breadCrumb{
	height: 20px;
	margin: 0 0 10px 0; 
	display: none;
	}
	#breadCrumb span{	
		padding: 0 2px 0 2px;
		}	
	#breadCrumb a, #breadCrumb a:visited{
		display: inline;		
		}		
	#breadCrumb a.drop, #breadCrumb a.drop:visited, #breadCrumb a.drop:hover {
		padding-right: 18px;
		}
								/* Start => BreadCrumb Dropdown */
#dropMenuDivAIG {
	position: absolute;
	z-index: 100;
	margin-top: -10px;
	}
#dropMenuDivAIG a {
	width: 100%;
	display: block;
	padding: 1px 0 ;
	}
/******************** End => BreadCrumb ********************/

/******************** Start => Page Title ********************/	/* Modified for SCR: 14886 */
#pageTitle{
	float: none; 
	margin:0px 0 10px 0; 
	height: 30px;
	}	
	#pageTitle img{ 	
		height: 62px;
		margin:0 ;
		padding:0 10px 0 0;
		float: left;
		}
	#pageTitle .link {
		margin: 0 0 0 10px;
		padding-bottom: 5px;		
		}
/******************** End => Page Title ********************/	
/******************** Start => Page Sub titles ********************/
#pageSubTitle{
	padding: 0 0 0 0;
	margin: 5px 0 10px 0;
	}
	.pageSubTitle2{
		padding: 5px 0 0 0;
		}
/******************** Start => Page Sub titles ********************/

/************** Start => Left/Right Column Standard Module *****************/
	
.rightModule, .rightModuleAds, #gridCenter .Module {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		}
.leftModule, .leftModuleAds{
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
		}		
	.rightModule .moduleTitle, .leftModule .moduleTitle {
		display: block;
		padding-bottom: 12px;
		margin-left: 14px;
		width: 150px;
		border-bottom: 1px solid #5aa7d8;
		}
	#gridCenter .Module .moduleTitle { /* Box Title */
		display: block;
		padding-bottom: 12px;
	}
	.rightModule .moduleTitle img, .leftModule .moduleTitle img {
		float: none;
		padding: 0;
		margin: -3px -10px;
		}
	.rightModule .moduleSubTitle, .leftModule .moduleSubTitle, #gridCenter .Module .moduleSubTitle{ 
		display: block;
		padding: 2px 10px;
		}
	.rightModule img, .leftModule img, .rightModule form, .leftModule form, .rightModuleAds img, .leftModuleAds img {
		padding: 0;
		}
	.rightModule p, .leftModule p{
		margin: 5px 10px;
		}
	.rightModule .moduleFooter, .leftModule .moduleFooter {
		margin: 5px;
		padding-left: 8px;
		}
	.rightModule .moduleMore p, .leftModule .moduleMore p {
		padding: 5px 10px 5px 10px;
		margin: 0;
		}		
	.rightModule div.boxAction, .leftModule div.boxAction {
		padding: 0 15px 5px 0;
		}
.leftModule { /* Additional properties of the left module */
	clear: left;
	float: left;
	margin-right: 15px;
	}
.rightModule, .rightModuleAds, .leftModule, .leftModuleAds {
	width: 182px; /* Fixed width Left and Right Modules*/
	}
#gridCenter .Module{
	margin: 0 10px 10px 0;
	}
/************** End => Left/Right Column Standard Module *****************/	

/************** Start => List items for the whole page *****************/	
ul.bulleted{
    margin-left:30px;
	padding: 0 0 0 0;
	padding-right: 14px;
	padding-bottom: 15px;
	}
	ul.bulleted li{
	padding: 0;
	}	
ul.bigBulleted{
	/*list-style-image: url("li_square_tcm301-4124.gif");*/
	/*list-style-image: url("../images/li_navysml.gif");*/
	padding: 0;
	margin: 0;
	padding-left: 20px;
	}
	ul.bigBulleted li{
		padding: 0 0 5px 0;
		}
ul.nonBulleted{
	color: #FFFFFF;
	margin: 0;
	padding: 0 0px 20px 15px;	
	}
	.centerModule ul.nonBulleted {
		margin: 0;
		padding: 3px 0 0 0;
		}
ul.imageBulleted {
	margin: 5px 5px;
	padding: 0; 					/* Cross check in all browser the positions of the bullets, when changed */
	}
	ul.imageBulleted li {
		clear: left;
		padding: 1px 0 1px 5px;
		}
	ul.imageBulleted li img {
		padding-right: 5px;
		}
.column { /* To create column within the content */
	float: left;
	width: 45%;
	}
/************** End => List items for the whole page *****************/		
/* Start => Center Column Standard Module*/
.centerModule, .centerModule .module { 					/* Center Module properties: It has all the component which Left and Right Module has */
	margin: 0 0 10px 0;
	}
	.centerModule .moduleTitle { 
		margin-bottom: 5px!important;
		margin-bottom: 0px;
		display: block;
		}
	.centerModule .moduleTitle a { 	/* Module Title as a link */
		margin-bottom: 10px;
		}		
	.centerModule .moduleTitle img {
		float: none; 			
		}
	.centerModule .moduleSubTitle { 
		margin-bottom: 5px;
		}
	.centerModule img { 			/* Center Module Image */
		float: left;		
		padding: 5px 5px 0 5px;
		}
	.centerModule p {
		padding-bottom: 10px;
		margin: 0;
		display: block;
		}
	.centerModule .moduleFooter {
		margin: 3px;
		}
	.centerModule .moduleMore {
		padding: 1px 0;
		}
	.centerModule #homeImage1{
		float: left;
		margin: 0 0 10px 0;
		}
		.centerModule #homeImage2{
			float: right;
			margin: 0 0 10px 0;
			}
#imgSection{
	float: left;
	display: block;
	clear: both;
	}		
/************** End => Center Column Standard Module ************/

/******************** Start => Search Result  ********************/
								/* Updated for SCR: 14886 */
#searchPageForm{				/* Controls the search form on the search Page */		
	margin: 0 0 0 100px;
	padding-bottom: 10px;
	width: 400px;
	height: 50px;
	}
	#searchPageForm	.boxAction a{
		display: block;
		width: 100px;
		}
#helpLayer{						/* Control the Search help layer */
	display: none;
	position: absolute;
	width: 400px;
	top: 280px;
	left: 60%;
	margin: -25px -200px;
	padding: 10px;
	}
.searchHelpText	{
	display: block;
	clear: left;	
	}
.searchResults{
	margin: 0 0 20px 0;
	clear: left;
	}
	.searchResults .searchTitle{
		float: left;
		margin: 5px 0 5px 0;
		}
	.searchResults p{
		margin: 0 0 6px 0;
		display: block;
		}
	.searchResults .pagination{
		margin: 5px 0 0 0;		
		white-space: nowrap;
		float: right;
		}
	.searchResults ul{
		margin: 5px 0;
		clear: left;
		}
	.searchResults ol {
		clear: left;
		}	
	.searchResults ul.nonBulleted li {
		clear: left;
		margin: 5px 2px 2px -10px;
		padding: 0 0 5px 0;
		}
	.searchResults ol.nonBulleted li{
		clear: left;
		margin: 5px 2px 2px -10px;
		padding: 0 0 5px 0;
		}
	.searchResults ol li{
		clear: left;
		margin: 2px 0 2px 0;
		padding: 0 0 5px 0;
		}		
/******************** End => Search Result ********************/	

/***************Start Site Map Section *****************/	
.sitemapH{
	margin-left: -38px;
	}
.sitemapH .navlist li{
	display: inline;
	margin: 0;
	padding: 0;
	padding-right: 20px;
	}
.sitemapV #sitemapContainer #navlist{
	padding: 0;
	margin: 20px 0 40px 0;
	}
	.sitemapV #sitemapContainer #navlist li{
		margin: 0;
		padding: 10px 0 0 5px;
		}
	.sitemapV #sitemapContainer #navlist li ul{
		margin-left: 10px;
		padding: 0 !important;		
		}
	.sitemapV #sitemapContainer #navlist li ul li ul{
		margin-left: 15px;
		padding: 0 !important;		
		}
/***************End Site Map Section *****************/

/***************Start Form Section *****************/
#contFormFldSet{
	width: 520px;
	margin: 10px 0 0 0;
	padding: 0;
	}
legend {
	display: none;
	}
#contactForm label {
	display: block;
	padding: 0 0 12px 0;
	}
#contFormFldSet input {
	display: block;
	margin-top: 3px;
	margin-bottom: 0;
	}
#contFormFldSet select {
	float: left;
	display: block;
	}
#contactForm label.field-first {
	clear: left;
	}
#contactForm label.field-first, #contactForm label.field-last {
	float: left;
	margin: 0px 10px 0 0;
	width: 200px;
	}
#contFormFldSet textarea {
	display: block;
	}
#contactForm textarea {
	margin-top: 3px;
	}
.description{
	float: left;
	}
#fn, #ln, #comp, #eml, #pro{
	display: none;
	}
	.selSmall {
	width: 46px;
	margin: 5px 0px;	
	}	
.selMedSmall {
	width: 118px;
	margin: 5px 0px;	
	}	
.selMedium {
	width: 190px;
	margin: 5px 0px;		
	}	
.selLarge {
	width: 261px;
	margin: 5px 0px;	
	}
/***************End Form Section *****************/	

/******************** Start => Footer ********************/
#pageFooter {
	clear: both;
	}
	#pageFooter p{
		padding: 10px 0 0 0;
		margin: 0 0 0 0;
		}
		#pageFooter ul{
			margin: 0;
			padding: 0;
			}
	
/******************** End => Footer ********************/

/******************** Start Category Module ****************/
.moduleCat{
	}
.moduleCat .moduleImage{
	display:none;
	}	
.moduleCat .moduleCont{
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden !important;
	overflow: visible;
	}
	
.moduleCat .moduleCont .moduleTitle{
	display: inline;
	margin: 0 0 0 0;
	}
	.moduleCat .moduleCont .moduleTitle a{
		margin: 0;
		padding: 0 4px 0 0;
		text-decoration: underline;
		}
		.moduleCat .moduleCont .moduleTitle a:hover{
		margin: 0;
		padding: 0 4px 0 0;
		text-decoration: none;
		}
.moduleCat .moduleCont .moduleText{
	/*display: inline;*/
	}
.moduleCat .moduleCont .moduleText p{
	margin: 0px;
	}
	.moduleCat .moduleImage img{
		margin: 0;
		padding: 0;						
		}
		
		
div.whiteButton, 
div.whiteButton-inactive, 
div.whiteButton-noArrow, 
div.whiteButton-noArrow-inactive, 
div.redButton, 
div.redButton-inactive, 
div.blueButton, 
div.blueButton-inactive, 
div.arrowLink, 
div.backButton, 
div.backButton-inactive {
    clear: both;
    display: inline-block;
}

div.redButton div {
    background-image: url("http://www.bmo.com/images/btn_red_left.png");
    padding-left: 11px;
}

div.redButton div, 
div.redButton-inactive div, 
div.whiteButton div, 
div.whiteButton-inactive div, 
div.whiteButton-noArrow div, 
div.whiteButton-noArrow-inactive div, 
div.blueButton div, 
div.blueButton-inactive div, 
div.backButton div, 
div.backButton-inactive div {
    background-position: left top;
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: left;
    height: 32px;
    overflow: hidden;
}

div.redButton div a {
    background-image: url("http://www.bmo.com/images/btn_red_right.png");
    color: #FFFFFF;
    padding-right: 25px;
}

div.redButton div a,
div.redButton-inactive div a,
div.whiteButton div a,
div.whiteButton-inactive div a,
div.whiteButton-noArrow div a,
div.whiteButton-noArrow-inactive div a,
div.blueButton div a,
div.blueButton-inactive div a,
div.backButton div a,
div.backButton-inactive 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;
}

		
/******************** End Category Module ****************/
/******************** Start Category Module ****************/
/*.moduleCat{
	margin: 0 0 20px 0;
	padding: 0;
	}
.moduleCat .moduleImage{
	float: left;
	width: 69px; 				/* witdh of the left sidebar -- can be set to any value including percentages */
	/*margin: 0 5px 0 0;
	padding: 0 0 0 0;
	overflow: hidden !important;
	overflow: hidden;
	}	
.moduleCat .moduleCont{
	display: block;
	min-height: auto;
	height: 100% !important;
	height: 50px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden !important;
	overflow: visible;
	}
.moduleCat .moduleCont .moduleTitle{
	display: block;
	margin: 0 0 5px 0;
	
	}	
	.moduleCat .moduleImage img{
		margin: 0;
		padding: 0;
						
		}		*/
/******************** End Category Module ****************/