body {
	font: 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #898989;
	margin: 0;
	background-color: #e4e4e4;
	min-width: 976px;
}

a {
	text-decoration: none;
	color: #788087;
}

a:hover {
	text-decoration: underline;
}

img {
	border-style: none;
}

form {
	margin: 0;
	padding: 0;
	border-style: none;
}

.wrap-header {
	width: 100%;
	overflow: hidden;
	background: url(../images/bg-wrap-header.gif) repeat-x;
}
/* header start */
#header{
	margin: 0 auto;
	width: 976px;
	height: 104px;
	overflow: hidden;
	background: url(../images/bg-header.jpg) no-repeat bottom;
}

.logo{
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/bg-logo.jpg) no-repeat;
	margin: 25px 0 0 28px;
	height: 54px;
	float: left;
	display: inline;
}

.logo a{
	width: 233px;
	height: 54px;
	display: block;
}

.nav{
	margin: 0;
	padding: 3px 0 0 161px;
	list-style: none;
	float: left;
}

.nav li{
	float: left;
	background: url(../images/divider-nav.gif) no-repeat 100% 14%;
	padding: 0 15px 0 14px;
}

.nav li a{
	color: #4c5c67;
	float: left;
	white-space: nowrap;
	padding: 0 0 21px;
}

.nav li.active a{
	background: url(../images/bg-nav-a-hover.gif) no-repeat 50% 100%;
	text-decoration: none; 
}

li.last{
	background: none;
	padding-right: 0;
}

.secnav{
	margin: 0;
	padding: 0 0 20px 418px;
	list-style: none;
	float: left;
}

.secnav li{
	float: left;
	background: url(../images/divider-secnav.gif) no-repeat 100% 92%;
	padding: 0 15px 0 14px;
}

.secnav li a{
	color: #035994;
	float: left;
	font-size:12px;
	white-space: nowrap;
	padding: 21px 0 0;
}

.secnav li.active a{
	background: url(../images/bg-nav-b-hover.gif) no-repeat 50% 0%;
	text-decoration: none; 
}

li.last{
	background: none;
	padding-right: 0;
}
/* header end */
.wrap-headline{
	width: 100%;
	background: #37434d url(../images/bg-wrap-headline.jpg) repeat-x;
	border-bottom: 4px solid #0084b6;
}

.homepage{
	border-bottom: none;
}

/* headline start */
#headline{
	width: 976px;
	margin: 0 auto;
	min-height: 225px;
	position: relative;	
}

* html #headline{
	height: 225px;
	overflow: visible;
}

#headline h2{
	margin: 0;
	font-size: 20px;
	color: #fff;
	padding: 37px 0 14px 31px;
	letter-spacing: -1px;
	word-spacing: 5px;
}

.bg-headline{
	position: absolute;
	right: 0;
	bottom: -49px;
}

.bg-headline img {
	display: block;
}

#headline p{
	margin: 0;
	color: #a6bdcf;
	line-height: 17px;
	padding: 0 0 17px 30px;
	width: 450px;
}
/* headline end */
.wrap-content{
	width: 100%;
	overflow: hidden;
	background:#fff url(../images/bg-wrap-content.gif) repeat-x top;
}

/* content start */
#content{
	margin: 0 auto;
	overflow: hidden;
	width: 976px;
}

.wrap-tabset{
	width: 100%;
	overflow: hidden;
}
/* tabset start */
.tabset{
	width: 100%;
	overflow: hidden;
}

.tabs{
	width: 100%;
	height: 34px;
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 15px 0 0 21px;
}

.tabs li{
	float: left;
	padding: 0 11px 0 0;
}

.tabs li a{
	width: 190px;
	height: 26px;
	display: block;
	background: url(../images/bg-tab.jpg) no-repeat;
	text-decoration: none;
	outline: none;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 8px 0 0 16px;
}

.tabs li a:hover{
	text-decoration: none;
}

.tabs li a.active{
	background: url(../images/bg-tab-active.jpg) no-repeat;
	text-decoration: none;
}

