/* CSS Document */
table.content {background:#fff;}
ul.iefix {margin-left:-15px;list-style-type:square;}
#headrow tr,#headrow td {font-weight:bold;font-size:11px;background:#ccc;color:#333; text-transform:capitalize; text-align:center}

body.body{background:#25aa9d; margin-top:0px; margin-left:auto; margin-right:auto} /*/a4c9f0/*/
body,td {font-family:arial,century gothic,arial; color:#666; font-size:15px; line-height:160%;}
#wrapper {width:990px;  margin:2px auto;  display:table; ; background-color:#fff; }
#header { background-image:url(../images/capetowncommerical-bgs_02.jpg); background-position:right; height:185px; background-repeat:no-repeat;   }
#logo  {float:left; margin-left:5px; }
#logo img {float:left; display:inline; margin-top:32px;   }
#navmenu {float:right;  white-space:nowrap; margin-top:-51px; }
#navmenu ul.menu {margin-left:0px }
#navmenu .menu li { list-style-type:none; float:left;font-family:century gothic, arial;
padding:0px; text-align:center;    font-weight:bold }
#content {clear:both;   padding:10px; width:970px;  display:table; height:1%;background-image:url(../images/left.png); background-repeat:repeat-y;  
}
#footer {  border-top:1px solid #ddd; padding:10px; font-size:11px; color:#666; text-align:center; float:right; width:750px; margin-top:-65px; }
#footer a {color:#666; text-decoration:none }
#footer a:hover {color:#999; text-decoration:underline }
.filter {padding:0 10px; border:1px solid #ddd; background-color:#eee; }
.propsleft h3 {font-weight:bold; padding-bottom:5px; border-bottom:1px solid #eee;   width:98%;}

.propsleft {float:left; width:200px; display:table;  padding-left:10px; min-height:665px; height:665px; font-size:95%; background-image:url(../images/leftbg1_06.png); background-position:top; 
background-repeat:repeat-x; background-color:#acd369; margin-left:-10px; margin-top:-10px; padding-top:23px;}
.propsleft .bg2 {background-image:url(../images/commericialcapetownproperti.png); background-repeat:no-repeat; background-position:top; }
.propsleft ul { margin:0; padding:0;}
.propsleft ul li {list-style-type:none;  margin-bottom:7px;}
.propsleft ul li ul li {padding-left:15px; font-size:90%; padding-top:5px; }
.propsleft ul a,.propsleft ul a:visited {color:#fff; }
.propsmain {float:right; width:750px; display:table; height:1%; padding-left:10px; min-height:690px;   padding-bottom:65px;   }

.home .left {width:580px;  float:left } .home .left .text {text-align:justify }
.home .left .propling {width:590px; }
.home .right {width:370px; float:right; height:450px;  } 
<!--- .home .right .map {width:100%; height:350px; content:"[ map ]"; border:1px solid #ddd; margin-bottom:15px; display:table;} --->
.home .right .search .filter { padding-top:0px; display:inline-table}
.home .right .search .filter label {clear:both; float:none; display:block; margin-bottom:9px; }
.home .right .search .filter input,.home .right .search .filter select {float:right; width:50%; font-size:100%  }

.propsleft .filter {background:none; border:0px;font-size: 90%; padding:0px; padding-right:10px; }
.propsleft .filter label {font-family:century gothic,arial; margin-bottom:8px; }
.propsleft .filter label,.propsleft .filter select {display:block; width:100% }
.propsleft .filter select {font-size: 90%; background-color:#eee}
.propsleft .filter label {font-weight:bold}

.contact form {width:90%; padding:10px; border:1px solid #ddd; display:table; font-size:89%; }
.contact form label {display:block; margin-bottom:12px; font-weight:bold; clear:both}
.contact form label span {float:left; }
.contact form label span.optional {font-weight:normal; }
.contact form label span.input {display:block;  width:50% ; text-align:left; float:right; }
.contact form label img {margin: 8px 0; } .contact form label div,.contact form input, .contact form textarea {display:block; float:right; font-weight:normal;  width:50%}
.contact form textarea {height:80px; width:50% }
.propling {padding-bottom:10px; margin: 20px; border-bottom:1px solid #ddd; clear:both; display:table; width:720px; }  /*/ width:370px; float:left /*/
.propling h3 {margin-top:0px; padding-top:0px;  font-weight:bold }

.prop .propling {width:285px; float:left; clear:none; font-size:80%; border-bottom:0px; margin-left:0px; margin-right:10px; font-weight:bold; }
.prop .propling .price {float:none; margin-bottom:10px; display:none }  .prop .propling h3, .prop .moreinfo {display:none; }

.propling .img {float:left; width:190px; height:140px; text-align:center; margin-right:10px;  }
.prop .propling .img  {  width:180px;  } 
.propling  .price {float:right; line-height:normal; font-size:85%; font-weight:bold }
sup {font-size:75%; font-family:Arial, Helvetica, sans-serif }
.propling .specs {font-size:75%; line-height:normal; margin-top:8px; }
.proplisting .text {text-align:justify; padding-right:20px; width:340px;  }
.proplisting .specs {line-height:150%; margin:8px 0px; font-size:85%; }
.loading {display:none; float:right }
.faqitem h3 {color:#9ba821; font-weight:bold}
.faqitem .text{padding-left:30px; padding-right:30px; text-align:justify }

h1,h2,h3,h4 {font-family:century gothic, arial; }
h1 {font-size:180%; margin:0px; margin-top:0px; font-weight:normal; border-bottom:1px solid #999;  padding-bottom:5px; line-height:normal; color:#2c7ccf }
h2 {font-size:20px; margin-top:0px; font-weight:normal; line-height:normal }
h2 .code,h1 .code {font-size:12px; }
h3 {font-size:16px; margin-top:10px 0 0 0px; font-weight:normal; line-height:normal }
h4 {font-size:14px; margin-top:0px;}
a,a:visited,a:active { color:#7daf21; text-decoration:none}
a:hover { color:#2c7ccf; }
a.print,a.print:active,a.print:visted,a.print:hover {color:#666; letter-spacing:0.05em}
input,textarea {font-family:Arial, Helvetica, sans-serif; color:#444; font-size:100%; border:1px solid #aaa }
img {border:0px;}
select {font-family:arial; color:#333;  }

input.contact {width:95%; }


hr {
border: 0;
color: #ccc;
background-color: #ccc;
height: 1px;
width: 90%;
text-align: left; margin-bottom:10px; margin-left:0px;
}

.bread {font-size:10px;color:#444; font-weight:normal; margin:2px 0 15px 0; }
.row2 {background:#eee; } .row1 {background:#ddd; }
.date {font-size:9px; margin-top:0px; font-weight:normal}



.pagethis {border:1px solid #ddd; padding:2px; background:#eee;}
.page {border:1px solid #ddd; padding:2px;}
.page:hover {border:1px solid #ddd; background:#eee}
.pageof {float:left; color:#666;}

.pagit {text-align:right; margin-top:10px; font-size:11px; margin-bottom:10px;}

.gallery {width:450px; float:right; }
#jCarouselLiteDemo .carousel  {

padding: 10px 0 0 0;

margin: 0 auto; 

}



#jCarouselLiteDemo .carousel div.prev,#jCarouselLiteDemo .carousel div.next { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/

float: left;

}              

#jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {

display: block;

float: left;

width: 30px;

height: 143px;

text-decoration: none;

background: url("../images/imageNavLeft.gif") left 60px no-repeat;

}

#jCarouselLiteDemo .carousel a.next {

background: url("../images/imageNavRight.gif") right 60px no-repeat;

}

#jCarouselLiteDemo .carousel a.next:hover {

background-image: url("../images/imageNavRightHover.gif");

}

#jCarouselLiteDemo .carousel a.prev:hover {

background-image: url("../images/imageNavLeftHover.gif");

}    

#jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {

border: none;

outline: none;

}                 

#jCarouselLiteDemo .carousel .jCarouselLite {

border: 1px solid black;

float: left;




/* Needed for rendering without flicker */

position: relative;

visibility: hidden;

left: -50px;border:0px solid #ddd;

}
#jCarouselLiteDemo  .contcar {display:table; margin:0 auto;  height:115px;width:447px;  }
#jCarouselLiteDemo .carousel ul {

margin: 0;
}

#jCarouselLiteDemo .carousel li img, 

#jCarouselLiteDemo .carousel li p {

background-color: #fff;

width: 120px;


margin: 3px 11px; cursor:pointer; 

}
#jCarouselLiteDemo .carousel .mid  {width:440px; height: 330px; overflow:hidden; text-align:center; margin:0 auto  }
#jCarouselLiteDemo .carousel .mid img {max-width: 440px; }

#jCarouselLiteDemo .carousel .next, #jCarouselLiteDemo .carousel .prev {height:15px; background-color: #ddd; vertical-align:middle; padding:39px 0 }

#caption {position:absolute; margin-top:-20px; background-color:#333; color:#fff; font-weight:bold; display:table;  text-align:center; display:none; }

.infoa {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }

.moreinfo {  font-size:80%; padding-top:15px;   }
.moreinfo a {float:right; margin-left:20px; text-transform:lowercase }

.featuredprops {height:214px; width:100%; background-image:url(../images/capetowncommerical-bgs_13.jpg); background-repeat:repeat-x; display:table; clear:both }

.featuredprops .props {float:left; width:880px; line-height:normal; }
.featuredprops .arrowleft {background-image:url(../images/soldlet_21.png); background-repeat:no-repeat; background-position:center; width:40px; height:214px; float:left; cursor:pointer}
.featuredprops .arrowright {background-image:url(../images/soldlet_24.png); background-repeat:no-repeat; background-position:center; width:40px; height:214px;   float:left; cursor:pointer; margin-top:-40px }

.map {width:370px; margin:0 auto; }
.maploading div {
position:absolute;
height: 215px;  
}
.maploading div.over {display:none; }

#label_atlanticnorth {margin-top:200px;  }

#over_campsbay {margin-top:93px; margin-left:99px;}
#label_campsbay {margin-top:123px; margin-left:40px;}
#over_southpen {margin-top:216px; margin-left:110px;  }
#label_southpen {margin-top:326px; margin-left:110px;  }

#over_citybowl {margin-top:92px; margin-left:140px;}
#label_citybowl {margin-top:122px; margin-left:140px;}

#over_atlanticnorth {margin-top:3px; margin-left:163px;}
#label_atlanticnorth {margin-top:53px; margin-left:23px;}

#over_ssuburbs {margin-top:115px; margin-left:133px;}
#label_ssuburbs {margin-top:168px; margin-left:140px;}

#over_nsuburbs {margin-top:22px; margin-left:207px;}
#label_nsuburbs {margin-top:71px; margin-left:228px;}



.req {float:right; font-weight:bold; font-size:80%; }

.clickaway {float:right; margin-right:-20px;}

.propsleft .clickaway {float:none; text-align:center; margin-right:auto; margin-top:25px }

.nextpre {border-top:1px solid #ddd; margin-top:15px; }
.nextpre td { font-weight:bold; font-size:75%;; padding-top:10px; }

.propsmap {float:left; width:450px; margin-right:20px;  }
.propsright { }
.propsright ul {list-style-type:none; margin:0px; padding:0px; }
.propsright li {line-height:120%;}

.count {font-size:75%; color:#999; }

.error {font-weight:bold; color:#990000; font-size:80%; }


.link {clear:both; margin-bottom:15px; padding-bottom:15px; }.link h3 {margin-bottom:5px; font-weight:bold }
.link .img {float:left; margin-right:15px; } 
.link .img img {border:1px solid #ddd; } .link .description {font-size:  90%; }
.link .bread {color:#999; }


.propsleft h3 a {color:#fff; }

.newsmain {text-align:justify; padding-right:12px; }
.detailtop {clear:both; display:table; height:1%; margin-bottom:15px}
.detailtop h2 {font-weight:bold; }
.detailtop .img {float:left; margin-right:15px; }

.newsling .description {font-size:90%; line-height:normal; }

.sitemap {list-style-type:none; margin:0px; padding:0px;  }
.sitemap ul { margin:0px; padding:0px;  }
.sitemap li { font-weight:bold; margin-bottom:15px; }
.sitemap li ul li  {font-weight:normal; list-style-type:disc; margin-left:25px; margin-bottom:5px;} 
.sitemap li ul ul li {font-weight:normal; list-style-type:disc; margin-left:45px; font-size:80%; margin-bottom:0px;}