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

#flash-intro {
	height: 578px;
	width: 949px;
}


#etrex-10 {
	float: left;
	height: 100%;
	width: 317px;
}


#etrex-20 {
	float: left;
	height: 100%;
	width: 316px;
}


#etrex-30 {
	float: left;
	height: 100%;
	width: 315px;
}

#intro-copy {
	float: left;
	width: 949px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 10px;
	height: 75px;
	margin-bottom: 40px;
}

h1 {
	/* [disabled]font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; */
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
}

p {
}

.available {
	font-style: italic;
	color: #666;
	text-align: center;
}

.features {
	/* [disabled]font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; */
	text-align: center;
	font-size: 13px;
	line-height: 20px;
}

#etrex-10-copy {
	width: 317px;
	float: left;
	height: 220px;
}

#etrex-20-copy {
	width: 316px;
	float: left;
	height: 220px;
}

#etrex-30-copy {
	width: 315px;
	float: left;
	height: 220px;
}



/* SHOP BUTTON */

#shop_button {
	width: 113px;
	float: left;
	height: 27px;
	margin-left: 100px;
	margin-top: 10px;
}

a.shop_button_action:link, a.shop_button_action:visited
{
	display: block;
	float: left;
	background-image: url(http://static.garmin.com/shared/uk/custom/etrex/shop-now-btn.png);
	background-repeat: no-repeat;
	text-decoration: none;
	width: 113px;
	color: #000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	height: 21px;
	padding-top: 4px;
	background-position: 0px 0px;
} 

a.shop_button_action:hover 
{
	background-position: 0 -27px;
}


#os-logo {
	background-image: url(http://static.garmin.com/shared/uk/custom/etrex/os-logo.gif);
	height: 21px;
	width: 103px;
	margin-left: 105px;
	margin-top: 20px;
	margin-bottom: 17px;
}

#dotted-line {
	background-image: url(http://static.garmin.com/shared/uk/custom/etrex/dotted-line.gif);
	background-repeat: repeat-x;
	float: left;
	width: 949px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 1px;
}




/*	SLIDESHOW MAIN STYLE ---------------------------------------------------------------------------------------------------------  */


#main {
	width:950px;
	height:394px;
	position:absolute;
	background-image: url(http://static.garmin.com/shared/uk/custom/etrex/slideshow-background.jpg);
	background-repeat: no-repeat;
}

#slider-main {
	float: left;
	width: 950px;
	height: 400px;
}

#slides {
	position:absolute;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container {
	width:909px;
	height:100%;
	overflow:hidden;
	position:relative;
	display:inline;
	margin-left: 20px;
	margin-right: -10px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slide {
	width:935px;
	height:390px;
	display:block;
	padding-right: 5px;
	padding-left: 5px;
}

/*	NEXT / PREV BUTTONS */

#slides .next,#slides .prev {
	position:absolute;
	top:115px;
	left:-50px;
	width:45px;
	height:63px;
	display:block;
	z-index:101;
}

#slides .next {
	left:950px;
}

/*	PAGINATION  */

.pagination {
	width:135px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.pagination li {
	float:left;
	list-style:none;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 0px;
}

.pagination li a {
	display:block;
	width:17px;
	height:0;
	padding-top:17px;
	background-image:url(http://static.garmin.com/shared/uk/custom/etrex/slideshow-btns.png);
	background-position:1px 0;
	float:left;
	overflow:hidden;
	background-repeat: no-repeat;
}

.pagination li.current a {
	background-position:1px -18px;
}


/*	---------------------------------------------------------------------------------------------------------  */


/* STYLE WITHIN SLIDER */

#slider-block {
	float: left;
	width: 415px;
	margin-top: 35px;
	margin-left: 25px;
	height: 300px;
}

#heading {
	float: left;
	width: 415px;
	height: 50px;
	margin-bottom: 40px;
}

.main-copy {
	/* [disabled]font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; */
	font-size: 14px;
	line-height: 20px;
}

.slider-link {
	color: #127330;
	border-bottom: 1px dotted;
	font-size: 14px;
	text-decoration: none;
	line-height: 20px;
	font-weight: bold;
}

