/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #807f7f;
	width: 100%;
	letter-spacing: 0px;
	background: #F0F0F0 url(img/bg_repeat.jpg) repeat-x;
    
}

h1,h2,h3,h4,h5,h6 { 
	font-family: Arial, Helvetica, sans-serif;
	color: #6b0509;
	text-transform: uppercase;
}
h1,h2
{
	text-transform: none;
}


a {text-decoration:none; color: #9C070C; text-transform: none;}
a:hover {cursor: pointer; text-decoration:underline;}
a:active {}
a:focus {outline: none; } /* 1px dotted;}*/

#skipper {
	position: absolute;
	left: -1000px;
	width: 900px;
}
#page {
	background-color: Transparent;
	background-repeat: no-repeat;
	background-position: center top;
	text-align:left;
	width:100%;
}


/* ------------ TOP ------------ */
#topcontainer {
	width:949px;
	margin:0 auto 0em auto;
}
#topcontainer .logo {
	padding:0;
	float:left;
	margin: 2px 0 0 2px;
}


/* ------------ TOPMENU ------------ */
#topmenucontainer {
	height: auto;
	margin-bottom: 10px;
	width: 949px;
}
.topmargin
{
	background: #FFF;
	margin-left: 30px;
	width: 919px;
}
#topmenu
{
	float: right;
	margin-right: 10px;
	
}
#topmenu li{
	float:left;
}
#topmenu li a{
	font-size:1.1em;
	margin: 65px 0 0 18px;
	float:left;
	color: #9C070C;
}
#payoff{
	float: right;
	background: transparent url(img/payoff.png) no-repeat;
	margin: 42px 20px 0 0;
	width: 177px;
	height: 33px;
}

/* ------------ MAINMENU ------------ */
#mainmenucontainer {
}

.mainmenuleftregion{
	float: left;
	/*width: 649px;*/
	width: 619px;
	margin-left: 30px;
	background-image: url(img/mainmenubg.png);
}
.mainmenubg2
{
	background-image: url(img/mainmenubg2.png) !important;
	background-repeat: repeat-x;
}
.mainmenubg2 #mainmenu
{
	padding: 0;
}
.mainmenubg2 #mainmenu li a
{
	padding: 10px 3px 7px 3px;
}

.mainmenurightregion{
	float: left;
	width: 300px;
}
.mainmenubottom
{
	height: 50px;
}
.mainmenubottom.mainmenuleftregion{
	background: #fff url(img/mainmenubg.png) 0em -36px repeat-x !important;
}

#mainmenu{
	float:left;
	display: inline;
	padding-bottom:11px;
	margin: 0px 0 0 31px;
}
#mainmenu li{
	float:left;
	position:relative;
}
#mainmenu li a{ 
	float: left;
	color: #FFF;
	font-size: 1.4em;
	font-weight: bold;
	margin-right:10px;
	letter-spacing: 0.02em;
	padding: 15px 3px 0 3px;
}
#mainmenu li a:hover, #mainmenu li a.current 
{
	background: transparent url(img/selected_menu_item.png) repeat-x left top;
}


/* ------------ SHOPBOX ------------ */
#shopbox
{
	display: inline;
	float: left;
	margin: 9px 0 0 30px;
	width: 619px;
	height: 27px;
}

.boxdd
{
	float: left;
}

.boxdd #county, 
.boxdd #shop
{
	display: inline;
	float: left;
	margin-right: 10px;
	background: #FFF;
	position: relative;
	z-index: 1000;
}
#shopbox #postalcode
{
    display: inline;
	float: left;
	background: #FFF;
	position: relative;
	z-index: 1000;
	width:20em;
}

/* ------------ SHOPBOX MENUS ------------ */
.boxdd #county{ width: 18em; }
.boxdd #shop{ width: 20em; }
.boxdd #vacancyType{ width: 14.7em; border: solid 1px #9C070C; margin-right: 2em; }
.boxdd #vacancyCounty{ width: 14.7em; border: solid 1px #9C070C; margin-right: 2em; }
.boxdd #vacancyDepartment{ width: 14.7em; border: solid 1px #9C070C }

.boxdd ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	background: #FFF;
	color: #000;
	width: 100%;
	line-height: 27px;
	height: 27px;
	font-size:1.2em;
	font-weight: normal;
	text-indent: 10px;
}
.boxdd #postalcode ul
{
	height: auto;
}

.boxdd a, .boxdd div.dd
{
	line-height: 27px !important;
	display: block;
	margin: 0;
}

.boxdd ul li, .boxdd ul li a
{
    line-height: 18px !important;
}

#mainmenucontainer .boxdd ul ul
{
    background: transparent;
    min-height: 20em;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
}


/* -- */

.boxdd ul li div.dd  {
	color: #000;
	border-bottom: solid 1px #CCC;
	font-weight: normal;
	width: 100%;
	float: left;
}
.boxdd ul li div.dd span {
	float: left;
}

.boxdd ul li div.dd span.arrow {
	display: inline;
	float: right;
	background: #FFF url(img/ddicon.png) right center no-repeat;
	padding-left: 5px;
	margin-right: 5px;
}

/* -- */

.boxdd a, #maincontainer .boxdd a
{
	font-size: 0.8em;
	/*text-transform: capitalize;*/
	color: #000;
	background: #efefef;
	text-decoration: none;
	border-bottom: solid 1px #CCC;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
}
.boxdd a:visited, #maincontainer .boxdd a:visited
{
	color: #000;
}
.boxdd a:hover, #maincontainer .boxdd a:hover
{
	color: #a00;
	background: #DDD;
}
.boxdd a:focus, #maincontainer .boxdd a:focus
{
	outline: none;
}

/* -- */

.boxdd li{
	position: relative;
	background: #FFF; 
}
.boxdd ul ul {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 500;
}

div.boxdd ul ul {
	display: none;
	clear: both;
}
div.boxdd ul li:hover ul {
	display: block;
}

/* disabled */
#shopbox .disabled ul li:hover ul
{
	display: none;
	clear: both;
}
#shopbox .disabled ul li div.dd
{
	color: #CCC;
}
/* */

#postalcode a.button01
{
    border-left:0px;
    border-right:0px;
}

#postalcode a.button01 span
{
    background:transparent url(img/buttonbg.png) no-repeat scroll left center;
}

/* postal code for customer paper */
.subscribeContainer
{
	background-color: #fff;
	margin-bottom:1em;
	padding-top:0.5em;
}
.subscribeContainer #customerPaperContainer {
	float:left;
	margin:2em 2em 0 2em;
	width:24em;
	color:#9C070C;
}

.ukenstilbud #customerPaper, .weeklyOfferCustomerpaper
{
	width: 50%;
	float: left;
	margin: 2em 1em 0 2em;
	color:#9C070C;
}

.ukenstilbud
{
	background-color:#fff;
	margin-bottom:1em;
}

.ukenstilbud img.rightImg
{
	float: right;
	margin-right:1em;
}

.kundeavis img.rightImg
{
	float: right;
	margin-right: 2px;
}

#customerPaper #postnrcontainer
{
	border: solid 1px #9C070C;
	width: 218px;
	
}
.rightregionnarrow #customerPaper #postnrcontainer
{
	border: solid 1px #9C070C;
	width: 143px;
}
.rightregionnarrow #customerPaper #postnrcontainer .inputText
{
	width: 57px;
}
#offerTitle
{
	font-weight:bold;
	font-size:1.6em;
	margin-bottom:1em;
}

#maincontainer a.offerlink{font-weight:bold;font-size:1.6em;}

#maincontainer .kundeavis a.offerlink
{
	float: left;
	width: 50%;
}

.pageOverride 
{
	float: none !important;
	width: auto !important;
}

#customerPaperContainer{margin-top: 2em;}

/* ------------ SHOPBOX INPUT ------------ */
#postalcode .inputText{
	width: 92px;
	font-size:1em;
}



/* ------------ SEARCHBOX ------------ */
#searchbox {
	float:left;
	margin: 0 0 9px 12px;
	width: 288px;
}
#searchbox .inputText{
	width: 202px;
}


/* ------------ INFOBOX ------------ */
#infobox
{
	float: left;
	/*background: #f5f6f5;*/
	width: 100%;
	height: 50px;
	text-align: center;
}
#infobox img
{
	margin: 8px 21px 0 0;
}


