html
{
	background:#c5d1dd url("../images/body-bg.gif") top left repeat-x;
	font-family:"Myraid Pro",Verdana;
}

body
{
	width:917px;
	margin:0 auto;
	background:#FFF;
}

#main-container
{
	width:917px;
	margin:0 auto;
	background:transparent;
	border:1px solid #CCC;
	border-bottom:0px;
	border-top:0px;
}

.clear
{
	clear:left;
	height:1px;
	line-height:1px;
	font-size:1px;
}

.clear-both
{
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
}

p
{
	font-size:12px;
	padding:0 0 10px 0;
	line-height:16px;
}

.quote-outter
{
	width:680px;
	margin:20px 0;
	position:relative;
}

.quote
{
	background:transparent url("../images/quote-middle.gif") repeat-y top right;
	float:right;
	width:566px;
	font-size:12px;
	padding:0 20px;
	line-height:16px;
	padding:0 20px 0 60px;
	font-style:italics;
	font-weight:bold;
}

.quote-top
{
	background:transparent url("../images/quote-top.gif") no-repeat top right;
	float:right;
	width:646px;
	height:27px;
}

.quote-bottom
{
	background:transparent url("../images/quote-bottom.gif") no-repeat top right;
	float:right;
	width:646px;
	height:27px;
}

.quote-img
{
	width:40px;
	position:absolute;
	top:10px;
	z-index:5;
}

.disabled-notice
{
    font-family: Tahoma;
    font-style: italic;
    font-size:small;
    color: #808080;
}

/**********************************     HEADER     **********************************/

#header
{
	height:60px;
	background:transparent url("../images/header-bg.gif") top left no-repeat;
}

#header .logo
{
	float:left;
	width:200px;
	padding:5px 0 0 5px;
}

#header .right
{
	float:right;
	width:400px;
}

#header .right li
{
	float:left;
}

#header .right li.seperator
{
	float:left;
	padding:0 10px;
	color:#FFF;
}

#header .right li a
{
	color:#FFF;
	text-decoration:underline;
	font-size:13px;
}

/**********************************     MENU     **********************************/

#menu
{
	background:transparent url("../images/menu-bg.gif") top left no-repeat;
	height:31px;
	padding:0 0 0 60px;
	border-bottom:4px solid #c76210;
}

#menu li
{
	float:left;
	padding:5px 10px;
	line-height:21px;
	height:21px;
}

#menu li.seperator
{
	float:left;
	padding:0px;
	margin:0px;
	color:#FFF;
}

#menu li a
{
	color:#000;
	text-decoration:none;
	font-size:16px;
}

#menu li:hover,#menu li.active
{
	background:#c76210;
}

#menu li a:hover,#menu li:hover a,#menu li.active a
{
	color:#FFF;
}

/**********************************     SUBNAV     **********************************/

#subnav
{
	padding:0 0 40px 0;
	width:180px;
}

#text .left #subnav ul
{
	padding:0px;
	list-style:none;
}

#text .left #subnav li
{
	font-size:12px;
	cursor:pointer;
	list-style:none;
	border-bottom:1px dotted #c76210;
	padding:5px 0 10px 10px;
	margin:0 0 5px;
}

#text .left #subnav li a
{
	text-decoration:none;
	font-size:12px;
	color:#264055;
}

#text .left #subnav li a:hover,#text .left #subnav li.active a
{
	color:#3d78ab;
}

/**********************************     BREADCRUMBS     **********************************/

#text .right #breadcrumbs
{
	
}

#text .right #breadcrumbs ul
{
	margin:0px;
	padding:10px 0;
	list-style:none;
}

#text .right #breadcrumbs li
{
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	color:#0000DD;
	font-size:12px;
	font-weight:bold;
}

#text .right #breadcrumbs li.seperator
{
	margin:0 5px;
	color:#0000DD;
	font-size:14px;
	font-weight:bold;
}

/**********************************     ASSOCIATIONS/PARTNERS     **********************************/

#text .right .association
{
	clear:left;
	margin:0 0 40px 0;
}

#text .right .association-img
{
	float:left;
	width:200px;
	overflow:hidden;
}

