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

#call2action {
	position: absolute;
	left: 613px;
	height: 92px;
	width: 254px;
	z-index: 20;
	overflow: visible;
	background-image: url(../images/C2A_bkgrd.gif);
}
#C2A_popOut_closer {   /*  NB I used to have the onMouseout which hides the popOut set on the respectifve <div class="C2A_popOut_container">, but FF3.0 had a bug in which moving the mouse rapidly over form input fields withing the popOut caused the layer to disapear. */
	position: absolute;
	top:-15px;
	left: 580px;
	height:285px;
	width: 325px;
	z-index: 19;
	background-image: url(../images/spacer.gif); /* lte_IE_7 BUG:s the part of this C2A_popOut_closer over the Flash would not work correctly unless there was a something in the this div - so I used a repeating transparent background gif. */
	background-repeat: repeat;
}

/* START C2A button trigger: Hovers over entire C2A section and only used for the mouseover effects */
#C2A_hoverBtnTrigger_container { 
	position: absolute;
	height: 91px;
	width: 254px;
	z-index: 410;
}
.C2A_hoverBtnTrigger {
	float: left;
	position: relative;
	height: 91px;
	width: 84px;
	text-indent:-9999px; /* allows you to keep text in the link even though you are using text images - for SEO and visitors with special needs */
}
/* END C2A button trigger */

/* START the popout contains both the "active" C2A button and the popOut beneath it */
.C2A_popOut_container {
	width: 280px;
	z-index: 400;
	position: absolute;
}

#C2A_popOut_container_callMe,
#C2A_popOut_container_emailUs,
#C2A_popOut_container_register { visibility: hidden; }
#C2A_popOut_container_emailUs { visibility: hidden; }/* NB DEV: only used to keep one of the C2A popOuts visible for testing purposes */
/* END the popout contains both the "active" C2A button and the popOut beneath it */

/* START sets the active C2A button */
.C2A_Btn_active {
	position: absolute;
	z-index:50;
}
#C2A_Btn_active_callMe { left: 0px;}
#C2A_Btn_active_emailUs { left: 85px;}
#C2A_Btn_active_register { left: 170px;}

/* END sets the active C2A button */

.C2A_popOut { /* sets the popOut */
	position: absolute;
	left: -1px; /* because of 1px white border */
	top: 91px;
	z-index:40; /* so that popOut appears behind Btn, so that white border of popOut is not visible where Btn and popOut meet. */
}

/* START Content inside popOut */
.C2A_popOut_content {
border: 1px solid #FFFFFF;
position: relative;
background-color: #b42c33;
font-size: 88%;
font-weight: bold;
color: #FFFFFF;
padding-top: 9px;
padding-right: 9px;
padding-bottom: 9px;
padding-left: 9px;
overflow: hidden;
}
.C2A_popOut .C2A_popOut_content {
width: 258px; /* only for IE 5.5; changed below for all other browsers */
width/**/:/**/ 235px; /* IE 5.5 does not see this */
}
	.C2A_popOut_content p { margin:0 0 10px 0 }
	.C2A_popOut_content h1 {
	font-size: 120%;
	font-style: italic;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:8px;
	margin-left: 0px;
	}
	.C2A_popOut_content a {
	color: #ffd07d;
	text-decoration: underline;
	}


/* START C2A content height: Listed seperately in case you want differnt heights for each C2A content */
#C2A_callMe_popOut .C2A_popOut_content,  
#C2A_emailUs_popOut .C2A_popOut_content,
#C2A_register_popOut .C2A_popOut_content {
	height: 150px; /* only for IE 5.5; changed below for all other browsers */
	height/**/:/**/ 130px; /* IE 5.5 does not see this */
}
/* END C2A content height: */
/* END Content inside popOut */

/* START shadow to right and bottom of button and popOut  */
.C2A_popOut #edge_btm_left {
	background-image:url(../images/C2A_shdw_1_btmLeft.png);
	background-repeat: no-repeat;
	width: 17px;
}
.C2A_popOut #edge_btm {
	background-image:url(../images/C2A_shdw_2_btm.png);
	background-repeat: repeat-x;
}
.C2A_popOut #edge_btm_right {
	background-image:url(../images/C2A_shdw_3_btmRight.png);
	background-repeat: no-repeat;	
	width: 17px;
}
.C2A_popOut #edge_right {
	background-image:url(../images/C2A_shdw_4_right.png);
	background-repeat: repeat-y;
	width: 17px;
	height: 131px;
}
.C2A_popOut #edge_right_last {
	background-image:url(../images/C2A_shdw_4_right.png);
	background-repeat: repeat-y;
	width: 17px;
	height: 19px;
}
.C2A_Btn_active #edge_right {
	background-image:url(../images/C2A_shdw_4_right.png);
	background-repeat: repeat-y;
	width: 17px;
	height: 73px;
}
.C2A_Btn_active #edge_right_last {
	background-image:url(../images/C2A_shdw_4_right.png);
	background-repeat: repeat-y;
	width: 17px;
	height: 72px;
}
.C2A_popOut #edge_topRight, .C2A_Btn_active #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 */

.C2A_popOut_content input,
.C2A_popOut_content textarea {
	float: right;
	background-color: #ffffff !important;
	font-family: Helvetica, Verdana, Arial, Sans-serif;
	font-weight: bold;
	font-size: 95%;
	color: #666666;
	margin-bottom: 2px;
	padding: 0 1pt 1pt 1pt;
	width: 119px;
	height: 13px;
	border: 0.1em solid #d77277;
	background-image: url(../images/input_bcgrnd1.gif)!important;
	background-repeat: repeat-x;
	overflow:hidden;
}
.C2A_popOut_content textarea {
	height: 27px;
	font-family: Helvetica, Verdana, Arial, Sans-serif;
	font-weight: bold;
	margin-top: 0px; /* NB Needed for FF3.0 which put a 1pt space above textarea */
}


.C2A_popOut_content input:focus, .C2A_popOut_content textarea:focus
{
	background-color: #ffffff  !important;
	background-image: none !important;
}

.C2A_popOut_content .formLable {
	float: left;
	clear: both;
}
#required {
	padding-top: 10px;
	font-size: 90%;
	font-style: italic;
}
.C2A_popOut_content #buying_amount_currency_c {
	width: 50px;
	float:left;
}
.C2A_popOut_content #selling_amount_currency_c {
	width: 50px;
	float: right;
}
.C2A_popOut_content .currencySlashCenter {
	left: 181px;
	position: absolute;
	padding: 2px 0 0 0;
}

.C2A_popOut_content .button {
	width: 50px;
	height: 20px;
	margin-top: 3px;
	margin-bottom: 0px;
	margin-right: 1px;
	margin-left: 2px;
	background-image: url(../images/btn_click_2.gif) !important;
	cursor:pointer;
	background-repeat: no-repeat;	
	border: 0;
}
.C2A_popOut_content .button2 {
	margin-right: 10px;  /* lte_IE_7 BUG: ysteriouse space to right of reset button ONLY in emailUs call2action popOut */
}
#C2A_register_popOut .button {
	margin-right: 0px;
	display: inline;
	width: 70px;
}