html, body {margin: 0; padding: 0}
body {font: 100% Tahoma, Arial, "Lucida Grande", "Lucida Sans Unicode", sans-serif; text-align: left}
table {font: 85% Tahoma, Arial, "Lucida Grande", "Lucida Sans Unicode", sans-serif; text-align: left}
#page-body {display: table; display: block; text-align: left; margin: 0; width: 100%; height: 100%}
textarea:focus, input:focus {border: 1.9px solid #910; background-color: #FFFFFF}
div {text-align: left}
h1 {font-size: 22px; color: #000033}
h2 {font-size: 18px; color: #000033; padding: 5px 0 5px 10px}
h3 {font-size: 14px; color: #000033; padding: 5px 0 5px 20px}
h4 {font-size: 14px; color: #000033; padding: 5px 0 0 30px; font-style: italic;  }
h5 {font-size: 10px; color: #7A8494; padding: 5px 0 5px 20px}
h6 {font-size: 12px; color: #000033; padding: 5px 0 5px 20px}
a {color: #000033; padding: 0px}
a:hover {color: #cbcbcb}
p {font-size: 1em;  color: #000033}
li {font-size: 1em; color: #000033}
strong {font-size: 1em}
#page-content { }
.log-info {font-size: .75em; font-weight: bold; padding: 3px; margin: 10px 0; background: #eaeaea}
.log-info .log-owner {float: right; font-size: x-small; font-weight: normal}
.NonTableData {margin: 0 10px; margin-bottom: 20px; padding: 5px}
.NonTableData p {line-height: 16px; margin: 0}
.NonTableData td {padding-left: 10px; font-size: 11px}
.NonTableData th {padding-left: 10px; font-size: 11px}
.NonTableData small {text-align: right; font-size: 9px}
.NonTableData strong {font-size: 12px}
.NonTableData h1 {font-size: 16px}
.NonTableData h2 {font-family: Georgia, serif; font-size: 1.25em; font-weight: normal; letter-spacing: 1px; border-bottom: 1px solid #ccc; padding: 0; color: #F27F1A; margin: 0}
.NonTableData h3 {font-size: 12px; padding-left: 10px}
.NonTableData h4 {font-size: 12px; padding-left: 10px}
.border-box {padding: 0 10px; border: 1px solid #eee; background-color: #fafafa}
.small {font-size: xx-small}
.small-normal {font-size: xx-small; font-weight: normal !important}
.grey {color: #ababa6}
.version-status-container {float: right; margin: 15px}
.version-small {text-align: right;  }
.version-status {margin: 0; padding: 0}
.version-status p {font-weight: bold; font-size: 12px; line-height: 18px}
.version-status center {margin: 0; padding: 0}
.version-status .status-msg, .status-msg {margin-bottom: 4px; width: 400px; padding: 4px; background-color: #fffff8; border: 1px solid #7f7f7f}
.version-status .status-msg-short, .status-msg-short {display: inline; margin: 1px; padding: 0}
.version-status .status-msg .status-msg-name, .status-msg-name {font-weight: bold; font-size: .7em; padding: 3px; background-color: #e6e6e0}
.status-detail {display: none}
.status-info {display: block}
.hide {display: none}
#tipper {z-index: 1000; padding: 0}
 .navigation {font-family: Helvetica, Arial; padding-left: 5px; z-index: 10000; position: relative; border-top: 1px dotted #333; border-bottom: 1px dotted #333}
.navigation ul {float: left; position: relative}
.navigation ul li {display: inline; padding: 0px 3px; padding-top: 3px}
.navigation ul li ul { letter-spacing: .5px}
.navigation ul li.noHover ul li a {border-bottom: none}
.navigation ul li ul li {display: inline; padding: 0}
.navigation ul li a {z-index: 10; font-size: 14px; padding: 10px 5px; color: black; text-decoration: none; font-weight: bold; border-bottom: 3px solid white}
.navigation ul li a:hover {border-bottom: 3px solid #FF0000}
.navigation ul li.noHover a {z-index: 9; border-bottom: 3px solid white}
.navigation ul li a.current {border-bottom: 3px solid black}
#navDivide {padding: 0; margin: 0; margin-top: 15px; border-right: 1px solid #cdcdcd; width: 1px; height: 10px}
.navigation .phone {font-weight: bold;  padding-left: 10px; color: #FF0000; line-height: 32px}
.sf-menu ul {position: absolute; top: -999em;  width: auto}
.sf-menu li:hover {visibility: inherit}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top: 2em;  top: 0; z-index: 99}
.navigation ul li ul {position: absolute; top: -999em; width: auto; margin-top: -7px}
.navigation ul li ul li a {  color: white; padding: 10px 0px; padding-left: 15px;  font-weight: normal; font-size: 12px; border-bottom: none}
.navigation ul li ul li a:hover {border: none;   color: #FF0000}
 .sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none}
.sf-menu {line-height: 1.0}
.sf-menu ul {position: absolute; top: -999em; width: auto;  }
.sf-menu ul li { width: 240px; border-bottom: 1px dotted #999; background: #eaeaea; background: black; color: white; padding: 10px 0px; padding-left: 15px; display: block; font-weight: normal; font-size: 12px}
.sf-menu ul li:hover { }
.sf-menu li:hover {visibility: inherit;  }
.sf-menu li {float: left; position: relative}
.sf-menu a {display: block; position: relative}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 3px; top: 48px;  z-index: 99; width: 200px;  }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: auto;  top: 0}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 10em;  top: 0}
 .sf-menu ul .sf-sub-indicator {background-position: -10px 0}
.sf-menu ul a > .sf-sub-indicator {background-position: 0 0}
 .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;  }
 .sf-shadow ul {background: url(/images/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px}
.sf-shadow ul.sf-shadow-off {background: transparent}
.scrollContainer {padding: 0px 0px 30px 10px}
.scrollBox {width: 261px; height: 178px; border-right: 1px dotted #999; background: white}
.scollLeft {text-align: center; float: left; width: 112px; height: 168px; padding-top: 10px}
.scrollRight {position: relative; float: right; padding-left: 0px; padding-right: 5px; width: 143px; height: 178px}
.scrollBox p {padding: 5px; font-size: 10px}
.scrollBox h5 {color: #EC1C24; line-height: 18px; padding-left: 5px; padding-bottom: 5px; padding-top: 10px; font-size: 16px}
.scrollBox h6 a {position: absolute; color: #EC1C24; line-height: 13px;  font-size: 13px; bottom: 10px; left: 10px}
 .scrollable { position:relative; overflow: hidden; width: 785px; height: 180px;   }
 .scrollable .items { width:20000em; position: absolute}
 .items div {float: left}
 .scrollable {float: left}
 a.browse { display: block; width: 30px; height: 29px; float: left; margin: 70px 10px; cursor: pointer; font-size: 1px}
 a.right {height: 49px; width: 22px; background: url(/images/scroll/arrow/scroll_right.jpg) no-repeat; background-position: -4px -4px; clear: right; margin-right: 0px}
a.right:hover { }
a.right:active { }
 a.left {height: 49px; width: 22px; background: url(/images/scroll/arrow/scroll_left.jpg) no-repeat; background-position: -4px -4px; margin-left: 0px}
a.left:hover { }
a.left:active { }
 a.up, a.down {background: url(../img/scrollable/arrow/vert_large.png) no-repeat; float: none; margin: 10px 50px}
 a.up:hover {background-position: -30px 0}
a.up:active { }
 a.down {background-position: 0 -30px}
a.down:hover { }
a.down:active { }
 a.disabled {visibility: hidden !important}
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
 body{ color:#6d6f72; font-family:"Trebuchet MS"; font-size:12px; line-height:16px;  background: #f7f7f7}
a{ color:#bd0215}
a:hover{ }
a:active {outline: none}
a {outline: none}
img{ behavior: url(resources/htc/iepngfix.htc)}
h2{ font-weight:bold}
h3{ font-weight:bold}
h4{ font-size:16px; font-weight:bold; color:#bd0215}
h5{ font-weight:bold; font-size:12px; color:#bd0215}
p{ color: #6D6F72; font-size: 12px}
em{ font-style:italic}
   #backgroundContainer{  background: #f7f7f7;  }
#omniContainer{ margin:0px auto; width:881px; text-align:left; background:white}
.paddingContainer { margin: 0 auto; width: 965px; background: white; border-right: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding-bottom: 0px;  }
#header, #content, #footer{ position:relative}
#header{  width: 100%; height:100px;   }
 #logo {position: absolute; bottom: 20px; left: 15px}
#gogreen {position: absolute; bottom: 20px; right: 15px}
#holdenLogo{ display:block; position:absolute; left:17px; top:6px; width:135px; height:33px; background:url('/images/holden-logo.gif')}
#goGreen{ display:block; position:absolute; right:15px; top:5px; width:115px; height:43px; background:url('/images/go_green-logo.gif')}
#goGreen:hover{ background-position:0px -43px}
 #nav{ display:block; position:absolute; left:0px; top:48px; width:881px; height:17px; background:url('/images/nav-background-tiler.gif'); color:white; font-size:10px}
#nav li, #nav a{ float:left; height:17px}
#nav li{ margin:0px; padding:0px; line-height:17px; text-align:center}
#nav a{ color:white; width:162px; background:url('/images/nav-button-background.gif') 0px 20px no-repeat}
#nav a:hover, #nav a.active{ background-position:0px 0px}
#nav li.divider{ width:7px; background:url('/images/nav-divider.gif')}
#nav li.cap{ width:15px}
#nav li:hover ul, #nav li.liHover ul, #nav li ul.active{ display:block}
#nav ul{ display:none; position:absolute; top:17px; left:0px; width:881px; background:url('/images/subnav-background-tiler.png'); font-family:Tahoma; font-size:9px; font-weight:bold; color:black}
#nav ul li{ line-height:18px}
#nav ul li.left{ padding-left:58px}
#nav ul a{ width:auto; padding:0px 10px; color:black; background:none}
#nav ul a:hover, #nav ul a.active{ color:#8d0b13}
.blackStripe {height: 3px; font-size: 1%; line-height: 1px; background: black}
 #scrollerContainer{ position:relative; width:881px; height:254px}
#scrollerBoxContainer{ position:absolute; left:29px; top:34px; width:823px; height:220px; overflow:hidden}
#scrollerBoxContainer .boxSubcontainer{ position:absolute; left:0px; top:0px; width:823px; height:220px; overflow:hidden}
#scrollerBoxContainer .box{ position:absolute; left:0px; top:0px; width:269px; height:220px; background:url('/images/home_scroller-box-background-tiler.gif')}
#scrollerBoxContainer .box .imageContainer{ position:absolute; left:0px; top:0px; width:144px; height:165px; text-align:center}
#scrollerBoxContainer .box .copyContainer{ position:absolute; left:144px; top:16px; width:110px; height:149px; font-size:10px}
#scrollerBoxContainer .box .copyText{ padding:10px 0px}
.scrollRight p {font-size: 11px}
#scrollerContainer #btnLeft{ position:absolute; left:15px; top:85px; cursor:pointer; cursor:hand}
#scrollerContainer #btnRight{ position:absolute; right:14px; top:85px; cursor:pointer; cursor:hand}
#scrollerContainer .wrapper{ padding:20px 20px 0px 20px; font-size:11px; line-height:11px}
.itemRow {}
#contentContainer .contact h4 {padding-top: 0; padding-bottom: 15px}
#contentContainer .contact p {padding-left: 40px; padding-bottom: 0px; margin: 0}
 #contentImageContainer{ width:881px; height:256px; z-index:1}
#contentContainer{ margin:25px 0px 0px 0; font-size:11px}
div.columnedContainer{ float:left; width:100%; background:url('/images/dashed-vertical.gif') repeat-y center top}
div.headingContentLeft{ width:48%; float:left}
div.contentLeft{ width:48%; float:left; padding:20px 0px}
div.contentHeavyLeft{ width:70%; float:left; padding:10px 0px 0px 0px}
div.contentHeavyLeft ul {color: #6D6F72; padding: 0 0 10px 60px}
div.contentHeavyLeft ul li {list-style-image: url(/images/bullet-green.gif); color: #6D6F72}
div.contentRight{ width:48%; float:right; padding:20px 0px}
.contentRight h4#pageTitle {margin-top: 0; padding: 0}
div.contentThinRight{ width:25%; float:right; padding:20px 0px 0px 0px}
div.padded{ padding:20px 40px}
div.margined{ margin:20px 40px}
div.centered{ text-align:center}
div.indented{ padding-left:20px}
div.quarterBox{ float:left; width:23%; font-size:10px; min-height:220px}
div.quarterBox p{ padding:20px}
#updates {padding-top: 10px; padding-left: 15px; padding-bottom: 30px}
#updates .date {color: #444; padding: 5px 0; font-style: italic; padding-top: 10px}
#updates h3 {padding-top: 20px; color: #333; font-size: 18px}
#updates a {color: #555; text-decoration: underline}
#updates a:hover {color: #BD0215; text-decoration: underline}
#updates .entry .updateBody p {padding:0; margin: 0; padding: 5px 0; color: #555}
#updates .divider {padding-top: 20px; border-bottom: 1px dotted #999; height: 1px}
#contentContainer p, #contentContainer h4, #contentContainer h5, #contentContainer ol{ margin:0px 40px 10px 40px;  }
#contentContainer h4 {padding: 40px 0 0px 0px; margin-bottom: 0px}
.pagination {padding-top: 5px; text-align: center; padding-bottom: 20px}
 #footer{ padding-top: 10px; font-size:10px; width:881px; height:20px; margin: 0 auto;  text-align:left; line-height:10px; color: #ccc; padding-bottom: 15px}
#footer a {letter-spacing: normal; color:#aaa}
#footer ul li {color: #aaa; display: inline; padding: 0px 5px}
#footer a.active{ color:black}
#footer a.green{ color:#9ab824}
#footer a:hover.green{ color:#cdf434}
#footer a:hover{ color:black}
 .clear {clear: both}
br.clear{ clear:both; height:1px; font-size:1%; line-height:0px}
div.dashed{ height:1px; font-size:1%; line-height:0px; background:url('/images/dashed-horizontal.gif') repeat-x}
div.horDivide {height:1px; font-size:1%; line-height:0px; background:url('/images/horizontal.gif') repeat-x center; padding-top: 80px}
div.horDivideSec {padding-top: 30px; padding-bottom: 10px}
.floatLeft{ float:left}
.floatRight{ float:right}
*.green1{ color:#9cba24}
*.green2{ color:#48aa37}
*.black{ color:black}
.caseStudy {padding: 0; margin: 0}
.caseStudy img {padding-left: 20px; text-align: center}
#contentContainer .caseStudy p {padding: 0; padding-left: 20px; padding-right: 20px; margin: 0}
.orangeLeft{ border-left:2px solid #b6461a}
.yellowLeft{ border-left:2px solid #bda502}
.greenLeft{ border-left:2px solid #46a636}
*.hidden{ display:none}