* {
    border: none;
    padding: 0;
    margin: 0;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'),local('OpenSans-Light'),url(/ssi/fonts/OpenSans-Light.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'),local('OpenSans'),url(/ssi/fonts/OpenSans.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'),local('OpenSans-Semibold'),url(/ssi/fonts/OpenSans-Semibold.woff) format('woff');
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

a {
    text-decoration: none;
}

p {
    font-size: 14px;
    margin-bottom: 14px;
    line-height: 20px;
}

h1 {
    font-size: 32px;
    font-weight: 300;
    color: #5a5c5f;
}

h2 {
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 20px;
}

h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
}

h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 14px;
}

h5 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 12px;
}

h6 {
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 10px;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.justify {
    text-align: justify;
}

.clr {
    clear: both;
}

body {
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 14px;
}

.infotable td {
    vertical-align: top;
    padding: 3px 3px 0 0;
}

.infotableborders {
    margin-bottom: 20px;
}

    .infotableborders td {
        border-bottom: 1px dotted #e1e1e1;
        padding: 3px 10px 0 0;
    }

.borderedtable {
    border-collapse: collapse;
}

    .borderedtable td {
        border: 1px solid #000;
        padding: 5px;
        border-collapse: collapse;
    }

#footer {
    clear: both;
    background: #f8f6f2;
    width: 100%;
}

    #footer ul {
        margin: 10px 0 10px 10px;
    }

    #footer a {
        color: #000;
    }

        #footer a:hover {
            color: #6ac232;
        }

    #footer p, #footer h3 {
        padding: 0 20px;
    }

#footerbase {
    clear: both;
    background: #5a5c5f;
    width: 100%;
    font-size: 11px;
    color: #fff;
}

    #footerbase p {
        padding: 10px 20px;
        margin: 0;
    }

    #footerbase a {
        color: #fff;
    }

form {
    height: 100%;
}

html, body {
    height: 100%;
}

.container {
    display: table;
    height: 100%;
    width: 100%;
}

.block {
    display: table-row;
    height: 1px;
}

.push {
    height: auto;
}

#main {
    padding: 20px 0 50px 0;
}

    #main a {
        color: #6ac232;
    }

.sociallinks img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(100%);
}

    .sociallinks img:hover {
        filter: none;
    }

.paymentlinks {
    text-align: center;
}

    .paymentlinks img {
        vertical-align: middle;
    }

.pagedropdown {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAIAAAAiZtkUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEMkJDOTNDN0NBMTBFNDExODBEOUNDQThGQTY1NDQxQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMENGRTVGMjEwRUIxMUU0QUVEMUU1OTUwNEExRTI2MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMENGRTVGMTEwRUIxMUU0QUVEMUU1OTUwNEExRTI2MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgxMjZGQzhBRDkxMEU0MTE4MEQ5Q0NBOEZBNjU0NDFDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQyQkM5M0M3Q0ExMEU0MTE4MEQ5Q0NBOEZBNjU0NDFDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+N4bIawAAAEJJREFUeNpi3H677drrnQwwoCXqzuSsVCjEKQ/hAxlALhMrE4eveiMLEwcLmAHkMv7//x8of/X1DiCpLeoBJAECDABdAw9g3FkPKwAAAABJRU5ErkJggg==) center right no-repeat;
    padding-right: 12px;
    position: relative;
    z-index: 10;
}

.dropdownheader, .dropdownheader:hover {
    border-bottom: 2px solid #6ac232;
    color: #6ac232;
    font-weight: 600;
    font-size: 16px;
}

.headerright {
    float: right;
    padding: 10px 10px 0 0;
}

    .headerright a {
        margin-left: 20px;
    }

#header {
    position: relative;
    display: block;
    clear: both;
}

#logo {
    float: left;
    padding: 22px 0 0 20px;
}

    #logo img {
        width: 100%;
    }

