<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*-----------------------------STRUCTURE----------------------------*/

#normal_body {
  min-width:        300px;
}

#floatbox_body {
  min-width:        260px;
}


/*-----------------------------HEADER----------------------------*/

#header {
  margin:           0px auto 0px auto;
  max-width:        1200px;
  text-align:       center;
}

#header img,
#header div,
#header a {
  vertical-align:   middle;
}

#header a {
  text-decoration:  none;
}

#header .container {
  box-sizing:       border-box;
  height:           100%;
  white-space:      nowrap;
  overflow:         visible;
  width:            50%;
}

#header .container img {
  max-width:        95%;
  max-height:       80%;
}

#header .align {
  display:          inline-block;
  height:           100%;
  width:            1px;
}

#header_contacts,
#header_contacts div,
#header_contacts form {
  display:          inline-block;
  text-align:       center;
}

#header_contacts {
  text-align:       right;
}

#header_logo,
#header_site_logo {
  display:          block;
  float:            left;
  text-align:       left;
}

#header_left {
  display:          none;
  float:            left;
  text-align:       left;
}

#header_parent_logo {
  display:          none;
  float:            right;
  text-align:       right;
}


#header {
  height:           60px;
}

#header .container {
  padding:          0px 5px 0px 5px;
}

#header_phone {
  font-size:        18px;
  line-height:      22px;
}

#header_email {
  font-size:        10px;
  line-height:      12px;
}

#site_message {
  display:          none;
  padding:          7px;
  text-align:       center;
  font-weight:      bold;
  font-size:        15px;
  line-height:      24px;
  background-color: #ffb033;
}

#site_message br {
  display:          none;
}


@media all and (min-width: 360px) {

  #header {
    height:           80px;
  }

  #header_phone {
    font-size:        22px;
    line-height:      31px;
  }

  #header_email {
    font-size:        12px;
    line-height:      17px;
  }

}


@media all and (min-width: 500px) {

  #header {
    height:           90px;
  }

  #header .container {
    padding:          0px 10px 0px 10px;
  }

}


@media all and (min-width: 780px) {

  #header {
    height:           105px;
  }

  #header .container {
    width:            33%;
  }

  #header_left,
  #header_parent_logo {
    display:          block;
  }

  #header_logo {
    text-align:       center;
    display:          inline-block;
    float:            none;
    width:            auto;
  }

  #header_contacts {
    text-align:       center;
  }

  #header_phone {
    font-size:        30px;
    line-height:      42px;
  }

  #header_email {
    font-size:        16px;
    line-height:      22px;
  }

}


@media all and (min-width: 1000px) {

  #header .container {
    padding:          0px 15px 0px 15px;
  }

  #header {
    height:           125px;
  }

  #site_message br {
    display:          block;
  }

}


/*-----------------------------MENU----------------------------*/

#menu {
  background-color: #0d0504;
  overflow:         visible;
  text-align:       center;
  font-size:        0px;
  line-height:      0px;
}

#right_menu,
#left_menu {
  z-index:          150;
  margin:           0px;
  padding:          0px;
}

#right_menu a,
#left_menu a,
#left_menu ul.menu_pulldown a {
  border-width:     0px;
  margin:           0px;
  background-color: #0d0504;
  color:            #ffffff;
  background:       none;
}

#left_menu a.selected,
#right_menu a.selected,
#left_menu li.hover_toggle a:hover,
#right_menu li.hover_toggle a:hover,
#left_menu ul.menu_pulldown a:hover,
#right_menu ul.menu_pulldown a:hover {
  background-color: #85dce6;
  color:            #ffffff;
}

#left_menu ul.menu_pulldown a {
  box-sizing:       border-box;
  width:            100%;
}

#left_menu li {
  position:         relative;
  display:          none;
}

#left_menu li ul li,
#left_menu #menu_button_menu {
  display:          list-item;
}

#left_menu li ul.menu_pulldown {
  display:          none;
}

#left_menu li.hover_toggle:hover ul.menu_pulldown,
#left_menu li.touched ul.menu_pulldown {
  z-index:          151;
  display:          block;
  position:         absolute;
  top:              100%;
  left:             -2px;
  border:           2px solid #ffffff;
  padding:          0px;
  background-color: #0d0504;
}

#menu_pulldown_menu {
  min-width:        200px !important;
}

#menu_button_menu a {
  background:       #0d0504 url("/images/layout/menu/menu.png") no-repeat scroll 10px center;
}

#menu_button_home a {
  background:       #0d0504 url("/images/layout/menu/home.png") no-repeat scroll center center;
}

#menu_button_cart a {
  background:       #0d0504 url("/images/layout/menu/cart.png") no-repeat scroll 10px center;
}


#right_menu a,
#left_menu a,
#left_menu ul.menu_pulldown a {
  padding:          6px 10px 6px 10px;
  font-size:        12px;
  line-height:      19px;
  min-height:       19px;
}

#menu_button_menu a,
#menu_button_cart a {
  padding-left:     37px;
  background-position:
                    10px center;
}


@media all and (min-width: 575px) {

  #menu_button_home a {
    width:            18px;
    font-size:        0px !important;
  }

  #left_menu li {
    display:          list-item;
  }

  #left_menu #menu_button_menu {
    display:          none;
  }

}


