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




/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:1}a img{border:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}button::-moz-focus-inner{border:0}

















.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.bold {
	font-weight: bold;
}

.nobold {
	font-weight: normal;
}

.pt20 {
	padding-top: 20px;
}

.pt40 {
	padding-top: 40px;
}

.fs08 {
	font-size: 0.8em;
}

.blue {
	color: #336699;
}

.warning-r {
	color: #cc0000;
}



.ctr {
	text-align: center;
}








body {
	background: #ccc;
	margin: 0;
	padding: 0;
	background: #666;
	font-family: ubuntu, "trebuchet ms", arial, verdana;
	font-size: 1.1em;
	font-weight: 300;
}

.warnmsg {
	padding: 20px;
	background: #ff0000;
	color: #fff;
	text-align: center;
	font-size: 0.9em;
}

img {
	border: none;
}

a,
a:link,
a:visited {
	color: #336699;
	text-decoration: underline;
}

a:hover {
	color: #666;
	text-decoration: underline;
	
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}

header {
	width: 100%;
	height: 155px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #dfe3e6;
}

header #topbar {
	width: 100%;
	height: 35px;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #fff;
	background: #f5f7f8;
}

header #topbar #topbar-contents {
	width: 1000px;
	height: 35px;
	margin: 0 auto;
	padding: 0;
}

header #topbar #topbar-contents #topbar-left {
	width: 40%;
	float: left;
	margin: 0;
	padding: 0 0 0 37px;
	line-height: 35px;
	color: #666;
	font-size: 0.8em;
	background-image: url(../img/common/topbar-satellite.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

header #topbar #topbar-contents #newslettersignup {
	/*width: 400px;*/
	height: 15px;
	margin: 10px 0 0 0;
	font-size: 0.8em;
	float: left;
}

header #topbar #topbar-contents #newslettersignup img {
	vertical-align: top;
}

header #topbar #topbar-contents #newslettersignup a,
header #topbar #topbar-contents #newslettersignup a:link,
header #topbar #topbar-contents #newslettersignup a:visited {
	color: #666;
	text-decoration: none;
}

header #topbar #topbar-contents #newslettersignup a:hover {
	color: #336699;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
}

header #topbar #topbar-contents #sns {
	float: right;
}

header #topbar #topbar-contents #sns #headerfblike {
	margin: 8px 0 0 0;
	padding: 0;
	float: left;
}

header #topbar #topbar-contents #sns #snsicons {
	height: 24px;
	margin: 6px 0 0 0;
	float: left;
}

header #topbar #topbar-contents #sns #snsicons img {
	margin: 0 0 0 6px;
}

header #topbar #topbar-contents #topbar-right {
	float: right;
}

/* NEW TOP BAR (NEWSLETTER TO THE RIGHT) */
header #topbar #topbar-contents #topbar-right #newslettersignup {
	height: 15px;
	margin: 10px 10px 0 0;
	font-size: 0.8em;
	float: left;
	border-right: 2px solid #999;
	padding: 0 10px 0 0;
}

header #topbar #topbar-contents #sns {
	float: left;
}










header #nav-container {
	width: 1000px;
	height: 120px;
	margin: 0 auto;
	padding: 0;
}

header #nav-container h1 {
	margin: 0;
	padding: 0;
	float: left;
}

header #nav-container h1 img {
	height: 60px;
	margin: 30px 0 0 0;
	padding: 0;
}

header #nav-container nav#dtnav,
header #nav-container nav#mobilenav {
	float: right;
}

header #nav-container nav#dtnav {
	line-height: 120px;
	font-size: 1.1em;
}

header #nav-container nav#dtnav a,
header #nav-container nav#dtnav a:link,
header #nav-container nav#dtnav a:visited {
	padding: 0 0 0 24px;
	text-decoration: none;
	color: #666;
	text-shadow: 1px 1px 0 #fff;
}

header #nav-container nav#dtnav a:hover {
	padding: 0 0 0 24px;
	text-decoration: none;
	color: #336699;
	text-shadow: 1px 1px 0 #fff;
}

header #nav-container nav#dtnav a span,
header #nav-container nav#dtnav a:link span,
header #nav-container nav#dtnav a:visited span {
	color: #336699;
}

header #nav-container nav#dtnav a:hover span {
	color: #000;
}


	
header nav#mobilenav {
	display: none;
}




#home-tagline {
	width: 100%;
	color: #666;
	background: #fff;
	text-align: center;
	line-height: 1.5em;
	font-size: 1em;
}

#home-tagline span {
	font-weight: bold;
	font-size: 1.2em;
}

#home-tagline .inner,
#featured .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
}

#featured {
	width: 100%;
	border: 0;
	background: #333;
}

#featured .inner {
	padding: 10px 0;
}



#home-contents-container,
#contents-container,
#homead,
#article-container {
	width: 100%;
	padding: 30px 0;
	background: #dfe3e6;	
}

#home-contents-container .contents-inner,
#about-container .contents-inner,
#about-container2 .contents-inner,
#contents-container .contents-inner,
#contents-container2 .contents-inner,
#contents-container3 .contents-inner,
#homead #homead-inner,
#article-container .article-inner {
	width: 1000px;
	margin: 0 auto;
}

#article-container {
	background: #fff;
}

#article-container .article-inner {
	font-size: 0.8em;
	line-height: 1.2em;
	color: #666;
}


#home-contents-container .contents-inner #boxes3,
#contents-container .contents-inner #boxes3 {
	width: 1020px;
	margin: 0 0 0 -20px;
	padding: 0;
}

#home-contents-container .contents-inner #boxes3 .box,
#contents-container .contents-inner #boxes3 .box {
	width: 320px;
	margin: 0 0 0 20px;
	background: #fff;
	float: left;
	display: inline;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

#home-contents-container .contents-inner #boxes3 .box .startbusinessimg,
#home-contents-container .contents-inner #boxes3 .box .distributionsimg,
#home-contents-container .contents-inner #boxes3 .box .productsimg,
#home-contents-container .contents-inner #boxes3 .box .fleettrackingimg,
#home-contents-container .contents-inner #boxes3 .box .featuredproductimg {
	width: 100%;
	height: 150px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0 50%;
}

