/***************
  MOBIL
***************/
/* Stylish select, jquery plugin replaces selects */
.stylish-select .sorting select {
  visibility: hidden;
}

.newListSelected {
  cursor: pointer;
  float: left;
  line-height: 34px;
  margin-right: 8px;
  width: 207px;
  background: url(/images/select.png) top right no-repeat;
  height: 34px;
  z-index: 4;
}

.newListSelHover,
.newListSelFocus {
  background-position: right -34px;
}

.hasValue {
  background-position: right -68px;
}

.selectedTxt {
  padding: 0 0 0 10px;
  height: 34px;
  font-size: 13px;
  font-weight: bold;
  line-height: 34px;
  color: #666;
}

.hasValue .selectedTxt {
  color: #fff;
}
 
ul.newList {
  background: #333;
  overflow: hidden;
  padding: 1px;
}

ul.newList li a {
  border-bottom: 0;
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: bold;
  outline: none;
  height: 29px;
  line-height: 29px;
  padding: 0 10px;
}

.newListHover {
  background: url(/images/select.png) no-repeat 0 -102px;
}

.pageNavigation {
  float: right;
  clear: left;
  line-height: 34px;
  margin-right: 40px;
}

.sorting .pageNavigation {
  margin-right: 0;
  clear: none;
}

.pageNavigation a {
  margin-right: 6px;
}

.pageNavigation a.active_page {
  border-bottom: 0;
  color: #666;
  font-weight: bold;
}

#main.phonePage,
#main.phonePage div#content {
  overflow: visible;
}

#main.phonePage .breadcrumbs,
#main.phonePage #sortAndFilterForm,
#main.phonePage div.hr,
#main.phonePage .sorting {
  width: 95.6em;
}

.notDisplayed {
  display: none;
}

#flashBannerCarousel {
  margin-bottom: 2.7em;
}

.phone-description {
  color: #7f7f7f;
  display: inline;
  float: left;
  font-size: 14px;
}

/* Classes for different badges used to promotoe phones */
.priceBadge {
  width: 94px;
  height: 81px;
  padding: 16px 0 0 5px;
  position: absolute;
  z-index: 1;
  top: -10px;
  left: 130px;    
  text-indent: -9999px;
  background-image: url(/images/priceBadges.png);   
}

.plan-info-box .priceBadge {
  top: 60px;
  left: 170px;
}

.about-product .priceBadge {
  top: 25px;
  left: 580px;
}

.priceDiscount {
  line-height: 23px;
  text-align: center;
  font-style: italic;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  background-image: url(/images/purpleBadge.png);
  text-indent: 0;
}

.checkTotalPrice {
  background-position: 0 0;
}

.checkPrice {
  background-position: -100px 0;
}

.newItem {
  background-position: -200px 0;
}

.bestSeller {
  background-position: -300px 0;
}

.preOrder {
  background-position: -500px 0;
}

.dailyOffer {
  background-position: -600px 0;
}

.headsetIncluded {
  background-position: -700px 0;
}

.weekOffer {
  background-position: -800px 0; 
}

.freeUse {
  background-position: -900px 0;
}

.campaignOffer {
  background-position: -1000px 0;
}

.superOffer {
  background-position: -1100px 0;
}

.reserve {
  background-position: -1300px 0;
}

.lunchOffer {
  background-position: -1400px 0;
}

.thisPhoneDiscount {
  font-size: 30px;
}

.isTestWinner {
  position: absolute;
  left: 145px;
  bottom: 10px;
  background: url(/images/bestitest-badge.png) no-repeat 0 0;
  width: 62px;
  height: 45px;
  text-indent: -9999px;
}

/* End price badges */

.thisOldPrice,
.thisOldOldPrice {
  background: url(/images/line-through.gif) repeat-x left center;
  color: #999;
  font-size: 20px;
}

div.totalPrice {
  color: #7f7f7f;
  font-size: 12px;
  margin-top: 10px;
}

.withPopup {
  background: url(/images/infoIcon.png) no-repeat right top;
  padding: 0 20px 0 0;
  min-height: 14px;
  position: relative;
  cursor: pointer;
}

.popupBubble {
  background: url(/images/bubbleBottom.png) no-repeat bottom left;
  padding: 0 0 55px 0;
  display: none;
  position: absolute;
  width: 403px;
  bottom: -10px;
  right: -45px;
  z-index: 5;
  text-align: left;
  color: #333;
}

.popupBubble .inner {
  background: url(/images/bubbleTop.png) no-repeat top left;
  padding: 35px 45px 0;
  overflow: hidden;
}

.noHeader .inner {
  padding-top: 45px;
}

.popupBubble p {
  font-size: 13px;
}

.popupBubble h3 {
  background: url(/images/headline-gradient.png) repeat-x top left;
  color: #fff;
  font-size: 13px;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  margin: 0 0 10px -10px;
  width: 100%;
}

.popupBubble table.prices {
  margin: 10px 0 15px;
}

.popupBubble .prices caption {
  font-size: 13px;
  font-weight: bold;
  padding: 4px 0;
}

.popupBubble .prices th {
  padding: 4px 0;
}

.popupBubble .prices td {
  font-size: 13px;
  font-weight: bold;
  padding-left: 20px;
}

.popupBubble .prices small {
  font-size: 10px;
}

tr.totalSum {
  border-top: 1px dotted #ccc;
}

.campaignText {

}

.popupBubble .prices td.priceInfo {
  font-weight: normal;
  text-align: left;
}

.smallBubble .prices td {
  font-weight: normal;
}

.smallBubble table.prices {
  margin-bottom: 0;
}

.smallBubble {
  background-image: url(/images/bubbleBottomSmall.png);
  width: 302px;
  right: -242px;
}