.slider-link:hover {
	border-bottom: 1px dotted;
	color: #3E9F3E;
}

#os-logo-slideshow {
	background-image: url(http://static.garmin.com/shared/uk/custom/etrex/os-logo-large.gif);
	float: left;
	width: 450px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	height: 30px;
}



/* SHOP BUTTON */

#learn_button {
	width: 113px;
	float: left;
	height: 27px;
	margin-top: 10px;
}

a.learn_button_action:link, a.learn_button_action:visited
{
	display: block;
	float: left;
	background-image: url(http://static.garmin.com/shared/uk/custom/etrex/shop-now-btn.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	width: 113px;
	color: #000;
	/* [disabled]font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; */
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	height: 21px;
	padding-top: 6px;
	background-position: 0px 0px;
} 

a.learn_button_action:hover 
{
	background-position: 0 -27px;
}



#os-screens {
	float: left;
	width: 400px;
	margin-top: 50px;
	margin-left: 20px;
	height: 300px;
}
.os-screen-copy {
	/* [disabled]font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; */
	font-size: 14px;
	text-align: center;
	margin-top: 250px;
	font-weight: bold;
}

#screen-1 {
	width: 190px;
	float: left;
	background-image: url(http://static.garmin.com/shared/uk/custom/etrex/etrex-20-sm.png);
	background-repeat: no-repeat;
	background-position: 28px 0px;
	height: 300px;
	margin-right: 10px;
}

#screen-2 {
	width: 200px;
	float: left;
	background-image: url(http://static.garmin.com/shared/uk/custom/etrex/etrex-30-sm.png);
	background-repeat: no-repeat;
	background-position: 28px 0px;
	height: 300px;
}

#screenshot {
	float: left;
	height: 323px;
	width: 415px;
	margin-top: 23px;
	margin-left: 30px;
}






/* ----------- NEWSLETTER ------------ */


#email-section {
	background-image: url(http://static.garmin.com/shared/uk/custom/etrex/newsletter-background.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 150px;
	width: 582px;
	margin-left: 20px;
}


#email-heading {
	float: left;
	width: 205px;
	margin-left: 30px;
	margin-top: 20px;
	height: 100px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.email {
	/* [disabled]font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; */
	font-size: 12px;
	float: left;
	width: 200px;
}



/* SIGN-UP FORM */

#sign_up_form {
	background-repeat: no-repeat;
	float: left;
	margin-left: 50px;
	width: 200px;
	height: 130px;
}

/* FORM ELEMENTS */

#newsletter
{
	float:left;
	width:250px;
}

input
{
	width: 189px;
	height: 25px;
	font-size:11px;
	color:#333;
	border:0;
	padding-left:15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	margin: 0;
}

.input-name
{
	width: 250px;
	padding-left: 10px;
	margin-top: 12px;
	border: 1px dotted #BFAF70;
	float: left;
	height: 27px;
	background-color: #FFF;
}                           

.input-email
{
	width: 250px;
	padding-left: 10px;
	margin-top: 12px;
	border: 1px dotted #BFAF70;
	float: left;
	height: 27px;
	background-color: #FFF;
}

#submit
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 113px;
	height: 26px;
}

form
{
	float:left;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}

.form
{
	display: block;
	text-align: left;
	text-decoration: none;
	float:left;
	color:#FFF;
	font-weight:bold;
	background-image: url(http://static.garmin.com/shared/uk/custom/etrex/shop-now-btn.png);
	width: 73px;
	height: 36px;
	margin-top: 10px;
	display: block;
	float: left;
	background-repeat: no-repeat;
	text-decoration: none;
	width: 113px;
	color: #000;
	/* [disabled]font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; */
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	height: 26px;
	background-position: 0px 0px;
	cursor: hand;
	cursor: pointer;
	background-color:transparent;
} 

.form:hover 
{
	background-position: 0 -27px;
}

.form_copy
{
	font-size: 12px;
	color: #000;
	float: left;
	margin-left: 0px;
	margin-top: 5px;
	/* [disabled]font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; */
}


a.small_link:link, a.small_link:visited
{
	color: #000;
	text-decoration: underline;
	font-size: 9px;
	float: right;
	margin-top: 15px;
	/* [disabled]font-family: Verdana, Geneva, sans-serif; */
	width: 100px;
} 




/* ----------- FACEBOOK ------------ */


#facebook {
	background-image: url(http://static.garmin.com/shared/uk/custom/etrex/facebook-background.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 149px;
	width: 297px;
	margin-left: 30px;
}

#facebook_button {
	width: 48px;
	float: left;
	height: 48px;
	margin-top: 20px;
	margin-left: 30px;
}

