/************************************************
CSS for Oticon website
************************************************/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td {
  margin: 0; padding: 0; border: 0; outline: none;
}
body {
  background:#fff url(/Components/Design/Skins/OticonWebsite/Images/body-bg.png) repeat-x;
  color: rgb(127, 127, 127);
  font:14px/16px Arial;
}
h1 {
  font-size:32px;
  font-weight:normal;
  line-height:33px;
  margin:24px 0 24px 0;
  color: rgb(191, 191, 191);
}
h2 {
  font-size:19px;
  font-weight: normal;
  margin-top:30px;
  margin-bottom:12px;
  line-height: 25px;
}
h3
{
  font-size: 14px;
  line-height: 19px;
}
ol
{
  margin-left: 20px;
  margin-bottom:21px;
  padding-left: 8px;
}
ul {
  list-style-type:none;
  list-style-position:inside;
}
ul li {
  background:url(/Components/Design/Skins/OticonWebsite/Images/li-bg.gif) no-repeat 0 6px;
  float:left;
  padding-left:11px;
}
.primary-column ul
{
  margin-bottom:21px;
}
.primary-column ul li
{
  float:none;
}
a {
  color: rgb(198, 22, 141);
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
a:visited {
  color: rgb(198, 22, 141);
}
h1 a, h1 a:visited
{
  color: rgb(191, 191, 191);
}
h2 a, h3 a, h2 a:visited, h3 a:visited
{
  color: rgb(127, 127, 127);
}
h1 a:hover, h2 a:hover, h3 a:hover {
  color: rgb(198, 22, 141);
}
p {
  margin-bottom:21px;
}
blockquote
{
  font: 19px/22px Arial;
  font-style: italic;
  color: rgb(198, 22, 141);
  margin-bottom:21px;
}
table {
  font-size:11px;
  border-spacing:0;
  padding:0;
}
table td {
  vertical-align:top;
  border-right:solid 3px #fff;
}
table th {
  background-color:#c6c6c6;
  border-right:solid 3px #fff;
  font-size:14px;
  padding:6px 12px;
  text-align:left;
}
table thead th {
  background-color:#c80071;
  border-right:solid 3px #fff;
  color:#fff;
  font-size:11px;
}
table tbody td {
  background-color:#e5e5e5;
  padding:19px 15px 43px 13px;
  width:25%;
}
div.primary-column table tbody td,
div.primary-column table tbody th
{
  background-color: Transparent;
  font: 14px/16px Arial;
  width: auto;
  padding:0px 2px 2px 0px;
}
.float-left {
  float:left;
}
.float-right {
  float:right;
}
.bg-white {
  background:#fff;
}
div#wrapper {
  background-image:url(/Components/Design/Skins/OticonWebsite/Images/wrapper-bg.gif);
  background-repeat:no-repeat;
  height:1000px;
  margin:0 auto;
  padding:0 6px;
  width:911px;
}
div#header {
  color:#fff;
  float:left;
  width:911px;
  position:relative;
  z-index:2;
}
div#header ul {
  float:left;
  list-style-type:none;
  width:911px;
}
div#header ul li {
  background:none;
  display:inline;
  float:right;
  margin-right:20px;
}
div#header ul li a {
  color:#fff;
  text-decoration:none;
  font-size:10px;
  font-weight:bold;
}
div#header a.HeaderLogo 
{
  float:left;
}

div#header ul#secondary-nav {
  margin-top:2px;
  height:39px;
}
div#header ul#secondary-nav li {
  margin-right:20px;
}
div#header ul#secondary-nav li a {
  font:bold 10px Arial;
}
div#header ul#secondary-nav li a.country-select-link,
div#header ul#secondary-nav li a.language-select-link {
  background:url(/Components/Design/Skins/OticonWebsite/Images/lang-select.png);
  display:block;
  font:bold 11px Arial;
  height:17px;
  margin-top:10px;
  padding:5px 0 0 7px;
  text-transform:uppercase;
  width:153px;
}
div#header ul#secondary-nav li.country-select,
div#header ul#secondary-nav li.language-select {
  margin:0;
}

div#header .HeaderSpacingDiv
{
    height: 16px;   
}

