/* 
Title:      Kinnarps ComfortControl screen styles
Author:     Fivestarday http://www.fivestarday.se
Note:		The Awesome Dead Centre technique,
			from: http://www.wpdfd.com/editorial/thebox/deadcentre4.html
*/

/******************************************** General Stuff ***/
body {
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
}

a, a:visited {	color:#0c2869; }

/******************************************** The Main Centering Stuff ***/

#horizon {
	background:#fff;
	position:absolute;
	top:50%;
	top:0;
	left:0px;
	width:100%;
	height: 1px;
	overflow:visible;
	visibility:visible;
	display: block;
	z-index:20;
}
#window {
	position: relative;
	width:808px;
width:828px;
	margin: auto;
/*	padding:0 10px 0 10px;*/
padding:0;
	visibility:visible;
	z-index:21;
}
#mastert_innards {
    position:absolute;
    top:-350px;
top:10px;
    left:0;
    height:648px;
/*	padding:10px 0 10px 0;*/
padding:10px;
    width:100%;
}

/******************************************** The Shadows & The Box ***/
#shdw_t {
	background:url(img/t.png) top left repeat-x;
}

#shdw_b {
	background:url(img/b.png) bottom left repeat-x;
}

#shdw_l {
	background:url(img/l.png) top left repeat-y;
}

#shdw_r {
	background:url(img/r.png) top right repeat-y;
}

#shdw_br {
	background:url(img/br.png) 100% 100% no-repeat;
}

#shdw_bl {
	background:url(img/bl.png) 0 100% no-repeat;
}

#shdw_tl {
	background:url(img/tl.png) top left no-repeat;
}

#shdw_tr {
	background:url(img/tr.png) top right no-repeat;
}

#shdw_content {
	padding:4px 5px 5px 5px;
	margin:0;
}


/******************************************** Outer Content ***/
#outer_content {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:668px;
	overflow:hidden;
}

#bg_01 #outer_content {
	background:url(img/bg01.jpg) center center no-repeat;
}

#bg_01 #outer_content {
	background:url(img/bg01.jpg) 10px 10px no-repeat;
}


#bg_02 #outer_content {
	background:url(pix/bg02.jpg) center center no-repeat;
}

#bg_02 #outer_content {
	background:url(pix/bg02.jpg) 10px 10px no-repeat;
}
#bg_movie #outer_content {
	background:url(pix/movie_bg.jpg) 10px 10px no-repeat;
}

h1#logobar {
	position:relative;
	top:40px;
	height:40px;
	background:#ffffff url(img/logobar.gif) 5px 0px no-repeat;
	text-indent:-3000px;
	width:812px;
	margin:0 4px;
}

h1#logobar a#kinnarps {
	display:block;
	position:absolute;
	top:3px;
	left:20px;
	width:95px;
	height:32px;
	background:transparent;
}

h1#logobar a#comfortcontrol {
	display:block;
	position:absolute;
	top:3px;
	right:20px;
	width:170px;
	height:32px;
	background:transparent;
}


/******************************************** Language Selector ***/
#language_selector {
	displau:block;
	position:relative;
	width:530px;
	height:auto;
	top:130px;
	left:205px;
}

#language_selector ul {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}

#language_selector ul li {
	float:left;
	width:265px;
}

#language_selector ul li a {
	display:block;
	height:25px;
	padding-left:40px;
	margin-bottom:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:normal;
	line-height:26px;
	color:#ffffff;
}

#language_selector ul li a.undef {
	background: url(img/fl_undef.png) 0 0 no-repeat;
}

#language_selector ul li a.gb {
	background: url(img/fl_gb.png) 0 0 no-repeat;
}

#language_selector ul li a.ne {
	background: url(img/fl_ne.png) 0 0 no-repeat;
}

#language_selector ul li a.sv {
	background: url(img/fl_sv.png) 0 0 no-repeat;
}

#language_selector ul li a.es {
	background: url(img/fl_es.png) 0 0 no-repeat;
}

#language_selector ul li a.dk {
	background: url(img/fl_dk.png) 0 0 no-repeat;
}

#language_selector ul li a.fr {
	background: url(img/fl_fr.png) 0 0 no-repeat;
}

#language_selector ul li a.de {
	background: url(img/fl_de.png) 0 0 no-repeat;
}

#language_selector ul li a.hu {
	background: url(img/fl_hu.png) 0 0 no-repeat;
}