.tab-info{
	overflow: hidden;
	width: 100%;
}

.content-blog{
	width: 100%;
	overflow: hidden;
}

.wrap-tabs-content{
	width: 100%;
	overflow: hidden;
	float: left;
}

#tabs-content{
	margin: 22px 0 0 22px;
	padding: 0;
	list-style: none;
	border-top: 1px solid #d4d4d4;
	width: 354px;
	font-size: 14px;
	font-weight: bold;
	position: relative;
}

#tabs-content li{
	border-bottom: 1px solid #d4d4d4;
	overflow: hidden;
	height: 36px;
	vertical-align: top;
}

#tabs-content li:hover,
#tabs-content li.hover{
	background: url(../images/bg-li-hover.gif) repeat-x;
}

#tabs-content .drop-down {
	position: absolute;
	top: -7px;
	left: 354px;
	display: none;
	overflow: hidden;
	width: 593px;
	height: 159px;
	z-index: 100;
}
#tabs-content .drop-down img{
	display: block; 
	float: left; 
	padding: 0 0 0 52px;
}

#tabs-content li:hover .drop-down,
#tabs-content li.hover .drop-down{
	display: block;
}

#tabs-content li a{
	height: 28px;
	width: 337px;
	float: left;
	color: #6f6f6f;
	padding: 8px 0 0 17px;
}

#tabs-content li:hover a,
#tabs-content li.hover a{
	text-decoration: none;
	color: #005b9b;
	background: url(../images/bullet-hover.gif) no-repeat 98% 50%;
}
#tabs-content li.active .drop-down{
	display: block; 
}
#tabs-1-content li.active .drop-down{
	display: block; 
}
#tabs-1-content{
	margin: 22px 0 0 22px;
	padding: 0;
	list-style: none;
	border-top: 1px solid #d4d4d4;
	width: 354px;
	font-size: 14px;
	font-weight: bold;
	position: relative;
}

#tabs-1-content li{
	border-bottom: 1px solid #d4d4d4;
	overflow: hidden;
	height: 36px;
	vertical-align: top;
}

#tabs-1-content li:hover,
#tabs-1-content li.hover{
	background: url(../images/bg-li-hover.gif) repeat-x;
}

#tabs-1-content .drop-down {
	position: absolute;
	top: -7px;
	left: 354px;
	display: none;
	overflow: hidden;
	width: 593px;
	height: 159px;
	z-index: 100;
}
#tabs-1-content .drop-down img{
	display: block; 
	float: left; 
	padding: 0 0 0 52px;
}

#tabs-1-content li:hover .drop-down,
#tabs-1-content li.hover .drop-down{
	display: block;
}

#tabs-1-content li a{
	height: 28px;
	width: 337px;
	float: left;
	color: #6f6f6f;
	padding: 8px 0 0 17px;
}

#tabs-1-content li:hover a,
#tabs-1-content li.hover a{
	text-decoration: none;
	color: #005b9b;
	background: url(../images/bullet-hover.gif) no-repeat 98% 50%;
}

a span{
	width: 20px;
	height: 20px;
	float: left;
}

a span.services{
	background: url(../images/bg-servisces.gif) no-repeat 0 2px;
	padding: 0 15px 0 0;
}

li:hover a span.services,
li.hover a span.services{
	background: url(../images/bg-servisces-hover.gif) no-repeat 0 2px;
}

a span.products{
	background: url(../images/bg-products.gif) no-repeat 4px 1px;
	padding: 0 15px 0 0;
}

li:hover a span.products,
li.hover a span.products{
	background: url(../images/bg-products-hover.gif) no-repeat 4px 1px;
}

a span.rate{
	background: url(../images/bg-rate.gif) no-repeat 2px 1px;
	padding: 0 15px 0 0;
}

li:hover a span.rate,
li.hover a span.rate{
	background: url(../images/bg-rate-hover.gif) no-repeat 2px 1px;
}

