/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

.jobs h1 {
  font-size: 20px;
  margin-bottom: 15px;
  color: white;
  border-bottom: 1px solid #666;
  padding-bottom: 7px;
}

h2 {
  font-size: 14px;
  margin-bottom: 15px;
}

.jobs ul li {
  line-height: 18px;
  list-style-type: square;
  margin: 0 0 0 15px;
}

a {
  color: #e3e3e3;
}

a:hover {
  color: #99cc00;
  text-decoration: none;
}

body {
  line-height: 18px;
  font: 12px normal arial, helvetica;
  background: #333 url(/assets/frontend/hosts/site/body-bg-7c448e3375c54a5618781d0d5207906a3efce51d8d516d0c1a2465f0d56971c1.gif) 0 0 repeat-x;
  color: #e3e3e3 !important;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

p {
  line-height: 18px;
  margin: 10px 0;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

strong {
  color: white;
}

.container {
  width: 990px;
  margin: 0 0 60px 0;
}

.header {
  height: 184px;
  width: 990px;
  background: url(/assets/frontend/hosts/site/header-bg-54ca635ff9ce35f50af9bd90e64ae253a5eccd74e075ffc75b3c921ee6bfd7d2.jpg) 0 0 no-repeat;
}

.header h1 a {
  display: block;
  width: 200px;
  height: 50px;
  text-indent: -5000px;
  background: url(/assets/frontend/hosts/site/logo-60dae8ae1128ce5a3665219cd51a1006b9da1194c7b49b7f8835241f60959853.gif) 0 0 no-repeat;
  margin: 70px 0 0 30px;
}

.header h2 {
  width: 500px;
  height: 40px;
  background: url(/assets/frontend/hosts/site/tagline-d3b0a824591751c77fcf50d28df7abfdc31c22609792bec1bffd26beab2946c0.gif) 0 0 no-repeat;
  text-indent: -5000px;
  margin: 70px 0 0 140px;
}

h3#team {
  height: 30px;
  text-indent: -5000px;
  background: url(/assets/frontend/hosts/site/header-team-f8f9f82c7f7cf70c0badc569d33375f669f2d2006d47894ba6ba7f3d3becea29.gif) 0 0 no-repeat;
}

h3#products {
  height: 30px;
  text-indent: -5000px;
  background: url(/assets/frontend/hosts/site/header-products-3e0c186b967d7cd69b58e569ead29ad99703cf1ab1c5eefa7fc6696139d4654c.gif) 0 0 no-repeat;
  margin-bottom: 0;
}

h3#about {
  height: 30px;
  text-indent: -5000px;
  background: url(/assets/frontend/hosts/site/header-about-46b529d300cec60ed0983937e0edbd58cee98cb45c5fbd0a1395b4f10a856146.gif) 0 0 no-repeat;
}

h3#company {
  height: 30px;
  text-indent: -5000px;
  background: url(/assets/frontend/hosts/site/header-company-7248b6229f54dec6a7aa3c9c0075cd926833e129305c472f4436cd5a204d0d84.gif) 0 0 no-repeat;
}

h3#archives {
  height: 30px;
  text-indent: -5000px;
  background: url(/assets/frontend/hosts/site/header-archives-29a2ab7b1b18ca9e2cd66097d84b7b3894402a988ef28c7d25bdfc82fcc52b15.gif) 0 0 no-repeat;
}

h3#contact {
  height: 30px;
  text-indent: -5000px;
  background: url(/assets/frontend/hosts/site/header-contact-eb2e6b03cccecbde62dd82203540836ed0b72f6a1a098dba40e7bd53ecbeb694.gif) 0 0 no-repeat;
}

#news .content .leftcolumn {
  width: 620px;
}

#news .content .rightcolumn {
  width: 300px;
}

#contact .content .rightcolumn {
  width: 960px;
}

#contact #contactform .leftcolumn {
  width: 220px;
  text-align: right;
}

#contact #contactform .submit, #contact #contactform .captcha {
  padding: 0 0 0 240px;
}

.content {
  padding: 30px 0 0 30px;
}

.content .leftcolumn {
  width: 220px;
}

.content .leftcolumn li {
  border-bottom: 1px solid #666;
  padding: 5px 0 10px 0;
  margin: 0 0 5px 0;
  width: 100% !important;
}

.content .leftcolumn li#breederoo a {
  display: block;
  width: 135px;
  height: 24px;
  margin: 5px 0 5px 0;
  text-indent: -5000px;
  background: url(/assets/frontend/hosts/site/logo-breederoo-5ddaa9ef7f379d6dfa9588ec099895a7b6a7e8253715d3a12effeede11469008.gif) 0 0 no-repeat;
}

