/* 

---------------------------------------------------------------------------------------------
F O R    S C R E E N
---------------------------------------------------------------------------------------------

www.viasat.no	-	Stylesheet
Colors: See http://"project"/colors.htm

font, color, float, padding, margin, border,  background, height, width, display
*/

h2#LogoText em {display:none}

div#Page					{margin: 0 auto; width: 980px; overflow: hidden; padding-bottom:20px}
div#HeaderArea				{height:161px}
div#Logotype				{float:left; position:absolute; top:50px; width:400px; background-color:#fff}
div.LogoTextWrapper			{float:right}
div#Header					{float:right; width:283px; height:145px; background-repeat:no-repeat; margin-top:10px}
div#Header ul				{display:none}
div#ShowNavArea				{display:none}
div#VigNettArea				{display:none}


div#MainContentArea			{margin-top:15px; }
div#Content					{float:left; width:700px; padding-right:10px}
div#ProductBoxWrapper		{padding-top:25px;}
div.ProductBox				{float:left; width:205px;}

div#Sidebar					{float:right; width:256px; padding-top:60px}
div#flashLogo				{margin-top:30px}
div#StampWrapper			{float:left; width:248px;  border: solid 1px #98b7d4; padding:3px; height:296px; margin-left:10px}
div.Stamp					{background-image: url(../images/btn_Farther.jpg); height:295px}
div.FlashStamp				{clear:both}
div#ChannelArea				{display:none}

div#MainFeaturedContent		{float:left; width:706px; height:301px; border: solid 1px #98b7d4; background-position:center; margin-right:3px; }
div#FeaturedArea			{clear:both; height:260px;}
div#SlideShow				{display:none }
div#DidYouKnow				{display:none }
div#FeaturedBoxWrapper		{float:left; margin-top:3px; width:573px; padding:3px}
div#FeaturedBoxes			{background: #fff url(/templates/viasat/images/bg_feade2.jpg) repeat-x;  padding:25px 0 25px 25px; height:210px }
div.FeaturedBox				{float:left; width:300px; margin-right:20px}
div#FeaturedBoxes .Last		{float:left; width:190px; border-left:1px dashed #B6CBE0; padding-left:20px; padding-top:37px; height:200px}
ol#OrderFooter				{display:none}
ol.OrderProcess			{display:none}

