/**
 * Stilark for nye www.ccvest.no
 * 
 * @author	Thomas Sømoen <thomas@apt.no>
 * @version	2009-09-30
 */


/*	FARGER
		Bakgrunn på siden:	#fff
		Bakgrunn forside	#0f0f0f
		Tekst, generelt:	#3f3f3f
		
	
	FONTER
		Body:				Verdana, Arial, Helvetica, sans-serif;
*/

/*
	UTFORMING
		Top:				117 px
		Venstre kolonne:	135 px
		Senter:				441 px med padding høyre og venstre på 34px
		Høyre kolonne:		336 px


*/

/* 	DOKUMENTSTRUKTUR:
		=RESET (nullstiller enkelte deklarasjoner)
		=TYPOGRAFI OG FARGER(definerer skrifttype/-størrelse og -farger)
		=RAMMEVERK (sidenes oppsett, grid m.m.)
		=DINGSER (samtlige gjenbrukbare elementer)
		=SPESIAL (eventuelle spesialklasser og "hacks")
*/

/*	REKKEFØLGE PÅ DEKLARASJONER
 	* display/visibility styles
    * positioning (with coordinates) styles
    * float/clear styles
    * spacing (margin, padding, border) styles
    * dimensions (width, height) styles
    * typography-related (line-height, color, etc.) styles
    * miscellaneous (list-style, cursors, etc.) styles

*/


/*	=RESET 
	----------------------------------------------------*/
	
	* {
		margin:0;
		padding:0;
		}
		
	fieldset{
		border: none;
		}
	
	img{
		margin:0;
		border: none;
		}
	
	
	
