/* =================================

	Saskhouses - Aesthetic site redesign by 2web. These changes made by Omnilogic to make the design work with the system
	Author: J Friesen
	Company: Omnilogic Systems (http://www.omnilogic.net/)
	
	Table of Contents
	
	1 - Global Elements
	2 - Header
	3 - Navigation
	4 - Home
	5 - Content
	6 - Admin
	7 - Footer
	8 - Misc
	
================================= */

/* =================================
	1.	Global Elements
================================= */
body {
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
}
img { -ms-interpolation-mode: bicubic; }
a img { border:none; }
img { -ms-interpolation-mode: bicubic; }
.clearDiv { clear: both; display: block; overflow: hidden; visibility: hidden;	width: 0; height: 0; }
.clear {clear:both; }
.clearAfter { zoom:1; /* ie6/ie7 */ }
.clearAfter:after { content:""; height:0; clear:both; display:block; /* the rest */ }
.right { float:right; }
.left { float:left; }
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:lowercase; }
.capitalize { text-transform:capitalize; }
sup, sub { line-height:1px; }
.normalP { margin:1em 0; }
h1.hdng { color:#AA0000; font-size:21px; line-height:23px; padding:0 0 5px; padding-bottom:10px !important; }
textarea { font:12px/18px Arial,Helvetica,sans-serif; }


/* =================================
	2.	Header
================================= */
#logoArea {
	width: 388px;
	height: 139px;
	float: left;
}
#featuredListings {
	width:570px;
	height:130px;
	padding-top:9px;
	float: right;
	background-color: #FFFFFF;
	
}

	#featuredListings p {
		margin: 0 0 0 0;
		padding: 0px 0 8px 0px;
		font-size: 14px;
		font-weight:bold;
		font-style:italic;
	}
table#feature{
	width: 960px;
	height: 110px;
}

td#FeatureTitle {
	background-color: #000000;
	height: 21px;
	color: #ffffff;
}

td#FeatureTitle a{
	background-color: #000000;
	color: #ffffff;
}

td#FeatureTitle a:hover{
	background-color: #000000;
	color: #ffffff;
}

td#Features{
	background-color: #ECECEC;
	height: 95px;
	overflow: auto;
}

html>body div.features {
	padding: 3px 10px 0 15px;
	height: 237px;
}

td.features {
	background-color: #FFFFFF;
}

table#FeatureHome {
	width: 570px;
	height: 110px;
	background-color: #FFFFFF;
}

td.FeaturePic {
	background-color: #FFFFFF;
	width: 150px;
	height: 95px;
}

td.FeatureText {
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	height: 95px;
	width: 130px;
	line-height:14px;
}

/* =================================
	3.	Navigation
================================= */
.menuBar {
	width:820px;
	float:left;
	height:31px;
}
.navIcon {
	float:right;
	height:28px;
	padding:3px 6px 0 10px;
	background-color:#fff;
}
.navIcon a {
	border:1px solid #ccc;
	display:block;
	float:left;
	width:24px;
	height:24px;
	margin-right:2px;
	text-indent:-999999px;
	overflow:hidden;
}
.navIcon a.rss {
	background:url(/images/new/rss.png) no-repeat 0 0;
}
.navIcon a.youTube {
	background:url(/images/new/youtube.png) no-repeat 0 0;
}
.navIcon a.twitter {
	background:url(/images/new/twitter.png) no-repeat 0 0;
}
.navIcon a.faceBook {
	background:url(/images/new/facebook.png) no-repeat 0 0;
}
.navIcon a:hover {
	border:1px solid #c70005;
}

.searchSec{
	font-size:12px;
	font-weight:bold;
	color:#fff;
}
.searchForm {
	padding:5px 8px 5px 8px;
	width:525px;
	background-color:#000;
	float:left;
}
.newSearchAd {
	float:right;
}
/* ** Login ** */
#osx-modal-data div {
	padding:8px 0 0 21px;
	float:left;
	height:50px;
}
#osx-modal-data div.formSubmission {
	clear:both;
	float:none;
}
#osx-modal-data div.formSubmission a {
	color:#666;
	margin-left:20px;
}
#osx-modal-data div.formSubmission a:hover {
	text-shadow:1px 1px 1px #FFF;
	color:#000;
}
#osx-modal-data label {
	color:#000000;
	display:block;
	font:bold 12px/24px Arial, Helvetica, sans-serif;
}
#osx-modal-data input.text {
	border:1px solid #BBBBBB:
	color:#000000;
	font:12px/18px Arial, Helvetica, sans-serif;
	height:18px;
	padding:2px;
	width:245px;
}




