/*

	QOP-2479
	By Robin Davidson @ AIM Smarter
	-----------------------------------------------------------------------------------

*/

/* Reset */
body {
    background: #000;
    color: #000;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    text-align: center;
    padding-top: 8px;
}

body.home {
    background: #000;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    text-align: center;
    padding-top: 8px;
}

* {
    /* normalise margin, padding, typography */
    /* margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    font-size: 100%;
    line-height: inherit;
    vertical-align: baseline; */
}

ol,
ul {
    list-style: none outside;
}

/* remove bullets by default, only desirable under the .body-text class */
table.nc {
    border-collapse: collapse;
    border-spacing: 0;
}

/* collapse space between table cells by default. 'nc' is a special class for tables written out by the template and not by the wysiwyg editor */
fieldset,
img {
    border: 0;
}

/* q:before,
q:after {
    content: '';
} */

/* bring good browsers in line with IE <= 6 (!?) */
button {
    width: auto;
    overflow: visible;
}

/* Layout
    ------------------------------------------------------------------------------------*/
html {
    text-align: center;
}

#header {
    position: relative;
    background: url("/static/toyota/menu_bar_backgrounds2.gif") repeat scroll 0 -203px #fff;
    padding: 0 11px;
}

#header h1,
#header h2 {
    margin: 30px 0 10px 0;
    float: left;
    border: none;
}

#inner-wrapper {
    /* this wraps the main content blocks, useful with float clearing methods for background images etc */

}

#primary {
    /* float: left;
    width: 100%;
    margin: 0;
    padding: 0; */
}

#primary .content {

}

#primary .inner-content {

}

#secondary {
    float: left;
    width: 20%;
    margin: 0 0 -16px -20%;
}

#tertiary {
    float: left;
    width: 20%;
    margin: 0 0 -16px -100%;
}


#footer {
    /* background: #1f232e; */
    color: #fff;
    /* padding: 7px 11px; */
    /* clear: both; */
    /* font-size: small; */
    /* position: relative; */
}

#footer .content {
    /* background: #fff; */
}

.content {
    overflow: hidden;
}

.inner-content {
    /* a generic helper wrapper inside each main content block, best used in the context of its parent eg. #primary .content {} */
    /* margin: 0 0px; */
    /* using margin means we can apply 100% width to boxes inside without layout breaking */
}

/* Boxes - specific section styling
    ------------------------------------------------------------------------------------*/

/* =box */
.box {
    /* set basic styles for all .box sections, then over-ride as necessary */

}

#footer .ctl,
#footer .ctr,
#footer .cbl,
#footer .cbr,
#sub-pages .tl,
#sub-pages .tr,
#sub-pages .bl,
#sub-pages .br {}


#sub-pages .tl,
#sub-pages .tr,
#sub-pages .bl,
#sub-pages .br,
#footer .ctl,
#footer .ctr,
#footer .cbl,
#footer .cbr,
#top-search .tl,
#top-search .tr,
#top-search .bl,
#top-search .br {
    position: relative;
    z-index: 4;
}

.box,
#sub-pages {
    /* this is a set of classes for easiest possible creation of fluid content boxes around the various site elements. Can be made specific to the area of the site eg. #header .box1, #primary .box1 */
    padding: 0;
    margin: 0 0 16px 0;
}

.tl,
#sub-pages .tl,
#footer .ctl,
.ltl {}

.tr,
#sub-pages .tr,
#footer .ctr,
.ltr {}

.bl,
#sub-pages .bl,
#footer .cbl,
.lbl {
    clear: both;
}

.br,
#sub-pages .br,
#footer .cbr,
.lbr {
    /*padding: 16px 0 0; margin-left: 16px;*/
}

.inner-box,

#footer .content {
    overflow: visible;
}

#top-search .inner-box {
    margin: -8px 0;
}

#top-search form {
    position: relative;
    z-index: 8;
}

#sub-pages .inner-box {
    margin: -6px 0;
}

#footer .inner-content {
    /* margin: -6px 0;
    padding: 1px 0px 0;
    background: #fff; */
}

#footer .inner-content .box,
#sub-pages ul {
    position: relative;
    z-index: 12;
}

/* stop p covering the list */

/* =links =box */
.ltl,
.ltr,
.lbl,
.lbr {
    /* link border css */
    background-repeat: no-repeat;
    background-image: url(/templates/blank/lib/white-border.png);
    position: relative;
    z-index: 6;
}

/* =links =sidebar =box */
.sidebar .link-box {
    position: relative;
    z-index: 4;
}

.ltl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.lbl {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

/* =primary =box */
.primary .box,
.primary .inner-box {
    background: none;
    padding: 0;
    margin: 0;
    border: 0;
}

.primary .tl,
.primary .tr,
.primary .bl,
.primary .br {
    background: none;
    padding: 0;
    margin: 0;
}

.primary .box {
    margin: 0.81em 0;
}

#footer .box,
#footer .inner-box,
#footer .box .tr,
#footer .box .tl,
#footer .box .bl,
#footer .box .br {
    padding: 0;
    margin: 0;
}

/* =table (tables that ARE NOT user submitted content via FCKin editor */
.nc {
    border: 1px solid #aaa;
    border-width: 0;
    width: 99.8%;
    margin: 0.81em 0;
    font-size: small;
    clear: both;
}

.nc td,
.nc th {
    font-size: small;
    padding: 2px 3px;
    margin: 0;
    line-height: 1.205em;
    vertical-align: middle;
}

.nc th {
    font-weight: bold;
    text-align: left;
}

.nc thead th {
    color: #393a3d;
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 1px dotted #aaa;
}

.nc tfoot th,
.nc tfoot td {
    border-top: 1px solid #aaa;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.62em;
}

.nc tfoot td {
    border-top-style: dotted;
}

.nc tbody td {
    padding: 8px 3px;
}

.nc .tac {
    text-align: center;
}

.nc .tar {
    text-align: right;
    padding-right: 6px;
}

.nc .tal {
    text-align: left;
}

.nc .odd {
    background: #eee;
}

.nc .even {
    background: #f9f9f9;
}

/* =basket =steps */
.steps {
    padding: 0.81em 0;
    text-align: center;
}

.steps * {
    display: inline;
    margin: 0 8px;
    background: none;
    border: 0;
    padding: 0;
}

.steps input,
.steps span,
.steps a:link,
.steps a:visited,
.steps a:hover,
.steps a:active {
    color: #393a3d;
    text-decoration: none;
    border-bottom: 1px solid #343833;
}

.steps a,
.steps span {
    padding: 1px 3px;
}

.steps input {
    cursor: pointer;
}

.steps input:hover,
.steps a:hover {
    border-color: #999;
}

.steps .current {
    border: 1px solid #999;
    background: #eee;
    padding: 3px;
}

/* =basket */
#primary .basket fieldset {
    margin: 0;
    padding: 0;
    position: relative;
}

.basket .nc {
    margin: 1.62em 0;
}

.basket #pd {
    width: 50%;
}

.basket #rm {
    width: 12%;
}

.basket td.pd p {
    margin: 2px 0;
}

