@charset "UTF-8";


@import url(https://fonts.googleapis.com/css?family=Arvo:400,400italic,700,700italic);

.wrapper, body, html {
    height: 100%;
}

h1, h2, h3, h4, h5 {
    font-weight: 400;
}

.button, .wrapper {
    position: relative;
}

.icon.facebook, .icon.logo, .icon.menu, .icon.smiley {
    text-indent: -9999px;
}

.overlay-video .video, .signup {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.button, .form select {
    text-transform: uppercase;
}

a, blockquote, body, div, h1, h2, h3, h4, html, himg, li, ol, p, ul, video {
    margin: 0;
    padding: 0;
    border: 0;
}

li {
    list-style: circle;
    line-height: 38px;
}

iframe, img, video {
    display: block;
}

a {
    text-decoration: none;
    /*color: #888;*/
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    background: #fff;
    /*font-family: BrandonGrotesque-Medium,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family: BrandonGrotesque-Regular,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 22px;
    line-height: 32px;
    -webkit-font-smoothing: antialiased;
    color: #222;
}

input, select, textarea {
    font-family: BrandonGrotesque-Regular,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.wrapper {
    z-index: 2;
    left: 0;
    -webkit-transition: left .3s ease-out;
    -moz-transition: left .3s ease-out;
    -o-transition: left .3s ease-out;
    transition: left .3s ease-out;
    background: #fff;
}

body.visible-nav .wrapper {
    left: -320px;
}

body #main-nav {
    display: none;
}

body.visible-nav #main-nav {
    display: block;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}
/* IE7 */

@font-face {
    font-family: BrandonGrotesque-Medium;
    src: url(fonts/2E82E6_0_0.eot);
    src: url(fonts/2E82E6_0_0.eot?#iefix) format("embedded-opentype"),url(fonts/2E82E6_0_0.woff2) format("woff2"),url(fonts/2E82E6_0_0.woff) format("woff"),url(fonts/2E82E6_0_0.ttf) format("truetype");
}

@font-face {
    font-family: BrandonGrotesque-Regular;
    src: url(fonts/2E82E6_1_0.eot);
    src: url(fonts/2E82E6_1_0.eot?#iefix) format("embedded-opentype"),url(fonts/2E82E6_1_0.woff2) format("woff2"),url(fonts/2E82E6_1_0.woff) format("woff"),url(fonts/2E82E6_1_0.ttf) format("truetype");
}

@font-face {
    font-family: BrandonGrotesque-Light;
    src: url(fonts/2E82E6_2_0.eot);
    src: url(fonts/2E82E6_2_0.eot?#iefix) format("embedded-opentype"),url(fonts/2E82E6_2_0.woff2) format("woff2"),url(fonts/2E82E6_2_0.woff) format("woff"),url(fonts/2E82E6_2_0.ttf) format("truetype");
}

@font-face {
    font-family: BrandonGrotesque-Bold;
    src: url(fonts/2E82E6_3_0.eot);
    src: url(fonts/2E82E6_3_0.eot?#iefix) format("embedded-opentype"),url(fonts/2E82E6_3_0.woff2) format("woff2"),url(fonts/2E82E6_3_0.woff) format("woff"),url(fonts/2E82E6_3_0.ttf) format("truetype");
}

/*BigCommerce*/


/* Layout */

.inner:after {
    clear: both;
    content: "";
    display: table;
}

.TopMenu > .inner, #Header > .inner, .PageMenu > .inner, .main > .inner, .footer-main > .inner, .footer-links > .inner, .newsletter-subscription > .inner {
    margin: 0 auto;
}

/* Top Navigational Menu */

.TopMenu {
    font-size: 11px;
}

    .TopMenu .inner {
        padding: 10px 0 20px 0;
    }

    .TopMenu ul {
        padding: 0;
        margin: 0;
        text-align: right;
    }

    .TopMenu li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        white-space: nowrap;
        list-style: none;
        margin: 0;
        line-height: 20px;
        line-height: 52px;
        padding: 0 15px;
        font-size: 17px;
        font-family: BrandonGrotesque-Bold,Helvetica,sans-serif;
    }

        .TopMenu li .icon {
            margin-right: 5px;
        }

        .TopMenu li.First a {
            border-left: 0;
        }

        .TopMenu li.last {
            padding-right: 0;
            border-right: none;
        }

    .TopMenu .CartLink span {
        width: auto;
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

    .TopMenu a {
        padding: 0;
        margin: 0;
        position: relative;
    }

    .TopMenu li.last a {
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

        .TopMenu li.last a .icon {
            position: absolute;
            left: 0;
            top: -2px;
        }

/* Header wrapper */

.header {
    margin-bottom: 31px;
}

/* Header */

#Header {
    position: relative;
    margin-bottom: 10px;
}

/* Main Categories Menu */

#HeaderLower #SideCategoryList .SideCategoryListClassic li a {
    width: auto;
    margin: 15px 10px;
    padding: 0 0 0 0px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}

#HeaderLower #SideCategoryList .SideCategoryListClassic li:before {
    float: left;
    margin-top: 16px;
    content: "|";
}

#HeaderLower #SideCategoryList .SideCategoryListClassic ul:first-child {
    color: #fff;
}

/* Horizontal Category List (Default & Flyout) */

#SideCategoryList h2 {
    display: block;
}

/* Logo */
.header-logo {
    float: left;
}

#cookieNotification {
    margin-top: -20px;
    position: fixed;
    z-index: 99999;
    display: none;
    float: left;
    width: 100%;
    max-height: none !important;
    background: #8686ae !important;
    font-size: 16px;
    /*background: url(../images/cookie-sprite.png) repeat-x bottom;*/
}

    #cookieNotification .cookie-inner {
        max-width: 940px;
        min-height: 46px;
        margin: auto;
        width: 100%;
    }

    #cookieNotification .icon-info {
        float: left;
        width: 40px;
        height: 40px;
        background: url(../images/info.svg) no-repeat 0 8px;
        stroke-width: 0;
        stroke: #fff;
        fill: #fff;
    }

    #cookieNotification p {
        margin: 0 0 0 0;
        padding: 15px 10px 12px 10px;
        line-height: 1.2em;
        font-weight: normal;
        float: none;
        color: #fff;
    }

    #cookieNotification button {
        float: right;
        display: block;
        margin: 17px 0 0 0;
        width: 117px;
        height: 28px;
        cursor: pointer;
        text-indent: 1px;
        /*background: url(../images/cookie-sprite.png) no-repeat 0 -38px;*/
        border: none;
        font-size: 17px;
        font-family: BrandonGrotesque-Bold;
        height: 40px;
        display: inline-block;
        line-height: 4;
        color: #292929;
        background: #fff;
        /* border: 3px solid #fff; */
        -webkit-border-radius: 35px;
        -moz-border-radius: 35px;
        border-radius: 35px;
        padding: 0 30px;
        border-radius: 35px;
        padding: 0 30px;
        background-color: #fff;
        color: #fff;
        min-height: 28px;
        line-height: 3;
        font-size: 14px;
        background: #fff !important;
        color: #8686ae;
    }

@media screen and (max-width: 768px) {
    #cookieNotification p {
        font-weight: normal;
        line-height: 14px;
        font-size: 90%;
    }

    #cookieNotification .icon-info {
        display: none;
    }

    #cookieNotification button {
        margin-top: 0;
    }
}

/* Top Search Form */

#SearchForm {
    position: relative;
    float: right;
    width: 25%;
}

    #SearchForm form {
        padding: 0;
        margin: 0;
    }

    #SearchForm label {
        display: none;
    }

    #SearchForm input {
        border-right: 0;
        font-size: 13px;
        height: 35px;
        line-height: 35px;
        padding: 0 1em;
        margin: 0;
        float: left;
        width: 80%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #SearchForm input#search_query {
            border-width: 0 !important;
        }

    #SearchForm .Button {
        cursor: pointer;
        border: 0 !important;
        vertical-align: top;
        margin: 0;
        width: 20%;
        height: 35px;
        padding: 0;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        background: url(../images/searchIcon.png) 50% 50% no-repeat transparent;
        -moz-transition: background-color 150ms ease;
        -webkit-transition: background-color 150ms ease;
        -o-transition: background-color 150ms ease;
        transition: background-color 150ms ease;
    }

    #SearchForm p {
        display: none;
        font-size: 0.85em;
        margin: 5px 0 0 0;
    }


/* Select styling */

select {
    border-radius: none;
    margin: 0;
    padding: 9px;
}

    select.Field45 {
        width: auto;
    }

.no-sel {
    height: auto;
    line-height: inherit;
}

textarea {
    line-height: 18px;
    height: 100px;
    max-width: 100%;
}

input {
    padding: 0px;
}

p {
    line-height: 1.3;
    margin-bottom: 20px;
}

a {
    text-decoration: none;
    font-weight: inherit;
}

    a:hover {
        text-decoration: none;
    }

.page-content #LayoutColumn2 a.pname:hover {
    background-color: transparent;
}

strong, b {
    font-weight: bold;
}

.header-logo h1 {
    font-size: 46px;
    font-weight: 300;
    padding: 0;
    letter-spacing: 3px;
    line-height: 0.7em;
}

/* Buttons */

.btn {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    text-transform: uppercase;
    border: none;
    /*font-family: 'Lato', sans-serif;*/
    font-family: BrandonGrotesque-Bold !important;
    font-size: 18px;
    font-weight: normal;
    height: 35px;
    line-height: 38px;
    letter-spacing: 1px;
    padding: 0 1.2em;
    -webkit-border-radius: 0;
    border-radius: 0;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .btn:hover {
        background-color: #99d7b5;
    }

    .btn.alt {
        line-height: 34px;
    }

    .btn.text {
        background: none;
        outline: 0;
    }

div#CartContent {
    font-size: 17px;
    /*margin-bottom: 100px;*/
}

/* Headings */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin: 0;
    padding: 0;
}

h1, .h1 {
    font-size: 22px;
    padding: 0 0 20px 0;
}

h2, .h2 {
    font-size: 20px;
    padding: 0 0 20px 0;
}

h3, .h3 {
    font-size: 22px;
    padding: 0 0 20px 0;
    font-family: BrandonGrotesque-Bold;
}

h4, .h4 {
    font-size: 16px;
    font-weight: normal;
    padding: 0 0 20px 0;
    text-transform: none;
    font-family: BrandonGrotesque-Bold,Helvetica,sans-serif;
}

h5, .h5 {
    font-size: 14px;
    font-weight: 700;
    padding: 0 0 20px 0;
}

h6, .h6 {
    font-size: 14px;
    font-weight: 300;
    padding: 0 0 20px 0;
}

.BlockContent h4, .BlockContent .h4 {
    font-size: inherit;
}

.footer-main h4 {
    font-size: 14px;
    padding: 0 0 1em 0;
    line-height: 20px;
    text-transform: none;
    font-weight: bold;
}

.productPage .PriceRow.p-price {
    font-size: 30px;
}

.productPage .dateselector {
    display: inline;
}

.TitleHeading {
    font-size: 48px;
    margin-bottom: 30px;
}

    .TitleHeading.zero {
        margin-bottom: 0;
    }

.CategoryDescription img {
    max-width: 100%;
    height: auto;
    width: auto;
}

img,
img a {
    border: 0;
}

ul,
ol {
    margin: 0 0 10px 30px;
}

li {
    margin: 0;
    padding: 0;
}

blockquote {
    margin: 30px 0 30px 50px;
    font-family: serif;
    font-size: 20px;
    font-style: italic;
    line-height: 1.5em;
    border-left: solid 1px #e3e3e3;
    padding-left: 20px;
}

select option {
    padding: 0 10px;
    margin-right: 10px;
}

hr {
    margin: 20px 0;
    padding: 0;
    height: 1px;
    background: none;
    border-width: 1px 0 0 0;
}

/*Standardised Forms*/

fieldset {
    margin: 0 0 20px;
    border: 0;
}

/*Horizontal Forms*/

.horizontal-form input {
    margin-right: 1em !important;
}

.horizontal-form fieldset {
    margin-right: 20px;
    display: inline-block;
}

/* Forms */

.HorizontalFormContainer {
    max-width: 1000px;
}

    .HorizontalFormContainer dl,
    .VerticalFormContainer dl {
        margin: 0;
    }

        .HorizontalFormContainer dl:after,
        .VerticalFormContainer dl:after {
            content: "";
            display: table;
            clear: both;
        }

    .HorizontalFormContainer dt img {
        vertical-align: middle;
        float: left;
    }

    .HorizontalFormContainer dt .fieldLabel {
        float: left;
        padding-top: 4px;
        padding-left: 4px;
    }

    .HorizontalFormContainer dt {
        width: 170px;
        float: left;
        clear: left;
    }

    .HorizontalFormContainer dd.ProductField {
        height: 20px;
    }

    .HorizontalFormContainer dd {
        padding-top: 4px;
        margin-left: 180px;
    }

form .HorizontalFormContainer dd {
    float: left;
    width: 60%;
    max-width: 600px;
}

#uniform-FormField_11, #uniform-FormField_12 {
    width: 100%;
}

/* [sic] not a typo in WishListEditFrom (I didn't change the markup) */
/* THEME-316 */
#WishListEditFrom form .HorizontalFormContainer dd {
    float: none;
}

.NarrowFormContainer dt {
    width: 110px;
}

.NarrowFormContainer dd {
    margin-left: 120px;
}

.NarrowFormContainer p.Submit {
    margin-left: 120px;
}

.VerticalFormContainer dt {
    float: none;
    margin-bottom: 6px;
    width: auto !important;
}

.VerticalFormContainer dd {
    margin-bottom: 25px;
    margin-left: 0 !important;
}

/* override inline styles on zip code fields */

#FormField_13, #FormField_23 {
    width: 180px !important;
}

/* Page Containers */

#ContainerLower {
    clear: both;
    float: left;
    width: 100%;
    padding: 0 0 20px 0;
}

/* Outer Content Wrapper (Surrounds header & content) */
#Outer {
    clear: both;
}

.centerer {
    margin: 0 auto;
    text-align: center;
}

input.Textbox, textarea,
input[type="text"],
input[type="password"] {
    margin: 0;
    height: 35px;
    line-height: 35px;
    padding: 0 1em;
    background: #ffffff;
    font-size: 18px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

textarea {
    min-height: 100px;
    padding: 1em;
    line-height: 18px;
}

/* Left Content Area */

.Left {
    float: left;
    padding-right: 80px;
    width: 200px;
}

    .Left h3 {
        padding-top: 0;
    }

    .Left .BlockContent {
        margin: 0;
    }

.side-menu {
    font-family: BrandonGrotesque-Bold,Helvetica,sans-serif;
    font-size: 22px;
    text-transform: uppercase;
}

.Left ul {
    margin: 0 0 20px 0;
    padding: 0;
}


.Left #SideCategoryList .SideCategoryListFlyout > ul > li,
ul.side-menu > li {
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
}

.Left li {
    clear: both;
    list-style: none;
    margin: 0 0 5px 0;
    padding: 0;
}

.Left #SideCategoryList .sf-menu li li {
    padding-left: 10px;
}

.Left li li a {
    margin: 4px 0;
    font-size: 12px;
}

.Left .sf-menu li {
    float: none;
}

.Left #SideCategoryList {
    display: block;
}

    .Left #SideCategoryList .BlockContent,
    .Left .slist .BlockContent {
        padding: 0 20px 0 0;
        overflow: hidden;
    }

    .Left #SideCategoryList li a,
    .Left .slist li a,
    .Left .afterSideShopByBrand a,
    .Left #GiftCertificatesMenu li a,
    .Left #SideAccountMenu li a {
        padding: 0;
    }

    .Left #SideCategoryList li li a,
    .Left .slist li li a {
        font-weight: normal;
        font-size: 12px;
    }

.side-menu li a {
    font-size: 16px;
}

/* Primary Content Area */
.Content {
    overflow: hidden;
    padding: 0 0 20px 0;
    min-height: 200px;
}

    .Content .Block {
        clear: both;
    }

.Block {
    margin-top: 0;
    margin-bottom: 0px;
}

/* Primary Content Area (column span of 2) */
.Content.Wide {
    padding: 0;
}

/* Primary Content Area (column span of 3 - spans entire page width) */
.Content.Widest {
    padding: 0;
    border: none;
    margin-bottom: 50px;
}

/* Right Content Area */
.Right {
    float: right;
    width: 190px;
}

    .Right .Block {
        padding: 0 0 10px 0;
    }

    .Right .BlockContent {
        margin: 0 10px 0 10px;
    }

    .Right ul {
        margin: 0;
        padding: 0;
    }

    .Right li {
        clear: both;
        list-style: none;
        margin: 0;
        padding: 5px 0 7px 0;
    }

/* Top Banner styles */

.Block.banner_home_page_top,
.Block.banner_category_page_top,
.Block.banner_brand_page_top,
.Block.banner_search_page_top {
    position: relative;
    z-index: 0;
}

    .Block.banner_home_page_top *,
    .Block.banner_category_page_top *,
    .Block.banner_brand_page_top *,
    .Block.banner_search_page_top * {
        padding: 0;
        margin: 0;
    }

/* Bottom Banner styles */

.Block.banner_home_page_bottom,
.Block.banner_category_page_bottom,
.Block.banner_brand_page_bottom,
.Block.banner_search_page_bottom {
    position: relative;
    left: 0;
    margin-bottom: 0;
}

    .Block.banner_home_page_bottom div,
    .Block.banner_category_page_bottom div,
    .Block.banner_brand_page_bottom div,
    .Block.banner_search_page_bottom div {
        float: left;
        width: 320px;
        position: relative;
    }

    .Block.banner_home_page_bottom div,
    .Block.banner_category_page_bottom div,
    .Block.banner_brand_page_bottom div,
    .Block.banner_search_page_bottom div {
        margin-left: 10px;
    }

        .Block.banner_home_page_bottom div:first-child,
        .Block.banner_category_page_bottom div:first-child,
        .Block.banner_brand_page_bottom div:first-child,
        .Block.banner_search_page_bottom div:first-child {
            margin-left: 0;
        }

        .Block.banner_home_page_bottom div .text,
        .Block.banner_category_page_bottom div .text,
        .Block.banner_brand_page_bottom div .text,
        .Block.banner_search_page_bottom div .text {
            position: absolute;
            top: 35px;
            left: 15px;
            width: 200px;
            z-index: 99;
        }

            .Block.banner_home_page_bottom div .text h2,
            .Block.banner_category_page_bottom div .text h2,
            .Block.banner_brand_page_bottom div .text h2,
            .Block.banner_search_page_bottom div .text h2 {
                font-size: 2.7em;
                line-height: 1em;
                margin-bottom: 12px;
            }

            .Block.banner_home_page_bottom div .text h3,
            .Block.banner_category_page_bottom div .text h3,
            .Block.banner_brand_page_bottom div .text h3,
            .Block.banner_search_page_bottom div .text h3 {
                font-size: 1.6em;
                line-height: 1em;
                margin-bottom: 10px;
            }

            .Block.banner_home_page_bottom div .text p,
            .Block.banner_category_page_bottom div .text p,
            .Block.banner_brand_page_bottom div .text p,
            .Block.banner_search_page_bottom div .text p {
                margin-bottom: 10px;
            }

.image-container-centered {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    float: none !important;
}

.category-featured .image-container-centered {
    width: 320px;
    height: 264px;
}

    .category-featured .image-container-centered img {
        max-width: 320px;
        max-height: 264px;
    }

.category-featured h3 {
    text-transform: uppercase;
}

/* Contains links lists & newsletter */

.footer-columns li ul,
.footer-columns li:hover ul {
    display: none !important;
}

.footer-columns .RecentNews li p {
    margin: 5px 0;
}

/* Newsletter Subscription Form */

.newsletter-subscription {
}

    .newsletter-subscription h4 {
        padding: 0;
        line-height: 35px;
    }

    .newsletter-subscription .inner {
        padding: 20px 0;
    }

    .newsletter-subscription label {
        display: none;
    }

    .newsletter-subscription input {
        width: 100%;
    }

/* News Lists */

#HomeRecentBlogs ul {
    padding-left: 0;
    margin-left: 0;
}

#HomeRecentBlogs li {
    list-style: none;
    padding: 5px 0 5px 10px;
    margin: 0;
}

#LowerRight .FeedLink {
    float: left;
    margin: 6px 4px 0 0;
}

/* Product Listings */

.ProductList {
    margin: 0 0 0 -20px;
    font-size: 0;
    padding: 0;
    overflow: hidden;
}

    .ProductList li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        padding: 20px 0 20px 20px;
        list-style: none;
        height: auto !important;
        margin: 0;
        font-size: 14px;
        overflow: hidden;
        width: 25%;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .ProductList li .ProductCompareButton {
            font-size: 11px;
            margin: 10px 0;
            text-transform: uppercase;
            text-align: center;
        }

    .ProductList.List .ProductActionAdd {
        text-align: left;
    }

    .ProductList .ProductPriceRating {
        padding-bottom: 5px;
        text-align: center;
    }

    .ProductList .ProductActionAdd {
        text-align: center;
    }

    .ProductList .ProductImage,
    .brand-img,
    #ProductDetails .ProductThumbImage {
        overflow: hidden;
        text-align: center;
        display: table;
        table-layout: fixed;
        width: 100%;
        position: relative;
    }

        .ProductList .ProductImage a,
        .ProductThumbImage a {
            display: table-cell;
            width: 100%;
            vertical-align: bottom;
            line-height: 0;
        }

        .ProductList .ProductImage img,
        #ProductDetails .ProductThumbImage img {
            max-height: 100%;
            max-width: 100%;
            line-height: 1.5em; /* If the image takes a while to load or doesn't load at all the alt text will display. This spaces this text. */
        }

    .ProductList .ProductDetails {
        padding: 10px 10px 0 0;
        word-wrap: break-word;
        min-height: auto !important;
    }

    .ProductList em {
        display: block;
        padding-bottom: 5px;
        font-style: normal;
        text-align: center;
    }

    .ProductList .Rating {
        display: block;
        text-align: center;
    }

    .ProductList .pname {
        display: block;
        padding-bottom: 5px;
        line-height: 18px;
        text-align: center;
        font-family: BrandonGrotesque-Bold,sans-serif;
        color: #333333;
    }

    .ProductList .p-name {
        font-size: 14px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

#SimilarMultiProductsByCustomerViews .ProductList li {
    width: 20%;
}

/* Product Listings - Horizontal */

.List.ProductList li .ProductPriceRating {
    padding: 8px 10% 0 0;
    width: auto;
    margin: 0;
}

.List.ProductList li .ProductCompareButton {
    width: auto;
    clear: none;
    padding: 0 20px 0 0;
    margin: 5px 0 0 0;
}

.List.ProductList li .ProductCompareButton {
    padding-top: 7px;
}

.ProductList.List {
    margin: 0;
}

    .ProductList.List li {
        display: block;
        margin-bottom: 0;
        padding: 0;
        position: relative;
        width: auto;
    }

    .ProductList.List .ProductImage {
        float: left;
        width: 190px;
    }

    .ProductList.List .ProductDetails {
        padding: 20px;
        overflow: hidden;
    }

    .ProductList.List .QuickViewBtn {
        text-align: center;
        width: 170px;
        border-radius: 20px;
    }

    .ProductList.List .ProductQty {
        margin-left: 10px;
    }

    .ProductList.List .ProductDescription {
        font-style: normal;
        margin-top: 5px;
    }

.ProductList .ProductRightCol {
    float: right;
}

.ProductList.List li .ProductCompareButton {
    text-align: left;
    margin-top: 10px;
}

/* Add to cart popup __master overrides */

.fastCartContent {
    min-height: 0;
    width: auto;
}

#fastCartContainer .ProductList .ProductImage {
    height: auto; /* Have to keep to override master */
    width: 100%; /* Have to keep to override master */
}

.SubBrandListGrid .RowDivider {
    display: none !important;
}

.brand-img {
    float: left;
    width: 100%;
    padding: 5px 0;
    text-align: center;
}

    .brand-img img {
        width: auto;
    }

.Left .ProductList li,
.Right .ProductList li {
    margin-bottom: 10px;
}

.Left .ProductList .ProductImage, .Right .ProductList .ProductImage {
    display: none;
}

/* Top Seller Block Specific */

.Right .TopSellers, .Left .TopSellers {
    clear: both;
    padding: 0 0 10px 0;
}

    .Right .TopSellers ul, .Left .TopSellers ul {
        margin: 0;
        padding: 0;
    }

    .Right .TopSellers li, .Left .TopSellers li {
        clear: both;
        margin: 0 0 5px 0;
    }

        .Right .TopSellers li .TopSellerNumber, .Left .TopSellers li .TopSellerNumber { /* Contains the number of the item */
            float: left;
            width: 22px;
            font-size: 1.3em;
            text-align: center;
            padding: 1px 0 2px 0;
        }

    /* Contains the details of the item */
    .Right .TopSellers .ProductDetails, .Left .TopSellers .ProductDetails {
        margin: 0;
        margin-left: 28px;
    }

    .Right .TopSellers li.TopSeller1 img, .Left .TopSellers li.TopSeller1 img {
        display: none;
    }

    .Right .TopSellers li.TopSeller1 .ProductImage,
    .Left .TopSellers li.TopSeller1 .ProductImage {
        display: none;
    }

.Content .TopSellers li.TopSeller1 .TopSellerNumber,
.Content .TopSellers li .TopSellerNumber {
    display: none;
}

/* Page Breadcrumbs */

.Breadcrumb {
    padding-top: 20px;
}

    .Breadcrumb ul {
        list-style-type: none;
        margin: 0 0 20px 0;
        overflow: hidden;
        width: 100%;
    }

    .Breadcrumb li {
        list-style-type: none;
        font-size: 14px;
        font-weight: 300;
        padding: 0 8px 0 0;
        display: block;
        float: left;
        background: none;
    }

        .Breadcrumb li a {
            padding-right: 10px;
            background: url(../images/icon_bullet_breadcrumb.png) no-repeat 100% 50%;
            display: inline-block;
            font-weight: bold;
        }

