@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
font-size:100%;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
}

ol, ul, #toolbarn li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
  }

 #toolbarn,  #toolbarn a{
	text-indent:-9999em;
	height:31px;
	display:block;
}

.infos ul {
  display: block;
}

.tbl {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
    padding:5px;
    -moz-border-radius:5px 5px 5px 5px;
}

.infos li{
  padding-bottom: 20px;
  padding-left: 50px;
  display: block;
  background: url(/images/hti_new.gif) transparent no-repeat -3px -166px;
}

.infos li span{
 font-weight: bold;
 font-size: 14px;
}



#toolbarn li {
	float:left;
	height:31px;
	display:block;
}

#content {
	margin:auto;
	width: 780px;

}

body {
	background-image: url(../images/bg.gif);
}


.blocks {
	display:block;
	width: 780px;
	position: relative;
	height:103px;
	text-align: right;
    background: url(/images/hti_new.gif) transparent no-repeat 0px 0px;
}


#maindiv {
	display:block;
	width: 738px;
	font-family: Verdana;
    font-size:13px;
	color: #707475;
	text-align:justify;
	background-image:url(/images/index_08.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding: 20px;
	border-left:1px #9E9E9E solid;
	border-right:1px #9E9E9E solid;
	background-color:#FFFFFF;
}

#maindiv ul
{
	margin-top:20px;
}

p{
  margin-bottom:20px;
}


form {
  padding-bottom:15px;
}


h1 {
	font-size: 24px;
	font-family: Arial;
	color: #0054BC;
	font-weight: bold;
}

h2, h3 {
	font-family: Arial;
	color: #0054BC;
}

h2{
  font-size: 17px;
}

h3{
  font-size: 15px;
}


#footer p {
margin-bottom:12px;
}

#footer {
	background-color:#FFFFFF;
	border-top:1px solid #CBDAEA;

	display:block;
	width: 778px;
	text-align:center;
	font-size: 11px;
	font-family: Arial;
	color: #515151;
    padding-top:12px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #9E9E9E;
	border-bottom-color: #9E9E9E;
	border-left-color: #9E9E9E;
	margin-bottom:20px;
	}

a
{
	font-size: 12px;
	font-family: Arial;
}

a:link {
	color: #0054BC;
	text-decoration: underline;
}
a:visited {
	color: #0054BC;
	text-decoration: underline;
}
a:hover {
	color:  #009933;
	text-decoration: none;
}
a:active {
	color: #0054BC;
	text-decoration: none;
}

#footer a
{
	font-size: 11px;
	font-family: Arial;
}


#maindiv .listings  img{
  padding: 10px;
  vertical-align: middle;
}



#footer a:link {
	color: #0054BC;
	text-decoration: underline;
}
#footer a:visited {
	color: #0054BC;
	text-decoration: underline;
}
#footer a:hover {
	color: #D20101;
	text-decoration: none;
}
#footer a:active {
	color: #0054BC;
	text-decoration: underline;
}

#maindiv .listings
{
    margin-right:10px;
    margin-bottom:20px;
	display:block;
	clear:left;
}


.phone {
	position: absolute;
	height: 35px;
	width: 135px;
	right: -2px;
	bottom: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #0066CC;
	padding-right: 5px;
}

iframe {
  border-width: 0px;
  border-color:black
}


.ipinfo{
	float:right;
	width:205px;
	display:block;
    margin:10px;
    padding:5px;
    text-align:left;
}

#maindiv .ipinfo  img{
  padding: 0px;
  }

.gmap {
  height:300px;
  width:450px;
}

#maindiv .gmap img{
    padding:0px;
}

#toolbarn .home a{
   width:145px;
   background: url(/images/hti_new.gif) transparent no-repeat 0px -104px;
}
#toolbarn .home a:hover{
  background-position: 0px -135px;
}

#toolbarn .download a{
   width:136px;
   background: url(/images/hti_new.gif) transparent no-repeat -145px -104px;
}
#toolbarn .download a:hover{
  background-position: -145px -135px;
}

#toolbarn .order a{
   width:119px;
   background: url(/images/hti_new.gif) transparent no-repeat -281px -104px;
}
#toolbarn .order a:hover{
  background-position: -281px -135px;
}

#toolbarn .faq a{
   width:110px;
   background: url(/images/hti_new.gif) transparent no-repeat -400px -104px;
}
#toolbarn .faq a:hover{
  background-position: -400px -135px;
}

#toolbarn .support a{
   width:135px;
   background: url(/images/hti_new.gif) transparent no-repeat -510px -104px;
}
#toolbarn .support a:hover{
  background-position: -510px -135px;
}

#toolbarn .affiliates a{
   width:135px;
   background: url(/images/hti_new.gif) transparent no-repeat -645px -104px;
}
#toolbarn .affiliates a:hover{
  background-position: -645px -135px;
}


.button2 a,a.button2, .zR {
	background: url(/images/button2.png) no-repeat;
	}

