/* CSS Document */

body{
background-color:#F7F7F7;
font-family:Arial, Helvetica, sans-serif, Tahoma;
}

/*Global Layout*/

*{
margin:0;
padding:0;
}

*{
scrollbar-base-color: #E3642F;
scrollbar-arrow-color: white;
scrollbar-track-color: #CCCCCC;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black; 
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}

#container{
margin:0 auto;
width:985px;
background-color:#FFFFFF;
}

#header{
width:985px;
height:80px;
float:left;
background-color:#E3642F;
}

#headerLeft{
width:270px;
height:75px;
float:left;
margin:5px 0px 0px 10px;
background:url(../img/header/logo1.jpg) no-repeat;
}

#headerRight{
width:270px;
height:75px;
float:right;
margin:5px 10px 10px 0px;
background:url(../img/header/logo2.jpg) no-repeat;
}

#bar{
width:850px;
height:25px;
float:left;
background-color:#000000;
}

#home #bar{
width:985px;
}

#homeBar{
width:135px;
height:25px;
float:right;
background-color:#000000;
}

#leftContent{
float:left;
width:216px;
padding-bottom:10px;
background-color:#FFFFFF;
border:2px solid #000000;
border-top:none;
display:inline;
}

#headerBox{
float:left;
width:220px;
height:30px;
background-color:#377C2B;
}

#searchBox{
float:left;
width:194px;
height:260px;
margin:0px 10px 0px 10px;
background-color:#F4D930;
}

*html #searchBox{
float:left;
width:194px;
height:260px;
margin:0px 0px 0px 3px;
background-color:#F4D930;
}

#property #searchBox{
height:517px;
}

#newsBox{
width:192px;
height:235px;
margin:10px 10px 0px 10px;
border:1px solid #000000;
background-color:#FFFFFF;
overflow:auto;
overflow-x:hidden;
}

*html #newsBox{
width:192px;
height:220px;
margin:10px 0px 0px 8px;
border:1px solid #000000;
background-color:#FFFFFF;
overflow:auto;
overflow-x:hidden;
}

#property #newsBox{
height:240px;
}

#middleContent{
float:right;
width:765px;
height:515px;
}

#admin #middleContent{
float:left;
width:985px;
height:515px;
padding:10px 0px 0px 0px;
overflow:auto;
overflow-x:hidden;
}

#mainContent{
float:left;
width:765px;
height:465px;
padding:10px 0px 10px 0px;
overflow:auto;
overflow-x:hidden;
display: inline;
}

#home #mainContent{
overflow:hidden;
}

#bottomContainer{
float:left;
width:100%;
height:30px;
background-color:#F4D930;
display:inline;
}

#rightContent{
float:right;
width:260px;
height:445px;
overflow:auto;
overflow-x:hidden;
padding:0px 0px 0px 0px;
display: inline;
}

#redContainerBox{
float:left;
width:127px;
height:40px;
background-color:#E3642F;
}

#greenContainerBox{
float:left;
width:127px;
height:40px;
background-color:#377C2B;
}

#blueContainerBox{
float:left;
width:127px;
height:40px;
background-color:#005295;
}

#orangeContainerBox{
float:left;
width:127px;
height:40px;
background-color:#F99D31;
}

#purpleContainerBox{
float:left;
width:127px;
height:40px;
background-color:#7582BF;
}

#greyContainerBox{
float:left;
width:130px;
height:40px;
background-color:#A8A9AD;
}

#nameBox{
float:left;
width:127px;
height:40px;
background-color:#C41130;
}

#redContainerBox #nameBox{
background-color:#E3642F;
}

#greenContainerBox #nameBox{
background-color:#377C2B;
}

#blueContainerBox #nameBox{
background-color:#005295;
}

#orangeContainerBox #nameBox{
background-color:#F99D31;
}

#purpleContainerBox #nameBox{
background-color:#7582BF;
}

#greyContainerBox #nameBox{
background-color:#A8A9AD;
width:130px;
}

#shadow{
padding:0px 5px 5px 0px; 
filter:shadow(color=silver, direction=135, strength=5);
float:left;
display:inline;
}

#glow{
filter:glow(color=silver, strength=5);
float:left;
display:inline;
}

#contentBox{
float:left;
width:110px;
margin:5px 0px 0px 4px;
background-color:#E3642F;
}

#lettings #contentBox{
background-color:#F99D31;
}

#mortgages #contentBox{
background-color:#6163A8;
height:112px;
}

#auction #contentBox{
background-color:#377C2B;
height:112px;
}

#conveyancing #contentBox{
background-color:#005295;
height:112px;
}

#design #contentBox{
background-color:#A8A9AD;
height:112px;
}

#arrangeLeft{
float:left;
width:100px;
background-color:Green;
}

#arrangeRight{
float:left;
width:80px;
background-color:Blue;
}

#divider{
width:100px;
height:9px;
}

#arrangeLeft #divider{
width:95px;
height:20px;
}

#rightContent #divider{
float:left;
width:100%;
min-height:200px;
}

#innerContentLeft{
float:left;
display:inline;
width:774px;
}

#home #innerContentLeft{
float:left;
width:505px;
}

