.a-left {
    text-align: left !important;
}
.a-center {
    text-align: center !important;
}
.a-right {
    text-align: right !important;
}
.v-top {
    vertical-align: top !important;
}
.v-middle {
    vertical-align: middle;
}
.v-bottom {
    vertical-align: bottom !important;
}
.f-none {
    float: none !important;
}
.f-fix {
    float: left;
    width: 100%;
}
.no-display {
    display: none;
}
.no-margin {
    margin: 0 !important;
}
.no-padding {
    padding: 0 !important;
}
.no-bg {
    background: none !important;
}
.no-bor {
    border: 0 !important;
}

/* See also: default.css */
.stripedTable tr:nth-child(odd) {
    background-color: #F2F2F2;
}
.stripedTable td {
    padding: 10px 20px;
    border-right: 1px solid #e5e5e5;
}
.stripedTable td:last-child {
    border-right: none;
}

.clearfix {
}
.clearfix:after {
    content: "";
    display: block;
    height: 100%;
    clear: both;
    visibility: hidden;
}
.clear {
    clear: both;
}

/* SpotlightItem.ascx*/
.Spotlight {
    white-space: nowrap;
    padding: 0 1em;
    color: #333;
}
.Spotlight .YellowButton {
    display: inline-block;
}
.Spotlight h2 {
    white-space: normal;
    margin-bottom: .5em;
    font-size: 22px;
}
.SpotlightItem {
    display: inline-block;
    width: 450px;
    vertical-align: top;
}
.SpotlightItem > img {
    display: inline-block;
    vertical-align: top;
    width: 180px;
    padding-right: 25px;
}
.SpotlightItem > div {
    display: inline-block;
    white-space: normal;
    width: 50%;
}
.SpotlightItem > div p {
    text-align: left;
}
.SpotlightItem ul, .SpotlightItem ol {
    list-style-position: inside;
}
.SpotlightItem ul li, .SpotlightItem ol li {
    margin-bottom: .5em;
}

/* TwoThirdsColumn.ascx */
.twoThirdsCol {
    line-height: 25px;
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    width: 66%;
}
.twoThirdsCol > div {
    padding: 25px 64px 0 64px;
}

.twoThirdsCol h3,
.twoThirdsCol h2{
    text-align:left;
}

/* OneCol.ascx */
.OneCol {
    line-height: 25px;
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    background: url("/images/www/info-bot-sdw.jpg") repeat-x scroll left top transparent;
}
.OneCol > div {
    padding: 25px 64px 0 64px;
}
.OneCol table {
    width: auto;
}
.OneCol li {
    color: #333;
    line-height: 24px;
    padding: 0 0 3px 0;
    list-style-position: outside;
    margin-left: 15px;
}
.OneCol h3,
.OneCol h2{
    text-align:left;
}

/* InlineVideo.ascx */
.InlineVideo {
    text-align: center;
    padding: 1em 0;
    background: #e5e5e5;
}

.InlineVideo > h4{
    margin-bottom: 22px;
}

/* TwoColumn.ascx */
.TwoColumn {
    white-space: nowrap;
    background: url("/images/www/info-bot-sdw.jpg") repeat-x scroll left top transparent;
    padding: 40px 64px;
}
.TwoColumn > div {
    display: inline-block;
    width: 421px;
    vertical-align: top;
    white-space: normal;
}
.TwoColumn > .Left {
    margin-right: 30px;
}
.TwoColumn > .Left60 {
    width: 498px;
    margin-right: 30px;
}
.TwoColumn > .Right40 {
    width: 344px;
}

/* ThreeColumn.ascx */
.ThreeColumn {
    white-space: nowrap;
    background: url("/images/www/info-bot-sdw.jpg") repeat-x scroll left top transparent;
    padding: 40px 64px;
}
.ThreeColumn > div {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: 265px;
}
.ThreeColumn > .Left {
    margin-right: 34px;
}
.ThreeColumn > .Middle {
    margin-right: 34px;
}
.ThreeColumn > .Right {
}

/* InlineBanner.ascx */
.InlineBanner {
    position: relative;
}
/* overrides default.css */
.InlineBanner > .Text {
    position: absolute;
    text-align: center;
    bottom: 10px;
    left: 140px;
    width: 330px;
}
/* Same as carousel slider? */
.InlineBanner > .Text > h1 {
    color: #fff;
    font-family: 'Open Sans' , Arial;
    font-size: 40px;
    font-weight: normal;
    padding-bottom: 5px;
    margin: 0;
    line-height: 40px;
    text-align: center;
}
/* Same as .Bannerarea p?*/
.InlineBanner > .Text > p {
    color: #fff;
    font-family: 'Open Sans' , Arial;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    text-align: center;
}

/* .TabSlider and .GalleryNavigation may be unifiable */
.TabSlider {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    background: url(/images/www/inner-content-bg.jpg) repeat-y left top;
    clear: both;
}
.TabSlider > h3 {
    font-size: 22px;
    color: #333;
    font-weight: normal;
    padding: 1em 60px;
    background-color: #fff;
    margin-bottom:0;
}
/*font-size:0 at this level to eliminate spacing between children due to display:inline-block;*/
.TabSlider > nav {
    background: url(/images/www/kits-inner-tab-bg.jpg) repeat-x left bottom white;
    padding-left: 59px;
    font-size: 0;
    height: 60px;
    position: relative;
}
.TabSlider > nav > a {
    font-size: 13px;
    display: inline-block;
    white-space: nowrap;
    font-weight: bold;
    color: #666;
    margin-top: 10px;
    height: 50px;
    background: url(/images/www/kits-inner-tab-sep.jpg) left bottom no-repeat;
}
.TabSlider > nav > a > span {
    line-height: 55px;
    padding: 0 .7em;
    height: 100%;
    display: block;
}
.TabSlider > nav > a:last-child > span {
    background: url(/images/www/kits-inner-tab-sep.jpg) right bottom no-repeat;
}
.TabSlider > nav > a:hover {
    background-color: #fff;
    color: #333;
}
.TabSlider > nav > .current {
    background-color: #fff;
    color: #333;
    cursor: default;
}
.TabSlider > .Dots > a {
    background: none;
}
.ie8 .TabSlider > .Dots > a {
    padding: 0;
}
.ie8 .TabSlider > .Dots > a > span {
    line-height: 60px;
}

.TabSlider > .Dots > a:first-child {
    background: url(/images/www/kits-inner-tab-sep.jpg) left bottom no-repeat;
}
.TabSlider > .Dots > a > span {
    padding: 0 10px;
    font-size: 45px;
    font-family: Sans-Serif;
}
.TabSlider > .Dots > .current {
    color: rgb(252, 192, 0);
}
.TabSlider > .Item {
    float: left;
    position: absolute;
    margin-left: 60px;
    position: relative;
}
.TabSlider a.browse {
    position: absolute;
    margin-top: 160px;
    cursor: pointer;
    font-size: 1px;
    background: url(/images/www/arrow-sprint.png) no-repeat -299px top;
    width: 50px;
    height: 50px;
    display: block;
}
.TabSlider a.right {
    background-position: -364px 0;
    right: 0;
    margin-right: 0;
}
.TabSlider a.right:hover {
    background-position: -66px 0;
}
/*.TabSlider a.right:active { background-position:-66px 0; }*/
.TabSlider a.left {
    margin-left: 0;
    margin-right: 10px;
    left: 0;
    background-position: -299px 0;
}
.TabSlider a.left:hover {
    background-position: 0 0;
}
/*.TabSlider a.left:active { background-position:0 0; }*/
.TabSlider a.disabled {
    cursor: auto;
}
.TabSlider a.right.disabled {
    background-position: -217px 0;
}
.TabSlider a.left.disabled {
    background-position: -146px 0;
}
.TabSlider .NoImage {
    background: none;
    font-size: 16px;
    margin: 0;
}
.TabSlider .NoImage.left {
    float: left;
    padding-top: 20px;
    width: 429px;
    text-align: left;
}
.TabSlider .NoImage.right {
    float: right;
    padding-top: 20px;
    width: 429px;
    text-align: right;
}
.TabSlider .Content {
    width: 792px;
    padding: 40px 44px 0 44px;
    border-bottom: 1px inset silver;
    min-height: 160px;
    padding-bottom: 10px;
}
.TabSlider .Content li {
    color: #333;
    line-height: 24px;
    padding: 0 0 3px 0;
    list-style-position: outside;
    margin-left: 15px;
}
.TabSlider .CadDownloads .Downloads {
    background-color: #ccc;
    color: #333;
    margin: 0 0 1em 0;
}
.TabSlider .CadDownloads .Downloads ul {
    white-space: nowrap;
    padding: 0;
}
.TabSlider .CadDownloads .Downloads ul > li {
    display: inline-block;
    background: none;
    padding: 10px 15px;
    border-right: 1px solid gray;
}
.TabSlider .CadDownloads .Downloads ul > li > a {
    margin: 0 5px;
}
.TabSlider .TwoColumn {
    padding: 0;
    background: none;
}
.TabSlider .TwoColumn > div {
    width: 50%;
}
.TabSlider .TwoColumn > div > img {
    margin-bottom: 1em;
}
.TabSlider .ImageMap > h4:first-child {
    display: none;
}

/* TabImages.ascx */
.TabImages hr:last-child, .TabVideos hr:last-child {
    display: none;
}

