/* CSS Document */
body {
  background: #fff;
  font:11px Verdana, Geneva, Arial, Helvetica, sans-serif !important;
  margin: 0;
	padding: 0;	
	padding-bottom: 12px;
	text-align: left;
}
table {
	border: 0 solid red;
  border-collapse: collapse;
  width: 100%;
}
td {
	border: 0 solid red;
  padding: 0;
}
a {
  color: #A1241F;
}
a:hover {
  color: #000;
}
a:focus, a:hover, a:active { outline:none }

/* e-pages StorefrontStyle.css supra */
p, table, tr, td, th, span, ul, li, samp, input, select, option, textarea, samp, label {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
}
.LinkAddShoppingList {
  text-decoration: none;
}
.SLToBasket {
  font-size: 11px;
  color: #AB2B2B;
  padding-bottom: 8px;
}
.Separator{
  display: block;
  clear: both;
  width: auto;
  height: 6px;
  margin: 5px 0 5px 0;
  padding: 0px;
  font-size: 0px;
  line-height: 0px;
  background: none;
}
button.Button,
input.Button,
.DialogButtonbar input {
  background: #AB2B2B;
  border: solid 2px #AB2B2B;
  color: #fff;
  font-size: 11px;
  font-weight: bold; 
  cursor: pointer;
}
.DialogButtonbar input {
  border: solid 4px #AB2B2B;
}
#CheckOutTop, 
#RefreshButtonTop {
  display: none;
}
textarea.BasketComment {
  border: solid 1px #E3E9EF;
  border-top: solid 1px #ABADB3;
  font: 11px Verdana, sans-serif;
  padding: 2px 0;
  width: 632px;
}

input.Text,
input.LongText,
input#Login, 
input.Price,
#BasketForm .Basket td input,
textarea.LongText,
textarea.VeryLongText {
  border: solid 1px #E3E9EF;
  border-top: solid 1px #ABADB3;
  font: 11px Verdana, sans-serif;
  padding: 2px 0;
}
input:focus, textarea:focus, select:focus {
  outline: 0 none;
}
.DialogError,
.DialogError label,
.DialogError .InputLabelling {
  color: #AB2B2B;
  font-weight: bold;
}
#BasketForm .DialogMessage {
  background-color:#fff;
  background-position:3px 3px;
  border:1px solid #D1D3D6;
  margin-bottom:6px;
  padding:6px;
}
.account .DialogError {
  font-size: 10px !important;
  line-height: 120% !important;
}
.account .DialogError span {
  display: block;
  text-align: center;
  padding-bottom: 7px;
}

input.DialogError,
select.DialogError,
textarea.DialogError,
.DialogError input,
.DialogError select,
.DialogError textarea {
  border: 1px solid #AB2B2B !important;
  background: #EED5D5;
}

.TableHead {
  background: #AB2B2B !important;
  line-height: 26px;
  height: 26px;
}
.TableHead div {
  background: #AB2B2B;
  color: #fff; 
  line-height: 26px;
  height: 26px;
  margin: 0 0 0 11px;
}

.AddressDialog {
  background: #e1e1e1 !important;
  border-top: 0px;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.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: #e1e1e1 !important;
}
.Dialog div.InputLabelling,
.Dialog td.InputLabelling {
  font-size: 11px;
}
.InputField,
.InputField input,
.InputField select {
  font-size: 11px;
}
.Dialog {
  background: #e1e1e1 !important;
  border-top: 0px;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

table.Basket {
  border-right: 0px solid #e1e1e1;
  border-left: 0px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  background: #e1e1e1;
}

table.Basket th {
  border-bottom: 1px solid #e1e1e1;
  padding: 5px 4px 5px 4px;
  background: #AB2B2B;
  color: #fff;
}

table.Basket td,
table.MiniBasket td {
  padding: 3px 4px 4px 4px;
  background: #e1e1e1;
}
.AlternateRow td,
.AlternateRow,
.Alternate td,
.Alternate {
  background: #e1e1e1 !important;
}

table.OrderList,
table.ShoppingList,
table.CustomerList {
  border-right: 0px solid #e1e1e1;
  border-left: 0px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  background: #e1e1e1;
  margin-top: 5px;
}

table.OrderList th,
table.ShoppingList th,
table.CustomerList th {
  border-bottom: 1px solid #e1e1e1;
  padding: 5px 4px 5px 4px;
  background: #AB2B2B;
  color: #fff;
  font-weight: bold;
  font-style: normal;
}
th.SeparateColumn {
  border-right: 0;
}
table.OrderList td,
table.ShoppingList td,
table.CustomerList td {
  vertical-align: top;
  padding: 1px 4px 2px 4px;
  background: #e1e1e1;
}

.IllustratedLink a {
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
}
ul.OrderProcess {
  background: #E1E1E1;
  height: 92px;
}
ul.OrderProcess li {
  background: #E1E1E1;
  width: 120px;
  height: 87px;
}
ul.OrderProcess li.ActiveItem {
  background: #EBB98D;
}

div.ProductListHead,
div.ProductListHead div.InnerHead {
  background: none !important;
}

/* General Classes*/ 
.clear {
  clear: both;
  height: 1px;
  line-height: 1px;
  display: block;
}
.breadcrumb {
  font-size: 10px;
  color: #000;
  padding-bottom: 5px;
}
.breadcrumb a {
  text-decoration: none;
  color: #990033;
  background: url(/WebRoot/Machemer/SF/img/small-arrow.gif) no-repeat right center;
  padding-right: 10px;
}
.breadcrumb a:hover {
  color: #000;
}
.breadcrumb span {}

.new-pager {
  float: right;
  height: 17px;
  font-size: 10px;
  margin-top: -2px;
  position: relative;
}
.new-pager form {
  height: 17px;
  display: block;
  padding: 0; 
  margin: 0; 
} 
.new-pager a {
  background: #E5A672;
  color: #fff;
  font: 10px Georgia, serif;
  padding: 2px 5px;
  *padding: 5px 5px 0px 5px;
  text-decoration: none;
}
.new-pager select {
  font-size: 9px;
  *font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif !important;
  height: 17px;
  *height: 18px;  
}
.new-pager select option {
  font-size: 11px !important;
  padding: 1px 3px;
}

/* ID's */
#divbasketpopup {
  background: url(/WebRoot/Machemer/SF/img/bg-basket-box.gif) no-repeat;
  width: 282px;
  height: 147px;
}
#divbasketpopup #loader {
  display: block;
  margin: 0 auto;
  padding-top: 48px;
}
#divbasketpopup img.close {
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
  text-align: left;
}
#divbasketpopup div.txt {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  padding-top: 44px;
  padding-left: 75px;
  line-height: 150% !important;
  text-align: left;
  margin: 0;
}
#divbasketpopup .basketlinks {
  padding-top: 31px;
  text-align: center;
}
#divbasketpopup .basketlinks a {
  background: url(/WebRoot/Machemer/SF/img/basket-arrow.gif) no-repeat 0 4px;
  color: #fff;
  text-decoration: none;
  font-size: 11px;
  padding-left: 14px;
}
#divbasketpopup .basketlinks a:hover {
  text-decoration: underline;
}



