/*
Theme Name: MyStyle Platform Main Master
Description: MyStyle theme for WP, OC, and custom pages
Author: One MyStyle Platform
Author URI: http://www.mystyleplatform.com
Template: toolbox
Version: 1.1
*/

/*******************************************************************************************************************
*  NOTE: @IMPORTED FONTS AND STYLESHEETS MOVED TO HEADER AS PER GOOGLE SITE SPEED DOCS
*******************************************************************************************************************/

/*******************************************************************************************************************
*  BASE
*******************************************************************************************************************/

*:link, *:hover, a, .button, .cta {
    transition-duration: 250ms;
}

html {    background: white; }

html, body {
    font-family: tahoma, verdana, arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    vertical-align: top;
    min-width: 280px;
    max-width: none;
    border: 0;
    min-height: 100%;
    background: #EEE;
}

.checkout-confirm-pp .cta-buttons {
    float: right;
    clear: right;
    width: 430px;
}

body {
    border-top: 5px solid #00ADFF;
}

body > div.bg {

    display: none; /* no background by default, older sites use HTML and BODY for bgs */
    z-index: -1;
    position: fixed;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
}


hr {
    border-top: 1px solid rgba(255,255,255,.9);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    display: block;
    clear: both;
    margin: 15px 0;
}

li > hr {
    margin: 10px 0;
}


p, ul {
    font-size: 14px;
    color: #333333;
}

p {
    line-height: 1.7em;
    margin-bottom: 15px
}

.justify, p.justify {
    text-align: justify;
}


address {
    font-style: normal;
    padding-bottom: 15px;
}

.padding5 {
    padding: 5px;
}

.hide, #hide,
.screen-reader-text,
.assistive-text {
    display: none;
}

.clear, #clear {
    clear: both;
    display: block;
    height: auto;
    width: auto;
}

/*******************************************************************************************************************
*  LINKS
*******************************************************************************************************************/

a {
    color: #06B;
    outline: 0;
    text-decoration: none;
    cursor: pointer;
} /* color */

a:hover {
    color: #08D;
    text-decoration: underline;
}

a.more {
    padding-right: 15px;
    color: #000;
    background: url(../images/arrow.png) no-repeat 100% 50%;
}

/*******************************************************************************************************************
*  H1 - H4
*******************************************************************************************************************/

h1, h2, h3, h4 {
    font-family: "Lato", "Lato Light", Arial, sans-serif;
    line-height: 1.1em;
    margin-bottom: 10px;
    font-weight: 700
}

h1 {
    color: #333;
    margin-bottom: 20px;
    font-size: 36px;
}

h1 span {
    color: inherit;
}

h2 {
    font-size: 28px;
    color: #5f5f61;
    text-shadow: 1px 1px 1px #fff;
}

h3 {
    font-size: 24px;
    color: #046;
    text-shadow: 1px 1px 1px white;
    margin: 20px 0 8px 0;
    font-family: arial, sans-serif;
}

h4 {
    font-size: 16px;
    margin-bottom: 5px;
}

.separate {
    padding-bottom: 10px;
    margin-bottom: 20px;
    background: url(../images/double-border.png) repeat-x bottom;
}

.small {
    font-size: 12px;
}


/*******************************************************************************************************************
*  BOOTSTRAP THEME / OVERRIDES
*******************************************************************************************************************/

.panel {
    background: rgba(255,255,255,.9);
    color: initial;
    padding: 15px;
}

.btn {
    border-bottom: solid 2px rgba(0,0,0,0.1);
}

.btn-primary,
a.btn-primary,
a.btn.btn-primary,
.menu-box a.btn-primary {
    color: white;
    background-color: #0088c2;
    border-color: #007db3;
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
    padding: 8px 12px;
    text-decoration: none;
}

.btn-primary:hover,
a.btn-primary:hover,
.menu-box a.btn-primary:hover {
    background: #2AAFFF;
    border-color: #009dff;
}


a.cta:hover,
a.btn.cta:hover,
.menu-box a.btn.cta:hover,
a.button.cta:hover,
input.button.cta:hover,
.menu-box a.cta:hover,
a.btn.btn-primary.cta:hover,
body.checkout-cart .opencart #header .links a.checkout-link:hover {
    background: #FF9533;
    border-color: #FFAD61;
    color: white;
    text-decoration: none;
}

a.checkout-link span.glyphicon.glyphicon-menu-right {
	font-size: 10px;
}

.opencart.checkout-cart a.checkout-link span.glyphicon.glyphicon-menu-right {
	font-size: 12px;
}

.payment .warning.alert, .payment .alert, .payment .warning {
    display: inline-block;
    position: relative;
    padding: 15px 30px !important;
    font-size: 16px;
    width: auto;
}

/*******************************************************************************************************************
*  HEADER
*******************************************************************************************************************/

body > div#header {
    min-height: 86px;
    border: 0;
    z-index: 500;
    position: relative;
    z-index: 500;
    padding-bottom: 0;
}

#header-inner {
    min-height: 86px;
    max-width: 1040px;
    width: auto;
    margin: auto;
    padding: 0;
    height: auto;/* for nav to snap to bottom */
    position: relative; /* for nav to snap to bottom */
}

body > #header a#logo {
    background-image: url('../images/main-logo.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
    width: 300px;
    height: 100px;
    margin: 0;
    font-family: Arial, Verdana,  sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 98px;
    color: #323338;
    text-indent: -9000px;
    top: 0;
    left: 0;
    z-index: 101;
    max-width: 100%;/* respect the h1#site-title wrapper */
}

#header a#logo span {
    color: #d00401;
}

#header a#logo:hover {
    text-decoration: none;
    color: #000;
}


article.post header.entry-header h1 {
    margin-top: 20px;
    line-height: 1.1em;
    margin-bottom: 10px;
}

.post {
    margin-bottom: 40px;
}

.entry-content p img {
    box-shadow: 2px 2px 4px rgba(0,0,0,.3);
    margin: 10px 2px 25px 25px;
    float: right;
}

#header nav,
div.menu-main-container,
nav.menu-main-container {
    max-width: 550px;
    width: auto;
    border: 0;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0;
    text-align:right;
}

div.create-nav {
    clear: both;
    position: relative;
    display: none;
    text-align: center;
    width: auto;
    margin: 0;
    overflow: hidden;
    top: 0;
    padding: 16px 10px 30px 10px;
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.7);
    color: white;
    box-shadow: 0 2px 7px rgba(0,0,0,0.2);
    border-bottom: 1px solid #EEE;
    transition: none;
    max-width: 100%;
    margin: auto;
}

div.create-nav,
div#account-bar,
div#dashboard {
    transition-duration: 0ms;
    z-index: 10;
}

#account-bar span.arrow-down {
    border-top-color: #777;
    border-top-color: rgba(255,255,255,0.3);
    display: inline-block;
    margin: 0px 15px 0 3px;
    position: relative;
    top: 1px;
}


div#account-bar #dashboard ul {
    display: block;
    text-indent: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 200px;
    margin-left: 0;
}

div#account-bar #dashboard ul li {
    margin-bottom: 6px;
}



.create-nav .pagebreak-inner {
    width: auto;
    min-height: 0;
    display: block;
    padding-bottom: 0;
}

.create-nav h2 {
    margin-top: 20px;
    color: #777;
    text-shadow: none;
    font-family: Arial,Verdana,sans-serif;
}

.create-nav,
ul#create-categories-menu {
    position: relative;
}

.create-nav ul li,
ul#create-categories-menu li {
    display: inline-block;
    text-align: center;
    max-width: 80%;
    margin: auto;
    min-width: 250px;
    vertical-align: top;
}

.create-nav ul li a,
ul#create-categories-menu li a {
    display: block;
    width: auto;
    min-width: 100px;
    height: auto;
    margin: 10px;
    background: white;
    box-shadow: 0 2px 9px rgba(0,0,0,.3);
    padding: 10px 0px;
    border: 0;
}

.create-nav ul li a span,
ul#create-categories-menu li a span {
    display: block;
    font-size: 18px;
    text-decoration: none;
}

.create-nav ul li a span img,
ul#create-categories-menu li a span img {
    max-width: 100%;
    max-height: 150px;
    min-width: 100px;
    height: auto;
    margin-bottom: 15px;
}

a.button-collapse-up {
    background: white;
    box-shadow: 0 -2px 4px rgba(0,0,0,.4);
    padding: 5px 10px;
    text-align: center;
    border-radius: 10px 10px 0 0;
    font-size: 10px;
    color: #aaa;
}

.create-nav a.button-collapse-up {
    position: relative;
    bottom: -25px;
    margin: auto;
}

.header-button {
    position: absolute;
    right: 0;
    top: -88px;
}

.entry-header .entry-meta, .entry-header .entry-meta a {
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    color: #999999;
    padding: 8px;
}

.entry-header .entry-meta a {
    font-weight: bold;
}


/* header nav */

#header ul,
div.menu-main-container ul,
nav.menu-main-container ul {
    list-style: none;
    position: relative;
    margin-bottom: 0;
}

#header nav li,
div.menu-main-container li,
nav.menu-main-container li {
    float: left;
    display: inline-block;
    line-height: inherit;
}

#header nav li a,
#header div.menu-main-container li a,
nav.menu-main-container li a {
    float: none;
    color: #323338;
    padding: 10px 25px 4px 25px;
    text-decoration: none;
    line-height: inherit;
    font-size: 22px;
    font-weight: normal;
    vertical-align: bottom;
    font-family: Arial,Verdana,sans-serif;
}

#header li a strong {
    display: block;
    font-size: 1.1em;
    margin-bottom: 0;
}

#header li a span.glyphicon {
    margin-right: 2px;
}

#header li.active a strong,
#header li.active a span,
#header li a:hover strong,
#header li a:hover span {
    cursor: pointer;
    color: inherit;
}

#header div.menu-main-container li {
    border-left: 1px solid #cccccc;
    border-left: 1px solid rgba(0,0,0,0.15);
    border-right: 1px solid #ffffff;
    border-right: 1px solid rgba(255,255,255,.9);
    text-align: center;
    position: relative;
}
#header div.menu-main-container li:last-child {
    border-right: none;
}
#header div.menu-main-container li:first-child {
    border-left: none;
}

#header nav li a:hover,
#header div.menu-main-container li a:hover,
nav.menu-main-container li a:hover {
    background: rgb(4,137,224);
    background: rgba(4,137,224,.9);
    color: white;
    text-shadow: none;
}

#header div.menu-main-container li.col-xs-3,
#header div.menu-main-container li.col-xs-4 {
    padding: 0;
    margin: 0;
    vertical-align:bottom;
}


#subIntro {
    position: relative;
    padding: 12px 0 10px 0;
}

body #subIntro h1 {
    font-size: 32px;
    color: #777;
    line-height: 1.2em;
    text-transform: capitalize;
    max-width: 1000px;
    margin: 4px auto 4px auto;
    padding: 20px 0 6px 0;
}

body #subIntro h1 {
    font-size: 26px;

}

#subIntro h2 {
    color: #000;
    font-size: 1.4em;
    font-weight: normal;
    margin-bottom: 0;
}

#subIntro p {
    font-size: 1.1em;
}

#subIntro .button {
    position: relative;
    top: 5px;
    right: 60px !important;
}

/*******************************************************************************************************************
*  CONTENT
*******************************************************************************************************************/
#container {
    min-height: 300px;
    min-width: 100px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    position: relative;
    padding-top: 15px;
}
#content .withIcon {padding-left: 65px;}
#content .icon1 {background: url(../images/icon1.png) no-repeat}
#content .icon2 {background: url(../images/icon2.png) no-repeat}
#content .icon3 {background: url(../images/icon3.png) no-repeat}

/*******************************************************************************************************************
*  FOOTER
*******************************************************************************************************************/
#twitterBar {
    background: #fff;
    padding: 15px 0;
}

#twitterBar .icon {
    position: absolute;
    top: -79px;
    left: -20px;
    display: block;
    width: 112px;
    height: 72px;
    background: url(../images/twitter.png) no-repeat;
}

#twitterBar p {
    margin: 0;
}

#colophon {
    padding: 10px 0 40px 0;
    display: block;
    clear: both;
    max-width: 100%;
    margin: auto;
    margin-top: 40px;
    font-size: 12px;
    z-index: 10;
    position: relative;
}

#colophon ul {
    list-style: none;
    font-size: 12px;
}

#colophon ul li ul {
    margin-left: -20px;
}

#colophon ul {
    list-style: none;
    margin-left: 0;
    font-size: 12px;
    margin-right: 4%;
}
#colophon ul li ul {

    margin-left: -20px;

}

#colophon img {
    vertical-align: top;
}

#colophon .left-col {
    background: rgb(100, 100, 100);
    background: rgba(0, 0, 0, .6);
    padding: 15px;
    margin-right: 0px;
}

#colophon .right-col {
    background: rgb(100, 100, 100);
    background: rgba(0, 0, 0, .6);
    padding: 15px;
    margin-right: 0;
}

#colophon .right-col,
#colophon .right-col p,
#colophon .right-col a,
#colophon .right-col p a,
#colophon .left-col,
#colophon .left-col p,
#colophon .left-col a,
#colophon .left-col p a {
    font-size: 12px;
}

#colophon .right-col h3,
#colophon .left-col h3 {
    color: white;
    text-shadow: none;
}

p, table, td {
    color: #333;
    font-size: 14px;
}
#site-generator a {
    font-size: 10px;
    color: #999999;
    padding: 10px;
}



#colophon .left-col,
#colophon .right-col {

    font-size: 12px;
}

#colophon .right-col {
    margin: 0;
}

#colophon .right-col,
#colophon .right-col p,
#colophon .right-col a,
#colophon .right-col p a {
    font-size: 12px;
}

#site-generator a {
    font-size: 10px;
    color: #999999;
    padding: 10px;
}

.v-spacer, #v-spacer, .spacer-v, #spacer-v {

    height: 20px;
    display: block;
}


/* === icons === */
.social-share-wrapper {
    padding-top: 20px;
}

#social-icons-list a.icon32,
a.icon32, .icon32 {
    height: 32px;
    width: 32px;
    display: inline-block;
    margin: 4px;
    text-indent: 0;
    background-position: top left;
    background-repeat: no-repeat;
}


.icon32:before,
.icon32:after  {
    content: "";
    display: none;
}

.icon-instagram {
    background-image: url(../images/instagram-icon32.png);
}

.icon-twitter {
    background-image: url(../images/twitter-icon32.png);
}

.icon-facebook {
    background-image: url(../images/facebook-icon32.png);
}

.icon-linkedin {
    background-image: url(../images/linkedin-icon32.png);
}

.icon-google {
    background-image: url(../images/google-icon32.png);
}

.icon-youtube {
    background-image: url(../images/youtube-icon32.png);
}

#page-bottom {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .6);
    height: auto;
    padding: 15px;
    text-align: left; /* the chat thingy is often in the bottom right */
    display: block;
    width: auto;
    color: white;
    font-size: 10px;
}

#page-bottom p {
    color: #CCC;
    font-size: 10px;
}

#page-bottom p a {
    font-size: 10px;
}

/* CUSTOMIZE PAGE */

body.customize {
    min-width: 550px;
}

body.customize #container {

    max-width: 1000px;
    text-align:center;

}


body.customize.flash-customizer {
    min-width: 1000px;
}

body.customize #header ul,
body.customize div.menu-main-container ul,
body.customize nav.menu-main-container ul {
    display: none;
}



/* DROPDOWN NAV MENUS */

li.menu-item {
    position: relative;
}

#header ul li ul,
div.menu-main-container ul li ul,
nav.menu-main-container ul li ul,
li.menu-item ul {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    opacity: 0;
    min-width: 150px;
    border-top: 0;
    border: 1px solid #DDD;
    background: #FFF;
    background: rgba(255,255,255,0.95);
    transition-duration: 250ms;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    transition-duration: 200ms;
    max-width: none;
}

#header nav ul li ul li,
#header div.menu-main-container ul li ul li,
#header div.menu-main-container ul li ul li:first-child,
#header div.menu-main-container ul li ul li:last-child,
div.menu-main-container ul li ul li,
nav.menu-main-container ul li ul li {
    display: block;
    float: none;
    text-align: left;
    border: none;
    width:auto;
    min-width: 100px;
    background: transparent;
}

@media (max-width: 1200px){

    #header ul li:last-child ul,
    div.menu-main-container ul li:last-child ul,
    nav.menu-main-container ul li:last-child ul {
        left: auto;
        right: 0;
    }
}


#header div.menu-main-container li a {
    display: inline-block;
    float: none;
}

#header div.menu-main-container ul li ul li a {
    display: block;
    width: auto;
    float: none;
    text-align: left;
    font-size: 12px;
    border-bottom: 1px solid #EEE;

    background: transparent;
    min-width: 90px;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 12px;
    padding: 9px 16px 9px 18px;
}

div.menu-main-container ul li a:hover {
    color: white;
    background: black;
    background: rgba(0,0,0,.8);
}

#header ul li:hover ul,
div.menu-main-container ul li:hover ul,
nav.menu-main-container ul li:hover ul,
li.menu-item:hover ul {
    display: block;
    width: auto;
    min-width: 100px;
    opacity: 1;
    transition-duration: 200ms;
}

body.customize.mobile-customizer {
    min-width: 550px;
}

body.customize div#subIntro,
body.opencart div#subIntro {
    display: none;
}

/* MIN WIDTH FOR PAYPAL */
body.opencart.quickcheckout-checkout {
    min-width: 500px;
}


body.opencart #button-payment-method.button.cta {
    margin: 20px auto;
    display: block;
    float: none;
}

body.opencart #button-payment-method.button.cta {
    float: none;
    margin-left: auto;
    display: inline-block;

}

form .checkbox-wrapper label {
    padding-left: 15px;
}

body.opencart div.quickcheckout-content input[type="checkbox"] {
    margin-top: 10px;
}

input[type='checkbox'] {
    -webkit-transform: scale(3,3);
    border-radius: 5px;
    border: 2px solid #AAA;
    position: relative;
    display: inline-block;
    margin-top: 10px;
}
input[type='checkbox']:checked {
    background: #aFd;
}

body.customize #page-bottom {
    margin-top: 0;
}

div#xpromo-wrapper {
    margin: 0 2%;
}

body.customize #colophon,
body.customize .xpromo-footer,
body.customize .xpromo-title
{
    display: none;
}

#page-bottom .bottom-line-wrapper p {
    margin-bottom: 1px;
    line-height: 1em;
    font-size: 11px;
}

.platform-credit {
    color: #CCC;
}

#page-bottom .bottom-line-wrapper {
    position: relative;
}

.under-app-wrapper {
    background: rgb(255,255,255);
    background: rgba(255,255,255,.6);
    padding: 20px 2% 60px 2%;
    display: inline-block;
    min-width: 280px;
    max-width: 44%;
    clear: none;
    margin: 4% 0 4% 0;
    vertical-align: top;
}

.under-app-wrapper:hover {
    background: rgb(255,255,255);
    background: rgba(255,255,255,.8);
}

.under-app-wrapper.product-description {
    margin-right: 4%;
}

.under-app-wrapper.full-width {
    width: 1000px;
    margin: auto;
    clear: both;
}

.under-app-wrapper h1,
.under-app-wrapper h2  {
    color: #777;
}

.under-app-wrapper p {
    font-size: 12px;
    color: #555;
}

