body {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

body {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

#plainbg {
  background-color: #fff;
  padding: 20px;
}

form {
  padding: 0;
  margin: 0;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.discontinued, .discontinued td, .discontinued td div, .discontinued a {
  color: rgba(0, 0, 0, 0.4) !important;
}

#upgrade_switch {
  display: none;
  position: absolute;
  top: 9px;
  right: 30px;
  background: url("/assets/time_bg2.gif") top left no-repeat;
  line-height: 34px;
  width: 173px;
}

#homepage_banners img {
  border: 0;
}

#homepage_banners img.lefty {
  float: left;
  margin-right: 6px;
}

textarea {
  padding: 3px;
}

.a_z {
  padding: 6px 8px;
  line-height: 2.5;
  background-color: #f1f1f1;
  border: 1px solid #999;
  margin-right: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.a_z_active {
  background-color: #FF9900;
  line-height: 2.5;
  color: #fff;
  padding: 6px 8px;
  border: 1px solid #333;
  margin-right: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.a_z:hover, .a_z_active:hover {
  background-color: #f3d596;
}

.modelnote {
  background: white url(../global07/modnote_table_bg.gif) no-repeat left bottom;
  margin: 10px 0 0 0;
  padding-bottom: 8px;
}

.modelnote p {
  margin: 10px 8px 8px 8px;
  color: #222;
}

.modelnote h3 {
  font-weight: bold;
  color: #000;
  margin: 0;
  padding: 8px;
  width: 159px;
  background: white url(../global07/175px_head_mod_bg.gif) no-repeat left top;
  border-bottom: 1px solid gray;
}

#modelnote600 table {
  background: #cccccc url(../global07/table_bottom2.gif) no-repeat left bottom;
  padding: 8px;
  margin: 0;
  border-style: none;
  border-width: 0;
}

#modelnote600 h3 {
  background: url(../global07/h3_table_top2.gif) no-repeat left top;
  padding: 12px;
  height: 12px;
  width: 576px;
  font-weight: bold;
  color: #333;
  margin-top: 12px;
  margin-bottom: 0;
  border-bottom: 1px solid #888d84;
}

h3 {
  font-family: "proxima-nova", sans-serif;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 1.5em 0 0.5em 0;
}

h4 {
  font-family: "proxima-nova", sans-serif;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 1.5em 0 0.5em 0;
}

div#wrapper {
  color: #441;
  width: 100%;
  margin: 0 0 100px 0;
  padding: 0;
  text-align: left;
  background-color: #fff;
  border-bottom: 0;
  display: block;
  float: left;
}

/* 
//Rule below waants a check, can likely go. - 04/05/2020 John
.admin_home_buttons_container {
 // clear: right;
  margin: 0px 10px 10px 0;
 // width: 25%;
 // float: left;
//  padding: 16px;
  border: 1px solid #7e7e7e;
//		@include bp-medium {
//		  width: 48%;
//		}

//		@include bp-small {
//			  width: 100%;
//			margin: 10px 0 10px 0; 
//		}

}

.admin_home_buttons_container p {
  margin-top: 0px;
  margin-bottom: 10px;
  float: left;
  font-size: .8em;
  line-height: 1.4;
  color: #7e7e7e;
}

 */
.buttons_container {
  clear: both;
  margin: 20px 0 0 0;
  width: 800px;
  padding: 0px;
}

.ob_model_year_container {
  margin-top: 20px;
  width: 100%;
  float: left;
}

#admin_logged {
  font-weight: bold;
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  color: #333333;
  height: 20px;
  float: left;
  padding-top: 4px;
  display: inline;
}

#search_table tbody tr td {
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

#form1 {
  position: relative;
}

select#outlet {
  padding: 20px;
}

#srchheader {
  width: 700px;
  display: block;
}

#srchlisting {
  overflow: auto;
  height: 240px;
}

#srchheader table tbody tr th {
  vertical-align: top;
  /*height:25px;*/
  border-left: 1px solid #333333;
  border-right: 1px solid #999999;
  border-top: 1px solid #333333;
  color: #fff;
  background-color: #333;
  padding: 6px 6px;
}

#srchheader table {
  width: 700px;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
}

#srchlisting table {
  width: 700px;
  border: 1px solid #000000;
}

#srchlisting table tbody tr td {
  vertical-align: top;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #333333;
  padding: 4px 6px;
}

/* Processing Messages */
.success_msg {
  color: #669933;
}

.fail_msg {
  color: #CC0000;
}

#save_msg_box {
  margin: 0;
  padding: 15px 0 15px 0;
}

/* Inline Search */
.inline_search_box {
  width: 800px;
  padding: 16px;
  margin: 0;
  border: 1px solid #333333;
  background-color: #ffffff;
}

.inline_search_results_div {
  position: absolute;
  background-color: #FFFFFF;
  text-align: left;
  border: 1px solid #000000;
  border-top: none;
  height: 200px;
  overflow: auto;
  width: 466px;
  display: none;
}

.inline_search_sml_text {
  display: block;
  padding: 3px;
  margin: 0;
}

#inline_bike_search_title {
  display: block;
  padding: 0 0 4px 0;
  margin: 0;
}

.suggest_link {
  color: #666666;
  padding: 4px 6px 4px 6px;
  margin: 0;
  border-bottom: 1px solid #CCCCCC;
  cursor: pointer;
}

.suggest_link_over {
  color: #333333;
  padding: 4px 6px 4px 6px;
  margin: 0;
  border-bottom: 1px solid #CCCCCC;
  cursor: pointer;
  background-color: #f1f1f1;
}

/* end Inline Search */
/* Hub Order additional styles - AM on 12th April 2017 */
#content .hub-order-summary {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #c00;
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
#content .hub-order-summary p {
  font-weight: bold;
  margin: 0;
}
#content .hub-order-summary p a {
  color: #c00;
}

#content .hub-confirm-message {
  padding: 10px 0;
}
#content .hub-confirm-message p {
  font-weight: bold;
  width: 30%;
  padding: 10px;
}
#content .hub-confirm-message p.hub-confirm-error {
  border: 1px solid #c00;
  color: #c00;
}
#content .hub-confirm-message p.hub-confirm-ok {
  border: 1px solid #0c0;
  color: #0c0;
}

#content .c100wide {
  width: 100%;
  float: left;
}

.left-text-btn {
  text-align: left;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 0.05em;
  white-space: normal;
  padding: 12px;
  background-color: #656565;
  margin-bottom: 15px;
}

/* BIKE BUILDER --------------------------------------------------------------------------------------------  */
/* List Pages */
.bb-list {
  width: 100%;
  clear: both;
  overflow: hidden;
}

.bb-list ul {
  list-style-type: none;
}

.bb-list h4 {
  font-size: 1rem;
  padding-top: 10px;
}

/* Editors */
.bb-layer-container {
  margin-top: 30px;
  padding-top: 20px;
  overflow: hidden;
  clear: both;
  box-sizing: border-box;
  width: 90%;
}

.bb-layer-container > h3 {
  clear: both;
  padding: 10px;
  margin: 0 0 10px 0;
  background-color: #efefef;
  color: #333;
}

.bb-layer {
  float: left;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}

.bb-large-layer {
  width: 45%;
  margin: 20px 5px;
  padding: 5px;
}

.bb-new_image-container {
  margin: 50px 5px;
  width: 45%;
  float: left;
  text-align: center;
}

.bb-new_image-container a {
  display: inline-block;
  background-color: #999;
  color: #fff;
  width: 100px;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 10px;
}

.bb-new_image-container a:hover {
  text-decoration: none;
  background-color: #666;
}

.bb-small-layer {
  width: 22%;
  float: left;
  margin: 10px 5px;
  padding: 1%;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  border: 2px solid #cecece;
}

.bb-layer h4 {
  border: none;
  font-size: 1rem;
  box-sizing: border-box;
  text-align: center;
  margin: 0;
}

.bb-layer img {
  max-width: 100%;
}

.bb-image_container {
  margin: 1px;
  position: relative;
  min-width: 95%;
  max-width: 95%;
  border: 1px solid #000;
  display: inline-block;
}

.bb-image_container .bb-remove {
  position: absolute;
  top: 1px;
  right: 1px;
  background: #c00;
  color: #fff;
  border-radius: 50%;
  padding: 2px;
  display: block;
  font-size: 12px;
  line-height: 16px;
  width: 16px;
  height: 16px;
}

.bb-select_container {
  display: none;
  padding: 20px;
  text-align: center;
}

a.bb-select_file,
a.bb-undo_file {
  display: block;
  margin: 10px 0;
  color: #c00;
  text-decoration: underline;
  font-size: 0.8rem;
}

a.bb-select_file:hover,
a.bb-undo_file:hover {
  text-decoration: none;
}

.bb-image_name {
  margin: 4px;
  font-size: 12px;
  min-height: 28px;
  line-height: 14px;
}

.bb-controls {
  margin: 0;
  padding: 0;
  border-top: 1px solid #cecece;
  text-align: left;
  overflow: hidden;
}

.bb-option_row {
  width: 100%;
  box-sizing: border-box;
  padding: 2px 2px 4px 4px;
  display: inline-block;
  border-bottom: 1px solid #cecece;
}

.bb-option_select {
  display: inline-block;
  width: 80%;
}

.bb-option_flags {
  width: 18%;
  box-sizing: border-box;
  display: inline-block;
}

.bb-controls .bb-option_row label {
  font-size: 11px;
  vertical-align: middle;
}

.bb-controls h4 {
  text-align: left;
  margin: 0;
  background-color: #efefef;
  box-sizing: border-box;
  padding: 2px 0 4px 4px;
}

