/* ==================----------------------- Global Styles --------------------------------------------===== */ html, body, form, ul, li { margin:0px; padding:0px; } a { outline:none; color:#f26a24; text-decoration:none; } a:hover { text-decoration:underline; } :focus { -moz-outline-style: none !important; } img { behavior:url(iepngfix.htc); border: 0px; } /* p { margin: 10px 0px; }*/ td { vertical-align: top; } textarea { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; padding: 5px; } input { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; } ul, li { list-style-type: none; } .clear { clear: both; } .hide { display: none; visibility: hidden; } /* ===== Left Nav Container ===== */ .navContainer { width: 230px; background:#ed4e24 url(../../images/bkg_nav.jpg) no-repeat top right; height: 526px; position: relative; z-index: 10; min-width: 187px; } .navContainer .logo a { background:url(../../images/nav_logo.gif) no-repeat top right; text-indent: -9000px; display: block; width: 187px; height: 110px; position: absolute; right: 0px; margin:0; left:0px; top:5px; } .navContainer #mainNav { position: absolute; right: -10px; margin-top: 20px; top: 125px; padding-bottom:10px; background:transparent url(../../images/nav_btm.gif) no-repeat left bottom; } .navContainer #mainNav li { list-style-type: none; margin: 0px; padding: 0px; } .navContainer #mainNav .navItem {position:relative;width:197px;height:50px;margin:0;padding:0;display:block;} .navContainer #mainNav .navItem a , .navContainer #mainNav .navItem a:hover {display:block;*display:inline-block;width:197px;height:0px;overflow:hidden;padding-top:50px;} .navContainer #mainNav .laser a { background: url(../../images/nav_laser.jpg) no-repeat top left; } .navContainer #mainNav .laser a:hover { background: url(../../images/nav_laser.jpg) no-repeat 0px -50px; } .navContainer #mainNav .gps a { background: url(../../images/nav_gps.jpg) no-repeat top left; } .navContainer #mainNav .gps a:hover { background: url(../../images/nav_gps.jpg) no-repeat 0px -50px; } .navContainer #mainNav .accessories a { background: url(../../images/nav_accessories.jpg) no-repeat top left; } .navContainer #mainNav .accessories a:hover { background: url(../../images/nav_accessories.jpg) no-repeat 0px -50px; } .navContainer #mainNav .bottom { background: url(../../images/nav_btm.gif) no-repeat top left; width: 197px; height: 10px; } .navContainer #mainNav .bottom img { background: url(../../images/nav_btm.gif) no-repeat top left; width: 197px; height: 10px; display: block; } .navContainer #mainNav ul.popupNav {position:absolute;padding:0;margin:0;top:0;left:197px;width:170px;background: none;background-color:#000;display:none;} .navContainer #mainNav ul.popupNav li {background:url(../../images/bkg_subnav.jpg) repeat-x top left;margin:0;padding:0;} .navContainer #mainNav ul.popupNav li a , .navContainer #mainNav ul.popupNav li a:hover {margin:0;padding:5px 15px;background: url(../../images/arrow_small.gif) no-repeat 5px 10px;text-indent:0;height:auto; text-decoration:none;} .navContainer #mainNav ul.popupNav li a:hover { color: #fff; } /* ===== Secondary Nav Container ===== */ .navContainer #secondaryNav { position: absolute; right: 0px; *right: 0px; margin-right: 10px; top:300px } .navContainer #secondaryNav li { list-style-type: none; margin: 0px; padding: 0px; text-transform:uppercase; } .navContainer #secondaryNav li.navItem {padding:0;margin:0;width:170px;position:relative; /* background:transparent url(../../images/snav_border.png) scroll repeat-x left top;behavior:url(css/iepngfix.htc);*/ } .fixe1 { width:150px!important; } .navContainer #secondaryNav li.navItem-first {background:none;} .navContainer #secondaryNav li.navItem-last {} .navContainer #secondaryNav li.navItem a {padding:0;margin:0;color:#fff;font-weight:bold;display:block;padding:5px 5px 5px 15px;background:transparent url(../../images/snav_circle.gif) scroll no-repeat 4px 10px; font-size:10px; } .navContainer #secondaryNav li.navItem a:hover {color:#701f01;text-decoration:none;background:transparent url(../../images/snav_circle-dark.gif) scroll no-repeat 4px 10px;} .navContainer #secondaryNav .technologies a { background: url(../../images/snav_technologies.png) no-repeat top left; } .navContainer #secondaryNav .technologies a:hover { background:#ef6721 url(../../images/snav_technologies.png) no-repeat top left; } .navContainer #secondaryNav .testimonials a { background: url(../../images/snav_testimonials.png) no-repeat top left; } .navContainer #secondaryNav .testimonials a:hover { background:#ef6721 url(../../images/snav_testimonials.png) no-repeat top left; } .navContainer #secondaryNav .videos a { background: url(../../images/snav_videos.png) no-repeat top left; } .navContainer #secondaryNav .videos a:hover { background:#ef6721 url(../../images/snav_videos.png) no-repeat top left; } .navContainer #secondaryNav .pr a { background: url(../../images/snav_press.png) no-repeat top left; } .navContainer #secondaryNav .pr a:hover { background:#ef6721 url(../../images/snav_press.png) no-repeat top left; } .navContainer #secondaryNav .contact a { background: url(../../images/snav_contact.png) no-repeat top left; } .navContainer #secondaryNav .contact a:hover { background:#ef6721 url(../../images/snav_contact.png) no-repeat top left; } .navContainer #secondaryNav ul.popupNav {position:absolute;top:0;left:148px;width:150px;background-color:#757779;display:none;} .navContainer #secondaryNav ul.popupNav a , .navContainer #secondaryNav ul.popupNav a:hover {background:none;padding-left:5px;} .navContainer #secondaryNav ul.popupNav a:hover {background-color:#ccc;color:#757779;} .navContainer #secondaryNav ul.popupNav li {margin:0;padding:0; text-transform:none; } /* ===== Content Container ===== */ .contentContainer { width: 80%; *width: 81%; float: left; height: 526px; position: relative; visibility:hidden } /* ===== Tabs ===== */ #tabs { width:600px; } #tabs .tab { background:url(../../images/tab1.jpg); background-repeat:no-repeat; padding: 0px 0px 0px 0px; color: #FFFFFF ; font-weight: bold; float: left; margin-right: 1px; cursor: pointer; width:105px; height:20px; text-align:center; line-height:18px; } #tabs .tab.tab4 { background:url(../../images/tab2.jpg); background-repeat:no-repeat; width:74px; } #tabs .tab a { color: #f26a24; } #tabs .tab:hover { text-decoration: none; } #tabs .tab.on { background:url(../../images/tab1_off.jpg) ; background-repeat:no-repeat; color: #f26a24; } #tabs .tab.tab4.on { background:url(../../images/tab2_off.jpg) ; } #tabs .tab.on:hover { background:url(../../images/tab1_off.jpg); background-repeat:no-repeat; } #tabs .tab.tab4.on:hover { background:url(../../images/tab2_off.jpg); background-repeat:no-repeat; } #tabs .tabClick { background:url(../../images/tab1_off.jpg); background-repeat:no-repeat; padding: 0px 0px 0px 0px; font-weight: bold; float: left; margin-right: 1px; cursor: pointer; } #tabs .tabClick a { } #tabs .tabClick a:hover { color: #CCC; text-decoration: none; background:#000; } #tabContent{ width:370px; padding:20px 10px 10px 10px; text-align:justify; } /* ===== Tool Tip ===== */ .tool-tip { color: #fff; z-index: 13000; background:#000; } .tool-title { font-weight: bold; font-size: 11px; margin: 0; color: #f26a24; padding: 8px 8px 4px; background: url(bubble.png) top left; } .tool-text { font-size: 11px; padding: 4px 8px 8px; background: url(bubble.png) bottom right; } .custom-tip { color: #000; width: 130px; z-index: 13000; } .custom-title { font-weight: bold; font-size: 11px; margin: 0; color: #3E4F14; padding: 8px 8px 4px; background: #C3DF7D; border-bottom: 1px solid #B5CF74; } .custom-text { font-size: 11px; padding: 4px 8px 8px; background: #CFDFA7; } /* ===== Getting Started Slider ===== */ /* #slider { font-family:Tahoma, Arial, Helvetica, sans-serif; padding: 0px 0px 0px 0px; position:relative; margin: 0px 0px 0px 0px; width:520px;} #slider dl { border-bottom: 1px solid #ccc; border-left: 1px solid #CCC; border-right: 1px solid #CCC; text-align:left; width: 520px;} #slider dl { margin: 0; } #slider dt { background-color:#ffffff; border-top: 1px solid #CCC; font-size: 11px; font-weight:bold; height:18px; margin: 0px 0px 0px 0px; padding: 3px 15px 3px 15px;} #slider dt a { color:#f26a24; display:block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; outline:none; text-decoration: none; } #slider dd { height:264px; margin:0 } #slider dd div { float:left; height:49px; margin:0px 2px 0px 0px; padding:215px 0px 0px 0px; width:172px; } #slider dd div.last { margin:0px; } #slider dd.neo { background-image:url(../images/bkgNeoGPSstart.png); background-repeat:no-repeat;} #slider dd.ypgps { background-image:url(../images/bkgYardageProGPSstart.png); background-repeat:no-repeat;} #slider dd.ypxg { background-image:url(../images/bkgYardageProXGstart.png); background-repeat:no-repeat;} #slider dd.ypxgc { background-image:url(../images/bkgYardageProXGCstart.png); background-repeat:no-repeat;} #slider dd a { background-image:url(../images/bkgSliderBtnOff.png); background-repeat:no-repeat; border:1px solid #262522; color:#fff; display:block; font-size:10px; height: 19px; margin:1px 5px 0px 5px; outline:none; padding:1px 0px 0px 0px; text-align:center; text-decoration: none; width:160px;} #slider dd a:hover { background-image:url(../images/bkgSliderBtnHover.png);} #slider ul { background-color:#fff; list-style: none; margin:0px; padding: 0px; } */ #slider { font-family:Tahoma, Arial, Helvetica, sans-serif; padding: 0px 0px 0px 0px; position:relative; margin: 0px 0px 0px 0px; width:520px; background-color:#FFFFFF; } #slider dl { border-bottom: 1px solid #ccc; border-left: 1px solid #CCC; border-right: 1px solid #CCC; text-align:left; width: 520px;} #slider dl { margin: 0; } #slider dt { background-color:#ffffff; border-top: 1px solid #CCC; font-size: 11px; font-weight:bold; height:18px; margin: 0px 0px 0px 0px; padding: 3px 15px 3px 15px; line-height:18px} #slider dd { margin:0 } #slider #accordeoncontent{ padding-left:15px; padding-right:10px; padding-top:0px; padding-bottom:5px; } .pdf{ background-repeat:no-repeat; }