/*-----------------------------------------------------
 * Project: Financialquries.com
 * Author: Pravin Kumar
 * Email: jshimpi@gmail.com
 * Date: 2007-07-25
 * File: financial-style.css
 * Description: Main css for screen and projection. 
 ----------------------------------------------------*/

/***[ basic ]***/

*{
margin:0;
padding:0;
}

body
{
background:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333;
}

h1, h2, h3, h4, h5, h6
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

h1
{
margin-top:10px;
}


h3
{
font-size:100%;
margin:10px 0 0 0;
}

h4
{
font-size:90%;
margin: 8px 0 0 0;
}

p
{
font: 11px tahoma;
line-height: 15px;
margin: 0 0 10px 0;
text-align: justify;
}


.paraimg
{
float: left;
margin: 0 10px 5px 0;

}

a
{
text-decoration:none;
outline:0;
font: 11px tahoma;
}

a:hover
{
text-decoration: underline;
}

a:active
{
color:#e9640b;
}

img
{
border: 0px none;
}

ul
{
list-style-type:none;
}

.clear {
display: block;
clear: both;
width: 100%;
height: 1px;
margin: 0 0 -1px;
font-size: 1px;
line-height: 1px;
}




/***[structure]***/

#wrapper 
{
width: 760px;
margin: 0 auto;
overflow: hidden;
}

#container 
{
width: 760px;
}

#header
{
width:776px;
background: url('../images/header-bg.gif') repeat-x 0 0;
height: 266px
}



#body_home #leftcolumn
{
width: 200px;
border-right: 2px  solid #ddd;
}

#body_home #content
{
width: 360px;
margin: 0px 5px 0px 10px;
float: left;
}
#privacycontent
{
width: 730px;
margin: 10px 5px 0 10px;
float: left;
}

#body_home #rightcolumn
{
width: 150px;
float: left;
height: auto;
margin: 20px 0px 0px 20px;
}



#leftcolumn
{
width: 200px;
float: left;
}

#content
{
width: 390px;
float: left;
margin: 0 20px 0 20px;
}

#rightcolumn
{
width: 120px;
float: right;
height: auto;
}




#footer
{
width: 760px;
background: #fff url('../images/footer-bg.gif') repeat-x top left;
float: left;
height: 60px;
margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0
}





/***[ Header ]***/

#body_home #toplinks
{
width: auto;
height: 27px;
padding: 7px 0 0 0;
z-index: 1001;
position: relative;
top: 0;
left: 0;
}

#toplinks
{
width: auto;
height: 27px;
padding: 7px 0 0 0;
}

#toplinks ul
{
background: #99CC33;
}

#toplinks ul li
{
height: 20px;
float: right;
border-left: 1px solid #ccc;
padding: 0 5px;
text-transform: uppercase;
text-align: left;
}

#toplinks ul li.border-none
{
border: 0px;

}
#toplinks ul li a
{
color: #000;
}

#logobox
{
width: 285px;
float: left;
/*background: #C7B513;*/
margin: 7px 0 1px 0;
border-right: 15px solid #5D757F;
}

#header ul#quicklinks
{
margin: 20px 0 0px 0px;
width: 283px;
height: 120px;
border-bottom: 5px solid #CFB31B; 

}


#header ul#quicklinks li.insu, 
#header ul#quicklinks li.loan,
#header ul#quicklinks li.credit,
#header ul#quicklinks li.debt
{
background: #FF6699 url('../images/quicklink-insu-bg.jpg') repeat-x top left;
display: block;
width: 200px;
height: 22px;
margin-left:35px; margin-right:0; margin-top:0; margin-bottom:3px
}

#header ul#quicklinks li.loan
{
background: #FF6699 url('../images/quicklink-loan-bg.jpg') repeat-x top left;
}

#header ul#quicklinks li.credit
{
background: #FF6699 url('../images/quicklink-credit-bg.jpg') repeat-x top left;
}

#header ul#quicklinks li.debt
{
background: #FF6699 url('../images/quicklink-debt-bg.jpg') repeat-x top left;
}




#header ul#quicklinks li a
{
background: url('../images/arrow.gif') no-repeat top left;
color: #fff;
text-transform: uppercase;
font-weight: bold; padding-left:25px; padding-right:0; padding-top:0; padding-bottom:0
}










#bottomverlinks
{
float: left;
width: 760px;
border-top: 5px solid  #ccc;

}

ul.vernav
{
width: 175px;
list-style-type: none;
margin: 10px 5px;
float: left;
}

ul.vernav li
{
list-style-type: none;
}

ul.vernav li a.header
{
list-style-type: none;
background: url('../images/verarrow.gif') no-repeat center left;
height: auto;
margin: 0;
color: #333;
font-weight: bold; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0
}

