/* 
---------------------------------------------------------------------------------------------
F O R    S C R E E N
---------------------------------------------------------------------------------------------
viasat	-	Stylesheet 
Author  -  Thomas Engevold - 2009
/*

/*-------------
 RESET
---------------*/
/*
1) Remove the margin and padding’s from all elements been used included the legend and fieldset within the reset.
2) Remove the border from both images and fieldsets so I declare a border of zero for both of these elements
*/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
/* 
---------------------------------------------------------------------------------------------
FONTS - LINK STYLES 
---------------------------------------------------------------------------------------------
*/

h1 {
	font-size:2.1em; 
  	line-height:1.1em; 
    font-weight:bold; 
    color:#034b95; 
}
	
h2 {
    font-size:2em; 
    line-height:1.1em; 
    font-weight:bold; 
    color:#034b95;
}

h3{
    font-size:2em; 
    line-height:1.1em; 
    font-weight:normal; 
    color:#034b95; 
}

h4{
	 font-size:1.5em; 
    line-height:1em; 
    font-weight:normal; 
    color:#034b95; 
}

h5{
    font-size:1.5em; 
    line-height:1.1em; 
    font-weight:normal; 
    color:#034b95; 
}

p{font-size:1.1em;}

li {font-size:1.1em;}

a 				{text-decoration:underline; color:#034b95;}
a:link 			{text-decoration:underline; color:#034b95;}
a:visited  		{text-decoration:underline; color:#034b95;}
a:hover  		{text-decoration:underline; color:#034b95;}
a:active  		{text-decoration:underline; color:#034b95;}


/*-------------
 GRID -BODY / CONTAINERS - GENERIC
---------------*/
html { height: 100% } 
body { min-height: 101%; }

body {
	font: 76%/1.4em Arial, Helvetica, sans-serif;
	background-color:#fff;
	background-image:url(../Images/new_design/bg_body.png);
	background-repeat:repeat-x;
	background-position:top;
}

div#Page {
  width: 990px;
  margin: 0 auto; 
  overflow: hidden; 
  padding-bottom:20px; 
  padding-left:10px; 
  min-height:950px;
  background-color:#fff;
}

xxdiv#HeaderArea {
  width: 980px;
  float:left;
  margin:0;
  padding:5px 0 0 0;
  background-color:#fff;
  min-height:161px;
}

xxxxdiv#Logotype {
  float:left; 
  position:absolute; 
  top:50px; 
  width:650px;
}

xxxdiv#Logotype #logo {
  float:left; 
}

xxxdiv.LogoTextWrapper{
  padding:0;
  margin:0;
  float:left;
}

xxxdiv.LogoTextWrapper #LogoText{
  font-size:2.1em; 
  line-height:1.1em; 
  font-weight:normal; 
  color:#034b95; 
  font-style:normal;
  margin:23px 0 0 35px;
}

xxxdiv#Header{
  float:right; 
  width:283px; 
  height:145px;
  background-image:url(../images/TopImg.jpg); 
  background-repeat:no-repeat; 
  margin-top:10px;
}
div#HeaderArea{
	height:100px;
	background-image:url(../Images/new_design/header_borderBottom.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}

div#Logotype{
	float:left; 
	width:225px; 
	margin-top:15px;
	margin-left:10px;
	background-color:#fff;
}

a#LinkGlobal {
float:right;
margin-right:30px;
margin-top:60px;
}

/*-------------
 GRID -CONTAINERS - FRONT
---------------*/

/*MAINCONTENT AREA - GENERIC CONTAINERS*/
/*This class controles the MainContentArea and has indvidual rules based on ID in addition to the CLASS */
div.MainContentArea {
  width: 980px;
  padding:10px 0 0 0;
  margin:6px 0 0 0;
  float:left;
}
 
/*mainCol1/ col1 + col2*/
div.mainCol1 {
  width: 698px;
  padding:0;
  margin:0 10px 0 0;
  float:left;
  overflow:hidden;
}

div.mainCol1 div.col1  {
  width: 698px;
  padding:0;
  margin:0;
  float:left;
  overflow:hidden;
}

div.mainCol1 div.col2  {
  width: 698px;
  padding:0;
  margin:0;
  float:left;
  overflow:hidden;
}

div.mainCol1 div.col3  {
  width:144px;
  padding:0;
  margin:0;
  float:left;
  min-height:105px;
}

