/** Shopify CDN: Minification failed

Line 188:2 Expected identifier but found "*"
Line 286:2 Expected identifier but found "*"
Line 440:2 Expected identifier but found "*"
Line 453:2 Expected identifier but found "*"
Line 487:2 Expected identifier but found "*"
Line 523:2 Expected identifier but found "*"
Line 645:2 Expected identifier but found "*"
Line 706:2 Expected identifier but found "*"
Line 734:2 Expected identifier but found "*"
Line 1007:2 Expected identifier but found "*"
... and 24 more hidden warnings

**/
/**
* Clean
* A Shopify theme by Clean Themes.
*
* @author      Will Broderick @ Clean Canvas
* @theme_url   http://cleanthemes.co.uk/blackandwhite
*
* If you need support or help customizing the theme, visit
* cleanthemes.co.uk/clean or contact us at shopify@cleanthemes.co.uk
*
*/














/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
(Tweaked for CleanThemes theme)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* CSS clear fix */
/* For modern browsers */
.cf:before,
.cf:after {
  content:"";
  display:table;
}

.cf:after {
  clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom:1;
}

/* simpleclear */
.simpleclear {
  clear:both;
}

/*  Site
*/

body {
  font:normal 14px 'Helvetica Neue', Helvetica, Arial, sans-serif, sans-serif;
  line-height: 1.4em;
  color:#303030;
  background:#ffffff;
  background-color:#ffffff;
}

.bodywrap {
  background:#ffffff
    ;
      position: relative;
      z-index: 5;
      
      border-top: #ececec 1px solid;
      
      }

body > .bodywrap {
  position:relative;
  z-index:50;
}

h1, h2, h3, h4, h5, h6 {
  font:normal 30px/30px 'Helvetica Neue', Helvetica, Arial, sans-serif, sans-serif;
  color:#303030;
}



h2 {
  font-size: 24px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
  border: none;
}

i, em {
  font-style:italic;
}

b, strong {
  font-weight:bold;
}

a {
  color:#267797;
  text-decoration:none;
}

a.highlight {
  display:inline-block;
  zoom:1;
  *display:inline;
  max-width:100%;
  background: #ffffff;
  background-color: #ffffff;
}

a.highlight img {
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  transition: opacity 100ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: #000 0em 0em 0em;
}

a.highlight:hover img {
  opacity: 0.9!important;
}

.error {
  color:#267797;
  font-style:italic;
}

input {
  padding:0;
  height:36px;
  text-indent:6px;
}

input,
.textboxcont,
textarea {
  background:#ffffff;
  font-size:80%;
  border:1px solid #9a9a9a;
  color:#303030;
  -moz-transition: border-color 200ms; /* Firefox 4 */
  -webkit-transition: border-color 200ms; /* Safari and Chrome */
  -o-transition: border-color 200ms; /* Opera */
  transition: border-color 200ms;
  -webkit-appearance: none; /* iOS */

  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

input[type=radio] {
  -webkit-appearance: radio;
}

.textboxcont input {
  border:0;
  height:36px;
  width:100%;
  text-indent:18px;
}

textarea {
  width:95%;
  padding:5px;
  height:100px;
  margin-top:8px;
}

input[type=submit] {
  height: auto;
  text-indent: 0;
  cursor: pointer;
}

input[type=checkbox] {
  vertical-align:middle;
  -webkit-appearance: checkbox;
}

input.short {
  height:30px;
  line-height:30px;
}

.hidden {
  display:none;
}

a.button,
input.button,
.button a {
  border:none !important;
  background:#141313;
  font:1.05em 'Helvetica Neue', Helvetica, Arial, sans-serif,Arial,sans-serif;
  color: #ffffff;
  padding:7px 15px;
  cursor:pointer;
  display:inline-block;
  zoom:1;
  *display:inline;

  -webkit-box-shadow: 0 0 2px 0 #000;
  -moz-box-shadow: 0 0 2px 0 #000;
  box-shadow: 0 0 2px 0 #000;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}


a.button.altcolor,
input.button.altcolor,
.button.altcolor a {
  background-color:#e03c31;
}


a.button.large,
input.button.large,
.button.large a {
  padding:15px;
  display:block;
  text-transform:uppercase;
  font-size:20px;
}

a.button.large.plus,
input.button.large.plus,
.button.large.plus a {
  text-align:left;
}

a.button:hover,
input.button:hover,
.button a:hover {
  color: #ffffff;
  -webkit-box-shadow: 0 0 2px 1px #000;
  -moz-box-shadow: 0 0 2px 1px #000;
  box-shadow: 0 0 2px 1px #000;
}

.betweenbuttons {
  margin-left:10px;
  margin-right:10px;
}

.loadingimg {
  background:url(//www.uclpress.co.uk/cdn/shop/t/2/assets/loader-white.gif?v=16963901558251759151485033934) center center no-repeat;
  min-height:40px;
}

#util-bar {
  background:#ffffff
    ;
  color: #404040;
  
}

#util-bar .util-bar-upperarea {
  border-bottom: #ffffff 1px solid;
  position:relative;
  padding-bottom:10px;
  padding-top:20px;
  display:none;
  z-index:3;
}

#util-bar .util-bar-upperarea div {
  text-align:center;
}

#util-bar #util-bar-login .inputwrap {
  position: relative;
}

#util-bar #util-bar-login .title {
  float:left;
  width:70px;
  font: 18px 'Helvetica Neue', Helvetica, Arial, sans-serif,sans-serif;
  margin-top:7px;
}

#util-bar #util-bar-login .nameinputcont {
  float:left;
  width:326px;
}

#util-bar #util-bar-login .nameinputcont .nameinput {
  width:100%;
}

#util-bar #util-bar-login .passwordinputcont {
  float:left;
  width:400px;
  margin-left:14px;
  position:relative;
}

#util-bar #util-bar-login .passwordinputcont input {
  width:100%;
}

#util-bar #util-bar-login .passwordinputcont .forgot {
  border-left:1px solid #d0d0d0;
  padding-left:12px;
  position:absolute;
  right:10px;
  top:9px;
  color:#303030;
}

#util-bar #util-bar-login .passwordinputcont .forgot a {
  font-style:italic;
  font-size:90%;
}

#util-bar #util-bar-login .button {
  position:absolute;
  right:0;
  top:0;
  width:112px;
  margin-top:2px;
}

#util-bar .cartsocialcont {
  padding:10px 0;
}

#util-bar .tagline-area {
  float: left;
  width: 350px;
}

#util-bar .tagline-area.tagline {
  font-style: italic;
  font-size: 19px;
  line-height: 34px;
}

#util-bar .actions {
  font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif, sans-serif;
  margin-top: 2px;
  margin-bottom: 2px;
  text-align: right;
  float: left;
  width: 590px;
}

#util-bar .actions .actions-item {
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

#util-bar .actions a {
  color:#404040;
}

#util-bar .actions .account {
  height: 25px;
  line-height: 25px;
  margin-right:10px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

#util-bar .actions .logindrop {
  
  background: url('//www.uclpress.co.uk/cdn/shop/t/2/assets/themeicons.png?v=96131914696682460941485033935') no-repeat right -220px;
    
      padding-right: 15px;
      margin-left: 10px;
      }

#util-bar .actions .logindrop.open {
  
  background-position:right -176px;
  
}

#util-bar .actions ul {
  margin:0 10px 0 10px;
  vertical-align: middle;
}

#util-bar .actions .socialicons {
  display:inline;
  line-height: 28px;
}

#util-bar .actions ul,
#util-bar .actions li,
#util-bar .actions li a,
.socialicons li,
.socialicons li a {
  display:inline-block;
  zoom: 1;
  *display: inline;
  height:28px;
}

