/* =css information -------------------------------------------------- garmin.com styles: screen author: Garmin Ltd. + dean olufson + updated: September 15, 2006 --------------------------------------------------*/ /* Main Styles */ body { font-family: Arial, Helvetica, sans-serif; color:#333333; background-color:#FFF; margin:0; padding:0; width:100%;} img { border:none;} a:link, a:visited { color:#333333; text-decoration:none;} a:active, a:hover { text-decoration:underline; } hr { size:.5px; color:#CCCCCC; noshade:noshade;} /* =Body Styles ---------------------------------- */ #body { padding:115px 0 0 0; text-align:center; margin:0 auto; width:760px; background-color:#FFF; } #OnTheRoad { padding:50px 0 0 0; margin:0; width:100%; } /* Basic Text Styles --------------------------------------------------*/ h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; border:none; } h1 {font-size:26px;} h2 {font-size:22px;} h3 {font-size:16px;} h4 {font-size:14px;} h5 {font-size:12px;} h6 {font-size:11px;} p, ol, ul { font-size:11px; line-height: 150%; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: left; margin: 0 0 1em 0; } /* Column Styles --------------------------------------------------*/ #ColumnG { float:left; width:388px; margin:0 8px 0 0; text-align:left; } #ColumnH { float:left; width:178px; margin:0 8px 0 0; text-align:left;} #ColumnI { float:left; width:178px; margin:0; text-align:left;} #ColumnJ { float:left; width:574px; margin:0 8px 0 0; padding:0px; text-align:left; font-size:11px; } #ColumnJ img {border:solid 1px #E6E6E4; padding:4px;} #ColumnJ h3 a:link, #ColumnJ h3 a:visited, #ColumnJ p a:link, #ColumnJ p a:visited { text-decoration:underline; } #ColumnJ h3 a:hover, #ColumnJ h3 a:active, #ColumnJ p a:hover, #ColumnJ p a:active { text-decoration:none; } #ColumnK { width:760px; margin:0; text-align:left; font-size:12px; } #ColumnL { float:left; width:566px; margin:0 8px 0 0; text-align:left; font-size:11px; } #ColumnM { float:left; width:178px; margin:0; padding:0px; text-align:left;} #ColumnN { float:left; width:566px; margin:0 8px 0 0; padding:0px; text-align:left; } #ColumnH { float:left; width:175px; margin:0px; padding:0px; text-align:left;} #ColumnT { float:left; width:564px; margin:0px; padding-left:10px; text-align:left; font-size:11px; } #ColumnT a { text-decoration:underline; } /* =Photo Runarounds ---------------------------------- */ #item01 {margin:0 10px 0 0; padding:0;} #item01 img {border:solid 1px #E6E6E4; padding:4px;} #item01 ul { } #item01 li{float:left; position:relative; padding:5px 10px 0 10px; background-image:url(/dev_newsite/m/g/gr-arrow02.gif); background-repeat: no-repeat; background-position:.3em .8em; list-style:none; list-style-type:none; margin:0; } #item01 a { text-decoration:none; } #item01 .runaround { width:90px; margin:0; padding:0 15px 20px 0; float:left; } #item01 .runaroundLarge { width:150px; margin:0; padding:0 15px 20px 0; float:left; } #item02 {margin:0 10px 0 0; padding:0;} #item02 img {border:solid 1px #E6E6E4; padding:4px;} #item02 ul { } #item02 li{float:left; position:relative; padding:5px 10px 0 10px; background-image:url(/dev_newsite/m/g/gr-arrow02.gif); background-repeat: no-repeat; background-position:.3em .8em; list-style:none; list-style-type:none; margin:0; } #item02 a { text-decoration:underline; } #item02 .runaround { width:90px; margin:0; padding:0 15px 20px 0; float:left; } #item02 .runaroundLarge { width:150px; margin:0; padding:0 15px 20px 0; float:left; } #flashFeature { margin:0 0 20px 0; border:solid 1px #E6E6E4; padding:5px;} #productFeature {margin:0 0 20px 0;} #productFeature img {border:solid 1px #E6E6E4; padding:5px;} #product { padding:5px 0 8px 0; margin:0 0 10px 0; border-bottom:1px solid #F0F0ED; text-align:left; font-family:Arial, Helvetica, sans-serif; letter-spacing:.2px; font-weight:bold; font-size:14px; } #product img {border:none;} #product h1 {margin:-10px 0 0 0; padding:0;} #feature { padding:5px 0 5px 0; margin:0 0 10px 0; } #productname span { padding: 0 0 20px 0; } #marketContainer { padding:0; float:left; width:388px; margin:0 8px 0 0; text-align:left; } #marketContainer a {text-decoration:none;} #marketContainer a:hover {text-decoration:none;} #bodyRunaround01 { width:90px; margin:0; padding:0 15px 20px 0; float:left; } #bodyRunaround02 { width:190px; margin:0; padding:0 25px 5px 0; float:left; } #bodyRunaround03 { width:225px; margin:0 0 5px 10px; padding:0; float:right; } /* Side Navigation --------------------------------------------------*/ #Side { padding:0; margin:0; } #Side dl { padding:0 0 25px 0; margin:0; font-size:11px; text-align:left; } #Side dt { padding:4px 4px 4px 8px; margin:0; background-color:#F0F0ED; border-top:1px solid #E6E6E4; font-weight:bold; } #Side dd { padding:0; margin:0; } #Side a { padding:5px 0 5px 14px; margin:0; display:block; border-bottom:1px dotted #E6E6E4; background-color:#F9F9F8; } #Side a:hover { background-color:#F0F0ED;} #Side p { padding:0; margin:0; line-height:140%; font-size:11px; } /* 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; } .fbsubscribelink a { padding:10px; margin:0; display:block; border-bottom:1px dotted #E6E6E4; background-color:#F9F9F8; text-decoration:none;} #SideFeed p { padding:0; margin:0; line-height:140%; font-size:11px; } #SideFeed img { border:0; } #creditfooter { padding:5px; margin:0; border-bottom:1px dotted #E6E6E4; background-color:#F9F9F8; list-style:none; clear:both; } /* Side Features --------------------------------------------------*/ #SideFeature { padding:0; margin:0; font-size:11px; } #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:bold; } #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: bold; border: 1px solid #C1C1C1; } #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 { padding:5px 0 5px 0; margin:15px 0 0 0; border-bottom:1px solid #E7EBEA; color:#85888E; text-align:right; } #copyright { padding:5px 0 5px 0; margin:0 0 25px 0; font-size:9px; border-bottom:1px solid #E7EBEA; text-align:right; color:#85888E; } #copyright a {text-decoration:none; color:#85888E;} #copyright a:hover {text-decoration:underline; color:#3E4C6A; } #copyrightNav { padding:5px 0 5px 0; margin:0; font-size:9px; border-bottom:1px solid #E7EBEA; text-align:right; color:#85888E; } #copyrightNav a {text-decoration:none; color:#85888E;} #copyrightNav a:hover {text-decoration:underline; color:#3E4C6A; } /* =Series Top Navigation Bar ---------------------------------- */ #seriesBar {background-image:url(../m/g/gr-seriesNavBar.jpg); margin:10px 0 20px 0; padding:11px 8px 20px 10px; color:#E3E3E3; text-align:left; word-spacing:10px; } #seriesBar a {color:#E3E3E3; text-decoration:none;} #seriesBar a:hover {text-decoration:none;} /* =Tooltip Popups ---------------------------------- */ #tooltip { display:none; } .tooltipContent { background-color:#FFF; padding:0; margin:0; width:200px; border:1px solid #999; } .tooltipContent h4 { background-color:#333; color:#CCC; padding:5px; margin:0; display:block; } .tooltipContent p { padding:5px; margin:0; font-size:12px; } .tooltipContent img { padding:0; margin:4px 4px 0 0; float:left; } /* =Breadcrumb ---------------------------------- */ #breadcrumbcontainer {border-bottom:1px solid #F0F0ED; width:100%; padding:0 0 5px 0; margin:0 0 10px 0; color:#A8A9A5; } #breadcrumbcontainer input { border:1px solid #F0F0ED; font-size:9px; color:#A8A9A5; padding:2px 5px; margin:0 0 5px 0; } #topbreadcrumb {float:left; padding:0; margin:0; color:#A8A9A5; text-align:left; font-size:11px; } #topbreadcrumb a { color:#A8A9A5; text-decoration:underline; } #topbreadcrumb a:hover { text-decoration:none; } #topsearch { float:right; padding:0; margin:0; text-align:right;} #topsearch .searchbutton { background-image:url(../m/g/bt-arrow.jpg); border:0;} /* =sIFR text replacement styles ---------------------------------- */ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 {font-size: 26px;} .sIFR-hasFlash h2 {font-size: 22px;} .sIFR-hasFlash h3 {font-size: 16px;} .sIFR-hasFlash h4 {font-size: 14px;} .sIFR-hasFlash h5 {font-size: 12px;} .sIFR-hasFlash h6 {font-size: 11px;} /* =Styles for media bar within product pages ---------------------------------- */ #mediabar {border-bottom:1px dotted #E6E6E4; margin:15px 0;} #mediabar img {float:left; margin:0 8px 8px 0;} #mediabar h6 {margin:0 0 8px 0;} #mediabar a {text-decoration:underline;} #mediabarInthebox {float:left;} #mediabarInthebox a { display:block; padding:5px 0 5px 14px; margin:0; background-repeat: no-repeat; background-position:.3em .8em;} #mediabarInthebox a .01 { background-image:url(/dev_newsite/streetpilotc340/m/ic-01.jpg);} #mediabarInthebox a .02 { background-image:url(/dev_newsite/streetpilotc340/m/ic-02.jpg);} #mediabarInthebox a .03 { background-image:url(/dev_newsite/streetpilotc340/m/ic-03.jpg);} #mediabarInthebox a .04 { background-image:url(/dev_newsite/streetpilotc340/m/ic-04.jpg);} #mediabarInthebox a .05 { background-image:url(/dev_newsite/streetpilotc340/m/ic-05.jpg);} #mediabarInthebox a .06 { background-image:url(/dev_newsite/streetpilotc340/m/ic-06.jpg);} #mediabarInthebox a .07 { background-image:url(/dev_newsite/streetpilotc340/m/ic-07.jpg);} /* =Styles product pages ---------------------------------- */ #productPageImage img{ float:left; width:200px; margin:0 5px 0 0; } /* Search --------------------------------------------------*/ #search form { padding:0; margin:5px 0; width:760px; background-color:#FFF; border:none; font-weight:bold; font-size:11px;} #search form input, form select { margin:0; padding:0; border:1px solid #E6E6E4; border-left:1px solid #E6E6E4; background-color:#FFF; padding:2px; font-size:11px; width:175px; } #search form input#submit { margin:0; padding:4px 8px; border:2px solid #A45607; border-left:none; border-top:none; background-color:#FFF; color:#F0F0ED; font-size:11px; width:100px;} /* =zebra tables ---------------------------------- */ #zebra { border: 1px solid #E6E6E4; padding:0; margin:20px 0; width:760px; text-align:left;} #zebra th { background-color:#E6E6E4; padding:5px 8px;} #zebra tbody tr td { font-size:11px; padding:5px 8px; border-left:1px solid #E6E6E4; } #zebra a { text-decoration:underline; } /* =testimonials ---------------------------------- */ #testimonial { width:80%; margin:0 0 30px 0; padding:0 0 5px 0; border-bottom:dotted 1px #E6E6E4; } #testimonial img { border:solid 1px #E6E6E4; padding:4px; margin: 0 5px 0 0; float:left; clear:left; } /* All Products Images --------------------------------------------------*/ #allProducts { font-size:11px; margin:10px 10px 0 0; padding:0; border:1px solid #E6E6E4; width:100px; float:left; } #allProducts dt { padding:5px; text-align:center; } #allProducts a { display:block; padding:5px 0 5px 14px; margin:0; background-color:#F9F9F8; background-image:url(/dev_newsite/m/g/ic-add.gif); background-repeat: no-repeat; background-position:.3em .8em;} #allProducts p { line-height:140%; font-size:11px; } #allProducts a:hover { background-color:#F0F0ED;}