#language_selector ul li a.fi {
	background: url(img/fl_fi.png) 0 0 no-repeat;
}

#language_selector ul li a.it {
	background: url(img/fl_it.png) 0 0 no-repeat;
}

#language_selector ul li a.no {
	background: url(img/fl_no.png) 0 0 no-repeat;
}

#language_selector ul li a.pt {
	background: url(img/fl_pt.png) 0 0 no-repeat;
}

#language_selector ul li a.pl {
	background: url(img/fl_pl.png) 0 0 no-repeat;
}

#language_selector ul li a.ru {
	background: url(img/fl_ru.png) 0 0 no-repeat;
}

#language_selector ul li a.cz {
	background: url(img/fl_cz.png) 0 0 no-repeat;
}

#language_selector ul li a:hover {
	background-position: 0 -25px;
}


/******************************************** Menu Bar & Play Buttons ***/
 #play_all,
 #play_step {
	displau:block;
	position:absolute;
	top:566px;
	height:92px;
	left:20px;
}

#play_all {
	width:53px;
	left:93px;
}

#play_step {
	width:53px;
	left:30px;
}

#play_all a,
#play_step a {
	display:block;
	margin:1px 3px 1px 3px;
	width:53px;
	height:54px;
	text-indent:-3000px;
}

#play_step a {
	background:url(img/btn_step.png) 0 0 no-repeat;
}

#play_all a {
	background:url(img/btn_all.png) 0 0 no-repeat;
}


#play_all a:hover,
#play_step a:hover,
#play_all a.selected,
#play_step a.selected {
	background-position: 0 -54px;
}


#play_button {
	displau:block;
	position:absolute;
	top:586px;
	height:92px;
	left:20px;
	width:158px;
	left:30px;
/*	background:url(pix/playbutton.gif) 0 0 no-repeat;*/
}
/*MT*/
body#bg_01 #play_button {
	background-image:url(img/front_playbutton.gif);

}


/***************** PLAY STEP INFO */
#play_step a {
    position:relative; /*this is the key*/
    z-index:24;
}

#play_step a:hover{
	z-index:25;
	background-position:0 -54px;
}

#play_step a span {
	display:none;
}

#play_step a:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-22px;
	left:-23px;
	width:200px;
	padding:2px 4px;
    border:1px solid #959595;
    background-color:#ffffff;
	color:#404041;
    text-align:center;
	text-indent:0px;
	font-size:11px;
}
/*****************/

/***************** PLAY ALL INFO */
#play_all a {
    position:relative; /*this is the key*/
    z-index:24;
}

#play_all a:hover{
	z-index:25;
	background-position:0 -54px;
}

#play_all a span {
	display:none;
}

#play_all a:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-22px;
	left:-23px;
	width:200px;
	padding:2px 4px;
    border:1px solid #959595;
    background-color:#ffffff;
	color:#404041;
    text-align:center;
	text-indent:0px;
	font-size:11px;
}
/*****************/


#menu_bar {
	position:static;
	width:175px;
	padding:0;
	left:0;
	margin:0;
	height:156px;
	float:left;
	background:url(pix/mainmenu_new.gif) 0 0 no-repeat;
position:absolute;
top:361px;
left:0;
}

/*MT*/
body#bg_01 #menu_bar {
	background-image:url(img/front_menubar.gif);
}


#menu_bar ul {
	float:left;
	width:175px;
	padding-top:10px;
}

#menu_bar ul li {
	float:left;
	padding:0 7px 0 7px;
	clear:both;
}

#menu_bar ul li a {
	display:block;
	margin-bottom:3px;
	font:9px/11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#404041;
/* MANGE FIXES BUGGS */
width:160px;
}


#menu_bar ul li a:hover {
	color:#0c2869;
}

#menu_bar ul li.selected a {
	color:#0c2869;
}

#play_button a {
	display:block;
	font:9px/12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0c2869;
color:#404041;
	padding:10px 0 6px 7px;
	margin:0;
	height:80px;
}
#play_button a.selected,
#play_button a:hover {
	color:#0c2869;
}

#play_button a span {
	background:url(img/playbutton_arrow.png) top right no-repeat;
	padding-right:12px;
}

#play_button a.selected span,
#play_button a:hover span {
	color:#0c2869;
	background:url(img/playbutton_arrow_sel.png) top right no-repeat;
}

