body, select, input, textarea {text-align: left}
ul, li {margin: 0;padding: 0}
.transparent {background: transparent}
.shadow {-webkit-box-shadow: 1px 1px 5px #333;-moz-box-shadow: 1px 1px 5px #333}
.rounded {-moz-border-radius: 5px;-webkit-border-radius: 5px}
ul, ol {margin: 0;padding: 0;list-style-type: none}
ol {list-style-position: inside;list-style-type: decimal-leading-zero}
a:link {color: inherit}
a:hover {color: #111}
a:visited {color: #666}
h1, h2, h3, h4, h5, h6 {color: inherit;white-space: normal;margin: 0}
#sidebar1, #sidebar2 {display: none}
#navi #categoryNavi{display:block}
#products
{
    overflow:hidden;
    float: right;
    width: 760px;
}
.right{float:right}
.left{float:left}

/* 02 - IMAGES */
#products a img {border: 0}
#categoryNavi a img {
	border: 0;
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75;}

/* 03 - HEADER */
#header_webshop {
	z-index: 86;
	position: relative;
	line-height: 40px; /*sjekk om nødvendig*/
	background: #fff url('http://gen.firmanett.no/Images/webshop3/header-bg.png') repeat-x left bottom;
    color: #29292b;}
    
.credit{height:40px}
.credit ul{float:right;margin:0 15px 0 0;padding:0}
.credit ul li{float:left;line-height:40px;display:block;margin:0 0 0 15px}
.credit ul li a:hover{text-decoration:underline}
.credit ul li a,.credit li a{color:#29292b;font-size:12px;text-decoration:none;padding:5px 0}
.credit li a.contact{background:url(/images/webshop3/spriteme_icons.png) no-repeat -10px -166px; padding:5px 0 5px 22px}
.credit li a.login{background:url(/images/webshop3/spriteme_icons.png) no-repeat -10px -46px; padding:5px 0 5px 20px}
.credit li a.account{background:url(/images/webshop3/spriteme_icons.png) no-repeat -10px -86px;padding:5px 0 5px 22px}
.credit li a.info{background:url(/images/webshop3/spriteme_icons.png) no-repeat -10px -126px;padding:5px 0 5px 20px}
.credit li a.basket{background:url(/images/webshop3/spriteme_icons.png) no-repeat -10px -206px;padding:5px 0 5px 20px}


.box {padding: 10px;color: #fff}
.searchField {padding: 2px}
#wsearch input {
    width:231px;
    height: 27px;
    border:0;
    font-size:12px;
    background:url("http://gen.firmanett.no/images/webshop3/search3.png") no-repeat scroll 0 0 transparent;
    margin: 10px 10px 0 10px;
    padding-left:5px }

/* 04 - BASKET */
#banner_basket
{
    /*position:relative;*/
    background: none repeat scroll 0 0 #FFFFFF;
}
#basket {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    right: 0;
    position: absolute;
    width: 310px;
    float: right;
    z-index: 84;
    background-color:#cdcdcd; }
#basket h3 a,#basket h3 a:visited{color:#fff;font-weight:700}
#basket h3 {
    font-weight:400;
    font-size:23px;
    height:42px;
    line-height:42px;
    background:url('http://gen.firmanett.no/Images/webshop3/basket.png') no-repeat right center;
    margin:0 15px;
    padding:0}
#basket a{font-size:11px}
#basket .b-wrapper{position:relative;background:#f2f2f2 url('http://gen.firmanett.no/Images/webshop3/basket-bg.png') repeat-x}
#basket .b-inner{position:absolute;top:42px;left:0;width:100%;background:#f2f2f2 url('http://gen.firmanett.no/Images/webshop3/basket-content-bg.png') repeat-x}
#basket .total a,#basket .total{display:block;text-align:center;font:bold 14px "Trebuchet MS";line-height:120px}
#basket .total .kr{font-size:17px}
#basket .b-footer {text-align:center; padding:10px 0 11px; background-color:#cdcdcd; zoom:1;margin-top: 24px;}
#basket .b-footer a{text-align:left;text-decoration:none;line-height:18px;display:inline-block;padding:1px 7px}
#basket .b-footer a.b-basket{background-color:#4a4a4b}
#basket .b-footer a.b-basket:hover{background-color:#666}
.b-inner a,#basket .product a{color:#333}
#basket #sum{text-align:right;padding:5px 0}
#basket ul {text-align: left;	display: block;margin: 0}
#b_sum{text-decoration:underline}

.total {
    margin-top: 15px;
}

.basketProducts {
    font-size: 0.7em;
    line-height: 1.7em;
    margin-left: 2%;
    width: 96%;
    text-align: left;
}

/* 04.1 - BASKET CONTENT column */
#basketContent {margin-top:-30px; background-color:#f2f2f2; padding: 0 10px;}
#basketContent .type {
	font-size: 11px;
	padding: 5px;
	border-bottom:1px dotted silver;}

#basketContent a{color: inherit}
.basketItems ul {font-size: 11px}
.type li{float:left}
.basketItems li{float:left}

.basketItems .item {display: block;padding: 5px 10px}
.basketItems li.item:hover {background: #fff}
.basketItems .product, .type li.product {width: 85px}
.basketItems li.amount {width: 22px}
.type li.amount {width: 40px}
.type li.price
{
    width:45px;
    text-align:center;
   margin: 0 5px 0 20px;
} 
.refresh{
    width: 22px;
	height: 20px;
	float: left;
	vertical-align: bottom;
    background: url(http://gen.firmanett.no/Images/test/refresh.gif) no-repeat center center;
}
.basketItems li.price 
{
	font-weight: 700;
	margin: 0 5px 0;
	text-align:right;
    width:60px
}
div.remove
{
    background: url("http://gen.firmanett.no/Images/webshop2/del_a.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 20px;
    margin: 0 auto;
    width: 20px;
}
div.remove:hover {
	background: url(http://gen.firmanett.no/Images/webshop2/del_hover.png) no-repeat}
#basketBig_content table
{
    width: 100%;    
}

/* @group LOGIN */
#login,#forgot {width:240px;color:#333;font-size:12px}
#login_account span {display:inline-block;width:90px}
#login_account {
    position:absolute;
    width:250px;
    background:#d4d4d4;
    z-index:88;
    line-height:normal;
    margin:40px 0 0 650px}
#login_account input {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	height: 18px;
	font-size: 12px;
	margin: 2px 0}
.login_close{position:absolute; top:0; right:5px}
#login_account .spacer a{cursor:pointer}
#login_account a{color:#666}
#login div.spacer{font-size:11px;color:#555}
/*#logged{font-size:14px;padding:0 25px}*/
#logged{font-size:14px;padding:2px 0; float:right; color:Green}
.logInError{color:Red}
#statusForgotPass span{width:100%}
/* 02 - NAVIGATION */
#navi_main {
    position:relative;
    z-index:85;
}
#navi_main #demo2 > li
{
    background-image:url('http://gen.firmanett.no/images/webshop3/navi-main-bg.png');
    background-repeat: repeat;
    background-position: left top;
}
#navi_main #demo2 > li > a 
{
    background:url('http://gen.firmanett.no/images/webshop3/mlisep.png') no-repeat top right;
}
#navi_main ul{display:block}

#navi_main ul#demo2 > li:hover {
background-color: #555;
}
#navi_main li li{background:none}
#navi_main ul li a  {
    height: 38px;
    display: block; 
    border: none; 
    line-height: 38px;
    font-size: 13px; 
    font-weight: 700; 
    text-decoration: none; 
    margin:0}
#navi_main ul li li a  {
    height: auto;
    line-height: normal; 
    font-size: 11px}
