@charset "utf-8";
/* -----------------------------------------------------------------------------------------
								Print CSS By: GHULAM ABBAS
   ---------------------------------------------------------------------------------------*/

/* Zentrale Formate definieren
----------------------------------------------- */
* {
	padding:0px; margin:0px; border:none;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

input, textarea {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:none;
	border:1px;
	border-color:#7B9EBD;
	border-style:solid;
	padding:3px;
	font-size:11px;
}

/* Header-Klassen
----------------------------------------------- */
h1 {
	color:#000000;
	font-weight:bold;
	font-size:12px;
	/*width:427px;*/
	height:20px;
	padding:4px 15px 0px 0px;
	margin:0px 0px 6px 0px;
}

h1 a {
	color:#000000;
	font-weight:bold;
	font-size:inherit;
	margin:15px 0px 6px 0px;
	padding:0px;
	text-decoration:none;
	width:auto;
}

h2 {
	color:#666666;
	font-size:12px;
	
	padding:4px 15px 0px 0px;
}


h3 {
	color:#000000;
	font-weight:bold;
	font-size:12px;
	margin:0px 0px 5px 0px;
	padding:0px 15px 5px 0px;

}


/* Box mit Sucheingabefeld
----------------------------------------------- */
div.detailedSearchBox {
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
	font-size:12px;
	color:#000000;
	padding:10px 15px 10px 15px;
	text-align:center;
}

/* Tabellenlisten
----------------------------------------------- */
.tableListingI {
	background-color: #F6FCAE;
}

.tableListingII {
	background-color: #F9FDCB;
}


/* Hintergrund f�r Popups
----------------------------------------------- */
div.popupContainer {
	background-color:#FFFFFF;
	padding:15px;
}


/* Hintergrund f�r Artikeldruck
----------------------------------------------- */
div.printProductInfoContainer {
	background-color:#FFFFFF;
	padding:15px;
}


/* Block mit Reviews
----------------------------------------------- */
td.reviewListHeader {
	background-color:#FFFFFF;
	border-style:solid;
	border-width:4px 0px 0px 0px;
	border-color:#81C21C;
	padding:4px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

/* Errormessage
----------------------------------------------- */
div.errorMessage {
	padding:10px;
	margin:10px 0px 10px 0px;
	border-style:solid;
	border-color:#EF267F;
	border-width:1px;
	background-color:#FCDFEC;
	font-size:13px;
}

/* Successmessage
----------------------------------------------- */
.messageStackSuccess {
	font-size: 12px; 
	background-color:#FCDFEC;
	padding:8px;
}

/* Produktnavigator (unter jedem Produkt)
----------------------------------------------- */
div.productNavigator {
	margin: 10px 0px 10px 0px;
	padding:10px;
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
}


/* Float-Clearing div
----------------------------------------------- */
div.clearboth {
	clear:both;
}

div.clearleft {
	clear:left;
}

div.clearright {
	clear:right;
}

/* start ecu */



a,
a:link,
a:visited 	{
	color: #666666; 
	text-decoration:none;
}

a:hover,
a:focus,
a:active {
	color: #EF760A; 
	text-decoration:underline;
}

h3			{font-weight:bold; color:#000000; text-decoration:none; font-size:12px; margin:0}
h4			{font-weight:normal; text-decoration:none; font-size:10px; margin:0}
p	{
	margin:0px;
	padding-top:2px;
	padding-bottom:10px;
	line-height:20px;
}

img {
	border: none;
}

#container {
	width: 100%;
	background: #fff url(img/left-bg.gif) repeat-y left;
	text-align: left;
	margin:0px;
	padding:0px;
	overflow:visible;
}
#header {
	padding: 0px;
	height:136px;
} 
* html #header {
	padding: 0px;
	height:136px;
}
html>/**/body #header {
	padding: 0px;
	height:136px;
}
#head2nd{
	width:auto;
	background-image:url(/templates/ecu/img/bh.gif);
	background-repeat:repeat-y;
	height:134px;
}
#butShap1 {
	position:absolute;
	top:105px;
	left:195px;
	height:31px;
	z-index:90;
}
#top_links {
	margin:0px;
	padding:0px;
	position:absolute;
	top:105px;
	left:195px;
	height:31px;
	z-index:90;
	font-size:11px;
	font-weight:bold;
	display:none;
}
#top_links li {
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;	
	background-image:url(/templates/ecu/img/but_start.gif);
	padding-left:10px;
	background-position:left top;
	background-repeat:no-repeat;
	height:31px;
}
#top_links li a,
#top_links li a:visited,
#top_links li span {
	color:#000000;
	float:left;
	display:block;
	background-image:url(/templates/ecu/img/but_end_not_sel.gif);;
	background-position:right top;
	background-repeat:no-repeat;
	height:25px;
	padding:6px 10px 0px 0px;
}
#top_links li.active {
	float:left;
	background-image:url(/templates/ecu/img/but_start_sel.gif);
	padding-left:10px;
	background-position:left top;
	background-repeat:no-repeat;
	height:31px;
}
#top_links li.active a,
#top_links li.active a:visited,
#top_links li.active span {
	color:#FFFFFF;
	float:left;
	display:block;
	background-image:url(/templates/ecu/img/but_r_gray.gif);
	background-position:right top;
	background-repeat:no-repeat;
	height:25px;
	padding:6px 10px 0px 0px;
}

