@charset "UTF-8";

/* CSS Document */



/*----------------BASE STYLE---------------------*/



html {

	min-height: 101%;

	margin: 0;

	padding:0;

}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {

	margin:0;

	padding:0;

}

table {

	border-collapse:collapse;

	border-spacing:0;

}

fieldset, img {

	border:0;

}

address, caption, cite, code, dfn, em, strong, th, var {

	font-style:normal;

	font-weight:normal;

}

ol, ul {

	list-style:none;

}

caption, th {

	text-align:left;

}

h1, h2, h3, h4, h5, h6 {

	font-size:100%;

}

q:before, q:after {

	content:'';

}

/*----------------BODY AND HEADING STYLE---------------------*/



body {

	background-color:#fcfcff;

	padding: 0;

	margin: 0;

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

	color: #707176;

	text-align:center;

	line-height:auto;

	background-repeat: repeat-x;

	background-position: top;

	background-attachment: fixed;

}

h1 {

	font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;

	font-size:22px;

	line-height:28px;

	font-weight:bold;

	color:#00457c;

	margin:0 0 0 0;

	padding:0 0 1px 0;

}

h2 {

	font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;

	font-size:17px;

	line-height:21px;

	font-weight:normal;

	color:#00457c;

	margin:0 0 0 0;

	padding:1px 0 12px 0;

}

h3 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	line-height: 21px;

	font-weight:bold;

	color:#38393b;

	margin:0px;

	padding:4px 0 1px 0;

}

h4 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	line-height:21px;

	font-weight:normal;

	color:#E77300;

	margin:0;

	padding:2px 0 8px 0;

}

h5 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	line-height:18px;

	font-weight:bold;

	font-style:italic;

	color:#38393b;

	margin:0;

	padding:3px 0 3px 0;

}

p {

	margin:0 !important;

	padding:0 0 1em 0 !important;

	color:#707176;

	line-height: 150% !important;

}

sup, sub {

	height: 0;

	line-height: 1;

	vertical-align: baseline;

	_vertical-align: bottom;

	position: relative;

	font-weight:normal;

	font-size: 10px;

}

sup {

	bottom: 1ex;

}

sub {

	bottom: 0ex;

}

strong, b {

	font-weight:700

!important;}

em, i {font-style:italic !important; }

div.hr {

	position:relative;

	height:1px;

	overflow:hidden;

	background: transparent;

	outline:none;

	border:0;

	border-top:dashed #cccccc 1px;

	margin-top:0;

	margin-bottom:1em;

	padding:0;

	float:none;

	clear:both;

	width: auto;

}

.align-center {text-align:center }

.align-left {text-align:left }

.align-right {text-align:right }

.align-justify {text-align:justify }

.float-left {float:left }

.float-right {float:right }





/*----------------LINK STYLE---------------------*/



a, a:active {

	outline:none !important;

	text-decoration:none;

	font-weight:bold;

	color: #008fd1;

}

