/* Miscellaneous */

body,
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
    font-family: 'roboto', sans-serif;
    font-weight: normal;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.no-margin {
    margin: 0;
}

.shadow {
    box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
    -moz-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
}

.shadow-hover {box-shadow: 0 0 4px #000000; -webkit-box-shadow: 0 0 4px #000000;}

.no-right-pad {
    padding-right:0 !important;
}

.clearboth {
    clear:both;
}
.ssav-page-outer {
    
    border: solid 1px black;
    padding: 5px;
    background: #eee;
    margin-bottom: 20px;
}

.ssav-page-inner {

    background-color: white;
    padding: 10px;
    overflow: hidden;
}


/* Icons */
.sprite {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(images/avensysicons.png);
}

.spritepad {
    padding-left: 3px;
}

.freedelivery {
    width: 139px;
    height: 27px;
    background-position: -261px -2px;
}

.freenextday {
    width: 257px;
    height: 28px;
    background-position: -2px -2px;
}

.delivery24 {
    width: 42px;
    height: 24px;
    background-position: -557px -2px;
}

.delivery48 {
    width: 32px;
    height: 24px;
    background-position: -601px -2px;
}

.mouse {
    width: 24px;
    height: 24px;
    background-position: -635px -2px;
}

.reservecollect {
    width: 153px;
    height: 25px;
    background-position: -402px -2px;
}


/* Order wrapper */

.orderconfirm-outer {
    width: 100%;
    border: solid 1px black;
    padding: 5px;
    background: #eee;
    margin-bottom: 20px;
}

.orderconfirm-inner {
    width: 100%;
    background-color: white;
    padding: 10px;
}

.orderconfirm-inner h1 {
    margin:5px 0 10px 0;
}
.orderconfirm-inner h3.headline-header {
    margin-bottom:3px;
}
.orderconfirm-inner h3.headline-header a {
    color:black;
}



/* Sprites */
.payment-sprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(images/paymentlogos.png);}

.maestro {width:45px; height:30px; background-position: -143px -2px}
.mastercard {min-width:45px; min-height:30px; background-position: -96px -2px}
.paypal {width:45px; height:30px; background-position: -49px -2px}
.visa {width:45px; height:30px; background-position: -2px -2px}


.social-sprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(images/ssavsocial.png);}

.facebook {width:32px; height:32px; background-position: -2px -2px}
.googleplus {width:32px; height:32px; background-position: -36px -2px}
.offer {width:42px; height:13px; background-position: -2px -36px}
.twitter {width:32px; height:32px; background-position: -70px -2px}

.footer-payment-sprite {min-width: 131px; min-height:25px; display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(images/basepaymentlogos.png);}


/* Page Header */

.header-container {
    background: #191919;
    font-size: 12px;
    padding: 20px 0 20px 0;
}

    .header-container a, .header-container {
        color: white;
    }

#site_search {
    float: right;
    width: 140px;
    height: 28px;
    background: #4d4d4d;
    border-radius: 3px;
    overflow: hidden;
    margin-left:10px;
}

    #site_search span#magnify {
        float: left;
        background: none;
        border: none;
        color: #b2b2b2;
        font-size: 12px;
        cursor: pointer;
        line-height: 1;
        padding: 7px 5px 3px 5px;
    }

#search_input {
    float: left;
    display: block;
    background: transparent;
    color: #cccccc;
    outline: none;
    width: 120px;
    height: 20px;
    margin: 4px 0 0 0;
    border: none;
    font-size: 14px;
}

#site_search.active {
    background: #f2f2f2;
    border-color: #4c4c4c;
}

    #site_search.active input[type="text"] {
        color: #4d4d4d;
    }

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

.menubar-container {
    background: url(images/menubar.png) repeat-x;
}

.headbar {
    list-style: none;
    background-color: #e0e0e0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 18px;
    font-weight: bold;
}

    .headbar > ul {
        padding: 0 2rem;
    }

        .headbar > ul > li {
            display: inline-block;
            padding: 5px;
        }

            .headbar > ul > li.right {
                float: right;
            }

        .headbar > ul > .active {
            color: #999999;
        }

.header-cart h3 {
    margin: 0px;
}

.header-sublinks {
    text-align:right;
    margin-top:3px;
}

.header-sublinks a {
    margin-left:15px;
    font-size:11px;
}

.topnav {
    background: transparent;
    border: none;
    color: white;
}

.navbar {
    margin-bottom:0px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #A1D9F3;
}

.navbar-default .navbar-nav > li > a {
    color: white;
    padding: 2px 10px;
}

.navbar-default .navbar-brand {
    color: #fff;
}

.navbar-default button.navbar-toggle {
    color: #ffffff;
    border-color: #fff;
}

    .navbar-default button.navbar-toggle .icon-bar {
        border-color: #fff;
        background-color: #fff;
    }

    .navbar-brand {
        padding:0;
    }

    .navbar-toggle {
       float:left;
       margin-top:0;
       margin-left:15px;
       padding:5px;
    }

    .navbar-toggle .icon-bar {
        height:1px;
        width:18px;
    }

    a.dropdown-toggle {
       background-color:#000 !important;
        color:#fff !important;
    }
    a.dropdown-toggle:hover {
        background-color:#A1D9F3 !important;
        color:#000 !important;
    }

    .navbar-collapse ul {
        background:#000 !important;
    }
    .navbar-collapse ul a {
        color:#fff !important;
    }

    
    .navbar-collapse ul a:hover {
         background-color:#A1D9F3 !important;
        color:#000 !important;
    }

    .xs-basket {
        float:right;
        font-size:16px;
        margin-right:10px;
    }
.sales-tagline {
    font-size: 1rem;
}

.nav.search-wrap {
    padding-top: 11px;
    padding-right: 5px;
}

button.btn-navbar {
    background:#000;
    border-color:#999;
    color:#fff;
    padding:2px 15px;
}

button.btn-navbar:hover,button.btn-navbar:active, button.btn-navbar:focus  {
    background:#222;
    color:#A1D9F3;
    
}

#SearchButton {
    margin-left: 5px;
    height: 28px;
    padding: 4px 8px;
}

#SearchBox {
    height: 28px;
    float:right;
}


#minisearchbutton {
    background: transparent;
    color: #fff;
    border: solid 1px white;
}

    #minisearchbutton:active {
        color: #ff0;
    }


    .xxdropdown {
        background:#000;
    }

    .navbar-nav {
        margin-top:0;
    }

    .navbar-collapse {
        border-top-color:#555 !important ;
    }

.deliveryoptionsbar div.sprite {
}


.deliveryoptionsbar div.text {
    vertical-align: top;
    font-size: 1.2rem;
}

.deliveryoptionsbar .text-right div.sprite {
    float: right;
}

.deliveryoptionsbar .text-right div.text {
    float: right;
}

/*-- Mini cart */
div.cartContents {
    display:inline;
}

