body {background-color:#EFEFEF;}
.holder {background:#FFF; width:940px; margin:0 auto;
         font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px; line-height:20px; color:#727272;}
img {border:0}
a {color:#333; text-decoration:underline; outline:none}
a:hover {color:Red; text-decoration:none}
p {color:#626262; font-size:13px; line-height:26px;}

.dropshadow {background:url(../images/bg_home_blockshadow.png) no-repeat bottom; padding-bottom:11px}
.bgNone {background-color:Transparent}
.bold {font-weight:bold}
.purple {color:#3D204E}
.pb10 {padding-bottom:10px}
.pt10 {padding-top:10px}
.relative {position:relative}
.gray {color:Gray}
.photo {padding:5px; border:1px solid #CCC!important; float:left; margin:15px 15px 0 0}
.txtcenter {text-align:center}
.txtright {text-align:right}
.italic {font-style:italic}
.txtright {text-align:right}
.txtleft {text-align:left}
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.w900 {width:900px}
/*.pageTitle {color:#5A5959; font-size:24px; font-weight:bold; text-transform:uppercase}*/
.pageTitle {margin:15px 0 10px 0; border-bottom:1px solid #ededed; color:#5A5959; font-size:24px;
            font-weight:bold; padding:0 10px 15px 0; display:block}            
.errorBox {background-color:#FFFFDD; background-position:left top; background-repeat:no-repeat; border: 1px solid gold; padding:15px 0 14px 20px; margin:10px 0 0 0; min-height:24px; color:#C22830}
.message {margin: 24px 30px 0 0}
.errorBox div {margin:0 0 0 45px; padding:0 20px 0 0} 
.content .error {width:600px; height:353px; position:absolute; left:50%; top:50%; margin:-151px 0 0 -300px;}

/*Menu in Agent and Listing*/
.menu .bg {background:url(../images/bg_feature2.jpg) no-repeat; width:938px; height:23px; 
                      border:1px solid #FFF; border-top:0; border-bottom:0}
.menu .menu {height:40px!important}

/*Blog posts in Home and Agent*/
.posts {float:right; background:#F1F1F1; width:264px; padding:13px}
.posts h1 {color:#5A5959; font-size:24px; font-weight:bold; margin:0 0 0 0}
.posts a {color:#5A5959; text-decoration:none}
.posts a:hover {color:Red}
.posts .post {line-height:24px; margin:16px 0}
.posts .post h2 {margin:0; font-size:16px}                                
.posts .post .date {color:#2F6DA0; font-size:12px}
.posts .post a {text-decoration:none; color:#999; font-weight:bold}
.posts .post a:hover {color:#2F6DA0}
.posts .post a.title {color:#777}
.posts .post a.title:hover {color:#2F6DA0}
.posts .post p {font-size:12px; color:#999; margin:0}

/*Listing photos horizontal scrool*/

.container {width:560px; height:91px; overflow:hidden; margin:10px 0 0 40px}
.slideshow img {max-width:580px; width: auto; height:auto;}
.sc_menu {float:left; height:110px; margin-left:10px; display:block; width:603px;}
.jScrollPaneContainer {float:left;}
.sc_menu .images {display:block; height:110px; margin:0; padding:0 0 0 15px; width:9999px}
ul.sc_menu {display:block; height:110px; padding:0 0 0 15px; margin:0; background:url('navigation.png');
            list-style:none; width:1000px;}
.sc_menu a {display:block; text-decoration:none; padding:0 4px; float:left}
.sc_menu span {display:none; margin-top:3px; text-align:center; font-size:12px; color:#fff;}
.sc_menu a:hover span {display:block;}
.sc_menu img {border:3px #fff solid; -webkit-border-radius:3px; -moz-border-radius:3px;}
.sc_menu a:hover img {filter:alpha(opacity=50); opacity:0.5;}

/*Top*/
.top {background-color:#FFF; border:1px solid #FFFFFF; }
.top .up {background:#FFF; padding:15px; border:1px solid #F4F4F4; height:55px}
.top .logo {float:left}
.top .logo img {border:0}
.top .searchbox {float:right; margin-top:25px;}
.top .searchbox div {border:1px solid #D5D5D5; background:#F1F1F1; padding:2px 5px 0; height:19px; width:205px;
                     float:left; margin-right:5px}
.top .searchbox .field {color:#CCC; border:0; background:#F1F1F1; width:100%;}
.top .searchbox .button {}
.top .menu {background:url(../images/bg_menu.jpg) repeat-x; height:35px; text-align:right; font-size:16px}
.top .menu a {text-decoration:none; color:#FFF}
.top .menu a:hover {text-decoration:underline; color:#F70000}
.top .menu .item {float:right; padding:8px 10px 0 10px; text-transform:capitalize}

/*Featured House*/
.featured {position:relative}
.featured .image {max-height:450px; overflow:hidden}
.featured .text .searchBar {background:url(../images/bg_feature_search.jpg) repeat-x; height:33px;
                            margin:0 13px;}
.featured .text .searchBar a {font-size:14px; text-decoration:none; font-weight:bold; color:#606060;
                              padding:4px 20px 0 20px; vertical-align:top}
.featured .text .searchBar .item {padding:7px 0;position:relative; margin:0; float:left}
.featured .text .searchBar .separator {width:1px; height:18px; padding:0; vertical-align:top}                              
.featured .text.top {width:457px; padding-top:14px; background:url(../images/bg_feature_top.png) no-repeat top;
                     position:absolute; right:-15px; border:0; bottom:260px}
.featured .text.middle {width:457px; background:url(../images/bg_feature_middle.png) repeat-y}
.featured .text.bottom {width:457px; background:url(../images/bg_feature_bottom.png) no-repeat bottom; 
                        padding-bottom:14px; position:absolute}
.featured .text.content {background:#EFEDED url(../images/bg_feature.jpg) repeat-x; width:399px;
                         border:1px solid #FDFBFB; font-size:12px; line-height:20px; margin:0 0 0 13px; 
                         padding:15px;}
.featured .text.content div {background-color:Transparent}
.featured .text h2 {font-size:23.5px; font-weight:bold; margin:0; line-height: 26px}
.featured .SearchTable {background:transparent}
.featured .SearchTable td {padding:0 8px 6px 0; font-size:13px; background:transparent}
.featured .SearchTable .SearchChk td {padding:0 8px 0 0; margin:0}
.featured .SearchTable .rblSellType td {padding-bottom:0}
.featured .SearchBox {width:150px}
.featured .SearchBox select, input, textarea {color:#333333; font-family:Arial; font-size:13px;}
/**/

/*Content*/
.conLeft {float:left;}
.conLeft h1 {}
.conLeft .text {color:#727272; margin:15px 15px 4px; width:908px}
.conRight {float:right; padding-right:15px; right:0; top:279px; width:250px; color:#}
.conRight h1 {border-bottom:1px solid #CCC; margin:15px 0 12px; padding:0 10px 15px 0; color:#5A5959;
            font-size:24px; font-weight:bold;}

/*Search*/
.conLeft .search {padding:0 15px; width:620px; line-height:20px;}
.conLeft .search .SearchTable {}
.conLeft .search .SearchTable td {padding:0 8px 6px 0; font-size:13px;}
.conLeft .search .SearchTable .SearchChk td {padding:0 8px 0 0; margin:0}
.conLeft .search .SearchTable .rblSellType td {padding-bottom:0}
.conLeft .search .SearchBox {width:270px; border: 1px solid #ccc; padding: 3px;}
.conLeft .search select, input, textarea {color:#333333; font-family:Arial; font-size:13px;}
.conRight .search {margin-bottom:15px}
.conRight .search select{border: 1px solid #ccc;}

/*Overview*/
.conLeft .overview {margin:15px 15px 15px; line-height:20px; width:908px; min-height:400px}
.conLeft .overview h1 {margin:12px 0}
.conLeft .overview td {font-size:13px; color:#727272; line-height:26px;}
.conLeft .overview .sortDiv {margin-bottom:4px; color:#5C5C5C; font-size:16px; padding:2px 35px 0 0; font-weight:bold}
.conLeft .overview .sortDiv a {color:#5C5C5C; font-size:16px; font-weight:bold; text-decoration:none}
.conLeft .overview .sortDiv a:hover {color:Red}
.conLeft .overview .sortDiv select {vertical-align:middle;}
.conLeft .overview .sort {color:#333; font-weight:bold; width:100%}
.conLeft .overview .sort a {color:#666; text-decoration:none;}
.conLeft .overview .sortSmall {color:#333; font-weight:bold; text-align:right; width:100px;}
.conLeft .overview .results {margin:0; padding:0; width:100%;}
.conLeft .overview .results td.primary {padding:10px}
.conLeft .overview .sold {color:#FF0000; font-size:16px; font-weight:bold; text-decoration:none; line-height:15px; padding-left:10px;}
.conLeft .overview .address {color:#5C5C5C; font-size:16px; font-weight:bold; text-decoration:none; 
                             line-height:15px;}
.conLeft .overview .address:hover {color:Red; text-decoration:none}
.conLeft .overview .addressPrice {font-weight:bold; text-align:center; width:140px; font-size:22px; 
                                  color:#01325B}
.conLeft .overview .sortPrice {color:#333; font-weight:bold; text-align:right; width:105px;}
.conLeft .overview .addressSmall {font-size:11.5px;}  
.conLeft .overview .summary {padding:5px 0 0}
.conLeft .overview .view {}
.conLeft .overview .type {float:left; font-weight:bold; padding:7px 0 0;}

/*Listing*/
#loadPhoto {background:url(../images/loading.gif) no-repeat center; width:100%}
.listing .houseName {font-size:18px; color:#545454; font-weight:bold; text-transform: uppercase; line-height: 22px; padding:13px 0; margin:0!important}
.listing .content {width:936px; border:2px solid #F9F9F9; min-height:200px}
.listing .content .house {width:629px; text-align:center; min-height:250px}
.listing .content .house.top {width:629px; background:url(../images/bg_photo_top.png) no-repeat top;
                              padding-top:8px}
.listing .content .house.middle {width:629px; background:url(../images/bg_photo_content.png) repeat-y;
                                 text-align:center}
.listing .content .house.bottom {background:url(../images/bg_photo_bottom.png) no-repeat bottom; width:629px; 
                                 padding-bottom:8px}
.listing .content .plan.top {width:936px; background:url(../images/bg_plan_top.png) no-repeat top;
                             padding-top:8px}
.listing .content .plan.middle {width:936px; background:url(../images/bg_plan_content.png) repeat-y;
                                 text-align:center}                         
.listing .content .plan.bottom {background:url(../images/bg_plan_bottom.png) no-repeat bottom; width:936px; 
                                padding-bottom:8px}                        

.listing .content .loadPhoto .image {margin:17px 26px}
.listing .content .details {width:268px; background:#F1F1F1; margin:8px 8px 8px 5px;
                            padding:0 12px 10px; position:relative}
.listing .content .details h2 {margin:13px 0}                            
.listing .content .details h3 {font-size:16px; color:#154367; font-weight:normal; margin:0}
.listing .content .details h3 a {color:#154367; text-decoration:none}
.listing .content .details h3 a:hover {color:red}
.listing .content .details .tour {margin:15px 5px 10px; padding:0 0 10px 0; display:block}
.listing .content .details .name {float:left; padding:0;}
.listing .content .details .social {}
.listing .content .details .social img {margin-right:3px}
.listing .content .details .detailsTable td {padding:3px 10px 3px 0}
.listing .content .details .agent {float:right; bottom:5px; right:12px}
.listing .content .details .detailsLeft {}
.listing .content .sc_menu {padding:5px}
.listing .content .sc_menu img {border:1px solid #F0F0F0; padding:5px; margin:0 3px}
.listing .content .text {width:610px; padding:0 10px; color:#727272; font-size:13px; line-height:26px;}
.listing .content .banners {width:278px; background:#F1F1F1; margin:8px 8px 8px 5px;
                            padding:5px 7px; overflow:hidden}
.listing .content .banners img {margin:0 6px}
.listing .content .video {text-align:center; padding:20px}
.listing .content .shedule {position:relative; padding:20px; min-height:160px;}
.listing .content .shedule .text {}

.conLeft .listing {padding:0 15px 20px; width:620px; line-height:20px;}                                                       

/*Home*/  
.home.bg {background:url(../images/bg_home_blockshadow.png) no-repeat bottom; padding-bottom:11px}                             
.conLeft .home.content .pages {background:url("../images/bg_home.jpg") repeat-y; color:#5B5A5A;
                       width:938px; border:0; padding:0 0 15px 0!important; margin:0!important; border:1px solid #FFF;
                       border-top:0}
.conLeft .home.content .pages h1 {font-size:24px; margin:0 0 20px}
.conLeft .home.content .pages p {font-size:12px; line-height:22px; text-shadow: 1px 1px #fff}
.conLeft .home.content .pages .image {width:67px; padding:5px 0 0 0; float:left}
.conLeft .home.content .pages .content {width:273px; float:left; margin:25px 19px 0; padding-bottom:10px}
.conLeft .home.content .pages .button {background:url(../images/home_btn.gif);width:80px; height:26px;
                                       float:right}
.conLeft .home.content .pages .separator {background:url("../images/home_separator.jpg") no-repeat;
                                  width:1px; height:179px; margin:54px 0 0 0; float:left}
                                  
/*News*/
.news .home.content {border:3px solid #F8F8F8; background:#FFF; width:918px; margin:0 auto; font-family:Arial;
                     padding: 15px 10px}
.news .home.content .left {float:left; height:100%}
.news .home.content .left h1 {color:#5D5C5C; font-size:23px; font-weight:bold; margin:7px 5px}
.news .home.content .left .news {width:610px; margin:0}
.news .home.content .left .news h2 {font-size:22px; color:#5D5B5B; font-weight:normal; margin-top:0}
.news .home.content .left .news p {font-size:13px; color:#727272; line-height:26px; margin:0 0 0 0}
.news .home.content .left .news .image {background:url(../images/bg_news.png) no-repeat; width:186px; height:159px; 
                                padding:11px; float:left; margin:0 10px 10px 0; text-align:center}
.news .home.content .left .news .image img {max-height:159px; max-width:186px; height:auto; width:auto}
.news .home.content .left .news .button {background:url(../images/home_btn.gif); width:80px; height:26px; 
                                 float:right; margin:0 20px 0 0}
.news .home.content .left .separator {background:url(../images/news_separator.jpg); width:500px; height:2px; 
                                      margin:25px 55px;}                                

/*Agent*/
.agents .name {float:left; margin:0; font-size:16px; font-weight:normal; color:#072C53;}
.agents .description {float:left; width:300px; color:#727272; font-size:13px; line-height:26px;}
.agents td {padding-bottom:15px; width:454px}
.agents a {text-decoration:none}
.agent .presentation, 
.office .presentation {background:#E8E8E8 url(../images/bg_agent_top.jpg) repeat-x; min-height:308px; 
                       padding:15px 15px 0; line-height:25px; position:relative}
.agent .presentation .title, 
.office .presentation .title {color:#CBCBCB; font-size:28px; line-height:42px; margin:35px 0 0 0}
.agent .presentation .title span, 
.office .presentation .title span {color:#022F4E; font-size:30px}
.agent .presentation .content,
.office .presentation .content {color:#ABABAB; font-size:13px; font-style:italic; margin:20px 0 0 0}
.agent .presentation .image,
.office .presentation .image {position:absolute; bottom:0; right:30px; border:0}
.agent .menu .social {padding:5px 0 0 50px; float:left}
.agent .menu .social img {padding:0 2px}
.agent .details,.testimonials {padding:10px; min-height:250px;}
.agent .details .text {float:left; padding:0 10px 20px 0; width:620px;}
.agent .testimonials .text {float:left; width:100%}
.agent .details .text h1,.testimonials .text h1 {margin:13px 0 0 0;}
.agent .details h1,.testimonials h1 {color:#5A5959; font-size:24px; font-weight:bold;}
.agent .posts {width:224px; height:100%}
.agent .conRight {padding-right:5px}
.agent .conRight h1 {margin-top:5px} 

/*Office*/
.offices .title {height:20px; margin-bottom:5px;}
.offices .description {color:#727272; font-size:13px; line-height:26px;}
.offices .name {float:left; margin:0; font-size:16px; font-weight:normal; color:#072C53;}
.offices a {text-decoration:none; font-weight:bold; color:#5C5C5C; float:left}
.office .presentation .image img {max-height:308px}
.office .presentation .image {position:static}
.office .tab {min-height:250px; padding:10px;}
.conLeft .office {padding:0 10px 20px; width:620px; line-height:20px;}
.conRight .office, .office .agents {color:#3D204E}
.conRight .office a, .agent .conRight  a, .office .agents a {text-decoration:none}
.conRight .office .name, .office .agents .name {font-size:14px; font-weight:normal; text-align:center; width:115px;}
.office .agents .name {width:100%}
.office .agents .photo {float:none; margin: 15px 0 0}
  
/*Tabs*/
.conLeft .tabs {}
.conLeft .tabs ul {background-image:url("../images/bg_listingdetails_tabs.gif"); height:22px;
                                   list-style:none outside none; margin:0 0 8px; padding:4px 0; width:100%;}
.conLeft .tabs ul li {display:inline; margin-left:2px; margin-right:0; padding-bottom:0;
                                      list-style-image:url("../images/ico_li.gif");}
.conLeft .tabs ul li a {background-color:#EEE; border:1px solid #CCC; color:#333; font-size:11px;
                                        margin:0 5px 0 1px; padding:0 17px; text-decoration:none;}
.conLeft #tabActive a {background-color:#FFF; border-bottom:1px solid #FFF; padding-top:1px;}   

/*Contact*/
.conLeft .contact {padding:0 15px}     
.conLeft .contact .form {padding:15px 0; float:left; width:380px}
.conLeft .contact .right {float:right; width:510px}      
.conLeft .contact .txtfield {width:250px;} 
.contact .photo.contact {max-width:250px; width:auto; height:auto; padding:5px} 
.contact .agent {padding-top:18px} 
.contact .agent h3 {color:#154367; font-size:16px;font-weight:normal; margin:0;} 
.contact .agent h3 a {color:#154367; text-decoration:none;}
.contact .agent .photo.contact {margin:0}
.contact .errorBox {margin-top:18px}

/*Blog*/    
.conLeft .blog {padding:0 15px 15px; width:620px}
.conLeft .blog .title {text-decoration:none}
.conLeft .blog .photo {margin:10px 15px 0 0}
.conLeft .blog .button {background:url(../images/home_btn.gif);width:80px; height:26px; float:right;
                        margin:-10px 0 0;}
.conLeft .blog .link {text-decoration:none; color:#999; font-weight:bold}
.conLeft .blog .link:hover {color:#2F6DA0}
.conLeft .blog #comments {margin-bottom:15px;}
.conLeft .blog .comment {border-bottom:1px solid #D3D2D1; margin-bottom:20px; padding-bottom:4px;} 
.conLeft .blog .comment span {color:#3D204E}
.conLeft .blog .commentTable {margin-top:15px; width:433px}    
.conLeft .blog .commentTable td {padding:2px 0} 
.conLeft .blog .commentTable textarea {width:375px;}
.conLeft .blog .commentTable input {width:250px}
.conLeft .blog .commentTable .butSend {width:100px}  
.conRight .blog .icoSearch {margin:5px 0 0 5px}
.conRight .blog .txtSearch {bottom:5px; position:relative;}                                                                   

/*Bottom*/
.bottom .home.content {background:#01203C url(../images/bg_bottom.jpg) repeat-x; width:938px;
               border:1px solid #48789E; margin:0 auto; color:#F2F1F1; font-family:Arial}      
.bottom .home.content p {font-size:12px; line-height:20px}
.bottom .home.content .title {font-size:17px; font-weight:bold}
.bottom .home.content .menu {padding:20px 15px; width:95px; float:left}
.bottom .home.content .menu a {color:#F2F1F1; font-weight:bold; font-size:13px; text-decoration:none}
.bottom .home.content .menu a:hover {color:#F70000; text-decoration:underline}
.bottom .home.content .menu ul {padding-left:30px}
.bottom .home.content .nieuw {padding:20px 40px 20px 40px; width:420px; float:left}
.bottom .home.content .newsletter {padding:20px 0 0 18px; float:left; width:205px; line-height:22px; height:250px}
.bottom .home.content .newsletter p {color:#FFF}
.bottom .home.content .newsletter .textbox {background:#01345F; width:156px; height:24px; border:0; 
        padding:0 5px; margin:0 0 15px; color:#FFF; line-height:22px;}
.bottom .home.content .contact {background:#013765; float:left; height:78px; margin:15px 0 0 12px; 
                        padding:5px 10px 0; width:170px; display:block; color:#FFF; text-decoration:none} 
.bottom .home.content .searchbox {float:left; width:190px; margin:25px 0 0 12px;}
.bottom .home.content .searchbox .field {width:145px; background:#F1F1F1; color:#FFF; padding:0 5px; border:0;
        height:23px; background:#01345F; line-height:22px; float:left; margin:0 4px 0 0;}
.bottom .home.content .social {float:left; width:190px; margin:25px 0 0 12px}
.bottom .home.content .social a {margin:0 3px 0 0}                              
.bottom .home.content a.house {margin:0 12px 12px 0; float:left; text-align:center; font-size:12px; background:#FFF; 
                               display:block; border:4px solid #FFF; text-decoration:none; position:relative; 
                               padding:9px 0 0 100px; width:110px; height:66px; line-height:18px;}
.bottom .home.content a.house:hover {}
.bottom .home.content a.house img {position:absolute; left:0; top:0; width:100px; height:75px}

/*Footer*/
.footer {height:40px; width:940px; margin:15px auto; text-align:center; padding:10px 10px 0 0}

/*Separate header*/
.separate .menu {background:url(../images/bg_feature_menu.jpg) repeat-y; height:25px; width:923px;
                        padding:0 0 0 15px; border:1px solid #FFF; border-top:0;}
.separate .menu a {float:left; padding:3px 10px 0 10px; color:#727272; text-decoration:none; font-size:18px}
.separate .menu a:hover {color:Red}
.separate .social a {padding:0 2px}
.separate .path {background:#EFEFEF url(../images/bg_feature3.jpg) no-repeat top left; height:45px; 
             width:100%}
.separate .path a {text-decoration:none; color:#3C6180}
.separate .path a:hover {color:Red}
.separate .path .pathname {margin:13px 0 0 30px; color:#3C6180; float:left; font-size:11px}
.separate .zoek {float:right; width:297px; height:45px; margin:0 11px 0 0}



 /*Contentstyles*/
 
 .intro {
	font-size:18px;
	color:#555;
	line-height:30px;
	font-family: georgia, "Times new roman", serif;
	font-style: italic;
}

.col1 {	float: left; width: 50%; }
.col2 {	float: right; width: 45%; }
.col1half, .col1third, .col1fourth, .col2third, .col3fourth{ float:left; margin-right: 2%; overflow:hidden; }
.col1half { width: 49%; }
.col1third { width: 32%; }
.col1fourth { width: 23.5%; }
.col2third { width: 66%; }
.col3fourth { width: 74.5%; }
.lastcol { margin-right: 0; }

blockquote{
	float: left;
	width: 40%;
	font-size: 26px;
	font-style: italic;
	line-height: 32px;
	margin: 10px 10px 10px 0px;
	padding: 8px;
	background: #efefef;
	}
	
.pro{
	list-style:none;
	margin: 20px 0;
	padding: 0;
	}
	
.pro li{
	background: url("../images/tick.png") no-repeat top left;
	padding-left: 40px;
	margin-bottom: 10px;
	font-weight: bold;
	}
	
.pro li li{
	background: none;
	padding: 0;
	}
	
.blockright{
	width: 280px;
	float: right;
	margin-left: 25px;
	background: #00325B;
	}
	
.blockright p{
	padding: 10px;
	color: #fff;
	margin: 0;
	}

.blockright a{
	color: #fff;
	}