.top-title {
    position: relative;
}

    .top-title h2 {
        margin: 0;
    }

.productlist-page .top-title {
    margin-bottom: 0;
}

/* Helpers */

.hide-visually {
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
}

.cf:after {
    content: "";
    display: table;
    clear: both;
}

/* It is added because the app is generating the class 'ClearLeft'*/

.ClearLeft {
    clear: left;
}

/* Miscellaneous Definitions */

.Left .FeedLink,
.Right .FeedLink {
    float: left;
    margin: 0 7px 0 0;
}

.Content .FeedLink {
    display: none;
}

.SortBox {
    font-size: 0.95em;
    color: @primary-color;
    padding: 12px 5px 0 0;
}

    .SortBox label {
        text-transform: uppercase;
    }

.CompareButton {
    text-align: right;
    margin-bottom: 20px;
}

.Required {
    color: red;
}

.ShippingAddressList,
.ShippingAddressList li {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .ShippingAddressList li {
        width: 30%;
        float: left;
        margin-right: 10px;
        margin-bottom: 20px;
    }

#ProductDetails h1 {
    padding: 0;
    word-wrap: break-word;
}

.PrimaryProductDetails .BrandName {
    padding: 0;
    margin-bottom: 10px;
}

.PrimaryProductDetails .ProductThumb {
    width: auto !important;
    height: auto !important;
    margin-bottom: 20px;
    text-align: center;
}

    .PrimaryProductDetails .ProductThumb .ProductThumbImage .zoomPad {
        float: none;
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

.PrimaryProductDetails .ProductMain {
    overflow: hidden;
    padding: 0 20px 20px 20px;
    float: right;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.PrimaryProductDetails .ProductThumb p a {
    font-weight: bold;
}

.ProductDescription, .ProductReviews, .ProductsByCategory, .ProductOtherDetails {
    margin-top: 10px;
    font-family: BrandonGrotesque-Regular;
}

.PrimaryProductDetails dl {
    font-size: 0.90em;
}

.PrimaryProductDetails dt {
    font-weight: bold;
    width: 80px;
    clear: left;
}

.PrimaryProductDetails dd {
    margin-left: 90px;
}

dd a, .CheckoutHideOrderTermsAndConditions a {
    color: #000;
    border-bottom: 1px solid #000;
    font-size: 18px;
    font-size: 17px;
    font-weight: 100;
}

    dd a:hover, .CheckoutHideOrderTermsAndConditions a:hover {
        border-bottom: 0px;
    }

.Right hr {
    margin: 5px 0 0;
}

.ComparisonCheckbox {
    float: left;
}

.SideRecentlyViewed .ProductList li {
    margin-left: 0;
}

.SideRecentlyViewed .ProductDetails {
    margin-left: 20px;
}

/* Product Comparisons */

.ComparisonTable {
    table-layout: fixed;
    width: 100%;
}

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

    .ComparisonTable td {
        font-size: 14px;
        padding: 10px;
        vertical-align: center;
    }

.CompareFieldName {
    width: 95px;
    padding: 8px 10px 8px 15px;
}

.CompareFieldTop {
    padding: 5px;
    text-align: center;
}

    .CompareFieldTop a {
        font-size: 14px;
    }

.CompareLeft {
    padding: 5px 10px 5px 10px;
}

.CompareCenter {
    padding: 5px;
}

.CompareRating {
    text-align: center;
    padding-top: 8px;
    vertical-align: middle;
}

.CompareProductOption {
    margin-left: 20px;
    padding-left: 5px;
}

.Availability {
    color: gray;
}

.LittleNote {
    color: gray;
    font-size: 0.85em;
}

.ViewCartLink {
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* General Tables */

table.General,
table.CartContents,
table.General {
    margin: 20px 0;
    width: 100%;
}

    table.General thead tr th,
    table.CartContents thead tr th {
        padding: 6px 10px;
        text-align: left;
    }

    table.General tbody td,
    table.CartContents tbody td {
        vertical-align: middle;
    }

    table.General tbody tr.First td {
        border-top: 0;
        text-align: left;
    }

/* Cart Contents Table */

.CartContents tbody td {
    border-bottom: 0;
}

.CartContents .ProductName a {
    font-weight: 700;
    color: #292929;
    font-size: 22px;
}

tr {
    /*height: 90px;*/
    border-bottom: 1px solid #dedede;
    color: #292929;
}

.CartContents thead {
    background: #ededed;
}

.CartContents tbody tr td {
    padding: 20px;
}

.CartContents tfoot .SubTotal td {
    font-weight: bold;
}

.CartContents tfoot .CheckoutRedeemCoupon {
    background: none;
    border: none;
}

    .CartContents tfoot .CheckoutRedeemCoupon td {
    }

.CartContents tfoot .SubTotal td div {
    font-size: 22px;
}

    .CartContents tfoot .SubTotal td div .EstimateShipping input.Textbox, .CartContents tfoot .SubTotal td div .EstimateShipping textarea, .CartContents tfoot .SubTotal td div .EstimateShipping input[type="text"], .CartContents tfoot .SubTotal td div .EstimateShipping input[type="password"], .CartContents tfoot .SubTotal td div .EstimateShipping div.selector {
        max-width: 100%;
    }

    .CartContents tfoot .SubTotal td div .EstimateShipping input[type=email], .CartContents tfoot .SubTotal td div .EstimateShipping input[type=text], .CartContents tfoot .SubTotal td div .EstimateShipping select, .CartContents tfoot .SubTotal td div .EstimateShipping textarea {
        max-width: 100%;
    }

.CartExpectedReleaseDate {
    font-size: inherit;
}

.ProductOptionList,
.ProductOptionList li {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .ProductOptionList li {
        margin-bottom: 3px;
        margin-left: 2px;
    }

.MiniCart h3 {
    font-size: 1.3em;
}

.MiniCart .SubTotal {
    text-align: center;
    font-size: 1.1em;
}

.JustAddedProduct {
    width: 128px;
    overflow: hidden;
    margin: auto;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
}

    .JustAddedProduct strong,
    .JustAddedProduct a {
        font-size: 1em;
        font-weight: normal;
        display: block;
        margin-bottom: 3px;
    }

    .JustAddedProduct .ProductDetails {
        font-size: 1.2em;
        padding-bottom: 10px;
    }

.CategoryPagination .PagingList,
.CategoryPagination .PagingList li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.CategoryPagination {
    float: left;
    text-align: center;
}

    .CategoryPagination .PagingList li {
        display: inline;
    }

/* Quick Search */
.QuickSearch {
    background-color: #fff;
    margin: 0;
    min-width: 400px;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    z-index: 9999;
}

.RatingIMG {
    display: none;
}

.QuickSearchTitle td, .QuickSearchAllResults td {
    font-weight: bold;
    padding: 4px;
    font-size: 12px;
}

.QuickSearchResult td {
    font-size: 12px;
    padding: 0 10px;
    cursor: pointer;
}

.QuickSearchResultImage {
    margin-left: 4px;
    margin-right: 10px;
    text-align: center;
    background: #fff !important;
}

.QuickSearchResultNoImage {
    padding-top: 10px;
    color: #777;
}

.QuickSearchResultName {
    display: block;
    padding-bottom: 5px;
}

.QuickSearchResult .Price {
    font-weight: bold;
    font-size: 12px;
    padding-right: 5px;
}

.QuickSearchHover {
    background: #D6D6D6;
}

.QuickSearchAllResults {
    text-indent: 0;
    padding: 0;
    line-height: 20px;
}

.QuickSearch .QuickSearchAllResults a,
.QuickSearch .QuickSearchAllResults a:hover {
    height: 30px;
    line-height: 30px;
    display: inline-block;
}

.QuickSearchAllResults a:active,
.QuickSearchAllResults a {
    outline: none;
    -moz-outline-style: none;
}

/* Brand Tag Clouds */
.BrandCloud .smallest {
    font-size: 12px;
}

.BrandCloud .small {
    font-size: 15px;
}

.BrandCloud .medium {
    font-size: 18px;
}

.BrandCloud .large {
    font-size: 20px;
}

.BrandCloud .largest {
    font-size: 26px;
}

.BrandCloud a {
    padding-right: 5px;
}

.DownloadExpires {
    padding-top: 3px;
    font-style: italic;
    color: gray;
}

.DownloadExpiresToday {
    color: red;
}

.CheckoutRedeemCoupon h4 {
    margin-top: 0;
}

.CheckoutRedeemCoupon p {
    margin-top: 10px;
    margin-bottom: 0;
}

.BillingDetails {
    float: left;
    width: 48%;
    margin-right: 10px;
    margin-bottom: 15px;
}

.ShippingDetails {
    float: left;
    width: 48%;
    margin-bottom: 15px;
}

.ProductDetailsGrid .DetailRow.product-heading {
    margin-bottom: 5px;
}

.ProductDetailsGrid dt {
    width: 140px;
    margin-bottom: 6px;
    float: left;
    font-weight: bold;
}

.ProductDetailsGrid dd {
    margin-left: 140px;
    margin-bottom: 6px;
}

.SubCategoryList {
    margin-bottom: 20px;
}

    .SubCategoryList ul,
    .SubCategoryList li {
        margin-left: 0;
    }

    /*# MOBILE SUBCAT MENU #*/
    .SubCategoryList.mobile {
        color: #999;
        display: none;
    }

        .SubCategoryList.mobile * {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .SubCategoryList.mobile .selector {
            height: auto;
            width: 100%;
        }

        .SubCategoryList.mobile span {
            height: auto;
        }

.SearchTips .Examples {
    padding: 8px;
    color: #555;
    margin-left: 30px;
    margin-bottom: 10px;
}

.ProductDetails .ProductThumb p {
    margin-top: 10px;
    font-size: 0.9em;
}

.ProductReviewList {
    clear: both;
}

    .ProductReviewList li {
        margin-bottom: 20px;
    }

        .ProductReviewList li:last-child {
            border: 0;
        }

.ReviewTitle img {
    margin-left: 10px;
}

.SoldOut {
    color: #999;
}

.AddToWishlistLink {
    position: relative;
    margin: 0;
}

    .AddToWishlistLink .wishlist-button {
        position: absolute;
        top: -70px;
        left: 165px;
        font-weight: bold;
        cursor: pointer;
        color: @primary-color;
        background: #fff;
        border: 0;
    }

/* sizing and positioning of the inside part of a swatch */

.productOptionPickListSwatch .thumbnail,
.productOptionPickListSwatch .swatchColour {
    display: inline-block;
    width: 30px !important;
    height: 30px !important;
}

.productOptionPickListSwatch ul {
    margin-bottom: 20px;
}

.productOptionPickListSwatch li .validation {
    top: 5px;
    left: 5px;
}

.productOptionPickListSwatch .textureContainer,
.productOptionPickListSwatch .swatchColours {
    display: inline-block !important;
    margin: 0 !important;
    padding: 2px !important;
}

.productAttributeValue {
    clear: both;
}

.ShippingProviderList li {
    list-style: none;
    margin: 0 0 10px 0;
}

.PayPalExpressCheckout p,
.AlternativeCheckout p {
    margin: 0;
    float: none !important;
}

/** Top Right Locale Chooser (list of flags) **/

.TopMenu li.Flag div {
    border: 0;
}

.TopMenu li.Flag img {
    margin: 3px;
}

    .TopMenu li.Flag img.Last {
        margin-right: 0px;
    }

    .TopMenu li.Flag img.Selected {
        margin: 1px 3px;
    }

/** Currency Selector **/

.CurrencyList dl {
    margin: 0;
    padding: 0;
}

.CurrencyList dd {
    margin: 0px;
    background-color: #F9F9F9;
    clear: both;
}

.CurrencyList a {
    display: block;
    padding: 5px 10px;
    font-size: 11px;
}

    .selected-currency .Flag,
    .CurrencyList a .Flag {
        float: left;
        margin-top: 1px;
    }

    .CurrencyList a .Text {
        display: block;
        padding-left: 16px;
    }

.currency-converter {
    cursor: pointer;
    position: relative;
    text-align: left;
    z-index: 60;
}

    .currency-converter:hover .CurrencyChooser {
        display: block;
    }

    .currency-converter p {
        color: #b3b3b3;
        font-size: 11px;
        margin: 0;
    }

        .currency-converter p img {
            margin-left: 5px;
            position: relative;
            top: 1px;
        }

.CurrencyChooser {
    display: none;
    position: absolute;
    float: left;
    right: 0;
    top: 100%;
    padding: 15px;
    background: #ffffff;
    min-width: 150px;
}

    .CurrencyChooser h2 {
        font-size: 13px;
        font-weight: normal;
        padding: 0 0 10px 0;
    }

    .CurrencyChooser a span {
        font-size: 11px;
        line-height: 22px;
    }

.CurrencyList a .Text {
    padding-left: 27px;
}

.selected-currency {
    cursor: pointer;
    padding: 10px 20px 10px 9px !important;
    background: url(../images/icon_arrow_down.png) no-repeat 95% center;
}

.TopMenu .selected-currency {
    display: none;
}

.selected-currency span {
    font-size: 11px;
}

.CurrencyChooser .BlockContent {
    position: relative;
    margin-top: -1px;
}

    .CurrencyChooser .BlockContent .CurrencyList {
        display: block;
    }

.PrimaryProductDetails .YouSave {
    font-weight: bold;
    margin-top: 3px;
    display: block;
}

/* Shipping Estimation on Cart Contents Page */

.EstimateShipping {
    padding: 20px 0px !important;
}

    .EstimateShipping dl {
        text-align: right;
    }

    .EstimateShipping dt {
        width: 100px;
        float: left;
        margin-bottom: 8px;
        clear: left;
        text-align: left;
    }

    .EstimateShipping dd {
        margin-bottom: 8px;
        font-weight: normal;
        margin-left: 114px;
        text-align: right;
    }

    .EstimateShipping p.Submit {
        margin: 20px 0 0 0;
    }

    .EstimateShipping label {
        display: block;
        margin-bottom: 5px;
    }

.EstimatedShippingMethods {
    clear: both;
    padding: 20px 0 0 0 !important;
    text-align: left;
}

    .EstimatedShippingMethods table {
        margin: 0 !important;
    }

.ShippingMethodList {
    padding: 0 !important;
}

.EstimatedShippingMethods table {
    width: 100%;
    border-collapse: collapse;
}

.EstimatedShippingMethods .Submit {
    text-align: right;
}

.CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td {
    text-align: left;
}

    .CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td.Price {
        text-align: right;
    }

.SharePublicWishList {
    padding: 5px;
}

/* Express Checkout */
.ExpressCheckoutBlock .ExpressCheckoutTitle {
    background-color: #fff;
    position: relative;
    margin: 0 0 20px 0;
    padding: 20px 20px 16px 20px;
    cursor: auto;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;
    border-radius: 8px;
}

.ExpressCheckoutBlock h3 a {
    font-size: 12px;
}

.ExpressCheckoutBlock .ExpressCheckoutCompletedContent {
    display: none;
}

.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
    display: inline;
    font-size: inherit;
    font-weight: normal;
    font-style: normal;
    top: 0;
    padding: 22px;
    white-space: nowrap;
    text-transform: none;
    color: #bebebe;
}

.ExpressCheckoutBlockCollapsed .ExpressCheckoutContent {
    display: none;
}

a.ChangeLink {
    position: absolute;
    right: 15px;
}

.ExpressCheckoutBlock a.ChangeLink {
    display: none;
}

.ExpressCheckoutBlockCompleted a.ChangeLink {
    display: inline;
    top: auto;
    right: 20px;
}

.ExpressCheckoutCompletedContent {
    position: absolute;
    left: 350px;
}

.LoadingIndicator {
    margin-left: 10px;
}

    .LoadingIndicator img {
        vertical-align: middle;
        margin-right: 10px;
    }

.HeaderLiveChat img {
    vertical-align: middle;
}

.SubCategoryListGrid {
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 20px;
}

    .SubCategoryListGrid ul,
    .SubCategoryListGrid li {
        list-style: none;
        margin: 0;
    }

    .SubCategoryListGrid .sub-cat-name {
        display: block;
    }

    .SubCategoryListGrid > ul li {
        display: inline-block;
        margin: 0 20px 20px 0;
        vertical-align: bottom;
        text-align: center;
        width: 150px;
    }

        .SubCategoryListGrid > ul li img {
            max-width: 100%;
        }

    .SubCategoryListGrid ol {
        clear: both;
    }

.SubBrandList ul,
.SubBrandList li {
    list-style: none;
    margin-left: 0;
}

.SubBrandList li {
    margin-bottom: 4px;
    padding-left: 25px;
    background: url('../images/SubBrand.gif') no-repeat 3px 50%;
}

.SubBrandListGrid ul,
.SubBrandListGrid li {
    list-style: none;
    margin-left: 0;
}

.SubBrandListGrid li {
    margin-bottom: 0;
    width: 33.333%;
    background: #fff;
    float: left;
    text-align: center;
}

.SubBrandListGrid .brand-img,
.SubBrandListGrid .brand-name {
    float: none;
    display: block;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.SubBrandListGrid ol {
    clear: both;
}

.ProductAddToCart dt {
    float: left;
    font-weight: bold;
    width: 140px;
    margin-bottom: 4px;
}

.ProductAddToCart dd {
    margin-left: 140px;
    margin-bottom: 4px;
}

.ProductAddToCart.cannot-purchase .add-to-cart {
    display: none;
}

.ProductAddToCart dt div.Required,
#CartEditProductFieldsForm dt div.Required {
    width: 8px;
}

.ProductAddToCart textarea,
#CartEditProductFieldsForm textarea {
    width: 183px;
    height: 50px;
}

.CartContents .CartProductFieldsLink {
    font-size: 11px;
    color: #666;
    margin-top: 6px;
    padding-left: 22px;
    background: url('../images/GiftWrappingAvailable.png') no-repeat;
    padding-bottom: 4px;
}

.ProductFields dd {
    margin-bottom: 4px;
}

.ProductFields {
    margin-bottom: 15px;
}

    .ProductFields input.Textbox {
        width: 100%;
    }

    .ProductFields TextArea {
        width: 100%;
    }

.CartContents .CartProductFieldsRow {
    border-top: 0;
}

    .CartContents .CartProductFieldsRow dl {
        margin-top: 15px;
    }

p.QuantityInput,
p.AddCartButton {
    text-align: center;
}

.ProductAddToCart dt.QuantityInput {
    margin-top: 4px;
}

.ProductAddToCart dd.AddCartButton span {
    margin-top: 4px;
    padding-right: 5px;
}

.TagList {
    margin-top: 20px;
}

.CartThumb {
    text-align: center;
    width: 1px;
}

.WrappingOptions {
    font-size: 11px;
    color: #666;
    margin-top: 6px;
    padding-left: 22px;
    background: url('../images/GiftWrappingAvailable.png') no-repeat;
    padding-bottom: 4px;
    line-height: 1.6;
}

.ViewAllLink a {
    padding-top: 10px;
    display: block;
}

.SelectGiftWrapMultiple {
    /*max-height: 400px;*/
}

/* Tabbed Navigation */

.TabNav,
.TabNav li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.TabNav {
    font-size: 12px;
    padding: 0 20px;
    margin-bottom: 20px;
}

    .TabNav li {
        margin-bottom: -1px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

        .TabNav li a {
            display: block;
            line-height: 41px;
            padding: 0 16px;
            height: 41px;
            font-weight: 600;
            font-size: 14px;
            background: #f9f9f9;
            margin: 0 4px;
            color: #a1a1a1;
        }

        .TabNav li.Active a {
            background: #fff;
            border-bottom: 1px solid #fff;
        }

.ProductAddToCart dd.AddCartButton div.BulkDiscount {
    display: inline-block;
    float: left;
}

.ProductAddToCart .BulkDiscount {
    clear: both;
}

    .ProductAddToCart .BulkDiscount input {
        margin-right: 10px;
    }

.TransitTime {
    font-weight: normal;
    color: gray;
}

.ContentList {
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
    list-style-image: none;
}

    .ContentList li {
        list-style-type: none;
        margin: 0 0 10px 0;
        padding: 10px 0;
        border-top: 0;
    }

.OrderItemMessage {
    padding: 7px;
    margin: 10px 0px 10px 0px;
}

/* Custom Fields - Start */

.LittleNotePassword {
    color: gray;
    font-size: 0.85em;
    font-weight: normal;
    padding: 0px;
}

.RequiredClear {
    visibility: hidden;
}

/* Custom Fields - End */

/* Product Details Price */

.ProductOptionList ul,
.ProductOptionList li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ProductOptionList li {
    margin-bottom: 3px;
}

.ProductOptionList input {
    vertical-align: middle;
}

/** Search All Form Result - Start **/

.SearchPaging {
    float: right;
    font-size: 0.95em;
}

.SearchSorting {
    float: right;
    font-size: 0.95em;
    margin: 8px 0px;
}

#SearchResultsCategoryAndBrand {
    margin: 20px 0;
}

.ContentList em,
.QuickSearchResultMeta em {
    font-size: 0.8em;
}

/** Search All Form Result - End **/

/** AJAX loading box - Start **/

#AjaxLoading {
    background-color: rgba(0,0,0,.5);
    color: #fff;
    padding: 10px 20px;
    display: none;
    position: fixed;
    text-align: center;
    z-index: 10000000000;
    line-height: 32px;
    left: 0;
    right: 0;
}

    #AjaxLoading img {
        vertical-align: bottom;
        margin-right: 5px;
        margin: 10px auto;
    }

/** AJAX loading box - End **/

/** Product image gallery **/

#ProductDetails #ImageScrollPrev,
#ProductDetails #ImageScrollNext {
    float: left;
    background: none;
    border: none;
    margin-top: 16px;
    cursor: pointer;
    display: none;
}

.ProductTinyImageList img:hover {
    cursor: pointer;
}

.ProductTinyImageList ul li div {
    display: table-cell;
    text-align: center;
    border: none 0 !important;
}

#ProductDetails .ProductTinyImageList ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

.carousel {
    position: relative;
    visibility: hidden;
    left: -5000px;
    width: 180px;
}

/***** Product Attribute List *****/

/* set up the row for css table-like alignment */

#QuickViewProductDetails .required,
#QuickViewProductDetails .Required,
.ProductMain .Required,
.required {
    color: #be0303 !important;
    display: block;
    left: -12px;
    position: absolute;
    top: 0;
    font-weight: bold;
}

.ProductMain table.ExpectedReleaseDate {
    margin-top: 0;
}

/* position the label in the left-padding area of the row */

.productAttributeList .productAttributeLabel {
    margin: 0 !important;
    float: none !important;
    width: auto !important;
    padding-top: 0 !important;
}

    .productAttributeList .productAttributeLabel label {
        display: block;
        margin-bottom: 10px !important;
        position: relative;
    }

/* Below is required to overwrite __Master defaults */
.productAttributeList .productAttributeRow, .productAttributeRow {
    padding-left: 0 !important;
    margin: 0 0 10px 0 !important;
    clear: both;
}

.productAttributeList li {
    margin-bottom: 10px;
}

.productAttributeList ul.list-horizontal {
    margin: 0;
}

.productOptionViewProductPickListWithImage {
    border-color: #ddd !important;
    margin-bottom: 20px;
}

    .productOptionViewProductPickListWithImage .scrollContainer {
        max-height: 250px !important;
    }

    .productOptionViewProductPickListWithImage td {
        padding: 10px 5px !important;
        vertical-align: middle !important;
    }

.productOptionViewRectangle .option label {
    background-color: #fff;
    padding: 10px !important;
    min-width: 30px;
    text-align: center;
}

#tabcontent {
    border-radius: 0;
}

    #tabcontent .photo {
        margin-right: 20px;
        float: left;
        width: 200px;
    }

        #tabcontent .photo img {
            height: auto;
            max-height: 100%;
            max-width: 100%;
        }

    #tabcontent #url {
        margin-bottom: 20px;
    }

ul.tabs li {
    border-radius: 0;
}

/* Product Videos */

.previewImageContainer {
    height: 30px;
    width: 50px;
}

.videoRow img {
    float: left;
    padding-right: 5px;
}

.videoRowTitle {
    font-weight: bold;
}

.videoRowDescription {
    max-height: 50px;
    overflow: hidden;
}

.VideoOverlay {
    background-image: url('../images/VideoOverlay.png');
    background-position: center center;
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0;
}

.VideoContentContainer {
    position: relative;
    margin-left: 3px;
    padding-left: 92px;
}

/** If you change the width of the .VideoPreviewSize class below, change the padding-left of the .VideoContentContainer class above **/

.VideoPreviewSize {
    width: 92px;
    height: 69px;
}

.videoRowLength {
    padding-left: 4px;
}

.videoRow,
.videoRowTitle,
.videoRow img,
.videoRowLength {
    cursor: pointer;
}

#VideoList ul {
    position: relative;
    overflow-y: auto;
    padding: 0;
    margin: 0;
    width: 240px;
    height: 265px;
}

.VideoSingleTitle {
    font-weight: bold;
}

.VideoSingleDescription {
    margin-bottom: 20px;
}

.Left #VideoMiddleContainer,
.Right #VideoMiddleContainer {
    display: none;
}

.Content #VideoSideContainer {
    display: none;
}

#VideoSideContainer ul {
    text-align: center;
}

    #VideoSideContainer ul li {
        margin-bottom: 5px;
    }

.VideoSideDescription {
    padding: 2px 10px;
}

.VideoImageContainer {
    position: relative;
    float: left;
}


.ToggleSearchFormLink {
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.Panel#ProductTabs {
    padding-top: 0px;
}

.PinterestButtonContainer {
    margin: 10px 0;
    text-align: center;
}

/* Accordion for product page
....................................................................... */

