@import url(http://fonts.googleapis.com/css?family=Droid+Sans|Droid+Serif:400,700|Prata|Lato);
@media screen {
    html {
        margin: 0;
        padding: 0;
        border: 0
    }
    body,
    div,
    span,
    object,
    iframe,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    code,
    del,
    dfn,
    em,
    img,
    q,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    dialog,
    figure,
    footer,
    header,
    hgroup,
    nav,
    section {
        margin: 0;
        padding: 0;
        border: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline
    }
    article,
    aside,
    dialog,
    figure,
    footer,
    header,
    hgroup,
    nav,
    section {
        display: block
    }
    body {
        line-height: 1.5;
        background: white;
        position: relative
    }
    table {
        border-collapse: collapse;
        border-spacing: 0
    }
    caption,
    th,
    td {
        text-align: left;
        font-weight: normal;
        float: none!important
    }
    table,
    th,
    td {
        vertical-align: middle
    }
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: ''
    }
    blockquote,
    q {
        quotes: "" ""
    }
    :focus {
        outline: 0
    }
    html {
        font-size: 100.01%
    }
    body {
        font-size: 75%;
        color: #000;
        background: 0;
        font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
        text-shadow: rgba(0, 0, 0, .01) 0 0 1px
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: normal;
        position: relative;
        z-index: 1
    }
    h1 img,
    h2 img,
    h3 img,
    h4 img,
    h5 img,
    h6 img {
        margin: 0
    }
    p {
        font-size: 15px;
        margin: -2px 0 30px 0;
        line-height: 18px
    }
    i,
    b,
    strong {
        border-width: 0
    }
    p .left {
        margin: 1.5em 1.5em 1.5em 0;
        padding: 0
    }
    p .right {
        margin: 1.5em 0 1.5em 1.5em;
        padding: 0
    }
    br {
        border: none!important
    }
    a:focus {
        outline: 0 dotted
    }
    blockquote {
        margin-bottom: 1.5em;
        font-style: italic
    }
    hr {
        display: block;
        margin: -1px 0 1.5em 0;
        border: 0;
        border-top-width: 1px;
        height: 0
    }
    strong,
    dfn {
        font-weight: bold
    }
    em,
    dfn {
        font-style: italic
    }
    sup,
    sub {
        line-height: 0
    }
    abbr,
    acronym {
        border-bottom: 1px dotted #666
    }
    address {
        margin: 0 0 1.5em;
        font-style: italic
    }
    del {
        color: #666
    }
    pre {
        margin: 1.5em 0;
        white-space: pre
    }
    pre,
    code,
    tt {
        font: 1em 'andale mono', 'lucida console', monospace;
        line-height: 1.5
    }
    li ul,
    li ol {
        margin: 0
    }
    ul,
    ol {
        margin: 0 1.5em 1.5em 0;
        list-style-position: inside
    }
    dl {
        margin: 0 0 1.5em 0
    }
    dl dt {
        font-weight: bold
    }
    dd {
        margin-left: 1.5em
    }
    table {
        margin-bottom: 1.5em;
        width: 100%
    }
    th {
        font-weight: bold
    }
    thead th {
        background: transparent
    }
    tbody tr:nth-child(even) td,
    tbody tr.even td {
        background: transparent
    }
    tfoot {
        font-style: italic
    }
    caption {
        background: #eee
    }
    iframe {
        display: block
    }
    label {
        display: block;
    }
    fieldset {
        padding: 0;
        margin: 0
    }
    legend {
        font-weight: bold;
        font-size: 1.5em;
        margin-bottom: 1em
    }
    legend,
    #IE8#HACK {
        margin-top: 0;
        margin-bottom: 0
    }
    select option {
        border-width: 0
    }
    input[type="text"],
    input[type="file"],
    select {
        width: 100%
    }
    textarea {
        padding: 5px;
        width: 100%
    }
    form.inline {
        line-height: 3
    }
    form.inline p {
        margin-bottom: 0
    }
    form ul {
        padding-left: 0;
        list-style-type: none
    }
}

.col {
    display: inline-block;
    vertical-align: top
}

#footer .col {
    float: left
}

.h-one {
    margin-bottom: 1.5em!important
}

.h-two {
    margin-bottom: 3em!important
}

.h-three {
    margin-bottom: 4.5em!important
}

.row .w-one {
    width: 54px
}

.row .w-two {
    width: 130px
}

.main-stretch #container .row #sidebar {
    display: none
}

.main-left #container .row #main {
    display: inline;
    float: left!important
}

fieldset {
    position: relative;
    position: relative;
    clear: both;
    margin: 0 0 18px 0;
    width: 100%
}

input[type=text],
input[type=tel],
input[type=email],
input[type=number]
{
    margin: 0;
    border-width: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 5px 16px 5px;
    font-size: 12px;
    width: 100%;
}


select {
    display: inline;
    float: left;
    margin: 0 0 0 22px;
    border-width: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 4px 11px 4px;
    width: 100%;
}

textarea {
    border-width: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 5px 16px;
    margin-bottom: 0;
    width: 100%;
}

fieldset:first-child {
    margin: 0
}

input.checkbox {
    width: 13px;
    height: 13px;
    overflow: hidden;
    background: #fff;
    border: 0!important;
    vertical-align: bottom;
    cursor: pointer;
    display: inline;
    margin-right: 8px;
    padding: 0!important
}

.error {
    border: 1px solid red!important
}

label.error {
    display: none!important;
    position: relative;
    top: 0;
    left: 0;
    border: 0!Important;
    color: red
}

.button {
    position: relative;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-width: 1px;
    background: #f2f2f2;
    padding: 5px 11px 5px 10px;
    font-size: 14px;
    color: #000!important;
    text-transform: uppercase
}

.button span {
    position: absolute;
    top: -9px;
    right: -10px;
    display: none;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    background: #e51515;
    width: 18px;
    height: 18px;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    color: #fff;
    font-weight: 700
}

#company-strap {
    display: block;
    background: #f9f9f9 url("../images/interface/company-strap-bg_tile-large.jpg") bottom;
    width: 100%;
    min-height: 86px
}

#company-strap ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    height: 100%
}

#company-strap li {
    display: table-cell;
    vertical-align: top;
    margin: 0 0 0 -3px;
    padding: 0;
    width: 268px;
    height: 100%;
    position: relative;
    z-index: 0
}

#company-strap li a {
    display: block;
    margin: 0;
    max-height: 86px;
    width: auto;
    line-height: 14px;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 12px
}

#company-strap li a span {
    display: block;
    clear: none;
    color: #666;
    text-transform: none;
    padding-top: 2px
}

#company-strap li.imagemakers {
    z-index: 1
}

#company-strap li.premade {
    z-index: 2
}

#company-strap li.company {
    z-index: 3
}

#company-strap li.imagemakers a {

}

#company-strap .information {
    position: relative;
    display: block;
    margin: 0;
    padding: 3px 0 0 15px;
    color: #fff;
}
#company-strap .information img {
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
#company-strap .information .company-name {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Lato', sans-serif;
}
#company-strap .information p {
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-size: 12px;
    font-weight: normal;
    color: #d6d6d6;
    font-family: 'Lato', sans-serif;
}

#company-strap li.premade {
    width: auto;
}

#company-strap li.company a {
    background: url("../images/interface/btn-company.png") no-repeat 5px 0;
    color: #036;
    padding-left: 55px
}

#company-strap li.current {
    background: url("../images/interface/btn-current-large.jpg") no-repeat -1px 0
}

#company-strap li.call-frame {
    padding-top: 20px;
    background: none!important;
    width: 388px!important;
    margin: 0!important
}

#header {
    position: relative;
    width: 100%;
    z-index: 10
}

#header #nav {
    position: relative;
    margin: 30px auto 25px auto;
    padding: 0;
    width: 100%;
}

#logo {
    display: inline-block;
    outline: 0;
    width: 230px;
    height: 44px;
    padding: 0
}

#logo img {
    margin: 0;
    border-width: 0;
    padding: 0;
    width: 230px;
    height: 44px
}

#controls {
    float: right;
    display: inline;
    margin: 13px 0 0 0;
    list-style: none
}

#controls li {
    margin-right: 15px;
    font-size: 14px;
    font-weight: 400
}

#controls li a {
    text-decoration: none!important
}

#controls li:first-child {
    margin-right: 13px;
    border-right-width: 1px;
    padding: 0 12px 0 0
}

#controls li:last-child {
    margin-right: 10px;
    width: auto
}

#controls li .button {
    top: -6px
}

#controls li .button.show {
    position: relative;
    border-bottom-width: 0;
    -moz-border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    background: #fff;
    padding: 5px 11px 7px 10px;
    color: #4d4d4d!important;
    z-index: 1002
}

#header .cart {
    position: absolute;
    top: 40px;
    right: 10px;
    display: none;
    border-width: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    background: #fff;
    padding: 20px 20px 15px 20px;
    -webkit-box-shadow: 2px 2px 6px 0 #ccc;
    box-shadow: 2px 2px 8px 0 #ccc;
    width: 217px;
    z-index: 1001
}

