/*
Title: 		NorgesEnergi
Author: 	Espen André Lund, Bouvet ASA
Modified:	03/2010
Media:		Screen
*/


/* ---------------------- COLORS --------------------- */

/*
Yellow: 		#fde900
Blue:           #004888
Dark grey:		#666666 
Light grey:		#e6e6e6
Text:			#3f3f3f 
*/

/* ---------------------- RESET ---------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, 
h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, 
legend, caption, tbody, tfoot, thead{
margin: 0; 
padding: 0; 
border: 0; 
outline: 0; 
font-size: 100%; 
vertical-align: baseline;}

/* --------------------- GENERAL --------------------- */

body{
background: #EDEDED;
	background: #ccc url('../Images/bg_body.gif') center top repeat-y;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.75em;
line-height: 1.5em;
color: #3f3f3f;
height: 100%;}

p{
font-size: 0.9em;
line-height: 140%;
margin-bottom: 10px;}

a img{
border: none;}

a, a:link, a:active, a:visited{
color: #014888; 
cursor: pointer;
text-decoration: none;}

a:hover{
color: #014888;
text-decoration: underline;}

h1{
font-size: 1.6em;
font-weight: bold;
line-height: 115%;
margin-bottom: 10px;}

h2{
font-size: 1.2em;}

h3{
font-size: 1.1em;}

h4{
font-size: 14px;}

h5{
margin-top: 20px;}

.small{
font-size: 10px;}

/* ---------------------- TOOLS ---------------------- */

.left{ 
float: left;}

.right{ 
float: right;}

.center{ 
margin: 0 auto;}

.clear{ 
clear: both;}

.textCenter{ 
text-align: center;}

.textRight{ 
text-align: right;}

.textLeft{ 
text-align: left;}

.hide{ 
display: none;}

.show{ 
display: block;}

.invisible{ 
visibility: hidden;}

.imageLeft{
float: left;
padding: 0 10px 10px 0;}

.imageRight{
float: right;
padding: 0 0 10px 10px;}

ul li p { font-size: 1.0em; }

.NeRadioButtons{border:none !important}

/* ----------------------- LAYOUT ----------------------- */



#container { background-color: #FDE900;margin: 0 auto; width: 980px;}
#header{margin: 0 auto; padding: 5px 15px;}
#header a {display: block; padding: 5px 15px;}
#logo{float: left;}
#slogan{float: left;margin: 22px 0 0 30px;}

#navigation{
margin: 0 auto;
width: 980px;
background: #fff;
height: 75px;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;}

#content{
margin: 0 auto;
width: 980px;
background-image: url('../Images/nav_bottom.jpg');
background-position: top;
background-repeat:repeat-x;}

#content .placeholder{
float: left;
clear: both;}

#main{
float: left;
padding: 10px;
padding-bottom: 25px;
width: 680px;
background: #fff;
background-image:url('../Images/bg_main.jpg');
background-position: bottom center;
background-repeat: no-repeat;
margin: 20px;
margin-bottom: 10px;}

#main_bottom{
clear: left;
float: left;
margin-top: 0;
padding: 10px;
padding-bottom: 40px;
padding-top: 20px;
width: 680px;
margin-left: 20px;
background: #fff;
background-image:url('../Images/bg_main.jpg');
background-position: bottom center;
background-repeat: no-repeat;}

#main_bottom_flat{
clear: left;
float: left;
margin: 10px 0 20px 20px;}

#footer{
clear: both;
margin: 10px 0 20px 20px;
font-size: 0.8em;
line-height: 120%;
width: 680px;}

#footer span{
color: #004888;
font-weight: bold;}

#sidebar{
float: left;
background: #fff;
width: 220px;
padding-bottom: 20px;
margin-top: 20px;
background-image:url('../Images/bg_sidebar.jpg');
background-position: bottom center;
background-repeat: no-repeat;
height: 100%;}

#addthis{
float: right;
width: 100px;
margin-top: 10px;
margin-bottom: 10px;
clear: both;}

#addthis div {width: 60px;}  /* superhack */

.ProductFooter { float: left; width: 480px; padding: 7px 0 0 0; }

#addthis .icons{
float: right;
margin-right: 5px;}

.partner{
background-image:url('../Images/bg_sidebar.jpg');
background-repeat: no-repeat;
background-position: bottom; 
float: left; 
height:20px;
width:220px;}

/* --------------------- NAVIGATION --------------------- */