/* ------------ BREADCRUMBS ------------ */
#breadcrumbs {
	/*background: #f5f6f5;*/
	width: 919px;
	font-size: 0.9em;
	height: 20px;
	margin-left: 30px;
}
#breadcrumbs ul {
	margin-left:20px;
}
#breadcrumbs li {
	display: inline;
	float:left;
	padding: 3px 3px 0 3px;
	line-height:15px;
	text-transform: uppercase;
}
#breadcrumbs li.first {
	padding-left: 0;
}
#breadcrumbs li a, #breadcrumbs li a:visited {
	color: #000;
}
#breadcrumbs li.last,
#breadcrumbs li.last a
{
	color: #9c070c;
}


/* ------------ MAIN ------------ */
#maincontainer {
	width:949px;
	margin:0 auto;
}
#page h1{
	font-size: 2.4em;
	font-weight: bold;
	padding-bottom: 6px;
}
#page h1 a, #page h2 a, #page h3 a, #page h4 a, #page h5 a, #page h6 a
{
	color: #9c070c;
	text-transform: none;
}

#page h2{
	font-size: 2.4em;
	font-weight: bold;
	padding-bottom: 6px;
}
#page h3{
	font-size: 1.8em;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 6px;
}
#page h4{
	font-size: 1.4em;
	font-weight: normal;
	padding-bottom: 6px;
}
#page h5{
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: 6px;
}
#page h6{
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 6px;
}
#maincontainer p{
	font-size: 1.4em;
	/*padding-bottom: 15px; Commented out because of too much white space*/
	line-height: 18px;
}
#maincontainer a{
	font-size: 1.2em;
	line-height: 16px;
	display: block;
}
.mainregion a:visited{
	color: #9c070c; /* todo - change to something else? */
}

#mainarticle a
{
	display: inline;
}
#mainarticle .boxdd li a
{
	display: block !important;
}

#maincontainer h4 a, #maincontainer h5 a
{
	font-size: inherit;
	display: block;
}

#maincontainer h3 a
{
	font-size: inherit;
	line-height: 1.1em;
	display: block;
}
#maincontainer h2 a
{
	font-size: inherit;
	line-height: 1.1em;
	display: block;
}


/* ------------MAIN BODY------------ */
.mainbody
{
	margin-left: 30px;
}
.trans{
	background: transparent url(img/transbg.png);
}


/* ------------COLUMN LEFT------------ */
.leftregion {
	float:left;
	width: 454px;
}
/*.leftregion .wrap{ RAA - commented because of many white spaces
	padding-bottom: 30px;
}*/
.leftregion .text{ 
	padding: 19px 30px 0 22px;
}
.leftregion .textnarrow{ /* bottom section on the left region */
	padding: 0px 0px 20px 22px;
	position: relative;
	width: 275px;
}

.leftregionnarrow {
	float:left;
	width: 183px;
}

/* ----- leftmenu ----- */
#leftmenu
{
	padding-bottom: 30px;
	padding-right: 10px;
}

/* level 1 */
#leftmenu ul li
{
	padding: 8px 0 0 20px;
}
#leftmenu ul li li
{
	padding: 8px 0 0 15px;
}
#leftmenu ul li li li
{
	padding: 8px 0 0 15px;
}
#leftmenu ul li a{
	/*text-decoration: none;*/
	font-size: 1.2em;
	font-weight: normal;
	/*text-transform: uppercase;*/
}
#leftmenu ul li a.current{
	font-weight: bold;
}
#leftmenu ul li.childrenCollapse
{
	background: transparent url(img/arrow_red.png) 2px 10px no-repeat;
}

#leftmenu ul li.childrenExpanded
{
	background: transparent url(img/arrow_red_open.png) 2px 10px no-repeat;
}

/* level 2 */
#leftmenu ul ul li
{
	/*background: transparent url(img/arrow_gray.png) 2px 12px no-repeat;*/
}
#leftmenu ul ul li a{
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	color: #000; /* todo - hva med disse? */
}

#leftmenu ul li ul li a.current
{
	color: #000;
	font-weight: bold;
}
#leftmenu ul ul li.childrenCollapse
{
	color: #000;
	background: transparent url(img/arrow_gray.png) 2px 12px no-repeat;
}

#leftmenu ul ul li.childrenExpanded
{
	color: #000;
	background: transparent url(img/arrow_gray_open.png) 2px 12px no-repeat;
}

/* level 3 */
#leftmenu ul ul ul li
{
	background: none;
}
#leftmenu ul ul ul li a{
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	color: #7F7F7F;
}

#leftmenu ul.nobg li, #leftmenu ul.nobg li.current
{
	background: none !important;
}

/* ----- mapmenu ----- */
#mapmenu, #mapmenu2
{
	padding-left: 18px;
	padding-bottom: 30px;
	padding-right: 10px;
}

/* level 1 */
#mapmenu ul li, #mapmenu2 ul li
{
	padding: 5px 0 0 0;
}
#mapmenu ul li a{
	text-decoration: none;
	font-size: 1em !important;
	color: #9c070c;
	font-weight: normal;
	text-transform: uppercase;
}
#mapmenu ul li.current a{
	font-weight: bold;
}

/* level 2 */
#mapmenu ul ul li a
{
	font-size: 1.2em;
	text-decoration: underline;
	text-transform: none;
	font-weight: normal;
	color: #000;
}
#mapmenu ul li.current ul li a{
	font-weight: normal;
}
#mapmenu ul li.current ul li.current a
{
	font-weight: bold;
}
#mapmenu ul ul li.current
{
	color: #000;
}

/* level 3 */
#mapmenu ul ul ul li
{
	background: none;
	padding: 5px 0 0 20px;
	
}
#mapmenu ul ul ul li a{
	text-transform: none;
	font-weight: normal;
	color: #000;
}
#mapmenu ul li.current ul li.current ul li a{
	font-weight: normal;
}

#mapmenu a.normal
{
	font-size: 1.2em;
	text-transform: none;
	text-decoration: underline;
	color: #000;
}

#mapmenu2 .findRoute, #mapmenu2 .postCode
{
	padding: 0 0 20px 0;
}

#mapmenu label, #mapmenu2 label
{
	display: block;
	color: #000;
	font-size: 1.1em;
	text-transform: uppercase;
}
#mapmenu input, #mapmenu2 input
{
	float: none;
	border: 1px solid #000;
	margin-bottom: 10px;
	width: 110px;
}
#mapmenu h5, #mapmenu2 h5
{
	text-transform: uppercase;
}

#maincontainer .shopPopup a{font-size: 1em;}
#maincontainer .shopPopup{display:block; padding-bottom:1em;}

.gmnoprint{padding:0px;margin:0;position: absolute; left: 147px; top: 20px; bottom:20px;}

/* ------------SHOP INFO--------------*/
#shopInfo
{
	background: #f5f6f5;
	width: 899px;
	font-size: 1em;
	margin-left: 30px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#shopInfo h1
{
	font-size: 3em;
	font-weight: normal;
}
#shopInfo .title
{
	float: left;
	margin: 10px 30px 0 0px;
}
#shopInfo .title a
{
	color: #000;
	text-decoration: underline;
	font-size: 1.1em;
}
#shopInfo .menu
{
	float: left;
}
#shopInfo .changeShop
{
	padding: 5px 0px 10px 0px;
}

/* ------------COLUMN MIDDLE------------ */
.mainregion {
	float:left;
	width: 533px;
	margin: 0 0 0 10px;
	text-align: left;
}
.mainregionwide {
	float:left;
	width: 716px;
	padding: 0 0 0 10px;
}


/* ------------COLUMN RIGHT------------ */
.rightregion {
	float:left;
	width: 455px;
	padding: 0 0 0 10px;
}
.rightregion .wrap{
	padding: 15px 0 15px 0;
}
.rightregion .campaign
{
	padding: 15px;
	margin-bottom: 10px;
}
#page .rightregion .campaign .text
{
	width: 180px;
}

#page .rightregion .campaign img
{
	width: 225px;
}

.rightregion .text{ 
	padding: 8px 30px 0 22px;
}

#page .rightregion .text
{
    float:none;
}

#page .rightregion .textl
{
    float:left;
}

.rightregionnarrow {
	float:right;
	width: 183px;
	overflow: hidden;
}
.rightregionnarrow h3
{
	position: relative;
}
.rightregionnarrow img
{
	width: 143px;
}
#maincontainer .rightregionnarrow a{
	font-size: 1.1em;
	text-decoration: none;
	padding-bottom: .4em;
}
#maincontainer .rightregionnarrow a:hover{
	text-decoration: underline;
}
#maincontainer .rightregionnarrow .pad2
{
	padding-bottom: 0px;
}


