html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
  background-color: #EEEEEE;
  color: #333;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  text-align: left;
  padding: 8px;
}

/*body {
  background-color: #EEEEEE;
  color: #000305;
  font-size: 87.5%;
  font-family: arial, helvetica, sans-serif;
  text-align: left;
}*/

h1, h2, h3 {
  margin: 0 0;
}

.h1, h1 {
	font-size: 20px;
	font-weight: 600;
}
.h2, h2 {
	font-size: 18px;
}
.h3, h3 {
	font-size: 16px;
}

table {
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid #999999;
}

hr {
  height: 1px;
  color: #F5F5F5;
}

.lastUpdate {
	
}

#mapsearch {
  width : 100%;
  height : 75px;
}

#container {
  margin: 0 auto;
  width:100%;
  clear: both;
}

#networkAd {
  display:none;
}

#ad-header {
  min-height: 266px;
}

#ad-nav {
  min-height: 280px;
}

#breadcrumbs{font-size:10px;clear:both;}
#breadcrumbs ol{margin:0;padding:0;list-style-type:none}
#breadcrumbs ol li{display:inline}
#breadcrumbs li::before{content: ">"}
#breadcrumbs li:first-child::before{content: ""}

#header {
  width:100%;
  background-color: #FFFFFF;
  height: auto;
  height: 94px;

  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#header .logo {
  padding: 1% 0 0 2%;
  height: 90px;
  width: 468px;
}

#header .cart {
  float: right;
  padding-top: 14px;
  padding-bottom: 0px;
}

.topnav {
  background-color: #999999;
  overflow: hidden;
  height: 50px;

  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #F2F2F2;
    text-align: center;
    padding: 14px 10px;
    text-decoration: none;
    font-size: 16px;
}

.topnav a:hover, .active {
  background-color: #F00F00;
  color: white;
  text-shadow: none;
  height: 50px;

  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.topnav .icon {
  display: none;
}

#leftCol {
  width: 68%;
  float: left;
  margin: 2% 2% 0 0;
  background-color: #FFFFFF;
  padding: 2% 2%;

  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.software {
  width: 100%;
  height: auto;
  clear: both;
}

.software-image {
  float: left;
  width: 46%;
  text-align: center;
}

.software-details {
  float: left;
  width: 54%;
  clear:right;
}

.software-details ul {
  padding: 0 0 0 13px;
}

.software-buy {
  width: 100%;
  text-align: center;
  margin: 0 0 3% 0;
}
.price {
  font-family: verdana;
  font-size: 16px;
  font-weight: bold;
  color: #F00F00;
}

.download-main {
  width: 100%;
  height: 140px;
  clear:both;
}

.download-detail {
  float: left;
  width: 47%;
  height: 100%;
  border: thin solid #CCCCCC;
}
.download-links {
  float: left;
  width: 53%;
  height: 100%;
}

.download-detail,.download-details {
  text-align: center;
}

.detail-header h1 {
  font-size:16px;
  padding-top: 5px;
}

.download-header img{
  font-size:16px;
  margin-top: 5px;
}

.detail-footer img {
  width: 48px;
  height: 48px;
  margin: 5px 5px;
}

.detail-footer p {
  margin: 0 auto;
}

.detail-header, .download-header {
  background-color: #F5F5F5;
  height: 30px;
  text-align: center;
}

.download {
  float: left;
  width: 33.3333333%;
  border: thin solid #CCCCCC;
}

.download-details {
  height: 90px;
  padding-top: 20px;
}

.download-footer {
  float: left;
  width: 100%;
  text-align:center;
  padding-top: 10px;
  font-weight: bold;
  clear: both;
}

.overview {
  float:left;
}

.comparisons {
  float:left;
  width:100%;
}

.comparisons tr:nth-child(even) {background: #FFFFFF}
.comparisons tr:nth-child(odd) {background: #FFFFCC}

.comparisons table {
    border-collapse: collapse;
}

.comparisons table, th, td {
    border: 1px solid #999999;
}

#rightCol {
  width: 30%;
  float:left;
  margin: 2% 0 0 0;
  background-color: #FFFFFF;
  padding: 2% 2%;

  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#footer {
  margin: 2% 0;
  width: 100%;
  background-color: #999;
  height: 100%;
  float: left;

  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#footer p {
  color: #FFFFFF;
  margin: 0 auto;
  padding: 5px 20px;
  text-align: center;

}

#footer a {
  color: #FFFFFF;
  text-decoration: none;
}

.smallgif {
  height: 20px;
  width: 65px;
}

@media only screen and (max-width: 728px) {

  .topnav a:not(:first-child) {display: none;}

  .topnav a.icon {
    float: right;
    display: block;
  }

  #ad-header {
    min-height: 200px;
  }

}

@media only screen and (max-width: 728px) {

  #container {
    width:95%;
    font-size: 100%;
  }

    #ad-header {
    min-height: 200px;
  }

  .logo {
    display: none;
  }

  #leftCol, #rightCol, .navigation, .download-detail, .download-links,.software-details, .software-image {
    width: 100%;
  }

  .topnav.responsive {
    position: relative;
    height: 100%;
  }

  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}