/*mainCol2/ col1 + col2*/
div.mainCol2  {
  width:270px;
  padding:0;
  margin:0;
  float:left;
  overflow:hidden;
}

div.mainCol2 div#col1  {
  width: 270px;
  padding:0;
  margin:0;
  float:left;
  overflow:hidden;
}

div.mainCol2 div#col2  {
  width: 270px;
  padding:0;
  margin:0;
  float:left;
  overflow:hidden;
}

/*PAGE ID`S*/
/*Unike ID`s for different pages */
div#frontpage{}
div#altibox{}/*All channelpages*/

/*GENERIC CONTAINERS*/

div#Header ul.ProfileColor {
float:right;
padding:119px 5px 0 0;
}

div#Header ul.ProfileColor li {
display:inline;
}


div#Header ul.ProfileColor li a {
color:#034B95;
font-size:1.05em;
}

/* 
---------------------------------------------------------------------------------------------
STYLES 
---------------------------------------------------------------------------------------------
*/

/*ShowNavArea - BREADCRUMB*/

div#ShowNavArea{
    float:left;
    height:55px; 
    height:61px; 
    width:980px;
}
   
div#ShowNavArea ol{
    float:left;
    padding:24px 0 0 0; 
    background: url(../images/bg_ShowNavArea.jpg) repeat-y top left; 
    height:100%; 
    width:100%; 
} 

div#ShowNavArea ol#ShowNavArea1 {background-position: 0 -256px;} 
div#ShowNavArea ol#ShowNavArea2 {background-position: 0 -90px;} 
div#ShowNavArea ol#ShowNavArea3 {background-position: 0 -427px;}
div#ShowNavArea ol li			{padding:0 120px 0 85px;display:inline;}
div#ShowNavArea ol li.last		{padding:0 0 0 90px; display:inline;}
div#ShowNavArea ol li span		{color:#729cc4; font-weight:bold;}
div#ShowNavArea ol li.Current span	{color:#fff; font-weight:bold;}


/*FRONTPAGE*/

/*Center -col1*/
div#frontpage div.mainCol1 div.col1  {
  padding:10px 0 10px 20px;
  margin:0 10px 0 0;
  background-image:url(../images/bg_vignettArea_front.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  min-height:215px;
}

div.mainCol1 div.col1 img  {
  margin:40px 0 0 0;
  float:left;
}

/*Center -col2*/
div#frontpage div.mainCol1 div.col2  {
  padding:5px 0 10px 0;
  margin:22px 10px 15px 0;
  min-height:100px;
  overflow:hidden;
}

div.mainCol1 div.col2 p  {
	font-size:1.2em;
}

/*Center -col3*/
div#frontpage div.mainCol1 div.col3  {
  width:142px;
  padding:19px 10px 8px 10px;
  margin:20px 14px 0 0;
  background-image:url(../images/bg_col3Front.png);
  background-repeat:no-repeat;
  background-position:bottom left;
  overflow:hidden;
  border:1px solid #c3d2e2;
}

div#frontpage div.mainCol1 div#last  {
  width:142px;
  margin:20px 0 0 0;
  overflow:hidden;
}

div#frontpage div.mainCol1 div.col3 span.logo  {
  width:144px;
  padding:0;
  margin:0;
  float:left;
  text-align:center;
  min-height:44px;
}

div#frontpage div.mainCol1 div.col3 a.button  {
  width:104px;
  min-height:36px;
  padding:0;
  margin:19px 0 0 4px;
  float:left;
  background-image:url(../images/button_velg_sprite.png);
  background-repeat:no-repeat;
  background-position:0 0;
  text-indent:-5000px;
}

div#frontpage div.mainCol1 div.col3 a:active {
  background-image:url(../images/button_velg_sprite.png);
  background-repeat:no-repeat;
  background-position:0 -36px;
}

div#frontpage div.mainCol1 div.col3 a.button:hover  {
  background-image:url(../images/button_velg_sprite.png);
  background-repeat:no-repeat;
  background-position:0 -36px;
}

div#frontpage div.mainCol1 div.col3 a.button:focus {
outline:none;
}

