/* @override 
	http://wwwdev.garmin.com/c/project/0911-ApproachLandingPage/LandingPageWhite.css
*/


/* @group Shared */




.tab-content ul li a:hover, .tab-content ul li a:focus, .tab-content ul li a:active {
	*cursor: pointer;
	*background: url('/m/g/0911-ApproachLandingPage/TabsB.jpg') repeat-x center center;
	*display: block;
	*text-decoration: none;
	color: #fff;
}

.breadcrumb {
	padding-bottom: 5px;
	margin-bottom: 20px;
	color: #969798;
	margin-top: 15px;
}

.nuvi-land, .nuvi-land a {
	color: #4a4a4a;
}

.nuvi-land a:active, .nuvi-land a:link, .nuvi-land a:visited {
	text-decoration: none;
}

.nuvi-land a:hover {
	text-decoration: none;
	color: #0074D4;
}


h2.scrollHeader {
	padding-top: 31px;
	margin-top: 0;
	line-height: 24px;
	font-size: 23px;
	margin: 0;
	padding-bottom: 9px;
}



.nuvi-land .tab-content {
	border-top: 1px solid #7f7f7f;
	border-bottom: 2px solid #FFF;
	background: url('/m/g/0911-ApproachLandingPage/TabsA.jpg') repeat-x center center;
	padding: 0;
	width: 100%;
	list-style: none;
	height: 36px;
	font-size: 11px;
	display:block;
}

.nuvi-land img.nuvi-main {
	display: block;
	margin: 0;
	padding: 0;
}

.tab-content:after {
	/

* clearing without presentational markup, IE gets extra treatment */
display: block;
	clear: both;
	content: " ";
}

.tab-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 35px;
}

.tab-content ul li {
	width: auto;
	color: #eaeaea;
	border-right: 1px solid #7f7f7f;
	float: left;
	font-size: 110%;
}

.tab-content ul li a span {
	display: block;
	padding: 9px 18px 8px;
	color: #eaeaea;
	font-weight: bold;
	margin: 0;
}

.tab-content ul li a:hover span, .tab-content ul li a:focus span, .tab-content ul li a:active span {
	cursor: pointer;
	background: url('/m/g/0911-ApproachLandingPage/TabsB.jpg') repeat-x center center;
	display: block;
	text-decoration: none;
	color: #f2f2f2;
	font-weight: bold;
}

.tab-content ul li a:hover, .tab-content ul li a:focus, .tab-content ul li a:active {
	text-decoration: none;
}

.nuvi-land img {
	border: 0;
	padding: 0;
}

.red {
	border: 1px solid #C00;
}

.content-mid {
	background: url('/m/g/0909-MarketPages/nuvi-mid-bg.gif') repeat-x;
	width: 100%;
	position:relative;
}
.content-mid ul {
list-style:none;
padding:0;margin:0;
}
.content-mid ul li {
padding:0;
margin:0;
width:290px;
}
.content-mid .item {
	font-size: 115%;
	width: 311px;
	float: left;
	height: 260px;
	margin-top: 0;
}

.content-mid .item h2 {
	margin-top: 15px;
}

.content-mid .item span {
	padding-right: 15px;
}

.content-mid .item img {
	float: left;
	margin-right: 20px;
	margin-left: 15px;
	height: 266px;
}

.contentBottom {
	
	padding-top: 35px;
	background: url(../../../m/g/0911-ApproachLandingPage/Content-BG.jpg) repeat-x;
}

.contentBottom a {
	color: #0074D4;
}

.contentBottom h2 {
	padding-bottom: 15px;
}

.supportLinks li {
	list-style-position: outside;
	list-style-type: none;
	line-height: 180%;
}

.supportLinks li:hover{
	list-style-image: url(../../../m/g/0909-MarketPages/icons/bullet_go.jpg);
	list-style-position: outside;
}



.nuvi-land .span-24.column.market.last {
	height: 375px;
}

.sliderGallery {
	background: url(../../../m/g/0909-MarketPages/nuvi-slider-bg.gif) no-repeat;
	overflow: hidden;
	position: relative;
	height: 266px;
	width: 950px;
	line-height: 22px;
}

.sliderGallery UL {
	position: absolute;
	list-style: none;
	overflow: none;
	padding: 0;
	margin: 0;
	height: 84px;
}

.sliderGallery UL LI {
	display: inline-block;
	*float: left;
}

