.container {
    max-width: 1170px;
}

.mobile {
    display: none;
}

/* RESPONSIVE */

@media only screen   
and (max-width: 1200px) {
    .container {
        width: 727px;
    }
    
    .grid.grid-break-tablet>div {
        padding: 0 !important;
        float: none !important;
        width: 100% !important;
        margin-bottom: 2em;
    }
    
    .grid.grid-break-tablet + .thumbsgrid {
        margin-top: 20px
    }
    
    .grid.grid-half-break-tablet>div {
        width: 48.805% !important;
        margin-bottom: 2em;
    }
    
    .grid.grid-half-break-tablet>div.span3:nth-child(2) {
        padding-right: 0% !important;
    }
}

@media only screen   
and (max-width: 767px) {
    .container {
        width: 90%;
        padding: 0 5%;
    }
    
    .grid.grid-break-mobile>div {
        padding: 0 !important;
        float: none !important;
        width: 100% !important;
        margin-bottom: 2em;
    }
    
    .grid.grid-break-mobile>div.spacer-span {
        display: none;
    }
    
    .hide-mobile {
        display: none;
    }
    
    .mobile {
        display: block;
    }
}

.tiny-mobile {
    display: none;
}

@media only screen   
and (max-width: 500px) {
    .grid.grid-break-small-mobile>div {
        padding: 0 !important;
        float: none !important;
        width: 100% !important;
        margin-bottom: 2em;
    }
    
    
    .artist-subnav-container, .artist-subnav-container .right {
        text-align: left;
    }
    
    .artist-subnav-container ul.inline>li {
        padding: 10px 10px 0px 0px;
        display: inline-block;
        zoom: 1;
    }
    
    .not-tiny-mobile {
        display: none;
    }
    
    .tiny-mobile {
        display: block;
    }
}

div.grid>div {
    padding-right: 2.39%;
}

div.span6>div.grid.innergrid>div {
    padding-right: 4.91%
}

div.grid>div.span1 { width: 6.1425%; }
div.grid.innergrid>div.span2 {width: 12.575%}
div.grid>div.span2 { width: 14.675%; }
div.grid>div.span3 { width: 23.2075%; }
div.grid.innergrid>div.span6 {width: 47.545%}
div.grid>div.span4 { width: 31.74%; }
div.grid>div.span5 { width: 40.2725%; }
div.grid>div.span6 { width: 48.805%; }
div.grid>div.span7 { width: 57.3375%; }
div.grid>div.span8 { width: 65.87% }
div.grid>div.span9 { width: 74.4025% }
div.grid>div.span10 { width: 82.935% }
div.grid>div.span11 { width: 91.4675% }
div.grid>div.span12 { width: 100% }

.grid>div:last-child {
    padding-right: 0% !important;
}

@media only screen   
and (max-width: 1200px) {
    div.artist-grid-withspacer>.spacer-span {
        display: none;
    }
    
    div.grid.artist-grid-withspacer>div.span6 {
        width: 65.87%
    }
    
    div.grid.artist-grid-withspacer>div.span3 {
        width: 31.74%
    }
    
    div.item-grid-withspacer>div.span4,
    div.contact-grid-withspacer>div.span4 {
        width: 40.2725%;    
    }
    
    div.item-grid-withspacer>div.span2,
    div.contact-grid-withspacer>div.span2 {
        width: 6.1425%;  
    }
}

/* FONTS AMD STUFF */

body, .ft h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 130%;
    letter-spacing: 0.5px;
}

h1, h2, h3, h4, p.caption, p.action.more, .box p {
   font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; 
}

