@import "/style/standard/calendar.css";
@import "/style/standard/dateSelector.css";

body {
   background: black;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   margin: 0; padding: 0;
   _behavior: url(/style/csshover.htc);
}
img{
   border: none;
   _behavior: url(/style/iepngfix.htc);
}
.headingimg{
   display: block;
}

/* IE6 fix for links and inputs above png filters */
a, input{position: relative; z-index: 1;}
/* Remove annoying dotted borders in FF that look bad with - indented text */
a:active{outline: none;}
a:focus{-moz-outline-style: none;}

#outer {
   position: relative;
   padding-top: 170px;
   background: url(/images/main-bg.png) #954823 repeat-y;
   width: 1000px;
   margin: 0 auto;
}
#header {
   position: absolute;
   top: 0; left: 0;
   height: 500px;
   width: 1000px;
   background: url(/images/background.jpg) transparent no-repeat;
}
h1, h2, h3, h4, h5, h6, .relatedLinks ul, #calendar ul{
   margin: 0; padding: 0;
}
p {
   margin-top: 0;
}

#banner{
   position: absolute;
   top: 12px;
   left: 12px;
}
#banner h1{
   background: url(/images/main-logo.png) transparent no-repeat;
   _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main-logo.png', sizingMethod='scale');
   text-indent: -10000px;
   position: relative;
   height: 64px;
   width: 218px;
}

#logo {
   position: absolute;
   top: 12px;
   left: 858px;
}

#faded_images {
   position: absolute;
   top: 0px;
   left: 330px;
}

#largeHeader{
   position: absolute;
   top: 10px;
   left: 520px;
}
#smallHeader{
   position: absolute;
   top: 10px;
   left: 520px;
   z-index: 5;
}

#superNav {
   position: absolute;
   top: 100px;
   left: 40px;
   margin: 0; padding: 0;
   list-style: none;
}
#superNav li {
   display: block;
   float: left;
   margin: 0;
   width: 96px;
   text-align: center;
   background: url(/images/topLevelButton.png) no-repeat -96px 0px;
   _background: none;
}
#superNav li.first {
   background-position: 0px 0px;
}
#superNav li.last {
   background-position: -192px 0px;
}
#superNav li .inner{
   height: 128px;
   padding-top: 2px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/topLevelButton_middle.png', sizingMethod='scale');
}
#superNav li.last .inner{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/topLevelButton_right.png', sizingMethod='scale');
}
#superNav li.first .inner{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/topLevelButton_left.png', sizingMethod='scale');
}
#superNav li a {
   text-decoration: none;
   width: 86px;
   display: block;
   height: 60px;
   z-index: 3;
   position: relative;
   background: url(/images/topLevelButton_text.png) no-repeat 0px 0px;
   text-indent: -10000px;
   _background: none;
   _text-indent: 0px;
   _width: 86px;
   font-weight: 600;
   font-size: 15px;
   padding: 5px;
   color: white;
}
#superNav li a:hover {
   cursor: pointer;
}
#superNav li a.media_text{
   background-position: -96px 0px;
}
#superNav li a.special_text{
   background-position: -192px 0px;
}
#superNav li a.news_text{
   background-position: -288px 0px;
}
#superNav li a.branches_text{
   background-position: -384px 0px;
}

#main {
   position: relative;
   top: 200px;
   margin-left: 28px;
   width: 972px;
   background: url(/images/page_continued.png) transparent repeat-y;
   _background: url(/images/page_continued.gif) transparent repeat-y;
   margin-bottom: 200px;
   z-index: 2;
}
#mainContainer {
   position: relative;
   top: -227px;
   width: 854px;
   background: url(/images/page_normal.png) transparent no-repeat;
   _background: none;
   padding: 77px 0px 0px 114px;
   _padding: 0px;
}
#mainContainer.major{   
   background: url(/images/page_home.png) transparent no-repeat;
   _background: none;
}
#mainInner{
   _padding: 77px 0px 0px 114px;
   _height: 100%;
   _width: 100%;
   _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/page_normal.png', sizingMethod='crop');
}
#mainInner.major{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/page_home.png', sizingMethod='crop');
}

#primaryNav {
   position: absolute;
   top: 120px;
   left: -20px;
   width: 113px;
   min-height: 220px;
   height: auto;
   _height: 220px;
   color: black;
   margin: 0;
   padding: 0 5px 30px;
   font-size: 9pt;
   background: url(/images/leftbar-bottom.png) transparent bottom no-repeat;
   _background: url(/images/leftbar-bottom.gif) transparent bottom no-repeat;
   *z-index: 500;
}

