body {

    margin: 0px 0px 0px 0px;

    background-color: #FFFFFF;

    background-image: url(../images/bg.gif);

    background-repeat: repeat-x;

    color: #555555;

}



a:link     {color:#555555; text-decoration:none;}

a:visited  {color:#555555; text-decoration:none;}

a:hover    {color:#4FAE47; text-decoration:none;}





.link {

    background-image: url(../images/linkbg.gif);

    padding-bottom:30px;

}

.title_yellow {

    color: #C69A47;

    font-size: 14px;

    font-weight: bold;

    font-family: Verdana;

}

.title_green {

    color: #009148;

    font-size: 14px;

    font-weight: bold;

    font-family: Verdana;

}

.title_blue {

    color: #0076A4;

    font-size: 14px;

    font-weight: bold;

    font-family: Verdana;

}

.title_red {

    color:#C43E26;

    font-size: 14px;

    font-weight: bold;

    font-family: Verdana;

}

.title_orange {

    color:#FF6633;

    font-size: 15px;

    font-weight: bold;

    font-family: Verdana;

}

.title_grey {

    color:#666666;

    font-size: 15px;

    font-weight: bold;

    font-family: Verdana;

}

.subtitle_yellow {

    color: #C69A47;

    font-size: 12px;

    font-family: Verdana;

}

.subtitle_green {

    color: #009148;

    font-size: 12px;

    font-family: Verdana;

}

.subtitle_blue {

    color: #0076A4;

    font-size: 12.5px;

    font-family: Verdana;

		font-weight: bold;
}

.subtitle_blue2 {

    color: #0076A4;

    font-size: 12px;

    font-family: Verdana;
}

.subtitle_red {

    color:#C43E26;

    font-size: 12px;

    font-family: Verdana;

}



.about_subtitle_red {

    color:#C43E26;

    font-size: 14px;

    font-family: Verdana;

}





.subtitle_orange {

    color: #FF6633;

    font-size: 13px;

    font-family: Verdana;

}

.subtitle_grey {

    color:#666666;

    font-size: 12px;

    font-family: Verdana;

}

.normal {

    font-family: Verdana, "Arial", Helvetica;

    font-size: 11px;

    font-style: normal;

    line-height: 17px;

    font-weight: normal;

    font-variant: normal;

    color: #555555;

}

.callback_large {

    font-family: Verdana,"Arial", Helvetica;

    font-size: 13px;

    font-style: normal;

    line-height: 17px;

    font-weight: normal;

    font-variant: normal;

    color: #555555;

}

.normal_quote {

    font-family: Verdana, "Arial", Helvetica;

    font-size: 13px;

    font-style: normal;

    line-height: 17px;

    font-weight: normal;

    font-variant: normal;

    width: 75%;

    color: #555555;

}



.formnormal{

    font-family: Verdana, "Arial", Helvetica;

    font-size: 12px;

    font-style: normal;

    line-height: 12px;

    font-weight: normal;

    font-variant: normal;

    color: #555555;

}



.content_bg {

    color: white;

      background-image: url(../images/index_r7_c1.gif);

    background-repeat: no-repeat;

}

.dots {

    color: white;

      background-image: url(../images/dots.gif);

}





.login {

    width:140px;

    height:16px;

    font-family: Tahoma;

    font-size: 11px;

    font-weight: normal;

    border-color:#000000;

    border-width:1px;

    padding-left: 3px;

    background-image:url(../images/forms.png);

}

.login-submit {

    width:50px;

    height:20px;

    font-size:11px;

    border: 1px solid #000000;

    font-family: Tahoma;

    font-weight: normal;

    padding-top:0px;

    background-image:url(../images/forms_login.png);

}

.login-checkbox {

    border: 1px solid #000000;

}



.padding {

    padding-top: 5px;

    padding-bottom: 5px;

    padding-left: 5px;

    padding-right: 5px;

    }



.order-list    {

    background-color: #184971;

    color: #FFFFFF;

    list-style: none;

    text-align: center;

}



/* -- IMAGE MAPS --          [  HOME  ]          -- IMAGE MAPS -- */

#map_home {

            margin:0;

            padding:0;

            width:159px;

            height:108px;

            background-image:url(../images/nav_01.gif);

            background-repeat:no-repeat;

            background-position:top left;

            font-family:arial, helvetica, sans-serif;

            font-size:8pt;

        }



        #map_home li {

            margin:0;

            padding:0;

            list-style:none;

        }



        #map_home li a {

            position:absolute;

            display:block;



               background:url(../images/trans.gif);

               text-decoration:none;

            color:#000;

        }



        #map_home li a span { display:none; }



        #map_home li a:hover span {

            position:relative;

            display:block;

            width:148px;

            left:11px;

            top:97px;

            border:1px solid #000;

            background: #fff;

            padding:5px;

             filter:alpha(opacity=80);

            opacity:0.8;

          }



        #map_home a:hover{

            position:relative;

            display:block;

            background-image:url(../images/nav1.1.gif);

          }



        #map_home a.home {

            width:159px;

            height:108px;

        }



