/** @format */

@charset "utf-8";

/* ==========================================================================
   1. Core Resets & Base Variables
   ========================================================================== */
* {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
}

body {
  background: #f8fcff;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
  font-size: 16px;
}

div,
form,
h1,
h2,
h3,
h4,
p {
  margin: 0;
  padding: 0;
}

p {
  font-size: 16px;
  line-height: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
}

em,
i {
  font-style: italic;
}

strong {
  font-weight: bold;
}

.hidden {
  display: none !important;
}

.showHand {
  cursor: pointer;
}

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  /* Remove browser default appearances */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* Reset box model & typography defaults */
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  line-height: normal;

  /* Reset interactive behaviors */
  cursor: pointer;
  outline: none;
  box-shadow: none;
  border-radius: 0;
}

/* ==========================================================================
   2. Typography & Links
   ========================================================================== */
a {
  color: #006d8d;
  text-decoration: none;
  padding: 1px 2px;
  font-weight: bold;
  cursor: pointer;
}

a:hover {
  color: #10a3d0;
}


#logo > a,
#logo > a:hover,
a.transparent,
a.image,
a.image:hover,
.hpcols_title:hover,
.slideshow-images a,
.slideshow-images:hover a {
  text-decoration: none !important;
  background: none !important;
  border-radius: 0;
  padding: 0 !important;
}

span.greeting {
  font-weight: bold;
}
span.greeting a {
  text-decoration: underline;
}

h1,
.h1,
h1 a,
a.title,
div.homepage_feed a {
  display: block;
  font-family: sans-serif;
  font-weight: bold;
  font-variant: normal;
  font-size: 24px;
  line-height: 26px;
  text-align: left;
  padding: 5px 5px 5px 0px;
  color: #222;
  width: 100%;
  text-decoration: none !important;
}

.hpcols_title {
  font-family: sans-serif;
  font-variant: normal;
  font-size: 14px;
  line-height: 14pt;
  padding: 0 0 2px 0;
  color: #222;
  width: 100%;
  text-decoration: none;
}

.hpcols_title:hover {
  color: #de0a21;
}

h2,
span.h2 {
  font-family: sans-serif;
  font-weight: bold !important;
  font-variant: normal;
  font-size: 18px;
  line-height: 22pt;
  text-align: left;
  color: #222;
  width: 100%;
}

h3 {
  font-family: sans-serif;
  font-weight: bold;
  font-variant: normal;
  font-size: 1.1em;
  line-height: 18pt;
  margin: 5px 0 0 0;
  color: #222;
}

li h3 {
  padding: 3px 0;
}

h4 {
  font-weight: bold;
  font-variant: normal;
  font-size: 12px;
  text-align: left;
}

h3#directory_title,
h3#shop_title {
  font-weight: bold;
  text-align: center;
}

h3#directory_title > a,
h3#shop_title > a {
  text-decoration: none !important;
}

/* ==========================================================================
   3. Main Structural Containers (960px Grid Layouts)
   ========================================================================== */
#top_wrapper {
  display: block;
  width: 100%;
  min-width: 960px;
  margin: 0 auto;
  z-index: 10;
  text-align: center;
  /* background: #fff url(../images_2026/splash.png) center 30px no-repeat; */
  /* background: #fff url(../images_2026/splash.png) center 0px; */
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url('../images_2026/splash.png');
  background-repeat: no-repeat;
  background-position: right 0px top 50px;
  background-size: 60% auto; 
  /* min-height: 128px;*/
}

#top_container {
  display:flex;
  width: 960px;
  margin: 0 auto;
  text-align: center;
  align-items: baseline; /* Vertically aligns them in the middle */
}

/* #logo {
    margin: 0 0 0 0;
    text-align: left;
    display: block;
    float: left;
    cursor: pointer;
    background: none !important;
    text-decoration: none !important;
} */

#logo {
  flex: 1;               /* Forces all 3 items to grow equally and share space 1:1:1 */
  min-width: 0;  
  text-align: left;
  transform: translateY(5px);

}

#quick_box {
    
    transform: translateY(-15px);
    flex: 1;               /* Forces all 3 items to grow equally and share space 1:1:1 */
  min-width: 0;  
    
}
#next_to_logo {
  flex: 1;               /* Forces all 3 items to grow equally and share space 1:1:1 */
  min-width: 0;  
  text-align: right;
  transform: translateY(-13px);
}

#quick_box_search_label {
    display: none;
}
#quick_box_search {
    display: inline-block;
    width: 300px;
    margin: 0px 2px 0 0;
    font-size: 1.2em;
    padding: 5px;
    position: relative;
    vertical-align: middle;
    color: #fff;
    border: 1px solid #006d8d;
    background: #006d8d;
    border-radius: 5px;
}

#quick_box_search:focus {
    border: 1px solid #006d8d;
    color: #fff;
}

#quick_box_search_btn {
    display: inline-block;
    padding: 7px 5px 9px 5px;
    font-size: 1.2em;
} 
/* #next_to_logo {
    float: right;
    display: block;
    width: 400px;
    overflow: hidden;
    text-align: right !important;
} */

#content_box,
#footer,
.slideshow_camera {
  display: block;
  width: 960px;
  margin: 0 auto;
  text-align: center;
}

#top_container,
#content_box,
#footer {
  border: 0;
}

#content_box {
  clear: both;
}

#content_container {
  clear: both;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

#content_wide {
  float: left;
  width: 780px;
  padding: 10px;
  text-align: left;
  background: #fff;
}

#content_full {
  display: block;
  padding: 10px;
  position: relative;
  width: 960px;
  margin: 0 auto;
  text-align: left;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); 
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#footer_container {
  clear: both;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 50px 0 0 0;
  text-align: center;
  height: 184px;
  color: #666;
}

#footer {
  text-align: left;
  vertical-align: top;
}

#footer a {
  background: none;
  color: #444;
  text-decoration: none;
  padding: 1px 2px;
  border-radius: 2px;
}

#footer a:hover {
  color: #207608;
  text-decoration: none !important;
}

#copyright {
  
}

/* ==========================================================================
   4. Component Utilities (Lists, Media, Alignment)
   ========================================================================== */
#content_wide ul li,
#content_wide ol li,
#content_full ul li,
#content_full ol li {
  
  list-style: disc;
  list-style-position: inside;
}

#content_wide ul.tabset_tabs li,
#content_full ul.tabset_tabs li {
  padding: 0;
  margin-left: 0;
  list-style: none;
}

#content_wide ol li,
#content_full ol li {
  list-style: decimal;
}

#content_wide ol:not(.product_list),
#content_full ol:not(.product_list),
#content_wide ul:not(.product_list),
#content_full ul:not(.product_list) {
    padding:5px;
    margin:0 5px;
    display:inline-block;
}

#content_full ol li.h2,
#content_wide ol li.h2 {
  font-family: sans-serif;
  font-weight: bold !important;
  font-variant: normal;
  font-size: 21px !important;
  line-height: 22px;
  text-align: left;
  padding: 5px;
  color: #222;
  width: 100%;
}

div.description {
    display:inline-block;
    width:55%;
    clear:none;
}

.floatL,
.left {
  float: left;
}
.clearL {
  clear: left;
}
.floatR,
.right {
  float: right;
}
.clearR {
  clear: right;
}
.clearB {
  clear: both;
}

.left,
.right {
  text-align: center;
}

.vspacer {
  clear: both;
  margin: 20px 0 0 0 !important;
}

.strikethrough {
  text-decoration: line-through;
}

.ajax-loading {
  padding: 20px;
  background: url(../images/spinner.gif) no-repeat center;
}

.banner_ad {
  display: block;
  float: right;
  position: relative;
  width: 468px;
  height: 60px;
  margin-top: 40px;
  left: -10px;
}

ul.dataList,
ul.checklist,
ul.checklist li {
  list-style: none !important;
}

li.dataList {
  border: 1px solid #f5f1ec;
  background-color: #f9f9f9;
  margin: 1px 0 !important;
  padding: 1px 3px;
  list-style: none !important;
}

ul.checklist li {
  line-height: 20px;
  margin: 0 !important;
}


p.create_date {
  font-size: 9px;
  margin: 1px 0;
  padding: 0;
}

p.introduction {
  font-style: italic;
}

div.pic {
  border: 1px solid #ccc;
  background: #fff;
  margin: 5px;
  padding: 4px;
  display: block;
  position: relative;
  float: left;
  width: 140px;
  text-align: center;
}

div.pic img {
  border: 1px solid #f5f1ec;
}

span.tooltext {
  display: none;
}
html {
  scroll-behavior: smooth;
}

.back-to-top {
  /* position: fixed;
  bottom: 20px;
  right: 20px; */
  padding: 10px 15px;
  background-color: #333;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  pointer-events: all;

}

.back-to-top-wrapper {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  
  /* Initial hidden styling */
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px); /* Slight slide down effect */
  transition: all 0.3s ease-in-out; /* Smooth transition */
}


.back-to-top-wrapper.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0); /* Returns to original position */
}

/* Hero Container */
.hero-section {
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 1.5rem;
  background: url('../images_2026/tractor-cropped2.jpg') center/cover no-repeat;
  color: #ffffff;
  text-align: center;
}

/* Dark subtle overlay to improve background contrast without blocking the image */
.hero-overlay {
  position: absolute;
  inset: 0;
  /* background: rgba(15, 23, 42, 0.45); Subtle dark gradient mask */
  z-index: 1;
}

/* Glassmorphism Card Container */
.hero-content {
  position: relative;
  z-index: 2;
  max-width: 1400px;
  padding: 2.5rem 2rem;
  background: rgba(255, 255, 255, 0.12);
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
}

/* Typography Hierarchy */
.hero-title {
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: #ffffff;
  letter-spacing: -0.02em;
}

.hero-description {
  font-size: 1.125rem;
  line-height: 1.6;
  color: #f1f5f9;
  margin-bottom: 2rem;
  font-weight: 400;
}