/* css flyout menus start */
#primaryNav ul {
   list-style: none;
   margin: 0; padding: 0;
}
#primaryNavInner{
   position: relative;
   top: -35px;
}
ul#primaryRoot {
   padding: 35px 0 0 10px;
   background: url(/images/leftbar-top.png) transparent left top no-repeat;
   min-height: 280px;
   height: auto;
   _height: 280px;
   _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/leftbar-top.png', sizingMethod='crop');
   _zoom: 1;
}
#primaryNav a, #primaryNav a:visited {
   padding: 4px 4px 4px 3px;
   display: block;
   width: 92px;
   color: black;
   text-decoration: none;
   margin: 0;
}
#primaryNav ul li {
   position:relative;
   margin: 0;
   _padding-bottom: 9pt;
   z-index: 10;
}
#primaryNav ul li ul {
   position: absolute;
   top: 0;
   left: 99px;
   background: #c62005;
}
#primaryNav ul li ul li ul{
   left: 112px;
   background: #9F1600;
}
#primaryNav ul li ul li{
   margin: 0; padding: 0;
}
#primaryNav ul li ul li a, #primaryNav ul li ul li a:visited{
   color: white;
   width: 105px;
}
#primaryNav li:hover a, #primaryNav li:hover a:visited{
   color: white !important;
   background: #c62005;
}
#primaryNav li:hover ul a, #primaryNav li:hover ul a:visited{
   color: white !important;
   background: none;
}
#primaryNav ul li ul li a:hover, #primaryNav ul li ul li a:visited:hover{
   color: white;
   background: #9F1600;
}
#primaryNav ul li ul li ul li a:hover, #primaryNav ul li ul li ul li a:visited:hover{
   background: #8F1400;
}
#primaryNav ul ul, #primaryNav li:hover ul ul{
   visibility: hidden;
}
#primaryNav li:hover ul, #primaryNav li:hover li:hover ul{
   visibility: visible;
}
/* css flyout menus end */

#extraNav {
   position: absolute;
   top: 60px;
   right: -4px;
   width: 154px;
   padding: 0px;
   font-size: 8pt;
   text-align: center;
   min-height: 110px;
   height: auto;
   _height: 110px;
   background: url(/images/rightbar-bottom.png) transparent bottom no-repeat;
   _background: url(/images/rightbar-bottom.gif) transparent bottom no-repeat;
}
#extraNavContainer {
   position: relative;
   top: -35px;
   _background: none;
}
#extraNavInner {
   padding: 40px 4px 0;
   background: url(/images/rightbar-top.png) transparent left top no-repeat;
   min-height: 70px;
   height: auto;
   _height: 70px;
   _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/rightbar-top.png', sizingMethod='crop');
   _zoom: 1;
}
#extraNav form{
   margin: 0px;
}

#extraNav h2 {
   margin: 0 auto;
   padding: 3px 0 2px;
}
#extraNav hr {
   border: 1px solid blue;
   margin: 18px 5px;
   border-color: #ddd #fff #fff #ddd;
}
#extraNav img {
   margin: 0 auto;
}
#search {
   position: relative;
   height: 42px;
}
#search h2 {
   text-indent: -10000px;
   background: url(/images/search_title.png) no-repeat;
   _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/search_title.png', sizingMethod='image');
   height: 10px;
   width: 40px;
}
/* Login area on the right */
#loginBox {
   position: relative;
   text-align: left;
}
#search input, #loginBox input {
   border: 1px solid #ddd;
   width: 90px;
   margin: 0;
   padding: 2px;
}
#search input {
   position: absolute;
   bottom: 0px;
   left: 4px;
}
#loginBox input{
   font-size: 8pt;
   float: right;
   margin: 0 4px 2px 0;
   width: 80px;
}
#loginBox a {
   margin-left: 4px;
}
#loginBox label{
   float: left;
   margin-left: 4px;
}
#loginBox  .error {
   color: red;
   text-align: center;
   margin-bottom: 4px;
}
#loginBox .button{
   border: none;
   width: auto;
}
#loginBox h2 {
   text-indent: -10000px;
   background: url(/images/text-login.png) no-repeat left top;
   _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/text-login.png', sizingMethod='crop');
   width: 60px;
   height: 35px;
}
#search .button {
   width: 31px;
   padding: 0;
   border: none;
   height: 22px;
   left: auto;
   right: 4px;
   text-indent: -10000px;
   background: url(/images/go_button.png) no-repeat;
}
#search .button:hover, #loginBox .button:hover {
   cursor: pointer;
}

