div {border: 0px solid black;}

body {background-image: url("../graphics/lblue131bkgrnd.gif"); margin-top:0; margin-left:0; margin-right:0; margin-bottom: 0;}
body.plain {background:"color=#bbbbbb";}

/*CSS-2 header, nav bars, vert bar-->*/

img.logoplace  { list-style-image: url("../graphics/newlogofinal.gif"); display: block; position: relative; top: 1%; left: 1% }

.headtext {position: absolute; top: 1%; left:65%; align: right; text-align: justify; padding-right: 2%;}

.adheadtext {position: absolute; top: 22%; left:45%; align: right; text-align: justify; padding-right: 2%;}

.vert-adheadtext {position: absolute; top: 1%; left:38%; width: 50%; align: left; text-align: justify; padding: 0%;}

div.vnavbar {position:absolute; top:146px; left:0;  width: 16%;  font-size: 14px; text-align: right; }

/*NEWdiv.vnavbar {position:relative; top:5%; left:0;  width: 16%;  font-size: 14px; text-align: right; float: left;"}*/

a.vnavsub { background:#50c5ff;  text-align: right; margin-right: 15px; margin-left:0;}
hr.vnavbar {width: 100%; height: 2px; color: #50c5ff; background-color: #50c5ff; border: 0;}
div.advnavbar {position:relative; top:5%; left:0;  width: 16%;  font-size: 14px; text-align: right; }
a.vnavsub { background:#50c5ff;  text-align: right; margin-right: 15px; margin-left:0;}

div.hnavbar {position:relative; top:5%; align:right; text-align: right; font-size: 13px;}
hr.hnavbar {width: 100%; height: 2px; color: #50c5ff; position:relative; top:5%; left:0; background-color: #50c5ff; border: 0;}

/*OLDdiv.content { position:absolute; top:143px; left:18%; z-index:-2;}
NEWdiv.content { position:relative; top:5%; width: 95%; padding-left: 15%;"}*/

div.content { position:relative; top: 30px; left:18%; width: 80%; height: 305px;}

div.content1 {position:relative; top: 30px; left:18%; width: 80%; height: 305px;}

div.adcontent { position:relative; top:5%; left:18%; width:80%;}
OLDdiv.table {width:98%; position:relative; top:25px; left:10px;}
div.table {width:98%; position:relative; top:30px; left:10px; border-collapse: collapse;}

div.footer {width: 100%; position:relative; bottom:0px; border: 0px solid; padding:10px;}
div.footer-onescreen {width: 100%; position:absolute; bottom:0px; border: 0px solid; padding:10px;}
div.toplink{text-align:right; margin bottom: 0; border: 0px solid; width: 27px; float: o; }



.top {text-align: right; font-size:-1; margin-right: 15px; margin bottom: 5px;}

.acrologo {width:70px; position:relative; top:5%; left:-32%; }

OLD.bgvertbar1 {position:absolute; top: 0; left: 0; width:15%;}
.bgvertbar {background-image: url("../graphics/vertbar02.gif");background-repeat:repeat-y;}
.bgvertbar100 {background-image: url("../graphics/vertbar02.gif");background-repeat:repeat-y;height:100%; }

.caredocs {font-size: 12px; bold; font-family: arial;}


/*Spec sheet settings*/
table.thumbnail {border:1; background-color: #ffffff; width: 75%; align: center;}
table.header {background-image: url("../graphics/lblue131bkgrnd.gif");}
td.header {background-image: url("../graphics/lblue131bkgrnd.gif");}
td.thumbnail {width: 33%; align: center; valign: middle;}
th.vert-navbar {valign: bottom; text-align:right; padding-left: 25px; padding-top: 20px; padding-bottom: 0px; }
img.thumbnail {height: 70px; border: 0; align: center; valign: middle; } 

.button {background: url("../graphics/button.gif"); background-repeat: no-repeat; background-position: center; align: center; font-size: 14px; width: 80%; }
.vertbar {background: url("../graphics/vertbar02.gif");  background-repeat: repeat-y; height=100%; }         
.horizbar-home {background: url("../graphics/horizbar01.gif");  width:100%; background-repeat: repeat-x; background-position: 0 104;}                             
.horizbar-pages {background: url("../graphics/horizbar01.gif");  width:100%; background-repeat: repeat-x; background-position: 0 125;}

<!--horizontal navigation bar-->

table.navbar { border-collapse: collapse; font-family: Ariel, Sans-serif; font-size: .7em; width: 480px; position:absolute; top: 105px; left: 400px;}
td.horiz-navbar {text-align:right; padding-right: 15px; height: 25px; border-bottom: 0;}
.bghorizbar { background-image: url("../graphics/horizbar01.gif"); background-repeat: repeat-x; height: 40px; background-position: bottom; border-bottom: 0;}
tr.position {position: absolute; top: 105px; height: 40px; }



<!--GALLERY SUB PAGES-->
body.subpage {background-image: url("../../../graphics/lblue131bkgrnd.gif"); margin-top:0; margin-left:0; margin-right:0; margin-bottom: 0;}
.button-gallery {background: url("../graphics/button.gif"); background-repeat: no-repeat; background-position: center; align: center; font-size: 14px; text-align: center; color:#000000; width: 130; height: 50;}
.gallerynav {text-align: center; font-size: 16px; color:#000077; width: 130; height: 50;}
.widebutton-gallery {background: url("../graphics/widebutton.gif"); background-repeat: no-repeat; background-position: center; align: center; font-size: 14px; text-align: center; color:#000000; width: 140; height: 50;}
.vertbar-subpage {background: url("../../../graphics/vertbar02.gif");  background-repeat: repeat-y; height=100%; }         
.horizbar2 {background: url("../../../graphics/horizbar01.gif");  width:100%; background-repeat: repeat-x; background-position: 0 104;}
img.large {width: 300; border: 1;}
div.gallerycontent {align: center; height:100%; position:relative; top:30px; left:18%; width:80%;}
.gallerycontact {align: left; margin-left: 2%; position: relative; bottom:0%;}
div.enlarge {bgcolor: #00f5f5; height: 375; width:375;}

font.sub-caption {color:#000077; font-size:10px; font-family:Arial, san-serif; }
.subcaption {color:#ffffff; background:#000077;}

<!--Tables:-->
#datatable
table#datatable { border-collapse: collapse;}
th#datatable {padding-left: 10px; padding-top: 15px; font-size: 14px; text-align: left; color: white; border-bottom: 2px #50c5ff groove; background-color: #000077; }
td#datatable { vertical-align:middle; font-size: 16;   border-bottom: 2px #50c5ff groove; padding-left: 10px;}
td#datatable-descr { width: 200px; vertical-align:middle; font-size: 16;   border-bottom: 2px #50c5ff groove; padding-left: 10px; padding-right: 30px;}
td#datatable-leftcol { vertical-align:middle; font-size: 16;   border-bottom: 2px #50c5ff groove; padding-left: 30px;}

font#datatable {}
tr#datatable {height: 90;}
img#datatable { width: 100; align: center; vertical-align: middle; }



<!--Links-->
a.button {color: "#151515";}
a:visited {color: "#990099";}
a:hover {color: "#0000ff";}
a.thumbnail {target: "_blank";}
a.external {target:"_blank";}

<!--dropdown menu - horizontal bar-->

table#vertnavbar{position: absolute; top: 150; left: 0;}

#productsub
{border: 1; font-weight: bold; background:#50c5ff;
visibility: hidden;
position: absolute;
left:390px; top:135px;
}
#productsub
a:hover{color: #ffffff;}

#faqsub
{border: 1; font-weight: bold; background:#50c5ff;
visibility: hidden;
position: absolute;
left:550px; top:135px;
}
#faqsub
a:hover{color: #ffffff;}

<!--tr.thumbnail {align: "middle"; verticle-align: "middle";}-->
<!--blue:#50c5ff-->
<!--<link rel= stylesheet href="mystyles.css" TYPE="text/css">-->

/*"Top of page" line. place inside bottom of page div.
<p class="footer" align="right"><a href="#top">top</a></p>*/

/*Link to Acrobat Reader

for text and logo positioned in the vnavbar area. place under the hnavbar div:
<div class="vnavbar" style=" height: 90%; margin-top: 125px; text-align:left; width:90px; margin-left:15px ">
	<p><font size="2">You will need Adobe Acrobat Reader installed to view these documents. To download it free <a target="_blank" href="http://www.adobe.com/products/acrobat/readstep2.html" alt="link to Adobe.com download page">Click here: <br/><br/> <img border="0" width="80" src="../graphics/getacro.gif" alt="adobe acrobat logo"></a></font></p>
</div>

for Acrobat logo/link only positionted under Phoenix logo. place this line under the hnavbar div:
<a target="_blank" href="http://www.adobe.com/products/acrobat/readstep2.html" alt="link to Adobe.com download page"><img class="acrologo"  src="../graphics/getacro.gif" alt="link to Adobe Acrobat" ></a>
*/