@charset "utf-8";
/* CSS Document */

* {
padding: 0px;
margin: 0px;
}
img {
border: none;
}
li {
list-style-type: none;
}
.clear {
clear: both;
}
.last {
border: none!important;
margin: 0px!important;
}
.rel {
position: relative;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background: #FBFBFB;
}

h1 span {
display: none;
}
a, a:visited {
color: #023958;
}
a:hover {
text-decoration: none;
}

input, select {
font-size: 12px;
}

.floatLeft {
float: left;
}
.floatRight {
float: right!important;
}

.bold {
font-weight: bold!important;
}
h2 {
margin-bottom: 20px;
}
h2 span {
display: none;
}

.textDBlue {
color: Black;
font-size:11px;
 text-decoration: none;
}
.textBBlue {
color: #004c6c!important;
overflow: hidden;
height:25px;
}
.textPrice
{
    margin-top: 20px;
}
.textGray {
color: #868686;
overflow: hidden;
padding-top:2px;
height:40px;
}
.textGrayD {
color: #868686;
overflow: hidden;
padding-top:2px;
height:50px;
}
.textGrayDef
{
    color: #868686;
    max-height:50px;
    overflow: hidden;
    padding-top:2px;
    height:35px;

}
.textRight {
text-align: right!important;
}
.textLeft {
text-align: left!important;
}
.textGreen {
color: #00a352;
}
.textLBlue {
color: #c3e5ef!important;
}
.textRed {
color: #FF0000;
}
.text10 {
font-size: 10px;
}
.text11 {
font-size: 11px;
}
.text12 {
font-size: 12px;
}
.textList {
font-size: 11px;
text-decoration: none;
}
.text14 {
font-size: 14px;
}
.text16 {
font-size: 16px;
}
.text18 {
font-size: 18px;
}

.bullet1 {
padding: 0 0 0 10px;
background: url(../Images/icon-bullet.gif) no-repeat 0 3px;
}

.textCentre {
text-align: center!important;
}
.textRight {
text-align: right;
}

.height100 {
height: 100px;
}

.width135 {
width: 135px;
color: #616264;
font-size: 12px;
}
.width170 {
width: 170px;
color: #616264;
font-size: 12px;
}
.width40 {
width: 40px;
color: #616264;
font-size: 12px;
}
.width110 {
width: 150px;
color: #616264;
font-size: 12px;
}
.dropdown
{
	color: #616264;
	font-size: 12px;
}
.OHRowOdd {
background-color: #f1f1f1;
}

.borderNone {
border: none!important;
}

a.btnBuyNow { 
width: 74px;
height: 21px;
display: block;
position: absolute;
bottom: 10px;
right: 10px;
background: url(../Images/btn-buy-now.jpg) no-repeat;
}
a.btnBuyNow2 { 
width: 74px;
height: 20px;
display: block;
background: url(../Images/btn-buy-now-2.gif) no-repeat;
position: absolute;
right: 5px;
bottom: 5px;
}

a.linkClearence, a.linkClearence:visited { 
width: 170px;
height: 17px;
display: block;
float: left;
/*margin: 0 0 0 10px;*/
margin-left:25px;
background: url(../Images/btn-clearance.jpg) no-repeat right;
}
a.linkClearence:hover {

}

a.btnFindAddress { 
width: 115px;
height: 24px;
display: block;
background: url(../Images/btn-find-address.jpg) no-repeat;
}

/* BUTTON */

a.btnReturn { 
width: 267px;
height: 28px;
display: block;
background:url(../Images/btn-return.jpg) no-repeat;
}
a.btnClose, a.btnClose:visited {
}
a.btnClose:hover {

}
a.btnRev { 
}
/* TITLES */