body.design-profile #content .fb-like {
    background: white;
    padding: 8px;
    border-radius: 0 0 8px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
}

footer .fb-like {
    margin: 0;
    background: none;
}

#footer-nav-wrapper,
#footer-nav-wrapper p {
    margin-top: 15px;
    font-size: 12px;
    text-align: left;
    max-width: 1020px;
}

#footer-nav-wrapper .sitemap a,
#footer-nav-wrapper .sitemap a:visited {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
}

.sitemap li {
    display: block;
    margin: 0;
    min-height: 12px;
}





.sitemap a,
.sitemap a:visited,
.footer-nav a,
.footer-nav ul li a {
    padding: 2px 8px;
    display: block;
    text-decoration: none;
}

#footer-nav-wrapper .sitemap a:hover,
.sitemap a:hover,
.sitemap ul li a:hover,
.footer-nav ul li a:hover {
    color: #ffffff;
    text-decoration: none;
    background: rgb(125,125,125);
    background: rgba(0,0,0,.5);
    padding: 2px 4px 2px 12px;

}

.footer-nav ul li {
    position: relative;
}

.footer-nav ul li a:before {
    content: "•";
    color: black;
    color: rgba(0,0,0,.5);
    transition-duration:300ms;
    left: -20px;
    position: absolute;
    opacity: 0;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    font-family: arial, sans-serif;
}

.footer-nav ul li a:hover {


}

.footer-nav ul li a:hover:before {
    opacity: 1;
    left: -10px;
}


#footer-nav-wrapper ul {
    list-style: none;
    padding-left: 0;
}

#footer-nav-wrapper ul li ul {
    padding-left: 12px;
}

#footer-nav-wrapper ul li a,
#social-icons-list li {
    display: inline-block;
    vertical-align: top;
}

#footer-nav-wrapper .contact a {

    display: inline;
}



/*******************************************************************************************************************
*  OTHER STYLES
*******************************************************************************************************************/

.wrap {margin: 0 auto; position: relative; max-width: 1040px; padding: 0;}
.mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.gallery .photo {margin-left: 20px}
.gallery .photo:first-child {margin-left: 0}
a.photo {display: block;float: left;}
a.photo img, img.photo {display: block;float: left;border: 1px solid #d3d3d3;background: #fff;padding: 3px}
a.photo:hover img {border-color: #d1d1d1}
.photoWrap {margin: 30px 0 30px}
.col1-2 {width: 45%; margin-left: 2%; float: left;}
.col2-2 {width: 45%; margin-right: 2%; float: right;}
.col1-3 {width: 280px;margin-left: 50px;float: left; text-align:center;}
.col1-3 p:last-child,
.col2-3 p:last-child {margin-bottom: 0}
.col1-3:first-child {margin-left: 0}
.col2-3 {width: 610px;margin-left: 50px;float: left}
.col1-4 {width: 220px;margin-left: 20px;float: left}
.col1-4:first-child {margin-left: 0}
.col3-4 {width: 700px;float: right}
.marginBottom30 {margin-bottom: 30px}
.date {font-size: 11px;display: block;margin-bottom: 10px }


ul.hero-slider {

    margin: 0;

}

.col2 {
    width: 40%;
    margin: 2%;
    padding: 2%;
    display: inline-block;
    vertical-align:top;
}

/*margin: 0px;*/

.slider {
    width:366px;
    height:227px;
    overflow:hidden;
}



.nivo-controlNav {
    display: block;
    position: absolute;
    top: 221px;
    right: 130px;
    width: 220px;
    height: 20px;
    padding: 0;
}

.product_tile, .directory-tile, .subscribe-tile {
    height: 245px;
    width: 210px;
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #EEEEEE;
    text-align: center;
    margin-right: 35px;
    padding: 3px;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 33%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
}

.product_tile h2 {
    font-size: 1.6em;
    color: #5f5f61;
    text-shadow: 1px 1px 1px #fff;
}

.product_tile:hover {
    background-color: white;
}

.product_tile .button {
    float: none;
    display: inline-block;
}

#cornerfold {
    position: absolute;
    left: 0;
    top: 0;
    height: 87px;
    width: 83px;
    background-image: url(../images/cornerfold.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.menu-box {
    background: #feffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmViZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #feffff 0%, #d2ebf9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#d2ebf9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #feffff 0%,#d2ebf9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 ); /* IE6-8 */
}
.thankyou_col, .thankyou_col1, .thankyou_col2, .thankyou_col3  {
    padding: 30px;
    width: 246px;
    border: 1px solid #DDE;
    min-height: 250px;
    text-align: left;
    margin-top: 20px;
    float: left;
}


.menu-box a.btn {
    position: relative;
}

a.design-profile.btn > span {
    max-width: 200px;
    display: block;
    margin: auto;
    text-align: left;
}

a.design-profile.btn > span > span,
a.design-profile.btn > span > span.glyphicon {
    margin: 0 8% 0 5%;
}


/*.menu-box .button*/
.thankyou_col .button,
#signup_wrapper .button {

    display: block;
    text-align: center;

}

.thankyou_col {
    float: left;
    background-color: white;
    margin-right: 7px;
}

.thankyou_col3 {
    background-color: white;
    margin-right: 0;
}

#thankyou_content {
    margin-top: 20px;
}

.thankyou_col3 .button {}

.thankyou_col .stButton, .thankyou_col3 .stButton {
    padding: 20px;
}


a.claim-biz-link {

    color: lightyellow;
    font-style: italic;
    font-size: 12px;
    text-align: right;
    position: absolute;
    top: -56px;
    right: 0;
}

a.claim-biz-link:hover {

    color: lightblue;

}


.search-address-result {

    display: block;
    background: #E0F0FF;
    padding: 20px;
    margin-bottom: 10px;

}

.search-address-result div.contact-info {

    text-align: left;
    background: #FFFFDD;
    padding: 10px 20px 10px 20px;
    line-height: 1.5em;
    margin: 0 20px 10px 20px;
    font-size: 1em;
}

.customcontactform {
    max-width: 600px;
}

div.contact-info-box {
    font-size: 12px;
}

form.customcontactform {
    padding: 4%;
    min-width: 250px;
    background: rgb(200,200,200);
    background: rgba(0,0,0,0.3);
    max-width: 600px;
    margin: auto;
}

.ccf-form-wrapper {
    background: rgba(0,0,0,.25);
    padding: 15px 30px;
}

.ccf-form-wrapper .field textarea {
    color: #222;
    background: white;
}

.customcontactform > div {

    margin: 20px;

}

div.design-profile.menu-box.menu-box1 {
    min-height: 645px;
    margin-top: 0;
}

body.design-complete div.design-profile.menu-box.about-box,
body.design-complete #content div.design-profile.menu-box.about-box {
    clear: left;
    display: none;
}

body.design-complete div.recent-designs-wrapper,
body.design-complete div#recent-designs-wrapper,
body.design-complete #xpromo-wrapper
{
    display: none;
}


#colorbox, #cboxOverlay, #cboxWrapper {
    box-sizing: content-box;
    box-sizing: initial;
}

/* TRANSPOSE CATEGORIES */

ul.transpose-products-list.transpose-categories > li
{
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0;
}

ul.transpose-products-list.transpose-categories > li > a,
ul.transpose-products-list.transpose-categories > li > a:link,
ul.transpose-products-list.transpose-categories > li > a:focus,
ul.transpose-products-list.transpose-categories > li > a:visited {
    padding: 4px;
}

ul.transpose-products-list.transpose-categories > li > a img.transpose-category-image {
    max-height: 150px;
}

ul.transpose-products-list.transpose-categories > li > a span.transpose-category-image-wrapper {
    background: white;
    display: block;
    text-align:center;
    margin: 0;
    padding: 0;
}

ul.transpose-products-list.transpose-categories > li > a h3,
div.design-profile.menu-box.menu-box1 ul.transpose-products-list.transpose-categories > li > a h3 {

    margin: 0;
    background: rgba(255,255,255,.8);
}


img.transpose-category-image {
    width: auto;
    max-height: 150px;
    margin: auto;
    display: block;
}

div.design-profile #preview-wrapper h3{
    font-size: 11px;
    margin: auto;
    font-family: tahoma, geneva, sans-serif;
    color: #333;
    font-weight: normal;
}
.menu-box h3,
div.design-profile.menu-box.menu-box1 h3,
div.design-profile.menu-box #rating-box h4  {
    background: rgb(225,225,225);
    background: rgba(255,255,255,.7);
    padding: 10px;
    color: #444;
    text-shadow: none;
    font-size: 14px;
    font-style: normal;
    margin-top: 10px;
    border-radius: 0;
    margin: 20px -7% 12px -7%;
    box-shadow: 0 9px 25px -10px rgba(0,0,0,.5);
    text-align: center;
}


div.design-profile #preview-wrapper #rating-box {
    max-width: 50%;
    margin: 30px 0 0 0;
    min-height: 80px;
    float: right;
}

div.design-profile #preview-wrapper #rating-box h3 {
    margin: 0;
}

div.design-profile #preview-wrapper .fb-like-wrapper {
    position: relative;
    margin: auto;
    min-width: 100px;
    clear: both;
    padding: 30px 20px;
    float: left;
    text-align: center;
    margin-left: 60px;
}

div.design-profile.menu-box .author {
    font-size: 14px;
}

div.design-profile.menu-box input[type=text] {
    width: 63%;
    float: left;
}


.menu-box h2:first-child, .menu-box h1:first-child, .menu-box h3:first-child {
    margin-top: 0;
}

div.design-profile.menu-box {
    float: right;
    height: auto;
    min-height: 20px;
    clear: right;
    min-width: 30%;
    padding: 2%;
    position: relative;
}


#tag-box-feedback {
    clear: both;
    display: block;
    font-style: italic;
    padding-top: 5px;
    font-family: arial, sans-serif;
    color: #777;
    font-size: 10px;
    margin-top: 25px;
}


div.design-profile.menu-box.share-box,
div.design-profile.menu-box.about-box {
    float: left;
    min-width: 27%;
    min-height: 100px;
    clear: none;
}

.share-wrapper-vertical .share-label {
    padding: 4px 10px;
    font-size: 10px;
}

body #content div.design-profile.menu-box:last-child,
body #content div.design-profile.menu-box.edit-info-box:last-child {
    margin-right: 0;
}

div.design-profile.menu-box.about-box {
    clear: left;
}

h3.access-level.public,
body div.design-profile.menu-box.menu-box h3.access-level.public {
    color: #00AA00;
}

h3.access-level.private,
body div.design-profile.menu-box.menu-box h3.access-level.private {
    color: #AA00AA;
}

h3.access-level.restricted,
body div.design-profile.menu-box.menu-box h3.access-level.restricted {
    color: #AA0000;
}

.team-list .specialty {
    font-size: 12px;
    font-style: italic;
    text-transform: uppercase;
    color: #CCC;
}




/* artist quote / description */

.design-profile.about-box h3{

    font-family: Times New Roman, Times, Georgia, serif;
    font-size: 22px;
    font-style: italic;
    color: #37B;
    line-height: 1.5em;
    padding: 20px;
    background-color: #E4F1FF;
    text-align: center;
    font-style: italic;
    margin: 0;
    margin-bottom: 20px;
}
.design-profile.about-box h3:before {
    content: '"';
}
.design-profile.about-box h3:after {
    content: '"';
}

/* customize design on other devices list links */

/* this needs to be set to a visible default display mode for proper animation */
ul.transpose-products-list span.transpose-list-category {
    display: block;
}


ul a .transpose-list-category-title span.glyphicon,
ul a .transpost-list-category-title span.glyphicon {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin: 10px;
    vertical-align: bottom;
    padding: 4px;
    border: 1px solid #EEE;
    border-radius: 20px;
    top: auto;
    left: auto;
    background: #EEE;
    background: rgba(0,0,0,.05);
    border-color: rgba(0,0,0,.1);
    color: #AAA;
}

.transpose-list-category {
    min-width: 100%;
}

ul.transpose-products-list span.transpose-list-category {
}

a:hover .transpose-list-category-title span.glyphicon {
    background: rgba(255,255,255,.5);
}

ul.transpose-products-list li a {
    line-height: inherit;
}

ul.transpose-products-list {
    margin: 0;
    padding: 0;
    display: block;
}

ul.transpose-products-list li a div.transpose-name {
    text-overflow: ellipsis;
    text-align: left;
}

ul.transpose-products-list li a {
    font-size: 11px;
    line-height: inherit;
    padding: 2px 4px;
    display: block;
    position: relative;
}

ul.transpose-products-list li a span.price {

    position: relative;
    float: right;
    background: none;
    padding: 0px 4px;
    margin-right: -2px;
    font-weight: bold;
}
ul.transpose-products-list li a span.transpose-name {
    max-width: 80%;
    border: 0;
    display: inline-block;
    line-height: 1.5em;
}
.radio input[type="radio"] {

    margin-left: 0;

}

ul.transpose-products-list li a.current-product {
    background-color: #ccc;
}
ul.transpose-products-list li a.current-product:after{
    content: '(shown here)';
    color: #333;
}

ul.transpose-products-list li a:hover {
    background-color: #00AAFF;
    color: white;
}


.share-wrapper-vertical:before {
    font-family: arial, sans-serif;
    font-size: 10px;
    text-align: center;
    margin-bottom: 5px;
    display: block;
}

.share-wrapper-vertical .share-instructions {
    display: none;
}

.share-wrapper-vertical:hover .share-instructions {
    display: block;
}

.share-wrapper-vertical {
    position: fixed;
    min-height: 490px;
    text-align: center;
    float: left;
    width: 40px;
    padding: 0px 6px 6px 4px;
    background: white;
    border-radius: 0 10px 10px 0;
    top: 155px;
    left: 0px;
    opacity: .9;
    z-index: 11;
    margin-right: 0;
    box-shadow: 0px 1px 8px rgba(0,0,0,.3);
    transition-duration: 150ms;
}

.share-wrapper-vertical:hover,
#preview-wrapper:hover .share-wrapper-vertical,
#preview-wrapper:hover .share-wrapper-vertical:hover {
    opacity: 1;
    width: 320px;
    padding: 0 20px;
    box-shadow: 0px 1px 10px rgba(0,0,0,.35);
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */

}

.animate, .trans-ease-out,
.btn-default, .button, .cta,
ul#all-tags li a, ul.all-collections li a
{
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
    transition-duration: 200ms;
}


/* /////////////////// COLLECTIONS ///////////////////// */

.collections-all-tiles-wrapper {
    float: right;
}

.collections-list-wrapper {
    float: left;
}





.collection-wrapper h3 {

    top: 0;
    left: 0;
    z-index: 20;
    margin: 0;
    padding: 0;
    display: block;
    margin: 15px 0;
}

.collection-wrapper {
    width: 100%;
    min-width: 230px;
    border: 0;
    max-width: 44%;
    display: inline-block;
    margin: 15px;
    vertical-align: top;
}

@media (min-width: 768px ){

    .collection-wrapper {
	width: 100%;
	min-width: 200px;
	border: 0;
	display: inline-block;
	margin: 2%;
    }

}

@media ( max-width: 580px ) {
    .collection-wrapper {
	width: auto;
	display: block;
	max-width: none;
	margin: 10px;
    }

}




.collection-wrapper h3 a {
    background: rgba(0,0,0,.5);
    padding: 2px 10px;
    color: white;
    font-size: 14px;
    text-align:center;
    text-transform: capitalize;
    width: 100%;
    margin: 0;
    vertical-align:top;
    display: block;
    padding: 4%;
    font-size: 18px;
}

.collection-wrapper h3 a .glyphicon {
    float: right;
}

.collection-wrapper h3 a:hover {
    background: white;
    color: initial;
}


.glyph-large {

    font-size: 34px;

}

#container .collection-wrapper .bx-wrapper .bx-prev {
    left: -14px;
    top: 150px;
}

#container .collection-wrapper .bx-wrapper .bx-next {
    right: -14px;
    top: 150px;
}


.collection-wrapper ul.tile-list-wrapper li,
.collection-wrapper .explore-design-tile {
    max-width: 150px;
    box-shadow: 0 0 rgba(0,0,0,0);
    margin: 0 6px 10px 6px;
}

.collection-wrapper li a {
    overflow: hidden;
    max-height: 250px;
    display: block;
    background: white;
}

.collection-wrapper .bx-wrapper ul li img {
    margin: auto;
    margin-bottom: 10px;
    max-height: 400px;
    transition-duration: 500ms;
}

.collection-wrapper .bx-wrapper ul li:hover img {
    max-height: 250px;
    transition-duration: 500ms;
}

.collection-wrapper div.bx-wrapper {
    margin: 0 auto;
}

ul.collections-list-text {
    text-align:left;
    padding-left: 20px;
}

/* make space for sharing bar on left side when over 1100px*/
@media ( min-width: 1100px ){
    ul.collections-list-text {
	padding-left: 15%;
    }
}


ul.collections-list-text li a {
    display: block;
}


#preview h2, #preview h3, #preview p, #preview {
    color: #777;
}


a.design-profile.btn.prev,
a.design-profile.btn.next {

    position: absolute;
    top: 45%;
    left: 1px;
    z-index: 3;
    bottom: auto;
    margin: 0;

    font-family: 'Century Gothic', Arial, sans-serif;
    font-weight: normal;
    font-size: 30px;

    border-radius: 0;
    box-shadow: none;
    padding: 14px 14px;
    color: #FFFDFD;
    border: 0;
    text-transform: lowercase;
    background: rgb(230,230,230);
    background: rgba(0,0,0,.1);
}

a.design-profile.btn.prev > span,
a.design-profile.btn.next > span {
    font-size: 22px;
    font-weight: normal;
    color: #BBB;
}

a.design-profile.btn.prev > span {
    padding: 1px 7px 1px 1px;
}

a.design-profile.btn.next > span {
    padding: 1px 1px 1px 7px;
}

a.design-profile.btn.prev:hover,
a.design-profile.btn.next:hover {
    background-color: rgb(125,125,125);
    background-color: rgba(0,0,0,.5);
    text-shadow: none;
}



a.reload_design_thumb:hover {
    background-color: #003366;
}

div.side-floater,
div.side-floater-left {
    float: right;
    background-color: #FFF;
    border: 1px solid #CCC;
    width: auto;
    text-align: center;
    padding: 15px;
    margin-bottom: 20px;
    max-width: 400px;
}

div.right-col > div.side-floater {
    float: none;
    width: auto;
    display: block;
    margin: auto;
    margin-bottom: 10px;
}

div.side-floater-left {
    float: left;
}

.side-floater .title  h2 {
    margin-top: 8px;
}

div.side-floater #thumb_wrapper {
    overflow: hidden;
}

div.side-floater #thumb_wrapper {

    width: 100%;
    height: auto;
}


div#sidebar {
    font-size: 11px;
    color: #000;
    width: auto;
    min-height: 300px;
    padding-left: 0px;
    margin-right: 21px;
}

.owner-buttons {
    position: absolute;
    top: -55px;
    right: 0;
    margin-left: 20px;

}

#signup_wrapper td {
    padding: 4px 10px;
}

#signup_wrapper p {

    margin: 10px 0 10px 0;
    font-size: 11px;
}

#signup_content-wrapper {
    float: left;
    width: 485px;
}

