 /* GENERAL RULES
--------------------------------------------------------------------*/

* {
	/*overwrite all default browser settings*/
	margin:				0;
	padding:			0;
	
	/*global font settings*/
	font-family: 		arial,helvetica,sans-serif;
}

body {
	padding:			0;
	margin:				0;
	font-size:			90%;
	background:			url(../images/page_header.png) top left repeat-x #7b8386;
	color:				#3a3a3a;

	
}

em {
	font-style:			italic !important;
}

 /* Global Link Settings
--------------------------------*/
a,
a:link,
a:visited {
	color:				#8bc43e;
	text-decoration:	none;
}
a:hover {
	text-decoration:	underline;
}

a:active {
	color: pink;
	}

 /* General Elements
--------------------------------*/

img {
	display: 			block; /*to avoid IE 3px bug, keep or delete, can be used with .float-left/right*/
	border:				0;
}

 /* Good to have global classes
--------------------------------*/
.floatright {
	float: 				right;
	display:			inline; /*to avoid IE double margin bug*/
}
.floatleft {
	float: 				left;
	display:			inline; /*to avoid IE double margin bug*/
}
.alignright {
	text-align:			right;
}

/*e.g. for accessibility quick links*/
.hide {
	height: 			0;
	width: 				0;
	overflow: 			hidden;
	position: 			absolute;
}

/*---- arial ----*/
#arial {
position:relative;
left: 312px;
width: 60px;
height: 71px;
padding: 0;
margin: 0;
top: 0;
}



/* #navigation
-----------------------------------------------------------------*/
#navigation {
clear:both;
position: relative;
width: 155px;
top: 235px;
_top: 170px;
margin-right: 16px;
_margin-right: 10px;
float:right;
}

#navigation ul {
list-style: none;
}

#navigation ul li {
float: left;
margin: 0 8px 0px 0;
}

#navigation ul li a {
width:64px;
display:block;
text-indent: -3000px;
}

.clear_both {
clear:both;
}

/*----Button Hover State-----*/
#navigation ul li a:hover {
background-position: -128px 0px;
}

/*-----Button Click State-----*/
#navigation ul li a:active {
background-position: 0px 0px;
}

#download {
position:absolute;
margin-left: 580px;
top: 562px;
width: 64px;
height: 43px;
z-index: 300;
}

#download_market {
position:absolute;
margin-left: 490px;
top: 563px;
width: 64px;
height: 43px;
z-index: 300;
}

#download ul, #download_market ul {
list-style:none;
}

a.float_right {
float: right;
padding-left: 5px;
padding-right:10px;
}

li.button_download a {
float:left;
height: 42px;
width: 176px;
text-indent: -34567px;
background: url(../images/button_download.png) -174px 0px no-repeat;
}

li#en.button_download a {
float:left;
height: 42px;
width: 176px;
text-indent: -34567px;
background: url(../images/button_download.png) -174px 0px no-repeat;
}

li#it.button_download a {
float:left;
height: 42px;
width: 176px;
text-indent: -34567px;
background: url(../images/button_download_it.png) -174px 0px no-repeat;
}

li#fr.button_download a {
float:left;
height: 42px;
width: 176px;
text-indent: -34567px;
background: url(../images/button_download_fr.png) -174px 0px no-repeat;
}

li#es.button_download a {
float:left;
height: 42px;
width: 176px;
text-indent: -34567px;
background: url(../images/button_download_es.png) -174px 0px no-repeat;
}

li#de.button_download a {
float:left;
height: 42px;
width: 176px;
text-indent: -34567px;
background: url(../images/button_download_de.png) -174px 0px no-repeat;
}


li.button_download a:hover {
background-position: -348px 0;
}

li.button_download a:active {
background-position: 0px 0px;
}


li#en.button_calculate-energy-costs a {
float:left;
height: 42px;
width: 280px;
text-indent: -34567px;
background: url(../images/button_calculate-energy-costs_en.png) -276px 0px no-repeat;
}

li#it.button_calculate-energy-costs a {
float:left;
height: 42px;
width: 280px;
text-indent: -34567px;
background: url(../images/button_calculate-energy-costs_it.png) -276px 0px no-repeat;
}

li#fr.button_calculate-energy-costs a {
float:left;
height: 42px;
width: 280px;
text-indent: -34567px;
background: url(../images/button_calculate-energy-costs_fr.png) -276px 0px no-repeat;
}

li#es.button_calculate-energy-costs a {
float:left;
height: 42px;
width: 280px;
text-indent: -34567px;
background: url(../images/button_calculate-energy-costs_es.png) -276px 0px no-repeat;
}

li#de.button_calculate-energy-costs a {
float:left;
height: 42px;
width: 280px;
text-indent: -34567px;
background: url(../images/button_calculate-energy-costs_de.png) -276px 0px no-repeat;
}


li#en.button_download_market a {
float:left;
height: 42px;
width: 280px;
text-indent: -34567px;
background: url(../images/button_download_market.png) -276px 0px no-repeat;
}

li#it.button_download_market a {
float:left;
height: 42px;
width: 280px;
text-indent: -34567px;
background: url(../images/button_download_market_it.png) -276px 0px no-repeat;
}

li#fr.button_download_market a {
float:left;
height: 42px;
width: 280px;
text-indent: -34567px;
background: url(../images/button_download_market_fr.png) -276px 0px no-repeat;
}

li#es.button_download_market a {
float:left;
height: 42px;
width: 280px;
text-indent: -34567px;
background: url(../images/button_download_market_es.png) -276px 0px no-repeat;
}

li#de.button_download_market a {
float:left;
height: 42px;
width: 280px;
text-indent: -34567px;
background: url(../images/button_download_market_de.png) -276px 0px no-repeat;
}

li.button_download_market a:hover {
background-position: -348px 0;
}



/*--HOME Button---*/
			li.button_home a {
			height:62px;
			background: url(../images/button_home.png) center top no-repeat;
			}
			
			li#en.button_home a {
			height:62px;
			background: url(../images/button_home.png) center top no-repeat;
			}
			
			li#it.button_home a {
			height:62px;
			background: url(../images/button_home_it.png) center top no-repeat;
			}
			
			li#fr.button_home a {
			height:75px;
			background: url(../images/button_home_fr.png) center top no-repeat;
			}
			
			li#es.button_home a {
			height:62px;
			background: url(../images/button_home_es.png) center top no-repeat;
			}
			
			li#de.button_home a {
			height:62px;
			background: url(../images/button_home_de.png) center top no-repeat;
			}
			