#prodAccordion .Block {
    padding: 0 !important;
    margin: 0 !important;
}

.prodAccordionContent {
    display: block;
}

.current .prodAccordionContent {
    display: block;
}

/* Account Menu (horizontal)
....................................................................... */

#SideAccountMenu li,
#GiftCertificatesMenu li {
    list-style: none;
    line-height: 1.2em;
    padding: 0 0 10px 0;
    margin: 0;
}

/* Footer Menu
....................................................................... */

.PageMenu {
    position: relative;
    margin: 0 0 10px 0;
    z-index: 50;
}

    .PageMenu h3 {
        display: none;
    }

    .PageMenu .borderR {
        border-right: 0;
    }

    .PageMenu ul {
        border-bottom: none;
        padding: 0;
        margin: 0;
        position: relative;
        display: inline-block;
    }

    .PageMenu li .icon {
        display: none !important;
    }

    .PageMenu .back {
        float: left;
        width: 13px;
        height: 8px;
        display: block;
        position: absolute;
        left: 50%;
        margin-left: 0px;
        top: -5px;
        padding: 0;
        background: url(../images/nav_active.png) no-repeat center top;
    }

    .PageMenu li ul:before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: 0;
        margin-left: 10px;
        top: -18px;
        border-width: 10px;
        border-style: solid outset solid solid;
    }

.footer .PageMenu li ul:before {
    top: auto;
    bottom: -18px;
    border-color: #333 transparent transparent transparent;
}

.PageMenu li ul ul:before {
    content: none;
    border-color: 0 none;
}

.PageMenu li ul li {
    clear: both;
    display: block;
    float: none;
    font-size: 13px;
    margin: 0;
    padding: 0 1em;
    text-align: left;
    width: auto;
}

    .PageMenu li ul li a {
        float: none;
        width: auto;
        margin: 0;
        display: block !important;
        line-height: 3em;
        font-size: 13px;
        text-align: left;
        font-weight: normal;
        text-transform: none;
    }

        .PageMenu li ul li a:hover {
            color: #fff;
        }

.PageMenu li ul {
    display: none;
    position: absolute;
    z-index: 10;
    top: 100% !important;
    width: 250px;
    left: 0;
    list-style-image: none;
}

.footer .PageMenu li ul {
    top: auto !important;
    bottom: 25px;
}

.sf-sub-indicator {
    display: none !important;
}

.PageMenu li.sfHover ul {
    display: block;
}

.PageMenu .sf-menu li {
    float: none;
}

    .PageMenu .sf-menu li ul {
        z-index: 150 !important;
    }

        .PageMenu .sf-menu li ul li {
            z-index: 200 !important;
        }

.Left #SideCategoryList .sf-menu ul {
    display: block !important;
    visibility: visible !important;
    position: static;
    top: 0;
}

.Left #SideCategoryList .SideCategoryListFlyout .sf-shadow ul,
.Right #SideCategoryList .SideCategoryListFlyout .sf-shadow ul {
    background: none !important;
}

.PageMenu li ul li {
    list-style-image: none;
}

.PageMenu li ul ul {
    display: none;
    left: 100% !important;
    margin-left: 0;
    top: 0px !important;
}

.PageMenu li {
    position: relative;
    /*z-index: 1;*/
    padding: 20px 0 16px 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 20px 0 0;
}

    .PageMenu li ul li a.hasSub {
        background: url(../images/sub.png) 100% 50% no-repeat;
        padding-right: 20px;
    }

.inner .Block {
    display: block;
    clear: both;
}

.inner .Content.Widest .Block {
    display: block;
    clear: both;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.FeaturedProducts,
.NewProducts,
.TopSellers {
    margin-bottom: 20px;
}

table.General,
table.CartContent,
table.CartContents {
    border-collapse: collapse;
}

.CartContents tfoot .SubTotal td {
    padding-bottom: 25px;
    padding: 0;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.BlockContent .CartThumb img {
    max-width: 100px;
    height: auto;
}

#SharingDataWrapper {
    height: auto;
}

#SharingDataChoices {
    float: none;
}

    #SharingDataChoices li {
        width: auto;
        height: auto;
    }

.EstimateShippingButtons {
    text-align: right;
}

    .EstimateShippingButtons input {
        margin-bottom: 20px;
    }

#uniform-sel_billing_address {
    width: auto;
    margin-bottom: 10px;
}

.left-content {
    float: left;
    width: 50%;
}

    .left-content .ProductList li {
        width: 20%;
        padding: 0 0 10px 10px;
    }

    .left-content .ProductList {
        margin: 0 0 10px -10px;
    }

        .left-content .ProductList .ProductImage a {
            height: 100px;
        }

        .left-content .ProductList .ProductDetails {
            font-size: 12px;
            margin: 0;
            padding: 10px 10px 0 0;
            word-wrap: break-word;
        }

            .left-content .ProductList .ProductDetails .pname {
                border: solid 0px;
                font-size: 12px;
                line-height: 17px;
            }

        .left-content .ProductList .ProductPriceRating {
            display: none;
        }

        .left-content .ProductList em.p-price {
            font-size: 12px;
            padding-left: 0;
            padding-left: 0;
            padding-top: 0;
            margin-top: 0;
        }

#recaptcha_area {
    max-width: 100%;
    margin-right: auto;
}

.PagingList .icon {
    display: none;
}

.SortBox div.selector,
.SearchSortingSelectContainer div.selector {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

    .SortBox div.selector span,
    .SearchSortingSelectContainer div.selector span {
        height: 35px;
        line-height: 35px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

ul.AccountOrdersList {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    list-style-image: none;
}

.AccountOrderStatusList li {
    position: relative;
    list-style-image: none;
}

.AccountOrderStatusList h4 {
    font-size: 22px;
    text-transform: uppercase;
}

#LayoutColumn1 .h3tt {
    display: none;
}

#LayoutColumn2 .multiStep {
    display: none;
}

.banner_category_page_top {
    position: relative;
}

    .banner_category_page_top h2 {
        font-weight: normal !important;
        line-height: 1.25 !important;
        position: relative;
        clear: both;
        color: #312E29 !important;
        display: block;
        font-size: 34px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        bottom: 75px;
        left: 50px;
        position: absolute;
    }

.CartContents tfoot .gtotal.SubTotal td {
    font-size: 17px;
    text-transform: uppercase;
}

.HowToPay,
.NotifyMessage {
    margin: 0 0 15px 0;
    background: none;
    border: none;
    padding: 20px;
    border-radius: 0;
}

    .HowToPay p {
        margin: 0;
        padding: 0;
    }

.OrderItem1 .selector,
.OrderItem2 .selector {
    width: 75px;
}

.BlockContent img {
    max-width: 100%;
    height: auto;
}

/* recapcha */

.recaptchatable .recaptcha_image_cell center {
    height: auto !important;
}

    .recaptchatable .recaptcha_image_cell center img {
        height: auto !important;
        max-width: 238px !important;
    }

.recaptchatable #recaptcha_response_field {
    width: 220px !important;
}

.recaptchatable #recaptcha_image {
    height: auto !important;
    width: auto !important;
}

.recaptchatable .recaptcha_image_cell {
    width: 240px !important;
}

.recaptchatable #recaptcha_response_field {
    width: 220px !important;
}

#recaptcha_reload_btn {
    display: block;
    background: url(../images/recapRefresh.png) 0 0 no-repeat !important;
}

    #recaptcha_reload_btn img {
        visibility: hidden;
    }

#recaptcha_switch_audio_btn {
    display: block;
    background: url(../images/recapAudio.png) 0 0 no-repeat !important;
}

    #recaptcha_switch_audio_btn img {
        visibility: hidden;
    }

#recaptcha_whatsthis_btn {
    display: block;
    background: url(../images/recapHelp.png) 0 0 no-repeat !important;
}

    #recaptcha_whatsthis_btn img {
        visibility: hidden;
        isibility: hidden;
    }

.zoomWindow {
    left: 0 !important;
    top: -1px !important;
}

.zoomWrapper {
    position: relative;
    z-index: 110;
}

#PageMenu {
    position: relative;
    z-index: 10;
}

/* fancybox */

#fancy_bg {
    display: none !important;
}

#fancy_content {
    padding-top: 0 !important;
}

#fancy_close {
    background: url("../images/icon-close.png") no-repeat scroll 0 0 transparent !important;
    height: 11px !important;
    top: 10px !important;
    right: 10px !important;
    text-indent: 999px;
    width: 12px !important;
}

.PageMenu h4 {
    display: none !important;
}

#ModalOverlay {
    background: #000 !important;
    opacity: 0.7 !important;
}

#ModalContentContainer {
    box-shadow: none !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    background: #fff;
}

#ModalContent,
.ModalContent {
    padding: 20px !important;
    border: none !important;
    font-size: inherit;
}

    #ModalContent:after,
    .ModalContent:after {
        content: "";
        display: table;
        clear: both;
    }

#ModalButtonRow, .ModalButtonRow {
    background: none !important;
    border: none !important;
    padding: 15px !important;
    height: auto !important;
}

#ModalContainer .modalClose {
    top: 10px !important;
    right: 11px !important;
    padding-right: 0 !important;
}

.ModalButtonRow input {
    font-weight: normal !important;
}

.AddBillingAddress dt,
.AddShippingAddress dt {
    clear: none;
}

.AddBillingAddress dd,
.AddShippingAddress dd {
    margin: 0;
    padding: 0 0 20px 15px !important;
    float: left;
    width: 240px;
    min-height: 40px;
}

.Content .Button,
.form .Button {
    display: inline-block;
}

.QuickSearch tbody tr {
    display: block;
    padding: 10px;
}

    .QuickSearch tbody tr td {
        border: none;
        vertical-align: text-top;
    }

    .QuickSearch tbody tr.QuickSearchResult:hover {
        background-color: #ededed;
    }

.QuickSearchResult .QuickSearchResultImage {
    width: 70px;
    height: 65px;
    vertical-align: middle;
    text-align: center;
    padding: 0;
}

/* inner */

.inner #CategoryPagingTop,
.inner #CategoryPagingBottom {
    float: left;
    width: auto;
    clear: none;
}

.inner #CategoryPagingTop {
    padding-left: 20px;
}

.PagingList {
    float: left;
}

.CategoryPagination .PagingList li {
    padding: 0 5px;
}

.CategoryPagination .PagingList a {
    color: #b4b4b4;
}

    .CategoryPagination .PagingList a:hover {
        color: #312E29;
    }

.inner #CategoryHeading {
    float: none;
    width: auto;
    clear: none;
}

.SortBox,
.SearchSorting {
    font-size: 13px;
    margin: 0;
    padding: 0;
}

    .SortBox label,
    .SearchSorting label {
        float: left;
        font-size: 12px;
        padding: 10px 10px 0 0;
    }

    .SortBox div.selector,
    .SearchSorting div.selector {
        float: right;
        line-height: 35px;
        min-height: 35px !important;
        padding: 0;
        font-size: 12px;
    }

div.selector select {
    font-size: 12px;
}

#uniform-revrating {
    width: 200px !important;
}

.SortBox div.selector span,
.SearchSorting div.selector span {
    /*background: #ffffff;*/
    margin-right: 23px;
    line-height: 35px;
    height: 35px;
    padding-right: 10px;
}

.FormContainer .box {
    display: block;
    clear: both;
    width: 100%;
    float: left;
    padding: 40px 0 40px 0;
}

a.EstimateShippingLink.btn.alt {
    min-width: 300px;
    /*min-height: 40px;
    font-size: 12px;
    line-height: 3.5;*/
}

a.CouponCodeLink.btn.alt.toggler {
    min-width: 300px;
    /*min-height: 40px;
    font-size: 12px;
    line-height: 3.5;*/
}

a.GiftCertificateLink.btn.alt.toggler {
    min-width: 300px;
    /*min-height: 40px;
    font-size: 12px;
    line-height: 3.5;*/
}

.FormContainer .box dt {
    width: 232px;
}

.HorizontalFormContainer dt {
    text-align: left;
}

.HorizontalFormContainer dt,
.HorizontalFormContainer dd {
    line-height: 28px;
    padding-bottom: 20px;
    font-size: 20px;
}

    .HorizontalFormContainer dd .selector span {
        font-weight: normal;
        font-size: 18px;
        font-family: BrandonGrotesque-Regular,Helvetica,sans-serif;
    }

    .HorizontalFormContainer dt p,
    .HorizontalFormContainer dd p {
        font-weight: normal;
    }

.HorizontalFormContainer dd {
    padding: 0 0 20px 0;
}

.HorizontalFormContainer p.Submit {
    padding-top: 20px;
}

#ProductReviews .form dt,
#ProductReviews .form dd {
    float: left;
    clear: both;
    width: 100%;
    padding: 5px 0 0 0;
    text-align: left;
}

#ProductReviews .form dd {
    padding-bottom: 15px;
}

#ProductReviews .btn {
    margin-bottom: 20px;
}

#ProductReviews p.Submit {
    margin-bottom: 0;
}

#message_content {
    height: 240px;
}

.UtilityLinks {
    float: left;
    width: 100%;
    clear: both;
    margin: 20px 0 5px 0;
}

ul.ShippingAddressList h4 {
    display: block;
    clear: both;
    padding-bottom: 8px;
    font-size: 22px;
}

table thead tr th,
table.General thead tr th,
table.CartContents thead tr th,
table tbody tr td,
table.General tbody tr td,
table.CartContents tbody tr td {
    padding: 20px 10px;
}

table tbody tr td,
table.General tbody tr td,
table,
table.General,
table.CartContents {
    margin: 20px 0;
}

/* Checkout */

a.ChangeLink {
    top: 12px;
    right: 10px;
}

.ExpressCheckoutContent {
    padding: 40px 0 60px 20px;
}

    .ExpressCheckoutContent .CreateAccount,
    .ExpressCheckoutContent .AccountLogin {
        float: left;
        width: 46%;
    }

    .ExpressCheckoutContent .CreateAccount {
        padding-right: 2%;
    }

    .ExpressCheckoutContent .AccountLogin {
        padding-left: 2%;
    }

        .ExpressCheckoutContent .AccountLogin dd {
            float: none;
        }

        .ExpressCheckoutContent .CreateAccount .HorizontalFormContainer dt,
        .ExpressCheckoutContent .AccountLogin .HorizontalFormContainer dt {
            text-align: left;
            padding-bottom: 0;
            clear: none;
            float: none;
            width: auto;
            font-family: 'BrandonGrotesque-Bold';
        }

        .ExpressCheckoutContent .CreateAccount .HorizontalFormContainer dd,
        .ExpressCheckoutContent .AccountLogin .HorizontalFormContainer dd {
            padding-bottom: 0;
            margin-left: 0;
        }

#CheckoutStepConfirmation .SubTotal td strong,
#CheckoutStepConfirmation .SubTotal td em {
    display: block;
    padding-top: 0;
}

#CheckoutStepConfirmation .SubTotal .Block {
    margin-bottom: 0;
}

#CheckoutStepConfirmation .SubTotal.st td {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

.AccountMessageList {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .AccountMessageList li {
        padding: 0 0 20px 0;
        margin: 0;
        border-bottom: 1px solid #d6d6d6;
    }

    .AccountMessageList .by {
        position: relative;
        display: block;
        padding: 0 0 0 25px;
    }

        .AccountMessageList .by img {
            position: absolute;
            left: 0;
            top: 2px;
        }

    .AccountMessageList blockquote {
        margin-left: 0;
        padding-top: 5px;
    }

.AccountOrderStatusList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.Meta {
    font-size: inherit;
    color: inherit;
}

.OrderItemList {
    margin: 10px 60px;
}

.AccountOrderStatusList li {
    position: relative;
}

.li-list {
    padding: 20px 0;
    border-bottom: 1px solid #d6d6d6;
}

.AccountOrderStatusList .box1 {
    padding: 0 10px 0 20px;
}

.btns {
    position: absolute;
    right: 0;
    top: 10px;
    float: left;
    z-index: 2;
    color: #5e5c5c;
    font-size: 13px;
    line-height: 28px;
    font-weight: normal;
}

    .btns form {
        display: inline;
        float: right;
    }

    .btns span.FloatRight {
        padding: 0 5px;
    }

    .btns .btn-clear {
        float: left;
        clear: none;
    }

.bg-gray {
    float: left;
    padding: 20px;
    width: 90%;
    background: #ededed;
    display: block;
    margin-bottom: 20px;
}

.ShippingMethodList table {
    clear: both;
    padding-top: 20px;
    width: 100%;
}

    .ShippingMethodList table td {
        padding: 15px 10px 10px 10px !important;
    }

/* override invalid width set by uniform jq-plugin on firefox */
.CartItemQuantity .selector,
.DetailRow.qty .selector {
    width: 75px !important;
    border: 1px solid #ddd !important;
}

    .CartItemQuantity div.selector span,
    .DetailRow.qty .selector span {
        margin: 0px 0 0 0;
        line-height: 20px;
        height: 20px;
    }

.CartRemoveLink {
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    background: url(../images/icon_sprite.png) no-repeat -46px -46px;
}

.SubTotal td {
    padding: 20px 0 0 0;
}

.ProceedToCheckout,
.KeepShopping {
    text-align: right;
}

.KeepShopping {
    float: left;
}

    .KeepShopping .btn.alt {
        border: 1px solid #7575a0;
        background-color: #7575a0;
    }

        .KeepShopping .btn.alt:hover {
            border: 1px solid #7575a0;
        }

.CheckoutButton {
    float: right;
}

.ProceedToCheckout .PayPalExpressCheckout p {
    margin-bottom: 20px;
}

.ProceedToCheckout .FloatRight,
.ProceedToCheckout .FloatLeft {
    float: none !important;
}

.ProceedToCheckout.btm {
    padding: 0 20px 30px 20px;
}

.ProceedToCheckout .CheckoutButton {
    padding-bottom: 20px;
    margin: 0px auto;
    float: none;
    display: inline-block;
}

.boxin {
    display: block;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #6a6a6a;
}

    .boxin .mtop {
        margin-top: 20px;
    }

.GiftCertificateThemeList label {
    float: left;
    clear: both;
}

#ProductDetails .ProductTinyImageList ul li {
    background-color: #fff;
    border: 0 none !important;
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0;
    list-style-image: none;
}

    #ProductDetails .ProductTinyImageList ul li a {
        display: block;
        padding: 0 !important;
    }

#ProductDetails .ProductTinyImageList {
    white-space: nowrap;
    overflow: hidden;
    float: left;
}

.ImageCarouselBox {
    margin-bottom: 10px;
    max-width: 100%;
    text-align: center;
}

.productOptionPickListSwatch ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#ProductDetails #ImageScrollPrev,
#ProductDetails #ImageScrollNext {
    margin-top: 20px;
}

.ProductDetailsGrid .DetailRow, .ProductDetailsGrid .s-price {
    margin-bottom: 0px;
}

    .ProductDetailsGrid .DetailRow .BrandName {
        padding: 0;
    }

    .ProductDetailsGrid .DetailRow.nop {
        padding: 0;
    }

    .ProductDetailsGrid .DetailRow.product-rating {
        padding: 20px 0;
    }

.ProductDetailsGrid .Label,
.ProductAddToCart .productAttributeLabel {
    margin: 0 0 10px 0;
    line-height: 20px;
    text-align: left !important;
    position: relative;
}

.ProductDetailsGrid .s-price .YouSave {
    font-weight: 300;
    margin: 0 0 10px 0;
}

.ProductDetailsGrid .DetailRow.RetailPrice {
    width: auto;
    overflow: hidden;
}

.DetailRow.RetailPrice .Label {
    margin: 0 10px 0 0;
}

.OutOfStockMessage {
    display: none;
    padding: 0;
    background: #99d7b5;
    color: #fff;
}

    .OutOfStockMessage p {
        padding-left: 25px;
        margin: 0px 30px;
        padding: 0px;
    }

    .OutOfStockMessage .CurrentlySoldOut {
        position: relative;
    }

.icon-outofstock {
    position: absolute;
    float: left;
    width: 14px;
    height: 14px;
    left: 0;
    top: 3px;
    background: url(../images/icon-outofstock.png) no-repeat 0 0;
}

#prodAccordion {
    padding-bottom: 30px;
}

    #prodAccordion .current .subtitle {
        background: url(../images/icon_arrow_down.png) no-repeat right center !important;
    }

    #prodAccordion .subtitle {
        margin: 15px 0 !important;
        border: solid 0px !important;
        font-size: 16px !important;
        padding: 0 30px 0 0 !important;
        float: none;
        background: url(../images/icon_arrow_left.png) no-repeat right center !important;
        cursor: pointer;
    }

.prodAccordionContent {
    border-top: 0px solid #EAEAEA;
}

#SimilarProductsByCustomerViews .btn {
    display: none;
}

#fastCartContainer .ProductList {
    margin: 0 10px 0 -20px;
}

    #fastCartContainer .ProductList li,
    #home #fastCartContainer .ProductList li {
        height: auto !important;
        margin: 0;
        padding: 0 0 0 20px;
        width: 25%;
    }

        #fastCartContainer .ProductList li .ProductPriceRating {
            margin-top: 0;
        }

.fastCartThumb,
.fastCartItemBox,
.fastCartSummaryBox {
    width: 33.333333%;
    max-width: none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fastCartThumb {
    text-align: center;
}

.fastCartItemBox {
    margin-left: 0;
    padding: 0 20px;
}

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

    .fastCartSummaryBox .ProceedToCheckout {
        margin: 0;
        text-align: center;
        float: none;
    }

        .fastCartSummaryBox .ProceedToCheckout a {
            display: block;
        }

    .fastCartSummaryBox .subtotal {
        /* These are overrides for __Master */
        clear: none;
        font-size: inherit;
        font-weight: normal;
        margin: 0 0 20px 0;
    }

        .fastCartSummaryBox .subtotal .ProductPrice {
            font-size: inherit;
            word-wrap: break-word;
            font-weight: 900;
        }

    .fastCartSummaryBox .actionLink {
        margin: 0 0 20px 0;
    }

    .fastCartSummaryBox .actionLink {
        line-height: 1.5em;
    }

        .fastCartSummaryBox .actionLink .btn {
            display: block;
        }

    .fastCartSummaryBox .PayPalExpressCheckout {
        text-align: center;
        width: 100%;
    }

.modalClose {
    float: left;
    width: 12px !important;
    height: 11px !important;
    text-indent: 999px;
    overflow: hidden;
    right: -10px !important;
    background: url(../images/icon-close.png) no-repeat 0 0 !important;
}

#ModalTitle,
.ModalTitle {
    display: none !important;
}

#ModalContainer {
    position: fixed;
    /* The below need importants because we can't stop edit imodal. May be able to replace with another modal popup and implement it better. */
    height: auto !important;
    left: 0 !important;
    margin: 0 auto !important;
    max-height: 95%;
    max-width: 1200px !important;
    overflow-x: hidden;
    overflow-y: auto;
    right: 0 !important;
    top: 20px !important;
    width: 100% !important;
}

/* Footer */

.footer {
    text-align: left;
    overflow: hidden;
}

.footer-main li {
    float: left;
    width: 100%;
}

.footer-main .inner {
    padding: 40px 0;
}

.footer-main,
.footer-main .grid__item {
    font-size: 12px;
}

.grid .grid__item {
    font-size: 20px;
}

.subscribe_form ul {
    text-align: right;
}

.footer #SideCategoryList li ul,
.footer #SideCategoryList .sf-menu li ul {
    display: none !important;
}

.footer .subtitle {
    display: none;
}

.footer-links ul,
.footer #SideCategoryList ul {
    float: left;
    width: 100% !important;
    margin: 0;
    list-style: none;
}

.footer .footer-columns ul {
    margin-bottom: 20px;
}

.footer .footer-columns li {
    padding: 5px 0;
}

/*.footer #SideCategoryList li a,
.footer #SideCategoryList .sf-menu li a,
.footer .CategoryList .sf-menu li a {
    height: auto;
    font-size: inherit;
    font-weight: inherit;
    text-align: left;
    padding: 0 !important;
}*/

.footer-links ul {
    float: left;
    width: 100%;
    margin: 30px 0 0 0 !important;
    padding: 15px 0 !important;
    border-top: 1px solid #6a6a6a;
}

.footer-links .PageMenu {
    border: none;
}

    .footer-links .PageMenu .icon {
        display: none;
    }

    .footer-links .PageMenu a {
        font-size: 12px;
    }

    .footer-links .PageMenu ul {
        float: left;
        margin-top: 0 !important;
        padding-bottom: 15px !important;
        border-bottom: 1px solid #6a6a6a;
    }

        .footer-links .PageMenu ul ul {
            display: none !important;
        }

    .footer-links .PageMenu li {
        float: left;
        width: auto !important;
        margin: 0;
        padding: 0 8px !important;
        border-left: 1px solid #6a6a6a;
        text-transform: none !important;
    }

    .footer-links .PageMenu #Menu > ul > li > a {
        padding: 0;
    }

        .footer-links .PageMenu #Menu > ul > li > a:hover {
            border-bottom: 0 none;
        }

    .footer-links .PageMenu li:first-child {
        border-left: 0;
        padding-left: 0 !important;
    }

    .footer-links .PageMenu ul ul {
        display: none;
        width: 250px !important;
        top: 30px;
        left: 50%;
        margin-left: -125px !important;
    }

    .footer-links .PageMenu ul li.over ul {
        display: block !important;
    }

    .footer-links .PageMenu ul ul li {
        float: none;
    }

        .footer-links .PageMenu ul ul li a {
            padding: 5px 0 !important;
        }

    .footer-links .PageMenu li.First {
        border-left: none;
        padding-left: 0 !important;
    }

    .footer-links .PageMenu > div {
        display: block;
    }

.footer-links p {
    display: block;
    clear: both;
    padding: 20px 0;
    margin: 0;
    font-size: 11px;
}

