body {text-align:center;background:url(img/bg_page_gradient_green.png) repeat-x top #00563F; font-family:Arial; font-size:12px;}

a:link, a:visited, a:active {color:#00563F;text-decoration:none;}

a:hover {text-decoration:underline;}

img {border:0;}

img.thumbnail {padding:5px;border:1px solid #ccc;vertical-align:middle;margin:0 5px 5px;background:#fff;}
img.floater {float:left;margin-right:10px;}

div.clear {clear:both;height:1px;overflow:hidden;}


div#containerTop {width:968px;height:5px;margin:0px auto;background:url(../img/bg_top_shadow.png) no-repeat transparent;}

div#containerShadow {width:968px;margin:0px auto;background:url(../img/bg_page_shadow.png) repeat-y transparent;}

div#containerBottom {width:968px;height:14px;margin:0px auto;background:url(../img/bg_bottom_shadow.png) no-repeat transparent;}

div.pageContainer {position:relative;text-align:left;padding:11px 19px;}

div#header {position:relative;width:930px;height:170px;background:url(../img/bg_header.png) no-repeat;}

	div#header a#contact {position:absolute;right:0;padding:10px;background:#024935;font-size:11px;font-weight:bold;color:#fff;text-decoration:none;}

	div#header h1 {text-indent:-9000px;margin:0;width:168px;height:103px;background:url(../img/logo_cooper-square.png) no-repeat;position:absolute;left:50%;margin-left:-84px;top:20px;}

	div#header h2 {font:normal 20px Georgia;margin:0 0 10px;text-transform:uppercase; position:absolute;bottom:0;color:#fff;text-align:center;width:100%;}

div.globalHeader {position:relative;width:930px;height:145px;background:url(../img/bg_header.png) no-repeat;}

	div.globalHeader h1 {text-indent:-9000px;margin:0;width:130px;height:78px;background:url(../img/logo_cooper-square_global.png) no-repeat;position:absolute;left:50%;margin-left:-65px;top:16px;}

	div.globalHeader div#globalTabs {position:absolute;bottom:0;}
	
		div.globalHeader div#globalTabs ul#mainnav, div.globalHeader div#globalTabs ul#mainnav ul.subnav {
			padding: 0;
			margin: 0;
			list-style: none;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		div.globalHeader div#globalTabs ul#mainnav {margin-left:1px;}
		
		div.globalHeader div#globalTabs ul li {
			float: left;
			list-style-type:none;
			margin-right:1px;
		}
		
		div.globalHeader div#globalTabs ul#mainnav li a {
			display: block;
			text-decoration: none;
			padding: 10px;
			background:url(../img/bg_global-tabs.png) repeat-x;
			border: 1px solid #999;
			font-size: 1em;
			color: #555;
			font-weight:bold;
		}
		div.globalHeader div#globalTabs ul#mainnav li.active a {background:#fff;border:1px solid #fff;color:#000;}
		
		div.globalHeader div#globalTabs ul#mainnav li a:hover {background:#eee;border:1px solid #eee;color:#222;}

		div.globalHeader div#globalTabs ul#mainnav li ul.subnav, div.globalHeader div#globalTabs ul#mainnav li ul.subnav li {
			width: 240px;
		}

		div.globalHeader div#globalTabs ul#mainnav li ul.subnav {position: absolute;display: none;background: #eee;border-right: 1px solid #666;border-bottom: 1px solid #666;}
		
		div.globalHeader div#globalTabs ul#mainnav li ul.subnav a {background:#eee;border:0;border-top:1px dotted #999}
		
		div.globalHeader div#globalTabs ul#mainnav li ul.subnav a.top {border-top:0}
		
		div.globalHeader div#globalTabs ul#mainnav li:hover a,
		div.globalHeader div#globalTabs ul#mainnav a:focus,
		div.globalHeader div#globalTabs ul#mainnav a:active {color: #000000;background-color: #eee;}
		
		div.globalHeader div#globalTabs ul#mainnav li:hover ul, div.globalHeader div#globalTabs ul#mainnav li.p7hvr ul {
			display: block;
		}

		div.globalHeader div#globalTabs ul#mainnav ul a:hover {
			background-color: #606060!important;
			color: #FFFFFF!important;
		}

