/*
Copyright (c) 2008, Ayham Gorani All rights reserved.
version: 1.0
*/
/*
*This part of the Code standardizes all HTML Elements A-Grade
*/


h1 {
font-size : 138.5%;
}
h2 {
font-size : 123.1%;
}
h3 {
font-size : 108%;
}
h1, h2, h3 {
margin : 1em 0;
}
h1, h2, h3, h4, h5, h6, strong {
font-weight : bold !important ;
}
em {
font-style : italic;
}
dl dd {
margin-left : 1em;
}
th, td {
padding : 0.5em;
}
th {
font-weight : bold;
text-align : center;
}
caption {
margin-bottom : 0.5em;
text-align : center;
}
p, fieldset, table, pre {
margin-bottom : 1em;
}
input[type="text"], input[type="password"], textarea {
width : 12.25em;
width : 11.9em;
border : 1px solid #cccccc;
background-color : #f0f3f5;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin : 0;
padding : 0;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
fieldset, img {
border : 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style : normal;
font-weight : normal;
}
li {
list-style : none;
}
caption, th {
text-align : left;
}
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
font-weight : normal;
}
q:before, q:after {
content : '';
}
input, textarea, select {
font-family : inherit;
font-size : inherit;
font-weight : inherit;
}
input, textarea, select {
font-size : 100%;
}
legend {
color : #000;
}
del, ins {
text-decoration : none;
}
hr {
color : #666666;
border : none;
background-color : #666666;
width : 100%;
height : 1px;
margin : 0;
padding : 0;
}
#content hr{
	border-top:1px dotted #cccccc !important; /***** here******/
	background-color : #fff;
}
body {
text-align : center;
min-width : 860px;

}
#wrapper {
width : 780px;
margin : 0 auto;
text-align : left;
}
#mainContent { /*************************************HERE***/
float : left;      
margin-top:0px;
background : white;
z-index:1;
width:781px;
}
#content {  /********************HERE*******************/
width : 560px;
float : right;
margin-left : 5px;
overflow:hidden;
}
#sideBar {/******************HERE*******************/
width : 200px;
min-height:500px;
float : left;
overflow:hidden;
background :url(../images/sbBorder.png) no-repeat scroll right top;
}
#footer {
clear : both;
}
#banner { /*****************HERE***************/
}
#clearPage {
clear : both;
font-size : 1px;
}
body {  /**********************************************HERE*****************/
background : #172531 url('../images/bgGradient.png') repeat-x scroll left top;
font-family : "Arial";
font-size : 12px;
color : #333333;
}
h1 { /********************************************HERE**************************/
font-size : 18px;
font-weight : bold;
padding-top : 5px;
padding-bottom : 5px;
}
.sloganHP { /*********************************HERE*************/
font-size : 18px;
color:#333333;
}
.italicbold {
font-weight : bold;
}
h1 em { /*****************************HERE*****************/
color : #FF6600;
}
.RedStar{
color:red;
}
a {
color : #0088cc;
text-decoration : none;
cursor : pointer;
outline:none;
}
a:hover {
text-decoration : underline;
color : #006a9d;
}
.rightBorder {
border-right : 1px solid #e6e6df;
padding-right : 5px;
margin-right : 5px;
}
.logo {
float : right;
margin-right : 25px;
margin-top : 12px;
}
.logo em {
float : left;
color : white;
font-size : 14px;
font-weight : bold;
margin-right : 15px;
position : relative;
margin-top : 34px;
}
#footer {/*******************************HERE**********/
padding-top : 5px;
padding-bottom : 5px;
font-size : 10px;
width:100%;
}
#footer a { /****************************HERE*********/
padding-right : 6px;
padding-left : 6px;
color:#cccccc;
}
.seperator {
color : #a3a3a3;
}
.footerLinks {
display : inline;
float : right;
text-align : right;
padding-right : 3px;
}
.footerCR { /***********************************HERE*********/
display : inline;
float : left;
color:white;
}
#test {
border-right : 0 !important ;
}
ul { /************************HERE****************/
margin-top : 45px;
margin-left : 0;
margin-right : 0;
margin-bottom : 0;
padding : 0;
list-style : none !important ;
width : 450px;
float:left;
}
ul li { /**************************HERE************/
float : left;
margin-right : 3px;
z-index:100;
}
li a {/**************************************HERE******/
display : block;
padding : 0 1em;
line-height : 25px;
text-decoration : none;
color : #000066;
font-size : 14px;
background : url('../images/blueTab.png') repeat-x;
float : left;
z-index:101;
font-weight:bold;
}
ul a:hover { /**************************************HERE*********/
text-decoration : underline;
color:#ffffff;
background : url('../images/overTab.png') repeat-x;
}
#currentTab { /************************HERE****************/
background : url('../images/overTab.png') repeat-x;
color : #ffffff;
}
#userGreet a, #userLanguage a {
color : #ffffff;
text-decoration : underline;
}
#userGreet {
color : #ffffff;
position : absolute;
top : 20px;
}
#userLanguage {
font-size : 10px !important ;
color : #ffffff;
}
#navigation {
color : #cccccc;
}
#navigation a {
color : #b4d0e0;
}
#navigation a:hover {
color : #006a9d;
}
.greenBtn {
padding-left : 1em;
padding-right : 1em;
padding-top : 1px;
padding-bottom : 1px;
line-height : 30px;
text-decoration : none;
color : white;
background : url('../images/greenButton.png') repeat-x !important ;
border-color : #47d96b #03aa2d #03aa2d #47d96b;
border-style : solid;
border-width : 2px;
cursor : pointer;
}
.greenBtn:hover {
color : white;
text-decoration : underline;
background : url('../images/greenButtonOver.png') repeat-x !important ;
}
.contentBox, .sidebarBox {/************************HERE****************/
margin-top : 5px;
margin:6px;
border-bottom : 1px dotted #cccccc;
}