/* SPECIAL VERSION FOR THE MOVIES */
 div#menu_bar_low {
	position:absolute;
top:597px;
	width:400px;
left:226px;
	height:74px;
	height:92px;
	background:url(pix/main_menu_low.gif) 0 0 no-repeat;
background:none;
width:550px;
}

#menu_bar_low ul {
	padding:0;
	line-height:1px;
	font-size:1px;
}

#menu_bar_low ul li {
	float:left;
	width:230px;
	padding:0;
	margin:0;
	overflow:hidden;
	line-height:15px;
	font-size:1px;
/*	border-bottom:1px solid red;*/
}


#menu_bar_low ul#horizontalmenu li a,
#menu_bar_low ul#horizontalmenu li a:link,
#menu_bar_low ul#horizontalmenu li a:visited,
#menu_bar_low ul#horizontalmenu li a:hover,
#menu_bar_low ul#horizontalmenu li a:active {
	display:block;
	margin:0;
	padding:0;
	font:9px/12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#404041;
float:left;
	width:220px;
	overflow:hidden;
}

#menu_bar_low ul li a:hover {
	color:#0c2869;
}

#menu_bar_low ul li.selected a {
	color:#0c2869;
}






/******************************************** LEFT MENU ***/
 #left_menu {
	display:block;
	position:absolute;
	top:129px;
	left:30px;
	width:177px;
	height:auto;
}

#left_menu h2 {
	height:10px;
	font:9px/12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0c2869;
	padding:9px 0px 15px 0;
	text-transform:uppercase;
}

#left_menu dl {
	border-top:1px solid #959595;
	color:#404041;
	padding-bottom:15px;
	padding-left:3px;
	padding-right:0;
}

#left_menu dl.firstsection {
	border-top:none;
	color:#404041;
	padding-top:1px;
	padding-bottom:15px;
	padding-left:3px;
	padding-right:0;
}


#left_menu dt {
	padding:9px 0 9px 0;
	font-size:11px;
}

#left_menu dl.firstsection dt {
	padding:0 0 9px 0;
	font-size:11px;
}

#left_menu dd {
	padding:0 0 2px 0;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
}

#left_menu dt a,
#left_menu dd a {
	display:block;
	color:#404041;
}

#left_menu dt a:hover,
#left_menu dd a:hover {
	color:#0c2869;
}
#left_menu dt.selected a,
#left_menu dd.selected a {
	color:#0c2869;
}

/******************************************************************** PLATE BIG ***/
#plate_big {
	display:block;
	position:absolute;
	top:129px;
	left:217px;
	width:571px;
	height:416px;
	background:url(img/platebig.png) top left no-repeat;
	padding:26px 21px 26px 21px;
	float:left;
	overflow:hidden;

	background:url(pix/bigbox.gif) top left no-repeat;
	height:516px;

}

 #plate_big_ergo {
	display:block;
	position:absolute;
	top:129px;
	left:217px;
	width:571px;
	height:516px;
	background:url(pix/bigbox_ergo.jpg) top left no-repeat;
	padding:26px 21px 26px 21px;
	float:left;
	overflow:hidden;
}


/*********************** PLATE BIG - Intro ***/
#plate_big #intro,
#plate_big_ergo #intro {
	display:block;
	width:260px;
	float:left;
	margin-right:35px;
margin-right:15px;
}

#plate_big_ergo #intro h2,
#plate_big #intro h2 { /***********************************************************************************************************/
	font-size:18px;
font-size:11px;
line-height:12px;
	font-weight:normal;
font-weight:bold;
	color:#0c2869;
	margin-bottom:10px;
text-transform:uppercase;
}

#plate_big #intro .trademark {
	font-size:10px;
}


#plate_big_ergo #intro p,
#plate_big #intro p {
	font-size:15px;
	font-weight:normal;
	color:#404041;
	line-height:18px;
	margin-bottom:10px;
font-size:11px;
line-height:14px;
}

/*********************** PLATE BIG - Links ***/
#plate_big #links {
	display:block;
	width:280px;
	height:auto;
	float:left;
	position:absolute;
	top:20px;
	right:50px;
	width:290px;
}

#plate_big #links ul {
	width:275px;
	width:300px;
}

#plate_big #links ul li {
	float:left;
}

#plate_big #links ul li a {
	display:block;
	width:70px;
	height:120px;
	border:1px solid #ffffff;
	margin:0 10px 5px 0;
	overflow:hidden;