#util-bar .socialicons li a {
  overflow:hidden;
  display:block;
  text-indent:9999px;
  text-transform: capitalize;
  width:28px;
  margin-right:2px;
  background:url('//www.uclpress.co.uk/cdn/shop/t/2/assets/socialicons.png?v=81076381753330387411485033935');
    }



#util-bar .socialicons li.rss a { background-position:-28px 0; }
#util-bar .socialicons li.facebook a { background-position:-28px -28px; }
#util-bar .socialicons li.twitter a { background-position:-28px -56px; }
#util-bar .socialicons li.tumblr a { background-position:-28px -84px; }
#util-bar .socialicons li.googleplus a { background-position:-28px -112px; }
#util-bar .socialicons li.youtube a { background-position:-28px -140px; }
#util-bar .socialicons li.instagram a { background-position:-28px -168px; }

#util-bar .socialicons li a:hover {
  opacity:0.8;
  filter: alpha(opacity=80); /* ie */
}

#util-bar .search-expandable .actions #cartsummary {
  margin-right:30px;
}

#searchcont.inline {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

#util-bar .actions #searchcont.inline {
  margin-left: 10px;
}

#pageheader #logo-area #searchcont.inline {
  position: absolute;
  top: 10px;
  right: 0;
}

#pageheader #logo-area #searchcont.inline.lower {
  top: auto;
  bottom: 10px;
}

#searchcont.inline .hoverlabel {
  font-size: 14px;
}

#searchcont.inline input.search {
  height: 28px;
  line-height: 28px;
  width: 150px;
  border: 1px solid #ececec;
}

#searchcont.inline input[type="submit"] {
  position: absolute;
  top: 50%;
  right: 3px;
  margin-top: -14px;
  text-indent: 9999px;
  overflow: hidden;
  border: none;
  width: 22px;
  height: 28px;
  background: url('//www.uclpress.co.uk/cdn/shop/t/2/assets/themeicons.png?v=96131914696682460941485033935') no-repeat 5px -360px;
    }

#util-bar #searchcont.slideout {
  background: #ffffff;
  overflow: hidden;
  vertical-align: middle;
  position: absolute;
  /*
  If you find the search box shadow is overlapping your image background,
  try changing the following to something like:
  top:20%;
  height:60%;
  */
  top: 10%;
  height: 80%;
  right: 0;
  padding-left: 24px;
  -webkit-box-shadow: -5px 0px 5px 1px #ffffff;
  box-shadow: -5px 0px 5px 1px #ffffff;
}

#util-bar #searchcont.slideout .searchbtn {
  outline: 0;
  overflow: hidden;
  text-indent: 9999px;
  text-transform: capitalize;
  
  background: url('//www.uclpress.co.uk/cdn/shop/t/2/assets/themeicons.png?v=96131914696682460941485033935') no-repeat 5px -354px;
    

      position: absolute;
      width: 20px;
      height: 40px;
      top: 50%;
      left: 0;
      margin-top: -20px;
      }

#util-bar #searchcont.slideout input.search {
  border-top:0;
  border-left:0;
  border-right:0;
  background:transparent;
  display:block;
  height:26px;
  width:170px;
  color:#ffffff;
  text-indent:0;
  -moz-transition: border-color 150ms linear;
  -webkit-transition: border-color 150ms linear;
  -o-transition: border-color 150ms linear;
  transition: border-color 150ms linear;
}

#util-bar #searchcont.slideout input.search:focus {
  border-color:#ececec;
}

#util-bar #searchcont.slideout .searchformwrap {
  position:absolute;
  height:20px;
  top:50%;
  left:24px;
  margin-top:-12px;
}

.smarttextinput input[type=submit] {
  position:absolute;
  top:0;
  right:0;
  border:0;
  background:transparent;
  overflow:hidden;
  height:100%;
  width:25px;
  cursor:pointer;
  color:inherit;
}

.smarttextinput .inputrow {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

#util-bar #searchcont.slideout input.search,
#util-bar #searchcont.slideout .searchbutton {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#util-bar #searchcont.slideout .hoverlabel {
  left: 0;
  font-size: 14px;
  color: #ffffff;
}

#pageheader {
  z-index:100;
}

#pageheader #logo-area {
  position: relative;
  overflow: hidden;
  
}

#pageheader #logo-area #logo {
  
  padding-top:0pxpx;
  
  
  padding-bottom:0pxpx;
  
}

#pageheader #logo-area #logo img {
  max-width:100%;
  height:auto;
  vertical-align: top;
}

#pageheader #logo-area #logo .text-logo {
  display: block;
  color:#303030;
  font:normal 80px 'Helvetica Neue', Helvetica, Arial, sans-serif, sans-serif;
}

#pageheader nav {
  border-bottom: #333333 5px solid;
  font:normal 15px 'Helvetica Neue', Helvetica, Arial, sans-serif, sans-serif;
  text-align:left;
}

#pageheader nav ul li {
  margin-left:26px;
  position:relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

#pageheader nav ul li.first {
  margin-left:0;
}

#pageheader nav ul li .hasdropdown {
  padding-right:15px;
  
  background:url(//www.uclpress.co.uk/cdn/shop/t/2/assets/themeicons.png?v=96131914696682460941485033935) right -215px no-repeat;
  
}

#pageheader nav ul li.open .hasdropdown {
  
  background-position: right -171px;
  
}

#pageheader nav ul li a {
  color: #303030;
  height: 36px;
  line-height: 36px;
  padding: 0 5px;
  text-decoration:none;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

#pageheader nav ul li a:hover {
  opacity:0.7;
  filter: alpha(opacity=70);
}

#pageheader nav ul ul,
#pageheader nav ul div.multi-column {
  display:none;
  background: #ffffff;
  padding-top: 5px;
  padding-bottom: 5px;
  position: absolute;
  left: 0;
  top: 36px;
  z-index: 10000;
  /*border:1px solid #333333;*/
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 1px 3px #333;
  -moz-box-shadow: 0 1px 3px #333;
  box-shadow: 0 1px 3px #333;
  filter: alpha(opacity=90.0); /* ie */
  opacity: 0.9;
}

#pageheader nav ul ul li {
  display: block;
  margin: 0;
  line-height: 18px;
}

#pageheader nav ul ul li:first-child a {
  border-top: none;
}

#pageheader nav ul ul li a {
  
  text-align: left;
  color: #0c0c0c;
  height: auto;
  font-size: 14px;
  line-height: 17px;
  width: 160px;
  margin: 0 10px;
  padding: 4px 10px;
}

#pageheader nav ul div.multi-column.columns-2 { width: 400px; }
#pageheader nav ul div.multi-column.columns-3 { width: 600px; }
#pageheader nav ul div.multi-column.columns-4 { width: 800px; }
#pageheader nav ul div.multi-column.columns-5 { width: 1000px; }

#pageheader nav ul div.multi-column > ul {
  display: block;
  position: static;
  float: left;
  padding: 0;
  border: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  filter: alpha(opacity=100); /* ie */
  opacity: 1;
}

/* Third-tier dropdown */
#pageheader nav ul ul ul {
  position: absolute;
  display: none;
  left: 100%;
  top: -4px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  border: none;
}

#pageheader nav #dropdownNav {
  width:100%;
  margin:10px 0;
  padding:10px;
  display:none;
  font-size:18px;
}

#crumbs {
  line-height:40px;
  font-size:85%;
  z-index:5;
  position:relative;

}

#crumbs a {
  color:#303030;
}

.collectionfilter {
  text-align:right;
}

#mainslider {
  position:relative;
}