.navigation, .cms-submenu, .responsive-icons {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.navigation {
    font-size: 1.35em;
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none;
}

.text-content {
    line-height: 180%;
}

h1 {
    font-size: 4.6em;
    font-weight: normal;
    line-height: 100%;
}

@media only screen   
and (max-width: 1200px) {
    h1 {
        font-size: 4.0em
    }
}

@media only screen   
and (max-width: 767px) {
    h1 {
        font-size: 3.5em
    }
}

@media only screen   
and (max-width: 500px) {
    h1 {
        font-size: 3em
    }
}

h2, h3.h2 {
    font-size: 2.2em;
    font-weight: normal;
    line-height: 100%;
}

h3.h2 {
    font-size: 1.9em;
}

h3 {
    font-size: 1.4em;
    font-weight: normal;
    line-height: 100%;
}

h4 {
    font-size: 1.2em;
    font-weight: normal;
    line-height: 100%;
}

.ft h4 {
    font-size: 1em;
}

.thumbsgrid>.box h2,
.box.im h3, 
.item-details,
.carousel-caption,
.featured-item .text {
    font-size: 1.1em;
}

ul.itemnav button,
ul.itemnav a,
.fullscreen a {
    font-size: 1.05em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
}

.item-details {
    line-height: 180%;
}

h1:not(.home)>span {
    font-size: 2.3rem;
    line-height: 100%;
}

h2.h1>span {
    font-size: 0.8em;
}

p.caption, .minithumbs span.total, .item-nav-container ul.itemsnav>li, .next-link, .previous-link, .hd ul.contact-list {
    font-size: 0.9em;
}

.artist-subnav-container ul.subnav a {
    text-transform: uppercase;
    font-weight: bold;
}

.item-nav-container ul.itemsnav>li,
.next-link, .previous-link,
h3.dates 
{
    text-transform: uppercase;
}

h3.dates {
    font-size: 1em;
}

/* STRUCTURES */

.logo {
    margin: 0;
}

.logo img {
    max-width: 100%;
}

h1.title {
    margin-top: 76px;
    margin-bottom: 40px;
    line-height: 100%;
}

@media only screen   
and (max-width: 1200px) {
    h1.title {
        margin-top: 50px;
    }
}

@media only screen   
and (max-width: 767px) {
    h1.title {
        margin-top: 40px;
    }
}

@media only screen   
and (max-width: 500px) {
    h1.title {
        margin-top: 30px;
    }
}

h1>span, h2.h1>span {
    display: block;
}

.inline-tools .tools {
    display: inline-block;
    zoom: 1;
    *display: inline;
    float: right;
}

.absolute-tools {
    position: relative;
}

.absolute-tools .tools {
    position: absolute;
    top: 10px;
    left: 10px;
}

.homeboxes.absolute-tools .tools {
    top: 40px;
}

.float-tools .tools {
    float: right;
    margin: 0 0 1.5em 1.5em;
}

div.tools a {
    margin-left: 5px;
}

.cms-images-grid .image {
    margin-bottom: 3em;
}

.artist-subnav-container p {
    margin-bottom: 0;
}

.artist-subnav-container ul {
    margin-top: 0.6em;
}

.thumbsgrid {
    margin-top: 45px;
}

.bd {
    margin-bottom: 50px;
}

.artist-profile-pic {
    text-align: right;
}

h2.subtitle {
    text-align: right;
}

.more.action span {
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 15px;
    height: 10px;
    background: url(images/more.png) no-repeat 0 0;
    margin-left: 7px;
}

.more.action a:hover span {
    background-position: -104px -0;
}

.showing_more .more.action span {
    background-position: 0px -62px;
}

.showing_more .more.action a:hover span {
    background-position: -104px -62px;
}

hr {
    height: 1px;
    font-size: 0;
    border: 0;
    margin: 10px 0
}

hr.top-pad {
    margin-top: 26px
}

.event_list .event {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.event_list .event:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom-width: 0;
}

.item-nav-container {
    position: relative;
}

.item-nav-container>h1 {
    margin-right: 200px
}

.item-nav-container ul.itemsnav,
.item-nav-container .next-link,
.item-nav-container .previous-link {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
}

@media only screen   
and (max-width: 767px) {
    .item-nav-container ul.itemsnav {
        position: relative;
        margin-top: -15px;
    }
    
    .item-nav-container>h1 {
        margin-right:0;
    }
    
    .item-nav-container ul.itemsnav>li.next-wrapper {
        float: right;
    }
    
    #prints-page .next-link,
    .exhibitions-page .next-link,
    .exhibitions-page .previous-link {
        position: relative;
    }
    
    .exhibitions-page .next-link,
    .exhibitions-page .previous-link {
        margin-top: -20px;
        margin-bottom: 1.5em;
    }
    
    .item-nav-container + .thumbsgrid {
        margin-top: 20px;
    }
}

.item-nav-container ul.itemsnav>li {
    min-width: 80px;
}

.item-nav-container ul.itemsnav>li,
.next-link,
.previous-link {
    line-height: 15px;
}

.item-nav-container ul.itemsnav>li>a,
.next-link a,
.previous-link a {
    line-height: 15px;
    display: inline-block;
}

.item-nav-container ul.itemsnav>li.next-wrapper {
    text-align: right;
    margin-left: 10px;
}

.item-nav-container ul.itemsnav>li>a>span.icon,
.next-link a>span.icon,
.previous-link a>span.icon
{
    background-image: url(images/mext-previous.png);
    background-repeat: no-repeat;
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 15px;
    width: 10px;
    position: relative;
    top: 2px
}

.item-nav-container ul.itemsnav>li>a.previous>span.icon,
.previous-link a>span.icon {
    background-position: 0 0;
    margin-right: 8px;
}

.item-nav-container ul.itemsnav>li>a.next>span.icon,
.next-link a>span.icon {
    background-position: 0 -51px;
    margin-left: 8px;
}

.item-nav-container ul.itemsnav>li>a.previous:hover>span.icon,
.previous-link a:hover>span.icon {
    background-position: -113px 0;
}

.item-nav-container ul.itemsnav>li>a.next:hover>span.icon,
.next-link a:hover>span.icon {
    background-position: -113px -51px;
}

ul.itemnav {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 25px 0;
    padding: 10px 0;
}

ul.itemnav a {
    display: block;
    padding: 8px 0px 8px 30px;
}

ul.itemnav form {
    display: block;
    padding: 8px 0px 8px 30px;
}

ul.itemnav button {
    margin-left: 5px
}

ul.itemnav li.contact a {
    background: url(images/enquire.png) no-repeat 1px 50%
}

ul.itemnav li.cart a,
ul.itemnav li.cart form {
    background: url(images/cart.png) no-repeat 0% 50%
}

ul.itemnav li.back a {
    background: url(images/back.png) no-repeat 2px 50%
}

ul.itemnav li.artist a {
    background: url(images/artist.png) no-repeat 0% 50%
}

ul.subimagethumbs {
    margin-top: 2em;
}

.subimagethumbs>li {
    margin-bottom: 27px;
}

.subimagethumbs>li:nth-child(odd) {
    padding-right: 27px;
}

.fullscreen {
    text-align: right;
    line-height: 24px;
    height: 24px;
}

.fullscreen a {
    background: url(images/fullscreen.png) no-repeat 100% 50%;
    padding-right: 35px;
    display: block;
}

#imageholder {
    text-align: right
}

