/***************** Global Defintions *********************/

/*This code is for outside the main container color on all pages*/
body,html {
	background-color:#FFFFFF;
	
	line-height:1.3;
}

html {
	min-height: 100%;
	margin-bottom: 1px;
	overflow: -moz-scrollbars-vertical !important;
}

b, strong {
	font-weight: bold;
}
/*
em {
	font-style: italic;
	*/
}

input,textarea,select {
	border: 1px solid #939393;
}

#social-links-rss table tr td table td {
	padding: 6px;
}

#social-links {
	background-image: url('/images/bgs/video-bg.png');
	background-repeat: no-repeat;
}

#social-links .social-links-img {
	margin: 0px;
}

#social-links-rss table tr td table td table tr:last-child {
	display: none;
}

body {
	font-family: Verdana, Verdana, Geneva, sans-serif;
	color: #222222;
	font-size: 0.78em;
	padding-right:: 8pt;
}

ul {
	list-style-position: outside;
	margin-bottom: 6px;
}

ol {
	list-style-position: outside;
	margin-bottom: 6px;
}

ul li ul {
	margin-top: 4px;
}

ol li {
	list-style-type: decimal !important;
	margin-left: 25px;
	margin-bottom: 9px;
}

.bg-contact-us {
	background-image: url('/images/bgs/contact-us-bg.png');
	background-repeat: no-repeat;
}

.bg-testimonial {
	background-image: url('/images/bgs/testimonial-bg.png');
	background-repeat: no-repeat;
}

.ol-expand li {
	margin-bottom: 24px;
}

table {
	border-collapse:separate;
	border-spacing:0;
}

a, a:visited, a:link, a:active {
	color: inherit !important;
}

a:hover {

}

thead {
	background-color: #327E04;
	text-align: center;
	color: white;
	font-size: 14px;
	font-weight: bold;
}

thead td {
	padding: 4px;
}
/*********************************************************************************************************Headers and Misc **************************/
.header-shadow {
	color: #074E84;
	text-shadow: #ccc 2px 1px;
}

#article-list {
	margin-left: 0px;
}

#article-list li {
	list-style-image: none;
	font-size: 0.9em;
}

#article-list a:hover {
	color: #074E84 !important;
}

.ui-bg-gpsfs {
	background-image: url('/images/bgs/generic-bottom-gradient.png');
	background-repeat: repeat-x;
	background-position: bottom;
}

/*********************************************************************************************************Main DIVs *************************/

/**********************************************************Single image on index page at top center*****/
#header {
	height: 76px;
	width: auto;
	margin: 0 auto 0 auto;
	background-color:#FFFFFF;

}

#navigation {
	border-top: 1px solid #084D83;
	background-image: url('/images/bgs/menu-bg.png');
	background-repeat: repeat-x;
}

	/*----------------------------------------------------------This section is for the main container size, color on all pages---------------------*/
#container {
	width: 930px;
	margin: 0px auto 0px auto;
	text-align: left;
	border-right-width:thin;  
	border-right-style:solid;
	border-right-color:#b7b7b7;
	border-left-width:thin;
	border-left-style:solid;
	border-left-color:#b7b7b7;
    background-color: #FFFFFF;
	padding-left: 15px;
	padding-right: 8px;
	
}

#innerContent {
	width: 715px;
	float: left;
	padding: 8px 5px 5px 5px;
}

#extraBar {
	width: 185px;
	text-align: left;
	padding: 8px 5px 5px 5px;
	float: right;
}

#footer {
	text-align: center;
	clear: both;
	margin: 0px auto 0 auto;
	padding-bottom: 15px;
	background-color:#FFFFFF;
	max-width:955px;
}

#news-tabs {
	padding-bottom: 15px;
}

/*********************************************************************************************************Floating Images w/ Border **************************/
.ui-image-right
{
	float: right;
	margin-left: 8px;
}

.ui-image-left
{
	float: left;
	margin-right: 8px;
}

.ui-image-border
{
	border: 4px outset #2886FF;
	padding: 0px;
}

/**********************************************************************************************************ROI Page *************************/

