/*--------------------- site header css for specsavers -----------------------*/
/*--------------------------------- imports ----------------------------------*/
@font-face {
  font-family: 'SpecsaversWeb-Bold';
  src: url('../con/SpecsaversWeb-Bold.eot'),
    /* IE9 Compat Modes */
    url('../con/SpecsaversWeb-Bold.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../con/SpecsaversWeb-Bold.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../con/SpecsaversWeb-Bold.woff') format('woff'),
    /* Pretty Modern Browsers */
    url('../con/SpecsaversWeb-Bold.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../con/SpecsaversWeb-Bold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SpecsaversWeb-Medium';
  src: url('../con/SpecsaversWeb-Medium.eot'),
    /* IE9 Compat Modes */
    url('../con/SpecsaversWeb-Medium.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../con/SpecsaversWeb-Medium.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../con/SpecsaversWeb-Medium.woff') format('woff'),
    /* Pretty Modern Browsers */
    url('../con/SpecsaversWeb-Medium.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../con/SpecsaversWeb-Medium.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SpecsaversWeb-Regular';
  src: url('../con/SpecsaversWeb-Regular.eot'),
    /* IE9 Compat Modes */
    url('../con/SpecsaversWeb-Regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../con/SpecsaversWeb-Regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../con/SpecsaversWeb-Regular.woff') format('woff'),
    /* Pretty Modern Browsers */
    url('../con/SpecsaversWeb-Regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../con/SpecsaversWeb-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

/*---------------------------------- global ----------------------------------*/
input#xmas_message_0 {
  width: 15px !important;
  height: 15px !important;
}

input#stocktake_0 {
  width: 15px !important;
  height: 15px !important;
}

.container {
  background-image: url('../img/header_bgnd_img.png');
  /* match #header-wrapper min-height below */
  background-repeat: repeat-x;
}

#header-wrapper {
  min-height: 110px;
  /* match header_bgnd_img.png height above */
  margin: 0px auto !important;
  width: 80% !important;
}

/* main area width */
.center {
  margin: -23px auto 0px auto;
}

/* decal position */
.full {
  /* budget message when applicable - match #header-welcome-msg below */
  color: #94959A;
  font-size: 17px;
  font-weight: 700;
  margin: -65px 0 0 0;
  text-align: center;
  width: 80%;
}

/* main area width */
#header-welcome-msg {
  color: #94959A;
  font-size: 17px;
  font-weight: 700;
  margin: 48px 0 0 8px;
}

#header-links-container {
  margin: -17px 0 0 0;
}

_:-moz-tree-row(hover), #header-links-container {
  margin: -16px 0 0 0;
}

@supports (-webkit-appearance:none) {
  #header-links-container {
    margin: -16px 0 0 0;
  }
}

.fa.fa-shopping-basket {
  color: #40A93C !important;
  font-size: 22px !important;
  margin-right: -6px !important;
}

.main {
  box-sizing: border-box;
  margin: 25px auto;
  width: 80%;
}

/* main area width */
.steps {
  margin-top: 65px !important;
}

.steps td {
  background-image: url(../img/step_separation_line.png);
  background-repeat: repeat-y;
  width: calc(100% / 6);
}

.steps_arrow, .steps_check {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.steps_arrow:before {
  content: "\f0da";
}

.steps_check:before {
  content: "\f00c";
}

.step-welcome,
/*.step-select-items,*/
.side.left-side, .side.right-side {
  background-image: none !important;
}

.on.side.left-side, .side.left-side.leftSideFieldContainer {
  display: none;
}

.pagetitle,
.pagetitle.no_mobile {
  background-color: #C1D100 !important;
  padding: 8px 0 !important;
  text-align: center !important;
}

.pagetitle.no_mobile {
  margin-bottom: 25px !important;
}

#index_img, .item-thumbnail img, .pretty-item img, .image-container img {
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: auto !important;
  height: auto !important;
  width: 100%\9;
  /* ie8 */
}

button {
  margin: 5px 5px 5px 0px;
  min-width: 160px !important;
}

