/* <% Response.contentType = "text/css" %> */

/* eplans specific */

@import "common.css"; 

#login-form-table input
{
	width: 140px;
}

#login-form-table p
{
	width: 240px;
}

#ad-skyscraper-homepage, #rightwell {
	position: absolute; 	
	left: 780px; 
	width: 164px
}

#ad-skyscraper-homepage {
	top: 171px; 
}

#rightwell {
	top: 0px;
	background-color: #fff;
}

#footer #rightwell {
	top: 171px;
		
}

#ad-skyscraper {
	margin-bottom: 10px;
	width: 160px;
}

/*
#footer .skyscraper {
	top: 171px; 	
}
#footer .skyscraper2 {
	top: 772px; 	
}
*/ 

#middler .skyscraper { 
	top: 10px; 	
}
#middler .skyscraper2 {
	top: 620px; 	
}
#header {
	height: 139px;
	width: 940px;
	position: relative;
	overflow: hidden;
	background-color: #e6f4ff;
	border-bottom: 2px solid #023167; 
}
#header #mainNav {
	height: 38px;
	width: 800px;
	float: left;
	position: relative;
	top: 1px;
	left: 1px;
	_top: 0px;
}
#header #mainNav li {
	
	float: left;
	list-style-type: none;
	padding-left: 2px;
	margin: 0px 1px 0px 0px;
	background-image: url(../images/li-bg.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
}
#header #mainNav ul li a
{
	display: block;
	color: #036;
	text-decoration: none;
	font-weight: bold;       	
	font-size: 9pt;
	padding: 11px 23px 12px 8px;
	text-indent: 6px;
	background: url(../images/spriteTabsGradients.png) no-repeat right -300px;
	line-height: 15px;
}

#header #mainNav ul li a.dropdown, #header #mainNav ul li a:hover.dropdown
{
	background: transparent url(../images/spriteButtons.png) no-repeat 9px -319px;
	float: left;
	padding: 12px 0px 0px 4px;
	margin: 0px;
	display: block;
	width: 20px;
	height: 20px;
}

#header #mainNav ul li a:hover, #header #mainNav ul li a:hover#sectionActive
{
	background-position: right -338px;
	color: #036;
}

#header #mainNav ul li a#sectionActive 
{
	background-position: right -200px;
	color: #fff;
}

#header #navLinks
{
	border: solid 1px #7f9ab5;
	position: absolute;
	top: 111px;
	left: 1px;
	width: 738px;
	_width: 777px;
	height: 25px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
}
#header #logo 
{
	display: block;
	margin: 0px 0px 0px 8px;
	float: left;
	padding: 0px;
	width: 313px;
	height: 69px;
	position: relative;
}
#header #subNav {
	width: 446px;
	height: 25px;
	float: left;
}

#header #subNav ul {
	float: left;
	height: 15px;
	width: 500px;
	padding: 3px 0px 0px 0px;
	list-style: none;
	margin-bottom: 5px;
	margin-left: -6px;
}


#header #subNav li {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
	float: left;
	display:inline;
	
}
#header #subNav ul li a 
{
	font-size: 8pt;
	color: #036;
	padding: 0px 6px;
	border-right: 1px solid #D3CDC6;
}
#header #headercallcenter 
{
	position: relative; 
	width: 466px;
	height: 24px;
	padding: 0px;
}


#header #headercallcenter p
{
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 3px;
	font-family: Arial, helvetica, Sans-Serif;
	color: #036;
	font-size: 10pt;
	font-weight: normal;
/*	margin: 4px 0px -4px 0px; */
}

/* collections & architectural styles flyouts. */
#collections, #architecturalstyles 
{
	background: #fff;
	border: solid #7f99b2;
	border-width: 0px 1px 1px 1px;
	background-image:  url(../images/flyout-top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 1px 0px 0px 0px;
	font-size: 8pt;
	position: absolute;
	top: 108px;
	z-index: 500;
	width: 392px;
	display: none;
}


#collections 
{
	left: 208px;
}

#architecturalstyles 
{
	left: 382px;
}

/*******************************************/