@font-face {
  font-family: 'Droid Sans';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Droid-Sans-regular/Droid-Sans-regular.eot');
  src: url('../fonts/Droid-Sans-regular/Droid-Sans-regular.eot?#iefix') format('embedded-opentype'),
       local('Droid Sans'),
       local('Droid-Sans-regular'),
       url('../fonts/Droid-Sans-regular/Droid-Sans-regular.woff2') format('woff2'),
       url('../fonts/Droid-Sans-regular/Droid-Sans-regular.woff') format('woff'),
       url('../fonts/Droid-Sans-regular/Droid-Sans-regular.ttf') format('truetype'),
       url('../fonts/Droid-Sans-regular/Droid-Sans-regular.svg#DroidSans') format('svg');
}

@font-face {
  font-family: 'Droid Sans';
  font-weight: 700;
  font-style: normal;
  src: url('../fonts/Droid-Sans-700/Droid-Sans-700.eot');
  src: url('../fonts/Droid-Sans-700/Droid-Sans-700.eot?#iefix') format('embedded-opentype'),
       local('Droid Sans Bold'),
       local('Droid-Sans-700'),
       url('../fonts/Droid-Sans-700/Droid-Sans-700.woff2') format('woff2'),
       url('../fonts/Droid-Sans-700/Droid-Sans-700.woff') format('woff'),
       url('../fonts/Droid-Sans-700/Droid-Sans-700.ttf') format('truetype'),
       url('../fonts/Droid-Sans-700/Droid-Sans-700.svg#DroidSans') format('svg');
}

@font-face {
  font-family: 'Jura';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Jura-regular/Jura-regular.eot');
  src: url('../fonts/Jura-regular/Jura-regular.eot?#iefix') format('embedded-opentype'),
       local('Jura Regular'),
       local('Jura-regular'),
       url('../fonts/Jura-regular/Jura-regular.woff2') format('woff2'),
       url('../fonts/Jura-regular/Jura-regular.woff') format('woff'),
       url('../fonts/Jura-regular/Jura-regular.ttf') format('truetype'),
       url('../fonts/Jura-regular/Jura-regular.svg#Jura') format('svg');
}

@font-face {
  font-family: 'Jura';
  font-weight: 600;
  font-style: normal;
  src: url('../fonts/Jura-600/Jura-600.eot');
  src: url('../fonts/Jura-600/Jura-600.eot?#iefix') format('embedded-opentype'),
       local('Jura DemiBold'),
       local('Jura-600'),
       url('../fonts/Jura-600/Jura-600.woff2') format('woff2'),
       url('../fonts/Jura-600/Jura-600.woff') format('woff'),
       url('../fonts/Jura-600/Jura-600.ttf') format('truetype'),
       url('../fonts/Jura-600/Jura-600.svg#Jura') format('svg');
}

body, div, h1, h2, h4, h5, h6, p, img, img a, a img, form, fieldset, input, blockquote {
    margin: 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
}

a {text-decoration:none;}
a:link {text-decoration:none;}

div#dialog3 {
	display: none;
}