.highlight {
  font-weight: bold;
  font-size: 15px;
  color: red;
}

.form-body td.label {
  width: 48%;
}

.accept-proofs .form-body {
  width: 100% !important;
}

/* match form table width */
.accept-proofs .form-body th {
  text-align: center !important;
}

.accept-proofs .form-body .previewcell table {
  margin: 0 auto !important;
}

.buttonsbar {
  margin: 0.5em 0;
  text-align: center !important;
}

.footer {
  padding-top: 10px !important;
}

.middle-row {
  margin: 0 auto !important;
  width: 80% !important;
}

/* main area width */
.right-col {
  padding-bottom: 10px;
}

/*.right-col a {
            color: #43949f;}*/
/*------- steps pages -------*/
.main.select-items.catalog--container,
.main.imprint.catalog--container,
.main.shipping.catalog--container,
.main.billing.catalog--container,
.main.review.catalog--container,
.main.done.catalog--container,
.main.mail-merge.catalog--container {
  margin-top: 0 !important;
}

/*--------------------------------- profile ----------------------------------*/
/*
#submit_edit_profile, #submit_cancel,
#submit_save_profile, #submit_delete_profile {
    margin: 5px 10px 5px auto;
    text-align: center !important;}
*/
#profile_help {
  color: #404040;
  font-size: 14px;
}

/*-------------------------- customer service info ---------------------------*/

.customer-service .message-block {
#  text-align: centre;
  width: 70%;
}

.customer-service . pagetitle {
  text-align: left !important;
}

/*--------------------------------- reorder ----------------------------------*/
.reorder_txt, .tabular.order-table {
  margin: 0 auto;
  width: 80%;
}

/* match form table width */
/*---------------------------------- basket ----------------------------------*/
.main.basket-view.catalog--container form table {
  margin: 0 auto;
}

/*---------------------------------- index -----------------------------------*/
.main.welcome.catalog--container {
  width: 80% !important;
  margin: 0 auto !important;
}

@media screen and (min-width: 1325px) {
  .main.welcome.catalog--container .center {
    display: -webkit-flex;
    display: flex;
    max-width: 100%;
  }
}

.decal {
  display: none !important;
}

/* hides second (index page) decal */
.index-container {
  /*background-color: #f1f8fa !important; /* match .main background-color above */
  padding: 0 0 15px 0 !important;
}

#maincopy-wrapper {
  margin-top: 0 !important;
}

/*.index_img_area {
    margin-bottom: 25px;}*/
#index_header {
  font-family: 'SpecsaversWeb-Medium';
  font-size: 50px;
  line-height: 60px;
  color: #ffffff;
  margin-left: 50px;
  float: left;
  position: absolute;
  top: 220px;
}

#index_subhead {
  font-family: 'SpecsaversWeb-Regular';
  font-size: 18px;
  line-height: 26px;
  color: #ffffff;
  margin: 0 0px 0 50px;
  position: absolute;
  top: 370px;
  overflow: hidden;
}

.bullet {
  color: #d1d3d4;
}

#index_button_bar {
  table-layout: fixed;
  -webkit-border-horizontal-spacing: 0 !important;
  margin-bottom: 20px;
  width: 100%
}

#index_button_bar #submit_start_order {
  background: #f5ae3d;
}

#index_button_bar #submit_start_order:hover {
  background: #51514F;
}

#index_button_bar td:nth-child(1), #index_button_bar td:nth-child(2),
#index_button_bar td:nth-child(3) {
  padding-right: 10px;
}

/*
#index_button_bar #submit_customer_service {
    background: #FF9900;}
#index_button_bar #submit_customer_service:hover {
    background: #50504D;}
*/
#index_button_bar #submit_start_order, #index_button_bar #submit_edit_profile,
#index_button_bar #submit_re_order, #index_button_bar #submit_saved_orders,
#index_button_bar #submit_customer_service {
  min-width: 72px;
  width: 100%;
  # max-width: 400px;
}