.rightregionnarrow h5
{
	padding-bottom: 0px !important;
}
.rightregionnarrow h5 a
{
	font-size: 1em !important;
	margin-bottom: 0px !important;
	margin-top: 3px !important;
}

.rightregionnarrow .banner .rec_image
{
	float: left;
	/*width: 66px;*/
	width: 14em;
	margin-right: 10px;
}
.rightregionnarrow .banner .rec_links
{
	display: inline;
}
.rightregionnarrow .banner .rec_links a
{
   /* position: relative;
	display: inline !important;*/
}

.rightregionnarrow .text_black p
{
	padding-bottom: 0px !important;
}
#maincontainer .rightregionnarrow p
{
	font-size: 1em;
	line-height: inherit;
}

/* ------------ WRAP ------------ */
.wrap{
	background: #FFF;
	padding-top: 10px;
	margin-bottom: 11px;
}

.wrapcampaign{
	background: #FFF;
}

.wrapcampaignlinks{
	background: #FFF;
	margin-bottom: 11px;
}

.wrapcampaignsmall{
	background: #FFF;
	padding-top: 10px;
}

.wrapcampaignlinkssmall{
	background: #FFF;
	padding-top: 10px;
	margin-bottom: 11px;
}

/*.wrap.ukenstilbud{
	padding: 18px 0 35px 0;
}
.wrap.middagstips{
	padding: 10px 0 90px 0;
}*/
#page .middagstips img.image
{
	width: 18.7em;
	float: left;
}
#page .middagstips .text
{
    float: left;
    width: 20.5em;
    padding: 0 1.2em;
}
#page .middagstips .text h3 a
{
    text-transform: uppercase;
}


/* ------------ FLOATING ------------ */

.floating img{ 
	float: left;
}
.floating .left_element_text
{
	float: left; 
	width: 210px;
	padding-left: 10px;
}

.rightregion  .floating .text{ 
	float: left;
	padding: 0 0 0 10px;
	width: 200px;
}
.rightregionnarrow  .floating
{
	margin-bottom: 10px;
}
.rightregionnarrow  .floating .text{ 
	float: left;
	padding: 0 0 0 5px;
	width: 88px;
}

/* contact us */
.contactus
{
	float: left;
	width: 207px;
	font-size: 1.2em;
	color: #000;
}
.contactus a
{
	display: inline !important;
	font-size: 1em !important;
}

/* ------------ FLOATWRAP ------------ */
/*width and height are used from image size*/
.flt
{
	float: left;
	margin:0 0 10px 0;
	padding-top: 10px;
	background: #FFF;
}
.fltm
{
	float: left;
	margin:0 15px 10px 0;
	padding-top: 10px;
	background: #FFF;
}

.fltwrap
{
	float: left;
	width: 220px;
	margin:0 0 10px 0;
	padding-top: 10px;
	background: #FFF;
	height: 170px;
}

.fltwrapm
{
	float: left;
	width: 220px;
	margin:0 15px 10px 0;
	padding-top: 10px;
	background: #FFF;
	height: 170px;
}

.leftregion .fltwrapm
{
	width: 219px;
	height: auto;
}

.eQ
{
	height: auto;
}

/*
.leftregion .fltwrapm, .leftregion .fltwrap
{
	height: 160px;
}
*/

/* opening hours */
.wrap .openinghours
{
	margin: 0 0 10px 10px;
	padding: 10px 10px 10px 10px; 
}
.fltwrap .openinghours, .fltwrapm .openinghours
{
	margin: 0 0 10px 0px;
	padding: 10px 10px 0 20px; 
}
.openinghours h3, .openinghours h4
{
	font-weight: bold !important;
	text-transform: uppercase;
	font-size: 1.8em !important;
}
.openinghours p
{
	color: #000;
	font-size: 1.1em !important;
	font-weight: bold;
}
.openinghours .fltlft
{
	padding: 0;
}


/* ----------- FILLED ----------- */
.filled
{
	background: #FFF;
	padding-top: 10px;
}


/* ------------ VIDEO ------------ */
.video{
	position: relative;
	width: 152px; /* should perhaps be auto, except in ie6 */
}
.video .play{
	position: absolute;
	width: 100%;
	height: 100%; /* might have to change this if the image / video height is dynamic */
	background: transparent url(img/play.png) center center no-repeat;
	z-index: 100;
}
.video .playsmall
{
	position: absolute;
	width: 100%;
	height: 100%; /* might have to change this if the image / video height is dynamic */
	background: transparent url(img/play_small.png) center center no-repeat;
	z-index: 100;
}
.displaynone
{
	display: none;
}
/*Rotation Banner*/
.rotBanner
{
    position:relative;
}


/* ------------ STICKERS ------------ */
#subscribeSticker /* ie6 fix */
{
	position: relative;
	float: right;
}

.sticker_left
{
	position: relative;
	top: -21px;
	width: 147px;
	height: 148px;
	background: transparent url(img/sticker_1.png) left top no-repeat;
	padding-right: 3px;
	z-index: 1;
}
.sticker_container
{
	position: relative;
	float: right;
}
.sticker_shop .sticker_left
{
	background: transparent url(img/sticker_aktuelt_butikk.png) left top no-repeat;
}
.sticker_left_newsletter
{
	position: relative;
	width: 147px;
	height: 148px;
	background: transparent url(img/nyhetsbrev.png) left top no-repeat;
	margin-bottom: 30px;
	padding-right: 3px;
}
.sticker_left_newsletter_wcontent
{
	position: relative;
	top: -21px;
}
.sticker_left_newsletter a
{
	display: block;
	width: 100%;
	height: 100%;
}

.sticker
{
	float: left;
	position: relative;
}
/* nested this inside sticker so the absolute position doesn't mess it up */
.sticker_middle
{
	position: absolute;
	top: 3px;
	left: -95px;
	width: 152px;
	height: 149px;
	background: transparent url(img/sticker_r1.png) left top no-repeat;
}
/*
.sticker_right1
{
	position: absolute;
	top: 3px;
	left: 333px;
	width: 152px;
	height: 149px;
	background: transparent url(img/tilbudene_rett.png) left top no-repeat;
}
.sticker_right2
{
	position: absolute;
	top: 3px;
	left: 333px;
	width: 152px;
	height: 149px;
	margin-top: 50px;
	background: transparent url(img/middagene_rett.png) left top no-repeat;
}*/


/* ------------ CONTROL BOX ------------ */
#controlbox
{
	position: relative;
	width: 400px;
	padding: 1em 0;
	margin-left: 30px;
	height: 15px;
}
#controlbox .contentTop
{
	display: block;
	position: absolute;
	top: -52px;
	left: 0;
	/*margin-top: -58px; */
	/*width: 100%;*/
	width: 193px; /*needed in ff, chrome, safari and opera to avoid "hiding" pager numbers*/
}
#controlbox .contentBottom
{
	top: -10px;
	position: absolute;
	display: block;
	width: 100%;
}
#controlbox a
{
	display: inline;
	float: left;
	line-height: 27px;
	margin-bottom:8px;
	margin-right:5px;
}
#controlbox a.hiddentext 
{
	overflow: hidden;
	text-indent:-999em;
}