@media all and (min-width: 780px) {

  #right_menu a,
  #left_menu a,
  #left_menu ul.menu_pulldown a {
    padding:          6px 12px 6px 12px;
    font-size:        13px;
    line-height:      20px;
    min-height:       20px;
  }

  #menu_button_cart a {
    padding-left:     40px;
    background-position:
                      12px center;
  }

}


@media all and (min-width: 1000px) {

  #right_menu,
  #left_menu {
    display:          inline-block;
    float:            none;
  }

  #right_menu a,
  #left_menu a,
  #left_menu ul.menu_pulldown a {
    padding:          6px 16px 6px 16px;
    font-size:        14px;
    line-height:      22px;
    min-height:       22px;
  }

  #menu_button_cart a {
    padding-left:     46px;
    background-position:
                      16px center;
  }

}


/*-----------------------------MAIN----------------------------*/

#main {
  padding:          0px;
}

@media all and (min-width: 360px) {

  #main {
    padding:          0px 10px 0px 10px;
  }

}

@media all and (min-width: 1202px) {

  #main {
    overflow:       visible;
  }

}


/*-----------------------------FOOTER----------------------------*/

#footer {
  clear:            both;
  padding:          10px 10px 0px 10px;
  text-align:       center;
  font-size:        10px;
  line-height:      12px;
  color:            #aaaaaa;
}

#footer div.hr {
  margin-bottom:    0px;
}

#footer_links {
  text-align:       center;
  margin:           7px 0px 10px 0px;
  font-size:        11px;
  line-height:      14px;
}

#footer a {
  color:            #aaaaaa;
}

#footer span.big_screen {
  display:          none;
}


@media all and (min-width: 575px) {

  #footer br.small_screen {
    display:          none;
  }

  #footer span.big_screen {
    display:          inline;
  }

  #footer_links {
    font-size:        13px;
    line-height:      18px;
  }

}


/*-----------------------------LINKS AND BUTTONS----------------------------*/

a {
  color:            #0d0504;
}

a:hover, a:active {
  color:            #85dce6;
}

.button, .button:hover, .button:active, input[type=submit], input[type=button] {
  font-size:        10px;
}

.button:hover, input[type=submit]:hover, input[type=button]:hover {
  background-color: #0d0504;
  border-color:     #0d0504;
  color:            #ffffff;
}

.big_button, .big_button:hover, .big_button:active {
  display:          block;
  margin:           10px auto 10px auto;
  padding:          10px 5px 10px 5px;
  width:            280px;
  font-size:        12px;
  line-height:      18px;
  text-align:       center;
}

a.big_button img {
  max-width:        100%;
}

.button_left_align,
.button_left_align:hover,
.button_left_align:active,
a.button_back,
a.button_back:hover,
a.button_back:active {
  margin-left:      0px !important;
  margin-right:     0.8em;
}

h1 a.button_back {
  float:            left;
}


@media all and (min-width: 360px) {

  .button, .button:hover, .button:active, input[type=submit], input[type=button] {
    font-size:        11px;
  }

  .big_button, .big_button:hover, .big_button:active {
    width:            330px;
    font-size:        14px;
    line-height:      20px;
  }

}


@media all and (min-width: 500px) {

  .button, .button:hover, .button:active, input[type=submit], input[type=button] {
    font-size:        12px;
  }

  .big_button, .big_button:hover, .big_button:active {
    margin:           15px auto 15px auto;
    width:            460px;
    font-size:        16px;
    line-height:      24px;
  }

}


/*-----------------------------CONTENT----------------------------*/

table.center {
  margin:           18px auto 18px auto;
}

form {
  margin:           10px auto 10px auto;
  max-width:        700px;
}

#wide_data_entry_form {
  max-width:        1000px;
}

h1, h2, h3, h4, th {
  color:            #0d0504;
}

h1,
div.category_title {
  text-align:       center;
  margin:           23px 10px 10px 10px;
  font-size:        18px;
  line-height:      25px;
}

h2 {
  font-size:        16px;
  line-height:      22px;
}

h3 {
  font-size:        14px;
  line-height:      20px;
}

h4 {
  font-size:        12px;
  line-height:      17px;
}

th {
  padding:          4px 4px 2px 4px;
}

td {
  padding:          3px 4px 3px 4px;
}


@media all and (min-width: 500px) {


  h1,
  div.category_title {
    margin:           23px 10px 10px 10px;
    font-size:        20px;
    line-height:      28px;
  }

  h2 {
    font-size:        18px;
    line-height:      25px;
  }

  h3 {
    font-size:        15px;
    line-height:      21px;
  }

  h4 {
    font-size:        13px;
    line-height:      18px;
  }

  th {
    padding:          4px 6px 2px 6px;
  }

  td {
    padding:          3px 6px 3px 6px;
  }

}


@media all and (min-width: 780px) {

  h1,
  div.category_title {
    margin:           19px 10px 10px 10px;
    font-size:        27px;
    line-height:      38px;
  }

  h2 {
    font-size:        22px;
    line-height:      31px;
  }

  h3 {
    font-size:        18px;
    line-height:      25px;
  }

  h4 {
    font-size:        15px;
    line-height:      21px;
  }

}


/*-----------------------------VIDEO----------------------------*/