@media only screen   
and (max-width: 767px) {
    #imageholder img {
        width: 100%;
    }
}

.event h2 {
    margin: 15px 0 0.2em 0 !important;
}

.event h3 {
    margin: 0.2em 0 2em 0;
}

.event .description {
    margin-bottom: 2em;
}

@media only screen   
and (max-width: 1200px) {
    .event h2 {
        margin-top: 0 !important
    }
}

ul.cms-submenu {
    text-align: right;
    margin-bottom: -20px;
    position: relative;
    top: -10px;
}

.hd {
    position: relative;
}

.hd .contact-list {
    position: absolute;
    right: 0;
    top: 0;
}

.hd ul.navigation,
.hd .responsive-icons,
.hd .responsive-icons-contact {
    position: absolute;
    right: 0;
    bottom: 18px;
    margin-bottom: 0;
}

.hd .responsive-icons, .hd .responsive-icons-contact {
    display: none;
    font-size: 1.5em;
    bottom: 10px;
}

.hd .responsive-icons i, .hd .responsive-icons-contact i {
    font-size: 1.5em;
}

.hd .responsive-cart {
    margin-right: 30px;
}

.responsive-navigation {
    clear: both;
    overflow: hidden;
}

.responsive-navigation ul>li {
    margin: 0;
}

