/* CSS Document */
/* project: Redesign Telenav US website 
   author: Jessica (www.telenav.com) */

 @import "base.css";
 @import "content.css";
 @import "homepage-hero.css";
 @import "telenav-header-top_navigation.css";
/*   Legacy IE-PNG fix   */

* img {
	behavior: url(/include/css/iepngfix.htc)
}
/*-------------- HTML tag styles -----------------*/
body {
	background-color:#efeff4;
	padding: 0;
	margin: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #454545;
	text-align:center;
	line-height:1;
}
h1, h2, h3, h4 {
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
}
a {
outline:none;
}
form {
	margin: 0;
	padding:0;
}
img {
	border:0;
}
select {
	background:#ECF5F9;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}
input.line {
	border: 1px solid #CCCCCC;
	padding: 1px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
}
input.submit {
	border-top: 1px solid #DFDAC3;
	border-left: 1px solid #DFDAC3;
	background: #fdfdef;
	padding: 2px;
	color: #3F729E;
	font-size: 11px;
	margin: 0px;
}
div {
	border:0;
}
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-weight:normal;
}
sup {
	bottom: 0.5em;
}
sub {
	top: .5ex;
}
/* Add class "block" to clear floated elements in a block */
.block:after {
	content: ".";
	display: block;
	width: 100%;
	height: 0px;
	visibility: hidden;
	clear: both;
}
.float-right {
	float:right
}
.float-left {
	float:left
}
/*---------------------------------------------------- LAYOUT ----------------------------------------------------*/

a.link-prev {
	background-attachment: scroll;
	background-image: url(../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(../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(../images/phone-icon-008fd1.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 14px;
	display: inline;
	white-space: nowrap;
	color: #008fd1;
}
a.link-download {
	background-attachment: scroll;
	background-image: url(../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-tooltip.up {
	background-image: url(../images/arrow-up-V-63AC3B.png);
	background-position: right center;
	padding-right: 14px;
}
a.link-tooltip.down {
	background-image: url(../images/arrow-down-V-63AC3B.png);
	background-position: right center;
	padding-right: 14px;
}
a.link-tooltip.next {
	background-image: url(../images/arrow-right-V-63AC3B.png);
	background-position: right center;
	padding-right: 10px;
}
a.link-tooltip.prev {
	background-image: url(../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;
}
/*-------------- Middle -------------------------*/
#middle {
	width:852px;
	margin:0 auto 0 auto;
	padding:4px 0 4px 0;
	background-color: #FFFFFF;
	clear:both;
	border: solid #e8e8eb 1px;
	border-top: none;
	border-bottom: none;
	text-align:left;
}
#m_bg {
	/*--background:url(http://www.telenav.com/include/images/round_bg.gif) repeat-y; --*/
    background-color: #FFFFFF;
	/*--	width:850px; --*/
    margin:0;
	padding:0;
	clear:both;
}
#m_bt {
	clear:both;
	margin:0;
	padding:0;
}
/*----------------Round Top and Bottom--------------------*/

.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(../../include/images/homepage/page-round-top-980.png) !important;
	background-image: url(../../include/images/homepage/page-round-top-980.gif);
	background-position:center bottom;
	width: 980px;
}
.round-bottom-980 {
	background-image: url(../../include/images/homepage/page-round-bottom-980.png) !important;
	background-image: url(../../include/images/homepage/page-round-bottom-980.gif);
	background-position:center top;
	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:center bottom;
	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:center top;
	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:center bottom;
	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:center top;
	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:center bottom;
	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:center top;
	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:center bottom;
	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:center top;
	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:center bottom;
	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:center top;
	width: 194px;
	margin-bottom:8px;
}
#content div.round-top-613, #content div.round-bottom-613, #main div.round-top-211, #main div.round-bottom-211, #main div.round-top-194, #main div.round-bottom-194 {
	background-color:#FFFFFF !important;
}

.tooltip-green-top-194, .tooltip-green-bottom-194 {
	background-image: url(../../include/images/homepage/tooltip-green-194.png) !important;
	background-image: url(../../include/images/homepage/tooltip-green-194.gif);
	width: 194px;
}
.tooltip-green-top-194 {
	background-position:center top;
}
.tooltip-green-bottom-194 {
	background-position:center bottom;
	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;
}
.tooltip-this {
	color: #6da05c !important;
	border-bottom: dotted #6da05c 1px !important;
	display: inline !important;
	overflow:visible;
	cursor: help !important;
}/* main left */

#left_nav, #left_col {
	width: 211px;
	float: left;
	margin: 0;
	padding: 9px 0 0 9px;
	background: #fff;
	border: none;
}