#header,
#nav,
#content,
#footer {
  width: 992px;
  padding-left: 8px;
  margin: 0 auto 0 0;
  text-align: left;
}
#header {
  padding-top: 12px;
  height: 90px;
  overflow: hidden;
}
#header h1 {
  margin: 0;
  font-size: 1px;
  padding: 0 89px 0 82px;
  float: left;
}
#header h1 a {
  display: block;
  text-indent: -1000px;
}
#header h1 a img {
  display: block;
}
#header #search {
  background: url(/WebRoot/Machemer/SF/img/search-separator.gif) no-repeat 237px 11px #F0DFCF;
  height: 90px;
  width: 395px;
  float: left;
} 
#header #ffdiv,
#header #keyword {
  float: left;
  width: 230px;
  padding-left: 10px;
}
#header #ffdiv label,
#header #keyword label {
  font-size:1px;
  line-height: 1% !important;
  text-indent: -1000px;
  display: block; 
  float: left;
}
#header #ffdiv label img,
#header #keyword label img {
  display: block;
  padding-top: 30px;
}
#header #ffdiv input.txt,
#header #keyword input.txt {
  border: solid 1px #E3E9EF;
  border-top: solid 1px #ABADB3;
  font: 11px Verdana, sans-serif;
  padding: 2px 0;
  width: 105px;
  margin-left: 9px;
  margin-right: 3px;
  margin-top: 34px;
}
#header #ffdiv input.img,
#header #keyword input.img {
  margin-top: 34px;
}

#header #keyword small {
  padding-left: 78px;
  _padding-left: 80px;
}

#ffdiv .NavBarLeft {
  background: none;
  width: 230px;
}
#ffdiv .NavBarLeft .PropertyContainer {
  padding: 0 0 0 0;
  width: 230px;
}
#ffdiv .NavBarLeft .ContextBox {
  margin: 0 0 0 0;
}
#ffdiv .NavBarLeft .ContextBoxBody {
  background: none;
  padding: 0 0 7px 0;
  margin: 0 0 0 0;
}
#ffdiv .NavBarLeft div.Entry {
  background: none;
}


#leftside .NavBarLeft {
  background: none;
  width: 163px;
}
#leftside .NavBarLeft .PropertyContainer {
  padding: 0 0 0 0 !important;
  width: 163px;
}
#leftside .NavBarLeft .ContextBox {
  margin: 0 0 0 0 !important;
}
#leftside .NavBarLeft .ContextBoxBody {
  background: none;
  padding: 0 0 0 0 !important;
  margin: 0 0 0 0 !important;
}
#leftside .NavBarLeft div.Entry {
  background: none;
}
#leftside .NavBarLeft .ContextBoxHead {
  background: none;
  padding: 0 0 0 0 !important;
}
#leftside .NavBarLeft .ContextBox h1 {
  font-size: 12px;
  font-family: Verdana,sans-serif !important;
  color: #990033;
  background: none;
  min-height: 0;  
  padding: 5px 0 7px 7px !important;
  border-top: dotted 1px #990033;
}
#leftside #ffCloseAfterSearch {
  display: none;
}
#leftside table.Middle {
  margin-top: 61px;
  *margin-top: 59px;
}