.responsive-navigation a {
    font-size: 1.5em;
    display: block;
    line-height: 140%;
    padding: 6px;
}

.responsive-navigation .submenu {
    margin-top: 0
}

@media only screen   
and (max-width: 1200px) {
    .hd .navigation, .bd .cms-submenu {
        display: none;
    }
    
    .hd .responsive-icons {
        display: block !important;
    }
}

@media only screen
and (min-width: 1201px) {
    .responsive-navigation {
        display: none !important;
    }
}

@media only screen   
and (max-width: 767px) {
    .responsive-cart span.label {
        position: absolute;
        left: -20000px;
    }
    
    .hd .responsive-icons li,
    .hd .responsive-icons-contact li {
        margin-right: 10px;
    }

}

@media only screen   
and (max-width: 520px) {
    .hd .responsive-icons,
    .hd .responsive-icons-contact {
        position: relative;
        right: auto;
        bottom: auto;
        top: -20px;
        text-align:right;
    }
    
    .logo {
        text-align: left;
    }
    
    .responsive-icons-contact {
        float: left;
    }
    
    .responsive-icons-contact {
        display: block !important;
        z-index: 999;
    }
   
    .responsive-icons-contact a
    {
        color:  #388bd8;
    }
    
    .hd .responsive-icons li,
    .hd .responsive-icons-contact li {
        margin-right: 15px;
    }
    
    .hd .contact-list {
        display: none;
    }
    
    .logo {
        text-align: center;
    }
}




.hd ul.contact-list>li {
    padding: 0;
}

.hd ul.contact-list>li:after {
    padding-left: 5px;
    color: #388bd8;
}

.hd ul.contact-list>li.facebook {
    padding-right: 10px;
}

.hd ul.contact-list>li.facebook:after,
.hd ul.contact-list>li.twitter:after {
    padding-left: 0;
    content: "";
}

ul.contact-list>li span {
    position: absolute;
    left: -20000px;
}

ul.contact-list>li.twitter a,
ul.contact-list>li.facebook a {
    display: block;
    background-image: url(images/social-icons.png);
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
}

ul.contact-list>li.twitter a {
    width: 16px;
    height: 15px;
    background-position: -7px 0px;
}

ul.contact-list>li.facebook a {
    width: 7px;
    height: 15px;
    background-position: 0px 0px;
}

ul.contact-list>li.twitter a:hover {
    background-position: -7px -15px;
}

ul.contact-list>li.facebook a:hover {
    background-position: 0px -15px;
}

.order_form, .complete_order, .postage_section {
    margin-top: 2em;
}

.complete_order label span {
    width: 50%;
    display: inline-block;
    padding-left: 15px;
    padding-right: 25px;
}

@media only screen   
and (max-width: 500px) {
    .complete_order label span {
        width: auto;
        display: inline;
    }
    
    .complete_order img {
        display: none;
    }
}

.complete_order label input,
.complete_order label span,
.complete_order .field img {
    vertical-align: middle
}

.complete_order .field {
    margin-bottom: 1.5em;
}

.carousel-wrapper {
    margin: 40px 0 50px 0;
}

#mycarousel img {
    width: 1170px;
}

#mycarousel img,
#mycarousel .carousel-content, 
#mycarousel-nav div a {
    height: 696px;
}

#mycarousel ul.carousel-dots {
    bottom: auto;
    right: 20px;
    top: 25px
}

#mycarousel .carousel-dots li span.dot {
    height: 13px;
    width: 13px;
}

#mycarousel .carousel-dots li.inactive span.dot {
    background: url(images/inactive-dot.png) no-repeat 50% 50%;
}

#mycarousel .carousel-dots li.active span.dot {
    background: url(images/active-dot.png) no-repeat 50% 50%;
}

#mycarousel .carousel-caption {
    background: url(images/carousel-bg.png);
    padding: 55px 20px 45px 20px;
    box-sizing: border-box;
}

#mycarousel .carousel-caption a.link {
    float: right;
    display: block;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
    font-size: 1.4em;
    margin-right: 30px;
    margin-top: 10px;
}