#signup_wrapper div.title, .side-floater .title,
.form_wrapper .title, table .title-row {
    padding: 5px;
    color: #222;
    font-size: 16px;
    width: auto;
    background-color: #CCC;
    margin: -15px -15px 5px -15px;
    height: 45px;
    margin-bottom: 20px;
    background: rgb(242,245,246); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-8 */
}

table .title-row {
    font-weight: bold;
    font-size: 12px;
}

/* FORMS */

input[type="checkbox"] {
    margin: 4px;
}


label {
    display: inline-block;
    padding: 5px;
}

select {
    max-width: 99%;
    width: 99%;
}


input[type="submit"]{

    width: auto;
    min-width: 100px;
    height: auto;
    padding: 8px 10px;

    color: #444;
    background: #EEE;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0px 2px 6px rgba(0,0,0,.2);

    line-height: 1em;
    font-weight: bold;
    line-height: 1em;
    text-align:center;
}

.form_wrapper input[type="submit"],
form.customcontactform .submit {
    margin-top: 25px;
}

.form_wrapper input[type="submit"]:hover,
input[type="submit"] {
    box-shadow: 0px 3px 10px rgba(0,0,0,.4);
    background: white;
    color: #444;
}

.form_wrapper p, .form-label {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 11px;
}

#signup_wrapper table {
    width: 100%;
}

.form_wrapper h3 {}

.shadow {
    -moz-box-shadow:    4px 4px 5px 0px rgba(0,0,0,.1);
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,.1);
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,.1);
}

#add-instructions-wrapper {
    display: none;
}

#add-email-wrapper {
    display: none;
}

#add-instructions-wrapper textarea{
    width: 90%;
    height: 100px;
}

.header-ad-wrapper {

    text-align: center;
    padding: 4px;
    background: #111;
    min-height: 90px;
}

.google-ad-wrapper {
    width: 728px;
    max-width: 100%;
    height: 90px;
    display: block;
    margin: auto;
    overflow: hidden;
}

.ad-placeholder {
    color: #333;
    background: #CCC;
    width: 728px;
    height: 90px;
    text-align: center;

}

/*******************************************************************************************************************
*  DEV BAR
*******************************************************************************************************************/

div#dev-bar {
    position: fixed;
    top: 0;
    right: 0;
    background: #990000;
    font-size: 20px;
    padding: 4px;
    font-weight: normal;
    color: white;
    font-family: 'Century Gothic', verdana, arial, sans-serif;
}

/*******************************************************************************************************************
*  ACCOUNT BAR
*******************************************************************************************************************/

accountbar,
div#account-bar {
    display: inline-block;
    position: absolute;
    min-width: 90px;
    line-height: 1em;
    color: #EEE;
    padding: 5px 20px 5px 20px;
    margin-right: 5px;
    text-align: center;
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    z-index: 1000;
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,.4);
    top: 0;
    right: 5px;
    background: rgb(4,137,224);
    background: rgba(4,137,224,.9);
}

#account-bar div#account-line1 {
    padding: 5px;
}

#account-bar span.glyphicon {
    color: inherit;
}

#account-bar .separator {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    border-right: 1px solid #aaa;
    border-left: 1px solid #222;
    border-right: 1px solid rgba(255,255,255,.3);
    border-left: 1px solid rgba(0,0,0,.7);
    height: 10px;
    position: relative;
    top: 1px;
}

#account-bar .cart-total {
    display: inline-block;
    width: auto;
    margin: 0 5px 0 5px;
    background-color: #ea0000;
    color: white;
    text-decoration: none;
    border-radius: 12px;
    padding: 2px 6px;
    float: none;
    border: 0;
    position: relative;
    top: 1px;
}

#account-bar a:hover .cart-total {
    color: #EA0000;
    background-color: white;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
}


div#account-bar p, div#account-bar a, div#account-bar a:link, div#account-bar a:visited {
    color: white;
    text-decoration: none;
}

div#account-bar .menu-spacer-bottom {
    height: 20px;
}

div#account-bar a.btn-default {
    color: #09C;
    display: block;
    text-decoration: none;
    padding: 10px 4px;
    margin: 1px;
}

div#account-bar #dashboard {
    display: none;
    padding: 15px;
    margin-top: 10px;
}

div#account-bar #dashboard i {
    color: black;
}

div#account-bar div#account-line1 img {
    float: left;
    margin: -6px 5px -5px -13px;
}

div#account-bar .btn-default:hover {
    color: #ffffff;
background-color: #0088c2;
    border-color: #007db3;
}

/*******************************************************************************************************************
*  LAYOUT
*******************************************************************************************************************/

.right-col, #right-col {
    width: 44%;
    float: right;
}

.left-col, #left-col {
    float: left;
    width: 55%;
}

/*******************************************************************************************************************
*  PROFILE PAGE
*******************************************************************************************************************/
/* note - title icon image should be 90px tall, or there abouts */
title-icon {
    display: inline-block;
    float: left;
    height: 90px;
    width: 110px;
}

.profile-design-tile {
    display: inline-block;
    width: 280px;
    margin: 0 20px 20px 0;
    text-align: center;
    position: relative;
    z-index: 10;
    border: 1px solid white;
    padding: 8px;
    background-color: white;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.modal p {
    color: #444;
    font-size: 16px;
}

.user-profile .modal {
    text-align:center;
    color: #444;
}

span.url-for-copy {
    background: lightyellow;
    padding: 12px;
    border: 2px dashed #ccc;
    text-align: center;
    font-family: courier;
    font-size: 14px;
    font-weight: bold;
    word-wrap: break-word;
    display: block;
}

.user-profile #cover-image,
.user-profile #user-profile-image {
    text-align: center;
}

.user-profile #subIntro h1 {
    text-align:center;
}

.user-profile .collection-wrapper.panel {
    max-width: none;
    margin: 0;
}

.user-profile #user-profile-image .no-avatar-icon {

    font-size: 36px;
    margin: auto;
    text-align: center;
}

.user-profile #cover-image {
    padding: 15px;
}

.user-profile #cover-image .cover-image-inner {
    max-height: 600px;
    overflow: hidden;
    padding: 22%;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
	transition-duration: 1s;
}

.user-profile #cover-image .cover-image-inner:hover {
	background-size: contain;
}

.user-profile button.share-url {
    position: absolute;
    margin-left: 30px;
    margin-right: 15px;
    white-space: nowrap;
}

.user-profile #cover-image .cover-image-inner img {

    width: 100%;

}

.user-profile a#edit-profile-images {
    position: relative;
    top: -15px;
}

.user-profile div#recent-designs-wrapper{
    display: none;
}

.user-profile .collection-wrapper ul.tile-list-wrapper li,
.user-profile .collection-wrapper .explore-design-tile {
    max-width: 200px;
    position: relative;
}

.user-profile .profile-design-tile {
    display: inline;
    max-width: 250px;
    text-align: center;
}

.user-profile .profile-design-tile a img {
    margin: auto;
    display: inline-block;
}

.user-profile .youtube-feed,
.user-profile .instagram-feed {
    text-align: center;
}

.user-profile .instagram-feed li {
    margin: auto;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.user-profile .youtube-feed li {
    margin: 10px;
    min-height: 200px;
    text-align:center;
}


.user-profile .instagram-feed li iframe {
    margin: 1px auto;
}


.user-profile .youtube-feed li iframe {
    min-height: 300px;
}

.profile-design-tile {
    display: inline;
    max-width: 280px;
}

.profile-design-tile img {
    margin-bottom: 10px;
    z-index: 100;
}

.profile-design-tile a:first-child {
    display: block;
}

.profile fb-profile-pic {
    margin-top:-15px;
    height:80px;
    width:80px;
    border:1px solid #000000;
}

#my-designs-title-wrapper {
    clear:both;
    margin-top: 35px;
    height: 70px;
}

#my-designs-title-wrapper img:first-child {
    float:left;
    margin: -12px 10px 0 0;
}

.form-section-box {
    background: #cfeaf7; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmZWFmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2VmZjhmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #cfeaf7 0%, #eff8fc 84%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfeaf7), color-stop(84%,#eff8fc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cfeaf7 0%,#eff8fc 84%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cfeaf7 0%,#eff8fc 84%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cfeaf7 0%,#eff8fc 84%); /* IE10+ */
    background: linear-gradient(to bottom,  #cfeaf7 0%,#eff8fc 84%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfeaf7', endColorstr='#eff8fc',GradientType=0 ); /* IE6-8 */
    padding: 15px;
}

a#showInstructions, a#showEmail {
    cursor:hand;
    display: block;
    margin-bottom: 20px;
    display: block;
    margin-bottom: 20px;
    background-color: #EFF8FD; padding: 10px;
}

div.design-browse {
    max-width: 1000px;
    clear: both;
    margin: auto;
}

#secondary  .tagcloud a {

    color: #06C;

}



#secondary ul {
    margin: 0;
}

#secondary ul li a {
    color: #06C;
    margin: 6px 15px 6px 0px;
    display: block;
    padding: 12px;
    background-color: whiteSmoke;
    font-size: 12px;
    border-radius: 5px;
    line-height: 1.5em;
    font-weight: normal;
    border: 1px solid #DDD;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, .1);
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 33%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
}

#secondary ul li a:hover {
    background-color: white;
    box-shadow: 2px 2px 2px rgba(0,0,0,.5);
    border-color: #004d7c;
    text-decoration: none;
    color: #EEF0FF;
    background: #0066aa; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNCUiIHN0b3AtY29sb3I9IiMwMDY2YWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA0ZDdjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #0066aa 14%, #004d7c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,#0066aa), color-stop(100%,#004d7c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0066aa 14%,#004d7c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0066aa 14%,#004d7c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0066aa 14%,#004d7c 100%); /* IE10+ */
    background: linear-gradient(top,  #0066aa 14%,#004d7c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066aa', endColorstr='#004d7c',GradientType=0 ); /* IE6-8 */
}

#preview {
    padding: 10px;
    border: 1px solid #DDE;
    background-color: white;
    overflow: auto;
    clear: both;
    position: relative;
}


a.button, input.button {
    display: inline-block;
    text-decoration: none;
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 7%, rgba(239,239,239,1) 47%, rgba(216,216,216,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7%, rgba(255,255,255,1)), color-stop(47%, rgba(239,239,239,1)), color-stop(100%, rgba(216,216,216,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 7%, rgba(239,239,239,1) 47%, rgba(216,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 7%, rgba(239,239,239,1) 47%, rgba(216,216,216,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 7%, rgba(239,239,239,1) 47%, rgba(216,216,216,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 7%, rgba(239,239,239,1) 47%, rgba(216,216,216,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8', GradientType=0 ); /* IE6-8 */
    border-radius: 9px;
    box-shadow: 0px 10px 6px -7px rgba(0,0,0,.2);
    border: 2px solid #DDDDDD;
    font-size: 16px;
    text-shadow: none;
    font-weight: normal;
    padding: 12px;
    color: #0088BB;
    cursor: pointer;
}

.menu-box a.btn {
    display: block;
    text-align: center;
    margin: 10px 0;
    position: relative;
}

body .menu-box a.btn:not(.btn-default) {
    color: white;
}

.btn, .btn:hover, .btn:focus,
a.btn, a.btn:hover, a.btn:focus {
    color: white;

}

.btn, .btn:hover {
    text-shadow: none;
    max-width: 100%;
    white-space: normal;
}

button, input, select, textarea {
    background: white;
    color: #444;
}

input[type="textbox"],
input[type='text'],
input[type='password'],
textarea,
select, div select
{
    padding: 8px;
    display: block;
    font-size: 16px;
}

.new-tag {
    background: #AA0000;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    top: -10px;
    padding: 5px;
    border-radius: 20px;
    margin: 2px;
    margin-left: -10px;
    left: -2px;
}

input[type="textbox"]:focus,
textarea:focus, keygen:focus, select:focus {
    background: #E0F0FF;
}


a.button:hover,
.menu-box a.btn:hover,
#header-graphic-wrapper a.button:hover,
.btn-default:hover,
input.button:hover,
#tag-search-wrapper .button:hover {
    text-decoration: none;
    text-shadow: none;
}

.button2, a.button2 .menu-button {

    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    border: 1px solid #EEEEEE;

    color: #222;

    border-radius: 8px;
    box-shadow: 3px 3px 6px rgba(0,0,0,.4);
    padding: 15px;
    text-shadow: none;
}

a.button2:hover {
    background: rgb(136,232,53); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4ZTgzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZThlMDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(136,232,53,1) 0%, rgba(94,142,9,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,232,53,1)), color-stop(100%,rgba(94,142,9,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(136,232,53,1) 0%,rgba(94,142,9,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(136,232,53,1) 0%,rgba(94,142,9,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(136,232,53,1) 0%,rgba(94,142,9,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(136,232,53,1) 0%,rgba(94,142,9,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88e835', endColorstr='#5e8e09',GradientType=0 ); /* IE6-8 */
    color: white;
    text-shadow: 1px 1px 1px #6CBC2B;
    text-decoration: none;
    border-color: #6CBC2B;
}

a.button3,
a.button3:link,
a.button3:focus,
a.button3:visited {
    padding: 10px;
    font-size: 14px;
    background-color: #6CBC2B;
    color: white;
    border-radius: 5px;
}

a.button3:hover {
    background: rgb(136,232,53); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4ZTgzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZThlMDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(136,232,53,1) 0%, rgba(94,142,9,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,232,53,1)), color-stop(100%,rgba(94,142,9,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(136,232,53,1) 0%,rgba(94,142,9,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(136,232,53,1) 0%,rgba(94,142,9,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(136,232,53,1) 0%,rgba(94,142,9,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(136,232,53,1) 0%,rgba(94,142,9,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88e835', endColorstr='#5e8e09',GradientType=0 ); /* IE6-8 */
    color: white;
    text-shadow: 1px 1px 1px #6CBC2B;
    text-decoration: none;
    border-color: #6CBC2B;
}

#header-graphic-wrapper a.button,
.cta,
.cta:link,
.button.cta,
a.button.cta,
input.button.cta,
a.cta,
.menu-box a.btn.cta,
a.btn.btn-primary.cta,
body.checkout-cart .opencart #header .links a.checkout-link {
    background: rgb(255,168,48); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmE4MzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDM1MTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(255,168,48,1) 10%, rgba(211,81,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(255,168,48,1)), color-stop(100%, rgba(211,81,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,168,48,1) 10%, rgba(211,81,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,168,48,1) 10%, rgba(211,81,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,168,48,1) 10%, rgba(211,81,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,168,48,1) 10%, rgba(211,81,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa830', endColorstr='#d35100', GradientType=0 ); /* IE6-8 */
    border: 2px solid #E77816;
    text-shadow: 2px 2px 2px #8D4B10;
    color: white;
    text-decoration: none;
    font-weight: normal;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.35);
    font-size: 20px;
    border-radius: 6px;
    padding: 0.5em 1em;
}


body.opencart.account-account ul.tile-list li {
    display: inline-block;
    width: auto;
}

body.opencart.account-account ul.tile-list a.tile {
    padding: 20px;
    display: inline-block;
    background: white;
    width: 200px;
    height: auto;
    min-height: 90px;
    margin: 10px;
    background: rgba(255,255,255,.15);
    text-align:center;
    text-decoration: none;
    position: relative;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    border-top: 5px solid rgba(0,0,0,0.25);
}

.opencart .order-list div.order-wrapper {
    padding: 10px 15px;
    font-size: 14px;
    border-top: 5px solid #CCC;
}

.opencart.account-account ul.tile-list {
    text-align: center;
}

.opencart .product-category-tile .yotpo a.text-m {
    color: #aaa !important;
}

.product-category-tile .yotpo a.text-m,
.product-category-tile .yotpo-stars {
    font-size: 12px;
    color: #888 !important;
    margin-left: 6px;
    cursor: default !important;
}

.product-category-tile .yotpo .standalone-bottomline.star-clickable,
.product-category-tile .yotpo .standalone-bottomline .star-clickable{
    cursor: default !important;
}

body.opencart.account-account ul a.tile:hover {
    background: white;
    top: -2px;
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
}

.opencart.account-account ul li a.tile span.glyphicon {
    font-size: 32px;
    display: block;
    margin: 5px auto 10px;
    float: none;
    clear: both;
}

body.opencart.checkout-cart div#container.opencart div#header {
    margin-top: -10px;
}

body.checkout-cart .opencart #header .links a.checkout-link {
    font-size: 16px;
    padding: 8px 18px;
    text-align: center;
}

body.quickcheckout-checkout div#header h1#site-title a {
    margin-left: auto;
    margin-right: auto;
}

@media(max-width: 550px){
    body.checkout-cart .opencart #header .links a.checkout-link {
	font-size: 20px;
	padding: 6px 12px;
	text-align: center;
	margin-top: 0;
    }
}

.menu-button,
table#affiliate-inbox-table .button,
a.button2 .menu-button,
.menu-button .button2,
.btn-default,
a.btn-default,
input[type='button']
{
    display: block;
    padding: 4px 6px;
    border-radius: 6px;
    text-align: center;
    margin: 1px;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWVjZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(229,236,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(229,236,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(229,236,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(229,236,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(229,236,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(229,236,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5ecff',GradientType=0 ); /* IE6-8 */
    border: 1px solid #EEEEEE;
    color: #333;
    cursor: pointer;
}

.btn-default,
a.btn-default,
.btn-primary,
a.btn-primary,
.small-button,
a.small-button {
    display: inline-block;
    margin-left: 6px;
    padding: 8px 12px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
}









/*******************************************************************************************************************
*  TAGS
*******************************************************************************************************************/
ul#all-tags, ul.all-collections {
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

ul#all-tags li, ul.all-collections li {
    margin: 1px 0 5px 1px;
    list-style: none;
    display: inline-block;
}

ul#all-tags li:first-child,
ul.all-collections li:first-child {
    margin-left: 0;
}

ul#all-tags li a,
ul.all-collections li a {
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    background-color: #696969;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-weight: bold;
    padding: 0.3em;
    margin: 5px;
    padding-right: 18px;
    border-radius: 8px 0 0 8px;
    color: white;
    position: relative;
}

ul#all-tags li a:after,
ul.all-collections li a:after {
    content: '\2022';
    position: absolute;
    right: 6px;
    color: #ccc;
    text-shadow: 0px 0px 2px #222;
}

ul#all-tags li  a:hover,
ul.all-collections li a:hover {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    background-color: #09C;
    color: white;
    text-shadow: none;
}

ul#all-tags li span,
ul.all-collections li span {
    background-color: #696969;
    color: white;
    font-size: 10px;
    padding: 1px 3px;
    line-height: 6px;
    border-radius: 12px;
    position: relative;
    left: -10px;
}

ul#all-tags li span:hover,
ul.all-collections li span:hover {
    background-color: red;
}

ul#all-tags.private-design-tags,
ul.all-collections.private-design-tags {
    text-align:center;
    clear: both;
}

ul#all-tags.private-design-tags li a,
ul.all-collections.private-design-tags li a {
    font-size: 18px;
    padding: 0.6em;
    margin: 5px;
}

/*******************************************************************************************************************
*  TAGS PAGE
*******************************************************************************************************************/
/* TAGS PAGE */
body.custom-design-tags-body #content ul {
    list-style: none;
    padding: 0;
}

body.custom-design-tags-body #content ul li {
    list-style: none;
    display: inline-block;
}

body.custom-design-tags-body #content ul li a {
    font-size: 14px;
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    background-color: #F5F5D9;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    margin: 5px 5px;
    padding: 1px 10px;
    width: 200px;
}

body.custom-design-tags-body #content ul#design-pagination,
#content ul#rating-pagination
{
    padding: 10px;
    width: auto;
    display: inline-block;
    clear: both;
}

body.custom-design-tags-body #content uldesign-#pagination li {
    padding: 0;
    margin: 0;
}

body.custom-design-tags-body #content ul#pagination li a,
body.custom-design-tags-body #content ul#design-pagination li a,
#content ul#design-pagination li a,
#content ul#rating-pagination li a
{
    width: auto;
    padding: 9px 15px;
    margin: 4px;
}

body.custom-design-tags-body #content ul#pagination li.active a,
body.custom-design-tags-body #content ul#design-pagination li.active a,
ul#rating-pagination li.active a
{
    background: #3366CC;
}


body.custom-design-tags-body #content ul li a:hover {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    background-color: #09C;
    color: white;
}

body.custom-design-tags-body #content ul li a span {
    background: #09C;
    border-radius: 7px;
    font-size: 9px;
    margin-left: 6px;
    color: white;
    padding: 2px 2px 0 1px;
    position: relative;
    top: -2px;
    min-width: 10px;
    display: inline-block;
    height: 11px;
    line-height: 10px;
    text-align: center;
}

body.custom-design-tags-body #content ul li a:hover span {
    background-color: #FFF;
    color: #09c;
}

/* DESIGN COMPLETE */

.design-complete .upsells-title {
    text-align:center;
    text-transform: uppercase;

    padding: 10px 0 15px 0;

}

.upsell-wrapper h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0px;
    float: none;
    clear: both;
}

#container.design-complete #content div.design-profile.menu-box {
    min-height: 100px;
    text-align: center;
    background-clip: content-box;
}

#container.design-complete div#preview {
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.panel.upsell-wrapper {
    border-radius: 0;
}



/* design profile */

.button.next-design,
.button.prev-design {
    font-weight:bold;
    font-size:16px;
}

.button.prev-design {
    float:left;
}
.button.next-design {
    float:right;
}

#preview-wrapper > .button.prev-design {
    float:none;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 2;
}
#preview-wrapper > .button.next-design {
    float:none;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 2;
}

a.customize-button span.icon,
a#customize-button span.icon {
    height: 32px;
    width: 32px;
    background: url('../images/icon-customize-48.png');
    display: inline-block;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: none;
    background-size: contain;
    vertical-align: middle;
}

a.customize-button span.button-label,
a#customize-button span.button-label{
    position: relative;
    margin-left: 2px;
}

a.customize-button:hover span.icon,
a#customize-button:hover span.icon  {
    /* background-color: rgba(255,255,255,.7); */
}

.tag-box-wrapper .btn-default {

    float: right; margin: 0 0 0 -10px;
}

#edit-design-about-wrapper .btn-default { float: right; margin: 0 0 0 -10px; }

#edit-design-title-wrapper .btn-default { float: right; margin: 0 0 0 -10px; }

.explore-design-tile {
    display: inline-block;
    width: 226px;
    margin: 0 4px 20px 4px;
    text-align: center;
    position: relative;
    z-index: 10;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: white;
    overflow: hidden;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .75);
    vertical-align: top;
    top: 0;
    transition-duration: 250ms;
    min-height: 260px;
}

.explore-design-tile:hover,
.category-portal-tile.explore-design-tile:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    top: -2px;
    border-color: white;
    transition-duration: 250ms;
}

