/* CSS Document */


/*-----------------------------------------------------
 * Project: eliteloanquotes.com
 * Author: Jeetendra Shimpi
 * Email: jshimpi@gmail.com
 * Date: 2nd August, 2007
 * File: elight-style.css
 * Description: Main css for screen and projection. 
 ----------------------------------------------------*/

/***[ basic ]***/

*{
margin:0;
padding:0;
}

body
{
background:#fff;
font-family: 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;
font-size: 20px;
color: #f60;	 
}


h3
{
font-size:100%;
}

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

p
{
font: 12px tahoma;
line-height: 15px;
margin: 0 0 10px 0;
}

a
{
text-decoration:none;
outline:0;
font: 11px tahoma;
color: #0066CC;
}

a:hover
{
text-decoration: underline;
}

a:active
{
color:#e9640b;
}

img
{
border: 0;
}

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: 768px;
margin: 0 auto;
overflow: hidden;
border: 0.5 px solid #29E;
border-top: 0;
background: #fff;
padding-bottom: 10px
}

#header
{
width:768px;
background: url(../images/header-bg.gif) repeat-x 0 0;
height: 99px;
border-bottom: 1px solid #A1D1F3;
}

#container 
{
width: 768px;
float: left;
}

#container-left 
{
width: 365px;
float: left;
padding: 15px 0px 15px 15px;
}

#container-right
{
width: 360px;
float: left;
margin: 15px 0px 0 18px;
}





/***[ H E A D E R]***/


#header span#logounit
{
width:215px;
display: block;
padding: 0px 0 0 10px;
height: 70px;
float: left;
}


#header #headerleft
{
width:543px;
float: left;
}

#toplinks
{
color: #06C;
float: right;
margin: 10px 10px 0 0;
height: 18px;
}

#toplinks img
{
vertical-align: middle;
margin: 0 5px 0 0;
}









/***[ Q U O T E B O X ]***/


#quotebox
{
width: 748px;
float: left;
margin: 10px 10px 0 10px; 
float:left;
}

#quotebox-top
{
background:url(../images/quote-box-topbg.jpg) no-repeat top left;
height: 8px;
}

#quotebox-mid
{
width: 746px;
background: #ECF7FD url(../images/quote-box-midbg.jpg) repeat-x top left;
height: 250px;
border-left: 1px solid #B3DAFB;
border-right: 1px solid #B3DAFB;
margin: 0 0 0 0;
}

#quotebox-btm
{
background: url(../images/quote-box-btmbg.jpg) no-repeat top left;
height: 8px;
}



	#quotebox-mid-left
	{
	width: 460px;
	float: left;
	border-right: 1px solid #97CFF9;
	margin: 0 5px 0 5px;
	}

	#quotebox-mid-right
	{
	width: 270px;
	float: left;
	}
	
	#quotebox-mid-right h2
	{
	font: bold 20px "Trebuchet MS";
	margin: 0 0 10px 10px;
	color: #238DD5;
	}
	
	#quotebox-mid-right ul
	{
	font: 11px arial;
	color: #000;
	float: left;
	margin: 0;
	padding: 0;	
	}
	
	#quotebox-mid-right ul li
	{
	background:  url(../images/featured-arrow.gif) no-repeat top left;
	display: block;
	float: left;
	padding: 0 0 0 28px;
	height: 25px;
	width: 200px;
	}











/***[ C O N T A I N E R right ]***/


#tunnelbox
{
width: 165px;
float: left;
margin: 0 10px 10px 0;
}

#tunnelbox a
{
color: #0066CC;
}

#tunnelbox span.top h3
{
background: url(../images/tunnel-top-bg.gif) no-repeat top left;
display: block;
height: 15px;
text-align: center;
padding: 0 0 6px 0;
}
 
#tunnelbox span.top h3 a
{
font-weight: bold;
}

#tunnelbox p
{
font: 11px tahoma;
line-height: 16px;
margin: 0;
padding: 0;
color: #999;
height: 100px;
}

#tunnelbox span.bottom
{
background: url(../images/tunnel-btm-bg.gif) no-repeat top left;
display: block;
text-align: left;
padding: 3px 0 0 20px;
height: 15px;
}






/***[ N E W   B O X]***/

#newsbox
{
width: 350px;
background: url(../images/news-box-bg.jpg) no-repeat top left;
padding: 10px 10px 0 10px;
font: 11px tahoma;
}
 
#newsbox h2
{
font: bold 15px "Trebuchet MS";
color: #f60;
}

#newsbox h3 a
{
font: 13px "Trebuchet MS";
color: #0066CC;
text-decoration: underline;
margin: 0 0 0px 0;
display: block;
background: url(../images/news-icon.gif) no-repeat top left;
padding: 0 0 5px 24px;
height: 18px;
}

#newsbox p
{
font: 11px tahoma;
line-height: 16px;
}

#newsbox span.strong
{
font-weight: bold;
}

#newsbox hr
{
height: 1px;
margin: 0;
padding: 0;
border: 1px dashed #999;
}




/***[ F O O T E R ]***/

#footer
{
width: 770px;
margin: 10px auto;
color: #999;
font: 11px tahoma;
}

#footer span
{
display: block;
}

#footer #left
{
float: right;
margin-bottom: 10px;
}
















/***[form]***/

form
{
margin-top:0px;
font: 11px tahoma;
}

fieldset
{
margin:10px 0 10px 0;
padding:10px 5px;
border-color:#060;
border:none;
border: 1px solid #97CFF9;
width: 95%;
}

legend
{
padding: 3px 7px 3px 7px;
border: 1px solid #97CFF9;
color: #000;
margin: 0 0 0px 0;
}



#credit
{
width: 450px;
margin: 0px 0 0 0;
height: 50px;
padding: 00px 0 0 0;
}


#credit fieldset
{
width: 225px;
border: 0;
margin: 0;
padding: 10px 0 0 5px;
border-right: 1px solid #97CFF9;
float: left;
}
#credit fieldset1
{
width: 225px;
border: 0;
margin: 0;
float: right;
}

#credit fieldset legend
{
border: 0;
font-weight: bold;
}


#credit select
{
width: 170px;
margin: 10px 0 0 0px;
float: right;
*/margin-top: 20px;*/
}




/***[  T O P   N A V I G A T I O N  ]***/

#topnav
{
width: 100%;
float: left;

}

#topnav ul
{
padding: 0 10px 0 7px;
float: right;
}

#topnav ul li
{
background:url(../images/right-menu-bg.jpg) repeat-x right top;
float:left;
margin: 0px 2px 0 0;
padding-right:10px;
}

#topnav ul li a
{
background:url(../images/left-menu-bg.jpg) no-repeat left top ;
float:left;
color: #0066CC;
text-decoration:none;
padding-left:10px;
padding-top:9px;
height: 20px;
}

#body_home #topnav ul li.home /* body id change the tabs*/
{
position: relative;
top: 1px;
left: 0;
}

#topnav ul li a:hover
{
text-decoration: underline;
}