@charset "utf-8";
/* CSS Document */
/******************************************************************************************
	Created by: 
	Date Created: 

	Person(s) Modified by:
	Last Modified Date:	30 Oct 2008

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

/* ***************** BEGIN - Base site styles  ************************* */
ul,ol 
{ list-style:none 
}

h1,h2,h3,h4,h5,h6,pre,code 
{ 
	font-size:1em; 
}

h1
{
	font: bold 20px "Times New Roman", Times, serif;
	padding-left: 10px;
	margin-top: 5px;
	color: #2763b0;
}

h2
{
    font: 17px Arial, Helvetica, sans-serif;
    color: #2864B0;
    margin-bottom: 2px;
}

h3
{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #5c5c60;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,th,td,a 
{ 
	margin:0px; padding:0px
}

:link,:visited 
{ text-decoration:none }

a img,:link img,:visited img 
{ 
	border:none;
	outline-style: none;
}

a 
{
	text-decoration:none;
	color:#666;
	cursor:pointer;
	outline-style: none;
}

a:hover
{
    font-weight: bold;
    color: #8EA824;
}

input, textarea, select
{
	outline-style: none;
}

address 
{ 
    font-style:normal; 
}

body 
{ 
	font: 12pt normal Arial, Helvetica, sans-serif;
  	line-height:1.125em; /* 16�1.125=18px */
	background: url(/images/bg.jpg) repeat-x;
	
	
}

       
/************** Header Section **************/

#logoTop
{
    float: left;
    margin-left: 92px;
}

#menu
{
	position:absolute;
	right:0px;
	top:28px;
	z-index:99;
	width:598px;
}

#menu a
{
    display: block;
    float: left;
    text-indent: -9999px;
    height: 34px;
    margin-right: 15px;
}

#home
{
    background: url(../images/homeBtn.jpg) no-repeat;
    width: 78px;
}

#home:hover
{
    background: url(../images/homeBtn_over.jpg) no-repeat;
}

.home #menu #home
{
    background: url(../images/homeBtn_on.jpg) no-repeat;
}

#contact
{
    background: url(../images/contactUs_Btn.jpg) no-repeat;
    width: 109px;
		position:relative;
}
#contact:hover
{
    background: url(../images/contactUs_Btn_over.jpg) no-repeat;
}

.contact #menu #contact
{
    background: url(../images/contactUs_Btn_on.jpg) no-repeat;
}

#build
{
    background: url(/images/buildBtn.jpg) no-repeat;
    width: 170px;
}

#build:hover
{
    background: url(/images/buildBtn_over.jpg) no-repeat;
}

.build #menu #build
{
    background: url(/images/buildBtn_on.jpg) no-repeat;
}

#eStar
{
    background: url(/images/eStarBtn.jpg) no-repeat;
    width: 156px;
}

#eStar:hover
{
    background: url(/images/eStarBtn_over.jpg) no-repeat;
}

.eStar #menu #eStar
{
    background: url(/images/eStarBtn_on.jpg) no-repeat;
}

#leadGen_num
{
	position: absolute;
	right: 24px;
	top: -23px;
	width: 148px;
	height: 13px;
}

/************** Dealer Page ****************/
div#dealerResults {
	width: 500px;
	max-width: 500px;
}
#dealerResults ul {
	display: block;
}
#dealerResults li {
	width: 240px;
	height: 115px;
	float: left;
	display: block;
	padding: 0 8px 8px 0;
}

/************** Login Section **************/

.logField
{
    /*background: url(/images/logInput.png) no-repeat;*/
    width: 184px;
    height: 30px;
}
.logField img
{
	position:absolute;
	top:0px;
	left:0px;
}
.logField input
{ border:1px #666 dashed;
	position:absolute;
	top:0px;
	left:0px;
	z-index:99;
}


#login
{		border:0px #999 dashed;
    /*margin-top: 6px;
    padding-left: 15px;
    float: left;
		z-index:99;*/
		position:absolute;
		top:6px;
		left:15px;
}
#pWordField, #emailField
{
	position:relative;
}
#email,
#password, #pwFirstShow
{
    left: 10px;
		top:7px;
    height: 14px;
    font-size: 11px;
		border:0px #999 dashed;

		position:absolute;
		width:150px;
}

#submit
{
    width: 34px;
    height: 31px;
}

#new
{
    padding-left: 6px;
    width: 70px;
}

.logOpt
{
    float: left;
    font: 11px "Times New Roman";
}

#footer
{
    background: url(/images/footer.png) no-repeat;
    float: left;
    position: relative;
    left: 12px;
    width: 948px;
    height: 165px;
}

#footer p
{
    float: right;
    margin-top: 145px;
    padding-right: 80px;
    font: 10px Arial, Helvetica, sans-serif;
    color: #FFF;    
}

#footer p a
{
    color: #FFF;
    text-decoration: underline;
}

#footer p a:hover
{
    color: #FFF;
    text-decoration: underline;
    font-weight: normal;
}
       
/************** Start Multiple Use Classes **************/

.border 
{
	border: 1px solid;
	border-color:#FFFF00
}

.bgNoRepeat 
{
	background-repeat: no-repeat;
}

.bgRepeatX 
{
	background-repeat: repeat-x;
}

.bgRepeatY 
{
	background-repeat: repeat-y;
}

.bgCenter 
{
	background-position: center;
}

.floatLeft
{ 
	float: left; 
}

.floatRight
{ 
	float: right; 
}

.blur
{ color: #b1b1b1; 
}

.hide
{ display: none; 
}

.bold
{ 
	font-weight:bold; 
}


/************************* BEGIN - PNG Fix *******************************/
.pngFix
{ 
	behavior: url(/includes/iepngfix.htc); 
}
/************************ END - PNG FIX *******************************/

