/* $Id: screen_override.css 38 2009-11-24 13:25:21Z bastian_noffer $
 *
 * This file is the override of the screen.css file to assure updateability of the framework 
 *
 */
 
/* hide for printing */
#printheadlogo, #ordernumber {
	display: none;
}

/* additional forms style */
select {
	width: 220px;
	font-size: 11px;
	border: 1px solid #545454;
	padding: 1px;
}

input {
	margin-top: 8px;
}

input.text {
	width: 220px;
	font-size: 11px;
	padding: 1px;
	border: 1px solid #545454;
}

/* Noxon tabs */
#Content .tabs.noxon ul li.active { background-position: left -50px; }
#Content .tabs.noxon ul li.active a { background-position: right -50px; }

/* Noxon leftnavigation */
#Left .menu.noxon h2 { background: url(../img/li.menu.products.home-entertainment.gif); }
#Left .menu.noxon ul li a { background: url(../img/li.menu.products.home-entertainment.gif) 0 -27px; }
#Left .menu.noxon ul li a:hover { background: url(../img/li.menu.products.home-entertainment.gif) 0 -127px; }
#Left .menu.noxon ul li.active a { background: url(../img/li.menu.products.home-entertainment.gif) 0 -127px; }
#Left .menu.noxon ul li.sub a, #Left .menu.noxon ul li.active.sub a { background: url(../img/li.menu.products.home-entertainment.gif) 0 -77px; }
#Left .menu.noxon ul li.last { height: 16px; background: url(../img/li.menu.products.home-entertainment.gif) 0 -477px no-repeat; }
#Left .menu.noxon ul li.sub ul li a, #Left .menu.noxon ul li.sub.active ul li a { background: url(../img/li.menu.products.home-entertainment.gif) 0 -327px; }
#Left .menu.noxon ul li.sub ul li a:hover, #Left .menu.noxon ul li.sub.active ul li a:hover { background: url(../img/li.menu.products.home-entertainment.gif) 0 -377px; }
#Left .menu.noxon ul li.sub ul li.active a, #Left .menu.noxon ul li.sub.active ul li.active a { background: url(../img/li.menu.products.home-entertainment.gif) 0 -427px; }
#Left .menu.noxon ul li.sub ul li.first a, #Left .menu.noxon ul li.sub.active ul li.first a { background: url(../img/li.menu.products.home-entertainment.gif) 0 -177px; }
#Left .menu.noxon ul li.sub ul li.first a:hover, #Left .menu.noxon ul li.sub.active ul li.first a:hover { background: url(../img/li.menu.products.home-entertainment.gif) 0 -227px; }
#Left .menu.noxon ul li.sub ul li.first.active a, #Left .menu.noxon ul li.sub.active ul li.first.active a { background: url(../img/li.menu.products.home-entertainment.gif) 0 -277px; }

/* Navigation override for dynamic menu */
.de #Menu a.home, .de #Menu a.dyn_navi_de_40 { width: 83px; background-position: 0 0; }
.de #Menu a.news, .de #Menu a.dyn_navi_de_9 { width: 80px; background-position: -83px 0; }
.de #Menu a.products, .de #Menu a.dyn_navi_de_10 { width: 106px; background-position: -163px 0; }
.de #Menu a.driver, .de #Menu a.dyn_navi_de_11 { width: 159px; background-position: -269px 0; }
.de #Menu a.company, .de #Menu a.dyn_navi_de_12 { width: 134px; background-position: -428px 0; }
.de #Menu a.shop, .de #Menu a.dyn_navi_de_13 { width: 97px; background-position: -562px 0; }

.de #Menu a.home:hover, .de #Menu a.dyn_navi_de_40:hover, .de #Menu a.home_active, .de #Menu a.dyn_navi_de_40_active  { width: 83px; background-position: 0 -31px; }
.de #Menu a.news:hover, .de #Menu a.dyn_navi_de_9:hover, .de #Menu a.news_active, .de #Menu a.dyn_navi_de_9_active { width: 80px; background-position: -83px -31px; }
.de #Menu a.products:hover, .de #Menu a.dyn_navi_de_10:hover, .de #Menu a.products_active, .de #Menu a.dyn_navi_de_10_active { width: 106px; background-position: -163px -31px; }
.de #Menu a.driver:hover, .de #Menu a.dyn_navi_de_11:hover, .de #Menu a.driver_active, .de #Menu a.dyn_navi_de_11_active { width: 159px; background-position: -269px -31px; }
.de #Menu a.company:hover, .de #Menu a.dyn_navi_de_12:hover, .de #Menu a.company_active, .de #Menu a.dyn_navi_de_12_active { width: 134px; background-position: -428px -31px; }
.de #Menu a.shop:hover, .de #Menu a.dyn_navi_de_13:hover, .de #Menu a.shop_active, .de #Menu a.dyn_navi_de_13_active { width: 97px; background-position: -562px -31px; }

