html {background:  url('http://www.esaheatac.com/buttons-icons/body_header.gif') top left repeat;}

body {

  margin:  auto;
width:100%;
  text-align:center;

background:  transparent url('http://www.esaheatac.com/buttons-icons/body_gray.png')  ;


background-repeat: repeat-y;
background-position: top center;
background-attachment: fixed;

border: 0px;
  padding: 1px 0px 0px  0px;
  font-family:  Arial, "Trebuchet MS", Tahoma, sans-serif; 
  font-size: 100%;
line-height: 1em;
    display:block;
  overflow:auto;

  }


  
h1, h2, h3, h4, h5 {
font-family: "Arial narrow", arial, "Trebuchet MS", Tahoma, sans-serif;}





#page {
  position:relative;
  top:0px;
  right:0px;
  bottom:0;
  left: 0;
  width:916px;
 
   height:100%;

background:  #cbced5 ;

   overflow:visible;
  margin: 15px auto 0px auto;
   padding:0px 0px 0px 0px;
    color:#1D2C4B;
border-right:1px solid #7B7D7F;
} 

/*...snazzy ...*/
 
  .xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 0px 10px; 
border-bottom:1px solid #5555A2;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 3px; 
font-size:80%;
}
.xsnazzy {
background: transparent; 
width:180px; 
float:left; 
margin:0 5px;
}

.xtop {
display:block; 
margin-bottom:0px;
background:transparent; 
font-size:1px;
}

.xbottom {
display:block; 
margin-top:-5px;
background:transparent; 
font-size:1px;
}

.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#EAEBEE; 
border-left:1px solid #7373B6;
border-right:1px solid #7373B6;
}
.xb1 {
margin:0 5px; 
background:#7373B6;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
margin-top:-10px;
margin-bottom:5px;
border:0 solid #7373B6; 
border-width:0 1px; 
height:auto;
background:#EAEBEE;
padding:0 6px 0px 0;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#EAEBEE;
color:#fff;
}
.color_b {
background:#EAEBEE; 
color:#000;
}
.color_c {
background:#EAEBEE; 
color:#fff;
}
.color_d {
background:#EAEBEE; 
color:#000;
}

/*..red box...*/
 .xredbox h1, .zredbox h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 0px 10px; 
border-bottom:1px solid #4CB01E;
}
.xredbox p, .zredbox p {
margin:0; 
padding:5px 3px; 
font-size:80%;
}
.xredbox {
background: transparent; 
width:180px; 
float:left; 
margin:0 5px;
}

.xredboxtop {
display:block; 
margin-bottom:0px;
background: transparent; 
font-size:1px;
}

.xredboxbottom {
display:block; 
margin-top:-5px;
background:transparent; 
font-size:1px;
}

.xrb1, .xrb2, .xrb3, .xrb4 {
display:block; 
overflow:hidden;
}
.xrb1, .xrb2, .xrb3 {
height:1px;
}
.xrb2, .xrb3, .xrb4 {
background:#fff; 
border-left:1px solid #4CB01E;
border-right:1px solid #4CB01E;
}
.xrb1 {
margin:0px 5px; 
background:#4CB01E;
}
.xrb2 {
margin:0 3px;
border-width:0 2px;
}
.xrb3 {
height:2px;
margin:0 2px;
}
.xrb4 {
height:2px; 
margin:0px 1px;
}

.xrboxcontent {
display:block; 
margin-top:0px;
border:0 solid #4CB01E; 
border-width:0 1px; 
height:auto;
background:#fff;
padding:0 8px 0 2px;
}
* html .xrboxcontent {
height:1px;
}

.rcolor_a {
background:#4CB01E;
color:#FD0B3D;
}
.color_b {
background:#fff; 
color:#FD0B3D;
}
.color_c {
background:#fff; 
color:#FD0B3D;
}
.color_d {
background:#fff; 
color:#FD0B3D;
}

/*..red box...*/

/*...coupon...*/
 .xcouponbox h1, .zcouponbox h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 0px 10px; 
border-bottom:1px dotted #FD0B3D;
}
.xcouponbox p, .zcouponbox p {
margin:0; 
padding:5px 3px; 
font-size:80%;
}
.xcouponbox {
background: transparent; 
width:180px; 
float:left; 
margin:0 5px;
}

