.page {
	display:table;
	width:100%;
}

#wrapper,
#wrapper-footer {
	background: #f6f6f6;
	border-left: solid 1px #b4b4b4;
	border-right: solid 1px #b4b4b4;
	min-width:1106px;
}


#header {
	background: #fff url(../images/header_bg2.png) repeat-x;
	height: 94px;
}
#header h1 {
	background: transparent url(../images/mf-broker.png) no-repeat;
	height: 94px;
	width: 848px;
	margin-left: 0;
	top: 0;
	left: 0;
}
#header h1 a {
	height: 92px;
	width: 399px;
}

#header-menu p a {
	color: #1c1717;
}

#header-menu, #header-menu p {
	height: 30px;
	background-color: #f1f0eb;
}
#header-menu p {
	color: #544b4b;
	padding: 0pt 100px 0pt 1em;
	line-height: 28px;
}


#feedback-button-wrapper a {
	background-color: #e03c31;
	height: 30px;
	width: 105px;
	color: #fff;
	text-align: center;
	line-height: 28px;
	text-decoration: none;
}

#feedback-button-wrapper a:hover {
	background-color: #c9302c;
}

#header + #nav {
	height: 33px;
	background-color: #544b4b;
}

#header + #nav ul {
	float: right;
}

#header + #nav li {
	float: left;
}

#header + #nav li a {
	color: #f1f0eb;
}

#header + #nav li a span {
	height: 13px;
	padding: 10px 20px;
}

#header + #nav li a:hover span {
	background-color: #f1f0eb;
	color: #544b4b;
}

#header + #nav li a.active span, #header + #nav li a.active:hover span {
	background-color: #1c1717;
	color: #f1f0eb;
}

#bar {
	background: #f9f9f9 url(../images/bar_bg.png) repeat-x left bottom;
	border-bottom: solid 4px #3D1A44;
	padding-bottom: 10px;
}

#bar h2 {
	color: #3D1841;
}

#wrapper-footer {
	margin: -80px auto 0 auto;
}
#footer {
	background-color: #544b4b;
}


#login-panel #login strong {
	color: #692B6A;
}

#misc h3 {
	color: #692B6A;
}
#misc ul.sub-list,
#misc ul.sub-list-roman {
	list-style: lower-alpha;
	margin-top: 0.5em;
}
#misc ul.sub-list-roman {
	list-style: lower-roman;
}

#misc ul.sub-list li,
#misc ul.sub-list-roman li {
	padding-bottom: 0.1em;
}


/* Marketing Section */
/*
.marketing-selection {
	margin: 0;
	padding: 1em;
	clear: both;
	float: left;
	width: 100%;
}
.marketing-selection li {
	float: left;
	margin: 1em 1%;
	width: 31%;
}
.marketing-selection li a {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #fff;
	border: solid 1px #eee;
	height: 220px;
}
.marketing-selection li a:hover {
	background-color: #FCFBE7;
}
.marketing-selection .img {
	display: block;
	float: left;
	margin: 2%;
	height: 124px;
	width: 107px;
}
.marketing-selection .desc {
	float: left;
	width: 60%;
}
.marketing-selection .marketing-guide {
	background: url(../images/marketing/marketing_guide.jpg) no-repeat 0 0;
}
.marketing-selection .marketing-cma {
	background: url(../images/marketing/marketing_cma.jpg) no-repeat 0 0;
}
.marketing-selection .marketing-cma-poster {
	background: url(../images/marketing/marketing_cma_poster.jpg) no-repeat 0 0;
}
.marketing-selection .marketing-broker-buttons {
	background: url(../images/marketing/marketing_broker_buttons.jpg) no-repeat 0 0;
}
.marketing-selection .marketing-cover-letter {
	background: url(../images/marketing/marketing_cover_letter.jpg) no-repeat 0 0;
}
.marketing-selection li h4 {
	color: #464646;
	margin: 15px 0 0 0;
	font-size: 1.2em;
}
.marketing-selection li h4 span {
	color: #0397D6;
}
.marketing-selection li p {
	line-height: 1.4em;
	font-size: 1em;
	color: #9c9c9c;
	margin: 0.2em 1% 0 0;
}
*/

/* Updated Marketing Section */
.marketing-selection {
	margin: 0;
	padding: 1em 2em;
	clear: both;
	float: left;
	width: 100%;
}
.marketing-selection li {
	float: left;
	margin: 1em 2em;
}
.marketing-selection li a {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #fff;
	border: solid 1px #eee;
	height: 270px;
}
.marketing-selection li a:hover {
	background-color: #FCFBE7;
}
.marketing-selection li h4 {
	background: #bdbdbd;
	color: #fff;
	font-size: 1.7em;
	padding: 0.2em 0.5em;
}
.marketing-selection .marketing-bronze {
	background: url(../images/marketing/marketing_bronze.jpg) no-repeat 0 20px;
	height: 169px;
	width: 179px;
}
.marketing-selection .marketing-silver {
	background: url(../images/marketing/marketing_silver.jpg) no-repeat 0 0;
	height: 196px;
	width: 256px;
}
.marketing-selection .marketing-gold {
	background: url(../images/marketing/marketing_gold.jpg) no-repeat 0 0;
	height: 190px;
	width: 346px;
}
.marketing-selection .img {
	margin: 1em 2em 0 2em;
}
.marketing-selection li {
	position: relative;
	font-family: Arial, sans-serif;
}
.marketing-selection li .desc p {
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
	color: #bdbdbd;
	font-weight: bold;
}
.marketing-selection li a {
	border: solid 1px #bdbdbd;
}
.marketing-header {
	margin: 0;
	padding: 2em 3.4em 0 3.4em;
	clear: both;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #898989;
	font-family: Arial, sans-serif;
}
.marketing-footer {
	margin: 0;
	padding: 0.5em 3.4em 5em 3.4em;
	clear: both;
	float: left;
	font-size: 1.2em;
	color: #898989;
	font-family: Arial, sans-serif;
}