/* =================================
	4.	Home
================================= */
.width940 {
	width:940px;
	padding:16px 0 0 0;
}
.homepageLeft {
	width:390px;
	float:left;
}
.newestListing {
	width:390px;
	float:left;
}
.newestListingImage {
	float:left;
	width:190px;
}
.newestListingDetail {
	float:right;
	width:170px;
}

.homepageRight {
	width:540px;
	float:right;
	padding-left:10px;
	overflow:hidden;
}
.news_image {
}
.news_background {
	margin:0 auto;
	width:520px;
}
.news_title {
	background:url(/images/new/google-bg.gif) repeat-x;
	border-left:1px solid #000;
	border-right:1px solid #000;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	height:33px;
	line-height:33px;
	padding:0 0 0 8px;
	margin:0;
}
.news_preview {
	padding-top:11px;
	height:38px;
	overflow:hidden;
}
.news_preview_text,
.news_preview_text p,
.news_preview_text span {
	font:13px/17px Arial, Helvetica, sans-serif !important;
	color:#000 !important;
}
.latestNewsBottom {
}
.latestNewsreadMore {
	color:#a90000;
	font-size:12px;
	margin:0; padding:0;
	float:left;
}
.latestNewsreadMore a {
	color:#a90000 !important;
	font-weight:bold;
	text-decoration:underline;
}
.latestNewsNumbers {
	color:#000;
	font-weight:bold;
	font-size:13px;
	margin:0; padding:0;
	float:right;
}
.latestNewsNumbers ul li {
	background:url(/images/new/number-bg.gif) no-repeat;
	float:left;
	margin:0 3px 0 0;
}
.latestNewsNumbers ul li a {
	color:#fff;
	display:block;
	height:17px;
	text-align:center;
	width:17px;
}
.latestNewsNumbers ul li a:hover {
	color:#dfdfdf;
}
.yellowBg {
	padding:10px 11px 10px 10px;
}
.yellowBg ul {
	width:369px;
	height:146px;
}
.yellowBg ul li {
	display:none;
	width:369px; 
}
.offerPending {
	font-weight:bold;
	font-size:12px;
	padding-top:5px;
	display:block;
}
.tab ul li {
	padding:0 7px;
}




/* =================================
	5.	Content
================================= */

.bodyPan {
	min-height:500px;
}
div.clearLine {
	background:url("../images/new/dot-line01.gif") repeat-x 0 10px;
	height:24px;
	clear:both;
}
img.newsListImage {
	float:right;
	margin-left:20px;
	border:1px solid #ddd;
	padding:1px;
	background-color:#666;
	width:125px;
}


#ListingList td {
	text-align:left;
}
.ListingListTitle,
.ListingListField,
.ListingListFieldEm,
.admin.ListingList .table_row_header td,
.admin.ListingList .table_row_even td,
.admin.ListingList .table_row_odd td {
	border-right:2px solid #fff;
}
.ListingListTitle.norightBdr,
.ListingListField.norightBdr {
	border-right:none;
}

.admin.ListingList .table_row_even {
	background-color:#EEE;
}
.admin.ListingList .table_row_odd {
}
.ListingListTitle,
.admin.ListingList .table_row_header td {
	background-color:#eee;
	border-bottom:#999 1px solid;
	color:#000;
	font-weight:bold;
	height:48px;
	padding:0 2px 0 12px;
	text-align:left;
}
.ListingListTitle a img,
.admin.ListingList .table_row_header td a img {
	vertical-align:top;
	padding:0 2px;
}
.ListingListField,
.ListingListFieldEm,
.admin.ListingList .table_row_even td,
.admin.ListingList .table_row_odd td {
	font-size:12px;
	padding:9px 2px 6px 12px;
}
.ListingListFieldEm a,
.admin.ListingList .table_row_even td a,
.admin.ListingList .table_row_odd td a {
	color:#000;
	font-weight:bold;
}
.ListingListField a:visited,
.ListingListFieldEm a:visited,
.admin.ListingList .table_row_even td a:visited,
.admin.ListingList .table_row_odd td a:visited {
	color:#000;
	font-weight:normal;
}
.ListingListField a:hover,
.ListingListFieldEm a:hover,
.admin.ListingList .table_row_even td a:hover,
.admin.ListingList .table_row_odd td a:hover {
	text-decoration:underline;
}
.Highlight {
	background:url("/images/highlightbg.jpg") repeat-x scroll bottom left #ffff00;
}
.Highlight td {
	padding-bottom:10px;
}
.Highlight_nodrop {
	background-color:#ffff00;
}


	/* *** Detail *** */
