body	{	margin: 0px 0px 0px 0px; text-align: center; background-color: white; } 

TD.box    { vertical-align: top; background-color:white; padding-left:8px; padding-right: 8px; padding-bottom: 3px; padding-top: 1px; text-align: left; }
TD.boxn   { vertical-align: top; background-color:white; padding-left:0px; padding-right: 8px; padding-bottom: 0px; padding-top: 0px; text-align: left; }
TD.box_b  { vertical-align: top; background-image:url(bluegradl2.jpg); background-repeat: repeat-x; background-position: 0px 0px; padding-left:8px; padding-right: 8px; padding-bottom: 3px; padding-top: 1px; }
TD.left	{ vertical-align: top; padding-top: 8px; background-repeat: repeat-x; background-position: bottom left }

b.rtop, b.rbottom		{display:block; background: transparent;}
b.rtop b, b.rbottom b		{display:block;height: 1px; overflow: hidden; background: #F0F0F0;}
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 0px;height: 1px}


body     { background-image:url(bluegradl2.jpg); background-repeat: repeat-x; }

.cenx {text-align: center;}

.infobox {
        background: #f0f0f0; 
        text-align: left;
	padding-left: 0px;
	padding-right: 0px;
        padding-bottom: 1px;
        padding-top: 1px;
	margin: 0px 0px 0px 0px;
}

