/* -------------------------------------------------------------- 
  
  STYLE CSS
   * Filename:        style.css
   * Version:         2008-10-08 YYYY-MM-DD
  
	Modified:
    * d.olufson (2007-11-28)
    * k.johnston (2008-5-22) - added search styles
    * k.johnston (Oct 2008) - added LMU styles
    
-------------------------------------------------------------- */

body { margin:0; padding:0; border:none; background:#FFF none; color: #272B2F; }
#wrapper { background:#FFF url('/css/images/body_bg2.gif') top left repeat-x; }
pre,.pre { font-family:"Courier New",courier,monospace; }
.grey { background-color:#CCC; }
.box { padding:14px; }
.ltgrey { background-color:#EEE; }
a:focus { outline:none !important; }
/* Side Navigation
--------------------------------------------------*/
.side { padding:0; margin:0; }
.side dl { padding:0 0 25px 0; margin:0; text-align:left; }
.side dt { padding:4px 4px 4px 8px; margin:0; background-color:#F0F0ED; border-top:1px solid #E6E6E4; font-weight:700; font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; }
.side dd { padding:0; margin:0; }
.side a { padding:5px 0 5px 14px; margin:0; color:#272B2F; display:block; border-bottom:1px dotted #E6E6E4; background-color:#F9F9F8; text-decoration:none; }
.side a:hover { background-color:#F0F0ED;}
.side p { padding:0; margin:0; line-height:140%; }
/* Search
--------------------------------------------------*/
#sitesearch { position:relative; top:-3px; }
.homecoselect { position:relative; top:-2px; }
#sitesearch form { margin:0; padding:0; line-height:1em; }
#sitesearch input#searchbox { margin:0; padding:4px; width:102px; background:#F0F0ED; border:1px solid #CCC; color:#464D54; }
input.searchbutton { padding:3px; border:none; background:default; border:1px solid #CCC; background:#F0F0ED; color:#464D54; }
input.searchbutton:hover, input#searchbox:hover { background:#A0BA36; border-color:#7F9E1A; }
/* Blog Containers
--------------------------------------------------*/
.sideFeed { padding:0; margin:0; }
.sideFeed a { text-decoration:underline; list-style:none; }
.sideFeed a:hover { text-decoration:none; }
.sideFeed ul { padding:0; margin:0; display:block; background-color:#F9F9F8; }
.sideFeed li { padding:10px; margin:0; display:block; border-bottom:1px dotted #E6E6E4; background-color:#F9F9F8; list-style:none; }
.sideFeed p { padding:0; margin:0; line-height:140%; font-size:11px; }
.sideFeed a img { border:0; }
/* Side Features
--------------------------------------------------*/
.sideFeature { padding:0; margin:0; }
.sideFeature dl { padding:0; margin:0 0 25px 0; display:block; background-color:#F9F9F8; }
.sideFeature dt { padding:4px 4px 4px 8px; margin:0; background-color:#F0F0ED; border-top:1px solid #E6E6E4; font-weight:700; font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; }
.sideFeature dd { padding:10px 10px 10px 14px; margin:0; display:block; border-bottom:1px dotted #E6E6E4; background-color:#F9F9F8; list-style:none; }
.sideFeature a { text-decoration:underline; list-style:none; }
.sideFeature a:hover { text-decoration:none; }
/* =Side Container Styles 
--------------------------------------------------*/
.sideNav { padding:0; margin:0; }
.sideNav li { list-style:none; padding:0; margin:0 0 8px 0; background-color: #ECECEC;
border-top: 1px solid #C1C1C1; font-size: 14px; font-weight: 700; border: 1px solid #C1C1C1; font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;}
.sideNav li a {display:block; text-decoration:none; color:#A1A1A1; padding: 4px 0 4px 4px;}
.sideNav li a:hover { background-color:#6A6965; color:#E1E1E0;} 
.sideLatest { padding:0; margin:15px 0 0 0; list-style-type:circle; list-style-position:inside; font-size:11px;}
.sideLatest li { padding:5px 0 10px 0; margin:0; }
.sideLatest li a {text-decoration:none;}
.sideLatest li a:hover {text-decoration:underline;}
.sideLatest h5 {}
/* =Footer
--------------------------------------------------*/
.footer { margin:3em 0; color:#999; font-size:.9em; text-align:left; border-top:1px solid #D4D4D4; padding-top:.75em; }
.footer a { color:#999; text-decoration:none; }
.footer a:hover { text-decoration:underline; }
/* =Form Styles
--------------------------------------------------*/
select { padding:4px 2px; width:186px; margin-bottom:.75em; font-weight:normal; }
select option { font-weight:normal; }
.autoWidth { width:auto; }
/* Alternating Tables
--------------------------------------------------*/
#playlist { border: 0px; width:100%; padding-top:15px; }
#playlist tbody tr td { width:35%; color: #485056; padding: 3px 8px; border-left: 1px solid #D9D9D9; }
#playlist .odd td { color: #485056; padding: 3px 8px; border-left: 1px solid #D9D9D9; background-color:#edf3fe; }
#playlist .title td { color: #485056; padding: 5px 8px 3px 8px; border-left: 1px solid #D9D9D9; background-color:#CCDDFC; }
/* Feedburner
--------------------------------------------------*/
.feedburnerFeedBlock li { list-style: none; margin:0 0 30px 0; }
.feedburnerFeedBlock ul { list-style: none; margin-left:0; }
.feedburnerFeedBlock img { background-color:#FFFFFF; padding: 0; margin:0 10px 0 0; border-width:none; border-style:none; border-color:none; }
.fbsubscribelink {border-top:1px dotted #CCC;}
.fbsubscribelink a { padding:20px 10px 0 0; margin:0; display:block; text-decoration:none; }
#creditfooter { padding:0; margin:0; list-style:none; clear:both; }
/* Misc
--------------------------------------------------*/
.left {float:left;}
.right {float:right;}
.nofloat {float:none;}
.text-right { text-align:right; }
.heading { font-weight:bold; }
.ruleB { border-bottom:1px dotted #CCC; margin-bottom:20px; }
.ruleR { border-right:1px dotted #CCC; }
.ruleL { border-left:1px dotted #CCC; }
.ruleT { border-top:1px dotted #CCC; padding-top:1em; }
.breadcrumb { padding-bottom:5px; margin-bottom:20px; color:#969798;}
.checkin { clear:both; padding:10px 10px 10px 0; margin:0 0 20px 0; color:#969798; background-image: url('/images/bk-topnav.jpg'); text-align:right; width:auto;}
.checkinleft { clear:both; padding:10px; margin:0 0 20px 0; color:#969798; background-image: url('/images/bk-topnav.jpg'); text-align:left; width:auto; color:#222; }
.button { background-color:#F0F0ED; color:#969798; border-width:1px; border-color:#E6E6E4;margin-right:10px;}
p img.right {float:right;margin:0 0 1.5em 1.5em;}
.tabImage { float:right; margin:0; padding:4px; border:1px solid #e6e6e4; background-color: #f9f9f8;}
.tableTop { background-color:#F9F9F8; font-weight:700;}
.tableTop td {font-weight:700;}
.small {font-size:11px;}
.marginB {margin-bottom:1.5em;}
.marginT {margin-top:1.5em;}
.list li {margin-bottom:8px;}
.list {padding-right:25px; list-style-position:inside;}
h2.utd { padding-left:58px; float:left; background:transparent url('../images/accepted_48.png') top left no-repeat; height:48px;}

/*------------------------------------------------
	=nuMaps Lifetime
--------------------------------------------------
--------------------------------------------------*/
.box-8c,.stub8c { padding:15px; width:280px; height:170px; background:#FFF url('../m/g/box-8c.jpg') top left no-repeat; }
	.box-8c input.text, .stub8c input.text { width:220px; padding:5px; }
.box-10c { padding:15px; width:360px; height:170px; background:#FFF url('../m/g/box-10c.jpg') top left no-repeat; }
	.box-10c input.text { width:220px; padding:5px; }

/* Icons
--------------------------------------------------*/
a.shop, a.download, a.details, a.help,p.tick,p.newspaper,p.arrowr,p.email,a.icon,p.icon,a.page { padding-bottom:2px; padding-left:20px; background-color:transparent; background-color:top left; background-repeat:no-repeat; }
.ic-lock_open { background-image:url('../images/ic-lock_open.gif'); }
.ic-key { background-image:url('../m/g/ic-key.gif'); }
.ic-add { background-image:url('../m/g/ic-add.gif'); }
a.shop { background-image:url('../m/g/ic-cart.gif'); }
a.download {width:100%; min-height:0; position: relative; zoom:1; margin-left:-20px; background-image:url('../m/g/ic-arrow_down.gif');}
a.details { background-image:url('../m/g/ic-magnifier.gif'); }
a.help { background-image:url('../m/g/ic-help.gif'); }
p.tick { background-image:url('../m/g/ic-tick.gif'); }
p.arrowr { background-image:url('../m/g/ic-arrow_right.gif'); }
p.email { background-image:url('../m/g/ic-email.gif'); }
a.page { background-image:url('../m/g/ic-page.gif'); }
p.newspaper { background-image:url('../m/g/ic-newspaper.gif'); }
h2.news { padding-left:58px; background:transparent url('../m/g/ic-newspaper_48.gif') top left no-repeat; }
h2.tick { padding-left:58px; background:transparent url('../m/g/ic-accepted_48.gif') top left no-repeat; height:48px; }
h2.yellow { padding-left:58px; background:transparent url('../m/g/ic-circle_yellow.gif') top left no-repeat; height:48px; }
h2.download { padding-left:58px; background:transparent url('../m/g/ic-box_download_48.gif') top left no-repeat; height:48px; }
.news { padding-left:58px; background:transparent url('../m/g/ic-newspaper_48.gif') top left no-repeat; height:48px; }
p.attn { background-image: url('../m/g/exclamation.png'); background-color: transparent;	background-repeat: no-repeat; margin-left: -20px; padding-left: 20px; min-height: 0; position: relative; width: 100%; font-weight:700; }

/* Buttons
--------------------------------------------------*/
a.buttonxl { background: transparent url('../m/g/bt-xl-rt.gif') top right no-repeat; display: block; float: left; height: 36px; padding-right: 6px; font:16px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; color: #FFF; text-shadow: 0 0 0 #000; cursor:pointer; margin-right:0.5em;}
	a.buttonxl span { background: transparent url('../m/g/bt-xl-lt.gif') top left no-repeat; display: block; line-height: 36px;  padding: 0 0 0 6px; }
	a.buttonxl:hover { background-position: -36px right; } 
	a.buttonxl:hover span { background-position: -36px left; text-decoration:underline; }
	.bt-activate { width:265px; text-align:center; font-weight:bold !important; }
a.button { margin-bottom:.5em; background: transparent url('../m/g/bt-sq-rt.gif') top right no-repeat; display: block; float: left; height: 24px; padding-right: 8px; font:bold 13px Helvetica,Arial,sans-serif; text-decoration: none; color: #FFF; text-shadow: 0 0 0 #000; cursor:pointer; }
	a.button span { background: transparent url('../images/bt-sq-lt.gif') top left no-repeat; display: block; float:left; line-height: 24px;  padding: 0 0 0 8px; }
	a.button:hover { background-position: -24px right; } 
	a.button:hover span { background-position: -24px left; text-decoration:underline; }
	a.button:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	

	.pagetitle { margin-bottom:1.5em; }
	h2 { margin-bottom:.75em; }

/* Header 2.0
--------------------------------------------------*/
	#dropnav { margin:0; padding:0; width:100%; height:52px; background:#000; display:none; color:#FFF; }
	#dropnav .inside { margin:29px 0 0 107px;/* _margin-left:55px; */}
		#dropnav a:link,#dropnav a:visited { color:#FFF; text-decoration: none; float:left; padding:0 1em 8px 1em; /*position:relative; top:29px; left:107px;*/ font-size:1.1em; font-weight:bold; text-shadow: 0 0 0 #000; border-right:1px solid #333; }
		#dropnav a.last { border-right:none; }
		#dropnav a:hover,#dropnav a:active { text-decoration:underline; }
	p.icnnav { margin:0; padding:0; background-color:#4F96CA; height:18px; border-top:3px solid #000; }
	a:link.btn_icnnav,a:visited.btn_icnnav,a:hover.btn_icnnav,a:active.btn_icnnav { margin-left:24px; display:block; width:97px; height:18px; background:#4F96CA url('../m/g/garmin-drop.jpg') top left no-repeat; }
		.btn_icnnav span { display:none; }

	#logo { position:absolute; left:0px; top:0px; }

	#nav { color: #fff; width:100%; height:105px; z-index:5; }
	#nav a { display: block; color: #fff; text-decoration: none; margin:0; cursor:pointer; text-shadow: 0 0 0 #000; }
	#nav a.popupClose { font-size:85%; float: right; position: relative; top:50px; text-decoration:underline; }
	#navTabs { position:absolute; top: 44px; left: 142px; }
	
	/* default tabs */
	#navTabs li { display: block; float: left; text-align: center; list-style-type: none; position: relative; width: 110px; padding:0; margin:0 5px 0 0; }
	#navTabs li a { padding:6px 0 4px 0; background:url('../images/tabs.gif') no-repeat left top; width: 110px; color:#FFF; }

	/* hover tabs */
	#navTabs li a:hover, #navTabs li a:focus { background-position:0 -28px; color:#FFF; }

	/* selected tab */
	#navTabs li.selected a, #navTabs li.selected a:hover, #navTabs li.selected a:focus { padding:6px 0 5px 0; background-position:0 -56px; color:#272B2F; font-weight:bold; }

	#navTabsSubLinks { max-width: 100%; }
	#navTabsSubLinks li { display: block; float: left; text-align: center; list-style-type: none; margin-left: 15px; }
	#navTabsSubLinks li a.selected { font-weight:bold; }

	/* header sign-in area*/
	#signin{ position:relative; top:-19px; left:150px; width:800px; color:#FFF; text-align:right; font-size:.9em; white-space:normal; line-height: 16px; }
	#signin a:link,#signin a:visited { color:#FFF; text-decoration:underline; }
	#signin a:hover, #signin a:focus, #signin a:active { background-color:#e3f0fd; color:#1683dc; text-decoration:none; border:3px solid #e3f0fd; border-bottom-width:1px; border-top-width:1px; margin:0 -3px; }

	hr.bold { background:#272B2F; color:#272B2F; }

	#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 1; }
    #tooltip.tip { background:#000; background: rgba(0,0,0,.9); padding:10px 0; opacity:1; width: 238px; height: auto; border:none; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; border-radius:8px;}
    #tooltip.tip p { position:relative; top: 0; width:218px; margin:.5em 10px; font-size:13px; color:#DDD; text-align:left; line-height:1.4; font-weight:normal; text-shadow: 0 0 0 #000; }
    #tooltip.tip.viewport-bottom { margin-top:-20px; background: #000; background: rgba(0,0,0,.9);}
    #tooltip.tip.viewport-bottom p { top: 0; }
	
	.product-details p { margin-bottom:.5em; }
	p.heading { margin-bottom:1.5em; }
	
	.dashblock { margin-bottom:2em; line-height:1.4; }
	.dashblock h2 { padding:0 0 5px 42px; height:32px; line-height:32px; border-bottom:1px solid #CCC; background-color:#FFF; background-position:top left; background-repeat:no-repeat; }
		.myproducts h2	{ background-image:url('../m/g/ic-device.jpg'); }
		.mymaps h2		{ background-image:url('../m/g/ic-maps.jpg'); }
		.myextras h2	{ background-image:url('../m/g/ic-extras.jpg'); }
		.mysupport h2	{ background-image:url('../m/g/ic-support.jpg'); }
	.dashblock h3 { margin-bottom:0; padding:0; line-height:1; }
	.dashblock p { margin-bottom:1.5em; }
	
	.alert { margin-bottom: 3em; padding-left: 58px; background:transparent url('../m/g/ic-alert-transparent.gif') top left no-repeat; }
	
	/* Redeem Subscription Page */
	.signin { padding:0; background:#FFF none; width:auto; width:310px; /*height:460px;*/ }
		.signin input { margin-bottom:.75em; width:290px; padding:10px 5px; font-size:16px; font-weight:bold; color:#333; -webkit-border-radius: 8px; border-color:#999; -moz-border-radius: 8px; }
	.signin form { margin:1.5em 0; }
	#dialog {display:none}
	#dialogTerms {display:none}
	.ui-dialog {padding:.5em;border:1px solid #000;background:#FFF;}
	.ui-top-100{top:100px !important;}
	.ui-resizable-handle,.ui-dialog-titlebar {display:none !important;}
	.ui-dialog-buttonpane {width:100%;}

	/* myGarmin specific */
	a.helpicon, a.helpicon img { margin:auto 0 auto .1em; float:none; line-height:18px; }
	.productkey { margin:0 0 .75em 0; padding:0 0 0 118px; height:24px; background:#FFF url('../m/g/productkey.jpg') left no-repeat; line-height:24px; font-weight:bold; }
	.productkeysmall { margin:0 0 .75em 0; padding:0 0 0 95px; height:19px; background:#FFF url('../m/g/productkey_sm.jpg') left no-repeat; line-height:19px; font-weight:bold; }
	.entryCode { font-size:1.2em; font-family:"Lucida Console", "Courier New", monospace; letter-spacing:1px; }
	.product { text-align:center; margin-bottom:100px; }
		
	/* serial number checker */
	.map-results .tabs {margin-left:0;padding-left:0;border-bottom: 1px solid #ccc; float:left; width:100%;}
	.map-results .tabs a {background: url('../global/media/images/gr-tab.jpg') right -100px no-repeat; display:block; float:left;}
	.map-results .tabs a:hover {background-position: right -150px;}
	.map-results .tabs a:hover span {background-position: left -50px;}
	.map-results .tabs a span {background: url('../global/media/images/gr-tab.jpg') left top no-repeat; margin-right: 20px;padding-left: 20px; display:block; line-height: 34px;}
	.map-results .tabs li {float:left;list-style:none; margin: 0px 2px 0px 0px;position: relative; top: 1px;}
	.map-results .tabs li.at {}
	.map-results .tabs li.at a {background-position: right -150px;}
	.map-results .tabs li.at a span {background-position: left -50px; line-height: 35px;}	

/* jQuery dialog popups */
.ui-corner-all {
	-moz-border-radius: 6px /*{cornerRadius}*/;
	-webkit-border-radius: 6px /*{cornerRadius}*/;
}

.ui-dialog {
	text-align: left;
	border: 1px solid #666;
	padding: 15px;
}

.outerDialog {
	background-image: url('../m/g/dialogBg.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

.ui-dialog-content {
	display: none;
	height: 391px !important;
	/*controls height of content area and where buttonpane starts */
	overflow: auto;
}

.innerDialog {
	margin: 15px;
	padding-bottom: 20px;
}

.innerDialog h1 {
	margin-bottom: 0px;
}

.innerDialog hr {
    margin: 19px 0px;
}

.ui-dialog-buttonpane {
	margin-bottom: 15px;
}

.ui-dialog-buttonpane a {
	line-height: 24px;
}

.ui-dialog-buttonpane .button {
	margin-right: 1em;
	margin-bottom: 0px !important;
}
.ui-widget-overlay {background: #000; opacity: 0.5; position: absolute; left: 0px; top: 0px;}
.ui-dialog {padding:.5em;border:1px solid #000;background:#FFF; position:absolute;/*top:100px !important;*/ }
.ui-resizable-handle,.ui-dialog-titlebar {/*display:none !important;*/}
.ui-dialog-titlebar-close {position:absolute; right: 8px; top: 8px; background: #333; border-radius: 6px; -moz-border-radius: 6px; color: #fff; text-align: center; text-decoration:none; display:block; padding: 2px 7px;}
.ui-dialog-title {display:none;}
.ui-dialog-buttonpane {width:100%;}


/*************** Notifications ***************/

.notification{
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
border-radius:6px}

.notification{
margin:0 0 15px 0; 
padding:0; 
border:1px solid; 
background-position:10px 11px !important; 
background-repeat:no-repeat !important; 
font-size:13px; 
width:99.8%}

.attention{
background:#fffbcc url('../m/g/exclamation.png') 10px 11px no-repeat; 
border-color:#e6db55; 
color:#666452}

.attentionNoPadding{
background:#fffbcc url('../m/g/exclamation.png') no-repeat; 
border-color:#e6db55; 
color:#666452}

.information{
background:#dbe3ff url('../m/g/information.png') 10px 11px no-repeat; 
border-color:#a2b4ee; 
color:#585b66}

.success{
background:#d5ffce url('../m/g/tick_circle.png') 10px 11px no-repeat; 
border:none; 
color:#556652}

.error{
background:#ffcece url('../m/g/cross_circle.png') 10px 11px no-repeat;
border:none; 
color:#665252}

.notification div, .notification td{
display:block; 
font-style:normal; 
padding:10px 10px 10px 36px; 
line-height:1.5em}
.input-notification{
background-position:left 2px; 
background-repeat:no-repeat; 
padding:2px 0 2px 22px; 
background-color:transparent; 
margin:0 0 0 5px}

#wraptext {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
a.inactive {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	/* IE 5-7 */
	filter: alpha(opacity=40);
	/* Netscape */
	-moz-opacity: 0.4;
	/* Safari 1.x */
	-khtml-opacity: 0.4;
	/* Good browsers */
	-webkit-opacity: 0.4;
	opacity: 0.4;
	cursor:default;
}
a.inactive:hover {
background-position:right top;
}
a.inactive:hover span {
background-position:left top;
text-decoration:none;
}

/*Adding for software updates*/
/* dialog styles */
.ui-dialog {
text-align:left;
border:1px solid #666;
padding:15px;
}
.outerDialog {
background-image:url('../m/g/dialogBg.gif');
background-repeat:repeat-x;
background-position:bottom;
}
.ui-dialog-content {
display:none;
height:391px !important; /*controls height of content area and where buttonpane starts */
overflow:auto;
}
.innerDialog {
margin:15px;
padding-bottom:20px;
}
.ui-dialog-buttonpane {
margin-bottom:15px;
}
.ui-dialog-buttonpane a {
line-height:24px;
}
.ui-dialog-buttonpane .button {
margin-right:1em;
margin-bottom:0px !important;
}
.ui-corner-all { -moz-border-radius: 6px/*{cornerRadius}*/; -webkit-border-radius: 6px/*{cornerRadius}*/; }