div#header ul#secondary-nav li.country-select ul,
div#header ul#secondary-nav li.language-select ul {
  /*background:#EC0269;*/
  background:#c6168d;
  display:none;
  margin-top:1px;
  padding:5px 0;
  position:absolute;
  width:160px;
}
div#header ul#secondary-nav li.country-select ul li,
div#header ul#secondary-nav li.language-select ul li {
  display:inline;
  float:none;
  margin:0;
  padding:0;
}
div#header ul#secondary-nav li.country-select ul li a,
div#header ul#secondary-nav li.language-select ul li a {
  display:block;
  height:auto;
  line-height:10px;
  padding:2px 0 2px 10px;
  text-transform:uppercase;
  width:147px;
}
div#header ul#secondary-nav li.country-select ul li a:hover,
div#header ul#secondary-nav li.language-select ul li a:hover {
  text-decoration:underline;
}
div#header a#logo {
  display:block;
  float:left;
  margin-bottom: 5px;
}
div#header ul#version-menu {
  float:right;
  height:30px;
  margin-top:47px;
  width:530px;
}
div#header ul#version-menu li {
  background:url(/Components/Design/Skins/OticonWebsite/Images/version-menu.png) no-repeat top left;
  margin-left:7px;
  padding:0 0 0 5px;
  margin-right:0;
}
div#header ul#version-menu li.active {
  background-position: bottom left;  
}
div#header ul#version-menu li a {
  background:url(/mockup/version-menu.png) no-repeat top right;
  display:block;
  font:14px Arial;
  height:23px;
  padding:7px 14px 0 7px;
  text-align:center;
  text-transform:uppercase;
  min-width:136px;
  width:auto !important;
  width:136px;
}
div#header ul#version-menu li.active a {
  background-position: bottom right;
}
div#header ul#global-nav {
  background:#6f6f6e url(/Components/Design/Skins/OticonWebsite/Images/global-nav-bg.png) repeat-x;
  height:30px;
  position:relative;
}
div#header ul#global-nav li {
  width:auto; 
}
div#header ul#global-nav a.last {
  padding-right:15px;
}
div#header ul#global-nav li a,
div#header ul#global-nav li span.link2,
div#header ul#global-nav li span.link3 {
  display:block;
  float:left;
  font:bold 11px Arial;
  height:30px;
  line-height:30px;
  padding-right:25px;
  position:relative;
  text-transform:uppercase;
  width:auto;
}
div#header ul#global-nav li span.link {
  display:block;
  float:left;
  font:bold 11px Arial;
  height:30px;
  line-height:30px;
  padding-right:35px;
  position:relative;
  text-transform:uppercase;
  width:auto;
}
div#header ul#global-nav li a span,
div#header ul#global-nav li span.link span {
  padding:3px;  
}
div#header ul#global-nav li ul {
  background:url(/Components/Design/Skins/OticonWebsite/Images/global-nav-sub-bg.png);
  display:none;
  left:0px;
  padding:27px 0 35px 24px;
  position:absolute;
  top:30px;
  width:887px;
}
div#header ul#global-nav li ul li.header {
  background:url(/Components/Design/Skins/OticonWebsite/Images/global-nav-indicator.png) no-repeat;
  display:block;
  height:12px;
  position:absolute;
  top:0px;
  left:0px;
  width:15px;
}
div#header ul#global-nav li ul li {
  float:left;
  margin:0;
  width:210px;
}
div#header ul#global-nav li ul li.float-right {
  float:right;
}
div#header ul#global-nav li ul li ul {
  background:none;
  display:block;
  height:auto;
  padding:0;
  position:static;
  width:210px;
}
div#header ul#global-nav li ul li ul li {
  background:url(/Components/Design/Skins/OticonWebsite/Images/global-nav-sub-bullet.png) no-repeat 4px 4px;
  float:left;
  height:auto;
  padding-left:18px;
  position:static;
  width:172px;
}
div#header ul#global-nav li ul li ul li.title {
  background:none;
  display:block;
  padding:0;
  margin: 0 0 10px 0;
  width:210px;
  font-size: large;
}
div#header ul#global-nav li ul li ul li.title span.cufontitle, div#header ul#global-nav li ul li ul li.title a, div#header ul#global-nav li ul li ul li.title a:hover {
  background:none;
  display:block;
  padding:0;
  width:210px;
  font-size: large;
}
div#header ul#global-nav li ul li ul li a,
div#header ul#global-nav li ul li ul li span.link2,
div#header ul#global-nav li ul li ul li span.link3 {
  display:block;
  float:left;
  height:auto;
  line-height:20px;
  margin:0;
  padding:0 2px;
  position:static;
}
div#header ul#global-nav li ul li ul li a:hover {
  background:#fff !important;
  background-color: #fff !important;
  color:#c6168d !important;
  padding:0 2px;
  position:relative; 
}
div#header ul#global-nav li ul li ul li.title a:hover {
  background:transparent !important;
  background-color:transparent !important;
  color:#fff;
}
div#header ul#global-nav li ul li.products1, div#header ul#global-nav li ul li.products2 {
  position:relative;
  width:315px;
  min-height:150px;
  height:auto !important;
  height:150px;
}
div#header ul#global-nav li ul li.products1 ul, div#header ul#global-nav li ul li.products2 ul {
  width:315px;
}
div#header ul#global-nav li ul li.products1 ul li {
  margin-left:125px;
}
div#header ul#global-nav li ul li.products2 ul li {
  margin-left:163px;
}
div#header ul#global-nav li ul li.products1 ul li.title, div#header ul#global-nav li ul li.products2 ul li.title {
  background:none;
  margin-left:0;
}
div#header ul#global-nav li ul li.products1 ul li span.img-container, 
div#header ul#global-nav li ul li.products1 ul li span.default, 
div#header ul#global-nav li ul li.products2 ul li span.img-container, 
div#header ul#global-nav li ul li.products2 ul li span.default {
  color:#fff;
  cursor:pointer;
  display:none;
  height:auto;
  left:12px;
  margin:0;
  padding:0;
  position:absolute;
  top:29px;
  width:auto;
}
div#header ul#global-nav li ul li.products1 ul li span.default, 
div#header ul#global-nav li ul li.products2 ul li span.default {
  display:block;
}
div#header ul#global-nav li ul li.products1 ul li span.img-container span, 
div#header ul#global-nav li ul li.products1 ul li span.default span, 
div#header ul#global-nav li ul li.products2 ul li span.img-container span, 
div#header ul#global-nav li ul li.products2 ul li span.default span {
  background-color:#595959;
  display:block;
  height:17px;
  left:0;
  line-height:16px;
  margin:0;
  overflow:hidden;
  padding:0 0 0 5px;
  position:absolute;
  top:86px;
  width:102px;
}
div#header ul#global-nav li ul li.products2 ul li span.img-container span, 
div#header ul#global-nav li ul li.products2 ul li span.default span 
{
  height:25px;
  line-height:12px;
  width:136px;
}
div#header ul#global-nav li ul li.products1 ul li span.img-container span, 
div#header ul#global-nav li ul li.products1 ul li span.default span 
{
  height:25px;
  line-height:12px;
  width:107px;
}
div#header ul#global-nav span.default span,
div#header ul#global-nav span.img-container span
{
  font:bold 11px/12px arial;
  text-transform:uppercase;
  height:25px;
  width:136px;
}
div#header ul#global-nav li ul li.footer {
  background:url(/Components/Design/Skins/OticonWebsite/Images/global-nav-footer.png) no-repeat;
  bottom:-22px;
  clear:left;
  display:block;
  height:22px;
  left:0;
  padding:0;
  width:911px;
  position:absolute;
}
div#content {
  background:#fff;
  float:left;
  padding-bottom:80px;
  width: 911px;
  min-height:410px;
}
div#content div.primary-column {
  float:left;
  margin:0 0 0 25px; /* 25px 0 0 25px; */
  width:555px;
}
div#content div.primary-column div.top-illustration {
  margin:0 0 0 -25px; /*-25px -14px 19px -25px; */
  float:left;
  height:176px;
  overflow:hidden;
  
}
div#content div.multi-column {
  float:left;
  margin:25px 0;
  padding: 0 0 0 25px;
  width:853px;
}
div#content div.multi-column div.sub-left {
  float:left;
  width:265px;
}
div.primary-column span.text-graph {
  float:left;
  list-style-type:none;
  margin:25px 25px 25px 0;
  width:265px;
}
div.primary-column span.text-graph span {
  float:left;
}
div.primary-column span.text-graph span.title {
  background-color:#ca0767;
  color:#fff;
  font:bold 18px Arial;
  line-height:18px;
  margin-bottom:25px;
  padding:20px 11px 18px 93px;
  text-align:right;
  width:161px;
}
div.primary-column span.text-graph span.caption {
  background-color:#e5e5e5;
  color:#575757;
  font:italic 13px Arial;
  padding:5px 10px 5px 10px;
  width:245px;
}
div.sub-primary {
  float:left;
  margin: 0 25px 0 0; /* bottomm was 24px */ 
  width:265px;
}
ul#sub-primary-imgs {
  float:left;
  list-style-type:none;
  margin:25px 0;
}
ul#sub-primary-imgs li {
  background:none;
  float:left;
  font-size:1px;
  padding:0;
  margin-bottom:18px;
  width:265px;
}
ul#sub-primary-imgs li img {
  margin:0;
}
ul#sub-primary-imgs li span {
  background-color:#e5e5e5;
  display:block;
  float:left;
  font:italic 14px Arial;
  padding:5px 10px;
  width:245px;
}
div.secondary-column {
  display:inline;
  float:left;
  width:265px;
  margin: 0 0 0 20px;
  position:relative;
}
ul#sub-primary-nav {
  background:url(/Components/Design/Skins/OticonWebsite/Images/primary-sub-nav-bg.png) repeat-x bottom;
  list-style-type:none;
  padding:45px 0 21px 0;
  width:290px;
}
ul#sub-primary-nav {
  margin-left:-25px;
  list-style-position:outside;
}
ul#sub-primary-nav li {
  background:url(/mockup/index-list-bullet.png) no-repeat 36px 3px;
  margin-bottom:10px;
  padding-left:36px;
  float:none;
  display:block;
}
ul#sub-primary-nav li.Active 
{
  background:url(/mockup/index-list-bullet-mg.png) no-repeat 36px 3px;
}