#leftside .NavBarLeft h2 {
  font-size: 11px;
  font-family: Verdana,sans-serif !important;
  color: #990033;
  padding: 7px 0 7px 7px;
  border-top: dotted 1px #990033;
  border-bottom: dotted 1px #990033;
  margin-bottom: 7px;
}
#leftside .NavBarLeft a.s-link {
  font-size: 11px;
  font-family: Verdana,sans-serif !important;
  color: #990033;
  padding-left: 7px !important;
}
#leftside .NavBarLeft a.s-plus {
  padding-left: 7px !important;
  font-size: 11px;
  font-family: Verdana,sans-serif !important;
  color: #990033;
}

#header #color {
  float: right;
  width: 144px;
  padding-top: 7px;
  padding-right: 4px;
}
#header #color p {
  font: 13px Arial, sans-serif;
  color: #993333;
}
#header #color a img {
  display: block;
  float: left;
  border: solid 1px #fff;
  margin-right: 3px;
  margin-bottom: 2px;
}

#header #basket {
  background: #AB2B2B;
  color: #fff;
  float: right;
  width: 180px;
  height: 90px;
  cursor: default;
  text-align:center;
}
#header #basket h2 {
  text-align: center;
  margin: 30px 0 10px 0;
  font-size: 1px;
  text-indent: -10000px; 
}
#header #basket h2 a {
}
#header #basket h2 img {
  display: block;
  margin: 0 auto;
}

#header #basket span {
  margin:0;
  padding:0;
}

#header #basket p {
  font-size: 10px;
  text-align: center;
}

#nav {
  height: 78px;
}
#flags {
  width: 82px;
  float: left;
  text-align: right;
  padding-top: 5px;
}
#flags a {
  display: block;
  float: right;
  width: 17px;
  height: 12px;
  margin-right: 5px;
}
#flags a.active, #flags a:hover { 
  background-position:center top !important;
}
#flags img {
  padding-right: 5px;
}
#links {
  width: 90px;
  float: left;
}
#links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-top: 2px;
}
#links ul li {
  _height: 1%;
  display: block;
  line-height: 120% !important;
  padding-left: 16px;
}
#links ul li a {
  background: url(/WebRoot/Machemer/SF/img/arrow.gif) no-repeat left;
  padding-left: 8px;
  font-size: 10px;
  color: #AB2B2B;
  text-decoration: none;
}
#links ul li a:hover, #links ul li a.active {
  color: #000;
}
#menu {
  width: 635px;
  float: left;
  display: table;
}
#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#menu ul li {
  width: 79px;
  display: block;
  float: left;
  font: 14px/130% Arial, sans-serif !important; 
  height: 78px;
}
#menu ul li.first,
#menu ul li.first a {
  width: 81px;
}
#menu ul li a {
  color: #fff;
  background: #DB8436;
  display: table-cell;
  vertical-align: middle;
  height: 78px;
  width: 79px;
  text-decoration: none;
  text-align: center;  
  *position:relative;
  *overflow: hidden; 
  *display:block;
  *float: left;       
}
#menu ul li a span {
  *position:absolute;
  *top:50%;   
  *left:50%;          
  font-family: Arial, sans-serif !important; 
}
#menu ul li a span strong{
  *position: relative;
  *top: -50%;
  *left: -50%;  
  font-weight: normal;  
  cursor: pointer;
}
#menu ul li a:hover,
#menu ul li a.active {
  color: #000;
}
#menu .layermenu {
  position: absolute;
  z-index:2;  
  visibility:hidden;
  text-align: left !important;
  background: #DB8436;
  top:180px;
  left: 0;
  padding: 3px 0; 
  cursor: default;
  _width:1%;
}
#menu .layermenu div {
  padding: 0 9px;
}
#menu .layermenu a {
  background: url(/WebRoot/Machemer/SF/img/dots.gif) repeat-x top left;
  font-size: 10px;
  display: block;
  color: #660000;
  text-decoration: none;
  height: 24px;
  line-height: 24px !important;
  padding: 0 12px; 
  white-space: nowrap;
}
#menu .layermenu a.first {
  background: none;
}
#menu .layermenu a:hover {
  color: #fff;
}
#question {
  width: 180px;
  float: right;
  background: #CCB7A7;
  border-top: solid 5px #fff;
  height: 73px;
  font-size: 11px;
  text-align: center;
  color: #fff;
}
#question p {
  padding-top: 10px;
}

