/* All background-images are set from here... */
#campaign_hero {
  background: url('http://www.comhem.se/mauritius/servlet/image/view/-/32140/lowRes/16057/-/bg.jpg.jpg') 0 0 no-repeat;
}
 
#campaign_hero .campaign_lb {
background: url('http://www.comhem.se/mauritius/servlet/image/view/-/32142/lowRes/16060/-/lightbox.png.png') 0 0 no-repeat;
}
#campaign_hero .campaign_nav ul li a,
#campaign_hero .campaign_back,
#campaign_hero .campaign_content a,
#campaign_hero .camapign_order #campaign_hero_orderBtn,
#campaign_hero .camapign_order .campaign_hero_terms {
background: url('http://www.comhem.se/mauritius/servlet/image/view/-/32144/lowRes/16063/-/link_arrow.gif.gif') 0 2px no-repeat;
} 
/* to here... and they are only used in this campaign */
/* These are classes that all campaign-pages use */
.primaryContentHeader .modInr,
.primaryContentHeader .modHdr,
.primaryContentHeader .modFtr {
  margin: 0;
  background: none;
}
.primaryContentHeader .modCntnt {
  margin: 0;
}
.primaryContentHeader .modHdr {
  height: 0;
}
.primaryContentHeader {
  padding-top: 0;
}
#priCntnt,
#secCntnt {
  margin-top: 0;
}
#campaign_hero {
position: relative;
overflow: hidden;
  width: 996px;
  height: 360px;
}
#campaign_hero a {
color: #282828;
}
#campaign_hero .campaign_nav {
position: absolute;
z-index: 80;
top: 355px;
left: 30px;
width: 792px;
height: 110px;
}
#campaign_hero .campaign_nav ul li {
float: left;
width: 168px;
height: 100px;
margin-right: 30px;
padding: 10px 0 0 66px;
cursor: pointer;
}
#campaign_hero .campaign_nav ul li h3 {
font-size: 1.8em;
margin: 0 0 5px 0;
padding: 0;
letter-spacing: -1px;
}
#campaign_hero .campaign_nav ul li p {
font-size: 1.1em;
width: 165px;
}
#campaign_hero .campaign_nav ul li a {
font-size: 1.1em;
padding-left: 10px;
}
#campaign_hero .campaign_nav ul li a.hover {
text-decoration: none;
}
#campaign_hero .campaign_back {
position: absolute;
top: 20px;
left: 20px;
font-size: 1.1em;
padding-left: 10px;
background-position: 0 -98px;
}
#campaign_hero .campaign_pages {
position: relative;
z-index: 5;
margin-left: 0;
width: 4000px;
height: 465px;
}
#campaign_hero .campaign_page {
position: relative;
float: left;
width: 996px;
height: 465px;
}
#campaign_hero .campaign_content {
width: 500px;
margin: 70px 0 0 30px;
}
#campaign_hero .campaign_content h2 {
font-size: 4.2em;
line-height: 1.1em;
letter-spacing: -2px;
margin-bottom: 12px;
color: #fff;
}
#campaign_hero .campaign_content p {
font-size: 1.2em;
}
#campaign_hero p.campaign_intro {
font-size: 1.4em;
line-height: 1.1em;
}
#campaign_hero .campaign_content a {
font-size: 1.2em;
padding-left: 10px;
margin-bottom: 7px;
display: block;
width: 100px;
}
#campaign_hero .camapign_order {
position: absolute;
top: 16px;
left: 803px;
}
#campaign_hero .camapign_order #campaign_hero_orderBtn {
width: 89px;
height: 45px;
padding-left: 32px;
background-position: 0 -300px;
cursor: pointer;
display: block;
font-size: 1.8em;
line-height: 45px;
font-weight: bold;
color: #fff;
margin-bottom: 5px;
}
#campaign_hero .camapign_order #campaign_hero_orderBtn:hover {
background-position: 0 -400px;
text-decoration: none;
}
#campaign_hero .camapign_order a.campaign_hero_terms {
background-position: 4px -198px;
padding-left: 14px;
color: #fff;
font-size: 1.2em;
}
/* Classes for the lightbox - all campaigns use these */
#campaign_hero #campaign_lights_out {
position: absolute;
z-index: 99;
top: 0;
left: 0;
width: 996px;
height: 465px;
background-color: #000;
filter:alpha(opacity=65);
-moz-opacity:.65;
opacity:.65;
}
#campaign_hero .campaign_lb {
display: none;
position: absolute;
z-index: 100;
top: 10px;
left: 88px;
width: 832px;
height: 341px;
}
#campaign_hero .campaign_lb .campaign_lb_content {
margin: 50px 40px 30px 30px;
padding-right: 10px;
overflow-y: auto;
height: 260px;
}
#campaign_hero .campaign_lb h3 {
font-weight: normal;
font-size: 1.8em;
}
#campaign_hero .campaign_lb h4 {
font-size: 1.2em;
margin: 0;
}
#campaign_hero .campaign_lb p {
font-size: 1.2em;
margin: 0 0 15px 0;
}
#campaign_hero .campaign_lb .campaign_close {
position: absolute;
top: 2px;
right: 3px;
width: 40px;
height: 40px;
cursor: pointer;
}
/* These are classes that only this campaign-page use */
#campaign_hero {
height: 467px;
color: #fff;
}
#campaign_hero .campaign_nav {
width: auto;
color: #fff;
}
#campaign_hero .camapign_order {
position: static;
}
#campaign_hero.campaign_singlepage {}
#campaign_hero .campaign_nav ul li {
padding-top: 25px;
padding-left: 15px;
width: 220px;
margin-right: 20px;
}
#campaign_hero .campaign_nav ul li.last {
padding-left: 15px;
width: 220px;
}
#campaign_hero .campaign_nav ul li h3 {
margin-bottom: 8px;
font-size: 1.2em;
line-height: 1.2em;
letter-spacing: 0;
}
#campaign_hero .campaign_nav ul li a {
font-size: 1.2em;
color: #fff;
font-weight: bold;
}
#campaign_hero .campaign_content h2 {
font-size: 3.6em;
line-height: 1.1em;
margin-bottom: 7px;
}
#campaign_hero .campaign_content {
margin-top: 45px;
}
#campaign_hero .campaign_content p,
#campaign_hero p.campaign_intro {
width: 480px;
font-size: 1.1em;
line-height: 1.3em;
margin: 0 0 15px 0;
}
#campaign_hero p.campaign_intro {
width: 450px;
font-size: 1.4em;
line-height: 1.3em;
}
#campaign_hero .campaign_content a {
font-size: 1.2em;
color: #fff;
font-weight: bold;
width: 200px;
margin: 0 0 25px 0;
}
#campaign_hero .img_start {
position: absolute;
top: 107px;
left: 513px;
width: 386px;
height: 228px;
}