.bb-image_header {
  text-align: center;
  margin: 0;
  box-sizing: border-box;
  padding: 4px 0 6px;
}

.bb-image-filename {
  box-sizing: border-box;
  padding: 6px 0;
}

.bb-quick_links {
  width: 100%;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  margin-top: 20px;
  padding: 10px 0;
}

.bb-quick_links span {
  font-size: 0.9rem;
}

.bb-quick_links ul {
  display: inline-block;
  width: 80%;
}

.bb-quick_links li {
  list-style-type: none;
  display: inline;
  margin: 0 5px;
}

.bb-quick_links li a {
  color: #c00;
  text-decoration: underline;
  font-size: 0.9rem;
}

.bb-quick_links li a:hover {
  text-decoration: none;
}

.bb-quick_links li:after {
  content: " | ";
}

.bb-quick_links li:last-child:after {
  content: "";
}

a.bb-go {
  float: right;
  color: #fff;
  background-color: #ccc;
  cursor: pointer;
  display: inline-block;
  padding: 0 3px;
  text-align: center;
  margin-right: 4px;
}

a.bb-go:hover {
  text-decoration: none;
  background-color: #000;
}

.bb-error {
  width: 80%;
  margin-top: 40px;
  padding: 20px;
  border: 1px solid #c00;
}

.bb-error p,
.bb-error ul li {
  color: #c00;
  font-size: 1rem;
}

.bb-message {
  width: 80%;
  margin-top: 40px;
  padding: 20px;
  border: 1px solid #0a0;
}

.bb-message p {
  color: #0a0;
}

.bb-message p,
.bb-message ul li {
  color: #0a0;
  font-size: 1rem;
}

.bb-active {
  font-weight: 800;
  background-color: #ff0;
  padding: 4px 4px 4px 0;
}

.bb-checkbox,
.bb-label {
  cursor: pointer;
}

.bb-dropdown-controls {
  padding: 20px 0;
  text-align: center;
}

.bb-dropdown {
  width: 95%;
}

.bb-delete_row {
  width: 100%;
  box-sizing: border-box;
  padding: 6px 0;
  text-align: center;
}

.bb-delete_row a.bb-delete,
.bb-delete_row a.bb-delete-new {
  display: inline-block;
  color: #fff;
  background-color: #c00;
  font-size: 12px;
  width: 100px;
  box-sizing: border-box;
  padding: 4px;
  border-radius: 10px;
}

.bb-deleted-overlay {
  width: 100%;
  height: 100%;
  background-color: #ccc;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
  display: none;
}

/* New Layer Styles */
.bb-new-layer .bb-select_container {
  display: block;
}

.bb-opted-link {
  width: 100%;
  text-align: center;
  margin-top: 6px;
  padding: 6px 0;
  border-top: 1px solid #ccc;
}

.bb-opted-link a {
  color: #c00;
  font-size: 0.7rem;
  font-weight: normal;
}

.buttons_box {
  border: 1px solid #ccc;
  padding: 10px;
  width: 90%;
  border-radius: 5px;
  background-color: #cecece;
  margin-bottom: 30px;
}

/* Model price list */
.mpl-sub-header {
  font-weight: 600;
  font-size: 14px;
  border: 0;
  margin-top: 20px;
}

.mpl-codetable {
  margin-bottom: 30px;
}

.mpl-button {
  background: #eee;
  color: #333;
  border-radius: 5px;
  padding: 2px;
  display: block;
  font-size: 12px;
  line-height: 25px;
  width: 150px;
  height: 25px;
  text-align: center;
  margin-top: 20px;
}

.mpl-button:hover {
  background-color: #aaa;
  text-decoration: none;
}

.mpl-button:active {
  background-color: #333;
  color: #fff;
  text-decoration: none;
}

/* Back to top button */
.back-to-top {
  position: fixed;
  bottom: 2em;
  right: 40px;
  text-decoration: none;
  color: #000000;
  background-color: rgba(235, 235, 235, 0.8);
  font-size: 22px;
  padding: 10px;
  display: none;
  opacity: 0.5;
}

.back-to-top:hover {
  background-color: rgba(135, 135, 135, 0.5);
}

.value-flag {
  color: #fff;
  margin: 0 1px;
  padding: 2px;
  font-weight: normal;
  float: right;
  font-size: 11px;
}

.value-on {
  background-color: #00cc00;
}

.value-off {
  background-color: #cc0000;
}

/* File Selector Dialog */
.file-list-dialog {
  position: relative;
}

.bb-file-selector {
  overflow: hidden;
}

.bb-file_list {
  width: 100%;
  margin-top: 50px;
}

.bb-thumb {
  width: 25%;
  float: left;
  margin: 0 20px 20px 20px;
}

.bb-thumb p {
  font-size: 10px;
}

.bb-file_list img {
  width: 100%;
  max-width: 300px;
  border: 1px solid #ccc;
}

.bb-file-list-buttons {
  width: 100%;
  clear: both;
  margin-top: 1px solid #ccc;
}

.file-list-filter {
  position: absolute;
  top: 10px;
  left: 3px;
  background-color: #cecece;
  padding: 10px;
  margin-bottom: 6px;
  border: 1px solid #aaa;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.13);
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.13);
}

.file-list-filter label {
  font-size: 0.8rem;
}

.file-list-filter input {
  font-size: 0.8rem;
  height: 1.2rem;
}

fieldset.oform_1 table.model_options_table tbody tr td span.field_warning {
  color: #c00;
  font-weight: bold;
  display: none;
}

fieldset.oform_1 {
  padding: 20px;
  margin: 20px 0 0 0;
  background-color: #e9e9e9;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
fieldset.oform_1 legend {
  font-weight: bold;
  margin: 0px;
  padding: 10px 16px;
  background-color: #333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #e9e9e9;
}
fieldset.oform_1 h4 {
  margin: 0px 0 10px 10px;
}
fieldset.oform_1 p {
  line-height: 1.5;
  padding: 0;
  text-align: left;
  margin: 0 0 10px 0;
}
fieldset.oform_1 table tbody tr th {
  line-height: 1.2;
  padding: 8px 12px;
  text-align: left;
  font-weight: bold;
  vertical-align: top;
  height: 30px;
}
fieldset.oform_1 table tbody tr td {
  font-size: 0.9rem;
  line-height: 1.5;
  padding: 8px 12px;
  vertical-align: top;
  height: 30px;
}
fieldset.oform_1 input[type=checkbox] {
  margin: 4px;
}

.stuck {
  color: red;
}

.swatch-size {
  max-width: 44px;
}

.sticky-btns {
  position: sticky;
  bottom: 0.75rem;
  background-color: rgba(0, 0, 0, 0.25);
  padding: 1rem 0;
  border-radius: 4px;
}

h3 {
  font-family: "proxima-nova", sans-serif;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 1.5em 0 0.5em 0;
}

form {
  padding: 0;
  margin: 0;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.left-text-btn {
  text-align: left;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 0.05em;
  white-space: normal;
  padding: 12px;
  background-color: #656565;
  margin-bottom: 15px;
}

/* 
.hub-order-summary {

  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #c00;
  display: inline-block;
  @include border-radius(8px);


  p {
    font-weight: bold;
    margin: 0;

    a {
      color: #c00;
    }

  }

}

 */
.hub-confirm-message {
  padding: 10px 0;
}
.hub-confirm-message p {
  font-weight: bold;
  width: 30%;
  padding: 10px;
}
.hub-confirm-message p.hub-confirm-error {
  border: 1px solid #c00;
  color: #c00;
}
.hub-confirm-message p.hub-confirm-ok {
  border: 1px solid #0c0;
  color: #0c0;
}

/* 
.c100wide {
width: 100%;
float: left;
}
 */
/* @group Pricing Table */
table.pricing {
  padding: 20px;
  background-color: #fff;
  margin: 12px 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

table.pricing tbody tr th {
  background-color: #fff;
  color: #333;
  border: 0;
  padding: 8px 6px;
}

table.pricing tbody tr td.future_price, table.pricing tbody tr th.future_price {
  /* background-color: #E23434; */
  background-color: #f1f1f1;
  padding: 5px 28px;
  /* color: #fff; */
  color: #CCCCCC;
}

table.pricing tbody tr td.future_price input, table.pricing tbody tr th.future_price input {
  background-color: #f1f1f1;
  color: #CCCCCC;
}

table.pricing tbody tr th.future_price {
  /* background: url(warning.gif) no-repeat scroll 5px 5px #E23434; */
}

table.pricing tbody tr td.current_price, table.pricing tbody tr th.current_price {
  background-color: #ded;
  padding: 6px 20px;
}

table.pricing tbody tr td, table.pricing tbody tr th {
  margin: 0;
  border-bottom: 1px solid #dedede;
}

/* @end */
div#admin_left_block {
  width: 300px;
  float: left;
}

div#admin_right_block {
  width: 300px;
  float: left;
}

/* @group Admin Spread Sheets */
#plainbg div table.otable tbody tr.row3 td a img {
  margin: 0 4px 8px 0;
}

#plainbg div table.otable tbody tr td {
  vertical-align: top;
}

.otable tbody tr.row3 td a div.thumb_box, .otable tbody tr td a div.thumb_box {
  width: 20rem;
}
.otable tbody tr.row3 td a div.thumb_box img, .otable tbody tr td a div.thumb_box img {
  max-width: 100%;
}

span.chkbxxs {
  display: block;
  margin: 10px 0;
  line-height: 2em;
}

#admin_wrap {
  margin: 0 auto;
}

