/*********Add Scroll Bar to Chrome and Firefox************/
html {
	overflow-y: scroll;
}

body { 
	vertical-align:top; 
	margin:0px; 
	padding:0px; 
	width:100%;
	font-size:12px;
}

li{
	line-height: 18px; 
	list-style-type:square;
}

/******************************************************************************/
/***							WEBSITE FORMS AND TABLES					***/
/******************************************************************************/
.formlabel{
	padding-right: 10px;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #636363;
	text-align: left;	
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.5px;
	font-weight: normal;
	color: #797979;
	margin-bottom:10px;
}
/********************ROI FORM*************************/
.ROIText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #636363;
	padding-left:5px;
	text-align:left;
	background-color: #FFFFFF;
}
.ROIHEADER{
	background-color:#dbdfe0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #636363;
	text-align: center;
	vertical-align: middle;
	height: 36px;
}
.ROISUBHEADER{
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #636363;
	padding-left:5px;
	text-align:left;
	background-color: #FFFFFF;
}
.ROIDIVIDER{
	background-color:#dbdfe0;
	min-width: 15px;
}
/************ROI PAGE LINK***********************/
a.ROIText.link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding-left:5px;


}
/************************Request more Info FORM controls**********************/
.information {
   padding-left: 0px;
   padding-right:6px;
   padding-top: 4px;
   padding-bottom: 0px;
   width:100%;
}
/************************************************************/
/***				SLIDESHOW CLASSES					*****/
/************************************************************/
.slideShow ul, .slideShow li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;				
}
.slideShow {			
	display: block;			
	margin-bottom: 10px;
	position: relative;
	height:270px;
	width:960px;
	margin:0 auto;
}
.slideShow .navigation {
	position:absolute;
	z-index: 1000;
	bottom: 40px;			
	left: 20px;
}
.ie	.slideShow .navigation {
	bottom: 30px;
	left:40px;
}		
.slideShow  .navigation li {
	display: inline;
}
.slideShow .navigation a {
	background-color: #dbdfe0;
	margin-right: 5px;
	padding:0;
	color: #232323;
	display: inline-block;
	text-decoration: none;
	font-size: 0px;
	line-height:1px;
	width:5px;
	height:5px;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.slideShow .navigation a:hover, .slideShow .navigation a.selected {
	background-color: #25477B;
	color: #000000;
}
/*Added to avoid jumping caused by javascript+dnn*/
.slides{
	position: relative;
	width:960px;
}
.slides li{
	position:absolute;
	left:0;
	top:0;
}

/************************************************************/
/***						HEADINGS					*****/
/************************************************************/
h1{
	font-size:22px;
	font-family: Arial, Helvetica, sans-serif;	
	color:#25477B;
	border-left:10px solid #5a9ccd;
	border-bottom:1px solid #cfcfcf;
	padding-left: 8px;	
	width: 500px;
}
h2{
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	color: #5a9ccd;			
}
h3, h3 a, h3 a:hover, h3 a:active,h3 a:visited, h3 a:link{
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	color:#797979;		
}
h4{
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;		
	color: #797979;	
	padding:0;
	margin:0;
}
h5{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	color: #797979;	
}
h6, h6 a, h6 a:hover, h6 a:active, h6 a:visited, h6 a:link{
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	color: #25477B;	
	margin-top:5px;	
	margin-bottom:5px;
	text-align:left;
}
/************************************************************/
/***						Links						*****/
/************************************************************/
A,
A:link{
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	text-decoration:none;
	color:#5a9ccd;	
}
A:hover{	
	font-weight: bold;
	color:#25477B;
}
a img{
	border:0;
}
/********top bar links*****************/
A.Headerlink,
A.Headerlink:visited,
A.Headerlink:link,
A.Headerlink:active{
	font-weight: normal;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF !important;
}
/********search links*****************/
.searchtxt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #797979;
	bottom: 0px;
}
.searchimage img{
	width:20px;
	height:20px;
	position:relative;
	top:5px;
}
.ie .searchimage img{
	top:2px;
}
/********footer links*****************/
A.Footnote:hover
{
	text-decoration: underline;
}
A.Footnote:active,
A.Footnote:visited,
A.Footnote:link
{
	text-decoration: none;	
}
/************************************************************/
/***			Website main font style					*****/
/************************************************************/
.Normal
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13.5px;
	font-weight: normal;
	color: #696969;
	text-align:justify;
}
.normalsearch{
	font-family: Arial, Helvetica, sans-serif;	
	color: #333;
	width:150px;
}
/*.normal li{
	list-style-type: none;
}*/
/****************Top Bar font****************/
.headerlink{
	font-weight: normal;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF !important;
}
.homeheader{
	font-weight: normal;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF !important;
}
#normallist, 
ul #normallist, 
#normallist li {
	font-family: Arial, Helvetica, sans-serif; 	
	color: #636363; 	
	margin: 0; 	
	padding: 0; 	
	list-style-type: none; 	
	text-align:left; 
}
/****************Foot Note Attributes****************/
.Footnote{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #797979;
}
/************************************************************/
/***			Main Navigation Menu					*****/
/************************************************************/
#nav {
    float:left;
    width:100%;
    font-size:16px;
	background: url(img/line.jpg) repeat-x 100% 100% transparent;	
}
ul#nav {
     margin:0;
     padding:0;
     list-style-type:none;		 
}
#nav li {
    float:left;
	text-align: center;
	line-height:25px;	 
	list-style-type:none;
	position:relative;
}
/********mainnav links*****************/
#nav li a {     
	display:inline-block;     
	padding-left:15px;
	padding-right:15px;	
}
#nav li a:visited, 
#nav li a:link, 
#nav li a:active{
	color:#25477B;
	font-weight:normal;
}
#nav li a:hover{
	background-color:#25477B;
	color: #FFFFFF;
	text-decoration:none;
	position:relative;
	z-index:10000;
}
/****THE ARROWS***/
.navarrow{
	position: absolute;	
	background-color:#FFF;
	visibility:hidden;
	z-index:1000;	
	top:23;
}
#section2 #solv{
	visibility:visible;
	right:40px;
}
#section4 #supv{
	visibility:visible;
	right:35px;			
}
#section5 #abov{
	visibility:visible;
	right:28px;		
}