#butShap2 {
	position:absolute;
	width:301px;
	top:105px;
	left:195px;
	height:31px;
	z-index:90;
	background-image:url(/templates/ecu/img/buts2.gif);
}
#butShap3{
	position:absolute;
	width:301px;
	top:105px;
	left:195px;
	height:31px;
	z-index:90;
	background-image:url(/templates/ecu/img/buts3.gif);
}
#design_img{
	float:left;
	background-image:url(/templates/ecu/img/img_look_1.gif);
	background-repeat:no-repeat;
	width:156px;
	height:386px;
	margin-right:14px;
}
/*  #headCloser{
		height:2px;
		margin:0px;
		padding:0px;
		clear:both;
		background-image:url(/templates/ecu/img/head_bot.gif);
		background-repeat:no-repeat;
} */
.animation_image{
	height:131px;
	width:218px;
	margin-top:3px;

}
#logo{
    position:absolute;
	left:16px;
	top:20px;
}
			
#bx_lft {
	display:none;
}
#bx_rght {
	float: right; 
	width: 13em; 
	padding: 6px 0;
	height:270px;
	margin-left:10px;
}

.box_head_big{
	background-image:url(/templates/ecu/img/back_box_big.gif);
	background-repeat:no-repeat;
	padding-left:0px;
	padding-top:0px;
	width:188px;
	height:37px;
	margin:0px 0px 0px 0px;
}