.content .leftcolumn li#breederoo a:hover {
  background-position: 0 -22px;
}

.content .leftcolumn li#starzoogle a {
  display: block;
  width: 166px;
  height: 35px;
  margin: 5px 0 5px 0;
  text-indent: -5000px;
  background: url(/assets/frontend/hosts/site/logo-starzoogle-03ef7ae1f80927ca91faf314aefd1308451cf25c85c9d05523903da0d0fe36cf.gif) 0 0 no-repeat;
}

.content .leftcolumn li#starzoogle a:hover {
  background-position: 0 -35px;
}

.content .leftcolumn li#bandzoogle a {
  display: block;
  width: 161px;
  height: 48px;
  text-indent: -5000px;
  background: url(/assets/frontend/hosts/site/logo-bandzoogle-24da8c36261417a228d5aab172dd0f1fccf5b5d58076a6608e9a38870b8c81f8.gif) 0 0 no-repeat;
}

.content .leftcolumn li#bandzoogle a:hover {
  background-position: 0 -45px;
}

.content .leftcolumn li#landscaperoo a {
  display: block;
  width: 200px;
  height: 55px;
  text-indent: -5000px;
  background: url(/assets/frontend/hosts/site/logo-landscaperoo-7e38b1281ad9fa3968df89445d3145406c6bb731da19587e439abe5a4a77fca4.gif) 0 0 no-repeat;
}

.content .leftcolumn li#landscaperoo a:hover {
  background-position: 0 -52px;
}

.content .leftcolumn li#contractoroo {
  border-bottom: none !important;
}

.content .leftcolumn li#contractoroo a {
  display: block;
  width: 200px;
  height: 55px;
  text-indent: -5000px;
  background: url(/assets/frontend/hosts/site/logo-contractoroo-9ccbd93abcfc469ada5c0563a18bebcbdc19953d3bcb0d6985a2868f30e27371.gif) 0 0 no-repeat;
}

.content .leftcolumn li#contractoroo a:hover {
  background-position: 0 -55px;
}

.content .middlecolumn {
  width: 380px;
}

.content .middlecolumn p, .content .rightcolumn p {
  margin: 0 0 15px 0;
}

#news .content .leftcolumn p {
  margin: 0 0 15px 0;
}

#news .content .leftcolumn h1 {
  margin: 0 0 15px 0;
  font-size: 18px;
  font-weight: bold;
  color: white;
}

.content .middlecolumn p.caption {
  height: 65px;
  background: url(/assets/frontend/hosts/site/caption-27f5d4a1f01f2bf6a97ef6e75e23271f13c773e595c334f0a24301c426aae4fe.gif) 0 0 no-repeat;
  margin: 0 0 15px 0;
  text-indent: -5000px;
}

.content .middlecolumn ul {
  margin: 0 0 30px 0;
}

.content .middlecolumn li {
  padding: 0 0 0 20px;
  line-height: 18px;
  background: url(/assets/frontend/hosts/site/bullet-b01296d6c314c66cd587edcb7cb09eb4305631a7d813597599be7f3d0f31cf6c.gif) 0 2px no-repeat;
  margin: 0 0 15px 0;
}

.content .rightcolumn {
  width: 300px;
}

.content .rightcolumn p,
.content p {
  margin: 0 0 15px 0;
}

.content .leftcolumn ul,
.content ul {
  margin: 0 0 30px 0;
}

.content ul.news {
  margin: 0 20px 0 0;
}

.content ul.news li {
  padding: 0 0 15px 20px;
  background: url(/assets/frontend/hosts/site/bullet-b01296d6c314c66cd587edcb7cb09eb4305631a7d813597599be7f3d0f31cf6c.gif) 0 0 no-repeat;
  margin: 0 0 15px 0;
}

.content ul.news li:last-child {
  border-bottom: none !important;
}

.content .rightcolumn ul.team li {
  margin: 0 0 15px 0;
}

.content .rightcolumn ul.team li#vinson {
  padding: 0 0 0 75px;
  background: url(/assets/frontend/hosts/site/team-photos-2ceec87a0185a172e99907c643379dd850bd788f27d1bf94eebde867cd403151.gif) 0 -5px no-repeat;
  height: 60px;
}

