* {
	box-sizing: border-box;
}

body {
	margin: 0;
	background: #d7d9de;
	font-family: 'Montserrat', arial, helvetica, sans-serif;
}

/*change this for default width of site 1400 for 4 buttons*/
header, main {
	width: 1500px;
	max-width: 100%;
	margin: 0 auto;
}

header {
	padding: 30px 0;
	text-align: center;
}
header img {
	max-height: 110px;
}
main {
	padding-bottom: 50px;
}

#splash-links {
	text-align: center;
}
#splash-links a, #splash-links div.text {
	display: inline-block;
	border: 1px solid #808b94;
	background: #FFFFFF;
	padding: 150px 20px 20px 20px;
	width: 250px;
	margin: 0 20px 40px;
	text-decoration: none;
	font-weight: normal;
	font-size: 20px;
	color: #808b94;
	background-repeat: no-repeat;
	background-position: center 20px;
	vertical-align: top;
}

#splash-links div.text {
	padding-top: 10px;
}

#splash-links div.text p {
	font-size: 16px;
	color: #000000;
	margin: 15px 0;
}
#splash-links div.text p span.mobile {
	padding-left: 25px;
	margin-left: 5px;
	background-image: url(../images/icon-mobile.svg);
	background-size: 20px;
	background-position: center left;
	background-repeat: no-repeat;
}
#splash-links div.text p span.wapp {
	padding-left: 25px;
	margin-left: 5px;
	background-image: url(../images/icon-wapp.svg);
	background-size: 20px;
	background-position: center left;
	background-repeat: no-repeat;
}
#splash-links a:hover {
	color: #ae1022;
	border: 1px solid #AAAAAA;
}

#splash-links div.text {
    height: 215px;
    box-sizing: border-box;
    padding-top: 20px;
    text-align: center;
}

#splash-links div.text p {
    margin: 8px 0;
}

#splash-links div.text p.contacts-label {
    font-size: 20px;
    color: #808b94;
}

#splash-links a.sl-seg { 
	background-image: url(../images/icon-hardware.png);
	background-size: 140px;
	background-position: center 10px;
}
#splash-links a.sl-peg { 
	background-image: url(../images/icon-alert.svg);
	background-size: 125px;
	background-position: center 16px;
}
#splash-links a.sl-asda { 
	background-image: url(../images/icon-asda.png);
	background-size: 175px;
	background-position: center 35px;
}
#splash-links a.sl-1st { 
	background-image: url(../images/icon-man.svg);
	background-size: 125px;
	background-position: center 16px;
}
#splash-links a.sl-hub { 
	background-image: url(../images/icon-hub.svg);
	background-size: 100px;
}
#splash-links a.sl-teg { 
	background-image: url(../images/icon-astronaut.svg);
	background-size: 120px;
}
#splash-links a.sl-rotas { 
	background-image: url(../images/icon-calendar.svg);
	background-size: 120px;
}
#splash-links a.sl-management { 
	background-image: url(../images/icon-captain.svg);
	background-size: 118px;
}
#splash-links a.sl-service { 
	background-image: url(../images/icon-service.svg);
	background-size: 118px;
}
#splash-links a.sl-holiday { 
	background-image: url(../images/icon-holiday.svg);
	background-size: 130px;
}
#splash-links a.sl-holidayform { 
	background-image: url(../images/icon-holidayrequest.svg);
	background-size: 130px;
	background-position: center 10px;
}
#splash-links a.sl-hr { 
	background-image: url(../images/icon-breathehr.png);
	background-size: 200px;
	background-position: center 65px;
}
#splash-links a.sl-hr2 { 
	background-image: url(../images/icon-hr.png);
	background-size: 135px;
	background-position: center 14px;
}
#splash-links a.sl-pay { 
	background-image: url(../images/BrightPay_Logo.jpg);
	background-size: 217px;
	background-position: center 58px;
}
#splash-links a.sl-phone { 
	background-image: url(../images/telephone-directory.svg);
	background-size: 129px;
	background-position: center 14px;
}
#splash-links a.sl-octo { 
	background-image: url(../images/icon-octopus.svg);
	background-size: 115px;
	background-position: center 20px;
}
#splash-links a.sl-hand { 
	background-image: url(../images/icon-handover.png);
	background-size: 135px;
	background-position: center 13px;
}
#splash-links a.sl-supported { 
	background-image: url(../images/icon-checklist.svg);
	background-size: 140px;
	background-position: center 10px;
}
#splash-links a.sl-keygroups { 
	background-image: url(../images/icon-mfg.svg);
	background-size: 200px;
	background-position: center -15px;
}
#splash-links a.sl-keygroups2 { 
	background-image: url(../images/icon-keygroups.png);
	background-size: 194px;
	background-position: center 0px;
}
#splash-links a.sl-indies { 
	background-image: url(../images/indyicon2.png);
	background-size: 112px;
	background-position: center 3px;
}
#splash-links a.sl-ars { 
	background-image: url(../images/arslogo.png);
	background-size: 80px;
	background-position: center 49px;
}
#splash-links a.sl-mc-coop {
	background-image: url(../images/mc-coop-logo.png);
    background-position: center 50px;
    background-size: 168px;
}
#splash-links a.sl-tools { 
	background-image: url(../images/icon-tools.svg);
	background-size: 150px;
	background-position: center 4px;
}
#splash-links a.sl-useful { 
	background-image: url(../images/icon-information.svg);
	background-size: 130px;
	background-position: center 12px;
}
#splash-links a.sl-alerts { 
	background-image: url(../images/icon-mail.svg);
	background-size: 126px;
	background-position: center 18px;
}
#splash-links a.sl-mfg { 
	background-image: url(../images/icon-mfglogo.png);
	background-size: 200px;
	background-position: center 32px;
}