.titleOGB { 
width: 519px;
height: 27px;
display: block;
float: left;
background: url(../Images/title-other-great-buys.gif) no-repeat;
}
.titlePOW {
background:transparent url(../Images/product-of-the-week.gif) no-repeat scroll 0 0;
display:block;
float:left;
height:27px;
width:519px;
}
.titleOF { 
width: 519px;
height: 27px;
display: block;
float: left;
background: url(../Images/title-our-favourites.gif) no-repeat;
}
.titlePromo {
width: 519px;
height: 27px;
display: block;
float: left;
background: url(../Images/title-promotions.gif) no-repeat;
}
.titleAlternateProducts { 
width: 763px;
height: 28px;
display: block;
background: url(../Images/title-alternative-products.jpg) no-repeat;
}
.titleCustBought { 
width: 763px;
height: 28px;
display: block;
background: url(../Images/title-customers-who-bought-this.jpg) no-repeat;
}
.titleRecentViewed {
width: 763px;
height: 28px;
display: block;
background: url(../Images/title-recently-viewed.jpg) no-repeat;
}
.titleRecommends { 
width: 763px;
height: 28px;
display: block;
margin: 0 0 15px 0;
background: url(../Images/title-recommends.jpg) no-repeat;
}
.categoryTitle { 
height: 28px;
display: block;
float: left;
}
.titleShopP { 
width: 955px;
height: 28px;
float: left;
margin-bottom: 15px;
background-color: #F7F7F7;
}
.titleShopP h1 
{
	padding-left: 17px;
	padding-top: 4px;
	text-transform: uppercase;
	color: #7F0000 ;
	font-size: 14px;
	font-weight: normal;
	text-align:left;
}
.titleShopS { 
width: 970px;
height: 28px;
float: left;
margin-bottom: 15px;
background-color: #F7F7F7;
}
.titleShopS h1 
{
	padding-left: 17px;
	padding-top: 4px;
	text-transform: uppercase;
	color: #7F0000 ;
	font-size: 14px;
	font-weight: normal;
}
.titleShopProdDetails { 
width: 970px;
float: left;
margin-bottom: 15px;

}
.titleShop { 
width: 955px;
height: 28px;
float: left;
margin-bottom: 15px;
background-color: #F7F7F7;
}
.titleShop h1 
{
	padding-left: 17px;
	padding-top: 4px;
	text-transform: uppercase;
	color: #004C6C;
	font-size: 14px;
	font-weight: normal;
}

.titleExistingCust { 
width: 532px;
height: 28px;
display: block;
background:url(../Images/title-existing-customers.gif) no-repeat;
}
.titleNewCust { 
width: 532px;
height: 27px;
display: block;
background: url(../Images/title-new-customers.jpg) no-repeat;
}
.titleOrderHistory { 
width: 987px;
height: 28px;
display: block;
background-color: #F7F7F7;
}
.titleMyAccount { 
width: 980px;
height: 27px;
display: block;
background: url(../Images/title-my-account-home.jpg) no-repeat;
}
.productlistpagingstatus
{
	width:100%;	
	margin:30px 10px 30px 0px;		
	clear:both;
	display:block;	
	height:30px;
    padding-top:2px;
}
.productlistpaging
{
	width:100%;
	border-top:solid 1px #BCB7AD;
	margin:30px 0px 30px 0px;		
	clear:both;
	display:block;	
	height:30px;
}
.paging
{
	display:block;	
	float:right;	
	width: 450px;
    height:30px;
    margin-top:4px;
    text-align:right;
}
.paging a.btnNext, .paging a.btnPrevious, #listItemsBox a.btnViewAll
{
    float: right;
}

.product-items
{
	display:table;			
	clear:both;		
	border-top:solid 1px #BCB7AD;
	border-bottom:solid 1px #BCB7AD;
	padding-top:15px;
	padding-bottom:15px;
	margin-right:15px;
}

.Homepage .midCol
{
	width: 524px;
}

.contentPage
{
	color: #333333;	
}

.contentPage h1, .contentPage h2, .contentPage h3, .contentPage h4, .contentPage h5, .contentPage h6
{
	margin-bottom: 10px;
	padding: 5px;
	color: #0B4D70;
}

.contentPage h1, .contentPage h2
{
    background: url(../Images/bg-OGD.gif);
    margin-top: 8px; 
}

.contentPage h3, contentPage h4
{
    background: url(../Images/price-bg-1.gif);
}

.contentPage p
{
    margin-bottom: 10px;
}

.listImg img
{
	width: 70px;
	padding-right:5px;	
}
.LIWhiteBg
{
background-color: White;
width: 767px;
display: block;
float: left;
}

.smallLIWhite
{
background-color: White;
width: 570px;
display: block;
float: left;
}

.MediumImg
{
	width: 70px;
}
.InvisibleButton
{
    display:none;
}
.aLink
{
    color: #005177;
    font-weight:bold;
    font-size:15px;
    text-decoration: none;
    
}
.aLink:hover 
{
    color: #005177;
    font-weight:bold;
    font-size:15px;
    text-decoration: underline;
    
}
.aLinkA
{
    color: #005177;
    font-weight:bold;
    font-size:15px;
    text-decoration: none;
    
}
.aLinkA:hover 
{
    color: #005177;
    font-weight:bold;
    font-size:15px;
    text-decoration: underline;
    
}
.LinksString
{
    padding-left:50px;
}
.cLetter
{
    font-size: 14px;
    color: #005177;
    font-weight:bold;    
}
.LinkManuf
{
    text-decoration: none;
    margin-left:10px;
}
.LinkManuf:hover 
{
    text-decoration: underline;
    margin-left:10px;
}
.LinkRow
{
    background-color: #EFF4FA;    
}
.Mtable
{    
    width: 700px;
    background-color:White; 
    border-collapse: collapse; 
    border-style:none; 
    border-color:White; 
    font-size:12px; 
     
}
.TblCell
{
    background-color: #EFF4FA;     
    padding-bottom:2px;
    padding-top:2px;
    padding-left:2px;
    
}
.TblRow
{
     height:15px;
}
.TblCellL
{
    background-color: #E7EFF8;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 2px;
    border-style: none;
    border-color: White;
    height: 30px;
}