.conInfoBg td {
	font-size:15px;
}
.conInfoBg th {
	font-size:13px;
}
.openHouseDetail {
	padding:0 0 12px 0;
}
.openHouseDetail p {
	padding:0 0 10px 0;
	color:#800080;
}
.openHouseDetail div {
	border:4px solid #BE0933;
	padding:0 10px 10px 10px;
}
.openHouseDetail h2 {
	background:url("../images/new/top-hdng-bg.gif") repeat-x scroll 0 -1px transparent;
}

.contactInfoDetail {
	padding:0 0 12px 0;
}
.openHouseDetail {
	padding:0 0 12px 0;
}
.contactInfoDetail th {
	font-size:13px;
}
.contactInfoDetail td {
	font-size:16px;
}
.contactInfoDetail div {
	border:2px solid #BE0933;
	padding:0 10px 10px 10px;
	width:296px;
}
.contactInfoDetail h2 {
	background:url("../images/new/top-hdng-bg.gif") repeat-x scroll 0 -1px transparent;
}
ul.desc li.listngSubhdng {
	padding:0 0;
	background:none transparent;
}
.tabs { margin:8px 0; }
.tabNavigation {
    list-style: none;
    margin: 0 0 0 1px;
    padding: 0;
}
.tabNavigation li {
    display: inline;
}
.tabNavigation li a {
	padding:8px 16px;
	background:url(../images/new/tab-bg.gif) repeat-x 0 -2px scroll transparent;
	border:1px solid #BDBCBD;
	border-bottom:none;
	outline:none;
	color:#b4b4b4;
	font-weight:bold;
	text-decoration:none;
}
.tabNavigation li.ui-state-active a {
	color:#A90000;
    padding-top: 8px;
	text-shadow:0 1px 0 #999;
	border:1px solid #999;
	border-bottom:none;
}
.tabNavigation li a:hover {
	background:url(/images/bg-tab.jpg) repeat-x 0 0px;
	color:#A90000;
    padding-top: 8px;
	text-shadow:0 1px 0 #999;
	border:1px solid #777;
	border-bottom:none;
}
.tabNavigation li a:focus {
	outline: 0;
}
div.tabs > div {
	padding: 5px;
	margin-top: 8px;
	border: 1px solid #ddd;
	background:url("/images/bg_content.jpg") repeat-x scroll 0 0 #fff;
}

.ui-tabs .ui-tabs-hide {
	position:absolute;
	left:-10000px;
	top:-10000px;
	width:595px;
	height:540px;
	overflow:hidden;
}

#photos {
	background:url("/images/bg_content.jpg") repeat-x scroll 0 0 #fff;
	margin:0 auto !important;
}
#photos{
	visibility:hidden;
	text-align:center;
}
#photos img {
	background-color:transparent;
	margin:0 auto;
	padding:0;
	border:none;
}
ul.filmstrip {
	padding:0;
}

#photo-tab,
#map-tab {
	padding:10px 0;
	height:540px;
}
#map-tab {
	position:absolute;
	left:-10000px;
	top:-10000px;
}
.google_streetview small a {
	color:#A90000 !important;
	padding-left:20px;
	padding-top:2px;
}