a span.strategy{
	background: url(../images/bg-strategy.gif) no-repeat 1px 0px;
	padding: 0 15px 0 0;
}

li:hover a span.strategy,
li.hover a span.strategy{
	background: url(../images/bg-strategy-hover.gif) no-repeat 1px 0px;
}

a span.finance{
	background: url(../images/bg-finance.gif) no-repeat 1px 0px;
	padding: 0 15px 0 0;
}

li:hover a span.finance,
li.hover a span.finance{
	background: url(../images/bg-finance-hover.gif) no-repeat 1px 0px;
}

.supplier{
	float: left;
	overflow: hidden;
	width: 359px;
	padding: 18px 0 0 34px;
	background-color: #fff;
}

	.logo-supplier{
	text-indent: -9999px;
	margin: 0;
	background: url(../images/bg-logo-supplier.jpg) no-repeat;
	height: 42px;
	padding: 0 0 10px;
}

 
.logo-supplier a{
	display: block;
	width: 117px;
}

.supplier p{
	margin: 0;
	padding: 0 0 0 2px;
	width: 353px;
	word-spacing: 0px;
	text-align: left; 
}
.logo-demand{
	background:url(../images/bg-logo-demand.jpg) no-repeat ;
}
.logo-order{
	background: url(../images/bg-logo-order.jpg) no-repeat ;
}
.logo-chain{
	width: 240px;
	background: url(../images/bg-logo-chain.jpg) no-repeat ;
}
.logo-inventory{
	width: 240px;
	background: url(../images/bg-logo-inventory.jpg) no-repeat ;
}
.logo-finance{
	width: 240px;
	background: url(../images/bg-logo-finance.jpg) no-repeat ;
}
#tabs-content li:hover .supplier a.learn-more,
#tabs-content li.hover .supplier a.learn-more,
#tabs-content .supplier a.learn-more{
	color: #fc9402;
	font-weight: bold;
	background: url(../images/bg-supplier-a.gif) no-repeat 24% 50%;
	padding: 8px 0 0 3px;
	clear:left;
	outline: none;
	position: relative;
}
#tabs-content li:hover .supplier a.learn-more:hover,
#tabs-content li.hover .supplier a.learn-more:hover{
	text-decoration: underline;
}
#tabs-1-content li:hover .supplier a.learn-more,
#tabs-1-content li.hover .supplier a.learn-more,
#tabs-1-content .supplier a.learn-more{
	color: #fc9402;
	font-weight: bold;
	background: url(../images/bg-supplier-a.gif) no-repeat 24% 50%;
	padding: 8px 0 0 3px;
	clear:left;
	outline: none;
	position: relative;
}
#tabs-1-content li:hover .supplier a.learn-more:hover,
#tabs-1-content li.hover .supplier a.learn-more:hover{
	text-decoration: underline;
}
.info-blog{
	height: 99px;
	overflow: hidden;
	padding: 27px 0 26px 13px;
}

.box{
	width: 232px;
	height: 99px;
	background: url(../images/bg-box.jpg) no-repeat;
	float: left;
	padding: 0 6px 0 0;
}

.box strong{
	color: #005b9b;
	display: block;
	padding: 17px 0 3px 23px;
}
.box strong a{
	color: #005b9b;
}

.box p{
	margin: 0;
	line-height: 16px;
	width: 181px;
	padding: 0 0 0 22px;
	word-spacing: -1px;
}

.box a{
	color: #f89620;
	font-weight: bold;
	padding: 0 25px 0 2px;
}

.play{
	background: url(../images/bg-play.jpg) no-repeat 100% 60%;
}

a.download{
	background: url(../images/bg-download.jpg) no-repeat 100% 60%;
	padding: 0 18px 0 2px;
}

/* tabset end */
/* content end */
.wrap-footer{
	width: 100%;
	overflow: hidden;
	background: #e4e4e4 url(../images/bg-wrap-footer.gif) repeat-x;
}
/* footer start */
#footer{
	width: 976px;
	margin: 0 auto;
	overflow: hidden;
	min-height: 233px;
	padding: 18px 0 0 0;
}