div.page_top,
#top_image,
#category_video,
#page_video {
  overflow:         hidden;
  margin:           0px auto 30px auto;
  width:            240px;
  height:           270px;
  background-color: #695454;
  color:            #cbbcbc;
}

div.page_top {
  margin:           4vmax auto 4vmax auto;
}

.explain_template_mobile div.page_top {
  margin:           20px auto 20px auto !important;
  width:            240px !important;
  height:           270px !important;
}

.explain_template_desktop div.page_top {
  margin:           40px 80px 40px 80px !important;
}

div.page_top .explain_block_1,
div.page_top img.page_template_content,
div.page_top iframe.page_template_content,
div.page_top .page_template_content_video,
div.video,
img.top_image,
iframe.youtube,
iframe.vimeo,
iframe.bcove,
iframe.other_video {
  clear:            both;
  width:            240px;
  height:           135px;
  border:           0px;
  overflow:         hidden;
}

div.video div {
  overflow:         hidden;
}


div.page_top .explain_block_2,
div.page_top .page_template_content_html,
#top_image p,
#category_video p,
#page_video p {
  position:         absolute;
  transform:        translateY(-50%);
  top:              75%;
  left:             0px;
  box-sizing:       border-box;
  width:            100%;
  margin:           0px;
  padding:          10px 30px 10px 30px;
  text-align:       center;
  font-size:        18px;
  line-height:      28px;
}


@media all and (min-width: 500px) {

  div.page_top,
  #top_image,
  #category_video,
  #page_video {
    margin:           0px 10px 30px 10px;
    width:            auto;
    height:           135px;
  }

  div.page_top {
    margin:           4vmax 8vmax 4vmax 8vmax;
  }

  .explain_template_desktop div.page_top .explain_block_2,
  div.page_top .page_template_content_html,
  #top_image p,
  #category_video p,
  #page_video p {
    top:              50%;
    padding:          10px 30px 10px 270px;
  }

}


@media all and (min-width: 780px) {

  div.page_top,
  #top_image,
  #category_video,
  #page_video {
    height:           270px;
  }

  .explain_template_desktop div.page_top {
    height:           270px !important;
  }

  .explain_template_desktop div.page_top .explain_block_1,
  div.page_top img.page_template_content,
  div.page_top iframe.page_template_content,
  div.page_top .page_template_content_video,
  #top_image img.top_image,
  #category_video div.video,
  #category_video iframe.youtube,
  #category_video iframe.vimeo,
  #category_video iframe.bcove,
  #category_video iframe.other_video,
  #page_video div.video,
  #page_video iframe.youtube,
  #page_video iframe.vimeo,
  #page_video iframe.bcove,
  #page_video iframe.other_video  {
    clear:            both;
    width:            480px;
    height:           270px;
  }

  .explain_template_desktop div.page_top .explain_block_1 {
    z-index:          10;
  }

  .explain_template_desktop div.page_top .explain_block_2,
  div.page_top .page_template_content_html,
  #top_image p,
  #category_video p,
  #page_video p {
    padding:          10px 30px 10px 520px;
    font-size:        20px;
    line-height:      31px;
  }
}


@media all and (min-width: 1000px) {

  div.page_top img.page_template_content,
  div.page_top iframe.page_template_content,
  div.page_top .page_template_content_video,
  #top_image img.top_image,
  div.video,
  iframe.youtube,
  iframe.vimeo,
  iframe.bcove,
  iframe.other_video {
    clear:            both;
    width:            480px;
    height:           270px;
  }

  div.page_top .page_template_content_html,
  #top_image p,
  #category_video p,
  #page_video p {
    padding:          10px 60px 10px 550px;
  }

}


@media all and (min-width: 1200px) {

  div.page_top,
  #top_image,
  #category_video,
  #page_video {
    height:           405px;
  }

  div.page_top img.page_template_content,
  div.page_top iframe.page_template_content,
  div.page_top .page_template_content_video,
  #top_image img.top_image,
  #category_video div.video,
  #category_video iframe.youtube,
  #category_video iframe.vimeo,
  #category_video iframe.bcove,
  #category_video iframe.other_video,
  #page_video div.video,
  #page_video iframe.youtube,
  #page_video iframe.vimeo,
  #page_video iframe.bcove,
  #page_video iframe.other_video  {
    clear:            both;
    width:            720px;
    height:           405px;
  }

  div.page_top .page_template_content_html,
  #top_image p,
  #category_video p,
  #page_video p {
    padding:          10px 60px 10px 790px;
  }

}


/*-----------------------------BLOCKS----------------------------*/

#certification,
.inline_left, .inline-left, .inline_edge_left, .inline-edge-left,
.inline_right, .inline-right, .inline_edge_right, .inline-edge-right {
  margin:           15px auto 15px auto;
  max-width:        260px;
  float:            none !important;
  display:          block;
}

.float_clear, .float-clear {
  clear:            both;
}

.block {
  float:            left;
  width:            280px;
}

.block h2,
.inline_left h2, .inline-left h2, .inline_edge_left h2, .inline-edge-left h2,
.inline_right h2, .inline-right h2, .inline_edge_right h2, .inline-edge-right h2 {
  margin-top:       10px;
}