#splash-links a.sl-verisae { 
	background-image: url(../images/icon-verisaelogo.png);
	background-size: 200px;
	background-position: center 30px;
}
#splash-links a.sl-ds { 
	background-image: url(../images/logo-digital-space.png);
	background-size: 86px;
	background-position: center 35px;
}
#splash-links a.sl-stell { 
	background-image: url(../images/hlLogoWhiteCompact.svg);
	background-size: 86px;
	background-position: center 19px;
}
#splash-links a.sl-fair { 
	background-image: url(../images/fairbanks_forecourt.png);
	background-size: 192px;
	background-position: center 64px;
}
#splash-links a.sl-sql { 
	background-image: url(../images/SqlBak-Logo.2.svg);
	background-size: 130px;
	background-position: center 15px;
}
#splash-links a.sl-pgg {
	background-image: url(../images/icon-parklogo.png);
    background-position: center 50px;
    background-size: 260px;
}
#splash-links a.sl-ses { 
	background-image: url(../images/vusion-ses.png);
	background-size: 89px;
	background-position: center 37px;
}
#splash-links a.sl-invenco {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 131.62'><path d='M51.88,37.49C69.17,34,90.3,34,107.95,34.69c.08,19.33-.06,38.66.06,58,1.14,17.66-14.12,33.42-31,36,5-2.86,9.91-6.56,11.93-12.16,2.8-6.92,2.14-15.46-2.71-21.31-4.05-5.05-10.64-7.5-17-7.43-16.93-.51-35.61,2.73-50.52-7.33.3-7.58-.15-15.89,4-22.29,6.51-10.61,5.2-16.35,17.25-18.75Z' fill='%233f51b5'/><path d='M107.95,34.69c7.81.49,15.62,1.14,23.36,2.35C143,39,154.22,45.07,160.93,55c8.36,12.25,9.07,29.36,1.38,42.1-5,8.88-13.65,14.71-22.45,19.32-20.46,11-44.23,13-67.06,13,1.4-.18,2.79-.42,4.16-.69,16.92-2.55,32.19-18.31,31-36-.12-19.32,0-38.65-.06-58Z' fill='%23252f69'/><path d='M69.18,87.74c6.36-.07,13,2.38,17,7.43C91,101,91.69,109.56,88.9,116.47c-2,5.6-6.95,9.31-11.93,12.16-1.38.28-2.77.51-4.16.69-1.2.08-2.42.12-3.63.12q0-20.86,0-41.72Z' fill='%23252f69'/><path d='M45.69,5.88A220.43,220.43,0,0,1,97.8,2c5.56.29,9.8,5.52,10.06,10.89.23,7.25,0,14.51.08,21.77a224.7,224.7,0,0,0-52.67,4.37c-12.05,2.4-23.53,9.24-30,19.85a42.83,42.83,0,0,0-6.58,21.5C12.57,76.05,7.43,70.2,5,63,.54,50,2.86,34.58,11.83,24,20.32,13.94,33.06,8.56,45.69,5.88Z' fill='%234caf50'/></svg>");
	background-size: 124px;
	background-position: center 34px;
}
#splash-links a.sl-sentinel {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 46'><g><path d='M18.1771 9.10834L36.3546 18.1963V9.08961L18.1771 0V9.10834Z' fill='url(%23paint0)'/><path d='M18.1771 36.3328L36.3546 27.2432V36.3515L18.1771 45.4411V36.3328Z' fill='url(%23paint1)'/><path d='M18.1775 9.10834L0 18.1963V9.08961L18.1775 0V9.10834Z' fill='url(%23paint2)'/><path d='M18.1775 36.3328L0 27.2432V36.3515L18.1775 45.4411V36.3328Z' fill='url(%23paint3)'/><path d='M4.54095 20.4542L22.7049 29.537L31.8064 24.982L13.6527 15.9043L4.54095 20.4542Z' fill='url(%23paint4)'/></g><defs><linearGradient id='paint0' x1='36.2269' y1='13.5851' x2='18.1686' y2='4.54481' gradientUnits='userSpaceOnUse'><stop stop-color='%234500B6'/><stop offset='1' stop-color='%236100FF'/></linearGradient><linearGradient id='paint1' x1='36.2269' y1='31.8561' x2='18.1686' y2='40.8963' gradientUnits='userSpaceOnUse'><stop stop-color='%234500B6'/><stop offset='1' stop-color='%236100FF'/></linearGradient><linearGradient id='paint2' x1='0.129365' y1='13.5851' x2='18.186' y2='4.54481' gradientUnits='userSpaceOnUse'><stop stop-color='%236100FF'/><stop offset='1' stop-color='%234500B6'/></linearGradient><linearGradient id='paint3' x1='0.129365' y1='31.8561' x2='18.186' y2='40.8963' gradientUnits='userSpaceOnUse'><stop stop-color='%236100FF'/><stop offset='1' stop-color='%234500B6'/></linearGradient><linearGradient id='paint4' x1='27.8727' y1='27.5727' x2='8.33' y2='17.7886' gradientUnits='userSpaceOnUse'><stop stop-color='%236100FF'/><stop offset='1' stop-color='%234500B6'/></linearGradient></defs></svg>");
	background-size: 99px;
	background-position: center 16px;
 }
