/*
    Created on : Mar 10, 2014, 3:06:13 PM
    Author     : Jennifer Junio
    Link       : http://www.chanzglobal.com/
*/

body {
    font: 11pt/100% 'PT Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #555555;
}
/** christmas theme **/
body#christmas {
    background: url('../images/christmas-bg.png') top center no-repeat;
}
#santa {
    position: absolute;
    bottom: -18px;
    z-index: -1;
    right: 200px;
}
/** end **/

.w-960 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1100px;
    padding: 0 10px;
}

/** christmas theme **/
.w-960.w-santa {
    padding: 20px 10px;
}
/** end **/

a, a:hover { cursor: pointer }
a { text-decoration: none; color: #555555 }
a:hover { text-decoration: underline; color: #555}

input, textarea, select { outline: none; }
strong { font-weight: 700; }
em { font-style: italic; }
h1,h2,h3,h4,h5,h6 { font-weight: 700; }
.underline { text-decoration: underline; }

.dotted-divider {
    height: 1px;
    width: 100%;
    background: url('../images/dotted-divider.png') center repeat-x;
    margin: 10px 0 20px;
}

.icon {
    background: url('../images/sprite.png') 0px 0px no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin: 0 5px 0 0;
}

.absolute {
    position: absolute;
}

/** Header */
#header { margin-bottom: 2em; }

.top-header { background: #262621; padding: 10px 0; margin-bottom: 1.5em; }
.top-header .fleft { margin-top: 1px; margin-bottom: -1px; }
.top-header .fright { margin-bottom: -2px; }

.top-header li { display: inline-block; }

.top-header .fleft li { margin-right: 13px; }

.top-header .fright li {
    margin: -9px 0 -10px 10px;
    background: url('../images/topheader-divider.png') left center repeat-y;
    vertical-align: middle;
    padding: 10px 0 8px 13px;
}

    .top-header .fright li:first-child { background: none; }
    .top-header .fright li:hover a i { background: #FFFFFF; border-radius: 3px; }

.top-header a { text-decoration: none; font-weight: 700; }

.top-header .fleft a, .top-header .fleft a:visited { color: #fff; }
.top-header .fright a { line-height: 11pt; }

.top-header .fright li.fb a, .top-header .fright li.fb a:visited { color: #3B5998; }
.top-header .fright li.linkedin a, .top-header .fright li.linkedin a:visited { color: #1783BC; }
.top-header .fright li.tw a, .top-header .fright li.tw a:visited { color: #29B2E4; }
.top-header .fright li.gp a, .top-header .fright li.gp a:visited { color: #D73D32; }

/*.support { text-align: right; width: auto; }

.support .representative, .support .representative_online {
    width: 96px;
    height: 85px;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/sprite.png') -140px -222px no-repeat;
}
.support .representative_online {
    width: 96px;
    background: url('../images/sprite.png') 0px -222px no-repeat;
}

.support-details { margin: 25px 5px 0 0; }
.support h3 { font-weight: 700; font-size: 15pt; margin-bottom: 11px; }
.support-details a, .support-details a:visited { text-decoration: none; font-weight: 700; color: #9DD45B; }*/


/** Navigation */
.nav-line { background: #9DD45B; height: 4px; margin: 1em 0 4px; }
.search-line { width: 480px; height: 4px; background: #3AA5B8; }
#navigation { background: #9DD45B; }

#navigation ul.fleft {
    height: 54px;
    background: url('../images/nav-divider.png') right 0px top repeat-y;
    z-index: 10;
    padding-right: 5px;
}

#navigation ul li .icon { width: 20px; height: 18px; }

    #navigation ul li .icon.cart { background-position: -263px -17px; margin: 0 0 -2px 0; }

#navigation ul li {
    display: inline-block;
    padding: 19px 20px 17px;
    background: url('../images/nav-divider.png') left top repeat-y;
    height: 18px;
    margin-right: -4px;
}

#navigation ul li.webim {
    position: relative;
    top: -8px;
}
#navigation ul li.webim a {
    position: relative;
    top: -18px;
}
a#webimlink span.support {
    display: block;
    background: url('../images/sprite.png') -4px -66px no-repeat;
    height: 86px;
    width: 71px;
    margin: 5px 0 0 15px;
    font-size: 0px;
}

#navigation ul li a span.support.on {
    background-position: -71px -219px;
}

@-moz-document url-prefix() {
    #navigation ul li {
	height: 20px;
    }
}

#navigation ul li.display { position: relative; }
#navigation ul li.display.clicked { background: #78A346; }

    #navigation ul li.active { background-color: #78A346; }

#navigation ul a {
    font: 13pt/100% 'Oswald', Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}

div#login-form, div#user-links {
    text-align: right;
    position: absolute;
    background: #78A346;
    z-index: 100;
    width: 200px;
    right: 0;
    top: 23px;
    padding: 15px 11px;
}

div#user-links { text-align: left; }
div#user-links p { color: #FFF; margin: 10px 0 5px; }

div#login-form form { margin: 15px 0 13px; }

div#login-form a {
    color: #FFFFFF;
    text-decoration: underline;
    font-family: 'PT Sans';
    font-size: 10pt;
    font-weight: 400;
    font-style: italic;
    text-transform: none;
}

    div#login-form a:hover, div#user-links a:hover { text-decoration: none; color: #ffffff; }

div#login-form input[type="text"],
div#login-form input[type="password"]{
    border: 1px solid #DCDCDC;
    color: #262621;
    background: #EFEFEF;
    padding: 8px 7px 7px;
    font: 10pt 'PT Sans', Arial, Helvetica, sans-serif;
    width: 184px;
    margin: 0 2px 7px 0;
}

    /** Placeholder */
    div#login-form input::-webkit-input-placeholder { color: #ABABAB; }
    div#login-form input:-moz-placeholder { color: #ABABAB; }
    div#login-form input:-ms-input-placeholder { color: #ABABAB; }

div#login-form input[type="submit"]{
    background: #9DD45B;
    color: #FFFFFF;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    border: none;
    padding: 9px 20px;
    cursor: pointer;
    margin: 0;
}

div#login-form .close, div#user-links .close { color: #FFFFFF; text-align: right;}
div#login-form .close span, div#user-links .close span { cursor: pointer; }

.fright #login-links div#user-links > ul > li
{
    background: none;
    padding: 0;
    display: block;
    margin: 11px 0 11px;
}

div#user-links a {
    color: #ffffff;  text-decoration: underline;  font-family: 'PT Sans';
    font-size: 10pt;
    font-weight: 400;  font-style: italic;
    text-transform: none;
}

/** Search Box */
#search-box {
    background: #3AA5B8 url('../images/nav-divider.png') right top repeat-y;
    width: 450px;
    padding: 6px 15px 6px 15px;
    position: relative;
    z-index: 1;
}

#search-box input[type="text"]{
    border: none;
    font: 12pt/100% 'PT Sans', Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #262621;
    padding: 9px 10px;
    width: 95%;
    position: relative;
}

    /** Placeholder */
    #search-box input[type="text"]::-webkit-input-placeholder { color: #A2A2A2; line-height: 130%; }
    #search-box input[type="text"]:-moz-placeholder { color: #A2A2A2; line-height: 130%; }
    #search-box input[type="text"]:-ms-input-placeholder { color: #A2A2A2; line-height: 130%; }

#search-box input[type="submit"]{
    border: none;
    font-size: 0;
    position: absolute;
    top: 8px;
    right: 15px;
    width: 38px;
    height: 38px;
    background: #67C7D8 url('../images/sprite.png') -304px -5px no-repeat;
    cursor: pointer;
}

@-moz-document url-prefix() {
    #search-box input[type="submit"]{
	height: 40px;
    }
}

    #search-box input[type="submit"]:hover { background-color: #262621; }


/** Sidebar */
#sidebar { width: 250px; margin-right: 35px; }
#sidebar .widget-block > div { margin-bottom: 7px; position: relative; }

#sidebar a.showOptions {
    background: #3AA5B8 url('../images/options-arrow.png') 225px 13px no-repeat;
    color: #FFFFFF;
    font-size: 14pt;
    text-decoration: none;
    display: block;
    padding: 12px 11px;
    font-weight: 700;
    border-left: 4px solid #3AA5B8;
}

#sidebar a.showOptions.disabled { background: #3AA5B8; }

    #sidebar a.showOptions.active, #sidebar a.showOptions:hover { background: #DEDAD9; color: #262621; }
    #sidebar a.showOptions.disabled:hover { background: #3AA5B8; color: #FFFFFF; }

#sidebar .main-cats { background: #67C7D8; padding: 4px 0; max-height: 420px; overflow-x: hidden; overflow-y: auto; z-index: 1; }

    /** Scroll */
    #sidebar .main-cats::-webkit-scrollbar { width: 10px; }
    #sidebar .main-cats::-webkit-scrollbar-track { background: #92CDD8; }
    #sidebar .main-cats::-webkit-scrollbar-thumb { background: #2B8E9F; }

#sidebar .main-cats.sub-cats { max-height: 200px; overflow-y: auto; overflow-x: hidden; }

    /** Scroll */
    #sidebar .main-cats.sub-cats::-webkit-scrollbar { width: 10px; }
    #sidebar .main-cats.sub-cats::-webkit-scrollbar-track { background: #92CDD8; }
    #sidebar .main-cats.sub-cats::-webkit-scrollbar-thumb { background: #2B8E9F; }

#sidebar .main-cats > li > a {
    display: block;
    padding: 6px 10px 6px 23px;
    background: url('../images/li-arrow.png') 8px 8px no-repeat;
    font-size: 10pt;
    line-height: 120%;
    color: #FFFFFF;
    text-decoration: none;
    border-left: 4px solid #67C7D8;
}

    #sidebar .main-cats > li.active > a,
    #sidebar .main-cats > li > a:hover {
        background: #DEDAD9 url('../images/li-arrow-hover.png') 8px 8px no-repeat;
        color: #262621;
        font-weight: 700;
        border-left: 4px solid #3AA5B8;
    }

#sidebar .displayCats a.all { font-size: 12pt; font-weight: 700; }

#sidebar .displayCats a.redirect {
    display: block;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 12pt;
    color: #FFFFFF;
    background: #3AA5B8;
    text-decoration: none;
    margin-top: 20px;
    font-weight: 700;
}

#sidebar .displayCats > ul {
    width: 240px;
    background: url('../images/topheader-divider.png') right 5px top repeat-y;
    padding: 1px 25px 2px 0;
    display: inline-block;
    vertical-align: top;
    margin: 10px 0 0;
    height: 360px;
}

#sidebar .displayCats > ul + ul { margin-left: 15px; }
#sidebar .displayCats > ul + ul + ul,
#sidebar .displayCats > ul:last-child,
#sidebar .displayCats > ul:nth-last-of-type(1) {
    background: none;
    padding-right: 0;
}
#sidebar .displayCats li { margin-bottom: 6.5px; }
#sidebar .displayCats li a { color: #000000; text-decoration: none; font-size: 10pt; }
    #sidebar .displayCats li a:hover { text-decoration: underline; }

#sidebar .displayHidden {
    position: absolute;
    top: 0;
    left: 250px;
    background: rgba(222, 218, 217,0.9);
    width: 800px;
    height: 421px;
    padding: 25px;
    z-index: 110;
    display: none;
}

#sidebar .displayHidden > span {
    position: absolute;
    width: 240px;
    height: 300px;
    display: inline-block;
    top: 40px;
    right: 25px;
    text-align: right;
}

#sidebar .displayHidden > span img {
    width: auto;
    height: auto;
    max-width: 240px;
    max-height: 300px;
}

#sidebar .displayNav > ul {
    width: 377px;
    background: url('../images/topheader-divider.png') right top repeat-y;
    padding: 1px 25px 2px 0;
    display: inline-block;
    vertical-align: top;
}

#sidebar .displayNav > ul + ul { margin: 0 0 0 20px; background: none; padding-right: 0; }

#sidebar .displayNav a {
    display: block;
    background: #FFFFFF;
    padding: 8px 10px 0 8px;
    height: 37px;
    margin: 2px 0 4px;
    color: #3AA5B8;
    border: 1px solid #DEDAD9;
    overflow: hidden;
    font-weight: 700;
    font-size: 10.7pt;
    text-decoration: none;
}

    #sidebar .displayNav a:hover { border: 1px solid #3AA5B8; }

#sidebar .displayNav a img { display: inline-block; vertical-align: middle; margin: -2px auto 0; }
#sidebar .displayNav a span {
    display: inline-block;
    width: 40px;
    text-align: center;
}

#sidebar .main-cats > li.active > .displayHidden.active { display: block !important; }
#sidebar .displayHidden.active { display: block !important; }
#sidebar .displayNav .txt-more { font-size: 10pt; color: #8B8B8B; margin-top: 20px; }


/** Sidebar Widget Block */
#sidebar .widget-block { margin-bottom: 1.5em; }

#sidebar .widget-block .widget-head {
    color: #FFFFFF;
    background: #9CD45A;
    border: 1px solid #78A346;
    padding: 12px 11px;
    font-size: 14pt;
    font-weight: 700;
    position: relative;
}

#sidebar .widget-block .widget-head a, #sidebar .widget-block .widget-head a:hover {
    color:#FFF;
}
#sidebar .widget-block .widget-head a:hover {
    text-decoration: none;
}