.explore-design-tile a:first-child {
    display: block;
}

.explore-design-tile > a:first-child {
    background: transparent;
    display: block;
    text-align:center;
}

.explore-design-tile a:hover {
    text-decoration: none;
}

.explore-design-tile a{
    color: #0086DF;
}

.explore-design-tile span.author {

    font-family: Arial;
    color: #999;
    margin-top: 10px;
    clear: both;
    display: block;
    font-style: italic;
    margin-bottom: -5px;
    font-weight: normal;
    font-size: 10px;
}

.explore-design-tile img {
    margin-bottom: 10px;
    z-index: 100;
}

/*******************************************************************************************************************
*  AFFILIATE PROFILE PAGE
*******************************************************************************************************************/

table#affiliate-inbox-table, table#affiliate-shops-table {
    width: 100%;
    border:	2px solid #dddddd;
    box-shadow: 2px 5px 9px rgba(0, 0, 0, .2);
}

table#affiliate-inbox-table td, table#affiliate-shops-table td {
    padding: 6px;
    text-align: center;
}
table#affiliate-inbox-table tr:hover,
table#affiliate-shops-table tr:hover {
    background-color: white;
}
table#affiliate-inbox-table tr, table#affiliate-shops-table tr {
    background-color: #F4F4F4;
}

table#affiliate-shops-table h3 {
    margin: 0;
    padding: 2px;
}

table#affiliate-shops-table td.referral-links,
table#affiliate-inbox-table td.referral-links {
    padding: 20px;
    text-align: center;
}

#content.page-affiliate-profile.wrap div.right-col {
    width: 340px;
}

#content.page-affiliate-profile.wrap div.left-col {
    width: 600px;
}

form#edit-affiliate td input {
    min-width: 90%;
}

/*******************************************************************************************************************
*  AFFILIATE DIRECTORY
*******************************************************************************************************************/

div.directory-tile {
    width: 200px;
    padding: 20px;
    display: inline-block;
    margin: 30px;
    min-height: inherit;
    height: auto;
    text-align: left;
    padding-bottom: 2px;
    vertical-align: top;
    margin-bottom: 10px;
}

div.directory-tile h4 {
    font-size: 16px;
}

div.directory-tile .menu-button {
    margin: 20px 20px 0 20px;
}

.subscribe-tile {
    float: left;
    width: 390px;
    height: 160px;
    padding: 20px;
    box-shadow: 0px 3px 10px rgba(0,0,0,.4);
}

.subscribe-tile.option1 {
    border-top: 5px solid #22AACC;
}

.subscribe-tile.option2 {
    border-top: 5px solid #22CC22;
}


/*******************************************************************************************************************
*  RECENT DESIGNS
*******************************************************************************************************************/

#container.new-designs {
    margin: 2px auto 2px auto;
    padding: 15px 2px 2px 0;
    min-height: 150px;
    clear: both;
}

div#recent-designs-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    margin: auto;
    z-index: 0;
    position: relative;
    display: block;
    width: auto;
}

#recent-designs-wrapper h2 a:first-child:before {
    content: "From the Community";
    display: inline;
    background: rgba(0,0,0,.5);
    color: white;
    color: rgba(255,255,255,0.75);
    padding: 7px 15px;
    font-size: 12px;
    position: relative;
    top: -4px;
    line-height: initial;
    margin: 5px;
    font-style: italic;
}

div#recent-designs-wrapper .profile-design-tile {
    margin: 0 0 0 10px;
}


div#recent-designs-wrapper .profile-design-tile:first-child {
    margin-left: 0;
}

h2.gallery-tag-subheading a {
    display: block;
    background: rgb(125,125,125);
    background: rgba(0,0,0,.5);
    padding: 7px 10px 7px 20px;
    color: white;
    text-shadow: none;
    font-weight: normal;
    font-family: Arial, verdana, sans-serif;
    text-align: left;
    margin-top: 10px;
}
h2.gallery-tag-subheading a:hover {
    background: rgb(0,153,204);
    background: rgba(0,153,204,.8);
}
h2.gallery-tag-subheading a:after {
    content: "View More »";
    float: right;
    font-size: 12px;
    font-family: Arial, Tahoma, sans-serif;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,.75);
    padding: 2px 10px;
    margin-top: -2px;
    margin-right: -5px;
    color: black;
    width: 100px;
    text-align: center;
}

h2.gallery-tag-subheading a:hover:after,
h2.gallery-tag-subheading a:after:hover{
    color: white;
    background: rgb(125,125,120);
    background: rgba(0,0,0,.5);
}

h2.gallery-tag-subheading-ad a {
    display: block;
    background: rgb(0,0,0);
    background: rgba(0,0,0,.5);
    padding: 7px 10px;
    color: white;
    text-shadow: none;
    font-weight: normal;
    font-family: Arial, verdana, sans-serif;
}
h2.gallery-tag-subheading-ad a:hover {
    background: rgb(0,153,204);
    background: rgba(0,153,204,.8);
}
h2.gallery-tag-subheading-ad a:after {
    float: right;
    font-size: 16px;
    font-family: Arial, Tahoma, sans-serif;
}


/*******************************************************************************************************************
*  CART / OC / OPEN CART / OPENCART
*******************************************************************************************************************/

#ppa_wrapper {
    background: #F0F0F0;
    height: auto;
    border: 1px solid #ccc;
    border-top: 10px solid rgb(4,137,224);
    border-top: 10px solid rgba(4,137,224,.9);
    min-height: 250px;
    width: 480px;
    height: 570px;
    float: right;
    margin-bottom: 45px;
}

.opencart .product-info {
    overflow: visible;
    float: none;
    display: block;
    width: auto;
}

.opencart .product-info:before {
    clear: both;
    content: " ";
    display: block;
}

.opencart .product-info:after{
    content: " ";
    clear: both;
}

.opencart .product-info-column {
    max-width: 60%;
}

.opencart .product-info > .left {
    max-width: 37%;
}

.opencart .product-info .image-additional:after {
    clear: both;
    content: " ";
}

.opencart .product-info .image-additional {
    max-width: 330px;
    width: 100%;
    margin-left: -10px;
    overflow: hidden;
    clear: none;
}

div#container.opencart .cart-info,
div#container.opencart .cart-info table,
div#container.opencart .cart-info td,
div#container.opencart .cart-info tr
div#container.opencart,
div#container.opencart p,
div#container.opencart td  {
    color: #333;
    background: white;
}

@media(max-width: 400px){

    .opencart .cart-info td {
	padding: 1%;
	box-sizing: border-box;

    }
    .opencart #productOptionsSection {
	padding: 1px;
    }

}

.opencart form div.cart-info table tr td {
    padding-top: 2%;
}

.opencart form div.cart-info table tr td.name {
    padding: 2%;
}

div#container.opencart .cart-info table thead tr td.total {
    text-align: center;
}

div#container.opencart .cart-info table td.name > a:first-child {
    font-size: 18px;
    font-weight: bold;
}

div#container.opencart .cart-info table td.image > a > img
{
    min-width: 20px;
    max-height: 350px;
    width: auto;
    margin: auto;
    display: block;
}

div#container.opencart .cart-info td.image {
    width: 160px;
}


.opencart .cart-info tbody .image img {
    border: 0;
}

.opencart #header-graphic-wrapper {
    width: auto;
    padding: 2%;
}

#container.opencart .breadcrumb {
    color: #bbbbbb;
    width: 650px;
    margin-left: -30px;
    margin-bottom: 30px;
    border: 0;
    position: relative;
    z-index: inherit;
    background-color: transparent;
    border-radius: 0;
    margin-top: -45px;
    width: auto;
    min-width: 200px;
}

#container.opencart .breadcrumb:after{
    content: " ";
    clear: both;
    height: 1px;
    display: block;
}

.opencart .category-info {
    overflow: visible;
    margin-bottom: 10px;
    float: left;
    margin-top: 20px;
    clear: left;
    margin-right: 10px;
}

body.opencart .category-info .image {
    float: left;
    padding: 5px;
    margin: 5px;
    border: 1px solid #E7E7E7;
}

.opencart #header #currency .currency-label {
    display: none;
}


div#authorize-net-seal-wrapper {
    position: relative;
}

div.AuthorizeNetSeal {}



/** SHOPPING CART **/
div#container.opencart,
div#container.opencart p,
div#container.opencart table,
div#container.opencart td {
    color: #222;
}

body.opencart .quickcheckoutmid #terms .quickcheckout-content {
    padding:10px;
    text-align:right;
}

.opencart div.quickcheckout-content table.radio .error {
    color: #999;
    border: 1px solid #d2d2d2;
    width: 100%;
    background: wheat;
}

.quickcheckout-content table.radio tr td:first-child input[type="radio"]:checked {
    min-width: 20px;
    min-height: 20px;
    background-color: grey;
}

body.opencart #terms span.checkbox-wrapper,
.checkbox-wrapper {
    display: block;
    margin: auto;
    width: auto;
    text-align: center;
    margin-top: 30px;
}

body.opencart .checkout-button-wrapper {
    display: block;
    margin: auto;
    width: auto;
    text-align: center;
    float: right;
    clear: right;
}

body.opencart #terms .checkbox-wrapper > label {
    margin: 4px;
    vertical-align: top;
    margin-top: 10px;
}

body.opencart #terms .checkbox-wrapper > label a {
    white-space: nowrap;
}

@media ( max-width: 400px ) {
    body.opencart #terms .checkbox-wrapper > label {
	display: block;
	float: none;
    }

    body.opencart #terms .checkbox-wrapper > label > a {
	display: block;
	float: none;
    }
}

body.opencart #terms .checkout-button-wrapper {
    float: none;
}

body.opencart .quickcheckoutmid div#terms {
    display: block;
    text-align:center;
}


div#container.opencart {
    background: white;
    margin-top: 105px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 0;
    min-height: 700px;
    min-width: 200px;
    max-width: 980px;
    width: auto;
}

body.opencart div#container.opencart div#header {
    background: none;
    color: #333;
    width: auto;
    max-width: 100%;
    min-width: 200px;
    height: 60px;
    margin: 0;
    padding-bottom: 4px;
    padding-right: 1px;
    position: absolute;
    z-index: 2;
    display: block;
    right: 0;
    top: -84px;
    border: 0;
    box-shadow: none;
}

div#container.opencart div#content {
    position: relative;
    margin: auto;
    max-width: 96%;
    width: auto;
}

div#container.opencart #header-graphic-wrapper h1,
div#container.opencart #header-graphic-wrapper h2 {
    padding: 20px;
    color: #333;
}

#header-graphic-wrapper h1 {
    color: #333;
}


.opencart #header .links a {
    background: rgb(50, 50, 50);
    background: rgba(0, 0, 0, .5);
    padding: 6px 14px;
    color: white;
}

.opencart #header .links a:hover {
    background: rgba(50,50,50,.5);
    color: white;
}

.opencart #currency {
    color: white;
    top: 3px;
}

.opencart #header #currency,
.opencart #header .links {
    position: relative;
    margin-top: 4px;
    float: right;
    clear: right;
    margin-bottom: 6px;
}



.opencart #currency a {
    color: #EEEEEE;
    background: rgb(50,50,50);
    background: rgba(0,0,0,.5);
    border: 0;
    margin: 0;
    font-weight: normal;
    padding: 4px 6px;
}

.opencart #currency a b {
    color: white;
    border: 1px solid white;
    padding: 4px 6px; /* must match a wrapper padding */
    margin: -4px -6px; /* must be negative of wrapper a padding amt */
    font-weight: normal;
    display: block;
    background: transparent;
}

.opencart #currency a:hover {
    background: rgb(0,0,0);
    background: rgb(0,0,0,.8);
}

.opencart #content > h1:first-child {
    color: #AAA;
}

.opencart .quickcheckout-content .large-field {
    width: 100%;
    margin-bottom: 5px;
    min-width: 200px;
    font-size: 18px;
    padding: 8px;
}

.opencart .quickcheckoutleft {
    width: 58%;
}

.opencart .quickcheckoutright {
    width: 40%;
}



.checkout .left h2,
.checkout .right h2,
.checkout #shipping-new h2,
.checkout .payment-new h2 {
    color: white;
    font-size: 22px;
    margin-top: -20px;
    background: #08C;
    padding: 10px;
    margin: -20px -20px 15px -20px;
}

.checkout .payment-new {
    padding: 20px;
    width: 420px;
    border: 1px solid #CCC;
    box-shadow: 0px 5px 8px rgba(0, 0, 0, .3);
    margin: 5px auto 0 auto;
    font-size: 12px;
}

.quickcheckout-content {
    padding: 20px;
}

#confirm {
    margin-bottom: -75px;
}

#colorbox,
#colorbox p,
#colorbox td,
#colorbox label {
    color: #222;
}


.display-message-wrapper {
    display: block;
    height: auto;
    width: auto;
    min-height: 0;
    margin: 0;
    background: #eeeff1;
    padding: 10px;
}

.nothing {

    color: #888;
    font-style: italic;
}

.display-message,
.display-message.basic {

    max-width: 960px;
    margin: auto;
    display: block;
    width: auto;
    padding: 13px;
    border: 1px solid rgb(178, 222, 255);
    font-size: 14px;
    color: rgb(79, 115, 139);
    text-align: center;
    box-shadow: 0 3px 9px rgba(0,0,0,0.2);
    background: rgb(219, 235, 255);
    margin-bottom: 0;
    text-align: left;
    font-style: italic;
    margin-bottom: 10px;
}

.display-message p {
    color: #333;
    margin-bottom: 0;
}

.display-message .icon {


    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px;

    display: inline-block;
    margin-right: 20px;
    float: left;

}

.display-message.xpromo-footer {
    padding: 0;
    border: 1px solid #444;
    margin-top: 20px;
}

/* this has been hidden bc it does not convert for anyone ever. */
.display-message.xpromo-footer {
    display: none;
}

.xpromo-title {
    margin: auto;
    width: 960px;
}

.display-message.xpromo-footer,
#colophon .display-message.xpromo-footer {
    margin: 10px auto 50px auto;
}

.display-message.xpromo-footer p,
#colophon .display-message.xpromo-footer p {
    color: #131;
    text-align: center;
}

.display-message.xpromo-footer .icon {
    width: 100%;
    min-height: 200px;
    height: auto;
    margin: 0px;
    float: none;
    background-size: contain;
}
.xpromo-image {
    width: auto;
}



div#container.opencart div.warning,
div#container.opencart div.success {
    top:    -5px;
    max-width: 100%;
}

.opencart .success,
.opencart .warning,
.opencart .attention,
.opencart .information {
    padding: 10px 10px 10px 33px;
    margin: 15px auto 15px auto;
    color: #555;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    width: auto;
    margin-top: 15px;
    z-index: 100;
    float: none;
    clear: both;
    display: block;
}

#shipping-method div.warning,
#payment-method div.warning {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: auto;

}


.error {
    background-color: #FFDDDD;
    border: 1px solid red;
    color: #333;
}


.warning {
    background-color: #FFFFAA;
    border-color: orange;
}


.success {

    background-color: rgb(225, 255, 221);
    border: 1px solid rgb(0, 201, 40);

}

body.customize .error .btn-default.hide-this {

    margin: auto;
    float: none;

}

body.customize .interstitial-ad-container {
    display: none;
}

.opencart div.checkout {
    position: relative;
}

.checkout-badges {
    text-align: left;
    height: auto;
    margin: 30px 0 0px;
    min-height: 130px;
}

.checkout-badges .col-xs-4,
.checkout-badges .col-xs-3,
.checkout-badges .col-xs-2,
.checkout-badges .col-xs-1 {
    text-align:center;
}

.checkout-badges img,
.checkout-badges a {
    display: inline-block;
    margin: 12px 30px;
    vertical-align: top;
    max-width: 210px;
}



