#BellowHeader
{
  padding-left: 5%;
  padding-right: 5%;
  width: auto;
  margin-bottom: 2em;
}

#LoginBar
{
  display:block; 
  padding: 0.9em 1em;
  margin: 0;
  text-align: right;
}

#LoginBar.loggedIn
{
  background-color: #B0E080;
}

#LoginBar.loggedOut
{
  background-color: #F0F0E8;
}

#LoginBar a
{
    color: inherit;
}

#LoginBar a:hover
{
    color: inherit;
    background-color: white;
    text-decoration: none;
}

#LogoAndCategories
{
  top: 0;
  margin: 0;
  min-height: 120px;
}

#Logo
{
  padding: 1em;
  padding-right: 3%;
  display: inline-block;
  vertical-align: top;
}

#MainCategories
{
  display: inline-block;
  vertical-align: top;
}

#MainCategoriesTable
{
  width: auto;
  border-width: 0px;
  left: 1em;
}

#MainCategoriesVertical
{
  display: none;
}

DIV.MainCatItem
{
  margin-left: 1em;
  margin-right: 1em;
}

DIV.MainCatIcon
{
  text-align: center;
}

DIV.MainCatLabel
{
  display: none;
  text-align: center;
  color: #4444FF;
  font-weight: bold;
}

DIV.MainCatLabelPlaceHolder
{
  display:block;
}

DIV.MainCatItem:hover .MainCatLabel
{
  display:block;
  text-decoration: none;
}

DIV.MainCatItem:hover .MainCatLabelPlaceHolder
{
  display:none;
}

#MainCategories a:hover
{
  text-decoration: none;
}

#DekoImage
{
  width:100%;
  text-align: right;
  position: absolute;
  z-index: -10;
  right: 0em;
}


/* ST: === General LAYOUT === */
#toplayout
{
  
  padding : 0;
  margin : 0;
  border-collapse: collapse;
  vertical-align: top;
  
  width: 100%;
  left: 0em;
  right:0em;
}

/* === Page LAYOUT === */

#leftcolumn,
#middlecolumn,
{
  top: 1em;
  padding: 0.5em;
}

#middlecolumn
{
  width: auto;
}


td.columnSeparator
{
  padding : 0;
  margin : 0;
  width: 2%;
  border-collapse: collapse;
  vertical-align: top;
}

/* ST: === Heading / Content Area === */

#pageHeading 
{
  display: inline-block;
  font-size: 150%;
  font-weight: bold;
  color: #1010D0;
  vertical-align: middle;  
}

#pageHeadingArea {
  position: relative;
  width: 100%;
  min-height: 2.5em;
  margin-top: 0.4em;
}

#pageHeadingImage 
{
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;  
}


#mainArea
{
  width: auto;
  border : none;
  margin-top : 0pt;
}

#footer {
  font-size: 80%;
  color: #666666;
  width: auto;
  height: auto;
  right:0em;
  left:0em;
  
  padding: 0.4em;
  background-color: #E0E0E0;
  border-top-style: solid;
  border-top-color: silver;
  border-top-width: 1px;
  
  text-align: center; 
}

#footer a {
  color: #444444;
}

#footer p
{
  font-size: inherit;  
}


/* ST: === HEADER === */

#FunctionBar
{
  text-align: right;
  left: auto;
  margin-left: auto;
  width: auto;
  margin-right: 0;
  right: 0;
  position: relative;
}

#FunctionBar a
{
  color: inherit;
  text-decoration: inherit;
}

#Search
{
  vertical-align: middle;
  /* padding-top : 1em; */
  display: inline-block;
}

#Search input.header_search {
  border: solid silver 1px;
  font-size: 11px;
  font-weight : normal;
  margin : 0px;
  padding : 0px;
  background-color: white; /* #FFFEA0; */
  vertical-align: top;
  width: 10em;
}

#Search input.header_search_pic {
  border-style: none;
  margin : 0px;
  padding : 0px;
  vertical-align: top;
}


#CartOverview
{
  display: inline-block;
  padding: 0.8em 3em;
  
  margin: 0em;
  margin-left: 1em;
}