ul.vernav li a
{
color: #999;
padding: 0 0 0 10px;

}












#container-fullwidth
{
width: 778px;
float: left;
}

#full-leftcol
{
width: 325px;
float: left;
}

#full-rightcol
{
width: 450px;
float: left;
}

#full-rightcol ol
{
margin: 10px 0 0 30px;
}

#full-rightcol ol li
{
font: 11px tahoma;
margin: 0 0 5px 00px;
color: #0066CC;
}

#full-rightcol ol li a
{
color: #0066CC;
}

p.ques
{
background: url('../images/Q.jpg') no-repeat top left;
font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:arial; padding-left:30px; padding-right:0; padding-top:0; padding-bottom:10px
}

p.ans
{
background: url('../images/A.jpg') no-repeat center left;
display:block;
height: 25px; margin-left:0; margin-right:0; margin-top:-8px; margin-bottom:20px; padding-left:30px; padding-right:0; padding-top:0; padding-bottom:0
}



#container-fullwidth h1
{
color: #333;
font: bold 15px arial;
margin: 10px 0 20px 0;
}

.stepbox h2
{
color: #003399;
font: bold 15px arial;
}

.stepbox
{
width: 198px;
float: left;
margin: 0 0 0 20px;
}

.stepbox span.header
{
height: 30px;
float: left;
}
.stepbox .content
{
border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; border-top:0px none; width: 183px;
float: left;
height: 175px; padding-left:10px; padding-right:5px; padding-top:0; padding-bottom:0
}

.stepbox .content p
{
width: 183px;
text-align: left;
}

span#tip
{
width: 760px;
display: block;
font: 11px tahoma;
padding-bottom: 4px;
}



.featurebox
{
width: 760px;
border-top: 1px dashed #ccc;
height: auto;
padding: 10px  0;
float: left;
}

.featurebox h3
{
font: bold 13px Arial, Helvetica, sans-serif;
}

.featurebox .compimg
{
width: 180px;
float: left;
margin: 10px 0px 0 0;
}


.featurebox .comptext
{
width: 700px;
float: left;
padding: 0 10px 0 0;
}

.featurebox .apply
{
width: 115px;
float: left;
margin: 30px 0px 0 0;
}






























#body_home #bannerbox
{
width: 458px;
float: left;
margin: -33px 0 1px 2px;
border-bottom: 5px solid #718C31;
}

#bannerbox
{
width: 458px;
float: left;
margin: 6px 0 0 2px;
border-bottom: 5px solid #718C31;
}

#quotebox
{
width: 458px;
position: relative;
top: 245px;
left: 0px;
background: #000;
filter:alpha(opacity=60);
-moz-opacity:.60;opacity:.60;
height: 30px;
padding: 10px 0 0 0;
z-index: 1001;
}
 
#quotebox a
{
color: #fff;
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}









/***[ Left Column ]***/

/* Tunnel Box */

#body_home .tunnelcol 
{
width: 190px;
padding: 0px 0 0px 0;
margin: 5px 0 0px 0;
border: 1px solid #ddd;
background: #fff;
float: left;
}

.tunnelcol_insurance, 
.tunnelcol_loan,
.tunnelcol_credit,
.tunnelcol_debt
{
padding: 0px 0 2px 0;
margin: 5px 0 0px 0;
width: 199px;
border: 1px solid #792;
background: #fff;
float: left;

}

.tunnelcol_loan
{
border: 1px solid #D8A112;
}

.tunnelcol_credit
{
border: 1px solid #CFB31B;
}

.tunnelcol_debt
{
border: 1px solid #46B8B0;
}



/* Tunnel Box ENDS*/




/* Tunnel Header */

#body_home .tunnelcol span.header a
{
padding: 3px 0 0 5px;
background: #eee;
display: block;
margin: 5px 0px 0 0;
height: 18px;
font: bold 12px arial;
color: #578;
}

.tunnelcol_insurance span.header a, 
.tunnelcol_loan span.header a,
.tunnelcol_credit span.header a,
.tunnelcol_debt span.header a
{
width: 185px;
background: #792;
margin: 5px 5px 0 5px;
color: #fff;
height: 18px;
display: block;
font: bold 12px arial;
padding: 3px 0 0 5px;
}

.tunnelcol_loan span.header a
{
background: #D8A112;
}

.tunnelcol_credit span.header a
{
background: #CFB31B;
}

.tunnelcol_debt span.header a
{
background: #46B8B0;
}


/* Tunnel Header Ends */





/***[ CCpage ]***/

#ccleft
{
width: 300px;
float: left;
margin: 10px;
font: 11px tahoma;
}