ul#sub-primary-nav li.active {
  background:url(/Components/Design/Skins/OticonWebsite/Images/menu-bullet-bg.gif) no-repeat 36px 4px;
}
ul#sub-primary-nav li.title {
  background:none;
  font:bold 16px Arial;
  padding-left:25px;
  margin-bottom:18px;
  text-transform:uppercase; 
}
ul#sub-primary-nav li a,
ul#sub-primary-nav li span.link {
  color:rgb(64, 64, 64);
  font:bold 11px Arial;
  margin-left:13px;
  padding:2px;
  text-transform:uppercase;
  display:inline-block;
}
ul#sub-primary-nav li a:hover {
  background:rgb(198, 22, 141);
  color:#fff;
  margin-left:13px;
  text-decoration:none;
}
div#side-info {
  margin-left:-34px;
  padding-left:14px;  
}
div#side-info #corporatebrandingspot {
  display: block;
  height: 96px;
  width: 271px;
  padding: 40px 30px 40px 30px;
  color: #fff;
  overflow: hidden;
}
div#side-info #corporatebrandingspot .Title 
{
  font-size: 30px;
  padding:0 0 13px;
}
div#side-info #corporatebrandingspot .Text 
{
  font-size: 15px;
  line-height:1.2;
  text-transform:uppercase;
}

