/* -----------------------------------------------------------------------------------------
   Style: Default
   By: Daniel Fai, fai-communication.de   

   http://www.fai-communication.de

   Copyright (c) 2006-2008 fai-communication
   ---------------------------------------------------------------------------------------*/

	/* -- Generelles --*/
* {
  margin:0px;
  padding:0px;
}


BODY  {
	color: Black;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	list-style-type: square;
	margin: 0px 1px 1px 1px;
	} 
	
	H1 {
		  font-family: Verdana, Arial, sans-serif;
  		  font-size: 16px;
  		  line-height: 1.5; 
  		  text-decoration: none;
		  color: #FFA500;
	}
	
	H1.PRODUCTTITLE {
	font-family: Verdana, Arial, sans-serif;
	font-size: 20px;
	line-height: 1.5;
	text-decoration: none;
	color: #1E90FF;
	}
	
	H2 {
		  font-family: Verdana, Arial, sans-serif;
  		  font-size: 14px;
  		  line-height: 1.5; 
  		  text-decoration: none;
		  color: #FFA500;
	}
	
	H3 {
		  font-family: Verdana, Arial, sans-serif;
  		  font-size: 12px;
  		  line-height: 1.5; 
  		  text-decoration: none;
		  color: #FFA500;
	}
	
	/* DEFINITION für Most Viewed Product Tags*/
	A.PRODUCTTAG-H0 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
	color: #1E90FF;
	}
	
	A.PRODUCTTAG-H0:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: underline;
	color: #1E90FF;
	}
	
	
	A.PRODUCTTAG-H1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
	color: #1E90FF;
	}
	
	A.PRODUCTTAG-H1:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: underline;
	color: #1E90FF;
	}
	
	A.PRODUCTTAG-H2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	text-decoration: none;
	color: #1E90FF;
	}
	
	A.PRODUCTTAG-H2:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	text-decoration: underline;
	color: #1E90FF;
	}
	
	A.PRODUCTTAG-H3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 1;
	text-decoration: none;
	color: #1E90FF;
	}
	
	A.PRODUCTTAG-H3:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 1;
	text-decoration: underline;
	color: #1E90FF;
	}
	
	A.PRODUCTTAG-H4 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	line-height: 1;
	text-decoration: none;
	color: #1E90FF;
	}
	
	A.PRODUCTTAG-H4:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	line-height: 1;
	text-decoration: underline;
	color: #1E90FF;
}
	
	
	/* Tabellen und Zellen DEFINITION */
	table {
	border-collapse: collapse;
	}

	th {
	vertical-align: top;
	}
	
	TD {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: Black;
	text-decoration: none;
	vertical-align: top;
	padding: 1px;
	}

	TABLE.default { 
	color: #000000; 
	font-family: Verdana, Arial, sans-serif; 
	background-color: White; 
	font-size: 9px;
	}
		
	TABLE.BOX {
	color: #E8E8E8;
	background-color: White;
	border: 1px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	}
	
	TABLE.BOXATTENTION {
	color: Orange;
	background-color: #FFFACD;
	border: 1px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px 3px 5px 3px;
	}
	
	TABLE.BOXDATEPREORDER {
	color: Green;
	background-color: #BBFFBC;
	border: 1px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px 3px 5px 3px;
}
	
	TABLE.BOXUSK {
	color: #E8E8E8;
	background-color: White;
	border: 1px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px 3px 5px 3px;
	}
	
	TABLE.HEADER {
	color: #E8E8E8;
	background-color: White;
	border: 0px solid;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	background: no-repeat;
	background-image: url(img/company/logo.jpg);
	}
	
	TABLE.BOXBUY {
	color: #E8E8E8;
	background-color: White;
	border: 1px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px;
	background-image: url(img/tile-blue-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 150px;
}
	
	TABLE.BOXLOGIN {
	color: #ADD8E6;
	background-color: White;
	border: 2px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	width: 100%;
	}
	
	TABLE.FOOTER {
	color: #E8E8E8;
	background-color: White;
	border: 1px solid;
	width: 100%;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	}
	
	TABLE.BOX-LOGININFO {
	color: #E8E8E8;
	background-color: White;
	border: 1px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px;
	}
	
	TABLE.VALIDATION{
	background-color: #FFE5EB;
	border: 1px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px;
	width: 550px;
	border-color: Red;
}  
	
	TD.block{
	font: bold 12px arial, sans-serif;
	color: #FFA500;
	text-decoration: none;
	display: block;
	padding: 2px;
	width: 100%;
	border-width: 1px;
	background-color: #FFFACD;
	border-style: solid;
	border-color: Red;
	}

	TD.BOX-LOGININFO {
	font-size: 10px;
	}
	
	TD.BOX-PROPOSAL {
	font: 12px arial, sans-serif;
	padding: 3px 3px 3px 3px;
}
	
	TR.BOX-PRODUCTS:hover {
	background: #E0FFFF;
	}
	
	TD.BOX-PRODUCTS {
	font: 12px arial, sans-serif;
	padding: 2px;
	}
	
	TD.VALIDATION{
	background-color: #FFE5EB;
	border: 1px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px;
	width: 400px;
	color: #FF6347;
	border-color: red; 
}
	
	TD.HEADER{
		height: 75px;
	}
	
	TD.BOXTITLE{
	background-image: url(img/boxes/chb.gif);
	text-align: center;
	color: white;	
	height: 25px;
	}
	
	TD.HEADERPATHING{
	color: White;
	padding: 4px;
	}
	
	TD.LOGINHEADER{
		font-weight: bold;
		font-size: 14px;
		color: #00008B;
		padding: 6px;
		margin: 6px;
		background: url(img/bluelight.png);
	}
	
	TD.LOGININFOTEXT{
		font-weight: bold;
		font-size: 14px;
		color: Orange;
		padding: 3px;
		margin: 3px;
	}
	
	TD.LOGININFOANMELDEN{
		font-weight: bold;
		font-size: 16px;
		color: Orange;
		padding: 3px;
		margin: 3px;
	}
	
	TD.CARTHEADER{
		background: url(img/cart1.jpg);
		height: 38px;
		width: 45px;
		margin: 5px;
	}
	
	TD.CARTHEADERFILLED{
		background: url(img/cart2.jpg);
		height: 38px;
		width: 45px;
		margin: 5px;
	}
	
	TD.CARTHEADERTEXT{
		height: 38px;
	}
	
	TD.BASKETHEADER{
	font-weight: bold;
	font-size: 12px;
	color: orange;
	padding: 3px;
	margin: 3px;
}
	
	TD.DEMOMODE{
	background-color: #FFFFE0;
	border: 1px solid;
	padding: 2px 2px 2px 2px;
	margin: 5px 5px 5px 5px;
	width: 100%;
	color: #FF6347;
	border-color: red;
	}
	
	TD.ProductHeader {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  color: #3366FF; 
  text-decoration: none;
	}
	
	TD.productTags{
	font-size: 10px;
	}
	
	/* -- LISTING */
	
	UL.INFOBOX{
	list-style: square url(img/bullet_orange.gif);
	}

	UL.BOX-LOGININFO{
		font-size: 10px;
		list-style: square inside url(img/success.gif);
		}
	
	#GRAYSMALL{
	font-size: 10px;
	color: gray;
}
	
	#BLACKSMALL{
		font-size: 10px;
		color: Black;
	}
	
	#BOLDGREEN{
		font-size: 12px;
		color: Green;
	}
	 
	
	/* -- MUSS Eingabefelder */
	.inputRequirement{
	color: #FF8C00;
	}

