/*Club-Sites*/
body {
position: static;
width: 100%;
margin: 0;
padding: 0;
color: #666;
 background:transparent;
text-decoration: none;
font: normal normal normal 100% "Muli",Arial,sans-serif;
-webkit-font-smoothing: antialiased;
}
 #banner {
z-index: -1;
}
 #canvas {
position: static;
width: 100%;
max-width: none;
margin: 0 auto;
height: auto !important;
background: transparent;
}
#canvasf .leftb p {
background: transparent;
text-align: right;
}
#canvasf .leftb h4 {
color: #EEEEEE;
text-align: right;
}
#hitcounter {
 padding: 0px;
}
 #header {
background: radial-gradient( #E9DA1F, #fff )fixed top center;
padding: 20px 0 60px 0;
width:auto;
max-width: 100%;
}
 #header img {
position: static;
float: none;
margin: 0;
width: 9%;
}
 #header img.logo {
position: static;
float: left;
margin: 0;
/*width: 9%;*/
}
 #header img.logor {
margin: 0 0 0 10px;
}
 #header p.title {
color: #00529B;
background: transparent;
font-weight: bold;
margin: 0 auto;
font-size: 2.5em;
font-style: normal;
text-align: center;
padding: 0;
font-family: "Times New Roman",serif;
}
 #header p.title a {
text-decoration: none;
color: #00529B;
background: transparent;
}
 #header p.title a:hover {
color: #888;
background: transparent;
}
 #header p.title img {
 height: 100px;
 width:auto;
 max-width:100%;
}
 #header p.byeline {
color: #897A63;
background: #FFF;
font-size: 1.1em;
font-weight:bold;
text-align: left;
padding: 0 10px 10px 110px;
font-family: "Times New Roman",serif;
/*text-transform: uppercase;*/
}
 p.privacy {
 float: right;
 margin:0 20px;
}
#header p img {
float: none;
}
 #socialmedia {
top: 10px;
right: 30px;
}
 #search {
position: relative;
top: 0;
left: 0;
margin-left: 3px;
float: right;
}
 #search form {
float: left;
}
 #menubar {
position: relative;
width: 100%;
max-width: 1100px;
padding: 10px 0 0;
margin: 0 auto;
color: #000;
background: #FFF;
clear: both;
height: auto;
text-transform: none;
font-size: 15px;
 }
 #crumbs {
position: relative;
top: 0;
left: 10px;
padding: 0;
}
 #crumbs img {
position: relative;
top: -5px;
float: right;
margin: 0;
}
/*;font-family:"Times New Roman",serif}*/
#menu {
float: none;
}
/*Slide Show*/
#mainpicouter {
margin: 0 auto 20px;
padding-top: 10px;
max-width: 1100px !important;
}
 #mainpic {
top: 0;
right: 0;
}
#mainpicinner img {
right: 0;
}
#slidecaption {
 left: 3%;
 top: 10%;
 bottom: auto;
 height: 80%;
 width: 100%;
 min-width: 20%;
 max-width: 35%;
padding: 0.5% 1%;
 color: #E5215E;
 background-color: #FFF;
 border: 1px solid #DDD;
 opacity: 0.8;
 overflow: visible;
animation-name: captions;
animation-duration: 4s;
}
@keyframes captions {
from {opacity: 0;}
to {opacity: 0.8;}
}
#slidecaption.vcentre {
display: table;
}
#slidecaphd {
 position: relative;
 top: 0;
 left: 0;
 margin: 0;
 padding: 0 0 5px;
color: #E5215E;
 background: transparent;
 font-weight:normal;
 opacity: 1;
font-size: 2.5em;
xfont-size: 3.5vw;
}
#slidecaptxt {
 color: #E5215E;
 background: transparent;
 font-size: 1.5em;
 xfont-size: 2.0vw;
font-weight:normal;
}
 #menupic {
