/* CSS Document */

body,
a img,
form {
    margin:0;
    padding:0;
    border:0;

    line-height: 140%;
}

html {
  overflow: -moz-scrollbars-vertical;
}
body {
  background: #fff;
  color: #666666;
  font:11px Arial, Helvetica, sans-serif !important;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

table {
  border: 0px solid red;
  border-collapse: collapse;
  width: 100%;
}
td {
  border: 0px solid red;
  padding: 0px;
}

/*png fix */
* html .png {
  position:relative;
  behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
      this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
      this.src = "/WebRoot/ZdG/SF/img/s.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
      this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
      this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
  );
}

/* e-pages StorefrontStyle.css supra */
p, table, tr, td, th, span, ul, li, samp, select, option, textarea, samp, label {
  font-family: Arial, Helvetica, sans-serif;
}
a {
  color: #666666;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: 0 none;
}
.Separator{
  display: block;
  clear: both;
  width: auto;
  height: 6px;
  margin: 5px 0 5px 0;
  padding: 0px;
  font-size: 0px;
  line-height: 0px;    
}
.clear {
  display: block;
  height: 1px;
  clear: both;
}

.InfoArea h1 {
  font-size: 12px;
}

.OrderProcessNavigation {
  padding-top:10px;
}

button.Button,
input.Button,
.OrderProcessNavigation button {
  background: #77B138;
  border: solid 0px #77B138;
  cursor: pointer;
  font: italic bold 14px Arial, "Trebuchet MS", sans-serif;
  color: #fff;
  !max-width:200px;
}

button.RestrictedWidth {
  width:200px;
}

.Basket select, .Basket option {
  font: 11px Arial,Helvetica,sans-serif;
}
.TableHead {
  margin: 0 0 2px 0;
  padding: 4px 0 0 0;
  height: 24px;
  background: #77B138  !important;
  border-bottom: solid 1px #fff;
}
.TableHead div {
  height: 24px;
  background: #77B138 !important;
  color: #fff; 
  font: italic bold 16px Arial, "Trebuchet MS", sans-serif;
}

