﻿/* CSS FOR MAIN TEMPLATE */

body {
	padding:0; margin:0;
	font:0.7em tahoma, Arial, Times New Roman, Times, serif;
	/*color:#3e3e3e;*/
	color:black;
	background-color:#4991B9;
	background-repeat:repeat-x
}
	
#wrapper 
{
    width:800px; padding:0px; margin:0px auto;
	background-color:#FFFFFF;
	background:url(../imgs/mainbodybg.gif) repeat-y
}

#header {
	height:179px; margin:0px; padding:0px;
	text-align:left;
	background:url(../imgs/Header.jpg) no-repeat
}

#motto
{
    width:250px;
	position:relative; top:96px; left:294px;
	font:0.8em tahoma, Arial, Times New Roman, Times, serif;
	color:#FFFFFF
}

#menuwrapper {
	padding-top:131px;
	padding-left:4px
}

#top 
{
    padding:0 0 0 10px
}

#topflash
{
    width:620px; height:210px
}

#rightsidetop
{
    height:auto
}

#qsearch
{
    width:159px; height:100px; padding:8px 0 8px 0; margin-bottom:1px;
    border:1px solid #d0d0d0; border-right:1px solid #ffffff;
    background-color:#F3F5F5  
}

.search
{
    padding:4px 8px 0 12px
}

#login
{
    width:159px; height:46px; padding:8px 0 8px 0;
    border:1px solid #d0d0d0; border-right:1px solid #ffffff;
    background-color:#F3F5F5  
}

#content
{
    width:620px; margin:1px 0 0 10px
}
#main
{
    width:618px; height:auto; background-color:#F3F5F5; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; padding:0; margin:0   
}

#about
{
    background-color:#F3F5F5; border:1px solid #d0d0d0; padding:0 0 8px 0
}
#about1
{
    width:618px; height:auto; background-color:#F3F5F5; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; padding:0; margin:0
}

#inside
{   
    width:258px; padding:0 0 8px 0; margin-top:8px; border:1px solid #d0d0d0; background-color:#F3F5F5
}
#inside1
{   
    width:258px; height:auto; padding:0; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; background-color:#F3F5F5
}

#aboutsect
{
    width:350px; height:auto; padding:0; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; background-color:#F3F5F5 
}
#searchsect
{
    width:365px; height:auto; padding:0; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; background-color:#F3F5F5 
}

#mainsect
{
    width:350px; padding:0 0 8px 0; margin-top:8px; border:1px solid #d0d0d0; background-color:#F3F5F5 
}

#mainsect1
{
    width:350px; padding:0 0 8px 0; margin-top:8px 
}

#commercial {width:164px; height:100px; margin:0 0 6px 8px; background:url(../imgs/commercial.gif) no-repeat}
#private {width:164px; height:100px; margin:0 0 6px 8px; background:url(../imgs/private.gif) no-repeat}
#land {width:164px; height:100px; margin:0 0 0 8px; background:url(../imgs/land-farms.gif) no-repeat}
#services {width:164px; height:100px; margin:0 0 0 8px; background: url(../imgs/services.gif) no-repeat}

#commercial1 {width:170px; height:213px; margin:0 10px 6px 0; background:url(../imgs/pack_01.gif) no-repeat}
#private1 {width:170px; height:213px; margin:0 0 6px 0; background:url(../imgs/pack_01.gif) no-repeat}
#land1 {width:170px; height:213px; margin:0 10px 0 0; background:url(../imgs/pack_01.gif) no-repeat}
#services1 {width:170px; height:213px; margin:0 0 0 0; background: url(../imgs/pack_01.gif) no-repeat}

.infobox 
{
	padding:22px 14px 0 6px;
	color: #3e3e3e;
	text-align:justify
}
.infobox h1
{
    margin:2px 8px 14px 0;
	color: #FFFFFF;
	font: bold 12px tahoma, Arial, Times New Roman, Times, serif;
    text-align:center;
    }
