* {box-sizing: border-box;}

body {
border:0px;
margin:0px;
font:normal 12px Verdana, Arial;
color: #000000;
background-color: #ffffff;
}
a, a:visited {
/*font: 12px Verdana, Arial;*/
color: black;
text-decoration: none;
}
a:hover, a.active {
/*font: 12px Verdana, Arial;*/
color: red;
text-decoration: underline;
}
a.bluelink, a.bluelink:visited {
/*font: 12px Verdana, Arial;*/
color: blue;
text-decoration: underline;
}
a.bluelink:hover, a.bluelink:active {
/*font: 12px Verdana, Arial;*/
color: red;
text-decoration: underline;
}
a.bluelinkn, a.bluelinkn:visited {
/*font:normal 12px Verdana, Arial;*/
color: blue;
text-decoration: none;
}
a.bluelinkn:hover, a.bluelinkn:active {
/*font:normal 12px Verdana, Arial;*/
color: red;
text-decoration: none;
}
a.blueimage, a.blueimage:visited {
font: 12px Verdana, Arial;
color: blue;
text-decoration: none;
}
a.blueimage:hover, a.blueimage:active {
font: 12px Verdana, Arial;
color: red;
text-decoration: none;
}
a.image, a.image:visited {
font: 12px Verdana, Arial;
color: black;
text-decoration: none;
}
a.image:hover, a.image:active {
font: 12px Verdana, Arial;
color: red;
text-decoration: none;
}
form, input, select, table, th, tr, td, p, div {
font: 12px Verdana, Arial;
}

/*h1 {
margin:0;
padding-top:14px;
padding-bottom:8px;
padding-left:0px;
color: #000000;
font:bold 20px arial,helvetica,sans-serif;
display:inline;
}*/

h1 {
margin:0;
padding-top:14px;
padding-bottom:8px;
padding-left:0px;
color:#111;
font:bold 20px arial,verdana,helvetica,sans-serif;
background: #ffffff;
}

/*h2 {
margin:0 auto;
padding:0;
font:bold 14px arial,helvetica,sans-serif;
display:inline;
}*/

h2 {
margin:0;
padding-top:15px;
padding-bottom:15px;
padding-left:0px;
color:#111;
font:bold 20px arial,verdana,helvetica,sans-serif;
background: #ffffff;
}

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: #444;*/
/*color: #e67a14;*/
color: #888;
text-decoration: none;
/*font:normal 13px "Lucida Sans","Lucida Sans Unicode",verdana,arial,helvetica,sans-serif;*/
font:bold 14px arial,helvetica,sans-serif;
}

h3 a:hover, h3 a:active {
/*color: #0085cf;*/
color: red;
text-decoration: none;
/*font:normal 13px "Lucida Sans",verdana,arial,helvetica,sans-serif;*/
font:bold 14px arial,helvetica,sans-serif;
}

h4 {
/*padding:0px;/*
/*color:#444;*/
font-weight: bold;
font-size:100%;
display:inline;
}
/*h3 {
margin:0;
padding:0px;
font:bold 13px arial,helvetica,sans-serif;
}*/

/* product page tabs */
#tabbox {
	width: 975px;
	background-image: url(/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(/m/tab.jpg);
	text-align: center;
	margin-left: -3px;
}

ul#tabs li {
	/* stupid ie hack*/
	display: inline !ie;
	margin-left: 0px !ie;
}

	ul#tabs li.selected {
		background-image: url(/m/tab_selected.jpg);
	}

	ul#tabs li.hover {
		background-image: url(/m/tab_hover.jpg);
	}

		ul#tabs li a {
			line-height: 29px;
			color: #000;
			font-family: "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
			/*font-family: 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: #000000;*/
			color:red;
			font-weight:bold;
		}




