/******************************************************************************
Filename:  site.css
Project:   New Jersey Resources
Purpose:   Site CSS:  Contains styles only used on current site
Date			Developer	Description
10/05/2006		jmk			Version 1.0
******************************************************************************/

/**** HOME PAGE ONLY STYLES (where home is different than interior) ****/
#pageBodyHomeContainer{margin-top:150px; width:100%; voice-family:"\"}\""; voice-family:inherit; margin-left:1px;}
html > body #pageBodyHomeContainer{margin-left:0px; background:transparent url("../images/global/body_bg.gif");}
#homeContentContainer{width:980px; background: transparent url("../images/global/home/homeContentContainer_bg.gif") 0 0 repeat-y; margin:0 0 0 0; }
#homeContent{background: transparent; width:974px; margin:0 0 0 0;}
#homeMainImageArea{background: url("../images/global/home/homeMainImageArea_bg.gif") 0 0 repeat-y; width:735px; margin: 0 0 0 0;}
#homeMainImage{margin:0 0 0 0; border:none;}
#homeImageAreaBottom{background: url("../images/global/home/homeImageAreaBottom_bg.gif") 0 100% no-repeat; width:735px; padding: 0 0 16px 0;}
#homeImageAreaBottom h2{margin: 0 0 0 15px; color:#124C7E; font-family: Helvetica, Verdana, Arial, _san; font-size:18px; line-height:22px;}
html > body #homeImageAreaBottom h2{margin: 0 0 0 15px;}
#homeContentContainerBottom{clear:both;}

/************ BEGIN:  HOMEPAGE RIGHTNAV STYLES  ************/
#newsReportsContainer{width:235px; float:right; font-size:10px;}
#newsReportsMainText {background:transparent url("../images/global/home/newsReportsGradient.gif") 0 0 repeat-x; color:#7895A0; font-size:10px;  padding:10px 20px 10px 20px; margin: -1px 0 0 0;}
#newsReportsMainText p{color:#7895A0; font-size:10px;}
#newsReportsMainText ul{margin:0 0 12px 0;}
#newsReportsMainText li{margin:0 0 12px 21px;}
#newsLetterContent{width:200px; margin:0 auto 10px 24px; padding:10px 0 20px 0;}
#newsLetterContent p{ font-size:10px;}
#newsLetterContent .viewPDF{width:200px; text-align:right;}
#newsLetterContent .viewPDF a{margin: 0 10px 0 auto; text-decoration:none; color:#338935; font-weight:bold;}
#newsReportsContainer h3{width:200px; margin: 6px 10px 0 10px; color:#7895A0; font-family: Helvetica, Verdana, Arial, _san; font-size:13px;  font-weight:bold;}
html > body #newsReportsContainer h3{margin-bottom:4px;}
#newsLetterContent h4{font-size:12px; color:#338935; margin:10px 0 0 0;}
#newsLetterContent h5{font-size:11px; color:#72A572; margin:0 0 0 0;}
#newsLetterContent a{text-decoration:none;}
.PDFArrow{display:inline;}
.smallHeading{font-weight:normal; font-family:Verdana, Helevetica, Arial, _san;}
.newsLetter{margin: 10px 0 0 0;}
.newsReportsDivide{width:235px; height:4px; margin: 0 0 0 0;}
.newsLetterDivide{height: 4px; margin: 10px 0 0 0;}
#pollsContainer{width:235px; float:right; margin: 10px 0 6px 0; clear:right; text-align:center;}
#pollsContainer img{position:relative; margin: 10px auto 0 auto;}
/************ END:  HOMEPAGE RIGHTNAV STYLES  ************/

#homeContentTable{background:#ffffff url("../images/global/home/homeContentTable-right.gif") 0 -5px repeat-y; margin:10px 0 0 0; font-size:10px; color:#666666;}
#homeContentTable h4{margin:10px 0 5px 0; color:#7895A0; font-size:10px; font-weight:bold; text-transform:uppercase;}
#homeContentTable h4 a{text-decoration:none;}
#homeContentTable td{vertical-align:top;}
.bannerAd{position:relative; margin: 0 auto 0 auto; width:120px;}
#homeContentTable td p{text-align:left; width:130px;}