div.mini-cart {
    background:#555;
    color:white;
    border:solid 3px white;
    border-radius:10px;

}

div.mini-cart .modal-body {
    background:#FFFFFF;
    color:black;
    border:solid 3px #555;
    

}

div.mini-cart .modal-footer {
    margin-top:0px;
    

}

.mini-cart-line {
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:dotted 1px #ccc;
}

.mini-cart-line:last-child {
    border-bottom:none;
}
.mini-cart-line .promotion-text i, .mini-cart-line .promotion-text span {
    vertical-align:middle;

}

.mini-cart-line div.right {
    text-align:right;
}

.mini-cart-line .promotion-text i {
    margin-right:5px;
}

.mini-cart-line span.wasPriceOuter {
    color:#F55;
    text-decoration:line-through;
}

.mini-cart-line span.wasPrice {
    color:#999;
}
/* Site wide banner */

.site-wide-banner {
    width:100%;
    margin-bottom:10px;
    text-align:center;
}

.site-wide-banner img {
    display: block;
    max-width: 100%;
    height: auto;
    margin:0 auto;
  }
/*------------------------------------------------------------------
[X. Breadcrumbs]
*/
.breadcrumbs {
    list-style: none;
    display: inline;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background: transparent;
}

    .breadcrumbs li {
        float: left;
    }

    .breadcrumbs .back {
        width: 10px;
    }

    .breadcrumbs .breadcrumb {
        padding: 0;
        background: transparent;
    }

        .breadcrumbs .breadcrumb a {
            text-decoration: none;
            color: black;
        }

    .breadcrumbs .active {
        color: #686868;
    }

    .breadcrumbs .divider {
        padding: 0 5px;
    }


    /* Store info / store locator */
#txtTownPC {
    width:150px;
}
.store-info-gmap {
    width:100%;
    height:410px;
    border:solid 2px #ccc;
}

.store-info-gmap-large {
    width:100%;
    height:620px;
    border:solid 2px #ccc;
}


.store-page .store-name {
    font-size:24px;
    padding:1%;
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    text-align:center;
    
    margin-top:5px;
}


.store-page .store-address {

}

.store-page h2 {
    font-size:24px;
}

.store-page .store-hours p {
    margin:0;
    font-size:16px;
}


.store-page .store-hours .open-hours {
     font-weight:bold;
    margin-bottom:5px;
}

.store-page .store-hours .open-hours.holiday {
    font-style:italic ;
    font-weight:normal;
    color:#555;
    padding-left:10px;
}



.store-page .store-hours .open-hours span {
    min-width:100px;
    display:block;
    float:left;
    
}
.store-manufacturer-image {
    padding:2% 3% 0 3%;
}
.store-page .googleplus2 {
    margin-top:5px;
    width:100%;
    background:url(images/googleplus.png) no-repeat 10px 10px;
   
    padding: 45px 5px 5px 5px;
    
    display:block;
    border-radius:5px;
    border:dashed 1px #aaa;
    font-size:90%;
}

.stores-table {
    width:100%;
}


.stores-table .store-name {
    font-weight:bold;
    font-size:13px;
    padding:5px;
    text-align:left;
    width:100%;
  
}
.stores-table .store-link {
    text-align:right;
}


/* Entity/Product results*/



ul.products-grid li div.list-item-outer {
    border: solid 1px #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    background: #fff;
    margin-bottom: 10px;
    padding: 10px;
}


    ul.products-grid li div.list-item-outer img-thumbnail {
        float: left;
        margin-right: 20px;
    }

    ul.products-grid li div.list-item-outer .product-shop .product-info {
        width: 71%;
        border-right: solid 1px #ccc;
        padding-right: 10px;
        float: left;
        min-height: 160px;
    }

    ul.products-grid li div.list-item-outer .product-shop .product-pricing {
        width: 15%;
        display: inline;
    }

ul.products-grid {
    list-style-type: none;
    padding: 0;
    position: relative;
}

    ul.products-grid li {
        position: relative;
    }

        ul.products-grid li div.grid-item-outer {
            border: solid 1px #ccc;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            position: relative;
            background: #fff;
            height: 290px;
            overflow: hidden;
        }

        ul.products-grid li div.grid-item-inner {
            padding: 10px;
        }

        ul.products-grid li img.entity-product-image {
            border: none;
            margin-bottom: 10px;
        }

        ul.products-grid li .grid-item-price-wrap {
            font-weight: bold;
            font-size: 2.2rem;
        }

        ul.products-grid li .grid-item-name-wrap {
            min-height: 60px;
            margin: 10px 0;
        }

        ul.products-grid li .grid-item-description-wrap {
            max-height: 85px;
            margin: 10px 0;
            overflow: hidden;
            white-space: normal;
        }

        ul.products-grid li div.list-item-outer .grid-item-name-wrap {
            min-height: 0;
            margin: 0;
        }

.product-shop {
    position: relative;
    display: block;
    overflow: hidden;
}

.thickborder {
    -webkit-box-shadow: rgba(0,0,0,.129412) 0px 0px 29px 0px;
    -moz-box-shadow: rgba(0,0,0,.129412) 0px 0px 29px 0px;
    box-shadow: rgba(0,0,0,.129412) 0px 0px 29px 0px;
    position: relative;
    z-index: 10;
    height: 520px !important;
}


.product-row .grid-item-image {
    display: inline;
    float: left;
    margin-right: 20px;
}


.product-row ul.products-grid li .grid-item-name-wrap {
    min-height: 0;
}

.product-row .grid-item-name-wrap, .grid-item-description-wrap {
    text-align: left;
}

.wish-compare {
    margin-top: 5px;
    font-size: 85%;
}

    .wish-compare button {
        margin: 5px;
    }




/* PRODUCT PAGE */

.bxslider {
    margin: 10px;
}

    .bxslider li img {
        margin: 0 auto;
        width: 100%;
    }

.product-image-wrap {
    border: solid 1px black;
    padding: 20px;
    background-color: #fff;
}

    .product-image-wrap .actionelement {
        border: solid 1px #999;
    }