#home-contents-container .contents-inner #boxes3 .box .startbusinessimg {
	background-image: url(../img/home/software.jpg);
	background-position: 0 90%;
}

#home-contents-container .contents-inner #boxes3 .box .distributionsimg {
	background-image: url(../img/home/distributions.jpg);
}

#home-contents-container .contents-inner #boxes3 .box .productsimg {
	background-image: url(../img/home/products.jpg);
}

#home-contents-container .contents-inner #boxes3 .box .fleettrackingimg {
	background-image: url(../img/home/fleettracking.jpg);
}

#home-contents-container .contents-inner #boxes3 .box .featuredproductimg {
	background-image: url(../img/home/featuredproduct.jpg);
}


#home-contents-container .contents-inner #boxes3 .box hr {
	background: none;
	border: none;
	border-bottom: 1px dotted #666;
}

#home-contents-container .contents-inner #boxes3  h2,
#contents-container .contents-inner #boxes3  h3 {
	height: 50px;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 50px;
	margin: 0;
	padding: 0;
	color: #666;
	text-align: center;
	letter-spacing: 0.05em;
}

#home-contents-container .contents-inner #boxes3  .info,
#contents-container .contents-inner #boxes3  .info {
	padding: 14px;
	text-align: center;
	font-size: 0.8em;
	color: #666;
	font-weight: normal;
	line-height: 1.2em;
}

#home-contents-container .contents-inner #boxes3  h3,
#contents-container .contents-inner #boxes3  h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

#boxes3 .homelinkimgbtn {
	width: 100%;
}

#boxes3 .homelinkimgbtn img {
	width: 100%;
	border: none;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

#boxes3 .homelinkbtn {
	display: none;
}

#boxes3 .homelinkimgbtn img:hover {
	opacity: .7;
	
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
}




#home-contents-container .contents-inner #homebanner-container {
	width: 100%;
	margin: 20px 0 0 0;
}

#homebanner-container #banner-blog,
#homebanner-container #banner-livedemo {
	margin: 0;
	padding: 0;
	float: left;
}

#homebanner-container #banner-blog,
#homebanner-container #banner-livedemo {
	width: 49%;
}

#homebanner-container #banner-livedemo {
	margin: 0 0 0 2%;
	padding: 0;
	float: left;
	display: inline;
}

#homebanner-container #banner-blog img,
#homebanner-container #banner-livedemo img {
	width: 100%;
}

#homebanner-container #banner-blog a:hover img,
#homebanner-container #banner-livedemo a:hover img {
	opacity: .7;
	
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
}




#home-contents-container .contents-inner #gpsresources {
	width: 100%;
	margin: 20px 0 0 0;
}

#gpsresources .news,
#gpsresources .resources {
	width: 49%;
	margin: 0;
	padding: 0;
	float: left;
	background: #fff;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

#gpsresources .resources {
	margin: 0 0 0 2%;
	padding: 0;
	float: left;
	display: inline;
}

#gpsresources h4 {
	padding: 15px;
	text-align: center;
	font-size: 1.2em;
	color: #666;
}

#gpsresources ul {
	font-size: 0.8em;
	list-style: none;
	padding: 0 20px 20px 20px;
}

#gpsresources ul li {
	padding: 10px 0;
	border-top: 1px solid #98b4d1;
}

#gpsresources ul a,
#gpsresources ul a:link,
#gpsresources ul a:visited {
	text-decoration: none;
}












#homead {
	background: #fff;
}

#homead-inner {
	font-size: 0.8em;
}

#homead-inner .ad {
	width: 450px;
	margin: 0 auto;
}

#homead-inner img {
	width: 100px;
	height: 100px;
}

#homead-inner h6 {
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	letter-spacing: 0.2em;
}

#homead-inner .adimg {
	width: 100px;
	float: left;
}

#homead-inner .adcontent {
	width: 340px;
	margin: 3px 0 0 10px;
	float: left;
	display: inline;
	line-height: 1.2em;
}

#homead-inner .adtop {
	width: 100%;
	text-align: center;
	padding: 0 0 10px 0;
	color: #336699;
	border-bottom: 1px dotted #999;
	margin: 0 0 10px 0;
}








#top-banner-container,
#pagetitle-container {
	width: 100%;
	height: 200px;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #666;
	background: #333;
}

#pagetitle-container {
	height: auto;
}

#pagetitle-container #pagetitle-inner {
	width: 1000px;
	margin: 0 auto;
}

#top-banner-container #top-banner-inner {
	width: 1000px;
	height: 200px;
	margin: 0 auto;
	padding: 0;
}

#top-banner-container h2,
#pagetitle-inner h2 {
	margin: 0;
	padding: 0;
}

#pagetitle-inner h2 {
	color: #eee;
	font-size: 1.3em;
	padding: 20px 0;
}

#contents-container,
#contents-container2,
#contents-container3  {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #dfe3e6;
	font-size: 0.9em;
}

#contents-container2 {
	background: #103862;
}

#contents-container3 {
	background: #fff;
}

#contents-container .contents-inner,
#contents-container2 .contents-inner,
#contents-container3 .contents-inner {
	padding: 50px 0;
	color: #666;
	line-height: 1.3em;
}

#contents-container2 .contents-inner {
	color: #fff;
}

.contents-inner h3 {
	font-size: 2em;
	font-weight: 300;
	line-height: 1.4em;
}




#contents-container2 a,
#contents-container2 a:link,
#contents-container2 a:visited {
	color: #ffff99;
	text-decoration: underline;
}

#contents-container2 a:hover {
	color: #fff;
	text-decoration: underline;
}




#about-container,
#about-container2 {
	width: 100%;
	margin: 0;
	padding: 0;
}

#about-container {
	font-size: 1em;
	color: #666;
	line-height: 2em;
	background: #fff;
}

#about-container2 {
	background: #dfe3e6;
	color: #666;
	line-height: 1.3em;
}

