/* CSS Reset */
/* CSS Reset */
body {  
	margin: 0px; 
	padding: 0px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
} 


h1, h2, h3, h4, h5, h6, img {
	border: 0;
	margin: 0;
	padding:0;
}


/* CSS Document */
body{
	background:#e7e7e7;
}

a:link {
	color: #151;
}

a:visited, a:active {
	color: #393;
}

a:hover {
	color: #722;
}

/* Chart Container Table */
td.chart {
	background: #000 url(../img/chart.png) top right no-repeat;
	height: 15px;
	text-align: left;
	padding: 0;
}
td.chart span {
	display: block;
	margin: 0px 0 0 0px;
	height: 14px;
	background: url(../img/chart.png) bottom left no-repeat;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
}
td.vert-chart {
	background: #000 url(../img/vchart.png) top left no-repeat;
	width: 15px;
	text-align: left;
	vertical-align: bottom;
}
td.vert-chart span {
	display: block;
	margin: 0px 0 0 0px;
	width: 14px;
	background: url(../img/vchart.png)  bottom right no-repeat;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* Containers & Header */
/* ------------------------------------------------------------------------------------------------------------------------- */
#container-wrapper {
	width: 993px;
	margin: 0 auto;
	position: relative;
/*	border: 1px solid #949494;*/
	background: #fff url(../img/bg-page.gif) top left repeat-y;
	margin: 15px auto;
}

#container-wrapper-2 {
	background: url(../img/bg-page-bottom.gif) bottom left no-repeat;
}

#container {
	padding: 0 12px 20px 1px;
}


#top-box {
	background:url(../img/header.gif) no-repeat top center;
	height: 73px;
	padding: 0px;
}

#top-logo {
	position: absolute;
	border: 0px;
	top: 0px;
	left: 0px;
}

#top-tag-line {
	position: absolute;
	top: 45px;
	right: 20px;
	color: #fff;
	font-size: 10pt;
	font-style: italic;
}


/* ------------------------------------------------------------------------------------------------------------------------- */
/* Left Column */
/* ------------------------------------------------------------------------------------------------------------------------- */


#left-col {
	width: 780px;
	float: left;
	position: relative;
}

#top-content {
	position: relative;
	background: #f6f5de;
	border-bottom: 1px #dddcc5 solid;
	padding: 10px 20px;
	font-size: 8pt;
}

#top-content h1 {
	font-size: 14pt;
	color: #2a6f22;
	margin: 0;

}


#top-dropdown {
	padding: 0;
	height: 34px;
	background: #fff5cc;
	border-bottom: 1px #dcb solid;
	font-size: 11pt;

	color: #353;
	position: relative;
}

#top-dropdown h2 {
	float: left; 
	padding-left: 20px; 
	font-size: 13pt; 
	line-height: 34px; 
	color: #930;
}

#top-dropdown-text {
	line-height: 34px;
	padding-left: 20px;	
	font-weight: bold;
}

#city {
	position: absolute;
	left: 130px;
	top: 7px;

}

#city select {
	font-size: 10pt;
}

#top-nav {
	float: right;
}

#top-nav a:link, #top-nav a:visited, #top-nav a:active {
	line-height: 34px;
	background: #fe9;
	color: #544;
	display: block;

	padding: 0 15px;
	text-decoration: none;
	font-size: 9pt;
	border-left: 1px #ec8 solid;
}

#get-details-city, #get-details-service {
	position: relative;
	float: left;
}

#get-details-city-title {
	cursor: pointer;
}

#top-nav a:hover {
	background: #ec7;
}

#get-details-city-list, #get-details-service-list {
	position: absolute;
	background: #ffe;
	border: 1px #dca solid;
	display: none;
}

#get-details-city:hover #get-details-city-list, #get-details-service:hover #get-details-service-list {
	display: block;
}

#get-details-city-list {
	width: 300px;
}

#get-details-city-list ul, #get-details-service-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	padding: 10px;
}