.xcouponboxtop {
display:block; 

margin-bottom:0px;
background: transparent; 
font-size:1px;

}

.xcouponboxbottom {
display:block; 

margin-top:-5px;
background:transparent; 
font-size:1px;
}

.xcrb1, .xcrb2, .xcrb3, .xcrb4 {
display:block; 
overflow:hidden;
}
.xcrb1, .xcrb2, .xcrb3 {
height:0px;
}
.xcrb1, .xcrb2 {
border-top:1px dotted #fd0b3d; }

.xcrb2, .xcrb3, .xcrb4 {
background:#fff; 
border-left:1px dotted #FD0B3D;
border-right:1px dotted #FD0B3D;
}
.xcrb1 {
margin:0px 3px; 
background:#FD0B3D;

}
.xcrb2 {
margin:0 3px;
border-width:0 2px;
}
.xcrb3 {
height:1px;
margin:0 3px;
}
.xcrb4 {
height:1px; 
margin:0px 2px;
}

.xcouponboxcontent {
display:block; 
margin-top:0px;
border-right:2px dotted #FD0B3D;
border-left:2px dotted #FD0B3D; 
border-width:0 2px; 
height:auto;
background:#fff;
padding:0 8px 0 2px;
}
* html .xcrboxcontent {
height:1px;
}

.rccolor_a {
background:#fff;
color:#FD0B3D;
}
.ccolor_b {
background:#fff; 
color:#FD0B3D;
}
.ccolor_c {
background:#fff; 
color:#FD0B3D;
}
.ccolor_d {
background:#fff; 
color:#FD0B3D;
}

/*...END COUPON...*/


img.noprint {
visibility:visible; }

table.areas {
table-layout:fixed;
width:640px;
margin:-1em 0px 0px 0px;
padding: 0px 0px 0px 2px;

border:0;
border-collapse:collapse;
}

table.areas tr {
width:640px;

}

table.areas td {
width:200px;
border:0;
padding:2px 2px 2px 8px;
text-align:left;
font-size:.8em;
}
  
table.compare {
table-layout:fixed;
width:680px; 
margin:0px 0 50px 0; 

background:#fcfcfc;
border:1px solid #4864c0;
border-collapse:collapse;
 }
 
tr {
width:580px; }
 
td {
width:110px;border:1px solid #4864c0;padding:10px 6px 10px 6px;text-align:center; }

td.desc {
width:175px; 
text-align:left;}


.readmore  {
 width:400px;
  text-align:left;
  margin:0px 0px 0 20px;
  padding:60px 10px 0 0;
color:#598FCD;
font-size:95%;
font-weight:bold;
 }
 
 
.readmore  a:visited{
   color:#642d55;
  text-decoration:none;
      } 
  
.readmore a:link {
 color:#642d55;
  text-decoration:none;
      } 
      
.readmore a:hover {
  color:#06f;
  text-decoration:none;
  }
  
 
 .back {
  color:#bebebe;
  text-align:right;
  text-decoration:none;
  } 
  
  .back a:link, a:visited {
  color:#999;
  text-align:right;
  text-decoration:none;
  } 
   
.top {
  position:absolute;
  left:400px;
  top:0;
  }
  
 
.highlight {
 
width:300px;
background: #fff;
margin:10px 0px 30px 80px;
padding:10px 10px  10px 10px;
border:0px solid #337AC1 /*#8394D3*/;}
 



 .floatimgleft {
 
float:left;
margin-left:10px;
margin-top:12px;
margin-right:20px;
margin-bottom:10px;
padding:0;
display:inline;
}


 
 .floatimgright {
 display:inline;
float:right;
margin-top:10px;
margin-right:15px;
margin-bottom:10px;
margin-left:20px;

}

.bluelink {
background:transparent; text-align:center;}
  
a:link.bluelink, a:visited.bluelink { 

color:#2A7DD4;
}

.bluelink a:hover {
color:#0211A6; }

.shadow {
-moz-box-shadow:4px 4px 10px #57627F;
-webkit-box-shadow:4px 4px 10px #57627f; }

.noshadow {
background:transparent;
border:0; }

.author  p{
font-style:italic;
color:#ABA9A9;
font-size:80%;
margin-left:8px; } 



.special {
color:#E00028; }

.green {
color:#679C20; }

span.new {background:#FD0B3D;color:#fff;font-style:italic; }
 
/*....................................HEADER..........*/

 
#header {
  position:relative;
  top:-15px;
  left:auto;

  text-align:center;
  background:#8caff2 url("http://www.esaheatac.com/buttons-icons/header_gray.jpg") repeat-x;
  
  height:3.9cm;
 width: 917px;
 
  margin:0px 0px 10px 0px;
  border-top:0px solid #2d3a64;
   border-right:0px solid #9A9B9C;
   border-bottom:6px double #2052BB;
   border-left:0px solid #223172; 
  padding:0px 0px 0px 0px;
  overflow:visible;
  z-index:800;
  text-align:left;

 color: #103C88;
    }
  
#header img {
position:relative;float:left; LEFT: 0px;  MARGIN:  0px 20px 20px 0px; TOP: 20px;

} 


#header img.name  {
float:left;
top:20px;
display:inline;
font-weight:normal;
color: #103C88 ;

margin:15px 0px 0px  -7px; 
padding:0px 0 0px  0px;
width:465px;
height:24px;
}



#header h3{

position:relative;
float:left;
clear:left;
display:block;
width:400px;
font-size: 1.2em;
font-weight:normal;
color: #123298;
font-weight:bold;
font-variant: small-caps;
margin:-74px 0 0 165px; 
padding:0px 0 2px  0px;
letter-spacing:.12em;
line-height:1.25em;}

#header h3.special {
position:relative;
display:block;
margin-top:-48px;
clear:left;
color:#FD0B3D;
font-variant:normal;
font-style:italic; }

#header h4 {
float:left;
clear:left;
display:block;
font-weight:normal;
color: #123298;
font-weight:bold;
margin:36px 0px 0px  152px; 
padding:0px 0 0px  0px;
letter-spacing:.12em;}

#header h5.state {
position:relative;
float:left;
clear:left;
width:400px;
font-weight:normal;
color:#123298;
letter-spacing:.1em;
margin:-2.0em 0 .2em 165px;}
 


 #best {
 position:absolute;

top:18px;
left:715px;
background-image: url('http://www.esaheatac.com/logos/best_star.gif') ;


background-repeat: no-repeat;
overflow:hidden;
width:198px;
height:122px; 
margin:0px  0 0 0px;
padding: 0 0 0px 0;}

