/* ------- Style Elements --------- */

html,body { min-height: 100%; position: relative; }
body { background-color: black; /*overflow-x: hidden;*/}
p,h1,h2,h3,h4,h5,li,a { color: white; font-family: Helvetica Neue, Helvetica, arial, sans-serif; }
a:visited { text-decoration: none;color: white; }
pre { background-color: #585858; color: white; border: none; font-family: helvetica,arial;}
ul { list-style: none }
ul li { list-style: none }
select {
    margin-right: 42px;
    margin-top: 26px;
    background: black;
    color: white;
    font-family: arial;
    font-size: 17px;
}

span { color: white; }

#admin {color:#585858;position: absolute;left: 0;bottom: 0; }
#admin:hover { cursor: pointer; } 
/* ---------- Banner ------------- */ 
#banner-wrapper { 
    width: 90%;margin: 
    auto; display: flex;
    justify-content: space-between;
    margin-top: 13px;
    /*border:2px solid yellow;*/
}

#logo { 
   /* border:2px solid red;*/ 
    margin-right: 58px; 
    width: 287px;
    height: 94px;
}

#atb-logo { height:70%;width:100%; margin-top: 7px;}

#select-cart-wrapper {
    /*border:2px solid magenta;*/
    min-width: 248px;
    max-height:98px;
}

#select-ad,#cart { display: inline-block; }

#select-ad { position: relative;top:-51px; margin-right: 20px; }

/* ----- cart ----- */
#cart-wrapper { display: inline-block;/* border:2px solid yellow;*/;position: relative;top:-9px; }

#no-items-cart { 
    background-color: orange; 
    font-size:14px;
    line-height:13px;
    border:2px solid orange;
    border-radius: 80%;
    width:18px;
    padding-right: 2px;
    margin-left: 5px;
    position: relative;
    top:21px;
    right:3px; 
    padding-left: 3px;
}

#cart { width: 42px; margin-left: -29px; }
.cart-hover:hover {
  opacity: 1;
}
.cart-hover { 
    color: white; 
    position: absolute;top:40px;
    right:18px;
    z-index: 10;
    background-color: orange;
    padding:3px;
    border-radius:8px;  
    opacity: 0;
}

#cart-total { margin-left: -24px; }


/* ---------- Navbar ------------ */
#navbar-wrapper { 
    width: 90%;
    text-align: center; 
    /*margin-bottom: 50px;*/ 
    /*border: 2px solid magenta;*/
    margin: auto;
    margin-top: 19px;
    margin-bottom: 20px;
}

.nav-item { 
    display: inline-block;
    /*border: 2px solid blue;*/ 
    padding: 10px;
    margin-right: 4px;
    margin-bottom: 15px;
}

 #nav-home { margin-right: 15px; }


.current a { color: magenta; }

.nav-item a {
    font-size: 15px;
    font-family: arial;
    padding: 8px;
    border: 1px solid white;
}


#dropdown { 
    display: inline-block;
    font-size: 15px;
    font-family: arial;
    padding: 6px;
    margin-right: 12px;
    border: 1px solid white;
    color: white;
 }

#product-dropdown { 
    display: none;
    position: absolute;
    padding-left:10px;
    padding-right:10px;
    padding-top:6px;
    z-index: 1;
    text-align: left;
    background-color: rgba(51, 51, 51, 1);
    margin-top: 3px;
    margin-left: -12px;
}

#dropdown:hover #product-dropdown {
  display: block;
  color: white;
  color:cyan;
}


.dropdown-item a:hover { color: cyan; }
.dropdown-item a {
    font-size: 14px;
    margin-left: 0;
}


#dp-sub,#screen-sub,#laminates-sub,#offset-sub,#flexible-sub,#thermal-sub { display: none; }
#digital-sub,#plotter-sub,#brother-sub,#epson-sub,#printers-sub,#transjet-sub { display: none; }



.nav-item a:hover { color:cyan; text-decoration: none; border:2px solid cyan;  }


#content { /*border: 2px solid green;*/width: 90%;margin: auto; }


#nav-products{ padding: 5px; }
#nav-products:hover { color: cyan; }
#dropdown:hover { border: 2px solid cyan; }

#sub-nav-wrapper { width: 90%;margin: auto; text-align: center; margin-top:15px; }
.sub-nav {display: inline-block; /*border:1px solid grey;*/padding: 3px 8px 3px 8px; border-radius: 8px;margin-right: 10px;/*text-decoration: underline;*/ }
.sub-nav a { font-size: 16px; }
.sub-nav a:hover { color:cyan;text-decoration: none; }
.current { color: magenta !important; }

#products-items-wrapper { width: 90%; margin:auto; }


#main-heading {
    width: 100%;
    text-align: center;
    color: #0c70ec;
    text-decoration: underline;
    margin-bottom: 30px;
}

#main-heading h2 {
    color: white;
}
/* ------------- Sidebar ----------------*/
#sidebar { 
    padding-right: 38px;
    display: inline-block; 
    vertical-align: top; 
    /*border: 2px solid blue;*/ 

}

#sidemenu { padding-left: 0px; width: 200px; }

#heading-products { margin-left:14px; }
#sidebar li a {
    color: white;
}

#sidebar ul li a {
    background: black;
    padding-left: 14px;
    font-weight: normal;
    display: block;
    font-size: 15px;
    line-height: 26px;
    color: white;
    text-align: left;
}

#sidebar ul li a:hover {
    color: cyan;
}
/*#sidebar {margin-top: 200px;}*/

.nav-tabs > li {
     margin-bottom: 1px;
}

.sidebar-cat { border: 1px solid white; }
.sidebar-cat:hover { text-decoration: none; border: 2px solid cyan; }