/* ImageMap.ascx */
.ImageMap .ImgWrapper {
    position: relative;
}
.ImageMap .CircleWrapper {
    position: absolute;
    width: 70px;
    height: 70px;
}
.ImageMap .CircleWrapper label {
    padding: 0;
    margin: 0;
    position: absolute;
    cursor: pointer;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    overflow: visible;
}
.ImageMap .CircleWrapper .Circle, .ImageMap .CircleWrapper .Number {
    position: absolute;
}
.ImageMap .CircleWrapper .Circle {
    background: none repeat scroll 0 0 transparent;
    color: rgba(252, 192, 0, 0.7);
    font-size: 12em;
    font-family: Sans-Serif;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    overflow: visible;
    line-height: 70px;
}
.ie8 .ImageMap .CircleWrapper .Circle {
    color: rgb(252,192,0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.ImageMap .CircleWrapper:hover .Circle {
    color: rgb(252, 192, 0);
    font-size: 16em;
    left: -7px;
}
.ie8 .ImageMap .CircleWrapper:hover .Circle {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ImageMap .CircleWrapper input {
    position: absolute;
    opacity: 0;
    width: 1px;
}
.ie8 .ImageMap .CircleWrapper input {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ImageMap .CircleWrapper input:checked ~ .Circle {
    color: rgb(252,192,0);
    font-size: 16em;
    left: -11px;
    top: 15px;
}
.ie8 .ImageMap .CircleWrapper input:checked ~ .Circle {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ImageMap .CircleWrapper .Number {
    color: rgb(255, 255, 255);
    line-height: 70px;
    position: absolute;
    left: 0;
    right: 0;
}
.ImageMap .CircleWrapper:hover .Number, .ImageMap .CircleWrapper input:checked ~ .Number {
    color: rgb(51, 51, 51);
    font-size: 2em;
}
.ImageMap > input {
    position: absolute;
    opacity: 0;
}
.ie8 .ImageMap > input {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ImageMap > input + div {
    display: none;
    line-height: 25px;
    padding-bottom: 25px;
    text-align: justify;
}
.ImageMap > input:checked + div {
    display: block;
}

.MainContent > .ImageMap {
    padding: 40px 64px;
}

/* FileList.ascx */
.FileList li {
    margin-bottom: 1em;
    list-style: none;
}

/* FileListDesc.ascx */
.FileListDesc li {
    margin-bottom: 1em;
    list-style: none;
}

/* FileListWithImages.ascx */
.FileListImg li {
    margin-bottom: 2em;
    list-style: none;
}
.FileListImg li > img {
    height: 100px;
}
.FileListImg li > img, .FileListImg li > p {
    display: inline-block;
    vertical-align: middle;
}

.HeaderSubNav {
    background: #ededed url(/images/www/HeaderSubNavbg.jpg) repeat-x left bottom;
}
.HeaderSubNav .TitleArea {
    margin-bottom: 1em;
    white-space: nowrap;
}
.HeaderSubNav .TitleArea h2 {
    font-size: 37px;
    color: #999;
    width: 425px;
    display: inline-block;
    white-space: normal;
    padding: 35px 0 0 60px;
    font-weight: normal;
    line-height: 35px;
    vertical-align: top;
}
.HeaderSubNav .TitleArea h2 a {
    color: #999;
}
.HeaderSubNav .TitleArea .SubTitle {
    font-size: 16px;
    color: #333;
    display: inline-block;
    width: 460px;
    padding-top: 40px;
    white-space: normal;
}
.HeaderSubNav .Tabs {
    padding-top: 3px;
    margin-top: 20px;
}
/* fontsize:0 to eliminate spacing between blocks */
.HeaderSubNav .Tabs ul {
    padding-bottom: 0;
    font-size: 0;
}
.HeaderSubNav .Tabs ul li {
    background: url("/images/www/kits-tab-sep.jpg") no-repeat scroll right bottom transparent;
    display: inline-block;
    font-size: 15px;
    vertical-align: bottom;
    margin-bottom: 5px;
    margin-left: 0px;
    line-height: inherit;
    padding: 0;
}
.HeaderSubNav .Tabs ul li a {
    display: block;
    padding: 30px 20px 5px;
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 90%;
    color: #666;
}
.HeaderSubNav .Tabs ul li.selected {
    margin-bottom: 5px;
}
.HeaderSubNav .Tabs ul li:hover, .HeaderSubNav .Tabs ul li.selected {
    background: url(/images/www/kits-tab-hover.jpg) repeat-x left bottom;
}
.HeaderSubNav .Tabs ul li:hover a, .HeaderSubNav .Tabs ul li.selected a {
    color: #333;
}
.HeaderSubNav .Tabs ul li.selected a {
    font-size: 100%;
    font-weight: bold;
}
.ie8 .HeaderSubNav .Tabs ul li.selected a {
    font-size: 19px;
}

/* NewsArticle.ascx */
.NewsArticle h4 a:before {
    content: "(";
    color: #333;
}
.NewsArticle h4 a:after {
    content: ")";
    color: #333;
}
.NewsArticle h4 img {
    vertical-align: middle;
}
.NewsArticle .SocialMediaLinks {
    margin-bottom: 1em;
    display: block;
    width: 410px;
    margin-left: auto;
}

.CostEstimatorMapTitle {
    background: url(/images/www/text-info-top-sdw.jpg) repeat-x scroll left top;
    padding: 65px 60px 40px;
    font-size: 16px;
}
.CostEstimatorMap {
    position: relative;
}
.CostEstimatorMap > img {
    display: block;
}
.CostEstimatorMap > .usa-48 {
    width: 653px;
    height: 414px;
    top: 50%;
    margin-left: -325px;
    position: relative;
    left: 50%;
    z-index: -1;
}
.CostEstimatorMap > .state {
    display: none;
    z-index: 0;
    position: absolute;
    left: 50%;
}
.CostEstimatorMap > .arizona {
    width: 81px;
    height: 96px;
    top: 208px;
    margin-left: -237px;
}
.CostEstimatorMap > .california {
    width: 99px;
    height: 169px;
    top: 103px;
    margin-left: -325px;
}
.CostEstimatorMap > .georgia {
    width: 62px;
    height: 67px;
    top: 252px;
    margin-left: 140px;
}
.CostEstimatorMap > .minnesota {
    width: 74px;
    height: 84px;
    top: 43px;
    margin-left: -5px;
}
.CostEstimatorMap > .northCarolina {
    width: 98px;
    height: 45px;
    top: 211px;
    margin-left: 156px;
}
.CostEstimatorMap > .oregon {
    width: 97px;
    height: 82px;
    top: 39px;
    margin-left: -313px;
}
.CostEstimatorMap > .pennsylvania {
    width: 79px;
    height: 62px;
    top: 126px;
    margin-left: 183px;
}
.CostEstimatorMap > .southCarolina {
    width: 58px;
    height: 46px;
    top: 241px;
    margin-left: 169px;
}
.CostEstimatorMap > .texas {
    width: 168px;
    height: 166px;
    top: 235px;
    margin-left: -131px;
}
.CostEstimatorMap > .westVirginia {
    width: 46px;
    height: 47px;
    top: 164px;
    margin-left: 169px;
}
.CostEstimatorMap > .wisconsin {
    width: 75px;
    height: 66px;
    top: 74px;
    margin-left: 29px;
}
/* IE8 won't trigger a checkbox  if visibility:hidden or display:none, so opacity is used. */
.CostEstimatorMap > input {
    position: absolute;
    opacity: 0;
}
.ie8 .CostEstimatorMap > input {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
/* the initial placement of all tooltips is top:0, left:50% in order to ignore positioning vs container size */
.CostEstimatorMap > .tooltip {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 50%;
    width: 19px;
    height: 19px;
    z-index: 3;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}
/* Drawing tooltip */
.CostEstimatorMap > .tooltip label {
    position: absolute;
    color: black;
    background-color: #e5e5e5;
    font-size: 16px;
    white-space: nowrap;
    padding: 5px;
    border: 1px solid silver;
    display: none;
    top: -42px;
    cursor: pointer;
    margin: 0;
    font-weight: normal;
}
.CostEstimatorMap > .tooltip label:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #e5e5e5;
    top: 100%;
    left: 50%;
    margin-left: -5px;
}
.CostEstimatorMap > .tooltip label:after {
    position: absolute;
    content: url(/images/www/hover-circle.png);
    top: 120%;
    left: 50%;
    margin-left: -12px;
    margin-top: 5px;
}
.CostEstimatorMap > .tooltip:hover label {
    display: block;
}
/* label positioning so that the hover circle is in the hover area */
.CostEstimatorMap > .Portland > label {
    left: -43px;
}
.CostEstimatorMap > .Eugene > label {
    left: -39px;
}
.CostEstimatorMap > .Bend > label {
    left: -31px;
}
.CostEstimatorMap > .MedfordKlamathFalls > label {
    left: -94px;
}
.CostEstimatorMap > .ChicoRedding > label {
    left: -64px;
}
.CostEstimatorMap > .Sacramento > label {
    left: -55px;
}
.CostEstimatorMap > .SanFrancisco > label {
    left: -61px;
}
.CostEstimatorMap > .Monterey > label {
    left: -46px;
}
.CostEstimatorMap > .FresnoVisalia > label {
    left: -61px;
}
.CostEstimatorMap > .Bakersfield > label {
    left: -53px;
}
.CostEstimatorMap > .LosAngeles > label {
    left: -54px;
}
.CostEstimatorMap > .SanDiego > label {
    left: -48px;
}
.CostEstimatorMap > .Phoenix > label {
    left: -41px;
}
.CostEstimatorMap > .Tuscon > label {
    left: -37px;
}
.CostEstimatorMap > .Austin > label {
    left: -31px;
}
.CostEstimatorMap > .Minneapolis > label {
    left: -61px;
}
.CostEstimatorMap > .GreenBay > label {
    left: -48px;
}
.CostEstimatorMap > .Atlanta > label {
    left: -37px;
}
.CostEstimatorMap > .Greenville > label {
    left: -48px;
}
.CostEstimatorMap > .Charlotte > label {
    left: -47px;
}
.CostEstimatorMap > .Huntington > label {
    left: -57px;
}
.CostEstimatorMap > .Clarksburg > label {
    left: -54px;
}
.CostEstimatorMap > .Pittsburgh > label {
    left: -49px;
}
.CostEstimatorMap > .Harrisburg > label {
    left: -50px;
}
.CostEstimatorMap > .Baltimore > label {
    left: -51px;
}
.CostEstimatorMap > .Washington > label {
    left: -56px;
}
/* each tooltip is positioned relative to the initial top/left position from above by using the margin */
.CostEstimatorMap > .Portland {
    margin: 40px 0 0 -290px;
}
.CostEstimatorMap > .Eugene {
    margin: 62px 0 0 -304px;
}
.CostEstimatorMap > .Bend {
    margin: 68px 0 0 -284px;
}
.CostEstimatorMap > .MedfordKlamathFalls {
    margin: 84px 0 0 -307px;
}
.CostEstimatorMap > .ChicoRedding {
    margin: 123px 0 0 -307px;
}
.CostEstimatorMap > .Sacramento {
    margin: 146px 0 0 -308px;
}
.CostEstimatorMap > .SanFrancisco {
    margin: 160px 0 0 -325px;
}
.CostEstimatorMap > .Monterey {
    margin: 183px 0 0 -320px;
}
.CostEstimatorMap > .FresnoVisalia {
    margin: 190px 0 0 -295px;
}
.CostEstimatorMap > .Bakersfield {
    margin: 210px 0 0 -306px;
}
.CostEstimatorMap > .LosAngeles {
    margin: 226px 0 0 -290px;
}
.CostEstimatorMap > .SanDiego {
    margin: 250px 0 0 -275px;
}
.CostEstimatorMap > .Phoenix {
    margin: 254px 0 0 -207px;
}
.CostEstimatorMap > .Tuscon {
    margin: 272px 0 0 -197px;
}
.CostEstimatorMap > .Austin {
    margin: 321px 0 0 -27px;
}
.CostEstimatorMap > .Minneapolis {
    margin: 95px 0 0 33px;
}
.CostEstimatorMap > .GreenBay {
    margin: 96px 0 0 79px;
}
.CostEstimatorMap > .Atlanta {
    margin: 262px 0 0 148px;
}
.CostEstimatorMap > .Greenville {
    margin: 243px 0 0 174px;
}
.CostEstimatorMap > .Charlotte {
    margin: 226px 0 0 190px;
}
.CostEstimatorMap > .Huntington {
    margin: 181px 0 0 177px;
}
.CostEstimatorMap > .Clarksburg {
    margin: 166px 0 0 185px;
}
.CostEstimatorMap > .Pittsburgh {
    margin: 144px 0 0 190px;
}
.CostEstimatorMap > .Harrisburg {
    margin: 139px 0 0 222px;
}
.CostEstimatorMap > .Baltimore {
    margin: 151px 0 0 240px;
}
.CostEstimatorMap > .Washington {
    margin: 166px 0 0 227px;
}
/* when hovering on a tooltip, highlight the nearest state in the document keep the rest hidden
   similarly, while a city is checked, highlight the nearest state in the document and hide the rest */
.CostEstimatorMap > .tooltip:hover ~ .state, .CostEstimatorMap > input:checked ~ .state {
    display: block;
    z-index: -1;
}
.CostEstimatorMap > .tooltip:hover ~ .state ~ .state, .CostEstimatorMap > input:checked ~ .state ~ .state {
    display: none;
}
/* when a city is checked, show the related item */
.CostEstimatorMap > #Portland:checked ~ .CostItems > .Portland, .CostEstimatorMap > #Eugene:checked ~ .CostItems > .Eugene, .CostEstimatorMap > #Bend:checked ~ .CostItems > .Bend, .CostEstimatorMap > #MedfordKlamathFalls:checked ~ .CostItems > .MedfordKlamathFalls, .CostEstimatorMap > #ChicoRedding:checked ~ .CostItems > .ChicoRedding, .CostEstimatorMap > #Sacramento:checked ~ .CostItems > .Sacramento, .CostEstimatorMap > #SanFrancisco:checked ~ .CostItems > .SanFrancisco, .CostEstimatorMap > #Monterey:checked ~ .CostItems > .Monterey, .CostEstimatorMap > #FresnoVisalia:checked ~ .CostItems > .FresnoVisalia, .CostEstimatorMap > #Bakersfield:checked ~ .CostItems > .Bakersfield, .CostEstimatorMap > #LosAngeles:checked ~ .CostItems > .LosAngeles, .CostEstimatorMap > #SanDiego:checked ~ .CostItems > .SanDiego, .CostEstimatorMap > #Phoenix:checked ~ .CostItems > .Phoenix, .CostEstimatorMap > #Tuscon:checked ~ .CostItems > .Tuscon, .CostEstimatorMap > #Austin:checked ~ .CostItems > .Austin, .CostEstimatorMap > #Minneapolis:checked ~ .CostItems > .Minneapolis, .CostEstimatorMap > #GreenBay:checked ~ .CostItems > .GreenBay, .CostEstimatorMap > #Atlanta:checked ~ .CostItems > .Atlanta, .CostEstimatorMap > #Greenville:checked ~ .CostItems > .Greenville, .CostEstimatorMap > #Charlotte:checked ~ .CostItems > .Charlotte, .CostEstimatorMap > #Huntington:checked ~ .CostItems > .Huntington, .CostEstimatorMap > #Clarksburg:checked ~ .CostItems > .Clarksburg, .CostEstimatorMap > #Pittsburgh:checked ~ .CostItems > .Pittsburgh, .CostEstimatorMap > #Harrisburg:checked ~ .CostItems > .Harrisburg, .CostEstimatorMap > #Baltimore:checked ~ .CostItems > .Baltimore, .CostEstimatorMap > #Washington:checked ~ .CostItems > .Washington {
    display: block;
}
.CostEstimatorMap .CostItem {
    background-color: #e5e5e5;
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    padding: 15px 40px;
}

/* Header Area
**************************************/
#header {
    background: #fff url(/images/www/header-bg.jpg) repeat-x left bottom;
}
.header-area {
    width: 1000px;
    margin: 0 auto;
    background: url("/images/www/content-bg-new2.png") repeat-y scroll left top rgba(0, 0, 0, 0);
    padding-left: 5px;
    padding-right: 5px;
    opacity: 0.8;
    min-height: 125px;
    position: relative;
    z-index:1000;
}
.ie9 .header-area nav ul {
    width: 811px;
}
.ie8 .header-area nav ul {
    width: 813px;
}
.header-area .logo {
    padding: 0px 25px 0 22px;
    width: 136px;
    float: left;
    height: 120px;
    position:absolute;
    top:0px;    
}

.logoImage
{
    position:absolute;
    top:-17px;
}
/* font-size:0; eliminates spacing on inline-block */
.header-area nav ul {
    float: right;
    text-align:right;
    width: 813px;
    font-family: 'Open Sans' , Arial;
    font-size: 0;
    height: 95px;
    white-space: nowrap;
    overflow:hidden;
}
.header-area nav ul li {
   background: url("/images/www/sprite-img2.png") no-repeat scroll left 34px rgba(0, 0, 0, 0);
    text-transform: uppercase;
    list-style: none;
    display: inline-block;
    height: 120px;
    font-size: 13px;
}
.header-area nav ul li a {
    color: #000000;
    padding: 65px 18px 0;
    height: 55px;
    display: inline-block;
}
.header-area nav ul li a:hover, .header-area nav ul li a.selected {
    background: none repeat scroll 0 0 #ffffff;  
    color:  #979797;
    z-index:1
}
* +html .header-area nav ul li a:hover{filter: alpha(opacity=80);}
* +html .header-area nav ul li a.selected{filter: alpha(opacity=80);}
.HeaderTxt {
    position: absolute;
    right: 87px;
    top: 0;
    font-family: 'Open Sans' , Arial;
    font-size: 14px;
    color:  #979797;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: bold;
    padding-top: 12px;
    z-index:1
    
}
.FlagArea {
    position: absolute;
    right: 5px;
    top: 0;
    background: url("/images/www/flag-bg.jpg") repeat-x left top;
}
.FlagArea a {
    background: url("/images/www/sprite-img.png") no-repeat right 5px;
    margin-right: 6px;
    display: block;
    color: #666;
}
.FlagArea:hover .Flags .LocationSec a {
    background-color: #eee;
    background: url("/images/www/sprite-img.png") no-repeat right -42px;
    margin-right: 6px;
    display: block;
}
.FlagSec {
    width: 49px;
    height: 26px;
    position: relative;
    padding: 5px 0 0 11px;
}
.FlagArea .Flags {
    display: none;
    z-index: 9999;
    background-color: #ccc;
}
.FlagArea:hover .Flags {
    display: block;
    border: 1px #ccc solid;
    width: 398px;
    top: 0;
    right: 0;
    position: absolute;
    background: url("/images/www/flag-sec-bg.jpg") repeat-y left top #dedede;
}
.FlagArea .Flags a {
    background: none;
    margin-right: 0;
    font-size:11px;
}
.FlagArea .Flags a:hover {
    background: none;
    margin-right: 0;
    color: #000;
}
.FlagArea .Flags .FlagList {
    display: inline-block;
}
.FlagArea .Flags .flagB {
    overflow: hidden;
    padding: 11px 10px;
    width: 165px;
    float: left;
    cursor: pointer;
    display: inline-block;
}
.FlagArea .Flags .flagB:hover {
    background: #fcc000;
}
.FlagArea .Flags .flagB:hover a {
    background: none;
    margin-right: 0;
    color: #000;
}
.FlagArea .Flags .flag {
    width: 30px;
    float: left;
    height: 17px;
}
.FlagArea .Flags .country {
    width: 120px;
    float: left;
    padding-left: 10px;
    font-size: 12px;
    text-transform: uppercase;
}
.FlagArea .Flags .LocationSec {
    background: url("/images/www/flag-sep-img.jpg") no-repeat right bottom;
    padding: 4px 0 8px 20px;
    display: block;
}
.FlagArea .Flags .LocationSec img {
    padding: 0 0 0 11px;
}
.FlagArea .Flags .ChangeLocation {
    font-size: 11px;
    color: #333;
    float: left;
    width: 140px;
}
.FlagArea .Flags .CountryName {
    width: 180px;
    float: left;
    text-align: right;
    font-size:12px;
}

/* HomePageCarousel.ascx */
.HomePageCarousel {
    height: 550px;
    position: relative;
    background: #837a6d url(/images/www/home-banner-bg.jpg) repeat-x left bottom;
}
.HomePageCarousel .Centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    overflow: visible;
    height: 100%;
}
.HomePageCarousel .scrollable {
    position: absolute;
    width: 1440px;
    height: 550px;
    margin-left: -220px;
    overflow: hidden;
}
.HomePageCarousel .items {
    width: 20000em;
    position: absolute;
}
.HomePageCarousel .item {
    position: relative;
    width: 1440px;
    height: 550px;
    float: left;
    text-align: center;
}
.HomePageCarousel .item > img {
    width: 1440px;
    height: 546px;
}
/* necessary for jquery's fadeTo method to function properly 
.ie8 .HomePageCarousel .item > img{filter:inherit;}*/
.HomePageCarousel .browse, .HomePageCarousel .middle {
    position: absolute;
    bottom: 5px;
    font-weight: bold;
    height: 58px;
    line-height: 58px;
    cursor: pointer;
}
.HomePageCarousel .middle {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 450px;
    color: #333;
    font-size: 1.3em;
}
.HomePageCarousel .browse {
    color: rgb(252, 192, 0);
}
.HomePageCarousel .prev, .HomePageCarousel .next {
    line-height: 2em;
    font-size: 13px;
    width: 260px;
}
.HomePageCarousel .prev:before {
    content: url("/images/www/arrow-left.png");
    margin-right: 0.5em;
}
.HomePageCarousel .prev {
    text-align: left;
    left: 220px;
}
.HomePageCarousel .next {
    right: 220px;
    text-align: right;
}
.HomePageCarousel .next:after {
    content: url("/images/www/arrow-right.png");
    margin-left: 0.5em;
}
/* display managed by script*/
.HomePageCarousel .content {
    position: absolute;
    bottom: 100px;
    width: 400px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    text-shadow: 2px 2px black;
}
.HomePageCarousel .content h1 {
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    font-weight: normal;
}
/* override RTE content */
.HomePageCarousel .content strong, .HomePageCarousel .content * {
    text-align: center !important;
    font-size: 18px;
}
.HomePageCarousel .content.left {
    left: 310px;
}
.HomePageCarousel .content.right {
    right: 260px;
}
.HomePageCarousel .content .BtnSec {
    font-weight: bold;
    white-space: nowrap;
    /*background-color: rgba(243, 184, 5, 0.6);*/
    background:url(/images/www/btn-bg.png) repeat 0 0;
    color: #fff;
    height: 40px;
    margin: 0 1em;
    padding: 0 1em;
    display: inline-block;
    font-size: 16px;
    text-shadow: none;
}
/*.ie8 .HomePageCarousel .content .BtnSec {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99f3b805,endColorstr=#99f3b805)";
}*/
.HomePageCarousel .BtnSec > img {
    vertical-align: middle;
}

.BtnSec {
    display: inline-block;
}

.MiddleContainer {
    width: 1000px;
    margin: 0 auto;
    background: url(/images/www/content-bg.png) repeat-y left top;
    padding-left: 5px;
    padding-right: 5px;
    font-family: 'Open Sans' , Arial;
}
.MiddleContainer:after {
    content: "";
    display: block;
    height: 100%;
    clear: both;
    visibility: hidden;
}

.MainContent {
    color: #333;
}
.MainContent h1 {
    margin-top: 0;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.MainContent table {
    /*width: auto;*/
}
.ReadyToTurn {
    background: url("/images/www/home-sdw-img.jpg") repeat-x scroll left top transparent;
    height: 74px;
    padding-top: 40px;
    text-align: center;
}
.ReadyToTurn .TextSec {
    font-size: 22px;
    letter-spacing: 1px;
    margin-right: 18px;
    display: inline-block;
}
.ReadyToTurn .TextSec span, .ReadyToTurn .TextSec strong {
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    color: #005c99;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.HomeContSec {
    padding: 50px 10px 0 20px;
}
.HomeContSec .ContentSection {
    float: left;
    width: 450px;
    padding-left: 20px;
    color: #333;
}
.HomeContSec .ContentSection .ImgSec {
    float: left;
    width: 131px;
    padding-top: 20px;
}
.HomeContSec .ContentSection .ImgSecRgt {
    float: left;
    width: 177px;
    padding-top: 20px;
}
.HomeContSec .ContentSection .DescSec {
    float: left;
    width: 245px;
    padding-left: 25px;
}
.HomeContSec .ContentSection h2 {
    font-family: 'Open Sans' , Arial;
    font-size: 22px;
    font-weight: normal;
    line-height: 25px;
}
/* Below needed? */
.HomeContSec .ContentSection p {
    font-family: 'Open Sans' , Arial;
    font-size: 16px;
    line-height: 24px;
}
/* Layout : Two Column Left */
.MiddleContainer .TwoColumnLeft .MainContent {
    width: 800px;
    float: right;
}
.MiddleContainer .TwoColumnLeft .LeftPanal {
    width: 180px;
    float: left;
}
/* Layout : Two Column Right */
.MiddleContainer .TwoColumnRight .MainContent {
    width: 800px;
    float: left;
}
.MiddleContainer .TwoColumnRight .RightPanal {
    width: 180px;
    float: right;
}
/* Layout : Three Column */
.MiddleContainer .ThreeColumn .MainContent {
    width: 620px;
    float: left;
}
.MiddleContainer .ThreeColumn .LeftPanal {
    width: 180px;
    float: left;
}
.MiddleContainer .ThreeColumn .RightPanal {
    width: 180px;
    float: right;
}
/* Footer Area
**************************************/
.footer {
    background: url(/images/www/footer-bot-border.jpg) repeat-x left bottom;
}
.footer footer {
    width: 1000px;
    margin: 0 auto;
    background: url(/images/www/content-bg.png) repeat-y left top;
    padding-left: 5px;
    padding-right: 5px;
}
.footer .FooterNavSec {
    background: url(/images/www/footer-link-bg.jpg) repeat-x left top;
}
.footer .FooterNavSec a {
    color: #666;
}
.footer .FooterNavSec ul {
    list-style: none;
    font-family: 'Open Sans' , Arial;
    font-size: 14px;
    padding-top: 25px;
    padding-left: 45px;
}
.ie8 .FooterNavSec ul {
    font-size: 13px;
}
.footer .FooterNavSec ul li {
    display: inline-block;
    padding: 0 0.7em;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 2em;
    font-size:14px
}
.footer .FollowUs {
    background: #ffcc66;
    padding: 20px 20px 0 285px;
    overflow: hidden;
    height: 60px;
}
.footer .FollowUs .FollowTitle {
    float: left;
    line-height: 40px;
    font-family: 'Open Sans' , Arial;
    font-size: 16px;
    color: #333333;
    letter-spacing: 3px;
    font-weight: bold;
}
.footer .FollowUs ul {
    float: left;
    padding-left: 20px;
    padding-top: 0;
}
.footer .FollowUs ul li {
    float: left;
    list-style: none;
    padding-right: 20px;
}
.footer .FollowUs ul li a {
    width: 40px;
    height: 40px;
    display: block;
}
.footer .FollowUs ul li.Facebook {
    background: url(/images/www/sprite-img.png) no-repeat left -144px;
    width: 40px;
    height: 40px;
}
.footer .FollowUs ul li.GooglePlus {
    background: url(/images/www/sprite-img.png) no-repeat -65px -144px;
    width: 40px;
    height: 40px;
}
.footer .FollowUs ul li.Twitter {
    background: url(/images/www/sprite-img.png) no-repeat -128px -144px;
    width: 40px;
    height: 40px;
}
.footer .FollowUs ul li.Flickr {
    background: url(/images/www/sprite-img.png) no-repeat -192px -144px;
    width: 40px;
    height: 40px;
}
.footer .FollowUs ul li.YouTube {
    background: url(/images/www/sprite-img.png) no-repeat -257px -144px;
    width: 40px;
    height: 40px;
}
.FooterNavArea {
    background: #fc6 url(/images/www/footer-bg.jpg) repeat-x left top;
    padding: 25px 10px 70px 65px;
    position: relative;
}
.FooterNavArea a {
    color: #666;
}
.FooterNavArea nav.FooterNavBlock {
    width: 150px;
    float: left;
    padding-right: 34px;
}
.FooterNavArea nav.FooterNavBlock h4 {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    height: 50px;
    line-height: 20px;
    font-weight: bold;
}
.FooterNavArea nav.FooterNavBlock ul {
    padding-top: 5px;
}
.FooterNavArea nav.FooterNavBlock ul li {
    list-style: none;
    font-size: 14px;
    padding-bottom: 12px;
    line-height: 18px;
}
.FooterNavArea nav.FooterNavBlock ul li a:hover {
    color: #000;
}
.FooterNavArea .BBB {
    position: absolute;
    right: 75px;
    bottom: 70px;
}
.FooterNavArea .BBB img {
    width: 114px;
    height: 42px;
}
.FooterBotLinks {
    padding: 35px 10px 10px 25px;
    height: 40px;
}
.FooterBotLinks a {
    color: #666;
}
.FooterBotLinks .LinksArea {
    width: 410px;
    float: left;
}
.FooterBotLinks .LinksArea ul {
    padding: 0;
    margin: 0;
}
.FooterBotLinks .LinksArea ul li {
    float: left;
    list-style: none;
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 14px;
    padding-right: 16px;
    text-transform: none;
}
/*.ie8 .FooterBotLinks .LinksArea ul li {
    font-size: 13px;
}*/
.FooterBotLinks .Copyrights {
    float: left;
    font-family: 'Open Sans' , Arial;
    font-size: 12px;
    color: #999;
}

.InnerBannerArea {
    margin: 0 auto;
    height: 340px;
    padding-bottom: 5px;
    position: relative;
    width: 1440px;
    left: 0;
}
.InnerBannerArea .InnerBannerContArea {
    margin: 0 auto;
    padding: 0 5px;
}
.InnerBannerArea .BannerForHome {
    background: url(/images/www/For-Home-banner.jpg) no-repeat center top;
    height: 340px;
}
.InnerBannerArea.SmallBanner {
    height: 210px;
}
.InnerBannerArea.SmallBanner .BannerForHome {
    height: 210px;
}
.InnerBannerArea.SmallBanner .TabMenuArea {
    height: 65px;
}
.ReadyToTurnInner {
    width: 990px;
    height: 125px;
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
}
.ReadyToTurnInner .TextSec {
    float: left;
    width: 810px;
    text-align: right;
    font-size: 20px;
    letter-spacing: 1px;
    margin-right: 18px;
    color: #fff;
}
.ReadyToTurnInner .TextSec span {
    font-family: 'Open Sans' , Arial;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.ReadyToTurnInner .BtnSec {
    float: left;
    width: 140px;
}

/* BannerSiblingNav.ascx */
.BannerSiblingNav {
    height: 345px;
}
.BannerSiblingNav .InnerBannerArea {
    position: absolute;
    
    background: #837a6d url(/images/www/home-banner-bg.jpg) repeat-x left bottom;
    padding: 0;
    height: 345px;
    width: 100%;
}
.BannerSiblingNav .InnerBannerArea > img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.BannerSiblingNav .ReadyToTurnInner {
    width: 100%;
    height: 125px;
    padding: 0;
    margin: 0;
    position: relative;
}
.BannerSiblingNav .TxtMessage {
    position: absolute;
    display: block;
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
    top: 25px;
    left: 0;
    right: 0;
    text-shadow: 2px 2px black;
    width: 1000px;
    margin: 0 auto;
    text-align: right;
}

/* Below in case the user abuses the RTE in the content editor */
.BannerSiblingNav .TxtMessage > * {
    display: inline-block;
    color: White;
}
/*.BannerSiblingNav .TxtMessage.shadow > span {
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
}*/
.BannerSiblingNav .TxtMessage.shadow > span {background:url(/images/www/slide-bg.png) repeat-x 0 0}
.BannerSiblingNav .TxtMessage > span {
    padding: 10px;
    vertical-align: middle;
}

/*.ie8 .BannerSiblingNav .TxtMessage.shadow > span, .ie9 .BannerSiblingNav .TxtMessage.shadow > span {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000', gradientType='0')";
}*/

.BannerSiblingNav .TxtMessage > span p {
    line-height: normal;
    padding-bottom: 0;
}
.BannerSiblingNav .TxtMessage > span p{ 
   filter: Shadow(Color=black, Direction=130, Strength=2);
}
.BannerSiblingNav .BtnSec {
    white-space: nowrap;
    background-color: rgba(243, 184, 5, 0.6);
    color: #fff;
    height: 40px;
    margin: 0 1em;
    padding: 0 1em;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
}
/* emulates "background-color:rgba(243,184,5,0.6);" The Hex Value equivalent is: #99f3b805. In the DirectX filter, the order is ARGB */
.ie8 .BannerSiblingNav .BtnSec {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99f3b805,endColorstr=#99f3b805);";
}
.BannerSiblingNav .BtnSec img {
    vertical-align: middle;
}
.BannerSiblingNav .TabMenuArea {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    height: 195px;
    background: none;
}

/* SegmentMasthead.ascx */
.TabMenuSec {
    background: url(/images/www/menu-tab-gray-bg.png) repeat-x left top;
    height: 125px;
    margin-left: 0;
}
.TabMenuSec p {
    text-align: center;
}
.TabMenuSec ul {
    list-style: none;
}
.TabMenuSec ul li {
    width: 200px;
    float: left;
    height: 130px;
    cursor: pointer;
}
.TabMenuSec ul li:hover {
    background: url(/images/www/tab-menu-selected.png) repeat-x left bottom;
    height: 130px;
}
.TabMenuSec ul li:hover .title {
    color: #333;
}
.TabMenuSec ul li.selected {
    background: url(/images/www/tab-menu-selected-new.png) repeat-x left bottom;
    height: 130px;
}
.TabMenuSec ul li.selected .title {
    color: #333;
}
.TabMenuArea {
    background: url(/images/www/content-bg.png) repeat-y left top;
    width: 1000px;
    left: 50%;
    position: absolute;
    margin-left: -500px;
    height: 195px;
    margin-top: -195px;
}
.TabMenuArea h1 {
    background: url(/images/www/tab-menu-head-bg.png) repeat-x left bottom;
    height: 65px;
    line-height:65px;
    text-align: center;
    color: #333;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
}
.TabMenuSec .TabLinks {
    background: url(/images/www/menu-tab-divider.png) no-repeat right bottom;
    height: 120px;
    text-align: center;
    padding-top: 5px;
}
.TabMenuSec .TabLinks.last {
    background: none;
}
.TabMenuSec .title {
    color: #fcc000;
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 5px;
}
.TabMenuSec p {
    font-size: 14px;
    color: White;
    line-height: 18px;
    padding: 0 10px;
}

.TabMenuSec .selected p 
{
    color: Gray;
}
.TabMenuSec .TabLinks > a {
    display: block;
    width: 100%;
    height: 100%;
}

/* SmallHeaderBanner.ascx */
.SmallHeaderBanner {
    height: 210px;
    margin-bottom: 5px;
}
.SmallHeaderBanner > .BannerWrapper {
    position: absolute;
    height: 215px;
    left: 0;
    right: 0;
    text-align: center;
    overflow: hidden;
    background: url("/images/www/home-banner-bg.jpg") repeat-x scroll left bottom rgb(131, 122, 109);
}
.SmallHeaderBanner > .BannerWrapper > img {
    height: 210px;
    position: relative;
}

/* .InnerTitleSec vs .HeaderSubNav
Below is used in SimpleBanner.ascx and SimplePageTitle.ascx
	Both seem to be redundant
	difference may be simply the placement of the subtitle
 */
.InnerTitleSec {
    background: #ededed url(/images/www/HeaderSubNavbg.jpg) repeat-x left bottom;
    display: block;
    position: relative;
}
.InnerTitleSec .TitleArea {
    padding: 40px 60px;
    display: block;
}
.InnerTitleSec .TitleArea h2 {
    font-size: 36px;
    color: #999;
    width: 440px;
    font-weight: normal;
    line-height: 35px;
    display: inline-block;
    vertical-align: middle;
}
.InnerTitleSec .TitleArea .SubTitle {
    font-size: 15px;
    color: #333;
    width: 435px;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
}
.InnerTitleSec .TitleArea h2 .smTitle {
    font-size: 22px;
    color: #999;
}

.InnerContentSec {
    padding: 35px 60px;
}
.InnerContentSec h3 {
    font-size: 22px;
    padding-bottom: 3px;
    line-height: 26px;
    font-weight: normal;
}

.BenefitsOfSolar {
    width: 570px;
    float: left;
}
.BenefitsOfSolar h3 {
    padding-bottom: 25px;
}

.SolarBotSdw {
    background: url(/images/www/info-bot-sdw.jpg) repeat-x left bottom;
}
.SolarBenefits {
    padding-bottom: 20px;
}
.SolarBenefits .Title {
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 16px;
    color: #333;
}
.SolarBenefits .FinancialBenefits {
    width: 400px;
    float: left;
}
.SolarBenefits .CostEstimator {
    width: 400px;
    float: right;
}

.RollBulletArea .LeftSec {
    width: 295px;
    float: left;
}
.RollBulletArea .BulletSec {
    width: 402px;
    float: left;
    background: url(/images/www/bullets-bg.jpg) no-repeat left bottom;
    height: 68px;
    position: relative;
    text-align: center;
}
.RollBulletArea .BulletSec ul {
    padding: 0;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
}
.RollBulletArea .BulletSec ul li {
    display: inline-block;
    background: url(/images/www/bullet.png) no-repeat left top;
    width: 15px;
    height: 15px;
    margin-left: 10px;
    margin-right: 10px;
}
.RollBulletArea .BulletSec ul li a {
    background: url(/images/www/bullet.png) no-repeat left top;
    width: 15px;
    height: 15px;
    display: block;
}
.RollBulletArea .BulletSec ul li a:hover {
    background: url(/images/www/bullet-selected.png) no-repeat left top;
}
.RollBulletArea .BulletSec ul li a.Selected {
    background: url(/images/www/bullet-selected.png) no-repeat left top;
}

.FeaturedProjects {
    width: 295px;
    float: right;
    padding-top: 28px;
}
.FeaturedProjects .ViewTxt {
    float: left;
    text-align: right;
    font-size: 12px;
    text-transform: uppercase;
    width: 115px;
    padding-top: 13px;
}
.FeaturedProjects .FeaturedProjectsList {
    float: right;
    background: url(/images/www/projects-list-bg.jpg) repeat-x left top;
    padding: 13px 10px 10px 15px;
    height: 17px;
    width: 145px;
    position: relative;
    z-index: 9;
    white-space: nowrap;
}
.FeaturedProjects .FeaturedProjectsList a {
    background: url(/images/www/sprite-img.png) no-repeat right 5px;
    display: block;
    font-size: 12px;
    color: #666;
}
.FeaturedProjects .FeaturedProjectsList:hover {
    background: url(/images/www/projects-list-hover.jpg) repeat-x left top;
}
.FeaturedProjects .FeaturedProjectsList:hover a {
    background: url(/images/www/sprite-img.png) no-repeat right -42px;
    display: block;
}
.FeaturedProjects .FeaturedProjectsList .ListArea {
    display: none;
}
.FeaturedProjects .FeaturedProjectsList:hover .ListArea {
    display: block;
    width: 170px;
    border-top: 1px #a7a7a7 solid;
    background: url(/images/www/projects-list-bg-img.jpg) repeat-y left top;
    position: absolute;
    right: 0;
    top: 40px;
}
.FeaturedProjects .FeaturedProjectsList:hover .ListArea ul {
    list-style: none;
    overflow: hidden;
}
.FeaturedProjects .FeaturedProjectsList:hover .ListArea ul li {
    font-size: 12px;
    text-transform: uppercase;
}
.FeaturedProjects .FeaturedProjectsList:hover .ListArea ul li a {
    background: none;
    color: #666;
    padding: 8px 10px 8px 20px;
}
.FeaturedProjects .FeaturedProjectsList:hover .ListArea ul li a:hover {
    background: none;
    background-color: #fcc000;
    color: #000;
}

/* .TabSlider and .GalleryNavigation  as well as the controls themselves may be unifiable */
/* GalleryNavigation.ascx */
.GalleryNavigation {
    background: url(/images/www/inner-content-bg.jpg) repeat-y left top;
    position: relative;
}
.GalleryNavigation .active {
    cursor: default;
}
.GalleryNavigation .Items {
    width: 20000em;
    position: relative;
    clear: both;
}
.GalleryNavigation .Items > div {
    float: left;
    width: 880px;
    padding: 0;
    overflow: hidden;
}
.GalleryNavigation > .active {
    cursor: default;
}
.GalleryNavigation > .browse {
    float: left;
    margin: 160px 10px 0 10px;
    position: relative;
    cursor: pointer;
    font-size: 1px;
    background: url(/images/www/arrow-sprint.png) no-repeat -299px top;
    width: 50px;
    height: 50px;
    display: block;
}
.GalleryNavigation > .right {
    background-position: -364px 0;
    float: right;
    margin-right: 0;
}
.GalleryNavigation > .right:hover {
    background-position: -66px 0;
}
.GalleryNavigation > .right:active {
    background-position: -66px 0;
}
.GalleryNavigation > .left {
    margin-left: 0;
}
.GalleryNavigation > .left:hover {
    background-position: 0 0;
}
.GalleryNavigation > .left:active {
    background-position: 0 0;
}
.GalleryNavigation .up, .GalleryNavigation .down {
    background: url(/images/www/vert_large.png) no-repeat;
    float: none;
    margin: 10px 50px;
}
.GalleryNavigation .up:hover {
    background-position: -30px 0;
}
.GalleryNavigation .up:active {
    background-position: -60px 0;
}
.GalleryNavigation .down {
    background-position: 0 -30px;
}
.GalleryNavigation .down:hover {
    background-position: -30px -30px;
}
.GalleryNavigation .down:active {
    background-position: -60px -30px;
}
.GalleryNavigation .disabled {
    visibility: hidden !important;
}
.GalleryNavigation .NoImage {
    background: none !important;
    font-size: 16px !important;
    margin: 0 !important;
}
.GalleryNavigation .NoImage.left {
    float: left;
    padding-top: 20px;
    width: 429px;
    text-align: left;
}
.GalleryNavigation .NoImage.right {
    float: right;
    padding-top: 20px;
    width: 429px;
    text-align: right;
}
.GalleryNavigation .GalleryMid {
    width: 880px;
    float: left;
    position: relative;
    overflow: hidden;
}

.GalleryNavigation .GalleryMidId > img {
    float: left;
    background-color: #fff;
}
.GalleryNavigation .AddressInfo {
    clear: both;
    font-size: 1.2em;
    padding: 10px 0 25px 65px;
    color: #333;
}
.GalleryNavigation .AddressInfo h3 {
    font-family: 'Open Sans' , Arial;
    color: #333;
    float: left;
}
.GalleryNavigation .AddressInfo span.Pipe {
    color: #ccc;
    padding: 0 8px;
    display: block;
    float: left;
}
.GalleryNavigation .AddressInfo span.Address {
    display: block;
    float: left;
}
.GalleryNavigation .GalleryArea {
    background: #e5e5e5;
    height: 436px;
    padding: 60px 50px !important;
    margin-top: 15px;
    position: relative;
    margin-bottom: 90px;
}
.GalleryNavigation .GalleryArea .ImageBox {
    height: 436px;
}
.GalleryNavigation .GalleryThumbArea {
    position: absolute;
    bottom: -30px;
    left: 60px;
}
.GalleryNavigation .GalleryThumbArea ul li {
    float: left;
    list-style: none;
    padding: 13px;
}
.GalleryNavigation .GalleryThumbArea ul li:hover {
    background: #ccc;
}
.GalleryNavigation .GalleryThumbArea ul li.active {
    background: #ccc;
}
.GalleryNavigation .GalleryThumbArea ul li a {
    border: 4px #e5e5e5 solid;
    display: block;
    height: 56px;
}
.GalleryNavigation .GalleryThumbArea ul li:hover a {
    border: 4px #ccc solid;
}
.GalleryNavigation .GalleryThumbArea ul li.active a {
    border: 4px #ccc solid;
}

.GalleryNavigation .ImageGallery2 .items div div {
    text-align: left;
}

/* ImageGallery.ascx */
.ImageGallery {
    position: relative;
    overflow: hidden;
    width: 1000px;
    height: 600px;
    float: left;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 20px;
}
.ImageGallery .items {
    width: 20000em;
    position: relative;
    clear: both;
}
.ImageGallery .items > div {
    width: 880px;
    padding: 60px;
    background: #e5e5e5;
    float: left;
    padding: 60px;
}
.ImageGallery .items div div {
    float: none;
    width: auto;
    padding: 0;
    height: 436px;
}
.ImageGallery > img {
    float: left;
    background-color: #fff;
}
.ImageGallery a.browse {
    float: left;
    margin: 0 10px;
    position: relative;
    margin-top: 160px;
    cursor: pointer;
    font-size: 1px;
    background: url(../images/arrow-sprint.png) no-repeat -299px top;
    width: 50px;
    height: 50px;
    display: block;
}
.ImageGallery a.right {
    background-position: -364px 0;
    clear: right;
    margin-right: 0;
}
.ImageGallery a.right:hover {
    background-position: -66px 0;
}
.ImageGallery a.right:active {
    background-position: -66px 0;
}
.ImageGallery a.left {
    margin-left: 0;
}
.ImageGallery a.left:hover {
    background-position: 0 0;
}
.ImageGallery a.left:active {
    background-position: 0 0;
}
.ImageGallery a.up, a.down {
    background: url(../images/vert_large.png) no-repeat;
    float: none;
    margin: 10px 50px;
}
.ImageGallery a.up:hover {
    background-position: -30px 0;
}
.ImageGallery a.up:active {
    background-position: -60px 0;
}
.ImageGallery a.down {
    background-position: 0 -30px;
}
.ImageGallery a.down:hover {
    background-position: -30px -30px;
}
.ImageGallery a.down:active {
    background-position: -60px -30px;
}
.ImageGallery a.disabled {
    visibility: hidden !important;
}
.ImageGalleryThumbArea {
    position: absolute;
    bottom: 14px;
    left: 60px;
}
.ImageGalleryThumbArea ul li {
    float: left;
    list-style: none;
    padding: 13px;
}
.ImageGalleryThumbArea ul li:hover {
    background: #ccc;
}
.ImageGalleryThumbArea ul li.active {
    background: #ccc;
}
.ImageGalleryThumbArea ul li a {
    border: 4px #e5e5e5 solid;
    display: block;
    height: 56px;
}
.ImageGalleryThumbArea ul li:hover a {
    border: 4px #ccc solid;
}
.ImageGalleryThumbArea ul li.active a {
    border: 4px #ccc solid;
}
.ImageGalleryThumbArea.active {
    cursor: default;
}

/* ImageGallery2.ascx */
.ImageGalleryTitle {
    padding: 25px 64px;
}
.ImageGallery2 {
    position: relative;
    overflow: hidden;
    width: 1000px;
    height: 600px;
    float: left;
    padding: 0;
    margin-bottom: 20px;
}
.ImageGallery2 .items {
    width: 20000em;
    position: relative;
    clear: both;
}
.ImageGallery2 .items > div {
    width: 880px;
    padding: 60px;
    background: #e5e5e5;
    float: left;
    padding: 60px;
}
.ImageGallery2 .items > div > strong {
    position: relative;
    top: -30px;
    left: 60px;
    display: block;
}
.ImageGallery2 .items div div {
    float: none;
    width: auto;
    padding: 0;
    height: 436px;
    text-align: center;
}
.ImageGallery2 > img {
    float: left;
    background-color: #fff;
}
.ImageGallery2 a.browse {
    float: left;
    margin: 0 10px;
    position: relative;
    margin-top: 160px;
    cursor: pointer;
    font-size: 1px;
    background: url(../images/arrow-sprint.png) no-repeat -299px top;
    width: 50px;
    height: 50px;
    display: block;
}
.ImageGallery2 a.right {
    background-position: -364px 0;
    clear: right;
    margin-right: 0;
}
.ImageGallery2 a.right:hover {
    background-position: -66px 0;
}
.ImageGallery2 a.right:active {
    background-position: -66px 0;
}
.ImageGallery2 a.left {
    margin-left: 0;
}
.ImageGallery2 a.left:hover {
    background-position: 0 0;
}
.ImageGallery2 a.left:active {
    background-position: 0 0;
}
.ImageGallery2 a.up, a.down {
    background: url(../images/vert_large.png) no-repeat;
    float: none;
    margin: 10px 50px;
}
.ImageGallery2 a.up:hover {
    background-position: -30px 0;
}
.ImageGallery2 a.up:active {
    background-position: -60px 0;
}
.ImageGallery2 a.down {
    background-position: 0 -30px;
}
.ImageGallery2 a.down:hover {
    background-position: -30px -30px;
}
.ImageGallery2 a.down:active {
    background-position: -60px -30px;
}
.ImageGallery2 a.disabled {
    visibility: hidden !important;
}
.ImageGallery2 .ImageGalleryThumbArea {
    position: absolute;
    bottom: 14px;
    left: 60px;
}
.ImageGallery2 .ImageGalleryThumbArea ul li {
    float: left;
    list-style: none;
    padding: 13px;
}
.ImageGallery2 .ImageGalleryThumbArea ul li:hover {
    background: #ccc;
}
.ImageGallery2 .ImageGalleryThumbArea ul li.active {
    background: #ccc;
}
.ImageGallery2 .ImageGalleryThumbArea ul li a {
    border: 4px #e5e5e5 solid;
    display: block;
    height: 56px;
}
.ImageGallery2 .ImageGalleryThumbArea ul li:hover a {
    border: 4px #ccc solid;
}
.ImageGallery2 .ImageGalleryThumbArea ul li.active a {
    border: 4px #ccc solid;
}
.ImageGallery2 .ImageGalleryThumbArea.active {
    cursor: default;
}

/* VideoGallery.ascx */
.VideoGallery {
    position: relative;
    overflow: hidden;
    width: 1000px;
    height: 600px;
    float: left;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 50px;
}
.VideoGallery .items {
    width: 20000em;
    position: relative;
    clear: both;
}
.VideoGallery .items > div {
    width: 880px;
    padding: 60px;
    background: #e5e5e5;
    float: left;
    padding: 60px;
}
.VideoGallery .items div div {
    float: none;
    width: auto;
    padding: 0;
    height: 436px;
    text-align: center;
}
.VideoGallery > img {
    float: left;
    background-color: #fff;
}
.VideoGallery a.browse {
    float: left;
    margin: 0 10px;
    position: relative;
    margin-top: 160px;
    cursor: pointer;
    font-size: 1px;
    background: url(../images/arrow-sprint.png) no-repeat -299px top;
    width: 50px;
    height: 50px;
    display: block;
}
.VideoGallery a.right {
    background-position: -364px 0;
    clear: right;
    margin-right: 0;
}
.VideoGallery a.right:hover {
    background-position: -66px 0;
}
.VideoGallery a.right:active {
    background-position: -66px 0;
}
.VideoGallery a.left {
    margin-left: 0;
}
.VideoGallery a.left:hover {
    background-position: 0 0;
}
.VideoGallery a.left:active {
    background-position: 0 0;
}
.VideoGallery a.up, a.down {
    background: url(../images/vert_large.png) no-repeat;
    float: none;
    margin: 10px 50px;
}
.VideoGallery a.up:hover {
    background-position: -30px 0;
}
.VideoGallery a.up:active {
    background-position: -60px 0;
}
.VideoGallery a.down {
    background-position: 0 -30px;
}
.VideoGallery a.down:hover {
    background-position: -30px -30px;
}
.VideoGallery a.down:active {
    background-position: -60px -30px;
}
.VideoGallery a.disabled {
    visibility: hidden !important;
}
.VideoGallery .VideoGalleryThumbArea {
    position: absolute;
    bottom: 14px;
    left: 60px;
}
.VideoGallery .VideoGalleryThumbArea ul li {
    float: left;
    list-style: none;
    padding: 13px;
}
.VideoGallery .VideoGalleryThumbArea ul li:hover {
    background: #ccc;
}
.VideoGallery .VideoGalleryThumbArea ul li.active {
    background: #ccc;
}
.VideoGallery .VideoGalleryThumbArea ul li a {
    border: 4px #e5e5e5 solid;
    display: block;
    height: 56px;
}
.VideoGallery .VideoGalleryThumbArea ul li:hover a {
    border: 4px #ccc solid;
}
.VideoGallery .VideoGalleryThumbArea ul li.active a {
    border: 4px #ccc solid;
}
.VideoGallery .VideoGalleryThumbArea.active {
    cursor: default;
}

.GalleryNavigation .DetailInfo {
    clear: both;
}
.GalleryNavigation .DetailInfo .Title {
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    color: #333;
    font-size: 22px;
    padding-right: 60px;
    text-align: right;
    padding-bottom: 20px;
}
.GalleryNavigation .DetailInfo .VideoAndInfo {
    background: #e5e5e5;
    padding: 8px 25px 8px 0;
    margin-bottom: 10px;
}
.GalleryNavigation .DetailInfo .VideoAndInfo .Video {
    width: 645px;
    float: left;
}
.GalleryNavigation .DetailInfo .VideoAndInfo .Info {
    width: 185px;
    float: right;
    font-size: 14px;
    color: #333;
}
/* verify the below rule is needed as is */
.GalleryNavigation .DetailInfo .VideoAndInfo .Info p {
    padding-top: 25px;
    line-height: 23px;
}
.GalleryNavigation .DetailInfo .VideoAndInfo .Info span {
    text-transform: uppercase;
    color: #999;
    letter-spacing: 1px;
    font-weight: bold;
}
.GalleryNavigation .DetailInfo .VideoAndInfo .Video .iframeHideProjectVid {
    width: 640px;
    height: 373px;
    display: none;
}
.GalleryNavigation .DetailInfo .VideoAndInfo .Video .iframePlayProjectVid {
    width: 640px;
    height: 373px;
}
.GalleryNavigation .DetailInfo .InfoTxt {
    padding: 25px 60px 50px 60px;
}
.GalleryNavigation .DetailInfo .InfoTxt p span {
    font-family: 'Open Sans' , Arial;
    font-weight: bolder;
}
.GalleryNavigation .SocialMediaLinks {
    float: right;
    height: 30px;
}

/* PageTitleWithDotControlTab.ascx */
.HomeGalleryTopSec {
    background: url("/images/www/HomeGalleryTopbg.jpg") repeat-x scroll left bottom #ededed;
}
.HomeGalleryTopSec .TitleArea {
    overflow: hidden;
}
.HomeGalleryTopSec .TitleArea h2 {
    font-size: 36px;
    color: rgb(153, 153, 153);
    width: 425px;
    float: left;
    font-weight: normal;
    line-height: 36px;
    padding: 20px 0 30px 60px;
}
.HomeGalleryTopSec .TitleArea .SubTitle {
    font-size: 15px;
    color: rgb(51, 51, 51);
    padding-top: 35px;
    float: right;
    text-align: right;
    padding-right: 4em;
}

.BottomScrollArea {
    background: url(/images/www/bottom-scroll-bg.jpg) repeat-x left top;
    height: 60px;
    padding: 0 60px;
    border-bottom: 5px #fcc000 solid;
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 16px;
    clear: both;
}
.BottomScrollArea .LeftSec {
    width: 435px;
    float: left;
    padding-top: 20px;
}
.BottomScrollArea .LeftSec a {
    background: url(/images/www/sprite-img.png) no-repeat -495px -221px;
    color: #fcc000;
    padding-left: 10px;
}
.BottomScrollArea .Sep {
    background: url(/images/www/bottom-scroll-sep.jpg) no-repeat left bottom;
    width: 1px;
    height: 55px;
    float: left;
}
.BottomScrollArea .RightSec {
    width: 435px;
    float: left;
    text-align: right;
    padding-top: 20px;
}
.BottomScrollArea .RightSec a {
    background: url(/images/www/sprite-img.png) no-repeat right -200px;
    color: #fcc000;
    padding-right: 10px;
}
.BottomScrollArea .Pagination {
    text-align: right;
    padding-top: 20px;
}
.BottomScrollArea .Pagination a {
    color: #fcc000;
    padding-right: 2px;
}

.PanelsKitsArea .InnerTabSec {
    background: url(/images/www/kits-inner-tab-bg.jpg) repeat-x left bottom;
    height: 80px;
    padding-left: 59px;
}
.PanelsKitsArea .InnerTabSec ul {
    list-style: none;
    background: url(/images/www/kits-inner-tab-sep.jpg) no-repeat left bottom;
    display: inline-block;
}
.PanelsKitsArea .InnerTabSec ul li {
    background: url(/images/www/kits-inner-tab-sep.jpg) no-repeat right bottom;
    float: left;
    text-align: center;
}
.PanelsKitsArea .InnerTabSec ul li a {
    display: block;
    padding: 50px 18px 0 18px;
    height: 29px;
    margin-right: 1px;
    margin-left: 1px;
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 14px;
}
.PanelsKitsArea .InnerTabSec ul li a:hover {
    background: #fff;
    margin-right: 1px;
    color: #333;
}
.PanelsKitsArea .InnerTabSec ul li a.active {
    background: #fff;
    margin-right: 1px;
    color: #333;
}
.PanelsKitsArea .InnerTabSec2 {
    background: url(/images/www/kits-inner-tab-bg.jpg) repeat-x left bottom;
    height: 80px;
    padding: 50px 0 0 59px;
}
.PanelsKitsArea .InnerTabSec2 ul {
    list-style: none;
    background: url(/images/www/kits-inner-tab-sep.jpg) no-repeat left bottom;
    display: inline-block;
}
.PanelsKitsArea .InnerTabSec2 ul li {
    background: url(/images/www/kits-inner-tab-sep.jpg) no-repeat right bottom;
    float: left;
    text-align: center;
}
.PanelsKitsArea .InnerTabSec2 ul li a {
    display: block;
    padding: 14px 18px 0 18px;
    height: 29px;
    margin-right: 1px;
    margin-left: 1px;
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 14px;
}
.PanelsKitsArea .InnerTabSec2 ul li a:hover {
    background: #fff;
    margin-right: 1px;
    color: #333;
}
.PanelsKitsArea .InnerTabSec2 ul li a.active {
    background: #fff;
    margin-right: 1px;
    color: #333;
}
/*.PanelsKitsArea h3.GetAll { font-size:22px; color:#333; line-height:26px; font-weight:normal; padding-bottom:10px; }*/
.PanelsKitsArea .InnerTabBullet {
    background: url(/images/www/kits-inner-tab-bg.jpg) repeat-x left bottom;
    height: 75px;
    padding: 45px 0 0 59px;
}
.PanelsKitsArea .InnerTabBullet .BulletBox {
    list-style: none;
    display: inline-block;
}
.PanelsKitsArea .InnerTabBullet .BulletBox ul {
    list-style: none;
    background: url(/images/www/BulletBox.jpg) no-repeat left bottom;
    width: 160px;
    height: 35px;
    padding: 15px 0 0 30px;
    overflow: hidden;
}
.PanelsKitsArea .InnerTabBullet .BulletBox ul li {
    float: left;
    background: url(/images/www/bullet.png) no-repeat left top;
    width: 15px;
    height: 15px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}
.PanelsKitsArea .InnerTabBullet .BulletBox ul li a {
    background: url(/images/www/bullet.png) no-repeat left top;
    width: 15px;
    height: 15px;
    display: block;
}
.PanelsKitsArea .InnerTabBullet .BulletBox ul li a:hover {
    background: url(/images/www/bullet-selected.png) no-repeat left top;
}
.PanelsKitsArea .InnerTabBullet .BulletBox ul li a.Selected {
    background: url(/images/www/bullet-selected.png) no-repeat left top;
}
.PanelsKitsArea .InnerTabBullet h3.DataSheets {
    font-size: 22px;
    color: #333;
    line-height: 26px;
    font-weight: normal;
}
.PanelsKitsArea .ScrollContArea {
    background: url(/images/www/inner-content-bg.jpg) repeat-y left top;
}
.DownloadPDF {
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 16px;
    padding-top: 18px;
}
.DownloadPDF a {
    background: url(/images/www/sprite-img.png) no-repeat right -98px;
    padding-right: 30px;
}

.PanelsKitsArea .SuperiorQualityImgSec {
    position: relative;
}
.PanelsKitsArea .SuperiorQualityImgSec li {
    list-style: none;
}
.PanelsKitsArea .SuperiorQualityImgSec li a {
    display: block;
    width: 40px;
    height: 40px;
    background: url(/images/www/sprite-img.png) no-repeat -72px -259px;
    position: absolute;
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.PanelsKitsArea .SuperiorQualityImgSec li a:hover {
    display: block;
    width: 60px;
    height: 60px;
    background: url(/images/www/sprite-img.png) no-repeat left -259px;
    position: absolute;
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 36px;
    color: #333;
    text-align: center;
    line-height: 60px;
}
.PanelsKitsArea .SuperiorQualityImgSec li a.active {
    display: block;
    width: 60px;
    height: 60px;
    background: url(/images/www/sprite-img.png) no-repeat left -259px;
    position: absolute;
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 36px;
    color: #333;
    text-align: center;
    line-height: 60px;
}
.PanelsKitsArea .SuperiorQualityImgSec li .One {
    left: 360px;
    top: 21px;
}
.PanelsKitsArea .SuperiorQualityImgSec li .Two {
    left: 200px;
    top: 93px;
}
.PanelsKitsArea .SuperiorQualityImgSec li .Three {
    left: 65px;
    top: 155px;
}
.PanelsKitsArea .SuperiorQualityImgSec li .Four {
    left: 308px;
    top: 285px;
}
.PanelsKitsArea .PointsInfo {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: -25px;
}
.PanelsKitsArea .PointsInfo .PointNum {
    background: url(/images/www/sprite-img.png) no-repeat left -259px;
    width: 60px;
    height: 60px;
    float: left;
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 36px;
    color: #333;
    text-align: center;
    line-height: 60px;
}
.PanelsKitsArea .PointsInfo .Info {
    width: 270px;
    float: left;
}
.PanelsKitsArea .PointsInfo .SubTitle {
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 16px;
    padding-left: 10px;
    line-height: 20px;
    padding-bottom: 5px;
}
/* below smells */
.PanelsKitsArea .PointsInfo p {
    padding-left: 10px !important;
}
.TwoColumnVideo {
    background: url(/images/www/ProductVideoBg.jpg) repeat-y left top;
    width: 1000px;
}
.TwoColumnVideo .VideoSec {
    width: 550px;
    float: left;
    padding: 35px 55px 30px 60px;
}
.TwoColumnVideo .VideoSec h3 {
    font-size: 22px;
    color: #333;
    overflow: hidden;
    font-weight: normal;
}
.TwoColumnVideo .VideoSec h3 span {
    display: block;
    float: left;
    line-height: 22px;
}
.TwoColumnVideo .VideoSec h3 span.Pipe {
    color: #CCC;
    padding: 0 8px;
}
.TwoColumnVideo .VideoThumbSec {
    width: 205px;
    float: left;
    padding: 35px 60px 30px 60px;
}
.TwoColumnVideo .VideoThumbSec h5 {
    color: #999;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: normal;
}
.TwoColumnVideo .VideoThumbSec .ThumbVideo {
    padding: 20px 0 0 0;
}
.TwoColumnVideo .VideoThumbSec .ThumbVideo img {
    padding: 20px 0 0 0;
    width: 201px;
    height: 112px;
    cursor: pointer;
}
.TwoColumnVideo .VideoThumbSec .ThumbVideo h4 {
    padding: 5px 0 10px 0;
    font-family: 'Open Sans' , Arial;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}
.TwoColumnVideo .Video {
    height: 309px;
    clear: both;
    padding-top: 20px;
}
.TwoColumnVideo .VideoLinks {
    padding: 10px 0 10px 138px;
    height: 30px;
}
.TwoColumnVideo .VideoLinks ul {
    list-style: none;
}
.TwoColumnVideo .VideoLinks ul li {
    float: left;
    padding-right: 20px;
}
/* Why is a paragraph clearing? Is below necessary vs global rule? */
.TwoColumnVideo p {
    clear: both;
    font-size: 16px;
    line-height: 30px;
}

/* Potential replacement for above /layouts/redesign/www/TwoColumnVideo.ascx */
/* prevents inline-block from being wrapped when overflowed */
.TwoColumnVideo2 {
    white-space: nowrap;
}
.TwoColumnVideo2 .Left, .TwoColumnVideo2 .Right {
    background-color: #e5e5e5;
    display: inline-block;
    vertical-align: top;
    height: 500px;
    overflow-y: auto;
}
.TwoColumnVideo2 .Left {
    width: 650px;
    text-align: right;
    white-space: normal;
}
.TwoColumnVideo2 .Left h3 {
    text-align: left;
    width: 550px;
    margin: 25px 50px 15px 50px;
}
.TwoColumnVideo2 .Left h3 img {
    height: 1.5em;
    vertical-align: middle;
    padding-left: 5px;
    border-left: 2px solid #333;
}
.TwoColumnVideo2 .Left p {
    width: 550px;
    margin: 20px 50px 0 50px;
}
.TwoColumnVideo2 .Left .SocialMediaLinks {
    margin-right: 48px;
}
.TwoColumnVideo2 .Left iframe {
    display: block;
    width: 550px;
    height: 300px;
    margin: 0 auto 10px auto;
}
.TwoColumnVideo2 .Right {
    width: 200px;
    width: 345px;
    margin-left: 2px;
}
.TwoColumnVideo2 .Right h3 {
    width: 200px;
    margin: 20px auto;
}
.TwoColumnVideo2 .Right img {
    width: 200px;
    height: 112px;
    cursor: pointer;
}
.TwoColumnVideo2 .Right p {
    padding: 5px 0 10px;
    text-align: left;
    font-weight: bold;
    color: rgb(102, 102, 102);
    white-space: normal;
}
.TwoColumnVideo2 .Right .ThumbVideo {
    display: block;
    width: 200px;
    margin: 0 auto;
}

.MadeInAmerica {
    background: url(/images/www/made-in-america.jpg) no-repeat left top;
    width: 1000px;
    height: 400px;
}
.MadeInAmerica .Info {
    width: 300px;
    padding-top: 165px;
    padding-left: 145px;
    color: #fff;
    text-align: center;
}
.MadeInAmerica h2 {
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 10px;
    font-weight: normal;
}
/* verify below is used*/
.MadeInAmerica p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 10px;
}
.TextInfoArea {
    background: url(/images/www/text-info-top-sdw.jpg) repeat-x left top;
    padding: 65px 60px 15px 60px;
    color: #333;
    overflow: hidden;
}
.TextInfoArea .Heading {
    font-size: 22px;
    line-height: 25px;
    padding-bottom: 25px;
}
.TextInfoArea ul {
    list-style-type: none;
}
.TextInfoArea li {
    display: block;
}
.TextInfoArea li.Collapse {
    display: list-item;
}
.TextInfoArea li.Expand {
    display: none;
}
.TextInfoArea .LeftInfoArea {
    width: 400px;
    float: left;
}
.TextInfoArea .RightInfoArea {
    width: 400px;
    float: left;
    padding-left: 70px;
}

/* .ProductsTopSec vs .HeaderSubNav */
.ProductsTopSec {
    background: #ededed url(/images/www/HeaderSubNavbg.jpg) repeat-x left bottom;
    height: 120px;
    margin-bottom: 35px;
}
.ProductsTopSec .TitleArea {
    overflow: hidden;
    height: 77px;
}
.ProductsTopSec .TitleArea h2 {
    font-size: 40px;
    color: #333;
    width: 425px;
    float: left;
    padding-left: 60px;
    padding-top: 35px;
    font-weight: normal;
    line-height: 35px;
}
.ProductsTopSec .TitleArea .SubTitle {
    font-size: 16px;
    color: #333;
    float: left;
    width: 500px;
    padding-top: 50px;
}

.SocialMediaLinks {
    background-image: url("/images/www/social-media-like-bg.jpg");
    white-space: nowrap;
    padding: 10px 0 10px 20px;
    background-position: left top;
    background-attachment: scroll;
}

.wb-entry-list-entries .SocialMediaLinks {
    display: inline-block;
    margin-top: 1em;
    margin-left: -5em;
}

/*
	www.js
    VideoLightBox.ascx
*/
[data-lightbox-video], [data-lightbox-image] {
    cursor: pointer;
}
.LightBox {
    display: none;
    position: fixed;
    background-color: rgba(0,0,0,.7);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
/* emulates background-color:rgba(0,0,0,0.7); */
.ie8 .LightBox {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);";
}
.LightBox > .Content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 70%;
    height: 80%;
    overflow: auto;
    background-color: white;
    margin: auto;
    border: 1px solid black;
    text-align: center;
    overflow: visible;
}
.LightBox .Content > .Video, .LightBox .Content > .Image {
    width: 90%;
    height: 80%;
    margin-top: 1em;
}
.LightBox .Close {
    position: absolute;
    top: -2%;
    right: -2%;
    cursor: pointer;
}
.LightBox .Header {
    border-bottom: 8px #ccc solid;
    text-align: left;
    height: 55px;
}
.LightBox .Header h3 {
    display: inline-block;
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    color: #333;
    font-weight: normal;
    font-size: 22px;
    margin: 1em 2em 0 2em;
}
.LightBox .SocialMediaLinks {
    display: inline-block;
    height: 20px;
}

/*
  GeneralContent.ascx
  GeneralContentWithLinkButton.ascx
*/
.WhySolarWorld ul {
    list-style: none;
    padding: 0 0 20px 15px;
    list-style-image: url("/images/www/list-bullet.jpg");
}
.WhySolarWorld ul li {
    font-size: 16px;
    color: #333;
    line-height: 24px;
}
.WhySolarWorld h3 {
    padding-bottom: 25px;
}

.SolarWorldBlog .LeftBlogArea {
    width: 655px;
    float: left;
    font-size: 16px;
}
.SolarWorldBlog .LeftBlogArea h3 {
    color: #666;
}
.SolarWorldBlog .LeftBlogBlock {
    padding-bottom: 15px;
    padding-top: 5px;
}
.SolarWorldBlog .LeftBlogBlock .ImgB {
    padding: 15px;
    background: #e5e5e5;
    width: 220px;
}
.SolarWorldBlog .LeftSec {
    width: 290px;
    float: left;
}
.SolarWorldBlog .LeftSec p {
    padding-bottom: 10px;
}
.SolarWorldBlog .RightSec {
    width: 365px;
    float: right;
}
.SolarWorldBlog .RightSec p {
    padding-bottom: 10px;
}
.SolarWorldBlog .SubscribeBlog {
    width: 195px;
    float: right;
}
.SolarWorldBlog .SubscribeBlog .BlogBlock {
    background: #e5e5e5;
    padding: 15px 15px 0 15px;
}
.SolarWorldBlog .SubscribeBlog .title {
    color: #333;
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 15px;
}
.SolarWorldBlog .SubscribeRss {
    background: url(/images/www/rss-icon.png) no-repeat left top;
    height: 27px;
    font-size: 14px;
    color: #666;
    padding-left: 32px;
    margin-bottom: 20px;
    line-height: 27px;
}
.SolarWorldBlog .Archive ul {
    padding-bottom: 25px;
}
.SolarWorldBlog .Archive ul li {
    list-style: none;
    font-size: 14px;
    line-height: 24px;
}
.SolarWorldBlog .Archive ul li a:hover {
    color: #000;
}
.SolarWorldBlog .Year {
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 14px;
    color: #666;
}
.SolarWorldBlog .BlogPostImg {
    padding-bottom: 25px;
}
.SolarWorldBlog .BlogPostImg .Img {
    padding: 15px;
    width: 510px;
    background: #e5e5e5;
    margin-bottom: 10px;
}
.SolarWorldBlog .BlogPostImg p {
    font-size: 14px;
    padding-bottom: 0;
}

/* GeneralContentWithVideo.ascx */
.AboutSolar ul {
    list-style-type: none;
    padding-bottom: 23px;
    margin: -20px;
    margin-left: 2px;
}
.AboutSolar ul li {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    padding: 0 0 0 20px;
    background: url("/images/www/list-bullet.jpg") no-repeat left 10px;
    margin-bottom: 1em;
}
.AboutSolar h3 {
    font-size: 22px;
    color: #666;
}
.AboutSolar .AboutVideo {
    float: left;
    background: #e5e5e5;
    padding: 15px;
    margin: 0 30px 30px 0;
}

/* About Solar - Location
******************************/
.LocationBlock {
    padding: 20px 0 20px 0;
}
/* In order to remove the below two rules, the template for Locations.ascx has to change to an RTE */
.LocationBlock .ImgSec {
    width: 185px;
    float: left;
    background: #e5e5e5;
    padding: 15px;
}
.LocationBlock .DescSec {
    width: 630px;
    float: right;
}

.ContactUs .ContactForm {
    padding: 35px 60px;
}
.ContactUs .ContactFormSec {
    padding-bottom: 20px;
}
.ContactUs .ContactForm .LeftArea {
    width: 445px;
    float: left;
}
.ContactUs .ContactForm .RightArea {
    width: 435px;
    float: left;
}
.ContactUs .ContactForm .FieldArea {
    padding-bottom: 18px;
    display: inline-block;
}
.ContactUs .ContactForm .FieldArea .ReqField {
    color: #ff0000;
}
.ContactUs .ContactForm .LeftArea .FieldArea label {
    font-size: 16px;
    color: #333;
    width: 130px;
    float: left;
    padding-right: 15px;
    text-align: right;
    line-height: 25px;
}
.ContactUs .ContactForm .LeftArea .FieldArea input {
    width: 270px;
    float: left;
    border: 1px #abadb3 solid;
    height: 20px;
    padding: 2px;
    font-size: 14px;
}
.ContactUs .ContactForm .RightArea .FieldArea label {
    font-size: 16px;
    color: #333;
    width: 180px;
    float: left;
    padding-right: 15px;
    text-align: right;
    line-height: 25px;
}
.ContactUs .ContactForm .RightArea .FieldArea input {
    width: 232px;
    float: left;
    border: 1px #abadb3 solid;
    height: 20px;
    padding: 2px;
    font-size: 14px;
}
.ContactUs .ContactForm .RightArea .FieldArea select {
    width: 235px;
    float: left;
    border: 1px #abadb3 solid;
    height: 24px;
    padding: 2px;
    font-size: 14px;
}
.ContactUs .ContactForm .RightArea .FieldArea textarea {
    width: 232px;
    float: left;
    border: 1px #abadb3 solid;
    height: 115px;
    padding: 2px;
    font-size: 14px;
    margin: 0 0 0 0;
}
.ContactUs .ContactForm .RightArea .FieldArea .capcha {
    width: 235px;
    float: left;
}
.ContactUs .ContactForm .CheckBoxArea {
    font-size: 16px;
    color: #333;
    text-align: right;
}
.ContactUs .ContactForm .CheckBoxArea input {
    float: left;
    margin: 0;
    width: 1em;
    margin-left: 50px;
}
.ContactUs .ContactForm .CheckBoxArea label {
    margin: 0 0 10px 70px;
    text-align: left;
}
.ContactUs .ContactForm .Submit {
    margin-top: 10px;
    clear: both;
}
.ContactUs .ContactInfo {
    padding: 40px 60px;
    background: url(/images/www/text-info-top-sdw.jpg) repeat-x left top;
}
.ContactUs .ContactInfo .MainInfoBlock {
    border-bottom: 1px #ccc solid;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.ContactUs .ContactInfo .MainInfoBlock.Last {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.ContactUs .ContactInfo .InfoBlock {
    width: 280px;
    float: left;
    padding-right: 10px;
}
.ContactUs .ContactInfo .InfoBlock .Head {
    color: #333;
    font-family: 'Open Sans' , Arial;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
}
.ContactUs .ContactInfo .InfoBlock p strong {
    font-family: 'Open Sans' , Arial;
    font-weight: normal;
}

.StatesDropDownList {
    width: 276px;
    height: 26px;
}

/* NewsReleasesRepeater.ascx */
.NewsAndResources h2 {
    font-size: 22px;
    color: #333;
    padding-bottom: 30px;
    line-height: 26px;
    font-weight: normal;
}
.NewsAndResources h2.Collapse {
    font-weight: normal;
    background: url(/images/www/collapse.png) no-repeat 60px;
    padding: 0em;
    margin-bottom: 10px;
}
.NewsAndResources h2.Expand {
    background: url(/images/www/expand.png) no-repeat 60px;
    padding: 0em;
    margin-bottom: 10px;
}
.NewsAndResources h2 a {
    color: #333;
    display: block;
    width: 85px;
}
.NewsAndResources .VideoInfoArea {
    padding: 30px 0;
    border-bottom: 1px #d5d5d5 solid;
}
.NewsAndResources .VideoInfoArea.last {
    border-bottom: none;
    padding-bottom: 0;
}
.NewsAndResources .VideoThumb {
    width: 130px;
    float: left;
    padding: 15px;
    background: #e5e5e5;
}
.NewsAndResources .VideoDetails {
    width: 685px;
    float: right;
}
.NewsAndResources .VideoDetails h4 {
    font-size: 14px;
    color: #666;
    font-weight: normal;
    padding-bottom: 13px;
}
/* Below is only slightly different than the global rule. Needed? */
.NewsAndResources .VideoDetails p {
    padding-bottom: 13px;
    font-size: 14px;
    line-height: 20px;
}
.NewsAndResources .NewsBlock {
    padding: 0 0 15px 0;
}
.NewsAndResources .NewsBlock .NSec {
    border-bottom: 1px #d5d5d5 solid;
    margin-bottom: 30px;
}
.NewsAndResources .NewsBlock .News {
    width: 460px;
    float: left;
}
.NewsAndResources .NewsBlock .Title {
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    line-height: 24px;
}
.NewsAndResources .NewsBlock .NewsVideo {
    width: 352px;
    display: inline-block;
    background: #e5e5e5;
    padding: 15px;
    margin: 1em;
}
.NewsAndResources .NewsBlock .NoNewsVideo {
    display: none;
}
.NewsAndResources .NewsBlock.last {
    border-bottom: 0;
    margin-bottom: 0;
}
/* Below is only slightly different than the global rule. Needed? */
.NewsAndResources .NewsBlock p {
    padding-bottom: 17px;
    font-size: 16px;
    line-height: 24px;
}

/* NewsReleases.ascx  */
.NewsReleases {
    padding: 60px;
}
.NewsReleases > ul {
    list-style: none;
}
.NewsReleases > ul > li {
    border-bottom: 1px solid #ccc;
    padding: 0 0 1em 0;
    margin: 0 0 1em 0;
}
.NewsReleases > ul > li:last-child {
    border-bottom: none;
}
.NewsReleases > ul > li > h2 {
    display: inline-block;
    cursor: pointer;
}
.NewsReleases > ul > li > h2:after {
    margin-left: 1em;
    vertical-align: middle;
    content: url(/images/www/expand.png);
}
.NewsReleases > ul > li > h2.Expand:after {
    margin-left: 1em;
    vertical-align: middle;
    content: url(/images/www/collapse.png);
}
.NewsReleases > ul > li > section {
    display: none;
}
.NewsReleases > ul > li > section > section {
    border-bottom: 1px dashed #ccc;
    padding: 30px 0 0 0;
}
.NewsReleases > ul > li > section > section:first-child {
    padding:0;
}
.NewsReleases > ul > li > section > section:last-child {
    border-bottom: none;
}
.NewsReleases > ul > li > section:last-child {
    border-bottom: none;
}
.NewsReleases figure img, .NewsArticle figure img {
    width: auto;
    height: auto;
}
.NewsReleases figure figcaption, .NewsArticle figure figcaption {
    width: auto;
}

.news-article-url{
    font-size:larger;
}

/* Below Rules are deprecated */
/* GeneralArticle.ascx */
.NewsReleases h3 {
    margin-top: 25px;
    margin-bottom: 25px;
}
.NewsReleases .Title {
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    width: 450px;
    float: left;
    padding-bottom: 25px;
}
.NewsReleases .SocialMediaLinks {
    float: right;
    padding: 10px 0 10px 20px;
    height: 20px;
}
.NewsReleases .SocialMediaLinks ul {
    list-style: none;
}
.NewsReleases .SocialMediaLinks ul li {
    float: left;
    padding-right: 20px;
}
.NewsReleases .Image img {
    width: 388px;
    display: inline;
    background: #e5e5e5;
    float: right;
    border: 15px solid lightgray;
    margin-left: 11px;
}
.NewsReleases .NoImage {
    display: none;
}

.GetStarted .AreaZipCode {
    background: #e5e5e5;
    padding: 15px 15px 20px 15px;
}
/*.GetStarted .AreaZipCode p{ padding-bottom:10px; } */
.GetStarted .AreaZipCode label {
    width: 120px;
    float: left;
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    line-height: 32px;
    margin-right: 15px;
}
.GetStarted .AreaZipCode input {
    width: 120px;
    float: left;
    height: 15px;
    padding: 10px 5px !important;
    border: none;
}
/*.GetStarted .AreaZipCode .YellowButton{ width:200px; float:left; margin-top:10px; margin-left:10px;  }*/
.GetStarted .FormArea .FieldSec {
    padding-bottom: 25px;
}
.GetStarted .FormArea .FieldArea {
    width: 310px;
    float: left;
    padding-right: 50px;
}
.GetStarted .FormArea .FieldSec label {
    display: block;
    font-size: 16px;
    color: #333;
    padding-bottom: 5px;
}
.GetStarted .FormArea .FieldSec .input {
    width: 295px;
    border: 1px #abadb3 solid;
    height: 20px;
    padding: 2px;
    font-size: 14px;
}
.GetStarted .FormArea .FieldSec .Select {
    width: 150px;
    border: 1px #abadb3 solid;
    height: 25px;
    padding: 2px;
    font-size: 14px;
}
.GetStarted .FormArea .FieldSec .ChkBx {
    float: left;
}
.GetStarted .FormArea .FieldSec .ChkLabel {
    float: left;
    padding-left: 10px;
    padding-bottom: 0;
    line-height: 16px;
}
.GetStarted .FormArea .FieldSec .InputSmall {
    width: 85px;
    border: 1px #abadb3 solid;
    height: 20px;
    padding: 2px;
    font-size: 14px;
    margin-right: 10px;
}

.Plan {
    padding-bottom: 20px;
}
/* .Plan p{font-size:16px; line-height:24px; padding-bottom:25px; } */
.Plan .PlanInfo {
    width: 570px;
    float: left;
    padding: 20px;
}
.Plan .PlanInfo .SubTitle {
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 16px;
    color: #333;
}
.Plan .PlanInfo ul {
    list-style: none;
    padding: 0 0 20px 0;
}
.Plan .PlanInfo ul li {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    padding: 0 0 3px 20px;
    background: url(/images/www/list-bullet.jpg) no-repeat left 10px;
}
.Plan .PlanImg {
    width: 240px;
    float: right;
    background: #e5e5e5;
    padding: 15px;
}
.Plan .PlanImg .GetYourBusiness {
    background: url(/images/www/Get-Business-Img.jpg) no-repeat left top;
    height: 118px;
    padding: 75px 0 0 15px;
}
.Plan .PlanImg .Title {
    font-family: 'Open Sans' , Arial;
    font-weight: bolder;
    font-size: 22px;
    color: #fff;
    padding-bottom: 25px;
    line-height: 24px;
}
.ChooseFreedomPlan {
    clear: both;
}
.ChooseFreedomPlan .PlanTable {
    border: 1px #e6e6e6 solid;
    margin-top: 10px;
    padding: 1px;
}
.ChooseFreedomPlan .PlanTable th {
    background: #ccc;
    text-align: left;
    border-right: 1px #bfbfbf solid;
    padding: 10px;
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    font-weight: normal;
}
.ChooseFreedomPlan .PlanTable th.last {
    border-right: none;
}
.ChooseFreedomPlan .PlanTable td {
    padding: 15px 10px;
    border-right: 1px #e5e5e5 solid;
    font-size: 16px;
    width: 25%;
    color: #333;
    line-height: 24px;
    vertical-align: middle;
}
.ChooseFreedomPlan .PlanTable td.last {
    border-right: none;
}
.ChooseFreedomPlan .PlanTable .HighLighted {
    background: #f2f2f2;
}

.PlanBotCont {
    margin-left: -3em;
    margin-right: -3em;
    background: url(/images/www/text-info-top-sdw.jpg) repeat-x scroll left top transparent;
    color: #333333;
    overflow: hidden;
    padding: 65px 13px 15px;
}
.PlanBotCont .TwoColCont {
    padding-bottom: 15px;
}
.PlanBotCont .TwoColCont .LeftCont {
    width: 400px;
    display: inline-block;
    margin-bottom: -3em;
}
.PlanBotCont .TwoColCont .RightImg {
    width: 485px;
    display: inline-block;
    margin-left: 28em;
    margin-top: -23em;
}
.PlanBotCont .TwoColCont .LeftCont2 {
    width: 460px;
    float: left;
    padding-right: 20px;
}
.PlanBotCont .TwoColCont .RightImg2 {
    background: #e5e5e5;
    padding: 15px;
    width: 370px;
    height: 270px;
    float: right;
    margin-right: 4em;
}

.Careers .ContSec {
    padding: 35px 60px 10px;
}
.Careers .CareersArea {
    clear: both;
}
.Careers .CareersArea .ContArea {
    width: 550px;
    float: left;
}
.Careers .CareersArea .ImgSec {
    width: 272px;
    height: 170px;
    float: right;
    padding: 15px;
    margin-bottom: 25px;
}
.Careers .JobSearchArea {
    background: url(/images/www/text-info-top-sdw.jpg) repeat-x scroll left top transparent;
    color: #333333;
    overflow: hidden;
    padding: 65px 135px 15px;
}
.Careers .JobOpeningForm {
    padding-bottom: 20px;
}
.Careers .JobOpeningForm .FieldArea {
    padding-bottom: 15px;
    clear: both;
}
.Careers .JobOpeningForm .label {
    width: 155px;
    text-align: right;
    float: left;
    padding-right: 10px;
    font-size: 14px;
    color: #333;
    line-height: 22px;
}
.Careers .JobOpeningForm .input {
    width: 583px;
    height: 22px;
    border: 1px #abadb3 solid;
    float: left;
}
.Careers .JobOpeningForm .SearchMultiSelect {
    width: 585px;
    border: 1px #abadb3 solid;
    float: left;
}
.Careers .JobOpeningForm .SearchMultiSelect option {
    padding: 3px 5px;
}
.Careers .JobOpeningForm .SmallSelect {
    width: 55px;
    border: 1px #abadb3 solid;
    float: left;
}
.Careers .JobOpeningForm .SmallInput {
    width: 100px;
    border: 1px #abadb3 solid;
    height: 22px;
    float: left;
}

.Careers .LoginSection {
    padding-bottom: 25px;
}
.Careers .LoginSection .Title {
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    padding-bottom: 20px;
}
.Careers .LoginSection .SocialSiteLogin {
    width: 374px;
    float: left;
    background: #f2f2f2;
    padding: 18px;
    min-height: 150px;
}
.Careers .LoginSection .SocialSiteIcons {
    padding-bottom: 10px;
}
.Careers .LoginSection .SocialSitelabel {
    width: 80px;
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 24px;
}
.Careers .LoginSection .SocialSiteImg {
    width: 290px;
    float: left;
}
.Careers .LoginSection .OR {
    width: 60px;
    float: left;
    text-align: center;
    font-family: 'Open Sans' , Arial;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    padding-top: 90px;
}
.Careers .LoginSection .Login {
    width: 374px;
    float: left;
    background: #f2f2f2;
    padding: 18px;
    min-height: 150px;
}
.Careers .LoginSection .Login .FieldArea {
    padding-bottom: 10px;
}
.Careers .LoginSection .Login .FieldArea .label {
    width: 80px;
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 22px;
}
.Careers .LoginSection .Login .FieldArea .input {
    width: 290px;
    float: left;
    height: 22px;
    border: 1px #abadb3 solid;
}
.Careers .LoginSection .Login .BtnFieldArea {
    padding: 8px 0 0 80px;
}
.Careers .LoginSection .Login .BtnFieldArea .Fogot {
    width: 180px;
    float: left;
    padding-left: 10px;
    font-size: 14px;
}
.Careers .icims p {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 10px;
    text-align: center;
}


/*----------------------------------- Secondary Landing and Interior page layout ----------*/
/* main section is at top of all landing (.page-landing) and interior (.page-content) pages */
#primary .main {
    float: left;
    font-size: 1.077em;
    width: 100%;
}
.main .callouts {
    float: right;
    margin: 0 0 0 80px;
    width: 240px;
}
.main .callout {
    margin: 0 0 16px;
}
.main a.callout {
    display: block;
}
.callout img {
    border: none;
}

/*CTA Zip Input*/
.callout input.zip-code, .small-callout input.zip-code {
    clear: both;
    margin: 0 170px 10px 0;
    width: 105px;
}

.small-callout {
    background-position: 0 0;
    width: 218px;
}
.small-callout .inner {
    background-position: -217px bottom;
    height: 128px;
    overflow: hidden;
}

.small-callout, .small-callout .inner {
    background-image: url(/_resources/img/css/bg-callout-small.png);
    background-repeat: no-repeat;
}

.small-callout img {
    float: right;
}
.small-callout h2.hdg-consultation {
    background: url(/_resources/img/ppc/css/cta-hdg-request-consultation.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 33px;
    margin: 16px 0 0 10px;
    text-indent: -9999em;
    width: 155px;
}

.small-callout input.zip-code {
    clear: none;
    margin: 10px 0 0 10px;
    width: 75px;
}
.small-callout button {
    margin: 8px 0 0 10px;
}

/*Installers / Assessment Forms*/
.validation-key {
    clear: both;
    float: left;
}
.installers {
    float: left;
    width: 567px;
}
.installers fieldset {
    border: none;
    padding: 0;
}

.installers legend, .installer-company legend {
    font-size: 1em;
    width: 100%;
}
.installers legend strong, .installer-company legend strong {
    font-size: 1.3em;
    font-weight: bold;
}
.installers legend a, .installer-company legend a {
    float: right;
    margin: -20px 0 0;
}
.installers strong span, .installer-company strong span {
    font-weight: normal;
}
.installers .right legend {
    margin-bottom: 4px;
}
.installer-steps .more-info.inline {
    background: url(/_resources/img/css/more-information-small.png) top left no-repeat;
    display: inline-block;
    float: none;
    height: 14px;
    line-height: 14px;
    margin: 0 0 0 10px;
    padding: 0 0 0 18px;
    position: relative;
    width: auto;

}
.more-info {
    background: url(/_resources/img/css/more-information.png) top left no-repeat;
    color: #005CAA;
    cursor: pointer;
    float: right;
    height: 26px;
    line-height: 22px;
    margin-top: -22px;
    padding: 0 0 0 28px;
    position: relative;
}
.more-info:hover {
    color: #000;
}
.more-info.inline span {
    top: 18px;
}
.more-info span {
    background: #fff;
    display: none;
    right: 0;
    padding: 10px;
    position: absolute;
    top: 25px;
}
span.more-info:hover span {
    border: 1px solid #d8d9db;
    -webkit-box-shadow: 1px 1px 5px 0 #666;
    -moz-box-shadow: 1px 1px 5px 0 #666;
    box-shadow: 1px 1px 5px 0 #666;
    display: block;
    width: 465px;
}
span.more-info p {
    font-weight: normal;
    padding-top: 10px;
}
span.more-info ul {
    list-style: disc;
    float: left;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 10px 15px;
}
span.more-info li {
    margin: 2px 0;
}
span.more-info h3 {
    clear: both;
    margin: 0;
}
.installers li.left, .installers li.right {
    clear: none;
}

.installers li.left {
    float: left;
}
.installers li.right {
    float: right;
}

.installers li.long, .installers li.long input {
    width: 567px;
}

.installers li.medium, .installers li.medium input, .installers select.medium {
    width: 266px;
}

.installers li.short, .installers li.short input {
    width: 103px;
}

.installers label input {
    width: auto;
}

.installers .radio, .installers .radio label input, .installers .radio label {
    font-weight: normal;
    margin-bottom: 4px;
    width: auto;
}

.installers .radio input {
    border: none;
}

.installers .phone {
    clear: none;
    float: left;
    width: 85px;
}
.manage-installer fieldset {
    border: none;
}
.manage-installer > fieldset > legend {
    margin-bottom: -5px;
    float: left;
    width: 100%;
}
* + html .manage-installer > fieldset > legend {
    margin-left: -5px;
}

.manage-installer .status {
    margin: 0;
    width: auto;
}
.manage-installer .status li {
    clear: none;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 228px;
}

.manage-installer .status legend {
    padding: 0;
    margin: 0 0 5px;
    float: left;
    width: 100%;
}

* + html .manage-installer .status legend {
    margin-left: -5px;
}
.manage-installer .status label {
    font-size: .9em;
    font-weight: bold;
}

.manage-installer .status input {
    border: none;
    float: left;
    width: auto;
}
.manage-installer .status select {
    float: left;
    width: 200px;
}


.manage-installer .options {
    clear: none;
    margin: 0;
    width: 392px;
}
.manage-installer .options li {
    clear: none;
    display: inline;
    float: left;
    margin-left: 10px;
    width: auto;
}
.manage-installer .options li.left {
    float: left;
    margin: 20px 10px 0;
}
.manage-installer .options li:first-child {
    margin-left: 0;
}
.manage-installer .options select {
    font-size: 1em;
    width: 200px;
}
.manage-installer li.right {
    float: right;
}
.installer-save-options {
    list-style: none;
}
.installer-save-options li {
    background: none;
    padding: 0;
}
.manage-installer table {
    background: none;
    border: 1px #333 solid;
    margin: 0 0 10px 0;
}
.manage-installer .pagination {
    width: 100%;
    clear: both;
    display: inline-block;
}
.manage-installer .pagination ul {
    float: left;
    margin: 0 5px 0 0;
    list-style-type: none;
}
.manage-installer .pagination ul a{
    line-height: 30px;
}
.manage-installer .pagination li {
    background: none;
    float: left;
    padding: 0 4px;
}
.manage-installer .pagination li.current {
    background: none;
    float: left;
    padding: 3px 4px;
    font-weight: bold;
}
.manage-installer .pagination a:hover {
    text-decoration: underline;
}
.manage-installer .pagination span {
    display: inline;
    float: left;
    width: 100%;
}

.manage-installer thead {
    background: #ccc;
    color: #000;
}

.manage-installer thead td {
    border: 1px #333 solid;
    text-align: center;
    font-size: 0.95em;
    font-weight: bold;
}
.manage-installer td a {
    color: #000;
    text-decoration: underline;
}
.manage-installer tbody td {
    border: 1px #333 solid;
}

/*Sepcific Styles*/
.installers li.phone input {
    width: 64px;
    float: left;
}

.installers li.phone .last-digits {
    width: 95px;
}

.installers #state {
    width: 100px;
}
.installer .right #state {
    width: 110px;
}

.installers .short input.zip-code {
    width: 150px;
}

.installers .primary-contact {
    margin: 15px 0 15px 0;
}

.installers .change-password, .installers .cancle-password {
    text-decoration: underline;
    font-weight: normal;
}
.installers .new-password {
    display: none;
}

.installers .divider {
    float: left;
}

.installers li.submit.short {
    margin: 0 0 0 15px;
}
.installers button.submit {
    margin-top: 17px;
}
.installers .captcha button.submit {
    margin-top: 95px;
}
.installers .captcha button.submit-ayah {
    margin-top: 35px;
}
.installers button.submit.short {
    margin-top: 20px;
}
.installers a.forgot-password {
    margin: 25px 0 0;
}
.installers .submit p {
    margin: 20px 0 0;
}

.installers p input {
    display: inline;
    float: none;
    margin: 0;
    width: 82px;
}

.service-zips label {
    clear: none;
    float: left;
    width: 70px;
}
.service-zips input {
    width: auto;
}
input.zip-radius {
    display: inline;
    float: none;
    width: 30px;
}

li.include-zip {
    margin: 15px 0 0;
}
textarea.include-zip {
    float: left;
    width: 685px;
    max-width: 685px;
    min-width: 685px;
    max-height: 685px;
}

.captcha img {
    margin: 20px 0 0;
}

.install-details a, .install-details a:active, .install-details a:visited, .sales-details a, .sales-details a:active, .sales-details a:visited {
    color: #005CAA;
}
.install-details strong, .sales-details strong {
    float: left;
    margin-right: 5px;
}
.install-details input, .sales-details input {
    float: left;
    margin-left: 2px;
    width: 200px;
}


/*Multi-step installer-steps location forms (12 Forms total)*/

/*Installer Step Controls*/
div.installer-controls {
    float: left;
    position: relative;
    width: 940px;
    padding: 25px;
}
div.installer-controls a {
    background-image: url("/_resources/img/css/installer-controls.png");
    background-position: left -43px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 2.8em;
    height: 43px;
    line-height: 42px;
    text-indent: 12px;
    width: 152px;
}
div.installer-controls a.active {
    background-position: -152px -43px;
    color: #333;
}

div.installer-controls a:first-child {
    background-position: -362px top;
    width: 180px;
}
div.installer-controls a:first-child.active {
    background-position: left top;
}
div.installer-controls a:first-child.prev-active {
    background-position: -181px top;
}

div.installer-controls a.last {
    background-position: -2px bottom;
    width: 150px;
}
div.installer-controls a.last.active {
    background-position: -154px bottom;
}
div.installer-controls a.prev-active {
    background-position: -304px -43px;
}

div.installer-controls a span {
    display: inline-block;
    font-size: 0.35em;
    line-height: 14px;
    padding-top: 7px;
    text-indent: 0;
    width: 95px;
}

ul.document-links {
    border: 0 none;
    position: absolute;
    right: 0;
    top: 60px;
}

ul.document-links li {
    background: none;
    clear: both;
    float: right;
    height: 16px;
    overflow: hidden;
}

div.installer-controls ul.document-links a {
    background: none repeat scroll 0 0 transparent;
    color: #005CAA;
    font-size: 1em;
    height: 16px;
    line-height: 16px;
    margin: 0;
    padding: 0;
    width: auto;
}

ul.installer-steps li {
    background: none;
    clear: both;
    padding: 0;
}

/*Leasing Comparison Table*/
table.leasingCompare tr#head td#head {
    background-color: #f8bb19;
    color: #fff;
}
table.leasingCompare td:nth-child(even) {
    background: #ffeed0;
}
table.leasingCompare td:nth-child(odd) {
    background: #FFF;
}

/*Installer Registration*/
fieldset.installer-steps {
    border: none;
}

fieldset.installer-steps ol {
    margin: 0;
}
fieldset.installer-steps li {
    margin-bottom: .5em;
}
fieldset.installer-steps label {
    font-weight: normal;
    text-transform: capitalize;
}
fieldset.installer-steps label span {
    color: red;
}
/*End Installer Registration*/


.installer-steps, .installer-steps fieldset {
    width: 940px;
}
.installer-steps.tabbed {
    width: 700px;
}
.installer-steps .install-login-form {
    padding: 15px;
    width: 300px;
}
.install-login-form ol li {
    clear: both;
}

.install-login-form ol li:first-child {
    margin-top: 0;
}
.install-login-form li.small {
    margin: 15px 0 0;
    width: 190px;
}

.install-login-form input {
    width: 175px !important;
}

.install-login-form button {
    margin: 0 0 10px;
}

.install-login-form a {
    text-align: right;
    width: 148px;
}
.install-login-form a, .install-login-form button {
    display: block;
    clear: both;
    float: right;
}

.installer-steps.inner {
    height: auto;
}

.installer-steps li {
    clear: none;
    float: left;
    list-style: none;
}
.added-requests .InvalidSWProducts {
    position: relative;
    width: auto;
    margin: 50px 0 0 529px;
}

.installer-steps li .total {
    width: auto;
    float: left;
    position: relative;
    margin: -86px 0 0 630px;
}
.seismic-zone input[type=radio], .installer-steps input[type=radio], .installer-steps li input[type=checkbox] {
    border: none;
    width: auto;
}
.installer-steps fieldset, .installer-steps legend {
    border: none;
    margin: 0;
    font-size: 97%;
    line-height: 1.4;

}
.installer-steps legend span {
    font-size: .75em;
    font-weight: normal;
}

.installer-steps .content {
    padding: 0;
    width: 660px;
}
.installer-steps .content .label {
    margin: 0 0 -10px 0;
}


.installer-steps #tab5 .label {
    margin: 0 0 5px 0;
}
* + html .installer-steps #tab5 .label {
    margin: 0 0 5px -6px;
}