.slider-thumbs {
    margin: 5px auto 0 auto;
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

    .slider-thumbs ul li a {
        display: block;
    }

        .slider-thumbs ul li a img {
            opacity: 0.6;
        }

        .slider-thumbs ul li a.selected img,
        .slider-thumbs ul li a:hover img {
            opacity: 1;
            cursor: pointer;
        }

.product-box {
    border: solid 1px black;
    background: #e6e6e6;
    margin-bottom: 10px;
    min-height: 550px;
    position:relative;
}

.product-page .promo-text, .kit-promo-text {
  color:#810000;
  font-size:12px;
  font-weight:bold;
  display:block;
    
}

.category-page .product-box {
    min-height:580px;
}

.img-overlay {
    width:50px !important;
    height:50px !important;
    z-index:100;
    position:absolute;
}

.img-overlay.overlay-tl {
    top:10px;
    left:10px;
}

.img-overlay.overlay-tr {
    top:10px;
    right:10px;
}
.img-overlay.overlay-bl {
    bottom:10px;
    left:10px;
}
.img-overlay.overlay-br {
   bottom:10px;
   right:10px;
}

.product-image-wrap .product-carousel-content-wrapper {
   position:relative;
}

img.overlay-large {
    width:250px !important;
    height:250px !important;
    z-index:100;
    position:absolute;
}


img.overlay-large.overlay-tl {
    top:5px;
    left:5px;
}

img.overlay-large.overlay-tr {
    top:5px;
    right:5px;
}
img.overlay-large.overlay-bl {
    bottom:5px;
    left:5px;
}
img.overlay-large.overlay-br {
   bottom:5px;
   right:5px;
}

    .product-box .product-title {
        background:  #e6e6e6;
        padding: 10px;
        font-size: 20px;
        color: white;
        display: block;
    }

#product-options-wrap {
    background:#DDD;
    margin:0;
    padding:10px;
    float:right;
    display:block;
    overflow:hidden;
    width:100%;
    border-bottom:1px solid #b6b6b6;
 text-align:right;
}

.variant-info-wrap {
    clear:both;
    border-top:1px solid #fff;
}
div.product-price {
    clear:both;
    color: #555;
    margin: 0;
    text-align: right;
    background-color: #EEE;
    padding: 10px 10px 5px 10px;
    overflow:hidden;
    
}

select#VariantSelector {
    max-width:100%;
}


div.product-price .saleSaving {
min-width:80px;
text-align:center;
font-size:20px;
line-height:18px;
padding:20px;
font-weight:bold;
float:left;
background-color: #800000;
color: #ffffff;
border-bottom-color: #590000;
border-top-color: #b20000;
box-shadow: 0 1px 1px #333333;
text-shadow: 1px 1px 1px #4d0000;
margin-bottom:5px;
}

div.product-price .overlayImage {
    float:left;
    width:75px;
    height:75px;
    margin-left:5px;
}

div.product-price .overlayImage img{
    
    width:75px;
    height:75px;
    
}

div.product-price .saleNowPrice,div.product-price .standardNowPrice, .kit-customized-price {
    color:#800000;
    font-size:32px;
    font-weight:bold;
}

div.product-price .saleWasPrice {
    text-decoration:line-through;

}

.buttonrow {
    margin: 5px 0;
    text-align: right;
}

.ssav-details-box {
    background: white;
    border: solid 1px black;
    padding: 5px;
}


.stock-buy-box {
    border-top: solid 1px #ccc;
    border-bottom:solid 1px #ccc;
}



.add-to-cart-group input[type="button"]  {
    border:none;
    border-radius:3px;
    padding:6px 0 6px 0;
    width:148px;
}

.add-to-cart-wrap #disabled-add-to-cart {
    display:none;
}


.product-description {
    padding-top: 10px;
}

.product-tabs-outer {
    background: white;
    padding: 10px;
    border: solid 1px black;
    clear: both;
    margin: 10px 0;
    min-height: 100px;
}

.tab-content {
    padding-top: 10px;
}

.hackspace {
    width: 10px;
    display: inline-block;
}

.product-award {
    overflow: hidden;
    padding-bottom:10px;
}

tabe.product-spec {
    width:100%;
}

table.product-spec td {
    padding:5px 0 ;
    vertical-align:top;
}

table.product-spec td:first-child  {
    font-weight:bold;
}


.product-award .magazine-name {
    font-weight:bold;
    font-size:125%;
}

div.product-filelink {
     font-weight:bold;
    
}

.kit-selected-items {
    margin-top:5px;
}
.kit-group-content {
    display: inline;
}


    .kit-group-content select {
        width: 100%;
    }

#showstockpopup {
    width:148px;
}

.youtube-productvideo-thumb {
    max-height:50px;
}

.youtubevideo-productvideo img {
    margin:0 auto;
}


.youtubevideo-productvideo a.youtubevideo-show {
   position: absolute;
   display: block;
   background: url(images/videoplay.png);
   height: 80px;
   width: 80px;
   top:20px;
    left:20px;
   z-index:200;


}
.youtubeWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
  
}
.youtubeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.YouTubeModal .modal-content {
    background:#666;
    color:#fff;
}


.YouTubeModal .modal-header button {
    background:#666;
    color:#fff;
}


/* kit product */

.product-kit-page .price-wrap {
    background:#DDD;
    padding:10px;
    
}

.product-kit-page .price-wrap h1 {
font-weight:bold;
    font-size:30px;
    text-align:right;
    margin:0;
}
.product-kit-page .kit-add-to-cart .qty-text {
    float:left;
    padding-top:3px;
    padding-right:3px;
}

.product-kit-page .quantity-box {
    width:50px;
    float:left;
    margin-right:5px;
}

.product-kit-page .kit-add-to-cart {
    overflow:hidden;
    float:right;
    
}

#kitshowstockpopup {
    width:150px;
}

/* Product page promotions */

.product-promotions {
    font-size:13px;
    margin-top:10px;
}

.product-promotions div.right {
    text-align:right;
}

.product-promotions div.right span {
    padding-right:5px;
}

.product-promotions h2 {
    text-align:left;
    margin-top:0;
    padding:10px;
    color:#800000;
    font-size:18px;
    font-weight:bold;
    background-color:#eee;
    border-bottom:solid 1px #ddd;
}


.product-promotions h3 {
    text-align:left;
    margin-top:0;
    padding:0;
    color:#800000;
    font-size:13px;
    font-weight:bold;

}

.product-promotions .kit-promo-disclaimer {
    padding:0 0 10px 5px;
    font-size:11px;
}

.product-promotions .promotion-product {
    padding-bottom:5px;
    margin-bottom:5px;
    
}

    .product-promotions .promotion-product:last-child {
        border-bottom: none;
    }

    .product-promotions .wasPriceOuter {
        color:red;
        text-decoration:line-through ;
    }

    .product-promotions .wasPriceOuter span {
        color:#555;
    }

    .product-promotions .btn-xs {
        width:100%;
    }
    .product-promotions .btn-collect {
        margin-bottom:3px;
    }

.product-promotions img.product {


}

.product-promotions .promo-variant {
    padding:0;
    font-size:12px;
    width:100%;
}

.product-promotions a {
    text-decoration:none;
    color:#000;
}

.product-promotions a:hover,
.product-promotions a:active {
    text-decoration:underline;
}

/* category page*/

h2#category-heading {
    margin-top: 0px;
}

