/* Intellisell Site.css version 3.2.1 */
/* Page Layout */

html,body
{
	height:100%;
	cursor:default;
	display: block;
	padding: 0;
	margin: 0;
	font-family: Calibri;
    font-size: 14px;
    width:100%;
}

body
{
    background-color: #fff;
}


#container {
    position: relative;
    margin: 0 auto;
    padding: 0;
     min-width: 1000px;
	min-height: 100%;
	margin-bottom:-180px; /* added for sticky */
}

#header
{
    color: #444;
    background-color: #fff;
    width: 100%;
    height: 80px;
    /*position: relative;*/
}

.no-js
{
	display:none;
}

input, textarea, select, button{
	    font-family: Calibri;
     font-size: 14px;
}

input[type="text"] {
    border: 1px solid #231f20;
    font-family: Calibri;
    font-size: 14px;
    height:20px;
    text-indent: 4px;
}



select{
    border-color:#231f20;
    color: #231f20;

}

/*select#level1 {
    width: 140px;
}

select#level2 {
    width: 108px;
}

select#level3 {
    width: 127px;
}

select#level4 {
    width: 120px;
}*/

input[type="radio"] {
  margin: 6px 2px 0px 2px;
}

:focus
{
	outline:0;
}

input[type=submit]
{
	cursor:pointer;
}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

label.error
{
	margin-left:5px;
	color:Red;
}
.field-validation-error {
    margin-left:5px;
	color:Red;
    float: left;
}
textarea
{

}

#textBanner {
	display:none;
    /*height: 40px;
    padding: 5px;
    text-align: center;
    border: 1px solid #000;
    margin: 20px 4px 0px 20px;
    color:#ef0f0f;*/
}

#Menu {
    color: #fff;
    background-color: #231f20;
    width: 100%;
    height: 50px;
    position: relative;
}


.homeProducts {
    display: none;
}

 #contentContainer, #logonContainer, #toolbarContainer {
    position: relative;
    width: 960px;
    margin: 0 auto;
}

 #footerContainer, #headerContainer, #menuContainer {
	  position: relative;
    min-width: 960px;
    margin: 0 auto;
}

#footerContainer {
	padding: 0 10px;
}

#content {
    color: #231f20;
    padding-bottom: 65px;
 
    margin: 0 auto;
}

#page
{
	position:relative;
}

.contactContainer {
    width: 100px;
    float: left;
    line-height: 34px;
    padding-left: 8px;
}
.contactContainer a {
	color:#fff;
}

#borderLeft
{
	background:url(/Images/SideShadow.png) repeat-y;
	width:9px;
	position:absolute;
	left:-10px;
	top:0;
	bottom:0;
	border-right:1px solid #000;
}

#borderRight
{
	background:url(/Images/SideShadow.png) repeat-y -9px 0;
	width:9px;
	position:absolute;
	right:-10px;
	top:0;
	bottom:0;
	border-left:1px solid #000;
}

#ToolbarShadow
{
	background:url(/Images/DropShadow.png) repeat-x;
	width:100%;
	height:8px;
	position:absolute;
	top:0;
	left:0;
}

#SinglePane
{
	padding-top:10px;
	margin:0 10px;
}

#DoublePaneLeft
{
	    width: 240px;
    padding: 13px 0 0 0px;
    float:left;
}

#DoublePaneRight
{
    position: relative;
    width: 700px;
    float: right;
}

#treeContainer
{

	width:100%;
}

#treeContainerFooter
{

	width:100%;
	height:25px;
}

.clear
{
	clear:both;
}

.hidden
{
    display:none;
}

/* Site Theme */
h1
{
	margin:0;
	padding: 10px 0 10px 0;
	color:#231f20;
	font-weight:300;
	font-size:16px;
	text-decoration:none;
	text-transform: uppercase;

}

h2,h2 a
{
	margin:0;
	padding: 10px 0 10px 0;
	color:#231f20;
	font-weight:300;
	font-size:15px;
	text-decoration:none;
	text-transform: uppercase;
	/* text-shadow:1px 1px 2px #bbb; */
}

.policyh2
{
	padding-top:20px;
}

.policyh2small
{
	padding-top:14px;
	padding-bottom:14px;
	font-size:14px;
}

h3,h3 a
{
	margin:0;
	padding: 10px 0 10px 0;
	color:#231f20;
	font-weight:300;
	text-decoration:none;
	text-transform: uppercase;
	/* text-shadow:1px 1px 2px #bbb; */
}

h3 a:hover,h2 a:hover
{
	text-decoration:underline;
}

a
{
	color:#231f20;
	text-decoration:none;
}

