@charset "UTF-8";
.smallCage, .smallCage2{
  width:90% !important;
}

#docliblist li, .thumbnails li {
  vertical-align: top
}
.center960Nav {
  width: 95%
}
.wtbtop img {
  width: 300px
}
header {
  font-size: 14px;
  height: 120px
}
#tabs {
  right: 2.5%;
  top: 68px
}
#emailTB, #messageTB, #nameTB {
  border-radius: 0!important
}
.subButton {
  border-radius: 4px!important;
  -webkit-appearance: none;
  width: 100px!important;
  height: 35px!important;
  background-color: #32b6e2!important;
  color: #FFF;
  font-size: 16px;
  float: left;
  margin-top: 1px!important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: hand;
  cursor: pointer
}
.cartButtonOpen {
  -webkit-appearance: none!important
}
.life iframe {
  height: 400px!important
}
#nav {
  width: auto;
  font-size: 14px
}
#nav li a {
  padding: 2px 10px 0!important
}
#Logo {
  width: 135px
}
.footContainer {
  width: 95%
}
footer {
  font-size: 11px
}
footer .theChange {
  font-size: 12px
}
#leftCol {
  width: 21%;
  margin-bottom: 0!important
}
#leftCol li {
  display: block
}
#icons li {
  margin: 0 0 0 auto;
  width: 100%!important
}
#leftCol ul {
  padding-bottom: 0
}
#linky li {
  width: 100%
}
#linky li:nth-child(even) {
  display: none
}
.trail-textprod, .twitter-timeline {
  display: none!important
}
#rightCol {
  width: 14%
}
#leftCol {
  width: 21%
}
#midCol {
  width: 16%
}
#fgLogo {
  width: 55%;
  margin-bottom: 20px
}

#icons{
  width:auto;
  }


#icons li img {
  width: auto;
  margin-bottom:10px;
}
.column {
  margin-right: 10px
}
.slickSlide {
  font-size: .8em
}
.slickSlide p {
  line-height: 16px
}
.thumbnails ul {
  width: 100%
}
.thumbnails li {
  margin: 1% 1.25%
}
.thumbnails li img {
  width: 95px
}
.thumbnails p {
  width: 95px;
  line-height: 1
}
#thumbCircle img {
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none
}
#thumbCircle img:hover {
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
  width: 95px;
  position: relative
}


#docliblist li img {
  width: 90%
}
#accordion h3 {
  height: 190px
}
#accordion img {
  width: 15%
}
.acctext {
  margin-left: 30px;
  width: 80%
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  left: 18%
}
.garages li {
  width: 32%
}
.pixieprod, div.captionprod {
  width: 100%
}
.captionprod img {
  width: 100%;
  height: auto
}
.pixieprod div.captiontitleprod {
  width: 32%
}
.captiontitleprod h2 {
  font-size: .8em!important
}
.productsImg {
  width: 45%!important
}
.next2Slider {
  width: 50.5%
}
#heroImg {
  height: 226px
}
#heroText {
  top: 23%
}
#heroText h1 {
  font-size: 16px;
  margin-bottom: 4px
}
#heroText p {
  margin-top: 0;
  font-size: 12px;
  line-height: 15px
}

.pathThumbnails li .mobileImg{
  display:block;
}

.pathText, .desktopImg{
  display:none;
  }

.heroImage h1, .footerHero .theChange{
  font-size:3em;
}

.pathThumbnails .theChange{
  font-size:2em;
}

.persona .upperContent{
  width:100%;
}

.circlePods .color3 li .theChange{
  font-size:1.5em;
}

.circlePods .color3 li img {
  width:120px !important;
  margin-top:-79px;
}

.howToUse .containText{
  width:60%;
}


@media (min-width:668px) and (max-width:760px) {
.thumbnails li {
  margin: 1%;
  vertical-align: top
}
#thumbCircle img:hover, .thumbnails li img {
  width: 85px
}
.thumbnails p {
  width: 85px;
  line-height: 1
}
}
.articleText {
  width: 75%
}
#specifications {
  width: 100%
}