.smallBubble .inner {
  background-image: url(/images/bubbleTopSmall.png);  
}

.pricesWrapper {
  position: absolute;
  right: 15px;
  bottom: 75px;
  text-align: right;
}

.planInfoText,
p.planInfoText {
  font-size: .9em;
  margin-bottom: 5px;
}

.planInfoText li {
  margin: 0 0 3px 18px;
  list-style: disc;
}

/* Terningkast */
.dice {
  background: url(/images/dice.png) no-repeat;
  display: block;
  height: 33px;
  position: absolute;
  padding: 0 0 0 45px;
  left: 15px;
  bottom: 15px;
}

.die6 {
  background-position: 0 0;
}

.die5 {
  background-position: 0 -40px;
}

.die4 {
  background-position: 0 -80px;
}

.die3 {
  background-position: 0 -120px;
}

.die2 {
  background-position: 0 -160px;
}

.die1 {
  background-position: 0 -200px;
}

.dice span {
  display: block;
  font-size: 12px;
  font-weight: bold;
}

/* FRONTPAGE */
img.floatRight {
  float: right;
}

a.item,
div.campaign a,
#big-banner a {
  border-bottom: none;
}

.banner {
  position: relative;
}

.banner a {
  position: absolute;
  z-index: 1;
}

.banner .button,
.flexible-button {
  width: auto;
  padding: 0 12px;
}

.flexible-button {
  display: inline-block;
}

.banner .block {
  display: block;
  position: absolute;
  text-indent: -9999px;
  border-bottom: 0;
  background: url(/images/transparent.gif); /* Need this to fix weird IE bug that causes links to not work unless a background is defined */
  padding: 1px;  
}

.boxes-3 .button {
  padding: 0;
  width: 227px;
}

.boxes {
  clear: both;
  border-top: 1px solid #ccc;
  padding: 10px 0;
  overflow: hidden;
}

.boxes-3 .banner {
  float: left;
  width: 307px;
  margin-right: 16px;
}

.banner a.readMore {
  color: #2a7380;
  background: url(/images/readmore.gif) no-repeat right 5px;
  padding-right: 10px;
  border-bottom: 1px dotted #a2d9e3;
}

.banner a.readMore:hover {
  color: #0e4951;
}

.news {
  width: 631px;
  float: left;
  margin-right: 16px;
}

.news a {
  display: block;
  clear: left;
  margin: 16px 0;
  overflow: hidden;
  color: #666;
  border-bottom: none;
}

.news a:hover {
  color: #333;
}

.news a img {
  float: left;
  margin-right: 16px;
}

.article-lead-header {
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  margin-bottom: 4px;
  padding: 0;
}

.news p {
  font-size: 13px;
}

.slogan {
  color: #666;
  font-size: 16px;
  font-weight: bold;
  border-top: 1px solid #ccc;
  padding: 25px 0;
}

/***************
  SIDEBAR MENU
***************/

#sidebar-menu {
  float: left;
  margin: 0 1.6em 0 0;
  width: 22.7em;
}

#sidebar-menu ul li {
  background: transparent url(/images/bg_hr.gif) repeat-x left bottom;
}

#sidebar-menu ul li a {
  color: #666;
  display: block;
  font-size: 1.4em;
  font-weight: normal;
  line-height: 2.5em;
  border-bottom: none;
}

#sidebar-menu ul li a.selected {
  font-weight: bold;
}

#sidebar-menu li li {
  background-position: left top;
}

#sidebar-menu li li a {
  font-size: 1.4em;
  padding-left: 1.07em;
}

a.rss, a.newsletter-signup {
  border-bottom: 0;
  display: block;
  height: 24px;
  color: white;
  font-weight: bold;
  line-height: 24px;
  font-size: 12px;
  margin: 1.33em 0 0 0;
}

a.rss {
  width: 108px;
  padding-left: 28px;
  background: url(/images/rss-feed.png) no-repeat top left;
}

a.newsletter-signup {
  width: 146px;
  padding-left: 32px;
  background: url(/images/newsletter.png) no-repeat top left;
}

a.rss:hover, a.newsletter-signup:hover {
  background-position: bottom left;
}

/* NEWSLETTER SIGNUP FORM */

#signup-form {
  display: none;
  margin: 1em 0;
}

#signup-form label {
  display: block;
  font-weight: bold;
  clear: both;
}

#signup-form input {
  background:transparent url(/images/text-inputs.png) no-repeat left top;
  height:24px;
  margin:7px 0 14px 0;
  overflow:hidden;
  padding:3px 1px 1px 3px;
  border: 0;
  width:200px;
}

#signup-form input.submit-button {
  background: url(/images/signup-button.png) no-repeat left top;
  width: 77px;
  height: 28px;
  padding: 0 0 2px 0;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  cursor: pointer;
}

#signup-form input.submit-button:hover {
  background-position: left bottom;
}

/***************
  MIDDLE
***************/

#middle {
  float: left;
  width: 47em;
  margin: 0 1.6em 0 0;
}

#middle .hr {
  clear: both;
}

/* MAGASIN ARTICLE LEADS */

.article-lead {
  padding: 0 0 1.54em 0;
  margin: 1em 0 0 0;
  font-size: 1.3em;
}

.article-lead h2 {
  font-size: 1.38em;
}

.article-lead.medium h2 {
  font-size: 1.15em;
}

.article-lead p, .article-lead a {
  font-size: 1em;
}

.article-lead img {
  border: .1em solid #ccc;
  display: block;
  margin-bottom: .6em;
}

.article-lead a.image-link {
  border-bottom: none;
  display: block;
  float: left;
  margin-right: 1em;
}

.article-lead a.image-link img {
  margin-bottom: 0;
}