#mainslider .flexslider .slides > li img { width:100%; }

#mainslider.loadingimg {
  min-height:40px;
  background:url(//www.uclpress.co.uk/cdn/shop/t/2/assets/loader-white.gif?v=16963901558251759151485033934) center center no-repeat;
}

#mainslider .overlay {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  z-index:20;
  background: rgba(255,255,255, 0.9) !important;  
}

#mainslider .overlay.left,
#mainslider .overlay.right {
  top:0;
  bottom:auto;
  height:100%;
  width:300px;
}

#mainslider .overlay.right {
  left:auto;
  right:0;
}

#mainslider .overlay.bottom {
  padding:10px 0 15px;
}

#mainslider .overlay p,
#mainslider .overlay h6 {
  color:#000000;
  background-color: transparent;
  margin:5px 15px;
}

#mainslider .overlay h6 {
  font-size: 200%;
}

#mainslider .overlay.left .title,
#mainslider .overlay.right .title {
  margin-top:30px;
  margin-bottom:10px;
}

#mainslider .overlay .price {
  font-size: 190%;
  margin:10px 15px 20px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif, sans-serif;
  display:block;
  color:#000000;
}

#mainslider .overlay.bottom.haslower .price {
  text-align:right;
}

#mainslider .overlay .button {
  border-color: transparent;
  text-align: center;
  margin:10px 15px 0;
}

#mainslider .overlay.left .lower,
#mainslider .overlay.right .lower {
  margin:0;
  position:absolute;
  bottom:0;
  padding-bottom:15px;
  width:100%;
}

#mainslider .overlay.bottom.haslower .upper {
  float:left;
  width:68%;
}

#mainslider .overlay.bottom.haslower .lower {
  float:left;
  width:32%;
}

#mainslider .flex-direction-nav {
  display:none;
}

#mainslider .flex-control-nav li a {
  height:8px;
  width:8px;
}

#mainslider .flex-control-nav {
  display:block;
}

.widgets {
  clear:both;
}

aside.widgets {
  clear:none;
}

.blogwidget span {
  display: block;
  padding-top: 5px;
}

.widgets .widget {
  position: relative;
}

.widgets .widget .paging,
.widgets .widget .flex-direction-nav {
  position: absolute;
  top: 20px;
  right: 0;
}

aside.widgets .widget .flex-direction-nav {
  top: 25px;
}


.widgets .widget.pagesnippetwidget img,
.widgets .widget.pagesnippetwidget object,
.widgets .widget.pagesnippetwidget iframe,
.widgets .widget.pagesnippetwidget table,
.widgets .widget.fullwidthimg img {
  max-width:100%;
  display:block;
}

.productpilewidget .product {
  width:32%;
  float:left;
  margin-top:5px;
  position:relative;
}

.productpilewidget .product.middle {
  margin-left:2%;
  margin-right:2%;
}

.productpilewidget .product a {
  display:block;
  overflow:hidden;
  text-align:center;
  margin-bottom:-4px; /* compensate for inline spacing */
}

.productpilewidget .product img {
  max-width:100%;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.doimgfade .productpilewidget .product img {
  visibility:hidden;
}

/* IE7 margin rounding probs... */
html* .productpilewidget .product.middle {
  margin-left:1%;
  margin-right:1%;
}

html* .productpilewidget .product a {
  margin-bottom:0;
}

#simplepopuptext {
  display:none;
  position: absolute;
  text-align: center;
  background: #ffffff;
  border:1px solid #ececec;
  padding:3px 5px;
  z-index:900;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#simplepopuptext .notch {
  position:absolute;
  bottom:-10px;
  left:50%;
  margin-left:-10px;
}

.paging a,
.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev {
  background: #ffffff;
  border:1px solid #ffffff !important;
  height: 23px;
  text-indent: 10px;
  overflow:hidden;
  width: 23px;
  color:#303030;

  -moz-transition: opacity 200ms linear !important;
  -webkit-transition: opacity 200ms linear !important;
  -o-transition: opacity 200ms linear !important;
  transition: opacity 200ms linear !important;
}

.paging a,
.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev,
.paging span {
  vertical-align:bottom;
  line-height: 22px;
  text-align:left;
  margin-right: 0px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev,
.paging > span,
.paging > a {
  margin-left:2px;
  margin-right:2px;
}

.paging.lower {
  text-align: center;
}

.paging span {
  height:25px;
  width: 25px;
}

.paging .page,
.paging .page a {
  line-height:23px;
}

.paging .page a {
  text-indent:0;
  text-align:center;
  margin-right:0;
}

.paging .page.current {
  background: #ffffff;
  border:1px solid #ffffff;
  width:23px;
  height:23px;
  line-height: 23px;
  text-align:center;
}

.flex-direction-nav li {
  display:inline;
}

.paging.simpletext a {
  /*    vertical-align:middle; */
}

.paging.simpletext .nextwrap,
.paging.simpletext .prevwrap {
  float:left;
  width:50%;
  margin-left:0;
  margin-right:0;
}

.paging.simpletext .nextwrap {
  text-align:right;
  float:right;
}

.paging.simpletext a.text {
  width:auto;
  text-indent:0;
  padding:0 8px;
}

.paging a.prev,
.paging a.next,
.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev {
  text-indent:-999px;
  background-image:url(//www.uclpress.co.uk/cdn/shop/t/2/assets/themeicons.png?v=96131914696682460941485033935);
  
  background-position:1px -32px;
  
  background-repeat:no-repeat;
}
.paging a.prev,
.flex-direction-nav .flex-prev {
  
  background-position:0 7px;
  
}

.paging a:hover,
.flex-direction-nav .flex-next:hover,
.flex-direction-nav .flex-prev:hover {
  opacity:0.7;
  filter: alpha(opacity=70);
}

.middletext {
  text-align:center;
  padding:10px 0;
}

.middleit {
  text-align:center;
  padding: 0 20px;
}

.productlist .product {
  position: relative;
  margin-bottom: 25px;
}

.productlist .product.startrow {
  clear: left;
}

.slides .productlist .product {
  margin-top:0;
}

.productlist .product .columnfluff {
  width:1px;
  height:100%;
  position:absolute;
  top:0;
  right:-10px;
  border-right: 1px solid #ececec;
}

.productlist .product .title,
.productlist .product .desc,
.productlist .product .price {
  margin-left:5px;
  margin-right:5px;
}

.productlist .product .title {
  display:block;
  margin-top:7px;
  color:#267797;
}

.productlist .product .desc {
  color:#303030;
  display:block;
  margin-top:5px;
}

.productlist .product .price {
  margin-top:5px;
  font-size:16px;
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif, sans-serif;
}

.productlist .product .price .reducedfrom {
  filter: alpha(opacity=50);
  opacity:0.5;
  text-decoration: line-through;
}

.productlist .product .price .from {
  font-size:14px;
  line-height:14px;
  font-style:italic;
}

.productlist .product .imgcont {
  <!-- overflow:hidden; -->
  text-align:center;
  position:relative;
  z-index:0;
  margin:0 5px;
  min-height:80px; /* So that when images are loading, page has a layout */
}

.productlist .product.page-block .imgcont {
  background: rgba(0,0,0, 0.1);
}

.productlist .product .imgcont .imgswitch {
  position:relative;
  width:100%;
  display:inline-block;
  zoom: 1;
  *display: inline;
}

.productlist .product .imgcont .imgswitch img {
  vertical-align: top;
  display:inline-block;
  zoom:1;
  *display:inline;
}

.productlist .product .imgcont .imgswitch .altimgcont {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-align:center;
  overflow:hidden;
}

.productlist .product .imgcont .imgswitch .altimg {
  filter: alpha(opacity=0);
  opacity:0;
  max-height: 100%;
  max-width: 100%;
}

.productlist .product .imgcont .image-inner-wrap {
  position: relative;
  width: 100%;
  display:inline-block;
  zoom: 1;
  *display: inline;
}

.productlist .product .imgcont:hover .salecontainer {
  display: none;
}

.productlist .product .imgcont .sale {
  background:#e03c31;
  border:1px solid #fff;
  padding: 4px 12px;
  color: #ffffff;
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif, sans-serif;
}


.productlist .product .imgcont .salecontainer {
  position:absolute;
  top:50%;
  left:20%;
  width:60%;
  margin-top:-14px;
  text-align:center;
  z-index:10000;
}
.productlist .product .imgcont .sale {
  display:inline-block;
  zoom: 1;
  *display: inline;
}


.productlist .product .imgcont img {
  max-width:100%;
}

.productlist .product .imgcont .highlight img {
  display:block;
}

.minibutton {
  font-size:25px;
  line-height:25px;
  padding:5px;
  vertical-align:middle;
  display:inline-block !important;
  zoom: 1;
  *display: inline !important;
}

#maincontent {
  padding-bottom:50px;
  position:relative;
  z-index:50;
}

#productinfo #detail {
  margin-top: 5px;
}