.contentBox div {
padding-left : 5px;
}

.sidebarBox { /************************HERE****************/
width : 90%;
float : left;
margin:6px;
}
.lastSidebarBox {/************************HERE****************/
margin-bottom : 10px;
border-bottom : 0px !important;
}
.contentBox { /************************HERE****************/
width : 95%;
float : left;
margin-left:10px;
}
.lastContentBox { /************************HERE****************/
margin-bottom : 10px;
border-bottom : 0px !important;
}
.contentBox table{/************************HERE****************/
padding : 10px;
width : 100%;
padding:10px;
}
.sidebarBox table, .popupTable { /************************HERE****************/
	padding : 10px;
	width : 100%;
}

.smallTable { /************************HERE****************/
width : 190px !important ;
float : left;
}
.smallTable table input[type="text"], .sidebarBox table input[type="text"], .sidebarBox table input[type="password"] {
background-color : #ffffff;
width : 60px;
}
#sideBarLogIn input[type=text],#sideBarLogIn input[type=password],#sideBarLogIn input.text,#sideBarLogIn input.password{
width : 95%;
}
.sidebarBox th, .popupTable th { /************************HERE****************/
font-size : 16px;
font-weight : bold;
color:#ff6600;
padding-left : 3px;
padding-top : 5px;
padding-bottom : 5px;
}
.contentBox th{/************************HERE****************/
font-size : 16px;
font-weight : bold;
color:#ff6600;
padding-left : 3px;
padding-top : 12px;
padding-bottom : 12px;
}

.contentBox table input[type="text"] {
background-color : #ffffff;
width : 60px;
}
.contentBox td, .sidebarBox td, .popupTable td {
padding-left : 5px;
padding-right : 5px;
padding-top : 4px;
padding-bottom : 4px;
}
.linkIcons a {
background : url('../images/buttonIcon.png') no-repeat left;
padding-left : 15px;
}
.linkIconsInActive{
	background:url('../images/buttonIcon_inactive.png') no-repeat left !important;
	padding-left: 15px;	
	color:#CCC;
}