#controlbox a.icon-print
{
	width: 25px;
	height: 25px;
	background: transparent url(img/Spar_ico_print.png) center center no-repeat;
}
#controlbox a.icon-print:hover
{
	background: transparent url(img/Spar_ico_print_hover.png) center center no-repeat;
}
#controlbox a.icon-mail
{
	width: 25px;
	height: 25px;
	background: transparent url(img/Spar_ico_mail.png) left top no-repeat;
}
#controlbox a.icon-mail:hover
{
	background: transparent url(img/Spar_ico_mail_hover.png) left top no-repeat;
}
#controlbox a.icon-fb
{
	width: 25px;
	height: 25px;
	background: transparent url(img/Spar_footer_facebook.png) left top no-repeat;
}
#controlbox a.icon-fb:hover
{
	background: transparent url(img/Spar_footer_facebook_hover.png) left top no-repeat;
}
#controlbox a.icon-twitter
{
	width: 25px;
	height: 25px;
	background: transparent url(img/Spar_ico_twitter.png) left top no-repeat;
}
#controlbox a.icon-twitter:hover
{
	background: transparent url(img/Spar_ico_twitter_hover.png) left top no-repeat;
}
#controlbox a.icon-delicious
{
	width: 25px;
	height: 25px;
	background: transparent url(img/Spar_ico_delicous.png) left top no-repeat;
}
#controlbox a.icon-delicious:hover
{
	background: transparent url(img/Spar_ico_delicous_hover.png) left top no-repeat;
}
#controlbox a.icon-digg
{
	width: 25px;
	height: 25px;
	background: transparent url(img/Spar_ico_digg.png) left top no-repeat;
}
#controlbox a.icon-digg:hover
{
	background: transparent url(img/Spar_ico_digg_hover.png) left top no-repeat;
}

/* ------------ FOOTER ------------ */
#footercontainer {
	float:left;
	z-index: 100;
/*
stuck to the bottom: 
	position: absolute;
	bottom: 0px;
*/
	width: 100%;
	background: #be1016 url(img/footerbg.png) left top repeat-x;
}
#footercontainer h4
{
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}
#footer
{
	width: 949px;
	height: 180px;
	overflow: visible;
	margin: 23px auto 0 auto;
	color: #FFF;
}
#footer address, #footer p
{
	font-size: 1.1em;
}
#footer .footercol{
	float: left;
	display: inline;
	margin: 0 0 0 30px;
}
#footer .footercol h4{
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}
#footer .footercol a{
	line-height: 18px;
	color: #FFF;
	font-size: 1.1em;
	text-decoration: underline;
}
/* ------------FOOTER SHOP--------------*/
#contactShop
{
	float: left;
	width: 260px;
	margin: 10px 0 20px 40px;
}
#footer #contactShop a
{
	color: #fff;
}
#openingHours
{
	float: left;
	width: 181px;
	margin: 10px 0 20px 0;
}

/* ------------ YR ------------ */
#yr
{
	float: left;
}
#yr_frame
{
	width: 468px;
	height: 290px;
	overflow: hidden;
	margin: 10px 0 10px 0;
	border: 0;
	/*width="468" height="290" frameborder="0" style="margin: 10px 0 10px 0" scrolling="no"*/

}

/* ------------ GENERAL ------------ */

fieldset{
}
textarea {
}
address{
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
    display: inline-block;
}
.clearfix
{
    display: block;
}


.clearfloat {
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
	visibility: hidden;
}
.fltrt {
	width:auto;
	float:right;
	margin-left: 10px;
}
.fltlft {
	width:auto;
	float:left;
	margin-right: 10px;
}

.inputText{
	float:left;
	margin:0;
	padding: 6px 10px 0px 10px;
	border: none;
	background:#FFF;	
	font-size:1.2em;
	color: #000;
	height: 19px;
}
.inputText:focus{
	background: #fff;
	color: #000;
}
.imageRight {
	float:right;
	padding-left:10px;
	position:relative;
}
.imageLeft {
	float:left;
	padding-right:10px;
}
.imageHeaderRight{
	margin-left: 20px;
}
.imageMedium
{
	width: 300px;
}
.smallImage 
{
	/*width: 66px !important;*/
	width: 14em;
}

.fat
{
	font-weight: bold !important;
}
.nodec
{
	text-decoration: none !important;
}
.nopad
{
	padding: 0;
	padding-bottom: 0;
}
.pad2
{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.pad2s
{
	padding-left: 20px;
	padding-right: 20px;
}
.pad2left
{
	padding-left: 20px;
}
.pad1
{
	padding-left: 10px;
	padding-right: 10px;
}
.pad1l
{
	padding-left: 10px;
}
.pad1t
{
	padding-top: 10px;
}
.marg1
{
	margin-left: 10px;
	margin-right: 10px;
}
.marg1t
{
	margin-top: 10px !important;
}
.marg1l
{
	margin-left: 10px !important;
}

a.black,a.black:visited 
{
	color: #000 !important;
}

a.button01 {
	background:url(img/buttonbg.png) left center no-repeat;
	float:right;
	margin: 0;
	padding: 0;
	width: 66px;
	height: 21px;
	font-size: 1em !important;
	border-top: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
	text-decoration: none !important;
}
a.button01 span {
	padding: 2px 0;
	display: block;
	color:#fff !important;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	text-indent: 10px;
	text-transform: uppercase;
	cursor:pointer;
	font-size:1.2em;
	line-height:18px;
}
a.button01:hover {
	background:url(img/buttonbg.png) left center no-repeat;
	text-decoration:none;
}
a.button02 {
	background:url(img/button2bg.png) left center repeat-y;
	float: left;
	margin: 0;
	padding: 0;
	width: 98px;
	height: 21px;
	font-size: 1em !important;
	border-top: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
	text-decoration: none !important;
}
a.button02 span {
	padding: 2px 0;
	display: block;
	color:#fff;
	width: 100%;
	margin: 0 auto;
	text-indent: 10px;
	text-align: left;
	text-transform: uppercase;
	cursor:pointer;
	font-size:1.2em;
	line-height:18px;
}
a.button02:hover {
	background:url(img/button2bg.png) left center repeat-y;
	text-decoration:none;
}

a.button03 {
	background:url(img/button3bg.png) left center repeat-y;
	float: left;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 21px;
	font-size: 1em !important;
	border-top: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
	text-decoration: none !important;
}
a.button03 span {
	padding: 2px 0;
	display: block;
	color:#fff;
	width: 100%;
	margin: 0 auto;
	text-indent: 10px;
	text-align: left;
	text-transform: uppercase;
	cursor:pointer;
	font-size:1.2em;
	line-height:18px;
}
a.button03:hover {
	background:url(img/button3bg.png) left center repeat-y;
	text-decoration:none;
}

a.button04 {
	background:url(img/button4bg.png) left center repeat-y;
	float: left;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 21px;
	font-size: 1em !important;
	border-top: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
	text-decoration: none !important;
}
a.button04 span {
	padding: 2px 0;
	display: block;
	color:#fff;
	width: 100%;
	margin: 0 auto;
	text-indent: 10px;
	text-align: left;
	text-transform: uppercase;
	cursor:pointer;
	font-size:1.2em;
	line-height:18px;
}
a.button04:hover {
	background:url(img/button4bg.png) left center repeat-y;
	text-decoration:none;
}


a.buttonwhite {
	background: #FFF;
	float:left;
	margin: 0;
	padding: 0;
	height: 21px;
	width: 85px;
	border-top: solid 1px #a3181c;
	border-bottom: solid 1px #a3181c;
	border-right: solid 1px #a3181c;
	text-decoration: none !important;
}
a.buttonwhite span {
	padding: 2px 10px;
	display: block;
	color:#a3181c;
	width: 100%;
	margin: 0 auto;
	cursor:pointer;
	font-size:1.2em;
	line-height:18px;
}
a.buttonwhite:hover span {
	text-decoration:underline;
}

a.w120
{
	width: 120px;
}





a.btnFindDirection, a.btnClearDirection
{
	float: left;
}

/* ----- STORE COLUMN LIST ----- */
#storecolumns
{
	margin: 20px 0 20px 0;
}
#storecolumns div
{
	float: left;
	width: 33%;
}
#storecolumns div a
{
	color: #9c070c !important;
	display: block !important;
}

/* ----- THEME LIST ----- */

h5.red
{
	position: relative;
	margin-top: 20px;
	text-transform: uppercase;
	line-height: 18px;
	font-weight: bold !important;
	font-size: 1em  !important;
	display: block;
	background: transparent url(img/redstripe.png) left bottom repeat-x;
	margin-bottom:10px;
}
h5.red span.numberOfHits
{
	color: #000;
}
h5.notopmarg
{
	margin-top: 0 !important;
}

.newslist
{
    width : 285px;
}

.list
{
	margin-bottom: 10px;
}

.list a.linkright
{
	float: right;
	font-size: 1.1em !important;
}
.list .item
{
	display: block;
	margin-top: 10px;
}
#page .list .item .text h6 a
{
	font-size:1.8em !important;
    font-weight:bold;
}

.list .item img
{
	float: left;
	width: 142px;
	margin-right: 10px;
}

.list .item .text
{
	width: 340px;
}

.newslist .item .text
{
	float: left; 
	width: 285px;
}

.list .item .vidLink
{
	float: left; 
}
.list .item p
{
	/* fixes issues with newslist */
	font-size: 1em !important;
	padding-bottom: 0px !important; 
}


.list .item a
{
    font-size: 1.2em;
	display: inline !important;
}
.list .item a.showVideo
{
	display: block !important;
}





/* ------------ OPPSKRIFTER MAIN ------------ */
/* --- header --- */
#header
{
	margin-bottom: 5px;
}
#header h1{
	padding-left: 0;
}
#page .video{
	float: left;
	/*margin-top:5px;*/
}
#header .text{
	padding-left: 10px;
	color: #000;
}
#header .text_mainarea
{
}
#header .text_right{
	float: left;
	width: 175px;
}
#header .text_full{
	float: left;
	width: 100%;
}
#header .text_mainarea h2
{
    font-size: 2.4em;
}
#header a
{
    display: inline;
    font-size: 1em;
}
#header .headerbody
{
	font-size: 1.2em;
	padding-bottom: 15px;
	line-height: 18px;
	color: #000;
}
#header .headerbody p
{
	font-size: 1em;
	line-height: inherit;
}

