.clearb {
  clear:both;
}
/* PROGRESS BAR */
div.compare-line-bg {
  background:url(http://oticon.com/Components/Design/Skins/OticonWebsite/img/ext/table-compare-bg.png) no-repeat 113px 118px;
  float:left;
}
div.compare {
  border-bottom:3px solid #eaeaea;
  float:left;
  position:relative;
  width:860px;
  z-index:0;
}
div.compare div.indicator {
  background-color:#f2f1f1;
  display:none;
  float:left;
  font-size:1px;
  left:240px;
  position:absolute;
  top:0;
  z-index:0;
}
div.compare span.img-box {
  display:block;
  float:left;
  margin-top:25px;
  width:109px;
}
ul#progress-bar {
  background:url(http://oticon.com/Components/Design/Skins/OticonWebsite/img/ext/progress-bar-bg.png) top left;
  color:#a6a6a6;
  height:61px;
  margin-bottom:20px;
  padding:0;
  position:relative;
  width:864px;
  z-index:1;
}
ul#progress-bar li {
  background:url(http://oticon.com/Components/Design/Skins/OticonWebsite/img/ext/progress-bar-bg.png) top right;
  display:block;
  float:left;
  height:61px;
  padding-left:0;
  position:relative;
  width:144px;
}
ul#progress-bar li a, ul#progress-bar li span {
  color:#a6a6a6;
  display:block;
  font:12px Arial;
  padding-left:11px;
  position:relative;
  text-decoration:none;
  z-index:1;
}
ul#progress-bar li a {
  display:block;
  font-size:12px;
  height:55px;
  line-height:11px;
  padding:6px 6px 0 6px;
}
ul#progress-bar li span.inactive, ul#progress-bar li span.inactive span {
  color:#d0d0d0;
  display:block;
  position:relative;
  text-decoration:none;
  z-index:1;
}
ul#progress-bar li a strong, ul#progress-bar li span strong {
  display:block;
  font-size:16px;
  margin:0 3px 4px 0;
}
ul#progress-bar li a span, ul#progress-bar li span span {
  float:left;
  font:bold 14px Arial;
  height:30px;
  padding:0;
}
ul#progress-bar li span.tooltip {
  background-color:#fff;
  border:solid 1px #E9E9E9;
  color:#575757;
  display:none;
  left:10px;
  padding:20px;
  position:absolute;
  width:250px;
  top:50px;
  z-index:100;
}
ul#progress-bar li span.tooltip span.title {
  color:#575757;
  display:block;
  font:bold 14px Arial;
  margin-bottom:5px;
}
ul#progress-bar li.support {
  background-position:top left;
}
ul#progress-bar li.active, ul#progress-bar li.active-last {
  background-position:bottom right;
  margin-left:-8px;
  padding-right:8px;
  position:relative;
}
ul#progress-bar li.active a, ul#progress-bar li.active-last a, ul#progress-bar li.inactive-menu a {
  height:30px;
}
ul#progress-bar li a.progress-sub-menu, ul#progress-bar li.active a.progress-sub-menu {
  background:url(http://oticon.com/Components/Design/Skins/OticonWebsite/img/ext/progress-bar-gray-select.png) no-repeat;
  display:block;
  font:10px Arial;
  height:14px;
  margin-left:0;
  padding:3px 14px 2px 4px;
  width:118px;
}
ul#progress-bar li.active a.progress-sub-menu  {
  background:url(http://oticon.com/Components/Design/Skins/OticonWebsite/img/ext/progress-bar-select.png) no-repeat;
  color:#fff;
  margin-left:4px;
}
ul#progress-bar li ul.progress-sub-list, ul#progress-bar li.active-last ul.progress-sub-list {
  background-color:#EBEBEB;
  display:none;
  float:left;
  left:0;
  margin-top:7px;
  padding:7px;
  position:absolute;
  top:45px;
  width:118px;
}
ul#progress-bar li.active ul.progress-sub-list {
  background-color:#CF3B9E;
  color:#fff;
  left:3px;
}
ul#progress-bar li ul.progress-sub-list li, ul#progress-bar li.active-last ul.progress-sub-list li {
  background:none;
  font:bold 11px Arial;
  height:auto;
  padding:0 0 2px 0;
  width:90px;
}
ul#progress-bar li ul.progress-sub-list li a, ul#progress-bar li.active-last ul.progress-sub-list li a {
  color:#A6A6A6;
  font:normal 10px Arial;
  height:auto;
  padding:0 0 0 4px;
  margin:0;
  width:100px;
}
 ul#progress-bar li.active ul.progress-sub-list li a {
  color:#fff;
}
ul#progress-bar li ul.progress-sub-list li a:hover, ul#progress-bar li.active-last ul.progress-sub-list li a:hover {
  text-decoration:underline;
}
ul#progress-bar li.active-last {
  background-position:bottom left;
  margin-left:-8px;
  padding-right:8px;
}
ul#progress-bar li.active-first {
  background-position:bottom right;
  margin-left:0; 
}
ul#progress-bar li.active a, ul#progress-bar li.active-first a, ul#progress-bar li.active-last a, ul#progress-bar li.active a span, ul#progress-bar li.active-first a span, ul#progress-bar li.active-last a span {
  color:#fff;
}
ul#progress-bar li.active-first {
  background-position:bottom right;
  margin-left:0; 
}
/* MODELS AND STYLES */
div.compare-header {
  display:inline;
  float:left;
  font-size:1px;
  margin-bottom:-9px;
  padding:0 0 0 109px;
  position:relative;
}
div.compare-header a.compare-button, div.compare-header a.compare-button-de {
  background:url(http://oticon.com/Components/Design/Skins/OticonWebsite/img/ext/compare-button.png) no-repeat;
  bottom:7px;
  display:inline;
  height:31px;
  left:77px;
  position:absolute;
  text-indent:-9999px;
  width:78px;
}
div.compare-header a.compare-button-de {
  background:url(http://oticon.com/Components/Design/Skins/OticonWebsite/img/ext/compare-button-de.png) no-repeat;
}
a.compare-bottom, a.compare-bottom-de {
  background:url(http://oticon.com/Components/Design/Skins/OticonWebsite/img/ext/compare-button-bottom.png) no-repeat;
  display:inline;
  float:left;
  height:31px;
  margin:0 0 0 -32px;
  text-indent:-9999px;
  width:78px;
}
a.compare-bottom-de {
  background:url(http://oticon.com/Components/Design/Skins/OticonWebsite/img/ext/compare-button-bottom-de.png) no-repeat;
}
div.compare-last {
  border:none;
}
table.compare {
  float:left;
  margin:18px 0;
  position:relative;
  width:747px;
  z-index:1;
}
table.compare td, table.compare th {
  background:none;
  margin:0;
  padding:0;
}
table.compare td input {
  border:0;
  display:inline;
  float:left;
  height:15px;
  font-size:1px;  
  margin-left:-2px !important;
  padding:0;
  position:absolute;
  width:15px;
}
table.compare tbody tr {
  height:21px;
}
table.compare tbody td {
  border:none;
  padding-top:2px;
  line-height:14px;
  text-align:center;
  width:auto;
}
table.compare tbody td a.table-item, table.compare tbody td a.table-item:visited, table.compare tbody td a.table-item:active {
  color:#575757;
  display:block;
  padding-left:3px;
  text-decoration:none;
}
table.compare tbody tr.image {
  height:auto;
}
table.compare th.heading {
  font-size:16px;
  padding:0 0 10px 21px;
}
table.compare td.image {
  width:109px;
}
table.compare td.model {
  padding-right:0;
  text-align:left;
  width:90px;
}
table.compare td.model a, table.compare td.model span {
  display:inline;
  float:right;
  margin-left:21px;
  padding:0;
  position:absolute;
  width:70px;
}
table.compare td.simulator {
  width:70px;
}
table.compare td.coupler {
  width:70px;
}
table.compare td.gain {
  width:40px;
}
table.compare td.coupler2 {
  width:55px;
}
table.compare td.user-programs {
  width:50px;
}
table.compare td.streamer-compatible {
  width:40px;
}
table.compare td.streamer-programs {
  width:45px;
}
table.compare td.fm-compatible {
  width:35px;
}
table.compare td.telecoil {
  font-size:9px;
  width:35px;
}
table.compare td.autophone {
  font-size:9px;
  width:40px;
}
table.compare td.volume-control {
  font-size:9px;
  width:30px;
}
table.compare td.cordless-fitting {
  font-size:9px;
  width:30px;
}
table.compare td.battery-size {
  width:30px;
}
table.compare td.battery-life {
  width:30px;
}
table.compare td.details {
  padding-left:5px;
}
table.compare-features {
  background:#fff;
  margin-top:15px;
  width:857px;
}
/* FEATURES AND BENEFITS */
table.compare-features {
  background:#fff;
  margin-top:15px;
  width:857px;
}
table.compare-features thead th {
  background:#fff;
  color:#4d4d4d;
  font:bold 16px Arial;
  height:50px;
}
table.compare-features thead th.name {
  padding-left:0;
}
table.compare-features thead th.feature {
  padding:0;
  text-align:center;
}
table.compare-features thead th.benefits {
  padding-left:16px;
}
table.compare-features tbody td {
  background:#fff;
  border-bottom:solid 3px #eaeaea;
  border-right:none;
  height:38px;
  padding:0;
  vertical-align:middle;
}
table.compare-features tbody th {
  background:none;
  border-bottom:solid 3px #eaeaea; 
  font-size:16px;
  padding:14px 0;
}
table.compare-features td.name {
  font:bold 13px Arial;
  line-height:1px;
  padding-right:21px;
  width:234px;
}
table.compare-features td.name a.info {
  background:url(http://oticon.com/Components/Design/Skins/OticonWebsite/img/ext/information-bg.png) no-repeat;
  display:block;
  float:right;
  height:17px;
  text-indent:-9999px;
  width:17px;
}
table.compare-features td.name a.info:hover {
  background-position:0 -17px;
}
table.compare-features td.name span {
  display:block;
  float:left;
  font-weight:normal;
  line-height:13px;
  padding-left:13px;
  width:200px;
}
table.compare-features td.feature {
  background:#fff;
  border-right:none;
  text-align:center;              
  width:85px;
}
table.compare-features td.feature span {
  background:#F7F7F7;
  display:block;
  float:left;
  height:26px;
  padding-top:12px;
  width:80px;
}
table.compare-features td.benefits {
  padding-left:16px;
  width:440px;
}
table.compare-features tr.last td {
  border-bottom:none;
}
/* FITTIG */
h2 span.fitting-head-desc {
  font-size:12px;
}
ul.chart-display {
  float:left;
  margin:25px 0 45px 0;
  width:401px;
}
ul.chart-right-margin {
  margin-right:50px;
}
ul.chart-display li {
  background:none;
  float:left;
  padding:0;
}
ul.chart-display li.desc {
  width:143px;
}
ul.chart-display li.desc span {
  display:block;
  font:bold 18px Arial;
}
ul.chart-display li.chart {
  width:258px;
}
div.fitting-table-box {
  border-top:solid 4px #ebebeb;
  float:left;
  margin-top:15px;
  padding-top:15px;
}
table.fitting {
  float:left;
  width:401px;
}
table.fitting-margin {
  margin-left:50px;
}
table.fitting th {
  background:0;
  border:none;
  font-size:16px;
  padding:15px 0;
  margin:0;
}
table.fitting th span {
  display:block;
  font:normal 12px Arial;
}
table.fitting td {
  border:none;
  font-size:13px;
  margin:0;
  padding:0;
  vertical-align:middle;
}
table.fitting td span {
  display:block;
  text-align:center;
  width:60px;
}
table.fitting td.name {
  background:#fff;
  border-bottom:solid 1px #d9d9d9;
  line-height:20px;
  width:341px;
}
table.fitting td.value {
  background:#f7f7f7;
  border-bottom:solid 1px #d9d9d9;
  padding:0;
  text-align:center;
  width:60px;
}
table.fitting td.no-border {
  border-bottom:none;
}
table.fitting th.last, table.fitting td.last {
  border-bottom:solid 4px #ebebeb;
  padding-bottom:9px;
}
table.fitting td.last span img.margin-top {
  margin-top:16px;
}
/* COMPLETE SOLUTION */
div#content div.multi-column div.sub-left {
  float:left;
  width:260px;
}
div.support-content {
  float:left;
  /*margin-left:25px;*/
  width:565px;
}
div.support-content ul.support-item {
  border-bottom:solid 3px #eaeaea;
  float:left;
  padding:20px 0;
  position:relative;
  width:565px;
}
div.support-content ul.support-item li {
  background:none;
  border:none;
  display:inline;
  padding:0;
}
div.support-content ul.support-item li.image {
  float:left;
  margin-right:15px;
  width:133px;
}
div.support-content ul.support-item li.text {
  float:right;
  padding-bottom:10px;
  width:417px;
}
div.support-content ul.support-item li.title, div.support-content ul.support-item li.link {
  float:right;
  width:417px;  
}
div.support-content ul.support-item li.title {
  color:#666666;
  font:bold 18px Arial;
  margin-bottom:10px;
}
div.support-content ul.support-item li.link a {
  /*background:url(img/menu-bullet-bg.gif) no-repeat right 3px;*/
  padding-right:14px;
}
/* SPOT BOX */
div.spot-box, div.spot-box-blue {
  background:#e7e7e7 url(http://oticon.com/Components/Design/Skins/OticonWebsite/img/ext/spot-box-bg.gif) no-repeat top;
  float:left;
  padding:25px 15px 15px 15px; 
  margin:50px 0 0 0;
  width:235px;
}
div.spot-box-blue {
  background-color:#59c6dd;
  color:#fff;
}
div.spot-box a.arrow, div.spot-box span.arrow, div.spot-box-blue a.arrow, div.spot-box-blue span.arrow {
  background:url(http://oticon.com/Components/Design/Skins/OticonWebsite/img/ext/sub-arrow-grey.png) no-repeat;
  color:#6a6a6a;
  display:block;
  float:left;
  font:bold 12px Arial;
  padding-left:15px;
  margin-bottom:15px;
  text-transform:uppercase;
  width:230px;
}
div.spot-box-blue a, div.spot-box-blue a  {
  color:#fff;
}
div.spot-box-blue span.arrow, div.spot-box-blue a.arrow {
  background:url(http://oticon.com/Components/Design/Skins/OticonWebsite/img/ext/sub-arrow-white.png) no-repeat;
  color:#fff;
}
div.spot-box ul, div.spot-box-blue {
  float:left;
  padding-bottom:10px;
}
div.spot-box li, div.spot-box-blue li {
  padding-bottom:6px;
  width:225px;
}
div.spot-box div.sub-menu-container, div.spot-box-blue div.sub-menu-container {
  float:left;
  position:relative;
  z-index:2;
}
div.spot-box span.title, div.spot-box-blue span.title {
  display:block;
  font:bold 18px Arial;
  margin-bottom:15px;
}
div.spot-box-blue span.title {
  color:#fff;
}
div.spot-box a.sub-menu, div.spot-box-blue a.sub-menu {
  background:url(http://oticon.com/Components/Design/Skins/OticonWebsite/img/ext/progress-bar-gray-select2.png) no-repeat;
  color:#6a6a6a;
  display:block;
  float:left;
  font:bold 11px Arial;
  height:17px;
  margin-left:0;
  padding:3px 14px 2px 4px;
  text-transform:uppercase;
  width:165px;
}
div.spot-box-blue a.sub-menu {
  background:url(http://oticon.com/Components/Design/Skins/OticonWebsite/img/ext/progress-bar-blue-select2.png) no-repeat;
  color:#fff;
}
div.spot-box-blue a.sub-menu {
  color:#fff;
}
div.spot-box a.sub-menu:hover, div.spot-box-blue a.sub-menu:hover {
  text-decoration:none;
}
div.spot-box ul.progress-sub-list, div.spot-box-blue ul.progress-sub-list {
  background-color:#EBEBEB;
  display:none;
  float:left;
  left:0;
  margin-top:7px;
  padding:7px;
  position:absolute;
  top:15px;
  width:168px;
}
div.spot-box-blue ul.progress-sub-list {
  background-color:#59c6dd;
}
div.spot-box ul.progress-sub-list li, div.spot-box-blue ul.progress-sub-list li {
  background:none;
  font:bold 11px Arial;
  height:auto;
  padding:0 0 2px 0;
  width:90px;
}
div.spot-box-blue ul.progress-sub-list li {
  color:#fff;
}
div.spot-box ul.progress-sub-list li a, div.spot-box-blue ul.progress-sub-list li a {
  color:#6a6a6a;
  font:normal 12px Arial;
  height:auto;
  padding:0 0 0 4px;
  margin:0;
  width:100px;
}
div.spot-box-blue ul.progress-sub-list li a {
  color:#fff;
}
div.spot-box ul.progress-sub-list li a:hover, div.spot-box-blue ul.progress-sub-list li a:hover {
  text-decoration:underline;
}
//organize select follow box
ul.select-follow {
  float:left;
}
ul.select-follow li {
  background:none;
  color:#9b9b9b;
  float:left;
  padding:0;
  text-align:center;
  width:180px;
}
ul.select-follow li span.title {
  display:block;
  font:bold 18px Arial;
}
ul.select-follow li span.desc {
  background:url(http://oticon.com/Components/Design/Skins/OticonWebsite/img/ext/select-follow-bg.png) left top;
  display:block;
  font:14px Arial;
  height:129px;
  padding:11px 35px 0 20px;
  text-align:left;
}
ul.select-follow li span.left {
  background-position:right;
}
ul.select-follow li span.desc span {
  display:block;
  font:bold 16px Arial;
}

/* Download spots */
div.download-spot {
  background-color:#e7e7e7;
  margin-bottom:20px;
  padding-bottom:4px;
  width:230px;
}
div.download-spot span.title {
  background:#d3007c;
  color:#fff;
  display:block;
  font-size:12px;
  font-weight:bold;
  padding:5px 18px 4px 18px;
  margin-bottom:5px;
  text-transform:uppercase;
}
div.download-spot a {
  background:url(http://cvi.com.otisce.kitenet.com/mockup/index-list-bullet-mg.png) no-repeat right;
  font-size:11px;
  margin-left:18px;
  padding-right:12px;
}