#about-container .contents-inner,
#about-container2 .contents-inner {
	padding: 50px 0;
}

img.aboutglobe {
	width: 260px;
	padding: 0 0 20px 20px;
	float: right;
}

#aboutimg-container {
	width: 200px;
	margin: 30px 0 20px 20px;
	float: right;
	text-align: center;
}

.aboutimg-set {
	padding: 8px;
	border: 1px solid #ccc;
	background: #fff;
}

.aboutimg-set img {
	width: 100%;
}

#aboutimg-container-mobile {
	display: none;
}

#testimonials {
	font-weight: 400;
}

#testimonials hr {
	padding: 8px 0 0 0;
	background: none;
	border: 0;
	border-bottom: 1px dashed #666;
}

.reviewer {
	font-size: 0.9em;
	font-weight: 300;
}






/* CUSTOMER SUPPORT */
#support-container {
	width: 104%;
	margin: 50px 0 0 -4%;
}

#support-container .supportbox-phone,
#support-container .supportbox-email {
	width: 46%;
	margin: 0 0 0 4%;
	padding: 20px;
	float: left;
	display: inline;
	background: #fff;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	
	box-sizing: border-box;
	
	background-repeat: no-repeat;
	background-position: 90% 90%;
	background-size: 30%;
}

#support-container .supportbox-phone {
	background-image: url(../customersupport/images/phonesupportbg.jpg);
}

#support-container .supportbox-email {
	background-image: url(../customersupport/images/emailsupportbg.jpg);
}

#support-container h3 {
	text-align: center;
	text-transform: uppercase;
}

 .supportbox-email ul {
 	padding: 0 0 0 30px;
 }




#support-form-container {
	width: 100%;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #999;
}

#support-form-container .rqd {
	color: #cc0000;
	font-size: 0.9em;
}

#support-form-container .q_item,
#support-form-container .submitbtns {
	width: 100%;
	margin: 30px 0 0 0;
}

#support-form-container .q_item input.inputtxt {
	margin: 5px 0 0 0;
	width: 50%;
	height: 28px;
	border: 1px solid #ccc;
	padding: 0 5px;
	color: #555;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}

#support-form-container .q_item .txtara {
	width: 50%;
	height: 200px;
	margin: 5px 0 0 0;
	border: 1px solid #ccc;
	padding: 10px;
	color: #555;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}

#support-form-container .q {
	font-size: 1.3em;
}




.manualcontainer {
	width: 100%;
	border-top: 1px solid #666;
	margin-top: 5%;
	padding: 5% 0;
}

.manualcontainer h3 {
	color: #666;
	font-size: 1.6em !important;
	font-weight: bold !important;
}

.manualcontainer .inner {
	width: 105%;
	margin: 0 0 0 -5%;
}

.manualcontainer .set {
	width: 45%;
	margin: 5% 0 0 5%;
	padding: 30px 0;
	float: left;
	text-align: center;
	background: #eee;
	border-radius: 5px;
}

.manualcontainer img {
	width: 200px;
	height: 200px;
	border: 0;
	border-radius: 50%;
}

.manualcontainer .set h4 {
	font-size: 1.5em;
	font-weight: bold;
	color: #666;
	padding-bottom: 30px;
}

.manualcontainer .set .inner {
	width: 90%;
	margin: 0 5%;
}

.manualcontainer .set .inner .btn {
	width: 41%;
	margin: 30px 0 0 6%;
	padding: 8px 0;
	float: left;
	text-transform: uppercase;
	
	border: 3px solid #777;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.manualcontainer .set .inner .btn a,
.manualcontainer .set .inner .btn a:link,
.manualcontainer .set .inner .btn a:visited {
	color: #777;
	text-decoration: none;
}

.manualcontainer .set .inner .btn a:hover {
	color: #336699;
}




/* REVENUE SHARING PAGE */
#revenue-ex {
	text-align: center;
}

#revenue-ex-container {
	width: 103%;
	margin: 0 0 0 -3%;
}

#revenue-ex-container .revenue-ex-item {
	width: 47%;
	margin: 40px 0 0 3%;
	padding: 10px 15px;
	background: #dfe3e6;
	color: #103862;
	float: left;
	display: inline;
	box-sizing: border-box;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.revenue-ex-item span {
	font-size: 1.3em;
	font-weight: bold;
}




.revenuesharingicon {
	width: 300px;
	padding: 0 0 50px 50px;
	float: right;
}

.revenuesharingicon img {
	width: 100%;
}




#revenue-table {
	width: 100%;
	margin: 20px 0 0 0;
	border: 3px solid #fff;
	border-collapse: collapse;
}

#revenue-table tr td,
#revenue-table tr th {
	border: 1px solid #fff;
	padding: 10px;
	text-align: center;
}

#revenue-table tr th {
	border-bottom: 3px solid #fff;
	background: #8499ad;
	text-transform: uppercase;
	font-size: 1.2em;
}




#contents-container3 .contact {
	text-align: center;
}

#contents-container3 .contact p {
	font-size: 1.2em;
}









/*
.businessboxes3,
.businessboxes3 #box1,
.businessboxes3 #box2,
.businessboxes3 #box3 {
	height: 450px;
}

.businessboxes3 #box3 ul {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: left;
}

.businessboxes3 #box3 ul li {
	padding: 8px;
	border-top: 1px solid #ccc;
}

.businessboxes3 #box3 ul li:last-child {
	padding: 8px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.businessboxes3 #box3 ul a {
	text-decoration: none;
}

.businessboxes3 #box3 ul a:hover {
	text-decoration: underline;
}
*/




/* CONTACT US */
#contact {
	width: 100%;
	padding: 0 0 20px 0;
	border: 0;
	border-bottom: 1px solid #666;
}

#contact #contactinfo {
	width: 48%;
	margin: -30px 0 0 0;
	padding: 0 2% 50px 0;
	float: left;
	display: inline;
}

#contact #contactinfo .item,
#contact #contactinfo .itemlast {
	border-bottom: 1px dotted #666;
	padding: 0 0 20px 0;
	margin: 30px 0 0 0;
}