.installer-steps .content fieldset {
    width: 675px;
}

.installer-steps .content button {
    margin: 5px 0 0;
    width: auto;
}

.installer-steps .tabs a {
    padding: 13px 10px 15px 12px;
}
.installer-steps .tabs li:first-child a {
    padding-left: 12px;
}

.installer-steps h1 {
    border: none;
    display: block;
    float: left;
    margin: 20px 0;
    padding-left: 15px;
}

.installer-steps .long {
    width: 620px;
}
.installer-steps .long input[type=text] {
    width: 600px;
}

.installer-steps .wire-specs .long {
    clear: both;
}
* + html .installer-steps .wire-specs legend.label {
    margin-left: -5px;
}
.installer-steps .wire-specs legend.label {
    width: 220px;
}
.wire-specs > fieldset > legend.label {
    font-size: 1.4em;
}
.wire-specs > fieldset > ol {
    float: right;
    width: 630px;
    overflow: hidden;
}
* + html .wire-specs > fieldset > ol {
    margin-top: -20px;
}
.installer-steps .half {
    width: 465px;
}
.installer-steps .half input[type=text], .installer-steps .half select {
    width: 445px;
}

.installer-steps .medium {
    width: 310px;
}
.installer-steps .wire-specs .medium {
    display: block;
    float: left;
    width: 310px;
}
.installer-steps .medium button {
    margin-left: 10px;
}
.installer-steps .medium input {
    width: 290px;
}
.installer-steps .medium .orientation {
    width: 50px;
}
.installer-steps .medium input[type=radio] {
    width: auto;
}