.boxTextPrice {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #F08B07;
}


img{
	border:0px none;
}

	/* -- LINKS -- */
A   {
	color: #1E90FF;
	font-size: 9pt;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
}

A.GRAYSMALL  {
	font-size: 10px;
	color: Silver;
	text-decoration: underline;
}
A.GRAYSMALL:hover{
	font-size: 10px;
	color: Silver;
	text-decoration: underline;
}

A.GRAYSMALL:visited{
	font-size: 10px;
	color: Silver;
	text-decoration: underline;
}

A.BOX-PRODUCTS  {
	font-size: 12px;
}
A.BOX-PRODUCTS:hover{
	font-size: 12px;
}

A.BOX-PRODUCTS:visited{
	font-size: 12px;
}

A.CATEGORYROOT {
		  font-family: Verdana, Arial, sans-serif;
  		  font-size: 12px;
  		  line-height: 1.5; 
  		  text-decoration: none;
		  color: #FFA500;
	}
	
	/* -- Block Paging links --*/
a.block          {font: bold 12px arial, sans-serif; color: black;text-decoration: none;display: block; padding: 2px; width: 20px; border-width: 1px; background-color: #628FE2; border-style: solid; border-color: #A0C0FF; color: #FFFFFF}
a.block:hover       {
	font: bold 12px arial, sans-serif;
	color: white;
	text-decoration: none;
	display: block;
	padding: 2px;
	width: 20px;
	border-width: 1px;
	background-color: #285BA5;
	border-style: solid;
	border-color: #FFFFFF;
	color: #000000;
	cursor: pointer;
}

a.blockOther         {font: bold 12px arial, sans-serif; color: black;text-decoration: none;display: block; padding: 2px; width: 100px; border-width: 1px; background-color: #628FE2; border-style: solid; border-color: #A0C0FF; color: #FFFFFF}
a.blockOther:hover       {
	font: bold 12px arial, sans-serif;
	color: white;
	text-decoration: none;
	display: block;
	padding: 2px;
	width: 100px;
	border-width: 1px;
	background-color: #285BA5;
	border-style: solid;
	border-color: #FFFFFF;
	color: #000000;
	cursor: pointer;
}

a.blockLinks          {font: bold 12px arial, sans-serif; color: black;text-decoration: none;display: block; padding: 2px; width: 100%; border-width: 1px; background-color: #628FE2; border-style: solid; border-color: #A0C0FF; color: #FFFFFF}
a.blockLinks:hover       {
	font: bold 12px arial, sans-serif;
	color: white;
	text-decoration: none;
	display: block;
	padding: 2px;
	width: 100%;
	border-width: 1px;
	background-color: #285BA5;
	border-style: solid;
	border-color: #FFFFFF;
	color: #000000;
	cursor: pointer;
}

a.blockSearchPaging          {
	font: bold 14px arial, sans-serif;
	color: black;
	text-decoration: underline;
	padding: 4px;
	width: 30px;
	border-width: 1px;
	background-color: #628FE2;
	border-style: solid;
	border-color: #A0C0FF;
	color: #FFFFFF;
}

a.blockSearchPagingActive          {
	font: bold 14px arial, sans-serif;
	color: black;
	text-decoration: none;
	padding: 4px;
	width: 30px;
	border-width: 1px;
	background-color: #87CEFA;
	border-style: solid;
	border-color: #A0C0FF;
	color: #FFFFFF;
}

a.blockSearchPaging:hover       {
	font: bold 14px arial, sans-serif;
	color: Aqua;
	text-decoration: none;
	padding: 4px;
	width: 30px;
	border-width: 1px;
	background-color: #285BA5;
	border-style: solid;
	border-color: #FFFFFF;
	cursor: pointer;
}

A.NAVIGATIONPATH{
	font-size: 10px;
	color: White;
	text-decoration: underline;
}

A.NAVIGATIONPATH:hover{
   font-size: 10px
	color: White;
	text-decoration: underline;
}

A.NAVIGATIONPATH:visited{
   font-size: 10px
	color: White;
	text-decoration: underline;
}


A.LETTERLINK{
	color: White;
	text-decoration: none;
	font-weight: bold;
}

A.LETTERLINK:hover{
	color: White;
	text-decoration: underline;
	font-weight: bold;
}

A.LETTERLINK:visited{
	color: White;
	text-decoration: none;
	font-weight: bold;
}

	/*-- FORMS -- */
	
FORM {
	display: inline;
	font-family: Verdana, Arial, sans-serif;
	color: Black;
}

.formSelectAmount{
	width: 50px;
}

.formSelectCountry{
	width: 280px;
}

fieldset {
	border: thin dotted #FFFACD;
	padding-left: 10px;
	padding-bottom: 10px;
	display: inline;
	clear: both;
	background: #FFFACD;
}

fieldset input {
  width:auto;
  border:none;
  background:none;
  float:left;
  display:block;
  margin-right:10px;
  margin-top:3px !important;
  margin-top:0px; /*to fix IE6 position*/
}
fieldset label {
  width:auto;
  clear:none;
  float:left;
  display:block;
  padding-right:2px;
  white-space:nowrap; /*to fix IE6 wrapping*/
}

FORM.SEARCH{
	display: inline;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	color: Black;
}

SELECT{
	width: 150px;
	font-family: Verdana, Arial, sans-serif;
}

SELECT.DATEDAY{
	width: 50px;
	font-family: Verdana, Arial, sans-serif;
}

SELECT.DATEYEAR{
	width: 80px;
	font-family: Verdana, Arial, sans-serif;
}

SELECT.COUNTRY{
	width: 230px;
	font-family: Verdana, Arial, sans-serif;
}

INPUT{
	font-family: Verdana, Arial, sans-serif;
}



/* -- SPAN Styles --*/
.PRICETAG{
	font-size: 14px;
	font-family: Arial, sans-serif;
	color: #1E90FF;
	font-weight: bold;
}
.PRICESAVING{
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #FF8C00;
	font-weight: bold;
}

.PRICETAGPROPOSAL{
	font-size: 14px;
	font-family: Arial, sans-serif;
	color: #ff9933;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
}
.PRICESAVINGPROPOSAL{
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #FF8C00;
	font-weight: bold;
}

	/* -- DIV ID  Styles --*/
#PRODUCTPROPOSAL{
	font-size: 11px;
	font-family: Arial, sans-serif;
	padding: 2px;
	color: #0099ff;
}

#PRODUCTPROPOSALIMG{
	padding: 2px;
	float: left;
	margin-right: 3px;
	
}

/* -- Vertical GLOSSYMENU --*/

.glossymenu{
list-style-type: none;
margin: 1px 0;
padding: 0;
width: 100%;
border: 0px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(img/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(img/glossyback2.gif);
}

/* -- ENDE Vertical GLOSSYMENU --*/

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(img/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(img/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(img/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(img/indentbg2.gif) center center repeat-x;
}

/* - - - - - - CSS Document - - - - - - - - -

Title : Global style sheet for client-side web development
Author : Cody Lindley 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- global default/initial styles ----- */
/*body {background-color:#fff;}

html, body {height:100%;}*/

/* ----- base default font size, type, and line height ----- */

/*html body{font: 62.5%/1.4em Arial, Helvetica, sans-serif;color:#333333}*/
html>body{font: 62.5%/1.4em Arial, Helvetica, sans-serif;color:#333333}

/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}
/*p, label{font-size: 1.2em;}*/


/* ----- base links ----- */
/*
a:link {color: #CC6633;}
a:visited {color: #CC6633;}
a:hover {color: #999966;}
a:active {color: #CC6633;}
a:focus{color: #CC6633;}


p {line-height:1.4em;margin:10px 0;}
hr{margin:10px 0;color:#999999;}

ul{
	list-style: none;
}

ul li{
padding-top:3px;
}

#contentPad{
margin:20px;
}

*/

.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#FF0000;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
}

.formInfo a:hover{
	color:#660000;
	text-decoration: none;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(img/jTip/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(img/jTip/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(img/jTips/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}


/*  ------------------  Slide CSS  --------------- */
a:focus {
	outline: none;
}
#panel {
	background: #fafad2;
	height: 200px;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: 4px solid #1e90ff;
	background: url('img/slide/btn-slide.gif') no-repeat center top;
}
.btn-slide {
	background: url('img/slide/white-arrow.gif') no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	margin: 0 auto;
	display: block;
	color: #fff;
	text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; line-height:100%; font-size:120%; font-family:Arial, Helvetica, sans-serif; padding-left:0; padding-right:10px; padding-top:10px; padding-bottom:0
}
.active {
	background-position: right 12px;
}


/*  ------------------  ACCORDION CSS  --------------- */
.accordion {
	width: 99%;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	border-left: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
	background: #0099ff url('img/accordion/arrow-square.gif') no-repeat right -51px;
	margin: 0;
	border-bottom: medium none;
	cursor: pointer;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 100%;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: white;
}
.accordion h3:hover {
	background-color: #00ccff;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 5px 10px 15px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display: none;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


.jcarousel-skin-ie7 .jcarousel-container {
	-moz-border-radius: 10px;
	background: #d4d4d4;
	border: 1px solid #808080;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 500px;
    padding: 20px 40px;
}

.jcarousel-skin-ie7 .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  500px;
    height: 77px;
}

.jcarousel-skin-ie7 .jcarousel-clip-vertical {
    width:  77px;
    height: 245px;
}

.jcarousel-skin-ie7 .jcarousel-item {
    width: 75px;
    height: 75px;
    border: 1px solid #fff;
}

.jcarousel-skin-ie7 .jcarousel-item:hover {
    border-color: #808080;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-right: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-vertical {
    margin-bottom: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(img/carousel/skins/ie7/next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(img/carousel/skins/ie7/prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(img/carousel/skins/ie7/next-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(img/carousel/skins/ie7/prev-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


/*-- rules for watermark --*/

#water_mark {
background-image: url(img/water_mark.png);
height: 30px;
left: 202px;
width: 246px;
top: 208px;
z-index: 6000;
}

#water_mark span {
}


/*-- SLIDESHOW Rotator BOX --*/
#rotatorBox
{
	border: 0px solid #000;
	cursor: pointer;
	overflow: hidden;
	margin: 5px auto 5px;
	position: relative;
	width: 180px;
	height: 150px;
}

#rotatorBox img
{
	border: 0;
	cursor: pointer;
	width: 180px;
	height: 150px;
}

/*-- Product Info Boxes--*/
#ProductInfoBOX{
	border: 1px solid #f2f2f2;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#ProductInfoImageBOX{
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
}

/*-- Info Boxes --*/
#InfoBOXHead{
	border: 1px solid #f2f2f2;
	background-image: url(img/boxes/header2.jpg);
	text-align: center;
	color: white;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	font-weight: bold;
}

#InfoBOX{
	border: 1px solid #f2f2f2;
}

#InfoBOXCMS{
	border: 1px solid #f2f2f2;
	padding: 5px;
	margin: 2px;
}

#InfoBOXCheckOut{
	border: 1px solid #f2f2f2;
}

#InfoBOXDemoModus{
	border: 1px solid #ff3366;
	color: Red;
	background: #ffdfe8;
	font-weight: bold;
	font-size: 12px;
	margin: 0px 2px 0px 2px;
	padding: 2px;
}

#NAV_LEFT{
	border: 0px solid;
}

#HEADER_BREADCRUMB{
	background-image: url(img/info-table-bg.gif);
	color: white;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 2px;
	padding-bottom: 3px;
}
#HEADER_SEARCH{
	background-image: url(img/search-bg.png);
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
}

