body {
       font-family: Verdana, Helvetica, Arial, sans-serif;
       font-size:12px;

}

.pagearea{
background-image: url(images/site_background.gif);
background-repeat: repeat-y;
}

/* coloured backgrounds for the two categories*/

.agents_page_div{
background-image: url(images/agents_pages_back.gif);
}

.clients_page_div{
background-image:url(images/clients_pages_back.gif);
}


h1 {
        color: #333333;
        font-size: 14px;
        font-weight: bold;
}

h2 {
        color: #333333;
        font-size: 14px;
        font-weight: normal;
}

h3 {
        color: #333333;
        font-size: 12px;
        font-weight: bold;
}

p {
        font-size: 12px;
}

.editableText {
position:relative;
z-index:20;
}

#appArea {
        font-size: 12px;
}

/* edit mode toolbox */
#editToolBox {
        position: absolute; /* fixed would be better but doesn't work in IE */
        top: 0px;
        left: 0px;
        width: 75px;
        background-color: black;
        color: white;
        font-family: Arial, sans-serif;
        font-size: 12px;
        opacity: 0.75;
        padding: 6px;
}

.editToolBoxAction {
        color: white;
        text-decoration: none;
cursor:pointer;
}

.body {
background-color: white;
}

.widget {
text-decoration:underline;
position:relative;
height:0px;
left:0px;
width:0px;
display:block;
z-index:999;
}

div.widgetBit:hover {
opacity:0.8;
}

.widgetBit {
z-index:998;
background-color:black;
color:white;
opacity:0.2;
border: solid black 1px;
width:100px;
position:relative;
left:0;
top:0px;
font-size:10px;
}

/* Page Builder Nav */


.pb_div{
position:absolute;
top:220px;
width:120px;
}

.clients_pb_div{
position:absolute;
top:220px;
width:120px;
}

.agents_pb_div{
position:absolute;
top:220px;
width:120px;
}

.sideNav_group {
width:120px;
margin-top:20px;
border-top:solid black 0px;
border-right:solid black 0px;
border-bottom:solid black 0px;
}

.sideNav_item {
background-color:#E7E8E8;
border-bottom:solid 1px;
font-size:12px;
padding-top:5px;
padding-bottom:5px;
border-top:solid black 0px;
border-right:solid black 0px;
border-bottom:solid white 1px;
}


.sideNav_selected {
background-color:#E7E8E8;
border-top:solid black 0px;
border-right:solid black 0px;
padding-left:7px;
font-weight:bold;
font-size:10px;
}

.sideNav_item a {
font-weight:normal;
font-size:10px;
color:black;
padding-left:7px;
height:100%;
display:block;
border-top:solid black 0px;
border-right:solid black 0px;
}

.clients_pb_div a:hover {
background-color:#ea7000;
}

.agents_pb_div a:hover{
background-color:#f6bb00;
}

a {
font-size:12px;
text-decoration:none;
color:#333333;
}

a:hover { 
color:black; }

a.navigation_link { 
display:block; width:100% }

td.navigation_link { 
background-color:#eeeeee; }

a.navigation_selected { color:black }

td.navigation_selected { 
background-color:rgb(255,204,102); 
}



/* top navigation */


.top_nav{

}

.top_nav a{
color:black;
font-weight:normal;
padding-right:0px;
padding-left:4px;
}

/* top side navigation */

.side_nav a{
color:black;
font-weight:normal;
padding-left:7px;
}


/*picture nav */

.picture_nav img{
display:none;
}

.picture_nav a{
display:block;
width:300px;
height:100px;
}

.picture_nav_firstlink a{
background-image: url(images/estate_agents.gif);
}

.picture_nav_firstlink a:hover, a:selected {
background-image: url(images/estate_agents_over.gif);
}

.picture_nav_firstlink:hover{
background-image: url(images/estate_agents_over.gif);
}

.picture_nav_lastlink a{
display:block;
background-image: url(images/clients.gif);
}

.picture_nav_lastlink a:hover, a:selected {
background-image: url(images/clients_over.gif);
}

.picture_nav_lastlink:hover{
background-image: url(images/clients_over.gif);
}


.image_holder_div{
width:600px;
position:relative;
top:-100px;
}

.business_image_div{
position:absolute;;
top:0px;
left:0px;
width:300px;
background-image: url(images/estate_agents_over.gif);
}


.foryou_image_div{
position:absolute;;
top:0px;
left:300px;
width:300px;
background-image: url(images/clients_over.gif);
}


/*contact form */


input{
width:150px;
text-align:left;
}

input.submitButton{
text-align:center;
width:80px;
}

.form_div{
border:solid black 0px;
position:relative;
top:5px;
left:-5px;
padding-left:4px;
padding-right:4px;
}

.formFieldTitle{
font-size:11px;
font-weight:bold;
color: #333333;
text-align:center;
width:256px;
}

.formField_label{
font-size:11px;
width:0px;

}

.text_div{
text-align:left;
}


textarea{
position:relative;
left:-7px;
height:120px;
width:158px;
}

div.sideNav_group span.editHandler > span {
	position:relative;
	/* This left position is 60+<width of page builder> */
	left:180;
}

.thank_you_div{
position:relative;
top:16px;
}