/*******IF YOU WANT TO ADD STYLE FOR THE ACTIVE PAGE MENU ITEM JUST ADD IT TO BOTH BELOW***************/
#section1 #home, #section2 #solutions, #section3 #demo, #section4 #support, #section5 #about, #section6 #news, #section7 #contact{ 
	
}
#section1 #home a, #section2 #solutions a, #section3 #demo a, #section4 #support a, #section5 #about a, #section6 #news a, #section7 #contact a{ 
}
/************************************************************/
/***			Sub-Navigation Menu						*****/
/************************************************************/
#subnav {     
	float: left;     
	width:100%;     	
	background: url(img/line.jpg) repeat-x 100% 100% transparent;	
}
ul#subnav {
     margin:0;
     padding:0;
     list-style-type:none; 
}
#subnav li {
    float:left;	   
	text-align: center;	 
	line-height:25px;
	list-style-type:none;
}

#support #sn1, #section1 #sn1, #section2 #sn2, #section3 #sn3, #section4 #sn4, #section5 #sn5{ 	
	width: 85px;
	background: url(img/button.png) no-repeat 0 70% transparent;		;
}
#section1 #sn1 a, 
#section2 #sn2 a, 
#section3 #sn3 a, 
#section4 #sn4 a, 
#section5 #sn5 a{ 
	width:85px;
}
/********subnav links*****************/
#subnav li a {
    display:inline-block;
	width:85px;
}
#subnav  a,
#subnav  a:link,
#subnav  a:visited{
	color: #797979;		
}
ul#subnav li a:hover{	
	text-decoration:none;	
	background: url(img/button.png) no-repeat 0 70% transparent;	
}