a.facebook_button_action:link, a.facebook_button_action:visited
{
	display: block;
	float: left;
	background-image: url(http://static.garmin.com/shared/uk/custom/etrex/facebook-icon.png);
	background-repeat: no-repeat;
	width: 48px;
	text-align: center;
	height: 48px;
	background-position: 0px 0px;
	text-indent: -9999px;
} 

a.facebook_button_action:hover 
{
	background-position: 0 -49px;
}

#facebook-heading {
	float: left;
	margin-left: 30px;
	width: 247px;
	height: 19px;
	background-position: 0px -48px;
	margin-top: 20px;
}

.facebook {
	float: left;
	width: 160px;
	font-size: 12px;
	color: #000;
	margin-left: 20px;
	/* [disabled]font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; */
	margin-top: 20px;
}





/* ----------- SIGN UP THANKYOU PAGE ------------ */

#signup-main {
	background-image: url(http://static.garmin.com/shared/uk/custom/etrex/signup-bkg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 900px;
	width: 950px;
}

#sign-up {
	float: left;
	margin-top: 215px;
	margin-left: 25px;
	width: 450px;
	height: 48px;
}


#social_media_buttons {
	float: left;
	height: 37px;
	width: 200px;
}



#facebook_signup_button {
	width: 35px;
	float: left;
	height: 35px;
}

a.fb_button_action:link, a.fb_button_action:visited
{
	display: block;
	float: left;
	background-image: url(http://static.garmin.com/shared/uk/custom/etrex/fb-signup.png);
	background-repeat: no-repeat;
	width: 35px;
	text-align: center;
	height: 35px;
	background-position: 0px 0px;
	text-indent: -9999px;
} 

a.fb_button_action:hover 
{
	background-position: 0 -36px;
}



#youtube_button {
	width: 35px;
	float: left;
	height: 35px;
	margin-left: 10px;
}

a.youtube_button_action:link, a.youtube_button_action:visited
{
	display: block;
	float: left;
	background-image: url(http://static.garmin.com/shared/uk/custom/etrex/yt-signup.png);
	background-repeat: no-repeat;
	width: 35px;
	text-align: center;
	height: 35px;
	background-position: 0px 0px;
	text-indent: -9999px;
} 

a.youtube_button_action:hover 
{
	background-position: 0 -37px;
}



#twitter_button {
	width: 35px;
	float: left;
	height: 35px;
	margin-left: 10px;
}

a.twitter_button_action:link, a.twitter_button_action:visited
{
	display: block;
	float: left;
	background-image: url(http://static.garmin.com/shared/uk/custom/etrex/t-signup.png);
	background-repeat: no-repeat;
	width: 35px;
	text-align: center;
	height: 35px;
	background-position: 0px 0px;
	text-indent: -9999px;
} 

a.twitter_button_action:hover 
{
	background-position: 0 -36px;
}



#return-button {
	width: 113px;
	float: left;
	height: 25px;
	margin-top: 7px;
	margin-left: 10px;
}

a.back:link, a.back:visited
{
	display: block;
	float: left;
	background-image: url(http://static.garmin.com/shared/uk/custom/etrex/shop-now-btn.png);
	background-repeat: no-repeat;
	width: 113px;
	text-align: center;
	height: 20px;
	background-position: 0px 0px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	padding-top: 6px;
	color: #000;
} 

a.back:hover 
{
	background-position: 0 -26px;
}