display: block;
position: relative;
top: 0;
left: 0 !important;
width: 100%;
min-width: 120px;
margin: 0;
padding: 0 0 20px;
}
 #mpic {
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
 #menupic img {
border: 1px solid #DDD;
margin: 0;
padding: 0;
}
 #content {
position: relative;
width: 100%;
min-width: 120px;
max-width: 1100px;
background: #FFF;
margin: 0 auto;
padding: 10px 10px 0;
overflow: visible;
clear: both;
}
 #content p {
line-height: 145%;
}
 #fright {
float: right;
width: 40%;
margin: 0 0 0 10px;
padding: 10px;
color: #666;
background: #FFF;
font-size: 1em;
border: 1px solid #CCC;
border-radius: 8px;
z-index: 1;
}
 #fright h2 {}
 #fright p {
line-height: 145% !important;
}
 div.pr1m {
float: left;
height: 180px;
width: 20%;
border: 1px solid #CCC;
}
 div.pr1m img {
height: auto;
width: 100%;
}
 #leftb {
position: relative !important;
bottom: 10px;
width: 220px;
margin-left: auto;
margin-right: auto;
text-align: center;
z-index: 1;
}
 /*
#content>div, #content>p, #content>h1, #content>h2, #content>h3, #content>h4, #content>h5, #content>h6, #content>ul, #content>ol, #content>table, #content>pre, #content>address, #content>blockquote, #content>dl, #content>form, #content>hr, #content>table {
 max-width: 1100px;
 margin: 0 auto;
}
*/
 a.external:hover {
text-decoration: none;
border-bottom: 1px dashed;
}
 .left {
text-align: left;
}
 .right {
text-align: right;
}
 .centre,
input.monoc {
text-align: center;
}
 .fl,
img.left {
float: left;
margin-left: 0;
margin-right: 10px;
padding: 0;
}
 img.centre {
margin-left: 0;
margin-right: 0;
}
 .fr,
img.right {
float: right;
margin-left: 10px;
margin-right: 0;
padding: 0;
}
 img.top {
margin: 0;
vertical-align: top;
}
 img.leftm,
span.left {
float: left;
}
 img.rightm,
span.right {
float: right;
}
 form {
clear: both;
text-align: center;
padding: 0;
}
 input.form,
input.forml,
p.form,
select.form,
textarea.form {
float: right;
width: 50%;
font: 0.9em sans-serif;
margin: 2px 0 2px 10px;
padding: 0 0 0 4px;
}
 input.readonly {
float: right;
width: 50%;
border: none;
font: 0.9em sans-serif;
margin: 2px 0 2px 10px;
padding: 0 0 0 4px;
}
/*COMMON*/
div.clr,
div.form label {
clear: both;
}
 div.page {
page-break-before: always;
}
 p {
margin: 0;
padding: 0 0 8px;
letter-spacing: 0;
text-align: justify;
}
 div.column h1 {
 color: #fd1200;
 background: transparent;
 font-size: 2em;
 padding: 20px 6px 5px 0px;
 font-weight: normal;
 font-style: normal;
 Width:300px;
}
div.column h2 {
 color: #3c3939;
 background: #fbf9f9;
 padding: 10px 6px 0 0;
 width:auto;
 box-shadow: 1px 1px #c6c4c4;
}
 div.column h3 {
 color: #666;
 padding: 0px 6px 5px 0;
 width:auto;
 font-size:1.5em;
}
div.column h4 {
 color: red;
 padding: 0px 6px 0 0;
 width:auto;
 font-size:1.3em;
}
 div.column {
 padding: 0 20px 10px 20px;
 font-size: 100%;
 vertical-align: top;
}
div.column p {
 margin: 0;
padding: 0 0 8px;
letter-spacing: 0;
text-align: justify;
}
div.column h6 {
 color: blue;
 font-size: 100%;
 }
 .colour {
color: #ED155B !important;
background: transparent;
}
 .min {
margin: 0;
padding: 0;
}
 .small {
font-size: 0.85em;
}
 .smaller {
font-size: 0.5em;
}
 .large {
font-size: 1.3em;
}
 .warning {
color: #900;
background: transparent;
font-size: 0.85em;
padding: 3px 0;
text-align: center;
}
 blockquote {
font-style: italic;
font-size: 0.9em;
margin: 0 5%;
padding: 0 0 8px;
text-align: center;
}
 kbd {
font: normal normal 100% verdana,arial,geneva,helvetica,sans-serif;
}
/*SELECTABLE STYLES - END*/
marquee {
width: 100%;
}
 #marquee {