#primary .basket td.img {
    width: 54px;
    padding: 3px;
}

.basket input.submit {
    margin: 0;
}

#primary .basket fieldset.submit {
    padding: 16px 0;
}

.basket fieldset.submit a,
.basket fieldset.submit input {
    margin: 0 8px;
}

.basket table img {
    border: 1px solid #aaa;
    margin: 0;
    padding: 2px;
    background: #fff;
}

.tac input {
    text-align: center;
}

.quantity {
    width: 2.8em;
    text-align: center;
}

#tt {
    color: #000;
}

.tot {
    color: #36f;
    border-bottom: 1px solid #000;
}


/* =.extras (additional cost info) */
#wrapper #primary .extras {
    color: #555;
    font-size: x-small;
}

#wrapper #primary .extras li {
    list-style: disc outside;
    margin-left: 14px;
    padding: 0;
    border: 0;
    overflow: visible;
}

/* =nav =back */

.back,
fieldset.submit {
    clear: both;
    line-height: 1.62em;
    padding: 2em 0;
    font-size: small;
    text-align: center;
    margin-bottom: 1.82em;
}

/* =news */
#news {
    background: none;
    font-size: small;
}

#news * {
    background: none;
}

#news .inner-box {
    padding: 0;
}

#news li {
    padding: 0.81em 0;
    overflow: hidden;
}

#news h3 a {
    padding: 0 0 0.2em;
    font-weight: bold;
    font-variant: small-caps;
    border-bottom: 1px solid #ccc;
    display: block;
}

#news img {
    float: left;
    margin: .81em 12px 0.2em 0;
}

/* =links =top */
#top-links {
    text-align: right;
    height: 20px;
    width: 100%;
    position: absolute;
    top: 10px;
    right: 10px;
}

#top-links * {
    background: none;
}

#top-links .tr {}

#top-links li {
    display: inline;
    margin-left: 10px;
    border-right: 1px solid #666;
}

#top-links li:last-child {
    border-right: none;
}

#top-links a {
    color: #464748;
    padding-right: 10px;
}

/* leave room for background image */
#wrapper .l10n>a {
    border: none !important;
    background: none !important;
}

.l10n-opts-wrap ul li {
    border-right: none !important;
}

/* =links =tabs */
#tab-links div {
    background: none;
    margin: 0;
}

#tab-links {
    color: #FFFFFF;
    display: block;
    overflow: hidden;
    text-decoration: none;
    clear: both;
    padding: 0;
    margin: 0;
    background: url("/utils/css/template9/menu_bar_backgrounds2.png") repeat scroll 0 -37px #FFFFFF;

    border-right: 1px solid rgba(0, 0, 0, 0.2);
    display: block;
    position: relative;

}

#tab-links li {
    display: inline;
    line-height: 1.62em;
    float: left;
}

#tab-links a {
    color: #fff;
    padding: 10px 16px 10px 16px;
    white-space: nowrap;
    font-size: 1.3em;
    background: url("/utils/css/template9/menu_bar_backgrounds2.png") repeat scroll 0 -37px #FFFFFF;
    background-position: right -37px;
    display: block;
    font-size: 14px;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
    vertical-align: middle;
}

#tab-links li:hover a {
    text-decoration: underline;
    background-position: right -110px;
}

/* =nav =breadcrumbs */
#primary #breadcrumbs {
    font-size: 14px;
    background: none;
    margin-top: 0;
}

#breadcrumbs a {
    color: #000;
}

/* =nav =subcats */
#sub-categories {
    font-size: small;
}

/* these may have an associated image */
#sub-categories li {
    float: left;
    border: 1px solid #000;
    position: relative;
    width: 150px;
    display: inline;
    padding: 0;
    margin-right: 16px;
    margin-bottom: 10px;
}

#sub-categories li span {
    width: 100%;
    float: left;
    text-align: center;
}

#sub-categories a img {
    padding: 4px;
    margin-left: 10px;
    background: #fff;
    vertical-align: middle;
}

#sub-categories a {
    color: #e94535;
}

/* =nav =subpages */
#sub-pages {
    font-size: small;
    text-align: center;
}

#sub-pages ul {
    padding: 0;
    margin: 0;
}

#sub-pages li {
    display: inline;
    padding: 0;
    margin: 0 8px;
    line-height: 1.41em;
}

#sub-pages li li {
    display: none;
}

#sub-pages a {
    padding: 0.2em;
    white-space: nowrap;
}

/* =sidebar =nav */
.sidebar ul,
#login ul {
    list-style: dashed;
}

.sidebar li,
#login ul li {
    margin-left: 14px;
    font-size: small;
    clear: both;
    color: #343833;
    padding: 0.1em 0;
}

.sidebar a,
#login ul a {
    color: #374853;
    font-size: 14px;
    padding: 0;
    display: block;
}

.sidebar a:hover,
#login ul a:hover {
    color: #1C8FF2;
}

.sidebar ul li ul {
    list-style: square;
    margin-left: 10px;
}

.sidebar ul li ul li {
    color: #ccc;
}

/* =links */
.links {
    background: none;
}

.links .tl,
.links .bl,
.links .tr,
.links .br {
    background: none;
    margin: 0;
    padding: 0;
}

.links .inner-box {
    margin: 0;
    padding: 0;
    background: none;
}

.links ul {
    list-style: none;
    margin: 0;
    padding: 0px 0;
}

.links li {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
}

.links img {
    display: block;
    margin: 0;
    width: 100%;
}

.links a.link {
    /* use the .link class if just image and text. HTML box has .body styling */
    font-size: small;
    text-align: center;
    display: block;
    line-height: 1.2em;
    overflow: hidden;
}

.links .description {
    background: #e8e7ed;
    color: #000;
    padding: 0.6em 8px;
    display: block;
    margin: 0;
}

/* =links =bestsellers */
#primary .links {
    text-align: center;
}

#primary .links li {
    float: left;
    width: 30%;
}

/* 3 column list */
#primary .links li.a {
    clear: both;
    display: block;
    cursor: pointer;
    margin-right: 5%;
}

#primary .links li.c {
    float: right;
    margin-right: 0;
}

#primary .links img {
    width: 100%;
}

#primary .links .image {
    display: block;
    width: 100%;
    height: 14em;
    overflow: hidden;
}

/* =nav =site-map */
#site-map {
    background: none;
}

#site-map * {
    background: none;
}

#site-map ul ul {
    list-style: disc outside;
}

#site-map li {
    margin-left: 14px;
    font-weight: bold;
    clear: both;
    color: #ccc;
    padding: 0.25em 0;
}

#site-map a {
    font-weight: bold;
}

#site-map li li {
    font-weight: normal;
    font-size: small;
}

#site-map li li a {
    padding: 0;
    font-weight: normal;
    width: 100%;
    line-height: 1.2em;
}

/* =gallery */
#user-gallery {
    width: 100%;
}

#user-gallery form {
    clear: both;
}

#user-gallery form label {
    display: block;
    padding: 0.2em 0;
}