.imgthumb
{
	width: 62px;
}
.imgleft
{
	width: 308px;
	padding: 0 0 10px 0;
}
.largeimgleft
{
	width: 454px;
	padding: 0 0 10px 0;
}
.bannerImg
{
	width: 141px;
}
/*#header .fltfltMain
{
    margin-right:10px;
}*/

#page .text{
	float: left;
	font-size: 1em;
}
#page .mainareastore .text
{
    float: none;
}
#page .mainareastore .ingress
{
	position: relative;
}
#page .text_black
{
	font-size: 1.1em; 
	color: #000;
}
#page .text_black p
{
	font-size: 1em !important;
}
#page .ingress
{
    color: #807F7F;
    font-size:1.4em;
    padding-bottom:0.5em;
}
#page .ingress p{
	font-size: 1em;
	padding-bottom: 0;
	color: #807f7f;
}
#page .content
{
	font-size: 1.2em;
	padding-bottom: 15px;
	color: #000;
	line-height: 17px;
}


#page .content ol, #page .headerbody ol
{
	padding: 0 0 0 2.5em;
	margin-bottom: 1em;
	list-style-type: decimal;
}
#page .content ol ol, #page .headerbody ol ol
{
	margin-top: 0;
	margin-bottom: 0;
}
#page .content ol ol ol, #page .headerbody ol ol ol
{
	margin-top: 0;
	margin-bottom: 0;
}

#page .content ul, #page .headerbody ul
{
	padding: 0 0 0 2em;
	margin-bottom: 1em;
	list-style-type: disc;
}
#page .content ul ul, #page .headerbody ul ul
{
	list-style-type: circle;
	margin-top: 0;
	margin-bottom: 0;
}
#page .content ul ul ul, #page .headerbody ul ul ul
{
	list-style-type: square;
	margin-top: 0;
	margin-bottom: 0;
}

#page .content p
{
	font-size: 1em;
	margin-bottom: 1em;
}
#page .content p a
{
	font-size: 1em;
}

#page .text a
{
	display: inline;
	font-size: 1.2em;
}

#page .text .content a, #page .content a
{
	font-size: 1em;
}
#page .text .content h3
{
	font-size: 1.5em;
	padding: 15px 0 4px 0;
}

#page .text .content img.left
{
	margin: 0 1em 1em 0;
	float:left;
}

#page .text .content img.right
{
	margin: 0 0 1em 1em;
	float:right;
}

#page #header img.wideimg
{
	width: 455px;
}

#page .text .content p{margin:0;padding:0;}

/* --- stats --- */
#stats
{
	font-size: 1.2em;
	width: 100%;
	margin-top: 10px;
}
#stats #difficulty{
	float: left;
	width: 167px;
}
#stats #time{
	float: left;
	width: 150px;
}
#stats #stars{
	float: right;
	width: 170px;
}/*
#stars li a
{
	position: static;
	float: left;
	width: 14px;
	height: 14px;
}*/

/* text */
#stats .text{
	font-size: 1em;
	color: #9c070c;
}
#stats .text a{
	font-size: 1em;
	float: left;
	line-height: 9px;
	margin-right: 3px;
}

/* bullets */
#stats ul
{
	float: left;
	margin-bottom: 5px;
}
#stats li
{
	float: left;
	display: block;
	width: 12px;
	height: 12px;
	margin-right: 3px;
}

#stats li
{
	background: transparent url(img/circles.png) no-repeat -12px 0;
}
#stats li.set
{
	background: transparent url(img/circles.png) no-repeat 0 0;
}

#stars li
{
	width: 14px;
	height: 14px;
	background: transparent none;
}
#stars li.set, #stars li:hover
{
	background: transparent none;
}
/*
#stars li
{
	width: 14px;
	height: 14px;
	background: transparent url(img/stars.png) no-repeat -14px 0;
}
#stars li.set, #stars li:hover
{
	background: transparent url(img/stars.png) no-repeat 0 0;
}
*/

/* --- calculation --- */
#calculation
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
	color: #000;
	margin-top: 10px;
	margin-bottom: 20px;
}
#calculation .calc
{
	float: left;
	line-height: 30px;
}
#calculation .calc input
{
	width: 27px;
	padding: 3px 0 2px 0;
	text-align: center;
	background: #cfcece;
	border: none;
	height: 16px;
}

#calculation a
{
	float: left;
	margin-left: 10px;
	font-size: 1em;
	text-decoration: none;
}
#calculation a span
{
	font-size: 1.1em;
}
 .onLoadHide
 {
 	display:none;
 }

/* --- description --- */

#description h5, #stats h5
{
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
}
#description #ingredients
{
	float: left;
	width: 187px;
	font-size: 1.2em;
}
#description #ingredients a
{
	font-size: 1em;
}
#description #ingredients ul
{
	margin-bottom: 15px;
}
#description #ingredients li
{
	display: block;
	margin-bottom: 5px;
	color: #000;
}
#description #ingredients li .text
{
	float: none;
}
#description #ingredients li span.amount
{
	/*font-weight: bold;*/
}
#description #ingredients li span.units, #description #ingredients li span.textmiddle, #description #ingredients li span.textafter
{
	padding-left: 2px;
}
#description #ingredients li span.name
{
	padding-left: 5px;
}
#description #ingredients li span.text
{
	font-size: 1em;
}
#description #ingredients span.text
{
	padding: 0; margin: 0;
	color: #000;
	float: none;
	font-size: 1.2em;
	/*font-weight: bold; Dette gjorde at all tekst i oppskriftingrediensene ble uthevet*/
}
#description #ingredients .ingr
{
	padding-right: 10px;
}
#description #ingredients .ingr a
{
    display: inline;
	font-size: 1em;
	margin-right: 4px;
}
#description #howto
{
	float: left;
	width: 304px;
	color: #000;
	font-size: 1.2em;
}
#description #howto p, #description #howto ul li, #description #howto ol li
{
	color: #807f7f;
	font-size: 1.2em !important;
	padding-bottom: 5px;
}
#description #howto ul li 
{
	list-style-type:disc;
	margin-left:1.5em;
}

#description #howto ol li
{
	list-style-type:decimal;
	padding-left:0;
	margin-left:1.5em;
}


#description #howto p a, #description #howto ul li a, #description #howto ol li a
{
    display: inline;
    font-size: 1em;
}


#description #howto .referance
{
	font-size: 1.1em !important;
	color: #000;
	padding-bottom: 75px;
	padding-top: 15px;
}
#description #howto .referance a
{
	display: inline;
	font-size: 1em;
}

/* RECIPE */
.oppskrift .mainregion p
{
	font-size: 1.4em !important;
}
.oppskrift .mainregion p.referance
{
	font-size: 1.1em !important;
}
.oppskrift .mainregion p p, .oppskrift .mainregion p p p
{
	font-size: 1em !important;
}

.oppskrift .mainregion .ingress p
{
	font-size: 1em !important;		
} 

/* ----------- MAP ----------- */
#map
{
    height:755px;
}

