/* ----------------------------------------------- */
/*                                                 */
/*   Caisse (Caisses populaires du Manitoba)       */
/*                                                 */
/*   Caisse Locator, May 2008                 */
/*   by MF.1 [advertising | branding | strategy]   */
/*                                                 */
/* ----------------------------------------------- */



/* ----------------------------------------------- */
/*                                                 */
/*   Caisse Locator Tab : Main page                */
/*                                                 */
/* ----------------------------------------------- */



#locatorTabMainPage {
	width: 592px;
	height: 79px;
	padding: 0;
	margin: 0;
	text-align: left;
}

.francais { background: #fff url("../images_fr/locator_tab_mainpage_blue.gif") 0 0 no-repeat; }
.anglais { background: #fff url("../images/locator_tab_mainpage_blue.gif") 0 0 no-repeat; }


#locatorTabMainPage ul {
	float: left;
	padding: 20px 5px 4px 0;	
	margin: 0;
}

#locatorTabMainPage ul.one { padding-left: 310px; }
#locatorTabMainPage ul.two { padding-left: 10px; }

#locatorTabMainPage ul.one-eng { padding-left: 310px; }
#locatorTabMainPage ul.two-eng { padding-left: 10px; }


#locatorTabMainPage ul li {		
	padding: 0 0 0 10px;
	margin: 0;
	font: 11px normal Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	background: url("../images/bullet-white.gif") 0 50% no-repeat;
}

#locatorTabMainPage ul li a {
	color: #fff;
}


/* ----------------------------------------------- */
/*                                                 */
/*   Caisse Locator Tab : Inner pages              */
/*                                                 */
/* ----------------------------------------------- */



#locatorTab {
	display: none;
	background: #ffb100 url("../images/locator_tab_bg.gif") 0 0 no-repeat;
	width: 324px;
	height: 79px;
	padding: 0;
	margin: 0;
	text-align: left;

}

#locatorTab ul {
	float: left;
	padding: 18px 5px 4px 30px;
	margin: 0;
}
#locatorTab ul li {
	padding: 0 0 0 7px;
	margin: 0;
	font: 10px normal Verdana, Geneva, sans-serif;	
	background: url("../images/bullet-white.gif") 0 50% no-repeat;
}

#locatorTab ul li a {

	color: #fff;
}


/* ----------------------------------------------- */
/*                                                 */
/*   Caisse Locator Table                          */
/*                                                 */
/* ----------------------------------------------- */


table.caisse-locator {
	padding: 0;
	margin: 0 0 0 12px;
	border-collapse: collapse;
	width: 380px;
}

table.caisse-locator tr td {
	padding: 4px 5px 4px 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
}

table.caisse-locator tr td h4 {
	margin: 12px 0 0 0;
}



/* ----------------------------------------------- */
/*                                                 */
/*   Caisse Locator Map                            */
/*                                                 */
/* ----------------------------------------------- */

#caissemap_fusion_laurier {
	width: 552px;
	height: 342px;
	position: relative;
	margin: 10px 0 0 13px;
}

#caissemap_fusion_laurier ul {}

#caissemap_fusion_laurier ul li {
	position: absolute;
	list-style: none !important;
	background: none;
	padding: 0 !important;
	margin: 0 !important;
}

#caissemap_fusion_laurier ul li a {
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/spacer.gif');
}




#saint-georges { left: 456px; top: 108px; }
#saint-georges a { width: 73px; height: 11px; }

#saint-laurent { left: 298px; top: 129px; }
#saint-laurent a { width: 72px; height: 10px; }

#provencher { left: 52px; top: 145px; }
#provencher a { width: 61px; height: 11px; }

#marion { left: 80px; top: 165px; }
#marion a { width: 34px; height: 11px; }

#lakewood { left: 137px; top: 177px; }
#lakewood a { width: 49px; height: 11px; }

#marquette { left: 311px; top: 178px; }
#marquette a { width: 56px; height: 10px; }

#saint-francois-xavier { left: 321px; top: 193px; }
#saint-francois-xavier a { width: 109px; height: 12px; }

#saint-vital { left: 130px; top: 203px; }
#saint-vital a { width: 56px; height: 11px; }

#elie { left: 284px; top: 208px; }
#elie a { width: 19px; height: 10px; }

#lorette { left: 398px; top: 226px; }
#lorette a { width: 42px; height: 11px; }

#ile-des-chenes { left: 312px; top: 228px; }
#ile-des-chenes a { width: 73px; height: 10px; }

#haywood { left: 261px; top: 232px; }
#haywood a { width: 46px; height: 10px; }

#saint-claude { left: 192px; top: 235px; }
#saint-claude a { width: 65px; height: 10px; }

#richer { left: 428px; top: 238px; }
#richer a { width: 35px; height: 9px; }

#saint-adolphe { left: 299px; top: 242px; }
#saint-adolphe a { width: 71px; height: 9px; }

#rathwell { left: 181px; top: 245px; }
#rathwell a { width: 50px; height: 12px; }

#sainte-agathe { left: 295px; top: 252px; }
#sainte-agathe a { width: 72px; height: 11px; }

