@charset "UTF-8";
/* CSS Document */

a
{
	color: #25319E;
	border: none;
	outline: none;
}
a:hover
{
	color: #465BFF;
}

/*configures the background of the webpage*/
html
{
	/*height: 100%;*/	
}
body
{
	margin: 0;	
	/*background-color: #1345a1;*/
	background-color: #fff;
	/*background-image: url(Images/BG2.png);*/
	background-repeat: repeat-x;
	background-position: bottom;
	/*height: 100%;*/
}
/*main div that holds everything*/
#wrap
{
	margin: auto;
	width: 1002px;
	background-color: #009;
	/*height: 500px;*/
}
/*background within the main div*/
#bg
{
	width: 1000px;
	background-color: #fff;
	background-image: url(Images/BG.png);
	background-repeat: no-repeat;
	margin-left: 1px;
	height: 100%;
}
/*logo and title*/
#header
{
	width: 880px;
	height: 73px;
	margin-left: 60px;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}
#logo
{
	width: 296px;
	height: 73px;
	background-image: url(Images/logo.png);
	float: left;	
}
#callus
{
	width: 144px;
	height: 73px;
	background-image: url(Images/callus.png);
	float: right;	
}
#demobutton
{
	width: 128px;
	height: 48px;
	margin-top: 19px;
	margin-right: 10px;
	background-image: url(Images/newdemovideobutton.png);
	float: right;
}
#icondiv
{
	width: 32px;
	height: 32px;
	float: right;
	margin-top: -4px;
	padding: 0 2px 0 0;
}
/*navigation menu*/
#navbar
{
	width: 880px;
	margin-left: 60px;
	float: left;
}
/*ad box in the center of the page*/
#box
{
	width: 882px;
	height: 272px;
	margin-left: 59px;
	margin-top: 10px;
	background-image: url(Images/MissingLink.png);
	float: left;
}
/*body content div*/
#bodydiv
{
	width: 530px;
	height: 362px;
	margin-left: 59px;
	margin-top: 10px;
	background-image: url(Images/Body.png);
	float: left;
}
#bodydiv2
{
	width: 352px;
	height: 362px;
	margin-top: 10px;
	background-image: url(Images/Body.png);
	float: left;
	background-position: -530px 0;
}

/*drop-down menu code*/

/*main level unordered list*/
#navbar ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#navbar ul#reseller, ul#products, ul#support, ul#contact
{
	width: 139px;
}
#navbar ul#videos
{
	width: 140px;	
}
#navbar ul#search
{
	width: 152px;	
}
#navbar ul#submit
{
	width: 32px;	
}

/*controls all items in the menu*/
#navbar a
{
	display: block;
	margin: 0;
}

/*controls list items*/
#navbar li
{
	position: relative;	
}

/*2nd level ul*/
#navbar ul ul
{
	position: absolute;
	z-index: 500;
}

/*3rd level ul*/
#navbar ul ul ul
{
	position: absolute;
	top: 0;
	left: 100%;
}

/*sets invisible elements*/
div#navbar ul ul,
div#navbar ul li:hover ul ul,
div#navbar ul ul li:hover ul ul
{
	display: none;	
}

/*sets visible elements*/
div#navbar ul li:hover ul,
div#navbar ul ul li:hover ul,
div#navbar ul ul ul li:hover ul
{
	display: block;	
}

/*styles the square menu items*/
#navbar li a#submenu
{
	width: 130px;
	height: 21px;
	padding-top: 9px;
	padding-left: 8px;
	background-image: url(Images/dropmenusprite.png);
	background-position: 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}
#navbar li a#submenu:hover
{
	background-position: -138px 0;
}
/*styles the rounded (last) menu items*/
#navbar li a#submenu-1
{
	height: 21px;
	padding-top: 9px;
	padding-left: 8px;
	background-image: url(Images/dropmenusprite.png);
	background-position: 0 -30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}
#navbar li a#submenu-1:hover
{
	background-position: -138px -30px;
}

/*these classes set the drop-down parent items*/

#navbar li#products a#toplink1
{
	background-image: url(Images/navbarsprite.png);
	background-position: 0px 0;
	height: 36px;
	text-indent: -9999px;
}
#navbar li#products a#toplink1:hover
{
	background-position: 0x -36px;	
}