#header .cart ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#header .cart ul.items {
    margin: 0 -25px 0 0;
    max-height: 294px
}

.slimScrollDiv {
    max-height: 315px
}

#header .cart ul li {
    margin: 15px 0 0 0;
    border-top-width: 1px;
    padding: 25px 0 0;
    font-size: 14px;
    overflow: hidden
}

#header .cart ul.items li {
    width: 198px
}

#header .cart ul.items li:first-child {
    margin: 11px 0 0 0;
    border-top-width: 0;
    padding: 0
}

#header .cart ul li h3 {
    float: left;
    margin: 0 0 18px 0;
    line-height: 11px;
    font-size: 14px
}

#header .cart ul li label,
#header .cart ul li p {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 12px
}

#header .cart ul.items li label {
    width: 58px;
    line-height: 15px
}

#header .cart ul.items li p {
    line-height: 15px
}

#header .cart ul li img {
    display: inline;
    float: left;
    margin: 0 20px 0 0
}

#header .cart ul li .button {
    clear: both;
    display: inline;
    float: right;
    margin: 0;
    padding: 2px 5px 2px 5px!important;
    font-size: 10px
}

#header .cart ul li.summary {
    display: none;
    margin: 15px -19px 0!important;
    border-bottom-width: 1px;
    background: #f2f2f2;
    padding: 13px 30px 13px 20px;
    overflow: hidden
}

#header .cart ul li.summary label {
    clear: both;
    display: inline;
    float: left;
    width: auto;
    line-height: 17px;
    font-size: 14px
}

#header .cart ul li.summary p {
    display: inline;
    float: right;
    margin: 0;
    line-height: 17px;
    font-size: 14px
}

#header .cart ul li.checkout {
    display: none;
    margin: 15px 0 0 0;
    border-top-width: 0;
    padding: 0
}

#header .cart ul li.checkout a {
    position: relative;
    top: 6px
}

#header .cart ul li.checkout .button {
    float: right;
    top: 0;
    margin: 0;
    padding: 5px 11px 5px 10px!important;
    font-size: 14px
}

#page-heading {
    margin: 0 0 38px 0;
    position: relative;
    overflow: hidden
}

#page-heading img {
    z-index: 0;
    position: relative;
    float: left
}

#page-heading .inner-heading {
    padding: 30px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 60;
    margin: 10px
}

#page-heading .inner-heading-border {
    border: 1px solid #999
}

#content #main #page-heading .inner-heading h1 {
    padding: 0;
    margin: 0;
    color: #999;
    border: 0;
    font: normal 48px/110% "Prata", Helvetica, sans-serif;
    float: left
}

#content #main #page-heading.left-aligned .inner-heading h1,
#content #main #page-heading.left-aligned .inner-heading .inner-heading-text,
#content #main #page-heading-secondary.left-aligned .inner-heading .inner-heading-text {
    float: none;
    width: auto
}

#content #main #page-heading.left-aligned .inner-heading .inner-heading-text,
#content #main #page-heading-secondary.left-aligned .inner-heading .inner-heading-text {
    width: 530px;
    padding-top: 9px
}

#content #main #page-heading-secondary {
    padding: 0 30px 30px 40px;
    overflow: hidden;
    margin: 0
}

#content #main #page-heading-secondary .inner-heading h2 {
    margin: 0;
    border: 0;
    float: left;
    line-height: 36px
}

#content #main #page-heading .inner-heading .inner-heading-text,
#content #main #page-heading-secondary .inner-heading .inner-heading-text {
    float: right;
    width: 60%
}

#page-heading .inner-heading h1 span.contact {
    color: #699
}

#page-heading .inner-heading h1 span.privacy-policy,
#page-heading .inner-heading h1 span.exchange-policy,
#page-heading .inner-heading h1 span.delivery-policy,
#page-heading .inner-heading h1 span.about-us,
#page-heading .inner-heading h1 span.social-responsibility,
#page-heading .inner-heading h1 span.careers {
    color: #333
}

#page-heading .inner-heading h1 span.clients {
    color: #836598
}

#page-heading .inner-heading h1 span.faq {
    color: #039;
    text-transform: uppercase
}

#page-heading .inner-heading h1 span.collections {
    color: #666
}

#page-heading .inner-heading h1 span.size-chart {
    color: #906
}

#page-heading .inner-heading h1 span.request {
    color: #c00
}

#page-heading .inner-heading h1 span.colour-chart,
#page-heading .inner-heading h1 span.contact-us,
.contact-details h3 span,
.contact-details h4 {
    color: #399!important
}

#page-heading .inner-heading h1 span.style-guide {
    color: #669
}

#page-heading .inner-heading p,
#page-heading-secondary .inner-heading p {
    font: normal 14px/24px "Lato", Helvetica, sans-serif!important;
    color: #666;
    margin: 0 0 12px 0!important
}

table#faq td {
    background: #fff;
    font: normal 15px/100% "Prata", Helvetica, sans-serif;
    color: #666;
    padding: 20px 20px 30px 40px
}

table#faq tr.striped td {
    background: #e5e5e5;
    font: normal 22px/100% "Prata", Helvetica, sans-serif!important;
    color: #039;
    padding: 10px 20px
}

table#faq tr.striped:first-child td {
    padding: 10px 20px 10px 0
}

table#faq tr.striped td.question,
table#faq td.answer {
    text-transform: uppercase;
    width: 90px;
    vertical-align: middle;
    text-align: center;
    padding: 10px 20px
}

table#faq td.answer {
    font: normal 30px/100% "Prata", Helvetica, sans-serif!important;
    color: #999;
    vertical-align: top;
    padding: 20px
}

table#faq td p {
    margin: -2px 0 12px
}

table#faq td p.notice {
    text-transform: uppercase
}

table#faq td p,
table#faq td ul.requiremements li {
    font: normal 15px/26px 'Lato', Helvetica, sans-serif!important;
    color: #999
}

table#faq td ul.requiremements {
    list-style-type: lower-latin;
    margin-left: 45px
}

.policy .section,
.blog .section {
    margin: 0 auto 30px auto;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
    max-width: 750px
}

.blog .section {
    max-width: none
}

.policy .section.careers {
    border-bottom: 0
}

#main .row:last-child .section {
    border: 0
}

.blog .section {
    border-bottom: 1px solid #d9d9d9!important
}

#main .row .blog .section:last-child {
    border: 0!important
}

.policy a,
.blog a {
    padding: 0
}

.policy p,
.policy h3,
.policy h4,
.policy ul,
.blog p,
.blog h1,
.blog h2,
.blog h3 .blog ul {
    width: 100%;
    display: block;
}

.policy p {
    margin: 0 auto 30px auto!important
}

#content #main.policy p:last-child {
    margin: 0 auto 30px auto!important
}

.blog p {
}

#content #main.blog p:last-child {
    margin: 0 auto 38px auto!important
}

.blog p.date {
    margin: -14px 0 22px 0!important;
    font-style: italic
}

.policy ul,
.blog ul {
    list-style: none;
}

.policy .f-left,
.blog .f-left {
    float: left;
    margin: 0 30px 30px 0!important
}

.policy .f-right,
.blog .f-right {
    float: right;
    margin: 0 0 30px 30px!important
}

.policy .f-none,
.blog .f-none {
    float: none;
    margin: 19px auto 27px auto!important;
    display: block
}

.blog .accordion h3 {
    margin: 0 0 17px 0!important;
    box-sizing: border-box!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    background: none!important;
    border: 1px solid #d9d9d9;
    border-radius: 3px!important;
    padding: 6px 20px 7px 49px;
    width: 198px!important;
    color: #cecece!important;
    font-family: "Lato", Helvetica, sans-serif!important;
    font-weight: 400!important;
    font-size: 20px!important
}

.blog .accordion h3.ui-state-active {
    border: 1px solid #d9d9d9!important;
    background: #f2f2f2!important;
    color: #666!important
}

.blog .accordion h3.ui-state-default:hover {
    border: 1px solid #c2c2c2;
    color: #ca2228
}

.blog .accordion h3:after {
    position: absolute;
    top: -1px;
    right: -25px;
    display: block;
    content: " ";
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../images/interface/bg-blog-sidebar.jpg");
    width: 25px;
    height: 39px
}

.blog .accordion h3.ui-state-default:hover:after {
    background-position: 0 -39px
}

.blog .accordion h3.ui-state-active:after,
.blog .accordion h3.ui-state-active:hover:after {
    background-position: 0 -78px
}

.blog .accordion h3 .ui-icon {
    top: 13px;
    left: 8px;
    width: 27px;
    height: 27px
}

.blog .accordion h3.ui-state-default .ui-icon {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../images/interface/bg-blog-sidebar-icon.png")
}

.blog .accordion h3.ui-state-default:hover .ui-icon {
    background-position: 0 -27px
}

.blog .accordion h3.ui-state-active .ui-icon {
    background-position: 0 -54px!important
}