/*	=TYPOGRAFI OG FARGER
	----------------------------------------------------*/

	body {
		padding:0;
		font-size:62.5%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background:#fff;
		color:#3f3f3f;
		}
		
	.detail {
		font-family: Arial, Helvetica, sans-serif;
		}
	
	.h1,
	 h1 {
	 	display:block;
	 	padding-bottom:0.1em;
		font:2.9em Georgia;
		color:#3f3f3f;
		}
		
	.h2,
	h2 {
		display:block;
		padding-bottom:0.5em;
		font:normal 1.4em Georgia;
		color:#3f3f3f;
		}
		
	.a,		
	 a {
		font-size:1.3em;
		text-decoration:none;
		}
		
	.a:hover,		
	 a:hover {
	 	text-decoration:underline;
	 	}
		
	* a {
		font-size:1em;
		}
		
	.more-link {
		font-size:1.3em;
		color:#947c4b;
		}
		
	.list-more-link {
		padding:0 0.2em;
		font:1.3em Arial, Helvetica, sans-serif;
		color:#3f3f3f;
		background:#eee7d6;
		}
		
	.block-header {
		border-top:1px solid #d7d5d5;
		border-bottom:1px solid #d7d5d5;
		margin-bottom:1em;
		padding:0 0.4em;
		font:normal 1.8em Georgia;
		line-height:1.75em;
		color:#3f3f3f;
		}
		
	.padding {
		margin-bottom:1em;
		}
		
	.list-header {
		font-size:1.4em;
		}
		
		.list-header a {
			color:#947c4b;
			text-transform:uppercase;
			}
	
	.label,
	 label {
		margin-right:1em;
		font-size:1.3em;
		}
	.p,
	 p {
	 	padding-bottom:2em;
		font-size:1.3em;
		}
		
	.text {
		font-size:1.3em;
		}
	
	.th,
	 th, 
	.td,
	 td {
		padding:0.3em;
		font-size:1.3em !important;
		}
		
		th *, 
		td * {
			font-size:1em !important;
			}
			
	dl {
		display:block;
		margin-bottom:3em;
		width:100%;
		color:#3f3f3f;
		overflow:hidden;
		}
		
		dl a {
			color:#947c4b;
			}
		
		dt,
		dd {
			display:block;
			float:left;
			font-size:1.3em;
			line-height:2em;
			}
			
		dt {
			clear:both;
			color:#0f0f0f;
			}
			
		dd {
			padding-left:0.5em;
			}
			
			dt *,
			dd * {
				font-size:1em !important;
				}
				
	dl.new-line {
		}
		
		dl.new-line dt,
		dl.new-line dd {
			float:none;
			padding:0;
			line-height:1.5em;
			}
			
		dl.new-line dd {
			margin-bottom:1em;
			}

	.legend,
	legend {
		font:bold 1.3em Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		line-height:1.07em;
		color:#777474;
		}	
		
	.date {
		margin-bottom:2.7em;
		font-size:1.1em;
		color:#777474;
		}
		
	.ingress {
		margin-bottom:1.5em;
		font:1.9em Georgia;
		line-height:1.2em;
		color:#3f3f3f;
		}
		
	.strong {
		display:block;
		padding:0.4em 0 0.5em 0;
		font-size:1.4em;
		font-weight:bold;
		font-style:italic;
		}
		
	.indent {
		padding:0 3.5em 0 1em;
		}
		
	.search-category {
		display:block;
		padding-bottom:0.5em;
		font-size:1.2em;
		color:#947c4b;
		}
		
	.bodytext {
		font-size:1.3em;
		line-height:1.5em;
		}
		
		.bodytext p {
			font-size:1em;
			}
			
		.bodytext a {
			padding:0 0.2em;
			color:#3f3f3f;
			background:#eee7d6;
			text-decoration:none;
			}
			
		.bodytext a:hover {
			text-decoration:underline;
			}
			
		.bodytext ul,
		.bodytext ol {
			margin-left:2em;
			margin-bottom:2em;
			}
			
		.bodytext li {
			padding-bottom:0.5em;
			}
	
	.widgetheader {
		display:block;
		margin:0 0 1.5em 0;
		padding:0;
		width:100%;
		font-size:1em;
		color:#fff;
		}
		
		.widgetheader a,
		.widgetheader span {
			display:block;
			padding:0 0.8em;
			font:bold 1.4em Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			line-height:2.8em;
			color:#fff;
			background:#3f3f3f;
			}
			
	.wh-arrow-down {
		margin:0;
		height:4.2em;
		font-size:1em;
		background:url(elm/bg_arrow_down.gif) 1.3em 100% no-repeat;
		}
		
	.wh-arrow-right {
		margin:0;
		width:100%;
		padding-right:3px;
		background:url(elm/bg_arrow_right.gif) 100% 1.5em no-repeat;
		overflow:visible;
		}
			
	.center-text {
		text-align:center;
		}
			
	.stores {
		margin-bottom:6.8em;
		width:100%;
		overflow:hidden;
		}
		
	.widget-subheader {
		font-size:1.3em;
		font-weight:normal;
		color:#3f3f3f;
		line-height:2em;
		}
		
	.tag {
		padding:0.1em 0.3em;
		margin:0 0.18em 0.18em 0;
		display:block;
		float:left;
		
		font-size:1.7em;
		font-weight:normal;
		text-transform:uppercase;
		text-decoration:none;
		white-space:nowrap;
		color:#070101;
		}
		
	/* Kategorifarger */
	.clothing {
		background:#fae885;
		}
		
	.body-sport {
		background:#d8e885;
		}
		
	.kiosk {
		background:#99cba1;
		}
		
	.serving {
		color:#fff;
		background:#4f9070;
		}
		
	.home {
		background:#9cbebe;
		}
		
	.health {
		color:#fff;
		background:#548494;
		}
		
	.jewelry {
		background:#cb9697;
		}
		
	.lille-ccvest {
		color:#fff;
		background:#963b60;
		}
		
	.misc {
		color:#fff;
		background:#563e63;
		}
		
	/* butikksorteringsknapper */
	
	.sort-tag {
		margin-right:0.4em;
		padding:0.25em 0.6em 0.25em 1.6em;
		font:bold 1.4em Arial, Helvetica, sans-serif;
		color:#fff;
		background:url(elm/sprite.png) -2px -192px  no-repeat;
		/*background:url(elm/bg_arrow_white_right.png) 0.6em 50% no-repeat;*/
		}
	
	.sort-category {
		background-color:#777474;
		
		}
		
	.sort-name {
		background-color:#c7b178;
		}
		
	.sort-selected {
		/*background-image:url(elm/sprite.png);*/
		background-position:-4px -162px
		}
		