#sidebar .widget-block.product-widget .widget-head {
    color: #000000;
    background: #DEDAD9;
    border: none;
    font-size: 13pt;
    padding: 13px 11px;
    position: relative;
}

#sidebar .widget-block .user-comments .widget-head { background: #9CD45A; }

#sidebar .widget-block .user-comments .widget-head a {
    display: inline-block;
    position: absolute;
    right: 11px;
    vertical-align: middle;
}

#sidebar .widget-block .widget-body {
    background: #EBEBEB;
    border: 1px solid #dfdfdf;
    border-top: 1px solid #78A346;
    margin: -1px 0 9px;
    padding: 12px 15px;
    overflow: hidden;
}

#sidebar .widget-block.product-widget .widget-body { background: none; padding: 20px 15px 15px; border-color: #DEDAD9; }
#sidebar ul#comments-list { display: block; list-style: none; position: relative; overflow: hidden; }

#sidebar ul#comments-list li {
    display: inline-block;
    position: relative;
    width: 217px;
    margin: auto 15px auto 0;
    vertical-align: middle;
    height: auto !important;
}

#comments-list p { font-size: 9.5pt; line-height: 120%; margin-bottom: 10px; }

#comments-list p.credits { font-weight: 700; font-style: italic; }
    #comments-list p:last-child { margin-bottom: 0; }

#comments-list .rating img { margin: 0 0 0 -2px; }
    #comments-list .rating img:first-child { margin: 0; }

#sidebar .widget-block .references .widget-body { background: #FFF; }

#sidebar ul#reference-list { display: block; list-style: none; position: relative; overflow: hidden; }

#sidebar ul#reference-list li {
    display: inline-block;
    position: relative;
    width: 217px;
    margin: 0 15px 0 0;
    vertical-align: middle;
}

#sidebar ul#reference-list li img { display: block; margin: 0 auto; vertical-align: middle; }

#sidebar .widget-block.product-widget input {
    text-align: center;
    border: 1px solid #E7E7E7;
    width: 60px;
    font: 10pt 'PT Sans', Arial, Helvetica, sans-serif;
    color: #808080;
    padding: 3px 0;
}


/** Product Filter */
a#clear-filter {
    float: right;
    clear: right;
    font-weight: 400;
    color: #888;
    font-style: italic;
    font-size: 10pt;
}

    a#clear-filter:hover { text-decoration: none; color: #000000; }

ul.prod-filter li { margin-bottom: 6px; }

ul.prod-filter span {
    color: #000000;
    background: #FFFFFF;
    display: inline-block;
    padding: 4px 5px;
    font-size: 13px;
    font-family: 'Droid Sans';
    font-weight: normal;
}

ul.prod-filter span.close {
    background: #A9A9A9;
    color: #FFFFFF;
    padding: 4px 0;
    cursor: pointer;
    width: 21px;
    text-align: center;
}
ul.prod-filter span.close:hover { background: #9B0000; }

#color-filter  {
    margin-top: -2px;
}
#color-filter span {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 0px 2px 0;
    border: 1px solid #DEDAD9;
    box-shadow: 0 0 0 1px #FFF inset;
    cursor: pointer;
    vertical-align: middle;
}

    #color-filter span:not(.selected):hover { border-color: #858585; }

#color-filter span.disabled {
    background-image: url('../images/color-disabled.png');
    background-position: 23px -7px;
}

    #color-filter span.disabled:hover { border-color: #CCCCCC; }


/** UI Slider */
#slider-range { margin: 0 0 5px; }
.ui-corner-all { border-radius: 0; }
.ui-widget-content { border-color: #92CDD8; border-left: none; border-right: none; }
.ui-slider-horizontal { height: 5px; }
.ui-widget-header { background: #92CDD8; }
.ui-slider-horizontal .ui-slider-handle { top: -3px; }

.ui-slider .ui-slider-handle {
    outline: none;
    width: 15px;
    height: 11px;
    border: none;
    border-radius: 2px;
    background: #2B8E9F;
}


/** Content */
#container { position: relative; }
#content { width: 815px;font-family: 'PT Sans'; position: relative; }

/** Banner / Slideshow */
div.banner {
    width: auto !important;
    height: auto !important;
}
ul#banner li {
    width: 100%;
    height: auto !important;
}
ul#banner li img {
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden;
}

ul#banner, div.banner {
    max-height: 187px;
}

ul#banner > li {
    max-height: 172px;
}

/** Slides Pagination */
ul.slidesjs-pagination { margin: 10px 0; text-align: right; }
ul.slidesjs-pagination li { display: inline-block; margin: 0 0 0 6px; }

ul.slidesjs-pagination li a {
    width: 17px;
    padding: 2px 0;
    background: #F2F2F2;
    border: 1px solid #BBB;
    color: #9B9B9B;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 8pt;
}

    ul.slidesjs-pagination li a:hover { border: 1px solid #555555; color: #555555; }

ul.slidesjs-pagination li a.active { background: #9CD45A; border: 1px solid #78A346; color: #598822; cursor: text; }


/** Breadcrumb */
#breadcrumb {
    color: #CACACA;
    width: 630px;
    margin: -25px 0 25px;
    font-size: 10pt;
    font-family: 'Droid Sans';
}

    #breadcrumb > div:last-child { margin: 8px 0 10px; }

#breadcrumb a, #breadcrumb a:visited { text-decoration: none; color: #9B9B9B; font-weight: 700; font-size:10px }
    #breadcrumb a:hover { color: #555555; }

#breadcrumb span.b-arrow {
    width: 16px;
    height: 15px;
    display: inline-block;
    background: url('../images/sprite.png') -404px -16px no-repeat;
    margin: -3px 6px 0;
    vertical-align: middle;
}

#breadcrumb span.b-arrow-back {
    width: 16px;
    height: 15px;
    display: inline-block;
    background: url('../images/sprite.png') -404px -66px no-repeat;
    margin: -3px 4px 0 0;
    vertical-align: middle;
}


/** ~ Continue Content */
#page-title {
    font: 18pt/100% 'Droid Sans', Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin: 0 0 15px;
}

#content p { margin-bottom: 15px; font-size: 10.5pt; line-height: 160%; }

p a, p a:visited, li a, li a:visited { color: #555555; }
    p a:hover, li a:hover { text-decoration: none; }


/** News Block */
#news-block .title { font-size: 12pt; font-weight: 700; margin-bottom: 15px; }

#news-block h2 { font-size: 13pt; font-weight: 700; line-height: 120%; margin-bottom: 15px; }

#news-block .box {
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #DCDCDC;
    width: 340px;
    padding: 20px;
    line-height: 140%;
}

    #news-block .box:nth-child(odd) { margin-right: 20px; }

#news-block .box .green-bar {
    width: 60px;
    height: 6px;
    background: #9DD45B;
    margin: -23px 0 17px 0;
}

#news-block .box p:last-child { margin-bottom: 0; }

#news-block .box img {
    display: block;
    vertical-align: middle;
    margin: 2em auto;
    width: 100%;
    height: auto !important;
    max-width: 300px;
}

#categoryContainer { margin: 1em 0 2em; }
#categoryContainer .leadin {
    font-style: italic;
    font-size: 12pt;
}
#categoryContainer .categoryListName div {
    display: inline-block;
    width: 220px;
    margin-right: 20px;
    vertical-align: top;
}
#categoryContainer .categoryListName div:last-child { margin-right: 0; }
#categoryContainer .categoryListName div a {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #ABABAB;
    font-size: 10pt;
    color: #9B9B9B;
    padding: 4px 0;
    margin: 2px 0;
}
#categoryContainer .categoryListName div a:hover { border-color: #555555; color: #555555; }
#categoryContainer .categoryListName div a span { color: #CACACA; }
#categoryContainer .categoryListName div a:hover span { color: #000000; }

#sort-products { color: #ABABAB; }
#sort-products a, #sort-products a:visited { color: #9B9B9B; text-decoration: none; }

    #sort-products a:hover { color: #555555; text-decoration: underline; }


/** Products */
#products-list #loading {
    background: #262621;
    color: #FFFFFF;
    font-size: 14pt;
    font-weight: 700;
    text-align: center;
    padding: 15px 0;
    margin: 10px 0 30px;
}

#category-list h3, #products-list h3 {
    font: 12pt/100% 'PT Sans', Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin: 0 0 15px;
}

#category-list .box, #products-list .box {
    margin: 0 30px 25px 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #EBEBEB;
    width: 146px;
    padding: 10px 15px 0;
    height: 280px !important;
    text-align: center;
}

#category-list .box:hover, #products-list .box:hover { border-color: #9CD45A;}

#category-list .box a, #products-list .box a { text-decoration: none; color: inherit; }

#category-list .box h2, #products-list .box h2 {
    font-weight: 700;
    font-size: 10pt;
    max-width: 120px;
    max-height: 32px;
    overflow: hidden;
    line-height: 120%;
    margin: 0 auto 5px;
    vertical-align: middle;
}

#products-list .box .rating img { margin: 3px -1px 0; }

#products-list .box .price {
    background: #9CD45A;
    color: #FFFFFF;
    min-width: 70px;
    padding: 0 7px;
    height: 50px;
    position: absolute;
    top: 140px;
    left: -10px;
    font-size: 0.75em;
}

#products-list .box .price span { margin: 10px 0 3px; display: block; }
#products-list .box .price .regular { display: inline-block; vertical-align: text-top; font-weight: 700; font-size: 1.3em; }
#category-list .box:nth-of-type(4n+4), #products-list .box:nth-of-type(4n+4) { margin-right: 0; }
#category-list .box .featured-image, #products-list .box .featured-image { margin: 5px 0; height: 100px; }
#category-list .featured-image img, #products-list .featured-image img { max-width: 100%; height: auto; margin: auto; vertical-align: middle; }

#products-list .box .colors span,
.main-details .colors span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 2px 0 5px 1px;
    border: 1px solid transparent;
}

#products-list .box .colors span[style="background-color:#ffffff"],
.main-details .colors span[style="background-color:#ffffff"],
#products-list .box .colors span[style*="#ffffff"],
.main-details .colors span[style*="#ffffff"]{
    border: 1px solid #555555;
}

#products-list .box .colors {
    position: absolute;
    display: block;
    width: 146px;
    bottom: 45px;
}

#category-list .box p, #products-list .box p {
    font-size: 8pt;
    color: #9B9B9B;
    position: absolute;
    text-align: center;
    display: block;
    width: 146px;
    height: 45px;
    bottom: 0px;
    overflow: hidden;
    margin-bottom: 0;
}

#products-list .box .zoom {
    position: absolute;
    top: 5px;
    right: 5px;
    background: url('../images/sprite.png') -132px -63px no-repeat;
    width: 22px;
    height: 22px;
    z-index: 10;
}

    #products-list .box:hover .zoom { 
        /*background: url('../images/sprite.png') -92px -63px no-repeat;*/
        cursor: pointer;
    }


/** Category Description */
#category-description h2 {
    font: 14pt/100% 'PT Sans', Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin: 0 0 15px;
}

#category-description p { margin-bottom: 2em; }
#category-description a {
    color: #555555;
}


/** Single Product */
#slider-tabs { background: #EBEBEB;  display: table;}
#slider-tabs li {
    margin: 0;
    width: 25%;
    display: table-cell;
    position: relative;
}

#slider-tabs li:before {
    top: 0;
    left: 0;
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #EBEBEB;
    z-index: 2;
}
#slider-tabs li:after {
    top: 0;
    left: 1px;
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #CCCCCC;
    z-index: 1;
}

#slider-tabs li a {
    font-weight: 700;
    font-size: 13pt;
    width: 204px;
    display: block;
    text-align: center;
    padding: 8px 0;
    text-decoration: none;
    color: #BDBDBD;
}
#slider-tabs li.selected { background: #3AA5B8; }
#slider-tabs li:first-child { display: none; }
#slider-tabs li:first-child:before, #slider-tabs li:first-child:after { display: none; }
#slider-tabs li.selected + li:before { border-left: 16px solid #3AA5B8; }
#slider-tabs li.selected a { color: #FFFFFF; }

@-moz-document url-prefix() {
    #slider-tabs { position: relative; }
    #slider-tabs li { float: left; }

    #slider-tabs li a {
	padding: 8px 0;
    }
}



#product-main, #product-form { margin: 2em 0 0; }

#step2 h2 {
    font-size: 15pt;
    border-bottom: 1px dotted #999;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font: 18pt/100% 'Droid Sans',Arial,Helvetica,sans-serif;
    font-weight: 700;
}


/** Product Image Slider */
#image-slideshow, .image-slideshow { width: 200px; }

#image-slideshow .featured-image {
    display: table-cell;
    vertical-align: middle;
}

#image-slideshow .featured-image,.image-slideshow .featured-image {
    margin-bottom: 15px;
    border: 1px solid #EBEBEB;
    width: 200px;
    height: 200px;
}

#image-slideshow .featured-image img,  .featured-image img {
    margin: auto;
    display: block;
    vertical-align: middle;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 250px;
    cursor: pointer;
}