#CartOverview.FullCart
{
  background-color: #FFFF44;
  
  -webkit-animation-name: FullCartFlash;
  animation-name: FullCartFlash;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


@-webkit-keyframes FullCartFlash 
{
  0%, 25%, 75%, 100%
  {
    background-color: #FFFF44;
  }

  50% 
  {
    background-color: white;
  }
}

@keyframes FullCartFlash 
{
  0%, 25%, 75%, 100%
  {
    background-color: #FFFF44;
  }

  50% 
  {
    background-color: white;
  }
}


#CartOverview.FullCart:hover
{
  background-color: #FFFFE8;
  -webkit-animation-name: none;
  animation-name: none;
}


#CartOverview.EmptyCart
{
  background-color: #F0F0E8;
}


form.header {
  margin : 0;
  padding : 0;
  border: none;
}

tr.header {
  /* background: white; */
}

tr.headerNavigation {
  background: #0000B4;
}

td.headerNavigation {
  font-size: 9pt;
  background: #0000B4;
  color: white;
  font-weight : bold;
  padding-top: 2px;
  padding-bottom: 2px;
}

a.headerNavigation { 
  color: #FFF840; 
}

a.headerNavigation:hover {
  color: white;
}

tr.headerError {
  background: red;
}

td.headerError {
  background: red;
  color: white;
  font-weight : bold;
  text-align : center;
}

tr.headerInfo {
  background: green;
}

td.headerInfo {
  background: green;
  color: white;
  font-weight: bold;
  text-align: center;
}


DIV.MainCatItem
{
  
}

/* ==== LEFT COLUMN ==== */
#leftcolumn 
{
  right:auto; 
  width:auto;
  width: 14em;
}

td.leftcolumn
{
  padding-right: 6em;
}

#leftcolumn a
{
  color: inherit;
} 


div.SelectedCategoryItem,
div.CategoryItem
{
  margin : 0em 0em;
  padding : 0.2em 0.2em;
}

div.SelectedCategoryItem
{
  margin-top : 0.4em;
  margin-bottom : 0.2em;
  padding : 0.2em 0.4em;
  /* background-color : #F0E0BB; */
  background-color: #B0E080;
}


/* ---- */


.errorBox {  background: #ffb3b5; font-weight: bold; }
.stockWarning {  color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit {  color: #70d250; text-decoration: underline; }

body 
{
  /*background: white; */
  color: black;
  margin: 0px;
  background-image: url(./images/stoff-vertikal-ausblenden.jpg);
  background-repeat:repeat-y;
}

body, p, td
{
  font-size : 9pt;
}

p
{
  margin-top: 3pt;
  margin-bottom: 8pt;
}

body, p, td, input, button, select, option, textarea 
{
  font-family: Verdana, Arial, Tahoma, sans-serif; 
}

input[type=text],
input[type=password]
{
  width: 12em;
  border: gray solid 1px;
  font-size: 9pt;
}

a 
{
  color : #2020E0;
  text-decoration: none;
  font-size : inherit;
}

a:hover 
{
  /* color: #AABBDD; */
  color : #3030FF;
  text-decoration: underline;
}

img 
{
  border: none;
}

form 
{
  display: inline;
}

textarea 
{
  width: 100%;
}

hr
{
  border: none;
  border-bottom: silver solid 1px;
  height: 0px;
  width: auto;
  right: 0;
  left: 0;
}

table, tr, td
{
  border : none;
  margin : 0;
  padding : 0;
  border-collapse: collapse;
  vertical-align: top;
}

/* ST: Generics */


DIV.limitted
{
  max-width: 80em;
}

DIV.clear
{
  clear: both;
}

DIV.floatLeft
{
  float: left;
  padding-right: 0.5em;
}

DIV.flowLayout
{
  display: inline-block;
  padding-left: 0.2em;
  padding-right: 0.2em;
}

table.layout,
table.layoutStretch 
{
  padding : 0;
  margin : 0;
  border-collapse: collapse;
  vertical-align: top;
}

table.layoutStretch,
tr.layoutStretch,
td.layoutStretch
{
  padding : 0;
  margin : 0;
  width: 100%;
  vertical-align: top;
  /* vertical-align: top; */
}

td.separator
{
  width : 1em;
  border : none;
  margin : 0;
  padding : 0;
}

DIV.readMore
{
  margin-top : 0.5em;  
  margin-bottom : 0.5em;
  display: block;
  /* text-align: right; */
  font-weight: bold;
}

DIV.readMore a
{
  color: gray;
}

/* ST: === BOXES === */

.infoBox {
  background: #FFFFCC;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  
  /* margin:0.2em; */
  margin-bottom : 1.2em;
  padding: 0.5em;
}

.box {
  width: auto;
  background: #F0F0E8;
  margin:0.2em;
  margin-bottom : 1.2em;
  padding:0.1em;
}

.boxHeader
{
  color: #909090;
  margin:0.1em 0.4em;
  font-weight: bold;
  padding: 0.2em;
}

.boxHeader img
{
  border : none;
}


.boxContents 
{
  background: #f8f8f9;
  /* font-size: 90%; */
  border-collapse: collapse;
  border-style: solid;
  border-color: silver;
  border-width: 1px;
  padding : 0.5em 1em;
  /*margin : 0.1em;*/
  /* margin-bottom: 12pt; */
}

.boxContents p 
{
  margin-top : 1pt;
  margin-bottom : 1pt;
}


.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 90%;
}


td.shoppingCartProduct,
td.shoppingCartProductNew
{
  text-align: left;
  width: 100%;
  /*border : none;*/
}

td.shoppingCartAmount,
td.shoppingCartAmountNew
{
  text-align: right;
  width: auto;
  /*border : none;*/
}

td.shoppingCartProductNew,
td.shoppingCartAmountNew
{
  font-weight: bold;
  color: #0000B4;
}

DIV.highlightedBox
{
  background-color: #FFFFC0;
  padding: 0.5em;
}


/* ST: === FORMS === */

table.formEntry td 
{
  padding : 4px;
}

p.formTitle
{
  font-weight: bold;
  margin: 0pt;
  margin-top: 9pt;
  margin-bottom: 2pt;
  padding: 0pt;
}

div.formContent
{
  border-width: 1px;
  border-style: solid;
  border-color: #CCCCCC;
  background-color: #EEEEEE;
  padding: 0.5em;
}

div.formContent td
{
  text-align: left;
  padding: 1pt 0pt;
  vertical-align: middle;  
}

div.formContent p
{
  padding : 1pt 0pt;
  margin : 0px;
}

div.formContent p.FormDescription
{
  font-size: 90%;
  color: #101010;
}

div.formContent hr
{
  /* width : auto; */
}


div.formContent textarea
{
  width: 100%;
  border: 1px solid gray;
}


TABLE.formTable
{
  border: none;
  border-spacing: 0 0.2em ;
  border-collapse: separate;  
}

div.formButtons
{
  border-width: 1px;
  border-style: solid;
  border-color: #CCCCCC;
  background-color: #EEEEEE;
  padding: 4pt;
  margin-top: 16pt;
  clear: both;
}

div.formContent div.formButtons
{
  border-style: none;
  border-top-style: solid; 
  background-color: transparent;
  padding: 4pt;
  margin-top: 16pt;
}

.formButtons table
{
  width: 100%;
}

.formButtons td
{
  vertical-align: middle;  
}

div.formButtons p
{
  padding : 0px;
  margin : 0px;
}

DIV.formButtons
{
  font-size: 10pt;
  padding: 0.6em 0.8em;
}

DIV.formButtons .buttonBack,
DIV.formButtons .buttonContinue,
DIV.formButtons .buttonDelete,
DIV.formButtons a.button,
DIV.formButtons input[type=submit],
DIV.formButtons button
{
  font-size: 10pt;
  font-weight: bold;
  padding: 0.2em 0.8em;

  box-shadow: 1px 1px 8px -2px rgba(0,0,0,0.4), 4px 8px 10px -5px #FFF inset, -2px -4px 10px -5px rgba(0,0,0,0.4) inset;
  -moz-box-shadow: 1px 1px 8px -2px rgba(0,0,0,0.4), 4px 8px 10px -5px #FFF inset, -2px -4px 10px -5px rgba(0,0,0,0.4) inset;
  -webkit-box-shadow: 1px 1px 8px -2px rgba(0,0,0,0.4), 4px 8px 10px -5px #FFF inset, -2px -4px 10px -5px rgba(0,0,0,0.4) inset;
}

a.button,
a.buttonBack,
a.buttonContinue,
a.buttonDelete,
input[type=submit],
button,
input.button,
input.buttonContinue,
input.buttonDelete,
input.buttonBack
{
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;  
  
  -webkit-border-radius: 5px;  
  border-radius: 5px;
  font-size: inherit;
  display: inline-block;
  border-color: #B0B080;
  border-width: 1px;
  border-style: solid;
  padding: 0.1em 0.4em;
  margin: 4px 0;
  color: #222;
  background-color: #F0F0C0;
  text-shadow: 1px 1px 0px #fff;
  
  box-shadow: 1px 1px 8px -3px rgba(0,0,0,0.4), 2px 4px 5px -3px #FFF inset, -1px -2px 7px -3px rgba(0,0,0,0.4) inset;
  -moz-box-shadow: 1px 1px 8px -3px rgba(0,0,0,0.4), 2px 4px 5px -3px #FFF inset, -1px -2px 7px -3px rgba(0,0,0,0.4) inset;
  -webkit-box-shadow: 1px 1px 8px -3px rgba(0,0,0,0.4), 2px 4px 5px -3px #FFF inset, -1px -2px 7px -3px rgba(0,0,0,0.4) inset;
}


a.button:hover,
a.buttonBack:hover,
a.buttonContinue:hover,
a.buttonDelete:hover,
input[type=submit]:hover,
button:hover

{
  text-decoration: inherit;
  background-color: #FFFFE8;
}

input.small
{
  font-size: inherit;
  font-weight: normal;
}

a.buttonBack,
input.buttonBack,
button.buttonBack
{
  background-color: #E0E0D8;
  border-color: #A0A0A0;
}

a.buttonBack:hover,
input.buttonBack:hover,
button.buttonBack:hover
{
  background-color: #E0E0E0;
  background-color: #FFFFE8;
}


a.buttonContinue,
input.buttonContinue,
button.buttonContinue
{
  background-color: #FFFF44;
  border-color: #AAAA22;
}

a.buttonContinue:hover,
input.buttonContinue:hover,
button.buttonContinue:hover
{
  background-color: #FFFFE8;
  text-decoration: inherit;
}

a.buttonDelete,
input.buttonDelete,
button.buttonDelete
{
  border-color: #AA2222;
  background-color: #FFAAAA;
}

a.buttonDelete:hover,
input.buttonDelete:hover,
button.buttonDelete:hover
{
  background-color: #FFDDDD;
}


td.inputLabel 
{
  width: 10em;
  margin-right: 1em;
}

td.inputField
{
}

input[type=image]
{
  border: none;
}


/* ST: === LISTS === */

TR.accountHistory-odd, TR.addressBook-odd, TR.payment-odd, TR.shippingOptions-odd 
{
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.payment-even, TR.shippingOptions-even 
{
  background: #f8f8f9;
}

div.productListing 
{
  /* border-spacing: 0em 0.5em; */
  width: 100%;
  
}

div.ProductListingItem
{
  border-width: 1px;
  border-style: solid;
  
  /* border-color: #b6b7cb; */
  
  -webkit-border-radius: 5px;  
  border-radius: 5px;
  
  border-color : silver;
  padding : 0.2em 0.5em;
  display: inline-block;
  margin-bottom: 1em;
  margin-right: 1em;
}

div.ProductListingItem:hover
{
  background-color: #FFFBE8;
}

div.ProductListingItem .button
{
  /* border-width: 1px; */
  background-color: #F4F4F4;
  border-color: #C0C0C0;
 
}


td.ProductListingImage
{
  height: 124px;
}

td.ProductListingText
{
/*  padding-left : 0.5em;*/
  width: 10em;
}

td.ProductListingText p
{
  /* white-space: nowrap; */
}

td.ProductListingText a
{
  text-decoration: none;
  color: black;
}


p.ProductListingInCart
{
  margin-top : auto;
  margin-bottom : 0px; 
  border: 5px solid black;
}


.ProductInfoImage
{
  /* display: inline-block; */
  display: block;
  vertical-align: top;
  float: right;
}

.ProductInfoDescription
{
  display: inline;;
  /* display: block; */
  max-width: 50%;
  min-width: 20em;
  /* min-width: 10em; */
  vertical-align: top;
}

DIV.ProductInfoPrize
{
  /*margin-top : 4em;
  font-size : 100%;*/
  display: inline-block;
  font-weight : bold;
  font-size: 120%;
  vertical-align: top;
  margin-top : 10px;
  margin-right: 1em;
  /* color : #888888; */
}


div.CategoryList
{
  width: 100%;
}


div.CategoryListItem
{
  border-width: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  padding : 0.2em 0.5em;
  display: inline-block;
  margin-bottom: 1em;
  margin-right: 1em;
  text-align: center;
}



TABLE.shoppingCartListing 
{
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 2px;
  width: 100%;
}

.shoppingCartListing-heading
 {
  font-size: 80%;
  background: #b0b0cb;
  color: white;
  font-weight: bold;
}
 
td.shoppingCartListing-heading {
  padding-left: 2pt;
  padding-right: 2pt;
  padding-top: 1pt;
  padding-bottom: 1pt;
}


TD.shoppingCartListing-data {
  text-align: center;
  vertical-align: middle;
  padding-left: 2pt;
  padding-right: 2pt;
  padding-top: 1pt;
  padding-bottom: 1pt;
}

.productListing a,
.shoppingCartListing a
{
  color: inherit;
}

input.amount 
{
  width: 30pt;
}

table.category_list
{
  border: none;
  width: 100%;
}


/* --- */

A.pageResults {
  color: blue;
}

A.pageResults:hover {
  color: blue;
  background: #6666FF;
}

tr.subBar {
  background: #f4f7fd;
}

td.subBar {
  font-size: 90%;
  color: black;
}

td.main, p.main {
  line-height: 1.5;
}

.smallText
{
  font-size: 90%;
}

td.accountCategory {
  color: #aabbdd;
}

td.fieldKey {
  font-weight: bold;
}

td.fieldValue {
}

TD.tableHeading {
  font-size: 90%;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-size: 90%;
  color: red;
}

SPAN.greetUser {
  color: #080580;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-size: 120%;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: red;
}

SPAN.errorText {
  color: red;
}

table.tableBox td
{
  padding: 0.2em;
}

tr.moduleRow 
{ 
}

tr.moduleRowSelected:hover,
tr.moduleRow:hover 
{ 
  /* background-color: #D7D7F7; */ 
  background-color: #FFFBE8;
  cursor: pointer; 
  cursor: hand; 
}


/* .moduleRowSelected { background-color: #E9E9FC; } */

.checkoutBarFrom, .checkoutBarTo { color: #8c8c8c; }
.checkoutBarCurrent { color: #000000; }

/* message box */

.messageBox { }

.messageStackError,
.messageStackWarning
{
  padding: 0.3em;
}

.messageStackError, .messageStackWarning { background-color: #ffb3b5; }
.messageStackSuccess { background-color: #B0E080; }

/* input requirement */

.inputRequirement { color: #ff0000; }


table.liste 
{
  border: silver solid 1px;
  margin-top: 2pt;
  margin-bottom: 2pt;
  border-collapse: collapse;
}

table.liste td 
{
  padding : 2pt;
  text-align : right;
  border: silver solid 1px; 
}


p.finkli-beschreibung
{
  font-weight: bold;  
}

p.main-body
{
  margin-top: 2pt;
  margin-bottom: 2pt;
}

p.news-titel
{
  font-weight: bold;
  font-size: 120%;
  color: gray;
  margin-top: 6pt;
  margin-bottom: 6pt;
}

p.news-item
{
  font-weight: bold;
  margin-top: 4pt;
  margin-bottom: 2pt;
}

p.news-body
{
  font-weight: normal;
  margin-top: 2pt;
  margin-bottom: 2pt;
}

.labeled_image_left, .labeled_image_right
{
  margin-top : 0pt;
  margin-bottom : 8pt;
}

.labeled_image
{
  text-align : center;
  margin-left: 8pt;
  margin-right: 8pt;
  margin-top : 0pt;
  margin-bottom : 8pt;
}

.labeled_image_left
{
  margin-right : 8px;
  margin-left : 3px;
  float : left;
}

.labeled_image_right
{
  margin-left : 8px;
  margin-right : 3px;
  float : right;
}

.image-label
{
  padding : 3pt;
  background-color : #EEEEEE;
  border-bottom : #CCCCCC 2px solid;
}

img.block
{
  display : block;
  margin : 0px; 
  padding : 0px; 
  border : none;
}

div.popup-thumb
{
  text-align : center;
  border : #EEEEFF solid 1px;
  padding : 0.2em;
}

div.popup-thumb-zoom
{
  font-size : 80%;
  color : gray;
}

div.popup-thumb:hover
{
  background-color: #EEEEFF;
}
div.popup-thumb a:hover
{
  text-decoration: none;
}

h2
{
  font-size : 120%;
  font-weight: bold; 
  margin-top: 1.2em; 
  margin-bottom: 0.6em;
  /* color: #444444; */ 
  color: #1010D0;
  background-color:#F0F0F0;
  /* color: black; */
  
  padding : 0.2em 0.2em;
  margin-left : -0.2em;
  margin-right : -0.2em;
}

p.bright,
p.brightbox
{
  color : #404060;
}

p.brightbox 
{
  border : #E8E8E8 solid 2px; 
  background-color : #F0F0F0; 
  padding : 0.0em 0.5em; 
  margin : 0 -0.5em; 
}

p.bright a,
p.brightbox a
{
  color : #6060A0
  text-decoration : none
}

p.bright a:hover,
p.brightbox a:hover
{
  color : #3030FF
  text-decoration : underline
}

/* Gallery */
div.GalleryBlock
{
  border : #CCCCCC 1pt solid;
  padding : 0.5em;
  margin-bottom : 1.5em;
}

div.GalleryBlock h2
{
  margin : 0.3em 0;
}

div.GalleryBlock table
{
}

div.GalleryBlock p
{
  margin : 0.5em 0;
}

DIV.Gallery
{
  width: 100%;
  display: block;
}

DIV.GalleryItem
{
  display: inline-block;
}


DIV.MainPageGallery 
{
  border : none
  padding : 0em;
  margin-bottom : 1.5em;
}

div.MainPageGallery DIV.Gallery
{
  border-spacing: 0.2em;
  width: 100%;
  border-collapse: separate;
}


@media screen and (max-width: 1099px)
{ 
  #DekoImage
  {
    display: none;
  }
 
}

@media screen and (max-width: 799px)
{ 

  /* move the main categories to its own row */
  #Logo
  {
    padding-right: 0;
    display: block;
  }

 
  #MainCategoriesTable
  {
    width: 100%;
    left: 0;
    right: 0;
  }
  
  DIV.MainCatItem
  {
    margin: 0;
  }
}

@media screen and (max-width: 1023px)
{ 
  td.leftcolumn
  {
    padding-right: 2em;
    width: 12em;
  }
  
  .boxContents 
  {
    padding : 0.2em 0.5em;
  }
}

@media screen and (max-width: 639px)
{ 
  /* hide left column */
  #leftcolumn 
  {
    display:none;
    width: 0;
    margin: 0;
    padding: 0;
  }
  
  td.leftcolumn
  {
    display:none;
    padding: 0;
   }
  
  .separator
  {
    width: 0.2em;
   }
   http://localhost/xn--fessli-3ya.ch/catalog/index.php?cPath=22
   .ProductInfoDescription
   {
     width: 100%;
   }
   
   .ProductInfoImage
  {
    display: block;
    float: none;
  }   
}


@media screen and (max-width: 399px)
{
  /* switch to vertical layout */
  #MainCategories
  {
    display: none;
  }
  
  DIV.MainCatItem
  {
    display: block;
    width: 100%;
    background-color: #F0F0F0;
    border-bottom-color: #E0E0E0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0.2em 0em;
    padding: 0.1em 0em;  
  }
  
  
  DIV.MainCatLabel
  {
    display: block;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    text-decoration: none; 
    font-size: 12pt;   
  }
  
  #MainCategoriesVertical
  {
    display: block;
    left:0;
    right: 0;
    padding:0;
    margin: 0;
    margin-bottom: 1em;
  }
  
  #CartOverview
  {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  
  #CartOverview.EmptyCart
  {
    display: none;  
  }
  
  
  #Search
  {
    display: block;
    width: 100%;
    margin: 0.2em 0;
  }
  
  #Search table
  {
    width: 100%;  
  }
  
  #Search input.header_search
  {
    width: 100%;
  }
  
  DIV.floatLeft,
  DIV.flowLayout
  {
    display: block;
    width: 100%;
    margin: 0.2em 0;
  }
  
  #BellowHeader
  {
    padding-left: 2px;
    padding-right: 2px;
  }
  
  img
  {
    max-width: 100%;
    height: auto;  
  }
  
}