/* FRONT:RIGHTCOL*/
div#frontpage div.mainCol2 div#col1  {
  width: 240px;
  padding:25px 0 10px 30px;
  margin:0 5px 0 0;
  float:left;
  overflow:hidden;
  background-image:url(../images/bg_vignetArea_frontRight.png);
  background-repeat:no-repeat;
  background-position:top left;
  min-height:200px;
}

div#frontpage div.mainCol2 div#col2 {
  width:240px;
  padding:25px 0 12px 30px;
  margin:20px 5px 0 0;
  float:left;
  overflow:hidden;
  background-image:url(../images/bg_Col2_frontRight.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  min-height:250px;
}


/*Fancybox*/
div#altibox_suppliers  {
 width:240px;
  padding:25px 0 12px 30px;
  overflow:hidden;
  background-image:url(../images/bg_Col2_frontRight.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  min-height:250px;

}

div#altibox_suppliers p  
{
    float:left;
    width:225px;
    margin-bottom:10px;

}

div#altibox_suppliers select 
{
    float:left;
    width:140px;
     margin-top:15px;
    margin-bottom:10px;

}

div#altibox_suppliers button 
{
    float:left;

}

 
div#frontpage div.mainCol2 div#col1 h3, div.mainCol2 div#col2 h4 {
  float:left;
  width:245px;
}
 
div#frontpage div.mainCol2 div#col1 p{
  float:left;
  width:210px;
  margin:0 0 10px 0;
}

div.mainCol2 div#col2 p {
  float:left;
  width:210px;
  margin:0 0 20px 0;
}

div.mainCol2 div#col2 select, div#altibox_suppliers select {
  margin-bottom:15px;
}
 
div#frontpage div.mainCol2 div#col2  a.button, div#altibox_suppliers  a.button  {
  width:104px;
  min-height:36px;
  padding:0;
  margin:50px 0 0 0;
  float:left;
  background-image:url(../images/button_velg_sprite.png);
  background-repeat:no-repeat;
  background-position:0 0;
  text-indent:-5000px;
}

div#frontpage div.mainCol2 div#col2 a.button:hover, div#altibox_suppliers  a.button:hover  {
  background-image:url(../images/button_velg_sprite.png);
  background-repeat:no-repeat;
  background-position:0 -36px;
}
 
/*PACKAGE_PAGE*/
 /*Center*/
div#packagePage div.mainCol1  {
  width: 709px;
  margin-right:15px;
} 
 
div#packagePage div.mainCol1 div.col1  {
  padding:10px 0 10px 0;
  margin:0 8px 0 0;
  min-height:100px;
}

div#packagePage div.mainCol1 .altibox  {
  width: 709px;
  padding:0;
  margin-top:18px;
  background-image:url(../images/bg_bottom_altibox.gif);
  background-repeat:no-repeat;
  background-position:bottom;
}

div#packagePage div.mainCol1 .get  {
  width: 709px;
  padding:0;
  margin-top:18px;
  background-image:url(../images/bg_bottom_get.gif);
  background-repeat:no-repeat;
  background-position:bottom;
}

div#packagePage div.mainCol1 .canal_digital {
  width: 709px;
  padding:0;
  margin-top:18px;
  background-image:url(../images/bg_bottom_canal_digital.gif);
  background-repeat:no-repeat;
  background-position:bottom;
}


/*PACK*/
div#packagePage div.mainCol1 div.col2 div.pack {
  float:left;
  padding:0;
  margin:0 11px 0 0;
  overflow:hidden;
}

div#packagePage div.mainCol1 div.col2 div.pack h2.header {
  float:left;
  display:block;
  width:50%;
  font-size:1.1em;
  margin-left:9px;
  margin-top:4px;
  color:#FFF;
}

div#packagePage div.mainCol1 div.col2 div.pack div.top p.small {
  float:left;
  width:45%;
  margin-left:9px;
  font-size:0.9em;
  margin-top:0;
  color:#fff;
}

div#packagePage div.mainCol1 div.col2 div.pack div.top span.price {
  font-size:2.5em;
  float:right;
  text-align:right;
  width:45%;
  text-align:right;
  color:#fff;
}

div#packagePage div.mainCol1 div.col2 div.pack div.top {
  padding:8px 0 0 0;
  margin:3px 3px 3px 3px;
  font-size:1.1em;
  min-height:50px;
  background-position:top left;
  background-repeat:repeat-x;
}

