/* remove horrible outlines on links images ect */
a, a img {
    outline: none !Important;
}

/* DEFAULTS */
ul {
    list-style: none;
    padding-left: 0;
}

li {
    padding-left: 0;
}

.clear {
    clear: both;
}

.page-title {
    margin-top: 0;
}

.nav-justified > .dropdown .dropdown-menu {
    top: 62px;
}

.navbar .level1 {
    vertical-align: middle;
    height: 62px;
}

.navbar .level1 a {
    text-transform: uppercase;
    font-size: 15px;
    background: none;
}

.navbar .level1 a:hover {
    background: none;
}

.navbar .nav-heading a {
    text-transform: uppercase;
    font-size: 14px;
}

.navbar .level3 a {
    text-transform: none;
    font-size: 12px;
}

#collapse-nav {
    background: #ddd;
}

/* HEADER */
header {
    margin-top: 65px;
}

#logo {
    display: inline;
}

.header-links {
    list-style: none;
    float: right;
    padding-left: 0;
}

.header-links li {
    display: inline;
    padding: 0 5px;
}

.header-links a {
    text-decoration: none;
    color: #000;
}

.header-links a:hover {
    text-decoration: none;
}

.searchform {
    clear: both;
    width: 40%;
    margin: 10px 5px 5px;
}

.form-control {
    border: 1px solid #CCC !important;
}

#checkoutButton {
    margin-left: 15px;
    color: #fff;
}

.header-links-cart {
    font-size: 30px;
    margin-right: 10px;
}

.header-links-cart, .basket-head-items, .header-links-text.total {
    display: inline-block;
}

.header-phone {
    float: right;
    padding: 10px 40px 10px 0px;
}
.header-phone a {
    color: #222222;
}
.header-phone .fa {
    font-size: 20px;
    padding-right: 10px;
}
.header-basket {
    background: transparent;
    padding: 0px;
    color: #fff;
    float: right;
    text-align: center;
}

.header-basket a {
    color: #000;
    text-decoration: none;
}

.header-basket-text {
    margin-bottom: 10px;
}

.header-basket-icon i {
    font-size: 30px;
    margin-right: 10px;
}

.header-basket .basketInfo{
    float:right;
}
.header-basket .singleitemprice{
    float:left;
    color: #000;
}
.header-basket .basketupdate{
    height:36px;
    padding:5px 10px;
    margin-top:5px;
    float:right;
}
.header-basket .basketproductname{
    text-align:left;
}
.header-basket #cattitles th{
    border-style: solid;
    border-width: 1px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-bottom:10px;
    width:100%;
}
.header-basket .basketproductname, .qtycol{
    padding-top:7px;
    padding-bottom:2px;
}
.header-basket .qtycol{
    padding-left:15px;
}
.header-basket .basketproductname{
    width:250px;
}
.header-basket .price {
    margin-top:5px;
    float:left;
}
.header-basket .basketDropdown{
    display:none;
    float:right;
    vertical-align:bottom;
    position:absolute;
    z-index:1015;
    table-layout:fixed;
    background-color:white;
    top:43px;
    padding:6px;
    border-style:solid;
    border-width:1px;
    border-top-width:1px;

}
.header-basket .checkoutButton{
    height:40px;
}
.header-basket #basket-list-table{
    width:260px;
}

.navbar {
    margin-bottom: 0;
}

.navbar-header {
    width: 100%;
}

.navbar-header a {
    color: inherit;
    text-decoration: none;
}

.header-basket-link {
    line-height: 40px;
}

#basket-list-table a {
    line-height: normal;
}

.header-search {
    clear: both;
    float: right;
    width: 75%;
    position:relative;
}

.header-search .searchform {
    width: 100%;
    float: right;
    margin-right: 0;
    border: 1px solid #cacaca;
}

.header-search .searchform .searchterm {
    background: #f9f9f9;
    border: none !important;
}

.header-search .searchform .btn {
    background: #cacaca;
    margin-right: -1px;
}
.header-search .fa-search {
    font-size: 16px;
}

#cookieContainer {
    position: fixed;
    bottom: 0;
    background-color:#666;
    opacity:0.95;
    width: 100%;
    z-index: 2000;
}
#cookiePolicyInfo{
    color: white;
    float: left;
    margin: 10px 0px;
}
#cookiePolicyInfo p{
    color:white;
    margin: 0 0 5px 0;
    font-size: 13px;
}
#cookiePolicyInfo a{
    color:white;
    text-decoration: underline;
}
#cookiePolicyInfo button{
    right:5px;
    font-size:larger;
    margin-right:20px;
    padding: 5px 10px;
    font-weight: normal;
}
#cookiePolicyInfo .cookiebutton{
    margin-bottom:auto;
    float:left;
}
#cookiePolicyInfo {
    margin-left:auto;
    margin-right:auto;
}

.navbar-social, .navbar-myaccount, .navbar-logout, .navbar-greeting {
    position: relative;
    padding: 9px 10px;
    margin-top: 5.5px;
    margin-bottom: 5.5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    color: #000;
}
.navbar-social:focus, .navbar-myaccount:focus, .navbar-logout:focus, .navbar-greeting:focus {
    outline: none;
    text-decoration: none;
}
.navbar-social i, .navbar-myaccount i, .navbar-logout i {
    font-size: 18px;
    color: #000;
}

.navbar-social {
    float: left;
}

.navbar-myaccount {
    float: right;
}

.navbar-greeting {
    float: right;
}

.logout-form {
    float: right;
}

#leftsidebar .portal .logout-form {
    float: none;
}

#portal-sidebar {
    background: #89939E;
    color: #fff;
}

#portal-sidebar > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #89939e;
}

#portal-sidebar a {
    color: #fff;
}

#leftsidebar .panel-default > .panel-heading {
    padding: 0px;
}

#leftsidebar .panel-default > .panel-heading a {
    display: block;
    padding: 10px 15px;
    cursor: pointer;
}

#leftsidebar .panel-default > .panel-heading a:hover {
    background-color: #999999;
    color: #fff;
    text-decoration: none;
}

#leftsidebar .panel-title .collapsed::after {
    font-family: "Glyphicons Halflings";
    color:#999999;
    content: "\2b";
    float: right;
}

#leftsidebar .panel-title a::after {
    font-family: "Glyphicons Halflings";
    color:#999999;
    content: "\2212";
    float: right;
}

#leftsidebar .panel-title a:hover::after, #leftsidebar .panel-title a.collapsed:hover::after {
    color:#fff;
}

.tooltipcontainer {
    display: none;
    position: relative;
    top: 47px;
    margin: 0 auto;
    right: auto;
    left: auto;
    width: auto;
    z-index: 3000;
}
#tooltipcontainer.fixed {
    display: none;
    position: relative;
    top: 47px;
    margin: 0 auto;
    right: auto;
    left: auto;
    width: auto;
    z-index: 3000;
}
.tooltipcontainer .basket-notification {
    position: absolute;
    border: 1px solid #666;
    opacity: 0.9;
    margin-top: 10px;
    overflow: hidden;
    box-shadow: 0px 2px 11px #666;
    width: 100%;
}
.tooltipcontainer.fixed .basket-notification {
    width: 100%;
}
.tooltipcontainer .tip {
    border: solid;
    border-color: #666 transparent;
    border-width: 0px 10px 10px 10px;
    content: "";
    right: 80px;
    position: absolute;
    z-index: 99;
}

.tooltipcontainer .data {
    padding: 10px;
    text-align: left;
    color: #fff;
    background: #666;
    color: #fff;
}

.tooltipcontainer .data a {
    color: #fff;
    font-size: 12px;
}

.tooltipcontainer .data .qty {
    font-size: 16px;
    font-weight: bold;
}
/* MAIN */
.main {
    padding: 15px 0;
}

.main-content {
    padding: 15px;
    min-height: 400px !important;
}
.main-content.product-group {
    padding: 15px 0px;
}

.main-heading {
    margin-top: 0;
    font-size: 22px;
}

.main-image {
    margin: 15px auto;
    max-height: 300px;
}

.carousel-loading {
    display: block;
    text-align: center;
    font-size: 100px;
    line-height: 200px;
    color: #bbb;
}

.slides {
    display: none;
}
.loading-hide {
    display: none;
}
.slides-container {
    display: block!important;
}

#home-sub-adds img {
    border: 2px solid #ddd;
    margin-top: 15px;
}

.category-head {
    margin-bottom: 15px;
}

.main-content .list {
    padding-top: 15px;
}

.greyhr {
    margin: 0px;
    border-top: 1px solid #DDDDDD;
    padding-bottom: 10px;
}

.plist-item .caption {
    text-align: center;
}

.plist-item img {
    max-width: 80% !important;
    margin: 0 auto;
}

.plist-item .caption h2 {
    height: 40px;
    font-size: 19px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
.plist-item .caption h3 {
    height: 40px;
    font-size: 15px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
.altimg {
    float: left;
    border: 1px solid #ddd;
    padding: 5px 2px;
    margin: 2px;
    width: 63px;
    height: 60px;
    text-align: center;
}
.image-section {
    margin-bottom: 20px;
}
.image {
    border: 1px solid #DDDDDD;
    padding: 10px;
    overflow: auto;
}

.pdetails {
    border: 1px solid #DDDDDD;
    padding: 10px;
}
.pdetails .code, .pdetails .price, .pdetails .level, .pdetails .minordertext, .pdetails .grpprice, .pdetails .obsoleteprod {
    margin: 12px 0px;
}

.pdetails .minordertext {
    font-size: 13px;
}
.pdetails .add .quantity {
    margin-bottom: 10px;
}
#productdetails th {
    border-top: 0;
    min-width: 100px;
    vertical-align: middle;
}

#productdetails td {
    border-top: 0;
}

#productdetails #basketform {
}