position: relative;
width: 100%;
margin: 0 auto;
overflow: hidden;
}
 #scroll {
position: relative;
left: 100%;
white-space: nowrap;
color: #00529B;
background: transparent;
font-size:medium;
bottom:5px;
}
 .bgc td, td.bgc {
 color: #000;
 background-color: #f2f2f2 !important;
}
 .bgc1 td, td.bgc1 {
 color: #000;
 background-color: #E9DA1F !important;
}
 .bgc2 td, td.bgc2 {
 color: #bdbdbd;
 background-color: #212121 !important;
}
 .bgc3 td, td.bgc3 {
 color: #000;
 background-color: #B5ECB5 !important;
}
 h1,
h2,
h3,
h4,
h5,
h6 {
border: none;
font-style: normal;
font-weight: normal;
margin: 0;
text-align: left;
text-decoration: none;
vertical-align: middle;
}
 h1 {
color: #239c09;
font-size: 3.5em;
font-weight:100;
padding: 10px 0;
line-height:1.1;
background: transparent;
}
 h2 {
color: #157800;
font-size: 2.5em;
padding: 0 0 5px;
background: transparent;
}
 h3 {
color: #157800;
font-size: 2.0em;
padding: 0 0 3px;
background: transparent;
}
h4 {
color: #666;
font-size: 1.6em;
padding: 0 0 3px;
background: transparent;
}
 h5 {
font-size: 1.4em;
color: #157800;
background: transparent;
}
 h6 {
font-size: 1em;
color: #666;
background: transparent;
font-style: italic;
font-weight: normal;
}
 input.form,
select.form,
textarea.form {
border: 1px solid #AAA;
color: #000;
background: transparent;
}
 #content div.form {
position: relative;
left: 0;
color: #666;
background: #FFF;
font-weight: normal;
text-align: left;
border: 1px solid #AAA;
margin: 10px auto 0;
max-width: 700px;
padding: 10px;
width: 100%;
}
 a {
text-decoration: none;
}
 a:link {
color: #359B3D;
background: transparent;
}
 a:visited {
color: #359B3D;
background: transparent;
}
 a:hover {
color: #359B3D;
background: transparent;
text-decoration: underline;
}
 a:active {
color: #666;
background: transparent;
}
 a.button {
 color: #3c3939;
 background: #fbf9f9;
 padding: 15px 20px 10px 20px;
 font-style:normal;
 font-size: 100%;
 box-shadow: 1px 1px #c6c4c4 ;
 vertical-align: middle;
 border:none;
 margin:0!important;
}
#index a.button {
height: 200px !important;
}
 a.button:hover,
