@charset "iso-8859-1";
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

 romfisk 2010
 website by eDIR/ Atelier Espen Schjelderup © All Rights Reserved 2010-2110

 global layout

 (selectors in order of appearance)

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

 body massage

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* hide from ie5 mac \*/
html, body {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
/* ie5 mac end */

body {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-family: verdana, arial, helvetica, tahoma;
}

body * {
	margin: 0;
	padding: 0;
}

img {
	display: block;
	border: 0;
	outline: none;
}

.img_credits {
	float: right;
	margin-top: 2px;
}

input, textarea {
	outline-style: none;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

 typography

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 colortable
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

 a. headers	(AA)		#323232	(50  50  50 )
 b. headers/active		#4b4b4b	(75  75  75 )
 c. :hover			#7d7d7d	(125 125 125)
 d. paragraph			#828282	(130 130 130)
 e. function			#afafaf	(175 175 175)
 f. footer			#c8c8c8	(200 200 200)
 g. passive 1			#e1e1e1	(225 225 225)
 h. passive 2			#f0f0f0	(240 240 240)
 i. bg :hover			#fcfcfc	(252 252 252)
 j. background			#ffffff	(255 255 255)

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 color
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
h1, h2 { color: #323232; }

h3, .on{ color: #4b4b4b; }

a:hover, .input_qty:focus, .btn_add:hover, .tab_btn:hover, .input_typ:focus, .textarea_msg:focus { color: #7d7d7d; }

p, dl, .sheet_text ul li { color: #828282; }

a, li, .input_qty, .btn_add, .tab_btn, .input_typ, .textarea_msg { color: #afafaf; }

.flash_msg, .img_credits { color: #c8c8c8; }

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 size & line-height
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
h1 {	font-size: 2.2em; }

h2 { font-size: 1.7em; line-height: 1.6em; }

h3 { font-size: 1em; }

#menu li { font-size: 1.1em; }

p, dl { font-size: 1em; line-height: 1.8em; }

.img_credits { font-size: 0.9em; }

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 font & text properties
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
h1, h2, p, a { font-weight: normal; text-decoration: none; }

h1, h2, h3 { letter-spacing: 1px; }

a { outline: none; }

em {	font-style: normal; }

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 specific selectors
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
h1 strong { position: relative; top: 1px; }
h2 strong { position: relative; top: -1px; }

#menu ul li {
	padding-bottom: 1px;
	border-bottom: 1px solid #e1e1e1;
}

#menu ul li.last {
/* 	text-align: right; DEAKTIVERT 23.10.2011 */
}

.txt p {
/* 	text-align: justify; */
}

.sheet_text h3 {
	margin: 20px 0 3px;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

 header

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#header {
	position: absolute;
	width: 100%;
	z-index: 100;
}

#title {
	position: absolute;
	top: 18px;
	left: 20px;
	background: url('graphics/title.png') no-repeat 0 0;
	width: 159px;
	height: 22px;
}

#menu {
	position: absolute;
	top: 26px;
	width: 100%;
}

#menu ul {
	position: relative;
	list-style-type: none;
	width: 100%;

}

#menu ul li {
	float: left;
	width: 90px;
	margin-right: 10px;

}

#menu ul li.first {
	display: inline;
	margin-left: 210px;
}

#menu ul li.last {
	position: absolute;
	right: 10px;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

 productsheet / videosheet (e_box overlay)

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 overlay container
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.overlay {
	background-color: #fff;
	overflow: hidden;
}

.closer {
	position: absolute;
	top: 5px;
	right: 5px;
	background: url('graphics/closer.gif') no-repeat 0 0;
	width: 33px;
	height: 33px;
	cursor: pointer;
	z-index: 100;
}

.closer:hover {
	background-position: 0 -33px;
}

.product_sheet, .video_sheet {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.border_top, .border_right, .border_bottom, .border_left { position: absolute; background-color: #fff; z-index: 100; }

.border_top, .border_bottom {	width: 100%; height: 2px; }

.border_right, .border_left { width: 2px; height: 100%; }

.border_top { top: 0; }

.border_right { right: 0; }

.border_bottom { bottom: 0; }

.border_left {	left: 0; }

a.sheet_up, a.sheet_down {
	display: none;
	position: absolute;
	width: 100%;
	height: 35px;
	z-index: 99;
}

a.sheet_up {
	top: 2px;
	background: url('graphics/sheet_arrow_up.gif') no-repeat 50% 0 #fff;
}

a.sheet_down {
	bottom: 2px;
	background: url('graphics/sheet_arrow_down.gif') no-repeat 50% 0 #fff;
}

a.sheet_up:hover, a.sheet_down:hover {
	background-position: 50% -35px;
}

a.sheet_left, a.sheet_right {
	display: none;
	position: absolute;
	width: 35px;
	height: 100%;
	z-index: 99;
}

a.sheet_left {
	left: 2px;
	background: url('graphics/sheet_arrow_left.gif') no-repeat 0 50% #fff;
}

a.sheet_right {
	right: 2px;
	background: url('graphics/sheet_arrow_right.gif') no-repeat 0 50% #fff;
}

a.sheet_left:hover, a.sheet_right:hover {
	background-position: -35px 50%;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 productsheet content
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.sheet_title {
	position: absolute;
	top: 18px;
	left: 20px;
	background-color: #fff;
	padding: 0 5px 5px 0;
	z-index: 99;
}

.sheet_text {
	position: absolute;
	top: 140px;
	left: 20px;
	width: 220px;
}

.sheet_text ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.sheet_text ul li {
	position: relative;
	margin: 0 0 0;
	padding: 0;
	border: 0;
}

.sheet_center {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
}

.sheet_index_img {
	position: absolute;
	left: 50%;
}

.sheet_detail_img {
	position: absolute;
	right: 25px;
}

.sheet_color {
	display: inline;
	margin-top: 10px;
	margin-right: 5px;
}

.sheet_dimension_img {
	margin: 5px 0 10px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 videosheet content
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.video_player {
	background-color: #fafafa;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 512px;
	height: 288px;
	margin-top: -144px;
	margin-left: -256px;
	z-index: 10;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

 credits

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#credits a {
	background: url('graphics/credits.gif') no-repeat 0 0;
	width: 61px;
	height: 19px;
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 7px;
	z-index: 98;
}

#credits a:hover {
	background-position: 0 -19px;
}

/*//////////////////////////////////////////////////////////////////////////  this is the end  //////////////////////////////////////////////////////////////////////////*/