table.OrderList,
table.ShoppingList,
table.CustomerList,
table.Basket {
  background: #E6E6E6 !important;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
table.OrderList th,
table.ShoppingList th,
table.CustomerList th,
table.Basket th {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #77B138;
  border-right: 1px solid #77B138; 
  padding: 2px 4px 2px 4px;
  background: #77B138;
  color: #fff; 
  font: italic bold 16px Arial, "Trebuchet MS", sans-serif;
}
table.OrderList td,
table.ShoppingList td,
table.CustomerList td,
table.Basket td {
  background: #E6E6E6;
  vertical-align: middle;
  padding: 1px 4px 2px 4px;
}
table.OrderList td.AlignCenter img.IconSmall,
table.ShoppingList td.AlignCenter img.IconSmall,
table.CustomerList td.AlignCenter img.IconSmall {
  display: block;
  margin: 0 auto;
}
tr.SeparateRow td {
  border-top: 1px solid #fff;
}
tr.SeparateRow th {
  border-top: 1px solid #77B138;
}
td.SeparateColumn {
  border-right: 1px solid #fff;
}
th.SeparateColumn {
  border-right: 1px solid #77B138;
}
.AlternateRow td,
.AlternateRow,
.Alternate td,
.Alternate {
  background: #E6E6E6 !important;
}

.Dialog, 
.AddressDialog {
  background: #E6E6E6 !important;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
.BasketAddressSelect .Address,
.BasketAddressForm .Address,
.EditAddress .Address,
.Addresses .Address,
.AddressOptions,
.AddressFields,
.AddressColumnLeft,
.AddressColumnRight,
.Dialog div.LeftHalf,
.Dialog td.LeftHalf,
.Dialog div.RightHalf,
.Dialog td.RightHalf,
.Dialog div.InputBlock,
.Dialog tr.InputBlock,
.Dialog div.TextBlock,
.Dialog div.InputLabelling,
.Dialog td.InputLabelling,
.Dialog div.InputField,
.Dialog td.InputField,
.Dialog div.IllustratedLink {
  background: #E6E6E6 !important;
}

.Dialog td.InputLabelling {
  width:135px;
}

input.Text,
input.Money,
input.MediumText,
select.Text,
select.Text option,
textarea.LongText,
input.LongText,
select.LongText,
select.LongText option,
textarea.VeryLongText,
input.Price,
input.Name,
input.City,
input.ZipCode,
input.Login,
input.Search,
input.stxt {
  font-size: 11px;
} 
input.Text,
input.Money,
input.MediumText,
textarea.LongText,
input.LongText,
textarea.VeryLongText,
input.Price,
input.Name,
input.City,
input.ZipCode,
input.Login,
input.Search,
input.stxt {
  border: solid 1px #DBDFE6;
  border-top: solid 1px #ABADB3;
  padding: 2px 1px; 
}
input.stxt {
  padding: 1px;
}
div.BasketComment {
  padding: 6px 0 5px 0;
}
textarea.BasketComment {
  font-size: 11px;
  border: solid 1px #DBDFE6;
  border-top: solid 1px #ABADB3;
  width: 580px;
}
.PreLineBasketComment {
  background: #E6E6E6;
  border: 1px solid #E6E6E6;
}
h3.TopSmallMargin {
  font-size: 12px;
}

#CheckOutTop, #RefreshButtonTop {
  display: none;
}
.SLToBasket {
  color: #666666 !important;
  text-decoration: underline !important;
}

ul.OrderProcess {
  margin-left:0px;
}

ul.OrderProcess li {
  font-size: 11px; 
  margin: 0 5px 0 0;
  padding: 5px; 
  text-align: left;
  width: 120px; 
  height: 50px;
  background: #E6E6E6;
  cursor: default;
}
ul.OrderProcess li .ItemImage {
  display: none;
}
ul.OrderProcess li .ItemLink, 
ul.OrderProcess li .ItemLabel {
  font: italic bold 16px Arial, "Trebuchet MS", sans-serif;
  text-decoration: none;  
  padding-bottom: 3px;
  display: block;
  color: #666666; 
}
ul.OrderProcess li .ItemLink {
  color: #77B138;
}
ul.OrderProcess li .ItemLink:hover {
  color: #666666;
}

ul.OrderProcess li.ActiveItem {
  color: #fff;
  background: #77B138;
}
ul.OrderProcess li.ActiveItem  .ItemLink, ul.OrderProcess li.ActiveItem a,  ul.OrderProcess li.ActiveItem  span {
  color: #fff;
}
ul.OrderProcess li.ActiveItem  .ItemLink:hover, ul.OrderProcess li.ActiveItem a:hover span {
  color: #E4EFD7;
}

.CustomerOrder h1 {
  font-size: 14px;
} 

.ShopClosed {
  background: #fff;
  border: dashed 1px #BBBBBC;
}
.ShopClosed #logo {
  display: block;
  padding-bottom: 10px;
}
.LoginRequired {
  text-align: left;
  width: 220px;
  margin: 100px auto 0 auto;
  border: solid 1px #BBBBBC;
  padding: 10px;
}
.LoginRequired img#logo {
  display: block;
  padding-bottom: 10px;
}
.LoginRequired form {
  padding-top: 18px;
  width: 210px;
}
.LoginRequired a.Action {
  display: none;
}
.LoginRequired form .InputLabelling,
.LoginRequired form .Entry {
  padding-bottom: 5px;
}
.LoginRequired form .Login {
  width: 210px !important;
}

.LoginRequired h1 {
  display: none;
}

.sitemap, .sitemap ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sitemap {
  background: url(/WebRoot/MSTraveling/SF/img/tree-l.gif) no-repeat bottom left; 
  padding-top: 10px;
}
.sitemap ul {
  background: url(/WebRoot/MSTraveling/SF/img/tree-l.gif) no-repeat bottom left; 
}
.sitemap li {
  background: url(/WebRoot/MSTraveling/SF/img/tree.gif) no-repeat 0 6px; 
  padding-left: 24px;
  line-height: 150%;
  text-transform: uppercase;
}
.sitemap li a {
  text-decoration: none;
}
.sitemap li a:hover {
  text-decoration: underline;
}
.sitemap li li {
  padding-left: 24px;
  background: url(/WebRoot/MSTraveling/SF/img/tree.gif) no-repeat 0 6px; 
}  

.TrustedShopLogo {
  padding-bottom: 7px;
  margin: 0 0 0 0;
}