.button2 a, a.button2 {
	background-position: 0 0;
	color: #444444 !important;
	float: right;
	cursor: pointer;
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
	height: 16px;
	padding: 5px 10px 5px 15px;
	position: relative;
	text-align: center;
    margin-right:10px;
    text-transform:uppercase;
	text-decoration: none;
    outline: none;
    min-width:100px;
    outline-style:none;
	}
.zR {
	background-position: 100% 0;
	display: block;
	height: 26px;
	left: 100%;
	position: absolute;
	top: 0;
	width: 5px;
	}
.button2 a img, a.button2 img {
	 display: block;
    position:absolute;
    margin-left:-25px;
    margin-top:-5px;
	}

.button2 a:hover .zR, a:hover.button2 .zR {
	background-position: 100% -52px;
	}
.button2 a:hover, a:hover.button2 {
	background-position: 0 -52px;
    text-decoration:none;
	color: #206387 !important;
	}
.button2 a:active, a:active.button2 {
	background-position: 0 -26px !important;
    padding: 6px 10px 5px 15px;
  /*	color: #fff !important;*/
	}
.button2 a:active .zR, a:active.button2 .zR {
	background-position: 100% -26px !important;
	}




.button3 a,a.button3, .zR3 {
	background: url(/images/button3.png) no-repeat;
	}

.button3 a, a.button3 {
	background-position: 0 0;
	color: #fff !important;
	float: right;
	cursor: pointer;
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
	height: 16px;
    margin-right:10px;
	padding: 5px 10px 5px 15px;
	position: relative;
	text-align: center;
	text-decoration: none;
    outline: none;
    outline-style:none;
	}
.zR3 {
	background-position: 100% 0;
	display: block;
	height: 26px;
	left: 100%;
	position: absolute;
	top: 0;
	width: 5px;
	}
.button3 a img, a.button3 img {
	 display: block;
    position:absolute;
    margin-left:-25px;
    margin-top:-5px;
	}

.button3 a:hover .zR3, a:hover.button3 .zR3 {
	background-position: 100% -52px;
	}
.button3 a:hover, a:hover.button3 {
	background-position: 0 -52px;
    text-decoration:none;
	color: #c4f57d !important;
	}
.button3 a:active, a:active.button3 {
	background-position: 0 -26px !important;
    padding: 6px 10px 5px 15px;
  /*	color: #fff !important;*/
	}
.button3 a:active .zR3, a:active.button3 .zR3 {
	background-position: 100% -26px !important;
	}


.infobox{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    border-style:dashed;
    border-width:thin;
    padding:5px;
    font-size:12px;
    margin-top: 20px;
    background-color:  white;
    text-align:left;
}


.ipinfo{
  text-align:center;
  margin:0;
  margin-left:15px;
}

.block{
  margin-top: 20px;
}




#firstpage h2{
 color: #787878;
 font-size:15px;

}
#firstpage h3{
  color: #787878;
  font-size:12px;
}

#maindiv{
  line-height:20px;
}

ul.products{
  display: block;
  list-style-type:none;
}


ul.products li{
  display:block;
  margin-bottom:30px;
}


ul.products li a{

}

#maindiv ul.products li a img{
    padding:0 15px 0 0;
    display:block;
   float:left;
}

.clr{
    clear:both;
}
.clrleft{
  clear:left;
}

.affreg input{
  width:150px;
  height:16px;
  border-style:solid;
  border-color:#7B7F96;
  background-color:#F2F2F3;
  border-width:1px
}
.addthis_toolbox{
  display:block;
height:20px;
margin-top:10px;
margin-bottom:10px;

}



.button4 a,a.button4, .zR4 {
	background: url(/images/buttons4.png) no-repeat;
	}

.button4 a, a.button4 {
	background-position: 0 0;
	color: #FFFFFF !important;
	float: right;
	cursor: pointer;
    line-height: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
	height: 17px;
	padding: 8px 10px 8px 40px;
	position: relative;
	text-align: center;
    margin-right:50px;
	text-decoration: none;
    outline: none;
    margin-bottom:1px;
    outline-style:none;
	}
.zR4 {
	background-position: -313px 0;
	display: block;
	height: 17px;
    padding: 8px 0 8px 4px;
    line-height: 17px;
    margin:0;
    font-size: 11px;
	left: 100%;
	position: absolute;
	top: 0;
    text-align:left;
	width: 45px;
	}

.button4 a:hover .zR4, a:hover.button4 .zR4 {
	background-position: -313px -33px;
	}
.button4 a:hover, a:hover.button4 {
	background-position: 0 -33px;
    text-decoration:none;

	}
.button4 a:active, a:active.button4 {
	background-position: 0 -66px !important;
    padding: 9px 10px 8px 40px;
        margin-bottom:0px;
  /*	color: #fff !important;*/
	}
.button4 a:active .zR4, a:active.button4 .zR4 {
	background-position: -313px  -66px !important;
    padding: 9px 0 8px 4px;
	}

span.zR4 sup{
  line-height:10px;
}