#pagenav {
    text-align: right;
    float: right;
    padding: 33px 10px 0 0;
    z-index: 10;
    position: relative;
}

    #pagenav a {
        color: #6ac232;
    }

    #pagenav li {
        display: inline-block;
        margin-right: 15px;
        position: relative;
        padding-bottom: 5px;
        font-size: 18px;
        z-index: 10;
    }

        #pagenav li:hover ul {
            left: 0;
            z-index: 200;
            -webkit-animation: fadeIn linear .2s;
            -moz-animation: fadeIn linear .2s;
            -o-animation: fadeIn linear .2s;
            animation: fadeIn linear .2s;
        }

        #pagenav li ul {
            list-style: none;
            position: absolute;
            top: 22px;
            left: -9999px;
            background: #fff;
            border: 1px solid #ccc;
            width: 160px;
            z-index: 200;
        }

            #pagenav li ul li {
                font-size: 13px;
                padding: 6px 10px;
                margin: 0;
                display: block;
                z-index: 200;
                text-align: left;
                position: relative;
            }

            #pagenav li ul a {
                color: #000;
                display: block;
                z-index: 200;
                position: relative;
            }

#headerright {
    width: 20%;
    max-width: 200px;
    height: 85px;
    padding: 10px 0 0 0;
    text-align: center;
    background: #6ac232;
    color: #fff;
    float: right;
    font-size: 18px;
}

    #headerright a {
        color: #fff;
    }

.headerbasket img {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
}

.headerbasket {
    width: 100%;
    clear: both;
    display: block;
    font-size: 22px;
    margin-top: 10px;
}

#nav {
    width: 100%;
    height: 55px;
    background: #f8f6f2;
    clear: both;
    border-top: 3px solid #6ac232;
}

#shopnav {
    list-style: none;
}

    #shopnav li {
        display: inline-block;
        padding: 15px 0 10px 2%;
        position: relative;
    }

        #shopnav li ul {
            position: absolute;
            top: 40px;
            left: 0;
            width: 200px;
            background: #f8f6f2;
            padding: 0 0 0 0;
            z-index: 1000;
        }

            #shopnav li ul li {
                display: block;
                padding: 0;
                border-bottom: 1px solid #999;
            }

    #shopnav a {
        color: #000;
        display: block;
    }

    #shopnav li ul li a {
        color: #000;
        display: block;
        padding: 15px 0 15px 10%;
    }

#searchbox {
    display: inline-block;
    text-align: right;
    float: right;
}

#sp {
    font-size: 14px;
    color: #000;
    border: 1px solid #ccc;
    padding: 3px 10px;
    float: right;
    width: 15%;
    max-width: 200px;
    margin: 15px 0 0 0;
}

.grey {
    color: #666;
}

#sbtlink {
    float: right;
    display: block;
    width: 31px;
    height: 25px;
    margin: 15px 10px 0 0;
}

.row {
    clear: both;
    padding: 0 5% 0 5%;
    margin: 0 auto;
}

#main .row {
    margin: 0;
}

.paddbase {
    padding-bottom: 50px;
}

.col {
    display: block;
    float: left;
    margin: 1% 0 .5% 4%;
}

    .col:first-child {
        margin-left: 0;
    }

    .col img {
        max-width: 100%;
    }

.group:before, .group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    -ms-zoom: 1;
    zoom: 1;
}

.span12 {
    width: 100%;
}

.span11 {
    width: 87.67%;
}

.span10 {
    width: 79.33%;
}

.span9 {
    width: 71.00%;
}

.span8 {
    width: 62.67%;
}

.span7 {
    width: 54.33%;
}

.span6 {
    width: 46.00%;
}

.span5 {
    width: 37.67%;
}

.span4 {
    width: 29.33%;
}

.span3 {
    width: 21.00%;
}

.span2 {
    width: 12.67%;
}

.span1 {
    width: 4.33%;
}

#main .code, #main code, #main pre {
    width: 96%;
    font-family: "Courier New",Courier,monospace;
    padding: 2%;
    border: 1px solid #ccc;
    background: #fcfcfc;
    margin: 5px 0 15px 0;
    font-size: 1.1em;
    font-weight: bold;
    display: block;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

input [type=text], input[type=password], input[type=submit] {
    -webkit-appearance: none;
    border-radius: 0;
}

select {
    border-radius: 0;
}

