@charset "utf-8";

/* CSS Document */



html, body {

	background-image: url('../images/page_background.jpg');

	background-position: top center;

	background-repeat: no-repeat;

	background-color: Black;

}



strong {

	font-weight: bold;

}



.clear {

	clear: both;

}



#custom-doc {

	width: 930px;

	margin: 0 auto;

	text-align: left;

}



#hd {

	padding-top: 20px;

	background-image: url('../images/header_slogan.png');

	background-position: bottom right;

	background-repeat: no-repeat;

}



#hd .utility {

	text-align: right;

	color: #e9e6e6;

	font-size: 11px;

}



#hd .utility a {

	color: #e9e6e6;

	text-decoration: none;

}



#hd .utility a:hover {

	text-decoration: underline;

}



#hd .logo {

	height: 98px;

	float: left;

}



#hd .logo a {

	display: block;

	background-image: url('../images/header_logo.png');

	text-indent: -9000px;

	height: 98px;

	width: 263px;

}



#hd .logo a:hover {

	background-position: 0 -98px;

}



#bd #home_banner {

	height: 147px;

	background-image: url('../images/main_background.png');

	background-repeat: no-repeat;

	padding-left: 43px;

	padding-top: 143px;

	padding-right: 427px;

}



#bd #home_banner p {

	color: #484848;

	font-size: 14px;

	line-height: 20px;

	margin-bottom: 20px;

}



#bd #home_cols {

	color: #acacac;

}



#bd #home_cols #auto p, #bd #home_cols #home p {

	margin-bottom: 15px;

}



#bd #home_cols #auto {

	width: 264px;

	float: left;

	background-image: url('../images/home_left_col_background.png');

	background-repeat: no-repeat;

	padding: 141px 18px 51px;

}



#bd #home_cols #auto .action {

	display: block;

	overflow: hidden;

	text-indent: -9000px;

	background-image: url('../images/button_green-your-ride.png');

	width: 201px;

	height: 34px;

}



#bd #home_cols #auto .action:hover {

	background-position: 0 -34px;

}



#bd #home_cols #home {

	width: 280px;

	float: left;

	background-image: url('../images/home_mid_col_background.png');

	background-repeat: no-repeat;

	padding: 141px 18px 51px;

}



#bd #home_cols #home .action {

	display: block;

	overflow: hidden;

	text-indent: -9000px;

	background-image: url('../images/button_green-your-home.png');

	width: 194px;

	height: 34px;

}



#bd #home_cols #home .action:hover {

	background-position: 0 -34px;

}



#bd #home_cols #blog {

	width: 240px;

	float: right;

	background-image: url('../images/home_right_col_background.png');

	background-repeat: no-repeat;

	padding: 82px 38px 48px 36px;

}



#bd #home_cols #blog .post {

	padding-bottom: 4px;

	margin-bottom: 9px;

	border-bottom: 1px solid #373737;

}



#bd #home_cols #blog .post .date {

	color: #9e9e9e;

	font-size: 11px;

}



#bd #home_cols #blog .post .title a {

	color: #92b80d;

	font-weight: bold;

	font-size: 16px;

}



#bd #home_cols #blog .more {

	font-size: 11px;

	color: #92b80d;

	text-decoration: none;

}



#bd #home_cols #blog .more:hover {

	text-decoration: underline;

}



#ft {

	color: #b7b7b7;

	font-size: 11px;

	text-align: center;

	padding-top: 17px;

	padding-bottom: 25px;

	background-image: url('../images/footer_background.png');

	background-position: top center;

	background-repeat: no-repeat;

}



#ft a {

	color: #b7b7b7;

	text-decoration: none;

}



#ft a:hover {

	text-decoration: underline;

}



#ft .twitter {

	padding: 0 30px;

	margin: 9px auto 0;

	background-image: url('../images/icon_twitter.png');

	background-position: right;

	background-repeat: no-repeat;

	width: 9.75em;

}



#ft .twitter a {

	color: #92b80d;

	font-size: 12px;

}



#page {

	background-image: url('../images/content_middle_background.png');

	background-repeat: repeat-y;

}



.blog #page {

	background-image: url('../images/blog_middle_background.png');

}



#page .wrapper {

	background-image: url('../images/content_top_background.png');

	background-position: top;

	background-repeat: no-repeat;

	min-height: 300px;

	padding: 34px 36px 18px;

}



.blog #page .wrapper {

	background-image: url('../images/blog_top_background.png');

	padding: 92px 36px 21px 169px;

}