width:82px;
height:146px;
}

#plate_big #links ul li a:hover {
	border-color:#cccccc;
}

#plate_big #links ul li.selected a {
	color:#0c2869;
}

/*********************** PLATE BIG - Image ***/
#plate_big #image {
	display:block;
	width:236px;
	height:auto;
	float:left;
}


/******************************************************************** PLATE MEDIUM ***/
 #plate_medium {
	display:block;
	position:absolute;
	top:129px;
	left:217px;
	width:571px;
	height:360px;
	background:url(img/platemedium.png) top left no-repeat;
	padding:6px 21px 8px 6px;
	float:left;


background:url(pix/bigbox.gif) top left no-repeat;
height:516px;
}

#plate_medium_ergo {
	display:block;
	position:absolute;
	top:129px;
	left:217px;
	width:571px;
	height:410px;
	background:url(pix/bigbox.gif) top left no-repeat;
	padding:6px 21px 8px 6px;
	float:left;
}


/*********************** PLATE MEDIUM - Links ***/
#plate_medium #links {
	display:block;
	width:222px;
	height:auto;
	float:left;
}

#plate_medium #links ul {
/*	width:275px;*/
}

#plate_medium #links ul li {
	float:left;
}

#plate_medium #links ul li a {
	display:block;
	width:62px;
	height:108px;
	border:1px solid #ffffff;
	margin:0 10px 9px 0;
	overflow:hidden;
	text-indent:-3000px;
}

#plate_medium #links ul#styleguide li.coffee a {
	background:url(img/styleguide_coffee.jpg) 0 -109px no-repeat;
}

#plate_medium #links ul#styleguide li.marine a {
	background:url(img/styleguide_marine.jpg) 0 -109px no-repeat;
}

#plate_medium #links ul#styleguide li.jetblack a {
	background:url(img/styleguide_jetblack.jpg) 0 -109px no-repeat;
}

#plate_medium #links ul#styleguide li.frost a {
	background:url(img/styleguide_frost.jpg) 0 -109px no-repeat;
}

#plate_medium #links ul#styleguide li.energy a {
	background:url(img/styleguide_energy.jpg) 0 -109px no-repeat;
}

#plate_medium #links ul#styleguide li.passion a {
	background:url(img/styleguide_passion.jpg) 0 -109px no-repeat;
}

#plate_medium #links ul#styleguide li.orbit a {
	background:url(img/styleguide_orbit.jpg) 0 -109px no-repeat;
}

#plate_medium #links ul#styleguide li.track a {
	background:url(img/styleguide_track.jpg) 0 -109px no-repeat;
}

#plate_medium #links ul#styleguide li.monza a {
	background:url(img/styleguide_monza.jpg) 0 -109px no-repeat;
}

#plate_medium #links ul#models li.basic a {
	background:url(img/modellprogram_basic.jpg) 0 -108px no-repeat;
}

#plate_medium #links ul#models li.modell1 a {
	background:url(img/modellprogram_modell1.jpg) 0 -108px no-repeat;
}

#plate_medium #links ul#models li.modell3 a {
	background:url(img/modellprogram_modell3.jpg) 0 -108px no-repeat;
}

#plate_medium #links ul#models li.modell5 a {
	background:url(img/modellprogram_modell5.jpg) 0 -108px no-repeat;
}

#plate_medium #links ul#models li.ninekcv a {
	background:url(img/modellprogram_9000CV.jpg) 0 -108px no-repeat;
}

#plate_medium #links ul#models li.monroe a {
	background:url(img/modellprogram_monroe.jpg) 0 -108px no-repeat;
}


#plate_medium #links ul#styleguide li a:hover,
#plate_medium #links ul#models li a:hover {
	background-position:0 0;
	border-color:#cccccc;
}

#plate_medium #links ul#styleguide li.selected a,
#plate_medium #links ul#models li.selected a {
	background-position:0 0;
}

/*********************** PLATE MEDIUM - Detail ***/
#plate_medium #detail {
	display:block;
	width:280px;
	height:347px;
	float:left;
}

#plate_medium_ergo #detail {
	display:block;
	width:280px;
	width:558px;
	height:297px;
	float:left;
	overflow:hidden;
	
}
div.models {
}
div.models #detail {
	margin-left:55px;
}

div.styleguide #detail {
	margin-right:50px;
}

div.styleguide #detail img#chairdetails {
	border-top:8px solid white;
}