/*--FORUM Button---*/

			li.button_forum a {
			height:62px;
			background: url(../images/button_forum.png) center top no-repeat;
			}
			
			li#en.button_forum a {
			height:62px;
			background: url(../images/button_forum.png) center top no-repeat;
			}
			
			li#it.button_forum a {
			height:62px;
			background: url(../images/button_forum.png) center top no-repeat;
			}
			
			li#fr.button_forum a {
			height:62px;
			background: url(../images/button_forum.png) center top no-repeat;
			}
			
			li#es.button_forum a {
			height:62px;
			background: url(../images/button_forum_es.png) center top no-repeat;
			}
			
			li#de.button_forum a {
			height:62px;
			background: url(../images/button_forum.png) center top no-repeat;
			}
			

/*----FACT & FIGURES button ---*/
			
			li.button_facts_and_figures a {
			height:80px;
			background: url(../images/button_facts-and-figures.png) center top no-repeat;
			}
			
			li#en.button_facts_and_figures a {
			height:80px;
			background: url(../images/button_facts-and-figures.png) center top no-repeat;
			}
			
			li#it.button_facts_and_figures a {
			height:80px;
			background: url(../images/button_facts-and-figures_it.png) center top no-repeat;
			}
			
			li#fr.button_facts_and_figures a {
			height:80px;
			background: url(../images/button_facts-and-figures_fr.png) center top no-repeat;
			}
			
			li#es.button_facts_and_figures a {
			height:80px;
			background: url(../images/button_facts-and-figures_es.png) center top no-repeat;
			}
			
			li#de.button_facts_and_figures a {
			height:80px;
			background: url(../images/button_facts-and-figures_de.png) center top no-repeat;
			}


/*----CHOOSING button ---*/

			li.button_choosing a {
			height:72px;
			background: url(../images/button_choosing.png) center top no-repeat;
			}
			
			li#en.button_choosing a {
			height:72px;
			background: url(../images/button_choosing.png) center top no-repeat;
			}
			
			li#it.button_choosing a {
			height:72px;
			background: url(../images/button_choosing_it.png) center top no-repeat;
			}
			
			li#fr.button_choosing a {
			height:72px;
			background: url(../images/button_choosing_fr.png) center top no-repeat;
			}
			
			li#es.button_choosing a {
			height:72px;
			background: url(../images/button_choosing_es.png) center top no-repeat;
			}
			
			li#de.button_choosing a {
			height:72px;
			background: url(../images/button_choosing_de.png) center top no-repeat;
			}


/*----LEGISLATION button ---*/

			li.button_eu_legislation a {
			height:72px;
			background: url(../images/button_eu-legislation.png) center top no-repeat;
			}
			
			li#en.button_eu_legislation a {
			height:72px;
			background: url(../images/button_eu-legislation.png) center top no-repeat;
			}
			
			li#it.button_eu_legislation a {
			height:72px;
			background: url(../images/button_eu-legislation_it.png) center top no-repeat;
			}
			
			li#fr.button_eu_legislation a {
			height:72px;
			background: url(../images/button_eu-legislation_fr.png) center top no-repeat;
			}
			
			li#es.button_eu_legislation a {
			height:72px;
			background: url(../images/button_eu-legislation_es.png) center top no-repeat;
			}
			
			li#de.button_eu_legislation a {
			height:72px;
			background: url(../images/button_eu-legislation_de.png) center top no-repeat;
			}


/*----FAQ button ---*/
			
			li.button_faq a {
			height:72px;
			background: url(../images/button_faq.png) center top no-repeat;
			}
			
			li#en.button_faq a {
			height:72px;
			background: url(../images/button_faq.png) center top no-repeat;
			}
			
			li#it.button_faq a {
			height:72px;
			background: url(../images/button_faq_it.png) center top no-repeat;
			}
			
			li#fr.button_faq a {
			height:72px;
			background: url(../images/button_faq.png) center top no-repeat;
			}
			
			li#es.button_faq a {
			height:72px;
			background: url(../images/button_faq_es.png) center top no-repeat;
			}
			
			li#de.button_faq a {
			height:72px;
			background: url(../images/button_faq_de.png) center top no-repeat;
			}


/*----LINKS button ---*/
			
			li.button_links a {
			height:62px;
			background: url(../images/button_links.png) center top no-repeat;}
			
			li#en.button_links a {
			height:62px;
			background: url(../images/button_links.png) center top no-repeat;}
			
			li#it.button_links a {
			height:62px;
			background: url(../images/button_links_it.png) center top no-repeat;}
			
			li#fr.button_links a {
			height:62px;
			background: url(../images/button_links_fr.png) center top no-repeat;}
			
			li#es.button_links a {
			height:62px;
			background: url(../images/button_links_es.png) center top no-repeat;}
			
			li#de.button_links a {
			height:62px;
			background: url(../images/button_links_de.png) center top no-repeat;}

/*----PLAY button ---*/
			
			li.button_play a {
			margin-top: 0px;
			margin-left: 35px;
			height:62px;
			background: url(../images/button_play.png) center top no-repeat;
			}
			
			li#en.button_play a {
			margin-top: 0px;
			margin-left: 35px;
			height:62px;
			background: url(../images/button_play.png) center top no-repeat;
			}
			
			li#it.button_play a {
			margin-top: 0px;
			margin-left: 35px;
			height:80px;
			background: url(../images/button_play_it.png) center top no-repeat;
			}
			
			li#fr.button_play a {
			margin-top: 0px;
			margin-left: 35px;
			height:80px;
			background: url(../images/button_play_fr.png) center top no-repeat;
			}
			
			li#es.button_play a {
			margin-top: 0px;
			margin-left: 35px;
			height:80px;
			background: url(../images/button_play_es.png) center top no-repeat;
			}
			
			li#de.button_play a {
			margin-top: 0px;
			margin-left: 35px;
			height:80px;
			background: url(../images/button_play_de.png) center top no-repeat;
			}