.mainmenu{
width: 100%;
float: left;
height: 45px;
background-image:url('../Images/bg_mainmenu.jpg');
background-repeat: repeat-x;
background-position: bottom;}

.mainmenu ul{
margin: 13px 0 0 0;
padding: 0;
list-style: none;}

.mainmenu ul li{
display: inline;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
color: #3f3f3f;}

.mainmenu ul li a{
color: #3f3f3f;
font-size: 1.1em;
display: block;
float: left;
font-weight: normal;
padding: 0 10px 0 10px;}

.mainmenu ul li li a { font-size: 1.0em; }

.mainmenu ul li a:hover{
display: block;
color: #3f3f3f;
float: left;
padding: 0 10px 0 10px;
background-image: url('../Images/mainmenu_hover.jpg');
background-position: bottom;
background-repeat: no-repeat;
text-decoration: none;
padding-bottom: 14px;}

.mainmenu ul .selected a{
font-weight:bold;
color: #3f3f3f;
padding: 0 10px 0 10px;
background-image: url('../Images/mainmenu_hover.jpg');
background-position: bottom;
background-repeat: no-repeat;
padding-bottom: 14px;
font-weight: bold;}

.mainmenu ul li a:visited{
color: #3f3f3f;}

.submenu{
width: 100%;
float: left;}

.submenu ul{
margin: 6px 0 0 0;
padding: 0;
list-style: none;
float: left;}

.submenu ul li{
display: inline;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;}

.submenu ul li a{
color: #014888;
font-size: 0.9em;
display: block;
float: left;
font-weight: normal;
padding: 0 10px 0 10px;
border-right: 1px solid #d9d9d9;}

.submenu ul li a:hover{
text-decoration: underline;}

.submenu ul .selected a{
font-weight:bold;
color: #014888;}

.tab_product{
float: left; 
margin-right: 2px; 
padding: 1px 10px 1px 10px; 
background-color: #fde900;
cursor: pointer;}

.tab_terms{
float: left; 
margin-right: 2px; 
padding: 1px 10px 1px 10px; 
background-color: #e6e6e6;
cursor: pointer;}


.productpage-tabs a.tabs {float: left; 
margin-right: 2px; 
padding: 1px 10px 1px 10px; 
background-color: #e6e6e6;
cursor: pointer; 
display: block;
text-decoration: none;

 }

.tab_bg{
background-image: url('../Images/bg_tab.jpg');
background-repeat: repeat-x;}

.tab_normal{
background-color: #fde900;}

.tab_product a,
.tab_terms a{
color: #3f3f3f;}

.tab_product a:hover,
.tab_terms a:hover{
text-decoration: none;}

.tab_grey{
margin-right: 2px; 
padding: 1px 10px 1px 10px; 
position: absolute; 
top: 10px; 
left: 397px; 
width: 110px; 
height: 20px; 
background-color: #e6e6e6;}

.global_links,
.global_links a{
color: #a0a0a0;}

/* --------------------- ProductPriceInfo --------------------- */
.ProductArea { clear: both; position: relative; }
.ProductArea .AreaImage { display: block; width: 140px; float: left; height: auto;}
.ProductSelectArea { float: right; width: 190px; }
.ProductSelectArea .button { width: 190px; margin-bottom: 5px; }
.ProductInfoArea { clear: both; padding-top: 2em; }
.ProductPostalCode {  float: right; width: 190px; padding-top:5px;  }
.ProductPostalCode .textbox { width: 80px; float: left; margin-right: 5px; }
.ProductPostalCode .button { width: 60px; float: left; } 
.Loader { float: left; position: absolute; top: 0; left: 0; z-index: 1000; } 



/* --------------------- MAIN --------------------- */

#main_bottom .box{
float: left;
width: 29%;
margin-left: 3%;}

#main .mainbody ul{
line-height: 140%;
margin: 10px 0 10px 15px;
padding: 0;}

#main .mainbody ol{
line-height: 140%;
margin: 10px 0 10px 20px;
padding: 0;}

.mainbody ul li,
.mainbody ol li{
margin-bottom: 5px;
font-size: 0.9em;}

.mainintro{
font-weight: bold;
margin-top: 20px;
margin-bottom: -10px;}

.mainbody table{
font-size: 0.9em;}

.footnote {
float: left;
width: 99%;
padding-top: 5px; 
font-style: italic;}

#footer .footnote{
font-size: 1em;}

table ul { margin-left: 0; padding-left: 12px;}

/* --------------------- SIDEBAR --------------------- */

#sidebar .help{
float: left;
clear: left;
padding: 10px 0 20px 10px;
font-size: 0.9em;
background-image:url('/Custom/Images/bg_kundeservice.jpg'); 
background-repeat: no-repeat; 
background-position: center bottom; 
height:280px;
margin-bottom: 20px;}

#sidebar .help p{
font-size: 1.1em;
font-weight: bold;
margin: 5px 0 5px 0;}

#sidebar .help .left{
margin-right: 10px;}

#sidebar .help .left span{
color: #004888; }

#sidebar .bedrift .help {background: transparent url("/Custom/Images/bg_kundeservice_bedrift.jpg") center bottom no-repeat;} 
#sidebar .privat .help {background: transparent url("/Custom/Images/bg_kundeservice.jpg") center bottom no-repeat;}

#sidebar .item{
clear: left;
padding: 0 10px 10px 10px;}