@media all and (min-width: 500px) {

  .inline_left, .inline-left, .inline_edge_left, .inline-edge-left {
    margin:           0px 15px 15px 15px;
    float:            left !important;
    display:          inline;
    max-width:        none;
  }

  #certification,
  .inline_right, .inline-right, .inline_edge_right, .inline-edge-right {
    margin:           0px 15px 15px 15px;
    float:            right !important;
    display:          inline;
    max-width:        none;
  }

  .inline_edge_left, .inline-edge-left {
    margin:           0px 15px 15px 0px;
  }

  .inline_edge_right, .inline-edge-right {
    margin:           0px 15px 0px 15px;
  }

}


/*-----------------------------LOGO SLIDESHOWS----------------------------*/

div.slideshow,
div.slideshow div {
  width:            160px;
  height:           160px;
  overflow:         hidden;
}

div.slideshow img {
  display:          block;
  margin:           0px auto 0px auto;
}


/*-----------------------------IMAGE GRID----------------------------*/

div.image_grid {
  margin:           0px auto 0px auto;
  text-align:       center;
  padding:          42px;
  overflow:         visible;
}

div.image_grid img {
  display:          inline-block;
}

div.image_grid div.container {
  display:          inline-block;
  vertical-align:   top;
  width:            80px;
  height:           80px;
  padding:          3px;
  overflow:         visible;
  text-align:       center;
}

div.image_grid div.popup {
  display:          none;
  z-index:          10;
  width:            160px;
  height:           160px;
  padding:          3px;
  position:         absolute;
  top:              -40px;
  left:             -40px;
  border:           1px solid #000000;
  background-color: #ffffff;
  text-align:       center;
  overflow:         visible;
}

div.image_grid div.container:hover div.popup {
  display:          block;
}


/*-----------------------------GALLERY----------------------------*/

#gallery_sortable,
#product_order_sortable,
.gallery {
  text-align:       center;
  clear:            both;
  margin:           0px;
  padding:          0px;
  margin:           0px 0px 0px 5px;
}

#product_order_sortable {
  margin-right:     10px;
}

#gallery_sortable,
#product_order_sortable {
  list-style-type:  none;
}

#gallery_sortable li {
  margin:           0px;
  padding:          0px;
  float:            left;
}

.gallery img {
  width:            65px;
  height:           100px;
  border:           1px solid #000000;
  margin:           5px 0px 5px 5px;
  border-color:     #0d0504;
}

.gallery a:hover img,
.gallery a.selected img {
  border-color:     #85dce6;
}

@media all and (min-width: 500px) {

  .gallery img {
    width:            130px;
    height:           200px;
    margin:           10px 10px 10px 5px;
  }

}


/*-----------------------------CATALOGUE----------------------------*/

div.category_title {
  position:         relative;
  padding:          0px 85px 0px 85px;
  overflow:         visible;
}

div.category_title a.button_back {
  position:         absolute;
  left:             0px;
}

div.category_title h1 {
  margin:           0px;
}

a.catalogue,
li.catalogue {
  display:          block;
  position:         relative;
  margin:           20px auto 20px auto;
  height:           279px;
  width:            210px;
  border:           1px solid #cccccc;
  background-color: #ffffff;
  text-decoration:  none;
  text-align:       center;
  line-height:      276px;
  overflow:         hidden;
}

a.mini_site {
  width:            75%;
  height:           141px;
  line-height:      120px;
}

a.category {
  height:           237px;
  line-height:      220px;
}


a.catalogue img,
li.catalogue img {
  vertical-align:   middle;
}

a.catalogue span.certifications,
a.catalogue span.description,
a.catalogue span.price,
li.catalogue span.certifications,
li.catalogue span.description,
li.catalogue span.price {
  box-sizing:       border-box;
  display:          block;
  position:         absolute;
  left:             0px;
  width:            100%;
  padding:          3px;
}

a.catalogue span.certifications,
li.catalogue span.certifications {
  top:              0px;
  text-align:       right;
  line-height:      32px;
  z-index:          10;
}

a.catalogue span.certifications img,
li.catalogue span.certifications img {
  vertical-align:   top;
  padding:          1px;
}

a.catalogue span.description,
a.catalogue span.price,
li.catalogue span.description,
li.catalogue span.price {
  text-align:       center;
  text-decoration:  none;
  font-size:        10px;
  line-height:      13px;
  background-color: #dddddd;
  color:            #000000;
  opacity:          0.85;
  filter:           alpha(opacity=85); /* For IE8 and earlier */
}

a.catalogue:hover span.description,
a.catalogue:hover span.price,
li.catalogue:hover span.description,
li.catalogue:hover span.price {
  text-decoration:  none;
  color:            #ffffff;
  background-color: #0d0504;
}

a.catalogue:hover,
li.catalogue:hover {
  border-color:     #0d0504;
}

a.catalogue span.description,
li.catalogue span.description {
  bottom:           20px;
}

a.catalogue span.price,
li.catalogue span.price,
a.mini_site span.description,
a.category span.description {
  bottom:           0px;
  height:           19px;
}


@media all and (min-width: 500px) {

  a.catalogue,
  li.catalogue {
    display:          inline-block;
    margin:           10px;
  }

  a.mini_site {
    display:          block;
    position:         relative;
    margin:           20px auto 20px auto;
  }

}