#main input[type=password], #main input[type=text], #main select, #main textarea {
    font-size: 14px;
    font-weight: normal;
    color: #333;
    border: 1px solid #999;
    margin: 0 0 7px;
    padding: 3px 5px;
    width: 90%;
}

    #main input[type=password].required, #main input[type=text].required, #main select.required, #main textarea.required {
        border: 1px solid #000;
    }

    #main input[type=password].frmerror, #main input[type=text].frmerror, #main select.frmerror, #main textarea.frmerror {
        border: 1px solid #f00;
        box-shadow: 0 0 5px 0 #f00;
    }

    #main input[type=password].frm50, #main input[type=text].frm50, #main select.frm50, #main textarea.frm50 {
        width: 45%;
    }

#basket input[type="text"].form100width {
    width: 45%;
}

#main option {
    padding-right: 10px;
}

#main .errorbox {
    border: 1px solid #ff9d9d;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA3CAYAAAAbk/pcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0Y0QTBFNUVCNDFFMjExOEU0RkQ0NERDOEM3NkU3OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNTVFRkY5OTQxRUIxMUUyOTMwQkE5NjRCMzA4RTU5RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNTVFRkY5ODQxRUIxMUUyOTMwQkE5NjRCMzA4RTU5RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhDRjRBMEU1RUI0MUUyMTE4RTRGRDQ0REM4Qzc2RTc5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDRjRBMEU1RUI0MUUyMTE4RTRGRDQ0REM4Qzc2RTc5Ii8+IDwvcmRmOkRlc2NyaXB0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) 10px 10px no-repeat #fff2f2;
    padding: 10px 10px 10px 60px;
    font-size: 14px;
    margin-bottom: 10px;
    max-width: 350px;
    display: block;
}

#main legend {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 14px;
    padding: 0 10px;
}

#main fieldset {
    border: 1px solid #d4d4d4;
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 15px;
}

    #main fieldset p {
        margin-bottom: 10px;
    }

#main .frmselected {
    box-shadow: 0 0 5px 0 #6ab800;
}

#main .frmbutton, #main .frmbuttonprim, #main .frmbuttoncheckout, #main .frmbutton-update, #main .frmbutton-small, #main .frmbutton_addtobasket {
    cursor: pointer;
    color: #fff;
    background-color: #6ab800;
    border: none;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
}

#main .frmbutton {
    font-size: 16px;
    font-weight: 400;
    padding: 5px 15px;
}

#main .frmbuttonprim {
    font-size: 16px;
    font-weight: 400;
    padding: 5px 15px;
    color: #fff;
}

#main .frmbutton_addtobasket {
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    padding: 7px 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANgAAAAnCAIAAADihhF2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEMkJDOTNDN0NBMTBFNDExODBEOUNDQThGQTY1NDQxQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFNDZCODM5QjE0QTAxMUU0QkE1NkUxODU1OURFRjdEMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNDZCODM5QTE0QTAxMUU0QkE1NkUxODU1OURFRjdEMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEwMjRGQjYwNDIxNEU0MTE4MkQ4OUY0MzZBRUFBNjE5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQyQkM5M0M3Q0ExMEU0MTE4MEQ5Q0NBOEZBNjU0NDFDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CE5dXQAAA+BJREFUeNrsnFlME1EUhjt0oaVA2doCboS4oBRFwUA0LmhMVNAY5UGjMfpkgGc18cUlMcboAzHKqxoS9c2VTXFPDAJGBYsUC7IWpQvQUihDFy8dHJrSNkybFE3+L304c+fcO8mZP+fec2emVGktD4AFJwIhABAiABAigBABgBDBv4iAk3duypHijPJhW2/PaPN3Q53aUGN3TiKIIHQorts3qxJ2nNrwOJIfTewx2vC292Z99zXaMY5QgrAKkdFiWW4tnxIyhyZb7+2vR7pGPiCaIGj4G49x7mOc+El+2cqDzKFEIMtbdHzA8vW3VYOAgvAJkTBgaYmNTF4my50peSj++uTiH6Y3JDsipiCsVfOjjrPmyV+ziqaEJ9feZ9aOAIQpIxJIvTxhH1mr2M+2iAWxLpezw/QaYQXhy4iERl3l+NSwZ8uWpSWCiEiEFXDF9z7i1YIhfoSIsZ0ux42mnf2WL76SIv3dUJeTcphtkQoT1yTtbhl67HPYNFleWU4NRc2o3+Gkz75W4B4AvxkxWiQntTDzkwoT1ikP+Ouvs6q9WlYmFPhzXq88FCWMZ0cmV8ENAIEyYq+5mRQfIr5UHrWcHKrkRVXaC54OMSKliC+Z7k+JvPqmx21KlKQRY9JhHaP1nqdUiiLG0I9raYfV4ZrCDQAMgTa0yRx6eVu/LDLFxXOde5PqWSMfXlOxZUlJ4KHruq48+XGOPUySpF/c2kkMw3jnhfcryJiIPphXsUJK4DZDzbQieRRZ+XmeetBWWqU9H6DvQ81pTxUSshT7GKNV/wwqBNyq5m/6qhkZyYu8TlV3XqpsPTF3eiUtd1qO1ndf92pXyQv/jvkMcQfchNhufMFILSNxF/twmaVBd/dW826b3cy2ELviU2HT4D0vT7EgZnn8NreDRTv8DnEH3ITo1s17t5Ji0+M3z3XQmF5d/7hp2NZHbLKILG/aTrQ7143oWODeD2o3Prc7acQdcBMiQe1/dmYYHFNfa8gnczFRZJ/5s0+fLPnsAhFBB8EIkV0mZsr3+vMZndSR6sQ48dNf9Z0p3zNd/fBcan01gg6CEeJvq8Yw0UWMZOlqZoOQK8tic2NESmL0jDZa6CEEHQQjRM+kqPIzOweG7cWOA0BIQgwwOwdgdgdx6CkiDoIXotb0lvkqZWVCgdD9ZG/+xIkXLY7JJsaIbcDnmxMA8Ob5Fd+U06YxvSSVrzBCfCa/0Uob538BmTj1b1pFvQxCEyIzOzNbMKnRquCuhAUiCHVq5k3vJlaH8rKMzW5uN9Uj3MAfFP6WDvxPGREACBFAiABAiABCBABCBBAiAAvCHwEGAICSXtVB/r2FAAAAAElFTkSuQmCC) center center no-repeat #6ab800;
}

