/* Style Sheet for pages in root directory*/
html, body {
    font-family: arial, Sans-Serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    background-image: url(../siteArt/backgroundArt/background.jpg);
    background-repeat: repeat-y;
    background-position: center;
    background-color: #CCCCCC;
    min-height:100%; 
    margin-bottom:1px; 
}

/* main container for page */
#bodywrap {
    width: 800px;
    margin: 0 auto 0 auto;
    padding: 0;
}

/* container for banner across top - heading.asp*/
#banner {
    width: 800px;
    height: 76px;
    margin: 0 auto 0 auto;
    padding: 0;
}

/* container for contact */
#contact {
    font-weight: bold; 
    font-size: 8pt;
    font-family: arial, Helvetica, Sans-Serif; 
    color: #000;
	margin-top:5px;
	margin-left: 20px;
}
#contact a {
    text-decoration: none;
    color: #000000;
}
    
#contact a:hover {
	text-decoration:underline;
	color: #FFFFFF;
}
/* container for logo - heading.asp */
#logo {
    margin: 15px;
    padding: 0;
    float: left;
    position: relative;
}

/* container for search box - heading.asp */ 
#schBox {
    background-image: url(../siteArt/backgroundArt/bgSearch.gif);
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: left;
    height: 76px;
    width: 400px;
    float: right;    
}

/* container for search form - heading.asp */
#schForm {
    text-align: center; 
    margin-top: 20px;
}

/* >>> Begin drop down menu styles - heading.asp */
/* position top menu items */
#Dnavmenu 
{
   position: relative;
   z-index: 999;
   width: 800px;
   height: 21px;
   margin-left: auto;
   margin-right: auto;
   margin-top: -1px;
  _margin-bottom: -15px;
   padding: 0px;
   background: transparent;
   background: #CCC url(../siteArt/backgroundArt/menubar1.gif) repeat-x 0% 0%;
}

/* set top menu items */
.Dmenu {
   text-align: left;
   font-family: arial, verdana, sans-serif;
   position: relative;
   font-size: 11px;
   height: 12px; 
   margin: 0px;
   padding: 0px; 
   list-style-type: none;
}

/* snug up together */
.Dmenu ul {
   padding: 0px; 
   margin: 0px; 
   list-style-type: none;
}

/* float list items */
.Dmenu li {
   float: left;
   position: relative;
}

/* styles for top menu items */
.Dmenu li a, .Dmenu li a:visited {
   margin-right: 1px;
   display: block; 
   text-decoration: none; 
   text-align: center;
   width: 100px;
   color: #000000;
   float: left; 
   height: 20px; 
   line-height: 22px; 
   font-weight: bold;
   outline: none;
}

/* hide submenu until hovered over */
.Dmenu li ul {
   visibility: hidden; 
   position: absolute; 
   top: 20px; 
   left: 0px; 
   height: 0; 
   overflow: hidden;
   text-align: left;
}

/* IE bug fix */
.Dmenu table {
   margin: 0px; 
   border-collapse: collapse; 
}

/* colors for top menu items */
.Dmenu li:hover a, 
.Dmenu li a:hover {
   background-image: url(../siteArt/backgroundArt/menubar2.gif);
   background-repeat: repeat-x;
   color: black;
   /*margin-right: 0px;*/
}

/* define colors for submenu items */
.Dmenu li:hover ul li a:hover, 
.Dmenu li a:hover ul li a:hover {
   color: #000000;
   background-color: #BFC9DC;
   border: solid 1px #BFC9DC;
}

/* display submenu when hovered over */
.Dmenu li:hover ul, .Dmenu li a:hover ul {
   visibility: visible; 
   height: auto;
   position: absolute;  
   top: 20px;
   _top: 20px; 
   overflow: visible;
   padding: 1px;
   margin: 0px;
   width: auto;
   background-color: #8897B7;
   border: solid 1px #8897B7;
   opacity: .95;
   filter: alpha(opacity=95);
   font-weight: bold;
}

/* styles for submenu when hovered over */ 
.Dmenu li:hover ul li a, 
.Dmenu li a:hover ul li a {
   display: block;
   font-weight: normal; 
   text-decoration: none; 
   text-align: left;
   height: auto; 
   line-height: 12px; 
   padding: 3px 4px;
   margin: 1px 0px;
   font-weight: normal; 
   color: #000000;
   background-image: none;
   background-color: #8897B7;
   border: solid 1px #8897B7;
   width: 120px;
}

.arrow {
    background-image: url(../siteArt/navArt/downarrow.gif); 
    background-position: 99%;
    background-repeat: no-repeat;
}
/* <<< End drop down menu styles */