/* @end */
#plainbg div table.otable tbody tr td h5 {
  /*This is affected by rule above*/
  margin: 4px 0 20px 0;
}

#option_form table.otable tbody tr td ul {
  list-style: none;
  margin: 4px 0 0 8px;
  font-weight: bold;
  padding-left: 0;
  margin: 0;
}

ul.optionlist-components li {
  font-weight: normal;
}

p.optionlist-title {
  font-weight: bold;
  margin-top: 0;
}

/* From the options_add.php page */
.component_object {
  border: 1px solid #666666;
  margin: 2px 0 0 0;
  padding: 1px;
  background-color: #f1f1f1;
}

#components_container {
  margin: 0;
  padding: 10px 0 0 0;
}

#option_components {
  margin: 0;
  padding: 15px;
}

#option_components legend {
  padding: 0 5px 0 5px;
  font-weight: bold;
}

#option_components #add_component {
  display: block;
  margin: 10px 0 0 0;
  padding: 0;
}

#option_hidden_desc {
  display: none;
  position: absolute;
  left: -9999;
  height: 10px;
  width: 10px;
}

input.money_field {
  text-align: right;
  width: 8em;
}

.model_listing {
  padding: 0;
  margin: 0;
  background-color: #ccc;
}

.model_listing td {
  vertical-align: top;
  text-align: left;
  padding-top: 10px;
  padding-left: 0px;
  background-color: #fff;
}

#option-details {
  width: 100%;
  clear: both;
}

#option_price_row label, #option_price_offer_row label {
  margin-left: 20px;
}

fieldset p.description-title {
  padding: 10px;
  background-color: #333;
  color: #fff;
  font-weight: bold;
  margin: 0;
}

.option-pane {
  border: 1px solid #999;
  background-color: #fff;
  padding: 20px;
  margin: 0;
}

td.tdgrey {
  background-color: #e9e9e9;
}

.notneeded {
  display: none;
}

#WADADeleteForm fieldset.oform_1 table tbody tr td img {
  border: 1px solid #d3d3d3;
}

/* model specification table styles */
select.compsel {
  float: left;
}

a.hidelink {
  display: none;
}

a.complink {
  color: #666;
  text-decoration: none;
  margin: 4px 0 0 6px;
  float: left;
}

a:visited.complink {
  color: #666;
}

a:hover.complink {
  text-decoration: underline;
}

.save_error {
  border: 1px solid #a00;
  padding: 10px;
  margin: 20px 0;
  color: #090;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.save_error_h {
  color: #a00;
  font-weight: bold;
  margin: 0;
}

.error_list {
  list-style-position: outside;
  margin: 0 0 0 20px;
}

.error_list li {
  list-style-type: square;
  color: #a00;
}

.save_success {
  border: 1px solid #0a0;
  padding: 10px;
  margin: 20px 0;
  color: #090;
  font-weight: bold;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.selector_label {
  font-weight: bold;
  color: #666;
  display: block;
  margin-bottom: 6px;
}

.form_row {
  width: 100%;
  clear: both;
  margin: 10px 0;
}

.wait {
  background: transparent url(/assets/spinner_1.gif) no-repeat;
  height: 28px;
  padding: 13px 0 0 40px;
  width: 200px;
  color: #666;
  display: none;
}

.admin_controls_container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.model_editor {
  flex-basis: 25%;
  margin: 20px 16px 0 0;
  border: 1px solid #e4e4e4;
  padding: 20px;
  float: left;
  background-color: #e9e9e9;
}
.model_editor p {
  margin: 10px 0;
}
.model_editor a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}
.model_editor a:hover {
  text-decoration: underline;
}
.model_editor h3 {
  margin: 0;
  font-family: "proxima-nova", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}

.form-cell-border {
  padding-top: 20px;
  border-top: 2px solid #999;
}

.bike-builder-image {
  width: 100%;
  max-width: 375px;
}

.pc-th {
  padding: 2px !important;
  height: auto !important;
}

.pc-td {
  padding: 2px !important;
  height: auto !important;
}

a.pc-addremove:link {
  font-weight: 900;
  font-size: 30px;
  padding: 0;
  line-height: 20px;
}

a.pc-addremove {
  text-decoration: none;
  color: #aaa;
}

a.pc-add:link,
a.pc-add:visited {
  margin-right: 6px;
  color: #00aa00;
}

a.pc-add:hover {
  color: #aaa;
}

a.pc-remove:link,
a.pc-remove:visited {
  margin-right: 20px;
  color: #a00;
}

a.pc-remove:hover {
  color: #aaa;
}

/* LOADING MESSAGE */
.lm-container {
  width: 800px;
  margin-top: 10px;
}

.lm {
  float: right;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: #fff;
}

.lm-loading {
  background-color: #c00;
}

.lm-loaded {
  background-color: #0c0;
}

/* @group Joes Divitis */
#embargo_box {
  padding: 10px;
  margin: 5px 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: red url(/assets/no_show.png) no-repeat 12px;
}

#embargo_box p, #embargo_box h3 {
  color: white;
  font-weight: bold;
  margin: 4px 0 4px 60px;
  background: none;
  padding: 0;
}

#tab_1_active {
  border: 1px solid #333333;
  background-color: #333333;
  width: 110px;
  padding: 5px;
  position: relative;
  height: 20px;
  left: 0px;
  float: left;
  vertical-align: middle;
  top: 90px;
}

#tab_1_inactive {
  border: 1px solid #333333;
  background-color: #666666;
  width: 110px;
  padding: 5px;
  position: relative;
  height: 17px;
  left: 0px;
  float: left;
  vertical-align: middle;
  top: 94px;
}

#tab_2_active {
  border: 1px solid #333333;
  background-color: #333333;
  float: left;
  width: 115px;
  padding: 5px;
  position: relative;
  height: 20px;
  left: 0px;
  vertical-align: middle;
  top: 90px;
}

#tab_2_inactive {
  border: 1px solid #333333;
  background-color: #666666;
  float: left;
  width: 115px;
  padding: 5px;
  position: relative;
  height: 17px;
  left: 0px;
  vertical-align: middle;
  top: 94px;
}

#tab_3_active {
  border: 1px solid #333333;
  background-color: #333333;
  float: left;
  width: 110px;
  padding: 5px;
  position: relative;
  height: 20px;
  left: 0px;
  vertical-align: middle;
  top: 90px;
}

#tab_3_inactive {
  border: 1px solid #333333;
  background-color: #666666;
  float: left;
  width: 110px;
  padding: 5px;
  position: relative;
  height: 17px;
  left: 0px;
  vertical-align: middle;
  top: 94px;
}

.tab_inactive {
  color: #ffffff;
  font-family: Verdana, "Lucida Grande", Lucida, Verdana, sans-serif;
  font-weight: bold;
  text-decoration: underline;
}

.tab_active {
  color: #ffffff;
  font-family: Verdana, "Lucida Grande", Lucida, Verdana, sans-serif;
  font-weight: bold;
}

/* @end */
#user_select_table tbody tr td {
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  padding: 12px;
}

#user_select_table tbody tr th {
  background-color: #e4e4e4;
  padding: 12px;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  font-weight: bold;
}

#area {
  /*border:1px solid #333333;*/
  margin-top: 0;
  padding: 0px;
  position: relative;
  float: none;
  left: 0px;
  /*top:90px;*/
  background-color: #e4e4e4;
  clear: both;
}

#area_container {
  font-family: "proxima-nova", sans-serif;
  /*position:relative;*/
  left: 0px;
  top: 12px;
}

.separator {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background-color: #79828f;
  text-align: left;
  vertical-align: middle;
  position: relative;
  padding-top: 10px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
  color: #eaeaeb;
  font-weight: 700;
}

.dealer_details_table {
  border-collapse: collapse;
}
.dealer_details_table img {
  float: left;
  padding: 0px 8px 6px 0;
  margin: -2px 0 4px 0;
}
.dealer_details_table td {
  padding: 10px;
}
.dealer_details_table td div {
  overflow: hidden;
  padding: 12px 0;
}
.dealer_details_table td label {
  font-weight: bold;
  color: #333;
  display: block;
  font-size: 0.8rem;
  margin-bottom: 4px;
}
.dealer_details_table td.form_label {
  width: 200px;
  font-size: 0.9rem;
  font-weight: bold;
  vertical-align: middle;
}
.dealer_details_table td.centre {
  text-align: center;
}

.section-container {
  padding: 20px 0 0 20px;
}

.error-container {
  padding: 30px 0 30px 20px;
}

.inline-container {
  padding: 30px 0 30px 20px;
}

.map-container {
  padding: 20px;
}

.button-container {
  padding: 20px;
  margin-top: 20px;
  border-top: 1px solid #fff;
}

#area div table.orange_dealer_expert tbody tr th {
  padding: 10px;
  white-space: nowrap;
  text-align: right;
}

#area div table.orange_dealer_expert tbody tr td {
  padding: 10px;
}

#dealer_times_table tbody tr td {
  padding: 10px 20px;
  border-bottom: 1px solid #999;
}

#dealer_times_table tbody tr th {
  font-weight: 700;
  padding: 10px 20px;
  border-bottom: 1px solid #999;
}

#dealer_times_table {
  font-weight: normal;
  text-align: left;
  clear: both;
  float: none;
}

#dealer_selector {
  /*position:relative;*/
  top: 10px;
  font-weight: normal;
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  padding: 10px 0;
  background: none;
  margin: 14px 0 0 0;
}

#user_details_table {
  font-weight: normal;
  text-align: left;
}

#user_select_table {
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  font-weight: normal;
  text-align: left;
}