/*-------------------------------- catalogue ---------------------------------*/
.qtyspec_label.qtyspec_display_label {
  display: none;
}

span.note.pretty-tag {
  text-align: left;
}

.note.pretty-pricing {
  text-align: left;
}

.note.pretty-onhand {
  text-align: left;
}

.catalog select {
  margin: 5px 5px 5px 0;
}

### Bundle ### #bundle_subitem_subgroupname {
  padding: 10px !important;
}

.bundle_subitem_longname {
  margin-top: 10px !important;
}

#upper_buttons #submit_continue {
  width: 201px;
  background: #f5ae3d;
}

#upper_buttons #submit_continue:hover {
  background: #50504E !important;
}

.contactmarketing a:link {
  color: #3BAA35 !important;
  text-decoration: underline;
}

.contactmarketing a:visited {
  color: #3BAA35 !important;
  text-decoration: none;
}

.contactmarketing a:hover {
  color: #0A6239 !important;
  text-decoration: underline;
}

img.catalog-tiny-thumbnail {
  max-width: 100px !important;
  max-height: 100px !important;
  margin: 5px 5px 0px 0px !important;
}

div.field-container div.input input[type="checkbox"] {
  margin: 0 5px 0 -5px !important;
  min-height: 15px !important;
  min-width: 15px !important;
}

.form-sublabel, .optional {
  font-size: medium;
  line-height: 1.2;
}

.error {
  margin-top: 7px;
  margin-bottom: 7px;
}

div#tab_0.on, div#tab_0.off {
  background-color: #0A6239 !important;
}

#info_tips {
  width: 100%;
  height: auto;
  margin: auto;
}

#info_img {
  width: 103%;
  height: auto;
}

.catalog-table {
  width: 90% !important;
}

.pretty-item {
  max-width: 500px !important;
  padding: 0 0 5px 30px !important;
  width: auto !important;
}

.pretty-item.input-row {
  padding-bottom: 20px !important;
}

.note.pretty-tagcheck.tagcheck-bottom div,
.note.pretty-tagcheck.tagcheck-bottom input {
  margin-left: 0 !important;
}

.catalog-tab-blurb .catalog-table,
.catalog-tab-blurb #copy2 {
  display: none;
}

.note.pretty-tag::before {
  content: "Product Code: ";
}

#.note.pretty-tag {
  # display: none !important;
}

span.note.pretty-prodcode::before {
  content: "Product Code: ";
}

.note.pretty-prodcode {
  display: none !important;
}

span.note {
  display: block !important;
}

span.note.pretty-tag {
  text-align: left;
}

.note.pretty-pricing {
  text-align: left;
}

.note.pretty-onhand {
  text-align: left;
}

.qtyspec_label.qtyspec_display_label {
  display: none;
}

.select-items {
  max-width: 80% !important;
  min-width: 80% !important;
  width: 80% !important;
}

/* main area width */
#copy2 {
  box-sizing: border-box;
  margin-top: 20px !important;
  padding: 5px;
}

#copy3 {
  padding: 0px !important;
}

#extra_content_above_items {
  margin-top: 40px;
}

#extra_content_below_items {
  margin: 20px 0;
}

#submit_catalog_add {
  width: 100px;
}

#lightbox-image {
  border: 1px solid #333;
}

.catalog-table .first {
  padding: 0 20px !important;
}

.item-thumbnail.label {
  padding: 20px !important
}

/*------- catalogue vertical tab -------*/
.item-search-block {
  margin: 10px 0px 8px 20px !important;
}

#searchfield_input {
  width: 155px;
}

.before {
  border-bottom: 3px solid #ffffff;
  padding: 0px !important;
}

#submit_catalog_search {
  width: 160px;
}

#upper_buttons #submit_continue {
  width: 201px;
}

#submit_continue {
  min-width: 201px !important;
}

#submit_catalog_search {
  background: #4F504F !important;
}

#submit_catalog_search.button:hover {
  background: #C2CB3B !important;
}

.responsive_tabs-shell {
  padding: 0 !important;
}