#left_col {
	font-family:  Arial;
	font-size:12px;
	color:#303236;
}

#left_nav ul li {
	list-style:none;
	list-style-type:none;
	padding:0;
	margin:0 0 0 0;
}

#left_nav ul {
	border-top: 1px solid #FAFAFA;
	margin-left:0px;
	padding:1px;
	background-color: #e6e6e6;
}

#left_nav li {
	border-bottom: 1px solid #FAFAFA;
	border-top: none;
}

#left_nav a {
	display: block !important;
	color:#1E73A9;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: 0.3em 0em 0.3em 0.3em;
	position:relative !important;
}

#left_nav a:hover {
	color: #47697F;
	background-color: #dadada;
}

#left_nav h2, #left_col h2 {
	font: bold 14px  Arial, Helvetica, sans-serif;
	color:#1E73A9;
	letter-spacing:-0.04em;
	padding:0 0 8px 10px;
	line-height:16px;
}

#left_nav h3, #left_col h3 {
	font-family:  Arial;
	font-size:145%;
	line-height:130%;
	font-weight:bold;
	color:#1E73A9;
	padding:0 0 8px 10px;
	line-height:155%;
}
#middle #left_nav #level_0 a.content-title, #middle #left_col #level_0 a.content-title {
	list-style:none;
	background:transparent;
	display: block;
	padding:0 0 8px 10px;
	margin:0;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	color:#1E73A9;
}
#middle #left_nav #level_0 .content-title, #middle #left_col #level_0 .content-title {
	border:0;
	padding:0;
	margin:0;
	background:transparent;
}
#middle #left_nav #level_0, #middle #left_col #level_0 {
	border:none;
	list-style:none;
	background:transparent;
	padding: 0;
	display: block;
	position: relative;
}


#middle #left_nav #level_0 li.content-title p, #middle #left_col #level_0 li.content-title p {
	list-style:none;
	background:transparent;
	display: block;
	padding:0 0 8px 10px;
	margin:0;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	color:#1E73A9;
}
#middle #left_nav #level_0 li.content-title, #middle #left_col #level_0 li.content-title {
	border:0;
	padding:0;
	margin:0;
	background:transparent;
}

/* main right */

#right_nav {
	width: 211px;
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	background: #fff;
	border: none;
}

#right_nav ul li {
	list-style:none;
	padding:0;
	margin:0;
}

#right_nav ul {
	border-top: 1px solid #e6e6e6;
	margin-left:0px;
	padding:1px;
	background-color: #e6e6e6;
}

#right_nav li {
	margin-left:10px;
	border-bottom: 1px solid #e6e6e6;
	border-top: none;
}

#right_nav a {
	display: block;
	color:#1E73A9;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: 0.3em;
}

#right_nav a:hover {
	color: #47697F;
	background-color: #e6e6e6;
}

#right_nav h2 {
	font: bold 14px  Arial, Helvetica, sans-serif;
	color:#1E73A9;
	padding:0 0 8px 10px;
	line-height:16px;
}

#level_1 li a {
	padding:8px 0 8px 10px;
}

#level_1 ul {
	border-top: none;
	background-color:#efeff4;
}

#level_2 ul {
	border-top: none;
}

#level_2 li a {
	padding:5px 0 5px 25px;
}

#level_3 ul {
	border-top: none;
}

#level_3 li a {
	padding:5px 0 5px 40px;
	background-color:#f6f6f6;
}
/* modules left */

#modules {
	width: 211px;
	border: none;
	padding: 10px 0 0 0;
	margin: 0;
}
#modules a {
	display: inline;
	border: 0;
	padding: 0;
	margin: 0;
}
#modules a:hover {
	background:none;
}
/* main content */

#content {
	position: relative;
	float: right;
	width:613px;
	margin:0;
	padding: 0 9px 10px 0;
	font: normal 12px/155% Arial, Helvetica, sans-serif;
}
#content .title {
	font: bold 14px/20px Arial, Helvetica, sans-serif;
	color:#330099;
	margin-left:10px;
}
.device_carrier_logo {
	float:right;
	text-align:right;
	width:150px;
	height:50px;
}
/*-------------- Footer Info --------------------*/

