@charset "UTF-8";

.pos-stt {
    position: static !important;
}
.pos-rel {
    position: relative !important;
}

.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.ml20 {
    margin-left: 20px;
}

.text-red {
    color: #ff0000;
}

.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.btn-fire {
    background-color: #ff0000 !important;
    color: #ffffff !important;
    border: none !important;
}
.btn-fire:hover  {
    background-color: rgba(255,0,0,0.49) !important;
    color: #ffffff !important;
}
.btn-fire:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../img/zippofire_wh.png");
    background-size: contain;
    vertical-align: middle;
    margin-right: 3px;
}
.btn-view {
    color: #cccccc !important;
}
.btn-view:hover {
    color: #000000;
}

.top-black {
    background-color: #000000;
    border-bottom: 3px solid #FF0000;
    height: 30px;
}
.top-bar {
    height: 30px;
    border-bottom: 1px solid #edebeb;
}
.top-bar .container {
    position: relative;
}
.top-bar .container a {
    border-left: 1px solid #edebeb;
    border-right: 1px solid #edebeb;
    width: 120px;
    line-height: 30px;
    color: #666666;
    display: block;
    text-align: center;
    font-size: small;
}
.top-bar a:hover {
    background-color: #edebeb;
    text-decoration: none;
}

.navbar-brand img {
    margin-left: 0 !important;
}

.navbar {
    margin-bottom: 0 !important;
}

.carousel-control.left, .carousel-control.right {
    background-image: none !important;
}

#carousel1 .carousel-inner .item {
    width: 100%;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
#carousel1 .carousel-inner .item,
#carousel1 .carousel-inner .active.left,
#carousel1 .carousel-inner .active.right {
    opacity: 0;
}
#carousel1 .carousel-inner .active,
#carousel1 .carousel-inner .next.left,
#carousel1 .carousel-inner .prev.right {
    opacity: 1;
}
#carousel1 .carousel-inner .next,
#carousel1 .carousel-inner .prev,
#carousel1 .carousel-inner .active.left,
#carousel1 .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#carousel1 .carousel-inner .item .box {
    background-repeat: no-repeat;
    background-size: cover;
}
#carousel1 .carousel-inner .item #box1 {
    background-image: url("../img/11HW.jpg");
    background-position: center top;
}
#carousel1 .carousel-inner .item #box2 {
    background-image: url("../img/12wild.jpg");
    background-position: center top;
}
#carousel1 .carousel-inner .item #box3 {
    background-image: url("../img/13standard.jpg");
    background-position: center top;
}

.news .date {
    font-weight: bold;
    color: #ff0000;
}
.news .body {
    margin-bottom: 10px;
}
.news .body a {
    color: #000000;
}
.news .body a:hover {
    color: #7c7c7c;
    text-decoration: none;
}

ul.stores {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.navbar.navbar-default .container-fluid .navbar-form.navbar-right {
    margin-right: 0 !important;
}
div.navcon li.menu {
    margin-right: 30px !important;
    border-bottom: 5px solid transparent;
}    
div.navcon li.menu:hover {
    border-bottom: 5px solid #FF0000;
}    
div.navcon li.menu a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
div.navcon li.menu div.submenu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #edebeb;
    height: 50px;
    z-index: 9;
    display: none;
}
div.navcon li.menu:hover div.submenu {
    display: block;
}
div.navcon li.menu div.submenu a {
    float: left;
    margin-right: 20px;
    color: #777777;
    line-height: 50px;
}
div.navcon li.menu div.submenu a:hover {
    text-decoration: none;
    color: #aaaaaa;
}
.navbar-form {
    padding-right: 0 !important;
}

footer ul {
    list-style-type: none;
    color: #ffffff;
}
footer ul li {
    display: inline;
    border-bottom: 5px solid transparent !important;
}
footer ul li:hover {
    border-bottom: 5px solid #FF0000 !important;
}
footer.fotterbottom {
    padding-left: 0 !important;
}
footer ul li a {
    color: #ffffff;
}
footer ul li a:hover {
    color: #cecece;
    text-decoration: none;
}

.carousel-control {
    top: 50% !important;
    transform: translateY(-50%) !important;
    -webkit- transform: translateY(-50%) !important;
    height: 50px;
}