/******************************************************************** PLATE MEDIUM STEP ***/
 #plate_medium_step {
	display:block;
	position:absolute;
	top:129px;
	left:217px;
	width:571px;
	height:360px;
	background:url(img/platemedium.png) top left no-repeat;
	padding:1px 3px 2px 1px;
	float:left;
}

/*********************** PLATE MEDIUM - Step ***/
#plate_medium_step #step {
	display:block;
	width:568px;
	height:357px;
}
#plate_medium_step div.midstep {
	background:url(img/step_bg.jpg) top left no-repeat;
}

/******************************************************************** PLATE SMALL ***/
 #plate_small {
	display:block;
	position:absolute;
	top:490px;
	left:217px;
	width:550px;
	height:55px;
	background:url(img/platesmall.png) top left no-repeat;
	padding:6px 21px 8px 12px;
	float:left;

height:156px;
background:url(pix/stepbystep_textplate.gif) top left no-repeat;
}
#plate_small_styleguide {
/* MUNGO INVENTION */
	display:block;
	position:absolute;
	top:490px;
	left:217px;
	width:550px;
	height:55px;
	background:url(img/platesmall.png) top left no-repeat;
	padding:6px 21px 8px 12px;
	float:left;

height:156px;
top:588px;
background:none;

}
#plate_small_models {
/* MUNGO INVENTION */
	display:block;
	position:absolute;
	top:490px;
	left:217px;
	width:550px;
	height:55px;
	background:url(img/platesmall.png) top left no-repeat;
	padding:6px 21px 8px 12px;
	float:left;

height:156px;
background:none;

}

#plate_small_styleguide {
/* MUNGO INVENTION */
	display:block;
	position:absolute;
	top:490px;
	left:217px;
	width:550px;
	height:55px;
	background:url(img/platesmall.png) top left no-repeat;
	padding:6px 21px 8px 12px;
	float:left;

height:156px;
top:588px;
background:none;



}
 #plate_small_ergo {
	display:block;
	position:absolute;
	top:440px;
	left:217px;
	width:550px;
	height:105px;
	background:url(img/ergo_platesmall.png) top left no-repeat;
	padding:6px 21px 8px 12px;
	float:left;


/*MAGNUS MECKAR NU KRYPTON */
	display:block;
	position:absolute;
	top:431px;
	left:217px;
	width:565px;
	width:573px; /* Added 6px to padding-left (from 6px to 12px) and adjusted width accordingly */
	height:200px;

	background:url(pix/bigbox.gif) bottom left no-repeat;

}

#plate_small dl {
	display:block;
	color:#404041;
}

#plate_small_ergo dl {
	display:block;
	color:#404041;
	width:450px;

width:540px;
height:125px;
position:absolute;
top:8px;
left:10px;
}
/* KB TESTAR
	#plate_small_ergo ul {
		padding:0;
		margin:0;
		position:absolute;
		top:100px;
		left:423px;
		height:54px;
		width:148px;
		}
		#plate_small_ergo ul li a {
			display:block;
			width:74px;
			height:54px;
			background-position:0 0;
			background-repeat:no-repeat;
			position:absolute;
			top:0;left:0;
		}

		#plate_small_ergo ul li {
			width:74px;
			height:54px;
		}

		#plate_small_ergo ul li a.back {
			background-image:url(pix/btn_step_back.gif);
			top:0;
			left:0;
		}
		
		#plate_small_ergo ul li a.forw {
			background-image:url(pix/btn_step_forw.gif);
			top:0;
			left:74px;
		}
		
		#plate_small_ergo ul li a.forw:hover,
		#plate_small_ergo ul li a.back:hover {
			background-position: 0 -100px;
		}
		
		
		#plate_small_ergo ul li.inactive {
			display:block;
			width:74px;
			height:54px;
			background-position:0 0;
			background-repeat:no-repeat;
			position:absolute;
			top:0;left:0;
		}
		#plate_small_ergo ul li.back {
			background-image:url(pix/btn_step_back_inactive.gif);
			position:absolute;
			top:0;
			left:0;
		}
		
		#plate_small_ergo ul li.forw {
			background-image:url(pix/btn_step_forw_inactive.gif);
			top:0;
			left:74px;
		}
*/