#content {
  padding-top: 5px;
  position: relative;
}
#leftside {
  width: 163px;
  float: left;
  padding-right: 9px;
  padding-bottom: 100px;
}
#leftside h3 {
  background: url(/WebRoot/Machemer/SF/img/dots.gif) repeat-x top;
  font-size: 1px;
  line-height: 1px;
  text-indent: -10000px;
  text-align: center;
  margin-top: 19px;
}
#leftside h3 img {
  display: block;
  margin: 0 auto;
  padding: 5px 0;
}
#leftside ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: url(/WebRoot/Machemer/SF/img/dots.gif) repeat-x bottom;
  padding-bottom: 1px;
}
#leftside ul li {
  background: url(/WebRoot/Machemer/SF/img/dots.gif) repeat-x top;
  padding: 4px 0 4px 0;
}
#leftside ul li a {
  display: block;
  _height:1%;
  background: url(/WebRoot/Machemer/SF/img/menu-arrow0.gif) no-repeat 152px 7px;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  padding-left: 37px;
}
#leftside ul li a.active {
  background: url(/WebRoot/Machemer/SF/img/menu-arrow1.gif) no-repeat 152px 7px;
}
#leftside ul ul {
  background: none;
  padding-top: 4px;
}
#leftside ul ul li {
  background: none;
  padding: 0 0 0 0;
}
#leftside ul ul li a {
  font-weight: normal;
  background: none;
}
#leftside ul ul li a:hover,
#leftside ul ul li a.active {
  color: #000;
}
#leftside .icos {
  position: absolute;
  left: 8px;
  bottom: 43px;
}
#leftside .icos img {
  display: block;
  padding-bottom: 10px;
}

#page {
  width: 634px;
  float: left;
}

.big-teaser {
  width: 450px;
  height: 269px;
  float: left;
  margin-bottom: 5px;
  overflow: hidden;
}
.big-teaser .txt {
  width: 156px;
  padding: 0 12px; 
  float: left;
  height: 269px;
  color: #fff;
}
.big-teaser .txt h3 {
  border-bottom: dotted 1px #fff;
  font-size: 1px;
  text-indent: -10000px;
  line-height: 1% !important;
  height: 80px;
  margin-bottom: 5px;
}
.big-teaser .txt h3 img {
  display: block;
  padding-top: 15px;
  padding-left: 25px;
}
.big-teaser .txt h4 {
  font: 20px Arial, sans-serif;
  color: #fff;
  line-height: 140% !important;
  padding-bottom: 10px;
  padding-top: 86px;
}
.big-teaser .txt p {
  font-size: 11px;
  line-height: 120% !important;
  margin-bottom: 0;
  padding-bottom: 0;
}
.big-teaser .txt a {
  text-decoration: underline;
  color: #fff;
}
.big-teaser .txt a:hover {
  text-decoration: none;
}

.small-teaser {
  background: url(/WebRoot/Machemer/SF/img/bg-small-teaser.gif) repeat-y top;
  width: 180px;
  min-height: 269px;
  _height:269px;
  float: right;
  margin-bottom: 5px;
}
.small-teaser img {
  display: block;
  margin: 0 auto; 
  text-align: center;
}
.small-teaser img.img {
  display: block;
}
.small-teaser h3 {
  width: 80px;
  _width: 78px;
  padding: 12px 5px 0 5px;
  float: left;
  text-align: center;
  font: bold 16px Arial, sans-serif;
  color: #fff;
}
.small-teaser .txt {
  float: right;
  width: 80px;
  padding: 0 5px;
  font-size: 10px;
}
.small-teaser .txt p {
  line-height: 120% !important;
  padding-bottom: 3px;
}
.small-teaser .txt p strong {
  display: block;
}
.small-teaser .txt a {
  color: #000;
  font-size: 9px;
  text-decoration: underline;
}
.small-teaser .txt a:hover {
  text-decoration: none;
}

.bestseller {
  background: #F1D3AF;
  width: 270px;
  min-height: 180px;
  _height: 180px;
  float: left;
  margin-bottom: 5px;
}
.bestseller h3 {
  font: 26px Arial, sans-serif;
  color: #990033;
  text-align: center;
  width: 180px;
  height: 62px;
  float: left;
  padding-top: 28px;
}
.bestseller h3 a {
  text-decoration: none;
}
.bestseller div a {
  width: 90px;
  height: 90px;
  display: block;
  float: left;
}
.bestseller div a img {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.bestseller img.clear {
  position: relative;
  margin-top: -1px;
} 

.neuheiten {
  background: #F3CAA9;
  float: right;
  width: 360px;
  min-height: 180px;
  _height: 180px;
}
.neuheiten h3 {
  font: 26px Arial, sans-serif;
  color: #990033;
  text-align: center;
  width: 180px;
  height: 62px;
  float: left;
  padding-top: 28px;
}
.neuheiten h3 a {
  text-decoration: none;
}
.neuheiten .box {
  width: 180px;
  float: left;
  height: 90px;
  font-size: 10px;
}
.neuheiten .box a img {
  display: block;
  float: left;
  margin: 0 auto;
  text-align: center;
}
.neuheiten .box div {
  width: 80px;
  padding-left: 5px;
  float: left;
}
.neuheiten .box div div {
  line-height: 120% !important;
  padding-top: 2px;
  padding-bottom: 5px;
  float: none;
  padding-left: 0;
  height: 55px;
  overflow: hidden;
  margin-bottom: 4px;
}
.neuheiten .box div strong {
  display: block;
}
.neuheiten .box div strong a {
  text-decoration: none;
  color: #000;
}
.neuheiten .box small {
  font-size: 15px;
  font-weight: bold;
}
.category-list {
  width: 634px;
}
.category-list div {
   height: 182px;
   overflow: hidden;   
   float: left;
   width: 315px;
   margin-bottom: 5px;
}
.category-list div.margin {
  float: right;
}
.category-list a.img {
  display: block;
  float: left;
  width: 182px;
  height: 182px;           
  font:21px Arial, sans-serif !important;
  color: #fff;
  text-decoration: none; 
  text-align: center;
  *position: relative;  
}
.category-list a.img:hover {
  color: #fff;
}
.category-list a.img:hover span {
  text-decoration: underline;
}
.category-list a.img small {
  cursor: pointer;
  font-size: 21px;
  display: table-cell;
  vertical-align: middle;
  width: 182px;
  height: 182px;
  *position: absolute;
  *width:auto;
  *height:auto;    
  *top:50%;   
  *left:50%;     
}
.category-list a.img small span {
  font-style: normal;
  *position: relative;   
  *top:-50%;   
  *left:-50%;     
}
.category-list div ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
}
.category-list div ul li {
  font-size: 10px;
  padding-left: 7px;
  line-height: 200% !important;
}
.category-list div ul li a {
  background: url(/WebRoot/Machemer/SF/img/small-arrow2.gif) no-repeat 0 4px;
  padding-left: 10px;
  text-decoration: none;
  color: #000;
}
.category-list div ul li a:hover {
  text-decoration: underline;
}