/* -- IMAGE MAPS --          [  CUSTOMER  ]          -- IMAGE MAPS -- */

#map_cust {

            margin:0;

            padding:0;

            width:129px;

            height:108px;

            background:url(../images/nav_02.gif) top left no-repeat;

            font-family:arial, helvetica, sans-serif;

            font-size:8pt;

        }



        #map_cust li {

            margin:0;

            padding:0;

            list-style:none;

        }



        #map_cust li a {

            position:absolute;

display: block;

               background:url(../images/trans.gif);

               text-decoration:none;

            color:#000;

        }



        #map_cust li a span { display:none; }



        #map_cust li a:hover span {

            position:relative;

            display:block;

            width:128px;

            left:1px;

            top:97px;

            border:1px solid #000;

            background: #fff;

            padding:5px;

             filter:alpha(opacity=80);

            opacity:0.8;

          }



        #map_cust a:hover{

            position:relative;

            display:block;

            background-image:url(../images/nav2.2.gif);

          }



        #map_cust a.cust {

            width:129px;

            height:108px;

        }



/* -- IMAGE MAPS --          [  HALF HOURLY  ]          -- IMAGE MAPS -- */

#map_hh {

            margin:0;

            padding:0;

            width:129px;

            height:108px;

            background:url(../images/nav_03.gif) top left no-repeat;

            font-family:arial, helvetica, sans-serif;

            font-size:8pt;

        }



        #map_hh li {

            margin:0;

            padding:0;

            list-style:none;

        }



        #map_hh li a {

            position:absolute;

            display:block;

               background:url(../images/trans.gif);

               text-decoration:none;

            color:#000;

        }



        #map_hh li a span { display:none; }



        #map_hh li a:hover span {

            position:relative;

            display:block;

            width:128px;

            left:1px;

            top:97px;

            border:1px solid #000;

            background: #fff;

            padding:5px;

             filter:alpha(opacity=80);

            opacity:0.8;

          }



        #map_hh a:hover{

            position:relative;

            display:block;

            background-image:url(../images/nav3.3.gif);

          }



        #map_hh a.hh {

            width:129px;

            height:108px;

        }



/* -- IMAGE MAPS --          [  GAS QUOTE  ]          -- IMAGE MAPS -- */

#map_gas {

            margin:0;

            padding:0;

            width:129px;

            height:108px;

            background:url(../images/nav_04.gif) top left no-repeat;

            font-family:arial, helvetica, sans-serif;

            font-size:8pt;

        }



        #map_gas li {

            margin:0;

            padding:0;

            list-style:none;

        }



        #map_gas li a {

            position:absolute;

            display:block;

               background:url(../images/trans.gif);

               text-decoration:none;

            color:#000;

        }



        #map_gas li a span { display:none; }



        #map_gas li a:hover span {

            position:relative;

            display:block;

            width:128px;

            left:1px;

            top:97px;

            border:1px solid #000;

            background: #fff;

            padding:5px;

             filter:alpha(opacity=80);

            opacity:0.8;

          }



        #map_gas a:hover{

            position:relative;

            display:block;

            background-image:url(../images/nav4.4.gif);

          }



        #map_gas a.gas {

            width:129px;

            height:108px;

        }



/* -- IMAGE MAPS --          [  ELECTRICITY QUOTE  ]          -- IMAGE MAPS -- */

#map_elec {

            margin:0;

            padding:0;

            width:129px;

            height:108px;

            background:url(../images/nav_05.gif) top left no-repeat;

            font-family:arial, helvetica, sans-serif;

            font-size:8pt;

        }



        #map_elec li {

            margin:0;

            padding:0;

            list-style:none;

        }



        #map_elec li a {

            position:absolute;

            display:block;

               background:url(../images/trans.gif);

               text-decoration:none;

            color:#000;

        }



        #map_elec li a span { display:none; }



        #map_elec li a:hover span {

            position:relative;

            display:block;

            width:128px;

            left:1px;

            top:97px;

            border:1px solid #000;

            background: #fff;

            padding:5px;

             filter:alpha(opacity=80);

            opacity:0.8;

          }



        #map_elec a:hover{

            position:relative;

            display:block;

            background-image:url(../images/nav5.5.gif);

          }



        #map_elec a.elec {

            width:129px;

            height:108px;

        }



/* -- IMAGE MAPS --          [  CORPORATE  ]          -- IMAGE MAPS -- */

