html, body {
  min-height:100%;
}

#wrapper {
  min-height:100%;
}

.node {
  height:100%;
  min-height:100%;
}

#service-content {
  padding-top: 15px;
  padding-bottom:40px;
/*   position:relative; */
  background-color: white;
}

#fancybox-content {
  background-color: white;
  height:600px;
}

.message_box {
  padding:15px;
  border:1px solid #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom:5px;
}

.note_box {
  background-color:#FFFFCC;
  padding:15px;
  border:1px solid #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom:5px;
}

.label,
.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
}

.label {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

a.label:hover,
a.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label-important,
.badge-important {
  background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}

.label-warning,
.badge-warning {
  background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

.label-success,
.badge-success {
  background-color: #468847;
}

.label-success[href],
.badge-success[href] {
  background-color: #356635;
}

.label-info,
.badge-info {
  background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
  background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}

.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}

label {
  display: block;
  margin-bottom: 5px;
}

.contact-boxes {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width:260px;
  float:left;
  margin-bottom: 10px;
  text-align: center;
  border:1px solid grey;
  margin-left:40px;
}

.contact-boxes a {
  color: #333;
  width: 100%;
  height: 100%;
  padding: 20px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
}

.download-box {
  width:110px;
  float:left;
  padding: 0 0 15px 7px;
  text-align: center;
  overflow:hidden;
  word-break:break-all;

}

.download-box-no-marking {
  width:110px;
  float:left;
  padding: 0 0 15px 7px;
  text-align: center;
  overflow:hidden;
  word-break:break-all;
}

.yellow-border {
  outline:2px solid #ffd200;
}

#wrapper .node h1 {
  text-transform: uppercase;
}

#wrapper .node h2 {
  padding: 0 0 5px;
  margin-bottom: 8px;
  font: bold 20px "Interstate",sans-serif;
  text-transform:uppercase;
}

#wrapper .node h3 {
  padding: 0 0 5px;
  margin-bottom: 5px;
  font: bold 16px "Interstate",sans-serif;
  text-transform:uppercase;
}

#wrapper .node h4 {
  padding: 0 0 5px;
  margin-bottom: 3px;
  font: bold 14px "Interstate",sans-serif;
  text-transform:uppercase;
}

table.table tr.new {
    background-color: #cfc;
}

.submitLink {
background-color: transparent;
border: none;
cursor: pointer;
}


.submitLink:hover {
  text-decoration:underline;
}

.filter-selected {
  font-weight:bold;
}

#new-ticket-form b {
  min-width:100px;
}

.product_category {
  float: left;
  border: 1px solid #d5d5d5;
  padding:12px;

}

.product_category:hover {
  -webkit-box-shadow: 0 0 3px #898989;
  -moz-box-shadow: 0 0 3px #898989;
  box-shadow: 0 0 3px #898989;
  z-index: 99;
}

.product_category h3 {
  font-size:1.4em !important;
  line-height:0.9em;
  margin-bottom: 0px !important;
}

.hr {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 5px 0 13px;
}

.hr .thick {
  float: left;
  height: 3px;
  background: #000;
  width: 45%;
}

.hr .thin {
  float: left;
  height: 1px;
  background: #000;
  width: 55%;
  margin-top: 1px;
}

#service-form-div {
  width:450px;
  font-family: "Interstate", "Arial", sans-serif;
  font-weight: normal !important;
  font-size:12px;
  line-height: 16px;
}

#service-form-div h2 {
  font-family: "InterstateBold", "Arial", sans-serif;
  text-transform: uppercase;
  font-size: 1.4em !important;
  padding:6px 8px !important;
  background: #ffd200;
}

#service-form-div input[type="text"], input[type="password"], input[type="email"], select, textarea {
  font-family: "Interstate", "Arial", sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 1px 1px 1px #d5d5d5;
  -moz-box-shadow: inset 1px 1px 1px #d5d5d5;
  box-shadow: inset 1px 1px 1px #d5d5d5;
/*   width: 80%; */
  border: 1px solid #d5d5d5;
  color: #333;
  height:28px;
}

#service-form-div label {
  font-family: "Interstate", "Arial", sans-serif;
  text-transform: uppercase;
  font-weight: normal !important;
  font-size:12px;
  line-height: 12px;
}


#service-form-div-double {
  font-family: "Interstate", "Arial", sans-serif;
  font-weight: normal !important;
  font-size:12px;
  line-height: 16px;
}