/* Call to Action Buttons */
.hero-cta-group {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

.btn {
  padding: 0.875rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.btn-primary {
  background-color: #0284c7; /* Vibrant brand blue */
  color: #ffffff;
  box-shadow: 0 4px 6px -1px rgba(2, 132, 199, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.btn-primary:hover {
  background-color: #0369a1;
  color: #ffffff;
  transform: translateY(-2px);
}

.btn-secondary {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  /* border: 1px solid rgba(255, 255, 255, 0.4); */
}

.btn-secondary:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
  transform: translateY(-2px);
}

/* Trust Badge / Subtext */
.hero-badge {
  display: inline-block;
  font-size: 0.875rem;
  color: #cbd5e1;
  font-weight: 500;
  letter-spacing: 0.025em;
}

/* ==========================================================================
   5. Checkout & Form Layouts (Modernized with Flexbox/Grid)
   ========================================================================== */
.checkout_container {
  display: flex;
  gap: 20px;
}

.checkout_left {
  border-right: 1px solid #ccc;
  width: 50%;
  padding: 10px 30px 10px 10px;
  display:inline-block;
}

.checkout_right {
  background-color: #eee;
  padding: 10px;
  width: 50%;
  float:right;
}

.checkout_name {
  width: 60%;
  display: inline-block;
}

table.checkout {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

table.checkout tr,
table.checkout th,
table.checkout td {
  text-align: left;
  font-weight: normal;
  border: 0;
}

table.checkout td.rightA {
  text-align: right;
}
table.checkout td.amount,
table.checkout td.qty {
  text-wrap: nowrap;
  font-size: 12px;
}
table.checkout td.name {
  max-width: 50%;
  font-size: 12px;
}

table.checkout tr.total td {
  padding-top: 15px;
  font-size: 22px;
  font-weight: bold;
}

table.checkout tr.subtotal td {
  padding-top: 15px;
  font-size: 12px;
  font-weight: normal;
}

table.checkout td input[type="number"] {
  font-size: 12px;
  text-align: right;
  width: 38px;
  padding: 2px 0;
  appearance: textfield;
  -moz-appearance: textfield;
}

table.checkout td input[type="number"]::-webkit-outer-spin-button,
table.checkout td input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Checkout Form Inner Rules */
form ::placeholder {
  color: #fff;
  opacity: 1;
}

.pay_now {
  width: 100%;
  height: 50px;

}

/* New: Hover State */
.pay_now:hover {

}

/* New: Active State (When Clicked) */
.pay_now:active {
  transform: translateY(0); /* Pushes the button back down */
  box-shadow: 0 2px 4px rgba(119, 129, 51, 0.2); /* flattens the shadow */
}
form .field {
  border: 1px solid #ddd;
  border-radius: 5px;
  height: 50px;
  margin: 5px 0;
  padding: 3px 5px;
  transition: transform 0.2s ease-in-out; 
  will-change: transform;
}
form .field_group .subcontent {
  display:none;
  
}
form .field_group .subcontent p{
font-size: 12px;
}
form .field_group .field {
  margin:0;
  border-radius: 0;
}
form .field_group > :first-child {
  border-radius:5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
form .field_group > .field:nth-last-child(1 of .field) {
  border-radius:0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
form .field.textarea {
  border: 1px solid #ddd;
  border-radius: 5px;
  height: 150px;
  margin: 5px 0;
  padding: 5px;
}

form .field.full {
  width: 100%;
}

form .field.radio {
  width: 100%;
  padding:0 5px;
}

form .field label {
  display: block;
  text-align: left;
  font-weight: normal;
  font-size: 12px;
  color: #666;
  width: 100%;
  padding-left: 7px;
}
form .field.radio label {
  display: inline-block;
  width: auto;
  min-width:80%;
  padding-left: 7px;
  padding-top:15px;
}

form .field input {
  padding-left: 7px;
}

form .field:has(:focus) {
  transform: translateY(-1px); /* Lifts the button up slightly */
  box-shadow: 0 0px 12px rgba(0, 0, 0, 0.15); /* Deepens the shadow as it lifts */
}

form .field select,
form .field textarea,
form .field input {
  border: 0;
  background: #fefefe;
  color: #000;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  font-size: 14px;
}
/* :not(.radio) */
form .field:not(.radio) select:focus,
form .field:not(.radio) input:focus,
form .field select:autofill,
form .field input:autofill {
  outline: transparent;
  background: transparent;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
}

form .field.radio:has(input[type="radio"]:checked) label {
  font-weight: bold;
  color:#000;
}

form .field.radio:has(input[type="radio"]:checked){
  transform: translateY(-1px);
  margin-bottom: -1px;
  background: #f6fcff;
  border-color:#3b758c;
}

form .field:has(input[type="radio"]:checked) + .subcontent {
  display:block;
  background: #eeeeee;
  border: 0;
  padding: 5px;
  margin:0 5px;
    /* border-radius:0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; */
}

form .field_group > .field:nth-last-child(1 of .field):has(input[type="radio"]:checked)  + .subcontent{
  border-radius:0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

form .field.radio input[type="radio"],form .field.radio input[type="checkbox"]{
  width:auto;
  vertical-align:text-bottom;
  margin-top:15px;
}

/* Modern Form Element Row Splitting */
form .field_row {
  display: flex;
  gap: 4%;
}

form .field.half_left,
form .field.half_right {
  width: 48%;
}

form .field.third {
  width: 31%;
  margin-right:1%;
  float:left;
}

form .field.third.last {
  width: 34%;
}

.billing_options {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out, opacity 0.3s ease-out;
}

/* Slide open when this class is added */
.billing_options.show-billing {
  max-height: 500px;
  opacity: 1;
}

form p {
  margin: 0;
  padding: 2px 0;
  position: relative;
}

.important_note,
.important {
  border-radius: 3px;
  color: #dc1912;
  border: 1px solid #f5bfbd;
  background-color: #ffdedc;
  padding: 2px 5px;
}

form div.form {
  margin: 0 auto 2px auto;
  padding: 4px;
}

div.OnlineForm h2,
div.OnlineForm h3 {
  padding: 3px 1px 5px 5px;
  margin: 0;
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-variant: normal;
  font-size: 12px;
  line-height: 16px;
}

/* div.OnlineForm {
  padding: 8px 0;
  margin: 0 0 5px 0;
}

div.group,
div.sformgroup {
  margin: 0 0 5px 0;
  padding: 5px;
}

div.group {
  background: url(../images_2026/shade_0.png) repeat;
}
div.sformgroup {
  background: url(../images_2026/shade_1.png) repeat;
  padding: 5px 0;
}
div.group div.group {
  padding: 5px;
  margin: 3px 5px;
}

span.required {
  color: #ff0000;
}
p.saveBtn {
  background: #ffc800;
  padding: 2px 5px;
  text-align: right;
} */

.shop_product_images_container {
    float:left;
    display: inline-block;
    padding: 0;
    margin:0 15px 5px 0;
}

/* ==========================================================================
   6. Global Elements & System Notifications
   ========================================================================== */
p.error,
p.success {
  margin: 2px 0;
  width: auto;
  padding: 5px;
  font-size: 12px;
  font-weight: normal;
  border-radius: 4px;
  box-shadow: 0px 0px 4px rgba(43, 28, 5, 0.1);
}

p.error {
  color: #c60000;
  border: 1px solid #c60000;
  background-color: #ffe4e4;
}

p.success {
  color: #05c600;
  border: 1px solid #05c600;
  background-color: #f2fde6;
}

p.user_panel_error,
p.user_panel_success {
  color: #ffffff;
  margin: 2px auto;
  padding: 2px 3px;
  font-size: 11px;
  font-weight: normal;
}

p.user_panel_error {
  background-color: #990000;
}
p.user_panel_success {
  background-color: #006600;
}

ol.faq {
  margin-top: 20px;
  border-top: 1px solid #dddddd;
}

#SkipToContent {
  position: absolute;
  top: 0;
  left: 10px;
  margin: 0;
  padding: 0;
  display: none;
}

#SkipToContent a,
#SkipToContent a:hover {
  color: #fff;
}
#global_ajax_result {
  z-index: 1000;
  position: absolute;
  width: 400px;
  top: 10px;
  right: 40%;
  margin: 0 4px 0 0;
  text-align: right;
}

/* ==========================================================================
   7. Sidebar / User Panel Components
   ========================================================================== */
#user_panel,
#user_panel_body {
  box-sizing: border-box;
  display: block;
  width: 100%;
  background: #fff;
}

#user_panel {
  padding: 3px 10px;
  margin: 0;
}
#user_panel_body {
  padding: 0;
}
#user_panel_top {
  display: block;
  height: 8px;
  width: 100%;
}
#user_panel_bottom {
  display: block;
  clear: right;
  width: 100%;
  height: 13px;
  margin: 0;
}

#user_panel div.head {
  box-sizing: border-box;
  width: 100%;
  display: block;
  padding: 4px 2px;
  vertical-align: middle;
  margin: 2px auto 0 auto;
  text-align: center;
  background: #f2f2f2;
  color: #222;
  font-weight: bold;
  font-size: 16px;
  font-family: sans-serif;
}

#user_panel div.head_top,
#user_panel div.head_bot {
  display: none;
  width: 100%;
  height: 3px;
}

#user_panel li {
  text-align: left;
  margin: 2px;
}
#user_panel form {
  padding: 0 5px;
  text-align: center;
  border-bottom: none;
}
#user_panel h4 {
  text-align: center;
  margin-bottom: 7px;
  color: #de0a21;
}
#user_panel hr {
  border-bottom: 0 dashed #e3db8f;
}

#user_panel p {
  padding: 3px 5px 3px 0;
  text-align: left;
  margin: 2px;
  line-height: 16px;
}

#user_panel p.indent {
  padding: 0 5px 0 8px;
  text-align: left;
  margin: 2px 0 0 0;
}

#user_panel p.up_ad {
  display: block;
  position: relative;
  width: 150px;
  margin: 4px auto 2px auto;
  text-align: center;
}

/* Shopping Basket Widget Context */
.basket_items {
  padding: 0;
  line-height: 14px;
  font-size: 12px;
}

.basket_items .item_count {
  display: block;
  color: #de0a21;
  font-weight: bold;
  font-size: 36px;
  vertical-align: top;
  height: 40px;
  margin: 5px 0 0 0;
  padding: 0;
  float: left;
}

.basket_items .item_desc {
  float: left;
  margin: 0 0 0 2px;
  display: block;
  font-size: 12px;
  line-height: 14px;
  height: 40px;
  width: 71px;
  vertical-align: top;
}

#user_panel p.basket_items {
  padding: 5px 5px 0 0;
  text-align: left;
  margin: 2px;
  line-height: 16px;
}

/* Navigation Menu Inside Sidebar */
#user_panel ul.menu {
  margin-left: 15px;
  text-align: left;
}
#user_panel ul.menu li {
  list-style: square;
  color: #ccc;
}
#user_panel ul.menu li:hover {
  list-style: square;
  color: #de0a21;
}
#user_panel ul.menu li a {
  text-decoration: none;
}

#user_panel ul.menu li.head,
#user_panel ul.menu li.head h4 {
  list-style-type: none;
  color: #de0a21;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: -15px;
}

#user_panel ul.menu li.checkout {
  list-style-type: none;
  margin-top: 10px;
  margin-left: -30px;
  padding-left: 15px;
}

#user_panel ul.menu li.basket {
  list-style-type: none;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: -30px;
  padding-bottom: 3px;
  padding-left: 15px;
  background-color: #725f5f;
}

#user_panel ul.menu li ul li {
  margin-left: 5px;
  list-style: square;
  color: #de0a21;
  font-weight: normal;
}

#user_panel ul.menu li ul {
  border-bottom: 1px solid #f5f1ec;
  padding: 0 0 5px 0;
}

li.spacer {
  list-style: none !important;
}

/* Quick Utilities Area */
/* #quick_box {
  text-align: center;
  top: 70px;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #666;
  position: absolute;
  display: inline;
}
#quick_box_search_label {
  display: none;
}

#quicksearchForm {
  width: 100%;
  text-align: center;
}

#quick_box_search {
  display: inline-block;
  width: 351px;
  margin: 1px 2px 0 0;
  font-size: 18px;
  padding: 5px;
  position: relative;
  vertical-align: middle;
  color: #fff;
  border: 1px solid #006d8d;
  background: #006d8d;
  border-radius: 5px;
}

#quick_box_search:focus {
  border: 1px solid #006d8d;
  color: #fff;
}
#quick_box_search_btn {
  display: inline-block;
  margin-top: 0;
  padding: 6px 5px 8px 5px !important;
  font-size: 18px;
} */
#quick_login_email_label,
#quick_login_password_label {
  display: inline-block;
  text-align: right;
  margin: 0 3px 0 0;
}
#quick_login_email,
#quick_login_password,
#remember_me {
  margin: 1px;
}
#remember_me {
  margin-left: 4px;
  margin-right: 2px;
}
#quick_login_btn {
  clear: both;
  margin: 1px 2px 1px 3px;
}

#user_panel label.left {
  text-align: left;
  width: auto;
  display: inline-block;
  float: left;
  padding: 0 3px 0 2px;
}

/* ==========================================================================
   8. Dropdown Navigation System (#menu_1 & #menu_2)
   ========================================================================== */
#site_menu_wrapper {
  display: block;
  position: relative;
  clear: both;
  width: 100%;
  min-width: 960px;
  height: 40px;
  padding: 0;
  background: #006d8d;
}



#site_menu {
  display: block;
  clear: both;
  margin: 0 auto;
  width: 960px;
  height: 40px;
  z-index: 10;
  vertical-align: middle;
}

#menu_1 {
  list-style: none;
  line-height: 1;
  font-weight: bold;
  padding: 0;
  margin: 0 auto;
  width: 960px;
  text-align: left;
  font-size: 16px;
}

#menu_1 ul {
  z-index: 1000;
  color: #fff;
  border: 0;
  padding: 0;
  margin: 0;
}

#menu_1 li a {
  display: block;
  text-decoration: none;
  background: none;
  padding: 0;
  line-height: 14px;
  width: 100%;
  margin: 0;
  color: #fff;
  font-weight: bold;
}

#menu_1 > li > a {
  display: block;
  text-decoration: none;
  padding: 0;
  line-height: 40px;
  height: 40px;
  margin: 0 0 0 1px;
  color: #fff;
  font-weight: bold;
  border-right: 1px solid #fff;
}

#menu_1 > li.sfhover > a,
#menu_1 > li.lsfhover > a {
  color: #fff;
  background: #555;
}
#menu_1 > li.current > a {
}
#menu_1 li {
  float: left;
  padding: 0;
  margin: 0;
  display: inline-block;
  width: auto;
}

#menu_1 > li {
  box-sizing: border-box;
  /* float: left; */
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 19.9%;
  text-align: center;
  vertical-align: middle;
}

#menu_1 > li:last-child {
  width: 20%;
}
#menu_1 > li:first-child > a,
#menu_1 > li:first-child > a:hover {
  border-left: 0 !important;
}
#menu_1 > li.last-child > a,
#menu_1 > li.last-child > a:hover {
  border-right: 0 !important;
}

#menu_1 li ul {
  position: absolute;
  left: -999em;
  height: auto;
  width: 230px;
  font-weight: normal;
  margin: 0;
  text-align: left;
  padding: 5px;
  background: #006d8d;
  border-bottom: 2px solid #000;
}

#menu_1 li ul li,
#menu_1 li ul li ul li {
  margin: 0;
  padding: 3px 0 0 0;
  width: 100%;
  color: #fff;
  z-index: 1000;
  display: block;
  background-color: #006d8d;
  border-bottom: 1px solid #fff;
}

#menu_1 li ul li a,
#menu_1 li ul li ul li a {
  width: auto;
  padding: 3px 5px;
  margin: 0;
  text-align: left;
  color: #fff;
  z-index: 1000;
  display: block;
  font-weight: bold;
}

#menu_1 li ul li ul {
  position: absolute;
  left: -999em;
  height: auto;
  width: 200px;
  text-align: left;
  z-index: 1000;
  padding: 5px;
  margin: 0;
  border-bottom: 2px solid #000;
}

#menu_1 img.hasChildren {
  margin: 0 0 3px 5px;
}

#menu_1 li.sfhover > ul {
  left: auto;
  position: absolute;
  display: inline;
  clear: none;
  margin: 0;
  color: #fff !important;
  background-color: #006d8d !important;
}

#menu_1 li.sfhover > ul a:hover,
#menu_1 li.sfhover ul li.sfhover ul a:hover,
#menu_1 li.lsfhover > ul a:hover,
#menu_1 li.lsfhover ul li.lsfhover ul a:hover {
  background: none;
}