#contact #contactinfo .itemlast {
	border: 0;
}

#contact #contactinfo h3 {
	font-size: 1.3em;
	color: #333;
	text-transform: uppercase;
}

#officephoto {
	width: 48%;
	margin: 0 0 0 2%;
	padding: 0;
	float: left;
	display: inline;
	text-align: right;
}

#officephoto img {
	width: 100%;
}







/* DISTRIBUTORS PAGE */
#distributors-container {
	width: 102%;
	margin: 0 0 0 -2%;
}

#distributors-container .distributor {
	width: 29%;
	margin: 2% 0 0 2%;
	float: left;
	display: inline;
	text-align: center;
	background: #fff;
	padding: 1% 1% 2% 1%;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	
	box-shadow: 0 0 2px #999;
}

#distributors-container .distributor img {
	width: 100%;
	padding-bottom: 10px;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

#distributors-container .distributor a,
#distributors-container .distributor a:link,
#distributors-container .distributor a:visited {
	text-decoration: none;
}










footer {
	width: 100%;
	background: #666;
	font-size: 0.8em;
}

footer #footerinner {
	width: 1000px;
	margin: 0 auto;
	color: #ddd;
}

footer #footermobile {
	display: none;
}

#footerleft {
	width: 40%;
	margin: 20px 0 0 0;
	float: left;
}

#footerright {
	width: 60%;
	margin: 20px 0 0 0;
	float: right;
}

#footermenu {
	width: 100%;
	margin: 0;
}

#footermenu {
	text-transform: uppercase;
}

footer a,
footer a:link,
footer a:visited {
	color: #ddd;
	text-decoration: none;
}

#footermenu a:hover,
#footercontact a:hover {
	color: #85e2fd;
	text-decoration: none;
}

footer a.on,
footer a.on:link,
footer a.on:visited,
footer a.on:hover {
	color: #85e2fd;
}

#footercontact {
	width: 100%;
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 1.2em;
	text-align: right;
	float: right;
	letter-spacing: 0.1em;
	line-height: 1.2em;
}

#footerinner p.copyright {
	padding: 20px 0 0 0;
	color: #ddd;
	font-size: 0.8em;
	letter-spacing: 0;
	line-height: 1em;
}










#articletemp #contents-container {
	background: #b2c0ce;
}

#articletemp #contents-container #breadcrumb {
	color: #fff;
	padding: 10px 0;
}

#articletemp #contents-container #breadcrumb a,
#articletemp #contents-container #breadcrumb a:link,
#articletemp #contents-container #breadcrumb a:visited {
	color: #fff;
	text-decoration: underline;
}

#articletemp #contents-container #breadcrumb a:hover {
	color: #333;
	text-decoration: underline;
}

#articletemp #contents-container #top-box {
	padding: 20px 30px;
	font-size: 0.9em;
	line-height: 1.3em;
}

#articletemp #contents-container #top-box span {
	font-weight: bold;
}

#articletemp #contents-container #top-box .sectitle {
	font-weight: bold;
	color: #336699;
}

#articletemp #contents-container #top-box p.sectitle {
	font-weight: bold;
	color: #336699;
	padding-top: 20px;
}

#articletemp #contents-container #top-box .underline {
	text-decoration: underline;
}












/* HOME BUY NOW DIRECTLY */
#home-buynow-container {
	width: 100%;
	background: #fff;
}

#home-buynow-container .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0;
	color: #336699;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

#home-buynow-container img {
	width: 400px;
}

#home-buynow-container a:hover img {
	opacity: .7;
	
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
}








/* SIGN UP PAGE (ACTIVATE TRACKER) */
#signupprocess-container {
	width: 70%;
	margin: 20px 0 0 0;
	float: left;
}

#signupprocess-container .step,
#signupprocess-container .step4 {
	padding: 20px 0 0 0;
	border-top: 1px dotted #333;
}

#signupprocess-container .step4 {
	border-bottom: 1px dotted #333;
}

#signupprocess-container h4 {
	color: #336699;
	font-weight: bold;
	font-size: 1.3em;
}

#signupprocess-container ul {
	padding: 5px 0 30px 0;
}

#signupprocess-container ul ul {
	padding: 5px 0;
}

#signupprocess-container ul li {
	margin: 0;
	color: #000;
	list-style: none;
}

#signupprocess-container ul li li {
	list-style: disc;
	margin: 0 0 0 50px;
	padding: 0;
	color: #666;
}

#signupprocess-container p.warning {
	color: #cc0000;
	font-weight: bold;
	padding-top: 10px;
}




#signup-device-container {
	width: 28%;
	margin: 30px 0 0 2%;
	padding: 2% 2%;
	float: left;
	background: #fff;
	box-sizing: border-box;
}

#signup-device-container ul {
	list-style: none;
	margin-top: 10px;
}

#signup-device-container ul li {
	padding: 10px 0;
	border-top: 1px dotted #666;
}

#signup-device-container span {
	font-weight: bold;
	text-transform: uppercase;
}

.devicelist-mob {
	display: none;
}




#signup-celltrack {
	margin: 50px 0 0 0;
	padding: 50px 0 0 0;
	border-top: 1px solid #999;
}

#signup-celltrack .img-container {
	float: left;
	padding: 0 20px 20px 0;
}




div.getstartedbtn,
div.signupwizardbtn {
	position: relative;
	width: 50%;
	height: 70px;
	margin: 40px 0 20px 0;
	background-color: #336699;
	line-height: 70px;
	text-align: center;
	float: left;
	font-size: 1.5em;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	
	font-weight: 400;
	text-transform: uppercase;
}

div.signupwizardbtn {
	margin: 20px 0;
	display: block;
}

div.getstartedbtn a,
div.signupwizardbtn a,
div.getstartedbtn a:link,
div.signupwizardbtn a:link,
div.getstartedbtn a:visited,
div.signupwizardbtn a:visited,
div.getstartedbtn a:hover,
div.signupwizardbtn a:hover {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	text-decoration: none;
}