.PageHeaderContainer
{
	margin:10px 0 20px;
}



#headerAccountControls a
{
	    color: #fff;
    text-decoration: none;
}

#headerAccountControls a:hover
{
	text-decoration:underline;
}

#headerAccountControls span
{
	color:#fff;
	text-decoration:none;
	/*font-weight:700;*/	
}

#dynamicCatalogueOverrideContainer
{
	position:absolute;
    right:10px;
    bottom:5px;
}

#toolbar
{
  color: #231f20;
    background-color: #ededf1;
    width: 100%;
    height: 35px;
    position: relative;
}

#content
{
    color: #231f20;
}



#footer
{
	background-color: #313131;
    clear: both;
    position: relative;
    z-index: 10;
    height: 180px;
    width: 100%;
    padding-top: 40px;
    color: #fff;min-width:1000px;
}

#footer, .push {
	height:140px;
}

#footer a
{
	color:#fff;
	text-decoration:none;
	padding-right: 6px;
}

#footer a:hover
{
	text-decoration:underline;
}

.button_wrap
{
	display:inline;
}

.button,.addToBasketAjax
{
	     border: none;
	 text-align: center;
    color: #ffffff;
    height: 24px;
    line-height: 24px;
    background-color: #231f20;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: auto;
    max-width: 300px;
    padding-right: 8px;
}

.button:hover
{

}

.button:hover .button_right
{

}

.button a
 {
 	color: #ffffff;
    text-decoration: none;
    margin-left: 8px;
}

.button_form_button
{
	background-color: #231f20;
    color: #ffffff;
    line-height: 24px;
    cursor: pointer;
    padding: 0 8px 0 8px;
    margin: 0;
    border-width: 0;
    outline-width: 0;
    width: auto;
    overflow: visible;
}

.button_form_button:focus
{
	outline:0;
	border:0;
}

.button_right
{
	/*width:8px;
	height:24px;
	background-color: #fff;
	position:absolute;
	top:-1px;
	right:-8px;
	border-top: 1px solid #231f20;
	border-right: 1px solid #231f20;
	border-bottom: 1px solid #231f20;*/
	display:none;
}

#toolbar .button,#header .button,#cluetip .button
{
	height:21px;
	line-height:21px;
	max-width:200px;
	margin-right:6px;
}

#toolbar .button:hover,#header .button:hover,#cluetip .button:hover
{

}

#toolbar .button:hover .button_right,#header .button:hover .button_right,#cluetip .button:hover .button_right
{

}

#toolbar .button a,#header .button a,#cluetip .button a
{
	margin-left:6px;
	color:#fff;
}

#toolbar .button a:hover,#header .button a:hover,#cluetip .button a:hover
{
	text-decoration:none;
}

#toolbar .button_form_button,#header .button_form_button,#cluetip .button_form_button
{
	height:21px;
	line-height:21px;
	padding:0 0 0 6px;
	color:#fff;
}

#toolbar .button_right,#header .button_right,#cluetip .button_right
{
	width:6px;
	height:20px;
	right:-6px;
}

.WidgetWrapper {
    /* position: relative; */
    width: auto;
    display: inline-block;
    /* background: url(/Images/HeaderTool.png) no-repeat; */
    padding: 2px;
    height: 30px;
    /* margin-right: 10px; */
    /* vertical-align: top; */
}

.WidgetWrapperRight
{
	display:none;
}

#BackActions, .-actions-back
{

}

#ForwardActions, .-actions-forward
{
	position:relative;
	clear:right;
	float:right;
	/*margin:10px 0;*/
}

/* Header Layout */
#headerLogo
{
	float: left;
    position: relative;
    top: 4px;
    width:215px;height:60px;
}

/*.svg-container { 
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 100%; 
	vertical-align: middle; 
	overflow: hidden; 
}

.svg-content { 
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}*/


#headerLogo img {
    border: none;
    padding: 0px 0px 0px 10px;
        height: 65px;
}

#headerTools
{
	float: right;
    text-align: center;
    color: #444;
    display: block;
    margin-top: 14px;
    margin-right: 10px;
}

#localesContainer
{
	position:relative;
	left:2px;
}

#-locales-container
{
    line-height:20px;
}

.-locales-label
{
	/*font-weight:700;*/
	padding:0 4px;
}

.-locales-flags-link
{
    margin:0 1px;
}

.-locales-flags-flag
{
    border:0;
    vertical-align:middle;
}

#locales
{

}

#basketSummary span.label
{
	/*font-weight:700;*/
	margin-right:5px;
}

#basketSummaryText
{
	padding:4px;
	display:inline-block;
}

#BasketSummary_Basket
{
	margin-right:10px!important;
}

