@charset "utf-8";

/* CSS Document */



html, body {

	margin: 0;

	padding: 0;

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

	font-size: 16px;

	color: #333333;

	text-align: left;

}

#outter {

	margin: 0;

	padding: 0;

	background: #ffffff;

}

.img {

	border: 0;

	border: none;

}

#inner {

	position: static;

	width: 1220px;

	margin: 0 auto;

	padding: 0;

	background: #ffffff;

}





/* CAROUSEL */

#carousel {

	width: 1220px;

	height: 540px;

	margin: 0 auto;

	padding-top: 4px;

	z-index: 998;

}

#ui-carousel-next, #ui-carousel-prev {

	width: 50px;

	height: 400px;

	background: url('http://www.telenav.com/scoutme/web/product/iphone/images/april2014/carousel_arrow_blue_left.png') center bottom no-repeat;

	display: block;

	position: absolute;

	top: 100px;

	z-index: 100011;

	opacity: 1.0;

	filter: alpha(opacity=1.0); /* For IE8 and earlier */

}

#ui-carousel-next {

	right: 15px;

	background-image: url('http://www.telenav.com/scoutme/web/product/iphone/images/april2014/carousel_arrow_blue_right.png');

}

#ui-carousel-prev {

	left: 15px;

}

#ui-carousel-next > span, #ui-carousel-prev > span {

	display: none;

}

.ui-carousel {

	/*height: 100px;*/

	margin: 0;

	overflow: auto;

	padding: 0;

	position: relative; /*for ie7 to work e.g in html carousels*//*width: 300px*/

}

.ui-carousel > .wrapper {

	margin: 0;

	padding: 0;

	width: 9999px;

}

.ui-carousel > .wrapper > * {

	border: 0;

	display: block;

	float: left;

	/*height: 100px;*/

	overflow: hidden;/*width: 100px;*/

}

.slide {

	width: 1220px;

	height: 540px;

	margin: 0;

	position: relative;

}

.slide h1 {

	font-family: Helvetica, sans-serif;

	-webkit-font-smoothing: subpixel-antialiased;

	color: #ffffff;

	font-weight: normal;

	font-size: 40px;

	text-transform: uppercase;

	line-height: 40px;

	padding-bottom: 7px;

	margin: 0px;

}

.slide p {

	font-family: Helvetica, sans-serif;

	color: #ffffff;

	font-size: 14px;

 text-transform:;

	font-weight: normal;

}

.text {

	position: absolute;

	display: block;

	left: 0px;

	top: 40px;

	padding-left: 30px;

	padding-right: 5px;

	padding-bottom: 20px;

}

#pages {

	width: 300px;

	height: 50px;

	margin: 0px auto;

	padding: 0px 0px 20px 30px;

	display: block;

	position: absolute;

	z-index: 1000000003;

	top: 400px;

	left: 400px;

}

#carousel_socialmini {

	font-family: "TradeGothicW02-BoldCn20 675505", "Arial", sans-serif;

	color: #000000;

	right: 25px;

	padding: 70px 0 0 0;

	position: absolute;

	z-index: 20000000;

}



#w {



	font-family: "TradeGothicW02-BoldCn20 675505", "Arial", sans-serif;



	display: block;



	width: 100%;



	margin: 0 auto;



	margin-top: 0;

	

	height:44px;



	position: absolute;



	z-index: 20000000000000000;

	

}





#ddmenu {



	font-family: "TradeGothicW02-BoldCn20 675505", "Arial", sans-serif;



	display: block;



	width: 100%;



	height: 44px;



	margin: 0 auto;



	background: url('http://www.telenav.com/scoutme/web/product/iphone/images/april2014/scoutme_header_bg_trans_dgrey.png');



	cursor: pointer;



	outline: none;



	font-weight: normal;



	color: #8aa8bd;



	border: 0;



	vertical-align: baseline;



	outline: none;



	-webkit-font-smoothing: antialiased;



	-webkit-text-size-adjust: 100%;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;	



}



.header_sclogo {

	float: left;

	background: url('http://www.telenav.com/scoutme/web/product/iphone/images/april2014/logo_scout_horiz_86_31.png') no-repeat;

	background-position: 20px 6px;

	width: 120px;

	height: 38px;

}



#ddmenu li.top {



	display: block;



	position: relative;



	padding: 0 22px;



	float: right;



	font-size: 16px;



}



#ddmenu li {



	display: block;



	position: relative;



	float: left;



	font-size: 16px;



}



#ddmenu li a {



	display: block;



	float: left;



	padding: 12px 0 0 0;



	line-height: 22px;



	text-decoration: none;



	color: #ffffff;

	

	-webkit-font-smoothing: antialiased;



	-webkit-text-size-adjust: 100%;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



}



#ddmenu li:hover > a {



	color: #fac031;



}



#ddmenu li:hover > a.inact {



	color: #ffffff;



}



#ddmenu ul {



	position: absolute;



	top: 44px;



	background: url('http://www.telenav.com/scoutme/web/product/iphone/images/april2014/scoutme_header_bg_trans_dgrey.png');



	display: none;



	margin: 0;



	padding: 0;



	list-style: none;

	

	-webkit-font-smoothing: antialiased;



	-webkit-text-size-adjust: 100%;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



}



#ddmenu ul li {



	display: block;



	width: 100%;



	font-size: 16px;



	font-weight: 100;

	

	-webkit-font-smoothing: antialiased;



	-webkit-text-size-adjust: 100%;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



}



#ddmenu ul li a {



	display: block;



	width: 100%;



	padding: 12px 22px;



	border-top: 1px solid #16171b;



}



#ddmenu ul li ul li.last {



	display: block;



	width: 100%;



	padding: 12px 44px;



	border-top: 1px solid #16171b;



	border-bottom: 1px solid #16171b;



}



#ddmenu ul li a:hover {



	background: url('http://www.telenav.com/scoutme/web/product/home/images/may2014/topnav_hover_bg.png') repeat;



	width: 100%;



}





#footer_grey {

	background: #f5f5f5;

	padding: 5px 40px 10px 40px;

	border-top: 1px solid #ffffff;

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

display:block;

height:20px;

	

}

a.footergrey_links {

	color: #999999;

	text-decoration: none;

	font-size: 12px;

	float: left;

	padding-right: 20px;

}

a.footergrey_links:hover {

	text-decoration: underline;

}

.footer_left {

float:left;

margin:5px 0px;

}

.footer_right {

float:right;

margin: 5px 0px;

}

.f_copyright {

	color: #cccccc;

	font-size: 12px;

}