/* Theme Name: OneRoof Energy Theme URI: http://www.oneroofenergy.com Description: Public website of OneRoof Energy Version: 2.0.0 Author: Hussein Yahfoufi Author URI: http://www.oneroofenergy.com/ Tags: solar, orange, white */ .clear { clear: both; } body { background: #ffffff; font-family: Arial, Helvetica, sans-serif; color: #5c5146; } .make-bold { font-weight: bold; } /* collected common styles first to optimize and avoid redundancy */ #main-image { width: 560px; } #container, #header, #content-area, #main-image-wrapper, #main-trust-icons, #as-featured, #main-news, #footer-area,#top-zip-container, #footer-copyright { width: 990px; } body, #top-logo, #header ul, #header ul li, #header #top-nav form, #header #top-nav form p, #main-image, #main-hoverbox form, #main-hoverbox form p,#footer-links ul, #footer-copyright p, #footer-copyright ul, .faq-content div h3, .faq-content div p, #footer-links li, #rotation-buttons, #rotation-buttons a, #zip-form-last, .anywhere-form p, #request-button p { margin:0; padding:0; } #header #top-nav ul li, #header #main-top-nav li, .main-news-column, #header #top-nav form #top-searchfield, #footer-links, #footer-copyright p, #content-left, #content-center form, #content-center-sidebar, #sidebar, #installation-steps p, .subpage_options li, #careers-nav li,#contactForm label, #contactForm .contact_field, #contactForm .contact_text, #rotation-buttons a, #zip-form-last, #zip-form-second input, h3#zip-form-logo, #zip-form-first, .anywhere-form, #anywhere-submit, #email-address-anywhere, .anywhere-form p span, #contactForm select { float: left; } #header #top-nav form, #header #top-nav, #header #top-nav ul, #header #main-top-nav, #footer-logo, #footer-logo p#logo-p, #footer-copyright ul, #zip-form-second, .anywhere-form p.sb-privacy, #no-nav-header { float: right; } #top-logo a, #header #top-nav form #s-submit, #footer-logo p#logo-p, #footer-logo p#logo-p a,#footer-copyright ul li, #rotation-buttons, #rotation-buttons a, h3#zip-form-logo, #sidebar-form p #sidebar-submit, #anywhere-submit, #footer-copyright ul li a { display:block; text-indent:-50000px; border: none; outline:none; } #header, #header #top-nav, #header #main-top-nav, #top-nav form p, #main-news, #top-zip-container, #top-zip-container #zip-entry, .video-iframe, #container.video-iframe, #content-area.video-iframe p, #content-area.video-iframe, #container, #zip-form-second, #zip-entry-large, #footer-copyright { overflow: hidden; } #container:after, #content_area:after, #home_content:after, #sub_content:after, #footer-area:after, #footer-links:after, #home_news:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #header #top-nav form #s-submit:hover, #main-hoverbox form #hero-submit:hover, #footer-copyright ul li a:hover, .faq-content h3.open, #sidebar-form #sidebar-submit:hover, #quote-form #submit-button:hover, #request-button input:hover,#anywhere-submit:hover, #rotation-buttons a.current, #header #main-top-nav li.last a:hover, #zip-form-second input[type="submit"]:hover, #zip-entry-large input[type="submit"]:hover, #anywhere-submit:hover, #contact-submit:hover { background-position: bottom left; } #header #main-top-nav li.last, #header #top-nav form #top-searchfield, #main-hoverbox form, #main-hoverbox form #email-address, #main-hoverbox form #hero-submit, #sidebar-form #email-address, #sb-questions, .contact_field, .contact_text, #sidebar-form, select, #quote-form #submit-button, #email-address-anywhere, .subpage_options li, .subpage_options li a img, #anywhere-submit, #careers-nav li, #request-button input, #header #main-top-nav li.last a, #zip-form-second input[type="text"], #zip-form-second input[type="submit"], #top-zip-container, #zip-entry-large input[type="text"], #zip-entry-large input[type="submit"], #contact-submit { -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;} #main-hoverbox form #email-address, #email-address-anywhere, #sidebar-form #email-address { height: 25px; padding:4px 10px; color: #afafaf; font-size:12px; margin: 4px 3px; } #request-button input, #quote-form #submit-button, #anywhere-submit { white-space:normal; height: 70px; text-align: center; font-family: 'Bitter', serif; font-weight:bold; font-size: 1.3em; background: url(images/submit-70px.gif) top left repeat-x; outline: none; border: none; color: #fff; cursor:pointer; } #main-hoverbox form #email-address, #sidebar-form #email-address, select, textarea, #email-address-anywhere, .contact_field, #zip-form-second input[type="text"], #zip-entry-large input[type="text"], #zip-entry-large input[type="submit"], .contact_text { border: 1px solid #afafaf; background:#f9f6fa; -moz-box-shadow: inset -2px 2px 2px -2px #9f9f9f; -webkit-box-shadow: inset -2px 2px 2px -2px #9f9f9f; box-shadow: inset -2px 2px 2px -2px #9f9f9f; } #main-hoverbox form #hero-submit { height: 50px; border: none; outline: none; color: #fff; text-align: center; font-size: 0.88em; padding-bottom:6px; font-weight: bold; font-family:'Bitter', serif; background: url(images/get-savings-estimates.png) top left no-repeat; cursor:pointer; } #anywhere-submit, #sidebar-submit, #contact-submit { height: 35px; border: none; outline: none; color: #fff; text-align: center; font-size: 0.88em; padding-bottom:6px; font-weight: bold; font-family:'Bitter', serif; background: url(images/submit-35px-rev.gif) top left repeat-x; cursor:pointer; } /* general framework */ .video-iframe { background: #000; width: 540px; height:400px; } #container.video-iframe, #content-area.video-iframe p, #content-area.video-iframe { width: 540px; margin: 0 auto; padding:0; } iframe { overflow:hidden !important; } #container { margin: 0 auto 40px auto; padding: 0; } #top-zip-container { background: #6c6c6c; color: #fff; } #top-zip-container #zip-entry { width:54em; margin: 0 auto; display: block; height: 0; } #zip-form-first { margin:12px 0 0 0; } #zip-form-last { margin: 0; padding:0 } #zip-form-second { width: 16em; } #zip-form-second input[type="text"] { width: 6em; height: 20px; color: #adadad; } #zip-form-second input[type="submit"] { color: #fff; margin-left:2px; height:24px; border: none; outline:none; } #header { min-height:130px; position: relative; } #top-logo, #top-logo a { width: 280px; height: 79px; margin-top:26px; } #top-logo { position: absolute; } #top-logo a { background: url(images/top_logo.png) no-repeat; } #header #top-nav form, #header #top-nav ul li.utility { background: #fbfbfb; } #header #top-nav form { display: block; position:relative; height: 34px; padding:8px 16px 0 24px; } #header #top-nav form #s-submit { position: absolute; width: 10px; height:10px; top: 15px; right: 18px; background: url(images/search-button.png) top left no-repeat; } #header #top-nav form #top-searchfield { width: 135px; height: 14px; padding:4px 10px; color: #adadad; font-size:12px; border: 1px solid #c9c9c9; } #header #top-nav ul li { display: block; padding: 14px 5px 0 10px; height: 28px; font-size: 0.75em; } #header #main-top-nav { margin-top:34px; font-weight:bolder; } #header #main-top-nav li { font-family: 'Open Sans Condensed'; display: block; list-style: none; font-size: 1em; padding: 6px; } #header #top-nav ul li a { color: #7c6955; } #header #main-top-nav li a { color: #7c6955; } #header #main-top-nav li.last { padding-top:0; padding-bottom:0; } #header #main-top-nav li.last a, #zip-entry-large input[type="submit"], #zip-form-second input[type="submit"] { display: block; color: #fff; text-decoration:none; font-weight:bold; margin-left: 12px; background: url(images/zip-button.gif) top left repeat-x; } #header #main-top-nav li.last a { font-family: 'Open Sans Condensed'; font-weight: bold; height: 23px; margin-top:4px; padding:3px 6px 0 6px; } #footer-area { position:relative; background: #f9f6ed; color: #bbad9d; line-height: 16px; margin: 20px 0 0 0; padding: 0 0 10px 0; overflow:hidden; min-height: 180px; } #footer-links { width: 600px; } #footer-links div { float: left; width: 160px; padding:20px 0 0 30px; font-weight: normal; } #footer-links h3 { text-transform: uppercase; font-size: 0.77em; color: #515151; font-weight: bold; font-family: arial, helvetica, sans-serif; padding: 0 0 7px 0; border-bottom: 1px solid #e1dbd4; margin: 0 0 6px 0; } #footer-links li { list-style:none; font-size: 0.7em; } #bbb-footer { width: 47px; height: 94px; float: left; margin:40px 0 0 30px; padding:0; } #footer-logo { width: 308px; text-align: right; font-size: 0.9em; } #footer-logo p span { font-size:1.6em; color:#7c6955;} #footer-logo p { padding: 0 30px 4px 0; margin: 0; color:#7c6955; font-size:12px; text-transform:uppercase; } #footer-logo p#logo-p { margin-top:22px; padding-bottom:10px; text-align: left; } #footer-logo p#logo-p a,h3#zip-form-logo{ display: block; width: 208px; height: 62px; background:url(images/footer_logo.png) top left no-repeat; } #estimate-link { position: absolute; bottom:0px; left: 30px; top: 150px; } #estimate-link a { font-weight:bold; } #footer-copyright { font-size: 0.7em; margin-top:12px; } #footer-copyright p { width: 50%; } #footer-copyright ul { width: 68px; } #footer-copyright li, #footer-copyright li a { width: 16px; height: 16px; } #footer-copyright li { float:left; list-style: none; padding:0 0 0 6px;} #footer-copyright li a { background-position: top left; background-repeat: no-repeat; } #footer-copyright #fb-foot { background-image: url(images/facebook.png); } #footer-copyright #twitter-foot { background-image: url(images/twitter.png); } #footer-copyright #rss-foot { background-image: url(images/feed.png); } body.lightbox,body.lightbox #container.video-iframe, #zip-entry-large { width: 560px; height: 400px; background: #fff; } #zip-entry-large { padding:20px; height: 400px; margin: 0 auto; text-align: center; } h3#zip-form-logo { margin: 24px 0; } #content-area.video-iframe #zip-entry-large p { width: 480px; margin: 18px auto; } #zip-entry-large input[type="text"] { width: 12em; height: 20px; margin: 0 auto; color: #adadad; } #zip-entry-large input[type="submit"] { color: #fff; margin: 0 auto; height:24px; border: none; outline:none; } /* sub page frameworks - first, wide left, sidebar */ #content-left, #sidebar { margin-top:12px; } #content-left { width: 640px; background: #faf7ef; margin-bottom:12px; } #bg-color { width: 540px; margin: auto; } #sub-page-header { margin:0; padding:0; } #sidebar, #sb-bottom-cap, #sidebar h3#sb-head, #sidebar-form { width: 325px; } #sidebar h3 { font-family:arial, helvetica, sans-serif; font-weight: lighter; font-size: 1.5em; margin-bottom:-9px; } #sb-questions { width: 323px; } /* borders */ #sb-trust,#sb-bottom-cap,#sb-questions { margin-bottom:18px; } #sidebar { margin-left: 25px; min-height: 600px; } #sidebar h3#sb-head { display: block; text-align: center; background:#f6f3ea; color: #7c6955; font-size: 1.3em; font-family: 'Open Sans Condensed'; font-weight: bold; height: 36px; padding-top: 12px; margin: 0; } #sidebar-form { background:url(images/sidebar-bg.gif) top left repeat-x; min-height:286px; padding:12px 0; } #sidebar-form h3, #sidebar-form p { width: 270px; margin: 0 auto; padding:6px 0; text-align: center; } #sidebar-form div { width: 242px; padding: 14px; margin: auto; background: #f2b73a; } #sidebar-form div p { width: 240px; } #sidebar-form #email-address { width: 218px; margin:0; } #sidebar-form h3,#sidebar-form p { color: #fff; } #sidebar-form h3 { font-size: 1.6em; text-align: center; font-family:'Oswald'; font-weight: lighter; } #sidebar-form p { font-size: 0.9em; line-height: 1.3em; } #sidebar-form p #sidebar-submit { width: 240px; height:73px; background:url(images/sidebar-submit.png) top left no-repeat; } #sb-questions { border: 1px solid #a0a0a0; text-align: center; padding: 18px 0; } #sb-questions h4, #sb-questions p { color: #000; } #sb-trust { width: 295px; padding:15px; background:url(images/sb-testimonial-bg.png) top left no-repeat; } #sb-trust #featured { font-style: italic; font-family: 'Bitter', serif; text-align: center; } #sb-trust .quote { font-size: 0.78em; } #sb-trust .trust-img { text-align: right; margin: 18px auto; } /* "centered content, two columns almost equally divided */ #content-center, #content-center-top { width: 800px; margin: auto; overflow: hidden; } #content-center form, #content-center-sidebar, #what-to-expect, #content-center-sidebar #sb-questions { width: 310px; } #content-center form, #content-center-sidebar { margin: 30px 45px; } #what-to-expect { border: 1px solid #ff8f25; background:#f9f9f9; padding: 18px 0; margin-bottom:18px; } #what-to-expect h3, #what-to-expect p, #what-to-expect ul { margin: 6px auto; line-height: 1.2em; } #what-to-expect h3, #what-to-expect p { width: 270px; padding-bottom:0; } #what-to-expect ul { width: 230px; padding-left: 16px; } #what-to-expect h3 { text-align: center; } #what-to-expect p, #what-to-expect ul li{ font-size: 0.8em; } #content-center-sidebar #sb-questions { width: 310px; } #content-center { border: 1px solid #ddd; } #content-center-top { text-align: center; } #content-center-top h1 { color: #ff8f25; } #content-center-top p { margin-top:0; } #no-nav-header { width: 640px; font-weight:bold; text-align: right; margin-top:38px; } #no-nav-header img { padding:14px 0 6px 0; } /* General styles */ a { color: #61564b; text-decoration: none; } a:hover { text-decoration: underline; } h1 { font-family: 'Oswald', serif; color: #f0b92d; padding:0; margin: 16px 0 0 0; font-size: 3.5em; letter-spacing: 0px; line-height:100%; font-weight:lighter; text-transform:lowercase; } h2,h3,h4,h5 { color: #5c5146; } h2 { font-size: 1.3em; font-weight: lighter; margin-top:10px; padding-top:0; } h3 { font-size: 1.2em; font-weight: lighter; margin-top:24px; } h5 { font-size: 1em; margin-bottom:0; } p, ul li { font-size: 0.9em; } p { line-height: 1.5em; } .right-align { text-align:right; } .center-align { text-align: center; } .left-align { text-align: left; } .small { font-size: 0.8em; } .brown { color: #7c6955; } .clear-div { clear: both; } .nospace-bottom { margin-bottom:0 !important; } .nospace-top { margin-top:0 !important; } .hidden { display:none; } .visible { display: block; } label span, .required { color: #ff0000; font-weight:bold; } select { height: 30px; font-size: 0.9em; padding: 6px; } .green { color: #82a268; font-weight: bold; } .btn_more { background: url(http://www.oneroofenergy.com/wp-content/themes/oneroof/images/bullet_white.gif) 0 4px no-repeat; padding: 10px 0 10px 23px; } .grn_more { background: url(images/bullet.gif) 0 4px no-repeat; padding: 5px 0 10px 23px; } textarea, input, table { font-family: Arial, Helvetica, sans-serif; } .italics { font-style: italic; width: 95%;} .imgright, .alignright { margin: 5px 0 5px 15px; float: right; } .imgleft, .alignleft { margin: 5px 15px 5px 0; float: left; } .narrowcolumn { padding-top: 8px; } table { display: table; margin: 10px 0 10px 0; } table td { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: top; } iframe { overflow: hidden; } .last { padding-right:0; margin-right: 0; } .needsfilled { background: #ffff00; color: #000; font-weight: bold; } .sb-privacy { font-size: 0.78em !important; text-align: center; margin-bottom:0; padding-bottom:0; color: #a4a4a4; } hr { display: block; background: none; color: #b4aea6; height: 5px; border: none; border-bottom: 1px solid #b4aea6; margin: 18px auto; clear: both; } form #error { display: none; } form #error p, form #error ul { font-size: 0.9em; color: #ff0000; font-weight: bold; } form #error p { margin-bottom:0; } form #error ul { margin:0; padding-left: 14px; } .anywhere-form { width: 640px; padding:12px 0; margin: 0 auto 12px auto; background:url(images/anywhere-form-bg.gif) top left no-repeat; } .anywhere-form h3 { margin:6px 0 9px 20px; font-family: 'Oswald'; font-size: 1.6em; font-weight: lighter; color: #fff; } .anywhere-form p { overflow:hidden; color: #fff; } .anywhere-form p.sb-privacy { width: 350px; padding-bottom:6px; text-align: center; } .anywhere-form p span { display: block; padding: 7px; margin-left: 20px; background: #f2b93a; } #email-address-anywhere { width: 240px; } #anywhere-submit { width: 292px; height: 54px; margin-left: 16px; background: url(images/anywhere-submit.png) top left no-repeat; } /* Main Page */ #main-image-wrapper { height:365px; } #main-image-flipper { float: right; height: 360px; width: 560px;} #main-image-wrapper,#main-image { height:365px; } #main-image, #main-hoverbox, #main-image img { position: absolute; } #main-image-wrapper { position: relative; margin: 12px 0; } #main-image { z-index:25; } #main-image img { z-index: 50; opacity:1.0; } #main-image img.active { z-index:105; opacity:1.0; } #main-image img.last-active { z-index:55; } #main-hoverbox { width: 380px; height: 320px; padding:20px; background: transparent url(images/banner-back.png); } #main-hoverbox div { z-index: 300; position: absolute; top: 20px; left: 20px; width: 380px; height: 200px; opacity: 0.0; overflow: hidden; } #main-hoverbox div h1, #main-hoverbox div p { padding:0; color: #fff; opacity:0.0; } #main-hoverbox div.active, #main-hoverbox div.active h1, #main-hoverbox div.active p { opacity:1.0; } #main-hoverbox h1 { font-family:'Oswald'; font-weight: lighter; font-size: 1.8em; margin: 0; } #main-hoverbox h2 { font-family:'Oswald'; font-weight: lighter; display:none; } /* JS only */ #main-hoverbox p { margin: 4px 0; font-size: 1.4em; line-height: 1.3em; width: 60%; } #main-hoverbox form { position:absolute; z-index: 400; left:30px; bottom:20px; width:360px; height: 100px; } /*#main-hoverbox form { position:absolute; z-index: 400; left:20px; bottom:20px; width:360px; height: 82px; margin-top:9px; background: transparent url(images/transparent-black.png); }*/ #main-hoverbox form #email-address { width: 332px; } #main-hoverbox form #hero-submit { font-family: 'Open Sans Condensed'; font-weight: bold; width: 354px; margin-left: 3px; line-height: 0.8em; } #main-trust-icons { margin-top:0; padding-top:0; text-align: center; border-bottom: 3px solid #f3f0e7; } #as-featured { font-style: italic; font-family: 'Bitter', serif; margin-bottom:0; padding-bottom:6px; } #main-trust-icons img { margin-right: 40px; } .main-news-column { width:314px; height: 212px; background:url(images/main-news-bg-rev2.gif) top left no-repeat; position: relative; margin-right: 24px; } .main-news-column#c3 { margin-right: 0; } .main-news-column h3 { font-family: 'Open Sans Condensed'; font-weight: bold; color: #f9f6ed; display: block; width: 165px; height: 46px; font-size: 1.1em; line-height: 1em; font-weight: bold; color: #fff; margin:0 0 24px 0; padding: 40px 135px 0 15px; background-repeat: no-repeat; } .main-news-column#c1 h3 { background-image: url(images/main-news-rooftop_08-16-12.png); background-position: 162px 7px; } .main-news-column#c2 h3 { background-image: url(images/main-news-panels_08-16-12.png); background-position: 186px 7px; } .main-news-column#c3 h3 { background-image: url(images/main-news-sold_08-16-12.png); background-position: 185px 7px; } .main-news-column h4, .main-news-column p, .main-news-column ul { width: 260px; font-size: 1em; } .main-news-column h4, .main-news-column p { margin: 2px auto; padding:0; font-size: 0.84em; line-height: 1.3em; color:#61564b; } .main-news-column p.main-bottom-link { position: absolute; right: 26px; bottom:16px; text-align: right; } .main-news-column ul { margin-top:0; } #rotation-buttons { position: absolute; right: 40px; bottom:24px; z-index: 990; min-width: 60px; height: 12px; } #rotation-buttons a { display: block; width: 11px; height:12px; margin-right: 6px; background: url(images/rotator-button.png) top left no-repeat; } /* FAQ */ .faq-content div { padding:6px 0; } .faq-content div h3 { display:block; font-size: 18px; height:18px; line-height: 18px; width: 100%; padding-left:22px; background:url(images/faq-arrow.png) top left no-repeat; font-family:'Open Sans Condensed'; font-weight: lighter; } .faq-content div h3:hover { cursor:pointer; } .faq-content div p { padding: 6px 0; } /* quote page */ #quote-form p { margin: 0; padding:4px 0; } #quote-form label { font-size: 0.95em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding:6px 0 3px 0; } .contact_field { font-size: 0.9em; padding: 2px 0 0 2px; width: 286px; height: 25px; } #tos-box, #opt-in { font-size: 0.75em; } #tos-box { text-align: center; margin: 3px 0; } #quote-form #submit-button { width: 290px; padding: 0 25px; } #quote-form select { width: 290px; } #quote-form input#newsletter { width: auto; height: auto;} /* Blog */ .post-left { float: left; margin-right: 25px; width: 155px; height: 155px; } .post-right { float: left; width: 360px; } .blog { margin: 50px auto 0 !important; } .blog .entry { border: medium none; margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 0.85em; } .sidebar-blog { margin-bottom: 30px; } .sidebar-blog #social-links, #categories, #latest-news { background: #FAF7EF; min-height: 120px; margin-top: 20px; padding-left: 25px; } #social-links img { margin-right: 10px; opacity: 0.6;} #social-links img:hover { opacity: 1;} .sidebar-blog h3#sb-head1 { background: none repeat scroll 0 0 transparent; color: #7C6955; display: block; font-family: Helvetica,sans-serif; font-size: 0.95em; font-style: italic; font-weight: bold; height: 36px; margin: 0; padding-top: 12px; text-align: left; } #categories { padding-bottom: 25px; } #categories ul { margin: 0; padding: 0; } #categories ul li { list-style: none; margin-bottom: 5px; } #categories ul li a { color: #f49a00; } #latest-news { padding-bottom: 25px; } #latest-news a { color: #f59a03; font-size: 0.8em; text-transform: lowercase; } #latest-news h5 { margin: 5px 0 20px; font-size: 0.8em; } .next-posts a , .previous-posts a { background: none repeat scroll 0 0 #867666; border-radius: 5px 5px 5px 5px; color: #FFFFFF; float: right; font-weight: bold; margin-bottom: 20px; padding: 7px; } .blog .post h4, .blog .post h4 a { color: #877664; font-size: 1.1em; font-weight: normal; margin: 0; } /* how it works */ .icon-point { display: block; padding-left: 56px; background-position:top left; background-repeat:no-repeat; } /*.icon-point#savings { background-image: url(images/save-icon_06-27-12.png); } .icon-point#warranty { background-image: url(images/warranty-icon.png); } .icon-point#aesthetically { background-image: url(images/aesthetically-icon.png); } .icon-point#financing { background-image: url(images/performance-icon.png); } .icon-point#installation { background-image: url(images/installation-icon.png); }*/ .icon-point#savings { background-image: url(images/icons/bank-icon_06-27-12.png); } .icon-point#warranty { background-image: url(images/icons/lock-icon.png); } .icon-point#aesthetically { background-image: url(images/icons/tools-icon.png); } .icon-point#financing { background-image: url(images/icons/prezo-icon.png); } .icon-point#installation { background-image: url(images/icons/money-icon.png); } .icon-point strong { color: #f2c14a; } #request-button,#request-button p, #request-button input { width: 290px; } #request-button { padding:0; margin: 18px auto; } #lease-buy-graph { margin:18px auto; } #lease-buy-graph th, #lease-buy-graph td { padding: 6px; font-size: 1.0em; text-align: center; border-right: 1px solid #000; border-bottom: 1px solid #000; width: 11em; } #lease-buy-graph th { font-size: 1.1em; font-family: 'Bitter', sans-serif; color: #ff8f25; font-weight:bold; } #lease-buy-graph .b-left { border-left:1px solid #000; text-align: left; } #lease-buy-graph .b-top { border-top:1px solid #000; } #lease-buy-graph td span { display: block; width: 1em; height: 1em; text-align: left; margin:auto; text-indent:-50000px; background-position: 50% 50%; background-repeat: no-repeat; } #lease-buy-graph .checked { background-image: url(images/table-checked.gif); } #lease-buy-graph .notchecked { background-image: url(images/table-x.gif); } #lease-buy-graph .notchecked-asterisk { width: 1.3em; background-image: url(images/table-x-asterisk.gif); } #installation-steps { width: 640px; margin:18px auto; overflow:hidden; background:url(images/installation-process.png) 50% 0 no-repeat; } #installation-steps p { font-size: 0.85em; width: 170px; margin:60px 50px 18px 0; text-align: center; } #installation-steps p:last-child { margin-right: 0; } /* mostly why oneroof page, but may appear on others */ .subpage_options { padding: 7px 0px 15px 0px; line-height: normal; overflow: hidden; } .subpage_options li { padding: 0px 7px 5px 0px; background: none; list-style:none; } .subpage_options .last { padding: 0px 0px 5px 0px; } /* staff page */ .staff-box { width: 485px; padding:24px; background: #fff; margin: 20px 0; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; -moz-box-shadow: 2px 2px 3px 3px #d6d6d6; -webkit-box-shadow: 2px 2px 3px 3px #d6d6d6; box-shadow: 2px 2px 3px 3px #d6d6d6; } .staff-box img { float: left; margin: 0 12px 12px 0; } .staff-box p { padding:0; margin: 3px 0; font-size: 0.85em; } /* for careers page */ #careers-nav,#careers-nav li, #careers-nav li a { display: block; } #careers-nav { margin:0 auto; padding: 6px 0; overflow: hidden; } #careers-nav li { list-style:none; text-align: center; font-size: 0.85em; line-height: 1.4em; background:none; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; margin-right: 9px; } #careers-nav li a { padding: 0 12px; } #careers-nav li.last { margin-right: none; } .career-divs { min-height: 500px; } /* contact us page */ .wpcf7-form { width: 410px; margin: 24px 50px; } .wpcf7-form .contact_field, .wpcf7-form .contact_text, .wpcf7-form select, .wpcf7-form label { display: inline-block; } .wpcf7-form .contact_field, .wpcf7-form .contact_text { font-size: 0.9em; padding: 2px 0 0 2px; margin:0 0 4px 0; width: 257px; } .wpcf7-form .contact_field { height: 25px; } .wpcf7-form .contact_text { height: 150px; } .wpcf7-form label { width: 140px; font-size: 12px; text-align: right; padding-right: 5px; } .wpcf7-form label span { color: #ff0000; font-weight:bold: } .wpcf7-form p { margin: 0px; padding: 5px 0; overflow:hidden; } .wpcf7-form select { width: 120px; height: 32px; } .wpcf7-form #zipcode, .wpcf7-form #zip-label { width: 64px; } .wpcf7-form #tos-agree { font-size: 0.75em; width: 270px; } #contact-submit { width: 150px; margin-left: 140px; } /* contact page */ #contactForm { width: 410px; margin: 24px 50px; } #contactForm .contact_field, #contactForm .contact_text, #contactForm select, #contactForm label { display:block; } #contactForm .contact_field, #contactForm .contact_text { font-size: 0.9em; padding: 2px 0 0 2px; margin:0 0 4px 0; width: 257px; } #contactForm .contact_field { height: 25px; } #contactForm .contact_text { height: 150px; } #contactForm label { width: 140px; font-size: 12px; text-align: right; padding-right: 5px; } #contactForm label span { color: #ff0000; font-weight:bold: } #contactForm p { margin: 0px; padding: 5px 0; overflow:hidden; } #contactForm select { width: 120px; height: 32px; } #contactForm #zipcode, #contactForm #zip-label { width: 65px; } #contactForm #tos-agree { font-size: 0.75em; width: 270px; } #contact-submit { width: 150px; margin-left: 140px; } /* wp stuff */ .post h4, .post h4 a { color:#948778; font-size: 0.95em; margin: 12px 0 0 0; } .post h5 { font-size: 0.8em; margin:4px 0 0 0; font-weight: lighter; font-style:italic; } .entry, .commentlist li { border-width: 0 0 1px 0; border-style: dotted; border-color: #666666; margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 0.85em; } .commentlist li, #commentform input, #commentform textarea { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li ul li { font-size: 1em; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { width: 480px; padding: 2px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #commentform #submit { margin: 0 0 5px auto; } /* End Form Elements Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* Date Picker */ .wpd { position: absolute; width: 208px; padding: 5px; height: 221px; background: #f1ba15; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; } .wpd .header { position: relative; margin: -5px -5px 3px -5px; } .wpd .header .next, .wpd .header .previous, .wpd .header .title { display: block; white-space: nowrap; background-image: -webkit-gradient(linear, left top, left bottom, from(#f1ba15), to(#e9910f)); background-image: -webkit-linear-gradient(top, #f1ba15, #e9910f); background-image: -moz-linear-gradient(top, #f1ba15, #e9910f); background-image: -ms-linear-gradient(top, #f1ba15, #e9910f); background-image: -o-linear-gradient(top, #f1ba15, #e9910f); background-image: linear-gradient(top, #f1ba15, #e9910f); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1ba15', EndColorStr='#e9910f'); text-decoration: none; text-shadow: 0 1px 0 rgba(255,255,255,.8); height: 22px; -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,.1) inset, 0 1px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.1) inset, 0 1px 0 rgba(0,0,0,.3); box-shadow: 0 0 1px 1px rgba(0,0,0,.1) inset, 0 1px 0 rgba(0,0,0,.3); } .wpd .header .title { text-align: center; margin: 0 33px; padding: 3px 0 2px; } .wpd .header .next { -moz-border-radius: 0 10px 10px 0; -khtml-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; padding: 1px 5px 1px 4px; } .wpd .header .previous { -moz-border-radius: 10px 0 0 10px; -khtml-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; padding: 1px 3px 1px 6px; } .wpd .header .disabled, .wpd .header .title.disabled:hover, .wpd .header .previous.disabled:hover, .wpd .header .next.disabled:hover { color: #233610; background: #e9910f; cursor: default; text-shadow: none; box-shadow: 0 0 1px 1px rgba(0,0,0,.1) inset, 0 1px 0 rgba(0,0,0,.3); } .wpd .header .next:hover, .wpd .header .previous:hover, .wpd .header .title:hover { background-color: #ddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd)); background-image: -webkit-linear-gradient(top, #fafafa, #ddd); background-image: -moz-linear-gradient(top, #fafafa, #ddd); background-image: -ms-linear-gradient(top, #fafafa, #ddd); background-image: -o-linear-gradient(top, #fafafa, #ddd); background-image: linear-gradient(top, #fafafa, #ddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd'); } .wpd .header .next:active, .wpd .header .previous:active, .wpd .header .title:active { -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset; -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset; box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset; } .wpd .header .title:focus { outline: 0; background: #fafafa; } .wpd .header .titleText { font-weight: bold; font-size: 16px; } .wpd .header .next, .wpd .header .previous, .wpd .header .closeButton { position: absolute; width: 24px; text-align: center; padding-bottom:4px; top: 0; cursor: pointer; font-weight: bold; font-size: 18px; } .wpd .header .previous { left: 0; } .wpd .header .next { right: 0; } .wpd .header .closeButton { display: none; right: 5px; } .wpd .header .upArrow { font-size: 85%; vertical-align: 2px; padding-left: 5px; } .wpd .body { position: relative; top: 0; left: 0; width: 20px8px; height: 193px; overflow: hidden; } .wpd .time { width: 100%; height: 100%; } .wpd .time .hour, .wpd .time .separator, .wpd .time .minutes, .wpd .time .ampm { border: 1px solid #ccc; background: #fff; width: 50px; font-size: 32px; position: absolute; top: 50px; text-align: center; padding: 2px; } .wpd .time .hour, .wpd .time .minutes, .wpd .time .ampm { -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .wpd .time .hour { left: 10px; } .wpd .time .separator { background: transparent; border: 0; width: 10px; left: 71px; top: 60px; } .wpd .time .minutes { left: 90px; } .wpd .time .ampm { left: 150px; } .wpd .time .ok { position: absolute; top: 105px; width: 136px; left: 30px; font-size: 20px; } .wpd .days .day { float: left; cursor: pointer; text-align: center; padding-top: 4px; width: 27px; overflow: hidden; height: 21px; margin: 0 3px 3px 0; font-weight: bold; } .wpd .days .day0 { margin-right: 0; } .wpd .days .week5 .day { margin-bottom: 0; } .wpd .days .title { font-weight: 200; cursor: default; } .wpd .days .otherMonth { font-weight: normal; } .wpd .months .month { float: left; cursor: pointer; text-align: center; overflow: hidden; width: 69px; height: 31px; padding-top: 15px; margin: 0 3px 3px 0; font-size: 16px; } .wpd .months .month3, .wpd .months .month6, .wpd .months .month9, .wpd .months .month12 { margin-right: 0; width: 64px; } .wpd .months .month10px, .wpd .months .month11, .wpd .months .month12 { margin-bottom: 0; } .wpd .years .year { float: left; cursor: pointer; text-align: center; padding-top: 11px; width: 50px; overflow: hidden; height: 25px; margin: 0 3px 3px 0; font-size: 16px; } .wpd .years .year3, .wpd .years .year7, .wpd .years .year11, .wpd .years .year15, .wpd .years .year19 { margin-right: 0; width: 47px; } .wpd .years .year16, .wpd .years .year17, .wpd .years .year18, .wpd .years .year19 { margin-bottom: 0; height: 26px; } .wpd .selected { background: #000 !important; color: #fff !important; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .wpd .unavailable { background: #edd !important; color: #b88 !important; cursor: default !important; } .wpd .days .week .day:hover, .wpd .months .month:hover, .wpd .years .year:hover { background: #fff !important; color: #000 !important; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* --------------------- Custome CSS --------------- */ ul.how-it-work li{ line-height: 25px; } /* Sundollar's Page */ #content-left .sundoller .entry { border:none; } #content-left .sundoller fieldset h3 { font-size: 19px; } #content-left .sundoller fieldset h2 { float: left; font-size: 20px; margin: 25px 0; width: 500px; } #content-left .sundoller fieldset h5 { font-size: 12px; font-style: normal; } #content-left .sundoller fieldset span { font-size: 13px; margin: 0; text-shadow: 1px 0 0 #B0A79E; } #content-left .sundoller fieldset { border: medium none; width: 536px; padding: 0 0 20px; margin:0; } #content-left .sundoller fieldset input { border: 1px solid #CCCCCC; border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); height: 25px; } #content-left .sundoller fieldset span { color:red; } #content-left .sundoller form { width: 500px; } #content-left .sundoller .form_column1 { float: left; width: 252px; } #content-left .sundoller .form_column2 { float: left; width: 252px; margin-left: 32px; } #content-left .sundoller .address_column { float: left; margin-top: 5px; } #content-left .sundoller .address_column input { width:535px !important; } #content-left .sundoller .city_state_zip { float:left; width:500px; } #content-left .sundoller .city_column { float:left; } #content-left .sundoller .city_column #mid_col_city { width: 220px; } #content-left .sundoller .state_column { float: left; margin-top: 29px; } #content-left .sundoller .state_column select { float: left; height: 29px; margin-left: 20px; width: 188px; } #content-left .sundoller .zip-code-column { float:left; margin-left: 15px; } #content-left .sundoller .zip-code-column #zip { float:left; width:156px; } #content-left .sundoller form label { font-family: Arial,helvetica,Sans-serif; font-size: 14px; font-weight: bold; line-height: 28px; } #content-left .sundoller .form_column1 input, #content-left .sundoller .form_column2 input { width: 252px; } #content-left .sundoller #input_button { float: right; margin-top: 10px; width: 95px; cursor:pointer; font-family: Arial,helvetica,Sans-serif; font-size: 14px; font-weight: bold; color:#5b5348; height: 28px; padding: 1px 0 3px 0;} #content-left .sundoller select { padding: 4px; }