@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body {
	background-image:url(http://www.johnhartrealestate.com/template/cms_integration/beta/images/background.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-color:#666;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	height:100%;
}	

@font-face {
font-family: 'FreestyleScript';
src: url('../freescpt.eot');
src: local('FreestyleScript'), url('../freescpt.ttf') format('opentype');
}

@font-face {
font-family: 'Old English Text MT';
src: url('../oldengl.oet');
src: local('Old English Text MT'), url('../oldengl.ttf') format('opentype');
}

.new .font {
	font-family: FreestyleScript;
	color:#474747;
	margin-top:10px;
	letter-spacing:-1px;
	float:left;
}
.font {
	font-size: 60px;
	padding:17px 10px;
}

#bodycontent {width:932px; height:100%; float:left; background-image:url(../images/beta/content-background-thin.png); background-repeat:repeat-y; padding:0 44px;}

#jhubodycontent {width:970px; height:100%; float:left; background-image:url(../images/beta/content-background-thin.png); background-repeat:repeat-y; padding:0 25px;}

.tabs {margin-bottom:5px;}

a:link {color:#B71210;text-decoration:none;}

a:visited {color:#B71210;text-decoration:none;}

a:hover {color:#AF160A;text-decoration:none;}

.imagestyle-left {float:left;margin-right:15px;margin-bottom:7px;}

.imgmargin {float:left;margin-right:10px;}

.iconpad{margin-right:8px;}

.solidline {background-color:#ddce86;height:10px;}

a img {border: none;/*remove border for linked images*/}

h1 { font-family:'Merriweather', arial, serif; font-size:25px; color:#FFF; text-shadow: 2px 2px 2px #333; margin:0px; line-height:48px;}
h2 {font-weight:bold; font-size:19px; color:#7d7d7d;}
h3 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; margin:0px;}
h5 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#990000; margin-bottom:4px;}
h6 {color:#a22819; font-weight:bold;font-size:18px; display:inline;}
h7 {font-weight:bold; font-size:15px; letter-spacing:-1px; line-height:18px; clear:inherit;}

#loginbg {background:#b00c0b; height:22px; width:auto;}

#login {
	color:#fff;
	padding-right:10px;
	font-size:11px;
	width:940px;
	text-align:right;
	margin:0px auto;
	font-family:Arial, Helvetica, sans-serif;
}

#login a {color:#fff; text-decoration:none;}

#login a:hover { color:#E6E6E6; text-decoration:none;}

#wrapper {
	width:950px;
	margin:0px auto;
	color:#000000;
	height:auto;
}

#header { width:940px; height:125px; padding-right:5px; margin-bottom:5px; clear:none; background:none;}

#logo { width:283px; height:125px; float:left;}

.menu { float:right; text-align:center; }

.menu td a {
	background-image:url(../images/menu-bg.gif);
	background-repeat:repeat-x;
	color:#fff;
	display:block;
	width:auto;
	height:22px;
	font-size:14px;
	padding:10px 18px;
}

* html .menu td a {/* make hover effect work in IE */width:auto; height:22px;}

.menu td a:hover {background-image:url(../images/menu-over.gif); height:22px; width:auto;}

.menubg {
	background-image:url(../images/menu-border.gif);
	background-repeat:repeat-x;
	height:43px;
	background-color:#ca1e24;
}


#searchbar {
	background-image:url(../images/searchbar-house.jpg);
	background-repeat:no-repeat;
	width:924px;
	height:242px;
	padding: 20px 0px 0px 15px;
	margin-left:5px;
}

#searchbar h1 {font-size:20px; margin-bottom:10px; font-style:italic; color:#fff; margin:0px 0px 15px 0px;}

/***** Main Layout ****/

#content {
  	width: 900px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	padding: 20px;
}

#trans-border { width:280px; margin:20px auto; padding:14px 20px; background:#444; color:#222; }

#trans-border .sb-border { background:#000; }

#products {	
	float:left;
	width:400px;
	height:auto;
	padding:10px;
	font-size:12px;
	margin:0px 0px 5px 10px;
	background-color:#a22819;
	border:1px solid #c57445;
	color:#fff;
}

#products .sb-border { background:#000; }

#allproducts {
	background-color:#a22819;
	border:1px solid #c57445;
	float:left;
	padding:10px;
	height:auto;
	width:400px;
	margin-left:10px;
	margin-bottom:6px;
}

#allproducts td a {
	color:#ffffff;
	background-color:#c01d12;
	display:block;
	padding:5px 10px;
	font-weight:normal;
	width:auto;
	font-size:12px;
}

* html #allproducts td a {  /* make hover effect work in IE */ width:auto;}

#allproducts td a:hover {background: #fff;color:#c01d12;}