#roi-page {
	background-image:url('/images/bgs/roi-bg.png');
	background-repeat: no-repeat;
	width: 715px;
	margin-top: -15px;
	position: relative;
	height: 650px;
	font: 11px Verdana,sans-serif;
}
	
#roi-page-nav {
	position: absolute;
	top: 72px;
	left: 110px;
	font: 11px Verdana,sans-serif;
}

#roi-page-nav li {
	text-align: center;
	float: left;
	list-style-image: none;
	margin-left: 6px;
	margin-right: 6px;
	font: 11px Verdana,sans-serif;
}



#roi-page-nav a {
	display: block;
	color: white !important;
	padding: 0 4px 0px 7px;
	font: 11px Verdana,sans-serif;
}

#roi-page-content {
	position: absolute;
	top: 110px;
	color: white;
	margin: 0 0 0 40px;
	width: 640px;
	font: 11px Verdana,sans-serif;	
	
}
/**********************************************************************************************************New Update ************************/

#index-intro {
	background-image: url('https://media.ilergroup.com/assets/web/gps_tracking_head_index.gif');
	background-repeat: no-repeat;
	color: white;
}

#index-intro .box {
	width: 220px;
	float: left;
	height: 375px;
	top: 0px;
	margin-left: 10px;
	margin-top: 8px;
	overflow: hidden;
	padding: 1px;
	position: relative;
	z-index: 1;
}

#index-intro .box > h2 {
	padding-bottom: 2px;
	margin-bottom: 4px;
	padding-top: 2px;
}

#index-intro .box > p {
	padding-top: 0px;
}

#index-intro .index-intro-image {
	overflow: hidden;
	width: 220px;
	height: 400px;
}
#index-intro .index-intro-across {
	overflow: hidden;
	width: 220px;
	height: 400px;
}


#index-intro .ui-widget-button {
	margin: 4px 0px 0px 3px;
	font-size: 0.9em;
	float: left;
}

#index-intro h2 {
	text-align: center;
}

#index-intro {
	padding-left: 5px;
}

#index-intro .index-intro-buttons {
	position: absolute;
	z-index: 5;
	top: 15px;
	right: 5px;
}

/*********************************************************************************************************Central Login Page ************************/
#login-forms {
	background-image: url('/images/bgs/login-bg.png');
	background-repeat: no-repeat;
	width: 715px;
	height: 215px;
	margin-top: -15px;
	padding-top: 70px;
}

#login-forms #login-forms-input p {
	font-size: 1.2em;
}

#login-forms #system {
	font-size: 1.2em;
	padding: 4px 2px;
	width: 257px;
}

#login-forms #login-forms-input input {
	font-size: 1.3em;
	padding: 4px 2px;
}


#login-forms #login-forms-input {
	margin-top: 22px;
	margin-left: -15px;
	height: 133px;
}
	
#login-forms #login-forms-systems {
	width: 250px;
	height: 181px;
	float: left;
	margin-left: 95px;
}

#login-forms #login-forms-details {
	width: 295px;
	margin-right: 32px;
	margin-top: -20px;
	height: 181px;
	float: right;
}

/*********************************************************************************************************New Product Page *********************/
.product-slides a {
	color: white !important;
}

.product-slides a:hover {
	background-color: #2886ff !important;
}

.product-slides .tabs li {
	margin-bottom: 2px;
	padding-left: 5px;
}

.product-slides .tabs a {
	padding: 6px;
	display: block;
	/*color: #1D59AE;*/
}

.product-slides .box-product-new  {
	font-size: 0.925em !important;
}

.product-slides .tabs p {
	text-align: center;
	padding: 4px 2px 4px 4px;
	font-weight: bold;
	color: white;
}

