﻿/* The Property Store CSS Document */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	background-image: url(../images/black.gif);
	background-position: top;
	background-repeat: repeat-x;
}

img{
	border: 0;
}
	
h1{
	margin: 0 0 0 17px;
	padding: 0;
}
html,body{
	margin:0;
	padding:0
	}
form, label{
	margin:0;
	padding:0
	}
a{
	color:#CB1919;
}
#siteContainer{
	border: 0px solid blue;
	margin: 0 auto 0 auto;
	width: 66em;
	position: relative;
}	
	#header{
		margin: 0;
		padding: 0;
		height:10.17em;
	}
	#logo{
		margin: 17px 0 0 17px;
		padding: 0;
	}
		#house{
			position: absolute;
			margin: 0 auto 0 auto;
			top: 25px;
			left: 600px;
			width: 179px;
			height: 126px;
			z-index: 5;
			background-image: url(../images/house2.gif);
			background-repeat: no-repeat;
		}
	
	#middleContainer{
		border: 0 solid green;
		background-image:url(../images/left_column_bg.gif);
		background-position:bottom left;
		background-repeat: repeat-y;
		float: left;
		/*height: 933px;*/
	}
	
		#leftContent{
			float: left;
			margin: 1px 0 0 0;
			width: 161px /*13.58em*/;
			float: left;
			background-image: url(../images/red.gif);
			background-position: top;
			background-repeat: repeat-x;
		}
		
			#mainMenu{
				height: 20em;
				margin: 0;
				padding: 0;
				background-color:#CB1919;
				background-image:url(../images/menu_bg.gif);
				background-repeat:repeat-x;
				background-position:bottom;
				color:#FFFFFF;
				font-weight:bold;
				font-size:1.08em;
			}
			
				#mainMenu a{
					color:#FFFFFF;
					text-decoration:none;
				}
				#mainMenu a:hover{
					color: #000000;
				}
			
				#mainMenu li{
					padding:0;
					margin:5px 0 5px 14px;
					list-style-type:none;
				}
					#top a{
						display:block;
						margin-top:13px;
						background-color:#CB1919;
					}
				
			#leftColumn{
				float:left;
				height: 480px; /*33.33em*/
				width:13.42em;
			}
		
		#contentContainer{
			float:left;
			/*height:26.08em;*/
			width:629px; /*52.17em*/
		}
		#topImageContainer{
		    width: 629px;
		}
		#pageContentContainer{
		
		}
		    
			#propertySearch{
				background-color: #DADADA;
				margin: 2px 0 0 3px;
				border-bottom: 9px solid #F00000;
				position: relative;
			}
			#searchImage{
			    margin-bottom: 3px;
			}
			#arrow1{
			    position: absolute;
			    left: 285px;
			    top: 138px;
			}
			#arrow2{
			    position: absolute;
			    left: 447px;
			    top: 138px;
			}
			#arrow3{
			    position: absolute;
			    left: 607px;
			    top: 138px;
			}
				#leftSearch{
					width: 210px;
					border-right: 1px solid #000000;
					float: left;
				}
				
			#flashWindow{
				width: 424px;
				float: left;
				}
			#contentContainer h2{
				margin: 4px 12px 0 2px;
				padding: 0;
				font-size: 1.33em;
				color: #f00000;
				text-align:right;
				font-family:Verdana, Arial, Helvetica, sans-serif;
			}
			#contentContainer h3{
				margin: 4px 12px 0 0;
				padding: 0;
				font-size: 1.6em;
				font-weight: bold;
				color: #000000;
				text-align: right;
			}
			#contentContainer h4{
				margin: 0 0 0 2px;
				padding: 0;
				font-size: 1em;
				width: 615px;
				background-color: #000000;
				color: #FFFFFF;
				border-width: 8px 0 6px 12px;
				border-color: #000000;
				border-style: solid;
			}
			/*#contentContainer p{
				margin: 10px 210px 5px 10px;
				}SJS*/
			
			.newsBox{
				width: 208px;
				float: left;
				background-image: url(../images/news.gif);
				background-position: 4px 9px;
				background-repeat: no-repeat;
				border-bottom: 1px solid #BDBDBD;
			}
				#newsBoxes h5{
					margin: 9px 0 0 24px;
				}
				#newsBoxes h6{
					margin: 0 0 0 24px;
					font-size: 0.92em;
					color: #F00000;
				}
				#newsBoxes p{
					margin: 0 5px 14px 24px;
					font-size:0.92em;
					}
			.infoBox{
				width: 208px;
				height: 122px;
				float: left;
				margin: 0px;
				padding: 0px;
			}
				#infoBoxes ul, li{
					list-style-type: none;
					margin: 0 0 0 15px;
					font-size: 0.97em;
					padding: 0;
				}
				#infoBoxes p{
					font-size: 1.4em;
					font-weight: bold;
					margin: 19px 0 10px 30px;
					}
					
			#services{
				 margin: 10px 0 0 3px; 
				 padding: 0;  
				 font-size: 1em;
				 background-color: #1f1f1f;
				 width: 616px;
				 color: #ffffff;
				 height: 20px;
				 border-top: 5px solid #1f1f1f;
				 border-left: 10px solid #1f1f1f; 
				}
				#services li{
			   		margin: 10px 0 2px 0;
			    	display: inline;
			    	color: #ffffff;
					}
			.verticalLine
			{
			    margin: 0 5px 0 5px;
			    font-weight: bold;
			    color: #fe0000;
			}   
			#services a{
				text-decoration: none;
				color: #c9c9c9;
			}
			#services a:hover
			{
			    color: #ffffff;
			}
	#footer{
		float:left;
		background-color: #383838;
	}
	    #footer a{
			color: #989898;
			text-decoration: none;
		}
		#footer a:hover{
			color: #FFFFFF;
		}
		#footerMenu{
			margin:0 0 18px 0;
			height: 26px;
			width: 787px;
			padding:0;
			background-color:#383838;
			font-size:0.83em;
			font-weight:bold;
			text-decoration:none;
			}
		#footerLeft a{
			margin-left: 170px;
		}
		#footer li{
			border: 0px solid red;
			float: left;
			margin: 7px 6px 0 6px;
			padding: 0;
			list-style-type: none;
			}
				#footerItem ul li{
					margin: 100px 100px 100px 100px;
					text-align: center;
					}
		#flameMultimediaPromoLink{
			margin: 6px 0 0 0;
			width: 42em;
			float:left;
			}
		#footer img{
			float:left;
			}			