/*-----------------------------PRODUCT PAGE----------------------------*/

#product {
  clear:            both;
}

#product h2 {
  margin-top:       0px;
  padding-top:      10px;
}

#product_overview {
  max-width:        260px;
  margin:           15px auto 10px auto;
}

#product_overview,
#product_zoom_container,
#product_zoom {
  display:          auto;
  overflow:         visible;
}

#product_zoom_container {
  padding:          0px 5px 0px 5px;
}

#product_zoom_container .zoomPad {
  float:            right;
}

#product_videos,
#product_thumbs,
#product_certifications {
  margin:           0px;
  display:          block;
  clear:            right;
  text-align:       center;
}

#product_videos iframe,
#product_videos div.video,
#product_thumbs li,
#product_certifications a {
  display:          inline-block;
  padding:          0px;
  margin:           5px;
  border:           0px;
  vertical-align:   middle;
}

#products_form {
  float:            left;
  width:            100%;
}

#products_form table {
  margin:           0px;
  width:            100%;
}

#available_colours td {
  vertical-align:   middle;
}

span.colour_swatch {
  display:          inline-block;
  width:            20px;
  height:           20px;
  vertical-align:   middle;
}

img.colour_swatch {
  max-width:        32px;
  max-height:       32px;
  vertical-align:   middle;
}

#product_form_fields {
  margin-left:      10px;
}

#products_form_table {
  margin:           18px 10px 18px 10px;
}

#products_form_table td {
  font-size:        10px;
}

#products_form_table input[type=submit] {
  padding:          0px 8px 0px 8px;
  line-height:      24px;
}


#product_description {
  clear:            both;
}

div.product_description_no_paragraph {
  margin:           4px 10px 10px 10px;
}

div.product_description_no_paragraph ul {
  margin-left:      17px
}

#product_zoom_image {
  max-width:        250px;
}

#product_thumbs li img {
  max-width:        50px;
}


@media all and (min-width: 600px) {

  #product_overview {
    float:            right;
    width:            auto;
    margin:           15px 5px 10px 10px;
  }

  #product_description {
    clear:            left;
  }

  #product_videos,
  #product_thumbs,
  #product_certifications {
    text-align:       right;
  }

}

@media all and (min-width: 780px) {

  #products_form {
    width:            auto;
  }

  #products_form_table td.description {
    max-width:        135px;
  }

  #product_thumbs li img {
    max-width:        75px;
  }

}

@media all and (min-width: 1000px) {

  #product_overview {
    max-width:        510px;
  }

  #product_zoom_image {
    max-width:        none;
  }

  #product_thumbs li img {
    max-width:        100px;
  }

}

@media all and (max-width: 620px) {

  #product_zoom div.zoomWindow, div.zoomPup {
    display:          none !important;
  }

  #product_zoom div.zoomPad {
    cursor:           default;
  }

}


/*-----------------------------CART/CHECKOUT----------------------------*/

#additional_notes_form {
  width:            320px;
}

#additional_notes_form textarea {
  max-width:        257px;
}

#receipt {
  margin:           20px auto 10px auto;
}

#receipt,
form.cart_form {
  max-width:        800px;
}

#put_sage,
form.cart_form {
  margin:           30px auto 0px auto;
  padding:          0px;
}

#put_sage fieldset {
  padding:          0px;
}

#put_sage .inline_left,
#put_sage .inline_right,
#receipt .inline_left,
#receipt .inline_right {
  margin:           0px auto 5px 0px;
}

table.cart_contents,
table.sage_pay_basket {
  width:            100%;
  margin-left:      0px;
  margin-right:     0px;
}

table.sage_pay_basket td,
table.cart_contents td {
  height:           auto;
  padding:          4px 4px 2px 4px;
  font-size:        10px;
  line-height:      14px;
}

table.sage_pay_basket th,
table.cart_contents th {
  height:           auto;
  padding:          3px 4px 3px 4px;
  font-size:        10px;
  line-height:      14px;
}

table.sage_pay_basket td.right,
table.cart_contents td.right,
table.sage_pay_basket th.right,
table.cart_contents th.right {
  width:            1%;
}

table.cart_contents div.cart_delete_button {
  padding-top:       2px;
}

table.sage_pay_basket th,
table.cart_contents th {
  color:            #0d0504;
  border:           1px solid #bbbbbb;
  border-width:     0px 0px 1px 0px;
}

table.sage_pay_basket tr.total th,
table.cart_contents tr.cart_item_total th,
table.cart_contents tr.cart_item_postage th {
  border:           1px solid #bbbbbb;
  border-width:     1px 0px 0px 0px;
}

table.cart_contents tr.cart_item_postage td {
  text-align:       right;
}

table.sage_pay_basket tr.total_2 th,
table.sage_pay_basket tr.total_3 th,
table.cart_contents tr.cart_item_last_total th {
  border-width:     0px;
}

table.sage_pay_basket th,
table.cart_contents th {
  background-color: transparent;
}

table.cart_contents tr.cart_item_0,
table.cart_contents tr.cart_item_1 {
  background-color: #ffffff;
}

table.cart_contents tr.cart_item_hover,
table.cart_contents tr.cart_item_hover a {
  background-color: #85dce6;
  color:            #ffffff;
}