.fr #Menu { padding-left: 123px; }
.fr #Menu a { background: url(../img/menu.fr.btns.gif) no-repeat; }
.fr #Menu a.home, .fr #Menu a.dyn_navi_fr_40 { width: 92px; background-position: 0 0; }
.fr #Menu a.news, .fr #Menu a.dyn_navi_fr_9 { width: 108px; background-position: -75px 0; }
.fr #Menu a.products, .fr #Menu a.dyn_navi_fr_10 { width: 99px; background-position: -171px 0; }
.fr #Menu a.driver, .fr #Menu a.dyn_navi_fr_11 { width: 161px; background-position: -257px 0; }
.fr #Menu a.company, .fr #Menu a.dyn_navi_fr_12 { width: 110px; background-position: -409px 0; }
.fr #Menu a.shop, .fr #Menu a.dyn_navi_fr_13 { width: 153px; background-position: -506px 0; }

.fr #Menu a.home:hover, .fr #Menu a.dyn_navi_fr_40:hover, .fr #Menu a.home_active, .fr #Menu a.dyn_navi_fr_40_active { width: 92px; background-position: 0 -31px; }
.fr #Menu a.news:hover, .fr #Menu a.dyn_navi_fr_9:hover, .fr #Menu a.news_active, .fr #Menu a.dyn_navi_fr_9_active { width: 108px; background-position: -75px -31px; }
.fr #Menu a.products:hover, .fr #Menu a.dyn_navi_fr_10:hover, .fr #Menu a.products_active, .fr #Menu a.dyn_navi_fr_10_active { width: 99px; background-position: -171px -31px; }
.fr #Menu a.driver:hover, .fr #Menu a.dyn_navi_fr_11:hover, .fr #Menu a.driver_active, .fr #Menu a.dyn_navi_fr_11_active { width: 161px; background-position: -257px -31px; }
.fr #Menu a.company:hover, .fr #Menu a.dyn_navi_fr_12:hover, .fr #Menu a.company_active, .fr #Menu a.dyn_navi_fr_12_active { width: 110px; background-position: -409px -31px; }
.fr #Menu a.shop:hover, .fr #Menu a.dyn_navi_fr_13:hover, .fr #Menu a.shop_active, .fr #Menu a.dyn_navi_fr_13_active { width: 153px; background-position: -506px -31px; }

.int #Menu { padding-left: 170px; }
.int #Menu a { background: url(../img/menu.int.btns.gif) no-repeat; }
.int #Menu a.home, .int #Menu a.dyn_navi_en_40 { width: 83px; background-position: 0 0; }
.int #Menu a.news, .int #Menu a.dyn_navi_en_9 { width: 80px; background-position: -83px 0; }
.int #Menu a.products, .int #Menu a.dyn_navi_en_10 { width: 106px; background-position: -163px 0; }
.int #Menu a.driver, .int #Menu a.dyn_navi_en_11 { width: 159px; background-position: -269px 0; }
.int #Menu a.company, .int #Menu a.dyn_navi_en_12 { width: 106px; background-position: -428px 0; }
.int #Menu a.shop, .int #Menu a.dyn_navi_en_13 { width: 97px; background-position: -534px 0; }