#get-details-city-list ul a:link, #get-details-city-list ul a:visited, #get-details-city-list ul a:active, #get-details-service-list ul a:link, #get-details-service-list ul a:visited, #get-details-service-list ul a:active {
	background: transparent;
	display: inline;
	border: none;
	padding: 0;
	font-size: 10pt;
	line-height: 14pt;
	text-decoration: underline;
	color: #765;
}

#get-details-city-list ul a:hover, #get-details-service-list ul a:hover {
	color: #d30;
	background: transparent;
}

#flash-chart-wrapper {
	width: 500px;
	float: left;
}

#flash-chart {
	padding-left: 15px;
}


#flash-chart-title {
	color: #000;
	background: #ff9;
	margin: 15px 0 10px 0;
	padding: 5px;
	text-align: center;
	border: 1px #dda solid;
	font-size: 11pt;
	line-height: 12pt;
}

#ads-wrapper {
	float: right;
	width: 240px;
}

.ad {
	height: 150px;
	margin: 10px 20px 0 0;
	background: #e2e2e2;
	text-align: center;
	
}


#cities {
	margin-left: 10px;
}

#bottom-box {
	font-size: 12px;
	padding: 25px 0px 25px 0px;
}


#chart-box {
	padding-bottom: 3px;
}

.bookmark-links {
	text-align: center;
	margin: 0;
}

#price-tables-wrapper {
	clear: both;
	padding: 10px;
	text-align: center;
}
.price-tables {
	border: 1px solid #949494;
	margin: 0 auto;
}

#price-tables-title {
	text-align: center;
	color: #2A6F22;
	font-size: 12pt;
	margin: 0 0 8px 0;
}

td.single-price-table {
	padding: 4px;
}

td.avg-price-table {
	background: #ded;
}


#bottom-dropdown-bar {
	background: #fff5cc; 
	clear: both; 
	line-height: 34px; 
	border-top: 1px #dcb solid; 
	border-bottom:1px #dcb solid; 
	margin: 0 0 15px 0;

	font-weight: bold;

}

.bottom-dropdown-box-1, .bottom-dropdown-box-2 {
	padding: 0 12px;
	background: #ffd494;
	line-height: 34px;
	color: #610;
	float: left;
	border-right: 1px #dcb solid;
}

.bottom-dropdown-box-2 {
	background: #ffe3a5;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* Right Column  */
/* ------------------------------------------------------------------------------------------------------------------------- */

#right-col-wrapper {
	width: 190px;
	float: right;
}

#right-col {
	padding: 0 10px 10px 0;
	font-size: 8pt;
}

#right-col h3 {
	color: #2f721f;
	text-align: center;
	margin: 10px 0 10px 0;
	font-size: 10pt;
}

#city-averages {
	border: 1px #aca solid;
	background: #e2eee2;
	padding: 4px;
}

#city-averages td {
	padding: 1px 2px;
	font-size: 7pt;
}


.copy-headline {
	font-size: 14px;
	font-weight: bold;
}
.copy-header {
	font-family:Arial, Helvetica, sans-serif;
	padding:15px;
	border-bottom: 1px solid #5bb718;
	border-top: 1px solid #5bb718;
	border-right: 1px solid #5bb718;
	border-left: 1px solid #5bb718;
/*	color:#339900;*/
}
.copy {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
/*	color:#339900;*/
	font-size:12px;
	text-align: left;
	padding: 0px 0px 50px 0px;
	top: 7px;
	left: 90px;
	height: 8px;
	width: 357px;
}
.copy-list {
	padding: 0;
	margin-left: 1em;
}
.type-name {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.high-money {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
}
.low-money {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}
.avg {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #ffffaa;
	outline: #ffffaa solid 2px;
	
}
.min-avg-price {
	color: #339900;
}
.max-avg-price {
	color: #ff0000;
}


#footer {
	clear: both;
	padding: 20px 0;
	font-size: 8pt;
	color: #555;
	text-align: center;
	width: 780px;
}


.clear-empty {
	line-height: 1px;
	clear: both;
}