#featuredlistings {
	float:left;
	width:460px; 
	height:350px;
	font-size:12px; 
	line-height:15px;
	color:#000000;
}

#featuredlistings a {
	color:#921E16;
	font-weight:bold;
}

#featuredlistings a:hover {color: #e31d0f;}


#map {width: 400px; height: 340px; float:right; clear:both; color:#333333;}

#map a {color:#921e16; text-decoration:none;}

#map a:hover {color:#FF0000; text-decoration:none;}

.advsearch2 {
	overflow:hidden;
	font-size:13px; 
	margin-bottom:20px;
	color:#44413f;
}

div#box{ padding:18px 15px 15px 15px; background:#E9E9E9; height:auto; color:#000; margin-bottom:10px; width:410px; float:left; }

div#boxwhite{ padding:15px; height:auto; background:#fff; color:#000; width:380px; font-size:12px; line-height:16px; }

#resultbody2 {
	width:470px;
	height:auto;
	background:#D4D4D4;
	color:#000000;
	float:left;
}

#absolute-wrapper {position:relative;height:9em;}

.AdvancedSearch {color:#909090; font-size:10px;clear:both;}

.AdvancedSearch a:link {color:#909090; text-decoration:underline;}

.AdvancedSearch a:hover {color:#a22819; text-decoration:underline;}

.AdvancedSearch a:visited {color:#909090; text-decoration:underline;}

.thumbimage {width:100px; height:auto; float:left; margin-bottom:18px;}

.ad1 {width:170px; float:left; height:1410px; color:#000000; border:1px solid #ffffff;}

#footer {width:980px; height:194px; float:left; margin:0 20px; font-size:11px; color:#666;}

#footer a {color:#E61C0E; text-decoration:none;}

.listing {width:360px; float:left; color:#000000; margin:25px; clear:both;}

.listing a:link {color:#991310;text-decoration:none;}

.listing a:visited {color:#991310;text-decoration:none;}

.listing a:hover {color:#D31D10;text-decoration:none;}

#mainpage {background-color:#fff; padding:10px 15px 20px 15px; height:auto; overflow:auto; margin:0px auto;}

#leftcolumn {width:305px; float:left; margin-right:5px;}

#janehart {
	background-color:#e2e2e2;
	background-position:top;
	background-repeat:no-repeat;
	border:1px solid #cacaca;
	float:left;
	width:301px;
	margin-bottom:5px;
}

.janeimg {float:left;}

.askjane {
	width:195px;
	height:auto;
	float:left;
	line-height:15px;
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
	color:#666;
	font-style:italic;
}

.askjane-bar {
	padding:5px 0px 5px 0px;
	background-color:#E2E2E2;
	width:281px;
	text-align:right;
	float:right;
}

.homevalue {
	width:auto;
	height:auto;
	padding-bottom:10px;
	line-height:15px;
}


.subdescription {
	width:250px;
	margin-top:5px;
	font-size:12px;
	padding-left:10px;
	color:#666;
	line-height:18px;
}

.subdescription h1 {font-weight:bold; color:#666; font-size:15px; letter-spacing:-1px; margin-bottom:4px; padding: 0px;}

.quizofday {
	font-size:15px;
	margin-top:8px;
	margin-left:10px;
	margin-bottom:15px;
	font-weight:bold;
}

#middlecolumn {width:278px; float:left; margin-right:5px;}

#gazette {
	background-color:#E4E4DC;
	border:1px solid #D5D5CF;
	border-top:none;
	float:left;
	width:272px;
	height:auto;
	font-size:12px;
	color:#666;
}

#gazette a:link {
	color:#A22819;
}

#gazette a:hover {
	color:#AF160A;
}

#gazette a:visited {
	color:#AF160A;
}

#rightside-gazette {float:right; width:300px; height:auto; line-height:15px;}

#johnhartmobile {
	background-image:url(../images/john-mobile-top.gif);
	background-repeat:no-repeat;
	float:left;
	width:258px;
	height:auto;
	margin-top:8px;
	padding:20px 0px 10px 20px;
}

#rightcolumn {width:300px; float:left; font-size:12px; color:#666;}

#johnhartuniversity {
	background-image:url(../images/jhu-bg.gif);
	background-repeat:no-repeat;
	float:left;
	width:284px;
	padding:15px 5px 20px 15px;
	height:192px;
	margin-bottom:5px;
	margin-top:5px;
	font-size:12px;
	color:#666;
}

#joiningjohnhart {
	background-image:url(../images/agent-bg.gif);
	background-repeat:no-repeat;
	float:left;
	padding:15px 0px 10px 100px;
	width:203px;
	height:63px;
	font-size:11px;
	margin-bottom:10px;
}

#joining-body {
	height:auto;
	overflow:auto;
	background-image:url(../images/johnhart-agents/joining-johnhart-bg.jpg);
	background-repeat:no-repeat;
	padding-top:25px;
	padding-left:40px;
	padding-bottom:30px;
}

#janesubpage {
	width:611px;
	height:310px;
	float:left;
	background-image:url(../images/jane-sub-bg.jpg);
	background-repeat:no-repeat;
	padding:70px 40px 0px 200px;
	margin:0px 0px 80px 20px;
	font-size:13px;
}

