/* CSS Document */

/* Global Styles ----------------------------------------------------*/
/* hide from IE \*/
HTML, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
    margin: 0px; 
    padding: 0px; 
    border: 0px; 
}
/* end hiding from IE5 */

/* hide from IE mac \*/
html {
    min-height: 100%;
    margin-bottom: 1px;
}
/* end hiding from IE5 mac */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2E3A56;
	text-align:center;
	background: url(../img/mainbg-02.jpg) #FFF no-repeat top left fixed;
}

a {
	text-decoration:none;
	color:#F60;
	font-weight:bold;
}
a span{
	text-decoration:none;
	color:#999;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
	color: #C30;
}

h1 {
	font-size:16px;
	color:#2E3A56;
	text-transform: inherit;
}

h2 {
	font-size:14px;
	color:#005353;
	text-transform:inherit;
}

h2 span a { text-transform:none;}

h3 {
	font-size:13px;
	color:#2E3A56;
	text-transform: inherit;
}
h4 {
	font-size:12px;
	color:#333;
	padding:10px 0px;
	text-transform: inherit;
}
p {
	line-height:18px;
	text-indent:3px;
}

label {
	font-weight:bold;
	line-height:18px;
	
}

input {
	border:1px solid #B9C1A9;
	background:#E5E5E5;
	height:18;
	font-size:10px;
}
span input  {
	border:0px;
	background:none;
	padding:8px;
}
textarea {
	border:1px solid #B9C1A9;
	background:#E5E5E5;
	font-size:10px;
}
select {
	border:1px solid #B9C1A9;
	background:#E5E5E5;
	height:18;
	font-size:10px;
}

#wrapper {
	padding:3px;
	width:780px;
	margin:auto;
	position:relative;
	height:auto;
}

/*TOP MENU */

#topmenu {
	font-family:Arial, Helvetica, sans-serif;
	width:772px;
	font-size:10px;
	color:#2E3A56;
	background:#2D3A55 url(../img/topmeu-bg.jpg) repeat-x;
	border-bottom:1px solid #576178;
	line-height:37px;
	height:37px;
}

#size {
	width:100%;
	background: url(../img/topmeu-logo.jpg) no-repeat left;
	text-transform: uppercase;
	white-space: nowrap;
}
#size table {
	border-left:1px solid #576178;
}

#size td a {
	border-right:1px solid #576178;
	border-left:1px solid #29354F;
	text-align:center;
}

#size a {
	text-align:center;
	text-decoration:none;
	color:#DEE0E5;
	padding:11px 6px;
}
#size a:visited {
	color:#999;
}
#size a:hover {
	color:#DEE0E5;
	background: url(../img/topmeu-on.jpg) repeat-x;
}
#size a:active {
	color: #3CF;
	background:url(../img/topmeu-on.jpg) repeat-x;
}
#size p {
	color:#666;
	font-size:11px;
}
#size span p {
	color: #3CF;
	padding:5px;
}

/*end topmenu */
#pop-up {
	width:566px;
	margin:auto;
	position:relative;
	height:auto;
}
#header-pop {
	background: url(../img/crst-header.jpg) no-repeat center;
	width:100%;
	height:111px;
	position:relative;
}
#header {
	background: url(../img/crst-header.jpg) no-repeat center;
	width:100%;
	height:111px;
	position:relative;
}
#swf-top {
	position:relative;
	padding:0;
	float:left;
	margin-left:0;
}
#header p {
	padding:30px;
	text-align:left;
	margin-left:180px;
	color:#999;
	font-size:9px;
	line-height:13px;
}
#header p  span{
	color:#F60;
}
#header h1, #header h2 {
	display:none;
}

#phone {
	position:absolute;
	top:174px;
	left:10px;
	font-size:10px;
	font-weight:bold;
	color:#2E3A56;
}
#phone span {
	font-size:11px;
	color:#F60;
	font-weight:normal;
}

#footer{
	font-size:10px;
	text-align:center;
	color:#666;
	position:relative;
	width:100%;
	display:block;
	clear: both;
	margin:0;
	background:#F0f0f0;
	padding:0;
	line-height:30px;
}

#footer a, #footer a img {
	color:#666;
	font-weight:bold;
	line-height:30px;
}

#footer a:hover {
	color:#000;
}
#mainmenu {
	background:url(../img/mainmenu-bg.jpg) no-repeat center;
	width:772px;
	height:53px;
	position:relative;
	clear:both;
}

/* End Global */



/* General STYLES  ---------------------------------------------------------------- */