a.link-prev {

	background-attachment: scroll;

	background-image: url(http://www.telenav.com/include/images/arrow-left-V-008fd1.png);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 10px;

	display: inline;

	white-space: nowrap;

	color: #008fd1;

}

a.link-next {

	background-attachment: scroll;

	background-image: url(http://www.telenav.com/include/images/arrow-right-V-008fd1.png);

	background-repeat: no-repeat;

	background-position: right center;

	padding-right: 10px;

	display: inline;

	white-space: nowrap;

	color: #008fd1;

}

a.link-phone {

	background-attachment: scroll;

	background-image: url(http://www.telenav.com/include/images/phone-icon-008fd1.png);

	background-repeat: no-repeat;

	background-position: right top;

	padding-right: 14px !important;

	display: inline !important;

	white-space: nowrap;

	color: #008fd1;

}

a.link-download {

	background-attachment: scroll;

	background-image: url(http://www.telenav.com/include/images/arrow-down-V-63AC3B.png);

	background-repeat: no-repeat;

	background-position: right center;

	padding-right: 14px;

	display: inline;

	white-space: nowrap;

	color: #63AC3B;

}

a.link.up {

	background-image: url(http://www.telenav.com/include/images/arrow-up-V-008fd1.png);

	background-position: right center;

	padding-right: 14px;

}

a.link.down {

	background-image: url(http://www.telenav.com/include/images/arrow-down-V-008fd1.png);

	background-position: right center;

	padding-right: 14px;

}

a.link.next {

	background-image: url(http://www.telenav.com/include/images/arrow-right-V-008fd1.png);

	background-position: right center;

	padding-right: 10px;

}

a.link.prev {

	background-image: url(http://www.telenav.com/include/images/arrow-left-V-008fd1.png);

	background-position: right center;

	padding-right: 10px;

}

a.link {

	background-attachment: scroll;

	background-repeat: no-repeat;

	display: inline;

	white-space: nowrap;

	color: #008fd1;

}

a.link.orange.up {

	background-image: url(http://www.telenav.com/include/images/arrow-up-V-E77300.png);

	background-position: right center;

	padding-right: 14px;

}

a.link.orange.down {

	background-image: url(http://www.telenav.com/include/images/arrow-down-V-E77300.png);

	background-position: right center;

	padding-right: 14px;

}

a.link.orange.next {

	background-image: url(http://www.telenav.com/include/images/arrow-right-V-E77300.png);

	background-position: right center;

	padding-right: 10px;

}

a.link.orange.prev {

	background-image: url(http://www.telenav.com/include/images/arrow-left-V-E77300.png);

	background-position: right center;

	padding-right: 10px;

}

a.link.orange {

	background-attachment: scroll;

	background-repeat: no-repeat;

	display: inline;

	white-space: nowrap;

	color: #E77300;

}

a.link-tooltip.up {

	background-image: url(http://www.telenav.com/include/images/arrow-up-V-63AC3B.png);

	background-position: right center;

	padding-right: 14px;

}

a.link-tooltip.down {

	background-image: url(http://www.telenav.com/include/images/arrow-down-V-63AC3B.png);

	background-position: right center;

	padding-right: 14px;

}

a.link-tooltip.next {

	background-image: url(http://www.telenav.com/include/images/arrow-right-V-63AC3B.png);

	background-position: right center;

	padding-right: 10px;

}

a.link-tooltip.prev {

	background-image: url(http://www.telenav.com/include/images/arrow-left-V-63AC3B.png);

	background-position: left center;

	padding-left: 10px;

}

a.link-tooltip {

	background-attachment: scroll;

	background-repeat: no-repeat;

	display: inline;

	white-space: nowrap;

	color: #63AC3B !important;

	border-bottom: dotted #63AC3B 1px !important;

	cursor: help !important;

}



/*----------------HEADER STYLE---------------------*/

#topnav-2-0-02 {

	display: block;

	font-size: 13px;

	line-height: 18px;

	height: 25px;

	position: relative;

	padding: 0;

	min-width:1000px;

	margin:0 auto 3px auto;

}

#topnav-2-0-02.fixed-980 {

	width:1000px;

}

#topnav-2-0-02 ul {

	list-style:none;

}

#topnav-2-0-02 .navigation {

	display: block;

	overflow: visible;

	list-style: none;

	list-style-type: none;

	margin: 0;

	z-index: 100;

	width:100%;

}

#topnav-2-0-02 .navigation li {

	display: inline;

	position:static;

	list-style-type: none;

	list-style: none;

}

#topnav-2-0-02 .navigation li.home {

	text-indent: -3000px;

	padding: 0;

	display: inline;

	width: 121px;

	left: 1px;

	overflow: visible;

	position: static;

	float: left;

	margin: 0 !important;

}

#topnav-2-0-02 .navigation li.telenav-user {

	position: absolute;

	display: inline;

	right: 1px;

	top: 0px;

	margin: 0;

	padding: 0 14px 0 0;

	clear: both;

	list-style: none;

	list-style-type: none;

	width: 150px;

}

#topnav-2-0-02 .navigation li a {

	font-weight:normal;

	position: relative;

	padding: 0 9px;

	margin: 7px 0 0 0;

	color: #23729D;

	text-decoration: none;

	float: left;

	display: block;

	outline:none !important;

	z-index: 100;

	line-height: 18px;

	height: 18px;

}

#topnav-2-0-02 .navigation li.link a {

	float:left;

	height: 18px;

}

#topnav-2-0-02 .navigation li.link a:hover {

	color:#154e80;

}

#topnav-2-0-02 .navigation li.link a:active:hover {

	color:#00457c;

	outline:none !important;

}

#topnav-2-0-02 .navigation li.link.active a, #topnav-2-0-02 .navigation li.link.active a:hover {

	color:#d87300;

	outline:none !important;

	cursor:default;

}

#topnav-2-0-02 .navigation li.home a {

	width:121px;

	background-image: url(http://www.telenav.com/include/images/TeleNav-Logo-100x25.png) !important;

	background-image: url(http://www.telenav.com/include/images/TeleNav-Logo-100x25.gif);

	background-repeat: no-repeat;

	height: 25px;

	position: relative;

	margin: 0px;

	background-attachment: scroll;

	background-position: 15px 0px;

	padding: 0;

}

#topnav-2-0-02 .navigation li.telenav-user a {

	padding: 0 14px 0 14px;

	float: right;

}

#topnav-2-0-02 .navigation li.telenav-user a#signIn {

	background-repeat: no-repeat;

	background-position:100% 55%;

}

#topnav-2-0-02 #thisUserName {

	font-size: 10px;

	color: #0a8fcc;

	float: right;

}

/*----------------SIGNIN FORM STYLE--------------------*/



#signIn-form {

	text-align: right;

	width: auto;

	font-size: 12px;

	display: block;

	clear: both;

	padding: 6px 0 0 0;

}

#signIn-form label {

	display: block;

	white-space: nowrap;

	height: 24px;

	line-height: 24px;

	font-size:11px !important;

	text-align: left;

}