#plate_small_ergo ul {
		padding:0;
		margin:0;
		position:absolute;
		top:167px;
		left:453px;
		height:44px;
		width:148px;
		}
		#plate_small_ergo ul li a {
			display:block;
			width:54px;
			height:44px;
			background-position:-12px 0;
			background-repeat:no-repeat;
			position:absolute;
			top:0;left:0;
		}

		#plate_small_ergo ul li {
			width:54px;
			height:44px;
			overflow:hidden;
		}

		#plate_small_ergo ul li a.back {
			background-image:url(pix/btn_step_back.gif);
			top:0;
			left:0;
		}
		
		#plate_small_ergo ul li a.forw {
			background-image:url(pix/btn_step_forw.gif);
			top:0;
			left:54px;
		}
		
		#plate_small_ergo ul li a.forw:hover,
		#plate_small_ergo ul li a.back:hover {
			background-position: -12px -100px;
		}
		
		
		#plate_small_ergo ul li.inactive {
			display:block;
			width:54px;
			height:44px;
			background-position:-12px 0;
			background-repeat:no-repeat;
			position:absolute;
			top:0;left:0;
		}
		#plate_small_ergo ul li.back {
			background-image:url(pix/btn_step_back_inactive.gif);
			position:absolute;
			top:0;
			left:0;
		}
		
		#plate_small_ergo ul li.forw {
			background-image:url(pix/btn_step_forw_inactive.gif);
			top:0;
			left:54px;
		}


/*
#plate_small_ergo ul {
	padding:0;
	margin:0;
	position:absolute;
	top:60px;
	right:14px;
	height:43px;
	width:92px;
}

#plate_small_ergo ul li a {
	display:block;
	height:43px;
	width:46px;
	background-position: 0 0;
	background-repeat:no-repeat;
	float:left;
}

#plate_small_ergo ul li a.back {
	background-image:url(img/btn_step_back.gif);
}

#plate_small_ergo ul li a.forw {
	background-image:url(img/btn_step_forw.gif);
}

#plate_small_ergo ul li a.forw:hover,
#plate_small_ergo ul li a.back:hover {
	background-position: 0 -43px;
}

#plate_small_ergo ul li.inactive {
	display:block;
	height:43px;
	width:46px;
	background-position: 0 0;
	background-repeat:no-repeat;
	float:left;
}

#plate_small_ergo ul li.back {
	background-image:url(img/btn_step_back_inactive.gif);
	top:0;
	left:4px;
}

#plate_small_ergo ul li.forw {
	background-image:url(img/btn_step_forw_inactive.gif);
	top:0;
	left:59px;
}

*/

#plate_small_styleguide dl#styleguide dt,
#plate_small_styleguide dl#styleguide dd {
	float:left;
	font-size:11px;
	line-height:14px;
}

#plate_small_styleguide dl#styleguide dt {
	font-weight:bold;
}

#plate_small_models dl,
#plate_small_styleguide dl {
	display:block;
	color:#404041;
	padding-top:3px;
}


#plate_small_styleguide dl#styleguide dt,
#plate_small_styleguide dl#styleguide dd,
#plate_small_ergo dl#step dt,
#plate_small_ergo dl#step dd,
#plate_small_models dl#models dt,
#plate_small_models dl#models dd,
#plate_small dl#models dt,
#plate_small dl#models dd,
#plate_small dl#step dt,
#plate_small dl#step dd {
	font-size:11px;
	line-height:14px;
}
#plate_small_models dt,
#plate_small_ergo dt,
#plate_small dt {
	font-weight:bold;
}

#plate_small_styleguide dl#styleguide dt {
	padding-right:5px;
}

#plate_small_styleguide dl#styleguide dd {
	padding-right:10px;
}

/*

#plate_small_styleguide dl#styleguide dt.en_left {
	width:155px;
}

#plate_small_styleguide dl#styleguide dt.right {
	width:65px;
}

#plate_small_styleguide dl#styleguide dt.en_right {
	width:100px;
}
*/

#plate_small_ergo dl#step dt,
#plate_small dl#step dt {
	text-transform:uppercase;
	color:#0c2869;
}

#plate_small dd {
	font-weight:normal;
}
/*
#plate_small_styleguide dl#styleguide dd {
	width:145px;
}*/

/******************************************************************** PLATE SMALL BUTTON ***/
/*#plate_small_btn {
	display:block;
	position:absolute;
	top:490px;
	left:217px;
	width:565px;
	width:571px; /* Added 6px to padding-left (from 6px to 12px) and adjusted width accordingly */