#page .content {

	float: right;

	width: 657px;

}



.blog #page .content {

	float: left;

	width: 497px;

}



#page .sidebar {

	float: left;

	width: 165px;

}



.blog #page .sidebar {

	float: right;

	width: 210px;

}



#page .sidebar .nav {

	margin-bottom: 44px;

}



#page .footer {

	background-image: url('../images/content_bottom_background.png');

	height: 16px;

}



.blog #page .footer {

	background-image: url('../images/blog_bottom_background.png');

	height: 13px;

}



#page .content .breadcrumbs {

	color: #999999;

	font-size: 18px;

	border-bottom: 1px solid #bcbcbc;

	margin-bottom: 21px;

}



#page .content .breadcrumbs a {

	color: #282828;

	text-decoration: none;

}



#page .content .breadcrumbs a:hover {

	text-decoration: underline;

}



#page .content h1 {

	color: #398a00;

	font-size: 33px;

}



#page .content .answer {

	color: #484848;

	font-weight: normal;

	font-size: 14px;

	margin-bottom: 21px;

}



#page .content h2 {

	font-size: 18px;

	fnt-weight: bold;

	color: #373737;

}



#page .content h3 {

	color: #282828;

	font-size: 18px;

	background-image: url('../images/content_heading3_background.png');

	height: 51px;

	line-height: 51px;

	padding-left: 15px;

}



#page .content p {

	color: #484848;

	font-size: 12px;

	margin-bottom: 1em;

	line-height: 1.6em;

}



#page .content .narrow {

	width: 458px;

	float: left;

}



#page .content .sidebar {

	width: 163px;

	float: right;

	background-image: url('../images/content_childpages_background.png');

	height: 158px;

	padding: 10px;

}



.content .sidebar .childpages li a {

	display: block;

	height: 30px;

	line-height: 30px;

	background-image: url('../images/content_childpages_item_background.png');

	background-position: right;

	background-repeat: no-repeat;

	color: #282828;

	font-size: 14px;

	text-decoration: none;

}



.content .sidebar .childpages li a:hover {

	text-decoration: underline;

}



.sidebar .nav li a {

	display: block;

	width: 157px;

	color: #92b80d;

	background-image: url('../images/sidebar_nav_background.png');

	background-repeat: no-repeat;

	height: 27px;

	line-height: 27px;

	padding-left: 8px;

	text-decoration: none;

	font-size: 14px;

	margin-bottom: 1px;

}



.sidebar .nav li a.active {

	background-position: 0 -54px;

}



.sidebar .nav li a:hover {

	color: White;

	background-position: 0 -27px;

	text-decoration: underline;

}



.sidebar .nav li ul {

	display: none; /* child pages are hidden by default */

}



.sidebar .nav li li a {

	color: #acacac;

	font-size: 12px;

	background-image: none;

	margin-bottom: 0;

	border-bottom: 1px solid #373737;

}



.sidebar .nav li li a.active {

	color: #92b80d;

}



.sidebar .nav li li a:hover {

	color: #92b80d;

}



.productlist .product {

	padding-bottom: 18px;

	margin-bottom: 18px;

	border-bottom: 1px solid #bcbcbc;

}



.productlist .product .thumbnail {

	padding: 3px;

	border: 1px solid #bebebe;

	float: left;

}



.productlist .product .thumbnail div {

	/*background-color: #f6f6f6;*/

	width: 173px;

	text-align: center;

}



.productlist .product .information {

	float: right;

	width: 466px;

}



.productlist .product .information strong {

	font-size: 14px;

}



.productlist .product .information a {

	color: #398a00;

	font-size: 11px;

	text-decoration: none;

}



.productlist .product .information a:hover {

	text-decoration: underline;

}



.banner_products_auto {

	background-image: url('../images/title_products_auto.png');

	height: 161px;

	padding-top: 54px;

	padding-right: 280px;

}



.banner_products_home {

	background-image: url('../images/title_products_home.png');

	height: 161px;

	padding-top: 54px;

	padding-right: 280px;

}



.narrow .product {

	padding-bottom: 16px;

	margin-bottom: 16px;

	border-bottom: 1px solid #bcbcbc;

}



.narrow .last {

	margin-bottom: 0px;

	border: none;

}



.narrow .product .thumbnail {

	float: left;

	width: 140px;

}



.narrow .product .information {

	float: right;

	width: 300px;

	margin-top: 18px;

}



.narrow .product .information strong {

	font-size: 18px;

	color: #398a00;

}