.blog .accordion h3.ui-state-active:hover .ui-icon {
    background-position: 0 -81px!important
}

.blog .accordion div {
    border: 0!important;
    padding: 0!important;
    overflow: hidden!important
}

.blog .accordion div ul {
    margin: -3px 0 18px 0!important;
    padding: 0!important;
    font-size: 14px!important
}

.blog .accordion div ul li {
    line-height: 1.8
}

.blog .accordion div ul li a {
    display: block;
    box-sizing: border-box;
    padding: 0 0 0 12px;
    width: 100%;
    height: 100%;
    color: #999!important;
    text-decoration: none
}

.blog .accordion div ul li a:hover {
    color: #ca2228!important
}

.blog .accordion div ul li a.current {
    color: #666!important
}

.blog .accordion div ul li a:before {
    padding: 0 3px 0 0;
    content: "\003e"
}

ul.client-logos {
    margin: 20px 0 40px -20px!important;
    padding: 0!important;
    list-style: none!important;
    overflow: hidden;
    clear: both
}

ul.client-logos li {
    margin: 0 0 20px 40px;
    min-height: 124px;
    position: relative;
    display: inline
}

ul.client-logos li a {
    padding: 0
}

ul.client-logos li a img {
    margin: 0 auto;
    display: inline;
    vertical-align: middle
}

#content #main h2.indented {
    padding: 33px 0 0 40px
}

form#cchart {
    margin: 0
}

form#cchart ul.filterContainer {
    padding: 0;
    margin: 0
}

form#cchart ul.filterContainer li {
    float: left;
    width: 250px;
    margin-left: 40px
}

form#cchart ul.filterContainer li fieldset {
    overflow: hidden;
    clear: both
}

form#cchart ul.filterContainer li fieldset label {
    line-height: 12px
}

form#cchart ul.filterContainer li fieldset .formbutton input.submit {
    border: 1px solid #a5a6a9!important
}

form#cchart ul.filterContainer li fieldset .formbutton input.submit:hover {
    color: #ca2228
}

.colour_chart {
    background: #ebeced;
    margin-bottom: 4px;
    table-layout: fixed
}

.colour_chart {
    padding: 40px
}

.colour_chart h3 {
    font-size: 18px!important;
    font-family: "Lato", sans-serif;
    color: #000!important;
    text-transform: uppercase;
    margin: 0!important
}

.colour_chart ul {
    margin: 0!important;
    padding: 0!important;
    list-style: none!important
}

.colour_chart ul li {
    float: left;
    text-align: center;
    margin: 21px 20px 0 0;
    overflow: hidden;
    word-wrap: break-word
}

.colour_chart ul li:last-child {
    margin: 21px 0 0 0
}

.colour_chart ul li a {
    font-size: 12px;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0!important
}

.colour_chart ul li span,
.colour_chart ul li a span {
    display: block;
    clear: both;
    text-align: center
}

.colour_chart ul li a:hover span {
    color: #ca2228
}

.colour_chart ul li img,
.colour_chart ul li a img {
    background: #fff!important;
    border: 1px solid #ccc!important;
    vertical-align: middle;
    margin: 0 0 2px 0!important;
    padding: 2px!important
}

.clothing-styles {
    padding: 0;
    overflow: hidden
}

.clothing-styles-header {
    background: #ebeced;
    padding: 40px
}

.clothing-styles-header h4,
.clothing-styles-header p {
    font-family: "Lato", Helvetica, sans-serif;
    color: #333!important
}

.clothing-styles-header h4 {
    font-size: 24px!important;
    margin-bottom: 10px!important
}

.clothing-styles-header p {
    font-size: 16px;
    margin-bottom: 0!important
}

.clothing-styles ul.jacket-style {
    float: left;
    width: 340px;
    overflow: hidden;
    margin: 0 0 20px 0!important;
    padding: 0!important;
    list-style: none!important
}

.clothing-styles ul.jacket-style li {
    float: left;
    width: 155px;
    overflow: hidden;
    text-align: center;
    color: #333!important;
    font-size: 12px;
    margin-right: 15px
}

.clothing-styles ul.jacket-style li.sketch {
    width: 146px
}

.clothing-styles ul.jacket-style li img {
    background-color: #fff!important;
    padding: 5px;
    border: 1px solid #dadada;
    display: block;
    clear: both;
    margin: 0 auto!important
}

.clothing-styles ul.jacket-style li div span.fit-caption {
    background: #3579dc;
    display: block;
    clear: both;
    text-transform: uppercase;
    color: #fff!important;
    padding: 0 3px
}

.clothing-styles ul.jacket-style li span.size-caption {
    width: 50%;
    white-space: pre-line
}

.clothing-styles ul.jacket-style li div img {
    margin: 0 auto 9px auto!important;
    background-color: #fff!important
}

table.fit-swatches {
    width: 280px;
    float: left
}

table.fit-swatches tr th {
    font-size: 11px!important;
    font-weight: 700!important;
    text-transform: uppercase;
    width: 60px;
    max-width: 60px;
    padding: 0 10px 0 0;
    vertical-align: middle
}

table.fit-swatches tr th.colour-caption {
    vertical-align: middle
}

table.fit-swatches tr th.fabric-type {
    font-size: 14px!important;
    font-weight: 400!important;
    text-transform: none;
    padding: 0
}

table.fit-swatches tr.fabric-type-row th,
table.fit-swatches tr.fabric-type-row td {
    padding-top: 10px
}

table.fit-swatches tr.fabric-color-row th,
table.fit-swatches tr.fabric-color-row td {
    border-bottom: 1px solid #dadada
}

table.fit-swatches tr.fabric-color-row td {
    border-bottom: 1px solid #dadada;
    padding: 3px 10px 10px 0
}

table.fit-swatches td {
    padding: 0;
    vertical-align: middle
}

table.fit-swatches td ul {
    list-style: none!important;
    margin: 0 -20px 0 0!important;
    padding: 0!important;
    width: 335px
}

table.fit-swatches td ul li {
    float: left;
    margin: 0 5px 5px 0
}

table.fit-swatches td a {
    margin: 0;
    padding: 0;
    display: block
}

table.fit-swatches td a img {
    background: #fff!important;
    margin: 0;
    padding: 2px;
    border: 1px solid #dadada;
    float: left
}

span.tooltip {
    position: absolute;
    width: 100px;
    height: 20px;
    line-height: 20px;
    padding: 10px;
    font-size: 14px;
    text-align: center;
    color: #719dab;
    background: #fff;
    border: 4px solid #fff;
    border-radius: 5px;
    text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0
}

span.tooltip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    top: 44px;
    left: 50px
}

.clothing-styles a.generic {
    margin: 33px 0 0;
    font-size: 14px;
    float: right;
    max-width: 290px;
    background: url("../images/interface/bg-tile-submit_generic.gif") repeat-x scroll center top #fff;
    text-align: center
}

.clothing-styles a:hover.generic {
    color: #ca2228
}

ul.fit-guide {
    margin: 0!important;
    padding: 0!important;
    list-style: none;
    overflow: hidden
}

ul.fit-guide li {
    float: left;
    width: 292px;
    color: #666;
    margin-right: 29px;
    font-size: 14px
}

ul.fit-guide li img {
    float: left
}

ul.fit-guide li span {
    display: block;
    text-transform: uppercase;
    color: #fff!important;
    padding: 1px 3px;
    margin-top: 47px;
    text-align: center;
    font-weight: 700
}

ul.fit-guide li span.fitted {
    background: #ca0088
}

ul.fit-guide li span.classic {
    background: #00aced
}

ul.fit-guide li span.relaxed {
    background: #6bac44
}

div.fit-guide {
    width: 977px;
    height: 498px;
    position: relative;
    margin-top: 32px
}

div.fit-guide.women {
    background: #f5f5f5 url("../images/size_chart/bg-fit-guide_women.jpg") 0 0 no-repeat
}

div.fit-guide.men {
    background: #f5f5f5 url("../images/size_chart/bg-fit-guide_men.jpg") 0 0 no-repeat
}

div.fit-guide h1 {
    margin: 0 0 0 40px;
    border: 0;
    padding: 20px 0 10px 0!important;
    line-height: 48px
}

div.fit-guide.women h1 {
    color: #c00!important
}

div.fit-guide.men h1 {
    color: #069!important
}

div.fit-guide h1 span {
    color: #999!important;
    font-size: 38px!important
}

div.fit-guide ul {
    margin: 0 0 0 91px!important;
    padding: 47px 32px!important;
    list-style: none;
    width: 231px
}

div.fit-guide ul li {
    clear: both;
    color: #333!important;
    font-size: 14px;
    margin-bottom: 17px
}

div.fit-guide ul li.overlap {
    width: 60%
}

div.fit-guide ul.area {
    float: right;
    width: 92px;
    margin: 103px 0 0 0!important;
    padding: 0 30px 0 7px!important;
    overflow: hidden
}

div.fit-guide.men ul.area {
    margin: 36px 0 0 0!important;
    padding: 0 10px 0 7px!important;
    width: 104px
}