.footer .powered-by {
    float: right;
}

    .footer .powered-by a {
        background: url('../images/bc_logo_sprite.png') no-repeat;
        background-position: 0 -50px;
        height: 22px;
        width: 95px;
        text-indent: -9999px;
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        margin-left: 7px;
    }

        .footer .powered-by a:hover {
            background-position: 0 -75px;
        }

#VideoSideContainer {
    display: none;
}

#FeaturedVideo {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    #FeaturedVideo iframe,
    #FeaturedVideo object,
    #FeaturedVideo embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#VideoList {
    float: none;
    clear: both;
    padding: 0;
}

    #VideoList ul {
        height: auto;
        width: auto;
    }

    #VideoList li {
        padding: 10px;
        height: 69px;
        margin: 0;
        border: solid #fff 0px;
    }

.currentVideo {
    background-color: #fff;
    border: 0px;
}

.fullwidth {
    padding: 0 !important;
}

#ProductBreadcrumb ul.last {
    display: block;
}

.Message {
    padding: 20px;
}

.ccode label {
    float: left;
    width: 200px;
    padding: 0 20px;
    text-align: center;
}

input[type="radio"],
input[type="checkbox"] {
    margin-right: 5px;
}

#provider_list {
    line-height: 200%;
    margin-bottom: 20px;
}

.CheckoutHideOrderTermsAndConditions, .CheckoutOrderComments {
    margin-bottom: 25px;
}

#ChooseShippingAddress, #ChooseBillingAddress {
    position: relative;
}

    #ChooseBillingAddress label,
    #ChooseShippingAddress label {
        display: block;
    }

.SelectBillingAddress,
.SelectShippingAddress {
    margin-bottom: 20px;
}

#multiAddressForm div.selector {
    width: 450px;
}

.CartItemIndividualPrice {
    text-align: left;
}

td.CartItemQuantity {
    text-align: left;
}

td.CartItemTotalPrice.Even {
    text-align: left;
}

.productAttributes {
    margin: 15px 0;
    font-size: 11px;
}

    .productAttributes label,
    .productAttributes span {
        white-space: nowrap;
    }

select.JSHidden {
    opacity: 0 !important;
    filter: ~"alpha(opacity = 0) !important";
}

#fastCartContainer {
    margin: 20px auto 0 auto;
}

.zoomWindow {
    width: 100%;
}

#uniform-eway_ccexpm, #uniform-eway_ccexpy,
#uniform-creditcard_ccexpm, #uniform-creditcard_ccexpy {
    width: 75px !important;
}

.CartCode {
    margin-bottom: 20px;
}

    .CartCode .CouponCode,
    .CartCode .GiftCertificate {
        float: left;
        width: 50%;
    }

        .CartCode .GiftCertificate input.btn, .CartCode .CouponCode input.btn {
            min-width: 35px;
            padding: 0;
            text-align: center;
        }

#uniform-EventDateMonth,
#uniform-EventDateDay,
#uniform-EventDateYear {
    width: auto !important;
}

/* Over writes of defaults */

.sf-menu a.sf-with-ul {
    min-width: 0 !important;
    padding-right: 0 !important;
}

.product-nav {
    margin-bottom: 20px;
}

    .product-nav #CategoryPagingTop,
    .product-nav #CategoryPagingBottom,
    .product-nav .CategoryPagination {
        margin: 0;
        line-height: 35px;
    }

.fastCartTop {
    padding: 0 10px 0 0;
}

.fastCartBottom {
    padding: 0;
}

.FormFieldLabel {
    margin-right: 5px;
}

.addthis_default_style .at300b,
.addthis_default_style .at300bo,
.addthis_default_style .at300m {
    padding: 0 2px;
    margin: 0 2px;
}

#ModalContent .btn, .ModalContent .btn,
#ModalContent .btn:hover, .ModalContent .btn:hover {
    color: #fff;
    font-size: 17px;
}

.SubBrandListGrid ul {
    padding: 0;
    margin: 0;
}

    .SubBrandListGrid ul li {
        padding: 0;
    }

#fastCartWrapper {
    padding: 0;
}

html.javascript .productOptionViewRectangle input,
html.javascript .productOptionPickListSwatch input {
    left: -10000px !important;
    opacity: 0 !important;
}

#WishLists {
    position: relative;
}

#sel_billing_address {
    margin-bottom: 20px;
}

/*For Uniform space between buttons and for reflecting this change at only in specified place*/
.addto #SideProductAddToWishList input {
    margin-right: 10px;
}


/* Utilities
-------------------------------------------------------------- */

/* Spacing */

/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(10px),medium(20px),large(40px),none(0px)
*/

.ptn, .pvn, .pan {
    padding-top: 0px !important;
}

.pts, .pvs, .pas {
    padding-top: 10px !important;
}

.ptm, .pvm, .pam {
    padding-top: 20px !important;
}

.ptl, .pvl, .pal {
    padding-top: 40px !important;
}

.prn, .phn, .pan {
    padding-right: 0px !important;
}

.prs, .phs, .pas {
    padding-right: 10px !important;
}

.prm, .phm, .pam {
    padding-right: 20px !important;
}

.prl, .phl, .pal {
    padding-right: 40px !important;
}

.pbn, .pvn, .pan {
    padding-bottom: 0px !important;
}

.pbs, .pvs, .pas {
    padding-bottom: 10px !important;
}

.pbm, .pvm, .pam {
    padding-bottom: 20px !important;
}

.pbl, .pvl, .pal {
    padding-bottom: 40px !important;
}

.pln, .phn, .pan {
    padding-left: 0px !important;
}

.pls, .phs, .pas {
    padding-left: 10px !important;
}

.plm, .phm, .pam {
    padding-left: 20px !important;
}

.pll, .phl, .pal {
    padding-left: 40px !important;
}

.mtn, .mvn, .man {
    margin-top: 0px !important;
}

.mts, .mvs, .mas {
    margin-top: 10px !important;
}

.mtm, .mvm, .mam {
    margin-top: 20px !important;
}

.mtl, .mvl, .mal {
    margin-top: 40px !important;
}

.mrn, .mhn, .man {
    margin-right: 0px !important;
}

.mrs, .mhs, .mas {
    margin-right: 10px !important;
}

.mrm, .mhm, .mam {
    margin-right: 20px !important;
}

.mrl, .mhl, .mal {
    margin-right: 40px !important;
}

.mbn, .mvn, .man {
    margin-bottom: 0px !important;
}

.mbs, .mvs, .mas {
    margin-bottom: 10px !important;
}

.mbm, .mvm, .mam {
    margin-bottom: 20px !important;
    /*margin-top: 40px;*/
}

.mbl, .mvl, .mal {
    margin-bottom: 40px !important;
}

.mln, .mhn, .man {
    margin-left: 0px !important;
}

.mls, .mhs, .mas {
    margin-left: 10px !important;
}

.mlm, .mhm, .mam {
    margin-left: 20px !important;
}

.mll, .mhl, .mal {
    margin-left: 40px !important;
}

.mra, .mha {
    margin-right: auto !important;
}

.mla, .mha {
    margin-left: auto !important;
}

/* Original helpers */

.MB10 {
    margin-bottom: 10px;
}

.MT0 {
    margin-top: 0px;
}

.LH140 {
    line-height: 140%;
}

.PLRB5 {
    padding: 0px 5px 5px 5px;
}

.PLR10 {
    padding: 0px 10px 0px 10px;
}

.PL20 {
    padding: 0px 0px 0px 20px;
}

.PL40 {
    padding: 0px 0px 0px 40px;
}

.ML20 {
    margin: 0px 0px 0px 20px;
}

.MT10 {
    margin-top: 10px;
}

.PL10 {
    padding-left: 10px;
}

.PB2 {
    padding-bottom: 2px;
}

.PTB20 {
    padding: 20px 0;
}

.NoMarginBottom {
    margin-bottom: 0;
}

.HideElement {
    display: none;
}

.FloatRight {
    float: right;
}

.FloatLeft {
    float: left;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.txtC {
    text-align: center;
}

.txtL {
    text-align: left;
}

.txtR {
    text-align: right;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* =Plugins
-------------------------------------------------------------- */

/* ----- UniForm ----- */

div.selector,
div.selector span,
div.checker span,
div.radio span,
div.button,
div.button span {
    background-image: url(../images/icon_sprite.png);
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}

.selector,
.radio,
.checker,
.uploader,
.button,
.selector *,
.radio *,
.checker *,
.uploader *,
.button * {
    margin: 0;
    padding: 0;
}

/* INPUT & TEXTAREA */
input.text,
input.email,
input.password,
textarea.uniform {
    color: #444440;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    padding: 3px;
    border-top: solid 1px #aaa;
    border-left: solid 1px #aaa;
    border-bottom: solid 1px #d6d6d6;
    border-right: solid 1px #d6d6d6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: 0;
}

    input.text:focus,
    input.email:focus,
    input.password:focus,
    textarea.uniform:focus {
        -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
        border-color: #999;
    }

/* SPRITES */
/* Select */

div.selector,
div.selector span {
    line-height: 25px;
    height: 25px;
}

    div.selector select {
        /* change these to adjust positioning of select element */
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

/* Checkbox */
div.checker {
    height: 18px;
    width: 18px;
}

    div.checker input {
        height: 18px;
        width: 18px;
    }

    div.checker span {
        background-position: 1px -54px;
        height: 18px;
        width: 18px;
    }

        div.checker span.checked,
        div.checker:active span.checked,
        div.checker.active span.checked,
        div.checker.focus span.checked,
        div.checker:hover span.checked {
            background-position: -22px -54px;
        }

/* Radio */
div.radio {
    width: 18px;
    height: 18px;
    background: none;
}

    div.radio input {
        width: 18px;
        height: 18px;
    }

    div.radio span {
        height: 18px;
        width: 18px;
        background-position: 0px -80px;
    }

        div.radio span.checked,
        div.radio:active span.checked,
        div.radio.active span.checked,
        div.radio.focus span.checked,
        div.radio:hover span.checked {
            background-position: -21px -80px;
        }

/* Uploader */
div.uploader {
    background-color: #fff;
    height: 35px;
    position: relative;
    overflow: hidden;
    width: 300px;
}

    div.uploader span.action {
        background-color: #fff;
        height: 35px;
        line-height: 35px;
        float: right;
        padding: 0 10px;
        overflow: hidden;
        cursor: pointer;
        font-size: 11px;
        font-weight: bold;
    }

    div.uploader span.filename {
        height: 37px;
        line-height: 37px;
        float: left;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: default;
        padding-left: 10px;
    }

    div.uploader input {
        opacity: 0;
        filter: ~"alpha(opacity=0)";
        -moz-opacity: 0;
        position: absolute;
        font-size: 100px;
        top: 0;
        right: 0;
        bottom: 0;
        float: right;
        height: 100px;
        border: none;
        cursor: default;
    }

    /* Uploader */

    div.uploader span.filename {
        color: #777;
        font-size: 11px;
    }

    div.uploader.disabled span.action {
        color: #aaa;
    }

    div.uploader.disabled span.filename {
        border-color: #ddd;
        color: #aaa;
    }

    div.uploader.focus,
    div.uploader.hover,
    div.uploader:hover {
        background-position: 0px -353px;
    }

        div.uploader.focus span.action,
        div.uploader.hover span.action,
        div.uploader:hover span.action {
            background-position: right -437px;
        }

    div.uploader.active span.action,
    div.uploader:active span.action {
        background-position: right -465px;
    }

    div.uploader.focus.active span.action,
    div.uploader:focus.active span.action,
    div.uploader.focus:active span.action,
    div.uploader:focus:active span.action {
        background-position: right -493px;
    }

    div.uploader.disabled {
        background-position: 0px -325px;
    }

        div.uploader.disabled span.action {
            background-position: right -381px;
        }

div.button {
    background-position: 0px -523px;
}

    div.button span {
        background-position: right -643px;
    }

    div.button.focus,
    div.button:focus,
    div.button:hover,
    div.button.hover {
        background-position: 0px -553px;
    }

        div.button.focus span,
        div.button:focus span,
        div.button:hover span,
        div.button.hover span {
            background-position: right -673px;
        }

    div.button.active,
    div.button:active {
        background-position: 0px -583px;
    }

        div.button.active span,
        div.button:active span {
            background-position: right -703px;
            color: #555;
        }

    div.button.disabled,
    div.button:disabled {
        background-position: 0px -613px;
    }

        div.button.disabled span,
        div.button:disabled span {
            background-position: right -733px;
            color: #bbb;
            cursor: default;
        }

/* PRESENTATION */
/* Button */

div.button {
    height: 30px;
}

    div.button span {
        margin-left: 13px;
        height: 22px;
        padding-top: 8px;
        font-weight: bold;
        font-size: 12px;
        text-transform: uppercase;
        padding-left: 2px;
        padding-right: 15px;
    }

/* Select */
div.selector {
    font-size: 14px;
    background: #fff url(../images/icon_arrow_down.png) no-repeat 90% center !important;
    height: 28px;
    line-height: 28px;
    min-height: 28px !important;
    padding: 3px 0 !important;
}

    div.selector select {
        font-size: 18px;
        line-height: 22px;
        border: solid 1px #fff;
        width: 100%;
    }

    div.selector span {
        padding: 5px 25px 5px 10px !important;
        cursor: pointer;
        background: none;
        line-height: 20px;
    }

    div.selector.disabled span {
        color: #bbb;
    }

/* Checker */
div.checker {
    margin-right: 5px;
}

/* Radio */
div.radio {
    margin-right: 3px;
}

/*
CORE FUNCTIONALITY
Not advised to edit stuff below this line
-----------------------------------------------------
*/
.selector,
.checker,
.button,
.radio,
.uploader {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}

    .selector select:focus,
    .radio input:focus,
    .checker input:focus,
    .uploader input:focus {
        outline: 0;
    }

/* Button */
div.button a,
div.button button,
div.button input {
    position: absolute;
}

div.button {
    cursor: pointer;
    position: relative;
}

    div.button span {
        display: -moz-inline-box;
        display: inline-block;
        line-height: 1;
        text-align: center;
    }

/* Select */
div.selector {
    float: none;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    div.selector span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-left: 10px;
    }

    div.selector select {
        position: absolute;
        opacity: 0;
        filter: alpha(opacity=0);
        /* use '=' here, not ':' */
        -moz-opacity: 0;
        border: none;
        background: none;
        cursor: pointer;
        height: 100%;
    }

/* Checker */
div.checker {
    position: relative;
}

    div.checker span {
        display: -moz-inline-box;
        display: inline-block;
        text-align: center;
    }

    div.checker input {
        opacity: 0;
        filter: ~"alpha(opacity=0)";
        -moz-opacity: 0;
        display: inline-block;
        background: none;
    }

/* Radio */

div.radio {
    position: relative;
}

    div.radio span {
        display: -moz-inline-box;
        display: inline-block;
        text-align: center;
    }

    div.radio input {
        opacity: 0;
        filter: ~"alpha(opacity=0)";
        -moz-opacity: 0;
        text-align: center;
        display: inline-block;
        background: none;
    }

/* Custom.css
-------------------------------------------------------------- */

.brand-name {
    padding: 5px 0 5px 4%;
    text-align: left;
    min-height: 44px;
}

.right {
    float: right;
}

.txt24 {
    font-size: 1em;
    font-weight: normal;
    font-family: BrandonGrotesque-Bold,Helvetica,sans-serif;
    margin: 0 0 20px 0;
}

    .txt24 em {
        font-style: normal !important;
    }

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
    left: 50px;
    bottom: 33%;
}

.icon-delete,
.icon-edit,
.icon-share,
#WishLists .txt-hide a {
    float: left;
    width: 18px;
    height: 21px;
    margin-right: 10px;
    background: url(../images/icons_off.png) no-repeat -170px -152px;
}

    .icon-delete:hover,
    .icon-edit:hover,
    .icon-share:hover,
    #WishLists .txt-hide a:hover,
    #WishLists .txt-hide .icon-delete:hover,
    #WishLists .txt-hide .icon-edit:hover {
        background: url(../images/icons_on.png) no-repeat -170px -152px;
        background-color: transparent !important;
    }

    .icon-edit,
    .icon-edit:hover,
    #WishLists .txt-hide .icon-edit,
    #WishLists .txt-hide .icon-edit:hover {
        background-position: -140px -152px;
    }

    .icon-delete,
    .icon-delete:hover,
    #WishLists .txt-hide .icon-delete,
    #WishLists .txt-hide .icon-delete:hover {
        background-position: -108px -152px;
    }

.c-wrap {
    width: 980px;
    margin: 0 auto;
    display: block;
    clear: both;
}

.txt-center {
    text-align: center !important;
}

.txt-left {
    text-align: left !important;
}

.txt-right {
    text-align: right !important;
}

small {
    font-size: 12px !important;
}

ul {
    margin: 0 0 23px 23px;
}

    ul ul ul {
        list-style-image: url(../images/bullet_line.png);
    }

.multiStep,
.multiStep li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    list-style-image: none;
}

.multiStep {
    text-align: center;
    position: relative;
    min-height: 1px;
    zoom: 1;
}

    .multiStep li {
        margin: 0 20px;
        position: relative;
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

        .multiStep li.ActivePage h4 {
            padding-bottom: 0;
            margin-bottom: 1em;
        }

        .multiStep li .icon {
            background: url("../images/nav_active.png") no-repeat;
            display: block;
            float: left;
            height: 8px;
            left: 50%;
            margin-left: -7px;
            position: absolute;
            bottom: -5px;
            width: 13px;
        }

.li-list {
    border-bottom: 1px solid #d6d6d6;
    padding: 20px 0;
}

    .li-list h4 {
        position: relative;
        z-index: 1;
    }

    .li-list form {
        position: relative;
        z-index: 10;
    }

.icon {
    display: inline-block;
    width: 16px;
    height: 14px;
    background: url("../images/icon_sprite.png") no-repeat 0 -27px;
}

.icon-add {
    position: absolute;
    right: 0;
    top: 0;
    height: 36px;
    width: 36px;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    transition: background-color 150ms ease 0s;
    -moz-transition: background-color 150ms ease;
    -webkit-transition: background-color 150ms ease;
    -o-transition: background-color 150ms ease;
    transition: background-color 150ms ease;
}

.icon-cart {
    height: 20px;
    width: 15px;
    background-position: 0 -23px;
    background: url("../images/icon_sprite.png") no-repeat 0 -27px !important;
}

.icon-add:hover {
    -moz-transition: background-color 150ms ease;
    -webkit-transition: background-color 150ms ease;
    -o-transition: background-color 150ms ease;
    transition: background-color 150ms ease;
}

.clear {
    clear: both;
    overflow: hidden;
}

/* btn styles */

.Button a {
    color: #ffffff !important;
}

.full-width {
    display: block;
    clear: both;
    padding: 0;
}

    .full-width .zeroLeft {
        padding-left: 0 !important;
    }

.cpage .Content.Wide {
    padding: 30px 0 0 45px;
    border-left: 1px solid #e8e8e8;
}

.productlist-page.Content {
    padding: 0;
}

    .productlist-page.Content .product-nav {
        border: none;
    }

.nav-prev,
.nav-next {
    float: left;
    width: 12px;
    height: 12px;
    margin: 12px 10px;
    text-indent: 99px;
    overflow: hidden;
    background: url(../images/icon_sprite.png) no-repeat -42px -26px;
}

.nav-next {
    background-position: -54px -27px;
}

.mtop {
    margin-top: 27px;
}

.pbtm {
    padding-bottom: 30px;
}

.no-ptop {
    padding-top: 0 !important;
}

.list {
    margin: 0;
    padding: 0 0 10px 0;
    list-style: none;
}

.list-icon,
.list-news {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .list-icon li {
        line-height: 23px;
        padding: 0 0 10px 0;
    }

    .list-icon .icon {
        width: 23px;
        height: 23px;
        margin: 0 15px 0 0;
        background-position: -41px 0;
    }

    .list-news li p {
        margin-bottom: 10px;
    }

.form {
    display: block;
    clear: both;
    margin: 0;
    list-style: none;
}

    .form li {
        display: block;
        clear: both;
        width: 100%;
        padding: 10px 0;
    }

        .form li label,
        .form dt {
            float: left;
            width: 175px;
            padding: 7px 25px 0 0;
            line-height: 22px;
        }

    .form dd {
        margin-left: 0;
        float: none;
    }

.addto {
    display: block;
    clear: both;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

    .addto .BulkDiscount {
        display: inline-block;
    }

    .addto #SideProductAddToWishList {
        display: inline-block;
    }

.txt-hide {
    text-indent: -999px;
    overflow: hidden;
    color: #ffffff;
}

.left-content .ProductList .p-name {
    float: left;
    font-size: 12px;
    margin: 5px 0 25px 0;
    padding: 5px 0 3px 5%;
    border-left: 2px solid #d6d6d6;
}

a.CustomizeItemLink {
    font-size: 11px;
}

#CartHeader {
    position: relative;
}

    #CartHeader .btn {
        top: 50%;
        right: 0;
        margin-top: -20px !important;
        position: absolute;
    }

.recaptcha_widget_div {
    margin-bottom: 20px;
}

.recaptchatable {
    background-color: #fff;
}

.productAttributeConfigurablePickListSet ul {
    margin: 0;
}

html.javascript .productOptionViewRectangle label {
    margin: 0 !important;
}

.fileInput {
    margin-bottom: 10px;
}

#TabContentAddressMultiple {
    padding-top: 20px;
}

.login-form label,
.login-form input {
    display: block;
    margin-bottom: 0;
}

.login-form .actions label,
.login-form .actions input {
    display: inline-block;
    margin: 0 10px 0 0;
}

.login-form input[type=email],
.login-form input[type=password] {
    width: 50%;
}

.login-form .grid__item {
    vertical-align: top;
}

input#login_email {
    margin-bottom: 15px;
}

input#LoginButton {
    margin-top: 30px;
}

/*#fancy_outer {
    height: 500px !important;
}*/

div#fancy_overlay {
    background: #000 !important;
    opacity: 0.7 !important;
}

div#fancy_outer {
    position: fixed !important;
    /* The below need importants because we can't stop edit imodal. May be able to replace with another modal popup and implement it better. */
    top: 20px !important;
    bottom: 20px !important;
    left: 0 !important;
    right: 0 !important;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 auto !important;
    max-width: 920px !important;
    width: 95% !important;
    height: auto !important;
    padding: 0 !important;
}

/* FlexSlider */
.flex-direction-nav {
    display: none;
}

    .flex-direction-nav a {
        background-position: center center;
        height: auto;
        top: 0;
        bottom: 0;
        border: 0;
        margin: 0;
        width: 25%;
        max-width: 100px;
    }

    .flex-direction-nav .flex-prev {
        /*background: url(../images/carousel-left-arrow.png) no-repeat center left;*/
        background: none;
        top: 0;
        left: 0 !important;
        bottom: 0;
        margin-top: -40px;
    }

    .flex-direction-nav .flex-next {
        /*background: url(../images/carousel-right-arrow.png) no-repeat center right;*/
        background: none;
        top: 0;
        right: 0 !important;
        bottom: 0;
        margin-top: -40px;
    }

.CreateAccount ul {
    line-height: 1.4em;
}

.recaptchatable * {
    color: #000 !important;
}

div.FacebookLikeButtonContainer {
    margin: 0 0 20px 0;
}

    div.FacebookLikeButtonContainer iframe {
        display: block;
        height: 20px;
        width: 100%;
    }

/* Out of stock styling */

/* Out of Stock styling */

/* Gave strike through to text of out of stock options except rectangle styled  */
label.outStock span.name {
    text-decoration: line-through;
}

.productOptionViewRectangle label.outStock span.name {
    text-decoration: none;
}

/* Gave out of stock lists and radio selects 50% transparency */
.productOptionViewRadio .outStock span.name,
.productOptionViewProductPickList .outStock span.name,
.productOptionViewProductPickListWithImage .outStock span.name,
.productOptionViewRectangle .option label.outStock {
    opacity: 0.5;
    -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    *zoom: 1;
}

/* Made the container of the strike through image relative */
.productOptionPickListSwatch .outStock .swatchColour,
.productOptionPickListSwatch .outStock .thumbnail,
.productOptionViewRectangle .outStock name {
    position: relative;
}

    /* Gave out of stock swatches a strike through background image */
    .productOptionPickListSwatch .outStock .swatchColour:after,
    .productOptionPickListSwatch .outStock .thumbnail:after,
    .productOptionViewRectangle .outStock .name:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url("../images/out-of-stock-bg.png") center no-repeat;
        z-index: 999;
        content: "";
    }

/*.productOptionViewRectangle .outStock span:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("../images/out-of-stock-bg.png") center no-repeat;
}*/

#ToggleMenu,
#DrawerMenu,
#cart-amount {
    display: none;
}


/* Drawer menu
-------------------------------------------------------------- */

#ToggleMenu {
    /*temp styles*/
    width: 60px;
    height: 60px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    font-size: 21px;
}

#Header,
.page {
    -webkit-transition: -webkit-transform 100ms ease-out;
    -ms-transition: -ms-transform 100ms ease-out;
    transition: transform 100ms ease-out;
}

    .page.off-screen {
        -webkit-transform: translateX(80%);
        -ms-transform: translateX(80%);
        transform: translateX(80%);
        position: fixed;
        overflow-y: hidden;
    }

    #Header.off-screen {
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px);
    }

