﻿/* Default (Auto generated) Navigation List */
.cms-default-navigation {
    background-color: #F5F5F5;
}

.cms-default-navigation h1 {
    text-align: left;
    background: none;
    line-height: 25px;
    background-color: #E4E4E4;
    padding: 12px 0 12px 17px;
    margin-bottom: 0;

}   

.cms-default-navigation h1 a {
    text-decoration: none;
    color: #444;

}

.cms-default-navigation > ul {
    width: 90%;
    padding-left: 5%;
}

.cms-default-navigation > ul > li {
    border-top: 1px dotted #a9a9a9;
}

.cms-default-navigation ul li a {
    text-decoration: none;
    display: block;
}
.cms-default-navigation ul li a:after {
    content: '\00a0\203A';
}

.cms-default-navigation > ul > li.active.has-children,
.cms-default-navigation > ul > li.first  {
    border-top: none;
}

.cms-default-navigation > ul > li > p > a
{
    padding: 10px;    
}

.cms-default-navigation > ul > li.active.has-children > p > a {
    background-color: #E4E4E4;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;

}

.cms-default-navigation > ul > li.active.has-children > p > a:after {
    content: none;
}



.cms-default-navigation ul li a:hover {
    text-decoration: underline;
}



.cms-default-navigation ul > li > ul {
    margin: 0 0 0 15px;
}

.cms-default-navigation ul > li > ul > li
{
    margin: 10px;
}


/* Navigation Lists */

.cms-component-navigation-list-simple {
     background-color: #F5F5F5;
     width: 100%;
    margin: 10px 0;
}

.cms-component-navigation-list-simple h1 {
    text-align: left;
    background: none;
    line-height: 25px;
    background-color: #E4E4E4;
    padding: 12px 0 12px 17px;
    margin-bottom: 10px;
    color: #444;
    font-weight: bold;


}

.cms-component-navigation-list-simple ul {
    list-style: none;
    margin: 0 0 12px 0;
    padding: 0 5px;
    width: 90%;
    padding-left: 5%;
}

.cms-component-navigation-list-simple ul li {
    border-top: 1px dotted #a9a9a9;
}

.cms-component-navigation-list-simple ul li.first {
    border: none;
}

.cms-component-navigation-list-simple ul li a {
    text-decoration: none;
    display: block;
    padding: 10px;
}
.cms-component-navigation-list-simple ul li a:after {
    content: '\00a0\203A';
}


.cms-component-navigation-list-compact ul li {
    border: 1px solid #a9a9a9;
    margin: 15px 0;
    clear: both;
    overflow: hidden;
    
}

.cms-component-navigation-list-compact ul li img {
    float: left;
    padding: 10px;
}

.cms-component-navigation-list-compact ul li a {
    text-decoration: none;
    display: block;
}

.cms-component-navigation-list-compact ul li p {
    float: left;
    width: 60%;
    padding: 12px 0 0 0;
}
.cms-component-navigation-list-compact ul li a p:after {
    content: '\00a0\203A';
}

.cms-component-navigation-list-enhanced {
    display: table;
    width: 100%;
}

.cms-component-navigation-list-enhanced ul {
    display: table-row;

}

.cms-component-navigation-list-enhanced ul li {
    display: table-cell;
}

.cms-component-navigation-list-enhanced ul li div {
    padding: 15px;
    margin: 0 10px 20px 10px;
    border: 1px solid #a9a9a9;
    height: 1%;

}

.cms-component-navigation-list-enhanced ul li.first div {
    margin-left: 0;
}

.cms-component-navigation-list-enhanced ul li.last div {
    margin-right: 0;
}

.cms-component-navigation-list-enhanced ul li h3 a {
    font-size: 21px;
    text-decoration: none;
}

.cms-component-navigation-list-enhanced ul li h3 a:hover {
    text-decoration: underline;
}

.cms-component-navigation-list-enhanced ul li h3 a:after {
    content: '\00a0\203A';
}

.cms-component-navigation-list-enhanced ul li p {
    margin-top: 10px;
    font-size: 16px;
}

/* Content Panel*/

.cms-components .cms-component-content-panel{
    overflow: hidden;
}

.cms-components .cms-component-content-panel h2 {
    margin-top: 15px;
}

/* Featured Product */

.cms-components .cms-component-featured-product-medium {
    width: 740px;
}

.cms-components .cms-component-featured-product-medium .column {
    width: 740px;
}

.cms-components .cms-component-featured-product-medium .product-merchant {
    background-repeat: repeat-x;
}

.cms-components .cms-component-featured-product-medium .product-title {
    text-align: center;
}