/*----SKIP button ---*/
			
			li.button_skip a {
			margin-top: 0px;
			margin-left: 35px;
			height:62px;
			background: url(../images/button_skip.png) center top no-repeat;
			}
			
			li#en.button_skip a {
			margin-top: 0px;
			margin-left: 35px;
			height:62px;
			background: url(../images/button_skip.png) center top no-repeat;
			}
			
			li#it.button_skip a {
			margin-top: 0px;
			margin-left: 35px;
			height:80px;
			background: url(../images/button_skip_it.png) center top no-repeat;
			}
			
			li#fr.button_skip a {
			margin-top: 0px;
			margin-left: 35px;
			height:80px;
			background: url(../images/button_skip_fr.png) center top no-repeat;
			}
			
			li#es.button_skip a {
			margin-top: 0px;
			margin-left: 35px;
			height:80px;
			background: url(../images/button_skip_es.png) center top no-repeat;
			}
			
			li#de.button_skip a {
			margin-top: 0px;
			margin-left: 35px;
			height:80px;
			background: url(../images/button_skip_de.png) center top no-repeat;
			}

li.button_home a {
margin-top: 6px;
margin-left: 35px;
}

li.button_skip a {
margin-top: 0px;
margin-left: 35px;
height:62px;
background: url(../images/button_skip.png) center top no-repeat;
}


#standby {
position:absolute;
margin-left: 90px;
top: 572px;
width: 364px;
height: 43px;
z-index: 300;
}

#standby ul {
list-style: none;
}

#standby ul li {
float: left;
margin: 0 5px 0px 0;
}

#standby ul li.flag {
width:24px;
height: 23px;
text-indent:-3000px;
}

#standby ul li.flag a {
width:24px;
height: 23px;
margin-top:16px;
display:block;
}

#standby ul li#flag_en a {
background: url(../images/flag_en.gif) top left no-repeat;
}

#standby ul li#flag_en a:hover {
background: url(../images/flag_en.gif) -35px 0px no-repeat;
}

#standby ul li#flag_en a:active {
background: url(../images/flag_en.gif) -68px 0px no-repeat;
}

#standby ul li#flag_it a {
background: url(../images/flag_it.gif) top left no-repeat;
}

#standby ul li#flag_it a:hover {
background: url(../images/flag_it.gif) -35px 0px no-repeat;
}

#standby ul li#flag_it a:active {
background: url(../images/flag_it.gif) -68px 0px no-repeat;
}

#standby ul li#flag_fr a {
background: url(../images/flag_fr.gif) 0px 0px no-repeat;
}

#standby ul li#flag_fr a:hover {
background: url(../images/flag_fr.gif) -35px 0px no-repeat;
}

#standby ul li#flag_fr a:active {
background: url(../images/flag_fr.gif) -68px 0px no-repeat;
}

#standby ul li#flag_es a {
background: url(../images/flag_es.gif) top left no-repeat;
}

#standby ul li#flag_es a:hover {
background: url(../images/flag_es.gif) -35px 0px no-repeat;
}

#standby ul li#flag_es a:active {
background: url(../images/flag_es.gif) -68px 0px no-repeat;
}

#standby ul li#flag_de a {
background: url(../images/flag_de.gif) top left no-repeat;
}

#standby ul li#flag_de a:hover {
background: url(../images/flag_de.gif) -35px 0px no-repeat;
}

#standby ul li#flag_de a:active {
background: url(../images/flag_de.gif) -68px 0px no-repeat;
}

#standby ul li.button_standby a {
width:64px;
display:block;
text-indent: -3000px;
}

li.button_standby a {
margin-top: 0px;
margin-left: 0px;
height:43px;
background: url(../images/button_standby.png) center top no-repeat;
}

li#en.button_standby a {
margin-top: 0px;
margin-left: 0px;
height:43px;
background: url(../images/button_standby.png) center top no-repeat;
}

li#it.button_standby a {
margin-top: 0px;
margin-left: 0px;
height:43px;
background: url(../images/button_standby_it.png) center top no-repeat;
}

li#fr.button_standby a {
margin-top: 0px;
margin-left: 0px;
height:43px;
background: url(../images/button_standby_fr.png) center top no-repeat;
}

li#es.button_standby a {
margin-top: 0px;
margin-left: 0px;
height:43px;
background: url(../images/button_standby_es.png) center top no-repeat;
}

li#de.button_standby a {
margin-top: 0px;
margin-left: 0px;
height:43px;
background: url(../images/button_standby_de.png) center top no-repeat;
}

#standby li.button_standby a:hover {
background-position: -128px -0px;
}

#standby li.button_standby a:active {
background-position: 0px 0px;
}


/* Controls for the active state of the TV navigation
----------------------------------------------------------------------*/

#content.story li.button_play a,
#content.home li.button_home a,
#content.forum li.button_forum a,
#content.facts_and_figures li.button_facts_and_figures a,
#content.choosing li.button_choosing a,
#content.eu_legislation li.button_eu_legislation a,
#content.faq li.button_faq a,
#content.links li.button_links a,
#content.standby #standby li.button_standby a
 {
background-position: -128px 0;
}


#content.story li.button_play a:hover,
#content.home li.button_home a:hover,
#content.forum li.button_forum a:hover,
#content.facts_and_figures li.button_facts_and_figures a:hover,
#content.choosing li.button_choosing a:hover,
#content.eu_legislation li.button_eu_legislation a:hover,
#content.faq li.button_faq a:hover,
#content.links li.button_links a:hover,
#content.standby #standby li.button_standby a:hover
 {
background-position: -64px 0;
}

#content.story li.button_play a:active,
#content.home li.button_home a:active,
#content.forum li.button_forum a:active,
#content.facts_and_figures li.button_facts_and_figures a:active,
#content.choosing li.button_choosing a:active,
#content.eu_legislation li.button_eu_legislation a:active,
#content.faq li.button_faq a:active,
#content.links li.button_links a:active,
#content.standby #standby li.button_standby a:active
 {
background-position: 0 0;
}



 /* #content - Global elements (works in all columns)
--------------------------------------------------------------------*/
#content {
	margin-left: auto;
	margin-right: auto;
	min-height:685px;
  	height:auto !important;
  	height:685px;
	width: 947px;
	margin-top: 3px;
	background: url(../images/bg_screen-v3.0.png) 0px 0px no-repeat;
}

#content p {
	margin:				0px 0px 1em 0px;
	font-size:			13px;
	line-height:		17px;
	clear:left;
}