/* -------- SHOPPING LIST -------- */

#shoppingList
{
	float:left;
	width:56em;
	background:#FFF;
	color: #000;
	text-align:left;
}
#shoppingList .shopwrap
{
	/*border: solid 1px #000;*/
	padding: 10px;
}
#shoppingList .col1
{
	float:left;
	width:210px;
	margin-right:20px;
}
#shoppingList .col2
{
	float:left;
	width:220px;
}
#shoppingList .element
{
	float:left;
	width:100%;
	margin-bottom:10px;
}
#shoppingList .element textarea
{
	margin-top: 5px;
	border: solid 1px #AAA;
	width:200px;
}
#shoppingList h1
{
	color:#31454F;
	font-size:2.6em;
	font-weight:400;
	letter-spacing:-0.5px;
	margin-bottom:14px;
}
#shoppingList .inputText
{
	margin-top: 5px;
	border: solid 1px #AAA;
	width:200px;
}
#shoppingList .captcha
{
	margin-bottom:1em
}
/* ----- STORE SERVICES ----- */
#storeServices a
{
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
}

/* ----- WEEKLY OFFER ----- */
#weeklyOffer
{
	margin-top: 10px;
	height: 100%;
}
#weeklyOffer .fltlft
{
	height: 100%;
	vertical-align: bottom;
}

.banner
{
	padding-bottom: 10px;
}

.banner  img
{
	
}

.banner a
{
	clear:both;	
}

/*----- INGREDIENT -----*/
.facts
{
    color:#000;
}
.facts div, .facts ul li span
{
    font-size:1.2em;
}
.facts div.toggleTable
{
	font-size: 1em;
}
.facts div p
{
	font-size: 1em !important;
}

#maincontainer .facts a
{
    display:inline;
    font-size:1.1em;
}
/*----- Vacancy -----*/
#maincontainer .vac_desc
{
    color:#000;
    font-size:12px;
}
#maincontainer .vac_desc a
{
	font-size: 1em;
}

#page h5.vacancy
{
    font-weight:bold;   
    text-transform:uppercase;
    font-size:12px;
}
.vac_desc p strong
{
    color:#6b0509;
    font-weight:bold;   
    text-transform:uppercase;
    font-size:12px !important;
}

.vac_desc p
{
    padding-bottom:0 !important;
    font-size:12px !important;
    padding-top:10px;
    padding-bottom:6px;
}

.vac_desc ul
{
    list-style-type:disc;
    margin-left:15px;
}

.leftcolumn
{
    font-size:12px;
    color:#000;
}

.leftcolumn .strong
{
    float:left;
    color:#6b0509;
    font-weight:bold;
    width:120px;
}
.leftcolumn .rvalue
{
    float:left;
    width:350px;
}

/* table */
.table01
{
	width: 100%;
	margin-bottom: 5px;
	font-size: 1.2em;
	color: #000;
}
.table01 th
{
	border: solid 1px #000;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
}
.table01 td
{
	
	border: solid 1px #000;
	padding: 5px 10px 5px 10px;
	border-spacing: 5px;
}

/* vacancies table */
#vacanciesTable
{
	color: #000;
	font-size: 1.2em;
	width: 100%;
}
#vacanciesTable tr.alternate
{
	background-color: #f6f5f5;
}
#vacanciesTable h5
{
	font-size: .8em !important;
}

#vacanciesTable div.description
{
	display: none;
}
#vacanciesTable td
{
	padding: 5px 3px;
}
#vacanciesTable a
{
	font-size: 1em !important;
}
#vacanciesTable tr.alt div.description strong
{
	font-weight: bold;
}
#vacanciesTable tr.alt div.description em
{
	font-style: italic;
}

#vacanciesTable tr.alt div.description p
{
	line-height: inherit;
	margin: 10px 0px 0px 0px;
	padding-bottom: 0px;
	font-size: 1em !important;
}
#vacanciesTable tr.alt div.description li
{
	list-style: disc;
	margin-left: 15px;
}

.jTPS .hideLI {
     display: none; 
}
.jTPS .hideTRf {
    display: none;
}

/* fix for hidden content in ie7 */
#mainarticle
{
	position: relative;
}

/* article fixes */



.artikkel .text
{
	width: 100%;
}
.artikkel .text .ingress
{
	font-size: 1.4em;
	color: #807f7f;
	padding-bottom: 15px;
}
.artikkel .text .ingress p
{
	padding-bottom: 0px !important;
}

.artikkel .text h4
{
	text-transform: uppercase;
	font-size: 1em !important;
	font-weight: bold !important;
}

.artikkel .mainbody span
{
	color: #000;
	font-size: 1.2em;
}
.artikkel .mainbody table, #page .headerbody table
{
	color: #000;
	font-size: 1em;
	margin-top: 1em;
	border-spacing: 0;
}
.artikkel .mainbody table caption
{
    font-weight: bold;
    text-align: center;
	margin-top: 1em;
}
.artikkel .mainbody table th
{
    font-weight: bold;
}
.artikkel .mainbody table caption, .artikkel .mainbody table th, .artikkel .mainbody table td
{
	padding: 2px;
}
.artikkel .mainbody table select, .artikkel .mainbody table input, .artikkel .mainbody table textarea
{
	margin-left: 10px;
}