.product-slides .screenshots img {
	margin-left: 5px;
	border: 1px solid white;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

.product-slides .screenshots img:hover {
	opacity: 1;
	filter: alpha(opacity = 100);
}

.product-slides .tabs {
	float: left;
	width: 200px;
	font-size: 0.95em;
	height: 280px;
	padding-top: 9px;
}

.images-collapsed h2 .ui-icon, .product-slides .tabs .ui-icon {
	float: left;
	padding-right: 2px;
}

.product-slides .box h1 {
	/*color: #1D59AE;*/
}

.product-slides .caption {
	position: absolute;
	background-color: black;
	color: white;
	height: 40px;
	padding: 3px 10px 3px 10px;
	top: 225px;
	opacity: 0.9;
	font-size: 0.8em;
	filter: alpha(opacity = 90);
	z-index: 5;
	width: 472px;
}

.product-slides .box ul {
	padding: 0px 2px !important;
	margin-left: 21px !important;
}
	
.product-slides .box-tab1  p {
	margin-bottom: 10px;
}

.product-slides .box  li {
	list-style-image: none;
	list-style-type: square;
	margin-bottom: 8px;
	padding-bottom: 2px;
	margin-left: -10px;
}

.product-slides .box {
	width: 490px;
	overflow: hidden;
	margin-bottom: 6px;
	padding-bottom: 0px;
	height: 270px;
	margin-top: 9px;
	margin-right: 4px;
	margin-left: 4px;
	position: relative;
	float: right;
}

.product-slides { 
	margin-bottom: 14px;
	color: white;
	margin-top: -6px;
	height: 292px;
	padding: 4px;
	overflow: hidden; 
	background-image: url('http://media.ilergroup.com/assets/web/product-bg-test.png');
	background-repeat: no-repeat;
	background-position: center;
}

#product-accord div a {
	color: green !important;
}

/**********************************************************************************************************Special Fixes **************************/
#extraBar ul {
	text-align: left;
}


#extraBar .box, #extraBar .box-noborder {
	margin-bottom: 18px;
	padding-bottom: 0px;
}

#index-ui-tabs div { /* index page tabs */
	padding: 0.1em;
	font-size: 11px !important;
}

.box {
	background-color: #FFF !important;
}

.gallery-1 {
	background-color: #FFF !important;
}

.box ul, .box ol {
	margin-left: 25px;
}

.box ul li, .system ul li, .system-new ul li {
	margin-bottom: 4px;
	list-style-image:url('/images/gpsfs-bullet.gif');
}

.ui-tabs-nav li {
	list-style-image: none;
}

/**********************************************************************************************************Core Classes ********************************/
h1 {
	font-weight: bold;
	font-size: 15px;
	margin: 5px;
}

h2 {
	font-weight: bold;
	font-size: 13px;
	margin: 0px 0px 5px 0;
	padding: 5px 0 4px 4px;
}

h1.ui-widget-header {
	margin: 0px 0px 5px 0;
	padding: 5px 0 4px 4px;
	font-size: 14px;
}


.box {
	margin: 0 0 16px 0;
}

.box p {
	padding: 6px 4px;
	text-align: justify;
}

.box ul, .box ol {
	padding: 4px;
}

.box p:last-child, .box-noborder p:last-child {
	margin-bottom: 2px;
	padding-bottom: 4px;
}

.image-border {
	padding: 5px;
	background-image: url('/images/bgs/generic-bottom-gradient.png');
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
	clear: both;
}

.image-right {
	float: right;
	margin: 0px 0px 8px 8px;
	padding: 5px;
}

.image-left {
	float: left;
	margin: 0px 8px 8px 0px;
	padding: 5px;
}

.image-border p {
	font-size: 0.9em;
}

.imageRight, .imageLeft, .imageProduct, .imageBorder {
	padding: 5px;
	clear: both;
	background-color: #3a75c1;
	text-align: center;
}

.imageBorderRed {
	padding: 5px;
	border: 2px solid black;
	clear: both;
	text-align: center;
	font-size: 10px;
}

.imageRight {
	margin: 8px 4px 8px 8px;
	float: right;
	padding: 5px;
}

.imageLeft {
	margin: 8px 8px 8px 0;
	float: left;
	padding: 5px;
}

.imageRight p, .imageLeft p, .imageBorder p { /* For adding captions to images */
	text-align: center;
	color: black;
	font-size: 10px;
	border: 1px solid black;
	padding: 5px;
	margin: 3px 0 0 0;
	background-color: white;
}


/*********************************************************************************************************Video Library *********************/

.training-video-list h1 {
	background-color: #0667c1;
	margin: 9px 0px 0px 0px;
	color: white;
	padding: 2px 0px 2px 5px;
	border-left: 1px solid #0667c1;
	border-right: 1px solid #0667c1;
}