#signIn-form .loginField {

	width: 80px;

	height:19px;

	outline: 0;

	border: solid #cccccc 1px;

	background-color:transparent;

	background-image: url(http://www.telenav.com/include/images/tnt/header-5.gif);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	color: #707176;

	font-family: Arial, Helvetica, sans-serif;

	position: absolute;

	right: 20px;

}

.signInButton {

	background-color: transparent;

	background-image: url(http://www.telenav.com/include/images/site-btn-hp7_64x44-8.png);

	background-attachment: scroll;

	background-color: transparent;

	background-repeat: no-repeat;

	background-position: bottom left;

	font-family: Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#fff;

	border:none;

	outline:none;

	cursor:pointer;

	padding: 0 0 2px 0;

	margin: 1px 0 0 0;

	height:22px;

	width:63px;

	font-weight: bold;

	line-height: 22px;

	position: absolute;

	right: 38px;

}

/*----------------ROUNDED TOP AND BOTTOM STYLE--------------------*/



.round-top-980, .round-bottom-980, .round-top-854, .round-bottom-854, .round-top-613, .round-bottom-613, .round-top-450, .round-bottom-450, .round-top-211, .round-bottom-211, .round-top-194, .round-bottom-194, .tooltip-green-top-194, .tooltip-green-bottom-194 {

	display: block;

	height: 6px;

	position: static !important;

	margin: 0 auto 0 auto;

	background-repeat: no-repeat;

	line-height: 6px;

	clear: both;

	overflow: hidden;

}

.round-top-980 {

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-top-980.png) !important;

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-top-980.gif);

	background-position:bottom center;

	width: 980px;

}

.round-bottom-980 {

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-bottom-980.png) !important;

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-bottom-980.gif);

	background-position:top center;

	width: 980px;

}

.round-top-854 {

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-top-854.png) !important;

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-top-854.gif);

	background-position:bottom center;

	width: 854px;

}

.round-bottom-854 {

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-bottom-854.png) !important;

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-bottom-854.gif);

	background-position:top center;

	width: 854px;

}

.round-top-613 {

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-top-613.png) !important;

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-top-613.gif);

	background-position:bottom center;

	width: 613px;

}

.round-bottom-613 {

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-bottom-613.png) !important;

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-bottom-613.gif);

	background-position:top center;

	width: 613px;

	margin-bottom:8px;

}

.round-top-450 {

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-top-450.png) !important;

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-top-450.gif);

	background-position:bottom center;

	width: 450px;

}

.round-bottom-450 {

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-bottom-450.png) !important;

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-bottom-450.gif);

	background-position:top center;

	width: 450px;

	margin-bottom:8px;

}

.round-top-211 {

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-top-211.png) !important;

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-top-211.gif);

	background-position:bottom center;

	width: 211px;

}

.round-bottom-211 {

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-bottom-211.png) !important;

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-bottom-211.gif);

	background-position:top center;

	width: 211px;

	margin-bottom:8px;

}

.round-top-194 {

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-top-194.png) !important;

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-top-194.gif);

	background-position:bottom center;

	width: 194px;

}

.round-bottom-194 {

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-bottom-194.png) !important;

	background-image: url(http://www.telenav.com/include/images/homepage/page-round-bottom-194.gif);

	background-position:top center;

	width: 194px;

	margin-bottom:8px;

}