#service-form-div-double h2 {
  font-family: "InterstateBold", "Arial", sans-serif;
  text-transform: uppercase;
  font-size: 1.4em !important;
  padding:6px 8px !important;
  background: #ffd200;
}

#service-form-div-double input[type="text"], input[type="password"], input[type="email"], select, textarea {
  font-family: "Interstate", "Arial", sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 1px 1px 1px #d5d5d5;
  -moz-box-shadow: inset 1px 1px 1px #d5d5d5;
  box-shadow: inset 1px 1px 1px #d5d5d5;
/*   width: 80%; */
  border: 1px solid #d5d5d5;
  color: #333;
  height:28px;
}

#service-form-div-double label {
  font-family: "Interstate", "Arial", sans-serif;
  text-transform: uppercase;
  font-weight: normal !important;
  font-size:12px;
  line-height: 12px;
}

.casall-text {
  font-family: "Interstate", "Arial", sans-serif;
  font-weight: normal !important;
  font-size:13px;
  line-height: 17px;
}

.manuals {
  line-height:22px;

}

.manuals tr {
  border-top: 1px solid #DDDDDD;
}

#content {
  padding-top: 25px;
}



#footer{
  margin-left:auto;
  margin-right:auto;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  *zoom:1;
  width:100%;
  max-width:960px;
  padding:2rem 2rem 10rem;
  background:#000;
  color:#fff;
   font-family: "Interstate", "Arial", sans-serif;
   font-weight: normal !important;
  font-size:10px;
  line-height: 14px;
  height:220px;
  }

  #footer:after{content:" ";
  display:table;
  clear:both}

  #footer a{color:#fff}

  #footer a:hover{color:#b3b3b3}

  #footer h4,#footer label{font-family:"Interstate",  "Arial", sans-serif;
  text-transform:uppercase;
  margin:0;
  font-size:1rem}

  #footer form.newsletter-form{float:right;
    width:50%}

    #footer form.newsletter-form input{padding:0.15rem 0.25rem;
    font-size:.9em;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  float:left}

  #footer form.newsletter-form label{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  float:left;
  display:inline-block;
  margin-bottom:.8rem}

  #footer form.newsletter-form div{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  float:left;
  text-align:right;
  padding-top:0.5rem}

  #footer form.newsletter-form div button.small{padding:.27rem .5rem;
    font-size:.8rem;
  background:#333;
  display:none}

  #footer form.newsletter-form div button.small:hover{color:#d9d9d9}

  #footer .logo-newsletter{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:300px;
  float:left;
  margin:0 0 1rem}

  #footer .logo-newsletter .img{

    width:100px;
    float:left;
    padding:12px;
    padding-left:0;
    padding-top:0;
  }

  #footer .logo-newsletter .img img{max-height:100%}

  #footer .logo-newsletter form{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:50%;
  float:left}

  #footer .logo-newsletter form button.small{font-weight:normal}

  #footer .service{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:50%;
  float:left}

  #footer .service ul{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  float:left;
  padding-right:5px;
  margin-bottom:.5rem}

  #footer .service ul li{margin-bottom:.5rem}

  #footer .service a{color:#fff;
    line-height:1.2rem}

    #footer .service a:hover{color:#b3b3b3}

    #footer .social{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:50%;
  float:left;
  font-size:1rem}

  #footer .social h4{margin-bottom:.8rem}

  #footer .social a{color:#fff}

  #footer .social a:hover{color:#b3b3b3}

  #footer .social em{font-size:1.5rem;
    vertical-align:middle}

    @media all and (min-width: 480px){#footer .logo-newsletter{padding-right:1rem}

    #footer .logo-newsletter .img{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:50%;
  float:left;
  display:table;
  text-align:center}

  #footer .logo-newsletter form div button.small{display:inline}

  #footer .service{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:75%;
  float:left;
  padding:1rem}

  #footer .service ul{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:33.33333%;
  float:left}

  #footer .social{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:25%;
  float:left;
  padding:1rem}

}


#ticket-footer{
  margin-left:auto;
  margin-right:auto;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  *zoom:1;
  width:100%;
  max-width:1200px;
  padding:2rem 2rem 10rem;
  background:#000;
  color:#fff;
   font-family: "Interstate", "Arial", sans-serif;
   font-weight: normal !important;
  font-size:10px;
  line-height: 14px;
  height:220px;
  }