#BODY_ROOT{
	
}

#COMPANY_LOGO{
	height:	75px;
	background-color: White;
	border: 0px solid;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	background: no-repeat;
	background-image: url(img/company/logo.jpg);
}

#BOX_BUY{
	color: black;
	border: 1px solid #f2f2f2;
	padding: 5px 5px 5px 5px;
	margin: 5px;
	background-image: url(img/tile-blue-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 150px;
}

#BOX_CHECKOUT_HEAD{
	border: 1px solid #f2f2f2;
	background-image: url(img/boxes/header1.jpg);
	text-align: center;
	color: white;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	font-weight: bold;
}


#BOXSUCCESSUPDATE {
	color: #00cc66;
	background-color: #B5FFB5;
	border: 1px solid Green;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	font-weight: bold;
	font-size: 12px;
}

#BOXFAILEDUPDATE {
	border: 1px solid #ff3366;
	color: Red;
	background: #ffdfe8;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	font-size: 12px;
}

#BOXDATEPREORDER {
	border: 1px solid green;
	color: black;
	background: #BBFFBC;
	border: 1px solid;
	padding: 3px 3px 3px 3px;
	margin: 5px 3px 5px 3px;
}

#BOXATTENTION {
	border: 1px solid orange;
	color: black;
	background: #ffffcc;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
}