.article-lead.big {
  background: url(/images/bg_hr.gif) bottom left repeat-x;
}

.article-lead.medium {
  width: 17.46em;
  margin-right: 1.16em;
  float: left;
  background: none;
}

.article-lead.last {
  margin-right: 0;
}

.article-lead.small {
  background: url(/images/bg_hr.gif) top left repeat-x;
  padding: 1em 0;
  margin: 0;
  width: 36.15em;
  float: left;
  clear: left;
}

.small.first {
  background: none;
}

.article-lead.small h3 {
  font-size: 1.15em;
}

.article-lead.small img {
  float: left;
  margin-right: 1em;
}

iframe {
  border: 0;
}

/* MAGASIN READ ARTICLE */

.article-lead.article {
  background: none;
  font-size: 1.5em;
  margin: 0;
}

.image-wrapper {
  position: relative;
  margin-top: 1em;
}

.image-wrapper img {
  display: block;
}

.dice-image {
  position: absolute;
  bottom: 0;
  right: 4px;
}

.whitebox {
  background: #eeeeee;
  padding: .77em;
  width: 15.92em;
  float: right;
  margin: .77em 0 0 1.23em;
}

.article-read, .tjenesterTopBox, .tjenesterBottom {
  font-size: 1.3em;
}

.whitebox p, 
.whitebox a, 
.article-read p,
.article-read h4, 
.article-read b, 
.article-read ul li,
.article-read li b, 
.tjenesterTopBox p, 
.tjenesterTopBox ul li, 
.tjenesterBottom p,
.tjenesterBottom ul li,
.tjenesterBottom ul li a,
.tjenesterBottom a,
.tjenesterListing h3 a {
  font-size: 1em;
}

.tjenesterBottom ul, .article-read ul, .answer ul {
  margin: 0 0 1.15em 1.1em;
}

.tjenesterBottom ol, .article-read ol  {
  margin: 1.54em 0 1.15em 1.54em;
}

.tjenesterBottom li,
.article-read li,
.tjenesterTopBox li {
  margin: 0 0 10px 0;
  list-style: disc;
}
.article-read p,
.tjenesterBottom p,
.tjenesterBottom h4 {
  margin-bottom: 1.54em;
}

/* SHARE LINKS */
.shareLinks, .tellAFriend {
  clear: both;
  background: url(/images/bg_hr.gif) top left repeat-x;
  padding: 1em 0 2em 0;
}

.shareLinks a {
  border-bottom: 0;
  font-weight: normal;
  line-height: 16px;
}

a.shareFacebook {
  padding: 0 1em 0 0;
  background: none;
}

a.print {
  padding: 0 1em .4em 1.6em;
  background: url(/images/iconPrint.gif) no-repeat top left;
}

.tellAFriend div.text-input {
  margin:7px 0 14px 0;
  padding:3px 1px 1px 3px;
  height:24px;
  background:url(/images/text-input.png) top left no-repeat;
  overflow:hidden;
}

.tellAFriend div.text-input input {
  border:1px solid #fff;
  height:18px;
  width: 256px;
}

.tellAFriend .button {
  border: 0;
  height: 27px;
  width: 64px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 2px;
}

/***************
  SIDEBAR
***************/

#sidebar {
  float: left;
  width: 22.7em;
  padding: 1em 0 0 0;
}

ul#relevant-services {
  list-style: none;
  width: 100%;
  margin: 1em 0 0 0;
}

ul#relevant-services li {
  background: transparent url(/images/bg_hr.gif) repeat-x left bottom;
  padding-bottom: 1px;
}

ul#relevant-services li a {
  background: url(/images/relevant-services.png) no-repeat;
  display: block;
  padding: 0 0 0 35px;
  font-size: 1.4em;
  line-height: 2.5em;
  font-weight: normal;
  border-bottom: 0;
}

ul#relevant-services li a#music { background-position: 0 0; }
ul#relevant-services li a#wlm { background-position: 0 -70px; }
ul#relevant-services li a#facebook { background-position: 0 -140px; }
ul#relevant-services li a#ringtones { background-position: 0 -210px; }
ul#relevant-services li a#sms { background-position: 0 -280px; }

ul#relevant-services li a#music:hover { background-position: -470px 0; }
ul#relevant-services li a#wlm:hover { background-position: -470px -70px; }
ul#relevant-services li a#facebook:hover { background-position: -470px -140px; }
ul#relevant-services li a#ringtones:hover { background-position: -470px -210px; }
ul#relevant-services li a#sms:hover { background-position: -470px -280px; }


/***************
  ABONNEMENT
****************/

.plan-info-box {
  width: 207px;
  float: left;
  margin: 28px 100px 28px 0;
  position: relative;
}

.plan-info-box h2,
.plan-info-box-headline {
  font-size: 28px;
  color: #840a84;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.plan-info-box .priceImage,
.plan-info-box img {
  border-top :1px solid #ddd;
  border-bottom :1px dotted #ddd;
  margin : 10px 0;
}

.plan-info-box .monthlyFee { /* More styles in styles.ie7 */
  float: right;
  font-size: 30px;
  color: #840a84;
  font-weight: bold;
}

.plan-info-box .plan-links {
  text-align: center;
  clear: both;
}

.plan-info-box .plan-links a.button {
  margin: 18px 0 10px;
}

.abo .banner {
  clear: both;
}
#sidebar-menu.abo-menu {
  margin-top: 11px;
}

#sidebar-menu.abo-menu ul li {
  background: none;
  list-style: none;
}

#sidebar-menu.abo-menu li a {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #333;
  padding: 10px 8px;
  background: #f1f1f1;
  border-bottom: 1px solid white;  
}


