/* ------------------------------------------------------------------------ */
/* SUBMENU 
/* ------------------------------------------------------------------------ */

/* First Level */
.submenu                                          { margin-top:25px; }
.submenu a                                        { color: #333333; text-decoration: none; display: block; }
.submenu a:hover                                  { color: #e40009; text-decoration: none; }
.submenu a span                                   { padding: 3px 0px 3px 12px; margin: 0px 0px 0px 10px; display: block; }
.submenu a:hover span                             { background: url(../images/arrow_red_simple.gif) no-repeat 0px 8px; padding: 3px 0px 3px 12px; margin: 0px 0px 0px 10px; display: block; }		
.submenu ul                                       { list-style: none; background: url(../images/bg_dotline.gif) left bottom repeat-x; margin:0px; padding:0px;  }
.submenu ul li a                                  { background: url(../images/bg_submenu_no.gif) no-repeat right top; }
.submenu ul li a:hover                            { background: url(../images/bg_submenu_act.gif) no-repeat right top; }
 
.submenu_no a																			{ }
.submenu_no a:hover				  												{  }
.submenu_no a span                               	{  }

.submenu_act	a					 													{ background: url(../images/bg_submenu_act.gif) no-repeat right top !important; font-weight:bold; color:#e40009; }
.submenu_act	a:hover	 														{  }
.submenu_act a span                               	{ background: url(../images/arrow_red_simple.gif) no-repeat 0px 8px; padding: 3px 0px 3px 12px; margin: 0px 0px 0px 10px; display: block;}


/* Second Level */
.submenu_second a                                   { color: #333333; text-decoration: none; display: block; font-weight:normal; }
.submenu_second a:hover                             { color: #e40009; text-decoration: none; }
.submenu_second a span                              { margin: 0px 0px 0px 20px; display: block; background: url(../images/arrow_white_simple.gif) no-repeat 0px 8px;}
.submenu_second a:hover span                     	  { margin: 0px 0px 0px 20px; background: url(../images/arrow_red_simple.gif) no-repeat 0px 8px; }	

.submenu_second_no a																{ }
.submenu_second_no a:hover													{  }
.submenu_second_no a span               						{ }

.submenu_second_act	a																{ background: url(../images/bg_submenu_act.gif) no-repeat right top !important; font-weight:bold; color:#e40009; }
.submenu_second_act	a:hover													{  }
.submenu_second_act a span                          { background: url(../images/arrow_red_simple.gif) no-repeat 0px 8px; padding: 3px 0px 3px 12px; margin: 0px 0px 0px 20px; display: block;}






/* ------------------------------------------------------------------------ */
/* SITE 
/* ------------------------------------------------------------------------ */
html																							{ height: 100%; margin: 0px; padding: 0px;}
body																							{ margin: 0px; padding: 0px; height: 100%; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; background: #e2e2e2; color: #333333; text-align: center; }


/* ------------------------------------------------------------------------ */
/* CUSTOM DIVISIONS
/* ------------------------------------------------------------------------ */




.container																				{ left: 0px; right: 0px; margin: 0px auto; text-align: left; }
	.header																					{ width: 100%; margin: 0px auto; height: 120px; background: url(../images/bg_header.jpg) no-repeat center top; }

		/* SERVICEBAR */
		.servicebar																		{ width: 990px; height: 120px; margin: 0px auto; background: url(../images/bg_header_inner.jpg) no-repeat;  }
		.servicebar ul																{ padding: 0px; margin: 1px 0px 0px 0px; list-style: none; }
		.servicebar_shop ul														{ text-align: center; padding: 0px; margin: 1px 0px 0px 0px; list-style: none; }
		.servicebar ul li															{ display: inline; padding-left: 20px; }		
		.servicebar ul li	.price 											{} 			
			.logo																				{ width: 240px; height: 60px; overflow: hidden; margin: 30px 0px 0px 745px; position: absolute; z-index:10; }
			
			/* SERVICEBAR T3 */
			.servicebar_t3															{ height: 30px; width: 500px; float: left; display: inline;  margin: 10px 0px 0px 0px; }
			.servicebar_t3 a														{ color: #7d7aa5; }
			.servicebar_t3 a:hover											{ color: #ffffff; text-decoration: none; }

.servicebarwrap	{}
 
			/* Metanavigation Magento */
      
			.servicebar_shop ul li a                    { color: #ffffff; background:url(../images/icon_login.gif) 0em 0.25em no-repeat; padding-left:13px; }
      .servicebar_shop ul li a:hover              { text-decoration: underline; color: #ffffff; }
      .top-link-wishlist                          { background:url(../images/icon_merkliste.gif) no-repeat 0em 0.2em !important; padding-left:23px !important; }
      .top-link-cart                              { background:url(../images/icon_warenkorb.gif) no-repeat 0em 0.2em !important; padding-left:19px !important;}
      .top-link-login, .top-link-logout           {  }


			.lang_dropdown															{ float: left; display: inline;  margin-left: 4px; }
			.lang_dropdown a														{ color: #232056; width: 112px; height: 20px; display: block; overflow: hidden; background: url(../images/bg_lang_dropdown.gif) no-repeat; }
			.lang_dropdown span													{ padding: 0px 0px 0px 10px; display: block; }
			
			.languagemenu                               { float: left; display: inline; margin-left: 4px; color: #232056; cursor: pointer; width: 112px; height: 20px; padding: 1px 0px 0px 10px; background: url(../images/bg_lang_dropdown.gif) no-repeat; }
      .langboxlayout                              { text-align: left; width: 144px; height: 140px; overflow: hidden; background: url(../images/bg_language.png) no-repeat; z-index: 200; }
      .languagemenu-label                         { margin-left: 12px; padding: 1px 0px 0px 10px; color: #232056; background: url(../images/bg_lang_dropdown_act.gif) no-repeat; }
      .languagemenu-ul                            { height: 137px; margin: 13px 27px 0px 18px; padding-right: 6px; overflow-x: hidden; overflow-y: hidden; text-align: left; }
      .languagemenu-ul a												  { color: #575757; }
      .languagemenu-ul a:hover									  { color: #e40009; text-decoration: none; }
      .languagemenu-li                            {  }

/* 
      .languagemenu-de                            { background: url(../images/lang_de.gif) no-repeat 5px 5px; }
      .languagemenu-en                            { padding: 2px 0px 2px 31px !important; background: url(../images/lang_en.gif) no-repeat 5px 5px; }
      .languagemenu-fr                            { background: url(../images/lang_fr.gif) no-repeat 5px 5px; }
      .languagemenu-it                            { background: url(../images/lang_it.gif) no-repeat 5px 5px; }
*/


			.langselector																{ padding: 2px 0px 2px 30px; color: #575757; }
			.langselector_act														{ padding: 2px 0px 2px 30px; font-weight: bold; }
			.langselector_noAV													{ padding: 2px 0px 2px 30px; opacity: .3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); }
			.lang_german																{ background: url(../images/lang_de.gif) no-repeat 5px 5px; }
			.lang_english																{ background: url(../images/lang_en.gif) no-repeat 5px 5px; }
			.lang_french																{ background: url(../images/lang_fr.gif) no-repeat 5px 5px; }
			.lang_italian																{ background: url(../images/lang_it.gif) no-repeat 5px 5px; }
			
			.tt_languagemenu														{ display: none; }
			
			/* SERVICEBAR SHOP */
			
			.servicebar_shop .links											{ float:left; display:block; }
			.servicebar_shop .tx-fbmagento							{ float:left; display:block; margin:1px 0px 0px 5px;}
			.servicebar_shop .tx-fbmagento ul						{ margin:0px !important; padding:0px !important; list-style:none;}
			.servicebar_shop .tx-fbmagento ul li				{ margin:0px !important; padding:0px !important;}
			.servicebar_shop														{ height: 30px; width: 215px; overflow:hidden; float: left; display: inline;  margin: 11px 0px 0px 20px; text-align: center; }
			.servicebar_shop a													{ color: white; text-decoration: none; padding: 0px 0px 0px 20px; background: url(../images/icon_gotoshop.gif) no-repeat 0px 2px; }
			
		  .servicebar_shop ul li											{ display: inline; padding-left:0px !important; padding-right:5px;}
		  .servicebar_shop ul li.last									{ display: inline; padding:0px !important;}

			.main_menu																	{ width: 730px; height: 25px; overflow: hidden; margin: 25px 0px 0px 0px; }
		
	/* PHOTOHEADER */	
	.photoheader																		{ width: 100%; background: url(../images/bg_photoheader.gif) #e2e2e2; }		
	.photoheader_shadow_bottom											{ left: 0px; right: 0px; margin: 0px auto; margin-top: -10px; height: 10px; position: absolute; z-index: 10; background: url(../images/bg_photoheader_shadow_bottom.png) no-repeat center top; }	
		.photoheader_shadow_bottom_inner							{ margin: 0px auto; left: 0px; right: 0px; width: 990px; height: 10px; background: url(../images/bg_photoheader_shadow_bottom_inner.png) no-repeat 4px top; }
	
*html .photoheader_shadow_bottom									{ position: absolute; z-index: 10;}	

	
	.shadowframe																		{ margin-left: 4px; position: absolute; width: 982px; z-index: 5; background: url(../images/shadowframe.png) repeat-y; } 
	.shadowframe_top																{ margin-left: 4px; position: absolute; width: 982px; height: 17px; z-index: 6; background: url(../images/shadowframe_top.png) repeat-y; } 
	
		.photoheader_wrap															{ margin: 0px auto; left: 0px; right: 0px; width: 990px; }
		.scrollbrowse																	{ cursor: pointer; width: 28px; display: block; overflow: hidden; position: absolute; z-index: 5; }
		.prev_button																	{ margin: 0px 0px 0px 0px; background: url(../images/icon_scroll_prev.gif) no-repeat left center; }
		.next_button																	{ margin: 0px 0px 0px 953px; background: url(../images/icon_scroll_next.gif) no-repeat left center; }
	
	
	/* CONTENT AREA */
	.content_area																		{ width: 990px; overflow: hidden; margin: 0px auto; padding-bottom: 120px; background: url(../images/bg_container.png) repeat-y center top;  }
	
/* CONTENT LEFT */
		.content_left																	{ width: 196px; overflow: hidden; float: left; display: inline;  min-height: 200px; margin-left: 4px; }	
			.searchbox																	{ width: 196px; height: 111px; background: url(../images/bg_searchbox.gif) no-repeat left top; }
			#searchbox																	{ margin: 0px 10px 0px 0px; }




	
		/* CONTENT RIGHT */
		.content_right																{ width: 724px; overflow: hidden; float: left; display: inline;  margin: 0px 0px 0px 34px; min-height: 200px; }
			
			.livesupport																{ cursor: pointer; width: 168px; height: 22px; overflow: hidden; margin: 10px 0px 0px 556px; position: absolute; }
			.livesupport span														{ filter:alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
			.livesupport_offline												{ padding: 2px 0px 3px 37px; background: url(../images/bg_live_support_offline.gif) no-repeat left top; color: white; }
			.livesupport_online													{ padding: 2px 0px 3px 37px; background: url(../images/bg_live_support_online.gif) no-repeat left top; color: white; }
			
			
			.pagetitle																	{ width: 520px; padding: 0px; margin: 3px 0px 20px 0px; color: #e40009; font-size: 25px; }
	
			/* Page Normal */
			.page_normal .content_center								{ background: url(../images/bg_content.gif) repeat-x left top #f9f9f8; padding:0px 0px 10px 0px; }
			.content_center	.contentwrap								{ padding: 20px 15px 20px 15px; } 
			
			/* Page Wide */
			.page_wide .content_center									{ background: url(../images/bg_content.gif) repeat-x left top #f9f9f8; width: 512px; float: left; }
			.page_wide .content_addcontent							{ width: 182px; overflow: hidden; float: right; }
			
			/* Page Shop */
			.page_shop .content_center .contentwrap			{ padding: 0px; } 
		
		
		
/* FOOTER */		
.footer																						{ text-align: left; width: 990px; height: 81px; overflow: hidden; background: url(../images/bg_footer.gif) no-repeat 4px 0px; margin: 0px auto; margin-top: -81px; }		
	.pageoptions																		{ text-align: right; margin: 10px 13px 15px 0px; }
	.pageoptions a																	{ color: #949494; }
	.footer_menu																		{ float: left; width: 630px; height: 20px; margin: 10px 0px 0px 19px; color: #949494; }
	.footer_menu a																	{ color: #949494; }	
	.footer_gibraltar																{ float: right; width: 288px; height: 27px; margin: 6px 19px 0px 0px; }	

	.pageoptions_print															{ margin: 0px 20px 0px 0px; }
	.pageoptions_print a														{ background: url(../images/icon_print.gif) no-repeat 0px 3px; padding-left: 18px; }
	.pageoptions_ontop a														{ background: url(../images/icon_ontop.gif) no-repeat 0px 4px; padding-left: 15px; }	
	


/* ------------------------------------------------------------------------ */
/* TABS
/* ------------------------------------------------------------------------ */
#tabs ul																					{ height: 30px; margin: 0px; padding: 0px; overflow: hidden; } 

li.tabs_tab1 a																		{ width: 98px; padding: 6px 0px 10px 0px; text-indent: 10px; }
li.tabs_tab2 a																		{ width: 98px; padding: 6px 0px 10px 0px; text-indent: 7px; }

li.tabs_tab1.ui-state-active	a										{ background: url(../images/bg_tab1.gif) !important; }
#tabs ul .ui-state-active	a												{ background: url(../images/bg_tab2.gif); }

.ui-tabs 																					{ position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav 														{ margin: 0;  }
.ui-tabs .ui-tabs-nav li 													{ list-style: none; float: left; position: relative; padding: 0px; overflow: hidden; }
.ui-tabs .ui-tabs-nav li a 												{ display: block; color: #404040; }
.ui-tabs .ui-tabs-nav li a:hover									{ text-decoration: none; }

.ui-tabs .ui-tabs-panel 													{ margin: 11px 0px 0px 15px; height: 30px; }
.ui-tabs .ui-tabs-hide 														{ display: none !important; }

/* ------------------------------------------------------------------------ */
/* TOOLTIP
/* ------------------------------------------------------------------------ */
.sb_select																				{ padding: 2px 0px 3px 5px; margin: 10px 10px 0px 10px; color: #575757; cursor: pointer; }
.toolboxlayout																		{ text-align: left; width: 275px; height: 190px; overflow: hidden; background: url(../images/bg_select.png) no-repeat;  }
	.tool_scrollable																{ height: 137px; margin: 32px 27px 0px 18px; padding-right: 6px; overflow-x: hidden; overflow-y: scroll; text-align: left; }
	.tool_scrollable a															{ color: #575757; display: block; padding: 2px 0px 2px 25px; background: url(../images/arrow_red_simple.gif) no-repeat 10px 7px; }
	.tool_scrollable a:hover												{ color: #e40009; text-decoration: none; } 
	
	
	
/* ------------------------------------------------------------------------ */
/* SCROLLABLE
/* ------------------------------------------------------------------------ */
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable																		{  }
div.scrollable ul																	{ list-style: none; margin: 0px 0px 0px 4px; padding: 0px; }
div.scrollable ul li															{ margin: 0px; padding: 0px; }
div.scrollable ul li { 
 
    /* required settings */ 
    position:absolute; 
    overflow:hidden; 
    width: 982px; 
		height: auto;
		visibility:hidden;
	
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
	
	
.disabledscroller													{ visibility: hidden; }