@charset "utf-8";
/* CSS Document */

	.RightInfoContainer {
	position: relative;
	top:0px;
	right: 0px;
	width:198px;
	z-index:200;
	}
/* START C2A button trigger: Hovers over entire C2A section and only used for the mouseover effects */
	.RightInfo_hoverBtnTrigger_container {
	position: absolute;
	width:198px;
	height:220px;
	z-index:300;
	}
	.RightInfo_hoverBtnTrigger {
	position: relative;
	height: 108px;
	width: 198px;
	}
/* END C2A button trigger */
	
	/* Browser Bugs: NOTE on div.RightInfoButton: These divs (given ID #RightInfoButton_1 and #RightInfoButton_2, respectively, should easily stack one on top of the other. However, the div.RightInfo_popOut_container contained within each will push down the lower positioned div.RightInfoButton in lte IE6. To overcome this I have had to postion each of the div.RightInfoButton absolutely and give an exact top value to each of them. */
	.RightInfoButton {
		position: absolute;
		width: 198px;
		height: 108px;
		margin: 0 0 2px 0;
		overflow: visible;
	}
		#RightInfoButton_1 {
		top:0px;
		z-index:30; /* lte IE5.6 bug: Needs to be on ID not Class and set to higher value than those boxes below it (e.g. #RightInfoButton_2) */
		}
		#RightInfoButton_2 {
		top:110px;
		z-index:29; /* lte IE5.6 bug: Needs to be on ID not Class and set to higher value than those boxes lower down on the page */
		}
	
	.popOut_closer {
	position: absolute;
	right: 21px;
	top: 6px;
	background-color: #FF0000;
	}	
	.RightInfo_popOut_container {
		position: absolute;
		width: 438px;
		height: 100px;
		left: -223px;
		top: -1px;
		z-index:100;
		visibility: hidden;
	}
		#RightInfo_popOut_container_1 { /* DEV: visible for testing only */ 
		visibility:hidden;
		}
		.RightInfo_popOut_leftContent_main {
		position: relative;
		top: 0;
		left: 0;
		width: 240px;
		z-index: 200;
		}
			.RightInfo_popOut_leftContent_main .C2A_popOut_content { /* NB Heigth is set unique to each popOut later on this page (see "Set Height") */
			width: 223px; /* only for IE 5.5; changed below for all other browsers */
			width/**/:/**/ 203px; /* IE 5.5 does not see this */
			padding-top:7px;
			padding-bottom:7px;
			}
			
		.RightInfo_popOut_rightContent_btn {
		position:absolute;
		top: 0px;
		left:222px;
		width:215px;
		z-index:210;
		}
			.RightInfo_popOut_rightContent_btn img.active {
			border-right-width: 1px;
			border-right-style: solid;
			border-right-color: #FFFFFF;
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #FFFFFF;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #FFFFFF;
			}
		
/* START shadow to right and bottom of button and popOut  */
.RightInfo_popOut_leftContent_main #edge_btm_left {
	background-image:url(../images/C2A_shdw_1_btmLeft.png);
	background-repeat: no-repeat;
	width: 17px;
}
.RightInfo_popOut_leftContent_main #edge_btm, .RightInfo_popOut_rightContent_btn #edge_btm {
	background-image:url(../images/C2A_shdw_2_btm.png);
	background-repeat: repeat-x;
}
.RightInfo_popOut_leftContent_main #edge_btm_right, .RightInfo_popOut_rightContent_btn #edge_btm_right {
	background-image:url(../images/C2A_shdw_3_btmRight.png);
	background-repeat: no-repeat;	
	width: 17px;
}
.RightInfo_popOut_leftContent_main #edge_right { /* NB Heigth is set unique to each popOut later on this page (see "Set Height") */ 
	background-image:url(../images/C2A_shdw_4_right.png);
	background-repeat: repeat-y;
	width: 17px;
}
.RightInfo_popOut_rightContent_btn #edge_right {
	background-image:url(../images/C2A_shdw_4_right.png);
	background-repeat: repeat-y;
	width: 17px;
	height: 91px;
}
.RightInfo_popOut_leftContent_main #edge_innerCorner {
	background-image:url(../images/C2A_shdw_6_innerCorner.png);
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
}
.RightInfo_popOut_leftContent_main #edge_topRight, .RightInfo_popOut_rightContent_btn #edge_topRight {
	background-image:url(../images/C2A_shdw_5_topRight.png);
	background-repeat: no-repeat;	
	width: 17px;
}
/* END shadow to right and bottom of button and popOut */

/* START: "Available Currency" table */
.avlblCurrencyTableContainerFixedSizeScroll { /* NB Height is set below (see "Set height of AVAILABLE CURRENCIES") */
	width: 99%;
	border: 0.1em solid #d77277;
	padding: 0px;
	overflow: auto;
	background-color: #cb484e;
	}
		
table.avlblCurrencyTable {
	width:99%; /* set to 99% for Netscape. ALSO: lte_IE_7 BUG: Needs to be made 92% for lte IE 7 */
	border: 0;
}
table.avlblCurrencyTable td {
	padding: 0;
}
table.avlblCurrencyTable .tableDataCol {
	text-align: left;
	padding: 0 4px 0 3px;
}
/* END: "Available Currency" table */

.RightInfoContainer .C2A_popOut_content h1 {font-size: 115%; font-style: normal;	text-align: center;
}
.RightInfoContainer .C2A_popOut_content h2 {
	font-size: 110%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:8px;
	margin-left: 0px;
	text-align: center;
}
.RightInfoContainer .C2A_popOut_content p {font-size: 105%; }
.RightInfoContainer .C2A_popOut_content ul, .RightInfoContainer .C2A_popOut_content ol {
	font-size: 105%;
	padding: 0;
	margin: 0 0 0 22px;
}
.RightInfoContainer .C2A_popOut_content li {
	margin: 0;
	padding: 0 0 8px 0;
}

/*Set height of HOW WE SAVE YOU MONEY */
#RightInfo_1a .C2A_popOut_content { height:325px; } /* Height of container */
#RightInfo_1a #edge_right { height: 214px; } /* Height of right shadow MUST BE 111px less than container set above*/

/*Set height of HOW IT ALL WORKS */
#RightInfo_1b .C2A_popOut_content { height:260px; } /* Height of container */
#RightInfo_1b #edge_right { height: 149px; } /* Height of right shadow MUST BE 111px less than container set above*/

/*Set height of YOUR PERSONAL ACCOUNT SPECIALIST */
#RightInfo_1c .C2A_popOut_content { height:325px; } /* Height of container */
#RightInfo_1c #edge_right { height: 214px; } /* Height of right shadow MUST BE 111px less than container set above*/

/*Set height of AVAILABLE CURRENCIES */
#RightInfo_2 .C2A_popOut_content { height:290px; } /* Height of container */
#RightInfo_2 #edge_right { height: 179px; } /* Height of right shadow MUST BE 111px less than container set above*/
.avlblCurrencyTableContainerFixedSizeScroll { height: 220px; }