div.navDropdown {position:absolute;display:none;top:169px;left:0;width:240px;background:#eee;text-align:left;}

	div.navDropdown ul {margin:0;padding:0;}
	
	div.navDropdown ul li {list-style-type:none;display:inline;}
	
	div.navDropdown ul li a {display:block;font-size:12px;color:#222;text-decoration:none;font-weight:bold;padding:10px 15px;}

	div.navDropdown ul li a:hover {background:#ccc;color:#000;}

div.pageContent {clear:left;width:860px;margin-left:35px;}

	div.pageContent h2 {font:bold 24px Arial;margin-top:30px;}

		div.pageContent h2 strong {color:#00563F;font-weight:normal;}

	div.leftColumn {float:left;width:201px;}
	
	div.contentBlock h4 {font-size:14px;}
	
	div.imageBlock {align:center;padding:5px;border:1px solid #ddd;margin-right:0px;margin-bottom:10px;}
	
		div.leftColumn div.pullquote {margin-top:10px;border-bottom:5px solid #eee;}
			div.leftColumn div.pullquote p {color:#333;font-size:18px;line-height:22px;font-family:Georgia;margin:0;padding-bottom:12px;}
			div.leftColumn div.pullquote p strong {color:#00563F;font-weight:normal;}
		
		div.leftColumn div.thirdnavList ul {margin:0;padding:0;}
			div.leftColumn div.thirdnavList ul li {list-style-type:none;margin-bottom:1em;}
	
	div.contentBlock {margin-left:230px; font-family:Arial; font-size:12px;}

			div.contentBlock h4 {font-size:14px; margin-bottom:1em;}

		div.contentBlock p.pullquote {font-size:24px;line-height:30px;}
			div.contentBlock p.pullquote b {color:#39b54a;font-weight:normal;}
	
div.thirdnavlist {line-height:20px;}

div#indexContent {position:relative; overflow:hidden; width:930px; height:410px; margin-top:10px; border-bottom:1px solid #eee;}		
	
	div#imageViewer {position:absolute;top:0;left:0; height:400px; width:930px}
	
		div#imageViewer div.indexImage {position:absolute; top:0; margin-right:10px; width:300px; height:400px; overflow:hidden;}
		
			div#imageViewer div.indexImage img {display:none;}
		
			div#imageViewer div.indexImage p {display:none; position:absolute; margin:0; width:270px; left:10px; padding:5px; bottom:10px; background:url(../img/bg_white_80.png); font-size:12px; line-height:18px; border: 1px solid #fff;}
		
			div#imageViewer div.indexImage p a {font-weight:bold;}
		
		div#imageViewer div#im_0 {left:-460px;}
		
		div#imageViewer div#im_1 {left:-150px;}
		
		div#imageViewer div#im_2 {left:160px;}
		
			div#imageViewer div#im_2 p {display:block;}
		
		div#imageViewer div#im_3 {left:470px;}
		
		div#imageViewer div#im_4 {left:780px;}
	
	div#indexCopy {position:absolute;left:460px;width:315px;height:400px;background:#fff;}
	
	div#indexLinks {padding:10px 15px;}
	
		div#indexLinks ul {margin:0;padding:0;}
		div#indexLinks ul li {list-style-type:none;font-size:16px;font-weight:bold;padding:5px 0 5px 25px;background:url(../img/icon_index-link.png) no-repeat center left;}
	
	div#newsModule {position:absolute;bottom:0px;padding:10px 15px;font-size:12px; line-height:18px;}
	
		div#newsModule h3 {font-size:12px;margin-bottom:7px;}
		div#newsModule ul {margin:0;padding:0;}
		
		div#newsModule ul li {list-style-type:none;font-weight:bold;padding:6px 0 6px 10px;background:url(../img/icon_index-news-link.png) no-repeat 0px 7px;border-top:1px dotted #aaa;}

	  div.bodyPhotoBox {padding:5px;border:1px solid #ddd;float:right;margin-left:10px;margin-bottom:0px;}
div#footer {clear:both;width:700px;margin:40px 125px 20px;font-size:11px;line-height:16px;text-align:center;}

div#disclaimer {clear:both;width:840px;margin:20px 45px 20px;font-size:10px;line-height:16px;text-align:left;}



/* listings table styles from old css */

div.listingsHead {padding:5px;}
div.listingsHead h3 {width:300px;float:left;margin:0;font-size:14px;padding-bottom:5px;}
div.listingsHead div.searchKey {text-align:right;text-transform:uppercase;font-size:10px;margin-top:2px;}
div.listingsHead div.searchKey a {text-transform:none;font-size:12px;margin-left:10px;font-weight:bold;}

table.listingsTable {width:100%;margin-top:10px;border:solid #D6E6E3;border-width:1px 0 0 1px;}
table.listingsTable th {font-size:11px;background:#e5ecea;color:#4C4C4C;padding:5px;border:solid #ccdbd7;border-width:0 1px 1px 0;}
table.listingsTable th.first {text-align:left;}
table.listingsTable td {font-size:12px;padding:5px;border:solid #ccdbd7;border-width:0 1px 1px 0;text-align:center}
table.listingsTable td.first {text-align:left;}
table.listingsTable tr.alt td {background:#f9f9f9}
table.listingsTable td.location {text-align:left;font-size:12px;color:#737373;padding:8px;font-weight:bold;}
table.listingsTable td.price {text-align:right}
table.listingsTable td.agent {text-align:left}

/* detail styles from old css */

div.pageBody p.detailLinks {text-align:right;font-size:11px;margin:8px;font-weight:bold;}
table.detailTable {width:100%;border:solid #ccdbd7;border-width:1px 0 0 1px;}
table.detailTable h3 {margin:0;font-size:14px;}
table.detailTable th {border:solid #ccdbd7;border-width:0 1px 1px 0;text-align:left;background:#e5ecea;padding:6px 10px;}
table.detailTable th.tophead {text-align:right;font-weight:normal;}
table.detailTable th.tophead span.header {float:left;font-weight:bold;}
table.detailTable td {padding:6px 10px;border:solid #D6E6E3;border-width:0 1px 1px 0;font-size:11px;vertical-align:top;}
table.detailTable td.ohdate {padding:6px 10px;border:solid #D6E6E3;border-width:0 1px 1px 0;font-size:11px; color:#B22222; vertical-align:top;}
table.detailTable td.listing p {margin-top:0;margin-bottom:6px;}
table.detailTable td.detail {color:#4C4C4C;font-weight:bold;width:100px;}
table.detailTable td.description {padding:10px;}
table.detailTable tr.alt td {background:#f9f9f9;}
/* photos block */
table.detailTable td.photos {width:300px;text-align:center;padding:10px;}
table.detailTable td.photos div.photoPalette {position:relative;height:310px;width:300px;}
p.viewAll {text-align:center;clear:left;}
p.photocaption {font-style:italic;font-size:10px;}

/* OH List */
div.pageBody p.detailLinks {text-align:right;font-size:11px;margin:8px;font-weight:bold;}
table.ohTable {width:100%;border:solid #D6E6E3;border-width:1px 0 0 1px;}
table.ohTable h3 {margin:0;font-size:14px;}
table.ohTable th {border:solid #D6E6E3;border-width:0 1px 1px 0;text-align:left;background:#e5ecea;padding:6px 10px;}
table.ohTable th.tophead {text-align:right;font-weight:normal;}
table.ohTable th.tophead span.header {float:left;font-weight:bold;}
table.ohTable td {padding:6px 10px;border:solid #D6E6E3;border-width:0 1px 1px 0;font-size:11px;vertical-align:center;}
table.ohTable td.address {padding:6px 10px;border:solid #D6E6E3;border-width:0 1px 1px 0;font-size:12px;vertical-align:center;font-weight:bold;}
table.ohTable td.date {text-align:left;font-size:16px;color:#737373;padding:8px;font-weight:bold;}
table.ohTable td.listing p {margin-top:0;margin-bottom:6px;}
table.ohTable td.detail {color:#2C6C61;font-weight:bold;width:100px;}
table.ohTable td.description {padding:10px;}
table.ohTable tr.alt td {background:#e5ecea;}
/* photos block */
table.ohTable td.photos {width:300px;text-align:center;padding:10px;}
table.ohTable td.photos div.photoPalette {position:relative;height:310px;width:300px;}
p.viewAll {text-align:center;clear:left;}
p.photocaption {font-style:italic;font-size:10px;}

/* agent listings */
table.agentsTable {width:100%;margin-top:10px;border:solid #ccdbd7;border-width:1px 0 0 1px;}
	table.agentsTable th {font-size:11px;background:#e5ecea;color:#4C4C4C;padding:5px 10px;border:solid #ccdbd7;border-width:0 1px 1px 0;text-align:left;}
	table.agentsTable td {font-size:12px;padding:10px;width:50%;border:solid #ccdbd7;border-width:0 1px 1px 0;text-align:center;text-align:left;}
	table.agentsTable td h5 {font-size:14px;margin:0;}
	table.agentsTable td p {margin:0;font-size:11px;}
	table.agentsTable td p.title {font-weight:bold;padding-bottom:5px;}
	table.agentsTable td.first {text-align:left;}
	table.agentsTable tr.alt td {background:#FAF7F5}
	table.agentsTable td img {float:left;padding:3px;border:1px solid #ddd;margin-right:12px;}

/* agent profile */
div.agentImage {padding:5px;border:1px solid #ddd;float:left;margin-right:10px;margin-bottom:30px;}
div.agentProfile {_height:1em;margin-left:212px;}
	div.agentProfile h3 {font-size:18px;margin:0;padding-top:10px;}
	div.agentProfile p.title {margin-top:0;font-size:11px;font-weight:bold;color:#aaa;font-size:12px;}
	div.agentProfile p.contact {font-size:12px;}

/* ADDED BY Carlo */
/* columns */
div.leftHalfColumn {width:424px;float:left;padding-top:10px;margin-bottom:30px;}
div.rightHalfColumn {width:424px;float:right;padding-top:10px;}

/* modules */
div.halfModule {border:1px solid #d7d7d7;margin-bottom:10px;padding-bottom:5px;}
div.halfModule h4 {margin:0;padding:7px 9px;color:#000;font-size:14px;}
div.halfModule div.content {background:url(../img/background_half-mod-content.gif) repeat-y;margin:0 5px 0 9px;padding:0;}
div.halfModule div.content div.body {padding:10px 10px;margin:0;}
div.halfModule div.content div.body div.entry {clear:left;padding-top:10px;height:1em;}
div.halfModule div.content div.body>div.entry {height:auto;}
div.halfModule div.content div.body div.topEntry {padding-top:0;}
div.halfModule div.content div.body h5 {font-size:14px;color:#333;margin:0 0 5px 0;padding-top:5px}
div.halfModule div.content div.body h5.top {padding-top:0}
div.halfModule div.content div.body p {margin:0;padding-bottom:10px;}
div.halfModule div.content div.body ul.linkList {margin:0;padding:0;}
div.halfModule div.content div.body ul.linkList li {list-style-type:none;margin:0 0 5px 0;padding:0;}
div.halfModule div.bottom {height:15px;clear:left;overflow:hidden;background:url(../img/background_half-mod-footer.gif) no-repeat;margin:0 5px 5px 9px;}

/* contact */
table.contactTable {width:100%;margin:10px 0 40px;background:#e5ecea;border:1px solid #DDD;}
	table.contactTable td {padding:7px;font-size:12px;vertical-align:top;border-bottom:1px solid #DDD}
	table.contactTable td.label {color:#333;font-size:11px;text-transform:uppercase;padding-top:10px;font-weight:bold;width:20%;}
	span.required {color:red;}

/* popup windows */
body.popup {background:#fff;text-align:center;margin:0;}
	body.popup div.header {margin:0;padding:0;}
	body.popup div.header h1 {background:url(../img/header_internal-pages_4.gif) no-repeat center;width:100%;margin:0;height:90px;text-align:center;}
	body.popup div.header h1 span {display:none;}
	body.popup div.pageBody {padding:10px;}
	body.popup p.property {font-size:12px;background:#e5ecea;border:1px solid #D6E6E3;padding:5px 10px;text-align:left;}
	body.popup p.photolinks {text-align:center;font-size:12px;}
 	body.popup p.property span.tasks {float:right;font-size:10px;}
 	body.popup div.footer {padding:10px;margin-top:0;width:300px;}
 	 	
 	span.tools {float:right; font-size:14px; padding-right:5px;}

@media screen {
	div.imageBlock {float:left;}
}
@media print {
   	body.popup div.header h1 {background:none;}
   	body.popup div.header h1 span {display:inline;}
   	span.tools {display:none}
   	p.detailLinks {display:none}
   	p.viewAll {display:none}
   	span.floorplan_link {display:none}
   	div.imageBlock {margin-top:25px;padding-bottom:5px;padding-right:5px; padding-left:5px;}
}