table.cart_contents tr.cart_item_problem,
table.cart_contents tr.cart_item_problem a,
div.cart_buy_button_problem {
  background:       #ffaaaa;
  color:            #444444;
}

table.cart_contents tr.cart_item_success,
table.cart_contents tr.cart_item_success a,
div.cart_buy_button_success {
  background-color: #aaffaa;
  color:            #444444;
}

table.cart_contents div.cart_update_button input[type=text] {
  max-width:        20px;
}

.cart_problems {
  border:           2px solid #0d0504;
  border-radius:    5px;
  margin:           20px;
  padding:          20px;
  background-color: #faf7f2;
  color:            #0d0504;
  text-align:       center;
  font-weight:      bold;
}

#cart_buttons {
  margin:           0px;
  text-align:       center;
}

#cart_buttons input[type=submit],
table.cart_contents div.cart_update_button input[type=submit] {
  margin:           4px 2px 4px 2px;
}

table.cart_contents div.cart_update_button input[type=submit] {
  line-height:      20px;
}

#postage_service_form option {
  vertical-align:   middle;
}

@media all and (min-width: 500px) {

  table.sage_pay_basket td,
  table.cart_contents td {
    padding:          3px 6px 3px 6px;
  }

  table.sage_pay_basket th,
  table.cart_contents th {
    padding:          4px 6px 2px 6px;
  }

  #receipt .inline_left,
  #put_sage .inline_left {
    margin:           0px 10px 5px 0px;
  }

  #receipt .inline_right,
  #put_sage .inline_right {
    margin:           0px 0px 5px 10px;
  }

}

@media all and (min-width: 620px) {

  #cart_buttons input[type=submit],
  table.cart_contents div.cart_update_button input[type=submit] {
    margin:           4px 5px 4px 5px;
  }

  table.sage_pay_basket td,
  table.cart_contents td,
  table.sage_pay_basket th,
  table.cart_contents th {
    font-size:        12px;
    line-height:      17px;
  }

}


/*-----------------------------TEMPLATES----------------------------*/

div.page_template {
  clear:            both;
  display:          flex;
  flex-direction:   row;
  flex-wrap:        wrap;
  justify-content:  space-evenly;
  align-items:      stretch;
  margin:           2vmax -10px 2vmax -10px;
}

div.explain_template_desktop div.page_template {
  margin:           10px 0px 10px 0px;
}
div.explain_template_mobile div.page_template {
  margin:           20px 0px 20px 0px;
}

div.page_template_white {
  background-color: #ffffff;
}

div.page_template_mushroom {
  background-color: #cbbcbc;
}

div.page_template_cream {
  background-color: #fAf7f2;
}

div.page_template_brown {
  background-color: #695454;
}

div.page_template_colour_a {
  background-color: #0d0504;
}

div.page_template_colour_b {
  background-color: #85dce6;
}

div.page_template div.m_flex_1,
div.page_template div.m_flex_23,
div.page_template div.m_flex_34,
div.page_template div.m_flex_2,
div.page_template div.m_flex_3,
div.page_template div.m_flex_4,
div.page_template div.d_flex_1,
div.page_template div.d_flex_2,
div.page_template div.d_flex_3,
div.page_template div.d_flex_4 {
  display:          flex;
  align-items:      center;
  box-sizing:       border-box;
  padding:          2vmax 8vmax 2vmax 8vmax;
}

div.page_template div.m_flex_5,
div.page_template div.m_flex_6,
div.page_template div.d_flex_5,
div.page_template div.d_flex_6 {
  display:          flex;
  align-items:      center;
  box-sizing:       border-box;
  padding:          2vmax 4vmax 2vmax 4vmax;
}

div.page_template div.banner {
  display:          flex;
  align-items:      center;
  box-sizing:       border-box;
  padding:          0vmax 4vmax 2vmax 4vmax;
}

div.explain_template_desktop div.m_flex_1,
div.explain_template_desktop div.m_flex_23,
div.explain_template_desktop div.m_flex_34,
div.explain_template_desktop div.m_flex_2,
div.explain_template_desktop div.m_flex_3,
div.explain_template_desktop div.m_flex_4,
div.explain_template_desktop div.d_flex_1,
div.explain_template_desktop div.d_flex_2,
div.explain_template_desktop div.d_flex_3,
div.explain_template_desktop div.d_flex_4 {
  display:          flex;
  align-items:      center;
  box-sizing:       border-box;
  padding:          20px 80px 20px 80px;
}

div.explain_template_desktop div.m_flex_5,
div.explain_template_desktop div.m_flex_6,
div.explain_template_desktop div.d_flex_5,
div.explain_template_desktop div.d_flex_6 {
  display:          flex;
  align-items:      center;
  box-sizing:       border-box;
  padding:          20px 40px 20px 40px;
}

div.explain_template_desktop div.banner {
  display:          flex;
  align-items:      center;
  box-sizing:       border-box;
  padding:          0px 40px 20px 40px;
}