.janequestion {
	float:left;
	color:#a22819;
	font-weight:bold;
	font-size:25px;
	height:auto;
}


#askjanehart-bg {
	width:695px;
	height:206px;
	float:left;
	background-image:url(../images/janehart/janehart-header.jpg);
	background-repeat:no-repeat;
	padding:20px 40px 20px 160px;
	margin:0px 0px 10px 5px;
	font-size:13px;
	line-height:20px;
	z-index:1;
}

.image-margin {margin: 0px 10px 5px 0px; float:left; border:1px solid #999999;}

/* JohnHart University */

#jhu-body {
	height:auto;
	overflow:auto;
	background-image:url(../images/jhu/jhu-bg.gif);
	background-repeat:no-repeat;
	padding-top:25px;
	padding-left:40px;
	padding-bottom:30px;
}

#jhu-logo {
	width:auto;
	height:auto;
	float:left;
}

#jhusubtitle {
	float:left;
	margin-left:30px;
	width:580px;
	height:auto;
	padding-top:10px;
	margin-bottom:30px;
}

.jhutitle { font-size:30px;color:#B00C0B;font-weight:bold; }

.jhutitle-description {
	color:#515151;
	line-height:17px;
	margin-top:50px;
	font-size:13px;
	font-weight:bold;
}

.jhubody {
	float:left;
	width:772px;
	height:auto;
	padding:15px;
	background-color:#e9e9e9;
	color:#515151;
	line-height:16px;
	border: 1px solid #B00C0B;
	margin-bottom:15px;
}

.jhu-line {background-color:#B00C0B; width:804px; height:10px; float:left; margin:0px;}

.back2jhu {font-size:11px; color:#B00C0B; margin-left:30px;}

.renovate-body {
	float:left;
	width:830px;
	height:auto;
	padding:15px;
	background-color:#e9e9e9;
	color:#515151;
	line-height:16px;
	border: 1px solid #B00C0B;
	margin-bottom:15px;
}

.renovate-line {background-color:#B00C0B; width:862px; height:10px; float:left; margin:0px;}


table.sample {
	border-width: 0px;
	border-spacing: 0px;
	border-style: outset;
	border-color: #999999;
	border-collapse: collapse;
	background-color: white;
}
table.sample th {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: #999999;
	background-color: white;
	-moz-border-radius: 0px;
}
table.sample td {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color:#999999;
	background-color: white;
	-moz-border-radius: 0px;
}

.ui-progressbar-value { background-image:url(../images/pbar-ani.gif); }

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
	display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {}
.tabberlive {
	margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav{
	width:850px;
	margin: 10px auto;
	padding: 3px 0;
	font: bold 13px Verdana, sans-serif;
}

ul.tabbernav li{
	list-style: none;
	margin: 0;
	display: inline;
}

ul.tabbernav li a{
	padding: 3px 0.5em;
	margin-left: 3px;
	background: #fff;
	text-decoration: none;
}

ul.tabbernav li a:link {
	border: 1px solid #ccc;
	background-color: #fff;
}
ul.tabbernav li a:visited { color: #000; }

ul.tabbernav li a:hover{
	color: #BA1B1B;
	background: #ccc;
	border-color: #999999;
}

ul.tabbernav li.tabberactive a{
	color:#FFFFFF;
	background-color: #BA1B1B;
}

ul.tabbernav li.tabberactive a:hover{
	color: #fff;
	background: #BA1B1B;
}

/*--------------------------------------------------
  
  GLOSSARY
    
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:5px;
	width:830px;
	margin: 0px auto;
	border:1px solid #CCCCCC;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
	display:none;
}
.tabberlive .tabbertab h3 {
	display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {
	height:200px;
	overflow:auto;
}

/*CSS Liquid Round Corners */

.liquid-round {
	width:100%;
	float:left;
	margin:3px auto;
	background:#fff url(../images/rounded/leftside.gif) repeat-y left top;
}

.top {
	width:100%;
	height:20px;
	background:url(../images/rounded/top.gif) no-repeat left top;
}

.top span {
	display:block;
	position:relative;
	height:20px;
	background:url(../images/rounded/top-right.gif) no-repeat right top;
}

.center-content {
	position:relative;
	background:url(../images/rounded/rightside.gif) repeat-y right top;
	padding:1px 20px 1px 15px;
	margin:-1px 0 -40px 0;
}

.bottom {
	width:100%;
	height:33px;
	margin-top:20px;
	background:url(../images/rounded/bottom.gif) no-repeat left bottom;
}

.bottom span {
	display:block;
	position:relative;
	height:33px;
	background:url(../images/rounded/bottom-right.gif) no-repeat right top;
}

p {margin:0 0 1em 0}

/*CSS Liquid Round Corners END */


/* JohnHart Gazette Page */
#jhgazette-header {
	background-image:url(../images/johnhartgazette/gazette-bg.png);
	background-repeat:repeat-x;
	border:1px #b2b2aa solid;
	margin:10px 0px 0px 10px;
	padding:9px 0px 0px 10px;
	width:918px;
	height:99px;
}

#jhgazette-title { font-family: Old English Text MT; background-color:#9E9FA3; width:872px; height:29px; font-size:70px; border:1px #7F7F7F solid; color:#f5f2eb; padding:30px 15px; text-shadow: 2px 2px 0px #8b8c8f; }

.jhgazette-menu {
	background-image:url(../images/johnhartgazette/menu-bg.gif);
	background-repeat:no-repeat;
	margin:0px 0px 4px 10px;
	height:39px;
	font-size:13px;
	padding-left:10px;
}

.jhg-realestate { display:block; text-align:center; }

.jhg-realestate a {color:#5e5e5e; display:block; height:29px; padding:9px 18px 0px 18px; }

.jhg-realestate td a:hover {background-color:#5e5e5e; color:#FFFFFF; display:block; height:29px; padding-top:9px; }

* html .jhg-realestate td a {/* make hover effect work in IE */ width:auto; height:28px;}

.jhgazette-contentbox {
	position:relative;
	color:#5e5e5e;
	font-size:12px;
	background:url(../images/rounded/rightside.gif) repeat-y right top;
	padding:1px 14px 1px 15px;
	margin:-1px 0 -45px 0;
}

.jhgazette-top10 {
	position:relative;
	color:#5e5e5e;
	font-size:12px;
	background:url(../images/rounded/rightside.gif) repeat-y right top;
	padding:1px 14px 1px 15px;
	margin:-1px 0 -45px 0;
}

.headlines-re {width:280px; height:auto; float:left; font-size:12px; line-height:18px; margin-bottom:15px; border:1px #e0e0e0 solid; padding:15px 15px 5px 15px; }

.headlines-re a {font-weight:bold;}

.headlines-re li { list-style-type:none; width:260px; }

.refine-searchbox {
	position:relative;
	height:280px;
	background:url(../images/rounded/rightside.gif) repeat-y right top;
	padding:1px 20px 1px 25px;
	margin:-1px 0 -50px 0;
}

.head-title {
	background-image:url(../images/johnhartgazette/title-featured-house.gif);
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	padding:6px;
	height:21px;
	background-repeat:no-repeat;
	width:263px;
	margin-bottom:10px;
}

.janeanswer {width:405px; background-color:#7d7d7d; line-height:19px; padding:15px;}

/* Property Value */

.PropValueHeadtag {width:880px; margin-top:10px; height:22px; background-color:#5e5e5e; color:#fff; font-weight:bold; font-size:15px; padding:8px 10px;}

.PropValueBodytag {width:868px; height:auto; overflow:auto; border:1px solid #e0e0e0; padding:15px; color:#5e5e5e; font-size:14px; margin-bottom:10px;}

.PropValueSmall { font-size:13px; font-weight:bold; float:left; color:#5e5e5e; }

#PropValueRightcolumn { float:left; width:310px; margin-left:10px; margin-top:5px;}

#jane-ad {padding: 1px; width: 298px; background-color: rgb(94, 94, 94); height: 66px; font-size: 11px; color: rgb(255, 255, 255); margin-bottom: 5px;}


#company-info {float:right; text-align:right; font-size:11px; color:#2e2e2e; line-height:15px; margin-top:5px;}

#company-info a:link { text-decoration:none; color:#2e2e2e; font-weight:normal; }

#company-info a:visited { text-decoration:none; color:#2e2e2e; font-weight:normal; }

#company-info a:hover { text-decoration:underline; color:#ccc; font-weight:normal; }

/* The CSS Code for the menu starts here */
			#menu {
				font-family: Arial, sans-serif;
				text-transform: uppercase;
				padding: 0;
				list-style-type: none;
				background-image:url(../images/red-line.gif);
				font-size: 13px;
				height: 55px;
				width:535px;
				margin-top:7px;
			}
			#menu li {
				float: left;
				margin: 0;				
			}
			#menu li a {
				text-decoration: none;
				display: block;
				padding: 0 20px;
				line-height: 45px;
				color: #666;
			}
			
			#menu li a:hover, #menu li.active a {
				background-color: #f5f5f5;
				color: #999;
			}
			#menu_wrapper ul {margin-left: 12px;}
			#menu_wrapper {padding: 0 16px 0 0;}
			#menu_wrapper div {float: left; height: 55px; width: 13px; }

			/* Red Menu */
			#menu_wrapper.red ul { height:55px;}
			#menu_wrapper.red a {color: #fff; border-right:1px solid #8e0e0a; height:47px; margin-top:4px;}
			#menu_wrapper.red li a:hover, #menu_wrapper.red li.active a {color: #fff; background: #e01c22; height:47px; margin-top:4px;}
			#menu_wrapper.red {background: url(../images/red.png) no-repeat right; margin-top:7px; }
			#menu_wrapper.red div {background: url(../images/red.png) no-repeat left;}


h1 span { color: #666; }
h1 small{
	font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #666;
}
h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(../images/h2_trigger_a.gif) no-repeat;
	height: 43px;
	line-height: 46px;
	width: 419px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	font-size:14px;
}
h2.trigger a:hover {
	color: #ccc;
}
h2.active {background-position: left bottom;}
.toggle_container {
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(../images/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 470px;
	clear: both;
}
.toggle_container .block {
	padding: 20px;
	background: url(../images/toggle_block_btm.gif) no-repeat left bottom;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	font: 12px, normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 19px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}

#columninfo { float:left; width:200px; height:auto; line-height:21px;}

.sub-menu { 
	background-color:#b00c0b;
	width:160px;
	height:105px;
	padding:15px;
	margin:0px;
	color:#fff;
	line-height:18px;
	font-size:13px;
	border:1px solid #B0B0B0;
	border-top:none;
}

.sub-menu a:link {display:block; color:#fff; text-decoration:none; font-weight:normal; padding:5px 0px; }

.sub-menu a:visited { display:block; color:#fff; text-decoration:none; font-weight:normal; padding:5px 0px; }

.sub-menu a:hover {display:block; background-color:#132b44; text-decoration:none; padding:5px 0px; }

.sub-menu-small {
	background-color:#8F2122;
	width:187px;
	height:auto;
	margin:0px 0px 15px 0px;
	padding:5px 0px;
	float:left;
	color:#fff;
	font-size:14px;
	border:1px solid #0d334f;
	text-align:center;
}

.sub-menu-small a:link {display:block; color:#fff; text-decoration:none; font-weight:normal; padding:5px 0px; }

.sub-menu-small a:visited { display:block; color:#fff; text-decoration:none; font-weight:normal; padding:5px 0px; }

.sub-menu-small a:hover {display:block; background-color:#132b44; text-decoration:none; padding:5px 0px; }

hr { border: 1px solid #CCC; margin-top:auto; margin-bottom:auto; }

.content_well {background-color:#fff; width:180px; border:1px solid #dfddd7; line-height:15px; font-size:11px; height:300px; float:left; margin-right:10px; margin-bottom:15px; padding:10px;}

.content_well h2 {font-size:14px; font-weight:bold; color:#7d7d7d;}

#request-info {background-color:#fff; width:195px; border:1px solid #dfddd7; font-size:11px; height:235px; float:left; margin-bottom:15px; padding:10px 5px;}

#request-info h1 {clear:both; color:#5f5f5f; padding-top:5px; background-color:#E9E9E9; font-size:10px;}

#small-searchbar {margin-left:10px; margin-bottom:10px; line-height:18px; font-weight:bold; font-size:11px; padding-top:2px; color:#fff; background-image:url(../images/searchbar-small-bg.gif); background-repeat:no-repeat; width:935px; height:62px;}

#sub-buying {
	width:800px;
	padding:10px 5px;
	line-height:18px;
	font-size:13px;
	color:#000000;
}

.container {width:500px; float:left;}

#imagerows{
	margin:0px auto;
	width:460px;
	padding:10px;
}

#all {
	padding:0px;
	margin:0px;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #DFDFDF;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #DFDFDF;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 0px 20px 20px 20px;
	font-size: 12px;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 15px 0;
	padding: 5px;
}

#searchbox {background-color:#fff; width:auto; height:auto; padding:17px 10px 17px 10px; overflow:auto;}

#searchbox-2 { background-image:url(../images/gradient/top-grd-bg.gif); background-repeat:repeat-x; background-color:#efefef; width:auto; border:1px solid #dfdfdf; height:auto; padding:17px 10px; overflow:auto;}

#containercontent {
	width:790px;
	padding:10px 10px;
}
#container_left{
	width:10px;
	height:643px;
	float:left;
	background: url(../images/gradient/back_conleft.png) no-repeat;
}
#container_right{
	width:10px;
	height:643px;
	background-color:#efefef;
	float:right;
	background: url(../images/gradient/back_conright.png) no-repeat;
}

#searchbox h1 { font-family:'Merriweather', arial, serif; font-size:25px; color:#FFF; text-shadow: 2px 2px 2px #333; margin:0px; line-height:48px;}

.form-margin {margin-bottom:10px; float:left; height:35px; font-size:13px;}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	line-height:15px;
	color:#fff;
	z-index:10;
}

/* step style */
#step {
	margin: 10px 0 40px;
	padding: 0;
}
#step li {
	padding: 3px 0 6px 110px;
	margin: 0 0 20px;
	list-style: none;
}
#step h3 {
	font: bold 200%/100% Arial, Helvetica, sans-serif;
	margin: 0 0 5px;
	color: #666;
}
#step .item1 {
	background: url(../images/steps/steps/step1.png) no-repeat;
}
#step .item2 {
	background: url(../images/steps/step2.png) no-repeat;
}
#step .item3 {
	background: url(../images/steps/step3.png) no-repeat;
}
#step .item4 {
	background: url(../images/steps/step4.png) no-repeat;
}
#step .item5 {
	background: url(../images/steps/step5.png) no-repeat;
}
#step .item6 {
	background: url(../images/steps/step6.png) no-repeat;
}
#step .item7 {
	background: url(../images/steps/step7.png) no-repeat;
}
#step .item8 {
	background: url(../images/steps/step8.png) no-repeat;
}