.head-marquee {
	position:absolute;
	color:#999;
	width:290px;
	left:20px;
	top:7px;
	font-size:10px;
}

.nav_menu {
	position:relative;
	color:#B9C1A9;
	font-size:10px;
	height:18px;
	padding:4px;
	text-align:right;
	float:right;
	right:10px;
	width:100%;
}

.nav_menu span {
	background:url(../img/red_arrows.gif) no-repeat left;
	padding-right:15px;
}

.nav_menu a {
	color:#2E3A56;
	font-weight:normal;
	font-size:9px;
}

.nav_menu a:hover {
	color:#F60;
}

.bottom_menu {
	position:relative;
	color:#E5E5E5;
	font-size:10px;
	text-align:right;
	line-height:22px;
	width:99%;
	clear:both;
	background:#2E3A56;
	margin:20px 0px;
	padding:0px;
	top:10px;
}

.bottom_menu span {
	background:url(../img/red_arrows.gif) no-repeat left;
	padding-right:15px;
}

.bottom_menu a {
	color:#BFC9E0;
	font-weight:normal;
	padding:0px 12px;
}

.bottom_menu a:hover {
	color:#FFF;
}
.apply_phone {
	background:#666;
	padding-right:8px;
}

.content {
	text-align:left;
	background:#FFF;
	font-size:10px;
	padding:10px;
	line-height:20px;
}
.content ul{
	border:0px;
	width:450px;
}

.content ul li a{
	text-align:left;
	line-height:18px;
	color:#999;
	text-decoration:none;
	background:none;
	border:0px;
}
.content ul li a:hover{
	color:#333;
	text-decoration:underline;
}

.content ol{
	line-height:18px;
	list-style: decimal;
	padding-left:15px;
}

.img-top {
	text-align:left;
	background:#FFF;
	padding:0px;
}




/* End General */



/* Content layout -------------------------------------------------------------------------------*/

#left-column {
	width:200px;
	position:absolute;
	top:157px;
	left:7px;
	z-index:1px;
}
#left-banners {
	width:198px;
	float:left;
	position:relative;
	top:507px;
	left:4px;
	border:1px solid #CCC;
	min-height:150px;
	display:block;
}

#right-column {
	width:564px;
	float:right;
	position:relative;
	top:5px;
	right:4px;
	text-align:left;
	border:1px solid #CCC;
	min-height:705px;
}

#sendcontent {
	position:relative;
	top:5px;	
	border:1px solid #CCC;
}

/* End General */





/* MENU PLUS -------------------------------------------------------------------------------*/

span ul {
	width:100%;
	font-size:10px;
	}
ul {
	margin:0px  0px 6px 0px;
	padding: 0px;
	list-style: none;
	width: 200px; /* Width of Menu Items */
	font-size:10px;
	}


ul li {
	position: relative;
	line-height:28px;
	height:28px;
	text-align:left;
}
	
ul li h1{
	display: block;
	background:#999 url(../img/bg-title-leftmenu.jpg) repeat-x; /* IE6 Bug */
	padding: 0px;
	border-bottom: 0;
	padding-left:5px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	width:195px;
}
	
li ul {
	position: absolute;
	left: 199px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}



/* Styles for H1 Menu Items */
ul li h1 a {
	display: block;
	text-decoration: none;
	font-weight:bold;
	color: #FFF;
	background:#999 url(../img/bg-title-leftmenu.jpg) repeat-x; /* IE6 Bug */
	}
	
ul li h1 a:visited {
	display: block;
	text-decoration: none;
	font-weight:bold;
	color: #FFF;
	background:#999 url(../img/bg-title-leftmenu.jpg) repeat-x; /* IE6 Bug */
}

/* Fix IE. Hide from IE Mac \*/
* html ul li h1 { float: left; height: 1%; }
* html ul li h1 a { height: 1%; }
/* End */

ul li h1 a:hover { color:#666; background:#999 url(../img/bg-title-leftmenu.jpg) repeat-x; /* IE6 Bug */ text-decoration:none; text-indent:3px; } /* Hover Styles */




/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	font-weight:normal;
	color: #2E3A56;
	background:#ededed; /* IE6 Bug */
	padding-left:5px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #ccc;
	}
	