div.explain_template_mobile div.m_flex_1,
div.explain_template_mobile div.m_flex_23,
div.explain_template_mobile div.m_flex_34,
div.explain_template_mobile div.m_flex_2,
div.explain_template_mobile div.m_flex_3,
div.explain_template_mobile div.m_flex_4,
div.explain_template_mobile div.d_flex_1,
div.explain_template_mobile div.d_flex_2,
div.explain_template_mobile div.d_flex_3,
div.explain_template_mobile div.d_flex_4 {
  display:          flex;
  align-items:      center;
  box-sizing:       border-box;
  padding:          10px 40px 10px 40px;
}

div.explain_template_mobile div.m_flex_5,
div.explain_template_mobile div.m_flex_6,
div.explain_template_mobile div.d_flex_5,
div.explain_template_mobile div.d_flex_6 {
  display:          flex;
  align-items:      center;
  box-sizing:       border-box;
  padding:          10px 20px 10px 20px;
}

div.explain_template_mobile div.banner {
  display:          flex;
  align-items:      center;
  box-sizing:       border-box;
  padding:          0px 40px 20px 40px;
}

div.flexible,
div.square,
div.circle,
div.sixteen_by_nine,
div.nine_by_sixteen {
  box-sizing:       border-box;
  display:          flex;
  align-items:      center;
  width:            100%;
  height:           0px;
}

div.flexible {
  height:           100%;
}

div.square {
  padding-bottom:   100%;
}

div.circle {
  padding-bottom:   100%;
  border-radius:    50%;
}

div.sixteen_by_nine {
  padding-bottom:   56.25%;
}

div.nine_by_sixteen {
  padding-bottom:   177.78%;
}


div.flexible .page_template_content {
  width:            100%;
}

div.square .page_template_content,
div.circle .page_template_content,
div.sixteen_by_nine .page_template_content,
div.nine_by_sixteen .page_template_content {
  border:           none;
  position:         absolute;
  top:              0px;
  left:             0px;
  width:            100%;
  height:           100%;
  overflow:         hidden;
}

div.square img.page_template_content,
div.circle img.page_template_content,
div.sixteen_by_nine img.page_template_content,
div.nine_by_sixteen img.page_template_content {
  object-fit:       cover;
}

iframe.page_template_content {
  background-color: #000000;
}

div.page_template_content img.main_image,
div.page_template_content:hover img.dual_image {
  transition:       opacity 1s;
  opacity:          1;
}

div.page_template_content:hover img.main_image,
div.page_template_content img.dual_image {
  transition:       opacity 1s;
  opacity:          0;
}

div.flexible img.dual_image {
  position:         absolute;
  top:              0px;
  left:             0px;
}

div.explain_template_mobile {
  width:            320px;
}

div.explain_template_desktop,
div.explain_template_mobile {
  border:           1px solid #bbbbbb;
  border-radius:    10px;
  background-color: #dddddd;
}

div.explain_template_desktop div.page_top .page_template_content,
div.explain_template_mobile div.page_top .page_template_content,
div.explain_template_desktop .circle,
div.explain_template_mobile .circle,
div.explain_template_desktop .square,
div.explain_template_mobile .square,
div.explain_template_desktop .sixteen_by_nine,
div.explain_template_mobile .sixteen_by_nine,
div.explain_template_desktop .nine_by_sixteen,
div.explain_template_mobile .nine_by_sixteen,
div.explain_template_desktop .flexible,
div.explain_template_mobile .flexible {
  box-sizing:       border-box;
  border:           1px solid #111111;
  background-color: #ffffff;
}

div.explain_template_desktop .flex_block_name,
div.explain_template_mobile .flex_block_name {
  text-align:       center;
  margin:           15px 0px 15px 0px;
  font-size:        16px;
  line-height:      22px;
}


@media all and (max-width: 781px) {

  div.explain_template_desktop div.page_template div.banner,
  div.page_template div.banner,
  div.explain_template_desktop div.page_template div.d_flex_1,
  div.page_template div.m_flex_1 {
    flex:             0 0 100%;
  }

  div.explain_template_desktop div.page_template div.d_flex_34,
  div.page_template div.m_flex_34 {
    flex:             0 0 75%;
  }

  div.explain_template_desktop div.page_template div.d_flex_23,
  div.page_template div.m_flex_23 {
    flex:             0 0 66%;
  }

  div.explain_template_desktop div.page_template div.d_flex_2,
  div.page_template div.m_flex_2 {
    flex:             0 0 50%;
  }

  div.explain_template_desktop div.page_template div.d_flex_3,
  div.page_template div.m_flex_3 {
    flex:             0 0 33.3%;
  }

  div.explain_template_desktop div.page_template div.d_flex_4,
  div.page_template div.m_flex_4 {
    flex:             0 0 25%;
  }

  div.explain_template_desktop div.page_template div.d_flex_5,
  div.page_template div.m_flex_5 {
    flex:             0 0 20%;
  }

  div.explain_template_desktop div.page_template div.d_flex_6,
  div.page_template div.m_flex_6 {
    flex:             0 0 16.6%;
  }

  div.explain_template_desktop div.page_template div.d_order_1,
  div.page_template div.m_order_1 {
    order:            1;
  }

  div.explain_template_desktop div.page_template div.d_order_2,
  div.page_template div.m_order_2 {
    order:            2;
  }

  div.explain_template_desktop div.page_template div.d_order_3,
  div.page_template div.m_order_3 {
    order:            3;
  }

  div.explain_template_desktop div.page_template div.d_order_4,
  div.page_template div.m_order_4 {
    order:            4;
  }

  div.explain_template_desktop div.page_template div.d_order_5,
  div.page_template div.m_order_5 {
    order:            5;
  }

  div.explain_template_desktop div.page_template div.d_order_6,
  div.page_template div.m_order_6 {
    order:            6;
  }

}