/* >>> Begin generic styles */
.graybar 
{
    position: relative;
    top: -3px;
    padding: 0;
    margin: 0;
}

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

.bodytext {
	font-family: arial;
	font-size: 12px;
	padding: 8px;
}

#midwords {
    width: 800px;
    height: 38px;
    padding: 0px;
    margin: 0px;
    position: relative;
    top: -4px;
    left: 0px;
}

#boxMiddle {
    text-align: center;
    width: auto;
    height: 450px;
    padding: 0;
/*    margin: 0px auto 0px auto;*/
    position: relative;
    top: 0px;
}

#heading {
	padding-top: 10px;
	padding-bottom: 10px;
}

.lists 
{
    width: 420px; 
    margin-left:auto; 
    margin-right: auto;
    text-align: left;
}

/* <<< End generic styles */

/* >>> Begin styles for home page */
#midbody {
    width: 800px;
    height: 300px;
    padding: 0;
    margin: 0px auto 0px auto;
    position: relative;
    top: -4px;
    background-repeat: no-repeat;
    background-position: center;
}

.news {
    width: 100px;
    position: relative;
    top: 24px;
    left: 300px;
    font-size: 10pt; 
    font-family: arial, Helvetica, Sans-Serif;
    font-weight: bold;
}

.news a {
    color: #F26400;
}

#DSslidecontainer {
    width: 300px;
    margin: 0;
    position: relative;
    left: 80px;
    top: 35px;
}    

#DSslideshow {
    text-align: center;
    margin: 0;
    padding: 0
}

#DSslideimg {
    margin: 0px 0px 0px 0px;
    padding: 0;
}
/* <<< End styles for home page */

#botBox {
    text-align: center;
    width: 800px;
    height: 170px;
    margin: 0;
    padding: 0;
    background-image: url(../siteArt/boxArt/orangeIndexBox.gif);
    background-repeat: no-repeat;
    background-position: center;
}

#botBox img, #botBox a {
    margin: 0;
    padding: 15px 0 0 0;
    text-decoration: none;
}

#botBoxImg {
    clear: both
}

#more 
{
    font-size: 10pt;
    font-weight: bold;
    letter-spacing: 2px;
    float: left;
    position: relative;
    top: 12px;
    left: 65px;
}

#demos {
   z-index: 999;
   width: 620px;
   height: 20px;
   position: relative;
   left: -1px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0px;
   text-align: center;
}

#demos td {
    background: #CCC url(../siteArt/backgroundArt/menubar1.gif) repeat-x 0% 0%;
}

#demos a {
    color: #000;
}

#demos a:hover {
    color: #fff;
}
/* >>> End styles for home page */

/* >>> Begin link styles */
td.links {
    background-color: #0E2B89;
}

td.links2 {
    background-color: #F26400;
}

td.links:hover {
    background-color: #F26400;
}

td.links2:hover {
    background-color: #0E2B89;
}

.links a, .links a:active, .links a:visited, .links a:link {
	text-decoration: none;
    font-weight: bold;
	color: #FFFFFF;
}

.links2 a, .links2 a:active, .links2 a:visited, .links2 a:link {
	text-decoration: none;
    font-weight: bold;
	color: #FFFFFF;
}

.links a:hover {color: #000000}	

.links2 a:hover {color: #FFFFFF}
/* <<< End link styles */

/* >>> Begin about us styles */
.centerimg {
    text-align: center;
    margin: 0px 0px 5px 0px;
}

.centerimg img
{
    border: solid 0 #000000;
}
/* <<< End about us styles */

/* >>> Begin product page styles */
#maincenter {
	position: relative;
	top: 60px;
	left: 100px;
	}
	
#botBox2 {
    text-align: center;
    width: 800px;
    height: 170px;
    margin: 0;
    padding: 0;
    background-image: url(../siteArt/boxArt/orangeIndexBox.gif);
    background-repeat: no-repeat;
    background-position: center;

}

#botBox2 img {
    margin: 0;
    padding: 10px 10px 0 0;
    text-decoration: none;
}

#botBox2 a {
        text-decoration: none;
}	

#tabs {
    position: relative;
    top: -5px;
}

.tab1 {
    background-image: url(../siteArt/navArt/tab.gif); 
    background-repeat: no-repeat; 
    text-align: center;
    width:122px;
    height: 26px;
}

.tab1 a, .tab2 a {
    text-decoration: none;
    color: #000000;

}

.tab1:hover {
    background-image: url(../siteArt/navArt/tab2.gif);
}