.navigation li a:hover{color: #fff;}
.navigation a {font-weight: normal;}
/* Navigation sub menu*/
#navi {
	width: 200px;
	float: left;}
#navi_sub {display: block;}
#navi_sub #submenu
{
    background-color: #fff;
}
#navi_sub .arrow{ background:url('http://gen.firmanett.no/images/Expandable.png') no-repeat scroll right 4px transparent}
ul#submenu {width: 11.4em; list-style:square; padding:0 0 0 18px;}/* width: 12.5em; color:#5EBC20;*/
#navi_sub ul#submenu li a {
    background-color: #FFFFFF;
    border-bottom: 1px solid #C4C4C4;
    color: black;
    font-family: tahoma,arial;
    font-size: 0.9em;
    font-weight: 700;
    padding: 0.7em 0.4em;
}
#navi_sub #submenu a.notSelected
{
    color: #000000;
}
ul#submenu a {display: block;text-decoration: none}
ul#submenu ul a {font-size: 0.8em}
.navigation li a b {
	float: left;
	display: block;
	padding: 0 16px 0 8px}

/* @group DIV */
#breadcrumb {
    line-height: 40px; 
    background: url('http://gen.firmanett.no/Images/webshop3/breadcrumbs-bg.png') repeat-x; 
    clear: both; 
    height: 40px; 
    display:block;
    margin: 10px 0 0 0}
#breadcrumb a{float:left;display:block;color:#cecece;font-size:13px;font-weight:700;text-decoration:none;padding:0 15px}
#breadcrumb a:hover{text-decoration:underline}
#breadcrumb a.active{padding-right:38px;line-height:40px;background:url('http://gen.firmanett.no/Images/webshop3/breadcrumbs-active.png') no-repeat right top}
#sorting {
	height: 40px;
	line-height: 40px;
	background: url('http://gen.firmanett.no/Images/webshop3/pg-bg.png') repeat-x;
	font-size: .8em;
	background-color:#E5E5E5;
	margin: 0
}
#sorting span{font-weight:700;margin:0 10px 0 15px}
#sorting input{margin-left:10px}
#back {float:left; padding:3px 0 0 10px}
#back a {
    background:url("http://gen.firmanett.no/images/webshop3/spriteme_icons.png") no-repeat scroll -10px -6px transparent;
    padding:5px 0 5px 22px;
    font-size:12px;
    color: #29292B;
    text-decoration:none}

#txtMsg, .msgField{
    margin-bottom: 20px;
    padding: 1em 1%;
    width: 98%;
}
#txtMsg {
    height: 150px;
}
tr.header,
#basketBig_content tr.header
{
    background-color: #F2F2F2;
    border: 0 none black;
}
tr.header th,
#basketBig_content th
{
    margin: 10px 0;
    padding: 5px 0;
}

table.checkoutBasket td, table.checkoutBasket th,
#basketBig_content td, #basketBig_content th
{
    padding: 1em 0.3em;    
    min-width: 55px;
}
table.checkoutBasket td.fjern, table.checkoutBasket th.fjern,
table.checkoutBasket td.showDynamicForm, table.checkoutBasket th.showDynamicForm
{
    min-width: 15px;
    width: 15px;
}
.checkoutBasket .image img, #basketBig_content .jqPDetails img
{
    max-width: 65px    
}


/* 06 - PRODUCTS */
/* @group COMPARING */
#comparison li.remove 
{
    height: 20px
}
#comparison #divComp {
    width:200px;
    background-color:#cdcdcd;
     text-align:center;
     padding:10px 0}
#comparison #buttonComp {
    cursor:pointer; 
    font-size:12px;
    font-family:inherit;
    border:1px solid #cdcdcd;
    padding:1px 7px}

#comparison{width:200px;margin-bottom:20px}
#comparison h4{margin-top:0}
#comparison ul{margin:0;padding:0}
#comparisonContainer{
    display: none;
    position: absolute;
    border: 1px solid black;
    padding:10px 20px;
    background-color: #fff;
    margin-top:270px}