.box_main{
	width:187px;
	border-style:solid; border-width:0px; border-right-width:1px; border-color:#C2C2C2;
	background-color:#F6F4EE;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
h_menu_1			{height:50px}
.box_main ul		{list-style-image:url(bullit.gif); margin:0px; padding-left:20px; text-decoration:none;}
.box_main_li		{background-image:url(/templates/ecu/img/distributer.gif); padding-bottom:4px; padding-top:2px; background-position:bottom left; background-repeat:no-repeat;}
.box_bottom{
	background-image:url(/templates/ecu/img/box_bottom.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:15px;
	width:188px;
}

.right_box_ul	{ list-style:outside; margin:0px 0px 0px 20px}

.r_org_box_head{
	background-image:url(/templates/ecu/img/head_org.gif);
	background-repeat:no-repeat;
	padding-left:0px;
	padding-top:0px;
	width:206px;
	height:21px;
	margin:0px 0px 0px 0px;
}

				.r_org_box_head h3{ font-size:12px; font-weight:bold; margin:0px; padding-top:4px; padding-left:8px;}

.r_org_box_main{
	width:196px;
	padding-left:10px;
	height:90px;
	background-color:#FFFAE5;
	margin:0px;
	padding-top:4px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.r_org_box_bottom{
	background-image:url(/templates/ecu/img/bottom_org.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:15px;
	width:206px;
}

.r_blue_box_head{
	background-image:url(/templates/ecu/img/head_blue.gif);
	background-repeat:no-repeat;
	padding-left:0px;
	padding-top:0px;
	width:206px;
	height:21px;
	margin:0px 0px 0px 0px;
}

.r_blue_box_head h3{ font-size:12px; font-weight:bold; margin:0px; padding-top:4px; padding-left:8px;}

.r_blue_box_main{
	width:196px;
	padding-left:10px;
	height:99px;
	background-color:#F6FAFF;
	margin:0px;
	padding-top:4px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;

}
.r_blue_box_bottom{
	background-image:url(/templates/ecu/img/bottom_blue.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:15px;
	width:206px;
}

.r_yel_org_box_head{
	background-image:url(/templates/ecu/img/corner_org.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:0px;
	padding-top:0px;
	height:21px;
	margin:0px 0px 0px 0px;
}

				.r_yel_org_box_head h3{ font-size:12px; font-weight:bold; margin:0px; padding-top:4px; padding-left:8px;}

.back_head_full		{
background-image:url(/templates/ecu/img/back_shad_full.gif);
	padding-left:0px;
	padding-top:0px;
	height:21px;
	margin:0px 0px 0px 0px;
	}
.r_yel_org_box_main{
	height:66px;
	background-color:#FFF8F2;
	margin:0px;
	padding-left:10px;
	padding-top:6px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.r_yel_org_box_bottom{
	background-image:url(/templates/ecu/img/bottom_org.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:15px;
}

.r_yel_org_box_full{
	background-image:url(/templates/ecu/img/bottom_org_1.gif);
	background-repeat:repeat-x;
	background-position:top left;
	height:15px;
}

.w_full{
	display:none;
}

*:first-child+html #mainContent {
	padding-top:4px;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	margin-left:0px;
	padding-left:0px;
	float:left;
	overflow:hidden;
}
html>/**/body #mainContent {
	padding-top:4px;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	margin-left:0px;
	padding-left:0px;
	position:absolute;
	top:100px;
}
* html #mainContent {
	padding-top:4px;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	margin-left:0px;
	padding-left:0px;
}
#mainContent ol {
	margin:2px 0 11px 20px;
}
#mainContent ul {	
	margin:2px 0 11px 0;
	padding:0 0 0 10px;
	list-style:none; /* Its important to define list-style:none because we are using the bullet as a BG*/
}
#mainContent ul li {
	padding:7px 0 0 15px; /* Extra left padding is to create some space for bullet */
	background:url(/templates/ecu/img/bullit.gif) 0px 4px no-repeat;/* The top background position is depend on the size of bullet */
}


#mainContent a,
#mainContent a:visited {
	text-decoration:underline;
}

#footer { 
	padding:4px 10px 4px 10px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	border-style:solid;
	border-color:#CCCCCC;
	border-width: 1px 0px 0px 0px;
	background: #dddddd;
	font-size:10px;
	color:#666666;	
	text-align:center;
	display:none;
} 
.fltrt {
	float: right;
	margin-left: 8px;
	display:none;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.selected_category {
	background-image:url(/templates/ecu/img/back_selected_cat.gif);
	background-repeat:no-repeat;
	text-align:right;
}

.selected_category h3 {
	padding-right:26px;
	color:#666666;
}
.selected_link {
	background-image:url(/templates/ecu/img/back_selected_link.gif);
	background-repeat:no-repeat;
	background-position:top right;
	text-align:right;
	padding-right:20px;
	color:#626262;
	list-style-image:url(bullit_selected.gif);
}
.design_img_prod {
	float:left;
	background-image:url(/templates/ecu/img/img_prod.jpg);
	background-repeat:no-repeat;
	width:52px;
	height:386px;
	margin-right:14px;
}
.product_center		{width:120px; font-size:10px; margin-right:4px; background-image:url(/templates/ecu/img/back_prods_1.gif); line-height:14px; padding:0.35em; padding-bottom:0px; font-weight:normal; float:left; text-align:center;}

.product_center_main
{
	width:260px;
	font-size:10px;
	margin-right:4px;
	background-image:url(/templates/ecu/img/back_prods_1.gif);
	line-height:14px;
	padding:0.35em;
	padding-bottom:0px;
	font-weight:normal;
	float:right;
	text-align:center;
}

.div_pro_id {
	background-color:#CCCCCC;
	height:16px;
	margin-top:6px;
	margin-bottom:5px;
}
.pro_info {
	font-size:11px;
	color:#000000;
	MARGIN-TOP: 4px;
	MARGIN-BOTTOM: 20px;
	WIDTH:auto;
}
.pro_info dt {
	CLEAR: left; FLOAT: left; WIDTH: 110px; overflow:inherit; padding:2px; font-weight:bold; text-align:right;
}
.pro_info dd {
	FLOAT: left; padding:2px; width:100px; text-align:left;
}



.prod_name			{width:auto; padding-top:4px; background-color:#666666; color:#ffffff;}
.prod_name_1		{width:auto; padding:4px; background-color:#666666; color:#ffffff;}
.prod_container		{float:left; margin:4px; position:relative; border-style:solid; border-width:1px; border-color:#FFC088; padding:4px; background-image:url(/templates/ecu/img/back_prods.gif); width:230px}
.prod_container_1	{float:left; margin:4px; position:relative; border-style:solid; border-width:1px; border-color:#FFC088; padding:4px; background-image:url(/templates/ecu/img/back_prods.gif); width:97%;}
.main_container		{width:auto; position:relative; overflow:auto; padding:1px; margin-bottom:12px;}
.prod_row	{
	padding:2px;
	clear:both;
}
.prod_row h4 a,
.prod_row h4 a:visited {
	color:#FFFFFF;	
}


#bx_lft a,
#bx_lft a:visited {
color:#000000;
}
/* boxes */

/* box head */
.bx {
	font-size: 12px;
}
.frm input.missing, .frm textarea.missing {
	background-color:#FFFFFF;
	border:2px solid #ff0000;
}

.bx h6 { 
	background-image:url(/templates/ecu/img/back_box.gif);
	background-repeat:no-repeat;
	width:158px;
	height:19px;
	font-weight:bold;
	padding:6px 0px 0px 30px;
	font-size:12px;
	margin:0px;
}
.bx_btm {	
	background-image:url(/templates/ecu/img/box_bottom.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:15px;
	width:188px;
}
.bx_cnt,
.bx ul {
	margin:0px;	
	padding-left:20px;
	background-color:#F6F4EE;
	border-color:#C2C2C2;
	border-style:solid;
	border-width:0px 1px 0px 0px;
	width:167px;
	list-style-image:url(/templates/ecu/img/bullit.gif);
	overflow:hidden;

}
.bx_cnt input{
	margin:10px 0 0 0;
}
.bx ul li ul {
	width:auto;
	border:none;
	padding-left:13px;	
}
.bx ul li.active,
.bx ul li.sel_link {
	list-style-image:url(/templates/ecu/img/bullit_selected.gif);
	font-weight:bold;
}
.cat ul li {
	font-weight:normal;
}
.cat ul li ul { display:none; }
.cat ul li.sel_link ul,
.cat ul li.act_link ul  { display:block; }

#subcats {
	margin-top:40px;
	clear:right;
}
#subcats ul {	
	padding-left:0px;
}

#subcats ul li {
	background:none;
	display:block;
	float:left;
	padding:3px 10px 3px 0px;
	list-style:none;
	height:128px;
}
.print_icon {
	text-align:center;
	margin-bottom:10px;
}
.print_icon a,
.print_icon a:visited {
	color:#000000;
	padding:5px 0 5px 30px;
	background-image:url(/templates/ecu/img/print.png);
	background-position:left;
	background-repeat:no-repeat;
}
div.frm label {
	display:block;	
	width:130px;
	float:left;
}
.radio {
	float:left;
}
input.radio {
	border:none;
}
span.radio {
	width:130px;
	float:left;
	display:block;
	line-height:14px;
	border:none;
	padding:1px 0 10px 0;
}
div.frm{
	display:none;
}
div.frm label.select {
	line-height:14px
}
div.frm .textarea {
	height:50px;
}
div.frm select.select {
	border:1px solid #7B9EBD;
}
div.frm input.checkbox {
	border:none;
}
div.frm label.radio {
	width:60px;
	padding: 0 0 0 6px;
	line-height:14px;
}
div.frm p {
	clear:left;
}

input.image {
	border:none;
	clear:both;
}
input.image, 
input.submit { 
	cursor:pointer; 
}
#footer_links{
	list-style:none;
	display:inline;
}
#footer_links li{
	display:inline;
}
#footer_links a,
#footer_links a:link,
#footer_links a:visited{
	text-decoration:underline;
	padding:0 5px;
}
#footer_links a:active,
#footer_links a:hover,
#footer_links a:focus{
	text-decoration:none;
}
.download-file {
	background-image:url(icon_pdf.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-bottom:4px;
	padding-left:22px;
}
/*--------------- Redaxo ---------------*/

.fl-left {
	float: left;
}
.fl-right {
	float: right;
}
.txt-algn-left {
	text-align:left;
}
.txt-algn-rght {
	text-align:right;
}
.txt-algn-cntr {
	text-align:center;
}
.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}
.hidden {
       display:none;
}
.cnt-blck {
clear:both;
}
/*-------------------------*/