/* number style */
#number {
	margin: 10px 0 40px;
	padding: 0;
}
#number li {
	padding: 3px 0 6px 55px;
	margin: 0 0 20px;
	list-style: none;
	background-color:#000000;
}

#number .item1 {
	background: url(../images/steps/number1.png) no-repeat;
}
#number .item2 {
	background: url(../images/steps/number2.png) no-repeat;
}
#number .item3 {
	background: url(../images/steps/number3.png) no-repeat;
}
#number .item4 {
	background: url(../images/steps/number4.png) no-repeat;
}
#number .item5 {
	background: url(../images/steps/number5.png) no-repeat;
}
#number .item6 {
	background: url(../images/steps/number6.png) no-repeat;
}
#number .item7 {
	background: url(../images/steps/number7.png) no-repeat;
}
#number .item8 {
	background: url(../images/steps/number8.png) no-repeat;
}
#number .item9 {
	background: url(../images/steps/number9.png) no-repeat;
}
#number .item10 {
	background: url(../images/steps/number10.png) no-repeat;
}
#number .item11 {
	background: url(../images/steps/number11.png) no-repeat;
}
#number .item12 {
	background: url(../images/steps/number12.png) no-repeat;
}
/* number style */

#jane-header {
	background-image:url(../images/janehart/jane-header.gif);
	background-repeat:no-repeat;
	width:898px;
	height:191px;
	margin-left:13px;
	font-size:12px;
	padding-right:25px;
	color:#5e5e5e;
}