#BOX_PAYMENT_HEAD_NAV{
	color: black;
	border: 0px solid #f2f2f2;
	padding: 5px 5px 5px 5px;
	background-image: url(img/glossyback2.gif);
	background-repeat: repeat;
}

#BOX_PAYMENT_HEAD_STEP{
	color: white;
	border: 0px solid #f2f2f2;
	padding: 5px 5px 5px 5px;
	background-image: url(img/a1.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#BOX_PAYMENT_SUBMIT_BG{
	color: #333399;
	border: 0px solid #f2f2f2;
	padding: 5px 5px 5px 5px;
	background-image: url(img/bluelight.png);
	background-repeat: repeat-x;
	text-align: right;
	font-size: 12px;
}

#BOX_PAYMENT_INO_CONTENT{
	border: 1px solid #f2f2f2;
	margin: 5px;
	font-size: 14px;
}

#BOX_PAYMENT_SUMMARY{
	border: 0px solid #f2f2f2;
	margin: 2px;
	font-size: 14px;
	color: #ff3366;
}

#BOX_FRONTSTORE{
	width: 185px;
	border: 1px solid;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	border-color: #f2f2f2;
	padding: 2px 2px 2px 2px;
	margin: 3px 1px 1px 1px;
}

#THUMB_IMAGE{
	border: 0px solid #f2f2f2;
	padding: 5px 5px 5px 5px;
	float: left;
}