#main .frmbuttoncheckout {
    font-size: 16px;
    font-weight: 600;
    background: url(/images/payment.png) top left no-repeat #6ab800;
    padding: 5px 35px 5px 15px;
}

#main .frmbuttonpaypal {
    width: 145px;
    height: 47px;
    background: url(/images/paypal-checkout.png) top left no-repeat;
    cursor: pointer;
    margin: 20px 0 0 0;
}

#main .frmbutton-update {
    font-size: 1em;
    font-weight: normal;
    background-color: #999;
    padding: 3px 10px;
    margin-right: 5px;
    float: right;
}

#main .frmbutton-small {
    font-size: 14px;
    font-weight: 600;
    background-color: #6ab800;
    padding: 2px 10px;
}

#main .bt_removevoucher {
    width: 131px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIMAAAAYCAIAAABWXtmxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzM4NjZGRDA0MjM0MTFFMkIzNUZFQzc5QTU3NzVCMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzM4NjZGRDE0MjM0MTFFMkIzNUZFQzc5QTU3NzVCMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMzg2NkZDRTQyMzQxMUUyQjM1RkVDNzlBNTc3NUIwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMzg2NkZDRjQyMzQxMUUyQjM1RkVDNzlBNTc3NUIwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5eYP0AAAUqSURBVHja7JpJL2xbFMerytEMKL3SRGmiTTShyAsGmBCJ+AA+gG/jCxiJgaGBiRAJA55EG56Ivo0u+maARNzfrRUr5xZVrzRV1+Cswc4+u/bZq/mvbh/sLy8vNpvt4OBgenr65OTk4eHB5iW73W6zKJQUExOTkZHh8Xjcbvdvg4MEGExMTDCxv5IFRhhIYsDhcPzjJWNlZWVmZoZVh5cUCQuGsIGxsLDgdDqN1dVVMhIYREREYH0Bw0IinEg8Pz9vbW0Z19fXCoCA4ZOjLAoRADqH7u7ujKurK4FBR8tSoSbxcsFDnJ54MPTBqhB/BQ+BhLnx7m/vUldXl/nx/v7+Py/9HN06OjqSkpJ6e3t9FmNjY/v7+79+PhaYn5+fnZ0NBSqGxkEwAcGFY3FxUeYlJSV1dXW3t7d7e3s/BAm6j6ampqKiovX1dVlJSEhIT0/HfD88OAgL40PpiMKidmeCj+Tn58tKfX09JpD1qakp+rGamhoxCmNUVBTr29vbtbW1uO3l5SWts7yYk5NTWVmJvQiy3d1drMa7nZ2dFxcXw8PD6teMg4ODLpeL1pvN5hOU9vf3n56e8vLyFImCggLGzc1NrlH4Dbx8JKyuru7p6ZHN5kdkrqioQFSk4jSNg+TkZIk8GJnX/ak/OTnZ0NBwfHw8NjYW2Lafr8/oxvj4+MjY3NwM13+9hLboLHtIC7m5uUiD0IWFhWxbW1vDvgCDfAJDa2srh7BIouOQlpYW1oGEn4QFI6bf2dnBwdva2vAGNoMTL7JiFgn90ZmLq67AnTimHnIs6yIhE+Hij2BNbIkrIAnwlJeX60/n5+eYFUasC7T+1EdNfuIcXPB/7Wl8yPpxcXHCW7ITfsHFEHNg5fHxcfVE1OC2IvPR0VEMgaeUlZUxSl3JysrikQnRgHer7wMJ78KC/poNbrebM+VjwMbGRmNjIx4qzsVRuGdVVZWPr5GgeF1iEcFwXjyUFbCEi8QQXEBRFXlLSAV+yig6OhrFNRNgbpmgdWpq6s3NjT/1QQLuQZbSjyGR7iV9XF5exsriL6gnukmUZGdnyx42mJObTIBQJlhKFYCYowbqEfUgJHmGUT6IYXr8Sy3IaWb3V0tpgpLUBISCujmvMsLFn5o+UpnBRgCfzaKpP/XhHqRtP4YE56pYklVxXlyGR7zMvFMWv0KkBbEg5p6bm5NcBwXwZYVTUjYjRtdvmsETvvw2D/s7J7D6wXM3AtwDA1dyyiBIpKWl0T7x2NfXp1wBiV/FJQMTjp+ZmamPYsGzszM9n0qIXcSz2IxLqisAidPpfHumZDZeBDZKlB7Ifu0RZNEnLIg5lSolJUXX29vbpTi9q8JX1P98TJhJ0g7gkwfhjbhLS0vEJvUDLyZxBXMIPXGrl8jvmNXj8ZCIxF6cz1yqiyhJtacYwuLw8FA2m3OI0unpKabkRdKUHMXIUfQI4qpIq1yk3lJRKV0abShCkgRLGLFOsqJPCxCCn1b/e5CQdC8ePTAwQDlFdHGooaGhIKMSc+BrVEjAkH7R3PsfHR1J1ySPUvqKi4uxMpvR1t8li8zmk+tHRkZAUSSURlMmsCMQKblgw5woFOMy0sXCCHWoxoHvTJ9W/49bRXd3d8Qr6YfYYLKTRd/7TdD63vdTyEEUmz/SWvRXKDEx0REfH69fyX0+nVsUttTEzdFBrY+MjNQlyy7hJ8MwaHkdpaWlNGEvr2SOD4tCHQpCtI40b3b9Lxtaey47tF/Wn07DQ1xuXC4XMMhN4JcAAwBGcpvIPzevWgAAAABJRU5ErkJggg==) top left no-repeat;
    cursor: pointer;
}

