/*
	Design: Morgn Kristensen, Recommended Norway
	xhtml/css: Ole-Marius L. Mathiassen, Recommended Norge
	Code monkey: Kristian Ravnevand, Recommended Norway

	Fargene vi bruker er: 
	Blå: #6699cc;
	Mørk blå: #003366;
*/

body {padding: 0; margin: 0; font-family: verdana, arial, sans-serif; background:  #fff url(/gr/bg-body-rev.png) left top repeat-x; height: 100%; color: #003366;}
body a img {cursor: pointer;}
body a.mork {	background-color: #003366;}
body a:hover.mork {	background-color: #6699cc;}
a, a:link, a:visited {color: #003366;}
a:hover {color: #003366;}
h1, h2, h3, h4, h5, h6 {font-size: 2em; line-height: 1.0em; padding-bottom: 0.2em; color:#003366; font-weight: normal;}
h3 {clear: both; font-size: 21px;}
p#copy {width: 990px; margin: 20px auto 0 auto; color: #666; font-size: 0.9em; text-align: right;}
p#copy span {padding-right: 198px;}
p#copy a {color: #666;}

/* Stuktur    
--------------------------------------------------------------------------------------282x19 - */
#omslutter {width: 1171px; margin: 0 auto; background:  transparent url(/gr/bg-omslutter-nyXXX.png) left top no-repeat; position: relative;}
#venstre {position: relative; top: 0; right: 0; padding-top: 74px; width: 111px; float: left; z-index: 100}
#hoved {width: 680px; float: left; background-color: #fff; position: relative; z-index: 1000;}
#hoyre {width: 380px; float: right; background-color: #fff; min-height: 900px}
#innhold {padding: 0 37px 10px 38px; width: 605px}
#bunn {clear: both; margin: 0 0 0 111px; padding: 0; width: 1060px}

/* Global    
--------------------------------------------------------------------------------------- */
#global {width: 1060px; height: 23px; float: left; background: #6999cc url(/gr/bg-nav-global.gif) left bottom no-repeat;}
#global ul {padding: 0 0 0 5px; margin: 0; float: left; list-style-type: none;}
#global ul li {font-size: 1.1em; line-height: 1.5em; font-weight: bold; margin: 0 10px 0 5px; color: #fff; float: left;}
#global a {color: #fff; display: list-item; list-style-type: square; list-style-position: inside; text-decoration: none;}
#global .ChartSummary a {list-style-type: none; display: block;}
#global a.aktiv{}
#global a:hover {color: #003366;}
#global ul.nav-meta-login { float: right;}
#global ul.nav-meta { float: right;}
.nav-meta .searchbox{margin: 0; padding: 0;}
.nav-meta .searchbox #DivSearch {margin: 0; padding: 0;}
.nav-meta .searchbox #DivSearch input {width: 300px; height: 19px; margin: 1px 0 0 0; padding: 0 0 0 5px; background: #fff url(/gr/global_search_bg.gif) left top no-repeat; border: 0px;}
.nav-meta .searchbox #DivSearch input.btn {width: 60px; height: 19px; margin: 1px 0 0 5px; padding: 0; background: #6999cc url(/gr/global_search_btn_text.png) left top no-repeat; border: 0px; }

/* Topp    
--------------------------------------------------------------------------------------- */
#topp {margin: 20px 0 0 15px;}
h1#header {}
h1#header a:link, h1#header a:visited { display: block; width: 225px; height: 47px; overflow: hidden; background-image: url(/gr/logo-payoff.gif); background-repeat: no-repeat; margin-left: 25px; text-indent: -9999px; position: relative;  z-index: 1000;}
#sok {float: right; width: 300px; padding-right: 40px;}
.sok-felt {display: block; float: right;border: 1px solid #ddd; margin: 0; padding: 3px; font-size: 11px;}
a.sok-knapp {float: right; display: block; text-decoration: none; border: 0; margin-left: 10px; background-color: #6699cc; color: #fff; font-weight: bold; font-size: 11px; padding: 5px 10px 4px 10px;}
a.knapp {color: #fff; display: block; float: left; font: 12px; height: 22px; margin-right: 6px; padding-right: 15px; text-decoration: none;}
a.knapp span {display: block; line-height: 12px; padding: 5px 0 5px 15px; margin: 0;} 


/* Bunnlinje
----------------------------------------------------------------------------------------------- */
#bunnlinje {clear: both; color: #fff; background: #6699cc url(/gr/bg-bunnlinje.gif) left top no-repeat; margin: 0 0 0 0; padding: 15px 15px 10px 15px; height: 1.4em;}
#bunnlinje a {color: #fff; text-decoration: none;}
#bunnlinje #visjon {width: 69%; float: left}
#bunnlinje #copyright {width: 30%; float: right; text-align: right;}


/* spesialknapper
----------------------------------------------------------------------------------------------- */
a.knapp {background: transparent url('/gr/btn-buttons-all-end.gif') right top no-repeat scroll ;}
a.knapp span {background: transparent url('/gr/btn-buttons-all.gif') left top no-repeat;}
a.knapp:hover {background-position: right -30px }
a.knapp:hover span {background-position: left -30px }
a.mork {background: transparent url('/gr/btn-buttons-all-end.gif') right -60px no-repeat scroll ;}
a.mork span {background: transparent url('/gr/btn-buttons-all.gif') left -60px no-repeat;}
a.mork:hover {background-position: right -90px }
a.mork:hover span {background-position: left -90px }
a.green {background: transparent url('/gr/btn-buttons-all-end.gif') right -120px no-repeat scroll ;}
a.green span {background: transparent url('/gr/btn-buttons-all.gif') left -120px no-repeat;}
a.green:hover {background-position: right -150px }
a.green:hover span {background-position: left -150px }


/* -------------------------------------------------------------------------------------------- */
a.knapphoyre {float: right; border: right;}

a.knapp:active {
    background-position: -60 right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.knapp:active span {
    background-position: -60 left;
    padding: 6px 0 4px 15px; /* push text down 1px */
} 





/* Bokser
--------------------------------------------------------------------------------------- */
div.searchbox {padding: 10px 5px 38px 5px;}
div.searchbox .txt {display: block; border: 1px solid #ccc; border-right: 0; padding: 4px; font-size: 10px; width: 65px; height: 15px; float: left; color: #888;}
.kvadrat4x1 div.searchbox input {width: 200px;}
.kvadrat4x1 div.searchbox {padding-left: 0;}
div.searchbox .btn {display: block; background: url(/gr/search-icon.gif) no-repeat 50% 50%; text-indent: -9999px; display: block; border: 1px solid #ccc; border-left: 0; float: left; width: 23px; height: 25px; overflow: hidden; font-size: 10px; background-color: #fff;}
div.leftbox {padding: 0 5px 10px 5px; overflow: auto;}
.box div.leftbox {clear: both; padding: 20px 0 20px 0; width: 200px;}
div.leftbox strong, #nav-containermenu strong {display: block; color: #6699cc; text-transform: uppercase; font-weight: bold; padding-bottom: 5px; font-size: 1em; font-family:Arial, Sans-Serif;}
div.leftbox p {clear: both; padding-bottom: 5px; color: #333; font-size: 0.9em;}
div.leftbox a {padding: 3px 8px 3px 8px;text-decoration: none; text-align: center;font-weight: bold; margin: 5px 0 5px 0; display: block; background-color: #6699cc; border: 1px solid #7290c0; color: #fff; float: left;}
div.leftbox a:hover {background-color: #003366;}
div.leftbox input {display: block; border: 1px solid #ccc; padding: 4px; font-size: 10px; width: 86px; color: #888;}
.box div.leftbox input {width: 160px;}
div.leftbox .err {color: Red; padding-top: 2px;}
div.leftbox .ok {color: green;}

/* Venstre    
--------------------------------------------------------------------------------------- */
#venstre ul#nav-produkter { list-style-type: none; margin: 0;padding: 0; z-index: 1000}
#venstre #nav-produkter li, #venstre ul#nav-produkter {list-style-type: none;	}
#venstre #nav-produkter li {	margin-bottom: 3px;}	
#venstre #nav-produkter li a {display: block;width: 125px;height: 28px;background: transparent url(/gr/hovedmeny.png) no-repeat;color: #666;text-transform: uppercase;text-decoration: none; }	

#venstre .nav-bedrift, #venstre ul.nav-meta { list-style-type: none; margin: 10px 0 0 0;padding: 0;}
#venstre .nav-bedrift li, #venstre .nav-meta li,#venstre ul.nav-meta{list-style-type: none;	}
#venstre .nav-bedrift li, #venstre .nav-meta li {	margin-bottom: 3px;}	
#venstre .nav-bedrift li a, #venstre .nav-meta li a {display: block;width: 125px; white-space: nowrap; height: 28px; overflow: hidden; background: transparent url(/gr/hovedmeny.png) no-repeat; color: #fff;text-decoration: none; }	

#venstre #nav-produkter li a.red { background-position: left -270px;color: #ffffff; }
#venstre #nav-produkter li a.red aktiv {background-position: left -300px;color: #69C;}
#venstre #nav-produkter li a.red:hover {background-position: left -330px;color: #C00;}

#venstre #nav-produkter  li a { background-position: left -90px;color: #ffffff; }
#venstre #nav-produkter  li a.aktiv {background-position: left -120px;color: #69C;}
#venstre #nav-produkter li a:hover {background-position: left -150px;color: #69C; }
#venstre #nav-produkter  li a:hover span:hover {color: #69C;}

#venstre .nav-bedrift li a { background-position: left -180px; color: #fff}
#venstre .nav-bedrift li a.aktiv {background-position: left -210px; color: #036;}
#venstre .nav-bedrift li a:hover {background-position: left -240px; color: #036; }

#venstre .nav-meta li a { background-position: left top; color: #666}
#venstre .nav-meta li a.aktiv {background-position: left -30px;color: #69C;}
#venstre .nav-meta li a:hover {background-position: left -60px;color: #69C;}



#nav-containermenu, #nav-containermenu ul, #nav-containermenu ul li { padding: 0; margin: 0; list-style-type: none;  }
#nav-containermenu li { padding: 0 5px 10px 5px; }
#nav-containermenu li li { padding: 0; }
#nav-containermenu .abs { display: block; color: #333; font-size: 0.9em; padding-bottom: 0.4em; }
#nav-containermenu li li a { display: block; background: url(/gr/bullet-stormberg.png) no-repeat 0 50%; padding: 0.1em 0 0.1em 1.2em; text-decoration: none; font-weight: bold; font-family:Arial, Sans-Serif;}

/*
	#venstre ul.nav-meta {display: block;clear: both;color: #666;list-style-type: disc;padding: 0 15px 0 15px; margin: 0 0 0 6px;}
	#venstre ul.nav-meta ul{padding: 10px 0 10px 10px; list-style-type: none;}
	#venstre ul.nav-meta li a, #venstre ul.nav-meta li a.aktiv {color: #333333;text-decoration: none;font-size: 0.9em;line-height: 1.2em;padding-left: 0;margin-left: 0;}
	#venstre ul.nav-meta li a.aktiv{color: #000;}
	#venstre ul.nav-meta li a:hover {	text-decoration: underline;}
*/

/* Submeny
--------------------------------------------------------------------------------------- */
h3.SubCat, ul.submeny a, ul.submeny span {color: #6699cc; margin: 0 0 0 0; padding: 0 0 0.5em 0; clear: both; text-decoration: none; display: block;}
ul.submeny li, ul.submeny, ul.submeny ul {padding: 0; margin: 0; list-style-type: none;}
ul.submeny li {float: left;}
ul.submeny li li {float: none; width: 180px;}
ul.submeny a {padding: 0 0 0.8em 0; text-decoration: none; font-weight: bold; font-size: 1.4em; text-transform: uppercase;}
ul.submeny ul a {text-transform: none; color: #003366; font-weight: normal; font-size: 1.2em;	}
ul.submeny a:hover {color: #003366; text-decoration: underline;}

/* Innhold    
--------------------------------------------------------------------------------------- */
h2 {border-bottom: 1px solid #dfddd8; padding-left: 270px; text-align: right; margin-top: -30px; font-size: 32px; color: #69c; font-weight: normal; text-transform: uppercase;position: relative; z-index: 100;}
h3 {font-size: 2.1em; color: #003366; padding: 2em 0 1.2em 0; }
#stien { margin-top: 0.4em; height: 1.4em; color: #666; display: block; float: right;}
#stien dt, #stien dd {display: block; float: left; font-size: 1em; line-height: 1.4em; margin: 0 0 0 5px; padding: 0;}
#stien a {color: #666; text-decoration: none;}
#stien span {font-weight: bold; color: #6699cc;}
#stien a:hover {color: #000;}
/*
a.tilbakeknapp {color: #fff; display: block; width: 4em; font-size: 10px; font-weight: bold; margin: 3px 0 0 1px; line-height: 1.2em; padding: 0 5px 1px 15px; text-decoration: none; background: #6699cc url(/gr/arrow.gif) 3px 4px no-repeat; border: 1px solid #7290c0;}
a.tilbakeknapp:hover {color: #0c3d75; 	border: 1px solid #0c3d75; background-position: 3px -10px}
*/
a.tilbakeknapp {display: block; margin-top: 4px; width: 4em; padding-left: 16px; color: #999; text-decoration: none; background: #fff url(/gr/arrow.png) left top no-repeat; }
a.tilbakeknapp:hover {color: #444; background-position: left bottom}
.kvadrat1x1 {width: 150px; height: 150px; border-right: 1px solid #dfddd8; border-bottom: 1px solid #dfddd8; float: left; overflow: hidden;}
.kvadrat1x1rel {border-bottom: 0; border-top: 1px solid #dfddd8;}
.qqq {border-right: none;}
.box {margin: 20px 0; clear: both; min-height: 500px;}
.article {margin-top: 30px;}
.kvadrat2x1, .kvadrat2x2, .kvadrat3x2, .kvadrat3x3, .kvadrat2x4, .kvadrat2x3, .kvadrat4x2 { width: 301px; height: 301px; border-right: 1px solid #dfddd8; border-bottom: 1px solid #dfddd8;	 float: left; overflow: hidden;}
.kvadrat4x1 {width: 500px; clear: both;}
.kvadrat3x2 {width: 452px;}
.kvadrat3x3 {width: 452px; height: 452px;}
.kvadrat4x2 {width: 603px; height: 301px; border-bottom: 1px solid #dfddd8; border-right: 0;}
.kvadrat2x4, .kvadrat2x3 {width: 301px; height: 603px;}
.kvadrat2x3 {height: 452px;}
.kvadrat2x1 {width: 301px; height: 150px;}
.qqq {border-right: 1px solid #fff;}
.www {border-bottom: none;}
.kvadrat1x1 {}
.kvadrat1x1 em {font-size: 1.4em; color: #003366; font-weight: bold; font-style: normal;}
.kvadrat1x1 p {text-align: right; color: #003366; padding: 0 10px; margin-top: 7px; font-size: 1em;}
.kvadrat1x1 h3 {text-align: center;	font-size: 1em;	line-height: 1em; font-weight: bold; color: #6699cc;	padding: 5px 2px 10px 2px;}
.kvadrat1x1 img {display: block; margin: 0 auto 0 auto;}
.produkt-liste { margin: 0; padding: 0 5px; position:relative;  }
.produkt-liste dt {font-size: 1em;line-height: 1em;font-weight: bold;color: #6699cc;padding: 3px 0;text-align: center;height: 2.2em;}
.produkt-liste dt a {color: #6699cc; text-decoration: none; display: block;}
.produkt-liste dt a:hover {color: red;}
.produkt-liste dd {padding:  2px 0 0 0; margin: 0; text-align: right; color: #003366;}
.produkt-liste dd.img {display: block; width: 140px; height: 98px; text-decoration: none;}
.produkt-liste .noimage {display: block; background: url(/gr/missing/missing_list.jpg) no-repeat 50% -5px; width: 140px; height: 98px; text-decoration: none; position:relative; }
.produkt-liste dd.img a { }
.articleContainer {width: 603px; clear: both;}
.frontPageFreeHeightElement { width: 603px; height: 301px; border-bottom: 1px solid #dfddd8; border-right: 0; margin-bottom: 10px;}
.frontPageReallyFreeHeightElement { width: 603px;  border-bottom: 1px solid #dfddd8; border-right: 0; margin-bottom: 10px;}

.produkt-liste .newproduct { text-indent: -9999px; background-color: Red; height: 50px; width: 50px; position: absolute; top: 30px; left: 10px; }

.produkt-liste dd.ProductDetailIcons { position: absolute; bottom: 2px; left: 5px; }
.produkt-liste dd.ProductDetailIcons ul,.produkt-liste dd.ProductDetailIcons li { margin: 0; padding: 0; list-style-type: none; background: none; }
.produkt-liste dd.ProductDetailIcons ul li { width: 15px;  display: block;padding-top: 3px; }
.produkt-liste dd.ProductDetailIcons ul li a { display: block; background: #fff url(/gr/ikon-produktliste-egenskaper.gif) 0 bottom no-repeat;  text-align:left; color: #fff; width: 15px; height: 15px; text-indent: -99999px; text-decoration: none;  }
.produkt-liste dd.ProductDetailIcons ul li.multiplecolors a {background-position: 0 -38px;}
.produkt-liste dd.ProductDetailIcons ul li.showYouTubeIcon a { background-position: 0 -19px;}
.produkt-liste dd.ProductDetailIcons ul li.show360Icon a {background-position: 0 0;}
.produkt-liste dd.ProductDetailIcons ul li.showNew a {background-position: 0 -55px}
.produkt-liste dd.ProductDetailIcons ul li.showRating a {background-position: 0 -72px; height: 18px;}


body .produkt-liste-nomva dd.img { height: 88px; }
body .produkt-liste-nomva dd.img img { height: 88px; width: auto;   }

.nyhet h3 {color: #003366; font-size: 1.4em; line-height: 1em; font-weight: bold;margin: 0 10px; padding: 10px 0 0 0; }
.post-dato {text-transform: uppercase;font-size: 0.9em; line-height: 1em;margin: 0 10px;padding: 0;color: #6699cc;}
.nyhet p, .nyhet div.abs {margin: 5px 10px; font-size: 1.0em; line-height: 1.2em;	color: #003366;}
.nyhet a {margin: 0 10px; display: block; text-align: right; color: #6699cc; font-size: 1.1em; font-weight: bold;}

/* Detaljvisning av produkt    
--------------------------------------------------------------------------------------- */
#prokukt-detaljvisning  {margin-top: 1.1em;clear: both;}
div.proddetail{padding-top: 0.8em;	color: #003366;	line-height: 1.4em;	}
.proddetail li{font-size: 11px;}
#prokukt-detaljvisning div.rel {padding: 0.5em 0 1.1em 1.4em}
#prokukt-detaljvisning div.rel a {display: list-item; list-style-type: disc; padding-left: 8px; color: #003366;	text-decoration: none;}
#prokukt-detaljvisning div.rel a:hover {color: #003366;}
#prokukt-detaljvisning h3 { padding: 10px 0;  margin-left: -6px; font-weight: bold; }
#prokukt-detaljvisning p {font-size: 1.1em; line-height: 1.2em;}
.produkt-varenummer {margin: -8px 0 0 -5px;  color: #003366}
.produkt-lagerstatus {line-height: 20px; height: 30px;    }
.produkt-lagerstatus .lbl {padding: 0; margin: 0;  line-height: 1em; }
.produkt-bestilling h4 {background: #f7f7f4 url(/gr/bg-produkt-bestilling.png) left top no-repeat; font-size: 1.1em; line-height: 1.3em;font-weight: bold; color: #003366; padding: 1.5em;}
.produkt-bestilling {width: 301px; background: #f7f7f4 url(/gr/bg-produkt-bestilling-topp.gif) left top no-repeat; padding-top: 15px;}
.produkt-bestilling .inner {padding-top: 0; background: #f7f7f4 url(/gr/bg-produkt-bestilling.gif) left bottom no-repeat; padding: 15px; padding-top: 5px}
.produkt-bestilling label.lbl {width: 60px; display: block; float: left; padding: 3px 2px 2px 2px; color: #003366;}
.produkt-bestilling p {padding-top: 10px; color: #003366;}
.dropdown-colors {width: 180px; margin-right: 15px;}
.dropdown-amount {width: 60px;}
div.rdSizes {display: block; /* height: 40px; */ padding-top: 15px; padding-left: 2px;}

div.rdSizes div div {width: 43px; float: left; height: 40px;}
div.rdSizes .active input {}
div.rdSizes .active label {color: #003366;}
div.rdSizes label, div.rdSizes input {display: block;}
.error {color: Red;}
div.rdSizes input {}
div.HoldSizes {display: block;}
div.HoldSizes div {float: left; width: 20px;}
div.HoldSizes .active, div.HoldSizes .inactive {display: block; float: left; text-align: center;	margin-right: 10px; }
div.HoldSizes .inactive {color: #c7c2ba}
div.HoldSizes div label {font-size: 9px; text-align: center}
div.HoldSizes div label strong {font-size: 11px; letter-spacing:-1px;}
div.HoldSizes div input { margin: 0 auto 3px auto; }

.info-storrelser {display: block; clear: both; margin: 45px auto 6px auto; padding: 3px 0 0 0; background: #f7f7f4 url(/gr/bg_btn_sizeguide.png) left top no-repeat; width: 115px; height: 19px; text-align: center }
.info-storrelser a {text-decoration: none; color: #fff; font-weight: bold;}
.info-storrelser a:hover {text-decoration: underline}

.info-stock {display: block; clear: both; line-height: 10px; margin-left: -10px; }
.info-stock span {display: inline-block; width: 10px; height: 10px; margin-left: 10px; margin-right: 3px; margin-top: 5px; text-indent: -0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.info-stock .none {background-color: #c7c2ba}
.info-stock .few {background-color: #6699cc}
.info-stock .many {background-color: #003366}

span.produkt-prislapp {font-size: 24px;}
span.discount {color: Red; font-weight: bold;}
span.orgprice {background: transparent url(/gr/discount.gif) repeat-x 0 50%; margin-left: 15px}
span.produkt-prislapp span.orgprice {font-size: 0.7em;}

#Thumbs {width: 250px; /* important */ margin: 0 0 0 0; clear: both;}
#ThumbsFrame {position: relative}
#thumb_previous {float: left;}
#thumb_next {float: right;}
#ThumbsContent {margin: 0; padding: 160px 0 0 0;}
#ThumbsContent li {list-style: none; margin: 0;	padding: 0;}
#ThumbsContent {width: 300px;}
#Thumbs ul li {display: block; float: left; clear: none; margin: 5px; width: 55px; height: 55px; overflow: hidden;}
#Thumbs ul li img {display: block;}
#produkt-bilde  {display: block; width: 300px; overflow: hidden; float: left; position: relative; left: 0; top: 0; /*padding-bottom: 80px;*/}


#produkt-bilde div.colors {position: absolute; right: 10px; top: 0px; width: 20px; overflow: hidden; }
#produkt-bilde div.colors a.highslide {display: block; width: 18px; height: 18px; text-indent: -9999px; margin-bottom: 5px; color: #fff; border: 1px solid #DFDDD8; overflow: hidden;}

#produkt-bilde div.PopupLinks {padding-top: 30px;}

#produkt-bilde a.highslide {display: block;	float: left;	width: 250px;	height: auto;	overflow: hidden;}
#produkt-bilde .holdpopup {background-color: Red; border: 1px solid green; width: 250px;}
#produkt-tekst {width: 300px;float: right;position: relative;}
#produkt-tekst h3{}

/*
#prokukt-detaljvisning dl {list-style-type: none; padding-left: 0; padding-bottom: 0.1em; margin-top: 0;	padding-top: 10px;}
#prokukt-detaljvisning dl dt {display: block;	float: left;}
#prokukt-detaljvisning dl dt a {color: #003366; font-size: 1.1em; line-height: 1.2em;	border-left: 1px solid #003366; text-decoration: none; padding: 0 0.5em;}
#prokukt-detaljvisning dl dt a:active {font-weight: bold;}
#prokukt-detaljvisning dl dt a.forste {border: none; padding-left: 0; margin-left: 0;}
#prokukt-detaljvisning dl dt a.aktiv {font-weight: bold;}
#prokukt-detaljvisning dl dt a:hover {color: red;}
#prokukt-detaljvisning dl dd {padding: 0 0 0 0; margin: 0 0 0 0; position: absolute; background-color: #fff; top: 75px; left: 0;}
*/

dl.descriptiontabs { border-bottom: 1px solid #c1c1c1; padding: 0 0 4px 0; margin: 15px 0}
.descriptiontabs dt { display: inline; margin: 0;padding: 0 0 4px 0}
.descriptiontabs dt a { text-decoration: none; font-weight: normal; padding:5px 5px 4px 5px; border: 1px solid #c1c1c1; border-bottom: 0; background-color: #d9dee3; }
.descriptiontabs dt a.aktiv { font-weight: bold; background-color: #fff; border-bottom: 1px solid #fff }

.mestSolgt-produkter {clear: both;}
.mestSolgt-produkter h4 {padding-top: 2em; color: #003366; font-size: 1.2em; line-height: 1.4em; text-transform: uppercase; margin-bottom: 0.5em; font-weight: bold; clear: both;}
.mestSolgt-produkter .kvadrat1x1 {border-top: 1px solid #dfddd8;}

.tilhorende-produkter-container {clear: both; background-color: #fff; overflow: hidden; padding: 0 0 0 0;}
.tilhorende-produkter {clear: both;}
.tilhorende-produkter h4  {padding-top: 2em;color: #003366; font-size: 1.2em; line-height: 1.4em; text-transform: uppercase; margin-bottom: 0.5em; font-weight: bold; clear: both;}
.tilhorende-produkter .kvadrat1x1 {border-top: 1px solid #dfddd8;}
input.produkt-antall {border: 1px solid #000; padding: 3px 2px 2px 2px; width: 30px;}

a.produkt-bestill span {display: none;	text-align: left; padding: 10px; position: absolute; top: 20px;	left: 0; background-color: #6699cc; font-weight: normal; width: 150px;}

/*
a.produkt-bestill {display: block; background-color: #6699cc; color: #fff; font-weight: bold; font-size: 10px; padding: 2px 5px; margin-left: 100px; margin-top: 10px; text-decoration: none; text-align: center; position: relative;}
a.produkt-bestill {margin-left: 15px; margin-top: 10px; display: block; width: 233px; height: 27px; background: transparent url(../gr/btn-addtocart-new.gif) left top no-repeat; text-indent: -9999px;}
a.produkt-bestill:hover {background-position: left bottom}
*/

.produkt-bestill-cnt {margin-left: 15px; display: block; width: 233px; height: 27px; background-color:#79BA00; background-image: url(../gr/btn-addtocart-new.gif); background-position: left top; background-repeat: no-repeat}
.produkt-bestill-cnt:hover {background-position: left bottom}
a.produkt-bestill {display: block; padding: 7px 0px 0px 68px; color: #FFFFFF; font-family: arial,tahoma,helvetica; font-size: 12px; font-weight: bold; text-decoration: none}

.show360 {display: block; width: 250px; height: 40px; text-indent: -9999px; background: transparent url(/gr/btn-360.png) left top no-repeat; cursor: pointer}
.show360:hover {background-position: left -43px}


.YouTubes {padding-top: 15px}
.YouTubes div {float: left; width: 149px;}
.YouTubes h5 {font-size :1.1em; font-weight: bold; color: #003366}
.YouTubes img {padding: 5px 0}
.moreyoutubes {display: block; clear: both; text-decoration: none; padding-top: 10px; }
.showYouTube, .tipyoutubes {position: relative; display: block; width: 120px; height: 100px; cursor: pointer}
.YouTubes span {position: absolute; left: 0; top: 0; display: block; width: 120px; height: 100px; background: transparent url(/gr/bg-youtube.png) center center no-repeat; text-indent: -9999px}

/* Login    
--------------------------------------------------------------------------------------- */
div.LoginBox {}
div.LoginBox label.lbl {padding-top: 1.1em; display: block;	clear: both;}
div.LoginBox a {clear: both; float: left; margin-top: 1.1em;}
div.TakkFor {clear: both; margin-top: 11px; padding: 10px;}
div.error {color: Red;}
div .ChkBox {display: block; clear: both; padding-top: 5px;}
body div .ChkBox label {width: 150px; white-space: nowrap; padding-left: 5px;}
body div .ChkBox input {width: 15px; margin: 0 0 0 14px; padding:  0 0 0 0;}

/* Høyre    
--------------------------------------------------------------------------------------- */
/* #hoyre .boks {background: transparent url(/gr/bg-hoyre-box.png) top left no-repeat; width: 175px; clear: both; margin-bottom: 20px; margin-left: 10px; display: block;} */
#hoyre .boks p {padding: 15px 20px;}
#hoyre .flash {padding: 0 0 20px 10px;}
#hoyre .alt {background: transparent url(/gr/bg-hoyre-box-bla.png) top left no-repeat;}
#hoyre .rightshow {padding: 0 0 20px 10px; width: 175px; overflow: hidden;}

/* Telleverket
--------------------------------------------------------------------------------------- */
.banner-container-counter {width: 380px; height: 132px; margin: 15px 0px 0px 0px; padding: 0; background: transparent url(/gr/bg-banner-380-counter.png) left top no-repeat; position: relative; overflow: hidden}
.banner-container-counter a {text-decoration: none; color: #fff; font-size: 9px}
.counterText1 {display:block; position:absolute; top: 10px; left: 15px; width: 370px; height: 25px;}
.counterText2 {display:block; position:absolute; top: 95px; left: 20px; width: 370px; height: 18px;}
.counterIcon {display:block; position:absolute; top: 36px; left: 15px; width: 80px; height: 18px;}
.banner-container-counter .inner .counter-wrap {display:block; position:absolute; top: 40px; left: 80px; width: 180px; height: 35px;}
.banner-container-counter .inner .counter-wrap #num0 {margin: 0 7px 0 0}
.banner-container-counter .inner .counter-wrap #num3 {margin: 0 7px 0 0}

/* 1% ticker
------------------------------------------------------------------------------------------  */
#onepersentticker h5 {color: #666; margin: 0; padding: 0; height: 34px;}
#onepersentticker span {display: block; float: left; width: 21px; height: 32px; text-align: center; line-height: 32px; background: transparent url(/gr/bg-onepercent-single.gif) center top no-repeat; font-size: 18px; }
#onepersentticker p {padding: 5px 10px 0 5px; font-size: 1.0em; line-height: 1.3em; color: #fff}
#onepersentticker p a {color: #fff; text-decoration: none; }



/* Nytt design på bannere
--------------------------------------------------------------------------------------- */
#hoyre .banner-container {width: 380px; margin: 8px 0 0 0; padding-top: 15px}
#hoyre .banner-multiContainer {width: 380px; margin: 8px 0 0 0; padding-top: 0px}
#hoyre .banner-container-190 {width: 190px; margin: 0; float: left}
#hoyre .banner-container-free {width: 190px; margin: 0; float: left}
#hoyre .banner-container .inner {padding: 0 15px 20px 12px}
#hoyre .banner-container-190 .inner {padding: 0 15px 20px 12px}
#hoyre .banner-container-free .inner {padding: 0 15px 20px 12px}
#hoyre .banner-container-clear {clear: both; height: 0px; overflow: hidden;}

#hoyre .grey {background: transparent url(/gr/bg-banner-380-grey-top.png) left top no-repeat; }
#hoyre .red {background: transparent url(/gr/bg-banner-380-red-top.png) left top no-repeat; }
#hoyre .white {background: transparent url(/gr/bg-banner-380-white-top.png) top left no-repeat; }
#hoyre .blue {background: transparent url(/gr/bg-banner-380-blue-top.png) top left no-repeat; }
#hoyre .darkblue {background: transparent url(/gr/bg-banner-380-darkblue-top.png) top left no-repeat; }
#hoyre .bluefade {background: transparent url(/gr/bg-banner-380-bluefade-top.png) top left no-repeat; }

#hoyre .banner-container-190 .grey {padding: 15px 0 0 0; background: transparent url(/gr/bg-banner-190-grey-top.png) left top no-repeat}
#hoyre .banner-container-190 .red {padding: 15px 0 0 0; background: transparent url(/gr/bg-banner-190-red-top.png) left top no-repeat; }
#hoyre .banner-container-190 .white {padding: 15px 0 0 0; background: transparent url(/gr/bg-banner-190-white-top.png) top left no-repeat; }
#hoyre .banner-container-190 .blue {padding: 15px 0 0 0; background: transparent url(/gr/bg-banner-190-blue-top.png) top left no-repeat; }
#hoyre .banner-container-190 .darkblue {padding: 15px 0 0 0; background: transparent url(/gr/bg-banner-190-darkblue-top.png) top left no-repeat; }

#hoyre .banner-container-free .grey {padding: 15px 0 0 0; background: transparent url(/gr/bg-banner-free-grey-top.png) left top no-repeat; }
#hoyre .banner-container-free .red {padding: 15px 0 0 0; background: transparent url(/gr/bg-banner-free-red-top.png) left top no-repeat; }
#hoyre .banner-container-free .white {padding: 15px 0 0 0; background: transparent url(/gr/bg-banner-free-white-top.png) top left no-repeat; }
#hoyre .banner-container-free .blue {padding: 15px 0 0 0; background: transparent url(/gr/bg-banner-free-blue-top.png) top left no-repeat; }
#hoyre .banner-container-free .darkblue {padding: 15px 0 0 0; background: transparent url(/gr/bg-banner-free-darkblue-top.png) top left no-repeat; }

#hoyre .grey .inner {background: transparent url(/gr/bg-banner-380-grey.png) left bottom no-repeat; }
#hoyre .red .inner {background: transparent url(/gr/bg-banner-380-red.png) left bottom no-repeat; }
#hoyre .white .inner {background: transparent url(/gr/bg-banner-380-white.png) left bottom no-repeat; }
#hoyre .blue .inner {background: transparent url(/gr/bg-banner-380-blue.png) left bottom no-repeat; }
#hoyre .darkblue .inner {background: transparent url(/gr/bg-banner-380-darkblue.png) left bottom no-repeat; }
#hoyre .bluefade .inner {background: transparent url(/gr/bg-banner-380-bluefade.png) left bottom no-repeat; }

#hoyre .banner-container-190 .grey .inner {background: transparent url(/gr/bg-banner-190-grey.png) left bottom no-repeat;}
#hoyre .banner-container-190 .red .inner {background: transparent url(/gr/bg-banner-190-red.png) left bottom no-repeat; }
#hoyre .banner-container-190 .white .inner {background: transparent url(/gr/bg-banner-190-white.png) left bottom no-repeat; }
#hoyre .banner-container-190 .blue .inner {background: transparent url(/gr/bg-banner-190-blue.png) left bottom no-repeat; }
#hoyre .banner-container-190 .darkblue .inner {background: transparent url(/gr/bg-banner-190-darkblue.png) left bottom no-repeat; }

#hoyre .banner-container-free .grey .inner {background: transparent url(/gr/bg-banner-free-grey.png) left bottom no-repeat; }
#hoyre .banner-container-free .red .inner {background: transparent url(/gr/bg-banner-free-red.png) left bottom no-repeat; }
#hoyre .banner-container-free .white .inner {background: transparent url(/gr/bg-banner-free-white.png) left bottom no-repeat; }
#hoyre .banner-container-free .blue .inner {background: transparent url(/gr/bg-banner-free-blue.png) left bottom no-repeat; }
#hoyre .banner-container-free .darkblue .inner {background: transparent url(/gr/bg-banner-free-darkblue.png) left bottom no-repeat; }



/* Espen was here:) */
#hoyre .banner-container .image .inner{margin-top:0;padding-top:3px}
#hoyre .image .inner{padding:0 0 8px 0;}
/* /Espen */
#hoyre .showYouTube {position: relative; height: 95px}
#hoyre .showYouTube img {border: 1px solid #003366; margin-left: 17px;}
#hoyre .showYouTube span {background: transparent url(/gr/bg-youtube.png) no-repeat scroll center 28px; display:block; left: 17px; position: absolute; padding-top: 93px;  top: 0; width: 120px; text-indent: -9999px;}


#hoyre .shade {position: absolute; top: 0; left: 1171px; width: 15px; height: 752px; background: transparent url(/gr/bg-shade-right.png) left top no-repeat; z-index: 100}
#venstre .shade {position: absolute; top: 0; left: 96px; width: 15px; height: 752px; background: transparent url(/gr/bg-shade-left.png) left top no-repeat; z-index: 100}

/* Bunn    
--------------------------------------------------------------------------------------- */
#bunn  {clear: both; padding: 2em 1.5em 1em 1.5em; text-align: right; font-size: 0.9em; color: #777; margin-right: 200px;}
#bunn a { color: #777; text-decoration: none; }
#bunn a:hover { text-decoration: underline; }

/* Added to chart popup
--------------------------------------------------------------------------------------- */
.addedtochart-pop {position: relative; overflow: hidden; width: 603px; margin: 20px; }
.addedtochart-pop .closeBtn { position: absolute; top: 0px; left: 523px;}
.addedtochart-pop .closeBtn a{display: block; width: 60px; height: 14px; padding: 0px 20px 0 0; text-align: right; text-decoration: none; background: transparent url(/gr/ikon_lukk.png) right top no-repeat}
.addedtochart-pop div.tilhorende-produkter {width: 610px; overflow: hidden; }
.addedtochart-pop h3 {border-bottom: 1px solid #ccc;  padding: 0 0 0.5em 0;  margin-bottom: 1.1em;}
.addedtochart-pop div.ProdImg {float: left; width: 150px; overflow: hidden; }
.addedtochart-pop div.ProdImg img {width: auto; height: 130px;}
.addedtochart-pop div.ProdInfo {float: left; padding-left: 20px; width: 400px; position: relative; }
.addedtochart-pop div.ProdInfo h4 {font-size: 1.4em; padding-bottom: 1em; font-weight: bold;}
.addedtochart-pop div.ProdInfo label {width: 60px; display: block; float: left; }
.addedtochart-pop div.ProdInfo .knapp { font-size: 1.0em; float: left; text-align: center; margin: 20px 10px 0 0; }
.addedtochart-pop p.Delivery { position: absolute; top: 20px; right: 0; width: 139px; height: 89px; padding: 10px; background: url(/gr/bg-note.gif) no-repeat; font-style: italic; }
.popWiderBtn {width: 210px; margin: 5px 0 5px 0;}
.addedToBtnHolderKasse {position: absolute; top: 85px; left: 20px; margin: 2px 0 0 0; overflow: hidden;  z-index: 2; }
.addedToBtnHolderLukk {position: absolute; top: 60px; left: 20px; margin: 2px 0 0 0; overflow: hidden;  z-index: 3; }
.PayLink, .TipLink { text-decoration: none; padding-top: 3px; margin-top: 3px; }
.PayLink { display: block; text-align: center; padding-top: 5px}
.PayLink:hover {text-decoration: underline}
.TipLink { float: right; background: transparent url(/gr/email.gif) no-repeat 0 6px; text-indent: 18px; }
.TipLink:hover { }
.produkt-kommentar-top {background: url(/gr/bg-produkt-warning-top.gif) left top no-repeat; padding: 5px 0 0 0; margin: 0 0 5px 0;}
.produkt-kommentar {background: url(/gr/bg-produkt-warning-top.gif) left bottom no-repeat; color: #fff; padding: 0px 5px 5px 10px;}


/* logos
--------------------------------------------------------------------------------------- */
#logoer { display: block; clear: both; text-align: center; }
#logoer a { display: block; padding: 5px 5px 10px 5px; }
#logoer img {}
.samarbeidboks { margin: 0; padding: 0 0 0 10px; height: 175px; overflow: hidden; }
.samarbeidboks h5 { text-align:center; font-size: 1.1em; text-transform: uppercase; font-weight: bold; color: #6699cc; padding-bottom: 1em; }
#samarbeid li,#samarbeid { padding: 0; margin: 0; list-style-type: none; height: 149px; overflow: hidden; }
.logos { clear: both; float: right;	padding-top: 40px; }
.logos .visa, .logos .master { float: right; display: block; text-indent: -9999px; padding: 0; margin: 0; }
.logos .visa { background: transparent url(/gr/logo/visa.gif) no-repeat; width: 48px; height: 27px; }
.logos .master { background: transparent url(/gr/logo/mastercard.gif) no-repeat; width: 58px; height: 31px; }
.logos .netaxept { float: right; clear: both; font-size: 0.9em; }

/* infocenter
--------------------------------------------------------------------------------------- */
h2.infoheader { border-bottom: 0; margin-bottom: 50px; text-transform: uppercase; }
#infocenter ul { margin-top: 20px; }
#infocenter ul, #infocenter li { padding: 0; margin: 0; list-style-type: none; }
#infocenter h3 { padding: 10px 0 10px 0; color: #6699cc; font-size: 1.8em}
#infocenter img {  display: block; margin: 0 20px; height: 78px; width: auto; }
#infocenter li { float: left; width: 200px; padding-top: 20px; }
#infocenter li li { float: none; height: auto; margin: 0 0 5px 2px; padding-top: 0; list-style-type: disc; list-style-position: inside; font-size: 1.1em; }
#infocenter li li a { text-decoration: none; }
#infocenter li li a:hover { text-decoration: underline; }

/* loggedin GlobalBasket
--------------------------------------------------------------------------------------- */
#globalBasketContainer {overflow: hidden;}
#globalBasket { width: 372px; margin: 0 0 10px 0; background: transparent url(/gr/global_basket_bg.png) left bottom no-repeat;  overflow: hidden }
#globalBasketUser { width: 186px; float: left;}
#globalBasketCart { width: 186px; float: left;}

.loggedin { width: 169px; margin: 0 2px 10px 0; color: #fff; }
.loggedin .inner {padding: 5px 10px}
.loggedin p {line-height: 1.6em; padding: 5px; font-size: 1.1em;  color: #fff; border-bottom: 1px solid #b4c8e6}
.loggedin p span {display: block; font-weight: bold}
.loggedin ul {list-style-type: none; padding: 5px; padding-bottom: 0;  margin: 0; line-height: 1.6em;}
.loggedin a { color: #fff; text-decoration: none; font-size: 1.1em; }
.loggedin a:hover {text-decoration: underline}
.loggedin a.logon {font-weight: bold;}
#hoyre .loggedin .logout { display: block; text-align: right; background: none; font-weight: bold; text-decoration: none;  }
#hoyre .loggedin .logout:hover {text-decoration: underline; background-color: transparent}

#globalCart { width: 180px; margin: 11px 0 0 0; font-size: 10px; padding: 20px 0 0 0; text-align: center}
#globalCart div { color: #223c75; padding: 0 0 5px 10px; clear: both; }
#globalCart div .item { float: left; width: 135px; clear: none; }
#globalCart div label { width: 10px; display: block; float: left; display: block;  }
#globalCart a.minisum { background: url(/gr/ikon-tilhandlekurv.png) left center no-repeat;  display: block; clear: both; font-weight: bold; margin: 10px;  border-top: 1px solid #003366; padding: 5px 0 5px 28px; clear: both; }
#globalCart a { list-style-type: none;margin: 0; display: block; color: #223c75; text-decoration: none; }
#globalCart a:hover { text-decoration: underline; }


/* errors
--------------------------------------------------------------------------------------- */
div.err, p.err, .xformvalidator { border: 1px solid #cd4143; background: #f2c9c9 url(/gr/red-x.gif) no-repeat 10px 10px; padding: 10px 10px 10px 35px; margin: 10px 0 0 0; clear: both; color: #000;  }
div.ok, p.ok { border: 1px solid #389c42; background-color: #c9f2cd; padding: 10px 10px 10px 10px; margin: 10px 0 0 0; clear: both; color: #000;  }
.nyhetsbrevRightContainer p.ok {padding: 10px}
.nyhetsbrevRightContainer p.err {padding: 7px 10px 7px 35px}
.errQuestion {color: #000; padding: 7px 10px 7px 35px; margin: 90px 0 0 0; border: 1px solid #cd4143; background: #f2c9c9 url(/gr/red-x.gif) no-repeat 10px 10px; clear: both;}
div.simpleerr, p.simpleerr { border: 1px solid #cd4143; background-color: #f2c9c9; padding: 10px 10px 10px 10px; margin: 10px 0 0 0; clear: both; color: #000;  }
.RightBox .err { margin: 10px 15px 0 15px; }
.PayOK .err { margin: 20px auto 10px auto; width: 350px; text-align: left;  }
.settingsarea .miniknapp { padding-bottom: 10px; display: block; }

/* slideshow
--------------------------------------------------------------------------------------- */
.slideshow, .slideshow li { list-style-type: none; padding: 0; margin: 0; }

/* Bunn
------------------------------------------------------------------------------------------------- */
#bunn-container {clear: both; }
#info {margin: 30px 40px 10px 40px;}
#info a {text-decoration: none}
#info div {width: 190px; padding-right: 10px; height: 70px; float: left; }
#info p {margin: 0; padding: 5px 0x 0 0; width: 130px; float: right;   }
#info h4 a {display: block; float: left; width: 55px; height: 55px;  text-indent: -9999px; }
#info #pant h4 a {background: transparent url(/gr/miljologo-pant.png) left top no-repeat; }
#info #prosent h4 a {background: transparent url(/gr/miljlogo-prosent.png) left top no-repeat;}
#info #klima h4 a {background: transparent url(/gr/miljologo-CO2.png) left top no-repeat;}
#madeby {clear: both; display: none;}
#omlm-tester {display: none}

/* xForm
------------------------------------------------------------------------------------------  */
.xForm {width: 600px;}
.xForm div div {padding-bottom: 15px;}
.xForm label {padding-bottom: 5px}
.xForm .tekstfelt, .xForm .tekstfelt-kort {padding: 3px 6px; border: 1px solid #999}
.xForm .tekstfelt {width: 330px}
.xForm .xformvalidator { border: 1px solid #cd4143;  background-image: none; padding: 3px 10px; margin: 10px 0 0 0; clear: both; color: #000;  }
.abs h3 {padding-top: 0}
div.xForm .xformvalidator {margin-top: 0}


/* Cupon table
------------------------------------------------------------------------------------------  */
.cupontable {padding-top: 15px; width: 583px; border: 1px solid #6699CC; border-top: none; background-color:#E0EBF5; padding: 20px 10px 0 10px; background: #E0EBF5 url(/gr/bg-rabattkoder.png) left bottom repeat-x}
.cupontable span {font-size: 1.4em; padding-right: 15px; float: left}
.cupontable a.knapp {float: left; margin-left: 10px}
.cupontable a span {font-size: 11px; padding-right: 5px}
.cupontable .txt {margin-top: -2px; width: 150px; float: left}
.cupontable p {font-size: 1.3em; display: block; clear: both;line-height: 2em; padding-bottom: 0; padding-top: 1em;}
.cupontable .xxx {padding-left: 15px; line-height: 20px}


/*
div.carttable {
    background-color:#E0EBF5;
    border:1px solid #6699CC;
    clear:both;
    margin:4em 0 0;
    padding:10px;
}
shop.css (line 30)
*/

/* nyhetsbrevpåmelding - bedrift
------------------------------------------------------------------------------------------  */
.nyhetsbrev-kampanje {width: 603px; overflow: hidden; color: #fff; background: #6699cc url(/gr/bg-nyhetsbrev-bedrift.png) left bottom no-repeat; padding-bottom: 10px; margin-bottom: 20px}
.nyhetsbrev-kampanje .inner {padding: 6px 2em; padding-bottom: 0; background: #6699cc url(/gr/bg-nyhetsbrev-bedrift-topp.png) left top no-repeat}
.nyhetsbrevGetHeader {color: #fff; padding: 0; width: 182px; height: 27px; display: block; background: transparent url(/gr/bg-nyhetsbrev-bedrift-h3.png) left 8px no-repeat; text-indent: -9999px; margin-top: -2px}
.nyhetsbrev-kampanje .swap_value {width: 300px; border: 1px solid #fff; background-color: #fff;  padding: 3px; margin-right: 1em;}
.nyhetsbrev-kampanje .knapp {}
.nyhetsbrev-kampanje p {clear: both; font-size: 1.2em; padding: 0.5em 0;}
.nyhetsbrevLeftContainer {float: left; width: 265px }
.nyhetsbrevRightContainer {float: right; width: 275px}
.nyhetsbrevBgMail { height: 19px; margin: 0 0 10px 0; padding: 0 0 0 25px; background: #fff url(/gr/newletter_email_field_bg.png) left top no-repeat; clear: both}
.nyhetsbrevBgSms { height: 19px; padding: 0 0 0 25px; background: #fff url(/gr/newletter_sms_field_bg.png) left top no-repeat; clear: both}
.nyhetsbrevBgMail input { background-color: transparent; font-size: 11px}
.nyhetsbrevBgSms input { background-color: transparent; font-size: 11px}
.nyhetsbrevLeftContainer .swap_value {width: 250px; border: 0px; background-color: transparent;  padding: 3px; margin: 0;}
.nyhetsbrevRightContainer .knapp {width: 275px;}
.nyhetsbrevRightContainer p { font-size: 11px;}

.navbuttons {width: 300px;}
.navbuttons input /* {border: 1px solid #fff; padding: 0 0 2em 0;  margin-left: 1em; margin-top: -1px; cursor: pointer; width: 80px; height: 30px; background: #fff url(/gr/btn-neste.png) left 0 no-repeat; text-indent: -9999px;} */{display: block; float: right; width: 100px; height: 40px; padding: 2em; margin-top: -2px; color: #fff; text-indent: -9999px; border: 1px solid #fff; cursor: pointer; background: #fff url(/gr/btn-neste.png) left 1px no-repeat; }

#venstre .nav-bedrift li a, #venstre .nav-meta li a, #venstre #nav-produkter li a { font-family: Arial; display: block; width: 125px; height: 24px; font-size: 13px; font-weight: bold; text-indent: 10px; padding-top: 6px; }

#prokukt-detaljvisning div.landingBox .inner p { font-size:1.2em;}
div.landingBox{ min-height:10px; }

/* Søk & Avansert søk
------------------------------------------------------------------------------------------  */
.Distributors input {margin-right: 6px; font-size: 1.2em}
.loader { position: absolute; right: 0; top: 0; }
#divSearch {margin-top: 1em; margin-right: 1em; position: relative;}
#divSearch .knapp {border: 1px solid #fff; padding: 0.5em 0;  margin-left: 1em; cursor: pointer; width: 100px; background: #fff url(/gr/btn-search.png) left 1px no-repeat; text-indent: -9999px;} 
.searchCap {display: none}
#divSearch {position: relative; width: 603px; padding-bottom: 5px;}
#divSearch .txt {padding: 2px 4px}
.scope {display: block; padding: 10px 5px}
.ShowAdvanced {position: absolute; display: block; right: 0; width: 205px; text-align: left; top: 5px; cursor: pointer; text-decoration: underline; font-size: 1.2em}
.ProductAdvanced {width: 563px; padding: 15px 20px; background-color: #e0ebf5; display: block; font-size: 1.2em;}
#ProductCategories {padding-top: 15px; line-height: 12px;}
#ProductCategories label {padding-right: 10px; line-height: 12px;}
.scope label {padding-right: 10px; font-size: 1.2em}
p.searchsummary {padding-top: 5px; padding-left: 5px; font-size: 1.2em; font-weight: bold; clear: both;}
p.searchsummary em.mrk {background: #fff}
div#divSearch input.txt { float: left; display: block; border: 1px solid #999; font-size: 12px; width: 320px; background-color: #fff; font-size: 1.2em; padding: 4px; margin: 0;}

/* del produkt
------------------------------------------------------------------------------------------  */

.share {width: 95px; overflow: auto; float: right; margin: 0; padding-top: 20px; margin-bottom: 20px;}
.share dt {float: left;  }
.share dd {float: left; width: 19px; display: block; padding: 0; margin: 0 0 0 3px;}
.share dd a {display: block; width: 16px; height: 16px; background: transparent url(/gr/bg-share.gif) left top no-repeat; text-indent: -9999px}
.share dd a.share-mail {background-position: -50px bottom}
.share dd a.share-facebook {background-position: 0 bottom}
.share dd a.share-twitter {background-position: -25px bottom}
.share dd a.share-mail:hover {background-position: -50px top}
.share dd a.share-facebook:hover {background-position: 0 top}
.share dd a.share-twitter:hover {background-position: -25px top}


/* faqtab panel
------------------------------------------------------------------------------------------  */
.faqtabLiEnder {clear: both;}
.faqtab {width: 603px; background: #fff url(/gr/faqtab-top.png) left top repeat-y}
.faqtab ul.tabpanel-nav {list-style-type: none; padding: 0}
.faqtab ul.tabpanel-nav li {float: left; height: 29px; margin: 1px 0 1px 0; font-weight: bold; font-size: 11px; border-right: 1px solid #c1c1c1}
.faqtab ul.tabpanel-nav li a {display: block; margin: 0; padding: 8px 15px 0 15px; color: #003366; cursor:pointer; text-decoration: none; text-transform: uppercase}
.faqtab ul.tabpanel-nav li a:hover {text-decoration: underline}
.faqtab ul.tabpanel-nav li.current {margin: 0px 0 2px 0; background: #fff url(/gr/faqtab-top_current.png) -1px top no-repeat}
.faqtab ul.tabpanel-nav li.current:first-child {background-position: left top}


/* FAQ
-----------------------------------------------------------------------------------------  */
.faqContainer {padding: 20px 0 20px 0; background: #fff url(/gr/faq_cont.gif) bottom left no-repeat;}
.faqHeaderContainer {height: 20px;}
.faqHeaderSpm {float: left; margin-left: 25px}
.faqHeaderSvar {float: right; margin-right: 235px}
.faqHeaderSpm h3{margin: 0; padding: 0;}
.faqHeaderSvar h3{margin: 0; padding: 0;}

ul.faqs {list-style-type: none; margin: 20px 0 0 0; padding: 0; margin-left: 15px; width: 270px; position: relative;}
ul.faqs h3 {color: #000; font-size: 1.1em; line-height :1.3em; padding: 5px 10px;}
ul.faqs div {width: 265px; position: absolute; left: 310px; top: 5px; background-color: #fff; display: none;} 
ul.faqs li.current div {display: block}
ul.faqs li {color: #000;  width: 265px; margin: 10px 0 0 0;padding-right: 36px; background: #fff url(/gr/bg-faq.png) 264px center no-repeat; /*overflow :auto*/}

ul.faqs li.current {background: #e7e7e7 url(/gr/bg-faq-current.png) 265px center no-repeat; width: 265px;}
ul.faqs li.current h3 {background-color: #e7e7e7}
ul.faqs li h3.alt {background-color: #fff}
ul.faqs li h3.alt2 {background-color: #fff}
ul.faqs li.current h3.alt {background-color: #e7e7e7}
ul.faqs li.current h3.alt2 {background-color: #e7e7e7}
ul.faqs p {display:block; font-style:normal; margin-bottom: 5px; margin-left: 0; margin-top: 0; width: 250px;}
ul.faqs li:hover h3.alt, ul.faqs li:hover h3 {cursor: pointer; background-color: #e7e7e7}
ul.faqs li:hover h3.alt2, ul.faqs li:hover h3 {cursor: pointer; background-color: #e7e7e7}

ul.faqs li div.answer { word-wrap: break-word}
ul.faqs li div.answer ul {list-style-type: disc; padding-left: 15px; padding-bottom: 8px;  word-wrap: break-word}
ul.faqs li div.answer li {display:block; background: transparent; width: 250px; padding: 0 0 0 0; margin: 0; word-wrap: break-word}
ul.faqs li {}



/* Tab panel
------------------------------------------------------------------------------------------  */
.tabpanel {width: 603px; background: transparent url(/gr/tabpanel-bottom.png) left bottom no-repeat; padding-bottom: 4px; margin-top: 50px}
.tabpanel .inner {border: 1px solid #c1c1c1; border-bottom: none; border-top: none; padding-bottom: 10px}
.tabpanel ul.tabpanel-nav {position: relative; list-style-type: none; display: block; width: 603px; height: 35px; background: #fff url(/gr/tabpanel-top.png) left bottom no-repeat; background-image: gr/pane-top.png;  margin: 0; padding: 0; margin-left: -1px; margin-top: -35px; margin-bottom: 20px}
.tabpanel ul.tabpanel-nav li {float: left; font-weight: bold; font-size: 11px;}
.tabpanel ul.tabpanel-nav li a {color: #003366; cursor:pointer; text-decoration: none; padding: 0 15px; display: block; height: 23px; border-right: 1px solid #c1c1c1; border-left: 1px solid #c1c1c1; margin-left :-1px; margin-top: 4px; padding-top: 8px; text-transform: uppercase}
.tabpanel ul.tabpanel-nav li.current a {height: 23px; margin-top: 0;  padding-top: 11px; background: #fff; border-top: 1px solid #c1c1c1}
.tabpanel ul.tabpanel-nav li a:hover {text-decoration: underline}
.tabpanel ul.tabpanel-nav li:first-child a {border-left: none}
.tabpanel ul.tabpanel-nav li.current:first-child a {border-left: 1px solid #c1c1c1; margin-left: 0}
.tabpanel label {font-size: 11px; margin:0; padding:0 0 0 15px; width: 125px;}
.tabpanel .qqq {background-color: #e0ebf5;  padding: 20px 0; margin-top: 10px; border-top: 1px solid #c0cbd4; border-bottom: 1px solid #c0cbd4; margin-bottom: 20px; margin-left: 1px}
.tabpanel .txt {border:1px solid #999999; font-size:11px; padding:4px; width: 200px; margin-bottom: 15px}
.tabpanel .txt-long {border:1px solid #999999; font-size:11px; padding:4px; width: 300px; margin-bottom: 15px}
.tabpanel p {margin-left: 140px; display: block; font-style: italic; margin-top: -5px; width: 400px;margin-bottom: 5px;}
.tabpanel h4 {font-size: 16px; font-weight: bold; padding: 15px; border-top: 1px solid #c1c1c1; margin: 10px 0 5px 0 }
.tabpanel .changeUserNameButton {margin-left: 140px; margin-top:10px}
.tabpanel h5.first {border: none}
.tabpanel div.chk, div.rdb {padding: 5px 15px 0 15px;}
.tabpanel div.newsletterinfo { border-top: 1px solid #BACEE9; margin-top: 10px; padding-top: 20px;}
.tabpanel div.chk {clear: both;}
.tabpanel div.chk input { float: left; font-weight: normal}
.tabpanel div.chk label {padding: 0 10px 0 10px; display: block; float: left; width: 280px; }
.tabpanel div.rdb label { padding: 0 20px 10px 10px; }
.tabpanel div.pwd {padding-bottom: 10px;}
.tabpanel div {clear: both;}
.tabpanel a.knapp {float: right;}
.tabpanel div.ChangePwd {color: #000;}
.tabpanel div.ChangePwd input {clear: both; float: none; margin-bottom: 0;}
.tabpanel div.ChangePwd div {background-color: #F7F6F5; border: 1px solid #999;	padding: 10px; margin-top: 10px;	height: 100px;	width: 188px;}
.tabpanel div.ChangePwd div input {width: 175px;}
.tabpanel select {margin-bottom: 20px}
.tabpanel #ctl00_MainRegion_PersonalSettings1_kindergarden label  {display: block; }
.tabpanel div.carttable {background-color:#E0EBF5; border:1px solid #6699CC; clear:both; margin: 20px 10px 0 10px; padding: 10px;}
.personsettings label {font-size: 11px; margin:0; padding:0 0 0 15px; width: 125px;}
.personsettings h4, .personsettings h5 {font-size: 16px; font-weight: bold; padding: 15px; border-top: 1px solid #c1c1c1; margin: 10px 0 5px 0 }
.personsettings select {margin-bottom: 20px}
.personsettings div.ok {margin: 10px; margin-top: 30px; margin-bottom: 15px}
.personsettings div.err {margin-top: 0; margin-bottom: 15px}
div.personsettings label.lbl, div.OtherAdr label.lbl {font-size: 11px; margin:0; float: left; padding: 0 0 0 15px; width: 125px;}
div.OtherAdr {float:right;width:360px;}
.cap {padding:0 20px 10px 135px; }
.chk {display: block; overflow: auto; padding: 5px 15px}
.newsletterinfo {border-top: 1px solid #c1c1c1; margin-top: 10px; padding-top: 20px}
.registrer {margin-top: 20px}
.rdb {padding: 10px 0}
.rdb span {display: block;}
div.proddetail ul {padding: 0; margin: 0 0 0 20px; }

/* Fjellkast
------------------------------------------------------------------------------------------  */
/* #ProductRatingSummary {padding-top: 20px; width: 200px; float: left; height :20px} #ProductRatingSummary span.star {display: block; float: left; width: 20px; height: 17px; background: #fff url(/gr/icon-productrating.png) left bottom no-repeat; text-indent: -9999px} #ProductRatingSummary span.selected {background-position: left top} #ProductRatingSummary span.selectedhalf {background-position: left -18px}*/

#produkt-tekst .ProductRatingSummary {padding-top: 20px; width: 200px; float: left; height:30px}
#produkt-tekst .ProductRatingSummary span.star {display: block; float: left; width: 20px; height: 17px; background: #fff url(/gr/icon-productrating.png) left bottom no-repeat; text-indent: -9999px}
#produkt-tekst .ProductRatingSummary span.selected {background-position: left top}
#produkt-tekst .ProductRatingSummary span.selectedhalf {background-position: left -18px}
#produkt-tekst #ProductRatingCount p {clear: both;}


.Reviews .knapp, .PreviewReview .knapp {margin: 10px 0 0 20px}
#prokukt-detaljvisning p {font-size:1.1em; line-height:1.2em; padding-bottom: 5px}
.Reviews, .PreviewReview {clear:both; padding-top:40px;}
.fancybox {position: relative; width: 603px; background: transparent url(/gr/tabpanel-bottom.png) left bottom no-repeat; padding-bottom: 4px; margin-top: 30px}
.fancybox .inner {border: 1px solid #c1c1c1; border-bottom: none; border-top: none; padding-bottom: 10px}
.fancybox-header {position: relative; list-style-type: none; display: block; width: 603px; height: 35px; background: #fff url(/gr/tabpanel-top.png) left bottom no-repeat; background-image: gr/pane-top.png;  margin: 0; padding: 0; margin-left: -1px; margin-top: -35px; color: #003366; text-transform: uppercase; font-weight: bold; font-size: 11px;}
.fancybox-header h5 {font-size: 12px; font-weight: bold; padding-top: 15px; padding-left: 15px;}

.fancybox-header input, .fancybox-header a.knapp {right: 10px; position: absolute; top: -2px; font-weight: normal; text-transform: none; }
.fancybox-header .knapp {right: 10px; position: absolute; top: 0; font-weight: normal; text-transform: none; border: none; cursor: pointer;  color: #003366; text-decoration: underline; background:none}
.fancybox-header .knapp:hover {color: #6699cc}
.fancybox-header input {width: 120px;}
.fancybox-header a.knapp span {text-transform: none}

.fancybox-header .top_links {position: absolute; width: 300px; text-align: right; top: 12px; right: 15px; text-transform: none}
.fancybox-header .top_links a {color: #003366; text-decoration: none; font-size: 10px; text-transform: none}
.fancybox-header .top_links a:hover {text-decoration: underline}


.fancybox-header .toplink_showall {border-left: 1px solid #003366; padding-left: 8px; margin-left: 5px;}

.fancy_bottom .knapp {float: right; margin-right: 5px}

#reviewfancybox H5 { text-transform:none;}

.Reviews dl, .PreviewReview dl  {padding: 15px; margin: 0; }
.Reviews dt, .PreviewReview dt {font-weight: bold; font-size: 1.1em; padding: 0; margin: 0}
.Reviews dd, .PreviewReview dd {padding: 0; margin: 0; border-bottom: 1px solid #c1c1c1; padding-bottom: 10px; margin-bottom: 10px;}
.mountain {padding-top: 10px; height :20px}
.mountain span.star {display: block; float: left; width: 20px; height: 17px; background: #fff url(/gr/icon-productrating.png) left bottom no-repeat; text-indent: -9999px}
.mountain span.selectedhalf {background-position: left -18px}
.mountain span.selected {background-position: left top}
.comment {clear: both; padding: 10px 0}
.author {font-weight: bold}
.like {float: right; text-align: right; background: #fff url(/gr/ikon-likes.png) left top no-repeat; padding-left: 20px;}
.CreateReview .txt {border:1px solid #999999; font-size:11px; padding:4px; width: 200px; margin-bottom: 15px}
.CreateReview textarea.txt {width: 500px; height: 130px;}
.CreateReview .sss {padding: 15px;}
.sss h5 {padding-bottom: 15px;  font-size: 12px; font-weight: bold; display: block; clear: both}
.sss label {width: 18.5em; float: left; height: 30px}
.product-rating {width: 300px; margin-top: -2px;  float: left; height: 60px;}
.mountain, .product-rating {height :20px}
.mountain span.star, .product-rating a.star {display: block; float: left; width: 20px; height: 16px; background: #fff url(/gr/bg-productrating.png) left bottom no-repeat; text-indent: -9999px}
.mountain span.selected, .product-rating a.selected {background-position: left top}
.radios input {float: left; width: 30px; display: block;}
.radios label {float: left; width: 540px;  height: 20px}
.radios .breakmybody {border: 1px solid red}
.radios input.txt {margin-left: 30px; margin-bottom: 20px}

.Feedback {margin: 10px 0px 0px 0px; padding: 10px 5px 5px 25px; background-color: #EFEFEE}
.Feedback .like {background-color: #EFEFEE}
.Feedback-comment-ct {margin-top: 5px}
.Feedback-comment-ct a {display: block; width: 85px; color: #5377AD; text-decoration: none; background: url(/gr/ikon_kommentar.gif) top right no-repeat}
.FeedbackStormberg {margin: 10px 0px 0px 0px; padding: 10px 5px 5px 25px; background: #D5E4F3 url(/gr/feedback_sb_ikon.gif) 22px 7px no-repeat}
.FeedbackStormberg .author {margin-left: 20px}
.FeedbackStormberg .like {background-color: #D5E4F3}
.Feedback-addmy {padding: 0 18px 2px 0; background: url(/gr/ikon_kommentar.gif) top right no-repeat}
.Feedback-addmy a {font-weight: normal; text-decoration: none}
.FeedbackShowAll {margin: 2px 0 0 0}
.FeedbackShowAll a {font-weight: normal; text-decoration: none}
.FeedbackShowAll a:hover {text-decoration: underline}
.FeedbackInput {margin: 5px 0 0 0}
.FeedbackInput input {width: 200px; height: 18px; padding: 3px 3px 0 3px; border: 1px solid #8699B5}
.FeedbackTextField {margin: 10px 0 0 0}
.FeedbackAction {padding: 0 3px 0 0;}
.FeedbackAction a {float: right; display:block; width: 100px; height: 18px; margin: 10px 0 0 10px; padding-top: 5px; background-color: #D5E4F3; border: 1px solid #8699B5; text-align: center; text-decoration: none}
.FeedbackAction a:hover {background-color: #c8d9e9; text-decoration: underline}
.FeedbackTheTextField {width: 550px; height: 50px; padding: 3px 3px 0 3px; border: 1px solid #8699B5}
.FeedbackWriteCont {margin: 40px 0 20px 10px}
.FeedbackWriteCont H5 {font-size: 13px; font-weight: bold; letter-spacing: normal}
.FeedbackActionEnd {clear: both;}
.FeedbackPreview {margin: 10px 10px 0px 0px; padding: 10px 5px 10px 25px; background-color: #EFEFEE}
.FeedbackPreviewPostedBy {margin: 10px;}
.FeedbackPreviewText {margin: 10px;}
.FeedbackPreviewBtn a {margin: 0 20px 0 0; width: 180px; color: #5377AD; text-decoration: none}

.deleteComment {margin: 10px 0 0 0}
.deleteComment input {color: #003366; text-decoration: none; background: transparent url(/gr/icon_deletecomment.png) no-repeat 4px 4px; border: 1px solid #6699cc; padding: 2px 2px 2px 15px; margin: 0 0 10px 0; }
.ConfirmDelete {border: 1px solid #B30000; text-align: center; padding: 10px 0 10px 0; margin: 0 0 10px 0; }
.ConfirmDelete input {margin: 10px 10px 0 10px; width: 75px; }


/* Samleside produktanmeldelser
------------------------------------------------------------------------------------------  */
#content {margin: 0; padding: 0;}
#content1 dt {margin: 0; padding: 0; padding-left: 200px; padding-top: 10px; border-top: 1px solid #c1c1c1; clear: both; font-size: 1.2em; font-weight: bold;}
#content1 dt:first-child {border: none}
#content1 dd {margin: 0; padding: 0; float: right; width: 400px;}
#content1 .review-title {display: none}
#content1 .review-comment {font-size: 1.1em; padding: 0.5em 0 1em 0;}
#content1 .review-image {float: left; width: 160px; padding: 0 10px 10px 20px; margin-top: -15px; clear: left; overflow:hidden }
#content1 .review-author {font-size: 1.1em; font-weight: bold; padding-bottom: 15px;}
#content1 .prodtitle {display: inline-block; float: left; padding-right: 15px;}
#content1 .rating {display: inline-block; width: 125px; float: left;}
#content1 .rating span {display: block; float: left; width: 20px; height: 17px; background: #fff url(/gr/icon-productrating.png) left bottom no-repeat; text-indent: -9999px}
#content1 .rating span.selected {background-position: left top}
.rrrr {background: #fff; clear: both;}
#content2 table {font-size: 1.2em;}
#content2 span.star {display: block; float: left; width: 20px; height: 17px; background: #fff url(/gr/icon-productrating.png) left bottom no-repeat; text-indent: -9999px}
#content2 span.selectedhalf {background-position: left -18px}
#content2 span.selected {background-position: left top}
#content2 .dataTables_filter {padding: 0 10px 20px 10px;margin-bottom: 10px; border-bottom: 1px solid #c1c1c1}
#content2 .dataTables_filter input {width: 300px; padding: 5px; border: 1px solid #c1c1c1; margin-left: 10px;}
#content2 table {margin-left: 3px; border: none;}

.sorting, .sorting_asc, .sorting_desc {margin: 0 0 0 5px; font-size: 11px; font-weight: bold; color: #336699; background: url(/gr/sortbtns_off.gif) top left no-repeat; cursor: pointer}
.sorting_asc {color: #225588;  background-image: url(/gr/sortbtns_on_btm.gif)}
.sorting_desc {color: #225588;  background-image: url(/gr/sortbtns_on_top.gif)}
.sosNumofRatings {margin: 0 5px 0 0; text-align: right}
.numberOfStars {text-align: center}

#content2 table tr {vertical-align: top}
#content2 table td {border: 1px solid #fff; padding: 5px; }
#content2 table td div.ratingss {width: 120px;}
#content2 table td div.Product {width: 230px;}
#content2 table td div.Author {width: 120px;}
#content2 table td div.Date {width: 80px}
#content2 .jquerytable {width: 601px;}
#content2 .dataTables_paginate {height: 20px; padding: 10px 15px;}
#content2 .dataTables_info {border-top: 1px solid #c1c1c1; padding: 5px 15px; color: #6699cc; display: none}

.dataTables_paginate .paginate_button {border: 1px solid #ddd;	margin-right: 4px;  cursor: pointer; color: #6699cc;display: block;float: left; padding: 3px 6px; text-decoration: none;}
.dataTables_paginate .paginate_active {font-weight: bold; display: block; float: left; padding: 4px 6px 3px 6px; margin-right: 4px; background-color: #6699cc; color: #fff;}
.dataTables_paginate .paginate_button:hover {border: 1px solid  #003366; color: #003366;}
#SocialBannerOuter {width: 190px; margin-bottom: 5px; padding-top: 15px; position: relative; background: transparent url(/gr/bg-banner-white-top.png) top left no-repeat;}
#SocialBannerOuter .inner {padding: 0 15px 20px 12px; background: transparent url(/gr/bg-banner-white.png) left bottom no-repeat;}
.sosial-medarbeider {padding: 10px 0 0 0; position: relative;  }
.sosial-medarbeider .show-more {position: absolute; top: 130px; right: 4px; cursor: pointer; display: block; border: none; width: 11px; height: 11px; background: transparent url(/gr/icon-expand.png) left top no-repeat; text-indent: -9999px; }
.sosial-medarbeider .expanded {position: absolute; top: 130px; right: 4px; cursor: pointer; display: block; border: none; width: 11px; height: 11px; background: transparent url(/gr/icon-expand.png) left bottom no-repeat; text-indent: -9999px; }
.sosial-medarbeider img {width: 160px; height: 115px; padding-bottom: 5px;}
.sosial-medarbeider h3 {font-size: 1.1em; font-weight: bold; padding: 0;}
.sosial-medarbeider p.twitter-account {color: #003366}
.sosial-medarbeider p.bio {color: #003366 }
.sosial-medarbeider div.last-tweet {padding: 13px 0; background: transparent url(/gr/bg-last-tweet-top.png) left top no-repeat;} 
#SocialBannerOuter .sosial-medarbeider div.last-tweet div.inner {padding: 9px 10px 5px 10px;background: transparent url(/gr/bg-last-tweet.png) left bottom no-repeat; color: #003366}
#SocialBannerOuter h4 {font-size: 12px; font-weight: bold; padding: 0 0 5px 0;}
#SocialContentFacebook h4 {border: none; padding:0; margin: 0;}
#SocialContentFacebook {margin-left:8px}
#SocialContentFacebook h4 a {display: block; border: none; width: 601px; height: 137px; text-indent: -9999px; background: transparent url(/gr/banner-facebook.gif) left top no-repeat;}


/* Samleside Sosiale Medier
------------------------------------------------------------------------------------------  */
#SocialContentTwitter div.twitter-deck {width: 300px; display: block; float: left;}
#SocialContentTwitter div {clear: none; display: none}
#SocialContentTwitter {overflow: auto; height: 575px; position: relative;}
.TwitterBox {list-style-type: none; margin: 0; padding: 0; padding-right: 10px; height: 480px; overflow: auto;}
#SocialContentTwitter .TwitterBox li div {display: block; width: 180px; padding-bottom: 10px; padding-left: 80px;}
.TwitterBox li {clear: both; border-bottom: 1px solid #c1c1c1; overflow: auto; padding-top: 10px; padding-left: 10px; line-height: 1.4em}
.TwitterBox li.alt {background-color: #f3f3f3}
.TwitterBox a {text-decoration: none; color: #000;}
.TwitterBox strong {font-weight: normal; color: #000; display: block; width: 180px; padding-left: 80px;}
.TwitterBox strong a {font-weight: bold; }
.TwitterBox img {width: 48px; height: 48px; float: left; padding-bottom: 15px;}
.twittertext {overflow:hidden}
.twitter-deck h4 {font-size: 12px; border: none; margin: 0; padding: 15px 0 10px 10px;}
.LatestComments h3 {font-size: 12px; font-weight: bold; padding: 14px 0 0 0; line-height: 16px;}
.TwitterBox img {float: left; padding-right: 15px;}
.TwitterBox strong {float: left; width: 198px; padding: 0;}
#SocialContentTwitter .TwitterBox li div {float: left; display: inline; width: 195px; padding: 0 0 10px 0; margin: 0; clear: none;}
#SocialContentTwitter a.goto-twitter {clear: both; background: transparent url(/gr/btn-goto-twitter.png) center 10px no-repeat; display: block; text-indent: -9999px; height: 47px; position: absolute; top: 525px; left: 175px; width: 240px;}
#SocialContentBlog h4 {height: 117px; background: transparent url(/gr/heading-blog.jpg) left top no-repeat; margin:0; padding: 0;  text-indent: -9999px;}
#SocialContentBlog { overflow: auto; background: transparent url(/gr/bg-LatestComments.png) right top repeat-y;}

.tabpanel .BlogContent {width: 321px; float: left; padding: 15px; clear: none}
.tabpanel .BlogContent h5 {border: none; font-size: 12px; line-height: 16px;  font-weight: bold; padding: 0; margin: 0; padding: 10px 0;}
.tabpanel .BlogContent h5 a {text-decoration: none;}
.tabpanel .BlogContent a.totheblog {background: transparent url(/gr/btn-linktilbloggen.png) center 10px no-repeat; display: block; text-indent: -9999px; height: 47px;}
.tabpanel .LatestComments h5 {border: none; font-size: 11px; line-height: 14px;  font-weight: bold; padding: 0; margin: 0; padding: 10px 0 5px 0;}
.tabpanel .LatestComments h5 a {text-decoration: none;}
.tabpanel .LatestComments {float: right; width: 210px; color: #003366;  clear: none; padding: 10px 15px; }

#SocialNetworks {clear:both;}
#SocialNetworks h4 {font-size: 12px; font-weight: bold}
.SocialNetworksItem {float: left; width: 86px; height: 85px; margin: 20px 0 20px 0; text-align: center; font-weight: bold}
.SocialNetworksItem img { margin-bottom: 10px}


/* PunchOrders 
-------------------------------------------------------------------------------------------*/
.punchOrder {margin: 20px 0 0 0}
.punchOrder table {width: 100%; border: 0px; margin: 20px 0 10px 0;}
.punchOrder th {padding: 5px; font-size: 13px; border: 1px solid #ccc }
.punchOrder td {padding: 5px; border: 0px; border: 0px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.punchOrderRowOdd { background-color: #fff; border-left: 1px solid #ccc}
.punchOrderRowEven { background-color: #eee; border-left: 1px solid #ccc}
.punchOrder td input {padding: 2px; width: 75px; border: 1px solid #ccc;}
.punchOrder td.punchOrderColStr select {padding: 2px; width: 75px;  border: 1px solid #ccc;}
.punchOrder td.punchOrderColAnt select {padding: 2px; width: 48px;  border: 1px solid #ccc;}
.punchOrderColNum { width: 15px; border-left: 2px solid #ccc}
.punchOrderColVare { width: 80px;}
.punchOrderColStr { width: 75px;}
.punchOrderColAnt { width: 50px;}
.punchOrderColVareTekst { }
.punchOrderColFarge { }
.punchOrderColSlett { width: 20px;}
.punchOrderBtnNy {float: left; margin: 10px 0 10px 0; padding: 4px;}
.punchOrderBtnClear {float: right; margin: 10px 0 10px 0;  padding: 4px; }
.punchOrderBtnBestill {clear: both; float: right; margin: 5px 0 0 0; font-weight: bold; font-size: 12px; padding: 0 0 1px 5px; display: block; width: 165px; height: 27px; border: 0px; color: #fff; background-color:#79BA00; background-image: url(../gr/btn-addtocart-punchorders.gif); background-position: left top; background-repeat: no-repeat}
.punchOrderBtnBestill:hover {background-position: left bottom}
.punchOrderFeedback {color: #cc0000; font-weight: bold; text-align: center}


/* Bestill katalog
------------------------------------------------------------------------------------------  */
.orderCatHeader {margin: 20px 0 20px 0; clear: both; font-size: 12px; }
.orderCatSubHeader {margin: 40px 0 0 0; clear: both; font-size: 12px; }
.orderCatLine {clear: both; font-size: 14px; height: 20px; margin: 10px 0 0 0;}
.orderCatLine label {display: block; float:left; margin: 10px 0 0 0; padding: 0; width: 150px; height: 16px; font-size: 12px;  }
.orderCatLine input {float:left; margin: 5px 0 0 5px;  padding: 2px 2px 2px 2px; width: 180px; height: 18px; font-size: 11px; color: #003366; border: 1px solid #6699CC; font-size: 11px}
.orderCatLine .orderZipCodeSpecials { width: 40px}
.orderCatLine .orderFullWidthSpecials  { width: 370px}
.orderCatLine .orderCitySpecials { width: 320px}
.orderCatLine .orderSendButton {width: 200px; height: 25px; margin: 25px 0 30px 0; background-color: #99CCFF; font-size: 13px}
.orderCatLine .orderSendButton:hover {background-color: #BBDDFF}
.orderCatLineWarning {font-style: italic; margin: 20px 0 30px 0}
.orderCatLineFeedback { clear: both; display: block; color: #cc0000; font-size: 12px; font-weight: bold; margin: 30px 0 0 0; border: 2px solid #cc0000; padding: 10px}
.orderCatLineFeedbackOK { clear: both; display: block; color: #00cc00; font-size: 12px; font-weight: bold; margin: 40px 0 0 0; border: 2px solid #00cc00; padding: 10px}
#brosjyre {width: 420px; height: 300px; overflow: hidden}


/* IE6 Warning box
------------------------------------------------------------------------------------------  */
#oldBrowser { display: none;}


/* Avansert søk
------------------------------------------------------------------------------------------  */
.advSokFriBlokk {position: relative; width: 380px; height: 70px; margin: 50px 0 20px 0;}
.advSokSokFieldCont {position: absolute; left: 0px; top: 0px; width: 265px; height: 26px;}
.advSokSokFieldCont input { width: 265px; height: 25px;  font-size: 18px; color: #003366; padding: 0 0 0 5px}
.advSokSokBtnCont {position: absolute; right: 0px; top: 0px; width: 90px; height: 26px; margin: 0 8px 0 0}
.advSokSokBtn {width: 90px; height: 26px; background: transparent url(../gr/advSokSokKnapp.png) left top no-repeat; border: 0; text-indent: -199px;}
.advSokSokBtn:hover { filter: alpha(opacity=90); -moz-opacity: 0.90; opacity:0.9;} 
.advSokHeading { position: relative; width: 372px; height: 25px; margin: 35px 0 0 0; border-bottom: 1px solid #a3b4c5}
.advSokHeading h3 {position: absolute; left: 0px; top: 5px; width: 280px; height: 10px; margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #557799}
.advSokHeading input {position: absolute; right: 0px; top: 0px; display: block; float: right; width: 70px; height: 22px; }
.advSokBgBlokk { display: block; margin: 0; padding: 0 0 1px 0; width: 372px; background-color: #fff; border-bottom: 1px solid #cac1c1}
.advSokBgGfx {background: transparent url(../gr/advSokBgUpper_1200.png) top left no-repeat}
.advSokBgGfx:hover {background-position: right left}
.advSokBgTopp {position: relative; height: 20px; margin: 26px 0 0 0; border-bottom: 1px solid #ececec}
.advSokHeader {position: absolute; left: 8px; top: 0px; font-size: 11px; font-weight: bold; color: #557799; }
.advSokReset {position: absolute; right: 8px; top: 0px }
.advSokReset input {background: transparent none; border: 0; font-size: 10px; font-style: italic; color: #557799; text-decoration: none}
.advSokReset input:hover {color: #003366; text-decoration: underline}
.advSokTypeSelTable { width: 370px; margin-top: 8px;}
.advSokTypeSelTable tr td label {display: block; float: left; width: 70px; height: 10px; margin: 0; padding: 0;}
.advSokTypeSelTable tr td input {display: block; float: left; width: 15px;  height: 10px; margin: 0 3px 0 0; padding: 0;}

.advSokContent {padding: 15px 5px 10px 10px; }
.advSokContent td input {display: block; float: left; margin: 0px 5px 5px 0; width: 10px; height: 10px;}
.advSokContent td label {display: block; float: left; margin: 0px 2px 6px 0; color: #557799;}
.advSokContent td label:hover {color: #003366;}
.advSokContent table {width: 100%;}
.advSokContent ul {margin: 0; padding: 0;}
.advSokContent ul li {list-style: none; margin: 0 0 4px 0; padding: 0; vertical-align: center; background: transparent url(../gr/prop-icon-default.png) 20px top no-repeat; height: 18px}
.advSokContent ul li input { margin: 0px 30px 0 0; padding: 2px 0 2px 0;}
.advSokContent ul li label  { vertical-align: top;}
.advSokContent ul li.fukttransporterende { background-image: url(../gr/prop-icon-fukttransporterende.png);}
.advSokContent ul li.glidelas-under-armene { background-image: url(../gr/prop-icon-glidelas.png);}
.advSokContent ul li.4-veis-stretch { background-image: url(../gr/prop-icon-stretch.png);}
.advSokContent ul li.tapede-sommer { background-image: url(../gr/prop-icon-tapede.png);}
.advSokContent ul li.vanntett { background-image: url(../gr/prop-icon-vanntett.png);}
.advSokContent ul li.ventilerende { background-image: url(../gr/prop-icon-ventilerende.png);}
.advSokContent ul li.vindtett { background-image: url(../gr/prop-icon-vindtett.png);}
.advSokContent ul li.2-veis-stretch { background-image: url(../gr/prop-icon-default.png);}
.advSokContent ul li.lydsvak { background-image: url(../gr/prop-icon-default.png);}
.advSokContent ul li.vannavstotende { background-image: url(../gr/prop-icon-default.png);}
.advSokContent ul li.eireks-test { background-image: url(../gr/prop-icon-default.png);}
.advSokLoader { position: absolute; top: 210px; left: 430px; z-index: 1000;}

.priceSliderContainer {position: relative; height: 30px}
#amtMin, #amtMax {display: block; border: 0; font-size: 12px; font-weight: bold; color: #557799; background-color: transparent; }
#amtMin { position:absolute; top:20px; left:0px; text-align: left;}
#amtMax { position:absolute; top:20px; left:200px; text-align: right; padding: 0 15px 0 0;}
#amtLabelMin, #amtLabelMax {display: block; width: 50px; height: 15px; font-size: 10px; font-weight: normal; font-style: italic; color: #b5b5b5; margin-top: -10px; }
#amtLabelMin { position:absolute; top:-10px; left:0px; text-align: left;}
#amtLabelMax { position:absolute; top:-10px; left:300px; text-align: right; }
.HiddenMinValue, .HiddenMaxValue, .HiddenSelectedMinValue, .HiddenSelectedMaxValue {display: none;}
/* (Se også jquery-ui-1.8.5.css) */



/* 25. nov - kjapp fiks av finn min størrelse, og justeringer i produktboksen  
------------------------------------------------------------------------------------ */
.info-diverse {overflow: auto; margin-top: 10px; width: 260px; }
.info-betingelser {height: 24px; display: block; float: left; width: 120px;  padding-top: 6px;}
.info-storrelser {height: 24px; display: block; width: 115px; padding: 0; padding-top: 6px; background: transparent url(/gr/ikon-finndinstorrelse.png) 0px top no-repeat;}
.info-storrelser a {font-weight: normal; color: #003366}
.info-storrelser { text-align: right;  background-color: transparent; margin-top: 0; margin-bottom:0; margin-left:auto; margin-right:auto; clear: none;}
.PayLink {display: inline; padding: 0; margin: 0; text-align: left;}
.produkt-bestill-cnt {display:block; height:27px; width:260px; margin: 0; background:#79BA00 url("/gr/btn-addtocart-new.gif") left top no-repeat;}
.produkt-pris {clear:both; margin:0 auto; padding: 0 0 10px 0; text-align: center;}
.produkt-prislapp {font-size: 30px;}
.produkt-bestilling .inner {padding:5px 15px 5px 20px;}

.postensklimanoytralepakker { text-align: right}

.showMe{ display: block;clear: both;border: none; border-bottom: 1px solid #999;padding-top: 20px;margin-bottom: 20px;}
.newsletter-subscription strong {color: #fff; font-size: 16px; padding-bottom: 7px; display: block; }
.swap_value{width:280px; padding:3px 2px}