.subcats {
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.subcatbox {
    width: 100%;
    border: solid 1px #555;
    padding: 5px;
    margin-top: 5px;
    background-color: white;
}

.subcatboxinner {
    background-color: #ddd;
    padding: 5px 10px 5px 10px;
    color: black;
}

a:hover .subcatboxinner {
    background-color: #ddf;
    color: blue;
}

.category-page {
}

.filter-box {
    background: #fff;
    border: solid 1px #999;
    
    overflow:hidden;
    padding:0 10px 10px 10px;
}



#searchcount {
    padding: 5px 0 0 5px;
}

.category-page .search-control-outer {
    background-color: #ffffff;
    margin-bottom: 10px;
    border: solid 1px #333;
    overflow: hidden;
}

.category-page .search-control-outer .search-control {
    padding:5px;
}

    .category-page .search-control .label {
        padding: 0 5px 0 5px;
        color: rgb(0,0,0);
        float: left;
        font-size: 15px;
        font-weight: normal;
        margin-top: 10px;
    }

    .category-page .search-control select {
        margin: 0 2px 0 2px;
    }
    .category-page .search-control select#sort-select {
        float: left;
        
    }

    .category-page .search-control .searchpaging {
        float:right;
    }
    

    .category-page .search-control .btn {
    margin: 0 2px 0 2px;
    }

.category-page .pagination {
    margin: 5px 0 0 0;
    float: right;
}

    .category-page .pagination ul {
        list-style-type: none;
        float: left;
    }

        .category-page .pagination ul li {
            display: inline;
            float: left;
            font-size: 15px;
            font-weight: bold;
            margin: 0 2px;
        }

            .category-page .pagination ul li.active {
                border: solid 1px #555;
                padding: 1px 5px 1px 5px;
                background: #000;
                color: white;
                margin-top: -1px;
            }


            .category-page .pagination ul li.disabled {
                border: solid 1px #aaa;
                padding: 1px 5px 1px 5px;
                color: #aaa;
                margin-top: -1px;
            }

            .category-page .pagination ul li a {
                color: #000;
                border: solid 1px #555;
                padding: 1px 5px 1px 5px;
                background: #ccc;
            }

                .category-page .pagination ul li a:hover {
                    background: #ccf;
                }

.category-page .column.three {
    width: 25%;
    float: left;
    display: block;
}

.category-page .column.nine {
    width: 75%;
    float: left;
    display: block;
}

.side-header h2 {
    font-size: 22px;
}

.side-menu h3 {
    font-size: 18px;
}

.side-menu input[type="text"] {
    padding: 0;
}

.side-menu label {
    font-weight: normal;
   display: block;
   
    padding-left: 15px;
    text-indent: -18px;
    margin:0;
    
}

.side-menu input[type=checkbox] {
   display:inline;
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0 5px 0 0 ;
    vertical-align: bottom;
    position: relative;
    top: -5px;
    *overflow: hidden;
}
}

    .side-menu label:hover {
        text-decoration: underline;
    }


.side-menu div.searchslider {
    width: 90%;
    margin: 5% 5% 5% 2%;
}

.side-menu div.slideinputleft {
    display: block;
    float: left;
    width: 45%;
}

.side-menu div.slideinputright {
    display: block;
    float: right;
    width: 45%;
    margin-right: 3%;
}




.side-menu div.slideinputleft input, .side-menu div.slideinputright input {
    width: 100%;
    margin: 5px 0 15px 0;
    text-align: center;
}

.sale_callout_listing {
    background-color: #810000;
    border-top: 1px solid #990000;
    box-shadow: 1px 1px 1px #4c4c4c;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px 1px #330000;
    position: absolute;
    top: 5px;
    left: -15px;
    padding: 2px 9px;
    z-index:1000;
    
}

ul.pList {
    overflow: hidden;
    margin-left: -35px;
}

    ul.pList .product {
        overflow: hidden;
        padding: 0 10px 0 10px;
        margin-bottom: 20px;
    }

        ul.pList .product .product-box {
            border: solid 1px #AAA;
            
        }

        ul.pList .product .product-box:hover {
            box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
            -moz-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
            -webkit-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
        }

        ul.pList .product .product-box:hover .title-bar {
    background-color:  #dbe6ea;
    color:#2993cc;
    cursor:pointer ;
    clear:left;
}

@media only screen and (min-width : 992px) {
    .mdlast {
        clear: both;
    }
}

@media only screen and (min-width : 480px) and (max-width:991px) {
    .smlast {
        clear: both;
    }
}


ul.pList .product .title-bar {
    padding: 5px 10px 5px 10px;
    background-color:  #e6e6e6;
    overflow: hidden;
    border-bottom:1px solid rgb(205,205,205);
    border-top:1px solid rgb(205,205,205);
    line-height:15px;   
     font-size: 12px;
    height:65px;
    clear:left;
}



ul.pList .product .title-bar br {
  line-height: 13px;
}

    ul.pList .product .title-bar a {
        color: black;
        width: 100%;
        text-decoration:none;

    }

    ul.pList .product .title-bar-highlight a {
    color:#2993cc;

}
    ul.pList .product .title-bar .product-name {
      
       
        display: block;
        font-weight: bold;
       
    }

    ul.pList .product .title-bar .product-compare {
        float: right;
        color: white;
        font-size: 80%;
    }

ul.pList .product .content-top {
    padding: 10px;
    background: white;
    
    position:relative;
    float: left;
    width: 100%;
}

ul.pList .product .content-main {
    padding: 10px;
    background: #f2f2f2;
    overflow: hidden;
    float: left;
   
    width: 100%;
     height:135px;
      border-top:1px solid #FFF;
       border-bottom:1px solid rgb(205,205,205);
}

ul.pList .product .content-pricing {
    padding: 10px 10px;
    overflow:hidden;
    
}

ul.pList .product .content-pricing span.promo-text {
  color:#810000;
  font-size:11px;
  font-weight:bold;
  display:block;
    
}
ul.pList .product .content-top span.image {
    float: left;
    width: 100%;
    display: block;
}

ul.pList .product span.image img {
    width: 100%;
}

ul.pList .product .content-main span.product-detail {
    display: block;
    float: left;
    
    
   
}

ul.pList .product .content-main span.description {
    font-size: 12px;
   
}

ul.pList .product .content-main span.long-description {
    font-size: 11px;
    display: block;
    margin-top: 5px;
    color: #555;
}

ul.pList .product .content-main a.read-more {
    font-weight: bold;
    display: block;
    padding-top: 5px;
}


ul.pList .product .content span.pricing {
    display: block;
    clear: both;
    margin-left: 10px;
    float: left;
    text-align: center;
    overflow: hidden;
}

ul.pList .product .content-pricing span.pricing .comparison-prices {
 
 

}

ul.pList .product .content-pricing span.pricing .comparison-prices .wasprice {
    padding-right:10px;
         color:#810000;
    font-weight:bold;
 
    text-decoration: line-through;
}

ul.pList .product .content-pricing span.pricing .product-price {
    font-weight: bold;
  
 
    margin-top: 10px;
}

ul.pList .product .stockmock {
    height: 152px;
    display: block;
    background: url(images/searchstockmock.png);
    float: left;
}