#BasketSummary_Checkout
{
	margin-right:1px!important;
}

#headerAccountControls
{
    float: right;
    /*width: 400px; this doesnt allow resizing changed 2024 */
            padding-right: 10px;
}

#headerAccountControlsWelcome
{
    text-align: right;float: right;margin-top: -20px;color: #231f20;
	position: absolute;z-index: 20;right: 10px;
}


#headerAccountControlsCustomer
{
    text-align: right;
    float: right;
    margin-top: 7px;
    /*    padding-right: 10px;*/
}

div#headerAccountControlsAccountBalance {
    display: none;
}

#headerAccountControlsAccount
{
	    text-align: right;
    margin-top: 28px;
    /* float: right; */
    margin-right: 50px;
}

#headerAccountControlsPublicAccount
{
	text-align:right;
	margin-top:8px;
}

#headerAccountControlsLogout
{
	    text-align: right;
    margin-top: -17px;
}

#headerAccountControlsLogin
{
	text-align:right;
}

#headerAccountControlsLogin a
{
    line-height: 30px;
        padding: 2px 10px;
    border: 1px solid #fff;
}

div#newUserNotice {
    padding-top: 2px;
}

/* Toolbar Layout */
#catalogueSearchContainer
{
	    width: 400px;
    height: 30px;
    float: right;
        padding-top: 7px;
}

#alternativeCurrenciesContainer
{
	position:absolute;
	left: 230px;
	top: -110px;
	margin:0 auto;
	text-align:center;
}

#catalogueSearchTextBox
{
	height:17px;
	width:150px;	
}

#staffLoginContainer,#headOfficeContainer
{
	    width: 400px;
    height: 30px;
    float: right;
        padding-top: 7px;
}

#customerLookup
{
	height:17px;
	width:150px;
}

#branches
{
	height:19px;
	border:1px solid #00343B;
	width:150px;
}

#quickAdd
{
	position:absolute;
	right:10px;
	top:5px;
}

#quickAddCode
{
	height:15px;
	border:1px solid #00343B;
	width:100px;

}

#quickAddQuantity
{
	height:15px;
	border:1px solid #00343B;
	width:24px;

}

#quickAdd span.label
{
	/*font-weight:400;*/
}

#QuickAddStatus
{
	position:absolute;
	top:30px;
	right:20px;
	z-index:50;
	display:none;
}

#quickAddMessageContainer
{
	position:relative;
	top:4px;
	left:2px;
	color:#000;
	/*font-weight:400;*/
}





#restrictedProductsContainer
{
	position:absolute;
	left:10px;
	top:5px;
}

#restrictedProductsCode
{
	height:15px;
	border:1px solid #00343B;
	width:100px;

}


#restrictedProductsStatus
{
	position:absolute;
	top:30px;
	left:20px;
	z-index:50;
	display:none;
}

#restrictedProductsMessageContainer
{
	position:relative;
	top:4px;
	left:2px;
	color:#000;

	/*font-weight:400;*/
}

#quickSearch {
	position:absolute;
	left: 570px;
	top: 5px;
	margin:0 auto;
	text-align:center;
}





/* Footer Layout */
#footerLinks
{
float: left;
    width: 606px;
}

#copyright
{
	/*position:absolute;
	bottom:4px;
	left:10px;*/
	display:none;
}

#gototop
{
	position:absolute;
	top:5px;
	right:10px;
	font-size:10px;
}

#gototop a span
{
	font-size:8px;
}

#intellisell
{
	width: 100%;
    padding-top: 100px;
    text-align: right;
    float: left;
}

/* Web Menu */
/*div#webMenuContainer
{
    height: 50px;
    background-color: #231f20;
    width: 580px;
    float: left;
}*/

#menuContainer span {
    position: absolute;
    z-index: 400;
    color: #fff;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    left: 92px;
    vertical-align: top;
}

#menuContainer span a {color:#fff; text-indent:10px;}



.webMenu {

    height: 50px;
    line-height: 50px;
    cursor: pointer;
    float: left;
    vertical-align: top;
    position: relative;
    width: auto;
   /* text-align: center;*/
    padding-left:10px;
}


.webMenu:hover
{

}

.webMenu:hover .webMenu_right
{

}