.search-wrapper {
    padding: 20px;
    width: 710px;
    border: 1px solid #CCC;
    box-shadow: 0px 5px 8px rgba(0, 0, 0, .3);
    margin: 0;
    margin-top: 5px;
    font-size: 12px;
    float: left;
    clear: none;
    margin-bottom: 50px;
}

input#design-browse-search-box {
    max-width: 350px;
}

.search-wrapper input[type=text],
.search-wrapper input#s {
    margin: 10px;
    display: block;
}


body.shop .search-wrapper { min-width: 700px; background: white; clear: both; margin: 50px auto; width: 700px; float: none; display: none;  }
body.shop .search-wrapper input[type=text] { float: left; width: 260px; }
body.shop .search-wrapper select {
    float: left;
    clear: none;
    width: 400px;
}


.opencart div.checkout-content > div.left,
.opencart div.checkout-content > div.right,
.opencart div.checkout-content > div#payment-new,
.opencart div.checkout-content > div#shipping-new
{
    padding: 20px;
    width: 310px;
    border: 1px solid #CCC;
    box-shadow: 0px 5px 8px rgba(0, 0, 0, .3);
    margin: 30px;
    margin-top: 5px;
    font-size: 12px;
}

.opencart div.checkout-content #payment,
.opencart div.quickcheckout-content#payment {
    min-width: 450px;
}

/* credit card expirey date select boxes */
.opencart div.quickcheckout-content#payment select {

    max-width: 100px;

}

.opencart div.checkout-content > div#payment-new,
.opencart div.checkout-content > div#shipping-new {
    width: 500px;
    margin: 5px auto 5px auto;
}




div#container.opencart > p,.opencart .quickcheckout-heading,
div#container.opencart thead > tr > td {
    padding: 10px 14px;
    background: rgb(4,137,224);
    background: rgba(4,137,224,.9);
    color: white;
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: left;
    text-shadow: none;
}

div#container.opencart thead > tr > td {
    text-align: center;
    font-size: 12px;
    padding: 5px 7px;
}


div#container.opencart .cart-info td.quantity,
div#container.opencart .cart-info td.price,
div#container.opencart .cart-info td.total {
    width: 80px;
}

div#container.opencart table tbody tr > td.model,
div#container.opencart table tbody tr > td.price,
div#container.opencart table tbody tr > td.quantity,
div#container.opencart table tbody tr > td.total {
    text-align:center;
}

div#container.opencart thead > tr:first-child > td:first-child {
    text-align: left;
}

div#container.opencart table > tbody > tr > td {
    text-align: left;
}

body.quickcheckout-checkout td.image {
    max-width: 100px;
}

a#save-option-changes,
a#cancel-option-changes {
    white-space: nowrap;
    width: 42%;
    font-size: 16px;
    float: none;
    min-height: 38px;
    min-width: 145px;
}


.opencart div.quickcheckoutleft div.quickcheckout-content div.left {
    float: none;
    width: auto;
    height: auto;
    margin-bottom: 5px;
    margin-right: 12px;
    clear: left;
    display: block;
    max-width: 90%;
    margin: 5px auto 5px auto;
    padding: 1px;
}

.opencart div.quickcheckoutleft .error,
.opencart div.quickcheckout-content .error {
    display: inline-block;
    color: #FF0000;
    font-size: 11px;
    padding: 3px 10px;
}

.quickcheckout-content {
    border: 1px solid #dddddd;
    padding: 10px;
    overflow: auto;
    color: #555555;
    text-align: left;
    margin-bottom: 10px;
    background: white;
    box-shadow: 0px 2px 8px rgba(0,0,0,.2);
}

.opencart div.checkout-content > div#payment-new { float: right; clear: right; }

.opencart div.checkout div.right p,
.opencart div.checkout div.left p {
    font-size: 12px;
}

.opencart #confirm .checkout-product {

    float: left;
    width: 420px;
}

#quickcheckoutconfirm #different-shipping-address {

    background: #FFEEBB;
    text-align: center;
    padding: 30px 10px 0 10px;
    margin-top: 20px;
}

#quickcheckoutconfirm #different-shipping-address label {
    font-weight: bold;
    font-size: 16px;
    vertical-align: top;
    margin-top: 7px;
    max-width: 80%;
}

body.opencart div#container.opencart > div#content > h1:first-child {

    margin: -75px 0px 40px -25px;
    padding-left: 10px;
}

@media(max-width: 768px){
    body.opencart.quickcheckout-checkout div#container.opencart > div#content > h1:first-child {
	text-align:center;
	margin: -75px auto 50px auto;
	display: block;
	float: none;
    }

    body.customize #customizer-fullscreen-button {
	font-size: 24pt;
	position: relative;
	margin: 15px;
    }
}


body.opencart #terms .checkbox-wrapper label,
body.opencart #terms .checkbox-wrapper a,
body.opencart #terms .checkbox-wrapper a b {
    color: #444;
}

div#account-bar {
    line-height: 1em;
}

/* CART + CHECKOUT OVERRIDES */

body.opencart.quickcheckout-checkout .yotpo.testimonials,
body.opencart.checkout-cart .yotpo.testimonials {
    display: none;
}
body.opencart.quickcheckout-checkout .cart-link,
body.opencart.checkout-cart .cart-link {
    display: none;
}
body.opencart.quickcheckout-checkout .breadcrumb,
body.opencart.checkout-cart .breadcrumb {
    display: none;
}

body.opencart.quickcheckout-checkout .yotpo.testimonials,
body.opencart.quickcheckout-checkout #header nav,
body.opencart.quickcheckout-checkout #header div.menu-main-container,
body.opencart.quickcheckout-checkout #header nav.menu-main-container,
body.opencart.quickcheckout-checkout #header div#account-bar,
body.opencart.quickcheckout-checkout #container.opencart #header.checkout-link,
body.opencart.quickcheckout-checkout #container.opencart #header.breadcrumb,
body.opencart.quickcheckout-checkout #container.opencart #header {
    display: none;
}

body.opencart.quickcheckout-checkout #header #site-title {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding-top: 2px;
    position: relative;
}

body.opencart.quickcheckout-checkout div#header {
    height: auto;
}

body.opencart.checkout-cart #header .links a.cart-link  {
    display: none;
}



.opencart #productOptionsSection {

    padding: 2px 20px 20px 20px;
    background: none;
    margin-top: 15px;
    border-left: 1px solid #ccc;
    width: auto;
    margin-left: 0;
    display: block;
}

.opencart #productOptionsSection select {

    background: #FCFEFF;
    border: 1px solid #CCCCCC;
    padding: 2px;
    font-size: 12px;
    font-family: arial, sans-serif;
    color: #222;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);

}

.opencart #productOptionsSection span.small,
.opencart #productOptionsSection small{
    font-style: italic;
    font-size: 11px;
    font-family: arial, sans-serif;
    margin-left: 20px;
    margin-bottom: 10px;
    display: block;
}

.opencart #productOptionsSection h6 {
    font-size: 11px;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 2px;
}

/* .opencart #productOptionsSection a.btn-default, */
.opencart .button.edit-cart-options {
    background: #F0F0F2;
    border-radius: 9px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
    border: 1px solid #DDDDDD;
    font-size: 16px;
    text-shadow: none;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    color: #38B0E3;
    min-width: 104px;
    margin-bottom: 5px;
    text-align:center;
    padding: 6px 12px;
}
.opencart #productOptionsSection .button.edit-cart-options:hover,
.opencart #productOptionsSection a.btn-default:hover {

    background: #FF871D;
    border-color: #FF871D;
    color: white;
}

div#container.opencart .cart-info table thead tr td {
    color: #aaa;
    font-weight: normal;
}


#container.opencart div#content form div.cart-info table td.name {
    width: auto;
    max-width: 460px;
}

@media(max-width: 500px){
    #container.opencart div#content form div.cart-info table td.name {
	max-width: 50px;
    }
}

.cart-info-options {
    min-width: 190px;
    width: 100%;
    display: block;
    border: 0;
    position: relative;
    z-index: 2;
    margin-left: -15px;
}

.cart-edit-options {
    background: rgb(244, 249, 255);
    padding: 20px;
    margin-left: -20px;
    margin-top: -2px;
    min-width: 190px;
    overflow: visible;
    position: relative;
}

#options-wrapper .bootstrap-select.btn-group > .btn {
    font-size: 0;
    min-height: 16px;
    color: inherit;
}

#options-wrapper .bootstrap-select.btn-group > .btn:hover {
    color: white;
    background: #2AAFFF;
    border-color: #009dff;
}

.bootstrap-select.btn-group .btn .filter-option {
    font-size: 12px;
}

.bootstrap-select.btn-group .btn .filter-option  {
    position: relative;
    overflow: visible;
    left: auto;
    right: auto;
    color: initial;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto;
    display: block;
    margin-bottom: 15px;
    clear: both;
    float: none;
}

.opencart h2 {
    color: #08B;
    font-size: 22px;
    margin-top: 0px;
    margin-bottom: 5px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
}

.opencart #cart-options {
    width: 420px;
    float: left;
}

.opencart #cart-options .content {
    padding: 15px;
    background: white;
    color: #777;
    border: 1px solid #EEE;
}

.opencart #cart-options .content p {

    color: #777;
}

.opencart #container .cart-total {
    width: auto;
    background-color: #FFFFFF;
    color: white;
    text-decoration: none;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0px 0 10px 30px;
    border-radius: 0;
    padding: 2px 6px;
    border: 1px solid #EEE;
    box-shadow: none;
    float: right;
    top: 2px;
    position: relative;
    width: 40%;
    padding: 10px;
    border-left: 5px solid #CCC;
}

.opencart #content > .buttons {
    float: right;
    margin-top: 30px;
}

.opencart .buttons {
    margin-top: 15px;
    border: none;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, .25);
    background: #F2F2F2;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, .25);
    min-height: 32px;
    width: auto;
    height: auto;
    max-width: 430px;
    margin-bottom: 20px;
}

.opencart .buttons .right,
.opencart .buttons .left {
    background: none;
    border: none;
    box-shadow: none;
}

.opencart .cart-module {
    margin-bottom: 40px;
    background-color: #DEF;
    padding: 5px 7px 10px 7px;
    margin-top: -10px;
}

.opencart #cart-options .cart-module {
    margin-bottom: 15px;
}

/*******************************************************************************************************************
*  WP / WORDPRESS / TOOLBOX
*******************************************************************************************************************/

#content h1 {
    /*color: #222;*/
}

.assistive-text {
    display: none;
}

#content {
    margin: 0 auto;
}

#primary #content {
    margin-right: 280px;
}

body #primary.full-width #content {
    margin-right: 2%;
    margin-left: 2%;
    width: auto;
    float: none;
    display: block;
}

body.home .entry-title {
    display: none;
}

body.home #primary > #content,
#primary > #content{
    margin: 0;
    width: auto;
    float: none;
    padding: 15px 30px;
}

body.page-template-full-width-fluid #primary > #content {
    padding: 0;
}

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

.homepage-box {
    display: inline-block;
    width: 39%;
    margin: 4%;
    vertical-align: top;
    float: none;
    padding: 1%;
    box-sizing: content-box;
}


body#blog.archive {
    /*
    width: 620px;
    margin-right: 20px;
    clear: none;
    float: left;
    */
}

body.home #header-graphic-wrapper {
    max-width: 1000px;
    height: auto;
    margin: auto;
    text-align: center;
    margin-bottom: 0px;
    border-top: 0;
    padding-top: 8px;
}

.bxslider {
    margin: 0;
}

/* BUG FIX FOR CLONE SLIDE FIRST */

.bx-wrapper img {
    max-width: 100%;
    display: inline-block;
}

.bx-viewport li {
    min-height: 1px;
    min-width: 1px;
}

.bx-viewport {
    overflow: hidden;
}

.bxslider li a img {

    /* height: auto; */ /* may be related to last slide first bug */
}

#secondary h1 {
    font-size: 18px;
    color: #777;
}

.home-slide-image {
    background-position: right;
    background-repeat: no-repeat;
    display: inline-block;
    width: 425px;
    height: 235px;
    float: right;
    margin-left: 30px;
}

.home-slide-image-1 {

    background: url(../images/home-slide-1.png);
}

.home-slide-image-2 {

    background: url(../images/home-slide-2.png);
}

.home-slide-image-3 {

    background: url(../images/home-slide-3.png);
}

.home-slide-image-4 {

    background: url(../images/home-slide-4.png);
}

.home-slide-image-5 {

    background: url(../images/home-slide-5.png);
}

.opencart .product-info .tabs-wrapper {
    margin-top: 20px;
    width: auto;
    clear: both;
    position: relative;
    max-width: 100%;
}

.opencart .tab-content {
    font-size: 18px;
    display: block;
    float: none;
    background: white;
    padding: 30px 20px;
    clear: left;
}

.opencart .box-product > div,
.opencart #tab-related div.box-product > div {
    width: 31%;
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
    margin-bottom: 2%;
    padding: 2%;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #CCC;
    background: white;
}

.opencart .htabs a.selected {
    padding-bottom: 11px;
    background: #FFFFFF;
    margin-top: -5px;
    position: relative;
}

.sold-out-down-arrow {
    font-size: 32px;
    color: #0087FF;
    margin-top: 5px;
}

.tab-content p,
.opencart .tab-content ul li,
.opencart .tab-content ul li span  {
    font-size: 14px;
}


#secondary .widget {
    margin-bottom: 30px;
    display: block;
}

article header {
    background: none;
}

#page {
    display: block;
    margin: 1em;
}

body.page-template-default #content > #main > #primary  {
    float: left;
    margin: 0;
    width: auto;
    min-width: 200px;
}

body.page-template-full-width-page-php #content > #main > #primary  {
    display: block;
    max-width: 100%;
    float: none;
}



body.blog #primary,
body.single-post #primary,
body#blog.archive #primary {
    max-width: 70%;
    clear: none;
    float: left;
    overflow: hidden;
}

#content {
    margin: auto;/*0 280px 0 0;*/
}

#main .widget-area {
    float: right;
    overflow: hidden;
    width: 26%;
}

#colophon {
    clear: both;
    display: block;
    width: 100%;
}



.full-width #content,
.image-attachment #content,
.error404 #content {
    margin: 0;
}

.screen-reader-text,
.assistive-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.alignleft {
    display: inline;
    float: left;
}
.alignright {
    display: inline;
    float: right;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#site-title {
    width: auto;
    font-size: 2em;
    font-weight: bold;
    margin: 0;
    max-width: 400px;
}

#site-description {
    font-size: 1em;
    font-weight: normal;
    margin: 0 0 1em;
}

#access {
    background: #eee;
    display: block;
    float: left;
    margin: 0 auto 1em;
    width: 100%;
}
#access ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
#access li {
    float: right;
    position: relative;
}
#access a {
    display: block;
    line-height: 2em;
    padding: 0 1em;
    text-decoration: none;
}
#access ul ul {
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    display: none;
    float: left;
    position: absolute;
    top: 2em;
    left: 0;
    z-index: 99999;
}
#access ul ul ul {
    left: 100%;
    top: 0;
}
#access ul ul a {
    background: #dedede;
    line-height: 1em;
    padding: .5em .5em .5em 1em;
    width: 10em;
    height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
    background: #dedede;
}
#access ul ul a:hover {
    background: #cecece;
}
#access ul li:hover > ul {
    display: block;
}


.sticky {
}
.entry-meta {
    clear: both;
    display: block;
}
.single-author .entry-meta .byline {
    display: none;
}
#content nav {
    display: block;
    overflow: hidden;
}
#content nav .nav-previous {
    float: left;
    width: 50%;
}
#content nav .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
#content #nav-above {
    display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
    display: block;
}
#nav-below {
    margin: 1em 0 0;
}
.page-link {
    clear: both;
    margin: 0 0 1em;
}
.page .edit-link {
    clear: both;
    display: block;
}

.error404 .widget {
    float: left;
    width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
    margin-right: 1em;
}
.error404 .widget_tag_cloud {
    clear: both;
    float: none;
    width: 100%;
}

.post .notice,
.error404 #searchform {
    background: #eee;
    display: block;
    padding: 1em;
}

.image-attachment div.entry-meta {
    float: left;
}
.image-attachment nav {
    float: right;
    margin: 0 0 1em 0;
}
.image-attachment .entry-content {
    clear: both;
}
.image-attachment .entry-content .entry-attachment {
    background: #eee;
    margin: 0 0 1em;
    padding: 1em;
    text-align: center;
}
.image-attachment .entry-content .attachment {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.format-aside .entry-header {
    display: none;
}
.single .format-aside .entry-header {
    display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
    padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
    padding-top: 0;
}

.gallery-thumb,
.format-gallery .gallery-thumb {
    float: left;
    margin: 0 1em 0 0;
    background-color: none;
    width:auto;
    height:200px;
    display: block;
    position: relative;
    text-align: center;
}

.gallery-thumb > a:first-child:hover {
    top: -2px;
    box-shadow: 0 4px 6px rgba(0,0,0,.3);
}

.gallery-thumb > a:first-child {
    padding: 10px;
    background: white;
    border: 1px solid #eeeeee;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
    display: block;
    position: relative;
}

.gallery-thumb > a > img {
    display: block;
}

.format-image .entry-header {
    display: none;
}
.single .format-image .entry-header {
    display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
    padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
    padding-top: 0;
}

img { max-width: 100%; }

a img {
    border: none;
}
p img {
    margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
    max-width: 100%; /* When images are too wide for containing element, force them to fit. */
    height: auto; /* Override height to match resized width for correct aspect ratio. */
}

img.alignleft {
    margin-right: 1em;
}

img.alignright {
    margin-left: 1em;
}

.wp-caption {
    padding: .5em;
    text-align: center;
}

.wp-caption img {
    margin: .25em;
}

.wp-caption .wp-caption-text {
    margin: .5em;
}

.gallery-caption {
}

.wp-smiley {
    margin: 0;
}


.wrap-quote-info-wrapper input,
.wrap-quote-info-wrapper text-area,
input[type="text"],
input[type="password"],
input[type="textarea"],
textarea {
    width: 90%;
    margin: auto;
    margin-bottom: 10px;
    padding: 8px;
    color: #444;
    font-family: Arial, Helvetica, sans-serif;
}

.wrap-quote-info-wrapper input:focus,
.wrap-quote-info-wrapper input:active,
input[type="text"]:focus,
input[type="textbox"]:focus,
input[type="textarea"]:focus,
textarea:focus,
input[type="text"]:active,
input[type="textarea"]:active,
textarea:active {
    background-color: #FFC;
}

.panel .save-section {

    text-align: center;
    display: block;
    padding: 1em;
    clear: both;
}

#search_input_wrapper #addressInput {

    display: block;
    margin: 0;
    width: 96%;

}

#searchform label {
    display: none;
}

#searchform input#s {
    width: 60%;
}
/*
input[type=text],
input#s {
    margin: 0 1em 0 0;
     width: 60%;
}

input[type=password] {
    margin: 0 1em 0 0;
    width: 60%;
}

textarea {
    width: 80%;
}
*/

.required {
    color: #cc0033;
}

article.comment {
    display: block;
}

#respond input[type=text] {
    display: block;
    width: 60%;
}

#respond textarea {
    display: block;
    margin: 0 0 1em;
    width: 80%;
}

#respond .form-allowed-tags {
    clear: both;
    width: 80%;
}

#respond .form-allowed-tags code {
    display: block;
}