#new_table {
  font-weight: normal;
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  text-align: left;
  width: 540px;
}

.module_title {
  font-weight: bold;
  color: #333333;
}

/* 

.dealer_title {
	font-weight:bold;
	//font-size:16px;
	color:#999999;
	float: right;
}


input#password, input#confirm_password, input#submit_button, input#cancel_button {
	background:#ffffff;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ffffff),color-stop(1,#eeeeee));
	background:-webkit-linear-gradient(center bottom,#ffffff 0%,#eeeeee 95%);
	background:-ms-linear-gradient(bottom,#ffffff,#eeeeee);
	background:-moz-linear-gradient(center bottom,#ffffff 0%,#eeeeee 95%);
	background:-o-linear-gradient(center bottom,#ffffff 0%,#eeeeee 95%);
	background:linear-gradient(center bottom,#ffffff 0%,#eeeeee 95%);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #a5b5c5;
	font-family:helvetica;
	//font-size:100%;
	padding:0.4em 0.8em;
	// width:100%; 
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	margin-left: 10px;	
}
 */
td {
  /*	//font-size:12px;*/
  color: #333333;
}

h2 {
  font-family: "proxima-nova", sans-serif;
  margin: 6px 0 0 0px;
  font-weight: 700;
  text-align: left;
}

#mainpage table.otable tbody tr td div.buttons a {
  color: #454545;
}

/* 
@group Dealer Admin Nav
#dealer_admin_nav {
	float: left;
	margin: 10px 0 0 0 !important;
	padding: 0;
}

#dealer_admin_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #ccc;	}

#dealer_admin_nav li {
	float: left;
	margin: 0px 8px 0 0 !important;
	padding: 0;
	//font-size:1em;
	text-transform: uppercase;
	border-right: 1px solid #333;	}

#dealer_admin_nav li a {
	float: left;
	padding: 16px 32px;
	text-decoration: none;
	color: #e7e3d9;
	border: none;
	background: -webkit-linear-gradient(top, #c4c3c3 85.1%, #b1b1b1 100%) red;
	background: -moz-linear-gradient(top, #c4c3c3 85.1%, #b1b1b1 100%) red;
	background: -ms-linear-gradient(top, #c4c3c3 85.1%, #b1b1b1 100%) red;
	background: linear-gradient(to bottom, #c4c3c3 85.1%, #b1b1b1 100%) red;
	//font-size: 1.2em;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
#dealer_admin_nav li a:hover {
	color: #fff;
	background: -webkit-linear-gradient(top, #b0b0b0 0%, #9a9a9a 100%) red;
	background: -moz-linear-gradient(top, #b0b0b0 0%, #9a9a9a 100%) red;
	background: -ms-linear-gradient(top, #b0b0b0 0%, #9a9a9a 100%) red;
	background: linear-gradient(to bottom, #b0b0b0 0%, #9a9a9a 100%) red;
	text-decoration: none;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	}
#dealer_admin_nav li a.active {
	font-weight: bold;
	color: #333;
background: -webkit-linear-gradient(top, #c4c3c3 0%, #e4e4e4 100%) red;
background: -moz-linear-gradient(top, #c4c3c3 0%, #e4e4e4 100%) red;
background: -ms-linear-gradient(top, #c4c3c3 0%, #e4e4e4 100%) red;
background: linear-gradient(to bottom, #c4c3c3 0%, #e4e4e4 100%) red;
	}

 */
.save_success {
  color: #009933;
  font-family: Verdana, "Lucida Grande", Lucida, Verdana, sans-serif;
}

.save_fail {
  color: #ff0000;
  font-family: Verdana, "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* @end */
#title_left {
  float: left;
  width: 100%;
}

#user_details_table tbody tr td {
  padding: 10px;
}

#content #mainpage #bikespecpanel h5 {
  background: #fff url(../warranty_reg/images/upg_h5_bg.gif) no-repeat 0 top;
  padding: 12px;
  /*	height: 12px;
  	width: 316px;
  	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
  	font-weight: bold;
  	color: #333;
  	margin-top: 12px;
  	margin-bottom: 0;
  	border-bottom: 1px solid #888d84; */
}

h5.narrow340 {
  background: #fff url(../warranty_reg/images/upg_h5_bg.gif) no-repeat 0 top;
  padding: 12px;
  height: 12px;
  width: 316px;
  font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #333;
  margin-top: 12px;
  margin-bottom: 0;
  border-bottom: 1px solid #888d84;
}

#content.clearfix #mainpage form h5.narrow340 {
  background: #fff url(../warranty_reg/images/upg_h5_bg.gif) no-repeat 0 top;
  padding: 12px;
  height: 12px;
  width: 316px;
  font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #333;
  margin-top: 12px;
  margin-bottom: 0;
  border-bottom: 1px solid #888d84;
}

#content.clearfix #mainpage h5 {
  padding: 0px;
  font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #333;
  margin-top: 12px;
  margin-bottom: 0;
}

.password_table2 {
  /*border: 1px solid #000;*/
  margin-top: 0;
  font: small "Lucida Grande", Lucida, Verdana, sans-serif;
  background: #fff url(../warranty_reg/images/upg_table_bg.gif) no-repeat 0 bottom;
  padding: 10px;
}

.password_table2 td {
  padding: 6px;
}

#map_canvas {
  border: 1px solid #999999;
  width: 375px;
  height: 255px;
}

.map_container {
  border: 1px solid #999999;
  width: 375px;
  height: 255px;
  margin: 0;
  padding: 0;
}

/* @group Buttons */
/* BUTTONS */
.buttons a, .buttons button {
  display: block;
  float: left;
  margin: 7px 7px 0 0;
  background-color: #f5f5f5;
  border: 1px solid #8d8e8f;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  line-height: 130%;
  text-decoration: none;
  font-weight: bold;
  color: #565656;
  cursor: pointer;
  padding: 5px 10px 6px 7px; /* Links */
}

.buttons button {
  width: auto;
  overflow: visible;
  padding: 4px 10px 3px 7px; /* IE6 */
}

.buttons button[type] {
  padding: 5px 10px 5px 7px; /* Firefox */
  line-height: 17px; /* Safari */
}

*:first-child + html button[type] {
  padding: 4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img {
  margin: 0 3px -3px 0 !important;
  padding: 0;
  border: none;
  width: 16px;
  height: 16px;
  float: left;
}

/* STANDARD */
.buttons button:hover, .buttons a:hover {
  background-color: #dff4ff;
  border: 1px solid #8d8e8f;
  border-top: 1px solid #c2e1ef;
  border-left: 1px solid #c2e1ef;
  color: #336699;
  text-decoration: none;
}

#mainpage div.buttons a {
  text-decoration: none;
}

.buttons a:active {
  background-color: #6299c5;
  border: 1px solid #6299c5;
  color: #fff;
  text-decoration: none;
}

/* POSITIVE */
button.positive, .buttons a.positive {
  color: #529214;
}

.buttons a.positive:hover, button.positive:hover {
  background-color: #E6EFC2;
  border: 1px solid #C6D880;
  color: #529214;
}

.buttons a.positive:active {
  background-color: #529214;
  border: 1px solid #529214;
  color: #fff;
}

/* NEGATIVE */
.buttons a.negative, button.negative {
  color: #d12f19;
}

.buttons a.negative:hover, button.negative:hover {
  background: #fbe3e4;
  border: 1px solid #fbc2c4;
  color: #d12f19;
}

.buttons a.negative:active {
  background-color: #d12f19;
  border: 1px solid #d12f19;
  color: #fff;
}

#mainpage table.otable tbody tr td div.buttons a {
  color: #454545;
}

p.rsvp_butt a:link, p.rsvp_butt a:visited {
  padding: 10px 14px;
  border: 1px solid #333;
  margin: 10px 0;
  background-color: #ccc;
  text-decoration: none;
  display: block;
  text-align: center;
  width: 12em;
  font-weight: bold;
  color: #000;
}

p.rsvp_butt a:hover, p.rsvp_butt a:active {
  padding: 10px 14px;
  border: 1px solid #333;
  margin: 10px 0;
  background-color: #ff6600;
  text-decoration: none;
  display: block;
  text-align: center;
  width: 12em;
  font-weight: bold;
  color: #000;
}

/* @end */
#mainpage ul.demobikes li {
  font-weight: bold;
}

/* @group Options Tables */
/* This group needs to be updated in /admin/c/admin.css unitl big css sort out */
.optiontable {
  margin: 20px 0 0 0;
  /*//font-size: 70%;*/
}

.optiontable table {
  width: 600px;
  border-left: 1px solid #999;
}

.optiontable th {
  text-align: left;
  padding: 4px 8px;
  background-color: #333;
  color: #eee;
  border-right: 1px solid #999;
}

.optiontable td {
  padding: 4px 8px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

tr.colheads td {
  background-color: #888;
  font-weight: bold;
  color: #fff;
}

.optiontable td.money {
  text-align: right;
}

/* @end */
#jump_col .red_hilite {
  background-color: #444;
  color: white;
  font-weight: bold;
  padding: 4px 12px;
}

.embargo {
  padding: 10px 10px 10px 30px;
  background-color: #E23434;
  background-image: url(/bikes/assets/warning.gif);
  color: white;
  font-weight: bold;
  line-height: 1.4;
  background-repeat: no-repeat;
  background-position: 5px center;
}

ul.featlist li.new {
  padding: 4px 3px 3px 60px;
  background-image: url(/dealers/e-news/five11/new2.png);
  background-repeat: no-repeat;
  background-position: 5px center;
}

ul.featlist li {
  padding: 4px 3px 3px 60px;
}