#content div.round-top-613, #content div.round-bottom-613, #content div.round-top-211, #content div.round-bottom-211, #content div.round-top-194, #content div.round-bottom-194 {

	background-color:#FFFFFF !important;

}

/*----------------MIDDLE AND CONTENT STYLE---------------------*/



#main,

#main.layout-enterprise {

	display: block;

	width: 1000px;

	margin: 0 auto;

	padding: 0 0;

	position: relative;

	overflow: hidden;

	text-align: left;

}

body#layout-2-0-01 #middle, 

#middle {

	width:978px;

	padding: 4px 5px 6px 5px;

	position:relative;

	display: block;

	margin: 0 auto;

	background-color: #FFFFFF;

	border: none;f

	ont-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

	color: #707176;

}

/*----------------MAIN HOME HERO STYLE--------------------*/

#content-hero-home {

	position:static;

	width:980px;

	margin:0 0 0 0;

	padding:0;

	font-size:13px;

	line-height:18px;

	height:450px;

	display: block;

	overflow: hidden;

	padding-top:30px;

}

#content-hero-home .col-right {

	height: 170px;

	width: 300px;

	display: block;

	position: absolute;

	right: 40px;

	top: 210px;

	z-index: 210;

	cursor: default;

}

#content-hero {

	position:static;

	width:663px;

	margin:28px 37px 16px 280px;

	padding:0;

	font-size:13px;

	line-height:18px;

	height:290px;

	display: block;

	background-image: url(http://www.telenav.com/include/images/homepage/demo-hero-2_0_02.jpg);

	background-repeat: no-repeat;

	background-position: bottom;

	overflow: hidden;

}

#content-home {

	position:static;

	width:930px;

	margin:0 0 30px 0;

	padding:0 25px 0 25px;

	font-size:13px;

	line-height:18px;

	display: block;

	overflow: hidden;

}

#content-home .col-left {

	display: block;

	height: 170px;

	width: 280px;

	overflow: hidden;

	position: relative;

	cursor: pointer;

	padding: 20px 15px 0 15px;

	margin: 0;

	float: left;

}

#content-home .col-right {

	display: block;

	height: 190px;

	width: auto;

	overflow: hidden;

	position: relative;

	float: none;

	margin: 0 0 0 0;

	left: 53px;

}

#content-home .col-left .content-title {

	font-size: 16px;

	line-height: 22px;

	padding-bottom: 6px;

}



#content-home .col-right .content-title {

	font-size: 18px;

	line-height: 26px;

}

#content-home .col-left .content-title a,

#content-home .col-right .content-title a {

	font-weight: normal;

}

/*----------------ENTERPRISE HOME HERO STYLE--------------------*/

#main.layout-enterprise #content-hero-home {

	position:static;

	width:980px;

	margin:0 0 0 0;

	padding:0;

	font-size:13px;

	line-height:18px;

	height:330px;

	display: block;

	overflow: hidden;

	/* background-image: url(http://www.telenav.com/include/images/homepage/bk-lt-shadow-left-820x330.png) !important;

	background-image: url(http://www.telenav.com/include/images/homepage/bk-lt-shadow-left-820x330.gif); */

	background-position: left bottom;

	background-repeat: no-repeat;

}

#main.layout-enterprise #content-hero-home .col-right {

	height: 294px;

	width: 458px;

	display: block;

	cursor: default;

	top: auto;

	right: auto;

	position: static;

	margin-left: 47px;

	background-color: #fff;

}

#main.layout-enterprise #content-hero {

	position:static;

	width:663px;

	margin:28px 37px 16px 280px;

	padding:0;

	font-size:13px;

	line-height:18px;

	height:290px;

	display: block;

	background-image: url(http://www.telenav.com/include/images/homepage/demo-hero-2_0_02.jpg);

	background-repeat: no-repeat;

	background-position: bottom;

	overflow: hidden;

}

#main.layout-enterprise #content-hero-home div.company {

	padding: 18px;

	height: 294px;

	width: 941px;

	position: absolute;

}

#main.layout-enterprise #content-hero-home div.company div.col-right div.next-steps {

	font-size: 14px !important;

	line-height: 21px !important;

	display: block !important;

	padding: 12px 0 16px 0 !important;

	position: absolute !important;

	height:21px;

	width: 458px;

	bottom: 0px;

	border-top: dotted #cccccc 1px;

}

#main.layout-enterprise #content-hero-home div.company .col-right .next-steps a {

	display:block;

	margin-right:4ex;

}