.category-list-2 {
  width: 634px;
}
.category-list-2 a {
  display: block;
  float: left;
  width: 157px;
  height: 157px;           
  font:21px Arial, sans-serif !important;
  color: #fff;
  text-decoration: none; 
  text-align: center;
  margin-left: 2px;
  margin-bottom: 2px;
  *position: relative;  
}
.category-list-2 a:hover span {
  text-decoration: underline;
}
.category-list-2 a.first {
  margin-left: 0;
}
.category-list-2 a small {
  cursor: pointer;
  font-size: 21px;
  display: table-cell;
  vertical-align: middle;
  width: 157px;
  height: 157px;
  *position: absolute;
  *width:auto;
  *height:auto;    
  *top:50%;   
  *left:50%;     
}
.category-list-2 a small span {
  font-style: normal;
  *position: relative;   
  *top:-50%;   
  *left:-50%;     
}

.product-list {
  width: 634px;
  clear: both;
}
.product-list form {
  background: #F5E5B8;
  width: 315px;
  height: 156px;
  overflow: hidden;
  float: left;
  margin-bottom: 5px;
}
.product-list form.margin {
  float: right;
}
.product-list form .FloatLeft {
  width: 157px;
}
.product-list form .FloatLeft img {
  display: block;
  margin: 0 auto; 
  text-align: center;
}
.product-list form .FloatRight {
  width: 158px;
}
.product-list h3 {
  font-size: 11px;
  font-weight: bold;
  padding: 4px 10px 0 10px;
  height: 73px;
}
.product-list h3 a {
  text-decoration: none;
  color: #000;
}
.product-list .price {
  background: url(/WebRoot/Machemer/SF/img/dots2.gif) repeat-x bottom;
  font: bold 26px Arial, sans-serif;
  padding-left: 8px;
  height: 35px;
}
.product-list .price small {
  font: 10px Verdana, sans-serif;
  color: #000;
}
.product-list .info {
  background: url(/WebRoot/Machemer/SF/img/dots2.gif) repeat-x bottom;
  height: 20px;
  line-height: 18px;
  font-size: 10px;
  padding-left: 8px;
}
.product-list .info img {
  display: block;
  float: right;
  padding-top: 5px;
  padding-right: 4px;
}
.product-list .add {
  font-size: 10px;
  line-height: 25px;
  padding-left: 8px;
}
.product-list .add input {
  width: 30px; 
  border: solid 1px #E3E9EF;
  border-top: solid 1px #ABADB3;
  font: 11px Verdana, sans-serif;
  text-align: center;
  padding: 2px 
}
.product-list .add a img {
  float: right;
  cursor: pointer;
}


.product {
  width: 634px;
}
.product table {
  background: #F5E5B8;
}
.product table td.img {
  vertical-align: top;
  width: 315px;
  background: #fff;
}
.product table td.img img {
  display: block;
  margin: 0 auto; 
  text-align: center;
}
.product table td.top {
  vertical-align: top;
  border-left: solid 5px #fff; 
}
.product table td.top h3 {
  padding: 4px 12px;
  color: #000;
  font: bold 30px Arial, sans-serif;
}
.product table td.top div {
  text-align: right;
  padding: 0 12px;  
}
.product table td.top div.desc {
  padding: 0 12px;  
  font-size: 11px;
  color: #000;
  height: 14px;
  overflow: hidden;
  text-align: left;
  margin-bottom: 8px;
}