/*#mainpage h5 {
	padding: 0px;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	//font-size: 1em;
	font-weight: bold;
	color: #333;
	margin-top: 12px;
	margin-bottom: 0;

}*/
/*#content h5 {
	background: #fff url(../warranty_reg/images/admin_page_top2.gif) no-repeat 0 top;
	padding: 12px;
	height: 12px;
	width: 476px;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	//font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-top: 12px;
	margin-bottom: 0;
	border-bottom: 1px solid #888d84;
}*/
/*
    temp style to add to dealer_systems.css I know this isn't pretty, i'll sort it out later ... or will I ??
    No you didn't but I did (AM) :)
*/
.backtolist {
  float: right;
}

div#bikespecpanel {
  /*position:absolute; */
  margin-top: 8px;
  width: 340px;
  float: right;
}

#bikespecpanel h5 {
  background: #dfe5e7 url(/2007bikes/images/upg_h5_bg.gif) no-repeat 0 top;
  padding: 10px 12px 12px 12px;
  height: 12px;
  width: 316px;
  font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #333;
  margin-top: 16px;
  margin-bottom: 0;
  border-bottom: 1px solid #888d84;
}

html > body div#bikespecpanel {
  /* Correct value for browsers that don't suffer from IE Win's bugs */
  margin-top: 0px;
  min-height: 400px;
}

div#bikespecpanel p {
  font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

.modelnote {
  background: #fff url(/global08/320px_table_bg.gif) no-repeat left bottom;
  margin: 20px 0 12px 0;
  padding-bottom: 8px;
}

.modelnote p {
  margin: 10px 8px 8px 8px;
  color: #222;
}

.modelnote h3 {
  font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #000;
  margin: 0;
  padding: 8px;
  width: 304px;
  background: #fff url(/global08/320px_h5_bg.gif) no-repeat left top;
  border-bottom: 1px solid gray;
}

.dealersys_left {
  width: 250px;
  float: left;
}

.dealersys_left p {
  margin: 10px 0 8px 12px;
}

.button-row {
  margin-top: 20px;
}

/* @group Buttons */
/* BUTTONS */
#content .buttons a, #content .buttons button {
  display: block;
  /*width: 250px;*/
  float: left;
  margin: 7px 7px 7px 0;
  background-color: #ddd;
  border: 1px solid #8d8e8f;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  line-height: 130%;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  cursor: pointer;
  padding: 10px;
  /* Links */
  clear: right;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(top, #e3e3e3 0%, #c4c4c4 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #e3e3e3 0%, #c4c4c4 100%);
  /* Opera */
  background-image: -o-linear-gradient(top, #e3e3e3 0%, #c4c4c4 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e3e3e3), color-stop(1, #c4c4c4));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #e3e3e3 0%, #c4c4c4 100%);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to bottom, #e3e3e3 0%, #c4c4c4 100%);
}

.homepanel a, .homepanel button {
  width: 90%;
}

#details_table tbody tr.optionpane td div.optiontable table tbody tr td div.buttons a {
  width: auto;
}

.buttons button {
  width: auto;
  overflow: visible;
  padding: 4px 10px 3px 7px;
  /* IE6 */
}

.buttons button[type] {
  padding: 5px 10px 5px 7px;
  /* Firefox */
  line-height: 17px;
  /* Safari */
}

*:first-child + html button[type] {
  padding: 4px 10px 3px 7px;
  /* IE7 */
}

.buttons button img, .buttons a img {
  margin: 0 3px -3px 0 !important;
  padding: 0;
  border: none;
  width: 20px;
  height: 20px;
  display: block;
  float: left;
}

/* STANDARD */
#content .buttons button:hover, #content .buttons a:hover {
  background-color: #a3c2f1;
  border: 1px solid #8d8e8f;
  border-top: 1px solid #c2e1ef;
  border-left: 1px solid #c2e1ef;
  color: #336699;
  text-decoration: none;
  color: black;
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(top, #cccccc 0%, #a8a8a8 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #cccccc 0%, #a8a8a8 100%);
  /* Opera */
  background-image: -o-linear-gradient(top, #cccccc 0%, #a8a8a8 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cccccc), color-stop(1, #a8a8a8));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #cccccc 0%, #a8a8a8 100%);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to bottom, #cccccc 0%, #a8a8a8 100%);
}

#mainpage div.buttons a {
  text-decoration: none;
}

.buttons a:active {
  background-color: #6299c5;
  border: 1px solid #6299c5;
  color: #fff;
  text-decoration: none;
}

/* POSITIVE */
button.positive, .buttons a.positive {
  color: #529214;
}

.buttons a.positive:hover, button.positive:hover {
  background-color: #E6EFC2;
  border: 1px solid #C6D880;
  color: #529214;
}

.buttons a.positive:active {
  background-color: #529214;
  border: 1px solid #529214;
  color: #fff;
}

/* NEGATIVE */
.buttons a.negative, button.negative {
  color: #d12f19;
}

.buttons a.negative:hover, button.negative:hover {
  background: #fbe3e4;
  border: 1px solid #fbc2c4;
  color: #d12f19;
}

.buttons a.negative:active {
  background-color: #d12f19;
  border: 1px solid #d12f19;
  color: #fff;
}

/* @end */
/* Pinned Buttons Container */
/* 
#pinned_buttons {
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    bottom: 0;
    box-sizing: border-box;

    .container {
        width: 1002px;
        margin-left: 220px;
    }

    li input {
        display: block;
    }

    li.bb-left {
      float: left;
    }

    li.bb-right {
      float: right;
    }

    .fixed {
        position: absolute;
        left: 1px;
        bottom: 1px;
        margin: 0;
    }

}
 */
.button_list {
  background-color: rgba(123, 123, 123, 0.45);
  border-radius: 5px;
  border: 1px solid #cecece;
  display: block;
  list-style-position: inside;
  padding: 10px;
  margin: 0;
  overflow: hidden;
}

.button_list > li {
  list-style-type: none;
  display: inline;
}

/* @end */
.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 15px;
  text-align: center;
  font-size: 16px;
  line-height: 1.245;
}

#content {
  top: 0;
  left: 150px;
  margin: 0;
  min-height: 500px;
  padding: 0 0 0 220px;
  float: left;
}
#content li {
  margin-left: 0px;
  padding: 0;
  margin-bottom: 4 px;
}

#content img {
  border: 0;
  display: block;
}

#content form {
  margin: 0;
  padding: 0;
}

#content table.playlist tbody tr td form {
  margin: 0 0 0 110px;
}

div#login table {
  /* background-color: #e4e4e4; */
  width: 500px;
  height: 240px;
  padding: 12px;
  border: 1px solid #A2A2A2;
  margin: 80px auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(top, #e3e3e3 0%, #c4c4c4 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #e3e3e3 0%, #c4c4c4 100%);
  /* Opera */
  background-image: -o-linear-gradient(top, #e3e3e3 0%, #c4c4c4 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e3e3e3), color-stop(1, #c4c4c4));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #e3e3e3 0%, #c4c4c4 100%);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to bottom, #e3e3e3 0%, #c4c4c4 100%);
}

div#login p {
  text-align: center;
  color: #777;
}

#content a:link {
  text-decoration: none;
  color: black;
  font-weight: bold;
}

#content a:visited {
  text-decoration: none;
  color: #333333;
  font-weight: bold;
}

#content a:hover {
  text-decoration: underline;
  color: black;
  font-weight: bold;
}

#content a.toplink:link {
  text-decoration: none;
  color: #c7c7c7;
  font-weight: bold;
  padding-left: 25px;
  background: url(../global07/toplink1.gif) no-repeat left bottom;
}

#content a.toplink:visited {
  text-decoration: none;
  color: #c7c7c7;
  font-weight: bold;
  padding-left: 25px;
  background: url(../global07/toplink1.gif) no-repeat left bottom;
}

#content a.toplink:hover {
  color: #000;
  font-weight: bold;
  background: url(../global07/toplink2.gif) no-repeat left bottom;
}

#content h4 {
  font-family: Verdana, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #555;
  line-height: 16pt;
  border-top: 2px solid #ccc;
  border-spacing: 0px 4px;
  text-align: left;
  margin: 12px 0 6px;
}

div#content ul ol {
  font-family: "Lucida Grande", verdana, sans-serif;
}

#content h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 16px;
  font-weight: 700;
  color: #666666;
  margin: 0;
}

#content h6 {
  font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #333;
  line-height: 16pt;
  border-top: 2px solid #ccc;
  border-spacing: 0px 4px;
  text-align: left;
  margin: 12px 0 6px;
}

small {
  font-size: 10px;
}

/* @group subnav */
div#subnav {
  background-color: #e5e5e5;
  height: 60px;
  border: 0;
  padding: 7px 10px;
  margin: 0px;
  /*left: 127px;*/
}

div#logged {
  float: right;
}

#header #logged ul {
  float: right;
  padding: 0 20px 0 0;
  margin: 12px 0 1px0 0;
}

#header #logged li {
  float: left;
  list-style-type: none;
  margin: 0 6px 0 0;
}

#header #logged li img {
  display: block;
  margin: 0px;
  border: 0;
}

#logged ul li a:link, #logged ul li a:visited {
  background-color: #adadae;
  padding: 4px 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
}

#logged ul li a:hover, #logged ul li a:active {
  background-color: #707070;
  padding: 4px 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  color: #ccc;
}

div#subnav ul#menu {
  margin: 0;
  padding: 7px 10px;
}
div#subnav ul#menu li {
  display: block;
  float: left;
  padding: 3px 6px 4px 6px;
}