/*radiobutton*/
div#packagePage div.mainCol1 div.col2 div.pack span.checkbox {/*Checkbox rules ALL*/
  width:95%;
  float:left;
  padding:0;
  margin:12px 0 3px 10px;
  overflow:hidden;
  cursor:pointer;
}

div#packagePage div.mainCol1 div.col2 div.pack span.checkbox input.radiobutton {
  float:left;
  padding:0;
  margin:0;
  overflow:hidden;
  cursor:pointer;
}

div#packagePage div.mainCol1 div.col2 div.pack span.checkbox label.text {
  width:80%;
  float:left;
  padding:0 0 0 10px;
  margin:0;
  overflow:hidden;
  cursor:pointer;
}

div#packagePage div.mainCol1 div.col2 div.pack div.channels {/*Header rules ALL*/
  width:201px;
  float:left;
  padding:0px 0 140px 0;
  margin:10px 0 0 0;
  border-top:1px solid #c3d2e2;
}

div#packagePage div.mainCol1 div.col2 div.pack ul {
  width:196px;
  float:left;
  margin:10px 0 0 0;
  padding:0 0 0 5px;
  list-style:none;
 
}

div#packagePage div.mainCol1 div.col2 div.pack ul li {
  width:84px;
  float:left;
  margin:0 0 10px 6px;
  padding:0;
  cursor:pointer;
}



div#packagePage div.mainCol1 div.col2 div.pack ul li img {width:84px; height:30px;}

/*sport-pack*/
div#packagePage div.mainCol1 div.col2 div#sport-pack {
  width:199px;
  padding:0;
  border-left:1px solid #c3d2e2;
  border-right:1px solid #c3d2e2;
  border-top:1px solid #c3d2e2;
}

div#packagePage div.mainCol1 div.col2 div#sport-pack div.top {background-image:url(../images/packHeader_orange.png);}


/*film-pack*/
div#packagePage div.mainCol1 div.col2 div#film-pack {
  width:199px;
  padding:0;
  border-left:1px solid #c3d2e2;
  border-right:1px solid #c3d2e2;
  border-top:1px solid #c3d2e2;
 }

div#packagePage div.mainCol1 div.col2 div#film-pack div.top {background-image:url(../images/packHeader_purple.png);}

/*sport-film-pack*/
div#packagePage div.mainCol1 div.col2 div#film-sport-pack {
  width:283px;
  border-left:1px solid #c3d2e2;
  border-right:1px solid #c3d2e2;
  border-top:1px solid #c3d2e2;
  margin:0;
}

div#packagePage div.mainCol1 div.col2 div#film-sport-pack div.top {
  width:277px;
  background-image:url(../images/packHeader_blue.png);
  background-position:top left;
  background-repeat:repeat-x;
}

div#packagePage div.mainCol1 div.col2 div#film-sport-pack div.top h2.header {width:65%;}

div#packagePage div.mainCol1 div.col2 div#film-sport-pack div.top span.price {width:30%;}

div#packagePage div.mainCol1 div.col2 div#film-sport-pack div#campaignText {
  color:#004b90;
  width:265px;
  padding:15px 10px 10px 15px;
  margin:10px 0 0 0;
  float:left;
}

div#packagePage div.mainCol1 div.col2 div#film-sport-pack div#campaignText p {
  text-align:left;
  line-height:1.1em;
  width:240px;
  float:left;
  color:#0e4d8c;
}

div#packagePage div.mainCol1 div.col2 div#film-sport-pack div#campaignText span.price {
  font-size:4em;
	width:240px;
  float:right;
  color:#0e4d8c;
} 

/*pack 4*/
div#packagePage div.mainCol1 div.col2 div#get_viasat_premium {
  width:495px;
  margin:0;
  border-left:1px solid #c3d2e2;
  border-right:1px solid #c3d2e2;
  border-top:1px solid #c3d2e2;
}

div#packagePage div.mainCol1 div.col2 div#get_viasat_premium div.channels {
  width:495px;
  margin:10px 0 0 0;
}

div#packagePage div.mainCol1 div.col2 div#get_viasat_premium div.top {
  width:488px;
  background-image:url(../images/packHeader_blue.png);
  background-position:top left;
  background-repeat:repeat-x;
}


/*pack 5*/
div#packagePage div.mainCol1 div.col2 div#canal-digital-pack {
  width:707px;
  margin:0;
  border-left:1px solid #c3d2e2;
  border-right:1px solid #c3d2e2;
  border-top:1px solid #c3d2e2;

}