.responsive_tabs .opened,
.responsive_tabs .closed {
  padding-left: 20px !important;
}

.responsive_tabs .opened:before {
  content: "\f107" !important;
  margin: 10px 0 0 -12px !important;
}

.responsive_tabs .closed:before {
  content: "\f105" !important;
  margin: 10px 0 0 -9px !important;
}

.responsive_tabs .on:hover {
  background-color: #313131 !important;
}

.responsive_tabs .on a:hover {
  color: #ffffff !important;
}

.responsive_tabs .off a:hover {
  color: #159A51 !important;
}

/*- non responsive tabs -*/
.opened, .closed {
  background-position: 5px 12px !important;
  padding-left: 20px !important;
}

.innertab-opened .off:hover {
  background-color: #C1D100 !important;
}

/*------- catalogue shopping basket -------*/
.after {
  display: none;
  background: #fafafa;
  /* basket background colour responsive */
  padding: 15px 20px 12px 20px !important;
}

#basket_icon {
  display: inline-block;
  font: normal normal normal 22px/1.5 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#basket_icon:before {
  content: "\f291";
}

#basket-list-title {
  color: #666;
  padding-bottom: 8px;
  text-align: left !important;
  font-size: 14px !important;
  font-weight: bold !important;
}

.basket-list-item button {
  background: #666 !important;
  /* button colour */
  display: block !important;
  text-align: center;
  padding: 2px 2px 2px 5px !important;
  width: 25px !important;
  height: 25px !important;
}

.basket-list-item {
  border-top: 2px dashed #d1d3d4;
  /* match border colour below */
  font-size: 12px !important;
  padding: 8px 0;
}

.basket-list-item a {
  color: #666 !important;
  text-decoration: none !important;
}

#basket_button_container {
  border-top: 2px dashed #d1d3d4;
  /* match border colour above */
  padding-top: 5px;
}

/*-------------------------------- configure ---------------------------------*/
.main.imprint.catalog--container {
  margin-bottom: 40px;
}

.main.imprint.catalog--container form {
  margin-top: 30px;
}

.required-star {
  color: red;
  position: relative;
  top: 3px;
  left: 2px;
}

.imprint .form-body .form-sublabel {
  display: inline;
}

.imprint-splitview .left-side .form-body {
  border-radius: 0 !important;
  min-width: 180px !important;
  max-width: 450px !important;
  width: 100% !important;
}

.catalog-table tr th,
.catalog-table tr td {
  border: none !important;
}

.title h1 {
  padding-left: 15px !important;
}

.title h2 {
  text-align: left !important;
  padding: 5px 10px 10px 15px !important;
  margin-top: -10px !important;
}

.label {
  padding-left: 5px !important;
}

.form-body .title {
  -moz-border-radius: 0 0 0 0 !important;
  -webkit-border-radius: 0 0 0 0 !important;
  border-radius: 0 0 0 0 !important;
}

.field-container {
  border-bottom: none !important;
}

.left-side.leftSideFieldContainer .field-container input,
.left-side.leftSideFieldContainer .TextField .input input,
div.field-container input {
  width: 98% !important;
  max-width: 98% !important;
}

.left-side.leftSideFieldContainer .EmailField .input input,
.left-side.leftSideFieldContainer .EmailField .input span select,
div.EmailField div.input span input {
  width: auto !important;
}

.left-side.leftSideFieldContainer .DateField .input select,
div.DateField div.input select {
  width: 31% !important;
}

.two-page.form-body.form-ed-off input {
  max-width: 280px !important;
  min-width: 280px !important;
}

.proof-title {
  text-align: center;
}

.buttonsbar.sbs_buttons {
  background-color: #ffffff !important;
  /* match main background colour */
  -moz-border-radius: 0 0 0 0 !important;
  -webkit-border-radius: 0 0 0 0 !important;
  border-radius: 0 0 0 0 !important;
}

#pasteboard {
  border-color: #eaeaea !important;
  background: #f2f3f5 !important;
}

