@font-face {

    font-family: 'futura_lt_btlight';

    src: url('fonts/futult_-webfont.woff2') format('woff2'),

         url('fonts/futult_-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'futura_lt_btlight_italic';

    src: url('fonts/futultit-webfont.woff2') format('woff2'),

         url('fonts/futultit-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

body {

    font-family: 'futura_lt_btlight', arial, sans-serif; 

    margin: 0px;

    padding: 0px;

    font-size: 14px;

    color: #717171;

}

body img {max-width: 100%;}

a {

    text-decoration: none;

    color: #121212;

}

a:hover {

    text-decoration: underline;

}

hr.top {

    border: 0;

    border-top: 1px solid #121212;

    margin: 10px 0px;

}

hr.gray {

    border: 0;

    border-top: 1px solid #ddd;

    margin: 10px 0px 20px 0;

}

h1, h2, h3, h4 {

    font-weight: normal;

}

h2.line {

    margin: 15px 0px 5px 0px;

}

hr.line {

    border: 0;

	border-bottom: 3px solid #c4915a;

    margin: 0;

	margin-bottom: 30px;

}

.space5 {height: 5px;}

.space10 {height: 10px;}

.space15 {height: 15px;}

.space20 {height: 20px;}

.space30 {height: 30px;}

.space50 {height: 50px;}

.simpletable {

    display: table;

    width: 100%;

}

.row {display: table-row;}

.simplecell {display: table-cell;}

.simplebox {   

    border: 1px solid #dddddd;

    background-color: #ffffff;

    margin: 0 auto;

    padding: 10px;

    margin-bottom: 10px;

}

.simpleinline {

    display: inline-block;

    box-sizing: border-box;

    text-align: left;

    font-size: 14px;

}

.rel-container {position: relative;}

.padded-container {padding: 0px 10px;}

.inline-container {font-size: 0;}

.inline-container .simpleinline:last-child {margin-right: 0px;}

.vcenter .simpleinline {

    vertical-align: middle;

}

.lright .simpleinline:last-child {

    text-align: right;

}

.tcenter .simpleinline {

    text-align: center;

}

.inline-1-12 {

    width: calc(1*(100% - 110px)/12);

    margin-right: 10px;

    vertical-align: top;

}

.inline-2-12 {

    width: calc(2*(100% - 110px)/12 + 10px - 0.01%);

    margin-right: 10px;

    vertical-align: top;

}

.inline-3-12 {

    width: calc(3*(100% - 110px)/12 + 20px - 0.01%);

    margin-right: 10px;

    vertical-align: top;

}

.inline-4-12 {

    width: calc(4*(100% - 110px)/12 + 30px - 0.01%);

    margin-right: 10px;

    vertical-align: top;

}

.inline-5-12 {

    width: calc(5*(100% - 110px)/12 + 40px - 0.01%);

    margin-right: 10px;

    vertical-align: top;

}

.inline-6-12 {

    width: calc(6*(100% - 110px)/12 + 50px - 0.01%);

    margin-right: 10px;

    vertical-align: top;

}

.inline-7-12 {

    width: calc(7*(100% - 110px)/12 + 60px - 0.01%);

    margin-right: 10px;

    vertical-align: top;

}

.inline-8-12 {

    width: calc(8*(100% - 110px)/12 + 70px - 0.01%);

    margin-right: 10px;

    vertical-align: top;

}

.inline-9-12 {

    width: calc(9*(100% - 110px)/12 + 80px - 0.01%);

    margin-right: 10px;

    vertical-align: top;

}

.inline-10-12 {

    width: calc(10*(100% - 110px)/12 + 90px - 0.01%);

    margin-right: 10px;

    vertical-align: top;

}

.inline-11-12 {

    width: calc(11*(100% - 110px)/12 + 100px - 0.01%);

    margin-right: 10px;

    vertical-align: top;

}

.inline-12-12 {

    width: calc(12*(100% - 110px)/12 + 110px - 0.01%);

    margin: 0;

    vertical-align: top;

}

.inline-1-10 {

    width: calc(1*(100% - 90px)/10 - 0.01%);

    margin-right: 10px;

    vertical-align: top;

}

.inline-2-10 {

    width: calc(2*(100% - 90px)/10 + 10px - 0.01%);

    margin-right: 10px;

    vertical-align: top;

}

.rightpad10 {

    padding-right: 10px;

}

.rightpad20 {

    padding-right: 20px;

}

.leftpad10 {

    padding-left: 10px;

}

.leftpad20 {

    padding-left: 20px;

}



/* PAGE NAV */

.nav_off {

    display: inline-block;

    padding: 5px 8px;

    border: 1px solid #7d0310;

    background: #fff;

    color: #7d0310;

    margin: 4px;

}

.nav_off:hover {

    border: 1px solid #7d0310;

    background: #7d0310;

    color: #fff;

}

.nav_on {

    display: inline-block;

    padding: 5px 8px;

    background: #7d0310;

    border: 1px solid #7d0310;

    color: #fff;

}

.nav_on a {

    color: #fff;

}

.nav_all {

    display: inline-block;

    padding: 5px;

    border: 1px solid #fff;

}





/* General */

#topline-container {

    width: 100%;

    border-bottom: 1px solid #ededed;

    padding: 10px 0px;

}

#topline {

    width: 1200px;

    margin: 0 auto;

    text-align: right;

}

#hdr-container {

    width: 100%;

    background: #fff;

    color: #000;

}