div#packagePage div.mainCol1 div.col2 div#canal-digital-pack div.channels {
  width:707px;
  margin:10px 0 0 0;
}

div#packagePage div.mainCol1 div.col2 div#canal-digital-pack div.top {
  width:701px;
  background-image:url(../images/packHeader_blue.png);
  background-position:top left;
  background-repeat:repeat-x;
}



/*PACKAGEPAGE:RIGHTCOL*/

div#packagePage div.mainCol2 {
  width: 255px;
  background-color:orange;
}
div#packagePage div.mainCol2 div#col1  {
  width: 255px;
  padding:10px 0 10px 0;
  margin:0;
  float:left;
  overflow:hidden;
  min-height:115px;
  background-color:#fff;
  text-align:center;
}

div#packagePage div.mainCol2 div#col1 img  {
margin:40px 0 0 0;
}

div#packagePage div.mainCol2 div#col2  {
  width: 255px;
  padding:0;
  margin:0;
  min-height:140px;
  background-color:#fff;
}

div#packagePage div.mainCol2 div#col2 div#shoppingchart  {
  width:255px;
  padding:0;
  margin:0;
}

div#packagePage div.mainCol2 div#col2 div#shoppingchart a.button  {
  float:right;
  width:164px;
  padding:0;
  margin:20px 0 0 0;
  min-height:57px;
  text-indent:-5000px;
  background-image:url(../images/btn_order.gif);
  background-position:0 0;
  background-repeat:no-repeat;
}

div#packagePage div.mainCol2 div#col2 div#shoppingchart a.button:hover  {
  float:right;
  width:164px;
  padding:0;
  margin:20px 0 0 0;
  min-height:57px;
  text-indent:-5000px;
  background-image:url(../images/btn_order.gif);
  background-position:0 -57px;
  background-repeat:no-repeat;
}

div#packagePage div.mainCol2 div#col2 div#shoppingchart a.button:focus {
outline:none;
}

/* Calculator */
table.Calculator{
  float:left;
  padding:0;
  margin:0; 
  width:100%; 
  margin-top:5px;
  color:#0e4d8b;
  border-bottom:1px solid #c2d3e2;
}
table. tbody{}

table.Calculator th{
  width:80%;
  float:left;
  padding:10px 0 10px 0; 
  margin:0;
  font-weight:normal;
  overflow:hidden;
}
table.Calculator tr.Calculator_item	{
  width:98%;
  float:left;
  padding:0 5px 0 0;
  background-image:url(../images/Calculator_item_bg.png);
  background-position:top;
  background-repeat:repeat-x;
  border-bottom:1px solid #fff;
  overflow:hidden;
}

table.Calculator td.lastCol	{
  width:15%;
  float:right;
  font-weight:bold; 
  text-align:right; 
  margin-top:10px;
  padding:0;
}	

table.Calculator tr.total {}

table.Calculator tr.total th{
  padding:15px 0 10px 0; 
}
table.Calculator tr.total td{
  padding:15px 0 10px 0;
}
table.Calculator tr.total td span{
  font-size:2.2em; 
  font-weight:bold; 
  text-align:right; 
  float:right; 
  padding-top:10px; 
  width:150px;
}

table.Calculator th, td	{
	text-align:left; 
	padding-left:5px
}


/*FORM*/
div#form div.mainCol1{width: 709px;}

div#form div.mainCol1 div.col1  {
  padding:10px 0 10px 0;
  margin:15px 8px 0 0;
  min-height:100px;
}

div#form div.mainCol1 div.col2  {
	width: 699px;
	margin-top:18px;
	padding:20px 4px 10px 4px;
	min-height:413px;
	border:1px solid #c3d2e2;
}

div#form div.mainCol1 div.col2 p  {
  font-size:1em;
  margin-left:145px;
  font-weight:bold;

}

div#form div.mainCol1 div.col2 #contact_form  {
  float:left;
  width:686px;
  margin:10px 0 2px 0;
  padding:15px 0 0 17px;
  background-image:url(../images/bg_form.png);
  background-repeat:no-repeat;
  background-position:0 -20px;
  min-height:326px;
}

div#form div.mainCol1 div.col2 #contact_form dl  {
  float:left;
  width:400px;
  padding:8px 0 0 0;
  margin:0;
  overflow:hidden;
}