#text .right .association-img img
{
	max-width:200px;
}

#text .right .association-text
{
	float:right;
	width:450px;
	padding:0 0 20px 0;
}

#text .right .association h3
{
	font-weight:bold;
	padding:0 0 10px 0;
}


/**********************************     XCELERATOR     **********************************/

#text .right #xcelerator-thumbs ul
{
	padding:10px 0 20px 0;
	margin:0px;
}

#text .right #xcelerator-thumbs li
{
	float:left;
	padding:0px;
	margin:0 15px 0 0;
	list-style:none;
}

#text .right img#main-img
{
	margin:20px 0;
}

#text .right .xcelerator-callouts
{
	padding:20px 0;
	clear:left;
}

#text .right .xcelerator-callouts .callout
{
	float:left;
	margin:0 2px 10px 0;
	border:1px solid #FFF;
	width:220px;
	height:147px;
}

#text .right .xcelerator-callouts .callout a
{
	width:220px;
	height:147px;
	display:block;
	overflow:hidden
}

#text .right .xcelerator-callouts .callout a.order-entry
{
	background:transparent url("../images/xcelerator/order-entry.gif") no-repeat top left;
	padding:0px;
}

#text .right .xcelerator-callouts .callout a.order-entry:hover
{
	background:transparent url("../images/xcelerator/order-entry.gif") no-repeat 0px -147px;
}

#text .right .xcelerator-callouts .callout a.dispatch
{
	background:transparent url("../images/xcelerator/dispatch.gif") no-repeat top left;
}

#text .right .xcelerator-callouts .callout a.dispatch:hover
{
	background:transparent url("../images/xcelerator/dispatch.gif") no-repeat 0px -147px;
}

#text .right .xcelerator-callouts .callout a.distribution
{
	background:transparent url("../images/xcelerator/distribution.gif") no-repeat;
}

#text .right .xcelerator-callouts .callout a.distribution:hover
{
	background:transparent url("../images/xcelerator/distribution.gif") no-repeat 0px -147px;
}

#text .right .xcelerator-callouts .callout a.accounting
{
	background:transparent url("../images/xcelerator/accounting.gif") no-repeat top left;
}

#text .right .xcelerator-callouts .callout a.accounting:hover
{
	background:transparent url("../images/xcelerator/accounting.gif") no-repeat 0px -147px;
}

#text .right .xcelerator-callouts .callout a.reporting
{
	background:transparent url("../images/xcelerator/reporting.gif") no-repeat top left;
}

#text .right .xcelerator-callouts .callout a.reporting:hover
{
	background:transparent url("../images/xcelerator/reporting.gif") no-repeat 0px -147px;
}

#text .right .xcelerator-callouts .callout a.tracking
{
	background:transparent url("../images/xcelerator/tracking.gif") no-repeat top left;
}

#text .right .xcelerator-callouts .callout a.tracking:hover
{
	background:transparent url("../images/xcelerator/tracking.gif") no-repeat 0px -147px;
}


/**********************************     TEXT     **********************************/

#text
{
	background:transparent url("../images/text-top-bg.gif") top left no-repeat;
	min-height:200px;
	height:auto !important;
	height:200px;
	padding:20px 12px 20px 15px;
}

#text .left
{
	float:left;
	width:180px;
	font-size:12px;
}

#text .left p
{
	color:#0f2032;
}

#text .left p a
{
	color:#0f2032;
	text-decoration:underline;
}

#text .left h1
{
	font-size:12px;
	color:#c76210;
	margin:0 0 5px 0;
}

#text .left h1.newsletter
{
	background:transparent url("../images/home-newsletter-icon.gif") top left no-repeat;
	height:22px;
	padding:5px 0 0 34px;
}

#text .left h1.demo
{
	background:transparent url("../images/home-demo-icon.gif") top left no-repeat;
	height:22px;
	padding:5px 0 0 34px;
}

#text .left h1.contact
{
	background:transparent url("../images/home-contact-icon.gif") top left no-repeat;
	height:22px;
	padding:5px 0 0 34px;
}