/*----------------------------------------------------------------------------------------------------------
#############################################  DRAWER MENU
----------------------------------------------------------------------------------------------------------*/
#DrawerMenu {
    position: absolute;
    bottom: 0;
    top: 0;
    z-index: 0;
    width: 80%;
    background-color: #333;
    color: #fff;
}

    #DrawerMenu.on-screen {
        display: block;
        position: absolute;
        overflow-y: auto;
    }

    #DrawerMenu div {
        margin: 0;
    }

    #DrawerMenu h3 {
        background: #666;
        color: #fff;
        font-size: 0.8em;
        font-weight: normal;
        padding: 10px 15px;
        text-transform: uppercase;
    }

    #DrawerMenu ul {
        list-style: none;
        margin: 0;
    }

    #DrawerMenu li {
        float: none;
        border-bottom: 1px solid #555;
        list-style: none outside none;
    }

    #DrawerMenu a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        color: #fff;
        font-size: 1.1em;
        font-weight: normal;
        padding: 20px 15px;
    }

    #DrawerMenu li > ul a {
        padding: 15px 15px 15px 1.6em;
    }

    /*# Drawermenu "sign in" options have fixed html, so to align
    the "or" text, do these terrible things. #*/
    #DrawerMenu li > div {
        padding: 0 15px;
    }

        #DrawerMenu li > div > a {
            margin: 0 -15px;
        }

    /*# DRAWERMENU EXPANDER #*/
    #DrawerMenu .subcat-expand {
        border-left: 1px solid #555;
        position: absolute;
        right: 0;
        top: 0;
        height: 57px;
        width: 55px;
    }

        #DrawerMenu .subcat-expand:after {
            color: #fff;
            content: '+';
            display: block;
            font-size: 16px;
            text-align: center;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        #DrawerMenu .subcat-expand.subcat-expanded:after {
            content: '-';
        }

    /*# DRAWERMENU SUB MENUS #*/
    #DrawerMenu .drawer-subcat {
        background: #444;
        display: block !important;
        max-height: 0;
        overflow: hidden;
        left: auto;
        top: auto;
        position: relative;
        visibility: visible !important;
        -webkit-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
        width: 100%;
    }

        #DrawerMenu .drawer-subcat.expanded {
            border-top: 1px solid #555;
            max-height: 1000px;
        }

/*# DRAWER MENU CURRENCY SELECTOR #*/

.js-drawermenu-currency-converter {
    color: #ccc;
    font-size: 12px;
    padding: 15px 0;
}

    .js-drawermenu-currency-converter span {
        color: #ccc !important;
    }

#SideAccountNavigation .CurrencyChooser {
    background: none;
    border: none;
    display: block;
    float: none;
    left: auto;
    margin-top: 15px !important;
    padding: 0;
    position: relative;
    padding-bottom: 30px;
    right: auto;
    top: auto;
}

#SideAccountNavigation #change-currency,
#SideAccountNavigation h2 {
    display: none;
}

#SideAccountNavigation .selected-currency {
    background-color: #474747;
    border: 1px solid #5c5c5c;
}

    #SideAccountNavigation .selected-currency .Text {
        padding: 0 0 0 9px;
    }

#SideAccountNavigation .CurrencyList {
    display: none;
}

    #SideAccountNavigation .CurrencyList.open {
        display: block;
    }

    #SideAccountNavigation .CurrencyList dd {
        border: none;
    }

    #SideAccountNavigation .CurrencyList a {
        background: #474747;
        border-bottom: 1px solid #383838;
        display: block;
        font-size: 11px;
        height: 32px;
        line-height: 32px;
        overflow: hidden;
        padding: 0 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        -moz-transition: all 60ms ease;
        -webkit-transition: all 60ms ease;
        -o-transition: all 60ms ease;
        transition: all 60ms ease;
    }

        #SideAccountNavigation .CurrencyList a:hover {
            background-color: none;
        }

    #SideAccountNavigation .CurrencyList .Flag {
        display: inline-block;
        float: none;
        padding: 0;
        text-align: left;
        vertical-align: middle;
        zoom: 1;
    }

    #SideAccountNavigation .CurrencyList .Text {
        color: #ccc !important;
        display: inline-block;
        overflow: hidden;
        padding: 0 0 0 5px !important;
        vertical-align: middle;
        white-space: nowrap;
    }


/*# CONTACT, PAYMENT FORM BUTTON ALIGNMENT #*/
#ContactForm dd,
#CheckoutStepPaymentDetails dd {
    float: none;
    margin-left: 200px;
}

#ContactForm .Submit,
#CheckoutStepPaymentDetails .Submit {
    margin: 0 0 20px 200px;
    padding: 0;
}


.flex-control-nav {
    margin-top: -20px;
    position: relative;
    z-index: 10;
}

.flex-control-paging li a {
    background-color: transparent;
    border: 2px solid #fff;
}

    .flex-control-paging li a:hover {
        background-color: #fff;
        border: 2px solid #fff;
    }

    .flex-control-paging li a.flex-active {
        background-color: #fff;
        border: 2px solid #fff;
    }
/*end BigCommerce*/

a:hover {
    color: #393427;
}

h1 {
    font-size: 48px;
    font-family: BrandonGrotesque-Bold,Helvetica,sans-serif;
    line-height: 60px;
    letter-spacing: 0px;
}

h2 {
    /*font-family: BrandonGrotesque-Light,'Helvetica Neue',Helvetica,Arial,sans-serif;*/
    font-family: BrandonGrotesque-Bold,Helvetica,sans-serif;
    font-size: 25px;
    line-height: 34px;
}

.home h2, .how-it-works h2 {
    /*font-family: BrandonGrotesque-Light,'Helvetica Neue',Helvetica,Arial,sans-serif;*/
    /*font-family: BrandonGrotesque-Medium,Helvetica,sans-serif;*/
    font-family: BrandonGrotesque-Bold;
    font-size: 50px;
    line-height: 60px;
}

p {
    /*font-weight: 500;*/
}

.button {
    font-size: 17px;
    font-family: BrandonGrotesque-Bold;
    height: 63px;
    display: inline-block;
    line-height: 4;
    color: #292929;
    background: #fff;
    /*border: 3px solid #fff;*/
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    padding: 0 30px;
}

    .button span.smiley {
        display: none;
    }

.button-small {
    font-size: 15px;
}

.button:hover {
    background: #fff;
    color: #fff;
}

    .button:hover span.smiley {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -14px 0 0 -25px;
    }

.button.play-movie {
    background: #99d7b5;
    color: #fff;
}

    .button.play-movie:hover {
        color: #99d7b5;
    }

    .button.play-movie.white {
        background: #fff;
        color: #292929;
        margin-top: 0px;
    }

        .button.play-movie.white:hover {
            background: #fff;
            color: #fff;
        }

    .button.play-movie .play-icon {
        background: transparent url('../images/play.svg') no-repeat center center;
        background-size: contain;
        width: 100%;
        height: 100px;
        position: absolute;
        top: -110px;
        left: 0px;
        z-index: 100;
    }

    .button.play-movie .play-icon2 {
        background: transparent url('../images/play.svg') no-repeat center center;
        background-size: contain;
        width: 35px;
        height: 35px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        margin-top: -8px;
    }

    .button.play-movie.white:hover .play-icon2 {
        opacity: 0;
    }

.module-page .button {
    border: 0;
    background: #5ec7be;
    color: #fff;
    margin: 0 auto;
    padding: 0 60px;
}

    .module-page .button:hover {
        background: #5ec7be;
        color: #5ec7be;
    }

    .module-page .button.price {
        background: #fff;
    }

        .module-page .button.price:hover {
            background: #fff;
            color: #fff;
        }

.out-of-stock .wrapper {
    background-color: #eaeaea;
}

.out-of-stock .module-page {
    background-color: #eaeaea;
    color: #292929;
    text-align: center;
    padding-bottom: 0px;
}

    .out-of-stock .module-page h1 {
        color: #292929;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .out-of-stock .module-page p {
        margin: 0px;
    }

    .out-of-stock .module-page .subscribe {
        margin: 0px auto 1% auto;
    }

        .out-of-stock .module-page .subscribe .subscribe_title {
            color: #292929;
            margin: 0px auto 10px auto;
        }

        .out-of-stock .module-page .subscribe .subscribe_content {
            margin-top: 15px;
        }

            .out-of-stock .module-page .subscribe .subscribe_content.form p {
                margin: 0 0 15px;
            }

            .out-of-stock .module-page .subscribe .subscribe_content input[type="email"] {
                text-align: center;
                border: none;
                background-color: transparent;
                font-size: 22px;
                line-height: 32px;
                font-family: BrandonGrotesque-Medium,sans-serif;
                padding: 10px 1%;
                border-bottom: 4px solid #3A3A3A;
                width: auto;
                min-width: 400px;
                max-width: 100%;
            }

                .out-of-stock .module-page .subscribe .subscribe_content input[type="email"]::-webkit-input-placeholder {
                    text-transform: none;
                    color: #777777;
                }

            .out-of-stock .module-page .subscribe .subscribe_content.form input[type=submit] {
                cursor: pointer;
                background-color: #99c8e9;
            }

                .out-of-stock .module-page .subscribe .subscribe_content.form input[type=submit]:hover {
                    color: #fff;
                }

    .out-of-stock .module-page .illustration {
        margin: 3% auto 1% auto;
        text-align: center;
    }

        .out-of-stock .module-page .illustration img {
            max-width: 80%;
            margin: 0px auto;
        }

.out-of-stock .footer {
    background-color: #eaeaea;
    color: #929292;
    text-align: center;
}

    .out-of-stock .footer p.copyright {
        color: #929292;
        text-align: center;
        float: none;
        display: inline-block;
        vertical-align: middle;
    }

    .out-of-stock .footer ul.social {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }

html.touchevents .button:hover {
    background: 0 0;
}

html.touchevents body.page .button:hover {
    background: #5ec7be;
    color: #fff;
}

html.touchevents .button:hover span.smiley {
    display: none;
}

.icon, ul.slideshow-direction-nav li a:after {
    background: url(../images/icon-sprite.svg) no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.svg .icon, .svg ul.slideshow-direction-nav li a:after {
    background: url(../images/icon-sprite.svg?v2) no-repeat;
    background-size: 275px auto;
}

    .svg .icon.smiley-white {
        background: url(../images/tinitell_happy_face_white.svg) no-repeat;
        background-size: auto auto;
    }

.icon.logo {
    background-position: 0 0;
    width: 127px;
    height: 37px;
}

.sticky .icon.logo, body.page .icon.logo, body .icon.logo {
    background-position: -138px 0;
}

.icon.menu {
    background-position: 0 -41px;
    width: 65px;
    height: 65px;
}

.sticky .icon.menu, body.page .icon.menu, body .icon.menu {
    background-position: -138px -41px;
}

body.visible-nav .icon.menu {
    background-position: -68px -41px;
}

body.page.visible-nav .icon.menu, body.visible-nav .sticky .icon.menu {
    background-position: -206px -41px;
}

.icon.smiley {
    background-position: 0 -114px;
    width: 50px;
    height: 32px;
}

.icon.smiley-white {
    background-position: 0 0;
    width: 50px;
    height: 37px;
}

.icon.arrow-down {
    background-position: -58px -112px;
    width: 12px;
    height: 23px;
    display: block;
    margin: 5px auto 0;
}

.icon.arrow-right {
    background-position: -81px -112px;
    width: 23px;
    height: 12px;
    margin-left: 7px;
}

.icon.facebook {
    background-position: 0px -146px;
    width: 23px;
    height: 23px;
}

.icon.twitter {
    background-position: -28px -146px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

.icon.instagram, .icon.linkedin {
    width: 22px;
    height: 22px;
    text-indent: -9999px;
}

.icon.instagram {
    background-position: -29px -173px;
}

.icon.linkedin {
    background: url(../images/icon-sprite_3.svg?v2) no-repeat;
    background-position: 0 -173px;
}

.icon.close-overlay {
    background-position: -72px -129px;
    width: 38px;
    height: 38px;
    text-indent: -9999px;
}

.icon.up {
    background-position: -159px -107px;
    width: 85px;
    height: 85px;
    text-indent: -9999px;
}

ul.slideshow-direction-nav li a.slideshow-prev:after {
    background-position: -116px -110px;
    width: 19px;
    height: 34px;
}

ul.slideshow-direction-nav li a.slideshow-next:after {
    background-position: -140px -110px;
    width: 19px;
    height: 34px;
}

.overlay-video {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 100000;
    display: none;
    top: 0;
}

    .overlay-video .background {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .overlay-video .video {
        max-width: 1200px;
        margin: 0 auto;
        padding: 40px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

        .overlay-video .video .video-responsive {
            background: #000;
            width: 100%;
            height: 0;
            padding-bottom: 56.2%;
            display: block;
            position: relative;
            -webkit-box-shadow: 0 0 40px rgba(0,0,0,.8);
            -moz-box-shadow: 0 0 40px rgba(0,0,0,.8);
            box-shadow: 0 0 40px rgba(0,0,0,.8);
        }

        .overlay-video .video iframe {
            top: 0;
            left: 0;
            position: absolute;
            width: 100%;
            height: 100%;
        }

p.error {
    color: red;
}

.form.contact {
    padding-top: 10px;
}

.form label {
    display: block;
}

.form .field {
    margin: 0 0 30px;
}

.form input[type=email], .form input[type=text], .form input[type=email], .form input[type=password], .form select, .form textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    background: #fff;
    width: 100%;
    /*padding: 15px 15px 10px;*/
    font-family: BrandonGrotesque-Regular,Helvetica,sans-serif;
    outline: 0;
    letter-spacing: 2px;
    border: 1px solid #99d7b5;
    max-width: 400px;
}

.signup input[type=email], .signup input[type=text], .signup p {
    font-family: BrandonGrotesque-Bold,Helvetica,sans-serif;
    letter-spacing: 3px;
    text-align: center;
}

.form input[type=email]:focus {
    outline: none;
}

.form input[type=email].error, .form input[type=text].error, .form select.error, .form textarea.error {
    border-color: red;
}

.form input::-webkit-input-placeholder {
    text-transform: uppercase;
    color: #222;
}

.form .field.select {
    background: #fff;
    border: 0;
    padding: 15px 10px 10px 5px;
}

.form select {
    background: 0 0;
    border: 0;
    padding: 0;
    line-height: 1;
}

.form option {
    text-transform: none;
}

.form input[type=submit] {
    background: #99d7b5;
    color: #fff;
    /*padding: 25px 60px 20px;*/
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin: 0;
    font-family: BrandonGrotesque-Bold,Helvetica,sans-serif;
    text-transform: uppercase;
    line-height: 1;
    outline: 0;
}

    .form input[type=submit].purple {
        background-color: #7575a0;
        min-height: 46px;
        line-height: 3;
    }

.form .hide {
    display: none;
}

.signup-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 3000;
    display: none;
}

    .signup-overlay .signup-background {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #000;
        -webkit-opacity: .8;
        -moz-opacity: .8;
        opacity: .8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
    }

.map {
    position: relative;
}

    .map .map-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: 0 0;
    }

.signup {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    max-width: 500px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/background-signup.png) 50% 100% no-repeat #8686ae;
    margin: 0 auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 150px 0 194px;
}

    .signup .closeOverlay {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .signup h2 {
        text-align: center;
        color: #fff;
    }

    .signup input[type=email], .signup input[type=text] {
        display: block;
        width: 295px;
        margin: 0 auto;
        text-transform: uppercase;
        color: #fff;
        background: 0 0;
        border: 0;
        border-bottom: 2px solid #fff;
        outline: 0;
    }

    .signup input.required {
        color: red;
    }

    .signup button.button {
        background: #fff;
        color: #000;
        border: 0;
        height: 57px;
        line-height: 64px;
        padding: 0 50px;
        display: block;
        margin: 30px auto 0;
        cursor: pointer;
    }

    .signup p {
        color: #fff;
        text-transform: uppercase;
        margin: 0 0 80px;
    }

.slideshow-quotes {
    background: #8686ae;
    height: 490px;
    margin: 100px 0 135px;
}

    .slideshow-quotes .slideshow {
        max-width: 1290px;
        margin: 0 auto;
        position: relative;
        height: 100%;
    }

        .slideshow-quotes .slideshow .slides {
            height: 100%;
        }

            .slideshow-quotes .slideshow .slides li {
                list-style: none;
                margin: 0;
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .slideshow-quotes .slideshow .slides > li {
                display: none;
                -webkit-backface-visibility: hidden;
            }

            .slideshow-quotes .slideshow .slides:after {
                content: "\0020";
                display: block;
                clear: both;
                visibility: hidden;
                line-height: 0;
                height: 0;
            }

        .slideshow-quotes .slideshow blockquote p {
            text-align: center;
            margin: 0 auto;
            max-width: 760px;
            color: #fff;
            font-size: 40px;
            line-height: 50px;
            padding: 0 100px;
        }

        .slideshow-quotes .slideshow p.cite {
            margin: 45px 0 0;
            text-align: center;
            font-size: 28px;
            color: #fff;
            padding: 0 100px;
        }

            .slideshow-quotes .slideshow p.cite img {
                max-width: 100%;
                margin: 0 auto;
            }

.footer .footer-inner, header {
    max-width: 85%;
    /*overflow: hidden;*/
}

.slideshow-quotes .slideshow ul.slideshow-direction-nav li {
    list-style: none;
}

    .slideshow-quotes .slideshow ul.slideshow-direction-nav li a {
        position: absolute;
        top: 50%;
        width: 72px;
        height: 72px;
        margin-top: -36px;
        display: block;
        background: #5b5b87;
        -webkit-border-radius: 36px;
        -moz-border-radius: 36px;
        border-radius: 36px;
        border: 0;
        z-index: 1000;
        text-indent: -9999px;
    }

        .slideshow-quotes .slideshow ul.slideshow-direction-nav li a:after {
            content: "";
            display: block;
            position: absolute;
        }

        .slideshow-quotes .slideshow ul.slideshow-direction-nav li a.slideshow-prev {
            left: 20px;
        }

            .slideshow-quotes .slideshow ul.slideshow-direction-nav li a.slideshow-prev:after {
                top: 19px;
                left: 23px;
            }

        .slideshow-quotes .slideshow ul.slideshow-direction-nav li a.slideshow-next {
            right: 20px;
        }

            .slideshow-quotes .slideshow ul.slideshow-direction-nav li a.slideshow-next:after {
                top: 19px;
                left: 30px;
            }

        .slideshow-quotes .slideshow ul.slideshow-direction-nav li a:hover {
            background: #6b6b94;
        }

.slideshow-quotes .slideshow ol.slideshow-control-nav {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
}

    .slideshow-quotes .slideshow ol.slideshow-control-nav li {
        display: inline-block;
        margin: 0 2px;
    }

#main-nav nav ul li a, header, header h1 a.logo, html.no-js .slideshow-quotes .slideshow .slides li:first-child {
    display: block;
}

.slideshow-quotes .slideshow ol.slideshow-control-nav li a {
    display: block;
    width: 14px;
    height: 14px;
    background: #fff;
    text-indent: -9999px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 0;
    cursor: pointer;
}

    .slideshow-quotes .slideshow ol.slideshow-control-nav li a.slideshow-active {
        background: #5b5b87;
    }

#header.sticky, #main-nav nav, .footer, body.page #header, html.js .module-slideshow {
    background: #fff;
}

body.page.blog #header {
    background: transparent;
}

body.page.blog .icon.logo {
    background: url(../images/icon-sprite.svg) no-repeat;
    background-size: 275px auto;
}

body.page.blog .icon.menu {
    background-position: 0 -41px;
    width: 65px;
    height: 65px;
}

body.page.blog.visible-nav .icon.menu {
    background-position: -68px -41px;
}

.blog_top {
    position: relative;
    /*background: #9ccced url(../images/blog_top.png?v0.1) repeat 0px 0px;background-size: auto 100%;*/
    background: #7778a8 url(../images/blog_header-illustration_2.svg) no-repeat center bottom;
    background-size: auto 40%;
    color: #fff;
    height: 350px;
    text-align: center;
}

    .blog_top a {
        color: #fff;
    }

    .blog_top .subtitle {
        font-size: 22px;
        margin-bottom: 20px;
    }


body.page.blog .module-page {
    padding: 40px 0px;
    background: #f9f9f9;
}

    body.page.blog .module-page .content {
        max-width: 85%;
    }

body.page.blog-post .module-page .content {
    max-width: 1016px;
}

.module-page .content.out-of-stock, .module-page .content.shop {
    max-width: 100%;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#header {
    /*position: absolute;
    top: 0;
    left: 0;*/
    z-index: 30000;
    width: 100%;
}

header {
    margin: 20px auto 20px auto;
}

    header h1 {
        float: left;
        margin-top: 28px;
        padding-bottom: 0px;
    }

    header .icon-menu {
        float: right;
        display: none;
    }

#main-nav nav {
    position: fixed;
    top: 0;
    right: 0;
    width: 320px;
    height: 100%;
    z-index: 1000;
}

    #main-nav nav ul {
        margin: 35px 10px 0 50px;
    }

        #main-nav nav ul li {
            font-family: BrandonGrotesque-Medium;
            margin: 0 0 30px;
            font-size: 26px;
            line-height: 36px;
        }

            #main-nav nav ul li a {
                color: #292929;
            }

                #main-nav nav ul li a:hover {
                    color: #999;
                }

.footer {
    position: relative;
}

    .footer #goToTop {
        position: absolute;
        bottom: 220px;
        right: 40px;
        z-index: 2000;
        display: none;
    }

        .footer #goToTop.sticky {
            position: fixed;
            bottom: 40px;
        }

    .footer .footer-inner {
        /*padding: 70px 0 40px;
        margin: 20px auto;*/
        margin: 0px auto;
        padding: 20px 0;
    }

    .footer .copyright-social, .footer .navigation {
        overflow: hidden;
        /*margin: 0 0 25px;*/
    }

        .footer .navigation ul {
            float: left;
            width: 60%;
        }

            .footer .navigation ul.main_menu {
                text-transform: uppercase;
            }

            .footer .navigation ul.right {
                text-align: right;
                width: 40%;
            }

            .footer .navigation ul.secondary.left, .footer p.copyright {
                width: auto;
                display: inline-block;
                vertical-align: middle;
            }

            .footer .navigation ul li {
                font-family: BrandonGrotesque-Medium,Helvetica,sans-serif;
                font-weight: 400;
                font-size: 17px;
                display: inline-block;
                margin-right: 10px;
            }

            .footer .navigation ul.main li {
                margin-right: 20px;
            }

            .footer .navigation ul li:last-child {
                margin-right: 0px;
            }

            .footer .navigation ul li a {
                color: #292929;
            }

                .footer .navigation ul li a:hover {
                    color: #aaa;
                }

            .footer .navigation ul li a {
                display: inline-block;
            }

        .footer .navigation.top ul.left li a {
            text-transform: uppercase;
            color: #292929;
        }

        .footer .copyright-social, .footer .copyright-social .navigation ul li a {
            color: #9b9b9b;
            font-size: 14px;
        }

        .footer .navigation ul.right li:first-child a {
            background: transparent url(../images/apple-bk.svg) no-repeat left 0;
            padding-left: 26px;
            color: #393427;
            background-size: auto 100%;
            background-position: 0px -5px;
            line-height: 32px;
        }

        .footer .navigation ul.right li:nth-child(2) a {
            background: transparent url(../images/apple-bk.svg) no-repeat left 0;
            padding-left: 26px;
            color: #393427;
            background-size: auto 100%;
            background-position: 0px -5px;
            line-height: 32px;
        }

        .footer .navigation ul.right li:nth-child(3) a {
            background: transparent url(../images/android-bk.svg) no-repeat left 0;
            padding-left: 26px;
            color: #393427;
            background-size: auto 100%;
            background-position: 0px -5px;
            line-height: 32px;
        }

}

.footer ul.social li {
    display: inline-block;
    float: none !important;
}

.footer .copyright-social .navigation {
    display: inline-block;
    padding: 10px 0px;
    margin: 0px;
}

.footer .copyright-social {
    background-color: #f9f9f9;
}

    .footer .copyright-social .footer-inner {
        margin: 0px auto;
        padding: 24px 0px;
    }

.footer p.copyright {
    text-transform: uppercase;
    display: inline-block;
    margin-left: 10px;
    font-weight: normal;
    line-height: 40px;
}

.footer p {
    margin: 0px;
}

.footer ul {
    margin: 0px;
}

    .footer ul.social {
        float: right;
    }

        .footer ul.social li {
            float: left;
            margin-left: 20px;
            list-style: none;
        }

html .module-slideshow {
    position: relative;
    background: #ffb392;
    display: block;
    width: 100%;
    height: 100%;
}

    html .module-slideshow.animate {
        -webkit-transition: background .5s ease;
        -moz-transition: background .5s ease;
        -o-transition: background .5s ease;
        transition: background .5s ease;
    }

    html .module-slideshow:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 280px;
        background-image: -webkit-gradient(linear,0 0,0 100%,from(transparent),to(rgba(0,0,0,.2)));
        background-image: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.2));
        background-image: -moz-linear-gradient(top,transparent,rgba(0,0,0,.2));
        background-image: -ms-linear-gradient(top,transparent,rgba(0,0,0,.2));
        background-image: -o-linear-gradient(top,transparent,rgba(0,0,0,.2));
    }

    html .module-slideshow.coral {
        background: #ffb392;
    }

    html .module-slideshow.indigo {
        background: #63809a;
    }

    html .module-slideshow.ocean {
        background: #7cbeb8;
    }

    html .module-slideshow.charcoal {
        background: #646464;
    }

    html .module-slideshow .introduction {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 20000;
    }

    html .module-slideshow h1 {
        font-family: BrandonGrotesque-Bold;
        text-align: center;
        color: #fff;
        max-width: 1000px;
        margin: 0 auto;
        padding: 0 30px 60px;
        font-size: 64px;
        line-height: 84px;
    }

        html .module-slideshow h1 span {
            display: block;
        }

    html .module-slideshow .product-colors li {
        display: none;
    }

        html .module-slideshow .product-colors li img {
            display: block;
            margin: 0 auto;
            width: 100%;
            max-width: 435px;
        }

        html .module-slideshow .product-colors li.active {
            display: block;
        }

    html .module-slideshow .product-pagination {
        text-align: center;
        margin: 25px 0 0;
    }

        html .module-slideshow .product-pagination li {
            display: inline-block;
            width: 19px;
            height: 19px;
            margin: 0 5px;
            text-align: center;
        }

            html .module-slideshow .product-pagination li a {
                background: #aaa;
                display: inline-block;
                width: 16px;
                height: 16px;
                text-indent: -9999px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
            }

                html .module-slideshow .product-pagination li a.coral {
                    background: #e17159;
                }

                html .module-slideshow .product-pagination li a.indigo {
                    background: #40536d;
                }

                html .module-slideshow .product-pagination li a.ocean {
                    background: #80d2ca;
                }

                html .module-slideshow .product-pagination li a.charcoal {
                    background: #252525;
                }

                html .module-slideshow .product-pagination li a.active {
                    -webkit-box-shadow: 0 0 0 3px #fff;
                    -moz-box-shadow: 0 0 0 3px #fff;
                    box-shadow: 0 0 0 3px #fff;
                }

    html .module-slideshow .cta-block {
        position: absolute;
        bottom: 40px;
        left: 0;
        width: 100%;
        z-index: 10000;
    }

        html .module-slideshow .cta-block .inner {
            max-width: 85%;
            margin: 0 auto;
            position: relative;
            text-align: center;
        }

        html .module-slideshow .cta-block a.learn-more {
            font-family: BrandonGrotesque-Bold,Helvetica,sans-serif;
            font-size: 15px;
            position: absolute;
            bottom: 0;
            /*left: 50%;*/
            left: 0;
            /*margin-left: -60px;*/
            display: inline-block;
            color: #fff;
            text-transform: uppercase;
            width: 120px;
            text-align: center;
            width: 100px;
        }

            html .module-slideshow .cta-block a.learn-more:hover {
                color: #ddd;
            }

        html .module-slideshow .cta-block a.buy-now {
            /*position: absolute;*/
            position: relative;
            bottom: 0;
            right: 0;
        }

