@charset "UTF-8";
/* CSS Document */

.canvasItem .editVideo{display:block}
.editVideo{display:none}
.warranty {
   margin-left:20px;
   max-width: 110px;
   width: 20%;
}
.invModels li {
    float: left;
    width: 33.333333%;
    margin-bottom: 0;
}
.flexslider .slides img{margin: 0 auto}
.flexslider .slides > li{text-align:center}

.miniImages li{float: left; width: 76px; height: 80px; margin-left:20px}
.miniImages img{width:100%}

/* Call to Action buttons */
h2.miniCTA{display:none}
.buttons li {
  background: #666; /* Old browsers */
  background: -moz-linear-gradient(top,  #4e4e4e 0%, #dbdbdb 25%, #eaeaea 40%, #7a7a7a 45%, #333333 55%, #4e4e4e 70%, #c4c4c4 90%, #333333 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(25%,#dbdbdb), color-stop(40%,#eaeaea), color-stop(45%,#7a7a7a), color-stop(55%,#333333), color-stop(70%,#4e4e4e), color-stop(90%,#c4c4c4), color-stop(100%,#333333)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #4e4e4e 0%,#dbdbdb 25%,#eaeaea 40%,#7a7a7a 45%,#333333 55%,#4e4e4e 70%,#c4c4c4 90%,#333333 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #4e4e4e 0%,#dbdbdb 25%,#eaeaea 40%,#7a7a7a 45%,#333333 55%,#4e4e4e 70%,#c4c4c4 90%,#333333 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #4e4e4e 0%,#dbdbdb 25%,#eaeaea 40%,#7a7a7a 45%,#333333 55%,#4e4e4e 70%,#c4c4c4 90%,#333333 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #4e4e4e 0%,#dbdbdb 25%,#eaeaea 40%,#7a7a7a 45%,#333333 55%,#4e4e4e 70%,#c4c4c4 90%,#333333 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
  box-shadow: 0 2px 2px rgba(0,0,0,.75);
  margin-bottom: 6px;
  overflow: hidden;
}
.buttons a {
    display: block;
    background: #CC0000;
    box-shadow: inset 0 0 5px rgba(0,0,0,.75);
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.2;
    margin: 4px;
    text-shadow: 0 2px 1px #000;
}
.buttons a:hover {
    background: #FF0000;
    box-shadow: inset 0 0 10px rgba(255,255,255,1);
    color: #FFFFFF;
    text-shadow: none;
    opacity: .9;
}
.ownerLink img {margin: 8px 0;}

@media only screen and (max-width: 890px) {
/* anything below 890px */
	.hamsters{display:none;}
   .buttons{clear:both}
   .buttons li{background-image:none}
   .buttons a, .miniCTA{
      font-size:16px; 
      font-size:1.6rem;
      background-image:none;
      text-decoration:none;
      background: #cc0000;
      background: -moz-linear-gradient(top,  #cc0000 0%, #660000 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#660000));
      background: -webkit-linear-gradient(top,  #cc0000 0%,#660000 100%);
      background: -o-linear-gradient(top,  #cc0000 0%,#660000 100%);
      background: -ms-linear-gradient(top,  #cc0000 0%,#660000 100%);
      background: linear-gradient(top,  #cc0000 0%,#660000 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#660000',GradientType=0 );
      border:2px solid #CCC;
      margin-left:0; 
      text-indent:0;
      line-height:2;
   }
   .buttons a:hover{background-color:#F00}
}
@media only screen and (max-width: 767px) {
	/* anything below 767px */
	p{font-size:16px; font-size:1.6rem; text-align:justify}
	.buttons li{margin-bottom:6px}
        .buttons a, .miniCTA{
   	  font-size: 18x;
          font-size:1.8rem;
          line-height:3;
   }
   .miniImages{display:none}
   .miniImages li{width: 42%; margin:10px; }
  .miniImages img{width:80%}
   iframe.facebook{display:none}
   a.facebook{display:block}
   .warranty{float:none; display:block; width:100%; margin:0 auto 10px;}
}

@media only screen and (max-width: 480px) {
	/* anything below 480px */
  h2.miniCTA{display:block; cursor:pointer}
}
iframe{display:block;}