.webMenu a {
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.webMenu_right {
    display: none;
}



.webMenuSelected a
{
	color:#fff;text-transform:uppercase;

}

.webMenuSelected .webMenu_right,.webMenuSelected:hover .webMenu_right
{
	background-position:-242px -52px;
	height:26px;
}

/* Tree Menu */
#treeContainer
{
	width:100%;
	padding-top:10px;
}

#treeLevelContainer_0
{
	width:100%;
}

#treeLevelContainer_0 .treeLevel_0:first-child
{
	/* border-top:1px solid #00343b; */
}

.treeLevel_0
{
	width:210px;
	height:40px;
	line-height:40px;
	/* border-bottom:1px solid #00343b; */
	text-indent:20px;
	cursor:pointer;
	border: 1px solid #231f20;
	 margin: 10px;
}

.treeLevel_0:nth-child(15) {border: 1px solid #b71d1d;}
.treeLevel_0:nth-child(15) a {color: #b71d1d;}

.treeLevel_0 a
{

	text-transform:uppercase;
	text-decoration:none;

}

.treeLevelSelected_0
{
	text-indent:20px;
	background:url(/Images/tree/treeSelected_0.png) no-repeat 13px 13px;
}

.treeLevel_1
{
	width:210px;
	height:23px;
	line-height:23px;
	
	text-indent:20px;
	cursor:pointer;
	;
}

.treeLevel_1 a
{
	text-transform:capitalize;
	text-decoration:none;
}

.treeLevelSelected_1
{

	font-weight:700;
}
.treeLevel_2
{
	width:210px;
	height:18px;
	line-height:18px;
	/* border-bottom:1px solid #00343b; */
	text-indent:30px;
	cursor:pointer;

}

.treeLevel_2 a
{
	color:#231f20;
	/*font-weight:400;*/
	text-transform:capitalize;
	text-decoration:none;
}

.treeLevelSelected_2
{
	  text-decoration:underline;
}

.treeLevelSelected_2 a
{
	/*font-weight:700;*/
}


.treeLevel_3
{
	width:210px;
	height:16px;
	line-height:16px;
	/* border-bottom:1px solid #00343b; */
	text-indent:40px;
	cursor:pointer;

}

.treeLevel_3 a
{
	color:#231f20;
	/*font-weight:400;*/
	text-transform:capitalize;
	text-decoration:none;
}

.treeLevelSelected_3
{
	background:url(/Images/tree/treeselectgoldhollow.png) no-repeat 42px 6px;
		text-indent:50px;
}

.treeLevelSelected_3 a
{

}

.treeLevel_0:hover a,.treeLevel_1:hover a,.treeLevel_2:hover a, .treeLevel_3:hover a
{
	text-decoration:underline;
}

/* Breadcrumb */
#breadcrumbContainer {
   /* padding: 2px;
    color: #231f20;
    margin-top: 24px;
    border: 1px solid #ededf1;*/
        display: none;
}

.breadcrumb a {
    color: #231f20;
    text-decoration: none;
    padding-right: 4px;
    padding-left: 4px;
  
}

div#breadcrumbContainer span:first-child a {
      text-transform: uppercase;
}

div#breadcrumbContainer span:nth-child(7) a {
        color: #231f20;
}

.breadcrumb a:hover
{
	text-decoration:underline;
}
.breadcrumbLast {
    color: #000;
    padding-left: 4px;
}

/* Product Images */
.MissingImageText
{
	margin:0 auto;
	padding:0 4px;
	text-align:center;
	color:#aaa;
	
}

.ImageTable.MissingImageTable {

}

.ImageContainer
{
	position:relative;
	background-color: #fff;
	    /*   background-image: url('../../Images/missingImage.jpg');*/
    background-repeat: no-repeat;

    background-position: center;
}

.ImageInner
{
	padding:2px;
}

.ImageTable
{
	display:table;
	height:100%;
	width:100%;

}

a.ImageTable
{
	cursor:pointer;
}

.ImageInnerAlign
{
	display:table-cell;
	vertical-align:middle;
}

.ImageInnerAlign img
{
	border:0;
	display:block;
	margin:0 auto;
}

.MissingImageText_ProductDetail
{
	font-size:26px;
}

/*.ImageBorderOverlayTopLeft
{
	position:absolute;
	top:0;
	left:0;
	height:10px;
	width:10px;
	background:url(/Images/ImageBorderOverlay.png) no-repeat;
}

.ImageBorderOverlayTopCentre
{
	position:absolute;
	top:0;
	left:10px;
	right:10px;
	height:2px;
	background-color:#231f20;
}

.ImageBorderOverlayTopRight
{
	position:absolute;
	top:0;
	right:0;
	height:10px;
	width:10px;
	background:url(/Images/ImageBorderOverlay.png) no-repeat -10px 0;
}

.ImageBorderOverlayCentreLeft
{
	position:absolute;
	top:10px;
	left:0;
	bottom:10px;
	width:2px;
	background-color:#231f20;
}

.ImageBorderOverlayCentreRight
{
	position:absolute;
	top:10px;
	right:0;
	bottom:10px;
	width:2px;
	background-color:#231f20;
}

.ImageBorderOverlayBottomLeft
{
	position:absolute;
	left:0;
	bottom:0;
	width:10px;
	height:10px;
	background:url(/Images/ImageBorderOverlay.png) no-repeat 0 -10px;
	z-index:10;
}

.ImageBorderOverlayBottomCentre
{
	position:absolute;
	left:10px;
	right:10px;
	bottom:0;
	height:2px;
	background-color:#231f20;
	z-index:10;
}

.ImageBorderOverlayBottomRight
{
	position:absolute;
	right:0;
	bottom:0;
	width:10px;
	height:10px;
	background:url(/Images/ImageBorderOverlay.png) no-repeat -10px -10px;
	z-index:10;
}*/