#image-slideshow .zoom { margin: 10px 0; font-family: 'Droid Sans'; font-size: 9pt; }
    #image-slideshow .zoom a { color: #555; text-decoration: none; }
    #image-slideshow .zoom .icon { background-position: -174px -64px; width: 18px; height: 20px; vertical-align: middle; }
#image-slideshow .carousel-container { position: relative; }
#image-slideshow #carousel { margin: 0 auto; position: relative; }

#image-slideshow .next,
#image-slideshow .prev {
    position: absolute;
    top: 19px;
    background: url('../images/sprite.png') 0px 0px no-repeat;
    display: block;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

#image-slideshow .next { background-position: -263px -66px; right: 0; }
#image-slideshow .prev { background-position: -220px -66px; left: 0; }
    #image-slideshow .next:hover { background-position: -363px -66px; }
    #image-slideshow .prev:hover { background-position: -320px -66px; }
#image-slideshow #carousel ul { margin: 0 -3px; text-align: center; }

#image-slideshow #carousel li {
    border: 1px solid #EBEBEB;
    display: inline-block;
    position: relative;
    margin: 3px;
    width: 95px;
    min-width: 95px;
    height: 120px;
    cursor: pointer;
    vertical-align: middle;
    float: left;
}

#image-slideshow #carousel li div {
    height: 80px;
    display: table-cell;
    width: 95px;
    vertical-align: middle;
}

#image-slideshow #carousel li img {
    margin: auto;
    display: block;
    vertical-align: middle;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

#image-slideshow #carousel li span:not(:empty) {
    background: #EBEBEB;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 7px 0;
    text-align: center;
    font-size: 0.7em;
    line-height: 115%;
}


/** Product Main Details */
.main-details { width: 580px; }

#social-share { margin-bottom: 20px; border-bottom: 1px solid #EBEBEB; padding: 0 0 5px;}
#social-share li { display: inline-block; }

#social-share a {
    width: 32px;
    height: 32px;
    display: block;
}

/*    #social-share a.fb { background-position: -14px -167px; }
    #social-share a.tw { background-position: -64px -167px; }
    #social-share a.gl { background-position: -114px -167px; }
    #social-share a.pn { background-position: -164px -167px; }
    #social-share a.ml { background-position: -214px -167px; }
    #social-share a.pr { background-position: -264px -167px; }*/

#page-title { font-size: 15pt; }
.main-details .code { font-weight: 700; font-size: 10pt; display: block; margin: -5px 0 10px; }
.main-details .rating { margin-bottom: 20px; }
.main-details .rating img { margin-right: -2px; }
.main-details .quantity {
    font-weight: 600;
    font-size: 12pt;
    font-family: 'Droid Sans';
}
.main-details p label { font-weight: 700; display: inline-block; width: 160px; margin: 10px 0 0; }
.main-details .colors { display: inline-block; margin: 0 0 -3px -3px; vertical-align: middle; }
.main-details .colors span { margin: 0 1px 0 0; }

.main-details table { width: 100%; margin: 30px 0 0; }
.main-details table td, .main-details table th { padding: 9px 10px; border: 1px solid #78A346; }
.main-details table tbody { font-size: 10pt; }
.main-details table thead { color: #FFFFFF; font-size: 12pt; font-weight: 700; text-align: left; }
.main-details table th { background: #9CD45A; padding: 6px 10px; }

#content p a#order {
    margin: 20px 0;
    background: #262621;
    display: inline-block;
    width: 250px;
    padding: 10px 0;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    color: #FFFFFF;
    font-size: 15pt;
}

    #content p a#order:hover { background: #9CD45A; }


/** Product UL Tabs */
ul.tabs {
    background: url('../images/dotted-divider.png') bottom center repeat-x;
    margin: 0 0 1.5em;
}

ul.tabs li { display: inline-block; }

ul.tabs li a {
    background: #EBEBEB;
    color: #999999;
    font-size: 13pt;
    font-weight: 700;
    text-decoration: none;
    padding: 11px 18px;
    display: inline-block;
    margin: 0 0 1px;
}

    ul.tabs li a.active { background: #9CD45A; color: #FFFFFF; }


/** Product Details */
#product-details { margin-bottom: 4em; }
#product-details div ul { margin: 1.5em 0 1em 2.5em; }
#product-details div ul li { list-style: disc; margin-bottom: 11px; font-size: 10pt; }
#product-details table { width: 100%; margin: 2em 0 1em; }
#product-details table tr { border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; }
#product-details table td { padding: 8px 0; font-size: 12pt; }
/** Review Product Tab : Form & Reviews */
#product-details form#review-form { margin-bottom: 2em; }
/*#product-details form#review-form input[type="submit"]{ margin-left: 170px; }*/
#product-details form#review-form ul { margin: 0; }
#product-details form#review-form ul li {
    list-style: none;
    display: block;
    margin-bottom: 0;
}
/*#product-details form#review-form ul.icheckList.numbers li {
    width: 18px;
    text-align: center;
    margin-right: -2px;
    font-weight: 600;
}*/
#product-details form#review-form ul.icheckList li { display: inline-block; }
/*#product-details form#review-form ul li input[type="radio"] {
    vertical-align: middle;
    margin: -2px 0 0 3px;
}*/
#product-details form#review-form ul li div.clear { margin-bottom: 5px; }

/*#product-details form#review-form ul li div.clear > label {
    float: left;
    display: inline-block;
    width: 150px;
    line-height: 170%;
}*/
/*#product-details form#review-form ul li div.clear ul.icheckList,
#product-details form#review-form ul li div.clear div {
    margin: 0 0 0 170px;
    line-height: 170%;
}
#product-details form#review-form ul li div.clear div input[type="text"] { width: 200px; }
#product-details form#review-form ul li div.clear div input[type="checkbox"] { vertical-align: middle; }

#product-details form#review-form ul li div.clear div textarea {
    padding: 5px;
    max-width: 500px;
    width: 400px;
    min-height: 120px;
}*/

#product-details ul.prodComment li:nth-of-type(even) { display: none; }
#product-details ul.prodComment li {
    border: 1px solid #EBEBEB;
    padding: 10px;
    margin-bottom: 15px;
    position: relative;
}
#product-details ul.prodComment li p:last-child {
    margin-bottom: 0;
}
#product-details ul.prodComment li > span.fLeft {
    vertical-align: middle;
    display: inline-block;
    font-size: .95em;
}
#product-details ul.prodComment li > img.fRight {
    position: absolute;
    right: 12px;
    top: 10px;
}
#product-details ul.prodComment li:last-child {
    border: none;
    padding: 0;
}




/** Footer */
#footer { margin-top: 2em; background: #9DD45B; color: #F9FFF1; }
/** christmas theme **/
body#christmas #footer {
    background: #9DD45B url('../images/footer-pattern.jpg') top center repeat-x;
    padding-top: 6.4em;
}
/** end **/
#footer .w-960 { background: url('../images/nav-divider.png') top left 10px repeat-y; }

#footer .column {
    background: url('../images/nav-divider.png') top right repeat-y;
    padding: 1.5em 2em 2em;
    display: table-cell;
    vertical-align: top;
}

#footer .column.w-1of4 { width: 180px; }
#footer .column.w-2of4 { width: 550px; padding-bottom: 1em; }
#footer .column p { line-height: 150%; font-size: 10pt; color: #FFFFFF; }

#footer .divider {
    margin: 1.5em 0;
    background: url('../images/footer-divider.png') center top repeat-x;
    height: 1px;
    width: 100%;
}

#footer h3 { margin-bottom: 25px; font-weight: 700; font-size: 15pt; }

#footer .w-1of4 li {
    margin-bottom: 5px;
    background: url('../images/footer-arrow.png') 0px 3px no-repeat;
    padding-left: 20px;
}

#footer li a, #footer li a:visited { text-decoration: none; line-height: 120%; font-size: 10.5pt; color: #F9FFF1; }
    #footer li a:hover { text-decoration: underline; }

#footer li .icon { margin: -2px 8px 0 -20px; width: 13px; vertical-align: middle; }
    #footer li .icon.arrow { background-position: -366px -16px; }

#footer .column.w-2of4 .inline-block { display: inline-block; }
#footer .column.w-2of4 #partners img { vertical-align: middle; margin: -10px 15px 15px 0; }
#footer .inline-block.bubble-buttons { margin: 15px 0 0 19px; min-height:50px }
    #footer .inline-block.bubble-buttons > * { vertical-align: middle; margin-top: -13px; }

#footer .inline-block.social { margin: -22px 0 0 80px; }
#footer .inline-block .fb-like { margin: -35px 8px 0 60px; }
#footer .inline-block .google-button { margin: -32px 8px 0 200px; position: relative; }

#footer .inline-block.social .icon { width: 17px; margin: 0 5px 0 0;}
#footer .inline-block .icon { vertical-align: middle; }

#footer .inline-block li { margin-right: 10px; display: inline-block; }
    #footer .inline-block.social li { padding: 0; }

#footer .inline-block li a { font-weight: 700; text-decoration: none; }

    #footer li a:hover i.fa { background: #FFFFFF; border-radius: 3px; }

/*#footer li.fb a, #footer li.fb a:visited { color: #3B5998; }
#footer li.linkedin a, #footer li.linkedin a:visited { color: #1783BC; }
#footer li.tw a, #footer li.tw a:visited { color: #29B2E4; }
#footer li.gp a, #footer li.gp a:visited { color: #D73D32; }*/

#footer form { margin: 10px 0; }

#footer input[type="text"] {
    margin: -2px 0 0 0;
    width: 160px;
    vertical-align: middle;
    background: #B1E771;
    border: 1px solid #89BC4C;
    padding: 5px 10px 7px;
    font: 10pt 'PT Sans', Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}

    #footer input[type="text"]:hover, #footer input[type="text"]:focus { color: #719F3A; background: #FFFFFF; }

    /** Input Placeholder */
    #footer input[type="text"]::-webkit-input-placeholder { color: #ffffff; line-height: 130%; }
    #footer input[type="text"]:-moz-placeholder { color: #ffffff; line-height: 130%; }
    #footer input[type="text"]:-ms-input-placeholder { line-height: 130%; color: #ffffff; }
    
    #footer input[type="text"]:hover::-webkit-input-placeholder { color: #719F3A; }
    #footer input[type="text"]:hover:-moz-placeholder { color: #719F3A; }
    #footer input[type="text"]:hover:-ms-input-placeholder { color: #719F3A; }

#footer input[type="submit"] {
    background: #719F3A;
    border: none;
    padding: 8px 15px;
    font-weight: 700;
    font-style: italic;
    font-size: 9pt;
    color: #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
}

    #footer input[type="submit"]:hover { border:solid; background: #FFFFFF; color: #719F3A; ; }

#footer img.psi-trans { margin: 6px 0 0 0; }

#copyright {
    background: #DCDCDC;
    border-top: 4px solid #F2F2F2;
    padding: 13px 0;
    text-align: center;
    font-size: 10.5pt;
    color: #262621;
    width:100%;
	position:relative;
	bottom:0;
}

#copyright a, #copyright a:visited { color: #000000; text-decoration: none; }

    #copyright a:hover { text-decoration: underline; }


/** Universal Classes */
p:last-child { margin-bottom: 0; }
.hide { display: none; }
.txt-right { text-align: right; }
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }

@-moz-document url-prefix() {
    #search-box {
        padding: 8px 15px;
    }
    #footer input[type="submit"] {
        padding: 7px 15px;
    }
}

/*product comment*/
ul.prodComment {
    padding: 0;
    margin:0 !important;
}
ul.prodComment li {
    list-style: none !important;
    margin:0;
}

ul.prodComment li hr {
    display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;
    margin: 10px 0 5px; padding: 0;
}

/** All Product Comment */
#productContainerInner ul.prodComment {
    margin: 20px 0 !important;
}
#productContainerInner ul.prodComment li:nth-of-type(even) { display: none; }
#productContainerInner ul.prodComment li {
    border: 1px solid #EBEBEB;
    padding: 10px;
    margin-bottom: 15px;
    position: relative;
}
#productContainerInner ul.prodComment li p:last-child {
    margin-bottom: 0;
}
#productContainerInner ul.prodComment li > span.fLeft {
    vertical-align: middle;
    display: inline-block;
    font-size: .95em;
}
#productContainerInner ul.prodComment li > img.fRight {
    position: absolute;
    right: 12px;
    top: 10px;
}
#productContainerInner ul.prodComment li:last-child {
    border: none;
    padding: 0;
}
span.rating {
    float: right;
    font-weight: 700;
    font-size: 17px;
    color: #DBA700;
}

/** Step 2 */
#step2 table {
    width: 100%;
    margin: 0 0 10px;
}

#step2 table tbody > tr:first-child { border: 1px solid #9DD45B; }

    #step2 table tbody th {
	background: #9DD45B;
	font-size: 1.05em;
	text-align: left;
	padding: 10px;
	color: #FFFFFF;
	border: none;
    }

#step2 table tbody > tr {
    border: 1px solid #CBCBCB;
    border-top:none;
    border-bottom: none;
}

    #step2 table tbody > tr td {
	font-size: 1.08em;
	padding: 10px;
	border: none;
	border-bottom: 1px solid #CBCBCB;
	line-height: 1.3em;
	vertical-align: middle;
    }

	#step2 table tbody > tr td:first-child { width: 130px !important; }

	#step2 table tbody > tr td input[type="checkbox"]{
	    margin: -3px 3px 0 0;
	    vertical-align: middle;
	}