#splash-links a.sl-splash { 
	background-image: url(../images/icon-home.png);
	background-size: 160px;
	background-position: center 55px;
}
#splash-links a.sl-connect { 
	background-image: url(../images/evoconnect.svg);
	background-size: 229px;
	background-position: center 57px;
}
#splash-links a.sl-fis { 
	background-image: url(../images/fis-logo.png);
	background-size: 198px;
	background-position: center 38px;
}
#splash-links a.sl-wiki { 
	background-image: url(../images/icon-wiki.svg);
	background-size: 150px;
	background-position: center 10px;
}
#splash-links a.sl-devwiki { 
	background-image: url(../images/wiki-dev.png);
	background-size: 150px;
	background-position: center 10px;
}
#splash-links a.sl-evowiki { 
	background-image: url(../images/wiki-evo.png);
	background-size: 222px;
	background-position: center 65px;
}
#splash-links a.sl-legacywiki { 
	background-image: url(../images/wiki-legacy.png);
	background-size: 230px;
	background-position: center 5px;
}
#splash-links a.sl-akinfinity { 
	background-image: url(../images/akinfinity-logo.png);
	background-size: 160px;
}
#splash-links a.sl-mobex {
	background-image: url(../images/mobex-logo.png);
	background-size: 150px;
	background-position: center 0px;
}
#splash-links a.sl-homebase {
	background-image: url(../images/homebase-logo.svg);
	background-size: 200px;
	background-position: center 65px;
}
.error {
	padding: 15px;
	background: #E57373;
	color: #FFFFFF;
}