#user-gallery form label span.desc {
    float: left;
    width: 10em;
    padding: 0.35em 0;
    line-height: 1.2em;
}

#user-gallery ul.galleries {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 16px 0;
    clear: both;
}

#user-gallery ul.galleries li {
    overflow: hidden;
}

#user-gallery ul.galleries .image {
    display: block;
    float: left;
    width: 30.8%;
    min-width: ;
    text-align: center;
    font-size: small;
    padding: 6px 0;
    margin: 0 1% 12px;
    border: 1px solid #ccc;
}

#user-gallery ul.galleries .image-link {
    display: block;
    height: 140px;
    max-width: 140px;
    width: 140px;
    margin: 0 auto 6px;
}

#user-gallery ul.galleries .image img {
    display: block;
    width: 95%;
    margin: auto;
}

#user-gallery .single-image {
    width: 100%;
    overflow: hidden;
}

#user-gallery .single-image img {
    width: auto;
    max-width: 100%;
}

#user-gallery .a {
    clear: left;
}

/* =meta */
#footer #meta {
    float: left;
    z-index: 20;
}

#meta p {
    color: #666;
    margin: 15px 0 0 10px;
    padding: 0;
    line-height: 1.2em;
    font-size: 11px;
}

/* =links =bottom */
#footer #bottom-links {
    text-align: right;
    position: absolute;
    top: 0px;
    right: 20px;
    margin: 10px 20px 0 0;
    overflow: visible;
    z-index: 20;
}

#footer #bottom-links li {
    display: inline;
    margin-left: 10px;
    border-right: #393a3d;
}

#footer #bottom-links a {
    color: #fff;
    padding-left: 10px;
    line-height: 1.2em;
    font-size: 11px;
    text-decoration: underline;
}

/* =nav =back-to-top */
#back-to-top {
    position: absolute;
    height: 12px;
    width: 32px;
    top: -14px;
    left: 50%;
    margin-left: -16px;
    font-size: x-small;
    text-align: center;
    z-index: 10;
}

#back-to-top a {
    display: block;
    background: url(/templates/blank/lib/back-to-top.png) no-repeat center;
    height: 12px;
    width: 32px;
    overflow: hidden;
    text-indent: -9999px;
}

/* =location  - this class is applied to the containing <li> around any link that matches the current location */
.location a,
.location .location a {}

.location ul a {
    font-weight: normal;
}

/* =basket =mini */
.mini-basket {
    font-size: small;
    position: relative;
    width: 189px;
}

.mini-basket li {
    list-style: none;
    margin-left: 0;
    color: #000;
}

.mini-basket .checkout-link {
    display: block;
    text-align: center;
}

.mini-basket h3 {
    background: #666;
    /* height: 25px !important; */
}

.mini-basket .bl {}

.mini-basket .msg {
    margin: 0 0px 0 1px;
    padding: 10px 0 10px 25px;
}

.mini-basket ul {
    padding-left: 6px;
    margin-left: 1px;
}

.mini-basket p {
    border: none;
    margin: 0 0 0 1px;
    padding: 6px;
}

/* =sidebar =news */
#latest-news {
    font-size: small;
}

/* news box on home page, contains a list of the most recent 6 articles */
#latest-news h4 a {
    line-height: 1.21em;
    font-weight: bold;
    font-variant: small-caps;
    margin-bottom: 0.4em;
}

#latest-news ol {
    margin: 0;
    padding: 0;
}

#latest-news li {
    margin: 0em 0 0.6em;
    padding: 0 0.6em;
    border-bottom: 1px dotted #393a3d;
    overflow: hidden;
}

#latest-news p {
    color: #000;
    line-height: 1.4em;
    margin: 0.2em 0;
    color: #000;
}

#latest-news img {
    margin: 0 6px 0 0;
}

.sidebar #latest-news p {
    font-size: 11px;
}

/* =form */
form {
    font-size: small;
}

.primary fieldset {
    /* padding: 0.81em 0; */
}

.primary legend {
    font-weight: bold;
    font-size: normal;
    padding: 0.4em 0.4em 0.4em 0;
    color: #36f;
}

.primary form h3 {
    font-weight: bold;
    font-size: normal;
    padding: 0.4em 0.3em;
}

.primary fieldset p {
    margin-top: 0;
}

.primary fieldset ol {
    margin: 0 0 2em;
    border-top: 1px dotted #ccc;
}

.primary fieldset li {
    overflow: hidden;
    padding: 0.4em;
    position: relative;
    border-bottom: 1px dotted #ccc;
}

.primary form li label {
    float: left;
    width: 10em;
    padding: 0.2em 0 0;
    line-height: 1.2em;
}

.primary fieldset p {
    margin: 0.4em;
}

.primary form li.required em {
    color: #c00;
    position: absolute;
    left: 10.2em;
    top: 1em;
}

.primary form li input,
.primary form li select,
.primary form li textarea {
    /* margin-left: 1em; */
    vertical-align: bottom;
}

.primary form li textarea {
    width: 23em;
    line-height: 1.4em;
    padding: 0.2em 2px;
}

#wrapper .currency input {
    width: 6em;
    margin-right: 4px;
    vertical-align: middle;
    padding-top: 2px;
}

/* use #id overrides */
#wrapper .currency select {
    margin-left: 0;
    vertical-align: middle;
}

form .text input,
form .Text input,
form .number input,
form .Number input,
form .URL input,
form .Postcode input,
form .Email input,
form .email input,
form.email-address,
form .readonly input,
form .password input,
form .select input {
    border: 0 none;
    border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    -webkit-border-radius: 30px 30px 30px 30px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    line-height: 1.7;
    padding: 3px 5px 2px 20px;
    width: 140px;
}

form .readonly input {
    background: #fff;
    border: 1px solid #fff;
    color: #393a3d;
}

form li.checkbox input,
form li.Checkbox input {
    margin: 0.35em 0 0.35em 1em;
}

/* capital letters because of the datamate form write out */
form li.nolabel select {
    margin-left: 0;
    width: 70%;
}

.amount input,
input.qty {
    width: 2.4em;
}

li.checkbox input {
    vertical-align: middle;
}

option {
    padding: 0em 0.2em 0em 0.4em;
}

li.file fieldset {
    padding: 0 0 0.6em 0;
    margin: 0;
    border: 0;
}

li.file fieldset legend {
    padding: 0;
    margin-bottom: 0.6em;
}

li.file fieldset img {
    float: left;
    margin-right: 10px;
    border: 1px solid #ccc;
}

li.file fieldset label {
    width: auto;
    display: block;
    overflow: hidden;
    padding: 0 0;
}

li.file fieldset span.desc {
    float: left;
    width: 9em;
    padding: 0;
    line-height: 1.2em;
}

.sidebar form .text input,
.sidebar form .password input,
.sidebar form .email input {
    padding-left: 0;
    padding-right: 0;
}

#wrapper .small {
    vertical-align: middle;
}

#wrapper .small,
#wrapper .small fieldset {
    display: inline;
    padding: 0;
    margin: 0;
    border: 0;
}

fieldset.submit {
    text-align: center;
}

