/******************************
	CSS imports
*******************************/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio[controls],
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
html {
  font-size: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
body,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
select,
input,
button,
textarea {
  font: 99% arial, helvetica, clean, sans-serif;
}
ul,
ol {
  padding: 0 0 0 20px;
}
nav ul,
nav ol {
  list-style: none;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  *margin-left: -7px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th,
td {
  padding: 0;
  text-align: left;
  vertical-align: middle;
}
/*
                        .__      ___.   .__                 
    ___  _______ _______|__|____ \_ |__ |  |   ____   ______
    \  \/ /\__  \\_  __ \  \__  \ | __ \|  | _/ __ \ /  ___/
     \   /  / __ \|  | \/  |/ __ \| \_\ \  |_\  ___/ \___ \ 
      \_/  (____  /__|  |__(____  /___  /____/\___  >____  >
                \/              \/    \/          \/     \/ 

*/
/******************************
	Layout
*******************************/
.borderB {
  border-bottom: 1px solid #CCCCCC;
}
/******************************
	Colour
*******************************/
/* Background colour */
/* Base usually grey or white */
/* Brand colour 1 */
/* Brand colour 2 */
/* Positive colour (default: green) */
/* Negative colour (default: red) */
.pos {
  color: #7D9100;
}
.neg {
  color: #D30000;
}
.brandColor-1 {
  color: #004762;
}
.brandColor-2 {
  color: #FF9900;
}
/******************************
	Colour variations
*******************************/
/******************************
	Gradients
******************************/
/*

        .__       .__               
  _____ |__|__  __|__| ____   ______
 /     \|  \  \/  /  |/    \ /  ___/
|  Y Y  \  |>    <|  |   |  \\___ \ 
|__|_|  /__/__/\_ \__|___|  /____  >
      \/         \/       \/     \/  

*/
/******************************
	Gradients
******************************/
.baseColor-grad {
  background: #555555;
  /* Old browsers */
  background: -moz-linear-gradient(top, #626262, #555555 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #626262), color-stop(100%, #555555));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #626262 0%, #555555 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #626262 0%, #555555 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #626262 0%, #555555 100%);
  /* IE10+ */
  background: linear-gradient(top, #626262 0%, #555555 100%);
  /* W3C */
}
.brandColor-1-grad,
.baseColor-gradHover {
  background: #004762;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00597c, #004762 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00597c), color-stop(100%, #004762));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00597c 0%, #004762 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00597c 0%, #004762 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #00597c 0%, #004762 100%);
  /* IE10+ */
  background: linear-gradient(top, #00597c 0%, #004762 100%);
  /* W3C */
}
.brandColor-1-gradHover {
  background: #006186;
  /* Old browsers */
  background: -moz-linear-gradient(top, #006186, #006186 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006186), color-stop(100%, #006186));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #006186 0%, #006186 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #006186 0%, #006186 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #006186 0%, #006186 100%);
  /* IE10+ */
  background: linear-gradient(top, #006186 0%, #006186 100%);
  /* W3C */
}
.brandColor-1-gradActive,
.baseColor-gradActive {
  background: #003549;
  /* Old browsers */
  background: -moz-linear-gradient(top, #004762, #003549 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004762), color-stop(100%, #003549));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #004762 0%, #003549 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #004762 0%, #003549 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #004762 0%, #003549 100%);
  /* IE10+ */
  background: linear-gradient(top, #004762 0%, #003549 100%);
  /* W3C */
}
.brandColor-2-grad {
  background: #FF9900;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffa31a, #FF9900 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa31a), color-stop(100%, #FF9900));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffa31a 0%, #FF9900 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffa31a 0%, #FF9900 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffa31a 0%, #FF9900 100%);
  /* IE10+ */
  background: linear-gradient(top, #ffa31a 0%, #FF9900 100%);
  /* W3C */
}
.brandColor-2-gradHover {
  background: #ffa724;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffa724, #ffa724 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa724), color-stop(100%, #ffa724));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffa724 0%, #ffa724 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffa724 0%, #ffa724 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffa724 0%, #ffa724 100%);
  /* IE10+ */
  background: linear-gradient(top, #ffa724 0%, #ffa724 100%);
  /* W3C */
}
.brandColor-2-gradActive {
  background: #e68a00;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FF9900, #e68a00 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF9900), color-stop(100%, #e68a00));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FF9900 0%, #e68a00 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FF9900 0%, #e68a00 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #FF9900 0%, #e68a00 100%);
  /* IE10+ */
  background: linear-gradient(top, #FF9900 0%, #e68a00 100%);
  /* W3C */
}
.posColor-grad {
  background: #7D9100;
  /* Old browsers */
  background: -moz-linear-gradient(top, #93ab00, #7D9100 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #93ab00), color-stop(100%, #7D9100));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #93ab00 0%, #7D9100 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #93ab00 0%, #7D9100 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #93ab00 0%, #7D9100 100%);
  /* IE10+ */
  background: linear-gradient(top, #93ab00 0%, #7D9100 100%);
  /* W3C */
}
.posColor-gradHover {
  background: #9cb500;
  /* Old browsers */
  background: -moz-linear-gradient(top, #9cb500, #9cb500 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9cb500), color-stop(100%, #9cb500));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #9cb500 0%, #9cb500 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #9cb500 0%, #9cb500 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #9cb500 0%, #9cb500 100%);
  /* IE10+ */
  background: linear-gradient(top, #9cb500 0%, #9cb500 100%);
  /* W3C */
}
.posColor-gradActive {
  background: #677800;
  /* Old browsers */
  background: -moz-linear-gradient(top, #7D9100, #677800 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7D9100), color-stop(100%, #677800));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7D9100 0%, #677800 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #7D9100 0%, #677800 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #7D9100 0%, #677800 100%);
  /* IE10+ */
  background: linear-gradient(top, #7D9100 0%, #677800 100%);
  /* W3C */
}
.negColor-grad {
  background: #D30000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ec0000, #D30000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ec0000), color-stop(100%, #D30000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ec0000 0%, #D30000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ec0000 0%, #D30000 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ec0000 0%, #D30000 100%);
  /* IE10+ */
  background: linear-gradient(top, #ec0000 0%, #D30000 100%);
  /* W3C */
}
.negColor-gradHover {
  background: #f70000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f70000, #f70000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f70000), color-stop(100%, #f70000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f70000 0%, #f70000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f70000 0%, #f70000 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #f70000 0%, #f70000 100%);
  /* IE10+ */
  background: linear-gradient(top, #f70000 0%, #f70000 100%);
  /* W3C */
}
.negColor-gradActive {
  background: #ba0000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #D30000, #ba0000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D30000), color-stop(100%, #ba0000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #D30000 0%, #ba0000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #D30000 0%, #ba0000 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #D30000 0%, #ba0000 100%);
  /* IE10+ */
  background: linear-gradient(top, #D30000 0%, #ba0000 100%);
  /* W3C */
}
/*
      __                   __                 .__  .__          __    __          
    _/  |_  ____   _______/  |_  ___________  |  | |  |   _____/  |__/  |_  ____  
    \   __\/ __ \ /  ___/\   __\ \____ \__  \ |  | |  | _/ __ \   __\   __\/ __ \ 
     |  | \  ___/ \___ \  |  |   |  |_> > __ \|  |_|  |_\  ___/|  |  |  | \  ___/ 
     |__|  \___  >____  > |__|   |   __(____  /____/____/\___  >__|  |__|  \___  >
               \/     \/         |__|       \/               \/                \/ 
 */
/******************************
	Test pallette
******************************/
.testPallette div {
  width: 178px;
  height: 50px;
  float: left;
  text-align: center;
  line-height: 50px;
  margin: 0 5px 10px;
  color: #ffffff;
}
.testPallette div.a1 {
  background: #555555;
}
.testPallette div.a2 {
  background: #7b7b7b;
}
.testPallette div.a3 {
  background: #2f2f2f;
}
.testPallette div.a4 {
  background: #555555;
  /* Old browsers */
  background: -moz-linear-gradient(top, #626262, #555555 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #626262), color-stop(100%, #555555));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #626262 0%, #555555 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #626262 0%, #555555 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #626262 0%, #555555 100%);
  /* IE10+ */
  background: linear-gradient(top, #626262 0%, #555555 100%);
  /* W3C */
}
.testPallette div.a5 {
  background: #555555;
  /* Old browsers */
  background: -moz-linear-gradient(top, #626262, #555555 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #626262), color-stop(100%, #555555));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #626262 0%, #555555 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #626262 0%, #555555 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #626262 0%, #555555 100%);
  /* IE10+ */
  background: linear-gradient(top, #626262 0%, #555555 100%);
  /* W3C */
  cursor: pointer;
}
.testPallette div.a5:hover {
  background: #004762;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00597c, #004762 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00597c), color-stop(100%, #004762));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00597c 0%, #004762 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00597c 0%, #004762 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #00597c 0%, #004762 100%);
  /* IE10+ */
  background: linear-gradient(top, #00597c 0%, #004762 100%);
  /* W3C */
}
.testPallette div.a5:active {
  background: #003549;
  /* Old browsers */
  background: -moz-linear-gradient(top, #004762, #003549 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004762), color-stop(100%, #003549));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #004762 0%, #003549 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #004762 0%, #003549 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #004762 0%, #003549 100%);
  /* IE10+ */
  background: linear-gradient(top, #004762 0%, #003549 100%);
  /* W3C */
}
.testPallette div.b1 {
  background: #004762;
}
.testPallette div.b2 {
  background: #007eaf;
}
.testPallette div.b3 {
  background: #001016;
}
.testPallette div.b4 {
  background: #004762;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00597c, #004762 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00597c), color-stop(100%, #004762));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00597c 0%, #004762 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00597c 0%, #004762 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #00597c 0%, #004762 100%);
  /* IE10+ */
  background: linear-gradient(top, #00597c 0%, #004762 100%);
  /* W3C */
}
.testPallette div.b5 {
  background: #004762;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00597c, #004762 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00597c), color-stop(100%, #004762));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00597c 0%, #004762 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00597c 0%, #004762 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #00597c 0%, #004762 100%);
  /* IE10+ */
  background: linear-gradient(top, #00597c 0%, #004762 100%);
  /* W3C */
  cursor: pointer;
}
.testPallette div.b5:hover {
  background: #006186;
  /* Old browsers */
  background: -moz-linear-gradient(top, #006186, #006186 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006186), color-stop(100%, #006186));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #006186 0%, #006186 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #006186 0%, #006186 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #006186 0%, #006186 100%);
  /* IE10+ */
  background: linear-gradient(top, #006186 0%, #006186 100%);
  /* W3C */
}
.testPallette div.b5:active {
  background: #003549;
  /* Old browsers */
  background: -moz-linear-gradient(top, #004762, #003549 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004762), color-stop(100%, #003549));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #004762 0%, #003549 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #004762 0%, #003549 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #004762 0%, #003549 100%);
  /* IE10+ */
  background: linear-gradient(top, #004762 0%, #003549 100%);
  /* W3C */
}
.testPallette div.c1 {
  background: #FF9900;
}
.testPallette div.c2 {
  background: #ffb84d;
}
.testPallette div.c3 {
  background: #b36b00;
}
.testPallette div.c4 {
  background: #FF9900;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffa31a, #FF9900 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa31a), color-stop(100%, #FF9900));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffa31a 0%, #FF9900 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffa31a 0%, #FF9900 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffa31a 0%, #FF9900 100%);
  /* IE10+ */
  background: linear-gradient(top, #ffa31a 0%, #FF9900 100%);
  /* W3C */
}
.testPallette div.c5 {
  background: #FF9900;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffa31a, #FF9900 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa31a), color-stop(100%, #FF9900));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffa31a 0%, #FF9900 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffa31a 0%, #FF9900 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffa31a 0%, #FF9900 100%);
  /* IE10+ */
  background: linear-gradient(top, #ffa31a 0%, #FF9900 100%);
  /* W3C */
  cursor: pointer;
}
.testPallette div.c5:hover {
  background: #ffa724;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffa724, #ffa724 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa724), color-stop(100%, #ffa724));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffa724 0%, #ffa724 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffa724 0%, #ffa724 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffa724 0%, #ffa724 100%);
  /* IE10+ */
  background: linear-gradient(top, #ffa724 0%, #ffa724 100%);
  /* W3C */
}
.testPallette div.c5:active {
  background: #e68a00;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FF9900, #e68a00 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF9900), color-stop(100%, #e68a00));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FF9900 0%, #e68a00 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FF9900 0%, #e68a00 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #FF9900 0%, #e68a00 100%);
  /* IE10+ */
  background: linear-gradient(top, #FF9900 0%, #e68a00 100%);
  /* W3C */
}
.testPallette div.d1 {
  background: #7D9100;
}
.testPallette div.d2 {
  background: #93ab00;
}
.testPallette div.d3 {
  background: #677800;
}
.testPallette div.d4 {
  background: #7D9100;
  /* Old browsers */
  background: -moz-linear-gradient(top, #93ab00, #7D9100 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #93ab00), color-stop(100%, #7D9100));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #93ab00 0%, #7D9100 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #93ab00 0%, #7D9100 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #93ab00 0%, #7D9100 100%);
  /* IE10+ */
  background: linear-gradient(top, #93ab00 0%, #7D9100 100%);
  /* W3C */
}
.testPallette div.d5 {
  background: #7D9100;
  /* Old browsers */
  background: -moz-linear-gradient(top, #93ab00, #7D9100 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #93ab00), color-stop(100%, #7D9100));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #93ab00 0%, #7D9100 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #93ab00 0%, #7D9100 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #93ab00 0%, #7D9100 100%);
  /* IE10+ */
  background: linear-gradient(top, #93ab00 0%, #7D9100 100%);
  /* W3C */
  cursor: pointer;
}
.testPallette div.d5:hover {
  background: #9cb500;
  /* Old browsers */
  background: -moz-linear-gradient(top, #9cb500, #9cb500 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9cb500), color-stop(100%, #9cb500));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #9cb500 0%, #9cb500 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #9cb500 0%, #9cb500 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #9cb500 0%, #9cb500 100%);
  /* IE10+ */
  background: linear-gradient(top, #9cb500 0%, #9cb500 100%);
  /* W3C */
}
.testPallette div.d5:active {
  background: #677800;
  /* Old browsers */
  background: -moz-linear-gradient(top, #7D9100, #677800 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7D9100), color-stop(100%, #677800));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7D9100 0%, #677800 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #7D9100 0%, #677800 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #7D9100 0%, #677800 100%);
  /* IE10+ */
  background: linear-gradient(top, #7D9100 0%, #677800 100%);
  /* W3C */
}
.testPallette div.e1 {
  background: #D30000;
}
.testPallette div.e2 {
  background: #ec0000;
}
.testPallette div.e3 {
  background: #ba0000;
}
.testPallette div.e4 {
  background: #D30000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ec0000, #D30000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ec0000), color-stop(100%, #D30000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ec0000 0%, #D30000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ec0000 0%, #D30000 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ec0000 0%, #D30000 100%);
  /* IE10+ */
  background: linear-gradient(top, #ec0000 0%, #D30000 100%);
  /* W3C */
}
.testPallette div.e5 {
  background: #D30000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ec0000, #D30000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ec0000), color-stop(100%, #D30000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ec0000 0%, #D30000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ec0000 0%, #D30000 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ec0000 0%, #D30000 100%);
  /* IE10+ */
  background: linear-gradient(top, #ec0000 0%, #D30000 100%);
  /* W3C */
  cursor: pointer;
}
.testPallette div.e5:hover {
  background: #f70000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f70000, #f70000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f70000), color-stop(100%, #f70000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f70000 0%, #f70000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f70000 0%, #f70000 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #f70000 0%, #f70000 100%);
  /* IE10+ */
  background: linear-gradient(top, #f70000 0%, #f70000 100%);
  /* W3C */
}
.testPallette div.e5:active {
  background: #ba0000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #D30000, #ba0000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D30000), color-stop(100%, #ba0000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #D30000 0%, #ba0000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #D30000 0%, #ba0000 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #D30000 0%, #ba0000 100%);
  /* IE10+ */
  background: linear-gradient(top, #D30000 0%, #ba0000 100%);
  /* W3C */
}
/******************************
	Less imports
******************************/
/*
    .__                              __   
    |  | _____  ___.__. ____  __ ___/  |_ 
    |  | \__  \<   |  |/  _ \|  |  \   __\
    |  |__/ __ \\___  (  <_> )  |  /|  |  
    |____(____  / ____|\____/|____/ |__|  
              \/\/                        
 */
/******************************
	Sizes
******************************/
.s1 {
  width: 940px;
}
.s3-4 {
  width: 700px;
}
.s2-3 {
  width: 600px;
}
.s1-2 {
  width: 460px;
}
.s1-3 {
  width: 300px;
}
.s1-4 {
  width: 220px;
}
.sFull {
  width: 100%;
}
.sHalf {
  width: 50%;
}
.s3-16 {
  width: 160px;
}
.s10-16 {
  width: 580px;
}
.s13-16 {
  width: 740px;
}
.s1,
.s3-4,
.s2-3,
.s1-2,
.s1-3,
.s1-4,
.sfull,
.sHalf,
.s3-16,
.s10-16 {
  float: left;
  padding: 0 10px;
}
/******************************
	Content layouts
******************************/
#shopSide {
  float: left;
  width: 184px;
  padding: 0 10px;
}
#shopMain {
  float: left;
  width: 756px;
}
#contentSide {
  float: left;
  width: 220px;
  padding: 0 10px;
}
#contentMain {
  float: left;
  width: 720px;
}
/******************************
	Sections
******************************/
section {
  position: relative;
  zoom: 1;
}
/******************************
	Default padding
******************************/
.p0 {
  padding: 0 !important;
}
.p10 {
  padding: 10px !important;
}
.p20 {
  padding: 20px !important;
}
.p30 {
  padding: 30px !important;
}
.p40 {
  padding: 40px !important;
}
.pX0 {
  padding-left: 0;
  padding-right: 0 !important;
}
.pX10 {
  padding: 0 10px !important;
}
.pX20 {
  padding: 0 20px !important;
}
.pX30 {
  padding: 0 30px !important;
}
.pX40 {
  padding: 0 40px !important;
}
.pY0 {
  padding-top: 0;
  padding-bottom: 0 !important;
}
.pY10 {
  padding: 10px 0 !important;
}
.pY20 {
  padding: 20px 0 !important;
}
.pY30 {
  padding: 30px 0 !important;
}
.pY40 {
  padding: 40px 0 !important;
}
.pT0 {
  padding-top: 0 !important;
}
.pT10 {
  padding-top: 10px !important;
}
.pT20 {
  padding-top: 20px !important;
}
.pT30 {
  padding-top: 30px !important;
}
.pT40 {
  padding-top: 40px !important;
}
.pB0 {
  padding-bottom: 0 !important;
}
.pB10 {
  padding-bottom: 10px !important;
}
.pB20 {
  padding-bottom: 20px !important;
}
.pB30 {
  padding-bottom: 30px !important;
}
.pB40 {
  padding-bottom: 40px !important;
}
.pL0 {
  padding-left: 0 !important;
}
.pL10 {
  padding-left: 10px !important;
}
.pL20 {
  padding-left: 20px !important;
}
.pL30 {
  padding-left: 30px !important;
}
.pL40 {
  padding-left: 40px !important;
}
.pR0 {
  padding-right: 0 !important;
}
.pR10 {
  padding-right: 10px !important;
}
.pR20 {
  padding-right: 20px !important;
}
.pR30 {
  padding-right: 30px !important;
}
.pR40 {
  padding-right: 40px !important;
}
/******************************
	Default margin
******************************/
.m0 {
  margin: 0 !important;
}
.m10 {
  margin: 10px !important;
}
.m20 {
  margin: 20px !important;
}
.m30 {
  margin: 30px !important;
}
.m40 {
  margin: 40px !important;
}
.mX0 {
  margin-left: 0;
  margin-right: 0 !important;
}
.mX10 {
  margin: 0 10px !important;
}
.mX20 {
  margin: 0 20px !important;
}
.mX30 {
  margin: 0 30px !important;
}
.mX40 {
  margin: 0 40px !important;
}
.mY0 {
  margin-top: 0;
  margin-bottom: 0 !important;
}
.mY10 {
  margin: 10px 0 !important;
}
.mY20 {
  margin: 20px 0 !important;
}
.mY30 {
  margin: 30px 0 !important;
}
.mY40 {
  margin: 40px 0 !important;
}
.mT0 {
  margin-top: 0 !important;
}
.mT5 {
  margin-top: 5px !important;
}
.mT10 {
  margin-top: 10px !important;
}
.mT20 {
  margin-top: 20px !important;
}
.mT30 {
  margin-top: 30px !important;
}
.mT40 {
  margin-top: 40px !important;
}
.mB0 {
  margin-bottom: 0 !important;
}
.mB5 {
  margin-bottom: 5px !important;
}
.mB10 {
  margin-bottom: 10px !important;
}
.mB20 {
  margin-bottom: 20px !important;
}
.mB30 {
  margin-bottom: 30px !important;
}
.mB40 {
  margin-bottom: 40px !important;
}
.mL0 {
  margin-top: 0 !important;
}
.mL15 {
  margin-left: 5px !important;
}
.mL10 {
  margin-left: 10px !important;
}
.mL20 {
  margin-left: 20px !important;
}
.mL30 {
  margin-left: 30px !important;
}
.mL40 {
  margin-left: 40px !important;
}
.mR0 {
  margin-top: 0 !important;
}
.mR5 {
  margin-right: 5px !important;
}
.mR10 {
  margin-right: 10px !important;
}
.mR20 {
  margin-right: 20px !important;
}
.mR30 {
  margin-right: 30px !important;
}
.mR40 {
  margin-right: 40px !important;
}
/* Display */
.block {
  display: block;
}
.inline {
  display: inline;
}
/* Misc */
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.txtRight {
  text-align: right !important;
}
.txtCenter {
  text-align: center !important;
}
/* Clear */
.clearL {
  clear: left;
}
.clearR {
  clear: right;
}
.clear {
  clear: both;
  height: 0px;
  visibility: hidden;
  overflow: hidden;
  zoom: 1;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/******************************
	Pictograms
******************************/
@font-face {
  font-family: 'ModernPictogramsNormal';
  src: url('fonts/modernpics-webfont.eot');
  src: url('fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/modernpics-webfont.woff') format('woff'), url('fonts/modernpics-webfont.ttf') format('truetype'), url('fonts/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
  font-weight: normal;
  font-style: normal;
}
span.icon {
  font-family: 'ModernPictogramsNormal';
  font-size: inherit;
  margin: 0 10px 0 0;
  padding: 0;
  line-height: inherit;
  font-size: 45px;
  vertical-align: middle;
}
/******************************
	Typography
******************************/
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl {
  margin-bottom: 20px;
  line-height: 1.6em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-rendering: optimizeLegibility;
  font-weight: normal;
}
h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2em;
  line-height: 1;
  margin: 0 0 0.5em;
  letter-spacing: -0.01em;
}
h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  line-height: 1;
  margin: 0 0 0.5em;
  letter-spacing: -0.01em;
}
h3 {
  font-size: 1.2em;
  line-height: 1;
  margin: 0 0 0.5em;
}
h4 {
  font-size: 1.2em;
  line-height: 1.25;
  margin: 0 0 0.5em;
}
h5 {
  font-size: 1em;
  margin: 0 0 0.5em;
}
h6 {
  font-size: 1em;
  margin: 0 0 0.5em;
}
p {
  margin: 0 0 1.5em;
}
ul,
ol {
  margin: 0 0 1.5em;
}
em {
  color: #7D9100;
}
address {
  margin: 10px 0 0;
  font-style: normal;
  line-height: 1.4em;
  font-weight: bolder;
}
.lft {
  text-align: left !important;
}
.rgt {
  text-align: right !important;
}
/******************************
	Buttons
******************************/
.btn {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  vertical-align: top;
  white-space: nowrap;
  font-weight: bold;
  position: relative;
  outline: none;
}
.btnInput {
  cursor: pointer;
  padding: 0 !important;
  margin: 0 !important;
  outline: medium none;
  white-space: nowrap;
  border: none;
  background: none;
  font-family: arial, helvetica, clean, sans-serif !important;
  font-weight: bold !important;
  outline: none;
}
.btnBase input,
.btnPos input,
.btnNeg input {
  cursor: pointer;
  padding: 0 !important;
  margin: 0 !important;
  outline: medium none;
  white-space: nowrap;
  border: none;
  background: none;
  font-family: arial, helvetica, clean, sans-serif !important;
  font-weight: bold !important;
  outline: none;
  height: 23px !important;
  line-height: 23px !important;
  color: #ffffff;
}
.btnBase,
.btnPos,
.btnNeg {
  height: 23px;
  line-height: 23px;
  padding: 0 10px;
  color: #ffffff;
  border-radius: 3px;
}
.btnBase {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  vertical-align: top;
  white-space: nowrap;
  font-weight: bold;
  position: relative;
  outline: none;
  background: #555555;
  border: 1px solid #555555;
}
.btnBase:hover {
  background: #004762;
  border: 1px solid #004762;
  text-decoration: none;
}
.btnBase:active {
  background: #001016;
  border: 1px solid #001016;
}
.btnPos {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  vertical-align: top;
  white-space: nowrap;
  font-weight: bold;
  position: relative;
  outline: none;
  background: #7D9100;
  border: 1px solid #7D9100;
}
.btnPos:hover {
  background: #93ab00;
  border: 1px solid #93ab00;
  text-decoration: none;
}
.btnPos:active {
  background: #677800;
  border: 1px solid #677800;
}
.btnNeg {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  vertical-align: top;
  white-space: nowrap;
  font-weight: bold;
  position: relative;
  outline: none;
  background: #D30000;
  border: 1px solid #D30000;
}
.btnNeg:hover {
  background: #ec0000;
  border: 1px solid #ec0000;
  text-decoration: none;
}
.btnNeg:active {
  background: #ba0000;
  border: 1px solid #ba0000;
}
.no-js .delete,
.no-js #emptyBasket {
  display: none;
}
/******************************
	Nav
******************************/
nav ul#megaMenu div ul {
  list-style: none;
  float: left;
  width: 115px;
  padding: 0;
  margin: 0 0 10px;
  position: relative;
}
nav ul#megaMenu div.sz8 {
  width: 920px;
}
nav ul#megaMenu div.sz8 p {
  width: 900px;
}
nav ul#megaMenu div.sz8 input[type="text"] {
  width: 250px;
}
nav ul#megaMenu div.sz7 {
  width: 805px;
}
nav ul#megaMenu div.sz7 p {
  width: 785px;
}
nav ul#megaMenu div.sz7 input[type="text"] {
  width: 250px;
}
nav ul#megaMenu div.sz6 {
  width: 690px;
}
nav ul#megaMenu div.sz6 p {
  width: 670px;
}
nav ul#megaMenu div.sz6 input[type="text"] {
  width: 250px;
}
nav ul#megaMenu div.sz5 {
  width: 575px;
}
nav ul#megaMenu div.sz5 p {
  width: 555px;
}
nav ul#megaMenu div.sz5 input[type="text"] {
  width: 250px;
}
nav ul#megaMenu div.sz4 {
  width: 460px;
}
nav ul#megaMenu div.sz4 p {
  width: 440px;
}
nav ul#megaMenu div.sz4 input[type="text"] {
  width: 250px;
}
nav ul#megaMenu div.sz3 {
  width: 600px;
}
nav ul#megaMenu div.sz3 ul {
  width: 200px;
}
nav ul#megaMenu div.sz3 p {
  width: 580px;
}
nav ul#megaMenu div.sz3 input[type="text"] {
  width: 220px;
}
nav ul#megaMenu div.sz2 {
  width: 500px;
}
nav ul#megaMenu div.sz2 ul {
  width: 250px;
}
nav ul#megaMenu div.sz2 p {
  width: 480px;
}
nav ul#megaMenu div.sz2 input[type="text"] {
  width: 220px;
}
nav ul#megaMenu div.sz1 {
  width: 250px;
}
nav ul#megaMenu div.sz1 ul {
  width: 250px;
}
nav ul#megaMenu div.sz1 p {
  width: 230px;
}
nav ul#megaMenu div.sz1 input[type="text"] {
  width: 110px;
}
nav ul#megaMenu div ul li {
  font-size: 0.846em;
  text-decoration: none;
  float: left;
  clear: left;
  width: 100%;
}
/******************************
	Featured link view
******************************/
ol.featLinkView {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
}
ol.featLinkView li {
  float: left;
}
ol.featLinkView li a {
  position: relative;
  display: block;
  width: 152px;
  margin: 0 0 20px 20px;
  background: #E6E6E6;
  padding: 10px;
  color: #555555;
  -moz-transition: background-color 0.2s ease-out;
  -webkit-transition: background-color 0.2s ease-out;
}
ol.featLinkView li a:hover {
  background: #004762;
  color: #ffffff;
  text-decoration: none;
  -moz-transition: background-color 0.2s ease-in;
  -webkit-transition: background-color 0.2s ease-in;
}
ol.featLinkView li a:hover p {
  color: #ffffff !important;
  background-colour: #004762;
}
ol.featLinkView li:nth-child(5n+1) a {
  margin-left: 0;
  clear: both;
}
ol.featLinkView li span.thumbNail {
  width: 152px;
  height: 152px;
  background-color: #ffffff;
  outline: none;
}
ol.featLinkView li p {
  position: absolute;
  bottom: 20px;
  left: 10px;
  padding: 2px 10px;
  margin: 0;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.75);
  font-size: 1.077em;
}
/******************************
	Inputs
******************************/
form {
  position: relative;
}
label {
  line-height: 1.8em;
  display: block;
}
input[type='text'],
input[type='password'] {
  border: 1px solid #CCCCCC;
  background: #ffffff;
  height: 23px;
  padding: 0 5px;
  margin: 0;
  font-family: inherit;
  vertical-align: middle;
  line-height: 23px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
  display: block;
}
input[type="text"]:focus,
input[type='password']:focus {
  border: 1px solid #004762;
}
textarea {
  border: 1px solid #CCCCCC;
  background: #ffffff;
  width: 100%;
  font-family: inherit;
  padding: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
  resize: none;
  margin: 0;
}
div.vBlock {
  margin: 0 0 7px;
}
.vBlock input[type="text"].alert,
.vBlock input[type='password'].alert,
.vBlock textarea.alert {
  border: 1px solid #D30000;
}
em.vError {
  color: #D30000;
  display: block;
  padding: 2px 5px;
  font-style: normal;
  margin-top: 2px;
  font-size: 0.846em;
}
#contentSide .vBlock input[type="text"],
#contentSide .vBlock input[type='password'],
#contentSide .vBlock textarea {
  width: 208px;
}
#shopSide .vBlock input[type="text"],
#shopSide .vBlock input[type='password'],
#shopSide .vBlock textarea {
  width: 146px;
}
/******************************
	Alert boxes
******************************/
div.alert {
  position: relative;
  padding: 15px;
  margin-bottom: 20px;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
div.alert em {
  background-image: url(../img/iconSprite.png);
  position: absolute;
  height: 32px;
  width: 32px;
  display: block;
  top: 50%;
  left: 20px;
  margin: -16px 0 0;
}
div.alert p {
  font-size: 1.167em;
  margin: 0 0 0 70px;
  text-shadow: 0 1px 0 #ffffff;
}
div.alert.success {
  background-color: #F6FFBE;
  color: #6A7B00;
}
div.alert.success em {
  background-position: 0 0;
}
div.alert.warning {
  background-color: #FFEAEA;
  color: #CD1414;
}
div.alert.warning em {
  background-position: -32px 0;
}
div.alert.info {
  background-color: #FFF6BE;
  color: #78690f;
}
div.alert.info em {
  background-position: -64px 0;
}
div.alert.small {
  padding: 10px;
  margin-bottom: 0;
}
div.alert.small p {
  font-size: 1em;
  margin: 0 0 0 35px;
}
div.alert.small em {
  background-image: url(../img/iconSprite.png);
  position: absolute;
  height: 16px;
  width: 16px;
  display: block;
  top: 50%;
  left: 15px;
  margin: -8px 0 0;
}
div.alert.small.success em {
  background-position: 0 -32px;
}
div.alert.small.warning em {
  background-position: -48px -32px;
}
div.alert.small.info em {
  background-position: -32px -32px;
}
/******************************
	Grouped pages
******************************/
ol.groupedgrid {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
}
ol.groupedgrid li div.dtl {
  float: left;
  border: 1px solid #CCCCCC;
  width: 318px;
  margin: 0 20px 20px 0;
  padding: 10px;
}
ol.groupedgrid li div.img {
  clear: none;
  float: left;
  border: 1px solid #CCCCCC;
  background-color: #ffffff;
  width: 218px;
  height: 160px;
  margin: 0 0 20px 0;
}
/******************************
	Google map
******************************/
#gmap {
  border: 1px solid #CDCDCD;
}
#gmap .map {
  height: 400px;
}
#gmap form {
  border-top: 1px solid #CDCDCD;
  background: #ffffff;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}
#gmap form h5 {
  float: left;
  margin: 0 !important;
  font-size: 1.167em;
  line-height: 40px !important;
}
#gmap form p {
  margin: 0;
  float: right;
  line-height: 40px;
}
#gmap label {
  display: inline;
}
#gmap label,
#gmap input {
  margin-right: 1em;
  display: inline;
}
#gmap input {
  width: auto;
}
#gmap form a {
  color: #004762;
  font-weight: bolder;
}
#gmap .directions {
  border-top: 1px solid #CDCDCD;
  padding: 6px;
}
#gmap .directions .adp-directions {
  width: 100%;
}
/******************************
	Aside
******************************/
aside select {
  width: 100%;
}
aside .functionWrap {
  margin: 0 0 30px;
}
aside .functionWrap h3 {
  font-weight: bold;
  margin: 0 0 10px;
}
aside .functionWrap p,
aside .functionWrap label {
  font-size: 0.923em;
}
aside .functionWrap:last-child {
  margin-bottom: 0;
}
aside.w1-4 .functionWrap h3 {
  width: 220px;
}
/******************************
	Bread crumbs
******************************/
#breadCrumbs {
  border-bottom: 1px solid #CCCCCC;
  width: 940px;
  margin: 0 auto 20px;
}
#breadCrumbs p {
  text-indent: 0;
  margin: 0 !important;
  padding: 5px 0;
  font-size: 10px;
}
#breadCrumbs p a {
  text-decoration: none;
}
#breadCrumbs span {
  padding: 0 5px;
}
/******************************
	Definition lists
******************************/
dt {
  clear: both;
  float: left;
  padding-right: 10px;
  font-weight: bold;
  margin-bottom: 6px;
}
dd {
  float: left;
  padding-left: 10px;
  margin: 0 0 6px 0;
}
#shopMain dt {
  width: 120px;
}
#shopMain dd {
  width: 596px;
}
/******************************
	Blog
******************************/
.post_head {
  padding: 0 0 10px;
  margin: 0;
}
.post_head .date {
  background: #f1f1f1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f1f1f1 0%, #cccccc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #cccccc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f1f1f1 0%, #cccccc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f1f1f1 0%, #cccccc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f1f1f1 0%, #cccccc 100%);
  /* IE10+ */
  background: linear-gradient(top, #f1f1f1 0%, #cccccc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#cccccc', GradientType=0);
  /* IE6-9 */
  float: left;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 10px;
  margin-right: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  max-width: 58px;
}
.post_head .date span {
  display: block;
}
.post_head .date span.day {
  font-size: 28px;
  font-weight: bold;
}
.post_head .date span.month {
  font-size: 12px;
  text-transform: uppercase;
}
.post_head .date span.year {
  font-size: 10px;
}
.post_head .info {
  float: left;
  max-width: 600px;
}
.post_head .info h1 a,
.post_head .info h2 a {
  text-decoration: none;
}
.post_content {
  border-bottom: 1px solid #CCCCCC;
  padding: 0 0 10px;
  margin-bottom: 20px;
}
.post_comment {
  padding: 20px;
  background: #E6E6E6;
}
p.post_comment_meta {
  position: relative;
  font-size: 1.167em;
  height: 40px;
  line-height: 40px;
}
p.post_comment_meta img {
  float: left;
  margin-right: 15px;
}
form.blogComments {
  background: #f1f1f1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f1f1f1 0%, #cccccc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #cccccc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f1f1f1 0%, #cccccc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f1f1f1 0%, #cccccc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f1f1f1 0%, #cccccc 100%);
  /* IE10+ */
  background: linear-gradient(top, #f1f1f1 0%, #cccccc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#cccccc', GradientType=0);
  /* IE6-9 */
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 20px 20px 0;
  text-shadow: 0 1px 0 #ffffff;
}
form.blogComments textarea {
  width: 310px !important;
}
/******************************
	Item list
******************************/
.itemList .itemWrap {
  border-bottom: 1px solid #CCCCCC;
  padding: 0 0 20px;
  margin: 0 0 20px;
}
.itemList .itemWrap:last-child {
  border-bottom: none !important;
}
/******************************
	Testimonial
******************************/
.testHeader {
  position: relative;
  font-size: 1.167em;
  height: 40px;
  line-height: 40px;
}
.testHeader img {
  float: left;
  margin-right: 15px;
}
/******************************
	User contact form
******************************/
form.userform input[type=text] {
  width: 428px;
}
form.userform textarea {
  width: 428px !important;
  height: 75px;
  resize: none;
}
form.userform em {
  display: block;
}
/******************************
	Link Icons
******************************/
.crossIco,
.tickIco,
.viewIco {
  line-height: 16px;
  height: 16px;
}
.crossIco:before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  position: relative;
  left: 0;
  top: 0;
  float: left;
  margin-right: 7px;
  background: url(../img/cross.png) 0 0 no-repeat;
}
.tickIco:before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  position: relative;
  left: 0;
  top: 0;
  float: left;
  margin-right: 7px;
  background: url(../img/tick.png) 0 0 no-repeat;
}
.viewIco:before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  position: relative;
  left: 0;
  top: 0;
  float: left;
  margin-right: 7px;
  background: url(../img/view.png) 0 0 no-repeat;
}
/******************************
	Footer banner
******************************/
.footerBanner {
  height: 80px;
  width: 700px;
}
/******************************
	Newsletter signup
******************************/
.signUp {
  position: relative;
}
.signUp div.status {
  position: absolute;
  padding: 10px;
  color: #ffffff;
  top: -45px;
  left: 0;
}
.signUp div.status.complete {
  background-color: #7D9100;
}
.signUp div.status.complete em {
  position: absolute;
  bottom: -10px;
  left: 10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #7D9100 transparent transparent;
}
.signUp div.status.error {
  background-color: #D30000;
}
.signUp div.status.error em {
  position: absolute;
  bottom: -10px;
  left: 10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #D30000 transparent transparent;
}
/******************************
	Pagination
******************************/
ul.pagination {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 20px 0;
  padding: 10px;
  list-style: none;
}
ul.pagination li {
  float: left;
  text-align: center;
  margin-right: 8px;
  line-height: 20px;
}
ul.pagination li a {
  display: block;
  float: left;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-decoration: none;
}
ul.pagination li.active a,
ul.pagination li:hover a {
  color: #ffffff;
  background-color: #004762;
}
div.paginationWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
}
div.paginationWrap ul.pagination {
  background: none;
}
/*
           .__                   
      _____|  |__   ____ ______  
     /  ___/  |  \ /  _ \\____ \ 
     \___ \|   Y  (  <_> )  |_> >
    /____  >___|  /\____/|   __/ 
         \/     \/       |__|    

*/
/******************************
	Header group
******************************/
hgroup {
  position: relative;
  margin: 0 auto 10px;
  padding: 0;
}
hgroup.prodDetailTitle {
  border-bottom: 1px solid #CCCCCC;
  width: 800px;
  padding: 0 140px 10px 0;
}
hgroup h1 {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 1.417em;
  font-weight: bold;
}
hgroup h1 > span {
  font-weight: normal !important;
  padding: 10px 0 0 0;
  font-size: 1em;
  display: block;
}
hgroup div.brand {
  position: absolute;
  bottom: 0;
  right: 0;
}
/******************************
	Category nav
******************************/
#catNav ul {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}
#catNav ul li.listHeader a {
  border-bottom: 1px solid #CCCCCC;
  display: block;
  font-weight: bolder;
  padding: 0 0 2px;
  margin: 0 0 2px;
  color: #555555;
}
#catNav ul ul {
  font-size: 0.846em;
  padding-left: 10px;
  margin: 5px 0 10px;
}
#catNav ul ul ul {
  padding-left: 10px;
  margin: 0;
}
#catNav > ul > li:before {
  content: "› ";
  margin: -5px 2px 0 0;
  color: #555555;
}
#catNav > ul > li > a.active {
  text-decoration: underline;
}
/******************************
	Catagory view
******************************/
ol.catView {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
}
ol.catView li {
  float: left;
}
ol.catView li a {
  display: block;
  width: 149px;
  min-height: 205px;
  margin: 0 0 20px 20px;
  background: #E6E6E6;
  padding: 10px;
  color: #555555;
  -moz-transition: background-color 0.2s ease-out;
  -webkit-transition: background-color 0.2s ease-out;
}
ol.catView li a:hover {
  background: #004762;
  color: #ffffff;
  text-decoration: none;
  -moz-transition: background-color 0.2s ease-in;
  -webkit-transition: background-color 0.2s ease-in;
}
ol.catView li a:hover p {
  color: #ffffff !important;
}
ol.catView li:nth-child(4n+1) a {
  margin-left: 0;
  clear: both;
}
ol.catView li span.thumbNail {
  width: 149px;
  height: 149px;
  background-color: #ffffff;
  outline: none;
  margin-bottom: 10px;
}
ol.catView li p {
  margin: 0;
}
/******************************
	Grid product view
******************************/
ol.gridView {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
}
ol.gridView li {
  float: left;
}
ol.gridView li a {
  display: block;
  width: 212px;
  min-height: 330px;
  background: #E6E6E6;
  padding: 10px;
  margin: 0 0 20px 20px;
  color: #555555;
  -moz-transition: background-color 0.2s ease-out;
  -webkit-transition: background-color 0.2s ease-out;
}
ol.gridView li a:hover {
  background: #004762;
  color: #ffffff;
  text-decoration: none;
  -moz-transition: background-color 0.2s ease-in;
  -webkit-transition: background-color 0.2s ease-in;
}
ol.gridView li a:hover p {
  color: #ffffff !important;
}
ol.gridView li a span.thumbNail {
  display: block;
  width: 212px;
  height: 212px;
  background-color: #ffffff;
  outline: none;
  margin-bottom: 10px;
}
ol.gridView li a p {
  display: block;
  margin: 0;
}
ol.gridView li a form.productInfo {
  height: 105px;
}
ol.gridView li a form.productInfo > p {
  color: #004762;
}
ol.gridView li:nth-child(3n+1) a {
  margin-left: 0;
  clear: left;
}
ol.gridView li div.productDetails {
  display: none;
}
/******************************
	List product view
******************************/
ol.listView {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
}
ol.listView li {
  float: left;
}
ol.listView li a {
  position: relative;
  display: block;
  width: 718px;
  background: #E6E6E6;
  padding: 10px;
  margin: 0 0 20px;
  color: #555555;
  -moz-transition: background-color 0.2s ease-out;
  -webkit-transition: background-color 0.2s ease-out;
}
ol.listView li a:hover {
  background: #004762;
  color: #ffffff;
  text-decoration: none;
  -moz-transition: background-color 0.2s ease-in;
  -webkit-transition: background-color 0.2s ease-in;
}
ol.listView li a:hover p {
  color: #ffffff !important;
}
ol.listView li a span.thumbNail {
  display: block;
  width: 212px;
  height: 212px;
  outline: none;
  margin-bottom: 10px;
  float: left;
  background-color: #ffffff;
  margin: 0 20px 0 0;
}
ol.listView li a p {
  display: block;
  margin: 0;
}
ol.listView li a:nth-child(3n+1) {
  margin-left: 0;
  clear: left;
}
ol.listView li a form.productInfo {
  height: 212px;
}
ol.listView li a form.productInfo > p {
  color: #004762;
}
ol.listView li dl {
  margin: 0 0 4px;
  padding: 0;
}
ol.listView li dl dd,
ol.listView li dl dt {
  display: inline;
  font-size: 0.846em;
  margin: 0 !important;
  padding: 0 !important;
  width: 150px;
  line-height: 1.3em;
}
ol.listView li dl dt {
  width: 25% !important;
}
ol.listView li dl dd {
  width: 74% !important;
}
ol.listView li div.productDetails {
  float: left;
  width: 486px;
}
ol.listView li div.productDetails .btnPos {
  position: absolute;
  left: 232px;
  bottom: 0;
}
/******************************
	Tabbed featured products
******************************/
.tabWrap ol.gridView {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
}
.tabWrap ol.gridView li {
  float: left;
}
.tabWrap ol.gridView li a {
  font-size: 11px;
  display: block;
  width: 152px;
  min-height: 250px;
  margin: 0 0 20px 20px;
  background: #E6E6E6;
  padding: 10px;
  color: #555555;
  -moz-transition: background-color 0.2s ease-out;
  -webkit-transition: background-color 0.2s ease-out;
}
.tabWrap ol.gridView li a form {
  height: 85px;
  padding: 0;
}
.tabWrap ol.gridView li a:hover {
  background: #004762;
  color: #ffffff;
  text-decoration: none;
  -moz-transition: background-color 0.2s ease-in;
  -webkit-transition: background-color 0.2s ease-in;
}
.tabWrap ol.gridView li a:hover p {
  color: #ffffff !important;
}
.tabWrap ol.gridView li:nth-child(5n+1) a {
  margin-left: 0;
  clear: both;
}
.tabWrap ol.gridView li span.thumbNail {
  width: 152px;
  height: 152px;
  background-color: #ffffff;
  outline: none;
  margin-bottom: 10px;
}
.tabWrap ol.gridView li p {
  margin: 0;
}
.tabWrap ol.gridView span.priceActual {
  font-size: 12px;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.tabWrap ol.gridView span.priceActual span,
.tabWrap ol.gridView span.priceSaving,
.tabWrap ol.gridView span.priceRegular {
  display: none;
}
/******************************
	Related product small
******************************/
.relatedSmall ol.gridView {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
}
.relatedSmall ol.gridView li {
  float: left;
}
.relatedSmall ol.gridView li a {
  font-size: 11px;
  display: block;
  width: 152px;
  min-height: 250px;
  margin: 0 0 20px 20px;
  background: #E6E6E6;
  padding: 10px;
  color: #555555;
  -moz-transition: background-color 0.2s ease-out;
  -webkit-transition: background-color 0.2s ease-out;
}
.relatedSmall ol.gridView li a form {
  height: 85px;
  padding: 0;
}
.relatedSmall ol.gridView li a:hover {
  background: #004762;
  color: #ffffff;
  text-decoration: none;
  -moz-transition: background-color 0.2s ease-in;
  -webkit-transition: background-color 0.2s ease-in;
}
.relatedSmall ol.gridView li a:hover p {
  color: #ffffff !important;
}
.relatedSmall ol.gridView li:nth-child(5n+1) a {
  margin-left: 0;
  clear: both;
}
.relatedSmall ol.gridView li span.thumbNail {
  width: 152px;
  height: 152px;
  background-color: #ffffff;
  outline: none;
  margin-bottom: 10px;
}
.relatedSmall ol.gridView li p {
  margin: 0;
}
.relatedSmall ol.gridView span.priceActual {
  font-size: 12px;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.relatedSmall ol.gridView span.priceActual span,
.relatedSmall ol.gridView span.priceSaving,
.relatedSmall ol.gridView span.priceRegular {
  display: none;
}
/******************************
	Common view classes
******************************/
span.thumbNail {
  position: relative;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  outline: none;
}
span.priceSaving {
  display: block;
  font-style: italic;
  font-size: 0.846em;
}
span.priceRegular {
  display: block;
}
span.priceActual {
  display: block;
  margin-bottom: 4px;
}
span.priceActual span {
  font-weight: lighter;
}
.price-side span,
.price-below span {
  font-style: italic;
}
.price-side span {
  padding-left: 0.2em;
}
.price-below span {
  display: block;
}
strike .price-below span {
  text-decoration: line-through;
}
/******************************
	List header
******************************/
#listHeader {
  position: relative;
}
/******************************
	Page Options
******************************/
#pageOptions {
  border-bottom: 1px solid #CCCCCC;
  padding: 10px;
  margin-bottom: 20px;
}
#pageOptions div.view {
  float: right;
}
#pageOptions div.view a {
  float: left;
  height: 14px;
  width: 14px;
  display: block;
  margin-left: 10px;
  background-image: url(../../assets/img/pageView.png);
  background-repeat: no-repeat;
  text-indent: -999em;
  outline: none;
  padding: 4px;
}
#pageOptions div.view a:hover {
  background-color: #ffffff;
}
#pageOptions div.view a.list {
  background-position: 4px 4px;
}
#pageOptions div.view a.grid {
  background-position: -20px 4px;
}
#pageOptions div.view a.active {
  background-color: #004762;
}
#pageOptions div.filter {
  float: left;
  padding-left: 470px;
  height: 22px;
  line-height: 22px;
}
/******************************
	Product detail page
******************************/
.imgWrap,
.infoWrap {
  float: left;
  margin-bottom: 20px;
}
.imgWrap {
  position: relative;
  width: 574px;
  margin-right: 20px;
}
.infoWrap {
  position: relative;
  width: 346px;
  padding: 0;
  min-height: 450px;
}
.infoWrap div.productPicker {
  padding: 110px 0 20px;
}
.infoWrap div.priceArea {
  border-bottom: 1px solid #CCCCCC;
  position: absolute;
  top: 10px;
  left: 0;
  width: 346px;
  height: 85px;
}
.infoWrap div.instructionArea {
  border-bottom: 1px solid #CCCCCC;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 326px;
  height: 30px;
}
.infoWrap dl {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 11px;
}
.infoWrap dl dt {
  margin-bottom: 0;
  width: 25px;
}
.infoWrap dl dd {
  margin-bottom: 0;
}
.infoWrap input[type="input"] {
  width: 30px !important;
  text-align: center;
  margin: 0 10px 0 5px;
}
.infoWrap .selectWrap {
  position: absolute;
  width: 326px;
  min-height: 20px;
  top: 110px;
  left: 10px;
  max-width: 325px;
}
.infoWrap .optionsWrap {
  position: absolute;
  width: 326px;
  min-height: 20px;
  top: 50px;
  left: 10px;
  max-width: 325px;
}
.priceSmall,
.priceBig {
  display: block;
}
.priceSmall {
  font-size: 12px;
}
.priceBig {
  font-size: 24px;
  font-weight: bold;
}
.priceBig span:first-child {
  display: block;
  font-size: 12px;
}
/******************************
	Product images
******************************/
#prodimg {
  height: 450px;
  background: #ffffff;
}
#prodimg a,
#prodimg div {
  position: absolute;
  display: block;
  width: 574px;
  height: 450px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#prodimg a span,