div.RightColumnSpotBlock .HtmlSpot,
div.RightColumnSpotBlock .IframeSpot,
div.RightColumnSpotBlock .ImageSpot,
div.RightColumnSpotBlock .FlashSpot,
div.RightColumnSpotBlock .LinkListSpot,
div.LeftColumnSpotBlock .HtmlSpot,
div.LeftColumnSpotBlock .IframeSpot,
div.LeftColumnSpotBlock .ImageSpot,
div.LeftColumnSpotBlock .FlashSpot,
div.LeftColumnSpotBlock .LinkListSpot
{
  margin-top: 20px;
  width: 265px;
}
div.HtmlSpot .SpotTitleRight
{
  background-color:#ca0767;
  margin-bottom:25px;
  padding: 10px;
}
div.HtmlSpot .SpotTitleRight h2
{
  color:#fff;
  font:bold 18px Arial;
}
div.IframeSpot iframe
{
    margin:0;
    width:265px;
    overflow:auto;
}
div.ImageSpot .caption
{
  background-color:#e5e5e5;
  color:#575757;
  font:italic 13px Arial;
  padding:5px 10px 5px 10px;
}
div.LinkListSpot
{
  background-image:url(/Components/Design/Skins/OticonWebsite/Images/linklistspot-bg.png);
  background-repeat:repeat-x;
}
div.LinkListSpot .LinkListSpotSelect
{
  width: 215px;
  max-width: 215px;
  margin: 25px 25px 0 25px;
  border: 1px solid #7F9DB9;
  overflow: hidden;
}
div.LinkListSpot .LinkListSpotButtonContainer
{
  text-align: right;
  padding-top: 20px;
}
div.LinkListSpot .LinkListSpotButton
{
  background : #ca0767 url(/Components/Design/Skins/OticonWebsite/Images/linklistspot-button-bg.png) no-repeat right top;
  height: 21px;
  line-height: 21px;
  border-style: none;
  color: white;
  font-weight: bold;
  font-size: 12px;
  padding: 0 17px 5px 12px;
  margin: 0 25px 25px 25px;
  overflow: hidden;
  max-width: 215px;
}
div#content ul#video-showcase {
  background:#2d2d2d;
  float:left;
  font-size:1px;
  list-style-type:none;
}
div#content ul#video-showcase li {
  background:none;
  display:inline;
  float:left;
  padding:0;
}
div#content ul#video-showcase li#player {
  height:326px; 
}
div#content ul#video-showcase li.description {
  height:144px; 
  padding-left:14px;
  margin-left:-14px;
}
div#content ul#video-showcase li#menu {
  height:182px;
}
ul.index-info {
  color:rgb(127, 127, 127);
  display:inline;
  float:left;  
  font:18px Arial;
  list-style-type:none;
  margin:4px 0 0 0;
  width:911px;
}
ul.index-info a {
  color:rgb(191, 191, 191);
  cursor:pointer;
  text-decoration:none;
}
ul.index-info li {
  background:none;
  display:inline;
  float:left;
  margin:0 4px 0 25px;
  padding:0;
  width:265px;
}
ul.index-info li span.photo {
  display:block;
  margin-bottom:21px;
}
span.photo img
{
    margin-top:4px;
}
ul.index-info li ul.about-us {
  float:left;
  margin-top:6px;
}
ul.index-info li span.go-link-container {
  display:block;
  margin-top:9px;
  width:265px;
}
ul.index-info li span.arrow-bg {
  background:url(/Components/Design/Skins/OticonWebsite/Images/go-link-bg.png) no-repeat top right;
  padding-right:6px;
}
ul.index-info li a.go-link {
  /*background:#EC0269;*/
  background:#c6168d;
  color:#fff;
  font:bold 12px Arial;
  height:30px;
  line-height:30px;
  padding:7px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
}
ul.index-info li ul li {
  background:url(/Components/Design/Skins/OticonWebsite/Images/index-list-bullet.png) no-repeat 0 1px;
  font:11px Arial;
  margin:0 0 6px 0;
  padding-left:17px;
  text-transform:uppercase;
  width:245px;
}
div.RelatedContentNoMargin {
  width: 291px;
  margin:0 0 90px 0;
  background: #fff;
}
div.RelatedContentNegativeMargin {
  width: 291px;
  margin:-33px 0 90px 0;
  background: #fff;
}
div.VideoRelatedContent {
  background:none;
}
ul.RelatedContent {
  font:bold 11px Arial;
  padding: 22px 0 0 0;
  margin: 0 12px 0 24px;
}
ul.RelatedContent li {
  background: none;
  float:none;
  margin-left: 0;
  padding-left: 0;
  padding-bottom: 8px;
  list-style-type:none;
  list-style-position:outside;
  text-transform:uppercase;
}
ul.RelatedContent li.title {
  margin: 0 0 9px 0;
  padding: 0;
  color:rgb(191, 191, 191);
}
ul.RelatedContent li a {
  color:rgb(64, 64, 64);
}
ul.RelatedContent li a img {
  vertical-align: middle;
  padding: 0 5px 3px 0;
}
ul.more-about-us {
  background-color:#292929;
  color:#fff;
  float:left;
  font:bold 11px Arial;
  list-style-type:none;
  padding-bottom:13px;
  text-transform:uppercase;
  width:291px;
}
ul.more-about-us a {
  color:#fff;  
  font:bold 10px Arial;
  text-decoration:none;
  text-transform:uppercase;
}
ul.more-about-us li {
  background:url(/Components/Design/Skins/OticonWebsite/Images/more-about-us-bullet.png) 25px 2px no-repeat;
  display:inline;
  float:left;
  padding:0 0 7px 43px;
  width:248px;
}
ul.more-about-us li.title {
  background:url(/Components/Design/Skins/OticonWebsite/Images/more-about-us-bg.png) 0 0 no-repeat;
  display:inline;
  font-size:11px;
  height:41px;
  padding:10px 0 0 25px;
  width:266px;
}
ul.SectionListWide {
  float:left;
  list-style-type:none;
  width:555px;
}
ul.SectionListWide li {
  background:none;
  float:left;
  height:76px;
  padding:0 0 36px 0;
  width:550px;
}
ul.SectionListWide li a.highlight {
  background-color:rgb(198, 22, 141);
  color:#fff;
  cursor:pointer;
  float:left;
  font:bold 18px Arial;
  margin:0 17px 4px 0;
  text-align:right;
}
ul.SectionListWide li a.highlight:hover {
  text-decoration:none;
}
ul.SectionListWide li a.highlight span {
  display:block;
  height:55px;
  padding:14px 12px 5px 12px;
  width:108px;
}
ul.SectionListWide li span.date {
  color:#7f7f7f;
  display:block;
  font:11px Arial;
  margin-bottom:6px;
}
ul.SectionListWide li h2 {
  font-size:18px;
  margin-bottom:7px;
  margin-top:0px;
}
ul.SectionListWide li p {
  font-size:13px;
  margin:0;
  float: right;
  width: 401px;
}
ul.SectionListNarrow {
  color:rgb(127, 127, 127);
  float:left;
  font-size:13px;
  list-style-type:none;
}
ul.SectionListNarrow li {
  background:none;
  float:left;
  margin-right:11px;
  padding:0;
  width:265px;
}
ul.SectionListNarrow li p {
  font-style:italic;  
  margin-bottom:15px;
}
ul.SectionListNarrow li.noRightMarg {
  margin-right:0;
}
ul.SectionListNarrow li span.description {
  background-color:#2d2d2d;
  color:#fff;
  display:block;
  float:left;
  height:74px;
  margin-bottom:16px;
  width:265px;
}
ul.SectionListNarrow li span.description img { 
  float:left;
}
ul.SectionListNarrow li span.description-text {
  cursor:pointer;
  display:block;
  float:left;
  font:bold 18px Arial;
  height:49px;
  padding:20px 13px 5px 13px;
  width:158px;
}
ul.SectionListNarrow li h3 {
  color:rgb(127, 127, 127);
  font-size:18px;
  margin-bottom:11px;
}
ul.SectionListNarrow li h3 {
  color:rgb(127, 127, 127);
}
ul.SectionListNarrow li a.full {
  color:rgb(127, 127, 127);
  font:bold 12px Arial;
  float:right;
  text-decoration:none;
}
ul.SectionListNarrow li a.full:hover {
  text-decoration:underline;
}
ul#footer {
  float:left;
  font:bold 10px Arial;
  list-style-type:none;
  margin:23px 0 20px 25px;
  text-transform:uppercase;
}
ul#footer li {
  background:none;
  border-right:solid 1px #8a8a8a;
  float:left;
  height:18px;
  padding:0;
}
ul#footer li.last {
  border:none;
}
ul#footer li a {
  color:#8a8a8a;
  display:block;
  margin:3px 15px;
  text-decoration:none;
}
ul#footer li a.first {
  margin-left:0;
}
.FloatBreak,
.floatBreak
{
  font-size:0;
line-height:0;
  height:0;
  display:block;
  clear:both;
}
.Hidden
{
  display: none;
}
ul#progress-bar {
  background:url(/Components/Design/Skins/OticonWebsite/Images/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(/Components/Design/Skins/OticonWebsite/Images/progress-bar-bg.png) top right;
  display:block;
  float:left;
  height:61px;
  width:133px;
}
ul#progress-bar li a, ul#progress-bar li span {
  color:#a6a6a6;
  display:block;
  font:14px Arial;
  padding:15px 0 0 2px;
  position:relative;
  text-decoration:none;
  z-index:1;
}
ul#progress-bar li a {
  height:45px;
}
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 span, ul#progress-bar li span span {
  font:bold 16px Arial;
  display:block;
  padding:0;
}
ul#progress-bar li span.tooltip {
  background-color:#fff;
  border:solid 1px #E9E9E9;
  display:none;
  left:10px;
  padding:20px;
  position:absolute;
  width:250px;
  top:50px;
  z-index:100;
}
ul#progress-bar li span.tooltip span.title {
  display:block;
  font:bold 14px Arial;
  margin-bottom:5px;
}
ul#progress-bar li.support{
  background-position:top left;
}
ul#progress-bar li.active {
  background-position:bottom right;
  margin-left:-8px;
  padding-right:8px;
}
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; 
}
div.compare-header {
  display:inline;
  float:left;
  font-size:1px;
  padding:0 0 0 109px;
  position:relative;
}
div.compare-header a.compare-button {
  background:url(/Components/Design/Skins/OticonWebsite/Images/compare-button.png) no-repeat;
  bottom:1px;
  display:inline;
  height:75px;
  left:113px;
  position:absolute;
  text-indent:-9999px;
  width:63px;
}
div.compare {
  border-bottom:3px solid #eaeaea;
  float:left;
  position:relative;
  width:880px;
}
div.compare span.img-box {
  display:block;
  float:left;
  margin-top:25px;
  width:109px;
}
table.compare {
  margin:18px 0;
  width:746px;
}
table.compare td, table.compare th {
  background:none;
  margin:0;
  padding:0;
  width:auto;
}
table.compare td input {
  float:left;
  margin-right:3px;
}
table.compare tbody tr {
  height:21px;
}
table.compare tbody td {
  border:none;
  padding-top:2px;
  line-height:14px;
}
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 23px;
}
table.compare td.image {
  width:109px;
}
table.compare td.model {
  width:88px; 
}
table.compare td.simulator {
  width:75px;
}
table.compare td.coupler {
  width:72px;
}
table.compare td.gain {
  width:51px;
}
table.compare td.coupler2 {
  width:47px;
}
table.compare td.user-programs {
  width:50px;
}
table.compare td.streamer-compatible {
  width:36px;
}
table.compare td.streamer-programs {
  width:40px;
}
table.compare td.fm-compatible {
  width:31px;
}
table.compare td.telecoil {
  width:31px;
}
table.compare td.telecoil a {
  font-size:9px;
}
table.compare td.autophone {
  width:47px;
}
table.compare td.autophone a {
  font-size:9px;
}
table.compare td.volume-control {
  font-size:9px;
}
table.compare td.cordless-fitting {
  width:34px;
}
table.compare td.cordless-fitting a {
  font-size:9px;
}
table.compare td.battery-size {
  width:26px;
}
table.compare td.battery-life {
  width:34px;
}
table.compare td.details {
  padding-left:5px;
}
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 td.name {
  font:bold 13px Arial;
  line-height:1px;
  padding-right:21px;
  width:234px;
}
table.compare-features td.name a.info {
  background:url(/Components/Design/Skins/OticonWebsite/Images/information-bg.png) no-repeat;
  display:block;
  float:right;
  height:17px;
  text-indent:-9999px;
  width:17px;
}
table.compare-features td.name span {
  display:block;
  float:left;
  line-height: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;
}
div.support-content {
  width:563px;
}
/**************************************************************************************************************************************************************/
/* Extranet login */
div.ExtranetContainer
{
  background:transparent url(/Components/Design/Skins/OticonWebsite/Images/primary-sub-nav-bg.png) repeat-x scroll center bottom;
  margin-left:-25px;
  padding:27px 0 21px;
  width:290px;
}
div.ExtranetContainer .title
{
  display:block;
  font-size:16px;
  font-weight:bold;
  line-height:normal;
  margin-bottom:18px;
  padding-left:25px;
  text-transform:uppercase;
}
div.ExtranetContainer .input
{
  padding-left:25px;
  margin-bottom:5px;
  width:250px;
}
div.ExtranetContainer label
{
  width: 240px;
  max-width: 240px;
  margin:0px 0px 2px 2px;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
}
div.ExtranetContainer .input input
{
  width: 238px;
  max-width: 238px;
  border: 1px solid #7F9DB9;
  overflow: hidden;
}
div.ExtranetContainer .message
{
  display:block;
  margin-top:21px;
  padding-left:25px;
  font-size:11px;
  color:Red;
  padding-bottom:10px;
}
div.ExtranetContainer .control
{
  margin-left:25px;
}
div.ExtranetContainer .control input
{
  background : #c6168d url(/Components/Design/Skins/OticonWebsite/Images/linklistspot-button-bg.png) no-repeat right top;
  height: 21px;
  line-height: 21px;
  border-style: none;
  color: white;
  font-weight: bold;
  font-size: 12px;
  text-transform:uppercase;
}
div.ExtranetContainer .loginbutton
{
  width:75px;
  padding: 0 17px 5px 12px;
  margin-left:165px;
}
div.ExtranetContainer .logoutbutton
{
  width:90px;
  padding: 0 17px 5px 12px;
  margin-left:155px;
}
div.ExtranetContainer .text
{
  display:block;
  margin:21px 0px 21px 0px;
  padding-left:25px;
  font-size:11px;
  width: 240px;
  max-width: 240px;
  font-size:11px;
}
div.ExtranetContainer .user
{
  font-weight:bold;
}

