* {margin: 0; padding: 0;}
body {color: #000; font-weight: normal; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 13px; background: #759851;}
.cleaner {clear: both; height: 1px; font-size: 1px;}
p {}
h1 {font-size: 14px;}
h2, h3, h4, h5{font-size: 12px;}
img {border: 0;}
input, select, textarea {font-weight: normal; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 13px;}
a {text-decoration: none; color: #3899BB;}
a:hover {text-decoration: none; color: #48A38B;}
ul li {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
:focus {outline: none;}

.main {width: 969px; margin: auto; position: relative;}

/* Header */
.header {/*height: 348px;*/ height:347px; background: url(../images/head-bg.gif) repeat-x top; clear: both; position: relative; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}
.logo {width: 214px; height: 108px; background: url(../images/logo.gif) no-repeat; display: block;}
.h-img {width: 505px; height: 306px; background: url(../images/h-img.png) no-repeat; float: right;}
.light-head {background: url(../images/light-head.gif) no-repeat 260px 0; height: 306px;}
.header p {font-size: 15px; color: #5C8FA1; line-height: 18px; padding: 18px 0 0 51px;}
.header h2 {line-height: 27px; font-size: 26px; color: #5C8FA1; padding: 7px 0 0 51px;}

/* Top Menu */
.m-block {height: 47px; position: absolute; bottom: -5px; left: 0; width: 100%;}
.menu-cr {background: url(../images/menu-cr.png) no-repeat; width: 6px; height: 47px; float: left;}
.m-block ul {background: url(../images/t-menu-bg.png) repeat-x; height: 47px; width: 932px; float: left; padding: 0 0 0 31px;}
.m-block ul li {float: left; padding: 0 0 0 12px; height: 41px;}
.m-block ul li.sel {background: url(../images/lm-bg.gif) no-repeat left; padding-right: 7px;}
.m-block ul li.sel a{background: url(../images/rm-bg.gif) no-repeat right; height: 41px;}
.m-block ul li a {display: block; padding: 0 17px 0 0;}
.t-menu img {height: 19px; margin: 12px 0 0 0;}
.m-block-t ul {width: 797px;}
.t-menu-b-in {width: 30px; height: 47px; background: url(../images/t-menu-bg.png) repeat-x; float: left; padding-top: 9px;}
.t-menu-b-t {width: 35px; height: 47px; background: url(../images/t-menu-bg.png) repeat-x; float: left; padding-top: 9px;}
.t-menu-b-f {width: 35px; height: 47px; background: url(../images/t-menu-bg.png) repeat-x; float: left; padding-top: 9px;}
.t-menu-b-y {width: 35px; height: 47px; background: url(../images/t-menu-bg.png) repeat-x; float: left; padding-top: 9px;}
.t-menu-join-now {width: 102px; height: 30px; background: url(../images/t-menu-bg.png) repeat-x; position: absolute; z-index: 300; top: 7px; left: 630px; }

/* ContentContent */
.content {background: #FFF url(../images/c-corners.gif) no-repeat bottom; padding: 0 0 10px 0; margin: 0 2px 0 0; min-height: 300px; width: 969px; }

/*** Home Styles ***/
.col-l {width: 589px; float: left;}
.col-r {width: 380px; float: left; min-height: 201px; background: url(../images/r-col-bg.gif) repeat-x;}
/* single column */
.col-s { width: 927px; padding: 10px 20px }
.col-s .contentpaneopen { width: 100% }
.col-s .componentheading, .col-s h1 { color: #A7C03A; font-size: 30pt; font-weight:normal; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; }
.n-block {height: 111px; background: url(../images/newsletter-bg.gif) repeat-x;}
.n-block .text {height: 111px; background: url(../images/newsletter.gif) no-repeat left; padding: 0 0 0 127px;}
.n-block .text h3 {font-size: 25px; color: #FFF; font-weight: normal; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; padding: 5px 0 0 0; line-height: 27px;}
.n-block .text p {color: #FFF; padding: 7px 0 0 0;}
.n-block .text h3 span {font-size: 23px; font-weight: bold; color: #ABCF00;}
.s-up {width: 250px; height: 40px; float: right; position: relative; padding: 0 11px 0 0;}
.s-up input {border: none; top: 14px;}
.s-up .i-text {width: 172px; height: 18px; padding: 3px 0 0 3px; color: #333; font-size: 11px; position: absolute; left: 0;}
.s-up .sbutton {width: 69px; height: 21px; background: url(../images/sbutton.gif); cursor: pointer; position: absolute; left: 181px;}
.col-l .scol-l {width: 295px; float: left; padding: 14px 0 0 7px;}
.col-l .scol-r {width: 252px; float: left; padding: 15px 17px; min-height: 285px; background: url(../images/blog-bg.gif) repeat-x; background-color: #E3F3F9; margin-bottom: -11px}
.small-n-block { 
	background: none repeat scroll 0 0 #616161;
    border-bottom: 20px solid #A2C844;
    height: 98px;
    margin-right: 10px;
    margin-top: 20px;
    padding: 0 0 20px !important;
    width: 270px;
    }

.small-n-block .text h3 {
	color: #FFFFFF !important;
    font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size: 18px !important;
    font-weight: normal;
    line-height: 27px !important;
    padding: 5px 0 5px 10px;
	}
.small-n-block .text p { 
    color: #FFFFFF;
    padding: 0 0 0 10px;
    }
.small-n-block .text h3 span { 
    color: #ABCF00;
    font-size: 18px;
    font-weight: bold;
    }
.small-s-up {width: 250px; height: 40px; float: right; position: relative; padding: 0 11px 0 0;}
.small-s-up input {border: none; top: 14px;}
.small-s-up .i-text {width: 172px; height: 18px; padding: 3px 0 0 3px; color: #333; font-size: 11px; position: absolute; left: 0;}
.small-s-up .sbutton {width: 69px; height: 21px; background: url(../images/sbutton.gif); cursor: pointer; position: absolute; left: 181px;}
/* Featured Products */
.fp-title {background: url(../images/f-product-title.gif) no-repeat; width: 275px; height: 36px;}
.fp {width: 252px; position: relative; margin: 3px 0 2px 0;}
/*.fp .fp-c {background: url(../images/fp-bg.gif) no-repeat; position: absolute; left: 0; bottom: 4px; z-index: 0; width: 252px;}*/
.fp .fp-c {position: absolute; left: 0; bottom: 4px; z-index: 0; width: 252px;}
/*.fp p {font-size: 11px; color: #616161; padding: 8px 10px 10px 99px; line-height: 12px;}*/
.fp p {font-size: 12px; font-weight: bold; color: #4a9bb8; padding: 8px 10px 10px 115px; line-height: 12px;}
.fp img {position: relative; z-index: 1;}
.fp-img {width: 80px; text-align: center;}
.fp-divider-helper { border-bottom: 1px solid #cccccc; height: 1px; width: 252px; margin: 3px 12px 0 12px }
.fp-divider-helper-last { bottom: 1px; position: relative; height: 1px; width: 100%; background-color: #FFFFFF }

/* Featured Resoruces */
.fr-title { background: url(../images/f-resource-title.gif) no-repeat; width: 295px; height: 36px; margin-top: 20px }
.fr { position: relative; margin: 0 12px 2px 12px; clear: both; height: 35px; }
.fr-inner { width:97px; height:35px; float:left; overflow: hidden;}
.fr-img { height:35px; padding-top:9px; }
.fr-img img { max-width: 96px; max-height:35px; }
.fr-c { float: left; height: 16px; margin: 14px 0 14px 5px  }
.fr-c * { color: #4a9bb8; font-size: 12px; font-weight: bold}
.fr-last-helper { bottom: 3px; position: relative; height: 1px; width: 100%; background-color: #FFFFFF }
.fr-divider-helper { border-bottom: 1px solid #cccccc; height: 1px; width: 252px; margin: 10px 12px 0 12px }
.fr-divider-helper-last { bottom: 1px; position: relative; height: 1px; width: 100%; background-color: #FFFFFF }

/* Blog */
.blog-title {width: 68px; height: 37px; background: url(../images/blog-title.gif) no-repeat;}
.scol-r li {border-top: 1px solid #A7D3E3; padding: 2px 30px 7px 0; font-size: 12px; line-height: 15px;}
.scol-r ul {padding: 6px 0 0 0;}

/* Payback Calculator */
.pbc {padding: 10px 36px 12px 17px; border-bottom: 1px solid #84AE3B; margin-bottom: 9px;}
.pbc-title {width: 280px; height: 39px; background: url(../images/title1.png) no-repeat; position: relative; left: 3px;}
/*.pbc-tm {background: url(../images/tm.gif) no-repeat; text-indent: -9999px; width: 319px; height: 32px; margin-bottom: 13px;}*/

/* step 1, 2, 3 */
.step-block {background: url(../images/step-block.gif) no-repeat; min-height: 40px; width: 325px; margin: 6px 0 0 0;}
.step-block-bot {width: 325px; height: 6px; background: url(../images/step-block-bot.gif) no-repeat;}
.main .step-block .container {background-position: 6px 6px;}
.step-block .container {padding: 9px 0 0 51px;}
.step-block .step1 {background: url(../images/step1.gif) no-repeat; min-height: 28px;}
.step-block .step2 {background: url(../images/step2.gif) no-repeat; min-height: 46px; padding: 11px 0 0 48px;}
.step-block .step3 {background: url(../images/step3.gif) no-repeat; min-height: 33px; padding: 9px 0 0 55px;}
.step-block .step4 {background: url(../images/step4.gif) no-repeat; min-height: 28px;}
.step-block .step1 p {width: 146px; height: 30px; background: url(../images/step1-text.gif) no-repeat; text-indent: -9999px;}
.step-block .step2 p {width: 97px; height: 46px; background: url(../images/step2-text.gif) no-repeat; text-indent: -9999px;}
.step-block .step3 p {width: 170px; height: 30px; background: url(../images/step3-text.gif) no-repeat; text-indent: -9999px;}
.step-block .step4 p {width: 100px; height: 30px; color:#ADADAD; font-family: Arial; font-size: 13px; font-weight: bold;}
.step-block .container .price {float: right; width: 93px; text-align: center; color: #ABABAB; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; padding: 4px 0 0 0;}
.step-block .container .price input {border: 1px solid #CACACA; padding: 2px 3px; font-size: 12px; color: #000; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}
.step-block .container .email {float: right; width: 93px; text-align: center; color: #ABABAB; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; padding: 4px 0 0 0;}
.step-block .container .email input {border: 1px solid #CACACA; padding: 2px 3px; font-size: 12px; color: #000; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}  
.step-block .step1 input {width: 53px;}
.step-block .step4 input {width: 155px;}
.step-block .step3 input {width: 29px; text-align: center;}
.step-block .step1 .price {padding-right: 8px;}
.step-block .step4 .email {padding-right: 90px;}
.step-block .s2 {width: 163px; height: 39px; position: relative; float: right; background: url(../images/score.gif) no-repeat; padding: 0 9px 0 0; top: 7px;}

.mark {width: 54px; text-align: center; position: absolute; top: -8px; left: 38px;}
.mark a {width: 12px; height: 8px; display: block; background: url(../images/mark.png) no-repeat; margin: 2px auto 0 auto;}
.mark input{width: 52px; height: 14px; border: 1px solid #AAC778; font-size: 10px; text-align: center; padding: 0;}

.pbc .pys {text-indent: -9999px; width: 254px; height: 16px; background: url(../images/pys.gif) no-repeat; margin: 12px 0 3px 6px;}
.pbc .price-box {width: 135px; height: 25px; border: 1px solid #A6D657; background: #F6F9EC; font-size: 16px; font-weight: bold; color: #A2C844; text-align: center; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; float: left; margin-left: 4px;}

.pbc .fbutton {width: 168px; height: 28px; background: url(../images/fbutton.gif) no-repeat 0 0; display: block;  float: left; margin: 1px 0 0 16px;}
.pbc .fbutton:hover {background: url(../images/fbutton.gif) no-repeat 0 -28px;}

.eco-blcok {width: 363px; margin: auto;}
.eco-blcok .click-here {width: 269px; height: 19px; background: url(../images/click-here.gif) no-repeat; text-indent: -9999px; margin: 7px auto 0 auto;}
.eco-blcok .click-here a {display: block; width: 269px; height: 19px;}

.hertz-block {width: 363px; margin: auto;}
.hertz-block .click-here {width: 269px; height: 19px; background: url(../images/click-here.gif) no-repeat; text-indent: -9999px; margin: 7px auto 0 auto;}
.hertz-block .click-here a {display: block; width: 269px; height: 19px;}



/*** about page ***/
.section .header{height: 130px; background: url(../images/head-sbg.gif) repeat-x;}
.section .light-head {background: url(../images/light-head-bg.gif) no-repeat 0 0; height: 87px;}
.section .logo {width: 171px; height: 87px; background: url(../images/s-logo.gif) no-repeat;}
.section .top-banner {float: right; padding: 4px 5px 3px 5px; /* background: #FFF; */ margin: 0; position: relative; right: 5px;}
.section .sub-nav {background: url(../images/sub-nav.gif) repeat-x; height: 59px;}
.section .sub-nav ul {padding: 0 0 0 32px;}
.section .sub-nav li {float: left; padding: 22px 24px 0 0;}
.section .sub-nav a{color: #999; font-size: 14px; display: block; height: 33px;}
.section .sub-nav li.sel a{color: #FFF; background: url(../images/sub-sel.gif) no-repeat 50% 100%;}
.section .sub-nav a:hover{color: #FFF; background: url(../images/sub-sel.gif) no-repeat 50% 100%;}
.section .col-l {width: 309px;}
.section .col-l p {font-size: 18px; line-height: 22px; color: #6EAFC6; padding: 112px 78px 0 35px;}
.section .col-r {background-image: none; width: 497px; padding-top: 44px; padding-right: 161px;}
.section .col-r {color: #666; line-height: 16px;}
.section .col-r p {padding: 0 0 9px 0; }
.section .col-r h3 {font-size: 16px; color: #3899BB; line-height: 16px; padding: 9px 0 9px 0px;}

.bullets li {padding: 0 0 9px 13px; font-size: 14px; color: #666; line-height: 16px; background: url(../images/bullet.gif) no-repeat 1px 7px;}

.section .about {background: #FFF url(../images/about-img.jpg) no-repeat bottom;}
.fast-fact {height: 215px; padding: 0 52px 0 464px;}
.fast-fact p {font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 16px; color: #3D5048; line-height: 18px; padding: 140px 0 0 0;}

.col-nav { font-size: 14px; }
.col-nav ul { margin: 100px 0 0 15px }
.col-nav ul li { margin: 10px 0 }

/* what green */
.section .what-green .col-r {background-image: none; width: 547px; padding-right: 111px;}
/* .section .what-green {background: #FFF url(../images/what-green.jpg) no-repeat bottom; padding-bottom: 94px;} */
.section .what-green {background: #FFF; padding-bottom: 94px;}


/* contacts us */
.e-form {padding: 22px 0 43px 0; width: 508px;}
.e-form .itext {width: 333px; height: 19px; border: 1px solid #999; padding: 2px 0 0 3px; color: #666; font-size: 12px;}
.main .e-form  p {color: #666; padding: 8px 0 5px 0; font-size: 12px;}
.e-form textarea{width: 390px; height: 193px; border: 1px solid #999; padding: 2px 3px; color: #666; font-size: 12px;}
.contact-us .col-r{padding-right: 50px;}
.submit-button {text-align: right; padding: 22px 110px 0 0;}



/* products */
.products {}
.products .col-l {font-size: 11px; width: 200px;}
.products .col-l ul {padding: 39px 0 34px 0; width: 179px;}
.products .col-l ul a {color: #3899BB; display: block; padding: 1px 0 5px 12px;}
.products .col-l ul a:hover {color: #759851; display: block; background: #F0F5E7;}
.products .col-l ul li {padding: 0;}
.products .col-l ul li.sel a {color: #759851; display: block; background: #F0F5E7;}
.products .col-r {padding-right: 0; padding-top: 28px; width: 425px;}
.products .p-title {font-size: 30px; color: #3899BB; border-bottom: 1px solid #CCC; padding: 0 0 10px 4px; margin-bottom: 23px;}
.products .p-title p { color: #666; padding: 5px 0px 5px 0; font-size: 14px; }

.products .p-title a {font-size: 14px; /*float: right;*/ padding: 0 0 5px 4px; }
.products .resources a {font-size: 14px; float: none; padding: 0 0 5px 0px; }
.products .productimg {max-width: 150px; max-height: 100px; }

.products .items {padding: 0 0 0 0;}
.products .items td {max-width: 140px; padding: 0 15px 10px 0;}
.products .items td.last {padding-right: 0;}
.products .items {padding: 29px 0 0 0;}
.products .items .title {font-size: 11px; padding: 0 0 5px 0;}
.products .items .title a {color: #3F7C92;}
.products .items .title a:hover {color: #48A38B;}
.products .items .img {text-align: center; vertical-align: middle; width:130px;}
.products .items .img {font-size: 0; width:130px;}
.products .items .price {font-size: 11px; color: #585959;}

.p-line {border-top: 1px solid #CCC; padding: 15px 0 35px 0; font-size: 12px;}
.p-line .p-t {font-weight: bold; color: #424242; padding: 0 0 0 0;}
.p-line .p-t span {font-weight: normal; color: #797979;}
.p-pagin {float: right; color: #666; padding: 0 24px 0 0;}
.p-pagin li {float: left; padding: 6px 0 0 10px; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;} 
.p-pagin a {color: #CCC; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}
.p-pagin a:hover {color: #48A38B;}
.p-pagin .prev a{font-weight: bold; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; display: block; background: url(../images/pagin-sep.gif) no-repeat right; padding: 4px 15px 7px 0;}
.p-pagin .prev a:hover{color: #53A7C4;}
.p-pagin .next a {font-weight: bold; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; display: block; background: url(../images/pagin-sep.gif) no-repeat left; padding: 4px 0 7px 18px;}
.p-pagin .prev {padding: 0 3px 0 0;}
.p-pagin .next {padding: 0 0 0 15px;}

.p-pagin .sel a{color: #53A7C4;}
.p-pagin .sel a:hover{color: #CCC;}


/* product details */
.item .sub-nav ul {padding-left: 18px;}
.item .sub-nav a {color: #FFF; background: url(../images/back.gif) no-repeat 0 5px; padding-left: 15px;}
.item .sub-nav a:hover {background: url(../images/back.gif) no-repeat 0 5px;}

.item .col-r {padding-top: 45px;}
.i-c {padding: 0 0 31px 0; width: 612px; border-bottom: 1px solid #CCC;}
.i-c .col1 {float: left; padding: 0 17px 0 0; width: 213px; text-align: center; }
.i-c img {text-align: center;}
.i-c .col2 {float: left; width: 275px;}
.i-c .col2 .title {color: #3F7C92; font-weight: bold; padding: 0 0 13px 0;}
.i-c .col2 .l-1 {float: left; color: #333; font-weight: bold;}
.i-c .col2 .l-2 {float: left; font-size: 10px; color: #333;}
.i-c .col2 .l-2 span {font-weight: bold; font-size: 14px;}

.i-c .col2 .member {left: -5px;}

.i-c .add-cart {padding: 19px 0 25px 0;}
.i-c .col2 p {font-size: 12px; color: #000; line-height: 12px; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; padding-right: 75px;}
.product-details {font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; width: 600px; padding: 12px 0 50px 3px;}
.product-details li {font-size: 12px;}
.main .product-details p{padding: 0 0 11px 0; font-size: 14px;}
.product-details h4 {font-size: 14px; font-weight: bold; color: #759851; padding: 0 0 9px 0;}
.product-details .bullets li {background: url(../images/gb.gif) no-repeat 2px 5px;}
.product-details .bullets {padding-bottom: 2px;}

/* resources */
.resources-box1{padding-top: 11px; min-height:115px;}
.resources-box1 img {border: 0px; float: left; background-color: #ffffff; margin: 4px 24px 0px 0px;}
.resources-box1 .resource-descr {margin: 0px 0 13px 139px;}
.resources-box1 .resource-descr a {color: #32a0d3;}
.resources-box1 .resource-descr a.title {font-weight: bold;}

.resources-box{border-top: 1px solid #f0f0f0; padding-top: 11px; min-height:115px;}
/*width: 115px; height: 115px; */
.resources-box img {border: 0px; float: left; background-color: #ffffff; margin: 4px 24px 0px 0px;}
.resources-box .resource-descr {margin: 0px 0 13px 139px;}
.resources-box .resource-descr a {color: #32a0d3;}
.resources-box .resource-descr a.title {font-weight: bold;}

/* calculator */
.calculator {padding-bottom: 63px;}
.calc-block {padding: 19px 81px 0 60px;}
.calc-block h2.pbc-title {text-indent: -9999px; padding: 0; color: #5C8FA1; background: url(../images/payback-calc-title.gif) no-repeat; width: 269px; height: 43px;}
.calc-block .pbc-desc {padding: 0; color: #84AE3C; width: 362px; height: 90px; background: url(../images/pbc-desc.gif) no-repeat; text-indent: -9999px; margin: 6px 0 0 3px;}
.ydata {width: 122px; height: 32px; background: url(../images/ydata.gif) no-repeat; text-indent: -9999px;}
.calc-block .col1 {float: left; height: 124px; border-right: 1px solid #C7C7C7; padding: 0 36px 0 0; width: 363px;}
.calc-block .col2 {float: left; padding: 0 0 0 11px; width: 403px; position: relative;}
.calc-block .col2 .l1 {float: left; width: 179px; text-align: right; font-size: 17px; color: #666; padding: 1px 0 0 2px;}
.calc-block .col2 .l2 {float: left; padding: 0 0 2px 7px; width: 78px;}
.calc-block .col2 .l2 input {font-size: 17px; color: #6D9133; font-weight: bold; width: 73px; height: 24px; border: 1px solid #85AE3C; padding: 0 0 0 3px;}
.calc-block .col2 .l3 {float: right; width: 122px; position: absolute; top: 31px; right: 0;}
.calc-block .col2 .l3 p {font-size: 11px; color: #999; line-height: 14px; padding: 0 0 10px 0;}
.calc-block .col2 .l3 input {width: 83px; height: 20px;}

.calc-item {padding: 0 81px 0 62px;}
.calc-item .g-sep {height: 1px; font-size: 1px; background: #D9D9D9; margin: 15px 0 0 6px; clear: both;}
.c-i {clear: both; padding: 9px 5px 0 3px;}
.c-i .col1 {float: left; width: 98px;}
.c-i .col2 {float: left; width: 193px; padding: 4px 0 0 0;}
.c-i .col2 h2 {font-size: 15px; font-weight: normal; color: #3F7C92; padding: 0 0 1px 0;}
.c-i .col2 h2 a {color: #3F7C92;}
.c-i .col2 h2 a:hover {color: #48A38B;}
.c-i .col2 .price {font-size: 13px; color: #000; padding: 0 0 20px 0;}
.c-i .col2 p {font-size: 11px; color: #666;}
.c-i .col2 span {color: #85AE3C;}
.c-i .col3 {float: left; width: 366px; padding: 5px 0 0 0; position: relative;}
.c-i .col4 {float: left; padding: 6px 0 0 0;}
.calc-item .isep {margin-top: 7px;}

.calc-item .c-block {min-height: 34px; background: url(../images/calc-block.gif) no-repeat; width: 356px;}
.cb-bot {width: 356px; height: 10px; background: url(../images/c-block-bot.gif) no-repeat; margin-bottom: 2px;}
.cb-bot2 {width: 356px; height: 6px; background: url(../images/c-block-bot2.gif) no-repeat; margin-bottom: 2px;}
.calc-item .w50 {background: url(../images/calc-block-w50.gif) no-repeat;}
.calc-item .fleet_only {font-size: 12px; color: #666666; text-align: right; padding: 10px 3px 0 0;}
.calc-item .details{font-size: 11px; text-align: right; padding: 10px 3px 0 0;}
.calc-item .details a {color: #3F7C92;}
.calc-item .details a:hover {color: #48A38B;}

.c-i .col3 p {font-size: 11px; color: #666; padding: 1px 0 0 4px;}
.c-i .col3 span {color: #85AE3C;}
.c-i .col3 .more {position: absolute; bottom: 0; right: 18px; font-size: 11px;}
.c-i .col3 .more a {color: #3F7C92;}
.c-i .col3 .more a:hover {color: #48A38B;}

.calc-item .c-block .c1 {float: left; width: 142px; padding: 0 0 0 0;}
.calc-item .c-block .c2 {float: right; width: 194px; padding: 0 10px 0 0;}

.calc-item .c-block span {display: block; float: right; color: #85AE3C; font-size: 27px; line-height: 18px; height: 27px; width: 65px; margin-top: 11px;}

.calc-item .c-block .c1 span {}
.calc-item .c-block .c2 span {}
.main .calc-item .c-block p {text-align: right; color: #85AE3C; font-size: 12px; line-height: 14px; padding: 6px 0 0 0; margin-right: 73px;}

.calc-item .w50 .c1 {width: 170px;}
.calc-item .w50 .c2 {width: 176px;}
.calc-item .w50 .c1 p{text-align: left; padding: 15px 0 0 15px;}
.calc-item .w50 .c2 p{margin-right: 60px; padding-top: 14px}

.calc-item .calc {float: right; width: 98px; padding: 0 12px 0 0; margin-right: 25px;}
.calc-item .calc .i1{float: left; font-size: 14px}
.calc-item .calc .i2{float: left;}
.calc-item .calc-i {text-align: right; padding: 6px 0 8px 0;}
.calc-item .calc .text {width: 77px; height: 17px; border: 1px solid #85AE3C;}
.main .c-i .col3 p.calc-desc {color: #85AE3C; font-size: 12px; line-height: 15px; margin-top: -6px; width: 239px;}
.calc-item .calc p {color: #85AE3C; font-size: 16px; padding-right: 5px; line-height: 16px;}


.c-i .last-item {padding-bottom: 3px;}
.c-i .last-item .c2 p{margin-right: 80px;}
.c-i .last-item .c2 span {margin-top: 15px; padding-right: 6px;}
.c-i .last-item .c1 span {font-size: 19px; line-height: 18px; height: 19px; width: 35px;}
.c-i .last-item .c1 p {padding: 3px 0px 2px 6px; margin: 0; text-align: right;}
.c-i .last-item .c1 span {padding: 0px 3px 0px 3px; margin: 0; text-align: right; }
.c-i .last-item .c1 {padding: 11px 0px 0 0;}

.c-i .last-item .c2 p{padding-top: 10px;}

#as_nitrogen_inflation {}
#itl_nitrogen_inflation { padding-top: 6px; }
#mpg_nitrogen_inflation {}

/* Footer */
.prefooter { width: 969px; height: 205px; margin: 0 2px 0 0; clear: both; padding: 15px 0px; font-size: 12px; color: #6F6F6F; background-color: #484848; }
.prefooter .menu { padding-left: 20px; }
.prefooter .menu a { color: #A9A9A9; font-weight: bold; margin-bottom: 10px; }
.prefooter .submenu { border-bottom: 1px solid #555; padding: 6px 0; }
.prefooter .submenu a { color: #6F6F6F; font-weight: normal; }
.footer {margin: 0 2px 0 0; clear: both; width: 969px; height: 18px; padding: 13px 0px; font-size: 12px; color: #6F6F6F; background-color: #383838; }
.footer li {float: left; color: #AADEE2;}
.footer a {color: #FFF;}
.footer a:hover {color: #ABFFE9;}
.footer .sel a {color: #ABFFE9;}
.footer .sep {padding: 0 10px;}
.footer .copy { float: left; font-size: 10px; padding: 3px 0 0 10px; }
.footer .button { float: right; padding: 3px 10px 0 0; }

/* Community */

/* #mod_loginform { display:none; } */

#mod_loginform { display:none;  }
#cb_cb_comp_login .cb_comp_inner { width:275px; height:250px; margin: 20px 190px 0; }
#cb_cb_comp_login .cb_comp_inner .egSignupFacebook { float:right; }

.community-welcome { background: url('../images/community-welcome.gif') no-repeat; width: 519px; height: 85px; float: left }

.community-login, .community-user { width: 270px; height: 338px; margin-top: -30px; margin-bottom: -261px; padding: 15px 55px 30px 40px; background: url('../images/community-login-bg.gif') repeat-x; float: right }
.community-user { padding-left: 20px !important;  padding-right: 64px }

.community-login .community-login-signup { background: url('../images/community-login-signup.png') no-repeat; width: 254px; height: 75px; cursor: pointer }
.community-login .community-login-header { margin-top: 6px; margin-left: 10px; }
.community-login .community-login-header .community-login-title { color: #6699cc; font-size: 13pt; line-height:29px; white-space:nowrap; float:left; letter-spacing: 0.03em; }
.community-login .community-login-header .egSignupFacebook { float:right; }

.community-login-form { margin-top: 7px }

.community-login .egSignupFacebook { margin-bottom: 4px; }
.community-login .egSignupFacebook .fbc_button{ float:right; }

.community-login .community-login-field { white-space:nowrap; }
.community-login .community-login-field, #mod_loginform .inputbox { margin: 8px 0 7px; float: right; }
/* Filter for Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .community-login .egSignupFacebook {
        margin-bottom: 4px !important;
    }
}

.community-login .community-login-field label, #mod_loginform label { font-size: 10pt; color: #b3b6b7; line-height: 21px; }
#mod_loginform div {clear:both; }
#mod_loginform span { float:left; clear:none; width:120px; text-align:right;  }
#mod_loginform label {line-height: 40px; }
.community-login .community-login-field input, #mod_loginform input.inputbox { border: 1px solid #cccccc; font-size: 13pt; width: 140px }

.community-login .community-login-forgot { white-space: nowrap; color: #A7C03A; line-height: 5px; width: 115px; float: right; margin-right: 25px; }
.community-login .community-login-forgot a { color: #a7c03a; }
#mod_loginform a                      { display:block; float:right; clear:both; width:100%; text-align:right; margin-top:0px; color: #9e9e9e; }
#mod_loginform #mod_login_noaccount   { display:block; float:right; clear:both; width:100%; text-align:right; margin-top:0px; }
#mod_loginform #mod_login_noaccount a { display:inline; float:none; clear:none; width:auto;  }

.community-login .community-login-button, #mod_loginform input.button { cursor: pointer; background: url('../images/community-login-button.png'); width: 92px; height: 27px; float: right; clear: right; margin: 10px 0 12px; }
.community-login .community-login-submit { cursor: pointer; background: url('../images/community-login-button.png'); width: 92px; height: 27px; clear: right; margin: 115px 175px 12px; }

#mod_loginform input.button { display:block; float:right; font-size:0;  margin-left:200px; border:none; clear:both !important;  }

span.mod_login_plugin { display:block; float:left; }


.community-user .community-welcome-text, .community-user .community-welcome-username { margin-left: 5px;  letter-spacing: 0.01em; white-space:nowrap; width:310px; overflow:hidden; }
.community-user .community-welcome-text { color: #6699CC; margin-top: 40px; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 14pt; }
.community-user .community-welcome-username { color: #6699CC; font-size: 27pt; margin-top: -6px }

.community-user .community-welcome-actions { margin-top: 26px; margin-left: 5px }

body:first-of-type .community-user .community-welcome-actions  { margin-top: 12px !important }

.community-user .community-welcome-actions .goto { margin-bottom:-3px; padding-bottom:3px; background: url('../images/community-dotted-arrow.gif') no-repeat 160px 3px; height: 18px; margin-bottom: 6px; }

.community-welcome-actions .community-welcome-action { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12pt; letter-spacing: 0.01em; margin-bottom: 8px; }

.community-welcome-actions .community-welcome-action * { color: #a7c03a }


.main .community-info { width: 512px; clear: both; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 13pt; color: #999999; margin-top: 0; margin-bottom: 30px; padding: 8px 0 0 30px; }

.main .community-info p { line-height: 125%; margin:0; padding-left: 30px; }

.main .community-col1 { width: 570px; float: left; padding-left: 30px; }
.main .community-col2 { width: 360px; float: left; }

.main .community-recent-header { background-color: #a7c03a; color: #ffffff; height: 30px; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 15pt; padding-left: 12px; clear: both; position: relative; margin-left: 30px; }

.main .community-recent-item { padding: 18px 0; width: 570px; border-bottom: 1px solid #cccccc }

.community-recent-item .item-avatar { float: left; margin-right: 10px; width: 72px; height: 72px }
.community-recent-item .item-avatar img { width: 100%; height: 100% }
.community-recent-item .item-username { color: #a7c03a; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12pt; font-weight: bold }
.community-recent-item .item-username * { color: #a7c03a; font-size: 12pt; font-weight: bold }
.community-recent-item .item-username a:hover { text-decoration: underline }
.community-recent-item .item-content { color: #999999; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 10pt }
.community-recent-item .item-content * { color: #999999 }
.community-recent-item .subitem-avatar { float: left; width: 50px; height: 50px; margin:5px 5px 0 5px; }
.community-recent-item .subitem-avatar img { width: 100%; height: 100% }
/* .community-recent-item .item-content a:hover { text-decoration: underline } */



.community-newmembers-header { color: #6699cc; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 23pt; margin: 0 23px }

.community-newmembers { margin: 0 15px }
.community-newmember { width: 72px; height: 72px; margin: 5px; background-color: gray; float: left }
.community-newmember img { width: 100%; height: 100% }


/* Community Profile */

.egSearch { background: url('../images/community-search-users.png') no-repeat; width: 290px; height: 31px; float: right; /* margin-right: 200px; */ margin-bottom: 20px }
.egSearch form { margin: 0; display: block }
.egSearch form input { border: 0; width: 240px; height: 15px; font-size: 13px; margin-left: 9px; margin-top: 8px; display: block; color: #759851; float: right; margin-right: 33px }
.egSearchButton { cursor:pointer; height:30px; left:260px; position:relative; width:30px }
body:first-of-type .egSearch form input { height: 17px !important; } /* Safari 5 */

.egProfileCol1 { width: 292px; float: left }
.egProfileCol2 { float: left }

.cbProfile .egAvatar { background-color: #eaf6fb; width: 212px; height: 212px; float: left; margin-left: 30px; margin-right: 50px }
.cbProfile .egAvatar td { text-align: center; vertical-align: middle; width: 100%; height: 100% }
.cbProfile .egAvatar img { border: 1px solid #aa9da6 }

.egProfileMenu { width: 212px; float: left; margin-left: 30px; margin-right: 50px; margin-top: 20px }
.egProfileMenu ul { list-style-image: none }
.egProfileMenu ul li { margin-bottom: 4px; display: block; color: #A4C43B }
.egProfileMenu ul li a { color: #A4C43B }


.egProfile { width: 450px; float: left }
.egUsernameHeader { color: #a8c340; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 18pt; margin-bottom: 20px }
.egUserField { color: #989898; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: bold }
.egUserAboutMeHeader { color: #cccccc; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 16pt; margin-top: 20px; margin-bottom: 15px }
.egUserAboutMe { color: #979797; margin-bottom: 30px }

.egPostsHeader { height: 22px; background-color: #72984b; color: #ffffff; padding-left: 5px; margin-top: 15px; margin-bottom: 10px; font-size: 11pt; letter-spacing: 0.001em }

.egPostAddBlock { clear: both; display: none }
.egPostAddBlock form { margin: 0 }
.egPostAddBlock input, .egPostAddBlock textarea { border: 1px solid #888888; margin-bottom: 3px }
.egPostAddBlock input { width: 393px; border: 1px solid #888888; margin-bottom: 3px; height: 23px; vertical-align: middle; font-size: 13pt }
.egPostAddBlock textarea { width: 448px; border: 1px solid #888888; margin-bottom: 3px }


.egPosts { margin-bottom: 15px }

.egPost { border-bottom: 1px solid #a5c641 }
/*.egPostAvatar { float: left; margin-right: 10px; width: 50px; height: 50px; margin-bottom: 5px }
.egPostAvatar img { width: 100%; height: 100%; border: 1px solid #AA9DA6 }
*/
.egPostAvatar { float: left; width: 50px; margin-right: 10px; margin-bottom: 5px }
.egPostAvatar img { float: left; width: 100%; border: 1px solid #AA9DA6 }

.egPostAuthor { margin-top: 10px; color: #a4c43b; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 8pt; font-weight: bold }
.egPostAuthor a { color: #A4C43B }
.egPostAuthor a:hover { text-decoration: underline }
.egPostContent { color: #9e9e9e; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; line-height: 125% }
.egPostCommentLink { text-align: right; margin-top: 25px; margin-bottom: 5px; font-size: 10pt }
.egPostCommentLink span { cursor: pointer; color: #3899BB; margin-left: 9px }

.egPostComments { margin-left: 40px; margin-top: 10px; clear: both }
.egPostComment { background-color: #f2f7ea; padding: 10px 10px 15px 10px;  margin: 7px 0 }
/*
.egPostCommentAvatar { float: left; margin-right: 5px; margin-bottom: 5px; width: 32px; height: 32px }
.egPostCommentAvatar img { width: 100%; height: 100%; border: 1px solid #AA9DA6 }
*/
.egPostCommentAvatar { float: left; width: 32px; margin-right: 5px; margin-bottom: 5px }
.egPostCommentAvatar img { float: left; width: 100%; border: 1px solid #AA9DA6 }

.egPostCommentAuthor { color: #a4c43b; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 8pt }
.egPostCommentAuthor a { color: #A4C43B }
.egPostCommentAuthor a:hover { text-decoration: underline }
.egPostCommentText { color: #9e9e9e; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 8pt; }

div.egPostCommentBlock { margin: 20px 0; display: none }
div.egPostCommentBlock form { margin: 0 }
div.egPostCommentBlock textarea { border: 1px solid #888888; width: 100%; height: 40px; display: block; margin-bottom: 5px }
div.egPostCommentBlock button { clear: both; float: right }

div.egPostLikes { clear: both; margin-top: 5px }
div.egPostLikes div.egPostLike { float: left; height: 32px; width: 32px; margin-right: 5px; margin-bottom: 3px }
div.egPostLikes div.egPostLike img { height: 100%; width: 100%; border: 1px solid #AA9DA6 }

.cbPosUnderAll .contentheading { height: 22px; background-color: #72984b; color: #ffffff; padding-left: 5px; margin-bottom: 10px; font-size: 11pt; letter-spacing: 0.001em; width: auto !important; }
.cbPosUnderAll .cb_tab_content .contentpaneopen { width: 100% !important; }

.egWall { margin-bottom: 15px }

.egWallMessage { border-bottom: 1px solid #a5c641; width: 100% }
.egWallMessageAvatar { float: left; margin-right: 10px; margin-bottom: 10px }
.egWallMessageUser { margin-top: 10px; color: #a4c43b; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 8pt; font-weight: bold }
.egWallMessageUser a { color: #A4C43B; }
.egWallMessageText { color: #9e9e9e; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; line-height: 125%; margin-bottom: 10px }
.egWallMessageText a { color: #9e9e9e; font-size: 8pt }

textarea#message_wall { border: 1px solid #cccccc !important; width: 720px; height: 100px }
form#submit_wall img.avatar { border: 1px solid #AA9DA6  }
.egWallMessageFooter { text-align: right; margin-top: 25px; margin-bottom: 5px; font-size: 10pt }
.egWallMessageDate { float: left; color: #cccccc; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; margin-right: 5px }
.egWallMessageOptions { text-align: right }


table.egWallMessage { border-bottom: 1px solid #a5c641; width: 100% }

table.egWallMessage td { padding: 5px 0 }

table.egWallMessage td.egWallMessageLeft { width: 20% }
table.egWallMessage td.egWallMessageRight { width: 80% }
.egWallMessageRight textarea { border: 1px solid #cccccc !important; width: 97% }

td.egWallMessageOptions {  }

button.egFlatButton, a.egFlatButton { padding: 0 5px 0 5px; min-width: 120px; height: 23px; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 10.5pt; letter-spacing: 0.01em; white-space: nowrap; background-color: #5f8b3c !important; color: #ffffff !important; text-align: right; border: 0; cursor: pointer }
a.egFlatButton { display: block; text-align: right !important; vertical-align: middle !important; padding-top: 3px; height: 20px }


/* Profile Edit */
#cbUserEditActionButtons { padding-left: 325px }

/* Community Register */

.egSignupHeader { color: #98be53; font-size: 34pt; font-weight:normal; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; position: relative; margin-left: 36px; margin-top:0px }
.egSignupFacebook { margin: 0 0 10px 5px; }
.egRegisterForm { margin-top: 10px; margin-left: 190px }
.egRegisterForm .fbc_button { background: url('/templates/earthgarage/images/community-signup-facebook.png') no-repeat 2px 2px; width: 196px; height: 29px; font-size:0; }
.community-login .fbc_button, #cb_cb_comp_login .fbc_button { background: url('/templates/earthgarage/images/community-connect-facebook.jpg') no-repeat 2px 2px; width: 109px; height: 29px; font-size:0; }

.egRegisterForm .titleCell { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color: #999999; text-align: right; vertical-align: top; }
.egRegisterForm .fieldCell input, .egRegisterForm .fieldCell textarea { font-size: 14pt; border: 1px solid; border-bottom-color: #e1e1e1; border-left-color: #c1c1c1; border-right-color: #c1c1c1; border-top-color: #858585; width: 220px }
.egRegisterForm input.button { display: none  }
.egRegisterForm .egSignupJoin { background: url('../images/community-signup-join.png'); width: 92px; height: 27px; border: 0; cursor: pointer }
.egRegisterForm .fieldNote { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color: #999999; text-align: left; font-size:8pt;}
.egRegisterForm .fieldNote a { color: #999999; text-decoration: underline;}
.egRegisterForm #cb_aboutme { width:400px; }
.egRegisterForm .titleCell label span {color:#FF0000;}
.egRegisterForm .fieldNote span {color:#FF0000; font-size: 10pt; }
.fieldCell span.tooltip { margin-left: 5px; margin-top: 5px; font-size: 8pt; position: relative; top: 5px; white-space: nowrap; }

/* Users search result */

.egSearchResultsHeader { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 15pt; color: #999999; padding-bottom: 5px; border-bottom: 1px solid #999999; height: 25px; clear: both; width: 620px; margin: 0 auto 10px auto }
.egSearchResultsHeaderLabel { float: left } 
.egSearchResultsHeader .egResultsStat { float: left; font-size: 11pt; margin-left: 200px; margin-top: 5px }

.egSearchPaginationControl { color: #aaaaaa; position: relative; float: right; top: 20px; }
.egSearchPaginationControl select { color: #aaaaaa; }

.egSearchResults { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11pt; clear: both; width: 620px; margin: 0 auto }
.egSearchResult { margin-bottom: 10px; border-bottom: 1px solid #bbbbbb; padding-bottom: 10px }
.egSearchResult a { color: #5f8b3c }
.egSearchResultPhoto { float: left; width: 90px; margin-right: 10px }
.egSearchResultPhoto img { float: left; width: 100% }
.egSearchResultNameHeader { color: #999999 }
.egSearchResultName { float: left; width: 200px }
.egSearchResultName span { margin-right: 0.25em }
.egSearchResultName a { font-weight: normal }
.egSearchResultOptions { float: right; width: 150px; margin-right: 10px }
.egSearchResultOptions ul { list-style-image: none; margin: 0; display: block }
.egSearchResultOptions ul li { border-bottom: 0; padding: 3px 0; text-align: right }
.egSearchResultOptions ul li.bigger { font-size: 12pt }

/* Messaging */

h1.egMessaging { color: #95bc52; margin-bottom: 10px }

ul.egMessagingNav { list-style-image: none; clear: both; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: bold; font-size: 8pt; margin-bottom: 60px }
ul.egMessagingNav li { display: block; float: left; padding: 5px 20px; background-color: #dfe7d7; margin-right: 7px; color: #759851 }
ul.egMessagingNav li.selected { color: #ffffff; background-color: #759851 }
ul.egMessagingNav li a { color: #ffffff }

div#messaging_menu a { color: #759851 }

div.egMessaging { width: 730px; margin: 0 auto; border-bottom: 1px solid #cccccc }
.egMessagingTop { border-bottom: 1px solid #cccccc; margin-bottom: 45px; }
.egMessagingHeader { color: #95bc52; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; float: left; }
.egMessagingHeader a { color: #95bc52 }
.egMessagingHeader a:hover { text-decoration: underline }
.egMessagingHeaderControls { float: right; color: #759851; margin-top: 5px; font-size: 11pt; display: none }
.egMessagingHeaderControl { float: left; color: #759851; margin-left: 10px }
.egMessagingHeaderControl a { color: #759851 }

.egMessagingTop .egPagination { font-size: 11pt !important; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif !important; font-weight: bold !important; }

.egMessaging .egAvatar { width: 50px; height: 50px }
.egMessaging .egAvatar img { border: 1px solid #AA9DA6 }
.egMessaging .egAvatar img { width: 100%; height: 100% }

.egMessagingRead .egMessagingCol1 { float: left; width: 70px; margin-right: 15px; }
.egMessagingRead .egAvatar { float: left }
.egMessagingRead .egMessagingCol2 { float: left; width: 420px; }
.egMessagingRead .egMessageHeader { color: #759851; font-size: 11pt; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: bold; margin-bottom: 15px; }
.egMessaging .egUsername { color: #759851; font-weight: bold }
.egMessaging .egTimestamp { color: #999999; font-size: 8pt; font-weight: normal; float: left; margin-top: 3px; margin-left: 10px; }
.egMessaging .egDelete { position: relative; left: 630px; background: url('/templates/earthgarage/images/community-messaging-x.png') no-repeat; width: 12px; height: 12px; cursor: pointer; }
.egMessaging .egSubject { color: #759851; font-size: 9pt; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: bold; clear: both; margin-bottom: 10px; }
.egMessaging .egSubject a { color: #759851 }
.egMessagingList .egSubject a:hover { text-decoration: underline }
.egMessaging .egMessageBody { color: #999999; font-size: 10pt; margin-bottom: 10px; }
.egMessagingRead .egAnswer { margin-left: 10px; height: 120px }
.egMessagingRead .egAnswer form { display: block; margin: 0; height: 120px }
.egMessagingRead .egAnswer textarea { width: 100%; height: 100%; border: 1px solid #759851 }
.egMessagingRead .egAnswer input { width: 100%; border: 1px solid #759851; margin-bottom: 5px  }
.egMessagingRead .egAnswer textarea { width: 100%; height: 100%; border: 1px solid #759851 }
.egMessagingRead .egReply { background: url('/templates/earthgarage/images/community-button-reply.png') no-repeat; width: 99px; height: 27px; cursor: pointer; position: relative; top: -27px; left: 550px; margin-bottom: -10px }
.egMessagingRead .egMessagingCol3 { float: left; width: 200px; }

.egMessagingList .egMessagingListList { clear: both }
.egMessagingEmpty {}
.egMessagingListItem { border-bottom: 1px solid #cccccc; padding: 10px 0 }
.egMessagingListItemLast { border-bottom: 0 !important }

.egMessagingListItemUnread { background-color: #f4f7f1 }
.egMessagingListItem .egAvatar { float: left; margin-left: 5px; margin-right: 10px }
.egMessagingListItem .egHeader { width: 180px; float: left; color: #759851; font-size: 11pt; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: bold; }
.egMessaging .egUsername a { color: #759851 }
.egMessaging .egUsername a:hover { text-decoration: underline }
.egMessagingListItem .egHeader .egTimestamp { margin-left: 0 }
.egMessagingListItem .egMessage { width: 430px; float: left; margin-left: 10px }
.egMessagingListItem .egMessage .egMessageBody a { color: inherit  }
.egMessagingListItem .egMessage .egMessageBody a:hover { text-decoration: underline  }
.egMessagingListItem .egMessage .egMessageFull { display: none  }

.egMessagingListItem .egControls { float: left; width: 20px }
.egMessagingListItem .egControls .egDelete { position: static; float: right }

/* messaging popup */

.egMessagingPopup { display: none; background-color: white !important; font-size: 9pt !important; color: #a7a7a7 !important; }
.egMessagingPopup .egLabels, .egMessagingPopup .egControls { float: left; margin-top: 20px }
.egMessagingPopup .egLabels { width: 100px }
.egLabels .egLabel { height: 28px; text-align: right; padding-right: 5px }
.egMessagingPopup .egControls { width: 390px }
.egControls form { margin: 0 }
.egLabels .egLabel, .egControls .egControl { margin-bottom: 10px  }
.egControl input, .egControl textarea {
	border: 1px solid #759851;
	width: 100%;
	font-size: 14px !important;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #666666;
}
.egControl input { height: 26px;  }
.egControl textarea { height: 100px;  }
.egMessagingPopup .egSend { float: right; background: url('/templates/earthgarage/images/community-button-send.png') no-repeat; width: 100px; height: 27px; cursor: pointer }
.egMessagingPopup .egSending { background: url('../images/ajax-spinner3-greenie.gif') right no-repeat; height: 36px; padding-right: 40px; display: none; }
.egMessagingPopup .egSending .egSendingText { position: relative; top: 8px }
.egMessagingPopup .egToField { margin-bottom: 20px }
.egMessagingPopup .egSubjectLabel { padding-top: 3px }
.egToControl { font-weight: bold; color: #a1c442 }


/* system user password recovery */
.egUserReset { margin: 0 auto; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 9pt; color: #999999; width: 200px !important; }
.egUserResetHeader { color: #6699cc; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 15pt; height: 40px; vertical-align: top } 

.egUserReset input#email { border: 1px solid #CCCCCC; font-size: 13pt ;width: 140px; }
.egUserReset input#token { border: 1px solid #CCCCCC; font-size: 13pt; width: 95% }
.egUserReset input#password1 { border: 1px solid #CCCCCC; font-size: 13pt ;width: 140px; }
.egUserReset input#password2 { border: 1px solid #CCCCCC; font-size: 13pt ;width: 140px; }

/* system user login page */
.egUserLoginOptions { margin: 0 auto; display: block; width: 150px; color: #a5c641 }
.egUserLoginOptions a { color: #a5c641 }

/* pagination */
.egPagination { float: right; font-size: 11pt !important; margin-top: 5px; margin-right: 5px }
.egPagination .limit { display: none }
.egPagination .counter { display: none }
.egPagination li { display: none; color: #5F8B3C !important }
.egPagination li.prev, .egPagination li.next { display: list-item; border: 0 !important; }
.egPagination a { border: 0 !important; color: #a5c641 !important; font-weight: normal !important; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif !important; border: 0 !important; background: none !important; padding: 0 !important; }
.egPagination a:hover {  }


.main .calc-info {padding: 49px 0 0 135px; width: 565px; min-height: 156px;}
.main .cinfo {background: #FFF url(../images/c-corners.gif) no-repeat bottom; padding: 30px 0 10px 0px; min-height: 464px; }
.main .calc {padding: 0; }

.main .calc-info p {font-size: 16px; line-height: 20px; color: #666; padding: 0 0 12px 0;}
.main .calc-container {/*background: url(../images/cinfo-bg.gif) no-repeat bottom;*/ width: 832px; min-height: 252px; padding: 30px 0 0 135px;}

.main .smallPrint {width: 565px; font-size: 16px; line-height: 20px; color: #666; padding-top: 40px;}

.calc-container p {font-size: 12px; color: #666; padding: 0 0 3px 0;}
.calc-container input.field {width: 302px; height: 19px; border: 1px solid #999; font-size: 12px; padding: 2px 0 0 4px; margin: 0 0 11px 0;}

.fiels2 {clear: both;}
.fiels2 .col{float: left; padding: 0 17px 0 0;}
.fiels2 input.field {width: 200px;}

.fiels2 input.zipc {width: 94px;}
.fiels2 .col {font-size: 12px; color: #666;}

.fiels2 .desc-c {padding: 22px 0 0 0; width: 374px;}
.fiels2 .radio-line {float: right;}

.radio-line .ctrl {margin-right: 5px; top: 0px}
.format-line .ctrl {margin-right: 5px; top: 0px}

.desc-c input {position: relative; top: 3px; left: 1px;}
.format-line {font-size: 12px; color: #666;}
.format-line input {position: relative; top: 3px; left: 0px;}
.format-line span {padding-right: 20px;}

.continue {float: right; padding: 0 128px 0 0; margin: -23px 0 0 0;}

.f-desc {float: right; width: 215px; line-height: 14px; padding: 13px 281px 0 0;}
.f-desc p {font-size: 12px; color: #666;}
.f-desc a {color: #3899BB;}

.second-product img {margin: 32px 0 12px 0;}

.popup {position: absolute; top: 10%; position: fixed; left: 23%; z-index: 1000; background: url(../images/shadow.png) no-repeat bottom right; width: 589px; height: 554px;}
.popup .p-contaner {width: 559px; border: 6px solid #81B03C; background: #FFF; height: 521px; position: relative;}
.popup .close {width: 19px; height: 19px; background: url(../images/close.gif) no-repeat; position: absolute; top: 3px; right: 3px;}
.popup .p-div {width: 493px; height: 400px; margin: 74px 0 0 37px; overflow: auto; padding: 0 20px 0 0; line-height: 16px; font-size: 14px; color: #666;}
.popup .p-div p{padding: 0 0 30px 0;}
.popup .p-div h3{font-size: 16px; padding: 0 0 9px 0;}
.popup .p-div h4{font-size: 14px; padding: 0 0 9px 0;}


.popup2 {width: 300px; position: absolute; top: 50%; position: fixed; left: 36%; z-index: 1000;}
.popup2 .p-contaner {width: 286px; border: 7px solid #81B03C; background: #FFF; position: relative;}
.popup2 .close {width: 19px; height: 19px; background: url(../images/close.gif) no-repeat; position: absolute; top: 3px; right: 3px;}
.popup2 p{padding: 44px 0 32px 0; font-size: 21px; color: #999; text-align: center; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}

.popup3 {position: absolute; top: 15%; position: fixed; left: 35%; z-index: 1000; width: 505px; height: 505px; }
.popup3 .p-contaner {width: 500px; height: 500px; border: 5px solid #a2c844; background: #FFF; position: relative; padding: 40px 20px;}
.popup3 .close {width: 19px; height: 19px; background: url(../images/close.gif) no-repeat; position: absolute; top: 3px; right: 3px;}
.popup3 .p-div h3{font-size: 22px; color: #a2c844;}
.popup3 p{}

.popup-txt {padding: 0 0 0 35px; color: #666;}
.popup-txt span {color: #85AE3C;}

.error {color: #FF0000;}

.common-title { color: #A7C03A; font-size: 30pt; }
opup2 .p-contaner {width: 286px; border: 7px solid #81B03C; background: #FFF; position: relative;}
.popup2 .close {width: 19px; height: 19px; background: url(../images/close.gif) no-repeat; position: absolute; top: 3px; right: 3px;}
.popup2 p{padding: 44px 0 32px 0; font-size: 21px; color: #999; text-align: center; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}

.popup3 {position: absolute; top: 15%; position: fixed; left: 35%; z-index: 1000; width: 505px; height: 505px; }
.popup3 .p-contaner {width: 500px; height: 500px; border: 5px solid #a2c844; background: #FFF; position: relative; padding: 40px 20px;}
.popup3 .close {width: 19px; height: 19px; background: url(../images/close.gif) no-repeat; position: absolute; top: 3px; right: 3px;}
.popup3 .p-div h3{font-size: 22px; color: #a2c844;}
.popup3 p{}

.popup-txt {padding: 0 0 0 35px; color: #666;}
.popup-txt span {color: #85AE3C;}

.error {color: #FF0000;}

.common-title { color: #A7C03A; font-size: 30pt; }
.fp .fp-c p { padding: 8px 10px 10px 115px; }