#map_corp {

            margin:0;

            padding:0;

            width:140px;

            height:108px;

            background:url(../images/nav_06.gif) top left no-repeat;

            font-family:arial, helvetica, sans-serif;

            font-size:8pt;

        }



        #map_corp li {

            margin:0;

            padding:0;

            list-style:none;

        }



        #map_corp li a {

            position:absolute;

            display:block;

               background:url(../images/trans.gif);

               text-decoration:none;

            color:#000;

        }



        #map_corp li a span { display:none; }



        #map_corp li a:hover span {

            position:relative;

            display:block;

            width:127px;

            left:1px;

            top:97px;

            border:1px solid #000;

            background: #fff;

            padding:5px;

             filter:alpha(opacity=80);

            opacity:0.8;

          }



        #map_corp a:hover{

            position:relative;

            display:block;

            background-image:url(../images/nav6.6.gif);

          }



        #map_corp a.corp {

            width:139px;

            height:108px;

        }
        
/* other stuff added by kenny */

.menuoption {

	border:1px solid black;

	width:35px;

	text-align:center;

	font-size:10px;

}

#menunew {
width: 100%;
background: #ffffff;
float: right;
}

#menunew ul {
list-style: none;
margin: 0;
padding-left: 0;
width: 12.4em;
float: center;
text-align: center;
}

#menunew a, #menunew h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: none;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menunew h2 {
color: #ffffff;
background: url('/images2/home.gif');
text-transform: uppercase;
height: 100px;
width: 195px;
}

#menunew a {
color: #ffffff;
background: url('/images2/dark_r.gif');
text-decoration: none;
}

#menunew a:hover {
color: #ffffff;
background: url('/images2/light_r.gif');
}

#menunew li {
position: relative;
float: right;

}

#menunew ul ul {
position: absolute;
z-index: 500;
float: right;
}

#menunew ul ul ul {
position: absolute;
top: 0;
right: 100%;
}

div#menunew ul ul,
div#menunew ul li:hover ul ul,
div#menunew ul ul li:hover ul ul
{display: none;}

div#menunew ul li:hover ul,
div#menunew ul ul li:hover ul,
div#menunew ul ul ul li:hover ul
{display: block;}


#menunew2 {
width: 100%;
background: #ffffff;
float: center;
}

#menunew2 ul {
list-style: none;
margin: 0;
padding: 0;
width: 12.4em;
float: center;
text-align: center;
}

#menunew2 a, #menunew2 h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menunew2 h2 {
color: #ffffff;
background: url('/images2/home2.gif');
text-transform: uppercase;
height: 100px;
width: 195px;
}

#menunew2 a {
color: #ffffff;
background: url('/images2/dark_b.gif');
text-decoration: none;
}

#menunew2 a:hover {
color: #ffffff;
background: url('/images2/light_b.gif');
}

#menunew2 li {position: relative;}

#menunew2 ul ul {
position: absolute;
z-index: 500;
}

#menunew2 ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menunew2 ul ul,
div#menunew2 ul li:hover ul ul,
div#menunew2 ul ul li:hover ul ul
{display: none;}

div#menunew2 ul li:hover ul,
div#menunew2 ul ul li:hover ul,
div#menunew2 ul ul ul li:hover ul
{display: block;}

#menunew3 {
width: 100%;
background: #ffffff;
float: left;
}

#menunew3 ul {
list-style: none;
margin: 0;
padding: 0;
width: 12.4em;
float: left;
text-align: center;
}

#menunew3 a, #menunew3 h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menunew3 h2 {
color: #ffffff;
background: url('/images2/home3.gif');
text-transform: uppercase;
height: 100px;
width: 195px;
}

#menunew3 a {
color: #ffffff;
background: url('/images2/dark_g.gif');
text-decoration: none;
}

#menunew3 a:hover {
color: #ffffff;
background: url('/images2/light_g.gif');
}

#menunew3 li {position: relative;}

#menunew3 ul ul {
position: absolute;
z-index: 500;
}

#menunew3 ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menunew3 ul ul,
div#menunew3 ul li:hover ul ul,
div#menunew3 ul ul li:hover ul ul
{display: none;}

div#menunew3 ul li:hover ul,
div#menunew3 ul ul li:hover ul,
div#menunew3 ul ul ul li:hover ul
{display: block;}

#menunew4 {
width: 100%;
background: #ffffff;
float: left;
}

#menunew4 ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
text-align: center;
}

#menunew4 a, #menunew4 h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menunew4 h2 {
color: #ffffff;
background: url('/images2/home4.gif');
text-transform: uppercase;
height: 100px;
width: 195px;
}

#menunew4 a {
color: #ffffff;
background: url('/images2/dark_y.gif');
text-decoration: none;
}

#menunew4 a:hover {
color: #ffffff;
background: url('/images2/light_y.gif');
}

#menunew4 li {position: relative;}

#menunew4 ul ul {
position: absolute;
z-index: 500;
}

#menunew4 ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menunew4 ul ul,
div#menunew4 ul li:hover ul ul,
div#menunew4 ul ul li:hover ul ul
{display: none;}

div#menunew4 ul li:hover ul,
div#menunew4 ul ul li:hover ul,
div#menunew4 ul ul ul li:hover ul
{display: block;}