#ccleft span.step1, #ccleft span.step2, #ccleft span.step3
{
display: block;
width: 300px;
background: url('../images/cc-step1.gif') no-repeat top left;
height: 85px
}

#ccleft span.step2
{
background: url('../images/cc-step2.gif') no-repeat top left;
}


#ccleft span.step3
{
background: url('../images/cc-step3.gif') no-repeat top left;
}

span.cclefttxt
{
width: 230px;
display: block;
padding: 45px 0 0 55px;
}





#ccright
{
width: 400px;
float: left;
margin: 10px;
font: 11px tahoma;
}


















/* Tunnel Links UL [ Start ] */

.tunnelcol_insurance ul.links,
.tunnelcol_loan ul.links,
.tunnelcol_credit ul.links,
.tunnelcol_debt ul.links
{
width: 190px;
margin: 5px;
height: auto;

}

/* Tunnel Links UL [ ENDS ] */





/* Tunnel Links LI [ Start ] */

.tunnelcol_insurance ul.links li,
.tunnelcol_loan ul.links li,
.tunnelcol_credit ul.links li,
.tunnelcol_debt ul.links li
{
width: 190px;
background: #EFF3E2;
display: block;
margin: 0 0 1px 0;
height: 18px;
padding: 4px 0 0 0;
float: left;
}



/* Insurance Nav Links IDs [ Start ] */

#body_insurance .tunnelcol_insurance ul.links li.life,
#body_auto .tunnelcol_insurance ul.links li.auto,
#body_car .tunnelcol_insurance ul.links li.car,
#body_homeinsu .tunnelcol_insurance ul.links li.home,
#body_pet .tunnelcol_insurance ul.links li.pet,
#body_health .tunnelcol_insurance ul.links li.health,
#body_dental .tunnelcol_insurance ul.links li.dental,
#body_travel .tunnelcol_insurance ul.links li.travel,


#body_perloan .tunnelcol_loan ul.links li.perloan,
#body_homeloan .tunnelcol_loan ul.links li.homeloan,
#body_carloan .tunnelcol_loan ul.links li.carloan,
#body_imploan .tunnelcol_loan ul.links li.imploan,
#body_mortloan .tunnelcol_loan ul.links li.mortloan,
#body_eqtyloan .tunnelcol_loan ul.links li.eqtyloan,
#body_debtloan .tunnelcol_loan ul.links li.debtloan,
#body_busloan .tunnelcol_loan ul.links li.busloan,
#body_payloan .tunnelcol_loan ul.links li.payloan,

#body_bestcredit .tunnelcol_credit ul.links li.bestcredit,
#body_stucredit .tunnelcol_credit ul.links li.stucredit,
#body_buscredit .tunnelcol_credit ul.links li.buscredit,
#body_applycredit .tunnelcol_credit ul.links li.applycredit,

#body_debtcon .tunnelcol_debt ul.links li.debtcon,
#body_debtstu .tunnelcol_debt ul.links li.debtstu,
#body_debtcredit .tunnelcol_debt ul.links li.debtcredit
{
background: #b2b2b2;
color: #000;
}

.tunnelcol_loan ul.links li
{
background: #FDF5E3;
}

.tunnelcol_credit ul.links li
{
background: #F9F2CC;
}

.tunnelcol_debt ul.links li
{
background: #E4F3F2;
}

/* Tunnel Links LI [ ENDS ] */




/* Tunnel Links LI LINK [ START ] */

.tunnelcol_insurance ul.links li a,
.tunnelcol_loan ul.links li a,
.tunnelcol_credit ul.links li a,
.tunnelcol_debt ul.links li a
{
background: url('../images/link-arrow.gif') no-repeat top left;
color: #8CA943;
font-weight: bold;
display: block; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0
}

.tunnelcol_insurance ul.links li a:hover
{
color: #8CA943;
}

/* Insurance Nav Links IDs  a [ Start ] 

#body_insurance .tunnelcol_insurance ul.links li a:hover
{
background: #fc0
color: #fff;
}*/



.tunnelcol_insurance ul.links li a
{
color: #792;
}

.tunnelcol_loan ul.links li a
{
color: #D8A112;
}

.tunnelcol_credit ul.links li a
{
color: #CFB31B;
}

.tunnelcol_debt ul.links li a
{
color: #46B8B0;
}




/* Tunnel Links LI LINK [ ENDS ] */






#content .applybox
{
width: 170px;
float: left;
height: 30px;
background: #B2B2B2;
padding: 5px;
font: 12px arial;
color: #fff;
margin: 0 5px 5px 0;
}

#content .applybox span.text
{
display: block;
}

#content .applybox a
{
color: #fff;
}
 

#content .applybox span.img
{
display: block;
vertical-align: middle; 
float: left; 
margin: 3px 5px 0 0;
}


