.no-mediaqueries #footer .logo-newsletter{padding-right:1rem}

  .no-mediaqueries #footer .logo-newsletter .img{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:50%;
  float:left;
  display:table;
  text-align:center}

  .no-mediaqueries #footer .logo-newsletter form div button.small{display:inline}

  .no-mediaqueries #footer .service{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:75%;
  float:left;
  padding:1rem}

  .no-mediaqueries #footer .service ul{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:33.33333%;
  float:left}

  .no-mediaqueries #footer .social{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:25%;
  float:left;
  padding:1rem}
  
  .#footer-logo {
  	height: 65px;
  }

  @media all and (min-width: 768px){#footer .#footer-logo{float:left}

  #footer .logo-newsletter{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:41.66667%;
  float:left}

  #footer .logo-newsletter .img{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:33.33333%;
  float:left;
  padding:1rem;
  display:block;
  padding-top:0;
  padding-left:0;
  margin-top:12px}

  #footer .logo-newsletter form{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:66.66667%;
  float:left;
  padding:1rem;
  padding-top:0}

  #footer .service{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:41.66667%;
  float:left;
  padding-top:0}

  #footer .social{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:16.66667%;
  float:left;
  padding-top:0}

}

.no-mediaqueries #footer .#footer-logo{float:left}

  .no-mediaqueries #footer .logo-newsletter{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:41.66667%;
  float:left}

  .no-mediaqueries #footer .logo-newsletter .img{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:33.33333%;
  float:left;
  padding:1rem;
  display:block;
  padding-top:0;
  padding-left:0;
  margin-top:12px}

  .no-mediaqueries #footer .logo-newsletter form{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:66.66667%;
  float:left;
  padding:1rem;
  padding-top:0}

  .no-mediaqueries #footer .service{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:41.66667%;
  float:left;
  padding-top:0}

  .no-mediaqueries #footer .social{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:16.66667%;
  float:left;
  padding-top:0}

  @media all and (min-width: 960px){#footer .logo-newsletter{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:41.66667%;
  float:left}

  #footer .logo-newsletter .img{margin-top:8px}

  #footer .service{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:41.66667%;
  float:left}

  #footer .social{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:16.66667%;
  float:left}

}

.no-mediaqueries #footer .logo-newsletter{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:41.66667%;
  float:left}

  .no-mediaqueries #footer .logo-newsletter .img{margin-top:8px}

  .no-mediaqueries #footer .service{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:41.66667%;
  float:left}

  .no-mediaqueries #footer .social{-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:16.66667%;
  float:left}



#footer nav li a {
  display: inline-block;
  font-size:12px;
  line-height: 10px;
}

#footer .service-nav {
  width:160px;
  float:left;
}
#footer .social-nav {
  width:100px;
  float:left;
}

#footer ul {
  list-style-type: none;
}

#footer h4 {
  font-size:12px;
  font-weight:normal;
}

#footer label {
  font-size:12px;
  font-weight:normal;
}

#footer .button, a.button {
  font-family: "Interstate", "Arial", sans-serif;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #000;
  border: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px !important;
  font-weight: normal !important;
  cursor: pointer;
  padding:1px 4px !important;
}

.satf-button {
font-family: "Interstate", "Arial", sans-serif;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
background: #000;
border: 0;
color: #fff;
text-transform: uppercase;
font-size: 12px;
padding: 8px 12px;
cursor: pointer;
}

.satf-button:hover {
  color: #d9d9d9;
}

.footer-absolute {
/* 
  position: absolute;
  bottom: 0;
  margin-left: 0;
 */
}

.footer-relative {
  position:relative;
}

.resolution-chooser {
  width:120px !important;
  float:left;
}

.resolution-chooser-last {
  margin-left: 16px;
}

.typeahead_wrapper { display: block; height: 70px; min-height:70px; min-width:250px;}
.typeahead_photo { float: left; max-width: 62px; max-height: 62px; margin-right: 5px; padding-top: 4px; padding-bottom: 4px; }
.typeahead_labels { float: left; height: 62px; margin-left: 30px; padding-top:4px; padding-bottom: 4px; }
.typeahead_primary { font-size: 1em; }
.typeahead_secondary { font-size: .8em;}

#search-container {
  position:absolute;
  top:10px;
  right:60px;
  padding:0 !important;
  overflow:visible;
}

.small-error-text {
  color:#CC0000;
  font-style:italic;
}

.page_format_image {
  cursor:pointer;
}

.page_format_image_selected {
  outline:4px solid #ffd130;
}
