/*

Project name:	Happy Ending FilmWeb
Filename: 	  	he_default.css
Role: 			Main stylesheet
Updated: 		08.12.2005
Coded by:		Espen Hareide <hareide@gmail.com>
Copyright:		Happy Ending AS, 2005

*/


/*-------| disable all default margin/padding |-------*/
* {
	margin: 0;
	padding: 0;
}


/*-------| structural |-------*/
html {
}
	
#flashcontent {
	width: 955px;
	height: 600px;
	text-align: left;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#flashwrap {
	padding-top: 8px;
	padding-left: 1px;
}


#wrap {
}

#content {
	height: 534px;
}

#content-underside {
	height: 534px;
}

#demo-content {
	height: 534px;
   	
}
#subnav {
	height: 100px;
}
#demo-content #subnav {
	height: 75px;
}
#content-underside #subnav {
	height: 40px;
}
/*-------| (x)html tags |-------*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	/*padding-top: 13px;*/
	background-color: #fff;
	background-image: url(../img/bg_.jpg);
	background-repeat: no-repeat;
	background-position: center -212px;
}

h1 {
	color: #32506E;
	font-size: 30px;
	font-weight: normal;
}
h2 {
	font-size: 14px;
	color: #32506e;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	color: #205063;
	font-size: 11px;
    padding: 0 0 5px 0;
}
p {
	color: #000000;
	padding-bottom: 10px;
	line-height: 1.3em;
}

a {
	text-decoration: none;
	color: #32506E;
}
a:hover {
    color: #ED1500;
	text-decoration: underline;
}
h2 a {
	text-decoration: none;
	color: #32506E;
}
h2 a:hover {
        color: #ED1500;
	text-decoration: underline;
        padding-left: 17px;
        background: url(../img/h2_arrow.gif) 0 2px no-repeat;
}
h2 a.active{
	text-decoration: none;
        padding-left: 17px;
        background: url(../img/h2_arrow.gif) 0 2px no-repeat;
}

hr {
	height: 1px;
	color: #A9966E;

}
/*-------| main nav |-------*/
#nav {
	height: 38px;
	padding: 0 0 0 1em;
        margin-top: -1px;
                

 }
#nav ul {
	display: inline;
	list-style: none;
}
ul#splash-nav {
list-style: none;
padding-top: 20px;
}
ul.dwnl_btn {
list-style: none;
}

#nav li{
	display: inline;
	height: 37px;
	width: 202px;
	float: left;
	padding: 0 .7em 0 0;
}

a#nav_all:hover {
	background: url(../img/nav/test.gif) 0 -37px no-repeat;
}

a#nav_all {
	display: block;
	background: url(../img/nav/test.gif) 0 0 no-repeat;
	height: 37px;
	width: 202px;
}
a#nav_all_active {
	display: block;
	background: url(../img/nav/test.gif) 0 -37px no-repeat;
	height: 37px;
	width: 202px;
}
a#nav_demo {
	display: block;
	background: url(../img/nav/slik.gif) 0 0 no-repeat;
	height: 37px;
	width: 202px;
	}
a#nav_demo_active {
	display: block;
	background: url(../img/nav/slik.gif) 0 -37px no-repeat;
	height: 37px;
	width: 202px;
	}
a#nav_price {
	display: block;
	background: url(../img/nav/priser.gif) 0 0 no-repeat;
	height: 37px;
	width: 202px;
}
a#nav_price_active {
	display: block;
	background: url(../img/nav/priser.gif) 0 -37px no-repeat;
	height: 37px;
	width: 202px;
}

a#nav_demo:hover {
	background: url(../img/nav/slik.gif) 0 -37px no-repeat;
}
a#nav_price:hover {
	background: url(../img/nav/priser.gif) 0 -37px no-repeat;
}

a#nav_flash:hover {
	background: url(../img/nav/splash_bb.gif) 0 -37px no-repeat;
}

a#nav_flash {
	display: block;
	background: url(../img/nav/splash_bb.gif) 0 0 no-repeat;
	height: 37px;
	width: 202px;
}
a#nav_noflash:hover {
	background: url(../img/nav/splash_html.gif) 0 -37px no-repeat;
}

a#nav_noflash {
	display: block;
	background: url(../img/nav/splash_html.gif) 0 0 no-repeat;
	height: 37px;
	width: 202px;
}



a#dwnl_btn:hover {
	background: url(../img/dwnl_btn.gif) 0 -37px no-repeat;
}

a#dwnl_btn {
	display: block;
	background: url(../img/dwnl_btn.gif) 0 0 no-repeat;
	height: 37px;
	width: 202px;
}

/*-------| header |-------*/
#header {
}


#logo {
}
#subnav h1 {
	padding-left: 125px;
	padding-top: 20px;
}
#subnav p {
	padding: 15px 0 0 20px;
	color: #32506E;
}

