html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, 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: 1em; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup 
table { border-collapse: collapse; border-spacing: 0; }*/
table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { background-color: #ebebeb; color: #646464; font-family: Verdana, Arial, Sans-Serif; }
h1 {font-family: "Lucida Sans Unicode", Verdana, Arial, Sans-Serif; font-size: 1.15em; line-height: 30px; color: #007139; }
h2 { font-family: "Lucida Sans Unicode", Verdana, Arial, Sans-Serif; margin-bottom:10px; font-size: 0.9em; line-height: 24px; color: #007139; }
h3 { font-family: "Lucida Sans Unicode", Verdana, Arial, Sans-Serif; margin-bottom:10px; font-size: 0.9em; line-height: 24px; color: #1f1f1f; }
p { font-size: 0.8em; line-height: 18px; margin-bottom: 15px; }
li { font-size: 0.75em; }
li h3 { font-size: 1.15em; }
li p { font-size: 1.1em; }
p span { color: #007139; }
a { color: #007139; }
a span { display: none; }

#container { overflow: auto; padding-left: 19px; padding-right: 16px; width: 962px; margin: 0 auto; min-height: 400px; background: url(/Assets/images/container.gif) repeat-y; }

#header { font-family: "Lucida Sans Unicode", Verdana, Arial; height: auto !important; min-height: 85px; height: 85px; padding-bottom: 3em; position: relative; width: 962px; background: url(/Assets/images/menu-left.gif) no-repeat bottom left; }
#header ul { position: absolute; bottom: 0; left: 4px; width: 958px; min-height: 48px; background: url(/Assets/images/menu-right.gif) no-repeat right; }
#header ul li { position: relative; text-transform: uppercase; font-size: 0.95em; float: left; padding-right: 2px; background: url(/Assets/images/menu-separator.gif) no-repeat right; }
#header ul li.last { padding-right: 4px; background-image: none; }
#header ul li a { padding: 0 10px; background: url(/Assets/images/menu.gif) repeat-x; text-decoration: none; display: block; float: left; color: #fff; line-height: 48px; }
#header ul li a:hover { background: url(/Assets/images/menu-hover.gif) repeat-x; }
#header li ul { list-style: none; margin: 0; padding: 0; list-style: none; margin: 0; width: 220px; position: absolute; top: -999em; left: -999em; }
#header li:hover ul, #header li.sfhover ul { top: 26px; left: -1px; right: auto; bottom: auto; z-index: 101; }
#header li ul li { font-size: 0.8em; border-top: 1px solid #3fa673; width: 220px !important }
#header li ul li, #header li ul li a { line-height: 30px; background: #00763c; float: none; margin-bottom: 0; border-bottom: 0; padding-bottom: 0; width: 200px; }
#header li:hover ul ul, #header li.sfHover ul ul { top: -999em; }
#header ul li:hover ul, #header ul li.sfHover ul { top: 47px; left: 0; }
#header ul ul li.last { padding-right: 2px; }
#header ul ul li a:hover { background: #3fa673; background-image: none; }

#header p { margin-bottom: 0; line-height: 30px; text-transform: uppercase; font-size: 1.9em; color: #000; float: left; margin-top: 18px; margin-left: 1px; }
#header p span { text-transform: capitalize; display: block; font-size: 0.5em; color: #007039; }
#logo { float: left; display: block; width: 75px; height: 75px; background: url(/Assets/images/logo.gif); margin-top: 2px; }
#header p#login-link { text-transform: none; line-height: normal; position: absolute; top: 10px; right: 10px; font-size: 0.75em; text-align: right; margin-top: 0;}
#header p#login-link span { font-size: 1.4em; margin-top: 8px; }

#breadcrumbs { line-height: 30px; margin-bottom: 0; }

#left-col { float: left; width: 220px; }
#left-col ul { margin-bottom: 15px; }
#left-col li { margin-bottom: 4px; font-size: 0.9em; }
#left-col li a { display: block; background: url(/Assets/images/left-menu-top.gif) no-repeat; text-decoration: none; }
#left-col li a span { padding-left: 12px; line-height: 33px; display: block; background: url(/Assets/images/left-menu-bottom.gif) no-repeat bottom; }
#left-col li a:hover, #left-col li.active a { color: #fff; background: url(/Assets/images/left-menu-hover-top.gif) no-repeat; }
#left-col li a:hover span, #left-col li.active a span { background: url(/Assets/images/left-menu-hover-bottom.gif) no-repeat bottom; }

#left-col #links {  }
#left-col #links li { width: 218px; margin-bottom: 15px; }
#left-col #links li a { display: block; width: 218px; height: 68px; background: none;  }
#left-col #links li a:hover { background: none; }
#left-col #links li a span { display: none; }

#left-col #links li.csr{ background: url(/Assets/Images/banner-csr.gif); }
#left-col #links li.newsletter { background: url(/Assets/Images/banner-newsletter.gif); }
#left-col #links li.high-volume { background: url(/Assets/Images/banner-high.gif); }
#left-col #links li.high-volume a { height: 84px; }
#left-col #links li.solar { background: url(/Assets/Images/banner-solar.gif); }
#left-col #links li.solar a { height: 84px; }


#content { float: right; width: 735px;  }
#content ul { margin-left:30px; margin-bottom:10px; }
#content li { list-style-type:disc; margin-bottom:10px; }

form p  { overflow:hidden }
form p label { padding-right:10px; text-align:right; display:block; float:left; font-weight:bold; width:150px; }
form p label span { color:red; padding-right:5px; }
form p input { float:left; width:400px; }
form p textarea { float:left; width:400px; height:150px; }
form #submit  { margin-left: 150px; }

#left-content { float: left; width: 615px; }

#latest-news { float: right; width: 334px; }
#latest-news h2 { font-size: 1.15em; margin-bottom: 15px; }
#latest-news li { overflow: auto; margin-bottom: 30px; }
#latest-news li img { float: left; margin-right: 11px; }
#latest-news li h3 { float: left; width: 241px; }
#latest-news li p { float: left; width: 241px; margin-bottom: 4px; color: #646464; line-height: 15px; }

#homepage-selector {  background: #fff; border: 1px solid #d2d1d1; height: 285px; margin-bottom:10px; }
#homepage-selector img { float: left; }
#homepage-selector ul { background: #fff; width: 374px; float: right; }
#homepage-selector li { font-family: Lucida Sans Unicode, Verdana, Arial; font-size: 0.9em; height: 57px; background: url(/Assets/images/homepage-li.gif) no-repeat; }
#homepage-selector li.active { background: url(/Assets/images/homepage-li-over.gif) no-repeat; }
#homepage-selector li a { color: #646464; text-decoration: none; display: block; height: 47px; padding-top: 10px; padding-left: 38px; width: 336px; background: url(/Assets/images/homepage-li.gif) no-repeat; }
#homepage-selector li.active a, #homepage-selector li a:hover { color: #fff; background: url(/Assets/images/homepage-li-over.gif) no-repeat; }
#homepage-selector li a span { display: block; font-size: 0.8em; margin-top: 6px; }

#sitemap ul { margin-top: 10px; }
#sitemap li li { font-size: 1em;}

#footer { position: relative; clear: both; height: auto !important; height: 197px; min-height: 197px; border-bottom: 30px solid #026533; background: #007139 url(/Assets/images/footer.gif) repeat-x; margin-top:10px; }
#footer div { padding: 20px 60px 20px 20px; float: left;}
#footer h2 { color: #fff; font-size: 1em; }
#footer li { line-height: 24px; }
#footer li a { color: #fff; text-decoration: none; }
#footer p { margin-bottom: 0; left: 15px;  color: #fff; line-height: 30px; position: absolute; bottom: -30px; clear: both; } 
#footer p.evolution { right: 15px; left: auto; }
#footer a { color: #81b299; }
#footer a span { color: #fff; display: inline; }

.product { overflow: auto; margin-bottom: 15px; clear: both; }
.product img { float: left; margin-right: 15px; }
.product h2, .product p { float: left; width: 585px; }

.call-to-action { color: #1f1f1f; font-family: "Lucida Sans Unicode", Verdana, Arial, Sans-Serif; font-size: 1em; line-height: 18px;  }
.date { font-style: italic; }

#humanMsg { position:absolute; left:0; top:0; height:100%; width:100%; display: none; z-index: 10000; }
#humanMsg strong { font-weight:bold }
.message { text-align: left; padding:10px 10px 7px 10px; font: normal 20px/50px "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif; letter-spacing: -1px; position: fixed; top: 200px; left: 25%; width: 50%; color:#fff; z-index: 100000; }
.message p { text-align: left; padding: .3em; display: inline; }
#humanMsg .message ul { margin-top:10px; margin-left: 30px;  }
#humanMsg .message li { list-style-type:disc; font-size:0.8em; padding:0; margin:0; line-height:1.5em;  }
#humanMsg .success-message { background-color: #0c3; border: 3px solid #7FE699; }
#humanMsg .error-message { background-color: #c00; border: 3px solid #e67f00; }