.widget {
    display: block;
}

.widget-area .widget_search {
    overflow: hidden;
}

.widget-area .widget_search input {
    float: left;
}


#colophon {
    padding: 1em 0 0;
}


#preview {
    padding: 10px;
    border: none;
    float: none;
    background-color: transparent;
    background: none;
    overflow: hidden;
    text-align: center;
    padding-bottom: 20px;
    clear: left;
    width: auto;
    max-width: 590px;
    margin: auto;
}

#preview-wrapper {
    position: relative;
    z-index: 1;
    border: 0;
    text-align: center;
    padding: 20px 0 10px 0;
    background: white;
    background-color: white;
    background-position: center;
    background-repeat: no-repeat;

}

#preview-wrapper .preview-image {
    position: relative;
    z-index: 2;
}

#preview-wrapper #design-navigation-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 20;
    width: 100%;
    height: 95%;
}

a.design-profile.btn.next {
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 3;
    left: auto;
}

a.design-profile.btn.prev {
    position: absolute;
    top: 1px;
    left:1px;
    z-index: 3;
}

ul.membership-features,ul.membership-features li {
    list-style: disc;
    font-size: 11px;
    margin-bottom: 8px;
    width: 240px;
    text-align: left;
    margin-left: 15px;
}


.menu-box .price-tag {
    position: absolute;
    top: 0px;
    right: 0;
    padding: 4px 8px;
    background: rgb(25,25,25);
    background: rgba(0,0,0,0.05);
    color: #888;
    border-radius: 0px 0 0 7px;
    z-index: 10;
    font-style: italic;
    font-family: times;
    font-size: 14px;
    box-shadow: none;
}

.opencart .price-old {
    color: #F00;
    text-decoration: line-through;
}

.opencart .description .price a,
.opencart .description .price-new {

    overflow: auto;
    border-bottom: 0;
    margin-bottom: 0px;
    font-weight: normal;
    padding: 7px;
    color: #990000;
    width: auto;
    font-size: 1.5em;
    font-style: italic;
    font-family: Georgia, Times, Serif;
    display: inline-block;
    width: 100px;
    font-size: 21px;
    overflow: visible;
    margin-right: -10px;
    margin-left: -10px;
}

.opencart #tab-related .box-product {
    font-size: 14px;
}

#container.opencart .product-info .cart div {
    float: left;
    vertical-align: middle;
    width: auto;
    clear: none;
    margin-bottom: 15px;
    margin-right: 15px;
}

#container.opencart .product-info .cart div.bootstrap-select {
    width: inherit;
}

#container.opencart .product-info .options-button-wrapper {
    float: left;
    clear: none;
    margin-top: 40px;
}

/* ***************** PRODUCT DETAIL PAGE AND OPTIONS ******************** */


.opencart div.product-info-column div.options {
    float: none;
    background: #EEE;
    padding: 20px;
    min-width: 200px;
    margin-top: 10px;
    width: auto;
    display: block;
}

.opencart div.product-info-column div.product-info div.cart {
    border-bottom: 0;
    padding: 0px 5px 10px 5px;
    margin-bottom: 0;
    color: #4D4D4D;
    overflow: visible;
    float: left;
    min-width: 200px;
    background: rgb(240,240,240);
    background: rgba(255,255,255,.7);
    padding: 20px;
}

#container.opencart .product-info .cart div#options-wrapper {
    width: 100%;
    min-width: 96%;
}

.opencart div.product-info #options-wrapper div.option {

    float: none;
}

.product-info .collapsable,
.opencart div.product-info-column div.options.collapsable {
    display: none;
}


.opencart .product-grid {
    padding-top: 10px;
    clear: both;
    text-align: center;
    overflow: visible;

}

.opencart .product-grid .name {
    display: block;
    width: 106%;
    margin: 0 -3%;
}

.opencart .product-grid .name a {
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 17px;
    margin-bottom: 12px;
    background: #EEE;
    letter-spacing: 0;
    font-family: Arial, verdana, sans-serif;
    padding: 2% 0 2% 0;
}

.opencart .product-grid > div {

    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: visible;

    padding: 20px;
    width: 30%;
    margin: 1% 1%;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 1%;
    border: 1px solid #eee;

    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    text-align: center;

    min-height: 210px;
    background: white;
    top: 0;

    min-width: 230px;
}

.product-grid .cart {
    margin-bottom: 3px;
    position: relative;
    width: 100%;
    z-index: 100;
    left: 0;
}

.product-grid > div:hover .cart {
    opacity: 1;
}

@media ( min-width: 1000px ){

    .product-grid > .cart {

    }

}

.product-grid > div:hover {
    border-color: #eee;
    box-shadow: 0 5px 12px rgba(0,0,0,0.3);
    top: -2px;
}

.product-grid div.rating {
    display: block;
    margin-bottom: 4px;
    text-align: center;
    margin: 10px 0 0 0;
    min-height: 1px;
    padding: 0%;
    clear: both;
    float: none;
    width: 100%;
}

.opencart .product-grid a.cta {
    display: block;
    margin: 10px auto;
}

.opencart .product-grid a.details {
    display: block;
    padding: 6px;
}

.product-grid .price {
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
    font-size: 15px;
    font-family: Times New Roman, serif;
    font-style: italic;
    margin: 0;
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    left: auto;
    padding: 2px 4px;
    color: #AAA;
}


.product-grid > div a.btn-default,
.product-grid > div input[type="button"],
.product-grid > div input[type="submit"] {
    display: block;
    margin: auto;
    margin-bottom: 20px;
    font-size: 14px;
    padding: 10px;
    width: 90%;
    text-decoration: none;
}


.opencart .product-list {
    clear: both;
}


.product-list .image img {
    float: left;
    padding: 3px;
    border: 1px solid #E7E7E7;
    margin-right: 20px;
}

.product-list .name a {
    display: inline-block;
    margin-left: 0;
    width: auto;
    padding: 10px;
    max-width: 470px;
}

.product-list .right {
    float: right;
    margin-left: 15px;
    min-height: 120px;
}

.product-list .right a.small-button {
    float: none;
    clear: both;
    margin: 5px;
    padding: 10px 20px;
    display: block;
    text-align: center;
}

#customizer-wrapper, 
.customizer-wrapper {
    border: 0;
    width: 1000px;
    padding: 0;  
    margin: auto;
    height: 550px;
    margin-top: 30px;
}

#customizer-wrapper.mobilemailer,
.customizer-wrapper.mobilemailer {
    width: 400px;
}

iframe#customizer-iframe {
    overflow: hidden;
}

iframe#customizer-iframe::-webkit-scrollbar {
    display: none;
}

body.opencart .mystyle-pid {

    display: none;

}

div.customize-wrapper {

    margin: 20px 20px 20px 0;
    display: block;
    width: 100%;
    padding: 0;

}

a.customize-button span.button-label,
a#customize-button span.button-label {

    vertical-align: middle;

}



div.customize-wrapper a.button.cta {

    min-width: 200px;
    font-weight: bold;
    font-size: 1.5em;
    text-align:center;


}

.opencart .product-info .tags {
    max-width: 270px;
    font-size: 0.8em;
    line-height: 16px;
    text-align: left;
    float: left;
    clear: none;
    margin-top: 20px;
    width: 37%;
    display: inline-block;
}

body ul.product-info-list {

    clear: left;
    padding: 10px;
    margin: 0;
    display: block;

    background: #f2f5f6; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNCUiIHN0b3AtY29sb3I9IiNmMmY1ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTBlMGUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #f2f5f6 24%, #e0e0e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#f2f5f6), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f5f6 24%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f5f6 24%,#e0e0e0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f5f6 24%,#e0e0e0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f5f6 24%,#e0e0e0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-8 */


    min-height: 70px;
    border-radius: 5px;
    box-shadow: 0px 2px 8px rgba(0,0,0,.5);
    width: auto;
}

ul.product-info-list li {
    display: inline-block;
    vertical-align: top;
    padding: 3px 16px;
    text-align: center;
    border-right: 1px solid #CCC;
    min-height: 50px;
}

#design-bg {
    position:fixed;
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.3;
    z-index: -1;
}

.user-profile #design-bg {

    z-index: 0;
}

.user-profile h2 a {
    font-size: 20px;
    text-align: center;
    margin: auto;
    display: block;
}

#tag-search-wrapper {
    float: none;
    width: auto;
    position: relative;
    right: 0;
    top: 0;
    text-align: center;
    max-width: 500px;
    margin: auto;
}

#tag-search-wrapper .button {
    padding: 7px 10px;
    background: #555;
    color: white;
}

/** RATINGS SYSTEM **/

/***** YELLOW STAR ********/
/*
background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
*/
/***** GREY STAR ********/
/*
background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
*/

/* Rating functionality on preview page */
#rating-box {
    width: 100%;
    margin: 30px 0 30px 0;
    text-align: center;
}
.rating-stars-container h5:before {
    clear: both;
}

.rating-stars-container h4 {
    font-size: 11px;
    margin: 5px 0px 0px;
}
.rating-stars-container h5 {
    font-size: 11px;
    margin: auto;
    font-family: tahoma, geneva, sans-serif;
    color: #333;
    font-weight: normal;
}

.explore-design-tile #rating-box h3 {
    font-size: 11px;
}

.rating-stars-container.best h4,
.rating-stars-container.best h5 {
    margin: auto;
    font-weight: normal;
    margin-bottom: 0px;
    color: #555;
    font-size: 9px;
}

.rating-stars-container {
    width: 100%;
    height: 90px;
    position: relative;
    z-index: 0;
    margin: 0;
}
.rating-stars-container:after {
    clear: both;
}

.rating-stars-container.best {
    margin: 0px 0px -25px;
}

.rating-stars-group {
    width: 150px;
    cursor: pointer;
    padding: 0px;
    margin: auto;
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: left;
}

.rating-star {
    width: 30px;
    height: 30px;
    cursor: pointer !important;
    font-size: 30px;
    display: block;
    color: black;
    margin-right: -6px;
}

.rating-star .vote {
    visibility: hidden;
    text-indent: -9000px;
}
.rating-star {
    display: inline-block;
    position: relative;
}


.rating-stars-group > .rating-star:hover,
.rating-stars-group > .rating-star:hover ~ .rating-star {
    color: transparent;
}

.rating-stars-group > .rating-star.rated {
    color: transparent;
}

.rating-star.rated:before,
.rating-stars-group > .rating-star:hover:before,
.rating-stars-group > .rating-star:hover ~ .rating-star:before
{
    content: "\2605";
    position: relative;
    left: 0;
    color: gold;
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}

.rating-star .no-rate {
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
    color: #333;
}



/* login page boxes fix */
.commonContainer > .commonContainer,
.commonContainer > .commonContent,
.commonContainer > .tabContent,
.bg-white
{
    background: white;
    background-color: white;
    color: #444;
}

.commonContainer > .commonContainer p,
.commonContainer > .commonContent p,
.commonContainer > .tabContent p {
    color: #444;
}

.commonContainer > .commonContainer,
.commonContainer > .commonContent {
    min-height: 300px;
}

.commonContainer {
    width: auto;
    max-width: 40%;
    margin: 2%;
    min-height: 300px;
    display: inline-block;
    vertical-align: top;
    min-width: 40%;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
    border: 0;
    padding-bottom: 0;
}

body.reset-password #recent-designs-wrapper {
    display: none;
}

.reset-password .commonContainer,
.col-sm-6 > .commonContainer,
.col-sm-5 > .commonContainer,
.col-sm-4 > .commonContainer,
.col-sm-3 > .commonContainer,
.col-sm-2 > .commonContainer,
.col-sm-1 > .commonContainer {
    max-width: 92%;
    float: none;
    width: auto;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 60px;
}

.forget {
    float: right;
    font-size: 0.75em;
    color: #959595;
    text-decoration: underline;
    margin-top: 10px;
    margin-bottom: 23px;
}

body.user-login #subIntro h1 {
    display: none;
}

.commonContent{ padding: 20px; }

.commonContent .btn {width: 100%;}




/***************  INTERSTITIAL BANNER ADS ************************/

.interstitial-ad-container {
    width: 100%;
    background-color: #FFF;
    text-align: center;
}

.logo-bar {
    display: inline;
    max-height: 35px;
    padding: 0px;
    margin: 0px 10px;
}
.logo-bar a img {
    height: 35px;
}

.logo-bar:last-child:after {
    clear: both;
}

.interstitial-ad-wrapper {
    text-align: center;
    padding: 3px;
    margin: 0 auto;
    background: #FFF;
    max-height: none;
}

.interstitial-ad-wrapper a.banner-message {
    font-size: 20px;
    color: orange;
    text-transform: capitalize;
    font-style: oblique;
}

.interstitial-ad-wrapper.image:after {
    margin-bottom: 20px;
}


.interstitial-ad-container {
    width: 100%;
    background-color: #04A7F4;
    text-align: center;
}

.interstitial-ad-wrapper {
    text-align: center;
    padding: 3px;
    margin: 0 auto;
    background: transparent;
    max-height: none;
    padding-top: 0;
}

.interstitial-ad-wrapper a.banner-message {
    font-size: 18px;
    color: white;
    text-transform: capitalize;
    font-style: oblique;
    padding: 5px;
    display: block;
    border: 0;
    margin: 0;
    top: -1px;
    position: relative;
}

.interstitial-ad-wrapper a.banner-message:hover {
    background: rgba( 255,255,255,.3 );
}

body.shop div#subIntro {
    display: none;
}



#shop-categories .explore-design-tile{
    min-height: 100px;
}

#shop-categories .explore-design-tile {
    max-width: 	220px;
    min-width: 23.5%;
}

#shop-categories .explore-design-tile a,
#shop-categories .explore-design-tile h4 {
}

#shop-categories .explore-design-tile h4 {
    background: rgb(50,50,50);
    background: rgba(0,0,0,.8);
    color: white;
    display: block;
    padding: 10px 10px 10px 10px;
    margin: 10px -10px -10px -10px;
    font-size: 22px;
}

#shop-categories .explore-design-tile img {
    margin-bottom: 10px;
    z-index: 100;
    max-height: 150px;
    width: auto;
}

.explore-design-tile:last-child {
    margin-right: 0;
}

#tile-list-wrapper,
.tile-set,
.tile-list-wrapper {
    text-align: center;
}

.gallery-tag-subheading {

}

#shop-categories {
    margin: auto;
    margin-bottom: 20px;
}

#shop-banner {
    max-width: 1000px;
    height: 250px;
    background-image: url('../images/banner-shop-page-hero-1.png');
    text-indent: -9000px;
    display: block;
    margin: auto;
    float: none;
    cursor: pointer;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}

#best-banner {
    max-width: 1000px;
    height: 250px;
    background-image: url(../images/banner-shop-page-best-designs.png);
    text-indent: -9000px;
    display: block;
    margin: auto;
    float: none;
    margin-bottom: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.login-register-container {
    text-align: center;
}




input.half {
    width: 43%;
}

h2.login,
body.user-login .login-register-container div > h2:first-child,
body .commonContainer > h2:first-child {
    background: rgba(255,255,255,0.5);
    margin: 0;
    padding: .5em;
    color: #555;
    font-weight: normal;
    display: block;
    text-align: center;
    font-size: 26px;
    border-bottom: 1px solid #F8F8F8;
    text-shadow: none;
}

h2.login {
    display: block;
    text-align: center;
    font: normal 31px/35px Arial;
    font-family:  Arial, verdana, sans-serif;
    color: #000;
    padding-top: 10px;
    padding-bottom: 30px;
}

input.common {
    background: #FFFFFF;
    border: 1px solid #e1e1e1;
    border-radius: 0 0 0 0;
    box-shadow: none;
    color: #000000;
    font-size: 15px !important;
    height: 36px;
    margin: 15px 0 0 0;
    width: 95%;
    padding-left: 3%;
    padding-right: 2%;
    display: block;
}

body .btn-login {
    display: block;
    border: none;
    background: #0b94e6;
    font-size: 22px;
    color: #fff;
    padding: 10px;
    width: 335px;
    height: 46px;
    line-height: 46px;
    text-shadow: none;
    overflow: hidden;
    -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 1), 0 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 1), 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0px 0 rgba(255, 255, 255, 1), 0 0px 0px rgba(0, 0, 0, 0);
    width: auto;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 10px;
}

body .btn-login:hover, body .btn:hover {
    color: white;
    background: #2AAFFF;
    border-color: #009dff;
}

.border {
    border: 1px solid #cccccc;
}

.bagree {
    width: auto;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 19px;
    padding-bottom: 18px;
    color: #959595;
    display: block;
}

.bagree label {
    padding-top: 1px;
    float: none;
    width: auto;
    line-height: 1.1em;
    text-align: center;
    display: block;
    font-size: 12px;
}

.pagination-wrapper {
    text-align:center;
    clear: both;
    display: block;
}

ul#design-pagination,
ul#rating-pagination {
    padding: 10px;
    background-color: #CCC;
    background-color: rgba(255,255,255,.5);;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0 auto;
    clear: both;
    text-align: center;
    max-width: 100%;
}

ul#design-pagination li,
ul#rating-pagination li {
    display:inline;
    padding: 0 1px;
    font-size: 13px;
    color: #0086DF;
}

ul#design-pagination li:not(active),
ul#rating-pagination li:not(active) {
    cursor: pointer;
}

ul#design-pagination li.active,
ul#rating-pagination li.active {
    cursor: default;
    font-weight: bold;
    color: black;
}

ul#design-pagination li.active a,
ul#rating-pagination li.active a
{
    background-color: #1144EE;
    color: white;
}

ul#design-pagination li:not(active) a:hover,
ul#rating-pagination li:not(active) a:hover {
    color: #FFFFFF;
    background: #1144EE;
}

ul#design-pagination li a,
ul#rating-pagination li a {
    padding: 8px;
    color: #3377CC;
    background: white;
    border-radius: 4px;
}

#content nav#nav-below .nav-previous a,
#content nav#nav-below .nav-next a {
    font-size: 26px;
    margin: 10px;
}


div#google-ad-wrapper:before {
    content: 'advertisement';
    font-family: Tahoma, sans-serif;
    font-size: 9px;
    font-weight: bold;
    text-decoration: none;
    color: #575757;
    letter-spacing: 2px;
    float: none;
    position: relative;
    top: 10px;
    max-width: 1000px;
    display: block;
    width: auto;
    margin: auto;
    margin-bottom: 10px;
    text-align: left;
}


/* GAME */

/* flappybird */

.challenge {
    height: 100px;
    text-align: left;
}
.challenge-title {
    display: inline;
}
.challenge-coin-wrapper {
    float: right;
}
.challenge-coin {
    display:inline;
    float:left;
}
.challenge-top-info {
    height: 32px;
}

.challenge-percent {
    width:100%;
    height: 50px;
    position: relative;
}

.challenge-percent-complete {
    background-color: #99FF99;
    height:100%;
    float: left;
    display: inline;
    margin-top:8px;
    background: #9dd53a; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ExZDU0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwYzIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2Q2OWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #bcd69e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#bcd69e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#bcd69e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#bcd69e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#bcd69e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#bcd69e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#bcd69e',GradientType=0 ); /* IE6-8 */
}

