body {background-color: #FFFFFF; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; text-align: center; /*overflow: hidden;*/}
ul, li {margin: 0px; padding: 0px;}
form {margin: 0px; padding: 0px;}
sup {vertical-align: text-top;}


/* HEADER */
div.headbkgnd {background-color: #6F7E89;}
div.header {width: 762px; margin: 0px auto 0px auto; background-color: #6F7E89; background: url(../images/map.gif) right no-repeat;}
div.header_TL {margin: 0px; padding: 0px; float: left;}
div.header_TR {margin: 0px; padding: 0px; float: right;}
div.head_nav {font-size: 11px; margin: 5px 0 0 0; padding: 0px; float: right; text-align: left;}
div.head_search {margin: 0px; padding: 0px; float: right; text-align: right;}
#navlist li {display: inline; list-style-type: none; border-right: solid 1px #CCC; padding-left: 8px; padding-right: 7px}
/*
ul#navlist li#cap {border-right: none}
ul#navlist li a:link {color: #EEE}
ul#navlist li a:visited {color: #EEE}
ul#navlist li a:hover, ul#navlist li#active a:hover {color: #FFF}
a.nav:link a.nav:visited a.nav:hover a.nav:active {color: #EEE; text-decoration: underline}
*/
#search {width: 115px; height: 20px; margin: 0; padding-left: 5px; background-color: #FFF; border: 1px solid #333; color: #666; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px}
#searchButton {background: url(../images/search.gif) no-repeat 0 0; height: 20px; width: 24px; border: 0px; padding: 0px; color: #FFFFFF; font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; cursor: pointer;}


/* FOOTER */
.footer {width: 762px; height: 64px; margin: 0px auto 0px auto; padding: 0px; font-size: 11px; color: #333; background: url(../images/footerbkgd.gif) top left repeat-x;}
.footerleft {padding: 5px 15px 5px 15px; border-right: 1px solid #4986FF; text-align: left;}
.footerright {padding: 5px 15px 5px 15px; border-left: 1px solid #9EB4FF; text-align: left;}

/* MENU */
#menuDiv {background-color: #6F7E89; padding: 0px; text-align: center;}
.menu {width: 762px; height: 36px; margin: 0px auto 0px auto; padding: 0px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; position: relative; font-size: 12px; background: transparent;}
.menu ul {list-style: none; margin: 0px; padding: 0px; border: none;}
.menu ul li {float: left; position: relative;}
.menu ul li a, .menu ul li a:visited {display: block; text-decoration: none; font-weight: bold; color: #FFFFFF; height: 35px;}
.menu ul li:hover a, .menu ul li a:hover {color: #FFF; background: #106EC6; text-decoration: none}
.menu ul li:hover ul, .menu ul li a:hover ul {visibility: visible; width: 220px; height: auto; top: 35px; left: 0px; background: #fff; border: 4px solid #106EC6; overflow: visible}
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {display: block; background: transparent; color: #666; font-weight: normal; height: auto; line-height: 12px; padding: 5px 13px 5px 13px; width: 230px; w\idth: 185px}
.menu ul li:hover ul li a.drop, .menu ul li a:hover ul li a.drop {display: block; color: #666; height: 22px}
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {color: #cb6002; text-decoration: underline}
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility: visible; position: absolute; top: 0px;}
.menu ul li ul {visibility: hidden; position: absolute; top: 0px; left: 0px; height: 0px; overflow: hidden;}
.menu ul li.subprod {background: url(../images/sub_div.gif) #FFF bottom left no-repeat; text-align: left; line-height: 11px; white-space: nowrap; font-size: 12px;}
.menu ul li.subprod2 {background: #FFF; text-align: left; line-height: 11px; white-space: nowrap; font-size: 12px;}
.menu ul li table, .menu ul li a table {margin: -1px; padding: 0px; border-collapse: collapse}

.buy {width: 95px; background: transparent url(../images/menublue35.gif); border-left: solid 1px #90ADFF; border-top: solid 1px #99a4aa; border-right: solid 1px #7093FF; text-align: center; line-height: 32px}
.download {width: 115px; background: transparent url(../images/menublue35.gif); border-left: solid 1px #90ADFF; border-top: solid 1px #99a4aa; border-right: solid 1px #7093FF; text-align: center; line-height: 32px}
.products {width: 100px; background: transparent url(../images/menublue35.gif); border-left: solid 1px #90ADFF; border-top: solid 1px #99a4aa; border-right: solid 1px #7093FF; text-align: center; line-height: 32px}
.support {width: 100px; background: transparent url(../images/menublue35.gif); border-left: solid 1px #90ADFF; border-top: solid 1px #99a4aa; border-right: solid 1px #7093FF; text-align: center; line-height: 32px}
.about {width: 88px; background: transparent url(../images/menublue35.gif); border-left: solid 1px #90ADFF; border-top: solid 1px #99a4aa; border-right: solid 1px #65A05C; text-align: center; line-height: 32px}
.soho {width: 120px; background: transparent url(../images/menugreen35.gif); border-left: solid 1px #B5D9B0; border-top: solid 1px #99a4aa; border-right: solid 1px #65A05C; text-align: center; line-height: 32px}
.corporate {width: 130px; background: transparent url(../images/menugreen35.gif); border-left: solid 1px #B5D9B0; border-top: solid 1px #99a4aa; border-right: solid 1px #99a4aa; text-align: center; line-height: 32px}

/* SITEMAP */
#sitemap ul {list-style: square; margin: 0 0 0 10px; padding: 0 0 0 10px;}
#sitemap ul li {margin: 10px 0 0 0;}
#sitemap ul li a {font-weight: bold;}
#sitemap ul li a:link, a:visited, a:active {text-decoration: underline; color: #666666; font-weight: bold;}
#sitemap ul li a:hover {text-decoration: underline; color: #FF9704; font-weight: bold;}
#sitemap ul li ul {list-style: circle; padding: 0 0 0 10px;}
#sitemap ul li ul li {margin: 0;}
#sitemap ul li ul li a {font-weight: normal;}
#sitemap ul li ul li a:link, a:visited, a:active {text-decoration: underline; color: #666666; font-weight: normal;}
#sitemap ul li ul li a:hover {text-decoration: underline; color: #FF9704; font-weight: normal;}




/* CONTENT */
.clear {clear: both; height: 0px; overflow: hidden;}

div.center {width: 100%; margin: 0px auto 0px auto;}

#contentDiv {width: 100%; height: 100%; overflow: auto; margin: 0px auto 0px auto;}
/*#contentInner {margin: 0px auto 0px auto;} */

input.buynow {background: url(../images/buynow.gif) no-repeat 0 0; height: 20px; width: 72px; border: 0px; padding: 0px; color: #FFFFFF; font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; cursor: pointer}
button.buynow {background: url(../images/buynow.gif) no-repeat 0 0; height: 20px; width: 72px; border: 0px; padding: 0px; color: #FFFFFF; font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; cursor: pointer}
/*button.purchase {background: url(../images/purchase.gif) no-repeat 0 0; height: 24px; width: 90px; border: 0px; padding: 0px; color: #FFFFFF; font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; cursor: pointer}*/
button.purchase {background: url(../images/purchase.gif) no-repeat 0 0; height: 53px; width: 130px; margin: 0px; border: 0px; padding: 0px; color: #FFFFFF; cursor: pointer}
button.checkout {background: url(../images/checkout.gif) no-repeat 0 0; height: 53px; width: 134px; margin: 0px; border: 0px; padding: 0px; color: #FFFFFF; cursor: pointer}
button.continue {background: url(../images/continue.gif) no-repeat 0 0; height: 53px; width: 197px; margin: 0px; border: 0px; padding: 0px; color: #FFFFFF; cursor: pointer}
button.info {background: url(../images/info.gif) no-repeat 0 0; height: 20px; width: 51px; border: 0px; padding: 0px; color: #FFFFFF; font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; cursor: pointer}
button.contact {background: url(../images/info.gif) no-repeat 0 0; height: 20px; width: 51px; border: 0px; padding: 0px; color: #FFFFFF; font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; cursor: pointer}

td.h1 {text-align: left; color: #03B303; font: bold 18px/19px verdana, sans-serif; color: #3669A8; text-decoration: none;}
td.h4 {text-align: left; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #666666;}

a.white:link, a.white:visited, a.white:active {color: #FFFFFF;}
a.green:link, a.green:visited, a.green:active {color: #03B303;}
a.black:link, a.black:visited, a.black:active {color: #000000;}
a.grey:link, a.grey:visited, a.grey:active {color: #666666;}
a.navy:link, a.navy:visited, a.navy:active {color: #0E14B7;}
a.mauve:link, a.mauve:visited, a.mauve:active {color: #B70E14;}
a.blue:link, a.blue:visited, a.blue:active {color: #0000FF;}
a.lightgrey:link, a.lightgrey:visited, a.lightgrey:active {color: #83919A;}

a.prodlink {font-family: arial; font-size: 18px; font-weight: bold; text-decoration: none;}
a.prodlink:hover {color: #4040FF;}

a.complink {font-weight: bold; text-decoration: none;}
a.complink:hover {color: #FF9704;}

a.navlink {text-decoration: underline;}
a.navlink:hover {color: #FF9704;}

a.screenlink {font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: underline; white-space: nowrap;}
a.screenlink:hover {color: #FF9704;}

a.fixedlink {text-decoration: underline; outline: none;}
a.fixedlink:hover {color: #FF9704;}


div.features 
{
font-family:Verdana,Arial,Lucida Grande,Lucida Sans Unicode,Lucida,Helvetica,Sans-serif; 
font-size:11px; 
line-height:20px;
text-align:left;
}

div.title
{
 width: 100%;
 height: 26px;
 background-color: #FFFFFF; 
 margin: 0;
 padding: 0;
}

div.bluedots
{
 border-bottom: 2px dotted #0E14B7;
}

div.greendots
{
 border-bottom: 2px dotted #0D8510;
}

div.reddots
{
 border-bottom: 2px dotted #B70E14;
}

div.screenshots1
{
 background: url(../images/screenshots1.gif) no-repeat 0 0;
}

div.screenshots2
{
 background: url(../images/screenshots2.gif) no-repeat 0 0;
}

div.downloads
{
 background: url(../images/downloads.gif) no-repeat 0 0;
}

div.sitemap
{
 background: url(../images/sitemap.gif) no-repeat 0 0;
}

div.faqs
{
 background: url(../images/faqs.gif) no-repeat 0 0;
}

div.contact
{
 background: url(../images/contact.gif) no-repeat 0 0;
}

div.apps
{
 background: url(../images/apps.gif) no-repeat 0 0;
}

div.news
{
 background: url(../images/news.gif) no-repeat 0 0;
}

div.sample
{
 background: url(../images/sample.gif) no-repeat 0 0;
}

div.remote
{
 background: url(../images/remote.gif) no-repeat 0 0;
}

div.aboutus
{
 background: url(../images/aboutus.gif) no-repeat 0 0;
}

div.whatis
{
 background: url(../images/whatis.gif) no-repeat 0 0;
}

div.hombuscorp
{
 background: url(../images/hombuscorp.gif) no-repeat 0 0;
}

div.business
{
 background: url(../images/business.gif) no-repeat 0 0;
}

div.homebus
{
 background: url(../images/homebus.gif) no-repeat 0 0;
}

div.corp
{
 background: url(../images/corporate.gif) no-repeat 0 0;
}

div.featglance
{
 background: url(../images/featglance.gif) no-repeat 0 0;
}

div.featdetail
{
 background: url(../images/featdetail.gif) no-repeat 0 0;
}

div.featresell
{
 background: url(../images/featresell.gif) no-repeat 0 0;
}

div.featsys
{
 background: url(../images/featsys.gif) no-repeat 0 0;
}

div.header1
{
width: 100%;
height: 26px;
/*
margin: 5px 0;
border-top: 2px solid white;
border-bottom: 2px solid white;
*/
padding: 2px 0px 4px 0px;
color: #FFFFFF; 
font-size:14px; 
font-weight: bold;
}

div.blue {background: url(../images/bluebkgd.gif) top left repeat-x;}

div.green {background: url(../images/greenbkgd.gif) top left repeat-x;}

div.title1 {background: url(../images/boxes.gif) top left no-repeat; width: 20px; padding-left: 23px; white-space: nowrap;}

li.feature
{
/*background-image:url(../images/bullcircblue.gif);*/
background-repeat:no-repeat;
list-style-type:none;
margin-left:0px;
padding: 2px 0 0 21px;
}

li.whitebullet
{
 background-image:url(../images/whitesqublt.gif);
}

li.redbullet
{
 background-image:url(../images/redsqublt.gif);
}

li.bluebullet
{
 background-image:url(../images/bluesqublt.gif);
}

li.greenbullet
{
 background-image:url(../images/greensqublt.gif);
}

td.facts
{
/*background-image: url(../images/bullcircgreen.gif);*/
background-image:url(../images/greensqublt.gif);
background-repeat: no-repeat;
margin-left: 0px;
padding: 2px 0 0 21px;
white-space: nowrap;
vertical-align: top;
}

td.uses
{
/*background-image: url(../images/bullcircgreen.gif);*/
background-image:url(../images/bluesqublt.gif);
background-repeat: no-repeat;
margin-left: 0px;
padding: 2px 0 0 21px;
white-space: nowrap;
vertical-align: top;
}

td.useinfo
{
margin-left: 0px;
padding: 2px 0px 0px 10px;
vertical-align: top;
}

.btn_ctn {overflow: hidden; width: 100%; margin: 0px;}
a.btn {background: transparent url('../images/btn_bg_a.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none;}
a.btn span {background: transparent url('../images/btn_bg_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px;}
a.btn:hover {background-position: right -24px;}
a.btn:hover span {background-position: 0 -24px;} 
a.btn:active {background-position: bottom right; color: #000; outline: none;}
a.btn:active span {background-position: bottom left; padding: 6px 0 4px 18px;}