#innerContentRight{
float:left;
display:inline;
width:175px;
}

#pictureBox{
width:465px;
height:200px;
margin:10px 20px 10px 20px;
background:URL('../img/home/sold_on_your_street.jpg') no-repeat;
}

#filler{
height:45px;
width:90px;
float:left;
}

#contact #mainContent #form{
width:90%;
float:left;
margin:10px 0px 10px 20px;
border:1px solid #F05038;
}

#footer{
clear:both;
float:left;
width:100%;
background-color:#E3642F;
}

#animation{
padding:10px 0px 10px 0px;
}

#login{
border:1px dashed #000000;
background-color:#FFECEC;
margin:10px 20px 20px 20px;	
padding:5px 5px 5px 0px;
}

#clear{
clear:both;
}

/*End of Global Layout*/


/*Global Styling*/

h1{
font-size:1.2em;
color:#377C33;
margin:10px 10px 10px 20px;
font-weight:normal;
}

#home #mainContent h1{
font-size:1.4em;
color:#000000;
line-height:28px;
letter-spacing:1px;
}

#searchBox h1{
font-size:1.4em;
color:#000000;
margin-bottom:0px;
}

#residential #mainContent h1{
color:#E3642F;
}

#news, #contact #mainContent h1{
color:#000000;
}

#auction #mainContent h1{
color:#377C2B;
}

#lawyers #mainContent h1{
color:#005295;
}

#lettings #mainContent h1{
color:#F99D31;
}

#mortgages #mainContent h1{
color:#7582BF;
}

#sharedOwnership #mainContent h1{
color:#A8A9AD;
}

h2{
font-size:0.9em;
color:#FFFFFF;
margin:5px 5px 5px 5px;
text-align:center;
}

#nameBox h2{
margin-top:3px;
}

#newsBox h2{
font-size:1.0em;
font-weight:normal;
color:#000000;
margin-top:10px;
}

#headerBox h2{
font-size:1.1em;
text-align:left;
margin-left:15px;
}

#home #rightContent h2{
font-size:0.9em;
margin:5px 5px 0px 5px;
font-weight:normal;
text-align:left;
line-height:18px;
color:#FFFFFF;
}

#home #bottomContainer h2{
margin-top:6px;
}

#lettings #mainContent h2{
color:#F99D31;
text-align:left;
margin-left:20px;
}

#admin h2{
font-size:0.9em;
color:#000000;
margin:20px 5px 0px 20px;
text-align:left;
}

#mainContent h2{
text-align:left;
margin:20px 10px 10px 20px;
color:#000000;
}

#residential #mainContent h2{
color:#E3642F;
text-align:left;
margin-left:20px;
}

#bar h2{
float:right;
font-size:0.6em;
color:#FFFFFF;
margin-right:10px;
}

#headerBox h3{
font-size:1.0em;
text-align:left;
margin-left:15px;
}

#rightContent h3{
font-size:0.7em;
margin:0px 5px 0px 5px;
font-weight:normal;
text-align:left;
color:#FFFFFF;
}

h3{
font-size:0.7em;
color:#000000;
margin:5px 5px 5px 5px;
text-align:center;
}

#conveyancingHeader h3{
margin-top:0px;
font-size:0.8em;
}

#admin h3{
font-size:0.7em;
color:#000000;
margin:5px 5px 5px 5px;
text-align:left;
}

h4{
font-size:0.8em;
color:#000000;
margin:10px 10px 10px 20px;
text-align:left;
}

#rightContent h4{
font-size:0.8em;
margin:5px 5px 5px 5px;
font-weight:bold;
text-align:left;
color:#FFFFFF;
}

#admin h4{
font-size:0.9em;
color:#000000;
margin:10px 10px 10px 20px;
text-align:left;
}

h6{
font-size:0.9em;
margin:0px 0px 5px 0px;	
}

a{
text-decoration:none;
cursor:pointer;
color:#000000;
}

#searchBox a{
color:#000000;
}

#nameBox a{
color:#FFFFFF;
}

#homeBar a{
margin:0px 0px 0px 0px;
color:#FFFFFF;
}

#admin #middleContent a{
color:#377C33;
}

#sharedOwnership #mainContent a{
color:#A8A9AD;
}

#lettings #mainContent a{
color:#F99D31;
}

#residential #mainContent a{
color:#E3642F;
}

#lawyers #mainContent a{
color:#005295;
}

#mortgages #mainContent a{
color:#7582BF;
}

#auction #mainContent a{
color:#377C2B;
}

#rightContent a{
color:#FFFFFF;
}

#bar a{
color:#FFFFFF;
}

p{
font-size:0.8em;
margin:10px 30px 10px 20px;
color:#000000;
line-height:17px;
}

#bar p{
font-size:1.0em;
color:#FFFFFF;
margin:3px 5px 5px 15px;
float:left;
}

#homeBar p{
margin:2px 0px 0px 10px;
}

#newsBox p{
margin:10px 5px 10px 5px;
}

#searchBox p{
margin-top:5px;
}

#searchBox h2{
margin:10px 0px 10px 15px;
font-size:0.9em;
text-align:left;
color:#000000;
}