#productinfo #detail > h1 {
  color: #303030;
  font-size: 36px;
  line-height: 1.2em;
  border: 0;
  padding-top: 0;
  margin-bottom: 10px;
}

#productinfo #detail .price {
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif, sans-serif;
  font-size:36px;
  line-height:35px;
  margin:5px 0 20px;
}

#productinfo #detail .price .was-price {
  font-size:50%;
  opacity:0.5;
  filter: alpha(opacity=50);
  text-decoration:line-through;
}

#productinfo #detail .options {
  margin:20px 0;
}

#productinfo #detail .options #quantity {
  width:40px;
}

#productinfo #detail .options .selectors {
  margin-top:14px;
}

#productinfo #detail .options .selectors label {
  display:block;
  margin:10px 0 5px;
}

#productinfo #detail .addbuttoncont {
  position: relative;
  margin-bottom: 20px;
}

#productinfo #detail .button {
  /*     width:100%; */
  text-align:center;
}

#productinfo #detail .added {
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif, sans-serif;
  position:absolute;
  display:none;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  font-size:16px;
  line-height:37px;
  color: #ffffff;
  background-color:#e03c31;
  text-align:center;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

#productinfo #detail .added .yay {
  position:absolute;
  left:0;
  top:0;
  width:50%;
  height:100%;
}

#productinfo #detail .added .basket {
  position:absolute;
  right:0;
  top:0;
  width:50%;
  height:100%;
  color: #ffffff;
  background:url(//www.uclpress.co.uk/cdn/shop/t/2/assets/transblack20.png?v=63009404942640534761485033935);
}

#productinfo #detail .added .basket:hover {
  opacity:0.9;
}

#productinfo #detail .added.error {
  z-index:20;
  height: auto;
  line-height: 25px;
  min-height: 100%;
  -webkit-box-shadow: 0 0 2px 0 #000;
  -moz-box-shadow: 0 0 2px 0 #000;
  box-shadow: 0 0 2px 0 #000;
}

#productinfo #detail .description {
  margin-top:20px;
}

#productinfo .gallery {
  margin-top: 10px;
  text-align: center;
}

#productinfo .gallery a {
  display: inline-block;
  max-width: 100%;
}

#productinfo .gallery img {
  vertical-align: top;
}

#productinfo .gallery .main img {
  /*   max-width: 100%; */
  height: auto;
}

#productinfo .gallery .thumb {
  margin: 20px 10px 0 0;
  vertical-align: top;
}

#productinfo .gallery .thumb img {
  height: 65px;
  width: auto;
  max-width: none;
}

#productinfo .gallery.mode-hide .thumbnails {
  display: none;
}

#productinfo #detail .social a {
  border: none;
}

#productinfo > .description {
  margin-top: 20px;
}

.tags {
}

.tags.contentsection a {
  white-space:nowrap;
}

#maincontent .contentsection {
  border-bottom:1px solid #ddd;
  padding:0 0 10px 0;
  margin:0 0 10px 0;
}

#maincontent .social.floating {
  text-align:right;
  position:absolute;
  right:35px;
  top:10px;
  z-index:5;
}

#maincontent .social .socialitem {
  text-align:left;
  vertical-align: top;
  display:inline-block;
  zoom:1;
  *display:inline;

}

#maincontent .social .socialitem nav ul {
  list-style: none;
  margin-left: 0;
}

#maincontent .social .socialitem.facebookcont {
  width:90px;
}

#maincontent .social .label {
  vertical-align: top;
  margin-right:5px;
}

#maincontent .social .fb_iframe_widget span {
  display:block;
  overflow:hidden;
}

#maincontent .social #fb-root {
  display:none;
}

#maincontent .social.floating .fb_iframe_widget iframe {
  position:static;
}

.searchresults {
}

.searchresults .imagecont {
  text-align:center;
}

aside.widgets {
  margin-top:0;
}

aside.widgets .widget {
  margin-top: 0;
  margin-bottom: 30px;
}

aside .item {
  padding-bottom:20px;
}

aside .item.recentarticles li {
  border-bottom:1px solid #dedede;
  padding-bottom:8px;
  margin-bottom:8px;
}

aside .item.recentarticles li a {
  display:block;
  margin-bottom:10px;
}

aside .item.recentarticles li h4 {
  display:inline;
  font-size:110%;
}

aside .item.recentarticles li span {
  font-style:italic;
}

aside .item.recentarticles li p {
  margin:5px 0;
}

.tags li {
  display:inline;
  white-space:nowrap;
  line-height:44px;
  padding:4px 10px;
  border:1px solid #ececec;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.tags li.active {
  background: #ffffff;
}

.tags li.active a {
  color:#303030;
}



#maincontent h1,
#maincontent h2,
#maincontent h3 {
  border-bottom:1px solid #ececec;
  margin-bottom: 20px;
  padding-top:20px;
  padding-bottom:10px;
  color:#303030;
}

#maincontent h1.nobordermargin,
#maincontent h2.nobordermargin,
#maincontent h3.nobordermargin {
  border:0;
  margin-bottom:0;
}


#maincontent .widget h1,
#maincontent aside h1,

#maincontent .widget h2,
#maincontent aside h2,

#maincontent .widget h3,
#maincontent aside h3,

#maincontent .widget h4,
#maincontent aside h4,

#maincontent .widget h5,
#maincontent aside h5,

#maincontent .widget h6,
#maincontent aside h6
 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 1.3em;
  border-bottom:1px solid #ececec;
}


#maincontent aside .widget h1,
#maincontent aside .item h1,

#maincontent aside .widget h2,
#maincontent aside .item h2,

#maincontent aside .widget h3,
#maincontent aside .item h3,

#maincontent aside .widget h4,
#maincontent aside .item h4,

#maincontent aside .widget h5,
#maincontent aside .item h5,

#maincontent aside .widget h6,
#maincontent aside .item h6
 {
  line-height:30px;
  margin-bottom: 10px;
}

.widgets .flexslider h6,
.widgets.flexslider h6 {
  padding-right:60px;
}

#maincontent .pagecontent img {
  max-width: 100%;
  height: auto;
}

#maincontent article .info {
  font-style:italic;
  margin-bottom:15px
}

#maincontent #crumbs .socialicons {
  float:right;
  line-height:20px;
  margin-top:10px;
}

