/* Specifics for Equafleece 2021 public skin */

html,body,td,th,input,button,textarea,select,optgroup,option,.button,.cwcms,.cwcms td,.cwcms th,.cwcms input,.cwcms button,.cwcms textarea,.cwcms select,.cwcms option,.cwcms p,.cwcms div,.cwcms .form .label,.cwcms .form .control,.cwcms .form .subLabel,.cwcms .form .subControl,.cwcms .checkbox .subLabel
{
   font-family:'Lato',sans-serif;
}

/* Header */

#header .left,#navigation .left
{
	float:left;
}

#header .right,#navigation .right
{
	float:right;
}

#header .topBar
{
	padding:7px 30px 0px 30px;
}

#header .topBar .tagLine,#header .topBar .phone
{
	padding-bottom:7px;
}

#header .topBar .tagLine
{
	margin:3px 15px 0px 0px;
	font-size:10pt;
	line-height:11pt;
}

#header .topBar .phone
{
	margin:2px 15px 0px 0px;
	font-size:14pt;
	line-height:14pt;
	font-weight:400;
}

#header .topBar .sites
{
	margin-top:2px;
	padding-bottom:4px;
	font-size:7pt;
	line-height:7pt;
}

#header .topBar .sites > ul > li > ul
{
	right:20px;
}

#header .mainArea
{
	height:60px;
	padding:20px 30px 20px 80px;
	background-image:url('/images/skins/equafleece2021/header.png?version=20210917-1417');
	background-size:63px 100px;
	background-repeat:no-repeat;
	background-position:top left;
	font-size:7pt;
	line-height:7pt;
}

#header .mainArea .member > ul > li > ul
{
	right:100px;
}

#header .mainArea .basket
{
	margin-left:20px;
}

#header .mainArea .basket .icon
{
	display:block;
	width:60px;
	text-align:center;
}

#header .mainArea .basket .icon .alertsCountContainer
{
	position:absolute;
	width:70px;
	margin-top:-6px;
	transform:transformY(-100%);
	text-align:right;
}

#header .mainArea .basket .icon .alertsCountContainer .alertsCount
{
	padding:2px 7px 3px 7px;
	border-radius:20px;
	font-size:12pt;
	line-height:12pt;
	font-weight:400;
}

/* Navigation */

.navigation > ul > li:not(:last-child)
{
	margin-right:30px;
}

.navigation > ul > li > a
{
	padding-bottom:3px;
}

.navigation > ul > li > a > .arrow
{
	padding-left:3px;
}

.navigation > ul > li > a > img
{
	vertical-align:top;
}

.navigation > ul > li > ul
{
	margin-left:-10px;
	padding-bottom:10px;
	border-radius:5px;
}

.navigation > ul > li > ul > li
{
	font-size:11pt;
	line-height:13pt;
	padding-top:10px;
}

.navigation > ul > li > ul > li > div,.navigation > ul > li > ul > li > a,.navigation > ul > li > ul > li > ul > li > a
{
	margin:0px 10px;
}

.navigation > ul > li > ul > li > ul > li
{
	font-size:10pt;
	line-height:12pt;
	margin:8px 0px;
}

.navigation > ul > li > ul > li > ul > li:last-child
{
	margin-bottom:0px !important;
}

.navigation > ul > li > ul > li > .rule
{
	height:1px;
	margin:2px 10px 1px 10px;
	overflow:hidden;
}

.navigation li.active > a,.navigation > ul > li > ul > li.withSubPages > a
{
	font-weight:400;
}

#navigation
{
	padding:10px 30px 0px 30px;
}

#navigation .navigation > ul
{
	display:inline;
}

#navigation .navigation > ul > li
{
	margin-bottom:10px;
	font-size:15pt;
	line-height:15pt;
}

#navigation .navigation > ul > li:not(:last-child)
{
	margin-right:10px;
}

#navigation .navigation > ul > li > a
{
	box-sizing:border-box;
	height:32px;
	padding:5px 10px;
	border-radius:5px;
}

#navigation .navigation > ul > li.icon > a
{
	padding:5px;
}

