@import url(common.css);
@import url(elements.css);

/*-----------------------------------------------------
Main layout
------------------------------------------------------*/
body {
	background: url(../img/body.gif) 0 0;
}
#outerWrapper {
	width: 852px;
	margin: 0 auto;
	background: url(../img/wrapper.gif) 0 0 repeat-y;
}
#wrapper {
	width: 846px;
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: left;
}
#headerWrapper {
	height: 150px; 
}
#header {
	position: relative;
}
#header h1#logo { 
	width: 249px; 
	height: 57px; 
	position: absolute; 
	top: 30px; 
	right: 24px;
	cursor: pointer;
	text-indent: -900px;
	overflow: hidden;
	background: url(../img/logo_dummy.gif) 0 0 no-repeat;
}
#navWrapper {
	background: #000021 url(../img/nav.gif) 0 0 repeat-x;
	height: 20px;
}
#bodyWrapper {
	padding-bottom: 22px;
	background: #fff url(../img/body_wrapper.gif) 0 0 repeat-y;
}
#footerWrapper {
	width: 830px;
	margin: 0 auto;
	background: url(../img/footer_wrapper.gif) 0 0 repeat-x;
	text-align: left;
	padding: 6px 10px;
	font-size: 90%;
	color: #969696;
}

/* -----------------------------------------
Maintenance layout
-------------------------------------------*/
#maintenance #bodyWrapper { background: #fff; padding: 20px; }

/* -----------------------------------------
General page layout
-------------------------------------------*/
#pagePane #leftPane {
	float: left;
	width: 170px;
	}
#pagePane #contentPane {
	float: left;
	width: 505px;
	text-align: center;
}
#pagePane #contentWrapper {
	width: 468px;
	margin: 12px auto;
	text-align: left;
}
#pagePane #rightPane {
	float: right;
	width: 170px;
}

/* -----------------------------------------
Footer
-------------------------------------------*/
#footer { margin: 0; }
#footer a { color: #969696; border: 0; }
#footer a:hover { text-decoration: underline; }
	
/* -----------------------------------------
Main nav 
-------------------------------------------*/
#nav { margin: 0; padding: 0; }
#nav li { 
	float: left; 
	list-style: none;
	height: 20px;
	margin: 0;
	padding: 0;
}
#nav li a { 
	display: block; 
	float: left;
	height: 20px;
	overflow: hidden;
	text-indent: -900px;
	background-image: url(../img/nav.gif);
	background-repeat: no-repeat;
	border: 0;
}
/* Home */
#nav-item-home a { background-position: 0 0; width: 122px; }
#nav-item-home a:hover, #nav-item-home.on a { background-position: 0 -20px; }
/* About */
#nav-item-about-e1-finance a { background-position: -122px 0; width: 169px; }
#nav-item-about-e1-finance a:hover, #nav-item-about-e1-finance.on a { background-position: -122px -20px; }
/* Contact */
#nav-item-contact-us a { background-position: -291px 0; width: 139px; }
#nav-item-contact-us a:hover, #nav-item-contact-us.on a { background-position: -291px -20px; }
/* Introducers */
#nav-item-introducers a { background-position: -430px 0; width: 138px; }
#nav-item-introducers a:hover, #nav-item-introducers.on a { background-position: -430px -20px; }
/* Lenders */
#nav-item-lenders a { background-position: -568px 0; width: 124px; }
#nav-item-lenders a:hover, #nav-item-lenders.on a { background-position: -568px -20px; }
/* Exclusives */
#nav-item-exclusives a { background-position: -692px 0; width: 154px; }
#nav-item-exclusives a:hover, #nav-item-exclusives.on a { background-position: -692px -20px; }	

/* -----------------------------------------
User nav 
-------------------------------------------*/
#userNav .accPaneHeader { background-image: url(../img/user_nav.gif); background-position: 0 0; }
#userNav .pos2 .accPaneHeader { background-position: 0 -41px; }
#userNav .pos3 .accPaneHeader { background-position: 0 -82px; }
#userNav .accPaneHeader a { color: #000522; }
#userNav .accPaneHeader strong { background-image: url(../img/arrow_white_up.gif); }

/* -----------------------------------------
Extra nav 
-------------------------------------------*/
#extraNav .accPaneHeader { background-image: url(../img/xborder_gray.gif); color: #666; }
#extraNav .accPaneHeader.over { color: #000522; }
#extraNav .accPaneHeader strong { background-image: url(../img/arrow_gray_up.gif); }
#extraNav .accPaneHeader.on strong { background-image: url(../img/arrow_gray_down.gif); }

/* -----------------------------------------
Global search
-------------------------------------------*/
#globalSearchInput {
	width: 147px;
	height: 24px;
	margin: 10px auto;
}
#globalSearchInput .inputBody {
	width: 124px;
	height: 24px;
	background: url(../img/search_input.gif) 0 0 no-repeat;
	float: left;
	position: relative;
}
#globalSearchInput .inputBody input {
	width: 119px;
	font-size: 90%;
	border: 0;
	background: 0;
	position: absolute;
	top: 6px;
	left: 4px;
}
#globalSearchInput .inputSubmit {
	float: left;
	width: 23px;
}
#globalSearchInput .inputSubmit input {
	vertical-align: top;
}