#mycarousel .carousel-caption h3 {
    margin-top: 0;
}

@media only screen   
and (max-width: 1200px) {
    #mycarousel img {
        width: 727px;
    }

    #mycarousel img,
    #mycarousel .carousel-content, 
    #mycarousel-nav div a {
        height: 432px;
    }
}

@media only screen   
and (max-width: 767px) {
    #mycarousel .carousel-caption {
        padding: 30px 20px 30px 20px;
    }
    
    #mycarousel .carousel-caption a.link {
        position: absolute;
        left: -20000px;
    }
}

@media only screen   
and (max-width: 520px) {
    #mycarousel img {
        width: 452px;
        height: auto;
    }

        
    #mycarousel .carousel-content, 
    #mycarousel-nav div a {
        height: 400px;
    }
    
    #mycarousel .carousel-caption {
        position: relative;
    }
}

.featured-item .text h3 {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #fff;
}

.featured-item {
    display: block;
    position: relative;
    margin-bottom: 25px;
}

.featured-item .text {
    position: absolute;
    width: 271px;
    height: 271px;
    background: url(images/carousel-bg.png);
    text-align: center;
    padding: 130px 30px 30px 30px;
    box-sizing: border-box;
    top: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0); // IE 5-7
}

@media only screen   
and (max-width: 1200px) {
    .home-featured:first-of-type {
        margin-top: 4em !important;
    }
    
    .featured-item .text {
        width: 169px;
        height: 169px;
        padding: 15px;
        font-size: 1em;
    }
}

@media only screen   
and (max-width: 767px) {
    .featured-item .text {
        width: 271px;
        height: 271px;
        padding: 30px;
        font-size: 1.1em;
        right: auto;
        left: 0;
    }
}

@media only screen   
and (max-width: 650px) {
    .featured-item .text {
        height: auto;
        padding: 5px;
        width: 100%;
        position: relative;
        top: auto;
        bottom: auto;
        left: 0;
        right: 0;
        opacity: 1.0;
        filter: alpha(opacity=100);
    }
    
    .featured-item .text h4 {
        margin-bottom: 1em;
    }
    
    .featured-item img {
        width: 100%;
    }
}

.featured-item:hover .text {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.footer-logo {
    padding: 25px 0 45px 0;
    text-align: center;
    margin: 0;
}

.footer .contact {
    overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.footer-logo img {
    max-width: 100%
}

.ft .grid {
    background: url(images/footer-grid-bg.png) repeat-y
}

@media only screen   
and (max-width: 1200px) {
    .ft .grid {
        background: none;
    }
}

p.privacy {
    float: left;
}

p.credit {
    text-align: right;
    padding-bottom: 15px;
    text-transform: uppercase;
    border-top: 1px solid #3e5082;
}

p.privacy, p.credit {
    margin-top: 2em;
    margin-bottom: 0;
    padding-top: 2em;    
}

@media only screen   
and (max-width: 400px) {
    p.privacy, p.credit {
        float: none;
        text-align: left;
    }    
}

/* COLOURS */

/* NEARLY BLACK */
body,h1>a, h2>a, h3>a, .thumbsgrid>.box h2  {
    color: #212121;
}

/* SUBMENU GREY */
.cms-submenu li a,
ul.navigation li a:hover,
.ft a:hover,
.responsive-icons a:hover {
    color: #b0b4ba
}

.responsive-navigation a:hover {
    background: #b0b4ba
}

/* LINK BLUE */
a, .cms-submenu li a.active,
ul.navigation li a.active,
ul.navigation li.last a,
h3.h2 {
    color: #388bd8;
}

ul.navigation li.last:before {
    content: "|";
    color: #388bd8;
    padding-right: 10px;
}

.ft ul.contact {
    margin-top: 2em;
}

/* DARK BLUE */
.ft {
    background: #08134d
}

@media only screen   
and (max-width: 520px) {
    #mycarousel .carousel-caption {
        background: #08134d
    }
}

@media only screen   
and (max-width: 650px) {
    .featured-item .text {
        background: #08134d
    }
}

html .fhPrimary:hover {
    background: #08134d !important;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}

.box .image a img {
    border-color: #08134d;
}

a:hover, h1, h2.h1, a.active, .minithumbs span.total,
.more.action a:hover, .itemsnav a:hover,
h3.dates, .cms-submenu li a:hover, ul.navigation li a,
.responsive-icons a, .responsive-navigation a {
    color: #08134d
}

/* LIGHT BLUE */
.ft, #mycarousel .carousel-caption a.link:hover {
    color: #bcddfb;
    border-color: #bcddfb;
}

.ft h4, .ft a, #mycarousel .carousel-caption *, .featured-item .text *  {
    color: #ffffff;
}