.infoboxborder {
        background: transparent;
        text-align: left;
}
.infoboxborder b.rbottom	{display:block; background: transparent;}
.infoboxborder b.rbottom b	{display:block;height: 1px; overflow: hidden; background: #f0f0f0;}
.infoboxborder b.rtop b		{display:block;height: 1px; overflow: hidden; background: #f0f0f0;}


p {
	font-family: Arial, Tahoma;
	font-size: 13px;
	color: #222222;
	margin-top: 10px;
	text-align: left;
	line-height: 19px;
}

p.ps {
	font-family: Arial, Tahoma;
	font-size: 13px;
	color: #222222;
	line-height: 20px;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

p.ps2 {
	font-family: Arial;
	font-size: 11px;
	color: #d0d0d0;
	text-align: left;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
}

a.ps2 {
	font-family: Arial;
	font-size: 11px;
	color: #d0d0d0;
	text-align: left;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
}

p.bottomheader {
	font-family: Arial;
	font-size: 17px;
	color: #f0f0f0;
	text-align: justify;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
}

p.psc {
	font-family: Tahoma;
	font-size: 13px;
	color: #222222;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

p.psmallc {
	font-family: Tahoma;
	font-size: 10px;
	color: #222222;
	text-align: center;
	line-height:14px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

p.psr {
	font-family: Tahoma;
	font-size: 13px;
	color: #222222;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-right:15px;
}

p.hd {
	font-family: Tahoma;
	font-size: 13px;
	color: #444444;
	background-image:url(bluegradl2h.jpg); 
	background-repeat: repeat-y;
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #e0e0e0;
}

img.bord	{
	margin: 4px 4px 4px 4px;
	padding: 4px 4px 4px 4px;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-bottom: 1px solid #808080;
	border-right: 1px solid #808080;
	}

img.bords	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-bottom: 1px solid #808080;
	border-right: 1px solid #808080;
	}

.small {
	font-family: Tahoma;
	font-size: 10px;
	color: #222222;
	text-align: justify;
}

small {
	font-family: Tahoma;
	font-size: 10px;
	color: #222222;
}

h1 {
        margin-left: 0px;
        margin-bottom: 9px;
        margin-top: 11px;
        margin-right: 1px;
	font-family: Tahoma;
	font-size: 19px;
	font-weight: bold; 
	color: #404040;
	text-align: left;
}

h2 {
        margin-left: 0px;
        margin-bottom: 9px;
        margin-top: 11px;
        margin-right: 1px;
	font-family: Tahoma;
	font-size: 19px;
	font-weight: bold; 
	color: #404040;
	text-align: left;
}

h3 {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 25px;
	margin-right: 1px;
	font-family: Tahoma;
	font-size: 17px;
	font-weight: bold; 
	color: #444444;
	text-align: left;
}

h4 {
	font-family: Arial, Tahoma;
	font-size: 13px;
	color: #222222;
	margin-top: 0px;
	text-align: left;
	line-height: 17px;
	font-weight: bold;
	margin-top: 1px; 
	margin-bottom: 1px; 
}

TR.rh { background-color: #0000ff; height: 24px; }
TR.rg { background-color: #ffffff; height: 24px; }
TR.rw { background-color: #e0e0e0; height: 24px; }
TD.fe { width: 300px; text-align: left; padding-left: 20px; font-family: Tahoma; font-size: 13px; }
TD.fec { text-align: left; padding-left: 20px; font-family: Tahoma; font-size: 13px; }
TD.va { font-family: Tahoma; font-size: 13px; text-align: center }
TD.hfe { width: 350px; text-align: left; padding-left: 20px; font-family: Tahoma; font-size: 13px; color: white; font-weight: bold; }
TD.hva { width: 100px; text-align: center; font-family: Tahoma; font-size: 13px; color: white; font-weight: bold; }
TD.hvac { text-align: center; font-family: Tahoma; font-size: 13px; color: white; font-weight: bold; }
TD.hfec { text-align: left; padding-left: 20px; font-family: Tahoma; font-size: 13px; color: white; font-weight: bold; }
TR.theader { 	
	font-family: Tahoma;
	font-size: 13px;
	color: #444444;
	background-image:url(bluegradl2h.jpg); 
	background-repeat: repeat-y;
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #e0e0e0;
 }
TD.tcol  { text-align: center; font-family: Tahoma; font-size: 13px; font-weight: bold; }
TD.tcolg { text-align: center; font-family: Tahoma; font-size: 13px; background-color: #f4f4f4; }

br	{ font-size: 6px; line-height: 6px; } 

A:link 		{text-decoration: none; color: #0000f0; }
A:visited 	{text-decoration: none; color: #0000d0; }
A:active 	{text-decoration: none; color: #0000f0; }
A:hover 	{text-decoration: underline; color: #5050ff;}

.lightrel A:link { text-decoration: none; color: #d0d0d0; }
.lightrel A:visited { text-decoration: none; color: #d0d0d0; }
.lightrel A:active { text-decoration: none; color: #d0d0d0; }
.lightrel A:hover { text-decoration: none; color: #f0f0f0; }

LI {	font-family: Tahoma;
	font-size: 13px;
	color: #222222;
	text-align: left;
	line-height: 20px;
}

.transparentfield {
-moz-opacity:0.6;
filter:Alpha(Opacity=60);
}

.bqstart {
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	font-size: 600%;
	color: #e8e8e8;
	z-index: 1;
	font-family: times new roman;
	height: 0px;
 }

.bqtext {
	position: relative;
	top: 20px;
	margin-left: 0px;
	color: #ff0000;
	z-index: 2;
	text-indent: 50px;
	margin-left: 0px;
	margin-bottom: 30px;
 }

 .bqend {
	position: relative;
	float: right;
	margin-right: 0px;
	height: 00px;
	top: -50px;
	font-size: 600%;
	color: #e8e8e8;
	z-index: 1;
	font-family: times new roman;
 }

.selectedanchor{ 
background: yellow;
}

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid gray;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; 
background: lightyellow;
width: 200px; 
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid gray;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ 
background: gray;
color: white;
}

.anylinkcss_b{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid gray;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; 
background: lightyellow;
width: 240px; 
}

.anylinkcss_b ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss_b ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid gray;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss_b a:hover{ 
background: gray;
color: white;
}

.anylinkcss_s{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid gray;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; 
background: lightyellow;
width: 160px; 
}

.anylinkcss_s ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss_s ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid gray;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss_s a:hover{ 
background: gray;
color: white;
}

.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; 
background: #DEFFCA;
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}

.anylinkshadow{ 
position: absolute;
left: 0;
top: 0;
z-index: 99; 
background: black;
visibility: hidden;
}


.sliderwrapper{
margin-top: 70px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
position: relative;
overflow: hidden;
border: 1px solid #e0e0e0;
border-bottom-width: 1px;
width: 570px;
height: 130px;
z-index:5;
}



.sliderwrapper .contentdiv{
visibility: hidden;
position: absolute;
left: 0;
top: 0;
padding: 5px;
background: #f0f0f0;
width: 560px; 
height: 99%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 570px; 
text-align: right;
background-color: #ffffff;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0px;
padding-top: 0px;
padding-bottom: 0px;
}

.pagination a{
padding: 0 5px;
margin-top: 0px;
margin-bottom: 0px;
text-decoration: none; 
color: #00007D;
background: #f0f0f0;
font-family: Arial;
	font-size: 10px;
	color: #444444;
	text-align: justify;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

.hdsmain{
border-width:1px; border-color:#555555; border-style:solid;
width: 978px;
background-color: black;
text-align: center;
margin: auto;
}

.hdsheader{
background-image:url(hds_bg.jpg);
height: 130px;
}

.hdsfooter{
text-align: center; 
border-width:1px; border-color:#555555; border-style:solid;
background-color: #181818;
width: 978px;
overflow: auto;
margin: auto;
}

.hdsendfooter{
text-align: center; 
width: 978px;
margin: auto;
}

.hdsversion
{
float: right; width: 350px; height: 220px; cursor: pointer; cursor: hand; z-index: -1;" onclick="location.href='products.php';"
}

.hdsinthenews
{
margin-top: 75px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; width: 570px; height: 130px;
}

.hdsmainbuttons
{
width: 600px;
}

.hdsfooter1
{
float: left;
margin: 10px;
width: 220px;
}

.hdsfooter2
{
float: left;
margin: 10px;
width: 220px;
}

.hdsfooter3
{
float: left;
margin: 10px;
width: 220px;
}

.hdsfooter4
{
float: left;
margin: 10px;
width: 220px;
}

.box	{ vertical-align: top; background-color:white; padding-left:8px; padding-right: 8px; padding-bottom: 3px; padding-top: 1px; text-align: left; }
.boxn	{ vertical-align: top; background-color:white; padding-left:0px; padding-right: 8px; padding-bottom: 0px; padding-top: 0px; text-align: left; }

.hdsbutton
{
border: 0; width: 120px; height: 30px;
}

.hdsindexquote
{
margin-left: 30px; float: right; width: 300px; height: 90px; background-color: #e0e0e0; background-image:url('doc/buttonbghi.gif');
}


td.classproduct, tr.classproduct {
	color: black;
	background-color: #F0F0F0;
	background-image:url(img/buttonbghi.gif);
	cursor: pointer;
	padding: 5px;
	}
td.classproduct:hover, tr.classproduct:hover {
	color: black;
	background-color: #E0E0E0;
	background-image:url(img/buttonbg.gif);
	cursor: pointer;
	}

div.product {
	visibility: hidden;
	}


@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  .hdsmain {
    width: 99%;
  }

  .hdsheader {
    width: 100%;
    height: 0;
    padding-bottom: 13.4%;
    background-repeat: no-repeat;
    background-size:contain;
  }

  .hdsfooter {
    width: 99%;
  }

  .hdsendfooter {
    width: 99%;
  }

  .hdsversion {
    display: none;
  }

  .hdsinthenews {
    width: 95%;
    height: auto;
  }

  .hdsmainbuttons {
    width: 99%;
  }

  .hdsfooter1 {
    width: 42%;
  }

  .hdsfooter2 {
    width: 42%;
  }

  .hdsfooter3 {
    display: none;
  }

  .hdsfooter4 {
    display: none;
  }

  .ps2 {
    line-height: 35px;
  }

  p.ps {
    line-height: 30px;
  }

  .hdsbutton {
    width: 80px;
    height: 20px;
  }

  .hdsindexquote
  {
  margin-left: 20%; float: right; width: 75%; height: auto; background-color: #e0e0e0; background-image:url('doc/buttonbghi.gif');
  }

}