#hdr {

    width: 1200px;

    margin: 0 auto;

    position: relative;

    box-sizing: border-box; 

    padding: 15px;

    font-size: 0;

    text-align: center;

}

#hdr-mob {

    display: none;

    text-align: center;

}

#subnav-container {

    width: 100%;

}

#subnav {

    width: 1200px;

    margin: 0px auto;

    padding: 10px 0px;

    border-bottom: 1px solid #d0d0d0;

    text-align: center;

    font-size: 16px;

    font-weight: bold;

    color: #717171;

}

#bdy-container {

    width: 100%;

}

#bdy, #dtls {

    width: 1200px;

    margin: 0 auto;

    box-sizing: border-box;

}

#breadcrumbs {margin: 10px 0px 15px 0;}

#breadcrumb-icon {

    display: inline-block;

    width: 19px;

    height: 18px;

    vertical-align: text-bottom;

    margin: 0 5px 0 0;

}

#ftr-container {

    width: 100%;

    background: #f4f4f4;

    margin-top: 40px;

    padding: 15px 0px 30px 0px;

}

#ftr {

    width: 1200px;

    margin: 0 auto;

    text-align: center;

    color: #717171;

}

#ftr-mob {

    display: none;

    text-align: center;

}

.iframeWrapper {

    position: relative;

    padding-bottom: 55%; /* 16:9 */

    padding-top: 25px;

    height: 0;

}

.iframeWrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.btn-link {

    display: inline-block;

    padding: 5px 10px;

    color: #fff;

    text-decoration: none;

    border: 1px solid #333;

    border-radius: 3px;

    background: #444;

    cursor: pointer;

}

.btn-link:hover {

    text-decoration: none;

    opacity: 0.8;

}

.btn-link2 {

    display: inline-block;

    padding: 9px 35px;

    color: #fff;

    text-decoration: none;

    /* border: 1px solid #333; */

    background: #7d0310;

    cursor: pointer;

    font-size: 18px;

}

.btn-link2:hover {

    text-decoration: none;

    opacity: 0.8;

}

.red-link {

    background: #ed1c24;

    padding: 5px 15px;

    color: #fff;

    text-decoration: none;

    cursor: pointer;

    text-transform: uppercase;

}

.red-link:hover {

    text-decoration: none;

    opacity: 0.8;

}

.dashedbox {

    border: 1px dashed #ccc;

    padding: 15px;

    margin: 10px 15px;

}

.dashedbox p:first-child {

    margin-top: 0;

}

.dashedbox p:last-child {

    margin-bottom: 0;

}



/* topnav.inc */

#topline a {

    display: inline-block;

    vertical-align: middle;

    margin-left: 5px;

}

#topline a img {

    width: 25px;

}

#topline a.login {

    margin: 0px 20px;

}

#topline form {

    display: inline-block;

    margin: 0 20px 0 0;

}

#topline form input[type='text'] {

    display: inline-block;

    vertical-align: middle;

    padding: 5px;

    border-radius: 3px;

    border: 1px solid #e4e4e4;

}

#topline form input[type='submit'] {

    display: inline-block;

    vertical-align: middle;

    width: 18px;

    border: 0;

    background:url(/images/search.png) no-repeat;

    background-size: 100%;

    font-family: 'futura_lt_btlight', arial, sans-serif;

    cursor: pointer;

}

#topline form input[type='submit']:hover {

    opacity: 0.7;

}

#hdr img {

    width: 300px;

}

#subnav img {

    width: 25px;

    margin-right: 5px;

    display: inline-block;

    vertical-align: middle;

}

#subnav ul {

    list-style: none;

    margin: 0;

    padding: 0;

    text-align: center;

}

#subnav ul li {

    display: inline-block;

    vertical-align: middle;

    text-decoration: none;

    margin: 0 28px;

    padding: 10px 15px;

    position: relative;

    font-size: 14px;

}

#subnav ul li a { 

    color: #717171;

    font-weight: normal;

}

#subnav ul li a:hover {

    color: #000;

    text-decoration: none;

}

#subnav ul li ul.drops {

    display: none;

    background: #eee;

    padding: 10px;

    position: absolute;

    z-index: 10003;

    left: 0;

    top: 36px;

    text-align: left;

    font-size: 12px;

    min-width: 150px;

}

#subnav ul li ul.drops li {

    display: block;

    margin:0;

    padding: 5px 0;

    margin-left: 5px;

    font-weight: normal;

}



/* popUp */

#popUpDim {

    background: rgba(0, 0, 0, 0.5);

    width: 100%;

    height: 100%;

    display: block;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 20;

}

.popUpBox {

    display: block;

    background: #fff;

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    width: 60%;

    height: 200px;

    padding: 15px;

    box-sizing: border-box;

    -webkit-box-shadow: 0px 7px 29px -5px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: 0px 7px 29px -5px rgba(0, 0, 0, 0.75);

    box-shadow: 0px 7px 29px -5px rgba(0, 0, 0, 0.75);

    z-index: 21;

    min-width: 420px;

}

.popUpClose {

    position: absolute;

    top: -15px;

    right: -15px;

    text-align: right;

    border: 0px solid #ccc;

    padding: 0px;

    margin: 0px 0px;

    width: 30px;

    cursor: pointer;

}