#scrollingCalendar{
   border:1px solid #E8D596;
   border-width:1px 0px;
   margin:5px 0px;
   _zoom: 1;
   height: 150px;
   overflow: hidden;
}

#calendar h2 {
   text-indent: -10000px;
   background: url(/images/text-calendar.png) no-repeat left top;
   _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/text-calendar.png', sizingMethod='crop');
   height: 19px;
   width: 88px;
}
#calendar ul {
   list-style: none;
}
#calendar li {
   margin-top: 9pt;
   padding-left: 20px;
   text-align: left;
   background: url(/images/bullet.png) no-repeat left top;
   _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bullet.png', sizingMethod='crop');
   _zoom: 1;
}
#calendar b a{
   font-weight: normal;
   color: #af0d00;
   text-decoration: none;
}
#calendar b a:hover{
   text-decoration: underline;
}
#calendar .more, #sponsors .more {
   display: block;
   background: url(/images/more_button.png) no-repeat left top;
   height: 22px;
   width: 48px;
   margin: 3px 4px 0 auto;
   text-indent: -10000px;
   padding: 0px;
}

#sponsors h2 {
   text-indent: -10000px;
   background: url(/images/text-sponsors.png) no-repeat;
   _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/text-sponsors.png', sizingMethod='crop');
   height: 26px;
   width: 79px;
}

#scrollingSponsors{
   _zoom: 1;
   height: 96px;
   overflow: hidden;
}

#connected h2 {
   text-indent: -10000px;
   background: url(/images/text-connected.png) no-repeat;
   _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/text-connected.png', sizingMethod='crop');
   height: 30px;
   width: 138px;
}
#connected div {
   margin-bottom: 3px;
}

#footer {
   background: url(/images/border-bottom.png) no-repeat bottom left;
   width: 1000px;
}
#footerContainer {
   background: url(/images/border-bottom-right.png) no-repeat bottom right;
   height: 62px;
}
#footer a {
   color: white;
   text-decoration: none;
}
#footer ul {
   display: block;
   text-align: center;
   background: url(/images/main-footer.png) no-repeat;
   _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main-footer.png', sizingMethod='crop');
   color: white;
   font-size: 8.5pt;
   padding-top: 25px;
   padding-left: 80px;
   height: 24px;
}
#footer li {
   display: inline;
   padding: 0 6px 0 9px;
}
#footer li + li {
   border-left: 1px solid white;
}

#content h1, #content h2, #content h3{
   color: #af0d00;
   font-weight: normal;
}
#content h1{
   font-size: 48px;
}
#content h2{
   font-size: 36px;
}

#content {
   font-size: 8pt;
   line-height: 2;
}
#content a{
   color: #af0d00;
   text-decoration: none;
}
#content a:hover{text-decoration: underline;}
#newsletter_container a{
   color: #0000EE;
   text-decoration: underline;
}
#newsletter_container a:hover{text-decoration: underline;}

#content .imageBox {
   width: 230px;
   padding-left: 120px;
   position: relative;
   line-height: 1.6;
   min-height: 160px;
}
#content .imageBox h2 {
   text-indent: -10000px;
   background: url(/images/text-whatsnew.png) no-repeat;
   _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/text-whatsnew.png', sizingMethod='crop');
   _zoom: 1;
   height: 20px;
   width: 100%;
   position: relative;
   left: -120px;
   padding-bottom: 10px;
}
.imageBox img {
   position: absolute;
   left: 5px;
}

.more {
   color: #af0d00;
   text-decoration: none;
   padding-left: 0.5em;
}

hr.dusty {
   border: 1px solid blue;
   border-color: #f9e3a6 #fff #fff #f9e3a6;
   margin: 30px 2px 30px 10px;
}
#content {
   width: 700px;
   min-height: 600px;
   height: auto;
   _height: 600px;
}
#content.major {
   width: 350px;
   *position: relative;
   *z-index: 1;
   *clear: both;
}