#footer h3{
	margin: 0;
	font-weight: bold;
	color: #5b5b5b;
	word-spacing: -1px;
	padding: 0 0 13px;
	font-size: 13px;
}

* html #footer{
	height: 233px;
	overflow: visible;
}

.news{
	width: 476px;
	overflow: hidden;
	float: left;
	padding: 0 0 0 39px;
}

.news p{
	line-height: 22px;
	width: 420px;
	text-align: justify;
	color: #788087;
	margin: 0;
	padding: 0 0 22px;
}

.news a{
	text-decoration: underline;
	font-weight: bold;
}

.news a:hover{
	text-decoration: none;
}

.resource{
	overflow: hidden;
	width: 239px;
	float: left;
}

.resource ul{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 22px;
}

.contact{
	width: 222px;
	float: left;
	overflow: hidden;
}

.contact p{
	margin: 0;
	line-height: 22px;
}

.add-contact{
	width: 222px;
	overflow: hidden;
	padding: 0 0 21px;
}

.add-contact a{
	display: block;
	padding: 0 0 5px;
}

.address{
	width: 222px;
	overflow: hidden;
}
/* footer end */
/* inner page start */
.inner-page #headline{
	min-height: 186px;
}

* html .inner-page #headline{
	height: 186px;
}

.inner-page .bg-headline{
	bottom: 0;
	right: -6px;
}

.inner-page #headline h2{
	letter-spacing: 0;
	padding: 41px 0 5px 31px;
}

/* inner page start */
.version2 #headline{
	min-height: 136px;
}

* html .version2 #headline{
	height: 136px;
}

.version2 .bg-headline{
	bottom: 0;
	right: -6px;
}

.version2 #headline h2{
	letter-spacing: 0;
	padding: 41px 0 5px 31px;
}

#headline h3{
	margin: 0;
	color: #f89b28;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 31px;
}

#headline ul{
	margin: 0;
	padding: 12px 0 0 32px;
	list-style: none;
}

#headline ul li{
	background: url(../images/bg-bullet-headline.gif) no-repeat 0 7px;
	color: #a6bdcf;
	padding: 0 0 0 10px;
	line-height: 16px;
	word-spacing: -1px;
}

.wrap-secondary-content{
	width: 100%; 
	overflow: hidden; 
	background-color: #fff;
}
.secondary-content{
	width: 976px;
	overflow: hidden;
	min-height: 424px;
	background: url(../images/bg-secondary-content.gif) repeat-y;
	margin: 0 auto 23px;
}

/*
* html .secondary-content{
	height: 424px;
}
*/
/* sidebar start */
.sidebar{
	width: 242px;
	overflow: hidden;
	float: left;
}
/* accordion start */
.accordion{
	width: 213px;
	margin: 21px 0 0 15px;
	padding: 0;
	list-style: none;
	border-top: 1px solid #9c9c9c;
	overflow: hidden;
}

.accordion li{
	border-bottom: 1px solid #9c9c9c;
	vertical-align: top;
	height: 1%;
}

.accordion .opener{
	display: block;
	height: 1%;
	color: #50606d;
	text-decoration: none;
	padding: 9px 0;
	height: 18px;
	overflow: hidden;
}

.accordion .opener:hover{
	text-decoration: none;
}

.accordion .opener em{
	background: url(../images/bg-accordion-bullet.gif) no-repeat 188px 2px;
	display: block;
	font-style: normal;
}

.accordion .ui-state-active{
	background: url(../images/bg-opener.gif) repeat-x;
	color: #fff;
}

.accordion .ui-state-active em{
	background: url(../images/bg-accordion-bullet-hover.gif) no-repeat 185px 7px;
}

.accordion-content{
	margin: 0;
	padding: 10px 0 6px 15px;
	list-style: none;
	background-color: #fff;
}