#main.layout-enterprise #content-hero-home .company .col-right .content-title {

	font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;

	font-size: 22px !important;

	line-height: 28px !important;

	font-weight: 700 !important;

	color: #00457c !important;

	padding: 0 0 1ex 0 !important;

}

#main.layout-enterprise #content-hero-home .company .col-right .quote {

	font-weight:700 !important;

	font-size:16px !important;

	font-style:italic !important;

	line-height: 23px !important;

}

#main.layout-enterprise #content-home {

	position:static;

	width:930px;

	margin:0 0 30px 0;

	padding:0 25px 0 25px;

	font-size:13px;

	line-height:18px;

	display: block;

	overflow: hidden;

}

#main.layout-enterprise #content-home .col-left {

	display: block;

	height: 169px;

	width: 264px;

	overflow: hidden;

	position: relative;

	cursor: auto;

	padding: 21px 23px 0 23px;

	margin: 0;

	float: left;

}

#main.layout-enterprise #content-home .col-right {

	display: block;

	height: 190px;

	width: auto;

	overflow: hidden;

	position: relative;

	float: none;

	margin: 0 0 0 0;

	left: 53px;

}

#main.layout-enterprise #content-home .col-left .content-title {

	color:#00457c !important;

	font-size: 16px !important;

	line-height: 16px !important;

	padding-bottom: 10px !important;

}



#main.layout-enterprise #content-home .col-right .content-title {

	font-size: 18px;

	line-height: 26px;

	padding: 3px 0 !important;

}

#main.layout-enterprise #content-home .col-left .content-title a,

#main.layout-enterprise #content-home .col-right .content-title a {

	font-weight: normal;

}

#content-home .col-left .link-next.read-more {

	position: absolute;

	right: 23px;

	bottom: 24px;

	font-size: 11px;

	line-height:11px;

}

#main.layout-enterprise #content-home .col-left ul.news-items {

	margin-right:0px;

}

#main.layout-enterprise #content-home .news-items li,

#main.layout-enterprise #content-home .news-items div {

	font-size: 11px;

	line-height: 14px;

	margin: 0 0 6px 0;

	padding: 4px 0 0 0;

	border-top: dotted #dedede 1px

}

#main.layout-enterprise #content-home .news-item a,

#main.layout-enterprise #content-home  .news-item a {

	font-weight: 700;

	padding-right:1ex;

	color: #707176;

}

#main.layout-enterprise #content-home .news-items .news-item .news-source {

	font-weight: normal !important;

	white-space: pre !important;

	font-style:italic !important;

}

#main.layout-enterprise div.press-releases {

	font-size: 11px;

	line-height: 11px;

	text-align: center;

	padding: 18px 0 0 9px;

	margin:0 auto;

}

#main.layout-enterprise div.press-releases #fade_base a {

	font-size: 11px;

	line-height: 11px;

	font-weight:normal;

	color: #707176; 

	text-decoration:none;

	padding:0;

	margin:0;

}

#main.layout-enterprise div.press-releases #fade_base a#fade_link {

	font-size: 11px;

	line-height: 11px;

	font-weight:normal;

	color: #008fd1;

	text-decoration:none;

	padding:0;

	margin:0;

}

/*----------------END HOME HERO STYLE--------------------*/

#content {

	position:static;

	margin:0 32px 30px 275px;

	padding:25px 30px 31px 30px;

	font-size:13px;

	line-height:18px;

	display: block;

	overflow: hidden;

}

/*----------------LEFT NAV STYLE--------------------*/



#left-nav-col {

	position:absolute;

	display:block;

	width:210px;

	height:auto;

	padding:0;

	float: left;

	text-align:left;

	margin: 30px 0 0 37px;

	top: 0px;

	left: 0px;

	background-color: #FFF;

}

#left-nav {

	border:none;

	float:left;

	margin:0;

	padding:0;

	width:210px;

	display: block;

	position: relative;

}

#left-nav ul li {

	list-style:none !important;

	position:relative !important;

	width: 100%;

}

#left-nav ul {

	position:relative !important;

	display:block !important;

}

#left-nav li {

	display:inline !important;

	position:relative !important;

}

#left-nav a {

	position:relative;

	color:#23729D;

	display:block;

	font-family:Arial, Helvetica, sans-serif;

	text-decoration:none;

	cursor: pointer;

}

#left-nav a:hover {

	color:#154e80;

}

#left-nav ul li a.active {

	cursor: default;

}

ul.level0, ul.level1, ul.level2, ul.level3 {

	margin:0;

	padding:0;

}