.product table td.bottom {
  background: url(/WebRoot/Machemer/SF/img/dots2.gif) repeat-x bottom;
  vertical-align: bottom;
  border-left: solid 5px #fff; 
  padding-bottom: 1px;
}
.product table td.bottom .price {
  background: url(/WebRoot/Machemer/SF/img/dots2.gif) repeat-x bottom;
  padding-left: 12px;
  padding-bottom: 12px;
  font: 10px Verdana, sans-serif;
}
.product table td.bottom .price p {
  font: bold 26px/26px Arial, sans-serif;
}
.product table td.bottom .price a {
  text-decoration: none;
  color: #000;
}
.product table td.bottom .price a:hover {
  text-decoration: underline;
}
.product table td.bottom .price small {
  font: 10px Verdana, sans-serif;
  color: #000;
}
.product table td.bottom .price #time-order {
  padding: 11px 3px 0px 0px;
  line-height: 140%;
}
.product table td.bottom .price #time-order .time {
  font-size: 12px;
  font-weight: bold;
  color: #ab2b2b;
  padding-right: 11px;
  float: left;
  width: 40px;
  height: 40px;
}
.product table td.bottom .price #time-order .text-order { 
}

.product table td.bottom .info {
  background: url(/WebRoot/Machemer/SF/img/dots2.gif) repeat-x bottom;
  height: 24px;
  line-height: 22px;
  font-size: 10px;
  padding-left: 12px;
}
.product table td.bottom .info span {
  display: block;
  float: right;
  /*padding-top: 6px;*/
  padding-top: 3px;
  line-height: 16px !important;
  height: 16px;
  width: 140px;
  overflow: hidden;
}
.product table td.bottom .info span img {
  display: block;
  float: left;
  padding-right: 5px;
  padding-top: 3px; 
}
.product table td.bottom  .digital {
  background: url(/WebRoot/Machemer/SF/img/dots2.gif) repeat-x bottom;
  height: 25px;
  line-height: 22px;
  font-size: 10px;
  padding-left: 12px;
}
.product table td.bottom  .digital input.Text {
  font-size: 10px;
}

.product table td.bottom  .text-voucher {
  font-size: 10px;
  padding-left: 12px;
}
.product table td.bottom  #Err_voucher {
  font-size: 10px;
  padding-left: 12px;
  color: #AB2B2B;
  font-weight: bold;
  padding-top:5px;
}
.product table td.bottom  .voucher {
  background: url(/WebRoot/Machemer/SF/img/dots2.gif) repeat-x bottom; 
  font-size: 10px;
  padding-left: 12px;
  padding-bottom: 5px;
}
.product table td.bottom  .voucher table {
  width: auto;
}
.product table td.bottom  .voucher table td {
  padding-bottom: 2px;
  *padding-bottom: 0;
  padding-right: 10px;
}
.product table td.bottom  .voucher input.Text {
  font-size: 10px;
}

.product table td.bottom  .digital input.Text {
  font-size: 10px;
}

.product table td.bottom .add {
  font-size: 10px;
  line-height: 25px;
  padding-left: 12px;
}
.product table td.bottom .add input {
  width: 30px; 
  border: solid 1px #E3E9EF;
  border-top: solid 1px #ABADB3;
  font: 11px Verdana, sans-serif;
  text-align: center;
  padding: 2px 
}
.product table td.bottom .add a img {
  float: right;
}

.product .links {
  width: 634px;
  padding: 40px 0;
}
.product .links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
  padding-right: 20px;
}
.product .links ul li {  
  line-height: 180%;
  font-size: 11px;
}
.product .links ul li a {
  background: url(/WebRoot/Machemer/SF/img/small-arrow2.gif) no-repeat left center;
  padding-left: 10px; 
  color: #000;
  text-decoration: none;
}
.product .links ul li a:hover {
  color: #A31313;
}
.product .links ul li.bookmark {
  padding-top: 3px;
}
.product .links ul li.bookmark a {
  background: none;
  padding-left: 0;
}

.product a.Action {
  display: block;
  text-align: right;
  float: right;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  margin-top: 4px;
  padding-bottom: 3px;
  padding-right: 10px;
}
.InfoArea h1 {
  font-size: 14px;
}

.recommend {
  width: 634px;
  padding-bottom: 30px;
}
.recommend h3 {
  background: url(/WebRoot/Machemer/SF/img/dots2.gif) repeat-x bottom;
  font-size: 1px;
  line-height: 1px;
  text-indent: -10000px;
  margin-bottom: 10px;
}
.recommend h3 img {
  display: block;
  padding-bottom: 4px;
}
.recommend .dots {
  margin-bottom: 5px !important; 
}