/* General Classes*/ 
#divbasketpopup {
  background: url(/WebRoot/ZdG/SF/img/bg-basket.gif) no-repeat;
  width: 282px;
  height: 147px;
  border: dashed 1px #6F9F3B; 
}
#divrezeptpopup {
  background: #fff;
  width: 280px;
  height: 58px;
  border: dashed 1px #6F9F3B; 
  text-align: center;
}
#divrezeptpopup p {
  padding: 14px 20px 0 20px; 
  text-align: center;
  font-weight: bold;
  margin: 0;
}
#divbasketpopup #loader {
  display: block;
  margin: 0 auto;
  padding-top: 84px;
}
#divbasketpopup img.close, #divrezeptpopup img {
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  cursor: pointer;
  text-align: left;
}
#divbasketpopup div.txt {
  font-size: 13px;
  font-weight: bold;
  color: #666666;
  padding-top: 80px;
  padding-bottom: 16px;
  text-align: center;
  margin: 0;
}

#divbasketpopup a.FloatLeft,
#divbasketpopup a.FloatRight {
  font-size: 11px;
  font-weight: bold;
  color: #57AB27;
  text-decoration: none;
} 
#divbasketpopup a.FloatLeft:hover,
#divbasketpopup a.FloatRight:hover {
  text-decoration: none;
  color: #666666;
}
#divbasketpopup a.FloatLeft {
  padding-left: 15px;
}
#divbasketpopup a.FloatRight {
  padding-right: 15px;
}
#divbasketpopup .basketlinks a:hover {
  text-decoration: underline;
}

.breadcrumb {
  min-height: 24px;
  font-size: 10px;
}
.breadcrumb a {
  color: #999;
  text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: underline;
  color: #000;
}
.breadcrumb span {
  color: #000;
  text-decoration: underline;
  font-size: 10px;
}
.breadcrumb .pager, .ppager {
  float: right;
  font-size: 11px;
  color: #000;
}
.ppager {
  float: none;
  text-align: right;
  padding-top: 12px;
}
.breadcrumb .pager a, .ppager a {
  color: #000;
  padding: 0 1px;  
  text-decoration: none;
}
.breadcrumb .pager a.active, .ppager a.active {
  font-weight: bold;
  text-decoration: none;
}
.breadcrumb .pager a.underline, .ppager a.underline {
  text-decoration: underline;
}
.breadcrumb .pager a.underline:hover, .ppager a.underline:hover {
  text-decoration: none;
}

#header, #content, #footer {
  width: 1001px;
  margin: 0 auto; 
  text-align: left;
}
#header {
  background: url(/WebRoot/ZdG/SF/img/header.jpg) no-repeat right top;
  height: 126px;
  padding-top:36px;
}
#header h1 {
  margin: 0;
  padding-top: 36px;
}
#header h1 a {
  display: block;
  font-size: 1px;
  line-height: 1px;
  text-indent: -10000px;
  text-decoration: none;
  outline: none; 
}
#header h1 a img {
  display: block;
}

#sidebar {
  width: 200px;
  padding-top: 9px;
  float: left;
}
#sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-bottom: 15px;
  width: 162px;
}
#sidebar ul li {
  padding-bottom: 4px;
  padding-top: 5px;
}
#sidebar ul li.dash {
  /*background: url(/WebRoot/ZdG/SF/img/dash.gif) repeat-x left top;*/
  
  padding-top: 18px;
}
#sidebar ul li a {
  display: block;
  border-left: solid 11px #6FAE2F;
  height: 20px;
  padding-left: 5px;
  text-decoration: none;
  color: #666666;
  font: bold 14px/20px Arial, "Trebuchet MS", sans-serif;
  font-size: 14px;
  font-weight: bold;
  outline: 0 none; 
}
#sidebar ul li a:hover, #sidebar ul li a.active {
  color: #000;
}
#sidebar ul ul {
  padding-bottom: 0;
  padding-top: 0;
}
#sidebar ul ul li {
  padding-bottom: 0;
  padding-top: 2px;
}
#sidebar ul li li a {
  font: bold 12px/14px Arial, "Trebuchet MS", sans-serif;
  border-left: solid 5px #6FAE2F;
  height: auto;
  _height:1%;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 10px;
  margin-left: 6px;
}

#sidebar .promo {
  background: #77B138;
  width: 154px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  color: #000;
  margin-bottom: 12px;
}
#sidebar .promo span.head, #sidebar #newsletter span.head {
  font: italic bold 14px Arial, "Trebuchet MS", sans-serif;
  padding: 3px 5px 1px 5px;
  color: #fff;
  display:block;
  width:148px;
}
#sidebar .promo div {
  background: #fff;
  margin: auto!important;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  line-height: 130% !important;
}
#sidebar .promo p {
  margin: 0;
  background: #FFFFFF!important;
}

