/* START GENERAL */
body 
{
  background-color: #fff;
  font-family: Trebuchet, Verdana, Helvetica, Arial, sans-serif;
  font-size: 12pt;
  text-align:center;
  color: #666666;
  height:100%;
  margin:0;
  padding:0;
}

body, div ,img, td, tr, table,h1,h2,h3
{
  border: 0px;
  padding: 0px;
  margin: 0px;
}

body,td,tr,table{
font-size:8pt;
line-height:16px;
}
td{
vertical-align:top;
}
a 
{
  color:#007AFF;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #005BBF;
}

.bB{border:1px solid #E7E8EA;padding:1em;line-height:14px;vertical-align:middle}
.bH{border:1px solid #E7E8EA;padding:1em;font-weight:bold;background-color:#fff;vertical-align:middle;}
hr{
border-top:1px solid #ccc;border-bottom:1px solid #fff;height:0px;color:#ccc;
margin-left:-18px;
margin-right:-20px;
}
h2{
font-size:15pt;
line-height:18pt;
font-weight:500;
padding-bottom:15px;
}
h3{
font-size:13pt;
line-height:15pt;
font-weight:500;
}
h4{
font-weight:500;
font-size:11pt;
}
h5{
font-weight:500;
line-height:15pt;
margin:4px 0px;
font-size:12pt;
}
h6{
font-weight:500;
font-size:11pt;
line-height:15pt;
margin:6px 0px;
}
ul{
margin:10px 0px 0px -10px;
_margin:15px;
padding-bottom:10px;
}
li .dropbtn {
	display:inline-block;
	color:white;
	text-align:center;
	text-decoration:none;
	outline:none;
	}
li .dropdown {
	display:inline-block;
	margin-left:-20px;
}
.navLink, .dropbtn {
	color:white;
	text-align:center;
	text-decoration:none;
	outline:none;
}
.navLink:hover, .dropbtn:hover, .ddLink:hover {
	color:#e9e9e9;
}
.dropdown-content {
	display:none;
	position:absolute;
	background-color:#006cd9;
	min-width:160px;
	box-shadow:1px 2px 3px 0px rgba(0,0,0,0.20);
}
.dropdown-content a {
	color:white;
	padding:5px 10px;
	text-decoration:none;
	outline:none;
	display: block;
	text-align:left;
}
.dropdown:hover .dropdown-content {
	display:block;
}

li::-moz-list-bullet{ 
font-size:12px 
}
/* END GENERAL */
/* START FORM STYLES */
fieldset{
  border: 1px solid #b3b3b3;
  color: #a6a6a6;
  font-size:13px;
  font-weight:bold;
  line-height: 26px;
  padding:10px;
}
legend{
  color: #a6a6a6;
}
/* END FORM STYLES */
/* START WRAPPERS */
div#structureTop{

}

div#structureMiddle{

}
div#structureBottom{
height:30px;
/*overflow:hidden;*/

}
div#contentPrep{
  margin:0px auto;
  height:5px;
  width:768px;
  line-height:4px; /* IE HACK */
  font-size:4px; /* IE HACK */
  background-repeat:no-repeat;
  background-position:0px 0px;
}
.twoGradient{
  background-image:url(images/bg_two_gradient.png);
}
div#contentArea{
  margin:0px auto;
  width:768px;
  text-align:left;
  background-position:0px 0px;
  background-repeat:repeat-y;
}
.twoArea{
  background-image:url(images/bg_two_content.png);
}
#headerRight{
  float:left;
  width:436px;
  height:77px;
  text-align:right;
  padding-top:32px;
  font-size:8pt;
}
#headerLeft{
  float:left;
  width:317px;
  height:84px;
  padding-top:25px;
  padding-left:1px;
}
#logoimage {
	float:left;
	width:255px;
    height:84px;
	background-size: cover;
	background-image: url(images/iSailGPSlogo.png);
}
#ihikeMiniIcon {
	width:44px;
    height:44px;
	background-size: cover;
	background-image: url(images/iHikeGPSIconMini.png);
	display:block;
}
#isailNzMiniIcon {
	width:44px;
    height:44px;
	background-size: cover;
	background-image: url(images/iSailGPSNZIconMini.png);
	display:block;
}
#mgpMiniLogo {
	display:inline-block;
	width:96px;
    height:41px;
	background-size: cover;
	background-image: url(images/MGPlogoMini.jpg);
}
#editorsChoicePSh {
	display:block;
	width:159px;
    height:119px;
	background-size: cover;
	background-image: url(images/PS_Small.png);
	margin-top:8px;
	margin-bottom:1px;
	margin-left:-6px
}
#editorsChoicePSr {
	display:block;
	width:213px;
    height:160px;
	background-size: cover;
	background-image: url(images/PS_Medium.png);
	margin-top:25px;
}
#PSLogo {
	display:block;
	width:213px;
    height:41px;
	background-size: cover;
	background-image: url(images/PracticalSailorLogo.jpg);
	margin-top:25px;
}
@media (min--moz-device-pixel-ratio: 1.2),
   (-o-min-device-pixel-ratio: 6/5),
   (-webkit-min-device-pixel-ratio: 1.2),
   (-ms-min-device-pixel-ratio: 1.25),
   (min-device-pixel-ratio: 1.2),
   (min-resolution: 115dpi),
   (min-resolution: 1.2dppx),
   print {
	#logoimage {
		background-image: url(images/iSailGPSlogo@2x.png);
	}
	#ihikeMiniIcon {
		background-image: url(images/iHikeGPSIconMini@2x.png);
	}
	#isailNzMiniIcon {
		background-image: url(images/iSailGPSNZIconMini@2x.png);
	}
	#mgpMiniLogo {
		background-image: url(images/MGPlogoMini@2x.jpg);
	}
	#editorsChoicePSh {
		background-image: url(images/PS_Small@2x.png);
	}
	#editorsChoicePSr {
		background-image: url(images/PS_Medium@2x.png);
	}
	#PSLogo {
		background-image: url(images/PracticalSailorLogo@2x.jpg);
	}
}
div.indent{
margin-left:30px;
}
/* END WRAPPERS */