#ste-anne { left: 391px; top: 255px; }
#ste-anne a { width: 45px; height: 11px; }

#notre-dame-de-lourdes { left: 113px; top: 260px; }
#notre-dame-de-lourdes a { width: 118px; height: 12px; }

#sainte-pierre-jolys { left: 275px; top: 272px; }
#sainte-pierre-jolys a { width: 99px; height: 14px; }

#la-broquerie { left: 426px; top: 276px; }
#la-broquerie a { width: 65px; height: 12px; }

#saint-leon { left: 175px; top: 288px; }
#saint-leon a { width: 53px; height: 12px; }

#saint-malo { left: 385px; top: 296px; }
#saint-malo a { width: 54px; height: 11px; }

#saint-jean-baptiste { left: 245px; top: 303px; }
#saint-jean-baptiste a { width: 98px; height: 11px; }

#saint-joseph { left: 270px; top: 318px; }
#saint-joseph a { width: 66px; height: 11px; }

#lettelier { left: 353px; top: 318px; }
#lettelier a { width: 49px; height: 10px; }

#south-junction { left: 406px; top: 326px; }
#south-junction a { width: 78px; height: 11px; }



/* ----------------------------------------------- */
/*                                                 */
/*   Caisse Locator : Particular Caisse            */
/*                                                 */
/* ----------------------------------------------- */

h2.caisse {
	font-size: 22px;
	font-weight: normal;
	color: #00adef;
	padding: 0;
	margin: 0px 0px 10px 15px;
}

#leftside {
	float: left;
	width: 275px;
	margin-left: 15px;
	display: inline;
}

#leftside h3 {
	font-size: 14px;
	color: #333;
	margin: 0;
	padding: 5px 0 5px 22px;
	background: url('../images/sota.gif') 0 50% no-repeat;
}

.newsitem {
	border-top: 1px dotted #ddd;
	margin: 0;
	padding: 10px 0;
}
.newsitem h4 {
	margin: 0;
	padding: 0 0 5px 0;
}

.newsitem  a { color: #090;}
/*.newsitem  a:visited { color: #999;}*/

.newsitem h4 div.date {
	font-weight: normal;
	color: #999;
}

#rightside {
	float: right;
	width: 280px;
	background: #be7ffe url("../images/_bg_purple.gif") top right no-repeat; 	
	color: #000;
	display: inline;
}

#rightside h3 {
	font-size: 14px;
	color: #fff;
	margin: 0;
	padding: 15px 20px 15px 42px;
	background: url('../images/sota2.gif') 20px 50% no-repeat;
}
#rightside .serviceitem {
	margin: 0;
	padding: 0 20px 20px 20px;
}
#rightside .serviceitem h4 {
	margin: 0;
	padding: 0 0 5px 0;
}
#rightside .serviceitem h4 span.rate {
/*	color: #ff0000; */
	color: #ffff00;
}


#news {
	clear: both;
	margin-left: 15px;
	padding: 10px 0;
	border-top: 1px dotted #ddd;
}
#news h3 {
	font-size: 14px;
	color: #333;
	margin: 0;
	padding: 5px 0 5px 22px;
	background: url('../images/sota.gif') 0 50% no-repeat;
}


#branches a { color: #900;}
#branches {
	clear: both;
	margin-left: 15px;
	padding: 10px 0;
	border-top: 1px dotted #ddd;
}

#branches h3 {
	font-size: 13px !important;
	color: #333;
	margin: 0;
	padding: 5px 0 5px 22px;
	background: url('../images/sota.gif') 0 50% no-repeat;
}

#branches ul {
	padding: 0;
	margin: 0;
}

#branches ul li {		
	float: left;
	width: 180px;
	padding: 0 12px 20px 0;
	margin: 0;
	background: url("../images/bullet-white.gif") 0 50% no-repeat;
}

#branches ul li.third {		
	padding-right: 0 !important;
}

#branches ul li h4 {		
	font-size: 11px !important;
}

#branches h4 {
	font-size: 12px !important;
	color: #fff;
	padding: 3px 5px;
	background: #c00;
	border: 1px solid #b00;
}

.serviceitem h4, .newsitem h4 {
	font-size: 12px !important;
}

#branches h4 div {
	color: #ccc;
	font-weight: normal;
}

#branches table {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}

#branches table caption {
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	padding: 10px 0 5px 0;
}

#branches table tr td {
	font: 10px normal Arial, Helvetica, sans-serif;
	padding: 1px 0;
	margin: 0;
	border-bottom: 1px solid #ddd;
}
#branches table tr th {
	padding: 1px 3px 1px 0;
	margin: 0;
	border-bottom: 1px solid #ddd;
	font-size: 10px;
	text-align: left;
}



#rates {
	padding-bottom: 20px;
}

#rates div.rate-en {
	position: relative;
	width: 274px;
	height: 96px; 
	background: #00adef url("../images/rates/bg-en.gif") 0 0 no-repeat;
}

#rates div.rate-fr {
	position: relative;
	width: 274px;
	height: 96px; 
	background: #00adef url("../images/rates/bg-fr.gif") 0 0 no-repeat;
}