#step2 form input[type="text"], #step2 form textarea, #step2 form select { margin: 0 4px 0 0; }

#step2 form input[type="text"] { width: 150px !important; }

#step2 form textarea {
    width: 382px; /*225px;*/
    max-width: 382px;/*225px;*/
    min-height: 60px;
    height: 60px;
    margin-top: 4px;
}

#step2 form input[type="submit"], #step2 form input[type="button"]{ margin: 20px 0 0 2px; }


/** Step 3 */
#step3 {
    margin-top: 2em;
}

#step3 table#basket-table tr:first-child th {
    white-space: nowrap;
    padding: 10px;
}

    #step3 table#basket-table tr:first-child th {text-align: left;}
    #step3 table#basket-table tr:first-child th:first-child+th { padding: 10px 0; }
    #step3 table#basket-table tr:first-child th:first-child+th+th,
    #step3 table#basket-table tr:first-child th.tRight {text-align: right;}

#step3 table#basket-table tbody {
    border: none;
    border-bottom: 1px solid #EBEBEB;
}

#step3 table#basket-table tr {
    border: 1px solid #EBEBEB;
    border-top: none;
    border-bottom: none;
}

#step3 table#basket-table tr td {
    padding: 0px 10px;
    font-size: 0.90em;
    vertical-align: middle;
}

#step3 table#basket-table tr.checkout-basket td:first-child {
    vertical-align: top;
    padding-top: 33px;
}

#step3 table#basket-table tr.checkout-basket td:first-child+td+td a {
    text-decoration: none;
    display: inline-block;
    margin-bottom: 4px;
    color: #555555;
    font-weight: 700;
    font-size: 1.15em;
}

    #step3 table#basket-table tr.checkout-basket td:first-child+td+td a:hover { color: #262621; }

#step3 table#basket-table tr.checkout-basket td:first-child+td+td em {
    font-size: 0.9em;
    color: #999999;
}

    #step3 table#basket-table tr.checkout-basket td:first-child+td,
    #step3 table#basket-table tr.checkout-basket td:first-child+td+td {padding: 15px 0 0;vertical-align: top;}

    #step3 table#basket-table tr.checkout-basket td:first-child+td+td+td {text-align: right;}

    #step3 table#basket-table tr:not(.checkout-basket) td:first-child {padding: 0;padding-bottom: 3px;color: #999999;line-height: 17px;}
    #step3 table#basket-table tr.checkout-basket {border-top: 1px solid #EBEBEB;}

#step3 table#basket-table tr:first-child {
    background: #9DD45B;
    font-size: 0.90em;
    color: #FFFFFF;
    border: 1px solid #9DD45B;
}

#step3 #total-table {
    margin: -1px -1px 20px 460px;
    border: 1px solid #EBEBEB;
    display: inline-block;
    font-size: .90em;
    font-weight: 700;
    padding: 10px 0 5px;
}

#step3 #total-table td { padding: 5px 10px 10px; }
    #step3 #total-table td:first-child+td+td { width:50px; }

#step3 #cart-items a {
    color: #555555;
    font-size: 0.90em;
    text-decoration: none;
}

    #step3 #cart-items a:hover {
	color: #262621;
	text-decoration: underline;
    }

#step3 #cart-items a.default-btn {
    padding: 8px 15px;
    font-size: 1.03em;
    margin: 20px 0 0 2px;
    color: #FFF;
}

#step3 #cart-items a.default-btn:hover { text-decoration: none; }


/** Step 4 */
#step4 {
    margin-top: 2em;
}
#step4 #login-container {
    max-width: 400px;
    margin: 2em auto 1em;
    text-align: left;
}

#step4 #login-container input:not([type="submit"]){
    margin: 3px 0 3px 10px;
    width: 200px;
}

#step4 #checkout-form form input, textarea { margin: 0; }

#step4 #checkout-form form > table {
    width: 100%;
    border: 1px solid #EBEBEB;
    margin-bottom: 10px;
}

#step4 #checkout-form form > table:last-child { border: none; }

#step4 #checkout-form form > table tr:first-child { border: 1px solid #9DD45B; }

#step4 #checkout-form form > table tr:last-child,
#step4 #checkout-form form > table.cartBasketForm.inputFullwidth.stand-alone tr:first-child {
    border: none;
}

#step4 #checkout-form form > table tr th {
    background: #9DD45B;
    font-size: 0.90em;
    text-align: left;
    padding: 10px;
    color: #FFFFFF;
}

#step4 #checkout-form form > table tr th a { color: #FFFFFF !important; }

    #step4 #checkout-form form > table tr th a:hover { color: #719F3A !important; }

#step4 #checkout-form form > table tr th input[type="checkbox"] {
    margin: -3px -1px 0 0;
    vertical-align: middle;
}

@-moz-document url-prefix() {
    #step4 #checkout-form form > table tr th input[type="checkbox"] {
	margin: -3px 1px 0 0;
    }
}

    #step4 #checkout-form form > table tr th input#diff_del { margin-left: 384px; }
    #step4 #checkout-form form > table tr th input#diff_inv { margin-left: 337px; }

    @-moz-document url-prefix() {
	#step4 #checkout-form form > table tr th input#diff_del { margin-left: 376px; }
	#step4 #checkout-form form > table tr th input#diff_inv { margin-left: 330px; }
    }

#step4 #checkout-form form > table tr:nth-child(odd) { background: #F8F8F8; }

    #step4 #checkout-form form > table:last-child tr { background: none; border: none; }

    #step4 #checkout-form form > table:last-child tr td { padding: 0; }

#step4 #checkout-form form > table tr td {
    padding: 10px 10px;
    vertical-align: middle;
}

#step4 #checkout-form form > table.inputFullwidth tr td:first-child { width: 200px; }

#step4 #checkout-form form > table tr input[type="text"],
#step4 #checkout-form form > table tr input[type="password"],
#step4 #checkout-form form > table tr textarea {
    margin: 0 4px 0 0;
}

    #step4 #checkout-form form > table#login-details td { width: 25%; }

#step4 #checkout-form form > table#login-details input { width: 125px; }

#step4 #checkout-form form > table tr input[type="radio"] {
    margin: -3px 4px 0 20px;
    vertical-align: middle;
}

    #step4 #checkout-form form > table tr input[type="radio"]:first-child { margin-left: 0; }

#step4 #checkout-form form > table tr input[maxlength="7"], #step4 #checkout-form form > table tr input[maxlength="20"]{width: 100px !important;}
#step4 #checkout-form form > table tr input[maxlength="31"], #step4 #checkout-form form > table tr input[maxlength="32"]{width: 150px !important;}
#step4 #checkout-form form > table tr input[maxlength="63"], #step4 #checkout-form form > table tr input[maxlength="128"]{width:250px !important;}

#step4 #checkout-form form > table tr textarea {
    width: 350px;
    max-width: 350px;
    min-height: 120px;
    height: 120px;
}

#step4 #checkout-form form > table:nth-child(6) td:last-child { width: 17px; }
@-moz-document url-prefix() {
    #step4 #checkout-form form > table:nth-child(6) td:last-child { width: 20px; }
}

#step4 #checkout-form form > table:nth-child(8) td:first-child { width: 200px; }

#step4 #checkout-form form img#reset-date {
    margin: -4px 0 0 0;
    vertical-align: middle;
}

#step4 #checkout-form form input[type="submit"],
#step4 #checkout-form form input[type="button"]{
    margin: 20px 0 0 2px;
}


/** Contact Page */
div#contact-block { font-size: 1.1em; }
div#contact-block > div {
    width: 380px;
    margin: 30px 0;
}
div#contact-block > div > div { margin: 0 0 10px; }
div#contact-block > div > div:after {
    content: '';
    display: block;
    clear: both;
}
div#contact-block > div label,
div#contact-block > div p {
    vertical-align: top;
}
div#contact-block > div label {
    font-weight: 700;
    line-height: 140%;
}
div#contact-block > div p {
    font-size: .95em;
    margin-bottom: 10px;
}
div#contact-block form label, div#feedback form label {
    display: block;
    width: 100%;
    margin: 0 0 10px;
}
div#contact-block form .inputform, div#feedback form .inputform {
    background: #EBEBEB;
    border: none;
    border-bottom: 1px dashed #262621;
    padding: 5px 10px;
    font-size: 1em;
    font-family: 'PT Sans';
    margin: 0 0 20px;
    width: 360px;
}
div#contact-block form textarea, div#feedback form textarea {
    max-width: 380px;
    height: 200px;
    min-height: 200px;
}

div#feedback form {
    padding: 20px;
}

/** Login */
#content > table:not(.content) table { margin: 10px 0 10px; }
    #content > table:not(.content) tr td { vertical-align: top !important; }
	#content > table:not(.content) > tbody > tr > td:last-child { padding-left: 30px; }

#content > table:not(.content) > tbody > tr > td:last-child table tr > td {
    padding: 3px 3px 3px 0;
    vertical-align: middle !important;
}

#content > table:not(.content) > tbody > tr > td:last-child table tr > td:first-child { width: 110px ; }

#content > table:not(.content) > tbody > tr:last-child > td:last-child table tr:first-child td {
    font-size: 1.05em !important;
    text-align: left;
    height: 50px;
}

#content > table:not(.content) input[type="text"], #content > table:not(.content) input[type="password"] { margin: 0 4px 0 0; }
#content > table:not(.content) input[maxlength="32"], #content > table:not(.content) input[maxlength="64"] { width: 180px !important; }

#content > table:not(.content) a { color: #555555; }
#content > table:not(.content) a:hover { text-decoration: none; }

table#search-filter  {
    width: 100%;
}
table#search-filter thead th {
    background: #9CD45A;
    border: 1px solid #78A346;
    padding: 8px;
    position: relative;
    text-align: left;
}

table#search-filter thead th h2 {
    display: inline-block;
    top: -2px;
    position: relative;
}

table#search-filter #filter-container {
    display: inline-block;
    width: 700px;
    overflow: hidden;
    position: absolute;
    right: 8px;
    top: 7px;
    height: 21px;
    vertical-align: middle;
}

@-moz-document url-prefix() {
    table#search-filter #filter-container {
	right: 8px;
	height: 23px;
	top: auto;
    }
}

table#search-filter ul.prod-filter {
    display: inline-block;
    width: 490px;
    text-align: left;
    max-height: 22px;
    overflow: hidden;
}

table#search-filter ul.prod-filter li {
    display: inline-block;
    float: left;
    margin: 0 6px 0 0;
}

table#search-filter > tbody
{
    background: #EBEBEB;
    border: 1px solid #DFDFDF;
}

table#search-filter tbody input[type="text"] { margin: 0; }


table#search-filter input#add_filter {
    width: 100%;
    box-sizing: border-box;
}    

#price-filter {
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
}

table#search-filter #price-filter input, #price-filter input {
    width: 40px;
    margin: -4px 0 0 3px;
    text-align: center;
    padding: 2px 0;
    font-size: 13px;
    vertical-align: middle;
}

table#search-filter label,
table#search-filter h3 {
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 10px;
}

table#search-filter select { margin: 0; }

table#search-filter > tbody tr > td:first-child+td select {
    width: 135px;
    margin: 0 7px 0 3px;
    vertical-align: middle;
}

table#search-filter > tbody tr > td:first-child+td select:last-child { margin-right: 0; }

/*table#search-filter > tbody > tr:last-child > td { padding: 5px; }*/

table#search-filter table {
    width: calc( 100% + 2px) !important;
    margin: -1px 0px 0 -1px;
}

table#search-filter table td {
    padding: 6px 8px;
    border: 1px solid #DFDFDF;
    border-bottom: none;
    position: relative;
    vertical-align: middle;
}

table#search-filter .searchAdvance td {
    padding: 6px;
}

table#search-filter table td img {
    display: block;
    position: relative;
    margin: auto;
}
table#search-filter table tr > td:last-child {
    vertical-align: top;
}
table#search-filter input.btn{
    padding: 5px 9px;
    font-size: 10pt;
    position: absolute;
    right: 2px;
    bottom: 2px;
}
table#search-filter input#search_advanced_button {
    right: 133px;
}
table#search-filter input#reset_button {
    right: 73px;
}
/*table#search-filter td.tRight input {
    padding: 6px 10px;
    font-size: 10pt;
}*/


/** Notifications */
div.notification {
    border: 1px solid #FFFFFF;
    padding: 10px;
    margin: 10px 0;
    color: #000000;
}

div.notification a { color: #000000; }
div.notification a:hover { text-decoration: none; }
div.notification.success { border-color: #5e7d54; background: #d4fecc; }
div.notification.error { border-color: #4b2927; background: #ffd3d4; }
div.notification.neutral { border-color: #99986a; background: #fdfdcb; }


/** Other Edits */
a#clear-filter {
    /*color: #FFF;*/
    vertical-align: middle;
    display: inline-block;
    margin: 4px 0 0 0;
}

#categoryContainer .categoryListName div { margin: 0 16px 20px 0; }
@-moz-document url-prefix() {
    #categoryContainer .categoryListName div { margin: 0 15px 20px 0; }
}
#categoryContainer .categoryListName div:nth-child(3n+3) { margin-right: 0; }

#slider-container {
    background: #FFF;
    border: 1px solid #92CDD8;
    height: 5px;
    margin: 18px 85px -12px;
    position: relative;
}

#slider-range {
    margin: -1px 0px 10px 10px;
    padding: 0 10px;
    /*width: 207px;*/
}

#color-filter span.selected { 
    width: 20px;
    height: 20px;
    border-color: #000;
    background-position: 23px -2px;
}