#content .intro p {
	font-weight: bold;
	font-size: 140%;
	color: #3a3a3a;
	line-height: 1.2em;
	margin-bottom: 7px;
	}
	
#flash_video {
margin-left:74px;
position:absolute;
top:77px;
width:683px;
}	
	
#step-panel {
position:absolute;
margin-left: 414px;
top: 558px;
width: 352px;
height: 49px;
z-index: 300;
}

#step-panel ul li {
display: inline;
}

#step-panel ul li a {
display: block;
float:left;
width: 70px;
height: 49px;
text-indent:-4000px;
background: #8bc43e;
}

#step-panel ul li.start a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -0px 0;
margin-top: 8px;
}

#step-panel ul.en li.start a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -0px 0;
margin-top: 8px;
}

#step-panel ul.it li.start a {
background: url(../images/steps_small_it.png) top left no-repeat;
background-position: -0px 0;
margin-top: 8px;
}

#step-panel ul.fr li.start a {
background: url(../images/steps_small_fr.png) top left no-repeat;
background-position: -0px 0;
margin-top: 8px;
}

#step-panel ul.es li.start a {
background: url(../images/steps_small_es.png) top left no-repeat;
background-position: -0px 0;
margin-top: 8px;
}

#step-panel ul.de li.start a {
background: url(../images/steps_small_de.png) top left no-repeat;
background-position: -0px 0;
margin-top: 8px;
}

/*---conditional navigation display---*/
#step-panel.start ul li.start a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -0px -49px;
}

#step-panel.start ul.en li.start a {
background: url(../images/steps_small_it.png) top left no-repeat;
background-position: -0px -49px;
}

#step-panel.start ul.it li.start a {
background: url(../images/steps_small_it.png) top left no-repeat;
background-position: -0px -49px;
}

#step-panel.start ul.fr li.start a {
background: url(../images/steps_small_fr.png) top left no-repeat;
background-position: -0px -49px;
}

#step-panel.start ul.es li.start a {
background: url(../images/steps_small_es.png) top left no-repeat;
background-position: -0px -49px;
}

#step-panel.start ul.de li.start a {
background: url(../images/steps_small_de.png) top left no-repeat;
background-position: -0px -49px;
}


#step-panel ul li.one a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -70px 0;
margin-top: 8px;
}

#step-panel ul.en li.one a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -70px 0;
margin-top: 8px;
}

#step-panel ul.it li.one a {
background: url(../images/steps_small_it.png) top left no-repeat;
background-position: -70px 0;
margin-top: 8px;
}

#step-panel ul.fr li.one a {
background: url(../images/steps_small_fr.png) top left no-repeat;
background-position: -70px 0;
margin-top: 8px;
}

#step-panel ul.es li.one a {
background: url(../images/steps_small_es.png) top left no-repeat;
background-position: -70px 0;
margin-top: 8px;
}

#step-panel ul.de li.one a {
background: url(../images/steps_small_de.png) top left no-repeat;
background-position: -70px 0;
margin-top: 8px;
}


/*---conditional navigation display---*/
#step-panel.one ul li.one a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -70px -49px;
}

#step-panel.one ul.en li.one a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -70px -49px;
}

#step-panel.one ul.it li.one a {
background: url(../images/steps_small_it.png) top left no-repeat;
background-position: -70px -49px;
}

#step-panel.one ul.fr li.one a {
background: url(../images/steps_small_fr.png) top left no-repeat;
background-position: -70px -49px;
}

#step-panel.one ul.es li.one a {
background: url(../images/steps_small_es.png) top left no-repeat;
background-position: -70px -49px;
}

#step-panel.one ul.de li.one a {
background: url(../images/steps_small_de.png) top left no-repeat;
background-position: -70px -49px;
}


#step-panel ul li.two a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -140px 0;
margin-top: 7px;
}

#step-panel ul.en li.two a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -140px 0;
margin-top: 7px;
}

#step-panel ul.it li.two a {
background: url(../images/steps_small_it.png) top left no-repeat;
background-position: -140px 0;
margin-top: 7px;
}

#step-panel ul.fr li.two a {
background: url(../images/steps_small_fr.png) top left no-repeat;
background-position: -140px 0;
margin-top: 7px;
}

#step-panel ul.es li.two a {
background: url(../images/steps_small_es.png) top left no-repeat;
background-position: -140px 0;
margin-top: 7px;
}

#step-panel ul.de li.two a {
background: url(../images/steps_small_de.png) top left no-repeat;
background-position: -140px 0;
margin-top: 7px;
}

/*---conditional navigation display---*/
#step-panel.two ul li.two a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -140px -49px;
margin-top: 7px;
}

#step-panel.two ul.en li.two a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -140px -49px;
margin-top: 7px;
}

#step-panel.two ul.it li.two a {
background: url(../images/steps_small_it.png) top left no-repeat;
background-position: -140px -49px;
margin-top: 7px;
}

#step-panel.two ul.fr li.two a {
background: url(../images/steps_small_fr.png) top left no-repeat;
background-position: -140px -49px;
margin-top: 7px;
}

#step-panel.two ul.es li.two a {
background: url(../images/steps_small_es.png) top left no-repeat;
background-position: -140px -49px;
margin-top: 7px;
}

#step-panel.two ul.de li.two a {
background: url(../images/steps_small_de.png) top left no-repeat;
background-position: -140px -49px;
margin-top: 7px;
}

#step-panel ul li.three a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -210px 0;
margin-top: 5px;
}

#step-panel ul.en li.three a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -210px 0;
margin-top: 5px;
}

#step-panel ul.it li.three a {
background: url(../images/steps_small_it.png) top left no-repeat;
background-position: -210px 0;
margin-top: 5px;
}

#step-panel ul.fr li.three a {
background: url(../images/steps_small_fr.png) top left no-repeat;
background-position: -210px 0;
margin-top: 5px;
}

#step-panel ul.es li.three a {
background: url(../images/steps_small_es.png) top left no-repeat;
background-position: -210px 0;
margin-top: 5px;
}

#step-panel ul.de li.three a {
background: url(../images/steps_small_de.png) top left no-repeat;
background-position: -210px 0;
margin-top: 5px;
}

/*---conditional navigation display---*/
#step-panel.three ul li.three a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -210px -49px;
margin-top: 5px;
width: 70px;
}