#sidebar .item h3{
background-image:url('../Images/sidebar_box_top.jpg');
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 10px;}

#sidebar .item .box{

}

#sidebar .item .box .content{
background-image:url('../Images/sidebar_box_middle.jpg');
background-repeat: repeat-y;
color: #3f3f3f;
overflow: hidden;
padding-top: 7px;
width: 200px;}

#sidebar .item .box .content p{
font-size: 0.9em;
padding:0 7px 0 10px;}

#sidebar .item .box .content p a,
#sidebar .item .box .content p span{
/*color: #fde900;*/
text-decoration: none;}

#sidebar .item .box .bottom{
background-image:url('../Images/sidebar_box_bottom.jpg');
background-repeat: no-repeat;
width: 200px;
height: 7px;
overflow: hidden;
margin-bottom: 10px;}

.support {background-color: #fde900; overflow: auto}
.support a.tab {background-color:#E6E6E6; cursor: pointer; display:block; float:left; margin-right:2px; padding:1px 10px; text-decoration:none;}
.support a.active_tab {background-color: #fff}

/* --------------------- SEARCH --------------------- */

.global_search{
float: right;
margin-right: 10px;
font-size: 0.9em;}

.global_links{
float: right;
margin-right: 10px;
font-size: 0.9em;
margin-top: 5px;}

#ResultArea ul{
margin: 0;
padding: 0;
list-style: none;}

#ResultArea ul li{
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #ebebeb;
min-height: 40px;}

#ResultArea ul li a{
font-size: 1.1em;
font-weight: bold;}

#ResultArea ul li span{
font-size: 0.9em;
color: #999;}

#ResultArea ul li p{
font-size: 1em;}

#SearchArea{
margin: 0 auto;
width: 100%;
text-align: center;}

#AdvancedArea{
margin-top: 5px;
font-size: 0.9em;}

.searchText{
padding: 3px;
width: 300px;}

/* ------------------ FILTER PANEL ------------------ */

.filter{
background-color: #f7f7f7;
padding: 10px;
margin-bottom: 10px;
border: 1px solid silver;}

.filter .content{
padding: 10px;}

/* -------------------- TAG CLOUD -------------------- */

#tagcloud{
padding: 0 10px 0 10px;
margin-bottom: 10px;}

.tag-small {
font-size: 11px;}

.tag-normal{
font-size: 14px;}

.tag-medium {
font-size: 16px;}

.tag-large {
font-size: 22px;}

/* ----------------- PRODUCT SLIDER ------------------ */

.productslider{
padding: 5px;}

.productslider #sliders1 p,
.productslider #sliders2 p{
font-size: 0.8em;}

.productslider p, .productslider ul, .productslider ol {font-size:0.9em;}

	
#content .productslider .placeholder{
margin: 5px 0 0 0;
background-image:url('../Images/bg_productslider.gif');
background-position: center;
background-repeat: no-repeat;
min-height: 290px;}

.productslider .left{
float: left;
width: 300px;
padding: 10px;}

.productslider .left h3,
.productslider .right h3{
margin-bottom: 10px;}

.productslider .left h4,
.productslider .right h4{
font-size: 12px;}

.productslider .right{
float: left;
width: 340px;
padding: 10px 10px 10px 0;}

.productslider .right img,
.productslider .left img{
float: left;
margin-right: 10px;}

.productslider .right h3{
margin-bottom:  10px;}