#productdetails {
    background: none;
}
.cat-description {
    clear: both;
}
.attributes-heading {
    padding: 5px;
}
.attributes-heading .panel-title {
    font-size: 13px;
}

.productdetails th {
    border-top: 0;
    min-width: 100px;
    vertical-align: middle;
}

.productdetails td {
    border-top: 0;
}

.productdetails {
    margin-bottom: 0;
}

.featured-title {
    background: #f8f8f8;
    padding: 10px;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
}
.home-featured h2 {
    font-size: 16px;
}
.home-featured h3 {
    font-size: 15px;
}
.home-featured h3 span.price {
    font-weight: 600;
}

#produttabs {
    border: 1px solid #DDDDDD;
    border-top: 0px;
    padding: 15px;
}
#accordion.panel-group {
    margin-top: 20px;
}
.tabs-panels .panel-group {
    margin-top: 0px!important;
}
#accordion a {
    width: 100%;
    display: block;
}

.suggested-container {
    margin: 20px 0;
    border: 1px solid #DDDDDD;
    padding: 15px;
}
.suggested-container h2{
    font-size: 19px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
.suggested-container h3{
    font-size: 15px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
.suggested-box {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 15px;
}
.suggested-image-container{
    width: 100%;
    height: 200px;
    position: relative;
    text-align: center;
}
.suggested-image {
    max-width: 100%;
    max-height: 200px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: 0 auto;
}
.suggested-caption {
    height: 75px;
    padding-top: 5px;
}
.suggested-box-price{
    height: 30px;
}
.alsobought-container{
    margin: 20px 0;
    border: 1px solid #DDDDDD;
    padding: 15px;
}
.alsobought-container h2{
    font-size: 19px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
.alsobought-container h3{
    font-size: 15px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
.alsobought-box {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 15px;
}
.alsobought-image-container{
    width: 100%;
    height: 200px;
    position: relative;
    text-align: center;
}
.alsobought-image {
    max-width: 100%;
    max-height: 200px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: 0 auto;
}
.alsobought-caption {
    height: 75px;
    padding-top: 5px;
}
.alsobought-box-price{
    height: 30px;
}
/*.thumbnail {
    background: #fff none repeat scroll 0 0;
    border: medium none !important;
    height: 410px;
    margin-bottom: 0;
    padding: 15px;


}

.inner-box {
    border: 1px solid #d3d3d3 !important;
    height: 395px;
    padding: 10px;
}*/

.item-row {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 30px;
}
.grouped-category-box .price, .product-box .price, .item-row .price {
    font-weight: bold;
}

/***** PRODUCT LIST | Category *******/
.category-box {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 30px;
}
.cat-image-container {
    width: 100%;
    height: 200px;
    position: relative;
    text-align: center;
}
.cat-image {
    max-width: 100%;
    max-height: 200px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.cat-caption {
    height: 110px;
}
.cat-caption h2 {
    font-size: 19px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}


/***** PRODUCT LIST | Group *******/
.grouped-category-box {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 30px;
}
.grouped-category-box h2 {
    font-size: 19px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
.grouped-category-box h3 {
    font-size: 15px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
.grouped-cat-image-container {
    width: 100%;
    height: 200px;
    position: relative;
    text-align: center;
}
.grouped-cat-image {
    max-width: 100%;
    max-height: 200px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.grouped-cat-caption {
    height: 115px;
    padding-top: 5px;
}
.grouped-cat-caption h2{
    font-size: 19px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
.grouped-cat-caption h3{
    font-size: 15px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
.grouped-cat-price-label {
    height: 40px;
}


/***** PRODUCT LIST | Product *******/
.product-box {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 30px;
}
.product-image-container {
    width: 100%;
    height: 200px;
    position: relative;
    text-align: center;
}
.product-image {
    max-width: 100%;
    max-height: 200px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: 0 auto;
}
.product-caption {
    height: 115px;
    padding-top: 5px;
}
.product-caption h2 {
    font-size: 19px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
.product-price-label {
    height: 30px;
}
.product-price-label h3 {
    font-size: 15px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
.price-label-switch {
    font-size: 15px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}

.product-code {
    height: 20px;
}
.buy-qty {
    max-width: 50px;
    display: inline-block;
    text-align: center;
}

.add input#basketsubmit, .add input#addtobasket, .selectors {
    width: 100%;
    margin: 4px 0px;
}
.add input.basketsubmit, .add input.addtobasket, .selectors {
    width: 100%;
    margin: 4px 0px;
}
.basketqtylabel {
    padding-right: 10px;
}
.dec, .inc {
    padding: 8px 15px;
    background-color: #DDDDDD;
    border: 1px solid #CCCCCC;
    display: inline-block;
    padding: 6px 10px;
    cursor: pointer;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

}
.dec:hover, .inc:hover {
    background-color: #999;
}
.dec:hover .fa, .inc:hover .fa {
    color: #fff;
}
.dec .symbol, .inc .symbol {
    text-indent: -9999px;
    display: inline-block;
}
.add {
    position: relative;
}
.displayNone {
    display: none!important;
}
.not-selected-box {
    z-index: 1;
    width: 100%;
    display: block;
    position: absolute;
    height: 100%;
}
.quote-not-selected-box, .wishlist-not-selected-box {
    z-index: 1;
    width: 100%;
    display: block;
    position: absolute;
    height: 40px;
}
.addtoquote-prodgrp-table #quotesubmitinput {
    background: none;
    border: none;
    color: #008cba;
    padding: 0px;
    outline: none;
}
.addtoquote-prodgrp-table #quotesubmitinput:hover, .addtoquote-prodgrp-table #quotesubmitinput:active, .addtoquote-prodgrp-table #quotesubmitinput:focus {
    outline: none!important;
    color: #ccc;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#wishlistsubmitinput {
    background: none;
    color: #008cba;
    padding: 0px;
    outline: none;
}
.add-to-quote-and-wishlist {
    text-align: center;
}
.selectors .grpselectlabel {
    float: left;
    padding-right: 10px;
    min-width: 80px;
}

.footable-cell-detail {
    border: none !important;
}

#orderhistorytabs li {
    display: inline-block;
    margin-bottom: 5px;
}

.alsobought-container, .related-container {
    margin-bottom: 20px;
}

.recent-container, .topproducts-container {
    margin-bottom: 15px;
    overflow: auto;
}

.recent-container:last-child, .topproducts-container:last-child {
    margin-bottom: 0px;
    border-bottom: none;
}

.alsobought-title, .related-title {
    height: 55px;
}

.topproducts-title, .recent-title {
    height: auto;
}

#addtobasket .quantity {
    margin: 10px 0px;
    height: 40px;
}
.row.wishlist {
    margin: 20px 0px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DDDDDD;
}

.row.wishlistslim {
    margin: 5px 0px;
    padding-bottom: 0px;
    border-bottom: 1px solid #DDDDDD;
}
.pagination {
    float: left;
    margin: 20px 0px 0px 0px !important;
}

.pagination li a span{color:#000 !important;}

.pagination li a.current {
    font-weight: bold;
}

.show {
    float: left;
    clear: both;
    margin: 25px 15px 15px 0;
}

.sortby {
    float: left;
    margin: 25px 0 15px 0;
}

.homecarousel {
    margin-top: 15px;
    background-color: #fff;
}

.newsletterform {
    margin:0 15px;
}

.page-home .main {
    margin-top: 0;
}

.page-home .main-content {
    padding-top: 0;
}

.breadcrumb {
    margin-bottom: 15px;
    border-color: #f0f0f0;
    background-color: #f8f8f8;
}

.staticcontent ul {
    list-style: outside none none;
}

.catalogue-add-review img.main {
    float: right;
    border: 1px solid #ddd;
}

form.review input[type=text] {
    width: 300px;
}

form.review textarea {
    width: 450px;
    height: 200px;
    border: 1px solid #ccc;
}

form.review .row-rev {
    clear: both;
    margin-bottom: 10px;
}

form.review label {
    font-weight: bold;
    float: left;
    display: block;
    width: 100px;
}

form.review .button {
    margin-left: 100px;
}

#content.full {
    width: 950px;
}

.catalogue-review-moderation h1 {
    float: left;
}

.catalogue-review-moderation #saveall {
    float: right;
    margin-top: 10px;
}

.all-reviews td {
    vertical-align: top;
}

.all-reviews td.body {
    width: 500px;
}

.all-reviews td.prod {
    width: 100px;
}

.all-reviews td.name {
    width: 100px;
}

.all-reviews td.edit a {
    padding-left: 5px;
}

.all-reviews td.name input {
    width: 93px;
}

.all-reviews textarea {
    width: 428px;
    height: 100px;
}

.all-reviews a.delete {
    display: none;
}

/**
 * review tab
 */
.review {
    line-height: 1.5em;
    margin-top: 5px;
    border-bottom: 1px dotted #ccc;
}

.review .subject {
    font-weight: bold;
    float: left;
}

.review .info {
    overflow: auto;
    margin-bottom: 2px;
}

.review .user {
    float: right;
    color: #666;
}

.reviews .controls {
    float: right;
    height: 20px;
    line-height: 20px;
    color: #aaa;
}

.reviews .rating {
    float: left;
    height: 20px;
    line-height: 20px;
}

.reviews ul {
    clear: both;
}

.review-all-block {
    border-bottom: 1px solid #D3D3D3;
    display: block;
    padding: 10px;
}
.stars {
    width: 75px;
    height: 15px;
    background-image: url("images/star.png");
    background-position: -60px 0;
}

.stars-edit {
    cursor: pointer;
}

.stars-5 {
    background-position: 0 0;
}

.stars-4 {
    background-position: -15px 0;
}

.stars-3 {
    background-position: -30px 0;
}

.stars-2 {
    background-position: -45px 0;
}

.stars-1 {
    background-position: -60px 0;
}

/* BASKET */
.trash {
    color: #ff0000;
    font-size: 16px;
    font-weight: bold;
}

.basketvaluecol {
    text-align: right;
}

.baskettotalval {
    text-align: right;
}

.basketremovecol {
    text-align: center;
}

.buttons-bot {
    overflow: auto;
}

#baskettocheckout {
    float: right;
}

#basketupdatebasket {
    float: right;
    margin-right: 15px;
}
#basketemptybasket{
    margin: 10px 0;
}
#basketemptybasket .emptybasketbtn{
    padding-left: 34px;
    padding-right: 34px;
}

#basket-active-promo {
    padding: 8px 15px;
    margin-bottom: 15px;
}

#editbasketform {
    margin-bottom: 10px;
}
#editbasketform #editbaskettable thead tr th, #editbasketform #editbaskettable tbody tr td {
    max-width: 170px;
}
#transactions-head {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 15px 0;
    padding-bottom: 15px;
}