#menu_1 li.sfhover ul li.sfhover ul {
  left: auto;
  position: absolute;
  display: inline;
  clear: none;
  margin: -10px 0 0 0;
  z-index: 1000;
}

#menu_1 li.sfhover ul li.sfhover {
  margin: 0 !important;
  background-color: #555555 !important;
  color: #fff;
}

#menu_1 li.sfhover ul li.sfhover > a,
#menu_1 li.sfhover ul li.sfhover a:hover {
  margin: 0 !important;
  color: #fff;
}

#menu_1 li.sfhover ul li.sfhover ul {
  left: 85px;
  margin: 0;
}
#menu_1 li.sfhover ul li.sfhover ul li.sfhover ul {
  left: 55px;
  margin: 0;
}

span.dir {
  position: absolute;
  display: inline-block;
  width: 5px;
  height: 5px;
  top: 9px;
  right: 5px;
  background: url(../images_2026/rightarrow.png) top center no-repeat !important;
  z-index: 2000;
}

#menu_1 li.lsfhover > ul {
  left: auto;
  position: absolute;
  display: inline;
  clear: none;
  margin: 0 0 0 -135px;
  color: #fff !important;
  background-color: #006d8d !important;
}

#menu_1 li.lsfhover ul li.lsfhover ul {
  left: auto;
  position: absolute;
  display: inline;
  clear: none;
}

#menu_1 li.lsfhover ul li.sfhover {
  margin: 0 !important;
  background-color: #555555 !important;
  color: #fff;
}

#menu_1 li.lsfhover ul li.sfhover > a,
#menu_1 li.lsfhover ul li.lsfhover a:hover {
  margin: 0 !important;
  color: #fff;
}

#menu_1 li.lsfhover ul li.sfhover ul,
#menu_1 li.lsfhover ul li.sfhover ul li.sfhover ul {
  left: -365px;
  margin: 0;
}

/* Secondary Utility Horizontal Link Strip */
#menu_2 {
  list-style: none;
  margin: 0;
  clear: left;
}
#menu_2 li {
  display: inline-block;
  float: left;
  text-align: left;
  margin: 0 !important;
}
#menu_2 li a:before {
  content: "\0000a0|\0000a0\0000a0";
}
#menu_2 li:first-child a:before {
  content: "";
}

/* ==========================================================================
   9. Media Elements & Item Grids
   ========================================================================== */
.slideshow_camera .camera_h1 {
  display: inline-block;
  font-family: sans-serif;
  font-variant: normal;
  font-size: 20px;
  text-align: left;
  color: #fff;
  text-decoration: none;
  margin: 0;
}

.slideshow_camera p {
  margin: 0;
  padding: 0;
  display: inline-block;
}

/* Custom Multi-File Image/Asset Upload Grid Blocks */
.upload_container {
  display: inline-block;
  float: left;
  width: 172px;
  height: 210px;
  border: 1px solid #fff;
  background: #fff;
  margin: 0 5px 15px 5px;
  text-align: center;
  padding: 4px 2px 2px 4px;
  position: relative;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.upload_container_item {
  display: block;
  width: 170px;
  height: 170px;
  background-color: #f2f2f2;
  position: relative;
  margin: 0 0 4px 0;
}

.delete_uploads {
  line-height: 16px;
}
.upload_container_multi {
  display: block;
  width: 100%;
  background: #f2f2f2;
  height: 250px;
}

.upload_container_multi .header_bar,
.upload_container_multi .footer_bar {
  padding: 2px 5px;
  border-color: #d2d2d2;
  border-style: solid;
  background: linear-gradient(to bottom, #f2f2f2 20%, #e2e2e2 100%);
}

.upload_container_multi .header_bar {
  border-width: 0 0 1px 0;
}

.upload_container_multi .footer_bar {
  margin: 0 0 20px 0;
  border-width: 1px 0 0 0;
  border-collapse: collapse;
}

.upload_container_multi .footer_bar span {
  width: auto;
  min-width: 40px;
  padding: 2px 5px;
  text-align: right;
  border-right: 1px solid #d2d2d2;
  display: table-cell;
  border-collapse: collapse;
}

.upload_container_multi_items {
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.upload_container_multi_items .filelist div {
  border-collapse: collapse;
  border: 1px solid #eee;
  background: linear-gradient(to bottom, #fff 20%, #f2f2f2 100%);
}

.upload_container_multi_items .filelist div span {
  border-collapse: collapse;
  border-right: 1px solid #eee;
  display: table-cell;
}
.upload_container_multi_items .filelist div span.name {
  width: auto;
}
.upload_container_multi_items .filelist div span.size {
  width: 10%;
  min-width: 50px;
  white-space: nowrap;
  text-align: left;
}
.upload_container_multi_items .filelist div span.progress {
  width: 10%;
  min-width: 50px;
}
.upload_container_multi_items .filelist div span.delete_item {
  background: url(../images/icon_grid_delete.png) top center no-repeat;
  width: 10%;
  min-width: 40px;
  cursor: pointer;
}
.upload_container_multi_items .filelist div span.delete_item > span {
  display: none;
}

/* Interactive Hints & Tooltips Contextual Blocks */
.hint,
.hint2,
.hint3 {
  width: 500px;
  background: transparent url("../images_formcheck/c.png") repeat;
  border-radius: 3px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
}

.hint,
.hint2 {
  margin: 8px auto auto 0px;
}
.hint3 {
  margin: 12px auto auto 0px;
}
.hint .tip-top,
.hint .tip-bottom,
.hint2 .tip-top,
.hint2 .tip-title,
.hint2 .tip-bottom,
.hint3 .tip-top,
.hint3 .tip-title,
.hint3 .tip-bottom {
  display: none;
}

.hint .tip-title {
  color: #aed7e3;
  font-weight: bold;
  text-align: left;
  padding: 5px 0 0 10px;
  width: 490px;
  font-size: 13px;
}
.hint .tip-text,
.hint2 .tip-text {
  color: #fff;
  padding: 8px;
  min-height: 60px;
  font-size: 13px;
}
.hint2 .tip-text {
  font-size: 10px;
}
.hint3 .tip-text {
  color: #fff;
  padding: 8px;
  min-height: 20px;
  font-size: 12px;
}

a.help_icon {
  display: inline-block;
  background: url("../images/help_icon.png");
  width: 12px;
  height: 12px;
  margin: 0 0 0 5px;
}

a.help_icon,
a.help_icon:hover,
a.help_icon > img,
a.help_icon:hover > img {
  text-decoration: none !important;
  background-color: transparent !important;
  border-radius: 3px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
  padding: 0 !important;
}

/* ==========================================================================
   10. Pagination Navigation Styling
   ========================================================================== */
ul.pagination {
  display: block;
  border: 0;
  margin: 10px 0;
  padding: 0;
  text-align: left;
}
ul.pagination li {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 11px;
  list-style: none;
  display: inline;
}
ul.pagination a {
  border: solid 1px #dddddd;
  margin-right: 2px;
  padding: 3px 4px;
}

ul.pagination li.previous-off,
ul.pagination li.next-off,
ul.pagination .spacer {
  color: #666666;
  float: left;
  border: solid 1px #ffffff;
}

ul.pagination li.previous-off,
ul.pagination li.next-off {
  padding: 3px 6px !important;
  margin: 0 2px 0 0 !important;
}

ul.pagination .spacer {
  padding: 3px 1px;
  margin: 0;
}
ul.pagination .next a,
ul.pagination .previous a {
  border: solid 1px #ffffff;
}

ul.pagination li.active {
  font-weight: bold;
  float: left;
  border: 1px solid #f5f1ec;
  background-color: #f5f1ec;
  color: #666;
  display: block;
  padding: 3px 6px !important;
  margin: 0 2px 0 0 !important;
}

ul.pagination a:link,
ul.pagination a:visited {
  display: block;
  float: left;
  padding: 3px 6px;
  text-decoration: none;
}
ul.pagination a:hover {
  border: solid 1px #999;
}

div.group_hp,
div.group_small {
  background-color: #ede6dc;
}
div.group_hp {
  padding: 5px;
}
div.group_small {
  padding: 2px;
}

p.saveBtn {
  background: #ffc800;
  border: 0px solid #8e7a1e;
  padding: 2px 5px;
  text-align: right;
}

label {
  font-style: normal;
  width: 20%;
  display: inline-block;
  vertical-align: top;
  text-align: right;
  padding: 4px 3px 0 0;
  color: #222;
  /* font-weight: bold; */
}

label.full {
  font-style: normal;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding: 4px 3px 0 0;
  color: #222;
  /* font-weight: bold; */
}

.float_left_70 label {
  font-style: normal;
  width: 10%;
  display: inline-block;
  vertical-align: top;
  text-align: right;
  padding: 4px 3px 0 0;
  color: #222;
  /* font-weight: bold; */
}

label.left {
  text-align: left;
  width: 50%;
  display: inline;
  float: left;
  padding: 0 3px 0 0;
}

label.as {
  text-align: left;
  display: inline-block;
  margin: 0;
  padding: 4px 0 0 0;
  width: auto;
  color: #222;
}

label.suggest_new {
  text-align: left;
  display: inline-block;
  width: 85px;
  padding: 4px 3px 0 0;
}

label.checkradio {
  text-align: left;
  display: inline-block;
  padding: 0 3px 0 0;
  width: 70%;
}

label.checkradio_form {
  text-align: left;
  display: inline-block;
  width: auto;
  max-width: 300px;
  padding: 0 3px 0 0;
}

label[for="remember_me"] {
  width: 50%;
  display: block;
  padding-left: 5px;
}

span.delete_li {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images_2026/delete_li.png) no-repeat;
  cursor: pointer;
}

span.input_note {
  clear: left;
  display: block;
  margin-left: 20%;
  color: #666;
  font-size: 11px;
  text-indent: 3px;
}

span.input_note:before {
  content: " ";
}

span.input_note_left {
  clear: left;
  display: block;
  color: #666;
  font-size: 11px;
  margin-left: 27px;
}

span.input_note_left:before {
  content: " ";
}

span.input_note_inline {
  clear: none;
  display: inline-block;
  color: #666;
  font-size: 11px;
  margin-left: 10px;
}

span.input_note_inline:before {
  content: " ";
}

span.spacer {
  display: block;
  margin: 5px 0 0 0;
  padding: 0;
  height: 5px;
  width: 100%;
  border-top: 1px solid #ddd;
}

span.chars_left {
  position: relative;
  left: 10px;
  font-size: 10px;
  color: #666;
  white-space: nowrap;
}

small {
  font-size: 9px;
}

div.float_left_50 {
  float: left;
  width: 30%;
  text-align: left;
  margin: 10px;
  padding: 5px;
}

div.float_right_50 {
  float: left;
  padding: 5px;
  margin: 10px;
  width: 30%;
  text-align: left;
}

div.float_left_30 {
  float: left;
  width: 30%;
  text-align: left;
}

div.float_right_70 {
  float: left;
  width: 70%;
  text-align: left;
}


#next_to_logo {
  font-size: 16px;
  line-height: 23px;
}

#next_to_logo span.larger {
  font-size: 19px;
  font-weight: bold;
  color: #006d8d;
}

.green {
  color: #1d9901;
}

.red {
  color: #cf2408;
}


span.input_note {
  visibility: hidden;
  padding: 5px;
  width: 50%;
  min-height: 20px;
  background: #ebeed1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

p.current span.input_note {
  visibility: visible;
}

p.current {
  border: 1px solid #fff;
  background: #fff;
}

div.block {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 0px;
}

div.comment {
  background-color: #f5f1ec;
  padding: 0px;
  padding-left: 5px;
  border-top: 2px solid #ccc;
}

div.comment_b {
  background-color: #ede6dcee;
  padding: 0px;
  padding-left: 5px;
  border-top: 2px solid #aaa;
}

div.comment p,
div.comment_b p {
  margin: 0px;
  padding: 0px;
}

span.comment_head {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-variant: normal;
  font-size: 12px;
  line-height: 18px;
  margin: 5px 0 0 0;
  color: #444;
  display: block;
}

span.date,
div.date {
  font-size: 9px;
  font-weight: normal;
}

span.comment_id {
  display: inline;
  text-align: right;
  font-size: 8px;
  font-weight: normal;
  color: #999;
  margin-right: 0px;
  padding-right: 10px;
  margin-left: auto;
  width: 100%;
}

span.options {
  margin: 5px;
  padding: 6px;
  background-color: #999999;
  border: 4px solid #999999;
  border-bottom: 0px;
}

div.block {
  border-bottom: 1px solid #dddddd;
  padding: 0px;
  margin: 1px 0 10px 0;
  /**/
}

p.section_read_more {
  text-align: right;
  margin-left: auto;
  margin-right: 0px;
}

p.listed {
  text-align: right;
  margin-left: auto;
  margin-right: 0px;
}

p.listed_video {
  text-align: right;
  margin-left: auto;
  margin-right: 0px;
  clear: left;
}

div.block img,
img.BioPic,
img.listItem {
  float: left;
  margin-right: 5px;
  margin-bottom: 2px;
}

table.uploaded_table {
  width: 100%;
  margin: 10px 0;
  border-collapse: collapse;
  border: 1px solid #777;
}

tr {
  background: #eee;
}

td {
  padding: 2px 5px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #fff;
}

td.leftA {
  text-align: left;
}

td.head,
th {
  text-align: center;
  color: #fff;
  border: 1px solid #777;
  padding: 5px;
  font-weight: bold;
  background: #666;
}

th span.input_note {
  clear: none;
  display: inline;
  margin-left: 0;
  color: #aaa;
  font-size: 10px;
  text-indent: 3px;
}

td.center {
  text-align: center;
}

td.nowrap {
  white-space: nowrap;
}

td.blank {
  background: #fff;
}

td.subtotal {
  font-weight: bold;
  border-bottom: 1px solid #222;
}

td.outstanding {
  font-weight: bold;
  border-bottom: double;
}

td.rightA {
  text-align: right;
}

td.currency {
  text-align: right;
  white-space: nowrap;
}

tr.highlightOffOdd td {
  background-color: #f2f2f2;
}

tr.highlightOffEven td {
  background-color: #e6e6e6;
}

tr.highlightOn td {
  background-color: #fff;
}

td span.yes,
td span.yes_small {
  width: 24px;
  height: 24px;
  background-image: url(../images/available.png);
  background-repeat: no-repeat;
  display: block;
  margin: 0px auto;
}

td span.no,
td span.no_small {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0px auto;
  background-image: url(../images/unavailable.png);
  background-repeat: no-repeat;
}

span.yes_icon {
  display: block;
  margin: 2px auto;
  width: 20px;
  text-align: center;
  height: 20px;
  background: url(../images_2026/yes.png) repeat-x 0px 0px;
}

span.yes_icon > span {
  display: none;
}

/* nellenContent /**/
div.gallery {
  width: 605px;
  float: left;
  padding: 0 !important;
  text-align: left;
}

div.gallery div.thumbnail {
  float: left;
  padding: 0;
  margin: 0;
}

div.gallery div.thumbnail img.gallery {
  margin: 5px 1px !important;
  padding: 1px;
  background-color: none;
  border: 3px solid #f5f1ec;
}

div.gallery div.thumbnail img.gallery:hover {
  border: 3px solid #ccc;
}

div.gallery div.thumbnail:first-child img.gallery,
div.gallery div.thumbnail:nth-of-type(6n + 1) img.gallery {
  margin: 5px 1px 5px -2px !important;
}

div.gallery div.thumbnail img.gallery:hover,
div.gallery a,
div.gallery a:hover {
  text-decoration: none !important;
  background: none !important;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

div.file {
  border: 1px solid #f4f2f0;
  margin: 0 0 10px 0;
  padding: 5px;
  float: left;
  width: 100%;
  display: block;
  border-radius: 5px;
}

div.file p {
  margin: 1px 0px;
}

img.filetypeicon {
  float: left;
  margin: 5px 5px 1px 1px;
}

.slideshow {
  margin: 0 auto;
  text-align: center;
  clear: both;
  z-index: 20;
}

.slideshow-thumbnails {
}

.slideshow-thumbnails a {
  display: block;
  float: left;
  padding: 2px;
  position: relative;
  background: url("../images_2026/slideshow_thumb.png") no-repeat top center;
  width: 17px;
  height: 17px;
}

.slideshow-thumbnails a:hover {
  background: url("../images_2026/slideshow_thumb_current.png") no-repeat top
    center;
  opacity: 1 !important;
  width: 17px;
  height: 17px;
}

.slideshow-thumbnails-active a {
  opacity: 1;
  background: url("../images_2026/slideshow_thumb_current.png") no-repeat top
    center;
  width: 17px;
  height: 17px;
}

.slideshow-thumbnails-inactive a {
}

div.img_left {
  float: left;
  margin: 5px 10px 5px 0px;
  text-align: left;
}

div.thumb_left {
  float: left;
  margin: 5px 10px 5px 0px;
  text-align: left;
}

div.img_right {
  float: right;
  margin: 5px 0px 5px 10px;
  text-align: right;
}

div.img_center {
  margin: 5px auto 5px auto;
  text-align: center;
}

div.img_left img,
div.img_right img,
div.img_center img {
  padding: 1px;
  border: 0px solid #f5f1ec;
}

div.img_left span.img_description,
div.img_right span.img_description,
div.img_center span.img_description {
  font-weight: bold;
  font-size: 10px;
  margin: 2px 2px 2px 0px;
}

div.img_left a,
div.img_left a:hover,
div.img_right a,
div.img_right a:hover,
div.img_center a,
div.img_center a:hover {
  text-decoration: none;
}

/**/

div.hpgroup a {
  text-decoration: none;
}

div.hpgroup a:hover {
  color: #fe8101;
  text-decoration: none;
}

span.available {
  color: #05c600;
}

span.unavailable {
  color: #c60000;
}

span.available img,
span.unavailable img {
  padding-top: 5px;
  margin-bottom: -5px;
}

.dataList h2 {
  clear: left;
}

ol.tips li {
  margin-left: 30px;
  list-style: decimal outside;
}

div.clearL {
  clear: left;
}

span.yes span {
  display: none;
}

span.no span {
  display: none;
}

span.yes_small span {
  display: none;
}

span.no_small span {
  display: none;
}

.ajax-loading {
  padding: 20px;
  background: url(../images/spinner.gif) no-repeat center;
}

.ajax_ads {
  margin: 5px auto;
  padding: 0;
  text-align: center;
  background: none;
}

.ajax_ads a {
  margin: 5px auto;
  padding: 0;
  text-align: center;
  background: none;
}

#ads_placeholder_content_top {
  margin: 10px 0px;
  text-align: left;
}

#ads_placeholder_content_bottom {
  display: block;
  clear: left;
  margin: 10px 0px;
  text-align: left;
}

#ads_placeholder_banner {
  text-align: right;
  margin: 10px 0;
  float: right;
}