/* A DIFFERENT LIGHT BLUE */
h1>span, h2.h1>span, .more.action a, .itemsnav a, ul.itemnav a:hover, ul.itemnav button:hover,
.event h2 {
    color: #7cadec;
}

ul.itemnav {
    border-color:#7cadec 
}

html .fhPrimary {
    background: #7cadec !important;
}

/* GREY */

h2, hr, .fullscreen a {
    color: #abb2b6;
}

hr {
    background: #abb2b6;
}

.event_list .event {
    border-color: #abb2b6;
}

/* DARKWR GREY */

ul.itemnav a,
ul.itemnav button {
    color: #504e4e;
}

/* .BOX */
.thumbsgrid>.box {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    position: relative;
    margin-bottom: 45px;
}

.thumbsgrid>.box .image {
    text-align: center;
}

.thumbsgrid>.box.im {
    text-align: center;
}

.thumbsgrid>.box h3 {
    margin-top: 0.5em;
    margin-bottom: 0;
}

.thumbsgrid>.box h2 {
    margin-top: 0.5em;
    margin-bottom: 0.7em;
}

.thumbsgrid>.box p:not(.image) {
    margin-bottom: 0em;
    margin-top: 0.1em;
}

.box.im .image a img {
    border-width: 0px;
    border-style: solid;
    box-sizing: border-box;
    -webkit-transition: border-width 0.2s ease-in-out;
    -moz-transition: border-width 0.2s ease-in-out;
    -o-transition: border-width 0.2s ease-in-out;
    transition: border-width 0.2s ease-in-out;
}

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

.box.im .image a:hover img {
    border-width: 10px;
    -webkit-transition: border-width 0.2s ease-in-out;
    -moz-transition: border-width 0.2s ease-in-out;
    -o-transition: border-width 0.2s ease-in-out;
    transition: border-width 0.2s ease-in-out;
}

.minithumbs {
    position: absolute; 
    top: 0px; 
    left: 0px;
}

.minithumbs>.wrapper {
    display: block;
    margin: 6px;
}

.minithumbs .count_1, .minithumbs .count_3 {
    margin-right: 6px;
}

.minithumbs .count_1, .minithumbs .count_2 {
    margin-bottom: 6px;
}

.minithumbs span.total {
    display: block; 
    position: absolute; 
    top: 6px; 
    right: 6px; 
    padding: 5px; 
}

.thumbsgrid>.box,
.minithumbs {
    width: 272px;
}

.thumbsgrid>.box,
.span9 .thumbsgrid>.box:nth-child(4n),
.span6 .thumbsgrid>.box:nth-child(2n) {
    padding-right: 27px;
}

.thumbsgrid>.box:nth-child(4n),
.span9 .thumbsgrid>.box:nth-child(3n),
.span6 .thumbsgrid>.box:nth-child(2n) {
    padding-right: 0;
}

.box.im .image a img { 
    max-height: 272px;
}

.thumbsgrid>.box .image,
.minithumbs {
    height: 272px;
}

#checkout .thumbsgrid>.box .image {
    height: 200px;
}

.minithumbs>.wrapper img {
    width: 127px;
}