html.no-js .module-slideshow .product-pagination {
    display: none;
}

.module-video {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    /*height: 752px;*/
    position: relative;
    padding: 20px;
}

    .module-video .content {
        width: 100%;
        max-width: 70%;
        margin: 0 auto;
        /*position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);*/
    }

        .module-video .content h2 {
            /* font-size: 75px;
            line-height: 94px;
            margin-top: 50px;*/
            margin-bottom: 10px;
            text-align: center;
            color: #3A3A3A;
            position: relative;
            color: #fff;
            z-index: 10;
        }

        .module-video .content p {
            font-family: BrandonGrotesque-Bold;
            text-align: center;
            text-transform: uppercase;
            margin: 0 auto;
            position: relative;
            top: 50%;
        }

    .module-video .content-image {
        /*height: 600px;
        position: relative;*/
        padding: 250px 0px;
        margin-bottom: 25px;
        margin-top: 100px;
    }

        .module-video .content-image .background-img {
            background-color: #92B7B5;
            background-position: 50% bottom;
            background-repeat: no-repeat;
            background-size: cover;
            background-size: auto 84%;
            position: absolute;
            height: 100%;
            width: 100%;
            /* -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);*/
            left: 0px;
            top: 0px;
        }


    .module-video.background-img {
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: cover;
        /*-webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);*/
    }

    .module-video .cta-block {
        position: absolute;
        bottom: 40px;
        left: 0;
        width: 100%;
        z-index: 10000;
    }

.module-info .content p, .module-products .products-info p {
    font-family: BrandonGrotesque-Medium;
    letter-spacing: 2px;
    font-size: 22px;
    line-height: 32px;
    /*text-transform: uppercase;*/
}

.module-video .content p a {
    display: inline-block;
    position: relative;
}

    .module-video .content p a span.arrow-right {
        position: relative;
        top: -1px;
    }

.module-info {
    display: block;
    background: #eee;
    color: #fff;
}

    .module-info .content {
        width: 100%;
        max-width: 85%;
        margin: 0 auto;
        position: relative;
    }

        .module-info .content .inner {
            width: 100%;
            max-width: 550px;
            margin: 0 auto;
            text-align: center;
        }

            .module-info .content .inner.left {
                margin: 0;
                text-align: left;
            }

            .module-info .content .inner.right {
                margin: 0 0 0 auto;
                text-align: left;
                max-width: 560px;
            }

        .module-info .content h2 {
            margin-bottom: 15px;
        }

        .module-info .content p {
            margin-bottom: 20px;
            letter-spacing: 0;
            opacity: .5;
        }

            .module-info .content p:last-child {
                margin-bottom: 0;
            }

            .module-info .content p.button-container {
                opacity: 1;
            }

        .module-info .content .illustration {
            overflow: hidden;
        }

    .module-info.gps .illustration, .module-info.play .illustration {
        max-width: 40%;
    }

    .module-info .content .illustration img {
        margin: 0 auto;
        width: auto;
        max-width: 100%;
    }

    .module-info .content .illustration .left {
        float: left;
        width: 50%;
    }

        .module-info .content .illustration .left img {
            display: block;
            width: 100%;
            max-width: 365px;
        }

    .module-info .content .illustration .right {
        float: right;
        width: 50%;
        position: relative;
    }

        .module-info .content .illustration .right img {
            display: block;
            width: 100%;
            max-width: 370px;
        }

    .module-info.simple .content .illustration .right {
        /*bottom: -71px;*/
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

    .module-info.security {
        background: #fb996e;
        padding-top: 150px;
    }

    .module-info.simple {
        background: #8686ae;
        padding-top: 115px;
    }

    .module-info.gps {
        background: #fff4c1;
        color: #393427;
        padding-top: 0;
        padding-bottom: 290px;
    }

    .module-info.play {
        background: #5ec7be;
        color: #393427;
    }

    .module-info.simple {
        color: #393427;
    }

    .module-info.more {
        background: #566db3;
    }

        .module-info.more .content .illustration img {
            max-width: 30%;
            float: left;
        }

    .module-info.security .inner {
        color: #282a27;
        padding-bottom: 70px;
    }

    .module-info.security .illustration {
        position: relative;
        /* bottom: -48px;*/
    }

        .module-info.security .illustration img {
            max-width: 600px;
            width: 100%;
        }

    .module-info.simple .inner {
        max-width: 630px;
        padding-bottom: 40px;
        z-index: 2;
        position: relative;
    }

        .module-info.simple .inner p {
            max-width: 560px;
            margin: 0 auto;
            letter-spacing: 0;
            opacity: .5;
        }

            .module-info.simple .inner p .button {
                opacity: 1;
            }

    .module-info.simple .illustration {
        position: relative;
        margin-top: -65px;
    }

        .module-info.simple .illustration .left {
            position: relative;
            bottom: -1px;
            float: left;
        }

    .module-info.gps .inner {
        padding-top: 220px;
        padding-bottom: 40px;
        /* color: #fff;*/
    }

    .module-info.gps .illustration {
        position: absolute;
        left: 0;
        top: 125px;
    }

        .module-info.gps .illustration img {
            width: 500px;
        }

    .module-info.play .inner {
        padding-top: 270px;
        padding-bottom: 340px;
    }

    .module-info.play .illustration {
        position: absolute;
        right: 0;
        bottom: 95px;
    }

        .module-info.play .illustration img {
            width: 500px;
        }

    .module-info.more .content {
        max-width: 1024px;
    }

    .module-info.more .inner.right {
        padding-top: 150px;
        padding-bottom: 200px;
        max-width: 100%;
        width: auto;
        padding-left: 400px;
    }

    .module-info.more .illustration {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 100%;
    }

    .module-info.simple .inner p.mobile-menu {
        margin-top: 20px;
    }

.android-ico {
    background: transparent url(../images/android.svg) no-repeat left 0px;
    padding-left: 25px;
    margin-right: 10px;
    color: #393427;
    background-size: auto 80%;
}

    .android-ico:hover {
        color: #393427;
        opacity: 0.8;
    }



.ios-ico {
    background: transparent url(../images/apple.svg) no-repeat left 0px;
    padding-left: 25px;
    margin-right: 10px;
    color: #393427;
    background-size: auto 80%;
}

    .ios-ico:hover {
        color: #393427;
        opacity: 0.8;
    }

.spacer-ico-right {
}

.module-products {
    background: #eaeaea;
    padding: 125px 0 180px;
    color: #3A3A3A;
}

    .module-products .products-info {
        max-width: 650px;
        margin: 0 auto 120px;
        text-align: center;
        padding: 0 20px;
    }

        .module-products .products-info h2 {
            margin-bottom: 15px;
        }

        .module-products .products-info p {
            margin-bottom: 20px;
            letter-spacing: 0;
            opacity: .5;
        }

            .module-products .products-info p a {
                color: #fff;
            }

        .module-products .products-info.read-more {
            margin: 100px auto 0;
        }

    .module-products .products-wrapper {
        max-width: 1040px;
        width: 80%;
        margin: 0 auto;
        overflow: hidden;
    }

        .module-products .products-wrapper .product {
            width: 25%;
            float: left;
            text-align: center;
        }

            .module-products .products-wrapper .product a {
                position: relative;
                width: auto;
                max-width: 210px;
                display: block;
                margin: 0 auto;
                padding: 0 20px;
                border-bottom: none;
            }

            .module-products .products-wrapper .product .product_container {
                position: relative;
                width: auto;
                max-width: 210px;
                display: block;
                margin: 0 auto;
                padding: 0 20px;
                border-bottom: none;
            }

            .module-products .products-wrapper .product img {
                width: 100%;
                display: block;
            }

            .module-products .products-wrapper .product .button.price {
                width: 114px;
                margin: 20px 0 0;
            }


.out-of-stock .module-products {
    padding: 0px;
}

    .out-of-stock .module-products .products-wrapper .product .button.price {
        width: auto;
        color: #292929;
    }



.module-products .product-tech {
    margin: 20px 0 70px;
    text-align: center;
}

    .module-products .product-tech a {
        color: #212227;
        text-decoration: underline;
    }

.module-page {
    padding: 200px 0 95px;
    display: block;
    background: #f9f9f9;
    color: #292929;
}

    .module-page .content {
        /*padding: 0 20px;*/
        max-width: 1016px;
        margin: 0 auto;
    }

    .module-page h1, .blog_top h1 {
        font-size: 50px;
        line-height: 60px;
        font-family: BrandonGrotesque-Bold;
        margin: 0 0 60px;
    }

.blog_top h1 {
    margin-bottom: 10px !important;
    margin-top: -40px;
}

.blog_category h1 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 30px;
}

.module-page h2, .module-page h3, .module-page p {
}

.module-page.contact h1 {
    margin: 0 0 25px;
}

.module-page h2 {
    font-family: BrandonGrotesque-Bold;
    text-transform: uppercase;
    margin: 0 0 5px;
}


.module-page h3, .module-page strong {
    font-family: BrandonGrotesque-Bold;
    font-weight: normal;
}

.module-page article .post-content strong {
    font-family: 'Arvo', serif;
}

.module-page article .post-content ul {
    font-family: 'Arvo', serif;
}

.module-page p {
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 30px;
    font-family: BrandonGrotesque-Medium;
}

    .module-page p.presskit-link {
        text-align: center;
    }

.module-page .text-block {
    margin-bottom: 60px;
}

.module-page a {
    color: #292929;
    border-bottom: 1px solid #292929;
}

    .module-page a:hover {
        color: #888;
        border-color: #888;
    }

.module-page .module.how-it-works .detail-big-left:before, .module-page .module.how-it-works .detail-big-right:before, .module-page .module.how-it-works .detail-left:before {
    border-top: 1px solid #292929;
    left: 0;
    top: 50%;
    content: "";
}

.module-page .module.how-it-works .inner.right {
    margin: 0 0 0 auto;
    text-align: left;
    max-width: 560px;
    max-width: 60%;
}

.module-page .module.how-it-works p {
    letter-spacing: 0;
    opacity: .5;
}

.module-page .contact-label {
    display: inline-block;
    width: 135px;
    text-align: left;
}

.module-page ul {
    margin: 0 0 30px;
}

    .module-page ul li {
        list-style-type: disc;
        margin: 0 0 0 20px;
    }

.module-page #jobs .job {
    margin: 0 0 80px;
    padding: 0 0 40px;
    border-bottom: 1px solid #ededed;
}

    .module-page #jobs .job h2 a, .module-page #jobs .job:last-child {
        border-bottom: 0;
    }

    .module-page #jobs .job h3.tags {
        margin: 0 0 30px;
    }

    .module-page #jobs .job p a {
        font-family: BrandonGrotesque-Medium;
    }

.module-page .module.how-it-works h2 {
    font-family: BrandonGrotesque-Bold,sans-serif;
    font-size: 50px;
    line-height: 60px;
    text-transform: none;
}

.module-page .module.how-it-works h3 {
    font-family: BrandonGrotesque-Regular,Arial,sans-serif;
    margin: 0;
    padding: 0 20px;
}

.module-page .module.how-it-works.world h3 {
    font-family: BrandonGrotesque-Bold;
}

.module-page .module.how-it-works p {
    font-family: BrandonGrotesque-Medium,Arial,sans-serif;
    max-width: 840px;
    margin: 10px auto 0;
    padding: 0 20px;
    text-align: center;
}

.module-page .module.how-it-works .detail-left {
    position: absolute;
    width: 350px;
    text-align: left;
}

    .module-page .module.how-it-works .detail-left:before {
        z-index: 1000;
        display: block;
        position: absolute;
        width: 100%;
        height: 1px;
        background: #292929;
    }

    .module-page .module.how-it-works .detail-left:after {
        display: block;
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        height: 6px;
        width: 6px;
        background: #292929;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin-top: -2px;
    }

    .module-page .module.how-it-works .detail-left span {
        position: relative;
        z-index: 2000;
        background: #292929;
        font-family: BrandonGrotesque-Bold,Arial,sans-serif;
        text-transform: uppercase;
        color: #fff;
        line-height: 1;
        display: inline-block;
        padding: 15px 27px 10px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        font-size: 15px;
        line-height: 18px;
    }

.module-page .module.how-it-works .detail-big-left span, .module-page .module.how-it-works .detail-big-right span {
    background: #292929;
    font-family: BrandonGrotesque-Bold,Arial,sans-serif;
    padding: 17px 55px 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 18px;
}

.module-page .module.how-it-works .detail-big-left {
    position: absolute;
    width: 390px;
    text-align: left;
    margin-top: -32px;
}

    .module-page .module.how-it-works .detail-big-left:before {
        z-index: 1000;
        display: block;
        position: absolute;
        width: 100%;
        height: 1px;
        background: #292929;
    }

    .module-page .module.how-it-works .detail-big-left:after {
        display: block;
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        height: 6px;
        width: 6px;
        background: #292929;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin-top: -2px;
    }

    .module-page .module.how-it-works .detail-big-left span {
        position: relative;
        z-index: 2000;
        display: inline-block;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
        text-align: center;
    }

.module-page .module.how-it-works .detail-big-right {
    position: absolute;
    width: 270px;
    text-align: left;
    margin-top: -32px;
}

    .module-page .module.how-it-works .detail-big-right:before {
        z-index: 1000;
        display: block;
        position: absolute;
        width: 100%;
        height: 1px;
        background: #292929;
    }

    .module-page .module.how-it-works .detail-big-right:after {
        display: block;
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        height: 6px;
        width: 6px;
        background: #292929;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin-top: -2px;
    }

    .module-page .module.how-it-works .detail-big-right span {
        float: right;
        position: relative;
        z-index: 2000;
        display: inline-block;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
        text-align: center;
    }

.module-page .module.how-it-works.intro {
    text-align: center;
    background: #f9f9f9;
    padding: 90px 0 60px;
}

    .module-page .module.how-it-works.intro h1 {
        margin: 0;
    }

    .module-page .module.how-it-works.intro .illustration {
        padding: 30px 0 40px;
    }

        .module-page .module.how-it-works.intro .illustration img {
            width: 100%;
            max-width: 675px;
            margin: 0 auto;
        }

.module-page .module.how-it-works.world {
    background: #324b5d;
    text-align: center;
    color: #fff;
    padding: 95px 0 65px;
}

    .module-page .module.how-it-works.world h1 {
    }

    .module-page .module.how-it-works.world h2 {
        position: relative;
        margin-top: 0px;
    }

    .module-page .module.how-it-works.world .illustration img {
        width: 100%;
        max-width: 725px;
        margin: 0 auto;
    }

.module-page .module.how-it-works.sim {
    padding: 90px 0 0;
    /*background: #5ec7be;*/
    background: #fff;
    text-align: center;
    /*color: #fff;*/
    color: #3A3A3A;
}

    .module-page .module.how-it-works.sim p {
        max-width: 540px;
    }

    .module-page .module.how-it-works.sim .illustration {
        position: relative;
        width: 100%;
        max-width: 730px;
        margin: 20px auto 0;
    }

        .module-page .module.how-it-works.sim .illustration .detail-left {
            top: 165px;
            left: -120px;
        }

        .module-page .module.how-it-works.sim .illustration img {
            width: 100%;
        }

.module-page .module.how-it-works.bluetooth {
    padding: 80px 0 0px;
    text-align: center;
    background-color: #8c8da9;
    color: #fff;
    margin-bottom: -155px;
}

    .module-page .module.how-it-works.bluetooth .inner {
        padding: 0px 0px 70px 0px;
    }

    .module-page .module.how-it-works.bluetooth h2 {
        margin: 0 auto;
        max-width: 700px;
    }

    .module-page .module.how-it-works.bluetooth p {
        max-width: 700px;
    }

    .module-page .module.how-it-works.bluetooth .illustration img {
        width: 100%;
        max-width: 567px;
        margin: 0 auto 40px;
    }

.module-page .module.how-it-works.contacts {
    background: #edeef0;
    padding: 130px 0 155px;
    color: #3A3A3A;
    text-align: center;
}

    .module-page .module.how-it-works.contacts .inner {
        padding: 70px 0px 0px 0px;
    }

    .module-page .module.how-it-works.contacts h2 {
        margin: 0 auto;
        max-width: 700px;
    }

    .module-page .module.how-it-works.contacts p {
        max-width: 700px;
        margin-bottom: 40px;
    }

    .module-page .module.how-it-works.contacts .illustration {
        width: 100%;
        /*max-width: 1120px;*/
        max-width: 567px;
        margin: 0 auto;
        position: relative;
    }

        .module-page .module.how-it-works.contacts .illustration img {
            width: 100%;
            position: relative;
            bottom: -35px;
        }

.module-page .module.how-it-works.arm {
    margin-top: -20px;
    margin-bottom: -20px;
    max-width: 100%;
    overflow: hidden;
}

    .module-page .module.how-it-works.arm .illustration {
        position: relative;
    }

        .module-page .module.how-it-works.arm .illustration .detail-big-left {
            top: 50%;
            right: 30.7%;
        }

        .module-page .module.how-it-works.arm .illustration .detail-big-right {
            top: 43.1%;
            left: 76.8%;
        }

        .module-page .module.how-it-works.arm .illustration img {
            display: block;
            width: 100%;
        }

.module-page .module.how-it-works.position {
    padding: 0px;
    background: #ffe7a5;
    color: #3A3A3A;
    text-align: center;
    border-top: 1px solid transparent;
}

    .module-page .module.how-it-works.position .content {
        width: 100%;
        max-width: 1120px;
        margin: 0 auto;
        position: relative;
    }

        .module-page .module.how-it-works.position .content .inner {
            padding-top: 12%;
            padding-bottom: 40px;
            max-width: 65%;
        }

            .module-page .module.how-it-works.position .content .inner p {
                text-align: left;
                padding-left: 0px;
            }

    .module-page .module.how-it-works.position .illustration {
        float: left;
        max-width: 30%;
    }

        .module-page .module.how-it-works.position .illustration img {
            width: 100%;
            max-width: 379px;
            margin: -89px auto -89px;
            position: relative;
            z-index: 2;
        }

    .module-page .module.how-it-works.position h3 {
        margin: 45px 0 0;
    }

    .module-page .module.how-it-works.position p {
        max-width: 700px;
    }


.module-page .module.how-it-works.timeline {
    padding: 90px 20px 15px;
    clear: both;
}

    .module-page .module.how-it-works.timeline h2 {
        text-align: center;
    }

    .module-page .module.how-it-works.timeline #timeline {
        max-width: 980px;
        margin: 0 auto;
        position: relative;
    }

        .module-page .module.how-it-works.timeline #timeline:after {
            content: "";
            height: 2px;
            width: 83.16326531%;
            display: block;
            background: #d2d2d2;
            position: absolute;
            top: 133px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .module-page .module.how-it-works.timeline #timeline ul {
            overflow: hidden;
        }

            .module-page .module.how-it-works.timeline #timeline ul h4, .module-page .module.how-it-works.timeline #timeline ul p {
                font-family: BrandonGrotesque-Regular,Arial,sans-serif;
            }

            .module-page .module.how-it-works.timeline #timeline ul li {
                text-align: center;
                list-style: none;
                float: left;
                width: 16.666666667%;
                margin: 0;
            }

            .module-page .module.how-it-works.timeline #timeline ul h4 {
                height: 100px;
                position: relative;
                margin: 0 10px 20px;
            }

                .module-page .module.how-it-works.timeline #timeline ul h4 span {
                    display: block;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                }

            .module-page .module.how-it-works.timeline #timeline ul p {
                position: relative;
                z-index: 1000;
                padding: 40px 0 0;
                margin: 0;
            }

                .module-page .module.how-it-works.timeline #timeline ul p:before {
                    background: #fff;
                    content: "";
                    width: 11px;
                    height: 11px;
                    border-radius: 18px;
                    display: block;
                    border: 7px solid #fb6f7a;
                    position: absolute;
                    top: 0;
                    left: 50%;
                    margin-left: -14px;
                }

.module-page .module.how-it-works.order {
    padding: 30px 0 60px;
    text-align: center;
    clear: both;
}

.module-page .module.how-it-works.nitty-gritty {
    padding: 150px 20px 0;
}

    .module-page .module.how-it-works.nitty-gritty h2 {
        text-align: center;
    }

    .module-page .module.how-it-works.nitty-gritty img {
        display: block;
        width: 100%;
    }

    .module-page .module.how-it-works.nitty-gritty .product-detail-1 {
        max-width: 880px;
        display: block;
        margin: 0 auto;
        position: relative;
    }

    .module-page .module.how-it-works.nitty-gritty .product-detail-2 {
        max-width: 1024px;
        display: block;
        margin: 50px auto 0;
        position: relative;
    }

    .module-page .module.how-it-works.nitty-gritty ul.footnotes {
        display: none;
    }

    .module-page .module.how-it-works.nitty-gritty li.detail {
        position: absolute;
        text-transform: uppercase;
        font-family: BrandonGrotesque-Bold,Helvetica,sans-serif;
        font-size: 15px;
        line-height: 18px;
        letter-spacing: 1px;
        width: 250px;
        margin: -7px 0 0;
    }

        .module-page .module.how-it-works.nitty-gritty li.detail:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 6px;
            width: 100%;
            height: 2px;
            vertical-align: top;
            background: #222;
        }

        .module-page .module.how-it-works.nitty-gritty li.detail:after {
            content: "";
            display: block;
            height: 7px;
            width: 7px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            background: #222;
            position: absolute;
            top: 4px;
            right: 0;
        }

        .module-page .module.how-it-works.nitty-gritty li.detail span.text {
            display: inline-block;
            background: #f9f9f9;
            position: relative;
            z-index: 1000;
            padding: 0 10px 0 0;
            text-align: center;
        }

        .module-page .module.how-it-works.nitty-gritty li.detail span.dot {
            display: inline-block;
            text-indent: -999px;
            height: 12px;
            width: 12px;
            position: relative;
            vertical-align: top;
            top: 1px;
            background: #222;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
        }

        .module-page .module.how-it-works.nitty-gritty li.detail.right span.dot, .module-page .module.how-it-works.nitty-gritty li.detail.right span.text {
            float: right;
        }

        .module-page .module.how-it-works.nitty-gritty li.detail.right span.text {
            padding: 0 0 0 10px;
        }

        .module-page .module.how-it-works.nitty-gritty li.detail.right:after {
            right: auto;
            left: 0;
        }

    .module-page .module.how-it-works.nitty-gritty .product-detail-1 li.detail-1 {
        top: 16.1%;
        right: 58.9%;
    }

    .module-page .module.how-it-works.nitty-gritty .product-detail-1 li.detail-2 {
        top: 41.6%;
        right: 59.5%;
    }

    .module-page .module.how-it-works.nitty-gritty .product-detail-1 li.detail-3 {
        top: 70.4%;
        right: 57.8%;
        width: 280px;
    }

    .module-page .module.how-it-works.nitty-gritty .product-detail-1 li.detail-4 {
        top: 36.6%;
        left: 54.3%;
    }

    .module-page .module.how-it-works.nitty-gritty .product-detail-1 li.detail-5 {
        top: 54%;
        left: 53.5%;
    }

    .module-page .module.how-it-works.nitty-gritty .product-detail-1 li.detail-6 {
        top: 73%;
        left: 52.4%;
        width: 300px;
    }

    .module-page .module.how-it-works.nitty-gritty .product-detail-1 li.detail-2 span.text {
        width: 76px;
    }

    .module-page .module.how-it-works.nitty-gritty .product-detail-1 li.detail-4 span.text, .module-page .module.how-it-works.nitty-gritty .product-detail-1 li.detail-5 span.text {
        width: 100px;
    }

    .module-page .module.how-it-works.nitty-gritty .product-detail-1 li.detail-6 span.text {
        width: 135px;
    }

    .module-page .module.how-it-works.nitty-gritty .product-detail-2 li.detail-1 {
        top: 44.7%;
        right: 59.4%;
        width: 340px;
    }

    .module-page .module.how-it-works.nitty-gritty .product-detail-2 li.detail-2 {
        top: 74.5%;
        left: 62%;
        width: 420px;
    }

    .module-page .module.how-it-works.nitty-gritty .product-detail-2 li.detail-1 span.text {
        width: 140px;
    }

    .module-page .module.how-it-works.nitty-gritty .product-detail-2 li.detail-2 span.text {
        width: 140px;
        padding-left: 0;
    }