a.button:hover:not([disabled]),
input.button:hover:not([disabled]) {
background: radial-gradient(#E9DA1F, #fff)fixed top center;
}
hr {
color: #666;
height: 1px;
margin: 0;
padding: 0;
width: 100%;
background: transparent;
}
 ul {
list-style: none;
height: auto;
}
ol {
list-style-position: inside;
}
ol,
ul {
letter-spacing: 0;
text-align: left;
margin: 0 10px 5px 30px;
padding: 0;
}
 ol li {
font-size: 1em;
margin: 0;
padding: 0 0 0 2px;
line-height: 130%;
}
 ul li {
font-size: 1em;
background: white url("/images/bullet.gif") no-repeat 0 3px;
line-height: 20px;
margin: 0;
padding: 3px 10px 3px 30px;
}
 ul li a {
padding-left: 0;
}
 dd,
dl,
dt {
color: #669;
background: transparent;
font-weight: normal;
letter-spacing: 0;
margin: 0;
padding: 5px 10px 0;
text-decoration: none;
}
 dt {
list-style: url("/images/bullet.gif");
}
 dd {
padding: 5px 20px 0;
}
 b,
strong {
font-weight: bold;
}
 .centre {
text-align: center;
}
/*POSITION CONTROL*/
/*NAVIGATION - HORIZONTAL*/
#nav,
#nav li {
list-style: none;
margin: 0 auto;
width:auto;
max-width:1100px;
padding: 0;
line-height: 20px;
text-align:center;
}
 #menu>ul li {
display: inline-block;
float: none;
min-width: 50px;
max-width: 100px;
text-align: center;
margin: 0 1px;
padding: 4px;
line-height: 1em;
min-height: 1em;
background-image: none;
}
 #nav a {
 display: block;
 width: auto;
 text-decoration: none;
}
#nav li a {
float: none;
color: #000;
background: transparent;
border: none;
text-decoration: none;
/*padding-left: 0.5em;
padding-right: 0.5em;*/
white-space: normal;
}
 #nav li a:hover {
color: #2E9A41;
background: transparent url("/images/menbg.gif") repeat-x;
 }
 #nav li a span {
display: none;
position: absolute;
top: -25px;
left: 10px;
min-height: 1em;
width: 60%;
padding: 0;
text-align: left;
color: #000;
background: transparent;
/*font-weight: bold;*/
z-index: 0;
}
 #nav li a:hover span {
display: block;
z-index: 120;
}
/*NAVIGATION - DROPDOWN (JavaScript required)*/
#nav li ul {
position:absolute;
left:-999em;
height:auto;
width:10.5em;
font-weight:normal;
margin:0;
padding:0;
background-color:#fff;
font-size:85%;
z-index:220;
}
#nav li li {
min-width: 50px;
max-width: 200px;
margin: 0;
min-height: 1em;
padding: 5px 0;
width:200px;
line-height:100%;
}
#nav li li {
 width: 200px;
 line-height: 110%;
border: 1px solid #DDD;
border-top:none;
}
#nav li li:not(:last-child) {
border-bottom: 1px solid #DDD;
}
#nav li:hover ul {
left:auto !important;
background:#fff;
width:auto;
/*border:1px solid #DDD;*/
max-width:250px;
}
#nav ul li a span {
 display:none;
position:absolute;
top:-74px;
left:0px;
height:auto;
width:auto;
text-align:left;
font-weight:lighter;
font-size: 1.1em;
z-index:120;
white-space:nowrap;
text-decoration:none;
text-align:left;
text-transform:none;
line-height:100%;
padding:0;
color: #000;
background:transparent;
}
#nav ul li a:hover span {
display:block;
}
 li#li-logoff {
 float: right;
background: none;
}
p.event,
p.eventl {
text-align: left;
padding: 3px 0 3px 5px;
}
 p.eventr {
text-align: right;
padding: 3px 5px 3px 0;
}
 table.events {
width: 100%;
font-size: 1em;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-top: none;
border-bottom: none;
}
 .event1,
.event2,
.event3,
.event4,
.eventfoot {
color: #666;
background: #F5F5F5;
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #666;
}
 .event1 {
width: 15%;
font-size:x-small;
}
 .event2 {
width: 35%;
font-size:x-small;
}
 .event3 {
width: 25%;
font-size:x-small;
}
 .event4 {
width: 25%;
font-size:x-small;
}
 .eventfoot {
border-top: 1px solid;
border-bottom: 1px solid;
}
 .spelling {
border: 1px solid #F00;
}
table.sqz {
 background:#fff!important;
 color:#888!important;
}
 table.sqz td{
 max-width: 300px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
table.layout1 td {
 vertical-align: top;
}
#dbcatplus {
display: none;
visibility: hidden;
}
 #dbcat {