#sidebar .displayNav .txt-more { margin-top: 20px; }

#sidebar .displayNav .txt-more a {
    display: inline-block;
    background: none;
    padding: 0;
    margin: 0;
    color: #8B8B8B;
    font-weight: normal;
    font-size: 10pt;
    border: none;
}

    #sidebar .displayNav .txt-more a:hover { color: #262621; }

#sidebar .displayCats li a, #sidebar .displayNav a { white-space: nowrap; }

#content .displayNav > ul {
    margin: 0;
    background: none;
}

#content .displayNav > ul li {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin: 0 1% 10px 0;
}

@-moz-document url-prefix() {
    #content .displayNav > ul li {

    }
}

#content .displayNav > ul li:nth-child(2n+2) { margin-right: 0; }

#content .displayNav a span {
    display: inline-block;

    width: 45px;
    height: 45px;
    background: #FFF;
    text-align: center;
    border: 1px solid #2B8E9F;
    vertical-align: middle;
    margin: 0 15px 0 0;
}

#content .displayNav a {
    display: block;
    color: #555;
    font-weight: 700;
    font-size: 0.90em;
    text-decoration: none;
    white-space: nowrap;
}

    #content .displayNav a:hover { background: #67C7D8; color: #fff; }

#content .displayNav a img {
    display: block;
    vertical-align: middle;
    margin: 5px auto auto;
    padding: 0;
    border: none;
    background: none;
}


/** Form Elements | a.default-btn */
input[type="text"],input[type="password"],textarea,select {
    border: 1px solid #EBEBEB;
    padding: 5px 10px;
    font-size: 1em;
    font-family: 'PT Sans';
}

input[type="text"]:hover,input[type="password"]:hover,textarea:hover,select:hover,
input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus {
    border-color: #CCCCCC;
}

input[type="submit"],input[type="button"], a.default-btn {
    background: #262621;
    display: inline-block;
    padding: 8px 15px 6px;
    color: #FFFFFF;
    font-size: 0.94em;
    font-weight: 700;
    letter-spacing: 0.5px;
    cursor: pointer;
    border: none;
    margin: 0;
}
input[type="submit"].default-btn.big, input[type="button"].default-btn.big
{
    padding: 12px 19px 10px;
}
input[type="submit"]:hover,input[type="button"]:hover, a.default-btn:hover { background: #9CD45A; }
select { padding: 4px 10px 4px 7px; }
.tRight {text-align: right;}

/** Font Awesome */

i.fa {
    margin-right: 5px;
    vertical-align: middle;
}

#header .top-header i.fa {
    font-size: 1.1em;
    margin-bottom: 4px;
}

.fright .fright.basket {
    position: relative;
    width: 250px;
    text-align: right;
    margin-top: -7px;
}
.fright #login-links ul li {
    display: inline-block;
    margin: 0 0 0 -4px;
    position: relative;
}
.fright #login-links > ul > li:not(:last-child)
{
    padding-right: 8px;
    border-right: 1px solid #CBCBCB;
}
.fright #login-links > ul > li:first-child + li
{
    padding-left: 8px;
}
.fright #login-links > ul > li > a {
    font-size: 12.5px;
    display: block;
    margin-top: -1px;
    line-height: 17px;
    font-weight: 700;
    letter-spacing: 0.6px;
}
.fright div.fright.basket > a {
    background: url('../images/sprite.png') -338px -116px no-repeat;
    width: 57px;
    height: 51px;
    display: block;
    position: relative;
    margin: 3px 0 0;
    float: right;
}
.fright div.fright.basket > a span {
    display: block;
    font-weight: bold;
    color: #FFF;
    font-family: 'Arial', sans-serif;
    font-size: 11px;
    position: absolute;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    top: 3px;
    left: 24px;
}
.fright div.fright.basket span.basket-txt {
    clear: both;
    display: block;
    color: #999;
    font-size: 13px;
}
/*#header .support i.fa {
    margin-bottom: 2px;
}*/

#navigation i.fa {
    margin: 0;
    font-size: 1.5em;
    line-height: 81%;
}

/*jquery selectable*/
ul#selectable{
    margin: 0px;
    padding:0px;
    list-style-type: none;
    width: 100%;
}
ul#selectable li 
{
    margin: 5px 0px;
}
li.configForm
{
    clear:both;
    width:100%;
}
table.configChildren {
    background: #EBEBEB !important;
}
#step2 li.configForm table tbody > tr,
#step2 li.configForm table tbody > tr td {
    border: none;
}

#selectable img, #selectable2 img
{
    vertical-align: middle; /* | top | bottom */
    max-height: 60px;
}
#selectable li a, #selectable2 li a {
    display: block;
    position: relative;
    font-size: 13px;
}
#selectable li:after, #selectable2 li:after {
    content: '';
    display: block;
    clear: both;
}

#selectable ul li span, #selectable2 ul li span
{
    display: inline-block;
    vertical-align: middle; /* | top | bottom */
}
#selectable .ui-selectee, #selectable2 .ui-selectee{
    cursor: pointer;
}

/* review */
ul.productListImg {
display:block;
}
ul.productListImg li {
float:left;
margin:0 4px 10px 0;
position: relative!important;
}

.label
{
    width:30% !important;
    padding:8px;
    float: left;
}
ul.icheckList li {
    padding:0 5px;
    line-height: 30px;
}

#recaptcha_area, #recaptcha_table {
    width: 250px!important;
}
#recaptcha_table tr:first-child  {
    height: 60px !important;
}
#recaptcha_table tr:first-child td {
    padding: 5px !important;
}
#recaptcha_table tr:nth-child(2) td {
    padding: 0px 5px !important;
}
#recaptcha_logo {
    height: 28px !important;
    width: 55px !important;
}

#recaptcha_image {
    height:46px !important;
    width:225px !important;
    margin: 0px !important;
    padding: 0px !important;
}
#recaptcha_image img{
    height:44px !important;
    width:223px !important;
    margin: 0px !important;
    padding: 1px !important;
}
#recaptcha_response_field {
    width:225px !important;
    padding:0px !important;
}
.recaptchatable .recaptcha_image_cell center
{
    height:46px !important;
}

.cursor { 
cursor: pointer;
}

.image_holder {
    margin: 0;
    display: inline-block;
    width: 80px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
}

/** new #single-product design */

#single-product #breadcrumb {
    width: 532px;
    margin: 20px 0 17px;
}

#single-product #breadcrumb a, #single-product #breadcrumb a:visited {
    font-size: 10px;
}

#single-product #breadcrumb > div:last-child {
    margin: 0;
}

#slider-tabs {
    display: block;
    background: none;
    margin-top: -10px;
}

#slider-tabs li:before,
#slider-tabs li:after {
    display: none;
}

#slider-tabs li {
    display: inline-block;
    width: 250px;
    background: #EBEBEB;
    vertical-align: top;
    position: relative;
}

#slider-tabs li:not(:first-child) {
    margin-left: 28px;
}
#slider-tabs li:nth-child(2) {
    margin-left: 0;
}

#slider-tabs li:not(:last-child):after {
    content: '';
    display: block;
    background: url('../images/sprite.png') -62px -219px no-repeat;
    width: 32px;
    height: 42px;
    border: none;
    position: absolute;
    padding: 0;
    right: -32px;
    left: auto;
    top: 0;
}

#slider-tabs li.selected {
    background: #67c7d8;
}

#slider-tabs li a {
    padding: 6px 10px;
    height: 30px;
    text-align: left;
    position: relative;
    color: #AAA;
    text-transform: uppercase;
    font-size: 16px;
}

#slider-tabs li.selected a {
    color: #FFF;
}

#slider-tabs li a i {
    position: absolute;
    font-size: 30px;
    right: 5px;
    top: 7px;
}

#slider-tabs li a span {
    font-weight: normal;
    font-size: 13px;
    display: block;
    text-transform: none;
}

#single-product #step1,
#single-product #step2 {
    width: 532px;
    float: left;
}

#single-product #product-main, #single-product #product-form {
    margin: 0;
}

#single-product #image-slideshow {
    position: relative;
    margin-bottom: 30px;
}

#single-product #image-slideshow #prod-details {
    background: #EBEBEB;
    position: absolute;
    width: 152px;
    height: 70px;
    top: 232px;
    left: 0;
    text-align: center;
}

#single-product #image-slideshow #prod-details .name {
    font-weight: normal;
    margin-top: 7px;
    color: #888;
    font-size: 16px;
}

#single-product #image-slideshow #prod-details .quantity {
    color: #161616;
    margin-top: 2px;
    font-size: 23px;
}

#single-product #image-slideshow #prod-details span {
    display: block;
    font-size: 11px;
    color: #A8A8A8;
}

#single-product #image-slideshow .colors {
    position: absolute;
    top: 280px;
    right: 1px;
}

#single-product #image-slideshow .colors > div {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: -4px;
    cursor: pointer;
}

#single-product #image-slideshow .colors > div.white {
    border: 1px solid #BABABA;
    width: 20px;
    height: 20px;
}

#single-product #image-slideshow .colors > div.active {
    width: 50px;
    height: 32px;
    vertical-align: middle;
    top: -7px;
    position: relative;
}

#single-product #image-slideshow .colors .prod-details {
    display: none;
}

#single-product #image-slideshow, #single-product .image-slideshow, #single-product .main-details {
    width: auto;
    float: none;
}

#single-product #image-slideshow .featured-image {
    width: auto;
    display: block;
    height: 300px;
}

#single-product #social-share ul.fleft li:first-child a {
    padding-left: 0 !important;
}

#single-product #social-share ul.fright li:last-child a {
    padding-right: 0 !important;
}

#step2 form textarea {
    width: 100%;
    box-sizing: border-box;
    max-width: none;
    height: 100px;
    border-color: #CBCBCB;
    resize: vertical;
    margin: 0 !important;
    display: block;
}

#sidebar.fright {
    margin: 7px 0 0;
}

#sidebar.fright .widget-block {
    margin-bottom: 7px;
}

#sidebar.fright .widget-block .widget-head {
    padding: 11px;
}

#sidebar.fright img.icon {
    vertical-align: middle;
    margin: -5px 5px 0;
}

#sidebar.fright a.default-btn {
    margin: 0;
    background: #262621;
    display: block;
    padding: 10px 0;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    color: #FFFFFF;
    font-size: 15pt;
}

#sidebar.fright a.default-btn:hover {
    background: #9CD45A;
}

#selectable li a > img, #selectable2 li a > img {
    margin: -2px 3px 0 0;
}

.image_holder {
    height: 60px;
}

.image_holder img, .image_holder img {
    margin-top: 10px;
}

.product-options-field img.remove_this {
    position: absolute;
    right: 10px;
    cursor: pointer;
}

#step2 table tbody > tr td,
#step2 table tbody th {
    position: relative;
}

#step2 table tbody > tr td input[type="checkbox"] {
    margin: -1px 0 0;
    vertical-align: middle;
}

#step2 table.request tbody > tr:first-child {
    border: 1px solid #CBCBCB;
}

#step2 table.request div#tr_tier_price {
    margin-right: 20px;
}

#step2 table.request div#tr_tier_price span {
    display: block;
    margin-bottom: -10px;
}

#step2 table.request div#tr_tier_price label {
    font-size: 12px;
}

#step2 table.request div#tr_tier_price input {
    border-color: #CBCBCB;
    margin: -5px 0 0 5px;
    width: 80px !important;
}

#step2 a#showPrintOptions.default-btn {
    position: absolute;
    top: -1px;
    right: -1px;
    height: 36px;
    padding: 0 20px;
    line-height: 36px;
    width: 330px;
    text-align: center;
}

#step2 a#showPrintOptions.default-btn:hover {
    text-decoration: none;
    background: #262621;
}

#step2 table tbody > tr.printOptions td:first-child {
    font-size: 13px;
}

#step2 table tbody > tr.printOptions td:last-child {
    font-size: 13px;
    padding: 8px 10px;
}

#step2 table tbody > tr.printOptions select, #step2 table tbody > tr.printOptions input[type="text"] {
    border-color: #CBCBCB;
}

.image-carousel-container,
.image-carousel {
    position: relative;
}

.image-carousel-container {
    text-align: center;
    margin-top: 25px;
}

.image-carousel {
    margin: 0 auto;
    display: inline-block;
    height: 70px;
    overflow: hidden;
}

.image-carousel li .prod-details {
    display: none;
}

.image-carousel li {
    border: 1px solid #DDD;
    padding: 4px;
    width: 60px;
    height: 60px;
    margin: 0 3px;
    cursor: pointer;
}

.image-carousel li img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

.image-carousel span.prev, .image-carousel span.next {
    position: absolute;
    width: 30px;
    height: 60px;
    background: red;
    cursor: pointer;
    display: block;
}

.image-carousel span.prev {
    left: 0;
}

