html, body {margin: 0px; padding: 0px; background-color: #e6e5e5;}

body {font-family: Arial, Verdana, Sans-Serif; font-size: 14px; line-height: 18px; color: #656563;}

form {margin: 0px; padding: 0px;}

img {border: 0px;}

td {vertical-align: top;}

p {margin-top: 0px;}

a {color: #016644;}
a:hover {color: #834b04; text-decoration: underline;}

h1 {margin: 0px 0px 20px 0px; font-size: 21px; font-weight: normal; color: #834b04; line-height: normal;}
h2 {margin: 0px; font-size: 16px; font-weight: normal; line-height: normal;}
h3 {font-size: 17px; font-weight: normal; line-height: 20px; color: #c67d11; }
h4 {margin: 0px 0px 5px 0px; font-size: 13px; font-weight: normal; color: #834b04; line-height: 17px;}

.indent {margin-left: 20px; margin-right: 20px;}
.table {font-family: Arial, Verdana, Sans-Serif; font-size: 12px; line-height: 16px; color: #656563;}
.tableRow td {color: #656563; border-bottom: solid 1px #ecbe78;}
.tableRow1 {font-weight: bold; color: #ffffff; background-color: #c57d11;}
.tableRow2 {color: #3d3c3a; background-color: #ecbe78;}
.small {font-family: Arial, Verdana, Sans-Serif; font-size: 10px; line-height: 13px; color: #656563;}
.smallBold {font-family: Arial, Verdana, Sans-Serif; font-size: 10px; line-height: 13px; font-weight: bold; color: #656563;}
.black {font-size: 14px; line-height: 18px; font-weight: bold; color: #444444;}

/* General */
.clearBoth {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

.noMarginBefore {margin-top: 0px;}
.noMarginAfter {margin-bottom: 0px;}

.dark {color: #262626;}

.condensed p {margin-bottom: 10px;}

.small {font-size: 11px;}
.tv {font-size: 11px; width: 200px; margin-left: 15px;}

.legend {font-size: 12px;}

img.preload {display: none;}

.quote {font-size: 17px; color: #00704a; line-height: 24px; margin-bottom: 5px;}
.quoteAuthor {font-size: 10px;}

.separator {width: 100%; height: 1px; margin: 0px 0px 10px 0px; background-color: #ddd; font-size: 1px; line-height: 1px;}

/* Lists */
ul.inline {margin: 0px; padding: 0px; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0px; padding: 0px; list-style-type: none;}

ul.actions {margin: 0px; padding: 0px; list-style-type: none;}
ul.actions li {display: inline;}

ul.tabs {height: 25px; margin: 0px; padding: 0px; list-style-type: none; font-size: 12px;}
ul.tabs li {float: left; background: #834b04 url(../images/tabs/left.gif) no-repeat; margin-right: 2px;}
ul.tabs li a {display: block; background: url(../images/tabs/right.gif) no-repeat right top; padding: 0px 17px 0px 17px; line-height: 25px; color: #fff; text-decoration: none; text-transform: uppercase;}
ul.tabs li a:hover {color: #000; text-decoration: none;}
ul.tabs li.on {background: #c67d11 url(../images/tabs/left-on.gif) no-repeat;}
ul.tabs li.on a {background-image: url(../images/tabs/right-on.gif);}

ul.noIndent {margin: 0px 0px 20px 0px; padding: 0px 0px 0px 20px;}

ul.sitemap {margin: 0px; padding: 0px; list-style-type: none;}
ul.sitemap a {color: #666; text-decoration: none;}
ul.sitemap a:hover {color: #000;}
ul.sitemap li {padding: 0px 0px 20px 0px; font-weight: bold;}
ul.sitemap li ul {margin: 0px 0px 00px 20px; padding: 0px; list-style-type: none;}
ul.sitemap li ul li {padding: 0px; font-weight: normal;}

/**
 * Main Elements
 */
#master {width: 871px; margin: auto;}

#header {height: 93px; position: relative;}
#header .logo {position: absolute; top: 7px; left: 20px;}
#header .logo img {display: block;}
#header .tagline {position: absolute; top: 64px; left: 226px;}
#header .tagline img {display: block;}
#header .contact {position: absolute; right: 20px; bottom: 15px; line-height: normal; color: #666; text-align: right;}
#header .contact .phone {font-size: 13px; font-weight: bold; margin-bottom: 0px;}
#header .contact .hours {font-size: 11px; margin-bottom: 15px;}
#header .contact .button {width: 190px;}

#nav {height: 32px; background: #f6a11a url(../images/nav-bg.gif) repeat-x; padding: 8px 0px 0px 20px; font-size: 12px;}
#nav ul {height: 32px; margin: 0px; padding: 0px; list-style-type: none;}
#nav ul li {float: left; background: #834b04 url(../images/tabs/nav-left-bg.gif) no-repeat; margin-right: 5px;}
#nav ul li a {display: block; background: url(../images/tabs/nav-right-bg.gif) no-repeat right top; padding: 0px 12px 0px 12px; line-height: 32px; color: #fff; text-decoration: none; text-transform: uppercase;}
/*#nav ul li a:hover {color: #000;}*/
#nav ul li:hover {background-image: url(../images/tabs/nav-left-bg-over.gif);}
#nav ul li:hover a {background-image: url(../images/tabs/nav-right-bg-over.gif);}
#nav ul li.on {background: #fff url(../images/tabs/nav-left-bg-on.gif) no-repeat;}
#nav ul li.on a {background-image: url(../images/tabs/nav-right-bg-on.gif); color: #000;}

#footer {font-size: 12px; padding: 0 0 10px 0;}
#footer .header {height: 24px; background: #f59f1a url(../images/footer-bar-bg.gif) repeat-x; color: #412501; line-height: 24px; padding: 0px 10px 0px 10px;}
#footer .header .title {float: left;}
#footer .header .contact {float: right;}
#footer .content {padding: 10px 10px 0px 10px;}
#footer .nav {float: left; width: 650px;}
#footer .nav .menu {float: left; width: 125px; margin: 0px; padding: 0px; list-style-type: none; font-size: 11px; line-height: 18px;}
#footer .nav .menu .title {font-weight: bold;}
#footer .nav .menu a {color: #666; text-decoration: none;}
#footer .nav .menu a:hover {text-decoration: underline;}
/*
#footer .nav .residential {width: 99px;}
#footer .nav .commercial {width: 99px;}
#footer .nav .resources {width: 103px;}
#footer .nav .greenwoodLife {width: 110px;}
#footer .nav .support {width: 64px;}
#footer .nav .about {width: 120px;}
#footer .nav .blog {width: 40px;}
*/
#footer .actions {float: right; width: 175px;}
#footer .dealers {float: right; margin-bottom: 40px;}
#footer .dealers a.button {float: left; margin-bottom: 5px;}
#footer .dealers a.button span {width: 110px;}
#footer .subscribe {text-align: right;}
#footer .subscribe .title {font-weight: bold; margin-bottom: 0px;}
#footer .subscribe .textbox {float: right; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #666; width: 130px; margin: 1px 4px 0px 0px;}
#footer .subscribe .submit {float: right;}
#footer #newsletterSubscribeMessage {clear: both; width: 157px; font-size: 11px; font-weight: bold; line-height: 18px; text-align: left; margin: 5px 0px 0px 0px; padding: 4px 5px 4px 5px;}

#masterFooter {padding: 0px 20px 40px 20px; font-size: 11px; color: #666; margin-top: -5px;}
#masterFooter .legal {float: left;}
#masterFooter .links {float: right;}
#masterFooter a {color: #016644; text-decoration: none;}
#masterFooter a:hover {color: #834b04; text-decoration: underline;}

#body {padding: 15px 20px 30px 20px;}

#breadcrumbs {padding: 0px 12px 20px 12px; font-size: 11px; color: #707067; line-height: normal;}
#breadcrumbs a {color: #707067; text-decoration: none;}
#breadcrumbs a:hover {text-decoration: underline;}

#sidebar {float: left; width: 272px; margin-right: 20px;}
#sidebar .productPhoto {margin: 40px 0px 5px 0px;}
#sidebar .productPhotoActions {padding: 0px 0px 20px 37px;}
#sidebar .dealers {padding: 0px 0px 20px 37px; width: 196px;}
#sidebar .dealers .button {margin-bottom: 7px;}
#sidebar .dealerInquiry {padding: 0px 0px 0px 0px; width: 196px;}
#sidebar .dealerInquiry .button {margin-bottom: 7px;}
#sidebar .separator {width: 192px;}

#contentWrapper {width: 100%;}

#content {float: left; width: 510px;}
#content img.block {display: block; margin-bottom: 20px;}
#content .columnMiddle {float: left; width: 300px;}
#content .columnRight {float: right; width: 175px;}
#content .columnRight ul.noIndent {font-size: 13px; line-height: 17px;}
#content .halfColumnLeft {float: left; width: 230px;}
#content .halfColumnRight {float: right; width: 230px;}
#content .alert {padding: 10px 10px 0px 10px; border: solid 2px #cc0000; margin-bottom: 10px; font-size: 13px; line-height: 17px; color: #784403; }

.noSidebar #content {float: none; width: 811px;}
.splitPageLayout #content {width: 396px;}
.splitPageLayout #sidebar {float: right; width: 396px; margin-right: 0px;}

.separated {background: url(../images/grey-line.gif) repeat-y 252px 0px;}

ul.subnav {float: left; width: 212px; margin: 0px; padding: 0px; list-style-type: none; font-size: 13px; line-height: 15px;}
ul.subnav li {margin-bottom: 5px; width: 100%;}
ul.subnav li a {color: #666; text-decoration: none;}
ul.subnav li a:hover {color: #000; text-decoration: none;}
ul.subnav li a span span {display: block; padding: 2px 12px 3px 12px;}
ul.subnav li.title a {color: #000; text-transform: uppercase;}
ul.subnav li.on {background: #c67d11 url(../images/tabs/subnav-tlc.gif) no-repeat;}
ul.subnav li.on a {display: block; color: #fff; background: url(../images/tabs/subnav-trc.gif) no-repeat right top;}
ul.subnav li.on a:hover {color: #fff;}
ul.subnav li.on a span {display: block; background: url(../images/tabs/subnav-brc.gif) no-repeat right bottom;}
ul.subnav li.on a span span {background: url(../images/tabs/subnav-blc.gif) no-repeat left bottom;}

/**
 * Drop Shadows
 */
div.shaded {background-color: #fff;}
div.shaded .ts {background: url(../images/shadows/ts.gif) repeat-x;}
div.shaded .rs {background: url(../images/shadows/rs.gif) repeat-y right top;}
div.shaded .bs {width: 100%; background: url(../images/shadows/bs.gif) repeat-x left bottom;}
div.shaded .ls {background: url(../images/shadows/ls.gif) repeat-y;}
div.shaded .tlc {background: url(../images/shadows/tlc.gif) no-repeat;}
div.shaded .trc {background: url(../images/shadows/trc.gif) no-repeat right top;}
div.shaded .brc {background: url(../images/shadows/brc.gif) no-repeat right bottom;}
div.shaded .blc {background: url(../images/shadows/blc.gif) no-repeat left bottom;}
div.shaded .content {padding: 5px 10px 10px 10px;}

div.shadedTopless .ts, div.shadedTopless .tlc, div.shadedTopless .trc {background-image: none;}
div.shadedTopless .content {padding-top: 0px;}

/**
 * Slideshow
 */
#slideshow {position: relative; height: 224px; /*\*/overflow: hidden;/**/}
#slideshow img {display: none; position: absolute; top: 0; left: 0;}
#slideshow .first {display: block;}
#slideshow .secondary {display: none;}

#slideshowNav {margin: 15px 0 0 0;}
#slideshowNav ul {margin: 0; padding: 0; list-style-type: none; height: 10px;}
#slideshowNav ul li {float: left; padding: 0 10px 0 0;}
#slideshowNav ul li a {float: left; display: block; width: 10px; height: 10px; background: #f4b452; font-size: 1px; line-height: 1px; text-indent: -10000px;}
#slideshowNav ul li.on a,
#slideshowNav ul li a:hover {background: #834b04;}

/**
 * Buttons
 */
a.button {display: block; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 19px; text-transform: uppercase; background: #00704a url(../images/buttons/green-left-bg.gif) no-repeat;}
a.button span {display: block; height: 19px; padding: 0px 17px 0px 17px; background: url(../images/buttons/green-right-bg.gif) no-repeat right top; cursor: pointer; text-align: center;}
a.button:hover {color: #000;}
a.accentButton {background-color: #c67d11; background-image: url(../images/buttons/orange-left-bg.gif);}
a.accentButton span {background-image: url(../images/buttons/orange-right-bg.gif);}

/**
 * Icon Links
 */
a.icon {background: no-repeat 0px 1px; padding: 2px 18px 2px 20px; font-size: 11px; text-decoration: none;}
a.icon:hover {text-decoration: underline;}
a.magnify {background-image: url(../images/icons/magnify.gif);}
a.photos {background-image: url(../images/icons/photos.gif);}
a.info {background-image: url(../images/icons/info.gif);}
a.video {background-image: url(../images/icons/video.gif);}
a.quote {background-image: url(../images/icons/quote.gif);}
a.pdf {background-image: url(../images/icons/pdf.gif);}

/**
 * Home Page
 */
#banner {padding: 20px 0px 18px 20px;}
#banner img {display: block;}

#homeBody {font-size: 12px;}
#homeBody h4, h4.block {margin: 0px; font-size: 13px; padding: 0px 0px 0px 20px; height: 22px; line-height: 22px; color: #fff; background-color: #834b04; text-transform: uppercase;}
#homeBody h4 a {color: #fff; text-decoration: none;}
#homeBody h4 a:hover {color: #c67d11; text-decoration: underline;}
#homeBody a:hover {color: #834b04; text-decoration: underline;}

#homeProducts {float: left; width: 449px; border-right: solid 1px #ddd;}
#homeProducts h4 {margin-bottom: 5px;}
#homeProducts h1 {margin: 0px 0px 5px 0px; font-size: 17px; font-weight: normal; color: #016644; line-height: normal;}
#homeProducts h1 a {text-decoration: none;}
#homeProducts p {margin-bottom: 0px;}
#homeProducts .item {border-bottom: solid 1px #ddd;}
#homeProducts .lastItem {border-bottom-width: 0px;}
#homeProducts .thumb {float: left; width: 143px;}
#homeProducts .copy {float: left; width: 291px; padding: 15px 15px 0px 0px; line-height: 17px;}
#homeProducts .copyLegacy {float: left; width: 400px; padding: 15px 15px 0px 20px; line-height: 17px;}
#homeProducts h2 {margin: 0px 0px 5px 0px; font-size: 15px; font-weight: normal; color: #016644; line-height: normal;}
#homeProducts h2 a {text-decoration: none;}

#homeFeatures {float: left; width: 401px;}
#homeFeatures p {margin-bottom: 10px;}
#homeFeatures .news {float: left; width: 200px; border-right: solid 1px #ddd;}
#homeFeatures .news .content {padding: 5px 20px 20px 20px; line-height: normal;}
#homeFeatures .news a {font-size: 13px; text-decoration: none;}
#homeFeatures .news a:hover {text-decoration: underline;}
#homeFeatures .blog {float: left; width: 200px;}
#homeFeatures .blog .content {padding: 10px 20px 20px 20px; line-height: normal;}
#homeFeatures .blog h1 {margin: 0px 0px 5px 0px; font-size: 14px; font-weight: normal; color: #3b3b3a;}
#homeFeatures .feature .content {font-size: 13px; padding: 12px 20px 20px 20px; line-height: normal;}
#homeFeatures .feature h1 {margin: 0px 0px 10px 0px; font-size: 17px; font-weight: normal; color: #834b04;}
#homeFeatures .feature h1 a {text-decoration: none;}
#homeFeatures .feature .more {font-size: 12px; margin-bottom: 0px;}
#homeFeatures .feature h4 {margin: 0px; font-size: 13px; padding: 0px 0px 0px 20px; height: 22px; line-height: 22px; color: #fff; background-color: #016644; text-transform: uppercase;}
#homeFeatures .feature .more {font-size: 12px; margin-bottom: 0px;}

#homeFeatures .feature2 {border-top: solid 1px #ddd; padding: 7px 13px 10px 11px;}
#homeFeatures .feature2 .border {border: solid 1px #ddd;}
#homeFeatures .feature2 .photo img {display: block;}
#homeFeatures .feature2 .content {font-size: 14px; padding: 12px 20px 20px 20px; line-height: normal;}
#homeFeatures .feature2 h1 {margin: 0px 0px 10px 0px; font-size: 20px; font-weight: normal; color: #834b04;}
#homeFeatures .feature2 .more {font-size: 12px; margin-bottom: 0px;}

#front {padding: 15px 20px; font-size: 12px;}
#front h1 {margin: 0px 0px 5px 0px; font-size: 17px; font-weight: normal; color: #016644; line-height: normal;}
#front h1 a {text-decoration: none;}
#front h2 a {text-decoration: none;}
#front p {margin-bottom: 10px;}
#front .left {float: left; width: 448px;}
#front .right {float: right; width: 346px;}

#front .products {padding: 0 2px;}
#front .products h4 {margin-bottom: 5px;}
#front .products p {margin-bottom: 0px;}
#front .products .item {border-bottom: solid 1px #ddd; padding: 15px 0;}
#front .products .lastItem {border-bottom-width: 0px; padding-bottom: 0;}
#front .products .thumb {float: left; width: 143px; text-align: center;}
#front .products .copy {float: left; width: 290px; line-height: 17px;}
#front .products .copyLegacy {float: left; width: 400px; padding: 15px 15px 0px 20px; line-height: 17px;}
#front .products h2 {margin: 0px 0px 5px 0px; font-size: 15px; font-weight: normal; color: #016644; line-height: normal;}
#front .products h2 a {text-decoration: none;}
#front .testimonials {padding: 15px;}
#front .testimonials .author {text-align: right;}
#front .blog {padding: 15px;}
#front .blog .content {padding: 0;}
#front .news {padding: 15px;}

#frontFeatures {padding: 15px 20px; font-size: 12px; line-height: 17px;}
#frontFeatures h1 {margin: 0px 0px 5px 0px; font-size: 17px; font-weight: bold;}
#frontFeatures p {margin-bottom: 10px;}
#frontFeatures .left,
#frontFeatures .right {float: left; width: 364px; border: solid 1px #ddd; padding: 15px; min-height: 165px;}
#frontFeatures .right {float: right;}
#frontFeatures .crossFirePromo img {float: right; margin: -5px 0 0 10px;}

/**
 * Tabbed Content
 */
div.tabbedContent {background: url(../images/shadows/shadow.gif) repeat-x left bottom; padding-bottom: 15px;}
div.tabbedContent .tabbedContentContent {padding: 20px 20px 20px 20px; border: solid 1px #ddd;}

div.tabBox .head {margin: 0; padding: 0; list-style-type: none; height: 32px; font-size: 13px; font-weight: bold; line-height: 32px; text-align: center; text-transform: uppercase;}
div.tabBox .head li {float: left; background: url(../images/tabs/bg-tab-sprites.gif) no-repeat; padding: 0 0 0 5px; margin: 0 3px 0 0;}
div.tabBox .head li a {float: left; display: block; color: #fff; text-decoration: none; background: url(../images/tabs/bg-tab-sprites.gif) no-repeat right top; padding: 0 15px 0 10px;}
div.tabBox .head li a:hover {color: #000;}
div.tabBox .head li.on {background-position: 0 -32px;}
div.tabBox .head li.on a {background-position: right -32px;}
div.tabBox .head li.green {background-position: 0 -64px;}
div.tabBox .head li.green a {background-position: right -64px;}
div.tabBox .head li.legacy {background-position: 0 -96px;}
div.tabBox .head li.legacy a {background-position: right -96px;}
div.tabBox .body {border: solid 1px #ddd;}

/**
 * Product Pages
 */
.productSidebar .subnav {width: 150px;}

.productDetails .indented {margin-left: 15px;}

table.specs {background-color: #ddd; font-size: 12px; margin-bottom: 10px;}
table.specs th {background-color: #f5f4f4; color: #262626; padding: 6px 8px 6px 8px;}
table.specs td {background-color: #fff; padding: 6px 8px 6px 8px;}

/**
 * Popup Windows
 */
body.popup {background-color: #fff; padding: 0px 20px 0px 20px;}

body.popup #master {width: auto; margin: auto;}

body.popup #header {height: 100%; position: relative; border-bottom: solid 1px #ddd; padding: 5px 0px 5px 0px; margin-bottom: 10px;}
body.popup #header .title {float: left; font-size: 14px; font-weight: bold; color: #834b04;}
body.popup #header .nav {float: right; font-size: 11px;}

body.popup #body {padding: 0px;}

/**
 * Product Photos
 */
#productPhotos .thumbs {float: left; width: 100px; margin-right: 15px;}
#productPhotos .thumbs .item {margin-bottom: 10px;}
#productPhotos .thumbs .item img {display: block; border: solid 1px #ddd;}
#productPhotos .photo {float: right; width: 600px; height: 600px; border: solid 1px #ddd;}

/**
 * Miscellaneous
 */
.productChoice h1 {margin: 0px; font-size: 17px;}
.productChoice a {text-decoration: none;}
.productChoice .item {float: left; width: 200px; padding: 10px 25px 0px 25px; text-align: center;}
.productChoice .firstItem {border-right: solid 1px #ddd;}

.photoMatrix {float: left; margin-bottom: 20px; border: solid 1px #f5c06c; border-width: 1px 0px 0px 1px; background-color: #f09c19;}
.photoMatrix .row {border-bottom: solid 1px #f5c06c;}
.photoMatrix .photo {border-bottom: solid 1px #f5c06c;}
.photoMatrix .item {float: left; width: 168px; border-right: solid 1px #f5c06c; overflow: hidden;}
.photoMatrix .item:hover a {color: #fff;}
.photoMatrix .text {font-size: 14px; color: #030303; line-height: 24px; text-align: center;}
.photoMatrix a {color: #030303; text-decoration: none;}
.photoMatrix a:hover {color: #fff; text-decoration: none;}

/**
 * Forms
 */
form.form {width: 100%;}
form.form .row {padding: 0px 0px 5px 0px;}
form.form .label {float: left; width: 100px;}
form.form .field {float: left; width: 250px;}

/**
 * Seminar Page
 */
.seminar {margin: 10px 0px 0px 0px;}
.seminar .seminarContent {float: left; width: 582px; padding: 5px 0px 0px 0px;}
.seminar .cta {float: right; width: 160px; background: #facf8c; margin: 10px 0px 0px 0px; padding: 10px 20px 10px 20px; color: #3b3b3a;}

.seminars .item {float: left; width: 290px; padding: 20px 0px 20px 0px; border : solid 1px #ddd; border-width: 0px 1px 1px 0px; font-size: 12px; line-height: 17px; text-align: center;}
.seminars .lastItem {border-right: none;}
.seminars .buttonWrapper {text-align: left; padding-left: 80px;}
.seminars .button {width: 130px; margin: 9px 0px 9px 0px;}
.seminars h3 {margin: 0px; color: #834b04;}

/**
 * Dealer Locator Page
 */
#dealerLocatorFormWrapper {background: url(../images/shadows/shadow.gif) repeat-x left bottom; padding-bottom: 15px;}
#dealerLocatorForm {padding: 20px 20px 20px 20px; border: solid 1px #ddd;}
#dealerLocator {font-size: 12px;}
#dealerLocator .textbox {width: 235px;}
#dealerLocator .cityTextbox {width: 160px;}
#dealerLocator textarea {width: 330px; font-family: arial, verdana, sans-serif; font-size: 12px;}

/**
 * Fuel and Energy Savings Calculator
 */
#calculatorWrapper {width: 400px;}

#calculatorWrapper .progressBar {font-family: Verdana, Arial, Sans-Serif; font-size: 11px; color: #171717; text-align: center; padding: 0px 0px 10px 0px;}

#calculator {border: solid 1px #ccc; width: 380px; padding: 10px;}
#calculator form .row {padding: 0px 0px 10px 0px; color: #000;}
#calculator form .label {font-size: 12px; padding: 0px 0px 5px 0px;}
#calculator form .field {padding: 0px 0px 0px 50px;}
#calculator form .nav {padding: 10px 0px 0px 0px;}
#calculator form .nav .previous {float: left; width: 100px;}
#calculator form .nav .next {float: right; width: 100px; text-align: right;}

#calculator form.step4 .label {float: left; width: 120px;}
#calculator form.step4 .field {float: left; width: 250px; padding: 0px;}
#calculator form.step4 textarea {width: 350px; font-family: arial, verdana, sans-serif; font-size: 12px;}

#calculator .nameValueList .row {padding: 0px 0px 5px 0px; color: #000;}
#calculator .nameValueList .name {float: left; width: 300px;}
#calculator .nameValueList .value {float: right; width: 80px; text-align: right;}

#google_translate_element select {font-family: arial;font-size: 11px;color: #40362e;border: 0px solid #a4a4a4;}
#google_translate_element {color: #fff;}
#google_translate_element img {display: none;}
#google_translate_element a {display: none;} 

/**
 * CrossFire Demo
 */
#crossFireDemo {width: 800px; font-size: 15px; line-height: 20px; color: #000;}
#crossFireDemo ul {margin: 0; padding: 0 20px 0 0; list-style-type: none; float: left; width: 336px; height: 393px; position: relative;}
#crossFireDemo ul li {position: absolute; top: 0; left: 0;}
#crossFireDemo ol {margin: 0; padding: 15px 0 0 0; list-style-type: none; float: left; width: 415px;}
#crossFireDemo ol li {padding: 0 0 10px 45px; background: url(../images/crossfire-step-numbers-sprite.gif) no-repeat;}
#crossFireDemo ol li.step2 {background-position: 0 -100px;}
#crossFireDemo ol li.step3 {background-position: 0 -200px;}
#crossFireDemo ol li.step4 {background-position: 0 -300px;}
#crossFireDemo ol li.step5 {background-position: 0 -400px;}
#crossFireDemo ol li.step6 {background-position: 0 -500px;}
#crossFireDemo ol li.next {background: transparent;}
#crossFireDemo h1 {margin: 0; padding: 15px 25px; font-size: 30px; font-weight: bold; color: #fff; background: #008000; border-bottom: solid 14px #6b6e00;}

#crossFireDemoPanel {background: #fff url(../images/loading.gif) no-repeat center center; width: 800px; background: #fff;}
#crossFireDemoPanel a.container-close {display: block; width: 28px; height: 28px; position: absolute; top: -10px; right: -10px; background: url(../images/buttons/close.png) no-repeat; text-indent: -10000px;}

/**
 * YUI tweaks
 */
div.mask {background: #000; opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; -moz-opacity: 0.75;}