#transactions-head h2 {
    font-weight: bold;
    font-size: 19px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}

#transdetail th, #transdetail td, #transbalance th, #transbalance td {
    font-size: 11px;
}

#wishlisttable .basketform {
    width: 200px;
}

#wishlisttable .qty {
    width: 50px;
    float: left;
    margin-right: 5px;
}
.deladdressrow {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.deladdressrow:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.deladd {
    clear: both;
    padding-top: 15px;

}
.deladd legend {
    margin-top: 15px;
}
.deladd radio {

}
.deladd label {
    margin-top: 15px;
}

#checkout fieldset {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DDD;
}

#checkout fieldset legend {
    font-size: 17px;
    border: 0px;
    margin-bottom: 5px;
}

input[type=radio] {
    margin-right: 10px;
}

input[type=checkbox] {
    margin-left: 10px;
}

/* Login */
.login-new-visitor {
}

/* Registration */
.register-error {
    padding: 10px;
}

.register-success {
    padding: 10px;
    max-width: 25%;
}

/* Checkout */
.breadcrumb .current {
    font-size: 14px;
    font-weight: bold;
}

.npbuttons {
    clear: both;
}

.npbuttons .next, .npbuttons .finish {
    float: right;
}

.checkoutEndBtn{
    float: left;
    margin-right: 10px;
}
#deliverydateblock { padding-top: 20px; }
#required-date[readonly] { background: #fff; cursor: pointer; }
.datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:hover { background-color: #ea6767; border-radius: 0; color: #fff; }
.datepicker table tr td.highlighted, .datepicker table tr td.highlighted:hover { background-color: #76d676; border-radius: 0; color: #fff; }
/* Search */
.searchresults {
}
#panel-confirmorder-invaddrs, #panel-confirmorder-extrainfo {
    padding-left: 0px;
}
#panel-confirmorder-deladdrs, #panel-confirmorder-paymeth {
    padding-right: 0px;
}
#panel-confirmorder-basket {
    padding: 15px 0px;
}
#panel-checkout-end ul li {
    display: inline-block;
}
#checkoutretrysubmit {
    margin-bottom: 8px;
}

#checkout-entry-login {
    padding-left: 0px;
}
#checkout-entry-signup {
    padding-right: 0px;
}

.currency-selector-container {
    margin-bottom: 0.5em;
    text-align: right;
}

/* LEFT */
#leftsidebar .panel {
}
#leftsidebar {

}

#leftsidebar .categories.panel-default > .panel-heading {
    background: #D53E32 !important;
    color: #fff !important;
}

#leftsidebar .categories .panel-body {
    background: #D53E32;
    color: #fff;
}

#leftsidebar .categories .panel-body a {
    color: #fff;
}

#leftsidebar .filters.panel-default > .panel-heading {
    background: #89939E !important;
    color: #fff !important;
}

#pfclearall {
    clear: both;
    display: block;
}

#leftsidebar .panel-heading h4 a {
    cursor: pointer;
}

#leftsidebar .filters .panel-body {
    background: #89939E;
    color: #fff;
}

#leftsidebar .filters .panel-body a {
    color: #fff;
}

#leftsidebar .portal.panel-default > .panel-heading {
    background: #89939E !important;
    color: #fff !important;
}

#leftsidebar .portal .panel-body {
    background: #89939E;
    color: #fff;
}

#leftsidebar .portal .panel-body a {
    color: #fff;
}

.bootstrap-switch-holder {
    float: right;
}

#main-nav, #main-nav2, #main-nav3 {
    margin-top: 0px;
    padding: 0;
}

#paymentmethods fieldset {
    margin-bottom: 15px;
}

.product-filter-container #main-filterpanel .panel-body, .product-filter-container #main-filterpanel-mobile .panel-body { padding-top: 0px; }
.product-filter-container .panel-heading { background-color: #fff; color: #222; border: none; }
.product-filter-container .panel-heading .panel-title { border: none; }

.product-filter-container .panel-default { border: none; }
.product-filter-container .panel-default.currentfilter { border-bottom: 1px solid #bbb; margin-bottom: 15px; }
.product-filter-container #accordion .panel-title { border-bottom: 1px solid #999; padding-bottom: 6px; }

.product-filter-container #accordion .panel-heading a.collapsed { padding-left: 25px; display: block; /* background: url(../images/expand.png) no-repeat; */ }
.product-filter-container #accordion .panel-heading a { padding-left: 25px; display: block; /* background: url(../images/collapse.png) no-repeat; */ }
.product-filter-container #accordion .option input {     margin-right: 0px; margin-left: 0px; }
.product-filter-container #accordion .panel-body { border-top-color: transparent; }

.product-filter-container #selectedatts .panel-body { padding-top: 0px; }
.product-filter-container #selectedatts .attgroup { overflow: hidden; margin-bottom: 10px; font-size: 12px; }
.product-filter-container #selectedatts p { margin-bottom: 0px; }

#pfclearall { background-color: #fff; border: 1px solid #ddd; color: #666; width: 35%; padding: 6px 10px; }
#pfclearall:hover { background-color: #999; border: 1px solid #999; color: #fff; }

.filter-to-text {
    font-size: 13px;
    font-weight: 700;
    padding: 5px 0px;
    text-align: center;
}

#btnPrice {
    margin-top: 10px;
}

select.btn {
    padding: 5px 10px;
    font-size: 12px;
}

.logoutbutton {
    cursor: pointer;
}

.product-filter-container {
    background: none repeat scroll 0 0 #DDDDDD;
}

.filter-button {
    padding: 6px 4px;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 250px;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */

    background-color: #ddd;
    background: #ddd;
    padding-top: 15px;
    padding-bottom: 30px;
}

#footer {
    background: #ddd;
}
.footer-social {
    font-size: 30px;
    margin: 4px;
}
#footer a#poweredByOGL {
    color: #bbbbbb;
    padding: 0 0 2px 20px;
/*    background: transparent url(../images/OGL-icon.png) no-repeat 0 0; */
    font-size: 12px;
}
#footer a#poweredByOGL:hover {
    background-position: 0 -18px; color: #666;
}

/* Article / Blog pages */
.post {
    border-bottom: 1px solid #CCCCCC;
    padding: 15px;
}

.post .button {
    padding: 5px;
}
.post h4 {
    margin-bottom: 0px;
    line-height: 1.3;
}
.post h4 button {
    text-align: left;
}
.post .post-title {
    font-size: 20px;
    text-align: left;
}

.post .post-title button {
    background: none !important;
    border: none;
    padding: 0 !important;
    /*optional*/
    cursor: pointer;
    font-size: 20px;
    text-align: left;
}

.post .post-date {
    color: #333333;
    font-weight: normal;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 12px;
}

.post .text P {
    font-weight: 300;
    font-size: 13px;
}

/*image display in sidebar news Articles*/
.newsarticles-sidebar .text img {
    display: block;
    max-width: 100%;
    height: auto;
}

.close {
    float: right;
    font-size: 12px;
    font-weight: bold;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}

#SearchResults{
    position:absolute;
    top:45px;
    padding: 6px;
    border: 1px solid #bbb!important;
    list-style: none;
    background-color: #fff;
    width:456px;
    z-index:100;
    display:none;
    left:0;
}


#SearchResultsMobile {
    background-color: #FFFFFF;
    display: none;
    left: 163px;
    position: absolute;
    top: 89px;
    z-index: 999;
}

#SearchResults a, #SearchResultsMobile a {
    display: block;
    width: 100%;
}
#SearchResultsMobile {
    left: 0px;
    top: 100px;
    border: 1px solid #bbb!important;
    width: 96%;
    margin: 0px 6px;
}


/* override suggest to only show 10 results */
.ui-autocomplete {
    height: 431px;
    width: 500px;
    overflow-y: scroll;
    overflow-x: hidden;

}

/* anoying status message from jquery */
.ui-helper-hidden-accessible {
    display: none !Important;
}

.ui-menu {
    /* The outer container of the menu. This element will additionally have a ui-menu-icons class if the menu contains icons. */

}

.ui-menu-item {
    /* The container for individual menu items. */
    background: #FFF;

}

.ui-menu-icon {
    /* The submenu icons set via the icons option. */

}

.ui-menu-divider {
    /*Divider elements between menu items. */

}

/* Star Rating */

.rating {
    float: left;
}

/* :not(:checked) is a filter, so that browsers that don't support :checked don't
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn't make the test unnecessarily selective */
.rating:not(:checked) > input {
    position: absolute;
    top: -9999px;
    clip: rect(0, 0, 0, 0);
}

.rating:not(:checked) > label {
    float: right;
    width: 1em;
    padding: 0 .1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 200%;
    line-height: 1.2;
    color: #ddd;
    text-shadow: 1px 1px #BBBBBB, 1px 1px #666666, 0.1px 0.1px 0.1px rgba(0, 0, 0, 0.5);
}

