/* -------------------------------------------------------------- 
  
  STYLE CSS
   * Filename:        feature.css
  
  Modified:
   * 2011-01-11 (claus.bo.hansen@garmin.com)
     Initial version 
   * 2011-10-03 (claus.bo.hansen@garmin.com)
     Add styling for social network in footer menu
    
-------------------------------------------------------------- */

.leftblock, .rightblock {
  width: 445px;
  margin: 40px 0px 30px 0px;
}

.leftblock {
  clear: both;
  float: left;
}

.rightblock {
  float: right;
}

.leftblock img, .rightblock img {
  float: left;
  padding: 0px;
  margin: 0px 26px 20px 0px;
}

/* .leftblock p, .rightblock p, .odd p, .even p, li { */
.leftblock p, .rightblock p, .odd p, .even p {
  text-align: justify;
}

.blockcontent {
  clear: both;
}

.backlink {
  clear: both;
}

.backlink img {
  float: left;
  margin: 0 6px 0 0;
}

.backlink p {
  text-decoration: underline;
  padding-top: 7px;
}

.linkgroup {
  margin-bottom: -12px;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

p.caption {
  color: #666666;
  font-size: 0.8em;
  left: 16px;
  position: relative;
  text-decoration: none;
  top: -18px;
  z-index: -10;
}

td.legalleft, td.legalright {
  border: none;
  vertical-align: top;
  padding: 12px 36px 0px 0px;
}

.legalleft h3, .legalright h3 {
  margin-top: 1.2em;
  margin-bottom: 0em;
}

.instructions {
  background: #ffffff url('http://static.garmin.com/shared/nordic/m/g/wrench.png') repeat-y left top;
  margin: 50px 0 0 0;
  padding: 0 0 0 100px;
}

.instructions ol {
  list-style-position: outside;
}

.instructions h2 {
  font-size: 1em;
}

.instructions li p {
  font-size: 13px;
}

.instructions li {
  padding-left: 50px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 1.5em;
}

.note {
  font-size: 0.8em;
  font-style: italic;
  margin-top: -1.5em;
  
}

.odd img {
  float: right;
  margin: 6px 0px 10px 10px;
}

.even img {
  float: left;
  margin: 6px 10px 10px 0px;
}

td.feature img {
  border: 0px;
  padding: 0px;
  margin: 0px 5px 5px 5px;
}

.even p, .even h2, .even ul {
  margin-left: 415px;
}

.even ul {
  list-style-position: outside;
  margin-left: 440px;
}

.odd ul {
  list-style-position: outside;
  margin-left: 25px;
}

.odd p, .odd h2 {
  margin-right: 415px;
}

.even li, .odd li {
  margin-bottom: 0.4em;
}

img.screendump {
  border: 1px solid;
  padding: 2px;
}

.featureblock {
  padding: 20px 0px 0px 0px;
  clear: both;
}

#feature {
  text-align: center;
}

.even, .odd {
  padding: 20px 0px 0px 0px;
  clear: both;
}

table.comparison tr td.feature {
    text-align: center;
}

table.comparison {
  padding: 15px 20px 10px 0px;
  clear: left;
}

table.comparison h2 {
  margin-right: 0;
}

table.full {
  width: 100%;
  border-collapse: collapse;
}

table.full td {
  padding: 10px;
  border: 1px solid #DDDDDD;
}

table.clean td {
  border: none;
  padding: 0px;
}

table.clean,
table.clean tr td {
  border: none;
  padding-right: 10px;
}

.footer p {
    color: #888888;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    border-top: 1px solid #DDDDDD;
    padding: 0.5em 0;
    margin: 0px;
  
}

.footer p a {
    color: #888888;
    text-decoration: none;
}

div.last {
    border-bottom: none;
}

div.breadcrumb {
    border-bottom: 1px dotted #CCCCCC;
}

.news-navigation {
 
    padding-right: 40px;
    width: 230px;
    float: left;
    margin-right: 10px;
}

.news-content {
    float: left;
    margin-right: 0;
    width: 670px;
}

.news-content div.span-24 {
    width: 670px;
}


.linkgroup .cssbox {
    margin: 0 0 25px;
    padding-right: 0;
    width: 230px !important;
}