/* All background-images are set from here... */
#campaign_hero {
  background: url('http://www.comhem.se/image/view/-/18828/lowRes/15060/-/bg.jpg.jpg') 0 0 no-repeat;
}
 
#campaign_hero .campaign_lb {
background: url('http://www.comhem.se/image/view/-/18832/lowRes/15066/-/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/image/view/-/18834/lowRes/15069/-/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;
width: 165px;
}
#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: 121px;
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 .campaign_nav {
top: 260px;
color: #fff;
}
#campaign_hero .campaign_nav ul li h3 {
margin-bottom: 2px;
}
#campaign_hero .campaign_nav ul li a {
color: #fff;
}
#campaign_hero .campaign_content h2 {
font-size: 4em;
line-height: 1.1em;
margin-bottom: 7px;
}
#campaign_hero .campaign_startpage .campaign_content h2 {
font-size: 3.4em;
}
#campaign_hero .campaign_content {
color: #fff;
margin-top: 100px;
}
#campaign_hero .campaign_startpage .campaign_content {
margin-top: 70px;
}
#campaign_hero .campaign_page_3 .campaign_content {
margin-top: 50px;
}
#campaign_hero .campaign_content p {
width: 420px;
line-height: 1.2em;
}
#campaign_hero a {
color: #fff;
}
#campaign_hero .campaign_content a {
font-size: 1.4em;
color: #fff;
width: 150px;
}
#campaign_hero .campaign_content.campaign_content_wide p {
width: 470px;
}
#campaign_hero .campaign_content.campaign_content_wider,
#campaign_hero .campaign_content.campaign_content_wider p {
width: 550px;
}
#campaign_hero .campaign_page_3 .campaign_content.campaign_content_wider,
#campaign_hero .campaign_page_3 .campaign_content.campaign_content_wider p {
width: 630px;
}
#campaign_hero .campaign_content.campaign_content_narrow p {
width: 470px;
}
#campaign_hero .campaign_content .campaign_fineprint {
margin-top: 10px;
font-size: 1.1em;
line-height: 1.2em;
}
#campaign_hero .campaign_content .campaign_fineprint_finer {
margin-top: 5px;
font-size: 1em;
}
#campaign_hero .campaign_img_start {
position: absolute;
top: 50px;
left: 442px;
width: 512px;
height: 214px;
}
#campaign_hero .campaign_img_start_deal {
position: absolute;
top: 0px;
left: 538px;
}
#campaign_hero .campaign_img_m8 {
position: absolute;
top: 25px;
left: 497px;
width: 470px;
height: 238px;
}
#campaign_hero .campaign_img_broadband {
position: absolute;
top: 28px;
left: 573px;
width: 404px;
height: 234px;
}
#campaign_hero .campaign_img_telephony {
position: absolute;
top: 5px;
left: 674px;
width: 307px;
height: 259px;
}