.fa.fa-calendar {
  color: black !important;
}

/*------- proof confirmation -------*/
.preview-wrapper #confirm_container {
  left: calc(50% - 320px);
}

#confirm_container .buttonsbar {
  background-color: #f2f3f5 !important;
  line-height: 1.4em !important;
  min-width: 580px !important;
  padding-bottom: 25px !important;
}

/* proof confirmation area */
#approval_checkbox_group {
  margin-bottom: 15px;
}

/*--------------------------------- shipping ---------------------------------*/
#shipping-pricetable {
  margin-top: 40px;
}

#requestor-info {
  margin-bottom: 27px;
}

#button_addproducts {
  width: 180px;
}

.field-container_customFields .form-body .field-container.moveable {
  padding-left: 10%;
}

.catalog--container .catalog--gridsize_1x {
  float: none !important;
  margin: auto !important;
}

.form-body div.title>h1,
.field-container.title,
.catalog--container .catalog--container_subsection h2.catalog--subheader {
  background-color: #40A83C !important;
  text-align: center !important;
  color: #ffffff;
}

.field-container .title .form-subheader {
  display: none;
}

#formed\.sharedform\._dropship_nz\.1\.title,
.main.mail-merge.catalog--container>form>section:nth-child(13)>p {
  text-align: center !important;
}

#sharedform\._dropship_nz\:1 .form-subheader,
.ic-msg-blank.message-block {
  display: none;
}

.field-container_customFields .form-body .field-container.moveable .field-note {
  font-style: normal !important;
  font-size: 12px !important;
  padding-right: 20%;
  padding-top: 5px;
}

.catalog--dataTable_headerRow th {
  text-align: left;
}

#shipping-pricetable.form-body.catalog--dataTable.true-table {
  margin: 0 !important;
}

table.catalog--dataTable#shipping-pricetable {
  min-width: 100% !important;
  margin: 10px 0 !important;
}

table.catalog--dataTable#shipping-pricetable tr td {
  text-align: left !important;
}

tr.catalog--dataTable_headerRow {
  background-color: #D1D3D4;
}

#shipping-pricetable.form-body.catalog--dataTable.true-table td:nth-child(1) {
  padding: 0 0 0 7px !important;
}

.catalog--container .catalog--gridsize_2x {
  float: none !important;
  margin: auto !important;
  width: 900px !important;
  max-width: 100% !important;
}

.catalog--container_subsection.catalog--gridsize_2x .pagetitle.catalog--subheader {
  background-color: #f5AE3E !important;
}

#shippingRatesContainer {
  padding: 0 !important;
  text-align: center;
}

#ml\.ship\.available_shipping,
#shippingRatesContainer #shipping_error,
#shippingRatesContainer p.shippingRatesList_toggle {
  display: none !important;
}

/*---------------------------------- billing ----------------------------------*/
#creditcardicon {
  width: 57px !important;
}

/*---------------------------------- review ----------------------------------*/
.main.review.catalog--container .accept-proofs {
  margin: 0 auto;
  width: 80% !important;
}

/* match form table width */
#highlight_review {
  font-weight: bold;
  font-size: 18px;
  color: red;
}

.review .items-table {
  background-color: #ffffff;
  color: #404040;
  width: 100%;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: left;
}

/*.items-table {
    text-align: center;}
    .items-table td.label {
        width: 46% !important;}*/
#normal_src {
  border: 1px solid #333;
}

/*---------------------------------- accept ----------------------------------*/
.accept-msg {
  margin: 40px auto;
  width: 80%;
}

/* match form table width */
.main.review.catalog--container .accept-proofs {
  margin: 0 auto;
  width: 100% !important;
}

.accept -proofs .form-body {
  background-color: #ffffff;
  color: #404040;
  width: 100% !important;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: left;
}

.accept-showneworderbutton.center {
  margin-bottom: 30px !important;
}

.done .items-table {
  background-color: #ffffff;
  color: #404040;
  width: 100%;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: left;
}

/*#submit_logout {
    width: 210px;}*/