#comparisonList {width:940px;padding-top:20px;}  
.compareListBox{
    float:left;
    width:200px;
    font-size:0.85em;
    color:#666; 
    margin-bottom:30px;
    vertical-align:top;}
.header .compareLabel  {background: url(http://gen.firmanett.no/Images/webshop2/compare.png) no-repeat -5px 0}
#cp_output ul.item  {
    background: #f2f2f2 url('http://gen.firmanett.no/Images/webshop3/cp-bg.png') repeat-x; 
    border-top: 1px solid #fff; 
    border-bottom: 1px solid #dcdcdc }
#cp_output ul.item li{float:left;display:block;padding:0 0 0 10px}
#cp_output ul.item img{border:none;width:40px;max-height:40px;min-height:20px;margin:5px 0 0}
#cp_output ul.item li.product{width:115px;color:#29292b;font-size:0.70em;text-decoration:none;padding:5px 0 5px 10px}
#cp_output ul.item li.remove{background:url('http://gen.firmanett.no/Images/webshop3/delete_icon_gray.png') no-repeat center;width:14px;cursor:pointer;padding:2px 5px}
#cp_output ul.item li.remove:hover{background:url('http://gen.firmanett.no/Images/webshop3/delete_icon_red.png') no-repeat center}
#navi .headerBox, #middleColumn .headerBox {
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: url('http://gen.firmanett.no/Images/webshop3/navi-header.png') repeat-x left bottom;
}
#navi .headerBox{font-size:0.8em;font-weight:700;margin:0;padding:0}
#navi .headerBox h3{font-size:1em;line-height:40px;margin:0;padding:0}
#products .details .productBox100 img {width: 200px}

/* @group PRODUCT */
.header h3, .footer h3 {
	margin: 0;
	color: #fff;
	display: block;
	padding: 5px 0 5px 10px;
	font-size: 1em;}
.productBox100 {
    font-family: inherit; 
	background: #fff url('http://gen.firmanett.no/Images/webshop3/box-bg-right.png') repeat-y right top;
	margin:15px 0 0 0}
.productBox100 .productIntro {float: left;width:590px;}
.productBox100 .productIntro .imgWrapper {
	float: left;
	width: 300px;
	text-align: right;
	padding: 0 10px;
	margin: 30px 10px}
.productBox100 .productIntro .imgInfo {margin-left:20px;}
.productBox100 .productIntro .imgInfo h1{margin:30px 0 0;padding:0}
.productBox100 .productFooter {
	float: left;
	width: 139px;
	text-align: center;
	border-left: 1px solid #cbcbcb;
	margin:30px 0 30px 15px;
    padding:35px 0
}
.productBox100 .productFooter .p-amount {margin:50px 0 15px;}
.productBox100 .productFooter .p-info {margin-top: 35px;border-top: 1px solid #afafaf;border-bottom: 1px solid #fff;}
.productBox100 .productFooter .p-info .p-status,
.productBox100 .productFooter .p-info .p-compare {
	height: 35px;
	line-height: 35px;
	background: url('http://gen.firmanett.no/Images/webshop3/pf-bg.png') repeat-x;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #afafaf;
	font-size: 0.75em; 
}
.productBox100 .p-price h3 {font-size:1.3em;font-weight:400;}
.productBox100 .imgWrapper img {max-width: 300px}

.productBox50 {
	float: left;
	background:#fff;
	width:48%;
	border:1px solid #B3B3B3;
	margin: 15px 0.5%; }
.productBoxHeader {
    background:url("http://gen.firmanett.no/Images/webshop3/box-bg-bottom.png") repeat-x scroll left bottom #FFF;
    height:20px;
}
.productBox50 .imgWrapper,.productBox33 .imgWrapper  {text-align: center;padding: 10px 0 0}
.productBox50 .productBoxContent {padding:0 30px 10px;}
.productBox50 .productIntro h1 {
    font-size:30px;
    font-weight:400;
    text-align:left;
    margin:20px 0 0;
    padding:0}

.productBox50 .imgWrapper img {max-width: 230px}
.productBox33 {font-family: inherit; width: 31%;float: left;border:1px solid #B3B3B3; margin: 15px 0.5%; background:#fff}
.productBox33 .productBoxContent {padding:0 15px 10px}
.productBox33 img {max-width: 150px;}
.productBox33 .price {float: left;font-size: .8em;}
.productBox33 .amount {float: left;}
.productBox33 .p-price h3 {font-size:1.25em;font-weight:500;}
.productBox100 .productIntro,.productBoxContent, .productDetails {font-size: .8em;line-height: 1.4em;}
.productIntro:hover{cursor:pointer;}
.productIntro p{display: block;margin: 10px 0;color:#666;}
.productBox50 .productIntro p {margin-top: 0;}
.productIntro h1 a{color:#151516; text-decoration:none;}
.productIntro h1 a:hover {text-decoration:underline;}
#productList {clear:both}
.shit{width:100%}
.amountBuy{width:100%;clear:both}
.catWrapper a:link,.catWrapper a:visited{text-decoration:none}
.extraFields .name{font-weight:700;width:100px;display:inline-block}
.extraFields{margin:5px 0}

.p-purchase a, .cp_buy a, .tabBuy a {
	height: 22px;
	display: inline-block;
	padding: 0 10px;
	text-decoration: none;
	font: bold 13px/22px "Trebuchet MS";
}
.catWrapper .p-more a:link, .catWrapper .p-more a:visited{text-decoration:underline; color:#666;}
#basketBig a:link, #basketBig a:visited{text-decoration:none; color:#ddd; cursor:pointer}
.catWrapper .p-more a:hover{text-decoration:underline; color:#000}
.p-purchase a {padding: 0 30px}
.productBox33 .p-purchase a {padding: 0 20px;}
.p-purchase a:hover {background-color:#246824;}

#productList .amount {
display:inline-block;
font-size:12px;
float:right;
padding:5px 5px 5px 40px
}
.amount input {width: 20px;height: 15px;text-align:center; float: left;}
.p-amount {font-size: 11px;line-height: 22px;margin: 0 5px 0 0}
.p-amount input {width: 30px;margin: 0 0 0 5px}
.productBox50 .p-amount {background:#dfdfdf;padding:0 5px 0 10px}
.productBox33 .p-amount {background:#dfdfdf;padding:0 0 0 2px}

#products h1 {font-size: 2em;font-weight: normal;}
#products a:hover h1 {color: #111;}
#products .catWrapper {max-width: 900px;margin: 0 0 0 5px}
#webshop .productBox100 a h1 {font-size: 2.4em;}
#webshop .productBox50 h1 {font-size: 1.7em;display: block;width: auto;}
#webshop .productBox33 h1 {font-size: 1.5em;}

/* @group PRODUCT RELATED */
#products #categoryNavi {width: 180px !important;float: right;margin: 0 0 0 10px}
#categoryNavi .price{float: left}
#categoryNavi .price h3{margin: 0}
#products #categoryNavi .price{float: left}
	
#rightColumn .advanced h3 { margin: 0px; padding: 0px; font-size: 20px; font-weight: normal; text-align: center; }
#rightColumn .advanced h3 a, #middleColumn .advanced h3 a { color: #151516; text-decoration: none; }
#rightColumn .advanced h3 a:hover,#middleColumn .advanced h3 a:hover { text-decoration: underline }

#rightColumn .advanced ul li {
	padding: 15px;
	text-align: center;
	background: #fff;
	color: #151516;
	border: solid 2px #fff;
	line-height: 1.2em;
	border-bottom: 1px #6c6c6c solid;
}
#rightColumn .advanced ul li span {color: #666;font-size: 0.8em}
#rightColumn .advanced ul li:hover
{ 
    border: solid 2px #c4c4c4; 
    cursor: pointer
}
.gray
{
    color: gray;
}
#rightColumn .textOnly li:hover{ cursor: pointer}
#rightColumn .textOnly { background: #f2f2f2; padding-bottom: 10px}
#rightColumn .textOnly ul {margin: 10px 15px 0 15px}
.textOnly ul li a{ color: #757575; font-size: .6em; font-weight: 700; line-height: 27px}
#middleColumn a:link, #rightColumn a:link{color:#666}
.wsBox li:hover {background: #fff}
#rightColumn .wsBox{margin-bottom:30px;width:200px}
    
#middleColumn .wsBox span  {display:block}
#middleColumn .advanced h3{padding:10px 0}
#middleColumn .wsBox{width:775px;background:#fff;margin:10px 0 0 5px}
#middleColumn .wsBox li
{
    -moz-display: inline-block;
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 215px;
	vertical-align: top;
	margin: 0 0 0 20px;
	padding: 20px 10px;
}
#middleColumn .wsBox li:hover
{
    cursor: pointer;
    border: solid 2px #c4c4c4; 
	padding: 18px 8px;
}
#middleColumn .advanced li {font-size: .8em;line-height:1.4em}
#middleColumn .textOnly li{font-size:.6em;line-height:1.4em;padding:5px 5px 5px 10px}
#middleColumn .wsBoxSmall li {font-size: .7em}
#middleColumn .wsBoxSmall li h3{font-size: 13px}
#rightColumn .header,#middleColumn .header{font-size: 1em;color: #fff;margin: 0}
#rightColumn .header {display: block;padding: 5px}
#middleColumn .header{display:inline-block;padding: 4px 20px}
#rightColumn hr, #middleColumn hr{padding:0; margin:0}
		
.wsBoxSmall 
{
    width: 373px; 
    float: left;
	margin: 10px 0 0 5px;
    background: #fff;
    border:1px solid #c4c4c4;
}
.wsBoxSmall li{
	float:left;
	width:115px;
	margin: 0 0 0 9px;
	padding: 20px 0}
.boxImageSmall{text-align:center}

/* @group PRODUCTFOOTER */
.productBox50 .productFooter,.productBox33 .productFooter
{
    font-size: 0.75em; 
	display: block;
	 bottom:0; padding:0; border:0;
	 background: #fff url('http://gen.firmanett.no/Images/webshop3/box-bg-bottom.png') repeat-x left bottom}
.productBox50 .p-more,.productBox33 .p-more{float:left}
.productBox50 .p-price, .productBox33 .p-price{float:right; margin:10px 0 10px; width:100%; }
.productBox50 .p-price h3, .productBox33 .p-price h3, #pprice h3{line-height:22px; float:right; clear:both;}
 #pprice h4{line-height:22px; float:right; clear:both;font-size:0.8em;}
.p-price h3 strike, #pprice h3 strike{font-size:0.9em}
.p-price h3{line-height:1em;margin:0}
 #pprice h3{font-weight:400}
.productBox50 .p-data .p-purchase,.productBox50 .p-data .p-amount,
.productBox33 .p-data .p-purchase,.productBox33 .p-data .p-amount{float:right;margin-top:5px}
.productBox50 .p-info{height: 35px;line-height: 35px}
.productBox33 .p-info {height: 30px;line-height: 30px}
.productBox50 .p-status,
.productBox50 .p-compare,
.productBox33 .p-status,
.productBox33 .p-compare {
	width: 49%;
	float: left;
	text-align: center;
}

.productBox50 .p-status,.productBox33 .p-status {border-right:1px solid #b3b3b3;}
.productBox50 .p-compare,.productBox33 .p-compare {border-left:1px solid #fff;}

.productFooter .p-compare a{
    text-decoration: none; 
    background: url('http://gen.firmanett.no/Images/webshop3/compare_icon.png') no-repeat left; 
    color: #151516; padding: 0 0 0 20px;}

.productBox50 .productFooter .compare{border-left:1px solid #fff}
.status{display:inline}
.p-compare a:hover,.productBox50 .productFooter div.compare a:hover{color:#358336}
.productBox50 .productFooter .status {border-right: 1px solid #b3b3b3;}
.productFooter .instore { 
color: #358336; 
background: url('http://gen.firmanett.no/Images/webshop3/stock_icon.png') no-repeat left; 
padding: 0 0 0 20px}

/* 07 - BUTTONS*/
#webshop .button {
	color: #fff;
	text-align: center;
	cursor: pointer;
	font-size: 15px;
	border: 1px solid #ccc;
	background: #333 url(http://gen.firmanett.no/Images/webshop2/bg_black_dark_a.png) repeat-x;
}
a.button{padding:3px; text-decoration: none}

#wsearch .button {
	width: 60px;
	text-transform: uppercase;
	margin: 2px;
	letter-spacing: 1px}

#login_account .button {
	padding: 1px 6px;
	height:25px;
	line-height: 1.5em;
	display: inline;
	text-decoration: none;
	font-family: inherit}

/* 10 - FOOTER*/
#footerContainer{clear:both;margin:15px 0 0}
#footerContainer .footer ul{padding:40px 0 0 10px}
#footerContainer .footer{background: url('http://gen.firmanett.no/Images/webshop3/moerkbunn_gradient3.png');padding-bottom:20px;color:#e8e8e8}
#footerContainer .footer ul li{float:left;width:180px;border-left:1px solid #7A7A7A;padding:0 0 20px 10px}
#footerContainer .footer ul li.nobg {background:none; border-left:0; margin-left:10px}
#footerContainer .footer ul li a{display:block;font-size:12px;text-decoration:none;padding:2px 0}
#footerContainer .footer ul li a:hover{color:#fff}
#footerContainer .footer .cat_header{font-weight:700;font-size:13px;text-transform:uppercase;margin:0 0 15px}    
#footerContainer img{border:0;padding:5px 0}
.image_col:hover, .productIntro img:hover{
	filter: alpha(opacity=50);
	-moz-opacity: .75;
	opacity: .75;}

/*SLIDER*/
#slider{height:205px;width:730px;overflow:hidden;position:relative;margin:5px 0}
#mover{position:relative}
.slide{width:740px;height:205px;float:left;position:relative;padding:25px 30px}
.slide h1{font-size:1.4em; width:400px}
.slide p{font-size:0.9em;line-height:22px;width:370px;padding:10px 0}
.slide a{text-decoration:none}
.slide a:hover{text-decoration:underline}
.slide a:link{color:#666}
.slide .priceWithVat, .slide .priceExVat {font-size:1.4em;}
div.slide:hover{cursor:pointer;}
div.slide img:hover{filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75;}
.slide img{position:absolute;top:30px;left:450px;vertical-align:middle}
.slide a img{border:0}
.slide h2{font-size:14px;padding:0 100px}
#slider-stopper{position:absolute;top:0;right:10px;background:#ac0000;color:#fff;font-size:10px;z-index:84;padding:3px 8px}

/* Product selection*/
#pg_boxes 
{
    width:100%;
	padding:10px 0;
	margin: 10px 0 0 5px;
	background: url('http://gen.firmanett.no/Images/webshop3/pg-bg.png') repeat-x;
	background-color:#F2F2F2; /*#F0F5FB */}
#pg_boxes span { line-height: 40px; height: 40px; padding: 0 30px 0 15px }
#pg_boxes span { float: left; line-height: 40px; height: 40px; display: block } 
.selectionBox {
width:130px;
font-size:.8em;
float:left;
padding:15px 0 0 10px;
font-weight:700}
#pg_boxes select {width:125px; margin:5px 0 0}

.hidden{display:none !important;}
.nav_item_list {
	z-index: 88;
	display: none;
	position: absolute;
	text-align: left;
	background: transparent url('http://gen.firmanett.no/images/webshop3/bgr_top_navigation.png') repeat-x 0 0;
}
.nav_item_list li {
width:263px;
float:left;
border:0;
margin:5px 0 0 18px}
.nav_item_list li a {
background:#474747;
border-bottom:1px dotted #BABABA;
float:none;
text-align:left}
.sub_item_list li{display:block;border:0;margin:0}
.sub_item_list li a {
    font-family:inherit;
    text-align:left;
    margin-left:5px;
    background:transparent url(http://gen.firmanett.no/images/webshop2/ico_li.gif) no-repeat 2px 5px;
    font-size:0.7em;
    padding:0 0 0 15px}

/* contact module*/
#contactContainer {
	font-family: inherit; 
	display: block;
	font-size: .8em;
	line-height: 1.5em;
	padding: 20px 20px 3em 20px }
.contact input {background: #eee;height: 20px;padding: 2px;}
.contact .button {float: left;width: 60px;}
.contact textarea{background:#eee;margin:0 0 10px;padding:5px}

#basketBig, #basketRegConfirm{
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 5px 0;
    padding: 20px 10px 20px 0;
}
#basketRegConfirm
{
    -webkit-transform: translate3d(0, 0, 0);
}
#registration_header,#basketCheckout_header {
    line-height:42px
}
#basketBig_header h3{
background: url('http://gen.firmanett.no/Images/webshop3/basket.png') no-repeat left center;
text-indent:35px;
font-size: 1.6em;
font-weight:normal; }
#registration_header h3, #basketCheckout_header h3{font-size: 1.6em;font-weight:normal}
#basketCheckout_buttons, #basketBig_content, #basketBig_footer {margin:20px 0}
#basketBig_footer a, #basketCheckout_buttons a{
    text-align:center;
    cursor:pointer;
    font-size:15px;
    text-decoration:none;
    padding:6px 10px}
#basketBig_content .footer{background:#EEE;text-indent:60%;font-weight:700;margin:10px 0;padding:5px 0}
#basketCheckout_content span{float:left; width:4%}
#basketCheckout_content span.image img{max-width:60px}
#basketCheckout_content .header{background:#E0E0E0;margin:10px 0;padding:5px 0}
#basketCheckout_footer{text-align:right;padding-right:4.5%;margin:20px 0 0}
#basketCheckout_footer div{padding:3px}
#basketCheckout_footer #p_totalsum{font-weight:700}
#basketBig_content .refresh,#basketCheckout_content .refresh{display:block;cursor:pointer}
#basketCheckout_content span.image{width:10%}
#basketCheckout_content span.discount{width:8%}
#basketCheckout_content span.code,#basketCheckout_content span.name,
#basketCheckout_content span.price,#basketCheckout_content span.totalprice{width:14.8%}
#basketCheckout_content span.totalprice{text-align:right}

#infoCheckout{margin:20px 10px}

#payway_container,#delivery_container{padding:10px}
#payway_container div,#delivery_container div{padding-top:5px}
.regBox{    
    border: 1px solid #F2F2F2;
    margin: 20px 0 30px;
    padding-bottom: 10px;
    width: 100%;
}
.regBox h4{
    padding: 4px 15px;
    margin-bottom:10px; 
    background: #4A4A4B; /*#F2F2F2;*/
    color: #E0E0E0;/* #7a7a7a;*/
    font-weight: bold;}
.regBox #login_button2{border:0;padding:3px 5px}
#loginContainer,#registercontainer{width:70%}
#loginContainer{margin-top:15px}
#loginContainer div,#registercontainer div.col1,#registercontainer div.col2{width:43%;float:left;padding:3px 15px}
#zipcitybox .reg,#zipcitybox2 .reg{width:140px}
#useraccountinfo,#loginAccountInfo{width:100%;float:left;clear:both;font-weight:700;padding:13px 15px}
#terms,#btncontainer{width:100%;float:left}
.adress,.adress2{margin-top:30px}
.adress .header,.adress2 .header{font-weight:700;margin-bottom:10px}
#registercontainer .reg,#loginContainer #txtusername,#loginContainer #txtpassword{width:195px}
#terms .reg, #checkDiv .reg,#same_adress .reg{width:10px}
#btncontainer input,#btncontainer .reg{border:0;width:auto;padding:3px 5px}
.adress div,.adress2 div{padding:2px 0}
#btncontainer{padding:13px 15px}
#adressBox1 h3{font-weight:700;font-size:1em;padding:0 15px}
#adressBox1{border:1px solid #f2f2f2;background:#f2f2f2;float:left;width:100%;margin:0 0 20px;padding:10px 0}
#zipcitybox .zipCode,#zipcitybox2 .zipCode,.zipCode{width:40px}
#terms,#same_adress{padding:0 13px}
#shoppingFinished{padding:30px 10px}
#loader div {width: 200px; height:200px; position:absolute; right:100px;}

#ordersList_header {
    font-size:0.9em;
    background-color:#ccc;
    padding:5px 0;
    margin:20px 10px 0 10px;
}
#ordersList{margin:0 10px;font-size:0.9em}
#ordersList_header span, #ordersList span{width:22%;float:left}
#ordersList .descr{clear:both; padding:15px;}
#ordersList .descr span{width:18%;float:left;border:0}
#ordersList_nav{margin:10px 0}
#ordersList_nav span, #ordersList_nav a{padding:0 10px}
.descr p {padding:5px 0}
.descr div {
    text-align:right; 
    padding-right:18%;
    padding-top:10px; 
    clear:both}
span.header{background-color:#f0f0f0}

#ordersList li span {
    border-bottom:1px solid #c9c9c9;
    padding:3px}

.arrowOrder {
    background: url(http://gen.firmanett.no/Images/booking/icon_open_down.gif) no-repeat;
    background-position:left center;
    text-indent: 15px;
    cursor:pointer}
.toggla_hide {background: url(http://gen.firmanett.no/Images/booking/icon_shut_left.gif) no-repeat;background-position:left center}

#paging0,#paging1{width:100%; margin:0 5px 0 0}
#nav_paging0,#nav_paging1{float:right;margin:10px 5px}
#nav_paging0 span,#nav_paging1 span{cursor:pointer;padding:5px}
a.selectedPager{text-decoration:none}
#alertContainer{display:none;position:fixed;top:40%;left:50%;background:silver;border:1px solid #000;padding:30px}
#infoFirstSite,#infoProductGroup{background-color:#fff;margin:10px 0 0 5px;padding:10px}


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;a) supplying one via CSS b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
.jqmWindow,#window2{display:none;position:fixed;top:17%;left:40%;margin-left:-300px;width:800px;color:#333;border:1px solid #000;background-color:#fff;padding:12px}
.jqmWindowTerms,#window{display:none;position:fixed; top:100px;margin-left:-100px;width:800px;color:#333;border:1px solid #000;background-color:#fff;padding:12px}
#termsText
{
    display: none;
    background-color: #fff;
    overflow: visible;
    color: #333;
}
#termsText .containerWrapper
{
    overflow-y: scroll;
    max-height: 500px;
}
#open_terms
{
    cursor:pointer;
    text-decoration: underline;
}
.jqmOverlay { background-color: #000}
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
.jqmClose{position:absolute;top:-12px;right:-15px;height:30px;width:30px;background:url(../Images/fancy_closebox.png) no-repeat top left;overflow:hidden;cursor:pointer}
#window_details .jqmClose{position:absolute;height:30px;width:30px;background:url(../Images/fancy_closebox.png) no-repeat top left}
.leadingText{width:140px; font-weight:700}
    
.compareListBox li{-moz-display: block;display: block;zoom: 1;*display: block;}
.odd,.even,.cp_image{border:solid #eee;border-right-color:#ccc;border-width:1px 1px 1px 0;padding:5px}
.cp_image .emptyImg{background:#fff url('http://gen.firmanett.no/images/webshop3/produktet_mangler_bilde_medium.jpg') no-repeat;background-position:center center;min-height:95px}
.cp_image{text-align:center; height:120px}
.leadingText li.cp_image{border-top:0}
.leadingText li{border-left:0}
#comparisonList .odd{background-color:#eee}
.cp_image img {border:0; height:80%; margin-bottom:5px}

.sf-menu,.sf-menu *{list-style:none;margin:0;padding:0}
.sf-menu{line-height:1.0;width:11em}
.sf-menu ul{position:absolute;top:-999em;width:11em}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit}
.sf-menu li{position:relative;text-indent:15px;background:#fff}
.sf-menu a{display:block;border-bottom:1px solid #fff;text-decoration:none;padding:.75em 1em}
.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:2.5em;z-index:83}
.sf-menu a,.sf-menu a:visited{color:#13a}
.sf-menu a.sf-with-ul{padding-right:2.25em;min-width:1px}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:12em;top:0}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('http://gen.firmanett.no/Images/right.gif') no-repeat -10px -100px;
}
a > .sf-sub-indicator{top:.8em;background-position:0 -100px}
.sf-vertical li:hover ul,.sf-vertical li.sfHover ul{left:12em;top:0}
.sf-vertical a > .sf-sub-indicator{background-position:0 0}
.sf-vertical .sf-sub-indicator,.sf-vertical a:focus > .sf-sub-indicator,.sf-vertical a:hover > .sf-sub-indicator,.sf-vertical a:active > .sf-sub-indicator,.sf-vertical li:hover > a > .sf-sub-indicator,.sf-vertical li.sfHover > a > .sf-sub-indicator{background-position:-10px 0}

#wsearch{float:left}
.lr_box{background:#eee; margin:25px 0; padding:10px 0}

#productDetailsContainer, #productDetailsContainer2{background:#fff;margin:5px 0 5px 2px;padding:23px 0 0}
#productDetailsContainer #productDetails, #productDetailsContainer2 #productDetails{float:right;width:405px}
#pname{font-size:30px;padding:0 0 20px}
dl{clear:both;margin:0;padding:0}
dt{width:122px;float:left;font-size:13px;font-weight:700;color:#666;line-height:14px;padding-bottom:8px}
dd{width:235px;margin-left:0;padding-left:0;line-height:14px;float:left;font-size:13px;padding-bottom:8px;font-weight:400;color:#666}
dd a{text-decoration:none;font-size:13px;color:#666}
dd a:hover{text-decoration:underline}
#imagearea{width:350px;text-align:center;float:left}
#imagearea .emptyImg{background-position:center}
#productDetailsContainer .thumbImageList, #productDetailsContainer2 .thumbImageList{padding:25px 0}
#productDetailsContainer .thumbImageList a, #productDetailsContainer2 .thumbImageList a{margin:0 5px}
.documentContainer a{display:block}
#prdl{background:#E7E7E7 url("http://gen.firmanett.no/images/webshop3/pdb.png") repeat-x scroll center top;clear:both;margin:20px 0 0}
#pprice{float:right;white-space:nowrap;margin:0 8px 8px 0;padding:12px 0 0}
#productDetailsButtons {
    background: none repeat scroll 0 0 #E7E7E7;
    height: 40px;
    margin-top: 5px;
}
#shareDiv {
    float: left;
    padding: 5px 15px;
}
#productQuestionButton {
    background-color: black;
    background-image: url("/Images/DynamicForm/productQuestionIconWeb.png");
    cursor: pointer;
    float: right;
    height: 23px;
    margin: 5px 10px 2px 2px;
    width: 23px;
}
#prdl #variantGroups{font-size:11px;width:195px;padding:13px 0 0 15px}
#prdl #variantGroups select{display:block;width:150px;margin:3px 0 0}
#productDetails .p-purchase,#productDetails .p-amount{float:right;margin-top:5px}
#productDetails #pcanbuy{padding:0 10px 10px 0}
#plongDesc{display:block;font-weight:700;margin:0 0 5px}
#productdetailstext{clear:both;color:#666;font-size:13px;line-height:1.5em;margin:1em 0;padding:0 25px 10px}
.relProdTab{float:left;text-align:center;width:150px;margin:0 0 10px 10px;padding:10px}
.relProdTab h3{font-size:1em}
#relProd > div {
    float: left;
}
.tabimg {
    height: 90px;
    margin-bottom: 10px;
}
.tabimg img {
    max-height: 100%;
    width: auto;
}
#tabarea {
    clear: both;
    float: left;
    margin-top: 0;
}
#b_empty {
    line-height: 80px;
}
.tabprice{margin:5px 0}
#relProd .emptyImg, #basketBig .emptyImg {background:#fff url('http://gen.firmanett.no/images/webshop3/produktet_mangler_bilde_medium.jpg') no-repeat;background-position:center center;display:block;min-height:52px}
#basketBig .emptyImg {width:70%}
#basketRegConfirm .emptyImg{background:#fff url('http://gen.firmanett.no/images/webshop3/produktet_mangler_bilde_medium.jpg') no-repeat;background-position:center center;display:block;width:100%; min-height:52px}
#tabarea ul{background:url("http://gen.firmanett.no/images/webshop3/linktabbg.png") repeat-x scroll 0 0 transparent;height:40px;list-style:none outside none;width:730px;margin:30px 10px 10px;padding:0 10px}
#tabarea ul li{float:left;cursor:pointer;line-height:40px;color:#fff;font-size:13px;font-weight:700;padding:0 25px}
#tabarea ul li:hover{color:#000;background:url('http://gen.firmanett.no/images/webshop3/linktabli_over.png') repeat-x}
#tabarea ul li.active,#tabarea ul li.active:hover{color:#000;background:url('http://gen.firmanett.no/images/webshop3/linktabli.png') repeat-x}
#iconPage{background-color:#fff; margin: 5px 0 0 5px}
.productBox100 .emptyImg {background:#fff url('http://gen.firmanett.no/images/webshop3/produktet_mangler_bilde2.jpg') no-repeat center left;min-height:173px}
.productBox50 .emptyImg {background:#fff url('http://gen.firmanett.no/images/webshop3/produktet_mangler_bilde2.jpg') no-repeat center center;min-height:173px}
.productBox33 .emptyImg {background:#fff url('http://gen.firmanett.no/images/webshop3/produktet_mangler_bilde3.jpg') no-repeat center center;min-height:130px}
#products .infobox img{border:1px dotted silver;padding:1.5em 2em}
#infoCenterContainer{padding:20px 30px}
.infobox{width:33%;float:left}
.infobox img{border:0;display:block;margin:20px auto}
.infobox p, .infobox .infoText{font-size:0.9em;margin:2em}
.contentControls{min-height:250px}
.sale{
background: transparent url(http://gen.firmanett.no/Images/webshop3/tilbud03.png);
width:71px;
height:74px;
position:absolute;
z-index:10
}
.p-status span{line-height:35px}
.productBox33 .p-status span{line-height:30px}
.ac_results {
	padding: 0;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 89}

.ac_results ul {
	width: 100%;
	list-style-position: outside}

.ac_results li {
	padding: 2px 5px;
	cursor: default;
	display: block;
	font: menu;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden}
.ac_loading {background: white url('indicator.gif') right center no-repeat;}
.ac_odd {background-color: #f3f3f3;}
.ac_over {background-color: #0A246A;color: #fff;}
.paymentContainer{border:0 solid #D1D1D1;border-top-color:#B8B8B8;background:Silver;margin:5px;padding:0 0 0}
.ktext{float:left;width:25%;padding:0 0 0 10px}
#kp{background:#56BBF6;}
#klarnaContainer{background:white;padding:0 5px 5px;}
#searchResult{
    position:absolute;
    z-index:87;
    background:#fff;
    width:300px;
    top:40px;
    left:0;
    line-height:22px;
    border: 7px solid #BCBCBC
}
#searchHeader h2{font-size:14.5px; font-weight:700; padding:13px; font-style:italic}
#searchQuery{font-style:italic}
#searchHeader{
background:url("http://gen.firmanett.no/Images/webshop3/basket-bg.png") repeat-x scroll 0 0 #F2F2F2/*url("http://gen.firmanett.no/images/webshop3/storboks_new_617.png");*/
}
/*#searchProdHeader{
background:url("http://gen.firmanett.no/Images/webshop3/search_results_header_bg.gif") no-repeat;
text-indent:30px;
margin:10px;
}*/
#list_example{font-size:0.8em}
.slide h2 span{font-size:0.8em; font-weight:400}
.slide .productTitle{width:375px}
#searchProd a{text-decoration:none; color:#333333}
#searchProd a:hover {text-decoration:underline}
#searchProd .odd{padding:3px 13px; border:0}
#searchProd .even{background-color:#F2F2F2; border:0;padding:3px 13px }
#basketProducts span.priceExVat{font-size:0.6em; font-weight:400;}

/* NOT SORTED */
#rightColumn .priceWithVat, #rightColumn .priceExVat {
    color: black;
    margin-top: 0.3em;
}
#productDetailsContainer .thumbImageList img
{max-width: 70px; max-height: 70px}

#navi_main ul li.SubCategories {
    background-color: #666;
    background-image: none;
}
#navi_main ul li.SubCategories::after hover {
    background-color: #888;
    background-image: none;
}
#webshop
{ padding: 0 1px; }
.expandIcon {
    background-position: -60px -80px;
}
.icon {
    background-image: url("/Images/Mobile/icons.png");
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: 8px 0;
    position: absolute;
    right: 12px;
    top: 1px;
    width: 20px;
}
.mainCategory {position: relative}
#form_altreceiver {
    margin: 20px 0;
    width: 100%;
}
#form_altreceiver input, #form_altreceiver select 
{
    border: 0 none;
    margin: 3px;
    padding: 0.3em 0.4em;
}
#message_container {
    background-color: #eee;
    padding: 15px;
}
#message_container textarea {
    border: 0px solid #CDCDCD;
    margin-top: 0;
}
#message_container div span {
    letter-spacing: 0.9px;
    line-height: 2em;
    padding: 5px 16px;
}
#message_container h4 {
    margin-bottom: 5px;
}
#basketBigConfirm {
    margin-top: 25px;
}
div.wsBoxSmall ul > li:nth-of-type(3n + 1) {
    clear: both;
}
.showSentFormIcon,
.missingFormIcon
{
    width: 22px;
    cursor:pointer;
}
.ui-helper-hidden-accessible {
    display: none;
}
ul li.BasketItemsCountIndicatorContainer {
    border-color: #AAAAAA #AAAAAA #333333 #999999;
    border-style: dashed;
    border-width: 0 1px;
    margin: 0 -0.6em 0 0.6em;
    padding: 0 0.8em;
}
.BasketItemsCountIndicator {
    font-weight: 700;
    line-height: 40px;
}

/* ANIMATIONS */
.blink {
 animation:blink 4s;
 -webkit-animation:blink 4s;
}
.turnRed {
 animation:turnRed 2s;
 -webkit-animation:turnRed 2s;
 animation-fill-mode: forwards;
 -webkit-animation-fill-mode: forwards;
}
@keyframes blink
{
0%   {background: transparrent;}
25%  {background: yellow; opacity: 0.7; }
50%  {background: transparrent; opacity: 0.1;}
75%  {background: yellow;  opacity: 0.7;}
100% {background: transparrent;  opacity: 1; color: red}
}
@-webkit-keyframes blink
{
0%   {background: transparrent;}
25%  {background: yellow; opacity: 0.7; }
50%  {background: transparrent; opacity: 0.1;}
75%  {background: yellow;  opacity: 0.7;}
100% {background: transparrent;  opacity: 1; color: red}
}
@keyframes turnRed
{
    to { color: red; }
}
@-webkit-keyframes turnRed
{
    to { color: red; }
}