/* START HEADER */
div#header{
  margin:0px auto;
  height:136px;
  background-image:url(images/bg_header.png);
  background-repeat:no-repeat;
  background-position:0px 0px;
  width: 768px;
}

div#logo{
  padding-left:25px;
  line-height:90px;
  vertical-align:middle;
}
.clear{
clear:both;
}
/* END HEADER */
.button{
  width: 322px;
  height: 180px;
  background-repeat:no-repeat;
  font-size:8pt;
  line-height:12pt;
}
#buttonShort{
  width: 322px;
  height: 93px;
  background-image:url(images/button_short.jpg);
  background-repeat:no-repeat;
  font-size:8pt;
  line-height:14pt;
  margin:0px auto;
}
#buttonRShort{
  width: 265px;
  height: 93px;
  background-image:url(images/button_r_short.jpg);
  background-repeat:no-repeat;
  font-size:8pt;
  line-height:14pt;
  margin:0px auto;
}

#buttonRRShort{
  width: 251px;
  height: 88px;
  background-image:url(images/button_rr_short.jpg);
  background-repeat:no-repeat;
  font-size:8pt;
  line-height:14pt;
  margin:0px auto;
}

/* START FOOTER */
div#footer{
  margin:0px auto;
  height:6px;
  background-repeat:no-repeat;
  background-position:0px 0px;
  width: 768px;
}
.twoFooter{
  background-image:url(images/bg_two_footer.png);
}
/* END FOOTER */
/* START NAV */
.dualCaptionHalf{
margin-left:34px;
float:left;
text-align:left;
width:338px;
line-height:15px;
}
.dualCaptionHalf2{
margin-left:6px;
float:left;
text-align:left;
width:318px;
line-height:15px;
}
div#nav{
  position:relative;
  text-align:center;
  margin:0px auto;
  height:28px;
  width: 768px;
  font-weight:600;
  background-image:url(images/bg_menu.png);
  background-repeat:no-repeat;
  background-position:0px 0px;
}
#navList{
  position:absolute;left:0px;top:0px;
  padding-top:3px;
  padding-left:38px;
  font-size:9.7pt;
  line-height:20px;
}
#navlist sup {
 vertical-align:baseline;
 position:relative;
 font-size:smaller;
 top:-0.4em
}
#navList ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	font-weight:500;
} 
#navList ul li {
	margin-left: 0;
	padding: 3px 10px;
	list-style: none;
	display: inline;

}
#navList ul li.first {
	margin-left: 0;
	padding: 3px 10px 0px 30px;
	border-left: none;
	list-style: none;
	display: inline;
  }

.highlightColor{
	color:#16be32;
}
.highlightColorBold{
	color:#16be32;
	font-weight:bold;
}
#footerInfo{
	width:768px;
	height:50px;
	margin:0px auto;
	padding-top:10px;
}
#footerLinks{
	float:left;
	text-align:left;
	width:305px;
	height:50px;
	margin:0px auto;
	padding-left:3px;
}
#footerRights{
	float:right;
	width:388px;
	text-align:right;
}
.screenshotArea{
width:739px;
text-align:center;
font-size:8pt;
line-height:12pt;
}
.screenshotAreaSmall{
width:200px;
text-align:center;
}
#twoColumnLeft{
	width:340px;
	float:left;
	margin-bottom:1px;
	margin-right:19px;
}

#twoColumnRight{
	width:385px;
	_width:385px;
	_vertical-align:top;
	float:left;
	text-align:center;
	margin-bottom:23px;
	
}
#twoColumnLeftHome{
	width:402px;
	float:left;
	margin-bottom:1px;
}

#twoColumnRightHome{
	width:307px;
	_vertical-align:top;
	float:right;
	text-align:center;
	margin-bottom:0px;
    padding-right:18px;
}

div.thinDivider{border-top:1px solid #e1e1da;padding-top:2px;padding-bottom:2px;}
div.divider{border-top:1px solid #e1e1da;padding-top:4px;padding-bottom:4px;}
/* END NAV */

/* START LANDING PAGE COLUMNS */
#twoColumnHolder{
border:1px dashed #000;
width:768px;
}
#twoColumnPrepped{
padding:25px 0px 30px 40px;
}
.copy{
font-size:9pt;
line-height:16pt;
font-weight:500;
}
.copyShort{
font-size:9pt;
line-height:12pt;
font-weight:500;
}
.copyShort li{
margin-bottom:4pt;
/* line-height:14pt; */
}
.copy li{
margin-bottom:3pt;
line-height:12pt;
font-size:9pt;
}
.spacing{
width:6px;
}
/* START CLASSES */
.full {width:100%;height:100%;display:block;}
.full a {text-decoration:none;}
.panel {padding:7px;}

.compatibleReceivers{float: left; width: 695px;}
.systemRequirements{padding:0px; padding-top:10px; line-height:11pt; font-size:7pt; font-weight:500;}
.stateHeadingStyle{white-space: nowrap; line-height: 18pt;}
.lineHeight7{line-height: 7pt;_line-height:10pt;margin:0padding:0;}