@media only screen   
and (max-width: 1200px) {
    .thumbsgrid>.box,
    .minithumbs {
        width: 229px;
    }

    .thumbsgrid>.box,
    .thumbsgrid>.box:nth-child(4n), 
    .span6 .thumbsgrid>.box:nth-child(2n) {
        padding-right: 20px;
    }
    
    .span9 .thumbsgrid>.box:nth-child(odd) {
        padding-right: 50px; 
        padding-left: 32px;
    }
    
    .span9 .thumbsgrid>.box:nth-child(even) {
        padding-right: 0px; 
    }

    .thumbsgrid>.box:nth-child(3n),
    .span6 .thumbsgrid>.box:nth-child(3n) {
        padding-right: 0;
    }

    .box.im .image a img { 
        max-height: 229px;
    }

    .thumbsgrid>.box .image,
    .minithumbs {
        height: 229px;
    }

    .minithumbs>.wrapper img {
        width: 105.5px;
    }
}

@media only screen   
and (max-width: 767px) {
    .thumbsgrid>.box,
    .minithumbs {
        width: 46%;
    }

    .bd .thumbsgrid>.box {
        padding-right: 6% !important;
        padding-left: 0% !important;
    }

    .bd .thumbsgrid>.box:nth-child(2n) {
        padding-right: 0 !important;
    }

    .box.im .image a img { 
        max-height: 100%;
    }

    .thumbsgrid>.box .image,
    .minithumbs {
        height: auto;
    }
    
    #checkout .thumbsgrid>.box .image {
        height: auto;
    }

    
    .box.im .image a:hover img {
        border-width: 0px;
    }

    .minithumbs {
        display: none !important;
    }
}

/* FORMS */

#contact-us fieldset {
    padding: 0;
    border: 0;
}

#contact-us .fhRequired {
    display: none;
}

#contact-us .fhLabel,
#checkout_form .fhLabel,
#signupform .fhLabel {
    position: absolute;
    left: -20000px;
}

input[type=text], input[type=email], input[type=url], input[type=password], textarea {
    box-sizing: border-box;
    width: 100% !important;
    border-color: #f5f4f4;
    border-style: solid;
    border-width: 1px;
    background: #f5f4f4;
    padding: 20px 15px !important;
}

input.fhUploadTitle, input.fhAjaxCriteria {
    width: 300px !important;
}

#signupform input[type=email] {
    width: 70% !important;;
}

body .fhLabel label, body .fhHandling .label {
    font-weight: normal;
}

::-webkit-input-placeholder {
   font-size: 1.1em;
   color: #212121;
   letter-spacing: 0.5px;
}

:-moz-placeholder { /* Firefox 18- */
   font-size: 1.1em;
   color: #212121;
   letter-spacing: 0.5px;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-size: 1.1em;
   color: #212121;;
   letter-spacing: 0.5px;
}

:-ms-input-placeholder {  
   font-size: 1.1em;
   color: #212121;
   letter-spacing: 0.5px;
}

label.checkbox {  
   font-size: 1.1em;
   color: #212121;
}

label.checkbox input {
    margin-right: 10px !important;
}

html .fhPrimary {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 10px 35px !important;
    text-transform: uppercase;
    border: 0 !important;
    font-weight: normal;
    margin-right: 0 !important;
}

html #signupform .fhPrimary {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 21px !important;
    padding-bottom: 21px !important;
    width: 29% !important;
    box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
    #signupform input[type=email] {
        width: 100% !important;
    }
    
    html #signupform .fhPrimary { 
        width: 100% !important
    }
}

#signupform.fhFormatInline .fhFieldWrapper {
    margin-right: -4px;
}

#signupform .fhPrimary:hover {
    background: #060f3e !important;
}

html .fhPrimary:hover {
    border: 0 !important;
}

/* OTHER BITS */
.item-loading.loading-overlay {
    opacity: 0.2;
    background: #fff url(images/loading.gif) no-repeat 50% 50%;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000;
}

.ownart .float-left {
    margin-bottom: 3em;
}

#checkout .update-cart-tools {
    border-top: 1px solid #ccc;
    margin-top: 5px;
    padding-top: 5px;
}

#checkout .update-cart-tools button {
    font-size: 1em;
    cursor: pointer;
}

span.is-sold {
    text-transform: uppercase;
    color: #ba0000;
    font-weight: bold;
}