/* Checkout */

.checkout-outer {
    width: 100%;
    border: solid 1px black;
    padding: 5px;
    background: #eee;
    margin-bottom: 20px;
}

.checkout-inner {
    width: 100%;
    background-color: white;
    padding: 10px;
    overflow: hidden;
}

table.cart-items {
    width: 100%;
}


    table.cart-items tr.headrow {
        
        color: black;
    }

        table.cart-items tr.headrow th {
            padding: 3px;
            border-bottom:solid 1px #AAA;
           vertical-align:bottom;
        }

            table.cart-items tr.headrow th:first-child {
                padding-left: 10px;
            }

            table.cart-items tr.headrow th:last-child {
                padding-right: 10px;
            }

    table.cart-items td {
        padding: 6px 5px;
        border-bottom: 1px dotted #CCC;
    }


        table.cart-items td:last-child {
            padding-right: 10px;
        }


        table.cart-items td.right, table.cart-items th.right {
            text-align: right;
        }

    table.cart-items input.checkout-qty {
        width: 50px;
    }

    table.cart-items tr.totalrow td {
        font-weight: bold;
    }

    table.cart-items ul.cart-kit-items {
        padding-left:5px;
         list-style-type: none;
         
    }

    table.cart-items ul.cart-kit-items li {
        padding:0;
        margin:0;
        font-size:13px;
        font-style:italic;
    }

     table.cart-items .promotion-text span {
         vertical-align:middle;
     }
    table.cart-items .promotion-text i.offer {
        margin-right:5px;
        
        vertical-align:middle;
    }

    table.cart-items .wasPriceOuter {
        text-decoration:line-through;
        color:red;
    }

    table.cart-items .wasPrice {
        color:#999;
    }
.checkout-text {
    display: block;
    font-size: 90%;
    padding-bottom: 5px;
}

.checkout-info-title {
    background: #555;
    padding: 3px 5px 3px 5px;
    display: block;
    font-weight: bold;
    color: #fff;
    margin-bottom: 5px;
}

.checkout-info-subtitle {
    display: block;
    font-size: 95%;
    width: 45%;
    float: left;
    padding-bottom: 5px;
}

.checkout-info-subtitle2 {
    display: block;
    font-size: 95%;
    padding: 10px 10px;
    margin: 5px 0px;
    clear: both;
    border-left: 2px solid #999;
}

.checkout-container {
    overflow: hidden;
}

.checkout-info-container {
    display: block;
    font-size: 95%;
    width: 55%;
    float: left;
    padding-bottom: 5px;
}

    .checkout-info-container input {
        margin-bottom: 5px;
    }

.bold {
    font-weight: bold;
}

.checkout-container .input > span {

    font-size: 14px;
    font-weight: bold;
    color: black;
    display: block;
    min-width: 25%;
    float: left;
}


.checkout-container .input input,
.checkout-container .input select {
    margin-bottom: 5px;
}

.txtTitle {
    width: 150px;
    margin-left: 5px;
}

/* Newsletter Signup */

.newsletter-signup .description {
    margin-bottom:20px;
}

.newsletter-signup .input {
    clear:both;
}
.newsletter-signup .input > span {
    font-size: 14px;
    font-weight: bold;
    color: black;
    display: block;
    min-width: 20%;
    
    float: left;
}
.newsletter-signup input[type="text"] {
    width:75%;
    margin-bottom:10px;
}


#newsletter-loader {
    width:74px;
    height:34px;
    background:url('images/nlspreloader.gif');
}
/* New CEFASOFT One Page Checkout (OPC.aspx)*/


.opc-outer {
 
    border: solid 1px black;
    padding: 5px;
    background: #eee;
    margin-bottom: 20px;
}

.opc-inner {
  
    background-color: white;
    padding: 10px;
    overflow: hidden;
}
.opc-page h1, .opc-page h2, .opc-page h3, .opc-page h4, .opc-page h5 {
    margin: 5px 0;
}

.opc-page h3 {
    margin: 25px 0 10px 0;
}

 #pnlOPCErrorMsg {
    width:100%;
    margin: 0 0 5px 0;
    background:red;
    color:white;
    border:solid 1px #000;
    padding:10px;
}

#pnlOPCErrorMsg a {
    color:white;
    font-weight:bold;
}

.opc-basket-outer {
    padding-left: 15px;
}

.opc-checkout-outer .seehowonregcust {
    display:none;
}
.opc-checkout-outer {
    border: solid 1px white;
    padding-left: 10px;
    box-shadow: -9px 0px 5px -5px #CCC;
    min-height: 350px;
}

    .opc-checkout-outer button {
        margin-top: 5px;
    }

    .opc-checkout-outer label {
        font-weight: normal;
        font-size: 13px;
    }


.opc-login-left {
    width: 49%;
    float: left;
}

#newpassword2 {
    margin-top: 5px;
}

.opc-login-right {
    border-left: 1px dotted #CCC;
    width: 49%;
    padding-left: 10px;
    float: left;
}

#opc-login-error {
    padding-left: 30px;
    color: red;
    font-weight: bold;
}

.forgotPassword {
    padding-left:10px;
    font-size:12px;
}

.pchide {
    display:none;
}

.opc-pickaddress {
    max-width:250px;
}

.opc-manual-address-input {
    margin-top:5px;
    display:block;
    font-size:90%;
}
#opc-requirePasswordReset {
    border:solid 1px red;
    margin:5px 5px 5px 0;
    padding:5px;
    font-size:95%;
}
.opc-page .input > span {
    font-size: 14px;
    font-weight: bold;
    color: black;
    display: block;
    min-width: 25%;
    float: left;
    margin-left: 10px;
    padding: 5px 0;
}


.opc-page .input input,
.opc-page .input select {
    margin-bottom: 5px;
}

#copyaddress {
    margin: 10px 0;
}

.opc-payment-radio {
    vertical-align:top ;
}


.opc-payment-methods span.payment-sprite {
 
}
.opc-payment-methods span.payment-method-name {
    vertical-align:top ;
    margin-left:5px;
}
.opc-cardtypes, .opc-payment-methods {
        list-style-type: none;
overflow:hidden;
    padding-left:0;
    padding-top:5px;
    }


.opc-cardtypes input[type="radio"]  {
    vertical-align:top;
}

.opc-cardtypes label {
    vertical-align:top;
    padding-left:5px;
}
.opc-cardtypes li,
 .opc-payment-methods li {
    margin:0;
    
    }

.opc-cardtypes li input ,
 .opc-payment-methods li input {
    margin-right:5px;

    }

.opc-cardtypes li label,
 .opc-payment-methods li label {
    margin:0px;

    }


.opc-existing-addresses {
    margin:10px 0;
}

    .opc-existing-addresses p.customer-name {
        font-weight:bold;
    }

