@import url("autocomplete/jquery.autocomplete.css");

#footerContent
{
	margin-top: 30px;
	text-align: right;
	font-size:14pt;
	color: #CCCCFF;
	margin-right: 3px;
}
/* import from oosCommerce */
.messageStackError, .messageStackWarning 
{
	font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5;
}

/* end import */

/* display categorys without a bullet */
ul.category
{
		list-style:none;
		list-style-position: outside;
		margin:0px;
		padding:0px;
}
ul.question li{
	padding-bottom:3px;
}
ul.manufacturerListing
{
	list-style:none;
	list-style-position: inside;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
}
* html ul.manufacturerListing li
{
	margin-left: -15px;
}
/* Leftframe definitions for search over category. must be in separate file */
h1, h2, h3, h4, h5{
	z-index: 1;
	padding:0;
	margin:0;
}
h3{							/* heading for headlines of boxes in right column */
	font-size:100%;
	margin: 10px 0px 2px 0px;
	padding-top: 10px;
	font-weight: 800;
}
h3.rightColoumn{
	padding:0 0 0 0px;
	margin:0px;
}

table{
	font-size:100%;
}
ul.text-productlist, #agb_impressum	
{
	list-style: none;
	margin-top:10px;
	margin-left:0px;
	padding:0px;
}

li.manufacturer
{
	margin-top: 10px;
	color: #FF6600;
}
span.mainCategoryName   /* we make it bold */
{
	font-size: 12px;
	font-weight: 800;
}
span.subCategoryName   /* we make it normal */
{
	font-size: 11px;
	font-weight: 500;
}
div.left-right-container-content{		/* nötig, wenn container-left padding erhält, wird das Layout zerschossen */
	padding-left: 5px; 
	/* margin-top: -10px; */
}
div.infoBoxFL{						/* background-color ist in main_layout definiert !!! */
	border: 1px solid #FFFFFF;
	margin: 0px 5px 10px 5px;
	padding: 0 5px 10px 6px;
}
p.login{							/* Login form fields */
	display:inline;
}
p.login input.text, p.login input.password{
	border: 1px solid #D7D6D2;	
}

p.login input.image{
	position:relative;
	top:3px;
}
p.partner-logo{padding: 10px;}

/* Menu in left column */
#navBarLeftList dd, #navBarLeftList ul.catList li{
	/*border-top:2px solid #FFCC99; */
	border-top:2px solid #D7D6D2;
	font-weight: 800;
}
#navBarLeftList dd.menu_1, #navBarLeftList dd.categoryTree,
#navBarLeftList li.category_30 {			/* erster Menuepunkt in linkem Menu und Einstieg in Artikelkategorien */
	border-top:none !important;
}
#navBarLeftList dd, #navBarLeftList dd li{			/* mehr Luft im linken Navigationsmenue */
	padding:5px 5px 5px 0px;
}
#navBarLeftList dd li{
	font-weight:400;
}
#navBarLeftList dd span{
	cursor: pointer;	
}
#navBarLeftList dd.selected{
	color: #FF6600;
	border-bottom:none !important;
}
#navBarLeftList dd.selected a:link, 
#navBarLeftList dd.selected a:visited,
#navBarLeftList dd.selected a:hover{		/* selbst bei a-tag bleibt orange */
	color: #FF6600;
}
#navBarLeftList li.mainCategoryName{
	list-style: none;
	padding-left: 10px;	
	border-top:2px solid #D7D6D2;
}

#navBarLeftList li.selected{
	font-weight: 800 !important;
	color:#FF6600;
}
#navBarLeftList li.subCategoryName{
	list-style: none;
}
#navBarLeftList li.level_1{
	padding-left: 40px;
	font-size:90%;	
}

#navBarLeftList ul.catList{
	background-color: transparent;
	border: 0;	
}
select.fastViewSelectList{
	border: 1px solid #D7D6D2;
	padding:2px; 
	height:90%;
	width: 120px;
}
* +html select.fastViewSelectList, * html select.fastViewSelectList{
	height:20px;
}
/* sub menus for info, press */
dd.subtree{
	border:none !important;
}
div.subtree ul{
	padding-left: 5px;
}
/* Ende Menue in left column */
/* end leftFrame */
div.welcome
{
	margin: 30px 30px 10px 30px;
}
/* Rightframe definitions */