.topImage{
	margin: 0 0 0 3px;
	}
.form{
	font-size: 0.83em;
}
.pageTitle{
	margin: 20px 0 6px 10px;
}
.subTitle{
	color: #1f1f1f;
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: 20px;
}
.red{
	color: #F00000;
}
.redBold{
	color: #F00000;
	font-weight: bold;
}
.newsIcon{
	margin: 0 11px 0 0;
	}
.newsText{
	margin: 0 600px 0 0;
	}
	
/* SJS CONTROL CSS */
    /*** START FROM ***/
        #formCont{
            border-left: 4px solid black;
            padding-top: 1px;
            margin: -3px 0 0 0;
        }
        #formCont form{
            margin: 0;
        }
    /*** END FORM ***/
    
    /*** START HOME NEWS CONTROL ***/
        #homeNews{
            width: 626px;
            margin-left: 3px;
            overflow: hidden;
        }
            #homeNews p p{
                margin: 0;
                padding: 0;
                border: 0;
            }             
            .homeNewsItem{
                width: 205px;
                float: left;
                margin: 5px 2px 0 0;
                border-right: 1px solid #000000;
                background-image: url(../media/global/news.gif);
                background-repeat: no-repeat;
                background-position: 0px 0px;
            }
            .homeNewsItem h5,p{
                margin: 0 0 0 18px;
                padding: 0;
            }
            .homeNewsItem p p{
                margin: 0;
                padding: 0;
                border: 0;
            }
            .homeNewsItem .newsDate{
                color: #FF0000;
                font-weight: bold;
                text-decoration: none;
            }
    /*** END HOME NEWS CONTROL ***/

    /*** START SEARCH CONTROL ***/
        #searchControl{
            background-color: #dadada;
            border-bottom: 8px solid #F21717;
            margin-left: 3px;
        }
        
        #searchControl h2{
            font-size: 14px;
            margin: 0 0 8px 5px;
            position: relative;
            text-align: left;
        }

        #searchControl label{
	        cursor: pointer; 		/* CHANGES CURSOR TO HAND ICON, MAKES USERS AWARE OF LABEL */
	        width: 7.4em;			/* LABEL WIDTH: SET THIS TO THE LARGEST LABEL SIZE */
	        text-align: right;
	        display: block;
	        clear: left;
        }

        #searchControl input
        {
            margin: 0 0 1em 7.4em;
        }

        #searchControl fieldset fieldset, textarea, select{
	        margin-left: 7.4em;		/* SET THIS TO THE "LABEL WIDTH" FROM ABOVE */
        }

        #searchControl textarea, select{
	        font: 1em Verdana, Arial, Helvetica, sans-serif;
	        margin-top: -1em;	/* PULLS THE INPUT CONTROLS ON TO THE SAME LINE AS THE LABEL */
	        float:left;
        }

        #searchControl fieldset{
	        padding-bottom: 0.83em;	/* ADDS PADDING TO FIELDSET TO STOPS OPERA DISPLAYING INCORRECTLY */
	        clear: left;
        }
	        #searchControl fieldset fieldset input{
		        margin: 0;
		        height: 1.25em;
		        display: block;
		        float: none;
	        }
        	
	        #searchControl fieldset fieldset label{
		        margin: -1.17em 0 0 2em;
		        width: 0;
		        display: inline;
		        float: left;
	        }
        	
        .buttonFieldset{border: 0; padding: 0.17em;}
        .inputInline{margin: -1em 0 0 0;}   
        .backToResults{
            color: #F21717;
            font-weight: bold;
            font-size: 12px;
            margin:8px 8px 8px 20px;
            text-decoration: none;
            display: block;
        }
        #newSearchControl input, select, fieldset, label, span{
            margin: 0;
            padding: 0;
            float: none;
            position:relative;
        }
        #newSearchControl span{
            height: 5px;
        }
        .tdLbl{
            width: 100px;
            text-align: right;
            height: 10px;
        }
        .noth{
            display: none;
        }
        #sjsForm{
            background-color: #dadada;
            border-bottom: 8px solid #F21717;
            margin-left: 3px;
        }
        #sjsForm span{
            display: none;
        }
        #sjsForm h2{
            text-align: left;
        }
    /*** END SEARCH CONTROL ***/

    /*** START RESULTS CONTROL ***/
        .resultsControl{
            margin: 6px 0 0 3px;
            border-bottom: 4px solid #f0f0f0;
            padding-bottom: 8px;
        }
        
        .resultsControl h5{
            color: #F21717;
            font-size: 16px;
            margin: 0;
        }
        
        .roomsAndAddress{
            font-weight: bold;
        }
        
        .resultsControl img{
            padding: 2px;
            border: 1px solid black;
            margin-right: 10px;
        }
    /*** END RESULTS CONTROL ***/
    
    /*** START FEATURED DEV CONTROL ***/
        .fetDevControl{
            margin: 0 auto 0 auto;
            width: 640px;
        }
        
        .fetDevControl .dev{
            width: 158px;
            float: left;
            border-bottom: 15px solid #333333;
            margin: 8px 0 0 2px;
        }
        
        .fetDevControl h5{
            color: #F21717;
            font-size: 12px;
            margin: 0;
        }
         
        .fetDevControl img{
            padding: 2px;
            border: 1px solid black;
        }
    /*** END FEATURED DEV CONTROL ***/
    
    /*** START PAGED NAV CONTROL ***/
        .pagedNav{
            background-color: #DADADA;
            color: #000000;
            text-align: center;
            font-weight: bold;
            margin: 6px 0 6px 3px;
        }
        
        .pagedNav a{
            color: #000000;
            font-weight: bold;
        }
        
        #PreviousPageNav{
            float: left;
            display: block;
        }
        #NextPageNav{
            float: right;
            display: block;
        }
    /*** END PAGED NAV CONTROL ***/
    
    /*** START PROPERTY DETAILS CONTROL ***/
        #propDetails{
            padding: 0;
            border: 0;
            margin: 3px 0 0 3px;
            text-align: justify;
            width: 626px;
        }
        
        #propDetails h5{
            color: White;
            background-color: #F21717;
            font-size: 16px;
            padding: 5px;
            margin: 0;
        }
        
        #propDetails p.address{
            background-color: #000000;
            margin: 0 0 3px 0;
            color: #FFFFFF;
            font-weight: bold;
            padding: 5px;
        }
        
        #propDetails .propContentCont1{
            width: 443px;
            float: left;
            margin-right: 3px;
        }
        
        #propDetails .propContentCont1 p{
            margin: 0 20px 0 20px;
        }
        
        #propDetails .propContentCont2{
            width: 180px;
            float: left;
        }
        
        #propDetails .options{
            padding: 0;
            border: 0;
            margin: 0;
            background-color: White;
            border: 1px solid #F21717;
        }
        
        #propDetails .options li{
            padding: 0;
            border: 0;
            margin: 5px;
            list-style: none;
        }
        
        #propDetails .photos{
            padding: 0;
            border: 0;
            margin: 0;
            background-color: White;
            border: 1px solid #F21717;
            text-align: center;
            padding: 5px;
        }
        
        #propDetails .photos li{
            padding: 0;
            border: 0;
            margin: 0;
            list-style: none;
        }
        
        #propDetails .photos img{
            padding: 2px;
            border: 1px solid black;
            margin: 3px 0 3px 0;
        }  
        
        #propDetails .mainImg{
            padding: 2px;
            border: 1px solid black;
            margin: 0 0 0 21px;
        } 
        
        #propDetails .imageNav{
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            border-left: 1px solid black;
            width: 72px;
            margin: 0 0 0 21px;
        }
        
        #propDetails .imageNav img{
            margin: 5px;
        }
        
        #propDetails #xOfY{
            float: left;
            text-align: right;
            width: 328px;
            font-weight: bold;
            margin-top: 5px;
        }
        
        #propDetails #brandImage
        {
            margin: 0 0 10px 20px;
            border: 1px solid #F21717;
        }
    /*** END PROPERTY DETAILS CONTROL ***/
    
    
    /*** NEWS CONTROL ***/
        #news h2
        {
            margin: 20px 20px 0 20px;
            text-align: left;
        }
        #news p
        {
            margin: 0px 0 12px 0;
            text-align: justify;
        }
        #news .newsDate{
            color: #7F7F7F;
            font-weight: normal;
            font-size: 10px;
        }
        #news .newsCont{
            margin-left: 20px;
        }
    /*** END NEWS CONTROL ***/

/* END SJS CONTROL CSS */



#infoBoxes {
	width:629px;
	float:right;
}