fieldset.submit input,
fieldset.submit a {
    vertical-align: middle;
}

#wrapper form li.active {
    background: #ffc;
}

#technologo-image fieldset {
    border: 0;
    margin: 0;
    padding: 0 0 10px;
}

fieldset.group {
    border: 0;
}

fieldset.group legend {
    display: block;
    color: #333;
    font-weight: normal;
}

#wrapper fieldset.group label {
    display: block;
    float: none;
    width: auto;
    margin-left: 11em;
}

#wrapper fieldset.group input {
    margin: 0;
}


/* =product */
#product .pdv-body {
    width: 310px;
    position: absolute;
    top: 400px;
    left: 450px;
}

#product .body.product {
    width: 340px;
}

#product h2 {
    padding-top: 15px;
}

#product .image {
    float: right;
    position: relative;
    border: 1px solid #ccc;
    padding: 4px;
    background: #fff;
    width: 200px;
    height: 200px;
}

#product .image img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
}

#product .item-info {
    float: left;
    clear: none;
    width: 340px;
    margin: 0 0 1em 0;
}

#product .item-info th {
    border-bottom: 1px solid #c8dbbf;
    padding: 3px 6px 3px 0;
}

#product .item-info td {
    border-bottom: 1px dotted #c8dbbf;
    padding: 3px 0 3px 6px;
}

#product .discounts {
    width: 420px;
    float: left;
    margin-top: 20px;
    background: #eee;
    border: 1px solid #ccc;
}

#product .discounts th {
    padding: 10px 20px;
}

#product p.price-box {
    float: left;
    width: 300px;
}

#product .small {
    float: left;
    clear: left;
    display: block;
    margin: 10px 0 0px 0;
}

#product .small fieldset {
    display: block;
}

#product .favourites {
    float: left;
}

#product .sample {
    float: left;
    margin-left: 4px;
    width: 85px;
    height: 30px;
}

#product .basket .submit {
    clear: left;
}

.product-variations {
    text-align: left;
}

#product .basket {
    float: left;
    position: relative;
    background: #eee;
    padding: 10px 20px;
    border: 1px solid #ccc;
    margin: 10px 0 0 0;
}

#product .basket h3 {
    margin: 0;
    padding-left: 0;
}

#product .basket label {
    width: 100%;
    display: block;
    padding: 4px 0;
    clear: both;
    overflow: visible;
}

#product .basket span.desc {
    display: block;
    width: 8em;
    float: left;
    margin-top: 0.2em;
}

#product .basket label span.info-link {
    display: none;
}

#product .basket label span.info-link acronym {
    display: none;
}

#product .basket label span.info-link span {
    display: block;
    background: #ffc;
    border: 1px solid #ccc;
    padding: 6px;
}

#product .basket label input {
    width: 15em;
    text-align: left;
}

#product .basket label select {}

#product .results {
    padding: 16px 4px;
    clear: both;
    line-height: 1.2em;
}

#product .results .calculate,
#product .results table {
    float: left;
    margin-right: 16px;
}

#product .results table th,
#product .results table td {
    padding-right: 16px;
}

#product .results strong {
    color: #c00;
}

#upsell {
    border: 1px solid #ccc;
    border-width: 3px 0;
    clear: both;
    margin: 10px 0 16px;
}

.colour-swatches {
    overflow: hidden;
    margin: 10px 0;
}

.colour-swatches .swatch {
    float: left;
    display: block;
    margin: 0 4px 4px 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.colour-swatches .swatch-colour {
    float: left;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 4px 0 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.colour-swatches .swatch-name {
    display: block;
    line-height: 30px;
}

#product #decorations {
    clear: both;
    background: #ddd;
    padding: 10px !important;
}

#product #decorations h4 {
    padding: 5px 0;
    margin: 0;
}

#product #decorations .dec-box {
    border: 1px solid #ccc;
    margin: 10px 0;
    clear: both;
}

#product #decorations .dec-box h5 {
    background: #eee;
    padding: 5px;
}

#product #decorations .dec-box .dec-controls {
    padding: 5px;
    text-align: right;
    background: #f9f9f9;
}

#product #decorations legend {}

#product #decorations input {
    width: auto;
    display: inline;
}

#product #decorations li li {
    margin: 0;
    padding: 0;
}

#product #decorations fieldset {
    font-size: 1em;
    margin: 0;
    padding: 0 5px 5px;
    border: 1px dotted #ccc;
    border-width: 0 0 1px 0;
    clear: both;
}

#product #decorations fieldset legend {
    font-weight: normal;
}

#product #decorations fieldset fieldset {
    background: #f7f7ff;
    margin-bottom: 5px;
    border-width: 1px;
}

#product #decorations ul {
    border-top: 1px dotted #ccc;
    margin: 0;
    padding: 0;
    list-style: none;
}

#product #decorations ul ul {
    border-top: 0;
}

#product #decorations .radios {
    overflow: hidden;
    padding: 0;
}

#product #decorations .radios li {
    float: left;
    border: 0;
    padding: 0 0 5px;
    white-space: nowrap;
}

#product #decorations li input {
    margin-left: 0;
    vertical-align: text-bottom;
}

#product #decorations .radios li label {
    float: none;
    width: auto;
    display: inline;
    padding: 0 16px 0 0;
    margin: 0;
    cursor: pointer;
}

#product #decorations li.selected {
    background: #f3f3ff;
}

#product #decorations li.selected .selected {
    background: none;
}

.bundles span.quantity_text {
    margin-right: 5px;
}

.bundles h3#bundlestitle {
    display: none;
}

.bundles a {
    color: #000;
}

/* =addresses */
#addresses .address-list {
    border-top: 1px dotted #ccc;
}

#addresses .address-list li {
    float: left;
    width: 100%;
    padding: 0.4em 0;
    border-bottom: 1px dotted #ccc;
}

#addresses .address-list .options {
    float: right;
    clear: right;
    width: 30%;
    padding: 4px;
    border-left: 1px solid #eee;
    margin: 0;
    height: 3.6em;
}

#addresses .address-list .options fieldset {
    border: 0;
    padding: 0 0 6px 4px;
    margin: 0 0 4px;
    border-bottom: 1px dotted #ccc;
}

#addresses .address-list .options label {
    padding: 0;
    display: inline;
    float: none;
    margin-right: 8px;
}

#addresses .address-list .options input {
    margin: 0;
    vertical-align: top;
}

#addresses .address-list .options a {
    margin: 0 8px 0 4px;
}

#addresses .address-list .adr {
    font-size: small;
    line-height: 1.21em;
    text-align: left;
    float: left;
    width: 60%;
    padding: 0.4em 16px 0.4em 16px;
}

/* =orders */
#my-orders fieldset {
    border: 0;
    text-align: center;
}

#my-orders label {
    margin: 0 2px;
}

#past-order-filter label {
    margin-right: 16px;
}

#past-order-filter .submit {
    vertical-align: middle;
}

/* =logos */
#logos {
    text-align: center;
    background: none;
}

#logos div {
    background: none;
}

/* =users */
#my-users form h3 {
    padding-left: 0;
    padding-right: 0;
}