/* Paging */
ul.PageLinkNumberList
{
	list-style:none;
	margin:5px 0;
	padding:0;
	float:right;
	line-height:15px;
}

li.PageLinkNumberButton
{
	float:left;
}

li.PageLinkNumberButton a,li.PageLinkNumberButton span
{

	color:#000;
	padding:4px 7px;
	text-decoration:none;
	border:1px solid #00343B;
	margin-left:5px;
	display:block;
}

li.PageLinkNumberButton a:hover
{
	background-color:#231f20;
	color:#fff;
}

li.PageLinkNumberPageTotal span
{
	margin-right:10px;
}

li.PageLinkNumberCurrentPage span
{
	color: #ffffff;
    background-color: #231f20;
}

.TextPaging
{
	margin:6px 0;
	text-align:right;
}

.TextPaging span,.TextPaging a
{
	margin-left:5px;
}

/* Progress Bar */
#ProgressContainer
{
	position:relative;
	float:right;
	width:536px;
	height:42px;
	margin:0 0 10px;
}

#ProgressTitle
{
	clear:both;
	float:left;
	width:190px;
	text-align:right;
	    line-height: 8px;
	/*font-weight:700;*/
}

#ProgressList
{
	float:right;
	width:336px;
	padding:5px 0;
}

.ProgressLabel {
    float: left;
    text-align: center;
    position: relative;
    top: 17px;
    z-index: 30;
    color: #b7b2b2;
}

.ProgressDone
{
	/*font-weight:700;*/
	color:#fff;
}

.ProgressCurrent
{
	color: #fff;
}

#ProgressSubmit
{
	position:absolute;
	right:0;
	    top: 5px;
	z-index:10;
	display:none;
}

#ProgressImage
{
	position:absolute;
	right:0;
	bottom:0;
}

/* Input Focus Control */
#page .LabelFocus
{

}

#page input.InputFocus,textarea.InputFocus
{

		border:1px solid #231f20;
}

#page .-form-input-password.InputFocus, #page .-form-input-text.InputFocus
{

	margin:0;
		border:1px solid #231f20;
	}

#page select.InputFocus
{

	border:1px solid #231f20;

}

#page .-form-input-select.InputFocus
{
    outline:0;
	border:1px solid #231f20;
    margin:0;

}

.changeButtons {
    width: 450px;
}

div#Logon_ChangePassword {
    float: right;
    padding-right: 0px;
}

/* Tooltip */
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #231f20;
    background-color: #FFF;
    padding: 0 5px;
    width: 250px;
    height: 100px;
    right: 330px !important;
    top: 382px !important;
}

#tooltip h3,#tooltip div
{
	margin:0;
	/*font-weight:400;*/
	color:#333;
	text-shadow:none;
	text-transform: none;
}

/* PIO Quantity Adjusted Message */
div#pioQuantityAdjustedMessageContainer
{
	padding:8px;
}

#pioQuantityAdjustedMessageModalOverlay
{
	background-color:#000;
	cursor:wait;
}

#pioQuantityAdjustedMessageModalContainer
{
	width:400px;
	margin-left:0;
	background-color:#ededf1;
	border:1px solid #231f20;
	height: 220px !important;
    overflow: auto;
    text-align:center;
    display:block;
    color: #231f20;
}

#pioQuantityAdjustedMessageMultipleListContainer ul {list-style: none;padding-left: 0;}

.simplemodal-wrap {
   /* overflow: hidden !important;*/
}

#pioQuantityAdjustedMessageSingleContainer
{
	margin:20px;

	text-align:center;
}

#pioQuantityAdjustedMessageMultipleHeaderContainer,#pioQuantityAdjustedMessageMultipleListContainer
{

}

div#pioQuantityAdjustedMessageMultipleHeaderContainer{
	margin: 0;
    padding: 10px 0 10px 0;
    color: #231f20;
    font-weight: 300;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;}