.sidebarBox input[type="text"], .sidebarBox input[type="password"] {/************************HERE****************/
width : 177px;
font-size : 12px !important ;
font-family : Arial !important ;
}
.sidebarBox input[type="checkbox"] {
margin-right : 5px;
margin-top : 5px;
}
.sidebarBox span {
cursor : pointer;
}
.contentBox input[type="text"], .contentBox input[type="password"] {/************************HERE****************/
width : 250px;
font-size : 12px !important ;
font-family : Arial !important ;
}
#logInError, .logInError {
border : 1px solid red;
background-color : #fad3a1;
padding : 5px;
}
.scrollDiv {/************************HERE****************/
height : 230px;
width : 100%;
overflow : auto;
}
.scrollDiv div {
padding : 1px;
}
.even {/************************HERE****************/
background-color : #F4F4F4 !important ;
}
.odd {/************************HERE****************/
background-color : #ffffff !important ;
}
.even span, .odd span {
cursor : pointer;
}
.disabled span {
cursor : default !important ;
}
.scrollDiv input {
width : 30px !important ;
}
.disabled {
color : #e6e6df !important ;
cursor : default !important ;
}
.alignMiddle {
text-align : center;
}
.quarter {
width : 50% !important ;
border : none !important ;
margin : 0;
padding : 0 !important ;
background-color : transparent !important ;
}
.quarter td {
text-align : left;
width : 33%;
}
.borderBottom td {
padding : 0;
}
.list {
border : 0px solid !important ;
background-color : transparent !important ;
}
.list tr,.list td {
border : 0px solid !important ;
}

.listImg {
height : 80px;
text-align : center;
}
.list th {/************************HERE****************/

}
.list td {
padding : 0px !important ;
}
.list img {
max-height : 80px;
max-width : 80px;
}
.listServiceImage{
max-height : 150px!important;
max-width : 150px!important;
}
.ListfirstColumn {
width : 80px;
}
.estateTitle {
background : none !important ;
padding : 0 !important ;
font-weight : bold;
}
.estateAdress {
color : #f39301;
}
.listOptions {
background : url('../images/buttonIconSmall.png') no-repeat left !important ;
padding-left : 13px;
font-size : 10px;
}
.sortElement {
display : inline;
}
.detailContentTabs {
width : 100%;
}
.detailTabs {
margin-top : 0 !important ;
width : 100%;
}
.detailTabs a { /************************HERE****************/
background : #cccccc;
color : #333333;
font-weight : bold;
text-decoration : none;
}
.detailTabs a:hover {
background : #F4F4F4;
color:black !important; /*****************************************************/
}
.detailTabs .activeTab {/************************HERE****************/
background : #F4F4F4 !important ;
}
.detailTabs .inactiveTab {
background : #fbfcfd !important ;
}
.topDetail {
background : transparent !important ;
border : none !important ;
text-align : center;
}
.topDetail td {
width : 33%;
}
.topDetail a {
background : transparent !important ;
padding-left : 0 !important ;
}
.leftDetailCol {
width : 45%;
float : left;
}
.leftDetailCol table{
float : left;
}
.leftDetailCol img, .leftDetailCol img a{
}

.rightDetailCol {
float : right !important ;
width : 37%;
}
.topDetailContent {/************************HERE****************/
clear : both;
width : 97%;
background : #F4F4F4 !important ;
padding-top : 5px;
}
.topDetailContent table, .topDetailContent a {
background : transparent;
border : none;
}
.topDetailContent td {
vertical-align : top;
}
.alignCenter {
text-align : center !important ;
}
.seeAllImagesLink {
text-align : center;
}
.printLink {
background : url('../images/icn_print.gif') no-repeat left !important ;
padding-left : 20px !important ;
padding-top : 2px;
}
.sendLink {
background : url('../images/icn_send.gif') no-repeat left !important ;
padding-left : 20px !important ;
padding-top : 2px;
}
.saveLink {
background : url('../images/icn_save.gif') no-repeat left !important ;
padding-left : 20px !important ;
padding-top : 2px;
}
.detailImage {
max-height : 170px;
max-width : 170px;
border : 1px solid orange;
}
.detailImageLink {
padding : 1px;
background : white;
}
.permaLink {
background-color : white !important ;
width : 80% !important ;
}
.detailInfo {
background : transparent !important ;
border : none !important ;
}
.detDescription {
float : left;
width : 450px;
}
.surplusInfo {
width : 97%;
}
.detailContactForm input, .detailContactForm textarea {
width : 100% !important ;
background : white;
}
.paging {
float : right;
text-align : right;
}
.paging a, .paging b {
padding : 3px;
}
.phone{
direction:ltr;
}
.paging table{
	border:none !important;
	background:white !important;
	width:auto !important;
	padding:0px!important;
	margin:0px!important;
}