.square,
.angebot {
  background: #F5D6B9;
  width: 634px;
  height: 90px;
  margin-bottom: 8px;
}
.angebot {
  background: url(/WebRoot/Machemer/SF/img/white.gif) repeat-x bottom #F5E5B8;
  margin-bottom: 12px;
  height: auto;
  min-height: 90px;
  _height: 90px;
}
.square h4,
.angebot h4 {
  font: bold 16px Arial, sans-serif;
  color: #990000;
  text-align: center;
  background: #FBC498;
  width: 90px;
  float: left;
  height: 65px;
  padding-top: 25px;
}
.angebot h4 {
  background: #F5E5B8;
  float: left;
  height: 64px;
}
.square .box,
.angebot .box {
  width: 180px;
  float: left;
  height: 90px;
  font-size: 10px;
}
.angebot .box {
  height: 89px;
  overflow: hidden;
  border-bottom: solid 1px #fff;
}
.square .box a img,
.angebot .box a img {
  display: block;
  float: left;
}
.square .box div,
.angebot .box div {
  width: 80px;
  padding-left: 5px;
  float: left;
}
.square .box div .info,
.angebot .box .info {
  line-height: 120% !important;
  width: auto;
  padding-left: 0;  
  padding-top: 2px;
  height: 58px;
  margin-bottom: 5px;
  float: none;
  overflow: hidden;
}
.angebot .box .info {
  width: 81px;
  padding-left: 5px;
  height: 52px;
}
.angebot .box p {
  line-height: 120% !important;
  padding-top: 2px;
  padding-bottom: 5px;
}
.square .box div .info a,
.angebot .box .info a {
  display: block;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.square .box div .info a:hover,
.angebot .box .info a:hover {
  color: #A1241F;
}
.square .box small {
  font-size: 15px;
  font-weight: bold;
}
.angebot .box small {
  font-size: 9px;
  font-weight: bold;
  padding-left: 5px;
}
.angebot .box span {
  font-size: 9px;
  padding-left: 5px;
  letter-spacing: -0.09em;
}
.angebot .price {
  background: #A31313;
  width: 92px;
  height: 89px;
  float: right;
  color: #fff;
  border-bottom: solid 1px #fff;
}
.angebot .price p {
  font:bold 20px Arial, sans-serif;
  padding-left: 5px;
  letter-spacing: -0.12em;
  height: 58px;
}
.angebot .price p small {
  display: block;
  font-size: 10px;
  letter-spacing: normal;
}
.angebot .price a img {
  display: block;
  float: right;
}
.angebot .plus {
  width: 92px;
  height: 89px;
  float: left;
  text-align: center;
  border-bottom: solid 1px #fff;
}
.angebot .plus img {
  margin: 0 auto;
  display: block;
  padding-top: 32px;
}
.angebot .all {
  background: #F5E5B8;
  float: left;
  width: 544px;
}

.rating {
  width: 634px;
  padding-bottom: 12px;
}
.rating h3 {
  background: url(/WebRoot/Machemer/SF/img/dots2.gif) repeat-x bottom;
  font-size: 1px;
  line-height: 1px;
  text-indent: -10000px;
}
.rating h3 img {
  display: block;
  padding-bottom: 4px;
}
.rating .yellow {
  background: #FFEFC4; 
  margin: 5px 0;
}
.rating .yellow .FloatLeft,
.rating .yellow .FloatRight {
  width: 305px;
  padding-left: 9px;
  font-size: 11px;
  color: #990000;
}
.rating .yellow .FloatLeft {
  padding-top: 5px;
  padding-bottom: 10px;
}
.rating .yellow .FloatLeft p {
  padding-bottom: 12px;
}
.rating .yellow .FloatRight {
  width: 300px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 10px;
  color: #000;
  background: #FFEFC4;
  
}
.rating .yellow .FloatRight p {
  padding-bottom: 14px;
}
.rating .yellow .FloatRight a {
  background: url(/WebRoot/Machemer/SF/img/small-arrow2.gif) no-repeat left center;
  padding-left: 10px;
  text-decoration: underline;
  color: #000;
}
.rating .yellow .FloatRight a:hover {
  text-decoration: none;
}

.rating .normal {
  background: url(/WebRoot/Machemer/SF/img/dots2.gif) repeat-x top;
}
.rating .normal .FloatLeft,
.rating .normal .FloatRight {
  width: 305px;
  padding-left: 9px;
  font-size: 11px;
  color: #990000;
}
.rating .normal .FloatLeft {
  padding-top: 5px;
  padding-bottom: 10px;
}
.rating .normal .FloatRight .star {
  float: right;
  width: 100px;
  margin-top: 3px;
}
.rating .dots,
.recommend .dots {
  background: url(/WebRoot/Machemer/SF/img/dots2.gif) repeat-x;
  width: 100%;
  height: 1px;
  margin-bottom: 12px;
}
.rating a.more {
  color: #000;
  text-decoration: none;
  font-size: 11px;
  padding-left: 10px;
} 
.rating a.more:hover {
  color: #A1241F;
}

.rating .star {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.rating .star li {
  display: block;
  float: left;
}
.rating .star img {
  display: block;
  float: left;
  padding-right: 3px;
}

#rightside {
  float: right;
  width: 180px;
  padding-bottom: 20px;
}
#rightside .account {
  background: #C4A190;
  padding: 13px 8px 10px 15px;
  margin-bottom: 5px;
}
#rightside .account h3 {
  font-size: 1px;
  text-indent: -10000px;
  padding-bottom: 7px;
}
#rightside .account h3 img {
  display: block;
  margin: 0 auto;
  padding-right: 7px;
}
#rightside .account h2 {
  color: #A1241F;
  font-size: 18px;
  font-weight: normal;
  display: block;
  padding-bottom: 5px;
}
#rightside .account ul {
  list-style-type: none;
  padding: 0;
  margin: 0; 
}

 
#rightside .account input.txt {
  margin-bottom: 3px;
  border-top: solid 1px #ABADB3;
  border: solid 1px #E3E9EF;
  padding: 2px;
  font: 10px Verdana, sans-serif;
}
#rightside .account a {
  color: #fff;
  font-size: 10px;
  text-decoration: none;
  display: block;
  padding-top: 2px;
  line-height: 120% !important;
}
#rightside .account input.img {
  float: right;
  padding-top: 12px;
}