div.up_ads {
  text-align: center;
  margin: 2px auto;
}

div.up_ads img,
div.up_ads embed,
div.up_ads object {
  margin: 2px auto;
}

a.anchor {
  text-decoration: none;
}

a.anchor:hover {
  text-decoration: none;
}

.tabset_tabs {
  margin: 0 0 30px 0;
  padding: 0;
  list-style-type: none;
  white-space: nowrap;
}

.tabset_tabs a:hover {
  background-position: 0% -39px;
  border-bottom: 1px solid #e2e2e2;
  cursor: pointer;
}

.tabset_tabs a:hover span {
  background-position: 100% -39px;
  cursor: pointer;
}

.tabset_tabs a.active {
  background-position: 0% -78px;
  border-bottom: 1px solid #fff;
}

.tabset_tabs a.active span {
  background-position: 100% -78px;
  border-bottom: 1px solid #fff;
}

.tabset_tabs a.active span:hover {
  background-position: 100% -78px;
  border-bottom: 1px solid #fff;
}

td a {
  text-decoration: none;
}

td a:hover {
}

.floatl {
  float: left;
}

.floatr {
  float: right;
}

.inline {
  display: inline;
}

sup {
  position: relative;
  top: -0.5em;
  font-size: 80%;
}

p.fcheck {
  display: none;
}

.vertical_menu {
  list-style: none;
  line-height: 1;
  font-weight: bold;
  padding: 0;
  margin: 0;
  z-index: 1000;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  font-size: 12px;
}

.vertical_menu ul {
  z-index: 1000;
  color: #fff;
  border: 0;
  padding: 0;
  margin: 0;
}

.vertical_menu li a,
.vertical_menu li a:hover {
  display: block;
  text-decoration: none;
  padding: 5px 0 5px 3px;
  line-height: 14px;
  min-height: 18px;
  width: 100%;
  margin: 0;
  color: #fff;
  font-weight: normal;
  background: #006d8d;
  border: 0;
  border-bottom: 1px solid #fff;
}

.vertical_menu li {
  float: left;
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 95%;
  text-align: left;
  z-index: 1000;
  vertical-align: middle;
}

/*
.vertical_menu li ul { position: absolute; left: -999em; height: auto; width:150px; font-weight: normal; margin:0; text-align:left; z-index:1000; padding:5px; background:#f94d0f; border-bottom:2px solid #f94d0f; }
.vertical_menu li ul li ul { position:absolute; left:-999em; height:auto; width:150px; text-align:left; z-index:1000; padding:5px; margin:0; z-index:1000; border-bottom:2px solid #f94d0f; }

.vertical_menu > li.sfhover > a, .vertical_menu > li.lsfhover > a { color:#fff; background:#d83012; border-bottom:1px solid #ff7644; }
.vertical_menu li.sfhover > ul { left:0; position:absolute; display:inline; clear:none; margin:0; z-index:1000; color:#fff !important; background-color:#f94d0f !important; }
.vertical_menu li.sfhover ul li.sfhover ul { left:0; position:absolute; display:inline; clear:none; margin:-10px 0 0 0; z-index:1000; }

.vertical_menu li.sfhover ul li.sfhover { margin:0 !important; background-color:#d83012 !important; color:#fff; }
.vertical_menu li.sfhover ul li.sfhover ,.vertical_menu li.sfhover ul li.sfhover > a,.vertical_menu li.sfhover ul li.sfhover a:hover { margin:0 !important; color:#fff; }
.vertical_menu li.sfhover ul li.sfhover ul { left:0; }
.vertical_menu a.dir { background:url(../images_2026/rightarrow.png) 145px 8px no-repeat !important; z-index:2000; }
/**/
.vertical_menu li ul,
.vertical_menu li ul li ul {
  position: absolute;
  left: -999em;
  height: auto;
  width: 230px;
  font-weight: normal;
  margin: 0;
  text-align: left;
  z-index: 1000;
  padding: 5px;
  background: #006d8d;
  border: 2px solid #006d8d;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.7);
}

.vertical_menu li ul li,
.vertical_menu li ul li ul li {
  width: 99%;
}

.vertical_menu > li.sfhover > a,
.vertical_menu > li.lsfhover > a {
  color: #fff;
  background: #555 !important;
  border-bottom: 1px solid #fff;
  padding: 5px 0 5px 3px;
}

.vertical_menu li.sfhover > ul {
  left: -400px;
  position: absolute;
  display: inline;
  clear: none;
  margin: 0;
  z-index: 1000;
  color: #fff !important;
  background: #006d8d;
}

.vertical_menu li.sfhover ul li.sfhover ul {
  left: -400px;
  position: absolute;
  display: inline;
  clear: none;
  margin: -10px 0 0 0;
  z-index: 1000;
}

.vertical_menu li.sfhover ul li.sfhover {
  margin: 0 !important;
  background: #555;
  color: #fff;
}

.vertical_menu li.sfhover ul li.sfhover,
.vertical_menu li.sfhover ul li.sfhover > a,
.vertical_menu li.sfhover ul li.sfhover a:hover {
  margin: 0 !important;
  color: #fff;
}

.vertical_menu span.dir {
  background: url(../images_2026/rightarrow.png) no-repeat;
  z-index: 2000;
}

.vertical_menu li.spacer {
  list-style: none !important;
}

.vertical_menu li.spacer {
  height: 1px !important;
  border-bottom: 1px solid #222;
  margin-top: -1.5px;
}

.vertical_menu li.spacer > span {
  display: none;
}

/**/

/* CLASSIFIEDS /**/

div#classifieds_menu {
  display: block;
  float: left;
  width: 98%;
  text-align: left;
  background: #fff;
  padding: 0px 0 0 2%;
  margin: 0px 0 0 0;
}

#classifieds_menu li.spacer {
  list-style: none !important;
}

#classifieds_menu li.spacer {
  height: 1px !important;
  border-bottom: 1px solid #fff;
  margin-top: -1.5px;
}

#classifieds_menu li.spacer > span {
  display: none;
}