#jane-search-header {
	float:right;
	width:445px;
	height:130px;
	background-color:#f6f6f6;
	padding-top:5px;
	border:1px solid #e0e0e0;
	margin-top:25px;
}

#jane-search-ask {
	background-image:url(../images/janehart/title-grey-jane.gif); 
	width:426px; 
	height:28px; 
	margin-bottom:7px; 
	margin-left:5px; 
	color:#912122; 
	font-size:14px; 
	font-weight:bold; 
	padding-top:5px; 
	padding-left:10px;
}

#jane-search-text {line-height:18px; margin-left:10px; margin-bottom:10px;}

#jane-search-field {width:380px; height:40px; float:left; margin-left:5px; padding-left:15px;}

#learn-more-about {
	background-image:url(../images/janehart/learn-more-banner.gif);
	background-repeat:no-repeat; 
	width:211px; 
	height:234px; 
	float:right;
	margin-right:10px;
	padding:45px 15px 0px 15px;
}

#learn-more-text {float:left; width:210px; height:200px; font-size:11px; line-height:15px;}

#developed-by {float:left; width:110px; padding-left:10px;}

#learn-more-box {float:left; width:200px; padding:8px 5px; font-size:13px;}

.learn-more-opt {float:left; height:20px; width:210px;}

.learn-more-opt-txt {float:left; height:15px;}