div.fit-guide ul.area span {
    font-size: 16px
}

div.fit-guide.men ul.area li {
    margin: 0 0 36px
}

div.fit-guide.men ul.area li.bust {
    margin: 0 0 72px 0
}

div.fit-guide.men ul.area li.hip {
    margin: 0
}

div.fit-guide ul.area li {
    margin: 30px 0 0 0
}

div.fit-guide ul li span {
    clear: both;
    display: block;
    text-transform: uppercase;
    color: #fff!important;
    font-weight: 700;
    font-size: 18px
}

div.fit-guide ul li span {
    color: #c00!important
}

div.fit-guide.men ul.men li span {
    color: #069!important
}

div.fit-guide span.tip {
    text-align: center;
    color: #fff;
    font-size: 14px;
    display: block;
    width: 143px;
    height: 113px;
    padding: 30px 15px;
    position: absolute
}

div.fit-guide.women span.tip {
    top: 15px;
    right: 9px
}

div.fit-guide.men span.tip {
    bottom: 15px;
    left: 307px
}

table.sizes {
    padding: 0 0 0 40px
}

#content #main table.sizes th {
    font-size: 18px;
    font-weight: 700;
    color: #c00;
    text-transform: uppercase
}

#content #main table.sizes th span {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    text-transform: none
}

#content #main table.sizes tbody.grey {
    padding: 0 0 0 40px
}

#content #main table.sizes tbody.grey th.plus,
#content #main table.sizes tbody.white th.plus,
#content #main table.sizes tr.euro-sizes td.plus,
#content #main table.sizes tr.sa-sizes td.plus {
    background: #ebbcbc
}

#content #main table.sizes th.col-one,
#content #main table.sizes td.col-one {
    padding: 12px 10px 12px 40px
}

#content #main table.sizes th.plus,
#content #main table.sizes td {
    text-align: center
}

#content #main table.sizes th,
#content #main table.sizes td {
    padding: 12px 10px
}

#content #main table.sizes tbody.grey th,
#content #main table.sizes tbody.grey td {
    background: #ebebeb
}

#content #main table.sizes tbody.white th,
#content #main table.sizes tbody.white td {
    background: #ffff
}

#content #main table.sizes tr td {
    font-size: 12px;
    color: #333
}

#content #main table.sizes tr.sa-sizes td {
    font-size: 18px;
    color: #c00
}

#content #main table.sizes.men tr th,
#content #main table.sizes.men tr.sizes td {
    font-size: 18px;
    font-weight: 700;
    color: #069;
    text-transform: uppercase
}

#content #main table.sizes.men tr td {
    font-size: 14px;
    color: #333
}

ul.career-listing,
.row:first-child .policy .section.careers ul.career-listing {
    margin: 0 0 30px 0!important;
    padding: 0 0 20px 0!important;
    border-bottom: 1px solid #d9d9d9
}

ul.career-listing li {
    margin-bottom: 5px;
    overflow: hidden
}

ul.career-listing li.career-heading h4 {
    color: #c00!important
}

ul.career-listing li.career-date {
    font-size: 12px
}

ul.career-listing li.career-read-more a.generic {
    float: right;
    font-size: 14px
}

#request-container {
    margin-top: -10px;
    padding: 30px 0 0;
    overflow: hidden
}

.request-container {
    padding: 30px 0;
    overflow: hidden
}

#request-container form,
.request-container form {
    border: 1px solid #c4c4c6;
    border-radius: 3px 3px 3px 3px;
    padding: 30px;
    position: relative;
    margin: 0 auto;
    display: block;
    width: 690px
}

#request-container form .request-info,
.request-container form .request-info {
    background: url("../images/interface/img-request-form-info.jpg") 0 0 no-repeat;
    position: absolute;
    left: 60px;
    top: -16px;
    padding: 9px 49px 24px 49px;
    width: 200px;
    height: 42px;
    line-height: 1.5;
    color: #fff!important;
    font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif!important;
    font-size: 16px!important;
    text-align: center
}

#request-container form .request-info.register,
.request-container form .request-info.register {
    padding: 20px 49px 24px
}

#request-container form fieldset,
.request-container form fieldset {
    margin: 0!important;
    padding: 0!important
}

#request-container form ul,
.request-container form ul {
    margin: 0!important;
    padding: 0!important
}

#request-container form ul.fields,
.request-container form ul.fields {
    padding: 30px 0 0!important;
    margin: 0 0 0 -30px!important;
    overflow: hidden;
    display: block;
    width: 718px
}

#request-container form ul li,
.request-container form ul li {
    margin: 0 0 14px 30px!important;
    padding: 0!important;
    float: left;
    overflow: hidden;
    width: 329px;
    *display: inline
}

#request-container form ul li.full-width,
.request-container form ul li.full-width {
    width: 100%;
    margin: 0 0 14px 0!important
}

#request-container form ul li.full-width p,
.request-container form ul li.full-width p {
    clear: both;
    display: block;
    padding-bottom: 5px;
    width: 100%
}

.request-container form ul li.full-width p {
    background: none!important;
    padding: 0!important;
    margin: 0 0 0 30px!important;
    text-align: left!important;
    color: #666
}

#request-container form ul li input,
#request-container form ul li select.select-box,
#request-container form ul li textarea,
.request-container form ul li input,
.request-container form ul li select.select-box,
.request-container form ul li textarea {
    width: 329px;
    margin: 0!important;
    *width: 316px
}

#request-container form ul li label span.required,
#request-container form ul li p span.required,
form.best-dressed span.required,
.request-container form ul li label span.required,
.request-container form ul li p span.required {
    color: #900!important;
    font-size: 18px
}

form.best-dressed span.required {
    font-size: 14px!important
}

#request-container form ul li span.column,
.request-container form ul li span.column {
    width: 209px;
    float: left;
    margin-left: 30px
}

#request-container form ul li span.column.full,
.request-container form ul li span.column.full {
    width: 100%
}

#request-container form ul li.half-width span.column.address,
.request-container form ul li.half-width span.column.address {
    margin: 0 10px 0 0;
    width: 154px
}

#request-container form ul li.half-width.codes span.column.address.left,
.request-container form ul li.half-width.codes span.column.address.left {
    width: 209px
}

#request-container form ul li.half-width.codes span.column.address.right,
.request-container form ul li.half-width.codes span.column.address.right {
    width: 110px
}

#request-container form ul li.half-width.codes span.column.address.international,
.request-container form ul li.half-width.codes span.column.address.international {
    width: 164px;
    margin: 0!important
}

#request-container form ul li.half-width.codes span.column.address.international input,
.request-container form ul li.half-width.codes span.column.address.international input {
    width: 155px
}

#request-container form ul li.half-width.codes span.column.address.international select.select-box,
.request-container form ul li.half-width.codes span.column.address.international select.select-box {
    width: 164px;
    margin: 0!important
}

#request-container form ul li.half-width span.column.address input.radio,
.request-container form ul li.half-width span.column.address input.radio {
    margin: 6px 6px 0 0!important;
    padding: 0!important;
    border: 0!important
}

#request-container form ul li.half-width.codes span.column.address input.city-suburb,
.request-container form ul li.half-width.codes span.column.address input.city-suburb {
    width: 209px
}

#request-container form ul li.half-width.codes span.column.address input.postal-code,
.request-container form ul li.half-width.codes span.column.address input.postal-code {
    width: 110px
}

#request-container form ul li input.address-line,
.request-container form ul li input.address-line {
    margin: 0 0 20px 0!important
}

#request-container form ul li input.address-line.last,
.request-container form ul li input.address-line.last {
    margin: 0!important
}

#request-container form ul li span.column label,
.request-container form ul li label {
    float: left;
    padding: 0;
    line-height: 27px
}

#request-container form ul li label.courier {
    font-size: 18px;
    color: #ca2228
}

#request-container form ul li span.column input,
.request-container form ul li span.column input {
    width: auto
}

#request-container form ul li input.checkbox,
.request-container form ul li input.checkbox {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: auto;
    margin: 5px 10px 0 0!important;
    float: left;
    border: 0!important
}

#request-container form ul li .formbutton input.submit,
.request-container form ul li .formbutton input.submit {
    float: right
}

#request-container form ul li p,
.request-container form ul li p {
    font-size: 12px;
    float: left;
    margin-left: 30px
}

#request-container form ul.step-counter,
.request-container form ul.step-counter {
    width: 336px;
    float: right
}

#request-container form ul.step-counter li,
.request-container form ul.step-counter li {
    margin: 0 0 0 3px!important;
    padding: 0 0 11px 0!important;
    display: block;
    text-align: right;
    font-size: 20px;
    border-bottom: 5px solid #ccc;
    color: #999;
    width: 109px
}

#request-container form ul.step-counter li.current-step,
.request-container form ul.step-counter li.current-step {
    border-bottom: 5px solid #666;
    color: #333
}

.request-container label span,
.request-container p span {
    font-size: 100%!important
}

.request-container input.submit:hover {
    color: inherit
}