#subnav a {
	color: #32506E;
	text-decoration: none;
}

#subnav a:hover {
	text-decoration: underline;
}


/*-------| left |-------*/
#content #left {
	width: 411px;
	float: left;
	margin: 0;
	padding: 15px 0 0 0;
}
#left-content {
	padding: 0 0 0 20px;
}

#demo-content #left {
	width: 477px;
	float: left;
	margin: 0;
	padding: 15px 0 0 0;
}
#content-underside #left {
	width: 477px;
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
}

#left div.pagetitle {
	padding: 10px 0 20px 20px;
}


/*-------| right |-------*/
#content #right {
	margin-left: 431px;
	padding: 15px 0 0 0;
}

#content #right-content {
	padding: 0 20px 0 30px;
}
#demo-content #right {
	margin-left: 477px;
	padding: 15px 0 0 0;
}
#demo-content #right-content {
	padding: 0 30px 0 0;
}
#content-underside #right {
	margin-left: 477px;
	padding: 175px 0 0 0;
}
#content-underside #right-content {
	padding: 0 30px 0 30px;
}
/*-------| footer |-------*/
#footer {
	width: 100%;
	padding: 20px 0 0 0;
}
#footer p {
	color: #A7956D;
	line-height: 1.1em;

	font-size: 9px;
}
#footer a {
	color: #c30;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

/*-------| actionbox |-------*/
#actionbox .actionbox-header {
	background-image: url(../img/actionbox_header_bg.gif);
	background-repeat: repeat-y;
	padding: 5px 30px 5px 30px;
}
#actionbox .actionbox-content {
	background-image: url(../img/actionbox_content_bg.gif);
	background-repeat: repeat-y;
	padding: 30px 50px 30px 30px ;
    font-size: 13px;
                
}
#actionbox .actionbox-content input.txtfield {
	border: 1px solid #A9966E;
	padding: 3px;
}
#actionbox .actionbox-btn-content {
	background-image: url(../img/actionbox_content_bg.gif);
	background-repeat: repeat-y;
	padding: 15px 50px 15px 30px ;
    font-size: 13px;
                
}
#actionbox .actionbox-content h2 {
	padding: 0 0 15px 0;
}
#actionbox .actionbox-content p {
color: #5e4b3c;
}
#actionbox .actionbox-content td {
color: #5e4b3c;
}

/*-------| slideshow images |-------*/
body.slide-33 #flashcontent {background: url(../img/slideshow/slide_9.jpg) right bottom no-repeat;}
body.slide-34 #flashcontent {background: url(../img/slideshow/slide_6.jpg) right bottom no-repeat;}
body.slide-35 #flashcontent {background: url(../img/slideshow/slide_7.jpg) right bottom no-repeat;}
body.slide-36 #flashcontent {background: url(../img/slideshow/slide_6.jpg) right bottom no-repeat;}
body.slide-37 #flashcontent {background: url(../img/slideshow/slide_5.jpg) right bottom no-repeat;}
body.slide-38 #flashcontent {background: url(../img/slideshow/slide_4.jpg) left bottom no-repeat;}
body.slide-39 #flashcontent {background: url(../img/slideshow/slide_3.jpg) left bottom no-repeat;}
body.slide-40 #flashcontent {background: url(../img/slideshow/slide_2.jpg) left bottom no-repeat;}
body.slide-41 #flashcontent {background: url(../img/slideshow/slide_1.jpg) left bottom no-repeat;}
body.slide-42 #flashcontent {background: url(../img/slideshow/slide_18.jpg) right bottom no-repeat;}
body.slide-43 #flashcontent {background: url(../img/slideshow/slide_17.jpg) right bottom no-repeat;}
body.slide-44 #flashcontent {background: url(../img/slideshow/slide_16.jpg) right bottom no-repeat;}
body.slide-45 #flashcontent {background: url(../img/slideshow/slide_15.jpg) left bottom no-repeat;}
body.slide-46 #flashcontent {background: url(../img/slideshow/slide_14.jpg) left bottom no-repeat;}
body.slide-47 #flashcontent {background: url(../img/slideshow/slide_13.jpg) left bottom no-repeat;}
body.slide-48 #flashcontent {background: url(../img/slideshow/slide_9.jpg) right bottom no-repeat;}
body.slide-49 #flashcontent {background: url(../img/slideshow/slide_6.jpg) right bottom no-repeat;}
body.slide-50 #flashcontent {background: url(../img/slideshow/slide_6.jpg) right bottom no-repeat;}
body.slide-51 #flashcontent {background: url(../img/slideshow/slide_23.jpg) left bottom no-repeat;}
body.slide-52 #flashcontent {background: url(../img/slideshow/slide_22.jpg) left bottom no-repeat;}
body.slide-53 #flashcontent {background: url(../img/slideshow/slide_21.jpg) right bottom no-repeat;}
body.slide-54 #flashcontent {background: url(../img/slideshow/slide_20.jpg) right bottom no-repeat;}
body.slide-55 #flashcontent {background: url(../img/slideshow/slide_19.jpg) right bottom no-repeat;}