#navigation .navigation > ul > li > ul
{
	margin-left:0px;
}

#navigation > .search
{
	margin-bottom:10px;
}

#navigation .search,#navigation .search .searchKeywords,#navigation .search .searchSubmit
{
	font-size:11pt;
	line-height:11pt;
	vertical-align:top;
}

#navigation .search .searchKeywords
{
	width:200px;
	height:32px;
	padding:0px 5px;
	border-radius:5px 0px 0px 5px;
	border:none;
}

#navigation .search .searchSubmit
{
	height:32px;
	padding:0px 5px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}

/* Home page */

#homePage .banner
{
	margin:-20px -30px 20px -30px;
	padding:15px 30px 1px 30px;
	background-image:url('/images/skins/equafleece2021/banner.jpg?version=20210920-1530');
	background-repeat:repeat-x;
	background-position:top center;
}

#homePage .banner p
{
	font-size:28pt;
}

#homePage .banner a.button
{
	font-size:16pt;
	padding:10px 20px;
}

#homePage .flexBoxes
{
	margin:0px -20px -10px 0px;
}

#homePage .intro
{
	flex-basis:420px;
	margin:0px 20px 10px 0px;
}

#homePage .intro p.video
{
	margin-bottom:10px;
	padding-top:15px;
	padding-bottom:15px;
	border-radius:10px;
}

#homePage .intro p.video > iframe
{
	border-radius:5px;
}

#homePage .feature
{
	flex-grow:1;
	flex-basis:270px;
	height:365px;
	margin:0px 20px 20px 0px;
	border-radius:10px;
	overflow:hidden;
}

#homePage .feature div
{
	text-align:center;
}

#homePage .feature h1,#homePage .feature h2,#homePage .feature h3,#homePage .feature h4,#homePage .feature h5,#homePage .feature h6,#homePage .feature p
{
	text-align:left;
	margin:0px;
	padding:0px;
}

#homePage .feature a
{
	display:block;
}

#homePage .feature a:hover
{
	text-decoration:none;
}

#homePage .feature h1 a,#homePage .feature h2 a,#homePage .feature h3 a,#homePage .feature h4 a,#homePage .feature h5 a,#homePage .feature h6 a
{
	padding:15px 20px 5px 20px;
}

#homePage .feature p a
{
	padding:0px 20px 15px 20px;
	font-weight:300;
}

#homePage .feature img
{
	display:block;
	margin-left:50%;
	transform:translateX(-50%);
}

/* Footer */

.fatFooter > .box > ul > li.withSubPages > a
{
	font-weight:400;
}

/* Colours */

body.default
{
	background-color:white;
	color:black;
}

h1,h2,h3,h4,h5,h6,th,.breadcrumbs,.breadcrumbs a,#ecommerceCheckoutPage .active
{
	color:#888888;
}

a,.accented,#header .topBar a:hover:not(.button)
{
	color:#ae2533;
}

.flash.critical a:not(.button):not(.lightbox):not(.icon),.flash.critical a:not(.button):not(.lightbox):not(.icon):hover
{
	border-bottom:1px dotted white !important;
	color:white !important;
}

.flashes .flash.normal
{
	background-color:#cccccc;
}

.flashes .flash.critical
{
	border-bottom:1px dotted #481218;
}

.cwcms .header,#header .topBar,#eventLog,#ecommerceCheckoutPage .progress
{
	background-color:#f3f3f3;
}

.flash.normal,#header,#header .topBar a:not(.button),#membersHomePage .icon
{
	color:#585858;
}

#navigation,#footer,#copyright,#toTop,#homePage .banner,#ecommerceGalleryPage #ecommerceGalleryResults
{
	background-color:#454545;
}

#content #faqLink,#content #faqContent
{
	background-color:#e4e4e4;
}

#content #faqLink
{
	bottom:27px;
	border-top:1px dotted #d0d0d0;
}

#content #faqContent .speechBubbleLeft,#content #faqContent .speechBubbleRight
{
	background-color:#d0d0d0;
}

#content #faqContent .speechBubbleLeft:after,#content #faqContent .speechBubbleRight:after
{
	border-color:#d0d0d0 transparent;
}

