/* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ==|== primary styles ===================================================== Author: ========================================================================== */ body{ text-align:left; } #container { width:970px; margin:0 auto; text-align:left; padding-top:5px; position:relative; overflow:hidden; text-align:left; } /* ==== Header ============= */ /* header{ background: transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/header_layout.png') 0 -3px repeat-x;} } */ header{ height:130px; } /* JS disabled styles .no-js nav#topNav li:hover ul { display:block; } */ nav#topNav li:hover ul { display:block; } /* base nav styles */ nav#topNav { display:block; margin:0 auto 10px; position:relative; font:10px Tahoma, Sans-serif; font-weight:bold; /*background: transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/navbg_blue_grad.gif') 0 0 repeat-x;*/ background: rgb(76,76,76); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzJiMmIyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzFjMWMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-8 */ } nav#topNav ul { padding:0; margin:0; } nav#topNav li { position:relative; float:left; list-style-type:none; } nav#topNav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } nav#topNav li a { display:block; padding:8px 32px; border-left:1px solid #c1c3c5; border-right:1px solid #c3c5c7; color:#eee; text-decoration:none; } nav#topNav li a:hover, nav#topNav li a:visited { color:#eee;} nav#topNav li a:focus { outline:none; text-decoration:underline; } nav#topNav li:hover { background: #000 url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/navbg_black_grad.gif') 0 0 repeat-x; background-color: #000; color:#eee; } nav#topNav li:first-child a { border-left:none; } nav#topNav li.last a { border-right:none; } nav#topNav li.last:hover { background: #000 url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/navbg_blue_grad.gif') 0 0 repeat-x; background-color: #000; color:#eee; } nav#topNav li.last:hover a{ cursor:default; } nav#topNav a span { display:block; float:right; margin-left:5px; } nav#topNav ul ul { z-index:100;display:none; width:100%; width:150px; position:absolute; left:0; background:#58595b url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/black_grad.jpg') bottom left repeat-x; } nav#topNav ul ul li { float:none; } nav#topNav ul ul a { padding:5px 10px; border-left:none; border-right:none; font-size:10px; } nav#topNav ul ul a:hover { background-color:#555; } nav#topNav li.first a{ background:transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/icon_house.png') 41px 5px no-repeat; text-indent:-2000px; width:30px; } nav#topNav li.mail{ border:none; } nav#topNav li.mail a{ background:transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/icon_mail.png') 10px 5px no-repeat; border-right:none; padding-left:32px; padding-right:10px; } nav#topNav li.last a{ background:transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/icon_mobile.png') 10px 6px no-repeat; padding-left:28px; padding-right:10px; border-left:none; } /* CSS3 */ nav#topNav { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } /*.cssgradients nav { background-image:-moz-linear-gradient(0% 22px 90deg, #222, #999); background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#999), to(#222)); }*/ /* nav#topNav { -moz-box-shadow:2px 2px 2px rgba(0,0,0,.75); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.75); box-shadow:2px 2px 2px rgba(0,0,0,.75); }*/ /*nav#topNav li:hover { background-image:-moz-linear-gradient(0% 100px 90deg, #999, #222); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#555)); }*/ nav#topNav li.first:hover{ -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } nav#topNav li.last:hover{ /* -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; */} nav#topNav ul ul { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } /* nav#topNav ul ul { background-color:rgba(0,0,0,0.8); -moz-box-shadow:2px 2px 2px rgba(0,0,0,.8); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.8); box-shadow:2px 2px 2px rgba(0,0,0,.8); }*/ nav#topNav ul ul {background-color: #ff000;} nav#topNav ul ul li { border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); } nav#topNav ul ul a:hover { background-color:rgba(85,85,85,.9); } nav#topNav ul ul li.last { border-left:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } nav#topNav ul a span { -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg); } #tag{ text-align: center; height:80px; margin-right: 193px; } .rlp_award { position:absolute; top:38px; left:491px; } #social_icons { position:absolute; top: 9px; right: 4px; width:75px; height:20px; z-index:9999999999999999999999999999999999; display:inline-block; } #facebook { display:inline-block; z-index:9999999999999999999999999999999999; } #facebook a, #facebook a:link, #facebook a:visited { display:block; width:20px; height:20px; text-indent: -9999px; z-index:99999999999999999999999999999999; overflow: hidden; color: transparent; background:url('facebook_32.png') -0px 0px no-repeat; margin-right:2px; } #facebook a:hover, #facebook a:active { display:block; background:url('facebook_32.png') -20px 0px no-repeat; } #twitter { display:inline-block; z-index:9999999999999999999999999999999999; } /**#twitter a, #twitter a:link, #twitter a:visited { display:block; width:20px; height:20px; text-indent: -9999px; z-index:99999999999999999999999999999999; overflow: hidden; color: transparent; background:url('twitter_32.png') -0px 0px no-repeat; margin-right:2px; } #twitter a:hover, #twitter a:active { display:block; background:url('twitter_32.png') -20px 0px no-repeat; } **/ #linkedin { display:inline-block; z-index:9999999999999999999999999999999999; } #linkedin a, #linkedin a:link, #linkedin a:visited { display:block; width:20px; height:20px; text-indent: -9999px; z-index:99999999999999999999999999999999; overflow: hidden; color: transparent; background:url('linkedin_32.png') -0px 0px no-repeat; margin-right:1px; } #linkedin a:hover, #linkedin a:active { display:block; background:url('linkedin_32.png') -20px 0px no-repeat; } #instagram { display:inline-block; z-index:9999999999999999999999999999999999; } #instagram a, #instagram a:link, #instagram a:visited { display:block; width:20px; height:20px; text-indent: -9999px; z-index:99999999999999999999999999999999; overflow: hidden; color: transparent; background:url('instagram_32.png') -0px 0px no-repeat; } #instagram a:hover, #instagram a:active { display:block; background:url('instagram_32.png') -20px 0px no-repeat; } /**nav#social ul{ padding:0; margin:0; display:block; display:inline-block; position:absolute; top:58px; left:760px; } nav#social ul li { position:relative; float:left; list-style-type:none; margin-right:3px; } nav#social ul li a{ text-indent:-2000px; display:block; width:21px; height:21px; } nav#social ul li.Pinterest a{ background: transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/social_icons.png') -96px -32px no-repeat; } nav#social ul li.Pinterest a:hover{ background-position:-96px -3px; } nav#social ul li.LinkedIn a{ background: transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/social_icons.png') 0px -32px no-repeat; } nav#social ul li.LinkedIn a:hover{ background-position:0px -3px; } nav#social ul li.YouTube a{ background: transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/social_icons.png') -24px -32px no-repeat; } nav#social ul li.YouTube a:hover{ background-position:-24px -3px; } nav#social ul li.FaceBook a{ background: transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/social_icons.png') -48px -32px no-repeat; } nav#social ul li.FaceBook a:hover{ background-position:-48px -3px; } nav#social ul li.Twitter a{ background: transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/social_icons.png') -72px -32px no-repeat; } nav#social ul li.Twitter a:hover{ background-position:-72px -3px; } **/ #rlp_logo{ width:81px; height:33px; text-indent:-2000px; background: #fff url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/royallepage_logo.png') 0px 0px no-repeat; position:absolute; top:52px; left:888px; overflow:hidden; } /*=== SIDE BAR STYLES======================================= =============================================================*/ #sidebar{ position:relative; margin-left:786px; width:184px; } nav#sideNav { display:block; margin:0 auto 20px; position:relative; font:10px Tahoma, Sans-serif; font-weight:bold;} nav#sideNav ul { padding:0; margin:0; } nav#sideNav li { list-style-type:none; margin-bottom:7px; /*background: transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/side_nav_bg_grad.png') 0 0 repeat-x;*/ background: rgb(76,76,76); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzJiMmIyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzFjMWMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-8 */ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } /*nav#sideNav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }*/ nav#sideNav li a,nav#sideNav li a:link,nav#sideNav li a:visited { display:block; text-align:center;padding:8px 5px; color:#eee; text-decoration:none;} nav#sideNav li a:hover, nav#sideNav li a:visited { color:#eee;} nav#sideNav li a:focus { outline:none; text-decoration:underline; } nav#sideNav li:hover { color:#eee; background: transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/navbg_black_grad.gif') 0 0px repeat-x;} nav#sideNav li:first-child a { border-left:none; } nav#sideNav li.last a { border-right:none; } nav#sideNav li.grad_green { list-style-type:none; margin-bottom:4px; /*background: transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/side_nav_bg_grad_green.png') 0 0 repeat-x;*/ background: rgb(234,4,16); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNyUiIHN0b3AtY29sb3I9IiNlYTA0MTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NiUiIHN0b3AtY29sb3I9IiM4ZjAyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNmQwMDE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(234,4,16,1) 27%, rgba(143,2,34,1) 76%, rgba(109,0,25,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgba(234,4,16,1)), color-stop(76%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(234,4,16,1) 27%,rgba(143,2,34,1) 76%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(234,4,16,1) 27%,rgba(143,2,34,1) 76%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(234,4,16,1) 27%,rgba(143,2,34,1) 76%,rgba(109,0,25,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(234,4,16,1) 27%,rgba(143,2,34,1) 76%,rgba(109,0,25,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea0410', endColorstr='#6d0019',GradientType=0 ); /* IE6-8 */ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } nav#sideNav li.grad_green:hover { background-color: #000; color:#eee; background: #000 url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/navbg_black_grad.gif') 0 0 repeat-x;} #tweetFeed{ padding-left:3px; margin-bottom:30px; color: #0065a4; background-color:#fff; margin-top:20px; } #tweet_label{ background: transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/twitter_logo.jpg') 0 3px no-repeat; height:20px; font-size:17px; padding-top:3px; padding-left:35px; color:#0065a4; margin-bottom:-10px; } .jta-tweet-user-screen-name-link, .jta-tweet-user-full-name-link, .jta-tweet-a, .twitter-anywhere-user { color: #000; } .jta-tweet-user-screen-name-link:hover, .jta-tweet-user-full-name-link:hover, .jta-tweet-a:hover, .twitter-anywhere-user:hover { color: #000; } /* nav#sideNav li { -moz-box-shadow:2px 2px 2px rgba(0,0,0,.75); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.75); box-shadow:2px 2px 2px rgba(0,0,0,.75); }*/ /*nav#sideNav li:hover { background-image:-moz-linear-gradient(0% 100px 90deg, #999, #222); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#555)); }*/ /*=== CONTENT STYLES ============================================== ==================================================================*/ /*#content { padding:0 5px 5px 5px;} */ #content{ float:left; width:777px; min-height:400px; position:relative; } #cfoot{ font-family: Georgia, "Times New Roman", Times, serif; color:#272425; font-size:11px; letter-spacing:1px; } /*=== Featured ======= ======================*/ #featured { width: 777px; height: 274px; background: transparent url('../templates/version_0001/scripts/javascripts/orbit/orbit-1.2.3/orbit/loading.gif') no-repeat center center; overflow: hidden; -webkit-border-radius: 15px; border-radius: 15px; } #featured_caption{ position:absolute; top:202px; left:0px; height:55px; width:747px; z-index:99; background: transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/featured_banner_notxt.png') 0 0 repeat-x; font-size:23px; font-family: "Times New Roman", Times, serif; color:#fff; line-height:24px; padding:6px 15px 25px 15px; display:none; } #featured_caption a { text-align:center; width:460px; margin:auto; } #featured_caption span span{ color:#ff0000; text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; font-weight:bold; } /* #featured_caption span{ margin-top:10px; width:500px; display:inline-block; letter-spacing:1px; } */ #featured_caption span a{ color:#ffffff; text-decoration:none; font-size:19px; display:block; } #portrait{ position:absolute; top:27px; left:463px; z-index:99; display:none; } .orbit-wrapper div.timer { display:none !important; } /*======================== Side Bar ==============*/ /* #sidebar{ position:relative; } */ /*============== MAC Dock ====================== */ #dock_wrap{ text-align:center; width:777px; margin-top:15px; margin-bottom:0px; position:relative; overflow:hidden; height:270px; } #dock_wrap .dock{ width:777px; height:240px; } #dock_wrap .item { position:relative; float:left; height:250px; width:192px; text-align:center; margin:0; } #dock_wrap .content{ position:absolute; bottom:30px; left:8px; /*left:0px;*/ font-size:10px; height:190px; border:1px solid #ccc; text-align:center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 1px 1px 1px #ccc; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 1px 1px 1px #ccc; /* FF3.5 - 3.6 */ box-shadow: 1px 1px 1px #ccc; font-family: Georgia, "Times New Roman", Times, serif; padding: 5px 12px; width:155px; } #dock_wrap .content img{ width:100; height:92px; border:1px solid #333; padding:1px; } #dock_wrap .second img{ height:110px; } #dock_wrap .content span{ display:block; } #dock_wrap .content span.area, #dock_wrap .item div.address{ font-weight:bold; color:#373537; } #dock_wrap .content span.soldlabel{ color:red; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } #dock_wrap .content span.area{ font-family: Georgia, "Times New Roman", Times, serif; display:none; } #dock_wrap .content div.address{ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } #dock_wrap .content span.descrip{ text-align:left; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-top:4px; color:#808285; height:62px; overflow:hidden; } #dock_wrap .content span.price{ text-align:left; color:#58595b; } #dock_wrap .content img{ /*150 x 70 */ width:150px; height:70px; margin:5px 0px; } #slider_nav{ text-align:center; padding:0px 0px 15px 0px; border-bottom:1px solid #efefef; margin-bottom:15px; } #slider_nav a, #slider_nav a:link, #slider_nav a:visited{ font-size:11px; color:#fff; font-weight:bold; border:1px solid #ccc; text-transform:uppercase; display:inline-block; padding:5px 20px; text-decoration:none; background-color: #444444; background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#444444)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #999999, #444444); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #999999, #444444); /* FF3.6 */ background-image: -ms-linear-gradient(top, #999999, #444444); /* IE10 */ background-image: -o-linear-gradient(top, #999999, #444444); /* Opera 11.10+ */ background-image: linear-gradient(top, #999999, #444444); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#999999', EndColorStr='#444444'); /* IE6-IE9 */ } #slider_nav a:hover{ color:#fff; font-weight:bold; border:1px solid #ccc; text-transform:uppercase; display:inline-block; padding:5px 20px; text-decoration:none; background-color: #444444; background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #444444, #999999); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */ background-image: -ms-linear-gradient(top, #444444, #999999); /* IE10 */ background-image: -o-linear-gradient(top, #444444, #999999); /* Opera 11.10+ */ background-image: linear-gradient(top, #444444, #999999); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6-IE9 */ } #previous_btn{ -webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } #next_btn{ -webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } /* #dock_wrap .item:nth-child(2) .content{ font-size:12px; bottom:5px; left:0; width:170px; height:273px; } #dock_wrap .item:nth-child(2) .content img{ height:90px; } */ /* ==== Content Footer ======*/ #cfoot{ color:#272425; font-size:11px; margin-bottom:30px; } #cfoot a, #cfoot a:link, #cfoot a:visited{ color:#272425; text-decoration:none; } #cfoot span{color:#4d4d4f;} #cfoot a:hover{ color:#0065a4; } /*================================== General Page Styles ====================================*/ #page_content{ border:1px solid #adafb1; padding:30px 20px; color:#231f20; /*color:#ff0000;*/ background:transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/KellyJack_About2.jpg') 0 0 no-repeat; line-height:16px; font-size:14px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-bottom:29px; min-height:350px; text-align:left; position:relative; } textarea #page_content{ text-align:left !important; color:#231f20 !important; } body#home #page_content{ border:none; padding:0; margin:0; line-height: 1.231; } h1{ color:#0065a4; /*color:#ff0000;*/ margin-top:0px; padding-top:0; margin-bottom:23px; font-size:23px; font-weight:normal; letter-spacing:1px; } h2{ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:24px; font-size:18px; /*letter-spacing:px;*/ margin-bottom:14px; } .inner_col{ width:270px; height:300px; } .inner_col_td{ text-align: left; vertical-align: top; width: 256px; padding-left:20px; } #pagecontent_submenu{ text-align:left; margin-left:20px; font-weight:bold; margin-top:-10px; font-size:13px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } #pagecontent_submenu a, #pagecontent_submenu a:link, #pagecontent_submenu a:visited{ margin-bottom:-8px; display:block; color:#000; text-decoration:none; } #pagecontent_submenu a:hover{ color:#0065a4; } #pc_submenu_title{ margin-bottom:-7px; display:block; color:#0065a4; } #custompage_content ul, ul.cp_list{ margin-top:0; padding-left:15px; } /* Contact Page */ #contact_details{text-align:left;} #contact_map{ width:380px; border:1px solid #ccc; position:absolute; top:130px; right:20px; height:420px; } #contact_kelly_form{ margin-top:15px; margin-bottom:0px; display:inline-block; } #contact_kelly_form label{ display:block; } #contact_kelly_form input{ margin-bottom:10px; width:325px; } #contact_kelly_form textarea{ margin-bottom:15px; width:325px; } body#contact-kelly #custompage_content{ padding-bottom:0px; } body#contact-kelly #page_content{ padding-bottom:0px; } .cc_comments_wrap{ display:none; } /*========================== Ideal Home search Form Page ============================ */ #custompage_content{ background:transparent url('custom/pa2ges/images/layout/KellyJack_YourIdealHome_Form_layout.png') -14px -34px no-repeat; } #ideal_home_form{ position:relative; margin-top:0px; } #c_name_wrap{ width:300px; display:inline-block; } #c_name_wrap input{ width:290px; } #c_phone_wrap{ display:inline-block; width:110px; } #c_phone_wrap input{ width:100px; } #c_email_wrap{ display:inline-block; width:290px; } #c_email_wrap input{ width:280px; } #c_address_wrap{ margin-top:8px; } #c_address_wrap label{ display:block; } #c_address_wrap input{ width:698px; } #c_range_wrap{ margin-top:10px; margin-bottom:40px; } #c_range_wrap input{ width:238px; } #c_hometype_wrap{ display:block; margin-right:0px; } #c_hometype_wrap label{ display:block; margin-bottom:8px; } #c_hometype_wrap span{ margin-right:7px; } #c_hometype_wrap input{ } #c_homestyle_wrap{ display:block; margin-top:15px; } #c_homestyle_wrap label{ display:block; margin-bottom:8px; } #c_homestyle_wrap span{ margin-right:7px; } #c_beds_wrap{ width:200px; display:inline-block; margin-top:15px; } #c_beds_wrap input{ width:50px; } #c_baths_wrap{ width:400px; display:inline-block; margin-top:10px; } #c_baths_wrap input{ width:50px; } #c_parking_wrap{ margin-top:15px; display:inline-block; margin-right:30px; } #c_parking_wrap label{ display:block; margin-bottom:8px; } #c_parking_wrap span{ margin-right:7px; } #c_driveway_wrap{ margin-top:15px; display:inline-block; margin-right:30px; } #c_driveway_wrap label{ display:block; margin-bottom:8px; } #c_driveway_wrap span{ margin-right:7px; } #c_garage_wrap{ margin-top:15px; display:inline-block; width:400px; } #c_garage_wrap label{ display:block; margin-bottom:8px; } #c_garage_wrap span{ margin-right:7px; } #c_familityroom_wrap{ margin-top:20px; display:inline-block; margin-right:100px; } #c_familityroom_wrap label{ display:block; margin-bottom:8px; } #c_familityroom_wrap span{ margin-right:7px; } #c_finishedbasement_wrap{ margin-top:20px; display:inline-block; } #c_finishedbasement_wrap label{ display:block; margin-bottom:8px; } #c_finishedbasement_wrap span{ margin-right:7px; } #c_condition_wrap{ margin-top:20px; } #c_condition_wrap label{ display:block; margin-bottom:8px; } #c_condition_wrap span{ margin-right:7px; } #c_features_wrap{ margin-top:20px; } #c_features_wrap label{ display:block; margin-bottom:8px; } #c_features_wrap span{ margin-right:7px; } #c_additionalinfo_wrap{ margin-bottom:20px; } #c_additionalinfo_wrap textarea{ width:720px; } #ideal_home_form label{ font-weight:600; } #ideal_home_form input.form-submit, #ideal_home_form input.form-submit, #in_community_form input.form-submit, #contact-kelly input.form-submit{ height: 21px; width: 121px; cursor: pointer; text-indent: -9999px; border: none; background: url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/send_btn_bg.jpg') no-repeat left top; } /*===================== Listings styles =======================*/ #top_bar{ background-color: #0065a4; margin: 0px 0px 20px 0px; padding:10px 13px 10px 13px; color: #fff; font-size: 14px; text-align: right; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height:15px; } #top_bar a,#top_bar a:link,#top_bar a:visited, #bottom_bar a,#bottom_bar a:link,#bottom_bar a:visited{ color:#fff; text-decoration:none; } #top_bar a:hover, #bottom_bar a:hover{ text-decoration:underline; } #top_bar .refinesearch{ float:left; display:none; } #bottom_bar .bb_dropdetails{ float:left; } #top_bar #tb_right, #bottom_bar #tb_right{ white-space:nowrap; display:block; } #tb_right span{ float:left; } #top_bar .prop_nav, #bottom_bar .prop_nav{ display:inline; } .prop_nav a{ padding-left:15px; } #bottom_bar{ height:17px; margin-top:20px; background-color: #0065a4; color:#fff; clear:left; text-align: right; position: relative; padding:10px; padding:10px 13px 10px 13px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size: 14px;} .prop_wrap{ width:709px; float:left; border:1px solid #777171; padding:12px; margin-bottom:20px; background:transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/listings_bg_grad.jpg') left bottom repeat-x; } .prop_image_wrap{ float:left; } .prop_image_wrap img{ padding:2px; border:1px solid #777171; } .prop_image_wrap .prop_price{ display:none; } .prop_details{ margin-left:330px; line-height:150%; } .address{ display:block; text-transform:capitalize; margin-bottom:10px; } .prop_description{ text-transform:capitalize; } .prop_identifier, .lakeriver, .prop_subdetails,.prop_moreinfo{ display:none; } #properties .frontpagetitle{ margin-bottom:10px; color:#0065a4; display:block; font-family: Georgia, "Times New Roman", Times, serif; } #properties .soldoverasking{ color:#0065a4; display:block; font-family: Georgia, "Times New Roman", Times, serif; text-transform:uppercase; } .prop_price, .propertystatus{ color:#0065a4; font-family: Georgia, "Times New Roman", Times, serif; } .listing_nav{ display:block; margin:10px 0 20px 0; position:relative; font:10px Tahoma, Sans-serif; font-weight:bold;} .listing_nav ul { padding:0; margin:0; } .listing_nav li { margin-right:5px;float:left;list-style-type:none; margin-bottom:4px;background: transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/side_nav_bg_grad.png') 0 0 repeat-x;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} /*nav#sideNav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }*/ .listing_nav li a,.listing_nav li a:link,.listing_nav li a:visited { display:block; text-align:center;width:120px;padding:8px 0; color:#eee; text-decoration:none;} .listing_nav li a:hover { color:#eee;} .listing_nav li a:focus { outline:none; text-decoration:underline; } .listing_nav li:hover { color:#eee; background: transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/navbg_black_grad.gif') 0 0px repeat-x;} .listings_pagination_wrap{ position:relative; height:auto; width:100%; margin-bottom:0px; text-align:center; clear:both; } .listings_pagination{ margin-top:20px; padding:10px 10px 5px 10px; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; display:inline-block; } .listings_pagination div{margin-left:43px;} .listings_pagination span{float:left;width:40px;} .listings_pagination ul{ margin:0;padding:0;list-style-type:none; font-family:Tahoma,Geneva,sans-serif; text-align:center;position:relative; display:inline-block;height:auto; } .listings_pagination ul li{float:left;width:49px;} .listings_pagination ul li.active{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-color:#ccc; } .listings_pagination ul li a, .listings_pagination ul li a:link, .listings_pagination ul li a:visited{ display:block;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; text-decoration:none; } .listings_pagination ul li a:hover{background-color:#1579b2;color:#fff!important;text-decoration:none!important;} #listingdisclaimer{ font-size:12px; text-align:center; display:block; margin-top:8px; } /*========================================*/ #mapped-property h1{ text-transform:capitalize; } #mapped-property .back_link{ position:absolute; top:30px; right:20px; } #map_canvas { border:1px solid red; height:450px; width:100%; border:1px solid #777171; } .infowindow_wrap{ float:left; } .infowindow_wrap .img_wrap{ border:1px solid #000; padding:3px; display:inline-block; float:left; } .infowindow_wrap img{ width:210px; } .infowindow_wrap .info_wrap{ margin-left:230px; } .infowindow_wrap .location{ margin:15px 0px; text-transform:capitalize; line-height:50%; } .infowindow_wrap .property_status, .infowindow_wrap .property_price{ color:#0065a4; } .infowindow_wrap .property_status{ margin-right:5px; } .infowindow_wrap a.p_price, .infowindow_wrap a.p_price:link, .infowindow_wrap a.p_price:visited{ color:#0065a4; text-decoration:none; margin-top:20px; display:block; } .infowindow_wrap a.p_price:hover{ text-decoration:underline; } /*======================= Property Details =========================*/ #prop_container h1 span{ text-transform:capitalize; } #prop_details_leftcol{ border:1px solid #777171; padding:15px; float:left; background:transparent url('http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/listing_bg_grad.jpg') left bottom repeat-x; } #prop_details_rightcol{ position:absolute; top:81px; right:20px; width:270px; } #prop_details_main_img{ border:1px solid #767070; display:inline-block; padding:4px; } #prop_details_main_img img{ width:420px; } #prop_details_menu h2{ font-family: "Lucida Grande", sans-serif; font-family: sans-serif; font-size:16px; color:#0065a4; margin-top:0px; padding-top:0; margin-bottom:10px; letter-spacing:1px; } .listing_subnav ul{ list-style: none; margin: 0; padding: 0; } .listing_subnav{ line-height:160%; } .listing_subnav ul li{ background-image: url(http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/listing_subnav_arrow.jpg); background-repeat: no-repeat; background-position: 0px 7px; padding-left: 14px; margin-bottom:3px; } .listing_subnav ul li a, .listing_subnav ul li a:link, .listing_subnav ul li a:visited { color:#030404; text-decoration:none; display:inline-block; } .listing_subnav ul li a:hover { color:#0065a4; text-decoration:none; font-weight:bold; } #prop_details_info_wrap{ line-height:140%; } #prop_details_info_wrap ul{ list-style: none; margin: 0; padding: 0; margin-top:17px; margin-bottom:17px; } #prop_details_info_wrap ul li span{ font-weight:bold; margin-right:5px; } .prop_description, .prop_amenities{ margin-bottom:17px; } .prop_description .dt_h1, .prop_amenities .dt_h1{ display:block; font-weight:bold; } .highslide-gallery{ float:left; } .highslide-gallery a{ border:1px solid #aca8a8; display:inline-block; margin:0; float:left; margin-right:3px; margin-bottom:3px; width:135px; height:90px; overflow:hidden; } .highslide-gallery a img{ display:inline-block; width:100%; height:100%; border:0px; } .highslide-gallery .highslide-caption{ display:none; } .popup_content{ padding:15px; } #neighbourhoods_wrap ul{ list-style: none; list-style-image: none; margin: 0; padding: 0; } #neighbourhoods_wrap ul li{ background-image: url(http://www.youronlineagents.com/kellyjack/custom/pages/images/layout/listing_subnav_arrow.jpg); background-repeat: no-repeat; background-position: 0px 7px; padding-left: 14px; margin-bottom:1px; } #neighbourhoods_wrap ul li a, #neighbourhoods_wrap ul li a:link, #neighbourhoods_wrap ul li a:visited{ text-decoration:none; color:#030404; } #neighbourhoods_wrap ul li a:hover{ font-weight:bold; } #whats-my-home-worth #page_content h2, #finding-your-ideal-home #page_content h2{ font-size:21px; } #whats-my-home-worth #form_feedback_wrap, #finding-your-ideal-home #form_feedback_wrap{ margin-top:20px; } #form_feedback_wrap{ margin-bottom:15px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #form_feedback_wrap div{ margin:10px 20px; } #form_feedback_wrap div span{ font-size:20px; margin-bottom:10px; display:block; } #form_feedback_wrap ul{ margin:0; padding:0; margin-top:10px; } #form_feedback_wrap ul li{ margin-right:5px; list-style-type:none; } #form_feedback_wrap.form_fail{ border:3px solid #b21515; background-color:#fcefef; color:#b21515; font-size:14px; } #form_feedback_wrap.form_pass{ border:3px solid #04590e; background-color:#e9fceb; color:#04590e; font-size:14px; } .frm_err_input{ border:2px solid #b21515; } .frm_err_label,.required_lbl{ color:#b21515; } sup.required_lbl{ font-weight:bold; } body#contact-kelly #form_feedback_wrap.form_pass{ width:320px; margin-bottom:190px; } /* ==|== non-semantic helper classes ======================================== ========================================================================== */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ==|== media queries ====================================================== PLACEHOLDER Media Queries for Responsive Design. These override the primary ('mobile first') styles Modify as content requires. ========================================================================== */ @media only screen and (min-width: 480px) { /* Style adjustments for viewports 480px and over go here */ } @media only screen and (min-width: 768px) { /* Style adjustments for viewports 768px and over go here */ } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .pid13518 #page_content { padding-left:3px; }