.training-video-list h2 {
	margin: 9px 0px 0px 0px;
	padding: 2px 0px 2px 5px;
	background-color: #87b6d9;
	border-left: 1px solid #0667c1;
	border-right: 1px solid #0667c1;
	border-top: 1px solid #0667c1;
}

.training-video-nav {
	margin: -12px -14px 5px -14px; 
	background-color: white; 
	padding: 2px 0px 5px 5px;
	border-bottom: 1px solid #4297D7; 
	border-left: 1px solid #4297D7;
	border-right: 1px solid #4297D7;
}

.training-video-nav optgroup {
	font-weight: bold;
}

.training-video-nav option {
	font-weight: normal;
	text-indent: 7px;
}
/**********************************************************************************************************Live Person ********************************/
#chatbox {

	width: 160px;
}

#lp_msgfield {
	width: 94%;
}

#LPsubmit {
	width: 75px;
	height: 22px;
	border: none;
}

/*********************************************************************************************************HR Style ****************************/
div.hr {
	width: 75%;
	text-align: center;
	clear: both;
	height: 0px;
	margin: 10px auto 5px auto;
	border-bottom: 1px dotted black;
}

#extraBar div.hr { /* hide old seperator bar */
	display: none;
}

div.hr hr {
	display: none;
}
/*********************************************************************************************************Gallery ****************************/
.gallery-1 {
	margin-left: 0px !important;
}

.product-accord {
}

.gallery-1 li {
	position: relative;
	margin: 6px 6px 0px 6px;
	height: 125px;
	overflow: hidden;
	list-style-image: none;
	list-style-type: none;
	color: black;
	background-color: white !important;
	border: 2px solid #A6C9E2;
}

.gallery-1 li:hover{
	border: 2px solid #2886ff;
}

.gallery-1-caption {
	float: right;
	width: 71%;
}

.gallery-1-image {
	width: 25%;
	margin: 5px;
	padding: 3px;
	text-align: center;
	height: 110px;
	overflow: hidden;
	background-color: #222;
	float: left;
}

/*********************************************************************************************************List Icons *******************/
.iconPhone {
	list-style-image: url('../images/icons/icon_call.gif') !important;
}

.iconCal {
	list-style-image: url('../images/icons/icon_ical.gif') !important;
}

.iconClock {
	list-style-image: url('../images/icons/icon_clock.png') !important;
}

.iconNone {
	list-style-image: url('../images/icons/icon_none.gif') !important;
}

.listNumbers li {
	list-style-type: decimal !important;
}

.listRoman li {
	list-style-type: lower-roman !important;
	margin-left: 50px;
}

/**********************************************************************************************************Button Styles *********************/

.button {
	padding: 5px 7px;
	border: 1px solid #2886FF;
	cursor: pointer;
	background-color: white;
	text-align: center;
	font-weight: bold;
	display: inline;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: black;
}

.buttons {
	margin: 12px;
}

.ui-widget-button {
	padding: 2px 6px; 
	cursor: pointer; 

}

.ui-widget-button .ui-icon {
	float: left;
}

.ui-border-gpsfs {
	border: 1px solid #2886FF !important;
}

/*********************************************************************************************************System Page List *********************/
.system-new {
	height: 232px;
	/*border-bottom: 1px dotted black;*/
	margin-bottom: 7px;
	background-image: url('/images/bgs/product-list-test.png');
	background-repeat: no-repeat;
}

.system-new:hover {
	background-image: url('/images/bgs/product-list-test.png');
	
}

.system-new .system-image {
	width:240px;
	padding-top: 34px;
	margin-right: 34px;
	float: right;
}

.system-new .system-details p {
	color: white;
	height: 71px;
	padding: 0px 4px 0px 8px;
}

.system-new .system-details {
	width: 415px;
	margin-left: 25px;
	float: left;
	padding-left: 0px;
}

.system-new .system-details h2 a {
	color: white !important;
}

.system-new .system-details h2 {
	font-size: 1.05em !important;
	margin-left: 18px;
	margin-bottom: 1px;
	margin-top: 26px;
	color: white !important;
}