#sidebar .promo span { 
  font-size: 9px;
  display: block;
  padding-left: 3px;
}
#sidebar .promo p a {
  display: block;
  height: 18px;
}
#sidebar .promo div img,
#sidebar .promo div a {
  cursor: pointer;
}

#sidebar .promo div .slideshow {
  padding: 0 !important;
  padding-top: 10px !important;
  height:190px;
  overflow:hidden;
}

#sidebar .promo div .slideshow div {
  width: auto !important;
}

#sidebar .promo div .slideshow div img {
  margin: 0!important;
  padding: 0!important;
  left: 0!important;
  top: 0!important;
}

#sidebar .promo div .slideshow a {
  text-decoration: none;
  font-weight: bold;
  color: #000;
}
#sidebar .promo div .slideshow a:hover {
  color: #77B138;
}
#sidebar form {
  padding-bottom: 14px;
  padding-left: 16px;
}
#sidebar form#newsletter {
  padding-left: 0;
  padding-bottom: 8px;
}
#sidebar form input.txt {
  border: solid 1px #DBDFE6;
  border-top: solid 1px #ABADB3;
  width: 105px;
  margin-right: 7px;
  padding: 3px 1px; 
  font-size: 11px;
}

#page {
  float: left;
  width: 582px;
  padding: 10px 35px 12px 26px; 
}
#home {
  padding-top: 24px;
  padding-left: 15px;
}
#home p {
  color: #666666;
  margin: 0;
  padding-bottom: 8px;
  line-height: 200% !important;
}

#home a {
  color: #666666;
  text-decoration: underline;
}
#home a:hover {
  text-decoration: none;
}
#home h2, #home h3 {
  font-family: Arial, "Trebuchet MS", sans-serif;
  font-size: 18px;
  color: #666666;  
}
#home h2 {
  padding-bottom: 8px;
  padding-top: 8px;
  font-size: 22px;
  line-height: 22px !important;
}

#home .welcome {
  padding-bottom: 18px;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
  line-height: 140% !important;
}
#home .welcome .FloatLeft {
  width: 248px;
}


#home .welcome .FloatRight {
  display: block;
  width: 250px;
  padding:0 !important;
  text-align:center;
  cursor: pointer;
}
#home .welcome .FloatRight p {
  font-weight: bold;
  font-size: 14px;
  margin: 0;
  padding-bottom: 7px;
  padding-top: 3px;
  line-height: normal;
}

#home .col {
  float: left;
  width: 248px;
  padding-bottom: 12px;
}
#home div.FloatRight {
  float: right !important; 
}
#home .col h3 {
  padding-bottom: 7px;
}
#home .col p {
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
}
#home .col img {
  display: block;
  padding-bottom: 8px;
}

.categories {
  width: 582px;
  border-collapse: collapse;
  margin-bottom: 18px;
}
.categories td {  
  /*border: dashed 1px #BBBBBC;*/
  background: #77B138;
  border: solid 1px #fff;
  font: italic bold 14px Arial, "Trebuchet MS", sans-serif;
  vertical-align: top;
  width: 33%;
}
.categories td a {
  color: #fff;
  padding: 5px;
  display: block;
  text-decoration: none;
}
.categories td a:hover {
  color: #eee;
}
.products {
  width: 582px;
  border-collapse: collapse;
}
.products td {  
  border: dashed 1px #BBBBBC;
  vertical-align: top;
  width: 33%;
  color: #666;
}

.products td a {
  text-decoration: none;
  display: block;
  padding-bottom: 2px;
  line-height: normal;
  color: #666;
  font-size: 11px;
  outline: none;
}


.products td a:hover {
  text-decoration: underline;
}
.products td a img {
  display: block;
  margin: 0 auto;
  padding: 5px 0;
}
.products td a strong {
  display: block;
  padding-left: 25px;
  padding-right: 25px;
}

.products td .short-descr{
  border-top:1px dotted #BBBBBC;
  border-bottom:1px dotted #BBBBBC;
  padding-top:3px;
  padding-bottom: 3px;
  margin-top:3px;
  margin-bottom: 3px;
  margin-left: 25px;
  margin-right: 25px;
  display: block;
  font-size: 11px;
  color: #666;
}

.products td small {
  padding-left: 25px;
  display: block;
  padding-bottom: 7px;
  font-size: 11px;
  color: #666;
}
.products td small span {
  display: block;
}
.products td small span {
  font-size: 9px;
}
.products td small span a {
  display: inline;
  font-size: 9px;
}