#dp-sub li a { text-decoration: none; }
#screen-sub li a { text-decoration: none; }
#laminates-sub li a { text-decoration: none; }
#offset-sub li a { text-decoration: none; }
#flexible-sub li a { text-decoration: none; }
#thermal-sub li a { text-decoration: none; }
#digital-sub li a { text-decoration: none; }
#plotter-sub li a { text-decoration: none; }
#dp-sub li a { text-decoration: none; }

#transjet-sub { 
    margin-left: -39px;
}

#dp-sub,#screen-sub,#flexible-sub { margin-left: -37px; }



/* -------------- Slider ----------------*/
#content { 
    text-align: center;
    padding-bottom: 80px;
    }

#myCarousel {
    display: inline-block;
    /*border: 2px solid magenta;*/
    margin-top: 37px;
    width:75%;
    max-width: 1014px;

}

.carousel-inner {
    width: 100%;
}

.carousel-inner img { width: 100%; }

.slide { display: none; }
.on { display: inline-block; }

#left:hover { cursor: pointer; }
#right:hover { cursor: pointer; }

.carousel-indicators {
    position: relative;
    top: 593px;
}

.carousel-indicators li {
  background-color: grey;
}

/* -------------------------- Second Column ---------------------------- */

#second-column { /*border: 2px solid magenta;*/ width:100%;display: inline-block; vertical-align: top;}

#container { /*border: 2px solid yellow;*/ margin-bottom: 20px; margin-top: 74px;}


/* ------------  Banner Ads Home Page --------- */
/*#banner-ads-one,#banner-ads-two { 
    width:100%;display: inline-block;
    text-align:center;
    border: 1px solid darkgrey; 
    padding-top: 44px;
    padding-bottom: 54px;
}

*/

#banner-ads-two { margin-bottom: 46px; }

.sidebar-ads { /*border:2px solid cyan;*/ 
    display: inline-block; 
    height:180px;
    width: 370px;
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: 30px; 
}

.banners { width: 100%; height: 170px; }

/*temporary setting*/
#printers-wrapper {
    margin-top: -82px;
}

/* ------------  Featured Products Home Page and Products Listing----------------*/
#feat-products-wrapper { /*border:2px solid darkgrey;*/ margin-bottom: 80px; }
#ft-products-heading {width: 347px; margin-bottom: 30px;margin-left: 14px;}

.feat-items-wrapper {
/*    display: flex;
    justify-content: space-around;*/
    margin-bottom: 80px;
    /*border: 1px solid green;*/
}



/* Product Container */ 
.item-container { 
    border:1px solid white; 
    text-align: center; 
    width: 193px;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    margin-left: 15px;
    padding-bottom: 20px;
    margin-bottom: 46px;
    padding-left: 15px;
    padding-right: 13px;
    height:480px;
}

.item-container:hover { border:3px solid cyan; border-bottom: 3px solid cyan; }

.product-img-wrapper { width:161px;height: 111px; text-align: center;}

.img-responsive { /*border:2px solid white;*/width: 100%;padding-top: 10px;height:100%;}

.product-name-wrapper { width: 163px; height:57px; margin-bottom: 13px; }

.feat-description { padding-left: 5px;padding-right: 5px;text-align: left; }

.prod-description { 
    height:86px; 
    display: -webkit-box;
    border: 1px solid grey;
    white-space: pre-wrap;
     -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; 
    padding-left: 7px;
}

.price-wrapper { margin-top: 22px; }

/*.items { display: inline-block; border: 1px solid white;text-align: center;}*/
.item_price { background-color: #e40202; display: inline; padding: 4px;margin-top:8px;}

.enquire { 
    width:90px; 
    margin: auto; 
    margin-top: 17px; 
    color:white;
    background-color: orange;
    text-decoration: none;
    padding: 6px;
    cursor: pointer;
}

.add-item { 
    width:90px; 
    margin: auto; 
    margin-top: 17px; 
    color:white;
    background-color: green;
    text-decoration: none;
    padding: 6px;
    cursor: pointer;
}



a:focus, a:hover {
    color: white;
    text-decoration: none;
}

.green { background-color: rgba(10, 204, 0, 1); }

.down-brochure { background-color: #002780;padding-top: 4px;padding-bottom: 4px; width: 80%; margin:auto; position: relative; top:25px; }

.datab-id {color: white;}

@media only screen and (max-width: 600px) {
    .feat-items-wrapper { flex-wrap: wrap; }
}

.add-category { display: none; }
.add-id { display: none; }
.add-title { display: none; }
.add-description { display: none; }
.add-img { display: none; }


/* ------------- Videos ------------------- */
#printers-wrapper { /*border:2px solid darkgrey;*/ margin-bottom: 46px; text-align: center;}
#heading-printers { /*margin-top: 70px; */}
#video-wrapper { text-align: center; }
.videos { height:350px; width: 450px;}








/* ----------------- Products ------------------ */
#products-items-wrapper {
    margin-bottom: 80px;
    /*border: 1px solid blue;*/
}



/* ----------------- Submit ------------------- */
#submit-btn { display: none; }


/* ----------------- Footer ------------------- */
#footer-wrapper {
    display: flex;
    justify-content: center;
    background-color: #585858; 
    position: absolute;
    bottom: 0;
    width: 100%;
    left:0; 
    text-align: center;
    padding-top:25px;
    padding-bottom: 25px;
}

#foot-col1,#foot-col2 { display: inline-block; vertical-align: top; }
#foot-col1 { margin-right:80px; }
#foot-col2 { margin-right: 80px; }
#signs101 { width:102px; }
#foot-col3 {text-align: left;}