#ImageUploadTable {
	border-spacing:0;
}
.imageUploadCell {
	background-color:#F3F3F3;
	padding:6px 12px;
}
#ImageUploadTable form {
	background-color:#F3F3F3;
	border-bottom:1px dashed #9a9a9a;
}
.photogalleryimage {
	background-color:#E8E8E8;
	padding:4px 12px;
}
.photogalleryimage label {
	font-weight:bold;
}
.loadingStatus img {
	width:78px;
	margin:0 auto;
	text-align:center;
}
.imagePreview {
	text-align:center;
}
.imagePreview img {
	padding:1px;
	background-color:#E8E8E8;
	border:3px solid #F3F3F3;
}
#ServicesTable {
	width:94%;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #000;
	border-spacing:0;
	padding:0;
}
.serviceheading {
	border:1px solid #000;
	text-align:center;
}
#ServicesTable td {
	border:1px solid #000;
	padding:3px;
}
table#MonthlyCalendar {
	width:94%;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #000;
	border-spacing:0;
	padding:0;
	height:200px;
}
td.row1 {
	border:1px solid #000;
	text-align:center;
	padding:3px;
}
td.row1 input.submit {
	border:1px outset #5c6493;
	background-color:#CFE8F4;
}
td.row2 {
	border:1px solid #000;
	text-align:center;
	font-family:Arial, Helvetica;
	font-weight:bolder;
	height:20px;
	vertical-align:top;
}
td.row3 {
	border:1px solid #000;
	text-align:left;
	vertical-align:top;
}
td.row4 {
	text-align:left;
	color:#000066;
	font-family:Arial, Helvetica;
	vertical-align:top;
}
td.row5 {
	text-align:right;
	vertical-align:top;
}
.listingPaymentTable td {
	padding:6px 6px 6px 22px;
	border-bottom:1px dashed #999;
}
.listingPaymentTotal td {
	padding:6px 6px 6px 22px;
}
a.submit.checkOut {
	border-style:solid;
	border-width:2px;
	border-top-color:#F8F8F8;
	border-right-color:#A1A1A1;
	border-bottom-color:#A1A1A1;
	border-left-color:#F8F8F8;
	height:17px;
	padding:10px 16px;
	display:block;
}
a.submit.checkOut:hover {
	background-color:#3F66CF;
	color:#FFF;
}
a.submit.checkOut:active {
	border-bottom-color:#F8F8F8;
	border-left-color:#A1A1A1;
	border-top-color:#A1A1A1;
	border-right-color:#F8F8F8;
}

input.checkbox,
label.checkbox {
	margin-top:8px;
	line-height:24px;
}

.mortgageTable {
	background-color:#fff;
}
.mortgageTable table.mortgageTableTwo {
	border:2px solid #Be0933;
	padding-top:8px;
}
.calculatorTable td {
	height:30px;
}

.addImagesTable {
	background-color:#F3F3F3;
	padding:10px;
	border:5px solid #E8E8E8;
	border-collapse:collapse;
}
.addImagesTableCell {
	padding:10px;
	border:5px solid #E8E8E8;
}

h3.accountInfo {
	background:url("../images/new/dot-line01.gif") repeat-x scroll 0 100% transparent;
	line-height:34px;
	height:34px;
	padding:0 16px;
}
	h3.accountInfo span {
		float:right;
	}
	h3.accountInfo span a,
	.red {
		color:#AA0000;
	}
.accountInfoDetail table td {
	padding:4px 10px;
}
.imageSurround {
	min-height:214px;
	border-bottom:1px dotted #ddd;
	margin-bottom:6px;
}
.imageSurround img {
	border:2px solid #999;
}




/* =================================
	6.	Admin
================================= */

/* *** See admin.css *** */


/* =================================
	7.	Footer
================================= */
div.ad4 {
	float:left;
	height:60px;
	margin:0 42px 15px 0;
	width:200px;
	border:1px solid #ccc;
}
div.ad5 {
	float:left;
	height:60px;
	margin-right:42px;
	width:200px;
	border:1px solid #ccc;
}
div.ad6 {
	float:left;
	height:60px;
	margin-right:42px;
	width:200px;
	border:1px solid #ccc;
}
div.ad7 {
	float:right;
	height:60px;
	width:200px;
	border:1px solid #ccc;
}
div.ad8 {
	float:left;
	height:90px;
	width:728px;
	border:1px solid #ccc;
}
div.ad9 {
	border:1px solid #ccc;
	height:90px;
	float:right;
	width:200px;
}
	.ad9 p {
		line-height:14px;
		padding:2px 10px;		
	}
	.ad9 p.title {
		padding:2px 6px;
		color:#81885F;
		text-transform:uppercase;
		font-size:14px;
		font-weight:bold;
		line-height:20px;
		letter-spacing:-1px;
	}
	.ad9 p.clickHere a {
		line-height:20px;
		color:#81885F;
		font-size:11px;
		text-transform:uppercase;
	}
	.ad9 p.clickHere {
		text-align:right;	
		padding:2px 6px;
	}


/* =================================
	8.	Misc
================================= */
.addFeature { cursor:pointer; }