div.ExtranetContainer .AcceptMessage
{
    padding-left: 25px;    
    width: 238px;
    margin-top: 20px;
}

div.ExtranetContainer .AcceptMessage label
{
    text-transform: none;    
}

div.ExtranetContainer .AcceptMessage input
{
      
}

/**************************************************************************************************************************************************************/
/* Dynamic list "filters box" */
div.support-primary-nav
{
  background:transparent url(/Components/Design/Skins/OticonWebsite/Images/primary-sub-nav-bg.png) repeat-x scroll center bottom;
  margin-left:-20px;
  padding:27px 0 21px;
  width:290px;
}
div.support-primary-nav ul
{
  margin-bottom:25px;
}
div.support-primary-nav li
{
  background:none;
  float:none;
  padding-left:35px;
  margin-bottom:25px;
}
div.support-primary-nav .title
{
  font-size:16px;
  font-weight:bold;
  line-height:normal;
  margin-bottom:18px;
  padding-left:25px;
  text-transform:uppercase;
}
div.support-primary-nav li.title
{
  background:none;
  float:none;
}
div.support-primary-nav span.title
{
  display:block;
}
div.support-primary-nav tr
{
}
div.support-primary-nav td
{
  background-color:Transparent;
  padding:0;
  width:auto;
  padding-bottom:8px;
}
div.support-primary-nav label
{
  font-weight:bold;
  line-height:normal;
  margin-left:7px;
  text-transform:uppercase;
}
div.support-primary-nav div.reset
{
  padding-left:25px;
  margin:-10px 0 30px 0;
}
div.support-primary-nav div.reset input
{
  background-color:#919191;
  color:#FFFFFF;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  line-height:normal;
  padding:3px 13px;
}
div.support-primary-nav div.search
{
  margin-top:-10px;
  padding-left:25px;
}
div.support-primary-nav div.search input.text
{
  float:left;
  height:20px;
  width:214px;
}
div.support-primary-nav div.search input.image
{
  background:transparent url(/Components/Design/Skins/OticonWebsite/Images/form-submit.png) no-repeat scroll 0 0;
  cursor:pointer;
  margin:1px 0 0 4px;
  height:18px;
  width:18px;
}
/**************************************************************************************************************************************************************/
/* Dynamic list help text */
div.dynamicListHelpText
{
  margin:0 0 10px -25px;
}
/**************************************************************************************************************************************************************/
/* Dynamic list items */
div.support-content ul 
{
}
div.support-content li
{
  background:none;
  padding:20px 0;
  width:565px;
  border-bottom:solid 3px #eaeaea;
}
/* closed */
div.support-content li div.closed div.image
{
  width:141px;
  margin-right:15px;
  float:left;
  border:1px solid #eaeaea;
}
div.support-content li div.closed div.content
{
  width:407px;
  float:left;
}
div.support-content li div.closed div.content span
{
  display:block;
}
div.support-content li div.closed div.content span.title
{
  color:#666666;
  font:bold 16px Arial;
  margin-bottom:10px;
}
div.support-content li div.closed div.content span.abstract
{
  margin-bottom:10px;
}
div.support-content li div.closed div.content span.link a
{
  color:#C80071;
  background:url(/Components/Design/Skins/OticonWebsite/Images/menu-bullet-bg.gif) no-repeat right 3px;
  padding-right:14px;
}
/* expanded */
div.support-content li div.expanded span.title
{
  display:block;
  width:430px;
  float:left;
  color:#666666;
  font:bold 16px Arial;
}
div.support-content li div.expanded span.link
{
  display:block;
  float:right;
  margin:5px 0 0 0;
}
div.support-content li div.expanded span.link a
{
  color:#C80071;
  background:  transparent url(/Components/Design/Skins/OticonWebsite/Images/close-bg.png) no-repeat right center;
  padding-right:24px;
}
div.support-content li div.expanded span.link a:hover
{
  text-decoration:none;
}
div.support-content li div.expanded div.content
{
  float:left;
}
/* customer story */
.customerstory
{
  padding-top:20px;
}
.customerstory div.image
{
  float:left;
  width:563px;
  margin-bottom:20px;
}
.customerstory div.text
{
  float:left;
  width:300px;
  margin-right:15px;
  margin-bottom:-20px;
}
.customerstory div.spots
{
  float:left;
  width:235px;
  padding-right:15px;
}
.customerstory div.spots span.abstract
{
  display:block;
  color:#C80071;
  font:italic bold 22px Arial;
}
.customerstory div.spots div.classification
{
  margin-top:40px;
}
.customerstory div.classification ul,
.customerstory div.classification li,
.customerstory div.classification ol,
.customerstory div.classification p,
.customerstory div.classification div
{
  border:0;
  width:auto;
}
.customerstory div.classification ul, 
.customerstory div.classification ol 
{
  list-style-type:none;
  list-style-position:inside;
}
.customerstory div.classification li 
{
  background:url(/Components/Design/Skins/OticonWebsite/Images/li-bg.gif) no-repeat 0;
  float:none;
  padding:0 0 0 11px;
}
/* faq */
.faq
{
  background-color:#eeeeee;
  width:525px;
  padding:20px;
  margin-top:20px;
}
/* video */
.video
{
  margin-top:20px;
}
.textItem
{
  width:565px !important;
}
.textItem div.html ul,
.textItem div.html li,
.textItem div.html ol,
.textItem div.html p,
.textItem div.html div
{
  border:0;
  width:auto;
}
.textItem div.html ul, 
.textItem div.html ol 
{
  list-style-type:none;
  list-style-position:inside;
  margin-bottom:0;
}
.textItem div.html li 
{
  float:none !important;
  background:url(/Components/Design/Skins/OticonWebsite/Images/li-bg.gif) no-repeat 0;
  padding:0 0 0 11px;
  border-bottom:none;
}
.textItem div.html p
{
  clear:both;
  display:block;
  margin-bottom:0;
}
#footer
{
  float:left;
}
/************************************************
Navigation Bottom Menu (Apple Menu)
************************************************/
.NavigationBottomMenu
{
  float: left;
  margin:0 0 0 25px;
  width:861px;
  padding:30px 0 0;
  border-top:solid 2px #e5e5e5;
} 
.NavigationBottomMenu .Column
{
  width:200px; 
  padding:0 10px 30px 0;
  float:left
}
.NavigationBottomMenu h3
{
  margin:0 0 10px;
  text-transform:uppercase;
}
.NavigationBottomMenu ul
{
  list-style-type:none;
  margin:0;
  padding:0;
}
.NavigationBottomMenu ul li
{
  background:none;
  display:block;
  margin:0;
  padding:10px 0 0;
  width:200px;
}
.NavigationBottomMenu a,
.NavigationBottomMenu span.link
{
  padding:0 0 0 16px;
  color:#8a8a8a;
  background:url(/Components/Design/Skins/OticonWebsite/Images/multi-c-list-bullet.png) no-repeat 0 1px;
}
.NavigationBottomMenu a.selected,
.NavigationBottomMenu a:hover
{
  color:#C80071;
  background:url(/Components/Design/Skins/OticonWebsite/Images/menu-bullet-bg.gif) no-repeat 1px 2px;
  text-decoration:none;
}
/************************************************
Frontpage 
************************************************/

