/* CSS Document */
/* ----Content -----------*/
#content {
margin-left:10px;
margin-top: 10px;
margin-right: 10px;
vertical-align:top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

}
/* ----content -----------*/

/* ----Body -------------*/
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px
}
/* ----Body end--------------*/

/* ----Header---------------*/
.homecell{border: 1px solid #224366; }
.productcell{ border-bottom:1px solid #224366; border-top:1px solid #224366; border-right: 1px solid #224366; }
.topdown{border-bottom:1px solid #224366; border-top:1px solid #224366;}
.dottecell {border-bottom:1px solid #224366; border-top:1px solid #224366; border-right: 1px solid #224366 dotted;}
.logocell {border-right: 1px solid #224366 dotted;}
/* ----links---*/
.black { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
.whitelink  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight:bold;}
.whitelink A:link {text-decoration: none; color:#FFFFFF}
.whitelink A:visited {text-decoration: none; color:#FFFFFF}
.whitelink A:hover {text-decoration: none; color:#003399}
.whitelink A:active {text-decoration: none; color:#FFFFFF}

.blacklinkunder  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
.blacklinkunder  A:link {text-decoration: underline;  color:#00OOOO}
.blacklinkunder  A:visited {text-decoration: underline;  color:#000000}
.blacklinkunder  A:hover {text-decoration: underline;  color:#FFFFFF}
.blacklinkunder  A:active {text-decoration: underline; color:#000000}

.bluelink  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0066FF;}
.bluelink A:link {text-decoration: none; color:#0066FF}
.bluelink A:visited {text-decoration: none; color:#0066FF}
.bluelink A:hover {text-decoration: none; color:#000000}
.bluelink A:active {text-decoration: none; color:#0066FF}
.style1 {font-weight: bold}

.blacklink  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
.blacklink A:link {text-decoration: none; color:#0066FF0000}
.blacklink A:visited {text-decoration: none; color:#000000}
.blacklink A:hover {text-decoration: none; color:#0066FF}
.blacklink A:active {text-decoration: none; color:#000000}
/* --links-*/

/* --Text -*/
.topbox { font:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold}
/* --Text end-*/


/* ----Header End----------*/
.focell { border-bottom:1px solid #FFFFFF; border-top:1px solid #999999; }
.focell2 { border-bottom:1px solid #999999; border-top:2px solid #003399; }

/* ----Footer End----------*/


/* -------Table content 3 columns ---------- \*/
.tablefront { width:780PX; border-right: 1px solid #999999;}
.tablefronttdleft{ width:160px}
.tablefronttrigh { width:170px}
.tablefrontcontent { width:450px;}

/* --------Table content 3 columns ---- \*/

/* -------Table content 2 columns ---------- \*/
.tablefront2 { width:780PX; border-right: 1px solid #999999;}
.tablefronttdleft2{ width:160px; border-right: 1px solid #999999; }
.tablefrontcontent2 { width:620px;}

/* --------Table content 2 columns ---- \*/

/* -------Table content right columns only ---------- \*/
.tablefront4 { width:780PX; border-right: 1px solid #999999;}
.tablefronttdright4{ width:170px}
.tablefrontcontent4 { width:610px;}

/* --------Table content right columns only  ---- \*/

/* -------Table content 1 columns ---------- \*/
.tablefront1 { width:780PX; border-right: 1px solid #999999;}
.tableregular { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.tableregular2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

/* --------Table content1 columns ---- \*/

/* Footer hightlighter*/
body#About a#abo,
body#Agent a#agen,
body#Requestprice a#rqpc,
body#rqstinfo a#rqinf,
body#contact a#ctct,
body#Callme a#clme,





{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0000FF;
}
/* Footer hightlighter end*/

/* top text products r*/
body#gasbooster a#gsbotr,
body#waterheat a#whtr,

{
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

/* products navigation */
body#fire200 a#Fm200,
body#Ffeatures a#Fmfeat,
body#FAccesories a#Fmacc,
body#Fspecification a#Fmspect,
body#Fwarranty a#Fmwar,





{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0000FF; background-color:#FFFFFF; width:100%; height:20px;
}
/* end products navigation */
/*----------------------------products left nave-----------------*/

/* PowerMax left nave*/
.powerMaxleftnav{ border: 1px solid #CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:100%; text-align:center; border-spacing:1px;
}
/* PowerMax left nave end*/

/*--------------------products left nav ends---------------------*/
.frontText2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.frontText{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.hr {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #E5ECF4;}

.bullet {list-style-image: url(../images/productArrow.gif);} 

/*--------------------Drop Down Menu---------------------*/

/* the Default theme */
*::-moz-any-link br,*:-moz-any-link br { 
/*a workarround for mozilla*/
display:none;
}
div#menu * {
border-collapse: collapse; /*removes the cell-borders*/
cursor: pointer; /*because IE displays the text cursor if the link is inactive*/
}
.disabled {
   color: red !important;
   background: none !important;
}
div#menu {
   background: #E5ECF4;
   font: 10px Verdana, sans-serif;
   height: 15px;
   white-space: nowrap;
   width: 100%;
}
div#menu .a {
   background: #E5ECF4;
   border: 1px solid #E5ECF4;
   color: #000000;
   text-decoration: none;
}
div#menu .a table {
   display: block;
   font: 10px Verdana, sans-serif;
   white-space: nowrap;
}
div#menu table, div#menu table a {
   display: none;
}
div#menu .a:hover {
   background: #E5ECF4;
   border: 1px solid #000080;
   color: #0000FF;
   margin-right:-1px; /*resolves a problem with Opera not displaying the right border*/
}

div#menu .a:hover table a:hover, div#menu div.menuitem:hover table a:hover {
   background: #7DA6EE;
   border: 1px solid #000000;
   border-left: 10px solid #000000;
   color: #000000;
   display: block;
   padding: 0px 12px;
   text-decoration: none;
   z-index: 1000;
}
td {
   border-width: 0px;
   padding: 0px 0px 0px 0px;
}
.menuitem {
   float: left;
   margin: 1px 1px 1px 1px;
   padding: 1px 1px 1px 1px;
}
.menuitem * {
   padding: 0px 0px 0px 0px;
}
#other {
   height: auto;visibility: visible;
}
#moz{
 height: 1px;visibility: hidden;
}
#moz::-moz-cell-content{
height: auto; visibility: visible;
}
#other::-moz-cell-content{
 height: 1px; visibility: hidden;
}
#holder {
   width: 100%;
}


/* the blue theme */
*::-moz-any-link br,*:-moz-any-link br { 
/*a workarround for mozilla*/
display:none;
}
div#menu * {
border-collapse: collapse; /*removes the cell-borders*/
cursor: pointer; /*because IE displays the text cursor if the link is inactive*/
}
.disabled {
   color: red !important;
   background: none !important;
}
div#menu {
   background: #E5ECF4;
   font: 11px Verdana, sans-serif;
   height: 17px;
   white-space: nowrap;
   width: 100%;
}
div#menu .a {
   background: #E5ECF4;
   border: 1px solid #E5ECF4;
   color: #000000;
   text-decoration: underline;
 
}
div#menu .a table {
   display: block;
   font: 11px Verdana, sans-serif;
   white-space: nowrap;
  
}
div#menu table, div#menu table a {
   display: none;
}
div#menu .a:hover, div#menu div.menuitem:hover {
   background: #E5ECF4;
   border: 0px solid #000080;
   color: #0000FF;
   margin-right:-1px; /*resolves a problem with Opera not displaying the right border*/
}
div#menu .a:hover table, div#menu div.menuitem:hover table{
   background: #799FC4;
   border: 1px solid #000080;
   display: block;
   position: absolute;
   white-space: nowrap;
}
/*--------------------menu aligment---------------------*/
div#menu .a:hover table a, div#menu div.menuitem:hover table a {
   border-right: 1px solid #7DA6EE; /*resolves a jump problem*/
   color: #000000;
   display: block;
   padding: 1px 2px 1px 0px;
   text-decoration: none;
   white-space: nowrap;
   z-index: 1000;
}
div#menu .a:hover table a:hover, div#menu div.menuitem:hover table a:hover {
   background: #E5ECF4;
   border: 1px solid #000080;
   color: #000000;
   display: block;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
   z-index: 1000;
}
/*--------------------menu aligment---------------------*/
td {
   border-width: 0px;
   padding: 0px 0px 0px 0px;
}
.menuitem {
   float: left;
   margin: 1px 1px 1px 1px;
   padding: 1px 1px 1px 1px;
}
.menuitem * {
   padding: 0px 0px 0px 0px;
}
#other {
   height: auto;visibility: visible;
}
#moz{
 height: 1px;visibility: hidden;
}
#moz::-moz-cell-content{
height: auto; visibility: visible;
}
#other::-moz-cell-content{
 height: 1px; visibility: hidden;
}
#holder {
   width: 100%;
}
/*--------------------END Drop Down Menu---------------------*/