.sliderGallery li img {
	vertical-align: text-top;
}

.slider {
	width: 950px;
	height: 23px;
	position: relative;
	background: url(/m/g/0911-ApproachLandingPage/nuvi-slider-bar-bg.gif) no-repeat;
}



.handle {
	position: absolute;
	cursor: col-resize;
	height: 23px;
	width: 360px;
	top: 0;
	padding-left: 25px;
	padding-top: 1px;
	z-index: 100;
}

.handle img {
	border: none;
}

h3 {
	margin: 0;
	padding: 0;
}

/* banner specific CSS */

.feature div {
	height: 320px;
	width: 950px;
}

#FormName, #FormEmail{
	height: 25px;
	color: #7f7f7f;
	margin-top: 3px;
	border: 1px dotted #ccc;
	font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.slideshow{
	background-color: #000;
	margin: 0;
	padding: 0;
	height: 320px;
	overflow: hidden;
}


.slideshow img{
	margin: 0;
	padding: 0;

}





/* @end */


/* @group Content */

.alignLeft{
	float: left;
	padding-right: 15px;
}

.alignRight{
	float: right;
	padding-left: 15px;
}

body {
	font: 13px/145% Arial, Helvetica, sans-serif;
}



p {
	font-size: 13px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

a{
	color: #216588;
}

a:hover{
	color: #3bbdff;	
}

h1 {
	padding-top: 25px;
	font: bold 1.5em/110% Arial, Helvetica, Geneva, sans-serif;
}



.copyLeft {
	border-right: 1px solid #d7d7d7;
}


.button-left {
width:40px;
height:23px;
position:absolute;
z-index:500;
bottom:0;
left:0;
cursor:pointer;
}
.button-right {
width:40px;
height:23px;
position:absolute;
z-index:500;
bottom:0;
right:0;
cursor:pointer;
}
/* @end */
/* general styles, can be ignored */

.slideShow ul, .slideShow li {
list-style-type: none;
margin: 0px;
padding: 0px;
}

/* slideshow styles */

.slideShow ul.slides {
position:relative;
}
.callbackSlideShow {position:relative;height:320px;}
ul.navigation {position:absolute;left:20px;top:295px;}
.slideShow .navigation a {
position: relative;
display: block;
height: 20px;
text-decoration: none;
color: transparent;
background:#333;
font-size: 0px;
line-height:1px;
height:10px;
}
.slideShow .selected {background-color: #929292;
color: transparent;}

ul.navigation {position:absolute;left:25px;bottom:20px;}
.slideShow .navigation a:hover {
color: transparent;
border: 1px solid #111;
}
.slideShow ul.navigation li {
float: left;
display:inline-block;
margin: 0;
width: 10px;
height:10px;
margin-right:7px;
}

.slideShow .navigation a:hover, .slideShow .navigation a.selected {
background-color: #929292;
color: transparent;
}

/* @end */		

/* @promo-box styles (above the banner images) */
a#promo-box {
		padding: 0; margin: 0;
		display: block;
		text-decoration: none;
		color: #FFF;
		padding: 6px 0 6px 15px;
		cursor: pointer;

		border-top: 1px solid #ff9d00;
		border-bottom: 1px solid #251a0d;
			
		background-color: #ff9d00;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9d00), to(#985e00)); 
		background-image: -webkit-linear-gradient(top, #ff9d00, #985e00); 
		background-image:    -moz-linear-gradient(top, #ff9d00, #985e00); 
		background-image:     -ms-linear-gradient(top, #ff9d00, #985e00); 
		background-image:      -o-linear-gradient(top, #ff9d00, #985e00); 
		background-image:         linear-gradient(top, #ff9d00, #985e00);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff9d00', EndColorStr='#985e00'); 
	}
	
	a#promo-box:hover {
		background-color: #ffb133;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9d00), to(#be7600)); 
		background-image: -webkit-linear-gradient(top, #ff9d00, #be7600); 
		background-image:    -moz-linear-gradient(top, #ff9d00, #be7600); 
		background-image:     -ms-linear-gradient(top, #ff9d00, #be7600); 
		background-image:      -o-linear-gradient(top, #ff9d00, #be7600); 
		background-image:         linear-gradient(top, #ff9d00, #be7600);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff9d00', EndColorStr='#be7600'); 
	}
/* @end */