#sidebar-menu.abo-menu li a:hover,
#sidebar-menu.abo-menu li a.selected {
  background: #820a82 url(/images/buttons.png) repeat-x 0 -80px;
  color: #fff;
}

.abo-menu .itemDescription {
  font-size: 13px;
  font-weight: normal;
  display: block;
}

#sidebar-menu.abo-menu li.special a {
  display: block;
  background: url("/images/bg_hr.gif") repeat-x left top;
  font-size: 1.2em;
  font-weight: normal;
  color: #6e6e6e;
  padding-top: 5px;
  margin: 7px 0 5px 0;
  width: 206px;
}

#sidebar-menu.abo-menu li.special a:hover .linkWrapper {
  border-bottom: none;
  color: #AC3490;
}

#main.abo #content {
  width: 95.6em;
}

#main.abo div.breadcrumbs {
  border-bottom: 0;
}

#main.abo .hr {
  clear: both;
  margin: 0;
}

div.about-plans {
  clear: both;
  margin: 0 0 2em 0;
}

div.plan-description {
  margin: 0 0 1.5em 0;
  width: 18em;
  padding: 1em 2em 1em 0;
  color: #333;
  float: left;
  clear: left;
}

div.plan-description h3 {
  font-size: 1.91em;
}

div.plan-description h3 a {
  color: #ac3490;
}

.plan-description a.button {
  margin: 1.5em .5em 0 0;
}

a.with-phone {
  width: 87px;
  float: left;
}

a.more {
  width: 114px;
}

#main.abo h2.special {
  clear: both;
  margin-bottom: 1em;
  padding: .5em 0;
  background: url(/images/bg_hr.gif) left bottom repeat-x;
}

#main.abo ul {
  margin-top: 1em;
  list-style: none;
}

#main.abo ul li {
  margin: 0 0 .2em 1em;
}

#middle.special {
  width: 71.3em;
  margin: 0;
}

/* ABONNEMENT PRODUKT */

.plans #middle {
  background: url(/images/abo-top-box.png) no-repeat right top;
  margin-top: 11px;
  width: 713px;
}

.about-product {
  height: 169px;
  width: 545px;
  padding: 15px 15px 0 15px;
  margin: 0;
}

.about-product h1 {
  font-size: 40px;
  color: #840a85;
  padding: 0;
  line-height: 1em;
  font-weight: normal;
  margin: 0 0 10px 0;
}

.about-product p {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 10px;
}

.about-product p em {
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
}

.about-product ul {
  margin-left: 15px;
}

.about-product ul li {
  list-style: none;
  font-size: 1.6em;
  font-weight: 400;
}

.fauxBullet {
  padding-right: 20px;
}

#middle .pane {
  background: white;
  clear: left;
  width: auto;
  margin: 0;
  font-size: 1.4em;
  padding-top: 18px;
}

#middle .pane .plan-info-box {
  margin: 25px 35px 0 0;
}

#middle .pane .plan-info-box.last-box {
  margin-right: 0;
}

#middle .pane .plan-info-box .monthlyFee {
  font-size: 22px;
  margin-right: 10px;
  line-height: 13px;
}

#middle .pane p,
#middle .pane ol li {
  font-size: .93em;
}

#middle .pane ol li {
  margin-bottom: 1em;
}

#middle .pane h2 {
  color: #962f9a;
  clear: both;
  margin: 0 0 10px 0;
}

#middle .pane h3 {
  font-size: 1.43em;
  color: #962f9a;
}

#middle .pane h3 a {
  color: #962f9a;
  text-decoration: underline;
  font-size: 1em;
}

#middle .pane h3.plan-headline {
  font-size: 28px;
}

h3.plan-headline span {
  font-size: 20px;
}

h3.plan-headline span.theOne {
  font-size: 28px;
}

#middle .pane h4 {
  clear: both;
  font-size: 13px;
}

.pane .special {
  padding: 20px 0;
}

.withSeparator {
  background: url(/images/bg_hr.gif) top left repeat-x;
  padding-top: 15px;
  margin-top: 15px;
}

#beskrivelse .phone-plans {
  font-size: .71em;
  width: 46em;
}

#combiBanner { /* IE6 fix in styles.ie6.css */
  position: relative;
  top: -15px;
  left: -258px;
}

div.star-banner {
  background: url(/images/golden-star.png) no-repeat;
  position: absolute;
  right: -5em;
  top: 1em;
  width: 86px;
  height: 76px;
  padding: 30px 10px 0 10px;
  text-align: center;
}

div.star-banner p {
  font-size: 15px;
  line-height: 17px;
  font-weight: bold;
}

.ribbon-banner {
  position: absolute;
  background: url(/images/dummy/SIMply-bestitest.png) no-repeat top left;
  width: 144px;
  height: 97px;
  top: 0;
  right: -138px;
  z-index: 2;
  text-indent: -9999px;
}

.campaignSash {
  background: url(/images/campaignSash.png) top left;
  width: 469px;
  height: 151px;
}

h2.campaignText {
  font-size: 30px;
  margin-top: -5px;
  color: #943299;
  line-height: 25px;
  text-transform: uppercase;
}

ul.tabs {
  background: url(/images/tabs-gloss.png) no-repeat left top;
  clear: both;
  height: 46px;
}

ul.tabs li {
  display: block;
  list-style: none;
  float: left;
  margin-top: 1px;
  height: 45px;
  border-left: 1px solid #fff;
  position: relative;
}
    
ul.tabs li h2 a {
  border-bottom: none;
  border-right: 1px solid #dadada;
  color: #666;
  font-size: 14px;
  font-weight: bold;
  line-height: 39px;
  height: 38px;
  display: block;
  padding: 0 15px;
}