.product {
  border: dashed 1px #BBBBBC;
  width: 580px;
}
.product td {
  border: dashed 1px #BBBBBC;
  vertical-align: top;
}
.product td div.img {
  width: 252px;
  overflow: hidden;
  text-align: center;
}
.product td div.img img {
  display: block;
}
.product td div.img div.big {
  padding: 30px 0 20px 0;
  position: relative;
}
.product td div.img div.big img {
  display: block;
   margin: 0 auto;
}
.product td div.img .magnify {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 26px;
  height: 25px;
}
.product td div.img .magnify img {
  display: block;
  margin: 0 0;
}

.product td {
  vertical-align: top;
}
.product td.detail {
  width: 325px;
}
.product td.detail h2,.product td.detail h1 {
  background: url(/WebRoot/ZdG/SF/img/bg-title.gif) repeat top left;
  padding-top: 2px;
  padding-left: 15px; 
  padding-bottom: 3px;
  height: auto;
  overflow: hidden;
  font-size: 20px !important;
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
  
}
.product td.detail div {
  padding: 0 15px; 
  font-size: 13px;
  font-family: Arial, Verdana, sans-serif;
  padding-bottom: 12px; 
}
.product table.attributes td {
    border: 0px;
}

.product td.detail div p {
  font-size: 13px;
  font-family: Arial, Verdana, sans-serif;
}

.product td.add {
  background: #77B138;
  padding-bottom: 7px;
}
  .product td.add h3 {
    font: bold italic 20px Arial, "Trebuchet MS", sans-serif;
    border-bottom: solid 1px #fff;
    color: #fff;
    margin-bottom: 7px;
    padding-left: 5px;
  }
  .product td.add form {
    padding: 0 10px;
  }
  .product td.add .quantity {
    color: #fff;
    font-family: Arial, Verdana, sans-serif;
    float: left;
    padding-left: 7px;
    padding-right: 15px;
  }
    .product td.add .quantity small {      
      display: block;
      font-size: 11px;
      padding-bottom: 3px;
    }
    .product td.add .quantity input {
      width: 40px;
      text-align: center;
      border: solid 1px #A5ACB2;
      font-size: 11px;
      font-family: Arial, Verdana, sans-serif;
      color: #000;
      padding: 1px 0;
    }
  .product td.add .zubehor {
    float: left;
    padding-right: 15px;
    color: #fff;
    font-family: Arial, Verdana, sans-serif;
    width: 170px;
  }
    .product td.add .zubehor small {
      display: block;
      font-size: 11px;
      padding-bottom: 3px;
    }
    .product td.add .zubehor select, .product td.add .zubehor option {
      font-size: 11px;
      font-family: Arial, Verdana, sans-serif;
    }
    .product td.add .zubehor span {
      font-weight: bold;
    }
  .product td.add .price {
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    line-height: normal;
    float: left;
  }
  .product td.add .price a {
    text-decoration: underline;
    color: #fff;
  }
  .product td.add .price a:hover {
    text-decoration: none;
  }
  .product td.add .price  small {
    display: block;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    color: #fff;
  }
  .product td.add .button {
    float: right;
    padding-top: 10px;
  }
    .product td.add .button a {
      font: italic 21px Arial, "Trebuchet MS", sans-serif;
      color: #fff;
      text-decoration: underline;
    }
    .product td.add .button a:hover {
      color: #E4EFD7;
      text-decoration: underline;
    }

  .product td.rezept,
  #page div.bundle {
    padding-top: 9px;
    padding-bottom: 12px; 
  }
    .product td.rezept div {
      padding: 0 18px;
    }
    .product td.rezept h6,
    #page div.bundle h6 {
      font: bold 18px Arial, "Trebuchet MS", sans-serif;
      color: #666666;
      padding-bottom: 10px;
      padding-left: 4px;
    }

    .product td.rezept div.head {
      font: bold 18px Arial, "Trebuchet MS", sans-serif;
      color: #666666;
      padding-bottom: 10px;
      padding-left: 4px;
    }

    .product td.rezept a {
      float: left;
    }
    .product td.rezept a.FloatRight{
      float: right !important;
    }
      .product td.rezept img.img {
        display: block;
        float: left;
        border: solid 3px #fff;
        padding: 1px;
        cursor: pointer;
      }
      .product td.rezept img.brd {
        border: solid 3px #77B138;
      }