.top-banner-box1 {
    margin-top: 20px;
    margin-bottom: 30px;
}
.top-banner-box2 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.route {
    height: 50px;
    line-height: 50px;
    color: #555555;
}
.route div.bb {
    border-bottom: 1px solid #edebeb;
}
.route a {
    margin-right: 5px;
    color: #999999;
}
.route a:hover {
    color: #555555;
    text-decoration: none;
}
.route span {
    margin-right: 5px;
}
.route span.arrow {
    color: #999999;
}

.collections-banner-box {
    margin-top: 40px;
    margin-bottom: 40px;
}
.featured_con {
    width: 100%;
}
.slidercon {
    height: auto !important;
}
.sliderimgcon {
    height: 140px;
}
div.ficon_buynow a {
    width: 100%;
    display: block;
}

.item-list div.itemboximg {
    padding: 20px 0;
    border: 1px solid #f2f2f2;
    background-color: #ffffff;
}
.item-list div.itemboximg:hover {
    border: 1px solid #646464;
}
.item-list div.itemboxname a {
    width: 100%;
    display: block;
}

.item-list div.item-row {
    padding: 20px 0;
    border-bottom: 1px solid #edebeb;
}

.item_ttl_con {
    margin-left: 0 !important;
}
.item_ctx {
    padding: 40px 0;
    background-color: #edebeb;
}
.image-frame1 {
    background-color: #ffffff;
    border: 1px solid #777777;
}

.page-title {
    border-left: 5px solid #ff0000;
    padding: 5px 15px;
}
.page-contents {
    padding: 40px 0;
    background-color: #edebeb;
}
ul.page-menu {
    margin: 0 20px !important;
    padding: 0 !important;
    list-style-type : none;
    color: #777777;
}
li.page-menu {
    padding: 15px 0;
    border-bottom: 1px solid #edebeb;
}
li.page-menu:last-child {
    border-bottom: none !important;
}
li.page-menu span, li.page-menu a {
    color: #777777;
    cursor: pointer;
}
li.page-menu span:hover, li.page-menu a:hover {
    color: #aaaaaa;
    text-decoration: none;
}
ul.page-submenu {
    margin: 10px 0 0 15px !important;
    padding: 0 !important;
    list-style-type: none;
    font-size: small;
    display: none;
}
li.page-submenu {
    padding: 5px 0;
}
h3.menu-title {
    margin-top: 40px;
    padding: 5px 10px;
    border-left: 2px solid #aaaaaa;
}
h3.menu-title a {
    color: #ff0000;
}
h3.menu-title a:hover {
    color: #ff7e7e;
}
ul.page-submenu-red {
    list-style-type: none;
}
ul.page-submenu-red a {
    color: #ff0000;
}

div.repair p.address {
    border-left: 2px solid #aaaaaa;
    padding-left: 20px;
}
div.repair a {
    color: #ff0000;
}
div.repair a:hover {
    color: #ff7e7e;
    text-decoration: none;
}
div.repair ul.qanda {
    list-style-type: none;
    margin-left: 15px;
    display: none;
}
div.repair ul.qanda li:nth-child(odd) {
    border-bottom: 1px solid #9e9e9e;
}
div.repair ul.qanda li:nth-child(odd):before {
    content: 'Q.';
    margin-left: -15px;
}
div.repair ul.qanda li:nth-child(even) {
    margin-bottom: 10px;
}
div.repair ul.qanda li:nth-child(even):before {
    content: 'A.';
    margin-left: -15px;
}
div.hw ul.qanda {
    list-style-type: none;
    margin-left: 15px;
}
div.hw ul.qanda li.q {
    border-bottom: 1px solid #9e9e9e;
}
div.hw ul.qanda li.q:before {
    content: 'Q.';
    margin-left: -15px;
}
div.hw ul.qanda li.al {
    margin-bottom: 10px;
}
div.hw ul.qanda li.a:before {
    content: 'A.';
    margin-left: -15px;
}
div.contact span.required {
    margin-left: 5px;
    padding: 0 3px;
    background: #ff0000;
    color: #ffffff;
    font-weight: normal;
    font-size: 85%;
}
div.contact .submit {
    display: none;
}
div.contact input.c, div.contact textarea.c, div.contact select.c {
    color: #000000 !important;
}

div.stores h4 {
    color: #ff0000;
}
div.stores span {
    margin-bottom: 20px;
}
div.stores iframe {
    width: 100%;
    height: 400px;
}

@media (min-width: 769px){
    .container {
	width: 100% !important;
	max-width: 1280px;
	margin: 0 auto;
    }
}