.tab2 {
    background-image: url(../siteArt/navArt/tab2.gif); 
    background-repeat: no-repeat; 
    text-align: center;
    width:122px;
    height: 26px;
}

.bannerBox {
    position: relative;
    margin-left: 0px;
    margin-top: -4px;
    width: 800px;
    height: 130px;
    background-repeat: no-repeat;
}

#midsec {
    width: 760px;
    margin-top: -8px;
    padding: 20px;
    border-top: solid 1px #CCCCCC;

}

#midsec tr {
    height: 15px;
}

.bggray {
    background-color: #666666; 
    color: #FFFFFF;
}

.bglitgray {
    background-color: #CCCCCC; 
    color: #000000;
}

.bgwhite {
    background-color: #FFFFFF; 
    color: #000000;

}

.tindent 
{
    text-indent: 10px;   
}

.hdg1 {
    font-size: medium;
    font-weight: bold;
}

.productBox {
    text-align: center;
}

.productBox img {
    padding: 5px;
}

.productBox p {
    width: 700px;
}

.productBox a {
    text-decoration: none;
}

.thumbnail {
    width: 93px;
    height: 120px;
    margin: 10px;
    float: left;
}

/* <<< End product page styles */

/* >>> Begin support page styles */
#marqueecontainer {
    position: relative;
    top: 40px;
    left: 80px;
    width: 320px; /*marquee width */
    height: 170px; /*marquee height */
    background-color: white;
    overflow: hidden;
    padding: 2px;
    padding-left: 4px;
}
/* <<< End support page styles */

/* >>> Begin news page styles */
#press {
    margin: 5px 10px 5px 10px;
    padding: 10px;
    border: solid 1px #BFC9DC;
    width: 510px;
}

#newsTOC {
    float: right;
    margin: 5px 10px 5px 10px;
    padding: 10px;
    width: 200px;
    border: solid 1px #BFC9DC;
}

.TOC {
    list-style-type: none;
    margin-bottom: 5px;
    margin-left: -30px;
}

.headingTOC {
    margin: -10px -10px -5px -10px;
    background-color: #BFC9DC;
    padding: -10px;
    height: 20px;
    text-align: center;
}

img.printimg {
    border: none;
    padding-right: 5px;
}

/* <<< End news page styles */

/* >>> Begin footer */
#copyrighttext {
    background-image: url(../siteArt/backgroundArt/copyright.gif);
    background-repeat: repeat-x;
    height: 24px;
    text-align: center;
    line-height: 24px;
    padding: 0;
    margin: 0;
    clear: both;
}
/* <<< End footer */

.hide 
{
       visibility: hidden; 
}

img #al hover
{
    visibility: visible;
}

/* New product pages */
#productBox
{
    margin-top: -8px;
}

.smallBox
{
    width: 260px;
    border: solid 1px #CCCCCC;
    padding: 5px;
    vertical-align: top;
}

.smallBox2
{
    width: 380px;
    border: solid 1px #CCCCCC;
    padding: 5px;
    vertical-align: top;
}

.boxTitle
{
    color: #000000;
    margin: 16px 0 0 5px;
    font-family: Myriad Web Pro, Verdana, Arial;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}

.boxText
{
    font-size: 9pt;
    height: 150px;
}

.boxImage
{
    padding: 5px;
    text-align: center;
    height: 70px;   
}

.info
{
    margin-top: 5px;
    color: #000000;   
    font-weight: bold;
}

#productImage
{
    float: left;
    padding: 5px;
}

.imgLinks
{
    text-align: center;
}

.imgLinks img:hover 
{
    border: solid 1px #CCCCCC; 
    cursor: hand;
}

#LboxText
{
    width: 400px;
    clear: both;
    float: left;
    height: 380px;
    border: solid 1px #CCCCCC;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.frameText
{
    font-size: 9pt;
}

#addInfo 
{
    width: 300px;
    float: right;
}
.addInfo 
{
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    padding: 5px 20px 5px;
}

.super
{
    font-size: 8pt;
    vertical-align: text-top;   
}
/* end of new product pages */

/* corners */
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #CCCCCC}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
/* end corners */

.newsFlash 
{
position: relative;
top: 5px;
}

.newsFlash a 
{
    color: red;
}

/* styles for new contact page */
#contactTOC {
    float: right;
    margin: 5px 10px 5px 10px;
    padding: 10px;
    width: 200px;
    border: solid 1px #BFC9DC;
}

#contactPage {
    margin: 5px 10px 5px 10px;
    padding: 10px;
    border: solid 1px #BFC9DC;
    width: 510px;
}

/* styles for BattMon page */
.heading2 
{
     color: #F26400; /*orange */
}