div.getstartedbtn a:hover,
div.signupwizardbtn a:hover {
	background-color: #333;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	
	transition: background-color .3s ease;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
}




.signuppaypalinfo1 .ppleft {
	width: 18%;
	margin: 0;
	padding: 0;
	float: left;
}

.signuppaypalinfo1 .ppright {
	width: 80%;
	margin: 0 0 0 2%;
	padding: 0;
	float: left;
	display: inline;
	color: #333;
	font-size: 0.9em;
}

.signuppaypalinfo1 .ppright span {
	color: #336699;
	font-weight: bold;
}




.serviceoptions {
	background: #fff;
	color: #666;
	margin: 50px 0 0 0;
	padding: 20px;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.serviceoptions h3 {
	color: #336699;
	font-size: 1.5em;
}

.serviceoptions table.services,
.serviceoptions table.services2,
.serviceoptions table.activation {
	width: 100%;
	margin: 40px 0 0 0;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

.serviceoptions table.services th,
.serviceoptions table.services td,
.serviceoptions table.services2 td,
.serviceoptions table.activation th,
.serviceoptions table.activation td {
	padding: 20px;
	border: 1px solid #ccc;
	text-align: center;
}

.serviceoptions table.services th,
.serviceoptions table.activation th {
	font-weight: bold;
}

.serviceoptions table.services tr:nth-child(odd),
.serviceoptions table.services2 tr:nth-child(odd),
.serviceoptions table.activation tr:nth-child(odd) {
	background: #dfe8f0;
}

.serviceoptions table.services span,
.serviceoptions table.services2 span,
.serviceoptions table.activation span {
	font-weight: bold;
}

.serviceoptions table.services form,
.serviceoptions table.services2 form,
.serviceoptions table.activation form {
	margin-top: 10px;
}

.serviceoptions table.services .price,
.serviceoptions table.services2 .price,
.serviceoptions table.activation .price {
	font-size: 1.1em;
	color: #333;
}

.serviceoptions table.services2 {
	margin-top: 20px;
}

.serviceoptions table.services2 td.left {
	text-align: left;
}

.serviceoptions table.activation {
	margin: 0;
}




.services-mobile {
	display: none;
}




#celltracktop {
	width: 100%;
}

#celltracktop h3 {
	font-size: 1.5em;
	color: #336699;
}

.celltrackimg {
	width: 20%;
	float: left;
}

.celltrackimg img {
	width: 100%;
}

.celltracktop-right {
	width: 77%;
	float: left;
	display: inline;
	margin: 0 0 0 3%;
}

.celltracktop-right ul li {
	margin-left: 25px;
	font-size: 0.9em;
}






#hardware-activation-container-nomobile {
	width: 100%;
	border-top: 1px dotted #666;
	margin: 50px 0 0 0;
	padding: 50px 0 0 0;
}

#hardware-activation-container-mobonly {
	display: none;
}

#hardware-activation-container-nomobile table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 3px solid #999;
}

#hardware-activation-container-nomobile table tr:nth-child(odd) {
	background: #f5f5f5;
}

#hardware-activation-container-nomobile table td,
#hardware-activation-container-nomobile table th {
	border: 1px solid #999;
	padding: 20px;
	font-weight: 300;
}

#hardware-activation-container-nomobile table th {
	font-size: 1.1em;
	width: 30%;
	text-align: right;
	color: #333;
}

#hardware-activation-container-nomobile table td input.inputtxt {
	width: 50%;
	height: 28px;
	border: 1px solid #ccc;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}

#hardware-activation-container-nomobile table td img {
	width: 150px;
}

#hardware-activation-container-nomobile table td hr {
	border: 0;
	border-bottom: 1px dotted #666;
	background: none;
}

#hardware-activation-container-nomobile table table#tracker {
	border: 0;
}

#hardware-activation-container-nomobile table table#tracker tr {
	border: 0;
	background: none;
}

#hardware-activation-container-nomobile table table#tracker td {
	width: 33.3%;
	padding: 10px;
	font-size: 0.9em;
	text-align: center;
	border: 1px dashed #666;
}

.terms-container {
	width: 100%;
	height: 270px;
	overflow: auto;
}

#hardware-activation-container-nomobile table td.submitbtns {
	text-align: center;
}




#submittedinfo-container {
	margin: 20px 0;
	padding: 20px 0 30px 0;
	border: 0;
	border-top: 2px dashed #666;
	border-bottom: 2px dashed #666;
}

#submittedinfo-container h4 {
	font-size: 1.2em;
	color: #336699;
}

#submittedinfo-container table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
	margin: 20px 0 0 0;
}

#submittedinfo-container table tr:nth-child(odd) {
	background: #f5f5f5;
}

#submittedinfo-container table th,
#submittedinfo-container table td {
	padding: 10px;
}

#submittedinfo-container table th {
	width: 30%;
	font-weight: bold;
	border-right: 1px dashed #999;
}







.mobileonly {
	display: none;
}









/* MEDIA QUERIES */
@media screen and (max-width: 1020px) {
	
	header #topbar #topbar-contents,
	header #nav-container,
	#home-tagline .inner,
	#featured .inner,
	#home-contents-container .contents-inner,
	#contents-container .contents-inner,
	#contents-container2 .contents-inner,
	#contents-container3 .contents-inner,
	#homebanner-container,
	#about-container .contents-inner,
	#about-container2 .contents-inner,
	#gpsresources,
	footer #footerinner,
	#pagetitle-container #pagetitle-inner,
	#article-container .article-inner {
		width: 94%;
		margin: 0 3%;
	}
	
	#contents-container .contents-inner,
	#contents-container2 .contents-inner,
	#contents-container3 .contents-inner {
		padding: 30px 0;
	}
	
	#home-contents-container .contents-inner #boxes3,
	#contents-container .contents-inner #boxes3 {
		width: 102%;
		margin: 0 0 0 -2%;
	}
	
	#home-contents-container .contents-inner #boxes3 .box,
	#contents-container .contents-inner #boxes3 .box {
		width: 31.3%;
		margin: 0 0 0 2%;
	}
	
	#home-contents-container .contents-inner #boxes3 .box img {
		width: 100%;
	}
	
	#home-contents-container .contents-inner #boxes3  h2 {
		height: 50px;
		font-size: 1em;
		letter-spacing: 0.01em;
	}
	
	#home-contents-container .contents-inner #boxes3  h3 {
		font-size: 1.1em;
	}

	#home-contents-container .contents-inner #boxes3 .box .buyfrom {
		width: 100%;
		padding-top: 20px;
	}

	#home-contents-container .contents-inner #boxes3 .box .buyfrom img {
		width: 220px;
		margin: 0 auto;
	}
	
	#home-contents-container .contents-inner #boxes3 .box .startbusinessimg,
	#home-contents-container .contents-inner #boxes3 .box .distributionsimg,
	#home-contents-container .contents-inner #boxes3 .box .productsimg {
		height: 120px;
	}

}




