/*
  Main CSS for all shop elements
  $Id: shop.css,v 1.53 2018/07/17 15:10:48 bob Exp $
*/
/* Generic */
BODY {
	padding: 0px;
}
.body {
	padding: 10px;
}
DIV {

}

#cfield {
    margin: 0;
}
#pageid {
    display:none;
}
/* Fonts */
.basefont {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

/*  Background colors,
    proposed hue sequence: backp (dark), backs (fresh), backta (gray), backti (more gray)
*/
.backp {    /* primary background color  */
}
.backs {    /* secondary background color (Boxes) */

}
.backta {   /* active tab background */
    background-color: silver;
}
.backti {   /* inactive tab background */

}
#all {
  /*  width: 937px;
    margin: auto; */
}
#center {
    width: 100%;
}

.layouttable {
	/* width: 100%; */
	border: 0px;
}

#agbPane {
}
#itemPane {
}
#pwPane {
}
#cartNotePane {
}
.itemtabletrd {
    padding-left: 10px;
}
.iseparator {
    height: 2px;
}

/* yahoo toolkit overrides */
.hd {
    height: 5px;
}
.bd {
    display: none;
}
/* Main link-like Navigation (go to profile, go to orders, ...)*/
.navi {
	color: blue;
}

/* Headline (Select Items, Your order,...) */
.headline {
	color: gray;
	font-size: 120%;
}

.popup {
    padding: 10px;
    border: 1px solid black;
}

.lists {     /* items, special etc. */
    padding-left: 10px;
    padding-right: 10px;
}
/* Page Name (Overview, Order List,...) */
.pagename {
	font-size: 150%;
	border: 1px solid;
}

/* main workflow activity (save, print, cancel order,...)*/
.action {
	color: green;
	border: 1px solid;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
    background-color: #efefef;
}
.inactiveaction {
	color: gray;
	border: 1px solid;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}

/* interactive work/browse link (select orders, from lists,...) */
.work {
    cursor: pointer;
    color: blue;
	text-decoration: none;
}

/* small infos beside items etc */
.small {
    font-size: 80%;
}
/* base class for notes */
.mid {
    width: 99%;
}
.notes {
	font-size: 80%;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* ok-Result confirmation */
.ok {
	color: green;
}

/* note, tip, warning */
.tip {
	color: gray;
}

/* errors of any kind */
.error {
	color: red;
}

/* DESIGN related **/
.boxes {
	border:1px solid #000000;
	background-color:#efefef;
	padding: 5px;
	margin: 0px;
	vertical-align: top;
}

/* Lists in js */
.clicklist {
    border-bottom: 1px dotted;
    cursor: pointer;
}
.clicklist TD {
    border-bottom: 1px dotted;
    cursor: pointer;    
}
.description {
    /* description of items within item list */
}
.deleteicon {
    /* small icon next to the item in a cart, indicates delete option
       may come with an additional inactive class */
}
.list {
    border-bottom: 1px dotted;
}
.listentry {
    text-decoration: none;
    color: black;
}
.tourlistrow {
    background-color: silver;
}
.inactiveclicklist {
    border-bottom: 1px dotted;
    cursor: pointer;
    color: gray;
}
.inactive {
    color: gray;
}
.listname {  /* sublisten-Titel */
    margin-left: 20px;
    font-weight:bold;
}
/* form validation */
.required {
	background-image: url(pics/required.gif);
	background-position: right;
	background-repeat: no-repeat;
}

/* users message */
.cnote {
    font-style: italic; margin: 0px; margin-left: 35px; border-left: dotted 1px;
}

.searchresult {
    background-color: yellow;
    opacity: 50%;
    border: 1px black dotted;
}

/* TAB */
#menu A {
    padding-bottom: 0px;
}

#tabcontentcontainer {    /* tab content section (items, assortments, search etc. */

}

.tabcontent {
    display: none;
}
/* active- tabs */
.m {
    float: left;
    background-color: #D3D3D3;
    padding: 3px 4px;
    margin-right: 2px;
    text-align: center;
    border-bottom: none;
    padding-bottom: 5px;
}

fieldset {
  border: 1px solid black;
  margin-bottom: 20px;
  margin-left: 1px; margin-right: 1px;
  padding: 5px;
}
legend {
  margin-left: 10px;
}
.itemprice {
    font-size:80%;
}
#itempopup {
    height: 450px; 
}
#agbpopup {
    height: 450px;
}
#nlsubs {
    margin: 50px;
    
}
#mail #cnotebox {
    margin:  20px;
    border:  1px solid red;
}

#mail .notes-text-wrapper{
    text-align: center;
}
#lpnote {
    display: none;
}
#ssl {
    display: none;
}
.shoplinkorderd {
    width: 100%;
    text-align: center;
    padding: 10px;
}
.mstyleb {
    width: 99%;
}
.ordert {
    width: 100%;
}
/* fix 2026 */
#oekoinform_prodimage {
    display: none;
}