.paging table td{
	border:none !important;
	background:white !important;
	width:auto !important;
	padding:0px!important;
	margin:0px!important;
}

.emptyTd {
background : white !important ;
border : none !important ;
margin : 0 !important ;
}
.addProcess {
padding-left : 0 !important ;
}
.addProcess table {
border : none !important ;
background : transparent !important ;
width : auto !important ;
}
.addProcess table td{
	height:40px !important;
	padding-right:20px;
	padding-top:15px;
	text-align:right;
	vertical-align:middle;
	font-weight:bold;
	color:#cccccc;
}
.currentPage{
	color:orange !important;
}
.donePage{
	color:green !important;
}
.surplusText {
color : #999999;
}
.blueBackground {
border : 1px solid #e7f0f5;
background-color : #fbfcfd;
}
.darkBlueBackground {
background-color : #e7f0f5;
border-bottom : 3px solid white;
}
.registrationCon input[type="text"], .registrationCon input[type="password"], .registrationCon textarea {/************************HERE****************/
width : 100% !important ;
font-size : 12px !important ;
font-family : Arial !important ;
background : white;
}
.registrationCon select {
width : 100% !important ;
}
.registrationCon td {
width : 29%;
vertical-align : top;
}
.myPersonaleDate td {
width : 15%;
vertical-align : top;
color : #777;
}
.firstColumOT {
border-right : 3px solid white;
}
.borderBottom {
border-bottom : 3px solid white;
}
.infoIcon {
text-align : right;
}
#smallInput {
width : 40% !important ;
}
.countField {/************************HERE****************/
color : #999999;
}
.mpContentTabs {
width : 100%;
}
.mpTabs {
margin-top : 20px !important ;
width : 100%;
}
.mpTabs a { /************************HERE****************/
background : #cccccc;
color : #333333;
font-weight : bold;
text-decoration : none;
}
.mpTabs a:hover {
background : #F4F4F4;
}
.mpTabs .activeTab { /************************HERE****************/
background : #F4F4F4  !important ;
}
.mpTabs .inactiveTab { /************************HERE****************/
background : #cccccc  !important ;
}
.topmpContent {/************************HERE****************/
background : #e7f0f5 none repeat scroll 0 0 !important ;
clear : both;
padding : 2px;
width : 100%;
}
.mpLeftColumn, .mpRightColumn {
width : 32%;
padding-top : 10px;
}
.mpLeftColumn div, .mpRightColumn div {
border : 1px solid #e7f0f5;
background-color : #fbfcfd;
height : 225px;
margin-left : -5px !important ;
margin-right : 10px;
padding-right : 5px;
}
.mpLeftColumn hr, .mpRightColumn hr {
color : #e7f0f5;
border : none;
background-color : #e7f0f5;
width : 100%;
height : 1px;
margin-top : 2px;
margin-bottom : 2px;
}
.mpLeftColumn {
float : left;
}
.mpRightColumn {
float : right;
}
.mpBorderTab {/************************HERE****************/
border-bottom : 5px solid #F4F4F4;
clear : both;
}
.mpNumber {
color : orange;
}
.myPerdonalEM {
color : black;
}
.linkIcon {
background : url('../images/buttonIcon.png') no-repeat left;
padding-left : 15px;
}
.mpDashboard td, .mpDashboard th {
border-right : 8px solid white;
width : 32%;
font-size:12px !important;
vertical-align:top;
}
.detailContentTabs table th img {
border-right : 3px;
position : relative;
margin-right : 3px;
height : 16px;
width : 16px;
top : 3px;
}
#mpFavourite {
}
.mysearches td {
vertical-align : top;
padding : 4px !important ;
}
.mySearchTitle {
font-weight : bold;
}
.rightHP, .leftHP { /************************HERE****************/
width : 47% !important ;
background:url(../images/hp_bg_boxes.png) no-repeat top left;
border:1px solid #95CAFF;
}
.rightHP td, .leftHP td {/************************HERE****************/
padding-left: 10px;
}
.rightHP p, .leftHP p {/************************HERE****************/
color : #333333;
font-size : 18px;
font-weight : bold;
}
.rightHP {
float : right;
}
.leftHP {
float : left;
}
.hpNewBadge {
position : relative;
top : -150px;
right : -20px;
float : right;
}
.SideNewBadge {
float : right;
position : relative;
right : -20px;
top : -285px !important ;
margin-top : -5px;
}
.prevImagesHP td {
width : 20%;
padding-top : 0 !important ;
padding-bottom : 0 !important ;
vertical-align : middle;
}
.clear {
clear : both;
}
.support img {
float : right;
vertical-align : middle;
}
.support td {
vertical-align : middle;
padding : 10px;
}
.support strong, .support strong a, .largerHL {
color : #ff6600;
font-size : 16px;
font-weight : bold;
margin-right : 20px;
}
#contactForm {
width : 500px !important ;
}
#contactForm td {
width : auto;
}
.smallTD {
width : 25% !important ;
}
.leftTD {
text-align : left;
}
.extraLage {
font-size : 24px;
background : url('../images/buttonIconLarge.png') no-repeat left !important ;
padding-left : 25px;
}
.searchQuarterSubmit {
text-align : right;
}
.checkboxContainer {
margin: 5px 0;
	padding : 0 !important;
}
.closeButton {
float : right;
position : relative;
top : -13px;
left : 13px;
cursor : pointer;
}
.publishButton {
float : right;
margin-right : 20px;
margin-bottom : 20px;
}
.imageSlidshowLoader {
display : none;
position : absolute;
top : 45%;
left : 55%;
padding : 15px !important ;
padding-right : 20px !important ;
padding-left : 20px !important ;
border : 3px solid #e7f0f5;
background-color : white;
z-index : 1002;
overflow : hidden;
}
a.tooltip {
position : relative;
text-decoration : none !important;
}
a.tooltip span {
display : none;
text-decoration : none !important;
}
a.tooltip:hover span {
display : block;
position : absolute;
top : 0.5em;
right : 1.5em;
width : 150px;
padding : 0.5em;
border : 1px solid #e7f0f5;
background-color : #ffffff;
color : #000;
text-align : left;
text-decoration : none !important;
}
a.tooltip:hover {
font-size : 100%;
text-decoration : none !important;
}
.alignContent {
text-align : right;
}
.alignContent1 {
text-align : left;
}
.footerAllEsates{
text-align: left;float:right;
font-size:9px;
}
.registerBig{
	float:right;
	position :relative;
	top:-110px;
	right:150px;
}
#DealerName{
	font-size:16px;
}