.arrow-padding {float:left; margin-right:10px;}

#janes-answer {
	width:580px; 
	height:250px;
	margin-bottom:15px;
	background-color:#7d7d7d;
	color:#fff; 
	font-size:13px; 
	line-height:20px;
	margin-left:10px;
	padding:15px;
}

#info-selling {
	width:auto;
	background-color:#fff;
	font-size:12px;
	color:#7d7d7d;
	line-height:15px;
}

.top-shadow-line {
	background-image:url(../images/sell-page/top-drop-shadow-line.gif);
	width:394px;
	height:6px;
	background-repeat:no-repeat;
	margin-top:10px;
}

#detail-sell-box {
	background-image:url(../images/sell-page/more-detail-bg-gradient.gif);
	background-repeat:repeat-x;
	padding:15px 10px;
}

#toll-free-button {
	float:right;
	width:112px;
	height:105px;
	background-image:url(../images/sell-page/toll-free-button.jpg);
	background-repeat:no-repeat;
}

.gradient-bg-button {
	background-image:url(../images/sell-page/gradient-bg-button.gif);
	background-repeat:repeat-x;
	width:236px;
	height:27px;
	border:1px solid #d6d6d6;
	padding:10px;
	margin-bottom:5px;
}

.request-blank-button {
	background-image:url(../images/sell-page/request-blank-button.png);
	background-repeat:no-repeat;
	width:174px; 
	height:23px; 
	padding:6px 0px 0px 20px; 
	color:#b00c0b; 
	font-size:13px; 
	font-weight:bold;
	float:left;
	margin-right:10px;
}

