/*:root {
    --display-main1 = none;
    --display-main2 = none;
    --display-main3 = none;
    --display-main4 = none;
    --display-main5 = none;
    --display-main6 = none;
    --display-main0 = flex;
}*/

.wrapper {
    display: flex;
    flex-flow: row wrap;
    text-align: center;
}

.wrapper>*{
    padding: 5px;
    margin: 5px;
    flex: 1 100%; 

    border-radius:10px;
    border: 2px black solid;
}

.header{
    background-color: green;
    height: 120px;

}

.navigator{
    background-color: green;
    height: 80px;

}


.footer{
    background-color:blue ;
/*    height: 100px; */
    color:aqua;
}

.footer div{
  color: yellow;
}

.main{
    background-color:aquamarine;
    flex-basis: 100%;
}

.main0{
    display: var(--display-main0);
}

.main1{
    display: var(--display-main1);
}

.main2{
    display: var(--display-main2);
}

.main3{
    display: var(--display-main3);
}

.main4{
    display: var(--display-main4);
}

.main5{
    display: var(--display-main5);
}

.main6{
    display: var(--display-main6);
}

.s_new{
    position: relative; 
    top:-5px; 
    right:-5px; 
    text-align: right; 
    padding-right: 5px; 
    max-width: 75px; 
    margin: 0px 0px auto auto; 
    vertical-align: top; 
    border-radius: 0px 5px; 
    color: red; 
    background-color:yellow;
}

.s_new:before{
    content: "Nowość";
}

.s_bestseller{
    position: relative; 
    top:-5px; 
    right:-5px; 
    text-align: right; 
    padding-right: 5px; 
    max-width: 85px; 
    margin: 0px 0px auto auto; 
    vertical-align: top; 
    border-radius: 0px 5px; 
    color:yellow; 
    background-color:blue;
}

.s_bestseller:before{
    content: "Bestseller";
}

.s_promotion{
    position: relative; 
    top:-5px; 
    right:-5px; 
    text-align: right; 
    padding-right: 5px; 
    max-width: 85px; 
    margin: 0px 0px auto auto; 
    vertical-align: top; 
    border-radius: 0px 5px; 
    color: white; 
    background-color:red;
}


.s_promotion:before{
    content: "Promocja";
}

.s_recomendation{
    position: relative; 
    top:-5px; right:-5px; 
    text-align: right; 
    padding-right: 5px; 
    max-width: 85px; 
    margin: 0px 0px auto auto; 
    vertical-align: top; 
    border-radius: 0px 5px; 
    color: pink; 
    background-color:purple;
}

.s_recomendation:before{
    content: "Polecamy";
}

.side1{
    background-color:lightyellow ;
    border-color: yellow;
    height: 260px;
    /*    height: 25vh;
    width: 25vw;  */
    /* align-items: stretch; */
}

.side2{
    background-color:bisque;
    border-color: red;
    height: 260px;
/*    width: 25vw;
    height: 25vh;
    height: 120px;*/
    /* align-items: stretch; */
}

.side3{
  background-color:lightpink;
  border-color: purple;
  height: 260px;
  /*  width: 25vw;
  height: 25vh;  */
  /*    height: 120px;*/
  /* align-items: stretch; */
}

.side4{
  background-color:lightblue;
  border-color:blue;
  height: 260px;
  /*  width: 25vw;
  height: 25vh; */
/*    height: 120vp;
    height: 120px;*/
  /* align-items: stretch; */
}

.side5{
    background-color:lightyellow ;
    border-color: yellow;
    height: 260px;
  /*  width: 25vw;
    height: 25vh; */
  /*    height: 120vp;
      height: 120px;*/
    /* align-items: stretch; */
  }
  
  .side6{
    background-color: bisque;
    border-color: red;
    height: 260px;
  /*  width: 25vw;
    height: 25vh; */
  /*    height: 120vp;
      height: 120px;*/
    /* align-items: stretch; */
  }
  
  .side7{
  background-color:lightpink;
  border-color: purple;
    height: 260px;
  /*  width: 25vw;
    height: 25vh; */
  /*    height: 120vp;
      height: 120px;*/
  /* align-items: stretch; */
  }
  
.side8{
    background-color:lightblue;
    border-color:blue;
    height: 260px;
  /*  width: 25vw;
    height: 25vh; */
  /*    height: 120vp;
      height: 120px;*/
 /*   align-items: stretch; */
}
  
.i_center{
  
}

.i_img:hover{

  transform: scale(1.5);
}

.price{
  position: relative; 
/*  top: 260px; */
/*  right: 0px; */
  padding-right: 5px; 
  margin: auto 0px 0px auto; 
  vertical-align: top; 
  border-radius: 10px; 
  color: blue; 
  background-color: yellow;
/*  position: relative;
  bottom: 0px;
  right: 0px;  
  margin: auto 0px 0px auto; */
}

@media all and (min-width: 1000px){
    .main{
        flex-basis: 100%;
    }
    .side1{
        order: 1;
    }
    .side2{
        order: 2;
    }
    .side3{
        order: 3;
    }
    .side4{
        order: 4;
    }
    .side5{
        order: 5;
    }
    .side6{
        order: 6;
    }
    .side7{
        order: 7;
    }
    .side8{
        order: 8;
    }
    .main{
        order: 1;
    }
    .footer{
        order: 9;
    }
}