#step-panel.three ul.en li.three a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -210px -49px;
margin-top: 5px;
width: 70px;
}

#step-panel.three ul.it li.three a {
background: url(../images/steps_small_it.png) top left no-repeat;
background-position: -210px -49px;
margin-top: 5px;
width: 70px;
}

#step-panel.three ul.fr li.three a {
background: url(../images/steps_small_fr.png) top left no-repeat;
background-position: -210px -49px;
margin-top: 5px;
width: 70px;
}

#step-panel.three ul.es li.three a {
background: url(../images/steps_small_es.png) top left no-repeat;
background-position: -210px -49px;
margin-top: 5px;
width: 70px;
}

#step-panel.three ul.de li.three a {
background: url(../images/steps_small_de.png) top left no-repeat;
background-position: -210px -49px;
margin-top: 5px;
width: 70px;
}


#step-panel ul li.four a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -280px 0;
width: 57px;
margin-top: 5px;
}

#step-panel ul.en li.four a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -280px 0;
width: 57px;
margin-top: 5px;
}

#step-panel ul.it li.four a {
background: url(../images/steps_small_it.png) top left no-repeat;
background-position: -280px 0;
width: 57px;
margin-top: 5px;
}

#step-panel ul.fr li.four a {
background: url(../images/steps_small_fr.png) top left no-repeat;
background-position: -280px 0;
width: 57px;
margin-top: 5px;
}

#step-panel ul.es li.four a {
background: url(../images/steps_small_es.png) top left no-repeat;
background-position: -280px 0;
width: 57px;
margin-top: 5px;
}

#step-panel ul.de li.four a {
background: url(../images/steps_small_de.png) top left no-repeat;
background-position: -280px 0;
width: 57px;
margin-top: 5px;
}


/*---conditional navigation display---*/
#step-panel.four ul li.four a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -280px -49px;
}

#step-panel.four ul.en li.four a {
background: url(../images/steps_small.png) top left no-repeat;
background-position: -280px -49px;
}

#step-panel.four ul.it li.four a {
background: url(../images/steps_small_it.png) top left no-repeat;
background-position: -280px -49px;
}

#step-panel.four ul.fr li.four a {
background: url(../images/steps_small_fr.png) top left no-repeat;
background-position: -280px -49px;
}

#step-panel.four ul.es li.four a {
background: url(../images/steps_small_es.png) top left no-repeat;
background-position: -280px -49px;
}

#step-panel.four ul.de li.four a {
background: url(../images/steps_small_de.png) top left no-repeat;
background-position: -280px -49px;
}

#step-panel ul li.start a:hover {
background-position: 0px -49px;
}

#step-panel ul li.one a:hover {
background-position: -70px -49px;
}

#step-panel ul li.two a:hover {
background-position: -140px -49px;
}

#step-panel ul li.three a:hover {
background-position: -210px -49px;
}

#step-panel ul li.four a:hover {
background-position: -280px -49px;
}

ul.steps {
margin-top: 30px;
}	

ul.steps li {
display: inline;
}

ul.steps li a {
display: block;
padding-top: 110px;
float:left;
width: 130px;
margin-left: 6px;
margin-right: 0px;
height: 100px;
text-align: center;
padding-right: 15px;
}

ul.steps li.type a:hover, ul.steps li.size a:hover, ul.steps li.technology a:hover, ul.steps li.hd a:hover, ul#en.steps li.type a:hover, ul#en.steps li.size a:hover, ul#en.steps li.technology a:hover, ul#en.steps li.hd a:hover, ul#it.steps li.type a:hover, ul#it.steps li.type a:hover, ul#it.steps li.size a:hover, ul#it.steps li.technology a:hover, ul#it.steps li.hd a:hover, ul#fr.steps li.type a:hover, ul#fr.steps li.size a:hover, ul#fr.steps li.technology a:hover, ul#fr.steps li.hd a:hover, ul#es.steps li.type a:hover, ul#es.steps li.size a:hover, ul#es.steps li.technology a:hover, ul#es.steps li.hd a:hover, ul#de.steps li.type a:hover, ul#de.steps li.size a:hover, ul#de.steps li.technology a:hover, ul#de.steps li.hd a:hover  {
background-position: 5px 0;
text-decoration: none;
}

ul.steps li.type a {
background: url(../images/step1.png) top left no-repeat;
background-position: -142px 0;
}

ul#en.steps li.type a {
background: url(../images/step1.png) top left no-repeat;
background-position: -142px 0;
}

ul#it.steps li.type a {
background: url(../images/step1_it.png) top left no-repeat;
background-position: -142px 0;
}

ul#fr.steps li.type a {
background: url(../images/step1_fr.png) top left no-repeat;
background-position: -142px 0;
}

ul#es.steps li.type a {
background: url(../images/step1_es.png) top left no-repeat;
background-position: -142px 0;
}

ul#de.steps li.type a {
background: url(../images/step1_de.png) top left no-repeat;
background-position: -142px 0;
}


ul.steps li.size a {
background: url(../images/step2.png) top left no-repeat;
background-position: -142px 0;
}

ul#en.steps li.size a {
background: url(../images/step2.png) top left no-repeat;
background-position: -142px 0;
}

ul#it.steps li.size a {
background: url(../images/step2_it.png) top left no-repeat;
background-position: -142px 0;
}

ul#fr.steps li.size a {
background: url(../images/step2_fr.png) top left no-repeat;
background-position: -142px 0;
}

ul#es.steps li.size a {
background: url(../images/step2_es.png) top left no-repeat;
background-position: -142px 0;
}

ul#de.steps li.size a {
background: url(../images/step2_de.png) top left no-repeat;
background-position: -142px 0;
}


ul.steps li.technology a {
background: url(../images/step3.png) top left no-repeat;
background-position: -142px 0;
}

ul#en.steps li.technology a {
background: url(../images/step3.png) top left no-repeat;
background-position: -142px 0;
}

ul#it.steps li.technology a {
background: url(../images/step3_it.png) top left no-repeat;
background-position: -142px 0;
}

ul#fr.steps li.technology a {
background: url(../images/step3_fr.png) top left no-repeat;
background-position: -142px 0;
}

ul#es.steps li.technology a {
background: url(../images/step3_es.png) top left no-repeat;
background-position: -142px 0;
}