ul.tabs li.active,
ul.tabs li:hover  {
  background: url(/images/tabs-active.png) no-repeat center top;
  margin-top: 0;
  border-left: 0;
}

ul.tabs li.active {
  border-left: none;
}

ul.tabs li.active a,
ul.tabs li:hover a {
  border-right: none;
  padding: 0 16px;
}

ul.tabs li:hover h2 a,
ul.tabs li.hover h2 a,
ul.tabs li.active h2 a {
  color: #fff;
}

ul.tabs li:last-child:after {
  content: " ";
  width: 1px;
  height: 38px;
  display: block;
  background: white;
  position: absolute;
  right: -1px;
  top: 1px;
}
    
ul.tabs li div.content {
  display:none;
  position:absolute;
  top:20px;
  left:0;
  width:100%;
}
    
div.pane {
  margin-left:2.1em;
  padding-top:2.2em;
  width:62.7em;
}

div.pane .article {
  width: 307px;
  float: left;
  margin-right: 65px;
}

div.pane h3 {
  clear: both;
}

div.pane p {
  margin-bottom: 15px;
}

div.pane em {
  font-style: normal;
  color: #661982;
}

div.pane ul {
  margin: 15px 0;
}

div.pane ul.features {
  margin-bottom: 0;
}

div.pane ul.features li {
  display: inline-block;
  font-size: 15px;
  margin-bottom: 15px;
  float: left;
  clear: left;
}

div.pane ul.features span {
  font-size: 24px;
  font-weight: bold;
  line-height: 14px;
  padding-right: 5px;
}

div.pane .plan-prices {
  width: 310px;
}

div.pane .plan-prices table {
  margin-top: 0;
}

.plan-prices caption {
  font-size: 15px;
  font-weight: bold;
  color: #962f9a;
  padding: 0 0 10px 0;
  text-align: left;
}

.plan-prices .button {
  width: 207px;
  margin: 20px 0;
}

div.pane .plan-prices th {
  font-size: .93em;
}

div.pane .plan-prices td {
  font-size: 1.07em;
}

table.prices {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
  border: none;
}

.plan-info-box table.prices {
  width: 190px;
  margin-top: 0;
}

table.prices th {
  font-weight: normal;
  font-size: 13px;
  background: none;
  padding: 8px 0;
}

table.prices td {
  text-align: right;
  font-size: 16px;
  background: none;
}

table.prices td span {
  color: #840a84;
  font-size: 22px;
  font-weight: bold;
}

table.prices td span.old-price {
  color: #999;
  font-size: 15px;
  font-weight: normal;
  text-decoration: line-through;
}

.allin1-order-banners {
  background: url(/images/orderAllIn1.jpg) no-repeat;
  width: 227px;
  height: 282px;
  position: relative;
  margin: 0.6em 0 1.6em;
}

#sidebar .item {
  border-bottom: none;
}

#sidebar .item img{
  margin: 6px 0 16px;
}

.allin1-order-banners a {
  position: absolute;
  left: 140px;
}

#link1 {
  top: 83px;
}

#link2 {
  top: 216px;
}

#plan-phones {
  margin: 2em 0 0 0;
}

#plan-phones .phone-wrapper {
  float: left;
}

#plan-phones .first {
  margin-right: 1.6em;
}

#plan-phones div.phone {
  width: 21.5em;
  height: 21.8em;
  margin-right: 0;
}

#plan-phones .phone h3 {
  height: 3em;
}

#plan-phones div.image {
  width: 8.5em;
  height: 11em;
}

#plan-phones div.phone div.image img {
  right: 1.6em;
}

#plan-phones span.deal {
  right: 0;
}

#plan-phones div.price {
  margin-top: 2.5em;
}

#middle.abo-middle {
  margin-top: 1.6em;
}

.abo-middle h2 {
  color: #962f9a;
}

/*************
  TJENESTER
**************/

div.frontList {
  width: 28.7em;
  float: left;
  margin: 1.5em 2.5em 0 0;
  padding-left: 1em;
}

div.frontList.front-list-last {
  margin-right: 2.7em;
}

div.frontList .button {
  width: 200px;
}

ul.boxListMenu {
  list-style: none;
  border-top: .1em solid #999;
  margin: 1em 0 2em 0;
}

ul.boxListMenu li {
  background: transparent url(/images/bg_hr.gif) repeat-x left bottom;
  padding-left: 1em;
}

ul.boxListMenu li a {
  display: block;
  font-size: 1.4em;
  font-weight: normal;
  line-height: 2.5em;
  border-bottom: none;
}

div.box.campaign-services {
  margin-top: 1em;
  width: 30.9em;
  height: 29.2em;
  /*background: #fefefe url(/images/gradient-fill-big.png) bottom right repeat-x;*/
}

div.box.campaign-services a.item {
  border-bottom: none;
}

span.paper.paper-big {
  background-image: url(/images/gradient-paper-big.png);
  height: 175px;
  width: 239px;
}

/* TJENESTER-LISTE */

#middle .tjenesterMainHeader {
  margin-top: .56em;
}

ul.tjenesterListing {
  list-style: none;
  margin: 1em 0;
}

ul.tjenesterListing li {
  background: transparent url(/images/bg_hr.gif) repeat-x left top;
  display: inline-block;
  cursor: pointer;
  width: 100%;
}

ul.tjenesterListing li h3 {
  margin: 0;
}

ul.tjenesterListing li a {
  color: #666;
  font-weight: normal;
  display: block;
  padding-bottom: 1em;
  border-bottom: none;
}

ul.tjenesterListing h3 a {
  padding: .67em 0 0 0;
  font-weight: bold;
}