.opc-delivery-conditions {

}
.opc-delivery-condition {
       
    padding:5px;
    border-radius:10px;
    
}

.opc-delivery-condition p,
#opc-address-edit p {
    margin:0;
}

.opc-page button.btn.saveaddr {
    width:240px;
}

.opc-newaddress-outer {
    background-color:#f5f5f5;
    padding:10px;
    border-radius:10px;
    margin:0px 10px;
}

.opc-address-select { 
    min-height:220px;
    
}

/*
.opc-address-select.existing-address {
    border:solid 1px #CCC;
    border-radius:5px;
    padding:5px;
    min-height:150px;
}
.opc-address-select.existing-address.selected-address {
    border:solid 2px #CCC;
    background:#EEF;
}
    */

.row.less-gutter  {
    margin-left:-2px;
    margin-right:-2px;
}
.row.less-gutter .less-gutter-col:not(:first-child),
.row.less-gutter .less-gutter-col:not(:last-child) {
  padding-right:2px;
  padding-left:2px;
}

.opc-addressreview {
    margin-top:10px;
    margin-bottom:10px;
}

.opc-addressreview .title {
    font-weight:bold;
}
.opc-displayaddress p {
    margin:0;
    padding:0;
    line-height:normal;
}

.opc-payment-forms h3 {
    color:#888;
}

.opc-payment-forms .opc-payment-form {
    display:none;
}

.input.proceed-button {
    display:none;
}



label.otouchradio {
  width: 80%;
  border-radius: 3px;
  border: 1px solid #D1D3D4
}

div.otouchradio {
    clear:both;
    margin:0 0;

}
/* hide input */
input.otouchradio:empty {
	margin-left: -999px;
}





/* style label */
input.otouchradio ~ label {
	position: relative;
	float: left;
	line-height: 3em;
	text-indent: 3.5em;
	margin-top: 0.2em;
	cursor: pointer;
    	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.otouchradio ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 2.5em;
	background: #D1D3D4;
	border-radius: 3px 0 0 3px;
}

/* toggle hover */
input.otouchradio:hover:not(:checked) ~ label:before {
	content:'X';
	text-indent: .9em;
	color: #C2C2C2;
}

input.otouchradio:hover:not(:checked) ~ label {
	color: #888;
}

/* toggle on */
input.otouchradio:checked ~ label:before {
	content:'X';
	text-indent: .9em;
	color: #9CAEE2;
	background-color: #4D6DCB;
}

input.otouchradio:checked ~ label {
	color: #F00;
    background:#FDD;
}

/* radio focus */
input.otouchradio:focus ~ label:before {
	box-shadow: 0 0 0 3px #999;
}


.stockavailability tr td {
    text-align:left;
}

/* Voucher redemption */

a#havevoucher {
    color:#555;
    font-size:12px;
}

.checkout-voucher-request {
    margin-top:10px;
    background-color:#eee;
    padding:5px 0 10px 10px;
    border-radius:5px;
}

.checkout-voucher-request input#voucher-code {
    margin-right:10px;
}
.checkout-voucher-request .title {
    margin-bottom:5px;
}
.existing-promotions {
    font-size:12px;
}
.existing-promotions .title {
    margin:5px 0;
    padding:5px;
    border-bottom:dotted 1px #999;
}

#voucher-package-outer  .voucher-error {
    color:red;
    margin-top:5px;
    font-weight:bold;
}
/* Cefasoft Collect from store page*/
.collect-outer {
    border: 1px solid #CCC;
    margin-bottom: 10px;
    background: #fff;
    padding: 15px;
}

.collect-page h1, .collect-page h2, .collect-page h3, .collect-page h4, .collect-page h5 {
    margin: 5px 0;
}

table.collect-product {
    width:100%;
    margin-bottom:25px;
}

table.collect-product tr th {
    font-size:24px;
    font-weight:normal;
}

table.collect-product tr td {
    font-size:16px;
    font-weight:normal;
}

table.collect-opening-hours {
    width:100%;
}
.collect-basket-outer {
    padding-left: 15px;
}

.collect-image-outer {
    text-align:center;
    vertical-align:middle ; 

}
.collect-image-outer img {
        max-width:150px;
}

.collect-checkout-outer {
    border: solid 1px white;
    padding-left: 10px;
    box-shadow: -9px 0px 5px -5px #CCC;
    min-height: 350px;
}

    .collect-checkout-outer button {
        margin-top: 5px;
    }

    .collect-checkout-outer label {
        font-weight: normal;
        font-size: 13px;
    }

.collect-login-left {
    width: 49%;
    float: left;
}


.collect-login-right {
    border-left: 1px dotted #CCC;
    width: 49%;
    padding-left: 10px;
    float: left;
}

#collect-login-error {
    padding-left: 30px;
    color: red;
    font-weight: bold;
}


.collect-page .input span {
    font-size: 14px;
    font-weight: bold;
    color: black;
    display: block;
    min-width: 25%;
    float: left;
    margin-left: 10px;
    padding: 5px 0;
}


.collect-page .input input,
.collect-page .input select {
    margin-bottom: 5px;
}

.collect-cardtypes {
        list-style-type: none;
overflow:hidden;
    padding-left:0;
    padding-top:5px;
    }

.collect-cardtypes li {
    margin:0;
    
    }

.collect-cardtypes li input {
    margin-right:5px;

    }

.collect-cardtypes li label {
    margin:0px;

    }


.collect-outer span.unhappyMessage {
    display:block;
    width:90%;
    color:red;
    padding:0 0 10px 0;
    overflow:hidden;
}

.collect-outer span.unhappyMessage span {
   text-align:right;
   padding-right:5px;
   color:red;
   margin-top:-4px;
}
.collect-outer input.unhappy {
    background-color:#FEE;
}

#opc-newcustomer-outer span.unhappyMessage {
    width:auto;
}

/* Home Page */
.homepagebanner-outer {
    border: 1px solid #CCC;
    margin: 0 auto;
    /*max-width: 960px;*/
}

.homepagebanner-inner {
    background: #fff;
    padding: 5px;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}


.carousel-fade .carousel-control {
    z-index: 2;
}


.carousel-indicators {
    left: auto;
    bottom: -6px;
    right: 1%;
    text-align: right;
}

    .carousel-indicators li {
        text-indent: 0;
        height: 12px;
              width: 12px;
        padding: 1px 5px 1px 5px;
        border-radius: 25px;
        background-color: #58585a;
        border-color: rgba(255,255,255, 0.5);
        color: transparent;
    }

        .carousel-indicators li:hover {
            background-color:  #a2daf4;
            border-color: rgba(0, 0, 0, 0.5);
        
             height: 12px;
              width: 12px;
        }

        .carousel-indicators li.active {
           height: 12px;
              width: 12px;
            background-color: #a2daf4;
            border-color: rgba(255, 255,255, 0.5);
            margin: 1px;
        }