#info {
	width:850px;
	margin:0 auto;
}
#info_l {
	float:left;
	width:330px;
	font: bold 11px/15px Arial, Helvetica, sans-serif;
	margin-top:4px;
}
#info .title a {
	font: bold 11px/15px Arial, Helvetica, sans-serif;
	color:#3C5E81;
	text-decoration:none;
}
#info .title .sub .actionblack a {
	font: bold 11px/15px Arial, Helvetica, sans-serif;
	color:#3C5E81;
	text-decoration:underline;
}
#info .title a:hover {
	text-decoration:underline;
	color:#1ABEEE;
}
#info .title .tnt a:hover {
	text-decoration:underline;
	color:#d85115;
}
#info .title {
	font: bold 11px/15px Arial, Helvetica, sans-serif;
	background-color:#fff;
	width:307px;
	padding:5px 15px 5px 15px;
	color:#3C5E81;
}
#info .sub {
	color:#303236;
	height:18px;
	clear:both;
}
#info_r {
	float:right;
	width:506px;
	margin-top:4px;
}
#info_r .left {
	float:left;
	width:256px;
}
#info_r .right {
	float:right;
	width:250px;
}
/*-------------- Footer Info --------------------*/
#footer {
	clear:both;
	color:#708CB2;
	margin:0 auto;
	width:832px;
	padding:10px;
	font: 11px/12px Arial, Helvetica, sans-serif;
	text-align:center;
}
#footer a {
	font: bold 11px/20px Arial, Helvetica, sans-serif;
	color:#708CB2;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#foot {
	clear: both;
	color: #aaaaaa;
	font-size: 11px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	padding: 36px 0 12px 0;
}
#foot ul {
	margin: 12px 0;
	position: relative;
}
#foot li {
	display: inline;
	position: relative;
	margin: 0 0 0 12px;
}
#foot li a {
	color: #aaaaaa;
	text-decoration:none;
	padding: 0 12px 0 0;
	border-right: solid #dddddd 1px;
}
#foot li a:hover {
	color:#999999;
}
/*-------------- Bottom Info --------------------*/

#carrer_list {
	margin:0 auto;
	width:852px;
	padding:10px 0 0 0;
	text-align:center;
	height:73px;
	clear:both;
	color:#708CB2;
}
/*-------------- Login bg Info --------------------*/

#dsubmenu {
	width:852px;
	margin:0 auto;
	height:30px;
	background:url(http://www.telenav.com/include/images/hh_r1_c5.jpg) no-repeat right;
}
#dsubmenu .left {
	float:left;
	width:845px;
	background:url(http://www.telenav.com/include/images/hh_r1_c3.jpg) repeat-x;
}
#bottom_corner {
	clear:both;
	width:852px;
	margin:0 auto;
	height:12px;
	background:url(http://www.telenav.com/include/images/bo_r1_c4.gif) no-repeat right;
}
#bottom_corner .left {
	float:left;
	width:845px;
	background:url(http://www.telenav.com/include/images/bo_r1_c2.gif) repeat-x;
}
/*-------------- Sub tab for mytelenav --------------------*/
#v {
	width:852px;
	margin:0 auto;
	clear:both;
	padding:0;
}
#submenu {
	margin:10px 0 0 0;
	width:852px;
	padding:0;
}
#submenu .corner {
	background:url(http://www.telenav.com/include/images/subhead_r1_c7.jpg);
	height:54px;
	width:7px;
}
#submenu .bg2 {
	background: url(http://www.telenav.com/include/images/subhead_r1_c5.jpg) repeat;
	width:211px;
	height:54px;
	text-align:right
}
#submenu li {
	list-style : none;
	float: left;
	padding:0;
	margin:0;
}
#submenu ul {
	width: 852px;
	padding:0;
	margin:0;
}
#tab {
	width:634px;
	height:54px;
}
#tab a {
	text-decoration:none;
	color:#fff;
	font: bold 12px/19pt Verdana;
}
#tab a.active {
	text-decoration:none;
	color:#306294;
	font: bold 12px/19pt Verdana;
}
#tab a.subactive {
	text-decoration:none;
	color:#306294;
	font: bold 12px/19pt Verdana;
}
#tab .subtext {
	background:url(http://www.telenav.com/include/images/sj.jpg) repeat-x;
	height:29px;
}
#tab .abovemenu {
	padding:0;
	margin:0;
	width:634px;
}
#tab .abovemenu li {
	list-style : none;
	float: left;
	padding:0;
	margin:0;
	width:154px;
	text-align:center;
}
#tab .abovemenu ul {
	width: 634px;
	padding:0;
	margin:0;
}
#tab .bg1 {
	background:#A2C2D9;
	height:28px;
}
#tab .t1 {	/* TAB background */
	background:url(http://www.telenav.com/include/images/subhead1.jpg) no-repeat;
	height:25px;
}
#tab .t2 {	/* TAB background */
	background:url(http://telenav.com/include/images/subhead2.jpg) no-repeat;
	height:25px;
}
#tab .t3 {	/* TAB background */
	background:url(http://www.telenav.com/include/images/subhead3.jpg) no-repeat;
	height:25px;
}
#tab .t4 {	/* TAB background */
	background:url(http://www.telenav.com/include/images/subhead4.jpg) no-repeat;
	height:25px;
}
a.logout {
	font: bold 11px/25px Arial;
	color:#2F6192;
	text-decoration:none;
}
a.logout:hover {
	text-decoration:underline;
}
/*--------some global tilities----------*/
/*clearfix to fix the float issue*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* clearfix ends */