#navbar li#support a#toplink2
{
	background-image: url(Images/navbarsprite.png);
	background-position: -139px 0;
	height: 36px;
	text-indent: -9999px;
}
#navbar li#support a#toplink2:hover
{
	background-image: url(Images/navbarsprite.png);
	background-position: -139px -36px;
}

#navbar li#videos a#toplink3
{
	background-image: url(Images/navbarsprite.png);
	background-position: -278px 0;
	height: 36px;
	text-indent: -9999px;
}
#navbar li#videos a#toplink3:hover
{
	background-position: -278px -36px;	
}

#navbar li#contact a#toplink
{
	background-image: url(Images/navbarsprite.png);
	background-position: -418px 0;
	height: 36px;
	text-indent: -9999px;
}
#navbar li#contact a#toplink:hover
{
	background-position: -418px -36px;	
}
#navbar li#reseller a#toplink
{
	background-image: url(Images/navbarsprite.png);
	background-position: -557px 0;
	height: 36px;
	text-indent: -9999px;
}
#navbar li#reseller a#toplink:hover
{
	background-position: -557px -36px;	
}
#navbar li#search
{
	background-image: url(Images/navbarsprite.png);
	background-position: -696px 0;
	height: 36px;
}
#navbar li#submit
{
	height: 36px;
}
.submitbutton
{
	width: 32px;
	height: 36px;
	background-color: transparent;
	background-image: url(Images/navbarsprite.png);
	background-position: -848px 0;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
}
.submitbutton:hover
{
	background-position: -848px -36px;	
}
/*end drop-down menu code*/

/*online shopping button*/
#shopping
{
	width: 130px;
	height: 200px;
	background-image: url(Images/Shopping.png);
	margin-left: 390px;
	margin-top: 40px;
	float: left;
}
#shopping span
{
	position:absolute;
	margin:115px 0px 0 6px;
	font-size:25px;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-family:Arial;
}
#shopping:hover
{
	background-image: url(Images/ShoppingOver.png);	
}

/*crm button*/
#crm
{
	width: 130px;
	height: 200px;
	background-image: url(Images/CRM.png);
	margin-left: 30px;
	margin-top: 40px;
	float: left;
}
#crm span
{
	position:absolute;
	margin:135px 0px 0 6px;
	font-size:25px;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-family:Arial;
}
#crm:hover
{
	background-image: url(Images/CRMOver.png);
}

/*edi button*/
#edi
{
	width: 130px;
	height: 200px;
	background-image: url(Images/EDI.png);
	margin-left: 30px;
	margin-top: 40px;
	float: left;
}
#edi span
{
	position:absolute;
	margin:135px 0px 0 6px;
	font-size:25px;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-family:Arial;
}
#edi:hover
{
	background-image: url(Images/EDIOver.png);	
}

#softbox
{
	width: 165px;
	height: 218px;
	background-image: url(Images/SoftBox.png);
	position: relative;
	left: 40px;
	top: 23px;
	float: left;
	
}

#abouttitle
{
	position: relative;
	left: 30px;
	top: -5px;
	width: 500px;
	height: 30px;
	
	float: left;
}
h3
{
	font-family: "Arial";
	font-size: 20px;
	color: #dddddd;	
}

#parag
{
	width: 240px;
	height: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	position: relative;
	left: 70px;
	top: 45px;
	float: left;
}

#ordernow
{
	width: 144px;
	height: 41px;
	background-image: url(Images/OrderNow.png);
	float: left;
	background-position: 0 0;
	position: relative;
	left: 33px;
	top: 15px;
}
#ordernow:hover
{
	background-position: 0 -41px;	
}

#freedemo
{
	width: 144px;
	height: 41px;
	background-image: url(Images/FreeDemo.png);
	background-position: 0 0;
	float: left;
	position: relative;
	left: 53px;
	top: 15px;
}
#freedemo:hover
{
	background-position: 0 -41px;	
}

#screenshots
{
	width: 144px;
	height: 41px;
	background-image: url(Images/Screenshots.png);
	background-position: 0 0;
	float: left;
	position: relative;
	left: 73px;
	top: 15px;
}
#screenshots:hover
{
	background-position: 0 -41px;	
}