.narrow .product .information a {

	display: block;

	text-indent: -9000px;

	overflow: hidden;

	width: 191px;

	height: 34px;

	margin-top: 20px;

}



.narrow .product .information a:hover {

	background-position: 0 -34px;

}



.narrow .product .information a.home {

	background-image: url('../images/button_green-your-home_white.png');

}



.narrow .product .information a.car {

	background-image: url('../images/button_green-your-car_white.png');

}



.narrow .product .information a.truck {

	background-image: url('../images/button_green-your-truck_white.png');

}



form .field

{

	line-height: 25px !important;

	padding-bottom: 15px;

	border-bottom: 1px solid #bcbcbc;

	margin-bottom: 15px;

}



form .field label {

	color: #282828;

	font-size: 15px;

	font-weight: bold;

}



form .field input {

	border: 1px solid #bcbcbc;

	height: 15px;

	color: #969696;

	font-size: 15px;

	padding: 10px 11px 10px 11px;

}



form .field textarea {

	border: 1px solid #bcbcbc;

	color: #969696;

	font-size: 15px;

	padding: 10px 11px 10px 11px;

}



form .action {

	text-align: right;

	line-height: 34px;

}



form .action input {

	margin-left: 23px;

	width: 191px;

	height: 34px;

	background-image: url('../images/button_submit-message.png');

	border: none;

	background-color: transparent;

	cursor: pointer;

	text-indent: -9000px;

	color: transparent;

	text-transform: capitalize; /* IE trick */

}



form .action input:hover {

	background-position: 0 -34px;

}



form .action a {

	color: #910000;

	text-transform: uppercase;

}



.detail .information {

	float: left;

	width: 376px;

}



.detail .information .large {

	margin-bottom: 18px;

}



#page .detail .information h2 {

	font-size: 14px;

	font-weight: bold;

}



.detail .callouts {

	float: right;

	width: 264px;

	margin: 18px 0 0;

	color: #282828;

}



.detail .callouts .top {

	border-bottom: 1px solid #cfcfcf;

	padding: 18px 16px 17px;

	background-image: url('../images/callout_top_background.png');

	background-position: top;

	background-repeat: no-repeat;

	background-color: #ececec;

}



.detail .callouts .bottom {

	margin-bottom: 18px;

	padding: 10px 16px;

	background-image: url('../images/callout_bottom_background.png');

	background-position: bottom;

	background-repeat: no-repeat;

	background-color: #ececec;

	min-height: 63px;

	text-align: center;

}



#page .detail .callouts .note {

	font-size: 11px;

	margin-bottom: 21px;

}



.detail .callouts .price {

	font-size: 36px;

	font-weight: bold;

}



.detail .callouts .find {

	display: block;

	width: 236px;

	height: 34px;

	background-image: url('../images/button_find-a-dealer.png');

	text-indent: -9000px;

}



.detail .callouts .purchase-system {

	display: block;

	width: 236px;

	height: 34px;

	background-image: url('../images/button_purchase-system.png');

	border: none;

	background-color: transparent;

	text-indent: -9000px;

	text-transform: uppercase; /* IE trick */

	cursor: pointer;

}



.detail .callouts .find:hover, .detail .callouts .purchase-system:hover {

	background-position: 0 -34px;

}



.detail .callouts .selfinstall {

	display: block;

	float: left;

	margin: 4px 0;

	width: 156px;

	height: 31px;

	background-image: url('../images/button_buy-selfinstall.png');

	border: none;

	background-color: transparent;

	text-indent: -9000px;

	text-transform: uppercase; /* IE trick */

	cursor: pointer;

}



.detail .callouts .pis-refills {

	display: block;

	float: left;

	margin: 4px 0;

	width: 156px;

	height: 31px;

	background-image: url('../images/button_pis-refills.png');

	text-indent: -9000px;

}



.detail .callouts .selfinstall:hover, .detail .callouts .pis-refills:hover {

	background-position: 0 -31px;

}



.detail .callouts .paypal {

	float: right;

}



.detail .callouts .pdf {

	display: block;

	clear: both;

	font-size: 11px;

	margin: 10px auto 0;

	color: #282828;

}



.detail .information ul {

	color: #484848;

	font-size: 12px;	

}



.detail .information ul li {

	margin-bottom: 1em;

	line-height: 1.6em;

	background-image: url('../images/bullet_green_dot.png');

	background-repeat: no-repeat;

	padding-left: 19px;

	background-position: 0 4px;

}