.int #Menu a.home:hover, .int #Menu a.dyn_navi_en_40:hover, .int #Menu a.home_active, .int #Menu a.dyn_navi_en_40_active  { width: 83px; background-position: 0 -31px; }
.int #Menu a.news:hover, .int #Menu a.dyn_navi_en_9:hover, .int #Menu a.news_active, .int #Menu a.dyn_navi_en_9_active { width: 80px; background-position: -83px -31px; }
.int #Menu a.products:hover, .int #Menu a.dyn_navi_en_10:hover, .int #Menu a.products_active, .int #Menu a.dyn_navi_en_10_active { width: 106px; background-position: -163px -31px; }
.int #Menu a.driver:hover, .int #Menu a.dyn_navi_en_11:hover, .int #Menu a.driver_active, .int #Menu a.dyn_navi_en_11_active { width: 159px; background-position: -269px -31px; }
.int #Menu a.company:hover, .int #Menu a.dyn_navi_en_12:hover, .int #Menu a.company_active, .int #Menu a.dyn_navi_en_12_active { width: 106px; background-position: -428px -31px; }
.int #Menu a.shop:hover, .int #Menu a.dyn_navi_en_13:hover, .int #Menu a.shop_active, .int #Menu a.dyn_navi_en_13_active { width: 97px; background-position: -534px -31px; }

#Buttons.tv, #Buttons.dyn_navi_45 { background: url(../img/products.btns.jpg) 0 -71px no-repeat; }
#Buttons.home-entertainment, #Buttons.dyn_navi_42 { background: url(../img/products.btns.jpg) 0 -142px no-repeat; }
#Buttons.noxon, #Buttons.dyn_navi_42 { background: url(../img/products.btns.jpg) 0 -142px no-repeat; }
#Buttons.sound, #Buttons.dyn_navi_44 { background: url(../img/products.btns.jpg) 0 -213px no-repeat; }
#Buttons.video, #Buttons.dyn_navi_46 { background: url(../img/products.btns.jpg) 0 -284px no-repeat; }
#Buttons.mac, #Buttons.dyn_navi_43 { background: url(../img/products.btns.jpg) 0 -426px no-repeat; }
/*
* Changes here are necessary for dynamical genereation of navigation
* Classes start with: dyn_navi_<TREEID> and are copies of the normal classes like video or tv
*/
#Buttons a { display: block; float: left; width:120px; height:71px; background:transparent; }
#Buttons a.tv, #Buttons a.dyn_navi_45, #Buttons a.mac, #Buttons a.dyn_navi_43 { width: 129px; }

#Buttons.accessories, #Buttons.dyn_navi_41 { background: url(../img/products.btns.jpg) 0 -355px no-repeat; }
#Buttons.mac, #Buttons.dyn_navi_43 { background: url(../img/products.btns.jpg) 0 -426px no-repeat; }
/*
* Changes here are necessary for dynamical genereation of navigation
* Classes start with: dyn_navi_<TREEID> and are copies of the normal classes like video or tv
*/

#Buttons { margin-left:7px; background: url(../img/products.btns.jpg) no-repeat; }
#Buttons.tv { background: url(../img/products.btns.jpg) 0 -71px no-repeat; }
#Buttons.home-entertainment { background: url(../img/products.btns.jpg) 0 -142px no-repeat; }
#Buttons.sound { background: url(../img/products.btns.jpg) 0 -213px no-repeat; }
#Buttons.video { background: url(../img/products.btns.jpg) 0 -284px no-repeat; }
#Buttons.mac { background: url(../img/products.btns.jpg) 0 -355px no-repeat; }
#Buttons a { display: block; float: left; width:140px; height:71px; background:transparent; }
#Buttons a.tv, #Buttons a.dyn_navi_45, #Buttons a.mac, #Buttons a.dyn_navi_43 { width: 160px; }
#Buttons a span { display: none; }
#Buttons a.tv:hover, #Buttons a.dyn_navi_45:hover  { background: url(../img/products.btns.tv.gif); }
#Buttons.tv a.tv:hover, #Buttons.dyn_navi_45 a.dyn_navi_45:hover { background: transparent; }
#Buttons a.home-entertainment:hover, #Buttons a.dyn_navi_42:hover, #Buttons a.noxon:hover, #Buttons a.dyn_navi_42:hover { background: url(../img/products.btns.home-entertainment.gif); }
#Buttons.home-entertainment a.home-entertainment:hover, #Buttons.dyn_navi_42 a.dyn_navi_42:hover, #Buttons.noxon a.noxon:hover, #Buttons.dyn_navi_42 a.dyn_navi_42:hover   { background: transparent; }
#Buttons a.sound:hover, #Buttons a.dyn_navi_44:hover  { background: url(../img/products.btns.sound.gif); }
#Buttons.sound a.sound:hover, #Buttons.dyn_navi_44 a.dyn_navi_44:hover { background: transparent; }
#Buttons a.video:hover, #Buttons a.dyn_navi_46:hover { background: url(../img/products.btns.video.gif); }
#Buttons.video a.video:hover, #Buttons.dyn_navi_46 a.dyn_navi_46:hover { background: transparent; }
#Buttons a.mac:hover, #Buttons a.dyn_navi_43:hover  { background: url(../img/products.btns.mac.gif); }
#Buttons.mac a.mac:hover, #Buttons.dyn_navi_43 a.dyn_navi_43:hover { background: transparent; }