div#form div.mainCol1 div.col2 #contact_form dl dt  {
  min-height:31px;
  float:left;
  width: 122px;
  margin:0 0 8px 0;
  padding:0;
}

div#form div.mainCol1 div.col2 #contact_form dl dt label {
  padding:4px 5px 5px 5px;
  margin-top:4px;
  float:right;
}

div#form div.mainCol1 div.col2 #contact_form dl dd  {
  min-height:31px;
  float:left;
  width: 245px;
  padding:4px 0;
  margin:0 0 0 5px;
}

div#form div.mainCol1 div.col2 #contact_form dl dd input.halflength_1  {width: 105px;}
div#form div.mainCol1 div.col2 #contact_form dl dd input.halflength_2 {width:85px;}

/*Shorttags*/
div#form div.mainCol1 div.col2 #contact_form dl dd.shorttag_1 {
  float:left;
  width: 55px;
  padding:4px 0;
  margin:0 10px 0 5px;
}

div#form div.mainCol1 div.col2 #contact_form dl dt.shorttag_2  {
  float:left;
  width: 45px;
  margin:0 0 0 0;
  padding:0px;
}

div#form div.mainCol1 div.col2 #contact_form dl dt.shorttag_2 label  {
  margin-top:4px;
}

div#form div.mainCol1 div.col2 #contact_form dl dd.shorttag_2 {
  float:left;
  width: 130px;
  margin:0 0 0 5px;
  overflow:hidden;
}

div#form div.mainCol1 div.col2 #contact_form dl dd input  {
  float:left;
  width: 235px;
  padding:3px 5px 7px 5px;
  background:none;
  border:none;
  vertical-align:middle;
  font-size:1.1em;
}

div#form div.mainCol1 div.col2 #contact_form dl dd.shorttag input {
  float:left;
  width: 50px;
  padding:3px 5px 7px 5px;
  background:none;
  border:none;
}

div#form div.mainCol1 div.col2 a.back  {
  width:104px;
  min-height:36px;
  margin-left:10px;
  float:left;
  background-image:url(../images/btn_back.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  text-indent:-5000px;
}

div#form div.mainCol1 div.col2 a.back:hover  {
  background-image:url(../images/btn_back.gif);
  background-repeat:no-repeat;
  background-position:0 -36px;
}

div#form div.mainCol1 div.col2 a.back:focus  {
outline:none;
}

div#form div.mainCol1 div.col2 a.commit_order  {
  width:152px;
  min-height:36px;
  margin-right:15px;
  float:right;
  background-image:url(../images/btn_commit.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  text-indent:-5000px;
}

div#form div.mainCol1 div.col2 a.commit_order:hover  {
  background-image:url(../images/btn_commit.gif);
  background-repeat:no-repeat;
  background-position:0 -36px;
  text-indent:-5000px;
}

div#form div.mainCol1 div.col2 a.commit_order:focus {
outline:none;
}

div#form div.mainCol1 div.col2 div.error  {
  width:200px;
  margin:0;
  float:left;
  color:#F00;
}

div#form div.mainCol1 div.col2 div.error ul  {
  list-style:none;
}
div#form div.mainCol1 div.col2 div.error ul li  {
  margin:5px 0;
}

/*confirmation--------------------------------------------------*/

/*mainCol*/
div#confirmation div.mainCol1{width: 709px;}

div#confirmation div.mainCol1 div.col1  {
  width: 677px;
  border:1px solid #c3d2e2;
  background-image:url(../images/bg_confirmation.png);
  background-repeat:no-repeat;
  background-position:left bottom;
  padding:35px 0 50px 30px;
  margin:15px 8px 0 0;
  min-height:300px;
}



/*FORM/ confirmation -RIGHTCOL----------------------------------*/
div#form div.mainCol2, div#confirmation div.mainCol2{
  width:255px;
}

div#form div.mainCol2 h4, div#confirmation div.mainCol2 h4{
  font-size:1.2em;
  width:255px;
  float:left;
  padding:10px 0;
  color:#034B95;
}

/*col 1*/
div#form div.mainCol2 div#col1,div#confirmation div.mainCol2 div#col1{
  background-color:#FFFFFF;
  float:left;
  margin:0;
  min-height:125px;
  overflow:hidden;
  padding:10px 0;
  text-align:center;
  width:255px;
}

