html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
html, body {height: 100%; width: 100%}
body {line-height: 1; color: black; background: white}
 :focus {outline: 0}
ol, ul {list-style: none}
table {border-collapse: collapse; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
h1,h2,h3 {letter-spacing: 0px}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
img {border:0}
em {font-style: normal}
.left, .fl {float:left}
.right, .fr {float:right}
.hide {display: none}
.al {text-align:left}
.ar {text-align:right}
.ac {text-align:center}
.cb {clear: both}
.cl {clear: left}
.ma {margin: auto}
body {font: 14px Arial, Helvetica, sans-serif; background: url(/images/layout/background.png); color: #333}
.required {color: #ff0000}
input.required, select.required, textarea.required {color: #000}
div.content-hr {float: left; clear: both; width: 700px; height: 1px; margin: 7px 0; font-size: 1px; line-height: 1px; background: url(/images/common/content-divider.png)}
div.content-hr hr {display: none}
 div.interior-bar {position: relative; float: left; width: 960px; height: 35px; padding: 0 10px; line-height: 35px; background: #666; color: #fff}
div.interior-bar h2 {float: left; line-height: 35px; font-size: 16px; font-weight: bold}
div.interior-bar ul {float: left; padding: 0 0 0 50px}
div.interior-bar ul li {float: left}
div.interior-bar ul li a {float: left; margin: 0 10px; color: #fff; text-decoration: none}
div.interior-bar div {position: absolute; z-index: 11; top: 35px; left: 0; width: 980px; height: 11px; background: url(/images/layout/header-shadow.png) repeat-x}
* html body div.interior-bar div {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/images/layout/header-shadow.png') }
  div.left {width: 600px; padding: 10px 10px 10px 20px; font-size: 13px}
div.left p {float: left; width: 100%; padding: 12px 0 0}
div.left a {color: #009A3D }
div.left h3 {float: left; width: 100%; margin: 10px 0 0; font-size: 15px; font-weight: bold; color: #009A3D}
div.right {width: 233px; margin: 27px 20px 0 0; padding: 0 15px 0 35px; background: url(/images/homepage/video-divider.png) no-repeat top left}
div.right h4 {margin: 5px 0; font-size: 15px; font-weight: bold; color: #1ab261}
 .slider {float: left; width: 960px; padding: 20px 10px 0 10px}
.slider-navigation {float: left; width: 200px; height: 420px; padding: 5px 7px 10px 7px; border-width: 2px 0 2px 2px; border-style: solid; border-color: #f0f0f0 transparent #aaa #ccc; background: #eee}
.slider-navigation h3 {padding: 5px 0 0; font-size: 18px; font-weight: bold}
.slider-navigation ul {float: left; width: 180px; margin: 0 0 0 10px}
.slider-navigation ul li {float: left; clear: left; white-space: nowrap}
.slider-navigation ul li span {float: left; padding: 3px 0 2px; font-weight: bold}
.slider-navigation ul li a {color: #009A3D; text-decoration: none}
.slider-navigation ul li a:hover {text-decoration: underline}
.slider-content {overflow: hidden; position: relative; float: left; width: 740px; height: 435px; border-width: 2px 2px 2px 0; border-style: solid solid solid none; border-color: #f0f0f0 #ccc #aaa transparent}
.slider-container {position: relative; width: 20000px}
.slide {position: relative; float: left; width: 720px; height: 420px; padding: 5px 10px 10px}
   #container {position: relative; width: 980px; margin: 0 auto; padding: 0 9px; min-height: 100%; z-index: 10; background: url(/images/layout/shadow.png) repeat-y}
* html body #container {height: 100%; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/images/layout/shadow.png') }
#content {padding: 0 0 55px 0}
  div#header {position: relative; z-index: 50; float: left; width: 100%; height: 135px; background: url(/images/layout/header-bg.png) repeat-x}
a#logo {position: relative; z-index: 21; float: left; margin: 10px 0 0 20px}
* html body a#logo img {display: none}
* html body a#logo {display: block; width: 301px; height: 124px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='image', src='/images/layout/logo.png') }
div#header-chamber {position: absolute; top: 0; right: 20px}
* html body div#header-chamber img {display: none}
* html body div#header-chamber {width: 148px; height: 100px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='image', src='/images/layout/header-chamber.png') }
  ul#nav {position: absolute; z-index: 20; top: 101px; left: 0; width: 650px; height: 34px; margin: 5px 0 0; padding: 0 0 0 330px; background: url(/images/layout/nav-bg.png)}
ul#nav li {position: relative; float: right; height: 34px; margin: 0 12px 0 0; padding: 0 5px 0 0}
ul#nav li a {display: block; float: left; height: 31px; padding: 0 0 0 5px; font: 15px/31px "Myriad Pro", "Trebuchet MS", Arial, Sans-Serif; letter-spacing: 0.3px; color: #fff; text-decoration: none}
ul#nav li:hover ul, ul#nav li.over ul {display: block}
ul#nav li ul {display: none; position: absolute; z-index: 20; top: 34px; left: -12px; width: 161px; padding: 0 15px 20px; background: url(/images/layout/drop-down-bg.png) no-repeat left bottom}
ul#nav li.last ul {left: -80px}
ul#nav li:hover ul li, ul#nav li.over ul li {background: none}
ul#nav li:hover ul li a, ul#nav li.over ul li a {background: none}
ul#nav li ul li {clear: both; width: 100%; height: auto; margin: 0; padding: 2px 0 0; line-height: 0}
ul#nav li ul li a {width: 100%; height: auto; margin: 0; padding: 0; font-size: 13px; line-height: 16px; color: #231f20}
ul#nav li ul li a.indent {padding: 0 0 0 15px; background: url(/images/layout/indent-plus.png) no-repeat 0 1px}
ul#nav li ul li a:hover {text-decoration: underline}
  ul#secondary-nav {float: left; width: 443px; height: 41px; margin: 0 0 0 30px; text-align: center}
ul#secondary-nav li {display: inline; padding: 0 2px; line-height: 38px; font-size: 12px; color: #fff}
ul#secondary-nav li a {color: #fff; text-decoration: none}
  div#header-shadow {position: absolute; z-index: 11; top: 119px; left: 9px; width: 980px; height: 11px; background: url(/images/layout/header-shadow.png) repeat-x}
* html body #header-shadow {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/images/layout/header-shadow.png') }
 #page-content {position: relative; float: left; width: 100%}
 div#bottom-bar {position: relative; z-index: 10; float: left; width: 100%; height: 70px; margin: 30px 0; background: url(/images/layout/bottom-bar.png) repeat-x}
a#bottom-bar-usgbc {position: absolute; top: -15px; left: 20px}
* html body a#bottom-bar-usgbc img {display: none}
* html body a#bottom-bar-usgbc {display: block; width: 99px; height: 101px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/images/layout/usgbc.png') }
a#bottom-bar-cces {position: absolute; top: -15px; left: 130px}
* html body a#bottom-bar-cces img {display: none}
* html body a#bottom-bar-cces {display: block; width: 102px; height: 102px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/images/layout/cces.png') }
a#bottom-bar-download {position: absolute; top: 0; right: 15px}
div#bottom-bar address {float: left; width: 100%; padding: 3px 0 0; line-height: 15px; font-size: 12px; text-align: center; color: #fff; font-style: normal}
div#bottom-bar address strong {font-weight: bold}
ul#bottom-nav {position: relative; top: -17px; float: right; padding: 0 10px 0 0}
ul#bottom-nav li {float: left; padding: 0 2px; font-size: 12px; color: #666}
ul#bottom-nav li a {color: #666; text-decoration: none}
ul#bottom-nav li a:hover {text-decoration: underline}
  div#footer {position: relative; z-index: 11; clear: both; width: 100%; height: 40px; margin: -55px 0 0; padding: 15px 0 0; font-size: 12px; background: white url(/images/layout/footer-bg.png) repeat-x}
div#footer-copy {width: 980px; margin: 0 auto}
div#footer-copyright {float: left}
div#footer-copyright a {color: #009a3d; text-decoration: none}
div#footer-copyright a:hover {text-decoration: underline}
a#powered-by-xspond {float: right; margin: 5px 0 0}
  #homepage-middle-bar {position: relative; float: left; width: 100%; height: 310px; background: #666}
#homepage-middle-bar-images {display: inline; overflow: hidden; position: relative; float: left; width: 620px; height: 276px; margin: 15px 0 15px 18px}
#homepage-middle-bar-images li {position: absolute; top: 0; left: 0}
#homepage-middle-bar div {float: left; width: 290px; height: 255px; margin: 15px 0 0; padding: 20px 19px 0 15px; background: url(/images/homepage/middle-bar-right.png)}
#homepage-middle-bar div h2 {float: left; color: #1ab261; font-size: 20px}
#homepage-middle-bar div p {float: left; clear: left; width: 100%; margin: 10px 0 0; color: #fff}
#homepage-middle-bar-shadow {position: absolute; top: 310px; left: 0; width: 100%; height: 11px; background: url(/images/layout/header-shadow.png) repeat-x}
* html body #homepage-middle-bar-shadow {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/images/layout/header-shadow.png') }
#homepage-copy-slider {overflow: hidden; position: relative; float: left; width: 630px; height: 370px; padding: 35px 0 50px 10px}
#homepage-copy-slider-nav {position: absolute; top: 725px; left: 15px}
#homepage-copy-slider-nav li {float: left; min-width: 75px; margin: 0 15px; padding: 0 0 18px; text-align: center; white-space: nowrap}
* html body #homepage-copy-slider-nav li {width: 75px}
#homepage-copy-slider-nav li.current {background: url(/images/common/subnav-wave.png) no-repeat bottom center}
#homepage-copy-slider-nav li a {font-size: 16px; color: #009A3D; text-decoration: none}
#homepage-copy-slider-container {position: relative; float: left; width: 10000px}
#homepage-copy-slider-container div {float: left; width: 610px; height: 350px; padding: 10px 10px 10px 15px}
#homepage-copy-slider-container div img {float: left}
#homepage-copy-slider-container div h3 {float: left; width: 590px; padding: 5px 0 0 15px; font-size: 20px; color: #009A3D}
#homepage-copy-slider-container div p {float: left; width: 590px; padding: 10px 0 0 15px}
 #homepage-copy-slider-container .homepage-video-block {float: left; width: 298px; height: 114px; margin: 0; padding: 0; background: url(/images/homepage/videos/background.png)}
* html body #homepage-copy-slider-container .homepage-video-block {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='image', src='/images/homepage/videos/background.png') }
.homepage-video-block img {margin: 10px 0 0 6px}
.homepage-video-block strong {float: left; margin: 10px 0 0 10px; font-weight: bold; text-transform: uppercase; color: #fff}
.homepage-video-block span {float: left; width: 145px; height: 60px; margin: 1px 0 0 10px; line-height: 12px; font-size: 11px}
.homepage-video-block a {position: relative; top: -5px}
 #homepage-copy-slider-cs a {color: #009A3D}
#homepage-copy-slider-container div#homepage-copy-slider-news h3 {width: auto}
#homepage-copy-slider-container a {float: right; margin: 0 20px 0 0}
#homepage-copy-slider-news div {float: left; clear: both; width: 580px; height: auto; padding: 12px 5px 6px; background: url(/images/homepage/news-border.png) repeat-x}
#homepage-copy-slider-news div a {float: left; width: 435px; margin: 0; color: #009A3D; text-decoration: none}
#homepage-copy-slider-news div span {float: right; font-weight: bold}
#homepage-video {float: left; width: 317px; padding: 46px 0 0 10px}
#homepage-video h4 {margin: 5px 0; font-size: 18px; color: #1ab261}
#homepage-video p {margin: 5px 0 0; font-size: 12px}
body#homepage #facebox .body {width: 640px}
   #products-listing .slider-navigation {height: 450px}
#products-listing .slider-content {height: 465px}
#product-listing-slides h4 {float: left; width: 100%; font-size: 18px; font-weight: bold; color: #009A3D}
#product-listing-slides img {float: left; margin: 20px 0 0}
.product-listing-slides-details {float: right; width: 420px; margin: 20px 0 0}
.product-listing-slides-details div {float: left; clear: both; width: 100%; padding: 2px 0}
.product-listing-slides-details div strong {float: left; width: 115px; margin: 0 5px 0 0; padding: 0 5px 0 0; color: #009A3D; border-right: 1px solid #ccc; text-align: right}
.product-listing-slides-details div span {position: relative; left: -9px; float: right; width: 284px; padding: 0 0 0 6px; border-left: 1px solid #ccc}
.product-listing-slides-details div span a {color: #009A3D}
  #comparison-chart {position: relative; left: 10px; float: left; width: 960px; margin: 10px 10px 0 0; padding: 0 0 0 20px; border: 0; font-size: 13px}
#comparison-chart td {padding: 2px 15px}
.comparison-header {border-bottom: 2px solid #009a3d; font: bold 16px "Lucida Grande",Verdana,Arial,Sans-serif; color: #555}
tr.comparison-b td {background: #bdeebe}
#comparison-chart td.comparison-list {background: none; font: bold 13px "Lucida Grande",Verdana,Arial,Sans-serif; text-align: right; text-transform: uppercase; color: #666}
.comparison-triton {color: #009a3d}
#comparisons-content {float: left; width: 280px; margin: 0 10px 0 0}
   #case-studies div.left {width: 300px; padding: 0}
#case-studies div.left h4 {float: left; width: 100%; font-size: 18px; font-weight: bold; color: #009A3D}
#case-studies div.left strong {font-weight: bold; font-size: 15px}
#case-studies div.left a {float: left; margin: 15px 0 0}
#case-studies div.right {width: 400px; margin: 0; padding: 0; background: none}
#case-studies div.right .photos {text-align: center}
#case-studies div.right .photos ul {overflow: hidden; position: relative; float: left; width: 380px; height: 276px; margin: 15px 0 15px 18px}
#case-studies div.right .photos ul li {position: absolute; top: 0; left: 0}
   #support div.left p strong {font-weight: bold}
#support div.left ul li {margin: 5px 0 0 15px; padding: 0 0 0 5px; list-style: disc}
  #system-design div.left img {float: right}
#system-design p.first {width: 290px; margin: 0 10px 0 0}
  #installation-manual div.left p {width: 350px; padding-left: 10px}
  #downloads .slider-navigation {height: 650px}
#downloads .slider-content {height: 665px}
#downloads .slide {height: 650px}
#downloads-container h4 {float: left; width: 100%; font-size: 18px; font-weight: bold; color: #009A3D}
.downloads-preview-image {float: left; width: 482px; height: 362px; text-align: center}
.downloads-preview-image img.border {border: 1px solid black}
.downloads-file-type-notifier {float: right; width: 198px}
    #about-triton div.left ul {float: left; width: 460px; margin: 10px 0 0 0}
#about-triton div.left ul li {float: left; margin: 7px 0 0; padding: 0 0 0 40px; background: url(/images/common/wave-bullet.png) no-repeat 0 3px}
#about-triton div.left ul li em {color: #009A3D; font: bold 11px "Lucida Grande",Verdana,Helvetica,Arial,Sans-serif; text-transform: uppercase}
  #partners-listing {float: left; width: 940px; padding: 15px 20px}
#partners-listing div {float: left; clear: both; width: 100%; padding: 0 0 25px}
#partners-listing div.content-hr {width: 700px; margin-bottom: 20px; padding: 0}
#partners-listing div h3 {float: left; width: 100%; padding: 0 0 10px; font-size: 15px; font-weight: bold; color: #009A3D}
#partners-listing div img {float: left}
#partners-listing div div {float: left; clear: none; width: 500px; padding: 0 0 0 25px}
#partners-listing div p {float: left; padding: 7px 0}
  #distributors div.left {width: 250px; min-height: 600px}
* html body #distributors div.left {height: 600px}
#distributors-territories {float: left; width: 150px; padding: 15px 50px 0 50px}
#distributors-territories h3 {float: left; width: 100%; margin: 0 0 7px; font-size: 14px; color: #139b48; font-weight: bold; text-align: center}
#distributors-territories a {display: block; float: left; width: 149px; height: 25px; line-height: 10px; font-size: 10px; margin: 2px 0}
#distributors-territories a span {display: none}
#distributors-info {float: left; clear: both; width: 100%; margin: 20px 0 0}
#distributors-info div div {float: left; width: 240px; margin: 10px 0 0; padding: 5px; background: #e5e5e5}
#distributors-info div.color {float: left; width: 18px; height: 18px; margin: 0; padding: 0; border: 1px solid #000}
#distributors-info div div h4 {float: left; width: 200px; margin: 0 0 0 12px; font-size: 14px; font-weight: bold}
#distributors-info div div p {float: left; clear: both; width: 210px; margin: 0; font-size: 12px; padding: 0 0 5px 30px; color: #666666}
#distributors-info div div p span {float: left; clear: left; white-space: nowrap}
#distributors-info div div p span strong {font-weight: bold}
a#distributors-map-us-button {background: url(/images/distributor-maps/buttons/united-states.gif) 0 0}
a#distributors-map-us-button:hover {background: url(/images/distributor-maps/buttons/united-states.gif) 0 25px}
a#distributors-map-central-america-button {background: url(/images/distributor-maps/buttons/central-america.gif) 0 0}
a#distributors-map-central-america-button:hover {background: url(/images/distributor-maps/buttons/central-america.gif) 0 25px}
a#distributors-map-canada-button {background: url(/images/distributor-maps/buttons/canada.gif) 0 0}
a#distributors-map-canada-button:hover {background: url(/images/distributor-maps/buttons/canada.gif) 0 25px}
a#distributors-map-south-america-button {background: url(/images/distributor-maps/buttons/south-america.gif) 0 0}
a#distributors-map-south-america-button:hover {background: url(/images/distributor-maps/buttons/south-america.gif) 0 25px}
a#distributors-map-europe-button {background: url(/images/distributor-maps/buttons/europe.gif) 0 0}
a#distributors-map-europe-button:hover {background: url(/images/distributor-maps/buttons/europe.gif) 0 25px}
a#distributors-map-africa-button {background: url(/images/distributor-maps/buttons/africa.gif) 0 0}
a#distributors-map-africa-button:hover {background: url(/images/distributor-maps/buttons/africa.gif) 0 25px}
a#distributors-map-asia-button {background: url(/images/distributor-maps/buttons/asia.gif) 0 0}
a#distributors-map-asia-button:hover {background: url(/images/distributor-maps/buttons/asia.gif) 0 25px}
a#distributors-map-australia-button {background: url(/images/distributor-maps/buttons/australia.gif) 0 0}
a#distributors-map-australia-button:hover {background: url(/images/distributor-maps/buttons/australia.gif) 0 25px}
#distributors-map {position: absolute; top: 50px; right: 10px; width: 680px; height: 510px}
   #site-calc h3 {float: left; width: 100%; font: 16px/24px "Myriad Pro", "Trebuchet MS", Arial, Sans-Serif; color: #009A3D}
#site-calc-slides {overflow: hidden; position: relative; float: left; width: 980px; height: 840px}
#site-calc-slides-container {position: relative; width: 20000px}
#site-calc-slides-container div.slide {position: relative; float: left; width: 980px; height: 800px}
 #site-calc-params {position: relative; float: left; width: 426px; margin: 24px 0 38px 15px; padding: 0 15px; background: url(/images/calculator/field-parameters-border-side.png) repeat-y; font-size: 12px}
#site-calc-params h3 {float: left; margin: -10px 0 0}
#site-calc-params div.top {position: relative; top: -7px; left: -15px; width: 456px; height: 12px; padding: 0; font-size: 8px; background: url(/images/calculator/field-parameters-border-top.png)}
#site-calc-params div.bottom {position: absolute; bottom: -19px; left: 0; width: 456px; height: 19px; padding: 0; background: url(/images/calculator/field-parameters-border-bottom.png)}
#site-calc-params div {float: left; clear: both; width: 100%; padding: 5px 0 2px 0}
#site-calc-params div.fieldWithErrors {float: none; clear: none; width: auto; padding: 0}
#site-calc-params div label {float: left; width: 175px; padding: 0 10px 0 0; text-align: right; line-height: 22px}
#site-calc-params div input.text, #site-calc-params div select {float: left; width: 160px}
#site-calc-params div select {width: 165px}
#site-calc-params div span {float: left; margin: 0 0 0 5px; line-height: 22px}
#site-calc-params div strong {float: left; width: 100%; font-weight: bold}
#site-calc-params div.site-calc-params-multi {margin: 7px 0 0; padding: 7px 0; border-top: 1px solid #ccc}
#site-calc-params div.site-calc-params-multi div {float: left; clear: none; width: auto}
#site-calc-params div.site-calc-params-multi label {width: auto; padding: 0 5px 0 0}
#site-calc-params #site-calc-params-stone div input {width: 60px; margin: 0 10px 0 0}
#site-calc-params-control div select {width: 75px; margin: 0 35px 0 10px}
#site-calc-params #site-calc-params-accessories select {width: 50px; margin: 0 10px 0 0}
#site-calc-params #site-calc-params-double div.first {padding-bottom: 0}
#site-calc-params #site-calc-params-double div.last {clear: left; padding-top: 0}
#site-calc-params #site-calc-params-double div div {float: left; clear: both; width: 400px; padding-left: 20px}
#project_upper_chamber_view, #project_lower_chamber_view {margin: 0 0 0 5px; line-height: 18px; color: #009A3D}
#site-calc-params span#recalculate-note {float: left; width: 100%; padding: 0 0 7px; line-height: 1.2; color: #666}
  .site-calc-values-rendering {padding: 0 0 10px; line-height: 14px; font-size: 14px}
.site-calc-values-rendering ul li {padding: 0 0 5px}
.site-calc-values-rendering ul li img {margin: 0 0 -2px}
.site-calc-values {float: left; width: 400px; margin: 24px 0 0 20px; font-size: 13px}
.site-calc-values table {float: left; width: 100%}
.site-calc-values table tr.alt {background: #BDEEBE}
.site-calc-values table td {padding: 3px 5px}
  #site-calc-diagram {float: left; width: 920px; margin: 10px 20px; text-align: center}
#site-calc-diagram a img {margin: 7px 0 0}
  #site-calc-chambers {float: left; width: 500px; text-align: center}
#site-calc-chambers .site-calc-chamber {float: left; margin: 24px 0 0}
#site-calc-chambers .site-calc-chamber .product-listing-slides-details {text-align: left}
   #video-slides h4 {float: left; width: 100%; font-size: 18px; font-weight: bold; color: #009A3D}
  #contact .interior-bar {margin: 0 0 15px}
#contact-info {float: left; margin: 0 15px 0 20px}
#contact-tags {float: left; width: 50px; padding: 5px; margin: 5px 0; font-weight: bold; text-align: right}
#contact-data {float: left; margin: 5px 3px; padding: 5px; border-left: 1px solid #aaa}
#contact-form {float: left; width: 500px; margin: 10px 0 0}
#contact-form span.success {float: left; width: 500px; margin: 0 0 10px 125px; font-weight: bold; color: #ff0000}
#contact-form label {float: left; width: 120px; padding: 2px 7px 0 0; text-align: right}
#contact-form input, #contact-form textarea, #contact-form select {float: left; width: 350px; margin: 2px 0px 2px 0px; padding: 2px; border: 1px solid #aaa}
#contact-form textarea {height: 150px}
#contact-form select {width: 355px}
#contact-form .submit {width: auto; margin: 0 0 0 127px; border: 0}
  #login {float: left; width: 420px; padding: 10px}
#login p {float: left; width: 420px; padding: 0 0 20px}
#login p.error {font-weight: bold; color: #cc0000}
#login p.notice {font-weight: bold}
#login-errors strong {float: left; width: 100%; font-weight: bold}
#login-errors ul {float: left; padding: 5px 0 15px 20px; list-style: disc}
#login form div {float: left; width: 100%; padding: 5px 0 0}
#login form div.fieldWithErrors {float: none; width: auto; padding: 0}
#login form div label {float: left; width: 95px; padding: 0 5px 0 0; line-height: 20px; text-align: right}
#login form a#forgot-password {float: left; margin: 3px 0 0 100px; text-decoration: none; color: #009A3D}
#login form div.button {float: left; padding: 10px 0 0 30px}
#login form div.button a, #login form div.button input {float: left; margin: 0 7px 0 0}
  #my-account div.left {width: 140px; padding-right: 25px}
#my-account h4 {margin: 5px 0; font-size: 15px; font-weight: bold; color: #1AB261}
#my-account div.left a {float: left; margin: 0 0 5px}
#my-account div.right {float: left; width: 600px; min-height: 300px; margin: 0; padding: 10px 0 0 40px}
#my-account div.right div {float: left; clear: both; width: 100%; height: auto}
#my-account div.right div span {float: left; padding: 0 15px 0 0; line-height: 24px; font-weight: bold}
#my-account div.right div a {padding: 0 10px 0 0}
#my-account div.right div.left, #my-account div.right div.right {clear: none; width: 50%; height: auto; min-height: 0; margin: 0; padding: 2px 0; text-align: center; background: none}
#my-account div.account-image-downloads div span {width: 100%; margin: 0; padding: 0; text-align: center}
#my-account div.account-image-downloads div span.status {float: right; width: 155px; font-size: 12px; line-height: 14px; text-align: left; font-weight: normal}
#my-account hr {float: left; clear: both; width: 100%; height: 1px; margin: 7px 0; line-height: 1px; font-size: 1px; background: #ccc; border: 0}
 #new-account {float: left; padding: 20px}
#new-account ul.error {float: left; clear: left; width: 390px; padding: 5px 0 10px 20px; list-style: disc; font-weight: bold; color: #cc0000}
#new-account p.notice {float: left; clear: both; width: 410px; padding: 5px 0; font-weight: bold}
#new-account span {float: left; font-size: 15px; color: #777}
#new-account div {float: left; clear: both; padding: 7px 0 0}
#new-account div label {float: left; width: 180px; padding: 0 7px 0 0; text-align: right; line-height: 22px; font-size: 12px}
#new-account input {color: #000}
#new-account div label.error {clear: left; font-weight: bold; color: #ff0000}
#new-account input.submit {float: left; clear: left; margin: 7px 0 0 188px}
  #save-new-project {float: left; width: 940px; padding: 20px}
#save-new-project span {float: left; font-size: 15px; color: #777}
#save-new-project div {float: left; clear: left; width: 500px; padding: 7px 0 0}
#save-new-project div.fieldWithErrors {clear: none; width: auto; padding: 0}
#save-new-project #project-errors {float: right; width: 400px}
#save-new-project #project-errors strong {float: left; width: 100%; font-weight: bold; font-size: 15px}
#save-new-project #project-errors ul {float: left; padding: 0 0 0 20px; list-style: disc}
#save-new-project div label {float: left; width: 130px; padding: 0 7px 0 0; text-align: right; line-height: 22px; font-size: 12px}
#save-new-project input {color: #000}
#select-project-install-date {margin: 0 0 -7px 0}
#save-new-project div label.error {clear: left; font-weight: bold; color: #ff0000}
#save-new-project input.submit {float: left; clear: left; margin: 7px 0 0 138px}
  #quote-project {float: left; width: 960px; padding: 10px}
#quote-project span.notice {float: left; width: 100%; padding: 0 0 10px; font-weight: bold; font-size: 16px}
   #press-releases-bar div.pagination {position: static; float: left; width: auto; margin: 0 0 0 80px; background: none}
#press-releases-bar div.pagination span {color: #ccc}
#press-releases-bar div.pagination span.current {font-weight: bold}
#press-releases-bar div.pagination a {color: #fff; text-decoration: none}
#press-releases {float: left; width: 960px; padding: 10px}
.press-release h3 {padding: 7px 0; font-size: 16px; font-weight: bold; color: #009A3D}
.press-release strong {font-weight: bold}
.press-release p {padding: 0 0 7px}
.press-release ul {padding: 0 0 7px}
.press-release ul li {margin: 0 0 0 20px; list-style: disc}
  .analytics-landing-page {width: 640px; margin: auto; padding: 15px 0 10px}
.analytics-landing-page h4 {float: left; width: 100%; padding: 0 0 5px; font-size: 18px; font-weight: bold; color: #009A3D}
 #facebox .b {background:url(/images/facebox/b.png)}
* html body #facebox .b {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/images/facebox/b.png') }
#facebox .tl {background:url(/images/facebox/tl.png)}
* html body #facebox .tl {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/images/facebox/tl.png') }
#facebox .tr {background:url(/images/facebox/tr.png)}
* html body #facebox .tr {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/images/facebox/tr.png') }
#facebox .bl {background:url(/images/facebox/bl.png)}
* html body #facebox .bl {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/images/facebox/bl.png') }
#facebox .br {background:url(/images/facebox/br.png)}
* html body #facebox .br {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/images/facebox/br.png') }
#facebox {position: absolute; top: 0; left: 0; z-index: 100; text-align: left}
#facebox .popup {position: relative}
#facebox table {border-collapse: collapse}
#facebox td {border-bottom: 0; padding: 0}
#facebox .body {padding: 10px; background: #fff; width: 370px}
#facebox .loading {text-align: center}
#facebox .image {text-align: center}
#facebox img {border: 0; margin: 0}
#facebox .footer {border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px; width: 10px; overflow: hidden; padding: 0}
#facebox_overlay {position: fixed; top: 0px; left: 0px; height:100%; width:100%}
.facebox_hide {z-index:-100}
.facebox_overlayBG {background-color: #000; z-index: 99}
* html #facebox_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}