.checkout-btn {

    display: block;

    background: #b3d0ea;

    color: #fff;

    padding: 10px;

    text-align: center;

    margin: 5px 0px;

}

.white-btn {

    display: block;

    border: 1px solid #c8beb8;

    background: #fff;

    padding: 10px;

    margin: 5px 0px;

    text-align: center;

    cursor: pointer;

}

.checkout-btn:hover {

    text-decoration: none;

    opacity: 0.9;

    color: #fff;

}

.white-btn:hover {

    text-decoration: none;

    opacity: 0.9;

    color: #000;

    background: #f1f1f1;

}



/* mobilemenu.inc */

#topnav-mob {

    text-align: left;

    background: #b3d0ea;

}

#topnav-mob .cell {

    display: inline-block;

    vertical-align: middle;

    width: 20%;

    padding: 10px 0px;

    box-sizing: border-box;

    text-align: center;

}

#topnav-mob .cell img {

    height: 28px;

}

#topnav-mob form {

    display: none;

    margin: 0;

    padding: 10px;

    font-size: 0;

}

#topnav-mob input[type='text'] {

    display: inline-block;

    vertical-align: top;

    background: #fff;

    border-radius: 3px;

    border: 0px;

    padding: 6px;

    box-sizing: border-box;

    width: calc(100% - 63px);

}

#topnav-mob input[type='submit'] {

    display: inline-block;

    vertical-align: top;

    background: #444;

    color: #fff;

    border-radius: 3px;

    border: 0;

    padding: 6px 7px;

    margin-left: 3px;

    box-sizing: border-box;

    width: 60px;

    text-align: center;

}

#toggle {

    position: relative;

    color: #fff;

    text-align: left;

    line-height: 22px;

    font-size: 17px;

    text-decoration: none;

}

#toggle img {

    height: 28px;

    vertical-align: top;

    margin-right: 10px;

}

#menu-mob {

    display: none;

    list-style: none;

    margin: 0;

    padding: 10px;

}

#menu-mob ul {

    display: none;

    list-style: none;

    padding: 0;

}

#menu-mob li {

    position: relative;

}

#menu-mob li:last-child {

    border-bottom: 1px solid #fff;

}

#menu-mob li ul li:last-child {

    border-bottom: 0px;

}

#menu-mob li a {

    display: block;

    padding: 14px;

    border: 1px solid #fff;

    border-bottom: 0px;

    color: #fff;

    text-decoration: none;

    font-weight: bold;

}

#menu-mob li ul li a {

    padding-left: 35px;

    color: #f0f0f0;

}

#menu-mob span {

    position: absolute;

    right: 0px;

    top: 0px;

    padding: 14px 14px 14px 20px;

    font-size: 18px;

    line-height: 19px;

    color: #fff;

    text-align: right;

    box-sizing: border-box;

    cursor: pointer;

}







/* footer.inc */

.scrollup {

    width: 40px;

    height: 40px;

    opacity: 0.9;

    position: fixed;

    bottom: 50px;

    right: 50px;

    display: none;

    text-indent: -9999px;

    background: url('images/icon_top.png') no-repeat;

}

#ftr a {

    text-decoration: none; 

    color: #000;

}

#ftr a:hover {

    text-decoration: none; 

    opacity: 0.7;

}

#ftr p img {

    height: 25px;

}

.header.divider {

    position: relative;

    text-align: center;

}

.header {

    min-height: inherit;

    margin: 30px 0px 20px 0px;

}

.header.divider:after {

    position: absolute;

    top: 20px;

    display: block;

    content: ' ';

    width: 100%;

    border-top: 2px solid #b3d0ea;

}

.header.divider h5 {

    position: relative;

    z-index: 10;

    display: inline-block;

    margin: 0;

    padding: 0 10px;

    background: #fff;

}

h5,.h5 {

    color: #000;

    letter-spacing: 2px;

    text-transform: uppercase;

    text-rendering: optimizelegibility;

    -webkit-font-smoothing: antialiased;

    font-size: 18px;

    font-weight: bold;

    line-height: 1.4em;

}

.signature {

    width: 1200px;

    margin: 0 auto;

    text-align: center;

    font-size: 13px;

}

.signature .inline-2-12 {

    width: calc(2*(100% - 55px)/12 + 5px);

    margin-right: 5px;

}

#ftr-mob p img {

    height: 25px;

}



/* forms */

.formrow {margin: 5px 0px;}

.formlabel {

    display: inline-block;

    vertical-align: top;

    font-size: 12px;

    width: 100%;

    font-weight: bold;

    text-transform: uppercase;

    margin-top: 5px;

}

.formbox {

    display: inline-block;

    vertical-align: top;

    font-size: 14px;

    text-align: left;

    width: 100%;

}

.formbox input[type='text'], .formbox input[type='password'] {

    box-sizing: border-box;

    width: 100%;

    padding: 5px;

    border-radius: 4px;

    border: 1px solid #ccc;

}

.formbox input[type='submit'] {

    font-size: 12px;

    color: #fff;

    padding: 7px 20px;

    background: #abc8e3;

    border: 0 none;

    cursor: pointer;

    -webkit-border-radius: 8px;

    border-radius: 5px;

}

.formbox input[type='submit']:hover {opacity: 0.90;}

.formbox select {

    box-sizing: border-box;

    width: 100%;

    padding: 4px 0px;

    border-radius: 4px;

    border: 1px solid #ccc;

}

.formbox textarea, .full-textarea {

    box-sizing: border-box;

    width: 100%;

    padding: 5px;

    border-radius: 4px;

    border: 1px solid #ccc;

}





/* index.php */

h1.index {

    text-align: center;

    text-transform: uppercase;

    color: #717171;

}

h2.index {

    text-align: center;

    text-transform: uppercase;

    color: #717171;

    margin-bottom: 25px;

}

.inline-index .inline-4-12 {

    width: calc(4*(100% - 385px)/12 + 105px);

    margin-right: 35px;

    text-align: center;

}

.inline-index img {

    width: 100%;

}



/* details.php */

.cat-style {

    background: #828585;

    color: #fff;

    margin-top: 10px;

}

.cat-style h1 {

    margin-top: 10px;

    font-size: 40px;

    text-transform: uppercase;

}

.cat-style p {

    font-size: 17px;

    margin: 10px 0px;

}

.cat-style .inline-3-12 {

    vertical-align: middle;

    width: calc(100%/4);

    margin: 0;

}

.cat-style .inline-6-12 {

    vertical-align: middle;

    width: calc(100%/2);

    margin: 0;

    text-align: center;

}

h2.details {

    margin-top: 0;

}

#s-container {

    max-width: 100%;    

    max-height: 550px;

    overflow: hidden;

    overflow-y: initial;

}

#s-container::-webkit-scrollbar {

    width: 5px;

    padding-right: 10px;

    box-sizing: border-box;

}

#s-container::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 

}

 

#s-container::-webkit-scrollbar-thumb {

    background: rgba(0,0,0,0.6); 

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 

}

#s-container::-webkit-scrollbar-thumb:window-inactive {

    background: rgba(0,0,0,0.4); 

}

#s-container a {

    display: block;

    margin-bottom: 10px;

}

#s-container a:last-child {

    margin-bottom: 0;

}

#s-container img {

    width: 100%;

    z-index: -1;

    opacity: 0.7;

    border: 1px solid #eaeaea;

    padding: 10px 5px;

    box-sizing: border-box;

}

#s-container img:hover {

    opacity: 1.0;

}

#m-container {

    min-height: 550px;

}

#m-container img {

    max-height: 550px;

    max-width: 550px;

    width: auto;

}

.details-price {

    font-size: 26px;

    font-weight: bold;

    color: #252525;

}

.details-discount {

    display: block;

    color: #04a904;

}

.details-cashprice {

    display: block;

}

.details-stock {

    display: block;

    font-size: 20px;

    color: #04a904;

}

.details-green {

    margin-top: 5px;

    display: block;

    font-size: 15px;

    color: #04a904;

}

form.details-add {

    background: #f5f5f5;

    border-radius: 4px;

    padding: 20px 30px;

}

form.details-add input[type='text'] {

    vertical-align: middle;

    display: inline-block;

    border-radius: 4px;

    padding: 12px;

    width: 50px;

    margin: 5px 10px;

    box-sizing: border-box;

    border: 1px solid #ccc;

}

form.details-add select {

    vertical-align: middle;

    display: inline-block;

    border-radius: 4px;

    padding: 10px 4px;

    margin: 5px;

    box-sizing: border-box;

    border: 1px solid #ccc;

}

form.details-add input[type='submit'] {

    vertical-align: middle;

    display: inline-block;

    border-radius: 4px;

    padding: 10px 15px;

    box-sizing: border-box;

    border: 0;

    background: #abc8e3;

    color: #fff;

    font-size: 12px;

    cursor: pointer;

}

form.details-add input[type='submit']:hover {

    opacity: 0.9;

}





form.rental {

    background-color: #f5f5f5;

    margin: 0;

    border-radius: 2px;

    padding: 15px;

    margin-top: 15px;

}

form.rental h3 {

    font-size: 18px;

    margin-top: 0;

}

form.rental input[type='submit'] {

    vertical-align: middle;

    display: inline-block;

    border-radius: 4px;

    padding: 10px 15px;

    box-sizing: border-box;

    border: 0;

    color: #fff;

    font-size: 12px;

    cursor: pointer;

    background-color: #abc8e3;

}

form.rental .formlabel {

    font-size: 12px;

    margin-top: 5px;

}


.filter {
    padding: 0;
    margin: 0;
    position: relative;
    cursor: pointer;
}
.filter .menus {
    display: inline-block;
    border-radius: 3px;
    background: #eee;
    color: #888;
    padding: 5px 10px;
    width: 120px;
    box-sizing: border-box;
    position: relative;
}
.filter .menus span {
    position: absolute;
    top: 3px;
    right: 8px;
}
.filter li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}
.filter a {
    display: block;
    width: 120px;
    box-sizing: border-box;
    background: #ddd;
    color: #000;
    padding: 5px 10px;
}
.filter a:hover {
    text-decoration: none;
    background: #888;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
}
.drops {
    position: absolute;
    top: 25px;
    left: 0;
    background: #fff;
    z-index: 10001;
    padding: 0;
    margin: 0;
    display: none;
}


.addToBag {

    display: inline-block;

    background: #000;

    padding: 10px 30px 10px 20px;

    color: #fff;

}

.addToBag:hover {

    opacity: 0.85;

    color: #fff;

    text-decoration: none;

}

.addToBag img {

    width: 25px;

    vertical-align: middle;

    margin-right: 10px;

}

.details-boxes .simpleinline {

    border: 1px solid #ccc;

    padding: 25px;

}

p.price {

    font-size: 18px;

    font-weight: bold;

}



/* products.php */

h1.details {

    font-size: 25px;

    text-transform: uppercase;

}

h1.sub {

    text-transform: uppercase;

}

.page-nums {

	text-align: right;

}

.page-nums a {

    display: inline-block;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    background: #ddd;

    border-radius: 3px;

}

.page-nums a:hover {

    text-decoration: none;

    -webkit-filter: brightness(0.9);

    filter: brightness(0.9);

}

.page-nums a:last-child {

    width: auto;

    padding: 0px 10px;

}

.page-nums .selected {
    width: 30px;
    background: #3e3e3e;
    color: #fff;
}

.product-container {

    font-size: 0;

    margin-top: 10px;

}

.product-container a {

    display: inline-block;

    width: calc(3*(100% - 110px)/12 + 20px);

    margin-right: 10px;

    vertical-align: top;

    font-size: 14px;

    box-sizing: border-box;

    color: #000;

    text-align: center;

    text-decoration: none;

}

.product-container a:last-child {

    margin: 0;

}

.product-container a:hover {

    opacity: 0.7;

    font-weight: bold;

}

.product-container a span.cat {



}

.product-container a span.img {

	display: block;
}

.product-container a img {

    display: block;

    margin: 0 auto;

    max-width: 100%; 

}

.product-container a span.name {

    display: block;

    margin: 10px 0px;

    text-transform: uppercase;

    font-size: 15px;

}

.search-container a {

    width: calc(100%/4 - 10px);

    margin: 10px 5px;

}









.overlay-product {

    position: relative;

    display: inline-block;

    width: calc(100%/2 - 10px);

    margin: 5px;

    font-size: 16px;

    font-weight: bold;

    cursor: pointer;

}

.overlay-product:hover {

    opacity: 0.8;

}

.overlay-product .inline-container.vcenter {

    position: absolute;

    bottom: 0;

    width: 100%;

    background: rgba(0, 0, 0, 0.6);

    color: #fff;

    padding: 0px 10px;

    box-sizing: border-box;

}

.overlay-product span {

    display: inline-block;

    background: #deae1f;

    color: #000;

    padding: 10px;

}

.overlay-product span img {

    vertical-align: middle;

    margin-left: 5px;

}

.pad10 {

    padding: 10px;

}

.sidetile {

    text-align: center;

    font-weight: bold;

}

.sidetile img {

    margin-bottom: 5px;

}

.overlay-container {

    position: relative;

}

.overlay-text {

    position: absolute;

    bottom: 0;

    right: 0;

    left: 0;

    padding: 12px;

    background: rgba(0, 0, 0, 0.6);

    color: #fff;

    font-size: 0;

}

.overlay-text #breadcrumbs {

    margin: 0 0 10px 0;

}

.overlay-text #breadcrumbs a {

    color: #fff;

}

.overlay-text h1 {

    margin: 10px 0px 0px 0px;

}

.cat-title {

    padding: 10px;

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    text-transform: uppercase;

}

.cat-title.darkred {

    background: #7d0310;

}

.cat-subs {

    padding: 10px;

    background: #cccccc;

}

.cat-subs ul {

    margin: 5px 0px;

    padding: 0 0px 0px 25px;

    font-size: 12px;

}

#pd-filter {

    display: none;

    padding: 10px 0px;

    margin-top: 10px;

    background: #deae1f;

}









/* details.php */

#chair-dim img {

    vertical-align: middle;

    width: 13px;

}

h3.details {

    margin-bottom: 10px;

    color: #494949;

}

.details-bottom {

}

.details-bottom .inline-7-12 {

    width: 685px;

}

.details-bottom .inline-5-12 {

    width: 485px;

}

.details-contact {

    display: inline-block;

    background: #b91722;

    padding: 8px;

    width: 120px;

    text-align: center;

    color: #fff;

    font-size: 18px;

    text-decoration: none;

}

.details-contact:hover {

    opacity: 0.8;

}

.scroll-container {

    width: calc(100% - 10px);

    max-width: 100%;

    overflow-x: scroll;

    white-space: nowrap;

    margin-right: 10px;

}

.scroll {

    height: 40px;

}

.dragscroll {

    width: 100%;

    white-space: nowrap;

    height: 220px;

    overflow-x: scroll;

    overflow-y: hidden;

    cursor: grab;

    cursor : -o-grab;

    cursor : -moz-grab;

    cursor : -webkit-grab;

}

.dragscroll img {

    max-width: none;

    height: 200px;

    width: 1000px;

}





/* viewcart.php */

h2.cart {

    background: #eee;

    padding: 15px 20px;

    margin: 0;

    border-top-left-radius: 2px;

    border-top-right-radius: 2px;

}

ul.cart {

    list-style: none;

    margin: 0;

    padding: 0;

    border: 1px solid #eee;

}

ul.cart li {

    font-size: 0;

    padding: 15px;

    border-top: 1px solid #eee;

}

ul.cart li:first-child {

    border-top: 0;

}

ul.cart li span.price {

    color: #fa5400;

}

ul.cart li .simpleinline {

    font-size: 11px;

    color: #666;

}

ul.cart li .simpleinline b {

    color: #000;

}

ul.cart li input[type='button'] {

    cursor: pointer;

    -webkit-appearance: button;

    border: 1px solid #E5E5E5;

    border-radius: 2px;

    text-transform: uppercase;

    color: #717171;

    background: #F7F7F7;

    padding: 5px 10px;

    min-width: 140px;

    font-size: 13px;

    font-weight: normal;

    font-family: 'futura_lt_btlight', arial, sans-serif;

}

ul.cart li input[type='button']:hover {

    background: #fff;

}

ul.cart li .editing {

    display: none;

    margin: 0;

}

ul.cart li .editing input[type='text'] {

    vertical-align: middle;

    border-radius: 2px;

    border: 1px solid #ccc;

    width: 40px;

    padding: 3px 5px;

}

ul.cart li .editing input[type='submit'] {

    vertical-align: middle;

    border: 0;

    border-radius: 2px;

    padding: 4px 10px;

    color: #fff;

    background: #cc0000;

    font-size: 12px;

    font-family: 'futura_lt_btlight', arial, sans-serif;

    line-height: 13px;

    cursor: pointer;

}

ul.cart li .editing input[type='submit']:hover {

    opacity: 0.8;

}

ul.cart li .submitted {

    display: inline-block;

    margin: 0;

    line-height: 21px;

}



.cart-summary {

    background: #F7F7F7;

    font-size: 12px;

    border-radius: 2px;

}

.cart-summary .border-bottom {

    border-bottom: 1px solid #e5e5e5;

}

.cart-summary .border-top {

    border-top: 1px solid #fdfdfd;

}

.cart-summary .title, .cart-summary .simpleinline.title {

    font-size: 18px;

}

.cart-summary .pad {

    padding: 15px 20px;

    text-transform: uppercase;

}

.cart-summary .simpleinline {

    font-size: 12px;

}

.cart-summary form {

    margin: 0;

}

.cart-summary select {

    display: block;

    width: 100%;

    margin-top: 10px;

    padding: 5px;

    border-radius: 3px;

}

.cart-summary input[type='submit'] {

    width: 100%;

    box-sizing: border-box;

    border: 0;

    background: #abc8e3;

    color: #fff;

    padding: 10px 0px;

    border-radius: 2px;

    font-family: 'futura_lt_btlight', arial, sans-serif;

    cursor: pointer;

}

.cart-summary input[type='submit']:hover {

    opacity: 0.8;

}

.cart-summary .cart-btn {

    display: block;

    text-decoration: none;

    text-align: center;

    text-transform: initial;

    width: 100%;

    box-sizing: border-box;

    border: 0;

    background: #abc8e3;

    color: #111;

    padding: 10px 0px;

    border-radius: 2px;

    font-family: 'Open Sans', arial;

    cursor: pointer;

}

.cart-summary .cart-btn:hover {

    background: #fff;

}

.cart-summary .cart-btn img {

    vertical-align: middle;

}



#promo {

    display: none;

    padding-top: 0;

}

.cart-summary #promo form {

    font-size: 0;

    margin: 0;

}

.cart-summary #promo input[type='text'] {

    border-radius: 2px;

    display: inline-block;

    vertical-align: middle;

    padding: 5px;

    border: 1px solid #eee;

    width: calc(80% - 5px);

    margin-right: 5px;

    box-sizing: border-box;

}

.cart-summary #promo input[type='submit'] {

    width: 20%;

    display: inline-block;

    vertical-align: middle;

    box-sizing: border-box;

    padding: 5px 0px;

}



/* shipping.php */

h2.shipping {

    background-color: #abc8e3;

    color: #fff;

    padding: 15px 20px;

    margin: 0;

    border-top-left-radius: 2px;

    border-top-right-radius: 2px;

}

.box-gray {

    background-color: #eee;

    padding: 20px;

}

form.shipping {

    margin: 0;

}

form .white {

    background-color: #fff;

    padding: 20px;

    border: 1px solid #ddd;

    border-radius: 2px;

}

form .row {

    display: block;

    margin: 10px 0px;

}

form .row .label {

    display: inline-block;

    vertical-align: middle;

    width: 120px;

    margin-right: 10px;

    font-size: 12px;

    font-weight: bold;

}

form .row .box {

    display: inline-block;

    vertical-align: middle;

    width: 300px;

    font-size: 12px;

}

form .row .box input[type='text'] {

    border-radius: 2px;

    padding: 0 5px;

    border: 1px solid #bbb;

    font-size: 12px;

    height: 26px;

    width: 180px;

}

form .row .box select {

    border-radius: 2px;

    padding: 0 5px;

    border: 1px solid #bbb;

    font-size: 12px;

    height: 26px;

}

form .next {

    text-align: right;

    margin-top: 10px;

}

form .next input[type='submit'] {

    background: #FA5400;

    border: 0;

    padding: 10px 20px;

    color: #fff;

    text-align: center;

    font-weight: bold;

    font-family: 'futura_lt_btlight', arial, sans-serif;

    border-radius: 2px;

    cursor: pointer;

}

form .next input[type='submit']:hover {

    background: #FA7E3F;

}

.box-wrap {

    border: 1px solid #f3f3f3;

    border-radius: 2px;

    margin-bottom: 20px;

    border-radius: 2px;

}

.box-wrap h2 {

    background: #eee;

    padding: 15px 20px;

    margin: 0;

}

.box-wrap .box-bdy {

    padding: 15px 20px;

}

.box-wrap .box-bdy .simpleinline {

    font-size: 12px;

}

.box-wrap .pad {

    margin: 15px 0px;

}

.box-wrap .pad .title {

    font-size: 18px;

    font-weight: bold;

}

.box-wrap span.price {

    color: #fa5400;

    font-weight: bold;

}

.whitebox {

    background-color: #fff;

}



/* cc_info.php */

#edit-ship {

    margin: 0;

}

#edit-ship a {

    float: right;

    display: inline-block;

    margin: 15px 20px;

    border: 1px solid #d1d1d1;

    padding: 5px 30px;

    font-size: 12px;

    font-weight: bold;

    background-color: #eee;

}

#edit-ship a:hover {

    text-decoration: none;

    background-color: #e4e4e4;

}





/* contact.php */

.contact-left {



}

.contact-right {

    background: #ededed;

    font-size: 12px;

    color: #717171;

    border-radius: 2px;

    padding: 15px;

    margin-bottom: 10px;

}

.contact-right a {

    display: block;

    margin: 10px 0px;

    color: #717171;

}

.contact-form {

    border-bottom-left-radius: 2px;

    border-bottom-right-radius: 2px;

    margin-bottom: 20px;

}





/* about.php*/

.about-us img {

    

}





/* gallery.php */

.gallery {

    font-size: 0;

    text-align: left;

}

.gallery-inline {

    position: relative;

    display: inline-block;

    overflow: hidden;

    width: calc(20% - 20px);

    margin: 10px;

    padding: 10px 10px 10px 10px;

    box-sizing: border-box;

    vertical-align: top;

    font-size: 14px;

    text-align: center;

    color: #7f7f7f;

}

.gallery-inline:hover {

    -webkit-filter:brightness(0.85);

    filter: brightness(0.85);

    text-decoration: none;

    color: #000;

}

.gallery-inline img {

    height: 200px;

    overflow: hidden;

}

img.heart {

    position: absolute;

    top: 10;

    margin: auto;

    right: 0;

    left: 0;

    height: auto;

    overflow: initial; 

}

.justmobile {display: none;}





/* view_gallery.php */

.viewgallery-inline {

    position: relative;

    display: inline-block;

    overflow: hidden;

    width: calc(20% - 20px);

    margin: 10px;

    padding: 10px;

    box-sizing: border-box;

    vertical-align: top;

    font-size: 14px;

    text-align: center;

    color: #7f7f7f;

}

.viewgallery-inline:hover {

    -webkit-filter:brightness(0.85);

    filter: brightness(0.85);

    text-decoration: none;

    color: #000;

}

.viewgallery-inline img {

    height: 200px;

    overflow: hidden;

}



/* account.php */

.account-container .simplebox {

    border: 0;

    border-radius: 2px;

}

.account-container .simplebox:hover {

    background-color: #ededed;

    cursor: pointer;

}



/* view_orders.php */

.order-inline {

    display: inline-block;

    width: calc(25% - 10px);

    margin: 5px;

    font-size: 14px;

}

.order-date {

    border-top-right-radius: 3px;

    border-top-left-radius: 3px;

    background: #abc8e3;

    padding: 5px 10px;

    box-sizing: border-box;

    color: #fff;

}

.order-date a {

    display: block;

    color: #fff;

}

.order-date a:hover {

    -webkit-filter: brightness(0.95);

    filter: brightness(0.95);

    text-decoration: none;

}

.order-bdy {

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px;

    background: #fff;

    padding: 10px;

    box-sizing: border-box;

    border: 1px solid #ddd;

    border-top: 0;

    position: relative;

}

.order-bdy a {

    display: inline-block;

    background: #ddd;

    border-radius: 3px;

    position: absolute;

    bottom: 10px;

    right: 10px;

    padding: 5px 8px;

    text-decoration: none;

}

.order-bdy a:hover {

    -webkit-filter: brightness(0.9);

    filter: brightness(0.9);

}

.available-balance {

    text-align: center;

}

.available-balance h2 {

    margin: 5px 0;

}

.available-balance span {

    font-size: 55px;

    color: #abc8e3;

}



.green-btn {

    box-sizing: border-box;

    background: #abc8e3;

    border: 0;

    -webkit-appearance: none;

    color: #fff;

    border-radius: 1px;

    padding: 13px 32px;

    cursor: pointer;



    display: inline-block;

    vertical-align: top;

    text-align: center;

}

.green-btn:hover {

    color: #fff;

    opacity: 0.90;

    text-decoration: none;

}

.green-btn span {

    font-size: 18px;

}


div.clayer_shown
{
    display: block;
    position: relative;
    left: 0;
    top: 0;
}

div.clayer_hidden
{
    display: none;
    position: relative;
    left: 0;
    top: 0;
}




.justmobile {display: none;}