b {
margin:0px;
padding:0px;
/*font:bold 12px Verdana, Arial;*/
}
.bold {
font:bold 12px Arial, Verdana;
margin:0px;
padding:0px;
}
.headertitle {
font:bold 17px Verdana, Arial;
color: #777777;
}
.maintitle {
font:bold 14px Verdana, Arial;
color: #000000;
}
.asterisk {
font:bold 11px Verdana, Arial;
color: #ff0099;
}
.errormessage {
font:bold 12px Arial;
color:red;
background-color: #ffffcc;
border: 1px solid #777777;
}
.emailsignup {
font:12px Verdana, Arial;
color: #000000;
background-color: #fbfbfb;
height: 40px;
border: 1px solid #888888;
padding: 2px;
}
.titlebg {
font:bold 12px arial,helvetica,sans-serif;
line-height: 20px;
padding-left: 5px;
color:#000;
height: 26px;
background-image: url('/g/exp/navfpbgwhite.gif');
border-style: solid solid none solid;
border-color: #cccccc;
border-width: 1px;
}
.h1large {
font:bold 22px arial;
color:#333333;
}
.selection {
font:10px arial;
color: #222222;
line-height: normal;
}
.selection a:link {
font:10px arial;
color:#333333;
line-height: normal;
text-decoration:underline;
}
.selection a:visited {
font:10px arial;
color:#333333;
line-height: normal;
text-decoration:underline;
}
.selection a:hover {
font:10px arial;
color:#333333;
line-height: normal;
text-decoration:underline;
}
.imageborder {
border: 1px solid #aaaaaa;
padding:1px;
}
.ramskudata {
float:left;
height:50px;
border: 0px;
padding: 2px 10px 2px 0px;
}

/*--------- Video Tab Format - Product Page --------------*/
#videotab { margin: 0px; width: 270px; 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; }



/*----------Visibility Sections -----------------*/
#controls {
border-bottom: 1px solid #004e61;
color: #ffffff;
margin: 0;
padding-left: 6px;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 21px;
}
#controls li {
display: inline;
color: #ffffff;
list-style-type: none;
margin: 0 5px 0 0;
float: left;
}
#controls li a {
float: left;
padding: 0px 4px 0px 4px;
line-height: 20px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}
a.off {
line-height: 20px;
background-image: url('/g/exp/navppbgblack.gif');
/*background: #fc0; */
/*text-decoration: underline;*/
color: #ffffff;
}
a.off:hover {
line-height: 20px;
background: #efefef;
/*background-image: url('/g/exp/navppbgwhite.gif');*/
color: #f00;
}
#controls li a:active, a.on, a.on:hover {
line-height: 20px;
/*background-image: url('/g/exp/navppbgwhite.gif');*/
background:#efefef;
/*background:#ffffff;*/
border-bottom: 1px solid #adadad;
}

/*---- front page tabs ----*/
#controlsfp {
/*border-bottom: 1px solid #ccc;*/
color: #ffffff;
margin: 0;
padding-left: 2px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 21px;
}
#controlsfp li {
display: inline;
color: #ffffff;
list-style-type: none;
margin: 0 5px 0 0;
float: right;
}
#controlsfp li a {
float: left;
padding: 0px 5px 0px 5px;
line-height: 20px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
#controlsfp a.off {
background-image: url('/g/exp/navppbgblack.gif');
/*background: #999999;*/
text-decoration: none;
}
#controlsfp a.off:hover {
background-image: url('/g/exp/navppbgwhite.gif');
/*background: #bbbbbb;*/
text-decoration: none;
color: #ff0000;
}
#controlsfp li a:active,
#controlsfp a.on,
#controlsfp a.on:hover {
background-image: url('/g/exp/navppbgwhite.gif');
/*background:#fff;*/
/* border-bottom: 1px solid #ffffff; */
text-decoration: none;
color: #000000;
}

/* Original tabs that did not change on click
#controls {
  border-bottom: 1px solid #004e61;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 19px;
}
#controls ul, #controls li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
  padding: 2px 10px 2px 10px;
  margin-right: 8px;
  line-height: 14px;
  border:  1px solid #1d93b6;
  border-bottom: 1px solid #004e61;
}
#controls li {
  background:#e3ebe2;
}
#controls li.active {
  background: #ffffff;
  font-weight: bold;
  border: 1px solid #004e61;
  border-bottom: 1px solid #ffffff;
}
#controls li a {
  text-decoration: none;
}
#controls li a:hover, #controls li a:active {
  text-decoration: underline;
}*/