/* ***************** END - Base site styles  ************************* */

#dealerNavigation
{
	left: 250px;
	top: 12px;
	position: absolute;
	width: 280px;
	border: 0px dashed #666;
	z-index: 999;
	font-size: 10px;
}

#dealerNavigation a
{
	margin:5px;
	font-weight: normal;
}

#dealerNavigation a:hover
{
	margin:5px;
	font-weight: normal;
}

#enterStoreAdmin
{
	position: relative;
	bottom: 22px;
	left: 106px;
	float: left;
	width: 80px;
	height: 16px;
}

#enterStoreAdmin a
{
	color: #596B31;
	font-weight: normal;
	font-size: 10px;
	text-decoration: underline;
}

#enterStoreAdmin a:hover
{
	font-weight: normal;
	text-decoration: none;
	color: #596B31;
}

#loginWelcome
{
	position:absolute;
	top:40px;
	left:20px;
	width:280px;
	margin:0px;
	font-size: 14px;
}

#loginWelcome a
{
	font-weight: normal;
	font-size: 10px
}

#loginWelcome a:hover
{
	font-weight: normal;
	font-size: 10px
}

#homePageLink
{
	position:absolute;
	left:22px;
	top:-25px;
	width:200px;
	height:50px;
	border:0px #F00 dashed;
	z-index:999;
}

/*
 * Name:           home.css
 * Author:         Benjamin Myers (ben.myers@clayton.net)
 * Description:    CSS for the index page
 * Created:        6-23-09
 * 
 */

body
{
    background: url(/images/bgTile.jpg) repeat-x;
}

#left
{
    float: left;
    height: 100px;    
}

#left img
{
    margin-top: 117px;
}

#doc
{
    /*** There is an image in div#right that needs to float next to the doc div 
     *   to smoothe out the house image. If the float left is not here there
     *   is a harsh edge in the design. 
     ***/
    float: left; 
    width: 948px;
	/*** NOTE : Cantley - modified to center this box automatically without js calculations.
	 *   div on the right has been taken into consideration and moved to still allow for accurate placement
	 *   regardless of centering method.
	 ***/
	position: relative;	
	border: 0px #999 dashed;
	float: none;
	text-align: left;
}

#main
{
    float: left;    
	position: relative;
}

#logoBttm
{
    margin-left: 92px;
}

#leftShadow
{
    float: left;
    clear: left;
    margin-left: 92px;
}

#flashCont
{
    height: 388px;
}

#rSide
{
    float: left;
    /*background: url(/images/rSideBg.png) no-repeat;*/
    width: 236px;
    height: 428px;
	position: relative;
	font-size: 10px;
}

#rSideImg 
{
	width: 236px;
	height: 428px;
	position: absolute;
	left: 0px;
	top: 0px;
}


#tourForm
{
    float: left;
    margin-top: 16px;
    position: relative;
    left: 38px;
}

#cityField,
#zipField
{
    background: url(/images/czInput.png) no-repeat;
    width: 106px;
    height: 28px;
}

#stateField select
{
    margin: 5px 0 8px 5px;
    border: 1px solid #AAA;
    font-size: 11px;
    height: 18px;
}

#cityField input,
#zipField input
{
    border: 0px;
    width: 92px;
    height: 15px;
    margin-top: 6px;
    margin-left: 5px;
    font-size: 11px;
    padding-left: 4px;
}

#zipField
{
    clear: left;
}

#tourInfo
{		
	position: absolute;
    left: 14px;
    top: 290px;
    /*padding-left: 14px;*/
    width: 178px;
    font: 11px Arial;
    line-height: 20px;
    color: #FFF;
}

#tourInfo a
{
    color: white;
    text-decoration: underline;    
}

#buildNow
{
    position: absolute;
	bottom: 32px;
	right: 25px;
}

#info
{
    /*background: url(/images/infoBackplate.png) no-repeat;*/
    float: left;
    position: relative;
    left: 92px;
    width: 868px;
    height: 108px;
}

#infoBgImg
{
	position: absolute;
	top: 0px;
	left: 0px;
}

.infoTitle
{
    margin-top: 3px;
    font: bold 16px "Times New Roman";
    color: #FFF;
    text-indent: -9999px;
}

.copy
{
    font-size: 10px;
    color: #777;
}

#buildInfo
{
    float: left;
    width: 282px;
    height: 108px;
}

#buildInfo .infoTitle
{
    padding-left: 42px;
}

#eStarInfo
{
    position: relative;
    float: left;
    width: 278px;
    height: 108px;
}

#eStarInfo .infoTitle
{
    padding-left: 23px;
}

#eStarInfo .copy
{
    margin-top: 14px;
    position: relative;
    left: 24px;
    width: 240px;
}

#eStarInfo a
{
    position: absolute;
    left: 176px;
    margin-top: -20px;
}

#right
{
    float: right;
    height: 100px;
    margin-right: 2px;
	/*** Cantley - Modified to put the right box relative to the Doc box rather than outside of it.
     *	 This places the fade where it needs to be regardless of how the doc box is centered.
	 ***/
	position: absolute; 
	border: 0px #666 dashed; 
	right: -90px; top:0px;
}

#dealerNavigation
{
	left: 340px;
}

#vtLink	
{	
	background: url(/images/spacer.gif) repeat;		
	position: absolute;
	display: block;
	border: 0px red dashed;		
	width: 120px;
	height: 40px;
	right: 75px;
	top: 10px;							
}

#claytonhomesLink
{
	background: url(/images/spacer.gif) repeat;		
	position: absolute;
	display: block;
	border: 0px red dashed;		
	width: 100px;
	height: 30px;
	right: 95px;
	top: -40px;	
}