/* Track Modules \*/
#content #menu-rt {
	float:right;
	clear:none;
	width:134px;
	position:relative;
	top: auto;
	height: auto;
}
#content #menu-rt h2 {
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family:  Arial;
	font-size:1.1em;
	line-height:normal;
	font-weight:bold;
	color:#303236;
	margin: 0 0 0 0;
	padding: 8px 8px 4px;
}
#content div.menu-mid {
	position:relative;
	display:block;
	padding:0;
	margin:4px 10px 4px 0;
	float:left;
	width:185px;
	clear:none;
}
#content .topic-section .sub-section ul {
	font-size:12px;
	padding:0 10px 0 25px;
	margin: 0 0 12px 0;
	line-height: normal;
	display:block;
	position:relative;
	clear: left;
}
#content #menu-rt ul, #content ul.menu-mid {
	font-size:12px;
	padding:0;
	margin: 0 10px 15px 10px;
	line-height: normal;
	display:block;
	position:relative;
}
#content ul.menu-mid {
	padding:0;
	margin:0 0 0 10px;
}
#content #menu-rt ul li, #content ul.menu-mid li /* #content .topic-section .sub-section ul li*/ {
	margin: 4px 0 0 0;
	font-size: 10px;
	display: list-item;
	background-color: transparent;
	background-image: url(http://www.telenav.com/include/images/ico_arw_rt_333.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: 0px;
	background-y-position: 0px;
	line-height: normal;
	list-style-type: none;
	padding: 0 0 0 12px;
	background-position: 0px 4px;
	font-family: Arial, Helvetica, sans-serif;
}
#content .menu-mid ul li {
	background-position: 0px 8px;
	line-height:11px;
	margin: 0;
	text-align: left;
	position:relative;
}
#content .menu-mid li a {
	text-decoration:none;
	display:block;
	background:transparent;
	background-repeat: no-repeat;
	font-size: 10px;
	padding: 6px 0;
	font-weight:bold;
	line-height: 11px;
	border-top: dotted #ccc 1px;
}
#content .menu-mid li a:hover {
	background:transparent;
	color:#47697f;
	font-weight:bold;
	text-align:left;
	margin-left: .2em;
}
#content #menu-rt input {
	margin: 4px 0 0 0;
	text-align: left;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: #ECF5F9;
	color: #1E73A9;
	border: none;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