.productlinks {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
  text-align: left;
  padding-bottom: 10px;
}
.productlinks a {
  display: block;
  padding:4px 0 4px 24px;
}
.productlinks .shoppinglist-link {
  background: url(/WebRoot/ZdG/SF/img/ico-shoppinglist.gif) no-repeat left center; 
}
.productlinks .pdf-ico {
  background: url(/WebRoot/ZdG/SF/img/pdf_icon.gif) no-repeat left center;
}

#sidebar2 {
  float: right;
  width: 158px;
  padding-top: 34px;
}
#sidebar2 span.head {
  font: bold 14px Arial, "Trebuchet MS", sans-serif;
  color:#666666;
  padding-left: 4px;
  padding-top: 3px;
  padding-bottom: 6px;
}
#sidebar2 span.head small {
  display: block;
  font-size: 12px;
}

#id-basket {
  background: #77B138;
  border-bottom: solid 3px #fff;
}
#id-basket p {
  font: bold italic 14px/24px Arial, "Trebuchet MS", sans-serif;
  color: #fff;
  height: 24px;
  margin: 0;
  padding: 0;
  padding-left: 10px;
}
#id-basket p a {
  color: #fff;
  text-decoration: underline;
}
#id-basket p a:hover {
  color: #E4EFD7;
}
#login {
  background: #E6E6E6;
  margin-bottom: 7px;
}
#login div {
  padding-left: 6px;
}
#login div div {
  padding-left: 0;
}
#login ul {
  background: url(/WebRoot/ZdG/SF/img/line2.gif) repeat-x top; 
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  margin-top: 6px;
}
#login ul li {
  display: block;
  float: left;
  width: 54%;
  text-align: center;
  line-height: 19px;
  height: 19px;
}
#login ul li.s {
  background: url(/WebRoot/ZdG/SF/img/line3.gif) repeat-y top right;
  width: 45%;
}
#login ul li a {
  color: #000;
  text-decoration: underline;
}
#login ul li a:hover {
  text-decoration: none;
}
.feedback .name {
  float: left;
  margin-bottom: 0;
  padding-top: 8px !important;
  font-weight: bold;
}
.feedback .date {
  float: right;
  margin-bottom: 0;
  padding-top: 8px !important;
}
.feedback div {
  padding: 0 !important;
}
.feedback a {
  text-decoration: none;
  margin-bottom: 10px;
}
.feedback a:hover {
  color: #77B138;
}
.kundenstimmen div {
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}

.kundenstimmen p {
  position: relative;
}

.kundenstimmen div img {
  padding-top: 1px;
  padding-bottom: 1px;  
}
.kundenstimmen div p strong {
  padding-top: 5px !important;
  padding-bottom: 5px !important; 
}
.kundenstimmen div p.reply {
  padding: 5px 0 5px 20px;
}

#sidebar2 .box {
  background: #77B138;
  margin-bottom: 20px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
}
#sidebar2 .box div.head, #sidebar2 .box div.head a {
  font-style: italic;
  color: #fff;
  padding: 0 5px 0 3px; 
  background: #77B138;
  font-size:14px;
  font-weight:bold;
}

#sidebar2 div.head {
  padding-top:5px !important;
  margin-bottom:-5px !important;
  !margin-bottom:-14px !important;
}

#sidebar2 .box h5 a {
  padding-left: 0;
}


#sidebar2 .box div {
  background: #fff;
  padding-bottom: 4px;
  padding-left: 5px;
  padding-right: 5px;
}
#sidebar2 .box .img {
  display: block;
  margin: 0 auto;
  padding-right: 6px;
}
#sidebar2 .box ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-bottom: 7px;
}
#sidebar2 .box ul li {
  background: url(/WebRoot/ZdG/SF/img/line.gif) no-repeat 0 7px;
  padding-left: 6px;
  font-size: 11px;
  color: #000;
  padding-bottom: 3px;
}
#sidebar2 .trusted {
  display: block;
  margin: 0 auto 7px auto;
}
#newsletter {
  background: #E6E6E6;
  margin-bottom: 8px;
  border-bottom: solid 3px #fff;
  width: 158px;
}
#newsletter span.head {
  color: #fff;
  background: #77B138;
  padding-left: 7px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-style: italic;
  border-bottom: solid 3px #fff;
}
#newsletter .padding {
  padding-left: 6px;
}
#newsletter .padding small {
  display: block;
  color: #666666;
  padding-bottom: 7px;
  padding-top: 3px;
  font: bold 12px Arial, "Trebuchet MS", sans-serif;
}