div#form div.mainCol2 div#col1 img, div#confirmation div.mainCol2 div#col1 img {
margin:40px 0 0 0;
}

/*col 2*/
div#form div.mainCol2 div#col2, div#confirmation div.mainCol2 div#col2 {
  float:left;
  width:255px;
  margin:5px 0 5px 0;
  padding:0px;
}

div#form div.mainCol2 div#col2 div#shoppingchart, div#confirmation div.mainCol2 div#col2 div#shoppingchart {
  width:255px;
  float:left;

}

div#form div.mainCol2 div#col2 div#shoppingchart h2, div#confirmation div.mainCol2 div#col2 div#shoppingchart h2 {
  font-size:1.5em; 
  line-height:1em; 
  font-weight:normal; 
  color:#034b95; 
}

div#form div.mainCol2 div#col3 div.pack div.top h2, div#confirmation div.mainCol2 div#col3 div.pack div.top h2 {
display:block;
float:left;
font-size:1.2em;
line-height:0.9em;
margin-left: 15px 0 0 0;
margin-top:21px;
width:200px;
color:#fff;
}



div#form div.mainCol2 div#col2 div#shoppingchart table.Calculator, div#confirmation div.mainCol2 div#col2 div#shoppingchart table.Calculator {
  width:255px;
  float:left;
}


/*col 3*/
div#form div.mainCol2 div#col3, div#confirmation div.mainCol2 div#col3 {
  float:left;
  width:253px;
  border:1px solid #C3D2E2;
}

div#form div.mainCol2 div#col3 div.pack, div#confirmation div.mainCol2 div#col3 div.pack {
  float:left;
  width:245px;
  margin:4px;
  padding:0;
  background-image:url(../images/bg_Col3_formRight.png);
  background-repeat:repeat-x;
  background-position:bottom;
}

div#form div.mainCol2 div#col3 div.pack div.top, div#confirmation div.mainCol2 div#col3 div.pack div.top {
  float:left;
  width:235px;
  min-height:58px;
  background-image:url(../images/packHeader_orange.png);
  padding-left:10px;
}

div#form div.mainCol2 div#col3 div#sport-pack div.top, 
div#confirmation div.mainCol2 div#col3 div#sport-pack div.top{background-image:url(../images/packHeader_orange.png);}

div#form div.mainCol2 div#col3 div#film-pack div.top,
div#confirmation div.mainCol2 div#col3 div#film-pack div.top
{background-image:url(../images/packHeader_purple.png);}

div#form div.mainCol2 div#col3 div#film-sport-pack div.top,
div#confirmation div.mainCol2 div#col3 div#film-sport-pack div.top
{background-image:url(../images/packHeader_blue.png);}


div#form div.mainCol2 div#col3 div#get_viasat_premium div.top,
div#confirmation div.mainCol2 div#col3 div#get_viasat_premium div.top
{background-image:url(../images/packHeader_blue.png);}


div#form div.mainCol2 div#col3 div.pack div.checkbox, div#confirmation div.mainCol2 div#col3 div.pack div.checkbox{
  float:left;
  width:245px;
  padding:5px 0;
}

div#form div.mainCol2 div#col3 div.pack div.channels, div#confirmation div.mainCol2 div#col3 div.pack div.channels  {
  float:left;
  width:245px;
  overflow:hidden;
  padding:0 0 70px 0;
  background-image:url(../images/bg_Col3_formRight.png);
  background-repeat:repeat-x;
  background-position:bottom;
}

div#form div.mainCol2 div#col3 div.pack div.channels ul, div#confirmation div.mainCol2 div#col3 div.pack div.channels ul {
  float:left;
  width:245px;
  margin:30px 0 0 0;
  padding:0;
  list-style:none;
}

div#form div.mainCol2 div#col3 div.pack div.channels ul li, div#confirmation div.mainCol2 div#col3 div.pack div.channels ul li {
  float:left;
  margin-right:1px;
  width:80px;
}

div#form div.mainCol2 div#col3 div.pack div.channels ul li img, div#confirmation div.mainCol2 div#col3 div.pack div.channels ul li img {
  width:80px;
  height:26px;
}