#menu-rt form {
	margin: 0 8px;
}
#menu-rt p {
	margin: 0px;
	padding: 8px 12px 4px;
}
#content div.right-side, #content .main-section .right-side, #content .sub-section .right-side {
	position:relative;
	display: block;
	float: right;
	width: 132px;
	padding: 10px 0 4px 0;
	font-size: 11px;
	border-top:solid #dfdfdf 1px;
	background: #F2F2F2 url(/include/images/tnt/box-wht_track-rt-hr_01b.gif) bottom left;
	background-repeat:no-repeat;
	line-height: 13px;
	clear:none;
	margin: 10px -132px 0 0;
	left:11px;
}
#content .right-side p {
	line-height: 13px;
	margin:0 12px;
}
#content .module-content {
	margin:0 0 0 0;
	background: url(/include/images/tnt/header-5.gif) top left;
	background-position: 0px 15px;
	padding: 0 0 0 0;
	height: 35px;
	width: 478px;
	border-bottom:solid #dfdfdf 1px;
	clear:none;
	position:relative;
	overflow: visible;
}
#content .module-list td {
	padding: 0px;
	margin: 0;
	line-height: 0px;
}
#content td.module-list-item {
	font-size: 11px;
	margin: 0;
	padding:0 3px;
	font-weight: normal;
	text-decoration: none;
	line-height: 9px;
	overflow: visible;
	text-align:center;
	border-bottom:none;
}
#content td.current-item {
	font-size: 11px;
	margin: 0;
	padding:0;
	font-weight: normal;
	text-decoration: none;
	line-height: 9px;
	overflow: visible;
	text-align:center;
	border-bottom:none;
}
#content td.cap-item {
	font-size: 11px;
	margin: 0 0 0 0;
	padding:0 6px 0 0;
	font-weight: normal;
	text-decoration: none;
	line-height: 9px;
	overflow: visible;
	text-align:center;
	border-bottom:none;
}
#content .module-list-item a, #content .module-list-item a:visited {
	font-weight: normal;
	padding: 4px 4px 4px 4px;
	text-decoration: none;
	background-color: #F2F2F2;
	margin: 15px 0 0 0;
	border: solid 1px #efefef;
	border-bottom:none;
	display: block;
	line-height: 9px;
	overflow: visible;
}
#content .module-list-item a:hover {
	background-color: #FCFCFC;
	border-color: #efefef;
	border-bottom: solid #1e73a9 1px;
	margin: 9px 0 0 0;
	padding: 8px 4px 6px 4px;
}
#content .current-item a, #content .current-item a:visited, #content .current-item a:hover {
	font-weight: bold;
	padding: 8px 4px 8px 4px;
	text-decoration: none;
	background-color: #fff;
	margin: 0 0 0 0;
	border: solid 1px #dfdfdf;
	border-bottom:none;
	display: block;
	line-height: 9px;
	overflow: visible;
	position:relative;
	top: 9px;
}
#content .current-item a:hover {
	color:#47697f;
}
#content .sub-section {
	padding:8px 0 0 0;
	border-top:dotted #ccc 1px;
	width:456px;
	background: #ffffff url(/include/images/bk-gradient_230.gif) repeat-x bottom;
	clear: none;
	float: left;
}
#content .main-section {
	width:430px;
	padding: 10px 10px 10px 36px;
	clear: none;
	float: left;
	border: solid 1px #dfdfdf;
	border-bottom: none;
	background: url(http://www.telenav.com/include/images/shotgun/bulletRt.gif) no-repeat;
	background-position: 10px 12px;
	display: block;
}
#content a.main-section.current-item {
	background: url(http://www.telenav.com/include/images/shotgun/bulletDn.gif) no-repeat;
	background-position: 10px 12px;
}
#content .main-section p {
	line-height:2em;
	margin: 0 10px;
}
#content .main-section .right-side p {
	line-height:13px;
}
#content .topic-section {
	width:456px;
	padding:0 10px 10px 10px;
	border: solid 1px #dfdfdf;
	border-bottom:none 0px;
	border-top: none;
	margin:0 0 0 0;
	position: relative;
	clear: none;
	float: left;
}
#content .topic-section h1 {
	line-height: normal;
	padding-bottom: .7em;
}
#content .topic-section .sub-section ul li {
	font-size:11px;
	line-height:13px;
	margin: 0 0 4px 0;/*background-position: 0px 3px;*/
}
#content .pre-module {
	border: 1px dotted #ccc;
	padding: 4px 10px 5px 10px;
	width: 456px;
	display: block;
	margin-bottom: 10px;
}
#content .small {
	font-size: 10px;
	line-height: 15px;
}
#content .overview-products li {
	display: block;
	list-style-type: none;
	position: relative;
	width: 187px;
	float: left;
	margin: 12px 0 0 0;
	padding: 0 12px;
}
#content ul.overview-products {
	padding:0;
	list-style-type: none;
	display: inline;
	width: 613px;
	clear: both;
	margin-right: -12px;
	margin-bottom: 0;
	margin-left: -12px;
	position: relative;
}
/*End Track Modules*/

/*---Modal---*/

