/*support-v1.0.0.css */ #header {float:left; width: 100%; /*margin-bottom: 20px;*/ height: 116px;} body.en_US > .container, #body.container {padding-top: 0px;} #body, body { background: #fff; clear:both;} #footer { background: #fff; border-top: 1px solid #eee; } #sub-nav {margin: 20px 0px 20px -20px;} #sub-nav .breadcrumbs, #utility-nav .breadcrumbs {padding-top: 0px;} .breadcrumbs li.last {display:block; margin: 0px; padding: 0px;} .breadcrumbs li.last h1 {margin: 0px; padding: 0px; float:left;} .sidebar.heavy { box-shadow: none; } .sidebar.heavy h2 { background: #d3d3d3; } .selection-path {margin: 5px 0px 9px 5px; float:left;} .selection-path .breadcrumbs { float:left; width: 100%; } .selection-path li { /*background: url(../images/icn_breadcrumb.gif) left center no-repeat; */ /*padding: 0px 10px;*/ } .selection-path .breadcrumbs li:first-child {background: none; padding-left: 0px;} #select-category {margin-bottom: 20px;} #select-category h6 {font-size: 100%; margin: 0px;} #select-category .section-body {background: #fff; padding: 10px 8px;} .current-location {margin-bottom: 1.5em;} #select-category #search-help { float: left; overflow: hidden; position: relative; white-space:nowrap; } #select-category .search-box { left: 0; position: absolute; top: -40px; left: 6px; } #lookingfor {margin-bottom: 20px;} #select-category .section-header, #lookingfor .section-header, #faqContainer .section-header { background-color: #efefef; border: solid 1px #d1d1d1; -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; border-top-right-radius: 4px; } #lookingfor .section-header, #faqContainer .section-header { padding: 4px 10px 6px 10px; } #lookingfor .section-header .h3, #faqContainer .section-header .h3 { margin-bottom: 0; } #select-category .section-header.with-search h2 { margin: 6px 0 9px 230px; } #select-category .search-box form { /* background: url("../images/search.png") no-repeat scroll 6px top transparent; */ float: left; margin: 2px 0 1px; } #spotlight .faq-view-all {float:right; margin-right: 10px; display:inline;} #spotlight.section.boxed .section-body { background: none; border: none; padding: 0; } #select-category.section.boxed .section-body, #lookingfor.section.boxed .section-body, #faqContainer.section.boxed .section-body { /*border-style: solid solid solid solid; border-width: 1px 1px 1px 1px;*/ border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } #lookingfor.section.boxed .submenu.grouped .content-header:first-child a.active:after { top: -1px; border-top-left-radius: 0; } #lookingfor .submenu .video-links { margin: 20px 20px 20px 160px; } #lookingfor .submenu .body-group { /*width: 460px; padding: 0px 10px 0px 0px;*/ } #lookingfor .submenu .content-header a { padding-left: 5px; /*width: 214px;*/ } #lookingfor .submenu .content-header a .icon { float: left; height: 19px; background-image: url(../images/lookingfor-icons.png); background-repeat: no-repeat; width: 22px; margin-right: 8px; margin-left: 5px; } #lookingfor .submenu .content-header .map-updates .icon { background-position: -22px 0; } #lookingfor .submenu .content-header .registration .icon { background-position: -22px -22px; } #lookingfor .submenu .content-header .software .icon { background-position: -22px -44px; } #lookingfor .submenu .content-header .manuals .icon { background-position: -22px -66px; } #lookingfor .submenu .content-header .alerts .icon { background-position: -22px -88px; } #lookingfor .submenu .content-header .videos .icon { background-position: -22px -110px; } #lookingfor .submenu .content-header .warranty .icon { background-position: -22px -132px; } #lookingfor .submenu .content-header .dealers .icon { background-position: -22px -156px; } #lookingfor .submenu .content-header .active.map-updates .icon, #lookingfor .submenu .content-header a.map-updates:hover .icon { background-position: 0 0; } #lookingfor .submenu .content-header .active.registration .icon, #lookingfor .submenu .content-header a.registration:hover .icon { background-position: 0 -22px; } #lookingfor .submenu .content-header .active.software .icon, #lookingfor .submenu .content-header a.software:hover .icon { background-position: 0 -44px; } #lookingfor .submenu .content-header .active.manuals .icon, #lookingfor .submenu .content-header a.manuals:hover .icon { background-position: 0 -66px; } #lookingfor .submenu .content-header .active.alerts .icon, #lookingfor .submenu .content-header a.alerts:hover .icon { background-position: 0 -88px; } #lookingfor .submenu .content-header .active.videos .icon, #lookingfor .submenu .content-header a.videos:hover .icon { background-position: 0 -110px; } #lookingfor .submenu .content-header .active.warranty .icon, #lookingfor .submenu .content-header a.warranty:hover .icon { background-position: 0 -132px; } #lookingfor .submenu .content-header .active.dealers .icon, #lookingfor .submenu .content-header a.dealers:hover .icon { background-position: 0 -156px; } #lookingfor .submenu .content-body .icon-left { float: left; text-align: center; background-image: url(../images/lookingfor-icons-full.png); background-repeat: no-repeat; width: 120px; margin: 20px 20px 20px 0px; height: 105px; padding: 0; } #lookingfor .submenu #map-updates .icon-left { background-position: 0 0; } #lookingfor .submenu #registration .icon-left { background-position: 0 -105px; } #lookingfor .submenu #software .icon-left { background-position: 0 -210px; } #lookingfor .submenu #manuals .icon-left { background-position: 0 -315px; } #lookingfor .submenu #alerts .icon-left { background-position: 0 -420px; } #lookingfor .submenu #videos .icon-left { background-position: 0 -525px; } #lookingfor .submenu #warranty .icon-left { background-position: 0 -630px; } #lookingfor .submenu #dealers .icon-left { background-position: 0 -735px; } #lookingfor #software.expand #software-links-toggle .hide, #lookingfor #software-links-toggle .show, #lookingfor #software.expand #software-links { display: block; } #lookingfor #software.expand #software-links-toggle .show, #lookingfor #software-links-toggle .hide, #lookingfor #software-links { display: none; } #lookingfor .submenu #videos .view-all-videos {display:block; clear:both; text-align:center; margin: 10px;} #lookingfor #registration {padding-bottom: 20px;} #lookingfor #software-links {list-style:none; padding: 0px 0px 0px 10px; margin: 0px;} #lookingfor #software-links li { float:left; list-style:none; padding-right: 20px; margin: 0px; width: 200px; } /*just for now until we can modify the VM templates to the correct, new HTML structure */ #select-category a.category { display:block; float:left; width: 100px; cursor: pointer; text-align:center; padding: 0px 5px; margin: 0px 4px 10px 0px; } .topic-thumb img {height: 80px;} .rma-container { padding-bottom: 10px; margin-bottom: 10px; border-bottom: dotted 1px #ccc; } #checkRMAStatus input[type="text"] { width: 100px; } ul.ui-autocomplete { padding-left: 0; background: #FFFFFF; border: 1px solid #ccc; padding-bottom: 0; width: 300px; } ul.ui-autocomplete li.ui-menu-item { list-style: none; padding: 5px; } ul.ui-autocomplete li.ui-menu-item a { cursor: hand; cursor: pointer; display:block; } ul.ui-autocomplete li.ui-menu-item a:hover { background: #eee; } .submenu.grouped .content-body.active { padding: 0px 0px 20px 0px; } .submenu.grouped .content-body .text-right { float: left; margin-top: 20px; width: 300px; } .contact-support .content-body p { margin-bottom: 20px; } .contact-support .contact-links { list-style:none; margin: 0px; padding: 0px; } .contact-support .contact-links li { list-style: none; margin-bottom: 6px; } .map-detect-devices { } .service-assistant .sidebar {/*margin-bottom: 0px;*/} .hover-info {position:relative;} .hover-info:hover span {display:block;} .hover-info span { position:absolute; display:none; border: 2px solid #999; background: #fff; padding: 10px; left: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } a.active .hover-info{ display:block; } .tabs.grouped .body-group, .tabmenu.grouped .body-group { border-top: 1px solid #ababab; } .product-specific #faqContainer h4 {margin-bottom: 2px; font-size: 106%;} .product-specific #faqContainer {} .product-specific .ytVideos {/*height: 100px; */overflow: auto; height: auto;} .product-specific .tabmenu.grouped .content-header a.active, .product-specific .tabmenu.grouped .content-header a.active:hover { background: #fff; } .product-specific .view-all {float:right; margin-top: 12px;} .product-specific .row .product-image {margin-top: 0px;} .product-specific .row .product-image img {max-width: 260px;} #selectAccessoryTab .accessory {text-align:center; border: none;} #selectAccessoryTab .accessory-body {border:none; background: none; float:none; display:block;} #selectAccessoryTab .accessory-header img {height: 80px; border:none;} #rma-status p {margin-bottom: 7px;} #rma-status .error, #rma-status .attention, #rma-status .information, #rma-status .success {display:none;} #rma-status .error.active, #rma-status .attention.active, #rma-status .information.active, #rma-status .success.active {display:block;} #rma-results .rma-current-status {display:block; font-weight: bold;} #rma-results a {float:right;} #utility-nav {height: auto;} #faqContainer {margin-bottom: 20px;} #search-faqs {width: 100%; padding-top: 15px; border-top: 1px solid #ccc; text-align:center;} #search-faqs input {margin-bottom: 10px;} .ui-state-hover {background: #e3e3e3;} /* ------------------------- * This is only here to shoehorn in the old header for the UK * Should be removed when no longer needed. ----------------------------- */ .suckerfish,.suckerfish ul, .navigation ul.suckerfish{width: 960px; list-style:none;background:url(../m/g/gr-transparent.gif);padding:0;margin:0px auto;} .suckerfish a{display:block;color:#272B2F;text-decoration:none;border-bottom:none;} .suckerfish li{float:left;padding:0; list-style:none;} .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;} .span-24.header {float:left; width: 100%; background:url(https://static.garmincdn.com/shared/m/g/bg-headerBar.jpg) left top repeat-x;color:#222;} .footer-legacy {width: 960px; margin: 0px auto;} /* ----------------- * This is to remove the display of the utility bar search until * it can be implemented properly. ------------------------------------- */ #global-utility-bar .country-selector {display:none;} #global-utility-bar .global-search {display:none;} /* ----------------------- * This is the rma_landing new styles to handle the new layout ------------------------------ */ .ie8 body.rma-landing .banner.light-theme {border: 1px solid #ccc} body.rma-landing .boxable{height:195px} body.rma-landing .span8.boxable{height:140px} body.rma-landing .banner.light-theme{ height: auto; cursor:default; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-shadow:inset 0 -40px 10em #efefef,0 1px .45em #999; -moz-box-shadow:inset 0 -40px 10em #efefef,0 1px .45em #999; box-shadow:inset 0 -40px 10em #efefef,0 1px .45em #999; } #myContainer *:focus {outline: 0;} #myContainer .blueForm {margin-top: 20px;} body.rma-landing .banner.light-theme:hover{ -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,1.0),inset 0 -40px 10em #efefef,0 1px .45em #999; -moz-box-shadow:inset 0 0 3px rgba(0,0,0,1.0),inset 0 -40px 10em #efefef,0 1px .45em #999; box-shadow:inset 0 0 3px rgba(0,0,0,1.0),inset 0 -40px 10em #efefef,0 1px .45em #999; } body.rma-landing .banner.light-theme h4{font-size:28px;color:#0074D4;padding:6px 4px;line-height:1.2em; margin-bottom: 4px;} body.rma-landing .banner.light-theme.sec-banner h6{font-size:22px;color:#222;padding:6px 0 0;line-height:1.2em} body.rma-landing .banner.light-theme p{color:#222} body.rma-landing .banner.light-theme .btn2{display:inline-block} .boxable{box-sizing:border-box;-moz-box-sizing: border-box;margin-bottom:20px;background:#fff} @media screen and (max-width:767px) { body.rma-landing .banner.light-theme.prim-banner{display:none} body.rma-landing .banner.light-theme.sec-banner{height:auto;padding:12px 15px 6px;max-width:375px;margin:10px auto 0} body.rma-landing .banner.light-theme.sec-banner h6{font-size:28px} .banner.right{text-align:left}.row.two-up-grid{margin-left:-10px} body.rma-landing .span4.boxable{height:210px;width:47%;padding:8px;float:left;margin-left:10px} body.rma-landing .span8.boxable{height:auto;max-width:440px} body.rma-landing .boxable img{height:auto;max-width:150px;padding:0} } @media screen and (min-width:480px) and (max-width:767px) { body.rma-landing .span4.boxable{width:31%} body.rma-landing .span8.boxable{min-height:120px;height:auto} }