/*	height:55px;
	background:url(img/platesmall_btn.png) top left no-repeat;
	padding:6px 21px 8px 12px;
	padding:6px 0 8px 6px;
	float:left;
}*/

#plate_small_btn {
	display:block;
	position:absolute;
	top:490px;
	left:217px;
	width:565px;
	width:573px; /* Added 6px to padding-left (from 6px to 12px) and adjusted width accordingly */
	height:156px;
	background:url(pix/bottomplate.gif) top left no-repeat;

background:url(pix/stepbystep_textplate.gif) top left no-repeat;
/*JUNK?:*/

/*
	padding:6px 21px 8px 12px;
	padding:6px 0 8px 6px;
	
	
	*/
}



#plate_small_btn dl#styleguide dt,
#plate_small_btn dl#styleguide dd {
	float:left;
	font-size:11px;
	line-height:14px;
}


#plate_small_btn dl#models dt,
#plate_small_btn dl#models dd,
#plate_small_btn dl#step dt,
#plate_small_btn dl#step dd {
	font-size:11px;
	line-height:14px;
}

#plate_small_btn dt {
	font-weight:bold;
}

#plate_small_btn dl#styleguide dt {
	width:115px;
}

#plate_small_btn dl#styleguide dt.right {
	width:65px;
}

#plate_small_btn dl#step {
	color:#404041;
	width:403px;
	width:540px;
	height:125px;
	position:absolute;
	top:8px;
	left:10px;
}
#plate_small_btn dl#step dt {
	text-transform:uppercase;
	color:#0c2869;
}

#plate_small_btn dd {
	font-weight:normal;
}

#plate_small_btn dl#styleguide dd {
	width:165px;
}



/******************************************** PLATE HUGE ***/
 #plate_huge {
	display:block;
	position:absolute;
	top:129px;
	left:30px;
	width:758px;
	height:416px;
	padding:1px 0 0 1px;
	background:url(img/platecomfortcontrol.png) top left no-repeat;
}

/******************************************** PLAY ALL & STEP BUTTONS ***/
#play_all_button {
	display:block;
	position:absolute;
	top:255px;
	left:216px;
	width:565px;
	height:54px;
}

#play_step_button {
	display:block;
	position:absolute;
	top:345px;
	left:216px;
	width:565px;
	height:54px;
}

#play_all_button a,
#play_step_button a {
	display:block;
	height:54px;
	width:565px;
	background-position: 0 0;
	background-repeat:no-repeat;
}
/*
#play_all_button a {
	background-image:url(img/btn_all.png);
}

#play_step_button a {
	background-image:url(img/btn_step.png);
}*/

#play_all_button a {
	background-image:url(img/front_btn_all.gif);
}

#play_step_button a {
	background-image:url(img/front_btn_step.gif);
}


#play_all_button a:hover,
#play_step_button a:hover {
	background-position: 0 -54px;
}


#play_all_button a dl,
#play_step_button a dl {
	display:block;
	color:#ffffff;
	margin-left:70px;
}

#play_all_button a dt,
#play_step_button a dt {
	font-size:23px;
	line-height:22px;
	font-weight:normal;
	padding-top:6px;
}

#play_all_button a dd,
#play_step_button a dd {
	font-size:13px;
	line-height:19px;
	font-weight:normal;
}


/******************************************************************** OTHER ***/
div.clear {clear:both;}

	#plate_small_btn ul {
		padding:0;
		margin:0;
		position:absolute;
		top:108px;
		left:453px;
		height:44px;
		width:148px;
		}
		#plate_small_btn ul li a {
			display:block;
			width:54px;
			height:44px;
			background-position:-12px 0;
			background-repeat:no-repeat;
			position:absolute;
			top:0;left:0;
		}

		#plate_small_btn ul li {
			width:54px;
			height:44px;
			overflow:hidden;
		}

		#plate_small_btn ul li a.back {
			background-image:url(pix/btn_step_back.gif);
			top:0;
			left:0;
		}
		
		#plate_small_btn ul li a.forw {
			background-image:url(pix/btn_step_forw.gif);
			top:0;
			left:54px;
		}
		
		#plate_small_btn ul li a.forw:hover,
		#plate_small_btn ul li a.back:hover {
			background-position: -12px -100px;
		}
		
		
		#plate_small_btn ul li.inactive {
			display:block;
			width:54px;
			height:44px;
			background-position:-12px 0;
			background-repeat:no-repeat;
			position:absolute;
			top:0;left:0;
		}
		#plate_small_btn ul li.back {
			background-image:url(pix/btn_step_back_inactive.gif);
			position:absolute;
			top:0;
			left:0;
		}
		
		#plate_small_btn ul li.forw {
			background-image:url(pix/btn_step_forw_inactive.gif);
			top:0;
			left:54px;
		}

