body {

background: #ffffff url(../wholesale-power-images/bg-y.gif) top center repeat-y;

margin:0px;

font-family: Verdana,Helvetica,Arial,sans-serif;

font-size:11px;

line-height:1.4em;

color:#4F4F4F;

}

div#body {

background: url(../wholesale-power-images/bg-x.png) top center repeat-x;

width:100%;

min-width:980px;

}

div#bg-top {

background: url(../wholesale-power-images/bg-top.png) top center no-repeat;

width:100%;

min-width:980px;

}

body#email-us {

background-color:#fff;

background-image:none;

text-align:center;

margin:20px;

}





img {border:0px;}

table {font-size:1em;}

td {vertical-align:top;}



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

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

a:hover		{color:#ffffff; text-decoration:none; background-color:#3e718d;}



a:hover.none {background:none;}





/* small button -  markup: <a class="button"><span>text</span></a>  */



	a.button, .button:link, a.button:visited {

		font-size:17px;

		font-weight:normal;

		padding-left: 23px;

		display: inline-block;

		margin-right: 5px;

		background: url(../wholesale-power-images/small-button-sprite.png) 0 0 no-repeat;

		text-decoration: none;

		}

	a.button span, a.button:link span, a.button:visited span {

		color:#3E718E;

		display: block;

		height:30px;

		padding: 18px 30px 5px 0;

		background: url(../wholesale-power-images/small-button-sprite.png) 100% 20% no-repeat;

		cursor:pointer;

		}

	a.button:hover {

		background: url(../wholesale-power-images/small-button-sprite.png) 0 40% no-repeat;

		text-decoration:none;

		}

	a.button:hover span {

		background: url(../wholesale-power-images/small-button-sprite.png) 100% 60% no-repeat;

		color:#fff;

		}

	a.button:active, a.button:focus{

		background: url(../wholesale-power-images/small-button-sprite.png) 0 80% no-repeat;

		outline:none;

		}

	a.button:active span, a.button:focus span {

		background: url(../wholesale-power-images/small-button-sprite.png) 100% 100% no-repeat;

		color:#fff;

		}



p.video-links a.button, p.video-links a.button:link, p.video-links a.button:visited {

	display:block;

}



/* end small button */







.details,

input.url,

label.url {display:none;}



.photo {

border:1px solid #DAE6ED;

padding:5px;

background:#fff;

}

.photo.right {

margin: 10px 0 15px 15px;

}

.photo.left {

margin: 10px 15px 15px 0;

}



ul {

list-style-image: url(../wholesale-power-images/li.png);

padding-left:20px;

color:#3e718d;

text-align:left;

}

ul.nolinks {

list-style-image: none;

}

ul.nolinks li{

color:#4F4F4F;

}

ul li {

padding-bottom:8px;

}



ul#energy-usage-assessment li {

width:40%;

float:left;

}







#TB_window ul li {

border-bottom:1px solid #DAE6ED;

margin-bottom:3px;

}



h1 {font-size: 1em; font-weight: bold; margin-bottom:0px;}

h2 {font-size: 1em; font-weight: bold;}

h3 {font-size: 1em; font-weight: bold;}



.title {

display:block;

margin-bottom:0px;

padding-bottom:2px;

border-bottom:1px solid #DAE6ED;

}

#right-col .title {

border-bottom:1px solid #C3D5DF;

}



address {font-style: normal;}

acronym {border:none;}



.left {float:left;}

.right {float:right;}

.clear {clear:both;}

.clear-l {clear:left;}

.clear-r {clear:right;}

.after-title {margin-top:0px;}



.blue {color:#3e718d;}

.big {font-size:1.2em;}

b.big  {font-weight:normal;}





#tooltip{

position:absolute;

z-index:100;

width:auto;

max-width:400px;

border:1px solid #3e718d;

background:#fff;

padding:2px 5px;

color:#3e718d;

display:none;

border-radius: 5px;

-o-border-radius: 5px;

-icab-border-radius: 5px;

-khtml-border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

}







div#page-wrap {

margin:auto;

position:relative;

background-color: #ffffff;

width:980px;

height:auto;

overflow:hidden;

}



img#pdf,

img.pdf {

position:relative;

left:10px;

}

img#print {

margin: 10px 10px 0px 0px;

}





.top  {

display:block;

width:75px;

height:33px;

margin:10px;

padding-left:10px;

border-left:2px solid #3e718d;

text-align:left;

}

a#url.top {

width:160px;

}

a#url.top b {

font-weight:normal;

}

a#pdf.top {

width:160px;

}

a#news.top,
a#news.top:link,
a#news.top:visited {

color:#D60544;

width:60px;

border-color:#D60544;

}

a#news.top:hover {

background:#D60544;

color:#fff;

}

div#banner {

padding:8px;

padding-bottom:0px;

text-align:center;

}



div#video {

width:480px;

float:left;

}

div#video  div#noflash{

padding:0 100px 10px 100px;

}



div#banner-slide {

height:267px;

overflow:hidden;

}