/*TOOLTIP------------------------------------------------------*/
.tooltip { 
display:none;
  background-image:url(../images/tooltip/tooltip_bg_opaque.png);
  background-position:top center;
  background-repeat:no-repeat;
  font-size:12px; 
  min-height:363px; 
  width:250px; 
  padding:15px 10px 20px 20px; 
  color:#000;

 }
 

 div#packagePage div.mainCol1 div.col2 div.pack ul li .tooltip img {
  padding:15px;	
}

div#packagePage div.mainCol1 div.col2 div.pack ul li .tooltip .tooltip_text { 
  padding:0 15px 5px 15px;
  width:210px;
}


div#packagePage div.mainCol1 div.col2 div.pack ul li.tooltip .tooltip_text ul{ 
  float:left;
  padding:5px 0 5px 5px;
  margin-bottom:10px;
  font-weight:bold;
  width:200px;
}

div#packagePage div.mainCol1 div.col2 div.pack ul li div.tooltip div.tooltip_text ul  {
 width:200px;
 padding:5px 0 5px 0;
 }


div#packagePage div.mainCol1 div.col2 div.pack ul li div.tooltip div.tooltip_text ul li   {
 float:left;
 font-weight:bold;
 width:200px;
 margin:0 0 2px 0;
 padding:0;
 background-image:url(../images/tooltip/bullets.png);
 background-repeat:no-repeat;
 background-position:0px 4px;
 padding:0 0 0 12px;
 margin-left:none;
 list-style:none;
 }

div#packagePage div.mainCol1 div.col2 div.pack ul li .tooltip .tooltip_text p{ 
float:left;
font-size:1em;
line-height:1.2em;
margin-top:5px;
}


/*SIFR*/


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  
.sIFR-active div#Logotype p#LogoText {
  font-size:2.1em; 
  line-height:1.1em; 
  font-weight:normal; 
  color:#034b95; 
  font-style:normal;
  margin:23px 0 0 35px;
}

div#frontpage div.mainCol1 div.col1 h2.vignetheader {
  font-size:2.9em;
  line-height:1.2em; 
  font-weight:bold; 
  padding:18px 0 0 17px;
  float:left;
  width:400px;
}

.sIFR-active div.mainCol1 h1  {
  font-size:2.1em; 
  line-height:1.1em; 
  color:#0e4d8c;
}

.sIFR-active div.mainCol2 h3,.sIFR-active div.mainCol2 h4  {
    font-size:1.5em; 
    line-height:1em; 
    font-weight:normal; 
    color:#034b95; 
}


  
/*Packages*/
.sIFR-active div#packagePage div.mainCol1 div.col2 div.pack h2.header {
  float:left;
  display:block;
  width:50%;
  font-size:1.1em;
  margin-left:9px;
  margin-top:4px;
}

/*Shared element-rules*/
.sIFR-active div#packagePage div.mainCol1 div.col2 div.pack div.top p.small {/*Header rules ALL*/
  float:left;
  width:45%;
  margin-left:9px;
  font-size:0.9em;
  margin-top:0;
  color:#fff;
}

.sIFR-active div#packagePage div.mainCol1 div.col2 div.pack div.top span.price {/*Header rules ALL*/
  font-size:2.5em;
  float:right;
  text-align:right;
  width:45%;
  text-align:right;
  color:#fff;
}

/*Campaign*/
.sIFR-active div#packagePage div.mainCol1 div.col2 div#film-sport-pack div#campaignText p {
  text-align:left;
  line-height:1.1em;
  width:240px;
  float:left;
  color:#0e4d8c;
}

.sIFR-active div#packagePage div.mainCol1 div.col2 div#film-sport-pack div#campaignText span.price {
  font-size:4em;
	width:240px;
  float:right;
  color:#0e4d8c;
}  


/*contact_form*/
.sIFR-active div#form div.mainCol2 div#col2 div#shoppingchart h2 {
  font-size:1.5em; 
  line-height:1em; 
  font-weight:normal; 
  color:#034b95; 
}

.sIFR-active div#form div.mainCol2 h4{
  width:255px;
  float:left;
  padding:10px 0;
  font-size:1.2em;
}

.sIFR-active div#form div.mainCol2 div#col3 div.pack div.top h2 {
display:block;
float:left;
font-size:1.2em;
line-height:0.9em;
margin-left: 15px 0 0 0;
margin-top:21px;
width:200px;
color:#fff;
}
  
}