#featurestitle
{
	position: relative;
	left: 30px;
	top: 0px;
	width: 290px;
	height: 30px;
	float: none;
}
#featurestitle2
{
	position: relative;
	left: 30px;
	top: 35px;
	width: 290px;
	height: 35px;
	float: none;
}
.practices {
	font-size: 16px;
	font-family: "Arial";
	margin: 20px 0 -40px 32px;
}
.practicestwo {
	font-size: 16px;
	font-family: "Arial";
	margin: 0 0 -20px 0;
}
h2
{
	font-family: "Arial";
	background: black;
	font-size: 22px;
	color: #fff;
	padding: 0 0 0 10px;
}

#checkboxes
{
	width: 18px;
	height: 192px;
	background-image: url(Images/CheckBox.png);
	background-repeat: repeat-y;
	float: left;
	position: relative;
	left: 40px;
	top: 30px;
}

#parag2
{
	width: 260px;
	height: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	position: relative;
	left: 48px;
	top: 30px;
	float: left;	
	line-height: 24px;
}

#features
{
	width: 196px;
	height: 26px;
	float: left;
	background-image: url(Images/Features.png);
	background-position: 0 0;
	position: relative;
	left: 78px;
	top: 15px;
}
#features:hover
{
	background-position: 0 -26px;
}

#copyright
{
	width: 800px;
	height: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	/*position: relative;
	top: 20px;*/
	float: left;
	margin: 20px 0 0 110px;
}

.bluetext
{
	color: #009;	
}

#content
{
	margin-left: 59px;
	margin-top: 10px;
	width: 882px;
	float: left;
}
#contenttop
{
	width: 862px;
	height: 71px;
	background-image: url(Images/BodyBox01.png);
	float: left;
	font-family: "Arial";
	font-size: 32px;
	color: #fff;
	padding-left: 20px;
	padding-top: 7px;
}
#contentcenter
{
	width: 862px;
	background-image: url(Images/BodyBox02.png);
	background-repeat: repeat-y;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 20px;
	line-height: 30px;
}
#contentbottom
{
	width: 882px;
	height: 20px;
	background-image:url(Images/BodyBox04.png);
	float: left;
}
.headertext
{
	font-family: "Arial";
	font-size: 18px;
	background: black;
	color: #fff;
	line-height: 50px;
	padding: 0 10px 0 10px;
}
h1
{
	font-family: "Arial";
	background: black;
	font-size: 18px;
	color: #fff;
	padding: 2px 10px 2px 10px;
	display: inline;
}
h4
{
	font-family: "Arial";
	font-size: 20px;
	background: black;
	color: #fff;
	line-height: 50px;
	display: inline;
	line-height: 20px;
	padding: 0 10px 0 10px;
}
h5
{
	font-family: "Arial";
	font-size: 12px;
	color: #666;
	line-height: 50px;
	display: inline;
	line-height: 12px;
	margin: 5px 30px 0 0;
	float: right;
}
.headertext2
{
	font-family: "Arial";
	font-size: 18px;
	background: black;
	color: #fff;
	line-height: 20px;
	padding: 0 10px 0p 10px;
	text-align: center;
}
.headertext3
{
	font-family: "Arial";
	font-size: 13px;
	background: black;
	color: #fff;
	line-height: 20px;
	padding: 2px 10px 0 10px;
	margin: 0 0 2px 0;
	width: 330px;
	text-align: center;
}
.headertext4
{
	font-family: "Arial";
	font-size: 14px;
	background: black;
	color: #fff;
	line-height: 20px;
	padding: 2px 10px 0 10px;
	margin: 0 0 2px 0;
	width: 330px;
	text-align: center;
}
.headertext5
{
	font-family: "Arial";
	font-size: 17px;
	background: black;
	color: #fff;
	line-height: 20px;
	padding: 2px 10px 0 10px;
	margin: 0 0 2px 0;
	width: 280px;
	text-align: center;
}

#checkboxes2
{
	background-image: url(Images/CheckBox2);
	background-repeat: repeat-y;
	width: 18px;
	float: left;
}

ul
{
	margin-top: 0;
	margin-bottom: 0;
}