.rating:not(:checked) > label:before {
    content: '\2605  ';
}

.rating > input:checked ~ label {
    color: gold;
    text-shadow: 1px 1px goldenrod, 1px 1px goldenrod, 0.1px 0.1px 0.1px rgba(0, 0, 0, .5);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow: 1px 1px goldenrod, 1px 1px goldenrod, 0.1px 0.1px 0.1px rgba(0, 0, 0, .5);
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: gold;
    text-shadow: 1px 1px goldenrod, 1px 1px goldenrod, 0.1px 0.1px 0.1px rgba(0, 0, 0, .5);
}

.rating > label:active {
    position: relative;

    left: 2px;
}

.postcode-estimator-result {
    display: none;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-top: 10px;
    padding: 25px;
}

.mandatoryfield {
    color: #FF0000;
    display: inline-block;
    font-size: 11px;
    position: relative;
}

/* filter for incoives/statements */
#filtercust {
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
    position: relative;

}
#filtercust span{
    padding: 10px;
}
#filtercust #filtercustomer{
    padding: 5px;
}
/* Begin User managment styles */

#succes-box, #failed-box, #warning-box {
    display: none;
}

.newuserform {

    padding: 10px;
}

.newuserform fieldset {
    padding: 20px

}

.modifyuserform {
    display: none;
}

label.error {
    color: red;
    font-weight: bold;
}

label.valid {
    color: green;
    font-weight: bold;
}

#removeuser-button {

    display: none;
}

.alert-container {

    height: 60px;
}

.budgetcontrol-form {
    padding-top: 35px;
}

.budgetcontrol-form-container {
    padding-top: 15px
}

.budgetcontrol-form-container:after {
    color: #959595;
    content: "Budget General Configuration";
    font-size: 12px;
    font-weight: 700;
    left: 30px;
    letter-spacing: 1px;
    position: absolute;
    text-transform: uppercase;
    top: 25px;
}

.budget-period-options {
    padding-top: 30px
}

.budget-period-options-periods:after {
    color: #959595;
    content: "Budget Period Configuration";
    font-size: 12px;
    font-weight: 700;
    left: 15px;
    letter-spacing: 1px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;

}

.loading-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(250, 250, 250, 0.5); /*dim the background*/
    font-size: 50px;
}

.loading-overlay-cog {
    margin-top: 30%;
}

#deliveryprice-postcodes {
    background-color: #fff;
    border: 1px solid grey;
    float: left;
    padding: 10px;
    position: absolute;
    text-align: left;
    width: 100px;
    z-index: 99999;

    display: none;
}

.required-asterix {

    color: red;

}

.techinfo {
    width: 100%;
}

.techinfo th, .techinfo td {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.no-padding {
    padding: 0px !Important;
}

.managedbasketform {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #0079a1;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin: 20px 0;
    padding: 5px 0px 20px;
    display: none;
}

.managedbasket-addtobasket {

    padding: 6px 12px;
}

#associates {
    padding-top: 10px;
    padding-bottom: 10px;
}

.managedbasket-userlist {
    padding-bottom: 20px;
    padding-top: 20px;
}

/*
	HORRZINTAL NAVBAR
	.level1 {float: none;} this will push them down on top of each other
	.dropdown-menu {left: 180px!important;  top: 0px;}
*/
caption {
    color: #777;
    font-size: 14px;
    font-weight: 600;
    margin-top: 13px;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: left;
}

caption span {
    display: inline-block;
    width: 25%;
}

.managed-basket {
    border: 1px solid #ddd;
    box-shadow: 3px 3px 3px #ddd;
    margin-bottom: 12px;
    padding: 10px;

}

.managed-basket:hover {
    border: 1px solid peachpuff;
    box-shadow: 3px 3px 3px peachpuff;
    margin-bottom: 12px;
    padding: 10px;

}

a[class^="expand-link-"], a[class*="expand-link-"], a[class^="remove-link-"], a[class*="remove-link-"] {
    float: right;
    padding-right: 20px;
    text-align: right;
}

thead[id^="head-"], thead[id*="head-"] {
    display: none;
}

tbody[id^="body-"], tbody[id*="body-"] {
    display: none;
}

.approve-checkbox {

    display: inline-flex;
    width: 75px;
}

.approve-checkbox input[type="checkbox"] {
    box-shadow: 2px 1px 1px 2px lightgray;
}

.approve-checkbox input[type="checkbox"]:hover, .approve-checkbox input[type="checkbox"]:checked {
    box-shadow: 2px 1px 1px 2px peachpuff;
    cursor: pointer;
}

.manage-basket-loader {
    display: block;
    font-size: 100px;
    font-weight: bold;
    height: 100px;
    width: 100px;
}

.manage-basket-loader-basket {
    position: absolute;
    z-index: 100;
}

.manage-basket-loader-cog {
    color: #fff;
    font-size: 41px;
    left: 37px;
    position: relative;
    text-shadow: 1px 1px 1px grey;
    top: 19px;
    z-index: 200;
}

.obsolete { color: #BBB; }
.obsolete-msg{ font-weight: bold; color: #000; }

.addtoquote-success {display: block; margin-bottom: 10px; padding: 10px; background: #F0FFEB; color: #009900; border: 1px solid #009900;}
.addtoquote-success a {font-weight: bold; font-size: 16px; color: #009900;}
.addtoquote-fail {display: block; margin-bottom: 10px; padding: 10px; background: #FFCCCC; color: #900; border: 1px solid #900;}
.addtoquote-prodgrp-table{float:right; margin-right: 15px; margin-top: 9px;}



.btn.success { min-width: 170px; margin: 10px 0px; }
.coterms span.mandatoryfield { float: none; margin-left: 10px; }

.price span { font-weight: bold; font-size: 15px; line-height: 12px; }
.price-switch span { color: #222; font-size: 12px; font-weight: normal; }
.price-vat-switch {
    font-weight:normal!important;
    font-size: 12px!important;
}
.price-vat-switch span{
    font-weight: normal;
    font-size: 12px
}
.level .fa.fa-check { color: #009900; }
.level .fa.fa-close { color: #ff0000; }

h1.search.main-heading {
    font-size: 28px;
    padding-bottom: 20px;
}

h1.search.main-heading .glyphicon {
    font-size: 22px;
    padding-right: 10px;
}
.search-body h4 {
    font-weight: 500;
}

#searchformbody {
    clear: both;
    width: 60%;
    margin: 10px 5px 25px 0px;
}
#searchformbody .fa {
    font-size: 16px;
    color: #fff;
}

#searchformbody .input-group-addon, .input-group-btn .btn {
    padding: 8px 10px;
    background-color: #8a8a8a;
    border: 1px solid #ccc !important;
}
#searchformbody .btn {
    border: 1px solid #8a8a8a !important;
}
.search-tips p {
    font-size: 18px;
}
.search-tips ul {
    list-style: inside disc none;
}
.search-tips ul li {
    font-size: 14px;
}
p.consent {
    margin-top: 10px;
}

.noitems { display: none; }
.addDiv select.response { width: 100%; }
.cantfind { cursor: pointer; margin-top: 7px; }
select.response { margin: 7px 0px; }
.table.group { margin-top: 30px; }


.categoryImageContainer{
    display:block;
    height:200px;
    position:absolute;
    left:75%;
    display:block;
}

.categoryImage{
    border: 1px solid #e6e6e6;
    width:95%;height:95%;
}

.dropdown-menu-previewimage{
    min-height:220px;
}

#tabLevel2MenuContainer{
    padding:0;
    margin:0
}

.navHeadingTabular{
    display:block;
    width:100%;
    background-color:#eee;
    border-bottom: 1px solid #ddd;

}

.navHeadingTabular a{
    display:block;
    padding:8px 5px 8px 15px;
    text-decoration:none;
}

.div-spacer{
    height:20px;
}

#main-nav2 div > table tr > td.tabLevel3ProductsContainer.col-md-7 {
    background-color:white;
    text-align:center;
}

.categoryPreviewImage{
    margin:20px 0 20px 0;
}

.tabOffersContainer{
    height:300px;background-color:white;border-left:solid #ccc 2px;
}

td.tabOffersContainer.col-md-2 > h3{text-align:center;}

.yamm-content .col-md-7{
    background-color:white;
}

#main-nav2 table > tbody > tr > td{
    vertical-align: top;text-align: left;
}

#main-nav2 div.tabular-menu{
    padding-top:0px;padding-bottom:0px;overflow:hidden;height:100%;background-color:#eee;
}

#main-nav2 div > table > tbody > tr > td.tabular-nav.col-md-3{
    padding-left:0;padding-right:0;
}

.tab-image-container{
    word-wrap: break-word;
    height:140px;
}

#main-nav2 td.tabLevel3ProductsContainer > div > a{
    font-size:10px;color:#000;
}

td.tabOffersContainer.col-md-2 > h3{font-size:1.5em;}

td.tabOffersContainer.col-md-2 > div > a > img{margin:0px auto 10px;text-align:center;}

td.tabOffersContainer.col-md-2 > div > a > div > h4{font-size:1.0em;}

#main-nav2 > ul > li > ul{border:1px solid #bbb;}



#progressbox{
    display: none;
    overflow-y: scroll;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 2px #999;
    left: 35%;
    margin: auto;
    min-height: 300px;
    min-width: 40%;
    padding: 10px;
    position: fixed;
    right: 30%;
    top: 30%;
    z-index: 99999;
}
/* Selected filters styling */
div#selectedatts.panel-collapse.in div.panel-body div.attgroup div.rmselected span.delete,
div#selectedatts.panel-collapse.in div.panel-body div.rmselected span.delete {

    float: right;
    font-weight: 600;
    color: red;
}
div#selectedatts.panel-collapse.in div.panel-body div.attgroup div.rmselected span.delete i,
div#selectedatts.panel-collapse.in div.panel-body div.rmselected span.delete i{

    color: red;
}