/* Definitions for boxes */
div.infoBoxBLUE 
{
	margin-top: 10px;
	padding: 0px;
}
div#delivery-free-box{
	margin: 5px 5px 0 0;
	background: #DEDCDD url(/images/infobox/blumenstrauss.jpg) no-repeat;
	padding: 120px 5px 5px 5px;
}   
div.delivery-free-countries{
	background-color:#F4F0F1;
}
/*******************************************************************/
table.productlisting			/* Warenkorb Tabelle mit Produkten */
{
	margin: 0px;
}
.productListing-heading, td.productListing-remove, td.productListing-copy-basket
{
	font-size: 12px;
	font-weight: 800;
	padding: 0px;
}
tr.productListing-even			/* Warenkorb Produktzeile */
{
	background-color: white;
}
td.productListing-remove		/* Warenkorb: Feld Entferen */
{
	width: 30px;
}


.infoBoxContentsFL p			/* is in boxes in right column used */
{
	margin-top: 0px; 
}
.infoBoxRebate    	
{
	margin: 15px 0px 0px 0px;
}


div.product{
	float:left;
	width: 293px;			/* 200px */
	margin: 5px 0px 0px 15px;
}
div.product div.product-image{
	float:left;
	margin-right: 10px;
}
div.product-text-price{
	float:left;
	width: 200px;
	padding-top:10px;
	line-height:1.2em;		/* like for link to order in div.productBigList div.orderProduct */
}
div.product-text-price h5{
	font-size:100%;
}
div.product span.productName
{
	position:relative; 
	top:10px; 
}
div.category
{
	float:left;
	width:200px;			/*253px Sum from div.imageCategoryList div.product + div.category = div#middleFrame */
	text-align:left;
}
div.category p, div.categorySelected p				/* Ersatz für div.imageCategoryList div.category span.categoryName */
{
	float: left;
	margin-top: 15px;
	/* margin-left: 30px; */
	width: 120px; 
	color: #444444;           /* #334444; */
	font-size: 12px; 
	font-variant: small-caps;
	font-weight: 800;
}
* html div.category{
	width: 185px;
}
* html div.category p{
	width: 100px;
	text-align:right;
}
div.imageCategoryList div.categorySelected     /* a single category is to display index_products.tpl.php*/
{
	text-align:right;		
}
div.categorySelected p{						/* some changes */
	width: 200px;
	margin-left: 146px;
}

* html div.categorySelected p{			  	/* some changes for IE */
	width: 200px;
	margin-left: 74px;
}
div.categorySelected .short-info-heading{
	float:right;
	width: 100px;
	margin: 10px 20px 0 0;
}

div.categorySelected p.short-info-text{
	float:left;
	width: 285px;
	margin: 10px 20px 0 10px;
	font-variant: normal;
	font-weight: 500;
	font-size: 90%;
	text-align: left;
}

/* Definitions for productlist */
div.productBigList
{
	height: 85px;
	margin: 0px;
}

/* Distance to footer table. Info for number of pages, articles, ... */
div.productBigList .productlist-footer
{
	margin:20px 0px 0px 10px;
}
div.productBigList div.orderProduct{
	padding: 20px 50px 0px 120px; 
	text-align: right;
	line-height: 1.2em;
}
div.productBigList div.orderProduct a{		/* Make text of link to "Bestellen" a little smaller */
	font-size:95%;
}
/* Navigation over productlist : Split Page result */
div.splitPage
{
	margin:5px 5px 0px 5px;
}
p.numberOfProducts
{
	float: left;
	margin:0px 0px 0px 5px;
	width: 45%;
}
p.linkToPage
{
	text-align: right;
	margin:0px 5px 0px 0px;
	
}
img.icon4Link{
	border:none;
}
img.go-2-icon{			/* icon tiefer positionieren */
	position:relative;
	top: 5px; 
}
* +html img.go-2-icon{			/* icon tiefer positionieren  bei IE position zurücksetzen und vertical-align setzen */
	position:static;
	vertical-align: bottom;
}
.smallCaps
{
	font-variant: small-caps;
}
.smallfont
{
	font-size:7pt;
}
.orange{			/* we make it orange */
	color: #FF6600;
}
.bold
{
	font-weight: 800;
}
.title{
	font-size:120%;
}
.inline{
	display: inline;
}

a.majorLink{
	color:#EE7700;
	text-decoration: underline;
}
.alignRightText
{
	margin:10px 30px 0px 0px;  
	text-align:right; 
}


.strongInfoBox{
	margin:10px 0 0 0;
	padding:0;
	color:white;
	background-color: #8A9A9A;
	width: 158px;
}
.strongInfoBox .infoBoxContentsFL{
	padding:5px 20px 5px 10px;
	font-weight:700;
	font-size: 110%;
}
button.submit{					/* button tag styling look like text */
	background-color:transparent;
	border:0;
	padding:0;
}