#best h5 {

width:100px;
text-align:right;
margin:0px 0px 0 8px;
padding:20px 1px 0 3px;
letter-spacing:.05em;
font-size: .8em;
font-weight:bold;}

#best img {
z-index:700;
display:block;
margin:-55px 28px 0 0px;
padding:0 0 0 10px;
}


#header ul {
 position:absolute;
 top:140px;
left:187px;
  width: 729px;
  display:block;
background:   #0F2E76 url('http://www.esaheatac.com/buttons-icons/menu_bar_bg.gif') repeat-x;
 margin:0px 0px 8px 0px;
  padding:1px 0px  0px 0px;
border-top: 1px solid #113F9B;
border-right: 2px solid #113F9B;
border-bottom: 1px solid #113F9B;
    overflow:hidden;
  z-index:804;
  }
  
 
#header li  {
  display:inline-block;
  visibility:visible;
   float:right;

  margin: 0px 8px 0px  0px ;
  padding: 0px 0px 0px 0px ;
  background:  #002476 url('http://www.esaheatac.com/buttons-icons/menu_bar_bg.gif') repeat-x;
  
    }
  


#header li a {
line-height:.74cm;
   text-decoration:none;
    background: transparent;
 text-align:center;
  margin: 0px 0px 0px 0px;
  padding:  7px 12px 6px 12px;
  /*-moz-border-radius: 12px;     -webkit-border-radius:12px;     border-radius: 12px; */

  color: #Fff ;
  font-weight:bold;
  font-style:italic;