.homePageBuckets {
    margin-top: 10px;
    margin-left: -2px;
    margin-right: -2px;
}

    .homePageBuckets div.homePageBucket {
        padding-left: 2px;
        padding-right: 2px;
    
    }


.bucket-inner {
    border: solid 1px #999;
    background-color: #fff;
    padding: 3px;
      
}

.bucket-inner.bucket-middle {
    
}

bucket-inner.bucket-right  {
    
    right:0;
}

#homePageProducts {
    margin-top: 10px;
}

/*
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
    */



/* News Pages ================================================================================ */

.newsbox-outer {

    border: solid 1px black;
    padding: 5px;
    background: #eee;
    margin-bottom: 20px;
}

.newsbox-inner {
   
    background-color: white;
    padding: 10px;
}

.newsbox-inner h3.headline-header {
    margin-bottom:3px;
}
.newsbox-inner h3.headline-header a {
    color:black;
}

/* Manufacturer page */


.manufacturer-page-image-box {
    border-bottom:solid 1px #000;
    overflow:hidden;
}

.logo-wrapper {
    padding:10px;
}


img.logo {
    opacity:0.6;
    

}

img.logo:hover {
    opacity:1;
}

/*TILT*/
.tilt, .animate, .shadowfilter {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}


    .tilt:hover {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
          
.shadowfilter:hover { -webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,120,0.2));
filter: url(shadow.svg#drop-shadow); }


/* Manufacturer category page */
.manufacturer-banner {
    display:block;
    
    border:solid 1px#4d4d4d  ;
    background-color:white;
    overflow:hidden;
}
    .manufacturer-banner img.banner {
        float: left;
    }

    .manufacturer-banner .solo-logo {
        float:right;
        padding-right:30px;
    }
    .manufacturer-banner-text {
        clear:both;
        padding:15px 10px 5px 10px;
        text-align:justify;

    }

    

/* Topic Pages ================================================================================ */

.topicbox-outer {
    width: 100%;
    border: solid 1px black;
    padding: 5px;
    background: #eee;
    margin-bottom: 20px;
}

.topicbox-inner {
    width: 100%;
    background-color: white;
    padding: 10px;
}


/* Stock availability popup*/


table.stockavailability tr {
    border-bottom: dotted 1px grey;
}

table.stockavailability td, table.stockavailability th {
    padding-top: 3px;
    padding-bottom: 5px;
    vertical-align: top;
}

table.stockavailability tr th {
    vertical-align: bottom;
}

table.stockavailability tr td.storename {
    font-size: 120%;
    font-weight: bold;
    width: 20%;
}

table.stockavailability tr td.hours,
table.stockavailability tr td.address {
    font-size: 80%;
    width: 25%;
}

table.stockavailability .collect-holiday {
    font-weight:bold;
}

table.stockavailability tr td.collect {
    min-width:91px;
    min-height:49px;
    
    background:url('images/locate_instock.jpg') no-repeat;
    background-position-y:10px;
    
}

    table.stockavailability tr td.collect.invalid {
        background:url('images/locate_outofstock.jpg') no-repeat;
          background-position-y:10px;
          display:none; /* ES PM 13/03/2015 */
    }


    table.stockavailability td.collect-text {
        font-size:80%;
    }

    table.stockavailability td.collect-text.in-stock {
        font-weight:bold;
    }
.rotate {
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
/* Footer ================================================================================ */
.footer-container {
    background: #191919;
    font-size: 12px;
    border-top: 4px solid #7cdaf3;
    padding-top:10px;
    color: white;
   
}

    .footer-container p {
        margin-bottom: 2px;
    }

    .footer-container a {
        color: white;
    }

    .footer-container ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        padding-bottom: 2px;
    }

        .footer-container ul li {
            display: inline;
            padding: 0px 7px 0px 5px;
            border-right: solid 2px #999;
        }

            .footer-container ul li:first-child {
                padding-left: 0px;
            }

            .footer-container ul li:last-child {
                border-right: none;
            }

.footer {
}

    .footer .footer-cols-wrapper {
        overflow: hidden;
        padding: 46px 0 42px;
    }

    .footer h4,
    .footer .block-title strong,
    .footer h3 {
        position: relative;
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
        color: #fff;
        margin-bottom: 22px;
        text-transform: capitalize;
    }

    .footer footer-col.last {
        float: right;
    }

    .footer .clear {
        clear: both;
    }

    .footer .footer-col.last h3 {
        float: left;
        line-height: 26px;
        margin-right: 10px;
    }

    .footer .footer-col.contacts h3 {
        margin: 5px 0 14px;
    }

    .footer ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        list-style-position: inside;
    }

        .footer ul li {
            display: block;
            padding: 0 0 5px;
            margin: 0;
        }

            .footer ul li a {
                display: inline;
                color: #7cdaf3;
                font-size: 14px;
                text-decoration: none;
            }

                .footer ul li a:hover {
                    color: #b2cb00;
                }

    .footer address {
        float: left;
        margin-top: 10px;
    }

    .footer .list-icon {
        overflow: hidden;
        margin-bottom: 15px;
    }

        .footer .list-icon li a {
        }

            .footer .list-icon li a:hover {
                opacity: 0.5;
            }

        .footer .list-icon li {
            float: left;
            margin-right: 17px;
        }

            .footer .list-icon li:before {
                display: none;
            }

.footer-container .bottom-container {
    text-align: center;
}

.footer .footer-col .fb-like-box,
.footer .footer-col iframe {
    background: #EDEFF4;
}

.footer-col {
    float: left;
    width: 16%;
    margin-right: 1.1%;
}

    .footer-col.last {
        margin-right: 0;
        float: right;
    }

.footer .footer-col p {
    margin-bottom: 10px;
}

.footer .footer-col .tel {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 4px;
}

.footer .footer-col .fb-like-box,
.footer .footer-col iframe {
    background: #EDEFF4;
}

.footer-shadow {
    margin: 0 -10000px;
    padding: 4px 10000px 30px;
    position: relative;
    border-top: 1px solid #373737;
}


.opc-outer span.unhappyMessage {
    display:block;
    width:90%;
    color:red;
    padding:0 0 10px 0;
  
}

.opc-outer span.unhappyMessage span {
   text-align:right;
   padding-right:5px;
   color:red;
   margin-top:-4px;
}
.opc-outer input.unhappy {
    background-color:#FEE;
}

/*------ Radio buttons =-----*/

.btn-group-vertical {
    
}
label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #c8c8c8;    display: inline;
    margin-right:5px;
}
label input[type="radio"] ~ i.fa.fa-check-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-check-circle-o{
    color: #7AA3CC;    display: inline;
    margin-right:5px;
}
label:hover input[type="radio"] ~ i.fa {
    color: #7AA3CC;
}

label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #c8c8c8;    display: inline;
    margin-right:5px;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #7AA3CC;    display: inline;
    margin-right:5px;
}
label:hover input[type="checkbox"] ~ i.fa {
color: #7AA3CC;
}