.challenge-percent-incomplete {
    background-color: #FF9999;
    height:100%;
    float: left;
    display: inline;
    margin-top:8px;
    background: #ffc2bf; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzJiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmY0MzMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYTE5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #ffc2bf 0%, #ff4332 0%, #ffa19e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc2bf), color-stop(0%,#ff4332), color-stop(100%,#ffa19e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffc2bf 0%,#ff4332 0%,#ffa19e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffc2bf 0%,#ff4332 0%,#ffa19e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffc2bf 0%,#ff4332 0%,#ffa19e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffc2bf 0%,#ff4332 0%,#ffa19e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc2bf', endColorstr='#ffa19e',GradientType=0 ); /* IE6-8 */


}
.challenge-percent-info {
    font-size: 14pt;
    float: left;
    width: 100%;
    text-align:center;
    height: 100%;
    position: absolute;
    margin-top:22px;
}

.game-wrapper {
    display: none;
    width: 948px;
    clear: both;
    float: none;
    margin: auto;
    margin-bottom: 30px;
}

.crappybird,
div.design-profile.menu-box.crappybird {
    width: 900px;
    display: block;
    text-align: center;
    background: #CCC;
    background: rgba(0,0,0,0.5);
    border: 1px solid #333;
}

div.crappybird-inner-wrapper {
    width: 320px;
    margin: auto;
    height: 480px;
    display: block;
}

div.design-profile.menu-box.actions > .left-col ,
div.design-profile.menu-box.actions > .right-col {
    width: 250px;
    margin: 10px;
}


div.design-profile.menu-box.actions > .left-col {

    border-right: 1px solid #ccc;
    padding-right: 30px;
    height: 100px;
}

.rewards-wrapper {


}

.rewards-wrapper > .rewards-item {
    height: 75px;
    display: block;
    position: relative;
    width: 150px;
    background: #EEE;
    background: rgba(255,255,255,.9);
    margin: 10px;
    padding: 20px 10px 30px 10px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
    border-top: 4px solid rgb(135, 223, 135);
    height: 95px;
    position: relative;
    top: 0px;
    float: left;
}

.rewards-wrapper > .rewards-item:hover {

    background: white;
    top: -2px;
    height: 96px;
    border: 1px solid white;
    border-top: 3px solid rgba(80,255,80,1);
    box-shadow: 0 4px 9px rgba(0,0,0,.25);
}

.rewards-item .reward-item-redemption {
    display: block;
    text-align: center;
}

.rewards-item .reward-item-info {
    display: block;
    text-align: center;
}


.reward-item-info h2,
.menu-box .reward-item-info h2 {
    color: green;
}

.opencart .options-button-wrapper {
    margin-bottom: 5px;
}

.opencart .product-info .cart {
    float: none;
    padding: 0 0 10px 0;
}

.cursor-zoom-out, .cursor-zoom-in {
    cursor: pointer;
}

code {
    padding: 2px 4px;
    color: #d14;
    white-space: normal;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
}


/* OC categories drop down menu */
.submenu{
    background: url('/cart/catalog/view/theme/default/image/menu.png') repeat scroll 0 0 transparent;
    border: 1px solid #000000;
    border-radius: 0px 5px 5px 0px;
    margin-top:-23px;
    left:140px;
    position:absolute;
    min-width:140px;
    display:none;
}

body.opencart .button.checkout {
    clear:right;

}

body.opencart .button.checkout span.glyphicon {
    font-size: 14px;
    font-size: small;
}

#quickcheckoutconfirm #shipping-method select {

    max-width: 99%;
    font-size: 14px;
    letter-spacing: -.5px;
    padding: 8px;
}

.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-32 { width: 32px; height: 32px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-32.png) no-repeat 0 0; top: 3px; }

@media (-webkit-min-device-pixel-ratio: 2),
(min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(min-device-pixel-ratio: 2),
(min-resolution: 192dpi),
(min-resolution: 2dppx) {
    .ig-b-32 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-32@2x.png); background-size: 60px 178px; }
}

.oc_account_login_register {
    display: none;
}

/**** DESIGN COMPLETE SHARE ***/

body #sharethis-buttons-wrapper {

    text-align: center;
}

body .share-wrapper-vertical h3 {
    background: #AA0000;
    padding: 7px 2px;
    box-shadow: 0 2px 6px rgba(0,0,0,.5);
    width: 80px;
    position: relative;
    left: -5px;
    color: white;
    font-size: 12px;
    text-shadow: 1px 1px 2px rgba(0,0,0,.7);
    margin-top: 0;

    background: rgb(169,3,41); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(109,0,25,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-8 */

    transition-duration: 350ms;
}

body .share-wrapper-vertical h3 b {
    color: yellow;
}

body .share-wrapper-vertical:hover  h3,
body .share-wrapper-vertical h3:hover {
    /*background: #EEE;
    background: rgba(255,255,255,.7);*/
    padding: 10px 0;
    color: #FFF;
    text-shadow: none;
    font-size: 14px;
    font-style: normal;
    margin-top: 10px;
    border-radius: 0;
    margin: 10px 0;
    box-shadow: 0 9px 25px -10px rgba(0,0,0,.5);
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    width: 100%;
}

body .share-wrapper-vertical:hover h3 b {
    color: #FFFF00;
}


#sharethis-coupon-wrapper {
    text-align: center;
    overflow: hidden;
}


.share-instructions {
    margin: 5px 0 0 0;
    font-size: 10px;
    width: 80%;
}

.share-instructions ol {
    list-style-type: decimal;
    margin: 5px -30px 10px 10px;
    line-height: 1em;
}

.share-instructions ol li {
    line-height: 10px;
    padding: 2px 0px;
}

.share-instructions .label {

    display: block;
    margin: 10px 0 0 -5px;
    background: none;
    color: #888;
    font-size: 10px;
    line-height: 1em;
    text-shadow: none;
}

.share-wrapper-vertical,
.share-wrapper-vertical p,
.share-wrapper-vertical ul,
.share-wrapper-vertical li,
.share-wrapper-vertical b,
.share-wrapper-vertical i,
.share-coupon-wrapper,
.share-coupon-wrapper p,
.share-coupon-wrapper li,
.share-coupon-wrapper ul,
.share-coupon-wrapper i,
.share-coupon-wrapper b
{
    color: #444;
}

.share-coupon-wrapper {
    display: block;
    padding-top: 10px;
    color: #333;
}

body #sharethis-buttons-wrapper {
    margin-bottom: 20px;
    display: block;
}

.share-wrapper-vertical:hover #sharethis-buttons-wrapper {
    padding: 30px;
}

.share-wrapper-vertical:hover #sharethis-buttons-wrapper > span {

    margin: 10px 15px 5px 15px;
    box-shadow: 0 3px 8px rgba(0,0,0,.3);
    padding: 0;
    display: inline-block;
    height: 32px;
    border-radius: 5px;
}

body #sharethis-buttons-wrapper .stButton {
    margin: 0;
    padding: 0;
    line-height: 1em;
}

#sharethis-coupon-wrapper h4 {
    color: green;
    font-size: 24px;
    background: #DDD;
    padding: 20px;
    border: 4px dashed #BBB;
}

.share-vertical-wrapper #sharethis-coupon-wrapper,
.share-vertical-wrapper #sharethis-timer-wrapper {
    display: none;
    color: #333;
}

.share-vertical-wrapper:hover #sharethis-coupon-wrapper,
.share-vertical-wrapper:hover #sharethis-timer-wrapper {
    display: block;
}

#sharethis-timer-wrapper {
    text-align:center;
    padding: 20px;
}

#sharethis-timer-wrapper p {
    text-align: center;
    font-style: italic;
}

.loading-icon {
    width: 35px;
    height: 35px;
    background: url('../images/loading.gif');
    display: inline-block;
}


/* category landing page / full-width + with-hero template */

.with-hero .page-hero {
    background-color: #eee;
    display: block;
    overflow: hidden;
    height: 350px;
    max-width: 1000px;
    margin: auto;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.with-hero article header {
    margin-top: 300px;
    margin-bottom: 10px;
}


.subcategory-section-wrapper {
    display:block;
    clear: both;
    margin-top: 50px;
    margin-bottom: 50px;
}

.subcategory-section-wrapper p.left-col {

    float: left;
    margin-right: 30px;
    width: 300px;

}

.category-portal-tile.explore-design-tile {
    border: 1px solid #CCC;
    width: 150px;
    min-height: 200px;
    padding: 25px;
    margin: 10px;
    float: left;
    text-align: center;
    margin-top: -30px;
    position: relative;
}

a.category-portal-tile.explore-design-tile img {

    min-height: 150px;
    min-width: 190px;
    margin: -20px 0 0 -20px;
    border: 0;

}

/**** Full Shop Category List  **/

div.tile-list {
    padding: 20px 0 0 0;
    text-align:center;
}

ul.category-list {
    width: 22%;
    text-align: left;
    display: inline-block;
    margin-top: 2%;
    max-width: 280px;
    margin-bottom: 20px;
}

ul.category-list li ul.category-list {
    width: auto;
    display: block;
    background: transparent;
    float: none;
    clear: both;
    min-width: 100px;
    max-width: 100%;
}

ul.category-list li {
    border: 0;
    float: none;
    margin: 1px 0px 0px 0;
    padding: 0;
    display: block;
}

ul.category-list > li > ul {
    margin-left: 5px;
    padding: 0;
}

ul.category-list li a {
    font-size: 12px;
    line-height: 1em;
    padding: 8px 15px;
    display: block;
    position: relative;
    max-width: 300px;
    color: #333;
    background: #DDD;
    margin: 0;
}

ul.category-list.transpose-products-list:first-child > li:first-child {
    width: 650px;
}

.category-list ul {
    margin: 0;
    display: block;
    float: left;
    max-width: 20%;
    min-width: 250px;
}

.category-list ul li {
    line-height: 20px;
    display: block;
}

#shop-categories {
    margin: auto;
    margin-bottom: 20px;
    float: right;
    width: 75%;
    min-width: 700px;
    clear: both;
    margin-top: 40px;
}


ul.category-list li ul.category-list {
    min-width: 100px;
    max-width: 100%;
    margin-bottom: 10px;
}

body.shop #content > ul.category-list {
    padding: 10px;
    background: rgba(255,255,255,0.6);
}

#content > ul.category-list.transpose-products-list:before {
    content: "All Categories";
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 6px 4px;
    background: #777;
    margin-bottom: 10px;
    color: white;
    background: rgba(0,0,0,0.6);
    margin: -10px -10px 10px -10px;
}


/** CORNER RIBBON **/

.corner-ribbon {
    position: absolute;
    top: -2px;
    left: -2px;
    overflow: hidden;
    height: 107px;
    width: 105px;
    border-radius: 0 0 110px 0;
    background: none;
}

/* This bit does the rhombus that sits in the top left hand corner */
.corner-ribbon:before{

    content: "";
    display: block;
    position: relative;
    top: 10px;
    left: -34px;
    height: 38px;
    width: 120px;
    box-shadow: 0 2px 0 rgba(0,0,0,.5);
    text-align: center;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    border-width: 0 30px 30px 30px;
    border-style: solid;
    border-color: transparent transparent #3AE transparent;



}

.in-stock .corner-ribbon:before {
    border-color: transparent transparent #33AAEE transparent;
}

.out-of-stock .corner-ribbon:before {
    border-color: transparent transparent #AA0000 transparent;
}


/* This does the text "featured" and the gradient that makes it look curved */
.corner-ribbon:after{

    content: "...";
    display: block;
    position: relative;
    color: white;
    top: -31px;
    left: -16px;
    width: 116px;
    height: 67px;
    padding-top: 9px;
    background: transparent;
    background-image: -webkit-linear-gradient(45deg, transparent 0%, transparent 77%, rgba(255,255,255,0.3) 80%, rgba(255,255,255,0.3) 81%, rgba(0,0,0,0.4) 82%, transparent 83% ), -webkit-linear-gradient(-45deg, transparent 0%, transparent 17%, rgba(0,0,0,0.5) 18%, rgba(255,255,255,0.3) 19%, rgba(255,255,255,0.3) 20%, transparent 23% );
    background-image: -moz-linear-gradient(45deg, transparent 0%, transparent 77%, rgba(255,255,255,0.3) 80%, rgba(255,255,255,0.3) 81%, rgba(0,0,0,0.4) 82%, transparent 83% ), -moz-linear-gradient(-45deg, transparent 0%, transparent 17%, rgba(0,0,0,0.5) 18%, rgba(255,255,255,0.3) 19%, rgba(255,255,255,0.3) 20%, transparent 23% );
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    font-weight: bold;
    font-family: sans-serif;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.out-of-stock .corner-ribbon:after{
    content: "sold out";
}

.product-category-tile .corner-ribbon {}

body.opencart.checkout-success div#container.opencart div#header {
    display: none;
}


#container.opencart div#content.checkout-success div.design-profile.menu-box.menu-box1 {
    float: none;
    min-height: 100px;
    height: auto;
    width: auto;
    padding: 0 6% 7% 6%;
    margin: 0 0 30px 0;
}

#container.opencart div#content.checkout-success div.design-profile.menu-box.menu-box1 > h3 {
    margin-top: 5px;
    margin-bottom: 20px;
}

#container.opencart div#content.voucher > p {
    padding: 20px;
    display: block;
    background: white;
    color: #333;
}

#container.opencart #sharethis-coupon-wrapper h4 {
    color: #AA0000;
}

#container.opencart div#content.voucher .message-wrapper,
#container.opencart div#content.checkout-success .message-wrapper {
    background-color: white;
    width: auto;
    padding: 30px;
    border-top: 10px solid #3388CC;
    margin: auto;
    display: block;
    position: relative;
    margin-bottom: 30px;
}

#container.opencart div#content.voucher form {

    padding: 20px;
    background-color: white;
    display: block;
    box-shadow: 0 2px 8px rgba(0,0,0,.4);
    border-top: 10px solid #3388CC;
    color: #222;
    margin-bottom: 50px;
}

#container.opencart div#content.checkout-success div.design-profile.menu-box.menu-box1 .share-coupon-wrapper {
    padding-top: 0;
}

#container.opencart div#content.checkout-success div.design-profile.menu-box.menu-box1 {
    min-height: 0;
}

.share-instructions {
    color: #333;
}


#container.opencart .product-options-select-design-complete {
    width: 100%;
}

/* RESPONSIVE */

/* ALL DEVICES */

body.opencart {
    min-width: 250px;
}



/* Large Devices, Wide Screens */
@media (max-width : 1200px) {

}

@media ( max-width: 1100px ) {

    body.home #bx-thumb-pager {
        max-width: 640px;
    }

    body.home #header-graphic-wrapper,
    body.home .bx-slider {
        overflow: hidden;
    }

    .share-wrapper-vertical {
        min-height: 20px;
        top: auto;
        bottom: 3%;
        background-color: transparent;
        box-shadow: none;
    }

    body .share-wrapper-vertical:hover #sharethis-buttons-wrapper {
        display: block;
    }

    body .share-wrapper-vertical #sharethis-buttons-wrapper {
        display: none;
    }

}

/* Medium Devices, Desktops */
@media (max-width : 992px) {

    .menu-box .price-tag {
        position: relative;
    }

    body #container #content {
        margin: auto;
        padding-right: 2%;
        padding-left: 2%;
    }

    body.opencart #container #content {
        padding-right: 0;
        padding-left: 0;
    }


    body.browse #container #content,
    body.design-profile #container #content,
    body #container.design-profile #content {
        padding-right: 0;
        padding-left: 0;
    }

    div#container.design-profile {

        /* text-align: center; */

    }

    body #subIntro h1 {
        padding: 2%;
        margin: 1% auto;
        text-align: center;
        left: auto;
        top: auto;
        display: block;
        max-width: 95%;
        float: none;
	position: relative;
    }

    body.mobile-customizer #customizer-iframe,
    body.mobile-customizer #customizer-wrapper {
	max-width: 100%;
	min-width: 500px;
	height: 1000px;
	display: block;
	margin: auto;
	margin-top: 30px;
    }

    body.blog #primary,
    body#blog #primary, body#blog.archive #primary,
    body.single-post #primary {
        min-width: 70%;
        max-width: 100%;
        margin: 20px 10px 10px 10px;
        width: auto;
        display: block;
        clear: both;
    }

    body.page-template-full-width-hero-php #primary {
        float: left;
    }


    #tag-search-wrapper {

        float: none;
        left: auto;
        right: auto;
        top: 0px;
        margin: 0px auto 30px auto;
        text-align: center;
        display: block;
        width: auto;
        max-width: 100%;

    }

    body.opencart div#container.opencart > div#content > h1:first-child {
	padding-left: 0;
	margin-left: 0;
    }

    #container.opencart .breadcrumb {
	margin-left: -14px;
    }

}

@media (max-width: 900px) {

    body #container #preview-wrapper {
        width: auto;
        float: none;
        margin: auto;
        display: block;
        max-width: 90%;
        padding: 3%;
        min-width: 67%;
        max-width: 600px;
    }


    body #content div.design-profile.menu-box {
        float: right;
        display: inline-block;
        width: 46%;
        margin: 2%;
        padding: 3%;
        min-width: 200px;
        max-width: 700px;
    }

    .panel.upsell-wrapper {
	border-radius: 0;
	clear: left;
	width: 46%;
	float: left;
	display: inline-block;
	margin: 2%;
    }

    body #content div.design-profile.menu-box.share-box,
    body #content div.design-profile.menu-box.about-box,
    body #content div.design-profile.menu-box.edit-info-box
    {
        float: left;
        min-height: 100px;
        clear: none;
        margin: 2%;
        padding: 3%;
    }


    #header div.menu-main-container li#main-menu-home {
        display: none;
    }

    body #content div.design-profile.menu-box.about-box,
    body #content div.design-profile.menu-box:last-child,
    body #content div.design-profile.menu-box.edit-info-box:last-child {
        margin-right: 2px;
        float: left;
    }

}

@media (max-width : 815px) {

    .opencart .product-grid > div {
	width: 45%;
    }
}

/* Small Devices, Tablets */
@media (max-width : 768px) {

    div.bx-controls-direction {
        display: none;
    }

    .commonContainer {
        width: 80%;
    }

    #shop-categories {
        display: block;
        float: none;
        width: auto;
        padding: 2%;
        min-width: 200px;
    }

    body.shop #content > ul.category-list {
	display: block;
	width: auto;
	padding: 2%;
	max-width: 400px;
	margin: auto;
    }

    body.shop ul.category-list a {
        margin: 0;
        width: auto;
        display: block;
        max-width: none;
    }

    #header div.menu-main-container li#main-menu-home {
        display: none;
    }

    #header div.menu-main-container li.create {
	border-left: 0;
    }

    body.opencart .checkout-button-wrapper,
    .opencart #container .cart-total {
	float: none;
	clear: both;
	display: block;
	margin: 10px auto 20px auto;
        max-width: 90%;
	width: auto;
	max-width: 350px;
    }


    body.opencart .checkout-button-wrapper {
	padding: 15px;
	text-align:center;
	margin-bottom: 40px;
    }

    body.opencart #button-payment-method.button.cta {
	margin: 20px auto;
	display: block;
	float: none;
    }

    div#container.opencart div#content {
	position: relative;
	margin: 0 2% 0 2%;
	top: 0;
    }

    div#container.opencart > div#content > h1:first-child {
	margin-left: 10px;
    }

    .opencart #cart-options {
	width: auto;
	float: none;
	display: block;
	margin: auto;
    }

    .opencart .quickcheckoutleft,
    .opencart .quickcheckoutright,
    .quickcheckoutmid {
	width: 92%;
	display: block;
	margin: auto;
	float: none;
    }

    .checkout-badges img,
    .checkout-badges a {
	margin: 10px;
	max-width: 100%;
    }

    body.opencart .quickcheckoutmid #terms .quickcheckout-content {
	padding: 1em;
	text-align: center;
	max-width: 92%;
	margin-left: auto;
	margin-right: auto;
    }


}