.infobox a:link {color:blue; text-decoration: underline} 
.infobox a:visited {color:#3e3e3e} 
.infobox a:hover {text-decoration:blink} 
.infobox a:active {color:#000000; text-decoration:underline}

.infobox1 
{
    width:156px; height:auto;
	padding:4px 6px 0 6px;
	color: #3e3e3e;
	text-align:justify;
}
.infobox1 h1
{
    margin:0px 0px 0px 0;
	color: #980A09;
	font: bold 12px tahoma, Arial, Times New Roman, Times, serif;
    text-align:left;
    }
.infobox1 a:link {color:blue; text-decoration: underline} 
.infobox1 a:visited {color:#3e3e3e} 
.infobox1 a:hover {text-decoration:blink} 
.infobox1 a:active {color:#000000; text-decoration:underline}

#right
{
    width:160px; height:600px;
    padding:0; margin-top:1px;
    font-size: 100%; text-align:left;
    border-right: 1px solid #FFFFFF; 
    border-bottom: 1px solid #FFFFFF
    }

#rbanners {}

#rbanners a{
	display: block; padding:3px 0px 3px 0px; color: #E02121;
	text-align:center; font-family: tahoma, Arial, Times New Roman, Times, serif; font-weight:700;
	text-decoration: none;  background: #E6CB26 no-repeat;
	border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;
	border-right-color: #FFFFFF; border-left-color: #FFFFFF
}
#rbanners a:hover {background: #006699; color: #ffffff} 
#rbanners a:active {background: #006699; color: #ffffff}

#footer {
	height: 46px; background: url(../imgs/footer.jpg) no-repeat;
}

#footertext 
{
    padding-top: 15px; color: #DFFFDF; font-size: 1.1em; text-align:center;
}
#footertext a:link, #footertext  a:visited, #footertext  a:active{
	color: #FFFFFF;
	text-decoration: none;
} 

#footertext a:hover {
	text-decoration: underline;
}

/* About us page */
#enqform {
	padding:1px 4px 8px 7px
}

#enqform p
{
	margin: 4px auto;	
} 

#textform
{
    margin: 0px 2px 0px 2px; font-size:1.0em
}

#textform p{
	margin: 6px auto;
}

#textform h1{
	color: #970908; font-size:1.3em
}
#textform h2{
	color: #970908; font-size:1.2em
}
#textform h3{
	color: #970908; font-size:1.1em; margin: 6px auto;
}

#textform li {
	background: url(../imgs/marker.gif) no-repeat left top;
	padding-left: 15px;
	list-style: none;
}

/* CSS FOR SERVICES PAGE */
#searchD
{
    margin-left:8px; height:130px; width:535px;
    background: url(../imgs/search.gif) no-repeat
}

#searchcats {
	margin: 0; padding:0;
	}
#searchcats li {
	margin: 0; padding: 0; list-style-type: none;
}
#searchcats ul {
	margin: 0; padding: 0; z-index: 10000;
}
#searchcats a {
	background: #FFDF3A no-repeat;
	height:30px; width: 146px; display: block;
	color: #CC0000; margin-bottom: 1px; 
	font-weight: bold; font-size: 15px; text-indent: 8px; text-decoration: none;
    line-height: 2em;
	}
#searchcats a:hover {
	background: #4991b9 no-repeat;
	
	color: #FFFFFF;
}
/* Hide from IE5-Mac \*/
#searchcats li a
{
	float: none;
	
	height: 30px;
}

#searchinput {
	padding-left:10px; background: url(../imgs/searchBG.gif) no-repeat;
	height: 312px; width: 212px; text-align:left;
	color: #FFFFFF;
	font-size: 12px;
}

/* 2020 Application template */

#propertysearch
{
    margin:0 0 0 8px
}



/* common components */
.text
{
    margin:0px 8px 0px 8px; font-size:12px
}

.text p{
	margin:6px auto
}

.textpack
{
    margin:0px 8px 0px 0px; font-size:11px
}
.textpack ul{padding:0px 0px 0px 25px; margin:0}
.textpack li{line-height:14px}
.textpack h3{color:#980A09; font-size:12px; padding:4px 0 4px 8px; margin:0}
.textpack p{padding:0 0 4px 8px; margin:0}
.textpack li a:link {color:black; text-decoration:none} 
.textpack li a:visited {color:black; text-decoration:none} 
.textpack li a:hover {color:black; text-decoration:underline} 
.textpack li a:active {color:black}
.textpack p a:link {color:black; text-decoration:none} 
.textpack p a:visited {color:black; text-decoration:none} 
.textpack p a:hover {color:#165B89; text-decoration:underline} 
.textpack p a:active {color:black}

.nospace p{
	margin:0
}

.ctext
{   
    text-align:center
}

strong {font-weight:bold; color:#980A09}
b {font-weight:bold; color:#165B89}

a:link {color:#2C5B7E; text-decoration:none} 
a:visited {color:#337FB0; text-decoration:none} 
a:hover {color:#980A09; text-decoration:underline} 
a:active {color:#000000; text-decoration:none}

img.centeredImage {display:block; margin-left:auto; margin-right:auto}
img.packtitle {padding:2px 0 0 12px}
img.titleimgs {padding:4px 0 2px 0}
img.titleimgs1 {padding:0 0 2px 12px}
.imginside {margin:0 8px 8px 0; border:1px solid #666}

.someclassname {
     background: url(../../imgs/register_mo.gif) no-repeat;
     
     width:256px; height:21px;
}
 
/* :hover is a pseudo selector to use to set the mouseover attributes */
.someclassname:hover {
  background: url(../../imgs/register.gif) no-repeat
}


select {width:180px}

h1 {margin: 6px auto; color:#980A09; font-size:1.4em}
h2 {margin: 6px auto; color:#980A09; font-size:1.3em}

