@charset "UTF-8";

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

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

@font-face {
    font-family: 'VAGRoundedBold';
    src: url('http://support.ukred.com/elements/fonts/vagroundedbt-regular-webfont.eot');
    src: url('http://support.ukred.com/elements/fonts/vagroundedbt-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vagroundedbt-regular-webfont.woff') format('woff'),
         url('../fonts/vagroundedbt-regular-webfont.ttf') format('truetype'),
         url('../fonts/vagroundedbt-regular-webfont.svg#VAGRoundedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'logofull';
    src: url('/elements/fonts/hnlogo-webfont.eot');
    src: url('/elements/fonts/hnlogo-webfont.eot?#iefix') format('embedded-opentype'),
         url('/elements/fonts/hnlogo-webfont.woff') format('woff'),
         url('/elements/fonts/hnlogo-webfont.ttf') format('truetype'),
         url('/elements/fonts/hnlogo-webfont.svg#logofull') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
      font-family: 'icon';
      src: url('/elements/fonts/icon.eot?26950446');
      src: url('/elements/fonts/icon.eot?26950446#iefix') format('embedded-opentype'),
           url('/elements/fonts/icon.woff?26950446') format('woff'),
           url('/elements/fonts/icon.ttf?26950446') format('truetype'),
           url('/elements/fonts/icon.svg?26950446#icon') format('svg');
      font-weight: normal;
      font-style: normal;
}

body {
	height: 100%;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	background-color: #b9010d; /* Old browsers */
	background-color: #bcdef0; /* Old browsers */
	background: rgb(255,66,66); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,66,66,1) 0%, rgba(160,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,66,66,1)), color-stop(100%,rgba(160,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,66,66,1) 0%,rgba(160,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,66,66,1) 0%,rgba(160,0,0,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,66,66,1) 0%,rgba(160,0,0,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(255,66,66,1) 0%,rgba(160,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4242', endColorstr='#a00000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	font-size: 1em;
	text-align: left;
	margin-left: 0.8em;
	margin-bottom: 1.2em;
	margin-right: 0.8em;
	margin-top: 1.5em;
}
p {
	line-height: 1.5em;
	font-size: 0.85em;
}
p br {
	line-height: 0.8em;
}
img.logo {
	margin-left: 24px;
	margin-bottom: 24px;
}
.dir {
	color: white;
}

.file {
	color: #ff8a91;
}
span.file {
	padding-left: 0.75em;
}	
.fileaction {
	color: #76000b;
}
.diraction {
	color: white;
}


.dirul {
	background: -moz-linear-gradient(270deg, rgba(242,61,61,1) 0%, rgba(201,0,0,1) 34%, rgba(179,0,0,1) 69%, rgba(150,2,2,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242,61,61,1)), color-stop(34%, rgba(201,0,0,1)), color-stop(69%, rgba(179,0,0,1)), color-stop(100%, rgba(150,2,2,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(270deg, rgba(242,61,61,1) 0%, rgba(201,0,0,1) 34%, rgba(179,0,0,1) 69%, rgba(150,2,2,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(270deg, rgba(242,61,61,1) 0%, rgba(201,0,0,1) 34%, rgba(179,0,0,1) 69%, rgba(150,2,2,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(270deg, rgba(242,61,61,1) 0%, rgba(201,0,0,1) 34%, rgba(179,0,0,1) 69%, rgba(150,2,2,1) 100%); /* ie10+ */
	background: linear-gradient(180deg, rgba(242,61,61,1) 0%, rgba(201,0,0,1) 34%, rgba(179,0,0,1) 69%, rgba(150,2,2,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F23D3D', endColorstr='#960202',GradientType=0 ); /* ie6-9 */	color: white;
	font-family: "VAGRounded BT", "Arial Rounded MT Bold", "HelveticaRounded Bold", "Swis721 BdRnd BT", "Tahoma Bold",  Verdana, Arial; 
	padding:0.2em 0;
	border-radius:0.5em;
}
.dirul.dark {
	background: -moz-linear-gradient(270deg, rgba(201,50,50,1) 0%, rgba(173,7,7,1) 34%, rgba(128,5,5,1) 69%, rgba(105,4,4,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(201,50,50,1)), color-stop(34%, rgba(173,7,7,1)), color-stop(69%, rgba(128,5,5,1)), color-stop(100%, rgba(105,4,4,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(270deg, rgba(201,50,50,1) 0%, rgba(173,7,7,1) 34%, rgba(128,5,5,1) 69%, rgba(105,4,4,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(270deg, rgba(201,50,50,1) 0%, rgba(173,7,7,1) 34%, rgba(128,5,5,1) 69%, rgba(105,4,4,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(270deg, rgba(201,50,50,1) 0%, rgba(173,7,7,1) 34%, rgba(128,5,5,1) 69%, rgba(105,4,4,1) 100%); /* ie10+ */
	background: linear-gradient(180deg, rgba(201,50,50,1) 0%, rgba(173,7,7,1) 34%, rgba(128,5,5,1) 69%, rgba(105,4,4,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C93232', endColorstr='#690404',GradientType=0 ); /* ie6-9 */
}
.dirul:hover { 
	font-family: "VAGRounded BT", "Arial Rounded MT Bold", "HelveticaRounded Bold", "Swis721 BdRnd BT", "Tahoma Bold",  Verdana, Arial; 
	color: white; 
	background: -moz-linear-gradient(270deg, rgba(255,144,144,1) 0%, rgba(201,0,0,1) 31%, rgba(153,0,0,1) 73%, rgba(23,0,0,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,144,144,1)), color-stop(31%, rgba(201,0,0,1)), color-stop(73%, rgba(153,0,0,1)), color-stop(100%, rgba(23,0,0,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(270deg, rgba(255,144,144,1) 0%, rgba(201,0,0,1) 31%, rgba(153,0,0,1) 73%, rgba(23,0,0,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(270deg, rgba(255,144,144,1) 0%, rgba(201,0,0,1) 31%, rgba(153,0,0,1) 73%, rgba(23,0,0,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(270deg, rgba(255,144,144,1) 0%, rgba(201,0,0,1) 31%, rgba(153,0,0,1) 73%, rgba(23,0,0,1) 100%); /* ie10+ */
	background: linear-gradient(180deg, rgba(255,144,144,1) 0%, rgba(201,0,0,1) 31%, rgba(153,0,0,1) 73%, rgba(23,0,0,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E8AEAE', endColorstr='#170000',GradientType=0 ); /* ie6-9 */	
}
.dirul a:hover, .dirul:hover a:hover {
	color:white;
}
div.dlpanel > div.dirul, div.dlpanel > div.fileul {
	margin-top:0.5em;
}
div.dlpanel > div.dirul ~ div.dirul, div.dlpanel > div.fileul ~ div.fileul {
	margin-top:0;
}
.fileul, .fileup a.file {
/*
	border-bottom-style: dotted;
	border-bottom-color: #007eb0;
	border-bottom-width: thin;
*/
}

/* .fileul:hover { color: #000000; background-color: #ffbdc0; } */
.leftpanel {
	padding: 0px;
	margin: 0px;
	width: 12px;
}

a:link, a:visited {
	line-height: 1.6em;
	color: white; 
	font-size: 0.9em; 
	font-family: "VAGRounded BT", "Arial Rounded MT Bold", "HelveticaRounded Bold", "Swis721 BdRnd BT", "Tahoma Bold",  Verdana, Arial; 
	text-decoration: none; 
	padding-right: 4px; padding-left: 4px; padding-bottom: 0px; padding-top: 0px; 
	height: 100%; 
	margin: 0;
	display: block; 
	width: 100%;
}
a:hover, a:visited:hover { 
/*
	font-family: "VAGRounded BT", "Arial Rounded MT Bold", "HelveticaRounded Bold", "Swis721 BdRnd BT", "Tahoma Bold",  Verdana, Arial; 
	color: black; 
	display: block; 
	width: 100%; 
	text-decoration: none; 
	background-color: #d4fff3  
*/
}
.welcome { 
	color: #f8aeb5;
	padding-bottom: 8px;
}
.bm4px { padding-bottom: -4px; margin-bottom: -4px; color: fuchsia;}
a.plain:link { 
	width: 100%; 
	display: block; 
	font-size: 0.9em; 
	background-color: transparent; 
}
a.plain:visited { 
	width: 100%; 
	display: block; 
	background-color: transparent; 
}
a.plain:hover { 
	width: 100%; 
	display: block; 
	border-bottom-style: none; 
	background-color: transparent; 
}
a.file:link, a.file:visited {
	background: -webkit-linear-gradient(-90deg, hsl(0,0%,78%)  0%, hsl(0,0%,90%) 47%, hsl(0,0%,78%) 53%, hsl(0,0%,70%)100%);						
	background: -moz-linear-gradient(-90deg, hsl(0,0%,78%)  0%, hsl(0,0%,90%) 47%, hsl(0,0%,78%) 53%, hsl(0,0%,70%)100%);	
	background: -o-linear-gradient(-90deg, hsl(0,0%,78%)  0%, hsl(0,0%,90%) 47%, hsl(0,0%,78%) 53%, hsl(0,0%,70%)100%);	
    background: linear-gradient(180deg, rgb(199, 199, 199) 0%, rgb(230, 230, 230) 47%, rgb(199, 199, 199) 53%, rgb(179, 179, 179) 100%);
	border: 1px outset #888888;
	border-bottom-color: #040404;
	padding: 0 0.4em;
	text-decoration: none;
	color: #333;
	border-radius: 0.5em;
	white-space: nowrap;
	box-sizing: border-box;
	margin-bottom: 0.3em;
}
a.file:hover, a.file:visited:hover { 
	color:#4d0000;
    background: linear-gradient(to bottom,  rgba(255, 255, 255, 0.55) 0%,rgba(0, 0, 0, 0.15) 100%), linear-gradient(180deg, rgb(199, 199, 199) 0%, rgb(230, 230, 230) 47%, rgb(199, 199, 199) 53%, rgb(179, 179, 179) 100%);
	box-shadow: 1px 1px 4px black;
}
a.file:active {
	box-shadow: inset 1px 1px 4px black;
	border: 1px inset #888888;
	border-top-color: #040404;
	color:#ff0000;
}
a.dir:hover, a.dir:visited:hover  { 
/*
	color: black; 
	width: 100%; 
	display: block; 
	border-bottom-style: none; 
	background-color: #9c9c9c; 
*/
}
.listing { padding: 0px; margin: 0px; width: 100%; font-size: 12px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; }
.rightalign { float: right; right: 0px; text-align: right; }
.gaprow { height: 12px; }
.rightcol { text-align: right; right: 0px; }
table { margin-right: 0px; margin-left: 12px; margin-bottom: 8px; margin-top: 4px; }
/* .fileul:hover { color: #000000; background-color: #ffbdc0; } */


.note {
	font-size: 0.75em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}
.logofont {
	font-family: REDlogo, "Arial Black", Verdana, sans-serif;
}
[class^="dlicon-"], [class*=" dlicon-"] {
  font-family: dl-icons;
  font-style: normal;
  speak: none;

  display: inline-block;
  width: 1.6em;
  margin-right: .3em;
  text-align: center;
}

.the-icons li {
  font-size: 14px;
  line-height: 24px;
  height: 24px;
}
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
/*   width: 1em; */
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
/*   margin-left: .2em; */
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.dlicon-info1:before { content: '\e80c'; } /* '' */
.dlicon-file:before { content: '\e807'; } /* '' */
.dlicon-attach:before { content: '\e803'; } /* '' */
.dlicon-dir-action:before { content: '\e801'; } /* '' */
.dlicon-dir-prev:before { content: '\e800'; } /* '' */
.dlicon-info:before { content: '\e809'; } /* '' */
.dlicon-file-pic:before { content: '\e806'; } /* '' */
.dlicon-file-action:before { content: '\e80b'; } /* '' */
.dlicon-file-upload:before { content: '\e80a'; } /* '' */
.dlicon-dir-open:before { content: '\e808'; } /* '' */
.dlicon-dir:before { content: '\e805'; } /* '' */
.dlicon-dir-open2:before { content: '\e804'; } /* '' */

.icon-email:before { content: '\e800'; } /* '' */
.icon-post:before { content: '\e801'; } /* '' */
.icon-phone:before { content: '\e802'; } /* '' */
.icon-mobile:before { content: '\e803'; } /* '' */
.icon-about:before { content: '\e804'; } /* '' */
.icon-retailer:before { content: '\e805'; } /* '' */
.icon-basket:before { content: '\e806'; } /* '' */
.icon-paypal:before { content: '\e807'; } /* '' */
.icon-productcare:before { content: '\e808'; } /* '' */
.icon-bucket:before { content: '\e809'; } /* '' */
.icon-productuse:before { content: '\e80a'; } /* '' */
.icon-person:before { content: '\e80b'; } /* '' */
.icon-productuse-1:before { content: '\e80c'; } /* '' */
.icon-bank:before { content: '\e80d'; } /* '' */
.icon-cc-paypal:before { content: '\e80e'; } /* '' */
.icon-exchange:before { content: '\e80f'; } /* '' */
.icon-to:before { content: '\e810'; } /* '' */
.icon-tools:before { content: '\e811'; } /* '' */
.icon-assembly:before { content: '\e812'; } /* '' */
.icon-tick:before { content: '\e813'; } /* '' */
.icon-processing:before { content: '\e814'; } /* '' */
.icon-cancel:before { content: '\e815'; } /* '' */
.icon-plus:before { content: '\e816'; } /* '' */
.icon-minus:before { content: '\e817'; } /* '' */
.icon-info-c:before { content: '\e818'; } /* '' */
.icon-bin:before { content: '\e819'; } /* '' */
.icon-key:before { content: '\e81a'; } /* '' */
.icon-warning:before { content: '\e81b'; } /* '' */
.icon-globe:before { content: '\e81c'; } /* '' */
.icon-attention:before { content: '\e81d'; } /* '' */
.icon-reset:before { content: '\e81e'; } /* '' */
.icon-reset-c:before { content: '\e81f'; } /* '' */
.icon-menu:before { content: '\e820'; } /* '' */
.icon-redo:before { content: '\e821'; } /* '' */
.icon-EUR:before { content: '\e822'; } /* '' */
.icon-GBP:before { content: '\e823'; } /* '' */
.icon-USD:before { content: '\e824'; } /* '' */
.icon-openQ:before { content: '\e825'; } /* '' */
.icon-closeQ:before { content: '\e826'; } /* '' */
.icon-tag:before { content: '\e827'; } /* '' */
.icon-x:before { content: '\e828'; } /* '' */
.icon-continue:before { content: '\e829'; } /* '' */
.icon-back:before { content: '\e829'; transform:rotateY(180deg); } /* '' */
.icon-link:before { content: '\e82a'; } /* '' */
.icon-trolley-addmore:before { content: '\e82b'; } /* '' */
.icon-trolley-empty:before { content: '\e82c'; } /* '' */
.icon-trolley-full:before { content: '\e82d'; } /* '' */
.icon-trolley-refresh:before { content: '\e82e'; } /* '' */
.icon-trolley-partial-c:before { content: '\e82f'; } /* '' */
.icon-trolley-add:before { content: '\e830'; } /* '' */
.icon-checkout:before { content: '\e831'; } /* '' */
.icon-preview:before { content: '\e832'; } /* '' */
.icon-wand:before { content: '\e833'; } /* '' */
.icon-wand-r:before { content: '\e834'; } /* '' */
.icon-secure:before { content: '\e835'; } /* '' */
.icon-lock:before { content: '\e836'; } /* '' */
.icon-unlock:before { content: '\e837'; } /* '' */
.icon-locked:before { content: '\e838'; } /* '' */
.icon-unlocked:before { content: '\e839'; } /* '' */
.icon-ssl:before { content: '\e83a'; } /* '' */

.large {
	font-size: 2em;
}
.white {
	color: white;
}
.dropped {
	float: left; 
	font-size: 4em; 
	line-height: 1em; 
	padding-top: 0.05em; 
	margin-right: -6px; 
	margin-left: -12px; 
}
a.nav {
	font-size: 0.9em;
}
.icon, .icon-top {
    text-shadow: 1px 1px 5px rgba(0,0,0,0.6);
    font-family: "icon";
    position: absolute;
    font-size: 3em;
    color: #ff243d;
    font-style: normal !important;
}
.icon {
	
}
.icon-top {
    top:0.3em;
}
.icon.large {
	font-size:4em;
}
span.logofull {
	font-family: 'logofull';
}
span.supportlogo {
	position: absolute;
    /* top: 3.3em; */
    padding-left: 1.0em;
    font-family: 'logofull';
    font-size: 3em;
}
div.dlpanel {
	width:730px;
	border-radius:1em;
	border:1px solid black;
	box-shadow: 2px 2px 12px 1px rgba(0, 0, 0, 0.88);
	box-sizing: border-box;
    padding: 0;
    margin-left:2em;
}
div.dlpanel p {
	margin: 0 0.8em;
}
div.dlpanel p:last-sibling {
	margin-bottom:1em;
}
div.dlpanel table {
	width:100%;
	box-sizing: border-box;
	margin: 0;
    outline: none;
    border-collapse: collapse;
}
div.dlpanel div.inforow {
	border-bottom:2px solid maroon;
}
div.dlpanel div.inforow {
	padding-bottom:1em;
}
div.dlpanel table tr:first-child td:first-child, div.dlpanel table tr:last-child td:first-child {
	padding-left:0;
}
div.dlpanel table tr td:first-child {
	padding-left:1em;
}
div.dlheader, div.dlfooter {
	background-color: rgba(125, 0, 0, 0.75);
	color:white;
	margin: -2px;
	padding: 0.5em 1em;
}
div.dlheader {
	border-radius:1em 1em 0 0;
	margin-bottom:1em;
}
div.dlfooter {
	border-radius:0 0 1em 1em;
	margin-top: 0.5em;
	min-height:1em;
}
div.dlheader h2 {
	font-family: 'VAGRoundedBold';
	margin: 0.2em 0 0;
    letter-spacing: 0.1em;
    color:#ff2424;
}
div.fileul img.preview
{
	display: none;
}
div.fileul a, div.dirul a { 
	height:auto;
	box-sizing: border-box;
}
div.fileul a span.rj, div.dirul a span.rj {
	float:right;
}

div.fileul:hover img.preview {
	display: block;
	position: absolute;
	z-index: 1;
}
div.preview {
	width:1em;
	overflow:visible;
	display: block;
	position: absolute;
	top: -100%;
	right: -1.5em;
	z-index: 1;
}
div.fileul img {
/* 	background: #fff; */
	border-radius: 0.5em;
	border:6px solid rgba(0, 0, 0, 0.35);
	color: inherit;
	padding: 2px;
	vertical-align: top;
	height: 120px;
}

div.fileul {
	display: block;
	position: relative;
	padding:0 0.4em;
}
div.fileul:hover {
/* 	background:#272727; */
}
div.fileul:hover a {
/* 	color:#4d0000; */
}
div.fileul:hover a i.fileaction {
	color:red;
}