#maincontent .socialicons .rss {
  display:inline-block;
  zoom: 1;
  *display: inline;
  height:28px;
  width:28px;
  overflow:hidden;
  text-indent:9999px;
  text-transform: capitalize;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  
  background:url('//www.uclpress.co.uk/cdn/shop/t/2/assets/socialicons.png?v=81076381753330387411485033935') no-repeat 0 0;
    
      }

#maincontent p {
  margin-top: 10px;
  margin-bottom: 10px;
}

#maincontent .comments p {
  margin: 0 0 20px;
}

#maincontent .comments .commentbody {
  border-bottom:1px solid #ddd;
}

.formfields .inputrow {
  position:relative;
}

#maincontent .formfields .inputrow {
  margin:10px 0;
}

#maincontent .formfields .inputrow input {
  width:250px;
}

#maincontent .formfields .inputrow input.normalwidth {
  width:auto;
}

#maincontent table {
  border-top:4px solid #ececec;
}

#maincontent td {
  border-bottom:1px solid #ececec;
  padding:5px 7px;
  text-align:left;
}

#maincontent th {
  border-bottom:1px dotted #ececec;
  padding:5px 7px;
  text-align:left;
}

#maincontent .content-block {
  line-height:1.5em;
}

#maincontent .content-block img {
  max-width: 100%;
  height: auto;
}

#maincontent .content-block iframe {
  max-width:100%;
}

#maincontent .content-block blockquote,
#maincontent .content-block q {
  font-size: 140%;
  font-style: italic;
  line-height: 1.5em;
  margin: 15px 0;
  padding-left: 30px;
  width: 80%;
  border-left:5px solid #ececec;
}

#maincontent .content-block ul,
#maincontent .content-block ol {
  margin-top:10px;
  margin-bottom:10px;
}

#maincontent .content-block li {
  list-style: disc outside none;
  margin-left: 20px;
}

#maincontent .content-block ul.tabs li {
  margin-left: 0;
  list-style: none;
}

#maincontent .content-block ol li {
  list-style: decimal outside none;
}

#maincontent .content-block .jstab {
  clear:both;
}

/* Hover for standard text <a> tags */
#maincontent p a,
#maincontent .content-block a,
#maincontent .contentsection a,
#maincontent .tags a,
#maincontent .info a,
#maincontent .pagesnippetwidget a,
#maincontent .recentarticles a h4,
#maincontent #basket .desc a,
#maincontent #basket .remove a {
  border-bottom:1px dashed transparent;
  -moz-transition: border-color 200ms linear;
  -webkit-transition: border-color 200ms linear;
  -o-transition: border-color 200ms linear;
  transition: border-color 200ms linear;
}

#maincontent p a:hover,
#maincontent .content-block a:hover,
#maincontent .contentsection a:hover,
#maincontent .tags a:hover,
#maincontent .info a:hover,
#maincontent .pagesnippetwidget a:hover,
#maincontent .recentarticles a:hover h4,
#maincontent #basket .desc a:hover,
#maincontent #basket .remove a:hover {
  border-color:#267797;
}

.formfields label {
  font-size:100%;
}

.formfields.dohover .inputrow label.hoverlabel {
  position: absolute;
  cursor: text;
  left: 10px;
  top: 50%;
  height: 90%;
  line-height: 36px;
  margin-top: -18px;
  color: #303030;
}

#basket .cartitem {
  border-bottom: 1px solid #ececec;
  padding: 30px 0;
}

#basket .cartitem.first {
  border-top:0;
}

#basket .image {
  float:left;
  width:13%;
  margin-right:2%;
}

#basket .image img {
  max-height:100%;
  max-width:100%;
}

#basket .desc {
  float:left;
  width:38%;
  padding:10px 0 0;
}

#basket .qty {
  float:left;
  width:17%;
  text-align:center;
}

#basket .qty label {
  display:block;
}

#basket .qty input {
  text-align:center;
}

#basket .amt {
  float:left;
  width:11%;
  padding:25px 0 0;
  text-align:center;
}

#basket .remove {
  float:left;
  width:19%;
  padding:25px 0 0;
  text-align:center;
}

#basket .foot {
  padding-top:22px;
}

#basket .foot .button {
  display:inline;
}

#basket .foot .instructions {
  width:53%;
  float:left;
}

#basket .foot .instructions #shownote label {
  cursor: pointer;
}

#basket .foot .updatecont {
  float:left;
  width:17%;
}
#basket .foot .checkoutcont {
  float: left;
  text-align: center;
  width: 30%;
}

#basket .foot .checkoutcont .button {
}

#basket .foot .total {
  padding: 0 0 25px;
  font-size:24px;
}

#basket .foot .extrapaymentmethods input {
  border:0;
  background:transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#basket textarea {
  width:360px;
  height:111px;
}

#shipping-calculator .selectreplace {
  width:100%;
}

#shipping-calculator label {
  display:block;
  margin-bottom:3px;
  margin-top:5px;
}

#shipping-calculator input[type=text] {
  width:100%;
}

#shipping-calculator .button {
  margin-top:25px;
  padding: 7px 22px;
}

#pagefooter {
  color: #ffffff;
  background:#ccd7d7
    
    url(//www.uclpress.co.uk/cdn/shop/t/2/assets/bg_image_foot_custom.jpg?v=99276214301621062641495363799) repeat left top
    ;
  padding:20px 0 60px;
  text-align:center;
  position:relative;
  z-index:40;
  
  border-top: #ececec 1px solid;
  
}

#pagefooter h1,
#pagefooter h2,
#pagefooter h3,
#pagefooter h4 {
  color: #ffffff;
  font-size:24px;
  line-height:24px;
  padding:20px 0 20px;
}

#pagefooter #recentproducts li {
  display:inline-block;
  zoom:1;
  *display:inline;
  /*    border-left: 1px solid #ececec; */
  margin:0 0 15px;
  padding:0 15px;
  vertical-align:middle;
}

#pagefooter #recentproducts li.first {
  border-left:0;
}

#pagefooter #recentproducts li a,
#pagefooter #recentproducts li a img {
  display:block;
}

#pagefooter .registercont {
  margin-bottom:20px;
}

#pagefooter .registercont .showregister {
  padding:10px 55px;
  font-size:17px;
}

#pagefooter .registercont .contact-form {
  height:56px;
}

#pagefooter .registercont label {
  left:0;
  color:#ffffff;
}

#pagefooter .registercont .registerform input[type=email] {
  border-top:0;
  border-left:0;
  border-right:0;
  background:transparent;
  display:inline;
  height:35px;
  width:175px;
  color:#ffffff;
  text-indent:0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-transition: border-color 150ms linear;
  -webkit-transition: border-color 150ms linear;
  -o-transition: border-color 150ms linear;
  transition: border-color 150ms linear;
}
#pagefooter .registercont .registerform input[type=email]:focus {
  border-bottom-color: #ececec;
}

#pagefooter nav li {
  display:inline;
  margin:20px 0;
  padding:0 8px 0 12px;
  border-left:1px solid #fff;
}

#pagefooter nav li.first {
  border-left:0;
}

#pagefooter nav a,
#pagefooter .copyright a {
  color: #46c6f8;
  border-bottom:1px dashed transparent;
  -moz-transition: border-color 200ms linear;
  -webkit-transition: border-color 200ms linear;
  -o-transition: border-color 200ms linear;
  transition: border-color 200ms linear;
}

#pagefooter nav a:hover,
#pagefooter .copyright a:hover {
  border-color:#46c6f8;
}

#pagefooter .copyright {
  margin:20px 0;
}

#pagefooter .paymentmethods {
}