.productslider .right .product{
float: left;
width: 325px;
margin-bottom: 20px;
padding-top: 15px;
border-top: 1px solid silver;}

.productslider .right .product:first-child{
border-top: 0;
padding-top: 0;}

.product h2{
color: #3f3f3f;}

#sliders1, #sliders2{
margin-bottom: 20px;}

.slider_rail {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: url('../Images/bg_slider_rail.gif') repeat-x scroll 0 0 ;
height:22px;
position:relative;
width:270px !important;}

.slider_handle {
height: 26px;
position:absolute;
width: 20px;}

.product h2{
font-size: 1.2em;}

p.btn_order{
margin: 10px 0 10px 0;}

.btn_left{
float: left;
background-image: url('../Images/btn_order_left.gif');
background-repeat: no-repeat;
background-position: left;
width: 10px;
height: 23px;}

.btn_right{
float: left;
background-image: url('../Images/btn_order_right.gif');
background-repeat: no-repeat;
background-position: right;
height: 23px;
line-height:22px;
padding-right:10px;}

.btn_right a{
color: #3f3f3f;
text-decoration: none;}



/* ------------------- SITEMAP -------------------- */

#SiteMap ul{}

#SiteMap ul li{}

#SiteMap ul li a{
font-weight: bold;
font-size: 1.1em;}


#SiteMap ul li li a
{
	font-size: 1.0em;
}

#SiteMap ul li ul{
margin: 0;
padding: 0;
margin-left: 15px;
margin-bottom: 10px;}

#SiteMap ul li ul li{}

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

/* ------------------- PAGELIST -------------------- */

.pageList{}

.pageList ul{
margin: 0 0 0 15px;
padding: 0;
list-style: none;}

.pageList ul li{
margin-bottom: 10px;}

.CategoryPageList ul{
margin: 0 0 0 15px;
padding: 0;}

.CategoryPageList ul li{
margin-bottom: 10px;}

.CategoryPageList ul li li{
margin-bottom: 0;}

.CategoryPageList p{
display: inline;}

.CategoryPageList a{
font-size: 0.9em;}

/* ------------------- PRODUCTPAGE -------------------- */

.product_page
{
	overflow: auto;
padding: 10px;}

.product_page .footnote { float: none; } 

.product_page h2{
color: #004888;}

.product_page p{
font-size: 0.9em;}
	
.product_page .placeholder{
background-image:url('../Images/bg_productpage.gif');
background-position: top;
background-repeat: no-repeat;
min-height: 290px;}

.product_page .left{
float: left;
width: 350px;
padding: 10px;
margin-right: 40px;}

.product_page .left h3,
.product_page .right h3{
margin-bottom: 10px;}

.product_page .left h4,
.product_page .right h4{
font-size: 12px;}

.product_page .terms{
overflow: auto; 
width: 355px;}

.product_page .terms ol{
margin: 10px 0 0 25px;
padding: 0;}

.product_page .terms ol li{
font-size: 0.9em;
margin-bottom: 10px;}

.product_page .right{
float: left;
width: 240px;
padding: 10px 10px 10px 0;}

.product_page .order_form table tr td{
padding: 2px 0 2px 0;}

.product_page .order_form .txtbox{
width: 220px;
border: 1px solid #b5b5b5;
padding: 4px;
color: #3f3f3f;
font-size: 0.9em;}

.product_page .order_form .txtbox_firstname,
.product_page .order_form .txtbox_lastname{
width: 103px;
border: 1px solid #b5b5b5;
padding: 4px;
color: #3f3f3f;
font-size: 0.9em;}

.product_page .order_form .zip{
width: 50px;
border: 1px solid #b5b5b5;
padding: 4px;
color: #3f3f3f;
margin-right: 3px;
font-size: 0.9em;}

.product_page .order_form .city{
width: 153px;
border: 1px solid #b5b5b5;
padding: 4px;
color: #3f3f3f;
font-size: 0.9em;}

.product_page .address {
border-bottom:1px solid #b5b5b5;
border-top:1px solid #b5b5b5;
float:left;
margin-bottom:10px;
margin-top:10px;
padding-bottom:10px;
padding-top: 10px;
width:235px;}

.product_page .ddl{
width: 78px;
border: 1px solid #b5b5b5;
padding: 2px;
color: #3f3f3f;
font-size: 0.9em;}

.product_page .ddly{
width: 66px;
border: 1px solid #b5b5b5;
padding: 2px;
color: #3f3f3f;
font-size: 0.9em;}

.product_page .note{
width: 220px;
border: 1px solid #b5b5b5;
padding: 4px;
color: #3f3f3f;
font-size: 0.9em;
height: 30px;
font-family: Tahoma, Arial, Sans-Serif;}

.product_page .toggle_address,
.product_page .chkterms,
#form_validatorsummary{
font-size: 0.9em;}