body {font: 76%/1.4em Arial, Helvetica, sans-serif; background-color:#fff;}
				
/*Title - should have only one h1 on a page*/
	h1 {font-size:2.3em; line-height:1.1em; font-weight:normal; color:#034b95; padding:20px 0 10px 30px;}
	div#Content h1 {display:block; padding:0px 0 0px 0}
	h1.Order {background: url(../images/bg_HeadingOrder.jpg) repeat-x; height:58px; display:block; padding:0px 0 10px 0}
	div#MainFeaturedContent H1	{font-size:2.6em; font-weight:normal; padding:50px 330px 10px 45px;}

	H2 {}
	div#Content H2	{font-size:1.15em; font-weight:normal; line-height:1.3em}
	div#VigNettWrapper H2	{font-weight:normal; color:#024b93; padding:30px 350px 0 30px;}
	div#VigNettWrapper H3 {font-size:1.2em; line-height:1.3em; font-weight:normal; color:#000; font-weight:bold; padding:20px 350px 30px 30px; }
	div.ProductWrapper H3 {padding: 20px 0; color:#000; font-size:1.3em}

	H4 {font-size:1.1em;}
	
	H5 {font-size:2em;}

	H6 {}

li {font-size:1.1em; padding: 0px; margin:0}
div.ProductWrapper li {margin:0 0 0 15px;}
ul.NoBulletList li {list-style-type:none; display:inline;}
td { vertical-align:top}

img.imgProd {float:right; padding-right:60px; border:10px}

.ProfileColor	{color:#034b95;}

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

/* RIKTIG REKKE: LoVe HAte*/

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;}

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

/*fieldset p label	{clear:both; width:200px}*/

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

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

/* Logo S C R E E N / P R I N T */
div.LogoPrint			{display:none;}


div#Header ul			{float:right; padding:119px 5px 0 0;}
div#Header ul li		{display:inline}
div#Header ul li.First	{padding-right:8px; margin-right:6px; border-right:solid 1px}
div#Header ul li a		{ font-size:1.05em; color:#034B95;}

div#Order ol#OrderProcess1		{padding:9px 0 0 2px; background: url(../images/Nav_Order_1.jpg); height:27px;}
div#Order ol#OrderProcess2		{padding:9px 0 0 2px; background: url(../images/Nav_Order_2.jpg); height:27px}
div#Order ol#OrderProcess3		{padding:9px 0 0 2px; background: url(../images/Nav_Order_3.jpg); height:27px}
div#Order ol.OrderProcess li	{padding:0 68px 0 60px; display:inline;  font-weight:bold;}
div#Order ol.OrderProcess li.active	{font-weight:bold;}

/* Content */
div.noBulletList ul li	{list-style-type:none}

/* Calculator */
div.Calculator h3				{font-size:1.6em; font-weight:normal;}
div.Calculator p				{font-weight:bold; float:right; padding:5px;}
table.Calculator				{padding:0px; margin:0px; width:100%; margin-top:15px;}
table.Calculator th				{padding:0; font-weight:normal;}
table.Calculator tr				{background: url(../images/bg_tableTD.gif) repeat-x; height:33px;}
table.Calculator td.lastCol		{font-weight:bold; text-align:right; padding:0 5px 0 0; }	
table.Calculator tr.total 		{background-image:none}
table.Calculator tr.total th	{padding:15px 0 15px 0; border-bottom:1px solid #e1ebf4}
table.Calculator tr.total td	{padding:15px 0 15px 0; border-top:1px solid #e4edf2 ; border-bottom:1px solid #e3edf3}
table.Calculator tr.total td span	{font-size:2em; text-align:right; float:right; padding-top:10px; width:150px}
table.Calculator th, td			{text-align:left; padding-left:5px}

/*FOOTER*/
div#Footer p					{background-color:#ede2c2; padding:10px;}

/* Product */
div.ProductBox a				{text-indent:-9999px; margin-top:10px; background: url(../images/btn_upgrade.jpg) no-repeat; height:36px; width:104px; display:block;}
div.ProductBox a.active			{background: url(../images/btn_choosed.jpg);}
div.ProductBox a.active:link 	{background: url(../images/btn_choosed.jpg);}
div.ProductBox a.active:visited {background: url(../images/btn_choosed.jpg);}
div.ProductBox a.active:hover  	{background: url(../images/btn_choosed.jpg);}
div.ProductBox a.active:active  {background: url(../images/btn_choosed.jpg);}

div#ProductBoxWrapper div.ProductBox{padding: 0 11px 20px 0; margin-right:10px; border:1px solid #fff;}
div#ProductBoxWrapper div.ProductBox div.ProductWrapper	{padding:30px 15px 20px 15px; margin:2px; width:182px;}
div#ProductBoxWrapper div.ProductBox:hover, div#ProductBoxWrapper div.Active {cursor:pointer; border-color:#d7e3ee;}
div#ProductBoxWrapper div.Active div.ProductWrapper, div#ProductBoxWrapper div.ProductWrapper:hover	{background-image: url(../images/bg_box.jpg); background-repeat:no-repeat;}
div#ProductBoxWrapper div.ProductBox div.ProductWrapper .Price {font-size:2em; font-weight:bold; padding:20px 0 5px 0}

/* Product/Order */
div#Product						{padding-top:2px;}
div#Content #Order				{}

table.TableProduct				{width:100%;}
th, td							{text-align:left;}
table.TableProduct thead tr {background: #fff url(../images/bgTableDevider.gif) repeat-x; height:42px; text-transform:uppercase;}
table.TableProduct thead tr th {padding:0}
table.TableProduct tbody tr td.FirstCol {width:430px;}
table.TableProduct tbody tr td {padding:18px 0 18px 0px;}
table.TableProduct tbody tr.FirstRow td {border-bottom:1px dashed #e1eee5;}

table#ProductOverview tbody tr td span.Price {font-size:1.6em; font-weight:bold;}
table#ProductTotalPrice tbody tr td.LastCol {font-weight:bold;}
div#Product h3					{padding:10px; background-color:#e1eee5; display:block;}

table#PersonaliaOverview		{width:100%}
table#PersonaliaOverview thead tr {background: #fff url(../images/bgTableDevider.gif) repeat-x; height:42px;}
table#PersonaliaOverview thead tr th {padding:0 20px;}
table#PersonaliaOverview tbody tr th {padding:10px 0 0 20px; width:120px}
table#PersonaliaOverview tbody tr td {padding:10px 0 0 20px;}
table#PersonaliaOverview tbody tr.lastTR td {padding-bottom:30px}

div#PersonaliaSummary h3 {
background:transparent url(/templates/viasat/images/bgTableDevider.gif) repeat-x scroll 0 0;
font-size:1.1em;
height:42px;
margin-top:2px;
padding:11px 0 10px 20px;
}

div#Order ol#OrderFooter		{margin:30px 0 20px 20px;}
div#Order ol#OrderFooter li		{display:inline;}
div#Order ol#OrderFooter li.first{margin-right:260px; float:left;}
div#Order ol#OrderFooter li.firstConfirm {margin-right:340px; float:left;}
div#Order ol#OrderFooter li a	{text-indent:-9999px; float:left; background: url(../images/btn_back.jpg) no-repeat; height:40px; width:104px;}
span.btnOrder					{float:right; clear:both; margin-top:15px; background: url(../Images/btn_Order.png) repeat scroll 0 0; height:58px; width:165px; display:block;}
span.btnOrder a					{text-indent:-999px; height:60px; width:165px; display:block; }
.btn_Next {text-indent:-9999px; cursor: pointer; background: url(../images/btn_next.jpg) no-repeat; height:40px; width:275px; border:0px; display:block;}
.ConfermOrder {text-indent:-9999px; cursor: pointer; background: url(../images/btn_SendOrder.jpg) no-repeat; height:40px; width:200px; border:0px; display:block;}

.btnConfirmStep_Click {text-indent:-9999px; height:40px; width:220px; background: url(../images/btn_BekreftOrderOff.jpg) no-repeat; border:0px; margin-left:60px }

/* Personalia */
div#Personalia h3 { text-transform:uppercase; font-size:1.1em; padding:11px 0 10px 20px; margin-top:2px; background: url(../images/bgTableDevider.gif) repeat-x; height:42px;}
div#Personalia fieldset p {padding-left:20px;}
input.Back {text-indent:-9999px; float:left; border:0px; background: url(../images/btn_back.jpg) no-repeat scroll 0 0; height:40px; width:104px; cursor:pointer;}
input.btnCheckDetails_Click {text-indent:-9999px; border:0px; background: url(../images/btn_GetInformation.jpg) no-repeat scroll 0 0; height:25px; width:124px; cursor:pointer;}

        input[type="text"], input.txt {color: #000; border: 1px solid #aac7d2; width: 200px;}
        input[type="submit"], input.btn {color: #00008B; }
        div#Personalia fieldset p {clear: both; padding: 5px 0 0 20px; margin: 0; }
        div#Personalia fieldset p label {float: left; width: 130px;}
        input.btn {color: #00008B; }
        fieldset {margin-bottom:50px;}	
div#Personalia .btn_Next {text-indent:-9999px; cursor: pointer; background: url(../images/btn_BekreftOrder.jpg) no-repeat; margin-left:460px; height:40px; width:275px; border:0px; display:block;}


div#Personalia .info, div#PersonaliaSummary .info	{padding: 0 0 20px 20px;}
div#Personalia input#ctl00_ctl00_MainContentRegion_ContentRegion_AddContentRegion_ctl00_chkLicense {margin-left:20px}

div#Content div#Order sub.error {color:Red; display:block; padding-left:20px}


/* SPECIAL FOR FRONT PAGE */
span.Big					{font-size:3.4em; font-weight:bold; padding-bottom:15px; display:block; }
span.Big a					{color:#034B95; text-decoration:none}
div.Stamp img				{float:right;}


div.btn_goNext a, div.btn_goNext_bottom a {width:75px; height:75px; display:block; text-indent:-9999px;}

/*div.btn_goNext:hover {background:transparent url(../images/btn_next_hover.png) no-repeat scroll 0 0;}*/

div.FeaturedBox h3.order a	{text-indent:-9999px; height:60px; width:165px; display:block;}
div#FeaturedBoxes .FrontPage p {padding-right:30px;}
div#FeaturedBoxes div.Calculator {border-right:1px dashed #8baecc; padding:0 20px 0 0; width:280px}

/* STUFF */
div.clearer				{font-size:1px; font-weight:1px; clear:both; }
.hidden					{display:none; background-color:red}
a.hidden				{position:absolute; left:-1000px; width:900px;}
img, div, input, h3		{behavior: url("iepngfix.htc");}
ul.Lindorff				{margin-bottom:10px;}
a.help					{color:Red; font-size: 1.1em; font-weight:bold; text-decoration:none;}
span.smallTxt			{font-size:0.9em}

/* Errors*/
div#Content .Errors		{padding:5px 0 5px 22px; }
div#Content .Errors li	{list-style-type:none; color:red}
div#Content ul li span.Error	{display:block; padding:5px 0 5px 22px; color:red}

#ProductOverlay {
    margin-top: 50px;
}





/* FancyBox */
div#fancy_overlay {

}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	clear:both
}