@charset "utf-8";
/* CSS Document */

body {
margin:0px;
background-image:url(images/bg_gradient.gif);
background-repeat:repeat-x;
}

/* ---------------- text and headings --------------------------*/

td, p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

.copy11 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}

.copy9 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
height:67px;
text-align:right;
}

.heading {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
color:#e01e0c;
padding-bottom:15px;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
color:#e01e0c;
}


.subheading {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#e01e0c;
padding-bottom:10px;
}

.subheadingnopad {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#e01e0c;
}

.subhead_red
{
color: #E01E0C;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
}


.greyheading {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
color:#666666;
padding-bottom:9px;
}

.redsubheading {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
font-style:normal;
color:#e01e0c;
padding-bottom:4px;
}

.greenbold14 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#999900;
padding-bottom:4px;
}

.quote {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-style:italic;
color:#999900;
padding-bottom:4px;
}


.greensubheading {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#999900;
}

.textmenu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
}

.copyright {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#999999;
}

.menu_head {
color:#FFFFFF;
font-weight:bold;
}



/* ---------------- structure --------------------------*/

.headcell {
background-image:url(images/header_bg.jpg);
background-repeat:no-repeat;
width:900px;
height:100px;
}

.topmenucell {
height:25px;
padding-right:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}

.logocell {
padding-left:6px;
height:75px;
}

.mainimage1 {
background-image:url(images/main_image_powerstation.jpg);
background-repeat:no-repeat;
width:100%;
height:250px;
vertical-align:bottom;
}

.menucell {
background-image:url(images/menu_bg.jpg);
background-repeat:repeat-x;
}

.maincell {
background-color:#FFFFFF;
vertical-align:top;
}

.contentcell {
padding:6px;
}

.column1 {
width:60%;
padding-left:20px;
padding-top:25px;
vertical-align:top;
}

.column1a {
width:60%;
padding-left:20px;
height:400px;
vertical-align:top;
}

.column1internal {
width:70%;
padding-left:20px;
vertical-align:top;
}

.column2 {
width:40%;
vertical-align:top;
}

.column2internal {
width:30%;
vertical-align:top;
}

.breadcrumbcell {
background-image:url(images/breadcrumb_bg.gif);
background-repeat:repeat-x;
vertical-align:top;
height:35px;
padding-top:10px;
padding-left:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
}

.imglinkcell {
padding-left:17px;
padding-right:17px;
padding-bottom:20px;
}

#pricing {
width:520px;
}

#pricerowtop {
background-color:#CCCCCC;
}

#pricerowgrey{
background-color:#ebebeb;
}

.rowwhite100 {
font-weight:normal; 
border-right:2px solid #ffffff; 
width:100px;
}

.rowright {
font-weight:normal; 
border-right:2px solid #ffffff;
text-align:right;
width:110px;
}

.rowright80 {
font-weight:normal; 
border-right:2px solid #ffffff;
text-align:right;
width:80px;
}

.rowrightbold {
font-weight:normal; 
border-right:2px solid #ffffff;
text-align:right;
width:110px;
font-weight:bold;
}

.rowwhite100right {
font-weight:normal; 
border-right:2px solid #ffffff; 
width:100px;
text-align:right;
}

.rowgrey100 {
font-weight:normal; 
background-color:#ebebeb;
border-right:2px solid #FFFFFF; 
width:100px;
}

.rowgrey100right {
font-weight:normal; 
background-color:#ebebeb;
border-right:2px solid #FFFFFF; 
width:100px;
text-align:right;
}

.rowgreyright {
font-weight:normal; 
background-color:#ebebeb;
border-right:2px solid #FFFFFF;
text-align:right;
}

.rowgrey {
font-weight:normal; 
background-color:#ebebeb;
border-right:2px solid #FFFFFF; 
}

.rowgreydesc {
font-weight:normal; 
background-color:#ebebeb;
border-right:2px solid #FFFFFF; 
}

.desc {
font-weight:normal;
border-right:2px solid #FFFFFF; 
}

.boldtop100 {
width:100px;
font-weight:bold;
border-right:2px solid #ffffff;
}

.boldtop100right {
width:100px;
font-weight:bold;
border-right:2px solid #ffffff;
text-align:right;
}

.boldtop {
font-weight:bold;
border-right:2px solid #ffffff;
}

.boldtopright {
font-weight:bold;
border-right:2px solid #ffffff;
text-align:right;
}

.boldtopdesc {
font-weight:bold;
border-right:2px solid #ffffff;
}

.customername {
width:212px;
height:41px;
padding-left:10px;
background-image:url(images/blank-diagstripe-box.jpg);
background-repeat:no-repeat;
background-position:center top;
vertical-align:top;
}

.footercell {
background-image:url(images/footer_bg.gif);
background-repeat:repeat-x;
height:67px;
}