font-size: 1em;
  z-index:806;
  }
  
  
  #header li a:hover {
  text-decoration:none;
 background: url('http://www.esaheatac.com/buttons-icons/menu_bar_bg_hover.gif') repeat-x;
   color: #001889;
 
 }

 #header li.current {
background: url('http://www.esaheatac.com/buttons-icons/menu_bar_bg_hover.gif') repeat-x;
/* -moz-border-radius: 12px;     -webkit-border-radius:12px;     border-radius: 12px; */
margin: 0px 5px 0px  0px ;
  padding: 0px 0px 0px 0px ;
   }

 
 
   
 #header li.current a {
color: #001889;
margin: 0px 0px 0px 0px;
  padding:  7px 8px 6px 8px;
  }
  
   
#header li.current a:hover {

   background: url('http://www.esaheatac.com/buttons-icons/menu_bar_bg_hover.gif') repeat-x;
color:#001889;
}
 
 #header span a:hover {
  color:#001889;
   }
   

 #best img {
 position:relative;float:right;visibility:visible;z-index:504;top:-4px;right:-2px;background:transparent;border:none;}



  

 #header a img {
text-decoration:none;border:none; } 


  
 /* ......End Header..................*/
/*....................................LEFT MENU..............*/

#leftmenu {
  position:absolute;
    top:9.2em;
  left:0px;
  bottom:0;
  width:176px;
  height:auto;
  z-index:0;
  margin: 0px 0 0 0px;
  padding:0px 0 0 3px;
 text-align:left;
    background: transparent;
 border-left: 1px solid #7B7D7F;
  color:#092994;


  font-weight: normal;
  font-size: .8em;

  line-height: 1.2em;
    }
    
#leftmenu h2{
  margin:15px 1px 2px 2px;
  padding:10px 8px 10px 4px;
  width:140px;
  text-align:center;
   }


#leftmenu h4 {

  margin:10px 14px 0px 8px;
  padding:4px 5px 5px 2px;

  text-align:right;

font-size:1.5em;
line-height:1.5em;
  }


#leftmenu h5 {
 
  text-align:left;
  
  margin: 0;
   padding: 0 0 0 10px;
  
  font-weight:bold;
  line-height: 1.4em;

  } 
  
#leftmenu p {
  font-size:110%;
  color:#fff;
  
   margin: 5px;
   padding: 0 0 0 10px;
      }
    


#leftmenu a:visited {
  text-decoration:none;
  color:#2F17C4;
   
  margin: 0 0 0 7px;
   padding: 4px 0 4px 0px;
  
     }


#leftmenu a:link {
  color: #2F17C4;
  text-decoration: none;
  margin: 0 0 0 7px;
   padding: 0px 0 4px 0px;
   
   }

  
  #leftmenu span, #leftmenu span a:link, #leftmenu span a:visited, #leftmenu span a:hover  {
   text-decoration:none;
   margin: 0 0 0  0px;
   padding: 0 0 0  5px;
 
   background:#C7D0DB;
   }

.leftmenu hr {
width:100%;size:1px;color:#C8C8C8;background-color: #c8c8c8; }

#leftmenu ul {
  position:relative;
 
  left: 2px;
  list-style :none;
 margin:30px 5px 20px 3px;
  padding:  0px 0px 0px 0px;
  width:154px;
  border-top:0px solid #727270;
  border-bottom:0px solid #727270;
   line-height: 1.3em;    }
       
 #leftmenu li {
 
 width:152px;
 margin:0px 0 2px 0px;
 padding:0px 0px 0px 0px;
 border:none;
 }
 #leftmenu li a:link, #leftmenu li a:visited {
 width:148px;
 display:block;
 margin:0px 0px 0px 0px;
 padding:3px 0px 3px 2px;
 
 text-decoration:none;
 text-align:right;
 color: #233559;
font-weight:bold;
  }
#leftmenu a.current {
background: #fff url('http://www.esaheatac.com/buttons-icons/leftmenue_corner.jpg') top left no-repeat ;
}
      
#leftmenu li a:hover {
display:block;
 background:#fff url('http://www.esaheatac.com/buttons-icons/leftmenue_corner.jpg') top left no-repeat;
 