div#subnav ul#menu li a:link, div#subnav ul#menu li a:visited {
  margin: 0;
  list-style: none;
  /*	position: absolute; */
  top: 0;
  height: 10px;
  text-decoration: none;
  padding: 7px 14px;
  color: #fff;
  background-color: #bdbdbd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

div#subnav ul#menu li a:hover {
  color: #333;
  background-color: #7e7e7e;
}

/* ------------------------------------ Bootstrap Version ------------------------------------ */
.sub_nav {
  width: 100%;
  background-color: #e5e5e5;
  box-sizing: border-box;
  padding: 5px 100px 0 40px;
}
.sub_nav ul.sub_nav-group {
  overflow: hidden;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.sub_nav ul.sub_nav-group li {
  display: inline-block;
}

/* @end */
/* @group sidenav */
#sidenav {
  float: left;
  width: 200px;
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
  overflow: hidden;
  transform: scale(1);
  transform-origin: 0 0;
}

html > body div#sidenav {
  /*Correct value for browsers that don't suffer from IE Win's bugs */
  margin-left: 0px;
  min-height: 400px;
}

#sidenav a:link, #sidenav a:visited {
  display: inherit;
  margin: 0;
  padding: 12px 0px 12px 20px;
  color: #e4e4e4;
  text-decoration: none;
  background-color: rgb(65, 66, 79); /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(85, 86, 103)), to(rgb(65, 66, 79))); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgb(85, 86, 103), rgb(65, 66, 79)); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgb(85, 86, 103), rgb(65, 66, 79)); /* FF3.6 */
  background-image: -ms-linear-gradient(top, rgb(85, 86, 103), rgb(65, 66, 79)); /* IE10 */
  background-image: -o-linear-gradient(top, rgb(85, 86, 103), rgb(65, 66, 79)); /* Opera 11.10+ */
  background-image: linear-gradient(top, rgb(85, 86, 103), rgb(65, 66, 79));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgb(85, 86, 103)", EndColorStr="rgb(65, 66, 79)");
  border: 1px solid #333;
  font-weight: bold;
  font-size: 0.8em;
  letter-spacing: 0.075em;
}

#sidenav a:hover {
  background-color: rgba(65, 66, 79, 0.9); /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(85, 86, 103, 0.9)), to(rgba(65, 66, 79, 0.9))); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(85, 86, 103, 0.9), rgba(65, 66, 79, 0.9)); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(85, 86, 103, 0.9), rgba(65, 66, 79, 0.9)); /* FF3.6 */
  background-image: -ms-linear-gradient(top, rgba(85, 86, 103, 0.9), rgba(65, 66, 79, 0.9)); /* IE10 */
  background-image: -o-linear-gradient(top, rgba(85, 86, 103, 0.9), rgba(65, 66, 79, 0.9)); /* Opera 11.10+ */
  background-image: linear-gradient(top, rgba(85, 86, 103, 0.9), rgba(65, 66, 79, 0.9));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(85, 86, 103, 0.9)", EndColorStr="rgba(65, 66, 79, 0.9)");
  background-position: -150px 0;
  color: #000000;
}

#sidenav a:active {
  background-color: rgb(85, 86, 103); /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(65, 66, 79)), to(rgb(85, 86, 103))); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgb(65, 66, 79), rgb(85, 86, 103)); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgb(65, 66, 79), rgb(85, 86, 103)); /* FF3.6 */
  background-image: -ms-linear-gradient(top, rgb(65, 66, 79), rgb(85, 86, 103)); /* IE10 */
  background-image: -o-linear-gradient(top, rgb(65, 66, 79), rgb(85, 86, 103)); /* Opera 11.10+ */
  background-image: linear-gradient(top, rgb(65, 66, 79), rgb(85, 86, 103));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgb(65, 66, 79)", EndColorStr="rgb(85, 86, 103)");
  background-position: -150px 0;
  color: #fff;
}

.navbut1 {
  background-color: #333;
  border-right: 1px solid #323344;
  border-bottom: 1px solid #323344;
  background-image: url(../images/adm_buttbg.png);
  display: inline;
}

.navbut2 {
  background-color: #333;
  border-right: 1px solid #323344;
  border-bottom: 1px solid #323344;
  background-image: url(../images/adm_buttbg.png);
  display: inline;
}

.navbut {
  background-color: #333;
  border-right: 1px solid #323344;
  border-bottom: 1px solid #323344;
  background-image: url(../images/adm_buttbg.png);
  display: inline;
}

.navbutbase {
  display: none;
  /*background-image: url(/images/c_images/butbg_base.gif);*/
}

/* 
nav {
  width: 200px;
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
  overflow: hidden;
  zoom: 1; }
 */
nav a:link, nav a:visited {
  display: inherit;
  margin: 0;
  padding: 12px 0px 12px 20px;
  color: #e4e4e4;
  text-decoration: none;
  background-color: rgb(65, 66, 79); /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(85, 86, 103)), to(rgb(65, 66, 79))); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgb(85, 86, 103), rgb(65, 66, 79)); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgb(85, 86, 103), rgb(65, 66, 79)); /* FF3.6 */
  background-image: -ms-linear-gradient(top, rgb(85, 86, 103), rgb(65, 66, 79)); /* IE10 */
  background-image: -o-linear-gradient(top, rgb(85, 86, 103), rgb(65, 66, 79)); /* Opera 11.10+ */
  background-image: linear-gradient(top, rgb(85, 86, 103), rgb(65, 66, 79));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgb(85, 86, 103)", EndColorStr="rgb(65, 66, 79)");
  border: 1px solid #333;
  font-weight: bold;
  font-size: 0.8em;
  letter-spacing: 0.075em;
}

nav a:hover {
  background-color: rgba(65, 66, 79, 0.9); /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(85, 86, 103, 0.9)), to(rgba(65, 66, 79, 0.9))); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(85, 86, 103, 0.9), rgba(65, 66, 79, 0.9)); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(85, 86, 103, 0.9), rgba(65, 66, 79, 0.9)); /* FF3.6 */
  background-image: -ms-linear-gradient(top, rgba(85, 86, 103, 0.9), rgba(65, 66, 79, 0.9)); /* IE10 */
  background-image: -o-linear-gradient(top, rgba(85, 86, 103, 0.9), rgba(65, 66, 79, 0.9)); /* Opera 11.10+ */
  background-image: linear-gradient(top, rgba(85, 86, 103, 0.9), rgba(65, 66, 79, 0.9));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(85, 86, 103, 0.9)", EndColorStr="rgba(65, 66, 79, 0.9)");
  background-position: -150px 0;
  color: #000000;
}

nav a:active {
  background-color: rgb(85, 86, 103); /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(65, 66, 79)), to(rgb(85, 86, 103))); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgb(65, 66, 79), rgb(85, 86, 103)); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgb(65, 66, 79), rgb(85, 86, 103)); /* FF3.6 */
  background-image: -ms-linear-gradient(top, rgb(65, 66, 79), rgb(85, 86, 103)); /* IE10 */
  background-image: -o-linear-gradient(top, rgb(65, 66, 79), rgb(85, 86, 103)); /* Opera 11.10+ */
  background-image: linear-gradient(top, rgb(65, 66, 79), rgb(85, 86, 103));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgb(65, 66, 79)", EndColorStr="rgb(85, 86, 103)");
  background-position: -150px 0;
  color: #fff;
}

/* @end */
.spreadsheet-img {
  max-width: 300px;
}

.top-align .otable tbody tr td {
  vertical-align: top;
}

.otable tbody tr td .playlist {
  border: 1px solid #666666;
}

.playlist th {
  font-family: "lucida grande", verdana, sans-serif;
  font-weight: bold;
  padding: 3px 6px;
  border-left: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  text-align: left;
  background-color: #CCC;
}

.playlist tbody tr td {
  font-family: "lucida grande", verdana, sans-serif;
  padding: 3px 6px;
  border-left: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}

.playlist tbody tr.gone td {
  background-color: #CCC;
  color: #999;
  border-left: 1px solid #D9D9D9;
  border-bottom: 0px solid #D9D9D9;
}

/* @end */
/* @group Otable Tables */
.otable {
  border-right: 1px #A4A4A4 solid;
  border-top: 1px #A4A4A4 solid;
  margin-top: 10px;
}

.otable th {
  font-weight: bold;
  line-height: 1.4;
  padding: 8px 8px;
  border-left: 1px solid #A4A4A4;
  border-bottom: 1px solid #A4A4A4;
  text-align: left;
  background-color: #444;
  color: #ccc;
  vertical-align: top;
}

.omb-sortable th {
  cursor: pointer;
}

.dealer_list {
  width: 100%;
}

.discon_dealer {
  color: #C8C8C8;
}

div.model_browse_pic {
  /*width: 800px;*/
}

div.model_browse_pic img {
  max-width: 100%;
}

#content table.otable th a {
  color: #CCCCCC;
}

/*.otable tbody tr td:first-child { 
	width: 100%;
}*/
.otable tbody tr td {
  line-height: 1.4;
  padding: 8px 8px;
  border-left: 1px solid #A4A4A4;
  border-bottom: 1px solid #A4A4A4;
  vertical-align: middle;
  /*	white-space: nowrap;*/
}

.otable tbody tr:nth-child(even) {
  background: #e4e4e4;
}

.otable tbody tr td:nth-child(2) {
  white-space: nowrap;
}

.otable tbody tr.alt, .otable tbody tr.moddy_alt {
  background-color: #f1f1f1;
}

.otable tbody tr.row2 td {
  background-color: #CCC;
  color: #999;
  border-left: 1px solid #A4A4A4;
  border-bottom: 1px solid #A4A4A4;
}