.req {
    color: #666;
    font-size: .9em;
    font-weight: normal;
}

fieldset table td {
    padding: 2px;
}

fieldset br {
    clear: left;
}

#main ul, #main ol {
    margin: 0 0 20px 20px;
}

#main li{ margin-bottom:10px; line-height:20px;}

#main .pagesidemenu {
    list-style: none;
}

    #main .pagesidemenu a {
        display: block;
    }

    #main .pagesidemenu li {
        margin: 0 0 10px 0;
    }

    #main .pagesidemenu .leftmenusub10, #main .pagesidemenu .leftmenusubactive10 {
        margin-left: 10px;
    }

    #main .pagesidemenu .leftmenusub20, #main .pagesidemenu .leftmenusubactive20 {
        margin-left: 20px;
        font-size: 13px;
    }

    #main .pagesidemenu .leftmenusub30, #main .pagesidemenu .leftmenusubactive30 {
        margin-left: 30px;
        font-size: 13px;
    }

    #main .pagesidemenu .leftmenusubactive, #main .pagesidemenu .leftmenusubactive10, #main .pagesidemenu .leftmenusubactive20, #main .pagesidemenu .leftmenusubactive30 {
        color: #000;
    }

#main iframe {
    width: 100%;
}

#main .rp-plus-link {
    background: url(/images/plus.png) 5px center no-repeat #ebf9d8;
    display: block;
    padding: 13px 10px 10px 50px;
    min-height: 20px;
    color: #000;
    font-weight: 600;
}

    #main .rp-plus-link:hover {
        color: #6ac232;
    }