.installer-steps .medium select {
    width: 299px;
}
li.medium.additional input[type=text] {
    width: 250px;
}
li.medium.additional input[type=radio] {
    margin: 10px 10px 0 0;
    width: 15px;
}
label .additional-field {
    float: right;
    margin: 0 0 0 10px;
}
.added-requests li.additional {
    width: 280px;
}
.added-requests .additional-field {
    display: inline;
    float: none;
    margin: -3px 0 0;
    width: 150px;
}
.roof-materials .other .additional-field {
    width: 100px;
}
.inverter-request .other {
    clear: both;
}

.installer-steps li.medium input.additional-field {
    display: inline;
    float: none;
    margin: 5px 0 0;
    width: 180px;
}

.content input.additional-field {
    display: inline-block;
    float: none;
    margin: 0;
    width: 95px;
}

.installer-steps li.wiring input.additional-field {
    margin-top: -3px;
}

.installer-steps .additional-info {
    clear: left;
    color: #999999;
    display: block;
}

.installer-steps .short {
    width: 160px;
}
.installer-steps .short input[type=text] {
    width: 130px;
}

.installer-steps .short select {
    height: 25px;
    width: 150px;
}

.installer-steps .small {
    width: 120px;
}
.installer-steps .small input[type=text], .installer-steps .small select {
    width: 100px;
}