ul.tjenesterListing li:hover, 
ul.tjenesterListing li:hover a, 
ul.tjenesterListing li:hover h3 a,
ul.tjenesterListing li a:hover,
ul.tjenesterListing li a:focus {
  color: #AC3490;
  outline: none;
  text-decoration: none !important;
}

/* TJENESTER DETAILS */

.tjenesterTopBox {
  margin: .54em 0;
}

.tjenesterTopBox h1 {
  font-size: 1.54em;
  padding: 0;
}

.tjenesterTopBox ul {
  margin: 1em 0 0 1.3em;
}

.box.send-link {
  position: relative;
  background: #b4b4b4;
  width: 45em;
  margin: 1em 0;
  padding: 1em;
}

.box.send-link legend {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 1em;
}

.box.send-link label {
  display: block;
  float: left;
  line-height:24px;
  padding-right: 1em;
  font-weight: bold;
  color:white;
  font-size: 1.2em;
}

.send-link .text-input {
  width:225px;
  background:transparent url(/images/text-input.png) no-repeat left top;
  height:24px;
  overflow:hidden;
  padding:3px 1px 1px 3px;
  float: left;
}

.send-link .text-input input {
  width:225px;
  border:1px solid #FFFFFF;
  height:18px;
}

.send-link .button {
  float: right;
  margin-top:0;
  width: 65px;
}

.tjenesterBottom table.priceTable {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0 1em 0;
  font-size: .77em;
}

.tjenesterBottom .priceTable .number {
  font-weight: bold;
  text-align: right;
}

.tjenesterBottom h3 {
  font-size: 1.15em;
  margin: 1em 0 0 0;
}

.tjenesterBottom {
  margin-bottom: 1.54em;
}

/*****************
  KUNDESERVICE
*****************/
.contact-box p {
  margin-bottom: .77em;
}

.contact-box h4 {
  font-size: 1.3em;
  margin-top: .77em;
}

#customer-service-search {
  width: 45.4em;
  padding: .6em .6em .6em 1em;
  position: relative;
  height: 7.8em;
  background: #eee;
  margin: 1em 0;
}

#customer-service-search legend {
  font-size: 1.8em;
  font-weight: bold;
  color: #333;
}

#customer-service-search .example {
  color: #999;
  font-size: 1.3em;
}

.search-button {
  text-indent: -9999px;
  background: url(/images/ks-search-button.jpg) no-repeat top left;
  width: 48px;
  height: 28px;
  border: 0;
  margin: .4em 0 0 .3em;
  cursor: pointer;
}

.search-button:hover {
  background-position: left bottom;
}

.category-list {
  background: url(/images/bg_hr.gif) repeat-x top left;
  padding: 1em 1em 2em 1em;
  width: 20.7em;
  float: left;
  margin-right: 1.5em;
}

.category-list.last {
  margin-right: 0;
}

.category-list ul, ul.bullet-links {
  margin: 1em 0;
}

.category-list li, ul.bullet-links li {
  list-style: none;
  margin-bottom: .2em;
}

.category-list li a, ul.bullet-links li a, a.bullet-link {
  background: url(/images/arrow-bullet.png) no-repeat top left;
  padding-left: 23px;
  font-weight: normal;
  display: block;
}

.category-list li a:hover, ul.bullet-links li a:hover {
  background-position: 0 -85px;
}

.category-list a.button {
  float: left;
}

.category-list.big-list {
  clear: both;
  margin: 0;
  padding: 1.5em 1em;
  width: 45em;
}

.answer {
  font-size: 1.3em;
  clear: both;
  padding: 0 .77em;
}

.answer p, .answer a {
  font-size: 1em;
}

.answer p {
  margin-bottom: 1.5em;
}

.answer h1 {
  padding-top: .3em;
  font-size: 1.54em;
}

.answer h2,
.answer h3 {
  font-size: 1.15em;
}

.answer .hr {
  margin: 1.54em 0 .62em 0;
}

h3.category-list-header {
  margin-left: .67em;
}

.category-list.only-list {
  padding: 0 1em;
  background: none;
}

/* CONTACT FORM */

#contact-form .o2RadioGroup {
  margin: 7px 0 14px 0;
}

#contact-form .o2Input {
  float: left;
  width: 100%;
}

span.form-info {
  font-size: 1.3em;
  color: #999;
  display: block;
}

div.progress {
  background: url(/images/progress-bar.png) no-repeat 0 0;
  width: 471px;
  height: 31px;
  margin: 2em 0 1em 0;
  line-height: 31px;
}

div.progress.progress-second {
  background-position: 0 -31px;
}

div.progress.progress-third {
  background-position: 0 -62px;
}

.progress span {
  font-size: 13px;
  color: #666;
  display: block;
  float: left;
}

.progress span.active {
  color: white;
  font-weight: bold;
}

.progress .step-one {
  width: 114px;
  padding-left: 10px;
}

.progress .step-one.active {
  width: 118px;
}

.progress .step-two {
  width: 85px;
}

.progress .step-two.active {
  width: 89px;
}

#contact-form .o2InputLabel, #contact-form .o2TextareaLabel, #contact-form .o2RadioGroupLabel {
  display: block;
  font-weight: bold;
}

#contact-form .o2RadioButtons {
  display: block;
  margin:7px 0 14px 0;
}

#contact-form .FormsField {
  background:transparent url(/images/text-inputs.png) no-repeat left top;
  height:24px;
  margin:7px 0 14px 0;
  overflow:hidden;
  padding:3px 1px 1px 3px;
  border: 0;
  width:257px;
}

#contact-form .FormsField.short-input {
  width: 100px;
  background-position: 0 -55px;
}

#contact-form .o2Textarea {
  float: left;
  clear: left;
}

#contact-form textarea.FormsField {
  height: 141px;
  background-position: 0 -109px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 15px;
  color: #666;
  overflow: auto;
}