/************************************************************/
/***			Website Structure Classes				*****/
/************************************************************/		
.header{
	width:100%;
    height: 28px;
    background:#25477B;	
    color: #FFFFFF !important;
    text-align:center;
}
.innerheader{
    margin: 0 auto;
    width:960px;
    text-align:right;
    line-height: 28px;
    vertical-align:middle;
	background:#25477B;
}
.banner{
    width:100%;
    text-align:center;
    background:#FFFFFF;
    height:122px;
    background:white;
}
.innerbanner{
    text-align:left;
    margin: 0 auto;
    width:960px;
	height:122px;
	padding:0;
	position:relative;
}
.bannerimage{
	position:absolute;
	left:0;
	top:10px;
}
.searchpane{
	text-align:right;
	display: inline-cell;	
	position:absolute;
	top:11px;
	right:0px;	
}
.menu{	
	width: 570px;	
	display: inline-cell;
	positioN:absolute;
	top: 65px;
	right:0px;
	z-index:10;
}
.submenu{	
	width: 570px;
	display:inline-cell;
	positioN:absolute;
	top: 90px;
	right:0px;
	z-index:5;
}
.leftpane{
	float:left;	
	vertical-align:top; 
	overflow:hidden;
	width:460px;	
}
.rightpane{
	float:right;
	vertical-align:top; 
	overflow:hidden;
	width:460px;	
}
.ie .leftpane,
.ie .rightpane{
	display:inline;
}
.wrapper
{
    width:100%;
    text-align:center;
	min-height:500px;
}
.innerwrapper{
    width:960px;
    margin:0 auto;
    background:white;
}
.footer{
	width:960px;
	margin:0 auto;
	background:white;
	border-top:1px solid #999;
	padding-top:10px;
}		
.spacer{
    height:5px;
    width: 100%;
}
.bigspacer{
	height:25px;
	width:100%;
}
.bottomspacer{
	height:50px;
	width:100%;
}
.adminmenu{
	width:960px;
	margin:0 auto;
	text-align:right;
	position: relative;
}
/************************************************************/
/***				HOMEPAGE							*****/
/************************************************************/
.relativeboxes{
	position:relative;
	width:960px;
	height: 250px;
	background-color:transparent;
}
.greybottom{
	background: transparent;
	height:165px;
	width:235px;
	margin:0 auto;
	padding-top:10px;
	position:relative;
}
.ie .greybottom{
	padding-top:15px;
}
.boximage{
	position:absolute;
	bottom:0;
	left:140px;
}
.greytop{
	background:transparent;
	width: 290px;
	text-align:center;	
}
.greytop H3{
	margin-top:15px;
}
.boxtext{
	text-align:left !important;
}
.leftbox{
	background:url(/portals/0/images/home/box.jpg) no-repeat;
	height:220px;
	width:306px;
	position:absolute;
	left:0;
	top:10px;		
}
.middlebox{
	background:url(/portals/0/images/home/box.jpg) no-repeat;
	height:220px;
	width:306px;
	position:absolute;
	left:327px;
	top:10px;	
}
.rightbox{
	background:url(/portals/0/images/home/box.jpg) no-repeat;
	height:220px;
	width:306px;
	position:absolute;
	left:654px;
	top:10px;	
}
.lefthomediv{
	height:155px;
	position:absolute;
	left:0;
	top:10px;	
	width:450px;	
}		
.righthomediv{
	height:155px;
	position:absolute;
	left: 500px;	
	top:10px;
	width:450px;	
}
.dividerline{
	height:150px;
	position:absolute;
	top:10px;
	left:471px;
	width:1px;	
	margin:0;
	padding:0;
	border-left:1px solid #DDD;
}
.greyheader{
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	color: #797979;	
}
.homepageimg{
	float:left;	
}
.homepagetext{
	float:right;
	width: 320px;
	text-align:left;
}