ul.level0 {

	border:solid #e8e8eb 0px;

	border-top: 0px;

	border-bottom: 0px;

	background:url(http://www.telenav.com/include/images/tnt/header-5.gif) no-repeat 0px 9px;

	list-style:none;

	padding:3px 0 36px 0;

	width: 208px;

	margin: 0 1px 0 1px;

}

#left-nav .level0 a.content-title {

	color:#00457c;

	display:block;

	font-weight:bold;

	font-size:16px;

	font-family: Arial, Helvetica, Verdana, sans-serif;

	line-height:16px;

	list-style:none outside none;

	margin:0 0 0 0;

	padding:4px 11px 4px 11px;

}

#left-nav .level0 a.content-title.active {

	color:#E77300;

	background-image: url(http://www.telenav.com/include/images/arrow-right-V-E77300.png);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: 0px 8px;

	cursor: default;

}

#left-nav ul.level1 {

	font-size:14px;

	line-height:14px;

	padding: 1px 0 1px 0;

	background-color: #FFFFFF;

}

#left-nav ul.level1 li a {

	padding:5px 11px 6px 22px;

	font-weight:bold;

}

#left-nav ul.level1.active {

	padding:0px 0 0px 0;

	background:#ffffff url(http://www.telenav.com/include/images/tnt/header-5.gif) no-repeat 0px 8px;

	line-height: 14px !important;

	border-top: solid #f8f8fd 1px !important;

}

#left-nav ul.level1 li a.active {

	color:#E77300 !important;

	background-image: url(http://www.telenav.com/include/images/arrow-right-V-E77300.png);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: 13px 8px;

	padding:5px 0px 6px 22px !important;

	line-height: 14px;

	border:none;

	cursor: default;

}

#left-nav ul.level2 {

	padding:0 0 0 0;

	border-left:solid #ffffff 1px !important;

	border-right:solid #ffffff 1px !important;

	border-bottom: dotted #e8e8eb 1px !important;

	font-size:14px;

	line-height:14px;

	font-weight:bold;

	background-color: #fcfcff;

	margin: 0 0 0 0;

}

#left-nav ul.level2 li a {

	padding:3px 10px 3px 22px;

}

#left-nav ul.level2 li a.active {

	color: #E77300 !important;

	padding:2px 10px 2px 22px !important;

	line-height: 14px;

	background-image: url(http://www.telenav.com/include/images/arrow-right-V-E77300.png);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: 13px 5px;

	background-color: #FCF9F6 !important;

}

#left-nav ul.level3 {

	padding:0 0 0 0;

	font-size:12px;

	line-height:12px;

}

#left-nav ul.level3 li a {

	font-weight:normal;

	padding:3px 10px 3px 36px;

}

#left-nav ul.level3 li a.active {

	color: #E77300 !important;

	border-left: solid #e8e8eb 0px;

	border-bottom:dotted #53B1DB 0px;

	padding:3px 10px 3px 36px !important;

	line-height: 12px;

	background-image: url(http://www.telenav.com/include/images/arrow-right-V-E77300.png);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: 24px 5px;

	background-color: #FCF9F6 !important;

}

/*----------------FOOTER STYLE--------------------*/





#footer, #foot {

	clear: both !important;

	margin: 0 auto !important;

	text-align: center !important;

	position: relative !important;

	padding: 36px 0 12px 0 !important;

	width: 978px;

}

#footer ul, 

#foot ul{

	margin: 12px 0 12px -12px!important;

	position: relative !important;

}

#footer ul li,

#foot ul li {

	color: #b7b9be !important;

	font-size: 11px !important;

}

#footer li,

#foot li {

	display: inline !important;

	position: relative !important;

	margin: 0 0 0 12px !important;

}

#footer li a,

#foot li a {

	text-decoration:none !important;

	padding: 0 12px 0 0 !important;

	border-right: solid #d7d8dd 1px !important;

	font-weight: normal !important;

}

/*----------------MODAL OVERLAY STYLE--------------------*/



.modal {

	display:none;

	width:auto;

	background-color: transparent;

	text-align:left;

	z-index:10000 !important;

	margin-left:auto !important;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	overflow:hidden;

	line-height: 150%;

}

#signinmod.modal {

	width:211px;

}

.modal-body {

	border-left: solid #e8e8eb 1px;

	border-right: solid #e8e8eb 1px;

	background:#ffffff;

	padding:10px 20px;

}

.modal-body h3 {

	color:#00457c;

	font-size:16px;

	padding-top: 4px;

}