#my-users form input.submit {
    padding: 0;
    width: auto;
}


/* =sidebar =form */
.sidebar fieldset ol {
    margin: 0.4em 0;
    padding: 0;
}

.sidebar fieldset li {
    margin: 0;
    padding: 0.2em 0;
}

.sidebar li.text input {
    width: 98%;
    margin-top: 4px;
}

.sidebar li label {
    color: #000;
}

.sidebar fieldset.submit {
    text-align: center;
    margin-bottom: 0.4em;
}

.sidebar input.submit {
    margin: 0 auto;
}

/* =sidebar =login */
.sidebar #login fieldset.submit {
    width: auto;
    padding: 0;
    border: 0;
}

.sidebar #login ul {
    float: left;
    width: 130px;
}

.sidebar #login ul li {
    margin: 0;
}

.sidebar #login #pwd {
    margin-bottom: 0.3em;
}

.sidebar #login .checkbox input {
    margin-left: 0;
    margin-top: 0.18em;
}

.sidebar #login a {
    font-size: 10px;
    color: #aaa;
}

/* =msg */
.msg {
    border: 1px solid #ccc;
    background-color: ivory;
    padding: 0.4em 0.4em 0.4em 26px;
    margin: 0.4em 0;
    line-height: 1.2em;
    font-size: small;
    color: #343833;
    clear: both;
}

.primary p.msg {
    margin: 0.4em 0;
}

.msg h3 {
    margin: 0 0 0.2em 0;
}

.msg p {
    margin: 0.2em 0 0;
}

.info {
    background: url(/templates/blank/lib/info.png) no-repeat 6px 0.44em;
}

.error {
    background: ivory url(/templates/blank/lib/error.png) no-repeat 6px 0.44em;
}

.success {
    background: ivory url(/templates/blank/lib/success.png) no-repeat 6px 0.44em;
}

.warning {
    background: ivory url(/templates/blank/lib/warning.png) no-repeat 6px 0.44em;
}

/* =top =search */
#top-search {
    margin: 0;
    position: absolute;
    bottom: 17px;
    right: 20px;
}

#top-search span.desc {
    display: none;
}

#top-search .inner-box {
    margin: -8px 4px;
}

#top-search form fieldset {
    text-align: center;
    margin: 0;
    padding: 0;
}

#top-search form * {
    font-size: small;
}

#top-search form input {
    vertical-align: bottom;
}

#top-search form select {
    vertical-align: baseline;
}

#top-search form input.submit {
    margin-left: 0;
    vertical-align: baseline;
}

#top-search a {
    color: #fff;
}

#search ol {
    padding: 0 10px;
    margin: 0;
}

#search fieldset.submit {
    border: none;
}

/* =product-list */

.product-list li {
    width: 170px;
    min-height: 280px;
    border: 1px solid #ccc;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
    zoom: 1;
    *display: inline;
    _height: 280px;
    text-align: center;
    padding: 10px 0 0 0;
}

.product-list li .options {
    display: none;
}

.product-list li h3 {
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
}

.product-list li h3 a {
    color: #000;
}

.product-list li h3 .pid {
    display: none;
}

.product-list li em.was-price-label {
    display: none;
}

.product-list li span.was-price {
    display: none;
}

.product-list .icons {}

.product-list .icons img {}

.product-list li .body {
    padding: 10px;
    font-size: 11px;
}

.product-list li .colour-swatches {
    margin-left: 5px;
}

.product-list li .colour-swatches h4 {
    display: none;
}

.product-list li .colour-swatches .swatch {
    height: 10px;
    width: 10px;
}

#a-z-list {
    padding-bottom: 20px !important;
    margin-top: 5px !important;
    font-size: 10px;
}

#a-z-list a {
    color: #666666;
    display: block;
    padding-left: 10px;
}

#a-z-list h3 {
    background: url("/utils/css/template9/menu_bar_backgrounds2.png") repeat scroll 0 -37px #FFFFFF;
    padding: 6px;
    color: #fff;
}

#a-z-list ul {
    width: 20%;
    float: left;
}

/* Basic element styles (low level stuff)
    ---------------------------------------------------------------------------------------*/

h1 {

}

h2,
#primary h1 {

}

h3 {

}

h4 {
 
}

/* may want some alternate styling in sidebars or on .tertiary, .secondary, #basket etc... */
.sidebar h3 {
    font-size: 14px;
    /* height: 21px; */
    margin: 0;
    padding: 10px 0 5px 10px;
    background: url("/utils/css/template9/highlight.png?dcc2d23") repeat-x scroll left 0 #F3F3F3;
    background-color: #CBCBCB;
    color: #444444;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 0 #EEEEEE;
    border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
}

.sidebar h3 a {
    color: #444444;
}

.sidebar .inner-box {
    border: 1px solid #ccc;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #ECECEC
}

div.date {
    margin-bottom: 0.2em;
    font-size: x-small;
    color: #aaa;
    font-style: italic;
}

.pid {
    font-weight: normal;
    color: #aaa;
    font-size: small;
}

/* product id span */
.price {
    color: #36f;
    font-weight: bold;
}

/* price display (not always a span) */
.sidebar .price {
    color: #36f;
}

.pagination {
    font-size: small;
    overflow: hidden;
    padding: 0.4em 0;
    vertical-align: bottom;
}

.pagination .per-page {
    float: left;
    line-height: normal;
}

.pagination .next {
    float: right;
    padding-left: 8px;
}

.pagination .prev {
    float: right;
}

dl {
    overflow: hidden;
    font-size: small;
    border-bottom: 1px dotted #ddd;
    margin: 1.62em 0;
}

dl dt {
    float: left;
    width: 10em;
    padding: 0.4em 0;
    border-top: 1px dotted #ddd;
    clear: left;
    line-height: 1.2em;
}

dl dd {
    margin-left: 10em;
    padding: 0.4em;
    border-top: 1px dotted #ddd;
    line-height: 1.2em;
}

.adr {
    font-size: small;
    line-height: 0.8em;
}

.logged-in-as {
    position: absolute;
    top: 7px;
    left: 10px;
    font-size: x-small;
    text-align: right;
    color: #666;
    margin: 0px;
}

.logged-in-as small {
    font-size: 11px;
}

.logged-in-as a {
    color: #ccc;
}

a {
    text-decoration: none;
}

a:link {}

a:visited {
    color: #777;
}

a:hover {
    text-decoration: underline;
}

a:active {}

p.line-shipping {
    color: #666;
}

caption {
    font-weight: bold;
    text-align: left;
    padding: 16px 4px 0;
    text-transform: uppercase;
    text-decoration: underline;
}

.add-costs-info {
    border: 1px solid #ccc;
}

.add-costs-info th {
    background: #eee;
}

/*
        .body encompasses the output from FCK Editor, try to avoid styling the colors etc
        as it's meant to be WYSIWYG and customers complain otherwise. They'll complain
        anyway coz they put tables in and it can break the layout but there's only so much
        you can do. Refer everyone to the documentation for guidelines on using FCK Editor
        to the best effect.
    */