#contact-form .submit-button {
  clear: both;
}

#contact-form .button {
  background    :transparent url(/images/send-button.png) no-repeat left top;
  border        :0;
  cursor        :pointer;
  font-size     :12px;
  font-weight   :bold;
  height        :27px;
  padding-bottom:2px;
  width         :64px;
}

#contact-form .button.add {
  background: transparent url(/images/send-inn-button.png) no-repeat left bottom;
  width: 96px;
  color: white;
}

#errorMessageContainer {
  display: none;
  color: #ff3333;
  font-size: 1.3em;
  line-height: 1.4em;
}

#errorMessageContainer p {
  font-size: 1em;
}

#errorMessageContainer ul {
  margin-left: 1.3em;
}

#errorMessageContainer span {
  font-weight: bold;
}

.o2Input.error label, .o2Textarea.error label, .o2RadioGroup.error label.o2RadioGroupLabel {
  color: #ff3333;
}

.relatedQuestionBox {
  display: none;
}

.relatedQuestionBox li a{
  background: url(/images/expandable-bullet.png) no-repeat top left;
}

.relatedQuestionBox li a:hover {
  background-position: left -82px;
}

.FormDynamicBox {
  font-size: 1.3em;
  margin-left: 23px;
}

.FormDynamicBox p {
  font-size: 1em;
}

.category-list li .FormDynamicBox a {
  border-bottom: none;
  display: inline;
  padding: 0;
  font-size: 1em;
}

/*****************
  SEARCH RESULTS
*****************/

ul#searchResults {
  border-top: .1em solid #999;
  margin: 1em 0 2em 0;
  list-style: none;
}

ul#searchResults li {
  background: url(/images/bg_hr.gif) repeat-x bottom left;
  padding: 1em 0 1.3em 0;
}

#searchResults div.text {
  font-size: 1.3em;
}

#searchResults div.link {
  margin-top: 1.77em;
  font-size: 1.3em;
}

#searchResults div.link a {
  font-size: 1em;
  margin-right: 1em;
}

ul#searchResultsNavigation {
  list-style: none;
  margin-bottom: 2em;
}

ul#searchResultsNavigation li {
  display: inline;
}

ul#searchResultsNavigation li a {
  font-weight: normal;
}

ul#searchResultsNavigation span {
  font-size: 1.3em;
  font-weight: bold;
  color: #666666;
}

ul#searchResultsNavigation a.next {
  margin-left: .5em;
}

ul#searchResultsNavigation a.prev {
  margin-right: .5em;
}

/* BANNER ABONNEMENT */

#phonePlanMatrix {
  width: 956px;
  height: 383px;
  background: url(/images/dummy/20110401-phonePlans.png) no-repeat top left;
  position: relative;
  margin-top: 1em;
}

.readMoreButton, .buyLink { 
  top: 342px;
  height: 28px;
}

.readMoreButton { width: 72px; }

.buyLink { width: 57px; }

.simplyMore { left: 14px; }
.simplyBuy { left: 130px; }
.allInOneMore { left: 265px; }
.allInOneBuy { left: 382px; }
.combiSmallMore { left: 208px; }
.combiSmallBuy { left: 295px; }
.combiMediumMore { left: 406px; }
.combiMediumBuy { left: 493px; }
.combiLargeMore { left: 518px; }
.combiLargeBuy { left: 634px; }
.easyMore { left: 770px; }
.easyBuy { left: 886px; }

/* SOCIAL MEDIA */

.social-media-icons-wrapper {
  float: right;
  margin: 40px 0 0 0;
}

.social-media-icons-wrapper li {
  display: block;
  float: left;
  font-weight: normal;
  margin: 0 15px 0 0;
}

.social-media-icons-wrapper li a {
  color: #999999;
  font-size: 12px;
}

h2.social-media-header {
  color: #999999;
  font-size: 12px;
  line-height: 14px;
}

a.icon-link {
  background: url(/images/social-media-icons.png) no-repeat;
  display: block;
  float: left;
  height: 14px;
  line-height: 14px;
  padding-left: 22px;
}

a.facebook-button {
  background-position: 0 0;
}

a.twitter-button {
  background-position: 0 -20px;
}

a.youtube-button {
  background-position: 0 -40px;
}

a.newsletter-button {
  background-position: 0 -80px;
}

a.aboutdjuice-button {
  background-position: 0 -60px;
}

#loadingDiv {
  display: none;
  position: absolute;
  width: 100%;
  height: 110%;
  z-index: 999;
  opacity: 0.3;
  top: -20px;
  left: 0;
  background: #000;
}

.loadingImage {
  display: none;
  background: transparent url(/images/ajax-loader.gif) no-repeat center center;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
}


a.combi-order-button {
  float: left;
  clear: both;
}

/* ALL IN 1 */

#bigBannerHolder {
  margin: 15px 0 0 0;
}

#bigBannerHolder a {
  border-bottom: none;
}

.notImportant {
  color: #666;
  margin-left: 14px;
}

.campaign-box {
  background: url(/images/campaignBox.png) no-repeat right top;
  width: 290px;
  padding: 0 20px 0 0;
  height: 337px;
  margin: 12px 15px 0 0;
  float: left;
}

.wide-box {
  width: 612px;
}

.full-box {
  width: 956px;
  background: url(/images/campaignBox-fluidHeight.png) left bottom;
  padding: 0 0 10px;
  height: auto;
}

.campaign-box .inner {
  background: url(/images/campaignBox.png) no-repeat left top;
  padding: 10px 0 10px 20px;
  height: 317px;
}

.full-box .inner {
  background: url(/images/campaignBox-fluidHeight.png) left top;
  padding: 10px 20px 0;
  height: auto;
}

