﻿.quote-col-header{
    background:#F7810C url(../../images/quote-top-bg.gif) top center no-repeat;
    text-align:center;
    color:#fff;
    width:653px;
    margin:0 0 0 5px;
    font-size:1.4em;
}
.quote-col{
    width:633px;
    float:left;
    margin:0 0 20px 5px;
    padding:9px;
    clear:both;
    border:1px solid #F7810C;
}
.quote_main{
	float:left;
	width:470px;
	margin:0;
	padding:20px 0 0 0;
}
.quote_right{
	float:left;
	width:160px;
	padding:20px 0 0 0;
}
.quote_right h1{
	color:White;
	font-size:1.3em;
}
.quote_right a{
    color:White;
    text-decoration:underline;
}
.quote_right a:hover{
    color:White;
    text-decoration:none;
}
.green-box{
	width:160px;
	background:url(../../images/green-156-top.jpg) top center no-repeat;
	color:White;
}
.green-box .inner{
    padding:8px;
    background:url(../../images/green-156-bot.jpg) bottom center no-repeat;
}
.orange-box{
	width:160px;
	background:url(../../images/orange-156-top.jpg) top center no-repeat;
	color:White;
}
.orange-box .inner{
    padding:6px;
    background:url(../../images/orange-156-bot.jpg) bottom center no-repeat;
}

.quote_nav{
    margin:0;
    clear:both;
}
.quote_nav a, .quote_nav a:hover, .quote_nav a:visted{
	color:White;
	text-decoration:none;
}
.quote_nav .step{
	float:left;
	text-align:center;
	background:url(../../images/step-off.gif) center no-repeat;
	color:#FFF;
	font-size:1.2em;
	margin-right:2px;
	width:156px;
	height:41px;
	line-height:41px;
}
.quote_nav .step_selected{
	float:left;
	text-align:center;
	background:url(../../images/step-on.gif) center no-repeat;
	color:#FFF;
	font-size:1.2em;
	margin-right:2px;
	width:156px;
	height:41px;
    line-height:41px;
}
.quote_cashback{
	width:642px;
	height:80px;
	background:url(../../images/cash-back-bg.gif) center top no-repeat;
	color:White;
	margin:12px auto 0 auto;
	clear:both;
}
.quote_cashback h1{
	font-size:1.2em;
	color:White;
}
.policy-panel{
    background:#f4f4f4;
    width:465px;
    padding:0;
    margin:0 0 12px 0;
    border:none;
    color:#000;
}
.policy-panel td
{
    padding:6px;
}    
.policy-panel .top{
    background:url(../../images/grey-bg-top.gif) center top no-repeat;
}
.policy-panel .bottom{
    background:url(../../images/grey-bg-bot.gif) center bottom no-repeat;
}
.policy-panel h2{
    margin:0 0 0 0;
    padding:0 0 2px 0;
    border-bottom:1px solid #65A709;
    color:#65A709;
}
.policy-panel sup{color:#FF850D;}

.quote_bottom{
    width:100%;    
}
.quote_bottom .button{
    float:left;
    width:156px;
    height:41px;
    line-height:41px;
    background:url(../../images/step-on.gif) top center no-repeat;
    text-align:center;
    font-size:1.2em;
}
.quote_bottom a{
    color:#fff;
    text-decoration:none;
}
.quote_bottom a:hover{
    text-decoration:underline;
}
.quote_bottom h1{
    font-size:20px!important;
    margin:0;
}
.quote_bottom p{
    font-size:14px!important;
}
.cash-back-para{
    float:left;
    width:380px;
    margin:4px 0 8px 90px;
}
.cash-back-value{
    float:left;
    width:150px;
    margin:4px 0 8px 12px;
    text-align:center;
}
.cash-back-value p{
    font-size:24px!important;
    color:#000;
    margin:4px 0 0 0;
}
.premium{
    background:url(../../images/premium-bg.jpg) top center no-repeat;
    width:317px;
    height:41px;
	color:#000;
	font-size:1.2em;
	margin-right:2px;
	line-height:41px;
	float:left;
}
.premium span{
    color:#fff;
    margin:0 20px 0 18px;
}
/* Quick Quote */
.quick-quote{
    width:220px;
    background:url(../../images/quick-quote-bg-top.jpg) top center no-repeat;
    color:#000;
    margin:0 0 20px 0;
}
.quick-quote .inner{
    background:url(../../images/quick-quote-bg-bot.jpg) bottom center no-repeat;
}
.quick-quote h1{
    color:#fff;
    font-size:26px!important;
    height:40px;
    line-height:40px;
    background:url(../../images/quick-quote-clock.png) right no-repeat;
    margin:0;
    padding:6px 12px 0 12px;
}
.quick-quote h2{
    color:#fff;
    font-size:16px!important;
    margin:0;
    padding:0 12px 0.3em 12px;
    border-bottom:1px solid #fff;
}
.quick-quote p{
    margin:0.6em 12px 0 12px;
}
.quick-quote-calculation{
    width:100%;
    background:url(../../images/quick-quote-amount.gif) center no-repeat;
    height:38px;
    font-size:1.8em;
    text-align:center;
    line-height:38px;
    margin:4px 0 0 0;
}
.quick-quote-assumptions{
    border-top:1px solid #fff;
    margin:0.5em 0 0 0;
    padding:0.5em 12px 0.5em 12px;
    color:#fff;
}
.quick-quote-click{
    width:100%;
    height:55px;
    line-height:41px;
    background:top center no-repeat;
    text-align:center;
    background-image:url(../../images/quick-quote-button.jpg);
}
.quick-quote-click a{
    color:#fff;
    text-decoration:none;
    font-size:1.3em;
}
.quick-quote-click a:hover{
    text-decoration:underline;
}
/* Instant Quote */
.instant-quote{
    width:220px;
    background:url(../../images/quick-quote-bg-top.jpg) top center no-repeat;
    color:#000;
    margin:0 0 20px 0;
}
.instant-quote .inner{
    background:url(../../images/quick-quote-bg-bot.jpg) bottom center no-repeat;
}
.instant-quote h1{
    color:#fff;
    font-size:1.4em;
    margin:0;
    padding:6px 12px 0 12px;
}
.instant-quote h2{
    color:#fff;
    font-size:1.1em;
    margin:0;
    padding:0 12px 0.3em 12px;
}
.instant-quote p{
    margin:0.6em 12px 1em 12px;
}
.instant-quote-click{
    width:100%;
    height:55px;
    line-height:41px;
    background:top center no-repeat;
    background-image:url(../../images/quick-quote-button.jpg);
    text-align:center;
}
.instant-quote-click a{
    color:#fff;
    text-decoration:none;
    font-size:1.3em;
}
.instant-quote-click a:hover{
    text-decoration:underline;
}

/*tooltips*/  /* SEE 'ie-fix.css' FILE */
a.helpTip{
    position:relative; /*this is the key*/
    z-index:24;
}
a.helpTip:hover{
    z-index:25;
    text-decoration:none;
}
a.helpTip span{
    display:none;
}
a.helpTip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; 
    width:250px;
    border:1px solid #FF860F;
    background-color:#9BD04E; 
    color:#000;
    text-align:left;
    text-decoration:none;
    padding:6px;
}