@media screen and (max-width: 920px) {
	
	header {
		height: 100px;
	}
	
	header #topbar {
		display: none;
	}
	
	header #topbar {
		display: none;
	}
	
	header #nav-container h1 {
		width: 290px;
		height: 50px;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	header #nav-container h1 img {
		width: 290px;
		height: 50px;
		margin: 25px 0;
		padding: 0;
	}
	
	header #nav-container nav#dtnav {
		line-height: 100px;
		font-size: 1em;
	}
	
	
	
	
	img.aboutglobe {
		width: 240px;
	}
	
	
	
	
	.signuppaypalinfo1 .ppleft {
		width: 20%;
	}
	
	.signuppaypalinfo1 .ppleft img {
		width: 100%;
	}
	
	.signuppaypalinfo1 .ppright {
		width: 77%;
		margin: 0 0 0 3%;
	}
	
	
	
	
	footer #footermobile {
		width: 100%;
		margin: 0;
		display: inline;
	}
	
	footer #footerleft #footermenu {
		width: 100%;
	}
	
	footer #footermobile .footernewslettersignup {
		margin: 10px 0 0 0;
		font-size: 0.8em;
		border-top: 1px solid #fff;
		padding: 10px 0 5px 0;
		display: block;
	}
	
	footer #footermobile .footernewslettersignup img {
		vertical-align: middle;
		width: 30px;
		margin: -2px 0 0 0;
	}
	
	footer #footermobile .footersns {
	}
	
	footer #footermobile .footerfblike {
		margin: 12px 0 0 0;
		padding: 0;
		float: left;
	}
	
	footer #footermobile .footersns .footersnsicons {
		height: 32px;
		margin: 6px 0 0 0;
		float: left;
	}
	
	footer #footermobile .footersns .footersnsicons img {
		width: 32px;
		margin: 0 0 0 6px;
	}
	
	

}




@media screen and (max-width: 850px) {
	
	header {
		height: 80px;
	}
	
	header #nav-container h1 {
		width: 250px;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	header #nav-container h1 img {
		width: 250px;
		height: 44px;
		margin: 17px 0;
		padding: 0;
	}
	
	header nav#dtnav {
		display: none;
	}
	
	header nav#mobilenav {
		display: inline;
		width: 60px;
		height: 60px;
		margin: 10px 0;
		padding: 0;
	}
	
	#sidr-ttwlogo {
		width: 70px;
		height: 70px;
		margin: 10px auto;
	}
	
	#sidr-ttwlogo img {
		width: 100%;
		border: 0;
	}
	
	
	
	
	#home-contents-container .contents-inner #boxes3  h2 {
		font-size: 0.9em;
	}
	
	#home-contents-container .contents-inner #boxes3 .box .buyfrom img {
		width: 180px;
		margin: 0 auto;
	}
	
	#home-contents-container .contents-inner #boxes3 .box .startbusinessimg,
	#home-contents-container .contents-inner #boxes3 .box .distributionsimg,
	#home-contents-container .contents-inner #boxes3 .box .productsimg {
		height: 100px;
	}
	
	
	
	
	#manualcontainer {
		width: 110%;
		margin: 0 0 0 -10%;
	}
	
	#manualcontainer .set {
		width: 40%;
		margin: 5% 0 0 10%;
	}
	
	
	
	
	#signupprocess-container {
		width: 100%;
		margin: 20px 0 0 0;
		float: left;
	}
	
	
	
	
	#signup-device-container {
		display: none;
	}
	
	.devicelist-mob {
		display: block;
		border-top: 1px dotted #333;
		margin-top: 40px;
		padding-top: 20px;
	}

}





@media screen and (min-width: 801px) {
	footer #footerinner #footermenu a {
		display: block;
		padding-bottom: 5px;
	}
}