ul#de.steps li.technology a {
background: url(../images/step3_de.png) top left no-repeat;
background-position: -142px 0;
}


ul.steps li.hd a {
background: url(../images/step4.png) top left no-repeat;
background-position: -142px 0;
width: 115px;
}

ul#en.steps li.hd a {
background: url(../images/step4.png) top left no-repeat;
background-position: -142px 0;
width: 115px;
}

ul#it.steps li.hd a {
background: url(../images/step4_it.png) top left no-repeat;
background-position: -142px 0;
width: 115px;
}

ul#fr.steps li.hd a {
background: url(../images/step4_fr.png) top left no-repeat;
background-position: -142px 0;
width: 115px;
}

ul#es.steps li.hd a {
background: url(../images/step4_es.png) top left no-repeat;
background-position: -142px 0;
width: 115px;
}

ul#de.steps li.hd a {
background: url(../images/step4_de.png) top left no-repeat;
background-position: -142px 0;
width: 115px;
}


/*Step 2 Column Formatting*/

.column_step-2 {
width: 150px;
float:left;
}

.column_step-2 a {
height: 260px;
display: block;
border: solid 0px #CCCCCC;
margin-right: 7px;
}

.column_step-2 a:hover {
text-decoration: none;
background:#CCCCCC;
}

#pic_lcd a {
background: url(../images/graph_lcd.gif) no-repeat  0px 150px;
}

#pic_plasma a {
background: url(../images/graph_plasma.gif) no-repeat  -1px 134px;
}

#pic_rear a {
background: url(../images/graph_rear.gif) no-repeat  0px 150px;
}

#pic_crt a {
background: url(../images/graph_crt.gif) no-repeat  -0px 151px;
}

#pic_lcd a:hover, #pic_rear a:hover, #pic_crt a:hover {
background-position: -161px 150px;
background-color:#CCCCCC;
}

/*---Plasma has it's own measurments as it is higher ---*/
#pic_plasma a:hover {
background-position: -161px 134px;
background-color:#CCCCCC;
}

.column_step-2 span.col_heading, .column_step-3 span.col_heading {
background: #ec008c;
color: #fff;
display: block;
font-size: 14px;
padding: 3px;
}

#content .column_step-2 a span.col_body, #content .column_step-3 a span.col_body {
display:block;
font-size: 11px;
font-weight: normal;
color:#333333;
padding: 3px;
margin: 0px 0px 1em 0px;
line-height: 17px;
}

#content .column_step-3 a span.col_body {
padding: 3px 3px 0 3px;
}

/*Step 3 Column Formatting*/

.column_step-3 {
width: 150px;
float:left;
}

.column_step-3 a {
display: block;
border: solid 0px #CCCCCC;
margin-right: 5px;
padding-bottom: 3px;
}

.column_step-3 a:hover {
text-decoration: none;
background:#CCCCCC;
}


div.column_step2 {
float:left;
width:144px;
margin-right: 5px;
height: 235px;
}

div.column_step2_brief {
float:left;
width:144px;
margin-right: 5px;
height: 175px;
}

div.column_step3 {
float:left;
width:144px;
margin-right: 5px;
height: 203px;
}

p#footnote {
font-size: 11px;
color:#000000;
text-align: center;
}

#content p.secondary-title {
display:block;
width: 136px;
float: left;
background: #ec008c;
font-weight:normal;
text-align: center;
font-size: 12px;
padding: 4px;
color: #fff;
padding-bottom: 0;
margin: 0px 0px 0em 0px;
}

#content p#column_brief span.grey a {
}

p#column, p#column_brief {
width: 134px;
float: left;
padding-right: 20px;
height: 205px;
font-size: 11px;
padding-left: 0px;
line-height: 15px;
}

p#column_brief {
height: 165px;
}

p#column img, p#column_brief img {
margin-top: 7px;
}

p#column.pad, p#column_brief.pad {
width: 126px;
padding: 4px 4px 0 4px;
}

#content p#column a, #content p#column_brief a {
display:block;
width: 136px;
height: 205px;
color: #3a3a3a;
font-weight: normal;
padding: 4px 4px 0px 4px;
}

#content p#column.step3 {
height: 20px;
}

#content p#column.step3 a{
display:block;
width: 136px;
height: 180px;
color: #3a3a3a;
font-weight: normal;
padding: 4px 4px 0px 4px;
}

#content p#column_brief a {
height: 140px;
}

#content p#column a:hover, #content p#column_brief a:hover {
background-color: #CCCCCC;
text-decoration: none;
}

p#grey.secondary-title {
background: #d3d3d3;
}

/*---LCD---*/

p#column.lcd {
background: url(../images/graph_lcd.gif) top left no-repeat;
background-position: 0 100px;
}

p#column_brief.lcd {
background: url(../images/graph_lcd.gif) no-repeat 0px 27px;
}

p#column_brief.lcd_off {
background: url(../images/graph_lcd_off.gif) no-repeat 0px 27px;
}

p#column.lcd a:hover, p#column_brief.lcd a:hover, p#column_brief.lcd_off a:hover  {
background: url(../images/graph_lcd.gif) top left no-repeat;
background-position: -161px 100px;
}

p#column_brief.lcd a:hover, p#column_brief.lcd_off a:hover  {
background: url(../images/graph_lcd.gif) top left no-repeat;
background-position: -161px 27px;
}


/*---CRT---*/

p#column.crt {
background: url(../images/graph_crt.gif) top left no-repeat;
background-position: 0 100px;
}

p#column_brief.crt {
background: url(../images/graph_crt.gif) no-repeat 0px 27px;
}

p#column_brief.crt_off {
background: url(../images/graph_crt_off.gif) no-repeat 0px 27px;
}


p#column.crt a:hover {
background: url(../images/graph_crt.gif) top left no-repeat;
background-position: -160px 99px;
}

p#column_brief.crt a:hover, p#column_brief.crt_off a:hover {
background: url(../images/graph_crt.gif) top left no-repeat;
background-position: -160px 26px;
}

/*---PLASMA---*/

p#column.plasma, p#column_brief.plasma {
background: url(../images/graph_plasma.gif) top left no-repeat;
background-position: 0px 83px;
}

p#column_brief.plasma_off {
background: url(../images/graph_plasma_off.gif) no-repeat 0px 10px;
}