ul.ManufacturerList li
{
    width: 49%;
    float: left;
    border-bottom-color:White;
    border-collapse:collapse;
    border-bottom-style:solid;
    border-bottom-width:1px;
    height:18px;
}

li.RecommendImage
{
	min-height:100px;
}

div.ListThumb
{
	float:left;
	background-color:#fff;
	width:70px;
	padding-left:0px;
	padding-right:0px;
	min-height:50px;
	margin-right:0px;	
}
div.ListThumb img
{
	
	width:70px;
	 height:70px;
}
.listProductInfo{ float:left; width:760px; padding-top:3px; padding-left:2px;}
.listProductInfoDeals{ float:left; width:755px; padding-top:3px; padding-left:10px; background-color:#FFEDF4;}

.listProductBuy{float:left; width:155px; padding:10px 5px 0px 5px;} 

.listAlternate{background-color:#DCDDDF;}

.smallListProductInfo{float:left; width:475px;  display:block;}

.smallListProductInfo ul{margin: 0px 0px 0px 0px !important;}

.smallListItems {
width: 573px;
height: auto;
display: block;
float: left;
margin: 0 0 10px 0;
padding-top: 3px;
padding-left:3px;
padding-bottom:3px;
}
.smallListItems ul{list-style-type:none;}
.smallListProductInfo ul li {list-style-type:none;}



table.ListThumb tr td
{
	float:none;
	background-color:#ffffff;	
	width:80px;	
	height:70px;		
}
table.ListThumb
{
	float:left;
	background-color:#fff;
	width:80px;
	padding-left:0px;
	padding-right:0px;
	min-height:50px;
	margin-right:0px;	
}
table.ListThumb img
{
	
	width:70px;
	 height:70px;
}
.ListThumbBsk
{
	float:left;
	background-color:#fff;
	width:70px;
	padding-left:0px;
	padding-right:0px;
	min-height:50px;
	margin-right:0px;	
}
.ListThumbBsk img
{
	
	width:60px;
	 height:60px;
}
table.ListThumbOnlineDeal
{
	float:left;
	background-color:#ffffff;	
	width:80px;
	height:100%;
	min-height:60px;		
	margin-left:-10px;	
}

table.ListThumbOnlineDeal tr td
{
	float:none;
	background-color:#ffffff;	
	width:80px;	
	height:80px;		
	padding-left:0px;
	padding-right:0px;	
	
}

.ClearanceCat
{
	background: url(../Images/btn-clearance2.jpg) no-repeat right !important;
	background-position:-2px 0 !important;
	height:10px;
}

.Newsletter
{
	display:block;
	clear:both;
	margin-left:14px;	
	width:167px;
	height:50px;
	padding-top:15px;
	padding-left:3px;
	background-color:#ffffff;			
	border:solid 1px #B9B9B9;
	margin-bottom:0px;
	color:#666666;	
	background: url(../Images/btn-home-bg2.gif) repeat right !important;	
	font-size:11px;
	position:relative;
	top:20px;
	margin-bottom:20px;
}

.Newsletter p
{
	text-align:center;
}

.subMap
{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;	
}
.subMap a
{
	text-decoration:none !important; 
}

.subMap a:hover
{
	text-decoration:underline !important; 
}

.tempHeader{
            width:768px;            
            height:28px;  
            display:block;          
            background-image: url(../Images/headerBg.jpg);
            background-repeat:repeat-x;
            line-height:28px;
            Margin:0px 0px 10px 0px;}
            
.tempHeaderTitle{font-family:Arial;  
            font-size:15px;
            color:#004c6c;
            padding-left:20px;}
div.ListHome
{
	float:left;
	background-color:#fff;
	width:500px;
	padding-left:0px;
	padding-right:0px;
	min-height:50px;
	padding-left:100px;	
}
div.ListHome img
{
	
}
.titleShopSBlueCr { 
width: 965px;
height: 28px;
float: left;
margin-bottom: 15px;

background-color: #6AA1C4;
}
.titleShopSBlueCr h1 
{
	padding-left: 17px;
	padding-top: 4px;
	text-transform: uppercase;
	color: White;
    font-weight:bold;
	font-size: 14px;
	
}
.radio-padding {
    
      vertical-align: middle;
   margin-right: 0;
      float: inherit;
}
.radio-padding label {
    padding-left: 10px; 
    float: right;
}
.titleShopSRedCr { 
width: 965px;
height: 28px;
float: left;
margin-bottom: 15px;
       color: White;
background-color: red;
}
.titleShopSRedCr h1 
{
	padding-left: 17px;
	padding-top: 4px;
	text-transform: uppercase;
	color: White;
    font-weight:bold;
	font-size: 14px;
	
}
.MenuList {
    width: 940px;
    float: left;
    padding: 10px 20px 10px 50px;
}

    .MenuList li {
        width: 940px;
        float: left;
        padding: 0 0 10px 0;
        color: #616264;
        font-size: 12px;
    }

    .MenuList label {
        width: 130px;
        display: block;
        float: left;
        font-size: 14px;
    }
.IgredientsBox {
    color: #666666;
    font-size: 10px;
    border: 2px solid #D8D8D8;
    padding-top: 5px;
    padding-left: 10px;
    float: left;
    margin-bottom: 5px;
    width: 760px;
}
.QuickOrderBoxG {
    background-color: #9FABB7;
    color: #666666;
    font-size: 10px;
    text-transform: uppercase;
    border: 1px solid #D8D8D8;
    padding-top: 5px;
    padding-left: 10px;
    float: left;
    margin-bottom: 5px;
    width: 99%;
}

.radiobuttonlist input {
    font: inherit;
    font-size: 10px; /* 14px / 16px */
    color: #494949;
    float: left;
    margin-top: 0px;
}

.radiobuttonlist label {
    font: inherit;
    font-size: 10px; /* 14px / 16px */
    text-decoration: none;
    width: 90px;
    padding-left: 10px;
    margin-top: 0px;
}
.checkboxlist input {
    font: inherit;
    font-size: 12px; /* 14px / 16px */
    float: left;
    margin-top: 7px;
}

.checkboxlist label {
    font: inherit;
    font-size: 12px; /* 14px / 16px */
    width: 750px;
    padding-left: 15px;
    margin-top: 7px;
}
.width700 {
    width: 770px;
    color: #666666;
}

.rbmenu label {
    font-size: 8px !important;
    width: 25px !important;
}

.MenuStrip {
    background-color: #F4F4F4;
    width: 900px;
    float: left;
    padding: 4px;
}
.d-flex{
    display:flex;
}
.flex-row{
    flex-direction:row;
}
.line-height-1-5{
    line-height:1.5;
}
.padding-l-7{
    padding-left:7px;
}
.padding-r-7 {
    padding-right: 7px;
}
.padding-t-7 {
    padding-top: 7px;
}
.padding-b-7 {
    padding-bottom: 7px;
}
.margin-l-7 {
    margin-left: 7px;
}

.margin-r-7 {
    margin-right: 7px;
}

.margin-t-7 {
    margin-top: 7px;
}

.margin-b-7 {
    padding-bottom: 7px;
}
.btnPink {
    background-color: #E2D3D3;
    text-align: center;
    color: #666666;
    text-transform: uppercase;
    border: 2px solid #d0cfc6;
}
.pnlSuppierRef {
    display: flex;
    flex-direction: column;
    background-color: #F9FFF7;
    border: 1px solid #8ca484;
    padding: 12px;
    margin-left: 10px
}

.supplier-ref {
    padding-top: 10px;
    display: inline-flex;
    line-height: 2.5;
}

.Greenbtn {
    display: block;
    background-color: #8ca484;
    text-align: center;
    font-family: "delta_jaegerregular",sans-serif;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    border: 3px solid #d0cfc6;
    padding: 5px 7px 5px 7px;
    margin: 0 7px 0px 7px;
}
.jqidefaultbutton {
    width: 70px !important;
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    border-bottom: none;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 150px;
        background-color: white; /*#E8E6DA;*/
        color: black;
        text-align: center;
        border-radius: 6px;
        border: 1px solid black;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        font-size: 12px;
        line-height: 1.5;
        bottom: 100%;
        margin-left: -60px;
    }





    .tooltip:hover .tooltiptext {
        visibility: visible;
    }
.filter-display {
    width: 100%;
    padding-bottom: 5px;
}

.filter-width {
    width: 140px;
    float: left;
}