@import "styles_cmitfrontend.css";
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700|Sanchez);

/* main styles */

body {
  font-size: 13px;
  font-family: Open Sans, Tahoma, Verdana, Arial;
  text-align: left;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
  background: #FFFFFF url(gfx/bg.png) left top repeat-x;  
  background-position: 0px 33px;
}

form { margin: 0px; }
td { text-align:left; }
hr { border: 0; border-bottom: #E0E0E0 solid 1px; margin-top: 0px; margin-bottom: 0px; height: 0px; size: 0; }

h1 { color: #000000; font-size: 20px; font-family: Sanchez; margin-top: 12px; margin-bottom: 12px; text-transform: uppercase; }
h2 { color: #EB540E; font-size: 16px; font-family: Sanchez; margin-top: 12px; margin-bottom: 12px; text-transform: uppercase; }
h3 { color: #EB540E; font-size: 14px; margin-top: 2px; margin-bottom: 12px; text-transform: uppercase; }
h3 i.fa { color:; }
h4 { color: #EB540E; font-size: 12px; margin-top: 2px; margin-bottom: 12px; text-transform: uppercase; }
h4.cart { color: #06C7C9; font-size: 12px; }
h1.indexlist { color: #D12709; border-top: #D12709 solid 1px; padding-top: 6px; margin-top: 12px; }

a, a:visited { 
  color: #448700;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;   
}
a:hover, a:active { 
  color: #FFB343; 
}

.ajaxcartpopup { width:350px; height:160px; }
.ajaxcartthumbnail { max-width:100px; height:100px; padding-right:5px; padding-bottom:15px; }
.ajaxcartnavi { padding:5px; background-color:#F8F8F8; border: 1px solid #F0F0F0; }
.ui-tooltip { max-width: 500px !important;}
.ui-tooltip-content { max-width: 500px !important;}

table.shadowbox {
  background: #DCE5EA;
}

.nobr { white-space: nowrap; }
.hand { cursor: pointer; cursor: hand; }

button, .button, .button:visited, input[type=button], input[type=submit] {
  display: inline-block;
  color: #F4F4F4;
  font-family: Open Sans, Tahoma, Verdana, Arial;
  font-size: 16px;
  line-height: 28px;
  text-shadow: rgba(92,8,23,0.33) 1px 1px 0px;
  text-decoration: none;
  border: #F5821E solid 1px;
  padding-left: 5px;
  padding-right: 5px;
  box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(251,192,63,0.5) 1px 1px 3px;
  border-radius: 2px;
      
  background: rgb(246,161,49); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(246,161,49,1) 0%, rgba(223,83,16,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,161,49,1)), color-stop(100%,rgba(223,83,16,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(246,161,49,1) 0%,rgba(223,83,16,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(246,161,49,1) 0%,rgba(223,83,16,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(246,161,49,1) 0%,rgba(223,83,16,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(246,161,49,1) 0%,rgba(223,83,16,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6a131', endColorstr='#df5310',GradientType=0 ); /* IE6-9 */
  
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
    
  cursor: pointer;
  cursor: hand;  
}
button:hover, .button:hover, input[type=button]:hover, input[type=submit]:hover {
  color: #FFFFFF;
  text-shadow: rgba(92,8,23,0.2) 1px 1px 0px;
  border: #D5631E solid 1px;
  text-decoration: none;
     
  background: rgb(221,141,44); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(221,141,44,1) 0%, rgba(196,72,15,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,141,44,1)), color-stop(100%,rgba(196,72,15,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(221,141,44,1) 0%,rgba(196,72,15,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(221,141,44,1) 0%,rgba(196,72,15,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(221,141,44,1) 0%,rgba(196,72,15,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(221,141,44,1) 0%,rgba(196,72,15,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd8d2c', endColorstr='#c4480f',GradientType=0 ); /* IE6-9 */
}

.button2, .button2:visited {
  display: inline-block;
  color: #F4F4F4;
  font-family: Open Sans, Tahoma, Verdana, Arial;
  font-size: 14px;
  text-shadow: rgba(92,8,23,0.2) 1px 1px 0px;
  border-top: #FFFF71 solid 1px;
  border-bottom: #DB4D01 solid 1px;
  text-decoration: none;
  padding-left: 12px;
  padding-right: 12px;
  font-weight: bold;
    
  background: rgb(253,225,107); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(253,225,107,1) 0%, rgba(246,135,19,1) 50%, rgba(234,123,7,1) 51%, rgba(211,127,2,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,225,107,1)), color-stop(50%,rgba(246,135,19,1)), color-stop(51%,rgba(234,123,7,1)), color-stop(100%,rgba(211,127,2,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(253,225,107,1) 0%,rgba(246,135,19,1) 50%,rgba(234,123,7,1) 51%,rgba(211,127,2,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(253,225,107,1) 0%,rgba(246,135,19,1) 50%,rgba(234,123,7,1) 51%,rgba(211,127,2,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(253,225,107,1) 0%,rgba(246,135,19,1) 50%,rgba(234,123,7,1) 51%,rgba(211,127,2,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(253,225,107,1) 0%,rgba(246,135,19,1) 50%,rgba(234,123,7,1) 51%,rgba(211,127,2,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde16b', endColorstr='#d37f02',GradientType=0 ); /* IE6-9 */

  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
    
  box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(251,192,63,0.5) 1px 1px 3px;
  border-radius: 2px;
    
  cursor: pointer;
  cursor: hand;  
}
.button2:hover, .button2:active {
  color: #FFFFFF;
  border-top: #E4E371 solid 1px;
  border-bottom: #BC3701 solid 1px; 
  
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
    
  background: rgb(229,190,98); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(229,190,98,1) 0%, rgba(204,116,16,1) 50%, rgba(193,99,5,1) 52%, rgba(178,96,1,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,190,98,1)), color-stop(50%,rgba(204,116,16,1)), color-stop(52%,rgba(193,99,5,1)), color-stop(100%,rgba(178,96,1,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(229,190,98,1) 0%,rgba(204,116,16,1) 50%,rgba(193,99,5,1) 52%,rgba(178,96,1,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(229,190,98,1) 0%,rgba(204,116,16,1) 50%,rgba(193,99,5,1) 52%,rgba(178,96,1,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(229,190,98,1) 0%,rgba(204,116,16,1) 50%,rgba(193,99,5,1) 52%,rgba(178,96,1,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(229,190,98,1) 0%,rgba(204,116,16,1) 50%,rgba(193,99,5,1) 52%,rgba(178,96,1,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5be62', endColorstr='#b26001',GradientType=0 ); /* IE6-9 */
}

button.cartbutton {
  display: inline-block;
  font-size: 20px;
  padding: 4px 12px 4px 12px;
}
button.cartbutton i.fa {
  font-size: 24px;
}

.userbutton {
  display: block;
  margin-bottom: 2px;
}
.userbutton i.fa {
  float: right;
  margin-top: 6px;
}
.blackbutton {
  border: #000000 solid 1px;
  box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(180,180,180,0.5) 1px 1px 3px;
      
  background: rgb(54,54,54); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(54,54,54,1) 0%, rgba(25,12,12,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54,54,54,1)), color-stop(100%,rgba(25,12,12,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(54,54,54,1) 0%,rgba(25,12,12,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(54,54,54,1) 0%,rgba(25,12,12,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(54,54,54,1) 0%,rgba(25,12,12,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(54,54,54,1) 0%,rgba(25,12,12,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#190c0c',GradientType=0 ); /* IE6-9 */  
}

.bigbutton {
  line-height: 28px;
}

/* path & products & list */

table.widebox_products {
  border: #473B2D solid 2px; /* #473B2D #44392B */
  border-top: 0px; /* ! */
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #FFFFFF;  
}
table.widebox_products td.title a {
  color: #FFFFFF; text-decoration: none;
}
table.widebox_products td.title a:hover {
  color: #FFFFFF; text-decoration: underline;
}
table.widebox_products td.title {
  background-color: #062138;
  border-bottom: #000E27 solid 2px;
  padding-left: 12px;
}
table.widebox_products td.title h1 {
 font-size: 12px; color: #FFFFFF;
 text-transform: uppercase;
 margin-top: 0px;
 margin-bottom: 0px;
}
table.widebox_products td.content {
  background-color: #FFFFFF;
  padding: 2px;   
}
table.widebox_products td.content h1 {
  margin-top: 0px;
}
table.widebox_products td.content div.innerbox {
  background-color: #EAEAEA;
  padding: 10px;
}

/* skeleton */

div.toplinks {
  color: #7A0F20;
  position: fixed;
  float: center;
  width: 100%;
    
  /*text-shadow: #000000 0px 0px 2px, #000000 0px 0px 4px;*/
  border-top: #C4C4C4 solid 1px;
  border-bottom: #C4C4C4 solid 1px;
  
  /*
  background: rgb(43,39,39);
  background: -moz-linear-gradient(top,  rgba(43,39,39,1) 0%, rgba(35,33,33,1) 50%, rgba(20,20,20,1) 51%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,39,39,1)), color-stop(50%,rgba(35,33,33,1)), color-stop(51%,rgba(20,20,20,1)), color-stop(100%,rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top,  rgba(43,39,39,1) 0%,rgba(35,33,33,1) 50%,rgba(20,20,20,1) 51%,rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top,  rgba(43,39,39,1) 0%,rgba(35,33,33,1) 50%,rgba(20,20,20,1) 51%,rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top,  rgba(43,39,39,1) 0%,rgba(35,33,33,1) 50%,rgba(20,20,20,1) 51%,rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom,  rgba(43,39,39,1) 0%,rgba(35,33,33,1) 50%,rgba(20,20,20,1) 51%,rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2727', endColorstr='#000000',GradientType=0 );
  --background: #E0E0E0;
  */
  
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
div.toplinks i {
  color: #B0B0B0;
}
table.toplinks {
  width: 100%;
  max-width: 1250px; 
  min-width: 220px;
  margin-left: auto; 
  margin-right: auto;
}
div.toplinks a, div.toplinks a:visited {
  display: inline-block;
  font-size: 13px;
  color: #D53A24;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
  /*text-shadow: #000000 0px 0px 2px, #000000 0px 0px 4px;*/ 
}
div.toplinks a:hover, div.toplinks a:active {
  background: rgba(0,0,0,0.07);
}

.pagetable {
  width: 100%; 
  max-width: 1250px; 
  min-width: 220px;
  padding-top: 32px;
  margin-left: auto; 
  margin-right: auto;
}
.leftside { 
  width: 20%;
  min-width: 170px;
  padding-bottom: 10px; 
  /*padding-left: 12px; */ 
  padding-right: 12px;
  /* background: url(gfx/content_shw.png) left top repeat-x; */
}
.leftside div.innerbox {
  padding-top: 10px;
}
.rightside { 
  width: 20%;
  min-width: 170px;
  padding-bottom: 10px; 
  padding-left: 12px; 
  /* padding-right: 12px; */
  /* background: url(gfx/content_shw.png) left top repeat-x; */
}
.rightside div.innerbox {
  padding-top: 10px;
}
.contentside {
  /*width: 564px;*/
  width: 60%; 
  padding-bottom: 10px; 
  text-align: justify;
  /* background: url(gfx/content_shw.png) left top repeat-x; */
  line-height: 140%; 
}
.contentside div.innerbox {
  padding-top: 10px;
}

.contentside2 {
  width: 80%; 
  padding-bottom: 10px; 
  text-align: justify;
  line-height: 140%; 
}
.contentside2 div.innerbox {
  padding-top: 10px;
}

.header {
  height: 115px;
  padding-top: 22px; 
}

div.logobox {
  float: left;
  margin-top: 8px;
}

/* mainmenu */

ul.mainmenu { 
  display: table;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 0px;    
  padding: 0px;  
  vertical-align: middle;
}
ul.mainmenu li {
  display: table-cell;
  list-style: none;
  height: 40px;
  line-height: 40px;  
  margin: 0px;
  padding: 0px;
  text-align: center;
  vertical-align: bottom; 
  
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;  
}
ul.mainmenu a, ul.mainmenu a:visited  { 
  display: block; height: 40px; line-height: 40px; width: 100%;
  margin-left: auto; margin-right: auto;
  color: #FFFFFF; font-size: 15px; text-shadow: rgba(92,8,23,0.33) 1px 1px 0px; 
  font-weight: bold; text-decoration: none; text-transform: uppercase;
  background: rgba(255,255,255,0.0);

  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;  
}
ul.mainmenu a:hover, ul.mainmenu a:active {
  color: #FDFBE5; text-decoration: none; text-transform: uppercase;
  background: rgba(255,255,255,0.18);
}

/* iconmenu */

td.iconmenu { 
  height: 158px;
  border-bottom: #B0B0B0 solid 1px; 
  vertical-align: top;
  background: #FFFFFF url(gfx/iconmenu_bg.png) left top;
}
ul.iconmenu {
  display: table;
  width: 100%;
  margin: 0px;    
  padding: 0px;
}
ul.iconmenu li {
  display: table-cell;
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 10%;
  height: 132px;
  text-align: center;
  vertical-align: bottom; 
  
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;   
}
ul.iconmenu li:hover {
  color: #FFFFFF; 
  background: #FD931A url(gfx/iconmenu_bg2.png) left top;
  text-decoration: none;
}
ul.iconmenu a {
  border-left: #E0E0E0 solid 1px;
}
ul.iconmenu a.image, ul.iconmenu a.image:visited {
  color: #FEA523; 
  display: block;
  margin: 0px;
  padding: 0px;  
  height: 132px;
  background: transparent; 
  text-decoration: none;  
  vertical-align: bottom;
}
/*
ul.iconmenu li a.image img {
  max-width: 100px;
  max-height: 113px;
}
*/
ul.iconmenu li a.title, ul.iconmenu li a.title:visited  {
  display: block;
  margin: 0px;
  padding: 0px; 
  height: 26px;
  line-height: 26px;
  color: #D73D00;
  text-shadow: rgba(92,8,23,0.33) 1px 1px 0px
  font-size: 12px;
  font-family: Arial, Tahoma;
  text-decoration: none;
  font-weight: bold;
  vertical-align: bottom;
  background: transparent;
  border-radius: 0px;
}
ul.iconmenu li a.title:hover, ul.iconmenu li a.title:active {
  color: #FFFFFF;
  text-shadow: rgba(0,0,0,0.2) 1px 1px 0px;
  text-decoration: none;
}
ul.iconmenu li:hover a, ul.iconmenu li:hover a:visited {
  color: #FFFFFF;
  text-shadow: rgba(0,0,0,0.2) 1px 1px 0px;  
  text-decoration: none;
}

/* footermenu */

.footermenu {
  color: #FFFFFF;
  font-size: 11px;
  height: 48px;
  background: rgb(58,58,58); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(58,58,58,1) 0%, rgba(26,13,13,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(58,58,58,1)), color-stop(100%,rgba(26,13,13,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(58,58,58,1) 0%,rgba(26,13,13,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(58,58,58,1) 0%,rgba(26,13,13,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(58,58,58,1) 0%,rgba(26,13,13,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(58,58,58,1) 0%,rgba(26,13,13,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#1a0d0d',GradientType=0 ); /* IE6-9 */
}
.footspacer { float: left; padding-top: 8px; padding-left: 14px; }
.copyspacer { float: right; padding-top: 2px; padding-right: 12px; }
.footermenu a, .footermenu a:visited {
  color: #FFFFFF; padding: 2px; text-decoration: none; text-transform: uppercase;
}
.footermenu a:hover, .footermenu a:action {
  color: #FDFBE5; padding: 2px; text-decoration: none; text-transform: uppercase; background: url(gfx/mainmenulight.png);
}

/* colours */
.sidebox {
  margin-bottom: 20px;
  box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;
}
.sidetitle {
  border: #848484 solid 1px;
}
.sidetitle h3 {
  font-size: 17px; 
  padding: 14px;
  padding-left: 12px; 
  padding-right: 10px;
  margin: 0px;
  color: #FFFFFF; 
  text-transform: uppercase; 
  font-weight: normal; 
  border: #ADADAD solid 1px;
  
  background: rgb(145,145,145); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(145,145,145,1) 0%, rgba(115,115,115,1) 50%, rgba(107,107,107,1) 51%, rgba(96,96,96,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145,145,145,1)), color-stop(50%,rgba(115,115,115,1)), color-stop(51%,rgba(107,107,107,1)), color-stop(100%,rgba(96,96,96,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(145,145,145,1) 0%,rgba(115,115,115,1) 50%,rgba(107,107,107,1) 51%,rgba(96,96,96,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(145,145,145,1) 0%,rgba(115,115,115,1) 50%,rgba(107,107,107,1) 51%,rgba(96,96,96,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(145,145,145,1) 0%,rgba(115,115,115,1) 50%,rgba(107,107,107,1) 51%,rgba(96,96,96,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(145,145,145,1) 0%,rgba(115,115,115,1) 50%,rgba(107,107,107,1) 51%,rgba(96,96,96,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#606060',GradientType=0 ); /* IE6-9 */
}
.sidetitle h3 li { }
.firebg {          
  /*background-image: url(gfx/firebg_ontitle.png) right bottom no-repeat;*/
}
.greenbg li {
  color: #2E5D51;
}
.orangebg li {
  color: #DD7919;
}
.orange2bg li {
  color: #D12709;
}
.bluebg li {
  color: #005C7A;
}
.brownbg li {
  color: #9D5D02;
}
.redbg li {
  color: #57180B;
}
.graybg li {
  color: #C3C3C3;
}

div.sidecontentbox {
  padding: 10px;
  background: #FFFFFF;
}

/* producthierarchymenu */

.productmenu { padding:8px; padding-top:12px; }
.productmenu h1 { font-size: 18px; margin: 0px; }
.catline { padding-top: 5px; }
.catleft0 { padding-left: 0px; }
.catleft1 { padding-left: 20px; }
.catleft2 { padding-left: 40px; }
.catleft3 { padding-left: 60px; }

.catmenu_level0 { font-size: 14px; margin-left: 4px; padding: 2px; padding-top: 4px; padding-left: 14px; background: url(gfx/side_arrow2.png) left center no-repeat; margin-bottom: 3px; }
.catmenu_level0:hover { background-image: url(gfx/side_arrow3.png); }
.catmenu_level1 { padding-left: 10px; background: url(gfx/side_arrow2-2.png) left center no-repeat; margin-bottom: 0px; }
.catmenu_level1:hover { background-image: url(gfx/side_arrow3-2.png); }
.catmenu_level2 { padding-left: 10px; background: url(gfx/side_arrow2-2.png) left center no-repeat; margin-bottom: 0px; }
.catmenu_level2:hover { background-image: url(gfx/side_arrow3-2.png); }
.catmenu_level3 { padding-left: 10px; background: url(gfx/side_arrow2-2.png) left center no-repeat; margin-bottom: 0px; }
.catmenu_level3:hover { background-image: url(gfx/side_arrow3-2.png) left center no-repeat; }

.catmenu_level0, .catmenu_level0:visited { color: #222222; text-decoration: none; font-weight: bold; }
.catmenu_level0:hover, .catmenu_level0:active { color: #EB540E; text-decoration: none; }
.catmenu_level1, .catmenu_level1:visited { color: #222222; text-decoration: none; font-weight: bold; }
.catmenu_level1:hover, .catmenu_level1:active { color: #EB540E; text-decoration: none; }
.catmenu_level2, .catmenu_level2:visited { color: #222222; text-decoration: none; font-weight: bold; }
.catmenu_level2:hover, .catmenu_level2:active { color: #EB540E; text-decoration: none; }
.catmenu_level3, .catmenu_level3:visited { color: #222222; text-decoration: none; font-weight: bold; }
.catmenu_level3:hover, .catmenu_level3:active { color: #EB540E; text-decoration: none; }

/* products */

div.listtable { margin-top: 10px; margin-bottom: 10px; text-align: left; }
div.listtable .rowprice { text-align: center }
table.cartbtn_container { margin-left: auto; margin-right: auto; }

div.path { padding-bottom: 10px; }
div.path a, div.path a:visited { text-decoration: none; color: #202020; }
div.path a i, div.path a:visited i { text-decoration: none; color: #EB540E; }
div.path a:hover, div.path a:active { text-decoration: none; color: #EB540E; }


.msg { background-color: #FDF098; border: #717171 solid 1px; margin: 8px; color: #000000; padding: 8px; }
.price { color: #005C7A; font-size: 13px; font-weight: bold; }
.sale { color: #D12709; font-size: 13px; font-weight: bold; }
.quantity { text-align: center; }

.productlistimg { max-width:120px; max-height:120px; }
.toplistimg { border: #70919E solid 1px; }
px;plist_sideimg { max-width: 170px; }
td.productimg { background: #FFFFFF; border: #D7D7D7 solid 1px; }
img.productimg { width: 100%; }
.productimgtd { width:42%; }
.prodname { color: #345878; font-size: 14px; padding-bottom: 8px; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.proddetails { color: #787878; font-size: 12px; text-decoration: none; }
.detailsicons { float:right; width:130px; text-align:center; }
.detailsicons img.guarantee { height: 80px; }
.catname,.catname:visited {
  display: block; background-color: #E8E8E8;  border-top: #CECECE solid 1px; 
  font-family: Open Sans; color: #222222; font-size: 14px; 
  text-decoration: none; text-transform: uppercase; font-weight:bold;
  padding-left: 10px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px;
}
.catname:hover,.catname:active { 
  background-color: #D8D8D8; color: #222222; text-decoration: none;
}
.listname,.listname:visited,.listname:hover,.listname:active { 
  display: block; background-color: #E8E8E8;  border-top: #CECECE solid 1px; 
  font-family: Open Sans; color: #222222; font-size: 14px; 
  text-decoration: none; text-transform: uppercase; font-weight:bold;
  padding-left: 10px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px;  
}
.toplistname,.toplistname:visited { 
  display: block; color: #000000; 
  font-size: 12px; text-decoration: none; text-transform: uppercase;
  padding-left: 2px; padding-top: 4px; padding-bottom: 4px; margin-bottom: 5px;
}
.toplistname:hover,.toplistname:active { 
  display: block; color: #D12709; 
  font-size: 12px; text-decoration: none; text-transform: uppercase;
}
.listdescription { padding-left: 9px; }
.infotext { color: #8A3121; font-size: 14px; text-decoration: none; padding-bottom: 12px; }
.iconline { font-size:14px; }
.iconline img { height: 22px; /*background:#F0F0F0; padding:2px; border-radius:3px; border:#E0E0E0 solid 1px;*/ }
.iconline .icotitle { background:#F4F4F4; padding:0px; margin:2px; margin-top:5px; border-radius:3px; box-shadow: rgba(0,0,0,0.2) 0px 0px 4px; }
a.compareproductbutton { color: #000000; background:#F4F4F4; padding-left:3px; padding-right:3px; margin-top:3px; margin-top:5px; border-radius:3px; box-shadow: rgba(0,0,0,0.2) 0px 1px 4px; text-decoration: none; }
a.compareproductbutton .fa { color: #800000; }
a.compareproductbutton:hover, a.compareproductbutton:hover .fa { color: #EB540E; }
a.compareproductbutton .mobile { display: none; } 
.prodlistfilter {
  color:#FFFFFF; 
  font-weight:bold; 
  text-align:center;
  margin-bottom:5px;
  padding:12px;
  line-height:22px;
  
  background: rgb(68,68,68); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(68,68,68,1) 0%, rgba(24,24,24,1) 66%, rgba(0,0,0,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(68,68,68,1)), color-stop(66%,rgba(24,24,24,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(24,24,24,1) 66%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(24,24,24,1) 66%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(24,24,24,1) 66%,rgba(0,0,0,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(68,68,68,1) 0%,rgba(24,24,24,1) 66%,rgba(0,0,0,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  
  box-shadow: inset rgba(255,255,255,0.8) 0px 0px 3px;
}
.prodlistfilter i.fa {
  color:#FFFFFF;
  font-size:16px;
  width:22px;
  line-height:22px;
  text-align:center;
  background:rgba(255,255,255,0.2);
  border-radius:50%;
}
.prodlistfilter select {
  border-radius: 3px;
  box-shadow: inset rgba(0,0,0,0.4) 1px 1px 3px;
}

div.kepfelirat_on_details {
  /*position: absolute;
  width: 250px;
  margin-top: -36px;
  */
  margin-left: 0px;
  margin-top: 5px;
  margin-bottom: 3px;
  font-size: 12px;
  color: #FFFFFF;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  background: rgba(255,0,0,0.88);
  text-align: center;
  border-radius: 3px;  
}

div.kepfelirat_on_list {
  position: absolute;
  width: 114px;
  margin-top: -30px;
  margin-left: 0px;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  background: rgba(255,0,0,0.88);
  text-align: center;
  border-radius: 3px;
}

div.stockinfo_on_list {
  position: absolute;
  width: 100px;
  margin-top: -18px;
  margin-left: 0px;
  font-size: 11px;
  text-align: center;
}

/* page navigation */

.pagetext { font-size: 10px; font-weight: bold; margin: 10px; }
.pagenr a { color:#FFFFFF; font-weight:bold; text-decoration:none; }
.pagenr a:hover { color:#CFCFCF; font-weight:bold; text-decoration:none; }
.pagenr_cur { margin:1px; padding:3px; }
.pagenr_cur a { background-color:#006EB4; margin:1px; padding:3px; border:#000000 solid 1px; }
.pagenr_cur a:hover { background-color:#006EB4; margin:1px; padding:3px; border:#000000 solid 1px; }
.pagenr_def { margin:1px; padding:3px; }
.pagenr_def a { background-color:#0B344E; margin:1px; padding:3px; border:#000000 solid 1px; }
.pagenr_def a:hover { background-color:#006EB4; margin:1px; padding:3px; border:#000000 solid 1px; }


/* GRAY BOX SETTINGS >>> */
/* default size */

table.greybox {
  width: 95%;
  height: auto;
  margin: auto;
}

table.greybox input[type=text], table.greybox input[type=password], table.greybox select, table.greybox textarea {
  width: 90%;
}

/* default content */

div.greyboxcontent {
  margin: 5px;
  padding: 0px;
}

/* default title line */

div.gb_title {
  margin: 20px 0px 0px 6px;
  padding-bottom: 1px;
  padding-top: 1px;
  width: 100%;
  background: transparent;
  border-bottom: 2px solid #bbbbbb;
  color:#342A1C;
}

h4.gb_title {
  color: #000000;
  padding: 0px;
  margin: 0px;
  font-size: 15px;
  font-weight: bold;
  background: transparent;
}

.cartimg { border: #C0C0C0 solid 1px; margin: 2px; }
.shoppingcart_thumbnails { max-width:100px; max-height:100px; border: #E1E1E1 solid 1px; }
div.refreshbox2 { display: none; }

div.gb_linecolor { background-color: #757575; height: 1px; margin-top: 4px; margin-bottom: 4px; }


/* titles */
.formtitlerow {
  background:#000000;
  color:#ffffff;
  vertical-align:middle;
  height:24px;
  padding-left:10px;
  padding-right:10px;
  text-transform: uppercase;
}
/* <<< GRAY BOX SETTINGS */


/* GRAY BOX LAYOUT AND GRAPHICS */
/* Don't change this >>> */

/*
table.orderstepstable {width:560px; margin-top:5px;}
table.orderstepstable td.ordersteptd {background:url(gfx/ordersteps_bg.png) center top repeat-x;}
.ordersteptext { font-size:11px; }
*/

.orderstepstable { /*width:530px;*/ margin-top:5px; }
.orderstepstable .leftcorner { text-align:left;width:15px; }
.orderstepstable .rightcorner { text-align:right;width:15px; }
.orderstepstable .step { background:url(gfx/ordersteps_bg.png) center top repeat-x; }
.orderstepstable .steptext { font-size:11px; }
.orderstepstable .steptextouter { width:150px; }

table.gb_head {width:100%;}
tr.gb_top, tr.gb_top table, tr.gb_top table tr, tr.gb_top table tr td {height:56px;}
div.gb_icon_position {width:42px; height:56px; background:bottom right no-repeat; }
div.gb_icon_ajandek {background:url('gfx/greybox_icon_ajandek.png');}
div.gb_icon_penztargep {background:url('gfx/greybox_icon_penztargep.png');}
div.gb_icon_szamologep {background:url('gfx/greybox_icon_szamologep.png');}
div.gb_icon_szallitas1 {background:url('gfx/greybox_icon_szallitas1.png');}
div.gb_icon_szallitas2 {background:url('gfx/greybox_icon_szallitas2.png');}
div.gb_icon_bankkartya {background:url('gfx/greybox_icon_bankkartya.png');}
div.gb_icon_belepes {background:url('gfx/greybox_icon_belepes.png');}
div.gb_icon_szatyor {background:url('gfx/greybox_icon_szatyor.png');}
div.gb_icon_kosar {background:url('gfx/greybox_icon_kosar.png');}
div.gb_icon_kocsi {background:url('gfx/greybox_icon_kocsi.png');}
div.gb_icon_adatok {background:url('gfx/greybox_icon_adatok.png');}

td.gb_topleft { background:url('gfx/greybox_top_left.png') bottom left no-repeat; background-position: 2px 0px; width:42px; height:56px; }
td.gb_top { background:url('gfx/greybox_top.png') bottom left repeat-x; }
td.gb_topright { background:url('gfx/greybox_top_right.png') bottom left no-repeat; }
td.gb_topright, td.gb_left, td.gb_right, div.gb_leftgrad, div.gb_rightgrad, td.gb_bottomleft, td.gb_bottomright { width:21px; }
div.gb_leftgrad { height:100px; background:url('gfx/greybox_left_gradient.png') top right no-repeat; float: right; width: 8px; }
td.gb_left { background:url('gfx/greybox_left.png') top right repeat-y; }
td.gb_content { background:url('gfx/greybox_gradient.png') top left repeat-x #fafafa; }
div.gb_rightgrad { height:100px; background:url('gfx/greybox_right_gradient.png') top left no-repeat; float: left; width: 8px; }
td.gb_right { background:url('gfx/greybox_right.png') top left repeat-y; vertical-align:top; text-align:left; }
td.gb_bottom, td.gb.bottomleft, td.gb.bottomright { height:21px; }
td.gb_bottomleft { background:url('gfx/greybox_bottom_left.png') top right no-repeat; }
td.gb_bottom { background:url('gfx/greybox_bottom.png') top left repeat-x; }
td.gb_bottomright { background:url('gfx/greybox_bottom_right.png') top left no-repeat; }

/* <<< Don't change this */


div.top_right_floating {
  float: right;
  height: 100px;
  margin-left: 14%;
}

div.toploginbox {
  color: #202020;
  width: 300px;
  margin-top: 9px;
  margin-bottom: 10px;
}
div.toploginbox i {
  color: #ED8525;
  font-size: 20px;
  vertical-align: middle;
}
div.toploginbox a {
  color: #202020;
  text-decoration: none;
  margin-left: 5px;
  
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;  
}
div.toploginbox a:hover {
  color: #ED8525;
}
div.toploginbox .button {
  padding: 2px;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 5px;
}
div.toploginbox .button i {
  color: #F4F4F4;
  font-size: 20px;
}

div.logedinbox {
  font-size: 13px;
  border-radius: 3px;
  
  padding-top: 6px;
  padding-bottom: 6px;
  margin-top: 3px;
  margin-bottom: 4px;
    
  background: rgb(54,54,54); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(54,54,54,1) 0%, rgba(25,12,12,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54,54,54,1)), color-stop(100%,rgba(25,12,12,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(54,54,54,1) 0%,rgba(25,12,12,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(54,54,54,1) 0%,rgba(25,12,12,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(54,54,54,1) 0%,rgba(25,12,12,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(54,54,54,1) 0%,rgba(25,12,12,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#190c0c',GradientType=0 ); /* IE6-9 */  
}
div.logedinbox a { color: #F4F4F4; }
div.logedinbox a:hover, div.logedinbox a:hover i { color: #FCD45A; }
div.logedinbox a.button:hover i { color: #FFFFFF; }

div.topsearchbox {
  float: right;
  /*width: 340px;*/ /* auto */
}
div.topsearchbox div.infovonal {
  color: #D53A24;
  font-size: 14px;
  height: 45px;
  /*line-height: 45px;*/
}
div.topsearchbox iframe.facebooklike {
  float: right; 
  border:none; 
  overflow: hidden; 
  width: 100px; 
  height: 21px; 
  margin-top: 12px;
}
div.topsearchbox div.black {
  height: 44px;
  padding: 0px;
  border-radius: 3px;
  
  background: rgb(54,54,54); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(54,54,54,1) 0%, rgba(25,12,12,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54,54,54,1)), color-stop(100%,rgba(25,12,12,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(54,54,54,1) 0%,rgba(25,12,12,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(54,54,54,1) 0%,rgba(25,12,12,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(54,54,54,1) 0%,rgba(25,12,12,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(54,54,54,1) 0%,rgba(25,12,12,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#190c0c',GradientType=0 ); /* IE6-9 */  
}
div.topsearchbox div.black div.innerbox {
  padding: 4px;
}
div.topsearchbox div.black input[type=text], .quantity {
  color: #808080;
  font-size: 16px; 
  background: #FFFFFF;
  width: 300px; /* 220px */
  height: 28px;
  line-height: 28px;
  padding: 4px;
  margin: 0px;
  margin-right: 1px;
  border: none;
  border-radius: 2px;
  box-shadow: inset rgba(0,0,0,0.4) 2px 2px 4px;
}
div.topsearchbox div.black input[type=submit], div.topsearchbox .button2 {
  font-size: 14px;
  height: 36px;  
  line-height: 28px;
  padding: 0px;  
  margin: 0px;
}
div.topsearchbox div.black input[type=submit] div.inner, div.topsearchbox div.black .button2 div.inner {
  padding: 4px; /* debug for Chrome */
  padding-left: 12px;
  padding-right: 12px;
}
.quantity {
  width: 40px;
  text-align: right;
  margin-left: 1px;
  box-shadow: inset rgba(0,0,0,0.4) 1px 1px 4px;
}


div.shoppingcartbox {
  float: right; 
  margin-top: 0px; 
  width: 300px;
  height: 44px;
  color: #FFFFFF;
  font-size: 14px;
  border-radius: 3px;
  
  background: rgb(54,54,54); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(54,54,54,1) 0%, rgba(25,12,12,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54,54,54,1)), color-stop(100%,rgba(25,12,12,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(54,54,54,1) 0%,rgba(25,12,12,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(54,54,54,1) 0%,rgba(25,12,12,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(54,54,54,1) 0%,rgba(25,12,12,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(54,54,54,1) 0%,rgba(25,12,12,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#190c0c',GradientType=0 ); /* IE6-9 */
}
div.shoppingcartbox div.innerbox {
  padding: 4px;
  padding-left: 12px;
}
div.shoppingcartbox .fa {
  font-size: 28px;
}
div.shoppingcartbox .button2 {
  float: right;
  font-size: 14px;
  height: 34px; /* 34 + borders = 36*/
  
  padding: 0px;  
  margin: 0px;
}
div.shoppingcartbox .button2 div.inner {
  padding: 4px; /* debug for Chrome */
  padding-left: 12px;
  padding-right: 12px;
  line-height: 28px;
}

/* === top dropdown menu elements === */

/* toplinks_dropdown */
.toplinks_dropdown {
  display: none;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
}
.toplinks_dropdown ul { 
  padding: 0px; margin: 0px; list-style-type: none; 
}
.toplinks_dropdown ul li { 
  line-height: 28px; padding-left: 5px; padding-right: 5px;
  
  background: rgb(247,247,247); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(238,238,238,1) 52%, rgba(224,224,224,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(52%,rgba(238,238,238,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(238,238,238,1) 52%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(238,238,238,1) 52%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(238,238,238,1) 52%,rgba(224,224,224,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(238,238,238,1) 52%,rgba(224,224,224,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */   
}
.toplinks_dropdown ul li:hover { 
  color: #000000;
   
  background: rgb(237,237,237); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(229,229,229,1) 52%, rgba(209,209,209,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(52%,rgba(229,229,229,1)), color-stop(100%,rgba(209,209,209,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(229,229,229,1) 52%,rgba(209,209,209,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(229,229,229,1) 52%,rgba(209,209,209,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(229,229,229,1) 52%,rgba(209,209,209,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(229,229,229,1) 52%,rgba(209,209,209,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
  border-radius: 3px;
}
.toplinks_dropdown ul li a { color: #808080; display: block; border-radius: 3px; text-decoration: none; }
.toplinks_dropdown ul li a:hover { color: #000000; }

.toplinks_dropdown li.firstli {
  line-height: 32px;
  font-weight: bold;
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
  cursor: pointer;
  cursor: hand; 
}
.toplinks_dropdown li.firstli a { padding-left: 15px; border-radius: 3px; }
.toplinks_dropdown ul.subitems { display: none; }

/* toplinks_dropdown */
.topusermenu_dropdown {
  display: none;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  
  position: fixed;
  right: 1px;
  top: 1px;
}
.topusermenu_dropdown ul { 
  padding: 0px; margin: 0px; list-style-type: none; 
}
.topusermenu_dropdown ul li { 
  line-height: 28px; padding-left: 5px; padding-right: 5px;
  
  background: rgb(247,247,247); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(238,238,238,1) 52%, rgba(224,224,224,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(52%,rgba(238,238,238,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(238,238,238,1) 52%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(238,238,238,1) 52%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(238,238,238,1) 52%,rgba(224,224,224,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(238,238,238,1) 52%,rgba(224,224,224,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */   
}
.topusermenu_dropdown ul li:hover { 
  color: #000000;
   
  background: rgb(237,237,237); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(229,229,229,1) 52%, rgba(209,209,209,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(52%,rgba(229,229,229,1)), color-stop(100%,rgba(209,209,209,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(229,229,229,1) 52%,rgba(209,209,209,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(229,229,229,1) 52%,rgba(209,209,209,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(229,229,229,1) 52%,rgba(209,209,209,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(229,229,229,1) 52%,rgba(209,209,209,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
}
.topusermenu_dropdown ul li a { color: #808080; display: block; border-radius: 3px; text-decoration: none; }
.topusermenu_dropdown ul li a:hover { color: #000000; }

.topusermenu_dropdown li.firstli {
  line-height: 32px;
  font-weight: bold;
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
  cursor: pointer;
  cursor: hand; 
}
.topusermenu_dropdown li.firstli a { padding-left: 15px; border-radius: 3px; }
.topusermenu_dropdown ul.subitems { display: none; border: #FFF solid 1px; box-shadow: rgba(0,0,0,0.5) 0px 0px 3px; border-radius: 3px; }

/* topcatmenu_dropdown */
.topcatmenu_dropdown {
  display: none;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;

  border: 1px solid #e0e0e0;
  font-size: 14px;
  border-radius: 3px;
}
.topcatmenu_dropdown ul { 
  padding: 0px; margin: 0px; list-style-type: none; 
}
.topcatmenu_dropdown ul li { 
  line-height: 32px; padding-left: 5px; padding-right: 5px;
  
  background: rgb(247,247,247); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(238,238,238,1) 52%, rgba(224,224,224,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(52%,rgba(238,238,238,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(238,238,238,1) 52%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(238,238,238,1) 52%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(238,238,238,1) 52%,rgba(224,224,224,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(238,238,238,1) 52%,rgba(224,224,224,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */   
}
.topcatmenu_dropdown ul li:hover { 
  color: #000000;
   
  background: rgb(237,237,237); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(229,229,229,1) 52%, rgba(209,209,209,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(52%,rgba(229,229,229,1)), color-stop(100%,rgba(209,209,209,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(229,229,229,1) 52%,rgba(209,209,209,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(229,229,229,1) 52%,rgba(209,209,209,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(229,229,229,1) 52%,rgba(209,209,209,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(229,229,229,1) 52%,rgba(209,209,209,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
  border-radius: 3px;
}
.topcatmenu_dropdown ul li a { display: block; border-radius: 3px; text-decoration: none; }
.topcatmenu_dropdown ul li a:hover { color: #000000; }

.topcatmenu_dropdown li.firstli {
  line-height: 40px;
  font-weight: bold;
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
  cursor: pointer;
  cursor: hand; 
}
.topcatmenu_dropdown li.firstli a { padding-left: 15px; border-radius: 3px; }
.topcatmenu_dropdown ul.subitems { display: none; }

/* mainmenu_dropdown */
.mainmenu_dropdown {
  display: none;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6px;
  
  border: 1px solid #e0e0e0;
  font-size: 14px;
  border-radius: 3px;
}
.mainmenu_dropdown ul { 
  padding: 0px; margin: 0px; list-style-type: none; 
}
.mainmenu_dropdown ul li { 
  line-height: 32px; padding-left: 5px; padding-right: 5px;
  
  background: rgb(253,225,107); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(253,225,107,1) 1%, rgba(246,135,19,1) 50%, rgba(234,123,7,1) 51%, rgba(211,127,2,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(253,225,107,1)), color-stop(50%,rgba(246,135,19,1)), color-stop(51%,rgba(234,123,7,1)), color-stop(100%,rgba(211,127,2,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(253,225,107,1) 1%,rgba(246,135,19,1) 50%,rgba(234,123,7,1) 51%,rgba(211,127,2,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(253,225,107,1) 1%,rgba(246,135,19,1) 50%,rgba(234,123,7,1) 51%,rgba(211,127,2,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(253,225,107,1) 1%,rgba(246,135,19,1) 50%,rgba(234,123,7,1) 51%,rgba(211,127,2,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(253,225,107,1) 1%,rgba(246,135,19,1) 50%,rgba(234,123,7,1) 51%,rgba(211,127,2,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde16b', endColorstr='#d37f02',GradientType=0 ); /* IE6-9 */
}
.mainmenu_dropdown ul li:hover { 
  color: #FFFFFF;
   
  background: rgb(229,190,98); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(229,190,98,1) 0%, rgba(204,116,16,1) 50%, rgba(193,99,5,1) 52%, rgba(178,96,1,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,190,98,1)), color-stop(50%,rgba(204,116,16,1)), color-stop(52%,rgba(193,99,5,1)), color-stop(100%,rgba(178,96,1,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(229,190,98,1) 0%,rgba(204,116,16,1) 50%,rgba(193,99,5,1) 52%,rgba(178,96,1,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(229,190,98,1) 0%,rgba(204,116,16,1) 50%,rgba(193,99,5,1) 52%,rgba(178,96,1,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(229,190,98,1) 0%,rgba(204,116,16,1) 50%,rgba(193,99,5,1) 52%,rgba(178,96,1,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(229,190,98,1) 0%,rgba(204,116,16,1) 50%,rgba(193,99,5,1) 52%,rgba(178,96,1,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5be62', endColorstr='#b26001',GradientType=0 ); /* IE6-9 */
  border-radius: 3px;
}
.mainmenu_dropdown ul li a { color: #FFFFFF; display: block; border-radius: 3px; text-decoration: none; }
.mainmenu_dropdown ul li a:hover { color: #FFFFFF; }

.mainmenu_dropdown li.firstli {
  line-height: 40px;
  font-weight: bold;
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
  cursor: pointer;
  cursor: hand; 
}
.mainmenu_dropdown li.firstli a { padding-left: 15px; border-radius: 3px; }
.mainmenu_dropdown ul.subitems { display: none; }

/* submenu items & levels */
.topmenuitem_level0 {
  background: url(gfx/li-arrow.png) left center;
  background-position: 8px 12px;
  background-repeat: no-repeat; 
}
.topmenuitem_level1 {
  background: url(gfx/li-arrow.png) left center;
  background-position: 18px 12px;
  background-repeat: no-repeat; 
}
.topmenu_level2 {
  background: url(gfx/li-arrow.png) left center;
  background-position: 24px 12px;
  background-repeat: no-repeat; 
}
.topmenu_level3 {
  background: url(gfx/li-arrow.png) left center;
  background-position: 32px 12px;
  background-repeat: no-repeat; 
}
.topmenu_level4 {
  background: url(gfx/li-arrow.png) left center;
  background-position: 40px 12px;
  background-repeat: no-repeat; 
}
.topmenuitem_level0 { padding-left: 18px; }
.topmenuitem_level1 { padding-left: 28px; }
.topmenuitem_level2 { padding-left: 34px; }
.topmenuitem_level3 { padding-left: 42px; }
.topmenuitem_level4 { padding-left: 50px; }
  
  
/* === media === */

@media only screen and (min-width: 0px) and (max-width: 1149px), only screen and (min-device-width: 0px) and (max-device-width: 1149px) {
  .userbutton { font-size: 14px; }
  div.top_right_floating { margin-left: 7%; }
  div.sidecontentbox { padding: 8px; }
  .catleft1 { padding-left: 11px; }
  .catleft2 { padding-left: 16px; }
  .catleft3 { padding-left: 21px; }
  a.addfavitem { font-size: 13px; }  
}

@media only screen and (min-width: 0px) and (max-width: 1000px), only screen and (min-device-width: 0px) and (max-device-width: 1000px) {
  div.toplinks a, div.toplinks a:visited { font-size: 11px; white-space: nowrap; }
  div.top_right_floating { margin-left: 3%; }
  div.topsearchbox div.black input[type=text] { width: 180px; }
  div.topsearchbox div.infovonal { font-size: 13px; }
  ul.mainmenu li a { font-size: 14px; }
  button.cartbutton { font-size: 15px; }
  button.cartbutton i.fa { font-size: 16px; }
}

@media only screen and (min-width: 0px) and (max-width: 959px), only screen and (min-device-width: 0px) and (max-device-width: 959px) {
  body { background: #FFFFFF url(gfx/bg-m.png) left top repeat-x; }
  #ak-widget { display:none; }
  .topcartbox { margin-top:5px; margin-left:150px;}
  .productsearchform { margin-top:5px; margin-right:0px; }
  ul.mainmenu { display:none; }  
  div.mainmenu_dropdown { display:block; }
  ul.iconmenu li a.title, ul.iconmenu li a.title:visited { font-size: 11px; }
  .pagetoptext { font-size:20px; }
  .pagetopmenu li a { font-size:13px; }
  .sidebox h3 { font-size:16px; }
  .prodlistbuttons .button, .prodlistbuttons button { font-size:13px; padding-left:10px; padding-right:10px; }
  .detailsicons { float:right; width:80px; text-align:center; }
  a.addfavitem { font-size: 12px; }
    
  .rightside { display: none; }
  .contentside { width: 80%; }
  div.sidecontentbox { padding: 5px; }
  .catleft1 { padding-left: 5px; }
  .catmenu_level0 { font-size: 13px; }
  .catmenu_level0 { font-size: 13px; }
  .catmenu_level1 { font-size: 12px; padding-left: 10px; font-weight: normal; }
  .catmenu_level2 { font-size: 12px; padding-left: 10px; font-weight: normal; }
  .catmenu_level3 { font-size: 12px; padding-left: 10px; font-weight: normal; }
}

@media only screen and (min-width: 0px) and (max-width: 850px), only screen and (min-device-width: 0px) and (max-device-width: 850px) {
  div.toplinks { display: none; }
  div.toplinks_dropdown { display: block; }
  .pagetable { padding-top: 0px; }
  div.topsearchbox div.infovonal { display:none; }
  div.top_right_floating { margin-left: 1%; margin-right: 10px; height: 50px; }
  div.top_right_floating div.logedinbox { display:none; }
  div.logobox { margin-left: 10px; margin-top: -14px; }
  div.logobox img { height: 60px; }
  td.iconmenu { display:none; }
  .topusermenu_dropdown { display: block; }
  td.header { padding-top: 18px; height: 60px; }
}

@media only screen and (min-width: 0px) and (max-width: 790px), only screen and (min-device-width: 0px) and (max-device-width: 790px) {
  div.top_right_floating { margin-left: 3%; }
  div.topsearchbox { float: none; display: block; clear: both; margin-left: 10px; margin-right: 10px; }
  div.topsearchbox div.black input[type=text] { width: 98%; }
  td.searchtd { width: 93px; }
  div.topsearchbox div.black .button2 div.inner { padding-left: 8px; padding-right: 8px; }
  div.shoppingcartbox .button2 div.inner { padding-left: 8px; padding-right: 8px; }
  td.header { padding-top: 18px; height: 100px; }
      
  td.leftside { display: none; width: 0px; }
  div.topcatmenu_dropdown { display: block; }
  div.tophierarcy_dropdown { display:block; }
  div.contentside { width: 99%; }
  .topcategorymenucontainer { display: block; }
  button.cartbutton { font-size: 16px; padding: 2px 6px 2px 6px; }
  button.cartbutton i.fa { font-size: 18px; }
}

@media only screen and (min-width: 0px) and (max-width: 650px), only screen and (min-device-width: 0px) and (max-device-width: 650px) {
  div.listdescription { display: none; }
  .footermenu div.footspacer { font-size: 1px; line-height: 1px; }
  .footermenu div.footspacer a, .footermenu div.footspacer a:visited { display: block; font-size: 12px; line-height: 16px; }
  .footermenu div.copyspacer { margin-top: 4px; font-weight: bold; }
  
  .headimagelogocontainer { width:180px; }
  .headimagelogocontainer img { width:180px; }
  .headimagecontactcontainer { width:180px; margin-top:20px; }
  .headimagecontactcontainer img { width:180px; }
  .pagetoptext { font-size:14px; }
  .productsearchform { margin-top:5px; margin-left:10px; margin-right:0px; }
  .pagetopmenubox { display:none; }
  .pagetopmenubox-dropdown { display:block; }
  .footmenubox { width:49%; }
  .footercopyrightboxinner .copyline { font-size:11px; line-height:30px; line-height:12px; padding-top:10px; padding-bottom:10px; }
  .footercopyrightboxinner .yearline { font-size:10px; line-height:30px; line-height:12px; padding-top:10px; padding-bottom:10px; }
}

@media only screen and (min-width: 0px) and (max-width: 590px), only screen and (min-device-width: 0px) and (max-device-width: 590px) {
  .headimagelogocontainer { width:180px; }
  .headimagelogocontainer img { width:180px; }
  .headimagecontactcontainer { width:150px; margin-top:30px; }
  .headimagecontactcontainer img { width:150px; }
  .pagetopmenu li a { padding-left:6px; padding-right:6px; font-size:12px; }
  .productsearchform { margin-top:5px; margin-left:10px; margin-right:0px; }
  .productlistbox-firstcol { width:48%; }
  .productlistbox { width:48%; }
  .productlistbox-lastcol { width:48%; }
  .relatedproducts .relatednodeitem { width:25%; }
  
  a.compareproductbutton .mobile { display: inline; }
  a.compareproductbutton .standard { display: none; }   
}

@media only screen and (min-width: 0px) and (max-width: 540px), only screen and (min-device-width: 0px) and (max-device-width: 540px) {
  div.logobox img { height: 44px; margin-top: 12px; }
  div.listtable .rowdesc { display:none; width:0px; }
  div.listtable .row10px { display:none; width:0px; }
  div.listtable .rowprice { width:auto; padding-left: 10%; text-align: left; }
  table.cartbtn_container { margin-left: 0px; }
  a.addfavitem i.fa { display:none; }
  button.cartbutton { font-size: 14px; }
  .productimgtd { width: 30%; }
  .detailsicons img.guarantee { height: 42px; }
  .detailsicons .icotitle { font-size: 12px; }
  a.compareproductbutton .mobile { font-size: 12px; }
  img.productimg { width: 100%; height: auto; }
  img.shoppingcart_thumbnails { display:none; } 
  button.shoppingcart_refresh { font-size: 12px; }
  .shoppingcartbox .netto { display:none; }
      
  .headimagelogocontainer { display:none; }
  .headimagecontactcontainer { display:none; }
  .relatedproducts .relatednodeitem { width:33%; }
  .footmenubox { width:99%; }
  .greyboxcontent { font-size:12px; }
  .shoppingcart .cartimage { display:none; }
  .shoppingcart .netto { display:none; }
  .shoppingcart .cartquantityinput { width:35px; text-align:center; }
  .shoppingcart .cartquantitybuttons { display:none; }
  .orderstepstable { display:none; }
  .quickcheckoutcontent .netto { display:none; }
  .proddetailstabs { display:none; }
  .tabhide { display:block; }
  .proddetailstabsouter { border:none; padding:0px; }
}

@media only screen and (min-width: 0px) and (max-width: 450px), only screen and (min-device-width: 0px) and (max-device-width: 450px) {
  .logobox { display:none; }
  div.top_right_floating { float:none; display: block; margin-left: 10px; }
  div.shoppingcartbox { float:none; display: block; width: auto; }
  .productimgtd { width: 20%; }
  a.compareproductbutton .mobile { display: none; }
}

@media only screen and (min-width: 0px) and (max-width: 420px), only screen and (min-device-width: 0px) and (max-device-width: 420px) {
  button.cartbutton { font-size: 14px; }
  .quantity { width: 30px; }
  .detailsicons { display: none; }
  a.addfavitem span.title { display: none; }
  a.addfavitem i.fa { display: inline; height: 22px; line-height: 22px; }
  a.addfavitem { height: 22px; line-height: 22px; }
  div.listtable .rowprice { padding-left: 2px; }
  div.kepfelirat_on_details { display: none; }
  table.shoppingcartbox div.refreshbox { display:none; }
  .shoppingcartbuttons button, .shoppingcartbuttons .button { font-size: 14px; }
  div.moreshoppingboxbox { display:none; }
  div.refreshbox2 { display:block; }
  div.refreshbox2 button, div.refreshbox2 .button { font-size: 14px; }
  .netto_col { display:none; }
   
  .productlistbox-firstcol { width:98%; }
  .productlistbox { width:98%; }
  .productlistbox-lastcol { width:98%; }
  .productsearchform { width:280px; }
  .productsearchform input[type='text'] { width:175px; }
  .productdetailsbox .productrightbox { float:none; clear:left; width:99%; }
  .productdetailsbox .productimagecontainer { float:none; width:100%; }
  .relatedproducts .relatednodeitem { width:50%; }
  .prodlistbuttons .button, .prodlistbuttons button { font-size:14px; padding-left:15px; padding-right:15px; }
}

@media only screen and (min-width: 0px) and (max-width: 320px), only screen and (min-device-width: 0px) and (max-device-width: 320px) {
  .productsearchform { margin-top:5px; margin-left:10px; margin-right:0px; }
  a.addfavitem { display: none; }
}