b.btop, b.btop b, b.bbot, b.bbot b
{
    display: block;
	height: 10px;
	font-size: 1px;
    background-image: url(Images/rc.png);
    background-repeat: no-repeat
}
b.btop b
{
	background-position: 0 -10px
}
b.bbot
{
	background-position: 0 -20px
}
b.bbot b
{
	background-position: 100% -30px
} 
#rb, #rb2, #rb3
{
	width: 500px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #cacaca;
}
#rbc
{
	width: 200px;
	background-color: #cacaca;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}
#rbcvid
{
	width: 370px;
	background-color: #cacaca;
	float: right;
	margin-right: 20px;
	border-radius: 5px;
}
#rbint
{
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
img.softboxrb
{
	padding: 5px;
}
#readmore
{
	background-image: url(Images/ReadMore.png);
	width: 126px;
	height: 26px;
	background-position: 0 0;
	margin-top: 5px;
}
#readmore:hover
{
	background-position: 0 -26px;	
}
table#discounts
{
	border: 1px solid #666;
}
#discounts td
{
	padding-left: 5px;
	padding-right: 5px;
}
tr.oddrow
{
	background: #CCC;	
}
#errortext
{
	color: #f00;
	font-size: 8px;
	line-height: 10px;
}
img
{
	border: 0;	
}
table#prices
{
	width: 842px;
	padding: 0;
	border: 1px solid #666;
	color: #555;
}
#prices td.info
{
	width: 70px;
	text-align: center;
}
#prices td.cen
{
	width: 625px;
	padding-left: 5px;
}
#prices td.rite
{
	padding-left: 5px;	
	text-align: center;
}
tr.price
{
	width: 820px;
	height: 40px;
	background-image: url(Images/pricetable.png);
	background-repeat: no-repeat;
	background-color: #999;
	margin-top: -5px;
}
.slideclass
{
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	background-color: #fff;
	padding: 10px;
	color: #000;
}
#compat td
{
	padding: 5px;
}

.linkimg
{
	cursor: pointer;	
}
#ordernowlarge
{
	width: 184px;
	height: 51px;
	background-image: url(Images/OrderNowLarge.png);
	background-position: 0 0;
	margin: 5px 15px 0 15px;
	float: right;
}
#ordernowlarge:hover
{
	background-position: 0 -51px;	
}
#ordernowlarge2
{
	width: 184px;
	height: 51px;
	background-image: url(Images/OrderNowLarge.png);
	background-position: 0 0;
	margin: 0 10px 10px 80px;
}
#ordernowlarge2:hover
{
	background-position: 0 -51px;	
}
#twitterpopout
{
	width: 173px;
	height: 52px;
	background-image: url(Images/twitterpopout.png);
	margin-left: 708px;
	margin-top: 20px;
	position: absolute;
	left: auto;
	visibility: hidden;
}
#twitin
{
	padding-left: 11px;
	padding-top: 22px;	
}
#facebookpopout
{
	width: 102px;
	height: 52px;
	background-image: url(Images/facebookpopout.png);
	margin-left: 716px;
	margin-top: 20px;
	position: absolute;
	left: auto;
	visibility: hidden;
}
#fbin
{
	padding-left: 11px;
	padding-top: 22px;	
}
#phonediv
{
	width: 214px;
	height: 32px;
	float: right;
	margin-top: -5px;
	text-align: right;
	margin-right: 3px;	
}
#consultinglink
{
	font-family: "Century Gothic";
	color: #fff;
	font-size: 14px;
	position: absolute;
	margin-left: 73px;
	margin-top: 57px;
}
#consultinglink a
{
	color: #CCC;	
}
#consultinglink a:hover
{
	color: #999;	
}
#halfdiv
{
	width: 430px;
	float: left;
	line-height: 30px;
}
#halfdiv2
{
	width: 389px;
	float: left;
	line-height: 30px;
}
#contacttextdiv
{
	width: 100px;
	float: left;
}
.tinput
{
	margin-top: 5px;
	margin-bottom: 5px;	
}
#contactcheckdiv
{
	width: 30px;
	float: left;
}
.cinput
{
	margin: 8px 0 8px 0;
}
#logos {
	width:300px;
	height: auto;
	float: left;
	margin: 0 0 0 50px;
	text-align: center;
	background: #CACACA;
	border: 1px solid;
}
.cartcol {
	width: 450px;
	float: left;
}

#form {
	background: #CACACA;
	width: 820px;
	padding: 10px;
	border: 1px solid;
}
#images {
	float: right;
	margin: 15px 35px 10px 10px;
}

.low {
	font-size: 22px;
	font-weight: bold;
	margin: 15px 0 0 35px;
	float: left;
}