#form_validatorsummary ul{
margin: 10px 0 0 15px;
padding: 0;}

#form_validatorsummary ul li{
margin: 0 0 5px 0;
padding: 0;
font-size: 1.0em;}

.order_form .small{
font-size: 0.9em;}
	
#tooltip{
position: absolute;
z-index: 3000;
cursor: pointer;}

#tooltip h3, #tooltip div { 
font-size: 0.9em;
border: 1px solid #111;
background-color: #eee;
padding: 5px;}

#tooltip span{
color: #004888;
text-decoration: underline;
font-size: 0.9em;}

.ddltypeofcomm{
width: 155px;
border: 1px solid #b5b5b5;
padding: 2px;
color: #3f3f3f;
font-size: 0.9em;}

.red{
color: red;}

/* --------------------- XFORM ----------------------- */

#id_matrix,
#id_matrix textarea{
font-family: Verdana, Arial, Sans-Serif;
font-size: 1.0em;}

#id_matrix tr{
vertical-align: top;}

#id_matrix tr td{
vertical-align: top;
padding: 3px;}

#id_matrix textarea,
#id_matrix input,
#id_matrix select{
padding: 3px;
border: 1px solid #b5b5b5;
color: #3f3f3f;
font-size: 1.1em;}

#id_matrix .txtbox{
width: 200px;}

#id_matrix .ddl{
width: 208px;}

#id_matrix select{
padding: 1px;}

#id_matrix .txtarea{
width: 200px;}

#id_matrix tr td span{
font-weight: bold;}
	
/* ---------------------- MISC. ---------------------- */

#main_bottom input{
background-color: #fff;}

/* ------------------- IE 7 HACKS -------------------- */

*:first-child+html #sidebar{
padding-bottom: 30px;}
	
*:first-child+html #sidebar .item{
margin-bottom: 10px;}	

*:first-child+html #sidebar .help{
margin-left: 7px;}

*:first-child+html .product_page .placeholder{
width: 100%;
margin-top: -10px;}

/* ------------------- IE 6 HACKS -------------------- */

* html #main{
margin-left: 10px;}

* html #main_bottom{
margin-left: 10px;}

* html #sidebar{
padding-bottom: 30px;}

* html #sidebar .help{
margin-left: 2px;}

* html #sidebar .item{
margin-bottom: 10px;}

* html #sidebar .item h3{
height: 10px;}

* html #sidebar .item .box .bottom{
background-color: #d8d8d8;}

* html .product_page .placeholder{
width: 100%;
margin-top: -10px;}