/*	=RAMMEVERK 
	----------------------------------------------------*/
	
	html,
	body {
		position:relative;
		height:100%;
		}
		
	div.page {
		position:relative;
		min-height:100%;
		width:100%;
		}
		
	div.main {
		margin:0 auto;
		padding:0 4em 4em 4em;
		width:98em;
		}
		
		div.page div.head {
			margin-bottom:3.7em;
			width:100%;
			height:11.7em;
			background:#0f0f0f;
			}
			
			div.page div.head div.main {
				padding:0 4em;
				position:relative;
				height:11.7em;
				overflow:hidden;
				background:#0f0f0f;
				}
				
		div.page div.body div.main {
			width:98em;
			/*overflow:hidden;*/
			}
			
			div.page div.body div.left-col {
				float:left;
				padding-right:3.4em;
				width:13.5em;
				overflow:visible;
				}
				
			div.page div.body div.content {
				float:left;
				width:44.1em;
				}
				
			div.page div.body div.full-content {
				width:81.1em;
				}
				
			div.page div.body div.right-col {
				float:right;
				width:33.6em;
				}
		
	.frontpage {
		background-color:#2e2e2e;
		background-position:50% 11.7em;
		background-repeat:no-repeat;
		}
		
		.frontpage div.page {
			background:none;
			}

            .frontpage div.page div.head {
                margin-bottom:0;
                }

			
			.frontpage div.page div.body {
                position:relative;
                width:100%;
                min-height: 600px;
				}

    .image-mode.hidden {
        display:none;
        }

        .image-mode .border {
            }

        .image-mode .frontpage_image {
            position:absolute;
            top:0;
            left:50%;
            z-index:0;
            }

        .image-mode .frontpage_image.hidden {
            display:none;
            }

            .image-mode .frontpage_image .background {
                position:absolute;
                top:0;
                left:0;
                cursor: move;
                }

        .image-mode .image-info {
            display:block;
            position:fixed;
            top:16.7em;
            padding:1em;
            left:150px;
            width:30em;
            z-index:6;
            color:#d7d5d5;
            background:#191919;
            overflow:hidden;
            }

            .image-mode .image-info h2 {
                font:bold 1.4em Arial,Helvetica,sans-serif;
                text-transform: uppercase;
                color:#d7d5d5;
                }

                .image-mode .image-info h2 span {
                    display:block;
                    width:15px;
                    float:right;
                    font-size:1.5em;
                    font-weight: normal;
                    line-height:0.8em;
                    color:#c7b178;
                    cursor:pointer;
                    }

            .image-mode .image-info div.info * {
                padding-bottom:1em;
                }

            .image-mode .image-info div.info a {
                color:#c7b178;
                }

        .image-mode .image_point {
            position:absolute;
            width:20em;
            z-index:3;
            }

            .image-mode .image_point .hidden {
                display:none !important;
                }

            .image-mode .image_point .star {
                display:block;
                position:absolute;
                top:0;
                left:0;
                width:30px;
                height:30px;
                background:url(elm/star_big.png) top left no-repeat;
                overflow:hidden;
                z-index:1;
                cursor:pointer;
                }

                .image-mode .image_point .star:hover {
                    background-position:-30px 0;
                    }

            .image-mode .image_point .light {
                background-position:0 -30px;
                }

                .image-mode .image_point .light:hover {
                    background-position:-30px -30px;
                    }

            .image-mode .image_point .text {
                position:absolute;
                top:10px;
                left:10px;
                padding:15px;
                width:300px;
                color:#d7d5d5;
                background:#191919;
                z-index:0;
                }

            .image-mode .flip-vertical .text {
                left:auto;
                right:100%;
                margin-right:-20px;
                }

            .image-mode .flip-horizontal .text {
                top:auto;
                bottom:-20px;
                }

            .image-mode .image_point h4 {

                }

            .image-mode .image_point .description * {
                font-size:1em !important;
                }

            .image-mode .image_point .description a {
                color:#c7b178;
                }

            .image-mode .image_point .description a:hover {
                color:#b19a60;
                }


            .image-mode .img_nav {
                display:block;
                position:fixed;
                left:0;
                width:50px;
                height:50px;
                z-index:2;
                cursor:move;
                overflow: hidden;
                background:#191919;
                opacity:0;
                }

            .image-mode .img_nav.hidden {
                display:none;
                }

            .image-mode .next,
            .image-mode .prev {
                display:block;
                position:fixed;
                top:50%;
                border:none;
                width:64px;
                height:64px;
                z-index:5;
                overflow: hidden;
                outline:none;
                cursor:pointer;
                opacity:0.75;
                }

            .image-mode .prev {
                left:50px;
                }

            .image-mode .next {
                left:auto;
                right:50px;
                }

            .image-mode .prev.hidden,
            .image-mode .next.hidden,
            .image-mode .back.hidden {
                display:none;
                }

            .image-mode .nav_top_left,
            .image-mode .nav_top_top,
            .image-mode .nav_top_right {
                top:11.7em;
                }

            .image-mode .nav_top_top,
            .image-mode .nav_bottom_bottom {
                width:100%;
                z-index:1;
                }

            .image-mode .nav_bottom_left,
            .image-mode .nav_bottom_bottom,
            .image-mode .nav_bottom_right {
                bottom:0;
                }

            .image-mode .nav_top_right,
            .image-mode .nav_right_right,
            .image-mode .nav_bottom_right{
                left:auto;
                right:0;
                }
            .image-mode .nav_left_left,
            .image-mode .nav_right_right {
                height:100%;
                z-index:1;
                }
				
		.frontpage div.page div.body div.main {
            position:absolute;
            top:3.7em;
            left:50%;
            margin-left:-53em;
            z-index:3;
            overflow:visible;
            }

            .frontpage div.page div.body div.main div.content {
                display:block;
                position:relative;
                padding:0;
                width:100% !important;
                min-height:50em;
                overflow: visible;
                }
						
	.contentframe {
		width:44.1em;
		overflow:hidden;
		}

		
