/* Theme Name: APHA Theme Theme URI: http://wordpress.org/ Description: Custom Theme built for Anderson Plumbing Heating and Air Author: Don Son, theUpCollective.com Version: 1.0 */ /*----------------common css--------------------*/ body,div,ul,li,h1,h2,h3,h4,h5,h6,form,fieldset,p{padding:0; margin:0; font-weight:normal; text-align:left} body{font:14px normal Arial, Helvetica, sans-serif; color:#333; background:#f0f0f0; height:100%} img,fieldset{border:none; margin:0; padding:0;} .left{float:left;} .right{float:right; width:auto;} .full{float:left; width:100%;} .curv{float:left; width:100%} .curv img{float:left} .clear{clear:both;} a:focus{outline:none} input:focus{outline:none;} .preload-images{display:none} /*----------------main container css--------------------*/ #main_container{float:left; width:100%; background:#fff url(common/images/top_bg.jpg) no-repeat center 28px; } #main_container .tagline{float:left; width:100%; background:url(common/images/body_bg.gif) repeat-x 0 0;} #main_container .tagline span{float:left; width:100%; text-align:center; font-size:14px; font-weight:bold; color:#fff; line-height:28px;} /*----------------wrapper css--------------------*/ #wrapper{width:958px; margin:0 auto;} /*----------------header css--------------------*/ #header{ float:left; width:958px;} #header .logo{ float:left; margin:35px 0 0 19px; display:inline;} #header .logo img{ float:left;} #header .header_right_box{ float:right; width:355px; margin:35px 19px 0 0; display:inline;} #header .header_right_box .top_ribbon{ float:right; width:auto; font-size:20px; color:#e3027f; line-height:18px; margin-top:20px;} #header .header_right_box .top_ribbon IMG {float:left;} #header .header_right_box .number{ float:right; width:auto; font-size:22px; color:#e3027f; line-height:24px;} #header .header_right_box .number strong{ color:#333;} #header .header_right_box .search_form{ float:right; width:335px; margin-top:38px;} #header .header_right_box .search_form input{ float:left; width:226px; height:22px; line-height:22px; color:#333; padding:5px 6px 3px 6px; margin-top:1px; border:1px solid #a9a9a9; background:url(common/images/search_input_bg.gif) repeat-x 0 0;} #header .header_right_box .search_form .search_btn_bg {float:left; width:89px; height:33px; border:none; background:#333 url(common/images/search_btn.jpg) no-repeat 0 0; margin-left:5px; display:inline; padding:0;} #header .header_right_box .search_form .search_btn_bg .search{float:left;width:74px;height:33px;border:none;background:none;padding:0 0 0 30px;color:#007ABA;line-height:32px; margin:0; font-size:14px; cursor:pointer;} /*----------------menu container css--------------------*/ #menu_container{float:left; position:relative!important; z-index:999;} #menu_container .menu{float:left; width:1045px; height:45px; background:url(common/images/menu_bg.gif) no-repeat 0 0; position:absolute; top:150px; left:-273px;} #menu_container .menu .navigation{float:left; width:978px; height:45px; list-style:none; padding-left:34px; position:relative!important;} #menu_container .menu .navigation li{float:left; width:auto; height:45px; padding-right:2px; background:url(common/images/menu_sep.jpg) no-repeat right top; font-size:18px; line-height:36px;} #menu_container .menu .navigation li.last{background:none; padding-right:0;} #menu_container .menu .navigation li a{float:left; width:161px; height:45px; padding:0; text-align:center; color:#fff; font-weight:bold; text-decoration:none;} #menu_container .menu .navigation li a:hover{float:left; width:161px; height:45px; padding:0; text-align:center; color:#fff; font-weight:bold; text-decoration:none; background:url(common/images/menu_hover.gif) repeat-x 0 0;} #menu_container .menu .navigation li.active a{float:left; width:161px; height:45px; padding:0; text-align:center; color:#fff; font-weight:bold; text-decoration:none; background:url(common/images/menu_active.gif) repeat-x 0 0;} #menu_container .menu .navigation li.active a:hover{float:left; width:161px; height:45px; padding:0; text-align:center; color:#fff; font-weight:bold; text-decoration:none; background:url(common/images/menu_active.gif) repeat-x 0 0;} #menu_container .menu .navigation li.last a{ padding-left:1px} #menu_container .menu .navigation li.last a:hover{ padding-left:1px} #menu_container .menu .navigation li.last.active a{ padding-left:1px} #menu_container .menu .navigation li.last.active a:hover{ padding-left:1px} /*------------------------ drop down menu start------------------------*/ .chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/ float:left; padding:0;} .dropmenudiv{position:absolute!important; top:0!important; margin:36px 0 0 0; display:inline; z-index:99999!important; width:222px; border:1px solid #b2b2b2; padding:4px; font:14px/16px Arial, Helvetica, sans-serif; visibility:hidden; background:#fff; left:195px!important;} .dropmenudiv img{ float:left;} .dropmenudiv ul{ float:left; width:222px!important; list-style:none;} .dropmenudiv ul li{ float:left; width:222px!important; line-height:33px; margin:0!important; text-transform:none!important; font-size:14px; font-weight:bold;} .dropmenudiv ul li a{ float:left; width:202px!important; background:url(common/images/drop_down_bg.gif) repeat-x 0 0; padding:0 10px; text-decoration: none; color:#007aba;} .dropmenudiv ul li a:hover{ float:left; width:202px!important; background:url(common/images/drop_down_hover_bg.gif) repeat-x 0 0; padding:0 10px; text-decoration: none; color:#fff;} #dropmenu2 {left:684px !important} /*----------------body container css--------------------*/ #body_container{float:left; width:920px; padding:68px 0 50px 19px;} #body_container .content_container{float:left; width:920px; background:url(common/images/content_container_bg.gif) repeat-y 0 0;;} /*---------------- Help Find a Cure Tab ----------------*/ #floating_link { position: absolute; right: 100px; top: 0px; display: block; width: 200px; height: 60px; text-indent: -10000px; background-image: url(common/images/top_ribbon.png); overflow: hidden; z-index:9999; float:right; cursor:pointer; } #floating_link a { cursor:pointer; } /*----------------left container css--------------------*/ #left_container{float:left; width:600px;} #left_container h1{float:none; width:600px; font-size:26px; color:#e3027f; font-weight:bold; line-height:34px} #left_container h2{float:none; width:600px; font-size:14px; font-weight:bold; line-height:24px;} #left_container h3{float:none; font-size:16px; font-weight:bold; color:#333; line-height:20px; padding-top:15px;} #left_container h4{float:none; width:600px; font-size:14px; font-weight:bold; color:#333; line-height:normal;} #left_container p{margin:5px 0px 10px 0px; line-height:18px;} #left_container ul{} #left_container a{color:#007ABA;} #left_container li{margin-bottom:5px;} #left_container object{margin:10px auto; align:center;} #left_container .post{margin-bottom:0px;clear:both;} #left_container .alignleft{float:left; padding:5px;} #left_container .alignleft img{margin:0 0 10px 15px;padding:4px;} #left_container .alignright{float:right;clear:all;} #left_container .alignright img{margin:0 0 10px 15px;padding:4px;} #left_container .aligncenter{clear: both;display: block;margin-left: auto;margin-right: auto;} #left_container .post_thumbnail{margin:5px 10px;} #left_container .entry-title a{float:left; width:600px; font-size:16px; font-weight:bold; color:#333; line-height:normal; padding-top:10px;} #left_container ul{margin-left:25px;} #left_container img{margin:0 0 10px 15px;padding:4px;} #left_container .pink_span {color:#e3027f; font-weight:bold;} /*----------------left container -> Entry Content --------------------*/ #left_container .entry-content {margin-bottom:20px;} #left_container .entry-content ul {margin-top:5px;} /*---------------- video_container css--------------------*/ #left_container .video_container{margin:20px auto;width:425px;} /*---------------- Blog Navigation Links --------------------*/ #left_container .facebook_like_container {height: 25px; margin: 0px; text-align: right; padding-bottom:5px; border-bottom:1px solid #666;margin-bottom:5px;} #left_container #nav-above {float:right; padding-bottom:10px;} /*---------------- staff_bio css--------------------*/ #left_container .staff_bio{border-bottom:1px solid #E2E2E2;clear:both;} #left_container .staff_bio img{padding-right:20px;border:none;} #left_container .staff_bio ul{clear:both;} /*----------------banner css--------------------*/ #banner{float:left; width:598px; height:288px; border:1px solid #b2b2b2; background:#fff; position:relative;} #banner ul{float:left; width:598px; height:280px; margin:2px 0px 0px 0px; overflow:hidden; list-style:none;} #banner ul li{float:left; width:598px; height:280px;} #banner ul li img{float:left; margin-left: 1px; margin-top: -2px; display:inline;} #banner ul li .details{float:left;width:583px;height:47px;opacity:0.9;filter:alpha(opacity=90);background:url(common/images/img_details_bg.gif) no-repeat 0 0; position:absolute!important; bottom:9px; left:0!important; padding:9px 5px 0 10px;} #banner ul li .details strong{float:left; width:100%; font-size:16px; color:#fff; font-weight:bold; line-height:normal;} #banner ul li .details span{float:left; width:100%; font-size:12px; color:#fff; font-style:italic; line-height:16px;} #banner ul li .details span a{color:#fff; font-style:normal; text-decoration:underline; font-weight:bold;} #banner ul li .details span a:hover{color:#fff; font-style:normal; text-decoration:none;} #banner .left_arrow{float:left; width:18px;height:39px; position:absolute; top:118px; left:-1px; z-index:999;} #banner .left_arrow a{float:left; width:18px;height:39px; background:url(common/images/left_arrow.gif) no-repeat 0 0;} #banner .left_arrow a:hover{float:left; width:18px;height:39px; background:url(common/images/left_arrow.gif) no-repeat 0 -39px;} #banner .right_arrow{float:left; width:18px;height:39px; position:absolute; top:118px; left:581px;} #banner .right_arrow a{float:left; width:18px;height:39px; background:url(common/images/right_arrow.gif) no-repeat 0 0;} #banner .right_arrow a:hover{float:left; width:18px;height:39px; background:url(common/images/right_arrow.gif) no-repeat 0 -39px;} /*---------------- one_column_bold_list_container css --------------------*/ #left_container .one_column_bold_list_container{float:left; width:580px; margin-top:18px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e2e2e2;} #left_container .one_column_bold_list_container h3{float:left; width:580px; font-size:20px; margin-top:5px; font-weight:bold; line-height:24px;} #left_container .one_column_bold_list_container ul{float:left; width:580px; font-size:16px; color:#007aba; list-style:none; line-height:20px; margin-left:0px; margin-top:5px;} #left_container .one_column_bold_list_container ul li{float:left; width:500px; padding:0 0 0 10px; background:url(common/images/dot.gif) no-repeat 0 7px; font-weight:bold; } #left_container .one_column_bold_list_container a{color:#007aba; text-decoration:none;} #left_container .one_column_bold_list_container a:hover{color:#007aba; text-decoration:underline;} /*---------------- two_column_bold_list_container css --------------------*/ #left_container .two_column_bold_list_container{float:left; width:600px; margin-top:10px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e2e2e2;} #left_container .two_column_bold_list_container h3{float:left; width:600px; font-size:20px; font-weight:bold; line-height:24px;} #left_container .two_column_bold_list_container ul{float:left; width:600px; font-size:14px; color:#007aba; list-style:none; line-height:20px; margin-left:0px; margin-top:5px;} #left_container .two_column_bold_list_container ul li{float:left; width:290px; padding:0 0 0 10px; background:url(common/images/dot.gif) no-repeat 0 7px; font-weight:bold; } #left_container .two_column_bold_list_container a{color:#007aba; text-decoration:underline;} #left_container .two_column_bold_list_container a:hover{color:#007aba; text-decoration:none;} /*----------------1 column list container css--------------------*/ #left_container .one_column_list_container {float:left; margin-top:10px; margin-bottom:10px;} #left_container .one_column_list_container h3{float:left; font-size:20px; font-weight:bold; line-height:24px; clear:both;} #left_container .one_column_list_container ul{width:100%;float:left; font-size:14px; color:#333; list-style:none; line-height:20px; margin-left:15px; margin-top:5px; clear:both;} #left_container .one_column_list_container ul li{float:left; width:100%; padding:0 0 0 10px; background:url(common/images/dot.gif) no-repeat 0 7px; } #left_container .one_column_list_container a{color:#333; text-decoration:underline;} #left_container .one_column_list_container a:hover{color:#007aba; text-decoration:none;} /*----------------2 column list container css--------------------*/ #left_container .two_column_list_container {float:left; width:600px; margin-top:10px; margin-bottom:10px;} #left_container .two_column_list_container h3{float:left; width:600px; font-size:20px; font-weight:bold; line-height:24px;} #left_container .two_column_list_container ul{float:left; width:600px; font-size:14px; color:#007aba; list-style:none; line-height:20px; margin-left:0px; margin-top:5px;} #left_container .two_column_list_container ul li{float:left; width:290px; padding:0 0 0 10px; background:url(common/images/dot.gif) no-repeat 0 7px; } #left_container .two_column_list_container a{color:#007aba; text-decoration:underline;} #left_container .two_column_list_container a:hover{color:#007aba; text-decoration:none;} /*----------------details container css--------------------*/ #left_container .details_container{float:left; width:600px; margin-top:12px; padding-bottom:18px; border-bottom:1px solid #e2e2e2; overflow:hidden;} #left_container .details_container h2{float:left; width:600px; font-size:26px; color:#e3027f; font-weight:bold; line-height:34px} #left_container .details_container p{float:left; width:600px; line-height:20px; padding:0;} #left_container .details_container span{color:#e3027f; font-weight:bold;} #left_container .details_container ol{float:left; width:575px; list-style-image:none; list-style-position:outside; list-style-type:decimal; margin:0; padding:5px 0 0 25px;} #left_container .details_container ol li{line-height:20px; padding-bottom:6px;} #left_container .details_container ol li ul{float:left; width:575px; line-height:normal; font-size:12px; list-style:none;} #left_container .details_container ol li ul li{float:left; width:540px; padding:0 0 4px 10px; background:url(common/images/dot.gif) no-repeat 0 7px; line-height:normal;} /*----------------details container special purpose css--------------------*/ #left_container #breast_cancer_homepage_block {overflow:visible;} #left_container #breast_cancer_homepage_block h2 {color: #333; font-size:18px;} #left_container #breast_cancer_homepage_block p {width:275px;font-size:0.9em;} #left_container #breast_cancer_homepage_block .thermometer {float: left;} #left_container #breast_cancer_homepage_block .thermometer img {margin-left:-22px;} #left_container #breast_cancer_homepage_block ul {margin-top:15px;} #left_container #breast_cancer_homepage_block .submit_btn_bg {float:left; width:128px; height:33px; border:none; background:#333 url(common/images/submit_btn.jpg) no-repeat 0 0; margin-top:6px; display:inline; padding:0;} #left_container #breast_cancer_homepage_block .submit_btn_bg .submit{float:left;width:128px;height:33px;border:none;background:none;padding:0;color:#E3027F;text-align:center;line-height:32px; margin:0; cursor:pointer; font-size:16px;} /*----------------breadcrumb_box css--------------------*/ #left_container .breadcrumb_box {margin-bottom:5px;font-size:12px;color:#666;} #left_container .breadcrumb_box a {text-decoration:underline;color:#666;margin:0px 5px;} #left_container .breadcrumb_box span{margin:0px 5px;} #left_container .breadcrumb_box a:hover{text-decoration:none;margin-top:-5px;} /*----------------plumbing box css--------------------*/ #left_container .plumbing_box{float:left; width:600px; border-bottom:1px solid #e2e2e2;} #left_container .plumbing_box h2{float:left; width:600px; font-size:20px; font-weight:bold; line-height:24px;} #left_container .plumbing_box p{font-size:14px; color:#333; line-height:20px; padding-bottom:16px;} #left_container .plumbing_box p a{color:#007ABA; text-decoration:underline; font-weight:bold;} #left_container .plumbing_box p a:hover{color:#007ABA; text-decoration:none; font-weight:bold;} #left_container .plumbing_box img{float:right; padding:4px; border:1px solid #b2b2b2; margin:0 0 10px 15px; display:inline;} /*----------------content box css--------------------*/ #left_container .content_box{float:left; width:600px; margin-top:18px;} #left_container .content_box h3{float:left; width:600px; font-size:20px; font-weight:bold; color:#333; line-height:normal;} #left_container .content_box p{float:left; width:600px; font-size:14px; display:inline; padding:10px 0;} #left_container .content_box h4{float:left; width:600px; font-size:16px; font-weight:bold; color:#333; line-height:normal; padding-top:10px;} /*----------------table container css--------------------*/ #left_container .table_container{float:left; width:598px; margin-top:8px; border:1px solid #b2b2b2;} #left_container .table_container .row_container{float:left; width:598px; border-bottom:1px solid #b2b2b2; border-top:1px solid #fff;} #left_container .table_container .row_container.heading{ background:url(common/images/heading_row_bg.gif) repeat-x 0 0;} #left_container .table_container .row_container.even{ background:#f5f5f5;} #left_container .table_container .row_container.odd{ background:#e4e4e4;} #left_container .table_container .row_container .column_1{float:left; width:198px; border-right:1px solid #b2b2b2;} #left_container .table_container .row_container .column_2{float:left; width:199px; border-right:1px solid #b2b2b2;} #left_container .table_container .row_container .column_3{float:left; width:198px;} #left_container .table_container .row_container h5{float:left; width:100%; font-size:14px; font-weight:bold; line-height:28px; text-align:center} #left_container .table_container .row_container p{float:left; width:100%; font-size:14px; text-align:center; line-height:27px; padding:0;} /*----------------related_posts_details css--------------------*/ #left_container .related_posts{float:left; width:600px; margin-bottom:10px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;} #left_container .related_posts .related_posts_details{float:left; width:560px; background:#e9f7ff; border-top:1px solid #fff; padding:18px 20px;} #left_container .related_posts .related_posts_details img{float:left; border:1px solid #b2b2b2; padding:4px; background:#fff;margin:0;} #left_container .related_posts .related_posts_details h4{float:right; width:440px;font-size:20px; font-weight:bold; color:#007aba; line-height:normal;} #left_container .related_posts .related_posts_details a{color:#007aba;} #left_container .related_posts .related_posts_details p{float:right; width:440px; font-size:14px; line-height:20px; padding:0;} #left_container .related_posts .related_posts_details p a{color:#007aba; text-decoration:none;} #left_container .related_posts .related_posts_details p a:hover{color:#007aba; text-decoration:underline;} #left_container .related_posts .related_posts_details .category_list {float:right;} /*----------------contact form css--------------------*/ #left_container .contact_form{float:left; width:460px; margin-top:5px; margin-bottom:20px;} #left_container .contact_form h3{float:left; width:460px; font-size:20px; line-height:normal; color:#333; font-weight:bold;} #left_container .contact_form form{float:left; width:460px;} #left_container .contact_form .row{float:left; width:100%; padding-bottom:4px;} #left_container .contact_form .row .col_1{float:left; width:160px;} #left_container .contact_form .row .col_2{float:left; width:120px;} #left_container .contact_form .row label{float:left; width:100%; font-size:14px; line-height:20px; color:#333;} #left_container .contact_form .row small{color:#fa0d91;} #left_container .contact_form .row input{float:left; width:458px; height:20px; background:url(common/images/input_bg.gif) repeat-x 0 0; font-size:14px; line-height:20px; color:#333; padding:0 4px; border:1px solid #a9a9a9;} #left_container .contact_form .row input.date{width:115px;} #left_container .contact_form .row select{float:left; width:120px; font-size:11px; line-height:20px!important; height:22px;} #left_container .contact_form .row textarea{float:left; width:458px; height:150px; background:#fff url(common/images/input_bg.gif) repeat-x 0 0; font-size:14px; line-height:20px; color:#333; padding:0 4px; border:1px solid #a9a9a9;} #left_container .contact_form .row input.icon {float:left; width:auto; height:auto; border:none; background:none; margin-left:5px; display:inline; padding:0;} #left_container .contact_form .row .submit_btn_bg {float:left; width:158px; height:33px; border:none; background:url(common/images/submit_contact_form.jpg) no-repeat 0 0; margin-top:6px; display:inline; padding:0;} #left_container .contact_form .row .submit_btn_bg .submit{float:left;width:158px;height:33px;border:none;background:none;padding:0;color:#007ABA;text-align:center; cursor:pointer;line-height:32px;} #left_container .contact_form .row span {float:right; width:auto; font-size:10px; line-height:normal; margin-top:0px;} #left_container .contact_form .row .file_upload {height:30px;} #left_container .contact_form .row .wpcf7-response-output {font-size:20px;height:50px;margin:2em 0.5em 1em;padding:1.2em 1em;text-align:center;} /*----------------contact form css (for use with FormBuilder WP Plugin --------------------*/ #left_container .contact_form{float:left; width:460px; margin-top:5px; margin-bottom:20px;} #left_container .contact_form h3{float:left; width:460px; font-size:20px; line-height:normal; color:#333; font-weight:bold;} #left_container .contact_form .contact_form form{float:left; width:460px;} #left_container .contact_form .contact_form{float:left; width:100%; padding-bottom:4px;} #left_container .contact_form .contact_form .col_1{float:left; width:160px;} #left_container .contact_form .contact_form .col_2{float:left; width:120px;} #left_container .contact_form .formBuilderLabelRequired, #left_container .contact_form .formBuilderLabel{float:left; width:250px; margin-top:5px; font-size:14px; line-height:20px; color:#333;} #left_container .contact_form .formBuilderError {color:red; margin-bottom:5px; font-size:10px; margin-top:10px; float:right;} #left_container .contact_form small{color:#fa0d91;} #left_container .contact_form input{float:left; width:458px; height:20px; background:url(common/images/input_bg.gif) repeat-x 0 0; font-size:14px; line-height:20px; color:#333; padding:0 4px; border:1px solid #a9a9a9;} #left_container .contact_form input.date{width:115px;} #left_container .contact_form select{float:left; width:120px; font-size:11px; line-height:20px!important; height:22px;} #left_container .contact_form textarea{float:left; width:458px; height:150px; background:#fff url(common/images/input_bg.gif) repeat-x 0 0; font-size:14px; line-height:20px; color:#333; padding:0 4px; border:1px solid #a9a9a9;} #left_container .contact_form input.icon {float:left; width:auto; height:auto; border:none; background:none; margin-left:5px; display:inline; padding:0;} #left_container .contact_form .formBuilderSubmit {float:left; width:158px; height:33px; border:none; background:url(common/images/submit_contact_form.jpg) no-repeat 0 0; margin-top:6px; display:inline; padding:0;} #left_container .contact_form .formBuilderSubmit input{float:left;width:158px;height:33px;border:none;background:none;padding:0;color:#007ABA;text-align:center; cursor:pointer;line-height:32px;} #left_container .contact_form span {float:right; width:auto; font-size:10px; line-height:normal; margin-top:18px;} #left_container .formBuilderFailure {border:1px solid #DB0D80; padding:10px;background:#FFDDF0;margin-bottom:15px;width:100%} #left_container .formBuilderSuccess {border:1px solid #21A6EB; padding:10px;background:#BDE3F9;margin-bottom:15px;width:96%} /*----------------sidebar form css (for use with jquery Validate) --------------------*/ #right_container .appointment_request_error {color:#333; border:1px solid #DB0D80; background:#FFDDF0; padding:10px;clear:both;padding:5px; margin-top:5px;} #right_container .appointment_request_error h4{color:#007ABA;font-size:14px;margin:10px;font-weight:bold;} #right_container .appointment_request_error ul{color:#333;margin-left:20px;} #right_container .appointment_request_error li{font-size:12px;margin-bottom:2px;} #right_container .pink_span {color:#e3027f; font-weight:bold;} #right_container .bbb_seal {margin:10px 0px;} /*----------------contact us form css (for use with jquery Validate) --------------------*/ #left_container .contact_us_error {width:458px; color:#333; border:1px solid #DB0D80; background:#FFDDF0; padding:10px;clear:both;padding:5px; margin-top:5px;} #left_container .contact_us_error h4{color:#007ABA;font-size:14px;margin:10px;font-weight:bold;} #left_container .contact_us_error ul{color:#333;margin-left:20px;} #left_container .contact_us_error li{font-size:12px;margin-bottom:2px;} /*--------------------form container css------------------------*/ #right_container .form_container{float:left; width:280px; padding:4px 0 14px;} #right_container .form_container .row{float:left; width:100%; padding-bottom:4px;} #right_container .form_container .row .col_1{float:left; width:160px;} #right_container .form_container .row .col_2{float:left; width:120px;} #right_container .form_container .row label{float:left; width:auto; font-size:14px; line-height:20px; color:#333;} #right_container .form_container .row small{color:#fa0d91;} #right_container .form_container .row input{float:left; width:270px; height:20px; background:url(common/images/input_bg.gif) repeat-x 0 0; font-size:14px; line-height:20px; color:#333; padding:0 4px; border:1px solid #a9a9a9;} #right_container .form_container .row input.date{width:115px;} #right_container .form_container .row select{float:left; width:120px; font-size:11px; line-height:20px!important; height:22px;} #right_container .form_container .row textarea{float:left; width:270px; height:68px; background:#fff url(common/images/input_bg.gif) repeat-x 0 0; font-size:14px; line-height:20px; color:#333; padding:0 4px; border:1px solid #a9a9a9;} #right_container .form_container .row input.icon {float:left; width:auto; height:auto; border:none; background:none; margin-left:5px; display:inline; padding:0;} #right_container .form_container .row .submit_btn_bg {float:left; width:128px; height:33px; border:none; background:#333 url(common/images/submit_btn.jpg) no-repeat 0 0; margin-top:6px; display:inline; padding:0;} #right_container .form_container .row .submit_btn_bg .submit{float:left;width:128px;height:33px;border:none;background:none;padding:0;color:#007ABA;text-align:center;line-height:32px; margin:0; cursor:pointer;} #right_container .form_container .row input.submit {float:left; width:auto; height:auto; border:none; background:none; margin-top:6px; display:inline; padding:0;} #right_container .form_container .row span {float:right; width:auto; font-size:10px; line-height:normal; margin-top:18px;} /*----------------right container css--------------------*/ #right_container{float:right; width:280px;} #right_container h3{float:left; width:280px; font-size:20px; font-weight:bold; line-height:24px;} /*----------------live support css--------------------*/ #right_container .live_support{float:left; width:280px; margin-bottom:20px; padding-bottom:20px;} #right_container .live_support h4{float:left; width:260px; height:26px; background:url(common/images/live_support_heading_bg.jpg) no-repeat 0 0; padding:0 10px; font-size:14px; line-height:26px; text-transform:uppercase; color:#fff; font-weight:bold;} #right_container .live_support img{float:left; border:1px solid #dfdedc; border-top:none;} /*----------------coupon container css--------------------*/ #right_container .coupon_container{float:left; width:280px; margin-bottom:20px; padding-bottom:14px; border-bottom:1px solid #e2e2e2;} #right_container .coupon_container a{float:left; width:280px; font-size:12px; text-decoration:none; color:#007aba;} #right_container .coupon_container a:hover{float:left; width:280px; font-size:12px; text-decoration:underline;} #right_container .coupon_container .coupons{float:left; width:280px;margin-bottom:10px;background:#21a6eb url(common/images/coupon_box_bg.gif) repeat-x 0 0;} #right_container .coupon_container .coupons h4{float:left; width:260px; height:26px; padding:0 10px; font-size:14px; line-height:26px; text-transform:uppercase; color:#fff; font-weight:bold;} #right_container .coupon_container .coupons p{float:left; width:260px; padding:5px 10px; font-size:11px; line-height:15px; color:#fff; } #right_container .coupon_container .coupons p span{font-size:18px; line-height:20px; color:#fff; font-weight:bold;} #right_container .coupon_container .coupons p span a{font-size:18px; line-height:20px; color:#fff; font-weight:bold; text-decoration:none;margin-bottom:4px;width:265px;} #right_container .coupon_container .coupons p span a:hover{text-decoration:underline;} /*----------------single coupon container--------------*/ #left_container .single-coupon-container{clear:both; border:4px dashed #007ABA;padding:20px 10px 5px 10px;margin:5px; background-color:#eee;width:570px;} #left_container .single-coupon-container h2{font-size:28px;text-align:center;font-weight:bold;color:#E3027F;width:570px;} #left_container .single-coupon-container h3{font-size:28px;text-align:center;width:570px;} #left_container .single-coupon-container p{font-size:14px;text-align:left;} #left_container .single-coupon-container span{font-size:12px;margin:10px 0 5px 0;} #left_container .single-coupon-container .link-container{font-size:18px;color:#007ABA;text-align:center;width:570px;font-weight:bold;} #left_container .single-coupon-container a{font-weight:bold;margin:5px;text-decoration:none;} /*----------------featured article css--------------------*/ #right_container .featured_article{float:left; width:280px; margin-bottom:20px; padding-bottom:14px; border-bottom:1px solid #e2e2e2;} #right_container .featured_article a{float:left; width:270px; font-size:12px; text-decoration:none; color:#007aba; margin-top:10px;} #right_container .featured_article a:hover{float:left; width:270px; font-size:12px; text-decoration:underline;} #right_container .featured_article .feature{float:left; width:280px; background:#fa008b url(common/images/featured_article_box_bg.gif) repeat-x 0 0;} #right_container .featured_article .feature h4{float:left;width:260px;height:26px; padding:0 10px; font-size:14px; line-height:26px; text-transform:uppercase; color:#fff; font-weight:bold;} #right_container .featured_article .feature p{float:left; width:260px; padding:0px 10px 5px 10px; font-size:11px; line-height:15px; color:#fff; } #right_container .featured_article .feature p span{font-size:18px; line-height:20px; color:#fff; font-weight:bold;} #right_container .featured_article .feature p span a{font-size:18px; line-height:20px; color:#fff; font-weight:bold; text-decoration:none;margin-bottom:4px;} #right_container .featured_article .feature p span a:hover{text-decoration:underline;} #right_container .featured_article .feature .recent-article-link{color:#fff;font-weight:bold;float:none;clear:both;} /*----------------other logo box starts--------------------*/ #right_container .facebook_sidebar_box{float:left; width:280px;margin: 10px -2px 10px -10px;} /*----------------other logo box starts--------------------*/ #right_container .other_logo_box{float:left; width:280px; margin-bottom:10px;} #right_container .other_logo_box ul{float:left; width:280px; list-style:none;} #right_container .other_logo_box ul li{float:left; margin:18px 0 0 20px; display:inline;} #right_container .other_logo_box ul li img{float:left;} /*----------------contact us css--------------------*/ #right_container .contact_us{float:left; width:280px; margin-bottom:5px; padding-bottom:18px; border-bottom:1px solid #e2e2e2;} #right_container .contact_us p{float:left; width:280px; font-size:14px; line-height:20px; padding-top:5px;} #right_container .contact_us p strong{ margin-top:8px;} #right_container .contact_us p a{ color:#007aba; text-decoration:none; font-weight:bold;} #right_container .contact_us p a:hover{ color:#007aba; text-decoration:underline;} #right_container .contact_us p a.view_map{ color:#007aba; font-size:10px; text-decoration:none; font-weight:normal;} #right_container .contact_us p a.view_map:hover{color:#007aba; text-decoration:underline;} /*----------------services box css--------------------*/ #right_container .services_box{float:left; width:280px; margin-bottom:16px; padding-bottom:18px; border-bottom:1px solid #e2e2e2;} #right_container .services_box h3{float:left; width:280px; font-size:20px; font-weight:bold; line-height:24px;} #right_container .services_box ul{float:left; width:280px; font-size:14px; color:#007aba; list-style:none; line-height:20px; margin-top:5px;} #right_container .services_box ul li{float:left; width:270px; padding:0 0 0 10px; background:url(common/images/dot.gif) no-repeat 0 7px; } /*----------------our story css--------------------*/ #right_container .our_story{float:left; width:280px; margin-bottom:16px; padding-bottom:18px; border-bottom:1px solid #e2e2e2;} #right_container .our_story h3{float:left; width:280px; font-size:20px; font-weight:bold; line-height:24px;} #right_container .our_story ul{float:left; width:280px; font-size:14px; color:#007aba; list-style:none; line-height:20px; margin-top:5px;} #right_container .our_story ul li{float:left; width:270px; padding:0 0 0 10px; background:url(common/images/dot.gif) no-repeat 0 7px; } /*----------------Sidebar list--------------------*/ #right_container .sidebar_list{float:left; width:280px; margin-bottom:16px; padding-bottom:18px; border-bottom:1px solid #e2e2e2;} #right_container .sidebar_list h3{float:left; width:280px; font-size:20px; font-weight:bold; line-height:24px;} #right_container .sidebar_list ul{float:left; width:280px; font-size:14px; color:#007aba; list-style:none; line-height:20px; margin-top:5px;} #right_container .sidebar_list ul li{float:left; width:270px; padding:0 0 0 10px; background:url(common/images/dot.gif) no-repeat 0 7px; } #right_container .sidebar_list ul ul li{float:left; width:260px;font-size:14px; margin-left:10px; background:url(common/images/box.gif) no-repeat 0 7px; } #right_container .sidebar_list a{color:#007aba;text-decoration:none;} #right_container .sidebar_list a:hover{color:#007aba;text-decoration:underline;} #right_container .sidebar_list .active_link{;text-decoration:underline;font-weight:bold;} /*----------------Customer Reviews Page--------------------*/ div.customer_lobby_review {border-top:5px solid #ececec; margin:10px 0px;padding:10px 0px;} .customer_lobby_review h3 {margin:0px 0px 10px 0px;font-size:24px !important;} .customer_lobby_review ul {margin:5px 10px} .customer_lobby_review div.review_stars_container {border:1px solid #FA008B;width:300px;float:right;} .customer_lobby_review div.review_stars {width:500px;clear:both;margin-left:20px;} .customer_lobby_review .review_stars h4 {width:150px !important;float:left !important;display:block;margin-top:10px;} .customer_lobby_review .review_stars img {border:none !important; margin:0px !important;} /*----------------footer container css--------------------*/ #footer_container{float:left; width:100%; background:url(common/images/footer_bg.gif) repeat-x 0 0; padding:18px 0 100px 0;} #footer_container .footer{width:920px; margin:0 auto;} #footer_container .footer img{ float:left;} #footer_container .footer .footer_details{float:left; width:309px;} #footer_container .footer .footer_details p{float:left; width:300px; font-size:12px; line-height:17px; padding-bottom:10px;} #footer_container .footer .footer_details p a{ color:#007aba; font-weight:bold; text-decoration:none;} #footer_container .footer .footer_details p a:hover{ color:#007aba; font-weight:bold; text-decoration:underline;} #footer_container .footer .service_areas{float:left; width:368px;} #footer_container .footer .service_areas h6{float:left; width:368px; font-size:12px; line-height:16px; font-weight:bold;} #footer_container .footer .service_areas ul{float:left; width:368px; font-size:12px; list-style:none;} #footer_container .footer .service_areas ul li{float:left; width:159px; font-size:12px; line-height:18px;} #footer_container .footer .service_areas a{ color:#007aba; font-weight:bold; text-decoration:none;} #footer_container .footer .service_areas a:hover{ color:#007aba; font-weight:bold; text-decoration:underline;} #footer_container .footer strong {font-size:14px;} /*---------------- Ruud Calculator --------------------*/ .ruud_calculator {width: 600px; border-bottom: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; padding:10px 0px; margin:35px 0 10px 0;} .ruud_calculator h2 {font-size:24px !important;} .ruud_calculator form {width:325px; float:left; margin-left:10px;} .ruud_calculator form br {display:none;} .ruud_calculator label {width:85px;display:block; float:left; clear:left; margin:10px 0; font-size:16px;} .ruud_calculator input {float:left; margin:5px 0; font-size:14px;} .ruud_calculator img.ruud_logo {float:right;} .ruud_calculator #submit {border:0; width:282px; height:50px; font-size:11px; background:url("common/images/ruud_calc_button.png") no-repeat 0 0; } .ruud_calculator #submit:hover {background:url("common/images/ruud_calc_button.png") no-repeat 0 -50px ;} /*---------------- Susan G. Komen Page --------------------*/ div.runner {float:left; width:175px; margin:10px; text-align: center;} #left_container .runner img {z-index: 1 !important; margin:0 0 10px 6px;} div.runner a {font-size:14px;} #right_container #fundraiser_sidebar_block p {line-height:18px} #right_container .fundraiser_thermo_container a {text-decoration:underline;} #right_container .fundraiser_thermo_container a:hover {text-decoration:none;} #right_container .fundraiser_thermo_container h3 { width:300px; font-size:18px; float:none; margin-left:-5px; } #right_container .fundraiser_thermo_container h4 { font-size:16px; float:none; } .fundraiser_thermo_container img.ribbon_icon { float:right; margin-top:-5px; } .fundraiser_thermo_container { margin:0px 0px 10px 0px; } .fundraiser_thermo_container p { margin: 3px 0 0 -4px; } .fundraiser_thermo_container img.thermometer { margin-top:10px; } h2.larger_h2 {margin-top:15px; font-size:20px !important;} .howtohelp {border:1px solid #eee; padding:0 10px 5px 10px; background-color:#F6F6F6; margin-top:20px;} .howtohelp ol {font-size:16px; margin-top:5px;} .howtohelp li {margin-bottom:20px !important;}