.results .options {margin-top:12px;}
.box-dialog .ui-dialog-titlebar {margin:0}
.box-dialog .ui-dialog-title {z-index:-1;right:0;}
#usage-items th {cursor:pointer;}
#usage-items th:hover {background-color:#bbb;}
#usage-items th.asc {background-color:#f9f9f9;}
#usage-items th.desc {background-color:#ddd;}
#usage-items .pagination {float:right;}
#usage-items .pagination li {float:left;}
#usage-items .pagination li a {border:1px solid #ccc;margin:0 0.2em;padding:0.1em 0.5em;}
#usage-items .pagination li a:hover {border:1px solid black;}
#usage-items .pagination li .active {border:1px solid #666;cursor:default;}

#usage-items table {
        margin: 2em 0;
        padding: 1em;
        border: solid 1px #ccc;
        border-collapse: collapse;
        width: 100%;
        background-color: #fff;
        clear:both;
}
#usage-items table tr th {
        font-weight: bold;
        background-color: #efefef;
}
#usage-items table tr th,
#usage-items table tr td {
        padding: 0.2em 0.5em;
        border: solid 1px #ccc;
        text-align: center;
}


/** 
	Estimate Slider
*/

#price-estimate-slider {
	background:#666;
	clear:both;
	margin: 40px 20px 20px 20px;
	height:8px;
	width:200px;
}

#price-estimate-slider .ui-slider-handle {
	border:none;
	background: url(../images/percentage-slider.gif) no-repeat 0 0;
	top:-26px;
	height:22px;
	width:24px;
	border: 2px solid #ffffff;
	margin-left:-15px;
}

#price-estimate-slider .ui-slider-handle:after, #price-estimate-slider .ui-slider-handle:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#price-estimate-slider .ui-slider-handle:after {
	border-color: rgba(3, 106, 175, 0);
	border-top-color: #036AAF;
	border-width: 4px;
	margin-left: -4px;
}

#price-estimate-slider .ui-slider-handle:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 7px;
	margin-left: -7px;
}

#price-estimate-slider .ui-slider-handle:focus {
	outline:none;
}

#price-estimate-slider-div {
	text-align:left;
	display:table-cell;
	width:50%;
	vertical-align:top;
}

#price-estimate-slider-div p {
	margin-left:20px;
	margin-bottom:20px;
	display:block;
}

#property-brochure #price-estimate-wrapper .price-range-wrapper {
	font-size:1.6em;
}

#price-estimate-wrapper .percentage-wrapper {
	float:left;
	font-size:2.4em;	
	width:25%;
	display:table-cell;
	margin-left:20px;
}

#price-estimate-wrapper .price-slider-notes {
	margin-left:20px;
}

#price-estimate-wrapper .percentage-text-wrapper {
	float:left;
	display:table-cell;
	padding-left:6px;
	line-height:17px;
}


#price-estimate-text {
	clear:both;
	display:table-cell;
	width:45%;
	border-right:1px solid #ccc;
	padding-left:5px;
	vertical-align:top;	
	padding-right:10px;
}

#price-estimate-text p {
	margin-bottom:10px;
	display:block;
}

#price-estimate-wrapper {
	display:inline-block;
	clear:both;
	padding-top:20px;
	margin-top: -100px;
	margin-left: 80px;
}

#price-estimate {
	padding:20px;
}

#price-estimate-form ul li {
	margin-top:10px;
}

#price-estimate-form ul li label.small-label {
	min-width:3em;
}

#price-estimate-form ul li label {
	background-color:white;
}

#recalculate {
	font-size:1.3em;
}

#price-estimate-form .blue-header {
	border-top:1px solid #036AAF;
	-webkit-margin-before: 2em;
	-webkit-margin-after: 2em;
	margin:2em 0;
}


#price-estimate-form .bottom-buttons {
 	width:150px;
 	clear:both;
 	margin:10px auto;
 	display:block;
 	height:30px;
}

#property-brochure div.half h5 {
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}




#property-brochure div.half p {
	font-size: 1.2em;
	border-bottom:none;
}

#price-estimate-form #street-rating {
	width:60px;
	float:none;
}

#price-estimate-form #street-rating-link {
	float: none;
}

#price-estimate-form h6 {
    padding: 1em 0 0 0;
    font-size: 1.6em;
    background: none;
}
#price-estimate-form h6#price-estimate-field {
    padding: 0;
    font-size: 2.3em;
    margin: 0px;
    padding: 20px 0 20px 0;
    background: url(../images/cma_price_bg_thin.gif) no-repeat 0 0 ;
}


#property-brochure .box #price-estimate-form fieldset h4 {
 	font-size: 1.3em;
}
#price-estimate-form h6 {
	background:none;
}
#price-estimate-form #price-estimate {
 	padding: 20px 0 20px 0;
	background:none;
}
#price-estimate-form #rating-scale table, 
#price-estimate-form #rating-scale td,
#price-estimate-form #rating-scale th {
	width: 300px;
	text-align: center;
	border: 1px solid #ccc;
	border-collapse: collapse;
	font-size: 8px;
	font-weight: bold;
}
#price-estimate-form #rating-scale th {
	background-color: #ccc;
	color: #fff;
}
#price-estimate-form #rating-scale {
	margin-left: 400px;
	margin-top: -50px;
}