/* ==( NEW STUFF )-- */
.ltf_top
{ height:100px;
  width:100%;
  background-image:url(images/ltf_top_fade.png); background-repeat:repeat-x;
  background-color:#FFFFFF; }
  
.ltf_content
{ height: 480px;
  background-image:url(images/perspective_bk.png); background-repeat:repeat-x;
  background-color:#000000;
  border-top:1px solid #F5F5F5;
  border-bottom:1px solid #F5F5F5;
  font: 10pt Verdana;
  color: #999999; }
  
.ltf_footer_alt
{ height:30px;
  padding:0px 20px 20px 20px;
  background-image:url(images/ltf_bottom_fade.png); background-repeat:repeat-x;
  font:10pt  Arial, Verdana, Helvetica;
  text-align:right;
  background-color:#FFFFFF; }  
  
.ltf_footer
{ height:30px;
  padding:20px;
  background-image:url(images/ltf_bottom_fade.png); background-repeat:repeat-x;
  text-align:right;
  background-color:#FFFFFF; }  
  
.list_wrapper
{ margin-top:30px; }

.welcome_text
{ margin-top:10px; }

.ltf_padded
{ width: 840px;
  padding-top:20px;
  margin:auto; }
  
.products_images
{ margin-top:24px; }

.products_images img
{ float:left;
  margin-right:5px; }


/* DROP IT -- dropdownmenu -- */
.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white;
background: black; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanelcontent a
{ margin-right:20px; }

.ddpanelcontent a:hover
{ border-bottom: 1px solid #1a55ff; }

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 20px;
font: normal 12px Arial;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;
color: white;
background: black url(images/toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: transparent url(images/toggleright.gif) no-repeat right bottom;
padding: 1px 12px 4px 13px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: #0f0f0f; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}


#motioncontainer a img{ /*image border color*/
border: 1px solid #000000;
margin-bottom:4px;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 1px solid blue;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#statusdiv{
position: absolute;
padding: 2px;
left: -300px;
border: 1px solid gray;
visibility: hidden;
}


/* --( OUTLINE )-- */
#top
{ width:960px;
  margin:0 auto;
  padding: 0;
  height:23px; }
  
#top td
{ font:8pt Tahoma, Arial, Helvetica; 
  color:#aaa }
  
#top a
{ color: #aaa;
  text-decoration: none }

#top a:hover
{ color: #fff; }
  
#top_banner
{ width:960px;
  margin:auto;
  height:85px;
  font:8pt Arial, Helvetica;
  color:#fff;
  background:#333  }
  
#top_menu
{ width:954px;
  margin:auto;
  background: #555;
  padding:3px  }

#top_menu td:hover
{ background: #999 }

#top_menu td a
{ font-size::11pt;
  color:#fff;
  text-decoration: none;
  font-size: 12pt;
  padding:0 15px }
  
#body
{ width:960px;
  margin:16px auto 0 auto;  }

#footer
{ width:948px;
  margin:20px auto 0 auto;
  background: #eee;
  padding: 6px; }

#footer td
{ font-size: 8pt }

input.search
{ background:url('images/top_search.png') 0 0 no-repeat;
  font: 9pt Arial, Helvetica;
  width:97px;
  height:19px;
  border:none;
  padding:2px 35px 0 25px;
  margin:0;}

input.username
{ background:url('images/username_bg.png') 2px 3px no-repeat;
  padding-left:20px; }

input.password
{ background:url('images/password_bg.png') 2px 3px no-repeat;
  padding-left:20px; }
  

.ferdinand-slider div {
	font-family:Tahoma;
}
.ferdinand-slider p {
	padding:2px 4px 4px 6px;margin:0;
}
.ferdinand-slider a.title {
	font-size: 18px;
	color:#fff;
	padding:2px 4px;
	text-decoration:none;
}
.ferdinand-slider p.tekst {
	font-size:11px;
	color:#fff;
}
 
 
/* SITE SLIDER 1 -- ENTIRE PAGE -- */
.sliderwrapper_the_site{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 840px; /*width of featured content slider*/
margin:auto;
height: 480px;
}

.sliderwrapper_the_site .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 840px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.sliderwrapper_the_site_pagination{
width: 840px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
margin:auto;
padding: 12px 10px;
}

.sliderwrapper_the_site_pagination a{
padding: 6px;
text-decoration: none; 
color: #FFFFFF;
border: 1px solid #4e4e4e;
background-color: #464646;
border: 1px solid #FFFFFF;
}

.sliderwrapper_the_site_pagination a:hover, .sliderwrapper_the_site_pagination a.selected{
color: #FFFFFF;
background-image:url(images/toggle_this.png);
background-repeat:repeat-x;
}




/* SLIDER 1 -- featured content -- */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 400px; /*width of featured content slider*/
height: 300px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 400px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 380px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
background-color: #1e1e1e;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #FFFFFF;
border: 1px solid #4e4e4e;
background-color: #464646;
}

.pagination a:hover, .pagination a.selected{
color: #FFFFFF;
background-image:url(images/toggle_this.png);
background-repeat:repeat-x;
}




/* --( Password Strength )-- */
#passwordStrength
{	
	font-size:8pt;
	height:13px;
	display:block;
	float:left;
}

.strength0
{
	width:205px;
	background:#cccccc;
}

.strength1
{
	width:50px;
	background:#ff0000;
}

.strength2
{
	width:100px;	
	background:#ff5f5f;
}

.strength3
{
	width:150px;
	background:#56e500;
}

.strength4
{
	background:#4dcd00;
	width:175px;
}

.strength5
{
	color:#fff;
	background:#399800;
	width:205px;
}

table.ezf td
{ font-size:9pt }

input.ezf, textarea.ezf
{ font-size:9pt;
  margin:0;
  padding:0  }