.productslistoptions {
    width: 100%;
}

#main .productslistoptions select {
    width: auto;
    padding: 2px 0 1px 0;
    margin-right: 2px;
}

.listitem {
    width: 95%;
    min-height: 250px;
    text-align: center;
    margin: 0 20px 5px 0;
    padding: 0;
    position: relative;
}

    .listitem .listitem_photo {
        display: block;
        clear: both;
        position: relative;
    }

    .listitem img {
        width: 100%;
        height: auto;
        display: block;
    }

#main .listitem a {
    color: #000;
}

.listitem_title {
    font-size: 24px;
    font-weight: 300;
}

.listitem_description {
    font-size: 13px;
    font-weight: 400;
}

.listitem_price {
    font-size: 18px;
    color: #589800;
    font-weight: 600;
}

.listitem_small {
    font-size: 12px;
    font-weight: 600;
}

#main .photobox a {
    color: #000;
}

.photobox {
    width: 180px;
    height: 150px;
    float: left;
    text-align: center;
    margin: 0 20px 5px 0;
    padding: 10px;
    font-size: 16px;
}

    .photobox img {
        max-height: 100px;
    }

    .photobox .photoboxprice {
        font-size: 18px;
        color: #589800;
        font-weight: 400;
    }

    .photobox .photoboxsmall {
        font-size: 11px;
    }

    .photobox p {
        margin: 0;
        padding: 0 0 5px;
    }

#productdetails .price {
    font-size: 36px;
    color: #6ac232;
    font-weight: 300;
}

#productdetails .pricesmall {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    margin-left: 10px;
}

#productdetails .each {
    font-size: 18px;
    color: #666;
    font-weight: 400;
}

#productdetails .quantity {
    padding: 10px 0;
}

#productdetails select {
    width: 20%;
}

#productdetails .mainimage {
    width: 100%;
    max-width: 400px;
    height: auto;
}

#productdetails .thumbnail {
    float: left;
    margin: 10px 10px 0 0;
    width: 75px;
    max-width: 25%;
    overflow: hidden;
    padding: 5px;
}

    #productdetails .thumbnail img {
        width: 100%;
    }

#tagbox {
    list-style: none;
    clear: both;
    display: block;
    padding: 5px 0 15px 0;
}

    #tagbox li {
        float: left;
        background: #fff;
        border: 1px solid #999;
        font-size: 12px;
        color: #fff;
        display: block;
        margin: 0 5px 5px 0;
        padding: 2px 5px;
    }

#basket .basketbody {
    text-decoration: none;
    margin-bottom: 10px;
    font-size: 13px;
}

#basket .basketimage {
    width: 100%;
    max-width: 100px;
}

#basket .basketbody td {
    border-bottom: 1px solid #b9b5a6;
    padding: 5px 0;
}

    #basket .basketbody td a {
        font-weight: 700;
        color: #000;
    }

        #basket .basketbody td a:hover {
            color: #8dc63f;
        }

#basket .baskettop td {
    border-bottom: 1px solid #b9b5a6;
    background: #650000;
    color: #b9b5a6;
    padding: 3px;
}

#basket .basketfrm {
    font-size: 12px;
    color: #222;
    border: solid 1px #ddd;
    width: 20%;
    text-align: center;
}

#basket input[type="password"], #basket input[type="text"] {
    width: 20px;
    text-align: center;
}

#basket-right {
    width: 90%;
    background: #efefef;
    border: 1px solid #ccc;
    padding: 10px 5% 10px 5%;
    border-radius: 10px;
}

    #basket-right table {
        width: 100%;
        padding: 10px 0 0 0;
        clear: both;
    }

        #basket-right table td {
            padding: 3px 0;
        }

    #basket-right span {
        font-size: 36px;
        margin: 0 auto;
    }

    #basket-right .r {
        text-align: right;
    }