/* directory /**/
.breadcrumbs {
  background: #fff;
  height: 30px;
  line-height: 30px;
  border: solid 1px #eee;
  width: 100%;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.breadcrumbs li {
  list-style-type: none !important;
  float: left;
  padding-left: 10px;
  margin: 0 !important;
}

.breadcrumbs > li > a {
  height: 30px;
  display: block;
  background-color: #fff;
  background-image: url("../images_2026/bc_separator.png");
  background-repeat: no-repeat;
  background-position: top right;
  padding-right: 15px;
  text-decoration: none;
}

.breadcrumbs > li > a:hover {
  background-color: #fff !important;
  color: #2d9111;
}

.directory_categories_titles {
}

.directory_categories_titles li {
  list-style-type: none !important;
  float: left;
  padding-left: 5px;
  margin: 0 0 10px 0 !important;
  font-family: sans-serif;
  font-weight: bold;
  font-variant: normal;
  font-size: 16pt;
  line-height: 16px;
  text-align: left;
  color: #006d8d;
  text-decoration: none;
}

ul.directory_categories_titles a:hover,
ul.directory_categories_titles a {
  text-decoration: none !important;
  background: none !important;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: 0 !important;
}

.directory_categories_titles > li > a:after {
  content: " \00BB ";
}

.directory_categories_titles > li > a:hover {
  color: #222;
}

.listed_under {
  clear: both;
}

.listed_under li {
  list-style-type: none !important;
  float: left;
  margin: 0 0 3px 0 !important;
  padding: 0;
  line-height: 18px;
  text-align: left;
  text-decoration: none;
}

.listed_under > li > a:after {
  content: " \00BB";
}

.listed_under > li:last-child > a:after {
  content: "";
}

.listed_under > li > a:hover {
}

.parent_categories > li {
  clear: left;
  font-weight: bold;
}

.child_categories li {
  font-weight: normal;
  list-style-type: none !important;
  float: left;
  padding: 0 !important;
  margin: 0 !important;
}

.child_categories li:before {
  content: ", ";
}

.child_categories li:first-child:before {
  content: "";
}

ul.listings {
  list-style: none;
  margin: 0;
  clear: left;
}

ul.listings li {
  display: block;
  list-style: none !important;
  text-align: left;
  list-style-image: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
  border: 0px solid #f2f2f2;
  float: none;
  width: 99%;
  height: 80px;
  text-align: center;
  color: #555;
  overflow: hidden;
  clear: left;
  position: relative;
}

ul.listings li.listimage {
  height: 120px;
}

/*ul.listings li.top_row { border:0px solid #f2f2f2; float:left; width:24%; height:378px; text-align:center; margin:0 0 10px 1% !important; color:#555; overflow:hidden; clear:none; }
ul.listings li:first-child { background:#fff; border:0px solid #f2f2f2; float:left; width:49%; height:378px; text-align:center; margin:0 0 10px 0 !important; color:#555; overflow:hidden; clear:none; }
/**/
ul.listings li a {
  color: #555;
}

ul.listings li:hover,
ul.listings li a:hover {
  border: 0px solid #ddd;
  background: #fff;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  color: #555;
}

ul.listings li a:hover {
  border: 0 !important;
}

ul.listings li span {
  display: block;
  width: 100%;
  text-align: left;
}

/*ul.listings li.top_row span.title { font-family:  sans-serif; float:left; color:#222; font-weight:normal; height:32px; font-size:14px; line-height:16px; overflow:hidden; }
/**/
ul.listings li span.phone {
  float: left;
}

ul.listings li span.links {
  float: left;
}

ul.listings li span.title {
  position: absolute;
  top: 2px;
  left: 0px;
  font-family: sans-serif;
  color: #222;
  font-weight: normal;
  height: 20px;
  font-size: 14px;
  line-height: 16px;
  overflow: hidden;
}

ul.listings li span.image_desc {
  position: absolute;
  top: 20px;
  left: 0px;
  margin: 0 !important;
  display: block;
  width: 582px;
  height: 50px;
  overflow: hidden;
  text-align: justify;
}

ul.listings li span.quick_contact {
  position: absolute;
  margin: 0 !important;
  display: block;
  overflow: hidden;
  text-align: left;
}

ul.listings li.listimage span.listimage {
  float: left;
  width: 168px;
  display: block;
  margin: 3px 0 0 0 !important;
}

ul.listings li.listimage span.title {
  top: 2px;
  left: 168px;
}

ul.listings li.listimage span.image_desc {
  top: 20px;
  left: 168px;
  width: 502px;
  height: 80px;
}

ul.listings li.listimage.nopage span.image_desc {
  top: 20px;
  left: 168px;
  width: 402px;
  height: 53px;
}

ul.listings li.listimage.nopage span.item_price,
ul.listings li.listimage.nopage span.price_unavailable {
  top: 23px;
  left: 580px;
  width: 90px;
  height: 30px;
  padding: 10px 0 0 0;
  display: block;
  overflow: hidden;
  position: absolute;
  text-align: center;
  font-weight: bold;
  background-color: #f2f2f2;
  vertical-align: middle;
}

ul.listings li.listimage.nopage span.quick_contact {
  top: 73px;
  left: 168px;
  width: 502px;
  height: 20px;
}

ul.listings li span.details_link {
  position: absolute;
  top: 80px;
  right: 0px;
  margin: 0 !important;
  height: 16px;
  line-height: 12px;
  display: block;
  overflow: hidden;
  width: 150px;
  text-align: right;
  color: #222;
  font-weight: normal;
  font-size: 10px;
}

/*ul.listings li.top_row span.image_desc { clear:left; margin:0 !important; width:100%; text-align:justify; }
ul.listings li.top_row:first-child span.image_desc { clear:left; margin:0 !important; width:100%; text-align:justify; }
/**/

ul.listings_new li {
  text-align: left;
  color: #555;
}

ul.listings_new li span.details_link {
  display: none;
}

div#directory_menu {
  display: block;
  float: left;
  width: 98%;
  text-align: left;
  background: #fff;
  padding: 0px 0 0 2%;
  margin: 0px 0 0 0;
}

#directory_menu li.spacer {
  list-style: none !important;
}

#directory_menu li.spacer {
  height: 1px !important;
  border-bottom: 1px solid #fff;
  margin-top: -1.5px;
}

#directory_menu li.spacer > span {
  display: none;
}

/******** FORUM ************/
.forum_breadcrumbs {
  background: #fff;
  height: 30px;
  line-height: 30px;
  border: solid 1px #eee;
  width: 100%;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.forum_breadcrumbs li {
  list-style-type: none !important;
  float: left;
  padding-left: 10px;
  margin: 0 !important;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.forum_breadcrumbs > li > a {
  height: 30px;
  display: block;
  background-color: #fff;
  background-image: url("../images_2026/bc_separator.png");
  background-repeat: no-repeat;
  background-position: top right;
  padding-right: 15px;
  text-decoration: none;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.forum_breadcrumbs > li > a:hover {
  background-color: #fff !important;
  color: #2d9111;
}

.forum_breadcrumbs li:last-child a,
.forum_breadcrumbs li:last-child {
  max-width: 400px;
  white-space: nowrap;
  background-image: none;
}

ol {
  counter-reset: 0;
  content: "";
  padding: 0;
}

ol.forum_l1 {
  list-style-type: none;
  list-style: none;
}

ol.forum_l1 li {
  list-style-type: none;
  list-style: none;
}

ol.forum_l2 {
  list-style-type: none;
  list-style: none;
  margin-left: 20px;
}

ol.forum_l2 li {
  list-style: none;
}

ol.forum_l3 {
  list-style-type: none;
  list-style: none;
  margin-left: 40px;
}

ol.forum_l3 li {
  list-style: none;
}

div.forum_item_detail {
  clear: left;
  background-color: #ddd;
  margin-top: 8px;
  margin-bottom: 0px;
}

div.forum_item_detail span {
  margin-left: 5px;
  margin-right: 5px;
}

div.forum_item_detail > p > span:first-child {
  margin-left: 0px;
  margin-right: 5px;
}

div.post {
  border-top: 50px solid #fff;
}

div.forum_category,
div.forum_topic {
  margin-bottom: 5px;
  margin-top: 5px;
  background-color: #f2f2f2;
  padding: 0px;
}

div.forum_breadcrumb {
  background-color: #666;
  padding: 5px;
  color: #fff;
  margin-top: -8px;
}

div.forum_breadcrumb a,
div.forum_breadcrumb a:hover {
  color: #fff;
  text-decoration: underline;
}

.forum_comment,
.forum_comment_b {
  background-color: #fff;
  padding: 0;
  margin: 5px 0px;
  border-top: 1px solid #aaa;
}

div.comment_head {
  display: block;
  width: auto;
  background-color: #f2f2f2;
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 0;
  padding-top: 3px;
  padding-bottom: 3px;
}

div.comment_head a {
  padding: 5px;
}

div.comment_body {
  padding: 5px;
}

div.comment_foot {
  display: block;
  width: 100%;
  text-align: right;
}

div.comment_foot a {
  text-align: right;
  background-color: #f2f2f2;
  padding-top: 3px;
  padding-bottom: 3px;
}

div.comment p,
div.comment_b p {
  margin: 0px;
  padding: 0px;
}

span.comment_id {
  display: inline;
  text-align: right;
  font-size: 8px;
  font-weight: normal;
  color: #999;
  margin-right: 0px;
  padding-right: 0px;
  margin-left: auto;
  width: 100%;
}

div.forum_category h2,
div.forum_topic h2 {
  font-size: 14px;
  border-bottom: 1px solid #dddddd;
  padding: 0px;
  margin: -1px;
  margin-bottom: 10px;
  padding-left: 3px;
}

div.forum_category h2 a,
div.forum_topic h2 a {
  display: block;
  text-decoration: none;
  padding: 3px;
  margin: 0px;
  margin-left: -3px;
}

div.forum_category h2 a:hover,
div.forum_topic h2 a:hover {
  display: block;
  text-decoration: none;
  padding: 3px;
  margin: 0px;
  margin-left: -3px;
}

div.forum_category p,
div.forum_topic p {
  margin: 0px;
  padding: 2px;
  margin-left: 5px;
  display: block;
  text-align: left;
  padding-left: 20px;
}

div.forum_item_detail p {
  padding-left: 1px;
  margin-left: 1px;
}

/******** SHOP *************/
/* generic items */
.order_group {
  float: right;
  display: block;
  text-align: right;
  position: relative;
  top: 5px;
  right: 0;
  padding: 0 10px 10px 10px;
  max-width: 20%;
  margin: 0 0 20px 20px;
}

.order_group .price {
  white-space: nowrap;
  position: relative;
  display: block;
  top: 2px;
  right: 2px;
  font-weight: bold;
  font-size: 22px;
  line-height: 36px;
}

.order_group .special {
  white-space: nowrap;
  position: relative;
  display: block;
  top: 2px;
  right: 2px;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
}

.order_group span.special span.special_amount {
  font-size: 20px;
  line-height: 24px;
  color: #de0a21;
}

span.special span.old {
  font-size: 15px;
  line-height: 16px;
}

.order_group p {
  display: block;
  clear: both;
}

.order_group p.small {
  display: block;
  clear: both;
  font-size: 10px;
  line-height: 11px;
}
.shop_breadcrumbs,.shop_categories_titles {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding: 0;
  margin: 1.5rem 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.875rem; /* 14px */
  line-height: 1.5;
}

/* Individual list item spacing */
.shop_breadcrumbs li,.shop_categories_titles li {
  display: inline-flex;
  align-items: center;
  color: #64748b; /* Slate grey for inactive text */
}

/* Style the links */
.shop_breadcrumbs a, .shop_categories_titles a {
  color: #0f172a; /* Dark slate for interactive links */
  text-decoration: none;
  transition: color 0.2s ease;
}

/* Hover effects for links */
.shop_breadcrumbs a:hover, .shop_categories_titles a:hover {
  color: #2563eb; /* Modern royal blue accent */
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* Add modern '/' separators dynamically between links */
.shop_breadcrumbs li:not(:last-child)::after ,.shop_categories_titles li:not(:last-child)::after {
  content: "/";
  margin: 0 0.75rem; /* Spacing around the separator */
  color: #cbd5e1; /* Muted light grey */
  font-weight: 300;
  pointer-events: none;
}

/* Style for the current/last page (non-clickable look) */
.shop_breadcrumbs li:last-child a,.shop_categories_titles li:last-child a {
  color: #64748b; 
  pointer-events: none; /* Disables click on current page */
  font-weight: 500;
}

/* Mobile responsive optimization */
@media (max-width: 640px) {
  .shop_breadcrumbs,.shop_categories_titles {
    font-size: 0.8rem;
    gap: 0.25rem 0px; /* Tightens vertical gaps if wrapped */
  }
}

.shop_listed_under {
  clear: both;
}

.shop_listed_under li {
  list-style-type: none !important;
  float: left;
  margin: 0 0 3px 0 !important;
  padding: 0;
  line-height: 18px;
  text-align: left;
  text-decoration: none;
}

.shop_listed_under > li > a:after {
  content: " \00BB";
}

.shop_listed_under > li:last-child > a:after {
  content: "";
}

.shop_listed_under > li > a:hover {
}

div#shop_menu {
  display: block;
  float: left;
  width: 98%;
  text-align: left;
  background: #fff;
  padding: 0px 0 0 2%;
  margin: 0px 0 0 0;
}

#shop_menu li.spacer {
  list-style: none !important;
}

#shop_menu li.spacer {
  height: 1px !important;
  border-bottom: 1px solid #fff;
  margin-top: -1.5px;
}

#shop_menu li.spacer > span {
  display: none;
}

.shop_parent_categories li {
  clear: left;
  font-weight: bold;
  list-style-type: none !important;
  margin: 0 !important;
}

.shop_child_categories li {
  font-weight: bold;
  list-style-type: circle !important;
  padding: 0 !important;
  margin: 0 0 0 20px !important;
}

/*.shop_child_categories li:before { content:" -> "; }
 .shop_child_categories li:first-child:before { content:" -> "; }
/**/
/* Individual Product Card Styling */
/* Individual Product Card Layout */

/* Base Container Framework */
/* Base Container Framework */
body {
  display: flex;
  flex-direction: column;
  
}

/* Individual Product Card Setup */
.product_list {
  list-style: none;
  padding: 0;
  margin: 0 0 5px 0;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.product_list:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08);
}

/* Master 3-Column Layout Engine */
.product_list li {
  position: relative; /* Context for our absolute whole-card clickable mask */
  display: grid;
  padding: 1.5rem;
  
  /* Row 1: Full-width title */
  /* Row 2: Image column, Fluid description column, and Stacked Action column */
  grid-template-rows: auto auto;
  grid-template-columns: 130px 1fr 200px; 
  gap: 1.25rem 1.5rem;
}

/* The Layout Secret: Dissolves the link wrapper's physical bounding box */
.product_list a.transparent {
  display: contents; 
}

/* Modern Card Click Mask (Makes the whole card clickable safely) */
.product_list a.transparent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1; /* Spreads an invisible clickable blanket across the card */
}