.box {

	background-color: #ececec;

}



.blog .box {

	margin-bottom: 18px;

}



.box .ct, .box .ct div, .box .cb, .box .cb div {

	background-image: url('../images/box_corners.png');

	height: 6px;

	background-repeat: no-repeat;

}



.box .ct div { background-position: 100% -6px; }

.box .cb { background-position: 0 -12px; }

.box .cb div { background-position: 100% -18px; }



.box .inner {

	padding: 10px 16px;

}



.box h6 {

	font-size: 14px;

	font-weight: bold;

}



.blog .box h6 {

	margin-bottom: 11px;

}



.box h5 {

	font-size: 18px;

	font-weight: bold;

}



.box h5 em {

	color: #398a00;

}



.box p {

	font-size: 11px !important;

}



.box hr {

	border: none;

	margin: 11px 0 12px;

	height: 1px;

	border-top: 1px solid #bcbcbc;

}



#savings_calculator #calculate {

	background-image: url('../images/button_calculate.png');

	width: 232px;

	height: 31px;

	cursor: pointer;

	text-indent: -9000px;

	*text-indent: 0;

	border: none;

	background-color: transparent;

	vertical-align: middle;

	color: transparent;

	text-transform: capitalize; /* IE trick */

	margin-top: 16px;

}



#savings_calculator #calculate:hover {

	background-position: 0 -31px;

}



#savings_calculator .col-left {

	float: left;

	vertical-align: middle;

}



#savings_calculator label {

	font-weight: bold;

	vertical-align: middle;

}



#savings_calculator #mpg {

	border: 1px solid #bcbcbc;

	height: 15px;

	color: #969696;

	font-size: 15px;

	padding: 7px 11px;

	width: 37px;

	margin-right: 12px;

	vertical-align: middle;

	text-align: right;

}



#savings_calculator .col-right {

	float: right;

	vertical-align: middle;

}



#savings_calculator #ppg {

	border: 1px solid #bcbcbc;

	height: 15px;

	color: #969696;

	font-size: 15px;

	padding: 7px 11px;

	width: 37px;

	margin-right: 12px;

	vertical-align: middle;

	background-image: url('../images/savings_calc_ppg_background.png');

	background-position: left;

	background-repeat: repeat-y;

	padding-left: 17px;

	text-align: right;

}



form label.error {

	display: block;

	color: #cc0000;

}



.blog #page .post {

	position: relative;

	border-bottom: 1px solid #bcbcbc;

	margin-bottom: 33px;

}



.blog #page .post .date {

	position: absolute;

	top: 0px;

	left: -133px;

	width: 115px;

	background-color: #393939;

	height: 39px;

	color: #838888;

	font-size: 16px;

	text-transform: uppercase;

}



.blog #page .post .date span.day {

	color: #b1d734;

	font-size: 36px;

	font-weight: bold;

	display: block;

	float: right;

	margin-right: 14px;

	height: 39px;

	line-height: 39px;

}



.blog #page .post .date span.my {

	float: right;

	margin-right: 18px;

	font-weight: bold;

}



.blog #page .post h2 {

	color: #398a00;

	font-size: 33px;

}



.blog #page .post h2 a {

	color: #398a00;

	border-bottom: 1px dotted #398a00;

	text-decoration: none;

}



.blog #page .post .meta {

	color: #939393;

	text-transform: uppercase;

	font-size: 11px;

	line-height: 16px;

	height: 16px;

}



.blog #page .post .meta em {

	color: #222222;

	font-style: none;

	margin-top: 12px;

	margin-bottom: 12px;

}



.blog #page .post .meta a {

	color: #398a00;

	text-decoration: none;

}



.blog #page .post .comments {

	margin-top: 12px;

	margin-bottom: 16px;

}



.blog #page .post .comments a {

	color: #398a00;

	text-decoration: none;

	background-image: url('../images/icon_comments.png');

	background-position: left;

	background-repeat: no-repeat;

	padding: 3px 0 3px 24px;

	margin-left: 15px;

}



.blog #page .post .entry {

	color: #484848;

	font-size: 12px;

}



.blog #page .post .entry p {

	margin-bottom: 28px;

}



.blog .blogroll li, .cat-item {

	background-image: url('../images/bullet_arrow.png');

	background-repeat: no-repeat;

	background-position: 0 1px;

	margin-bottom: 12px;

	padding-left: 14px;

	font-size: 11px;

}