#sidebar2 .gray {
  background: #E6E6E6;
  padding-bottom: 8px;
  padding-left: 6px;
  padding-right: 4px;
  margin-bottom: 7px;
}
#sidebar2 .gray ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 5px;
}
#sidebar2 .gray ul li a {
  background: url(/WebRoot/ZdG/SF/img/arrow.gif) no-repeat 0 0;
  padding-left: 14px;
  text-decoration: none;
  color: #000;
}
#sidebar2 .gray ul li a:hover {
  text-decoration: underline;
}

#sidebar2 div.input,
#sidebar div.input {
  background: url(/WebRoot/ZdG/SF/img/bg-input.gif) no-repeat;
  width: 139px;
  height: 19px;
  margin-bottom: 6px;
  padding-left: 0;
}
#sidebar2 div.input-s,
#sidebar div.input-s {
  background: url(/WebRoot/ZdG/SF/img/bg-input-s.gif)  no-repeat;
  width: 109px;
  height: 19px;
  float: left;
  padding-left: 0;
}
#sidebar2 div.input input,
#sidebar2 div.input-s input,
#sidebar div.input input,
#sidebar div.input-s input  {
  border: 0;
  background: none;
  width: 135px;
  padding-left: 3px;
  padding-top: 2px;
  outline: none;
  font-size: 11px;
}
#sidebar2 div.input-s input,
#sidebar div.input-s input {
  width: 105px;
}
#sidebar2 .imgb {
  padding-top:2px;
  padding-left: 2px;
} 
#sidebar2 #login div.error {
  color: #cc0000;
  padding-bottom: 5px;
  font-size: 11px;
  font-weight: bold;
}
#sidebar2 #login div.ierror input {
  font-size: 11px;
  font-weight: bold;
  color: #cc0000;
}

#footer {
  padding-bottom: 10px;  
}
#footer div {
  border-top: solid 1px #999; 
  width: 610px;
  margin-left: 226px;
  padding-top: 2px;
}
#footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#footer ul li {
  display: inline;
  color: #666666;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}
#footer ul li a {
  color: #666666;
  text-decoration: none;
}
#footer ul li a.active,
#footer ul li a:hover {
  text-decoration: underline;
}

.receipt_title {
  text-align: left;
  font-weight: bold;
  border-collapse: collapse;
  vertical-align:middle;
}

.receipt_title a {
  text-decoration: none;
  color: #CC0000;
}

.receipt_title a:hover {
  text-decoration: none;
  color: #333;
}

.receipt_text {
  text-align: left;
  padding: 10px 0;
  font-size: 11px;
  border-bottom: solid 1px #77B138;
}

/* Anpassung ePages6.9.3 by innochange */
html body .HideElementSoft {
        position:absolute !important;
        top:-9999px !important;
        left:-9999px !important;
}

#header img,  #sidebar img, table.products img {
  border: 0px !important;
}

.Header {
    background-position: right top !important;
}

.ImageTableTemplate td, .ImageTable td {
    border:0 !important;
}

.ImageTable img {
    cursor:pointer;
}

#MultiBoxHover {
    display:none;
    border: 2px solid #333333;
    position:absolute;
    z-index: 9999;
    background: url(/WebRoot/ZdG/SF/img/multibox/loader.gif) white no-repeat center;
}

#MultiBoxHover .MultiBoxClose {
    display:none;
}

ul.OrderProcess {
  list-style-type: none;
  padding-left: 0px;
}

ul.OrderProcess li {
  float: left;
}

.Basket img {
  border: none;
}

.Basket .PaymentMethodsTable td {
  border: none;
}

button.FloatLeft {
  float: left;
}
button.FloatRight {
  float: right;
}

.CustomButton {
  margin:2px 0 2px 2px;
  background: none repeat scroll 0 0 #77B138;
  border: 1px solid #77B138;
  color: #FFFFFF;
  cursor: pointer;
  font: italic bold 14px Arial, "Trebuchet MS",sans-serif;
  padding: 0 6px 0 6px;
}

.CustomButton input {
  border: 0;
  background:0;
  color: #FFFFFF;
  font: italic bold 14px Arial, "Trebuchet MS",sans-serif;
}

div.InputBlock {
  clear:both;
}
div.InputBlock div.InputLabelling {
  width:150px;
  height: 24px;
  float: left;
  padding-left: 8px;
}