/*--------- Navigation Bar --------------*/
#nav {
height: 24px;
margin: 0px;
padding: 0px;
width: 950px;
position: relative;
}
/* -------- Top Level Links --------- */
#nav ul {
list-style: none;
margin: 0 0 0 10px;
padding: 2px;
}
#nav ul li {
float: left;
border-right: 0px solid #444444;
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
}
#nav ul li a {
text-decoration: none;
display: block;
padding: 3px 6px;
margin: 0px;
color: #000000;
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
}
#nav ul li a:hover {
text-decoration: none;
color: #777777;
}
/* -------- 2nd Level Drop Down Links --------- */
#nav ul li ul {
position: absolute;
visibility:hidden;
padding: 0px;
margin: 0px 0px 0px 2px;
list-style: none;
border: 1px solid #000000;
text-align: left;
}
#nav ul li ul li {
clear: left;
display: block;
border-right-style: none;
background: #eeeeee;
margin: 0px;
padding: 0px;
width: 180px;
z-index: 2;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#nav ul li ul li a {
text-decoration: none;
color: #000000;
padding: 1px 3px 1px 6px;
margin: 0px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#nav ul li ul li a:hover {
text-decoration: none;
color: #ffffff;
background:#000000;
}
/* -------- 3rd Level Pop Over Links --------- */
#nav ul li ul li ul {
position: absolute;
left: 175px;
visibility: hidden;
margin: -15px 0 0 -15px;
border: 1px solid #000000;
}
#nav ul li ul li ul li {
background: #eeeeee;
}
#nav ul li:hover ul ul,
#nav ul li.sfhover ul ul {
visibility: hidden;
}
/* -------- Rollover Display Hidden Links --------- */
#nav ul li:hover ul,
#nav ul li ul li:hover ul,
#nav ul li.sfhover ul,
#nav ul li ul li.sfhover ul {
visibility: visible;
}
/* -------- Left & Right Images --------- */
#nav #leftcap {
position: absolute;
left: 0px;
top: 0px;
width: 5px;
height: 20px;
}
#nav #rightcap {
position: absolute;
right: 0px;
top: 0px;
width: 5px;
height: 20px;
}
#nav #centertile {
position: absolute;
right: 0px;
top: 0px;
width: 5px;
height: 20px;
}
#nav ul li a.nolink, #nav ul li a.nolink:hover {
text-decoration: none;
}
#nav ul li ul.wide li {
width: 205px;
}
#nav ul li.noborder {
border-right: none;
}

/*--------- Navigation Bar v2--------------*/
#nav2 {
height: 24px;
margin: 0px;
padding: 0px;
width: 975px;
position: relative;
font: 10px Verdana, Arial, Helvetica, sans-serif;
}
/* -------- Top Level Links --------- */
#nav2 ul {
list-style: none;
margin: 0 0 0 10px;
padding: 2px;
}
#nav2 ul li {
float: left;
border-right: 0px solid #444444;
}
#nav2 ul li a {
text-decoration: none;
display: block;
padding: 3px 6px;
margin: 0px;
color: #000000;
}
#nav2 ul li a:hover {
text-decoration: none;
color: #777777;
}
/* -------- 2nd Level Drop Down Links --------- */
#nav2 ul li ul {
position: absolute;
visibility:hidden;
padding: 0px;
margin: 0px 0px 0px 2px;
list-style: none;
border: 1px solid #000000;
text-align: left;
}
#nav2 ul li ul li {
clear: left;
display: block;
border-right-style: none;
background: #eeeeee;
margin: 0px;
padding: 0px;
width: 180px;
z-index: 2;
}
#nav2 ul li ul li a {
text-decoration: none;
color: #000000;
padding: 1px 3px 1px 6px;
margin: 0px;
}
#nav2 ul li ul li a:hover {
text-decoration: none;
color: #ffffff;
background:#000000;
}
/* -------- 3rd Level Pop Over Links --------- */
#nav2 ul li ul li ul {
position: absolute;
left: 175px;
visibility: hidden;
margin: -15px 0 0 -15px;
border: 1px solid #000000;
}
#nav2 ul li ul li ul li {
background: #eeeeee;
}
#nav2 ul li:hover ul ul,
#nav2 ul li.sfhover ul ul {
visibility: hidden;
}
/* -------- Rollover Display Hidden Links --------- */
#nav2 ul li:hover ul,
#nav2 ul li ul li:hover ul,
#nav2 ul li.sfhover ul,
#nav2 ul li ul li.sfhover ul {
visibility: visible;
}
/* -------- Left & Right Images --------- */
#nav2 #leftcap {
position: absolute;
left: 0px;
top: 0px;
width: 5px;
height: 20px;
}
#nav2 #rightcap {
position: absolute;
right: 0px;
top: 0px;
width: 5px;
height: 20px;
}
#nav2 #centertile {
position: absolute;
right: 0px;
top: 0px;
width: 5px;
height: 20px;
}
#nav2 ul li a.nolink, #nav ul li a.nolink:hover {
text-decoration: none;
}
#nav2 ul li ul.wide li {
width: 205px;
}
#nav2 ul li.noborder {
border-right: none;
}