.quadlogo {
padding-right:30px;
vertical-align:top;
}

/* ---------------- backgrounds and shadows --------------------------*/

.gradient {
background-image:url(images/bg_gradient.gif);
background-repeat:repeat-x;
}

.shadowtopleft {
width:8px;
height:135px;
background-image:url(images/shadow_top_left.gif);
background-repeat:repeat-y;
}

.shadowtopright {
width:8px;
height:135px;
background-image:url(images/shadow_top_right.gif);
background-repeat:repeat-y;
}

.shadowleft {
width:8px;
background-image:url(images/shadow_left.gif);
background-repeat:repeat-y;
}

.shadowright {
width:8px;
background-image:url(images/shadow_right.gif);
background-repeat:repeat-y;
}

.shadowbtmleft {
width:8px;
height:8px;
background-image:url(images/shadow_btm_left.gif);
background-repeat:no-repeat;
}

.shadowbtmright {
width:8px;
height:8px;
background-image:url(images/shadow_btm_right.gif);
background-repeat:no-repeat;
}

.shadowbtm {
height:8px;
background-image:url(images/shadow_btm.gif);
background-repeat:repeat-x;
}

#shade1 {
border:1px solid #f7f7f7;
margin:0px;
width:100%;
}

#shade0 {
border:1px solid #f7f7f7;
margin:0px;
width:170px;
}

#shade260 {
border:1px solid #f7f7f7;
margin:0px;
width:236px;
}

#shade2 {
border:1px solid #efefef;
margin:0px;
}

#shade3 {
border:1px solid #e5e5e5;
margin:0px;
}

#shade4 {
border:1px solid #d7d7d7;
margin:0px;
}

#shade5 {
border:1px solid #c7c7c7;
margin:0px;
}

#boxbg {
background-image:url(images/diagonal_stripe_bg.gif);
background-repeat:repeat;
height:auto;
padding:9px;
}

#boxbgcust {
background-image:url(images/diagonal_stripe_bg.gif);
background-repeat:repeat;
height:auto;
padding:9px;
}

#imgbox {
width:160px;
}

#servimg {
width:236px;
}

#iconbox {
padding:10px;
}

.customer_box
{
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
padding:5px;
background-color:#aca30a;
height:16px;
}

.customer-summary
{
padding:5px;
border-bottom: dotted #CCCCCC 1px;
vertical-align:top; 
}

.rep_box
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 11px;
padding-right:5px;
padding-bottom:15px;
padding-top:15px;
border-bottom: dotted #CCCCCC 1px;
}

.repList 
{
	width:130px;
	float:left;
}

/* ---------------- links --------------------------*/

a:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#e01e0c;
text-decoration:none;
}

a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#e01e0c;
text-decoration:none;
}

a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
text-decoration:none;
}

a.link11:link {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#e01e0c;
text-decoration:none;
}

a.link11:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#e01e0c;
text-decoration:none;
}

a.link11:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
text-decoration:none;
}

a.topmenu:link {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
text-decoration:none;
}

a.topmenu:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
text-decoration:none;
}

a.topmenu:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#aba30a;
text-decoration:none;
}

a.textmenulink:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
text-decoration:none;
}

a.textmenulink:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
text-decoration:none;
}

a.textmenulink:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#e01e0c;
text-decoration:none;
}

a.breadcrumb:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#999999;
text-decoration:none;
}

a.breadcrumb:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#999999;
text-decoration:none;
}

a.breadcrumb:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#e01e0c;
text-decoration:none;
}

a.greenlink12:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#999900;
}

a.greenlink12:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#999900;
}

a.greenlink12:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
}

a.greyheadlink:link {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#666666;
}

a.greyheadlink:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#666666;
}

a.greyheadlink:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
}

a.link10px:visited
{ 
color: #ABA30A;
text-decoration: none;
font-weight: normal;
font-style: normal;
font-size: 10px;
}
a.link10px:hover
{
color: #333333;
text-decoration: none;
font-weight: normal;
font-style: normal;
font-size: 10px;
}
          
a.link10px:link
{ 
color: #ABA30A;
text-decoration: none;
font-weight: normal;
font-style: normal;
font-size: 10px;
}


/*---------- images ----------------*/

img {
border:0px;
}


/* ---- Added by David ---- */
.prodList 
{
	width:100px;
	float:left;
}

#toolTip{
   border:1px solid #CCC;
   background-color:#F9F9F9;
   width:300px;
   position:absolute;
   visibility: hidden;
   overflow: hidden;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
   color:#333;
}

#toolTip h1{
   display:block;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
   background-color:#aca30a;
   border-bottom:1px solid #CCC;  
   margin:0px;
   padding:2px;  
}

#toolTip p {
font-size:11px;
   margin:0px;
   padding:4px 2px;   
}