html {
	overflow: -moz-scrollbars-vertical;
	background:rgb(198,193,182);
	height:100%;
}
.ednotes { color:Red; }
.mobile { display:none; }
body  
{
    margin:0px; 
    font-family: Verdana, Serif;
    height:100%;
}

ul { margin-left:1em; }

h1 { font-weight:normal;  font-size:174%; }
.primary2 h1 { font-size:138.5%; }
h2 { font-size: 93%; color:#4E4E4E; }

.siteTitle { margin:0; padding-top:50px; }
.siteTitle a 
{
    text-indent:-9999px;
    display:block;
    width:225px;
    height:60px;
    background:url('../images/logo.gif') no-repeat 50% bottom;
    padding:0;
    margin:0px 0 24px 24px;
    
}
.wrapper 
{
    width:1024px;
    margin:0 auto;
    position:relative;
    background:#fff;
    min-height:100%;
    padding-bottom:50px;
}

#utility_links 
{
    position:absolute;
    top:24px;
    left:434px;
    color:rgb(130,130,130);
    cursor:default;
}

.home #utility_links { left:451px; }

#utility_links a  
{
    font-size:80%;
    color:rgb(130,130,130);
    text-decoration:none;
}

#utility_links a:hover  
{
    text-decoration:underline;
}

.breadcrumbs 
{
    position:absolute;
    top:110px;
    left:272px;
    width:417px;
    text-align:right;
    font-size:85%;
    color:rgb(130,130,130);
}

.breadcrumbs a 
{
    font-size:85%;
    color:rgb(130,130,130);
    text-decoration:none;
}

.blue { color:rgb(0,143,197) !important; }
.strong { font-weight:bold; }

p, fieldset, table, pre {
    margin-bottom:0.5em;
}

#contentWrapper a 
{
    color:rgb(0,143,197);
}

.copyright 
{
    clear:both;
    font-size:77%;
    color:rgb(130,130,130);
    padding:15px 0 0 68px;
}

/* Content Styling */
#pageIntro p,
.three_left p, .three_left li, .three_left dd,
.three_mid p, .three_mid li, .three_mid dd, .three_mid td, .three_mid span,
.three_right p, .three_right li, .three_right dd
{
    font-size:77%;
    line-height:189%;
    color:rgb(78,78,78);
}


/* ************** */
/* Top navigation */
.level1 
{
    background:rgb(0,143,197);
    margin:0;
    padding:4px 0;
    
}

.level1 li:first-child 
{
    border:0;
    padding-left:68px;
}

.level1 li 
{
    display:inline;
    list-style-type:none;
    padding:0 11px;
    border-left:1px solid #fff;
    cursor:default;
}

.home .level1 li:first-child { padding-left:68px; }
.home .level1 li { padding: 0 13px; }

.level1 a 
{
    color:#fff;
    text-decoration:none;
    font-size:80%;
    letter-spacing:.1em;
}

.level1 a:hover, .level1 .selected a 
{
    color:rgb(191,215,48);
    text-decoration:underline;
}

/* ************** */
/*    Prim Nav    */

.level2 
{
    width:200px;
    height:200px;
    float:left;
    margin-top:10px;
    margin-left:68px;
}

.level2 li 
{
    list-style-type:none;
    
}

.level2 a 
{
    color:rgb(70,70,70);
    text-decoration:none;
    font-size: 80%;
}

.level2 a:hover, .level2 .selected a 
{
    text-decoration:underline;
}

/* ************** */
/*    Home page   */
.home #topBanner 
{
    width:1024px;
    height:210px;
    background:url(../images/hp_banner.jpg) no-repeat -6px 0;
}
.home .pageTitle { display:none; }

.hpBannerLink  
{
    display:block;
    height:205px;
    left:712px;
    position:absolute;
    top:136px;
    width:267px;
}

.home .three_left blockquote 
{
    color:rgb(245,130,32) !important;
    font-size:116% !important;
    line-height:182% !important;
    margin:0;
    margin-top:2em;
}
.home .three_left cite 
{
    display:block;
    clear:both;
}

.home .three_mid .blue 
{
    font-size:100% !important;
}

.home .three_right p
{
    width:200px;
}

.home .three_left p
{
    color: rgb(238,130,40);
    width:250px;
    font-size: 11pt;
    line-height: 20pt;
}

/* *************** */
/*  Primary pages  */
.primary #topBarWrapper
{
    float:left;
    width:1024px;
    background:url(../images/primarybg.gif) repeat-x 0 135px;
}

.primary #contentWrapper { clear:both; }

.primary .pageTitle { display:none; } /* Re-enabled when moved via Javascript */
.primary .three_mid .pageTitle  
{
    display:block;
    text-transform: lowercase;
    color:rgb(0,143,197);
    margin:0;
    margin-bottom:9px;
    
}
/* Corner case for about page */
.about .three_mid .pageTitle  {
  text-transform:none;
}

.primary #contentWrapper blockquote 
{
    position:absolute;
    top:189px;
    width:240px;
    left:730px;
    color:rgb(70,70,70) !important;
    font-size:93% !important;
    line-height:160% !important;
}

.primary #contentWrapper blockquote cite { display:block; }

.primary .three_left 
{
    float:left;
    width:257px;
    padding-right:5px;
    padding-left:68px;
}

/* ************** */
/*  3 Col Layout  */
.three_left, .three_mid, .three_right 
{
    float:left;
    padding-top:24px;
}
/* No top padding for primary pages */
.primary .three_left, .primary .three_mid, .primary .three_right 
{
    padding-top:1px;
}
.three_left 
{
    float:left;
    width:257px;
    padding-right:30px;
    padding-left:68px;
}
.three_mid
{
    float:left;
    width:332px;
    padding-right:26px;
}
.three_right 
{
    float:left;
    width:266px;
    padding-right:24px;
}

.primary .three_right 
{
    width:200px;
    margin-left:40px;
    margin-top:70px;
    padding-top:0 !important;
    border-left:1px dotted #d15425;
}

/* ************** */
/*  Page Images  */
.primary #pageImage  
{
    width:357px; 
    height:215px; 
    float:left;
    margin-left:50px;
}

.primary #circlePageImage
{
    width:110px;
    height:110px;
    position:absolute;
    top:335px;
    left:68px;
}

/* ************** */
/*  Solar Preheat images  */

.solarpreheat #circlePageImage { background:url(../images/circles.png) no-repeat -440px -110px;}


/* ************** */
/*  Solar Pool Imgs  */

.solar_pool #pageImage { background:url(../images/hp_banner.jpg) no-repeat; }
.solar_pool #circlePageImage { background:url(../images/circles.png) -110px -110px no-repeat; }

.sph_how #circlePageImage { background:url(../images/circles.png) no-repeat; }

.installation #circlePageImage { background:url(../images/circles.png) no-repeat; }
 

.above #circlePageImage, .sph_how #circlePageImage, .installation #circlePageImage, 
.sph_faq #circlePageImage, .sph_savings #circlePageImage
{ 
    background:url(../images/circles.png) no-repeat -110px 0; 
}

/* ************** */
/*  Solar Hot Water Imgs  */

.solar #pageImage { background:url(../images/hp_banner.jpg) no-repeat -357px 0; }
.solar #circlePageImage { background:url(../images/circles.png) no-repeat -330px -110px; }

/*    500 Series default pages */
.solar500 #circlePageImage { background:url(../images/circles.png) no-repeat -330px -110px; }
.solar500 #pageImage { background:url(../images/ladyrelax.jpg) no-repeat; }

.how #circlePageImage, .product #circlePageImage, 
.faq #circlePageImage, .tax #circlePageImage
{ 
    background:url(../images/circles.png) no-repeat 0 0; 
}

/* ************** */
/* support Imgs  */

.support #pageImage { background:url(../images/pri_banner_imgs.jpg) no-repeat 0 0; }
.support #circlePageImage { background:url(../images/circles.png) no-repeat 0 -110px; }

.support_product #circlePageImage, .product_registration #circlePageImage,
.support_faq #circlePageImage
{ 
    background:url(../images/circles.png) no-repeat -220px 0; 
}

.warranty #pageImage { background:url(../images/pri_banner_imgs.jpg) no-repeat 0 0; }
.warranty #circlePageImage { background:url(../images/circles.png) no-repeat -110px -110px; }

/* ************** */
/* resources Imgs  */

.resources #pageImage { background:url(../images/pri_banner_imgs.jpg) no-repeat -357px 0; }
.resources #circlePageImage { background:url(../images/circles.png) no-repeat -330px -110px; }

.become #circlePageImage, .thankyou #circlePageImage
{ 
    background:url(../images/circles.png) no-repeat -330px 0; 
}

/* ************** */
/* about Imgs  */
.about #pageImage { background:url(../images/pri_banner_imgs.jpg) no-repeat -1072px 0; }
.about #circlePageImage { background:url(../images/circles.png) no-repeat -220px -110px; }

.employment #circlePageImage, .management #circlePageImage
{ 
    background:url(../images/circles.png) no-repeat -550px 0; 
}

/* ************** */
/* news Imgs  */
.news #pageImage { background:url(../images/pri_banner_imgs.jpg) no-repeat -714px 0; }
.news #circlePageImage { background:url(../images/circles.png) no-repeat -440px -110px;}


/* ****************** */
/*  Secondary Design  */
.how #pageIntro, .installation #pageIntro, .product #pageIntro, .sph_how #pageIntro
{
  position:absolute;
  top:197px;
  left:330px;
  background:url(../images/dotted_lines.png) repeat-x;
  width:410px;
  height:119px;
  padding:20px 20px 0 0;
}

/* Dotted line for smaller header */
.tax #pageIntro, .faq #pageIntro, 
.support_product #pageIntro, .product_registration #pageIntro, .support_faq #pageIntro,
.become #pageIntro, .savings #pageIntro, .sph_savings #pageIntro, .sph_faq #pageIntro, .above #pageIntro, .employment #pageIntro,
.management #pageIntro, .thankyou #pageIntro
{
    background:transparent url(../images/dotted_lines.png) repeat-x !important;
    height:50px;
    left:348px;
    position:absolute;
    top:197px;
    width:413px;
}

#introBar 
{
    width:5px;
    height:200px;
    background:transparent url(../images/dotted_lines.png) repeat-y;
    left:759px;
    position:absolute;
    top:197px;
}

.how  #topBarWrapper, .installation #topBarWrapper, .product #topBarWrapper, .sph_how #topBarWrapper, .faq #topBarWrapper, .tax #topBarWrapper
{
    background:url(../images/primarybg2.gif) repeat-x 0 135px;
}

/* Shorter blue-bar pages */
.support_product #topBarWrapper,
.product_registration #topBarWrapper, .savings #topBarWrapper, .sph_savings #topBarWrapper,
.sph_faq #topBarWrapper, .above #topBarWrapper, .become #topBarWrapper,
.employment #topBarWrapper, .management #topBarWrapper, .support_faq #topBarWrapper,
.thankyou #topBarWrapper
{
    background:url(../images/primarybg2.gif) repeat-x 0 135px;
    height:284px;
    /*border-bottom:1px solid #d15425;*/
    margin-bottom:25px;
}

.tax #circlePageImage, .faq #circlePageImage, .support_product #circlePageImage,
.product_registration #circlePageImage, .savings #circlePageImage, .sph_savings #circlePageImage,
.sph_faq #circlePageImage, .above #circlePageImage, .become #circlePageImage,
.employment #circlePageImage, .management #circlePageImage, .support_faq #circlePageImage,
.thankyou #circlePageImage
{
    
    z-index:50 !important;
}


/* Third level page titles */
.how  .pageTitle, .installation .pageTitle, .product .pageTitle, .sph_how .pageTitle,
.tax .pageTitle, .faq .pageTitle, .savings .pageTitle, .sph_savings .pageTitle, .sph_faq .pageTitle, .above .pageTitle,
.support_product .pageTitle, .product_registration .pageTitle, .support_faq .pageTitle,
.become .pageTitle, .employment .pageTitle, .management .pageTitle,
.thankyou .pageTitle
{
    display:block;
    position:absolute;
    top:165px;
    left:330px;
    z-index:3;
    text-transform:lowercase;
    padding-right:10px;
    background:rgb(238,248,250);
    color:rgb(0,143,197);
    font-weight:normal;
}

.sph_how .three_mid img
{
    margin-top:-17px;
}

.how .three_right, .installation .three_right, .above .three_right, .product .three_right, .sph_how .three_right
{
    padding-top:25px;
}

.how  #pageImage, .installation #pageImage, .above #pageImage, .product #pageImage, .sph_how #pageImage
{ display:none; }

/* Circle image to the right [citr] */
.how  #circlePageImage, .installation #circlePageImage, .above #circlePageImage, .product #circlePageImage, .sph_how #circlePageImage,
.faq #circlePageImage, .tax #circlePageImage, .sph_savings #circlePageImage, .sph_faq #circlePageImage,
.support_product #circlePageImage, .product_registration #circlePageImage, .support_faq #circlePageImage,
.become #circlePageImage, .employment #circlePageImage, .management #circlePageImage,
.thankyou #circlePageImage
{
    left:708px;
    z-index:3;
}

#resourcesList 
{
   margin:15px 0 0 0;
}

#resourcesList dd { margin:0 0 30px 0; }
#resourcesList dt { margin-bottom:5px;}
#resourcesList dt a { text-decoration:none; font-size:85%; font-weight:bold; }
#resourcesList dt a:hover { text-decoration:underline; }
.management .three_mid ul { margin:0; padding-bottom:9px; }
.management .three_mid li { list-style-type:none; margin-bottom:7px; }
.three_right p, .three_right h2 { margin-left:8px; margin-top:0; }
.three_right li { margin-bottom:7px; }

.faq .pageTitle, .sph_faq .pageTitle, .support_faq .pageTitle { text-transform:uppercase !important; }

.faq .three_mid li, .sph_faq .three_mid li, .support_faq .three_mid li
{ list-style-type:none; margin:0 0 5px 0;}

.support_faq .three_mid h2, .management .three_mid h2, .news .three_mid h2, .solarpreheat .three_mid h2,
.faq dt, .sph_faq dt, .support_faq dt { color:rgb(0,143,197); font-weight:bold; font-size:85%; margin-bottom:5px;}

.faq .three_mid ul, .sph_faq .three_mid ul, .support_faq .three_mid ul, 
.faq .three_mid dd, .sph_faq .three_mid dd, .support_faq .three_mid dd,
.faq .three_mid dl, .sph_faq .three_mid dl, .support_faq .three_mid dl 
{ margin:0;}

.faq .three_mid ul a, .sph_faq .three_mid ul a, .support_faq .three_mid ul a 
{
    color:#4E4E4E !important;
}

.faq .three_mid dl, .sph_faq .three_mid dl, .support_faq .three_mid dl { margin-top:20px; }
.faq .three_mid dd, .sph_faq .three_mid dd, .support_faq .three_mid dd { margin-bottom:20px; }
.cleanTemplate #prContentWrapper { width:900px; margin-left:68px; }
.installation .three_mid { padding:0 !important; }
#gallery img { margin-top:-6px !important; }
.three_mid dd p, .three_mid dd li { font-size:100%; }
.three_right ol:last-child, .three_right ol li:last-child { margin-bottom:0; }
.sph_how .three_left { padding-top:83px; }

.faq .three_mid ul, .sph_faq .three_mid ul, .support_faq .three_mid ul 
{
    margin-bottom:30px;
}
.news .three_mid ul { margin-top:5px; margin-bottom:30px; }
.solarpreheat .three_mid ul { margin-top:5px; margin-bottom:30px; }

.pagespacer { clear:both; padding:20px; }
#above_ground_table td { text-align:center; }
#above_ground_table thead td { background:#008FC5; color:#fff; font-weight:bold; }