#basket .frmbuttonprim {
    display: block;
}

.gridview {
    width: 100%;
}

.gridview_header td {
    color: #333;
    border-bottom: none;
    padding: 3px 3px 3px 5px;
    font-weight: 600;
}

.gridview_row td {
    border-bottom: 1px solid #d4d4d4;
    padding: 3px 3px 3px 5px;
}

.gridview_alternaterow td {
    background: #f8f8f8;
    border-bottom: 1px solid #d4d4d4;
    padding: 3px 3px 3px 5px;
}

.blogcontainer h1 {
    font-size: 1.2em;
    line-height: 16pt;
    margin: 0 0 10px;
    padding: 0;
}

.blogpostdate {
    font-style: italic;
    margin: 0 0 5px;
}

.blogposttitle {
    font-size: 1.2em;
    font-weight: 700;
    padding: 0 0 10px;
}

.blogentry {
    border-bottom: 1px solid #efefef;
    margin: 0 0 0 100px;
}

.facebook img {
    float: right;
    width: 100px;
}

.blogcontainer .blogicon {
    float: left;
    width: 60px;
    padding: 10px 0 0 20px;
}

ul#progressbar {
    list-style: none;
    width: 97%;
    margin: -20px 0 20px 3%;
    overflow: hidden;
}

    ul#progressbar li {
        float: left;
        font-size: 18px;
        font-weight: 300;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAoCAYAAAAhf6DEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MTlFODg1ODA4NDJFMjExOUEwMzg1RjZENUVGQTE1NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQTFBOUJFRTQyMUQxMUUyODYwQ0REQTlFOEFGNjVGNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQTFBOUJFRDQyMUQxMUUyODYwQ0REQTlFOEFGNjVGNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUxOUU4ODU4MDg0MkUyMTE5QTAzODVGNkQ1RUZBMTU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUxOUU4ODU4MDg0MkUyMTE5QTAzODVGNkQ1RUZBMTU0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+WQVqaAAAAcdJREFUeNqclW0rw2EUh/+bpyGRtEgRUotIliRJ0dpmzBfw1jfzATxvS5QkaQ8topUQJZJEa8zDcN06L5ZX93HX1el+8Tu/8z/n3JsrlUotOo7TDst+vz/rKI4bVqAEoXQ63aAS43ZP3AMPRLTOjojvwIf7oEqMe0nK/4IwCeo1zibBLWEfam3Ld/+574LpQR/u/Sox7p9S/jfMkKBO42wS3BAOwHx3WCWWswMPMIC7TyWW8lel/AgJPBpnk+CacAhm60IqsZxteIQh3HtVYtw/CGtynSVBjcbZJLgkJKERgiqxnC14hmHcu1Vi3N+l++ZESVCtcTYJzgkZaIKASiwnAXkYwb1TJcb9raz7C1pn5z/d/j0y5zm5Lmmdg7KuST7hyq1w7TFzhieZu13ZMteoXFdl7tbfHJD1zCC8sG4Yrl1mrrKeCetuI6wq6+66zNl6VNPQDFmEZ9ZzxrWDMCrrGLdeEoSV0l0XbOBa1GzYFLTAMcKc9Xriav6rx6AAMevdlnLnpdxNXF80D2MSvHCK8MT6VeHaRhiHV9Mk6yeJsELKNfcYrgXNe56AVsghPLL+McDVK+KibbnlzqZcU3Yc17xG/CPAAMgam01c80zBAAAAAElFTkSuQmCC) center right no-repeat;
        padding: 3px 0 3px 0;
        color: #999;
        width: 17%;
        text-align: left;
        margin: 0 3% 0 0;
    }

        ul#progressbar li.active {
            color: #000;
            font-weight: 500;
        }

#imageboxframe {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/ssi/imagebox/darkbg.png);
    display: block;
    z-index: 1000;
}

    #imageboxframe div {
        position: absolute;
        background: #fff;
        margin: 10px auto 0 auto;
        padding: 0;
        -webkit-box-shadow: 5px 5px 20px 0 rgba(0,0,0,.5);
        box-shadow: 5px 5px 20px 0 rgba(0,0,0,.5);
        overflow: hidden;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        visibility: hidden;
    }

        #imageboxframe div img {
            width: 100%;
        }

    #imageboxframe #close {
        position: absolute;
        z-index: 999;
        top: 0;
        right: 0;
    }