/* 1. Full-Width Title (Row 1 - Spans all 3 column lanes) */
.product_list span.title.h2 {
  grid-row: 1;
  grid-column: 1 / -1; 
  font-size: 1.25rem;
  font-weight: 600;
  color: #0f172a;
  margin: 0;
  line-height: 1.4;
  z-index: 2; /* Keeps title text selectable/interactive above mask */
}

/* 2. Portrait Image Box (Row 2, Column 1) */
.product_list span.listimage {
  grid-row: 2;
  grid-column: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* height: 170px; Taller aspect frame for portrait product assets */
  background-color: #f1f5f9;
  border-radius: 8px;
  overflow: hidden;
  z-index: 2;
}

.product_list span.listimage img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}

/* 3. Product Description (Row 2, Column 2) */
.product_list span.image_desc {
  grid-row: 2;
  grid-column: 2;
  font-size: 0.875rem;
  font-weight: normal;
  color: #475569;
  line-height: 1.6;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 6; /* Clones sizing lines exactly alongside image frame height */
  -webkit-box-orient: vertical;
  overflow: hidden;
  z-index: 2;
}

/* 4. Combined Action Block (Row 2, Column 3 - Stacks Price directly above Button) */
.product_list .button_container {
  grid-row: 2;
  grid-column: 3;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Vertically centers the entire block in the row */
  align-items: stretch; /* Stretches the button to fill the width */
  padding-left: 1.5rem;
  border-left: 1px dashed #e2e8f0; /* Soft vertical dividing line */
}

/* 5. Price Tag (Now cleanly forced into row 2, column 3 above the button) */
.product_list span.item_price {
  grid-row: 2;
  grid-column: 3;
  font-size: 1.4rem;
  font-weight: 700;
  color: #1e3a8a; /* Industrial Dark Blue */
  text-align: right;
  padding:0 5px 0 0;
  margin-bottom: 1rem; /* Creates the spacing gap directly above the button */
  display: block;
  z-index: 3; /* Positions text layer firmly above the background click mask */
}

/* Button positioning fix inside the container */
.product_list .add_to_basket_link {
  display: block;
  width: 100%;
  z-index: 3; /* Ensures button is clickable over the background click mask */
}

/* Modern Call-To-Action Button styling */
.product_list .link_button.mbShopAddToBasket {
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  background-color: #0284c7; /* Vibrant brand blue */
  color: #ffffff;
  box-shadow: 0 4px 6px -1px rgba(2, 132, 199, 0.4);
}

.product_list .link_button.mbShopAddToBasket:active,.product_list .link_button:hover {
   background-color: #0369a1;
  color: #ffffff;
  transform: translateY(-2px);
}



/* Clean up paragraph tag fallbacks */
p {
  margin: 0;
}

/* Responsive Mobile Layout (Safely stacks on small screens) */
@media (max-width: 768px) {
  .product_list li {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  
  .shop_product_images_container {
    max-width:47%;
    box-sizing: border-box;
  }

  .order_group {
    box-sizing: border-box;
  float: right;
  display: block;
  text-align: right;
  position: relative;
  top: auto;
  right: auto;
  padding: 0 10px 10px 10px;
  max-width: 45%;
  margin: 0 0 20px 20px;
}

div.description {
    display:inline-block;
    width:100%;
    clear:both;
}

  .product_list span.listimage {
    width: 100%;
    min-height: 100px;
  }

  .product_list .button_container {
    width: 100%;
    padding-left: 0;
    border-left: none;
    margin-top: 0.5rem;
  }
  
  .product_list span.item_price {
    text-align: left;
    margin-bottom: 0.5rem;
  }
}



ul.thumbs {
  list-style: none;
  margin-left: 0px !important;
  float: right;
}

ul.thumbs li {
  float: left;
  list-style: none !important;
  text-align: left;
  list-style-image: none !important;
  margin: 0 !important;
  padding: 0px 2px !important;
  background: #fff;
}

.shopimage_container {
  width: 300px;
  float: left;
  margin: 10px 10px 0 0;
}

.main_image {
  width: 300px;
}

dt {
  border-radius:3px;
}

/*shop accordian categories /**/
dl {
  margin: 0.5em 0;
  padding: 0;
  border-radius:3px;
}

dt.a_t_w_c span.link {
  background: none;
  text-decoration: none !important;
  width: 40%;
  display: inline-block;
}

dt.a_t_w_c span.link a {
  background: none;
  text-decoration: none !important;
  font-size: 1.2em;
}

dt.a_t_w_c span.link a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #006d8d;
}

dt.a_t_w_c {
  left: 0;
  top: 0.2em;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid #f2f2f2;
  background: #f2f2f2;
  padding: 5px 5px;
  margin: 1px 0;
}

dt.a_t_w_c.open {
  background: #666;
  color: #fff !important;
  border: 1px solid #666;
}

dt.a_t_w_c.open span.link a {
  color: #fff !important;
}

dt.a_t_w_c span.dd_note {
  font-weight: normal;
  color: #666;
  font-size: 10px;
  background: #fff;
  border-radius: 5px;
  padding: 3px;
  margin-left: 50px;
}

dt.a_t_w_c span.dd_note::before {
  content: "- click to expand";
}

dt.a_t_w_c.open span.dd_note::before {
  content: "- click to close";
}

dd {
  margin: 0 0 0 1em;
  padding: 0 0 0.3em 0.3em;
  border-radius:3px;
}

dd > dl > dd {
  margin: 0 0 0 0.5em;
  padding: 0 0 0.3em 0.3em;
}

.accordion_toggler_no_content a {
  padding: 6px 5px;
}

.accordion_toggler_no_content {
  padding: 5px 0;
}

/**/

/* customized */
.order_group {
  /* background: #f2f2f2;
  border: 1px solid #666;
  border-bottom: 5px solid #666; */
}

/***************END SHOP***************/

/******* DATEPICKER *******/
.dp_container {
  position: absolute;
  padding: 0;
  z-index: 10;
}

/* set width the same as input.normal /**/
.dp_cal {
  display: block;
  background-color: #fff;
  border: 0px solid #fff;
  position: absolute;
  width: 350px !important;
  text-align: left;
  top: 1px;
  left: 160px;
  padding: 0px !important;
  margin: 0px 0px 3px 0px;
}