.body {
    /* font-size: small; */
    /* line-height: 1.41em; */
}

/* container for FCK Editor output */
/* p,
.body ol,
.body ul,
.primary ul,
.body blockquote,
.body dl,
.body table {
    margin: 0.81em 0;
} */

.body ol {
    list-style: decimal outside;
    margin-left: 32px;
}

.body ul {
    list-style: disc outside;
    margin-left: 32px;
}

.body li {
    line-height: 1.62em;
}

li {
    vertical-align: middle;
}

/* aligns bullet points in IE */

.body img {}

img.fl-l {
    float: left;
    clear: left;
    margin: 0 16px 0.81em 0;
    border: 1px solid #393a3d;
    padding: 4px;
    background: #000;
}

img.fl-r {
    float: right;
    clear: right;
    margin: 0 0 0.81em 16px;
    border: 1px solid #393a3d;
    padding: 4px;
    background: #000;
}

img.news-image {
    float: right;
    clear: right;
    margin: 0.4em 0 0.81em 16px;
    border: 1px solid #393a3d;
    padding: 4px;
    background: #000;
}

.body blockquote {
    margin: 0.81em 80px 0.81em 20px;
    border: 1px solid #ccc;
    border-width: 1px 0;
    background: #393a3d;
    padding: 0.81em 16px;
}

small {
    font-size: small;
}

big {
    font-size: normal;
    font-weight: bold;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

/* js stuff */
#quick-order label,
#order-forms label {
    float: none;
    display: inline;
    margin: 0 22px;
}

#quick-order label input,
#order-forms label input {
    margin: 0;
}

.details {
    margin: 12px;
}

.details h4 {
    margin-bottom: 4px;
}

.details dl {
    margin-top: 0;
    margin-bottom: 0;
}

#order-forms ul {
    clear: both;
    border-bottom: 1px dotted #ccc;
}

#order-forms ul li {
    margin: 0 0 16px;
    border-top: 1px dotted #ccc;
}

#order-forms .copy label,
#order-forms .copy input {
    margin: 0;
}

#order-forms .copy {
    margin: 8px 0 16px;
}

/* 2 column product view layout stuff starts here */
#qo-2col {
    clear: both;
    float: left;
    width: 100%;
    margin: 0 0 12px;
}

#qo-2col .product-list {
    clear: both;
    float: left;
    width: 100%;
    list-style: none;
    margin: 0 0;
    padding: 12px 0;
}

#qo-2col .product-list li {
    float: left;
    width: 48%;
    padding: 14px 0;
    margin: 0 0 -1px 0;
    border: dotted;
    border-color: #cccccc;
    border-width: 1px 0;
    font-size: 0.8em;
    overflow: visible;
}

#qo-2col .product-list>li {}

#qo-2col .product-list li.odd {
    clear: both;
}

#qo-2col .product-list li.even {
    margin-left: 16px;
    /*float: right; clear: right;*/
}

#qo-2col .product-list h3 {
    margin: 0 0 12px;
    padding: 0;
    line-height: 1em;
}

#qo-2col .product-list h3 a {
    float: none;
}

#qo-2col .product-list a {
    float: left;
    font-weight: bold;
}

/* the link surrounding the image */
#qo-2col .product-list a img {
    padding: 0;
    margin: 0 10px 0 0;
}

#qo-2col .product-list .excerpt {
    margin: 0 0 10px 0;
    color: #000000;
    height: 4em;
}

#qo-2col .product-list>.excerpt {
    height: auto;
    min-height: 4em;
}

#qo-2col .product-list .excerpt * {
    margin: 0;
    line-height: 0.8em;
}

#qo-2col .product-list a.more-info {
    float: none;
    display: block;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    text-align: center;
    margin: 8px 0 10px;
}

#qo-2col .product-list a.more-info:hover {
    color: #000;
    text-decoration: none;
}

#qo-2col .product-list .item-info {
    font-size: 12px;
    float: left;
    text-align: center;
    overflow: hidden;
    margin-bottom: 6px;
}

#qo-2col .product-list .item-info * {
    display: inline;
    margin: 0;
    padding: 0;
    float: none;
    width: auto;
    border: 0;
}

#qo-2col .product-list .item-info dt {
    margin-right: 5px;
    text-align: left;
    padding: 0 0 0 0px;
}

#qo-2col .product-list .item-info dt.was-price-label {
    color: #2030c5;
}

#qo-2col .product-list .item-info dd {
    text-align: left;
    padding: 0 12px 0 0;
}

#qo-2col .product-list .item-info dd.was-value {
    color: #2030c5;
}

#qo-2col .product-list .item-info .price {
    color: #ED1820;
}

/*price text color*/
#qo-2col .product-list .item-info .value {
    color: #ED1820;
    font-size: 110%;
}

#qo-2col .product-list .item-info .min-qty {
    color: #999;
}

/*min qty text color*/
#qo-2col .product-list .item-info .min-val {
    color: #999;
}

#qo-2col .product-list .item-info abbr {
    border-bottom: 0;
    text-decoration: none;
}

#qo-2col .product-list form {
    margin: 6px 0 0 6px;
    display: block;
    text-align: right;
    vertical-align: middle;
    float: right;
}

#qo-2col .product-list form * {
    vertical-align: middle;
}

#qo-2col .product-list form label {
    margin: 0 6px 0 0;
}

#qo-2col .product-list form>label {
    margin: 0;
}

#qo-2col .product-list form label abbr {}

#qo-2col .product-list form label input {
    text-align: center;
    width: 3em;
    font-size: 0.8em;
}

#qo-2col .product-list form button {
    padding: 0 0 1px;
    margin: 0;
    line-height: 1em;
}

#qo-2col .product-list form button img {
    margin: 1px 1px 0;
}

#qo-2col .product-list form button {
    font-size: 0.8em;
}

/* Big Image List */

#qo-bigpic li {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

#qo-bigpic .product-list a {
    float: left;
}

#qo-bigpic .product-list h3 {
    float: left;
}

#qo-bigpic .product-list h3 a {
    float: right;
}

#qo-bigpic .product-list .excerpt {
    float: left;
    width: 300px;
}

#qo-bigpic .product-list .item-info {
    font-size: 11px;
    margin-top: 20px;
    float: left;
    width: 300px;
}

#qo-bigpic .product-list .item-options {
    float: left;
}

#qo-bigpic .product-list abbr {
    border: none;
}


/* Bold Enquiry Only */
.category table#products tr {}

.category table#products td,
.category table#products th {
    font-size: 11px;
}

.category table#products img {
    width: 100px;
    height: 100px;
}

.category table#products td small a {
    display: none;
}

.category table#products h4 {
    font-size: 12px;
    color: #000;
}

.category table#products td form {
    display: none;
}

/* Designer Wide mini basket */
.category .nicelist td {
    font-size: 11px;
}

.category .nicelist td a {
    color: #2d12cf;
}

/* Order Pad Style */
.category form.add td,
.category form.add th {
    font-size: 11px;
}

.category form.add th {
    background: #eee;
}

