/******************************/
/* general stuff **************/
/******************************/

html,  body,  div,  span,  object,  iframe, blockquote, pre, abbr,
address, cite, code, del, dfn, em, ins, kbd, q, samp, small, /* strong, */ sub, sup, var,
b, i, dl, dt, dd, fieldset, form, label, legend, article, aside,
canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, 
section, summary, time, mark, audio, video, input, select, textarea {
	font-family: Montserrat, Open Sans, Arial, helvetica, sans-serif;
}

h2.topHeadingFilterPolicyOptions {color: #DE3541;}
h1.topHeadingNavigationColumn {color: #58585b;}


/* #8b8680 Color Hex Middle Grey */
/* #DE3541 TMO red */

/******************************/
/* layout stuff ***************/
/******************************/

div.containerInfoBanner {
	/* Gradient goes top to bottom */
	background: -webkit-linear-gradient(#DE3541, #DE3541); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#DE3541, #DE3541); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#DE3541, #DE3541); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#DE3541, #DE3541); /* Standard syntax (must be last) */
    border-top: 0px;
    border-bottom: 0px;
}

div.infoBannerLeft {color: #ffffff;}
div.infoBannerRight {color: #ffffff;}

/******************************/
/* button stuff ***************/
/******************************/

li.topNavigationOn a, li.topNavigationOff a {
	display: inline-block; *zoom: 1; *display: inline; /* IE7 */
	margin: 0px 0px 0px 8px;
	padding: 3px 10px 7px 10px;
	background-color: #ffffff;
	border: 0px;
}


li.topNavigationOn a:link {COLOR: #DE3541; text-decoration: none; background-color: #ffffff;}
li.topNavigationOn a:visited {COLOR: #DE3541; text-decoration: none; background-color: #ffffff;}
li.topNavigationOn a:active {COLOR: #DE3541; text-decoration: none; background-color: #ffffff;}
li.topNavigationOn a:hover {COLOR: #DE3541; text-decoration: none; background-color: #ffffff;}

li.topNavigationOff a:link {color:#8b8680; text-decoration: none; background-color: #ffffff;}
li.topNavigationOff a:visited {color:#8b8680; text-decoration: none; background-color: #ffffff;}
li.topNavigationOff a:active {color:#DE3541; text-decoration: none; background-color: #ffffff;} 
li.topNavigationOff a:hover {color:#DE3541; text-decoration: none; background-color: #ffffff;}

li.gridHeadingOn {background-color: #DE3541;}

li.gridHeadingOn a:link, li.gridHeadingOn a:visited {color: #ffffff; text-decoration: none;}
li.gridHeadingOn a:active, li.gridHeadingOn a:hover {color: #ffffff; text-decoration: underline;}

div.leftNavigationOn a {background-color: #ffffff;}
div.leftNavigationOff a {background-color: #ffffff;}
div.leftNavigationOff_highlight a {background-color: #008a8a;}

div.leftNavigationOn a, div.leftNavigationOff a, div.leftNavigationOff_highlight a, div.leftNavigationDisabled a {
	-webkit-border-radius: 0px; /* For older versions of Safari and Chrome */
    -moz-border-radius: 0px; /* For older versions of Firefox */
	border-radius: 0px;
	border: 2px solid #DE3541;
	background-color: #DE3541;
}

div.leftNavigationOff a {
	background-color: #ffffff;

}

div.leftNavigationDisabled a {
	background-color: #eeeeee;
	border: 2px solid #cccccc;
}

div.leftNavigationOn a:link {COLOR: #ffffff; text-decoration: none;}
div.leftNavigationOn a:visited {COLOR: #ffffff; text-decoration: none;}
div.leftNavigationOn a:active {COLOR: #ffffff; text-decoration: none;}
div.leftNavigationOn a:hover {COLOR: #ffffff; text-decoration: none;}

div.leftNavigationOff a:link {color:#DE3541; text-decoration: none;}
div.leftNavigationOff a:visited {color:#DE3541; text-decoration: none;}
div.leftNavigationOff a:active {color:#ffffff; text-decoration: none; background-color: #DE3541;} 
div.leftNavigationOff a:hover {color:#ffffff; text-decoration: none; background-color: #DE3541;}

div.leftNavigationOff_highlight a:link {color:#ffffff; text-decoration: none;}
div.leftNavigationOff_highlight a:visited {color:#ffffff; text-decoration: none;}
div.leftNavigationOff_highlight a:active {color:#ffffff; text-decoration: none; background-color: #ffffff;} 
div.leftNavigationOff_highlight a:hover {color:#ffffff; text-decoration: none; background-color: #ffffff;}

div.mainButtonNumber {
	border: 0px;
    background-color: #inherit;
    margin: 5px 0px 5px 5px;
}

div.mainButtonTextWithNumber, div.mainButtonTextNoNumber,
div.mainButtonTextWithNumber span, div.mainButtonTextNoNumber span {
    font-size: 16px;
    line-height: 16px;
}

div.mainButtonNumber {
	float: left;
    -webkit-border-radius: 0px; /* For older versions of Safari and Chrome */
    -moz-border-radius: 0px; /* For older versions of Firefox */
	border-radius: 0px;
	border: 0px;
	border-right: 2px solid #DE3541;
    min-width: 36px;
	min-height: 36px;
    margin: 0px;
	font-size: 20px;
}

div.mainButtonNumberInside {
	padding: 8px 5px 8px 5px;
    font-size: 20px;
    color: #58585b;
}

div.leftNavigationDisabled a div.mainButtonNumber {
	border: 0px;
	border-right: 2px solid #cccccc;
}

div.leftNavigationOff a div.mainButtonNumber {
	border: 0px;
	border-right: 2px solid #DE3541;
}

div.leftNavigationOn a div.mainButtonNumber div.mainButtonNumberInside {color: #DE3541;}

div.leftNavigationOff a div.mainButtonNumber div.mainButtonNumberInside {color: #DE3541;}

/******************************/
/* small button stuff *********/
/******************************/

div.buttonStandard a, .input_button_main, .input_button_highlight {
	background-color: #DE3541;
}

div.buttonStandard a, div.buttonSecondary a, div.buttonHighlight a, div.buttonWarning a, div.buttonModalClose a,
.input_button_main, .input_button_secondary, .input_button_highlight {
	-webkit-border-radius: 5px; /* For older versions of Safari and Chrome */
    -moz-border-radius: 5px; /* For older versions of Firefox */
	border-radius: 5px;
	border: 2px solid #DE3541;
}

div.buttonStandard a:link, div.buttonStandard a:visited, .input_button_main {color: #ffffff;}

div.buttonStandard a:active, div.buttonStandard a:hover, div.buttonStandard a:focus
div.buttonHighlight a:active, div.buttonHighlight a:hover, div.buttonHighlight a:focus
.input_button_main:active, .input_button_main:hover, .input_button_main:focus, 
.input_button_highlight:active, .input_button_highlight:hover, .input_button_highlight:focus { 
	outline: none; /* Removed default border so set own */
	color: #DE3541;
	background-color: #ffffff;
	border: 2px solid #DE3541;
}

div.buttonSecondary a, .input_button_secondary {background-color: #ffffff;}

div.buttonSecondary a:active, div.buttonSecondary a:hover, div.buttonSecondary a:focus
.input_button_secondary:hover, .input_button_secondary:focus {
	outline: none; /* Removed default border so set own */
	background-color: #e1e1e1;
	border: 2px solid #DE3541;
}

div.buttonHighlight a:active div.smallButtonText,
div.buttonHighlight a:hover div.smallButtonText,
div.buttonHighlight a:focus div.smallButtonText {
	color: #DE3541;
	background-color: #ffffff;
}

/******************************/
/* assorted *******************/
/******************************/

input, select, textarea,
div.input_halfsize_fake, div.input_popupLong_fake {
	-webkit-border-radius: 3px; /* For older versions of Safari and Chrome */
    -moz-border-radius: 3px; /* For older versions of Firefox */
	border-radius: 3px;
	border: 2px solid #DE3541;
}				

input:focus, select:focus, textarea:focus {
	outline: none; /* Removed default border so set own */
	border: 2px solid #58585b;
}

input[type="radio"]:focus, input[type="checkbox"]:focus {outline: solid;} /* Useful when using tab key */

.input_halfsize_mandatory, .select_halfsize_mandatory, 
.input_dd_mandatory, .input_mm_mandatory, .input_yyyy_mandatory {
	background-color: #ffffff;
}

div.box {
    background-color: #e1e1e1; 
    border: 0px;
}

tr.standardGridTotal td, td.standardGridTotalLAST {background: #e1e1e1;}

tr.standardGridHeading th, th.standardGridHeadingLAST,
tr.standardGridHeading td, td.standardGridHeadingLAST{
    border-top: 0px;
}

tr.standardGridHeading th, th.standardGridHeadingLAST,
tr.standardGridHeading td, td.standardGridHeadingLAST {
	background: #DE3541;
	font-weight: bold;
	color: #ffffff;
}

tr.standardGridHeading th a, th.standardGridHeadingLAST a,
tr.standardGridHeading td a, td.standardGridHeadingLAST a {
	color: #ffffff;
}

tr.standardGridHeading th, tr.standardGridHeading td,
tr.standardGridSubHeading td, tr.standardGridRow1 td,
tr.standardGridRow2 td, tr.standardGridTotal td {
	border-bottom: 2px solid #DE3541;
}

/*th.IPT, td.IPT {display: none;} /* Products grids */
/*th.VAT, td.VAT {display: none;} /* Products grids - requested by JB on 10/09/2024*/

img.headerImage {
	height: 60px;
}

li.gridHeadingOn, li.gridHeadingOff {
    border-top: 2px solid #DE3541;
    border-left: 2px solid #DE3541;
    border-right: 2px solid #DE3541;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

table.pager {
    border-top: 2px solid #DE3541;
    border-left: 2px solid #DE3541;
    border-right: 2px solid #DE3541;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

/*******************************************************************************************************************************************************/
/************** Screen specific stuff ******************************************************************************************************************/
/*******************************************************************************************************************************************************/

/* Biggest size */
@media only screen and (min-width: 1020px)
{
}

/* Anything less than 1019px (Medium size) */
@media only screen and (max-width: 1019px) 
{
}

/* Anything less than 795px (Small size) */
@media only screen and (max-width: 795px)
{
}

/* Smaller than iPhone 5s width */
@media only screen and (max-width: 567px)
{	
	div.leftNavigationDisabled a div.mainButtonNumber {border-right: 0px;}
	div.leftNavigationOff a div.mainButtonNumber {border-right: 0px;}
}

/* Anything less than 399px (Tiny size) */
@media only screen and (max-width: 399px)
{	
}