color:#3168DC; 
width:149px;
 margin:0px 0px 0px 0px;
 padding:3px 7px 3px 1px;

 }



 #leftmenu li.current  {
 background: #E9F0FD;
 
 width:148px;
 line-height: 1.2em;
 border-right:1px solid #FBFCFF;
border-bottom:1px solid #AEAFB0;
 }

#leftmenu a:link.current, #leftmenu a:visited.current   {
  background: #fff url('http://www.esaheatac.com/buttons-icons/leftmenue_corner.jpg') 0px 0px no-repeat;

 color:#3168DC;
  width:147px;
 display:block;

 padding:3px 6px 4px 5px;
 border-right:0px solid #ebedf7;
 }
  
 #leftmenu a:hover.current {
 color:#3168DC; 

 padding:3px 6px 4px 5px;


  } 
  
 #leftmenu ul.submenu {
background: #fff;
   width:151px;
 margin:-3px 0px 4px -2px;
 padding:3px 5px 0px 0px;
 border-top:0;
 border-right:1px solid #E0EAFC;
   border-bottom:1px solid #E0EAFC;
  border-left:1px solid #E0EAFC;
      }
      
#leftmenu li.submenu {
 
width:147px;
 border:none;
   line-height: 1.2em;  
    font-weight:normal;
 background:#fff; 

 text-align:right;
      
  }
#leftmenu li.submenu a:link, #leftmenu li.submenu a:visited {
background: transparent;  
font-weight:normal;
 text-align:right;
 
line-height: 1.2em;
 width:146px;
 display:block;
  }
 
#leftmenu li.submenu a:hover {
background:transparent;
text-decoration:underline;
line-height: 1.2em;
margin:0px 0px 0px 0px;
 padding:3px 4px 3px 2px;
color:#3168DC;
}
     
#leftmenu li.submenuc {
 background:#fff;
  font-weight:normal;
 width:146px;
 display:block;
text-align:right;

}

 #leftmenu li.submenuc a:link, #leftmenu li.submenuc a:visited {
background: #fff;
  
font-weight:normal;
 text-align:right;

line-height: 1.2em;
 width:146px;
 display:block;
margin:0px 0px 2px 0px;
 padding:3px 4px 3px 1px;

}

#leftmenu li.submenuc a:hover {
     background:transparent;
  font-weight:normal;
 width:146px;
 display:block;
text-align:right;
color:#3168DC;
   }


 #leftmenu li.submenuc span{
background: transparent;
color:#3168DC;
    font-weight:bold;

     }  
 
#leftimage {
margin:35px 20px 0 10px;
padding:0;
background:transparent;
text-align:right; } 



#leftmenu a.update {
position:relative;
left:8px;
right:15px;
width:141px;
text-decoration:none;
text-align:right;
background:#51BA20 url('http://www.esaheatac.com/buttons-icons/update_corner.jpg') no-repeat;

color:#fff; font-size:11pt;
line-height: 1.5em;
margin:0px 15px 5px 0px;
padding:10px 12px 10px 5px;
border:0px solid #c76633;

font-weight:bold;
font-style:italic;
overflow:visible;
display:block;}

#leftmenu a:link.update, #leftmenu a:visited.update {
color:#fff;
padding-right:4px;
}

#leftmenu a:hover.update  {
border:0px solid #54ace2;
color:#1B35B3;
padding-right:4px; }



 
/*...End Left menu...*/


 
/*.....................................TEXT......*/
   
#text {

position:relative;
top: 1em;
display:inline;
width:695px;
min-height:900px;
font-size: .9em;
text-align:left;
background: #fff;
   margin:0px 0px 0 186px;
  padding: 0px 0px 0 18px;
  line-height:1.3em;


   overflow:visible;
  border-left:1px solid #A0ABC6;
  border-top:none;
 border-right:1px solid #A0ABC6;
 border-bottom:1px solid #576A96;
  display:block;
  
 
 color:#233559;
  }
  
  