a.add-to-cart.mobile-only {
    display: block;
    margin: 20px auto 10px auto;
    width: auto;
    max-width: 80%;
    text-align: center;
    z-index: 101;
    position: relative;
}

.mobile-only {

}


@media (min-width: 700px){

    .mobile-only,
    .add-to-cart.mobile-only {
        display: none !important;
    }



}

@media (max-width: 700px) {

    .commonContainer {
        min-width: 80%;
        max-width: 80%;
        width: auto;
    }

    .intro-inner,
    .intro-inner h1,
    .intro-inner h2,
    .intro-inner col-sm-6 {
        text-align:center;
    }

    body > div#header {
        height: auto;
        padding: 0;
    }

    body > #header a#logo {
        background-position: center;
    }

    body #header div.menu-main-container li,
    body #header div.menu-main-container li:first-child,
    body #header div.menu-main-container li:last-child {
        border: 0;
        border-right: 0;
        border-left: 0;
    }


    body.blog #primary.full-width,
    body#blog #primary.full-width,
    body.page-template-full-width-page-php #primary,
    body.page-template-default #content > #main > #primary {
        width: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
        min-width: 100px;
        max-width: 100%;
        float: none;

    }

    #secondary, #main .widget-area {
        display: block;
        float: none;
        margin: 20px;
        width: auto;
        min-width: 200px;
	margin-top: 10px;
    }


    body div#header h1#site-title a {
        display: block;
        margin: auto;
        float: none;
        position: relative;
        max-width: 100%;
        background-size: contain;
    }

    body.design-profile #subIntro h1 {
        font-size: 18px;
    }

    #site-title {
        display: block;
        max-width: 100%;
        margin: auto;
        text-align: center;
        padding-top: 15px;
        position: relative;
    }

    a.design-profile.btn.prev, a.design-profile.btn.next {
        bottom: 1px;
        top: auto;
        padding: 2%;
    }

    #account-bar, div#account-bar, #header div#account-bar {

        display: block;
        position: absolute;
        top: 0;
	left: 0;
        bottom: auto;
        margin: 0;
        text-align: center;
        width: 100%;
        padding: .8% 1% .8% 1%;
    }

    #preview {
        max-width: none;
        display: block;
        margin: 1%;
        padding: 1%;
    }


    body #container #preview-wrapper {
        padding: 10px;
        margin: 2%;
    }

    div.design-profile #preview-wrapper #rating-box {
        float: none;
        display: block;
        width: 100%;
        clear: both;
        margin: auto;
        text-align: center;
        padding-top: 20px;
    }

    #header div.menu-main-container {
        background: none;
        display: block;
        float: none;
        margin: 0 auto 0 auto;
        width: auto;
        clear: both;
        position: relative;
        top: 0px;
        right: 0;
        font-size: 15px;
        margin-right: 0px;
        text-align: center;
        max-width: 100%;
    }

    #header div.menu-main-container li a,
    #header div.menu-main-container li a:visited {
        float: none;
        display: inline-block;
        width: auto;
        padding: 12px;
        margin: 0;
    }


    #header ul,
    div.menu-main-container ul,
    nav.menu-main-container ul {
        list-style: none;
        position: relative;
        display: block;
        height: auto;
        text-align: center;
        margin: auto;
    }

    #header div.menu-main-container li {
        float: none;
        display: inline-block;
        border: 0;
        width: 30%;
        margin: 1%;
    }

    .bx-wrapper .product-section {
        clear: both;
        position: relative;
        display: block;
        margin: 40px auto 20px auto;
        width: auto;
        display: block;
        padding: 20px;
        padding-top: 10px;
    }





    #shop-categories.featured-tiles .explore-design-tile,
    #shop-categories .explore-design-tile {
        display: block;
        clear: both;
        float: none;
        width: auto;
        min-width: 200px;
        margin: 1% auto;
        max-width: 600px;
    }


    body#blog.blog {
        /* min-width: 600px; */
    }

    body#blog.blog div.entry-content iframe {
        margin: auto;
        min-width: 60%;
        max-width: 100%;
        height: auto;
    }



    .left-col, .right-col {
        display: block;
        width: auto;
        margin-right: auto;
        margin-left: auto;
    }

    .left-col {
        float: left;
        display: inline-block;
    }
    .right-col {
        float: right;
        display: inline-block;
    }


    #colophon .left-col,
    #colophon .right-col,
    #colophon .left-col:first-child {
        padding: 20px;
        margin: 5px 2% 20px 2%;
        width: auto;
        display: block;
        font-size: 12px;
        min-width: 100px;
        float: none;
    }

    .homepage-box {
        width: 100%;
        margin: 20px 0px 20px 0px;
        float: none;
        display: block;
    }



}


@media (max-width: 640px) {

    body.opencart.product-category #header .display {
	display: none;
    }

    .create-nav ul li, ul#create-categories-menu li {
        display: block;
        text-align: center;
        max-width: none;
    }

    .create-nav ul li a, ul#create-categories-menu li a {
        display: block;
        text-align: center;
        max-height: 300px;
        width: auto;
        max-width: 100%;
    }

    .home-tiles li a {
        display: block;
        width: auto;
        margin: 2% auto;
    }

    #footer-nav-wrapper {
        background-size: contain;
        padding: 2% 4%;
        width: auto;
        min-width: 250px;
        max-width: 980px;
        margin-right: auto;
        margin-left: auto;
    }

    .gallery-tag-subheading {
        height: auto;
        margin-bottom: 30px;
    }

    h2.gallery-tag-subheading a:after {
        display: none;
    }

    #header div.menu-main-container li#main-menu-home {
        display: none;
    }

    form.customcontactform {
        display: block;
        float: none;
        clear: both;
        max-width: none;
        margin: auto;
    }

    div.contact-info-box {
        display: block;
        margin: auto;
        float: none;
    }
}

@media (max-width : 550px) {

    body #content div.design-profile.menu-box,
    body #content div.design-profile.menu-box.about-box,
    body #content div.design-profile.menu-box.share-box,
    body #content div.design-profile.menu-box.edit-info-box{

        display: block;
        width: auto;
        padding: 3%;
        margin: 2%;
        float: none;
        display: block;
    }

    div.design-profile.menu-box.menu-box1 h3,
    div.design-profile.menu-box #rating-box h4 {
        margin: 2% -3%;
    }

    .interstitial-ad-wrapper a.banner-message {
        font-size: 14px;
        padding: 5px 10px;
    }

    .fb-like {
	max-width: 100%;
	overflow: hidden;
    }

    div#container.opencart {
	margin-top: 75px;
    }

    .opencart #header #currency .currency-label {
	display: none;
    }


    .opencart .product-grid > div {
	display: block;
	float: none;
	clear: both;
	width: auto;
	padding: 2%;
	margin: 10px auto 30px auto;
    }

    .opencart .product-info-column,
    .opencart .product-info > .left {
	max-width: 100%;
	display: block;
	width: auto;
	margin: auto;
	width: 100%;
    }

    .opencart .product-info .image {
	float: left;
	margin-bottom: 20px;
	padding: 10px;
	text-align: center;
	margin: 0;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	max-width: 80%;
    }

    .opencart .product-info .image-additional {
    width: auto;
    clear: both;
    float: none;
    }

    div#container.opencart {
	margin-top: 90px;
    }

    body.opencart div#container.opencart div#header {
	top: -76px;
	left: auto;
	right: auto;
	bottom: auto;
	display: block;
	width: 100%;
	float: none;
	height: auto;
	min-height: 10px;
	margin-bottom: 10px;
	padding: 2%;
    }

    #container.opencart .breadcrumb {
	display: none;
    }

    .opencart #header #currency {
	line-height: 19px;
	font-size: 14px;
	float: left;
	width: auto;
	max-width: 50%;
	min-width: 80px;
	vertical-align:top;
	text-align:left;
	padding: 0;
	display: inline-block;
	font-size: 12px;
    }

    .opencart.checkout-cart #header #currency {
	margin-top: 12px;
    }

    .opencart #header #currency a {
	margin-top: 3px;
    }

    .opencart #header .links {
	float: right;
	display: inline-block;
	max-width: 56%;
	width: auto;
	margin: 0;
	vertical-align: top;
	padding: 0;
	top: 0;
	margin-top: 10px;
	margin-right: 0;
	text-align: right;
    }

    .opencart #header .links a {
	background: rgb(50, 50, 50);
	background: rgba(0, 0, 0, .5);
	padding: 4px 14px;
	color: white;
	float: none;
	margin-bottom: 6px;
	display: inline-block;
    }

    .opencart.checkout-cart #header .links a.checkout-link {
	font-size: 18px;
    }

    .opencart.checkout-cart a.checkout-link span.glyphicon.glyphicon-menu-right {
	font-size: 14px;
    }

    body.opencart div#container.opencart > div#content > h1:first-child {
	display: block;
	float: none;
	color: #777;
	margin: 0 auto;
	margin: 0 0 10px 0;
	line-height: 35px;
    }

    body.opencart.checkout-cart div#container.opencart > div#content > h1:first-child {
	font-size: 22px;
    }

    body.opencart div#container.opencart > div#content.checkout-page > h1:first-child {
	margin: -75px auto 50px auto;
    }

    body.opencart #container.opencart .product-filter .display {
	display: none;
    }

    div#container.opencart.checkout-cart .cart-info td.quantity, div#container.opencart .cart-info td.price, div#container.opencart .cart-info td.total, div#container.opencart .cart-info table tr td.name > a:first-child {
	font-size: 11px;
    }


    .panel.upsell-wrapper {
	display: block;
	width: auto;
    }
}

/* Extra Small Devices, Phones */
@media (max-width : 480px) {

    .explore-design-tile,
    .explore-design-tile:last-child {
        display: block;
        margin: 2%;
        width: auto;
        max-width: 96%;
    }

    body.opencart.account-account ul.tile-list li {
	display: block;
    }

    body.opencart.account-account ul.tile-list a.tile {
	display: block;
	float: none;
	width: 90%;
	margin: 10px auto;
    }
}

@media( max-width: 420px ){
    #header div.menu-main-container li a.search {
	padding-right: 5px;
	padding-left: 5px;
    }

    /* fix for Google Recaptcha in CCF forms not being responsive */
   .ccf-recaptcha-wrapper {
       transform: scale(0.8);
       -webkit-transform: scale(0.8);
       transform-origin: 0 0;
       -webkit-transform-origin: 0 0;
   }
}

@media (max-width: 400px){

    div#container.opencart .cart-info td.quantity,
    div#container.opencart .cart-info td.price,
    div#container.opencart .cart-info td.total,
    div#container.opencart .cart-info table tr td.name > a:first-child
    {
	font-size: 11px;
    }

}

@media (max-width: 380px) {

    #site-title a#logo:after {
        display: none;
    }
}

@media (max-width: 350px ){

    body.opencart div#container.opencart > div#content > h1:first-child {
	font-size: 22px;
	margin: 0 0 10px 0;
	line-height: 35px;
    }

    body.opencart div#container.opencart > div#content > .breadcrumb {
    }

    .opencart .product-info .image {
	float: none;
	margin-bottom: 20px;
	padding: 2%;
	text-align: center;
	margin: 0;
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
	max-width: 100%;
    }

    .opencart .product-info .image-additional {
	float: none;
	max-width: 100%;
	display: block;

    }

    #account-bar .cart-total {
	float: right;
    }

    .opencart #header .links {
	max-width: 49%;
    }

}

/* Custom, iPhone Retina */
@media (max-width : 320px) {

}



/** OVERRIDE RESPSONSIVE WIDTHS UNTIL FRAME TO FRAME ZOOM SYNC IS DONE **/

body.customize {    min-width: 1000px; }

body.customize.mobile-customizer {    min-width: 530px; }

body.mobile-customizer #customizer-iframe,
body.mobile-customizer #customizer-wrapper {
    min-width: 500px; min-height: 500px;
}
body.customize #container {    max-width: none; }
/** END RESPSONSIVE WIDTH OVERRIDES **/




/* customizer page optimizations */


.customizer.under-app-wrapper.product-description,
.customizer.under-app-wrapper#customizer-steps p {
    display: none;
}

.customizer.under-app-wrapper#customizer-steps {
    position: relative;
    display: block;
    width: auto;
    margin: auto;
    max-width: 1000px;
    font-size: 12px;
    padding: 15px;
    min-height: 0;
    margin-bottom: 15px;
}

.customizer.under-app-wrapper#customizer-steps h2 {
    margin: 5px;
}

.customizer.under-app-wrapper#customizer-steps h2:first-child{
    font-size: 16pt;
}


.customizer.under-app-wrapper#customizer-steps h2 {
    font-size: 16pt;
}

.customizer.under-app-wrapper#customizer-steps h2:last-child{

    font-style: italic;

}

#customizer-wrapper,
body.mobile-customizer #customizer-wrapper {
    margin-top: 0;
}

body.customize #lc_chat_layout,
body.customize #lc_chat_layout.lc-collapsed.lc-align-right,
body.customize #lc_chat_layout.lc-collapsed {
    right: auto;
    left: 30px;
}

@media (max-width: 1000px) , (max-height: 700px) {

    body.customize #lc_chat_layout,
    body.customize #lc_chat_layout.lc-collapsed.lc-align-right,
    body.customize #lc_chat_layout.lc-collapsed {
	display: none;
    }

    body.customize #page-bottom {
	position: relative;
    }

}

body.customize #page-bottom {
	background: rgba(0,0,0,.6);
}

body.mobile-customizer #customizer-iframe {
    margin-top: 0;
    border-top: 5px solid white;
    padding: 0;
    background: white;
}

body.mobile-customizer #container {

    padding-top: 15px;
    padding-bottom: 15px;
}

body.customize #header div#account-bar,
body.mobile-customizer #header div#account-bar {
    display: none;
}

body.customize #customizer-fullscreen-button {
    font-size: 16pt;
    pointer-events: all;
}


body.customizer-fullscreen #customizer-fullscreen-button {
    font-size: 24pt;
}

body.mobile-customizer.customizer-fullscreen #customizer-fullscreen-button {
    position: relative;
    float: right;
    top: 0;
    right: 0;
}

body.mobile-customizer:not(.customizer-fullscreen) {

    padding-bottom: 60px;

}

body.mobile-customizer.customizer-fullscreen .site-description {
    display: none;
}

@media(max-height: 744px ){

    body.customize #container {
	max-width: none;
	padding-bottom: 60px;
	margin-bottom: -60px;
	height: auto;
    }

    body.customize #page-bottom {
	position: relative;
	bottom: 0;
	width: 100%;
    }
}

@media(min-height: 1200px ){

    body.customize #container {
	max-width: none;
	padding-bottom: 60px;
	/* height: calc(100vh - 106px); */
    }

}

/* iphone 6 plus or samsung galaxy aspect ratios */
@media(orientation: portrait),
( max-aspect-ratio: 1/1 ),
(max-height: 1000px) {

    body.customize #page-bottom {
	display: none;
    }
}

@media(orientation: landscape)
and ( max-aspect-ratio: 740/414 )
and (max-width: 900px)
and (max-height: 788px)  {

    body.customize #container {
	padding-bottom: 5px;
	margin-bottom: 0;
	padding-top: 7px;
    }

    body.customize #page-bottom {
	display: none;
    }

    body.customize div#header {
	min-height: 15px;
    }

    body.customize #site-title {
	position: absolute;
	right: 0;
	margin: auto;
	top: 0;
	height: 90px;
	width: 80px;
	padding: 0;
    }

    .customizer.under-app-wrapper#customizer-steps {
	margin-bottom: 0;
	padding: 7px;
    }

    body #container #content {
	margin-top: 0;
	padding-top: 0;
    }

    .customizer.under-app-wrapper#customizer-steps h2 {
	display: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
    }

    .customizer.under-app-wrapper#customizer-steps h2:first-child {
	display: block;
    }

}


@media(max-height: 600px){


    body.customize #lc_chat_layout,
    body.customize #lc_chat_layout.lc-collapsed.lc-align-right,
    body.customize #lc_chat_layout.lc-collapsed {

	display: none;

    }

}

/* FULL SCREEN OVERRIDES */

body.customize.customizer-fullscreen #container > #content {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    border: 0;
    max-width: none;
    padding: 0;
    transition-duration: 500ms;
    background: rgba(255,255,255,.8);
}

body.customize.customizer-fullscreen div#header {
    position: relative;
    z-index: inherit;
    background: transparent;
    box-shadow: none;
}

body.customize.customizer-fullscreen #container #customizer-wrapper,
body.customize.customizer-fullscreen #container .customizer-wrapper,
body.customize.customizer-fullscreen #customizer-wrapper {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    text-align:center;
    position: relative;
    max-height: 1300px; /* limit height for super long aspect ratios */
}

body.customize.customizer-fullscreen #customizer-iframe {
    width: calc(100% - 30px);
    max-height: calc(100vh - 30px);
    margin: 15px;
    min-height: 75%;
    border-top: 10px solid white;
}

body.customize.customizer-fullscreen #site-title {
    z-index: 10001;

    position: fixed;
    bottom: 2px;
    left: 15px;
    max-width: 200px;
    max-height: 80px;

    background: transparent;
    transition-duration: 500ms;

    right: auto;
    top: auto;
}

body.customize #customizer-fullscreen-button label {
    margin: -2px 0px;
    pointer-events: none;
}

body.customizer-fullscreen #customizer-fullscreen-button label {
    display: none;
    margin: 0;
}

body.customize.customizer-fullscreen .customizer.under-app-wrapper#customizer-steps {
    position: fixed;
    right: 0;
    bottom: 0;
    transition-duration: 500ms;
    width: auto;
    min-width: 0;
    margin: 0;
}

body.customize.customizer-fullscreen #site-title,
body.customize.customizer-fullscreen div#header h1#site-title a {
	display: none;
}

/* ANCHOR TO TOP B/C NAV IS ON BOTTOM */
    body.customize.customizer-fullscreen .customizer.under-app-wrapper#customizer-steps {
	top: 0;
	bottom: auto;
    }

// FULL SCREEN PORTRAIT MODE EXCEPTIONS
@media screen and (orientation:portrait) {


}

body.customize.customizer-fullscreen .customizer.under-app-wrapper#customizer-steps h2:first-child {
    float: left;
    padding: 7px;
    display: none;
}

body.customizer-fullscreen #page-bottom{
    display: none;
}

body.customizer-fullscreen #lc_chat_layout,
body.customizer-fullscreen #lc_chat_layout.lc-collapsed.lc-align-right,
body.customizer-fullscreen #lc_chat_layout.lc-collapsed {

	display: none;
}

body.customize.customizer-fullscreen #customizer-fullscreen-button {
    margin: 0;
}

/* RETINA DISPLAY */
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    /* Retina-specific stuff here */

}

/* RECAPTCHA */
.grecaptcha-badge {
    z-index: 100;
}