.campaign-box h2 {
  font-size: 20px;
  margin: 5px 0 10px;
  color: #333;
  font-weight: normal;
}

.campaign-box ul {
  margin: 0 0 0 14px;
}

.campaign-box ul li {
  font-size: 1.2em;
  padding: 0 0 3px 0;
  margin: 0 0 7px 0;
  background: url(/images/bg_hr.gif) repeat-x left bottom;
}

ul.featureList {
  margin: 10px 0;
}

ul.featureList li {
  background: url(/images/checkmark.png) no-repeat left center;
  list-style: none;
  padding: 0 0 3px 30px;
  font-size: 21px;
  margin: 0 0 4px;
}

.wide-box p {
  font-size: 1.6em;
}

.campaign-box p {
  margin: 10px 0;
  clear: both;
}

p.offerLast {
  color: #2e2e2e;
  font-size: 20px;
}

p.offerLast span,
p.offerLast a {
  font-size: 32px;
}

p.offerLast em {
  font-size: 46px;
  font-style: normal;
}

p.offerLast a {
  color: #9f1f97;
}

a#orderOnlyPlan {
  font-size: 16px;
  text-transform: uppercase;
  color: #9f1f97; 
}

a#orderOnlyPlan span {
  text-transform: none;
  font-size: 18px;
}

.fbLikeBox {
  position: absolute;
  right: 2px;
  top: 40px;
}

/* BEST I TEST CAMPAIGN */

.campaign-articleLead {
  background: url(/images/biggestBadge.png) no-repeat 662px 18px;
  min-height: 250px;
  position: relative;
  z-index: 2;
}
.intro-text,
.intro-text p {
  width: 650px;
  margin: 5px 0 25px;
  font-size: 14px;
  line-height: 18px;
}

.campaignheadline {
  font-size: 40px;
  color: #9f1f97;
  padding-top: 0;
}

.campaignPhones {
  background: url(/images/phonesBg.png) repeat-x 0 0;
  height: 298px;
  width: 956px;
}

.pickphones {
  height: 64px;
  margin: 0;
  line-height: 64px;
  font-size: 33px;
  color: #9f1f97;
  padding: 0 10px;
}

.campaignPhonesList {
  height: 234px;
}

.campaignPhonesList > li {
  list-style: none;
  float: left;
  display: block;
  width: 95px;
  position: relative;
  height: 100%;
  background: url(/images/phoneShadow.png) no-repeat right 155px;
  cursor: pointer;
}

.zoomImg {
  height: 54%;
  position: absolute;
  left: 50%;
  margin-left: -31px;
  bottom: 49px;
}

.highlight {
  display: block;
  background: url(/images/highlight.png) no-repeat ;
  width: 327px;
  height: 332px;
  position: absolute;
  top: -50px;
  left: -106px;
  z-index: 3;
  display: none;
}

.winnerBadge {
  width: 50px;
  height: 36px;
  background: url(/images/testwinnerBadge.png) no-repeat 0 0;
  position: absolute;
  z-index: 4;
  top: 50px;
  right: 5px;
}

li.active .highlight {
  display: block;
}

li.active .zoomImg {
  z-index: 3;
}

.hoverTrigger {
  position: relative;
  height: 222px;
  z-index: 3;
}

.listHeadline {
  font-size: 11px;
  padding-top: 191px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
}

.headline {
  color: #9f1f97;
  font-size: 28px;
}

.showPanel {
  background: url(/images/showPanelBg.jpg) no-repeat 0 0;
  width: 956px;
  height: 459px;
  position: absolute;
  top: 0;
  left: 0;
}

.campaignLink {
  border-bottom: 1px solid #9f1f97;
  color: #9f1f97;
  font-weight: bold;
}

.showPanel .campaignLink {
  position: absolute;
  bottom: 10px;
  right: 50px;
  color: #000;
  border-bottom-color: #000;
}

.moreInfoPanel {
  margin-top: 20px;
  width: 956px;
  height: 459px;
  background: url(/images/panelBg.jpg) no-repeat 0 0;
  clear: both;
  position: relative;
}

.phoneImage {
  top: 60px;
  left: 55px;
  position: absolute;
}

.phoneBuyLink {
  position: absolute;
  top: 255px;
  left: 245px;
  width: 59px;
}

.phoneTitle {
  position: absolute;
  font-weight: normal;
  top: 200px;
  left: 245px;
  font-size: 20px;
  text-transform: uppercase;
  width: 180px;
}

.summaryBox {
  position: absolute;
  top: 2px;
  left: 445px;
  padding: 65px 25px 25px;
  width: 172px;
}

.isWinner {
  background: url(/images/bigBadge.png) no-repeat 88px 5px;
}

.noPlanInfo {
  left: 682px;
  padding-right: 70px;
}

.noPlanInfo.isWinner {
  background-position: 133px 2px;
}

.summaryBox h3 {
  height: 72px;
  padding-top: 13px;
  font-size: 20px;
  line-height: 20px;
}

.djuiceInfo h3 {
  color: #9f1f97;
}

.priceList {
  color: #9f1f97;
}

.priceList dt {
  padding: 12px 2px 3px;
  background: url(/images/dottedPurple.gif) repeat-x 0 0;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.priceList dd {
  font-size: 20px;
  padding: 0 2px 12px;
}

.noPlanInfo .priceList {
  color: #666;
}

.noPlanInfo .priceList dt {
  background-image: url(/images/dottedGray.gif);
}

/* CAMPAIGN FRI BRUK */

#middle.campaign-middle {
  width: 713px;
  margin-top: 11px;
}

.campaign-banner {
  width: 713px;
  padding: 0;
  height: auto;
}

.campaign-banner .item {
  position: static;
}