a.mmx {
    display: block;
    overflow: hidden;
    margin: 30px 0 0;
    position: relative;
    text-align: center
}

a.mmx img {
    position: relative;
    z-index: 0!important
}

a.mmx span {
    position: absolute;
    margin: 0!important;
    padding: 0!important;
    z-index: 10;
    color: #666;
    float: right;
    bottom: 15px;
    right: 19px;
    font-size: 14px;
    text-decoration: underline
}

a.mmx.green {
    border: 1px solid #6aac47;
    height: 236px
}

a.mmx.blue,
a.mmx.purple {
    height: 370px
}

a.mmx.blue {
    border: 1px solid #307acb
}

a.mmx.purple {
    border: 1px solid #8c5aa2
}

a:hover.mmx.green span {
    color: #6aac47
}

a:hover.mmx.blue span {
    color: #307acb
}

a:hover.mmx.purple span {
    color: #8c5aa2
}

#customer-login-container,
#customer-login-container.new {
    background: #f5f5f5 url("../images/customer_login/bg-customer_login.jpg") 0 0 no-repeat;
    width: 854px;
    height: 384px;
    padding: 87px 72px 51px 52px
}

#customer-login-container.new {
    background: #f5f5f5 url("../images/customer_login/bg-customer_login-new.jpg") 0 0 no-repeat;
    width: 978px;
    height: 522px;
    padding: 80px 60px 37px 60px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

form.customer-login,
#customer-login-container.new form.customer-login {
    display: block;
    float: left;
    height: 356px;
    margin-left: 18px;
    padding: 71px 42px 0;
    width: 224px
}

#customer-login-container.new form.customer-login {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid;
    display: block;
    float: left;
    height: auto;
    margin-left: 0;
    margin-top: 74px;
    padding: 10px;
    width: 374px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    clear: left
}

#content form.customer-login h3,
#content #customer-login-container.new h3 {
    color: #036!important;
    margin-bottom: 18px;
    text-align: center;
    line-height: 26px
}

#content #customer-login-container.new h3 {
    max-width: 245px;
    padding-left: 132px;
    text-align: left;
    margin-bottom: 0;
    margin-top: 10px;
    float: left;
    line-height: 30px
}

#content #main #customer-login-container.new ul.order-perks {
    margin: -75px 0 0;
    width: 466px
}

#content #main #customer-login-container.new ul.order-perks li {
    padding-left: 140px
}

form.customer-login p {
    color: #666;
    font-size: 14px;
    text-align: center;
    margin: -2px 0 26px
}

form.customer-login ul {
    display: block!important;
    margin: 0!important;
    padding: 0!important
}

form.customer-login ul li {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center
}

form.customer-login ul li fieldset {
    margin: 0 0 15px 0
}

form.customer-login ul li input[type="text"],
form.customer-login ul li input {
    color: #999;
    width: 145px;
    float: none!important
}

form.customer-login ul li fieldset .formbutton input.submit {
    width: 145px!important
}

#customer-login-container.new form.customer-login ul li fieldset .formbutton input.submit {
    color: #c03;
    text-transform: uppercase
}

form.customer-login ul li fieldset .formbutton input.submit:hover {
    text-decoration: underline
}

form.customer-login ul li a {
    text-decoration: underline;
    color: #036!important;
    font-size: 14px
}

form.customer-login ul li a:hover {
    color: #df1a1a!important
}

#customer-login-container p.alternate {
    float: left;
    display: block;
    padding: 29px 32px;
    width: 365px;
    margin: 32px 0 0!important;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    clear: left
}

#customer-login-container .online-shop-link {
    display: block;
    padding: 13px 17px 27px 29px;
    width: 326px;
    height: 186px;
    float: left;
    position: relative
}

#content #customer-login-container .online-shop-link h3 {
    color: #900!important;
    margin-bottom: 18px
}

#customer-login-container .online-shop-link p {
    font-size: 14px;
    line-height: 24px;
    width: 224px;
    margin: -1px 0 0
}

#main ul.order-perks {
    float: right;
    margin: -30px 0 0;
    width: 444px
}

ul.order-perks.blue {
    float: right
}

#main ul.order-perks.blue,
#main ul.order-perks.red {
    width: 489px;
    padding: 0!important;
    margin: 0!important
}

ul.order-perks.red {
    float: left
}

ul.order-perks li {
    margin: 0;
    clear: both;
    display: block;
    background-position: 0 center;
    background-repeat: no-repeat;
    min-height: 46px;
    padding: 30px 0 0 70px;
    font-size: 1.25em
}

ul.order-perks li.blue,
ul.order-perks li.red {
    padding: 30px 0 0 140px;
    background-position: 70px center
}

ul.order-perks li.blue.first,
ul.order-perks li.red.first {
    padding: 15px 0 0 140px;
    min-height: 62px
}

ul.order-perks li.blue.last,
ul.order-perks li.red.last {
    min-height: 62px
}

ul.order-perks li.blue.cart {
    background-image: url("../images/customer_login/icon-blue-cart.png")
}

ul.order-perks li.blue.payment {
    background-image: url("../images/customer_login/icon-blue-payment.png")
}

ul.order-perks li.blue.delivery {
    background-image: url("../images/customer_login/icon-blue-delivery.png")
}

ul.order-perks li.blue.service {
    background-image: url("../images/customer_login/icon-blue-service.png")
}

ul.order-perks li.red.cart {
    background-image: url("../images/how_to_order/icon-red-cart.png")
}

ul.order-perks li.red.payment {
    background-image: url("../images/how_to_order/icon-red-payment.png")
}

ul.order-perks li.red.delivery {
    background-image: url("../images/how_to_order/icon-red-delivery.png")
}

ul.order-perks li.red.online {
    background-image: url("../images/how_to_order/icon-red-online.png")
}

ul.order-perks li.blue.cart.strap,
ul.order-perks li.blue.delivery.strap,
ul.order-perks li.red.cart.strap,
ul.order-perks li.red.delivery.strap {
    background-color: #ebecec
}

ul.order-perks.blue li span,
ul.order-perks.red li span {
    text-transform: uppercase
}

ul.order-perks.red li.filled,
ul.order-perks.red li strong a,
ul.order-perks.red li span {
    color: #900!important
}

ul.order-perks.blue li.filled,
ul.order-perks.blue li strong a,
ul.order-perks.blue li span {
    color: #039!important
}

.contact-details {
    margin: 0 auto 30px auto;
    display: block;
    width: 644px;
    padding-bottom: 47px;
    border-bottom: 1px solid #999
}

.contact-details ul {
    margin: 0 0 33px 20px!important;
    padding: 0;
    list-style: none;
    float: left
}

.contact-details ul li {
    font-family: "Droid Sans";
    font-size: 14px;
    color: #666
}

.contact-details ul li a {
    text-decoration: none!important
}

.contact-details ul li.address {
    text-transform: uppercase;
    color: #000!important
}

.contact-details .gps-coordinates {
    text-align: right
}

.contact-details .gps-coordinates h4 {
    font-family: "Droid Serif";
    text-style: italic;
    margin-bottom: 14px;
    font-style: italic
}

.contact-details small,
.contact-details .small {
    font-size: 12px!important;
    margin-bottom: 63px
}

.contact-details h3 {
    color: #000!important;
    margin-bottom: 30px
}

.contact-details .maps {
    float: right;
    width: 346px;
    height: 346px
}

#customer-login-container .online-shop-link a.red,
li a.red {
    border: 1px solid #c38b8b!important;
    color: #900!important;
    background: #ead7d7 url("../images/interface/bg-tile-submit_red.gif") bottom repeat-x;
    width: 145px!important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 15px;
    width: auto!important;
    float: right;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    margin: -7px 0 0;
    position: absolute;
    bottom: 0;
    right: 107px
}

#how-to-order-container .shop-now a.red,
li a.red,
#how-to-order-container .place-order a.blue,
li a.blue {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px 3px 3px 3px;
    padding: 2px 15px;
    text-decoration: none!important;
    font-size: 14px;
    margin: 0 auto;
    display: block
}

#how-to-order-container .shop-now a:hover.red,
li a:hover.red,
#how-to-order-container .place-order a:hover.blue,
li a:hover.blue {
    text-decoration: underline!important
}

li a.red,
li a.blue {
    margin: 0;
    position: relative;
    float: left;
    left: 0
}

a:hover.red,
a:hover.blue {
    text-decoration: underline!important
}

#how-to-order-container ul li.last {
    list-style: none!important
}

#how-to-order-container .shop-now a.red,
li a.red {
    border: 1px solid #c38b8b!important;
    color: #900;
    background: #ead7d7 url("../images/interface/bg-tile-submit_red.gif") bottom repeat-x
}

#how-to-order-container .place-order a.blue,
li a.blue {
    background: #c1c6e1 url("../images/interface/bg-tile-submit_blue.gif") bottom repeat-x;
    border: 1px solid #8b95c8!important;
    color: #003!important
}