#text .left .quote-item
{
	margin:0 0 5px 0;
	height:100px;

	overflow:hidden;
}

#text .left .item
{
	margin:0 0 5px 0;
}

#text .left .item-text
{
	padding:0 0 5px 0;
	margin:0 0 0 34px;
	background:transparent url("../images/left-seperator.gif") bottom left no-repeat;
}

#text .left .item input.submit
{
	width:54px;
	height:18px;
}

#text .left .item .left-form-input
{
	padding:0 0 10px 0;
}

#text .right
{
	float:right;
	width:686px;
}

#text .right ul
{
	padding:10px 0 10px 20px;
}

#text .right li
{
	list-style:disc;
	font-size:12px;
	padding:0 0 10px 0;
}

#text .right h1
{
	clear:both;
	padding:20px 0 2px 0;
	margin:0 0 20px 0;
	font-size:22px;
	font-weight:bold;
	color:#0f2b41;
}

#text .right h2
{
	margin:0 0 10px 0;
	font-size:18px;
	font-weight:bold;
	color:#000076;
}

#text .right h3
{
	margin:0 0 10px 0;
	font-size:14px;
	color:#4f81bd;
	font-weight:bold;
}

#text .right a
{
	text-decoration:underline;
	color:#000088;
}

#text .right a:hover
{
	color:#0000FF;
}

#home-callouts
{
	padding:10px 0 0 0;
}

#home-callouts .callout
{
	float:left;
	margin:0 3px 0 0;
	border:1px solid #FFF;
}

#text .right #home-callouts .callout a
{
	width:223px;
	height:147px;
	display:block;
	overflow:hidden;
}

#text .right #home-callouts .callout a.xceleratorCallout
{
	background:transparent url("../images/home-xcelerator-image.gif") no-repeat top left;
}

#text .right #home-callouts .callout a.xceleratorCallout:hover
{
	background:transparent url("../images/home-xcelerator-image.gif") no-repeat 0px -147px;
}

#text .right #home-callouts .callout a.interconnectCallout
{
	background:transparent url("../images/home-interconnect-image.gif") no-repeat top left;
}

#text .right #home-callouts .callout a.interconnectCallout:hover
{
	background:transparent url("../images/home-interconnect-image.gif") no-repeat 0px -147px;
}

#text .right #home-callouts .callout a.mobiletekCallout
{
	background:transparent url("../images/home-mobiletek-image.gif") no-repeat top left;
}

#text .right #home-callouts .callout a.mobiletekCallout:hover
{
	background:transparent url("../images/home-mobiletek-image.gif") no-repeat 0px -147px;
}

#home-text
{
	padding:25px 0 0 0;
	color:#333;
}

#home-text .left p,#home-text .right p
{
	color:#333;
}

#home-text .left h1,#home-text .right h1
{
	padding:20px 0 2px 0;
	margin:0 0 20px 0;
	font-size:22px;
	color:#000;
}

#home-text .left
{
	float:left;
	width:450px;
}

#home-text .right
{
	float:right;
	width:200px;
}

#photos
{
	clear:both;
	height:500px;
	margin:20px 0 110px;
	padding:0 20px 20px;
	width:570px;
	position:relative;
}

#text .right .news
{
	margin:20px 0 0 0;
}

#text .right .order-entry img.right
{
	float:right;
	width:auto;
	height:auto;
	margin:10px;
}

#text .right .order-entry img.left
{
	float:left;
	width:auto;
	height:auto;
	margin:10px;
}

#text .right .order-entry
{
	clear:both;
	padding:0 0 20px 0;
}

#text .right .order-entry p
{	
	width:auto;
	padding:10px 0 0 0;
}

#text .right .order-entry p.left
{
	float:left;
}

#text .right .order-entry p.right
{
	float:left;
}

/**********************************     FORMS     **********************************/

form#contactForm,form#demoForm
{
	padding:10px 0 0 0;
}

div.form-input
{
	clear:both;
	padding:0 0 15px 0;
	font-size:12px;
}

div.form-submit
{
	padding:0 0 0 100px;
}

div.form-input label
{
	float:left;
	width:200px;
	text-align:right;
	padding:4px 3px 0 0;
}