#home-value-box {
	height:auto; 
	clear:both;
	float:left;
	border:1px solid #cacaca;
	padding:10px 5px;
	background-color:#fff;
	margin-bottom:5px;
}

#sell-second-colum {width:431px; margin-top:10px; float:left;}

.sell-ad-box {
	background-image:url(../images/sell-page/find-johnhart-mobile-ad.jpg);
	background-repeat:no-repeat;
	width:289px; 
	height:98px;
	float:left;
	margin-top:10px;
	border:1px solid #cacaca;
	padding-top:110px; 
	padding-left:140px;
}

#sell-outer-box {
	width:429px;
	height:103px; 
	border:1px solid #cacaca;
	float:left;
	margin-top:10px;
}

#sell-inner-box {
	width:427px; 
	height:101px;
	background-color:#e0e0e0;
	border:1px solid #fff;
}

/* Coda Slider */

#renovate-slider {
    width: 830px;
    margin: 20px auto;
    position: relative;
}

.scroll {
    height: 350px;
    width: 830px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	border:1px solid #DFDFDF;
	border-top:none;
    background: #FFFFFF url(../images/renovate/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 20px 18px 20px 23px;
    height: 308px;
    width: 788px;
}

.scrollContainer p {
	font-size:12px;
	line-height:16px;
}

#shade {
    background: #f0f0f0 url(../images/renovate/shade2.jpg) no-repeat 0 0 ;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
	float: left;
	height: 22px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	width: 100%;
}

ul.navigation li {
	font-size:13px;
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #DFDFDF;
	border-left: none;
	margin-bottom: -2px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}

ul.navigation a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}

ul.navigation a:hover {
    background-color: #ccc;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 170px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}


/* Rollover */

#navigationMenu li{
	list-style:none;
	height:122px;
	padding:2px;
	width:401px;
}

#navigationMenu span{
	/* Container properties */
	width:0;
	left:38px;
	padding:0;
	position:absolute;
	overflow:hidden;

	/* Text properties */
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.6px;
	white-space:nowrap;
	line-height:39px;
	
	/* CSS3 Transition: */
	-webkit-transition: 0.25s;
	
	/* Future proofing (these do not work yet): */
	-moz-transition: 0.25s;
	transition: 0.25s;
}

#navigationMenu a{background-image:url(../images/shortsale/pros-bg.gif); background-repeat:no-repeat; background-color:#333; border:1px solid #666; width:807px; height:122px; margin-left:-30px; display:block; position:relative;}

/* General hover styles */

#navigationMenu a:hover span{ width:807px; height:122px; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
	text-decoration:none;

}

/* Green Button */

#navigationMenu .home { color:#000; }
#navigationMenu .home:hover { background-image:url(../images/shortsale/pros-bg-hover.gif); width:807px; height:122px; color:#000; }
#navigationMenu .home span{
	color:#fff;
	font-size:12px;
	height:122px;
	width:401px;
}


/* Blue Button */

#navigationMenu .about { color:#000; }
#navigationMenu .about:hover {  background-image:url(../images/shortsale/pros-bg-hover.gif); width:807px; height:122px; color:#000; }
#navigationMenu .about span{
	color:#fff;
	font-size:12px;
	height:122px;
	width:401px;
}

/* Orange Button */

