@charset "utf-8";

/* CSS Document */







/* Main Container--------------------------------------------------------------------------------------------------*/

div.main_container {

	width: 519px;

	margin: 0 auto;

	padding:0px

}

/* Content Container ----------------------------------------------------------------------------------------------*/

div.content_container {

	margin: 0 auto;

	padding:10px;

/*  width:499px; */

	background-color:#FFFFFF;

    border-left: 1px solid #336699;

    border-right: 1px solid #336699;

    border-bottom: 1px solid #336699;

}

/* navigation ---------------------------------------------------------------------------------------------------*/

/* controls border of main navigation, width and height, and the background of the area outside of the buttons.*/

div.zillownav {

	width:519px;

	height: 21px;

	margin: 0 auto;

	
	background:url("/images/zillow/z_nav_bg.jpg");		

	
	border: 1px solid #336699;

}

/* controls the background of the buttons, alignment of the text inside the buttons. */

div.nav_button {

	width:133px;

	height:21px;

	float: left;

	margin:0 auto;

	
	background:url("../../images/zillow/z_button_bg.jpg");	

		



	text-align:center;

}

/* aligns the divider */

div.nav_divider {

	float:left;

	width:18px;

}

/* aligns the zillow logo */

div.zillow_logo {

 	padding-top:3px;

	text-align:center;

}

/* Controls button font, font color, and hyperlink rollover ----------------------------------------------------------*/

.mainhlink {

	line-height: 20px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#003366;

	text-decoration: none;

}

.mainhlink:hover {

 text-decoration: underline;

 color:#336699;

}

/* Calculator ---------------------------------------------------------------------------------------------------------------*/

.calculator_cont {

	margin: 0 auto;

	width: 420px;

	padding:10px;

}



ul{

    margin: 0 auto;

}

/* The wider the #list_wrapper is, the more columns will fit in it */

.list_wrapper{

    width: 460px

}



/* The wider this li is, the fewer columns there will be */

    ul.multiple_columns li{

        float: left;

		margin: 0 auto;		

        list-style: none;

        height: 30px;

        width: 150px;

    }

	li.title_align {

	text-align:right;

	line-height: 19px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color:#000000;

	}

	li.field_align {

	text-align:left;

	}

.clear {

	clear: both;

}

/* end calculator ------------------------------------------------------------------------------------------------------------*/



/* Font Controllers -------------------------------------------------------------------------------------------------------*/

.general_txt {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color:#000000;

}



.general_txt a{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color:#000000;

}



.general_txt a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color:#000000;

}

.title_font {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#000000;

}



/* starty switch Controllers -------------------------------------------------------------------------------------------------------*/

#zRates {

	display: block;

}

#zZillow {

	display: none;

}

/* end switch Controllers -------------------------------------------------------------------------------------------------------*/