/*
Title : mainpanel.css for default
Company :  Lightstone Interactive
Date :  03/2008
Usage:  controls top panel with righthand image/savings calc/quote. 
        Extends mainpanel styles in content.css
*/

/* cactus image - current-accounts/product-compare.aspx*/
#topInfoImage {
	position:absolute;
	top:9.5em;
	left:3em;
	width:92px;
	height:176px;

}
.investmentImage 
{
	background-image:url("/assets/images/currentaccounts/investments1.gif");
}
.smallText {
	font-size:85%;
}
#openQuoteMark {
	position:relative;
	top:1em;
	left:0.5em;
	width:21px;
	height:16px;
	background-image:url("/assets/images/currentaccounts/open_quote_mark.gif");
}
#quote {
	position:relative;
	top:0em;
	left:2.9em;
	width:12em;
	margin-bottom:1em;
	min-height:10em;
	font-size:80%;
}
#closeQuoteMark {
	position:relative;
	float:right;
	top:-10px;
	left:22px;
	width:21px;
	height:16px;
	background-image:url("/assets/images/currentaccounts/quote_mark.gif");
}
#customerName {
	position:relative;
	font-size:75%;
	display:block;
	top:15px;
}
#mainpanelRightBox {
	float:left;
	margin:0.5em 0pt 0pt 0.5em;
	width:14em;
	border:1px solid #ff9706;
	background-color:#fffaf2;
}
#mainpanelRightBoxCorner {
	position:relative;
	left:12.8em;
	top:-1px;
	height:20px;
	width:20px;
	background-image:url("/assets/images/currentaccounts/quoteBoxCorner.gif");
	background-repeat:no-repeat;
}
/* for mainpanels that span the content (e.g. investments/index.aspx)*/
.long 
{
	width:43.9em;
	 min-height:11em;}
	
.long h1
{
	position:relative;
	width:15em;
	margin-left:-7.5em!important;

	}
.long h2
{
	position:relative;
	width:35.2em;
	margin-left:-17.55em!important;

	}
	
/* for mainpanels that span the content and has no creative (e.g. insurance/car-insurance.aspx)*/	

.noCreative h1
{
	width:12.5em;
	margin-left:-4.9em!important;
	}
.noCreative h2
{
	width:30.2em;
	margin-left:-11.55em!important;
	}