/* ============== /* GENERAL STYLES /* ==============*/ body {border:0px; margin:0px; font:normal 12px verdana,arial,helvetica,sans-serif; color:#000; background-color:#ffffff;} table, tr, td, p {border:0px; margin:0px; font:normal 12px verdana,arial,helvetica,sans-serif; color:#000;} form, input, select {font:normal 12px verdana,arial,helvetica,sans-serif;} a {text-decoration:none; color:#000;} a:hover {text-decoration:underline; color:blue;} a:visited {text-decoration:none; color:#000;} a:active {text-decoration:underline; color:blue;} a.bluelink{color: blue; text-decoration: underline;} a.bluelink:hover {color: red; text-decoration: underline;} a.bluelinkn {color: #0000aa; text-decoration: none;} a.bluelinkn:hover {color: red; text-decoration: underline;} /*a.bluelink, a.bluelink:visited {color: blue; text-decoration: underline;} a.bluelink:hover, a.bluelink:active {color: red; text-decoration: underline;} a.bluelinkn, a.bluelinkn:visited {color: #0000aa; text-decoration: none;} a.bluelinkn:hover, a.bluelinkn:active {color: red; text-decoration: underline;}*/ .tnline1 {color: #666; font:normal 11px verdana, arial, sans-serif;} /*top nav line 1 */ .smallfont{color:#777; font:normal 11px arial; border-bottom:1px solid #ccc;} /* product page new*/ .emailsignup {font:11px Verdana, Arial; color: #000; background-color: #ffc; height: 40px; border: 1px solid #fc0; padding: 2px;} .bodycontent {background-color:#ffffff} .lgn11 {color:#222;font:normal 11px \'Lucida Grande\',Helvetica,Arial,Verdana,sans-serif;} .lgn12 {color:#222;font:normal 12px \'Lucida Grande\',Helvetica,Arial,Verdana,sans-serif;} .lgb11 {color:#222;font:bold 11px \'Lucida Grande\',Helvetica,Arial,Verdana,sans-serif;} .lgb12 {color:#222;font:bold 12px \'Lucida Grande\',Helvetica,Arial,Verdana,sans-serif;} /* ============= /* HEADER STYLES /* =============*/ /*new h1*/ /*color: #0085cf;*/ /*font:normal 13px "Lucida Sans",verdana,arial,helvetica,sans-serif;*/ /*h1 {font:normal 11px verdana,arial,sans-serif; color:#666; padding:0 0 2px 0; margin:0px; display:inline;}*/ h1 {margin:0; padding-top:15px; padding-bottom:15px; padding-left:0px; color:#111; font:bold 20px arial,verdana,helvetica,sans-serif; background-color: #fff;} h3 {margin:0; padding:0; display:inline; color:red; font:bold 14px arial,helvetica,sans-serif; line-height:23px;} h3 a:link, h3 a:visited {color:#00d; text-decoration:none; font:bold 14px arial,helvetica,sans-serif;} h3 a:hover, h3 a:active {color:red; text-decoration:none; font:bold 14px arial,helvetica,sans-serif;} h4 {font-weight:bold; font-size:100%; display:inline;} /* ================================== /* LINK STYLES BRANDS & PRODUCT PAGES /* ==================================*/ .navlinks a:link, .navlinks a:visited {color:black; text-decoration:none;} .navlinks a:hover, .navlinks a:active {color:#0085cf; text-decoration:none;} /*=================================== /* SEARCH COMPARE LINK =====================================*/ .compare-this:link {color:blue;font-weight:bold; text-decoration:underline; } .compare-this:visited {color:blue;font-weight:bold; text-decoration:none; } .compare-this:hover, compare-this:active {color:red; text-decoration:underline;} /* ================================================ /* BOXTOP GRADIENT BAR HEADERS - LEFT AND RIGHT NAV /* ================================================*/ #sidebar {float:left; width:200px;} .greybox {margin-bottom:8px; background-image:url(http://ajax.gpscity.com/m/greybox_header_repeat.jpg); background-repeat:repeat-x; background-position:top; width:159px;} .greyheaderleft {background-image:url(http://ajax.gpscity.com/m/greybox_header_left.jpg); background-position:left; background-repeat:no-repeat; margin-top:0px; height:22px;} .greyheaderright {background-image:url(http://ajax.gpscity.com/m/greybox_header_right.jpg); background-position:right; background-repeat:no-repeat; margin-top:0px; height:22px;} .greyboxtitle {font-weight:600; font-size:12px; font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; margin-left:8px; line-height:22px; color:#000;} .greyboxcontent {width:147px; border-right:1px #999 solid; border-left:1px #999 solid; border-bottom:1px #999 solid; padding:5px; font-size:1.1em; font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif; background-color:#eee;} .greyboxcontent a {color:black; font-size:12px; font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;} .greyboxcontent a:hover {color:blue} /* nice blue == #019cd4*/ /*.leftnav {width: 185px; background-color: #fff; border-bottom: 1px solid #ddd; font: normal 12px "lucida grande",tahoma,sans-serif;} .leftnavtitle {color: #333; padding: 6px 0px 6px 5px; font-weight: bold} .leftnavtitle img {vertical-align: middle;} .leftnavtitle a {color: #333;} .leftnavtitle a:hover {color: #019cd4; text-decoration: underline;}*/ .leftnavtitle {color:#111; padding:0 0 0px 4px; background-color:#eee; font:bold 12px "lucida grande",verdana} .leftnav {color:#333; padding:0 0 7px 4px; background-color:#eee; font:normal 11px "lucida grande",verdana} .leftnavbadgetagline {text-align:center; background-color:lightblue; font:bold 11px "lucida grande",arial,verdana} .leftnavbadgetitle {text-align:center; background-color:lightblue; font:bold 16px "lucida grande",arial,verdana} .leftnavvanity {text-align:center; background-color:lightblue; font:bold 14px "lucida grande",arial,verdana} .leftnavphone {text-align:center; background-color:lightblue; font:bold 12px "lucida grande",arial,verdana} /* ================= /* BOTTOM NAV /* =================*/ .bottomnav{ color:#aaa; background-color:#000; font:normal 11px arial; } .bottomnavtitle{ color:#fff; background-color:#000; font:normal 12px arial; } a.bottomnav, a.bottomnav:visited { color: #ccc; text-decoration: none; } a.bottomnav:hover, a.bottomnav:active { color: #fff; text-decoration: underline; } /* ================= /* LOW SHIPPING FEES /* =================*/ .lowshipping {width: 159px; background-color: #eee; margin-bottom: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ccc; font: normal 12px "lucida grande",tahoma,sans-serif;} .lowshippingtitle {color: red; padding: 6px 0px 2px 5px; font-size: 18px; font-weight: bold} .lowshippingcontent {color: #444; padding: 0px 0px 2px 5px; font-weight: normal} /* ================= /* FRONT PAGE STYLES /* =================*/ .department-title {color:#009; font:bold 13px verdana,sans-serif;} .department-link {color:#0633b0; font:normal 11px verdana,sans-serif;} .department-link a, department-link a:visited {color:#0633b0;} .department-link a:hover, department-link a:active {color:blue;text-decoration: underline;} .fpwrapper {width:636px; margin-bottom:15px; background-color:#fff;} .fpitem {background-color:#fff;} .fpitemcontainer {margin:5px; float:left; text-align:left; width:200px; display:inline;} .fpitemcontainer50 {margin:5px; float:left; text-align:left; width:48%;} .fpitemcontainer60 {margin:5px; float:left; text-align:left;} .fpitemcontainer40 {margin:5px; float:left; text-align:left; width:38%;} .fpitemcontent a {color: blue;} .fpitemcontent a:hover {color: red} /*added oct3/2010*/ .fp_itemtagline {font:normal 11px "lucida grande",verdana,arial,sans-serif;} .fp_itemtagline a, fp_itemtagline a:visited {color:#777;} .fp_itemtagline a:hover, fp_itemtagline a:active {color:red;} .fp_itemvendor {color:#777; font:normal 11px "lucida grande",arial,verdana,sans-serif;} .fp_itemprice {color:#c00; font:bold 13px "lucida grande",arial,verdana,sans-serif;} .fp_itemtitle {color:#1a75cf; font: normal 11px "lucida grande",arial,verdana,sans-serif;} .fp_itemtitle a, fp_itemtitle a:visited {color:#0935a6; } .fp_itemtitle a:hover, fp_itemtitle a:active {text-decoration:underline} .fp_itemcontent {color:#333; font:normal 0.9em verdana, tahoma, sans-serif;} .fp_title {color:#333; height: 23px; font:bold 12px "lucida grande",tahoma,sans-serif; background:url(http://ajax.gpscity.com/m/tbgrey.png)} .sp_itemtopline {color:#777;font:bold 18px "lucida grande",tahoma,sans-serif;padding-bottom: 5px;} .sp_itemtitle a, sp_itemtitle a:visited {color:blue;font:bold 24px arial,helvetica,sans-serif; padding-bottom:10px;} .sp_itemtitle a:hover, sp_itemtitle a:active {color:#1A75CF;text-decoration:none} .sp_itemtagline {color:#333;font:bold 16px "lucida grande",tahoma,sans-serif; padding-bottom:5px;} .sp_itemcontent {color:#333;font:normal 11px "lucida grande",tahoma,sans-serif;padding-bottom:5px} .sp_itemprice {color:red;font:bold 16px "lucida grande",tahoma,sans-serif;padding-bottom:5px} .fp_buzztitle {color:#333;font:normal 11px "lucida grande",tahoma,sans-serif; padding-bottom:10px;} .fp_buzztitle a, fp_buzztitle a:visited {color:#333;font:normal 12px "lucida grande",tahoma,sans-serif; padding-bottom:10px;} .fp_buzztitle a:hover, fp_buzztitle a:active {color:blue;} /* =============== /* Q&A PAGE STYLES /* ===============*/ .forum td {font-size: 12px;} .forum a:link {font-weight:normal; color: #09c; text-decoration: none;} .forum a:visited {font-weight:normal; color: #09c; text-decoration: none;} .forum a:hover {font-weight:normal; color: #0085cf; text-decoration: underline;} /* ================ /* BUZZ PAGE STYLES /* ================*/ #buzz a, #buzz a:visited {color: black; text-decoration: none;} #buzz a:hover, #buzz a:active {color: #0085cf; text-decoration: none;} a.buzztitle:link, a.buzztitle:visited {text-decoration: none; font:bold 18px verdana,arial,helvetica; color:#c60} a.buzztitle:hover, a.buzztitle:active {color: #0085cf; text-decoration: underline;} a.buzzlink:link, a.buzzlink:visited {text-decoration: none;color:#0085cf} a.buzzlink:hover, a.buzzlink:active {color: #0085cf; text-decoration: underline;} /*--- used in skudata layout ---*/ /*.ramskudata {float: left;height: 50px;border: 0px;padding: 2px 10px 2px 0px;} not found, july 5,2010*/ /* ================== /* EXPRESS INDEX PAGE /* ==================*/ /*----------Visibility Sections -----------------*/ #controls {border-bottom: 1px solid #004e61;color: #fff;margin: 0;padding-left: 6px;padding-right: 10px;padding-top: 6px;padding-bottom: 21px;} #controls li {display: inline;color: #fff;list-style-type: none;margin: 0 5px 0 0;float: left;} #controls li a {float: left;padding: 0px 5px 0px 5px;line-height: 20px;border-left: 1px solid #000;border-right: 1px solid #000;border-top: 1px solid #000;} a.off {background-image: url('http://www.gpscity.com/g/gps/glassygoldnavtile.gif');} a.off:hover {background-image: url('http://www.gpscity.com/g/exp/navppbgwhite.gif');color: #f00} /* ================= /* VIDEO PAGE STYLES /* =================*/ /*--------- Video Tab Format - Product Page --------------*/ /* #videotab { margin: 0px; width:270px; padding: 0px; font:14px verdana,arial,helvetica; color:#b3b3b3;}*/ /*#videotab { margin: 0px; width: 275px; padding: 0px; font-size: 11px; } #videotab strong { text-decoration: none; display: block; padding: 0 0 5px 1px; margin: 0px; font: 14px verdana,arial,helvetica; color: #b3b3b3; } #videotab ul { list-style: none; margin: 0px; padding: 0px; } #videotab ul li { padding: 0px; margin: 0 0 7px 0; } /* color: #bbbbbb; background-color: #444444; border: solid 1px #333333;*/ /*#videotab ul li a { display:block; height:70px; color:#fff; text-decoration:none; cursor:pointer; background:url(http://gpscity.com/g/gps/videofeaturebg.png) no-repeat; background-image:url(http://gpscity.com/g/gps/videofeaturebg.gif); } #videotab ul li a img { float:right; background:#fff; border: 2px solid #333; margin:9px 9px; } #videotab ul li a strong { text-decoration: none; height: 34px; display: block; padding: 11px 0 0 8px; margin: 0px; font: bold 12px arial,tahoma,verdana; color: #fff; } #videotab ul li a i { font-style:normal; text-decoration: none; display: block; padding: 0 0 11px 8px; margin: 0px; font-size: 11px; color: #bbb; } #videotab ul li a i.small { font-style:normal; text-decoration: none; display: block; padding: 0 0 11px 8px; margin: 0px; font-size: 10px; color: #bbb; } #videotab ul li a:hover { background-position:0 -70px; } #videotab ul li.active a, #videotab ul li.active a:hover { text-decoration:none; outline:none; cursor:default; background-position:0 -140px; }*/ /*--------- Video Tab Format - Product Page --------------*/ /* #videotab { margin: 0px; width:270px; padding: 0px; font:14px verdana,arial,helvetica; color:#b3b3b3;}*/ #videotab { margin: 0px; width: 275px; padding: 0px; font-size: 11px; } #videotab strong { text-decoration: none; display: block; padding: 0 0 5px 1px; margin: 0px; font: 14px verdana,arial,helvetica; color: #b3b3b3; } #videotab ul { list-style: none; margin: 0px; padding: 0px; } #videotab ul li { padding: 0px; margin: 0 0 7px 0; } /* color: #bbbbbb; background-color: #444444; border: solid 1px #333333;*/ #videotab ul li a { display:block; height:70px; color:#fff; text-decoration:none; cursor:pointer; background:url(http://gpscity.com/g/gps/videofeaturebg.png) no-repeat; _background-image:url(http://gpscity.com/g/gps/videofeaturebg.gif); } #videotab ul li a img { float:right; background:#fff; border: 2px solid #333333; margin:9px 9px; } #videotab ul li a strong { text-decoration: none; height: 34px; display: block; padding: 11px 0 0 8px; margin: 0px; font: bold 12px arial,tahoma,verdana; color: #ffffff; } #videotab ul li a i { font-style:normal; text-decoration: none; display: block; padding: 0 0 11px 8px; margin: 0px; font-size: 11px; color: #bbbbbb; } #videotab ul li a i.small { font-style:normal; text-decoration: none; display: block; padding: 0 0 11px 8px; margin: 0px; font-size: 10px; color: #bbbbbb; } #videotab ul li a:hover { background-position:0 -70px; } #videotab ul li.active a, #videotab ul li.active a:hover { text-decoration:none; outline:none; cursor:default; background-position:0 -140px; } /*---------- Customize Radio Buttons -----------------*/ .radiocheckedon {font-size:10px; font-weight: bold; padding:0px 0px 10px 4px; background-color:lightblue;} .radiocheckednone {font-size:10px; font-weight: bold; padding:0px 0px 10px 4px; background-color:#ccc;} .radiocheckedoff {font-size:10px; padding:0px 0px 10px 4px;} /*---------- vehicle/gps selection -----------------*/ .selection {font:10px arial; color: #333; line-height: normal;} .selection a:link {font:10px arial; color:#666; line-height: normal; text-decoration:underline;} .selection a:visited {font:10px arial; color:#19519B; line-height: normal; text-decoration:underline;} .selection a:hover {font:10px arial; color:#666; line-height: normal; text-decoration:underline;} /* ============================== /* SEARCH PAGE NAVIGATION BUTTONS /* ==============================*/ #sr a, #sr strong{border:1px solid #fc0; color: #777; margin: 0; padding-right: 2px; padding-bottom: 1px; padding-left: 2px; text-align: center; text-decoration: none;} #sr a:hover{background-color: #333;color: #fc0;} /* ================ /* CHECK OUT STYLES /* ================*/ .lgn11 {color:#222;font:normal 11px 'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;} .lgn12 {color:#222;font:normal 12px 'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;} .lgb11 {color:#222;font:bold 11px 'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;} .lgb12 {color:#222;font:bold 12px 'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;} /* ==================== /* BUBBLE TOOLTIP POPUP /* ====================*/ a.tt{position:relative; z-index:24; color:#777; text-decoration:none;} a.tt span{ display: none;} /*background:; ie hack, something must be changed in a for ie to execute it*/ a.tt:hover{ z-index:25; color: #aaf; background:;} a.tt:hover span.tooltip{display:block; position:absolute; top:10px; left:13px; padding: 15px 0 0 0; width:200px; color: black; text-align: left; font: 11px Tahoma, Verdana, sans-serif;} /*filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90;*/ a.tt:hover span.top{display: block; padding: 30px 8px 0 0; background: url(http://www.gpscity.com/m/bubble.gif) no-repeat top;} a.tt:hover span.middle{display: block; padding: 0 8px; background: url(http://www.gpscity.com/m/bubble_filler.gif) repeat bottom;} a.tt:hover span.bottom{display: block; padding:3px 8px 10px 0; color: #548912; background: url(http://www.gpscity.com/m/bubble.gif) no-repeat bottom;} /* ================= /* PRODUCT PAGE TABS /* =================*/ #tabbox {width:975px; background-image:url(http://www.gpscity.com/m/tabs_bg.jpg); height:29px; padding-bottom:15px;} #buynowbox {float: right; width: 82px;} ul#tabs {list-style: none;float: left;margin-top: 0px;margin-bottom: 0px;margin-left: 10px;padding: 0;} ul#tabs li {display: inline-block;width: 90px;height: 29px; background-image: url(http://www.gpscity.com/m/tab.jpg);text-align: center;margin-left: -3px;} ul#tabs li {display: inline !ie;margin-left: 0px !ie;} /* stupid ie hack*/ ul#tabs li.selected {background-image: url(http://www.gpscity.com/m/tab_selected.jpg);} ul#tabs li.hover {background-image: url(http://www.gpscity.com/m/tab_hover.jpg);} ul#tabs li a {line-height: 29px;color: #555;font-family: "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;font-weight:700;font-size: 13px;text-decoration: none;} ul#tabs li a:hover {color: red;} /*ul#tabs li.selected a {color:red;font-weight:bold;}*/ ul#tabs li.selected a {color:blue;font-weight:bold;} /* ============ /* TOP NAV LEFT /* ============*/ .topnavleft_usa {height:34px; color:black; font:bold 14px arial,helvetica,sans-serif; background:url(http://ajax.gpscity.com/m/tngold34.png) repeat top left;} .topnavleft_usa a, topnavleft_usa a:visited {color:black;} .topnavleft_usa a:hover, topnavleft_usa a:active {text-decoration:underline; color:blue;} .topnavleft_usa_ssl {height:34px; color:black; font:bold 14px arial,helvetica,sans-serif; background:url(https://ajax.gpscity.com/m/tngold34.png) repeat top left;} .topnavleft_usa_ssl a, topnavleft_usa_ssl a:visited {color:black;} .topnavleft_usa_ssl a:hover, topnavleft_usa_ssl a:active {text-decoration:underline; color:blue;} /*canada*/ .topnavleft_can {height:34px; color:white; font:bold 14px arial,helvetica,sans-serif; background:url(http://ajax.gpscity.com/m/tnred34.png) repeat top left;} .topnavleft_can a, topnavleft_can a:visited {color:white;} .topnavleft_can a:hover, topnavleft_can a:active {text-decoration:underline; color:#0633b0;} .topnavleft_can_ssl {height:34px; color:white; font:bold 14px arial,helvetica,sans-serif; background:url(https://ajax.gpscity.com/m/tnred34.png) repeat top left;} .topnavleft_can_ssl a, topnavleft_can_ssl a:visited {color:white;} .topnavleft_can_ssl a:hover, topnavleft_can_ssl a:active {text-decoration:underline; color:#0633b0;} /* ============= /* TOP NAV RIGHT /* =============*/ .topnav_usa {height:34px; color:white; font:bold 14px arial,helvetica,sans-serif; background:url(http://ajax.gpscity.com/m/tnblue34.png) repeat top left;} .topnav_usa a, topnav_usa a:visited {color:white;} .topnav_usa a:hover, topnav_usa a:active {text-decoration:underline; color:gold;} .topnav_usa_ssl {height:34px; color:white; font:bold 14px arial,helvetica,sans-serif; background:url(https://ajax.gpscity.com/m/tnblue34.png) repeat top left;} .topnav_usa_ssl a, topnav_usa_ssl a:visited {color:white;} .topnav_usa_ssl a:hover, topnav_usa_ssl a:active {text-decoration:underline; color:gold;} /*canada*/ .topnav_can {height:34px; color:white; font:bold 14px arial,helvetica,sans-serif; background:url(http://ajax.gpscity.com/m/tnblue34.png) repeat top left;} .topnav_can a, topnav_can a:visited {color:white;} .topnav_can a:hover, topnav_can a:active {text-decoration:underline; color:gold;} .topnav_can_ssl {height:34px; color:white; font:bold 14px arial,helvetica,sans-serif; background:url(https://ajax.gpscity.com/m/tnblue34.png) repeat top left;} .topnav_can_ssl a, topnav_can_ssl a:visited {color:white;} .topnav_can_ssl a:hover, topnav_can_ssl a:active {text-decoration:underline; color:gold;} #txt1 {padding:0px; margin:0px; font:normal 13px arial,helvetica,sans-serif;} /*#txt1 {outline: none; padding-left: 6px; padding-top: 6px; padding-bottom: 6px; padding-right: 3px; font:bold 16px arial; border:0px; height:20px; width:294px; background-image: url(http://www.gpscity.com/images/form_unselected_blue.jpg); background-repeat: no-repeat;} #txt1:focus {outline: none; background-image: url(http://www.gpscity.com/images/form_selected_blue.jpg); background-repeat: no-repeat;}*/ /* ============================ /* AUTOSUGGEST DROP DOWN SEARCH /* ============================*/ div#suggestions {-moz-box-sizing:border-box; box-sizing:border-box; border:2px solid #0633b0; position:absolute; background-color:white; padding:0px -2px 14px 0px; min-width:400px; z-index:1000;} div#suggestions div {cursor:default; padding-left:15px; padding-right:10px; padding-top:1px; padding-bottom:1px; color:#333; font:normal 11px verdana,tahoma,sans-serif; vertical-align: middle; font-weight:100;} div#suggestions div.current {background-color:white; font-weight:bold; color:red;} div#suggestions div:hover {background-color:white; font-weight:bold; color:red; text-decoration:none;} em{color:red;font-weight:bold; font-style:normal;} .category {background-color:white; width:100%; margin-left:-15px; /*height: 22px;*/ vertical-align:middle;} .cattext a{text-decoration:none; font:bold 12px verdana,tahoma,sans-serif; color:#0633b0; margin-left:-9px; vertical-align:middle;} .cattext a:hover{text-decoration:underline; background-color:white; color:#0633b0;} /* ================ // // LEFT NAV (ROLEK) // ================ */ #left-nav-title {color:#16387C !important; font-size:1.35em !important; padding:6px 5px; background-color: #ffffff !important;} #left-nav-1 {z-index: 100 !important; position: relative !important;} .left-nav-li {list-style: none; font: bold 12px "lucida grande", tahoma, sans-serif; position:relative;} .main-category {color:#0633b0; display: block; padding-left: 15px; text-decoration: none; line-height: 28px; background: url(http://ajax.gpscity.com/m/rightarrow.png) no-repeat 99% 50% #ffffff; position: relative; border-width:0 1px 1px 1px; border-style: solid; border-color: #DDDDDD;} .main-category:visited {color:#0633b0;} .main-category:hover {text-decoration:none;color:red;} .left-nav-hover .main-category {z-index: 101; background-color: #f0f0f0; color:#505050; background-image: none !important; border-right: 0 none; text-decoration: none !important;} .sub-nav {left:173px; padding:10px; position:absolute; top:-1px; white-space:nowrap; list-style:none outside none; z-index: 100; display: none; border: 1px solid #dddddd; overflow: hidden; vertical-align:top; background-color: #f0f0f0;} .sub-nav-title {color:#009;font:bold 11px verdana,tahoma,sans-serif; line-height:18px; padding:0 15px 0px 15px;} .sub-nav-list {margin: 0 30px 0 0; padding: 0; white-space: nowrap; list-style: none outside none; display: inline-block; vertical-align: top;} .sub-nav-list li {color:#0633b0; font:normal 11px verdana,arial,sans-serif;} .sub-nav-list a {color:#0633b0; display: block; line-height: 16px; padding:0 15px;} .sub-nav-list a:hover {text-decoration: underline;} /*#left-nav-2 {margin-top:15px; padding:2px 7px 3px 7px; border:1px solid #ddd; color:#444; font:normal 11px "lucida grande", tahoma, sans-serif} #left-nav-2-title {margin-left:-2px; padding-bottom:2px; color:#0633b0; font: bold 13px "lucida grande", tahoma, sans-serif;} #left-nav-2-title a:link, left-nav-2-title a:visited {color:#0633b0; text-decoration:none;} #left-nav-2-title a:hover, left-nav-2-title a:active {color:red; text-decoration:underline;} #left-nav-2 li {list-style: none;} #left-nav-2 a:link, left-nav-2 a:visited {color:#333; text-decoration:none;} #left-nav-2 a:hover, left-nav-2 a:active {color:blue; text-decoration:underline;}*/ .left-nav-2 {margin-top:15px; padding:2px 7px 3px 7px; border:1px solid #ddd; color:#444; font:normal 11px "lucida grande", tahoma, sans-serif} .left-nav-2-title {margin-left:-2px; padding-bottom:2px; color:#0633b0; font: bold 13px "lucida grande", tahoma, sans-serif;} .left-nav-2-title a:link, left-nav-2-title a:visited {color:#0633b0; text-decoration:none;} .left-nav-2-title a:hover, left-nav-2-title a:active {color:red; text-decoration:underline;} .left-nav-2 li {list-style: none;} .left-nav-2 a:link, left-nav-2 a:visited {color:#333; text-decoration:none;} .left-nav-2 a:hover, left-nav-2 a:active {color:blue; text-decoration:underline;} /*================================= // SEARCH PAGE FILTER RESULTS // ===============================*/ .search-filter {margin-bottom:1px; padding:2px 7px 3px 7px; border:0px solid #ddd; color:#444; font:normal 12px "lucida grande", tahoma, sans-serif} .search-filter-title {margin-left:-2px; padding-bottom:0px; color:#0633b0; font: bold 13px "lucida grande", tahoma, sans-serif; text-decoration:underline;} .search-filter a:link, search-filter a:visited {color:#0633b0; text-decoration:none;} .search-filter a:hover, search-filter a:active {color:red; text-decoration:underline;} .search-filter li {list-style: none;} .search-filter a:link, left-nav-2 a:visited {color:#333; text-decoration:none;} .search-filter a:hover, left-nav-2 a:active {color:blue; text-decoration:underline;} /* ========================================================================== // // HOME PAGE FRONT AND CENTER SLIDER STYLES (ROLEK) // ========================================================================== */ /*#home-page-middle-col-wrapper {overflow: hidden;} #featured-item-wrapper {overflow:hidden;} #slider-wrapper {height:250px; width: 610px; border-color:#DBE1E6; border-style: solid; border-width:1px 0 1px 1px; float: left;} #slider-container {height:250px;} .slider-item {display:none; height: 250px; width: 600px; overflow: hidden; cursor:pointer; padding: 5px;} .slider-item:hover {background-color: #f0f0f0; text-decoration: none;} .slider-item:hover .slider-info-title {color: #0935a6;} /*.slider-item:hover .slider-info-subtitle {color: blue;}*/ /*.first {display: block;} .slider-image-container {float: left; margin-right: 20px; overflow: hidden; height: 290px;} .slider-image-container img {border: 0;} .slider-image-container a {display:block;} .slider-info-container {overflow: hidden; display: block; width:330px;} .slider-info-title {text-align:left; margin-top:10px; color:#0935a6; font:bold 18px arial,verdana,sans-serif; display: block;} .slider-info-subtitle {text-align: left; margin-top: 5px; color:#222; font:bold 13px arial,verdana,sans-serif; display: block;} .slider-info-description {text-align: left; margin-top: 5px; color:#444; font:normal 12px arial,verdana,sans-serif; display: block;} .slider-info-listprice {text-align: left; margin-top: 5px; color:red; font:normal 11px arial,verdana,sans-serif; display: block;} .slider-info-ourprice {text-align: left; margin-top: 5px; color:#c00; font:bold 20px arial,verdana,sans-serif; display: block;} .slider-info-learnmore {padding-top:5px; height:30px; display: block; border:0;} #slider-controls {height: 250px; overflow:hidden; border-color: #DBE1E6; border-style: solid; border-width:1px 1px 1px 0;} #slider-nav {font:normal 10px verdana,sans-serif;} #slider-nav a {display: block; padding: 0 3px 0 22px; line-height: 50px; white-space: nowrap; overflow: hidden;} #slider-nav a:hover {text-decoration: none; background: url(http://ajax.gpscity.com/fp/arrow-sprite.png) no-repeat 0 -50px; color: #333333;} #slider-nav a.activeSlide {background: url(http://ajax.gpscity.com/fp/arrow-sprite.png) no-repeat 0 0; color: #eaeaea;} #slider-nav a:focus {outline: none;} #slider-nav img {height: 36px; width: 36px; border:0 none; vertical-align:middle; margin-right: 5px;} .newgps {color:red; border-bottom: 1px solid #bbb; font:bold 20px "lucida grande",tahoma,sans-serif; }*/ /* ========================================================================== // // HOME PAGE FRONT AND CENTER SLIDER STYLES (ROLEK) // ========================================================================== */ /* #home-page-middle-col-wrapper {overflow: hidden; margin-top: 10px;} #featured-item-wrapper {overflow:hidden;} #slider-wrapper {height:250px; width: 610px; border-color: #DBE1E6; border-style: solid; border-width:1px 0 1px 1px; float: left;} #slider-container {} .slider-item {display:none; height: 290px; width: 600px; overflow: hidden; padding: 5px;} .first {display: block;} .slider-image-container {float: left; margin-right: 20px; overflow: hidden; height: 290px;} .slider-image-container img {border: 0;} .slider-image-container a {display:block;} .slider-info-container {overflow: hidden; display: block;} .slider-info-title {text-align:left; margin-top:10px; font:bold 16px arial,verdana,sans-serif; display: block;} .slider-info-subtitle {font-size: 12px; font-weight: bold; text-align: left; margin-top: 5px; font-family: arial, helvetica; display: block;} .slider-info-description {text-align: left; margin-top: 5px; color:#444; font:normal 12px arial,verdana,sans-serif; display: block;} .slider-info-listprice {text-align: left; margin-top: 5px; color:red; font:normal 11px arial,verdana,sans-serif; display: block;} .slider-info-ourprice {text-align: left; margin-top: 5px; color:red; font:bold 13px arial,verdana,sans-serif; display: block;} .slider-info-learnmore {margin-top:5px; height:37px; display: block;} .slider-info-learnmore:hover {cursor: pointer;} .slider-info-learnmore img {border: none;} #slider-controls {height: 250px; overflow:hidden; border-color: #DBE1E6; border-style: solid; border-width:1px 1px 1px 0;} #slider-nav {list-style: none outside none; margin: 0; padding: 0; font:normal 11px verdana,arial,sans-serif;} #slider-nav li {} #slider-nav a {padding: 0 3px 0 22px; height: 50px; overflow: hidden; background: url(http://ajax.gpscity.com/fp/arrow-sprite.png) no-repeat 0 -100px; display: block; display: table;} #slider-nav a:hover {text-decoration: none; background: url(http://ajax.gpscity.com/fp/arrow-sprite.png) no-repeat 0 -50px; color: #333333;} #slider-nav div.activeSlide a {background: url(http://ajax.gpscity.com/fp/arrow-sprite.png) no-repeat 0 0; color: #eaeaea;} #slider-nav a:focus {outline: none;} .slider-list-item-title {display: table-cell; vertical-align: middle; width: 173px;} .slider-list-img-wrapper {display: table-cell; vertical-align: middle; width: 41px;} #slider-nav img {height: 36px; width: 36px; border:0 none; vertical-align:middle; margin-right:5px;} .newgps {color:red; border-bottom: 1px solid #bbb; font:bold 16px "lucida grande",tahoma,sans-serif; }*/ /* ========================================================================== // // HOME PAGE FRONT AND CENTER SLIDER STYLES (ROLEK) // ========================================================================== */ #home-page-middle-col-wrapper {margin-top: 10px; z-index: 1;} #featured-item-wrapper {overflow:hidden;} #slider-wrapper {height:249px; width: 610px; border-color: #DBE1E6; border-style: solid; border-width:1px 0 1px 1px; float: left; z-index: 1;} #slider-container {} .slider-item {display:none; height: 239px; width: 600px; overflow: hidden; padding: 5px;} .first {display: block;} .slider-image-container {float: left; margin-right: 20px; overflow: hidden; height: 240px;} .slider-image-container img {border: 0;} .slider-image-container a {display:block;} .slider-info-container {overflow: hidden; display: block;} .slider-info-title {text-align:left; margin-top:10px; font:bold 16px arial,verdana,sans-serif; display: block;} .slider-info-subtitle {font-size: 12px; font-weight: bold; text-align: left; margin-top: 5px; font-family: arial, helvetica; display: block;} .slider-info-description {text-align: left; margin-top: 5px; color:#444; font:normal 12px arial,verdana,sans-serif; display: block;} .slider-info-listprice {text-align: left; margin-top: 5px; color:red; font:normal 11px arial,verdana,sans-serif; display: block;} .slider-info-ourprice {text-align: left; margin-top: 5px; color:red; font:bold 13px arial,verdana,sans-serif; display: block;} .slider-info-learnmore {margin-top:5px; height:37px; display: block;} .slider-info-learnmore:hover {cursor: pointer;} .slider-info-learnmore img {border: none;} #slider-controls {height: 249px; overflow:hidden; border-color: #DBE1E6; border-style: solid; border-width:1px 1px 1px 0;} #slider-nav {list-style: none outside none; margin: 0; padding: 0;} #slider-nav li {} #slider-nav a {padding: 0 3px 0 22px; height: 50px; overflow: hidden; background: url(http://ajax.gpscity.com/fp/arrow-sprite.png) no-repeat 0 -100px; display: block; display: table;} #slider-nav a:hover {text-decoration: none; background: url(http://ajax.gpscity.com/fp/arrow-sprite.png) no-repeat 0 -50px; color: #333333;} #slider-nav div.activeSlide a {background: url(http://ajax.gpscity.com/fp/arrow-sprite.png) no-repeat 0 0; color: #eaeaea;} #slider-nav a:focus {outline: none;} .slider-list-item-title {display: table-cell; vertical-align: middle; width: 173px;} .slider-list-img-wrapper {display: table-cell; vertical-align: middle; width: 41px;} #slider-nav img {height: 36px; width: 36px; border:0 none; vertical-align:middle; margin-right:5px;} .newgps {color:red; border-bottom: 1px solid #bbb; font:bold 16px "lucida grande",tahoma,sans-serif; } /* ========================================================================== // // LEFT NAV UPDATES // ========================================================================== */ /*#left-nav-1 {z-index: 100 !important; position: relative !important;}*/ /* ============================= // VIDEO SCROLLER STYLES (ROLEK) // =============================*/ #video-scroller-wrapper {border-top: 1px solid #cccccc; width: 620px} #video-scroller-title-gray {color: #777777; font-size: 0.95em; padding-top: 5px; text-align: center;} #video-scroller-title {color: #111111; font-size: 1.25em; font-weight: bold; text-align: left;} #scrollable-container {margin-top:5px; overflow:hidden;} .scrollable {position:relative; overflow:hidden; width: 540px; height:120px; float: left;} .scrollable .items {width:20000em; position:absolute;} .items-group {float: left;} .scollable-item {margin:0 5px; width:125px; float: left; cursor: pointer;} .scollable-item:hover {color: #111111;} .scollable-item img {display: block; width:125px;} .scollable-item-description {padding-top: 3px; display:block; cursor: pointer; text-align: left; font-size:0.85em;} /* prev, next, prevPage and nextPage buttons */ a.browse {background:url(http://www.gpscity.com/images/video-scroller-sprite.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:23px 2px; cursor:pointer; font-size:1px;} /* right */ a.right { background-position: 0 -30px; clear:right; margin-right: 0px;} a.right:hover { background-position:-30px -30px; } a.right:active { background-position:-60px -30px; } /* left */ a.left { margin-left: 0px; } a.left:hover { background-position:-30px 0; } a.left:active { background-position:-60px 0; } /* navigator */ .navi {height:20px; margin-top: 5px; text-align: center;} .navi a {width:8px; height:8px; display:inline-block; margin:3px; background:url(http://www.gpscity.com/images/navigator.png) 0 0 no-repeat; font-size:1px;} .navi a:hover {background-position:0 -8px;} .navi a.active {background-position:0 -16px;} /* ========================== // NOT SURE WHERE I USED THIS // ==========================*/ .item-subtitle {color:blue; font:normal 11px "lucida grande",verdana} .item-title{font:bold 15px "lucida grande",arial} .item-name{color:blue; font:normal 13px "lucida grande",arial} .item-description{color:#333; font:normal 11px "lucida grande",verdana} /* ========================== // WISHLIST // ==========================*/ .wishlist-title-1 {padding-left:8px; color:#333;text-align: left; font: bold 12px "lucida grande", tahoma, sans-serif; background: url(http://ajax.gpscity.com/m/bg_lightblue.png);} .wishlist-title-2 {color:#333; text-align: right; font: bold 12px "lucida grande", tahoma, sans-serif; background: url(http://ajax.gpscity.com/m/bg_lightblue.png);} .wishlist-title-3 {color:#333; text-align: center; font: bold 12px "lucida grande", tahoma, sans-serif; background: url(http://ajax.gpscity.com/m/bg_lightblue.png);} .wishlist-title-4 {color:#333; text-align: center; font: bold 12px "lucida grande", tahoma, sans-serif; background: url(http://ajax.gpscity.com/m/bg_lightblue.png);} .wishlist-item-graphic {border-left:1px solid #ddd;border-bottom:1px solid #ddd;padding-left:5px;padding-right:5px;} .wishlist-item-name {color:#777; border-bottom:1px solid #ddd; font: normal 11px "lucida grande", tahoma, sans-serif;} .wishlist-item-link {display:block; color:#333; font: bold 14px "lucida grande", tahoma, sans-serif;} .wishlist-item-remove {display:inline; color:#70b6e1; font:normal 11px "lucida grande",tahoma,sans-serif;} .wishlist-item-qty {color:red; text-align: center; border-bottom:1px solid #ddd; font: bold 12px "lucida grande", tahoma, sans-serif;} .wishlist-item-amount {color:#333; border-bottom:1px solid #ddd; font: bold 14px "lucida grande", tahoma, sans-serif;} .wishlist-item-price {color:#333; border-bottom:1px solid #ddd; font: bold 14px "lucida grande", tahoma, sans-serif;}