position: absolute;
top: 120px;
left: 1%;
width: 18%;
font-size: 0.9em;
text-transform: uppercase;
z-index: 10;
}
 #dbcat p {
margin: 0 10px;
text-align: left;
}
 #dbcat a:link,
#dbcat a:visited {
color: #666;
background: transparent;
}
 #dbcatl {
position: absolute;
top: 50px !important;
left: 45%;
width: 20%;
font-size: 0.7em;
font-weight: normal;
text-transform: uppercase;
z-index: 100;
margin-left: 10px;
padding: 5px;
background-color: #EEE;
}
 #dbcatl p {
text-align: left;
}
 #dbcatr {
display: block;
position: absolute;
top: 120px;
/*right: 1%;*/
width: auto;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
z-index: 10;
}
#dbpaym img{
 height: 20px
}
 #dbcatr img {
/*filter: gray;*/
/* IE6-9 */
/*-webkit-filter: grayscale(1);*/
/* Google Chrome, Safari 6+ & Opera 15+ */
/*filter: grayscale(1);*/
/* Microsoft Edge and Firefox 35+ */
margin-left: 0.2em;
}
 #dbcatr .pf {
font-size: 2em;
}
 #dbcatr p {
text-align: left;
}
 #dboffer {
display: none;
position: absolute;
top: 120px;
right: 0;
width: auto;
padding: 10px;
background-color: #FFF;
font-size: 0.9em;
text-transform: uppercase;
z-index: 10;
}
 #dboffer a:link,
#dboffer a:visited {
color: #00529B;
background: transparent;
}
 #dboffer p {}
 #dboffer div {
text-transform: none;
}
 #dbwelcome {
position: absolute;
top: -30px;
right: 1%;
width: auto;
color: #FFF;
background: transparent;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
z-index: 10;
}
 .prlist {
width: 100%;
font-size: 1.0em;
border-collapse: collapse;
}
 .prlist td {
margin: 15px 7px;
padding: 10px 5px;
border-bottom: 1px solid #AAA;
border-top: 1px solid #AAA;
}
 .prlist p {
text-align: justify;
}
 .prlist h2 {
color: #ED155B;
}
 .prlist a:link,
.prlist a:visited {
color: #666;
background: transparent;
}
 .prlistn {}
p.ean{
 font-size:smaller;
 padding-bottom: 0;
}
span.ean{
 color: #080;
 font-size:smaller;
}
span.mpn{
 color: #008;
 font-size:smaller;
}
span.ref{
 color: #800;
 font-size:smaller;
}
 .prlistac {
width: auto;
min-width: 15%;
max-width: 100%;
padding: 10px;
background-color: #F8F8F8;
font-size: 1.0em;
}
 .prlistac p {
text-align: right;
font-size: medium;
line-height: normal !important;
}
 .prlistac p.price {
font-size: large;
}
 .prlisttdb {}
 .prlisttdbd {
float: left;
margin-right: 10px;
width: 37%;
max-width: 400px;
}
 .prlisttdb p {}
 .prlisttdb p.prlistd {
font-size: 1.0em;
}
 p.prlisttdbp {
max-width: 100%;
}
 p.prlisttdbi {}
 img.prlisttdbp {
height: 300px;
max-width: 100%;
object-fit: scale-down;
font-family: 'object-fit: scale-down;';
}
 img.prlisttdbi {
max-width: 24%;
margin-right: 1%;
}
 .prlisttde {
float: right;
width: auto;
min-width: 15%;
max-width: 20%;
margin-left: 5px;
padding: 10px;
background-color: #F8F8F8;
font-size: 1.2em;
}
 .prlisttde p {
text-align: right;
line-height: normal !important;
}
 .prlisttde p.datar {
margin: 0;
font-size: large;
}
 .prlisttde p.rrp {
font-size: medium;
}
 .prlisttde p.price {
font-size: larger;
}
 .prlisttde p.sptext {
font-size: medium;
}
 .prlisttde p.datar input {
width: 50px;
}
 .prlisttde .screen input {
border: none;
width: 100%;
min-width: 10%;
max-width: 300px;
font-size: large;
padding: 5px;
color: #F8F8F8;
background-color: #ED155B;
cursor: pointer;
-webkit-appearance: none;
}
 .prlisttac {
width: 140px;
margin-left: 0;
padding: 5px;
background-color: #F8F8F8;
border: 1px solid #EEE;
}
 .prlisttac p {
text-align: center;
}
 .pr_accessory {
width: 150px;
}
 .prlistd {
font-size: 1.0em;
}
 .prlistt {
float: left;
font-size: 1.0em;
color: #7B1234;
clear: left;
}
 .prlistf1 {
float: right;
width: 30%;
margin: 5px 0 0 5px;
padding: 5px;
background-color: #F8F8F8;
border: 1px solid #EEE;
}
 .prlistf2 {
float: right;
width: 30%;
margin: 5px 0 0 5px;
padding: 5px;
background-color: #F8F8F8;
border: 1px solid #EEE;
}
 .prlistf1 ul,