.content .rightcolumn ul.team li#gordon {
  padding: 0 0 0 75px;
  background: url(/assets/frontend/hosts/site/team-photos-2ceec87a0185a172e99907c643379dd850bd788f27d1bf94eebde867cd403151.gif) 0 -230px no-repeat;
  height: 60px;
}

.content .rightcolumn ul.team li#mitchell {
  padding: 0 0 0 75px;
  background: url(/assets/frontend/hosts/site/team-photos-2ceec87a0185a172e99907c643379dd850bd788f27d1bf94eebde867cd403151.gif) 0 -80px no-repeat;
  height: 60px;
}

.content .rightcolumn ul.team li#spurr {
  padding: 0 0 0 75px;
  background: url(/assets/frontend/hosts/site/team-photos-2ceec87a0185a172e99907c643379dd850bd788f27d1bf94eebde867cd403151.gif) 0 -155px no-repeat;
  height: 60px;
}

.content .rightcolumn ul.team li#sharp {
  padding: 0 0 0 75px;
  background: url(/assets/frontend/hosts/site/team-photos-2ceec87a0185a172e99907c643379dd850bd788f27d1bf94eebde867cd403151.gif) 0 -378px no-repeat;
  height: 60px;
}

.content .rightcolumn ul.team li#bedford {
  padding: 0 0 0 75px;
  background: url(/assets/frontend/hosts/site/team-photos-2ceec87a0185a172e99907c643379dd850bd788f27d1bf94eebde867cd403151.gif) 0 -452px no-repeat;
  height: 60px;
}

.content .rightcolumn ul.team li#pauly {
  padding: 0 0 0 75px;
  background: url(/assets/frontend/hosts/site/team-photos-2ceec87a0185a172e99907c643379dd850bd788f27d1bf94eebde867cd403151.gif) 0 -528px no-repeat;
  height: 60px;
}

.content .rightcolumn ul.team li#dufresne {
  padding: 0 0 0 75px;
  background: url(/assets/frontend/hosts/site/team-photos-2ceec87a0185a172e99907c643379dd850bd788f27d1bf94eebde867cd403151.gif) 0 -675px no-repeat;
  height: 60px;
}

.leftcolumn h3, .middlecolumn h3, .rightcolumn h3 {
  margin: 0 0 15px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #666;
}

.leftcolumn, .middlecolumn, .rightcolumn {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.footer {
  height: 30px;
  border-top: 1px solid #666;
  padding: 20px 0 0 130px;
  margin: 30px 0 0 30px;
  background: url(/assets/frontend/hosts/site/footer-logo-32e5d91c411dbf2bc916085dbef95c8bae8ece1c9b5b86fc8359f02621d22dcd.gif) 0 15px no-repeat;
}

.footer .contact {
  border-left: 1px solid #666;
  padding: 0 0 0 15px;
  margin: 0 0 0 15px;
}

.cf:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .cf {
  height: 1%;
}

.field_with_errors input, .field_with_errors textarea {
  padding: 2px;
  border: 1px solid red !important;
  display: table;
}

#errorExplanation {
  border: 1px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin: 20px;
  background-color: #f0f0f0;
  text-align: left;
}
#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 0px;
  background-color: #c00;
  color: #fff;
}
#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}
#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.zoogle_flash {
  font-size: 14px;
}
.zoogle_flash .negative {
  color: red;
}
.zoogle_flash .positive {
  color: green;
}

.captcha-image-wrap {
  display: flex;
  align-items: center;
}
.captcha-image-wrap img {
  width: 200px;
  height: 70px;
}
.captcha-image-wrap a.reload-captcha {
  margin-top: 24px;
  margin-left: 6px;
}
.captcha-image-wrap svg.icon {
  width: 24px;
  height: 24px;
}

.simple_form {
  /* This is a hack to get frontend login forms working [Eli] */
  /* For when you have only text where the field goes */
}
.simple_form div.input {
  margin-bottom: 10px;
  clear: both;
  /* Required for Webkit, but not for Gecko */
}
.simple_form label {
  float: left;
  width: 170px;
  text-align: right;
  margin: 2px 10px;
  font-weight: bold;
  padding-top: 5px;
}
.simple_form label .hint {
  font-weight: normal;
}
.simple_form .field-group {
  display: block;
  margin-left: 190px;
}
.simple_form div.radio ul, .simple_form div.radio_buttons ul {
  list-style-type: none;
}
.simple_form div.radio ul label, .simple_form div.radio_buttons ul label {
  float: none;
}
.simple_form div.radio ul li, .simple_form div.radio_buttons ul li {
  width: 300px;
  padding-left: 150px;
}
.simple_form .input_field .plain_text_field {
  padding-top: 7px;
  display: block;
}