.menutitle {font-size: 12px; color: #016450; font-family: 'Droid Sans', sans-serif; font-weight:  bold; padding-bottom:16px; padding-top:13.4px; text-align: left;}
a.menutitle:visited {font-size: 12px; color: #016450;}
a.menutitle:link {font-size: 12px; color: #016450; margin-left:-10px; }
a.menutitle:hover {font-size: 12px; color: #000000; text-decoration:none;}


/***************************************/
/**********BRAND COLOURS START**********/
/***************************************/
/* ALSO UPDATE templates/style/branding_oasis.css */
.coreColour, li.hasSubmenu.submenuOn a, ul.refine.multiSelect li.selected, ul.refine.multiSelect li.selected a, .productBox p.price, .productBox p.saving, .productBox p.moreDetails, .productBox p.moreDetails a, .productBox.large .outer:hover p.title,
.suggestion:hover .productBox p.title, div#BasketContents .basketLine:hover a.title, .featureList li, .mainStyleColour, span.keyword, .basketPageRow a:hover, .hoverHighlight:hover, .basketPageRow .basketCol.save p, .basketPageRow .lineNumber, .basketPageRow .basketCol.product p.deliveryInfo, .deliveryBox a.deliveryChange, .deliveryListItem a.deliveryChange, .enquiriesPageContent .enquiriesCol.orderNo p, .listWrapper p.costCentre
li.hasSubmenu.submenuOn a, ul.refine.multiSelect li.selected, ul.refine.multiSelect li.selected a, .productBox p.price, .productBox p.saving, .productBox p.moreDetails, .productBox p.moreDetails a, .productBox.large .outer:hover p.title,
.suggestion:hover .productBox p.title, div#BasketContents .basketLine:hover a.title, .featureList li, .mainStyleColour, span.keyword, .basketPageRow a:hover, .hoverHighlight:hover, .basketPageRow .basketCol.save p, .basketPageRow .lineNumber, .basketPageRow .basketCol.product p.deliveryInfo, .deliveryBox a.deliveryChange, .deliveryListItem a.deliveryChange, .enquiriesPageContent .enquiriesCol.orderNo p, .listWrapper p.costCentre,.basketInfoBox
{
	color: #09AFE6;
}

/* .productBox .outer:hover .inner, */
.coreColourBackground, .basket, button.basketIcon, .header, .footer, .sideBarHeader, .middleBarHeader, ul.pagination li.on, .productGroupHeader, .productFeaturesHeader, ul.alsoInterested li.on, .controlsBox.balloon, .catalogueRow .catalogueElement.expanded, .catalogueSubCatRow, .listCount, ul.pushButtons li.on, .arrowLabel{
    background-color: #09AFE6;
}

.coreColourBackgroundOnHover:hover {
    background-color: #09AFE6;   
}

.coreColourBorder, .productBox.large.selected .outer .inner, .productBox .outer, .productBox .outer:hover, .productBox .outer .inner, ul.refine li.submenuOn a, .popupSubmenuWrapper, .box:hover .outer, .box:hover .inner, input.styled:focus, textarea.styled:focus, .jqueryPopupBox, div.suggestion:hover, div.suggestion:hover, div.additionalProdImage:hover, hr.mainStyleColour, div.productQPB, div.addressCard.selectedAddress .inner
{
	border-color: #09AFE6;
}

.catalogueRow .catalogueElement
{
	outline-color: #09AFE6;
}

.productBox .outer .inner, .productBox .outer:hover .inner {
	border-color: rgba(9, 175, 230, 1);
}

.resultSort {
    display: inline;
    float: right;
	margin: 3px 0 0 0;
	font-size: 14px;
	line-height: 31px;
	color: #333;
 }

.basket {
	background-color: rgba(9,175,230,0.7);
}

.button.blue {
	background-color: #37A6D3;
	border-color: #95E0F8 #2B84AA #2B84AA #95E0F8;
}

.hoverColourBackground, .button.blue:hover:not(:disabled), ul.pageTopDivMenu li:hover {
	background-color: #51CCF5;
}


/***************************************/
/**********BRAND COLOURS END**********/
/***************************************/

td.menutitle {
	padding-left:16px;
}

.h2bigtitle {
	padding-left:67px;
	FONT-SIZE: 23px;
	font-weight:  bold;
	COLOR: #000000;
	font-family: calibri;
	display:inline;
	position:fixed;
	z-index:3000;
	margin-top:13px;
}

.horizontalmenutable {
	Margin: 0 0 0 0;
	margin-top:-32px;
	margin-left:335px;
	position: fixed;
	z-index: 3000;
}

.topTableFixed {
	Margin: 0 0 0 0;
	height:65px;
	width:1092;
	position: fixed;
	z-index: 2000;
	background-image:url(../images/horiz_background.png);
	margin-top:-30px;
	margin-left:-3px;
	background-repeat:no-repeat;
}

.bodytexthorizontalmenu { padding-left:23px; color:#6E6E6E;}

.bodytextMainCopy { padding: 0 74px 0 74px; color:#333333; padding-top:20px;}



.locationLink { padding-left:15px;}


a.locationLink:link { font-size:12px; color:#6E6E6E;}
a.locationLink:hover { text-decoration:none; color:#000000;}




a.bodytexthorizontalmenu:link { font-size:12px; color:#6E6E6E;}
a.bodytexthorizontalmenu:hover { text-decoration:none; color:#000000;}


a.bodytexthorizontalmenuselected:link { font-size:13px; color:#000000; font-weight:  bold; padding-left:23px;}
a.bodytexthorizontalmenuselected:hover {color:#000000; text-decoration:none;}
a.bodytexthorizontalmenuselected:visite {color:#000000; text-decoration:none;}




.bodytextmenu {font-size: 12px; color:#666666; font-family: 'Droid Sans', sans-serif;}
.bodytextmenuopen {font-family: 'Droid Sans', sans-serif; font-weight: bold; color:#000000}
.bodytextmenuopen:link {font-weight: bold; color:#000000; padding-top:2px; padding-bottom:5px;}
a.bodytextmenu:link {font-size: 12px; color:#666666; padding-top:2px; padding-bottom:5px;}
a.bodytextmenu:hover {font-size: 12px; color:#000000; text-decoration:none; }
a.bodytextmenu:visited {font-size: 12px;}

a.forgotten: {font-size: 7pt; color: #FFFFFF; text-decoration:italic;}
a.forgotten:visited {font-size: 7pt; color: #FFFFFF; text-decoration:italic;}
a.forgotten:link {font-size: 7pt; color: #FFFFFF; text-decoration:italic;}
a.forgotten:hover {font-size: 7pt; color: #FFFFFF; text-decoration:italic;}


.searchtext {
FONT-SIZE: 11px;
font-weight: normal;
font-family: 'Droid Sans', sans-serif;
COLOR: #000000;
background-image:url(images/search_background.jpg);
width:200px;
height:38px;
line-height:35px;
border: 0;
padding: 0 0 0 10px;
margin: 0;
}

.searchtextgrey {
FONT-SIZE: 11px;
font-weight: normal;
font-family: 'Droid Sans', sans-serif;
COLOR: #666666;
background-image:url(images/search_background.jpg);
width:200px;
height:38px;
line-height:35px;
border: 0;
padding: 0 0 0 10px;
margin: 0;
}


.abouthomeintro {padding-left:10px; padding-right:10px; FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 1.4; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}

.topMessage {FONT-SIZE: 13px; COLOR: #006959; font-weight: bold; LINE-HEIGHT: 36px; font-family: 'Droid Sans', sans-serif; white-space:nowrap;}

.pagetopmenuselected {FONT-SIZE: 11px; COLOR: #DE3027; font-weight: bold; LINE-HEIGHT: 36px; font-family: 'Droid Sans', sans-serif; text-transform:uppercase; padding-right:3px; padding-left:3px; white-space:nowrap; padding-top:2px;}
a.pagetopmenuselected:link {FONT-SIZE: 11px; COLOR: #DE3027;font-weight: bold;  LINE-HEIGHT: 36px; }
a.pagetopmenuselected:hover {FONT-SIZE: 11px; COLOR: #000000;font-weight: bold;  LINE-HEIGHT: 36px; text-decoration:none;}
a.pagetopmenuselected:visited {FONT-SIZE: 11px; COLOR: #DE3027; font-weight: bold; LINE-HEIGHT: 36px; }

td.pagetopmenuselected {text-align:center;}

.pagetopmenu { height: 30px; FONT-SIZE: 11px; COLOR: #7B7B7B; font-weight: bold; LINE-HEIGHT: 36px; font-family: 'Droid Sans', sans-serif; text-transform:uppercase; padding-right:3px; padding-left:3px; white-space:nowrap; padding-top:2px;}
a.pagetopmenu:link {FONT-SIZE: 11px; COLOR: #7B7B7B; LINE-HEIGHT: 36px;}
a.pagetopmenu:hover {FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: 36px; text-decoration:none;}
a.pagetopmenu:visited {FONT-SIZE: 11px; font-weight: bold; LINE-HEIGHT: 36px;}

td.pagetopmenu {text-align:center;}

table.pagetopmenutable {width:100%;}

ul.pageTopDivMenu li a.disablePageTopLink {
	color:#87CEEB;
}




a.bb: {color:#009900; text-decoration:none;}
a.bb:visited {color:#009900; text-decoration:none;}
a.bb:link {color:#009900; text-decoration:none;}
a.bb:hover {color:#009900; text-decoration:underline;}

.rsstitlemenu {font-size: 10pt; font-weight: bold;}
.rsslinkmenu {font-size: 8.5pt; font-weight: bold;}
.rssdatemenu {font-size: 8.5pt; font-style: italic;}
.rssdescmenu {font-size: 8.5pt;}

.rsstitlebody {font-size: 10pt; font-weight: bold;}
.rsslinkbody {font-size: 8.5pt; font-weight: bold;}
.rssdatebody {font-size: 8.5pt; font-style: italic;}
.rssdescbody {font-size: 8.5pt;}


.productdesc {font-size: 8.5pt; LINE-HEIGHT: 12px; color: #4170A9}
.productapply {font-size: 8.5pt; LINE-HEIGHT: 15px; font-family: Verdana;}
.productdetail {color: #4170A9}
.productsearchtab {color: black}

a.resultbreadcrumbs: {color:#579722; text-decoration:none;}
a.resultbreadcrumbs:visited {color:#579722; text-decoration:none;}
a.resultbreadcrumbs:link {color:#579722; text-decoration:none;}
a.resultbreadcrumbs:hover {color:#579722; text-decoration:underline;}

.customtitle {PADDING-RIGHT: 0px; FONT-SIZE: 14.5px; PADDING-BOTTOM: 0px; MARGIN: 0px; font-weight: bold; COLOR: #333333; LINE-HEIGHT: 20px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}

ul.sitemap {
  list-style-image: ;
}

li.sitemap {
  font-size: 7.5pt;
}

#breadcrumbs li
{
            display: inline;
            font-size:10px;
            font-family:Verdana, Arial, Helvetica, sans-serif;
            line-height:.5em;
			margin-left:0px;
}
#breadcrumbs {
padding:10px;
padding-top:7px;
margin:0px;
}



.bodytexttall {font-size: 8.5pt; line-height: 1.4; color:#5D5D5D;}
.bodytext {FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 18px; font-family: 'Droid Sans', sans-serif;}




.bodytextlistdata {padding-bottom: 10px; padding-top: 10px; color: #333333; font-size: 12px; PADDING-LEFT: 0px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
a.bodytextlistdata:link {font-weight: bold; margin-left: 15px; padding-bottom: 10px; padding-top: 10px; color: #333333; font-size: 14px; PADDING-LEFT: 0px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
a.bodytextlistdata:visited {font-weight: bold; margin-left: 15px; padding-bottom: 10px; padding-top: 10px; color: #333333; font-size: 14px; PADDING-LEFT: 0px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
a.bodytextlistdata:hover {font-weight: bold; margin-left: 15px; padding-bottom: 10px; padding-top: 10px; color: #333333; font-size: 14px; PADDING-LEFT: 0px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}




.text {font-size: 8.5pt;}


.menuitem {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12.5px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #333333; LINE-HEIGHT: 20px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
a.menuitem:link {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12.5px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #333333; LINE-HEIGHT: 20px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
a.menuitem:visited {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12.5px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #333333; LINE-HEIGHT: 20px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
a.menuitem:hover {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12.5px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #0000FF; LINE-HEIGHT: 20px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
.subtitle {font-size: 10.pt; font-weight: bold;}
.line {font-size: 8pt; line-height: 1;}
.emboss {font-size: 8pt; line-height: 1; border : thin groove White;}
.leftindent {margin-left: 6px;}
.textindent {margin-left: 10px; margin-right: 10px; font-size: 8.5pt;}
.buttonindentright {margin-right: 7px;}
.linkcell {cursor : "hand"; font-size: 7.5pt; font-weight: bold;}
.linkcellbutton {cursor : "hand"; font-size: 7pt; font-weight: bold;}
.formbutton {
	font-size: 7.5pt;
	font-weight: bold;
	color: #999999;
	background-color: white;
	border: 1px solid Silver;
}




.calogintop {FONT-SIZE: 12px; COLOR: #005288; padding-left:8px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}

.cabodytext {FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}




.textdocshare {FONT-SIZE: 12px; COLOR: #005288; padding-left:8px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}

.docsharetitle {FONT-SIZE: 13px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
a.docsharetitle:link {FONT-SIZE: 13px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
a.docsharetitle:visited {FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
a.docsharetitle:hover {FONT-SIZE: 13px; COLOR: #9EB5C9; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration:none;}


.docsharedetailsheading {FONT-SIZE: 13px; COLOR: #9EB5C9; padding-bottom:8px; font-weight: bold; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}

.docsharedetails {FONT-SIZE: 13px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
a.docsharedetails:link {FONT-SIZE: 13px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
a.docsharedetails:visited {FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
a.docsharedetails:hover {FONT-SIZE: 13px; COLOR: #9EB5C9; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration:none;}

.docsharedate {FONT-SIZE: 11px; COLOR: #9EB5C9; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}

.docsharelarge { border:solid; border-width:1px; border-color:#597EA0; height:200px; width:172px; padding:6px;}



/***********pageTop************/

.productBox p {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	line-height: 1;
	color: #000;
	font-size: 11px;
}

.productBox.large p {
	font-size: 13px;
}

.headerLogo {
	width: 140px;
	height: 39px;
	float: left;
	margin: 11px 0 0 0;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

/* Changes to banner to accommodate logo 
.headerLogo {
	width: 380px;
	height: 60px;
	float: left;
	margin: 0px 0 0 0;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
*/

.headerLogo:hover {
	opacity: 0.7;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
}

.headerLogo a {
	display: block;
	width: 100%;
	height: 100%;
}

.headerTagline {
	width: 369px;
	height: 37px;
/*	background-image: url(images/header_tagline.png);*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	margin: 14px 0 0 26px;
}


ul.pageTopDivMenu {
	list-style: none;
	float: left;
	padding: 0 0 0 0;
	margin: 7px 115px 0 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #A3E4F8 #509EBB #3089AC #33BDEA;
	/*height: 37px;*/
	background-image: url(images/menu_gradient.png);
	background-position: top;
	background-repeat: repeat-x;
    max-width: 630px;
    margin-bottom: 10px;
}


ul.pageTopDivMenu li {
	list-style: none;
	float: left;
	-webkit-transition: background-color .5s;
	-moz-transition   : background-color .5s;
	-o-transition     : background-color .5s;
	-ms-transition    : background-color .5s;
	transition        : background-color .5s;
}

ul.pageTopDivMenu li, ul.pageTopDivMenu li a {
    height: 37px;
    line-height: 37px;
    font-size: 13px;
    color: #EDF5F8;
    font-family: Arial, Helvetica, sans-serif;
}

ul.pageTopDivMenu li a {
    display: block;
    padding: 0 12px;
    text-decoration: none;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    -ms-transition: color .5s;
    transition: color .5s;
}

ul.pageTopDivMenu li.submenuOn a {
    padding: 0 10px;

}

ul.pageTopDivMenu li:hover {
	-webkit-transition: background-color .2s;
	-moz-transition   : background-color .2s;
	-o-transition     : background-color .2s;
	-ms-transition    : background-color .2s;
	transition        : background-color .2s;
}

ul.pageTopDivMenu li a:hover {
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-o-transition: color .2s;
	-ms-transition: color .2s;
	transition: color .2s;
}

ul.pageTopDivMenu li.on, ul.pageTopDivMenu li.on a {
	color: #FFF;
	font-weight: bold;
}

ul.pageTopDivMenu li .shadow {
	background-image: url(images/top_menu_shadow.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 9px;
	height: 35px;
	position: absolute;
	display: none;
	top: -2px;
	right: -8px;
	pointer-events: none;
}

ul.pageTopDivMenu li.submenuOn .shadow {
	display: block;
}

/**********************************************************************/
/* --- Following section for Submenus --- */
/**********************************************************************/

.submenu {
    width: 589px;
    /*position: fixed;*/
    position: absolute;
    background-image: url(images/submenu_bg.jpg);
    /*background-position: 0px 0px;*/
    background-repeat: repeat-x;
    background-position: bottom;
    z-index: 100102;
    display: none;
    /*border-bottom: 1px solid #D3D3D3;*/
    margin: 0 auto 0 auto;
    border: solid #27A2D5 2px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    -o-border-radius     : 3px;
    -ms-border-radius    : 3px;
    border-radius        : 3px;
}

.submenu.account {
	padding-top: 0;
	padding-right: 0;
	/*width: 499px;*/
	/*z-index: 99999;*/
	background-color: #FFF;
}

.submenu.lists {
	padding-top: 0;
	padding-right: 0;
	/*width: 499px;*/
	/*z-index: 99999;*/
	background-color: #FFF;
}

.submenu ul {
	list-style: none;
	margin: 15px 0 5px 0; /* 0 */
	padding: 0 0 0px 0;
}

.submenu ul.wishList {
	margin: 15px 0 5px 0;
}

.submenu ul.cost {
	margin: 15px 0 22px 0;
}


.submenu ul li {
	width: 100%;
	height: 25px;
	overflow: hidden;
	padding: 0 0 0 25px;
}

.submenu ul li.first {
	border-top: 0;
}


.submenu ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	z-index: 4;
	position: relative;
	color: #27A2D5;
	font-size: 13px;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s;
	-ms-transition: background-color .2s;
	transition: background-color .2s;
	/*font-weight: bold;*/
}


.submenu ul li a p {
	color: #000;
	font-size: 13px;
	text-decoration: none;
	margin: 0;
	padding: 18px 0 0 15px;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-o-transition: color .2s;
	-ms-transition: color .2s;
	transition: color .2s;
	font-weight: bold;
}

.submenu a:hover {
	color: #000;
}


li.hasSubmenu a{
	background-image: url(images/menu_white_arrow.png);
	background-repeat: no-repeat;
	background-position: center 29px;
}

li.hasSubmenu.submenuOn {
	background-color: #FFF;
	border-bottom: 0;
	position: relative;
	z-index: 900000;
	/*height: 53px;*/
	background-image: none;
	opacity: 1;
    border-width: 2px;
    border-color: #0796C5;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    -webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-top: 2px;
    margin-bottom: -2px;
	height: 35px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

li.hasSubmenu.submenuOn:hover {
	background-color: #FFF;
}


li.hasSubmenu.submenuOn a {
	line-height: 33px;
}

.submenuColumn {
    width: 249px;
    height: auto;  /* Was original 203px, then 213px */
    float: left;
}

.submenuColumn#columnRight {
    width: 340px;
}

.submenuHeader {
	height: 40px;
    padding: 0 0 0 25px;
    color: #FFF;
}

.submenuHeader a, .submenuHeader p {
    font-weight: bold;
    /*font-style: italic;   */
    color: #000;
    font-size:  15px;
}

.submenuHeader.top {
    /*border-bottom: 1px solid lightGrey;*/
}

.submenuHeader.bottom {
	border-top: 1px solid lightGrey;
}


.submenuHeader p{
	line-height: 40px;
	/*color: #000;
	font-weight: bold;
	font-size:  13px;*/
}

.submenuBlackout {
	background-color: #0789B4;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1001;
	display: none;
	top: 0;
	left: 0;
}


/**********************************************************************/
/* --- End of Submenus --- */
/**********************************************************************/

/* --- Login Page --- */
a.forgottenPassword {
    display: inline !important;
    color: #09AFE6;
    text-decoration: none;
    margin-left: 10px;   
}

a.forgottenPassword:hover {
    text-decoration: underline;   
}

.RememberMe label {
    font-weight: normal;
    padding-left: 0px;   
}

.siteUnavailable {
	width:400px;
	background-color:#efefef;
	vertical-align:middle;
    padding:30px 30px 30px 30px;)
	font-weight: bold;
	color: rgba(255,0,0,1);
	font-size: 12px; 
    border: 1px solid #B4E6F8;
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    -o-border-radius     : 5px;
    -ms-border-radius    : 5px;
    border-radius        : 5px;
}

/* --- End of Login Page --- */

.basketWrapper {
    width: 304px;
    float: right;
    margin: 0 0 0 640px;
    padding: 0;
    /*overflow: hidden;*/
    position: absolute;
    z-index: 1004;
    height: 91px;
}

.basketInfoBox {
	display:none;
	height: 91px;
	width:304px;
	max-height:91px;
	color:#FFF;
	font-size:12px;
    margin: 0;
	/*padding:20px 20px 20px 20px;*/
    border: 1px solid #B4E6F8;
    border: 1px solid rgba(255,255,255,0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    -o-border-radius     : 5px;
    -ms-border-radius    : 5px;
    border-radius        : 5px;
    /*position: absolute;
    z-index: 10;*/	
	
}

.basketInfoBox p{
	margin:35px 0 0 30px;
}

.basketHider {
    position: absolute;
    width: inherit;
    /* [disabled]height: inherit; */
    z-index: 10;
    overflow: hidden;
    min-height: 91px;
}

.basket {
    width: 302px;
    margin: 0;
    border: 1px solid #B4E6F8;
    border: 1px solid rgba(255,255,255,0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    -o-border-radius     : 5px;
    -ms-border-radius    : 5px;
    border-radius        : 5px;
    /*position: absolute;
    z-index: 10;*/
}

.basket.off {
	margin-left: 304px;
}

.basket .basketTitleContainer {
	width: 302px;
	padding-bottom: 12px;
	-webkit-transition: background-color .5s;
	-moz-transition: background-color .5s;
	-o-transition: background-color .5s;
	-ms-transition: background-color .5s;
	transition: background-color .5s;
}

p.basketIcon {
    float: left;
    padding: 4px 0 4px 9px;
    height: 28px;
    line-height: 28px;
    margin: 0;
    color: #FFF;
    font-family: 'Droid Sans', sans-serif;
    font-size: 12px;
    vertical-align: middle;
}

button.basketIcon,
div.basketIcon {
	background-image: url(images/basket_icon.png);
	background-repeat: no-repeat;
	background-position: center;
    border: none;
    border-radius: 4px;
    width: 26px;
    height: 26px;
}

button.basketIcon {
    cursor: pointer;  
    padding: 2px;    
    min-width: 0px;
}

div.basketIcon {
    vertical-align: middle;
    padding: 0px; 
    display: inline-block;  
}

button.basketIcon:hover {
    border: outset 1px #7AD3F2;
    background-color: #73CEEE;
    padding: 1px;
}

p.basketTitle {
    float: left;
    /*background-image: url(images/basket_icon.png);
	background-repeat: no-repeat;
	background-position: 9px center;*/
    height: 38px;
    padding: 0 0 0 5px; /*0 0 0 36px;*/
    line-height: 38px;
    margin: 0;
    color: #FFF;
    font-family: 'Droid Sans', sans-serif;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 85px;
}

p.basketTitle input#basketName {
    max-width: 65px;
    font-size: 11px;
    padding: 0px 6px;
}

p.basketTotal {
	float: right;
	height: 38px;
	padding: 0 8px 0 0;
	line-height: 38px;
	margin: 0;
	color: #FFF;
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px;
}

p.basketTotal span.subtotal {
	font-weight: bold;
	font-size: 16px;
}

.basketOpenWrapper {
	height: 331px;
	padding: 0 10px;
	overflow: hidden;
}

.basketOpenWrapper.loading {
    background-image: url(images/ajax-loader-big.gif);
    background-position: center;
    background-repeat: no-repeat;
}

.basketOpenWrapperInner {

}

.basketProductsContainer {
	height: 321px;
	overflow: hidden;
	outline: 0 !important;
}

.multiBasket {
    display: none;
}

.basketNodes {
    position: absolute;
    top: 92px;
    width: 302px;
    text-align: center;
    color: #FFF;
}

.basketArrow {
    height: 89px;
    width: 20px;
    position: absolute;
    background-image: url(images/multi_basket_arrows.png);
    background-repeat: no-repeat;
    cursor: pointer;
    top: 0px;
}

.basketArrow.left {
    left: -20px;
    background-position: left;
}

.basketArrow.right {
    right: -20px;
    background-position: right;
}

tr.basketLine {
	-webkit-transition: zoom 0.2s ease-in-out;
	-moz-transition: zoom 0.2s ease-in-out;
	-ms-transition: zoom 0.2s ease-in-out;
	-o-transition: zoom 0.2s ease-in-out;
	transition: zoom 0.2s ease-in-out;
}

tr.basketLine p {
	font-size: inherit;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}

tr.basketLine .basketLineComment {
	color: red;
}

tr.basketLine td {
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}

tr.basketLine img {
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;

}

/*tr.basketLine:hover {
	zoom: 120%;
}*/

tr.basketLine:hover td {
	background-color: #C5E9FA;
	background-color: rgba(9, 175, 230, 0.10);
}

tr.basketLine:hover img {
	opacity: 0.5;
}

p.deliveryTitle {
	float: left;
	background-image: url(images/lorry_icon.png);
	background-repeat: no-repeat;
	background-position: 9px center;
	height: 38px;
	padding: 0 0 0 36px;
	line-height: 38px;
	margin: 0;
	color: #FFF;
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px;
}

p.invoiceTitle {
	float: left;
	background-image: url(images/invoice_icon.png);
	background-repeat: no-repeat;
	background-position: 9px center;
	height: 38px;
	padding: 0 0 0 36px;
	line-height: 38px;
	margin: 0;
	color: #FFF;
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px;
}

/* Custom Icon Button Designs --- */

/* Default button settings (20x20), including INACTIVE image position (left top) */
.addBtn, .ammendBtn, .deleteBtn, .editBtn, .emailBtn, .favBtn, .invoiceBtn, .notesBtn, .okBtn, .printBtn, .selectBtn, .splitpackBtn {
	margin-top: 3px;
	width: 20px;
	height: 20px;
	float: right;
	background-repeat: no-repeat;
	background-position: left top;
    cursor:pointer;
}

.btnInLine {
    float: none !important;
    display: inline-block !important;
    margin-top: 0px !important;
}

/* Default button settings (20x20), including ACTIVE image position (right top) */
.addBtn			.addBtnInner		,
.ammendBtn      .ammendBtnInner     ,
.deleteBtn 		.deleteBtnInner		,
.editBtn		.editBtnInner		,
.emailBtn       .emailBtnInner      ,
.favBtn         .favBtnInner        ,
.invoiceBtn     .invoiceBtnInner    ,
.notesBtn 		.notesBtnInner		,
.okBtn 			.okBtnInner			,
.printBtn 		.printBtnInner		,
.selectBtn      .selectBtnInner     ,
.splitpackBtn 	.splitpackBtnInner	{
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: right top;
	opacity: 0;
    filter: alpha(opacity=0);
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.emailBtn.small, .emailBtn.small .emailBtnInner,
.invoiceBtn.small, .invoiceBtn.small .invoiceBtnInner,
.printBtn.small, .printBtn.small .printBtnInner {
    width: 13px;
    height: 13px;
}

/* Trigger to show ACTIVE image on button hover */
.addBtn:hover		.addBtnInner		,
.ammendBtn:hover    .ammendBtnInner     ,
.deleteBtn:hover 	.deleteBtnInner		,
.editBtn:hover		.editBtnInner		,
.emailBtn:hover     .emailBtnInner      ,
.favBtn:hover       .favBtnInner        ,
.invoiceBtn:hover   .invoiceBtnInner    ,
.notesBtn:hover 	.notesBtnInner		,
.okBtn:hover 		.okBtnInner			,
.printBtn:hover 	.printBtnInner		,
.selectBtn:hover    .selectBtnInner     ,
.splitpackBtn:hover .splitpackBtnInner	{
	opacity: 1;
    filter: none;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	-ms-transition: opacity .2s;
	transition: opacity .2s;
}


/* Now set what image file will actually be used for the different button types */
.addBtn			, .addBtn		    .addBtnInner		{background-image: url(images/add_btn_bg.png);		}
.ammendBtn      , .ammendBtn        .ammendBtnInner     {background-image: url(images/ammend_btn_bg.png);   }
.deleteBtn		, .deleteBtn 	    .deleteBtnInner 	{background-image: url(images/close_btn_bg.png);	}
.editBtn		, .editBtn		    .editBtnInner		{background-image: url(images/edit_btn_bg.png);		}
.emailBtn       , .emailBtn         .emailBtnInner      {background-image: url(images/email_btn_bg.png);    }
.emailBtn.small , .emailBtn.small   .emailBtnInner      {background-image: url(images/email_btn_small_bg.png);    }
.favBtn		    , .favBtn		    .favBtnInner		{background-image: url(images/star_btn_bg.png);		}
.invoiceBtn     , .invoiceBtn       .invoiceBtnInner    {background-image: url(images/invoice_btn_bg.png);  }
.notesBtn 		, .notesBtn 	    .notesBtnInner		{background-image: url(images/notes_btn_bg.png);	}
.okBtn			, .okBtn 		    .okBtnInner 		{background-image: url(images/ok_btn_bg.png);		}
.printBtn		, .printBtn 	    .printBtnInner 		{background-image: url(images/print_btn_bg.png);	}
.printBtn.small , .printBtn.small   .printBtnInner      {background-image: url(images/print_btn_small_bg.png);	}
.selectBtn      , .selectBtn        .selectBtnInner     {background-image: url(images/select_btn_bg.png);   }
.splitpackBtn	, .splitpackBtn     .splitpackBtnInner	{background-image: url(images/splitpack_btn_bg.png);}

/* Special handling for certain buttons */
.ammendBtn.notesExist 			.ammendBtnInner     {opacity: 1; filter: none;							}
.favBtn.on                      .favBtnInner        {opacity: 1; filter: none;                          }
.notesBtn.notesExist 			.notesBtnInner 		{opacity: 1; filter: none;  						}
.splitpackBtn.packSplit 		.splitpackBtnInner 	{opacity: 1; filter: none;							}

/* --- End of Custom Icon Button Designs */

input.headerSearchInput {
	padding: 7px 5px 6px;
	margin: 0;
	border-color: #CFCFCF;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	height: 17px;
	width: 172px;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s;
	-ms-transition: background-color .2s;
	transition: background-color .2s;
}

input.headerSearchInput:focus {
	background-color: #F8F8F8;
}

.headerSearchBtn {
	float: right;
	width: 32px;
	height: 32px;
	background-image: url(images/header_search_btn.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}

.headerSearchBtn:hover {
	background-position: left bottom;
}

/***********pageTopEnd************/

body {
	background-color: #EEE;
	padding: 0;
	margin: 0;
}

.containerHolder {
	width:942px;
	margin:0 auto;
	padding-right:39px;
	position:relative;
}

.header {
	width: 942px;
	padding: 13px 19px 0;
	/*height: 160px;*/
    min-height: 160px;
	margin: 0 auto;
	position: relative;
}

/* Changes to accommodate logo 
.header {
width: 942px;
padding: 13px 19px 0;
height: 160px;
margin: 0 auto;
position: relative;

}
*/


.headerLeft {
	width: auto;
	float: left;
}

.headerSearchWrapper {
    width: 423px;
    margin: 16px 0 0;
    float: left;
}

/* Changes to accommodate logo 
.headerSearchWrapper {
	width: 423px;
	margin: 6px 0 0;
	float: left;
}
*/
.headerSearchInnerRight {
	float: right;
	width: 117px;
	padding: 0 0 0 20px;
}

.headerSearchInnerRight p {
	margin: 0;
	padding: 0;
}

.headerSearchInnerRight p, .headerSearchInnerRight p a {
	height: 14px;
	line-height: 14px;
	color: #FFF;
	font-size: 11px;
}

.headerSearchInnerRight p a:hover {
	text-decoration: underline;
}

.container {
    width: 980px;
    padding: 0px 0 0 0;
    margin: 0 auto;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.footer {
	margin: 0 auto 36px;
	width: 940px;
	padding: 20px;
    min-height: 114px;
}

.footerCol {
    width: 210px;
    /* [disabled]height: 114px; */
    float: left;
    /* [disabled]min-height: 114px; */
}

.footerCol p, .footerCol p a {
	font-size: 12px;
	line-height: 1.6;
	color: #FFF;
	margin: 0;
	padding: 0;
}

.footerCol p.title {
	font-weight: bold;
}

.footerCol p a:hover {
	text-decoration: underline;
}

.footerSearchWrapper {
	width: 485px;
}

ul.socialBtns {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

ul.socialBtns.iconList {
    width: 70px;
}

ul.socialBtns li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	float: left;
	color: #FFF;
	font-size: 13px;
	background-image: url(images/social_icons.png);
	background-repeat: no-repeat;
	-webkit-transition: background-color .2s;
	-moz-transition   : background-color .2s;
	-o-transition     : background-color .2s;
	-ms-transition    : background-color .2s;
	transition        : background-color .2s;
}

ul.socialBtns li.title {
    padding: 0 8px;
    width: auto;
    float: left;
    background-image: none;
    height: 30px;
}

ul.socialBtns li.linkedIn {
	background-position: 0px 0px;
	background-color: #093479;
}

ul.socialBtns li.linkedIn:hover {
	background-color: #224D92;
}

ul.socialBtns li.twitter {
	background-position: -35px 0px;
	background-color: #39B6D7;
}

ul.socialBtns li.twitter:hover {
	background-color: #52CFF0;
}

ul.socialBtns li.facebook {
	background-position: -70px 0px;
	background-color: #3756A1;
}

ul.socialBtns li.facebook:hover {
	background-color: #506FBA;
}

ul.socialBtns li.googlePlus {
	background-position: -105px 0px;
	background-color: #999;
}

ul.socialBtns li.googlePlus:hover {
	background-color: #B2B2B2;
}

ul.socialBtns li a {
	display: block;
	width: 100%;
	height: 100%;
}

h1 {
	font-family: 'Droid Sans', sans-serif;
	font-size: 21px;
	margin: 0 0 18px 0;
	font-weight: bold;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	margin: 0 0 18px 0;
	font-weight: normal;
}

h3 span {
	color: #438959;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 18px 0;
	font-weight: bold;
	color: #333;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 10px 0;
	font-weight: bold;
	color: #4B4B4B;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3;
	margin: 0 0 10px 0;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.homepageSearchContainer {
	width: 592px;
	margin: 0 0 28px;
	padding-bottom: 0;
}

.advancedSearchWrapper {
	overflow: hidden;
}

.advancedSearchContainer {
	background-color: #E2E2E2;
	padding: 0 0 12px 0;
}

.advancedSection {
	float: left;
	width: 282px;
	height: 90px;
	padding: 12px 0 0 12px;
}

.homepageBrowseContainer {
	width: 592px;
	margin: 0 0 28px;
}

a.searchContainerLink {
	display: block;
	float: left;
	height: 48px;
	line-height: 48px;
	padding: 0 15px;
	margin: 0;
	color: #438959;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-o-transition: color .2s;
	-ms-transition: color .2s;
	transition: color .2s;
}

a.searchContainerLink.left {
	padding-left: 0;
}

a.searchContainerLink.map {
	background-image: url(images/search_container_maps_link_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
}

a.searchContainerLink.open {
	background-image: url(images/advanced_search_arrow.png);
	background-repeat: no-repeat;
	background-position: 90px 21px;
	padding-right: 30px;
}

a.searchContainerLink:hover {
	text-decoration: underline;
}

.hotProductsWrapper {
	float: right;
	width: 258px;
}

.hotProductsContainer {
	height: 230px;
	overflow: hidden;
}

.browseContainer {
	width: 334px;
}

ul.browse {
	width: 167px;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.browse li {
	margin: 0 0 0 -12px;
	padding: 0;
}

ul.browse li a {
	display: block;
	width: 131px;
	padding: 12px 24px 12px 12px;
	background-image: url(images/arrow_green.png);
	background-repeat: no-repeat;
	background-position: 167px center;
	-webkit-transition: background .2s;
	-moz-transition: background .2s;
	-o-transition: background .2s;
	-ms-transition: background .2s;
	transition: background .2s;
}

ul.browse li a p {
	padding: 0;
	margin: 0;
	line-height: 1.2;
	font-size: 12px;
	color: #438959;
	font-family: Arial, Helvetica, sans-serif;
}

ul.browse li a:hover {
	background-color: #E6E6E6;
	background-position: 149px center;
}

.productBox {
	width: 257px;
	height: 82px;
	margin: 0;
	position: relative;
}

.productBox.large.selected {
	box-shadow: 2px 2px 10px #333;
}

.productBox.last {
	height: 75px;
}

.productBox.animating {
	margin: 0;
	position:  absolute;
	z-index: 1005;
}

.productBox .productImage {
	float: left;
	vertical-align: middle;
	width: 52px;
	height: 52px;
}

.productBox .productImage img {
	width: auto;
	height: auto;
	max-height: 52px;
	max-width: 52px;
}

.productBox.large .productImageHolder {
    height:130px;
    float:left;
    margin-right:14px;
}

.productBox.large .productImage {
    height: 106px;
    width: 106px;
    line-height: 106px;
    vertical-align: middle;
    text-align: center;
}

.productBox.large .productImage img {
    height: auto;
    width: auto;
    max-height: 106px;
    max-width: 106px;
    vertical-align: middle;
}

.productBox .outer {
	display: block;
	width: auto;
	border-width: 1px;
	border-style: solid;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	-o-border-radius     : 5px;
	-ms-border-radius    : 5px;
	border-radius        : 5px;
	-webkit-transition: border-color .5s, background-color .5s;
	-moz-transition   : border-color .5s, background-color .5s;
	-o-transition     : border-color .5s, background-color .5s;
	-ms-transition    : border-color .5s, background-color .5s;
	transition        : border-color .5s, background-color .5s;
}

.productBox.large .outer {
	border-color: #DFDFDF;
	-webkit-border-radius: 0px;
	-moz-border-radius   : 0px;
	-o-border-radius     : 0px;
	-ms-border-radius    : 0px;
	border-radius        : 0px;
	position: relative;
}

.productBox.large .outer.prefclass {
	border:1px #0C0 solid;
}

.productBox.large .outer.prefclass .inner:hover {
	border:2px #0C0 solid;
}

.productBox .outer:hover {
	-webkit-transition: border-color .2s, background-color .2s;
	-moz-transition   : border-color .2s, background-color .2s;
	-o-transition     : border-color .2s, background-color .2s;
	-ms-transition    : border-color .2s, background-color .2s;
	transition        : border-color .2s, background-color .2s;
}


.productBox .outer .inner {
	border-width: 2px;
	padding: 0;
	border-style: solid;
	background-color: #FFF;
	margin: 0;
	overflow: hidden;
	padding: 10px 8px 7px;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	-o-border-radius     : 5px;
	-ms-border-radius    : 5px;
	border-radius        : 5px;
	-webkit-transition: border-color .5s;
	-moz-transition: border-color .5s;
	-o-transition: border-color .5s;
	-ms-transition: border-color .5s;
	transition: border-color .5s;
}

.productBox.large .outer .inner {
	border-color: #FFF;
	border-color: rgba(9, 175, 230, 0);
	-webkit-border-radius: 0px;
	-moz-border-radius   : 0px;
	-o-border-radius     : 0px;
	-ms-border-radius    : 0px;
	border-radius        : 0px;
}

.productBox .outer:hover .inner {
	-webkit-transition: border-color .2s;
	-moz-transition: border-color .2s;
	-o-transition: border-color .2s;
	-ms-transition: border-color .2s;
	transition: border-color .2s;
}

.productBox .outer:hover p.day {
	border-bottom-color: #FFF;
	-webkit-transition: border-color .2s;
	-moz-transition: border-color .2s;
	-o-transition: border-color .2s;
	-ms-transition: border-color .2s;
	transition: border-color .2s;
}

.productBox p.maxQty {
  float: right;
  font-size:10px;
  margin:0 70px 0 0;
  color:rgba(255,0,0,1);
  display:none;
}

.productBox p.productBoxExtraDisp {
  float: right;
  font-size:12px;
  font-weight:bold;	
  min-width:250px;
  padding:3px 3px 3px 3px;
  color:#fff;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  display:none;
}


.homepageWideContainer {
	width: 1074px;
	padding: 0 0 0 20px;
}

.homepageNewsContainer {
	height: 251px;
	float: right;
	width: 200px;
	padding: 20px 20px 0;
	border-left: 1px solid #CCC;
}

.homepageFeatureContainer {
	height: 251px;
	float: right;
	width: 238px;
	padding: 20px 0 0;
	border-left: 1px solid #CCC;
}

h4.newWindow {
	margin: 0;
	padding: 2px 0 0 0;
	height: 21px;
	background-image: url(images/new_window_icon.png);
	background-repeat: no-repeat;
	background-position: 120px top;
}

h4.newWindow a {
	color: #000;
}

.homepageLongTextContainer {
	padding: 20px 20px 0 0;
}

.searchPageWrapper {
	width: 980px;
}

.breadcrumbWrapper {
	width: 980px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

ul.breadcrumbs {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

ul.breadcrumbs li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

ul.breadcrumbs li a .breadcrumbLeft {
	float: left;
	padding: 0 5px 0 24px;
	margin: 0 0 0 -14px;
	background-color: #DBDBDB;
}

ul.breadcrumbs li a .breadcrumbRight {
	float: left;
	width: 14px;
	height: 32px;
	background-image: url(images/breadcrumb_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

ul.breadcrumbs li a {
	margin: 0;
	padding: 0;
	display: block;
	color: #666;
}

ul.breadcrumbs li p {
	margin: 0;
	padding: 0;
	height: 32px;
	line-height: 32px;
	font-size: 11px;
}

ul.breadcrumbs li a:hover .breadcrumbLeft {
	background-color: #E8E8E8;
}

ul.breadcrumbs li a:hover .breadcrumbRight {
	background-position: 0px -32px;
}

.sideBar {
	width: 229px;
	padding: 0;
	margin: 0 0 0 0;
	background-color: #FFF;
	float:left;
}

.sideBarInner {
	padding: 0px 0px;
}

.sideBar .sideBarInner a.selected {
	font-weight: bold;
	background-color: #EEE;
	padding: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.sideBar .searchIn {
    padding: 10px;
    position: relative;
}

.sideBar .searchIn input {
    padding-right: 28px;
    width: 170px;
    color: #777;
}

.sideBar .searchIn .searchIcon {
    position:absolute;
    right: 18px;
    top: 18px;
    width:16px;
    height: 16px;
    background-image: url(images/search_button_bg.png)
}

.middleBar {
	/*width: 500px;*/
	padding: 0;
	margin: 0 0 0 0;
	background-color: #FFF;
}

.middleBar .middleBarHeader p {
	height: 16px;
	line-height: 16px;
	background-position: 5px center;
}

.middleBar .middleBarHeader h2 {
	position:relative;
}

.middleBar .middleBarHeader h2 div.quickInfo {
	position:absolute;
	right:40px;
	bottom:0px;
	font-size:10px;
	max-width:310px;
	text-align:right;
}

.middleBarInner {
	padding: 10;
	font-size: 11px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	max-height: 560px;
	overflow-y: scroll;
/*	overflow: auto;
	height: 600px;
	width: auto;*/
}

ul.refine {
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 100000;
	position: relative;
}

ul.refine li {
    list-style: none;
    padding: 10px 0 9px 14px;
    margin: 0;
    color: #515151;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

ul.refine.collapsed li.refineOption,
ul.refine.collapsed li.refineMore {
    display: none;
}

.expander,
.collapser {
	float: right;
	width: 30px;
	height: 30px;
	background-image: url(images/select_arrow.png);
	background-repeat: no-repeat;
    margin-top: -10px;
    margin-bottom: -10px;
}

.expander {
	background-position: center top;
}

.collapser {
	background-position: center bottom;
}

ul.refine.collapsed .collapser {
    display: none;
}

ul.refine .expander {
    display: none;
}

ul.refine.collapsed .expander {
    display: inline;
}

ul.refine.multiSelect li {
    padding: 7px 0px 7px 28px;
    font-size: 13px;
    background-position: 6px center;
    background-repeat: no-repeat;
    cursor: pointer;
}

ul.refine.multiSelect li.refineTitle {
    font-size: 14px;
}

ul.refine.multiSelect li.selected {
    /*background-image: url(images/tick_blue.png);*/
    background-color: #09AFE6;
    background-image: url(images/tick_filter_bg.png);
    font-weight: bolder;
    background-position: center left;
}

ul.refine.multiSelect li a {
    font-size: 13px;
    /*font-weight: bold;   */
    color: #777;
}

ul.refine.multiSelect li:hover:not(.refineTitle) {
    opacity: 0.6;
}

ul.refine.multiSelect li:hover:not(.selected):not(.refineTitle) {
    background-image: url(images/tick_grey.png);
}

ul.refine.multiSelect li a:hover {
    text-decoration: none;
    /*color: #7AD3F2;*/
}

ul.refine.multiSelect li.selected a {
    font-weight: bold;
}

ul.refine.withButtons li {
	padding: 8px 0 7px 14px;
}

ul.refine li.refineTitle {
	color: #000;
	font-weight: bold;
}

ul.refine li a {
	display: block;
	color: #515151;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1px 0px;
}

ul.refine.withButtons li a {
	display: block;
	color: #515151;
	line-height: 20px;
}

ul.refine li a:hover {
	text-decoration: underline;
}

ul.refine li.submenuOn a {
	color: #08AEE5;
	padding: 9px 0 8px 13px;
	border-style: solid;
	/*border-right-color: #EAEAEA !important;*/
    border-right-color: #FFF !important;
	border-width: 2px;
	/*box-shadow: 2px 2px 3px rgba(0,0,0,0.3);*/
	margin-right:-2px;
	z-index: 900000;
    overflow: visible;
}

ul.refine li.submenuOn {
	width: 235px;
	background-color: #FFF;
	padding: 0px;
    overflow: visible;
    box-shadow: 0px 4px 2px rgba(0,0,0,0.4);    
}

.filterControls {
    margin: 8px auto;
    text-align:center;
}

.popupSubmenuWrapper {
    width: 687px; /*625px;*/
    background-color: #EAEAEA;
    border-style: solid;
    border-width: 2px;
    box-shadow: 4px 4px 5px rgba(0,0,0,0.5); /*2px 2px 3px rgba(0,0,0,0.3);*/
    position: absolute;
    z-index: 100000;
    margin-top: -30px;
    margin-right: 0;
    margin-left: 235px;
    margin-bottom: 0;
    background-image: url(images/submenu_bg.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #FFF;
}

.popupSubmenuWrapper #frmCatalogMenu {
    height: 414px;
    max-height: 414px;
    overflow-y: auto;
}

.popupSubmenuWrapper .submenuRightCol {
	float: right;
	width: 222px;
	border-left: 1px solid #CCC;
	padding: 15px 12px 0;
}
.popupSubmenuWrapper .submenuLeftCol {
	float: left;
	width: 378px;
}
.popupSubmenuWrapper .submenuHeader {
    /* [disabled]height: 60px; */
    /* [disabled]background-image: url(images/search_header_bg.png); */
    background-position: 0px 0px;
    background-repeat: repeat-x;
}
.popupSubmenuWrapper .submenuHeader h2 {
	margin: 0;
	padding: 0 0 0 20px;
	font-family: 'Jura', sans-serif;
	color: #13316D;
	font-size: 21px;
	font-weight: 600;
	height: 60px;
	line-height: 60px;
}
.popupSubmenuWrapper .submenuInner {
	background-color: #FFF;
	min-height: 360px;
	padding: 10px 0 0 25px;
}
ul.submenu, ul.sidemenu {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.submenu li, ul.sidemenu li {
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
	color: #515151;
	font-size: 12px;
}
ul.submenu li a, ul.sidemenu li a {
	display: block;
	color: #000;
	padding: 5px 0;
}
ul.submenu li a:hover, ul.sidemenu li a:hover {
	text-decoration: underline;
}

.sideBarHeader {
	height: 14px;
	padding: 18px 16px;
	background-image: url(images/refine_search_arrow_up.png);
	background-repeat: no-repeat;
	background-position: 198px center;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

.sideBarHeader.withButtons {
	height: 20px;
	padding: 15px 16px;
}

.sideBarHeader h2 {
	font-family: 'Droid Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 14px;
	line-height: 14px;
	color: #FFF;
}

.sideBarHeader.withButtons h2 {
	height: 20px;
	line-height: 20px;
}

.sideBarHeader .quickInfo {
	font-size: 12px;
	font-weight: normal;
}

.middleBarHeader {
	height: 14px;
	padding: 18px 16px;
	background-image: url(images/refine_search_arrow_up.png);
	background-repeat: no-repeat;
	background-position: 710px center;
/*	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;*/
}

.middleBarHeader h2 {
	font-family: 'Droid Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 14px;
	line-height: 14px;
	color: #FFF;
}

.mainPageContainer {
	padding: 0;
	width: 980px;
	background-color: #FFF;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

.homepageColumnRight {
	float: right;
	padding: 0;
	width: 230px;
}

.homepageColumnCenter {
	float: right;
	padding: 0;
	width: 518px;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}

.searchResultsContainer {
	float: right;
	padding: 0;
	width: 750px;
	border-left: 1px solid #DFDFDF;
}

.searchResultsContainer h1 {
	margin: 0;
}

.box {
	margin: 0 0 9px;
}

.box .outer {
	border-style: solid;
	border-width: 1px;
	border-color: #D3D3D3 #9A9A9A #9A9A9A #D3D3D3;
	background-image: url(images/box_gradient_bg.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
	border-radius        : 3px;
	-webkit-transition: border-color .2s, background-color .2s;
	-moz-transition   : border-color .2s, background-color .2s;
	-o-transition     : border-color .2s, background-color .2s;
	-ms-transition    : border-color .2s, background-color .2s;
	transition        : border-color .2s, background-color .2s;
}

.box:hover .outer {
	background-color: #EEE;
}

.box .inner {
	border-style: solid;
	border-width: 0px;
	border-color: #FFF;
	min-height: 84px;
	padding: 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
	border-radius        : 3px;
	-webkit-transition: border-color .2s;
	-moz-transition   : border-color .2s;
	-o-transition     : border-color .2s;
	-ms-transition    : border-color .2s;
	transition        : border-color .2s;
}

.box:hover .inner {
	border-width: 1px;
	padding: 0px;
}
.box .inner a    {
	display: block;
	min-height: 84px;
	width: 100%;
	height: 100%;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

/*.box .inner a p.boxTitle {*/
.box .inner p.boxTitle {
	margin: 0;
	padding: 14px 65px 0 14px;
	font-family: 'Jura', sans-serif;
	color: #13316D;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	width:100px;
}

.box.banner .inner p.boxTitle, .box.comptext .inner p.boxTitle {
    width: auto;  
}

.box.comptext .inner p.boxTitle {
    width: auto;  
	padding: 3px 14px 0 14px;
}

.box.comptext .inner p.boxTitle p {
	font-size: 10px;
}

/*.companyTextContainer p,.companyTextContainer H1  {
    color: #666;
}
*/
.box.sun a {
	background-image: url(images/box_bg_sun.png);
	background-position: 131px center;
}

.box.pencils a {
	background-image: url(images/box_bg_pencils.png);
	background-position: right top;
}

.box.sale a {
	background-image: url(images/box_bg_sale.png);
	background-position: 132px center;
}

.box.stamps a {
	background-image: url(images/box_bg_stamps.png);
	background-position: 118px center;
}

.box.chat .outer {
	background-image: none;
	background-color: #FFF;
}

.box.chat a {
    /* [disabled]background-image: url(images/box_bg_chat.png); */
    background-position: right bottom;
}

.box.chat .inner {
	height: 182px;
}


.box.catalogue a {
	/* Commented out as this should not be hardcoded for this link
    background-image: url(images/box_bg_catalogue.png);
    background-position: right center;*/
    padding: 16px 0 0 16px;
    min-height: 67px;
    height: 67px;
    width: 477px;
}

.box.product {
    margin-left: 7px;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
}

.box.product.alpha {
	margin-left: 0px;
}

.box.product .productInner {
    width: 134px;
    height: 162px;
    padding: 10px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box.product .productImage, 
.box.product .productImage img {
	width: 70px;
	height: auto;
	text-align: center;
	vertical-align: middle;
}

.box.product .productImage img {
    width: auto;
    height: auto;
    max-width: 134px;
    max-height: 70px;   
}

.box.product .productImage {
	margin: 0 auto;
	padding-bottom: 10px;
	height: 70px;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	width: inherit;
}

.box.product a {
	min-height: 0px;
	display: inline;
}

.box.product p.productTitle {
    font-weight: bold;
    height: 50px;
}

.box.product p.productTitle span {
	font-weight: normal;
}

.box.product p.productTitle a {
    color: #254B97;
    font-size: 10px;
}

.box.product p.productTitle a:hover {
	text-decoration: underline;
}

.box.product p.price {
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #209FD2;
	font-size: 13px;
}

.box.product .priceBuy {
    position: absolute;
    bottom: 0px;
    left: 10px;
    right: 10px;
}

.box.gallery .boxGalleryPadding {
	padding: 4px 3px 5px;
}

.homepageColumnRight .box .inner {
    background-repeat:no-repeat;
    background-position:right center;
    position:relative;   
}

.sideBar .box .inner,
.searchResults.noResults .box .inner {
    background-repeat: no-repeat;
    background-position: center;
    position: relative;    
    border: none;
    background-size: auto;
}

.homepageColumnRight .box.chat .inner {
    background-position: bottom right;   
}

.homepageColumnRight .box .inner .campaignContainer {
    position:absolute;   
}

.companyTextContainer {
	display:none;
	width:960px;
	padding-bottom:3px;
	margin:5px 0 15px 10px;
}

.bottomPromos .box {
    height: 186px;
    width: 158px;
    cursor: pointer;
    position: relative;
    margin-left: 11px;
    overflow: hidden;
    float:left;
}

.bottomPromos .box .outer {
    height: 184px;    
}

.bottomPromos .box .outer .inner {
    height: 182px;   
    background-position:bottom center;
    background-repeat:no-repeat;
}

.redBtn {
	background-color: #FF2829;
	font-family: 'Jura', sans-serif;
	color: #FFF;
	width: 316px;
	height: 19px;
	padding: 17px 12px;
	margin: 0;
	font-size: 17px;
	font-weight: 600;
	line-height: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	-o-border-radius     : 5px;
	-ms-border-radius    : 5px;
	border-radius        : 5px;
	-webkit-transition: background-color .2s;
	-moz-transition   : background-color .2s;
	-o-transition     : background-color .2s;
	-ms-transition    : background-color .2s;
	transition        : background-color .2s;
}

.box:hover .redBtn, .redBtn:hover {
	background-color: #FF4647;
}

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

ul.pagination li {
	list-style: none;
	padding: 0;
	margin: 0 0 0 5px;
	float: left;
	width: 31px;
	height: 31px;
	line-height: 31px;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	-o-border-radius     : 5px;
	-ms-border-radius    : 5px;
	border-radius        : 5px;
	cursor: pointer;
	background-color: #E5E5E5;
	text-align: center;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-transition: background-color .5s;
	-moz-transition   : background-color .5s;
	-o-transition     : background-color .5s;
	-ms-transition    : background-color .5s;
	transition        : background-color .5s;
}

ul.pagination li, ul.pagination li a {
	color: #626262;
	font-weight: bold;
}

ul.pagination li:hover {
	background-color: #90D0E5;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s;
	-ms-transition: background-color .2s;
	transition: background-color .2s;
}

ul.pagination li.on, ul.pagination li.on a {
	color: #FFF;
	cursor: default;
}

ul.pagination li.arrow {
	background-color: transparent;
	background-image: url(images/pagination_arows.png);
	background-position: -31px 0px;
	background-repeat: no-repeat;
}

ul.pagination li.arrow.left {
	background-position: 0px 0px;
}

ul.pagination li.arrow:hover {
	background-position: -31px -31px;
}

ul.pagination li.arrow.left:hover {
	background-position: 0px -31px;
}

ul.pagination li.arrow:hover {
	background-color: #E5E5E5;
}

.button {
	margin: 0;
	border-width: 1px;
	border-color: #FDFDFD #C9C9C9 #C9C9C9 #FDFDFD;
	border-style: outset;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	background-image: url(images/button_bg.png); /* url(images/button_bg_gradient.png); */
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #D9D9D9;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-transition: background-color .5s;
	-moz-transition: background-color .5s;
	-o-transition: background-color .5s;
	-ms-transition: background-color .5s;
	transition: background-color .5s;
}

.button, .button * {
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.button.wait, .button.wait * {
    cursor: wait;
}

.button:disabled, .button:disabled * {
    opacity: 0.5;
    cursor: default;
}

.button, .button p {
	height: 28px;
	line-height: 28px;
}

.button p {
	margin: 0;
	color: #333;
	font-size: 12px;
	padding: 0 17px;
}

button.button p {
    padding: 0 10px;
}

.button p a {
	display: block;
	color: inherit;
}

.button:hover {
	background-color: #F8F8F8;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s;
	-ms-transition: background-color .2s;
	transition: background-color .2s;
}

.button:hover p {
 	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-o-transition: color .2s;
	-ms-transition: color .2s;
	transition: color .2s;   
}

.button.right {
	float: right;
}


.button.search {
	float: right;
	width: 40px;
	height: 36px;
	border-left: 0;
	-webkit-border-top-left-radius   : 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft       : 0px;
	-moz-border-radius-bottomleft    : 0px;
	border-top-left-radius           : 0px;
	border-bottom-left-radius        : 0px;
	border-left: 0px;
}

.button.search p {
	padding: 0;
	width: 36px;
	height: 36px;
	background-image: url(images/search_button_bg.png);
	background-repeat: no-repeat;
	background-position: center;
}

/*
.button.blue {
	background-color: #37A6D3;
	background-image: url(images/button_bg_gradient_blue.png);
	border-color: #95E0F8 #2B84AA #2B84AA #95E0F8;
}*/

.button.blue p {
	color: #FFF;
	font-weight: bold;
}

.button.blue.selected {
    background-color: #FFF;   
}

.button.blue.selected p {
    color: #09AFE6;   
}

/*
.button.blue:hover {
	background-color: #44C0F2;
}
*/

.button.blue.addQuick {
	width:140px;
	margin: 5px 0 0 300px;
}

.button.blue.addToList {
	width:140px;
	margin: 0 5px 0 10px;
}

div#clearListBtn {
	margin-right:5px;	
}

.button.blue.back {
	width:60px;
	margin: 0 0 0 5px;
}

.button.red {
	background-color: red;
	/*background-image: url(images/button_bg_gradient_blue.png);*/
	border-color: #95E0F8 #2B84AA #2B84AA #95E0F8;
}

#removeBtn, #removeBtn p  {
	height:28px;
	line-height:28px;

}


.button.red, .button.red p {
	color: #FFF;
	font-weight: bold;

}

.button.red:hover {
	background-color: #F33 ;
}

.button.red.cancelPunchout {
    padding: 4px 10px; 
    width: 110px;  
    margin-left: 5px;
    margin-right: 5px;
}

.button.red.cancelPunchout p {
	width:inherit;
    text-align: center;
    white-space: nowrap;
}

.button.green {
    border-color: #41AC13;
}

.button.arrow p {
	background-image: url(images/basket_arrows.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.basket.open .button.arrow p {
	background-position: left top;
}


.button.green {
	background-color: #41AC13; /*#23BF27;*/
}

.button.green, .button.green p {
    font-weight: bold;
    color: #FFF;
}

.button.green:hover {
    background-color: #A6F185;  /* 41AC13;*/ /*#7CF17F;*/
}

.button.product p {
	margin: 0;
	color: #FFF;
	font-size: 13px;
	padding: 0 17px;
	background-image: url(images/green_btn_arrow.png);
	background-repeat: no-repeat;
	background-position: 7px 0;
	font-weight: bold;
}

.button.product {
	background-image: url(images/green_btn.png);
	border: 0;
	width: 373px;
	height: 29px;
}


.basketTitleContainer .button {
	margin: 0 12px;
	padding-right: 0;
	padding-left: 0;
	width: 132px;
}

.basketTitleContainer .button, .basketTitleContainer .button p {
	height: 37px;
	line-height: 37px;
}

input.styled, div.styled, textarea.styled, .dataTables_wrapper input {
    height: 28px;
    border-width: 1px;
    border-style: solid;
    padding: 0 9px;
    border-color: #A5A5A5 #DFDFDF #DFDFDF #A5A5A5;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    -o-border-radius     : 3px;
    -ms-border-radius    : 3px;
    border-radius        : 3px;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
    background-image: url(images/input_styled_bg_gradient.png);
    background-repeat: repeat-x;
    background-color: #FFF;
    outline: 0;
    line-height: 28px;
}

textarea.styled {
	width: auto;
	height: 52px;
	padding: 9px;
    line-height: 1.3;
}

input.styled.right {
	float: right;
	margin-right: 4px;
}

input.styled.quantity {
	width: 34px;
}


input.styled.prodcode {
	width: 120px;
}


input.styled.search, div.styled.search {
    width: 362px;
    height: 36px;
    color: #999;
    font-size: 14px;
    -webkit-border-top-right-radius   : 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright       : 0px;
    -moz-border-radius-bottomright    : 0px;
    border-top-right-radius           : 0px;
    border-bottom-right-radius        : 0px;
    float: right;
    line-height: 36px;
}

input.styled.search:focus, div.styled.search:focus {
	border-color: #777;
	color: #000;
}

p.resultCount {
	margin: 3px 0 0 0;
	font-size: 14px;
	line-height: 31px;
	color: #333;
	display:inline;
}

p.resultCount span {
	font-weight: bold;
}

.pageTopSection {
	padding: 9px 11px;
	height: 32px;
	background-image: url(images/search_header_bg.png);
	background-position: 0px;
	background-repeat: repeat-x;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	position:relative;
}

.pageTopSection h2 {
    font-family: 'Jura', sans-serif;
    color: #13316D;
    font-size: 14px;
    font-weight: 600;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.pageTopSection div.quickInfo {
	position: absolute;
	right: 10px;
	top: 0px;
	height: 32px;
	width: auto;
	padding: 9px;
	line-height: 32px;
	font-size: 12px;
	color: #13316D;
	font-family: Arial, Helvetica, sans-serif;
}

.pageTopSection .title {
    float:left;
    line-height:32px;
}

.pageTopSection .refine {
    float: right;
    line-height: 32px;
    font-size: 14px;
    color: #13316D;
    text-align: right;
}

.searchResultsRight {
	float: right;
}

.paginationWrapper {
}

.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}

.productWrapper {
	width: 728px;
	padding: 11px 11px 2px 11px;

}

.columnInner {
	padding: 11px 11px 2px 11px;
}

.productBox.large, .productBox.large .outer, .productBox.large .outer .inner {
	width: auto;
	height: auto;
}

.productBox.large {
	margin: 0 5px 5px 0;

}

.productBox.large .outer .inner {
	padding: 15px;
}

.searchPageFooter {
	padding: 0 0 11px 10px;
}

.shareWrapper, .shareInner {
	float: right;
	height: 22px;
	overflow: hidden;
}

.shareWrapper p {
	float: right;
	cursor: pointer;
	padding: 0;
	height: 22px;
	line-height: 22px;
	color: #438959;
	font-size: 12px;
	-webkit-transition: color .5s;
	-moz-transition: color .5s;
	-o-transition: color .5s;
	-ms-transition: color .5s;
	transition: color .5s;
}

.shareWrapper p:hover {
	color: #79B48B;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-o-transition: color .2s;
	-ms-transition: color .2s;
	transition: color .2s;
}

.shareWrapper p.off {
	cursor: default;
}

.productBox p.title {
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px 0px;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    -ms-transition: color .5s;
    transition: color .5s;
}

.productBox.large p.title {
    padding: 0px;
    white-space: normal;
    margin-right: 10px;     /* Stops the title overlaying the favourites star */
}

.productBox.large p.title a {
	color:inherit;
}

.productBox.large p.title a:hover {
	text-decoration:underline;
}

.productBox p.productCode {
	padding: 16px 0;
	color: #666;
}

.productBox span.enteredCode {
	color: #c0c0c0;
	padding: 0 0 0 30px;
	display:none;	
}

.productBox p.productDetail{
	color: #666;
}

.productBox p.price span {
	font-weight: bold;
}

.productBox p.saving {
	font-size: 11px;
	padding: 4px 0;
}

.productBox p.moreDetails, .productBox p.moreDetails a {
	font-weight: bold;
}

.productBox p.moreDetails a {
	text-decoration: none;
}

.productBox p.moreDetails a:hover {
	text-decoration: underline;
}

.productBox .lostSaleReason {
	color: rgb(32, 128, 204);
	margin: 0px 0px 0px 0px;
	font-weight: 900;
}

/*.productBox p.preferred {
	margin: 4px 0 0 120px;
	max-width:375px;
	padding:3px 0px 3px 2px;
	border-style: solid;
	border-width: 2px;
	border-color:rgb(153,0,0);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

}
.productBox p.preferred a {
	font-family:verdana,arial;
	font-size: 0.7em;
	font-weight: bold;
	color: rgb(153,0,0);
	line-height:12px;

}
*/
.preferredContainer {
	margin-left:125px;

}

.productBox div.preferredCode {
	margin: 8px 0 0 120px;
	max-width:375px;
	padding:0px 0px 3px 2px;

	background-image: url(images/GreenPrefBG.png);
	height: 27px;

	border-style:hidden;
	border-width: 2px;
	position:relative;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;

}
.productBox div.preferredCode span.prefArrow {
	padding:5px 0px 0px 0px;
	color:#fff;
	font-weight: bold;
	position: absolute;
	height: 27px;
	vertical-align: middle;
}

.productBox div.preferredCode span.prefArrowUp {
	padding:5px 0px 0px 0px;
	color:#fff;
	font-weight: bold;
	position: absolute;
	height: 27px;
	width: 27px;
	vertical-align: middle;
	background-image: url(images/refine_search_arrow_up.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}

.productBox div.preferredCode span.prefArrowDown {
	padding:5px 0px 0px 0px;
	color:#fff;
	font-weight: bold;
	position: absolute;
	height: 27px;
	width: 27px;
	vertical-align: middle;
	background-image: url(images/refine_search_arrow.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}

.productBox p.preferredText {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	cursor: inherit;
	height: 19px;
    margin: 0 0 0 0px;
	padding: 9px 7px 0 30px;

}

.productBox .rrp {
    margin-right: 6px;    
}

.productBox .inBasket,
.productInfoCol .inBasket {
    float: right;
    background-color: #999;
    color: #FFF;
    font-size: 10px;
    padding: 3px;   
    clear: right;
    margin-top: 8px;
    border-radius: 3px;
}

.productBox .numInBasket {
    padding-left: 5px;   
}



/* Promotion text style on Search/Lists & basket*/
.productBox div.promoTextBox, .basketPageRow div.promoTextBox, .productInfoCol.mid div.promoTextBox {
	margin: 8px 0 0 120px;
	max-width:375px;
	padding:5px 5px 5px 5px;
	
	color:#FFF;
	font-size:10px;	
	font-weight:700;

	border:2px #000 solid;
	position:relative;
	

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
	display:none;

}

/* Basket promotion text panel */
.basketPageRow p.promoTextBox {
	margin: 8px 0 0 125px;	
}

/* Styling from marketing text Dec 2015 */
.marketingText {
    font-family: arial, verdana, cailbri; 
    font-size: 9pt;
    width: 824px;
    margin: 0px 0px 29px 36px;
    background-color:#EFEFEF;
    border: 1px #AFAFAF solid;
    border-radius: 5px;
    line-height: 16px;
    padding:30px;
}


/*Product details promotion text panel */
.productInfoCol.mid div.promoTextBox {
 	margin: 8px 0 0 0px;
}



/***** Product details Preferred code format*/

.productInfoCol div.preferredCode {
	margin: 8px 0 0 0px;
	max-width:375px;
	padding:0px 0px 3px 2px;

	background-image: url(images/GreenPrefBG.png);
	height: 27px;

	border-style:hidden;
	border-width: 2px;
	position:relative;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;

}
.productInfoCol  div.preferredCode span.prefArrow {
	padding:5px 0px 0px 0px;
	color:#fff;
	font-weight: bold;
	position: absolute;
	height: 27px;
	vertical-align: middle;
}

.productInfoCol div.preferredCode span.prefArrowUp {
	padding:5px 0px 0px 0px;
	color:#fff;
	font-weight: bold;
	position: absolute;
	height: 27px;
	width: 27px;
	vertical-align: middle;
	background-image: url(images/refine_search_arrow_up.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}

.productInfoCol div.preferredCode span.prefArrowDown {
	padding:5px 0px 0px 0px;
	color:#fff;
	font-weight: bold;
	position: absolute;
	height: 27px;
	width: 27px;
	vertical-align: middle;
	background-image: url(images/refine_search_arrow.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}

.productInfoCol div.preferredCode span.prefArrowRight,.preferredContainer span.prefArrowRight {
	padding:0px 0px 0px 0px;
	color:#fff;
	font-weight: bold;
	position: absolute;
	height: 22px;
	width: 18px;
	vertical-align: middle;
	background-image: url(images/refine_search_arrow_right.png);
	background-repeat: no-repeat;
	background-position: 4px 3px;
}

.productInfoCol p.preferredText {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	cursor:pointer;
	height:19px;
    margin:0 0 0 0px;
	padding:9px 7px 0 25px;
}
/*****end*/


.productInfoCol p.webDesc {
	margin: -10px 0 0px 0;
	font-size: 11px;
	color: #666;
	font-weight: 700;	
}

.productBox p.webDesc {
	margin: 5px 0 0px 0;
	font-size: 11px;
	color: #666;
	font-weight: 700;	
}

.productInfoCol p.webSuper {
	margin: -10px 0 0px 0;
	font-size: 11px;
	color: #666;
	font-weight: 700;	
}

.productBox p.webSuper {
	margin: 5px 0 0px 0;
	font-size: 11px;
	color: #666;
	font-weight: 700;	
}

.productInfoCol p.webSuper a:link {
	margin: -10px 0 0px 0;
	font-size: 11px;
	color: blue;
	font-weight: 700;	

}

.productInfoCol p.webSuper a:hover {
	margin: -10px 0 0px 0;
	font-size: 11px;
	color: red;
	font-weight: 700;	

}

.productInfoCol p.webSuper a span.supercode{
	color: blue;	
}

.productBox p.webSuper a:link {
	margin: 5px 0 0px 0;
	font-size: 11px;
	color: blue;
	font-weight: 700;	
}
.productBox p.webSuper a:hover {
	margin: 5px 0 0px 0;
	font-size: 11px;
	color: red;
	font-weight: 700;	
}

.productBox p.webSuper a span.supercode{
	color: blue;
}

.productBox .productRightWrapper {
    float: right;
    padding: 85px 0 0 0;
    width: 147px;
    position: relative;
    bottom: 0px;
}

.productBox.simplified .productRightWrapper {
    padding-top: 24px;
}   

p.inStock {
	color: #4EBF51;
	padding: 0 0 0 29px;
	margin: 0 0 18px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	background-image: url(images/in_stock.png);
	background-position: 0px;
	background-repeat: no-repeat;
}

.productBox p.inStockIcon {
	display: inline;
	float: right;
	margin-top: 8px;
	margin-right: 8px;
}

.productBox p.t-lights, p.t-lights {
    /* [disabled]padding: 0 0 0 29px; */
    /* [disabled]margin: 0 0 18px; */
    /* [disabled]height: 21px; */
    /* [disabled]line-height: 21px; */
    font-weight: bold;
    background-position: 0px;
    background-repeat: no-repeat;
}

p.t-lights.G {
    color: #4EBF51;
    /* [disabled]background-image: url(images/in_stock.png); */
}

p.t-lights.Y {
    color: #FFCC00;
    /* [disabled]background-image: url(images/t-lights-Y.png); */
}

p.t-lights.R {
	color: #CA0000;
	/* [disabled]background-image: url(images/t-lights-R.png); */
}

p.t-lights.C {
	color: #4EBF51;
	/* [disabled]background-image: url(images/in_stock.png);*/
}

p.t-lights.B {
	color: #000000;
	/* [disabled]background-image: url(images/t-lights-B.png);*/
}

.productBox p.outStock {
	color: #4EBF51;
	padding: 0 0 0 29px;
	margin: 0 0 18px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	background-image: ;
	background-position: 0px;
	background-repeat: no-repeat;
}


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

ul.productInfoIcons li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	/*width: 28px;*/
	height: 28px;
	margin: 7px 5px 0 0;
   	/* background-colour: #09AFE6;*/
   	/*	background-image: url(images/button_bg.png);*/ /* url(images/button_bg_gradient.png); */
	/*	background-repeat: repeat-x; */
	/*background-position: left top;    */

   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;

}

}

ul.productInfoIcons li img {
	height: 23px;
}

ul.productInfoIcons li.recyclable {
	background-position: -46px 0px;
}

ul.productInfoIcons li.nonReturnable {
	background-position: -23px 0px;
}

ul.productInfoIcons li.priceBreaks {
	background-position: 0px 0px;
}

.productBox ul.productDetailInfoIcons {
	list-style: none;
	margin: 0;
	padding: 0;
}

.productBox ul.productDetailInfoIcons li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 23px;
	height: 23px;
	margin: 7px 5px 0 0;
	background-image: url(images/product_info_icons.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow:hidden;
}

.productBox ul.productDetailInfoIcons li img {
	height: 23px;
}

p.quantityTitle {
	font-size: 13px;
	color: #666;
	height: 28px;
	line-height: 28px;
	text-align: right;
	padding-right: 4px;
	float: right;
}

.productBox .outer:hover p.title,
.productBox .outer:hover p.subtitle,
.suggestion:hover .productBox p.title {
	color: #333;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-o-transition: color .2s;
	-ms-transition: color .2s;
	transition: color .2s;
}

div#BasketContents .basketLine a.title {
	color:#333;
	font-size: inherit;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-o-transition: color .2s;
	-ms-transition: color .2ss;
	transition: color .2s;
}

div#BasketContents .basketLine a.title:hover {
	text-decoration: underline;
}

div#BasketContents .basketLine:hover .basketLinePrice,
div#BasketContents .basketLine:hover .basketLineValue {
	font-weight: bold;
}

div#BasketContents .basketLine .basketLineQty {
	cursor: pointer;
}

div#BasketContents .basketLine .	:hover {
	text-decoration: underline;
}

.productBox.large p.desc {
	font-size: 12px;
	color: #666;
	padding: 10px 10px 0;
	margin: 0;
	-webkit-transition: color .5s;
	-moz-transition: color .5s;
	-o-transition: color .5s;
	-ms-transition: color .5s;
	transition: color .5s;
}

.productBox.large .outer:hover p.desc {
	color: #333;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-o-transition: color .2s;
	-ms-transition: color .2s;
	transition: color .2s;
}

.productBox.large a.view {
	display: block;
	text-align: right;
	padding: 8px 7px 9px 0;
	-webkit-transition: color .5s;
	-moz-transition: color .5s;
	-o-transition: color .5s;
	-ms-transition: color .5s;
	transition: color .5s;

}

.productBox.large a.view:hover {
	color: #56AB71;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-o-transition: color .2s;
	-ms-transition: color .2s;
	transition: color .2s;
}



/***************************************************
*********************** FORMS **********************
***************************************************/

.labelCheckbox {
	display: block;
	line-height: 16px;
	color: #FFF;
	font-size: 12px;
	margin: 0 0 7px 0;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	cursor: pointer;
}

.labelCheckbox * {
	cursor: pointer;
}

.labelCheckbox.on {
	font-weight: bold;
}

.checkbox {
	width: 12px;
	height: 12px;
	background-image: url(images/form_checkbox.png);
	background-repeat: no-repeat;
	background-position: 0px top;
	cursor: pointer;
}

.checkbox:hover, .labelCheckbox:hover .checkbox {
	background-position: -16px top;
}

.checkbox.on {
	background-position: -32px top;
}

.checkbox.on:hover, .labelCheckbox:hover .checkbox.on {
	background-position: -48px top;
}

.labelCheckbox .checkbox {
	float: left;
	margin: 0 10px 0 0;
}

.labelRadio {
	display: block;
	width: 51px;
	height: 13px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4B4B4B;
	font-size: 10px;
	padding: 0 0 0 11px;
	margin: 0;
	float: left;
	cursor: pointer;
}

.radio {
	width: 13px;
	height: 13px;
	background-image: url(images/form_radio.png);
	background-repeat: no-repeat;
	background-position: 0px top;
	cursor: pointer;
	margin: 0 3px 0 0;
}

.radio:hover, .labelRadio:hover .radio {
	background-position: -13px top;
}

.radio.on {
	background-position: -26px top;
}

.radio.on:hover, .labelRadio:hover .radio.on {
	background-position: -39px top;
}

.labelRadio .radio {
	float: left;
}

.select, div.select {
	padding: 0px;
	margin: 0px;
	height: 30px;
	cursor: pointer;
}

.select#sortBy, div.select.sortBy {
	width: 117px;
}

.select.left {
	margin: 0;
	float: left;
}

.select.deliveryOptions
{
	width: 300px;
	display: inline-block;
}

.select p {
	padding: 0 0 0 7px; /*0 0 0 14px;*/
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
    overflow: hidden;
}

.select.right {
	margin-right: 0;
	float: right;
}

.select * {
	-webkit-user-select: none;
	-khtml-user-select : none;
	-moz-user-select   : none;
	-ms-user-select    : none;
	-o-user-select     : none;
	user-select        : none;
}

.select:hover {
}

.select:focus {
	background-color: #CCC;
	outline: none;
	color: #000;
}

.selectButton {
	float: right;
	width: 30px;
	height: 30px;
	background-image: url(images/select_arrow.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.select.open .selectButton {
	background-position: center bottom;
}

.selectedOption, .option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}

.selectedOption, select.search {
	height: 30px;
	line-height: 30px;
	border-style: solid;
	background-color: #F1F1F1;
	background-image: url(images/select_bg.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-width: 1px;
	border-color: #DFDFDF #B3B3B3 #B3B3B3 #DFDFDF;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
	border-radius        : 3px;
	-webkit-transition: background-color .2s, border-color .1s, box-shadow .1s, color .2s, -webkit-border-radius .2s;
	-moz-transition   : background-color .2s, border-color .1s, box-shadow .1s, color .2s, -moz-border-radius    .2s;
	-o-transition     : background-color .2s, border-color .1s, box-shadow .1s, color .2s, -o-border-radius      .2s;
	-ms-transition    : background-color .2s, border-color .1s, box-shadow .1s, color .2s, -ms-border-radius     .2s;
	transition        : background-color .2s, border-color .1s, box-shadow .1s, color .2s, border-radius         .2s;
}

.selectedOption:hover, .select.open .selectedOption {
	background-color: #FFF;
	color: #000;
}

.select.open .selectedOption {
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
	border-color: #999;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius : 0px;
	-moz-border-radius-bottomright    : 0px;
	-moz-border-radius-bottomleft     : 0px;
	border-bottom-right-radius        : 0px;
	border-bottom-left-radius         : 0px;
}

.option {
	padding: 0;
	height: 30px;
	line-height: 30px;
	border-width: 0 1px 1px 1px;
	border-style: solid solid dashed solid;
	border-color: transparent #999 #CCC #999;
	-webkit-transition: background-color .2s, color .2s;
	-moz-transition: background-color .2s, color .2s;
	-o-transition: background-color .2s, color .2s;
	-ms-transition: background-color .2s, color .2s;
	transition: background-color .2s, color .2s;
}

.option.last {
	border-bottom-style: solid;
	border-bottom-color: #999;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius : 3px;
	-moz-border-radius-bottomright    : 3px;
	-moz-border-radius-bottomleft     : 3px;
	border-bottom-right-radius        : 3px;
	border-bottom-left-radius         : 3px;
}

.option:hover {
	background-color: rgba(0,0,0,0.05);
	color: #000;
}

/*:hover is now replaced with .hovered so that the keyboard
movement up/down can use the same style*/
.option.hovered {
  background-color: rgba(0,0,0,0.05);
  color: #000;
}

.option.disabled p {
    color: #CCC;   
}

/*this is used for highlighting when letters are typed*/
.option p span.selectFiltered {
  background-color: yellow;
}

.selectOptionWrapper {
	position: absolute;
	overflow: hidden;
	background-color: #FFF;
	z-index: 3;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius : 3px;
	-moz-border-radius-bottomright    : 3px;
	-moz-border-radius-bottomleft     : 3px;
	border-bottom-right-radius        : 3px;
	border-bottom-left-radius         : 3px;
}

.select.scroll .selectOptionWrapper {
	/*adds scrollbar if more than 8 options*/
	max-height: 247px;
	overflow-y: auto;
}

.selectOptionWrapper .jspContainer, .selectOptionWrapper .jspPane {
	width: 100% !important;
}

.labelSelect {
	display: block;
}

.labelSelect .select {
	float: right;
}

.labelSelect p.labelTitle {
	color: #333;
	font-size: 13px;
	float: right;
	margin: 0;
	padding: 0 5px 0 0;
	height: 32px;
	line-height: 32px;
}

.pageTopSection .labelSelect {
	margin-top: -32px;
}

/* -- CSS STYLED ONLY --- */
select.cssStyled, .dataTables_wrapper select {
	height: 30px;
	line-height: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #DEDEDE #AEAEAE #AEAEAE #DEDEDE;
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5), 1px 1px 5px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
	border-radius        : 3px;
	-webkit-transition: background-color .2s, border-color .1s, box-shadow .1s, color .2s, -webkit-border-radius .2s;
	-moz-transition   : background-color .2s, border-color .1s, box-shadow .1s, color .2s, -moz-border-radius    .2s;
	-o-transition     : background-color .2s, border-color .1s, box-shadow .1s, color .2s, -o-border-radius      .2s;
	-ms-transition    : background-color .2s, border-color .1s, box-shadow .1s, color .2s, -ms-border-radius     .2s;
	transition        : background-color .2s, border-color .1s, box-shadow .1s, color .2s, border-radius         .2s;
}

select.cssStyled {
    box-shadow: none; /* 1px 1px 5px #333;*/
    background-color: #DDD; 
	border-width: 1px;
	border-color: #FDFDFD #C9C9C9 #C9C9C9 #FDFDFD;
	border-style: outset;
	cursor: pointer;
	background-image: url(images/button_bg.png); /* url(images/button_bg_gradient.png); */
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #D9D9D9; 
    height: 32px;
}

select.cssStyled:hover {
    background-color: #F8F8F8;
}

textarea.cssStyled {
	border-style: solid;
	border-width: 1px;
	border-color: #DEDEDE #AEAEAE #AEAEAE #DEDEDE;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
	border-radius        : 3px;
	-webkit-transition: background-color .2s, border-color .1s, box-shadow .1s, color .2s, -webkit-border-radius .2s;
	-moz-transition   : background-color .2s, border-color .1s, box-shadow .1s, color .2s, -moz-border-radius    .2s;
	-o-transition     : background-color .2s, border-color .1s, box-shadow .1s, color .2s, -o-border-radius      .2s;
	-ms-transition    : background-color .2s, border-color .1s, box-shadow .1s, color .2s, -ms-border-radius     .2s;
	transition        : background-color .2s, border-color .1s, box-shadow .1s, color .2s, border-radius         .2s;
}

/***************************************************
******************* END OF FORMS *******************
***************************************************/
.jqueryPopupBG, .jqueryPopup {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
}

.jqueryPopupBG {
    /* [disabled]cursor: pointer; */
    background-color: #0D5886;
    z-index: 99998;
}

.jqueryPopup {
	z-index: 99999;
	pointer-events: none;
}

.jqueryPopup * {
	pointer-events: auto;
}

.jqueryPopupBox {
	display: none;
	position: fixed;
	top: 35%;
	/*bottom: 35%;*/
	left: 35%;
	right: 35%;
	z-index: 100100;
	font-size: 15px;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
	background-color: white;
	background-image: url(images/box_gradient_bg.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	border-style: solid;
	border-width: 3px;
	/*border-color: #CFCFCF;*/
	border-radius: 5px;
	padding: 5px;
}

.featureList li {
	font-size: 13px;
	border-top-width: thin;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999;
	list-style-type: disc;
	padding-top: 3px;
	padding-bottom: 3px;
}

ul.featureList {
	padding-left: 20px;
}

div.styled.search.autosuggest {
	height: 370px;
	z-index: 100900;
	box-shadow: 4px 4px 20px #666666;
	display: none;
	opacity: 1;
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute;
	padding: 0 9px;
}

div.search.autosuggest.placeHolder {
    position:relative;
    clear:both;
    margin-left: 17px;
    margin-right:44px;
    float:right;
    width:380px;
}

div.styled.quick.autosuggest {
	height: 370px;
	z-index: 101;
	box-shadow: 4px 4px 20px #666666;
	display: none;
	opacity: 1;
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute;
	padding: 0px 9px;
	/*margin: 30px 0px;*/
    margin: 0px;
}

div.suggestion {
	cursor: pointer;
	border-color: #FFF;
	border-style: none;
	border-width: 2px;
	padding: 2px;
	-webkit-transition: border-color 0.4s;
	-moz-transition: border-color 0.4s;
	-ms-transition: border-color 0.4s;
	-o-transition: border-color 0.4s;
	transition: border-color 0.4s ;
}
div.suggestion:hover {
	/*background-image: url(/OasisWebV4/style/images/button_bg_gradient_blue.png);*/
	/*background-repeat: repeat-x;*/
	cursor: pointer;
	padding: 0px;
	/*background-color: #EEE;*/
	border-style: solid;
	border-width: 2px;
	border-radius: 5px;
}

img.additionalProdImage {
	max-height:48px;
	max-width:48px;
}

div.additionalProdImage {
	/*margin: 3px;*/
	opacity:0;
	padding: 2px;
	height:54px;
	width:54px;
	border-style: none;
	border-color: #FFF;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	/*border-width: 1px;*/
	/*border-radius: 5px;*/
	-webkit-transition: border-color 0.4s;
	-moz-transition: border-color 0.4s;
	-ms-transition: border-color 0.4s;
	-o-transition: border-color 0.4s;
	transition: border-color 0.4s ;
	-webkit-transition: background-color 0.4s;
	-moz-transition: background-color 0.4s;
	-ms-transition: background-color 0.4s;
	-o-transition: background-color 0.4s;
	transition: background-color 0.4s ;
}

div.additionalProdImage:hover {
	/*margin: 3px;*/
	padding: 1px;
	/*background-color: #09AFE6;
	background-color: rgba(9,175,230,0.7);*/
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
}

hr.mainStyleColour {
	border-style: solid;
}

span.keyword {
	font-weight: bold;
}

.formControls .button {
	cursor: pointer;
	padding: 6px;
	line-height: normal;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
}

div.productQPB {
    font-size: 11px;
    bottom: 46px;
    right: 0px;
    position: absolute;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    background-image: url(images/search_header_bg.png);
    background-repeat: repeat-x;
    background-position: bottom;
    box-shadow: 5px 5px 20px 0px #CCCCCC;
	/*box-shadow: 2px 2px 3px rgba(0,0,0,0.3);*/
}

div.productExtraQPB {
	bottom: ;
	right: ;
	position: static;
	font-size: 11px;
	margin: 3px;
	float: right;
}



tr.basketHeadings {
	background-color: #EEE;
}

.nopadding {
	padding: 0px !important;
}

div.addressCard {
	width: 230px;
	float: left;
	margin: 5px;
	height: 130px;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
/*  Following properties are now handled by .box .outer and .inner */
/*	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	border-color: #D3D3D3 #9A9A9A #9A9A9A #D3D3D3;
	background-image: url(images/box_gradient_bg.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: #DDD;	*/
}

div.addressCard .outer,
div.addressCard .inner {
	height: inherit;
}

div.addressCard.selectedAddress .outer {
	/*border-radius: 6px;	*/
	border-radius: 3px;
	border-style: hidden;
}

div.addressCard.selectedAddress .inner {
	border-width: 3px;
	height: 125px;
	padding: 1px;
	border-style: solid;
	border-radius: 4px;
}

.fieldValidationError {
	background-color: #FFB0B0 !important;
	border: 2px solid #CE0000 !important;
	border-radius: 3px;
	-webkit-transition: border-color 600ms ease-in-out, border-width 600ms ease-in-out, background-color 600ms ease-in-out;
	-moz-transition: border-color 600ms ease-in-out, border-width 600ms ease-in-out, background-color 600ms ease-in-out;
	-ms-transition: border-color 600ms ease-in-out, border-width 600ms ease-in-out, background-color 600ms ease-in-out;
	-o-transition: border-color 600ms ease-in-out, border-width 600ms ease-in-out, background-color 600ms ease-in-out;
	transition: border-color 600ms ease-in-out, border-width 600ms ease-in-out, background-color 600ms ease-in-out;
}

.fieldValidationError:focus {
	/*border-color: #FF0000 !important;*/
	/*border-color: #09AFE6 !important;*/
	background-color: #B00 !important;
	-webkit-transition: border-color 100ms ease-in-out, border-width 100ms ease-in-out, background-color 100ms ease-in-out !important;
	-moz-transition: border-color 100ms ease-in-out, border-width 100ms ease-in-out, background-color 100ms ease-in-out !important;
	-ms-transition: border-color 100ms ease-in-out, border-width 100ms ease-in-out, background-color 100ms ease-in-out !important;
	-o-transition: border-color 100ms ease-in-out, border-width 100ms ease-in-out, background-color 100ms ease-in-out !important;
	transition: border-color 100ms ease-in-out, border-width 100ms ease-in-out, background-color 100ms ease-in-out !important;
}

.fieldHighlight {
	background-color: #09AFE6 !important;
	border: 2px solid #2B84AA !important;
	border-radius: 3px;
	-webkit-transition: border-color 600ms ease-in-out, border-width 600ms ease-in-out, background-color 600ms ease-in-out;
	-moz-transition: border-color 600ms ease-in-out, border-width 600ms ease-in-out, background-color 600ms ease-in-out;
	-ms-transition: border-color 600ms ease-in-out, border-width 600ms ease-in-out, background-color 600ms ease-in-out;
	-o-transition: border-color 600ms ease-in-out, border-width 600ms ease-in-out, background-color 600ms ease-in-out;
	transition: border-color 600ms ease-in-out, border-width 600ms ease-in-out, background-color 600ms ease-in-out;
}

.fieldHighlight:focus {
	/*border-color: #FF0000 !important;*/
	/*border-color: #09AFE6 !important;*/
	background-color: #51CCF5 !important;
	-webkit-transition: border-color 100ms ease-in-out, border-width 100ms ease-in-out, background-color 100ms ease-in-out !important;
	-moz-transition: border-color 100ms ease-in-out, border-width 100ms ease-in-out, background-color 100ms ease-in-out !important;
	-ms-transition: border-color 100ms ease-in-out, border-width 100ms ease-in-out, background-color 100ms ease-in-out !important;
	-o-transition: border-color 100ms ease-in-out, border-width 100ms ease-in-out, background-color 100ms ease-in-out !important;
	transition: border-color 100ms ease-in-out, border-width 100ms ease-in-out, background-color 100ms ease-in-out !important;
}

.borderOn {
	border: 1px solid #666;
	margin: 1px;
	padding: 2px;
}

#loggedOnUser {
    position: absolute;
    top: 137px;
    right: 20px;
    width: 300px;
    height: 25px;
    z-index: 1003; /*2;*/
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFF;
    text-align: right;
    vertical-align: middle;
    display: none;
    float: right;
    cursor: pointer;
    /*margin-left: 610px;*/
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;      
    transition: all .5s ease;        
}

#loggedOnUser.moreDetails:hover {
    text-decoration: underline;   
}

.notificationsAvailable + #loggedOnUser {
    right: 68px;   
}

.notificationsAvailable + #loggedOnUser.moved {
    right: 18px;   
}

#loggedOnUser.moved {
    margin-top: 45px;
    color: #09AFE6;
}

div.postItNote {
	background-color: #FFA;
	border-style: solid;
	border-width: 1px;
	border-color: #CFCFCF;
	border-radius: 5px;
	padding: 5px;
}

div.controlsOff div.controls {
	display: none;
}

div.controlsOn div.controls {
	display: block;
}

.printOnly {
	display: none;
}

tr.addedRow td~div:first-of-type {
	display: none;
}

.hidden {
	display: none;
}

.productGroupHeader, .productFeaturesHeader, .boxLabel{
    color: white;
    /* [disabled]border-top-left-radius: 5px; */
    /* [disabled]border-top-right-radius: 5px; */
    padding: 8px;
    margin-left: -11px;
    margin-right: -11px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    -webkit-transition: background-color 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out;
    -ms-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
}

.productFeaturesHeader:hover {
    background-color: #7AD3F2;
    -webkit-transition: background-color 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out;
    -ms-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
}

.subGroupHeader, .productFeatureGroupHeader {
    background-color: #E9E9E9;
    padding: 12px;
    margin-left: -11px;
    margin-right: -11px;
    margin-bottom: 11px;
    font-size: 14px;
    color: #777;
}

.productFeatureGroupHeader {
    margin: 0px;
}

.productGroupHeader.hidden+.subGroupHeader:not(.hidden) {
    /* [disabled]border-top-left-radius: 5px; */
    /* [disabled]border-top-right-radius: 5px; */
}

.selectedTag {
	position:absolute;
	z-index: 1;
	top: 0px;
	right: 0px;
	height: 20px;
	width: 20px;
    background-color: #09AFE06;
	background-image: url(images/selected_tag.png);
	opacity: 0;
    filter: alpha(opacity=0);
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
}

.selected .selectedTag {
	opacity: 1;
    filter: none;
}

.webCampaign.editable {
    outline-style: solid;
    outline-color: red;
    outline-width: 3px;
}

.webCampaign[data-campaign-link=""]:not(.editable),
.webCampaign[data-campaign-link="none"]:not(.editable) {
    display: none;
}

.verticalCentre, .alignCentreMiddle {
    vertical-align: middle;
    display: table-cell;
    height: inherit;
}

.horizontalCentre, .alignCentreMiddle {
    text-align: center;
    width: inherit;
}

.campaignContainer {
    /*
	display:table-cell;
	vertical-align:middle;
	position:absolute;
	top:0px;
	bottom:0px;
	right:6px;
    */
}

/**********************************************************************/
/* Following section added by Ben for the re-designed basket page --- */
/**********************************************************************/

.basketPageWrapper, .confirmationPageWrapper {
	width: 980px;
}

.basketPageContainer {
	padding: 11px 11px 2px 11px;
}

.basketPageContainer h2, .breadcrumbHeader h2 {
	font-family: 'Jura', sans-serif;
	color: #13316D;
	font-size: 14px;
	font-weight: 600;
	height: 32px;
	line-height: 32px;
	margin: 0;
	padding: 0;
}

.basketPageContainer .basketControl {
    float: right;
    line-height: 32px;
    padding: 4px;
}

.basketControl .basketTitleContainer {
    font-weight: bold;
    display: inline;
}

.basketControl .basketTitleContainer .basketTitle {
    font-weight: normal;
}


.breadcrumbWrapper {
	width: 980px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.printIcon {
	float: right;
	background-image: url(images/print_icon.png);
	width: 20px;
	height: 20px;
	margin: 11px 11px 0 0;
	cursor: pointer;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition   : opacity .2s ease-in-out;
	-o-transition     : opacity .2s ease-in-out;
	-ms-transition    : opacity .2s ease-in-out;
	transition        : opacity .2s ease-in-out;
    opacity: 0.5;
}

.printIcon:hover {
	opacity: 1;
}

h2.left {
	float: left;
}

.checkoutBreadcrumbWrapper h2 {
	line-height: 40px;
	padding: 0 10px 0 11px;
}

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

ul.headerBreadcrumbs {
    float: left;
}

ul.checkoutBreadcrumbs li {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    float: left;
    width: 106px;
    height: 40px;
    background-image: url(images/checkout_breadcrumbs_bg.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

ul.checkoutBreadcrumbs li.active {
    background-color: #09AFE6;
}

ul.checkoutBreadcrumbs li:hover:not([disabled]):not(.end) {
	background-position: 0px -40px;
    background-color: transparent;
}

ul.checkoutBreadcrumbs li.active {
	background-position: 0px -160px;
}

ul.checkoutBreadcrumbs li.end {
	background-position: 0px -80px;
}

ul.checkoutBreadcrumbs li.end:hover {
	background-position: 0px -120px;
}

ul.checkoutBreadcrumbs li.active.end {
	background-position: 0px -200px;
}

ul.checkoutBreadcrumbs li.green, ul.checkoutBreadcrumbs li.green:hover {
	background-position: 0px -240px;
}

ul.checkoutBreadcrumbs li a {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	height: 100%;
	color: #666;
}

ul.checkoutBreadcrumbs li p {
	margin: 0;
	padding: 0;
	width: 106px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-family: 'Jura', sans-serif;
	color: #B7B7B7;
	font-size: 14px;
	font-weight: 600;
}

ul.catalogueBreadcrumbs li p {
    font-family: inherit;
    font-size: 11px;
    font-weight: normal;
    padding-left: 15px;
    padding-right: 15px;
    display: table-cell;
    vertical-align: middle;
    line-height:normal;
}

ul.catalogueBreadcrumbs li.end p {
    padding-right: 5px;
}

ul.checkoutBreadcrumbs li:hover:not([disabled]) p {
	color: #999;
}

ul.checkoutBreadcrumbs li.active p, ul.checkoutBreadcrumbs li.green p {
	color: #FFF;
}

.basketPageHeader {
	margin: 5px 0 0;
	background-color: #E4E4E4;
}

.basketPageHeader .basketCol {
	height: 36px;
}

.basketPageHeader .basketCol p {
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #747474;
	font-size: 13px;
	padding: 0;
	margin: 0;
}

.basketPageHeader .basketCol.product p {
	text-align: left;
}

.basketCol {
	float: right;
}

.basketCol.editDelete {
	width: 53px;
	padding-right: 11px;
}

.basketCol.total {
	width: 56px;
}

.basketCol.save {
	width: 58px;
}

.basketCol.price {
	width: 56px;
}

.basketCol.confirmationPrice {
	width: 70px;
}

.basketCol.unitPrice {
	width: 80px;
}

.basketCol.packSize {
	width: 80px;
}

.basketCol.qty {
	width: 145px; /*89px;*/
}

.basketCol.confirmationQty {
	width: 60px;
}

.basketCol.product {
	float: none;
	width: 618px;
	padding: 0 0 0 17px;
}

.basketCol.productName {
    float: left;
    padding: 0 0 0 17px;
    width: 534px;
}

.basketCol.productName p {
    text-align: left !important;
}

.basketCol.code {
	float: left;
	padding: 0;
	width: 115px;
}

.basketCol.lineNote {
	margin:0 0 0 115px;
	padding:0 0 3px 17px;
	width: 551px;
	font-size:12px;
	color: #000;
	float:left;	
}

.basketCol.expectedDate {
	margin:0 0 0 115px;
	padding:0 0 3px 17px;
	width: 551px;
	font-size:11px;
	color: #000;
	float:left;
	display:none;	
}

.basketPageRow {
	border-bottom: 1px dashed #C1C1C1;
	padding: 7px 0;
}

.basketPageRowRight {
	float: right;
	width: 323px;
}

.basketPageRowRight .deleteBtn,
.basketPageRowRight .ammendBtn,
.basketPageRowRight .okBtn,
.basketPageRowRight .splitpackBtn   {
	cursor: pointer;
}

.basketPageRowRight .ammendBtn {
	margin-right: 4px
}

.basketPageRow a, .hoverHighlight {
    color: inherit;
    text-decoration: none;
}

.basketPageRow a:hover, .hoverHighlight:hover {
    text-decoration: underline;
}

.basketPageRow .basketCol p {
	text-align: center;
	/*line-height: 29px;*/
    padding-top: 7px;
    padding-bottom: 7px;
}

.basketPageRowRight .basketCol p {
    line-height: 29px;   
}

.confirmationPageWrapper .basketPageRow .basketCol p {
	margin: 0;
}

.basketPageRow .basketCol.total p {
	font-weight: bold;
	color: #333;
	font-size: 15px;
}

.basketPageRow .basketCol.save p {
	font-weight: bold;
}

.basketPageRow .basketCol.productName p {
    font-weight: bold;
}

.basketPageRow .basketCol.confirmationPrice p, .basketPageRow .basketCol.unitPrice p {
	color: #333;
	font-weight: bold;
}

.basketPageRow .basketCol.qty {
    width: 85px;
    padding-right: 4px;
    float: left;
}

.productBox p.multiples {
    font-size: 10px;
    margin: 1px 0 0 29px;
    background-color: #c40e08;
	color:#fff;
	display:none;
	height:13px;
	padding:2px 0 0 0;
	text-align:center;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;	
}

.productInfoCol p.multiples {
    font-size: 10px;
    margin: -5px 0 0 0px;
    background-color: #c40e08;
	color:#fff;
	display:none;
	height:13px;
	padding:0px 0 0 0;
	text-align:center;
	float:right;
	width: 117px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;	

}

.plusMinusBtn {
	float: right;
	width: 19px;
	height: 30px;
    background-color: #09AFE6;
	background-image: url(images/plus_minus_btn_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
}

.plusMinusBtn:hover {
	background-position: 0px -30px;
}

.plusMinusBtn.minus {
	background-position: 0px -60px;
}

.plusMinusBtn.minus:hover {
	background-position: 0px -90px;
}

.basketCol.qty input.styled.right.quantity {
	margin: 0;
	width: 20px;
}

.basketCol.qty input.styled.right.quantity.inactive {
	background-color:darkslategray;
}

.basketPageRowMid {
	float: right;
	width: 162px;
	padding: 3px 0 0;
}

.qtyPricingArrow {
	width: 17px;
	height: 16px;
	float: right;
    background-color: #09AFE6;
	background-image: url(images/qty_pricing_arrow_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	margin: 26px 0 0 0;
}

.qtyPricingArrow.onGrey {
	background-image: url(images/qty_pricing_arrow_bg_on_grey.png);
}

.qtyPricingArrow.off {
    background-color: transparent;
	background-image: none;
	cursor: default;
}

.qtyPricingArrow:hover {
	background-position: 0px -16px;
}

.qtyPricingArrow.left {
	background-position: 0px -32px;
}

.qtyPricingArrow.left:hover {
	background-position: 0px -48px;
}

.qtyPricingWrapper {
    width: 120px;
    padding: 0 4px;
    height: 67px;
    float: right;
    background-image: url(images/qty_pricing_wrapper_bg.png);
}

.qtyPricingWrapper p {
    font-size: 11px !important;
    line-height: 1.3 !important;
}

.qtyPricingWrapper p.title {
	margin: 0;
	padding: 5px 0 0 !important;
	text-align: center;
	font-size: 11px;
	color: #666 !important;
    font-weight: normal !important;
}

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

.qtyPricingWrapper ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 40px;
	float: left;
}

.qtyPricingWrapper ul li p {
	text-align: center;
	font-size: 11px;
	padding: 0;
	margin: 0;
}

.qtyPricingWrapper ul li p.amount {
	color: #333;
	padding: 7px 0 3px;
}

.qtyPricingWrapper ul li p.price {
	font-weight: bold;
    font-size: 9px !important;
}

.qtyPricingSlider {
    width: 120px;
    max-width: 120px;
    overflow-x: hidden;
}

.qtyPricingContents {
    width: 320px;
    max-width: 320px;
}

.basketPageRow .productImage {
    float: left;
    padding: 0 16px 0 0;
    width: 75px;
    height: 75px;
    text-align: center;
    vertical-align: middle;
}

.basketPageRow .lineNumber {
	float: left;
	padding: 32px 10px 0 0;
	font-size:11px;
	font-weight: 300;
}


.basketPageRow .productImage, .basketPageRow .productImage img {
    /* [disabled]width: 75px; */
    /* [disabled]height: 75px; */
    max-height: 75px;
    max-width: 75px;
}

.basketPageRow .basketCol.product p {
	text-align: left;
	line-height: 1.2;
	padding: 0;
	margin: 0;
	font-size: 11px;
}

.basketPageRow .basketCol.product p.title {
	font-weight: bold;
	font-size: 12px;
	/*height: 28px;*/
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 0 10px 0;
	padding: 12px 0 0 0;
}

.basketPageRow .basketCol.product p.productCode {
	float: left;
	width: 200px;
	color: #666;
	text-overflow: ellipsis;
	overflow:hidden;
}

.basketPageRow .basketCol.product p.rrp {
	float: left;
	/*width: 229px;*/
	/*height: 26px;*/
	overflow: hidden;
	color: #666;
}

.basketPageRow .basketCol.product p.deliveryInfo {
	float: left;
	width: 229px;
	/*height: 26px;*/
	overflow: hidden;
	text-overflow: ellipsis;
    /*line-height: 26px;*/
	/*margin: 0 0 0 107px;*/
    margin: 0px;
}


.basketPageRow .basketCol.product p.basketLineNote{
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 3px 0 3px 0;
	padding:1px;
	background-color:#FFFFAA;
}

.basketPageRow .basketCol.product p.t-lights {
	float: left;
	/*margin: -6px 0 0 107px;*/
    margin: 6px 0px 6px;
}

div.hr {
	background-color: #C1C1C1;
	height: 1px;
	margin: 0 0 10px 0;
}

.totalSummaryWrapper {
	float: right;
	/*width: 140px;*/
	padding: 25px 20px 20px;
	background-color: #EEE;
}

.totalSummaryBox {
	float: right;
	width: 264px;
}

.totalSummaryBox p {
    padding: 0 0 6px 0;
    margin: 0;
    font-size: 13px;
    color: #666;
    text-align: right;
    float: left;
    width: 184px;
    min-height: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.totalSummaryBox p.price {
    font-weight: bold;
    color: #000;
    padding: 0px 0px 6px 0px;
	float:right;
	width: 70px;
}

.totalSummaryBox p.total {
	font-size: 15px;
}

.totalSummaryBox div.hr {
	height: 2px;
	background-color: #7C7C7C;
	margin: 9px 0 15px 0;
	width: 150px;
	float: right;
}

.arrowButton {
    margin: 0 0 8px 0;
    width: 140px;
    height: 38px;
    background-image: url(images/arrow_button_bg.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: #09AFE6;
}

.arrowButton.onGrey {
    background-image: url(images/arrow_button_bg_on_grey.png);
}

.arrowButton.right {
	float: right;
}

.arrowButton.left {
	float: left;
	background-position: 0px -76px;
}

.arrowButton:hover {
	background-position: 0px -38px;
}

.arrowButton.left:hover {
	background-position: 0px -114px;
}

.arrowButton a {
	width: 100%;
	height: 100%;
	display: block;
	line-height: 38px;
	text-align: center;
	font-family: 'Jura', sans-serif;
	color: #FFF;
	font-size: 14px;
	font-weight: 600;

}

.quickAddWrapper {
	padding: 25px 0 0 25px;
}

.button.left {
	float: left;
}

input.styled.left,
textarea.styled.left {
	float: left;
	margin-right: 9px;
}

input.productCode,
input.voucherCodes {
	width: 210px;
}

.quickAddWrapper input,
.quickAddWrapper textarea {
	color: #666;
	font-size: 12px;
    font-family: inherit;
}

h2.alsoInterested {
	line-height: 31px;
	padding-right: 10px;
}

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

ul.alsoInterested li {
	list-style: none;
	padding: 0;
	margin: 0 0 0 5px;
	float: left;
	height: 31px;
	line-height: 31px;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	-o-border-radius     : 5px;
	-ms-border-radius    : 5px;
	border-radius        : 5px;
	cursor: pointer;
	background-color: #E5E5E5;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-transition: background-color .5s;
	-moz-transition   : background-color .5s;
	-o-transition     : background-color .5s;
	-ms-transition    : background-color .5s;
	transition        : background-color .5s;
    color: #626262;
    font-weight: bold;
    font-size: 11px;
    padding: 0 10px;
}

ul.alsoInterested li:hover {
	background-color: #90D0E5;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s;
	-ms-transition: background-color .2s;
	transition: background-color .2s;
}

ul.alsoInterested li.on, ul.alsoInterested li.on a {
	color: #FFF;
	cursor: default;
}

.carousel {
	height: 214px;
	margin: 13px 0 10px 0;
	padding: 24px 0 0 0;
	border-color: #D3D3D3 #A3A3A3 #A3A3A3 #D3D3D3;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
	border-radius        : 3px;
	/*background-image: url(images/carousel_bg.png);*/
    background-color: #FCFCFC;
}

.carouselMoverWrapper {
    float: left;
    width: 845px;
    overflow: hidden;
}
.carouselMover {
    white-space: nowrap;
}

/* Changes to format alts/rels/vars in basket and product details*/
.carouselMover .button {
	margin-top:15px;	
}
.carouselMover p.unit {
  line-height: 0.15em;
  font-size: 10px;
}

.carouselArrow {
	height: 185px;
	float: left;
    background-color: #09AFE6;
	background-image: url(images/carousel_arrow_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 53px;
	cursor: pointer;
}

.carouselArrow:hover {
	background-position: 0px -185px;
}

.carouselArrow.right {
	width: 58px;
	background-position: 0px -370px;
}

.carouselArrow.right:hover {
	background-position: 0px -555px;
}

.deliveryColRight {
	padding: 0px 0px 0px 12px;
	margin-top: 0px;
	width: 354px;
	float: right;
	padding-bottom: 200px;
	margin-bottom: -180px;
}

.carouselArrow.off {
    background-color: transparent;
    background-image: none;
    cursor: default;
}

.deliveryColLeft {
	padding: 12px;
	margin-top: 12px;
	width: 544px;
	float: left;
	background-color: #EEE;
	padding-bottom: 200px;
	margin-bottom: -200px;
}

.colWrapper {
	overflow: hidden;
}

.deliveryMethodCol {
	/*float: left;*/
	width: 354px;
	padding: 0 0 0 0px;
}

.deliveryDateCol {
	float: left;
	width: 141px;

}

.emailAddressCol, .confirmEmailAddressCol {
	display: none;	
}


.button.right.datePickerBtn, .button.left.datePickerBtn {
	width: 30px;
	height: 30px;
	border-left-width: 0px;
	border-color: #D7D7D7 #959595 #959595 #D7D7D7;
	-webkit-border-top-left-radius   : 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft       : 0px;
	-moz-border-radius-bottomleft    : 0px;
	border-top-left-radius           : 0px;
	border-bottom-left-radius        : 0px;
}

.button.right.datePickerBtn .buttonInner, .button.left.datePickerBtn .buttonInner {
	width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(images/datepicker_icon.png);
}

input.styled.right.deliveryDate {
	width: 90px;
	height: 30px;
	line-height: 30px;
	margin: 0;
	cursor: pointer;
	-webkit-border-top-right-radius   : 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright       : 0px;
	-moz-border-radius-bottomright    : 0px;
	border-top-right-radius           : 0px;
	border-bottom-right-radius        : 0px;
}

.deliveryColRight textarea.styled {
	width: 334px;
	resize:vertical
}

.colWrapper p.title {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	margin: 19px 0 8px 0px;
}

.colWrapper p.title.referenceLeft, .colWrapper p.altTitle.referenceLeft {
	float: left;
	width: 156px;
	height: 30px;
	line-height: 30px;
	margin: 0;
}

.colWrapper p.altTitle.referenceLeft {
	display:none;
}

.emailAddressCol { 
	/*display:none;*/
}
.confirmEmailAddressCol { 
	/*display:none;*/
}

.colWrapper p.title.emailAddressLeft {
	float: left;
	width: 156px;
	height: 30px;
	line-height: 30px;
	margin: 4px 0 0 0;
}

.colWrapper p.title span {
	font-size: 11px;
	font-weight: normal;
	color: #7E7E7E;
	padding-left: 10px
}

.referenceFieldSeparator {
    clear: both;
    margin-bottom: 6px;
}

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

ul.pushButtons li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	min-width: 68px;
	background-color: #EEE;
	background-image: url(images/push_btn_bg.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	cursor: pointer;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #DCDCDC #A7A7A7 #A7A7A7 #DCDCDC;
	-webkit-transition: background-color .2s;
	-moz-transition   : background-color .2s;
	-o-transition     : background-color .2s;
	-ms-transition    : background-color .2s;
	transition        : background-color .2s;
}

ul.pushButtons li.first {
	border-left-width: 1px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

ul.pushButtons li.last {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

ul.pushButtons li, ul.pushButtons li .pushButtonInner {
	height: 34px;
	line-height: 34px;
}

ul.pushButtons li .pushButtonInner {
	font-size: 13px;
	color: #666;
	padding: 0 13px 0 30px;
	background-repeat: no-repeat;
	background-image: url(images/push_btn_icons.png);
}

ul.pushButtons li:hover {
	background-color: #FFF;
}

ul.pushButtons li.on {
	background-image: none;
	cursor: default;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.45);
}

ul.pushButtons li.on .pushButtonInner {
	color: #FFF;
}

ul.pushButtons li.grid .pushButtonInner {	background-position: 0px 0px;	}
ul.pushButtons li.grid.on .pushButtonInner {	background-position: 0px -34px;	}

ul.pushButtons li.list .pushButtonInner {	background-position: 0px -68px;	}
ul.pushButtons li.list.on .pushButtonInner {	background-position: 0px -102px;	}

input.styled.addressFilter {
	width: 189px;
	height: 34px;
	margin-left: 24px;
}

.addressLine {
    float: left;
    clear: both;
}

.addressSearchReset {
	color:darkred;
	font-size:8pt;
	cursor: pointer;
}
.deliveryLayoutWrapper {
	width: 544px;
	height: 408px;
	overflow: hidden;
	padding: 15px 0;
}

.deliveryLayoutMover {
	width: 1088px;
	height: 408px;
}

.deliveryScrollWrapper {
	float: left;
	width: 544px;
	height: 408px;
	overflow: hidden;
	outline: none;
}

.deliveryScrollWrapper .jspVerticalBar {
	width: 8px;
}

.deliveryScrollWrapper .jspTrack {
	background-image: none;
}

.deliveryScrollWrapper .jspDrag {
	/*background-image: url(images/scroll_thumb_blue.png);*/
    background-image: url(images/scroll_thumb_on_grey.png);
    background-color: #09AFE6;
}

.deliveryBox {
	width: 243px;
	height: 126px;
	border-width: 1px;
	border-style: solid;
	border-color: #D3D3D3 #9A9A9A #9A9A9A #D3D3D3;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-image: url(images/delivery_box_bg.png);
	background-color: #E9E9E9;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
	border-radius        : 3px;
	float: left;
	margin: 1px 10px 10px 1px;
	cursor: pointer;
	-webkit-transition: background-color .2s;
	-moz-transition   : background-color .2s;
	-o-transition     : background-color .2s;
	-ms-transition    : background-color .2s;
	transition        : background-color .2s;
}

.deliveryBox:hover {
	background-color: #FFF;
}

.deliveryBox.on, .deliveryBox.selected {
	border: 2px solid #36BDEB;
	margin: 0px 9px 9px 0px;
	cursor: default;
	background-color: #E9E9E9;
}

.deliveryBox.green {
	border: 2px solid #41AC13;
	margin: 0px 9px 9px 0px;
	cursor: default;
	background-color: #E9E9E9;
}

.deliveryBox p {
	font-size: 11px;
}

.deliveryBox .addressLine {
	font-size: 11px;
	width:100%;
	float:left;
}

.deliveryBoxInner {
    width: 201px;
    height: 94px;
    padding: 16px;
    font-size: 11px;
    line-height: 1.3;
}

.deliveryBox.selected .deliveryBoxInner {
	background-image: url(images/delivery_box_tick.png);
	background-repeat: no-repeat;
	background-position: 215px 104px;
}

.deliveryBox a.deliveryChange {
	font-size: 11px;
	position: absolute;
	margin: -24px 0 0 191px;
}

.deliveryBox a.deliveryChange:hover {
	text-decoration: underline;
}

.deliveryBoxMoverWrapper {
	width: 247px;
	height: 130px;
	float: left;
	overflow: hidden;
}

.deliveryBoxMover {
	width: 4000px;
	height: 130px;
	overflow: hidden;
}

.deliveryBoxMover .deliveryBox {
    float: left;
    margin: 0px 10px 0px 0px;
}

.deliveryBoxArrow {
    background-color: #09AFE6;
	background-image: url(images/delivery_box_arrows.png);
	background-repeat: no-repeat;
	background-position: -42px center;
	width: 21px;
	height: 130px;
	float: left;
	cursor: pointer;
}

.deliveryBoxArrow.right {
	background-position: 0px center;
	float: right;
	margin-right: 10px;
}

.deliveryBoxArrow:hover {
	background-position: -63px center;
}

.deliveryBoxArrow.right:hover {
	background-position: -21px center;
}

ul.deliveryNodes,
ul.nodes {
	list-style: none;
	margin: 1px 0 0 0;
	padding: 0;
}

ul.deliveryNodes li,
ul.nodes li {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 17px;
	width: 17px;
	float: left;
    background-color: #09AFE6;
	background-image: url(images/delivery_nodes.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
}

ul.multiBasket.nodes li {
    background-color: transparent;
    background-image: url(images/multi_basket_nodes.png);
}

ul.deliveryNodes li.on,
ul.nodes li.on {
	background-position: -17px 0px;
}

.deliveryListItem {
	width: 500px;
	height: 38px;
	border-width: 1px;
	border-style: solid;
	border-color: #D3D3D3 #9A9A9A #9A9A9A #D3D3D3;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-image: url(images/delivery_box_bg.png);
	background-color: #E9E9E9;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
	border-radius        : 3px;
	margin: 1px 0 3px 1px;
	cursor: pointer;
	-webkit-transition: background-color .2s;
	-moz-transition   : background-color .2s;
	-o-transition     : background-color .2s;
	-ms-transition    : background-color .2s;
	transition        : background-color .2s;
}

.deliveryListItem:hover {
	background-color: #FFF;
}

.deliveryListItem.on, .deliveryListItem.selected {
	border: 2px solid #36BDEB;
	margin: 0px 0 2px 0px;
	cursor: default;
	background-color: #E9E9E9;
}

.deliveryListItem.green {
	border: 2px solid #41AC13;
	margin: 0px 9px 9px 0px;
	cursor: default;
	background-color: #E9E9E9;
}

.deliveryListItem p {
	padding: 0 30px 0 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 38px;
	line-height: 38px;
	font-size: 11px;
	margin: 0;
}

.deliveryListItemInner {
	height: 38px;
}

.deliveryListItem.selected .deliveryListItemInner {
	background-image: url(images/delivery_box_tick.png);
	background-repeat: no-repeat;
	background-position: 475px center;
}

.deliveryListItem a.deliveryChange {
	font-size: 11px;
	position: absolute;
	margin: -24px 0 0 191px;
}

.deliveryListItem a.deliveryChange:hover {
	text-decoration: underline;
}

.paymentColRight {
    padding: 12px;
    margin-top: 12px;
    width: 264px;
    float: right;
    background-color: #EEE;
    padding-bottom: 210px;
    margin-bottom: -200px;
}

.paymentColRight.short {
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.paymentColLeft {
	padding: 12px;
	margin-top: 12px;
	width: 646px;
	float: left;
	padding-bottom: 200px;
	margin-bottom: -180px;
}

.deliveryInvoiceCol {
	width: 299px;
	float: left;
	margin-bottom: 20px;
}

.confirmationPageWrapper .deliveryInvoiceCol {
	margin-bottom: 0px;
}

.styled.left.reference {
	width: 226px;
}

.styled.left.emailAddress {
	width: 226px;
}

.styled.left.confirmEmailAddress {
	width: 226px;
}

table.paymentSummary {
	margin: 20px 0 0 0;
	font-size: 13px;
	min-width: 400px;
}

.confirmationPageWrapper table.paymentSummary {
	margin: 0 0 0 0;
}

table.paymentSummary td {
	color: #666;
}

table.paymentSummary td.fieldTitle {
	color: #333;
	font-weight: bold;
	padding-right: 20px;
	width: 150px;	
}

.lineCostCentre {
	font-size: 11px;
	margin: 0 0 3px 132px;
	color:#666;	
}

.lineCostCentre .lineCostCentreLabel {
	color: #333;
	font-weight:800;
	padding: 0 3px 0 0;
}


.basketCol.expectedDate .lineExpectedLabel {
	color: #333;
	font-weight:800;
	padding: 0 3px 0 0;
}


/* Standalone box for text under checkout button*/
/*
.confTextWrapper {
	margin:15px 0 0 0 ;
	border-width: 1px;
	border-style:solid;
	border-color: #999; 	
  	-webkit-border-radius: 5px; 
  	-moz-border-radius: 5px;     	
  	border-radius: 5px; 	
	background-color: #E7E7E7;
}
*/

/* Cox for text directly under under checkout button*/
.confTextWrapper {
margin: 0 0 0 0;
border-left-width: thin;
border-right-width: 1px;
border-bottom-width: 1px;
border-style: dotted;
border-color: #999;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-bottom-right-radius: 5px;
/* Firefox 1-3.6 */
-moz-border-bottom-right-radius: 5px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-bottom-right-radius: 5px;

-webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
background-color: #E7E7E7;
}

.confText, .confText a {
	color: #333;
	font-weight: normal;
	font-size: 11px;
	padding: 8px 8px 8px 8px;
}

 .confText a {
	color: #00C;	
}


.paymentSummaryField {
    color: #666;
    font-size: 13px;
    line-height: 20px;
}

.button.blue.confirmOrder {
	margin: 20px 0 0 0;
}

.button.blue.confirmOrder, .button.blue.confirmOrder p {
	height: 39px;
	line-height: 39px;
}

.button.orderComplete, .button.orderComplete p {
	height: 36px;
	line-height: 36px;
	margin-bottom: 10px;
}

.button.right.orderComplete {
	margin-top: 25px;
	margin-left: 9px;
}

.button.right.orderComplete p {
	width: 246px;
}

.paymentProcessorContainer {
	background-color: #EEE;
	min-height: 150px;

}

.paymentProcessorWrapper {

    padding: 10px 0px;
    margin: 10px 0px;
    background-color: #FFF;
    border-radius: 7px;
}

.paymentProcessorWrapper .cardLogo {
    margin: 5px 10px;
}

.paymentProcessorWrapper .providerLogo {
    margin: 10px auto;
    text-align: center;
}

.paymentProcessorBox {
	width: 260px;
	height: 73px;
	border-width: 2px;
	border-style: solid;
	border-color: #37BDEB;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-image: url(images/delivery_box_bg.png);
	background-color: #E9E9E9;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
	border-radius        : 3px;
	float: left;
	margin: 9px 0 0 0;
	-webkit-transition: background-color .2s;
	-moz-transition   : background-color .2s;
	-o-transition     : background-color .2s;
	-ms-transition    : background-color .2s;
	transition        : background-color .2s;
}

.paymentProcessorInner {
	width: 260px;
	height: 73px;
	background-repeat: no-repeat;
	background-position: center;
}

.paymentProcessorBox.worldpay .paymentProcessorInner {
	background-image: url(images/worldpay_logo.png);
}

.boxesGraphic {
	width: 256px;
	height: 176px;
	background-image: url(images/boxes_graphic.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 66px 0 0 0px;
	position: absolute;
}

.boxesGraphic.awaitingAuth {
    background-image: url(images/approve_notes.png);
    background-position: center;
    background-size: contain;
    margin-left: 0px;
}

p.mainTitle {
    font-size: 26px;
    font-weight: 600;
    font-family: 'Jura', sans-serif;
}

p.subTitle, p.subTitle span, p.subTitle a {
	font-size: 14px;
}

p.subTitle span, p.subTitle span a {
	font-weight: bold;
}

p.green, p.green a, p.green span {
	color: #3FAB10;
}

p.orange, p.orange a, p.orange span {
	color: orange;
}

p.addtoList, p.addtoList a, p.addtoList span {
	color: #3FAB10;
	background-image:url(images/ajax-loader-transparent.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}

/***********Product Details************/

.productInfoCol {
	float: left;
}

.productInfoCol.left {
	padding: 10px;
	width: 310px;
}

.productInfoCol.mid {
	width: 393px;
	padding: 10px;
}

.productInfoCol.right {
	width: 177px;
	padding: 19px;
	background-color: #EEE;
	min-height:100px;
}

.productInfoCol h1 {
	font-size: 18px;
}

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

ul.productDetails li {
	list-style: none;
	margin: 0;
	padding: 0 20px 0 0;
	display: inline;
	color: #666;
	font-size: 13px;
}

ul.productDetails li span {
	font-weight: bold;
}

/* Redraw Square Bullet Before  (followed by 2 spaces) */
ul.squareBulletPoints li:before {
    	content: "\25A0\00A0\00A0";
		margin: 0 0 5px 0;
}

/* Align Wrapped Text Lines */
ul.squareBulletPoints li {
	text-indent: -16px;
	font-size: 13px;
	padding: 0 0 7px 0px;
	word-break: break-word;		
}


/* Adjust Starting Point for Bullets */
ul.squareBulletPoints {
	padding: 0 0 0 16px;
}

/* Ensure Supplier Code & bar code displayed correctly */
div#suppCode,div#barCode {
	display: inline;
}

.productInfoCol.mid ul.productInfoIcons li {
	float: left;
}

p.productSheet {
    float: left;
    margin-right: 16px;   
}

a.productSheet {
	color: #209FD2;
}

a.productSheet {
	background-repeat: no-repeat;
	background-position: 0px center;
	height: 23px;
	line-height: 23px;
	display: block;
	padding: 0 0 0 31px;
}

.moreDetails a.productSheet {
background-repeat: no-repeat;
/* background-position: 0px center; */
height: 23px;
line-height: 23px;
display: inline;
padding: 10px 0 0 31px;

}

a.productSheet.pdf {
	background-image: url(images/pdf_icon.png);    
}

a.productSheet.video {
	background-image: url(images/Movies-icon.png);        
}

a.productSheet:hover {
	text-decoration: underline;
}

.starBtn {
	width: 22px;
	height: 22px;
	background-image: url(images/star_btn.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
	cursor: pointer;
	opacity: 0.3;
	-webkit-transition: opacity .2s;
	-moz-transition   : opacity .2s;
	-o-transition     : opacity .2s;
	-ms-transition    : opacity .2s;
	transition        : opacity .2s;
}

.starBtn.on {
	opacity: 1;
}

.favBtn.topRight, .starBtn.topRight {
    margin-top: 0px;
	position:absolute;
	z-index: 1;
	top: 10px;
	right: 10px;
}

.site.topRight {
  margin-top: 0px;
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 23px;
}

p.price {
    font-size: 13px;
    padding: 8px 0 0;
    margin: 0;
    color: #209FD2;
}

.productInfoCol p.price {
    font-size: 16px;   
}

p.price span {
	font-weight: bold;
}

p.saving, p.rrp {
    font-size: 11px;
    padding-top: 6px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0px;
    margin: 0;
    color: #209FD2;
}

.productInfoCol p.saving {
    margin-bottom: 30px;   
}

.addToListWrapper {
	padding-top: 20px;
}

.addToListWrapper .select {
	width: 120px;
}

.addToListWrapper .button, .addToListWrapper .button p {
	height: 30px;
	line-height: 30px;
}

.largeImageWrapper {
    width: 310px;
    height: 310px;
    vertical-align: middle;
}

.largeImageWrapper, .largeImageContainer, .largeImageContainer img {
    /* [disabled]width: 310px; */
    vertical-align: middle;
    max-width: 310px;
    max-height: 310px;
}

.zoomIcon {
	position: absolute;
	z-index: 2;
	width: 16px;
	height: 16px;
	background-image: url(images/zoom_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.vimeoIframeWrapper {
	margin: 50px auto 0;
	width: 500px;
	height: 281px;
}

ul.imageThumbs {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 11px;
}

ul.imageThumbs li {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 10px;
    width: 60px;
    height: 60px;
    overflow: hidden;
    opacity: 0.45;
    display: block;
    float: left;
    cursor: pointer;
    -webkit-transition: opacity .2s;
    -moz-transition   : opacity .2s;
    -o-transition     : opacity .2s;
    -ms-transition    : opacity .2s;
    transition        : opacity .2s;
}

ul.imageThumbs li.on {
	opacity: 1;
}

ul.imageThumbs li.video .videoPlayIcon {
    width: 60px;
    height: 60px;
    position: absolute;
    background-image: url(images/video_play_icon.png);
    background-repeat: no-repeat;
    background-position: center;
}

ul.imageThumbs li img {
    max-width: 60px;
    max-height: 60px;
}

.zoomBox {
	position: absolute;
	z-index: 3;
	border: 1px solid #E1E1E1;
	background-color: #FFF;
	width: 458px;
	height: 458px;
	overflow: hidden;
	margin: -10px 0 0 319px;
	box-shadow: 17px 17px 4px rgba(0,0,0,0.26);
}

/*********End Product Details**********/

.controlsBox {
    background-color: #EEE;
    margin: 10px;
    padding: 10px;
}

.controlsBox.balloon {
    border-radius: 20px;
    color: #FFF;
    box-shadow: 2px 4px 4px rgba(0,0,0,0.5);
}

.controlsBox.balloon p {
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
}

.controlsBox.balloon.left {
    margin-right: 140px;
}

.numeric {
    text-align: right;
}

.hideIfEmpty {}

.hideIfNoData, .hideIfNoData .data {}

/**********Quick Order Entry***********/

.quickAddPopupWrapper {
    position: fixed;
    top: 135px;
    left: 50%;
    margin-left: -352px;
    width: 709px;
    padding: 9px;
    background-image: url(images/box_gradient_bg.png);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-color: #DDD;
    border: 2px solid #21A0D4;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    -o-border-radius     : 3px;
    -ms-border-radius    : 3px;
    border-radius        : 3px;
}

.ProductDetailPanelWrapper {
	display:none;
	overflow:auto;
	margin: 6px 0 0 0;
}

.quickAddPopupWrapper .deleteBtn {
	margin: 9px 9px 0 0;
}

.button.right.red.markedLostSale {
	background-color:#AFAFAF;
}

label.quickOrderLabel {
	display: block;
	float: left;
	padding-right: 10px;
}

.quickAddPopupWrapper .button {
	height: 28px	;
	line-height: 28px;
	padding: 0 0 2px 0;
}

.quickAddPopupWrapper .button p {
	height: 28px	;
	line-height: 28px;
}

.productLineNumber {
	float: left;
	padding: 56px 0 0 0;
	font-size:11px;
	font-weight: 300;
    display: none;
}

.productBox.large .removeProduct {
    display:none;   
}

#quickOrderForm .productLineNumber {
    display: block;   
}

#quickOrderForm .moreDetails {
    visibility: hidden;    
}

#quickOrderForm .productBox.large .button.buy {
    display: none; 
}


#quickOrderForm .productBox.large .removeProduct {
    display: block;   
}

label.quickOrderLabel input {
	height: 28px;
}

label.quickOrderLabel p {
	padding: 0 10px;
	font-weight: bold;
	font-size: 13px;
	height: 20px;
	line-height: 30px;
	float: left;
}

/********End Quick Order Entry*********/

/***********Enquiries Page*************/
.enquiriesPageHeader {
	margin: 5px 0 0;
	background-color: #E4E4E4;
}

.enquiriesPageHeader .enquiriesCol {
	height: 36px;
}

.enquiriesPageHeader .enquiriesCol p {
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #747474;
	font-size: 13px;
	padding: 0;
	margin: 0;
}

.enquiriesPageContent .enquiriesCol p {
	text-align: center;
}

.enquiriesCol {
	float: left;
}

.enquiriesCol p {
	font-weight: bold;
	margin: 6px 0;
}

.enquiriesCol.orderNo {
	width: 94px;
}

.enquiriesCol.orderLinks {
	width: 100px;
}


.enquiriesPageContent {
	margin-bottom: 30px
}

.enquiriesCol.orderType {
	width: 134px;
}

.enquiriesCol.orderType p {
	text-align: left;
}

.enquiriesCol.ref {
	width: 83px;
}

.enquiriesCol.deliveryAddress {
	width: 253px;
}

.enquiriesCol.deliveryAddress p {
	text-align: left;
}

.enquiriesCol.orderDate {
	width: 116px;
}

.enquiriesCol.orderDate p {
	text-align: left;
}

.enquiriesCol.value {
	width: 88px;
}

.enquiriesCol.costCentre {
	width: 105px;
}

.enquiriesCol.costCentre p {
	text-align: left;
}

.enquiriesCol.complete {
	width: 55px;
}

.enquiriesPageRow {
	border-bottom: 1px dashed #C1C1C1;
	padding: 7px 0;
}

.button.right.blue.orderenquiry {
    margin: 10px 0 0 0;
 /*   padding: 2px 5px 2px 5px;*/
}
/*********End Enquiries Page***********/

/***********Enquiries Form*************/

.enquiriesFormCol {
    width: 450px;
    float: left;
    margin: 0 24px 0 13px;
}

.enquiriesRadioWrapper {
	float: left;
	margin-bottom: 15px;
}

.enquiriesFormCol .labelRadio {
	float: none;
	width: auto;
	height: auto;
    padding-left: 2px;
}

.enquiriesFormCol .labelRadio p.radioTitle {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	margin: 0px 0 16px 11px;
	float: left;
}

.styled.orderValue {
	margin: -71px 0 0 100px;
	position: absolute;
	width: 119px;
}

.enquiriesFormCol p.title {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	margin: 7px 0 17px;
	width: 147px;
	float: left;
}

.enquiriesFormCol p.title.noMargin {
	margin: 0;
}

.enquiriesFormCol label input.styled,
.enquiriesFormCol label textarea.styled {
	margin-right: 0px;
	width: 212px;
}

.enquiriesFormCol label input.styled.dateField {
	width: 90px;
	height: 30px;
	line-height: 30px;
	margin: 0;
	/*cursor: pointer;*/
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.enquiriesFormCol .field {
    width: 303px;
    float: left;
}

.enquiriesFormCol .select {
	width: 232px;
}

.enquiriesFormCol .button.blue.left {
	margin: 10px 0 10px 147px;
}

/*********End Enquiries Form***********/

/***********Cataglogue Page************/

.catalogueSectionText {
	font-size:12px;
	margin:-12px 0px 20px 0px;	
}

.catalogueSectionText-popout {
	font-size:12px;
	margin:-12px 0px 0px -24px;	
}
.catalogueWrapper {
    padding: 15px 50px;
}

.catalogueRow {
}

.catalogueRow.productRow .productWrapper,
.catalogueSubCatRow .productWrapper {
    margin: 20px auto;
}

.catalogueSubCatRow .productWrapper {
    /*background-color: #EEE;*/
}

.catalogueSubSubSection {
    margin-top: 6px;
    padding-bottom: 10px;
}

.catalogueElement {
    width: 133px;
    /* [disabled]height: 133px; */
    margin: 9px 9px 0 0;
    /* [disabled]background-color: #7AD3F2; */
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    background-size: contain;
    -webkit-transition: opacity 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s; /*outline-width 100ms ease-in-out 0s,*/
    -moz-transition: opacity 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
    -ms-transition: opacity 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
    -o-transition: opacity 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
    transition: opacity 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
    background-position: center top;
}

.catalogueElement .catalogueSectionImage {
    height: 133px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    line-height: 133px;
    text-align: center;
    color: #FFFFFF;
}

.catalogueElement .catalogueSectionTitle {
    margin: 0px;
}

.catalogueElement .catalogueSectionTitle.productAttribute {
    height: 49px;
}

.catalogueElement.productAttribute.firstOfType {
    border-left: #FFF 1px solid;
    border-top: #FFF 1px solid;
    width: 127px;   /* Take account of extra border space */
}

.catalogueElement.productAttribute.lastOfType {
    border-right: #FFF 1px solid;
    border-bottom: #FFF 1px solid;
    width: 127px;   /* Take account of extra border space */
}

.catalogueElement.productAttribute.firstOfType.lastOfType {
    width: 126px;   /* Take double-account of extra border space! */
}

.catalogueElement.productAttribute.firstOfType .catalogueSectionTitle.productAttribute,
.catalogueElement.productAttribute.lastOfType .catalogueSectionTitle.productAttribute {
    height: 48px;   /* Take account of extra border space */
}

.catalogueElement.productAttribute.firstOfType.lastOfType .catalogueSectionTitle.productAttribute {
    height: 47px;   /* Take double-account of extra border space */
}

.catalogueRow .catalogueElement {
    outline-style: solid;
    outline-width: 0px;
}

.catalogueRow .catalogueElement.expanded {
    outline-width: 10px;
    -webkit-transition: opacity 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
    -moz-transition: opacity 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
    -ms-transition: opacity 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
    -o-transition: opacity 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
    transition: opacity 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;    /*outline-width 100ms ease-in-out 0s, */
}

.catalogueSubCatRow .catalogueElement.expanded {
    outline: #CEF4FB solid 12px;
    position: relative;
}

.catalogueSubCatRow .catalogueElement.expanded p {
    background-color: rgba(0,0,0,0.7);
}

.catalogueSubCatRow {
	width: 855px; /*691px;*/
	/*padding: 0 0 10px 10px;*/
	overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 4px;
    padding-right: 4px;
}

.catalogueSubCatRow .catalogueElement {
    width: 128px;
    /* [disabled]height: 128px; */
    margin: 10px 0px 0px 12px;	/*background-color: #FFF;*/
}

.catalogueSubCatWrapper {
	overflow: hidden;
    display: none;
    margin-left: 1px;
    margin-right: 2px;
}

.catalogueElement p {
    color: #FFF;
    padding: 10px;
    /* [disabled]margin: 80px 0 0; */
    line-height: 16px;
    height: 33px;
    text-align: center;
	background-color: rgb(101,101,101); /* Fall back color for browsers with no support for opacity eg. ie8*/
    background-color: rgba(0,0,0,0.6);
    overflow: hidden;
    -webkit-transition: background-color 150ms ease-in-out, opacity 300ms ease-in-out;
    -moz-transition: background-color 150ms ease-in-out, opacity 300ms ease-in-out;
    -ms-transition: background-color 150ms ease-in-out, opacity 300ms ease-in-out;
    -o-transition: background-color 150ms ease-in-out, opacity 300ms ease-in-out;
    transition: background-color 150ms ease-in-out, opacity 300ms ease-in-out;



}

.catalogueElement.expanded p {
    background-color: rgba(0,0,0,0.7);
}

/*.catalogueElement:hover p {
    background-color: rgba(0,0,0,0.7);
}*/

.catalogueSubCatRow .catalogueElement p {
	margin: 75px 0 0;
    background-color: rgba(0,0,0,0.5);
}

.catalogueSubCatRow .catalogueElement p.catalogueSectionTitle {
	margin: 0px;
}

.catalogueElement.product,
.catalogueElement.more {
    height: 186px;
}

.catalogueElement.product {
    position: relative;
    background-size: cover;
    outline-width: 1px;
}

.catalogueElement.product p {
    background-color: rgba(0,0,0,0.8);
    margin: 64px 0 0;
    line-height: 16px;
    height: auto; /*49px;*/
    font-style: italic;
    font-size: 11px;
}

.catalogueElement.more {
    background-color: #7AD3F2;
}

.productBox.more {
    background-color: rgba(0,0,0,0.4);
    cursor: pointer;
    -webkit-transition: background-color 300ms ease-in-out, opacity 300ms ease-in-out;
    -moz-transition: background-color 300ms ease-in-out, opacity 300ms ease-in-out;
    -ms-transition: background-color 300ms ease-in-out, opacity 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out, opacity 300ms ease-in-out;
    transition: background-color 300ms ease-in-out, opacity 300ms ease-in-out;
}

.productBox.more:hover {
    background-color: rgba(0,0,0,0.6);
    -webkit-transition: background-color 300ms ease-in-out;
    -moz-transition: background-color 300ms ease-in-out;
    -ms-transition: background-color 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
}

.productBox.more .inner {
    background-color: transparent;
}

.productBox.more p {
    color: #FFF;
    background-color: transparent;
}

.catalogueElement.more p {
    background-color: transparent; /* rgba(0,0,0,0.4);*/
    margin: 0px;
    font-size: 26px;
    vertical-align: middle;
    display: table-cell;
    height: inherit;
    width: inherit;
    padding: 0px;
    -webkit-transition: background-color 300ms ease-in-out;
    -moz-transition: background-color 300ms ease-in-out;
    -ms-transition: background-color 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
}

.catalogueElement.more:hover p {
    background-color: rgba(0,0,0,0.4);
    -webkit-transition: background-color 300ms ease-in-out;
    -moz-transition: background-color 300ms ease-in-out;
    -ms-transition: background-color 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
}

.catalogueSubCatRow .catalogueElement.product p {
    margin: 59px 0 0;   /* Sub Cat Elements are 5px smaller than main ones */
}

.catalogueElement.product p.description {
    display: none;
}

.catalogueElement.product p.price {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: rgba(9,175,230,0.6);
    color: #FFF;
    height: 16px;
    margin: 0px;
    border-bottom-left-radius: 5px;
    font-weight: bold;
}

.catalogueElement.product p.moreinfo {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(9,175,230,0.2);
    color: #FFF;
    /*height: 16px;*/
    margin: 0px;
    border-bottom-right-radius: 5px;
    font-weight: bold;
    font-style: italic;
    height: 10px;
    line-height: 10px;
    padding: 6px;
    display: none;
    -webkit-transition: background-color 300ms ease-in-out;
    -moz-transition: background-color 300ms ease-in-out;
    -ms-transition: background-color 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
}

.catalogueElement.product p.moreinfo:hover {
    background-color: rgba(9,175,230,0.6);
    -webkit-transition: background-color 300ms ease-in-out;
    -moz-transition: background-color 300ms ease-in-out;
    -ms-transition: background-color 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
}

.catalogueElement.new {
    opacity: 0;
}

/*********End Cataglogue Page**********/


/*************Lists Page***************/

.listWrapper {
    padding: 9px;
    margin: 0px auto 8px 20px;
    background-image: url(images/box_gradient_bg_2.png);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-color: #DDD;
    border-top: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #9A9A9A;
    border-bottom: 1px solid #9A9A9A;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.listWrapper, .listGroupWrapper {
    -webkit-transition: border-color 300ms ease-in-out, border-width 300ms ease-in-out, opacity 300ms ease-in-out;
    -moz-transition: border-color 300ms ease-in-out, border-width 300ms ease-in-out, opacity 300ms ease-in-out;
    -ms-transition: border-color 300ms ease-in-out, border-width 300ms ease-in-out, opacity 300ms ease-in-out;
    -o-transition: border-color 300ms ease-in-out, border-width 300ms ease-in-out, opacity 300ms ease-in-out;
    transition: border-color 300ms ease-in-out, border-width 300ms ease-in-out, opacity 300ms ease-in-out;
}

.listWrapper:hover, .listGroupWrapper a:focus .listWrapper {
    background-image: url(images/box_gradient_bg.png);
}

.listWrapper.active {
    background-image: url(images/box_gradient_bg.png);
    border: 2px solid #21A0D4;
}

.listWrapper.off, .listGroupWrapper.off {
	opacity: 0.4;
}

.listWrapper input.styled {
	height: 31px;
}

.listWrapper input.styled.left.listName {
	width: 169px;
	font-weight: bold;
}

.listCount {
	float: left;
	width: 23px;
	height: 23px;
	margin: 5px 59px 0 0;
	-webkit-border-radius: 12px;
	-moz-border-radius   : 12px;
	-o-border-radius     : 12px;
	-ms-border-radius    : 12px;
	border-radius        : 12px;
}

.listCount p {
	color: #FFF;
	width: 23px;
	height: 23px;
	line-height: 23px;
	text-align: center;
}

.listWrapper input.styled.left.listDesc {
	width: 284px;
}

.listWrapper .select {
	width: 119px;
	float: left;
	margin-right: 8px;
}

.listWrapper .button.left.blue.save,.listWrapper .button.left.blue.cancel {
	height: 30px;
	margin-left: 25px;
}

.listWrapper .button.left.blue.cancel {
	background-color:#EFEFEF;	
}

.listWrapper .button.left.blue.save p,.listWrapper .button.left.blue.cancel p {
	height: 30px;
	line-height: 30px;
}

.listWrapper p.listName {
	float: left;
	font-weight: bold;
	width: 169px;
	height: 33px;
	line-height: 33px;
	padding: 0 19px 0 10px;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    color: #000;
}

.listWrapper p.listDesc {
	float: left;
	width: 284px;
	height: 33px;
	line-height: 33px;
	padding: 0 19px 0 10px;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666666;
	display:none;
}

.listWrapper p.costCentre {
    float: left; 
    /* [disabled]width: 234px; */
    height: 33px;
    line-height: 33px;
    padding: 0 10px;
    font-size: 11px;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.select.delAdd p {
  font-size: 9px;
  padding: 0 0 0 7px;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  height: 30px;
  line-height: 30px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*
<div class="listWrapper off">
	<p class="favourites">Wish List 1</p>
	<div class="listCount"><p>8</p></div>
	<p class="desc">Lorem ipsum dolor sit amet, consectetuer adipiscin</p>
	<p class="typeTown">Cost Centre: Harrow</p>
	<div class="button left blue save">
		<p>Save</p>
	</div>
	<div style="clear:both;"></div>
</div>
*/

.listGroupWrapper {
    margin-top: 6px;
}

.listGroupWrapper h2 {
    padding: 6px !important;
}

.button.list{
    /* [disabled]width: 80px; */
    height: 36px;
    margin: 0 0 0 10px;
}

.button.list p {
	line-height: 36px;
	padding: 0 14px;
}

.listPageContainer {
	padding: 0;
}

.listPageContainer h2 {
    font-family: 'Jura', sans-serif;
    color: #13316D;
    font-size: 14px;
    font-weight: 600;
    height: 32px;
    line-height: 38px;
    margin: 0;
    padding: 0 0 0 5px;
}

.listPageContainer {
    float: none;
    line-height: 32px;
    padding: 0 11px 0 11px;
}

.listHeader {
	padding: 6px;
	background-image: url(images/lists_header_bg.png);
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 8px -11px;
	width: 968px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.editButtons {
    /* [disabled]width: 39px; */
    /* [disabled]height: 14px; */
    float: right;
    margin: 3px 3px 0 0;
}

.editButtons .imageButton {
    margin-left: 4px;
}

.editButtons button {
    padding: 0px;
}

.button.delete {
	width: 14px;
	height: 14px;
	background-image: url(images/btn_del_bg.png);
	background-color: transparent;
	border: 0;
	margin: 0 0px 0 10px;
}

.button.edit {
	width: 12px;
	height: 12px;
	background-image: url(images/btn_edit_bg.png);
	background-color: transparent;
	border: 0;
	margin: 2px 0px 0 0;
}


/***********End Lists Page*************/

.productFeaturesWrapper {
    margin-bottom: 0px; /*16px;*/
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border: solid 2px #09AFE6;
    border-radius: 3px;
    padding: 0px 11px;
    background-color: #FCFCFC;
    -webkit-transition: border-color 200ms ease-in-out;
    -moz-transition: border-color 200ms ease-in-out;
    -ms-transition: border-color 200ms ease-in-out;
    -o-transition: border-color 200ms ease-in-out;
    transition: border-color 200ms ease-in-out;       
}

.productFeaturesWrapper .expanderLabel {
    margin-bottom: 6px;
    background-image:url(images/balloon_arrow_down.png);
    height: 18px;
    width: 37px;
    padding: 0px;
    position: relative;
    float: left;
    top: 2px;
    left: 50%;
    margin-left: -18px;    
}

.productFeaturesHeader {
    position: relative;   
}

.productFeaturesHeader .ClickMe {
    color: #FFF;
    position: absolute;
    left: 0px;
    right: 0px;
    text-align: center;   
    top: 0px;
    bottom: 0px;
    line-height: 38px;
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    -webkit-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    -moz-transition: opacity 300ms ease;
    -ms-transition: opacity 300ms ease;      
    transition: opacity 300ms ease;     
}

.productFeaturesHeader.expanded .ClickMe {
    opacity: 1;   
}

.productFeatureGroupsWrapper {
    margin-bottom: 11px;   
}

.productFeatureGroup {
    border: solid #BBB 1px;
    margin: 6px 0px;
    width: 100%;
    font-size: 11px;
    background-color: #FFF;
}

.productFeatureGroup th {
    text-align: left;
    min-width: 180px;
    padding-left: 12px;
}

.productFeatureGroupHeader.all {
    font-weight: bold;
}

.productFeaturesHeader, .productFeatureGroupHeader {
    background-image: url(images/refine_search_arrow.png);
    background-position: 98% center;
    background-repeat: no-repeat;
}

.productFeaturesHeader.expanded, .productFeatureGroupHeader.expanded	 {
    background-image: url(images/refine_search_arrow_up.png);
}

.hr.productBottom {
    margin-top: 16px;   
}
/*********End Cataglogue Page**********/

.quickAddPopupWrapper {
	overflow: visible;
	outline: none;
	z-index: 100001;
}

.quickAddPopupWrapper .jspVerticalBar {
	width: 8px;
}

.quickAddPopupWrapper .jspTrack {
	background-image: none;
}

.quickAddPopupWrapper .jspDrag {
	background-image: url(images/scroll_thumb_blue.png);
}

.errorMessageText {
	color: #CE0000;
	font-size: small;
 	font-weight: bold;
	/* padding: 40px 0 0 105px; */
    padding: 10px 0 0 105px;
}


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

.addToListWrapper .addToListMessage, 
.addToListWrapper .addToListMessage p {
    margin: 0px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}

.squareBullet {
    display: inline;
    height: 6px;
    width: 6px;
    background-color: #09AFE6;
    /* [disabled]min-height: 6px; */
    /* [disabled]min-width: 6px; */
    float: left;
    margin-top: 5px;
    margin-right: 14px;
}

.searchResults.noResults {
    background-color: #EEE;
    padding: 11px;
    margin-top: 14px;
    margin-bottom: 6px;
    border-radius: 5px;
}

.mainMessage {
    font-size: 14px;
}

ul.tips {
    font-size: 13px;
}
.extraLineField {
    padding-bottom: 6px;
    height: 30px;
}

.extraLineField .fieldTitle {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    float: right;
    height: 30px;
    /* [disabled]width: 250px; */
    line-height: 30px;
    /* [disabled]min-width: 250px; */
    padding-right: 10px;
}

.extraLineField .field {
    font-size: 13px;
    text-align: left;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-left: 125px;
}

.pointLeft {
    width: 18px;
    height: 37px;
    background-color: #09AFE9;
    background-image: url(images/balloon_arrow_left.png);
    float: left;
}

.basketMessageWrapper {
	margin: 112px 0 0 0;
	/*display:none;*/ /* Temp to hide message whilst in dev mode */
    position: absolute;
    right: 17px;
}

.basketMessage {
    float: left;
    /* width: 254px; */ /* Width when the notification number box is displayed */
    width: 300px;
    height: 37px;
    border: 1px solid #83D7F2;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    -o-border-radius     : 3px;
    -ms-border-radius    : 3px;
    border-radius        : 3px;
    /* [disabled]visibility: hidden; */
    opacity: 0;
}

.basketMessageWrapper.notificationsAvailable .basketMessage {
    width: 254px;
}

.basketMessage p, .basketNotificationNum p {
	height: 37px;
	line-height: 37px;
	font-style: italic;
	font-weight: bold;
	color: #FFF;
	font-size: 12px;
}

.basketMessage p {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.basketNotificationNum {
    display: none;
    float: left;
    margin: 0 0 0 9px;
    width: 37px;
    height: 37px;
    border: 1px solid #FF9E9E;
    background-color: #FF3333;
    box-shadow: 0px 0px 9px rgba(255,255,255,0.78);
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    -o-border-radius     : 3px;
    -ms-border-radius    : 3px;
    border-radius        : 3px;
    cursor: pointer;
}

.basketMessageWrapper.notificationsAvailable .basketNotificationNum {
    display: block;
}

.basketNotificationNum p {
	text-align: center;
}

.icon {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #209DD0;
	width: 29px;
	height: 29px;
}

.icon.alert {
	background-image: url(images/icon_alert.png);
}

.quickAddPopupWrapper.authorise {
    background-color: #FFF;
    background-image: url(images/popup_header_bg.png);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    padding: 0px;
    width: 670px;
    margin-left: -335px;
}

.popupHeader .icon {
	float: left;
}

.popupHeader .deleteBtn {
	margin: 6px 6px 0 18px;
}

.popupHeader {
    height: 31px;
    overflow: hidden;
    padding-bottom: 12px;
    padding-left: 13px;
    padding-right: 6px;
    padding-top: 12px;
}

.popupHeader p.title {
	padding: 0 0 0 12px;
	font-weight: bold;
	color: #000;
	font-size: 13px;
	height: 29px;
	line-height: 29px;
	float: left;
}

.authoriseHeader {
	background-color: #E4E4E4;
	height: 36px;
}

.authoriseCol {
	float: left;
	height: 36px;
	width: 65px;
	line-height: 36px;
	padding: 0;
}

.authoriseRow {
	border-bottom: 1px dotted #C1C1C1;
}

.authoriseTextRow {
	padding: 0 60px 0 10px;
	color: #CE4480;
} 

.authoriseCol.basketID {
	width: 65px;
	padding-left: 8px;
}

.authoriseCol.basketName {
    width: 114px;
}

.authoriseCol.orderType {
	width: 84px;
}

.authoriseCol.orderReference {
    width: 114px;
}

.authoriseCol.creationDate {
    width: 134px;
}

.authoriseCol.deliveryDate {
	width: 98px;
}

.authoriseCol.authorisor {
	width: 90px;
}

.authoriseCol.orderLines {
    width: 55px;
}

.authoriseCol.value {
    width: 69px;
}

.authoriseCol.orderStatus {
    width: 70px;
}

.authoriseCol.yesNo {
	width: 64px;
    text-align: center;
    vertical-align: middle;
}

.authoriseCol.yesNo .imageButton {
    display: inline-block;
    float: none;
}

.authoriseCol p {
	height: 36px;
	line-height: 36px;
	color: #000;
	text-align: center;
}

.withOtherAuth .authoriseCol p {
    color: #AAA;   
}

/*
.withOtherAuth {
    opacity: 0.7;   
}
*/

.authoriseCol.value p {
    /* [disabled]text-align: right; */
}

.authoriseHeader .authoriseCol p {
	color: #747474;
}

.authoriseCol p a {
	color: #09AFE6;
}

.authoriseCol p a:hover {
	text-decoration: underline;
}

.authoriseCol.orderStatus p[rejected] {
    color: #E73A3A;
    font-weight: bold;
}

.rejectWrapper {
	padding: 0px 8px;
	height: 0px;
	overflow: hidden;
	background-color: #FFFFAE;
}

.rejectWrapper p.notes {
	font-weight: bold;
	font-size: 12px;
	color: #000;
	margin: 0 0 8px;
}

.rejectWrapper textarea.notes {
    font-weight: bold;
    font-size: 12px;
    color: #000;
    margin: 0 0 8px;
    background-color: #FFFFEF;
    background-image: url(images/textarea_reject_notes_bg.png);
    background-position: 0px 0px;
    background-repeat: repeat-x;
    height: 58px;
    width: 535px;
    padding: 5px 10px;
    line-height: 1.3;
    float: left;
    display: block;
    border: 1px solid #D7D7D7;
    resize: none;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    -o-border-radius     : 3px;
    -ms-border-radius    : 3px;
    border-radius        : 3px;
}

.rejectWrapper .button {
	width: 77px;
	float: left;
	margin: 0 0 5px 13px;
}

.labelCheckbox {
	padding: 13px 0 0 13px;
	font-weight: bold;
	color: #000;
}

.yesNoBtn {
	width: 32px;
	height: 44px;
	float: left;
	cursor: pointer;
	background-image: url(images/yes_no_sprite.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	-webkit-transition: opacity .2s;
	-moz-transition   : opacity .2s;
	-o-transition     : opacity .2s;
	-ms-transition    : opacity .2s;
	transition        : opacity .2s;
}

.yesNoBtn.disabled {
    background-image: url(images/yes_no_sprite_disabled.png);   
}

.yesNoBtn:hover {
	opacity: 0.7;
}

.yesNoBtn.no {
	background-position: right 8px;
    float: right;
}

.reopenBtn {
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    background-color: #09AFE6;
    background-image: url(images/reopen_btn_bg.png);
    background-repeat: no-repeat;
    background-position: top;
}

.reopenBtn:hover {
    background-position: bottom;
}

/****** authorise popup ******/
.formContainer {
    background-color: #F0F0F0;
    border-radius: 5px;
}
.selectWrapper {
    float: left;
    width: 200px;

}

form#AJAXStateStorage {
    display: none;
}

.resultsLoading {
   /* background-image: url(images/ajax-loader-big.gif);*/
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    /*display: none;*/
}

.WeAreBusy {
    text-align: center;
    margin-top: 20px;
    letter-spacing: 1px;    
}

ul.refine li.refineMore {
    font-style:italic;
}

.passText {
    background-color: #FDFD9E;
    text-align: center;
    color: #067aa1;
    font-weight: bold;
    padding: 14px;
    background-image:url(images/page-curl-th.png);
    background-position: right top;
    background-repeat: no-repeat;
    /*
    background-color: #FAFAFA;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    padding: 10px;
    z-index: 100001;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
    text-align: center;
    color: #09AFE6;
    font-weight: bold;
    */
}

.printerPicture {
    background-image:url(images/multifunction-printer.png);
    background-repeat:no-repeat;
    height:162px;
    width:179px;
    opacity: 0.5;
}

#frmInkAndToner .enquiriesFormCol .printerPicture {
    margin: 20px auto;
    margin-bottom: 0px;
}

/*******************************/
/*             INK             */
/*******************************/

.inkPageContainer {
    padding: 11px;    
}

.inkCol.right {
	float: right;
	width: 358px;
}

.printerSelect {
	width: 332px;
	padding: 13px;
	border: 1px solid #CCC;
	margin-bottom: 13px;
}

.inkCol.right .select {
	width: 332px;
	margin: 0 0 13px;
	height: 41px;
}

.inkCol.right .select .selectedOption, .inkCol.right .select .selectedOption p {
	height: 39px;
	line-height: 39px;
}

.inkCol.right .select .selectedOption .selectButton {
	background-position: center 5px;
}

.inkCol.right .select.open .selectedOption .selectButton {
	background-position: center -25px;
}

.inkCol.right .select .option, .inkCol.right .select .option p {
	height: 39px;
	line-height: 39px;
}

.select.highlight .selectedOption {
	border-width: 4px;
	border-color: #09A3D6 #09AFE6 #09AFE6 #09A3D6;
}

.button.findCartridges, .button.findCartridges p {
	height: 42px;
	line-height: 42px;
	font-size: 13px;
    width: 100%;
}

.arrowLabel {
	background-image: url(images/arrow_label_bg.png);
	width: 110px;
	height: 41px;
	margin-right: 10px;
}

.arrowLabel p {
	width: 110px;
	height: 41px;
	line-height: 41px;
	color: #FFF;
	text-indent: 23px;
	white-space: nowrap;
}

.inkCol.left {
	float: left;
}

.inkCol.left .arrowLabel {
	float: left;
}

.inkCol.left input.styled {
	float: left;
	height: 41px;
	line-height: 41px;
	width: 415px;
	margin-bottom: 33px;
}

.printerBrandsContainer {
    float:left;   
}

.printerBrandsWrapper {
    float: left;
    width: 441px;
    height: 430px;
    overflow-y: hidden;
}

.printerBrandsExpander {
    padding: 12px 0px;   
}

/*.printerBrandsExpander */
.expanderLabel {
    width: 437px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    text-align: center;
    color: #FFF;
    background-color: #09AFE6;
    height: 30px;
    background-image: url('images/brand_gallery_expand.png');
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transition: background-color 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out;
    -ms-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;    
}

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

ul.printerBrands li {
    list-style: none;
    float: left;
    margin: 0 5px 5px;
    padding-top: 3px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    width: 127px;
    height: 72px;
    border: 2px solid #F7F7F7;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    -o-border-radius     : 3px;
    -ms-border-radius    : 3px;
    border-radius        : 3px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    opacity: 0.2;
    text-align: center;
    line-height: 72px;
    font-size: 16px;
    font-weight: bold;
    background-size: contain;
}

ul.printerBrands li p {
    background-repeat: no-repeat;
    background-position: center;
    cursor: inherit;
    text-align: center;
    line-height: 72px;
    font-size: 16px;
    font-weight: bold;
    background-size: contain;
    height: 72px;
}

ul.printerBrands li.on {
	opacity: 1;
}

.printerSlideWrapper {
    background-image: url(../storage/images/printer_1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.printerBrandOverlay {
    width: 110px;
    height: 76px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
}


/* Theme ****** */

.themeConfigContainer .arrowLabel {
    float: left;
    margin-right: 16px;
    margin-bottom: 16px;
}

.themeConfigCol {
    float:left;
    padding-bottom: 13px;
}

.themeConfigCol table {
    border-style:none;
    text-align: center;
    width: 100%; 
    font-size:12px;   
}

.themeConfigCol table th {
    text-align: left;   
}

.themeConfigCol table td {
    text-align: left;
}

.themeConfigCol table th, .themeConfigCol table td {
    padding: 4px;   
    vertical-align: middle;
}

.themeConfigCol .colourPicker {
    float: left;
    margin-right: 12px;
}

.colourSwab {
    width:60px; 
    height: 50px; 
    border: inset 1px    
}

.themeConfigContainer .controls {
    margin-left: auto;
    margin-right: auto; 
    margin-top: 20px;
    margin-bottom: 26px; 
    width: 400px;
    text-align: center; 
}

.themeConfigContainer .controls .button {
    width: 160px;  
    display: inline-block;
}

.button.big {
    height: 40px;
    font-size: 14px; 
}

.button.big p {
    line-height: 40px;
    height: 40px;
    font-size: 14px;   
}

.button.big.green p {
    color: white;   
}

.themeConfigCol .button.remove {
    float: right;   
}

.sizeMessage.smallThemeUploadImage {
	color:#FFF;	
	background-color:rgba(0,153,0,1);
	margin:5px 5px 5px 34px;
	padding:2px;
}
.sizeMessage.mediumThemeUploadImage {
	color:#000;	
	background-color:rgba(255,204,51,1);
	margin:5px 5px 5px 34px;
	padding:2px;
}
.sizeMessage.largeThemeUploadImage {
	color:#FFF;	
	background-color: rgba(255,0,0,1);
	margin:5px 5px 5px 34px;
	padding:2px;
}
.sizeMessage.hugeThemeUploadImage {
	color:#FFF;	
	background-color: rgba(0,0,0,1);
	margin:5px 5px 5px 34px;
	padding:2px;
}



.printIconText,
.addBtnText {
    float: right;  
    line-height: 40px;
    padding: 0 10px 0 11px;
    font-family: 'Jura', sans-serif;
    color: #13316D;
    font-size: 14px;
    font-weight: 600;
    height: 32px;
    margin: 0;   
    cursor: pointer;
}

.note {
    background-color: #FAFFB1;
    border-radius: 5px;
    text-align: center;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.link {
    color:inherit;
    text-decoration:none;     
}

.link:hover {
    color:#09AFE6;
    text-decoration:underline;   
}

.transparent {
    opacity: 0;   
}

.largeHoverImage {
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-opacity: 0;       
    position: fixed;
    z-index: 2;
    width: 400px;
    height: 400px;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -100px;
    background-color: #FFF;
    box-shadow: rgba(0,0,0,0.50) 2px 2px 14px;
    text-align: center;
    vertical-align: middle;
    line-height: 400px;
    -webkit-transition: visibility 0ms 400ms, opacity 300ms ease-in-out 100ms;
    -o-transition: visibility 0ms 400ms, opacity 300ms ease-in-out 100ms;
    transition: visibility 0ms 400ms, opacity 300ms ease-in-out 100ms;
    overflow: hidden;
}

.largeHoverImage.withDescription {
    height: 440px;
    -webkit-transition: height 300ms ease-in-out, visibility 0ms 400ms, opacity 300ms ease-in-out 100ms;
    -o-transition: height 300ms ease-in-out, visibility 0ms 400ms, opacity 300ms ease-in-out 100ms;
    transition: height 300ms ease-in-out, visibility 0ms 400ms, opacity 300ms ease-in-out 100ms;      
}

.largeHoverImage img {
    height: auto;
    width: auto;
    max-height: 400px;
    max-width: 400px;
    vertical-align: middle;    
}

.largeHoverImage p {
    font-size: 12px;
    font-weight: bold;   
}

.largeHoverImage.off {
    display: none;    
}

.largeHoverImage.on {
    visibility: visible;
    opacity: 1;
    -webkit-opacity: 1;   
    -webkit-transition: opacity 300ms ease-in-out 100ms, height 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out 100ms, height 300ms ease-in-out;
    transition: opacity 300ms ease-in-out 100ms, height 300ms ease-in-out;     
}

/* --- JQuery UI Elements --- */

    .ui-tooltip {
        padding: 10px 20px;
        color: #FFF;
        border-radius: 10px;
        font: bold 12px "Helvetica Neue", Sans-Serif;
        /*text-transform: uppercase;*/
        box-shadow: 0 0 7px black;
    }
    
    .ui-tooltip, .ui-tooltip .arrow1:after {
        background-color: #09AFE6;
        background-image: none;
        border: 2px solid white;
    }  
    
    .ui-tooltip.fieldValidationError, .ui-tooltip.fieldValidationError .arrow1:after {
        color: #CE0000;
        background-color: #FFB0B0 !important;
        border: 2px solid #CE0000 !important;
    }
    
    .ui-tooltip .arrow1 {
        width: 70px;
        height: 16px;
        overflow: hidden;
        position: absolute;
        left: 50%;
        margin-left: -35px;
        bottom: -16px;
    }
    
    .ui-tooltip .arrow1.top {
        top: -16px;
        bottom: auto;
    }
    
    .ui-tooltip .arrow1.left {
        left: 20%;
    }
    
    .ui-tooltip .arrow1:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        tranform: rotate(45deg);
    }
    
    .ui-tooltip .arrow1.top:after {
        bottom: -20px;
        top: auto;
    }
/* --- JQuery UI Elements ---*/

/* --- Address Book Page --- */
    .addressBookWrapper {
        background-color: #EEEEEE;
        padding: 28px;
        margin-top: 20px;
        margin-bottom: 20px;
        border-radius: 4px;
    }
    
    #frmAddressBookEntry .field {
        padding-top: 5px;
        padding-bottom: 5px;   
    }
    
    #frmAddressBookEntry .field label {
        width: 160px;
        display: inline-block;        
        font-size: 13px;
        font-weight: bold; 
    }
    
    #frmAddressBookEntry .field input {
        width: 260px;   
    }
    
    #frmAddressBookEntry .controls {
        padding-top: 20px;
        /*padding-bottom: 20px;*/
        padding-left: 160px;   
    }
    
    button, button.button {
        height: 38px;   
        min-width: 80px;
    }
    
    .imageButton {
        background-color: transparent;
        min-width: 0px;  
        cursor: pointer; 
        border: none;
    }
    
    .deliveryBox {
        position: relative;   
    }    
    
    .deliveryBox .imageButton.editAddress {
        position: absolute;
        top: 10px;
        right: 10px;   
    }
    
    .deliveryBox.Add {
        background-image: url(images/add_card_3.png);
        background-color: #eeeeee;           
    }        
    
    .deliveryBox.Add:hover {
        background-color: #09AFE6;           
    }            
/* --- End of Address Book Page --- */

/* --- Side tab link --- */
    .rotate {
        color:white;
        
         -moz-transform: rotate(90.0deg);  /* FF3.5+ */
           -o-transform: rotate(90.0deg);  /* Opera 10.5 */
      -webkit-transform: rotate(90.0deg);  /* Saf3.1+, Chrome */
                 filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
             -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */	   
          -ms-transform: rotate(90.0deg); /*ie9*/
          transform: rotate(90.0deg); /* all others inc ie11*/
          display:none;
    
    }
    
    .displayOn {
        display:block;
    }
    
    #sideTabLink {
        position: fixed;
        right: -43px;
        top: 7%;
        display: false;
        width: 95px;
        height: 25px;
        line-height: 30px;
        text-align: center;
        background: #013466;
        padding: 5px 0px 5px 2px;
        border: 2px solid white;
        border-top: none;
        -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
        -moz-border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
    }
    
    #sideTabLinkDescription {
        font-weight: bold;
        color: white !important;
        white-space: nowrap;
        text-decoration: none !important;
        font-family: arial, FreeSans, Helvetica, sans-serif;
        font-size: 12px;
        letter-spacing: 0.11em;
    }

/* --- End of side-tab links --- */

/* --- B2B inspired site improvements --- */
    .productBox.large p.price {
        font-size: 16px;   
    }
/* --- End of B2B inspired site improvements --- */ 

    #videoPlayer {
        position: fixed;
        top:50%;
        margin-top: -300px;
        left: 50%;
        margin-left:-300px;
        width: 600px;
        height: 400px; 
        z-index: 1; 
        box-shadow: 0px 0px 60px 4px rgba(0,0,0,0.7); 
        background-color: #000;
    }
    
    #videoPlayer .player {
        width: 100%;
        height: 100%;   
    }
    
    #videoPlayer .controls {
        position: absolute;
        top: -38px;
        right: -38px;
        border-radius: 20px 20px 20px 0px;
        box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.7);
        font-size: 0px;
        background-color: #FFF;
        padding: 2px;
        z-index: 2;
    }
    
    #videoPlayer .controls button.close {
        width: 40px;
        height: 40px;
        background-image: url(images/close-icon.png);  
        position: relative; 
    }
    
    #videoPlayer .controls button.close .inner {
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 0px;
        background-image: url(images/close-icon_hover.png);
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: opacity .5s;
        -moz-transition: opacity .5s;
        -o-transition: opacity .5s;
        -ms-transition: opacity .5s;
        transition: opacity .5s;        
    }
    
    #videoPlayer .controls button.close:hover .inner {
        opacity: 1; 
        filter: none;
        -webkit-transition: opacity .2s;
        -moz-transition: opacity .2s;
        -o-transition: opacity .2s;
        -ms-transition: opacity .2s;
        transition: opacity .2s;                
    }
    
    .copySelectedItems {
        vertical-align: bottom;  
        margin-left: 20px;
    }
    
    .copySelectedItems .button {
        height: 30px;
        margin-left: -3px;   
    }
    
    .deselectSelectedItems {
        margin-left: 10px;   
        vertical-align: bottom;
    }
    
    .deselectSelectedItems .button {
        background-image: url(images/selected_tag.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #EAEAEA;        
    }
    
    .formControls table {
        font-size: 13px;
    }
    
    .formControls table th,
    .formControls table td {
        line-height: 32px;    
        padding: 0px 6px;           
    }
    
.emailForm textarea {
    font-family: inherit;
    height: 80px;   
}
    
.clear {
    clear: both;   
}
    
section.userDetails {
    position: absolute;
    top: 100%;
    right: 0px;
    background-color: #FFF;
    border-radius: 5px;
    padding: 10px 0px;   
    font-size: 13px;
    font-weight: normal;
    text-align: left;        
    border-style: solid;
    border-width: 4px;
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.6);
    color: #000;
}

section.userDetails .enquiriesFormCol {
    width: 300px;       
}

section.userDetails p.title {
    margin-bottom: 10px;   
}

div.data {
    font-weight: normal;
    float: left; 
    min-width: 150px;
    margin: 7px 0px 17px;
}

/* --- Search Section Selection --- */
#forProductKeywordsSection, select.search {
    display: none;    
}

.withSections #forProductKeywordsSection, .withSections select.search {
    width: 120px !important;
    height: 36px;
    float: left;   
    border: none; 
    z-index: 100003;
    position: relative;  
    font-size: 12px;          
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;   
    display: block; 
}

.withSections #forProductKeywordsSection.open {
    z-index: 100102;
}

select.search {
    padding-left: 6px;
    padding-right: 20px;   
    height: 38px;
    border-width: 1px;
    border-color: #DFDFDF #B3B3B3 #B3B3B3 #DFDFDF;
}

#headerSearchWrapper.withSections #forProductKeywordsSection {
    position:absolute;   
}

.withSections #forProductKeywordsSection:hover {
    width: 226px !important;   
}

.withSections #forProductKeywordsSection .selectedOption,
.withSections #forProductKeywordsSection .selectButton,
.withSections #forProductKeywordsSection p {
    height: 36px !important;   
    line-height: 36px !important;
    font-size: 12px;    
}

.withSections #forProductKeywordsSection .selectedOption, select.search {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;   
}

.withSections input.styled.search {
    width: 242px; 
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.withSections #forProductKeywordsSection .selectButton {
    background-position: center -10%;   
}

.withSections #forProductKeywordsSection.open .selectButton {
    background-position: center 115%;   
}
/* --- */

.productBox .carwebDetails {
    font-size: 11px;
    margin: 14px 0px 0px 120px; 
    color: #666;
}

.productBox .carwebDetails[data-carweb-details-available="no"] {
    display: none;
}

.productBox .carwebDetails table {
    border: solid 1px #DFDFDF;
    padding: 6px 0px;
}

.productBox .carwebDetails table td {
    border: none;
    padding: 2px 8px;
    vertical-align: top;
    border-left: solid 1px #DFDFDF;
}

.productBox .carwebDetails table td:empty {
    display: none;
}

.productBox .carwebDetails table td:first-child,
.productBox .carwebDetails table td:empty + td {
    border-left: none;
}

.productBox .carwebDetails table td:not(:empty) + td:empty + td {
    border-left: solid 1px #DFDFDF;
}

#searchResultsContainer #controlsBox {
    text-align: center;
}

#searchResultsContainer #controlsBox .control {
    display: inline-block;
}

.backToTop {
    opacity: 0;
    width: 0px;
    height: 0px;
    border-radius: 15px;
    background-image: url(images/refine_search_arrow_up.png);
    background-repeat: no-repeat;
    background-position: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;      
}

body.afterPageFold .backToTop {
    opacity: 1;
    width: 30px;
    height: 30px;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
}

body.afterPageFold .backToTop:hover {
    height: 32px;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;      
    transition: all .1s ease;   
}