ul li a:visited {
	display: block;
	text-decoration: none;
	font-weight:normal;
	color: #222;
	background-color:#ededed; /* IE6 Bug */
	padding-left:5px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #ccc;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color:#2E3A56; background:#FFF; text-decoration:none; text-indent:3px; } /* Hover Styles */
		
li ul li a { padding-left:5px;line-height:26px; height:26px; background:#BFC9E0;} /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block;} /* The magic */



/* End menu plus */

/* Styles for Menu Items SPAN */
ul li span {
	display: block;
	text-decoration: none;
	font-weight:normal;
	color: #666;
	background:#ededed; /* IE6 Bug */
	padding-left:5px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #ccc;
	}
	
ul li span:visited {
	display: block;
	text-decoration: none;
	font-weight:normal;
	color: #666;
	background-color:#ededed; /* IE6 Bug */
	padding-left:5px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #ccc;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li span { height: 1%; }
/* End */

ul li span:hover { color:#666; background:#FFF; text-decoration:none; text-indent:3px; } /* Hover Styles */
		
li ul li span { padding-left:5px;line-height:26px; height:26px; background:#BFC9E0;} /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block;} /* The magic */



/* End menu plus SPAN */



/* BOXES __________________________________________*/


.box {
	padding:5px;
	background: #EDEDED;
	width:538px;
	margin:8px;
}
.box span h1, .box span h3 {
	font-weight:200;
	color:#2E3A56;
	padding:14px 0 1px 5px;
	text-transform: uppercase;
}

.box span h1 span {
	font-weight:normal;
	color:#717B8B;
}
.box span h1 {font-size:11px;}
.box span h3 {font-size:16px;}

.box02 {
	padding:5px;
	background: #666;
	width:95%;
	margin:0px;
	text-indent:10px;
	text-align:left;
	color:#666;
}
.box02 span h1 {
	font-size:12px;
	font-weight:bold;
	color: #FFF;
	line-height:24px;
	padding:0px 3px 3px 3px;
}

.box02 select {
	border:1px solid #CCC;
	background:#FFF;
	height:18;
	font-size:10px;
	color:#666;
	margin:10px 0px 10px 10px;
}

.box-3 {
	padding:5px;
	background:#828776;
	width:538px;
	margin:8px;
}
.box-3 span h1 {
	font-size:14px;
	font-weight:bold;
	color:#FAFFEF;
	line-height:30px;
	padding:3px;
}

.box-4 {
	padding:5px;
	background:#BF6930;
	width:538px;
	margin:8px;
}
.box-4 span h1 {
	font-size:14px;
	font-weight:bold;
	color:#FFD9BF;
	line-height:30px;
	padding:3px;
}

.miniform, .miniform2 {
	/*background: url(../img/index-main-ad.jpg) no-repeat center;*/
	width:538px;
	margin:auto;
	padding:0;
	text-align:right;
	font-size:11px;
	color:#CCC;
}
.miniform {
	height:348px;
}
.miniform2 {
	height:120x;
}
.miniform form {
	padding:15px;
}
.miniform form select  {
	background:#666;
	border:1px solid #CCC;
	line-height:22px;
	margin:3px 20px 3px 3px;
	color:#EDEDED;
	padding:2px;
}
.miniform input  {
	padding-top:18px;
	background:none;
	border:0px;
	display:inline;
}
.sendbox {
	padding:5px;
	background:#C0C6B5;
	margin:8px;
	text-align:center;
}

/* End BOXES */

/* LOAN RATES __________________________________________*/


.loan-rates {
	background:#FFF;
	line-height:20px;
	padding:5px;
	text-align:center;
}
.loan-rates table {
	background:#E5E5E5;
	text-align:left;
	text-transform:inherit;
	text-indent:7px;
}
.inpar-title {
	background:#6D7589;
}
.inpar-title strong {
	color:#FFF;
}

.inpar {
	background:#BFC9E0;
}

.inpar02 {
	background:#f9f9f9;
	height:18px;
	text-align:left;
}




/* End RATES */

/* START SLIDE STYLES */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 100%; /*width of featured content slider*/
height: 297px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding:0;
width:100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.sliderwrapper2{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 100%; /*width of featured content slider*/
height: 87px;
}



.sliderwrapper2 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding:0;
width:100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 100%; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
padding: 5px 0;
height:20px;
}

.pagination a {
    color: #666666;
    display: block;
    float: left;
    height: 15px;
    line-height: 15px;
    margin: 0 5px 0 15px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: auto;
}

.pagination a:hover, .pagination a.selected{
color: #F90;
}

/* ENDS SLIDE STYLES */
li.FB a:hover { background:#FFF url(../img/FB_icon.gif) no-repeat right;}
li.FB a { background:#BFC9E0 url(../img/FB_icon.gif) no-repeat right;}