@media (min-width:901px) and (max-width:1000px) {
.pathThumbnails .theChange {
  font-size:2em;
}

.pathThumbnails p{
   font-size:.875rem;
}
  
.thumbnails ul {
  width: 900px
}
.thumbnails li {
  margin: 1% .9%
}
.thumbnails li img {
  width: 115px
}
#thumbCircle img:hover {
  width: 145px
}
.footContainer {
  width: 100%
}
.column {
  margin-right: 2px
}
#heroImg {
  height: 226px
}
#heroText {
  top: 16%
}
#heroText h1 {
  font-size: 18px;
  margin-bottom: 4px
}
#heroText p {
  font-size: 14px;
  line-height: 21px
}
.life iframe {
  height: 500px
}
.wtbtop img {
  width: 400px
}

.landingPage .landingPad img{
  width:120px;
  }

.landingPage .landingText{
  width:60%;
}
}

@media (min-width:800px) and (max-width:900px) {
.thumbnails ul {
  width: 800px
}
.thumbnails li {
  margin: 1% .6%
}
.thumbnails li img {
  width: 105px
}
#thumbCircle img:hover {
  width: 120px
}
.footContainer {
  width: 100%
}
.column {
  margin-right: 2px
}
.next2Slider {
  width: 66.5%
}
#heroImg {
  height: 226px
}
#heroText {
  top: 18%
}
#heroText h1 {
  font-size: 18px;
  margin-bottom: 0
}
#heroText p {
  font-size: 14px;
  line-height: 19px
}

.life iframe {
  height: 400px
}

.pathThumbnails .theChange {
  font-size:2em;
}

.pathThumbnails p{
   font-size:.875rem;
}

.smallCage2{
  width:100%;
  }

#lowerLink{
  width:100%;
  padding:15px 0px;
}

.lower li{
  min-height:156px;
}

/*.dropDownTable td{
  display:block;
}*/

.dropDownTable td:nth-child(1),
.dropDownTable td:nth-child(2){
  width:33% !important;
  /*float:left;*/
}

.dropDownTable td:nth-child(3){
  width:100% !important;
  }

.dropDownTable .jcf-select{
  width:250px !important;
  }

.landingPage .landingText{
  width:54%;
}

.jcf-list .jcf-option{
  white-space:normal;
}

.landingPage .landingPad img{
  width:120px;
  }

}



@media (min-width:668px) and (max-width:800px){

.smallCage2{
  width:100%;
  }

  .lower li{
  min-height:156px;
}

#lowerLink{
  width:100%;
  padding:15px 0px;
}

.rightContent, .leftContent{
  width:100%;
}

.landingPage td{
  width:100%;
  display:block;
}

}



@media (min-width:1000px) and (max-width:1100px) {
  
  #worldMap {
     float:none !important;
    }
  
.thumbnails li img {
  width: 132px
}

.thumbnails ul {
  width: 1000px
}
.thumbnails li {
  margin: 1% 1.4%
}

#thumbCircle img:hover {
  width: 145px
}
.footContainer {
  width: 100%
}
.column {
  margin-right: 5px
}
#heroText {
  top: 25%
}
#heroText h1 {
  font-size: 20px;
  margin-bottom: 4px
}
#heroText p {
  font-size: 16px;
  line-height: 24px
}
#rightCol {
  width: 15%
}
#leftCol {
  width: 22%
}
#midCol {
  width: 17%
}
.life iframe {
  height: 500px
}
.wtbtop img {
  width: 450px
}
}

@media (max-width:800px){
  .dropDownTable td{
  width:100% !important;
  display:block;
}

  .dropDownTable h2{
  text-align:center;
  padding-left:0px;
  }

.dropDownTable td{
  padding:10px 0px;
   }

.PSsec .jcf-button, .pdfSec a, .dropDownTable .jcf-button{
  transform:initial;
  left: auto !important;
  bottom:auto;
  position:relative !important;
  }

.PSsec .pdfSec{
  width:50% !important;
}



}

@media all and (orientation:landscape) {
#thumbCircle p, .thumbnails p {
  text-align: center!important
}
.thumbnails li img {
  width: 130px
}
.thumbnails p {
  margin-left: 23px!important
}
}



 #worldMap {
     float:none !important;
    }




































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */