body { }

a { color: rgb(58,64,90); }
.menu-login { font-size: 12px; }
a.back, a.confirm, a.btn-primary { background-color: rgb(58,64,90) !important; color: rgb(255,255,255) !important; text-transform: uppercase; font-weight: 700; border: 1px solid rgb(58,64,90); border-radius: 0px; padding: 5px 25px; }
    a.back:hover, a.confirm:hover, a.btn-primary:hover { background-color: rgb(255,255,255) !important; color: rgb(54,64,90) !important; }

ul.menu { list-style: none; padding: 0; }

.login-overview { width: 100%; min-height: 350px; }

    .login-overview h2 { text-align: center; }

    .login-overview .login { position: absolute; left: 50%; top: 50%; margin-top: 150px; max-width: 100%; transform: translate(-50%, -25%); background-color: rgb(255,255,255); z-index: 999; }

        .login-overview .login label { text-transform: uppercase; }

        .login-overview .login input[type="text"],
        .login-overview .login input[type="password"] { text-align: center; }

        .login-overview .login .actions,
        .login-overview .login .forgot { text-align: center; }

    .login-overview .new { background-color: #ff6a00 !important; }

    .login-overview #Customers { max-height: 200px; overflow-y: scroll; text-align: left; }

        .login-overview #Customers ul li { list-style: square; }

div.img-login { padding: 15px; }

    div.img-login img { display: block; margin: 0 auto; }

.customers { background-color: rgb(255,255,255); margin-bottom: 20px; }
    .customers .actions { margin-bottom: 20px; }


footer { }

    footer h1 { text-transform: uppercase; font-size: 1.2em; font-weight: 700; }

ul.menu,
ul.social-media-menu { list-style: none; padding: 0; }

    ul.social-media-menu li { display: inline; }

        ul.social-media-menu li a { font-size: 2em; padding-right: 20px; }

            ul.social-media-menu li a.facebook:hover { color: rgb(59,89,152); }

            ul.social-media-menu li a.twitter:hover { color: rgb(85,172,238); }

            ul.social-media-menu li a.pinterest:hover { color: rgb(203,32,39); }

            ul.social-media-menu li a.instagram:hover { color: rgb(233,89,80); }

.form-control { border: 1px solid rgb(0,0,0) !important; box-shadow: none !important; }

/*.seasonselect { border: none !important; padding: 0 !important; text-align: right !important; }*/
.seasonselect { padding-left: 10px !important; padding-right: 10px !important; line-height: 20px; border: none !important; }

/*.navbar-default { background-color: #fff !important; }
.navbar-header { min-height: 120px; background-color: #fff; }
.navbar-brand { position: absolute; left: 50%; width: 150px; transform: translateX(-50%); text-align: center; margin: 0 auto; }
.navbar-items { text-transform: uppercase; }

.navbar-brand img { position: absolute; top: 0; left: 0; }

.navbar-toggle { z-index: 3; }

.m-t-15-imp { margin-top: 15px !important; }

.navbar-nav-top { margin-left: 0px !important; }

.search-box { text-transform: uppercase; }
    .search-box a { float: left; margin: 5px; }
    .search-box input[type="text"] { display: inline-block; border: none !important; border-bottom: 1px solid #e5e5e5 !important; text-transform: uppercase; }*/

.navbar-header { min-height: 120px; }

td.units, td.price { padding: 5px !important; }

.cornered { position: relative; margin: 20px; width: 200px; padding: 10px 20px; background-color: #ccc; text-align: center; font-size: 1.2em; line-height: 2em; }

    .cornered .tl, .cornered .tr,
    .cornered .bl, .cornered .br { width: 0; height: 0; position: absolute; }

    .cornered .tl { top: 0; left: 0; border-top: 20px solid white; border-right: 20px solid transparent; }
    .cornered .tr { top: 0; right: 0; border-top: 20px solid white; border-left: 20px solid transparent; }
    .cornered .bl { bottom: 0; left: 0; border-bottom: 20px solid white; border-right: 20px solid transparent; }
    .cornered .br { bottom: 0; right: 0; border-bottom: 20px solid white; border-left: 20px solid transparent; }

    .cornered .tl_light { top: 0; left: 0; border-top: 20px solid #000; border-right: 20px solid transparent; }
    .cornered .tr_light { top: 0; right: 0; border-top: 20px solid #000; border-left: 20px solid transparent; }
    .cornered .bl_light { bottom: 0; left: 0; border-bottom: 20px solid #000; border-right: 20px solid transparent; }
    .cornered .br_light { bottom: 0; right: 0; border-bottom: 20px solid #000; border-left: 20px solid transparent; }

.catalogItem { position: relative; border: 1px solid #000; margin-bottom: 20px; height: 320px; }

.catalogue-sale { position: absolute; top: 15px; right: 0; padding: 0 5px 0 0.5px; background-color: #000; color: #fff; font-weight: bold; font-style: italic; font-size: 22px; z-index: 100; height: 36px; line-height: normal; }
    .catalogue-sale::before { position: absolute; content: ''; top: 18px; right: 57px; border-top: 18px solid #000; border-left: 18px solid transparent; }
    .catalogue-sale::after { position: absolute; content: ''; top: 0px; right: 57px; border-bottom: 18px solid #000; border-left: 18px solid transparent; }

.catalogue-ordertype { position: absolute; color: #bbb; left: 0; font-style: italic; font-size: 14px; z-index: 100; line-height: normal; text-align: left; }
/*.catalogue-ordertype::before { position: absolute; content: ''; top: 18px; left: 130px; border-top: 18px solid #000; border-right: 18px solid transparent; }
    .catalogue-ordertype::after { position: absolute; content: ''; top: 0px; left: 130px; border-bottom: 18px solid #000; border-right: 18px solid transparent; }*/

.catalogue-strike-price { position: absolute; left: 13px; top: 0; right: 20px; border-top: 2px solid #f00; -webkit-transform: translateY(20px) translateX(5px) rotate(-16deg); transform: translateY(20px) translateX(5px) rotate(-16deg); }
.catalogue-sold-out { position: absolute; right: 0; bottom: 20px; left: 0; font-weight: bold; font-style: italic; text-align: center; z-index: 100; overflow: hidden; }

.catalogueprice { z-index: 999; left: 7px; bottom: 27px; position: absolute; font-size: 10px; height: 15px; width: 100px; display: inline-block; }

    .catalogueprice a { background-color: #000; color: rgb(255,255,255); width: 100px !important; margin: 0; padding: 12px 17px; border-right: 1px solid #e5e5e5; font-weight: 700; }

/*.catalogueaddtobag { z-index: 900; position: absolute; bottom: 27px; left: 70px; font-size: 10px; height: 15px; width: 150px; display: inline-block; }*/
.catalogueaddtobag { z-index: 900; position: absolute; bottom: 27px; left: -5px; right: -5px; bottom: -3.5px; font-size: 10px; height: 15px; display: inline-block; max-width: 235px; }

    /*.catalogueaddtobag a { background-color: #000; text-transform: uppercase; color: rgb(255,255,255); width: 80px !important; margin: 0; padding: 12px 19px; border-left: 1px solid #e5e5e5; font-weight: 700; }
.catalogueaddtobag a.btnDelFromCart1 { padding: 12px 27px; }*/

    .catalogueaddtobag a { background-color: #000; text-transform: uppercase; color: rgb(255,255,255); margin: 0; padding: 12px 52px; border-left: 1px solid #e5e5e5; font-weight: 700; }
        /*.catalogueaddtobag a.btnDelFromCart1 { padding: 12px 27px; }*/

        .catalogueprice a:hover, .catalogueaddtobag a:hover { background-color: #bfbfbf; color: #000; }

.catalogueRelated .catalogArticle { width: 195px; }
    .catalogueRelated .catalogArticle .info { width: 195px; }
    .catalogueRelated .catalogArticle .img .catalogImage, .catalogueRelated .catalogArticle .img .catalogImageHover { width: 193px; }

#imagesContainer { border: 3px solid #e5e5e5; }

    #imagesContainer .producttitle { padding: 20px 0; }
        #imagesContainer .producttitle h1 { color: #000; font-size: 20px; font-weight: 900; }
        #imagesContainer .producttitle h2 { color: #a5a5a5; font-size: 18px; font-weight: 900; }

#productdetail h1 { font-size: 24px; color: #000; font-weight: 900; }
#productdetail h2 { font-size: 24px; color: #a5a5a5; font-weight: 900; }
#productdetail .price { font-size: 24px; color: #000; font-weight: 900; }
    #productdetail .price .sale { font-size: 14px; }

hr { border-top: 2px solid #e5e5e5 !important; }

#related-articles h3 { color: #000 !important; font-size: 20px !important; margin-top: 0; }


.c-red { color: red; }
.c-orange { color: orange; }
.c-green { color: green; }

.p-10-15 { padding: 10px 15px; }


@media (min-width: 0px) and (max-width: 319px) {
    .search-box { height: 40px; padding: 10px 15px; }
        .search-box a { float: left; margin: 5px; }
        .search-box input[type=text] { display: inline-block; width: 90%; border: none !important; border-bottom: 1px solid #a5a5a5 !important; float: right; margin-bottom: 5px; }
    tr.total { text-align: left; }
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .login { width: 99.9999999%; margin-top: 0 !important; }

    .p-t-15-xs-imp { padding-top: 15px !important; }
    .p-l-15-xs-imp { padding-left: 15px !important; }
    .m-l-15-xs-imp { margin-left: 15px !important; }

    .text-right-sm { text-align: inherit; }

    .search-box { height: 40px; padding: 10px 15px; }
        .search-box a { float: left; margin: 5px; }
        .search-box input[type=text] { display: inline-block; width: 90%; border: none !important; border-bottom: 1px solid #a5a5a5 !important; float: right; margin-bottom: 5px; }
    #ucCategoryOrderListUpdatePanel { padding: 10px 15px; }
    .menu-login > a { display: inline-block !important; }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .nav-li-sm-7 { width: 58.33333%; }
    .nav-li-sm-5 { width: 41.66667%; }
    .login { width: 99.9999999%; margin-top: 0 !important; }
    .navbar-nav-top { margin-left: 0 !important; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .login { width: 66.6666666%; margin-top: 100px !important; }
    /*.navbar-items-bottom { width: 750px !important; left: auto; right: auto; bottom: 0; position: absolute; }

        .navbar-items-bottom .navbar-right { margin-right: 15px; }

    .navbar-nav-top { width: 225px !important; }
    .navbar-nav-bottom { width: 225px !important; }
    .navbar-items-bottom-right { width: 225px !important; }

    .nav-li-sm-6 { width: 50%; }

    .search-box input[type="text"] { width: 105px; }

    .m-t-15-sm-imp { margin-top: 15px !important; }
    .m-l-15-sm-imp { margin-left: 15px !important; }

    .p-t-0-sm-imp { padding-top: 0px !important; }
    .p-l-0-sm-imp { padding-left: 0px !important; }

    .text-right-sm { text-align: right; }*/

    .navbar-nav-top { width: 520px !important; display: inline-block; float: right; margin: 0 !important; }
        .navbar-nav-top li { float: right !important; }
    .navbar-items-bottom { padding: 0 !important; }
    .navbar-items-bottom-right { width: 340px; margin-right: 0px !important; }

    .search-box input[type=text] { width: 85%; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .login { width: 33.33333333%; margin-top: 100px !important; }
    .navbar-items-bottom { width: 970px !important; }

    .navbar-nav-top { width: 335px !important; }
        .navbar-nav-top li { float: left !important; margin-top: 10px; }
    .navbar-nav-bottom { width: 335px !important; }
    .navbar-items-bottom-right { width: 335px !important; }

    /*.search-box input[type="text"] { width: 150px; }*/

    /* Header */
    .navbar-default { background-color: #fff !important; }
    .navbar-header { min-height: 120px; background-color: #fff; }
    .navbar-brand { position: absolute; left: 50%; width: 150px; transform: translateX(-50%); text-align: center; }
    .navbar-items { text-transform: uppercase; }

    .navbar-brand img { position: absolute; top: 0; left: 0; margin-left: 100px; }

    .m-t-15-imp { margin-top: 15px !important; }

    .navbar-nav-top { margin-left: 0px !important; }

    .search-box { text-transform: uppercase; }
        .search-box a { float: left; margin: 5px; }
        .search-box input[type="text"] { display: inline-block; border: none !important; border-bottom: 1px solid #e5e5e5 !important; text-transform: uppercase; }
    .collapse.navbar-collapse.navbar-items { height: 55px !important; }

    .nav > li > a { padding: 10px 10px !important; }
    .collapse.navbar-collapse.navbar-items { padding: 0 !important; }
    ul.nav.navbar-nav.navbar-nav-top.navbar-nav-top-right.m-l-15-sm-imp { float: right; }
        ul.nav.navbar-nav.navbar-nav-top.navbar-nav-top-right.m-l-15-sm-imp li { width: 100%; }
            ul.nav.navbar-nav.navbar-nav-top.navbar-nav-top-right.m-l-15-sm-imp li select { display: inline-block; float: right; width: 150px; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .login { width: 33.33333333%; margin-top: 100px !important; }
    .navbar-items-bottom { width: 1170px !important; }

    .navbar-nav-top { width: 435px !important; }
    .navbar-nav-bottom { width: 435px !important; }
    .navbar-items-bottom-right { width: 435px !important; }
    .search-box input[type="text"] { width: 190px; }

    .nav > li > a { padding: 10px 10px 10px 0 !important; font-size: 13px; }
}


/* Signature */
.signature-pad { border: 1px solid #00233c; -webkit-border-radius: 0; border-radius: 0; outline: 0; background-color: #FFF; box-shadow: none; }