#navigationMenu .services { color:#000; }
#navigationMenu .services:hover { background-image:url(../images/shortsale/pros-bg-hover.gif); width:807px; height:122px; color:#000; }
#navigationMenu .services span{
	color:#fff;
	font-size:12px;
	height:122px;
	width:401px;
}

/* Yellow Button */

#navigationMenu .portfolio { color:#000; }
#navigationMenu .portfolio:hover{ background-image:url(../images/shortsale/pros-bg-hover.gif); width:807px; height:122px; color:#000; }
#navigationMenu .portfolio span{
	color:#fff;
	font-size:12px;
	height:122px;
	width:401px;
}

/* Purple Button */

#navigationMenu .contact {color:#000; }
#navigationMenu .contact:hover { background-image:url(../images/shortsale/pros-bg-hover.gif); width:807px; height:122px; color:#000; }
#navigationMenu .contact span{
	color:#fff;
	font-size:12px;
	height:122px;
	width:401px;
}

/* The styles below are only needed for the demo page */

#main{
	position:relative;
}


p.note{
	color:#707070;
	font-size:10px;
	text-align:center;
	margin:50px;
}

.slide { float:left; margin:10px 0px; width:auto; font-size:12px; color:#303031; font-weight:bold; }

.slide ul { font-size:12px; color:#666; }

.slide li { list-style-image:url(../images/finance/icon-arrow2.gif); margin-top:5px; border-bottom:1px solid #ededed; }

#agent-box-main { 
	width:860px;
	height:610px;
	background-color:#fff;
	border:1px solid #d2d2d2;
	padding:10px;
}

#agent-box-out {
	float:left;
	width:605px;
	height:587px;
	margin-right:10px;
}

#agent-box-in {
	float:left;
	background-color:#fff;
	padding:1px;
	border:1px solid #cecece;
	margin-bottom:15px;
}

.agent-img {
	background-image:url(../images/agent-page/agents.gif);
	width:197px;
	height:334px;
	position:absolute;
	margin-left:15px;
	margin-top:20px;
}

#agent-white-out {
	background-color:#ededed;
	padding:20px 30px;
	width:540px;
	height:300px;
}

#agent-white-in {
	background-color:#fff;
	border:1px solid #dddddd;
	width:100%;
	height:100%;
	float:right;
}

#applynow-gradient {
	float:left;
	background-image:url(../images/finance/applynow-gradient-bg.gif);
	background-repeat:repeat-x;
	width:310px;
	height:39px;
	border:1px solid #c1c0c0;
	padding:9px;
}

.applynow-redbg {
	float:right;
	background-image:url(../images/finance/applynow-red-gradient-bg.gif);
	background-repeat:repeat-x;
	background-color:#fff;
	width:180px;
	border:1px solid #fff;
	height:auto;
	padding:10px 0px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#fff;
}

#ten-reasons {
	float:left;
	width:605px;
	height:auto;
	background-color:#cecece;
}

.side-descriptions {
	width:240px;
	height:230px; 
	border:1px solid #e0e0e0;
	float:left;
	margin-bottom:10px;
}

.side-descriptions-2 {
	width:240px;
	height:120px; 
	border:1px solid #e0e0e0;
	float:left;
	margin-bottom:10px;
}

.side-descriptions-head {
	background-image:url(../images/finance/applynow-sidebar-gradient-bg.gif);
	background-repeat:repeat-x;
	width:218px;
	height:auto; 
	padding:8px 10px;
	margin:1px; 
	font-weight:bold;
	font-size:18px;
	color:#666; 
	border-bottom:1px solid #d1d1d1;
}

.side-descriptions-text {
	padding:10px 10px 0px 10px;
	font-size:12px;
	color:#666666; 
	line-height:15px;
}

#map { position: relative; width: 700px; height: 470px; overflow: hidden; }
#returnlink { display: block; position: absolute; bottom: 0; right: 0;  color: white; background: blue; padding: 3px;}

#map a.bullet { display: block; position: absolute; width: 20px; height: 20px; background: yellow; text-decoration: none; border: 1px solid red; opacity: .7; z-index: 2; }
#map img.zoomable { }

#map div.popup{ display: none; position: absolute; width: 200px; top: 100px; left: 150px; background: white; z-index: 3; padding: 10px; border: 2px solid black; }
#map div.popup a.close{ display: block; position: absolute; bottom: 0; right: 0; }


/***** RSS Blog Feed *****/

.feedburnerFeedBlock ul {
margin-left:0;
padding-left:0;
list-style-type: none;
}
.feedburnerFeedBlock ul li {
padding: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #333;
}

.feedburnerFeedBlock ul li span.headline a {
color: #990000;
text-decoration: none;
display: block;
}

.feedburnerFeedBlock ul li span.headline a:hover {
color: #535353;
}

#creditfooter {
display: none;
}