.file, .dir {
	display: block;
	padding: 15px 30px;
	margin-bottom: 5px;
	text-decoration: none;
	border: 1px solid #808b94;
}

.file {
	color: #ae1022;
	background-size: 30px;
	background-color: #FEFEFE;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.file-big {
	font-size: 40px;
	padding: 30px;
	margin-bottom: 20px;
	background-size: 80px;
}

.file-ext-xls, .file-ext-xlsx, .file-ext-xlsm {
	background-image: url(../images/icon-xls.svg);
	padding-left: 50px;
}
.file-big.file-ext-xls, .file-big.file-ext-xlsx {
	padding-left: 100px;
}
.file-ext-doc, .file-ext-docx {
	background-image: url(../images/icon-doc.svg);
	padding-left: 50px;
}
.file-big.file-ext-doc, .file-big.file-ext-docx {
	padding-left: 100px;
}
.file:hover, .dir:hover, .back:hover {
	background-color: #FAFAFA;
}

.dir {
	color: #808b94;
	background: #FEFEFE url(../images/icon-folder.svg) no-repeat 10px center;
	background-size: 30px;
	padding-left: 50px;
}

#groups-container {
	text-align: center;
}

.dir-groups {
	display: inline-block;
	min-width: 300px;
	padding: 150px 20px 20px;
	margin: 0 15px 30px 15px;
    background-position: center 10px;
    font-size: 20px;
    color: #808b94;
	background-image: url(../images/icon-folder.svg);
    background-size: 140px;
}
.dir-groups:hover {
	color: #ae1022;
	border: 1px solid #AAAAAA;
}

.dir-groups-euro-garages {
	background-image: url(../images/icon-eurologo.png);
	background-size: 190px;
    background-position: center 35px;
    text-indent: -9999px;
}
.dir-groups-motor-fuels-group {
	background-image: url(../images/icon-mfglogo.png);
    background-position: center 35px;
    background-size: 250px;
    text-indent: -9999px;
}
.dir-groups-park-garages {
	background-image: url(../images/icon-parklogo.png);
    background-position: center 50px;
    background-size: 260px;
}
.dir-groups-sgn {
	background-image: url(../images/icon-sgnlogo.png);
    background-position: center 25px;
    background-size: 210px;
    text-indent: -9999px;
}
.dir-groups-harvest {
	background-image: url(../images/icon-harvestlogo.png);
    background-position: center 65px;
    background-size: 260px;
	text-indent: -9999px;
}
.dir-groups-applegreen {
	background-image: url(../images/icon-applegreenlogo.png);
    background-position: center 60px;
    background-size: 260px;
	text-indent: -9999px;
}
.dir-groups-co-op {
	background-image: url(../images/icon-co-oplogo.png);
    background-position: center 20px;
    background-size: 150px;
	text-indent: -9999px;
}

img.listingimage {
	margin: 0 auto 20px;
    display: block;
}

p.downloadrota {
	font-size: 20px;
	font-weight: bold;
}

.back {
	display: inline-block;
	border: 1px solid #808b94;
	background: #FEFEFE;
	padding: 10px;
	text-decoration: none;
	color: #111111;
	font-size: 14px;
	margin-bottom: 10px;
}

.tree {
	display: inline-block;
	color: #808b94;
	font-size: 24px;
	margin-left: 30px;
}

h1 {
	margin: 0 0 50px;
	font-size: 50px;
	font-weight: normal;
	text-align: center;
}