.image-carousel span.next {
    right: 0;
}

#categoryContainer .categoryParentListName div {
    display: inline-block;
    width:45%;
    margin-right: 20px;
    padding-left:8px;
    vertical-align: top;
    background-color: #3AA5B8;
}
#categoryContainer .categoryParentListName div:last-child { margin-right: 0; }
#categoryContainer .categoryParentListName div a {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #ABABAB;
    font-size: 10pt;
    color: #fff;
    padding: 4px 0;
    margin: 2px 0;
}
#categoryContainer .categoryParentListName div a:hover { border-color: #555555; color: #555555; }
#categoryContainer .categoryParentListName div a span { color: #fff; }
#categoryContainer .categoryParentListName div a:hover span { color: #000000; }
#categoryContainer .categoryParentListName div { margin: 0 16px 20px 0; }
@-moz-document url-prefix() {
    #categoryContainer .categoryParentListName div { margin: 0 15px 20px 0; }
}
#categoryContainer .categoryParentListName div:nth-child(2n+2) { margin-right: 0; }

input[type="text"].invalid, input[type="password"].invalid, textarea.invalid, select.invalid { border-color: red }

/* filter options css*/
div.widget-block #slider-container {
  background: #FFF;
  border: 1px solid #92CDD8;
  height: 5px;
  margin: 18px 0px 13px;
  position: relative;
}

div.icheckbox_square-blue
{
    display: inline-block;
    vertical-align: middle;
}

div.widget-block ul.icheckList li {
    font-size:12px;
    line-height: 20px;
}

div.absoluteCenter
{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

li.configItems {
    float:left;
    width:50%;
    padding:5px 0px;
}
span.multipleTitle {
    position: absolute;
    padding:20px 0px;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    /*margin: 20px 0;*/
    border-radius: 4px;
}
.pagination li {
    display: inline;
}

.pagination li>a, .pagination li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

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

/** table */
table td {
    vertical-align: middle !important;
}
.regular-table {
    width: 100%;
    table-layout: auto;
    text-align: left;
    margin: 30px 0;
    font-size: 10.5pt;
    line-height: 160%;
}
/** <thead> */
.regular-table thead {
    background: #EBEBEB;
}
.regular-table thead th {
    border: 1px solid #FFFFFF;
    border-top: 1px solid #EBEBEB;
    padding: 5px 20px;
    vertical-align: middle;
}
.regular-table thead th:first-child {
    border-left: 1px solid #EBEBEB;
}
.regular-table thead th:last-child {
    border-right: 1px solid #EBEBEB;
}
/** <tbody> */
.regular-table tbody td {
    border: 1px solid #EBEBEB;
    padding: 5px 20px;
    vertical-align: middle !important;
}
/** links */
.regular-table a {
    cursor: pointer;
}
/** icons */
.regular-table i.fa {
    font-size: 20px;
}
/** activate / deactivate */
.regular-table i.fa-minus-circle {
    color: #FF0000;
}
.regular-table i.fa-plus-circle {
    color: #78A346;
}

.clear-after .title.fleft {
    line-height: 29px;
}

/** a.default-btn */
a.default-btn {
    text-decoration: none;
    padding: 7px 15px;
}

/** others */
p:last-child {
    margin-bottom: 0 !important;
}
.clear-after {
    position: relative;
}
.clear-after:after {
    content: '';
    clear: both;
    width: 100%;
    display: block;
}

._columns {}
._col-1-2 {
    width: 50%;
}

form label.form-label {
    display: inline-block;
    margin: 10px;
    font-size: 14px;
}

input[type="text"],
input[type="password"],
textarea,
select {
    box-sizing: border-box;
}

#sidebar .widget-block.yourCart .widget-body
{
    font-size: 14px;
    padding: 15px 5px;
    background: #EBEBEB !important;
}
#live-computation li {
    padding: 3px 0px;
}
#live-computation li.total {
    font-weight: bold;
}
#live-computation li .small {
    font-size: 10px;
}

small {
    font-size:10pt !important;
}

#feedback-btn {
    position: fixed; 
    bottom: 0;
    right: 0;
}
i.colored {
    color: #3AA5B8;
}
.center {
    margin: auto;
    width: 50%;
}
@media screen and (max-width: 1200px) {
    
    .w-960 {
	max-width: none;
	width: auto;
	padding: 0 20px;
    }
    
    
    /** Banner / Slideshow */
    div.banner {
	width: auto !important;
	height: auto !important;
    }
    ul#banner li {
	width: 100%;
	height: auto !important;
    }
    ul#banner li img {
	max-width: 100% !important;
	width: 100% !important;
	overflow: hidden;
    }
    
    
    /** Sidebar */
    #sidebar {
	width: 200px;
	margin: 0;
    }
    #sidebar .displayHidden {
	height: 365px;
	left: 200px;
	width: 490px;
	padding: 25px;
	overflow: hidden;
    }
    #sidebar .displayNav > ul {
	width: 225px;
	padding-right: 20px;
    }
    #sidebar .displayNav > ul + ul { margin-left: 20px; }
    #sidebar .displayCats > ul {
	padding-right: 15px;
	width: 143px;
    }
    #sidebar .displayCats li {
	overflow: hidden;
	margin-bottom: 7.5px;
    }
    #sidebar a.showOptions { background-position: 175px 13px; }
    #sidebar .widget-block .user-comments .widget-head { background-position: 160px 8px; }
    #sidebar ul#comments-list li, #sidebar ul#reference-list li { width: 168px; }
    
    
    /** Content */
    #content {
	float: none;
	width: auto;
	margin-left: 225px;
    }
    #content > table.content tbody > tr > td {
	display: inline-block;
    }
    
    /** Breadcrumb */
    #breadcrumb {
	margin-top: 15px;
	width: 100%;
    }
    
    
    /** News Block */
    #news-block .box { width: 38%; margin-bottom: 3% }
    #news-block .box:nth-child(odd) { margin-right: 3%; }
    #news-block .box img { max-width: 200px; }
    
    
    /** Basket */
    #step3 #total-table { margin-left: 188px; }
    #step4 #checkout-form form > table tr input[maxlength="63"],
    #step4 #checkout-form form > table tr input[maxlength="128"] {
	width: 150px !important;
	margin-right: 0;
    }
    #step4 #checkout-form form > table tr input[maxlength="7"],
    #step4 #checkout-form form > table tr input[maxlength="20"] {
	width: 80px !important;
	margin: 2px 0;
    }
    #step4 #checkout-form form > table tr textarea {
	width: 200px;
	max-width: 200px;
    }
    #step4 #login-container input:not([type="submit"]) { width: 100%; }
    #step4 #login-container input[type="submit"] { margin-right: -10px; }
    
    
    /** Products */
    #products-list .box, #category-list .box {
	margin: 0 2.5% 3% 0 !important;
	width: 24%;
    }
    #category-list .box:nth-of-type(3n+3), #products-list .box:nth-of-type(3n+3) { margin-right: 0 !important; }
    #category-list .box:nth-of-type(4n+4), #products-list .box:nth-of-type(4n+4) { margin-right: 2.5% !important; }
    #category-list .box .featured-image, #products-list .box .featured-image {
	height: auto;
	min-height: 130px;
    }
    #category-list .featured-image img, #products-list .featured-image img { max-width: 100%; }
    
    
    /** Content - Slider Tabs */
    #slider-tabs li {
	display: table-cell;
	width: 25%;
	margin: 0;
    }
    #slider-tabs li a { width: auto; }
    #slider-tabs {
	margin-bottom: 20px;
	width: 100%;
	display: table;
    }
    
    
    /** Content Sub-category */
    #categoryContainer .categoryListName div {
	width: 100%;
	margin: 0;
    }
    
    
    /** Product Slideshow */
    #social-share div.atclear { clear: right;}
    #image-slideshow .carousel-container { clear: left; }
    #image-slideshow.fleft:after {
	clear: both;
	content: '';
	display: block;
	position: relative;
	margin-top: 10px;
    }
    #image-slideshow .featured-image { float: left; }
    #image-slideshow .zoom {
	float: left;
	margin: 15px 0 0 10px;
    }
    
    
    /** Product Details */
    .main-details.fright {
	margin: 6px 0 0 230px;
	float: none;
	width: auto;
    }
    
    
    /** Contact */
    div#contact-block > div {
	width: auto;
	float: none;
	margin: 0;
    }
    div#contact-block > div.fleft { margin-top: 20px; }
    div#contact-block > div.fright { margin: 20px 0;}
    div#contact-block > div p {
	width: auto;
	float: none;
	display: block;
	margin-left: 165px;
    }
    div#contact-block form .inputform { width: 100%; }
    div#contact-block form textarea { max-width: 540px; }
    
    
    /** Login Page */
    #content > table:not(.content) { width: 100%; }
    #content > table:not(.content) > tbody > tr > td:last-child { padding-left: 10px; }    
    #content > table:not(.content) form[name="loginForm"] input:not([type="submit"]) { width: 120px !important; } 
    #content > table:not(.content) form[action="register"] input:not([type="submit"]) { width: 100% !important; }
    #content > table:not(.content) form[name="loginForm"] .column.columnfilledfr input:not([type="submit"]) { width: 200px !important; }
    #content > table:not(.content) form[name="loginForm"] .column.columnfilledfr h3 { padding-left: 0 !important; }
    
    
    /** Footer */
    #footer .w-960 { background: url('../images/nav-divider.png') top left 20px repeat-y; }
    #footer .column { padding: 2em 15px 2em; }
    #footer .column.w-2of4 {
	max-width: none;
	width: 100%;
	display: table-cell;
    }
    #footer .column.w-2of4 .fleft { float: none; }
    #footer .inline-block.social,
    #footer .inline-block.bubble-buttons {
	margin: 5px 0 10px;
	display: block;
	vertical-align: middle;
    }
    #footer .inline-block.bubble-buttons > a img {
	vertical-align: middle;
	margin: 10px 0 15px;
    }
    #footer .inline-block.bubble-buttons > * { margin-top: -20px; }
}

@media screen and (max-width: 1024px) {
    
    /** Search and Navigation */
    .search-line {
	float: none;
	width: 100%;
    }
    #navigation ul.fleft { float: none; }
    #search-box {
	float: none;
	width: auto;
	margin: -2px 0 0;
	background-image: none;
    }
    #search-box input[type="text"] { width: 95%; }
    div#login-form, div#user-links { top: 52px; }
    
}