.ShippingInfo{
	color: #00cc33;
	font-weight: bold;
}


TABLE.BOX_ACCOUNT_TITLE_HEAD{
	border: none;
	border-collapse: collapse;
	margin: 0px;
	width: 100%;
}
	
TD.BOX_ACCOUNT_R_CORNER{
	background-image: url(img/boxes/crb.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 4px;
	}

TD.BOX_ACCOUNT_L_CORNER{
	background-image: url(img/boxes/clb.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 4px;
	}
	
TD.BOX_ACCOUNT_CONTENT{
	background-image: url(img/boxes/chb.gif);
	background-repeat: repeat-x;
	color: white;
	padding-left: 2px;
	font-weight: bold;
	height: 25px;
	width: auto;
	}
	
	
TABLE.BOX_SHOP_TITLE_HEAD{
	border: none;
	border-collapse: collapse;
	margin: 0px;
	width: 100%;
}
	
TD.BOX_SHOP_R_CORNER{
	background-image: url(img/boxes/crb.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 4px;
	}

TD.BOX_SHOP_L_CORNER{
	background-image: url(img/boxes/clb.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 4px;
	}
	
TD.BOX_SHOP_CONTENT{
	background-image: url(img/boxes/chb.gif);
	background-repeat: repeat-x;
	color: white;
	text-align: center;
	padding-left: 2px;
	font-weight: bold;
	height: 25px;
	width: auto;
	}
	
	
	
TD.BOX_SHOP_R_CORNER2{
	background-image: url(img/boxes/crg.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 4px;
	}

TD.BOX_SHOP_L_CORNER2{
	background-image: url(img/boxes/clg.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 4px;
	}
	
TD.BOX_SHOP_CONTENT2{
	background-image: url(img/boxes/chg.gif);
	background-repeat: repeat-x;
	color: white;
	text-align: center;
	padding-left: 2px;
	font-weight: bold;
	height: 25px;
	width: auto;
	}

	

/*-- CSS Tabelle Rounded Corner --*/
#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 5px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-head
{
	background: #b9c9fe url('img/rounded/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('img/rounded/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('img/rounded/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('img/rounded/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}

/*-- CSS Password strong check --*/
.strong-0 { width:4px; background-color:#ff0000;}
.strong-1 { width:20px; background-color:#ff0000;}
.strong-2 { width:40px; background-color:#ff2c00;}
.strong-3 { width:60px; background-color:#ff4d00;}
.strong-4 { width:80px; background-color:#ff7300;}
.strong-5 { width:100px; background-color:#ff9900;}
.strong-6 { width:120px; background-color:#ffc700;}
.strong-7 { width:140px; background-color:#ffff00;}
.strong-8 { width:160px; background-color:#b6ff00;}
.strong-9 { width:180px; background-color:#53e200;}
.strong-10{ width:200px; background-color:#00e200;}

/*-- Product valuation --*/
#BOXVALUATION-PRODUCTTITLE{
	color: #ffcc00;
	background-color: white;
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	font-weight: bold;
	font-size: 12px;
}
#BOXVALUATION-TITLE{
	color: navy;
	background-color: white;
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	font-weight: bold;
	font-size: 12px;
}
#BOXVALUATION-CONTENT{
	color: black;
	background-color: white;
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	font-size: 12px;
}

#Menue{
	padding: 5px 2px 2px 2px;
	margin: 2px 2px 0px 2px;
	font-size: 12px;
	background-image: url(img/boxes/mchg.gif);
	text-align: center;
	height: 18px;
}

#Slogan{
	color: white;
	padding: 2px 2px 2px 2px;
	margin: 0px 2px 0px 2px;
	font-size: 12px;
	background-image: url(img/a1.gif);
}

/* ----------------------------------------------------------------------------------------------------------------*//* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*//* ----------------------------------------------------------------------------------------------------------------*/*{padding: 0; margin: 0;}/* ----------------------------------------------------------------------------------------------------------------*//* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*//* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {  font: 12px Arial, Helvetica, sans-serif;  color: #333333;}#TB_secondLine {  font: 10px Arial, Helvetica, sans-serif;  color:#666666;}#TB_window a:link {color: #666666;}#TB_window a:visited {color: #666666;}#TB_window a:hover {color: #000;}#TB_window a:active {color: #666666;}#TB_window a:focus{color: #666666;}/* ----------------------------------------------------------------------------------------------------------------*//* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*//* ----------------------------------------------------------------------------------------------------------------*/#TB_overlay {  position: fixed;  z-index:100;  top: 0px;  left: 0px;  height:100%;  width:100%;}.TB_overlayMacFFBGHack {background: url(img\thickbox\macFFBgHack.png) repeat;}.TB_overlayBG {  background-color:#000;  filter:alpha(opacity=75);  -moz-opacity: 0.75;  opacity: 0.75;}* html #TB_overlay { /* ie6 hack */     position: absolute;     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}#TB_window {  position: fixed;  background: #ffffff;  z-index: 102;  color:#000000;  display:none;  border: 4px solid #525252;  text-align:left;  top:50%;  left:50%;}* html #TB_window { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}#TB_window img#TB_Image {  display:block;  margin: 15px 0 0 15px;  border-right: 1px solid #ccc;  border-bottom: 1px solid #ccc;  border-top: 1px solid #666;  border-left: 1px solid #666;}#TB_caption{  height:25px;  padding:7px 30px 10px 25px;  float:left;}#TB_closeWindow{  height:25px;  padding:11px 25px 10px 0;  float:right;}#TB_closeAjaxWindow{  padding:7px 10px 5px 0;  margin-bottom:1px;  text-align:right;  float:right;}#TB_ajaxWindowTitle{  float:left;  padding:7px 0 5px 10px;  margin-bottom:1px;}#TB_title{  background-color:#e8e8e8;  height:27px;}#TB_ajaxContent{  clear:both;  padding:2px 15px 15px 15px;  overflow:auto;  text-align:left;  line-height:1.4em;}#TB_ajaxContent.TB_modal{  padding:15px;}#TB_ajaxContent p{  padding:5px 0px 5px 0px;}#TB_load{  position: fixed;  display:none;  height:13px;  width:208px;  z-index:103;  top: 50%;  left: 50%;  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}* html #TB_load { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}#TB_HideSelect{  z-index:99;  position:fixed;  top: 0;  left: 0;  background-color:#fff;  border:none;  filter:alpha(opacity=0);  -moz-opacity: 0;  opacity: 0;  height:100%;  width:100%;}* html #TB_HideSelect { /* ie6 hack */     position: absolute;     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}#TB_iframeContent{  clear:both;  border:none;  margin-bottom:-1px;  margin-top:1px;  _margin-bottom:1px;}