.category form.add img {
    height: 70px;
    width: 70px;
}

.category form.add td div {
    display: none;
}

.category form.add h4 {
    font-size: 12px;
}

.category form.add td em {
    color: #de1e2c;
    padding: 10px 0;
    float: left;
}

.category form.add tr.altbg {
    background: #eee;
}

.category form.add input.image {
    float: right;
    margin-bottom: 20px;
}

/* Simple List */
#qo-sl1 .product-list {
    clear: both;
    float: left;
    width: 100%;
    list-style: none;
    margin: 0 0 0;
    padding: 12px 0;
    text-align: center;
}

#qo-sl1 .product-list li {
    float: left;
    width: 48%;
    padding: 14px 0;
    margin: 0 1% 12px 0;
    font-size: 0.8em;
}

#qo-sl1 .product-list li.odd {
    clear: left;
}

#qo-sl1 .product-list li.even {
    margin: 0 0 12px 1%;
    float: right;
    clear: right;
}

#qo-sl1 .product-list h3 {
    margin: 0;
    padding: 0;
    line-height: 1em;
    font-size: 16px;
    height: 2.1em;
}

#qo-sl1 .product-list li>h3 {
    min-height: 2.2em;
    height: auto;
}

#qo-sl1 .product-list h3 a {
    float: none;
}

#qo-sl1 .product-list a {
    display: inline;
}

/* the link surrounding the image */
#qo-sl1 .product-list a img {
    padding: 0;
    margin: 4px auto;
}

#qo-sl1 .product-list .excerpt {
    margin: 0 0 10px 0;
    color: #000000;
}

#qo-sl1 .product-list .excerpt * {
    margin: 0;
    line-height: 0.8em;
}

#qo-sl1 .product-list a.more-info {
    display: inline;
    font-weight: bold;
    color: #000;
    width: 109px;
    height: 26px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
}

#qo-sl1 .product-list a.more-info img {
    margin: 0;
    display: inline;
    vertical-align: middle;
}

#qo-sl1 .product-list a.more-info:hover {
    color: #000;
    text-decoration: none;
}

#qo-sl1 .product-list .item-info {
    margin: 0;
    border: none;
    text-align: center;
    overflow: hidden;
    padding: 8px 0;
}

#qo-sl1 .product-list .item-info * {
    display: inline;
    margin: 0;
    padding: 0;
}

#qo-sl1 .product-list .item-info dt {
    text-align: left;
    padding: 0 0 0 12px;
    float: left;
    width: 40%;
}

#qo-sl1 .product-list .item-info dd {
    text-align: left;
    padding: 0 12px 0 0;
    float: left;
    width: 40%;
}

#qo-sl1 .product-list .item-info .price {
    color: #900;
}

#qo-sl1 .product-list .item-info .value {
    color: #900;
    font-size: 110%;
}

#qo-sl1 .product-list .item-info .min-qty {
    color: #999;
}

#qo-sl1 .product-list .item-info .min-val {
    color: #999;
}

#qo-sl1 .product-list .item-info abbr {
    border-bottom: 0;
    text-decoration: none;
}

#qo-sl1 .product-list .item-options {
    line-height: 28px;
}

#qo-sl1 .product-list .item-options * {
    vertical-align: middle;
}

/* options like quantity, add to basket/faves */
#qo-sl1 .product-list form {
    margin: 0;
    padding: 0;
    display: inline;
    vertical-align: middle;
}

#qo-sl1 .product-list form * {
    vertical-align: middle;
    width: auto;
    float: none;
    clear: none;
}

#qo-sl1 .product-list form img {
    display: inline;
}

#qo-sl1 .product-list form label {
    margin: 0 6px 0 0;
    display: inline;
}

#qo-sl1 .product-list form>label {
    margin: 0;
}

#qo-sl1 .product-list form label abbr {}

#qo-sl1 .product-list form label input {
    text-align: center;
    font-size: 0.9em;
    padding: 1px;
}


/* Rounded Boxes Tabs */

#qo-tc1 .product-list li {
    width: 170px;
    min-height: 280px;
    border: 1px solid #eee;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 10px 0;
    zoom: 1;
    *display: inline;
    _height: 280px;
    text-align: center;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

#qo-tc1 .product-list .options {
    display: none;
}

#qo-tc1 .product-list h3 {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    background: #eee;
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
    padding: 10px 0;
}

#qo-tc1 .product-list h3 a {
    color: #000;
}

#qo-tc1 .product-list h3 .pid {
    display: none;
}

#qo-tc1 .product-list em.was-price-label {
    display: none;
}

#qo-tc1 .product-list span.was-price {
    display: none;
}

#qo-tc1 .product-list .icons {
    display: none;
}

#qo-tc1 .product-list .body-text {
    padding: 10px;
}

/* l10n menu */
#wrapper .l10n {
    position: relative;
    /*z-index: 400;*/
    padding: 0;
}

#wrapper .l10n>a {
    border: 1px solid #fff;
    border-width: 1px 1px 0;
    padding: 1px 4px 1px;
    position: relative;
    /*z-index: 500;*/
    background: #fff;
}

#wrapper .l10n:hover>a {
    border-color: #aaa;
    text-decoration: underline;
}

#wrapper #header .l10n-opts-wrap {
    display: none;
    width: 160px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 99%;
    z-index: 400;
    font-size: small;
    border: 1px solid #aaa;
}

.l10n-opts-wrap a {
    color: #000 !important;
}

#wrapper #header .l10n:hover .l10n-opts-wrap {
    display: block;
    overflow: hidden;
}

#wrapper #header .l10n:hover .l10n-opts-wrap ul {
    padding: 6px;
}

#wrapper #header .l10n .l10n-opts-wrap li {
    float: none;
    text-align: left;
    display: block;
    padding: 1px;
    margin: 0;
}

#wrapper #header .l10n .l10n-opts-wrap a {
    padding: 2px;
    display: block;
    margin: 0;
}

#wrapper #header .l10n .l10n-opts-wrap .current a {
    background: #ccc;
    color: #000;
    cursor: default;
}

#wrapper #header .l10n .l10n-opts-wrap a:hover {
    background: #eee;
    color: #000;
}

.info-wrap {
    width: 100%;
    margin-bottom: 10px;
}

.pdv-mini-enquiry-form {
    float: left;
    width: 260px;
    padding: 0 20px;
    border: 1px solid #ccc;
    background: #eee;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.pdv-mini-enquiry-form h3 {
    font-size: 1em;
}

.pdv-mini-enquiry-form label {
    float: left;
    margin-bottom: 5px;
}

.pdv-mini-enquiry-form label#mini-enquiry-notes-label {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.pdv-mini-enquiry-form label#mini-enquiry-notes-label span {
    width: 100%;
    float: left;
    font-size: 0.9em;
}

.pdv-mini-enquiry-form label span {
    width: 10em;
    float: left;
    font-size: 0.9em;
}

.pdv-mini-enquiry-form label input {
    width: 13em;
    float: left;
}

.pdv-mini-enquiry-form label textarea {
    float: left;
    width: 100%;
    height: 50px;
}