body.how-it-works .module-page {
    padding: 105px 0 0;
}



.article_box_listing {
    clear: both;
    width: 100%;
}


    .article_box_listing .box_article {
        display: inline-block;
        width: 32%;
        margin-right: 1.3%;
        margin-bottom: 1.3%;
        vertical-align: top;
        background: #edeef0;
        border-bottom: 5px solid transparent;
        overflow: hidden;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        cursor: pointer;
    }



        .article_box_listing .box_article:nth-child(3n+0) {
            margin-right: 0%;
        }

        .article_box_listing .box_article .image {
            background-color: rgba(159,160,184,.5);
            width: 100%;
            height: 256px;
            overflow: hidden;
            /*border: 2px solid transparent;*/
            display: block;
            position: relative;
            border: none;
        }

            .article_box_listing .box_article .image img {
                width: 100%;
                height: 100%;
            }

            .article_box_listing .box_article .image .hover {
                position: absolute;
                width: 100%;
                height: 100%;
                background: rgba(159, 160, 184, .5);
                text-align: center;
                color: #fff;
                z-index: 10;
                font-family: BrandonGrotesque-Bold;
                font-size: 17px;
                line-height: 22px;
                opacity: 0;
                -moz-transition: all .4s ease-in-out;
                -o-transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                -webkit-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
            }

            .article_box_listing .box_article .image .cover {
                width: 100%;
                height: 100%;
                display: block;
                position: relative;
                overflow: hidden;
                background-size: cover;
                background-position: center;
            }

        .article_box_listing .box_article .box_content {
            padding: 7%;
            margin-bottom: -5px;
        }

        .article_box_listing .box_article .description {
            margin: 0px 0 7%;
            font-size: 17px;
            line-height: 22px;
            font-family: 'PT Serif', serif !important;
        }

            .article_box_listing .box_article .description p {
                font-family: 'Arvo', serif;
                font-size: 15px;
                line-height: 22px;
            }

        .article_box_listing .box_article .title, .article_box_listing .box_article .title a {
            margin: 0px;
            text-decoration: none;
            border-bottom: 0px solid #292929;
            font-size: 22px;
            line-height: 32px;
            font-family: BrandonGrotesque-Bold;
            -moz-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            -ms-transition: all .4s ease-in-out;
            -webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
        }

        .article_box_listing .box_article .title {
            height: auto;
            overflow: hidden;
            margin: 0px;
            font-size: 17px;
            line-height: 22px;
            margin: 0px 0 10px;
        }

        .article_box_listing .box_article .box_content p {
            margin: 0px;
            max-height: 44px;
            overflow: hidden;
        }


        .article_box_listing .box_article:hover .title a {
        }




        .article_box_listing .box_article:hover {
            border-bottom: 5px solid #8c8da9;
        }


            .article_box_listing .box_article:hover .image .hover {
                display: block;
                opacity: 1;
            }

        .article_box_listing .box_article .meta {
            font-size: 15px;
            line-height: 18px;
            margin-top: 6%;
            margin-bottom: 0px;
        }

            .article_box_listing .box_article .meta .categories {
                display: inline-block;
                max-width: 49%;
                vertical-align: top;
            }

                .article_box_listing .box_article .meta .categories a {
                    font-size: 15px;
                    line-height: 18px;
                    text-decoration: none;
                    border-bottom: none;
                }

            .article_box_listing .box_article .meta .date {
                display: inline-block;
                max-width: 51%;
                vertical-align: top;
                float: right;
            }



.type-blog h1 {
    font-size: 40px;
    line-height: 48px;
    color: #292929;
    border: 0px;
    margin: 0 0 0px;
}

    .type-blog h1 a {
        font-size: 40px;
        line-height: 48px;
        color: #292929;
        border: 0px;
    }

.type-blog .meta {
    color: #6b6b6b;
    margin: 15px 0 25px;
    font-size: 17px;
}

    .type-blog .meta .categories, .type-blog .meta .date {
        display: inline-block;
    }

        .type-blog .meta .categories a {
            border: none;
        }

body.page.blog .module-page h2 {
    text-transform: none;
    margin: 0 0 20px;
}

.recommendations {
    margin: 30px auto;
}

    .recommendations h2.module-title {
        text-align: left;
    }

    .recommendations .article_box_listing .box_article .image {
        height: 156px;
    }

    .recommendations .article_box_listing .box_article .box_content {
        padding: 4%;
        margin-bottom: -5px;
    }

.share_bottom {
    border-top: 1px solid #e1e1e1;
    padding: 10px;
    text-align: right;
}

    .share_bottom span {
        display: inline-block;
        vertical-align: middle;
        margin-left: 15px;
    }

        .share_bottom span a {
            display: inline-block;
            border: 0;
        }

.share .facebook {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background: transparent url(../images/facebook.png) no-repeat center center;
    width: 10px;
    height: 21px;
    /*display: none;*/
    cursor: pointer;
}

    .share .facebook iframe, .share .twitter iframe, .share .plusone iframe {
        -ms-zoom: 4;
        -moz-transform: scale(4);
        -moz-transform-origin: 0 0;
        -o-transform: scale(4);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(4);
        -webkit-transform-origin: 0 0;
        transform: scale(4);
        transform-origin: 0 0;
        opacity: 0.001;
        margin: -10px 0px 0px -10px;
    }

.share .twitter {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background: transparent url(../images/twitter.png) no-repeat center center;
    width: 15px;
    height: 21px;
    /*display: none;*/
    cursor: pointer;
}

.share .plusone {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background: transparent url(../images/plusone.png) no-repeat center center;
    width: 145px;
    height: 30px;
    /*display: none;*/
    cursor: pointer;
}

article .post-content {
    margin-bottom: 15px;
    font-family: 'Arvo', serif;
}

    article .post-content img, article .post-content iframe {
        max-width: 100% !important;
        height: auto !important;
    }

article .post-content {
    margin: 0px 0px 15px 0px;
    font-family: 'Arvo', serif;
    font-size: 16px;
    line-height: 26px;
}

    article .post-content p {
        margin: 0px 0px 15px 0px;
        font-family: 'Arvo', serif;
        font-size: 16px;
        line-height: 26px;
    }

.page-custom .post-content {
    margin-bottom: 15px;
    font-family: 'Arvo', serif;
}

    .page-custom .post-content img, article .post-content iframe {
        max-width: 100% !important;
        height: auto !important;
    }

.page-custom .post-content {
    margin: 0px 0px 15px 0px;
    font-family: 'Arvo', serif;
    font-size: 16px;
    line-height: 26px;
}

    .page-custom .post-content p {
        margin: 0px 0px 15px 0px;
        font-family: 'Arvo', serif;
        font-size: 16px;
        line-height: 26px;
    }

.ProductList {
    text-align: center;
}

    #home .ProductList li, .productPage .ProductList li, .ProductList li {
        width: 25%;
    }

    .ProductList .ProductImage img, #ProductDetails .ProductThumbImage img {
        margin: 0px auto 10px auto;
    }

.button.price {
    background-color: #99d7b5 !important;
    color: #fff;
}

    .button.price:hover {
        color: #99d7b5;
    }

    .button.price.of.stock {
        background-color: #aaa !important;
    }

        .button.price.of.stock:hover {
            color: #aaa !important;
        }

        .button.price.of.stock .icon.smiley-white {
            background: url(../images/tinitell_sad_face_white.svg) no-repeat !important;
            background-size: 100% 100% !important;
            width: 56px;
            height: 56px;
            top: 25%;
            left: 50%;
            margin: -14px 0 0 -25px;
        }

.btn {
    border-radius: 35px;
    padding: 0 30px;
    background-color: #99d7b5;
    color: #fff;
    min-height: 63px;
    line-height: 4;
    font-size: 17px;
}

    .btn:hover {
    }

.ProductList {
    text-align: center;
}

    .ProductList .pname {
        font-size: 24px;
        line-height: 32px;
    }

    .ProductList .p-price {
        font-size: 17px;
        line-height: 32px;
        font-family: BrandonGrotesque-Regular,sans-serif;
        font-weight: 900;
    }

.newsletter-subscription {
    background-color: #8686ae;
    color: #fff;
}

    .newsletter-subscription h4 {
        color: #fff;
        text-transform: uppercase;
        font-size: 20px;
    }

#creditcard_cctype {
    width: 100% !important;
}

input.Textbox, textarea, input[type="text"], input[type="password"], div.selector {
    border-radius: 17px;
    padding: 0 18px;
    border: 1px solid #ddd;
    width: 100%;
    max-width: 400px;
}

.form input[type=email], .form input[type=text], .form select, .form textarea {
    /*border: 0;*/
}

.newsletter-subscription input[type=email], .newsletter-subscription input[type=text],
.newsletter-subscription input.Textbox, .newsletter-subscription textarea, .newsletter-subscription input[type="text"], .newsletter-subscription input[type="password"], .newsletter-subscription div.selector {
    border: 0;
    font-family: BrandonGrotesque-Regular,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    padding-top: 4px;
}


.SideRelatedProducts h2 {
    text-align: center;
    margin-top: 40px;
}

.CartContents thead {
    background: none;
    color: #7f8387;
    font-size: 22px;
}

.TitleHeading {
    text-align: center;
}

table.General thead tr th, table.CartContents thead tr th {
    text-align: right;
}

table.General thead tr th, table.CartContents thead tr th {
    text-align: left;
}

    table.CartContents thead tr th:first-child {
        text-align: left;
    }

.btn.alt {
    background-color: #99d7b5;
    color: #fff;
    min-height: 63px;
    line-height: 4;
    font-size: 17px;
    color: #fff;
    border: 0;
}

    .btn.alt:hover {
        border: 0;
        color: #fff;
    }

.btn.alt2 {
    background: #99d7b5;
    color: #fff;
    /*min-height: 63px;
    line-height: 5em;*/
}

    .btn.alt2:hover {
        color: #fff;
    }

.newsletter-subscription .btn {
    background-color: #7575a0;
}

    .newsletter-subscription .btn:hover {
        background-color: #7575a0;
    }

.btn.create_account, .btn.purple {
    border: 1px solid #7575a0;
    background-color: #7575a0;
    min-height: 46px;
    line-height: 3;
}

    .btn.create_account:hover, .btn.purple:hover {
        border: 1px solid #7575a0;
        background-color: #7575a0;
        min-height: 46px;
        line-height: 3;
    }

a.infolink {
    color: #000;
    border-bottom: 1px solid #000;
    font-size: 18px;
}

    a.infolink:hover {
        text-decoration: none;
        border-bottom: 0px solid #000;
    }

.CurrencyList dd, select, hr, input.Textbox, textarea, input[type="text"], input[type="password"], .QuickSearch, .SharePublicWishList, .ExpressCheckoutBlock .ExpressCheckoutTitle, .TabNav li a, .HowToPay, .NotifyMessage, .QuickSearchResult .QuickSearchResultImage, .CurrencyChooser, div.uploader, div.selector border-radius: 19px;
}

.ExpressCheckout input[type="text"], .ExpressCheckout input[type="password"], .ExpressCheckout .selector {
    width: 95% !important;
}

#FormField_13, #FormField_23 {
    width: 100% !important;
}

.selector {
    max-width: 100%;
}

.main {
    background-color: #f2f2f2;
    clear: both;
    padding-top: 60px;
}

.Breadcrumb {
    display: none !important;
}

.main-related {
    background-color: #fff;
    padding: 20px 0px;
}

.TitleHeading, .TabNav {
    border: none;
}

.step {
    background-color: #99d7b5;
    border-radius: 50%;
    color: #fff;
    padding: 10px;
    margin-right: 10px;
    width: 10px;
    display: inline-block;
    text-align: center;
    height: 10px;
    vertical-align: middle;
    line-height: 1;
}

.TopMenu {
    font-size: 18px;
    display: inline;
}

    .TopMenu, .TopMenu a {
        color: #000;
        text-transform: uppercase;
        font-size: 17px;
    }

.slide-show {
    margin-bottom: 0px !important;
}

.flex-control-nav {
    margin-top: -37px;
    bottom: 20px !important;
}

.TopMenu .inner {
    padding: 30px 0px 0px 0;
    float: right;
}

.addto {
    display: inline-block;
    vertical-align: middle;
    border: none;
}

.DetailRow.qty {
    display: inline-block;
    vertical-align: middle;
}

.ProductDetailsGrid .Label, .ProductDetailsGrid .Value, .ProductAddToCart .productAttributeLabel, .Value.AddCartButton {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0px 0;
}

.SideRelatedProducts h2, #SimilarMultiProductsByCustomerViews h2 {
    font-family: BrandonGrotesque-Medium;
    font-size: 48px;
    line-height: 60px;
    color: #292929;
}

#SimilarMultiProductsByCustomerViews {
    text-align: center;
}

#ProductDetails .ProductTinyImageList ul li {
    background-color: transparent;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    opacity: 1 !important;
    height: 64px !important;
    width: 64px !important;
    overflow: hidden;
}

    #ProductDetails .ProductTinyImageList ul li:hover {
        background-color: transparent;
        border: 1px solid #67cac1;
        border-radius: 50%;
    }

.EstimateShipping {
    background: transparent;
    border: none;
}

.EstimateShippingButtons .btn {
    margin: 0px;
}

.EstimateShipping div.selector span {
    width: 262px;
    text-align: left;
}

.CouponCode input[type="text"], .GiftCertificateCode input[type="text"] {
    width: 75%;
    max-width: 325px;
}


.ProductTinyImageList ul li div {
    height: 60px !important;
    width: 60px !important;
    border: 0px solid #dfdfdf !important;
}

.ProductTinyImageList img {
    padding: 0px !important;
    border: 2px solid #c1c2c3;
    border-radius: 50%;
}

    .ProductTinyImageList img:hover {
        padding: 0px !important;
    }

#header .subtitle {
    font-size: 20px;
    display: inline-block;
    vertical-align: bottom;
    padding-top: 40px;
    padding-left: 10px;
    color: #7778A8;
    margin-bottom: -10px;
    font-weight: 900;
}

.TopMenu > .inner {
    width: auto;
}

.ProductMain table.ExpectedReleaseDate {
    margin-left: 0px;
}

    .ProductMain table.ExpectedReleaseDate td {
        background-color: #5ec7be;
        border-color: #5ec7be;
        color: #fff;
        background-color: transparent;
        border: none;
        color: coral;
        padding: 0px;
    }

#QuickViewProductDetails .productAttributeValue {
    display: inline-block;
}


.QuickViewBtn {
    left: 50% !important;
    margin-left: -60px !important;
}

.productAttributeValue .selector, #uniform-qty_ {
    border: 1px solid #ddd !important;
    margin-bottom: 0px !important;
}

#QuickViewProductDetails .addToCart {
    padding-top: 10px;
}

.InfoMessage, .SuccessMessage {
    background-color: #5ec7be;
    border-color: #5ec7be;
    color: #000000;
    font-weight: normal;
    font-size: 20px;
    border-radius: 0px;
    background-color: transparent;
    border: none;
}

    .InfoMessage a, .SuccessMessage a {
        /*color: #fff !important;
        border-bottom: 1px solid #fff !important;*/
    }

.ContinueShopping, .ContinueShopping a {
    /*font-size: 20px;*/
    color: #000000;
}

.Left li a.active,
a:hover,
a.alt,
.Left #SideCategoryList li a:hover,
.Left .slist li a:hover,
.Left .afterSideShopByBrand a:hover,
.Left #GiftCertificatesMenu li a:hover,
.Left #SideAccountMenu li a:hover,
.ModalContent h4 a:hover {
    color: #000000;
}

.recaptchatable a:hover,
.page-content #LayoutColumn2 a.pname:hover,
#ModalContent a:hover,
.ModalContent a:hover {
    color: #000000;
}

p a, .BlockContent.PageContent h1 a, p a, .BlockContent.PageContent h2 a, p a, .BlockContent.PageContent h3 a, p a, .BlockContent.PageContent h4 a, p a, .BlockContent.PageContent h5 a, p a, .BlockContent.PageContent h6 a {
    color: #393427;
    border-bottom: 1px solid #000;
}

    p a:hover, .BlockContent.PageContent h1 a:hover, p a:hover, .BlockContent.PageContent h2 a:hover, p a:hover, .BlockContent.PageContent h3 a:hover, p a:hover, .BlockContent.PageContent h4 a:hover, p a:hover, .BlockContent.PageContent h5 a:hover, p a:hover, .BlockContent.PageContent h6 a {
        color: #393427;
        border-bottom: none;
    }

ul.tabs {
    top: -1px;
}

#tabcontent {
    background: #fff;
}

.HomePageCategory {
}

    .HomePageCategory h2, .HomePageCategory h2 a {
        font-weight: normal;
        text-align: center;
        color: #393427;
        margin-bottom: 0px;
        padding: 0px;
        margin-top: 50px;
        font-size: 48px;
        font-family: BrandonGrotesque-Bold,Helvetica,sans-serif;
        line-height: 60px;
    }

.ProceedToCheckout {
    float: right;
}

.bootbox-close-button {
    display: none;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

    .modal-backdrop.fade {
        opacity: 0;
        display: none;
    }

        .modal-backdrop,
        .modal-backdrop.fade.in {
            opacity: 0.8;
            filter: alpha(opacity=80);
            display: block;
        }

.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

    .modal.fade {
        /*top: -25%;*/
        -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
        -o-transition: opacity 0.3s linear, top 0.3s ease-out;
        transition: opacity 0.3s linear, top 0.3s ease-out;
    }

        .modal.fade.in {
            top: 10%;
        }

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}

    .modal-header .close {
        margin-top: 2px;
    }

    .modal-header h3 {
        margin: 0;
        line-height: 30px;
    }

.modal-body {
    position: relative;
    max-height: 400px;
    padding: 15px;
    overflow-y: auto;
}