@media screen and (max-width: 767px) {
    
    #logo img { max-width: 100%; }
    .nav-line, .search-line { background: #F2F2F2; }
    #navigation, .support, #sidebar, #footer { display: none; }
    #header { margin-top: 2em; }
    .top-header { display: none; }
    #content { margin: 0; }
    #news-block .box {
	margin: 0 0 25px !important;
	top: 0 !important;
	width: auto;
	position: relative !important;
	display: block !important;
    }
    #news-block .box:nth-child(odd) { margin: 0 0 25px !important; }
    
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}#cboxWrapper{max-width:none;}#cboxOverlay{position:fixed;width:100%;height:100%;}#cboxMiddleLeft,#cboxBottomLeft{clear:left;}#cboxContent{position:relative;}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;}#cboxTitle{margin:0;}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%;}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic;}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0;}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}#cboxOverlay{background:url(../img/colorbox/overlay.png) repeat 0 0;}#colorbox{outline:0;}#cboxTopLeft{width:21px;height:21px;background:url(../img/colorbox/controls.png) no-repeat -101px 0;}#cboxTopRight{width:21px;height:21px;background:url(../img/colorbox/controls.png) no-repeat -130px 0;}#cboxBottomLeft{width:21px;height:21px;background:url(../img/colorbox/controls.png) no-repeat -101px -29px;}#cboxBottomRight{width:21px;height:21px;background:url(../img/colorbox/controls.png) no-repeat -130px -29px;}#cboxMiddleLeft{width:21px;background:url(../img/colorbox/controls.png) left top repeat-y;}#cboxMiddleRight{width:21px;background:url(../img/colorbox/controls.png) right top repeat-y;}#cboxTopCenter{height:21px;background:url(../img/colorbox/border.png) 0 0 repeat-x;}#cboxBottomCenter{height:21px;background:url(../img/colorbox/border.png) 0 -29px repeat-x;}#cboxContent{background:#fff;overflow:hidden;}.cboxIframe{background:#fff;}#cboxError{padding:50px;border:1px solid #ccc;}#cboxLoadedContent{margin-bottom:28px;}#cboxTitle{position:absolute;bottom:4px;left:0;text-align:center;width:100%;color:#949494;}#cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494;}#cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) no-repeat center center;}#cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none;}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0;}#cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef;}#cboxPrevious{position:absolute;bottom:0;left:0;background:url(../img/colorbox/controls.png) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px;}#cboxPrevious:hover{background-position:-75px -25px;}#cboxNext{position:absolute;bottom:0;left:27px;background:url(../img/colorbox/controls.png) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px;}#cboxNext:hover{background-position:-50px -25px;}#cboxClose{position:absolute;bottom:0;right:0;background:url(../img/colorbox/controls.png) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px;}#cboxClose:hover{background-position:-25px -25px;}.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}#tiptip_holder{display:none;position:absolute;top:0;left:0;z-index:99999;}#tiptip_holder.tip_top{padding-bottom:5px;}#tiptip_holder.tip_bottom{padding-top:5px;}#tiptip_holder.tip_right{padding-left:5px;}#tiptip_holder.tip_left{padding-right:5px;}#tiptip_content{font-size:11px;color:#fff;text-shadow:0 0 2px #000;padding:4px 8px;border:1px solid rgba(255,255,255,0.25);background-color:rgb(25,25,25);background-color:rgba(25,25,25,0.92);background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(transparent),to(#000));border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0 0 3px #555;-webkit-box-shadow:0 0 3px #555;-moz-box-shadow:0 0 3px #555;}#tiptip_arrow,#tiptip_arrow_inner{position:absolute;border-color:transparent;border-style:solid;border-width:6px;height:0;width:0;}#tiptip_holder.tip_top #tiptip_arrow{border-top-color:#fff;border-top-color:rgba(255,255,255,0.35);}#tiptip_holder.tip_bottom #tiptip_arrow{border-bottom-color:#fff;border-bottom-color:rgba(255,255,255,0.35);}#tiptip_holder.tip_right #tiptip_arrow{border-right-color:#fff;border-right-color:rgba(255,255,255,0.35);}#tiptip_holder.tip_left #tiptip_arrow{border-left-color:#fff;border-left-color:rgba(255,255,255,0.35);}#tiptip_holder.tip_top #tiptip_arrow_inner{margin-top:-7px;margin-left:-6px;border-top-color:rgb(25,25,25);border-top-color:rgba(25,25,25,0.92);}#tiptip_holder.tip_bottom #tiptip_arrow_inner{margin-top:-5px;margin-left:-6px;border-bottom-color:rgb(25,25,25);border-bottom-color:rgba(25,25,25,0.92);}#tiptip_holder.tip_right #tiptip_arrow_inner{margin-top:-6px;margin-left:-5px;border-right-color:rgb(25,25,25);border-right-color:rgba(25,25,25,0.92);}#tiptip_holder.tip_left #tiptip_arrow_inner{margin-top:-6px;margin-left:-7px;border-left-color:rgb(25,25,25);border-left-color:rgba(25,25,25,0.92);}@media screen and (-webkit-min-device-pixel-ratio:0){#tiptip_content{padding:4px 8px 5px 8px;background-color:rgba(45,45,45,0.88);}#tiptip_holder.tip_bottom #tiptip_arrow_inner{border-bottom-color:rgba(45,45,45,0.88);}#tiptip_holder.tip_top #tiptip_arrow_inner{border-top-color:rgba(20,20,20,0.92);}}.cc-cookies{position:fixed;width:90%;left:0;top:0;padding:0.5em 5%;background:#565656;background:rgba(86,86,86,0.95);color:#fff;font-size:13px;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,0.35);z-index:99999;text-align:center;color:#fff;}.cc-cookies a,.cc-cookies a:hover{color:#fff;text-decoration:underline;}.cc-cookies a:hover{text-decoration:none;}.cc-overlay{height:100%;padding-top:25%;}.cc-cookies-error{float:left;width:90%;text-align:center;margin:1em 0 2em 0;background:#fff;padding:2em 5%;border:1px solid #ccc;font-size:18px;color:#333;}.cc-cookies a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset{display:inline-block;color:#fff;text-decoration:none;background:#7DAF3B;padding:0.5em 0.75em;border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,0.25);text-shadow:0 -1px 0 rgba(0,0,0,0.35);-o-transition:background 0.5s ease-in;-webkit-transition:background 0.25s ease-in;-moz-transition:background 0.25s ease-in;}.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline{background:#af3b3b;margin-left:0.5em;}.cc-cookies a.cc-cookie-reset{background:#f15b00;}.cc-cookies a:hover.cc-cookie-accept,.cc-cookies-error a:hover.cc-cookie-accept,.cc-cookies a:hover.cc-cookie-decline,.cc-cookies-error a:hover.cc-cookie-decline,.cc-cookies a:hover.cc-cookie-reset{background:#000;-o-transition:background 0.5s ease-in;-webkit-transition:background 0.25s ease-in;-moz-transition:background 0.25s ease-in;}.cc-cookies-error a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-decline{display:block;margin-top:1em;}.cc-cookies.cc-discreet{width:auto;padding:0.5em 1em;left:auto;top:auto;}.cc-cookies.cc-discreet a.cc-cookie-reset{background:none;text-shadow:none;padding:0;text-decoration:underline;}.cc-cookies.cc-discreet a:hover.cc-cookie-reset{text-decoration:none;}@media screen and (max-width:768px){.cc-cookies a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset{display:block;margin:1em 0;}}@media screen and (max-width:480px){.cc-cookies{position:relative;float:left;}}.icheckbox_square-blue,.iradio_square-blue{display:block;margin:0;padding:0;width:22px;height:22px;background:url(square/blue.png) no-repeat;border:none;cursor:pointer;}.icheckbox_square-blue{background-position:0 0;}.icheckbox_square-blue.hover{background-position:-24px 0;}.icheckbox_square-blue.checked{background-position:-48px 0;}.icheckbox_square-blue.disabled{background-position:-72px 0;cursor:default;}.icheckbox_square-blue.checked.disabled{background-position:-96px 0;}.iradio_square-blue{background-position:-120px 0;}.iradio_square-blue.hover{background-position:-144px 0;}.iradio_square-blue.checked{background-position:-168px 0;}.iradio_square-blue.disabled{background-position:-192px 0;cursor:default;}.iradio_square-blue.checked.disabled{background-position:-216px 0;}div.widget-block .icheckbox_square-blue{margin:0;padding:0;width:15px;height:15px;background:url(square/blue-1.png) no-repeat;border:none;cursor:pointer;}div.widget-block .icheckbox_square-blue{background-position:0 0;}div.widget-block .icheckbox_square-blue.hover{background-position:-16px 0;}div.widget-block .icheckbox_square-blue.checked{background-position:-32px 0;}div.widget-block .icheckbox_square-blue.disabled{background-position:-64px 0;cursor:default;}div.widget-block .icheckbox_square-blue.checked.disabled{background-position:-80px 0;}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5){.icheckbox_square-blue,.iradio_square-blue{background-image:url(square/blue@2x.png);-webkit-background-size:240px 24px;background-size:240px 24px;}}@font-face{font-family:'Cart';src:url('/uploads/cartographer/cartographer-webfont.eot');src:url('/uploads/cartographer/cartographer-webfont.eot?#iefix') format('embedded-opentype'),url('/uploads/cartographer/cartographer-webfont.woff2') format('woff2'),url('/uploads/cartographer/cartographer-webfont.woff') format('woff'),url('/uploads/cartographer/cartographer-webfont.ttf') format('truetype');font-weight:normal;font-style:normal;}/** This file is for internet explorer browsers */

body.ie #search-box {
    padding: 8px 15px;
}

body.ie #search-box input[type="submit"] {
    height: 39px;
}

body.ie div#login-form {
    left: -110px;
}

body.ie #slider-range {
    margin-bottom: 8px;
}

body.ie #footer input[type="text"] {
    margin-top: 0px;
}

body.ie #step4 #checkout-form form > table tr th input[type="checkbox"] {
    margin: -3px 1px 0 0;
}

body.ie #step4 #checkout-form form > table tr th input#diff_del {
    margin-left: 376px;
}

body.ie #step4 #checkout-form form > table tr th input#diff_inv {
    margin-left: 330px;
}

body.ie #step4 #checkout-form form > table:nth-child(6) td:last-child {
    width: 20px;
}

body.ie #categoryContainer .categoryListName div {
    margin: 0 15px 20px 0;
}

body.ie #categoryContainer .categoryListName div:nth-child(3n+3) {
    margin-right: 0;
}

body.ie #content .displayNav > ul li {
    width: 337px;
}

body.ie #products-list .box {
    width: 146px;
}

body.ie #products-list .box .colors span[style="background-color: rgb(255, 255, 255);"],
body.ie #products-list .box .colors span[style="background-color:#ffffff"],
body.ie .main-details .colors span[style="background-color:#ffffff"],
body.ie #products-list .box .colors span[style*="#ffffff"],
body.ie .main-details .colors span[style*="#ffffff"]{
    border: 1px solid #555555;
}

body.ie #navigation ul li.webim, #navigation ul li.webim a {
    position: relative;
    top: -16px;
}
#header {
    padding-top: 25px;
    margin-bottom: 30px;
}

ul.contact-social {
    display: table;
    width: auto;
    float: right;
    margin: 10px 0 10px;
}
ul.contact-social li {
    display: inline-table;
    vertical-align: top;
}
ul.contact-social a {
    color: #262621;
    font-weight: 700;
}
ul.contact-social a i.fa {
    font-size: 22px;
    vertical-align: middle;
}
ul.contact-social li:nth-child(-n+2) {
    margin-right: 15px;
}
ul.contact-social li:nth-child(n+3) {
    margin-right: 4px;
}
ul.contact-social li:nth-child(n+3) i.fa {
    margin: 0;
}
ul.contact-social li:last-child {
    margin: 0;
}
ul.contact-social .fb a, ul.contact-social .fb a:visited { color: #3B5998; }
ul.contact-social .linkedin a, ul.contact-social .linkedin a:visited { color: #1783BC; }
ul.contact-social .tw a, ul.contact-social .tw a:visited { color: #29B2E4; }
ul.contact-social .gp a, ul.contact-social .gp a:visited { color: #D73D32; }

.basket {
    background: #EBEBEB;
    display: inline-block;
    padding: 13px 20px;
    font-weight: 700;
    color: #262621;
}
.basket span {
    position: relative;
}
.basket span label {
    position: absolute;
    background-color: #FF0000;
    color: #FFFFFF;
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    top: -5px;
    left: 10px;
}


#navigation {
    margin-top: 25px;
}
#search-box {
    background: #78A346;
    width: 500px;
    height: 44px;
    padding: 5px 20px;
}
#search-box input[type="text"] {
    width: calc(100% - 54px);
    box-sizing: border-box;
    padding: 0;
    background: none;
    color: #FFFFFF;
    margin-top: 11px;
}
#search-box input[type="text"]::-webkit-input-placeholder { color: #FFFFFF; }
#search-box input[type="text"]:-moz-placeholder { color: #FFFFFF; }
#search-box input[type="text"]:-ms-input-placeholder { color: #FFFFFF; }
#search-box button {
    outline: none;
    background: none;
    color: #FFFFFF;
    position: absolute;
    top: 0;
    right: 0;
    width: 54px;
    height: 54px;
    font-size: 19px;
    border: none;
    cursor: pointer;
}
#navigation ul li {
    background: none;
    margin-right: 0;
    padding: 20px 8px 16px;
}
#navigation ul li.active {
    background: none;
}
#navigation ul a {
    font-size: 14px;
}
#navigation ul li.display {
    background: #78A346;
    vertical-align: top;
    padding: 19px 20px 17px;
    margin-left: 15px;
}
#navigation ul li.display > a {
    font-size: 17px;
}
div#login-form, div#user-links {
    top: 54px;
}

#navigation ul li div#user-links ul li {
    padding: 0;
    display: block;
    margin: 0 0 5px;
}

#sidebar .widget-block .widget-head {
    border: none;
    background: #9DD45B;
    text-transform: uppercase;
    font-size: 16px;
    padding: 15px 20px;
}
#sidebar .widget-block .user-comments .widget-head a {
    font-size: 185%;
    top: 50%;
    margin-top: -15px;
    right: 20px;
}
#sidebar .widget-block .widget-body {
    background: #FCFCFC;
    border: none;
    padding: 15px 20px;
}
#sidebar a.showOptions {
    font-size: 20px;
    padding: 13px 15px;
}
#sidebar .main-cats > li > a,
#sidebar .main-cats > li.active > a,
#sidebar .main-cats > li > a:hover {
    background-position-x: 15px;
    padding-left: 30px;
}

#search-filter,
#filter-container {
    background: #F2F2F2 !important;
}
#search-filter {    
    color: #262621;
}
#search-filter > div {
    margin-bottom: 15px;
}
#search-filter > div:last-child {
    margin-bottom: 0;
}
#search-filter > div label:not(.skip) {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
}
#search-filter select {
    width: 100%;
}
input#add_filter {
    width: 100%;
    box-sizing: border-box;
}
#slider-container {
    border: none;
    height: auto;
    margin: 10px 0 15px;
    border: 1px solid #92CDD8;
    height: 5px;
    padding: 0;
}
#slider-range {
    margin: 0;
    padding: 0;
    border: none;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 10px;
    right: 3px;
}
#sidebar #keyword_filter.widget-block .widget-head {
    background: #78A346;
}
#sidebar #keyword_filter.widget-block .widget-head a#clear-filter {
    margin: 1px -5px 0 0;
    text-transform: none;
    text-decoration: underline;
}
#sidebar #keyword_filter.widget-block .widget-head a#clear-filter:hover {
    text-decoration: none;
}

ul.prod-filter {
    margin-bottom: -6px;
}
ul.prod-filter li {
    display: inline-block;
    margin-right: 6px;
}

#filter_search h3 {
    color: #262621;
}