.pdv-mini-enquiry-form fieldset.submit {
    margin: 0;
    text-align: left;
}

tr.was-price-row td {
    text-decoration: line-through;
    color: #c81818;
}

p.price-box em {
    margin: 0 5px;
}

p.price-box span.was-price {
    color: #c81818;
    font-weight: bold;
}

#product .icons {
    float: left;
    width: 340px;
    margin-bottom: 20px;
}

#product p.stock {
    width: 300px;
    float: left;
}

.sidebar #login ol {
    padding: 10px 10px;
    margin: 0;
}

.sidebar #login li label {
    float: left;
    width: 5em;
}

.sidebar #login li input {
    float: left;
    width: 7em;
    margin: 0;
}

.sidebar form {
    position: relative;
}

p.stock {
    color: #c81818;
}

#category-nav li {
    margin: 0;
    padding: 3px 0;
}

#category-nav li a {
    text-decoration: none;
    padding: 2px 0 2px 10px;
    color: #484848;
}

#category-nav li:hover a {
    background: #ccc;
    color: #fff;
}

#page-nav li {
    margin: 0;
    padding: 3px 0;
}

#page-nav li a {
    text-decoration: none;
    padding: 2px 0 2px 10px;
    color: #484848;
}

.category-title a {
    color: #fff;
}

#page-nav li:hover a {
    background: #ccc;
    color: #fff;
}

fieldset.delivery-address {}

fieldset.billing-address {
    display: none;
}

li#pay-type-item {
    display: none;
}

#basket fieldset.additional li.select {
    display: none;
}

#checkout .adr p {
    line-height: 20px;
}

#checkout tr.tax {
    display: none;
}

body.product .basket label#custom-option-label {
    display: none;
}

body.product.centre-branded .basket label#custom-option-label {
    display: block !important;
}

body.product.name-badge .basket {
    display: none !important;
}

body.product.name-badge p.stock {
    display: none !important;
}


input.warn {
    border: 1px solid red;
}

label em {
    color: red;
}


/*
** Custom Styles
*/

#header {
    display: none;
}
body.home #tertiary, body.home #secondary {
    display: none;
}

#heading #search-btn {
    color: #000;
    background: #fff;
    border: 1px solid #ced4da;
    border-right: 0;
}

#heading a.nav-link {
    font-size: 1rem;
    padding: 1px 2rem;
    color: #fff;
    text-transform: uppercase;
}
#heading a.nav-link:hover {
    text-decoration: none;
    padding-bottom: 0px;
}

#heading a.nav-link:after {
    display: none;
    content: " ";
    width: 92%;
    border-top: 1px solid #d10c30;
    margin: auto;
}
#heading a.nav-link:hover:after {
    display: block;
}

#heading #header-search::placeholder {
    font-size: 0.8rem;
}

#homepageCaro {
    /* height: calc(120vh - 150px);
    background: url(/static/newDesign/Images/banner/1.5x/banner.jpg);
    background-size: cover;
    background-position: bottom; */
}

#homepageCaro h1 {
    font-size: 4rem;
    width: fit-content;
    margin: 1rem auto;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

#homepageCaro h1:after {
    border-top: 4px solid #d10c30;
    content: " ";
    display: block;
    width: 100%;
}

#homepageCaro h2 {
    font-size: 2rem;
    color: #fff;
}

p#welcome-text {
    font-size: 3rem;
    font-weight: 300;
}

p#shop-text {
    font-size: 1.5rem;
}

.section-devider hr {
    border-top: 2px solid #d10c30;
    opacity: 1;
}

#home-categories .col-md-4 {
    position: relative;
}

p.category-title {
    width: 80%;
    margin: auto;
    padding: 0.7rem 0;
    position: absolute;
    bottom: 0;
    right: 10%;
    background: #d10c30;
    font-size: 1.5rem;
    color: #fff;
}

div#home-section2 {
    /* background: #1f232e; */
}

.globalfooter {
    text-align: left;
}

p.copyright {
    display: none;
}

ul.dropdown-menu.browse {
    background: rgb(0 0 0 / 80%);
}

.dropdown-menu li {
    text-align: right;
}

a.dropdown-item {
    color: #fff;
}
a.dropdown-item:hover {
    background: none;
    color: #fff;
    text-decoration: none;
}

a.dropdown-item span {
    width: fit-content;
    display: inline-block;
    margin-bottom: 1px;
}


a.dropdown-item:hover span:after {
    content: " ";
    display: block;
    width: 100%;
    border-top: 1px solid #d10c30;
}

a.dropdown-item:hover span {
    margin-bottom: 0;
}

/* restore the default */
body:not(.home) #primary {
    background: #fff;
}

body:not(.home) .product-list ol {
    padding: 0;
}

body:not(.home)  .inner-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

body:not(.home) .sidebar li input {
    float: left;
    width: calc(100% - 0.5rem);
    margin: 0;
    padding: 0.1rem 0.5rem;
    margin-left: 0.5rem;
}

body.price-list table {
    width: 100% !important;
}

/* login styling */
body.private #search, body.private #menu {
    display: none;
}

body.private #inner-wrapper {
    max-width: 50%;
    margin: auto;
}

body.private .primary fieldset li, body.private .primary fieldset ol {
    border: 0;
    margin: 0 auto;
}

body.private legend {
    color: #fff;
}

body.private #login li.text, body.private #login li.checkbox {
    width: fit-content;
}

body.private li {
    margin: auto;
}

body.private ul.mini-nav {
    width: fit-content;
    margin: auto;
}

body.private li {
    list-style: none;
}

body.private #login li a {
    color: #fff;
}
body.private fieldset.submit {
    padding: 0;
    margin: 0 0 1rem 0;
}

body.private #login ul {
    padding: 0;
}

body.private .primary form li label {
    width: auto;
    margin-right: 5px;
    min-width: 70px;
}

#home-categories img.img-fluid {
    max-width: 100%;
    padding: 10px;
    height: auto !important;
}

#home-categories a {
    background: #fff;
    display: block;
}

#homepageCaro h1, #homepageCaro h2 {
    display: none;
}
p.category-title.text-uppercase {
    display: none;
}

div#home-categories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#home-categories .btn-cats {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background: #fff;
    padding: 0;
}
#home-categories .btn-cats a.button {
    background: #221f20;
    color: #fff;
}

.btn-cats img {
    max-width: 100%;
    height: auto;
}

.cat-contain {
    width: 32%;
}

.cat-contain:nth-child(3n+2) {
    margin: 1% 6%;
}

/* #home-categories a.button:nth-child(1) {
    line-height: 3rem;
} */

.cat-contain:last-of-type {
    margin-top: 1rem;
}


select#division, select#branch {
    width: 160px;
}

#homepageCaro {
    /* height: calc(120vh - 150px);
    background: url(/static/newDesign/Images/banner/1.5x/banner.jpg);
    background-size: cover;
    background-position: bottom;
    min-height: 1100px; */
}

.mini-basket li.items {
    display: none;
}

li#mob-item,li#jt-item,input#del-address4 {
    display: none !important;
}