p#column.plasma a:hover {
background: url(../images/graph_plasma.gif) top left no-repeat;
background-position: -160px 83px;
}

p#column_brief.plasma a:hover,  p#column_brief.plasma_off a:hover {
background: url(../images/graph_plasma.gif) top left no-repeat;
background-position: -160px 10px;
}

/*---REAR---*/

p#column.rear {
background: url(../images/graph_rear.gif) no-repeat 0px 99px;
}

p#column_brief.rear {
background: url(../images/graph_rear.gif) no-repeat 0px 26px;
}

p#column_brief.rear_off {
background: url(../images/graph_rear_off.gif) no-repeat 0px 26px;
}


p#column.rear a:hover {
background: url(../images/graph_rear.gif) top left no-repeat;
background-position: -160px 99px;
}

p#column_brief.rear a:hover, p#column_brief.rear_off a:hover  {
background: url(../images/graph_rear.gif) top left no-repeat;
background-position: -160px 26px;
}

/*---*/

#content p br {
line-height:0;
}
	
p span.superscript {
vertical-align:super;
line-height: 1%;
font-size: 80%;
color: #6aa61b;
padding-left:2px;
}

h2 {
font-size: 35px;
line-height: 1em;
margin-bottom:.1em;
}

cite {
font-size: 10px;
font-weight: bold;
font-style:italic;
}

p.centre {
text-align: center;
}

#content ul.bullets {
list-style:disc;
margin-left: 40px;
font-size: 13px;
line-height: 18px;
margin-bottom: 1em;
}

div.previous-step {
position: relative;
float: right;
right: 5px;
margin-left: 10px;
}

div.previous-step a {
display: block;
height: 37px;
width: 33px;
text-indent: -345678px;
background: url(../images/arrows.png) -5px -73px no-repeat;
}

div.previous-step a:hover {
background-position: -5px -38px;
}

div.next-step a:hover {
background-position: -35px -38px;
}

div.previous-step a:active {
background-position: -5px -3px;
}

div.next-step a:active {
background-position: -35px -3px;
}

div.next-step a {
display: block;
height: 37px;
width: 33px;
text-indent: -345678px;
background: url(../images/arrows.png)  -35px -73px no-repeat;
}

div.next-step {
position: relative;
float: right;
right: 0px;
}

#content div.next-step a, #content div.previous-step a {
color:#fff;
}

/*---

div.previous-step {
position: absolute;
top: 415px;
left: 0px;
width: 300px;
text-align: left;
font-size: 13px;
}

#content div.previous-step a {
padding: 4px 6px 4px 4px;
color: #fff;
background: #EC008C;
}

#content div.previous-step a:hover {
background: #999999;
text-decoration: none;
}

#content div.next-step a {
padding: 4px 4px 4px 6px;
color: #fff;
background: #EC008C;
}

#content div.next-step a:hover {
background: #999999;
text-decoration: none;
}


div.next-step {
position: absolute;
top: 415px;
left: 300px;
width: 300px;
text-align: right;
font-size: 13px;
}

#content p.next-step {
margin-top: 25px;
margin-bottom: 0;
}

#content p.next-step a {
padding: 4px;
color: #fff;
background: #EC008C;
}

#content p.next-step a:hover {
background: #999999;
text-decoration: none;
}

---*/

h3 {font-size: 24px;
}

h4 {
font-size: 20px;
}

#content.home h2 {color:#ebb30c;}
#content.facts_and_figures h2 {color:#00aeef}
#content.choosing h2 {color:#ec008c}
#content.eu_legislation h2 {color:#f7931e}
#content.faq h2 {color:#0071bc}
#content.links h2 {color:#859ca8;}
#content.standby h2 {color:#ec0000;}
#content.forum h2 {color:#00C238;}

#content.home a {color:#ebb30c; font-weight:bold}
#content.facts_and_figures a {color:#00aeef; font-weight:bold}
#content.choosing a {color:#ec008c; font-weight:bold}
#content.eu_legislation a {color:#f7931e; font-weight:bold}
#content.faq a {color:#0071bc; font-weight:bold}
#content.links a {color:#859ca8; font-weight:bold;}
#content.standby a {color:#ec0000; font-weight: bold;}
#content.forum a {color:#00C238; font-weight: bold;}

a.underline {
text-decoration: underline;
}

.sub-title {
font-size: 20px;
line-height: 25px;
color: #b2b2b2;
}

#content p.note {
font-size:11px;
color: #ec008c;
margin-bottom: 0;
margin-top: 0px;
}

#speech_bubble, #speech_bubble_home_en, #speech_bubble_home_de, #speech_bubble_home_it, #speech_bubble_home_fr, #speech_bubble_home_es {
position: absolute;
margin-left: 735px;
margin-top: 10px;
z-index: 100;
font-size: 75%;
}

#speech_bubble a, #speech_bubble_home_en a, #speech_bubble_home_en a, #speech_bubble_home_de a, #speech_bubble_home_it a, #speech_bubble_home_fr a, #speech_bubble_home_es a {
display:block;
width:194px;
height:154px;
}

#speech_bubble a:hover {
background: url(../images/speech_bubble_24.png) top left no-repeat;
background-position: 0px 0px;
cursor: default;
}


/* ACTIVATE WHEN LIZ GIVES THE GO AHEAD - THIS WILL SHOW THE NEWS FLASH BUBBLE ON THE HOME PAGE AND TAKE YOU TO THE MARKETING INFO PAGE 
---------------------------*/

#speech_bubble_home_en {
background: url(../images/speech_bubble_news_24_en.png) top left no-repeat;
background-position: 0px 0px;
cursor: pointer;
}

#speech_bubble_home_de {
background: url(../images/speech_bubble_news_24_de.png) top left no-repeat;
background-position: 0px 0px;
cursor: pointer;
}

#speech_bubble_home_it {
background: url(../images/speech_bubble_news_24_it.png) top left no-repeat;
background-position: 0px 0px;
cursor: pointer;
}

#speech_bubble_home_fr {
background: url(../images/speech_bubble_news_24_fr.png) top left no-repeat;
background-position: 0px 0px;
cursor: pointer;
}

#speech_bubble_home_es {
background: url(../images/speech_bubble_news_24_es.png) top left no-repeat;
background-position: 0px 0px;
cursor: pointer;
}