#pioQuantityAdjustedMessageOKContainer
{
	text-align:center;
	color:#fff;
	background-color:#231f20;
	width:95px;
	    padding: 4px 0;
    margin: 0 auto;
	cursor:pointer;
}

/* Free Stock Range */
.freeStockRangeContainer
{
	display:inline-block;
	height:36px;
	background:url(/Images/FreeStockRanges.png) no-repeat;
	margin:0 8px 0 0;
}

.freeStockRangeContainer_right
{
	position:absolute;
	top:0;
	right:0;
	width:8px;
	height:36px;
	background:url(/Images/FreeStockRanges.png) no-repeat -137px 0;
}

.freeStockRangeIndicator
{
	display:inline-block;
	margin:5px 2px 5px 5px;
	background:url(/Images/FreeStockRanges.png) no-repeat;
	width:26px;
	height:26px;
}

.freeStockRangeText
{
	vertical-align:top;
	display:inline-block;
	color:#fff;
	line-height:36px;
}

.freeStockRangeRed
{
	background-position:0 -36px;
}

.freeStockRangeAmber
{
	background-position:-26px -36px;
}

.freeStockRangeGreen
{
	background-position:-52px -36px;
}

.freeStockRangeBlue
{
	background-position:-78px -36px;
}

/* Numeric Stock */
.stockNumeric
{
    border:1px solid #231f20;
    display:inline-block;
	width: 68px;
	float:right;
}
.stockNumericHeader
{
  background-color: #231f20;
    color: #fff;
    text-align: center;
}
.stockNumericQuantity
{
    text-align: center;
    background-color: #ffffff;
}
.stockUnitOfMeasure
{
	border-left: 1px outset #313131;
    float: left;
    padding-left: 5px;
    text-align: center;
}

/* Indicator Stock */
.stockIndicator
{
    /*font-weight:700;*/
    color:#231f20;
    line-height:20px;
    float: right;
}
.stockIndicator img
{
    vertical-align:bottom;
    height: 37px;
}

/* Forms */
.-form-section
{
	margin:20px 0;
	padding:4px 5px 0;
}

.-form-section-header
{
	/*font-weight:700;*/

}

.-form-row
{
	width:100%;
	margin:12px 0;
}

.-form-column
{
	float:left;
	padding:0 5px 0 0;
}

.-form-column-label
{
	width:150px;
	text-align:right;
}

.-form-column-label-small
{
    width:90px;
    text-align:left;
}

.-form-label
{
	line-height:20px;
}

.-form-label-required
{
    /*font-weight:700;*/
}

.-form-required-marker
{
    color:#f00;
}

.-form-input-text, .-form-input-select
{
	border:1px solid #555;
	width:250px;
	margin:1px;
}

.-form-input-password {
    border: 1px solid #231f20;
    /* border-radius: 3px; */
    width: 250px;
    /* margin: 1px; */
    height: 20px;
}

.-form-input-checkbox
{
    margin:5px 0 0;
}

.-form-input-hint
{
	color:#aaa;
	font-size:10px;
	height:10px;
}

.-form-error-message
{
	color:#f00;
	line-height:20px;
}

.-form-error-input
{
	background-color:#FFDFDF;
}


.-error-container
{
	position:relative;
	width:401px;
	height:170px;
	padding-left:100px;
	padding-top:80px;
	background:url(/Images/error.gif) no-repeat;
	z-index:100;
}

.-error-header
{
	color:#000;
	/*font-weight:700;*/
	position:absolute;
	top:30px;
	left:100px;
	width:380px;
}

.-error-text
{
	position:relative;
	color:#000;
	width:380px;
	margin-bottom:15px;
}

.-error-text a
{
	color:#213dc6;

}

.-error-note
{

}

.-error-note a
{

}

.-error-actions
{
	position:absolute;
	bottom:14px;
	left:0px;
	width:100%;
	height:26px;
}

.-error-actions-forward
{
	float:right;
	clear:right;
}

#creditStopContainer .-error-actions-forward
{
	width: 55%;
}

/* Attribute Filter */