.artikkel .formHeading
{
	font-size: 1.2em;
	text-transform: uppercase;
	color:#6b0509;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}



/* search results */
.searchresults .leftregionnarrow h4
{
	text-transform: uppercase;
	font-size: 1.2em !important;
	font-weight: bold !important;
}
.searchresults .leftregionnarrow h5
{
	color: #000 !important;
	font-weight: bold !important;
}
.searchresults .searchLimitElement ul li, .searchresults .showOnlyList ul li
{
	padding-top: 0 !important;
}
.searchresults .searchLimitElement ul, .searchresults .showOnlyList ul
{
	padding-bottom: 20px;
}
.searchresults .searchLimitElement ul li a, .searchresults .showOnlyList ul li a
{
	text-transform: none !important;
	color: #000 !important;
	font-size: 1em;
}
.searchresults .showOnlyList ul li a
{
	display: inline !important;
}
.searchresults .showOnlyList ul li a.closeMe
{
	margin-left: 6px;
	display: inline;
	background-color: #9C070C;
	width: 15px;
	padding: 1px 3px;
	color: #FFF !important;
	font-weight: bold !important;
}

.searchresults .mainregion .filled
{
	padding-top: 0;
}
/* search gray box */
.searchresults .searchDiv
{
	background-color: #dedede;
	padding: 10px 10px 20px 10px;
}
.searchresults .searchDiv h1
{
	font-weight: bold;
	font-size: 2.6em !important;
}
.searchresults .searchDiv .inputText
{
	width: 250px;
}
.searchresults .searchDiv a.button01
{
	float: right;
	text-decoration: none;
}
.searchresults .searchInfo
{
	color:#9C070C;
	font-weight: bold;
	font-size: 1.3em;
	padding-bottom: 20px;
}
.searchresults .searchInfo span
{
	color: #000;
}

#maincontainer .searchInfo p
{
	font-size: 1em;
}

/* search tabs */
.searchresults .searchTabs
{
	border-bottom: solid 1px #DDD;
	margin-bottom: 1em;
}
.searchresults .searchTabs ul
{
	display: inline;
}
.searchresults .searchTabs ul li
{
	height: 20px;
	line-height: 20px;
	display: inline;
	padding: 3px 5px 3px 5px;
}
.searchresults .searchTabs ul li.title
{
	padding: 3px 5px 4px 0px;
}
.searchresults .searchTabs ul li.current
{
	border-bottom: solid 3px #FFF;
	border-right: solid 1px #DDD;
	border-left: solid 1px #DDD;
	border-top: solid 1px #DDD;
}
.searchresults .searchTabs h5
{
	font-size: 1em !important;
	font-weight: bold !important;
}
.searchresults .searchTabs h5 a
{
	display: inline !important;
	font-size: 1em !important;
	font-weight: bold;
}
.searchresults .searchTabs ul li h5
{
	display: inline;
	text-transform: uppercase;
}
.searchresults .searchTabs ul li h5 a
{
	color: #000 !important;
	text-decoration: underline !important;
}
.searchresults .searchTabs ul li.current h5 a
{
	text-decoration: none !important;
}


.searchresults .searchResults ul.moreInfoList li
{
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
    overflow: hidden;
    height: 12.2em;
    margin-bottom: 1em;
}
/* the search results */
.searchresults .searchResults
{
}
.searchresults .searchResults .ingress
{
	font-size: 1.2em !important;
	color: #000 !important;
}
.searchresults .searchResults .ingress p
{
	font-size: 1em !important;
	color: #000 !important;
}


.searchresults .item img
{
	float: left;
	width: 62px;
}
.searchresults .item .video
{
	width: 62px;
	margin-right: 10px;
}

.searchresults .item .vidLink
{
	float: left;
}
.searchresults .item .text
{
	float: left;
	width: 160px;
}
.searchresults .item .text h6
{
	font-size: 1em !important;
	padding: 0 !important;
}
.searchresults .item .text h6 a
{
	font-size: 1.4em !important;
	font-weight: bold !important;
}
.searchresults .item .text .ingress
{
	color: #000;
	font-size: 1.1em;
}

.readmoreRight
{
	float: right;
}

.buttonContainer
{
	display: inline-block;
}
/* no underline on the linked thumbnails */
.vidLink a
{
	text-decoration: none !important;
}

/* tip a friend */
#tipAFriend
{
	background-color: #FFF;
	width: 507px;
	color: #000;
	text-align: left;
}
#tipAFriend h4
{
	color: #6B0509;
}
#tipAFriend .fltlft
{
	width: 243px;
}
#tipAFriend .inputText
{
	clear: left;
	border: solid 1px #DEDEDE;
	margin-bottom: 5px;
	width: 90%;
}
#tipAFriend .captchaDiv
{
	width: 230px;
}
#tipAFriend .tipCaptcha
{
	width: 496px;
}
#tipAFriend textarea
{
	height: auto;
}

/* pagination */
#maincontainer .paginering
{
	text-align: right;
}
#maincontainer .paginering a
{
	display: inline;
}

#maincontainer .paginering li
{
	padding: 3px;
	display: inline;
}

/* abonnement */
.inputbg
{
    float: left;
    height: 26px;
    background: transparent url(img/inputbg.jpg) no-repeat left center;
    margin-bottom: 10px;
}
.inputbg span
{
    float: right;
    height: 26px;
    width: 95%;
    overflow: hidden;
    padding-right: 5px;
    background: transparent url(img/inputbg.jpg) no-repeat right center;
}
.feedBack
{
    float: left;
    padding-top: 5px;
    margin: 0 5px 10px;
    height: 26px;
    min-width: 30px;
}

#Abonnement .inputbg input, #AbonnementChristmas .inputbg input
{
    border: none;
    margin: 1px 10px 0 4px;
}

#Abonnement h3, #AbonnementChristmas h3
{
    font-size: 1.6em;
}

#Abonnement table, #AbonnementChristmas table 
{
    margin-top: 20px;
	width: 100%;
	border-collapse:inherit;
	font-size: 1.2em;
}
#Abonnement table tr td, #Abonnement table tr th, #AbonnementChristmas table tr td, #AbonnementChristmas table tr th
{
	padding: 5px;
	background: transparent url(img/line-red.png) repeat-x 0 100%;
}
#Abonnement table tr.noline td, #Abonnement table tr.noline th, #AbonnementChristmas table tr.noline td, #AbonnementChristmas table tr.noline th
{
	padding: 5px;
	background: transparent;
}
#Abonnement table tr th.headBlue, #AbonnementChristmas table tr th.headBlue 
{
	color: #FFF;

	text-align:center;
}
#Abonnement table tr th.headGreen, #AbonnementChristmas table tr th.headGreen {
	color: #FFF;
	text-align:center;
}
#Abonnement table tr td.bodyGray, #AbonnementChristmas table tr td.bodyGray {

	color: #000;
	padding-left: 10px;
}
#Abonnement table tr td.bodyBlue, #AbonnementChristmas table tr td.bodyBlue {
	color: #FFF;
	text-align:center;
	width:95px;
}
#Abonnement table tr td.bodyGreen, #AbonnementChristmas table tr td.bodyGreen {
	text-align:center;
	width:95px;
}
#Abonnement span.boxarrow01 span, #AbonnementChristmas span.boxarrow01 span
{
    display: block;
    width: 170px;
    margin-bottom: 5px;
}
#Abonnement div.subscrwrap, #AbonnementChristmas div.subscrwrap {
	margin:2px 0;
	font-size: 1.1em;
}
#Abonnement .inputText, #AbonnementChristmas .inputText
{
	display: block;
	float: none;
	border:1px solid #7F9DB9;
	width: 130px;
	padding: 2px 3px 0px;
	font-size: 1.1em;
}
#Abonnement .email, #AbonnementChristmas .email {
	margin-bottom:10px;
	width:230px;
}

#Abonnement .leftInfo, #AbonnementChristmas .leftInfo {
	float:left;
	margin: 10px 0 0 6px;
	width:225px;
}
#Abonnement .rightInfo, #AbonnementChristmas .rightInfo {
	float:right;
	margin-top:10px;
	width:260px;
}
#Abonnement .abonner, #AbonnementChristmas .abonner
{
	float: none;
	font-weight: bold;
}
#Abonnement .abonner span, #AbonnementChristmas .abonner span{
	font-size: 13px;
}

#maincontainer p.system-message
{
	font-size: 1.2em;
	color: #000;
}

#maincontainer p.system-message p
{
	font-size: 1.1em;
	color: #000;
}

hr.subscripbeline 
{
	border: none;

	background: url(img/Subscribeline.gif);
}

/* VIDEO IN LIGHTBOX */
#videoInLightbox
{
	padding: 35px 30px 25px 30px;
	text-align: left;
	border: solid 1px #ec1c23;
}
#videoInLightbox h1
{
	padding-bottom: 10px;
	font-size: 2.4em;
	font-weight: bold;
	text-align: left;
}
#videoInLightbox a
{
	font-size: 1.2em;
}

/* POST BANK TIPPING */
#maincontainer .postbanktipping
{
	margin-top: 20px;
}
#maincontainer .postbanktipping a
{
	float: left;
	display: block !important;
	padding-top: 5px;
	margin-right: 10px;
	text-transform: uppercase;
}


.servicePharmacy
{
	background: transparent url(img/icon_post.png) no-repeat;
	text-indent: 34px;
	height: 24px;
	line-height: 24px;
}
.serviceBank
{
	background: transparent url(img/icon_bank.png) no-repeat;
	text-indent: 34px;
	height: 24px;
	line-height: 24px;
}
.servicePost
{
	background: transparent url(img/icon_post.png) no-repeat;
	text-indent: 34px;
	height: 24px;
	line-height: 24px;
}
.serviceFlowers
{
	background: transparent url(img/icon_blomst.png) no-repeat;
	text-indent: 34px;
	height: 24px;
	line-height: 24px;
}
.serviceLottery
{
	background: transparent url(img/icon_tipping.png) no-repeat;
	text-indent: 34px;
	height: 24px;
	line-height: 24px;
}


/* employee right region */
.employee
{
	margin-top: 10px;
}
.employee a
{
	font-size: 1.2em !important;
}
.employee p, .employee .quote
{
	color: #000;
	font-size: 1.2em !important;
}

.rightregionnarrow address
{
	color: #000;
	font-size: 1.2em;
}

.rightregionnarrow .rcontacts
{
	padding-top: 30px;
}

/*listpage */

.PagingContainer{float:left; width:100%;}
.PagingContainer a.SelectedPagingItem{float:left; width: 1.5em; font-weight:bold;}
.PagingContainer a.UnselectedPagingItem{float:left; width: 1.5em;}

/* pagination fix */

#maincontainer .paginering a.selectedPage
{
	background-color: #9c070c;
	color: #FFF;
	padding: 2px 3px;
	text-decoration: none;
}

/* contact us */
#mainarticle #contactShop
{
	width: auto;
	margin: 0 0 10px 0px;
	padding: 10px 10px 0 20px; 
}
#mainarticle #contactShop h3, #mainarticle #contactShop h4
{
	font-weight: bold !important;
	text-transform: uppercase;
	font-size: 1.8em !important;
}
#mainarticle #contactShop address
{
	color: #000;
	font-size: 1.1em !important;
	font-weight: bold;
	text-transform: capitalize;
	line-height: 1.6em;
}
#mainarticle #contactShop a
{
	font-size: 1em;
}