div[data-toggle="buttons"] {
    min-width:300px;
}
div[data-toggle="buttons"] label.active{
    color: #7AA3CC;
}

div[data-toggle="buttons"] label {
display: inline-block;
padding: 3px 12px 3px 0;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 2em;
text-align: left;
white-space: nowrap;
vertical-align: top;
    cursor: pointer;
    background-color: none;
    border: 0px solid #c8c8c8;
    border-radius: 3px;
    color: #000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

div[data-toggle="buttons"] label:hover {
color: #7AA3CC;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
}

/* Finance pages */

div.opc-btn-row {
    text-align:right;
}
div.barclays-logo {
    background:url(images/BarclaysFinance.png);
    width:157px;
    height:26px;
    display:block;
}
table.finance-grid {
    width:90%;
    border:solid 1px #ccc;
    margin:10px;
}

table.finance-grid td {
    padding:5px;
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
}

table.finance-grid tr:nth-of-type(odd)  td {
    background:#eee;
}

/* Bootstrap Dialog */
.bootstrap-dialog {

}
.bootstrap-dialog .modal-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    clear:both;
    overflow:hidden;
}
.bootstrap-dialog .bootstrap-dialog-title {
    color: #fff;
    display: inline-block;
}
.bootstrap-dialog.type-default .bootstrap-dialog-title {
    color: #333;
}
.bootstrap-dialog.size-normal .bootstrap-dialog-title {
    font-size: 16px;
}
.bootstrap-dialog.size-large .bootstrap-dialog-title {
    font-size: 24px;
}
.bootstrap-dialog .bootstrap-dialog-close-button {
    float: right;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
.bootstrap-dialog.size-normal .bootstrap-dialog-close-button {
    font-size: 20px;
}
.bootstrap-dialog.size-large .bootstrap-dialog-close-button {
    font-size: 30px;
}
.bootstrap-dialog .bootstrap-dialog-close-button:hover {
    cursor: pointer;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.bootstrap-dialog.size-normal .bootstrap-dialog-message {
    font-size: 14px;
}
.bootstrap-dialog.size-large .bootstrap-dialog-message {
    font-size: 18px;
}
.bootstrap-dialog.type-default .modal-header {
    background-color: #fff;
}
.bootstrap-dialog.type-info .modal-header {
    background-color: #5bc0de;
}
.bootstrap-dialog.type-primary .modal-header {
    background-color: #428bca;
}
.bootstrap-dialog.type-success .modal-header {
    background-color: #5cb85c;
}
.bootstrap-dialog.type-warning .modal-header {
    background-color: #f0ad4e;
}
.bootstrap-dialog.type-danger .modal-header {
    background-color: #d9534f;
}
.bootstrap-dialog .bootstrap-dialog-button-icon {
    margin-right: 3px;
}


/* Additional Bootstrap button styles for SSAV*/
.btn-addbasket {
  color: #ffffff;
  background-color: #009900;
  border-color: #009900;
}
.btn-addbasket:hover,
.btn-addbasket:focus,
.btn-addbasket:active,
.btn-addbasket.active,
.open .dropdown-toggle.btn-addbasket {
  color: #ffffff;
  background-color: #007700;
  border-color: #007700;
}
.btn-addbasket:active,
.btn-addbasket.active,
.open .dropdown-toggle.btn-addbasket {
  background-image: none;
}
.btn-addbasket.disabled,
.btn-addbasket[disabled],
fieldset[disabled] .btn-addbasket,
.btn-addbasket.disabled:hover,
.btn-addbasket[disabled]:hover,
fieldset[disabled] .btn-addbasket:hover,
.btn-addbasket.disabled:focus,
.btn-addbasket[disabled]:focus,
fieldset[disabled] .btn-addbasket:focus,
.btn-addbasket.disabled:active,
.btn-addbasket[disabled]:active,
fieldset[disabled] .btn-addbasket:active,
.btn-addbasket.disabled.active,
.btn-addbasket[disabled].active,
fieldset[disabled] .btn-addbasket.active {
  background-color: #889988;
  border-color: #779977;
}
.btn-addbasket .badge {
  color: #009900;
  background-color: #fff;
}

.btn-collect {
  color: #ffffff;
  background-color: #428bca;
  border-color: #327bba;
}

a.btn-collect, a.btn-collect:hover {
    color:#fff;
    text-decoration:none;
}
.btn-collect:hover,
.btn-collect:focus,
.btn-collect:active,
.btn-collect.active,
.open .dropdown-toggle.btn-collect {
  color: #ffffff;
  background-color:#327bba;
  border-color: #226baa;
}
.btn-collect:active,
.btn-collect.active,
.open .dropdown-toggle.btn-collect {
  background-image: none;
}
.btn-collect.disabled,
.btn-collect[disabled],
fieldset[disabled] .btn-collect,
.btn-collect.disabled:hover,
.btn-collect[disabled]:hover,
fieldset[disabled] .btn-collect:hover,
.btn-collect.disabled:focus,
.btn-collect[disabled]:focus,
fieldset[disabled] .btn-collect:focus,
.btn-collect.disabled:active,
.btn-collect[disabled]:active,
fieldset[disabled] .btn-collect:active,
.btn-collect.disabled.active,
.btn-collect[disabled].active,
fieldset[disabled] .btn-collect.active {
  background-color:#c2cbfa;
  border-color: #b2bbea;
  text-decoration:none;
}
.btn-collect .badge {
  color: #428bca;
  background-color: #fff;
}

.account-page table {
    border-top:dotted 1px #555;
     border-bottom:dotted 1px #555;
}

.account-page table thead tr th {
    padding-top:10px;
}

.account-page table tbody tr:last-child td {
    padding-bottom:10px;
}

.account-page table td {
    text-align:left;
}

.account-page .account-details-password {
    border-bottom:dotted 1px #000;
}
.account-page .input span, 
.account-page .input label {
    display:inline-block;
    width:240px;
    margin-bottom:15px;
}

.account-page .valdation-messages {
    display:block;
    clear:both;
}
.account-page span.validationError {
    
    clear:both !important; 
    border-left:solid 2px red;
    
    padding-left:5px;
    margin-bottom:5px;
   
    padding-right:5px;
    margin-top:3px;
    width:100%;
}

.account-page span.validationError[style*="inline"] {
    display:block !important;
}

.account-page label {
    vertical-align:top;
}
div.addressdatalist {
    background-color:#fff;
    padding:10px;
}

div.addressdatalist ul {
    list-style-type: none;
}

.account-page .account-customer-password {
    border-left:dotted 1px black;
    padding-bottom:20px;
}
.account-page .account-customer-password label {
    margin-bottom:5px;
    margin-top:8px;

}

.account-page #chkOKToEmailFromStore {
    vertical-align:top;
    margin-right:5px;
}