#prodimg div span {
  display: none;
}
ul#prodimgthumb {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}
ul#prodimgthumb li {
  float: left;
  margin: 10px 0 0 10px;
}
ul#prodimgthumb li a {
  height: 59px;
  width: 59px;
  display: block;
  border: 2px solid #CCCCCC;
  background: #ffffff;
}
ul#prodimgthumb li:first-child {
  margin-left: 0;
}
ul#prodimgthumb li:nth-child(8n+1) {
  margin: 10px 0 0 0 !important;
}
ul#prodimgthumb li.active a,
ul#prodimgthumb li a:hover {
  border: 2px solid #004762;
}
/******************************
	Buy product table
******************************/
.buygrid,
.buyfilter {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: #E6E6E6;
}
.buygrid th,
.buygrid td,
.buyfilter th,
.buyfilter td {
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}
.buygrid th,
.buyfilter th {
  background: #555555;
  color: #ffffff;
}
/*
.buygrid th:first-child,
.buyfilter th:first-child {
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
}

.buygrid th:last-child,
.buyfilter th:last-child {
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
}
*/
.buygrid .btn,
.buyfilter .btn {
  line-height: 26px;
}
.buyfilter th,
.buyfilter td {
  text-align: left;
}
.buyfilter th {
  width: 120px;
  vertical-align: top;
}
.buyfilter .na,
#productConfigAddButton {
  display: none;
}
#productConfigVisibleQty {
  width: 40px;
  text-align: center;
}
#productConfig {
  padding: 0;
  border: none;
}
.buyfilter ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.buyfilter li {
  min-height: 16px;
  background-repeat: no-repeat;
  background-position: 4px 50%;
  padding-left: 30px;
}
.buyfilter li.instock {
  background-image: url(../../assets/img/tick.png);
}
.buyfilter li.outstock {
  background-image: url(../../assets/img/cross.png);
}
.buyfilter {
  font-size: 11px;
  border-top: 1px solid #CCCCCC;
  padding-top: 10px;
  margin: 10px 0;
}
.buyfilter em {
  float: left;
  width: 100px;
  display: block;
  font-style: normal;
  color: #555555;
}
.buyfilter span {
  float: left;
  width: 220px;
  display: block;
  padding-bottom: 10px;
}
/******************************
	Swatch preview
******************************/
.swatches a {
  float: left;
  display: block;
  border: 1px solid #CCCCCC;
  margin: 0 4px 4px 0;
  text-decoration: none !important;
}
.swatches img {
  display: block;
}
.swatches span {
  position: absolute;
  width: 200px;
  height: 220px;
  z-index: 1000;
  background-color: #555555;
  background-repeat: no-repeat;
  visibility: hidden;
}
.swatches span strong {
  display: block;
  margin-top: 200px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  color: #FFF !important;
}
.swatches span em {
  position: absolute;
  top: 220px;
  left: 10px;
  width: 0;
  height: 0;
  border-color: #ffffff transparent transparent;
  border-style: solid;
  border-width: 10px 10px 0;
}
.swatches span em em {
  position: absolute;
  top: -10px;
  left: -9px;
  width: 0;
  height: 0;
  border-color: #555555 transparent transparent;
  border-style: solid;
  border-width: 9px 9px 0;
}
/******************************
	Order stages
******************************/
ul.basketcrumbs {
  margin: 10px 0;
  padding: 0;
  list-style: none;
}
ul.basketcrumbs li {
  background: #E6E6E6;
  position: relative;
  color: #7b7b7b;
  font-size: 1.308em;
  float: left;
  width: 220px;
  padding: 0;
  margin: 0 0 20px 15px;
  text-align: center;
  line-height: 30px;
}
ul.basketcrumbs li em {
  position: absolute;
  top: 0;
  display: block;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
ul.basketcrumbs li em.back {
  left: 0;
  display: block;
  border-left: 15px solid #ffffff;
}
ul.basketcrumbs li em.front {
  right: -15px;
  display: block;
  border-left: 15px solid #CCCCCC;
}
ul.basketcrumbs li a {
  display: block;
  background: #555555;
  color: #ffffff;
  text-decoration: underline;
}
ul.basketcrumbs li a em.front {
  border-left: 15px solid #555555;
}
ul.basketcrumbs li.active {
  color: #ffffff;
  background: #004762;
}
ul.basketcrumbs li.active em.front {
  border-left: 15px solid #004762;
}
ul.basketcrumbs li:first-child {
  margin-left: 0;
}
/******************************
	Basket table
******************************/
a.contShop {
  position: absolute;
  top: 0;
  right: 10px;
}
.basket {
  margin: 30px 0 0;
  width: 940px;
  padding: 0;
  border: none;
  /*
    border-top: 1px solid @borderColor;
    border-left: 1px solid @borderColor;
    */
  border-collapse: separate;
  /*
    background:@background;
    */
}
.basket th,
.basket td {
  padding: 10px 0;
  text-align: center;
  vertical-align: top;
  /*
        border-bottom: 1px solid @borderColor;
        border-right: 1px solid @borderColor;
        */
}
.basket th {
  /*
        background: @baseColor;
        */
  color: #555555;
  border-bottom: 1px solid #CCCCCC;
}
.basket th.qty {
  width: 130px;
}
.basket td a.delete {
  font-size: 0.846em;
  display: block;
}
.basket tr.total {
  font-size: 1.154em;
}
.basket input[type="text"] {
  width: 40px;
  text-align: center;
  margin: 0 auto;
}
.basket tbody tr td.lft p {
  padding: 0 0 0 100px;
}
.basket div {
  padding: 10px;
  border: 1px solid #CCCCCC;
}
.basket tfoot td {
  padding: 5px 0;
}
.basket tbody td {
  border-bottom: 1px solid #CCCCCC;
}
.radioList {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}
.radioList li {
  padding: 3px 0;
}
.basketImage {
  display: block;
  float: left;
  width: 90px;
  height: 90px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #ffffff;
  padding: 5px;
  margin-right: 1em;
}
.basketImage dt {
  clear: none;
}
/******************************
	Swatch tip
******************************/
a.imgTip {
  position: relative;
  text-decoration: none !important;
}
a.imgTip img {
  display: block;
}
a.imgTip span {
  position: absolute;
  top: -115px;
  left: -44px;
  width: 100px;
  height: 100px;
  z-index: 1000;
  background-color: #004762;
  background-repeat: no-repeat;
  visibility: hidden;
  border: 1px solid #004762;
}
a.imgTip:hover span {
  visibility: visible;
}
a.imgTip:hover span em {
  position: absolute;
  top: 100px;
  left: 40px;
  width: 0;
  height: 0;
  border-color: #004762 transparent transparent;
  border-style: solid;
  border-width: 10px 10px 0;
}
a.imgTip:hover span em em {
  position: absolute;
  top: -10px;
  left: -9px;
  width: 0;
  height: 0;
  border-color: #ffffff transparent transparent;
  border-style: solid;
  border-width: 9px 9px 0;
}
/******************************
	Basket stages
******************************/
.basketStage {
  position: relative;
  padding: 0 0 10px;
}
.basketStage em.warning {
  background-position: -48px -48px !important;
}
.basketStage em.tick {
  background-position: -184px -48px !important;
}
.basketStage input[type="text"],
.basketStage input[type="password"],
.basketStage textarea {
  width: 206px !important;
}
.basketStage h3 {
  border-bottom: 1px solid #CCCCCC;
  position: relative;
  height: 35px;
  line-height: 35px;
  padding: 0 0 5px 35px;
}
.basketStage h3 em {
  background-image: url(../img/iconSprite.png);
  position: absolute;
  top: 5px;
  left: 0;
  height: 24px;
  width: 24px;
  display: block;
}
.basketStage.deliveryMethod h3 em {
  background-position: 0 -48px;
}
.basketStage.deliveryMethod label {
  font-weight: bold;
}
.basketStage.proceedCheckout h3 em {
  background-position: -168px -48px;
}
.basketStage.details {
  min-height: 495px;
}
.basketStage.details h3 em {
  background-position: -144px -48px;
}
.basketStage.billing {
  min-height: 495px;
}
.basketStage.billing h3 em {
  background-position: -96px -48px;
}
.basketStage.billing p.locality {
  margin: 0 0 7px;
}
.basketStage.collect h3 em {
  background-position: -72px -48px;
}
.basketStage.deliveryAddress {
  min-height: 495px;
}
.basketStage.deliveryAddress h3 em {
  background-position: -120px -48px;
}
.basketStage.deliveryAddress p.locality {
  margin: 0 0 7px;
}
.basketStage.proceedPay h3 em {
  background-position: -168px -48px;
}
.basketStage.check h3 em {
  background-position: 0 -48px;
}
.basketStage.card h3 em {
  background-position: -192px -48px;
}
.basketStage.pay h3 em {
  background-position: -72px -48px;
}
/******************************
	Big image viewer
******************************/
#overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000;
  z-index: 1110;
}
#bigImage {
  position: fixed;
  visibility: hidden;
  top: 30px;
  left: 30px;
  width: 640px;
  height: 480px;
  z-index: 1111;
}
#bigImage > a {
  float: right;
  position: absolute;
  right: 0;
  margin: 10px;
  z-index: 1000;
}
#bigImage div {
  width: 640px;
  height: 380px;
  background-color: #ffffff;
  position: relative;
  z-index: 10;
  overflow: hidden;
}
#bigImage ul {
  margin: 0;
  padding: 0;
  height: 100px;
  list-style: none;
  overflow: hidden;
  position: relative;
  z-index: 100;
}
#bigImage ul li {
  float: left;
  margin: 10px 10px 10px 0;
}
#bigImage ul li a {
  height: 59px;
  width: 59px;
  display: block;
  border: 2px solid #CCCCCC;
  background: #ffffff;
}
#bigImage ul li a:hover {
  border: 2px solid #004762;
}
/******************************
	Sale item marker
******************************/
em.saleMarker {
  background: #004762;
  position: absolute;
  display: block;
  width: auto;
  font-weight: bolder;
  color: #ffffff !important;
  z-index: 10000;
}
ol.catView li > a span em.saleMarker,
ol.gridView li > a span em.saleMarker,
ol.listView li > a span em.saleMarker,
.imgWrap em.saleMarker {
  top: 0;
  left: 0;
  padding: 3px 10px;
}
/******************************
	New item marker
******************************/
em.newMarker {
  background: #7D9100;
  position: absolute;
  display: block;
  width: auto;
  font-weight: bolder;
  color: #ffffff !important;
  z-index: 999;
}
ol.catView li > a span em.newMarker,
ol.gridView li > a span em.newMarker,
ol.listView li > a span em.newMarker,
.imgWrap em.newMarker {
  top: 0;
  right: 0;
  padding: 2px 10px;
}
/******************************
	Geometry & Spec
******************************/
dl.geometry dt,
dl.geometry dd {
  line-height: 30px;
  border-top: 1px solid #CCCCCC;
}
dl.geometry dt {
  width: 270px;
}
dl.geometry dd {
  width: 610px;
}
/******************************
	Spec
******************************/
dl.spec dt,
dl.spec dd {
  line-height: 30px;
  border-top: 1px solid #CCCCCC;
}
dl.spec dt {
  width: 170px;
}
dl.spec dd {
  width: 680px;
}
/******************************
	Credit card logos
******************************/
#ccLogo {
  margin: 0;
  padding: 0;
  list-style: none;
}
#ccLogo.ccLogoFoot {
  float: right;
}
#ccLogo.ccLogoCheckout {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#ccLogo.ccLogoCheckout.brd {
  border-bottom: 1px solid #CCCCCC;
}
#ccLogo li {
  float: left;
  height: 25px;
  width: 39px;
  line-height: 25px;
  margin-left: 2px;
  background: url(../../assets/img/ccSprite.png);
}
#ccLogo li.accept {
  position: relative;
  padding-left: 10px;
  margin-right: 8px;
  width: 350px;
  font-size: 0.846em;
  font-weight: bold;
  background: none;
}
#ccLogo li.ssl {
  position: relative;
  padding-left: 30px;
  margin-right: 10px;
  width: 140px;
  font-size: 0.846em;
  background: none;
  font-weight: bold;
}
#ccLogo li.ssl span.icon {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 30px;
  font-weight: normal;
}
#ccLogo li.visa {
  background-position: -25px 0;
}
#ccLogo li.electron {
  background-position: -64px 0;
}
#ccLogo li.mastercard {
  background-position: -103px 0;
}
#ccLogo li.paypal {
  background-position: -142px 0;
}
#ccLogo li.cirrus {
  background-position: -181px 0;
}
#ccLogo li.discover {
  background-position: -220px 0;
}
#ccLogo li.solo {
  background-position: -259px 0;
}
#ccLogo li.google {
  background-position: -298px 0;
}
#ccLogo li.switch {
  background-position: -337px 0;
}
#ccLogo li.amex {
  background-position: -376px 0;
}
#ccLogo li.amazon {
  background-position: -415px 0;
}
#ccLogo li.delta {
  background-position: -454px 0;
}
#ccLogo li.maestro {
  background-position: -493px 0;
}
#ccLogo li.jcb {
  background-position: -532px 0;
}
#ccLogo li.hsbc {
  background-position: -571px 0;
}
#ccLogo li.epdq {
  background-position: -610px 0;
}
#ccLogo li.sagepay {
  background-position: -649px 0;
}
#ccLogo li.worldpay {
  background-position: -688px 0;
}
#ccLogo li.paysecurehosting {
  background-position: -727px 0;
}
.selectPayment li {
  margin-bottom: 5px;
}
.selectPayment em {
  float: left;
  height: 25px;
  width: 39px;
  display: block;
  margin: 0 10px 0 0;
  background: url(../../assets/img/ccSprite.png);
}
.selectPayment em.paypaypal {
  background-position: -142px 0;
}
.selectPayment em.payhsbc {
  background-position: -571px 0;
}
.selectPayment em.payepdq {
  background-position: -610px 0;
}
.selectPayment em.paysageform {
  background-position: -649px 0;
}
.selectPayment em.payworldpay {
  background-position: -688px 0;
}
.selectPayment em.paysecurehosting {
  background-position: -727px 0;
}
.selectPayment em.paymanual {
  background-position: -25px 0;
}
.selectPayment input {
  height: 25px;
  margin-right: 10px;
  float: left;
}
.selectPayment p {
  margin: 0;
  padding: 0;
  line-height: 25px;
}
/*
           .__                            .__                               
    ______ |__| ____   ____ _____    ____ |  |   ____ _____  ______ ______  
    \____ \|  |/    \ /    \\__  \ _/ ___\|  | _/ __ \\__  \ \____ \\____ \ 
    |  |_> >  |   |  \   |  \/ __ \\  \___|  |_\  ___/ / __ \|  |_> >  |_> >
    |   __/|__|___|  /___|  (____  /\___  >____/\___  >____  /   __/|   __/ 
    |__|           \/     \/     \/     \/          \/     \/|__|   |__|    


    © Copyright Glooware Ltd  |  http://glooware.com  |  All Rights Reserved

*/
/******************************************************
	Styling, padding and margin mixins
*******************************************************/
/*   STYLING MIXINS
    
    Styling mixins can be configured in 'output.less'

    .pos                 Applies the positive colour to an element
    .neg                 Applies the negative colour to an element
    .brandColor-1        Applies the primary brand colour to an element
    .brandColor-2        Applies the secondary brand colour to an element
    .btnBase             Applies base colour button style to an element
    .btnPos              Applies positive colour button style to an element         
    .btnNeg              Applies negative colour button style to an element
    .left                Floats an element left
    .right               Floats an element right
    .txtRight            Aligns text to the right of an element
	.txtCenter           Aligns text to the center of an element
    
*/
/*  PADDING AND MARGIN CLASSES
    
    Padding & margin classes can be configured in 'layout.default.less'
    
	Padding & margin classes for padding and margin are set up in the following way:
     
	eg. class="mT20"  This will add 20px margin to the top on an element
     
	The first character selects either padding or margin:
	p  =  padding
	m  =  margin
     
	The second character defines where the padding is applied
	T  =  top
	L  =  left
	B  =  bottom
	R  =  right
     
	The value defines how much padding or margin is applied
	5  =  5px
	10 =  10px
	20 =  20px
	30 =  30px
	40 =  40px
  
*/
/******************************
	Font scale
*******************************/
/*  FONT SCALE AT 81.3% (0.813em)
    
    PX      EM          %       PT
    6px 	0.462em 	46.2% 	5pt
    7px 	0.538em 	53.8% 	5pt
    8px 	0.615em 	61.5% 	6pt
    9px 	0.692em 	69.2% 	7pt
    10px 	0.769em 	76.9% 	8pt
    11px 	0.846em 	84.6% 	8pt
    12px 	0.923em 	92.3% 	9pt
    13px 	1em 	    100% 	10pt
    14px 	1.077em 	107.7% 	11pt
    15px 	1.154em 	115.4% 	11pt
    16px 	1.231em 	123.1% 	12pt
    17px 	1.308em 	130.8% 	13pt
    18px 	1.385em 	138.5% 	14pt
    19px 	1.462em 	146.2% 	14pt
    20px 	1.538em 	153.8% 	15pt
    21px 	1.615em 	161.5% 	16pt
    22px 	1.692em 	169.2% 	17pt
    23px 	1.769em 	176.9% 	17pt
    24px 	1.846em 	184.6% 	18pt

*/
/*
    .__        
    |__| ____  
    |  |/ __ \ 
    |  \  ___/ 
    |__|\___  >
            \/ 

*/
/******************************
	Internet Explorer fixes
*******************************/
.ie7 #bannerNav {
  bottom: 40px;
}
.ie7 input[type="submit"].brand {
  text-transform: capitalize;
}
.ie7 div.brand {
  top: 20px;
}
/************************************************************
	Body & wrapper
************************************************************/
body {
  color: #555555;
  background: #ffffff;
  font-size: 81.3%;
  font-family: Arial, Helvetica, sans-serif;
  font-stretch: normal;
  overflow-y: scroll;
  vertical-align: baseline;
}
a {
  color: #004762;
  text-decoration: underline;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
  color: #000000;
}
#wrapper {
  width: 960px;
  margin: 0 auto 0;
  padding: 20px 10px;
}
/******************************
	Header
******************************/
header {
  height: 89px;
  background: url(img/headBg.png) repeat-x #F1F1F1;
  border-bottom: 1px solid #E0E0E0;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}
header > div {
  position: relative;
  height: 59px;
  width: 960px;
  margin: 0 auto;
}
header > div a.logo {
  position: absolute;
  top: 14px;
  left: 10px;
  display: block;
  height: 30px;
  width: 298px;
  background: url(img/logo.png);
  outline: none;
}
header ul {
  position: absolute;
  top: 59px;
  left: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
header ul li {
  float: left;
  margin-right: 50px;
}
header ul li a {
  height: 30px;
  line-height: 30px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: 11px;
  text-decoration: none;
}
header ul li a:hover {
  text-decoration: none;
}
header span {
  color: #ffffff;
  font-size: 21px;
  position: absolute;
  top: 18px;
  right: 10px;
}
#homePageBanner {
  width: 940px;
  padding: 0 0 30px;
  margin: 20px auto 30px;
  border-bottom: 1px solid #CCCCCC;
}
/******************************
	Large search bar
******************************/
.searchBar {
  position: relative;
  margin-bottom: 30px;
  background: #f1f1f1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f1f1f1 0%, #cccccc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #cccccc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f1f1f1 0%, #cccccc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f1f1f1 0%, #cccccc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f1f1f1 0%, #cccccc 100%);
  /* IE10+ */
  background: linear-gradient(top, #f1f1f1 0%, #cccccc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#cccccc', GradientType=0);
  /* IE6-9 */
  border-radius: 10px;
  border: 1px solid #CCCCCC;
  padding: 20px;
  text-shadow: 0 1px 0 #ffffff;
}
.searchBar input[type="text"] {
  float: left;
  border-radius: 5px;
  width: 795px;
  padding: 0 15px;
  height: 45px;
  line-height: 45px;
  font-size: 24px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
  border: 1px solid #CCCCCC;
  margin: 0 15px 0 0;
}
.searchBar input[type="text"]:focus {
  box-shadow: 0 1px 3px rgba(1, 80, 109, 0.5) inset;
}
.searchBar .btnBase {
  float: left;
  border-radius: 5px;
  height: 45px;
  line-height: 45px;
  font-size: 24px;
  background: url(img/headBg.png) 0 0;
}
.searchBar .btnBase input[type="submit"] {
  font-family: 'ModernPictogramsNormal' !important;
  font-weight: normal !important;
  font-size: 45px !important;
  height: 45px !important;
  line-height: 45px !important;
}
/******************************
	Small search bar
******************************/
aside .searchBar {
  border-radius: 5px;
  padding: 10px;
}
aside .searchBar input[type="text"] {
  border-radius: 5px;
  width: 150px;
  padding: 0 5px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  margin: 0 5px 0 0;
}
aside .searchBar input[type="text"]:focus {
  box-shadow: 0 1px 3px rgba(1, 80, 109, 0.5) inset;
}
aside .searchBar .btnBase {
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  padding: 0 5px;
}
aside .searchBar .btnBase input[type="submit"] {
  font-size: 25px !important;
  height: 25px !important;
  line-height: 25px !important;
}
/******************************
	Add this
******************************/
.addthis_toolbox {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #CCCCCC;
}
/* Overides some styling issues with AddThis pop-up */
#at16pcc input[type="text"] {
  box-shadow: none !important;
  height: 12px;
  border: none;
  background: none;
}
/******************************
	Tweets
******************************/
#tweets a {
  text-decoration: none;
}
#tweets p {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
#tweets p:last-child {
  border-bottom: none;
}
/******************************
	item wrap
******************************/
.itemWrap {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #CCCCCC;
}
.itemWrap:last-child {
  border-bottom: none;
}
aside form.userform input[type="text"] {
  width: 208px !important;
}
aside form.userform textarea {
  width: 208px !important;
}
/******************************
	Footer
******************************/
footer {
  width: 980px;
  margin: 0 auto 20px;
  padding: 0 20px;
}
footer > div {
  padding: 0 20px;
  font-size: 0.846em;
}
footer > div p {
  padding: 20px 0 0;
  margin: 20px 0 0;
  border-top: 1px solid #CCCCCC;
}
footer > div p a {
  text-decoration: none;
}