.prlistf2 ul {
margin: 0 10px 5px 5px;
background-color: transparent;
}
 .prlistf1 ul li,
.prlistf2 ul li {
background-color: transparent;
}
 .prlistdl {
float: right;
width: 30%;
margin: 10px 0;
padding: 5px;
background-color: #F8F8F8;
border: 1px solid #EEE;
clear: none;
}
 .prlistdl .prlink {
text-align: left;
}
 .prlink {
clear: both;
font-weight: bold;
}
 .dbof_exfn {
float: right;
width: 100%;
text-align: right !important;
color: #AAA;
background-color: #FFF;
font-size: small;
}
 .bsk {
width: 100%;
font-size: 1em;
border-collapse: collapse;
}
 .bsk th {
margin: 15px 7px;
padding: 5px 10px;
border-bottom: 1px solid #AAA;
border-top: 1px solid #AAA;
}
 .bsk td {
margin: 15px 7px;
padding: 3px 10px;
border: none;
}
 .bsk p {
text-align: left;
}
 td.subtot {
font-weight: bold;
padding: 10px;
border-top: 1px solid #AAA;
}
 td.del {
font-weight: bold;
padding: 10px;
}
 td.tot {
font-weight: bold;
padding: 5px 10px;
border-top: 1px solid #AAA;
border-bottom: 1px solid #AAA;
}
 #history td {
vertical-align: top;
}
 iframe {
}
/*.trlink {color:blue}*/
.trlink:hover {
color: #ED155B;
cursor: pointer;
}
 #dboffer_gx {