.accordion-content li a{
	color: #50606d;
	font-size: 12px;
	line-height: 20px;
}

.accordion-content li a:hover{
	text-decoration: none;
	color: #f08400;
	background: #fff;
}
.accordion-content li a.active{
	text-decoration: none;
	color: #f08400;
	background: #fff;
}
/* accordion end */
.subnav{
	width: 213px;
	margin: 21px 0 0 15px;
	padding: 0;
	list-style: none;
	border-top: 1px solid #9c9c9c;
	overflow: hidden;
}

.subnav li{
	border-bottom: 1px solid #9c9c9c;
	vertical-align: top;
	height: 1%;
}

.subnav .signpost{
	display: block;
	height: 1%;
	color: #50606d;
	text-decoration: none;
	padding: 9px 0;
	height: 18px;
	overflow: hidden;
}

.subnav .signpost:hover{
	text-decoration: none;
}

.subnav .selected{
	background: url(../images/bg-signpost.gif) repeat-x;
	color: #fff;
}


.subnav .signpost em{
	
	display: block;
	font-style: normal;
	padding: 0 0 0 15px;
}

.subnav .active{
	background: url(../images/bg-signpost.gif) repeat-x;
	color: #fff;
}

.subnav a:hover{
	background: url(../images/bg-signpost.gif) repeat-x;
	color: #fff;
}



/* sidebar end */
/* right-column start */
.right-column{
	width: 734px;
	overflow: hidden;
	float: right;
	background: url(../images/bg-right-column.gif) repeat-y;
	margin: 23px 0 0;
}

.title{
	width: 451px;
	overflow: hidden;
	float: left;
}

.title h3{
	clear: both;
	padding: 0px 0px 10px 0;
	margin: 0px;
	border: 0;
	color: #085286;
}

.free-trial-box{
	width: 451px;
	overflow: hidden;
	padding: 0 0 11px;
}

.free-trial-box img{
	float: left;
	display: block;
}

.free-trial{
	float: right;
	width: 177px;
	overflow: hidden;
	padding: 28px 0 0;
}

.free-trial ul{
	margin: 0;
	padding: 0 0 25px 8px;
	list-style: none;
	font-size: 18px;
	font-style: italic;
}

.free-trial ul li{
	color: #70899c;
	line-height: 21px;
}

.free-trial a{
	display: block;
	width: 169px;
	height: 28px;
	background: url(../images/bg-free-trial-a.jpg) no-repeat;
	font-size: 14px;
	color: #f08400;
	font-weight: bold;
	padding: 9px 0 0 20px;
	outline: none;
}

.text{
	width: 405px;
	overflow: hidden;
	padding: 0 0 0 47px;
}

.text p{
	margin: 0;
	font-size: 12px;
	word-spacing: 1px;
	padding: 0 0 14px;
}

.nav-info{
	overflow: hidden;
	float: right;
	width: 224px;
}

.nav-info ul{
	margin: 0;
	padding: 0 0 17px;
	list-style: none;
	font-size: 12px;
	line-height: 16px;
	width: 198px;
}

.nav-info h3{
	color: #085286;
	font-weight: bold;
	margin: 0;
	font-size: 12px;
	line-height: 15px;
}

.nav-info ul li{
	background: url(../images/bg-bullet-nav-info.gif) no-repeat 0 6px;
	padding: 0 0 0 9px;
}

.nav-info ul li a:hover{
	color: #fc9402;
}

.nav-info p{
	color: #085286;
}

.note p{
	font-size: 11px;
	color: #898989;
	padding: 0;
	margin: 0 0 10px 0;
}

.inner-page #footer{
	padding: 0;
	min-height: 215px;
}

* html .inner-page #footer{
	height: 215px;
}

.copyright{
	margin: 0;
	text-align: right;
	font-size: 12px;
	padding: 19px 43px 0 0;
	word-spacing: 2px;
}
.home{
	clear: both;
	padding: 10px 43px 30px 0;

}

/* forms */

