/***********************************************/
/* default.css                            */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:50px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	background: #ffffff;
	height:100%;
}

p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	letter-spacing:.05em;
	line-height:18px;
	padding: 0px 0px 0px 0px;
}


/******* td styles *******/

td.bodyLeft{
	padding-right: 5px;

	text-align: right;
	font:  bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #218692;
	display: block;
}

td.bodyRight{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	letter-spacing:.05em;
	line-height:18px;
	padding: 0px 10px 0px 0px;
	vertical-align:top;
}


td.background_lime{
	background-color: #c4d940;
}

td.background_white{
	background-color: #ffffff;
	font:  bold 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #61b1bb;
}






/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}




/************** header tag styles **************/

h1{
	 font:  bold 185% Verdana, Arial, Helvetica, sans-serif;
	 font-size: 36px;
	 color: #ffffff;
	 margin: 0px;
	 padding: 0px 10px 10px 0px;
}

h2{
	 font:  bold 100% Verdana, Arial, Helvetica, sans-serif;
	 color: #ffffff;
	 font-size:16px;
	 letter-spacing:.1em;
	 margin: 0px;
	 padding: 0px 10px 10px 0px;
}

h3{
	 font:  bold 185% Verdana, Arial, Helvetica, sans-serif;
	 font-size: 20px;
	 color: #000000;
	 margin: 0px;
	 padding: 30px 10px 10px 0px;
}

h4{
	 font:  bold 100% Verdana, Arial, Helvetica, sans-serif;
	 font-size: 14px;
	 color: #1e8c9a;
	 margin: 0px;
	 padding: 0px 0px 0px 0px;
}


/******* image styles *******/


.body img{
	display: block;
	padding: 0px 50px 0px 0px;
}

.bodyLeft img{
	display: block;
	padding: 10px 0px 0px 55px;
}

#bodyContent-centerContainer img{
	border:none;
}





/*************** list tag styles ***************/

ul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: disc;
	list-style-position: outside;
}

li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	letter-spacing:.05em;
	line-height:18px;
}




/********* form and related tag styles *********/





/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#bodyCell{
	width:949px;
	height: relative;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:0px;
}


#masthead{
	position: absolute;
	top: 0px;
	height:134px;
	width:949px;
	
}


#bodyContent{
	position: absolute;
	top: 122px;
	width:948px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	height: auto;
	border-left-style:solid;
	border-left-color:#a9b468;
	border-left-width:thin;
	border-right-style:solid;
	border-right-color:#a9b468;
	border-right-width:thin;
	border-bottom-style:solid;
	border-bottom-color:#a9b468;
	border-bottom-width:thin;

}


/***********************************************/
/* Component Divs                              */
/***********************************************/



/************** utility styles *****************/

#utility{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 16px;
	right: 0px;
	color: #61b1bb;
}

#utility a{
	color: #61b1bb;
}

#utility a:hover{
	text-decoration: underline;
}



/************** mainnav styles ****************/


#mainnav {
	position:absolute;
	top:50px;
	width:950px;
	height:90px;
}

#mainnav-logo {
	position:absolute;
	left:0px;
	top:0px;
	width:258px;
	height:90px;
}

#mainnav-button_stepsToSuccess {
	position:absolute;
	left:258px;
	top:0px;
	width:112px;
	height:90px;
	
}

#mainnav-button_beforeYouBegin {
	position:absolute;
	left:370px;
	top:0px;
	width:127px;
	height:90px;
}

#mainnav-buttonInstallABacksplash {
	position:absolute;
	left:497px;
	top:0px;
	width:133px;
	height:90px;
}

#mainnav-button_InstallACountertop {
	position:absolute;
	left:630px;
	top:0px;
	width:122px;
	height:90px;
}

#mainnav-button_settingTile {
	position:absolute;
	left:752px;
	top:0px;
	width:93px;
	height:90px;
}

#mainnav-button_groutingTile {
	position:absolute;
	left:845px;
	top:0px;
	width:107px;
	height:90px;
}



/************* breadcrumb styles ***************/

#breadcrumb{
	position: relative;
	top: 0px;
	margin-left: 0px;
	padding: 5px 10px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
}

#breadcrumb a{
	color: #AAAAAA;
}

#breadcrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}



/************* navEngSp styles ***************/

#navEngSp{
	position: relative;
	top: 0px;
	margin-left: 750px;
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
}

#navEngSp a{
	color: #5390a3;
}

#navEngSp a:hover{
	color: #005FA9;
	text-decoration: underline;
}


#navHomeEngSp{
	position: relative;
	top: 0px;
	margin-left: 50px;
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
}

#navHomeEngSp a{
	color: #5390a3;
}

#navHomeEngSp a:hover{
	color: #005FA9;
	text-decoration: underline;
}

/************* bodyContent Container styles ***************/

#bodyContent-topHomeContainer{
	position: relative;

	height: 385px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-color: #eef3ea;
}

#bodyContent-topHomeContainer img{
	border:none;
}

td.bodyContent-topHomeContainer{
	 margin: 0px;
	 padding: 5px 20px 10px 0px;

}



#bodyContent-topContainer{
	position: relative;

	height: 300px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-color: #eef3ea;
}

#bodyContent-topContainer img{
	border:none;
}

td.bodyContent-topContainer{
	 margin: 0px;
	 padding: 5px 20px 10px 0px;

}



#bodyContent-centerContainer{
	position: relative;

	width: 948px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-color: #eef3ea;
}

#bodyContent-bottomContainer{
	position: relative;

	width: 948px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-color: #eef3ea;
}



/************** footer styles ****************/

.push {
	height: 10px; /* .push must be the same height as .footer */
}

.footer {
	height: 10px; /* .push must be the same height as .footer */
	color: #005FA9;
	font-size: 80%;
	margin-top: 0px;
	padding: 10px 10px 10px 10px;
}

.footer a:link, .subglobalNav a:visited {

	color: #005FA9;

}

.footer a:hover{
	color: #005FA9;
}

/********************* end **********************/