.modal-body h4 {

	color:#707176;

	font-size:14px;

	padding-bottom: 0px;

	line-height: 18px;

}

.modal-body h5 {

	margin-top:1em;

	font-style:normal;

}

.modal-body p {

	margin:0;

	padding:0 0 1em 0;

	font-family: Arial;

	font-size:12px;

	color:#707176;

	line-height: 150%;

}

.modal-body ul.features {

	list-style:none;

	margin:0;

	padding:0;

	font-size:11px;

	color: #303236;

}

.modal-body a.close {

	position:absolute;

	top:20px;

	right:20px;

	width: 15px;

	height: 15px;

	background-image: url(http://www.telenav.com/include/images/close-icon-73383d.png);

	background-position: right top;

	background-repeat: no-repeat;

}

.device-thm {

	cursor: pointer;

}

#exposeMask {

	overflow:hidden;

}

#exposeMask IFRAME {

	display:none !important;

	display:block;

	position:absolute;

	top:0;

	left:0;

	z-index:-1;

	width:100%;

	height:20000px;

	filter:mask();

}

/*----------------TOOLTIP OVERLAY STYLE--------------------*/



.tooltip-green-top-194, .tooltip-green-bottom-194 {

	background-image: url(http://www.telenav.com/include/images/homepage/tooltip-green-194.png) !important;

	background-image: url(http://www.telenav.com/include/images/homepage/tooltip-green-194.gif);

	width: 194px;

}

.tooltip-green-top-194 {

	background-position:top center;

}

.tooltip-green-bottom-194 {

	background-position:bottom center;

	height:17px;

}

.tooltip-green-194-body {

	width:172px !important;

	padding:4px 10px;

	border: solid #8aa27d 1px;

	border-bottom:none;

	border-top:none;

	color:#222224;

	background:#e2ffd2;

	font-size:11px !important;

	line-height:12px !important;

	position:static !important;

	text-align:left;

}

.tooltip.tooltip-green-194 {

	width: 194px !important;

}

.tooltip {

	display:none;

	z-index:10100;

}

.tooltip-this {

	color: #6da05c !important;

	border-bottom: dashed #6da05c 1px !important;

	display: inline !important;

	overflow:visible;

	cursor: help !important;

}

/*----------------SCROLL STYLE---------------------*/



/* this makes it possible to add next button beside scrollable */

/*----------Scroll Hero---------*/

#scroll {

	position:relative;

	overflow:hidden;

	width:611px;

	padding:0 0 0 0;

	height:360px;

	border: solid #e8e8eb 1px;

	border-bottom: none;

	border-top: none;

}

#scroll #tools {

	width:9999em;

	position:absolute;

	height:300px;

	padding-top: 24px;

}



#scroll .tool {

	float:left;

	width:583px;

	height:300px;

	text-align:left;

	padding-right:30px !important;

	cursor:pointer;

}

#scroll .tool .image {

	float:left;

	width:220px;

	height:300px;

	text-align:center;

	padding: 0 20px;

}

#scroll .tool h2 {

	margin-top: 100px;

	font-size:18px;

	line-height:21px;

	padding-bottom: 6px;

}

#scroll .tool h2 a {

	font-family: Arial, Helvetica, sans-serif;

	color:#303236;

}

#scroll.tool .images {text-align:left;}



#scroll .details {

	background-color:transparent;

}

#scroll .details p {

	font-size:14px;

	color: #707176;

}

#scroll .details a.link-next {

background-position:right 60%;

}



#scroll #thumbs {

	height:26px;

	position:relative;

	width:611px;

	margin: 0 auto;

	text-align: justify;

	display: block;

	background: url(http://www.telenav.com/include/images/tnt/header-5.gif) no-repeat 0px 8px;

	overflow: visible;

}



#scroll .t {

	padding:0 !important;

	border:0 !important;

}



#scroll .t a {

	line-height:12px;

	display:block;

	width:auto;

	float:left;

	height:12px;

	cursor:pointer;

	padding: 4px 7px 14px 7px;

	margin-bottom: 7px;

	font-size: 11px !important;

}



#scroll .t a.active {

	cursor:default !important;

	color: #E77300 !important;

	background-image: url(http://www.telenav.com/include/images/arrow-down-E77300.png);

	background-repeat: no-repeat;

	background-position: center bottom;

}



#scroll .navi {

	text-align: left;

	position: absolute;

	margin: 0 1px;

	display: block;

	white-space: nowrap;

	width: auto;

	z-index: 100;

	left: auto;

	top: auto;

}



#scroll #tools .tool.tab-div {

	display:none !important;

}

#scroll .navi span.tab-div {

	float: left;

	width: 0px;

	border-left: solid #e8e8eb 1px;

	display: block;

	position: relative;

	height: 24px;

	margin-top: 0px;

	margin: 0 1px;

}



/*

	root element for the scrollable.

	when scrolling occurs this element stays still.

*/

#scroll .scrollable {

	/* required settings */

	position:relative;

	overflow:hidden;

	width: 680px;

	height:120px;

	/* custom decorations */

	border:1px solid #ccc;

}



/*

	root element for scrollable items. Must be absolutely positioned

	and it should have a extremely large width to accomodate scrollable items.

	it's enough that you set the width and height for the root element and

	not for this element.

*/

#scroll .scrollable .items {

	/* this cannot be too large */

	width:20000em;

	position:absolute;

	clear:both;

}



#scroll .items div {

	float:left;

	width:680px;

}



/* single scrollable item */

#scroll .scrollable img {

}



/* active item */

#scroll .scrollable .active {

	border:2px solid #000;

	position:relative;

	cursor:default;

}



/* prev, next, prevPage and nextPage buttons */

#scroll a.browse {

	background:url(http://www.telenav.com/include/images/homepage/arrows-h-scroll.png) no-repeat;

	display:block;

	width:15px;

	height:50px;

	float:left;

	margin:65px 10px;

	cursor:pointer;

	font-size:1px;

	position: relative;

	padding: 0;

}



/* right */

#scroll a.right 				{

	background-position: 0px -50px;

	clear:right;

	margin-right: 0px;

	padding: 0;

}

#scroll a.right:hover 		{ background-position:-15px -50px; }

#scroll a.right:active 	{ background-position:-30px -50px; } 





/* left */

#scroll a.left				{

	background-position: 0px 0px;

	margin-left: 0px;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

} 

#scroll a.left:hover  		{ background-position:-15px 0px; }

#scroll a.left:active  	{ background-position:-30px 0px; }



/* up and down */

#scroll a.up, a.down		{ 

	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 

	float: none;

	margin: 10px 50px;

}



/* up */

#scroll a.up:hover  		{ background-position:-30px 0; }

#scroll a.up:active  		{ background-position:-60px 0; }



/* down */

#scroll a.down 				{ background-position: 0 -30px; }

#scroll a.down:hover  		{ background-position:-30px -30px; }

#scroll a.down:active  	{ background-position:-60px -30px; } 





/* disabled navigational button */

#scroll a.right.disabled {

	/*visibility:hidden !important;*/

	background-position:-45px -50px;		

}

#scroll a.left.disabled {

	/*visibility:hidden !important;*/

	background-position:-45px 0px;		

} 



/*----------------SCROLL CONTENT STYLE---------------------*/



#content-home .col-right #scroll .scrollable {

	width: 465px;

	border: 0;

	height: 180px;

	display: block;

	position: relative;

	float: left;

	overflow: hidden;

}

#content-home .col-right #scroll {

	width: auto;

	margin: 0 0 0 58px;

	position: absolute;

	display: block;

	height: 180px;

	border: none;

	padding: 5px 0;

}

#content-home .col-right #scroll .items div {

	width: 435px;

	margin: 60px 15px 0;

	cursor: pointer;

	position: relative;

	padding: 0 0 0 0;

}

#main.layout-enterprise #content-home .col-right #scroll .items div {

	width:338px;

	margin: 27px 64px;

	cursor: auto;

}

#content-home .col-right #scroll .items {

	height: 180px;

}



div.social-media-icons

{

	position:absolute;

	top:12px;

	right:12px;

	z-index:1;

	color:#666;

	font-family:arial;

	font-size:11px;

	width: 250px;

}



div.social-media-icons span

{

	display:block;

	float:left;

	height:20px;

	line-height:20px;

	padding-right:4px;

}

#main.layout-enterprise #content-home .col-right #scroll .items div.next-steps {

	width: 224px !important;

	margin: 0 !important;

	font-size: 12px !important;

}

#main.layout-enterprise #content-home .col-right #scroll .items div.next-steps a {

	display:block; margin-right:2ex;

}

#main.layout-enterprise  #content-hero-home .company .col-right p.company {

	font-size: 16px;

	text-align: center;

	display: block;

	float: right;

}



#main.layout-enterprise  #content-hero-home .company .col-right p.company img {

	margin-top:5px;

}