html{overflow-x: hidden; overflow-y: auto;}
body{background-color: #ffffff !important; overflow-x: hidden; overflow-y: auto;}
p{letter-spacing: 0.1px !important;}
.showOn1000, .showOn900, .showOn800, .showOn600, .showOn500, .showOn400, .responsive{display:none;}
.petImage{
    width: 20%;
    float: left;
    margin: 40px 0px 0px 0px;
}
.petImage img{
margin-bottom: 25px;
width: 155px;
height: auto;
/* border-radius: 100%; */
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
opacity:0.9;
}
.pressh4{margin-bottom:15px;}
.petImage img
.pressSection h4{
    text-align: left;
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
    margin-top: 70px;
    padding-left: 20px;
}
.logoImg{min-height: 72px;}
.ImageImg{min-height: 121px;}
.pressSection table{
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 50px;
}
.videosTable{width:100%;}
.pressSection p{font-size: 15px !important;}
.pressSection p:hover, .pressSection a:hover{text-decoration: none;}
.pressSection a{font-weight: 600;}
.pressSection a:hover{opacity:0.7}
.pressSection td{
    padding: 5px 10px 20px 10px;
    width: 33.3%;
}
.pressSection img{padding-bottom: 13px;}
.newWindowIcon{
    background-image: url('../../images/misc/newWindowIcon.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 20px;
    color: #16a6b6;
    text-decoration: none;
}
.newWindowIcon:hover{text-decoration: none;}
.shopForButton{
    background-image: url('../../images/misc/sideArrow.png');
    background-repeat: no-repeat;
    background-position: 100% 100%;
    padding-right: 50px;
    color: #16a6b6;
    text-decoration: none;
    font-size: 30px;
    font-weight: 300;
    padding-bottom: 2px;
}
.shopForButton:hover{text-decoration: none;/*background-image: url('../../images/misc/sideArrowHover.png')*/;}
.shopFor{
    max-width: 970px;
    margin: 0px auto 0px auto;
    padding-bottom: 75px;
}
.shopFor table{width:100%;}
.shopFor td{width:50%; text-align: center;}
.shopFor p{ vertical-align: bottom;}
.shopFor a:hover{text-decoration: none;}
.shopFor table td:hover{opacity:0.7;}
.shopForImg{min-height: 240px;margin-bottom: 30px; position: relative;}
.shopForImg img{
    position: absolute;
    bottom: 0px;
    left: 12%;
    max-height: 205px;
}
.picTextButton:hover{
    opacity:0.7;
    text-decoration: none;
}
.videoTd{text-align:right;}
.textTd{text-align:left;}
.playIconImg{
    position: relative;
    top: 0px;
    height: 90px;
    width: 110px;
    float: left;
    z-index: 2;
}

.lightTitle{font-weight: 300 !important;}
.topDiv{
    margin: 0px auto;
    max-width:838px;
    text-align: center;
    padding: 0px 10px;
}
.topDivAwards{
    margin: 0px auto;
    max-width:1170px;
    text-align: center;
    padding: 0px 10px;
}
.petDiv{
    margin: 0px auto 20px auto;
    max-width:970px;
    text-align: center;
    padding: 0px 10px;
}
.topDiv p{
    color:#657f91;
    font-size:18px;
}
.petDiv p{
    color: #657f91;
    font-size: 18px;
}
.awardsDiv{
    /*max-width:970px;*/
    margin-bottom: 50px;
    padding: 0px 10px;
    margin-top: 40px;
}
.awardsTable{
    max-width: 820px;
/*    font-family: Source Sans Pro;*/
    font-weight: 400;
    color: #7c7c7c;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
.awardsTable td{
    padding: 0px 0px;
    vertical-align: bottom;
}
.ShelfTable{width: 100%;
margin-top: -5px;
margin-bottom: 20px;}
.shelfTableBottom{margin-bottom: 40px;}
.innerTable .pic{
    padding: 0px 5px 0px 0px;
    width:50%;
}
.innerTable .title{
    padding: 0px 0px 10px 0px;
    width: 50%;
    vertical-align: bottom;
}
.awardShelf{padding: 0px !important;}
.yearTitle{
    background-image: url('../../images/misc/lineslight.png');
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 0.8;
}
.whiteBackground{background-color: #fff;
padding: 0px 10px;font-weight: 500;}
.yearTitle h4{
    color:#657f91;
    text-align: center;
}
.shelf{
    height: 20px;
    background-color: #ffffff;
    box-shadow: 0px 5px 35px #ACA89B;
    margin: 0px 0px 15px 0px;
}
.innerTable{margin: -10px 10px 0px 10px;}
.innerTable h4{
    color:#657f91;
    text-align: left;
}
.rowText td{padding: 0px 65px;}
.awardsResponsive{display: none;}
.bottomRule{border-width:2px;}
.story{
    background-image: url('../../images/misc/catFade.png');
    background-repeat: no-repeat;
    background-position: 75% 0%;
    height:322px;
    margin: 0px auto;
    background-color: #483620;
    background-attachment:
}
.commitment{
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 16%), url('../../images/misc/feeder_background.png'); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(16%,rgba(255,255,255,0))), url('../../images/misc/feeder_background.png'); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 16%), url('../../images/misc/feeder_background.png'); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 16%), url('../../images/misc/feeder_background.png'); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 16%), url('../../images/misc/feeder_background.png'); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 16%), url('../../images/misc/feeder_background.png'); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ), url('../../images/misc/feeder_background.png'); /* IE6-9 */
    background-repeat: no-repeat;
    background-position: 100% 100%;
    /*height: 100%;*/
    height:727px;
    margin: 0px auto;
    background-color: #ffffff;
    z-index:-100;
    /*position:fixed;*/
    width:100%;
}
.commitmentTextRight{padding:8% 35px; display: inline-block;width:40%;}
.commitment h1{
/*    font-family: Source Sans Pro;*/
    font-weight: 300;
    font-size: 55px;
    text-align: left;
    line-height: 1.3;
    padding-top: 75px;
}
.headIndent{
    width: 80px;
    display: inline-block;
}
.headIndentFix{
    position: relative;
    left: -20px;
}
.underline_chalk{
    background-image: url('../../images/misc/underline.png');
    background-repeat: no-repeat;
    background-position: 0% 100%;
    width: 100%;
}
.quote{
    color: #8c8c8c;
    font-weight: 300;
    padding: 80px 0px 10px 35px;
}
.mission{
    font-size: 34px;
    padding-bottom: 20px;
}
.reference{
    font-size: 26px;
    background-image: url('../../images/misc/quotemark.png');
    background-repeat: no-repeat;
    background-position: 75% 35%;
    height: 65px;
    padding: 10px 0px 0px 0px;
}
.blueWhite{
    color: #ffffff !important;
    font-size: 30px;
    text-align: center;
    padding: 40px 0px;
    background-color: #0094aa;
    background-image: url('../../images/misc/blueWhite.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: auto;
    font-weight: 300;
    /*margin-top:726px;*/
    /*margin-top: 100%;*/
    /*background-attachment: fixed;*/
}
.blueWhite p{color:#ffffff !important;}
.commitmentTextCentre p{margin-bottom: 65px;}
.catFlapBig, .shopFor{background-color: #ffffff;}
.catFlapBig p{
    color: #8c8c8c;
    font-weight: 300;
    font-size: 21px;
    line-height: 1.6;
}
.catFlapBig h2{
    color: #8c8c8c;
    font-weight: 300;
    font-size: 40px;
}
.extraPadTop{padding: 30px 0px 35px 0px;}
.graph{
    background-image: url('../../images/misc/graphPaper.png');
    height: 750px;
    position:relative;
    background-attachment: fixed;
}
.graphText{
    height: 330px;
    width: 100%;
    position: absolute;
    bottom: 0px;
}
.graphTextInner{
    max-width: 970px;
    margin: 0px auto;
    margin-top:-30px;
}
.graphTextLeft{
    max-width: 360px;
    margin-left: 10%;
}
.graphTextLefth1{
    font-weight: 300;
    font-size: 30px;
    padding: 10px 25px;
}
.graphTextLeft h1{
    font-weight: 300;
    font-size: 40px;
}
.graphSnippetStyles{
    width: 55%;
    font-weight: 300;
}
.doorDesign{display: block;}
.feederDesign{
    display: block;
    float: right;
    position: relative;
    top: -150px;
}
.feederDesignResponsive{display: none;}
.story h1{
/*    font-family: Source Sans Pro;*/
    font-weight: 300;
    font-size: 46.85px;
    text-align: right;
    width: 212px;
}
.story .titleText{
    color:#ffffff;
    margin: 0px 0px 45px 0px;
}
.commitment .titleText{color:#4aa6b6;}
.story .firstHeader{
    width:750px;
    margin: 0px auto;
    padding-top: 45px;
}
.commitment .firstHeader{
    max-width:970px;
    margin: 0px auto;
    padding-top: 45px;
}
.sideFeeder{
    background-image: url('../../images/misc/sideFeeder.png');
    background-repeat: no-repeat;
    background-position: 100% 0%;
    height: 412px;
    padding-left: 100px;
    position: relative;
    /*left: 30px;*/
}
.wrapText{}
.productSideFeeder{padding-bottom: 100px;}
.sideFeederResponsive{
    background-image: url('../../images/misc/sideFeeder.png');
    background-repeat: no-repeat;
    background-size:contain;
    height: 412px;
}
.sideFeederResponsive h2{
    padding:20px 0px 0px 30px !important;
    text-align: left !important;
}
.textRightPos{
    position: relative;
    display: block;
    height: 0px;
    padding-bottom: 55px;
    text-align: right;
    top: 200px;
    padding-right: 15px;
}
.positioning{max-width: 566px;}
.blueWhite .plainText{
    max-width:778px;
    margin: 0px auto;
    padding: 30px 0px;
}
.plainText{
    max-width:970px;
    margin: 0px auto;
    padding: 30px 0px;
    /*overflow: hidden;*/
}
/*.plainText p{font-family: Source Sans Pro;}*/
.button{
    color:#ffffff;
/*    font-family: Source Sans Pro;*/
    text-transform:uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 11px 15px 11px 50px;
    border: 2px solid #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}
.button:hover{
    text-decoration: none;
    color:#483620;
    cursor: pointer;
    background-color: #ffffff;
}
.videoButton{
    display: inline-block;
    position: relative;
    left: 43px;
    background-image: url('../../images/misc/playIcon.png');
    background-size: 30px 30px;
    background-position: 11px 6px;
    background-repeat: no-repeat;
}
.storyVid{
}
.availLangText{margin-bottom:0px;}
.videoNameText span{font-weight: 600;}
.videoNameText{margin-bottom: 0px!important;}
.videoLengthText,.videoLengthText span{font-size: 14px;}
.videoButtonPress{
    background-position: 78% 50px;
    background-repeat: no-repeat;
    background-size: 12%;
}
.videoButtonPress:hover{background-image: url('../../images/misc/playIconHover.png');}
.videoButton:hover{background-image: url('../../images/misc/playIconHover.png');}
.youTubeVid{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-bottom: 0px !important;
}
.videoTd p{
    padding-top:10px;
    color: #16a6b6;
}
.creamBrown{
    background-color: #f2f2f2;
    color: #676767;
    font-size: 20px;
    text-align: center;
    padding: 80px 0px;
}
.yearCircle{
    display: block;
    width: 0px;
    margin: 0px auto;
    line-height: 0px;
    background-color: #ffffff;
    padding: 40px;
    border-radius: 50%;
    position: relative;
    top: -40px;
}
.space{
    display: block;
    background-color: #ffffff;
    padding: 40px;
    position: relative;
}
.year{
    position: relative;
    left: -22px;
    top: 1px;
/*    font-family: Source Sans Pro;*/
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 700;
}
.product{
    border-top: 3px solid #ffffff;
    /*height:546px;*/
    color: #ffffff;
    font-size: 20px;
}
.product p{
    color: #ffffff !important;
}
.whiteGrey p{
    color: #7f7f7f !important;
}
.whiteGrey{
    background-color: #fff;
    height:450px;
    color: #7f7f7f;
    font-size: 19px;
    text-align: left;
}
.whiteGrey h4{
    color: #7f7f7f;
    font-size: 34px;
    text-align: left;
}
.fittersListings h3{
    color: #657f91;
/*    font-family: Source Sans Pro;*/
    font-weight: 200;
    font-size: 26px;
}
.fittersLookup h3{
    color: #ffffff;
/*    font-family: Source Sans Pro;*/
    font-weight: 200;
    font-size: 32px;
    text-align: center;
}
.ajaxLoader{
    background-image: url('../../images/misc/ajax-loaderSmall.gif');
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-color: #ffffff;
    z-index:10;
}
.fittersLookup input[type=text]{
    width: 320px;
    padding: 10px 40px 10px 20px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #ffffff;
    display:inline;
}
.fittersListClass{
    width: 320px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 2px solid #d4d4d4;
    box-shadow: 0px 2px 8px #d4d4d4;
    padding: 8px 2px !important;
    font-size: 16px !important;
    font-weight: 100 !important;
}
.fittersListClass li{
    color:#a3a3a3;
    padding: 4px 15px !important;
    line-height: 1.43 !important;
    height: auto !important;
    font-weight: 100 !important;
}
.fittersListClass li:hover{
    color:#ffffff !important;
    background-color: #657f91 !important;
    padding: 4px 15px !important;
    line-height: 1.43 !important;
    height:auto !important;
    font-weight: 100;
}
.ui-state-focus{
    color:#ffffff !important;
    background-color: #657f91 !important;
    background-image: none !important;
    border: 1px solid #ffffff !important;
    padding: 0px 0px !important;
}
.fittersInput{
    max-width: 320px;
    margin: 25px auto 15px auto;
    position: relative;
}
#fittersLookup{color:#9B9B9B;}
#deleteTextInputSpan #fittersLookup{color:#adadad;}
#deleteTextInputSpan{color: #657f91;}
span.deleteicon {position: relative;}
span.deleteicon span {
    position: absolute;
    display: block;
    top: -2px;
    right: 12px;
    width: 24px;
    height: 24px;
    background: url('../../images/misc/cancel-icon.png');
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}
span.deleteicon input {padding-right: 16px;}
#fittersListingsTable{margin-top: 40px;}
#fittersListingsTable .padLeft{padding-left: 10px;padding-bottom: 10px;}
#fittersListingsTable .padBottom{padding-bottom: 10px;}
.fittersLookup{
    height:316px;
    background-color: #009ee2;
    background-image: url('../../images/misc/fittingBackground.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.warrantyHead{
    height:316px;
    background-color: #009ee2;
    background-image: url('../../images/misc/warrantyBack.png');
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: cover;
}
.middleDiv{
    height: 100%;
    display: table;
    width: 100%;
    max-width: 940px;
    margin: 0px auto;
}
.warrantyHead .headerContent
{
    /*height: 118px;*/
    display: table-cell;
    vertical-align: middle;
}
.warrantyHead .headerContent .picLeft{
    float:left;
    width:25%;
}
.warrantyHead .headerContent .picLeft img{
    float:right;
    max-height: 160px;
}
.warrantyHead .headerContent .textRight{
    float:left;
    width:75%;
    padding-left: 20px;
}
.headerContent .textRight h1{color:#fff;margin-top: 5px;margin-bottom: 3px;}
.headerContent .textRight .intro{color:#fff; font-size: 24px;max-width: 600px;line-height: 24px;white-space: pre-wrap;}
.registerText{
    padding: 30px 40px 30px 150px;
    background-image: url('../../images/misc/cashIcon.png');
    background-repeat: no-repeat;
    background-position: 45px 50%;
}
.registerWrapper{
    max-width: 1170px;
    margin: 30px auto 30px auto;
}
.registerButton{
    /*float: left;*/
    display: block;
    background-color: #16a6b6;
    color: #fff!important;
    padding: 8px 45px 10px 25px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    background-image: url('../../images/misc/chevRightWhite.png');
    background-position: 92% 50%;
    background-repeat: no-repeat;
    margin: 0px auto;
    max-width: 280px;
}
.buttonBox{
    display: table;
    width: 33%;
    height: 100%;
    margin: 30px auto;
}
.registerButton:hover{opacity:0.8;color:#fff!important;cursor:pointer;}
.registerSection p{
    font-size: 18px;
    line-height: 24px;
    white-space: pre-wrap;
    margin: 0px !important;
    font-weight: 400;
}
.registerText{float:left;width: 66%;}
.warrantyDiv{
    border:1px solid #ccc;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin: 0px 10px 20px 10px;
}
.warrantyDivSide{border:1px solid #ccc;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
.currentWinner{width:33.3%;float:left;padding:10px 15px 10px 10px;}
.leaderBoard{width:66.6%;padding:10px 10px 10px 15px; float:right;}
.textRight .clearButton{
    border: 2px solid #ffffff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-size: 21px !important;
    color:#fff;
}
.textRight .clearButton:hover{background-color: rgba(255, 255, 255, 0.2);cursor: pointer;}
.highlightTop{
    background-color: #f6fefe;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 12px 10px 14px 50px;
    font-weight: 500;
    color: #16a6b6;
    font-size: 18px;
    background-position: 16px 50%;
    background-repeat: no-repeat;
    border-bottom: 1px solid #ccc;
}
.leaderBoardWinner{
    width: 50%;
    float: left;
    padding: 0px 35px 0px 10px;
    margin-bottom: 15px;
}
.bottomHalf{padding: 20px;display: inline-block;}
.date{font-size:13px; float: right;position: relative;top: 4px;}
.winnerName{color:#657f91;font-weight:bolder;font-size:18px;}
.prizeBox{
    background-repeat: no-repeat;
    padding-left:40px;
    background-position: 0px 50%;
    font-size: 15px;
    /*line-height: 40px;*/
    padding-top: 6px;
padding-bottom: 6px;
}
.currentWinnerDiv{background-image: url('../../images/misc/trophy.png');}
.leaderBoardWinners{background-image: url('../../images/misc/clock.png');}
.fittersArrow{
    margin: 30px auto 0px auto;
    width: 0px;
}
.fittersArrow img{padding-left: 50px;}
.fittersInstruct{
    height:270px;
    max-width: 616px;
    margin: 0px auto;
}
.fittersListingsLeft{
    display: none;
    max-width: 242px;
    float:left;
}
.fittersListings{
    display: none;
    max-width: 940px;
    margin: 0px auto;
}
.fittersInstruct h3{
    color: #797979;
    text-align: center;
}
.fittersLookupTables{
    height:100%;
    max-width: 616px;
    margin: 0px auto;
}
#leftOptions{padding: 20px 15px 0px 0px; vertical-align: top;}
.leftOptionBox{
    border: 1px solid #d2d3d4;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 25px;
}
#leftOptionBoxTable{color:#626262;font-size: 16px;}
.belowFittersOptions{
    margin:0px auto 65px;
    max-width:940px;
    border: 1px solid #d2d3d4;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 5px;
}
.belowFittersOptionsRes{
    margin:0px auto;
    max-width:940px;
    border: 1px solid #d2d3d4;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 5px;
}
.belowFittersOptions #leftOptionBoxTable{}
.belowResponsive{max-width: 250px;padding: 30px;}
#leftOptionBoxTable .title{
    padding-left: 5px;
    color: #16a6b6;
    font-size: 19px;
    line-height: 1.1;
}
#leftOptionBoxTable .ctaButton{
    width: 100%;
    background-color: #f4f4f4;
    padding: 5px 5px 5px 25px;
    text-align: left;
    color: #718898;
    font-weight: 800;
    font-size: 14px;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-image: url('../../images/misc/buttonArrowRight.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    text-transform: uppercase;
    margin-top: 8px;
}
.tickList{
    list-style-image: url("../images/listTick.png");
    padding: 10px 5px 10px 20px;
    font-size: 14px;
}
.innerListingTable{max-width:699px;color: #657f91; width:100%;}
.innerListingTable .innerSplit{width:50%;}
.innerListingTable .companyLogo{
    height:100%;
    text-align: center;
    vertical-align: top;
    padding-top: 5px;
    min-width: 144px;
}
.responsiveIcon{padding:5px;}
.companyLogo img{
    max-width: 103px;
    min-width: 103px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.innerListingTable .title{
    font-size: 20px;
    font-size: 21px;
    padding-bottom: 5px;
}
.innerListingTable .floatRight{float: right;}
.innerListingTable .contactDetails{padding-bottom: 5px;}
.innerListingTable .areasCovered{padding: 15px 20px 5px 0px;}
.individualListingRow{
    border: 1px solid #d2d3d4;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 20px 0px 10px 0px;
}
.disclaimer{
   max-width: 1000px;
   margin: 65px auto;
   text-align: center;
   color:#626262;
}
#noResults{
    display:none;
/*    font-family: Source Sans Pro;*/
    font-weight: 200;
    font-size: 26px;
    margin-top:60px;
}
#noResults h3{color: #657f91;}
#searchingFitters{
    width:100px;
    height: 100px;
    margin:100px auto;
    background-image: url('../../images/misc/ajax-big.gif');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: none;
    background-attachment: fixed;
}
.turquoise{background-color: #0094aa; background-image: url('/media/pages/our_story/2008-bg.jpg'); background-repeat: no-repeat;background-position: center; background-size: cover; background-attachment: fixed;}
.purple{background-color: #572582; background-image: url('/media/pages/our_story/2014-bg.jpg'); background-repeat: no-repeat;background-position: center; background-size: cover; background-attachment: fixed;}
.blue{background-color: #009ee2; background-image: url('/media/pages/our_story/2015-bg.jpg'); background-repeat: no-repeat;background-position: center; background-size: cover; background-attachment: fixed;}
.green{background-color: #a4c95d; background-image: url('/media/pages/our_story/2017-bg.jpg'); background-repeat: no-repeat;background-position: center; background-size: cover; background-attachment: fixed;}
.turquoiseText{color: #0094aa;}
.purpleText{color: #572582;}
.blueText{color: #009ee2;}
.greenText{color: #a4c95d;}
.pictureLeft, .pictureRight{max-width: 576px;vertical-align: middle; padding: 0px 10px 0px 10px;}
.pictureLeft p, .pictureRight p{text-align: left; vertical-align: middle;}
.productImage{max-width: 324px; display: inline-block;float:left}
.productImageStretch{max-width: 324px; display: inline-block;float:left}
.productImageResponsive{width: 100%; display: inline-block;float:left}
.productImage img{position:relative;display: block;}
.productImageResponsive img{position:relative;display: block;margin: 0px auto;}
.productImageStretch img{position:relative;display: block;}
.commitmentImage{
    display: inline-block;
    float:left}
.commitmentImage img{position:relative;display: block; padding: 0px 90px;}
.petDoorCommitment{
    /*width:486px*/;
    height: 535px;;
    background-image: url('../../images/misc/petdoor_commitment.png');
    background-repeat: no-repeat;
    margin-left: 104px;
    width: auto;
    background-size: contain;
    background-position: 50% 50%;
}
.petDoorText{
    height: 190px;
    width: 100%;
    margin-top: 240px;
    padding: 0px 75px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}
.supportImage{width:50%; float: none;display:table-cell;}
.supportImage img{margin: 0px auto;}
.supportText{width:50%}
.left{left:-60px}
.right{right:-60px}
.bottomPic{right:-130px;}
.product table{
    display: block;
    vertical-align: middle;
    max-width: 970px;
    margin: 0px auto;
}
.whiteGrey table{
    display: block;
    vertical-align: middle;
    max-width: 900px;
    margin: 0px auto;
}
/*.support{margin-bottom: 70px;}*/
.noResultsDiv{
    display: none;
    position: absolute;
    background-color: #F2F2F2;
    padding: 10px 20px 1px 58px;
    margin-left: 10%;
    top: 56px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #A5A5A5;
    background-image: url('../../images/where-to-buy/help.png');
    background-repeat: no-repeat;
    background-position: 10.5% 49%;
    background-size: 12%;
}
.noResultsDiv:before {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    left: 20px;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #F2F2F2;
}
.noResultsDiv p{
    color: #111;
    font-weight: 400;
}
/*#fittersInformationModal{
    display:none
}*/
@media(max-width:1350px){
    .commitment{background-position: 100% 100%;}
    .graphSnippetStyles{width: 45%;}
    .graphTextInner{margin-top:-40px;}
}
@media(max-width:1120px){
    .left{left:-20px}
    .product{height:auto;}
    .plainText{padding: 0px 10px 50px 10px; max-width:100%;}
    .creamBrown .plainText{padding:0px 10px !important;}
}
@media(max-width:1050px){
    .left{left:-0px}
    .productImage img{width:80%; padding: 0px 10px;}
    .commitment h1{font-size: 45px;padding-left: 25px;}
    .mission{font-size: 30px;padding-left: 20px;}
    .reference{font-size: 25px;padding-left: 20px;}
    .commitment{min-width: 970px;}
    .commitmentImage{margin-left:20px;}
    .sideFeeder{padding-left:20px;background-position: 90% 0%;}
    .graphTextLeft h1{font-size:35px;}
    .catFlapBig p{padding-top: 5px;}
    .graphTextLeft{margin-left:0px;}
    .graphTextInner{
       max-width:100%;
       height:100%;
       width: 100%;
       background-image: url('../../images/misc/feederDesignResponsive.png');
       background-repeat: no-repeat;
       background-position: 100% 50%;
       padding-left: 30px;
       padding-top: 50px;
       background-size: contain;
       padding-right: 125px;
   }
   .hideOn1000{display: none;}
   .showOn1000{display: block;}
   .graphTextLefth1{padding:10px;}
   .graphTextLefth1 {padding-left: 0px;}
   .graphText {
        height: 360px;
        width: 100%;
        position: absolute;
        bottom: 0px;
        margin-bottom: 30px;
        }
   .graphSnippetStyles{margin:0px auto; width: 50%;}
   .textRightPos{padding-right: 50px;}
}
@media(max-width:900px){
   .feederDesign{position: initial;}
   .graph{height: 760px; margin-bottom:40px;}
   .graphText{position: initial;}
   .feederDesign{display: none;}
   .feederDesignResponsive{display: block;}
   .graphTextInner{height:100%; width: 100%;}
   .hideOn900{display:none;}
   .showOn900{display:block;}
   .commitment{background:none;height:auto;min-width: 0px;position: inherit;}
   .commitment h1{padding-top:0px}
   .positioning{width: auto; max-width:900px}
   .titleText{height: 0px;position: relative; top: -55px;}
   .quote{padding: 30px 30px 50px 20px;}
   .reference{
       font-weight: 400;
       background-position: 100% 70%;
       font-size: 20px;
       line-height: 1.2;
       max-width: 255px;
   }
   .mission{font-size:28px;}
   #fittersListingsTable{margin-left:10px;margin-right:10px;}
   .companyLogo{padding:10px;}
   #whereH3{text-align: center;padding-bottom: 20px;}
   .story .firstHeader {padding-top: 100px;}
   .videoButton{margin-top:45px;}
   .graphSnippetStyles{margin:0px 0px 0px 10%; width: auto;}
   .commitmentTextRight{padding: 5% 35px;}
   .blueWhite{margin-top: 0px;}
}
@media(max-width:860px){
    .commitment .titleText{position: relative;top: 50px;}
    .headerContent .picLeft{width:100% !important;}
    .headerContent .textRight{width:100% !important;}
    .warrantyHead .headerContent .picLeft img{float:none; margin: 0px auto;}
    .warrantyHead .headerContent .textRight{text-align: center;}
    .headerContent .textRight .intro {max-width:100%;}
    .buttonBox{width:100%;display: flex;}
    .registerButton{float:left;margin: 0px auto;}
    .registerText{
        width:100%;
        text-align: left;
        padding: 30px 25px 15px 100px;
        background-position: 20px 35px;
        background-size: 65px;
    }
    .prizeBox{min-height:32px;}
    .currentWinner,.leaderBoard,.leaderBoardWinner,.bottomHalf{width:100%;}
}
@media(max-width:850px){
   .petImage{width: 33.3%;}
 /*  .backToTop{display:block;}*/
   /*.petDiv p{font-weight: 600;}*/
   .shopForImg img{max-width:70%;}
   .graph{margin-bottom:0px;}
}
@media(max-width:800px){
    .hideOn800{display:none;}
    .showOn800{display:block;}
    /*.awardsTable td {padding: 0px 10px;}*/
    /*.innerTable {margin: 65px 10px 0px 15px;}*/
    #leftOptionBoxTable .ctaButton{padding: 5px 25px 5px 10px;}
    .commitmentTextRight{
        padding: 5% 35px;
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .petDoorCommitment{width:100%;background-position-x: 50%;}
    .commitmentImage {margin-left: 0px;}
    .wrapText{
        display: inline-block;
        /* padding: 60px; */
        width: 80%;
        margin: 0px auto 50px 10%;
        text-align: center;
    }
}
@media(max-width:925px){
    .right{right:-30px}
}
@media(max-width:769px){
    .commitment .titleText {
        position: relative;
        top: -50px;
        }
}
@media(max-width:750px){
    p{font-size: 18px;}
    .blueWhite p{font-size: 30px;}
    .creamBrown .plainText{padding:50px 0px;}
    .blueWhite{padding: 20px 80px;}
    .graphTextInner{padding-right: 0px; margin-top:10px;}
    .graphSnippetStyles{margin-left:0%;}
}
@media(max-width:700px){
    .graphTextInner{padding-top: 30px;}
    .textRightPos{padding-right: 20px;}
    .innerTable {margin: -10px 5px 0px 5px;}
}
@media(max-width:637px){
    .extraPadTop{padding:30px 0px 0px 10px !important;}
    .innerTable {margin: -10px 0px 0px 0px;}
    .awardsDiv{padding: 0px 0px;}
}
@media(max-width:600px){
    .petDoorResponsive{height: 300px;}
    .graph{height: 720px !important;}
     h1.graphSnippetStyles{font-size: 32px;}
     p .graphSnippetStyles{font-size: 18px;line-height: 1.8;}
     .graphSnippetStyles .catFlapBig p{font-size: 20px;}
    .hideOn600{display:none;}
    .showOn600{display:block}
    .iconRow span a{display:inline;}
    .responsive{display:block;}
    .productImage, .productImageStretch{display:none;}
    .productImageResponsive img{max-width:50%; padding: 10px;}
    .first{background-position: 50% 0%;}
    .sureflapTeam{
        background-image: url('../../images/misc/responsive_team.png');
        padding: 200px 0px;
        border: none;
        background-repeat: no-repeat;
        background-position: 50%;
    }
    .pictureLeft p, .pictureRight p, .pictureLeft h4, .pictureRight h4{text-align: center !important;}
    .awardsResponsive{display:block;}
    .awardsNormal{display:none;}
    .topDiv{max-width:100%;}
    .awardsDiv{max-width:100%;}
    .pressSection img, .pressSection iframe{
        zoom: 0.7;
        -moz-transform: scale(0.7);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.7);
        -o-transform-origin: 0 0;
    }
    .catFlapBig table tr td{
        width: 100%;
        background-position: 50%;
        margin-left: 0px;
    }
    .shopFor table td{width:1%}
    .shopForImg{margin-top:40px;}
    .productSideFeeder{margin-bottom:0px;}
    .disclaimer, .fittersInstruct{padding:0px 10px;}
    .iconRow{padding-left:30px;}
    .innerSplit{padding:0px 10px 0px 0px;}
    .companyLogo img{min-width: 0px;}
    .story{background-image: url('../../images/misc/catFadeSmall.png');background-size: cover;}
    .petDoorText{margin-top: 240px;}
    .commitmentImage {margin-left: 0px;}
    .commitmentTextRight{padding: 0% 35px;}
    .commitmentTextRight h2{padding: 0% 15px;}
    .catFlapBig h2{font-size:35px;}
    .extraPadTop{padding: 0px 0px 0px 10px !important;}
    .sideFeeder{background-size: 100% auto; padding-left:0px;}
    .sidefeederResp{padding: 0px 10px 0px 10px;}
    .graphTextInner {padding-top: 10px;}
    .supportText p{font-size: 16px;}
    .awardsTable{width:300px;margin-top: 20px;}
    .awardsTable tr td{width:50%;text-align:center;}
    .innerTable{margin:-10px 0px -5px 0px;width: 100%;}
    .yearTitle h4{padding-bottom: 20px;}
    .whiteBackground{position: relative;top: 8px;}
    .yearTitle{background-size: 100% 5px;}
    .awardsDiv{margin: 0px -5px;}
}
@media(max-width:550px){
    .petImage img{
        zoom:0.8;
        -moz-transform: scale(0.8);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.8);
        -o-transform-origin: 0 0;
    }
    .petImage{margin: 20px 0px 0px 0px;}
    .commitment h1 {font-size: 40px;}
    .titleText{top: -50px;}
    .graphTextInner{padding-left:20px}
    .catFlapBig p{font-size: 16px;line-height: 1.6;}
    h1.graphSnippetStyles {font-size: 28px;}
    .wrapText{margin:-20px auto 50px 10%}
    .textRightPos{top: 180px;}
    .headerContent .textRight h1{font-size: 30px!important;}
    .headerContent .textRight .intro{font-size: 20px!important;}
    .registerSection p{font-size: 16px;}
    .registerButton{font-size: 14px;}
}
@media(max-width:500px){
    .showOn500{display:inline;}
    .hideOn500{display:none !important;}
    .blueWhite .plainText {padding: 10px 0px;}
    .innerListingTable .companyLogo{min-width: 100px;}
    .commitment h1 {font-size: 30px;}
    .mission {font-size: 22px;}
    .blueWhite p {font-size: 28px;}
    .blueWhite {padding: 50px 50px;}
    .innerListingTable .contactDetails{padding-bottom:10px;}
    .catFlapBig h2 {font-size: 35px;}
    .sideFeeder{padding-left: 0px;background-size: contain;}
    .extraPadTop{padding: 0px 0px 0px 10px !important;}
    .wrapText {margin: 20px auto 50px 10%;}
    .sidefeederResp{height:400px;}
    .underline_chalk{background-size: 100% 5px;}
    .commitment .titleText {
        position: relative;
        top: -30px;}
}
@media(max-width:450px){
    p{font-size: 17px;}
    .sureflapTeam{padding: 162px 0px;max-width:450px; overflow: hidden;}
    .whiteGrey h4{font-size: 29px;}
    .pressSection img, .pressSection iframe{
        zoom: 0.5;
        -moz-transform: scale(0.5);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.5);
        -o-transform-origin: 0 0;
    }
    .pressSection td {padding: 5px 5px 40px 5px;}
    .pressSection table {margin-bottom: 0px;}
    .pressSection table {margin-top: 0px;}
    .petImage img{
        zoom:0.6;
        -moz-transform: scale(0.6);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.6);
        -o-transform-origin: 0 0;
    }
    .awardsDiv, .topDiv{padding: 0px 0px;}
    .commitment h1 {font-size: 35px;}
    .titleText{top: -35px;}
    .wrapText{margin: 20px auto 50px 10%;}
    .graphTextInner{padding-top:0px;}
    .petDoorResponsive {height: 250px;}
    .catFlapBig h2 {font-size: 28px;}
    .petDoorText{padding:0px 60px;}
    .commitmentTextRight{margin-top: -35px;}
    .sidefeederResp {height: 380px;}
    .blueWhite {padding: 50px 30px;}
    .story .firstHeader {padding-top: 110px;}
    .videoButton {margin-top: 80px;}
}
@media(max-width:400px){
    .hideOn400{display:none;}
    .showOn400{display:block}
    .feederDesignResponsive{display:none}
    #fittersListingsTable{margin-left: 10px;}
    .companyLogo img{max-width: 70px;}
    .sureflapTeam{padding: 162px 0px;max-width:400px; overflow: hidden;}
    .catFlapBig p{line-height: 1.4;}
    .petDoorText{
        padding: 0px 50px;
        margin-top: 215px;
        }
    .petDoorCommitment{height: 490px;}
    .graphTextInner{
        background-size: auto 300px;
        background-position: 100% 100%;
        height: 300px;
        padding-left:0px;
        margin-top: 30px;
    }
    .graphText{margin-top:50px;}
    .graphText h1{padding-right: 40px;}
    .graphSnippetStyles{padding-left: 10px;margin-top: -18px;}
    .blueWhite{background-position: 40% 100%;}
    .blueWhite p {font-size: 22px;}
    .sidefeederResp {height: 350px;}
    .textRightPos {top: 150px;}
    .commitment h1 {font-size: 30px;padding-left: 15px;}
}
@media(max-width:377px){
    .fittersInput{width:90%;}
    .fittersLookup input[type=text]{width: 288px;}
    .fittersListClass{width:288px !important; left:15.5px !important;}
    .sureflapTeam{padding: 162px 0px;max-width:370px; overflow: hidden;}
    .story{background-position-x: 10%;}
    .sideFeederResponsive h2{padding: 0px 0px 0px 30px !important;}
    .petDoorText{padding: 0px 30px;margin-top: 205px;}
    .petDoorCommitment {height: 445px;}
    .catFlapBig h2 {font-size: 26px;line-height: 1.2;}
    .headIndentFix h2{margin-top:15px;}
    .sidefeederResp {padding: 0px 0px 0px 5px;}
    .textRightPos {padding-right: 10px;}
    .wrapText {margin: -10px auto 50px 10%;}
}
@media(max-width:349px){
    .sureflapTeam{padding: 188px 0px;max-width:349px; overflow: hidden;}
    .sureflapTeam .plainText{padding: 0px 2px 25px 2px;margin-top: -6px;}
    .story h2{font-size: 40px;}
}

@media(max-width:320px){
    .sureflapTeam{padding: 162px 0px;max-width:320px; overflow: hidden;}
    .whiteGrey{font-size: 18px;}
}