.installer-steps li.other {
    width: 285px;
}
.installer-steps .roof-materials li.other {
    width: 275px;
}
.installer-steps li.other label {
    float: left;
}
li.other label + input.additional-field {
    float: left;
    margin: 0 0 0 5px;
    width: 150px;
}
li.other input[type=text] {
    width: 210px;
}
.wire-requirement input.additional-field[type="text"] {
    display: inline;
    float: none;
    width: 190px;
}

ol.location-type {
}
ol.wire-requirement > li:first-child, ol.location-type > li:first-child {
    margin: 0;
}
fieldset.location-types > legend {
    font-size: 1em;
}
ol.wire-requirement li, ol.location-type li {
    clear: none;
    margin: 0 0 0 70px;
    width: auto;
}
ol.wire-requirement label, ol.wire-requirement input, ol.location-type label, ol.location-type input {
    width: auto;
}
li.install-price {
    margin-right: 200px;
}
li.tax {
    clear: left;
}

.installer-steps li.medium.state-tax input, .installer-steps li.medium.fed-tax input {
    display: inline;
    float: none;
    width: 100px;
}
li.fed-tax span, li.state-tax span {
    float: right;
}

li.fed-tax span {
    margin-right: 105px;
}
li.state-tax span {
    margin-right: 120px;
}


li.previous-usage input {
    display: inline;
    float: none;
    width: 50px;
}

table.usage-table {
    background: none;
}


table.usage-table thead {
    background: none;
}

table.usage-table th {
    padding: 5px 0;
    width: 40px;
}

table.usage-table td {
    border: none;
    width: 100px;
}

table.usage-table input {
    height: 20px;
    width: 125px;
}
table.usage-table input, table.usage-table td {
    margin: 0;
    padding: 0;
}

li.small.orientation {
    margin: 0 15px 0 0;
}
#primary input.orientation {
    width: 50px;
}

ol.roof-materials li {
    float: left;
    padding: 0 35px 0 0;
    width: 275px;
}
ol.roof-materials li input {
    display: inline;
    float: none;
    width: 100px;
}

li.rafter-space {
    clear: left;
}

#primary li.system-size input {
    width: 210px;
}

legend.label {
    font-size: 1em;
    margin-bottom: 0.25em !important;
    width: 315px;
}
* + html .installer-steps.tabbed legend.label {
    margin-bottom: 1em !important;
    margin-left: -10px;
}

ol.seismic-zone {
    margin-top: -4px;
    overflow: hidden;
}

ol.seismic-zone li {
    display: inline;
    width: 45px;
}


#primary li.tempatures {
    width: 210px;
}
li.tempatures li {
    width: 85px;
}


.added-requests li li {
    display: inline;
    width: 160px;
}
#primary .added-requests legend.label {
    font-size: 1.1em;
}
textarea.added-info {
    min-width: 540px;
    max-width: 540px;
    width: 540px;
}
.installer-steps .examples {
    margin: 0;
}

.installer-steps .upload {
    margin: 15px 0 0;
}

/*.customer-share { position:relative; }position:absolute;*/
.customer-share .total {
    color: #999;
    font-size: 1.1em;
    font-weight: bold;
    left: 640px;
    top: 55px;
    width: 200px;
}

.service-area {
    width: 550px;
}
.service-area input {
    display: inline;
    float: none;
}
.service-area input[type=text] {
    width: 50px;
}

ul.account-quickview {
    overflow: hidden;
    width: 185px;
}
ul.account-quickview li, ul.account-quickview a {
    float: left;
    margin: 0;
    padding: 0;
}

ol.username-password .medium {
    clear: both;
}

.profile-hero {
    background: url('/_resources/img/content/profile-page-banner.png') top left no-repeat;
    height: 261px;
    width: 634px;
}

.profile-hero a {
    background: url('/_resources/img/content/submit-questionnaire.png') top left no-repeat;
    float: right;
    height: 39px;
    margin: 207px 15px 0 0;
    text-indent: -9999em;
    width: 312px;
}

.product-spotlights {
    display: table;
    width: 100%;
}
.product-spotlights li {
    width: 50%;
    background: none;
    padding: 0;
    float: left;
}

.product-spotlights.single-product li {
    width: 100%;
}
.product-spotlights li > p {
    padding: 10px 10px 0 0;
}
.product-spotlights li > a {
    clear: both;
    display: block;
}
.product-spotlights h3 {
    margin-bottom: 0;
}
.product-spotlights em {
    font-weight: normal;
}
.product-spotlights img {
    float: left;
    margin: 0 15px 5px 0;
}
ul.additional-contacts {
    margin-bottom: 0;
}

/* Goverment Form */
.government-form fieldset {
    border: none;
}

.government-form .small.clear, .government-form .medium.clear, .government-form .large.clear {
    clear: left;
}

.government-form .small, .government-form .medium, .government-form .large {
    clear: none;
    display: inline-block;
    margin-right: 15px;
}

.government-form .small {
    width: 120px;
}
.government-form .small label, .government-form .small input, .government-form .small select {
    width: 115px;
}

.government-form .medium {
    width: 150px;
}
.government-form .medium lable, .government-form .medium input, .government-form .medium select {
    width: 145px;
}

.government-form .large {
    width: 250px;
}
.government-form .large lable, .government-form .large input, .government-form .large select {
    width: 245px;
}

/* New form styling for request information page */
#new_forms {
    color: #404041;
    font-size: 1.077em;
}
#new_forms p {
    margin: 0 0 1.25em;
}
#form_bottom .submit {
    text-align: center;
}
#form_bottom .submit button {
    margin: 35px 0 0;
}
.formbox {
    margin: 0 0 1.25em;
    overflow: hidden;
    padding: 12px 0;
    position: relative;
    width: 630px;
}
.formbox .corner {
    height: 12px;
    position: absolute;
    width: 12px;
}
.formbox .tl {
    left: 0;
    top: 0;
}
.formbox .tr {
    right: 0;
    top: 0;
}
.formbox .bl {
    bottom: 0;
    left: 0;
}
.formbox .br {
    bottom: 0;
    right: 0;
}

#contact_information .tl {
    background: url("/_resources/img/css/contact-corner-tl.png") no-repeat;
}
#contact_information .tr {
    background: url("/_resources/img/css/contact-corner-tr.png") no-repeat;
}
#contact_information .bl {
    background: url("/_resources/img/css/contact-corner-bl.png") no-repeat;
}
#contact_information .br {
    background: url("/_resources/img/css/contact-corner-br.png") no-repeat;
}

#project_information .tl {
    background: url("/_resources/img/css/project-corner-tl.png") no-repeat;
}
#project_information .tr {
    background: url("/_resources/img/css/project-corner-tr.png") no-repeat;
}
#project_information .bl {
    background: url("/_resources/img/css/project-corner-bl.png") no-repeat;
}
#project_information .br {
    background: url("/_resources/img/css/project-corner-br.png") no-repeat;
}