#-attribute-filter-container
{
	padding:10px 5px 0;
	margin:4px;
    background-color: #ededf1;
    border: 1px solid #DDD;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.-attribute-filter-row
{
	margin:8px 0 0;
}
.-attribute-filter-group
{
	border:none;
	padding:0;
	margin:0;
	float:left;
}
.-attribute-filter-title
{
	/*font-weight:700;*/
	margin:0 0 2px;
	cursor:pointer;

}
.-attribute-filter-option
{

    padding:0 0 0 20px;
}
.-attribute-filter-option input, .-attribute-filter-option label
{
	vertical-align:middle;
}
.-attribute-filter-expanded-icon
{
	width:14px;
	height:8px;
	display:inline-block;
	vertical-align:middle;
	background:url(/Images/AttributeCollapser.png) no-repeat;
	margin:0 2px 0 0;
}
.-attribute-filter-expanded-icon.collapsed
{
	width:8px;
	height:14px;
	background-position:-4px -8px;
	margin:0 4px;
}





input[type="checkbox"] {
  /*  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
        float:left;
}

input[type="radio" i], input[type="checkbox" i] 
{
 background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;

	width:14px;height:14px;
	  border:1px solid #231f20;
    background-color:#fff;

}


select{
    border-color:#231f20;
    color: #231f20;
    font-family: Calibri;
     font-size: 14px;

}
#SummaryConfirmOutOfStockProduct {
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    top: 30px;
    display: none;
	right: 200px;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 350px;
    z-index: 100;
}
#SummaryConfirmOutOfStockProduct p
{
    margin:10px 0 15px;
}

#changeLocationContainer
{
	width:25%;
	margin:0 auto;
	padding-top:5px;
}

.productUnavailableAtLocation {
	color: #D80202;
}

.extendedLocationMessage {
	border-style:solid;
	border-width: 1px;
	float: left;
	margin-top: 2px;
	padding: 2px;
	max-width: 500px;
}


#SummaryConfirmExitPunchoutSession {
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    top: 30px;
    display: none;
	right: 350px;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 350px;
    z-index: 100;
}
#SummaryConfirmExitPunchoutSession p
{
    margin:10px 0 15px;
}

.basketSummaryItem table {
    /*width: 200px;*/ width:450px;
    text-align: left;
    padding: 4px;
     border-collapse: collapse; 
}

button#basketSummaryPopupCloseButton {
    margin-top: 6px;
}

#addToBasketMessageDiv {
    position: absolute;
    z-index: 30;
    top: 40px;
    
    background-color: #fff;
  border: 1px solid #e8e7e7;
    -webkit-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.50);
    -moz-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.50);
    box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.50);

          
}

.basketSummaryPopup{
        position: absolute;
    z-index: 120;
    color: #231f20;
    /* overflow-y: scroll; */
    background-color: #fff;
    padding: 2px 7px 4px 7px;
    /* margin-top: 12px; */
    /* height: 400px; */
    -webkit-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.50);
    -moz-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.50);
    box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.50);
    max-height: 800px;
    overflow-y: auto;
        right: 4px;
            border: 1px solid #e8e7e7;
}



#addToBasketMessageDiv .headerMessage{
	color:#000;
}

.headerMessage {
    display: none;
}

.basketSummaryRowContainer {
    position: relative;
    background-color: #fff;
    /*border: 1px solid #DDDDDD;*/
    margin-top: 5px;
    padding: 4px;

}
.basketSummaryImageContainer{
	float: left;
	margin: 3px 5px 0 0;
}
.basketSummaryItemsImageInner {
   /* height: 130px;
    width: 120px;*/
}
.basketSummaryImageInner {
    padding: 2px;
}

.basketSummaryPriceContainer {
    float: right;
    clear: right;
    margin-left: 5px;
}
.basketSummaryItemsPrice {

    position: relative;
    width: 200px;
}
.basketSummaryItemsCode {

  color: #231f20;
	
}
.basketSummaryPriceValue {
    position: absolute;
    top: 0;
    right: 0;
}
.basketSummaryItemName{
	clear:both;
}

.basketSummaryItem table td {
	padding:4px 4px 0 4px;
}

.basketSummaryItem table td img {
	/*border: 1px solid #333;*/
}

.basketSummaryItem table tr {
	border-bottom:1px solid #ededf1;
}

div#ImportOrder_PreviewBack {
    margin-top: 10px;
}

div#ImportOrder_InvalidBack {
    display: none;
}


.homeContent {
    padding-top: 20px;
}

.homeContent img {
	padding-right:4px;
	width:224px;
}