.major #homeFrame_angle {
   position: absolute;
   top: 162px;
   right: 162px;
   height: 274px;
   width: 278px;
   *right: auto;
   *left: 415px;
   *top: 85px;
}
.major #video_box {
   position: absolute;
   top: 455px;
   right: 162px;
   *right: auto;
   *top: 385px;
   *left: 450px;
}
.major #whatsNew {
   float: left;
}

.major #secondary_video {
   position: absolute;
   top: 675px;
   right: 162px;
   *right: auto;
   *top: 605px;
   *left: 365px;
}

.relatedLinks li, #content .linksList li, #content ul li{
   list-style: none;
   margin: 9pt 20px 0 0;
   padding: 0 0 0 20px;
   text-align: left;
   background: url(/images/bullet.png) no-repeat left top;
   _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bullet.png', sizingMethod='crop');
   _zoom: 1;
   line-height: normal;
}
#subMenus{
   padding-left: 0;
   margin-left: 0;
}

.relatedLinks li{
   float: left;
   width: 300px;
}

.relatedLinks a, #content .linksList li a{
   font-weight: normal;
   margin: 0;
}
#content ul.pages{
   display: block;
   float: right;
}
#content ul.pages li {
   background:none;
   display:block;
   float:left;
   height:25px;
   list-style-type:none;
   padding: 0px 10px 0px 0px;
   margin: 0;
}
.searchResult hr{
   margin: 15px 2px 15px 10px;
}

#content .bannerHolder{
   position: absolute;
   bottom: -200px;
   left: 275px;
}

.storyItem{
   float: left;
   width: 320px;
   margin: 0 15px 20px 0;
}
.storyItem div{
   float: left;
   padding-left: 5px;
   min-height: 175px;
   height: auto;
   _height: 175px;
}
.storyItem .text{
   width: 205px;
}
.storyItem .image{
   width: 108px;
   height: 175px;
   padding: 0;
   text-align: center;
}

#content .linksList{
   background: url(/images/linkList_top.gif) no-repeat left top;
   padding-top: 5px;
   width: 300px;
}
#content .linksList ul{
   background: url(/images/linkList_bg.gif) no-repeat left bottom;
   min-height: 10px;
   height: auto;
   _height: 10px;
   padding: 2px 20px 20px;
}
#content table{
   border: 1px solid #cfd0b3;
   text-align: left;
   background: #FFFFFF;
}
#content td, #content th{
   border: none;
   padding: 10px;
   vertical-align: top;
}
#content th{
   color: #b02407;
   font-weight: bold;
}

#content .productImg{
   background-color: #f2e1af;
   text-align:center;
   vertical-align:middle;
}
#content .productImg.small{
   width: 75px;
   height: 75px;
    line-height: 70px;
}
#content .productImg.large{
   width: 164px;
   height: 164px;
   line-height: 160px;
}
#content .productImg img {
   vertical-align:middle;
}
/* Updating the font size of custom pages FIXME: needs to be a global change but some custom in page changes have been made */
#content.solarProject , #content.lbps, #content.terms {
   font-size: 10pt;
}
#content.solarProject h3, #content.solarProject h1{
   text-align: center;
}
#content.solarProject p{
   text-align: justify;
}
#content.solarProject  td, #content.solarProject  th{
   padding: 0 5px;
}
#formErrors, #content.solarProject #formErrors p {
   text-align: left;
   font-size: 8pt;
}
#content.solarProject .ignoreField, #content.lbps .ignoreField{ display: none; }
#content th.multiRow{ padding-bottom: 0px; } 
#content td.multiRow{ padding-top: 0px; }
/* IE8 doesn't get the left-align from the table and instead centers th text */
.solarProject th, .lbps th, .register th{ text-align: left; }
#content.lbps td, #content.lbps th{ padding: 2px 5px; }
#content .noJavaScript { color: #B02407; font-weight: bold; }
#content .compact td, #content .compact th{
   padding: 2px;
}
.lbps .subNote { font-size: 8pt; font-weight: normal; }

.terms ol, .terms ol h4, .terms ol span {
   font-weight: bold !important;
}

.terms ol p {
   font-weight: normal !important;
   position: relative;
   padding-left: 40px;
   line-height: 1.5;
   margin-bottom: 4px;
}
.terms ol p.sub-term {
   margin-left: 20px;
}
.terms ol span {
   font-weight: bold !important;
   position: absolute;
   left: 0px;
}

/* Try to fix calendar display */
.register .dateSelector a img {
   left: 0;
   *top: 3px;
}