.form h3{
	clear: both;
	padding: 0px 0px 10px 0;
	margin: 0px;
	border: 0;
	color: #085286;
}

.form label{
	width: 120px;
	float: left;
	text-align: left;
	padding: 6px 10px 0 0;
}

.form input{
	border: 0;
	background: #e5e5e5;
	padding: 6px;
	margin: 0px;
	width: 220px;
}

.form ul, .form li{
	list-style:none;
	margin: 0;
	padding: 2px;
	width: 800px;
}

.form ul.checks {
	width: 400px;
	clear: both;
	list-style:none;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

.form ul.checks li {
	float:none;
	width: 400px;
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
}

input.checkbox {
	background: #fff;
	width: 12px;
	clear: both;
	float: left;
	color:#666;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight:bold;
	font-size: 10px;
	border: 0;
}

.form ul.checks label{
	width: 250px;
	margin: 0;
	padding: 0 0 0 10px;
	border: 0;
	float: none;
}

input.submit {
	display: block;
	width:80px;
	color: #f08400;
	font-weight: bold;
	font-size: 14px;
	height:37px;
	padding: 9px 0 0 22px;
	font-weight:bold;
	background: url(../images/bg-submit.png) no-repeat;
	border: 0;
	cursor: pointer;
	outline: none;
}

input.download {
	display: block;
	width:130px;
	color: #f08400;
	font-weight: bold;
	font-size: 14px;
	height:37px;
	padding: 9px 0 0 28px;
	font-weight:bold;
	background: url(../images/bg-download-doc.png) no-repeat;
	border: 0;
	cursor: pointer;
	outline: none;
}


.form ul, .form ul.checks{
	margin-bottom: 20px;
}

.login{
line-height: 2.2;
}

.login h3{
	clear: both;
	padding: 0px 0px 15px 0px;
	margin: 0px;
	border: 0;
	color: #085286;
	font-size: 16px;
}

.login label{
	clear: both;
	color: #898989;
	float: left;
	padding: 0 0 5px 0px;
	margin: 0px;
	width: 70px;
	line-height: 1;
}

.login input{
	clear: both;
	float: left;
	border: 0;
	margin: 0 0 10px 0;
	padding: 5px;
	background: #e5e5e5;
	width: 160px;
}

input.submit {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;	
	width:80px;
	color: #f08400;
	font-weight: bold;
	font-size: 14px;
	height:37px;
	padding: 11px 0 0 25px;
	font-weight:bold;
	background: url(../images/bg-login.gif) no-repeat;
	border: 0;
	cursor: pointer;
	outline: none;
	margin: 2px 0 0 0px;
}

.login a{
	clear: both;
	float: left;
	text-decoration:underline;
	color: #fa9932;
	font-size: 12px;
}
.accordion-content li{
	border: none;
}

.text img.icon {
position: relative;
clear: both;
float: right;
padding-right: 16px;
}

.wrap {
border-top: 1px solid #ccc;
padding-top: 20px;
}

.wrap p{
}

.videos a.play{
font-size: 13px;
	color: #f08400;
	font-weight: bold;
	outline: none;
	display: block;
	float: left;	
	width: 115px;
	height: 40px;
	background: url(../images/bg-play.jpg) no-repeat 75px 3px;
}
.videos a.screen-cast{
font-size: 13px;
	color: #f08400;
	font-weight: bold;
	outline: none;
	display: block;
	float: left;	
	width: 180px;
	height: 40px;
	background: url(../images/bg-play.jpg) no-repeat 130px 3px;
}
.wrap {
clear: both;
}

.text a {
color: #fa9932;
}

.note1 {
font-style:oblique;
	color: #085286;
	font-weight:bold;
}

p.key {
color: #fa9932;
font-style:oblique;
float: right;
padding-right: 20px;
}
.key em, label em {
color: #fa9932;
font-size:20px;
}
.error p {
font-style:oblique;
	color: #e11111;
	font-weight:bold;
	line-height: 1.4;
	font-size: 12px;
}