#toTop
{
	border-top:1px dotted #585858;
}

button.default,a.default,.icon .alertsCountContainer .alertsCount,.video:not(.floatLeft):not(.floatRight),.flashes .button:not(.default),.flash.critical,.navigation,.navigation a,.navigation a:hover,#navigation button:not(.default),#navigation .button:not(.default),#content button:not(.default),#content .button:not(.default),#footer button:not(.default),#footer .button:not(.default),#footer,#copyright,#toTop,#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6,#footer a:not(.button),#copyright a:not(.button),#toTop a:not(.button),#footer a:hover:not(.button),#copyright a:hover:not(.button),#toTop a:hover:not(.button),#homePage .banner,#homePage .feature,#homePage .feature a,#ecommerceGalleryPage #ecommerceGalleryResults,#ecommerceGalleryPage #ecommerceGalleryResults a,#ecommerceGalleryPage #ecommerceGalleryResults a:hover
{
	color:white;
}

button .lighter,a.button .lighter,#footer .lighter,#copyright .cwcmsLogin a
{
	color:#bbbbbb;
}

button.default,a.default,.flash.critical,.icon .alertsCountContainer .alertsCount
{
	background-color:#ae2533;
}

.flashes .button:not(.default),.navigation > ul > li > ul,#navigation button:not(.default),#navigation .button:not(.default),#content button:not(.default),#content .button:not(.default),#footer button:not(.default),#footer .button:not(.default)
{
	border:1px solid #585858;
}

.flashes .button:not(.default),.navigation > ul > li > ul,#navigation button:not(.default),#navigation .button:not(.default),#content button:not(.default),#content .button:not(.default),#footer button:not(.default),#footer .button:not(.default),#navigation .navigation > ul > li > a,#homePage .intro .video,#homePage .feature
{
	background-color:#585858;
}

.flashes .button:hover,div.checkboxes.buttonised div.checkbox:not(.checked):hover,div.checkbox.buttonised:not(.checked):hover,.navigation > ul > li > ul,#navigation .navigation > ul > li > a:hover,#navigation input:hover:not(:disabled),#navigation input.text:hover:not(:read-only),#navigation input.search:hover,#navigation textarea.text:hover:not(:read-only),#navigation select:hover:not(:disabled),#navigation button:hover:not(:disabled),#navigation .button:hover,#content input:hover:not(:disabled),#content input.text:hover:not(:read-only),#content input.search:hover,#content textarea.text:hover:not(:read-only),#content select:hover:not(:disabled),#content button:hover:not(:disabled),#content .button:hover,#content .cwcmsEditor.embedded:hover,#footer input:hover:not(:disabled),#footer input.text:hover:not(:read-only),#footer input.search:hover,#footer textarea.text:hover:not(:read-only),#footer select:hover:not(:disabled),#footer button:hover:not(:disabled),#footer .button:hover,#homePage .feature:hover
{
	box-shadow:0px 0px 3px 1px #222222;
}

.flashes .button:not(.default):hover,#navigation .navigation > ul > li > a:hover,#navigation button:not(:disabled):not(.default):hover,#navigation .button:not(.default):hover,#content button:not(:disabled):not(.default):hover,#content .button:not(.default):hover,#footer button:not(:disabled):not(.default):hover,#footer .button:not(.default):hover
{
	border-color:#585858;
	background-color:#585858;
}

.multiButton button:not(:last-child),.multiButton .button:not(:last-child)
{
	margin-right:1px !important;
}

div.checkboxes.buttonised div.checkbox.checked,div.checkbox.buttonised.checked
{
	border-color:#585858;
	background-color:#dfdfdf;
}

div.checkboxes.buttonised div.checkbox,div.checkbox.buttonised,#navigation input.text,#navigation input.search,#navigation textarea.text,#content input.text,#content input.search,#content textarea.text,#content .listBox,#content .cwcmsEditor.embedded,#footer input.text,#footer input.search,#footer textarea.text
{
	border:1px solid #cfcfcf;
	background-color:white;
}