.FrontpageSpotText
{
  height: 70px;
  overflow:hidden;
}
.FrontpageSpotText ul
{
    margin:1px 0 0 0;
}
ul.index-info .FrontpageSpotText a {
  color:rgb(127, 127, 127);
}


/************************************************
Dynamic List View
************************************************/
.primary-column ul.DynamicListView li
{
  float:left;
}
div.usefiltercontainer
{
    background-image:url(/Components/Design/Skins/OticonWebsite/Images/filter_text_back.png);
    background-repeat:no-repeat;
    width:588px;
    height:73px;
    padding-left:114px; 
    padding-top:21px;
    vertical-align:top;   
}
/***********************************************
Site Logo
***********************************************/
.sitelogo
{
    margin:0 0 10px 0;
}

/***********************************************
Google Search Appliance
***********************************************/
#servicemenu
{
}

#servicemenu ul
{
  width:769px !important;
}

.GoogleSearchApplianceForm
{
  padding-top:2px;
  position:absolute;
  left:769px;
  top:0px;
}


.GoogleSearchApplianceForm input.search-query
{
  color:#575757;
  float:left;
  font-size:10px;
  font-weight:bold;
  height:12px;
  padding:2px;
  width:116px;
}

.GoogleSearchApplianceForm input.search-submit
{
  background:url("/Components/Design/Skins/OticonWebsite/Images/form-submit.png") no-repeat scroll 0 0 transparent;
  color:transparent;
  cursor:pointer;
  float:left;
  height:18px;
  margin:-1px 0 0 4px;
  text-indent:-9999px;
  text-transform:capitalize;
  width:18px;
}