#pagefooter .paymentmethods > span {
  background:url('//www.uclpress.co.uk/cdn/shop/t/2/assets/payment-methods-sprite.png?v=147371469103394145731485033935') 0 0 no-repeat;
    width:37px;
    height:23px;
    margin:2px;
    display:inline-block;
    zoom:1;
    *display:inline;
    }

#pagefooter .paymentmethods span span {
  display:none;
}

#pagefooter .paymentmethods .2co {
}
#pagefooter .paymentmethods .amex {
  background-position:0 -23px;
}
#pagefooter paymentmethods .cirrus {
  background-position:0 -46px;
}
#pagefooter .paymentmethods .delta {
  background-position:0 -69px;
}
#pagefooter .paymentmethods .discover {
  background-position:0 -92px;
}
#pagefooter .paymentmethods .google {
  background-position:0 -115px;
}
#pagefooter .paymentmethods .maestro {
  background-position:0 -138px;
}
#pagefooter .paymentmethods .mastercard {
  background-position:0 -161px;
}
#pagefooter .paymentmethods .moneybook {
  background-position:0 -184px;
}
#pagefooter .paymentmethods .paypal {
  background-position:0 -207px;
}
#pagefooter .paymentmethods .sage {
  background-position:0 -230px;
}
#pagefooter .paymentmethods .solo {
  background-position:0 -253px;
}
#pagefooter .paymentmethods .switch {
  background-position:0 -276px;
}
#pagefooter .paymentmethods .visa {
  background-position:0 -299px;
}
#pagefooter .paymentmethods .electron {
  background-position:0 -322px;
}
#pagefooter .paymentmethods .jcb {
  background-position:0 -345px;
}
#pagefooter .paymentmethods .diners {
  background-position:0 -369px;
}

#scrolltotop {
  position:fixed;
  right:14px;
  bottom:-100px;
  top: auto !important;
  width:60px;
  text-align:center;
  font-weight:bold;
  padding:20px 10px 30px;
  background-color:#fff;
  color:#444;
  font-size:15px;
  line-height:15px;
  z-index:9999999;
  border: 1px solid #333;

  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;

  -webkit-box-shadow: 0px 0px 3px -1px #555;
  -moz-box-shadow: 0px 0px 3px -1px #555;
  box-shadow: 0px 0px 3px -1px #555;

  -webkit-transition: bottom 0.2s ease-in-out;
  -moz-transition: bottom 0.2s ease-in-out;
  -o-transition: bottom 0.2s ease-in-out;
  -ms-transition: bottom 0.2s ease-in-out;
  transition: bottom 0.2s ease-in-out;
}



/*
* jQuery FlexSlider v1.8
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {width: 100%; margin: 0; padding: 0; zoom:1; position:relative;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.flexslider .slides > li {display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {overflow:hidden; zoom: 1;}
.flexslider .slides > li {position: relative; overflow:hidden;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Control Nav */
.flex-control-nav {
  text-align:center;
  margin-top:10px;
  display:none;
}
.flex-control-nav li {
  display:inline;
}
.flex-control-nav li a {
  text-indent:-9999em;
  width:4px;
  height:4px;
  background:#777;
  border:2px solid #777;
  margin:3px;
  display:inline-block;
  zoom:1;
  *display:inline;
  cursor:pointer;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

  -moz-transition: background-color 250ms linear;
  -webkit-transition: background-color 250ms linear;
  -o-transition: background-color 250ms linear;
  transition: background-color 250ms linear;
}
.flex-control-nav li a.flex-active {
  background:#fff;
}

/* Slimbox */
#lbOverlay {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  cursor: pointer;
}

#lbOverlay img {
  max-width: 100%;
  height: auto;
}

#lbCenter, #lbBottomContainer {
  position: absolute;
  z-index: 9999;
  overflow: hidden;
  background-color: #fff;
}

.lbLoading {
  background: #fff url(//www.uclpress.co.uk/cdn/shop/t/2/assets/loader-white.gif?v=16963901558251759151485033934) no-repeat center;
}

#lbImage {
  position: absolute;
  left: 0;
  top: 0;
  border: 10px solid #fff;
  background-repeat: no-repeat;
}

#lbSlide{
  display: block;
  position: absolute;
  width: 100%;
}

#lbPrevLink, #lbNextLink {
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  outline: none;
}

#lbPrevLink {
  left: 0;
}

#lbPrevLink:hover {
  background: transparent url(//www.uclpress.co.uk/cdn/shop/t/2/assets/prevlabel.gif?v=43916718240230828781485033935) no-repeat 0 15%;
}

#lbNextLink {
  right: 0;
}

#lbNextLink:hover {
  background: transparent url(//www.uclpress.co.uk/cdn/shop/t/2/assets/nextlabel.gif?v=30706523810443464321485033935) no-repeat 100% 15%;
}

#lbBottom {
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  line-height: 1.4em;
  text-align: left;
  border: 10px solid #fff;
  border-top-style: none;
}

#lbCloseLink {
  display: block;
  float: right;
  width: 66px;
  height: 22px;
  background: transparent url(//www.uclpress.co.uk/cdn/shop/t/2/assets/closelabel.gif?v=50550316368424471421485033933) no-repeat center;
  margin: 5px 0;
  outline: none;
}

#lbCaption, #lbNumber {
  margin-right: 71px;
}

#lbCaption {
  font-weight: bold;
}


/* jqZoom plugin */

.zoomPad{
  position:relative;
  /*float:left; - taken out to fix sale graphic*/
  z-index:99;
  cursor:crosshair;
  max-width:100%;
}

.zoomPad > img {
  display:inline-block;
  zoom:1;
  *display:inline;
}


.zoomPreload{
  display:none;
  /*-moz-opacity:0.5;
  opacity: 0.5;
  filter: alpha(opacity = 50);
  background:white url(//www.uclpress.co.uk/cdn/shop/t/2/assets/loader-white.gif?v=16963901558251759151485033934) no-repeat;
  z-index:110;
  width:32px;
  height:32px;
  position:absolute;
  top:0px;
  left:0px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;*/
}


.zoomPup{
  overflow:hidden;
  background-color: #FFF;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
  z-index:120;
  position:absolute;
  z-index:101;
  cursor:crosshair;
}

.zoomOverlay{
  position:absolute;
  left:0px;
  top:0px;
  background:#FFF;
  /*opacity:0.5;*/
  z-index:5000;
  width:100%;
  height:100%;
  display:none;
  z-index:101;
}

.zoomWindow{
  position:absolute;
  left:110%;
  top:40px;
  height:auto;
  width:100%;
  z-index:110;
}
.zoomWrapper{
  position:relative;
  z-index:110;
  cursor:pointer !important;
  display:inline-block;
  zoom:1;
  *display:inline;
}
.zoomWrapper img {
  max-width:none !important;
  max-height:none !important;
  opacity:1 !important;
  filter: alpha(opacity = 100) !important;
}
.zoomWrapperTitle{
  display:block;
  background:#999;
  color:#FFF;
  height:18px;
  line-height:18px;
  width:100%;
  overflow:hidden;
  text-align:center;
  font-size:10px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
}
.zoomWrapperImage{
  display:block;
  position:relative;
  overflow:hidden;
  z-index:110;
  max-height:100%;
}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/

/* Infinite scroll */
#infscr-loading {
  clear:both;
  padding:50px;
  text-align:center;
}

/* Select box visual replacement */
.selectreplace {
  background:#ffffff;
  color: #303030;
  position:relative;
  overflow:hidden;
  border:1px solid #9a9a9a;
  -webkit-box-shadow: 0px 0px 3px -1px #9a9a9a;
  -moz-box-shadow: 0px 0px 3px -1px #9a9a9a;
  box-shadow: 0px 0px 3px -1px #9a9a9a;
  display:inline-block;
  zoom:1;
  *display:inline;
  vertical-align:middle;
}