/************************************************************/
/***			Solutions Page							*****/
/***													*****/
/************************************************************/	
.solutionsgo5{
	position: relative;	
	float:left;
	background: url(/Portals/0/images/Products/vehicle-tracking-gps-solutions-box-go5.jpg) no-repeat 100% 100%;
	height:246px;
	width:448px;
	text-align: center;	
}
.solutionsgo4v3{
	position:relative;	
	float:right;
	background: url(/Portals/0/images/Products/vehicle-tracking-gps-solutions-box-go4v3.jpg) no-repeat 100% 100%;
	height:246px;
	width:448px;
	text-align: center;		
}
.solutionsgo4v3 span{
	margin-left:10px;
}
.solutionsheader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	line-height:50px;
}
.solutionboxcontent{
	position:absolute;
	right:20px;
	bottom:40px;
	width:200px;
	height:120px;	
	text-align:justify;
}
.solutionsmygeotab,
.solutionscheckmate,
.solutionsgps2go,
.solutionsmyreports{
	position:relative;
	height:100px;
	width:100%;
}
.solutionsimage{
	float:left;
	width:220px;
	height:100%;	
}
.solutionsswcontent{	
	width:740px;
	height:100%;	
	position:absolute;
	top:0;
	right:0;
}
/************************************************************/
/***			Hardware Page							*****/
/***													*****/
/************************************************************/	
.go5content{
	background: url(/Portals/0/images/Products/go5-vehicle-tracking-device.jpg) no-repeat 100% 100%;
	height:250px;
	position:relative;
}
.tophwdownloads{
	position:absolute;
	bottom: 15px;
	right:25px;
}
.tophwlink{
	padding-left:10px;
	position:relative;
	bottom:15px;
}
.go4v3content{
	background: url(/Portals/0/images/Products/hardware-go4v3.jpg) no-repeat 100% 100%;
	height:250px;
	position:relative;
}
.thirdpartycontent{
	height:750px;
}
/************************************************************/
/***			Software Page							*****/
/***													*****/
/************************************************************/
.softwarecontainer{
	position:relative;
	height:85px;
	width:100%;
	margin-top:10px;
}
.softwareimage{
	float:left;
	width:200px;
	height:100%;	
}
.softwarecontent{
	float:right;
	width:760px;
	height:100%;
	margin-top:10px;	
}
.featurecontainer{
	height:322px;
	margin-bottom:25px;
	background: url(/Portals/0/images/Products/background.jpg) no-repeat;
	padding-top: 10px;
}
.featureindex{
	padding-left:25px;
	float:left;
	width:290px;
	height:300px;
	border-right:1px solid #cfcfcf;	
}
.featureindex span{
	padding-right:30px;
}
.featurecontent{
	float:right;
	width:600px;
	height:300px;
	padding-left: 25px;
	padding-right:10px;
}
.indexstyle{	
	color: #696969;
	line-height:22px;
	vertical-align:top;		
}
/************************************************************/
/***			Custom Reports Page						*****/
/***													*****/
/************************************************************/
.reportscontainer{
	position:relative;
	width:960px;
	height:350px;
	top:10px;
}
.leftreport{
	float:left;
	width: 195px;
}
.midleftreport{
	position:absolute;
	top:0;
	left: 255px;
	width: 195px;
}
.midrightreport{
	position:absolute;
	top:0;
	right: 255px;
	width: 195px;
}
.rightreport{
	float:right;
	width: 195px;
}
.reportdescription{
	text-align:justified;	
	vertical-align:top;
	height:100px;
}
.reportimage{
	width:195px;
	height:150px;
	text-align:center;
}
/************************************************************/
/***			Demo Page							*****/
/***													*****/
/************************************************************/
.submitimage{
	position:relative;
	top:12px;	
}
.ie .submitimage{
	left:10px;
}
/************************************************************/
/***			Partners Page							*****/
/***													*****/
/************************************************************/	
.partnerscontainer,
.partnerscontainerlast{
	position:relative;
	height:80px;
	width:100%;
	margin-top:10px;
}
.partnerscontainer{
	border-bottom:1px solid #cfcfcf;
}
.partnerssimage{
	float:left;
	width:200px;
	height:100%;	
}
.partnerscontent{
	float:right;
	width:760px;
	height:100%;	
}
/************************************************************/
/***			Support Page							*****/
/***													*****/
/************************************************************/	
.inlineimage{
	width:20px;
	height:20px;
	display:inline;
}
.forumquestion{
	position:relative;
	bottom:3px;
	line-height:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.5px;
	font-weight: normal;
	color: #797979;
}
.supportlabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.5px;
	font-weight: normal;
	color: #797979;
	padding-right:5px;
	padding-left:5px;	
}
.ui-jqgrid-bdiv{
	overflow-x: hidden !important;
}
.documentcaption td{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13.5px;
	font-weight: normal;
	color: #696969;
}
.trainingformcontainer{
	position:relative;
	background: url(/Portals/0/images/Support/sign-up-background.jpg) no-repeat;
	height:205px;	
	margin-top:20px;
}
.trainingform td{
	padding-bottom:10px;
}
.trainingheader{
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;		
	color: #797979;	
	margin:0;
	padding:0;
	margin-bottom:5px;
}
.traininglabel{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13.5px;
	font-weight: normal;
	color: #696969;
}
#dnn_ctr1252_FormMaster_pnlThankYou{
	position:relative;
	height:205px;
	width: 380px;
}
.trainingthankyoucontainer{
	background: url(/Portals/0/images/Support/sign-up-background.jpg) no-repeat;
	height:205px;
	width: 340px;
	position:absolute;
	left:0;	
	padding:20px;
}
.trainingthankyou{
	padding-top:20px;
}
/************************************************************/
/***			About Page								*****/
/***													*****/
/************************************************************/	
.abouttop{
	background:url(/Portals/0/images/About/gps-fleet-management-solutions.jpg) no-repeat 100% 100%;
	height:230px;
}
/************************************************************/
/***			News Page								*****/
/***													*****/
/************************************************************/
.newscontainer{
	position:relative;
	width:960px;
	height:150px;
}
.newspageimg{
	float:left;	
}
.homepagetext{
	float:right;	
	text-align:left;
}
/************************************************************/
/***			Contact Us Page							*****/
/***													*****/
/************************************************************/	
.contactlabel{
	color: #5a9ccd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	width:100px;
	display:inline-block;
}
#dnn_ctr1289_FormMaster_lblRequired{
	display:none;
}
.ContactContainer{
	position:relative;
}
.InformationTable{
	float:left;
	
}
/************************************************************/
/***			SiteMap									*****/
/************************************************************/
.sitemapcontainer div{
	width: 480px;
}
.logoffcontainer{
	position:relative; 
	top:13px; 	
	width: 150px;
	left: 700px;
}
.ie .logoffcontainer{
	top: 22px;
	left:220px;
}
.logoffdiv{
	position:absolute; 
	bottom:0; 
	width:150px;
}
/************************************************************/
/***			pricingguide webpage					*****/
/***			pricingguide.geotab.com					*****/
/************************************************************/	
.chaptercontent{
	line-height: 18px; 
	margin-top: 0px;
	vertical-align:top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #636363;
}
.contactheader{
	background-color:#151554;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	border-left: 1px solid black;	
	border-top: 1px solid black;
	text-align: center;
	height:22px;
}
.contactbottom{
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	text-align: center;
	vertical-align:middle;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
}

#dnn_ctr1155_FormMaster_pnlThankYou{
	position:relative;
	width:960px;
}
#dnn_ctr1289_FormMaster_pnlThankYou{
	position:relative;
	width:960px;
	height:175px;
}
.thankyou{
	position:absolute;
	top:0;
	left:0;
	width:800px;
}