.sideBarImageScal{
max-width:70px; 
max-height:70px;
}
.contentImageScal{
max-width:95px; 
max-height:95px;
}
.stepsCls{
text-align:right!important;
}
/***HP Boxes choose estate type**/   /************************HERE****************/

.prevImagesHP a, .newestEstates a{
background:transparent url(../images/shadow.png) no-repeat scroll right bottom;
clear:left;
float:left;
padding-right:5px;
}
.prevImagesHP a img, .newestEstates a img{
background-color:#FFFFFF;
border:1px solid #E6E6DF;
margin-left:-5px;
margin-top:-5px;
padding:5px;
}
.newestEstates a{
	max-height:80px;
	max-width:80px;
}
.prevImagesHP a{
	max-height:105px;
	max-width:103px;
}

.contentTableBor{
	border:1px solid #cccccc ;	
}
.contentTable th, .list th{
	background-color:#F4F4F4 !important;
	color:#333333!important;
	padding-left : 5px !important;
	padding-top : 2px !important;
	padding-bottom : 2px !important;
}
.noBorder{
	border-bottom:0px !important;
}
.highlighterEl {
background-color:#d9ecff;
}
.brokePageTabs{
	width:300px !important;
}
.sbIcon{
	max-width:65px;
	max-height:65px;
}
#detailTab1 div{
 
}
#ads{
	position:absolute;
	width:100%;
	top:84px;
	left:0px;
	overflow:hidden;
	z-index:-1;
}
.adsContainer{
	position:relative;
	width:1030px;
	left:50%;
	margin-left:-512px;
}
.adRight{
	float:right;
}
.adLeft{
	float:left;
}