strong
{
	font-weight: bold;
}
.imgfull
{
	width: 100%;
}
.imagetext
{
	font-size: 1.1em;
	color: #000000;
}

#page .links ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}




@media screen and (-webkit-min-device-pixel-ratio:0){
	#customerPaper #postnrcontainer { width: 228px; } 
}


.lbwCustomerPaper 
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 490px;
}

.lbwCustomerPaper .lbWindow 
{
    color: #fff;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-style:solid;
    border-color: #aaa;
    border-width: 2px;
}

.lbwCustomerPaper .lbClose
{
    float: right;
    clear: both;
}

.lbwCustomerPaper .lbWindow .lbContent
{
    clear: both;
    width: 100%;
    height: 100%;
}

#cpIframe 
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 5px;
	float: left;
}

.paddingLeft
{
	padding-left: 2em;
}

.margintop
{
	margin-top: 1em;
}

/* Markup from Spar_Editor.css */

#page .content .bold
{
	font-weight: bold;
	font-size:1em;
}

#page .content .italic
{
	font-style: italic;
	font-size:1em;
}

#page .content .underline
{
	text-decoration:underline;
	font-size:1em;
}

/* Wide page */
.bgwidepage
{
	background-color:#FFF;
	padding:1em;
}

#page .rightregion .campaign img.wideimagerightcolumn {
width:35.5em;
}


/* XFORM */
.artikkel .xFormBg1
{
	width: 453px;
	color:#111;
}

.artikkel .xFormBg1 .formImage
{
	width: 453px;
}

.artikkel .xFormBg1 h2.formHeading
{
	text-transform: none !important;
	color:#111 !important;
	font-size: 2.4em;
	font-weight: bold;
	display: block;
	margin-top: 10px;
}

.artikkel .xFormBg1 div.formIngress
{
	font-size: 1.2em !important;
	font-weight: normal;
	display: block;
	margin-bottom: 5px;
	background: transparent url(img/line-red.png) repeat-x 0 100%;
}

.artikkel .xFormBg1 p
{
	font-size: 1.2em !important;
}

.artikkel .xFormBg1 #id_matrix .xformDescription
{
	font-size: 0.9em !important;
	margin-left: 1em;
}

/*.artikkel .xFormBg1 fieldset legend
{
	display: none;
}

.artikkel .xFormBg1 fieldset input.cbxConfirmation
{
	float: left;
}*/
.artikkel .xFormBg1 fieldset label
{
	font-size: 1.1em !important;
	/*font-weight: bold;*/
	padding-bottom: 10px;
	padding-left: 5px;
}/*
.artikkel .xFormBg1 .btnDelta
{
	background: url(img/xFormBtn.png) no-repeat;
	border: none 0 #000;
	width: 166px;
	height: 25px;
	color: #FFF;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
}*/
.artikkel .xFormBg1 .button
{
	background: url("img/button2bg.png") repeat-y;
	font-size: 1.1em;    
	color: #FFFFFF;
    cursor: pointer;
    display: block;
    line-height: 18px;
    /*margin: 0 auto;*/
    /*padding: 2px 0;*/
    text-align: left;
    /*text-indent: 10px;*/
    text-transform: uppercase;
    /*width: 100%;*/
	font-weight: bold;
	border: none;
	padding: 0.1em;
}

.artikkel .xFormBg1 table
{
	font-size: 1.2em;    
	/*color: #807F7F;	*/
}

.artikkel .xFormBg1 table span
{
	font-size: 1.1em;    
	/*color: #807F7F;	*/
	/*font-weight: bold;*/
}

.artikkel .xFormBg1 .inputbg
{
    margin-left: 0.7em;
}

.artikkel .xFormBg1 .inputbg input
{
    border: none;
    margin: 1px 10px 0 4px;
}

.artikkel .xFormBg1 .inputText
{
	/*display: block;*/
	float: none;
	border:1px solid #7F9DB9;
	width: 130px;
	padding: 2px 3px 0px;
	font-size: 0.9em;
}

/*Admin page openinghours*/
.adminOpeningHours
{
	text-align: left;
	font-size: 12px;
	margin: 20px 150px;
}
.adminOpeningHours h1
{
	font-size: 30px;
	width: 50%;
	margin: 0 100px;
}
.adminOpeningHoursSeasonOverview
{
	margin: 20px 100px;
}
.adminOpeningHoursSeasonOverview .seasonOverviewColum
{
	float: left;
	margin-right: 20px;
}
.lastUpdate
{
	float: right;
}
.adminOpeningHoursTabBtnDiv
{
	margin: 0 50px;
}
.adminOpeningHoursTabBtn
{
	background-color: #777;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	border: solid 1px #000;
	border-bottom-color: #777;
}
.adminOpeningHoursTabBtnSelected
{
	background-color: #777;
	color: #FFF;
	font-weight: bold;
	padding: 10px 10px 5px;
	border: solid 1px #000;
	border-bottom-color: #777;
}
.adminGridViewOpeningHours
{
	min-width: 1300px;
	margin: 0 auto;
	border-top: solid 1px #000;
}
.adminGridViewOpeningHours .GridView
{
	color: #777;
	border-color: #777;
}
.adminGridViewOpeningHoursSelectRegion
{
	float: left;
}
.adminGridViewOpeningHoursDescription
{
	float: left;
	margin-left: 100px;
	width: 70%;
}
.adminGridViewOpeningHours .GridViewRow td
{
	padding: 0 10px;
}

.adminGridViewOpeningHours table#ctl00_MainContainerRegion_grvStoreHeader td
{
	visibility:hidden;
}

.adminGridViewOpeningHours table#ctl00_MainContainerRegion_grvStore th
{
	visibility:hidden;
}

.adminGridViewOpeningHours table#ctl00_MainContainerRegion_grvStoreHeader .GridViewRow,
.adminGridViewOpeningHours table#ctl00_MainContainerRegion_grvStoreHeader .GridViewAltRow
{
	visibility:collapse;
}
.adminGridViewOpeningHours table#ctl00_MainContainerRegion_grvStore .GridViewHeader
{
	visibility:collapse;
}
.adminGridViewOpeningHours .tableScroll
{
	max-height: 400px;
    overflow: auto;
	float: left;
	margin-right: auto;
	border-bottom: black solid 1px;	
}
.adminGridViewOpeningHours .tableScroll div
{
	float: left;
	margin-right: auto;
}
.adminGridViewOpeningHours .headerTableScroll div
{
	padding-right: 15px;
}
.adminGridViewOpeningHours .headerTableScroll
{
	float: left;
}
.adminGridViewOpeningHours .GridViewHeader th
{
	padding: 5px;
	background-color: #777;
	color: #FFF;
	font-weight: normal;
}
.adminGridViewOpeningHours .GridViewRow td
{
	padding: 5px;
}
.adminGridViewOpeningHours .GridViewAltRow td
{
	background-color: #DDD;
	padding: 5px;
}
.adminGridViewOpeningHours .GridViewPager
{
	background-color: #777;
}
.adminGridViewOpeningHours .GridViewPager td table
{
	padding: 10px;
	margin: 5px auto;
}
.adminGridViewOpeningHours .GridViewPager td a
{
	margin: 0 5px;
	color: #FFF;
	font-weight: bold;
}
.adminGridViewOpeningHours .GridViewPager td span
{
	margin: 0 5px;
	color: #DDD;
	font-weight: bold;
	text-decoration: underline;
}

table#ctl00_MainContainerRegion_grvMassUpdate
{
	float: left;
	margin-right: 30px;
}

.adminGridViewOpeningHours .tableScrollSpecificMassUpdate
{
	max-height: 400px;
    overflow: auto;
	float: left;
	margin-right: auto;
	border-bottom: black solid 1px;	
	width: 200px;
}

table#ctl00_MainContainerRegion_grvSpecificMassUpdate
{
	float: left;
	width: 100%;
}

table#ctl00_MainContainerRegion_grvSpecificMassUpdate .GridViewHeader
{
	display: none;
}

table#grvSpecificMassUpdateHeader
{
	width: 200px;
}

.SpecificMassUpdateCheckBox
{
	width: 24px;
}

.SpecificMassUpdateName
{
	width: auto;
}