.otable td.hilite {
  background-color: #CCC;
  color: #000;
  border-left: 1px solid #A4A4A4;
  border-bottom: 1px solid #A4A4A4;
}

.otable td.lolite {
  background-color: #fff;
  color: #ccc;
  border-left: 1px solid #A4A4A4;
  border-bottom: 1px solid #A4A4A4;
}

.otable tbody tr td.boldy {
  font-weight: bold;
}

.otable tbody tr td.dlr_type_y {
  background: url(../globalnav/platinum_flag.gif) no-repeat left top;
  padding-left: 24px;
}

.otable tbody tr td.dlr_type_n {
  padding-left: 24px;
}

.otable tbody tr.moddy:hover, .otable tbody tr.moddy_alt:hover {
  background-color: #f3d596;
  cursor: pointer;
}

#option_form table.otable tbody tr.option-not-live {
  background-color: #e4e4e4;
  color: #999;
}

.datatable-controls {
  background-color: #444;
  color: #fff;
  margin-left: 0px;
  margin-top: 20px;
  padding-top: 12px;
}

/* @end */
/* @group #details_table Tables */
#details_table {
  /*border: 1px solid #000;*/
  margin-top: 1rem;
  padding: 12px;
}

#details_table h4 {
  font-style: normal;
  font-weight: bold;
  color: #525d4a;
  line-height: 1.5em;
  border-top: 1px solid #81867d;
  border-spacing: 0px 8px;
  text-align: left;
  margin: 12px 0 6px;
}

#details_table th {
  font-weight: bold;
  padding: 3px 6px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: left;
  background-color: #000;
  color: #ccc;
}

#details_table tbody tr td {
  padding: 5px 8px;
  /*border-left: 1px solid #D9D9D9;*/
  /*border-bottom: 1px solid #D9D9D9;*/
}

#details_table tbody tr.row2 td {
  background-color: #CCC;
  color: #999;
  border-left: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}

#details_table td.hilite {
  background-color: #CCC;
  color: #000;
  border-left: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}

#details_table td.lolite {
  background-color: #fff;
  color: #ccc;
  border-left: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}

#details_table tbody tr td.boldy {
  font-weight: bold;
}

#details_table tbody tr.optionpane td {
  background-color: #fefefe;
  padding: 4px 2px 10px 20px;
}

#details_table tbody tr.optionpane td h3 {
  margin: 12px 0 0 0;
}

/* @end */
/* @group #result_table Tables */
#result_table {
  /*border: 1px solid #000;*/
  margin-top: 0;
  font: small "Lucida Grande", Lucida, Verdana, sans-serif;
  background: #e0e9db url(/admin/images/Admin_page_bottom2.gif) no-repeat 0 top;
  padding: 0;
  width: 716px;
}

#result_table h4 {
  font-style: normal;
  font-weight: bold;
  color: #525d4a;
  line-height: 1.5em;
  border-top: 1px solid #81867d;
  border-spacing: 0px 8px;
  text-align: left;
  margin: 12px 0 6px;
}

#result_table tbody tr th {
  font-family: "lucida grande", verdana, sans-serif;
  font-weight: bold;
  padding: 3px 6px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: left;
  background-color: #000;
  color: #ccc;
}

#result_table tbody tr td {
  padding: 5px 8px;
  /*border-left: 1px solid #D9D9D9;*/
  /*border-bottom: 1px solid #D9D9D9;*/
}

#result_table tbody tr.row2 td {
  background-color: #CCC;
  color: #999;
  border-left: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}

#result_table td.hilite {
  background-color: #CCC;
  color: #000;
  border-left: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}

#result_table td.lolite {
  background-color: #fff;
  color: #ccc;
  border-left: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}

#result_table tbody tr td.boldy {
  font-weight: bold;
}

/* @end */
/* @group Options Tables */
.optiontable {
  margin: 20px 0 0 0;
}

.optiontable table {
  width: 100% px;
  border-left: 1px solid #999;
}

.optiontable th {
  text-align: left;
  padding: 8px 16px;
  background-color: #333;
  color: #eee;
  border-right: 1px solid #999;
}

.optiontable td {
  line-height: 1.4;
  padding: 8px 8px;
  padding: 4px 8px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

/*.optiontable td.int_use*/
td.int_use {
  color: #7E7E7E;
  background-color: #D1D1D1;
}

tr.colheads td {
  background-color: #888;
  font-weight: bold;
  color: #fff;
}

.optiontable td.money, .optiontable th.money {
  text-align: right;
}

/* Sort out below: Over selected - simplify mark-up */
#details_table tbody tr.optionpane td div.optiontable table tbody tr td {
  padding: 5px 8px;
}

.page-break, .printonly {
  display: none;
}

/* @end */
/* @group header */
header {
  height: 100px;
  width: 100%;
  margin: 0px;
  padding: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/assets/orange-logo-2021.svg) no-repeat 25px 16px;
  background-color: #393A48;
  background-size: 320px;
  top: 0;
}

header img {
  margin: 0px 0 0 0px;
  border: 0;
  float: right;
  clear: right;
}

header h1 {
  /* display: none; */
  color: #d0d0d0;
  float: right;
  margin: 20px 20px 0 0;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: 700;
}

#printhead {
  display: none;
}

/* @end */
/* Footer */
#footer {
  text-align: center;
  clear: both;
  height: 50px;
  background-color: #fff;
  padding-top: 25px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  margin: 0;
  border: none;
}

/* 
.admin_footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center; 
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #f7f7f7 0%, #dbdbdb 37%, #dbdbdb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(37%, #dbdbdb), color-stop(100%, #dbdbdb));
	background: -webkit-linear-gradient(top, #f7f7f7 0%, #dbdbdb 37%, #dbdbdb 100%);
	background: -o-linear-gradient(top, #f7f7f7 0%, #dbdbdb 37%, #dbdbdb 100%);
	background: -ms-linear-gradient(top, #f7f7f7 0%, #dbdbdb 37%, #dbdbdb 100%);
	background: linear-gradient(to bottom, #f7f7f7 0%, #dbdbdb 37%, #dbdbdb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#dbdbdb',GradientType=0 );
	clear: both;
	margin: 40px 0 0 0;
	padding: 20px 0;
}
 */
.admin_footer_with_buttons {
  margin: 40px 0 0px 0;
}

.admin_footer p {
  color: #666;
  /*    text-shadow: 2px 2px #fff;*/
}

.model_editor-preview {
  display: inline-block;
  float: right;
}

.btn-my-quick-jump {
  color: #fff;
  background-color: rgb(51, 92, 128);
  border-color: rgb(51, 92, 128);
}

.btn-my-quick-jump:hover {
  color: #fff;
  background-color: rgb(42, 70, 89);
  border-color: rgb(42, 70, 89);
}

/**
 *
 * Admin System - Dealers Editor
 *
 * Created 15th December 2017 by AM
 *
 */
.dealer-user-name-header {
  text-transform: uppercase;
  font-weight: 700;
}

.dealer--edit_remove {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.dealer--table-separator {
  border-top: 1px solid #fff;
}
.dealer--table-separator td {
  padding-top: 20px !important;
}
.dealer--user_note {
  margin-left: 20px;
  font-size: 0.9rem;
}
.dealer--times_table {
  width: 95%;
  border: 1px solid #999;
}
.dealer--times_table th {
  padding: 6px;
  text-align: left;
  font-weight: bold;
  color: #666;
  text-align: center;
  font-size: 0.9rem;
  border-bottom: 1px solid #999;
}
.dealer--times_table th.section-cell {
  border-left: 1px solid #999;
}
.dealer--times_table td {
  padding: 6px;
  text-align: center;
}
.dealer--times_table td input[type=text] {
  width: 80%;
  font-size: 0.9rem;
}
.dealer--times_table td.day {
  text-align: left;
  font-size: 0.9rem;
  font-weight: bold;
}
.dealer--times_table td.section-cell {
  border-left: 1px solid #999;
}
.dealer--times_table td.clear-button-cell {
  text-align: right;
  border-top: 1px solid #999;
}
.dealer--times_table td.clear-button-cell input[type=button] {
  font-size: 0.8rem;
}
.dealer--times_table tr:nth-child(even) {
  background-color: #f1f1f1;
}

img#outlet-image {
  max-width: 100%;
}

.dealer-nav-tabs .dealer-nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #333;
}

.dealer-nav-tabs .dealer-nav-item.show .dealer-nav-link, .dealer-nav-tabs .dealer-nav-link.active {
  color: #495057;
  background-color: #e4e4e4;
  border-color: #dee2e6 #dee2e6 #e4e4e4;
  text-transform: uppercase;
  font-weight: 700;
}

.account-manager-outlet-chosen {
  border: 1px solid #999 !important;
  background-color: #c0c0c0 !important;
}

.dealer_note p {
  margin-bottom: 0;
}

.selection_panel {
  width: 90%;
  padding: 10px;
  margin: 20px 0 0 0;
  background-color: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 8px;
  box-sizing: border-box;
  overflow: hidden;
}
.selection_panel legend {
  font-weight: bold;
  margin: 0px;
  padding: 10px 16px;
  background-color: #333;
  border-radius: 4px;
  color: #e9e9e9;
  text-align: center;
}
.selection_panel .row {
  clear: both;
  width: 100%;
  margin: 10px 0;
  overflow: hidden;
}
.selection_panel .column {
  display: inline-block;
  padding-right: 20px;
  padding-top: 10px;
}
.selection_panel label {
  display: block;
  font-size: 0.8rem;
  color: #666;
  padding: 0 0 4px 0;
}
.selection_panel .search-button {
  cursor: pointer;
  font-size: 0.8rem;
}

