style.css /* Theme Name: ACJ Default Theme URI: http://wordpress.org/ Description: Version: 1 Author: MediaClash */ /* new theme */ #sidebar_new_theme {width:165px; display:block; float:left; padding:11px 0px 11px 11px;} #container_main_new_theme {width:670px; display:block; float:right; } #content_new_theme {width:483px; display:block; float:left; padding:5px 0px 6px 0px;} #content_new_theme p {margin-top: 8px; color: #333333; margin-right: 0pt; margin-bottom: 8px; margin-left: 0pt; font-size:1.2em; line-height: 1.3em;} #content_new_theme h2 {font-weight:normal; color:#333333; font-size:1.8em; margin:10px 0px 10px 0px;} #sidebar_right_new_theme {width:170px; min-height:233px; padding:11px 0px 11px 0px; height:auto !important; height:233px; display:block; float:left; margin:0px 0px 0px 16px;} #sidebar_right_new_theme .addressBoxP {width: 145px !important; margin-bottom:20px; margin-top:0px;} #sidebar_right_new_theme .addressBoxC {width: 145px !important; margin-bottom:20px;} #sidebar_right_new_theme .addressBoxP p {font-size:1.3em;} #sidebar_right_new_theme .addressBoxC p {font-size:1.3em;} #sidebar_right_new_theme h2.org {font-size:1.3em;} #contact_details {width:170px; display:block;} #sidebar_new_theme .firstFeaturedProp {width:147px; display:block; float:left; margin:10px 21px 0px 10px} #sidebar_new_theme .firstFeaturedProp p {font-size:1.3em;} #sidebar_new_theme .firstFeaturedProp h4 {font-size:1.5em; color: #333333; margin:0px 0px 0px 0px; } .cform, ol.cf-ol {height:400px;} #cforms2form {background:none; width:135px;} #cforms2form .cf-ol {background:none;} #cforms2form .cf-ol label {display:none;} #cforms2form .cf-ol input {width:133px; font-size:12px; padding:5px 5px 5px 5px; margin:0px; border:2px solid #eeeeee;} *+html #cforms2form .cf-ol input { position:relative; z-index:100; width:133px; font-size:12px; padding:3px 5px 3px 5px; margin:0px 0px -16px 0px; border:2px solid #eeeeee;} *html #cforms2form .cf-ol input { position:relative; z-index:100; width:133px; font-size:12px; padding:3px 5px 3px 5px; margin:0px 0px -16px 0px; border:2px solid #eeeeee;} *html #cforms2form .cf-ol textarea {position:relative; z-index:100; margin:10px 0px -30px 0px; width:135px; border:1px solid #cccccc} #cforms2form .cf-ol textarea {width:133px; font-size:12px; height:100px; margin:0px; padding:5px 5px 5px 5px; border:2px solid #eeeeee;} *+html #cforms2form .cf-ol textarea {position:relative; z-index:100; margin:10px 0px -16px 0px; width:135px; border:1px solid #cccccc} #cforms2form .sendbutton { cursor:pointer; margin:145px 0px 0px 0px; margin-right:0px; height:25px;} *html #cforms2form .sendbutton { margin:105px 0px 0px 0px; position:relative; } *+html #cforms2form .sendbutton { margin:105px 0px 0px 0px; position:relative; } #cforms2form ol.cf-ol li {width:133px; margin:0px; padding:0px;} #cforms2form ol.cf-ol li.cf_li_err {background:none !important; border:0px !important;} #usermessage2a .cf_info failure {display:none !important; } #sidebar_new_theme #usermessage2a .cf_info failure {width:133px; display:none !important; } #sidebar_right_new_theme .failure {width:133px;} #sidebar_right_new_theme ol.cf-ol li.cf_li_err {display:none !important;} #gallery_area { background:#121212; width:478px; height:293px;} #gallery_new {position:relative; } #gallery_new ul { margin:0px; padding:0px; position:relative; height:225px;} #gallery_new ul li {margin:0px; padding:0px; list-style:none; position:absolute; top:0px; left:0px; z-index:1; } #gallery_bottom_container { display:block; margin:0px 0px 0px 8px; float:left; width:368px; overflow-x:hidden; overflow-y:hidden; position:relative; } #gallery_bottom ul { margin:5px 0px 0px 0px; padding:0px; width:1000px;} #gallery_bottom ul li {margin:5px 5px 5px 5px; padding:0px; display:block; float:left; list-style:none; } #gallery_left {background:url(/images/galleryimages/left_gallery.jpg) no-repeat top left; display:block; float:left; width:49px; height:58px; margin-top:10px;} #gallery_right {background:url(/images/galleryimages/right_gallery.jpg) no-repeat top left; display:block; float:right; width:49px; height:58px; margin-top:10px;} #link_display ul { margin:0px; padding:0px; width:478px; display:block; height:23px; display:block; position:absolute; bottom:0px; left:0px; opacity:0.5; filter:alpha(opacity=50); z-index:1000; } *html #link_display ul { margin:0px; padding:0px; width:478px; display:block; height:23px; display:block; position:absolute; bottom:65px; left:0px; opacity:0.5; filter:alpha(opacity=50); z-index:1000; } #link_display ul li {margin:0px; padding:5px; width:468px; list-syle:none; color:#ffffff; font-size:1.1em; background:#000000; } *html #cf2_field_1 .single fldrequired {margin:0px; padding:0px;} *+html #cf2_field_1 .single fldrequired { margin:0px; padding:0px;} *html input#cf2_field_1 {margin:-10px 0px 0px 0px !important; } *+html input#cf2_field_1 { margin:-10px 0px 0px 0px!important; } *html input#cf2_field_2 {margin:-20px 0px -40px 0px !important; } *+html input#cf2_field_2 { margin:-20px 0px -40px 0px !important;} *html input#cf2_field_3 {margin:-10px 0px -20px 0px !important; } *+html input#cf2_field_3 { margin:-10px 0px -20px 0px !important; } *html input#cf2_field_4 {margin:-20px 0px -10px 0px !important; } *+html input#cf2_field_4 { margin:-20px 0px -10px 0px !important; } *html input#cf2_field_5 {margin:-10px 0px -100px 0px !important; } *+html input#cf2_field_5 { margin:-10px 0px -100px 0px !important; } *html input#cf2_field_6 {margin:-200px 0px -10px 0px !important; } *+html input#cf2_field_6 { margin:-200px 0px -10px 0px !important; } #gallery_bottom ul li img {border:2px solid #cccccc;} #gallery_bottom ul li img.border_white {border:2px solid #ffffff;} .clear {clear:both;} /*--------------- changes to template---------------------*/ body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: Arial, Verdana, Sans-Serif; background: #cfd6e6; color: #333; text-align: center; margin: 0 0 20px 0; padding: 0; } #page { background-color: white; text-align: left; } #header, #page, #sidebar, #footerACJ, #footerACJ .footerMiddle, #footerACJ .footerLower, #sidebar .undermenu, #sidebar .wrapSecondmenu, #sidebar .secondMenu, #sidebar .lineinSecondmenu { width: 865px; } /*--------------- ACJ Properties template---------------------*/ /* Begin Headers */ h1, h2, h3 { font-family: Arial, Verdana, Sans-Serif; font-weight: bold; margin: 0; } h1 { font-size: 18px; font-weight: normal; } h2 { font-size: 1.5em; font-weight: normal; } p { margin: 8px 0 8px 0; line-height: 1.3em; } a { color: #596C93; text-decoration: none; } a:hover { color:#E7087D; } h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description, #headerimg .headerText{ text-decoration: none; color: white; } h2, h2 a, h2 a:visited, #content h2, #content .staticPageContent p, h3, h3 a, h3 a:visited { color: #333; } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite { text-decoration: none; } #content .staticPage h2, #content .staticSubPage h2, .newsAll h2, .newsSingle h2, .encorePage .encoreSearchIntro h2 { margin: 0; font-weight: normal; } #header { background-color: #fff; margin: 0; padding: 0; height: 102px; border-bottom: solid 9px #CFD6E6; } #headerimg { background-color: #0f3283; border-top: solid 7px #fff; border-right: solid 7px #fff; border-left: solid 7px #fff; height: 88px; width: 851px; } #content { clear:both; font-family: Arial, Helvetica, Sans-Serif; font-size: 1.2em } #headerimg .headImg { text-align: left; float: left; width:189px; } #headerimg .description { width: 473px; height: 55px; font-size: 1.6em; padding-top: 33px; text-align: center; float: left; } #headerimg div.headerText { width: 169px; height: 82px; float: left; font-size: 1.1em; text-align: left; border-left: dotted 2px #6f84b5; padding: 6px 0 0 18px; } .headerTextDiv { margin-top: 7px; } p.headerText{ font-family: Arial, Verdana, Sans-Serif; font-size: 1.0em; margin: 0; padding: 0; line-height: 21px; } /* Begin First Page style */ .firstPage { padding: 17px 7px 20px 9px; margin: 0; width: 849px; } #content .firstPage p { padding: 0; margin: 0; } .firstPage .firstLeft, .firstPage .firstRight { float: left; } .firstPage .firstLeft { width: 238px; } .firstPage .firstRight { width: 588px; } .firstPage .firstLeft .firstPropLet, .firstPage .firstLeft .firstPropBuy { margin-bottom: 9px; } .firstLeft .firstPropLet .firstDivText, .firstLeft .firstPropBuy .firstDivText { width: 226px; height: 28px; color: white; font-size: 1.4em; padding: 8px 0 0 10px; } .firstPage .firstLeft .firstPropLet .firstDivText { background: #e1087a url(/images/bg_proplet_pink.jpg) no-repeat; } .firstLeft .firstPropLet .firstDivText p, .firstLeft .firstPropBuy .firstDivText p { margin-top: 0px; margin-bottom: 0px; } .firstLeft .firstPropLet .firstDivText a, .firstLeft .firstPropBuy .firstDivText a { position: relative; left: -10px; top: -8px; } .firstPage .firstLeft .firstPropBuy .firstDivText { background: #0f3181 url(/images/bg_proplet_blue.jpg) no-repeat; } .firstPage .firstLeft .freeHips { background: #ededed url(/images/bg_firstpagebox.png) no-repeat; height: 38px; width: 237px; } .firstPage .firstLeft .freeHips p{ width: 226px; height: 28px; color: #E7087D; font-weight: bold; font-size: 1.4em; padding: 8px 0 0 10px; } .firstPage .firstLeft p.savePounds, .firstPage .firstLeft p.saveWithACJ { color: #0f3283; font-size: 1.6em; padding: 0 0 0 10px; } .firstPage .firstLeft p.saveWithACJ { font-size: 1.2em; line-height: 1.1em; } .firstPage .firstLeft .freeHipsLeft { float: left; width: 140px; border-bottom: 1px solid #e4e4e4; } .firstPage .firstLeft img.freeHipsRight { float: left; width: 95px; padding-top: 8px; } .firstPage .firstRight { margin-left: 23px; margin-bottom: 10px; } .hideFirstFlash { display: none; } .firstPage .firstRight .firstFlash { margin-bottom: 12px; height: 255px; } .firstPage .firstRight .firstWelcome { float: left; } .firstPage .firstRight .firstWelcome { width: 319px; border-top: dotted 1px #9fadcd; } .firstPage .firstRight .firstWelcome h2 { font-weight: normal; margin-top: 9px; font-size: 1.4em; } .firstPage .firstLeft .firstPropBuy .firstDivText { background: #0f3181 url(/images/bg_proplet_blue.jpg) no-repeat; } .firstPage .firstRight .firstFeaturedProp { float: right; margin-left: 24px; margin-right: 4px; width: 236px; } .firstPage .firstRight .firstFeaturedProp p { margin-left: 9px; margin-bottom: 0px; width: 68px; float: left; font-size: 0.9em; padding-top:0px; margin-top:0px; } .firstPage .firstRight .firstFeaturedProp .wrapFirstFeaturedProp { background: #cfd6e6 url(/images/bg_FeatProp.jpg) repeat-x; min-height: 86px; } /* End First Page style */ /* Begin All News, Single News style */ .newsAll, .newsSingle { padding:19px 0 19px 19px; } .newsAll .newsImage, .newsAll .newsAllRight, .newsSingle .newsImage, .newsSingle .newsAllRight { float:left; } .newsAll .newsImage, .newsSingle .newsImage { width: 238px; } .newsAll .newsAllRight, .newsSingle .newsAllRight { padding-left: 20px; width: 550px; } /* .newsAll .newsAllRight .post, .newsSingle .newsAllRight .post { min-height: 275px; }*/ .newsAll .newsAllRight p { margin-bottom: 29px; } .newsAll h2.newsTitle { color: #596c93 !important; font-weight: bold; margin-top: 14px; } .newsAll .newsAllRight .post .entry p { margin-bottom: 0px; width: 514px; } .newsAll .newsAllRight .post .entry a{ position:relative; left:540px; top: -15px; } .newsAll .newsAllRight .post .entry .border{ position:relative; top: -7px; border-bottom: dotted 1px #b7c1da; } .newsAll .newsAllRight .navigation, .newsSingle .newsAllRight .navigation { height: 17px; border-bottom: dotted 1px #b7c1da; display:block; margin-bottom: 27px } .newsSingle .newsAllRight .navigation { border-bottom: dotted 0px #b7c1da; border-top: dotted 1px #b7c1da; margin-top: 30px; padding-top: 3px; } .newsAll .newsAllRight .navigation a, .newsSingle .newsAllRight .navigation a { color: #0f3283; text-decoration: none; font-size: 0.9em; font-weight: bold; } .newsAll .newsAllRight .navigation a:visited, .newsSingle .newsAllRight .navigation a:visited { color: #e7087d; } /* End All News style */ /* Begin Structure */ #content { min-height: 385px; } #page { background-color: white; margin: 0px auto; padding: 0; } .staticPage, .staticSubPage, .encorePage { float: left; padding: 30px 19px 20px 19px; margin: 0; width: 827px; } .staticSubPage, .encorePage { padding: 4px 19px 20px 19px; } .staticPage .staticPageImg, .staticSubPage .staticSubPageImg, .encorePage .encoreSearchImg { float: left; width: 255px; } .staticPage .staticPageContent, .staticSubPage .staticSubPageContent, .encorePage .encoreSearchRight { float: left; width: 562px; } .staticPage .staticPageContent .dottedLine { padding-top: 7px; margin-bottom: 18px; border-bottom: #9fadcd dotted 1px; } .staticPage .staticPageContent .dottedLine2 { padding-top: 7px; margin-bottom: 18px; border-bottom: #9fadcd dotted 1px; margin-top: -18px; } .staticSubPage .staticSubPageContent .subtitleStaticSubpage, .staticPage .staticPageContent .subtitleStaticSubpage { font-weight: bold; margin-top:15px; font-size: 1.1em; } .staticSubPage .box { background-color: #E5EAF5; padding: 6px 12px 6px 14px; } .contactMandatory { width: 120px; position:relative; left:15px; top: -65px; font-weight: bold; } span.pinkText { color: #e7087d; font-weight: bold; } .addressBoxP h2, .addressBoxC h2 { font-size: 1.2em; font-weight: bold; } .addressBoxP .tel, .addressBoxC .tel { font-weight:bold; } .addressBoxP, .addressBoxC { float: left; padding:10px 12px 6px 14px; width:245px; margin-top: -10px; } .addressBoxC { margin-right:15px; } .staticPage .staticPageContent .servicedApt { background-color: #E5EAF5; float:left; width: 363px; margin-right: 16px; padding: 6px 12px 6px 14px; } .staticPage .staticPageContent .servicedApt blockquote.thin { margin: 0 0 0 -2px; /* background: transparent url(/images/blockquoteLeft.jpg) no-repeat scroll left top;*/ } .staticPage .staticPageContent .servicedApt .thin p { /*background: transparent url(/images/blockquoteRight.jpg) no-repeat scroll right bottom; padding-left: 20px; padding-right: 17px;*/ } .staticSubPageContent .box blockquote.thin { margin: 0px 0px 0px -2px; /* background: transparent url(/images/blockquoteLeft.jpg) no-repeat scroll left top;*/ } .staticSubPageContent .box .thin p { /* background: transparent url(/images/blockquoteRight.jpg) no-repeat scroll right bottom; padding-left: 20px; padding-right: 20px; */ margin-bottom: 4px; } .staticSubPageContent .box p.landlord { /*padding-left:20px;*/ font-style: italic; margin-top: 0; } .staticPage .staticPageContent .pageImageServApt{ float:left; } /* .staticPage .entry .staticPageContent .servicedApt .quotes { font-size: 300%; position:relative; top:12px; } */ /* Begin Sidebar */ #sidebar { background-color: #cfd6e6; font: 1.1em Arial, Verdana, Sans-Serif; } #sidebar ul { margin: 0; padding: 0 ; } #sidebar ul li a, #sidebar ul li a:hover, #sidebar ul li a:active { display: block; float: left; font-weight:bold; text-decoration: none; line-height: 20px; margin: 0 9px 0 0; padding: 0pt 27px 0pt 23px; } #sidebar ul li{ display: inline; margin: 0 6px 0 0; background-color: #CFD6E6; } #sidebar ul li a { background: #fefefe url(/images/button.png) 100% 0; color: #003399; } #sidebar ul li a:hover { background: #fff url(/images/buttonW.png); color: #e7087d; }/* End Sidebar */ /* !you need to keep both descriptions in order for a:active to work in WordPress (so that is visible which site is selected and viewed) */ #sidebar ul li.current_page_item a, #sidebar ul li.page_item, #sidebar ul li.current_page_ancestor a { /* if you keep*/ background: #fff url(/images/buttonW.png); color: #e7087d; } /* End Sidebar */ /* Begin secondMenu */ #sidebar .wrapSecondmenu { background-color: white; clear:both; } #sidebar .secondMenu { font: 1.1em Arial, Verdana, Sans-Serif; color: #e7087d; } #sidebar .secondMenu ul li a,#sidebar .secondMenu ul li a:hover { background-image: none; display: block; font-size: 1em; font-family: Arial, Verdana, Sans-Serif; color: #0f3283; font-weight: bold; padding: 8px 0pt 2pt 18px; } #sidebar .secondMenu ul li a:hover { color: #e7087d; } #sidebar .secondMenu ul li.Current_page_item a, #sidebar .secondMenu ul li.current_page_item a, #sidebar .secondMenu ul li.page_item { /* if you keep*/ color: #e7087d; } #sidebar .lineinSecondmenu { clear:both; background: #fefefe url(/images/submenuBckg.jpg); height: 14px; border-top: solid white 3px; } /* End secondMenu */ /* Begin Footer Pages */ .footerPages a:hover{ color: #E7087D; /* pink*/ /* margin: 0px; padding:0;*/ } .footerPages p.footerSubTitle, .footerPages p.footerSubTitleFirst { padding-top: 10px; font-weight: bold; } .footerPages p.footerSubTitleFirst { padding-top: 2px; } .footerPages h2.footerSubTitle { padding-top: 17px; } /* End Footer Pages */ /* Begin Footer Links*/ #footerACJ { padding: 0; margin: 0; clear: both; } #footerACJ .footerUpper ul li.pagenav { padding: 0; } #footerACJ .footerUpper { width: 845px; height: 32px; margin-left: 10px; padding: 9px 0px 0 0 ; border-top: dotted 1px #6f84b5; } #footerACJ .footerNav { height: 22px; width: 432px; float:left; padding: 5px 6px 5px 0px; background: url(/images/footerNav.jpg) no-repeat; } #footerACJ .footerNav ul { list-style: none; margin: 0; padding: 0 1px 0 0; display: inline; } #footerACJ .footerNav ul li { font: 1em Arial, Verdana, Sans-Serif; color: #0f3283; display: inline; list-style: none; margin: 0px; padding: 0 0 0 2px; } #footerACJ .footerNav ul li a,#footerACJ .footerNav ul li a:hover { color: #0f3283; text-decoration: none ; font: 1em Arial, Verdana, Sans-Serif; } #footerACJ .footerNav ul li a:hover , #footerACJ .footerNav ul li.current_page_item a, #footerACJ .footerNav ul li.page_item { /* if you keep*/ color: #e7087d; } #footerACJ .footerCopyright { height: 22px; width: 232px; float: right; } #footerACJ p { color: #333; margin: 0; padding: 5px 0; text-align: right; } #footerACJ .footerMiddle { height: 7px; background-color: #cfd6e6; } #footerACJ .footerLower { height: 39px; } #footerACJ .footerLowerBlueBckgr { height: 29px; width: 853px; background-color: #0f3283; border: white solid 6px; } #footerACJ .footerCardiffOffice, #footerACJ .footerPenarthOffice { height: 29px; width: 425px; float: left; } #footerACJ .footerPenarthOffice { border-left: dotted 2px #6f84b5; } #footerACJ .footerCardiffOffice p, #footerACJ .footerPenarthOffice p{ color: white; font: 1.3em Arial, Verdana, Sans-Serif; text-align: left; margin: 2px 0 0 82px; } /* End Footer */ /* Begin Encore Form style */ .encorePage .encoreSearchIntro { padding-bottom: 8px; margin-bottom: 18px; border-bottom: #9fadcd dotted 1px; } .encoreSearchForm { background-color:#E5EAF5; width:555px; padding: 11px 0px 11px 20px; } .encoreSearchForm #encoreSearchLeft, .encoreSearchForm #encoreSearchRight { float: left; } .encoreSearchForm #encoreSearchLeft { width:100px; } .encoreSearchForm #encoreSearchRight { width:432px; } .encoreSearchForm #encoreSearchRight { width:432px; } .encoreSearchForm #encoreSearchLeft p { font-size: 1.2em; font-weight: bold; } .encoreSearchForm #encoreSearchLeft p.encoreSearchPrice { padding-top: 0px; margin-top: 2px; margin-bottom: 21px; } .encoreSearchForm #encoreSearchLeft p.encoreSearchProp { margin-bottom: 55px; } .encoreSearchForm #encoreSearchLeft p.encoreSearchLoc { margin-top: 21px; margin-bottom: 26px; } .encoreSearchForm #encoreSearchLeft p.encoreSearchDate { margin-top: 18px; } .encoreSearchForm #encoreSearchRight select, .encoreSearchForm #encoreSearchRight input { font-size: 0.7em; } .encoreSearchForm #encoreSearchRight #encorePriceSearch, .encoreSearchForm #encoreSearchRight #encorePropertySearch, .encoreSearchForm #encoreSearchRight #encoreBedroomSearch, .encoreSearchForm #encoreSearchRight #encoreLocationSearch { border-bottom: solid 1px #bac5de; } .encoreSearchForm #encoreSearchRight #encorePriceSearch, .encoreSearchForm #encoreSearchRight #encorePropertySearch, .encoreSearchForm #encoreSearchRight #encoreBedroomSearch, .encoreSearchForm #encoreSearchRight #encoreLocationSearch, .encoreSearchForm #encoreSearchRight #encoreOrderbySearch, .encoreSearchForm #encoreSearchRight #encoreDateSearch { font-family: Arial, Verdana, Sans-Serif; font-size: 1.1em; padding-top: 3px; padding-bottom: 9px; margin-bottom: 4px; } .encoreSearchForm #encoreSearchRight #encorePropertySearch input { margin-right: 5px; } .encoreSearchForm #encoreSearchRight #encorePropertySearch .Prop { margin-top: 9px; margin-bottom: 2px; } .encoreSearchForm #encoreSearchRight #encoreBedroomSearch { padding-top: 10px; padding-bottom: 10px; margin-bottom: 6px; } .encoreSearchForm #encoreSearchRight #encoreBedroomSearch input { margin-right: 5px; } .encoreSearchForm #encoreSearchRight #encoreLocationSearch input { margin-top: 3px; } .encoreSearchForm #encoreSearchRight #encoreOrderbySearch { margin-top: 10px; } .encoreSearchForm #encoreSearchRight #encoreDateSearch { margin-top: 8px; } .encoreSearchForm input.submitEncoreForm { background-image: url(/images/bt_searchProperty.jpg); color: #0f3283; font-weight: bold; font-size: 1.2em; margin-top: 18px; text-align: left; padding: 2px 31px 5px 4px; border: 0 none; cursor: pointer; cursor: hand; } /* End Encore Form style */ /* Begin Images */ /* p img { padding: 0; max-width: 100%; } */ /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .narrowcolumn .navigation .alignright { float: right; font-size:0.9em; margin-right:47px; } .narrowcolumn .navigation .alignright a { font-size:0.9em; } .narrowcolumn #resultHead .resultsLettingsHead, .narrowcolumn #resultHead .resultsLettingsHead a { font-size:0.9em; } .narrowcolumn .navigation .ArlaLogo { float:left; margin-left: 20px; margin-bottom:5px; } .alignleft { float: left } /* End Images */ .leftSideContactus { width: 200px; height:200px; background-color: red; display: block; } .prop{ margin-top:0px; margin-left:20px; width:800px; height:225px; } .address{ font-size: 13px; padding: 3px 0px 7px 3px; font-weight: bold; } .prop a{} .prop a:hover { /* color:#c5c5c5;*/ color:#e77cb4; } .prop p {} .prop img { width:200px; height:150px; display:block; float:left; clear:right; border:solid 1px black; } .TopBar { background:#F7F7F7 url(/images/bg_salesPropTitles.jpg) repeat-x scroll 0% 50%; color:#596C93; font-size:1.4em; font-weight:bold; margin:0pt; padding:8px 5px 8px 10px; } .searchContent{ float:right; width: 580px; border:solid 1px #ccc; } .link { /*text-align:right;*/ color:#FFFFFF; background:#5E729B url(/images/blue_bg.jpg) repeat-x scroll 0%; margin-top:6px; margin-left:0px; margin-right:0px; padding: 5px 0 5px 12px; position:relative; display:block; width: 568px; } .lettingSearch { margin-bottom: 14px; } .lettingSearch h2 { font-weight: normal; } .lettingSearch img { float:left; margin: 2px 19px 0 20px; } .lettingSearch p { margin-right: 60px; margin-bottom: 14px; } /*.lettingSearch .lettingBorder { width: 536px; border-bottom:1px dotted #9FADCD; margin-bottom:18px; padding-bottom:8px; text-align:right; } */ .lettingSearch form { background-color:#E5EAF5; width:520px; height:238px; margin-left:0px; padding:10px; } #find_properties{ margin-left:370px; display:block; padding:5px 10px; background:url(/images/bt_searchProperty.jpg) no-repeat; } #lettingSearchLeft { margin-left:10px; font-size: 1.2em; } .lettingSearch #lettingsLeftSide { float: left; width: 270px; } .lettingSearch #lettingsRightSide { float: left; width: 585px; } #lettingSearchRight, #lettingSearchLeft{ float:left; line-height:2.5; } #lettingPriceSearch select { font-size: 0.8em; } #lettingSearchRight { margin-left: -20px; } #lettingSearchRight #lettingPriceSearch { margin-top: 6px; } #lettingSearchRight #lettingPropertySearch { margin-top: 11px; } #lettingSearchLeft label{ font-weight:bold; line-height:1.8; } .action_sub input{ background: no-repeat url(/images/bt_searchProperty.jpg); color: #0f3283; font-size: 1.2em; margin-top: 10px; text-align: left; padding: 4px 47px 3px 4px; border: 0 none; cursor: pointer; cursor: hand; margin-left: 10px; font-weight: bold; } #lettingBedroomSearch { width:370px; margin-top: 9px; margin-bottom: 7px; } .lettingSingle { padding: 10px; } .lettingSingle .newsImage, #mainImage{ float:left; margin-right:20px; } p.lettingSearchType { padding-top: 26px; margin-bottom: 0px; } #info_panel p{ line-height:2; font-size:1.2em; } .other_images { display:block; margin-left:0px; margin-bottom:50px; } .other_images img{ margin-left:30px; } .property .address{ border: px solid grey; margin-left:360px !important; width:400px; background:#F7F7F7 url(/images/bg_salesPropTitles.jpg) repeat-x scroll 0% 50%; color:#596C93; font-size:1.4em; font-weight:bold; margin:0pt; padding:8px 5px 13px 10px; } .heading{ background:#F7F7F7 url(/images/bg_salesPropTitles.jpg) repeat-x scroll 0% 50%; color:#596C93; font-size:1.4em; font-weight:bold; padding:8px 5px 13px 10px; width:311px; margin-bottom:0px; } #mainImage { float:left; clear:none; } .property p{ display:block; line-height:2; font-weight:bold; clear: both; margin-left:30px; margin-right:30px; } .cleard{ height:30px; clear:both; } .property_excerpt{ float:right; border: 1px solid #ccc; width:326px; margin-right:50px; } .property_excerpt h2.heading{ color: #596C93 !important; } .property_excerpt p.house_icon, .property_excerpt p.bed_icon { margin-left:10px; } .property_excerpt li { margin-left:-30px; } .property .description{ display:block; width:710px; margin: 10px 10px 10px 30px; line-height: 160%; padding-top: 30px; padding-bottom: 20px; font-weight: normal; } p.greyness{ display:block; margin-top:-5px; margin-left:0px; width:316px; /* text-align:center;*/ padding: 8px 0px 8px 10px; background:#EFEFEF; } p.greyness em{ color:#E7087D; text-decoration:none; font-style:none; } .property ul { } .property li{ list-style:none; } p.house_icon, p.bed_icon,p.prop_icon { padding-left:25px; } p.house_icon{ background: url(/images/house.jpg) no-repeat left center; } p.bed_icon{ background: url(/images/bed.jpg) no-repeat left center; } p.prop_icon{ background: url(/images/house.jpg) no-repeat left center; } #contact-us,#call,#print{ display:block; line-height:1.8; } #contact-us{ background: url(/images/email_icon.jpg) no-repeat left center; padding-left:24px; } #call{ background: url(/images/phone_icon.jpg) no-repeat left center; padding-left:24px; } #print{ background: url(/images/print.jpg) no-repeat left center; padding-left:24px; } /* search results */ .sPe .property_excerpt { display:block; float:none; } .sPe .property_excerpt p{ margin-top:0; margin-left:0; } .sPe { height: 82px; } .sPe .property_excerpt_s { background-color: #EDEFEC; height: 22px; padding-top: 4px; padding-left: 12px; margin-top: -5px; } .sPe p.house_icon{ position:relative; background: url(/images/house.jpg) no-repeat left center; margin-top:0px; } .sPe p.bed_icon{ background: url(/images/bed.jpg) no-repeat left center; margin-top:0px; padding-right: 20px; display:inline; } .sPe p.avail_icon{ background: url(/images/avail.jpg) no-repeat left center; margin-top:0px; padding-left:20px; margin-left:3px; display:inline; } .sPe p.prop_icon{ position:relative; background: url(/images/house.jpg) no-repeat left center; float:left; clear: both; padding-right: 20px; margin-top:0px; } .sPe p.price_icon { background: url(/images/pound.jpg) no-repeat left center; margin-top: 30px; padding-left:15px; font-size: 1.1em; font-weight: bold; } .letting{ margin-left:20px; } .letNav{ /* width:100%;*/ border-bottom: dotted 1px #d5d5d5; margin-bottom:-20px; margin-right: 50px; margin-left: 30px; color:#0F3283; font-size:0.8em; } .letNav p{ margin-bottom: 4px; } .navigation_letting .alignright{ padding-right:45px; } #resultHead { height:50px; padding:10px; padding-right: 46px; float:right; width:580px; display:block; } #resultHead h2 { font-size: 1.4em; } #resultHead div{ border-top: dotted 1px #ccc; border-bottom:dotted 1px #ccc; } .narrowcolumn .letting .encoreNewSearch { margin-top:26px; } .record_d { clear:both; height:175px; } .extra_images{ margin-left:5px; } /* SEO */ #viewPropertiesLet { width: 236px; height: 36px; position: relative; } #viewPropertiesLet span { background: url(/images/bt_PropLet.jpg) no-repeat; position: absolute; width: 100%; height: 100%; } #latest_news_acj { display:block; margin:10px 0px 10px 0px; } #latest_news_acj .post a { display:block !important; background:#0F3283 !important; color:#fff !important; padding:5px; } #latest_news_acj .post a:hover { background:#E5087A !important; } #latest_news_acj .post p { font-size:11px !important; line-height:18px; }