/*-------| altom images |-------
body.altom-1 #flashcontent {background: url(../img/altom/forsiden.jpg) left top no-repeat;}
body.altom-2 #flashcontent {background: url(../img/altom/side_1.jpg) right top no-repeat;}
body.altom-3 #flashcontent {background: url(../img/altom/side_2.jpg) right top no-repeat;}
body.altom-4 #flashcontent {background: url(../img/altom/side_3.jpg) right top no-repeat;}
body.altom-5 #flashcontent {background: url(../img/altom/side_4.jpg) right top no-repeat;}
body.altom-6 #flashcontent {background: url(../img/altom/side_5.jpg) right top no-repeat;}
body.altom-7 #flashcontent {background: url(../img/altom/side_6.jpg) right top no-repeat;}*/

body.landing #flashcontent {background: url(../img/landingsside.jpg) left top no-repeat;}
body.test #flashcontent {background: url(../img/bg_test.jpg) right bottom no-repeat;}
body.splash #flashcontent {background: url(../img/bg_splash.jpg) left top no-repeat;}

/*-------| butikk |-------*/
.butikk-content {
	padding: 30px 0 30px 0;
	background: url(../img/butikk_content_bg.gif) 0 0 repeat-y;
}
.butikk-content p {
	color: #5e4b3c;
	font-size: 13px;
}
.butikk-content td {
	color: #5e4b3c;
	font-size: 13px;}

.butikk-content input.txtfield {
	border: 1px solid #A9966E;
	padding: 3px;

}

td.butikk-content div.inner-content {
	padding: 0 20px 0 20px;
	text-align: left;
}
div.inner-content td.shop-faser {
font-size: 11px;
/*padding: 0 0 15px 0;*/
}
div.inner-content td.shop-faser-dato {
font-size: 11px
}

div.inner-content td.shop-faser-dato input {
background-color: #F2EDEA;
border: 1px solid #F2EDEA;
font-weight: bold;
font-size: 11px;
color: #5E4B3C; 
}
td.butikk-content p.green {
	color: #51AD32;
}
td.butikk-content span.green {
	color: #51AD32;
}


#prisbombe {
	position: relative;
	top: -460px;
	left: 705px;
	height: 0;
	margin: 0;
	padding: 0;

}
/*-------| misc. |-------*/
.hide {
	display: none;
}
hr.cleaner {
    clear: both;
    height: 1px;
    margin: -1px 0 0 0; padding:0;
    border: none;
	visibility: hidden;
}
.ingress {
    color: #32506E;
    font-size: 12px;
    padding-top: 20px;
}

.green {
	color: #51AD32;

}

#actionbox-buttons {
	padding: 20px 0 0 0;

}

.prev-btn {
	height: 30px;
	width: 158px;
    text-align: center;
}
.prev-btn a {
    display: block;
	height: 25px;
	width: 158px;
	background: url(../img/nav_forrige.gif) 0 -30px no-repeat;
    text-decoration: none;          
    color: #152B40;
    padding: 5px 0 0 0; 
}

.prev-btn a:hover {
	background: url(../img/nav_forrige.gif) 0 -0 no-repeat;
    color: #fff;
}
.next-btn {
	height: 30px;
	width: 158px;
    text-align: center;
}
.next-btn a {
    display: block;
	height: 25px;
	width: 158px;
	background: url(../img/nav_neste.gif) 0 -30px no-repeat;
    text-decoration: none;
    color: #152B40;
    padding: 5px 0 0 0;
}
.next-btn a:hover {
	background: url(../img/nav_neste.gif) 0 0 no-repeat;
    color: #fff;
}


body.shop-1 #nav {
	_postition: relative;
	_margin-top: -137px;
}

.topfive {margin-top: 5px;}

.btn_cell {padding-right: 10px;}
div.defaultErr {
	color: #E91102;
font-size: 11px;
padding: 0 0 10px 0;
}
div.defaultErr h2 {
	display: none;
}

div.defaultErr ul {
	list-style-type: none;
}
table.wait-fade td {
color: #BAA78C;

}
#onemore {
position: relative;
top: 498px;
left: 780px;
}

#forside-splash h1{
color: #5e4b3c;
font-size: 20px;
padding-bottom: 10px;
}
#forside-splash p{
color: #5e4b3c;
font-size: 13px;
width: 400px;
}

.scrolldiv {
height: 390px;
width: 450px;
overflow: auto;
padding-right: 10px;

}