a.generic {
    border: 1px solid #a5a6a9!important;
    width: 145px!important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px 3px 3px 3px;
    margin: 0;
    padding: 3px 15px;
    width: auto!important;
    color: #333;
    background: #f9f9f9 url("../images/interface/bg-tile-submit_generic.gif") bottom repeat-x;
    text-decoration: none!important;
    position: relative;
    z-index: 10
}

#nav {
    line-height: 18px;
    margin: 0;
    padding: 0;
    position: relative
}

#nav h2 {
    margin: 0 0 20px 0;
    font-size: 24px!important;
    font-weight: 300;
    text-transform: uppercase
}

#nav ul {
    margin: 0;
    border-bottom-width: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    float: left
}

#nav ul li {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 18px;
    font-size: 14px;
    font-weight: 300;
    float: left
}

#nav ul li a {
    display: block;
    margin: 0;
    padding: 0 20px;
    text-decoration: none;
    float: left;
    font-size: 16px;
}
#nav ul li.current-menu-item a {
    color: #df1a1a;
}

#nav ul li:after {
    content: "\00a0 \007C"
}

#nav ul li:first-child,
#nav ul li:last-child:after {
    content: ""
}
#nav > ul > li:first-child a {
    padding-left: 0;
}
#nav > ul > li:last-child a {
    padding-right: 0;
}

#nav ul li:last-child a {
    padding: 0 0 0 20px
}

#nav ul li a:hover {
    font-style: normal;
    text-decoration: none
}

#nav ul li a.current {
    background: url("../images/interface/bg-nav-current.png") 0 1px no-repeat
}

#nav ul li.first a {
    padding: 0 20px 0 0
}

#nav ul li.last,
#nav ul li.last a {
    margin: 0;
    border: none!important;
    padding: 0
}

#nav ul li.last:after {
    content: ""
}

#nav ul li.last a {
    padding: 0 0 0 20px
}

#nav ul li.last:last-child:after {
    content: ""
}

a {
    padding: 0
}

object,
iframe {
    border-width: 0!important
}

object,
iframe {
    background: transparent!important;
    width: 100%
}

.w-three object,
.w-three iframe {
    width: inherit!important
}


#content #main h1 {
    border-bottom-width: 1px;
    padding: 0 0 31px 0;
    font-size: 48px;
    font-weight: 400
}

#content #main h2 {
    font-size: 36px
}

#content #main h3 {
    font-size: 24px
}

#content #main h4 {
    font-size: 22px
}

#content #main h5 {
    font-size: 14px
}

#content #main h6 {
    font-size: 12px
}

#content #main table th,
#content #main table td {
    font-size: 14px;
    font-weight: 400
}

#content #main p:last-child {
    margin: 0
}


#content img.left,
#content iframe.left,
#content object.left {
    clear: both;
    display: inline;
    margin: 0 20px 18px 0
}

#content img.right,
#content iframe.right,
#content object.right {
    clear: both;
    display: inline;
    margin: 0 0 18px 20px
}

#main ul,
#main ol {
    display: inline-block;
    margin: 0 1.5em 1.5em 0;
    padding: 0 0 0 18px;
    list-style-position: outside;
    vertical-align: top
}

#main ol {
    padding: 0 0 0 22px
}

#main ul.collections {
    margin: -30px 0 0 -30px!important;
    padding: 0!important;
    list-style: none
}

ul.collections li {
    float: left;
    max-width: 306px;
    margin: 30px 0 0 30px
}

ul.collections li a {
    display: inline-block;
    padding: 0;
    text-decoration: none!important;
    position: relative
}

#container ul.collections li a img {
    margin: 0;
    position: relative;
    z-index: 1
}

#container ul.collections li a img.swatch {
    position: absolute;
    z-index: 12;
    bottom: 0;
    left: 0
}

ul.collections li a span {
    display: block;
    clear: both;
    margin: 0;
    padding: 5px;
    z-index: 10;
    bottom: 0;
    text-align: center;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-indent: -9999px
}

#footer {
    clear: both;
    position: relative;
    margin: 28px 0 0 0;
    border-top-width: 1px;
    padding: 38px 0;
    width: 100%;
    word-spacing: .165em;
    border-top: 1px solid #d9d9d9;
    overflow: hidden;
    z-index: 1
}

#footer .row {
}

#footer h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px
}


iframe {
    float: right;
    overflow: hidden
}

html,
iframe html {
    background: none!important
}

.gallery,
.strip {
    position: relative;
    max-width: 100%;
    width: 810px;
    height: 500px;
    overflow: hidden;
    text-align: center
}

.strip {
    position: relative;
    top: 0;
    left: 0;
    margin: 12px auto 0 auto;
    padding: 0 20px 0 35px;
    width: 246px;
    height: 69px
}

.quicklook-form .strip {
    margin: 0 auto;
    background: #f2f2f2;
    padding: 0;
    width: 222px;
    height: 30px
}

.gallery .bulletsContainer {
    position: absolute;
    top: 448px;
    width: 810px;
    height: 31px;
    text-align: center
}

.strip .bulletsContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 69px;
    text-align: center
}

.quicklook-form .strip .bulletsContainer {
    width: 222px;
    height: 30px
}

.quicklook-form .strip .bulletsContainer p {
    margin: 5px 0 0 0!important
}

.gallery .bullets {
    position: relative;
    display: none;
    margin: 0!important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: auto;
    height: 31px;
    padding: 0 30px!important;
    z-index: 100
}

.gallery .bullets li {
    position: relative;
    top: 10px;
    float: left;
    display: inline;
    margin: 0 7px 0 0;
    background: url("../images/interface/bullets.png") 0 0 no-repeat;
    width: 13px;
    height: 12px;
    list-style: none;
    z-index: 100!important;
    cursor: pointer
}

.gallery .bullets li:last-child {
    margin: 0!important
}

.gallery .bullets li.current {
    background: url("../images/interface/bullets.png") -13px 0 no-repeat
}

.gallery .bullets li img {
    position: absolute!important;
    top: -75px;
    border-width: 1px!important;
    width: 100px!important;
    height: auto;
    max-width: none!important;
    cursor: pointer
}

.gallery .prev,
.gallery .next,
.strip .prev,
.strip .next {
    position: absolute;
    top: -2px;
    display: block;
    width: 10px;
    z-index: 100;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.strip .prev {
    width: 30px
}

.strip .next {
    width: 31px
}

.quicklook-form .strip .prev,
.quicklook-form .strip .next {
    width: 12px
}

.gallery .prev {
    left: -10px
}

.gallery .next {
    right: -10px
}

.strip .prev {
    top: 0;
    left: 0;
    background: #fff;
    height: 69px
}

.strip .next {
    top: 0;
    right: -6px;
    background: #fff;
    height: 69px
}

.quicklook-form .strip .prev {
    left: 12px;
    background: #f2f2f2;
    height: 30px
}

.quicklook-form .strip .next {
    right: 12px;
    background: #f2f2f2;
    height: 30px
}

.gallery .prev a,
.gallery .next a,
.strip .prev a,
.strip .next a {
    position: relative;
    padding: 0;
    z-index: 100;
    font-size: 190%;
    text-align: center;
    font-weight: 700;
    font-family: Courier;
    outline: 0;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.strip .prev a,
.strip .next a {
    top: 23px
}

.quicklook-form .strip .prev a,
.quicklook-form .strip .next a {
    top: 8px
}

.gallery .prev a img,
.gallery .next a img,
.strip .prev a img,
.strip .next a img {
    background: none!important
}

.strip .prev a img,
.strip .next a img {
    width: 20px!important;
    height: 23px!important
}

.quicklook-form .strip .prev a img,
.quicklook-form .strip .next a img {
    width: 12px!important;
    height: 15px!important
}

.gallery .prev a {
    left: 20px
}

.gallery .next a {
    right: 20px
}

.strip .prev a {
    left: 0
}

.strip .next a {
    right: -5px
}

.quicklook-form .strip .next a {
    right: 0
}

#content .banner {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 506px!important;
    margin: 0 0 35px 0;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

#content .banner .bulletsContainer {
    background: #fff;
    display: block;
    padding: 0 12px 0 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 210px!important;
    height: 100%;
    z-index: 101;
    float: left;
    overflow: hidden
}

#content .banner.notabs .bulletsContainer {
    display: none!important
}

#content .banner .bulletsContainer .prev,
#content .banner .bulletsContainer .next {
    display: none!important
}

#content .banner .bulletsContainer ul.bullets {
    margin: 0 0 0 1px;
    padding: 0;
    top: 0
}

#content .banner .bulletsContainer ul.bullets li {
    display: block!important;
    clear: both;
    width: 210px;
    position: relative;
    float: left;
    margin-top: -1px;
    padding-top: 4px;
    border-top: 1px solid #cbcbcb;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

#content .banner .bulletsContainer ul.bullets li:first-child {
    margin-top: 0;
    border-top: 0;
    padding-top: 0
}

#content .banner .bulletsContainer ul.bullets li.last {
    height: 118px;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

