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



/* Navigation */

#nav {
	float: left;
	height: 34px;
	width: 950px;
}

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

#nav li 
{
	margin: 0; 
	padding: 0 0 0 0 ;	
	float: left;
	height: 34px;
}

#nav li a 
{
	float: left;
	height: 34px;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-family: 'PT Sans Caption', sans-serif;
	text-shadow: 0 0 4px #063d17;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 190px;
	background-image: url(http://static.garmincdn.com/shared/uk/custom/approach/nav-bkg.gif);
	background-repeat: no-repeat;
}

#nav li a:hover 
{
	background-position: 0 -34px;
	color: #8ac645;
}

#nav li.nav-approach-hover a
{
	background-position: 0 -34px;
	color: #8ac645;
}

#flash {
	float: left;
	height: 619px;
	width: 950px;
	margin: 0px;
	padding: 0px;
	clear: none;
}




/* INDIVIDUAL SLIDESHOW STYLE */


/* ------------- APPROACH SERIES ------------- */

.approach-series {
	text-decoration: none;
	float: left;
	list-style-type: none;
	width: 950px;
	height: 551px;
}

#series-product {
	float: left;
	height: 390px;
	width: 792px;
	margin-top: 0px;
	margin-left: 70px;
	background-image: url(http://static.garmin.com/shared/uk/custom/approach/_slideshow/approach-series.png);
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
}

#series-content {
	float: left;
	width: 350px;
	margin-left: 431px;
	margin-top: 45px;
	margin-right: 0px;
	margin-bottom: 0px;
}



/* ------------- S1W INTRO ------------- */

.approach-intro {
	text-decoration: none;
	float: left;
	list-style-type: none;
	width: 950px;
	height: 620px;
}

#s1w-product {
	float: left;
	height: 340px;
	width: 625px;
	margin-top: 0px;
	margin-left: 140px;
	background-image: url(http://static.garmincdn.com/shared/uk/custom/approach/_slideshow/s1w-intro.png);
	margin-right: 0px;
	margin-bottom: 0px;
}

#intro-content {
	float: left;
	width: 350px;
	margin-left: 260px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	float: left;
	margin-top: 45px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	width: 350px;
}

.approach-copy {
	font-size: 15px;
	line-height: 20px;
}


/* ------------- G6 ------------- */

.approach-g6 {
	text-decoration: none;
	float: left;
	list-style-type: none;
	width: 950px;
	height: 551px;
}

#g6-product {
	float: left;
	height: 470px;
	width: 662px;
	margin-top: 0px;
	margin-left: 140px;
	background-image: url(http://static.garmin.com/shared/uk/custom/approach/_slideshow/approach-g6-v2.png);
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
}

#g6-content {
	float: left;
	width: 350px;
	margin-left: 260px;
	margin-top: 38px;
	margin-right: 0px;
	margin-bottom: 0px;
}



/* ------------- G5 ------------- */

.approach-g5 {
	text-decoration: none;
	float: left;
	list-style-type: none;
	width: 950px;
	height: 551px;
	font-size: 18px;
}

#g5-product {
	float: left;
	height: 441px;
	width: 650px;
	margin-top: 0px;
	margin-left: 140px;
	background-image: url(http://static.garmin.com/shared/uk/custom/approach/_slideshow/g5-v2.png);
	margin-right: 0px;
	margin-bottom: 0px;
}

#g5-content {
	float: left;
	width: 360px;
	margin-left: 260px;
	margin-top: 38px;
	margin-right: 0px;
	margin-bottom: 0px;
}




/* ------------- G3 ------------- */

.approach-g3 {
	text-decoration: none;
	float: left;
	list-style-type: none;
	width: 950px;
	height: 551px;
}

#g3-product {
	float: left;
	height: 441px;
	width: 650px;
	margin-top: 0px;
	margin-left: 140px;
	background-image: url(http://static.garmin.com/shared/uk/custom/approach/_slideshow/g3-v2.png);
	margin-right: 0px;
	margin-bottom: 0px;
}

#g3-content {
	float: left;
	width: 340px;
	margin-left: 260px;
	margin-top: 38px;
	margin-right: 0px;
	margin-bottom: 0px;
}


/* ------------- S3 ------------- */

.approach-s3 {
	text-decoration: none;
	float: left;
	list-style-type: none;
	width: 950px;
	height: 551px;
}

#s3-product {
	float: left;
	height: 441px;
	width: 710px;
	margin-top: 0px;
	margin-left: 140px;
	background-image: url(http://static.garmin.com/shared/uk/custom/approach/_slideshow/s3-v2.png);
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
}

#s3-content {
	float: left;
	width: 330px;
	margin-left: 250px;
	margin-top: 38px;
	margin-right: 0px;
	margin-bottom: 0px;
}



/* ------------- S1 ------------- */

.approach-s1 {
	text-decoration: none;
	float: left;
	list-style-type: none;
	width: 950px;
	height: 551px;
}