.system-new .system-details ul {
	margin-left: 29px;
}

.system-new .system-details li {
	
}
.system-new .system-options {
	height: 38px;
	display: none;
}

.system-new .system-audio {
	width: 200px;
	
	float: left;
}

.system-new .system-demo {
	width: 190px;
	
	float: right;
}

/**********************************************MENU**********************************************Super Fish ********************************/


/*** ESSENTIAL STYLES ***/
.menu-fixedwidth {
	display: inline-block;
	width: 175px;
	font-weight: bold;

}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size:99%;
}
.sf-menu {
	line-height:	1.0;
	z-index:1999;
}
.sf-menu ul {
	position:		absolute;
	z-index:		1999;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	background-color:#222222;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	z-index:		1999;	
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.sf-menu a {
	display:		block;
	position:		relative;
	z-index:		999;

}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.6em; /* match top ul list item height */

}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

ul.TickList {
  list-style-image: url('/images/bgs/arrow_25.png')
}
/*** DEMO SKIN ***/

.sf-menu {
	height: 45px;
	width: 914px;
	margin: 0 auto 0 auto;
	font-size: 1.05em;
}
.sf-menu a {
	padding: .75em 1.25em .75em 1.25em;
	text-align: center;
	border-left: 1px dotted #084D83;
	text-decoration:none;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: white !important;
}

.sf-menu ul {
	border: 1px solid #0667C1;
}

.sf-menu li li a {
	text-align: left !important;
	border-left: none;
}

.sf-menu li {
	background:	transparent;
}
.sf-menu li li {
	/*background:	#084d83;*/
	background: #222;
}
.sf-menu li li li {
	/*background:		#084d83;*/
	background: #222;
	text-align: left !important;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background:		#CFDEFF;
	color:			#E17009 !important;*/
	background-image: url('/images/bgs/menu-bg-hover.png');
	background-repeat: repeat-x;
	outline:		0;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.85em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*********************************************************************************************************Random Styles ************************/
.styleBold {
	font-weight: bold;
}
.styleItalic {
	font-style: italic;
}

.alignCenter, .ui-align-center {
	text-align: center !important;
}

.alignRight, .ui-align-right {
	text-align: right !important;
}

.alignLeft, .ui-align-left {
	text-align: left !important;
}

.alignJustify, .ui-align-justify {
	text-align: justify !important;
}

.tableBorder1,.tableBorder2 {
	border: 1px solid #cccccc;
	border-collapse: collapse;
}

.tableBorder1 td {
	border: 1px solid #cccccc;
	padding-left: 2px;
}

.tableBorder2 td {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.tableCenter td {
	text-align: center;
}

.altCell1 {
	background-color: #dddddd;
}

.altCell2 {
	background-color: #ffffcc;
}

.altCell3 {
	background-color: #800000;
	color: white;
	font-weight: bold;
}

.altCell4 {
	background-color: #5473cc;
	font-weight: bold;
	color: white;
}

.altCell5 {
    background-color: #3a75c1;
    color: white;
    font-weight: bold;
}

.altCell5 td {
    padding: 3px;
}

#chartFix td.styleBold { /* Align text to left on Marcus VS @Road chart */
	text-align: left;
}

.compRow1 {
	background-color: #ffdddd;
}

.compRow2 {
	background-color: #ffffcc;
}

.compRow3 {
	background-color: #ccddff;
}

.compRow4 {
	background-color: #b0ffdf;
}

.padTable td {
	padding: 3px;
}

.altCell3 a {
	/* color: #80bdfb; */
	color: white;
}

.roiTable {

}

.roiTable td {
	padding: 2px;
}

.roiTable2 td {
	padding: 2px;
}

.highlight-color {
	background-color: #cccccc;
}

.ui-fieldset legend {
	color: #1D5987;
	font-weight: bold;
}

.ui-fieldset {
	border: 1px solid #2886FF;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 6px;
	background-color: #DEEAF0;
}

.jcarousel-item a {
		text-decoration: none;
}

.jcarousel-item img {
	border: 2px solid #2886FF;
}

div.ui-fieldset {
	padding-top: 14px !important;
}