@media screen and (max-width: 800px) {

	img.aboutglobe {
		width: 35%;	
	}
	
	
	
	
	#support-form-container .q_item input.inputtxt,
	#support-form-container .q_item .txtara {
		width: 70%;
	}
	
	
	
	
	.revenuesharingicon {
		width: 30%;
	}
	
	.revenuesharingicon img {
		width: 100%;
	}
	
	
	
	
	#footerleft,
	#footerright {
		width: 100%;
	}
	
	#footermenu {
		width: 100%;
		text-align: center;
		padding-bottom: 15px;
	}
	
	
	
	
	 #footermenu a {
		display: inline;
		font-size: 0.9em;
		padding: 0 12px;
	}
	
	footer #footermobile .footernewslettersignup {
		margin: 5px 0 0 0;
		padding: 20px 0 0 0;
		text-align: center;
	}
	
	footer #footermobile .footersns {
		width: 220px;
		margin: 10px auto 0 auto;
	}
	
	footer #footermobile .footerfblike {
		float: left;
	}
	
	footer #footermobile .footersns .footersnsicons {
		float: right;
	}
	
	#footerright {
		border-top: 1px solid #fff;
		padding-bottom: 50px;
	}
	
	#footerright #footercontact,
	#footerright #copyright {
		padding: 20px 0 0 0;
		text-align: center;
		font-size: 1em;
	}
	
	div.getstartedbtn,
	div.signupwizardbtn {
		width: 50%;
		font-size: 1.2em;
	}
	
	
	
	
	#hardware-activation-container-nomobile {
		display: none;
	}
	
	#hardware-activation-container-mobonly {
		display: inline;
		width: 100%;
		margin-top: 30px;
		border-top: 1px solid #333;
		float: left;
	}
	
	#hardware-activation-container-mobonly .sec {
		width: 100%;
		margin: 0;
		padding: 30px 0;
		border-bottom: 1px solid #999;
	}
	
	#hardware-activation-container-mobonly .sec input.inputtxt {
		width: 90%;
		height: 28px;
		margin: 5px 0 0 0;
		border: 1px solid #ccc;
		
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
	}
	
	#hardware-activation-container-mobonly .sectitle {
		font-size: 1.2em;
	}
	
	#hardware-activation-container-mobonly .img-container {
		padding: 10px 0;
	}
	
	#hardware-activation-container-mobonly .img-container img {
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
	}
	
	#hardware-activation-container-mobonly .device-container {
		width: 102%;
		margin: 0 0 0 -2%;
		padding: 0;
	}
	
	#hardware-activation-container-mobonly .device-container .item {
		width: 31%;
		margin: 5% 0 0 2%;
		float: left;
		display: inline;
		text-align: center;
		font-size: 0.8em;
	}
	
	#hardware-activation-container-mobonly .device-container .item img {
		width: 100%;
		
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
	}
	
	#hardware-activation-container-mobonly .terms-container {
		width: 94%;
		background: #f5f5f5;
		padding: 0 3% 3% 3%;
		
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
	}
	
	
	
	
	.manualcontainer img {
		width: 150px;	
		height: 150px;	
	}
	
	.manualcontainer .set .inner {
		padding: 15px 0 0 0;
	}
	
	.manualcontainer .set .inner .btn {
		width: 70%;
		margin: 5px 0 0 15%;
		padding: 5px 0;
	}
	
	.manualcontainer .set h4 {
		font-size: 1.2em;
	}

}




@media screen and (max-width: 700px) {
	
	#home-contents-container .contents-inner #boxes3,
	#contents-container .contents-inner #boxes3 {
		width: 100%;
		margin: -20px 0 0 0;
	}
	
	#home-contents-container .contents-inner #boxes3 .box,
	#contents-container .contents-inner #boxes3 .box {
		width: 100%;
		margin: 20px 0 0 0;
	}
	
	#home-contents-container .contents-inner #boxes3  h2 {
		font-size: 1.1em;
	}
	
	#home-contents-container .contents-inner #boxes3 .box .buyfrom img {
		width: 300px;
	}
	
	#gpsresources .news,
	#gpsresources .resources {
		width: 100%;
	}
	
	#gpsresources .resources {
		margin: 20px 0 0 0;
	}
	
	#home-contents-container .contents-inner #boxes3 .box .startbusinessimg,
	#home-contents-container .contents-inner #boxes3 .box .distributionsimg,
	#home-contents-container .contents-inner #boxes3 .box .productsimg {
		height: 200px;
	}
	
	
	
	#boxes3 .homelinkimgbtn {
		display: none;
	}
	
	#home-contents-container .contents-inner #boxes3 .homelinkbtn {
		display: block;
		width: 100%;
		height: 60px;
		line-height: 60px;
		margin: 30px 0 0 0;
		position: relative;
		background-color: #336699;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
	}
	
	#home-contents-container .contents-inner #boxes3 .homelinkbtn a,
	#home-contents-container .contents-inner #boxes3 .homelinkbtn a:link,
	#home-contents-container .contents-inner #boxes3 .homelinkbtn a:visited,
	#home-contents-container .contents-inner #boxes3 .homelinkbtn a:hover {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		color: #fff;
		font-size: 1.3em;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		
		text-decoration: none;
	}
	
	#home-contents-container .contents-inner #boxes3 .homelinkbtn a:hover {
		background: #333;
	}
	
	
	
	
	#contents-container .contents-inner h3,
	#contents-container2 .contents-inner h3,
	#contents-container3 .contents-inner h3 {
		font-size: 1.3em;
		font-weight: 400;
	}
	
	
	
	#support-container {
		width: 100%;
		margin: 0;
	}
	
	#support-container .supportbox-phone,
	#support-container .supportbox-email {
		width: 100%;
		margin: 20px 0 0 0;
	}
	
	#support-form-container .q_item input.inputtxt,
	#support-form-container .q_item .txtara {
		width: 80%;
	}
	
	#support-form-container .q {
		font-size: 1.1em;
		font-weight: bold;
	}
	
	
	
	#signupprocess-container {
		font-size: 0.9em;
	}
	
	#signupprocess-container h4 {
		font-size: 1em;
	}
	
	
	
	
	#distributors-container .distributor {
		width: 46%;
	}

}