/*	=DINGSER 
	----------------------------------------------------*/	
	
	.logo {
		display:block;
		position:absolute;
		left:4em;
		bottom:0;
		width:101px;
		height:89px;
		background:url(elm/sprite.png) -10px -10px no-repeat;
		text-indent:-100em;
		overflow:hidden;
		}
			
	.main-menu {
		display:block;
		position:absolute;
		bottom:1.9em;
		right:2.5em;
		width:90em;
		text-align:right;
		}
		
		ul.main-menu li {
			display:inline;
			padding-right:1.5em;
			list-style:none;
			}
			
			ul.main-menu li a {
				font-size:1.1em;
				font-weight:bold;
				color:#777474;
				text-decoration:none;
				text-transform:uppercase;
				}
			
			ul.main-menu li a:hover,	
			ul.main-menu li.active a {
				color:#d7d5d5;
				}
	
	.input-search {
		width:266px;
		height:32px;
		background:url(elm/sprite.png) -10px -119px no-repeat;
		}
		
		.input-search input {
			position:absolute;
			top:7px;
			left:6px;
			border:1px solid #777474;
			width:256px;
			height:21px;
			color:#191919;
			background:#777474;
			}
			
	.input-box {
		display:block;
		position:absolute;
		top:0.75em;
		left:7.25em;
		border:1px solid #3f3f3f;
		padding:0.25em 0.58em;
		width:11.5em;
		font:1.2em Arial, Helvetica, sans-serif;
		background:#3f3f3f;
		color:#c7b178;
		}
		
	.button-box {
		position:absolute;
		top:0.7em;
		left:auto;
		right:0.7em;
		}
	
	.search-form {
		display:block;
		position:absolute;
		top:3.2em;
		right:4em;
		width:35.7em;
		height:3.2em;
		}
		
		.search-form .input-search {
			position:absolute;
			top:0;
			left:0;
			}
			
		.search-form .button {
			position:absolute;
			top:0;
			left:auto;
			right:0;
			}
	
	.canvas {
		position:relative;
		overflow:hidden;
		}
		
	.image {
		margin-bottom:1em;
		width:33.6em;
		}
		.image .canvas {
			height:26.3em;
			}
			
			.image .canvas a {
				display:block;
				position:absolute;
				top:1em;
				right:1em;
				width:10px;
				height:10px;
				z-index:1;
				text-indent:-100em;
				background:url(/sfPropelPlugin/images/delete.png) center center no-repeat;
				overflow:hidden;
				}
			
			.image .canvas img {
				position:absolute;
				top:0;
				left:0;
				width:33.6em !important;
				height:26.3em !important;
				z-index:0;
				}
				
		.image .desc {
			padding:0.7em 0.6em 0.8em 1em;
			color:#3f3f3f;
			font-size:1.1em;
			background:#d7d5d5;
			}	
			
	ul.news {
		display:block;
		position:absolute;
		/*top:-0.5em;*/
		left:0;
		width:70em;
		overflow:hidden;
		}
		
		ul.news li {
			display:block;
			margin-bottom:1.7em;
			width:100%;
			overflow:hidden;
			list-style:none;
			}
				
			ul.news li a,
			ul.news li span.date {
				display:block;
				float:left;
				clear:left;
				}
				
			ul.news li a {
				padding:0 11px 0.1em 6px;
				font-size:35px;
				color:#fff;
				font-family:Georgia;
				font-weight:normal;
				font-style:italic;
				text-decoration:none;
				background:#c7b178;
				}
				
			ul.news li a:hover {
				background:#b19a60;
				}
				
			ul.news li span.date {
				margin-bottom:0;
				padding:0 0.35em;
				font-size:1.7em;
				font-weight:bold;
				line-height:1.4em;
				color:#c7b178;
				text-transform:uppercase;
				background:#f2f2f2;
				}
		
			
	div.opening-hours {
		position:absolute;
		top:0;
        right:0;
		right:0.2em;
		width:184px;
		height:184px;
		text-align:center;
		background:url(elm/bg_blob.png) center center no-repeat;
		}

		div.opening-hours dl  {
			display:block;
			margin:23px 0 0 21px;
			padding:0.5em 0 0 0;
			width:142px;
			height:125px;
			font:1.2em Arial, Helvetica, sans-serif;
			}
			
		div.opening-hours dt,
		div.opening-hours dd {
			margin:0;
			padding:0;
			display:block;
			float:none;
			font-size:1em;
			line-height:normal;
			color:#3f3f3f;
			}
			
		div.opening-hours dt.main  {
			margin-top:0.8em;
			font-size:1.4em;
			font-weight:bold;
			text-transform:uppercase;
			margin-bottom:6px;
			}
			
		div.opening-hours dd {
			margin-bottom:6px;
			}
			
	div.x-mas {
		padding-top:60px;
		height:124px;
		}
		
		div.x-mas a {
			font-size:1.4em;
			font-weight:bold;
			text-transform:uppercase;
			color:#aa1519;
			}

    div.easter {
        padding-top:60px;
		height:124px;
        background-image: url(elm/bg_blob_easter.png);
        }

        div.easter a {
			font-size:1.4em;
			font-weight:bold;
			text-transform:uppercase;
            color:#3f3f3f;
			}
			
	dl.opening-hours {
		}
		
		dl.opening-hours dt,
		dl.opening-hours dd {
			display:block;
			float:none;
			padding:0;
			line-height:normal;
			}
			
		dl.opening-hours dd {
			padding-bottom:0.5em;
			line-height:1.8em;
			}
	
	.offer {
		display:block;
		position:relative;
		width:34.9em;
		height:12.2em;
		background:#191919;
		overflow:hidden;
		font-size:1em;
		text-decoration:none;
		}
		
	.offer:hover {
		text-decoration:none;
		}
		
		.offer .image {
			float:left;
			margin:0;
			width:15.6em !important;
			height:12.2em !important;
			}
			
		.offer .desc {
			display:block;
			float:left;
			padding:1em;
			width:17.3em;
			height:10.2em;
			overflow:hidden;
			}
			
			.offer .desc .store {
				display:block;
				margin-bottom:0.2em;
				width:100%;
				height:2.2em;
				font:bold 1.4em Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				color:#d7d5d5;
				overflow:hidden;
				}
				
			.offer .desc .text {
				display:block;
				margin:0;
				padding:0;
				width:100%;
				height:4.8em;
				font-size:1.2em;
				line-height:1.5em;
				color:#c7b178;
				overflow:hidden;
				}
			
	.offer ul {
		display:block;
		position:relative;
		width:34.9em;
		height:12.2em;
		overflow:hidden;
		}
		
		.offer ul li {
			display:block;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			background:#191919;
			overflow:hidden;
			list-style:none;
			}
			
			.offer ul li a {
				display:block;
				width:34.9em;
				height:12.2em;
				overflow:hidden;
				text-decoration:none;
				}
			
		.offer div.hidden {
			display:none;
			}
			
	.offer-short {
		margin-bottom:2em;
		padding:0;
		width:33.6em;
		}
		
		.offer-short .desc {
			width:16em;
			}
			
			.offer-short .desc .store {
				color:#c7b178;
				}
			
			.offer-short .desc .text {
				height:7em;
				color:#fff;
				}
			
		.offer-short a {
			font-size:1.2em;
			color:#c7b178;
			text-decoration:none;
			}
			
		.offer-short a:hover {
			text-decoration:underline;
			}
			
	.offer-list {
		float:left;
		margin:0 1em 1em 0;
		width:36.2em;
		text-decoration:none;
		}
		
	.offer-list,
	.offer-list:hover,
	.offer-list *,
	.offer-list *:hover {
		text-decoration:none;
		}

    .entrance {
		position:absolute;
        /*margin-left:-49em;*/
        top:auto;
        bottom:0;
        left:0;
        /*bottom:4em;
		left:50%;*/
		width:82.5em;
		height:15.5em;
        z-index:1000;
		}

        .entrance .desc {
            display:block;
			float:left;
			margin-left:1.2em;
            padding:0;
            width:16em;
            height: 10.9em;
			overflow:hidden;
            }

            .entrance .desc .title {
                display:block;
                margin-bottom:0.7em;
                width:100%;
                height:2.3em;
                font:bold 1.3em Arial, Helvetica, sans-serif;
                text-transform:uppercase;
                color:#d7d5d5;
                overflow:hidden;
                }

            .entrance .desc .text {
                font-size:1.2em;
				line-height:1.5em;
				color:#c7b178;
                }

        .entrance .box {
            float:left;
            margin-right:1em;
            width:31em;
            height:15.5em;
            background:none;
            }

             .entrance .box h2,
             .entrance .box legend {
                margin-bottom:1px;
                padding:0 0.36em;
                height:1.64em;
                color:#777474;
                font:1.4em/1.64em Georgia;
                text-transform: none;
                background:#191919;
                }

                .entrance .box h2 a {
                    display:block;
                    float:right;
                    font-size: 0.79em;
                    line-height:2.2em;
                    color:#c7b178;
                    }

            .entrance .box .pane {
                padding:1.7em 0.5em 0.5em 0.5em;
                height:10.9em;
                background:#191919;
                }

        .entrance .short {
            margin-right:0;
            width:18.5em;
            }

        .offer-front ul {
            padding:0;
            width:30em;
            height:10.9em;
            }

            .offer-front ul li {
                width:30em;
                height:10.9em;
                }

                .offer-front ul li a {
                    width:30em;
                    height:10.9em;
                    }

                .offer-front ul li .image {
                    width:12.8em !important;
                    height:10.9em !important;
                    }

                .offer-front .desc .title {
                    margin-bottom:0.2em;
                    }

        
			
	.box .environment,
	.box .carl-conrad {
        margin-bottom:1px;
		/*padding:1.5em 1.3em 1.4em 1.1em;
		width:12.8em;
		height:5.1em;
		background:#191919;
		overflow:hidden;*/
		}

        .box .environment .pane,
        .box .carl-conrad .pane {
            height: 5.5em;
            }

        .box .carl-conrad .desc {
            margin-left:0.5em;
            height:auto;
            }

    .cctv {
        float:left;
        width: 31em;
        height: 15.5em;
        }

        .cctv img {
            float:left;
            }

    .entrance .box .gallery {
        padding:0;
        margin-bottom:1px;
        height: 10.1em;
        background:none;
        }

    .banner {
        display:block;
        margin-bottom:1px;
        width: 18.5em;
        height: 7.7em;
        background:#191919;
        }

        .banner img {
            width: 18.5em !important;
            height: 7.7em !important;
            }
		
	.newsletter {
        position:relative;
		width:18.5em;
		height:5.3em;
		background:#191919;
		overflow:hidden;
		}

        .newsletter .input {
            position:relative;
            margin-left:0.5em;
            width:174px;
            height:23px;
            background: #3f3f3f url(elm/bg_newsletter_input.gif) center left;
            }

            .newsletter .input input {
                position:absolute;
                top:0;
                left:0;
                padding:3px 5px;
                width: 142px;
                height: 15px;
                border: 1px solid #191919;
                background: none;
                }

            .newsletter .input input.button {
                left:auto;
                right: 0;
                padding:0;
                width:auto;
                height:auto;
                border-left:0px;
                }
			
		.newsletter .message {
			display:block;
			position:absolute;
            padding:1em;
			width:16.5em;
			height:3.3em;
			top:0;
			left:0;
            color:#d7d5d5;
			background:#191919;
			}
				
		.newsletter .m-hidden {
			display:none;
			}
			
	ul.widget-list {
		margin-bottom:3em;
		padding:0 2.2em 0 1em;
		}
		
		ul.widget-list li {
			padding-bottom:1em;
			list-style:none;
			}
			
		.widget-list a {
			display:block;
			font-size:1.3em;
			color:#947c4b;
			}
			
	div.submenu {
		position:relative;
		}

        div.submenu .widgetheader {
            }

            div.submenu .widgetheader a,
            div.submenu .widgetheader span {
                padding-top: 0.85em;
                padding-bottom: 0.8em;
                line-height: normal;
                }
		
		div.submenu .wh-arrow-down {
			position:relative;
			/*top:0;
			left:0;*/
            padding-bottom: 3px;
            height: auto;
			z-index:1;
			}
				
		div.submenu ul {
			position:relative;
            /*bottom: 0;*/
			/*top:3.9em;*/
            margin-top:-3px;
			padding:0 0 3.9em 0;
			z-index:0;
			}
			
			div.submenu ul li {
				display:block;
				width:100%;
				list-style:none;
				border-bottom:1px solid #d7d5d5;
				}
				
			div.submenu ul li.active {
				background:#d7d5d5;
				}
				
			div.submenu ul li:last-child {
				border-bottom:none;
				}
				
				div.submenu ul li a {
					display:block;
					height:3.1em;
					font-size:1.2em;
					text-transform:uppercase;
					line-height:3.1em;
					color:#3f3f3f;
					}
					
				div.submenu ul li.active a {
					padding:0 0em 0 0.8em;
					}
					
	.images {
		position:relative;
		margin-bottom:2em;
		width:33.6em;
		height:31.2em;
		overflow:hidden;
		}
		
		.images ul {
			position:absolute;
			width:33.6em;
			height:31.2em;
			}
			
			.images ul li {
				position:absolute;
				top:0;
				left:0;
				width:33.6em;
				height:31.2em;
				list-style:none;
				background:#d7d5d5;
				}
				
				.images ul li img {
					width:33.6em !important;
					height:26.3em !important;
					}
					
				.images ul li p.desc {
					display:block;
					padding:0.5em 0.9em 0.7em 0.9em;
					font-size:1.1em;
					}
					
	.images .controls {
		position:absolute;
		top:0;
		left:0;
		width:33.6em;
		height:26.3em;
		}
		
		.images .controls a {
			position:absolute;
			top:11.3em;
			width:6.4em;
			height:6.4em;
			text-indent:-100em;
			overflow:hidden;
			}
			
		.images .controls a.bw {
			left:1.6em;
			background:url(elm/bg_images_back.png) center center no-repeat;
			}
			
		.images .controls a.pause,
		.images .controls a.play {
			left:13.6em;
			background:url(elm/bg_images_play.png) center center no-repeat;
			}
			
		.images .controls a.pause {
			background-image:url(elm/bg_images_pause.png);
			}
			
		.images .controls a.fw {
			right:1.6em;
			background:url(elm/bg_images_fw.png) center center no-repeat;
			}
			
		.documents li {
			padding:0 0.8em;
			list-style:none;
			}
			
			.documents li a {
				font-size:1.3em;
				line-height:2em;
				color:#947c4b;
				}
				
	.sortoptions {
		display:block;
		width:100%;
		margin-bottom:0.6em;
		overflow:hidden;
		}
		
		.sortoptions strong {
			display:block;
			margin-bottom:0.1em;
			font:bold 1.2em Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			color:#777474
			}
			
	.categorylist {
		display:block;
		margin-bottom:4.2em;
		overflow:hidden;
		}
		
		.categorylist li {
			list-style:none;
			}
			
			.categorylist li a {
				margin:0;
				padding:0.3em 0.6em;
				font:1.2em Arial, Helvetica, sans-serif;
				}
			
	.store-image {
		display:block;
		margin-bottom:2em;
		width:33.6em !important;
		height:26.3em !important;
		}
		
	.tag-group {
		margin-bottom:4em;
		font-size:1.3em;
		line-height:2em;
		word-spacing:0.8em;
		color:#947c4b;
		}
		
		.tag-group * {
			word-spacing:0em;
			}
			
		.tag-group *:nth-child(odd) {
			color:#946b16;
			}
			
	.input-group {
		display:block;
		position:relative;
		width:100%;
		height:2.3em;
		}
	
	.searchbox {
		display:block;
		width:39.3em;
		overflow:hidden;
		}
		
		.searchbox h2 {
			margin:0 0 1px 0;
			padding:0 1em;
			height:2em;
			font:bold 1.4em Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			line-height:2.1em;
			color:#fff;
			background:#191919;
			}
			
		.searchbox form {
			display:block;
			margin:0 0 10px 0;
			padding:1.4em 1.4em 2em 1.4em;
			width:36.5em;
			background:#191919;
			}
			
		.searchbox legend,
		.searchbox strong,
		.searchbox .message a {
			font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;
			color:#fff;
			text-transform:none;
			}
			
		.searchbox .name {
			left:0;
			width:11.4em;
			}
			
		.searchbox .mobile {
			left:13.2em;
			width:11.35em;
			}
			
		.searchbox .button-box {
			right:0;
			}
			
		.searchbox .store legend {
			font-size:1.1em;
			}
			
		.searchbox .store .input-box {
			left:0;
			width:24.55em;
			}
			
		.searchbox .message {
			position:absolute;
			top:-2.8em;
			left:-1.4em;
			padding:1.4em 1.4em 2em 1.4em;
			width:36.5em;
			height:3.7em;
			background:#191919;
			}
			
			.searchbox .message a {
				margin-left:1em;
				}
				
	.singular {
		margin-top:0;
		width:33.6em;
		}
			
		.singular h2 {
			margin-bottom:0;
			}
			
		.singular  form {
			padding-top:0;
			width:30.8em;
			}
			
		.singular .name {
			width:9em;
			}
			
		.singular .mobile {
			left:10.75em;
			width:9em;
			}
			
		.singular .message {
			top:-1.4em;
			width:30.8em;
			height:2.2em;
			}
			
	.birthday {
		margin-bottom:2em;
		width:100%;
		}
			
		.birthday h2,
		.birthday form {
			color:#3f3f3f;
			background:#dbde89;
			}
			
		.birthday h2 {
			width:29.5em;
			}
			
		.birthday form {
			width:41.3em;
			}
			
		.birthday fieldset {
			display:block;
			width:100%;
			overflow:hidden;
			}
			
		.birthday .input-group {
			height:4.2em;
			overflow:hidden;
			}
			
		.birthday p {
			padding-bottom:0;
			}
			
		.birthday input,
		.birthday select {
			color:#487e9a;
			border-color:#f1f2d0;
			background:#f1f2d0;
			}
			
		.birthday .input-box {
			width:9.8em;
			}
			
		.birthday .email {
			left:11.6em;
			}
			
		.birthday .date {
			width:5.34em;
			left:23.1em;
			}
			
		.birthday .button-box {
			left:auto;
			top:0.65em;
			}
	
		.birthday .message {
			top:0;
			left:0;
			padding:1em 0 0 0;
			width:41.3em;
			
			background:#dbde89;
			}
			
			.birthday .message strong,
			.birthday .message a {
				color:#3f3f3f;
				}
				
		.birthday .ui-datepicker-trigger {
			margin:0;
			padding:0;
			border:none;
			background:transparent;
			width:26px;
			height:26px;
			cursor:pointer;
			}
				
	.search-details {
		border-bottom:1px solid #d7d5d5;
		padding:1.8em 0.9em 2em 0.9em;
		}
			
		.search-details .strong {
			margin-bottom:1.3em;
			}
			
	.person {
		display:block;
		float:left;
		margin:0 1em 1em 0;
		width:39.4em;
		height:12.2em;
		overflow:hidden;
		background:#191919;
		}
		
		.person .image {
			display:block;
			float:left;
			width:15.6em !important;
			height:12.2em !important;
			}
			
		.person .desc {
			display:block;
			float:left;
			padding:1.5em 1.3em 2em 1.3em;
			width:21.2em;
			height:8.7em;
			}
			
			.person .desc .header {
				width:100%;
				height:5.4em;
				}
			
				.person .desc .header h2 {
					padding:0 0 0.3em 0;
					font:bold 1.4em Arial, Helvetica, sans-serif;
					text-transform:uppercase;
					color:#fff;
					}
					
				.person .desc .header strong {
					display:block;
					font-size:1.3em;
					font-weight:normal;
					color:#d7d5d5;
					}
				
			.person .desc dl {
				margin:0;
				padding:0;
				}
				
			.person .desc dt,
			.person .desc dd {
				margin:0;
				padding:0;
				line-height:normal;
				color:#d7d5d5;
				}
				
			.person .desc dd {
				padding-left:0.5em;
				}
			
			.person .desc a {
				color:#c7b178;
				}	
			
			.press-contact {
				margin-bottom:3em;
				}
				
				.press-contact strong,
				.press-contact span {
					font-size:1.3em;
					font-weight:normal;
					}
					
				.press-contact dl {
					margin:0;
					}
					
				.press-contact dt,
				.press-contact dd {
					line-height:2em;
					}
	.press {
		width:45em;
		}
					
		.press .image {
			display:block;
			float:left;
			margin:0 1em 1em 0;
			width:21.5em;
			background:#d7d5d5;
			}
			
			.press .image img {
				width:21.5em !important;
				height:16.8em !important;
				}
				
		.press .desc {
			font-size:1em;
			padding:0.6em 0.9em 1em 0.9em;
			}
				
			
			.press .desc strong {
				display:block;
				padding-bottom:0.2em;
				font-size:1.2em;
				font-weight:normal;
				text-transform:uppercase;
				color:#3f3f3f;
				}
				
			.press .desc a {
				display:block;
				font-size:1.3em;
				color:#947c4b;
				}
				
	.carlconrad {
		min-height:88em;
		background:url(elm/carl-conrad.gif) top center no-repeat;
		}
		
	.carlconrad-show {
		min-height:88em;
		background:url(elm/children_show.gif) top center no-repeat;
		}
		
	#google-map {
		width:33.6em;
		height:26.3em;
		background:#777474;
		color:#fff;
		overflow:hidden;
		}
		
		#google-map strong {
			display:block;
			width:20em;
			margin:0 auto;
			padding-top:2em;
			font-size:1.4em;
			text-align:center;
			}
			
	.form-row {
		display:block;
		height:2.6em;
		overflow:hidden;
		}
		
		.form-row label,
		.form-row input {
			display:block;
			float:left;
			}
			
		.form-row .error_list {
			display:block;
			float:right;
			width:40%;
			}
		
		.form-row label {
			width:20%;
			}
			
	.form-message {
		color:#aa1519;
		}

    .image-mode-cursor-tip {
        display:block;
        position:fixed;
        width:24.5em;
        z-index:100;
        color:#d7d5d5;
        background:#191919;
        }

        .image-mode-cursor-tip p {
            margin:0;
            padding:1em;
            font-size:1.1em;
            }

    .image-mode-cursor-tip.hidden {
        display:none;
        }
	
/*	=SPESIAL 
	----------------------------------------------------*/
	
	.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
		width:40%;
		}
	
	/* brukes til å skjule elementer som allikevel skal være synlige for roboter og talegjenkjenning */
	.hidden {
		position:absolute;
		width:99em;
		left:-99.9em;
		height:0;
		}
		
	legend.hidden {
		width:1px;
		height:1px;
		text-indent:-1000em;
		overflow:hidden;
	}
	
	.full-hidden {
		display:none;
		}
		
	.ajax-loader {
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-0.8px;
		margin-right:-0.8px;
		width:1.6em !important;
		height:1.6em !important;
		}

    .ajax-loader2 {
        position:fixed;
		top:50%;
		left:50%;
		margin-left:-64px;
		margin-right:-7px;
        z-index:100;
        }

    .ajax-loader3 {
        position:fixed;
		top:50%;
		left:50%;
		margin-left:-43px;
		margin-right:-43px;
        z-index:100;
        }
	