#rates div.rate-en-loan {
	position: relative;
	width: 274px;
	height: 96px; 
	background: #00adef url("../images/rates/bg-en-loan.gif") 0 0 no-repeat;
}

#rates div.rate-fr-loan {
	position: relative;
	width: 274px;
	height: 96px; 
	background: #00adef url("../images/rates/bg-fr-loan.gif") 0 0 no-repeat;
}


#rates div.rate-en img, #rates div.rate-fr img {
	position: absolute;
	top: 0;
}

#rates div.rate-en-loan img, #rates div.rate-fr-loan img {
	position: absolute;
	top: 0;
}


#rates div.rate-en img.first, #rates div.rate-fr img.first { left: 14px; }
#rates div.rate-en img.second, #rates div.rate-fr img.second { left: 107px; }
#rates div.rate-en img.third, #rates div.rate-fr img.third { left: 152px; }

#rates div.rate-en-loan img.first, #rates div.rate-fr-loan img.first { left: 14px; }
#rates div.rate-en-loan img.second, #rates div.rate-fr-loan img.second { left: 107px; }
#rates div.rate-en-loan img.third, #rates div.rate-fr-loan img.third { left: 152px; }

#rates h3 {
	font: 18px bold Arial, Helvetica, sans-serif;
	color: #000;
	letter-spacing: -0.5px;
	background: none;
	padding-left: 0px;
}
#rates div.dscr {
	padding-top: 5px !important;
	color: #999;
}
#home-page-features {
	margin: 0 10px;
}
#home-page-features p {
	width: 136px;
	margin-right: 10px;
	float: left;
}
#home-page-features p.last {
	margin-right: 0;
}
#home-page-sidebar p {
	margin: 10px 0;
}
.perte {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.site-info {
	padding-left: 10px;
}
.disclaimer {
	color: #999;
	font-style: italic;
}

td.Canafe_header
{

border-left: medium none;
border-right: medium none;
border-top: medium none;
border-bottom: windowtext 1pt;
padding-right: 5.4pt; 
padding-left: 5.4pt; 
padding-bottom: 3px; 
padding-top: 3px; 
background-color: #00ADEF; 
color: white; 
vertical-align:middle;
width: 695px;
 
}

td.Canafe_header_right
{

border-left: medium none;
border-right: medium none;
border-top: medium none;
border-bottom: windowtext 1pt;
padding-right: 5.4pt; 
padding-left: 5.4pt; 
padding-bottom: 3px; 
padding-top: 3px; 
background-color: #00ADEF; 
color: white; 
vertical-align:middle;
width: 75px;
 
}


.Canafe_text_header
{
 font-family:Franklin Gothic Medium, Verdana, Arial, Sans-Serif;  
 font-size:11pt;
 color:white;
 font-weight:normal;
 text-decoration:none;
 text-align:left;

}

.Canafe_text_header_small
{
 font-family:Franklin Gothic Medium, Verdana, Arial, Sans-Serif;  
 font-size:8pt;
 color:white;
 font-weight:normal;
 text-decoration:none;
 text-align:left;

}


.repertoire_titre
{
font-family:Franklin Gothic Medium, Verdana, Arial, Sans-Serif;
 font-size:11pt;
 color:white;
 font-weight:normal;
 text-decoration:none;
  text-align:left;
 
  
}
.repertoire_link
{
    font-family:Arial;  
    color:#009de9; 
    background-color: white;
    font-size: 10pt; 
    
}
.repertoire_link:link
{
    font-family:Arial;  
    color:#009de9; 
    background-color: white;
    font-size: 10pt; 
    text-decoration:underline;
}
.repertoire_link:visited
{
    font-family:Arial;  
    color:#009de9; 
    background-color: white;
    font-size: 10pt; 
    text-decoration:underline;
}
.repertoire_link:hover
{
    font-family:Arial;  
    color:#009de9; 
    background-color: white;
    font-size: 10pt; 
    text-decoration:none;
}
.repertoire_link:active
{
    font-family:Arial;  
    color:#009de9; 
    background-color: white;
    font-size: 10pt; 
    text-decoration:none;
}
td.repertoire_caisse_header
{
border-left: medium none;
border-right: medium none;
border-top: medium none;
border-bottom: windowtext 1pt;
padding-right: 5.4pt; 
padding-left: 5.4pt; 
padding-bottom: 3px; 
padding-top: 3px; 
background-color: #009de9; 
color: white; 
vertical-align:top;
width: 600px;
 
}

.textbox {  
            color: #222;
	        font-size: 12px;
	        font-family: Verdana, Arial, Helvetica, sans-serif;
	        text-align:justify;
	        margin-top:20px;
	        margin-bottom:40px; 
	        line-height:17px;
}


.rap_caisse_titre 
{
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    color:  #009de9;
    background-color: white;
    font-size: 14pt;  
  
} 

a.language:link { color: #FFFFFF; }
a.language:hover { color: #FFFFFF; text-decoration: none; }
a.language:visited { color: #FFFFFF; }
a.language:active { color: #FFFFFF }
