/*-----------------------------------------------------

 * 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 h3

{

color: #f60;

font: bold 12px arial;

margin: 5px 0 2px 0;

}

#content h4

{

color: #f60;

font: bold 12px arial;

margin: 5px 0 2px 0;

}

#content h5

{

color: #f60;

font: bold 12px arial;

margin: 5px 0 2px 0;

}

#content h6

{

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   h4

{

font: bold 11px tahoma;

color: #0066CC;

margin: 3px 7px 5px 7px;

display: block;

border: 1px solid #0066CC;

padding: 0 0 0 2px;

}

#commentbox   p.style1

{

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;

}