/* _____ _ _ _ | __ \ | | | | | | | |__) |_ __ ___ _ __ ___ _ __| |_ _ _ | |_ _ _ __ __ _| | ___ | ___/| '__/ _ \| '_ \ / _ \ '__| __| | | | _ | | | | | '_ \ / _` | |/ _ \ | | | | | (_) | |_) | __/ | | |_| |_| | | |__| | |_| | | | | (_| | | __/ |_| |_| \___/| .__/ \___|_| \__|\__, | \____/ \__,_|_| |_|\__, |_|\___| | | __/ | __/ | |_| |___/ |___/ Colour Swatch ---------------- Dark Blue - #162b75 ---------------- */ html { } body { position: relative; margin: 0; -webkit-text-size-adjust: none; min-height: 416px; font-family: 'helvetica', sans-serif; -webkit-background-size: 0.438em 100%; -webkit-touch-callout: none; background: ; /* Default iPhone pinstripe */ } #bgOverride { /* Allows you to specifiy a different background colour for your pages, otherwise it will default to the iPhone pinstripe. Add this ID to your body tag and then choose a colour e.g */ background: #ffffff; } /* ================== */ /* ! Core Structure */ /* ================== */ #logo { text-align: center; height: 63px; border-bottom: 1px solid #fff; -webkit-box-shadow: 1px 1px 3px #000; background: #ffffff; } #content { width: 100%; } table { /* Default table style */ width: 100%; text-align: center; vertical-align: top; } td { padding: 5px; } #searchTable td { /* Home page Search Table */ width: 50%; } select { width: 100%; } .textInput { border: 1px solid #666; width: 95%; font-size: 16px; padding: 8px; color: #666; -webkit-border-radius: 10px; } .textInput:focus { background: #faffbd; color: #000; } .textArea { border: 1px solid #666; width: 95%; font-size: 16px; padding: 8px; color: #666; -webkit-border-radius: 10px; } .textArea:focus { background: #faffbd; color: #000; } .alignRight { text-align: right; } .selectStyle { font-size: 16px; } .alignCenter { text-align: center; } .alignLeft { text-align: left; } .alignJustify { text-align: justify; } hr { background: #ccc; margin-top: 10px; } #topbar { /* Adding a background colour here will override the colours specified within the iWebKit CSS file */ background: #ffffff; -webkit-box-shadow: 1px 1px 3px #000; } .contentHolder { /* Reusable class, so use it */ background: -webkit-gradient(linear,left top,left bottom,from(#277BAD), to(#0E3958)); width: 90%; margin-top: 12px; margin-right: auto; margin-left: auto; padding: 8px; color:#FFFFFF; -webkit-border-radius: 10px; -webkit-box-shadow: 1px 1px 4px #666; } .blueBtn { /* Reusable button class */ background: -webkit-gradient(linear,left top,left bottom,from(#00ACEC),to(#004B77)); border: 1px solid #666666; display: block; -webkit-border-radius: 5px; padding: 8px; margin: 0 auto; color: #fff; text-decoration: none; text-align: center; font-size: 14px; font-weight: bold; text-shadow: rgba(0,0,0,0.6) 0 -1px 0; cursor: pointer; } .headerLogo { margin-top: 3px; height: 70%; } /* ================== */ /* ! Core Structure */ /* ================== */ input.checkbox { margin-top: -3px; } p.search { text-align: right; } a { color: #FFFFFF; } div.homePageProperties { clear: both; width: 100%; height: auto; margin-bottom: 10px; } img.homePageImages { float: left; margin-right: 30px; } div.homePageClear { width: 100%; height: 1px; clear: both; } /* =============== */ /* ! Text Styles */ /* =============== */ p { line-height: 1.3em; padding: 2px 0; } ol li { font: italic 1em 'lucida grande', Times, serif; font-weight: bold; color: #162b75; } ol li p { font: 1em 'helvetica', sans-serif; color: #000; padding: 0; } /* =============== */ /* ! Text Styles */ /* =============== */ /* ========================= */ /* ! Search Results Styles */ /* ========================= */ .searchResults td { border-bottom: 1px dashed #ccc; } .innertable td{ border:none; } .searchResults a { text-decoration: none; font-size: 14px; } #resultsTotal { color: #bbb; font-size: 14px; } .resultsAddress { color: #fff; } .resultsPrice { color: #000; font-weight: bold; } /* ========================= */ /* ! Search Results Styles */ /* ========================= */ /* ======================= */ /* ! Full Details Styles */ /* ======================= */ #propAddress { font-weight: bold; font-size: 16px; text-align: center; margin: 10px 0 10px 0; } #propPoints{ width:70px; height:56px; margin:10px auto; } #propPrice { background: -webkit-gradient(linear,left top,left bottom,from(#D06D76),to(#A11212)); font-size: 16px; padding: 10px; color: #fff; width: 268px; margin: 0 auto; text-shadow: rgba(0,0,0,0.6) 0 -1px 0; text-align: center; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; } #propImgs { text-align: center; } .imagechangermain { width: 288px; height: 216px; } #propThumbImgs { text-align: center; } #propFeatures { background: -webkit-gradient(linear,left top,left bottom,from(#D06D76),to(#A11212)); margin: 0 auto; padding: 10px; width: 268px; text-shadow: rgba(0,0,0,0.6) 0 -1px 0; color: #fff; text-align: center; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; } #propFeatures li { display: inline; font-size: 12px; } .imagechangerthumb{ margin-right:1px; } #propKeyfeatures { font-size: 14px; max-width: 400px; margin: 0 auto; } #propKeyfeatures ul { padding: 0 0 0 20px; } #propDescr { max-width: 400px; margin: 0 auto; } #calltoActions { border-top: 1px dashed #ccc; margin: 10px 0 10px 0; padding: 10px 0 0 0; } #googleMapHolder { background: #ccc; padding: 2px; } #googlemap { border: 1px solid #bbb; height: 300px; } /* ======================= */ /* ! Full Details Styles */ /* ======================= */ #testimonial { background: #fff; } #el_testimonial { width: 260px; height: 100px; } #el_name { border: 1px solid #666; width: 260px; font-size: 16px; padding: 8px; color: #666; -webkit-border-radius: 10px; } #el_email { border: 1px solid #666; width: 260px; font-size: 16px; padding: 8px; color: #666; -webkit-border-radius: 10px; } #el_action { background: -webkit-gradient(linear,0% 0%,0% 100%,from(#cdd5df),color-stop(3%,#b0bccd),color-stop(50%,#889bb3),color-stop(51%,#8195af),color-stop(97%,#6d84a2),to(#2d3642)); border: 1px solid #6d84a2; display: block; -webkit-border-radius: 5px; padding: 8px; margin: 0 auto; width: 260px; color: #fff; text-decoration: none; text-align: center; font-size: 14px; font-weight: bold; text-shadow: rgba(0,0,0,0.6) 0 -1px 0; cursor: pointer; } .cashbaxType { color: #D30F11; text-shadow: #ccc 1px 1px 2px; } .no-bottom-border{ border:none; }