/*MT*/


/*
#plate_small_btn ul li.inactive {
	display:block;
	height:54px;
	width:74px;
	background-position: 0 0;
	background-repeat:no-repeat;
	float:left;
position:absolute;
}

#plate_small_btn ul li.back {
	background-image:url(img/btn_step_back_inactive.gif);
top:0;
left:0;
}

#plate_small_btn ul li.forw {
	background-image:url(img/btn_step_forw_inactive.gif);
top:0;
left:74px;
}

*/

#styleguide_detail_header {
	position:absolute;
	top:26px;
	left:21px;
	font-size:18px;
font-size:11px;
	font-weight:normal;
font-weight:bold;
	color:#0c2869;
	text-transform:uppercase;
}

/* MODELS */

#plate_big #models_lefttop,
#plate_big #models_leftbot_left,
#plate_big #models_leftbot_right,
#plate_big #models_mid,
#plate_big #models_right_top,
#plate_big #models_right_mid,
#plate_big #models_right_bot {
	position:absolute;
}

#plate_big #models_lefttop a,
#plate_big #models_leftbot_left a,
#plate_big #models_leftbot_right a,
#plate_big #models_mid a,
#plate_big #models_right_top a,
#plate_big #models_right_mid a,
#plate_big #models_right_bot a {
	border:1px solid red;
	display:block;
	width:72px;
}

#plate_big #models_right_top a,
#plate_big #models_right_mid a,
#plate_big #models_right_bot a {
	width:72px;
	height:122px;
	border:1px solid #ffffff;
	margin-bottom:2px;
}

#plate_big #models_right_top a:hover,
#plate_big #models_right_mid a:hover,
#plate_big #models_right_bot a:hover {
	border-color:#cccccc;
}

#plate_big #models_mid a {
	width:222px;
	border:1px solid #ffffff;
}

#plate_big #models_mid a:hover {
	border-color:#cccccc;
}



#plate_big #models_lefttop {
	width:210px;
	left:21px;
	top:26px;
	float:left;
}

#plate_big #models_leftbot_left {
	width:92px;
	left:10px;
	top:243px;
top:352px;
}

#plate_big #models_leftbot_right {
	width:92px;
	left:107px;
	top:243px;
top:352px;
}


#plate_big #models_mid {
	width:220px;
	left:242px;
	top:10px;
}

#plate_big #models_right_top {
	width:72px;
	left:479px;
	top:10px;
}

#plate_big #models_right_mid {
	width:72px;
	left:479px;
	top:137px;
top:187px;
}

#plate_big #models_right_bot {
	width:72px;
	left:479px;
	top:263px;
top:352px;
}


#plate_big #models_right li {
	float:none;
}



#plate_big #models_leftbot_right a,
#plate_big #models_leftbot_left a {
	width:90px;
	height:140px;
	border:1px solid #ffffff;
}

#plate_big #models_leftbot_right a:hover,
#plate_big #models_leftbot_left a:hover {
	border-color:#cccccc;
}



#plate_big #models_lefttop h2 {
	font-size:18px;
font-size:11px;
line-height:12px;
	font-weight:normal;
font-weight:bold;
	color:#0c2869;
	margin-bottom:10px;
text-transform:uppercase;
}

#plate_big #models_lefttop .trademark {
	font-size:9px;
}


#plate_big #models_lefttop p {
	font-size:15px;
	font-weight:normal;
	color:#404041;
	line-height:18px;
	margin-bottom:10px;
font-size:11px;
line-height:14px;
}



/******************************************** SAFARI WILL IGNORE THESE AND THE ONES EVER AFTER ***/

#language_selector ul li a {font-size:16px; font-weight:normal;#}
#menu_bar ul li a {font-size:10px; margin-bottom:3px;} /* Kanske ta bort bold, mycket cleanare utan */
#play_button a {font-size:10px; margin-bottom:4px;}
#left_menu h2 {font-size:10px;}
#left_menu dd {font-size:10px;}