#content .banner .bulletsContainer ul.bullets li a {
    float: left;
    padding: 0
}

#content .banner .bulletsContainer ul.bullets li a:hover {
    opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70)
}

#content .banner .bulletsContainer ul.bullets li a,
#content .banner .bulletsContainer ul.bullets li a img {
    margin: 0 0 0 -1px;
    width: 214px;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1
}

#content .banner .slider {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    float: right;
    width: 756px;
    height: 505px
}

#content .banner.notabs .slider {
    width: 978px
}

#content .banner .slider.navSlider {
    left: -571px
}

#content .banner.notabs .slider.navSlider {
    display: none
}

#content .banner .slider.navSlider li img {
    display: none
}

#content .banner .slider.autoSlider {
    left: 222px
}

#content .banner.notabs .slider.autoSlider {
    left: 0!important
}

#content .banner .slider li {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline;
    float: left;
    left: 0;
    max-width: 100%;
    position: absolute
}

#content .banner .slider li a {
    padding: 0
}

#content .banner .caption {
    clear: both;
    display: block!important;
    height: 100%;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

#content .banner img {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-width: 0!important;
    display: inline;
    margin-bottom: 0!important;
    max-width: 100%!important
}

#content .banner .slider li img {
    left: 0;
    position: relative;
    top: 0;
    z-index: 1
}

#content .banner.notabs .autoSlider li img {
    width: 978px
}

.overlay {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/interface/bg-modal-overlay.png") repeat scroll 0 0 transparent;
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.gallery-view-popup-container {
    width: 482px;
    display: block;
    margin: 0 auto;
    position: relative;
    padding: 21px
}

#door_delivery_popover .gallery-view-popup-container {
    min-width: 830px
}

.gallery-view-popup-inner {
    background: #fff;
    padding: 10px;
    margin: 10px 0;
    overflow: hidden;
    position: relative
}

.gallery-view-popup-inner h3 {
    font-size: 14px;
    line-height: 14px;
    color: #333!important;
    text-align: center;
    padding: 5px 45px 0 45px;
    position: relative;
    z-index: 1
}

.gallery-view-popup-inner p {
    background: #ecedee;
    padding: 7px;
    text-align: center;
    font-size: 14px;
    margin: 0!important;
    position: relative
}

.gallery-view-popup-inner img {
    padding: 0!important;
    margin: 18px 0 0!important;
    border: 1px solid #999
}

.gallery-view-popup-inner a.btn-pinterest {
    float: left;
    display: block;
    width: 40px;
    height: 20px;
    position: relative;
    z-index: 10
}

.gallery-view-popup-inner a.btn-pinterest img.renkprjlpmwbpparmrah {
    margin: 0!important
}

.gallery-view-popup-inner a img {
    border: 0!important
}

.gallery-view-popup-inner ul.items {
    padding: 0!important;
    margin: 0!important;
    width: 150px;
    list-style: none;
    float: left
}

.gallery-view-popup-inner ul.items li.model-number {
    font-family: "Prata";
    font-size: 14px
}

.gallery-view-popup-inner ul.items li {
    font-size: 11px;
    color: #333;
    padding-top: 10px
}

.gallery-view-popup-inner ul.items li div {
    clear: both;
    float: left;
    display: block;
    width: 100%
}

.gallery-view-popup-inner ul.items li a {
    color: #369
}

.gallery-view-popup-inner ul.items li a:hover {
    color: #900
}

.gallery-view-popup-inner ul.items li span.item-pattern,
.gallery-view-popup-inner ul.items li span.item-name {
    text-transform: uppercase
}


a.btn.popup-next {
    background: url("../images/interface/button-next.jpg") no-repeat 0 center;
    right: 0
}

a.btn.popup-prev {
    background: url("../images/interface/button-prev.jpg") no-repeat -21px center;
    left: 0
}

a:hover.btn.popup-next {
    background: url("../images/interface/button-next.jpg") no-repeat -21px center
}

a:hover.btn.popup-prev {
    background: url("../images/interface/button-prev.jpg") no-repeat 0 center
}

a.btn.close {
    background: url("../images/interface/btn-close.gif") repeat-x scroll left top #fff;
    padding: 4px 8px 6px 8px;
    border: 1px solid #dcdcdc;
    width: 10px;
    height: 16px;
    text-indent: 0;
    top: 10px;
    right: 10px;
    text-align: center;
    color: #424c93;
    font-weight: 700;
    z-index: 10
}

a:hover.btn.close {
    color: #900
}

.popup {
    display: none;
    border: 5px solid #fff;
    border: 5px solid rgba(255, 255, 255, .25);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    width: 430px;
    padding: 40px 20px 30px 20px
}

.popup .loading {
    background: url("../images/interface/ajax-loader.gif") center center no-repeat;
    height: 32px
}

.popup .close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    text-decoration: none
}

.signin-form {
    width: 266px!important
}

.paygate {
    width: 800px!important;
    height: 600px!important
}

.size_chart {
    width: 820px!important
}

.quicklook-form {
    width: 600px!important
}

.request-sample-form,
.get-notified-form {
    width: 462px!important
}

.request-sample-form .col-1,
.get-notified-form .col-1 {
    border: 0
}

.popup form {
    padding: 4px 0 0 0
}

.quicklook-form form {
    padding: 0
}

.popup h1 {
    margin: 0 0 45px 0;
    font-size: 24px
}

.popup p {
    margin: 0 0 18px 0;
    line-height: 18px;
    font-size: 14px
}

.signin-form p {
    margin: 0 0 5px 0
}

.signin-form fieldset {
    float: left;
    width: auto
}

.signin-form input {
    width: 265px!important
}

.popup ul {
    margin: 0 1.5em 1.5em 20px
}

.popup .button {
    float: right;
    margin: 12px 0 0 0
}

.signin-form .button {
    margin: 0
}

.request-sample-form .button,
.get-notified-form .button {
    clear: both
}

.prompt .button.yes,
.profile-changed .button.yes {
    float: left!important
}

.message {
    position: fixed;
    background: #fff;
    background: rgba(255, 255, 255, 70);
    border-bottom: 1px solid #000;
    width: 100%;
    text-align: center;
    z-index: 99999
}

.message h3 {
    position: relative;
    display: inline-block;
    padding: 10px 0 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 18px;
    color: #000!important
}

.message span {
    position: absolute;
    top: 2px;
    right: -22px;
    display: none;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    background: #e51515;
    width: 18px;
    height: 18px;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    color: #fff;
    font-weight: 700
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.hidden {
    position: absolute;
    left: -9999px;
    visibility: hidden
}

.page {
    background: #fff
}

.borders * {
    border-color: #d9d9d9;
    border-style: solid
}

.popup {
    background: #fff
}

.transparency {
    background: #232323;
    background: rgba(35, 35, 35, 0.70)
}

.page {
    font-family: 'Open Sans', sans-serif
}

#company-strap li a {
    color: gray;
    text-decoration: none
}

#company-strap li a:hover {
    color: #4c4c4c
}

#company-strap li a.current {
    color: #4c4c4c
}

#controls li a {
    color: #4c4c4c;
    text-decoration: none
}

#controls li a:hover {
    color: #df1a1a
}

#nav ul li {
    color: #666
}

#nav ul li a,
#nav ul li a:active {
    color: #666;
    text-decoration: none!important
}

#nav ul li a:hover {
    color: #df1a1a!important;
    text-decoration: none;
    background-color: transparent;
}

#nav ul li a.current {
    color: #000!important;
    font-weight: 700
}

.gallery .prev a,
.gallery .next a {
    color: #fff;
    text-decoration: none
}

.gallery .prev a:hover,
.gallery .next a:hover {
    color: #000
}

h1,
h2,
h3,
h3 a,
h4,
h5,
h6 {
    font-family: 'Prata', sans-serif;
    color: #999;
    text-decoration: none
}

#header p,
#header li,
#content p,
#content ul li,
#content ol li,
#content label,
#content input,
#content select,
#content textarea,
#content table td,
.popup,
.popup input,
.popup select,
.popup textarea {
    font-family: 'Lato', sans-serif;
    color: #666
}

#header label,
#content label,
#content table th {
    color: #000
}

#header p a,
#header p a:active,
#header ul li a,
#header ul li a:active,
#content p a,
#content p a:active,
#content ul li a,
#content ul li a:active,
#content ol li a,
#content ol li a:active,
.popup a,
.popup a:active {
    color: #666
}

#header p a:hover,
#header ul li a:hover,
#content p a:hover,
#content ul li a:hover,
#content ol li a:hover,
.popup a:hover {
    color: #df1a1a
}

.policy h3,
.blog h3 {
    color: #000!important;
    line-height: 24px
}

.policy h4,
.blog h4 {
    line-height: 22px
}

#content #main .policy h5,
#content #main .blog h5 {
    font-size: 18px
}

.button {
    text-decoration: none!important
}

.button:hover {
    color: #df1a1a!important
}

#content #show_more a {
    color: #000
}

#content #show_more a:hover {
    color: #df1a1a
}