/* ------------------- google search -------------------- */
.cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive, .gsc-clear-button, .gs-visibleUrl { display: none; }
div.gs-result .gs-title, div.gs-result .gs-title, div.gs-result .gs-title b { color: #014888; }
div.gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #3F3F3F; }

td.gsc-input { background: url(http://www.google.no/cse/images/google_custom_search_smwide.gif) no-repeat 100% 100%; padding-bottom: 20px; }
body table.gsc-search-box td{ vertical-align: top; }
body .cse input.gsc-search-button, input.gsc-search-button {   }


/* --------------------- ZipCodeSearch --------------------- */
.ZipCodeSearch {float:left; width:340px;}
.ZipCodeSearch .AreaImage, .xxx .AreaImage { display: block; width: 140px; float: left; height: auto;}
.ZipCodeSearchInfo {display:block; overflow:visible; padding-bottom:10px; padding-left:40px;}
.ZipCodeSearchInput {display: block; padding-left: 40px;}
.ZipCodeSearchInput .textbox { width: 40px; float: left; margin-right: 5px; }
.ZipCodeSearchInput .button { width: 60px; float: left; } 
.ZipCodeSearchResult {display: block; clear: both; padding: 10px 0 10px 40px; font-weight: bold;}
.xxx p { width: 140px; float: left}
.xxx .ZipCodeSearchInfo p {float:left; width:300px;}
.xxx .ctl00_MainRegion_SocialMedia_hideDiv {width: 200px;}




/* Landingsside 
----------------------------------------------------------------- */
#box{box-shadow: 0 0 10px #afafaf;-o-box-shadow: 0 0 10px #afafaf;-moz-box-shadow: 0 0 10px #afafaf;-webkit-box-shadow: 0 0 10px #afafaf; }

.myBox {float: left; width: 450px; background-color: #fff; padding: 10px; margin-bottom: 10px;  }
.myBox h1{padding: 10px;}
.myBox .order_form {float: left; padding: 10px;}
.myBox .order_form h4{margin-top: 10px;margin-bottom: 10px;}
.myBox .order_form h4 span{font-weight: normal;}
.myBox .order_form .section{float: left;padding-bottom: 10px;}
.myBox .order_form p{font-weight: bold;}
.myBox .order_form p span{color: #666;margin-left: 2px;}
.myBox .order_form .grey{width: 100%;color: #666;margin: 3px 0 5px 0;}
.myBox .order_form .txtbox{width: 300px;padding: 3px;border: 1px solid #ccc; color: #666;}
.myBox .order_form .txtbox_firstname,
.myBox .order_form .txtbox_lastname{width: 140px; margin-right: 5px; border: 1px solid #ccc; padding: 3px}
.myBox .order_form .txtbox_firstname{width: 142px; padding: 3px}
.myBox .order_form .city{width: 227px; border: 1px solid #ccc;  padding: 3px}
.myBox .order_form .zip{width: 55px; margin-right: 5px; border: 1px solid #ccc;  padding: 3px}
.myBox .order_form .left{float: left;width: 110px;}
.myBox .order_form .right{float :left;width: 320px;}
.myBox .order_form .ddl,
.myBox .order_form .ddly{border: 1px solid #cccccc; color: #666; width: 97px; margin-right: 5px}
.myBox .order_form p.normal{font-weight: normal;}
.myBox .order_form select {padding: 3px;}
.myBox .order_form td {padding-bottom: 10px}
.myBox .order_form table {font-family:Verdana,Arial,Helvetica,sans-serif; color: Red}
.myBox .order_form input {color: #666; margin-top: 2px;}
.myBox .order_form textarea {color: #666; border: 1px solid #ccc; width: 300px; padding: 3px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 1.1em}
.myBox .order_form p span.chkterms {height: 40px; width: 20px;  display: inline-block}
.myBox .order_form p a , .myBox .order_form  span {float: left; font-weight: normal; padding-right: 3px; color: #666;}
.myBox .order_form p.btn_order .btn_left {margin-right: 0; padding-right: 0;}
.myBox .order_form p.btn_order .btn_right {margin-left: 0; padding-left: 0; padding-right: 8px}
.myBox .order_form p.btn_order a {color: #000}
.myBox .order_form p,
.myBox .order_form span {color: #666}
.myBox .order_form p a {color: #004888}
.landingpage .myBox h2 {margin: 10px 10px 0}
#myContainer {background-color: #fff; width: 980px; margin: 0 auto;}
#myContainer .myInner {padding: 0; background-color: #fff; position: relative}
#myContainer .myInner .landingpage {background: #fef102 url(../Images/bg-landingpage-body.gif) left top repeat-x; overflow: auto; padding: 0 80px 0 40px; width: 860px}
#myContainer .myInner .landingpage .logo {margin-left: -10px;}
#myContainer .myInner .landingpage .intro { float: left; margin:10px 0 30px 5px;
width:420px;}
#myContainer .myInner .landingpage .left {padding-bottom: 0;}
#myContainer .myInner .landingpage #left_col {padding-bottom: 20px; width: 480px; float: left; }
#myContainer .myInner .landingpage #basicmodal {/*margin-left: 10px*/}
#myContainer .myInner {background-image: none; background-color: #fff}
#myContainer .myInner #footer {background: #fff url(../Images/bg-landingpage-shadow.gif) left top repeat-x; padding: 25px 40px; margin: 0; width: 900px}
#myContainer .myInner #footer .mainbody {width: 460px;}
#myContainer .myInner #footer h2 {width: 100%; padding-bottom: 10px;}
#myContainer .myInner #footer p, #myContainer .myInner #footer ul li, #container #footer h5 {font-size: 1.1em}
.juhu {height: 1200px; overflow: auto;  background: #fff url(../Images/bg-landingpage-juhu.gif) left top repeat-x; width: 940px; margin-left: -40px; padding-left: 40px}
.juhu .left {margin-top: 20px;}
#myContainer .myInner ul li {line-height: 140%}
.modalBackground {background-color:#CCCCFF; filter:alpha(opacity=40); opacity:0.5;}
.ModalWindow {border: solid 1px #c0c0c0; background: #f0f0f0; padding: 0px 10px 10px 10px; position: absolute; top:-1000px;}

a#lnkVilkar { }
.LandingVilkarLinks { clear: both; padding-top: 3px; }
.LandingVilkarLinks a {line-height: 14px; padding-right: 5px; margin-right: 5px; border-right: 1px solid #004888; display: inline}
.LandingVilkarLinks a.lnkAngreskjema {border-right:0;}

#pnlVilkar {width: 600px; height: 400px; overflow: auto; background-color: #fde900; position: relative; }
#pnlVilkar div {padding: 20px 30px;}

#pnlVilkar #btnCloseX {position: absolute; top: 6px; right: 8px; border: none; font-weight: bold; font-size: 14px; background-color: transparent; cursor: pointer; }

.landingpage #left_col {position: relative;}

#myContainer .myInner #form_validatorsummary {clear: both; backgound-color: #fff; padding-left: 10px}

#order_form table td span {color: #666} 

/*
#myContainer .myInner .landingpage #right_col {position: relative; float: right;}


*/

#myContainer .myInner .landingpage #right_col {width: 300px; float: none; position: absolute;  top: 0px; right: 140px; }
#myContainer .myInner .landingpage #right_col #imgDiv {position: absolute; top: 47px; left: 0}
#myContainer .myInner .landingpage #right_col .contact {position: absolute; top: 420px; left: 0}

#myContainer .myInner .landingpage #right_col #imgDiv .youtube, #myContainer .myInner .landingpage #right_col #imgDiv .flashfile { margin-top: 65px; }
#myContainer .myInner .landingpage #right_col #imgDiv .flashfile { width: 400px; height: 300px; }

/* #myContainer .myInner .landingpage #right_col #imgDiv {position: absolute; top: -240px;}*/

#myContainer .myInner .landingpage #basicmodal {float: left}

#myContainer .myInner .landingpage #right_col .contact h2 {font-size:20px; font-weight:bold; line-height:110%;margin-bottom:10px;}

#myContainer .myInner .landingpage #right_col .contact .left {clear:left;float:left;font-size:14px;font-weight:bold;margin-bottom:5px;width:70px;}
#myContainer .myInner .landingpage #right_col .contact .right {float:left;font-size:14px;margin-bottom:5px;}

#myContainer .myInner .landingpage table td p {width: 320px;}

.product_page .order_form .withSpace{padding-bottom:15px}


/* Popup (ny) 
----------------------------------------------------------------- */

.landingpage .ModalWindow { display: none; }

.jQueryPopup {border: solid 1px #c0c0c0; z-index: 1000; padding: 10px; background-color:#FDE900;height:400px;overflow:auto;position:relative;width:600px;position: fixed; top:50%;left:50%;margin-left:-300px;margin-top:-200px; overflow: auto}
.jQueryPopup .close { display: block; font-weight: bold; text-align: right; overflow: auto; padding-right: 5px;  }

/* Sexy button 
------------------------------------------------------------------------------------------------ */
#buttonBestilling { cursor: pointer; }

a.button, .support a, a.tabs { background: transparent url('/Custom/Images/bg_button_a.png') no-repeat scroll top right; color: #fff; display: block; float: left; font: normal 12px arial, sans-serif; height: 25px; padding-right: 10px; /* sliding doors padding */ text-decoration: none;}
a.button span, .support a span, a.tabs span { background: transparent url('/Custom/Images/bg_button_span.png') no-repeat; display: block; line-height: 14px; padding: 5px 0 6px 10px;} 

a.buttonYellow { background-image: url('/Custom/Images/bg_button_yellow_a.png'); color: #333; }
a.buttonYellow span { background-image: url('/Custom/Images/bg_button_yellow_span.png'); } 

a.button:hover, .pageList li:hover a.button { background-position: right -26px; color: #fff !important; outline: none; /* hide dotted outline in Firefox */}
a.button:hover span, .pageList li:hover a.button span { background-position: left -26px; } 

a.buttonYellow:hover { color: #000 !important; }