.selectreplace .selectpicker {
  padding:5px 40px 5px 10px;
  display:inline-block;
  zoom:1;
  *display:inline;
}

.selectreplace .selectpicker .arr {
  font-size:24px;
  line-height:16px;
  position:absolute;
  right:10px;
  top:50%;
  z-index:4;
  font-family:Arial;
}

.selectreplace select {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  filter: alpha(opacity=0); /* ie */
  opacity: 0;
  z-index:15;
  -webkit-appearance: menulist-button;
}

/* pretty image fades */
.doimgfade .productlist .product .imgcont img,
.rg-image img {
  filter: alpha(opacity=0);
  opacity:0;
  border:1px solid lightgrey;
}

.gift-card-container {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
}

/* Media queries for responsive layout */
@media only screen and (max-width: 959px) {
  #util-bar #util-bar-login .title {
    display:none;
  }

  #util-bar .text-in-tagline .tagline-area,
  #util-bar .text-in-tagline .actions {
    float:none;
    width:auto;
    text-align:center;
  }

  #mainslider .product .info .textblock {
    min-height:155px;
  }

  #mainslider .product .info .textblock .desc {
    display:none;
  }

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #util-bar #util-bar-login .nameinputcont {
    width:30%;
  }

  #util-bar #util-bar-login .passwordinputcont {
    width:52%;
  }

  #util-bar .search-in-tagline .tagline-area {
    width: 158px;
  }

  #pageheader #logo-area #logo .text-logo {
    font-size: 64.0px;
  }

  #pageheader nav {
    font-size: 12.0px;
  }

  #pageheader nav ul li {
    margin-left:16px;
  }

  #pageheader nav ul ul li a {
    font-size: 11.2px;
  }
}

@media only screen and (max-width: 767px) {
  #mainslider {
    /* simply using display:none breaks the slider */
    overflow:hidden;
    height:0;
    line-height:0;
  }

  #maincontent .social.floating {
    top:auto;
    bottom:10px;
    right: 0;
    width:100%;
    text-align:left;
  }

  #maincontent .social .label {
    display:block;
    margin-bottom:5px;
  }

  #maincontent .socialspacer {
    clear:both;
    padding-top:40px;
  }

  .widgets .widget {
    margin-bottom:20px !important;
  }

  #util-bar #util-bar-login {
    padding-bottom:40px;
  }

  #util-bar #util-bar-login .button {
    bottom:42px;
  }

  #util-bar #util-bar-login .passwordinputcont .forgot {
    left:5px;
    top:44px;
    border:0;
  }

  #util-bar .actions,
  #util-bar .search-in-tagline .tagline-area {
    text-align: center;
    width: auto;
    float: none;
  }

  #util-bar .actions .socialicons {
    display:block;
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  #util-bar .tagline-area {
    display:none;
  }

  #util-bar .search-in-tagline .tagline-area {
    display: block;
    margin-bottom: 10px;
  }

  #util-bar #util-bar-login .button {
    top:auto;
    bottom:0;
  }

  #util-bar #util-bar-login .passwordinputcont {
    width:auto;
    margin:8px 126px 0 0;
    float:none;
  }

  #util-bar #util-bar-login .nameinputcont,
  #basket .image,
  #basket .desc,
  #basket .foot .instructions,
  #basket .foot .instructions textarea,
  #basket .foot .updatecont,
  #basket .foot .checkoutcont {
    float:none;
    width:100%;
  }

  #pageheader #searchcont {
    position: relative;
    width: auto;
    margin-top: 10px;
  }

  #pageheader #logo-area #searchcont.inline {
    position: static;
  }

  #pageheader #logo-area #logo .text-logo {
    font-size: 40px;
  }

  #productinfo #detail .button,
  #productinfo #detail .added,
  #productinfo #detail .options #product-select_input {
    width:100% !important;
  }

  #productinfo #detail .added {
    float:none;
    margin:10px 0 0;
  }

  #basket .image {
    text-align:center;
  }

  #basket .qty,
  #basket .remove {
    width:36%;
    text-align:center;
  }

  #basket .amt {
    width:28%;
  }

  #basket .foot .instructions {
    padding:20px 0;
  }

  #basket .foot .button,
  #shipping-calculator .button {
    width:100%;
    padding:15px;
  }

  #basket .qty {
    padding-top:16px;
  }



  
  /* Vertically stacked */
  .productlist .product .imgcont,
  .productlist .product .title,
  .productlist .product .desc {
    height:auto !important;
  }

  #maincontent .productlist .product {
    margin-bottom: 25px;
    padding-bottom:20px;
    border-bottom: 1px solid #ececec;
  }

  #maincontent .productlist .product.last {
    border-bottom:0;
  }

  

  .productlist .product .columnfluff {
    display:none;
  }

  #pageheader nav ul {
    display:none;
  }

  #pageheader nav #dropdownNav {
    display:inherit;
  }

  #pagefooter #recentproducts li {
    border:0;
  }
}

@media only screen and (max-width: 479px) {
  #util-bar .actions #searchcont.inline {
    margin-top: 10px;
  }

  #pageheader #logo-area #logo .text-logo {
    font-size: 28.571428571428573px;
  }
}

/* High DPI devices get some graphical upgrades */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
    #util-bar .socialicons li a,
    #maincontent .socialicons .rss {
      background-image:url('//www.uclpress.co.uk/cdn/shop/t/2/assets/socialicons_2x.png?v=101102375631437348161485033935');
        -moz-background-size:84px 196px;
        -ie-background-size:84px 196px;
        -o-background-size:84px 196px;
        -webkit-background-size:84px 196px;
        background-size:84px 196px;
        }

    #util-bar .actions .logindrop,
    #util-bar .actions .searchbtn,
    #pageheader nav ul li .hasdropdown,
    .paging a.prev,
    .paging a.next,
    .flex-direction-nav .flex-next,
    .flex-direction-nav .flex-prev {
      background-image:url('//www.uclpress.co.uk/cdn/shop/t/2/assets/themeicons_2x.png?v=67704089178499054471485033935');
        background-size:14px 500px;
        }
  }

/* Add custom code under here */

#logo-area {
  height:0
}


a.button.small-live
{
  background-color: #707070;
  color: #fff;
  box-shadow: none;
}

a.button.tiny
{
  background-color: whitesmoke;
  color: grey;
  width: 50px!important;
  padding: 1px 1px 1px 1px;
  font-size: 9pt;
  box-shadow: none;
  border: 1px solid lightgrey !important;
  height: 15px;
}

.thin-button {
  height: 20px;
}

a.button, input.button, .button a{
  <!-- box-shadow: 0 0 2px 0 #989797; -->
  box-shadow: none;
}

.button {
  /*   background-color: #f8f8f8; */
  text-transform: uppercase;
}

a.button.large, input.button.large, .button.large a {
  padding: 0px;
  box-shadow: none;
}

a.button.small, a.button.us-small, a.button.medium
{
  background-color: whitesmoke;
  color: #4F4F4F;
  box-shadow: none;
  margin-top:5px;
  border: 1px solid lightgrey !important;
  /*    font-size: small; */
}

a.button.small:hover, a.button.medium:hover
{
  border: 1px solid grey !important;
}

a.button.us-small {
  width:90% !important;
}


a.button.medium {
  width:40% !important;
}

a.button.us-small:hover
{
  border: 1px solid grey !important;
}

.inline {
  display:inline
}