.dp_cal table {
  margin: 0 !important;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.dp_cal select {
  margin: 2px 3px;
  font-size: 11px;
}

.dp_cal select option {
  padding: 1px 3px;
}

.dp_cal th,
.dp_cal td {
  width: 14.2857%;
  text-align: center;
  font-size: 11px;
  padding: 2px 0;
}

.dp_cal th {
  border: solid #aad4f2;
  border-width: 1px 0;
  color: #797774;
  background: #daf2e6;
  font-weight: bold;
}

.dp_cal td {
  cursor: pointer;
}

.dp_cal thead th {
  background: #d9eefc;
}

.dp_cal td.dp_roll {
  color: #000;
  background: #fff6bf;
}

/* must have this for the IE6 select box hiding */
.dp_hide {
  visibility: hidden;
}

.dp_empty {
  background: #eee;
}

.dp_today {
  background: #daf2e6;
}

.dp_selected {
  color: #fff;
  background: #328dcf;
}

/*-------------------------------------------------------------------------------------------*/
/* 2. Buttons */
/*-------------------------------------------------------------------------------------------*/
.link_button, input[type="submit"], button {
  font-weight: normal;
  font-family: sans-serif;
  display: inline-block;
  line-height: 1em;
  padding: 6px 13px;
  font-size: 16px;
  margin: 0 0.2em 0.2em 0;
  color: white !important;
  text-align: center;
  text-shadow: 0 -1px 0 hsla(0, 0%, 0%, 0.3);
  text-decoration: none !important;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.5s ease;
  background-color: #0284c7; /* Vibrant brand blue */
  color: #ffffff;
  /* box-shadow: 0 4px 6px -1px rgba(2, 132, 199, 0.4); */
}


.link_button.small,
.link_button.smallbtn {
  padding: 4px 10px;
  font-size: 0.9em;
}

.link_button.large {
  padding: 7px 16px;
  font-size: 1.4em;
}

.link_button.xl {
  padding: 9px 20px;
  font-size: 1.8em;
}

.link_button:hover,
.link_button.hover,
.link_button.active
, input[type="submit"]:hover, button:hover
/* .box_button:hover,
.box_button.hover,
.box_button.active  */
{
  background-color: #0369a1;
  color: #ffffff;
  transform: translateY(-2px);
}

.link_button:active,
.link_button.active {
  border-color: #20559a;
}

/* .link_button {
  border-color: #fff;
  background-color: #006d8d;
  border: 0;
} */

/* .link_button:hover {
  background: #3ba7c7;
} */

.link_button.dark span {
  color: #555;
  text-shadow: 0 1px #fff;
}

.link_button.custom:hover {
  opacity: 0.85;
}

.link_button span {
  line-height: 1.2em;
  min-height: 16px;
}


.link_button.silver {
  color: #444 !important;
  text-shadow: 0 1px #fff;
  border-color: #bbb;
  border-bottom-color: #999;
  background-color: #e9e9e9;
}

.link_button.silver:hover {
  background: #e0e0e0;
}
.box_button {
  display: inline-block;
  line-height: 1em;
  font-size: 2.4em;
  padding: 20px;
  margin: 0 0.2em 0.2em 0;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: white !important;
  text-align: center;
  text-shadow: 1px 1px 0 hsla(0, 0%, 0%, 0.3);
  text-decoration: none !important;
  border-radius: 8px;
  cursor: pointer;
  
  /* Linear gradient works seamlessly for shifting animations */
  background: linear-gradient(
    135deg, 
    rgba(0, 109, 141, 1) 0%, 
    rgba(32, 85, 154, 1) 50%, 
    rgba(0, 109, 141, 1) 100%
  );
  background-size: 200% 200%;
  transition: background-position 0.5s ease;
}

.box_button:hover {
  background-position: right center; /* Shifts the gradient position */
}

span.button_subtext {
  display:inline-block;
  padding-top:10px;
  font-size: 12pt;
  font-weight: normal;
  font-family: arial, sans-serif;
  line-height: 1.2em;
}


/*-------------------------------------------------------------------------------------------*/
/* 3. Columns */
/*-------------------------------------------------------------------------------------------*/
.twocol-one {
  width: 48%;
}

.threecol-one {
  width: 30.66%;
}

.threecol-two {
  width: 65.33%;
}

.fourcol-one {
  width: 22%;
}

.fourcol-two {
  width: 48%;
}

.fourcol-three {
  width: 74%;
}

.fivecol-one {
  width: 16.8%;
}

.fivecol-two {
  width: 37.6%;
}

.fivecol-three {
  width: 58.4%;
}

.fivecol-four {
  width: 67.2%;
}

.sixcol-one {
  width: 13.33%;
}

.sixcol-two {
  width: 30.66%;
}

.sixcol-three {
  width: 47.99%;
}

.sixcol-four {
  width: 65.33%;
}

.sixcol-five {
  width: 82.67%;
}

.twocol-one,
.threecol-one,
.threecol-two,
.fourcol-one,
.fourcol-two,
.fourcol-three,
.fivecol-one,
.fivecol-two,
.fivecol-three,
.fivecol-four,
.sixcol-one,
.sixcol-two,
.sixcol-three,
.sixcol-four,
.sixcol-five {
  float: left;
  margin-right: 4%;
  position: relative;
}

.lastcol {
  clear: right;
  margin-right: 0 !important;
  border-right: 0 !important;
}

.hpcols2,
.hpcols3 {
  list-style: none !important;
  list-style-type: none !important;
}

.hpcols_2 li {
  width: 47%;
  height: 136px;
  overflow: hidden;
}

.hpcols_3 li {
  width: 31.3%;
  height: 156px;
  overflow: hidden;
}

.hpcols_4 li {
  width: 23.3%;
  height: 170px;
  overflow: hidden;
}

.hpcols_5 li {
  width: 18.3%;
  height: 170px;
  overflow: hidden;
}

.hpcols_2 li,
.hpcols_3 li,
.hpcols_4 li,
.hpcols_5 li {
  float: left;
  position: relative;
  border-right: 1px solid #ccc;
  list-style: none !important;
  margin: 10px 0.5% 5px 0 !important;
  text-align: left;
  font-size: 11px;
  line-height: 15px;
}

/* ROAR /**/
.roar-body {
  position: absolute;
  font:
    12px/14px "Lucida Grande",
    Arial,
    Helvetica,
    Verdana,
    sans-serif;
  color: #fff;
  text-align: left;
  z-index: 999;
}

.roar {
  position: absolute;
  width: 300px;
  cursor: pointer;
}

.roar-bg {
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.roar-body-ugly .roar {
  background-color: #333;
}

.roar-body-ugly .roar-bg {
  display: none;
}

.roar h3 {
  position: relative;
  padding: 15px 10px 0;
  margin: 0;
  border: 0;
  font-size: 13px;
  color: #fff;
  z-index: 1002;
}

.roar p {
  position: relative;
  padding: 10px 10px 15px;
  margin: 0;
  font-size: 12px;
  color: #fff;
  z-index: 1002;
}

/**/

/* formcheck /**/
div.fc-tbx {
}

.fc-tbx table,
.fc-tbx td,
.fc-tbx tr {
  border: 0 !important;
  background: transparent;
}

.fc-tbx table {
  min-width: 350px;
}

.fc-tbx .tl {
  background: transparent url("../images_formcheck/tl.png") no-repeat;
  width: 16px;
  padding: 0;
  margin: 0;
  border: 0 !important;
}

.fc-tbx .t {
  background: transparent url("../images_formcheck/t.png") repeat-x;
  height: 10px;
  border: 0 !important;
  margin: 0;
}

.fc-tbx .tr {
  background: transparent url("../images_formcheck/tr.png") no-repeat;
  border: 0 !important;
  margin: 0;
}

.fc-tbx .l {
  background: transparent url("../images_formcheck/l.png") repeat-y;
  width: 16px;
  padding: 0;
  margin: 0;
  border: 0 !important;
}

.fc-tbx .r {
  background: transparent url("../images_formcheck/r.png") repeat-y;
  width: 16px;
  border: 0 !important;
}

.fc-tbx .bl {
  background: transparent url("../images_formcheck/bl.png") no-repeat;
  width: 16px;
  padding: 0;
  margin: 0;
  border: 0 !important;
}

.fc-tbx .b {
  background: transparent url("../images_formcheck/b.png") no-repeat;
  height: 25px;
  border: 0 !important;
}

.fc-tbx .br {
  background: transparent url("../images_formcheck/br.png") no-repeat;
  border: 0 !important;
}

.fc-tbx .c {
  background: transparent url("../images_formcheck/c.png") repeat;
  border: 0 !important;
}

.fc-tbx a.close {
  float: right;
  background: transparent url("../images_formcheck/close.png") no-repeat;
  position: relative;
  margin: -5px -12px 0px auto;
  display: block;
  width: 10px;
  height: 10px;
  cursor: pointer;
  border: 0 !important;
}

.fc-tbx .err {
  float: left;
}

.fc-tbx p {
  width: auto;
  display: block;
  font-size: 10px;
  font-family: tahoma, verdana, "sans-serif";
  margin: 0;
  padding: 0 5px;
  border: 0;
  color: #fff;
}

.ajax_loader {
  background: url("../images_formcheck/ajax-loader.gif") no-repeat center;
  width: 200px;
  height: 150px;
}

/**/

/* multicol /**/
ul.multicol {
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 20px;
}

.multicol_wrapper {
  width: 100%;
}

.multicol_wrapper ul {
  float: left;
  width: 33%;
  list-style: none !important;
  list-style-type: none !important;
}

.multicol_wrapper ul li {
  list-style: none !important;
  list-style-type: none !important;
}

/**/

/*==================================================*/
/*==================================================*/
/* @Grids */
/*==================================================*/
/*==================================================*/

/* 1200 grid inspired by (http://www.aliaspooryorik.com/blog/index.cfm/e/posts.details/post/responsive-css-grid-systems-345) */
/* grid measures inspired by (Skeleton - http://getskeleton.com) */

/* #1200 grid */
/*---------------------------------------------------*/

.wrapper {
  width: 1400px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12,
.col13,
.col14,
.col15,
.col16,
.col1_2,
.col1_3,
.col2_3 {
  float: left;
  display: inline;
  margin: 0 2px;
}

.col1_4 {
  float: left;
  display: inline;
  margin: 0;
}

.col1 {
  width: 55px;
}

.col2 {
  width: 130px;
}

.col3 {
  width: 205px;
}

.col4 {
  width: 280px;
}

.col5 {
  width: 355px;
}

.col6 {
  width: 430px;
}

.col7 {
  width: 505px;
}

.col8 {
  width: 580px;
}

.col9 {
  width: 655px;
}

.col10 {
  width: 730px;
}

.col11 {
  width: 805px;
}

.col12 {
  width: 880px;
}

.col13 {
  width: 955px;
}

.col14 {
  width: 1030px;
}

.col15 {
  width: 1105px;
}

.col16 {
  width: 1180px;
}

.col1_2 {
  width: 48.5%;
}

.col1_3 {
  width: 31%;
}

.col1_4 {
  width: 23%;
}

.col2_3 {
  width: 32%;
}

.row {
  width: 100%;
  margin-bottom: 3px !important;
  display: inline-block;
}

.first {
  margin-left: 0;
}

.last {
  margin-right: 0;
}

.col1_2 {
  margin-right: 1%;
}

.col1_3 {
  margin-right: 0.5%;
  padding-right: 0.5%;
}

.col1_4 {
  margin-right: 1%;
}

.row .col1_2:last-child,
.col1_2.last {
  margin-right: 0;
  width: 50%;
}

.col1_3:last-child,
.col1_3.last {
  margin-right: 0;
  width: 33%;
  border: 0;
  padding-right: 0;
}

.col1_4 .last {
  margin-right: 0;
  width: 25%;
}

.col1_4 img {
  max-width: 300px;
  max-height: 300px;
}

.col1_3 img {
  max-width: 300px;
  max-height: 300px;
}

@media print, screen and (min-width: 1200px) {
  .wrapper {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
    position: relative;
  }

  .col1,
  .col2,
  .col3,
  .col4,
  .col5,
  .col6,
  .col7,
  .col8,
  .col9,
  .col10,
  .col11,
  .col12,
  .col13,
  .col14,
  .col15,
  .col16,
  .col1_3,
  .col2_3 {
    float: left;
    display: inline;
    margin: 0 2px;
  }

  .col1 {
    width: 55px;
  }

  .col2 {
    width: 130px;
  }

  .col3 {
    width: 205px;
  }

  .col4 {
    width: 280px;
  }

  .col5 {
    width: 355px;
  }

  .col6 {
    width: 430px;
  }

  .col7 {
    width: 505px;
  }

  .col8 {
    width: 580px;
  }

  .col9 {
    width: 655px;
  }

  .col10 {
    width: 730px;
  }

  .col11 {
    width: 805px;
  }

  .col12 {
    width: 880px;
  }

  .col13 {
    width: 955px;
  }

  .col14 {
    width: 1030px;
  }

  .col15 {
    width: 1105px;
  }

  .col16 {
    width: 1180px;
  }

  .col1_3 {
    width: 31%;
  }

  .col2_3 {
    width: 460px;
  }

  .first {
    margin-left: 0;
  }

  .last {
    margin-right: 0;
  }

  .col1_3 {
    margin-right: 1%;
  }

  .row .col1_3:last-child {
    margin-right: 0;
    width: 33%;
  }

  .col1_4 img {
    max-width: 300px;
    max-height: 300px;
  }

  .col1_3 img {
    max-width: 300px;
    max-height: 300px;
  }

  .col1_3 label {
    white-space: normal;
    display: inline;
  }
}

/* #960 grid */
/*---------------------------------------------------*/

@media print, screen and (min-width: 960px) and (max-width: 1199px) {
  .wrapper {
    width: 960px;
  }

  .col1 {
    width: 40px;
  }

  .col2 {
    width: 100px;
  }

  .col3 {
    width: 160px;
  }

  .col4 {
    width: 220px;
  }

  .col5 {
    width: 280px;
  }

  .col6 {
    width: 340px;
  }

  .col7 {
    width: 400px;
  }

  .col8 {
    width: 460px;
  }

  .col9 {
    width: 520px;
  }

  .col10 {
    width: 580px;
  }

  .col11 {
    width: 640px;
  }

  .col12 {
    width: 700px;
  }

  .col13 {
    width: 760px;
  }

  .col14 {
    width: 820px;
  }

  .col15 {
    width: 880px;
  }

  .col16 {
    width: 940px;
  }

  .col1_3 {
    width: 31%;
  }

  .col2_3 {
    width: 350px;
  }

  .col1_4 {
    width: 23%;
  }

  .col1_3,
  .col1_4 {
    margin-right: 1%;
  }

  .row .col1_3:last-child {
    margin-right: 0;
    width: 32%;
  }

  .row .col1_4:last-child {
    margin-right: 0;
    width: 24%;
  }

  .col1_4 img {
    max-width: 230px;
    max-height: 230px;
  }

  .col1_3 img {
    max-width: 230px;
    max-height: 230px;
  }

  .col1_3 input.normal {
    width: auto;
    max-width: 100%;
  }

  .col1_3 label {
    white-space: normal;
    display: inline;
  }
}

/* #Tablet (Portrait) */
/*---------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .wrapper {
    width: 768px;
  }

  .col1 {
    width: 28px;
  }

  .col2 {
    width: 76px;
  }

  .col3 {
    width: 124px;
  }

  .col4 {
    width: 172px;
  }

  .col5 {
    width: 220px;
  }

  .col6 {
    width: 268px;
  }

  .col7 {
    width: 316px;
  }

  .col8 {
    width: 364px;
  }

  .col9 {
    width: 412px;
  }

  .col10 {
    width: 460px;
  }

  .col11 {
    width: 508px;
  }

  .col12 {
    width: 556px;
  }

  .col13 {
    width: 604px;
  }

  .col14 {
    width: 652px;
  }

  .col15 {
    width: 700px;
  }

  .col16 {
    width: 748px;
  }

  .col1_3 {
    width: 31%;
  }

  .col2_3 {
    width: 250px;
  }

  .first.last {
    margin: 0;
  }

  .hide-tablet {
    display: none !important;
  }

  .col1_4 {
    width: 23%;
  }

  .col1,
  .col2,
  .col3,
  .col4,
  .col5,
  .col6,
  .col7,
  .col8,
  .col9,
  .col10,
  .col11,
  .col12,
  .col13,
  .col14,
  .col15,
  .col16,
  .col1_3,
  .col1_4,
  .col2_3 {
    float: left;
    display: inline;
    margin: 0 2px;
  }

  .col1_3 {
    margin-right: 1%;
  }

  .row .col1_3:last-child {
    margin-right: 0;
    width: 31%;
  }

  .row .col1_4:last-child {
    margin-right: 0;
    width: 23%;
  }

  .col1_4 img {
    max-width: 180px;
    max-height: 180px;
  }

  .col1_3 input.normal {
    width: auto;
  }

  .col1_3 img {
    max-width: 180px;
    max-height: 180px;
  }

  .col1_3 label {
    white-space: normal;
    display: inline;
  }
}

/* #Mobile (Landscape) */
/*---------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .wrapper {
    width: 100%;
  }

  .col1,
  .col2,
  .col3,
  .col4,
  .col5,
  .col6,
  .col7,
  .col8,
  .col9,
  .col10,
  .col11,
  .col12,
  .col13,
  .col14,
  .col15,
  .col16,
  .col1_2,
  .col1_3,
  .col1_4,
  .col2_3 {
    width: 99%;
    margin: 0 0.5%;
  }

  .hide-mobile,
  .hide-tablet {
    display: none !important;
  }

  .row .col1_2:last-child {
    margin-right: 0;
    width: 99%;
  }

  .col1_3:last-child,
  .col1_3.last {
    margin-right: 0;
    width: 99%;
  }

  .row .col1_4:last-child {
    margin-right: 0;
    width: 99%;
  }
}

.selectnav {
  display: none;
}

/* MULTIBOX /**/

.MultiBoxContainer * {
  box-sizing: border-box;
}

.MultiBoxLoading {
  background: url(../images/mb_Components/spinner.gif) no-repeat center !important;
}

.MultiBoxClose {
  position: absolute;
  top: -7px;
  right: 20px;
  background: url(../images/mb_Components/close.png) no-repeat center center;
  width: 32px;
  height: 48px;
  cursor: pointer;
}

.MultiBoxControlsContainer {
  overflow: hidden;
  height: 30px;
  position: relative;
}

.MultiBoxControls {
  width: 100%;
  height: 30px;
  position: relative;
  background-color: #fff;
  box-sizing: border-box;
}

.MultiBoxPrevious {
  position: absolute;
  background: url(../images/mb_Components/left.png) no-repeat;
  width: 26px;
  height: 26px;
  left: 0px;
  margin-top: 5px;
  cursor: pointer;
}

.MultiBoxNext {
  position: absolute;
  background: url(../images/mb_Components/right.png) no-repeat;
  width: 26px;
  height: 26px;
  right: 0px;
  margin-top: 5px;
  cursor: pointer;
}

.MultiBoxNextDisabled {
  cursor: default;
  background: url(../images/mb_Components/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
  cursor: default;
  background: url(../images/mb_Components/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
  position: relative;
  margin: 10px 0 0 35px;
  float: left;
  font-size: 11px;
  color: #444;
  font-weight: bold;
  text-align: left;
}

.MultiBoxNumber {
  position: relative;
  width: 50px;
  margin: 10px 35px 0 0;
  float: right;
  font-size: 11px;
  color: #444;
  text-align: right;
}

.MultiBoxDescription {
  clear: left;
  position: relative;
  margin: 0 35px 0 35px;
  padding-top: 5px;
  font-size: 11px;
  color: #444;
  text-align: left;
}

.MultiBoxContainer {
  padding: 0 10px;
  border: 1px solid #777;
  box-sizing: border-box;
  margin: 0 10px 0 0;
}

.MultiBoxContainer {
  position: absolute;
  border: 0;
  background-color: rgba(255, 255, 255, 0.5);
  background: #fff;
  display: none;
  z-index: 90000;
  text-align: left;
  padding: 0 10px 0 0;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  /**/
  /*box-shadow: 0 1000px 0 1000px rgba(0,0,0,0.5);/**/
  box-sizing: border-box;
  width: 100%;
  margin: 0 10px 0 0;
  /*overflow: hidden;*/
}

#MultiBoxContentContainer {
  position: relative;
  width: 98%;
  max-width: 98%;
  overflow-x: hidden;
  margin: 10px;
  padding: 0 10px 0 0;
  box-sizing: border-box;
}

.MultiBoxContent {
  position: relative;
  width: 99%;

  max-width: 100%;
  overflow: auto;
  margin: 0 10px 0 0;
  padding: 0;
  box-sizing: border-box;
}

.MultiBoxContent fieldset.full_width,
.MultiBoxContent h1,
.MultiBoxContent .h1 {
  width: 100%;
  box-sizing: border-box;
  margin: 10px 0 0.5em 0;
  text-indent: 0;
}

/*.MultiBoxContent h1, .MultiBoxContent .h1 { background:none; color:#444; border:0; height:20px; margin:0; padding:8px 0 0 0; text-indent:5px;}/**/
.MultiBoxContent h1,
.MultiBoxContent .h1 {
  padding: 8px 10px 10px 10px;
  width: 100%;
  box-sizing: border-box;
}

.MultiBoxContent fieldset.right_half {
  width: 49%;
  margin: 10px 10px 0 0;
  box-sizing: border-box;
}

#nellenwrap .content_highlights,
#nellenwrap2 .content_highlights,
#nellenwrap3 .content_highlights,
#nellenwrap4 .content_highlights,
#nellenwrap5 .content_highlights,
#nellenwrap_special .content_highlights {
  position: relative;
}

.intro-lead {
  position: absolute;
  padding: 10px;
  margin: 20px auto 20px auto;
  left: 0;
  width: 60%;
  font-family: sans-serif;
  right: 0;
  color: #fff;
  border-radius: 10px;
  text-align: center !important;
  transition: 0.3s all ease-in;
  font-family: Arial, Helvetica, sans-serif;
}

.intro-lead h1 {
  color: #fff;
  background-color: transparent !important;
  text-align: center !important;
  padding: 0;
  margin: 0;
  font-size: 52px;
  line-height: 67.6px;
  letter-spacing: 0.02em;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: 0 0px 4px rgba(0, 0, 0, 0.5);
}

.intro-lead p {
  color: inherit;
  text-align: center !important;
  margin: 0;
  font-weight: normal;
  letter-spacing: 0.01em;
  font-size: 18px;
  line-height: 32.4px;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: 0 0px 4px rgba(0, 0, 0, 0.5);
  background: rgba(32, 85, 154, 0.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(5px);
  /* For Safari */
  padding: 20px;
  border-radius: 8px;
}

.intro-lead h2 strong {
  text-shadow: rgba(0, 0, 0, 0.2) 0px 1px;
}

.intro-lead img {
  display: none;
}

.intro-lead:hover {
}

#nellenwrap::after,
#nellenwrap2::after,
#nellenwrap3::after,
#nellenwrap4::after,
#nellenwrap5::after,
#nellenwrap_special::after {
  content: "";
  display: inline-block;
  padding: 0;
  padding-top: 400px;
  background: #fff url("../images_2026/tractor-cropped2.jpg") 100% 100%
    no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
}

/*---------------------------------------------------
    @Styles for Small Desktop sizes (biggest)
---------------------------------------------------*/

@media only screen and (min-width: 1200px) {
  #top_container {
    width: 1200px;
  }

  #top_wrapper {
    min-width: 1200px;
  }

  #logo img {
    width: 180px;
  }

  .intro-lead {
    width: 1200px;
  }

  #next_to_logo {
    margin-top: 25px;
  }

  #content_box {
    width: 1200px;
  }

  img {
    max-width: 100%;
  }

  #content_wide {
    width: 980px;
  }

  /*#user_panel,#user_panel_top,#user_panel_body,#user_panel_bottom { width:200px;}/**/
  #content_full {
    width: 1200px;
  }

  #global_ajax_result {
    width: 400px;
  }

  #footer {
    width: 1200px;
  }

  #site_menu_wrapper {
    min-width: 1200px;
  }

  #site_menu,
  #menu_1 {
    width: 1200px;
  }

  .slideshow_camera {
    width: 1200px !important;
  }
}