@media only screen and (max-width:529px) {
    .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
        width: 100%;
    }

    .col {
        margin: 1% 0 1% 0;
    }

    #logo {
        float: none;
        height: 50px;
        max-width: 312px;
        text-align: center;
        padding: 0;
        margin: 5px auto 5px auto;
    }

    #pagenav {
        display: none;
    }

    #headerright {
        width: 50%;
        max-width: 50%;
        float: right;
        height: 48px;
    }

    .headerprice {
        display: none;
    }

    .headerbasket {
        display: inline;
    }

    #headerright img {
        margin: 0 0 0 20px;
        padding: 0;
    }

    #sp, #sbtlink {
        display: none;
    }

    #nav {
        width: 50%;
        float: left;
        clear: none;
        background: url(/images/header/navmenubt.svg) top left no-repeat #f8f6f2;
        cursor: pointer;
    }

        #nav ul {
            left: 0;
            top: 110px;
            width: 100%;
            position: absolute;
            background: #f8f6f2;
            display: none;
            z-index: 2000;
        }

            #nav ul li {
                width: 100%;
                display: block;
                border-bottom: 1px solid #ccc;
            }

                #nav ul li a {
                    display: block;
                    font-size: 18px;
                    padding: 10px 20px;
                }

    #footer p, #footer p a, #footer h3 {
        text-align: center;
        display: block;
    }

    .paymentlinks img {
        width: 50%;
        clear: both;
    }

    ul#progressbar li {
        font-size: 12px;
    }

    .basketqtybutton {
        display: none;
    }
}

@media only screen and (min-width:530px) and (max-width:699px) {
    .span6 {
        width: 46%;
    }

    .span5 {
        width: 46%;
    }

    .span4 {
        width: 46%;
    }

    .span3 {
        width: 21%;
    }

    .span2 {
        width: 21%;
    }

    .span1 {
        width: 21%;
    }

    #logo {
        float: left;
        padding: 22px 0 0 20px;
    }

    #pagenav {
        display: none;
    }

    #headerright {
        font-size: 16px;
    }

    .headerbasket {
        font-size: 16px;
    }

        .headerbasket img {
            width: 24px;
            height: auto;
        }

    #sp, #sbtlink {
        display: none;
    }

    .paymentlinks {
        display: none;
    }

    ul#progressbar li {
        font-size: 15px;
    }
     .col {
        margin: 1% 0 1% 4%;
    }
}

@media only screen and (min-width:700px) and (max-width:949px) {
    .span6 {
        width: 46%;
    }

    .span5 {
        width: 46%;
    }

    #logo {
        float: left;
        padding: 22px 0 0 20px;
    }

    #pagenav {
        padding-top: 5px;
    }

        #pagenav li {
            font-size: 16px;
            display: block;
            position: relative;
        }

            #pagenav li ul, #pagenav li ul:hover {
                display: none;
            }

    .pagedropdown {
        background: none;
        padding: 0;
    }

    #headerright {
        font-size: 16px;
    }

    .headerbasket {
        font-size: 16px;
    }

        .headerbasket img {
            width: 24px;
            height: auto;
        }

    .sociallinks img {
        width: 40%;
    }

    .paymentlinks img {
        width: 80%;
    }

    #footer option {
        width: 50px;
    }
}

@media only screen and (min-width:1340px) {
    #main .row {
        max-width: 1200px;
        margin: 0 auto;
    }
}

.compatibility {
    border: none;
    border-collapse: collapse;
    width: 50%;
}

    .compatibility tr {
        border-bottom: 1px dotted #ccc;
    }

        .compatibility tr:last-child {
            border-bottom: none;
        }

    .compatibility td {
        padding: 10px 3px;
    }

        .compatibility td:nth-child(even) {
            text-align: center;
        }

.compatibilityyes {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #6ac232;
    color: #fff;
    margin: 4px 0;
    padding: 5px 8px;
}

.compatibilityno {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #de2b2b;
    color: #fff;
    margin: 4px 0;
    padding: 5px 8px;
}