@media all and (min-width: 780px) {

  div.explain_template_mobile div.page_template div.banner,
  div.page_template div.banner,
  div.explain_template_mobile div.page_template div.m_flex_1,
  div.page_template div.d_flex_1 {
    flex:             0 0 100%;
  }

  div.explain_template_mobile div.page_template div.m_flex_34,
  div.page_template div.d_flex_34 {
    flex:             0 0 75%;
  }

  div.explain_template_mobile div.page_template div.m_flex_23,
  div.page_template div.d_flex_23 {
    flex:             0 0 66%;
  }

  div.explain_template_mobile div.page_template div.m_flex_2,
  div.page_template div.d_flex_2 {
    flex:             0 0 50%;
  }

  div.explain_template_mobile div.page_template div.m_flex_3,
  div.page_template div.d_flex_3 {
    flex:             0 0 33.3%;
  }

  div.explain_template_mobile div.page_template div.m_flex_4,
  div.page_template div.d_flex_4 {
    flex:             0 0 25%;
  }

  div.explain_template_mobile div.page_template div.m_flex_5,
  div.page_template div.d_flex_5 {
    flex:             0 0 20%;
  }

  div.explain_template_mobile div.page_template div.m_flex_6,
  div.page_template div.d_flex_6 {
    flex:             0 0 16.6%;
  }

  div.explain_template_mobile div.page_template div.m_order_1,
  div.page_template div.d_order_1 {
    order:            1;
  }

  div.explain_template_mobile div.page_template div.m_order_2,
  div.page_template div.d_order_2 {
    order:            2;
  }

  div.explain_template_mobile div.page_template div.m_order_3,
  div.page_template div.d_order_3 {
    order:            3;
  }

  div.explain_template_mobile div.page_template div.m_order_4,
  div.page_template div.d_order_4 {
    order:            4;
  }

  div.explain_template_mobile div.page_template div.m_order_5,
  div.page_template div.d_order_5 {
    order:            5;
  }

  div.explain_template_mobile div.page_template div.m_order_6,
  div.page_template div.d_order_6 {
    order:            6;
  }

}


/*-----------------------------CONTACT US----------------------------*/

#contact_us_form {
  margin:           0px;
  max-width:        350px;
}

#contact_us_form fieldset th {
  width:            auto;
}

#contact_us_form fieldset {
  margin-top:       0px;
}


@media all and (min-width: 620px) {

  #contact_us_form {
    max-width:        600px;
    width:            60%;
  }

  #contact_us_address {
    width:            38%;
    float:            right;
  }

  #contact_us_form input[type=text],
  #contact_us_form textarea {
    max-width:        240px;
  }

}


@media all and (min-width: 1000px) {

  #contact_us_form input[type=text],
  #contact_us_form textarea {
    max-width:        none;
  }

}


/*-----------------------------ADMIN SYSTEM----------------------------*/

#object_filter fieldset th {
  min-width:        50px;
  width:            auto;
}

tr.sh td, tr.sh a {
  background-color: #85dce6;
  color:            #ffffff;
}

#tick_delete_list {
  max-width:        none;
  margin-left:      0px;
}

#product_order_prompt {
  margin:           10px auto 10px auto;
  width:            auto;
}

#product_order_prompt th {
  width:            auto;
}

table.object_list td.buttons {
  border-width:     0px;
}


/*-----------------------------PRIVACY POLICY----------------------------*/

#privacy_policy {
  padding-top:      25px;
}

#privacy_policy td,
#privacy_policy th {
  padding:          10px;
}

#privacy_policy th {
  color:            #666666;
}

#privacy_policy ol {
  list-style:       decimal outside;
}

#privacy_policy ol ol {
 list-style:        lower-alpha outside;
}

#privacy_policy ol li {
  margin:           10px;
  padding-left:     13px;
}


/*-----------------------------MISC----------------------------*/

div.notification {
  margin:           24px 20px 24px 10px;
  padding:          10px;
  border:           0px solid #bbbbbb;
  border-radius:    5px;
  vertical-align:   top;
  background-color: #e34f35;
  color:            #ffffff;
}

div.notification h2 {
  margin-top:       10px;
  color:            #ffffff;
}

div.form_field_image-file_image img {
  height:           150px !important;
}

#floatbox_body .no_floatbox {
  display:          none !important;
}

#authentication_login_form {
  margin:           10px auto 10px auto;
  max-width:        470px;
}

#dynamic_th_form th,
#employee_select_form th {
  width:            auto;
}

div.zopim {
  z-index:          200 !important;
}

#wide_form {
  max-width:        none;
}

div.tabs_tabs {
  height:           500px;
}

@media all and (max-width: 500px) {

  table.mobile_collapse,
  table.mobile_collapse tbody,
  table.mobile_collapse tr,
  table.mobile_collapse th,
  table.mobile_collapse td {
    display:        block;
    height:         auto !important;
    width:          auto !important;
  }


}
</pre></body></html>