#contact_information {
    background: #fdedd0;
    margin: 0 0 1.25em;
}
#project_information {
    background: #f2f2f3;
    margin: 0 0 1.25em;
}

/*----------------------------------- Randoms/dev utility styles ---*/

.accessibility {
    height: 0;
    left: -9999em;
    line-height: 0;
    position: absolute;
    text-indent: -9999em;
}
.columns {
    overflow: hidden;
}
.column {
    float: left;
    width: 45%;
    margin-right: 4%;
}

.small {
    width: 25%;
}
.medium {
    width: 48%;
}
.large {
    width: 90%;
}
.error, .red {
    color: #ff0000;
}
.plus-icon {
    background-image: url("/_resources/img/css/plus.gif");
    background-position: left 2px;
    background-repeat: no-repeat;
    padding-left: 22px;
}

/* there's always a better way than using these. */
.hide {
    display: none;
}
.left {
    float: left;
    margin: .25em 13px .25em 0;
}
* html .left {
    margin-right: 0;
}
.right {
    float: right;
    margin: .25em 0 .25em 13px;
}
.clear {
    clear: both;
}
.clearleft {
    clear: left;
}
.clearright {
    clear: right;
}

/*----------------------------------- Ajax Calender ---*/

.AjaxCalendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: white;
    color: black;
    z-index: 99999;
    left: 545px !important;
}
.ajax__calendar_container table {
    width: 50px !important;
    background: none !important;
}
.ajax__calendar_container td {
    width: 3px !important;
    padding: 0 0 !important;
}
.ajax__calendar_container td:first-child {
    width: 3px !important;
    padding: 0 2px !important;
}
.ajax__calendar_body {
    width: 190px;
}
.ajax__calendar_other {
    width: 3px !important;
    padding: 0;
}
.AjaxCalendar .ajax__calendar_other .ajax__calendar_day, .AjaxCalendar .ajax__calendar_other .ajax__calendar_year {
    color: Black;
}

.AjaxCalendar .ajax__calendar_hover .ajax__calendar_day, .AjaxCalendar .ajax__calendar_hover .ajax__calendar_month, .AjaxCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: red;
}

.AjaxCalendar .ajax__calendar_active .ajax__calendar_day, .AjaxCalendar .ajax__calendar_active .ajax__calendar_month, .AjaxCalendar .ajax__calendar_active .ajax__calendar_year {
    color: Purple;
    font-weight: bold;
}

/*Export installer to Crm*/
.install-center {
    background: url("/_resources/img/css/bg-content.png") repeat-x scroll 0 0 #FFFFFF;
    clear: both;
    float: left;
    overflow: hidden;
    padding: 28px 0;
}
.install-center h1 {
    padding: 10px 0;
    color: #173760;
    width: 980px;
    margin: 0 auto;
}
.install-center ul {
    width: 980px;
    margin: 0 auto;
}
.install-center table {
    margin: 0 auto !important;
    width: 980px;
}
.install-center td a {
}
.install-center .links-td {
    width: 85px !important;
}
.install-center .links-td-error {
    width: 200px !important;
}

.install-center td a {
    color: #005CAA;
    text-decoration: none;
}
.install-center td a:hover {
    color: #000;
    text-decoration: underline;
}
.exp-installer-save-options {
    list-style: none;
}
.exp-installer-save-options li {
    margin: 10px 0 10px 0;
}
.exp-installer-save-options td a {
    color: #000;
    text-decoration: underline;
}
.InstallerCrmLink a {
    color: #005CAA;
    text-decoration: none;
    font-size: 14px;
}

.installer-steps li input[type="checkbox"] {
    margin: 5px 5px 0 0;
}
.added-requests select {
    width: 200px;
    padding: 0 0 0 2px;
}
/*.added-requests select option{ border-bottom: 1px solid #ccc;}*/

.service-area span {
    font-weight: normal !important;
}

/* events appears at bottom of all landing and interior pages */
#primary .events {
    background: #ffeed0 none;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow: hidden;
    padding: 16px 14px 20px;
}
#primary .events .head {
    overflow: hidden;
}
#primary .events .change-location {
    clear: right;
    float: right;
}

#primary .events h2 {
    border-bottom: 1px solid #b2b4b7;
    margin: 0 0 .842em;
    padding: 0 0 .316em;
}
#primary .events .event {
    float: left;
    padding-right: 19px;
    width: 317px;
}
.page-landing #primary .events .event {
    width: 284px;
}
#primary .events p {
    margin: 0;
}
#primary .events p.location-control {
    margin: .5em 0 0;
}
#primary .events .more {
    clear: left;
    margin: 1em 0 0;
}
* + html #primary .events .more {
    clear: none;
}

/* promoted content buckets on primary and secondary landing pages */
.promoted-content {
    background: transparent url(/_resources/img/css/bg-promoted-content.png) -3px 0 no-repeat;
    overflow: hidden;
    padding: 30px 0 0;
    margin-bottom: 20px;
}
.page-landing .promoted-content {
    background-position: -703px 0;
}
.promoted-content .inner {
    background: transparent url(/_resources/img/css/bg-promoted-content.png) -2037px bottom no-repeat;
    overflow: hidden;
    padding: 20px 20px 26px;
}
.promoted-content .first {
    background-position: -1337px bottom;
    padding-top: 0;
}
.page-landing .promoted-content .inner {
    background-position: -3371px bottom;
    padding: 20px 10px 26px 14px;
}
.page-landing .promoted-content .inner:first-child {
    background-position: -2737px bottom;
}



.promoted-content .subsection {
    float: left;
    overflow: hidden;
    width: 290px;
    padding-left: 20px;
}
.page-landing .promoted-content .subsection {
    padding-left: 0;
}
.promoted-content .subsection:first-child {
    background: url("/_resources/img/css/bg-promoted-content.png") no-repeat scroll 324px center;
    margin-right: 12px;
    padding: 0 10px 0 0;
    width: 316px;
}
.page-landing .promoted-content .subsection:first-child {
    background-position: 298px center;
    margin-right: 16px;
    padding-right: 10px;
    width: 290px;
}

/* .subsection has 4 possible layouts.  layout-one is used as default */
.promoted-content .subsection img {
    float: left;
    margin: 0 7px 1em;
}
.promoted-content .subsection h3 img {
    float: none;
    margin: 0;
}
.promoted-content .content {
    float: right;
    margin: 0 0 1em;
    width: 160px;
}
.page-landing .promoted-content .content {
    width: 130px;
}

.promoted-content .subsection .links {
    clear: both;
}
.promoted-content .subsection .links a {
    display: inline-block;
}
/*layout-two*/
.promoted-content .layout-two img {
    float: right;
}
.promoted-content .layout-two .content {
    float: left;
}

/*layout-three*/
.promoted-content .layout-three .links a {
    display: inline;
    float: left;
    width: 160px;
}
.page-landing .promoted-content .layout-three .links a.even {
    width: 130px;
}

/*layout-four*/
.promoted-content .layout-four .content {
    float: none;
    width: auto;
}
.promoted-content img {
    float: none;
    display: inline-block;
}

.promoted-content p {
    text-align: left;
}

/*----------------------------------- Widgets - Javascript enabled items (tabs, accordians, etc.) ----------*/
/* default tabs - this will appear if there is no context applied in html */
.tabs {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.tabs li {
    background: transparent none;
    margin: 0;
    padding: 0;
}
.tabs a {
    border: 1px solid #ccc;
    border-bottom: none;
    display: block;
    float: left;
    margin-right: 3px;
    padding: 3px;
}

.tabbed {
    background: #f8f8f9 url(/_resources/img/css/bg-content-widget.png) -634px 0 no-repeat;
    padding: 1px 0 0;
    width: 700px;
}
.tabbed .inner {
    background: transparent url(/_resources/img/css/bg-content-widget.png) -1968px top no-repeat;
    overflow: hidden;
    padding: 36px 14px 20px 20px;
    border-bottom: 1px solid #dcddde;
    width: 666px;
}
/* override default for .tabbed context */
.tabbed .tabs {
    background: url("/_resources/img/css/bg-content-widget.png") no-repeat scroll -3302px 0 transparent;
}
.tabbed .tabs li {
    float: left;
}

.tabbed .tabs a {
    background: transparent url(/_resources/img/css/bg-content-widget.png) -4702px -1000px no-repeat;
    border: none;
    overflow: hidden;
    padding: 13px 26px 15px 28px;
}
.tabbed .tabs a:focus, .tabbed .tabs a:active {
    outline: 0;
}
.tabbed .tabs li:first-child a {
    background: transparent none;
    padding-left: 26px;
}

.tabbed .IX_tabs {
    background: url("/_resources/img/css/bg-content-widget.png") no-repeat scroll -3302px 0 transparent;
}
.tabbed .IX_tabs li {
    /*background: #e1e1e1 url(../img/css/bg-content-widget.png) -3302px 0 no-repeat;*/
}
.tabbed .IX_tabs li.non-active {
    background: url("/_resources/img/css/bg-content-widget.png") no-repeat scroll -3310px 0;
}
.tabbed .IX_tabs li.non-active:first-child {
    background-position: -3302px 0;
}
.tabbed .IX_tabs li.non-active:last-child {
    background-position: -3310px 0;
}

.tabbed .IX_tabs li.active {
    background: url("/_resources/img/css/bg-content-widget.png") no-repeat -100px 0;
}
.tabbed .IX_tabs li.active:first-child {
    background-position: 0 0;
}
.tabbed .IX_tabs li.active:last-child {
    background-position: -645px 0;
}

.tabbed .IX_tabs li.active a {
    color: #000;
}

/* basic tooltip style */
.tooltip {
    background: #fafbfb none;
    border: 1px solid #ccc;
    display: block;
    padding: 8px;
    position: absolute;
    width: 244px;
    z-index: 5000;
}
.tooltip strong {
    display: block;
    margin: 0 0 .25em;
}
#inspiration-tooltip {
    width: 275px;
}

/* help button */
.help-button {
    background: transparent url(/_resources/img/css/bg-help-button.png) 0 0 no-repeat;
    clear: right;
    cursor: pointer;
    float: right;
    height: 18px;
    margin: -1.5em 0 0;
    position: relative;
    width: 18px;
    z-index: 100;
}
* + html .help-button {
    position: relative;
    top: -2em;
}

.help-label {
    color: #005caa;
    cursor: pointer;
    float: left;
    padding: 0 0 0 .5em;
}
.tooltip-target {
    color: #005caa;
    cursor: pointer;
}

/* accordians - 2 styles, simple (for content buckets on product landing) and full (currently only used on contact page) */

.simple-accordian li {
    background: transparent none;
    border-top: 1px solid #ccc;
    margin: 0 0 1.5em;
    padding: 1.5em 14px 0 20px;
}
.simple-accordian li:first-child {
    border-top: none;
}

.simple-accordian .sa_blind {
    overflow: hidden;
}
.simple-accordian .sa_toggle {
    color: #005caa;
    cursor: pointer;
}
.simple-accordian .sa_toggle:hover {
    color: #000;
}

/*full accordian*/
.accordian {
    background: #f8f8f9 url(/_resources/img/css/bg-content-widget.png) 0 0 no-repeat;
    margin: 0 0 1em;
    width: 634px;
}
.accordian dl {
    background: transparent url(/_resources/img/css/bg-content-widget.png) -1334px bottom no-repeat;
    margin: 0;
}
.accordian dd {
    border-bottom: 1px solid #dcddde;
    margin: 0;
    overflow: hidden;
    padding: 20px 20px 36px;
}
.accordian dd.last, .accordian dd:last-child {
    border: none;
}

.accordian dt, .accordian dt.open {
    background: #058 url(/_resources/img/css/bg-content-widget.png) -2668px -288px no-repeat;
    color: #fff;
    font-size: 1.23em;
    font-weight: bold;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
}
.accordian dt span {
    font-size: .75em;
    font-weight: normal;
}
.accordian dt:first-child, .accordian dt.open:first-child {
    background-position: -2668px -96px;
}

/* accordians with js on */
.IX_faq dt {
    background-position: -2668px -192px;
    color: #3B3B3E;
    cursor: pointer;
}
.IX_faq dt:first-child {
    background-position: -2668px 0;
}
.IX_faq .last {
    background-position: -2668px -384px;
}
.IX_faq .state {
    background: transparent url(/_resources/img/css/bg-accordian-status.png) 0 0 no-repeat;
    display: inline-block;
    height: 10px;
    margin: -1px 2px 0 0;
    width: 11px;
}
* + html .IX_faq .state {
    float: left;
    margin: 20px 8px 0 0;
}
.IX_faq .open .state {
    background-position: 0 -10px;
}


/* rotator on primary landings */
ul.rotator {
    font-size: 1.077em;
    height: 290px;
    margin: 0;
    position: relative;
}
* + html ul.rotator {
    height: 300px;
}

.rotator .rotator-item {
    background: transparent url(/_resources/img/content/landing-home-rotator-1.jpg) right bottom no-repeat;
    height: 290px;
    margin: 0;
    padding: 0;
}

.rotator .wrapper {
    padding: 25px 0 0;
    max-height: 218px;
    width: 300px;
}
.nav-rotate {
    position: absolute;
    left: 0;
    bottom: 25px;
}
.nav-rotate ul {
    margin: 0;
    width: 300px;
}
.nav-rotate li {
    background: transparent none;
    float: left;
    margin: 0;
    padding: 0;
}
.nav-rotate li a {
    background: transparent url(/_resources/img/css/bg-rotator-nav.png) 0 0 no-repeat;
    float: left;
    height: 13px;
    overflow: hidden;
    text-indent: -9999em;
    width: 10px;
}
.nav-rotate .arrow-previous a {
    margin-right: 20px;
}
.nav-rotate .arrow-next a {
    background-position: -10px 0;
    margin-left: 20px;
}

.nav-rotate .pages {
    background: transparent none;
}
.pages ol {
    float: left;
    list-style: none;
    margin: 0;
    padding-top: 3px;
}
.nav-rotate .pages li {
    background: transparent url(_resources/img/css/bg-rotator-nav.png) 0 -26px no-repeat;
    float: left;
    height: 8px;
    margin: 0 12px;
    text-indent: -9999em;
    width: 8px;
}
.nav-rotate .pages li.on {
    background-position: -8px -26px;
}

/*customer stories rotator*/
.customer-rotator {
    width: 350px;
}
.customer-rotator ul {
    margin: 0;
    padding: 0;
}
.customer-rotator li {
    float: left;
    display: inline;
    list-style: none;
    margin: 0 0 0 16px;
}
.customer-rotator li:first-child {
    margin: 0;
}
.customer-rotator a {
    outline: none;
}
.customer-rotator li img {
    border: none;
}

/* jqModal styles adapted */
.jqmWindow {
    background-color: #fff;
    border: 5px solid #173760;
    border-radius: .5em;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    display: none;
    margin-left: -190px;
    position: fixed;
    top: 23%;
    left: 50%;
    width: 344px;
    padding: 12px 18px;
}

.jqmOverlay {
    background-color: #000;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6 */
* html .jqmWindow {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* lighweightbox - lightbox like image pop out */
#lwb-overlay {
    background: #173760 none;
    display: none;
    height: 100%;
    opacity: 0.95;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.ie #lwb-overlay {
    filter: alpha(opacity=95);
}
#lwb-loader {
    background: #fff none;
    display: none;
    height: 66px;
    margin: -50px 0 0 -50px;
    padding: 34px 0 0 34px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 66px;
    z-index: 10000;
}
#lwb {
    display: none;
    position: absolute;
    left: -99999em;
    z-index: 20000;
}
#lwb-content iframe {
    background: transparent none;
    height: 800px;
    width: 700px;
}
.lwb-close {
}
.lwb-close-control {
    background: transparent url(/_resources/img/css/bg-lwb-close.png) right 0 no-repeat;
    cursor: pointer;
    display: block;
    height: 40px;
    position: absolute;
    top: -15px;
    right: -15px;
    text-indent: -9999em;
    width: 40px;
}
.lwb-close-control:hover {
    color: #253f19;
    background-position: right -40px;
}


/* language and location dropdowns */
.nav-dropdown {
    background: transparent url(/_resources/img/css/bg-nav-language.png) 0 0 no-repeat;
    float: right;
    height: 22px;
    margin: 0 12px 0 0;
    position: relative;
    width: 143px;
}
.nav-dropdown:hover {
    background-position: 0 -22px;
}
.nav-dropdown .nav {
    background: #fff none;
    border: 1px solid #ededed;
    border-width: 0 1px 1px;
    height: auto;
    padding: 6px 0 0;
    position: absolute;
    top: 17px;
    left: -9999em;
    z-index: 2000;
    width: 125px;
}
.nav-dropdown span {
    font-size: .846em;
    padding: 0 0 0 12px;
}
.nav-dropdown:hover .nav {
    left: 8px;
}

#site-utilities .nav-dropdown li {
    display: block;
}
#site-utilities .nav-dropdown a {
    color: #005caa;
}
#site-utilities .nav-dropdown a:hover {
    color: #000;
}

/*----------------------------------- Tables -------------------------*/
table {
    /*background:transparent url(/_resources/img/css/bg-table.png) 0 0 no-repeat;*/
    border: none;
    margin: 0 0 2em;
    width: 700px;
}

thead {
    background: #e1e1e1 url(/_resources/img/css/bg-table.png) -1003px 0 no-repeat;
}
tr {
    padding: 0 1px;
}
th {
    border: none;
    font-weight: bold;
    padding: 15px 14px;
    text-align: left;
    vertical-align: middle;
}

th:first-child {
    padding-left: 20px;
}

td {
    border-width: 0 0 1px 1px;
    padding: .5em 14px;
}

td:first-child {
    border-left-width: 0;
    padding-left: 20px;
}


th.table-head {
    background: url(/_resources/img/css/bg-th.gif) 0 0 no-repeat;
    border-right: 1px solid #ccc;
}


/*For comparison of data tables*/
table.compare {
    border-collapse: separate;
    background: url(/_resources/img/css/bg-table-compare.png) 0 0 no-repeat #ddd;
}
.compare thead {
    background: none;
}
.compare th {
    font-weight: bold;
    padding: 15px 14px;
    text-align: left;
    vertical-align: middle;
}
.compare th:first-child {
}

.compare td {
    border-width: 0;
    padding: .5em 14px;
    background-color: #fafafb;
}
.compare td:first-child {
}
.compare td.highlight {
    background-color: #ffffcc;
}

/* alternate widths */
table.listing {
    background-position: -700px 0;
    width: 303px;
}
.listing thead {
    background-position: -1703px 0;
}
.listing td {
    border-left-width: 0;
}

/* cell styles */

td.currency {
    text-align: right;
}
.total td {
    background: #e6f1f8 none;
}
.total td:first-child {
    border-left-width: 1px;
}
.total td:last-child {
    border-right-width: 1px;
}

/* for .NET radiolist control (in forms) */
table.checkbox {
    background: none;
    margin: 0;
    width: 100%;
}
.checkbox td {
    border: none;
    padding: 0 0 .5em;
}

/*----------------------------------- Forms -------------------------*/

table.request-info {
    background: none;
    border: none;
    padding: 0;
    width: 630px;
    font-size: 12px;
    margin: 0 0 0;
}

table.request-info label, table.request-info input, table.request-info select, table.request-info span {
    font-size: 12px;
    margin: 0 2px 0 0;
}

.submitText-label {
    font-size: 12px;
    margin: 0 2px 0 0;
    font-weight: normal;
}

table.request-info td {
    border: none;
    vertical-align: top;
    padding-left: 0;
}

table.request-info table.radiowide {
    background: none;
    float: none;
    border: none;
    padding: 0;
    margin: 0;
    width: 600px;
}

table.request-info table.radiowide td {
    border: none;
    padding: 0;
    vertical-align: top;
}

table.request-info table.radiowide td input {
    padding: 0;
    width: auto;
    height: 1.4em;
}

table.request-info table.radiowide td label {
    font-weight: normal;
    margin: 0;
}

table.request-info input[type=text], table.request-info select {
    width: 250px;
}