/**** article listings ****/
.newsArticle{margin:15px 0 0 0;}
#content .newsArticle h5{display:inline; margin:0 12px 0 0; font-size:11px; font-weight:bold;}
#content .newsArticle h5 a{color:#516F87;}
#content .newsArticle h5 a:hover {color:#83A2B2;}
#content .newsArticle .text{font-size:10px; color:#666666; margin:5px 0 10px  0;}
#content .newsArticle h6.alsoSee{color:#003F5E; font-size:10px; font-weight:bold; margin:0 0 0 0;}
#content .newsArticle p.alsoSee{margin:0 auto 35px 0;}
#content .newsArticle p.alsoSee a{ display:block; margin:6px 0 0 0;}
a.viewPDF{margin: 0 10px 0 auto; text-decoration:none; color:#338935; font-weight:bold;}
a.viewPDF:hover{color:#124c7e;}
 
/**** articles ****/
#content h5.articleHeading{color:#516F87; margin:0 0 5px 0;}
#content span.date{color:#666666; margin:0 0 0 0;}
#articleImageAreaLeft{float:left; width:150px; margin: 0 20px 15px 0;}
#articleImageAreaRight{float:right; width:150px; margin: 0 0 15px 20px;}
#articleImageAreaLeft p, #articleImageAreaRight p{font-size:10px; width:120px; margin:10px 0 15px 0;}

/**** PRODUCT LISTINGS****/
.bottomBorder{border-bottom:1px solid #003F5E;}
.redTxt{color:#5e1102; font-weight:bold;}
.redTxt a{color:#5e1102; font-weight:bold;}
.suggItems{}
.suggItemsInner{padding:0 2px 0 10px;}
#content h5.detail{margin:5px 0 5px 0; padding:0;}
#content h6.detail{font-size:10px;margin:0 0 5px 0; padding:0;}
#content .sale{vertical-align:bottom; margin-top:3px;}
html > body #content .sale{vertical-align:middle;}
#content hr{color:#E4EAED;}
/**** end product listings****/

/**** treeMenu ****/
#treeMenuWrapper{width:530px; padding:0 0 0 0; }
#treeMenu{width:530px;}
#treeMenu span.date{display:block; color:#666666; margin:0 0 10px 0;}
#treeMenu ul{list-style-type:none; padding:0; margin:0;}
li.treeMenuItem{margin: 0 0 10px 0;}
#treeMenu td{padding: 0 15px 0 15px;}
#treeMenu h4.company{display:inline; padding:0; text-decoration:underline; font-size:13px;}
html > body #treeMenu h4.company{text-decoration:none;}
#treeMenu .listing h5.articleHeading {color:#516F87; margin:10px 0 5px 0; font-size:10px;}
#treeMenu .listing h5.articleHeading a{color:#516F87; text-decoration:none;}
h5.articleHeading a:hover{color:#83A2B2; text-decoration:underline;}

/* site map module */
#sitemap{margin-left:20px;}
#sitemap a, #sitemap a:visited, #sitemap a:active{text-decoration:none;}
#sitemap a:hover{text-decoration:underline;}
.sitemapTitle{font-size:13px; font-weight:bold;}
.sitemap1{margin-left:20px;}
.sitemap2{font-size:11px; margin-left:20px;}

/* zipCheck */
#zipCheckContainer{width:221px;}
#zipCheck{width:211px; margin-left:9px; padding:8px 1px 10px 0; background:url("../images/global/leftNav/leftNav_bg.gif") repeat-y 100% 0;}
#zipCheck p{margin: 0 0 10px 0;}
#zipCheck h5{margin:0 0 8px 0; font-size:11px; font-weight:600; color:#003F5E;}
#zipSearchInput{font-size:11px; line-height:11px; height:14px; padding:0 0 0 0; margin: 0 0 2px 0;   vertical-align:baseline; font-family:"courier new", monospace, courier; voice-family:"\"}\""; voice-family:inherit; height:11px;}
html > body #zipSearchInput{margin: 0 0 0 0;}
#zipCheck_btn{margin: 0 0 -2px 0;}
html > body #zipCheck_btn{margin: 0 0 -2px 0;}

/*Form Special*/
.blkborder{border:1px solid #7895A0;}

/************ BEGIN:  TREE MENU ************/
.treeview ul{margin:0; padding:0; width:500px;}
/*Style for LI elements in general (excludes an LI that contains sub lists)*/
.treeview li{list-style-type:none; padding-left:22px; margin-bottom:10px; color: #999999; margin-left:-40px;}
.treeview li img{vertical-align:top;}
/* Style for LI that contains sub lists (other ULs). */
.treeview li.submenu{background:url("../images/global/tree_menu/plus.gif") no-repeat 0 5px; cursor: hand !important; cursor: pointer !important;}
/*Style for ULs that are children of LIs (submenu) *//*Hide them by default. Don't delete. */
.treeview li.submenu ul.expanded{display:none; background:none;}
/*Style for LIs of ULs that are children of LIs (submenu) */
.treeview .submenu ul li{margin-left:-22px; margin-top:-5px; cursor:default; background:none;}
#faqs h2{color: #999999;}
.treeview li.submenu div ul{padding-left:8px; padding-top:10px; background:none; background-color:#FFFFFF;}
.treeview li.submenu div li{padding-left:2px; margin-left:20px; list-style-type:disc; background:none; background-color:#FFFFFF;}
.treeview li.submenu div p{background:none; background-color:#FFFFFF; margin:0; padding:0;}
.treeview li.submenu div {width:508px; margin:0; padding:0;}

/************ END:  TREE MENU ************/

span.hidden{display:none}