/*---------- 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:#cccccc;
}
.radiocheckedoff {
font-size:10px;
padding:0px 0px 10px 4px;
}

/*---------- Lists on product page descriptions -----------------*/
#list {
margin: 0;
padding: 0;
}
#list li {
margin: 0px 40px 0px -15px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
float: left;
}

/*---------- splash page -----------------*/
.splfontsmall {
font-size:11px;
font-family:verdana,arial,helvetica,sans-serif;
color:#666666;
line-height:140%;
text-align:center;
margin:0px;
}
.splfont {
font-size:12px;
font-family:verdana,arial,helvetica,sans-serif;
color:#333333;
line-height:140%;
border:0px;
margin:0px;
}
.splcolorbox4 {
font-size:12px;
font-family:verdana,arial,helvetica,sans-serif;
color:#333333;
border:thin solid #cccccc;
background-color:#eeeeee;
padding:5px;
margin:0px;
vertical-align:top;
height:110px;
}
a.splcolorbox4, a.splcolorbox4:visited {
font-size:12px;
font-family:verdana,arial,helvetica,sans-serif;
color:#333333;
border:0px;
padding:0px;
margin:0px;
text-decoration: none;
text-align:left;
}
a.splcolorbox4:hover, a.splcolorbox4:active {
font-size:12px;
font-family:verdana,arial,helvetica,sans-serif;
color:#ff0000;
border:0px;
padding:0px;
margin:0px;
text-decoration: none;
text-align:left;
}
.splcolorbox4t {
font-size:14px;
font-family:arial,helvetica,sans-serif;
font-weight:bold;
color:#333333;
line-height:150%;
text-align:left;
}
.splh1 {
font-size:26px;
font-family:arial,helvetica,sans-serif;
font-weight:bold;
color:#333333;
padding:8px 0px 12px 0px;
text-align:left;
}
.splh1nav, a.splh1nav, a.splh1nav:visited {
font-size:13px;
font-family:arial,helvetica,sans-serif;
color:#666666;
padding-top:5px;
text-align:right;
}
a.splh1nav:hover, a.splh1nav:active {
font-size:13px;
font-family:arial,helvetica,sans-serif;
color:#ff0000;
/*color:#2868dd;*/
text-decoration: none;
padding-top:5px;
text-align:right;
}
.splh2 {
font-size:18px;
font-family:arial,helvetica,sans-serif;
font-weight:normal;
color:#333333;
padding:10px 0px 10px 0px;
text-align:left;
}
.splh2large {
font-size:26px;
font-family:arial,helvetica,sans-serif;
font-weight:normal;
color:#333333;
padding:10px 0px 20px 0px;
text-align:center;
}
.splh3 {
font-size:18px;
font-family:arial,helvetica,sans-serif;
font-weight:bold;
color:#333333;
text-align:center;
}

/*--------- Product Page List --------------*/
#lista ul {
list-style: none;
margin: 0;
padding-left: 1em;
text-indent: -1em;
}

/*--------- Bubble Tooltip Popup --------------*/
/* copyrighted - do not copy - build your own!!*/
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: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-7px; left:0px;
	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;
    background: url(/m/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background: url(/m/bubble_filler.gif) repeat bottom;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(/m/bubble.gif) no-repeat bottom;
}

div#links {position: relative;}
div#links a {display: block;}
div#links a:hover {color: #411; background: #fff;}
div#links a span {display: none;}
div#links a:hover span {display: block; z-index: 2000;
   position: absolute; top: 3px; left: 120px; width: 200px;
   padding: 5px; margin: 10px; color: black; background: silver; border: 1px solid black;
   font: 11px Tahoma, Verdana, sans-serif; text-align: left;}