table.request-info table.request-info select:not([multiple]) {
    height: 23px;
}

table.request-info select {
    width: 250px;
}

table.request-info span.heading {
    font-size: 1.23em;
    font-weight: bold;
}

table.request-info fieldset {
    border: none;
}

table.request-info fieldset.choice-detail {
    padding-top: 0;
}

table.request-info .radiolist {
    margin: .4em 10px 0 0;
    overflow: hidden;
    border: none;
    height: 1.4em;
    margin: 0 7px 0 0;
    width: auto !important;
    font-weight: normal;
    display: inline;
}

.form-optional {
    font-size: 12px;
    font-weight: normal;
}

fieldset {
    border: 1px solid #ccc;
    border-width: 1px 0 0;
    clear: both;
    padding-top: 1em;
}
fieldset:first-child, .toggle fieldset {
    border-top: none;
    padding-top: 0;
}
fieldset ol {
    list-style-type: none;
    margin: 0;
}
fieldset li {
    background: transparent none;
    clear: both;
    float: left;
    margin-bottom: 1em;
    padding: 0;
    width: 100%;
}
legend {
    font-size: 1.462em;
    font-weight: bold;
    margin: 0 0 .632em;
}
label {
    font-weight: bold;
    margin: 0 0 .25em;
}
label.help-text {
    font-weight: normal;
}
input, select, textarea, label {
    display: block;
}
input, select, textarea {
    border: 1px solid #d8d9db;
    color: #666;
    font-family: 'Open Sans' , arial;
    float: left;
    margin: 0 4px 0 0;
}
input.disabled {
    background: #eee;
}
#wrapper input:focus, #wrapper textarea:focus, #wrapper select:focus {
    border-color: #0005ca;
    color: #333;
}
input {
    padding: 3px;
    width: 30em;
}
.state input, .field-short input {
    width: 3em;
}
.zip input, .field-medium input {
    width: 7em;
}
.phone input, .field-long input {
    width: 9em;
}
.city input, .field-wide input {
    width: 10.5em;
}
input.choice-other, .checkbox .choice-other {
    border: 1px solid #D8D9DB;
    clear: both;
    height: auto;
    margin-left: 20px;
    margin-top: .4em;
    width: 380px !important;
}
input.choice-other-contact, .checkbox .choice-other-contact {
    border: 1px solid #D8D9DB;
    clear: both;
    height: auto;
    margin-left: 20px;
    margin-top: .4em;
    width: 235px !important;
}

input[type=hidden] {
    border: none;
    padding: 0;
}
textarea {
    height: 8em;
    width: 100%;
}
select {
    min-width: 70px;
    padding: 1px 0;
}
option {
    padding-right: 8px;
}


/* buttons.  if forced to use an input[type=submit] use input.submit */
button, a.button {
    /*background: transparent url(/_resources/img/css/btn.png) 0 0 repeat-x;*/
    background:#f3b805 url(/images/www/btn-arrow.jpg) no-repeat 95% center;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans' , arial;
    font-size: 1.077em;
    padding: 3px 1em 4px;
    width: 200px;
}

button.disabled, button.disabled:hover, a.button.disabled, a.button.disabled:hover {
    background: transparent url(/_resources/img/css/btn-disabled.png) 0 0 repeat-x;
}
* + html button {
    padding: 1px .5em 2px;
}

button.left {
    clear: none;
    margin: 1em .5em 0 0;
}
button.right {
    clear: none;
    margin: 1em 0 0 .5em;
}
.submit button {
    font-size: 1.429em;
}
.submit button:hover {
    background-position: 0 -54px;
}

/* special button, a little taller with rounded corners */

button.engage {
    background: transparent url(/_resources/img/css/btn-tall.png) 0 0 repeat-x;
    border-radius: 6px;
    font-size: 1.385em;
    padding: 6px 1em;
    text-shadow: -1px -1px 0 #000;
    -webkit-box-shadow: 0 -1px 0 0 #666;
    -moz-box-shadow: 0 -1px 0 0 #666;
    -o-box-shadow: 0 -1px 0 0 #666;
    box-shadow: 0 -1px 0 0 #666;
}
* + html button.engage {
    padding: 6px 0;
}
button.engage:hover {
    background-position: 0 -74px;
}

input.submit {
    background: transparent url(/_resources/img/css/btn.png) 0 0 repeat-x;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-family: 'Open Sans' , arial;
    font-size: 1.077em;
    padding: 3px 1em 4px;
    width: auto;
}
input.submit:hover {
    background-position: 0 -27px;
}

/* form control styles */
.checkbox {
    margin: .4em 10px 0 0;
    overflow: hidden;
}
.checkbox input {
    border: none;
    height: 1.4em;
    margin: 0 7px 0 0;
    width: auto !important;
}

.radiolist {
    margin: .4em 10px 0 0;
    overflow: hidden;
}

.radiolist-sysInfo input {
    border: none;
    margin: 0 7px 0 0;
    width: auto !important;
}

.radiolist input {
    border: none;
    height: 1.4em;
    margin: 0 7px 0 0;
    width: auto !important;
}

.radiolist label {
    font-weight: normal;
    display: inline;
}

input.short {
    width: 70px;
}

li.short input {
    width: 3em;
}
li.medium-short input {
    width: 7em;
}
li.medium-long input {
    width: 9em;
}
li.long input {
    width: 30em;
}

li.inline input, li.inline label {
    float: left;
    margin: 0 .214em;
}

/* form in main content area (no background) - use body class content-form */

.content-form input, .content-form select, .content-form textarea {
    border-color: #bcbdbf;
}
.content-form .wrapper {
    width: 436px;
}

/* two-column form, defaults at 640px wide */
fieldset.columns {
    margin-bottom: 2em;
    overflow: hidden;
}

fieldset.columns .column {
    clear: none;
    margin-right: 20px;
    width: 300px;
}

fieldset.columns .column input {
    width: 292px;
}
fieldset.columns .checkbox input {
    float: left;
}
fieldset.columns .state input {
    width: 3em;
}

fieldset.columns .help-button {
    background-image: url(/_resources/img/css/bg-help-button-important.png);
    float: left;
    height: 22px;
    margin: 0 0 0 8px;
    width: 22px;
}
* + html fieldset.columns .help-button {
    clear: none;
    margin: 2em 0 0 8px;
}
* + html fieldset.columns li.state {
    height: 3.5em;
}

/* filedset for a file input. */
fieldset.file-selection {
    border-width: 0 0 1px;
}
/* these elements are generated by the javascripts */
.IX_fileUpload {
    position: relative;
}

.IX_fileUpload .fake-field {
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.IX_fileUpload:hover {
    cursor: pointer;
}
.IX_fileUpload .fake-field input {
    width: 300px;
}
.IX_fileUpload .real-field {
    height: 26px;
    filter: alpha(opacity: 0);
    opacity: 0;
    position: relative;
    text-align: right;
    width: 400px;
    z-index: 2;
}

/* form text styles */
.required {
    color: #dd1f2a;
}
fieldset .units {
    color: #404041;
    float: left;
    line-height: 1.92;
    padding: 0 3px 0 0;
}
p.note {
    margin-top: -1em;
}
/* use immediately after a heading */
span.note {
    /* use inside the form after a form control */
    clear: left;
    color: #7E8081;
    display: block;
}
fieldset .error {
    clear: both;
    display: block;
}

/* calculator form styles */
#calculator .checkbox {
    float: left;
    margin: 3px 0 0 12px;
}
#calculator .checkbox.single {
    margin-left: 0;
    width: 100%;
}

#calculator input.full {
    width: 180px;
}

.page-landing #calculator label {
    float: left;
    line-height: 1.92;
    text-align: right;
    margin-right: 20px;
    width: 90px;
}
.page-landing #calculator .checkbox {
}

.page-landing #calculator .units {
    margin-left: -9px;
}
.page-landing #calculator .checkbox {
    line-height: normal;
    margin-right: 0;
    text-align: left;
    width: auto;
}
.page-landing #calculator input {
    width: 150px;
}
#calculator .bill-period {
    padding-left: 100px;
}
* + html #calculator .bill-period {
    padding-bottom: 1em;
}
.page-landing #calculator button {
    float: right;
}

/* contact form */
#contact-form fieldset {
    border: none;
}
#contact-form input[type=text] {
    width: 260px;
}

/*change location */
#change-location input {
    margin-right: .75em;
    width: 120px;
}
#change-location button.left {
    margin-top: 0;
}

/* multi-choice form widget */
fieldset.multi-choice {
    border: none;
    width: 275px;
}

.multi-choice .choice-detail {
    width: 275px;
    border: none;
    padding-bottom: 1em;
}

/* multi-choice form widget on contact us page */
fieldset.multi-choice-contact {
    border: none;
    width: 275px;
}

.multi-choice-contact .choice-detail {
    width: 275px;
    border: none;
    padding-bottom: 1em;
}

/* short contact form, in lightbox */
#contact-short input {
    margin: 0;
    width: 260px;
}

/*assessment form*/
img.home-assessment {
    float: right;
}
#assessment-items {
    margin-bottom: 0;
}
#assessment-items li {
    margin: 20px 0;
}

#assessment-form li {
    background: none;
    display: inline;
    margin: 15px 5px 0 0;
    padding: 0;
    width: auto;
}
#assessment-form .clear {
    width: 100%;
}
#assessment-form .short, #assessment-form .medium-long, #assessment-form .long {
    clear: none;
}

#assessment-form .medium-long input {
    width: 17em;
}
#assessment-form .long input {
    width: 25em;
}
#assessment-form .short input {
    width: 9em;
}

#assessment-form strong {
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
}

.GetStarted {
}
.GetStarted .Controls {
    width: 880px;
    padding-top: 30px;
    margin-left: 60px;
}
.GetStarted .DivAlignment {
    width: 880px;
    height: 107px;
    margin-left: 60px;
    margin-top: 20px;
}
.GetStarted .ButtonAlignment {
    margin-bottom: 5px;
}
.GetStarted .WhiteText {
    color: White;
}
.GetStarted p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 25px;
    color: #333;
}
.GetStarted .AreaZipCode {
    background: #e5e5e5;
    padding: 15px 15px 20px 15px;
}
.GetStarted .AreaZipCode p {
    padding-bottom: 10px;
}
.GetStarted .AreaZipCode .YellowButton {
    float: left;
    margin-top: 1px;
    margin-left: 10px;
}
.GetStarted .FormArea {
}
.GetStarted .FormArea .FieldSec {
    padding-bottom: 25px;
}
.GetStarted .FormArea .FieldArea {
    width: 310px;
    float: left;
    padding-right: 50px;
}
.GetStarted .FormArea .FieldSec label {
    display: block;
    font-size: 16px;
    color: #333;
    padding-bottom: 5px;
}
.GetStarted .FormArea .FieldSec .input {
    width: 295px;
    border: 1px #abadb3 solid;
    height: 20px;
    padding: 2px;
    font-size: 14px;
}
.GetStarted .FormArea .FieldSec .Select {
    width: 150px;
    border: 1px #abadb3 solid;
    height: 25px;
    padding: 2px;
    font-size: 14px;
}
.GetStarted .FormArea .FieldSec .ChkBx {
    float: left;
}
.GetStarted .FormArea .FieldSec .ChkLabel {
    float: left;
    padding-left: 10px;
    padding-bottom: 0;
    line-height: 16px;
}
.GetStarted .FormArea .FieldSec .InputSmall {
    width: 85px;
    border: 1px #abadb3 solid;
    height: 20px;
    padding: 2px;
    font-size: 14px;
    margin-right: 10px;
}
.GetStarted .FormArea .FieldAreaRow {
}
.GetStarted .Checkbox input[type="checkbox"] {
    margin-right: 5px;
    width: 1em;
}
.GetStarted .AtHomeAssessmentSubmit {
    width: 150px;
    float: left;
}
.GetStarted .InputWidth {
    width: 295px;
    border: 1px #abadb3 solid;
    height: 20px;
    padding: 2px;
    font-size: 14px;
}
.GetStarted .SelectStyling {
    width: 150px;
    border: 1px #abadb3 solid;
    height: 25px;
    padding: 2px;
    font-size: 14px;
}

.installer-steps .install-login-form h2 {
    padding-bottom: 15px;
    padding-top: 10px;
    color: #333;
}
.installer-steps .install-login-form .error {
    font-size: 13px !important;
}
.TabSlider .Content h2 {
    font-family: 'Open Sans' , Arial;
    color: #333;
    font-weight: normal;
    font-size: 22px;
}
.HomeContSec .ContentSection .DescSec ul {
    list-style: none;
    font-family: 'Open Sans' , Arial;
    font-size: 16px;
}
.HomeContSec .ContentSection .DescSec ul li {
    font-weight: normal;
    background: url(/images/www/list-bullet.jpg) no-repeat scroll left 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    line-height: 24px;
    color: #333;
    text-align: justify;
}
.HomeContSec .ContentSection .DescSec .YellowButton {
    display: inline-block;
    margin: 0;
}
.HomeContSec .ContentSection p {
    padding-bottom: 10px;
}
.MainContent .section {
}
.MainContent .section h2 {
    font-family: 'Open Sans' , Arial;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 10px;
    font-weight: normal;
    color: #333;
}
.MainContent .section h3 {
    font-family: 'Open Sans' , Arial;
    color: #333;
    font-weight: normal;
    font-size: 22px;
    padding-bottom: 15px;
}
.MainContent .section ul {
    padding-bottom: 10px;
}
.MainContent .section ul li {
    padding-bottom: 10px;
    color: #333;
}
.MainContent .section ol {
    padding-bottom: 10px;
}
.MainContent .section ol li {
    padding-bottom: 10px;
    color: #333;
}

.small.ForgotPasswordssection a {
    float: left;
    text-align: left;
}
.callouts .callout.small-callout .installer-steps.inner {
    width: 260px;
}
.MainContent .TabSlider .browse {
    margin-top: 152px;
}
.GetStarted .AreaZipCode label {
    width: 130px \9 !important;
}

/*Project Gallery*/
.GalleryNavigation .GalleryMid .ImageGalleryThumbArea ul li {
    padding: 12px 12px 12px 13px;
}
.GalleryNavigation .GalleryMid .ImageGalleryThumbArea {
    left: 0 !important;
}
.Content h3 {
    font-size: 22px;
    line-height: 25px;
    font-weight: bold;
    color: #333;
    font-family: 'Open Sans' ,sans-serif;
}
.error-textmessage .error {
    margin-left: 195px;
}

.login-callout {
    background-position: -1038px 0;
    background-image: url(/_resources/img/css/bg-callouts.png);
    background-repeat: no-repeat;
    float: right;
    width: 310px;
    margin-top: 20px;
    margin-right: 5px;
    margin-left: 30px;
}
.login-callout .inner {
    background-position: -1350px bottom;
    padding: 10px 0 0 15px;
    overflow: hidden;
    background-image: url(/_resources/img/css/bg-callouts.png);
    background-repeat: no-repeat;
    width: 300px;
}
.login-callout .inner h3 {
    font-size: 15px;
    font-weight: normal;
    line-height: 15px;
    padding-top: 10px;
    padding-left: 0px;
}
.login-callout .inner li {
    list-style-type: none;
    font-size: 13px;
}
div.installer-controls a:first-child.active.last {
  background-position: -304px bottom;
  width: 180px; }

.installer-steps .long label, .installer-steps .medium label, .installer-steps .medium-small label, .installer-steps .small label, .installer-steps .half label {
  line-height: 1.4;
    font-size: 100%;
}
.installer-steps .medium label {
    line-height: 21px;
    font-size: 90%;
}
.installer-steps .medium-small {
  width: 155px; }
  .installer-steps .medium-small input[type=text], .installer-steps .medium-small select {
    width: 135px; }
.installer-steps .full {
  width: 920px; }
.installer-steps .disable {
  color: #999; }
.installer-steps .formbox {
  width: auto; }
.installer-steps #next-steps {
  background: #f2f2f3;
  margin: 0 0 1.25em; }
  .installer-steps #next-steps .tl {
    background: url("/_resources/img/css/project-corner-tl.png") no-repeat; }
  .installer-steps #next-steps .tr {
    background: url("/_resources/img/css/project-corner-tr.png") no-repeat; }
  .installer-steps #next-steps .bl {
    background: url("/_resources/img/css/project-corner-bl.png") no-repeat; }
  .installer-steps #next-steps .br {
    background: url("/_resources/img/css/project-corner-br.png") no-repeat; }

.installer-steps.installer-order-summary h1 {
  display: block;
  width: 100%; }
.installer-steps.installer-order-summary h3 {
  display: block;
  font-size: 1.75em;
  width: 100%; }
.installer-steps.installer-order-summary .summary-block {
  display: block;
  clear: both; }
  .installer-steps.installer-order-summary .summary-block h4 {
    padding-top: 24px;
    display: block;
    clear: both;
    size: 1.5em;
    font-weight: bold;
    padding-bottom: 10px; }
  .installer-steps.installer-order-summary .summary-block ul {
    display: block;
    clear: both;
    list-style-type: none;
    margin: 0px;
    padding: 0px; }
    .installer-steps.installer-order-summary .summary-block ul li {
      list-style-type: none;
      background: none;
      clear: left;
      margin: 0px;
      padding: 0px;
      display: block;
      float: none;
      width: auto;
      padding-left: 30%;
      position: relative; }
      .installer-steps.installer-order-summary .summary-block ul li label {
        display: inline-block;
        width: 29%;
        position: absolute;
        top: 0px;
        left: 0px;
        text-align: right; }
      .installer-steps.installer-order-summary .summary-block ul li input {
        clear: left;
        border: none;
        width: 65%;
        float: none; }


      .installer-steps,
.installer-steps fieldset {	width:940px; }

	.installer-steps .install-login-form {
		padding:15px;
		width:300px;
	}
		.install-login-form ol li {	clear:both;	}
		
		.install-login-form ol li:first-child {	margin-top:0; }
		.install-login-form li.small{
				margin:15px 0 0;
				width:190px;
		}
		
		.install-login-form input {	width:175px !important;	}		
			
			.install-login-form button { margin:0 0 10px; }
			
			.install-login-form a{
			  text-align:right;
			  width:145px;			
			}
			.install-login-form a,
			.install-login-form button{
				display:block;
				clear:both;
				float:right;
			}
		
.installer-steps.inner {height:auto;}


.installer-steps fieldset ol li button {
    display: inline-block;
    font-size: 1.077em;
    padding: 3px 1em 4px;
}

.MainContent h1, .MainContent h3, .MainContent p, .MainContent label { padding: 5px 0 0 10px;}

.profile-installer-steps { padding: 5px 0 5px 170px; }

.manage-installer { padding: 15px 0 0 35px;}

ul.events-list {
    margin:1em 0 2em;
    padding:0;
}
.events-list li {
    background:transparent none;
    margin:0 0 1em;
    padding:0;
    list-style-type: none;
    padding-left: 10px;
}
.events-list li p {
    font-size:1.077em;
    margin:0;
}
.events-list.event-date {
    display: block;
    line-height: 40px;
    text-align: justify;
    color: #666666;
    font-size: 15px;
}
.events-list.event-city {
    display: block;
}
.events-list.event-state {
    display: block;
}
.events-list.event-location {
    display: block;
}

/* filedset for a file input. */
fieldset.file-selection {
	border-width:0 0 1px; 
}
	/* these elements are generated by the javascripts */
	.IX_fileUpload { position: relative; }
	
	.IX_fileUpload .fake-field {
	    background-color:#fff;
		overflow:hidden;
		position:absolute; top:0; left:0;
		z-index:1;
	}

    .IX_fileUpload .fake-field a {
        padding: 3px 25px 3px 8px;
        width: 55px;
    }
    .IX_fileUpload .fake-field a:hover {
        color: #fff;
    }
	.IX_fileUpload:hover { cursor:pointer; }
	.IX_fileUpload .fake-field input {
		width:300px;
	}
	.IX_fileUpload .real-field {
		height:26px;
		filter:alpha(opacity: 0);
		opacity:0;
		position:relative;
		text-align:right;
		width:400px;
		z-index:2;
	}