.cms-components .cms-component-featured-product-large {
    overflow:hidden;
    margin: 10px 0 50px 0;
    border: 2px solid #f1f1f1
}

.cms-components .cms-component-featured-product-large .image {
    width: 43%;
    float: left;
    text-align:center;
    padding: 50px 0 0 0;
}

.cms-components .cms-component-featured-product-large .description {
    float: right;
    width: 55%;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
} 
.cms-components .cms-component-featured-product-large .rating {
    text-align: center;
}

.cms-components .cms-component-featured-product-large .qtyfield {
    display:none;
}

.cms-components .cms-component-featured-product-large .product-title {
    font-size: 18px;
    margin-bottom:10px;
    font-weight:bold;
}

.cms-components .cms-component-featured-product-large .product-title a {
    text-decoration: none;
}

.cms-components .cms-component-featured-product-large .product-title a:hover {
    text-decoration: underline;
}
.cms-components .cms-component-featured-product-large .imagescrollerwrapper,
.cms-components .cms-component-featured-product-large .imageswrapper { padding: 50px 0 0 0;}
.cms-components .cms-component-featured-product-large .imagescrollerwrapper{width:320px; margin:10px auto 0 auto;}
.cms-components .cms-component-featured-product-large .imagegallerynavigator{position:relative; width:300px;margin: 0 auto; }
.cms-components .cms-component-featured-product-large .imagegallerynavigator .button-area-left{width:30px; position:absolute; left:0; top:12px;}
.cms-components .cms-component-featured-product-large .imagegallerynavigator .button-area-left a,
.cms-components .cms-component-featured-product-large .imagegallerynavigator .button-area-right a{display:block; width:26px; height:24px; position:relative; text-decoration:none;}
.cms-components .cms-component-featured-product-large .imagegallerynavigator .button-area-left a{background-image:url('/images/theme/dabs_com_v3/en/buttons/btn-product-slider-left.gif'); left:2px;}
.cms-components .cms-component-featured-product-large .imagegallerynavigator .button-area-left a.inactive{background-image:url('/images/theme/dabs_com_v3/en/buttons/btn-product-slider-left-inactive.gif')}
.cms-components .cms-component-featured-product-large .imagegallerynavigator .button-area-right{width:30px; position:absolute; right:0; top:12px;}
.cms-components .cms-component-featured-product-large .imagegallerynavigator .button-area-right a{background-image:url('/images/theme/dabs_com_v3/en/buttons/btn-product-slider-right.gif');}
.cms-components .cms-component-featured-product-large .imagegallerynavigator .button-area-right a.inactive{background-image:url('/images/theme/dabs_com_v3/en/buttons/btn-product-slider-right-inactive.gif')}
.cms-components .cms-component-featured-product-large .imagegallerynavigator .slider-window{overflow:hidden; position:relative;}
.cms-components .cms-component-featured-product-large .imagegallerynavigator .slider-window ul.item-collection{width:9000px; list-style:none; margin:0; padding:0;}
.cms-components .cms-component-featured-product-large .imagegallerynavigator .slider-window .slider-item{float:left; width:43px;}
.cms-components .cms-component-featured-product-large .imagegallerynavigator img {border:1px solid #344264; margin:4px 1px 1px 1px; padding:0; width:35px; height:35px;}
.cms-components .cms-component-featured-product-large .imagegallerynavigator a.gallery-image { text-decoration: none; }
.cms-components .cms-component-featured-product-large .lprice
{
    font-size: 200%;
    display: block;
    margin: 5px 0;
    padding: 5px 5px 0 0;
    margin: 0;
    position: relative;
    top: -3px;
    display: block;
    color: #c03;
}
.cms-components .cms-component-featured-product-large .lower-section .buy-controls {
    float: left;
    width: 60%;
}

.cms-components .cms-component-featured-product-large .lower-section .customer-rating {
    float: right;
    width: 120px;
    text-align: center;
    padding: 35px 0 0 0;
}

.cms-components .cms-component-featured-product-large .lower-section {
    overflow: hidden;
}

.cms-components .cms-component-featured-product-large .buy-info {
    position: absolute;
    display: inline;
    padding: 10px 0 0 0;
    right: 0;
    bottom: 11px;
}




/* Carousel */
.cms-component-carousel a.jcarousel-prev,
.cms-component-carousel a.jcarousel-next {
    position: absolute;
    top: 35%;
    display: block;
    width: 60px;
    height: 60px;

}

.cms-component-carousel a.jcarousel-prev {
    left: 10px;
}

.cms-component-carousel a.jcarousel-next {
    right: 10px;
}

.cms-component-carousel .jcarousel-scroll
{
    width: 100%;
}

.cms-component-carousel .jcarousel-scroll .bullets {
    z-index: 2000;
    position: absolute;
    bottom: 5%;
    width: 100%;
    text-align: center;
    margin: 0;
}

.cms-component-carousel .jcarousel-scroll .bullets a {
    display: inline-block;
    width: 26px;
    height: 26px;
    float: none;
    margin: 0 5px;
}
.cms-component-carousel .jcarousel-scroll .bullets a span {
    display: none;
}

.cms-components .cms-component-carousel {
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;

}

.cms-components .cms-component-carousel-large {
    width: 740px;
    height: 227px;
}

.cms-components .cms-component-carousel-xlarge {
    width: 980px;
    height: 300px;
}

.cms-components .cms-component-carousel ul,
.cms-components .cms-component-carousel ul li {
    margin: 0;
}

.cms-components .cms-component-carousel ul li {
    position: relative;
}

.cms-components .cms-component-carousel-large ul li {
    height: 227px;
}

.cms-components .cms-component-carousel-xlarge ul li {
    height: 300px;
}

.cms-components .cms-component-carousel .text {
    width: 40%;
    position: absolute;
    top: 15%;
}

.cms-components .cms-component-carousel .text-left {
    left: 80px;
}


.cms-components .cms-component-carousel .text-right {
    right: 80px;
}

.cms-components .cms-component-carousel .text h3 {
    font-size: 25px;
    margin: 0 0 15px 0;
}

.cms-components .cms-component-carousel .text p {
    font-size: 15px;
}

.cms-components .cms-component-carousel-xlarge .text h3 {
    font-size: 35px;
}

.cms-components .cms-component-carousel-xlarge .text p {
    font-size: 25px;
}


.cms-components .cms-component-carousel-compact {
    width: 100%;
    
}

.cms-components .cms-component-carousel-compact ul li a {
    text-decoration: none;    
}

.cms-components .cms-component-carousel-compact ul li .image-wrapper {
    width: 100%;    
}

.cms-components .cms-component-carousel-compact ul li .image-wrapper .image {
    display: inline-block;
    width: 100%;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    background-size: 100% !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}


.cms-components .cms-component-carousel-compact ul li .image-wrapper .image .image-inner {
    display: block;
    height: 0;
    padding-top: 30.8%;
}

.cms-components .cms-component-carousel-compact .text {
    width: 100%;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    padding: 0 0 100px 0;
    text-align: center;
}

.cms-components .cms-component-carousel-compact .text h3
{
    font-size: 20px;
    padding: 10px;
}

.cms-components .cms-component-carousel-compact .jcarousel-item {
    height: 200px;
}

/*Video media*/

.cms-components .cms-social-media {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.cms-components .Instagram {padding-bottom: 120%;}
.cms-components .Vine {padding-bottom: 100%;}
.cms-components .cms-social-media iframe,
.cms-components .cms-social-media object,
.cms-components .cms-social-media embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Product Merchant Listing */

.cms-component-product-line-listing .product-grid .last {
    margin-right:0 !important;
}

/* multi column component */
.cms-component-multi-column .cms-component {
    float: left;
}

/* Tabs */
.cms-tabs {
    display: table;
    width: 100%;
    padding-bottom: 30px;

}
.cms-tabs ul {
    display: table-row;
    width: 100%; 
}

.cms-tabs ul li {
    display: table-cell;
    border-bottom: 1px solid #444444;

}


.cms-tabs ul li.active {
    border-bottom: none;
    border-right: 1px solid #444444;
    border-left: 1px solid #444444;


}

.cms-tabs ul li.first {
    border-left: none;
}

.cms-tabs ul li.last {
    border-right: none;
}

.cms-tabs ul li a {
    display: block;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
}

.cms-tabs ul li a:hover {
    background-color: #a9a9a9;
    color: white;
}

.cms-tabs ul li a em {
    display: block;
    border-right: 1px solid #444444;
    padding: 5px 10px;
    position: relative;
    right: -1px;
    font-style: normal;
}

.cms-tabs ul li.last a em,
.cms-tabs ul li.active a em {
    border-right: none;
}

/* Tabbed Content */
.cms-component-tabbed-content {
    border: 1px solid #444444;
    margin-bottom: 20px;
}

.cms-component-tabbed-content .panels {
    margin: 20px;
}

.cms-component-tabbed-content .cms-tabs ul li.first.active {
    border-left: none;
}

.cms-component-tabbed-content .cms-tabs ul li.last.active{
    border-right: none;
}

/* Quote component */
.cms-components .cms-component-quote blockquote{
    padding: 25px 0;
}

/* global classes */


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}