/* Tunnel Paragraph, Image and learn more button */


.tunnelcol p,
.tunnelcol_insurance p,
.tunnelcol_loan p,
.tunnelcol_credit p,
.tunnelcol_debt p
{
padding: 5px 5px 0 0;
float: right;
background: #fff;
margin: 0 0 5px 0;
text-align: left;

}

.tunnelcol p img,
.tunnelcol_insurance p img,
.tunnelcol_loan p img,
.tunnelcol_credit p img,
.tunnelcol_debt p img
{
float: left;
}

.tunnelcol img.learn,
.tunnelcol_insurance img.learn,
.tunnelcol_loan img.learn,
.tunnelcol_loan p img.learn,
.tunnelcol_credit p img.learn,
.tunnelcol_debt p img.learn
{
float: right;
margin: 5px 10px 0 0;
}

/* Tunnel Paragraph [ ENDS ] */





/***[ Top Heading ]***/

#topheading
{
width: 348px;
border-bottom: 1px solid #8CA943;
margin: 10px 0 10px 20px;
float:left;
}


#topheading h2
{
display: block;
height: 13px;
background: #8CA943;
width: 150px;
font: bold 11px arial;
padding: 2px 0 2px 10px;
margin: 0 0 0 0;
color: #fff;
text-transform: uppercase;
}











/***[ Content ]***/

#content h1
{
color: #5E7680;
font: bold 15px arial;
margin: 5px 0 10px 0;
}

#content a
{
color: #0066CC;
font-weight: bold;
}



#content h2
{
color: #f60;
font: bold 12px arial;
margin: 5px 0 2px 0;
}

#content h1 span
{
color: #D4950D;
}

#content img.contimg
{
float: left;
margin: 0 5px 0 0;
}


#content ul li
{
list-style-type: square;
margin: 0 0 10px 20px;
font: 11px arial;

}

ul.reslinks
{
list-style-type: none;
margin: 0;
padding: 0;
background:  #0066CC;
}

ul.reslinks li
{
float: left;
width: 150px;
background:  #FFCC00;
}


#googlead-120x240
{
width: 120px;
padding: 5px 0;
float: left;
}



/***[ Right Column ]***/


#commentbox
{
width: 120px;
background: #AFE4E4 url('../images/comment-btm.gif') no-repeat bottom left;
float: right;
padding-left:0; padding-right:0; padding-top:0; padding-bottom:10px
}

#commentbox span.top, #commentbox span.bottom
{
display: block;
width: 120px;
background: url('../images/comment-top.gif') no-repeat top left;
height: 8px
}

#commentbox span.bottom
{
background: url('../images/comment-btm.gif') no-repeat top left;
height: 8px
}


#commentbox h2
{
font: bold 11px tahoma;
color: #0066CC;
margin: 3px 7px 5px 7px;
display: block;
border: 1px solid #0066CC;
padding: 0 0 0 2px;
}

#commentbox p
{
text-align: left;
margin: 0 7px;
}

#commentbox span#name
{
font: 12px arial;
margin: 10px 0 0px 7px;
}

#commentbox span#company
{
display: block;
margin: 0px 0 0px 7px;
font: 11px arial;
}




















/***[ Footer ]***/

#linkbox
{
width: 465px;
float: right;
background: #5E7680;
height: 30px;
margin: 7px 0 0 0; 
color: #fff;
padding: 10px 20px 0 0;
text-align: right;
}

#linkbox a
{
color: #fff;
}



#footer #copy
{
float: left;
margin: 13px 0 0 0;
font: 11px arial;
}

#footer #copy span
{
display: block;
}
















/***[form]***/

form
{
margin:0px;
width:300px;
font: 11px tahoma;
}

fieldset
{
margin-bottom:10px;
display:block;
padding:0px 0px;
border: 1px solid #ccc;
padding: 0 0 10px 0;
}
	
legend
{
font-weight:bold;
margin: 0 0 0 10px;
background:  #0099CC;
font: bold 11px tahoma;
padding: 3px 5px 4px 5px;
color: #fff;

}

input, textarea, select
{
height: 18px;
font: 12px arial;
border: 1px solid #ccc;
margin: 0px 0 1px 10px ;
font: 11px tahoma;
}

	
	
label
{

font: 11px tahoma;
display:block;
margin: 10px 0 5px 10px ;
width:300px;
color: #000;
}
	
input.frm_text
{

width:200px;
border: 1px solid #ccc;
}
	
textarea
{
width:250px;
height:150px;
border: 1px solid #ccc;
}
	
input.frm_submit
{
display:block;
clear:both;
margin: 10px 0 0 10px;
padding:0 4px;
height:20px;	
border: 1px solid#000;
}