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

body {margin:0; padding:0; background-image:url(../images/bg.gif); background-repeat:repeat-x; color:#353838; font-family:Arial, Helvetica, sans-serif; font-size:11px;	height:100%;}
html {height:100%;}

h1,h2,h3,h4,h5 {margin:0; padding:0;}
form {margin:0; padding:0;}

.clearFix {
	clear:both;
	line-height:0;
	height:0;
	font-size:0;
	display:block;
	text-align: center;
}
.right {float:right;}
.left {float:left;}
a {outline:none;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
#wrapper {position:relative; width:100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px;}
#container {width:980px; margin:0 auto;}
#top {height:63px;}

#logo a {display:block; width:180px; height:63px; background-image:url(../images/logo.gif); float:left; text-indent:-9999px;}
#logo a:hover{background-position:-180px;}

#logo2 a {display:block; width:180px; height:63px; background-image:url(../images/logo.gif); float:left; text-indent:-9999px;background-position:-180px;}

/*------------------------------------------------------- NAV -----------------------------------------------------------------------------*/

#nav {margin:0 0 0 0; padding:0; list-style-type:none; float:right;}
#nav li {float:left;}
#nav li a {display:block; height:63px; text-indent:-9999px;}

#nav li#backOffice a {background-image:url(../images/nav/back_office.gif); width:124px;}
#nav li#backOffice a:hover, #nav li#backOffice a.selected {background-position:-124px;}

#nav li#fieldInterface a {background-image:url(../images/nav/field_interface.gif); width:168px;}
#nav li#fieldInterface a:hover, #nav li#fieldInterface a.selected {background-position:-168px;}

#nav li#techSupport a {background-image:url(../images/nav/tech_support.gif); width:152px;}
#nav li#techSupport a:hover, #nav li#techSupport a.selected {background-position:-152px;}

#nav li#french a {background-image:url(../images/nav/french.GIF); width:129px;}
#nav li#french a:hover, #nav li#french a.selected {background-position:-129px;}

#nav li#contactUs a {background-image:url(../images/nav/contact_us.gif); width:129px;}
#nav li#contactUs a:hover, #nav li#contactUs a.selected {background-position:-129px;}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/

#header {
	width:914px;
	height:255px;
	background-image:url(../images/bg_header.jpg);
	padding:0 0 0 64px;
	color: #CCC;
}
#header h4 {
	width:410px;
	margin:0 0 0 0;
	text-align: justify;
	font-size: small;
}

.welcomeText {color:#919191; font-size:12px; display:block; margin:80px 0 0 -64px;}
#content {
	width:980px;
	background-image:url(../images/bg_content.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	text-align: left;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
}
#leftBox {width:532px; float:left; border-right:1px solid #f6f6f3; padding:0 0 10px 0;}
#rightBox {width:446px; float:left; border-left:1px solid #e2e2da;}

#text {width:500px; margin:auto; text-align:justify; margine-top:30px}

#infologo {margin:auto; width:103px}

#banner {
	margin:auto;
	width:470px;
	position:relative
}

#backOffice_content {
	width:440px;
	height:52px;
	padding:0 0 2px 0;
	border-bottom:1px solid #ebebe5;
	display:block;
	color:#ff8401;
	font-weight:bold;
	font-size:20px;
	padding:20px 0 0 90px;
	background-image:url(../images/bg_backOffice.jpg);
	text-align: left;
}

#backOffice-items {margin:7px 0 0 0; padding:0; list-style-type:none;}
#backOffice-items li {float:left; margin:0 8px 12px 0;}
#backOffice-items li a {display:block; width:162px; height:68px; color:#6e6b51; font-size:10px; text-decoration:none; padding:10px 10px 0 67px;}
#backOffice-items li.last {margin:0 8px 0 0;}

#backOffice-items li a .title {
	color:#6d6a51;
	font-size:18px;
	display:block;
	margin:0 0 5px 0;
	text-align: left;
}
#backOffice-items li a:hover .detail {
	text-decoration:underline;
	text-align: left;
}

#backOffice-items li#benefits a {background-image:url(../images/backOffice/benefits.jpg);}
#backOffice-items li#dispatching a {background-image:url(../images/backOffice/dispatching.jpg);}
#backOffice-items li#accounting a {background-image:url(../images/backOffice/accounting.jpg);}
#backOffice-items li#inventory  a{background-image:url(../images/backOffice/inventory.jpg);}
#backOffice-items li#invoicing a {background-image:url(../images/backOffice/invoicing.jpg);}
#backOffice-items li#quoting  a{background-image:url(../images/backOffice/quoting.jpg);}
#backOffice-items li#handheldsbox  a{background-image:url(../images/backOffice/handhelds.jpg);}

#backOffice-items li#benefits .title, #backOffice-items li#benefits .detail {
	color:#fff;
	text-align: left;
}


#fieldServices {
	width:357px;
	height:52px;
	padding:0 0 2px 0;
	border-bottom:1px solid #ebebe5;
	display:block;
	color:#5aa4e0;
	font-weight:bold;
	font-size:20px;
	padding:20px 0 0 90px;
	background-image:url(../images/bg_fieldServices.jpg);
	text-align: left;
}

#handhelds {width:397px; height:250px; background-image:url(../images/bg_handhelds.gif); background-repeat:repeat-y; padding:15px 25px;}
#handhelds .title {
	color:#3b7cb0;
	font-size:18px;
	text-align: left;
}
#handhelds p {line-height:17px; color:#353838; margin:10px 0; text-align:left;}
#handhelds img {float:left;}

#handhelds_list {margin:10px 0 0 30px; padding:0; list-style-type:none; float:left; text-align: left;}
#handhelds_list li {margin:0 0 14px 0;}
#handhelds_list li a {font-size:12px; color:#5a5858; padding:0 0 0 25px; text-decoration:none; display:block; background-image:url(../images/ok.gif); background-repeat:no-repeat; background-position:0 2px;}
#handhelds_list li a:hover {
	color:#6f0000;
	text-align: left;
}
#handhelds_list li a.last {background:none;}

/*------------------------------------------------------------------------   FOOTER   ----------------------------------------------------------------------------------------------*/
.push {height:100px;}
.footerPush {height:20px;}
#footer {width:980px; margin:0 auto; padding:0; color:#727272; height:60px; position:relative;}
#footerNav {border-bottom:1px solid #cdcfc9; padding:0 10px 6px 10px;}
#footerNav a {color:#727272; text-decoration:none;}
#footerNav a:hover {text-decoration:underline;}
#footerNav .menu {margin:0 0 0 30px;}
#footerNav .menu a {margin:0 15px;}

.copyright {margin:10px 0 0 10px;}