body { color: #333; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 18px; text-align: left; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; }
#wrapper { text-align: left; position: relative; width: 940px; height: auto; z-index: 0; visibility: visible; margin-right: auto; margin-left: auto; list-style-type: none; list-style-image: none; }
#shop-content { background-color: #fff; text-align: left; visibility: visible; list-style-type: none; list-style-image: none; position: relative; z-index: 0; width: 920px; height: auto; clear: both; }
#nav { text-align: left; visibility: visible; list-style-type: none; list-style-image: none; position: relative; z-index: 1500; width: 940px; height: auto; clear: both; }
p { }
td { }
a:link { color: #49706f; text-decoration: none; text-align: left; }
a:visited { color: #49706f; text-decoration: none; text-align: left; }
a:hover { color: #49706f; text-decoration: underline; text-align: left; }
a:active { color: #49706f; text-decoration: none; text-align: left; }
hr { text-align: left; width: 100%; height: 1px; border-top: 1px dashed #c4d4d3; border-right-style: none; border-right-width: 0; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; }
.hide { visibility: hidden; }
.indent { padding-left: 24px; }
.copy-13-indents { color: #3d3d3d; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 18px; padding-left: 20px; display: block; }
.cell-bot-4pad { padding-bottom: 4px; }
.vert-line { border-left: 1px solid #ccc; }
.vert-line-dot { border-left: 1px dotted #ccc; }
.horiz-line-dot { margin-top: 10px; border-top: 1px dotted #ccc; }
.vert-line-dash { border-left: 1px dashed #ccc; }
.horiz-line { border-bottom: 1px solid #ccc; }
.horiz-line-top { border-top: 1px solid #ccc; }
.horiz-line-topbot { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.ine-topbot-pad8 { padding: 8px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.choice-tabs { color: #333; font-size: 15px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; background-color: #e1e1e1; text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.horiz-line-topbot-grey-bkd { color: #333; font-size: 15px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; background-color: #e1e1e1; text-align: left; padding-left: 18px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.grey-bkd { background-color: #9cc; text-align: left; padding-left: 18px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.horiz-dash-line { border-bottom: 1px dashed #ccc; }
.horiz-dash-line-top { border-top: 1px dashed #adacac; }
.horiz-dash-line2 { border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; }
.keyline { border: solid 1px #ccc; }
.keyline-dashed-all { border: dashed 1px #ccc; }
a.nav:link { color: #fff; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; text-decoration: none; text-align: left; }
a.nav:visited { color: #fff; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; text-decoration: none; text-align: left; }
a.nav:hover { color: #bf85e3; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; text-decoration: none; text-align: left; }
a.nav:active { color: #fff; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; text-decoration: none; text-align: left; }
.phone { color: #ffdc00; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; }
.black16bld { color: #000; font-size: 16px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; line-height: 23px; }
.white-32 { color: #fff; font-size: 32px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: normal; line-height: 36px; text-align: center; }
.white-36 { color: #fff; font-size: 32px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: normal; text-align: center; }
.white-24 { color: #fff; font-size: 24px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: normal; line-height: 30px; text-align: center; vertical-align: middle; }
.white-16 { color: #fff; font-size: 16px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: normal; text-align: center; }
.white-16-green-bkd { color: #fff; font-size: 16px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; line-height: 24px; background-color: #49706f; text-align: left; padding: 3px 8px; }
.purp13bld { color: #4f0080; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; }
.blue18bld { color: #29abe2; font-size: 18px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; }
.grey13bld { color: #464646; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; line-height: 22px; }
.grey15bld { color: #464646; font-size: 15px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; line-height: 22px; }
.grey18bld { color: #464646; font-size: 18px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; }
.home-points { color: #2e5150; font-size: 12px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; line-height: 19px; }
.black15reg { color: #000; font-size: 15px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; }
.headings { color: #333; font-size: 26px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 34px; }
.headings2 { color: #333; font-size: 24px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 34px; }
.grey-18-reg { color: #333; font-size: 18px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 26px; }
.home-heading { color: #000; font-size: 20px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; font-style: italic; line-height: 24px; margin: 0; padding: 0; }
.home-heading-reg { color: #000; font-size: 20px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-style: italic; line-height: 24px; margin: 0; padding: 0; }
.copy { color: #333; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 18px; text-align: justify; }
.tablets-text { color: #333; font-size: 15px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 22px; text-align: justify; }
.cellpad-4 { padding: 4px; }
.table-pad-10 { color: #333; font-size: 15px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 22px; text-align: justify; padding: 10px; }
.copy-centred-grey-box { color: #333; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 18px; text-align: center; }
.copy-centred-green { color: #49706f; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 18px; text-align: center; }
.div-right { text-align: right; }
.signatures { color: #49706f; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; font-style: italic; line-height: 18px; text-align: justify; }
.green-18-bold { color: #49706f; font-size: 18px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; line-height: 24px; text-align: justify; }
.green-16-bold { color: #49706f; font-size: 16px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; line-height: 24px; text-align: justify; }
.green-16-bold-italic { color: #49706f; font-size: 16px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; font-style: italic; line-height: 24px; text-align: justify; }
.green-13-reg { color: #49706f; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 18px; text-align: justify; }
.orange13bld { color: #fd6e0b; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; line-height: 26px; }
.blue13bld { color: #299bd3; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; line-height: 26px; }
.blue11bld { color: #299bd3; font-size: 11px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; line-height: 18px; }
.blue12bld { color: #299bd3; font-size: 12px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; line-height: 17px; }
.black13bld { color: #000; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; line-height: 26px; }
.black13reg { color: #000; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 22px; }
.grey16reg { color: #333; font-size: 16px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 24px; }
.black14bld { color: #000; font-size: 14px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; line-height: 22px; }
.grey14reg { color: #333; font-size: 14px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 22px; }
.black12reg { color: #000; font-size: 12px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 17px; }
.black17reg { color: #000; font-size: 17px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 22px; }
.black12reg6pxpad { color: #000; font-size: 12px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 17px; padding: 6px; }
.black11reg6pxpad { color: #000; font-size: 11px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 15px; padding: 6px; }
.grey11reg-form-fields { color: #333; font-size: 12px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 18px; }
.grey11reg { color: #333; font-size: 10px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 10px; }
.green11reg { color: #49706f; font-size: 10px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 15px; padding-top: 5px; }
.grey11reg-20 { color: #333; font-size: 10px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 20px; }
.grey11reg-right { color: #464646; font-size: 10px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 14px; text-align: right; }
.lightblu11reg { color: #fff; font-size: 11px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 21px; }
.dr11reg-right { color: #425581; font-size: 11px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 21px; text-align: right; }
.dr11reg-left { color: #425581; font-size: 11px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 21px; text-align: left; }
.steel-blue-13 { color: #425581; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 21px; text-align: left; }
.grey13reg-right { color: #464646; font-size: 13px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 21px; text-align: right; }
.copy-centred { text-align: center; }
a.dr:link { color: #464646; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; text-decoration: underline; text-align: left; }
a.dr:visited { color: #464646; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; text-decoration: underline; text-align: left; }
a.dr:hover { color: #464646; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; text-decoration: underline; text-align: left; }
a.dr:active { color: #464646; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; text-decoration: underline; text-align: left; }
a.log:link { color: #464646; font-size: 11px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; text-decoration: none; text-align: left; }
a.log:visited { color: #464646; font-size: 11px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; text-decoration: none; text-align: left; }
a.log:hover { color: #464646; font-size: 11px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; text-decoration: none; text-align: left; }
a.log:active { color: #464646; font-size: 11px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; text-decoration: none; text-align: left; }
.border-top { border-top: 1px solid #ccc; }
.border-top-sides { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.border-sides { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.border-bottom-sides { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.border-bottom { border-bottom: 1px solid #ccc; border-right-width: 1px; border-left-width: 1px; }
.border-all { border: solid 1px #ccc; }
.boldsubheads { color: #464545; font-size: 14px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; line-height: 18px; }
/*Product styles*/
#sm-prod-wrap { text-align: left; width: 220px; height: auto; order-right-style: solid; order-top-style: solid; }
#title-box { background-color: #fdfbfb; width: 220px; height: auto; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
#title { background-color: #fdfbfb; padding: 16px; width: 188px; height: auto; }
.productTextInput { line-height: 15px; width: 50px; }
/*Literature headings
*/
.purp { color: #9543c8; font-size: 14px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; }
.orange { color: #f90; font-size: 14px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; }
.red { color: #b40b27; font-size: 14px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; }
.blu { color: #299bd3; font-size: 14px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; }
.aqua { color: #0cc; font-size: 14px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; }
.tan { color: #a98953; font-size: 14px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; }
.lime { color: #9c0; font-size: 14px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; }
.pink { color: #d703cc; font-size: 14px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; }
.grey { color: #555; font-size: 14px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; }
a.footer:link { color: #464545; font-size: 11px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; text-decoration: none; text-align: left; }
a.footer:visited { color: #464545; font-size: 11px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; text-decoration: none; text-align: left; }
a.footer:hover { color: #464545; font-size: 11px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; text-decoration: underline; text-align: left; }
a.footer:active { color: #464545; font-size: 11px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; text-decoration: none; text-align: left; }
.dotline-bottom { border-bottom: 1px dotted #ccc; }
.dotline { border-top: 1px dotted #ccc; }
.shopheadings { color: #000; font-size: 14px; font-family: arial, tahoma, helvetica; font-weight: bold; line-height: 22px; }
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: normal; }
h1 { color: #000; font-size: 20px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; font-style: italic; line-height: 24px; margin: 0; padding: 0; }
h2 { color: #333; font-size: 22px; line-height: 26px; margin: 0; padding: 0; }
h3 { font-size: 18px; font-weight: bold; margin: 0; padding: 0; }
h4 { font-size: 14px; margin: 0; padding: 0; }
h5 { font-size: 13px; margin: 0; padding: 0; }
h6 { font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
.right { text-align: right; }
a.start:link { color: #fff; font-size: 32px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 36px; text-decoration: none; text-align: center; }
a.start:visited { color: #fff; font-size: 32px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 36px; text-decoration: none; text-align: center; }
a.start:hover { color: #fff; font-size: 32px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 36px; text-decoration: none; text-align: center; }
a.start:active { color: #fff; font-size: 32px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; line-height: 36px; text-decoration: none; text-align: center; }
.green-colour { background-color: #49706f; }
.linespace { padding: 12px; }
.middle-cnetre { text-align: right; vertical-align: middle; }
.cells-cnetre { text-align: center; vertical-align: middle; }
.white-16-bld { color: #fff; font-size: 16px; font-family: arial, helvetica, sans-serif, tahoma, "trebuchet ms"; font-weight: bold; line-height: 22px; text-align: center; }