@media screen and (max-width: 600px) {

	#home-tagline {
		display: none;
	}
	
	#homebanner-container #banner-blog,
	#homebanner-container #banner-livedemo {
		width: 100%;
	}
	
	#homebanner-container #banner-livedemo {
		margin: 5px 0 0 0;
	}
	
	#home-contents-container .contents-inner #boxes3 .box .startbusinessimg,
	#home-contents-container .contents-inner #boxes3 .box .distributionsimg,
	#home-contents-container .contents-inner #boxes3 .box .productsimg {
		height: 150px;
	}
	
	
	
	
	#pagetitle-container #pagetitle-inner {
		text-align: center;
		font-size: 0.8em;
	}
	
	#contents-container .contents-inner h3 {
		font-size: 1em;
		font-weight: bold;
	}
	
	
	img.aboutglobe {
		width: 40%;
		margin: 0 30%;
		padding: 0;
		float: none;
	}
	
	#aboutimg-container {
		display: none;
	}
	
	#aboutimg-container-mobile {
		display: block;
		width: 50%;
		margin: 20px auto;
		padding: 2%;
		background: #fff;
		font-size: 0.9em;
		text-align: center;
		border: 1px solid #ccc;
	}
	
	#aboutimg-container-mobile img {
		width: 100%;
	}
	
	
	
	
	.contents-inner h3,
	.mobctr {
		text-align: center;
	}
	
	
	
	
	.revenuesharingicon {
		width: 100%;
		padding: 0 0 20px 0;
		margin: 0;
	}
	
	.revenuesharingicon img {
		width: 40%;
		margin: 0 30%;
	}
	
	#revenue-ex-container {
		width: 100%;
		margin: 0 0 0 0;
	}
	
	#revenue-ex-container .revenue-ex-item {
		width: 100%;
		margin: 20px 0 0 0;
	}
	
	
	
	
	#contact #contactinfo {
		width: 100%;
		margin: -30px 0 0 0;
		padding: 0;
		text-align: center;
	}
	
	#officephoto {
		width: 100%;
		margin: 20px 0 0 0;
		padding: 20px 0 0 0;
		border-top: 1px solid #666;
		text-align: center;
	}
	
	#officephoto img {
		width: 70%;
	}
	
	
	
	
	div.getstartedbtn,
	div.signupwizardbtn {
		width: 100%;
		font-size: 1.2em;
	}
	
	
	
	
	.signuppaypalinfo1 .ppleft {
		width: 100%;
		text-align: center;
	}
	
	.signuppaypalinfo1 .ppleft img {
		width: 152px;
		margin: 0 auto;
	}
	
	.signuppaypalinfo1 .ppright {
		width: 100%;
		margin: 20px 0 0 0;
	}
	
	
	
	
	.serviceoptions table.services th,
	.serviceoptions table.services td,
	.serviceoptions table.services2 td,
	.serviceoptions table.activation th,
	.serviceoptions table.activation td {
		padding: 10px;
	}
	
	
	
	
	.services-nomobile {
		display: none;
	}
	
	.services-mobile {
		display: inline;
	}
	
	.services-mobile table.services {
		margin-top: 20px;
	}
	
	
	
	
	.celltrackimg {
		width: 100%;
		text-align: center;
	}
	
	.celltrackimg img {
		width: 165px;
		margin: 0 auto;
	}
	
	.celltracktop-right {
		width: 100%;
		margin: 20px 0 0 0;
		text-align: center;
	}
	
	
	
	
	#hardware-activation-container-mobonly .device-container .item {
		width: 48%;
		margin: 5% 0 0 2%;
	}
	
	#hardware-activation-container-mobonly .submitbtns {
		text-align: center;
	}
	
	#submittedinfo-container table {
		font-size: 0.9em;
	}
	
	#submittedinfo-container table th {
		width: 40%;
		font-weight: normal;
		border-right: 1px dashed #999;
		color: #333;
	}
	
	
	
	
	#support-form-container .q_item input.inputtxt,
	#support-form-container .q_item .txtara {
		width: 90%;
	}
	
	
	
	
	#footermenu  {
		margin-top: -5px;
	}
	
	#footermenu a {
		display: block;
		padding: 5px 0;
	}
	
	
	.mobileonly {
		display: block;
	}
	
	.nomobile {
		display: none;
	}
	
	
	
	
	.manualcontainer {
		width: 100%;
		margin: 0;
	}
	
	.manualcontainer .inner {
		width: 100%;
		margin: 0;
	}
	
	.manualcontainer .set {
		width: 100%;
		margin: 5% 0 0 0;
	}
	
	.manualcontainer img {
		width: 200px;
		height: 200px;
	}
	
	.manualcontainer .set .inner {
		padding: 0;
	}
	
	.manualcontainer .set .inner .btn {
		width: 35%;
		margin: 20px 0 0 10%;
		padding: 8px 0;
		float: left;
	}

}




@media screen and (max-width: 500px) {
	
	header nav#mobilenav {
		width: 40px;
		height: 40px;
		margin: 20px 0;
	}
	
	header nav#mobilenav img {
		width: 40px;
		height: 40px;
	}
	
	#signup-celltrack .img-container {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#signup-celltrack .img-container img {
		width: 36%;
		margin: 0 32%;
		padding: 0;
	}
	
	.signup-celltrack-right {
		text-align: center;
		width: 100%;
		margin: 20px 0 0 0;
		padding: 0 0 50px 0;
		float: left;
	}
	
	#officephoto img {
		width: 100%;
	}
	
	
	
	
	#distributors-container {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#distributors-container .distributor {
		width: 94%;
		margin: 20px 0 0 0;
		padding: 3% 3% 5% 3%;
	}
	
	#contents-container3 .contact p {
		font-size: 1em;
	}
	
	#aboutimg-container-mobile {
		width: 100%;
		margin: 20px auto 30px auto;
		padding: 3%;
		box-sizing: border-box;
	}
	
	.manualcontainer .set .inner {
		padding: 15px 0 0 0;
	}
	
	.manualcontainer .set .inner .btn {
		width: 70%;
		margin: 5px 0 0 15%;
		padding: 5px 0;
	}
	
	.manualcontainer .set h4 {
		font-size: 1.2em;
	}

}




@media screen and (max-width: 400px) {
	
	header {
		height: 56px;
	}
	
	header #nav-container h1 {
		width: 200px;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	header #nav-container h1 img {
		width: 200px;
		height: 36px;
		margin: 10px 0;
		padding: 0;
	}
	
	header nav#mobilenav {
		width: 40px;
		height: 40px;
		margin: 8px 0;
	}
	
	header nav#mobilenav img {
		width: 40px;
		height: 40px;
	}
	
	#home-contents-container .contents-inner #boxes3 .box .buyfrom img {
		width: 250px;
	}

}







/* prettyPhoto styling for small screens  - below 767px width */
@media only screen and (max-width: 767px) {
.pp_pic_holder.pp_default { width: 92%!important; left: 0!important; overflow: hidden;margin: 0 4%; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important;padding:5px; }
.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 20px; padding-bottom: 20px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 40px!important; top: 10px!important; }
}