/*Vars  Set changes here not below.*/
h1 {
  font-size: 24px;
  color: #56730d;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  margin-bottom: 20px;
  line-height: 24px; }

h2 {
  font-size: 19px;
  color: #56730d;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  margin-bottom: 20px;
  line-height: 19px; }

h3 {
  font-size: 13px;
  color: #56730d;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
  line-height: 13px; }

h4 {
  font-size: 11px;
  color: #56730d;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
  line-height: 11px; }

/*General Settings*/
body {
  background-image: url("../images/bg.jpg");
  background-repeat: no-repeat;
  background-position: top;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  color: #000000;
  font-size: 13px; }

a {
  color: #56730d;
  text-decoration: none; }
  a:hover {
    color: #abe51a;
    text-decoration: none; }

.btn {
  padding: 3px 12px;
  color: #ffffff;
  background-color: #c4eb63;
  background: -webkit-gradient(linear, left top, left bottom, from(#c4eb63), to(#56730d));
  background: -moz-linear-gradient(top, #c4eb63, #56730d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4eb63', endColorstr='#56730d');
  text-decoration: none; }
  .btn:hover {
    color: #c4eb63;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#bcea48));
    background: -moz-linear-gradient(top, white, #bcea48);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#bcea48');
    text-decoration: none; }

/*Nav Settings*/
.nav > li > a {
  color: #FFF;
  text-decoration: none; }
  .nav > li > a:hover {
    color: #FFF;
    text-decoration: none;
    background-color: transparent; }

/*Footer*/
.footer {
  color: #000000; }
  .footer a {
    color: #000000;
    text-decoration: none; }
    .footer a:hover {
      color: #000000;
      text-decoration: none; }

.paws-logo {
  vertical-align: middle;
  padding-bottom: 5px; }

/*Form settings------------------------------------- */
input {
  border-radius: 7px;
  -moz-border-radius: 7px; }

.billingInputfields, .billingSelectfields {
  width: 100%; }

.billingHelp br {
  display: none; }

/*Panel Settings-----------------------------------------*/
.panel {
  background-color: #c4eb63;
  background: -webkit-gradient(linear, left top, left bottom, from(#c4eb63), to(#56730d));
  background: -moz-linear-gradient(top, #c4eb63, #56730d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4eb63', endColorstr='#56730d');
  background: -ms-linear-gradient(top, #c4eb63 0%, #56730d 100%); }

.panel-default {
  border-color: #56730d; }
  .panel-default .panel-heading {
    background-color: #c4eb63;
    background: -webkit-gradient(linear, left top, left bottom, from(#c4eb63), to(#c4eb63));
    background: -moz-linear-gradient(top, #c4eb63, #c4eb63);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4eb63', endColorstr='#c4eb63');
    background: -ms-linear-gradient(top, #c4eb63 0%, #c4eb63 100%);
    border-color: #56730d; }

/*DataTables---------------------------------------------*/
table.dataTable tbody tr {
  background-color: #5982AF;
  cursor: pointer; }

/*List Groups*/
a.list-group-item {
  color: #FFFFFF;
  background-color: #5982AF; }

.list-group-item {
  border-color: #FFFFFF; }

a.list-group-item:hover, a.list-group-item:focus {
  color: #FFFFFF;
  background-color: #445BC6; }

/* Modal Windows */
.modal-content {
  background-color: #5982AF; }

.img-responsive {
  display: inline-block; }

#ccm-white-label-message {
  display: none !important; }

html.ccm-toolbar-visible body {
  background-position: center 50px; }

/*ADD ALL OVER RIDES BELOW HERE*/
.header-text {
  padding-top: 32px; }

.nav a {
  color: #FFF; }

.content {
  margin-top: 20px; }

.footer {
  text-align: center;
  margin-bottom: -9px; }

textarea {
  resize: none; }

.logoLink {
  height: 150px;
  width: 100%; }

.header {
  margin-bottom: 35px; }

.nav-shadow {
  float: none;
  height: auto; }

.menu1 {
  padding-top: 16px;
  height: 53px;
  font-size: 14px;
  line-height: 17px;
  width: 100%; }

.menu2 {
  padding-top: 16px;
  height: 53px;
  font-size: 14px;
  line-height: 17px;
  width: 100%; }

.menu3 {
  padding-top: 16px;
  height: 53px;
  font-size: 14px;
  line-height: 17px;
  width: 100%; }

.menu4 {
  padding-top: 9px;
  height: 53px;
  font-size: 14px;
  line-height: 17px;
  width: 100%; }

.menu5 {
  padding-top: 16px;
  height: 53px;
  font-size: 14px;
  line-height: 17px;
  width: 100%; }

.menu6 {
  padding-top: 16px;
  height: 53px;
  font-size: 14px;
  line-height: 17px;
  width: 100%; }

.subnav {
  padding-left: 2px; }

.subnav a {
  line-height: 16px;
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  font-variant: small-caps; }

.main-content-adjust-left {
  margin-left: 2px; }

.socialnetworks {
  padding-top: 17px; }

.nav btn:hover {
  color: #eef7d0;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#a2db52));
  background: -moz-linear-gradient(top, white, #a2db52);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#a2db52');
  text-decoration: none; }

.btn-content {
  margin-right: 4px; }
  .btn-content:hover {
    color: #eef7d0;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#a2db52));
    background: -moz-linear-gradient(top, white, #a2db52);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#a2db52');
    text-decoration: none; }
  .btn-content a {
    color: #FFFFFF; }

.customer-nav {
  padding-left: 15px;
  padding-right: 28px;
  padding-top: 15px; }

hr {
  height: 1px;
  color: #005aab;
  background: #005aab;
  border: none; }

/*Media Queries*/
/*---------------------------------*/
/* Small devices sm (tablets, 768px and up) */
@media (min-width: 768px) {
  .nav btn:hover {
    color: #FFFFFF;
    background-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
    background: -moz-linear-gradient(top, transparent, transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent ', endColorstr='transparent ');
    text-decoration: none; }

  .customer-nav {
    padding-top: 0px; }

  /*.header{
  	padding-top: -200px;
  	padding-left: 30px;
  	padding-bottom: 60px;
  }*/
  .socialnetworks {
    margin-top: 30px;
    padding-bottom: 15px;
    padding-top: 97px; }

  .socialnetworks img {
    padding-left: 5px; }

  .hide-sm {
    display: none; }

  .nav-shadow {
    background-image: none;
    float: left;
    top: 11px;
    left: 17px;
    height: 65px;
    width: 62.5%;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: -21px; }

  .menu1 {
    background-image: url(../images/nav/wheretobuy2.png);
    background-repeat: no-repeat;
    background-color: transparent;
    padding-top: 24px;
    height: 67px;
    width: 32.6%; }
    .menu1:hover {
      background-image: url(../images/nav/wheretobuy2.png);
      background-repeat: no-repeat; }

  .menu2 {
    background-image: url(../images/nav/aboutus.png);
    background-repeat: no-repeat;
    background-color: transparent;
    margin-left: -7px;
    padding-top: 24px;
    height: 67px;
    width: 32.333333%; }
    .menu2:hover {
      background-image: url(../images/nav/aboutus.png);
      background-repeat: no-repeat; }

  .menu3 {
    background-image: url(../images/nav/contact.png);
    background-repeat: no-repeat;
    background-color: transparent;
    margin-left: -5px;
    padding-top: 24px;
    height: 67px;
    width: 32.333333%; }
    .menu3:hover {
      background-image: url(../images/nav/contact.png);
      background-repeat: no-repeat; }

  .menu4 {
    background-image: url(../images/nav/distributors.png);
    background-repeat: no-repeat;
    background-color: transparent;
    margin-top: 8px;
    padding-top: 18px;
    height: 67px;
    width: 32.333333%; }
    .menu4:hover {
      background-image: url(../images/nav/distributors.png);
      background-repeat: no-repeat; }

  .menu5 {
    background-image: url(../images/nav/resources.png);
    background-repeat: no-repeat;
    background-color: transparent;
    margin-top: 8px;
    margin-left: -5.5px;
    padding-top: 24px;
    height: 67px;
    width: 32.333333%; }
    .menu5:hover {
      background-image: url(../images/nav/resources.png);
      background-repeat: no-repeat; }

  .menu6 {
    background-image: url(../images/nav/justforkids.png);
    background-repeat: no-repeat;
    background-color: transparent;
    margin-top: 8px;
    margin-left: -6px;
    padding-top: 24px;
    height: 67px;
    width: 32.333333%; }
    .menu6:hover {
      background-image: url(../images/nav/justforkids.png);
      background-repeat: no-repeat; } }
/* Medium devices md (desktops, 992px and up) */
@media (min-width: 992px) {
  .header {
    background-image: url(../images/headerHome2.png);
    height: 461px;
    background-repeat: no-repeat;
    background-position: left top;
    /*padding-top: 20px;
    padding-left: 577px;
    padding-bottom: 440px;*/ }

  .socialnetworks {
    margin-top: 115px;
    padding-bottom: 15px;
    padding-top: 21px; }

  .socialnetworks img {
    padding-left: 5px; }

  .header-text {
    height: 271px; }

  .hide-sm {
    display: inline-block; }

  .nav-shadow {
    width: 100%;
    background-image: url(../images/nav/btn_shadow.png);
    background-repeat: no-repeat;
    margin-top: 0px; }

  .menu1 {
    margin-left: -49px;
    margin-top: 8px;
    padding-top: 16px;
    height: 53px;
    width: 15.6%;
    background-image: url(../images/nav/nav-btn-bg.png); }
    .menu1:hover {
      background-image: url(../images/nav/nav-btn-bg.png);
      background-repeat: no-repeat; }

  .menu2 {
    margin-left: -4px;
    margin-top: 8px;
    height: 53px;
    padding-top: 16px;
    width: 15.6%;
    background-image: url(../images/nav/nav-btn-bg.png); }
    .menu2:hover {
      background-image: url(../images/nav/nav-btn-bg.png);
      background-repeat: no-repeat; }

  .menu3 {
    margin-left: -4px;
    margin-top: 8px;
    height: 53px;
    padding-top: 16px;
    width: 15.6%;
    background-image: url(../images/nav/nav-btn-bg.png); }
    .menu3:hover {
      background-image: url(../images/nav/nav-btn-bg.png);
      background-repeat: no-repeat; }

  .menu4 {
    margin-left: -4px;
    height: 53px;
    width: 15.6%;
    padding-top: 9px;
    background-image: url(../images/nav/nav-btn-bg.png); }
    .menu4:hover {
      background-image: url(../images/nav/nav-btn-bg.png);
      background-repeat: no-repeat; }

  .menu5 {
    margin-left: -4px;
    padding-top: 16px;
    height: 53px;
    width: 15.6%;
    background-image: url(../images/nav/nav-btn-bg.png); }
    .menu5:hover {
      background-image: url(../images/nav/nav-btn-bg.png);
      background-repeat: no-repeat; }

  .menu6 {
    margin-left: -4px;
    padding-top: 16px;
    height: 53px;
    width: 15.6%;
    background-image: url(../images/nav/nav-btn-bg.png); }
    .menu6:hover {
      background-image: url(../images/nav/nav-btn-bg.png);
      background-repeat: no-repeat; } }
/* Large devices lg (large desktops, 1200px and up) */