.modal {
	display:none;
	width:450px;
	background:transparent;
	text-align:left;
	z-index:10000 !important;
	margin-left:auto !important;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	overflow:hidden;
}
div.modal.w613 {
	width: 613px !important;
}
.modal-body {
	border-left: solid #e8e8eb 1px;
	border-right: solid #e8e8eb 1px;
	background:#ffffff;
	padding:10px 20px;
}
.modal-body h3 {
	color:#00447C;
	font-size:15px;
}
.modal-body h4 {
	color:#707176;
	font-size:15px;
}
.modal-body h5 {
	margin-top:6px;
	padding:2px 0 0 0;
	font-style:normal;
}
.modal-body ul.features {
	list-style:none;
	margin:0;
	padding:0;
	font-size:11px;
	color: #303236;
}
div.modal-body ul.features.highlight {
	list-style:disc!important;
	margin:0 14px 0 14px!important;
	padding:0 0 0 0!important;
	font-size:11px;
	color: #303236;
	line-height: 145%!important;
}
div.modal-body ul.features.highlight li {
	list-style-type:disc!important;
	display:list-item!important;
}
div.modal-body ul.features p {
	font-size:11px !important;
	color: #303236;
	line-height: 145%!important;
}
.modal-body a.close {
	position:absolute;
	top:20px;
	right:20px;
	width: 15px;
	height: 15px;
	background-image: url(../images/close-icon-73383d.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.modal-body p.show-features { clear:both; margin-top:10px}
.modal-body p.show-features span.back,
.modal-body p.show-features.active span.show { display:none;}
.modal-body p.show-features.active span.back,
.modal-body p.show-features span.show { display:inline;}

.modal-body p.show-features.active a.link-tooltip.up {
	background-image: url(../images/arrow-down-V-63AC3B.png) !important;
	background-position: right center;
	padding-right: 14px;
}
.modal-body div.more-features {
display:none}
.modal-body .support-box,
.modal-body .store-box { padding:0 0 1em 0;
}
.modal-body .col-left {
 width:183px; padding:0 20px 1em 0; border-right: solid #e8e8eb 1px;
	float:left;
}
.modal-body .col-right { 
 width:184px;border-left: solid #e8e8eb 1px; padding:0 0 1em 20px;
  margin-left: -1px;
	float:left;
}
.modal-body .col-right.clean,
.modal-body .col-left.clean {
border: none 0px;
width:184px;
}
.modal-body div.hr {margin-bottom:16px; margin-top:8px}
.device-thm {
	cursor: pointer;
}
#exposeMask {
	overflow:hidden;
}
#exposeMask IFRAME {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:100%;/*must have for any big value*/
	height:20000px/*must have for any big value*/;
}
/*----------Scroll Hero---------*/
#content #scroll {
	position:relative;
	overflow:hidden;
	width:611px;
	padding:0 0 0 0;
	height:360px;
	border: solid #e8e8eb 1px;
	border-bottom: none;
	border-top: none;
}

#content #scroll #tools {
	width:9999em;
	position:absolute;
	height:300px;
	padding-top: 24px;
}

#content #scroll .tool {
	float:left;
	width:583px;
	height:300px;
	text-align:left;
	padding-right:30px !important;
	cursor:pointer;
}
#content #scroll .tool .image {
	float:left;
	width:220px;
	height:300px;
	text-align:center;
	padding: 0 20px;
}
#content #scroll .tool h2 {
	margin-top: 100px;
	font-size:18px;
	line-height:21px;
	padding-bottom: 6px;
}
#content #scroll .tool h2 a {
	font-family: Arial, Helvetica, sans-serif;
	color:#303236;
}
 #scroll.tool .images {text-align:left;}

#content #scroll .details {
	background-color:transparent;
}
#content #scroll .details p {
	font-size:14px;
	color: #707176;
}
#content #scroll .details a.link-next {
background-position:right 60%;
}


#content #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(../images/arrow-down-E77300.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#content #scroll .navi {
	text-align: left;
	position: absolute;
	margin: 0 1px;
	display: block;
	white-space: nowrap;
	width: auto;
	z-index: 100;
	left: auto;
	top: auto;
}

#content #scroll #tools .tool.tab-div {
	display:none !important;
}
#content #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;
}

/*-----Products style-------*/

td.device-thm span.device-name,
td.device-thm span.device-install,
td.device-thm span.device-users-guide,
td.device-thm span.device-store {display:none}
td.device-thm img {margin-bottom:6px;}
td.device-thm {line-height:16px;}
td.device-thm span.device-product a {
	font-size:11px;
	line-height:14px;
	margin:3px -3px 3px -3px;
	display:block;
}