.cwcms .header
{
	border-bottom:1px dotted #dfdfdf;
}

.flashes .flash.normal,#footer
{
	border-bottom:1px dotted #585858;
}

.navigation .rule
{
	border-top:1px dotted #808080;
}

#footer .rule,#homePage .banner
{
	border-top:1px dotted #585858;
}

.rule,#content table
{
	border-top:1px dotted #dfdfdf;
}

#content table tr:not(.noBorder) th:not(.noBorder),#content table tr:not(.noBorder) td:not(.noBorder),#content table tr.noBorder td.border,#content table tr.noBorder th.border,#content .listBox .item:not(:last-child)
{
	border-bottom:1px dotted #dfdfdf;
}

#content .fullWidth thead,#content .fullWidth tbody.thead,#content .fullWidth tfoot,#content .fullWidth tbody.tfoot,th.tfoot,td.tfoot,#content .listBox .item:hover
{
	background-color:#f9f9f9;
}

.panel
{
	background-color:#f3f3f3;
	border:1px solid #dfdfdf;
}

.speechBubbleLeft,.speechBubbleRight
{
	background-color:#efefef;
}

.speechBubbleLeft:after,.speechBubbleRight:after
{
	border-color:#efefef transparent;
}

input.required,textarea.required,tr.required input.text,td.required input.text,tr.required textarea.text,td.required textarea.text
{
	border-color:#585858 !important;
}

input.text[readonly],textarea.text[readonly]
{
	border-color:#dfdfdf !important;
	background-color:#efefef !important;
}

input.error,textarea.error,tr.error input.text,td.error input.text,tr.error textarea,td.error textarea,div.error input.text,div.error textarea
{
	border:1px solid #ae2533 !important;
	background-color:#f8e6ea !important;
}

input.information,textarea.information,tr.information input.text,td.information input.text,tr.information textarea,td.information textarea,div.information input.text,div.information textarea
{
	background-color:#e5edf6 !important;
	border:1px solid #005dba !important;
}

button.default,a.default,div.checkboxes.buttonised div.checkbox.checked,div.checkbox.buttonised.checked
{
	border:1px solid #ae2533;
}

button.default:hover,a.default:hover
{
	border-color:#c13846;
	background-color:#c13846;
}

div.checkboxes.buttonised div.checkbox.checked,div.checkbox.buttonised.checked,button.default:hover,a.default:hover
{
	border-color:#ae2533;
	box-shadow:0px 0px 4px 2px #ae2533 !important;
}

.light
{
	color:#666666;
}

.lighter,.close,#content table.form label:not(.checkbox),#content p label,#content table:not(.form) label:not(.checkbox),#ecommerceCheckoutPage .progress
{
	color:#888888;
}

.cross
{
	color:#bbbbbb;
}

label.required,tr.required label,td.required label
{
	color:black !important;
}

input:read-only,textarea:read-only
{
	background-color:#eeeeee !important;
}

.error:not(.cwcmsEditor),.alarm,.negative,.eventLog .error a,.eventLog .alarm a,tr.error td,tr.error label,tr.error select,td.error,td.error label,td.error select,.notice,tr.notice td,td.notice,td.notice label,div.error select
{
	color:#ae2533 !important;
}

.information,.eventLog .information,.eventLog .information a,tr.information td,tr.information label,tr.information select,td.information,td.error label,td.information select
{
	color:#005dba !important;
}

.tick:not(.negative),.positive,.eventLog .message,.eventLog .message a
{
	color:#519019 !important;
}

.video:not(.floatLeft):not(.floatRight)
{
	background-color:black;
}

/* Adjustments for high DPI displays */

@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi)
{
	#header .mainArea
	{
		background-image:url('/images/skins/equafleece2021/header-2x.png?version=20210917-1417');
		background-size:63px 100px;
	}
}

@media screen and (-webkit-min-device-pixel-ratio: 3),
screen and (min-resolution: 288dpi)
{
	#header .mainArea
	{
		background-image:url('/images/skins/equafleece2021/header-3x.png?version=20210917-1417');
		background-size:63px 100px;
	}
}