#socialpageheader  ul li .hasdropdown {
  padding: 0px 15px 2px 1px;
  <!-- 
  background:url(//www.uclpress.co.uk/cdn/shop/t/2/assets/themeicons.png?v=96131914696682460941485033935) right -224px no-repeat;
   -->
}

#socialpageheader  ul li.open .hasdropdown {
  
  background-position: right -171px;
  
}

#socialpageheader  ul li a {
  color: #303030;
  height: 16px;
  line-height: 20px;
  padding: 0 5px;
  text-decoration: none;
  display: inline-block;
  zoom: 1;
}

#socialpageheader  ul li a:hover {
  opacity:0.7;
  filter: alpha(opacity=70);
}

#socialpageheader  ul ul,
#socialpageheader  ul div.multi-column {
  display:none;
  background: #ffffff;
  padding-top: 5px;
  padding-bottom: 5px;
  position: absolute;
  left: 0;
  top: 36px;
  z-index: 10000;
  /*border:1px solid #333333;*/
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 1px 3px #333;
  -moz-box-shadow: 0 1px 3px #333;
  box-shadow: 0 1px 3px #333;
  filter: alpha(opacity=90.0); /* ie */
  opacity: 0.9;
}

#socialpageheader  ul ul li {
  display: block;
  margin: 0;
  line-height: 18px;
}

#socialpageheader  ul ul li:first-child a {
  border-top: none;
}

#socialpageheader  ul ul li a {
  
  text-align: left;
  color: #0c0c0c;
  height: auto;
  font-size: 14px;
  line-height: 17px;
  width: 160px;
  margin: 0 10px;
  padding: 4px 10px;
}

#socialpageheader  ul div.multi-column.columns-2 { width: 400px; }
#socialpageheader  ul div.multi-column.columns-3 { width: 600px; }
#socialpageheader  ul div.multi-column.columns-4 { width: 800px; }
#socialpageheader  ul div.multi-column.columns-5 { width: 1000px; }

#socialpageheader  ul div.multi-column > ul {
  display: block;
  position: static;
  float: left;
  padding: 0;
  border: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  filter: alpha(opacity=100); /* ie */
  opacity: 1;
}

/* Third-tier dropdown */
#socialpageheader  ul ul ul {
  position: absolute;
  display: none;
  left: 100%;
  top: -4px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  border: none;
}

#socialpageheader  #dropdownNav {
  width:100%;
  margin:10px 0;
  padding:10px;
  display:none;
  font-size:18px;
}

#productinfo .gallery .main img {
  /*   max-width: 60%; eb*/
  max-width: 100%;
}

#productinfo #detail > h1 {
  font-size: 26px;
}
#productinfo #detail .price {
  font-size: 25px;
  line-height: 5px;
}

#productinfo #detail .options {
  font-size: 12px !important;
  line-height: 10px;
}

#productinfo > .description {
  margin-top: 0px;
}

#util-bar .cartsocialcont {
  padding: 3px 0;
}

#productinfo #detail > h1 {
  margin-bottom: 0px;
}

h5 {
  font-size: 14pt;
  margin-top:-10px;
}

h3 {
  padding-top:0px !important;
  font-size: 14pt;
}

#maincontent .social .socialitem.facebookcont {
  width: 80px;
}

.table_of_contents {
  white-space: pre-line;
}

span.label {
  font-weight:bold}

#pageheader{
  background:rgb(133, 22, 43);
  color: white !important;
}

.slick-prev:before, .slick-next:before {
  color:black !important;
  font-size: 35px !important;
}

/* Slider */
.slick-slider
{
  position: relative;

  display: block;

  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;

  display: block;
}
.slick-track:before,
.slick-track:after
{
  display: table;

  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;

  height: auto;

  border: 1px solid transparent;
}


/* Slider */
.slick-loading .slick-list
{
  background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
  font-size: 0;
  line-height: 0;

  position: absolute;
  top: 50%;

  display: block;

  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;

  cursor: pointer;

  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
  opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
  font-size: 20px;
  line-height: 1;

  opacity: .75;
  color: white;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
  left: -25px;
}
[dir='rtl'] .slick-prev
{
  right: -25px;
  left: auto;
}
.slick-prev:before
{
  content: '«';
}
[dir='rtl'] .slick-prev:before
{
  content: '»';
}

.slick-next
{
  right: -25px;
}
[dir='rtl'] .slick-next
{
  right: auto;
  left: -25px;
}
.slick-next:before
{
  content: '»';
}
[dir='rtl'] .slick-next:before
{
  content: '«';
}

.white {
  color: #ffffff !important;
}

#pageheader nav {
  border-bottom: none;
}

#pagefooter {
  padding: 20px 0 0px;
}

.series-dropdown ul ul, .series-dropdown ul div.multi-column {
  top: 150px !important;
}

.fixed-height {
  min-height: 130px;
}

.social-bar {
  display: inline !important;
  line-height: 28px !important;
}

.social-icon {
  width: 30px;
}

#pageheader {
  background: #fff !important
}

#productinfo #detail .addbuttoncont {
  position: relative;
  margin-bottom: 40px;
  width: 150px;
}

#purchase.button {
  width: 100%;
  height: 40px;
}

a.button, input.button, .button a {
  font-family: Helvetica;
}

.ucl-logo {
  background-color: rgba(210, 210, 210, 0.28);
}

.ucl-logo img {
  display: block;
  margin: 0 auto;
  max-width:100%;
  max-height:100%;
  padding-bottom: 15px;
}

#productinfo #detail .addbuttoncont {
  background-color: black;
  padding: 5px;}

#maincontent td {
  vertical-align: top
}

#maincontent .tab-3 p {
  margin-top: 20px;
  margin-bottom: 0; 
}

#pageheader nav ul ul li a {
  width: 264px;
}

.tags {
  display: none !important
}

/* publish with us */
#pwi.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  background-color: #fff;
  color: #444;
  grid-auto-flow: row dense;
}

#pwi.grid .block {
  background-color: #f2f2f2;
  color: #000;
  padding: 20px 20px 80px 20px;
  text-align: center;
  grid-column-start: 1;
  position: relative;
}

#pwi.grid .block .number {
  padding: 21px;
  color: #fff;
  background-color: #aa0000;
  font-size: 35px;
  font-weight: 500;
  border-radius: 50%;
  display: block;
  width: 28px;
  height: 28px;
  font-family: 'Helvetica';
  text-align: center;
  line-height: 32px;
  margin: 0 auto 20px;
}

#pwi.grid .block p.title {
  font-size: 28px;
  line-height: 32px;
}

#pwi.grid .block.second-column {
  grid-column-start: 2;
}

#pwi.grid .block .button{
  background-color: #aa0000;
  color: #fff;
  box-shadow: none;
  position: absolute;
  bottom: 36px;
  left: 0;
  right: 0;
  width: 95px;
  display: block;
  margin: 0 auto;
}

.sidebar-block {
  margin-bottom: 35px; 
}

.sidebar-block .button {
  background-color: #aa0000;
  color: #fff;
  box-shadow: none;
}

.sidebar-block h4 {
  font-size: 22px;
  font-weight: 500;
  border-bottom: 1px solid #ececec;
}

body .container .sixteen.columns {
  width: 980px; 
}

.columns ul {
  list-style: disc;
  margin-left: 15px;
}

.columns ul li {
  margin-bottom: 5px;
}


.willtab-tabs li {
  margin-bottom: 0!important; 
}
.willtab-tabs a {
  font-size: 11px; 
}


.sr-only {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

#util-bar #searchcont.slideout input.search {
  color: black
}

.img-cover {
	height: 200px
}