/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ body.custom { color: #1f253f; background: #fff url(images/page-bgrd-grad.jpg) repeat-x; } .custom div#container { background: url(images/container-bgrd.jpg) repeat-y 0 center; width: 946px; padding: 0; } .custom div#page { padding: 0; margin: 0; background: url(images/content-bgrd-grad.jpg) no-repeat center top; } .custom div#content_box { background-image: none; } .custom div#header { border-bottom-style: none; background: url(images/header-bgrd.jpg) repeat-y 0 center; padding: 15px 1em 15px 15px; } .custom p#topnav { width: 500px; float: right; line-height: 1.5em; text-align: right; margin-top: 100px; font-size: 1.3em; margin-right: 35px; } .custom p#topnav a { color: #1f253f; } .custom p#topnav a:hover { text-decoration: underline; } .custom div#appt { width: 188px; height: 29px; float: right; margin: 45px 0 0; } .custom div#appt a { width: 188px; height: 29px; display: block; text-indent: -100em; overflow: hidden; background: url(images/appointment.gif) no-repeat 0 -29px; margin: 0; float: left; } .custom div#appt a:hover { background-position: 0 0; } .custom div#phonetop { width: 166px; height: 29px; display: block; text-indent: -100em; overflow: hidden; background: url(images/phone-small.gif) no-repeat right; float: right; margin: 45px 0 0; } .custom h1#logo, .custom p#logo { width: 164px; height: 91px; margin-left: 25px; background: url(images/avs-logo3.gif) no-repeat; } .custom h1#logo a, .custom p#logo a { width: 164px; height: 91px; text-indent: -100em; overflow: hidden; display: block; background: url(images/avs-logo3.gif) no-repeat; border: 1px solid #e9e9e9; } .custom div#avnav { } .custom div#avnav ul { width: 250px; height: 288px; float: left; background: url(images/avnav-bgrd3.jpg) no-repeat; padding-top: 12px; padding-left: 18px; margin-left: 15px; } .custom.solarWorks div#avnav ul, .custom.declaration div#avnav ul { width: 250px; height: 397px; float: left; background: url(images/avnav-bgrd.jpg) no-repeat; padding-top: 28px; padding-left: 18px; margin-left: 15px; } .custom div#avnav ul li { color: #fff; width: 250px; height: 22px; margin: 0 0 4px; list-style-type: none; background: #979797 url(images/avbutton2.jpg) no-repeat 0 -22px; font-size: 12px; } .custom div#avnav ul li a { display: block; color: #fff; text-decoration: none; line-height: 12px; padding: 4px 0 6px 18px; } .custom div#avnav ul li a:hover, .custom div#avnav ul li#solar a, .custom div#avnav ul li.current_page_item { color: #636363; background: url(images/avbutton2.jpg) no-repeat 0 0; } .custom div#avnav div#flashphoto { width: 648px; height: 397px; float: right; margin-right: 15px; } /* Get rid of the flash header for the declaration page */ .declaration div#avnav div#flashphoto { display: none; } .custom div#column_wrap { background-image: none; width: 665px; } /* widen the content area & get rid of the right sidebar for declaration & faq page */ .declaration div#column_wrap, .faq div#column_wrap { width: 945px; } .declaration div#sidebars, .faq div#sidebars { display: none; } .custom div.sidebar, .custom div#sidebar_1, .custom div#sidebar_2 { } .custom div.sidebar, .custom div#sidebars, div#content_box { margin: 0; padding: 0; } .custom div#sidebar_1 { width: 283px; } .custom div#sidebars { width: 280px; border-style: none; } .custom div#sidebar_2 { width: 280px; margin: 0; padding: 0; } .custom div#sidebar_2 ul.sidebar_list { margin: 0; padding: 6px 15px 0 0; } .custom div.sidebar div.sidebarbox { padding: 0; margin-bottom: 10px; width: 270px; height: 130px; } .custom div.sidebar div.sidebarbox a { display: block; width: 240px; height: 100px; background: url(images/right-nav-box-bgrd.gif) 0 -130px; padding: 15px; } .custom div.sidebar div.sidebarbox a:hover, body.solarWorks div.sidebar div.solarworks a, body.freeAssessment div.sidebar div.assessment a, body.calculator div.sidebar div.calculator a { background-position: 0 0; text-decoration: none; } .custom div.sidebar div.sidebarbox img { float: right; margin-left: 5px; } .custom div.sidebar div.sidebarbox strong.boxheader { color: #1f253f; font-weight: bold; font-size: 1.3em; } .custom div.sidebar div.sidebarbox span.boxtext { } .custom div.sidebar div.sidebarbox p { color: #616161; } .custom div.sidebar div.sidebarbox p a { color: #616161; } .custom p#phone { color: #1f3164; font-weight: bold; margin-top: 30px; font-size: 2.2em; text-align: center; } .custom div#sidebar_1 ul.sidebar_list { padding: 15px 0 0 4.5em; } .custom div#sidebar_1 ul.sidebar_list p { font-size: 12px; font-weight: bold; margin-top: 15px; } .custom div#sidebar_1 ul.sidebar_list form p { font-weight: normal; font-style: normal; padding: 7px 15px 0; color: #fff; font-size: 14px; margin-top: 0; } .custom div#sidebar_1 ul.sidebar_list form p.assessform { margin-bottom: 7px; padding-top: 15px; } .custom div#sidebar_1 ul.sidebar_list form p.formsubmit { text-align: right; padding-bottom: 15px; background: url(images/sidebar-form-btm.jpg) no-repeat 0 bottom; } .custom div#sidebar_1 ul.sidebar_list form { background: url(images/sidebar-form-top.jpg) no-repeat; width: 220px; } .custom div#content { width: 377px; } /* Widen the page content area for the declaration and faq pages */ .declaration div#content, .faq div#content { width: 657px; } .declaration div#content { margin-top: -445px; padding: 0; } .declaration div#content p.flash { margin: 0; padding: 0; } .declaration div#content p { text-align: center; } .declaration div#content img { float: none; margin: 0; } .declaration .post_box { margin: 0; } .declaration .headline_area { display: none; } .custom div.post_box { } .custom div.format_text ul { list-style-type: disc; } .custom div.format_text { line-height: 15px; } .custom ul#tabs { margin: 0; padding: 0; border-style: none; } .custom ul#tabs li, .custom ul#tabs li.current_page_item { border-style: none; background: transparent url(images/localnav-bgrd.jpg) no-repeat 0 11px; } .custom ul#tabs a { text-transform: none; color: #6a6b6e; letter-spacing: 1px; font-weight: bold; font-size: 12px; line-height: 14px; } .custom ul#tabs a:hover, .custom ul#tabs li.current_page_item a { color: #1f253f; text-decoration: none; } .custom ul.sidebar_list ul#tabs li { float: none; background-color: transparent; padding-left: 5px; } .custom ul.sidebar_list div#facebookbadge { margin-left: 40px; width: 130px; margin-top: 30px; } .custom div#footer { border-top-style: none; background: url(images/footer-bgrd-btm.jpg) no-repeat center bottom; padding-bottom: 25px; padding-right: 20px; clear: none; } .custom .clear { clear: both; } .custom table#rebates { padding-bottom: 20px; } .custom table#rebates td { padding-top: 10px; } .custom table#rebates td.first { padding-right: 10px; } .custom table#rebates td.bottom { border-top: 1px solid #1f3164; } /* Style for the Form Success */ .custom .mmf-response-output { font: 12px Verdana; border-style: none; }