.modal-form {
    margin-bottom: 0;
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

    .modal-footer:before,
    .modal-footer:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.PrimaryProductDetails {
    margin-top: 0px;
}

.CartContents .checker {
    display: none;
}

.pr-box {
    background: #f9f9f9;
}

    .pr-box h4 {
        color: #9b9b9b;
    }

    .pr-box img {
        max-width: 90%;
        height: auto;
        margin: 0px auto;
    }

.phone-more-details {
    margin-top: 30px;
    text-align: center;
}

    .phone-more-details .info-box {
        margin-bottom: 50px;
    }

        .phone-more-details .info-box .info-box-image {
            display: inline-block;
            vertical-align: middle;
            width: 15%;
            background-size: contain !important;
            max-width: 100%;
            max-width: 170px;
            border-radius: 50%;
        }

            .phone-more-details .info-box .info-box-image img {
                display: block;
                width: 100%;
                height: auto;
            }

        .phone-more-details .info-box .info-box-content {
            display: inline-block;
            vertical-align: middle;
            width: 65%;
            margin-left: 3%;
            text-align: left;
        }

            .phone-more-details .info-box .info-box-content .info-box-title {
                font-size: 25px;
                line-height: 32px;
                font-weight: bold;
            }

            .phone-more-details .info-box .info-box-content .info-box-text {
                text-align: justify;
            }

                .phone-more-details .info-box .info-box-content .info-box-text a {
                    border-bottom: 1px solid #000;
                }

                    .phone-more-details .info-box .info-box-content .info-box-text a:hover {
                        border-bottom: none;
                    }

.product_more_details_32, .product_more_details_76, .product_more_details_77, .product_more_details_78,
.product_more_details_114, .product_more_details_115, .product_more_details_116, .product_more_details_117 {
    display: block !important;
    border-bottom: 1px solid #ededed;
}


.page.product-specs .Content {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.inner_full .inner {
}

.top_specs {
    margin-top: -40px !important;
}

.bottom_specs {
    background: #fff;
}

.ProductSpecsPageContent {
    font-family: BrandonGrotesque-Regular,Helvetica,sans-serif;
    font-size: 22px;
    line-height: 27px;
}

    .ProductSpecsPageContent .main {
        margin: 0px;
        padding: 0px;
    }

.ProductSpecsItem {
    border-bottom: 1px solid #dedede;
    padding: 40px 0px;
}

    .ProductSpecsItem.last_item {
        border-bottom: none;
    }

    .ProductSpecsItem table {
        margin: 0px;
        width: 100%;
    }

        .ProductSpecsItem table tbody tr td {
            margin: 0px;
            padding: 0px;
        }

        .ProductSpecsItem table tr td {
            vertical-align: top;
            border-bottom: none;
        }

    .ProductSpecsItem ul {
        margin: 0px;
    }

        .ProductSpecsItem ul li {
            list-style-position: inside;
            list-style-type: disc;
            line-height: 1.4em;
        }

    .ProductSpecsItem h4 {
        margin: 0px;
        padding: 0px;
        margin-bottom: 15px;
    }

        .ProductSpecsItem h4, .ProductSpecsItem h4 a {
            text-transform: uppercase;
            font-family: BrandonGrotesque-Bold,Helvetica,sans-serif;
            font-size: 25px;
            line-height: 30px;
            color: #7575A0 !important;
            border-bottom: none !important;
        }

            .ProductSpecsItem h4 a:hover {
                border-bottom: none;
            }

.inline_image img {
    display: inline-block;
}

.page .tinitell-with-ting {
}

    .page .tinitell-with-ting p {
    }

.tinitell-with-ting-PageContent p {
    font-family: 'Arvo', serif;
    font-size: 15px;
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
}

.top_tinitell-with-ting {
    margin: 0px auto;
}

    .top_tinitell-with-ting .left {
        width: 40%;
        display: inline-block;
    }

    .top_tinitell-with-ting .right {
        width: 48%;
        display: inline-block;
    }

    .top_tinitell-with-ting .TitleHeading {
        text-align: left;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

.ting_map, .content_tinitell-with-ting iframe {
    max-width: 680px;
}

.content_wrapper_tinitell-with-ting .main {
    background-color: #fff;
}

.social_header span {
    display: inline-block;
    vertical-align: middle;
}
/* ting social media widget - begin
   ==========================================================================*/
.totalShareCount {
    display: inline-block;
    margin-left: 5px;
}

.socialContainer {
    display: inline-block;
    vertical-align: middle;
}

.socialCircleMarketing,
.socialCircle {
    overflow: hidden;
    display: inline-block;
    text-align: center;
    vertical-align: inherit;
    margin-left: 10px;
    color: #fff !important;
    border: none !important;
    margin-top: -9px;
    line-height: 25px;
}

    .socialCircleMarketing.facebook,
    .socialCircle.facebook {
        background-color: #3b589a;
    }

    .socialCircleMarketing.twitter,
    .socialCircle.twitter {
        background-color: #34acd1;
    }

    .socialCircleMarketing.linkedin,
    .socialCircle.linkedin {
        background-color: #2286ba;
    }

    .socialCircleMarketing.reddit,
    .socialCircle.reddit {
        background-color: #cce2f9;
    }

    .socialCircleMarketing.google,
    .socialCircle.google {
        background-color: #e74b32;
    }

    .socialCircleMarketing.email,
    .socialCircle.email {
        background-color: #333333;
    }

    .socialCircleMarketing.emailAlt,
    .socialCircle.emailAlt {
        background-color: #ffffff;
    }

.socialCircleMarketing {
    height: 40px;
    width: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

    .socialCircleMarketing img,
    .socialCircleMarketing .iconSvg {
        margin-top: 7px;
    }

.socialCircle {
    height: 35px;
    width: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

    .socialCircle img,
    .socialCircle .iconSvg {
        margin-top: 3px;
        fill: #fff;
        width: 80%;
        height: 80%;
    }

.emailshare {
    display: block;
    clear: both;
    top: 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 0 0 12px 12px;
    width: 300px;
    text-align: center;
}

    .emailshare a {
        display: block;
        padding: 4px;
    }

    .emailshare.arrow_box.top:after {
        left: 210px;
    }

    .emailshare.arrow_box.top:before {
        left: 210px;
    }

.third_party_email {
    width: 84px;
    height: 64px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}
/*ting  social media widget - end */
.top_tinitell_stories, .top_tinitell_stories .main {
    background-color: #7778a8;
    text-align: center;
    color: #fff;
}

    .top_tinitell_stories .main {
        padding-bottom: 50px;
    }

    .top_tinitell_stories h1 {
        color: #fff;
        margin: 0px;
        padding: 0px;
    }

    .top_tinitell_stories p {
    }

        .top_tinitell_stories p a {
            color: inherit !important;
            border: none !important;
        }


    .top_tinitell_stories .heart {
        display: inline-block;
        vertical-align: middle;
        height: .8em;
    }

    .top_tinitell_stories .icon.instagram {
        background: transparent url(../images/icon_instagram.svg?v2.1) no-repeat;
        fill: #fff;
    }

    .top_tinitell_stories .icon.facebook {
        background: transparent url(../images/icon_facebook.svg?v2.1) no-repeat;
        fill: #fff;
    }

.instafeed a {
    width: 32%;
    margin-right: 1%;
    margin-bottom: 1%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

    .instafeed a img {
        width: 100%;
        height: auto;
    }

.instafeed_more_container {
    text-align: center;
}

.instafeed_more {
    border: 3px solid #7778a8;
    color: #7778a8 !important;
    border-radius: 50%;
    padding: 40px 15px;
    display: inline-block;
    margin: 0px auto;
}

    .instafeed_more:focus, .instafeed_more:active {
        opacity: .8;
    }

.instafeed_image_container {
    background-size: cover;
    background-position: 50%;
    position: relative;
}

    .instafeed_image_container img {
        opacity: 0;
    }

.instagram_ico {
    position: absolute;
    bottom: 25px;
    right: 25px;
    width: 40px;
    height: 40px;
    /*background: transparent url(../images/instagram.png) no-repeat center center;*/
    background: #fff url(../images/instagram-with-circle.svg?v2) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    background-size: 110%;
    border-radius: 50%;
}

.menu-dropdown {
    position: relative;
}

    .menu-dropdown a:first-child {
        display: block;
    }


.subnav-dropdown {
    display: none;
    position: absolute;
    width: 100%;
    left: 0px;
    background-color: #f5f5f5;
    padding: 5px 0px;
    z-index: 999;
}

.menu-dropdown:hover .subnav-dropdown {
    display: inline-block;
}

.subnav-dropdown li {
    display: block;
    z-index: 999;
    border-top: 1px solid #e8e8e8;
}

    .subnav-dropdown li:last-child {
        border-bottom: none;
    }

    .subnav-dropdown li:hover {
        background-color: #f5f5f5;
    }


.change-shop a {
    color: #666;
}

.change-shop > a {
    color: #666;
}

.subnav-dropdown li:hover a {
    color: #333;
}

.change-shop {
    position: absolute;
    top: -20px;
    margin-left: -205px !important;
    background-color: #f5f5f5;
}

    .change-shop .subnav-menu-item .text {
        float: left;
    }

.TopMenu .flag_eu {
    background: url(../images/flag_eu.svg) 50% 50% no-repeat transparent;
    display: inline-block;
    height: 40px;
    vertical-align: middle;
    width: 40px;
    background-size: contain;
    margin-top: -8px;
    margin-left: 5px;
}

.TopMenu .flag_us {
    background: url(../images/flag_us.svg) 50% 50% no-repeat transparent;
    display: inline-block;
    height: 40px;
    vertical-align: middle;
    width: 40px;
    background-size: contain;
    margin-top: -8px;
    margin-left: 5px;
}

.TopMenu .flag_eu img {
    vertical-align: middle;
}

.TopMenu .nav-menu-item .caret:before {
    content: "\f12d";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}




.tinitell-with-ting .Content {
    padding: 0px;
}

.tinitell-with-ting .button {
    color: #fff !important;
}

    .tinitell-with-ting .button:hover {
        color: #fff !important;
    }

.top_tinitell-with-ting_2 {
    background: #ffffff;
}

.ting_top_bg {
    background: #d3d4d6 url(../images/ting_top_bg_v2.1.png) no-repeat right bottom;
    background-size: auto 100%;
}

    .ting_top_bg .left {
        width: 50%;
        padding-bottom: 110px;
        padding-top: 50px;
        font-family: BrandonGrotesque-Regular;
    }

        .ting_top_bg .left p {
            font-family: BrandonGrotesque-Regular;
            font-size: 20px;
            line-height: 26px;
        }

    .ting_top_bg .heart {
        display: inline-block;
        height: 35px;
    }

    .ting_top_bg .TitleHeading {
        text-align: left;
        margin-bottom: 0px;
    }

.content_wrapper_tinitell-with-ting_2 {
    background-color: #f2f2f2;
}

.content_tinitell-with-ting_2 .full_img {
    width: 100%;
}

.content_wrapper_tinitell-with-ting_3 .main {
    background-color: #ffffff !important;
}

.content_wrapper_tinitell-with-ting_4 .main {
    background-color: #ffffff !important;
}

.content_tinitell-with-ting_4 p {
    margin-bottom: 5px;
}

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

.ting_table {
    width: 100%;
}

    .ting_table tr, .ting_table tr td {
        border: none;
    }

    .ting_table .center {
        text-align: center;
    }

    .ting_table span.strong {
        font-size: 32px;
        line-height: 32px;
        font-weight: bold;
    }

    .ting_table img {
        max-width: 80%;
        margin: 0px auto;
    }

.flexslider .slides img {
    margin-bottom: -2px;
}


.module-info-boxes {
    background: #f9f9f9;
    position: relative;
}

    .module-info-boxes .content {
        width: 100%;
        max-width: 70%;
        margin: 0 auto;
        position: relative;
        height: 170px;
    }

    .module-info-boxes .info_boxes {
        text-align: center;
    }

        .module-info-boxes .info_boxes .info_box {
            display: inline-block;
            width: 24%;
            /*margin-right: 2%;*/
            margin-bottom: 0px;
            vertical-align: text-top;
            text-align: center;
        }

            /*.module-info-boxes .info_boxes .info_box:nth-child(2n+2) {
                width: 45%;
                margin-right: 0;
            }*/

            .module-info-boxes .info_boxes .info_box:nth-child(2n+4) {
                margin-right: 0;
            }

            .module-info-boxes .info_boxes .info_box .info_box_icon {
                width: 90px;
                height: 62px;
                background-size: contain !important;
                margin: 0px auto;
                margin-bottom: 10px;
            }

                .module-info-boxes .info_boxes .info_box .info_box_icon.info_box_icon_1 {
                    background: transparent url(../images/phone-icon.png?v1) no-repeat center center;
                }

                .module-info-boxes .info_boxes .info_box .info_box_icon.info_box_icon_2 {
                    background: transparent url(../images/gps-icon.png?v1) no-repeat center center;
                }

                .module-info-boxes .info_boxes .info_box .info_box_icon.info_box_icon_3 {
                    background: transparent url(../images/watch-icon.png?v1) no-repeat center center;
                    width: 115px;
                }

                .module-info-boxes .info_boxes .info_box .info_box_icon.info_box_icon_4 {
                    background: transparent url(../images/app-icon.png?v1.1) no-repeat center center;
                }

            .module-info-boxes .info_boxes .info_box .info_box_title {
                font-family: BrandonGrotesque-Bold;
                font-size: 16px;
                line-height: 20px;
                color: #292929;
                
                margin: 0px 0px 10px 0px;
                text-transform: uppercase;
                display: inline-block;
                text-align: center;
            }

            .module-info-boxes .info_boxes .info_box .info_box_content {
                /*font-family: BrandonGrotesque-Medium;*/
                font-size: 20px;
                line-height: 30px;
                color: #777777;
                height: 58px;
            }

@media (min-width:1930px) {
    .module-info .content, body.page.blog .module-page .content, html .module-slideshow .cta-block .inner {
        max-width: 1220px;
    }

    .footer .footer-inner {
        max-width: 1220px;
    }

    #header header {
        max-width: 1220px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width:1620px) {
    .module-info.simple .inner {
        padding-bottom: 100px;
    }
}

@media only screen and (max-width:1120px) {
    .module-info.gps .illustration {
        left: -70px;
    }
}

@media only screen and (max-width:1024px),(max-height:800px) {

    .footer .navigation ul {
    }

    .module-video {
        /* height: 600px;*/
    }

        .module-video .content {
            max-width: 100%;
            width: auto;
            margin: 0 25px;
        }


    html .module-slideshow h1 {
        padding-bottom: 30px;
    }

    html .module-slideshow .product-colors li img {
        max-width: 350px;
    }

    body.page.blog-post .module-page .content {
        width: 85%;
        max-width: 1300px;
    }
}

@media only screen and (max-width:1024px) {
    .module-info .content {
        max-width: 100%;
        width: auto;
        padding: 0 25px;
    }

        .module-info .content .inner.left, .module-info .content .inner.right {
            margin: 0 auto;
            text-align: center;
        }

    .module-info.gps .inner, .module-info.security, .module-info.simple {
        padding-top: 90px;
    }

    .module-info.gps .illustration img, .module-info.play .illustration img {
        width: 400px;
    }

    .module-info.gps .illustration, .module-info.play .illustration {
        max-width: 100%;
    }

    .module-info.gps {
        padding-bottom: 80px;
    }

        .module-info.gps .inner {
            padding-bottom: 40px;
        }

        .module-info.gps .illustration {
            left: 0;
            position: relative;
            bottom: 0;
            top: 0;
        }

    .module-info.play .illustration {
        position: relative;
        bottom: 0;
        padding-top: 90px;
    }

    .module-info.play .inner {
        padding-top: 60px;
        padding-bottom: 90px;
    }

    .module-info.more .content .inner.right {
        text-align: left;
        max-width: 60%;
    }

    .module-page .module.how-it-works .detail-left {
        width: 150px;
    }

        .module-page .module.how-it-works .detail-left:after {
            right: auto;
            left: 0;
        }

        .module-page .module.how-it-works .detail-left span {
            float: right;
        }

    .module-page .module.how-it-works.sim .illustration .detail-left {
        left: 30%;
        top: 56%;
        margin-top: -20px;
    }

    .module-page .module.how-it-works.contacts p {
        position: relative;
        top: 0;
        left: 0;
        max-width: 300px;
        margin: 30px auto 0;
    }

    .module-page .module.how-it-works .detail-big-right {
        display: none;
    }

    .article_box_listing .box_article {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 2%;
    }

        .article_box_listing .box_article:nth-child(3n+0) {
            margin-right: 2%;
        }

    .box_article:nth-child(2n+0) {
        margin-right: 0%;
    }

    .recommendations .article_box_listing .box_article .image {
        height: 156px;
    }

    .ExpressCheckoutContent .HorizontalFormContainer dd {
        float: left;
    }
}

@media only screen and (max-width:1000px) {
    .module-info.more .illustration {
        position: relative;
    }

    .module-info.more .content .inner.right {
        padding: 40px 0 80px;
        max-width: 500px;
        text-align: center;
    }

    .module-products .products-wrapper {
        max-width: 600px;
    }

        .module-products .products-wrapper .product {
            width: 50%;
            margin: 0 0 80px;
        }

    .module-page .module.how-it-works.nitty-gritty .product-detail-2 li.detail-1 {
        width: 300px;
    }

    .module-page .module.how-it-works.nitty-gritty .product-detail-2 li.detail-2 {
        width: 302px;
    }

        .module-page .module.how-it-works.nitty-gritty .product-detail-2 li.detail-2 span.text {
            width: 110px;
        }

    .module-page .module.how-it-works.position .illustration {
        float: none;
        max-width: 40%;
        margin: 10px auto;
    }

        .module-page .module.how-it-works.position .illustration img {
            margin: 60px 0px 10px;
        }

    .module-page .module.how-it-works.position .content .inner.right {
        display: block;
        max-width: 100%;
        margin: 0px auto;
        text-align: center;
        padding-top: 10px;
    }

    .module-page .module.how-it-works.position .content .inner p {
        text-align: center;
    }

    .module-page .content {
        padding: 0px;
        max-width: 85%;
    }

    .module-info.more .content .illustration img {
        max-width: 80%;
        float: none;
    }

    .login-form input[type="email"], .login-form input[type="password"] {
        width: 100%;
    }
}

@media only screen and (max-width:900px),(max-height:670px) {
    html .module-slideshow {
        height: auto;
        padding-top: 210px;
        padding-bottom: 65px;
    }

        html .module-slideshow .introduction {
            top: 0;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        html .module-slideshow .product-colors li img {
            max-width: 435px;
        }

        html .module-slideshow .product-pagination {
            position: absolute;
            bottom: -150px;
            margin: 0 auto;
            width: 100%;
        }

        html .module-slideshow .cta-block {
            position: relative;
            bottom: 0;
            margin: 30px 0 0;
        }

            html .module-slideshow .cta-block a.learn-more {
                display: none;
            }

            html .module-slideshow .cta-block a.buy-now {
                position: relative;
                margin: 0 auto;
            }
}

@media only screen and (max-width:750px) {
    body {
        font-size: 20px;
        line-height: 28px;
    }

    h1 {
        font-size: 36px;
        line-height: 45px;
    }

    h2 {
        font-size: 25px;
        line-height: 34px;
    }

    html .module-slideshow h1, .home h2, .how-it-works h2 {
        font-size: 36px;
        line-height: 45px;
    }

    .type-blog h1, .type-blog h1 a {
        font-size: 36px;
        line-height: 45px;
    }

    .module-info .content p, .module-products .products-info p {
        font-size: 20px;
        line-height: 28px;
    }

    .article_box_listing .box_article .title, .article_box_listing .box_article .title a {
        font-size: 20px;
        line-height: 30px;
    }

    body.visible-nav #header, body.visible-nav .wrapper {
        left: 0;
    }

    .icon.logo {
        background-position: -138px 0;
    }

    .icon.menu {
        background-position: -138px -41px;
    }

    body.visible-nav .icon.menu {
        background-position: -206px -41px;
    }

    .slideshow-direction-nav {
        display: none;
    }

    .slideshow-quotes .slideshow blockquote p {
        font-size: 20px;
        line-height: 28px;
        padding: 0 60px;
    }

    .slideshow-quotes .slideshow p.cite img {
        max-width: 200px;
    }

    .slideshow-quotes .slideshow p.cite {
        font-size: 20px;
        line-height: 28px;
        margin-top: 25px;
        padding: 0 60px;
    }

    .wrapper {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    header {
        max-width: 100%;
        width: auto;
        margin: 20px 25px;
    }

    #header {
        -webkit-transition: false;
        -moz-transition: false;
        -o-transition: false;
        transition: false;
        background: #fff;
    }

    #main-nav nav {
        position: absolute;
        z-index: 3000;
        top: 98px;
        left: 0;
        width: 100%;
        background: rgba(255,255,255,.9);
        text-align: center;
        display: none;
        overflow: scroll;
    }

        #main-nav nav ul {
            margin: 40px 10px 0;
        }

    body.visible-nav {
        height: 100%;
        overflow: hidden;
    }

        body.visible-nav #main-nav nav {
            display: block;
        }

    .footer .footer-inner {
        max-width: 100%;
        width: auto;
        /*margin: 0 25px;*/
    }

    .footer ul.main, .footer ul.social {
        float: none;
        overflow: hidden;
    }

    .footer .navigation ul {
        width: 100%;
        text-align: center;
    }

    .footer ul.main li {
        font-size: 16px;
        margin: 0 0 30px;
        float: none;
        line-height: 1;
        text-align: center;
        display: block;
    }

    .footer .navigation ul.right, .footer .navigation ul.left {
        width: 100%;
        float: none;
        text-align: center;
    }

    .footer .navigation ul li {
        display: block;
    }

    .footer .navigation ul.secondary.left, .footer p.copyright {
        width: 100%;
    }

    .footer .copyright-social .navigation {
        width: 100%;
    }

    .footer p.copyright {
        text-align: center;
        float: none;
        margin: 0 0 15px;
        display: block;
    }

    .footer ul.social {
        text-align: center;
        margin: 30px 0 0;
    }

        .footer ul.social li {
            display: inline-block;
            float: none;
            margin: 0 10px;
        }

    .module-products {
        padding-bottom: 0;
    }

        .module-products .products-info {
            margin-bottom: 60px;
        }

        .module-products .products-wrapper .product {
            width: 100%;
            float: none;
        }

    .module-page {
        padding: 165px 0 60px;
    }

        .module-page .content {
            padding: 0px;
            max-width: 85%;
        }

    body.how-it-works .module-page {
        padding: 105px 0 0;
    }

    .module-page .module.how-it-works.timeline #timeline:after {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        position: absolute;
        height: 510px;
        width: 2px;
        top: 40px;
        left: 50%;
    }

    .module-page .module.how-it-works.timeline #timeline ul li {
        float: none;
        width: 100%;
        overflow: hidden;
    }

        .module-page .module.how-it-works.timeline #timeline ul li h4 {
            float: right;
            width: 50%;
            margin: 0;
            text-align: left;
        }

            .module-page .module.how-it-works.timeline #timeline ul li h4 span {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                padding: 0 0 0 25px;
                max-width: 200px;
            }

        .module-page .module.how-it-works.timeline #timeline ul li p {
            text-align: right;
            float: left;
            width: 50%;
            padding: 0;
            height: 100px;
        }

            .module-page .module.how-it-works.timeline #timeline ul li p:before {
                left: auto;
                right: 0;
                top: 35px;
                margin-left: 0;
                margin-right: -13px;
            }

            .module-page .module.how-it-works.timeline #timeline ul li p span {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                padding: 0 25px 0 0;
                display: block;
            }

    .module-page .module.how-it-works.nitty-gritty {
        padding: 0px;
        padding-top: 90px;
    }

        .module-page .module.how-it-works.nitty-gritty .image-wrapper {
            position: relative;
        }

        .module-page .module.how-it-works.nitty-gritty ul.footnotes {
            display: block;
        }

            .module-page .module.how-it-works.nitty-gritty ul.footnotes li {
                position: absolute;
                background: #222;
                list-style: none;
                font-family: Arial,sans-serif;
                color: #fff;
                font-size: 11px;
                text-align: center;
                width: 18px;
                margin: -9px 0 0 -9px;
                height: auto;
                padding: 2px 0;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                line-height: 14px;
            }

        .module-page .module.how-it-works.nitty-gritty .product-detail-1 li.footnote-1 {
            top: 16.1%;
            right: 58.9%;
        }

        .module-page .module.how-it-works.nitty-gritty .product-detail-1 li.footnote-2 {
            top: 41.6%;
            right: 59.5%;
        }

        .module-page .module.how-it-works.nitty-gritty .product-detail-1 li.footnote-3 {
            top: 70.4%;
            right: 57.8%;
        }

        .module-page .module.how-it-works.nitty-gritty .product-detail-1 li.footnote-4 {
            top: 36.6%;
            left: 54.3%;
        }

        .module-page .module.how-it-works.nitty-gritty .product-detail-1 li.footnote-5 {
            top: 54%;
            left: 53.5%;
        }

        .module-page .module.how-it-works.nitty-gritty .product-detail-1 li.footnote-6 {
            top: 73%;
            left: 52.4%;
        }

        .module-page .module.how-it-works.nitty-gritty .product-detail-2 li.footnote-1 {
            top: 44.7%;
            right: 59.4%;
        }

        .module-page .module.how-it-works.nitty-gritty .product-detail-2 li.footnote-2 {
            top: 74.5%;
            left: 62%;
        }

        .module-page .module.how-it-works.nitty-gritty ol {
            max-width: 80%;
            margin: 0 auto;
            padding: 0 20px 30px;
        }

        .module-page .module.how-it-works.nitty-gritty li.detail {
            position: static;
            top: 0 !important;
            left: 0 !important;
            float: none;
            text-align: left;
            list-style-type: decimal;
            margin: 0 0 7px;
            line-height: 25px;
        }

            .module-page .module.how-it-works.nitty-gritty li.detail span.text {
                display: inline;
                width: 100% !important;
                text-align: left;
                float: none !important;
                padding: 0 !important;
            }

            .module-page .module.how-it-works.nitty-gritty li.detail span.dot, .module-page .module.how-it-works.nitty-gritty li.detail:after, .module-page .module.how-it-works.nitty-gritty li.detail:before {
                display: none;
            }

    body.page.blog-post .module-page .content {
        max-width: 85%;
    }

    article .post-content img, article .post-content iframe {
        max-width: 100% !important;
        height: auto !important;
    }

    .blog_top {
        background-size: auto 30%;
        height: 350px;
    }

        .blog_top h1 {
            margin-top: 0px;
        }

    .module-page .content.out-of-stock, .module-page .content.shop {
        max-width: 85%;
    }



    .PrimaryProductDetails .ProductMain {
        width: 100% !important;
    }

    .TopMenu {
        position: absolute;
        top: -15px;
        height: 30px;
        z-index: 99999999999;
        left: 0px;
        text-align: left;
        padding: 0px 23px;
    }

        .TopMenu > .inner {
            float: left;
            padding: 0px;
        }

    .fastCartThumb, .fastCartItemBox, .fastCartSummaryBox {
        float: none;
        width: 100%;
    }

    #QuickViewProductDetails {
        width: 100%;
    }

        #QuickViewProductDetails .productAttributeValue {
            margin-bottom: 0px;
        }

    form .HorizontalFormContainer dd {
        width: 100%;
        max-width: 100%;
        display: block;
        margin-left: 0px;
        float: none;
    }

    form .FloatLeft .HorizontalFormContainer dd {
        max-width: 95%;
    }

    .ProceedToCheckout, .KeepShopping {
        text-align: center;
        float: none;
    }

    .CheckoutButton, .KeepShopping {
        float: none;
        margin: 0px auto;
    }

    .CartContents tr {
        display: block;
        width: 100%;
    }

    .CartContents td {
        border: none !important;
    }

    .CartContents tfoot .SubTotal td {
        display: block;
        text-align: center;
    }


    .Left {
        float: none;
        width: 100%;
        padding-right: 0px;
    }

    div.selector {
        width: 100%;
        max-width: 400px;
    }

    #tabcontent .photo {
        float: none;
        width: 100%;
    }

    .EstimateShipping dt {
        text-align: center;
        width: 100%;
    }

    .EstimateShipping dd {
        text-align: center;
        width: 100%;
    }

    .CouponCode, .GiftCertificateCode {
        text-align: center;
    }

        .CouponCode input[type="text"], .GiftCertificateCode input[type="text"] {
            display: block;
            margin: 10px auto;
        }

    #LayoutColumn1 .txtR {
        text-align: center;
    }

    .btn, .btn.alt, textarea, input[type="email"], input[type="text"], input[type="password"], input[type="submit"], input.Textbox, .form input[type=submit] {
        margin-bottom: 20px;
    }

    .ProductList li {
        width: 100%;
    }

    .form input[type=email], .form input[type=text], .form input[type=email], .form input[type=password], .form select, .form textarea {
        max-width: 100%;
    }

    .ting_top_bg {
        background-position: 65% bottom;
    }
}

@media only screen and (max-width:600px) {
    h1 {
        font-size: 36px;
        line-height: 45px;
    }

    h2 {
        font-size: 25px;
        line-height: 34px;
    }

    .button {
        font-size: 14px;
    }

    .signup {
        padding-top: 90px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .signup h2 {
            margin: 0 0 15px;
        }

        .signup input[type=email], .signup input[type=text] {
            width: 200px;
            letter-spacing: 1px;
        }

        .signup button.button {
            height: 45px;
            line-height: 52px;
        }

        .signup p {
            font-size: 13px;
            letter-spacing: 1px;
        }

    .slideshow-quotes {
        height: 400px;
    }

        .slideshow-quotes .slideshow blockquote p {
            padding: 0 20px;
        }

        .slideshow-quotes .slideshow p.cite {
            padding: 0 20px;
            margin-top: 20px;
        }

            .slideshow-quotes .slideshow p.cite img {
                max-width: 120px;
            }

    html .module-slideshow {
        padding-top: 160px;
    }

        html .module-slideshow .product-colors li img {
            width: 60%;
        }

    .module-page h1, .module-video .content h2, .blog_top h1, .module-page .module.how-it-works h2 {
        font-size: 36px;
        line-height: 45px;
    }


    .module-page h3, .module-page p, .module-page strong {
        font-size: 20px;
        line-height: 28px;
    }

    .blog .module-page h3, .blog .module-page p, .blog .module-page strong {
        font-size: 16px;
        line-height: 26px;
    }

    .module-page .contact-label {
        display: block;
        margin-top: 10px;
    }

    .module-page .module.how-it-works.world p {
        top: 0;
    }

    .module-page .module.how-it-works .detail-left span {
        font-size: 12px;
        padding: 12px 20px 7px;
    }

    .module-page .module.how-it-works.sim .illustration .detail-left {
        margin-top: -8px;
    }

    .module-page .module.how-it-works.position .illustration img {
        max-width: 200px;
    }

    .module-page .module.how-it-works .detail-big-left {
        width: 240px;
    }

    .module-info.more .button {
        font-size: 14px;
    }

    .article_box_listing .box_article {
        display: block;
        width: 100%;
        margin: 0px auto;
        margin-bottom: 5%;
    }



        .article_box_listing .box_article:nth-child(3n+0) {
            margin-right: auto;
        }

    .recommendations .article_box_listing .box_article .image {
        height: 256px;
    }

    .module-video .content-image {
        padding: 150px 0;
    }

    .module-page .module.how-it-works.world h2 {
        margin: 60px auto 0px auto;
        max-width: 90%;
    }

    .out-of-stock .module-page .subscribe .subscribe_content input[type="email"] {
        max-width: 85%;
        min-width: 85%;
    }

    .module-video .content-image .background-img {
        background-position: 33% bottom;
        background-size: 140% auto;
    }

    .module-video .content h2 {
        margin-bottom: 90px;
    }

    .module-video .content-image {
    }

    .button.play-movie .play-icon {
        width: 100%;
        height: 80px;
        top: -90px;
    }

    .module-video .cta-block {
        bottom: 10px;
    }

    .PrimaryProductDetails .ProductMain {
        width: 100% !important;
    }

    .ProductList .ProductImage a, .ProductThumbImage a {
        height: auto !important;
    }

    .newsletter-subscription input[type=email], .newsletter-subscription input[type=text], .newsletter-subscription input.Textbox, .newsletter-subscription textarea, .newsletter-subscription input[type="text"], .newsletter-subscription input[type="password"], .newsletter-subscription div.selector {
        margin-bottom: 10px;
    }

    .newsletter-subscription h4 {
        font-size: 1.2em;
    }

    .CartContents tfoot .CheckoutRedeemCoupon {
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    .login-form input[type="email"], .login-form input[type="password"] {
        width: 100%;
    }

    div.selector {
        width: 100%;
        max-width: 100%;
    }
}

html.ie8 .wrapper {
    min-width: 900px;
}

html.ie8 .module-slideshow {
    height: auto;
}

    html.ie8 .module-slideshow .introduction {
        top: 0;
        padding-top: 140px;
    }

    html.ie8 .module-slideshow .product-colors li img {
        width: auto;
        height: auto;
        max-width: 100%;
    }

    html.ie8 .module-slideshow .cta-block {
        position: relative;
        bottom: 0;
        padding: 100px 0 30px;
    }

html.ie8 .module-info.simple .inner {
    padding-bottom: 100px;
}

html.ie8 .module-info.gps .illustration {
    left: -100px;
}

html.ie8 .overlay-video {
    background: #222;
}

    html.ie8 .overlay-video .video {
        top: 20px;
        max-width: 800px;
    }
/*# sourceMappingURL=style.css.map */