div.boolean label {
  float: none;
  margin: 0;
  padding-left: 186px;
  font-weight: normal;
}
div.boolean label input {
  margin-right: 6px;
}

label.collection_radio_buttons {
  float: none;
  margin: 0;
  margin-right: 10px;
  vertical-align: -2px;
  margin-left: 2px;
}

.simple_form .error {
  color: black;
  display: block;
  margin-left: 190px;
  font-style: italic;
}
.simple_form .hint {
  clear: left;
  color: #555;
  display: block;
  font-style: italic;
}
.simple_form .hint:empty {
  display: none;
}

input.radio {
  margin-right: 5px;
  vertical-align: -3px;
}
input.check_boxes {
  margin-left: 3px;
  vertical-align: -3px;
}

label.collection_check_boxes {
  float: none;
  margin: 0;
  vertical-align: -2px;
  margin-left: 2px;
}

label.required abbr {
  display: none;
}

.livechat-button {
  display: none;
}

body.livechat-online .livechat-button {
  display: inline;
}
body.livechat-online .livechat-button i {
  background: url(/assets/frontend/hosts/shared/livechat-50ddd2716800a8483d713433b4230a114e4b008b5b8dcd556480224eb93d0516.png) left no-repeat;
  width: 20px;
  height: 14px;
  margin-top: 1px;
  display: inline-block;
}

span.font_small,
span.text-small {
  font-size: 0.8em;
}

span.font_regular {
  font-size: 1em;
}

span.font_large,
span.text-big {
  font-size: 1.4em;
}

span.font_xl,
span.text-huge {
  font-size: 2em;
}

div.captioned.justify_inline,
.justify_inline {
  float: none;
  display: inline-block;
}

div.captioned.justify_left,
.justify_left {
  float: left;
  margin: 0.5em;
}

div.captioned.justify_right,
.justify_right {
  float: right;
  margin: 0.5em;
}

body.mobile-view #usersite-container div.captioned.justify_left,
body.mobile-view #usersite-container div.captioned.justify_right,
body.mobile-view #usersite-container .size_l.justify_right,
body.mobile-view #usersite-container .size_l.justify_left {
  margin: 0.5em 0;
}

div.captioned.justify_center,
.justify_center {
  display: block;
  margin: 0.5em auto;
  float: none;
}

.justify_absMiddle {
  vertical-align: middle;
}

.justify_none {
  display: inline;
  margin: 0;
  padding: 0;
  float: none;
}

div.captioned.border_thin img,
img.border_thin {
  border: thin solid black;
}

div.captioned.border_medium img,
img.border_medium {
  border: medium solid black;
}

div.captioned.border_thick img,
img.border_thick {
  border: thick solid black;
}

div.captioned {
  display: flex;
  flex-direction: column;
  text-align: center;
}
div.captioned img {
  margin-bottom: 0.5em;
  height: auto;
}
div.captioned .caption {
  width: auto;
  text-align: center;
  margin: 0.15em 0;
}

div.captioned.justify_none {
  text-align: left;
}
div.captioned.justify_none .caption {
  text-align: left;
}

div.captioned img,
img[class*=size_] {
  width: var(--image-width);
  max-width: var(--image-max-width, none);
  height: auto;
}

div.captioned.size_s img,
img.size_s {
  --image-width: 125px;
}

div.captioned.size_m img,
img.size_m {
  --image-width: 300px;
}

div.captioned.size_l img,
img.size_l {
  --image-width: 600px;
}

div.captioned.size_xl img,
img.size_xl {
  --image-width: 100%;
}

div.captioned.size_orig[width=""] img,
img.size_orig[width=""] {
  --image-width: auto;
}

div.captioned.size_orig img,
img.size_orig {
  --image-width: auto;
  --image-max-width: 100%;
}

div.track {
  clear: both;
  margin: 0.5em;
}

[feature-width~="<600"] div.captioned.size_l img,
[feature-width~="<600"] img.size_l {
  width: 100%;
  height: auto;
}

[feature-width~="<300"] div.captioned.size_m img,
[feature-width~="<300"] img.size_m {
  width: 100%;
  height: auto;
}

[feature-width~="<200"] div.captioned.size_s img,
[feature-width~="<200"] img.size_s {
  width: 100%;
  height: auto;
}

figure.table:not([style*=float]) {
  margin: 0 auto;
}
figure.table table {
  width: 100%;
  height: 100%;
}