#text h2{
  display:block;
 width:500px;
  
  line-height: 1.5em;
  font-style:italic;
  
 letter-spacing:.01em;
  }
  
 #text h3 {
 display:block;
 width:450px;
  font-family: "arial narrow";
 text-align:left;
 
  }
 
 #text h4{
  display:block;
  width:400px;
  text-align:left;

 font-family: "arial narrow";
font-size: 1.3em;
line-height:1.3em;
  font-style:italic;
margin-top:2.0em;
margin-bottom:.5em;
  }
  
 #text h5 {
 font-size: 1.1em;
  line-height:1.2em;
  width:450px;
  }


#text ul {
 
  padding: 0px 10px 0    10px;
  margin: 0 0  1em 0px;
  list-style-type: disc;
  list-style-position: outside;
   width:360px;
   }
   

#text p{
   width:440px;
  display:block;

  
  }
  
#text p.short, #text h3.short, #text h4.short, #text ul.short, #text dl.short   {
width:400px;
 }  

#text dl dd.short {
width:380px; }
  
 
 


   
#text ul li {
  margin: .5em 0px 0  30px;
  padding: 0px 0px .5em  0px;
  clear:right;
  
  }

#text li a:link {
line-height: 1.2em;

}

#text dl { 
  margin-top:-1.5em;
    width:440px;
   }
   
#text dt {

   margin: 2.25em 0px .75em  2.75em;
  text-indent:-1.0em;
  font-size:110%;
  font-weight:bold;
   width:400px;
  }
  
  
#text dd {
 margin: 0px 0px 1em 3.2em;
   width:430px;
  }
#text dd ul {
 
 list-style-type:disc;

  width:430px;
 }  


  
  #text ol {
   padding: 2px 2px 2px   20px;
  margin: 0px 0px  0px 0px;
  list-style: decimal outside;
  
   width:440px;
   } 


#text ol li {
   display: list-item;
vertical-align:top; 
    margin: 0px 0px 1em  30px;
  padding: 0px;
  line-height:1em;
   width:440px;
   }  
   
 #text ul ol {
 width:220px; }
 

 #text a:visited {
color: #4769AD;
text-decoration:underline;
font-weight:bold;
} 
  
#text a:link {
 color: #4769AD;
font-weight:bold;
text-decoration:underline;
}


 
#text a:hover {
  color:#5B84FF ;
font-weight:bold;
text-decoration:none;
 
  }
 
 
/*.................................PHOTOS.............*/
  
#photos {

position:relative;
width:auto;
height:136px;

background: #2052bb url('http://www.esaheatac.com/buttons-icons/photo_corner.jpg') no-repeat;
color:#fff;
margin:0px 0px 30px -19px;
padding:0px 0px 0px 0px; 
border-right:1px solid #0F1635;
border-left:0px solid #ADD2FF;
border-top:0px solid #add2ff;
}


#photos img{

float:right;
width:auto;
display:inline;

padding:0px;
margin: 1px 0px 0px 0px;
background: #41609F;
 }


#photos h1 {
position:relative;
margin:0px 0px 0px 10px;
padding:  66px 0px 0px 12px;
line-height:1.5em;
width:450px;
text-indent:0px;
color:#fff;
font-weight:bold;
font-family: "Arial narrow";
font-size: 1.5em;

letter-spacing:.05em;

 }

/*..........END PHOTOS.....*/
  


  
 /*.............................DROPDOWN............*/
 
 #dropdown ul {
 position:relative;
 float:right;
width:190px;
margin:2em 16px 20px 0px; 
padding:0 0 4px 0;
z-index:200;

font-size: 1em;
color:#4065D8; }



#dropdown  ul li {

padding-bottom: 1.5em;
}

#dropdown  a:link, #dropdown  a:visited {
font-weight:bold;
     color:#113F9B;
text-decoration:none;
    } 
  
#dropdown a:hover {
color:#5B84FF;
text-decoration:underline;
}
#dropdown li.current {

color:#5B84FF; }

#dropdown a.current {

color:#5B84FF;
text-decoration:none; }
 




/*..................................TIP........*/

#tip {
position:relative;
display:block;
width:500px;
margin:50px 0px 50px -160px;
padding:0 0 60px 0;
border:none; 
overflow:visible;
z-index:900;}

#tip  ul {