.blog .blogroll li a, .cat-item a {

	color: #484848;

	text-decoration: none;

}



.blog .blogroll li a:hover, .cat-item a:hover {

	text-decoration: underline;

}



.links a {

	display: block;

	height: 28px;

	width: 192px;

	text-indent: -9000px;

	background-position: top left;

	margin-bottom: 1px;

}



.links a:hover {

	background-position: 0 -28px;

}



.links .home { background-image: url('../images/link_home.png'); }

.links .rss { background-image: url('../images/link_rss.png'); }

.links .twitter { background-image: url('../images/link_twitter.png'); }



.blog .search-submit {

	background-image: url('../images/button_search.png');

	height: 22px;

	width: 38px;

	border: none;

	background-color: transparent;

	color: transparent;

	text-transform: uppercase; /* IE trick */

	cursor: pointer;

}



.blog .nav-botton {

	font-size: 12px;

	text-decoration: none;

	color: #398a00;

	background-color: #bcbcbc;

	display: block;

	padding: 4px 6px;

}



.blog .nav-botton:hover {

	background-color: #398a00;

	border: 1px solid #398a00;

	color: White;

}



.blog #page .content h3 {

	color: #282828;

	font-size: 18px;

	background-image: none;

	text-transform: uppercase;

	font-weight: bold;

}



.blog .commentlist {

	background-image: url('../images/commentlist_background.png');

	background-repeat: repeat-x;

	background-position: top;

	padding-top: 16px;

	margin-bottom: 30px;

}



.blog .commentlist .comment {

	border-bottom: 1px solid #bcbcbc;

	padding: 23px 25px;

	font-size: 11px;

}



.blog .commentlist .odd {

	background-color: #ececec;

}



.blog .commentlist a {

	color: #282828;

}



#commentform label {

	font-weight: bold;

	font-size: 15px;

	color: #282828;

}



#commentform .req {

	color: #ad0000;

	font-size: 11px;

	font-weight: normal;

}



#commentform input.text, #commentform textarea {

	background-image: url('../images/input_text_background.png');

	background-position: 0 0;

	border: 1px solid #bcbcbc;

	color: #969696;

	font-size: 15px;

}



#commentform textarea {

	width: 475px;

	padding: 10px 11px;

}



#commentform input.text {

	width: 475px;

	padding: 10px 11px;

}



#commentform #submit {

	width: 191px;

	height: 34px;

	background-image: url('../images/button_submitcomment.png');

	border: none;

	background-color: transparent;

	color: transparent;

	text-transform: uppercase; /* IE trick */

	cursor: pointer;

}



#commentform #submit:hover {

	background-position: 0 -34px;

}



.blog #page .comments #comments {

	margin: 0;

	height: auto;

	line-height: normal;

}



.dealerlist {

	margin-top: 21px;

	width: 100%;

}



.dealerlist th {

	border-top: 1px solid #bcbcbc;

	border-bottom: 1px solid #bcbcbc;

	background-color: #ececec;

	font-size: 11px;

	color: #282828;

	padding: 11px 11px 8px;

}



.dealerlist td {

	padding: 23px 10px 16px;

	font-size: 12px;

	vertical-align: top;

	border-bottom: 1px solid #bcbcbc;

}



#bd .sub-bd {

	height: 91px;

	background-image: url('../images/sub_body_background.png');

	background-position: top;

	background-repeat: no-repeat;

	position: relative;

	left: -18px;

	width: 675px;

	margin-top: 20px;

	padding-top: 21px;

	padding-right: 18px;

	text-align: right;

}



.moneyback {

	margin-top: 16px;

	text-align: center;

}



.gallery {

	margin-bottom: 16px;	

}



.gallery .item .thumb {

	border: 1px solid #bcbcbc;

	padding: 1px;

	float: left;

	margin-right: 11px;

}



.gallery .item .info {

	font-size: 11px;

	padding-top: 9px;

}



.gallery .item .info strong {

	font-size: 14px;

}



#submit-updates {

	background-image: url('../images/button_submit-updates.png');

	width: 232px;

	height: 31px;

	cursor: pointer;

	border: none;

	background-color: transparent;

	color: transparent;

	text-transform: uppercase; /* IE trick */

	text-indent: -9000px;

}



#submit-updates:hover {

	background-position: 0 -31px;

}



.box #form .label {

	font-size: 12px;

	font-weight: bold;

}



.box #form .text {

	border: 1px solid #bcbcbc;

	font-size: 14px;

	padding: 3px 8px;

	width: 214px;

}