@media (max-width: 420px) {

    input[type='submit'] {

        -webkit-appearance: none;

    }

    h1 {

        font-size: 20px;

    }

    h2 {

        font-size: 15px;

    }

    a[href^=tel] { color: inherit; text-decoration: none; }



    .inline-1-12, .inline-2-12, .inline-3-12, .inline-4-12, .inline-5-12, .inline-6-12, .inline-7-12, .inline-8-12, .inline-9-12, .inline-10-12, .inline-11-12 {

        width: 100%;

        padding: 0;

        margin: 0;

    }

    .mobinline-1-12 {

        width: calc(1*(100% - 110px)/12);

        margin-right: 10px;

        vertical-align: top;

    }

    .mobinline-2-12 {

        width: calc(2*(100% - 110px)/12 + 10px);

        margin-right: 10px;

        vertical-align: top;

    }

    .mobinline-3-12 {

        width: calc(3*(100% - 110px)/12 + 20px);

        margin-right: 10px;

        vertical-align: top;

    }

    .mobinline-4-12 {

        width: calc(4*(100% - 110px)/12 + 30px);

        margin-right: 10px;

        vertical-align: top;

    }

    .mobinline-5-12 {

        width: calc(5*(100% - 110px)/12 + 40px);

        margin-right: 10px;

        vertical-align: top;

    }

    .mobinline-6-12 {

        width: calc(6*(100% - 110px)/12 + 50px);

        margin-right: 10px;

        vertical-align: top;

    }

    .mobinline-7-12 {

        width: calc(7*(100% - 110px)/12 + 60px);

        margin-right: 10px;

        vertical-align: top;

    }

    .mobinline-8-12 {

        width: calc(8*(100% - 110px)/12 + 70px);

        margin-right: 10px;

        vertical-align: top;

    }

    .mobinline-9-12 {

        width: calc(9*(100% - 110px)/12 + 80px);

        margin-right: 10px;

        vertical-align: top;

    }

    .mobinline-10-12 {

        width: calc(10*(100% - 110px)/12 + 90px);

        margin-right: 10px;

        vertical-align: top;

    }

    .mobinline-11-12 {

        width: calc(11*(100% - 110px)/12 + 100px);

        margin-right: 10px;

        vertical-align: top;

    }

    .mobinline-12-12 {

        width: calc(12*(100% - 110px)/12 + 110px);

        margin: 0;

    }

    #topline-container, #hdr, #subnav-container, #ftr, .ftrnav, .ftrnav-title {display: none;}

    #hdr-mob, #ftr-mob, .contacto-mob {display: block;}

    #bdy, #dtls {

        width: 100%;

        min-height: 0;

        padding: 10px;

        margin: 0;

    }

    #breadcrumbs {

        margin-left: 0px;

        font-size: 12px;

    }

    .rightpad10, .rightpad20, .leftpad10, .leftpad20 {

        padding: 0;

    }



    /* forms */

    .formlabel, .formbox {

        width: 100%;

        text-align: left;

        padding: 0;

        margin: 0;

    }





    /* index.php */

    .inline-index .inline-4-12 {

        width: 100%;

        margin: 0;

    }

    .inline-index .inline-4-12 img {

        width: 70%;

    }



    /* footer.inc */

    .signature {

        width: 100%;

        box-sizing: border-box;

        padding: 10px;

    }

    .signature h5 img {

        width: 60%;

    }

    .signature .inline-2-12 {

        display: inline-block;

        width: calc(50% - 10px);

        margin: 5px;

    }



    /* products.php */

    .leftbar {

        display: none;

    }

    .filter-top .inline-2-12 {

        margin-bottom: 10px;

    }

    .product-container {

        padding: 0px;

    }

    .product-container a {

        width: calc(50% - 10px);

        margin: 5px;

        vertical-align: top;

    }

    .product-container a:last-child {

        margin: 5px;

    }



    /* details.php */

    .inline-details {

        width: calc(100%/3 - 20px);

        margin: 10px;

        font-size: 12px;

    }

    .popUpBox .inline-2-12, .popUpBox .inline-4-12 {

        display: block;

        width: 100%;

        margin: 0;

    }

    .popUpBox {

        width: 90%;

        min-width: 0;

    }

    #m-container {

        min-height: 320px;

    }

    #m-container img {

        max-width: 100%;

        max-height: none;

    }





    /* products.php */

    .product-inline {

        width: calc(100%/2 - 20px);

        margin: 10px;

        font-size: 12px;

    }

    .product-title {

        height: auto;

    }



    /* gallery.php */

    .gallery {

        font-size: 0;

        text-align: left;

    }

    .gallery-inline {

        position: relative;

        display: inline-block;

        overflow: hidden;

        width: calc(50% - 20px);

        margin: 10px;

        box-sizing: border-box;

        vertical-align: top;

        font-size: 14px;

        text-align: center;

        color: #7f7f7f;

    }

    .gallery-inline:hover {

        -webkit-filter:brightness(0.85);

        filter: brightness(0.85);

        text-decoration: none;

        color: #000;

    }

    .gallery-inline img {

        height: 200px;

        overflow: hidden;

    }

    .gallery img {

        max-width: none;

    }





    /* order_history */

    .order-inline {

        width: 100%;

        margin: 5px 0;

    }



    /* rental_sub2.php */

    .cat-style .inline-3-12,

    .cat-style .inline-6-12 {

        vertical-align: middle;

        width: 100%;

        margin: 0;

        text-align: center;

    }

    .cat-style .inline-6-12 {

        padding: 10px;

    }


    #s-container {
        max-height: 250px;
    }


    .justmobile {display: block;}

    .nomobile {display: none;}

}