overflow:visible;
display:block;
width:650px;
margin:0;
padding:0; }

#tip li {
display:inline;
overflow:visible;
float:left;
list-style:none;
margin:5px;
padding:5px; }

#tip  img {
margin:0;
padding:0; }

#tip  p {
position:relative;
left:-20px;
width:260px;
margin:0;
padding:0;
color:#53A82C;
font-weight:bold; }



/*............................RIGHTSIDE BOX.................*/

#rightsidebox {
position:absolute;
top:10em;
left:512px;
width:190px;
background: transparent ;
margin:3em 10px 10px 1px;
border:0;
display:block;
color: #144AB6;
padding:15px 5px 0px 2px;

 }
 

 #rightsidebox.orangeshadow {
 
background: #EAEBEE  ;
 margin-left:-6px;
padding:15px 5px 0px 2px;
border-top:1px solid #CBCED5;
 border-right:2px solid #617DD0;
 border-bottom:1px solid #617dd0;
 border-left:1px solid #CBCED5;
 font-weight:normal; } 

#rightsidebox.customer {
margin-left:-2.5em;width:220px;height:287px;text-align:left;background: transparent url('buttons-icons/note.jpg') no-repeat;
background-image-position:top:0em left:-36em;
border:0;
padding:5em 0em 1em 1.5em;

font-size:90%;
font-style:italic;
 }
 
#rightsidebox.customer p {
padding:0;
font-size:90%;
width:170px;}
 
.blue {
width:170px;

background:#778BCE;
border:1px solid #637AC7;
color: #EBEDF7;

letter-spacing:normal;
 }

#rightsidebox img {
display:block;
margin: 10px 10px 5px 10px; }
 
#rightsidebox h3 {
margin:10px 10px 5px 10px;
width:160px;
}

 #rightsidebox h4 {
width:160px;line-height: 1.3em;margin:10px 10px 5px 10px;font-family: Arial;font-style:italic;font-size: 1.1em; }

#rightsidebox h5 {
 width:160px;margin:10px 10px 5px 10px; text-align:center;}

#rightsidebox p {

width:160px;margin:10px 10px 5px 10px; font-weight:normal;}

#rightsidebox a:link, #rightsidebox a:visited  {
color:#4065D8;
line-height: 1.5em;
margin:10px 10px 5px 10px;
padding:0px;
text-align:center; 
background:transparent;
border:none;

font-weight:bold;}

#rightsidebox a:hover {
color: #5B84FF;
text-decoration:none;}

#rightsidebox ul {
width:175px;margin-left: -5px;}

#rightsidebox li  {font-weight:bold;}

#rightsidebox.bluelink a, .bluelink a:link, .bluelink a:visited
{color:#1B35B3;}

#rightsidebox.bluelink a:hover{
color:#2A7DD4;}
/*...............end Rightside Box............*/
  
 /*..........end text.....*/  
   /*...print footer..*/
  
  #pfoot {
display:none;
 
  bottom:1px;
 
  margin:   150px 0 5px   350px;
  padding: 0px 0 5px 0;  
  width:310px;
  text-align:center;
   font-size: 0.8em;
  
  } 
 #pfoot p {
   margin:0;
   padding:8px 0 5px 0;
   }

#pfoot hr {
  width:100%;
  height:1px;
  color:#fff;
  background:#fff;
  margin:0;
  padding:0;
  border-top:1px solid #dbdce0;
  
  }
  
/*...........................FOOTER.................*/

#foot {

  position:relative;
   margin:   100px 0 0px   0px;
  padding: 0px 0 8px 0;  
  width:918px;
  height:100%;border-top:1px solid #fff;
  border-bottom:1px solid #fff;
 background:   #0F2E76 url('http://www.esaheatac.com/buttons-icons/menu_bar_bg.gif') repeat-x;
  text-align:center;
   font-size: 0.75em;
   color:#fff;
  z-index:900;
  } 
 
 #foot ul {
 width:100%;
 margin:0px;
 padding:9px 0 4px 0;
 border:none;
   }
  
#foot li {
display:inline;
margin:10px;
padding:0px;
color:#fff;
 }
 
 .print{
 display:none; }