/** additional class for noxon menu */
#Content .span-8 h1.noxon { background: url(../img/h1.bg.small.home-entertainment.gif) no-repeat;	color: #265788; }

#Content .span-11 h1.noxon { background: url(../img/h1.bg.large.home-entertainment.gif) no-repeat;	color: #265788; }

#Content .span-8 h2.noxon { background: url(../img/h2.bg.small.home-entertainment.gif) no-repeat; color: #265788; }

#Content .span-11 h2.noxon { background: url(../img/h2.bg.large.home-entertainment.gif) no-repeat; color: #265788; }

/* 

#Buttons a.tv, #Buttons a.dyn_navi_45, #Buttons a.mac, #Buttons a.dyn_navi_43 { width: 129px; }
#Buttons a span { display: none; }

#Buttons a.tv:hover, #Buttons a.dyn_navi_45:hover { background: url(../img/products.btns.tv.gif); }
#Buttons.tv a.tv:hover, #Buttons.dyn_navi_45 a.dyn_navi_45:hover { background: transparent; }

#Buttons a.home-entertainment:hover, #Buttons a.dyn_navi_42:hover { background: url(../img/products.btns.home-entertainment.gif); }
#Buttons.home-entertainment a.home-entertainment:hover, #Buttons.dyn_navi_42 a.dyn_navi_42:hover { background: transparent; }
#Buttons a.noxon:hover, #Buttons a.dyn_navi_42:hover { background: url(../img/products.btns.home-entertainment.gif); }
#Buttons.noxon a.noxon:hover, #Buttons.dyn_navi_42 a.dyn_navi_42:hover { background: transparent; }

#Buttons a.sound:hover, #Buttons a.dyn_navi_44:hover { background: url(../img/products.btns.sound.gif); }
#Buttons.sound a.sound:hover, #Buttons.dyn_navi_44 a.dyn_navi_44:hover { background: transparent; }

#Buttons a.video:hover, #Buttons a.dyn_navi_46:hover { background: url(../img/products.btns.video.gif); }
#Buttons.video a.video:hover, #Buttons.dyn_navi_46 a.dyn_navi_46:hover { background: transparent; }

#Buttons a.accessories:hover, #Buttons a.dyn_navi_41:hover { background: url(../img/products.btns.accessories.gif); }
#Buttons.accessories a.accessories:hover, #Buttons.dyn_navi_41 a.dyn_navi_41:hover { background: transparent; }

#Buttons a.mac:hover, #Buttons a.dyn_navi_43:hover { background: url(../img/products.btns.mac.gif); }
#Buttons.mac a.mac:hover, #Buttons.dyn_navi_43 a.dyn_navi_43:hover { background: transparent; }
*/

p img.productalign {
	padding:20px 0px 5px 5px
}

div.filled > div {
 	text-align:center;
}

.tpadding-5 {
	padding-top: 5px;
}

.tpadding-10 {
	padding-top: 5px;
}

.padding-5 {
    padding: 5px;
}

/**
* for autocompleter search
*/
div.autocomplete {
      position:absolute;
      width:350px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected { background-color: #efefef;}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:1px;
      height: 18px;
      cursor:pointer;
	  font-size: 10px;
    }
	
#indicator {
	position:relative;
	left: 136px;
	top: -17px;
}

/*  width of select fields */
#os, #tvsystemselect, #connectionselect, #selectarea, #selectproduct {
 width:180px;
}

/* override td and th */

#Content th {
	background: #869dab;
	color: white;
	font-weight: bold;
	padding: 2px;
}
#Content td {
	background: #f1f2f2;
	color: black;
	padding: 1px 4px 4px 4px;
}
#Content a.Addthis 
{
	position: relative;
	float: right;
	top: -4px;
}