div#selectedatts.panel-collapse.in div.panel-body div.attgroup div.rmselected span.attid i{
    color: #DDD;
}

.loyalty_points {
    display: block;
    padding-top:10px;
    padding-bottom:10px;
}

.loyalty_points_paywithpoints{
    border: 1px solid #ddd;
    padding: 5px;
}

.checkoutinputerror{color:red;}

#loginform > div.bottom .btn-login{margin:15px;}
#accordian-reviews > div{padding: 15px;}
#accordian-reviews > div > div > div.total {
    margin-bottom: 0;
    padding-top: 15px;
}
.no-details {
    margin-bottom: 0px;
}
.loading{
    text-align: center;
}

.product-points-container{
    /*min-height: 175px;*/
}

.addproducttoquote {display: block; padding: 20px; background: #f8f8f8; margin-bottom: 20px; border: 1px solid #ccc; }
.addproducttoquote h2 {
    font-size: 19px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
.addproducttoquote p { font-size: 13px; }
.quoteform {
    width: 100%;
}
.product-box .quoteform {
    text-align: center;
}

.highlight{color:#FF4444;}

#quick-order-form > fieldset > div > label{text-align:left;}

.guestcheckout { padding: 10px; border: 1px solid #ccc; background-color: #f3f3f3; }
.guestcheckout p { font-size: 13px; }
.guestcheckout ul { list-style: inside disc; font-size: 12px; }
.guestcheckout h4 { font-weight: 500; }

#sentSuccess{background-color:#2CC834;border-radius:10px;color:#2A452B;min-height:0px !important;margin-bottom:10px;}

#sentFail{background-color:#FF4F4F;border-radius:10px;color:#452A2A;min-height:0px !important;margin-bottom:10px;}

.curAddDetails{width: 100%;border:none;display:block;padding:0;background-color:#fff;}

#delmethod{height: auto;display: inline-block;width:auto;}

.chkoutMethBut {
    border-radius: 8px;
    height: 190px;
    width: 206px;
    color: white;
    padding: 10px;
    margin: -2px 10px 10px 0;
}

.chkoutMethBut p.tick{text-align:center;font-size:20px;}

.btnActive{background-image:url(/themes/default/images/collect.jpg);}
.btnDeactive{background-image:url(/themes/default/images/no-collect.jpg);}

div#map{height: 400px;display:none;}

.mapErrors{clear:both;}

#storeMatrix{border-collapse: collapse;border: 1px solid #ddd;margin-top:10px;width:100%;}
#storeMatrix th{font-weight:bold;background-color:#f5f5f5}
#storeMatrix th, #storeMatrix td{padding:8px;}
#storeMatrix td { background: none; }
#storeMatrix tr.rowDisabled:hover, #storeMatrix tr.rowEnabled:hover {background-color: #ddd;cursor:default;}



#storeMatrix span.locator{font-weight:bold;}
#storeMatrix{float:left;}
#scopeSelector{float:left;margin:10px;clear:both;}
#storeMatrix .rowEnabled{color:#000}
#storeMatrix .rowDisabled{color:#bbb}
.radioHidden{display:none;}
.inStock{color:green;font-size:16px;}
.outOfStock{font-size:16px;color:#8E7878;}
#showNearest5, #showAll {margin-right:0px;}
#scopeSelector > p label{padding-left:10px;margin-left:0px;}
#distanceMatrix{padding-left:0px !important;padding-right:0px !important;margin-top:10px;}

.articleBack, .articleReadMore{margin-top:10px;}

#QuickSearchResults{
    position:absolute;
    top:56px;
    padding: 6px;
    border: 1px solid #bbb!important;
    list-style: none;
    background-color: #fff;
    width:100%;
    z-index:100;
    display:none;
}
li.selected {background-color:yellow}

button#fastorder{float:right}

.prodLevels{display:none;background-color:#f5f5f5;}
.prodLevels td{padding-bottom:15px;}

#allreviews {
    padding-top: 15px;
    border-top: 1px solid #ccc;
    margin-top: 15px;
}

.prodSelected{background-color:#bbb;color:black !important;}

.prodDepotsTbl{margin:0 0 30px 20px;/*background-color: #ddd;*/}

a.showDepotProdLevels:hover, a.showDepotProdLevels:visited,
a.showDepotProdLevels:link, a.showDepotProdLevels:active{color:green;}

tr.prodSelected:hover{background-color:#bbb !important;color:black !important;}

.dptInfo{font-size:16px !important;color:#9D5252;}

.filterAttrDisabled{color:#ccc;}

.basketqty {
    width: 140px;
}
.catalogue-my-basket .dec, .catalogue-my-basket .inc{display:inline;}
input[type=number]{
    width: 80px;
    display: inline-block;
}

.pageOn{color:black;font-weight:bold !important}

input[name="checkedAttr[]"] {display:inline;vertical-align:middle;margin-top:0px;outline:0 !important}
.option {
    clear: both;
}
.att-label {
    display: block;
    width: 90%;
    float: right;
    word-break: keep-all;
}

.optionMob{margin-top:8px;margin-bottom:8px;}

.account-switch-portal-link:hover,.account-switch-portal-link:focus,.account-switch-portal-link:visited {
    color: #FFF;
}
.basketpersonalorbusinesscol {
    background-color: #DDD;
    text-align: center;
}
/*
All css colour hexes from css standards (used for product group blocks)
*/
.AliceBlue. {background-color: #F0F8FF; }
.AntiqueWhite. {background-color: #FAEBD7; }
.Aqua. {background-color: #00FFFF; }
.Aquamarine. {background-color: #7FFFD4; }
.Azure. {background-color: #F0FFFF; }
.Beige. {background-color: #F5F5DC; }
.Bisque. {background-color: #FFE4C4; }
.Black. {background-color: #000000; }
.BlanchedAlmond. {background-color: #FFEBCD; }
.Blue. {background-color: #0000FF; }
.BlueViolet. {background-color: #8A2BE2; }
.Brown. {background-color: #A52A2A; }
.BurlyWood. {background-color: #DEB887; }
.CadetBlue. {background-color: #5F9EA0; }
.Chartreuse. {background-color: #7FFF00; }
.Chocolate. {background-color: #D2691E; }
.Coral. {background-color: #FF7F50; }
.CornflowerBlue. {background-color: #6495ED; }
.Cornsilk. {background-color: #FFF8DC; }
.Crimson. {background-color: #DC143C; }
.Cyan. {background-color: #00FFFF; }
.DarkBlue. {background-color: #00008B; }
.DarkCyan. {background-color: #008B8B; }
.DarkGoldenRod. {background-color: #B8860B; }
.DarkGray. {background-color: #A9A9A9; }
.DarkGrey. {background-color: #A9A9A9; }
.DarkGreen. {background-color: #006400; }
.DarkKhaki. {background-color: #BDB76B; }
.DarkMagenta. {background-color: #8B008B; }
.DarkOliveGreen. {background-color: #556B2F; }
.DarkOrange. {background-color: #FF8C00; }
.DarkOrchid. {background-color: #9932CC; }
.DarkRed. {background-color: #8B0000; }
.DarkSalmon. {background-color: #E9967A; }
.DarkSeaGreen. {background-color: #8FBC8F; }
.DarkSlateBlue. {background-color: #483D8B; }
.DarkSlateGray. {background-color: #2F4F4F; }
.DarkSlateGrey. {background-color: #2F4F4F; }
.DarkTurquoise. {background-color: #00CED1; }
.DarkViolet. {background-color: #9400D3; }
.DeepPink. {background-color: #FF1493; }
.DeepSkyBlue. {background-color: #00BFFF; }
.DimGray. {background-color: #696969; }
.DimGrey. {background-color: #696969; }
.DodgerBlue. {background-color: #1E90FF; }
.FireBrick. {background-color: #B22222; }
.FloralWhite. {background-color: #FFFAF0; }
.ForestGreen. {background-color: #228B22; }
.Fuchsia. {background-color: #FF00FF; }
.Gainsboro. {background-color: #DCDCDC; }
.GhostWhite. {background-color: #F8F8FF; }
.Gold. {background-color: #FFD700; }
.GoldenRod. {background-color: #DAA520; }
.Gray. {background-color: #808080; }
.Grey. {background-color: #808080; }
.Green. {background-color: #008000; }
.GreenYellow. {background-color: #ADFF2F; }
.HoneyDew. {background-color: #F0FFF0; }
.HotPink. {background-color: #FF69B4; }
.IndianRed . {background-color: #CD5C5C; }
.Indigo . {background-color: #4B0082; }
.Ivory. {background-color: #FFFFF0; }
.Khaki. {background-color: #F0E68C; }
.Lavender. {background-color: #E6E6FA; }
.LavenderBlush. {background-color: #FFF0F5; }
.LawnGreen. {background-color: #7CFC00; }
.LemonChiffon. {background-color: #FFFACD; }
.LightBlue. {background-color: #ADD8E6; }
.LightCoral. {background-color: #F08080; }
.LightCyan. {background-color: #E0FFFF; }
.LightGoldenRodYellow. {background-color: #FAFAD2; }
.LightGray. {background-color: #D3D3D3; }
.LightGrey. {background-color: #D3D3D3; }
.LightGreen. {background-color: #90EE90; }
.LightPink. {background-color: #FFB6C1; }
.LightSalmon. {background-color: #FFA07A; }
.LightSeaGreen. {background-color: #20B2AA; }
.LightSkyBlue. {background-color: #87CEFA; }
.LightSlateGray. {background-color: #778899; }
.LightSlateGrey. {background-color: #778899; }
.LightSteelBlue. {background-color: #B0C4DE; }
.LightYellow. {background-color: #FFFFE0; }
.Lime. {background-color: #00FF00; }
.LimeGreen. {background-color: #32CD32; }
.Linen. {background-color: #FAF0E6; }
.Magenta. {background-color: #FF00FF; }
.Maroon. {background-color: #800000; }
.MediumAquaMarine. {background-color: #66CDAA; }
.MediumBlue. {background-color: #0000CD; }
.MediumOrchid. {background-color: #BA55D3; }
.MediumPurple. {background-color: #9370DB; }
.MediumSeaGreen. {background-color: #3CB371; }
.MediumSlateBlue. {background-color: #7B68EE; }
.MediumSpringGreen. {background-color: #00FA9A; }
.MediumTurquoise. {background-color: #48D1CC; }
.MediumVioletRed. {background-color: #C71585; }
.MidnightBlue. {background-color: #191970; }
.MintCream. {background-color: #F5FFFA; }
.MistyRose. {background-color: #FFE4E1; }
.Moccasin. {background-color: #FFE4B5; }
.NavajoWhite. {background-color: #FFDEAD; }
.Navy. {background-color: #000080; }
.OldLace. {background-color: #FDF5E6; }
.Olive. {background-color: #808000; }
.OliveDrab. {background-color: #6B8E23; }
.Orange. {background-color: #FFA500; }
.OrangeRed. {background-color: #FF4500; }
.Orchid. {background-color: #DA70D6; }
.PaleGoldenRod. {background-color: #EEE8AA; }
.PaleGreen. {background-color: #98FB98; }
.PaleTurquoise. {background-color: #AFEEEE; }
.PaleVioletRed. {background-color: #DB7093; }
.PapayaWhip. {background-color: #FFEFD5; }
.PeachPuff. {background-color: #FFDAB9; }
.Peru. {background-color: #CD853F; }
.Pink. {background-color: #FFC0CB; }
.Plum. {background-color: #DDA0DD; }
.PowderBlue. {background-color: #B0E0E6; }
.Purple. {background-color: #800080; }
.RebeccaPurple. {background-color: #663399; }
.Red. {background-color: #FF0000; }
.RosyBrown. {background-color: #BC8F8F; }
.RoyalBlue. {background-color: #4169E1; }
.SaddleBrown. {background-color: #8B4513; }
.Salmon. {background-color: #FA8072; }
.SandyBrown. {background-color: #F4A460; }
.SeaGreen. {background-color: #2E8B57; }
.SeaShell. {background-color: #FFF5EE; }
.Sienna. {background-color: #A0522D; }
.Silver. {background-color: #C0C0C0; }
.SkyBlue. {background-color: #87CEEB; }
.SlateBlue. {background-color: #6A5ACD; }
.SlateGray. {background-color: #708090; }
.SlateGrey. {background-color: #708090; }
.Snow. {background-color: #FFFAFA; }
.SpringGreen. {background-color: #00FF7F; }
.SteelBlue. {background-color: #4682B4; }
.Tan. {background-color: #D2B48C; }
.Teal. {background-color: #008080; }
.Thistle. {background-color: #D8BFD8; }
.Tomato. {background-color: #FF6347; }
.Turquoise. {background-color: #40E0D0; }
.Violet. {background-color: #EE82EE; }
.Wheat. {background-color: #F5DEB3; }
.White. {background-color: #FFFFFF; }
.WhiteSmoke. {background-color: #F5F5F5; }
.Yellow. {background-color: #FFFF00; }
.YellowGreen. {background-color: #9ACD32; }

/* Select colour blocks style */
.colour-blocks, .colour-blocks-groups { width:340px; }
.colour-blocks-groups .block { height:35px; width:35px; border:3px solid #EEE; float:left; margin-right:10px; cursor:pointer; margin-bottom: 10px; }
.colour-blocks-groups .block.grp { height: 20px; width: 20px; background-position: -6px; border: 1px solid #CCC; }
.colour-blocks-groups .block.grp:hover { cursor: default; }
.colour-blocks .block { height:35px; width:35px; border:3px solid #EEE; float:left; margin-right:10px; cursor:pointer; margin-bottom: 10px;  }
.colour-blocks .block:hover, .colour-blocks-groups .block:hover { }
.colour-blocks .active, .colour-blocks-groups .active { border: medium none; box-shadow: 2px 2px 2px 4px #ddd;}
/* END */

/* Select colour dropdown style */
.selected-colour {padding-bottom: 3px; padding-top: 5px;}
.view-options > .colour-blocks, .colour-blocks-groups {
    display: block;
    height: 22px;
    margin-top: 2px;
    width: 250px;
    word-wrap: break-word;
}

.colour-blocks-groups .dropblock { border: 3px solid #eee; cursor: pointer; float: left; height: 35px; text-indent: 30px; width: 35px; margin: 5px 10px 10px 5px;}
.dropblockselected { border: 3px solid #eee; cursor: pointer; float: left; height: 35px; margin-bottom: 10px; margin-right: 10px; margin-top: 5px; text-indent: 30px; width: 35px; }
.dropblockselectedtext { display: inline-block; margin-top: 10px; }
.colour-blocks-groups .dropblock.grp { height: 20px; width: 20px; background-position: -6px; border: 1px solid #CCC; }
.colour-blocks-groups .dropblock.grp:hover { border: 1px solid #CCC; cursor: default; }
.colour-blocks .dropblock { height:35px; width:35px; border:3px solid #EEE; float:left; margin-right:10px; cursor:pointer; margin-bottom: 10px; text-indent: 20px;margin-top: 5px; }
/*.colour-blocks .dropblock:hover, .colour-blocks-groups .dropblock:hover {  }*/
.colour-blocks .active, .colour-blocks-groups .active { }
/* END */

/* Select other blocks style */
.other-blocks { }
.other-blocks .block { border:3px solid #EEE; float:left; margin-right:10px; cursor:pointer; margin-bottom: 10px; padding:10px; text-align: center; outline: 2px solid #fff; height: 40px; background-color: #eee; color:#888; }
.other-blocks .block:hover { border:3px solid #fff; outline: 2px solid #666; background-color: #fff; color: #888; }
.other-blocks .block.active  { border:3px solid #fff; background-color: #FFF; outline: 2px solid #009; color: #888; font-weight: bold; }
.block-disabled .block { background-color:#EEE; cursor:default; color:#BBB; }
.block-disabled .block:hover { border: medium none; box-shadow: 2px 2px 2px 4px #ddd; }
/* END */

/*
* Video embed
*/
#video {
    background-color: #fff;
    border: 1px solid #ccc;
    display: none;
    z-index: 20;
}

.btnVideo{
    cursor: pointer;
}

/*
* Video embed
*/
.wistia_embed { margin: 0 auto; }
#video .wistia_embed {  }
.mini-add {
    bottom: 5px;
    display: block;
    max-height: 35px;
    min-width: 146px;
    padding-left: 5px;
    text-align: left;
    width: 75%;
}


.mini-add input {
    float: left;
    max-width: 50px;
}

.mini-add button {
    float: left;
    max-height: 35px;
    padding: 7px 15px;
}

.mini-add-moreinfo {
    padding: 7px 10px;
    bottom: 5px;
    position: absolute;
}

.layoutButtons {
    width: 120px;
    float: right;
    margin: 25px 0 15px 0;
}
.layoutButtons .viewAsGridButton, .viewAsListButton {
    padding: 4px;
    width: 38px;
    height: 38px;
    background-color: #e7e7e7;
    border-color: #dadada;
    border-radius: 2px;
}
.layoutButtons .viewAsGridButton:hover, .layoutButtons .viewAsListButton:hover {
    background-color: #D4D4D4;
    border-color: #CCC;
}
.layoutButtons{
    width:120px;
    float: right;
    text-align: right;
}
.layoutButtons .viewAsGridButton{
    margin-right:5px;
}
.layoutButtons .viewAsGridButton .fa, .viewAsListButton .fa {
    font-size: 18px;
    color: #555;
}
.layoutButtons .viewAsGridButton.modeset, .layoutButtons .viewAsListButton.modeset {
    background-color: #D4D4D4;
    border-color: #CCC;
}

.bestsellercat .thumbnail {
    margin-bottom: 0;
}
.frmPageNav {
    min-height: 70px;
    border-top: 1px solid #ddd;
}
.plist-pitem .grid-view-buttons .quantity {
    margin-bottom: 10px;
}
.plist-pitem .grid-view-buttons .basketsubmit {
    float: left;
}
.plist-pitem .grid-view-buttons input.basketsubmit {
    width: auto;
}
.product-box .quoteform button.quotesubmitinput-prodlist .fa {
    font-size: 24px;
}
.grid-view-buttons {
    text-align: center;
}
.grid-view-buttons .code {
    font-size: 12px;
}
.grid-view-buttons .price-block {
    margin: 8px 0px;
}
.grid-view-buttons .btn.moveFavourite {
    display: none;
}
span.discounttext {
    font-size: 12px;
    color: #ff0000;
}

.product-box .add {
    text-align: center;
}
.quotesubmitinput-prodlist, .wishlistsubmitinput-prodlist, .addFavourite, .moveFavourite {
    color: #008cba;
    background-color: transparent!important;
    padding: 0px;
    border: none;
    outline: none!important;
}
.quotesubmitinput-prodlist:hover, .quotesubmitinput-prodlist:active, .quotesubmitinput-prodlist:focus {
    color: #ccc;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.wishlistsubmitinput-prodlist:hover, .wishlistsubmitinput-prodlist:active, .wishlistsubmitinput-prodlist:focus {
    color: #ccc;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.list-view .rowborder {
    border: 1px solid lightgray;
    margin-top: 10px;
    margin-bottom:10px;
    padding:10px;
}
.plist-listview-item h2{
    font-size: 19px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
.plist-listview-item h3 {
    font-size: 15px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
.plist-listview-item .caption h2 a{
    color:black;
}
.plist-listview-item .price-label .price{
    font-weight:bold;
}
.plist-listview-item .button-functionality{
    margin-right:20px;
}
.plist-listview-item .wish-and-quote{
    float: left;
}
.plist-listview-item  .wish-and-quote button#quotesubmitinput.btn{
    width: auto;
    height: auto;
}
.plist-listview-item .wishlistform button#wishlistsubmitinput {
    padding: 9px 15px 10px 15px;
}
.plist-listview-item #quoteform {

}
.plist-listview-item .wishlistform {

}
.plist-listview-item .add {
    margin-top: 15px;
    text-align: left;
}
/*.plist-listview-item .add .quantity{
    float: left;
}*/
.plist-listview-item .add .basketsubmit {
    width: 205px;
    clear: both;
    margin-top: 10px;
}
.plist-listview-item .code {
    font-size: 12px;
}
.listview-groupedproduct {
    overflow: hidden;
    position: relative;
}
.listview-groupedproduct .viewoptionsform {
    right: 0px;
    bottom: 0px;
    position: absolute;
}
.listview-groupedproduct .viewoptions {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.plist-pitem .code {
    font-size: 12px;
}
.plist-pitem .add {
    margin-top: 15px;
}
.gridview .price-label .price {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
}
.gridview .viewoptions { position: absolute; bottom: 25px; }
.plist-listview-item p.groupdesc { min-height: 70px; }

.onstop-message {
    display: block;
    padding: 5px;
    text-align: center;
    color: #fff;
    background-color: red;
}
.over-credit-limit-message {
    display: block;
    padding: 5px;
    text-align: center;
    color: #fff;
    background-color: orange;
}
/**
    Product ribbon styles: http://jsfiddle.net/chriscoyier/H6rQ6/1/
*/

.promo-modal{
    width: 280px !Important;
}

/**
    Product ribbon styles: http://jsfiddle.net/chriscoyier/H6rQ6/1/
*/

.promo-modal{
    width: 280px !Important;
}

/*
    Ribbons
    Source: http://blogabill.billiouw.com/un-ruban-diagonal-en-css3-diagonal-ribbon-in-css3/
*/

.product-ribbon-wrapper {
    margin: 20px 30%;
    padding: 10px;
    width: 280px;
    min-height: 100px;
    background: white;
    border-radius: 10px;
    -webkit-box-shadow: 0px 6px 13px rgba(0,0,0,0.3);
    -moz-box-shadow:    0px 6px 13px rgba(0,0,0,0.3);
    box-shadow:         0px 6px 13px rgba(0,0,0,0.3);
    position: absolute;
    z-index: 9999;
    display: none; /** js controled */
}

.product-ribbon-image-title{
    text-transform: capitalize;
    text-align: center;
    color: #fff;
    background-color: red;
}

.product-ribbon-wrapper-price {
    text-align: center;
}
.product-ribbon-wrapper-price .price {
    font-size: 22px;
    font-weight: bold;
}

.product-ribbon-wrapper-addtobasket{
    display: inline-block;
    margin-left: 25%;
}

.product-ribbon-image-link{
    display: block;
    margin: 15px;
    position: relative;
}

.product-ribbon-image-link img{
    width: 100%;
}

.product-promo-close {
    color: #ccc;
    left: 10px;
    position: absolute;
    top: 10px;
}

.ribbon-wrapper {
    height: 180px;
    overflow: hidden;
    position: absolute;
    right: -3px;
    top: -3px;
    width: 180px;
}

.ribbon {
    color: #333;
    font: bold 15px sans-serif;
    left: -11px;
    padding: 22px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    top: 35px;
    transform: rotate(45deg);
    width: 250px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
    box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
    text-wrap: normal;
    word-wrap: break-word;
}

/*
.ribbon:before, .ribbon:after {
    content: "";
    border-left:  3px solid transparent;
    border-right: 3px solid transparent;
    position:absolute;
    bottom: -3px;
}

.ribbon:before {
    left: 0;
}
.ribbon:after {
    right: 0;
}
*/

.ribbon.green:before, .ribbon.green:after {
    border-top:   3px solid #6e8900;
}

.ribbon.green {
    background-color: #BFDC7A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
    background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45);
    color: #6a6340;
    text-indent: 7px;
}

.ribbon.red:before, .ribbon.red:after {
    border-top:   3px solid #CC0000;
}

.ribbon.red {
    background-color: #ff524f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff524f), to(#FF050F));
    background-image: -webkit-linear-gradient(top, #ff524f, #FF050F);
    background-image:    -moz-linear-gradient(top, #ff524f, #FF050F);
    background-image:     -ms-linear-gradient(top, #ff524f, #FF050F);
    background-image:      -o-linear-gradient(top, #ff524f, #FF050F);
    color: #fff;
    text-indent: 10px;
}

.ribbon.blue:before, .ribbon.blue:after {
    border-top:   3px solid #CC0000;
}

.ribbon.blue {
    background-color: #ADDDE7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
    background-image: -webkit-linear-gradient(top, #ADDDE7, #89AFB7);
    background-image:    -moz-linear-gradient(top, #ADDDE7, #89AFB7);
    background-image:     -ms-linear-gradient(top, #ADDDE7, #89AFB7);
    background-image:      -o-linear-gradient(top, #ADDDE7, #89AFB7);
    color: #6a6340;
    text-indent: 10px;
}

.recentproducts-image img, .topproducts-image img {
    margin: 0 auto;
}

.owl-controls{
    text-align: center;
}

/* Styling Next and Prev buttons */

.owl-controls .owl-buttons div{
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-controls.clickable .owl-buttons div:hover{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/

.owl-controls .owl-dot{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-controls .owl-dot span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #cccccc;
}

.owl-controls .owl-dot.active span,
.owl-controls.clickable .owl-dot:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

/* If PaginationNumbers is true */

.owl-controls .owl-dot span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.homecarousel .owl-controls {
    width: 100%;
    position: absolute;
    bottom: 10px;
}

.wishlistform{text-align: center;border:0px;}
.grid-view-buttons .addtoquote{text-align: center;}
#quotesubmitinput1{border:0px;}

.row span .pull-right{clear:both;}
.row .pull-right input{border:0px;}

.pdetails .quote-not-logged-in {text-align: left!important;}
.pdetails #quoteform{text-align: center;}

/* Product List Caption Overlay effect */
.img__caption {
    position: relative;
    overflow: hidden;

    /* Only the -webkit- prefix is required these days */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.caption__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    color: white;
    background: rgba(0, 0, 0, .5);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: -webkit-transform .35s ease-in;
    transition:         transform .35s ease-in;
}
.img__caption:hover .caption__overlay {
    background: rgba(0, 0, 0, .5);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.caption__overlay__title {
    text-align: left;
    -webkit-transform: translateY( -webkit-calc(-100% - -20px) );
    transform: translateY( calc(-100% - -20px) );
    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
    font-size: 19px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
.caption__overlay__content {
    text-align: left;
}
.img__caption:hover .caption__overlay__title, .img__caption:hover .caption__overlay__content {
    background: transparent;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
/* End Product List Caption Overlay effect */

/* initially hide save basket table to stop it poping up on page refresh */

#basketname {
    display: none;
}

.save-quote-data {
    display: inline-block;
    min-width: 70px;
}

.termsextra {
    font-size: 12px;
}

/*
Mini Basket styles
*/
.remove-cross {
    color: red;
    vertical-align: middle;
}

.qty-input{
    max-width: 50px;

}

.mini-viewbasket{
    width:100%;
    padding: 5px 5px;
}

.alt-unit-price {
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
    width: 100%;
}
/**
    Basket alternate product
**/

.basketalternativeproduct .suggestedbox{
    border: medium none;
    padding: 0;
    display: none;
    text-align: left;
}

.basketalternativeproduct .alsobought-container, .related-container {
    margin-bottom: 0;
}

.basketalternativeproduct .suggested {
    margin-left: 10px;
}

.basketalternativeproduct .alsobought-title, .related-title {

}

.basketalternativeproduct .suggestedbox .thumbnail{
    margin-bottom: 0;
}

.basketalternativeproduct {
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-top: none;
    padding-top: 0;
    text-align: center;
}

#alternative-product{
    color: red;
    font-weight: bold;
    padding-left: 45%;
}

/*
    Auto-complete plugin theme
*/
.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

.autocomplete-group {
    padding: 2px 5px;
}

.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000;
}

span.suggestion-not-complete {
    color: #888;
}

span.suggestion-complete {
    color: #000;
}

.table.group .quantity {
    min-width: 140px;
}
span.disc {
    color: red;
    font-size: 12px;
}

.vatToggle {
    padding-top: 10px;
}

.vat-switch-btn{
    background: transparent; border:none; color: #000; font-size: 12px; outline: none;
}

.clear-form {
    float: left;
}
.clear-btn {
    margin-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.brktable > table th {
    font-size: 15px;
    padding-right: 32px;
}
form#outputorderdetails {
    display: inline-block;
}

.favourite-product-caption h2 {
    font-size: 12px; margin-top: 0px;
}
.favourite.list-view {
    border-bottom: 1px solid #e2e2e2; padding: 10px 0px;
}
.favourite-product-buttons .price, .favourite-product-buttons .price #price-unit, .favourite-product-buttons .price .price-vat-switch span.price {
    font-size: 12px;
}
.favourite-product-buttons .add input#basketsubmit {
    padding: 6px 5px; width: auto; margin: 0px;
}
.favourite-product-buttons .add .basketsubmit {
    float: right;
}
.favourite-product-buttons .add .buy-qty {
    max-width: 40px;
}
.favourite-product-buttons .add .quantity {
    float: left;
}
.favourite-product-buttons .add .dec, .favourite-product-buttons .add .inc {
    padding: 6px;
}
.favourite-product-buttons div.price, .favourite-product-buttons .add {
    padding: 0px 5px;
}
.favourite-product-caption .remove-move .wishlistform {
    text-align: left;
}
.favourite-product-caption .remove-move .wishlistform .btn {
    font-size: 11px; padding-right: 10px;
}

#footer {
    border: none!important;
}

@media only screen and (max-width: 487px){
    .vieworderbtn, .repeatlinebtn, .backtoordersbtn {
        margin: 5px auto;
        display: block;
        float: none;
        width: 100%
    }
    form#outputorderdetails, form.repeatorderform {
        float: none!important;
        display: block;
        text-align: center;
        margin: 5px auto;
    }
    form#outputorderdetails .btn, form.repeatorderform .btn {
        width: 100%;
        float: none!important;
    }
}
/* DESKTOP AND ABOVE */
@media only screen and (min-width: 992px) {

    #header-navbar {
        display: none;
    }

    .header-links li {
        margin-left: 15px;
    }

    .main-content {
        float: right !important;
    }

    /*.flexslider .slides li { height: 300px; }
    //.flexslider .slides img { width: auto; max-height:300px; margin: 0 auto; }*/
    .flexslider-image {
        margin: 0 auto;
    }
    .delopt tr > td:nth-child(2) { min-width: 200px; }

    .delopt tr > td:nth-child(2) { min-width: 200px; }

    .thumbnail.gridview { height: 480px; }
    .thumbnail.gridview .inner-box { height: 450px; }

    #panel-confirmorder-invaddrs .panel, #panel-confirmorder-extrainfo .panel, #panel-confirmorder-deladdrs .panel, #panel-confirmorder-paymeth .panel {
        height: 225px;
    }
}

/* TABLETS AND SMART PHONE */
@media only screen and (max-width: 992px) {
    #header-logo {
        text-align: center;
        margin-bottom: 10px;
    }

    #logo-mobile {
        display: inline;
        max-height: 40px;
    }

    .navbar-brand {
        padding: 10px 15px;
    }
    body {
        margin-bottom: 550px;
    }
    #account-switch-table th:hover {
        cursor: pointer;
    }
    .account-switch-portal-container {
        text-align: center;
        border: 1px solid #DDD;
    }
    .optionMob {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .navbar-header .navbar-social {
        display: none;
    }
    #sagepayLogo {
        clear: both;
    }
}

@media only screen and (max-width : 768px) {
    .navbar-brand {
        padding: 10px 2px;
        margin-left: 0px!important;
    }
    .header-links {
        display: table;
        width: 100%;
    }

    .header-links li {
        float: left;
    }

    .header-links a {
        font-size: 120%;
    }

    .main-content {
        margin-bottom: 15px;
    }

    #leftsidebar .panel :eq(0) {
        clear: both;
    }

    .searchform {
        width: auto;
    }

    header {
        margin-top: 75px;
    }

    .navbar a.navbar-toggle {
        font-size: 18px;
        text-decoration: none;
    }

    .navbar .navbar-toggle {
        margin-right: 0px;
        padding: 9px 6px;
    }

    .navbar {
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.075);
    }

    /*.flexslider .slides li { height: 150px; }
    //.flexslider .slides img { width: auto; max-height:150px; margin: 0 auto; }*/
    .bootstrap-switch .bootstrap-switch-container {
        width: 100%
    }

    .tooltipcontainer {
        top: 47px;
    }

    .tooltipcontainer .tip {
        right: 150px;
    }

    .pdetails {
        margin-bottom: 10px;
    }
    .main-cat-image {
        display: none !important;
    }

    #leftsidebar .panel {
        margin-left: 0px;
        margin-right: 0px;
        clear: both;
    }

    .basketqty {
        width: unset !important;
    }
    .table.group .quantity {
        min-width: unset;
    }
}

@media only screen and (max-width: 991px) {
    #panel-confirmorder-invaddrs, #panel-confirmorder-extrainfo, #panel-confirmorder-deladdrs, #panel-confirmorder-paymeth, #panel-confirmorder-basket, #checkout-entry-login, #checkout-entry-signup {
        padding: 0px;
    }
}

@media only screen and (max-width: 1024px) {
    .plist-item .caption h2 {
        height: 60px;
    }
    .navbar-social-lable {
        display: none;
    }
    .favourite-product-buttons .add .basketsubmit {
        float: none;
        width: 100%;
        margin-top: 4px;
    }
    .favourite-product-buttons .add input#basketsubmit {
        width: 100%;
    }
    .favourite-product-buttons .add .buy-qty {
        max-width: 50px;
    }
    .home-featured h2 {
        height: 40px;
    }
}

/* SMART PHONE IN LANDSCAPE MODE */
@media only screen and (max-width: 768px) {
    body {
        margin-bottom: 550px;
    }
    .main-cat-image {
        display: none !important;
    }
    #leftsidebar .panel {
        margin-left: 0px;
        margin-right: 0px;
    }
    .listview-groupedproduct .viewoptions, .listview-groupedproduct .viewoptionsform {
        position: relative;
        text-align: center;
    }
    .listview-groupedproduct p.groupdesc, .minprice-label, .caption {
        text-align: center;
    }
    .thumbnail.gridview { height: 510px; }
    .thumbnail.gridview .inner-box { height: 480px; }
    .plist-item .caption h2 {
        height: 40px;
    }
}

/* SMART PHONE IN PORTRAIT MODE */
@media only screen and (max-width: 480px) {
    .col-xs-6 {
        width: 100%;
    }

    .header-links a {
        font-size: 200%;
    }

    .header-links .header-links-text {
        display: none;
    }

    #breadcrumbs {
        display: none;
    }

    .groupedProduct {
        max-width: 155px;
    }

    #basketcontinueshopping {
        clear: both;
        float: right;
        margin: 2px 0;
    }
    .searchnavlist div {
        float: none!important;
    }
    .searchnavlist-container ul.pagination {
        float: none;
    }

    .navbar-brand {
        float: left;
        font-size: 19px;
        line-height: 21px;
        padding: 13px 8px;
        width: 30%;
    }
    .navbar-header {
        margin-left: 0px!important;
    }
    #panel-checkout-end ul li {
        display: block;
        margin: 4px 0px;
    }
    #panel-checkout-end ul li a {
        width: 100%;
    }
    .favourite-category-box h2 {
        font-size: 18px;
        padding-left: 15px;
    }
    .favourite-product-buttons .price {
        margin: 10px 0px;
    }
    .favourite.list-view > div {
        padding: 6px 0px;
    }
    .favourite-product-caption h2 {
        font-size: 12px; margin-top: 0px;
    }
    .favourite-product-buttons .add .basketsubmit {
        float: left;
        width: 50%;
        margin: 0px;
    }
    .favourite-product-buttons .basketqty {
        width: 50%!important;
        float: left;
    }
    .favourite-product-buttons .moveFavourite {
        color: #555555;
    }
    .favourite-product-buttons .remove-move {
        color: #555555;
        margin-top: 8px;
        float: left;
    }
    .wishlistsubmitinput-prodlist {
        padding-right: 6px;
    }
    .col-xs-6 {
        width: 100%;
    }

    .header-links a {
        font-size: 200%;
    }

    .header-links .header-links-text {
        display: none;
    }

    #breadcrumbs {
        display: none;
    }

    .groupedProduct {
        max-width: 155px;
    }

    #basketcontinueshopping {
        clear: both;
        float: right;
        margin-top: 15px;
    }
    .searchnavlist div {
        float: none!important;
    }
    .searchnavlist-container ul.pagination {
        float: none;
    }

    #basketupdatebasket {
        float: left;
        margin-right: 15px;
    }

    #savebasket {
        margin-top: 10px;
    }

    #basketcontinueshopping {
        clear: unset;
        margin-top: 2px;
    }
    #baskettocheckout, #baskettocheckout .btn, #basketupdatebasket, #basketupdatebasket input, #basketupdatebasket .btn, #basketcontinueshopping, #basketcontinueshopping .btn, #basketemptybasket .btn, #basketupdatebasket .btn, .promobtn {
        width: 100%;
        margin: 2px 0px;
    }
    #editbasketform {
        margin-bottom: 0px;
    }
    #searchformbody { width: 100%; }
    .npbuttons .next, .npbuttons .finish, .previous {
        float: none;
        width: 100%;
        margin: 2px 0;
    }
    /*
    Mobile margin change
    */
    .product-ribbon-wrapper {
        background: white none repeat scroll 0 0;
        border-radius: 10px;
        box-shadow: 0 6px 13px rgba(0, 0, 0, 0.3);
        display: none;
        margin: 20px 10%;
        min-height: 100px;
        padding: 10px;
        position: absolute;
        width: 280px;
        z-index: 9999;
    }
}

#pagenotfound h3 {
    font-weight: 600;
    font-size: 15px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
#pagenotfound h3 span.light { font-weight: 300; }
#pagenotfound .search-body { margin-top: 30px; }
#sidebar-quicklist h3{
    font-size: 15px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}

#sub-category-filter-panel ul li a {
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 12px;
}

.category-delete {
    cursor: pointer;
}
.favourite-category-box {
    overflow: auto;
}
.favourite-category-box .category-delete {
    float: right;
    font-size: 24px;
    vertical-align: middle;
    padding-bottom: 4px;
}
.favourite-instruct { clear: both; margin: 30px 0px; }

#sub-category-filter-panel ul li a {
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 12px;
}

.budget-spend-edit {
    cursor: pointer;
}
.input-group-below {
    font-size: 12px;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    padding: 5px;
    display: inline-block;
    width: 100%;
}