#s1-product {
	float: left;
	height: 441px;
	width: 720px;
	margin-top: 0px;
	margin-left: 100px;
	background-image: url(http://static.garmin.com/shared/uk/custom/approach/_slideshow/s1-s1w-v2.png);
	margin-right: 0px;
	margin-bottom: 0px;
}

#s1-content {
	float: left;
	width: 330px;
	margin-left: 290px;
	margin-top: 38px;
	margin-right: 0px;
	margin-bottom: 0px;
}




#feature-list {
	float: left;
	width: 500px;
	font-size: 17px;
	margin-top: 10px;
}

.feature {
	list-style-type: disc;
	line-height: 25px;
}


#shop-btn {
	float: left;
	height: 32px;
	width: 96px;
	text-align: center;
	margin-right: 20px;
}


a.btn-action:link, a.btn-action:visited
{
	float: left;
	height: 27px;
	background-image: url(http://static.garmincdn.com/shared/uk/custom/approach/_slideshow/shop-now-btn.png);
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	width: 96px;
	padding-top: 5px;
	font-size: 14px;
} 

a.btn-action:hover 
{
	background-position: 0 -32px;
}




 #long-shop-btn {
	float: left;
	height: 32px;
	width: 177px;
	text-align: center;
	margin-right: 40px;
}


a.long-btn-action:link, a.long-btn-action:visited
{
	float: left;
	height: 27px;
	background-image: url(http://static.garmincdn.com/shared/uk/custom/approach/long-btn.png);
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	width: 177px;
	padding-top: 5px;
	font-size: 14px;
} 

a.long-btn-action:hover 
{
	background-position: 0 -32px;
}




#medium-shop-btn {
	float: left;
	height: 32px;
	width: 400px;
	text-align: center;
	margin-right: 40px;
	margin-bottom: 40px;
}


a.medium-btn-action:link, a.medium-btn-action:visited
{
	float: left;
	height: 27px;
	background-image: url(http://static.garmincdn.com/shared/uk/custom/approach/medium-btn.png);
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	width: 115px;
	padding-top: 5px;
	font-size: 14px;
} 

a.medium-btn-action:hover 
{
	background-position: 0 -32px;
}




/* ------------- PAGE SECTION ------------- */


#page-section {
	float: left;
	width: 950px;
	background-image: url(http://static.garmincdn.com/shared/uk/custom/approach/green-bkg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
}

#features-intro {
	float: left;
	width: 600px;
	margin-top: 20px;
	margin-left: 20px;
}

#features-copy {
	float: left;
	width: 430px;
	margin-left: 30px;
	margin-top: 35px;
}

#extras-copy {
	float: left;
	width: 430px;
	margin-left: 30px;
	margin-top: 40px;
}

.normal-copy {
	font-size: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	color: #000;
}

h2 {
	font-size: 18px;
	color: #5ea035;
	margin: 0px;
}

h3 {
	font-size: 16px;
	color: #5ea035;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-weight: bold;
}



#screenshot {
	float: left;
	width: 237px;
	margin-top: 30px;
	height: 250px;
}

#lrg-screenshot {
	float: left;
	width: 237px;
	margin-top: 30px;
	height: 270px;
}


#g5-screenshot {
	float: left;
	height: 215px;
	width: 131px;
	margin-left: 54px;
}

#g6-screenshot {
	float: left;
	height: 198px;
	width: 132px;
	margin-left: 54px;
	border: 2px solid #88C132;
}

#s1-screenshot-section {
	float: left;
	width: 237px;
	margin-top: 40px;
	height: 192px;
	margin-bottom: 50px;
}

#s1-screenshot {
	float: left;
	height: 135px;
	width: 137px;
	margin-left: 54px;
}

#screenshot-copy {
	float: left;
	width: 210px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

.screenshot-copy {
	font-size: 12px;
	margin: 0px;
	text-align: center;
	color: #000;
}


.normal-link {
	color: #5ea035;
	font-size: 13px;
	text-decoration: none;
}

.normal-link:hover {
	text-decoration: underline;
}



#social-media-icons {
	float: left;
	height: 48px;
	width: 300px;
}

#social-media-icons ul 
{
	margin: 0; 
	padding: 0; 
	list-style: none;
}

#social-media-icons li 
{
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	height: 48px;
}

#social-media-icons li a 
{
	float: left;
	text-indent: -9999px;
	height: 48px;
	margin: 0 0px;
}

#social-media-icons li.facebook a 
{
	width: 48px;
	background-image: url(http://static.garmincdn.com/shared/uk/custom/approach/facebook-icon.png);
	background-repeat: no-repeat;
}

#social-media-icons li.twitter a 
{
	width: 48px;
	background-image: url(http://static.garmincdn.com/shared/uk/custom/approach/twitter-icon.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	float: left;
}

#social-media-icons li.youtube a 
{
	width: 48px;
	background-image: url(http://static.garmincdn.com/shared/uk/custom/approach/youtube-icon.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#social-media-icons li a:hover 
{
	background-position: 0 -49px;
}


#footer {
	float: left;
	height: 160px;
	width: 950px;
	margin: 0px;
	padding: 0px;
}