/* formats for Header */
div.headBar{
	float:left;
	width:100%;	
	padding-bottom: 5px;
}
div.navBar{
	float:left;
	background-color: #F4F0F1;
	width:100%;	
}
div.autocomplete {
      position:absolute;
      /* width:200px;	 */
      background-color:white;
      border:1px solid #888888;
      margin:0px;
      padding:0px;
      text-align:left;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:12px;
  cursor:pointer;
  overflow:hidden;
}
form.fastview-selection select{
	width: 100px;
}
div#navBar1Frame input.image{ position: relative; top: 5px;}
/* right column */
#rightFrameContent{
	padding:0px 0 0 0;
}

p.outdent-image{
	line-height:1.0em;
	margin-left:0;
	padding-left:0;
}
p.outdent-image a{
	padding-left:0;
}
#downloads p.outdent-image img.icon4Link{			/*Link icon is left from link text, outside of normal text flow */
	position:relative;
	top: 3px;
}
* +html #downloads p.outdent-image img.icon4Link{
	padding-top:5px;	
	height:20px;
}
#downloads p.outdent-image{
	margin-top: 0;
}
div.box-information, div.box-downloads{
	padding: 5px 0 0 0;	
}
li.box-information{		/* Box information in right column */
	border-bottom:2px solid #D7D6D2;		/* IE doesn't notice this styles, so they are as style attributes in the code */
	padding:5px;
}
li.box-information-last{		/* IE doesn't notice this styles, so they are as style attributes in the code */
	padding:5px;
}
div.box-your-advantages{		/* IE doesn't notice this styles, so they are as style attributes in the code */
	margin:10px 5px 5px 5px;
	background-color:#FF6600;
}
h3.your-advantages{				/* IE doesn't notice this styles, so they are as style attributes in the code */
	padding: 5px 0 10px 10px;
}
h3.your-advantages a{			/* IE doesn't notice this styles, so they are as style attributes in the code */
	color:#FFFFFF;
	font-weight:800;
}
#top20TextContainer{
	width:100%;
	margin-top:5px;
}

#top20DIV{					/* Box : Bestseller */
	margin-top: 20px;
	padding-left: 5px;
}
h3.top20DIV{
	margin-bottom:5px;
}
#whats-new{
	background-color:transparent !important;
	padding:10px 7px 0 5px   !important;
}
#whats-new h3{
	padding-left:10px;
}
#whats-new p{
	padding-left: 8px;
}
.imageBox{						/* Box : mit Bildern */
	margin:0px 0 12px 0px;
}
span.showroom-preview{
	padding-left:5px;	
}
/* Header */
#have-you-question{					/* Box : Haben Sie Fragen */
	float:left;
	width: 160px;
	height: 130px;
	margin-bottom: 5px !important; 
	padding-bottom: 0px !important;
	padding-left: 10px !important;
}
div.delivery_free_box{
	background-color: #FF6600;
	color:white;
	float:left;
	width: 180px;
	height: 117px;
	padding: 10px 0 5px 10px;
}
div#articleSearchBox{
	float:left;
	width: 360px;
	margin: 0px !important;
	padding: 0px 0px 0px 12px !important;
	
}

div.login-box{
	float: right;
	width: 500px;
	margin: 0px !important;
	padding: 0px !important;
}
#simpleSearch{ width: 130px;}
#email_address, input.password{
	width: 60px;
	margin-left: 5px;
}
#email_address{margin-right: 5px;width: 100px}
form#login p {padding-top: 7px; padding-bottom: 0; margin-top: 6px;}
form#login label{float: none !important; width:auto}
p.loggedIn{margin-top: 18px; }
span.loggedIn{padding: 0 10px;}
hr.navBar{
	width: 80%;
	color: #D7D6D2;
	background-color: #D7D6D2;
	height: 1px;
	text-align:right;
	margin: 0;
	padding: 0;
	border: 0px;
border-top: solid 1px #D7D6D2;
border-bottom: transparent;
	/* float:right; */
}


/* allgemeiner Content Bereich */
/* Definitions for header over the content column */
div.content-head{
	background-color: #FF6600;
	margin-bottom:10px;
}
div.content-head-text{
	float:left;
	width:200px;
	padding:30px 0 0px 30px;		/* Abstand links 30px */
	color:#FFFFFF;
}

div.content-head-text h1{
	font-size:1.5em;
	font-weight:400;
	padding-top:60px;
}
div.content-head-text h2{
	padding-top:30px;
}
div.content-head-image{
	float:right;
	width:253px;
	text-align:right;
	background-color: #FFFFFF;
	height:129px;
	/* height: expression(document.body.clientHeight < 129 ? "129px" : "auto"); */
}
/* ENDE header */