padding: 10px 1%;
}
 ul.featured_products {
position: relative;
margin: 0;
padding: 0;
border: 1px solid #DDD;
background: #FAFAFA;
margin-bottom: 15px;
white-space: nowrap;
/*overflow: scroll;*/
width: 100%;
height: fit-content;
overflow-y: hidden;
}
 .featured_products li {
/*width: 205px;*/
width: 20%;
max-width: 20%;
height: 250px;
min-height: 260px;
border-right: 0 solid #EEE;
display: inline-block;
vertical-align: top;
margin: 0;
background: transparent;
padding: 0;
}
 .featured_products li:last-child {
border: none;
}
 .featured_products li:hover {
background: #F5F5F5;
opacity: 0.5;
}
 ul.featured_products .arrow {
display: none;
position: absolute;
top: 30%;
}
 ul.featured_products .arrow.left {
left: 0;
}
 ul.featured_products .arrow.right {
right: 0;
}
/*ul.featured_products:hover .arrow {
display: block;
}*/
.hide_scrollbar::-webkit-scrollbar {
display: none;
}
 .hide_scrollbar {
-ms-overflow-style: none;
}
 .featured_products p {
margin: 0 auto;
text-align: center;
white-space: normal;
 line-height: .9em;
}
 .featured_products img {
max-height: 180px;
max-width: 100%;
}
 .featured_products .img {
xmin-height: 220px;
xmax-height: 220px;
width: 80%;
margin: 0 auto;
font-size: xx-large;
}
 .featured_products .info {
position: absolute;
bottom: 5px;
width: 20%;
max-width: 20%;
text-align: center;
white-space: normal;
}
 .featured_products .info .special {
max-width: 100%;
color: #666;
text-align: center;
font-size: 0.8em;
line-height: 1.1em;
}
 .featured_products .info .name {
font-weight: 700;
text-align: center;
font-size: 1em;
}
 .featured_products .info .price {
font-weight: 500;
text-align: center;
font-size: 1em;
}
 .featured_products .manuf .name img {
max-height: 42px;
width: auto;
}
 .fpr .img {
margin: 5px auto 0;
}
 .manuf .img p {
padding: 5px 0 8px;
}
 div.dd {
float: left;
margin: 0 10px 0 0;
min-width: 25%;
}
 div.dds {
float: right;
}
#dbprod_g{
 width: 100%;
}
select.dds {
margin: 5px 5px 5px 0;
padding: 0 5px;
border: 1px solid #DDD !important;
background-color: transparent;
color: #666;
/*font-weight: bold;*/
font-size: 1.2em;
font-family: inherit;
width: 100%;
max-width: 500px;
}
 select.dds option {
 padding: 0;
background-color: #FFF;
}
 span#contel {
position: absolute;
right: 10px;
text-align: right;
top: -150px;
max-width: 20%;
}
 span#contel a {
border: none;
margin: 0;
padding: 0;
}
img.sort {
 height: 8px;
 width: auto;
}
.comlinks {
 background-color: transparent !important;
 color: #359B3D !important;
 float: right;
 font-size: 16px;
}
 #content div.textbox1 {
/*background-color: #58cd3f;*/
background: radial-gradient( #E9DA1F, #fff )fixed top center;
padding: 20px 0;
width: 100%;
width: 100vw;
position: relative;
left: 50%;
margin-left: -50%;
margin-left: -50vw;
}
#content div.textbox1 > * {
color: #666;
background-color: transparent;
max-width: 1100px;
margin: 0 auto;
}
.textbox1 ul li, .textbox1 ol li {
color: #666;
background-color: transparent;
}
#content div.textbox2 {
background-color: #EEE;
padding: 20px;
width: 100%;
max-width: 960px;
margin: 0 auto;
border: 1px solid #888;
border-radius: 8px;
}
#actionlistform, #actionlistform2 {
 width: 98%;
width: 98vw;
position: relative;
left: 51.5%;
margin-left: -50%;
margin-left: -50vw;
}
#actionlistform2 {
 left: 51.5%;
}
table.booking th {
 border: 1px solid #888;
 background-color: #eee;
 vertical-align: middle;
 color: #333;
}
div.sctable {
overflow-x: auto;
}
 *,
 *:after,
 *:before {
 box-sizing: border-box;
 }
 div.email{
 width:70%;
 border:1px solid #cccccc;
 background-color:#f8f8f8;
 margin: 0 auto;
 }
 div.email_body{
 background-color:#ffffff;
 padding: 20px;
 }
 #content div.email p{
 line-height: 100%;
 }
table.hire {
 table-layout: auto;
}
 @media print {
#menupic {
display: none;
}
 #content {
top: 0;
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0;
}
 #dbcat,
#dbcatr,
#dboffer {
display: none;
}
 #pr_accessories,
.pr_container {
display: none !important;
}
 #despatch #footer .printer,
#despatch #footer p:first-child + p {
display: none;
}
}