#filter_search ul.icheckList {
    margin: 10px 0 25px;
}
#filter_search ul.icheckList:last-child {
    margin-bottom: 0;
}
div.widget-block ul.icheckList input {
    display: none;
}
div.widget-block ul.icheckList li {
    padding: 0 0 0 25px;
    position: relative;
    font-size: 13px;
    /*text-indent: -7px;*/
    color: #8B8B8B;
}
div.widget-block ul.icheckList li a {
    color: #8B8B8B;
}
div.widget-block ul.icheckList li .hover,
div.widget-block ul.icheckList li .hover a {
    color: #262621;
}
div.widget-block ul.icheckList li span {
    font-family: monospace;
    display: inline-block;
    margin: -1px 1px 0 1px;
    vertical-align: text-top;
}
div.widget-block .icheckbox_square-blue {
    background: url('../images/sprite.png') -26px -275px no-repeat;
    position: absolute !important;
    top: 2px;
    left: 0;
}
div.widget-block .icheckbox_square-blue.hover {
    background-position: -74px -275px;
}
div.widget-block .icheckbox_square-blue.checked {
    background-position: -124px -276px;
}
div.widget-block .icheckbox_square-blue.checked + a {
    color: #262621;
    font-weight: 600;
}

#sub-categories {
    margin-bottom: 25px;
    position: relative;
}
#sub-categories ul {
    
}
#sub-categories ul li {
    display: inline-block;
    margin: 0 5px 5px 0;
}
#sub-categories ul li a {
    color: #262621;
    text-decoration: underline;
    font-size: 10pt;
    /*font-weight: 700;*/
}
#sub-categories ul li a:hover {
    color: #2B8E9F;
}

#sidebar .widget-block #filter_search .widget-body {
    background: #F2F2F2;
}

#sidebar a.showOptions.disabled {
    background: #3AA5B8 !important;
    color: #FFFFFF !important;
}

a#webimlink span.support {
    margin: 5px 0 0 15px;
}
#search-box input[type="text"] {
    width: calc(100% + 28px);
    box-sizing: border-box;
    padding: 11px 50px 11px 15px;
    background: none;
    color: #FFFFFF;
    margin: 0 0 0 -14px;
    border: 1px solid #FFF;
}
/* 
    Created on : 26-Apr-2016, 12:19:28
    Author     : Jenn Junio
*/

#footer {
    padding: 50px 0 15px;
    font-size: 14px;
    line-height: 150%;
}

#footer .w-960 {
    background-image: none;
}

#footer h3 {
    margin-bottom: 32px;
}
#footer .column-block.white-block  h3 {
    margin-bottom: 20px;
}

#footer .column-block {
    margin: 0 -30px;
    padding: 0 30px;
}

#footer .column-block.bordered {
    position: relative;
    margin-bottom: 50px;
}
#footer .column-block.bordered:before {
    content: '';
    position: absolute;
    border-bottom: 1px solid #FFFFFF;
    left: 0;
    display: block;
    top: 38px;
    width: 100%;
}
#footer .column-block.bordered .col:nth-child(2) {
    position: relative;
}
#footer .column-block.bordered .col:nth-child(2):before,
#footer .column-block.bordered .col:nth-child(2):after {
    content: '';
    position: absolute;
    display: block;
    top: -20px;
    bottom: -20px;
}
#footer .column-block.bordered .col:nth-child(2):before {
    border-left: 1px solid #FFFFFF;
    left: -20px;
}
#footer .column-block.bordered .col:nth-child(2):after {
    border-right: 1px solid #FFFFFF;
    right: 15px;
}

#footer .column-block.white-block {
    background: #FFFFFF;
    color: #78A346;
    padding-top: 25px;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

#footer .col {
    width: calc(33% - 40px);
    display: inline-block;
    vertical-align: text-top;
    padding-right: 40px;
}
#footer .col.col-1-1 {
    width: 100%;
    text-align: center;
}
#footer .col.col-1-2 {
    width: calc(49% - 40px);
}

#footer .logos li {
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    width: 140px;
    height: 60px;
    position: relative;
    display: inline-block;
    margin: 0px 5px 4px 0px;
    overflow: hidden;
}
#footer .logos li img {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    max-width: calc(100% - 10px);
    max-height: calc(100% - 5px);
}

#footer .col.col-1-1 p {
    max-width: 75%;
    margin: 0 auto;
    display: inline-block;
}

#footer .bordered ul li {
    padding-left: 24px;
    position: relative;
    margin: 0 0 3px 0;
}
#footer .bordered ul li:before {
    content: '\f08e';
    position: absolute;
    font-family: 'FontAwesome', sans-serif;
    left: 0;
    top: 1px;
    font-size: 15px;
}
#footer .bordered ul li a {
    font-weight: bold;
    text-decoration: underline;
}
#footer .bordered ul li a:hover {
    text-decoration: none;
}

#footer form {
    margin: 25px 0 0;
}
#footer form input[type="text"] {
    background: #FFFFFF;
    color: #78A346;
    border: 1px solid #78A346;
    width: 195px;
    height: 45px;
    vertical-align: middle;
    margin: 0 -19px 0 0;
    font-size: 14px;
    padding: 0 0 0 20px;
}
/** Input Placeholder */
#footer form input[type="text"]::-webkit-input-placeholder {
    color: #78A346;
}
#footer form input[type="text"]:-moz-placeholder {
    color: #78A346;
}
#footer form input[type="text"]:-ms-input-placeholder {
    color: #78A346;
}
#footer form input[type="text"]:hover::-webkit-input-placeholder {
    color: #78A346;
}
#footer form input[type="text"]:hover:-moz-placeholder {
    color: #78A346;
}
#footer form input[type="text"]:hover:-ms-input-placeholder {
    color: #78A346;
}
#footer input[type="submit"] {
    background: #78A346;
    font-family: 'PT Sans', sans-serif;
    font-style: normal;
    text-transform: lowercase;
    font-size: 20px;
    vertical-align: middle;
    margin: 0;
    padding: 0 20px;
    height: 45px;
    line-height: 45px;
}

#footer li a:hover i.fa {
    background: none;
    border-radius: 0;
}

#footer .social-links {
    margin: 10px 0 4px 0;
}
#footer .social-links li {
    width: 142px;
    display: inline-block;
    margin: 0px 5px 4px 0px;
    border-radius: 3px;
    overflow: hidden;
}
#footer .social-links li.fb {
    background: #3B5999;
}
#footer .social-links li.tw {
    background: #33CCFF;
}
#footer .social-links li.ln {
    background: #167FB1;
}
#footer .social-links li.gp {
    background: #DA5931;
}
#footer .social-links li i {
    color: #FFFFFF;
    font-size: 23px;
    margin: 0;
}
#footer .social-links li a {
    color: #FFFFFF;
    text-decoration: none;
    display: block;
}
#footer .social-links li label {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 10px;
    cursor: pointer;
}
#footer .social-links li label:first-child {
    border-right: 1px solid;
}
#footer .social-links li.fb label:first-child {
    border-right-color: #355089;
}
#footer .social-links li.tw label:first-child {
    border-right-color: #2EB7E5;
}
#footer .social-links li.ln label:first-child {
    border-right-color: #14729F;
}
#footer .social-links li.gp label:first-child {
    border-right-color: #C4502C;
}

#footer .google-button {
    display: inline-block;
    margin: 4px 0 0 6px;
    vertical-align: middle;
}

#footer .copyright a {
    font-weight: bold;
    text-decoration: underline;
    color: #FFFFFF;
}
#footer .copyright a:hover {
    text-decoration: none;
}
.comment-list, .reference-list {
    position: relative;
    visibility: hidden;
    left: -5000px;
}

div.coupon {
    margin-top: 10px;
}

#dashboard-credits .box {
    background: #F2F2F2;
    padding: 30px;
}
#dashboard-credits .box .box {
    background: #FFF;
    padding: 20px 30px;
    margin-bottom: 30px;
}
#dashboard-credits .box > *:last-child {
    margin-bottom: 0;
}

#dashboard-credits h1, #dashboard-credits h2 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
}
#dashboard-credits h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
}

#dashboard-credits .default-btn {
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    padding: 0 15px;
    height: 28px;
    line-height: 29px;
    vertical-align: middle;
    border: 1px solid transparent;
    text-transform: uppercase;
}

#dashboard-credits span.default-btn {
    background: #262621;
    display: inline-block;
    color: #FFF;
}
#dashboard-credits span.default-btn.current {
    background: transparent;
    border-color: #78A346;
    color: #78A346;
    cursor: no-drop;
}

#dashboard-credits .fright.buttons .default-btn {
    margin-left: 10px;
    float: left;
}
#dashboard-credits .fright.buttons a.default-btn {
    background: #B5B5B5;
}
#dashboard-credits .fright.buttons a.default-btn:hover {
    background: #646363;
}

#dashboard-credits form button.default-btn.big {
    background: #78A346;
    color: #FFF;
    height: 50px;
    padding: 0 50px;
    cursor: pointer;
    font-size: 16px;
    font-family: inherit;
    letter-spacing: 0.5px;
    margin-top: 30px;
}
#dashboard-credits form button.default-btn.big:hover {
    background: #bf0f2b;
}

#dashboard-credits #bar {
    background: #b5b5b5;
    height: 25px;
    border-radius: 15px;
    margin-bottom: 20px;
    overflow: hidden;
}
#dashboard-credits #bar .used-budget {
    background: #78A346;
    height: 100%;
}

#dashboard-credits ul#info li {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
}
#dashboard-credits ul#info li:nth-child(2n) {
    text-align: center;
}
#dashboard-credits ul#info li:nth-child(3n) {
    text-align: right;
}
#dashboard-credits #data-dashboard ul#info li {
    text-align: center;
}
#dashboard-credits ul#info .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}
#dashboard-credits .box .box ul#info .title {   
    font-size: 16px;
}
#dashboard-credits ul#info label {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1.5px;
    font-weight: 700;
    color: #78A346;
}

#dashboard-credits .columns {
    position: relative;
    margin: 0 -15px;
}
#dashboard-credits .columns .column.w-1of3 {
    width: calc(33.33% - 30px);
    float: left;
    box-sizing: border-box;
    margin: 0 15px;
}

#dashboard-credits table.regular-table {
    background: #FFF;
    margin: 0 0 30px;
}

#dashboard-credits #data-dashboard #bar {
    margin-top: 80px;
}
#dashboard-credits #data-dashboard #info {
    margin-bottom: 30px;
}
#dashboard-credits #data-dashboard a.default-btn.big {
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    width: 100%;
    padding: 0;
    background: #b5b5b5;
    text-align: center;
    margin-bottom: 80px;
}
#dashboard-credits #data-dashboard .default-btn.big:hover {
    background: #646363;
}

#dashboard-credits form .form-group {
    margin-bottom: 20px;
}
#dashboard-credits form .form-group:nth-last-of-type(1) {
    margin-bottom: 0;
}
#dashboard-credits form label {
    width: 150px;
    display: inline-block;
    vertical-align: top;
    margin-top: 12px;
}
#dashboard-credits form input {
    border: none;
    padding: 10px 13px;
    font-family: inherit;
    font-size: 15px;
    width: calc(100% - 155px);
    box-sizing: border-box;
}
#dashboard-credits form textarea, #dashboard-credits form #preview_template_body {
    border: none;
    padding: 10px 13px;
    font-family: inherit;
    font-size: 15px;
    width: calc(100% - 155px);
    box-sizing: border-box;
    vertical-align: top;
    height: 150px;
    resize: vertical;
}
#dashboard-credits form #preview_template_body {
    display: inline-block;
    height: auto;
}

#dashboard-credits .table-columns {
    display: table;
    table-layout: fixed;
    width: 100%;
}
#dashboard-credits .table-columns .column.w-1of2 {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}
#dashboard-credits .table-columns .column.w-1of2:first-child {
    padding-right: 15px;
}
#dashboard-credits .table-columns .column.w-1of2:last-child {
    padding-left: 15px;
}

#dashboard-credits #product {
    text-align: center;
    padding: 20px 0 35px;
    margin-bottom: 0;
}
#dashboard-credits #product .credits {
    color: #78A346;
}
#dashboard-credits #product .credits .amount {
    font-size: 150px;
}
#dashboard-credits #product .credits label {
    display: block;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}
#dashboard-credits #product .divider {
    position: relative;
    height: 3px;
    background: #f2f2f2;
    margin: 30px 0;
}
#dashboard-credits #product .divider:before,
#dashboard-credits #product .divider:after {
    content: '';
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: -25px;
    left: -25px;
    background: #f2f2f2;
    border-radius: 100%;
}
#dashboard-credits #product .divider:after {
    left: auto;
    right: -25px;
}
#dashboard-credits #product .price {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 1px;
}

#dashboard-credits form #total {
    font-weight: 700;
}
#dashboard-credits #data-buy form button.default-btn.big {
    margin-left: 155px;
    width: calc(100% - 155px);
    padding: 0;
}

#dashboard-credits #data-send form input[type=number] {
    width: 200px;
}
#dashboard-credits #data-send form label:not(:first-child) {
    width: auto;
    margin-right: 20px;
}
#dashboard-credits #data-send form label#divider {
    margin-left: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #78A346;
}
#dashboard-credits #data-send form button.default-btn {
    margin-left: 155px;
}

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
    background: #7DAF3B}