/* Search result page */

.SearchResultHeader
{
  height:150px;
  background:#fff url(/Components/Design/Skins/OticonWebsite/Images/primary-sub-nav-bg.png) repeat-x;
  padding:20px;
}

.SearchResultHeader input.search-query
{
  float:left;
  padding:2px;
  width:300px;
}

.SearchResultHeader input.search-submit
{
  /* Preliminary image, as we are awaiting graphics from designers */
  background:url("/Components/Design/Skins/OticonWebsite/Images/form-submit-large.png") no-repeat scroll 0 0 transparent;
  color:transparent;
  cursor:pointer;
  float:left;
  height:18px;
  margin:1px 0 0 4px;
  text-indent:-9999px;
  text-transform:capitalize;
  width:18px;
}

.SearchResult ul li
{
  background:none;
  padding-left:0px;
  border-bottom:solid 2px #e9e9e9;
  padding:20px 20px 0px 20px;
}

.SearchResult ul li:hover
{
  background-color:#eaeaea;
}

.SearchResult .searchTitle
{
  font-size:19px;
  font-weight:normal;
  margin-bottom:12px;
}

.SearchResult .searchTitle a
{  
  color:rgb(127, 127, 127);
}


.SearchResult .searchUrl
{
  padding:10px 0px 25px 0px;
  color:#aaaaaa;
  font-size:13px;
}

/* Paging component */

.SearchResultPaging
{
  clear:both;
  background-color:#eaeaea;
  height:24px;
}

.SearchResultPaging .PreviousLink
{
  padding-top:4px;
  padding-left:20px;
  float:left;
  width:100px;
}

.SearchResultPaging .NextLink
{
  padding-top:4px;
  padding-right:20px;
  float:right;
  text-align:right;
  width:100px;
}


.SearchResultPaging ul
{
  padding-top:4px;
  width:310px;
  float:left;
  text-align:center;
}

.SearchResultPaging ul li
{
  display:inline;          
  background:none;
  padding:0px;
  padding:4px 2px 3px 4px;
}


.SearchResultPaging ul li.CurrentPage
{
  background-color:#db1778;
}


.SearchResultPaging ul li.CurrentPage a
{
  font-weight:bold;
  color:#ffffff;
}