#footer h3 {
    font-family: 'Lato', sans-serif;
    color: #000!important
}


.transparency {
    color: #000
}

.transparency,
.close {
    color: #000;
    text-decoration: none
}

.transparency:hover .close:hover {
    color: #000;
    text-decoration: none
}

.bee-stamp {
    display: block;
    padding: 0;
    margin-top: 17px;
    margin-bottom: 17px;
    width: 85%;
}

.bee-stamp span {
    font-family: "Droid Serif";
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #4c4c4c
}

.bee-stamp b {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000
}

input.not_valid,
.checkbox.not_valid {
    border-top: 1px solid #900!important;
    border: 1px solid #900
}

#content label.not_valid {
    color: #900
}

input.not_valid:focus,
.checkbox.not_valid:focus,
input.not_valid:hover,
.checkbox.not_valid:hover {
    border-top: 1px solid #f00!important;
    border: 1px solid red
}

#clothes {
    clear: both;
    margin: 20px 0;
    padding: 0;
    width: 100%!important
}

form.best-dressed {
    padding: 20px
}

form.best-dressed input {
    margin: 0 0 15px
}

form.best-dressed .formbutton {
    float: right
}

form.best-dressed div {
    display: block;
    overflow: hidden;
    clear: both
}

.gallery-view-popup-inner form.best-dressed div img {
    display: block;
    margin: 0 auto
}

#slider {
    position: fixed;
    top: 60%;
    margin: 0;
    padding: 0;
    left: -75px;
    z-index: 1000
}

#buttons {
    float: left;
    width: 42px;
    height: 79px;
    padding-bottom: 1px
}

#msg {
    float: left;
    position: relative;
    left: 0;
    width: 72px;
    height: 79px;
    background-color: #020054;
    background-image: url('/images/itemadded.jpg')
}

#reset {
    height: 39px;
    width: 42px;
    background: #cb2229 url('/images/reset.jpg')no-repeat;
    margin-bottom: 1px;
    cursor: pointer;
    -webkit- transition: width .5s ease-in-out;
    -moz- transition: width .5s ease-in-out;
    -o- transition: width .5s ease-in-out;
    transition: width .5s ease-in-out
}

#reset:hover {
    left: 0;
    width: 123px;
    height: 39px;
    background: url('/images/resethover.jpg');
    margin-bottom: 1px;
    -webkit- transition: width .5s ease-in-out;
    -moz- transition: width .5s ease-in-out;
    -o- transition: width .5s ease-in-out;
    transition: width .5s ease-in-out
}

#downloadpdf {
    height: 39px;
    width: 42px;
    background: #cb2229 url('/images/downloadpdf.jpg')no-repeat;
    cursor: pointer;
    -webkit- transition: width .5s ease-in-out;
    -moz- transition: width .5s ease-in-out;
    -o- transition: width .5s ease-in-out;
    transition: width .5s ease-in-out
}

#downloadpdf:hover {
    left: 0;
    width: 123px;
    height: 39px;
    background: url('/images/downloadhover.jpg');
    -webkit- transition: width .5s ease-in-out;
    -moz- transition: width .5s ease-in-out;
    -o- transition: width .5s ease-in-out;
    transition: width .5s ease-in-out
}

#fileuploadcontainer {
    position: relative;
    height: 39px;
    width: 42px;
    overflow: hidden;
    margin-bottom: 1px;
    cursor: pointer;
    background: #cb2229 url('/images/uploadbutton.jpg')no-repeat;
    -webkit- transition: width .5s ease-in-out;
    -moz- transition: width .5s ease-in-out;
    -o- transition: width .5s ease-in-out;
    transition: width .5s ease-in-out
}

#fileuploadcontainer:hover {
    width: 123px;
    height: 39px;
    left: 0;
    background: url('/images/uploadhover.jpg');
    -webkit- transition: width .5s ease-in-out;
    -moz- transition: width .5s ease-in-out;
    -o- transition: width .5s ease-in-out;
    transition: width .5s ease-in-out
}

#fileuploadcontainer.activeupload {
    background: #ca2228;
    width: 123px
}

#uploadedimagethumbnail {
    max-width: 123px
}

#fileuploadcontainer.activeuploadfail {
    width: 123px;
    background: red
}

#fileupload {
    display: none
}

.fileupload-progress {
    margin: 10px 0
}

.fileupload-progress .progress-extended {
    margin-top: 5px
}

.error {
    color: red
}

#uploadedimagethumbnail {
    position: absolute;
    display: none;
    max-width: 123px;
    float: left
}

#ximagebutton {
    width: 17px;
    height: 17px;
    display: none;
    float: right;
    position: relative;
    z-index: 1000;
    margin-right: 1px;
    margin-top: 1px;
    background: url("../images/imgxclose.png") no-repeat
}

.progress-bar {
    position: absolute;
    margin-top: 30px;
    height: 10px;
    background: url("../images/progressbar.jpg")!important;
    filter: none;
    z-index: 100;
    transition: 1s linear width
}

.addcatalogue {
    position: absolute;
    top: 10px;
    right: 10px;
    background: url('/images/addcatalogue.png') 0 0 no-repeat;
    height: 40px;
    width: 40px;
    z-index: 100;
    opacity: 0;
    -webkit- transition: opacity .5s ease-in-out;
    -moz- transition: opacity .5s ease-in-out;
    -o- transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.addcatalogue:hover {
    background-position: 0 -40px;
    z-index: 100
}

.collection-item:hover .addcatalogue {
    opacity: 100
}

.addcatalogue:after {
    display: none;
    content: "";
    bottom: 0;
    left: 0;
    z-index: 100
}

.addcatalogue:hover:after {
    display: block;
    position: absolute;
    width: 115px;
    height: 55px;
    bottom: 45px;
    left: -36px;
    background: url('/images/addcataloguehover.png');
    overflow: hidden;
    z-index: 100
}

.storyaddedtolist {
    position: absolute!important;
    top: 10px!important;
    right: 10px!important;
    background: url('/images/catalogue-itemadded.png') no-repeat;
    height: 40px!important;
    width: 40px!important;
    z-index: 100!important;
    opacity: 100!important
}

.storyaddedtolist:hover:after {
    display: none!important;
    position: absolute;
    width: 115px;
    height: 55px;
    bottom: 45px;
    left: -36px;
    overflow: hidden;
    z-index: 100
}

.show_now_target {
    position: relative
}

#ajax-popover-container .show_now_target {
    position: absolute
}

.swatchborder img {
    outline: red 2px solid
}

.swatchmenu {
    display: none;
    position: absolute;
    bottom: 40px;
    left: -78px;
    height: 92px;
    width: 185px
}

.swatchmenu .swatchmore:hover {
    background-position: 0 0
}

.swatchmenu .swatchadd:hover {
    background-position: 0 0
}

.swatchmenu:after {
    display: none;
    content: "";
    bottom: 0;
    left: 0;
    z-index: 100
}

.swatchmore {
    display: block;
    height: 56px;
    width: 185px;
    background: url('/images/swatchmore.png') 0 -57px no-repeat;
    overflow: hidden;
    z-index: 100
}

.swatchadd {
    display: block;
    height: 45px;
    width: 185px;
    background: url('/images/swatchadd.png') 0 -46px no-repeat;
    overflow: hidden;
    z-index: 100;
    cursor: pointer
}

.styleaddedtolist img {
    display: block!important;
    outline: green 2px solid!important
}

.styleaddedtolisthover {
    display: block;
    height: 45px;
    width: 185px;
    overflow: hidden;
    z-index: 100;
    background: url('/images/swatchremove.png') 0 -46px no-repeat
}

.clear {
    clear: both
}

h1.home {
    margin-bottom: .9em
}

.seo {
    padding: 3px 0 0 0;
    position: relative;
    overflow: hidden
}

#content #main .seo h2 {
    color: #c00!important;
    font-size: 2em;
    line-height: 36px
}

#content #main .seo h3 {
    font-size: 1.5em;
    margin-bottom: .75em
}

#content #main .seo p {
    margin: -2px 0 24px 0
}

#content #main .seo ul,
#content #main .seo ol {
    font-size: 1.2em;
    margin: 0 1.5em 1.95em 0
}

#content #main .seo p:last-child {
    margin: -2px 0 30px 0
}

iframe {
    margin-bottom: 35px!important
}

.row .no-right-margin>p {
    margin-bottom: 35px;
    padding-right: 60px
}

a.show-hide-seo {
    display: block;
    padding: 5px;
    position: absolute;
    right: 20px;
    top: 0;
    background: 0;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    z-index: 500;
    text-align: center;
    color: #010055;
    text-decoration: none
}

h1+p+a.show-hide-seo {
    top: -15px
}

a.show-hide-seo:hover {
    background: 0;
    color: #c00
}

div#door_delivery_popover {
    display: none !important;
}

a.mmx span {
    display: none;
}

a.mmx.green {
    border: none;
    height: auto;
}

a.mmx.blue {
    border: none;
}

a.mmx.purple {
    border: none;
}