.ui-selectmenu-open ul {
  max-height: 350px;
  overflow-y: scroll;
}

.option_table {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
  border-right: 1px #a4a4a4 solid;
  border-top: 1px #a4a4a4 solid;
  border-collapse: collapse;
  border-spacing: 0;
}
.option_table tr:nth-child(even) {
  background-color: #f8f8f8;
}
.option_table th {
  font-weight: bold;
  font-size: 0.9rem;
  line-height: 1.2;
  padding: 8px 18px 0 4px;
  background-color: #e4e4e4;
  border-left: 1px solid #a4a4a4;
  border-bottom: 1px solid #a4a4a4;
  color: #333;
  vertical-align: middle;
  cursor: pointer;
}
.option_table th.price {
  text-align: right;
}
.option_table td {
  border-left: 1px solid #a4a4a4;
  border-bottom: 1px solid #a4a4a4;
  vertical-align: top;
  padding: 6px 4px 4px 4px;
  font-size: 0.8rem;
}
.option_table td.live {
  background-color: #ccffcc;
}
.option_table td.notlive {
  background-color: #ffcccc;
}
.option_table td ul {
  margin: 0 0 0 20px;
  padding: 0;
}

.option-custom_title {
  font-weight: 600;
  font-style: italic;
}
.option-custom_title:before {
  content: '"';
}
.option-custom_title:after {
  content: '"';
}

.component_list p {
  margin: 0;
  font-weight: 700;
}

.bom_codes {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  padding: 0;
  margin: 2px 0 8px 0;
  border-collapse: collapse;
  width: 100%;
}
.bom_codes td {
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  background-color: #e9e9e9;
  padding: 2px;
}

.nodata-message {
  color: #c00;
  font-weight: bold;
  padding: 20px 0;
}

.duplicated-header {
  color: #c00;
}

.fixed-button-bar {
  padding: 10px 0 10px 0;
  box-sizing: border-box;
  background-color: #999;
  position: sticky;
}
.fixed-button-bar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  max-width: 1140px;
}
.fixed-button-bar ul li {
  display: inline-block;
  margin: 0 10px;
}

.shadow-b {
  box-shadow: 0px 12px 45px -15px rgba(0, 0, 0, 0.52);
}

.shadow-t {
  box-shadow: 0px -12px 45px 0px rgba(0, 0, 0, 0.2);
}

.sortable-table thead th.header {
  background-image: url(/assets/sortable-table/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
}
.sortable-table thead th.headerSortDown {
  background-image: url(/assets/sortable-table/desc.gif);
}
.sortable-table thead th.headerSortUp {
  background-image: url(/assets/sortable-table/asc.gif);
}

/**
 *
 * Admin System - Google Maps Plugin Styles
 *
 * Created 15th December 2017 by AM
 *
 */
.gmap--container {
  border: 1px solid #000;
  width: 760px;
  height: 400px;
  margin: 0;
  padding: 0;
}
.gmap--info {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #79828f;
  border-radius: 5px;
  width: 97%;
  background-color: #ececec;
}
.gmap--hidden {
  display: none;
}
.gmap--latlng {
  display: block;
  font-size: 0.7rem;
  color: #666;
}
.gmap--address {
  display: block;
  font-size: 0.9rem;
  color: #666;
  margin: 6px 0;
}

.distbox {
  padding: 1rem;
  background-color: #e9e9e9;
  margin-top: 20px;
  float: left;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.distbox h3 {
  margin: 0;
}

#quick-entry-form {
  margin-top: 20px;
  display: flex;
  justify-content: space-evenly;
}

.quick_entry_summary {
  box-sizing: border-box;
  border: 1px solid #999;
  padding: 25px;
  flex-basis: 50%;
  background-color: #ececec;
  overflow: hidden;
  flex-basis: 48%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.quick_entry_summary div {
  overflow: hidden;
  width: 100%;
  clear: both;
  margin: 0;
  padding: 6px 0;
  border-bottom: 1px solid #fff;
}
.quick_entry_summary div:last-child {
  border-bottom: none;
}
.quick_entry_summary label {
  display: inline-block;
  width: 100px;
  font-weight: bold;
  float: left;
}
.quick_entry_summary p {
  display: inline-block;
  width: 50%;
  float: left;
  margin: 0;
}

.qe-table {
  flex-basis: 48%;
}
.qe-table th, .qe-table td {
  padding: 4px 10px;
}
.qe-table th {
  font-weight: bold;
  font-size: 0.9 rem;
}

.qe-table-container {
  border: 1px solid #999;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.serial-confirm {
  color: #090;
}

.qe-full-edit {
  display: block;
  width: 16px;
  height: 16px;
  text-decoration: none;
  position: absolute;
  top: 4px;
  right: 4px;
}

.pwd-reset-table {
  width: 40%;
  margin: 80px auto;
  border: 1px solid #a2a2a2;
  border-radius: 8px;
}
.pwd-reset-table td {
  padding: 20px;
  vertical-align: middle;
}

.image-upload-box {
  border: 1px solid #999;
  padding: 20px;
  background-color: #fff;
  width: 100%;
  margin-top: 20px;
}

.image-upload-control {
  margin-bottom: 4px;
}

#content img.component-image {
  border: 1px solid #999;
  max-width: 200px;
  cursor: pointer;
}

.component-image-name {
  font-weight: bold;
}

.drop-zone {
  width: 100%;
  min-height: 100px;
  border: 2px dashed rgb(118, 168, 243);
  border-radius: 5px;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 6px;
  cursor: pointer;
  background-image: -webkit-repeating-radial-gradient(center center, rgba(157, 206, 221, 0.2), rgba(157, 206, 221, 0.2) 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(157, 206, 221, 0.2), rgba(157, 206, 221, 0.2) 1px, transparent 1px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(157, 206, 221, 0.2), rgba(157, 206, 221, 0.2) 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(157, 206, 221, 0.2), rgba(157, 206, 221, 0.2) 1px, transparent 1px, transparent 100%);
  -webkit-background-size: 3px 3px;
  -moz-background-size: 3px 3px;
  background-size: 3px 3px;
}
.drop-zone:hover {
  background-color: #ececec;
}

.pricetable {
  width: 100%;
  border-top: 1px solid #fff;
}

fieldset.oform_1 table.pricetable td {
  padding: 6px;
  border-bottom: 1px solid #fff;
}

fieldset.oform_1 table.pricetable td.pricetable-h {
  vertical-align: middle;
  background-color: #cecece;
  font-weight: bold;
  font-size: 1em;
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
}

fieldset.oform_1 table.pricetable td.pricetable-label {
  vertical-align: middle;
  font-weight: bold;
  border-left: 1px solid #cecece;
}

fieldset.oform_1 table.pricetable td.pricetable-input {
  border-right: 1px solid #cecece;
}

input.pricetable-price {
  text-align: right;
  width: 100px;
}

.framesize-table {
  width: 100%;
  border-top: 1px solid #cecece;
}
.framesize-table th {
  background-color: #cecece;
  font-size: 1em;
}
.framesize-table td, .framesize-table th {
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}

.frameset-info {
  margin-top: 20px;
}

.availability-text {
  margin-top: 20px;
}
.availability-text label {
  font-weight: 600;
}
.availability-text textarea {
  margin-top: 8px;
}

.options-table {
  margin-top: 20px;
  width: 100%;
  border-top: 1px solid #fff;
  background-color: #fefefe;
}
.options-table tr:hover {
  background-color: #f2f2f2;
}
.options-table th {
  background-color: #cecece;
  font-size: 14px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.options-table td {
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}
.options-table-price {
  text-align: right !important;
}

.model_loader {
  display: none;
  font-weight: bold;
  color: #acacac;
  margin-top: 36px;
  margin-left: 12px;
  font-size: 0.8rem;
}
.model_loader img {
  display: inline-block !important;
  vertical-align: middle;
  height: 20px;
}

.frame-size-mismatch {
  width: 100%;
  border: 1px solid #c00;
  border-radius: 5px;
  padding: 20px !important;
  font-weight: 700;
}

.opt-mg-heads {
  font-weight: bold;
  font-size: 0.9rem;
  border: none !important;
  margin: 0;
}

.model_selectors label {
  font-size: 0.8rem;
  margin-bottom: 4px;
}

.owsd-selector a {
  font-weight: normal;
  color: #666;
  display: block;
  margin-bottom: 4px;
}
.owsd-selector a:hover {
  text-decoration: none;
  font-weight: 700;
}
.owsd-selector a:visited {
  font-weight: normal;
}

.owsd-default-label {
  font-size: 0.8rem;
  padding-top: 4px;
}

.owsd-selected {
  border: 1px solid #ffc107;
  background-color: #fff5cc;
}

.owsd-swatch {
  max-width: 25px;
  border: 1px solid #999;
}

.factory_search {
  /* 
      &--table {

          width: 100%;
          border-top: 1px solid #fff;
          border-right: 1px solid #fff;

          td, th {
              padding: 10px;
              border-left: 1px solid #fff;
              border-bottom: 1px solid #fff;
          }

          th {
              width: 20%;
          }

      }
   */
}
.factory_search--container {
  background-color: #e5e5e5;
  border-radius: 10px;
  width: 60%;
  padding: 20px;
}

span.hub_order_number {
  display: inline-block !important;
  margin-left: 10px;
  font-size: 0.8rem;
}
span.hub_order_number em {
  font-weight: bold;
}

.cke_notification_warning {
  display: none;
}