#rightside .kundenstimen {
  background: #E1E1E1;
  padding: 20px 6px 10px 6px;
  margin-bottom: 25px;
}
#rightside .kundenstimen div {
  background: url(/WebRoot/Machemer/SF/img/dots.gif) repeat-x top;
  padding-top: 12px;
  position: relative;
  width: 168px;
}
.Dialog .kundenstimen div {
 background: url(/WebRoot/Machemer/SF/img/dots.gif) repeat-x top;
 padding-top: 12px;
}
#rightside .kundenstimen ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#rightside .kundenstimen ul li {
  display: block;
  float: left;
}
#rightside .kundenstimen ul li img {
  display: block;
  padding-right: 3px;
}
#rightside .kundenstimen h3 {
  font-size: 1px;
  line-height: 1px;
  text-indent: -10000px;
  padding-bottom: 20px;
}
#rightside .kundenstimen h3 img {
  display: block;
  margin: 0 auto;
}
#rightside .kundenstimen small,
.Dialog .kundenstimen small {
  font: 11px Arial, sans-serif;
  float: right; 
}
#rightside .kundenstimen p,
.Dialog .kundenstimen p {
  font: 10px Verdana, sans-serif;
  position: relative;
  line-height: 160% !important;
  padding-top: 3px;
  padding-bottom: 5px;
}
.Dialog .kundenstimen p.reply {
  padding-top: 0px;
  padding-left: 14px;
}
#rightside .kundenstimen p strong,
.Dialog .kundenstimen p strong {
  display: block;
}
#rightside .kundenstimen a {
  font-size: 10px;
}

#rightside .promo {
  background: url(/WebRoot/Machemer/SF/img/dots.gif) repeat-x top;
  margin-top: 8px;
  margin-bottom: 24px;
}
#rightside .promo h3 {
  background: url(/WebRoot/Machemer/SF/img/dots.gif) repeat-x bottom;
  font-size: 1px;
  line-height: 1px;
  text-indent: -10000px;
}
#rightside .promo h3 img {
  display: block;
  margin: 0 auto;
  padding: 5px 0;
  text-align: center;
}
#rightside .promo div {
  background: url(/WebRoot/Machemer/SF/img/dots.gif) repeat-x bottom;
  padding-top: 18px;
  text-align: center;
}
#rightside .promo div a img {
  display: block;
  margin: 0 auto;
  padding-bottom: 12px;
}

#rightside .logo img {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.cols {
  background: url(/WebRoot/Machemer/SF/img/dots.gif) repeat-x top;
  width: 820px;
  margin-left: 171px;
  padding-top: 10px;
  margin-top: 5px;
}
.cols h3 {
  color: #A1241F;
  font-size: 18px;
  font-weight: bold;
}
.cols h3 small {
  display: block;
  font-size: 18px;
  font-weight: normal;
}
.cols h3 a {
  text-decoration: none;
}
.cols .newsletter {
  background: url(/WebRoot/Machemer/SF/img/v-dots2.gif) no-repeat top right;
  float: left;
  width: 160px;
  padding: 0 17px 0 3px; 
  min-height: 100px;
  _height:100px;
}
.cols .newsletter h3 {
  padding-bottom: 5px;
}
.cols .newsletter input.txt {
  border: solid 1px #E3E9EF;
  border-top: solid 1px #ABADB3;
  font: 12px Arial, sans-serif;
  padding: 2px;
  width: 150px;
  margin-right: 4px;
  margin-bottom: 3px;
}
.cols .forum {
  background: url(/WebRoot/Machemer/SF/img/v-dots2.gif) no-repeat top right;
  float: left;
  width: 172px;
  padding: 0 4px 0 3px; 
  min-height: 100px;
  _height:100px;
}
.cols .forum p {
  font-size: 11px;
  padding-top: 3px;
}
.cols .catalog {
  background: url(/WebRoot/Machemer/SF/img/v-dots2.gif) no-repeat top right;
  float: left;
  width: 260px;
  padding: 0 10px 0 4px; 
  min-height: 100px;
  _height:100px;
}
.cols .catalog p {
  font-size: 11px;
  padding-top: 4px;
}
.cols .gift {
  float: right;
  width: 175px;
}

#footer {
  text-align: center;
  font-size: 10px;
  padding-top: 30px;
}
#footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#footer ul li {
  display: inline;
}
#footer ul li a {
  color: #000;
  text-decoration: none;
}
#footer ul li a:hover, #footer ul li a.active {
  color: #A1241F;
}


span.select {
  background: url(/WebRoot/Machemer/SF/img/select.gif) no-repeat;
  position: absolute;
  width: 74px;
  height: 17px;
  padding: 1px 0 1px 5px;
  color: #000;
  font-size: 11px;  
  overflow: hidden;
}