/* Remove hover off attribute table */
.attributeSet {    color: #231f20 !important;}
.attributeSet .left {float:left;padding-right:20px;}
.attributeSet .right {float:right;}

/* New Filter System */

.filters {
	width: 210px;
    padding: 10px 0px;
    background-color:#ededf1;
    margin-left:10px;
    margin-top: 22px;
}
.singleFilter, .singleFilterTitle {
	width:166px;
	padding:6px 0px 6px 22px;
}
.singleFilter select {
	width:100%;
	border-color:#e4e3e2;
	
}
.singleFilter label {
	text-transform: uppercase;
	color: #231f20;
}

.singleFilterTitle {

}

.singleFilterTitle label{
	width:100%;
	text-transform: uppercase;
	color: #231f20;
	border-bottom:1px solid #e4e3e2 ;	
}
.ajaxLoading{
	background: url(/Images/loading.gif) no-repeat;
    position: absolute;
    top: 250px;
    left: 500px;
    height: 200px;
    width: 200px;
	display:none;
}

/* HOME page start */

.AllDescriptions {
    padding-top: 36px;
}

.AllDescriptions p {
	padding-top: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom:0px;
    margin-right:6px;
        width: 100%;
}

.singleTypeGroup {
   /* padding-bottom: 20px;*/
}

.typeDescContent {   
    padding: 6px 4px 6px 6px;
    margin: 6px 0px;
    border: 1px solid #231f20;
    width: 100%;
}

.typeDescContent h1{
    padding-bottom: 4px;
    padding-top: 0px;
  }

.catDescContent {
	display:inline-block;
	 background-color: #ededf1;
    padding: 6px 0px 2px 6px;
    /* min-height: 82px;*/
     width: 100%;

}


.categoryimage {
    float: left;
    width:110px;
}

.categoryimage img {
	width:100px;
	    padding-bottom: 4px;
}

.categoryDescription {
    float: right;
        width: 550px;
}

.categoryDescription h2{
	padding:0px;
	margin:0px;
	line-height: 14px;
}

.accordion1 {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 0px 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border: 1px solid #231f20;
    /*margin-bottom: 6px;*/
    background-image: url(/Images/plus.png);
  background-repeat: no-repeat;

  background-position: 660px center; 
}

button.accordion1.color7 {border: 1px solid #b71d1d;}
button.accordion1.color7 h1 {color: #b71d1d;}

.active1, .accordion1:hover {
  background-color:#313131;
  background-image: url(/Images/pluswhite.png);
}

.active1, button.accordion1.color7.active1 {
	background-image: url(/Images/minuswhite.png);
	border: 1px solid #313131;
}

.active1 h1, .accordion1:hover h1, button.accordion1.color7:hover h1, button.accordion1.color7.active1 h1{
	color:#fff;
}




.panel1 {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s ease-out;
      margin-bottom: 10px;
}
p.paneldesc
{
	padding-bottom:6px;
}

h1.homeProducts
{
	padding-top:0px;
}


p.introText 
{
    margin-top: -10px;
    text-align:center;
}
p.introText2 
{
    padding: 1px 0;
    text-align:center;
}
span.welcomeText 
{
    font-weight: bold;
    /* font-size: 16px; */
}



/* Home slider */

div#slider {
    margin: 0 0 10px 0;
       -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border-right: 4px solid #fff;
    border-left: 5px solid #fff;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;

    background: #fff;
}

.SlideShowUl {
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
}


/* NEW PAYMENT STYLES */
div#Payment_Retry {
	margin-top: 10px;
}
div#ConfirmationButtons {
    margin-top: 10px;
}
/* END NEW PAYMENT STYLES */


/* FAQs Accordion */
.singleColumn {
    	max-width: 1240px;
	}
	.headerFAQs {
  		color: #231f20;
  		cursor: pointer;
  		padding: 12px 10px;
  		border-top: 1px solid #d4d4d4;
   		border-left: 1px solid #d4d4d4;
    	border-right: 1px solid #d4d4d4;
  		text-align: left;
  		outline: none;
  		font-size: 16px;
  		transition: 0.2s;
  	
	}
	.lastFAQs, #AFAQs h2.active{
		border-bottom: 1px solid #d4d4d4;
	}
	#AFAQs h2::before{
		content: "+";
     	margin-right:10px;   
	} 
	#AFAQs h2.active::before{
		content: "-"; 
	} 
	.active, .headerFAQs:hover {
  			font-weight:600;
	}

	.panel {
  		padding: 0 10px;
  		background-color: white;
  		max-height: 0;
  		overflow: hidden;
  		transition: max-height 0.2s ease-out;
  		border-left: 1px solid #ccc;
    	border-right: 1px solid #ccc;
	}

	/* FAQs Accordion END */


@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
    @media {
        div#CatalogueSearch_SearchCatalogue.button, div#StaffLogin_Change.button { 
            min-width:32px;
            min-height:27px;
            line-height:24px;
        }
      
       #headerTools {margin-left: 140px;} 
      
       input.addToBasketQuantity, input.basketItemQuantityTextbox {height: 16px;}
       #Contact_Send input.button_form_button {min-width:50px;}
       textarea#checkoutNotes {margin-left:2px;}
}
}