.AddressDialog {
  padding-left:8px;
}

.DialogButtonbar  {
  text-align:left !important;
  clear:both;
  padding-top: 6px;
}

.DialogButtonbar span {
  margin: 0;
}

.BasketAddressForm .TableHead div {
  margin-left:15px;
}

.ExplainItem {
  margin: 0 !important;
}

#content h1, #content h2,#sidebar h3, #sidebar h5, #sidebar2 h3, #sidebar2 h5 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#content h1 {
    font-size: 13px;
}

#content h2 {
    font-size: 12px;
}


.Pager {
  position: relative;
  height: 16px;

  margin: 0;
  padding: 4px 0 4px 0;

  vertical-align:middle;
  background: transparent !important;
}

.PagerSizeContainer {
  width: 100%;
  text-align: center;
  background: transparent !important;
}

.Pager .PagerInfo {
  position: absolute;
  top: 4px;
  right: 0;
  background: transparent !important;
  color: #000000;
  font-weight: bold;
  font-style: normal;
}

.Pager .PagerInfoLeft {
  position: absolute;
  top: 4px;
  left: 0;
  background: transparent !important;
  color: #000000;
  font-weight: bold;
  font-style: normal;
}

.Icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.AlignMiddle  {
    vertical-align:middle !important;
}

.FloatLeft {
    float:left;
}

.FloatRight {
    float:right;
}

.HideElement {
    display:none;
}

table.HomeTeaserTable h3 {
    margin:0px !important;
}

table.HomeTeaserTable td {
	padding: 4px 24px 4px 4px;
	vertical-align:top;
}

table.HomeTeaserTable td.Image {
	vertical-align:bottom;
}

button.DoOrder {
    float: right;
}

table tr.Total td {
    font-weight:bold;
    font-size:12px;
}


.DialogMessage h3,
.DialogMessage p,
.DialogMessage {
	color: #000000;
	font-size: 11px;
}

.DialogMessage a {
	color: #000000 !important;
}

.DialogMessage,
.ErrorMessage {
	_float:left;
	padding:3px;
	margin-bottom: 2px;
}

.ErrorMessage p,
.DialogMessage p {
	margin: 0;
	padding:0;
}



html body .MessageError,
html body .MessageWarning,
html body .MessageWarningSmall,
html body .MessagePositiveResult,
html body .MessageInfo,
html body .MessageConfirmAction {
	min-height: 30px;
	padding-left: 32px !important;
	background-color: #FFF8DD;
	background-repeat: no-repeat;
	background-position: 3px 3px;
	border: 1px solid #E9B600;
	color: #000;
}

html body .MessageError h3,
html body .MessageWarning h3,
html body .MessageWarningSmall h3,
html body .MessagePositiveResult h3,
html body .MessageInfo h3,
html body .MessageConfirmAction h3,
html body .MessageError p,
html body .MessageWarning p,
html body .MessageWarningSmall p,
html body .MessagePositiveResult p,
html body .MessageInfo p,
html body .MessageConfirmAction p {
	color: #000;
}

html body .MessageError {
	background-color: #FFDDDD;
	border-color: #E61818;
	background-image: url(../Icon/SimpleSymbols/ico_m_error.png) !important;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/WebRoot/ZdG/SF/Icon/SimpleSymbols/ico_m_error.png', sizingMethod='crop');
}

.MessageWarning {
	background-image: url(../Icon/SimpleSymbols/ico_m_warning.png) !important;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/WebRoot/ZdG/SF/Icon/SimpleSymbols/ico_m_warning.png', sizingMethod='crop');
}

.MessagePositiveResult {
	background-image: url(../Icon/SimpleSymbols/ico_m_test_ok.png) !important;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/WebRoot/ZdG/SF/Icon/SimpleSymbols/ico_m_test_ok.png', sizingMethod='crop');
}

html body .MessageInfo {
	background-color: #F0F7FF;
	border-color: #4989b9;
	background-image: url(../Icon/SimpleSymbols/ico_m_info.png) !important;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/WebRoot/ZdG/SF/Icon/SimpleSymbols/ico_m_info.png', sizingMethod='crop');
}

div.DialogError div.InputLabelling {
        color: red;
        font-weight: bold;
}

div.DialogError div.InputField input {
        border: 2px solid red !important;
        background-color: #ffafaf !important;
}

div.DialogError label, div.DialogError label a {
        color: red;
        font-weight:bold;
}