ol{
font-size:0.8em;
margin:20px 10px 20px 20px;
padding:0px 0px 0px 0px;
list-style:none;
color:#000000;
}

#property #footer ol{
margin-left:20px;
}

#footer ol{
margin:10px 10px 10px 240px;
}

#footer li{
display:inline;
margin:0px 10px 0px 0px;
}

#admin ol{
margin:0px 10px 0px 40px;
color:#377C33;
}

li{
margin:5px 0px 5px 0px;
}

/*End of Global Styling*/


/*Forms*/

#arrangeLeft label{
font-size:0.7em;
color:#FFFFFF;
display:inline;
margin:9px 5px 5px 18px;
float:left;
}

#arrangeRight select{
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
font-size:0.7em;
border:1px solid #000000;
height:18px;
width:100px;
}

fieldset{
border:none;
padding:0px 10px 10px 20px;
}

.label{
display:block;
font-size:0.8em; 
color:#000000;
margin:10px 0px 2px 20px;
padding:0px 0px 0px 0px;
}

label{
display:block;
font-size:0.8em; 
color:#000000;
margin:5px 0px 2px 20px;
padding:0px 0px 0px 0px;
}

.greenlabel{
display:block;
font-size:0.8em; 
color:#377C33;
margin:10px 0px 2px 20px;
padding:0px 0px 0px 0px;
}

.textbox{
width:250px; 
border:1px solid #7F9DB9; 
margin:0px 0px 5px 20px;
padding:0px 0px 0px 0px;
}

#admin .textbox{
width:300px;
}

.textboxinline{
display:inline; 
width:100px; 
border:1px solid #7F9DB9; 
margin:0px 0px 5px 10px;
padding:0px 0px 0px 0px;
}

.smalltextboxinline{
display:inline; 
width:40px; 
border:1px solid #7F9DB9; 
margin:0px 0px 5px 20px;
padding:0px 0px 0px 0px;
}

.textarea{
display:block; 
width:300px; 
height:100px; 
border:1px solid #7F9DB9;
margin:0px 0px 10px 20px;
padding:0px 0px 0px 0px;
}

#admin .textarea{
display:inline; 
width:500px; 
height:200px; 
border:1px solid #F05038;
margin:0px 0px 10px 20px;
padding:0px 0px 0px 0px;
}

.button{
height:25px;
width:100px; 
border:1px solid #F05038; 
color:#FFFFFF;
background-color:#377C2B;
margin:20px 20px 5px 20px;
padding:0px 5px 0px 5px;
}

#searchBox .button{
width:120px;
height:20px;
display:block;
background-color:#E3642F;
color:#FFFFFF;
margin-top:10px;
margin-bottom:0px;
border:none;
}

#lettings #searchBox .button{
width:165px;
}

.checkbox{
float:left;
}

.select{
margin:0px 10px 0px 20px;
padding:0px 0px 0px 0px;
font-size:0.7em;
height:18px;
display:block;
}

#searchBox .select{
padding:0px 0px 0px 0px;
font-size:0.7em;
border:1px solid #000000;
height:18px;
width:100px;
}

.searchButt{
background-color:#F79A27;
color:#FFFFFF;
border:1px solid #F05038; 
margin:15px 0px 10px 0px;
float:left;
}

.submitButt{
display:block;
width:auto; 
height:25px; 
border:1px solid #F05038;
color:#FFFFFF;
background-color:#377C2B;
margin:20px 20px 10px 20px;
padding:0px 5px 0px 5px;
}

.confirmButt{
display:inline;
width:auto; 
height:25px; 
border:1px solid #F05038; 
margin:5px 5px 5px 5px;
padding:0px 5px 0px 5px;
}

.helpButton{
width:auto;
height:25px;
border:1px solid #F05038; 
margin:0px 0px 0px 20px;
display:inline;
}

/*End of Forms*/


/*Classes*/

.bold{
font-weight:bold;
}

.italics{
font-style:italic;
color:#C27A42;
}

.underline{
text-decoration:underline;
}

.image{
margin:20px 10px 10px 20px;
}

.noBorder{
border:none;
}

.requiredfield{
font-size:0.6em; 
color:red;
margin:0px 0px 0px 0px;
font-weight:normal;
}

.pointer{
cursor:pointer;
}

.table{
display:block;
margin:20px 10px 20px 20px;
}

.centerImg{
display:block; 
margin-left:auto; 
margin-right:auto; 
}

.floatLeft{
margin:10px 5px 10px 5px;
float:left;
}

#innerContentLeft .floatLeft{
margin:0px 5px 10px 10px;
float:left;
}

.floatRight{
margin:10px 30px 10px 5px;
float:right;
}

.arrangeLeft{
float:left;
display:inline;
margin-left:0px;
}

.style1{
background-color:red;
}

.style2{
background-color:#FF6666;
}
	
.style3{
background-color:#00FF00;
}

.BarBorder{
border-style:solid;
border-width:1px;
height:20px;
width:180px;
}

.BarIndicator{
color:orange;
background-color:orange;
}

.noBorder{
border:none;
}

/*End of Classes*/