@media all and (max-width: 450px){
  .title_id{
      margin-top: 8px;
      font-size: 24px;
  }
/*  .side{
      flex-basis: 100%;
  }*/
}

@media all and (min-width: 450px) and (max-width: 800px){
  .side{
      flex-basis: 45%;
  }
}


@media all and (min-width: 801px){
    .side{
       /* flex: 1;    */
       flex: 24%;
    }
    /* .side{
      flex-basis: 100%;
  } */
}

@media all and (min-width: 1201px){
    .navigator{
        display: none;
    }
}

@media all and (max-width: 1200px){
    .header{
        display: none;
    }
}

*,*:after,*:before{
    box-sizing: border-box;
  }
  body {
/*    background: #e4e4e4 url(banner.jpg) center bottom; */
    background: palegreen ;
    background-size: cover;
    min-height: 100vh;
    font-family:arial;
    font-size: 16px;
    margin: 0;
  }


  img{
    max-width: 100%;
  }


  
  #menu-header{
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: green;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
  }
  .container{
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .nav_ico{
    display: block;
    width: 40px;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
  }
  .nav_search{
    display: block;
    width: 40px;
    cursor: pointer;
  }
  .main_nav {
    float: right;
  }
  .main_nav ul{
    margin: 0;
    padding: 0px;
    list-style: none;
  }
  .main_nav ul li{
    float: left;
    margin: 0 0 0 30px;
    position: relative;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 300;
    overflow: hidden;
  }
  .main_nav ul li a {
    color: white;
    display: block;
    line-height: 1.4;
    text-decoration: none;
  }
  .main_nav ul li a:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    height: 1px;
    width: 100%;
    background: #fff;
    transition: all 0.3s ease-in-out;
  }
  .main_nav ul li a:after {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #fff;
    transition: all 0.3s ease-in-out;
  }
  .main_nav ul li:hover a:before{left: 0;}
  .main_nav ul li:hover a:after{right: 0;}

  @media only screen and (min-width:1200px){
    .main_nav ul li{ margin: 0 0 0 32px; font-size: 24px; }
  }
  
 
  /*This Media Query use for iPad Portrait View*/
  @media only screen and (min-width:768px) and (max-width:991px){
    .main_nav ul li{ margin: 0 0 0 15px; font-size: 14px; }
  }
  
  @media screen and (min-width: 768px){
    .nav_ico{
      display: none;
    } 
  }
  /*This Media Query use for Mobile View*/
  @media screen and (max-width: 768px){
    .nav_ico{ 
      display: block;
      position: relative;
      z-index: 10;
  
    }
    .nav_seach{
      display: block;
      position: relative;
      z-index: 55;
    }
    
    .main_nav {
      position: fixed;
      left: 0;
      top: 85px;
      padding:0;
      background: green;
      z-index: 5;
      height: calc(100vh - 74px);
      width: calc(100% - 80px);
      transition: all 0.3s ease-out;
      transform: translateX(-100%);
    }
    .main_nav ul li {
      float: none;
      margin: 0 !important;
      padding: 0 !important;
      border-bottom: 1px solid;
      text-align: center;
    }
    .main_nav ul li a {
      display: block;
      color: #fff;
      padding: 10px;
    } 
    .main_nav:after {
      content: "";
      position: absolute;
      left: 100%;
      top: 0;
      height: 100%;
      width: 0;
      background: rgba(0, 0, 0, 0.7);
    }
    .main_nav.active{
      transform: translateX(0%);
    }
    .main_nav.active:after {
      width: 1000%;
    }
  
  }


  .myButton1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
	background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	cursor:pointer;
	color:#306108;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #aade7c;
}
.myButton1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
	background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
	background-color:#5cb811;
}
.myButton1:active {
	position:relative;
	top:1px;
}


.myButton2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}

.myButton2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
	background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
	background-color:#ce0100;
}

.myButton2:active {
	position:relative;
	top:1px;
}

.myButton3 {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.myButton3:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
}
.myButton3:active {
	position:relative;
	top:1px;
}

.myButton4 {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.myButton4:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;
}
.myButton4:active {
	position:relative;
	top:1px;
}

.myButton5 {
	-moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d',GradientType=0);
	background-color:#ff5bb0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ee1eb5;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #c70067;
}
.myButton5:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0));
	background:-moz-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-webkit-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-o-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-ms-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:linear-gradient(to bottom, #ef027d 5%, #ff5bb0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0',GradientType=0);
	background-color:#ef027d;
}
.myButton5:active {
	position:relative;
	top:1px;
}

.myButton7 {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton7:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.myButton7:active {
	position:relative;
	top:1px;
}

.myButton6 {
	-moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
	box-shadow:inset 0px 1px 0px 0px #e184f3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c123de), color-stop(1, #a20dbd));
	background:-moz-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-webkit-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-o-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-ms-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd',GradientType=0);
	background-color:#c123de;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #a511c0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9b14b3;
}
.myButton6:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a20dbd), color-stop(1, #c123de));
	background:-moz-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-webkit-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-o-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-ms-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:linear-gradient(to bottom, #a20dbd 5%, #c123de 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20dbd', endColorstr='#c123de',GradientType=0);
	background-color:#a20dbd;
}
.myButton6:active {
	position:relative;
	top:1px;
}

.myButton8 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton8:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.myButton8:active {
	position:relative;
	top:1px;
}

.myInput {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}