/*---------------------------------------------------
    @Styles for Small Desktop sizes (until 1200)
---------------------------------------------------*/

@media only screen and (min-width: 960px) and (max-width: 1199px) {
  #top_wrapper {
    min-width: 960px;
  }

  #top_container {
    width: 960px;
  }

  .intro-lead {
    width: 100%;
  }

  #logo img {
  }

  #next_to_logo {
    margin-top: 28px;
  }

  #content_box {
    width: 960px;
  }

  #content_wide {
    width: 780px;
  }

  img {
    max-width: 100%;
  }

  /*#user_panel,#user_panel_top,#user_panel_body,#user_panel_bottom { width:160px;}/**/
  #content_full {
    width: 960px;
  }

  #global_ajax_result {
    width: 400px;
  }

  #footer {
    width: 960px;
  }

  #site_menu_wrapper {
    min-width: 960px;
  }

  #site_menu,
  #menu_1 {
    width: 960px;
  }

  .slideshow_camera {
    width: 960px !important;
  }

  .slider_shadow {
    background-size: 960px;
  }
}

/*---------------------------------------------------
    @Styles for Tablet Portrait
---------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #top_wrapper {
    min-width: 768px;
    width: 100%;
  }

  #top_container {
    width: 768px;
  }

  #logo img {
  }

  .intro-lead {
    width: 100%;
  }

  #next_to_logo {
    margin-top: 28px;
  }

  #content_box {
    width: 768px;
  }

  #content_wide {
    width: 598px;
    padding: 10px 5px;
  }

  /*#user_panel,#user_panel_top,#user_panel_body,#user_panel_bottom { width:160px;}/**/
  #content_full {
    width: 768px;
  }

  #global_ajax_result {
    width: 400px;
  }

  #footer {
    width: 768px;
  }

  #site_menu_wrapper {
    min-width: 768px;
    width: 100%;
    height: auto;
  }

  #site_menu,
  #menu_1 {
    width: 768px;
    height: 36px;
  }

  #menu_1 > li {
    min-width: 10px;
  }

  .slideshow_camera {
    width: 768px !important;
  }

  .slider_shadow {
    background-size: 760px;
  }

  img {
    max-width: 100%;
  }

  .MultiBoxContainer {
    padding: 5px 1px;
  }
}

@media only screen and (max-width: 767px) {
  #top_wrapper {
    min-width: 100%;
    background-image: none;
    min-height: 78px;
  }

  #top_container {
    width: 100%;
  }

  .intro-lead {
    margin-top: 0;
    width: 100%;
  }
  .intro-lead h1 {
    font-size: 30px;
  }
  #nellenwrap::after,
  #nellenwrap2::after,
  #nellenwrap3::after,
  #nellenwrap4::after,
  #nellenwrap5::after,
  #nellenwrap_special::after {
    padding-top: 480px;
  }

  #content_box {
    width: 100%;
  }

  #content_wide {
    width: 100%;
    padding: 5px;
  }

  #content_full {
    width: 100%;
    box-shadow: 0;
    padding: 5px;
  }

  #global_ajax_result {
    width: 100%;
  }

  #footer {
    width: 100%;
  }

  #logo {
    margin-top: 10px;
    width: auto;
    max-width: 49%;
  }

  #logo img {
    width: 100%;
    height: 100%;
  }

  #next_to_logo {
    margin: 45px 0 0 0;
    width: auto;
    max-width: 50%;
  }

  #next_to_logo img {
    width: 100%;
    height: 100%;
  }

  #user_panel,
  #user_panel_top,
  #user_panel_body,
  #user_panel_bottom {
    box-sizing: border-box;
    width: 100%;
    float: none;
    clear: both;
    margin: 0 0 8px 0;
  }

  #shop_menu,
  #shop_title {
    display: none !important;
  }

  #directory_menu,
  #directory_title {
    display: none !important;
  }

  #classifieds_menu,
  #classifieds_title {
    display: none !important;
  }

  .slideshow_camera {
    width: 100% !important;
  }

  /*#menu_1 img.hasChildren,#menu_1 li.sfhover > ul,#menu_1 li.lsfhover > ul,span.dir { display:none !important; visibility:hidden !important;}/**/

  #quick_box {
    position: absolute;
    top: 60px;
    right: 5px;
  }

  #quick_box_search {
    width: 151px;
    margin: 0px 2px 0 0;
    font-size: 12px;
    padding: 3px 5px;
  }

  #quick_box_search_btn {
    display: inline-block;
    padding: 3px 5px 4px 5px !important;
    font-size: 12px;
  }

  img {
    max-width: 100%;
  }

  input.normal,
  textarea {
    width: 200px;
  }

  .slider_shadow {
    background-size: 0;
    height: 0;
  }

  #site_menu,
  #site_menu_wrapper {
    text-align: center;
    width: 100%;
    min-width: 360px;
    height: auto;
    background: #fff;
    margin: 0 auto;
    padding: 5px 0;
  }

  .selectnav {
    display: block;
    width: 340px;
    clear: both;
    margin: 2px auto 2px auto;
    padding: 5px;
  }

  #menu_1,
  #menu_2 {
    display: none !important;
  }


  ul.product_list li {
    height: auto;
    width: 100%;
  }

  ul.product_list li.listimage {
    position: relative;
    height: auto;
    max-width: 100%;
    clear: both;
  }

  /**/
  ul.product_list li span.title {
    position: relative;
    left: 0px;
    height: auto;
    margin-bottom: 10px;
  }

  ul.product_list li span.image_desc {
    position: relative;
    width: 100%;
    height: 180px;
  }

  ul.product_list li span.item_price {
    position: relative;
    display: inline-block;
    text-align: right;
    width: 100%;
  }

  ul.product_list li span.price_unavailable {
    position: relative;
    text-align: right;
    width: 100%;
    top: 0;
    right: 0;
  }

  ul.product_list li span.quick_contact {
    position: absolute;
    margin: 0 !important;
    display: block;
    overflow: hidden;
    text-align: left;
  }

  ul.product_list li.listimage span.listimage {
    float: left;
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
    border: 0px solid #f2f2f2;
  }

  ul.product_list li.listimage span.title {
    position: relative;
    left: 0px;
    height: auto;
    margin-bottom: 10px;
  }

  ul.product_list li.listimage span.image_desc {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }

  ul.product_list li.listimage.nopage span.image_desc {
    top: 30px;
    left: 72px;
    width: 402px;
    height: 103px;
  }

  ul.product_list li.listimage span.item_price,
  ul.product_list li.listimage span.price_unavailable {
    position: relative;
    text-align: right;
    width: 100%;
    top: 0;
    right: 0;
  }

  ul.product_list li.listimage.nopage span.quick_contact {
    top: 73px;
    left: 72px;
    width: 502px;
    height: 20px;
  }

  /**/

  ul.product_list li span.button_container {
    position: relative;
    top: 0px;
    right: 0;
  }

  ul.product_list li.listimage img {
    width: auto;
    height: auto;
  }

  /*shop accordian categories /**/
  dt.a_t_w_c span.link {
    min-width: 70%;
    width: auto;
  }

  dt.a_t_w_c span.dd_note {
    float: right;
    display: inline-block;
    margin: -3px 0 0 0;
  }

  dd {
    margin: 0 0 0 0.5em;
    padding: 0 0 0.5em 0.2em;
  }

  dd > dl > dd {
    margin: 0 0 0 0.5em;
    padding: 0 0 0.5em 0.2em;
  }

  /**/

  .MultiBoxContainer {
    padding: 5px 1px;
  }

  .checkout_left {
  border-right: 0;
  width: 100%;
  padding: 10px 30px 10px 10px;
  display:inline-block;
}

.checkout_right {
  background-color: #eee;
  padding: 10px;
  width: 100%;
  float:none;
  clear:both;
}

}

/*
@media only screen and (max-width: 320px) {

    #top_wrapper,#version_wrapper { min-width:320px;background-image:none; min-height:88px; }
    #top_container { width:320px; }
    #content_box { width:320px; }
    #content_wide { width:310px; padding:5px; }
    #content_full { width:310px; box-shadow:0; padding:5px; }
    #global_ajax_result { width:320px; }
    #footer {width:310px; padding:5px; }

    #logo { margin-top:20px;}
    #logo img { width:50%; height:50%; }
    #next_to_logo { margin-top:-30px; }
    #next_to_logo img { width:50%; height:50%;}
    #user_panel,#user_panel_top,#user_panel_body,#user_panel_bottom { width:320px; float:none; clear:both; margin:0 0 8px 0; }
    #shop_menu,#shop_title { display:none !important;}
    #directory_menu,#directory_title { display:none !important;}
    #classifieds_menu,#classifieds_title { display:none !important;}

    .slideshow_camera { width:320px !important;}

    #quick_box { position:absolute; top:0; right:5px; }
    #quick_box_search{ width:151px; margin:0px 2px 0 0; font-size:11px; padding:2px 5px; }
    #quick_box_search_btn { display:inline-block; padding:2px 5px 3px 5px !important; font-size:11px;  }
    
    input.normal,textarea {width:200px;}
    .slider_shadow { background-size:0; height:0;}

    #site_menu,#site_menu_wrapper {text-align:center; width:320px; min-width:320px; margin: 0 auto;}
    .selectnav { display:block; width:300px; margin:5px auto; }
    #menu_1,#menu_2 { display:none !important; }

}/**/