div.form-input label.location-inline-input
{
	float:left;
	width:50px;
	text-align:right;
	padding:4px 3px 0 0;
}

div.form-input label.check
{
	float:left;
	margin:0 10px 0 0;
	width:200px;
	padding:0px;
	text-align:left;
}

div.form-input div.demo-checkbox
{
	padding:0 0 0 205px;
}

div.form-input input
{
	width:200px;
}

div.form-input select
{
	width:204px;
}

div.form-input input.inline-input 
{
	float:left;
	margin:0 5px 0 0;
}

div.form-input input#state
{
	width:40px;
}

div.form-input input#city
{
	width:160px;
}

div.form-input input#zip
{
	width:100px;
}

div.form-input textarea
{
	width:300px;
	height:200px
}

div.form-input input.check
{
	width:auto;
}

div.form-input textarea
{
	width:300px;
	height:100px;
}

div.form-input input.submit
{
	width:auto;
}

span.req
{
	color:BLUE;
}

div.container
{
	background-color:#DDD;
	margin:5px;
	padding:5px;
	padding:10px;
	margin:0 0 20px 0;
}

div.container h4
{
	color:#000;
	font-size:14px;
	padding:0 0 10px 0;
}

div.container ol li 
{
	list-style-type:disc;
	margin-left:20px;
	color:#FF0000;
	font-size:12px;
	padding:0 0 4px 0;
}

div.container
{
	display:none
}

.container label.error 
{
	display:inline;
}

form.cmxform
{
	width:30em;
}

form.cmxform label.error 
{
	display:block;
	margin-left:1em;
	width:auto;
}

/**********************************     SITEMAP     **********************************/

#text .right ul#map
{
	clear:left;
	width:400px;
	float:left;
	list-style:none;
}

#text .right ul#map li
{
	padding:0 0 10px 0;
	list-style:none;
}

#text .right ul.childmap
{
	padding:0 0 0 20px;
	margin:10px 0;
	list-style:none;
}

#text .right ul.childmap li
{
	padding:0 0 10px 20px;
	list-style:none;
}

/**********************************     FOOTER     **********************************/

#footer
{
	clear:both;
	font-size:11px;
	padding:0 0 45px 10px;
}

#footer .left
{
	float:left;
	width:165px;
	border-right:1px dotted #333;
	padding:0 10px 5px 0;
}

#footer .left ul
{
	text-align:right;
}

#footer .left li
{
	padding:0 0 3px 0;
}

#footer .left li a
{
	font-weight:bold;
	text-decoration:none;
	color:#333;
}

#footer .right
{
	float:left;
	width:555px;
	padding:0 0 0 10px;
}

#footer .right li
{
	padding:0 0 5px 0;
}

#footer .right li a
{
	text-decoration:none;
	color:#333;
}


/**********************************     TABLES     **********************************/
.table-header-cell
{
    background-color:Silver;
    font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	padding:4px;
	border: 1px solid Silver; 
	BORDER-COLLAPSE: collapse; 
}
.table-record-cell
{
    background-color:#EEEEEE;
    font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	padding:4px;
	border: 1px solid Silver; 
	BORDER-COLLAPSE: collapse; 
}

.table-general
{
    font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	padding:4px;
}
.table-general-header
{
    font-weight:bold;
    text-align:center;
}

.unSelRow { BACKGROUND-COLOR: white }
.selRow { BACKGROUND-COLOR: #99ccff }


.copy_gray 
{
     font-family: Tahoma, Helvetica, sans-serif; 
     font-size: 11px; 
     font-style: normal; 
     line-height: 18px; 
     font-weight: normal; 
     font-variant: normal; 
     color: #505659; 
     text-transform: none;
     border:1px solid gray;
     padding:3px;
}
     
.tblHead_gray 
{
	font-family: Tahoma, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: 18px; 
	font-weight: normal; 
	font-variant: normal; 
	color: #505659; 
	text-transform: none;
	background-color:#d3d3d3;
	border:1px solid gray;
	text-align:center;
	padding:3px;
}


/**********************************     MISC     **********************************/