ul.banner-slide {

float:right;

height:267px;

width:960px;

list-style-type:none;

padding:0;

margin:0;

padding-left:2px;

position:relative;

overflow:hidden;

}

#home ul.banner-slide{

width:480px;

}



img#slide1 {background: url(../wholesale-power-images/banner-b-your-route-to-energy-saving.jpg) top left no-repeat;}

img#slide2 {background: url(../wholesale-power-images/banner-b-wholesale-power-market.jpg) top left no-repeat;}

img#slide3 {background: url(../wholesale-power-images/banner-b-energy-data-management.jpg) top left no-repeat;}

img#slide4 {background: url(../wholesale-power-images/banner-b-become-energy-efficient.jpg) top left no-repeat;}

img#slide5 {background: url(../wholesale-power-images/banner-b-recover-overcharges.jpg) top left no-repeat;}



#home img#slide1 {background: url(../wholesale-power-images/banner-your-route-to-energy-saving.jpg) top left no-repeat;}

#home img#slide2 {background: url(../wholesale-power-images/banner-wholesale-power-market.jpg) top left no-repeat;}

#home img#slide3 {background: url(../wholesale-power-images/banner-energy-data-management.jpg) top left no-repeat;}

#home img#slide4 {background: url(../wholesale-power-images/banner-become-energy-efficient.jpg) top left no-repeat;}

#home img#slide5 {background: url(../wholesale-power-images/banner-recover-overcharges.jpg) top left no-repeat;}









ul#nav {

list-style-type:none;

margin:0;

padding:0;

padding-left:7px;

width:980px;

}

ul#nav li {

display:block;

float:left;

}









div#content-tile {

margin:auto;

width:960px;

background: url(../wholesale-power-images/bg-content-tile.gif) top center repeat-y;

}

div#content-top {

width:960px;

background: url(../wholesale-power-images/bg-content-top.gif) top center no-repeat;

}

div#content-end {

width:960px;

background: url(../wholesale-power-images/bg-content-end.gif) bottom center no-repeat;

}



div#left-col {

padding:10px;

padding-left:20px;

width:335px;

text-align:left;

}

div#right-col {

padding:10px;

padding-right:25px;

width:535px;

text-align:justify;

}





div#footer {

background: url(../wholesale-power-images/bg-footer.png) top center no-repeat;

width:980px;

margin:auto;

padding-bottom:30px;

}



div#footer div.left {

width:270px;

text-align:left;

margin-left:25px;

margin-top:20px;

}

div#footer div.left p:first-line {

line-height:3em;

}

div#footer div#quick-links.left,

div#footer div#info.left {

margin-left:57px;

}

div#footer div#quick-links.left p {

padding-bottom:0px;

}

div#quick-links a {

display:block;

margin-bottom: 10px;

}



div#footer b.blue {

text-transform:uppercase;

font-weight:bold;

}



div#disclaimer {

width:500px;

}



/*home page*/



body#home div#right-col {

padding-right:0px;

padding-top:2px;

width:auto;

}



ul#buttons {

list-style-type:none;

margin:0;

padding:0;

margin-top:10px;

padding-left:0px;

padding-bottom:20px;

width:578px;

overflow:auto;

}

ul#buttons li {

display:block;

float:left;

}

#data ul#buttons {

float:right;

width:284px;

padding: 0 0 0 20px;

}



/* data management page */



table {background:#fff; border:1px solid #C3D5DF;}

th, td {padding:5px; width:50%; text-align:left;}

th {border-bottom:1px solid #C3D5DF;}

tr.shaded {background:#ECF2F6;}





/*company page*/



div.director,

div.service,

div.testimonial {

padding:15px;

padding-top:5px;

padding-bottom:5px;

background-color: #DAE6ED;

margin-bottom:15px;

overflow:auto;

}

div.director .photo {

margin: 11px 15px 15px 0;

border-color:#B3DAEF;

}

div.testimonial.fixed {

width:525px;

margin-left:6px;

text-align:center;

}

div.testimonial p.client {

text-align:right;

}



/*contact page*/



#contact #left-col {

min-height: 570px;

}



#contact div#content-inside {

background: url(../wholesale-power-images/contact-qel-about-energy-management.jpg) bottom right no-repeat;

}



































input{

margin:1px;

padding:1px;

border:1px solid #C9D1D4;

background:#fff;

width:300px;

font-size:1.1em;

}

textarea {

font-family: Verdana,Helvetica,Arial,sans-serif;

margin:1px;

padding:1px;

border:1px solid #C9D1D4;

background:#fff;

width:300px;

font-size:1.1em;

}



input.submit {

margin:10px;

border:0px;

background: url(../wholesale-power-images/bg-submit.gif) top right no-repeat;

color:#3a4d5a;

font-weight:normal;

width:199px;

height:34px;

padding-bottom:5px;

margin-right:28px;

cursor: pointer;

}



input:hover {background: #EFF4F6;}



textarea:hover {background: #EFF4F6;}



input:hover.submit {

background: url(../wholesale-power-images/bg-submit-on.gif) top right no-repeat;

color:#fff;

}