*/

#steps {
width: 600px;
height: 100px;
position: absolute;
margin-left: 130px;
z-index: 100;
font-size: 75%;
margin-top: 69px;
}


.illustration_left {
float:right;
width:326px;
height:210px;
}

.illustration_left_choosing_step_1 {
float:right;
width:265px;
height:100px;
}


/*---Image background rules based on page---*/
#main_container_scroll.home {
background: url(../images/illustration_home.gif) top left no-repeat;
background-position: 100px 115px;
}

#main_container_scroll.choosing_step1 {
background: url(../images/illustration_size-matters.gif) top left no-repeat;
background-position: 210px 140px;
}

#main_container_scroll.choosing_step3 {
background: url(../images/illustration_size-matters.gif) bottom right no-repeat;
}


/* #logo_header rules (this contains the main logo)
-----------------------------------------------------------------*/
#header {
width:976px;
height: 0px;
}

#logo_header_left {
width: 187px;
height: 0px;
float: left;
margin-left: 30px;
}

#logo_header_left h1 a {
width: 187px;
height: 0px;
margin-top: 6px;
margin-left: 10px;
display:block;
text-indent: -4567px;
}

#logo_header_right {
width: 360px;
height: 0px;
float: right;
margin-right: 20px;
}

#logo_header_right h2 a {
width: 281px;
height: 0px;
margin-top: 15px;
display:block;
text-indent: -4567px;
background-position: 0px 0px;
}

#logo_header_right h2 a:hover {
background-position: 0px -52px;
}


/*----FORUM--------*/
#forum_panel_navigation {
font-size: 11px;
float:left;
}

#content #forum_panel_entry ul li a {
color: #6b6b6b;
}

#forum_panel_entry h4 {
font-size: 16px;
line-height: 24px;
padding-bottom: 4px;
color: #00C238;
}

#forum_panel_entry ul li {
margin-bottom: 5px;
}

#forum_panel_comments {
}

#forum_panel_entry {
border: solid 1px #999999;
width: 570px;
padding: 10px;
margin-bottom: 1em;
float:left;
}

#forum_panel_entry .panel_1 {
width: 170px;
float: left;
}

#forum_panel_entry .panel_3 {
width: 170px;
float: left;
}

#forum_panel_entry .panel_3 p {
margin-bottom: 0;
}

.comment_col1 {
width: 150px;
float: left;
}

.comment_col2 {
width: 400px;
float: right;
}

.submit_button {
font-size: 11px;
float:right;
padding: 3px;
}

#forum_panel_entry .panel_4 {
width: 210px;
float: left;
}


#forum_panel_comments, #forum_panel_comments div.comment p {
font-size: 11px;
}

.forum_text_input, .forum_text-box_input {
width: 140px;
border: solid 1px #999999;
}

.forum_text_input_small {
width: 100px;
border: solid 1px #999999;
}

.forum_text-box_input {
height: 70px;
width: 550px;
font-size: 11px;
}

.captcha_space img {
margin-top: 5px;
}

#content p#java_hide {
display: inline;
position:relative;
margin-bottom: 0px;
padding: 3px;
font-size: 10px;
top: 0;
left:0;
background: #CCCCCC ;
}

#content p#java_hide a {
color: #FFFFFF;
}

#content p#java_hide a:hover {
color: #999999;
}


.comment {
border-bottom: 1px solid #00C238;
margin-bottom: 1em;
width: 590px;
}

.member, .date, .time {
color: #51b36e;
}


#content .label p {
font-size: 10px;
}

span.form_title {
font-weight: bold;
}


#footer {
	width: 976px;
	padding-left: 20px;
	margin-left:auto;
	margin-right:auto;
	font-size: 11px;}

.footer_links {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	color:#b8c4c8;
	margin-top: -42px;
	font-size: 11px;
	height: 13px;
	}

.footer_links ul {
list-style: none;
}

.footer_links ul li {
float: left;
line-height: 20px;
}

.footer_links p a {
color: #b8c4c8;
font-size: 11px;
}

li.first_link {
margin-right: 5px;
}

p.wmp img {
display: inline;
margin-bottom: -7px;
}

p.wmp {
padding-top: 0px;
font-size: 9px;
text-align: center;
width: 300px;
clear:both;
line-height: 25px;
margin-left: 0px;
}

p.wmp a {
color:#b8c4c8;
font-size: 9px;
padding-right: 5px;
}

#main_container_scroll {
	/* Typical fixed height and fixed width example */
width: 622px;
	height: 436px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
position: relative;
	top: 95px;
	_top: 122px;
	left: 110px;
	padding: 0 0px 0 0;
	text-align: left;	
}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}


#content p span.reduced {
font-size: 85%;
color:#999999;
}

/*-------HIGHSLIDE--------*/


.highslide-html {
    background-color: #e1e1e1;
	z-index: 1000;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-html-content p{
	font-size:			13px;
	line-height:		17px;
	}
	
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    /*padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;*/   
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	color: #999;
}

.control a {
color: green;
}

.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}


/*--Calculator--*/

table.questions {
border-bottom: 1px solid #00AEEF;
}

tr.alt td {
border-top: 1px solid #00AEEF;
}


span.question {
font-size: 16px;
font-weight: bold;
}

td.select select, td.select input, td.select select-long {
width: 90px;
font-size: 12px;
}

td.select input.short {
width: 75px;
}

td.select, td.select-long {
background: #afdced;
padding: 5px;
}

span.instructions {
font-size: 11px;
color: #999999;
}

td.instructions {
font-size: 11px;
color: #999999;
}

tr td.sub-question {
height: 20px;
}

td.td_question {
width: 490px;
padding: 3px 5px 5px 0;
}

td.sub-question {
font-size: 15px;
padding-left: 10px;
background: url(../images/arrow-blue.gif) center left no-repeat;
}

td.no-arrow {
background: none;
}

td.sub-question span.question, td.answer {
font-size: 12px;
}

.highlight {
font-size: 16px;
font-weight: bold;
color: #00AEEF;
}

table.results {
background: #f2f1a6;
padding: 5px;
margin-top: 5px;
}

td.answer {
width: 120px;
text-align: right;
padding-right: 10px;
}

td.bold {
font-weight: bold;
}

#content p.footnote {
font-size: 11px;
font-style: italic;
}