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

	Garmin Core Styles
	
	Sections:
	
	1) HTML Reset
	
	2) Typography
				
	3) 960 Grid System
	
	4) Suckerfish
	
	5) Spiffybox
	 
-------------------------------------------------------------- */

/* -----------------------------------------------
	Section 1 - HTML Reset
	
	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 ++ 20110126 ++ License: none (public domain)
   
------------------------------------------------ */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,font,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video {
  margin: 0; padding: 0; border: 0;
  font-size: 100%; font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {  content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* -----------------------------------------------
	Section 2 - Typography
------------------------------------------------ */
body{line-height:1.5;font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;width:100%;}
caption,th,td{text-align:left;font-weight:400;}
table,td,th{vertical-align:middle;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;}
html{font-size:100.01%;}
h1,h2,h3,h4,h5,h6{font-weight:400;color:#222;}
h1{font-size:3em;line-height:1;margin-bottom:0.5em;}
h2{font-size:2em;margin-bottom:0.75em;}
h3{font-size:1.5em;line-height:1;margin-bottom:1em;}
h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5{font-size:1em;font-weight:700;margin-bottom:1.5em;}
h6{font-size:1em;font-weight:700;}
p img.left{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right{float:right;margin:1.5em 0 1.5em 1.5em;}
blockquote{color:#666;font-style:italic;margin:1.5em;}
sup,sub{line-height:0;}
abbr,acronym{border-bottom:1px dotted #666;}
address{font-style:italic;margin:0 0 1.5em;}
pre{white-space:pre;margin:1.5em 0;}
pre,code,tt{font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
ul,ol {margin:0 1.5em 1.5em;}
ul {list-style-type:circle;}
ol {list-style-type:decimal;}
dd {margin-left:1.5em;}
thead th{background:#c3d9ff;}
th,td,caption{padding:4px 10px 4px 5px;}
tr.even td{background:#e5ecf9;}
caption{background:#eee;}
.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide{display:none;}
.highlight{background:#ff0;}
.added{background:#060;color:#fff;}
.removed{background:#900;color:#fff;}
.first{margin-left:0;padding-left:0;}
.last{margin-right:0;padding-right:0;}
.top{margin-top:0;padding-top:0;}
.bottom{margin-bottom:0;padding-bottom:0;}
fieldset{border:1px solid #ccc;margin:0 0 1.5em;padding:1.4em;}
legend{font-weight:700;font-size:1.2em;}
input[type=text],input[type=password],input.text,input.title,textarea,select{background-color:#fff;border:1px solid #cfcfcf ;margin: 0;}
input[type=text]:focus,input[type=password]:focus,input.text:focus,input.title:focus,textarea:focus,select:focus{border-color:#666;}
input.text,input.title{width:300px;padding:5px;}
input.title{font-size:1.5em;}
textarea{width:390px;height:250px;padding:5px;}
input[type=checkbox],input[type=radio],input.checkbox,input.radio{position:relative;top:.25em;}
form.inline{line-height:3;}
form.inline p{margin-bottom:0;}
.error,.notice,.success{margin-bottom:1em;border:2px solid #ddd;padding:.8em;}
.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice{background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success{background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a{color:#8a1f11;}
.notice a{color:#514721;}
.success a{color:#264409;}

/* -----------------------------------------------
	Section 2 - 960 Grid System

	960 Grid System ~ learn more @ http://960.gs/
	
	custom 984px grid / 24 columns
	31 pixel wide columns, with 10px gutters
	
	Licensed under GPL and MIT.
	Forces backgrounds to span full width,
	even if there is horizontal scrolling.
	Increase this if your layout is wider.
	Note: IE6 works fine without this fix.
  
------------------------------------------------ */

body {
  min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_24 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,
.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24 {
  display: inline;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}

.push_1, .pull_1,.push_2, .pull_2,.push_3, .pull_3,.push_4, .pull_4,.push_5, .pull_5,.push_6, .pull_6,.push_7, .pull_7,
.push_8, .pull_8,.push_9, .pull_9,.push_10, .pull_10,.push_11, .pull_11,.push_12, .pull_12,.push_13, .pull_13,.push_14, .pull_14,
.push_15, .pull_15,.push_16, .pull_16,.push_17, .pull_17,.push_18, .pull_18,.push_19, .pull_19,.push_20, .pull_20,.push_21, .pull_21,
.push_22, .pull_22,.push_23, .pull_23 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .grid_1 {
  width: 30px;
}

.container_24 .grid_2 {
  width: 70px;
}

.container_24 .grid_3 {
  width: 110px;
}

.container_24 .grid_4 {
  width: 150px;
}

.container_24 .grid_5 {
  width: 190px;
}

.container_24 .grid_6 {
  width: 230px;
}

.container_24 .grid_7 {
  width: 270px;
}

.container_24 .grid_8 {
  width: 310px;
}

.container_24 .grid_9 {
  width: 350px;
}

.container_24 .grid_10 {
  width: 390px;
}

.container_24 .grid_11 {
  width: 430px;
}

.container_24 .grid_12 {
  width: 470px;
}

.container_24 .grid_13 {
  width: 510px;
}

.container_24 .grid_14 {
  width: 550px;
}

.container_24 .grid_15 {
  width: 590px;
}

.container_24 .grid_16 {
  width: 630px;
}

.container_24 .grid_17 {
  width: 670px;
}

.container_24 .grid_18 {
  width: 710px;
}

.container_24 .grid_19 {
  width: 750px;
}

.container_24 .grid_20 {
  width: 790px;
}

.container_24 .grid_21 {
  width: 830px;
}

.container_24 .grid_22 {
  width: 870px;
}

.container_24 .grid_23 {
  width: 910px;
}

.container_24 .grid_24 {
  width: 950px;
}

/* `Prefix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .prefix_1 {
  padding-left: 40px;
}

.container_24 .prefix_2 {
  padding-left: 80px;
}

.container_24 .prefix_3 {
  padding-left: 120px;
}

.container_24 .prefix_4 {
  padding-left: 160px;
}

.container_24 .prefix_5 {
  padding-left: 200px;
}

.container_24 .prefix_6 {
  padding-left: 240px;
}

.container_24 .prefix_7 {
  padding-left: 280px;
}

.container_24 .prefix_8 {
  padding-left: 320px;
}

.container_24 .prefix_9 {
  padding-left: 360px;
}

.container_24 .prefix_10 {
  padding-left: 400px;
}

.container_24 .prefix_11 {
  padding-left: 440px;
}

.container_24 .prefix_12 {
  padding-left: 480px;
}

.container_24 .prefix_13 {
  padding-left: 520px;
}

.container_24 .prefix_14 {
  padding-left: 560px;
}

.container_24 .prefix_15 {
  padding-left: 600px;
}

.container_24 .prefix_16 {
  padding-left: 640px;
}

.container_24 .prefix_17 {
  padding-left: 680px;
}

.container_24 .prefix_18 {
  padding-left: 720px;
}

.container_24 .prefix_19 {
  padding-left: 760px;
}

.container_24 .prefix_20 {
  padding-left: 800px;
}

.container_24 .prefix_21 {
  padding-left: 840px;
}

.container_24 .prefix_22 {
  padding-left: 880px;
}

.container_24 .prefix_23 {
  padding-left: 920px;
}

/* `Suffix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .suffix_1 {
  padding-right: 40px;
}

.container_24 .suffix_2 {
  padding-right: 80px;
}

.container_24 .suffix_3 {
  padding-right: 120px;
}

.container_24 .suffix_4 {
  padding-right: 160px;
}

.container_24 .suffix_5 {
  padding-right: 200px;
}

.container_24 .suffix_6 {
  padding-right: 240px;
}

.container_24 .suffix_7 {
  padding-right: 280px;
}

.container_24 .suffix_8 {
  padding-right: 320px;
}

.container_24 .suffix_9 {
  padding-right: 360px;
}

.container_24 .suffix_10 {
  padding-right: 400px;
}

.container_24 .suffix_11 {
  padding-right: 440px;
}

.container_24 .suffix_12 {
  padding-right: 480px;
}

.container_24 .suffix_13 {
  padding-right: 520px;
}

.container_24 .suffix_14 {
  padding-right: 560px;
}

.container_24 .suffix_15 {
  padding-right: 600px;
}

.container_24 .suffix_16 {
  padding-right: 640px;
}

.container_24 .suffix_17 {
  padding-right: 680px;
}

.container_24 .suffix_18 {
  padding-right: 720px;
}

.container_24 .suffix_19 {
  padding-right: 760px;
}

.container_24 .suffix_20 {
  padding-right: 800px;
}

.container_24 .suffix_21 {
  padding-right: 840px;
}

.container_24 .suffix_22 {
  padding-right: 880px;
}

.container_24 .suffix_23 {
  padding-right: 920px;
}

/* `Push Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .push_1 {
  left: 40px;
}

.container_24 .push_2 {
  left: 80px;
}

.container_24 .push_3 {
  left: 120px;
}

.container_24 .push_4 {
  left: 160px;
}

.container_24 .push_5 {
  left: 200px;
}

.container_24 .push_6 {
  left: 240px;
}

.container_24 .push_7 {
  left: 280px;
}

.container_24 .push_8 {
  left: 320px;
}

.container_24 .push_9 {
  left: 360px;
}

.container_24 .push_10 {
  left: 400px;
}

.container_24 .push_11 {
  left: 440px;
}

.container_24 .push_12 {
  left: 480px;
}

.container_24 .push_13 {
  left: 520px;
}

.container_24 .push_14 {
  left: 560px;
}

.container_24 .push_15 {
  left: 600px;
}

.container_24 .push_16 {
  left: 640px;
}

.container_24 .push_17 {
  left: 680px;
}

.container_24 .push_18 {
  left: 720px;
}

.container_24 .push_19 {
  left: 760px;
}

.container_24 .push_20 {
  left: 800px;
}

.container_24 .push_21 {
  left: 840px;
}

.container_24 .push_22 {
  left: 880px;
}

.container_24 .push_23 {
  left: 920px;
}

/* `Pull Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .pull_1 {
  left: -40px;
}

.container_24 .pull_2 {
  left: -80px;
}

.container_24 .pull_3 {
  left: -120px;
}

.container_24 .pull_4 {
  left: -160px;
}

.container_24 .pull_5 {
  left: -200px;
}

.container_24 .pull_6 {
  left: -240px;
}

.container_24 .pull_7 {
  left: -280px;
}

.container_24 .pull_8 {
  left: -320px;
}

.container_24 .pull_9 {
  left: -360px;
}

.container_24 .pull_10 {
  left: -400px;
}

.container_24 .pull_11 {
  left: -440px;
}

.container_24 .pull_12 {
  left: -480px;
}

.container_24 .pull_13 {
  left: -520px;
}

.container_24 .pull_14 {
  left: -560px;
}

.container_24 .pull_15 {
  left: -600px;
}

.container_24 .pull_16 {
  left: -640px;
}

.container_24 .pull_17 {
  left: -680px;
}

.container_24 .pull_18 {
  left: -720px;
}

.container_24 .pull_19 {
  left: -760px;
}

.container_24 .pull_20 {
  left: -800px;
}

.container_24 .pull_21 {
  left: -840px;
}

.container_24 .pull_22 {
  left: -880px;
}

.container_24 .pull_23 {
  left: -920px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
  .clearfix:before, .clearfix:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
  .clearfix:after {clear: both;}
/* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix { zoom: 1; }
/* the left padding should be removed once the majority
 of all pages are running on 960.gs (s.berger on 04.04.2011) */
div#garmin-global-header { position: relative; height: 100px; }
  div#garmin-global-header ul, div#garmin-global-header li,
  div#garmin-global-header img {
/*  margin: 0; padding: 0;*/ }
  div#garmin-global-header div.grid_24 { position: absolute; left: 7px; }
  
/* -----------------------------------------------
	Section 5 - Suckerfish
	
	Suckerfish is for Garmin global navigation circa 2007
	* Websites:   
	http://dynamicsitesolutions.com/javascript/suckerfish-with-classes/
	http://www.htmldog.com/articles/suckerfish/dropdowns/
	Modified:
 	* d.olufson (2007-09-20)
	
------------------------------------------------ */
.header { margin-bottom:20px; }
  .header img {margin:0;}
.suckerfish, .suckerfish ul { float: left; list-style: none;
  /* ie hover hack (background) */
  background:url(../m/g/gr-transparent.gif); padding: 0; margin: 0; }
.suckerfish a { display: block; color: #272B2F; text-decoration: none; border-bottom: none;}
.suckerfish li {  float: left; padding: 0; }
.suckerfish li ul { position: absolute; left: -999em; height: auto; width:auto; width: 14.4em; width: 13.9em; font-weight: normal; margin: 0; }
.suckerfish li li { width:14em;  display:block;  background-color:#F9F9F8;  border-color:#CCC;  border-style:solid;  border-width:0 1px 1px 1px;  padding:0;  margin:0; }
.suckerfish li ul a { padding: .5em 0em .5em 1em; margin:0; border-bottom: none; }
.suckerfish li:hover ul ul, .suckerfish li:hover ul ul ul, .suckerfish li.sfhover ul ul, .suckerfish li.sfhover ul ul ul {
  left: -999em; }
.suckerfish li:hover ul, .suckerfish li li:hover ul, .suckerfish li li li:hover ul, .suckerfish li.sfhover ul, .suckerfish li li.sfhover ul, .suckerfish li li li.sfhover ul { left: auto;  z-index: 6000; }
.suckerfish li:hover, .suckerfish li.sfhover { background:#F0F0ED; }
ul.suckerfish li a.hd-main { font:normal 115% Tahoma, Geneva, sans-serif; color:#EFEFEF; padding:0 15px; margin:62px 0 19px 0; background:#000; border-right:1px solid #FFF; border-bottom: none; }
ul.suckerfish li a.hd-main.last { border:0; }
ul.suckerfish li.hd-main-li { background:#000; }

/* -----------------------------------------------
   Section 6 - Spiffybox
   
   	* Version: 2007-10-22 YYYY-MM-DD
	* Website: http://spiffybox.com/index.php
	http://www.modxcms.com/simple-rounded-corner-css-boxes.html
  
	Modified:
    * d.olufson (2007-10-22)
    
------------------------------------------------ */
.cssbox { padding: 0; margin: 0 0 25px 0; }
.span-5 .cssbox { width:190px; } 
.span-6 .cssbox { width:230px; } 
.span-7 .cssbox { width:270px; } 
.span-8 .cssbox { width:310px; }
.grid_5 .cssbox { width:195px; } 
.grid_6 .cssbox { width:236px; } 
.grid_7 .cssbox { width:277px; } 
.grid_8 .cssbox { width:318px; }

/* static styles 
-------------------------------------------------------------- */
.cssbox_link { 
background: transparent url(/shared/m/g/img.php.png) no-repeat bottom left; 
margin-right:7px; padding-bottom:7px; }
.cssbox_link a {color:#007cc3; display:block; border-top:1px dotted #E6E6E4; margin:0px; padding:5px 0 7px 14px; text-decoration:none;}
.cssbox_link a:hover { color: #134561; text-decoration:none; border-bottom: none; }
.cssbox, .cssbox_body {
background: transparent url(/shared/m/g/img.php.png) no-repeat bottom right; }
.cssbox_head, .cssbox_head p {
background: transparent url(/shared/m/g/img2.php.png) no-repeat bottom right; }
.cssbox_body { 
background-position:bottom left; 
margin-right:10px; 
padding:10px 15px 2px 15px; }
.cssbox_body p { padding-bottom:.7em; margin-bottom:.5em;
border-bottom:1px dotted #E6E6E4; }
.cssbox_head { 
background-position:top right; 
margin-right:0px; 
padding-right:40px } 
.cssbox_head p {
background-position:top left;
font-weight:700; 
font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0; 
border:0;  
padding:10px 15px 8px 15px; 
height:auto !important; 
height:1%  } 
/* IE Holly Hack */ /* set the lower-left corner image */ 

/* .......... list styles for sub nav .........*/
.cssbox ul { padding: 0 0 0 15px; margin: 0;}
.cssbox li { padding: 5px 0px 5px 0px; margin: 0; list-style: none; display: block;}
.cssbox li a { border: 0; color: #007cc3;}
.cssbox li a:hover {color: #134561;}