/* ---------------------------------------------------------------------------- Copyright Creative Giant Design Group, LLC 2008. Used with Permission. May not be duplicated or reproduced. ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* No list-markers by default - must redefine bullets w/ bg graphics */ ul,ol { list-style:none; } /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img,fieldset { border:none; } /* global elements * ------------------------------------------------------------------------- */ body { background: #ffffff url(../images/bg.jpg) bottom repeat-x; text-align: center; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; color: #83786c; } a { color: #bd491b; text-decoration: none; } a:hover { text-decoration: underline; } h1,h2,h3 { color: #7d6a55; font-weight: normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 3px; color: #7d6a55; } h4.oswald, h4.opensans, h4.opensans-light { font-size: 28px; line-height: 36px; color: #f2ab10; margin: 15px 0 0 0; letter-spacing:0.1em; } h4.oswald, h4.opensans-light { font-weight:lighter; } h4.oswald { font-family: 'Oswald'; } h4.opensans, h4.opensans-light { font-family: 'Open Sans Condensed'; } p { padding: 10px 0px 10px 0px; line-height: 18px; } .green { color: #82a268; font-weight: bold; } .btn_more { background: url(http://www.oneroofenergy.com/wp-content/themes/oneroof/images/bullet_white.gif) 0px 4px no-repeat; padding: 10px 0px 10px 23px; } .grn_more { background: url(../images/bullet.gif) 0px 4px no-repeat; padding: 5px 0px 10px 23px; } textarea, input, table { font-family: Arial, Helvetica, sans-serif; } .italics { font-style: italic; width: 95%;} .imgright, .alignright { margin: 5px 0px 5px 15px; float: right; } .imgleft, .alignleft { margin: 5px 15px 5px 0px; float: left; } .narrowcolumn { padding-top: 8px; } .entry, .commentlist li { border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #666666; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; } table { display: table; margin: 10px 0px 10px 0px; } table td { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: top; } /* framework * ------------------------------------------------------------------------- */ /* changed logo to absolute */ #container, #navbar, #top_bar, #top-zip-container, #top_nav, #interactive, #home_content, #home_buttons, #home_news, #sub_content { width: 990px; } #container { margin: 0px auto 40px auto; padding: 0px; padding: 0px; text-align: left; } #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; } #top_bar { height: 120px; position:relative; } #logo_area,#pono-solar,#hanwha-solar { margin:0; padding:0; } #pono-solar,#hanwha-solar { float: left; } #logo_area { position:absolute; z-index:-1; } #logo_area a,#pono-solar a,#hanwha-solar a { text-indent:-50000px; border: none; outline:none; } #logo_area { width: 323px; height: 120px; float: left; background: url(../images/top_logo.gif) no-repeat; } #logo_area a { display: block; width: 323px; height: 120px; } #logo_area span { display: none; } /* WTH - leaving it as some still exist */ #pono-solar { width: 100px; height: 15px; margin: 55px 0 0 12px; } #hanwha-solar { width: 82px; height: 63px; margin:18px 0 0 30px; } #navbar { height: 120px; float: right; } #top_nav { height: 30px; font-size: 11px; } #top_nav ul { float: right; } #top_nav li { float: left; border-width: 0px 1px 0px 0px; border-style: solid; padding: 0px 10px 0px 10px; margin: 6px 0px 4px 0px;} #top-zip-container { overflow: hidden; background: #6c6c6c; color: #fff; } #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"] { -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;} #top-zip-container #zip-entry { overflow: hidden; width:860px; margin: 0 auto; display: block; height: 0; } #top-zip-container #zip-entry p { font-size: 14px; } #zip-form-first { float: left; margin:12px 0 0 0; padding:0; } #zip-form-second { float: right; width: 275px; margin: 9px 0 0 0; } #zip-form-last { float: left; margin: 0; padding:0 } #zip-form-second input[type="text"], #zip-form-second input[type="submit"] { float: left; 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; } #zip-form-second input[type="text"] { width: 75px; height: 20px; color: #adadad; } #zip-form-second input[type="submit"] { color: #fff; margin-left:2px; height:24px; border: none; outline:none; display: block; color: #fff; text-decoration:none; font-weight:bold; margin-left: 12px; background-image: linear-gradient(bottom, #ff7602 23%, #ff8f25 62%, #ffa442 81%); background-image: -o-linear-gradient(bottom, #ff7602 23%, #ff8f25 62%, #ffa442 81%); background-image: -moz-linear-gradient(bottom, #ff7602 23%, #ff8f25 62%, #ffa442 81%); background-image: -webkit-linear-gradient(bottom, #ff7602 23%, #ff8f25 62%, #ffa442 81%); background-image: -ms-linear-gradient(bottom, #ff7602 23%, #ff8f25 62%, #ffa442 81%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.23, #ff7602), color-stop(0.62, #ff8f25), color-stop(0.81, #ffa442) ); } #zip-form-second input[type="submit"]:hover { background-image: linear-gradient(bottom, #ed9d2a 23%, #efaf47 62%, #f1be60 81%); background-image: -o-linear-gradient(bottom, #ed9d2a 23%, #efaf47 62%, #f1be60 81%); background-image: -moz-linear-gradient(bottom, #ed9d2a 23%, #efaf47 62%, #f1be60 81%); background-image: -webkit-linear-gradient(bottom, #ed9d2a 23%, #f1be60 62%, #f1be60 81%); background-image: -ms-linear-gradient(bottom, #ed9d2a 23%, #efaf47 62%, #f1be60 81%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.23, #ed9d2a), color-stop(0.62, #efaf47), color-stop(0.81, #f1be60) ); } .general_links { margin: 0px 10px 0px 0px; } .general_links a { } .general_links li { border-color: #e6e6e6; } .login_links { background-color: #f3f0e7; } .login_links a { color: #7c6955; } .login_links li { border-color: #ddcec0; } .login_links .last form { background: url(../images/search_field.gif) no-repeat; } .login_links .search_field { background: none; border: none; font-size: 11px; height: 17px; width: 120px; margin: 0px 0px 0px 20px; padding: 2px 0px 0px 0px;} .login_links .search_btn { background: none; border: none; cursor: pointer; width: 18px; } #top_nav li.last { border: none; } #nav { height: 37px; margin: 42px 12px 0 0; padding: 0px; position: relative; float: right; list-style: none; display: inline; } #nav li { list-style: none; margin: 0px; padding: 0px 0px 0px 22px; float: left; height: 37px; color: #ffffff; font-size: 15px; letter-spacing: -0.02em; text-align: center; } #nav li, #nav a { height: 37px; display: inline-block; color: #7c6955; text-align: center; } #nav a:hover, #nav .active { text-decoration: none; color: #ffffff; background: url(../images/navroll-bg.gif) top center repeat-x;} #nav a:hover span, #nav .active span { background: url(../images/navroll.gif) top center no-repeat; display: inline-block; height: 37px; } #nav span { display: inline-block; padding: 4px 12px 0px 12px; } #navigation div { padding: 0px; position: absolute; top: 120px; height: 44px; } #navigation div ul { padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; background-color:#0462d7; } #navigation div li { padding: 0px; margin: 0px; } #navigation div ul a { color: #ffffff; padding: 10px 15px 10px 15px; margin: 0px; display: block; } #navigation div ul a:hover { color: #ffe588; background-color: #4c92d1; text-decoration: underline; }#content_area { padding: 0px 0px 0px 0px; } /* Main Interactive Area */ #interactive { height: 382px; margin: 0px 0px 0px 0px; position: relative; } #interactive .boxes { height: 24px; padding: 338px 0px 0px 890px; font-size: 12px; position: absolute; z-index: 9999; } #interactive .boxes li { float: left; height: 25px; width: 25px; margin: 0px 0px 0px 2px; } #interactive .boxes .first { margin: 0px; } #interactive .boxes a { display: block; height: 24px; width: 24px; color: #ffffff; background: url(../images/circles_on.png) no-repeat; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/oneroof/images/circles_on.png', sizingMethod='crop'); } #interactive .boxes a:hover, #interactive .boxes a.activeSlide { text-decoration: none; background: url(../images/circles_off.png) no-repeat; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/oneroof/images/circles_off.png', sizingMethod='crop'); } .boxes span { display: block; text-align: center; padding: 3px 0px 0px 0px; } #tagline { position: absolute; z-index: 9999; width: 387px; height: 382px; margin: 0px 10px 0px 0px; float: left; overflow: hidden; background-color: #bd491b; } #tagline .info_pod { padding: 40px 30px 0px 30px; } #tagline {} #image_slides { position: absolute; z-index: -999; width: 593px; height: 382px; overflow: hidden; background-color: #ffffff; margin: 0px 0px 0px 397px; } /* home content */ #home_content h1 { font-size: 25px; } #home_content h2 { font-size: 18px; } #home_content .left_column .info_pod { height: 266px; background-color: #faf7ef; overflow: hidden; } #home_video { width: 242px; padding: 30px 0px 0px 30px; position: absolute; } #home_testimonial { width: 310px; margin: 30px 0px 0px 290px; overflow: hidden; height: 242px; position: absolute; } #home_testimonial li { margin: 0px 0px 29px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #e1dbd4; height: 182px;} #home_testimonial h2 { text-transform: uppercase; letter-spacing: 1px; color: #f6b716; font-size: 21px; line-height: 18px; } #home_testimonial .author { font-size: 12px; color: #7c6955; } .testimonial_nav { position: absolute; z-index: 9999; list-style: none; margin: 225px 0px 0px 445px; } .testimonial_nav li { float: left; height: 24px; width: 24px; margin: 0px 0px 0px 2px; } .testimonial_nav a { font-size: 13px; text-align: center; display: block; height: 24px; width: 24px; color: #ffffff; background: url(../images/circles_on.png) no-repeat; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/oneroof/images/circles_on.png', sizingMethod='crop'); } .testimonial_nav a:hover { text-decoration: none; background: url(../images/circles_off.png) no-repeat; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/oneroof/images/circles_off.png', sizingMethod='crop'); } .testimonial_nav span { display: block; padding: 1px 0px 0px 0px; } #home_content .right_column .info_pod { height: 276px; margin: 0px 0px 0px 10px; } #home_buttons { position: relative; height: 131px;} #home_buttons ul { position: absolute; margin-left: -3px; width: 996px; height: 109px; } #home_buttons li { float: left; } .btn_home-1 { width: 331px; } .btn_home-2 { width: 334px; } .btn_home-3 { width: 331px; } #mainPageButton { display:block; width:74px; height:35px; background: transparent url(../images/btn-signup.png) top left no-repeat; text-indent:-50000px; border: none; outline:none; cursor:pointer; } #mainPageButton:hover { background-position:bottom left; } #home_news { background: #7c6955 url(http://www.oneroofenergy.com/wp-content/themes/oneroof/images/homenews-bg.gif) no-repeat top left; line-height: 18px; font-size: 12px; color: #fff; margin: 10px 0px 0px 0px; } #home_news .info_pod { padding: 85px 30px 20px 30px; } #home_news h2 { text-transform: uppercase; letter-spacing: 1px; color: #f6b716; font-size: 23px; line-height: 18px; } #home_news a { color: #f6b716; } .news-logos img { opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */} .news-logos img:hover { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */} /* sub content */ #sub_content { background: url(../images/subpage-bg.gif) top left repeat-y; line-height: 18px; font-size: 12px; } #sub_content a { color: #dd7e2c; } #sub_content h1 { font-size: 30px; letter-spacing: -0.01em; } #sub_content h2 { font-size: 22px; } #sub_content h5 { font-size: 9px; letter-spacing: 1px; color: #aaaaaa} #sub_content .left_column .info_pod { padding: 10px 30px 30px 30px; } .subheader { background-repeat: no-repeat; height: 277px; width: 657px; overflow: hidden; color: #ffffff; } .subheader .graybox { width: 657px; height: 70px; background: url(../images/gray_60.png); _position: absolute;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/oneroof/images/gray_60.png', sizingMethod='scale'); margin: 207px 0px 0px 0px; } .subheader-2 { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px; background: url(../images/gray_60.png); _zoom: 1; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/oneroof/images/gray_60.png', sizingMethod='scale'); } #sub_content .left_column h1 { color: #ffffff; margin: 0px 0px 0px 0px; padding: 20px 30px 0px 30px; } #sub_content .left_column .subheader-2 h1 { padding: 20px 30px 15px 30px; } #sub_content .left_column .subheader-2 h4 { padding: 0px 30px 15px 30px; color: #ffffff; } #sub_content .graybox p { padding: 10px 30px 0px 30px; } #sub_content .left_column h2 { font-size: 22px; padding: 13px 0px 10px 0px; line-height: 25px; text-transform:uppercase;} #sub_content .left_column h3 { background: #f5bc17; padding: 10px 20px 10px 20px; color: #ffffff; margin: 10px 0px 0px 0px; font-size: 13px } #sub_content .left_column h5 { font-size: 17px; padding: 13px 0px 0px 0px; line-height: 17px; text-transform: none; color: #7d6a55; } #sub_content .left_column h5 span { font-size: 13px; } #sub_content .info_pod ul { font-size: 12px; line-height: 25px; } #sub_content .info_pod li { background: url(../images/bullet.gif) 0px 9px no-repeat; padding: 0px 0px 0px 12px; } #sub_content .subpage_options { padding: 7px 0px 15px 0px; line-height: normal;} #sub_content .subpage_options li { float: left; padding: 0px 7px 5px 0px; background: none; } #sub_content .subpage_options .last { padding: 0px 0px 5px 0px; } .postit-quote { margin: 10px 0px 0px 0px; background: url(../images/postit-quote.png) no-repeat; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/oneroof/images/postit-quote.png', sizingMethod='crop'); } .postit-quote a span { display: none; } .postit-quote a { display: block; height: 246px; width: 333px; } .postit-contact { margin: 10px 0px 0px 0px; background: url(../images/postit-contact.png) no-repeat; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/oneroof/images/postit-contact.png', sizingMethod='crop'); } .postit-contact a span { display: none; } .postit-contact a { display: block; height: 246px; width: 333px; } #sub_content .right_column { background: url(../images/subrt-top.gif) top left no-repeat; padding: 0px 0px 25px 0px; } #sub_content .right_column .info_pod { padding: 25px 30px 5px 30px; } #sub_content .right_column .firstpod {} #sub_content .right_column .info_pod h3 { text-transform: uppercase; font-size: 12px; padding: 0px 0px 7px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #e1dbd4; margin: 0px 0px 6px 0px; } #contact_page { font-size: 12px; padding: 20px 0px 20px 75px; } .contact_field { font-size: 12px; padding: 2px 0px 0px 2px; width: 257px; height: 22px; background: url(http://www.oneroofenergy.com/wp-content/themes/oneroof/images/form_bg.gif) center repeat-x; background-color: #ffffff; border: 1px solid #eaeaea; margin: 0px 0px 4px 0px;} .contact_text { font-size: 12px; padding: 2px 0px 0px 2px; width: 280px; height: 150px; background: url(http://www.oneroofenergy.com/wp-content/themes/oneroof/images/form_bg.gif) center repeat-x; background-color: #ffffff; border: 1px solid #eaeaea; margin: 0px 0px 6px 0px; } #contact_page label { margin: 0px 10px 0px 5px; width: 140px; float: left; font-size: 12px; text-align: right; padding-right: 5px; } #contact_page label span { color: red; } #contact_form p { margin: 0px; padding: 5px 0px 10px 0px } #contact_page .btn_submit { margin: 0px 0px 0px 190px; background-color: #bd491b;} /* ore pocket calculators */ #home_content #ore_calculator { width: 323px; height: 266px; background: url(../images/calculator-bg.gif) top left no-repeat; color: #ffffff; } #home_content #ore_calculator .form_area { padding: 120px 30px 0px 30px; } #home_content #ore_calculator form { } #home_content #ore_calculator .box { width: 240px; background: url(../images/white_15.png); _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/oneroof/images/white_15.png', sizingMethod='scale'); padding: 20px 10px 35px 10px; border-width: 1px; border-style: solid; border-color: #e9ae45; } #home_content #ore_calculator label { font-size: 15px; float: left; width: 100px; margin-right: 10px; text-transform: uppercase; text-align: right; } #home_content #ore_calculator .zipfield { width: 80px; height: 18px; font-size: 11px; } #home_content #ore_calculator select { font-size: 11px; height: 18px; width: 120px;} #home_content #ore_calculator .btn_calc { position: absolute; margin: -20px 0px 0px 60px; z-index: 9999; } #sub_content #ore_calculator { width: 273px; height: 253px; background: url(../images/subcalculator-bg.gif) top left no-repeat; color: #ffffff; } #sub_content #ore_calculator .form_area { padding: 110px 28px 0px 28px; } #sub_content #ore_calculator .box { width: 195px; background: url(../images/white_15.png); _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/oneroof/images/white_15.png', sizingMethod='scale'); padding: 20px 10px 35px 10px; border-width: 1px; border-style: solid; border-color: #e9ae45; } #sub_content #ore_calculator label { font-size: 10px; float: left; width: 75px; margin-right: 10px; text-transform: uppercase; text-align: right; } #sub_content #ore_calculator .zipfield { width: 80px; height: 18px; font-size: 11px; } #sub_content #ore_calculator select { font-size: 11px; height: 18px; width: 100px; } #sub_content #ore_calculator .btn_calc { position: absolute; margin: -20px 0px 0px 20px; z-index: 9999; } #home_content #calc-email { width: 323px; height: 266px; background: url(http://www.oneroofenergy.com/wp-content/themes/oneroof/images/emailcalcHome-bg-rev.gif) top left no-repeat; color: #ffffff; } #home_content #calc-email .form_area { padding: 70px 20px 0px 20px; } #home_content #calc-email .gform_heading, #gforms_confirmation_message { font-size: 11px; line-height: 14px; padding: 10px 0px 10px 0px; } #home_content #calc-email .gform_body { background: url(../images/white_15.png); _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/oneroof/images/white_15.png', sizingMethod='scale'); padding: 20px 10px 25px 10px; border-width: 1px; border-style: solid; border-color: #e9ae45; } #home_content #calc-email label { font-size: 12px; float: left; width: 50px; margin-right: 10px; text-transform: uppercase; text-align: right; } #home_content #calc-email .email-field { width: 190px; height: 18px; font-size: 11px; color: #7c6955; } #home_content #calc-email .name-field { width: 91px; height: 18px; font-size: 11px; color: #7c6955; } #home_content #calc-email .gform_footer { position: absolute; margin: -20px 0px 0px 191px; z-index: 9999; } #home_content #calc-email #disclaimer { float: left; line-height: 1.2em; font-size: 0.75em; padding:0; margin: 3px 0; width: 175px; } .ginput_container { padding: 0px 0px 5px 0px; } #sub_content #calc-email { width: 273px; height: 253px; background: url(../images/emailcalc-bg.gif) top left no-repeat; color: #ffffff; } #sub_content #calc-email .form_area { padding: 60px 20px 0px 20px; } #sub_content #calc-email p { font-size: 11px; line-height: 15px;} #sub_content #calc-email .box { width: 210px; background: url(../images/white_15.png); _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/oneroof/images/white_15.png', sizingMethod='scale'); padding: 20px 10px 15px 10px; border-width: 1px; border-style: solid; border-color: #e9ae45; } #sub_content #calc-email label { font-size: 10px; float: left; width: 40px; margin-right: 10px; text-transform: uppercase; text-align: right; } #sub_content #calc-email .emailfield { width: 154px; height: 18px; font-size: 11px; } #sub_content #calc-email .btn_calc { position: absolute; margin: -20px 0px 0px 141px; z-index: 9999; } #calc-diagram { } #calc-diagram .current-bill { vertical-align: middle; text-align: right; padding: 0px 0px 30px 0px; } #calc-diagram .current-bill h5 { font-size: 12px; } #calc-diagram .current-bill h5 span { font-size: 20px; display: block; padding: 5px 0px 0px 0px; } #calc-diagram .current-bill { } #calc-diagram .new-bill { vertical-align: middle; padding: 0px 0px 5px 0px; } #calc-diagram .new-bill li { padding: 0px; background: none; line-height: 18px; } #calc-diagram .new-bill .middle { margin: 15px 0px 10px 0px; } #calc-diagram .new-bill h5 { font-size: 12px; } #impression { background: url(../images/impressions-page.jpg) no-repeat; height: 225px; width: 597px; } #sub_content .left_column #impression h5 { font-size: 15px; text-align: right; color: #ffffff; padding: 60px 25px 0px 0px; line-height: 26px; } /* Content Commons */ .left_column { width: 657px; float: left; } .right_column { width: 333px; float: left; } #newsletter_signup { padding: 20px 0px 20px 0px; } .quickfield { background-color: #555555; height: 22px; border-color: #777777; border-style:dashed; color: #cccccc; border-width: 1px; vertical-align: middle; padding: 2px 0px 0px 3px; width: 200px; } .btn_submit { background-color: #d2309f; color: #ffffff; border: none; text-transform: uppercase; padding: 3px 5px 4px 5px; cursor: pointer; margin: 0px 0px 0px 5px; font-size: 13px; } .btn_submit:hover { text-decoration: none; background-color: #16b64e; } #footer_area { background-color: #ffffff; color: #bbad9d; font-size: 11px; line-height: 16px; margin: 20px 0px 0px 0px; padding: 0px 0px 10px 0px; _height: 130px; *height: 130px; } /* Mod 02-15-12 to add bbb logo */ #footer_links { width: 385px; float: left; } #footer_links ul { float: left; width: 156px; padding:20px 0px 0px 10px; } #footer_links h3 { text-transform: uppercase; font-size: 11px; padding: 0px 0px 7px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #e1dbd4; margin: 0px 0px 6px 0px; } #bbb-footer { width: 67px; height: 151px; float: left; margin:24px 0 0 0; padding:0; } #footer_logo { width: 305px; float: left; text-align: right; font-size: 11px; } #footer_logo p span { font-size:21px; color:#bd491b;} #footer_logo p { padding: 0px 30px 4px 0px; margin: 0px; color:#7c6955; font-size:12px; text-transform:uppercase;} #footer_logo p#logo-p { padding-bottom:10px; } #footer_copyright { } #footer_copyright p { padding:20px 0px 0px 30px; margin: 0px; } #footer_copyright ul {padding:20px 35px 0px 0px; float:right;} #footer_copyright li {display:inline; padding:0px 3px 0px 3px;} #footer_area #disclaimer { width: 75%; margin:6px auto; font-size: 0.9em; line-height: 1.2em; text-align: center; clear: both; } /* for careers page */ .info_pod ul#careers-nav { display: block; width: 597px; margin:0; padding: 6px 0; background: #83786C; overflow: hidden; } .info_pod ul#careers-nav li { display: block; float: left; list-style:none; text-align: center; background:none; } .info_pod ul#careers-nav li a { display: block; padding: 0 18px; font-size: 1.1em; line-height: 1.0em; color: #fff; border-right: 1px solid #fff; } .info_pod ul#careers-nav li a.last { border-right: none; } /* wp comments */ .commentlist li, #commentform input, #commentform textarea { font: 0.9em '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; } /* End Comments */ /* form validation */ #error { color:#d05621; font-size:12px; display:none; } .needsfilled { background:#d05621; color:white; } /* 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: 0px 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: 0px; cursor: pointer; font-weight: bold; font-size: 18px; } .wpd .header .previous { left: 0px; } .wpd .header .next { right: 0px; } .wpd .header .closeButton { display: none; right: 5px; } .wpd .header .upArrow{ font-size: 85%; vertical-align: 2px; padding-left: 5px; } .wpd .body { position: relative; top: 0px; left: 0px; width: 208px; 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 .month10, .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; }