@charset "utf-8";
/* CSS Document */

html {font-family:arial;}

body {padding:0; margin:0; color:#222222;}

.center-width {width:999px; margin:0 auto;}

.header {padding-bottom:5px; border-bottom:1px solid #8E8E8E;}

.logo {float:left; margin-top:94px;}

.top-menu {float:right; margin-top:45px;}

.top-menu ul {padding:0; margin:0; list-style:none; margin-top:30px;}

.top-menu ul li {display:inline-block; margin:0px 10px; float:left;}

.top-menu ul li a { display:block; font-family:myriad pro; font-size:11px; color:#6F6F6F; text-decoration:none; text-transform:uppercase; font-weight:bold;}

.top-menu ul li a:hover{color:#000; text-decoration:none;}

.clear-float {clear:both;}

.content {margin-top:8px;}

.content-left {float:left; width:170px;}

.content-left ul {margin:15px 0px; padding:0; list-style:none; padding-left:10px;}

.content-left ul li {display:block; margin:9px 0px;}

.content-left ul li a {font-weight:bold; text-transform:uppercase; font-family:arial; font-size:12px; color:#5A5A5A; text-decoration:none;}

.content-left ul li a:hover {color:#000;}

.content-left form input[type=text],.content-left form input[type=password] {background-color:#E5E5E5; color:#707070; border:1px solid #868686; font-family:verdana; height:26px; width:154px; margin:5px 0px;}

.content-right {
    float:left; 
    /*    border:1px solid #B9B8B8; 
    border-radius:15px; */
    padding:22px; 
    width:780px; 
    font-size:12px;}

.content-right p {color:#6E6E6E; font-size:11px; line-height:14px;}

.content-right a {color:#8C9299; font-size:12px; font-weight:bold;}

.content-right li {border-bottom:1px solid #777777; line-height:22px;}

.content-home-right {float:right; width:820px;}

.slider {width:603px; float:left;}

.home-banner-right {float:right; width:217px;}

.home-banner-right img {width:217px; height:127px;}

.home-bottom-brands {float:right;}

.home-bottom-brands .loudmouth {width:169px; height:62px; background-image:url(../images/loudmouth.jpg); background-position:left top; background-repeat:no-repeat;}

.home-bottom-brands .tallia {width:169px; height:62px; background-image:url(../images/tallia.jpg); background-position:left top; background-repeat:no-repeat;}

.home-bottom-brands .bruno {width:170px; height:62px; background-image:url(../images/bruno.jpg); background-position:left top; background-repeat:no-repeat;}

.home-bottom-brands .stacy {width:145px; height:62px; background-image:url(../images/stacy.jpg); background-position:left top; background-repeat:no-repeat;}

.home-bottom-brands .zenio {width:159px; height:62px; background-image:url(../images/zenio.jpg); background-position:left top; background-repeat:no-repeat;}

.home-bottom-brands .stefano {width:177px; height:62px; background-image:url(../images/stefano.jpg); background-position:left top; background-repeat:no-repeat;}

.home-bottom-brands a {display:block; float:left;}

.home-bottom-brands a:hover {background-position:left bottom;}

#form_content h2 {color:#8C9299; font-size:12px;}

.footer {margin-top:20px; border-top:1px solid #8E8E8E; padding:15px 0px; height:50px;}

.footer .copyright {float:left; color:#222222; font-size:small;}

.footer .social {float:right; color:#222222; font-size:small;}

.footer .social img {vertical-align:middle;}

#form_content p {color:#6E6E6E; font-size:11px; line-height:14px;}

#form_content fieldset {border:0 none; font-size:9px;}

.field {clear:both;}

label {color:#8C9299; float:left; font-family:arial; font-size:11px; width:200px;}

.middleColumn {display:block; margin:5px 0px;}

input.text, textarea, select {color:#000000; font-size:12px; font-weight:bold; width:210px;}

#MemberLoginForm_LoginForm_action_dologin {margin-left:210px;}

input.action {background-color:#353938; color:#FFFFFF; float:left; height:20px; font-size:11px; font-family:arial; font-weight:bold; min-width:59px; text-transform:uppercase; border:0 none;}

#ForgotPassword {clear:both; padding-top:20px;}

#form_content a {color:#8C9299; font-size:12px; font-weight:bold;}

.brand-image {float:left; margin:10px; margin-left:50px;}

.brand-image img {max-width:300px;}

.brandimages {margin-bottom:1em;}

.brandimages img {margin:0px 13px; max-width:210px;}

.center-align {margin:0 auto; width:auto;}

input[type=submit] {cursor:pointer;}

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

.showroom-image {float:left; margin:10px; width:150px; height:93px; overflow:hidden;}

.showroom-image img {max-width:150px;}

.page-detail {text-align:center; width:600px; margin:0 auto;}

.sub-page-left {float:left; margin-right:10px; margin-top:10px; width:285px;} .sub-page-left img {max-width:285px;}

.sub-page-right {float:left; width:430px;} .sub-page-right .title {margin:10px 0px; font-weight:bold;}

.sub-page-right .images {margin-top:10px;} .sub-page-right .images img {display:inline; max-width:130px;}

.sub-page-right .images .box {height:85px; overflow:hidden; float:left; margin:5px;}

.showroom-brands {float:left; margin:5px; padding:5px; border:1px solid #999999; width:170px; min-height:115px; text-align:center;} .showroom-brands img {max-width:170px;}

.showroom-brands .title {color:#6E6E6E; font-size:11px; line-height:14px; margin:10px 0px; text-align:center;}

.showroom-navigation {color:#8C9299; font-weight:bold; font-size:12px;} .showroom-navigation a {color:#8C9299;}

.product {float:left; min-height:150px; margin:0 3% 1em 0; width:22%; text-align:center;} .product p {font-size:1.1em; font-weight:bold; margin-top:0px;}

.product img {border:1px solid #000000; padding:3px; max-width:150px;}

.message {border:1px solid #FF0000; color:#FF0000 !important;}

#loginbox {color:#DCDCDC; font-family:verdana; font-size:11px; font-weight:bold;}

.btn-area {
    font-size: 25px;
    color: #000;
    float: none;
    line-height: 25px;
    cursor: pointer;
    display: none;
    padding-left: 12px;
}
    #box{
    display: none;
    }

@media only screen and (max-width:767px) {
    .center-width{
        width: 100%;
    }
    .logo {
        float: none;
        margin-top: 15px;
        text-align: center;
    }
    .top-menu ul li a {
        font-size: 12px;
        margin: 2px 2px 2px 2px;
        padding: 5px;
        border-bottom: 1px solid lightgray;
        /* border: 1px solid lightgray;
        border-radius: 20px; */
    }
    .content-left ul li {
        margin: 16px 0px;
    }
    .content-left form input[type=text], .content-left form input[type=password] {
        height: 30px;
        width: 273px;
        font-size: 14px;
        margin: 0px 0px 14px 11px;
    }
    
    input[type="image"] {
        width: 60px;
        margin-left: 25px;
    }  
    form a img {
        width: 77px;
    }
    .content-left, .content-right,.content-home-right,.slider,home-banner-right
    {
        width:100%
    }
    .home-bottom-brands {
         float: none;
         background-color: black;
    }    
    .top-menu {
        float: none;        margin-top: 15px;
    }
    .nivo-controlNav {
        text-align: center;
        padding: 0px 0;
    }
    .theme-default .nivo-controlNav {
        text-align: center !important;
        padding: 0px 0 !important;
    }
    .home-banner-right img {
        width: 80px;
        height: 60px;
        margin-top: 10px;
    }
    .home-banner-right {
        float: none;
        width: 100%;
        text-align: center;
    }
    .top-menu ul li {
        display: inline-block;
        margin: 0px 0px 0px 5px;
        float: none;
    }
    .content {
        display: flex;
        flex-wrap: wrap;
    }
    .content-home-right {
        order: -1;
    }
    .home-bottom-brands a {
        width: 100% !important;
        float: none;
        text-align: center;
        background-position: center top !important;
    }
    .product {
        float: left;
        min-height: 150px;
        margin: 0 0% 1em 0;
        width: 50%;
    }
    .home-bottom-brands-categories {
        width: 100% !important;
    }
    .btn-area{
        display: block;
        }
    .top-menu ul {
            position: fixed;
            width: 100%;
            left: -100%;
            text-align: center;
            transition: all .5s;
            border: 1px solid lightgray;
            padding: 0;
            margin: 0;
            list-style: none;
            margin-top: 0px;
    }
    .top-menu ul li {
            display: block;
            margin: 0;
            line-height: 25px;
    }
    .top-menu ul li:hover{
            background: lightgray;
    }
    .top-menu ul li a:hover{
            background: none;
    }
    #box:checked ~ ul{
        left: 0;
        position: inherit;
    }
    .content-right {
        order: -1;
    }
    .brand-image img {
        max-width: 100%;
    }
    .content-left ul li {
    border-bottom: 1px solid lightgray;
    margin-right: 20px;
    padding-bottom: 10px;
}
}