/* 5 cached file css_1bc7c2d49c4cad5c84641861b349b324 */
@charset "utf-8";
/* CSS Document */
/* ------------ Reset ------------ */

body {
    font-family: 'Open Sans', sans-serif;
    color: #96979d;
    font-size: 13px;
    margin: 0px;
    padding: 0px
}

a {
    color: indianred;
    text-decoration: none
}

a:hover {
    text-decoration: none;
    color: indianred
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: normal
}
/*ul, ul li { list-style:none }*/

.heading1 {
    margin-bottom: 20px;
    border-bottom: 1px solid #efefef;
    margin-top: 0px;
    font-size: 34px
}

.heading2 {
    font-size: 24px;
    color: #F25C27;
    text-transform: none;
    font-weight: normal;
    padding: 0px;
    text-transform: uppercase;
    font-family: 'Crete Round', serif;
}

.heading1 .subtext {
    font-size: 16px;
    color: #000;
    text-transform: none;
    font-weight: normal;
    padding: 0px;
}

.heading1 .maintext {
    font-size: 28px;
    color: #000;
    text-transform: uppercase;
    padding: 0px 14px 4px 0;
    font-family: 'Crete Round', serif;
}

.teksjudul {
    font-size: 15px;
    color: #F25C27;
    text-transform: none;
    font-weight: bolder;
    padding: 0px;
    margin-bottom: 25px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: normal
}

h2 {
    font-size: 24px
}

.textright {
    text-align: right
}

.mt0 {
    margin-top: 0px!important
}

.mb0 {
    margin-bottom: 0px!important
}

.mt40 {
    margin-top: 40px!important
}

.mt20 {
    margin-top: 20px
}

.mt60 {
    margin-top: 60px!important
}

.mr10 {
    margin-right: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mb40 {
    margin-bottom: 40px
}
/*testimonial*/

.testimonial-item {
    margin: 5px 0px 20px;
}

.testimonial-item div {
    background: #e9e9e9;
    border-radius: 5px;
    padding: 10px;
    position: relative;
    color: #000000;
}

.testimonial-item div:after {
    position: absolute;
    content: '';
    bottom: -7px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #e9e9e9;
}

.testimonial-item p {
    margin: 0 20px;
}

.store-name {
    color: indianred;
    text-transform: capitalize;
}

.store-address {
    font-style: italic;
    text-transform: capitalize;
}

a#open_form_testimonial {
    text-align: left;
    display: block;
    color: indianred;
    font-weight: bolder;
    margin-bottom: 20px;
    background-color: ghostwhite;
}

#testimonial_form {
    border-bottom: solid 1px #f9f9f9;
}

.margin-none {
    margin: 0px
}

.clear {
    clear: both
}

.displayblock {
    display: block
}

.red {
    color: #F00
}

.orange {
    color: #F25C27
}

.footerlinks ul li a,
.footerlinks ul li a:hover,
.thumbnail .shortlinks a,
.thumbnail .shortlinks a:hover,
.flex-control-paging li a,
.flex-control-paging li a:hover,
ul.categorymenu > li > a,
ul.categorymenu > li > a:hover,
.dropdown-menu li > a,
.dropdown-menu li > a:hover,
ul.categorymenu > li > div > ul > li > a,
ul.categorymenu > li > div > ul > li > a:hover,
#topnav ul li a,
#topnav ul li a:hover,
.thumbnail a.productcart,
.thumbnail a:hover.productcart,
input,
input:focus,
select,
select:focus,
textarea,
textarea:focus {
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease
}

#featured,
#latest,
#popularbrands,
#newslettersignup {
    margin: 0 auto 0 auto;
    /*margin-left: 20px;*/
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
    color: #96979d;
}
/* ------------ Header ------------ */

.headerstrip {
    height: 72px;
    border-top: 3px solid gainsboro;
}

.logo {
    width: 272px;
    text-align: center;
    height: 72px;
    line-height: 70px;
    display: inline-block;
}

.logo span {
    font-size: 25px;
    border: 3px solid rgb(140, 70, 29);
    padding: 6px;
    border-radius: 10px;
}

#topnav .navbar-inner {
    background: none;
    border: none;
    box-shadow: none;
    filter: none
}

#topnav ul {
    padding: 20px 0 0 0
}

#topnav ul li {
    padding: 5px 0
}

#topnav ul li a {
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 0 0 25px;
    margin-right: 22px
}

#topnav ul li a.home {
    background-position: 0 0
}

#topnav ul li a:hover.home,
#topnav ul li a.active.home {
    background-position: 0 -31px
}

#topnav ul li a.myaccount {
    background-position: 0 -62px
}

#topnav ul li a:hover.myaccount,
#topnav ul li a.active.myaccount {
    background-position: 0 -93px
}

#topnav ul li a.shoppingcart {
    background-position: 0 -121px
}

#topnav ul li a:hover.shoppingcart,
#topnav ul li a.active.shoppingcart {
    background-position: 0 -152px
}

#topnav ul li a.checkout {
    background-position: 0 -183px
}

#topnav ul li a:hover.checkout,
#topnav ul li a.active.checkout {
    background-position: 0 -213px
}

.top-search {
    margin-top: 14px;
}

.top-search input {
    width: auto;
    height: 25px;
    border: 4px solid #fd915c;
    padding: 5px;
    background:#fff url("//alphaotomasi.com/themes/homedecor/assets/sprite.png") right -243px no-repeat;
}

.headerdetails {
    padding: 40px 0 40px 272px;
}

li.dropdown {
    list-style: none
}
/* ------------  Top Cart ------------ */

.topcart {
    margin-top: 0px;
}

.buttonwrap {
    padding: 10px;
    margin: 5px 10px 10px 0
}
/* ------------ Category Menu ------------
#categorymenu { padding:7px 0 7px 0; background:gainsboro; }
#categorymenu:after { clear:both; content:"" }
#categorymenu select { display:none }
ul.categorymenu { margin:0px 6px 0px 6px }
ul.categorymenu > li { position:relative; margin: 0; border-right:1px solid #ccc }
ul.categorymenu > li:last-child { border:none }
ul.categorymenu > li > a { text-decoration: none; display: block; z-index: 6; position: relative; color:#000!Important; text-transform:uppercase; font-size:14px }
ul.categorymenu > li:hover > a, ul.categorymenu > li > a.active { color:#fff!important; text-shadow:none; background-color:#f25c27 }
ul.categorymenu > li > div { display: none; padding:15px; position: absolute; top: 97%; left: 7px; z-index: 99999; display: none; float: left; min-width: 120px; margin: 1px 0 0; list-style: none; background-color: #ffffff; border:1px solid #DDDDDD; border-bottom: 4px solid #F25C27; box-shadow : 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow : 0 5px 10px rgba(0, 0, 0, 0.2);  -webkit-box-shadow : 0 5px 10px rgba(0, 0, 0, 0.2) }
.dropdown-menu {  padding:15px; position: absolute; top: 97%; left: 7px; z-index: 99999; display: none; float: left; min-width: 120px; margin: 1px 0 0; list-style: none; background-color: #ffffff; border:1px solid #DDDDDD; border-bottom: 4px solid #F25C27; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0  }
ul.categorymenu > li:hover > div { display: table; width:100%; vertical-align:top }
ul.categorymenu > li > div > ul { display: table-cell; vertical-align:top;}
ul.categorymenu > li ul + ul { padding-left: 0px; }
ul.categorymenu > li ul > li { display:block; float:left; width:100%; }
ul.categorymenu > li > div > ul.arrow li a { padding:8px 8px 8px 8px; display:block }
ul.categorymenu > li ul > li > a { text-decoration: none; display: block; white-space: nowrap; min-width: 120px; padding:8px; }
ul.categorymenu > li > div > ul li:hover a { color:indianred; text-shadow:none }
ul.categorymenu > li > div > ul > li > a { color: #999999; }



.horizontal, .horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.horizontal {
	font-size: 12px;
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.horizontal li {
	float: left;
	position: relative;
}
.horizontal li a {
	display: block;
	height: 2.9em;
	line-height: 2.9em;
	padding: 0 1.4em;
}
.horizontal ul {
	position: absolute;
	left: 0;
	top: 2.9em;
	display: none;
	z-index: 999;
	width: 160px;
}
.horizontal ul ul {
	top: 0;
	left: 160px;
}
.horizontal ul li {
	width: 100%;
}
.horizontal ul li a {
	overflow: hidden;
}
.horizontal li:hover > ul {
	display: block;
}

.horizontal, .horizontal ul {
	box-shadow: 2px 3px 0 rgba(150, 150, 150, 0.1);
}
.horizontal > li > ul {
	margin-left: -1px;
}
.horizontal ul ul {
	margin-top: -1px;
}
.horizontal li ul li:last-child {
	border-bottom: none;
}

horizontal white
-----------------------------------
.horizontal.white, .horizontal.white ul {
	border: 1px solid #ccc;
}
.horizontal.white, .horizontal.white li {
	background: #fff;
	background: linear-gradient(#fff, #f1f1f1);
}
.horizontal.white > li {
	border-right: 1px solid #ccc;
}
.horizontal.white li a {
	color: #444;
}
.horizontal.white li:hover {
	background: #fff;
}
.horizontal.white li:hover > a {
	color: #902452;
}
.horizontal.white ul li {
	border-bottom: 1px solid #ddd;
}

*/

.breadcrumb {
    margin-bottom: 30px;
    margin-top: 10px;
}
/* ------------ otherddetails ------------ */

.otherddetails {
    border: 1px solid #dddddd;
    margin: 60px auto 0 auto
}

.otherddetails .otherddetailspart {
    background: url(../otherseperate.png) no-repeat right center;
    width: 25%;
    float: left;
    display: inline-block
}

.otherddetails .otherddetailspart:last-child {
    background: none
}

.otherddetails .otherddetailspart .innerclass {
    padding: 25px 0px 25px 90px;
    background: url(../otherdetailicon.png) no-repeat 10px top;
}

.otherddetails .otherddetailspart .innerclass h2 {
    font-size: 20px;
    color: #5e626b;
    line-height: normal;
    margin: 0px
}

.otherddetails .otherddetailspart .innerclass.free {
    background-position: 20px 29px
}

.otherddetails .otherddetailspart .innerclass.payment {
    background-position: 20px -103px
}

.otherddetails .otherddetailspart .innerclass.shipping {
    background-position: 20px -240px
}

.otherddetails .otherddetailspart .innerclass.choice {
    background-position: 20px -360px
}
/* ------------ Small banners ------------ */

.smbanner {
    margin: 20px auto 0 auto;
}

.smbanner .span3 a {
    display: block;
    border: 1px solid #ddd;
}
/* ------------ nesletter ------------ */

#newslettersignup input {
    height: 32px;
}

#newslettersignup input[type=submit] {
    height: 42px;
    width: 50px;
    border-radius: 5px;
    margin-left: 5px;
}

#newslettersignup .pull-right {
    margin-top: 15px
}

#newslettersignup .newsletter {
    padding: 10px 0 0 70px;
    background:url("//alphaotomasi.com/themes/homedecor/assets/otherdetailicon.png") no-repeat left -500px;
}

#newslettersignup .newsletter2 {
    padding: 0;
    background: none;
    height: 80px
}

#newslettersignup .newsletter h2 {
    font-size: 20px;
    color: #5e626b;
    line-height: normal;
    margin: 0px
}
/* ------------ Featured Proudcts ------------ */

#categorymenu {
    margin: 0px 0 10px 0
}

#featured:after,
#latest:after,
#related:after,
#category:after,
#popularbrands:after,
#newslettersignup .container:after {
    clear: both;
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
    ;
}

.prdocutname {
    font-size: 16px;
    color: #5e626b;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 10px 0;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.thumbnails .prdocutname {
    font-size: 14px;
    font-weight: bolder;
    color: #5e626b;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 10px 0;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.thumbnails.list .thumbnail .prdocutname {
    font-size: 16px;
    color: #5e626b;
    text-transform: uppercase;
    text-align: left;
    margin: 0 0 10px 25px;
    display: block
}

.thumbnails.list > li {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc
}

.thumbnails.list .productdiscrption {
    margin: 10px 0 25px 0
}

.thumbnails.list .thumbnail .shortlinks {
    display: block;
    width: auto;
    position: static;
    text-align: left;
    margin: 10px 0 25px 0
}

.thumbnails.list .pricetag {
    margin-left: -15px
}

.thumbnail .offer {
    position: absolute;
    top: 10px;
    left: -2px;
    background:url("//alphaotomasi.com/themes/homedecor/assets/offer.png") no-repeat 0 0;
    height: 45px;
    width: 68px;
    float: left;
    overflow: hidden;
    display: block;
    text-indent: 9999px
}

.thumbnail .sale {
    position: absolute;
    top: 10px;
    left: -2px;
    background:url("//alphaotomasi.com/themes/homedecor/assets/sale.png") no-repeat 0 0;
    height: 45px;
    width: 68px;
    float: left;
    overflow: hidden;
    display: block;
    text-indent: 9999px
}

.thumbnail .new {
    position: absolute;
    top: 10px;
    left: -2px;
    background:url("//alphaotomasi.com/themes/homedecor/assets/new.png") no-repeat 0 0;
    height: 45px;
    width: 68px;
    float: left;
    overflow: hidden;
    display: block;
    text-indent: 9999px
}

.thumbnail .pricetag {
    width: 210px;
    height: 40px;
    background:url("//alphaotomasi.com/themes/homedecor/assets/pricetag.png") no-repeat right 0;
    margin-top: 8px;
    position: relative;
    padding: 9px 9px 9px 40px;
    margin-bottom: 20px
}

.thumbnail .pricetag .spiral {
    position: absolute;
    top: -19px;
    left: 10px;
    background:url("//alphaotomasi.com/themes/homedecor/assets/spiral.png") no-repeat right 0;
    height: 50px;
    width: 35px
}

.thumbnail a.productcart {
    background: #f25c27;
    border-radius: 5px;
    color: #fff;
    float: right;
    padding: 8px 8px 8px 8px;
    font-size: 13px;
    text-align: center;
}

.thumbnail a.productcart:hover {
    background: #6a3d1b;
}

.thumbnail .shortlinks {
    background: #fff;
    position: absolute;
    left: 0;
    top: 60%;
    width: 100%;
    text-align: center;
    padding: 5px 0;
    display: none
}

.thumbnail .shortlinks a {
    font-size: 12px;
    padding: 5px 5px 0 25px;
    background:url("//alphaotomasi.com/themes/homedecor/assets/sprite.png") 0 0 no-repeat;
}

.thumbnail .shortlinks a.details {
    background-position: 0 -384px
}

.thumbnail .shortlinks a.wishlist {
    background-position: 0 -423px
}

.thumbnail .shortlinks a.compare {
    background-position: 0 -462px
}

.thumbnail a.prdocutname {
    color: red;
}

.thumbnail .price {
    float: right;
    margin-right: 19px;
    text-align: right
}

.thumbnail .price .pricenew {
    font-size: 16px;
    color: #5e626b;
    font-weight: bold
}

.thumbnail .price .priceold {
    font-size: 13px;
    color: #5e626b;
    text-decoration: line-through;
    color: #96979d;
}

#featured .thumbnails li:hover .thumbnail img,
#latest .thumbnails li:hover .thumbnail img,
#related .thumbnails li:hover .thumbnail img,
#category .thumbnails li:hover .thumbnail img,
.thumbnails.list li:hover .thumbnail img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    /* IE 9 */

    -webkit-transform: scale(1.1, 1.1);
    /* Safari and Chrome */

    -o-transform: scale(1.1, 1.1);
    /* Opera */

    -moz-transform: scale(1.1, 1.1);
    /* Firefox */

    transition: all 0.8s;
    -ms-transition: all 0.8s;
    /* IE 9 */

    -moz-transition: all 0.8s;
    /* Firefox 4 */

    -webkit-transition: all 0.8s;
    /* Safari and Chrome */

    -o-transition: all 0.8s;
    /* Opera */
}

#featured .thumbnails li .thumbnail,
#latest .thumbnails li .thumbnail,
#related .thumbnails li .thumbnail,
#category .thumbnails li .thumbnail,
.thumbnails.list li .thumbnail {
    overflow: hidden
}

#featured .thumbnails li .thumbnail img,
#latest .thumbnails li .thumbnail img,
#related .thumbnails li .thumbnail img,
#category .thumbnails li .thumbnail img,
.thumbnails.list li .thumbnail img {
    transition: all 0.8s;
    -ms-transition: all 0.8s;
    /* IE 9 */

    -moz-transition: all 0.8s;
    /* Firefox 4 */

    -webkit-transition: all 0.8s;
    /* Safari and Chrome */

    -o-transition: all 0.8s;
    /* Opera */
}

.thumbnails.list li:hover .thumbnail img {
    transform: none!important;
    -ms-transform: none!important;
    -webkit-transform: none!important;
    -o-transform: none!important;
    /* Opera */

    -moz-transform: none!important;
    transition: none!important;
    -moz-transition: none!important;
    -webkit-transition: none!important;
    -o-transition: none!important;
}
/*Brand*/

#popularbrands {
    position: relative;
    padding: 0 0 20px 0
}

.brandcarousalrelative {
    position: relative
}

#popularbrands ul#brandcarousal {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

#popularbrands ul#brandcarousal li {
    text-align: center;
    border: 1px solid #ddd;
    padding: 10px 5px;
    margin: 6px;
    display: block;
    float: left;
}

#popularbrands.responsive {
    width: auto;
    margin-left: 0;
}

.clearfix {
    float: none;
    clear: both;
}

#popularbrands ul#brandcarousal .prev {
    float: left;
    margin-left: 10px;
}

#popularbrands ul#brandcarousal .next {
    float: right;
    margin-right: 10px;
}

#popularbrands ul#brandcarousal .pager {
    float: left;
    width: 300px;
    text-align: center;
}

#popularbrands ul#brandcarousal .pager a {
    margin: 0 5px;
    text-decoration: none;
}

#popularbrands ul#brandcarousal .pager a.selected {
    text-decoration: underline;
}

#popularbrands ul#brandcarousal .timer {
    background-color: #999;
    height: 6px;
    width: 0px;
}

#popularbrands #prev {
    background:url("//alphaotomasi.com/themes/homedecor/assets/carousalarrow.png") no-repeat scroll 8px center #F25C27;
    position: absolute;
    font-size: 24px;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    height: 25px;
    width: 25px;
    left: 0;
    top: 30px
}

#popularbrands #next {
    background:url("//alphaotomasi.com/themes/homedecor/assets/carousalarrow.png") no-repeat scroll -18px center #F25C27;
    position: absolute;
    font-size: 24px;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    height: 25px;
    width: 25px;
    right: 0;
    top: 30px
}

.timer {
    background-color: #999;
    height: 6px;
    width: 0px;
}

#musthave {
    width: 300px!important;
}
/*new*/

.new-product {}

.product-detail {
    margin-top: 47px;
    margin-bottom: 50px;
    margin-left: 20px;
}

.product-detail-image {
    width: 40%;
    float: left;
    margin-right: 20px;
    position: relative;
}

.product-detail-desc {
    overflow: hidden;
}

.product-detail-desc h1 {
    color: #373737;
    font-size: 21px;
    text-transform: capitalize;
}

.product-detail-desc table {
    width: 100%;
}

.product-detail-desc td {
    padding: 5px 0;
}

.product-detail-desc td span {}

.product-detail-desc table table {
    margin: 25px 0;
}

.product-detail-desc table table td {}

.product-detail-desc table table tr:first-child td {
    font-weight: bold;
    text-transform: uppercase;
    background:url("//alphaotomasi.com/themes/homedecor/assets/product-detail-desc.png") bottom left no-repeat;
}

.product-tags {
    font-style: italic;
    color: #777;
    margin: 5px 0;
}
/*Producct page*/

h1.pagetitle {
    background: #f9f9f9;
    padding: 10px;
    color: #fff;
    font-size: 24px;
    margin: 0 0 40px 0;
    color: #F25C27
}

#product {
    margin-bottom: 20px
}

.thumbnails.mainimage li.span5 {
    margin-bottom: 0px;
}

.thumbnails.mainimage li.span4 {
    margin-bottom: 0px;
}

ul.productinfo {
    margin: 0px;
    padding: 0px;
    list-style: none
}

ul.productinfo li {
    padding: 1px 0;
    list-style: none;
    display: block
}

ul.productinfo li .productinfoleft {
    width: 160px;
    float: left;
    font-weight: bold
}

.productformbutton {
    border-bottom: 1px solid #E7E7E7;
    width: 100%;
    float: left;
    display: block;
    padding-bottom: 25px
}

.form-horizontal.productform .control-label {
    text-align: left!important;
}

.productaddtocart {
    margin: 10px 10px 10px 160px;
    float: left!important
}

.rating {
    margin: 25px 30px 40px 0;
    border-top: 1px solid #E7E7E7;
    border-radius: 4px 4px 4px 4px;
    padding: 15px 0 15px 0;
    border-bottom: 1px solid #E7E7E7;
}

.options {
    margin: 5px 0 12px 0
}

ul.rate {
    margin: 0px
}

ul.rate li {
    height: 20px;
    width: 20px;
    background: url(../rate.png) no-repeat scroll 0 0 transparent;
    display: inline-block;
    margin-right: 5px
}

ul.rate li.on {
    background-position: left top
}

ul.rate li.off {
    background-position: left -24px
}

.mainimage li.producthtumb {
    display: inline-block;
    border: 1px solid #D3D3D3;
    margin-top: 5px;
}

.mainimage li.producthtumb img {
    cursor: pointer
}

.productright {
    position: relative
}

.productprice .price {
    margin: 0 auto;
    height: 28px;
    line-height: 28px;
    margin-top: 11px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    color: #333;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    color: #f25c27;
    width: 80px
}

.productprice .rate {
    margin: 25px 0 0 0
}

.productright .productpriceround {
    display: block;
    cursor: pointer;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    margin: 0 auto;
    padding: 10px;
    float: right;
    border: 1px solid #E7E7E7;
}

.productprice {
    margin: 0 0 0 0;
    clear: both
}

.productpageprice {
    width: 250px;
    background:url("//alphaotomasi.com/themes/homedecor/assets/pricetag.png") no-repeat left 0;
    position: relative;
    margin-bottom: 10px;
    margin-bottom: 30px;
    font-size: 28px;
    text-align: center;
    line-height: 50px;
    color: #333;
    height: 51px;
}

.productpageprice .spiral {
    position: absolute;
    top: -20px;
    left: 0px;
    background:url("//alphaotomasi.com/themes/homedecor/assets/spiral.png") no-repeat right 0;
    height: 50px;
    width: 35px
}

.productpageoldprice {
    font-size: 18px;
    text-decoration: line-through;
    margin-top: -20px;
    margin-bottom: 10px;
}

ul.productpagecart {
    margin-top: 20px;
    margin-left: 0px;
    display: inline-block;
}

ul.productpagecart li {
    display: inline-block;
    background: url("//alphaotomasi.com/themes/homedecor/assets/productpageicon.png") no-repeat 0 0;
    margin-right: 10px;
    height: 66px
}

.productpagecart a {
    background:#F25C27 url("//alphaotomasi.com/themes/homedecor/assets/productpageicon.png") no-repeat 0 0;
    color: #fff;
    padding: 15px 15px 15px 60px;
    font-size: 18px;
}

.productpagecart li a.cart {
    background-position: 10px 12px
}

.productpagecart li a.wish {
    background-position: 10px -51px
}

.productpagecart li a.comare {
    background-position: 10px -126px
}

.productpagecart li a:hover {
    background-color: #d8420e
}

.selectsize {
    width: 170px;
    float: left;
    margin-right: 10px
}

.selectqty {
    width: 100px;
    float: left;
    margin-right: 10px
}

.quantitybox {
    background: transparent;
    border: 1px solid #cccc;
    padding: 15px 15px 8px 0px;
    display: block;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
}

.quantitybox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.productlinks {
    margin: 6px 0 0 10px;
    float: left
}

.productlinks a {
    margin-right: 10px;
    background: url("//alphaotomasi.com/themes/homedecor/assets/productlinkpageicon.png") no-repeat 0 0;
    padding: 0 0 0 25px;
    color: #4B5B58;
    line-height: 24px;
    font-size: 14px
}

.productlinks a.cartadd {
    background-position: 0 0
}

.productlinks a.compare {
    background-position: 0 -49px
}

h1.productname {
    color: #f25c27;
    font-size: 26px;
    margin: 0 0 20px 0;
    background: none;
    line-height: auto!important;
}

.productright a.addtocart {
    background: url("//alphaotomasi.com/themes/homedecor/assets/addtocart.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    height: 34px;
    padding: 58px 0 0;
    text-align: center;
    width: 159px;
    margin-top: 20px;
    display: block;
    cursor: pointer;
    margin-left: 2px
}

.productright a:hover.addtocart {
    background-position: 0 -111px;
}

.nav-tabs {
    margin: 0px
}

.productdesc {
    margin: -30px 0 0 0
}

.productdesc .nav-tabs li a {
    font-size: 13px;
    text-shadow: 1px 1px 1px #fff;
    color: #999999
}

.productdesc .nav-tabs li a:hover {
    color: #333
}

.productdesc .nav-tabs li.active {
    border-bottom: 1px solid #fff;
}

.productdesc .nav-tabs li.active a {
    color: #000;
}

.productdesc #myTab.nav-tabs li a {
    margin: 0px!important;
}

.tab-content {
    background-color: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 3px 3px 3px 3px;
    border-top: none;
    padding: 15px
}

ul.reveiw {
    margin: 0px;
    padding: 0px
}

ul.reveiw > li {
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 22px;
    padding: 5px 0 10px 0
}

ul.reveiw li {
    list-style: none
}

ul.reveiw li .title {
    font-size: 20px;
}

ul.reveiw li .date {
    float: right;
    font-size: 14px;
}

ul.reveiw ul.rate {
    margin: 10px 0
}

.cloud-zoom-lens {
    border: 1px solid #fff;
    /* Set this to minus the border thickness. */

    background-color: #fff;
    cursor: move;
}

.cloud-zoom-title {
    font-family: Arial, Helvetica, sans-serif;
    position: absolute !important;
    background-color: #999999;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 10px;
    top: 0px;
}

#musthave {
    margin: 0px
}
/* This is the zoom window. */

.cloud-zoom-big {
    border: 3px solid #eaeaea;
    overflow: hidden;
}
/* This is the loading message. */

.cloud-zoom-loading {
    color: white;
    background: #222;
    padding: 3px;
    border: 1px solid #999999;
}
/* cart */

.cart-info table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    border-top: 1px solid #E7E7E7;
    border-left: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    background-color: #fff;
}

.cart-info table tr {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.cart-info table tr:hover {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.cart-info td,
.cart-info th {
    padding: 15px;
}

.cart-info th {
    padding: 10px
}

.cart-info th {
    font-weight: bold;
    background-color: #eeeeee;
    border-bottom: 1px solid #E7E7E7;
}

.cart-info th.quantity,
.cart-info td.quantity {
    text-align: left;
}

.cart-info th .price,
.cart-info th .total,
.cart-info tbody .price,
.cart-info tbody .total {
    text-align: right;
}

.cart-info th .quantity a {
    margin-top: -5px
}

.cart-info tbody td {
    vertical-align: top;
    border-bottom: 1px solid #E7E7E7;
}

.cart-info tbody .remove {
    vertical-align: middle;
}

.cart-info tbody .remove,
.cart-info tbody .image {
    text-align: center;
}

.cart-info tbody .name,
.cart-info tbody .model {
    text-align: left;
}

.cart-info tbody span.stock {
    color: #F00;
    font-weight: bold;
}

.cart-module .cart-heading {
    border: 1px solid #E7E7E7;
    padding: 8px 8px 8px 22px;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 15px;
    cursor: pointer;
    background: #ffffff url('../image/arrow-right.html') 10px 50% no-repeat;
}

.cart-module .active {
    background: #ffffff url("//alphaotomasi.com/themes/homedecor/assets/arrow-down.png") 7px 50% no-repeat;
}

.cart-module .cart-content {
    padding: 0px 0px 15px 0px;
    display: none;
    overflow: auto;
}

.cart-module > div {
    display: none;
}

.cart-total {
    border-top: 1px solid #E7E7E7;
    overflow: auto;
    padding-top: 8px;
    margin-bottom: 15px;
}

.cart-total table {
    float: right;
}

.cart-total td {
    padding: 3px;
    text-align: right;
}

.cartoptionbox {
    background: #fff;
    padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 40px
}

ul.total {
    font-size: 16px;
    margin-top: 5px;
    margin-right: 10px
}

ul.total li {
    padding: 10px 0
}

ul.total li span.extra {
    width: 150px;
    float: left;
    text-align: right;
    padding-right: 20px
}

.totalamout {
    font-size: 22px;
    color: #f25c27
}

.
/* login */

.loginbox {
    padding: 5px;
}
/* register */

.registerbox {
    padding: 20px 15px 0 15px;
    margin-bottom: 20px
}

.myaccountbox {
    padding: 20px 15px 15px 15px;
    margin-bottom: 20px
}

.myaccountbox ul {
    padding: 0px;
    margin: 0px
}

.myaccountbox ul li {
    display: block;
    border-bottom: 1px dashed #E7E7E7
}

.myaccountbox ul li:last-child {
    border: none
}

.myaccountbox ul li a {
    display: block;
    padding: 8px 5px 8px 30px;
    background: url("//alphaotomasi.com/themes/homedecor/assets/arrowcategory.png") no-repeat scroll 8px center transparent;
    color: #999999
}

.myaccountbox ul li a:hover {
    color: #f25c27
}
/* Checkout */

.checkoutsteptitle {
    padding: 8px 10px;
    background:#E7E7E7 url("//alphaotomasi.com/themes/homedecor/assets/down.png") no-repeat right -21px;
    margin: 5px 0 10px 0;
    color: #495c58;
    font-size: 16px;
    border-bottom: 1px dashed #E7E7E7;
    cursor: pointer
}

.checkoutsteptitle.down {
    background-position: right 10px
}

.checkoutsteptitle a.modify {
    float: right;
    margin-right: 30px;
    font-size: 13px;
    line-height: 16px
}

.checkoutstep {
    display: none;
    margin: 15px 0 30px 0;
    background: white;
    padding: 15px;
    border: 1px dashed #e7e7e7;
}

.checkoutstep textarea {
    width: 95%
}

.checkoutstep:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.newcustomer,
.returncustomer {
    width: 40%;
    float: left;
    border: 1px solid #E7E7E7;
    padding: 15px 20px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    margin-bottom: 50px;
}

.newcustomer {
    margin-right: 5%;
}

.privacy {
    float: right;
    margin: 10px 10px 0 0
}

.registrasi {
    width: 100%;
    float: left;
    border: 1px solid #E7E7E7;
    padding: 15px 20px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    margin-bottom: 50px;
}

.pengiriman {
    border: 1px solid #E7E7E7;
    padding: 15px 20px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    margin-bottom: 50px;
}
/* javascripts */

.accrodian-trigger {
    padding: 8px 8px 8px 8px;
    display: block;
    margin: 5px 0;
    border: 1px solid #D6D4CB;
    cursor: pointer
}

.accrodian-trigger,
.togglehandle {
    background: url("../accrodianicon.png") no-repeat scroll right 5px transparent;
}

.togglehandle {
    padding: 8px 8px 8px 8px;
    display: block;
    margin: 5px 0;
    border: 1px solid #D6D4CB;
    cursor: pointer
}
/* Blog */

.blogdetail {
    margin-bottom: 30px
}

#myTab {
    margin-top: 45px
}

.tab-content.sideblog ul li {
    margin-bottom: 20px;
    padding: 5px 5px 10px 0;
    list-style: none;
    border-bottom: 1px dashed #D6D4CB
}

.tab-content.sideblog ul li:last-child {
    border: none
}

.tab-content.sideblog ul li:after {
    content: "";
    clear: both;
    display: block
}

.author {
    margin: 5px 0 10px 0;
}

.author a {
    color: #f25c27;
}

.tab-content ul {
    margin: 0px
}

.tab-content .blogtitle {
    font-size: 15px;
    color: #F25C27;
}

.tab-content .blogtitle:hover {
    color: #333
}

.sideblogimage {
    float: left;
    margin: 0 10px 10px 0;
    padding: 5px;
    border: 1px solid #ddd
}

.blogicons {
    margin: 20px 0 10px 0;
    clear: both;
}

.blogdetail .blogicons {
    margin: -10px 0 30px 0
}

.tab-content .blogicons {
    margin: 10px 0 10px 0
}

.blogicons:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul.tags {
    margin: 20px 0px 0;
}

.tags li {
    display: inline-block;
    margin: 5px 3px
}

ul.tags li a {
    display: inline-block;
    padding: 3px 10px;
    background: #E7E7E7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #999999
}

ul.tags li a:hover {
    background: #f25c27;
    color: #fff
}

span.viewfancypopup {
    background: url("../view.png") no-repeat scroll center center transparent;
    text-align: center;
    width: 100%;
    display: none;
    height: 75px;
    position: absolute;
    bottom: 50%;
    margin-bottom: -38px
}

a.fancyboxpopup {
    position: relative;
    display: block
}

a.fancyboxpopup:hover span.viewfancypopup {
    display: block;
    position: absolute;
    z-index: 999;
    margin-top: -55%
}

#comments .blogtitle {
    font-size: 14px
}

.avtar {
    margin: 0 10px 10px 0
}

.blogautor {
    margin-bottom: 30px;
    padding-bottom: 20px
}

ul.comments li ul.comments {
    margin-top: 40px
}

ul.comments li {
    clear: both;
    margin-bottom: 40px
}

.blogautor .avtar {
    height: 80px;
    width: 120px;
    float: left
}

.comments .avtar {
    height: 60px;
    width: 60px;
    float: left
}

.commentdetail {
    margin-left: 150px
}

ul.comments .commentdetail {
    margin-left: 80px
}

.usercomment {
    color: #F25C27;
    display: block;
    margin: 5px 0
}

.bloggridtitle {
    font-size: 18px;
    color: #F25C27;
    margin: 5px 0 10px 0;
    display: block
}
/* Sidebar */

.sidewidt {
    margin-bottom: 10px
}
/* Categories */

.categorytitle {
    margin: 0 0 35px 0
}

ul.categories {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    padding-top: 10px;
    padding-bottom: 10px
}

ul.categories li {
    display: block;
    border-bottom: 1px dashed #E7E7E7
}

ul.categories li:last-child {
    border: none
}

ul.categories li a {
    display: block;
    padding: 11px 5px 11px 30px;
    background: url("../arrowcategory.png") no-repeat scroll 10px center transparent;
    color: #999999
}

ul.categories li a.active {
    color: #f25c27
}

ul.categories li a:hover {
    background-image: url("../arrowcategory.png") no-repeat scroll 10px center transparent;
    color: #333
}
/* Bestsellter */

ul.bestseller {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px
}

ul.bestseller li a.productname {
    display: block;
    color: #F25C27;
    font-size: 15px
}

ul.bestseller li a:Hover.productname {
    color: #333
}

ul.bestseller li img {
    float: left;
    margin: 0px 5px 10px 0;
    padding: 5px;
    border: 1px solid #E7E7E7;
    background: #fff
}

ul.bestseller li span.price {
    display: block;
    font-size: 16px;
}

ul.bestseller li span.procategory {
    display: block;
    color: #333
}

ul.bestseller li {
    display: block;
    border-bottom: 1px dashed #E7E7E7;
    padding: 16px 10px 16px 10px;
}

ul.bestseller li:last-child {
    border: none
}

ul.bestseller li:hover {}

.sidebanner {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    display: block;
    line-height: 1;
    position: relative;
    margin-top: 40px
}

.sidebanner img {
    display: block;
    margin: 0 auto
}
/* Latest Blog */

.thumbnail .newprice {
    background: #6A7274;
    display: block;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    padding: 2px 5px
}

#latestblog p {
    line-height: 20px
}

#latestblog .blogtitle {
    font-size: 22px;
    color: #f25c27;
    line-height: 30px;
    margin-bottom: 5px;
    display: block
}

#latestblog .blogtitle:hover {
    color: #f25c27
}

.latestblogbutton {
    display: block;
    clear: both
}

.listblcok {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E7E7E7
}
/* Pagination*/

.pagination {}

.pagination ul {
    background: #fff
}

.pagination a:hover,
.pagination .active a {
    background-color: #fff;
    color: #f25c27;
}

.pagination .current {
    background-color: #f5f5f5;
    color: #f25c27;
}
/* sorting*/

.sorting {
    overflow: auto;
    padding: 10px;
    margin-bottom: 40px;
    margin-top: 22px
}

.sorting form {
    margin: 0px
}
/* listview*/

.list {
    display: none
}

.list .thumbnail .links {
    float: right;
    margin-top: 78px
}

.list .details {
    margin: 10px;
    line-height: 18px
}
/* Flicker */

#flickr {
    margin-top: 25px
}

.thumbs {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.thumbs li {
    list-style: none;
    display: inline-block;
}

.thumbs li a {
    display: inline-block;
    float: left;
    margin: 4px;
    border: 1px solid #999
}

.thumbs li img {
    height: 50px;
    width: 50px
}

.thumbs li a img {
    border: none;
}

#fb-root,
#fb-root > div {
    overflow: hidden
}
/* Contact */

label.error {
    color: #f25c27;
    float: none;
    display: inline-block
}
/* typo */

ul.listoption1,
ul.listoption2,
ul.listoption3,
ul.listoption4,
ul.listoption5,
ul.listoption6,
ul.foodicon,
ul.blogcaterg {
    margin: 0px;
    padding: 0px;
    list-style: none
}

ul.listoption1 li,
ul.listoption2 li,
ul.listoption3 li,
ul.listoption4 li,
ul.listoption5 li,
ul.listoption6 li {
    display: block;
    padding: 5px 0 5px 20px
}

ul.listoption1 li {
    background: url("//alphaotomasi.com/themes/homedecor/assets/list1.png") no-repeat scroll 0 5px;
    padding: 5px 0 5px 25px
}

ul.listoption2 li {
    background: url("//alphaotomasi.com/themes/homedecor/assets/list2.png") no-repeat scroll 0 5px;
}

ul.listoption3 li {
    background: url("//alphaotomasi.com/themes/homedecor/assets/list3.png") no-repeat scroll 0 9px;
    padding: 5px 0 5px 15px
}

ul.listoption4 li {
    background: url("//alphaotomasi.com/themes/homedecor/assets/list4.png") no-repeat scroll 0 10px;
}

ul.listoption5 li {
    background: url("//alphaotomasi.com/themes/homedecor/assets/list5.png") no-repeat scroll 0 10px;
    padding: 5px 0 5px 15px
}

ul.listoption6 li {
    background: url("//alphaotomasi.com/themes/homedecor/assets/list6.png") no-repeat scroll 0 10px;
}

ul.listoption2 li a:hover {
    color: black;
    font-weight: bolder;
}

ul.listoption2 li a.price-active {
    color: black;
    font-weight: bolder;
}
/* messages */

.errorMsg,
.alertMsg,
.successMsg,
.infomsg,
.infomsg2 {
    background: url("//alphaotomasi.com/themes/homedecor/assets/messages.png") no-repeat scroll 8px 0 transparent;
    display: block;
    margin: 18px 0;
    padding: 15px 8px 15px 50px;
    position: relative;
    color: #666666!Important;
}

.errorMsg {
    background:url("//alphaotomasi.com/themes/homedecor/assets/error.png") no-repeat 5px center #ffd2d2;
    padding: 6px;
    border: 1px solid #f69595;
    color: #d53a3a;
    font-weight: bold;
    border-radius: 3px;
    padding-left: 35px !important;
    margin-bottom: 20px;
}

.errorMsgConfirm {
    background:url("//alphaotomasi.com/themes/homedecor/assets/error.png") no-repeat 5px center #ffd2d2;
    padding: 6px;
    border: 1px solid #f69595;
    color: #d53a3a;
    font-weight: bold;
    border-radius: 3px;
    padding-left: 35px !important;
    margin-bottom: 20px;
}

.errorMsgeditaddress {
    background:url("//alphaotomasi.com/themes/homedecor/assets/error.png") no-repeat 5px center #ffd2d2;
    padding: 6px;
    border: 1px solid #f69595;
    color: #d53a3a;
    font-weight: bold;
    border-radius: 3px;
    padding-left: 35px !important;
    margin-bottom: 20px;
}

.errorMsgdatadiri {
    background:url("//alphaotomasi.com/themes/homedecor/assets/error.png") no-repeat 5px center #ffd2d2;
    padding: 6px;
    border: 1px solid #f69595;
    color: #d53a3a;
    font-weight: bold;
    border-radius: 3px;
    padding-left: 35px !important;
    margin-bottom: 20px;
}

.alertmsg {
    background-color: #FFE9AD;
    background-position: 8px -214px;
    border: 1px solid #EAC572;
}

.successMsg {
    background-color: #EFFEB9;
    background-position: 8px -144px;
    border: 1px solid #C1D779;
}

.successmsg {
    background: url("//alphaotomasi.com/themes/homedecor/assets/messages.png") no-repeat scroll 8px 0 transparent;
    display: block;
    margin: 18px 0;
    padding: 15px 8px 15px 50px;
    position: relative;
    color: #666666!Important;
}

.successmsg {
    background-color: #EFFEB9;
    background-position: 8px -144px;
    border: 1px solid #C1D779;
}

.infomsg {
    background-color: #DEEEFA;
    background-position: 8px 5px;
    border: 1px solid #AFD3F2;
}

.infomsg2 {
    background-color: #FFFFFF;
    background-position: 8px 5px;
    border: 1px solid #AFD3F2;
}

a.clostalert {
    background: url("//alphaotomasi.com/themes/homedecor/assets/messages.png") no-repeat scroll 0 -310px transparent;
    cursor: pointer;
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    text-indent: 9999px;
    top: 5px;
    width: 15px;
}
/* fragment 3 */

.confirm-addon label {
    display: inline;
    font-size: 12px;
    margin-right: 15px;
}

.confirm-addon input {
    vertical-align: top;
}

.confirm-name {
    text-transform: capitalize;
}

#pilihekspedisi,
#pembayaran {
    /* font-size: 12px; */
    /* font-weight: bold; */
    /* text-transform: uppercase; */

    padding: 5px 0;
    /* margin-bottom: 10px; */
    /* border-bottom: 1px solid #f4f4f4; */

    display: block;
}

.shippingTable tr td label {
    padding-right: 8px;
}

input#comp_id_1 {
    margin: 2px 5px 0 0;
}
/* Footer */

#footer {
    margin-top: 40px
}

#footer ul {
    margin: 0px;
    padding: 0px;
    list-style: none
}

#footer ul li {
    list-style: none
}

#footer .info ul li:last-child {
    background: none
}

.contact ul li {
    background: url(../sprite.png) no-repeat 0 0;
    padding: 0px 0 0 32px;
    height: 53px
}

.contact ul li.phone {
    background-position: 0 -502px;
}

.contact ul li.mobile {
    background-position: 0 -555px
}

.contact ul li.email {
    background-position: 0 -613px
}

.footerlinks {
    padding: 22px 0 18px;
    background: #3a3a3a;
    color: #969ba4
}

.footerlinks ul li a {
    color: #969ba4;
    padding: 5px 10px 5px 10px;
}

.footerlinks ul li a:hover {
    color: #f9f9f9
}

.footerlinks .info {
    float: left;
    margin-top: 5px
}

.footerlinks ul li {
    display: inline-block
}

.footerlinks ul li:first-child a {
    padding-left: 0px
}
/* footer twitter  */

#twitter ul {
    margin-bottom: 20px
}

#twitter ul li {
    margin-bottom: 15px;
    padding: 0px!important;
    display: block;
    clear: both
}

#twitter ul li a {
    font-style: italic;
    color: #f25c27
}

a.tweet_avatar {
    margin: 5px 5px 5px 0;
    float: left
}

.tweet_list .tweet_avatar {
    float: left;
}

.tweet_time {
    clear: both
}
/* footersocial  */

.footersocial {
    padding: 30px 0 40px;
    background: gainsboro;
    color: #5E626B
}

.footersocial h2 {
    margin-bottom: 20px;
    font-size: 18px;
    color: #5e626b;
    text-transform: uppercase;
    border-bottom: 1px dashed #999;
    padding: 0 0 5px 0
}

#footersocial {
    float: right;
    margin-right: -12px
}

#footersocial a {
    background:url("//alphaotomasi.com/themes/homedecor/assets/footericon.png") no-repeat;
    height: 30px;
    width: 30px;
    margin-right: 11px;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 5px;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease
}

#footersocial a:hover {
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease
}

#footersocial a.facebook {
    background-position: 0 -6px;
}

#footersocial a.facebook:hover {
    background-position: 0 -47px;
}

#footersocial a.twitter {
    background-position: -40px -6px
}

#footersocial a.twitter:hover {
    background-position: -40px -47px
}

#footersocial a.linkedin {
    background-position: -80px -6px
}

#footersocial a.linkedin:hover {
    background-position: -80px -47px
}

#footersocial a.blooger {
    background-position: -118px -6px
}

#footersocial a.blooger:hover {
    background-position: -118px -47px
}

#footersocial a.rss {
    background-position: -155px -6px
}

#footersocial a.rss:hover {
    background-position: -155px -47px
}

#footersocial a.dig {
    background-position: -194px -6px
}

#footersocial a.dig:hover {
    background-position: -194px -47px
}

#footersocial a.googleplus {
    background-position: -234px -6px
}

#footersocial a.googleplus:hover {
    background-position: -234px -47px
}

#footersocial a.skype {
    background-position: -271px -6px
}

#footersocial a.skype:hover {
    background-position: -271px -47px
}

#footersocial a.flickr {
    background-position: -309px -6px
}

#footersocial a.flickr:hover {
    background-position: -309px -47px
}
/*Copyright Bottom*/

.copyrightbottom {
    background: #303030;
    padding: 15px 0;
    color: #969ba4
}

#gotop {
    position: fixed;
    bottom: 0px;
    left: 5px;
    height: 50px;
    width: 58px;
    background:url("//alphaotomasi.com/themes/homedecor/assets/top.png") no-repeat 0 0;
    display: block;
    text-indent: -9999px;
    overflow: hidden
}

.the-icons li {
    display: inline-block;
    width: 22%;
    padding: 10px 0
}

@media (max-width: 1200px) {
    #featured .thumbnails li:hover .thumbnail img,
    #latest .thumbnails li:hover .thumbnail img,
    #related .thumbnails li:hover .thumbnail img,
    #category .thumbnails li:hover .thumbnail img,
    .thumbnails.list li:hover .thumbnail img {
        transform: none;
        -ms-transform: none;
        /* IE 9 */

        -webkit-transform: none;
        /* Safari and Chrome */

        -o-transform: none;
        /* Opera */

        -moz-transform: none;
        /* Firefox */

        transition: all 0.8s;
        -ms-transition: all 0.8s;
        /* IE 9 */

        -moz-transition: all 0.8s;
        /* Firefox 4 */

        -webkit-transition: all 0.8s;
        /* Safari and Chrome */

        -o-transition: all 0.8s;
        /* Opera */
    }
    /*
    .thumbnail img {
        height: 100%!important;
    }
*/

    .newcustomer,
    .returncustomer {
        width: 85%;
        margin-bottom: 10px
    }
    .checkoutstep .span4 {
        width: auto
    }
    .sale,
    .disc,
    .oos {
        margin: 0px 5px 5px 0!important;
    }
    .headerdetails {
        padding: 40px 0 40px 0px!important;
    }
    #topnav ul li a {
        font-size: 11px;
        margin-right: 6px
    }
    .top-search input {
        width: 120px
    }
    .thumbnails li:hover .thumbnail img {
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        /* Opera */

        -moz-transform: none;
        transition: none;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
    }
    .thumbnail {
        text-align: center;
        max-width: 100%;
        /*        margin-left: 30px;*/
    }
    .thumbnails > li {
        margin: 7px;
    }
    .thumbnail img {
        /*    height: 160px!important;*/

        object-fit: cover;
    }
    .footer-wrapper footer .link-block ul li.aboutus-block {
        width: 210px;
        overflow: hidden;
    }
    .thumbnails .prdocutname {
        font-size: 12px;
        /* color: black; */
        /* text-transform: uppercase; */
        /* text-align: center; */
        /* margin: 0px 0px 10px 30px; */
        /* display: block; */

        text-overflow: ellipsis;
        /* overflow: hidden; */
        /* white-space: nowrap; */
        /* margin-left: 50px; */
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .thumbnail .pricetag {
        background: none;
        width: auto;
        height: aut;
        padding: 0px;
        margin: 10px 0
    }
    .thumbnail .pricetag .spiral {
        display: none
    }
    .thumbnail .price {
        text-align: center;
        width: 100%;
        margin: 10px 0 0 0
    }
    .thumbnail a.productcart {
        float: none
    }
    .thumbnail .shortlinks {
        top: 30%
    }
}

@media (max-width: 979px) {
    #categorymenu {
        margin: 0px 0 10px 0
    }
    #categorymenu select {
        display: block
    }
    #categorymenu {
        background: none
    }
    .container {
        padding: 0px 0px;
    }
    nav.subnav {
        width: auto;
        float: none
    }
    nav.subnav select {
        display: inline-block;
        height: auto;
        width: 100%;
        float: none
    }
    nav.subnav {
        background: none;
        border: none
    }
    nav.subnav ul {
        display: none
    }
    #topnav {
        width: 330px;
    }
    #topnav ul {
        padding: 6px 0 0 0
    }
    .headerstrip .pull-right {
        float: none;
        text-align: center
    }
    .headerstrip .pull-right .search-query {
        width: 90%;
        margin-top: 15px
    }
    .headerdetails {
        margin: 0px;
        padding: 20px 0 0 0!important
    }
    .headerdetails .nav.pull-left {
        float: none
    }
    .headerdetails .pull-left {
        float: none;
        text-align: center
    }
    .headerdetails .pull-right {
        float: none;
        text-align: center
    }
    .headerstrip {
        height: auto
    }
    .headerdetails .topcall {
        position: absolute;
        right: 50px;
        top: 5px;
        background: url(../sprite.png) left -659px no-repeat;
        color: #fff
    }
    .thumbnail .pricetag {
        margin: 0 auto;
        margin-bottom: 35px;
    }
    .otherddetails .otherddetailspart .innerclass h2 {
        font-size: 18px
    }
}

@media (max-width: 760px) {
    /*
        #new .thumbnail img {
    width: 60%;
}
*/

    .headerdetails .topcall {
        display: none
    }
    .headerstrip {
        text-align: center;
    }
    .headerstrip #topnav {
        background: transparent;
        padding-bottom: 10px
    }
    .headerstrip .pull-left {
        float: none;
    }
    .top-search {
        margin-top: -5px
    }
    #topnav {
        width: auto;
        text-align: center
    }
    #topnav ul {
        text-align: center;
        margin: 0 auto;
        float: none
    }
    #topnav ul li {
        display: inline-block;
        float: none
    }
    .headerstrip .pull-right .search-query {
        margin-top: 0px
    }
    .footerlinks {
        text-align: center
    }
    .footerlinks .info,
    #footersocial {
        float: none;
        margin: 10px 0
    }
    .footerlinks {
        padding: 10px 0
    }
    .copyrightbottom {
        text-align: center
    }
    .copyrightbottom .textright {
        text-align: center
    }
    .otherddetails .otherddetailspart {
        width: 100%;
        background: none;
        border-bottom: 1px solid #ddd
    }
    #newslettersignup input[type=submit] {
        height: 32px
    }
    .the-icons li {
        display: block;
        width: 90%;
        padding: 10px 0
    }
    .smbanner .span3 a {
        margin: 10px 0
    }
    .heading1 .subtext {
        display: none
    }
    .productdesc #myTab.nav-tabs li a {
        padding: 8px
    }
    th.image,
    th.model,
    td.image,
    td.model {
        display: none!important
    }
    .cart-info td,
    .cart-info th {
        padding: 5px
    }
}

@media only screen and (max-width: 480px) {
    .inlinelables,
    .badges,
    .description {
        display: none
    }
    .modify {
        text-indent: -9999px;
        overflow: hidden
    }
}
/* ------------ bootstrap overwrite ------------ */

textarea:focus,
input[type="text"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(242, 92, 39, 0.6);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(242, 92, 39, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(242, 92, 39, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(242, 92, 39, 0.6);
}

input.search-query,
.btn,
.label,
.badge,
.nav-pills > li > a {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.dropdown-menu li > a {
    color: #96979d
}

.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #E7E7E7;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.nav > li > a:hover {}

.nav .dropdown-toggle .caret {
    border-bottom-color: #f25c27;
    border-top-color: #f25c27;
    margin-top: 10px;
}

.dropdown-menu li > a {
    padding: 5px 20px
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    color: #FFFFFF;
    text-decoration: none;
    background: grey;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    color: #333333;
    text-decoration: none;
    background: #F25C27;
    outline: 0;
}

.btn {
    padding: 6px 5px;
}

.btn-primary {
    color: #ffffff;
    text-shadow: none;
    background: #F25C27;
    background: #F25C27;
    box-shadow: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    color: #ffffff;
    background-color: #d8420e;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #d8420e;
}

.label-orange,
.badge-orange {
    background-color: #F25C27;
}

.label-orange[href],
.badge-orange[href] {
    background-color: #F25C27;
}

.dropdown-menu {
    top: 97%
}

.nav-tabs > li > a,
.nav-pills > li > a {
    margin: 2px 5px 2px 6px
}

.thumbnail {
    text-align: center;
    position: relative;
    padding: 0px;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

table th {
    color: #333
}

.nav li.dropdown.open a:hover .caret {
    border-top-color: #F25C27!important;
    border-bottom-color: #F25C27!important;
    opacity: 1;
    filter: alpha(opacity=100);
}

@media only screen and (min-width: 480px) and (max-width: 969px) {
    .thumbnail img {
        height: 250px!important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 420px;
    }
    .thumbnail .offer,
    .thumbnail .sale,
    .thumbnail .new {
        left: 70px
    }
    .thumbnails .prdocutname {
        font-size: 15px;
        font-weight: bolder;
    }
    #topnav ul li a {
        font-size: 11px;
        margin-right: 5px;
    }
    .headerstrip #topnav {
        margin-bottom: 0px
    }
}

.product-opt {
    padding-bottom: 5px;
    font-size: 11px;
    border-bottom: 1px dotted #cecece;
}

.product-opt a.btn.btn-orange {
    background: #f25c27;
    color: #ffffff;
}

.product-opt.widget.widget-link {
    margin: 0 15px 14px 15px;
}

.product-opt.widget.widget-link a {
    margin-left: 4px;
}

.product-opt.wu .product-opt p {
    margin: 0;
    padding: 0;
}
/*polling*/

.block-polling {
    background: #f9f9f9;
    padding: 8px;
    margin-bottom: 50px;
}

.polling-title {
    font-weight: bold;
    margin: 10px 0 15px;
}

.polling-option {
    margin-bottom: 0px;
    display: flex;
}

.polling-button {
    margin-top: 20px;
}
/*	Footer Block	*/

.footer-wrapper {
    float: left;
    width: 100%;
    clear: both;
    background: #3A3A3A;
    padding: 27px 0px 20px;
    border-top: 2px solid indianred;
}

.footer-wrapper footer {
    max-width: 1170px;
    margin: 0px auto;
    color: ghostwhite;
}

.footer-wrapper footer a {
    color: ghostwhite;
}

.footer-wrapper footer a:hover {
    text-decoration: underline;
}

.footer-wrapper footer .link-block {
    float: left;
    width: 100%;
}

.footer-wrapper footer .link-block ul {
    float: left;
    width: 150px;
    margin-right: 20px;
    margin-left: 0px;
}

.footer-wrapper footer .link-block ul.stay-connected-blcok {
    width: 100%;
    /*margin:21px 0px 18px;*/

    margin-top: 20px;
}

.footer-wrapper footer .link-block ul li {
    float: left;
    width: 100%;
    line-height: 29px;
    list-style: none;
}

.footer-wrapper footer .link-block ul li.aboutus-block {
    line-height: 22px;
    color: ghostwhite;
}

.footer-wrapper footer .link-block ul li.cs-block {
    line-height: 22px;
    color: ghostwhite;
}

.footer-wrapper footer .link-block ul li.testimonial-block {
    line-height: 22px;
    color: ghostwhite;
}

.footer-wrapper footer .link-block ul li.link-title {
    border-bottom: 1px dashed indianred;
    padding-bottom: 9px;
    margin-bottom: 8px;
    color: #fff;
    font-weight: bolder;
}

.footer-wrapper footer .link-block ul.stay-connected-blcok .social-links {
    float: left;
    padding: 4px 0px 0px;
    margin: 0px;
    width: auto;
}

.footer-wrapper footer .link-block .social-links li {
    border-radius: 800px 800px 800px 800px;
    display: inline-block;
    float: left;
    margin: 0 4px 3px 0;
    width: auto;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
}

.social-links li a {
    display: block;
    height: 18px;
    opacity: 0.9;
    padding: 8px;
    width: 18px;
}

.social-links li a img {
    max-width: 100%;
}

.footer-wrapper footer .link-block ul.stay-connected-blcok .payment-block {
    float: right;
    padding: 8px 0px 0px;
}

.footer-wrapper footer .link-block ul.stay-connected-blcok .payment-block a {
    float: left;
    width: 38px;
    text-indent: -999em;
    height: 23px;
    margin-left: 8px;
    background:url("//alphaotomasi.com/themes/homedecor/assets/common.png");
}

.footer-wrapper footer .link-block ul.stay-connected-blcok .payment-block a.mastercard {
    background-position: 0px -39px;
}

.footer-wrapper footer .link-block ul.stay-connected-blcok .payment-block a.american-express {
    background-position: -46px -39px;
}

.footer-wrapper footer .link-block ul.stay-connected-blcok .payment-block a.visa {
    background-position: -92px -39px;
}

.footer-wrapper footer .link-block ul.stay-connected-blcok .payment-block a.paypal {
    background-position: -139px -39px;
}

.footer-wrapper footer .footer-bottom-block {
    float: left;
    width: 100%;
    border-top: 1px dashed ghostwhite;
    padding: 19px 0px 0px;
}

.footer-wrapper footer .footer-bottom-block .copyright-text {
    float: left;
    color: ghostwhite;
}

.footer-wrapper footer .footer-bottom-block .bottom-links li {
    float: left;
    padding-right: 13px;
}

.footer-wrapper footer .footer-bottom-block .copyright-block {
    margin: 0px;
    float: right;
    font-size: 11px;
}
/*register-form*/

#register_form,
#login_form {
    margin: 30px auto;
}

#register_form table,
#login_form table,
#contact_form table,
.shopcart,
#contact_form table,
#password_form table,
#reset_form table {
    width: 100%;
}

#register_form table tr:nth-child(even),
#login_form table tr:nth-child(even),
#contact_form table tr:nth-child(even),
.shopcart tr:nth-child(odd) {}

.shopcart {
    margin: 30px auto;
    border-collapse: collapse;
}

.shopcart th {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px;
    background-color: transparent;
    background-color: indianred;
    border-right: 1px solid #f7f7f7;
    color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=60);
}

.shopcart th,
.shopcart td {
    vertical-align: middle;
    padding: 8px;
}

.shopcart td {
    border-bottom: 1px dotted rgba(190, 190, 190, .2);
    border-collapse: collapse;
}

.shopcart td img {
    float: left;
    max-width: 45px;
}

.shopcart input.qty {
    width: 50px;
    text-align: center;
}

.kupon-button {}

.kupon {
    float: left;
}

.button-checkout {
    float: right;
}

#subtotal {
    font-weight: bold;
}

#shipping_address,
#harga {
    padding: 5px;
}

#pembayaran {}

#register_form table tr:nth-child(even),
#login_form table tr:nth-child(even),
#contact_form table tr:nth-child(even),
#shipping_address tr:nth-child(even),
#harga tr:nth-child(even) {}

.user-account {
    -moz-box-shadow: inset 0px 1px 0px 0px #d9fbbe;
    -webkit-box-shadow: inset 0px 1px 0px 0px #d9fbbe;
    box-shadow: inset 0px 1px 0px 0px #d9fbbe;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
    background: -moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
    background-color: #b8e356;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #555555;
    display: inline-block;
    color: #ffffff;
    font: 11px/12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 2px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #86ae47;
}

.user-account:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
    background: -moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
    background-color: #a5cc52;
    color: #ffffff;
}

.user-account:active {
    position: relative;
    top: 1px;
}

.user-account,
.buttonLink,
input.checkoutBtn,
.formBtn,
#updatekupon,
input[type="submit"] {}

.user-account:hover,
.buttonLink:hover,
input.checkoutBtn:hover,
.formBtn:hover,
#updatekupon:hover,
.navbutton.active,
input[type="submit"]:hover {}

.user-account:active,
.buttonLink:active {
    position: relative;
    top: 1px;
}

.buttonLink,
input[type="submit"],
input#updatekupon {}

input#updatekupon {
    margin-top: -10px;
}

input.checkoutBtn,
input.backButton {
    padding: 5px 20px;
}

#harga {}

#shippingform {
    width: 100%;
    margin: 0 auto;
}

.add2cart select {
    height: 37px;
    margin: 0;
    overflow: hidden;
}

.add2cart select option {
    padding: 2px 0;
}
/*shopcart*/

#shopping-cart {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 225px;
}

#shopping-cart li {
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
    width: 180px;
    padding: 10px;
    text-align: right;
}

#shopping-cart li img {
    float: left;
    margin-right: 5px;
}

#shopping-cart li a {
    display: block;
    text-align: right;
}

#shopping-cart-total {
    font-weight: bold;
}

#shopping-cart-btn {
    float: right;
    font-weight: bold;
    /*padding-right: 55px;*/

    color: orangered;
}

#shopping-cart-btn img {
    display: inline-table;
    vertical-align: middle;
    margin-right: 10px;
}

#selesai-belanja {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 5px;
}

#langkah {
    font-size: 12px;
    margin-bottom: 8px;
}

#shoppingcart {
    font-size: 12px;
}

#shoppingcart a {
    color: #333;
}

span.navbutton {
    cursor: text;
}

.navbutton.active {
    padding: 5px 0;
    color: #51a351;
    font-weight: bold;
    text-transform: uppercase;
    background:url("//alphaotomasi.com/themes/homedecor/assets/product-detail-desc.png") bottom left no-repeat;
}

span.navbutton:after {
    padding: 0px 20px;
    content: '\00BB ';
    font-size: 14px;
    font-weight: bold;
}

.langkah2 {
    margin: 25px 0;
}
/*login*/

.login_btn {}

.login_btn:hover {}

.login_btn span {
    color: #fff;
    float: left;
    padding: 0 10px 0 10px;
    text-align: center;
    margin-top: 8px;
}

#login_box {
    display: none;
    position: absolute;
    width: 236px;
    right: 100px;
    z-index: 99;
}

#tab {
    background: #F4F4F4;
    width: 91px;
    float: right;
    height: 38px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 41px;
}

#tab .login_btn {
    float: left;
    margin: 9px 0 0 9px;
}

#login_box_content {
    background: #F4F4F4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    width: 236px;
}

.block-login label {
    width: 70px;
    display: inline-block;
}

.block-login form,
.block-login {
    background: #f9f9f9;
    padding: 8px;
    font-weight: bold;
    font-size: 11px;
}

.block-login form div {
    margin-bottom: 10px;
}

.block-login form label {
    font-weight: normal;
    font-size: 12px;
}

.block-login form input.text {
    display: block;
    width: 90%;
}

.block-login li {
    border-bottom: 1px dotted #eee;
}

.block-login li a {
    padding: 5px 10px;
    display: block;
}

.block-login a {
    color: red;
}

.news-list {
    margin-bottom: 20px;
    margin-left: 0;
}

.news-list li {
    padding-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #f9f9f9;
}

.news-list h2 {
    font-size: 14px;
    font-weight: bold;
}

.news-list h2 a {
    color: orangered;
}

.news-list h2 a:hover {
    color: black;
    text-decoration: underline;
    ;
}

.news-list img.left {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    border: 1px solid #eee;
    float: left;
}

.news-date {
    display: block;
    font-size: 11px;
    font-style: italic;
    color: black;
}

img.news-detail-image {
    max-height: 250px;
    max-width: 200px;
}

.kupon img {
    vertical-align: middle;
    margin: 0 5px;
}

.news-body p a {
    color: #2F9DB4;
}

.news-body p a:hover {
    color: #000;
}

.morelink {
    float: right;
    padding: 2px 10px;
    font-style: italic;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: orangered;
}

a.morelink:hover {
    color: #ececec;
    background: #5bb75b;
    text-decoration: none;
}

a.morelink:active {
    position: relative;
    top: 1px;
}

input#rate-good,
input#rate-bad {
    vertical-align: top;
}

label.rate-good,
label.rate-bad {
    display: inline;
}

.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    *background-color: #51a351;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    border-radius: 5px;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    color: #ffffff;
    background-color: #51a351;
    *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
    background-color: #408140 \9;
}

.btn-ok {
    background:#F25C27 url("//alphaotomasi.com/themes/homedecor/assets/productpageicon.png") no-repeat 0 0;
    color: #fff;
    padding: 15px 15px 15px 60px;
    font-size: 18px;
    border: 0;
    background-position: 9px 9px;
    border-radius: 5px;
}

.btn-ok:hover,
.btn-ok:active,
.btn-ok.active,
.btn-ok.disabled,
.btn-ok[disabled] {
    color: #ffffff;
    background-color: #51a351;
    *background-color: #499249;
}

.btn-ok:active,
.btn-ok.active {
    background-color: #408140 \9;
}

#mainslider {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 5px;
}
/* FlexSlider Necessary Styles
*********************************/

.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    position: relative;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px
}
/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
    width: 100%;
    display: block;
    height: 460px;
}

.flex-pauseplay span {
    text-transform: capitalize;
}
/* Clearfix for the .slides element */

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {
    display: block;
}

.flex-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=40);
    z-index: 1;
    padding: 15px;
    /* top: 0; */
    /* min-width: 100%; */

    font-size: 20px;
    color: antiquewhite;
    margin: 0px 0px 0px 0px;
    text-align: right;
}
/* FlexSlider Default Theme
*********************************/

.flexslider {
    position: relative;
    -webkit-border-radius: 4px;
    /* -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);*/

    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px
}

.flexborder {
    background: #fff;
    margin-bottom: 5px;
    margin-top: 4px
}
/* Direction Nav */

.flex-direction-nav a {
    width: 30px;
    height: 30px;
    margin: -20px 10px 0 10px;
    display: block;
    background: url("//alphaotomasi.com/themes/homedecor/assets/bg_direction_nav.png") no-repeat 0 0;
    position: absolute;
    top: 55%;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: 0px;
}

.flex-direction-nav .flex-prev {
    left: 0px;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    right: 0px;
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    left: 0px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
}

.flex-direction-nav .disabled {
    opacity: .3!important;
    filter: alpha(opacity=30);
    cursor: default;
}
/* Control Nav */

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 15px;
    left: 15px;
    overflow: hidden
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 10px;
    height: 10px;
    display: block;
    background: #5e626b;
    cursor: pointer;
    text-indent: 9999px;
}

.flex-control-paging li a:hover {
    background: #333;
    background: #f25c27
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: #f25c27;
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .active {
    opacity: 1;
    cursor: default;
}
/* Brand */

#advertise.flexslider {
    margin-top: 40px;
    border: none
}

#advertise.flexslider .slides img {
    width: auto;
    margin: 0 auto
}

#advertise .flex-control-paging li a {
    display: none!important
}

#advertise .flex-direction-nav a {
    opacity: 1!important
}
/* index1 slider */

#mainslider2_pag {
    margin: 15px 0 0 0
}

.html_carousel {
    padding: 0
}

.html_carousel div.slide {
    position: relative;
}

.html_carousel div.slide div {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    position: absolute;
    bottom: 0;
}

.html_carousel div.slide h4 {
    font-size: 35px;
    padding: 30px 0 20px 100px;
}

.html_carousel div.slide p {
    font-size: 16px;
    padding: 0 0 30px 100px;
}

.html_carousel div.slide h4,
.html_carousel div.slide p {
    color: white;
    margin: 0;
}

div.thumbnails {
    text-align: center;
    margin: 15px 0px;
}

div.thumbnails img {
    cursor: pointer;
    background-color: white;
    display: inline-block;
    /*    border-top: 5px solid #efefef*/
}

div.thumbnails img:hover {
    background-color: #eee;
}

div.thumbnails img.selected {
    background-color: #F25C27;
    border-top: 5px solid #F25C27
}

.clearfix {
    float: none;
    clear: both;
}
/* Product Carousal */

.caroufredsel_wrapper {
    position: relative
}

#prevproductcarousal {
    background: url(../img/carousalarrow.png) no-repeat scroll 8px center #F25C27;
    position: relative;
    font-size: 24px;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    height: 25px;
    width: 25px;
    left: 0;
    top: 30px
}

#nextproductcarousal {
    background: url(../img/carousalarrow.png) no-repeat scroll -18px center #F25C27;
    position: relative;
    font-size: 24px;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    height: 25px;
    width: 25px;
    right: 0;
    top: 30px
}
/* mainslider3 Carousal */

#mainslider3 {
    width: 1170px
}

#mainslider3 .item {
    width: 1170px;
    float: left;
}

#mainslider3 .item > div {
    width: 1170px;
    padding: 25px 0;
    overflow: hidden;
}

#mainslider3 .item img {
    width: 530px;
    float: left;
    box-shadow: 0 0 20px #999;
}

#mainslider3 .item div.text {
    background-color: #fff;
    width: 530px;
    height: 490px;
    padding: 20px 40px;
    margin-left: 20px;
    float: left;
    position: relative;
    box-shadow: 0 0 10px #999;
    border: 1px solid #ccc
}

#mainslider3 .item div.text:after {
    content: " ";
    display: block;
    width: 25px;
    height: 25px;
    margin-top: -10px;
    position: absolute;
    left: -11px;
    top: 50%;
    background: url(../img/slderleftimg.png) no-repeat 0 0;
}
/* mainslider3 Carousal */

#carouseindex4 {
    padding: 50px 20px 5px
}

#carouseindex4 ul.slides li {
    border: 1px solid #efefef;
    border-top: 5px solid #efefef;
    padding: 0px 20px 5px 20px;
    cursor: pointer
}

#carouseindex4 ul.slides li.flex-active-slide {
    border-top: 5px solid #F25C27
}

#carouseindex4 .flex-direction-nav a {
    top: 70%
}
/* mainslider6 Carousal */

#prevmainslider6 {
    float: left;
    margin-left: 10px;
}

#nextmainslider6 {
    float: right;
    margin-right: 10px;
}

#pagermainslider6 {
    float: left;
    width: 100%;
    text-align: center;
}

#pagermainslider6 a {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: #5e626b;
    cursor: pointer;
    text-indent: 9999px;
    margin: 0 5px;
    overflow: hidden
}

#pagermainslider6 a:hover {
    background: #333;
    background: #f25c27
}

#pagermainslider6 a.selected {
    background: #000;
    background: #f25c27;
    cursor: default;
}

#timermainslider6 {
    background-color: #999;
    height: 6px;
    width: 0px;
}
/* mainslider5 Carousal */

#pager.sliderindex5pager {
    margin-top: 5px;
    width: 100%;
    height: 10px
}

#pager.sliderindex5pager:after {
    content: '', clear: both;
    display: block
}

#pager.sliderindex5pager a,
#pager span {
    display: block;
    height: 10px;
}

#pager.sliderindex5pager a {
    border: 1px solid #ccc;
    width: 23%;
    margin: 5px 2px;
    display: inline-block;
}

#pager.sliderindex5pager a:hover {
    border-color: #999;
}

#pager.sliderindex5pager span {
    background-color: #ccc;
    width: 0px;
}
/* Testimonailsidebar */

#testimonialsidebar {
    padding-bottom: 40px
}

#testimonialsidebar .flex-direction-nav {
    display: none
}

#testimonialsidebar ul. slides > li {}

#testimonialsidebar .flex-control-paging {
    bottom: 0px
}

#testimonialsidebar .flex-control-paging li {
    float: right
}

#testimonialsidebar .flex-control-paging li a {
    height: 10px;
    width: 10px
}

@media screen and (max-width: 1190px) {
    #mainslider3 {
        width: 970px
    }
    #mainslider3 .item {
        width: 970px;
        float: left;
    }
    #mainslider3 .item > div {
        width: 970px;
        padding: 50px 0;
    }
    #mainslider3 .item img {
        width: 430px;
    }
    #mainslider3 .item div.text {
        width: 390px;
        height: 390px;
    }
    #mainslider3 .item div.text p {
        display: none
    }
    #mainslider3 ul.productpagecart li {
        margin-right: 8px
    }
}

@media screen and (max-width: 980px) {
    .bannerheading1 {
        top: 45px
    }
    .flexslider .slides img {
        height: 300px;
    }
    .bannerheading2 {
        top: 120px
    }
    .bannerheading1,
    .bannerheading2 {
        font-size: 26px;
    }
    .bannerbutton {
        top: 200px
    }
    #brand.flexslider .slides img {
        width: 60%
    }
    #mainslider3,
    #mainslider3 .item,
    #mainslider3 .item > div,
    #mainslider3 .item img {
        width: auto;
        text-align: center
    }
    #mainslider3 .text {
        display: none;
        clear: both
    }
    #mainslider3 .text:after {
        display: none
    }
    #mainslider3 .item img {
        float: none
    }
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0;
    }
    .flexslider .slides img {
        height: 300px;
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 0;
    }
    .flexslider:hover .flex-next {
        opacity: 0.8;
        right: 0px;
    }
    .flexslider:hover .flex-prev {
        opacity: 0.8;
        left: 0px;
    }
    .flex-control-nav {
        display: none
    }
    .html_carousel div.slide div {
        display: none!important
    }
}

@media (max-width: 767px) {
    .thumbnail img {
        width: 60%!important;
    }
    .tab-content {
        border: none;
    }
    .coribbon {
        left: 22%!important;
    }
    .bannerheading1 {
        top: 35px
    }
    .bannerheading2 {
        top: 90px
    }
    .flexslider .slides img {
        height: 200px;
    }
    .bannerbutton,
    .bannerpriceround {
        display: none!important
    }
    .flex-control-nav {
        bottom: 10px
    }
    #brand.flexslider .slides img {
        width: auto
    }
}

@media (max-width: 480px) {
    .bannerheading1,
    .bannerheading2 {
        font-size: 18px;
        line-height: 24px
    }
    .flexslider .slides img {
        width: 100%;
        display: block;
        height: 150px;
    }
    .flex-control-nav {
        bottom: 15px
    }
    #newslettersignup .pull-right {
        text-align: -webkit-center!important;
    }
    .heading1 {
        text-align: center;
        margin-top: 10px;
    }
    .footer-wrapper footer {
        padding: 10px;
    }
    .slides {
        padding: 10px;
    }
    #newslettersignup {
        padding: 10px;
    }
    #popularbrands #prev {
        left: 10px;
    }
    #popularbrands #next {
        right: 10px;
    }
    .thumbnail {
        margin-left: 0px!important;
    }
    .mainimage li.producthtumb {
        margin-left: 10px;
    }
    .btn {
        padding: 4px 5px;
        font-size: 12px;
    }
    #langkah {
        text-align: center;
    }
    .container {
        padding: 0px 5px;
    }
}

#tabbed_box_1 {
    margin: 0px auto 0px auto;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}

.tabbed_box h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 23px;
    color: #ffffff;
    letter-spacing: -1px;
    margin-bottom: 10px;
}

.tabbed_box h4 small {
    color: #e3e9ec;
    font-weight: normal;
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    position: relative;
    top: -4px;
    left: 6px;
    letter-spacing: 0px;
}

.tabbed_area {}

.title-member span {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

ul.tabsed {
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 0px;
}

ul.tabsed li {
    list-style: none;
    display: inline;
}

ul.tabsed li a {
    background-color: #8EBD2F;
    color: #fff;
    padding: 8px 14px 8px 14px;
    text-decoration: none;
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    border: 1px solid #464c54;
    background-repeat: repeat-x;
    background-position: bottom;
}

ul.tabsed li a:hover {
    background-color: #98CB2F;
    border-color: #2f343a;
}

ul.tabsed li a.tabactive {
    background-color: #ffffff;
    color: #282e32;
    border: 1px solid #464c54;
    border-bottom: 1px solid #ffffff;
    background-image: url(http://d2o0t5hpnwv4c1.cloudfront.net/001_Tabbed/site/images/tab_on.jpg);
    background-repeat: repeat-x;
    background-position: top;
}

.tabcontent {}

#content_2,
#content_3,
#content_4,
#content_5,
#content_6,
#content_7 {
    display: none;
}

.tabcontent ul {}

.tabcontent ul li {
    list-style: none;
    border-bottom: 1px solid #f4f4f4;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 13px;
}

.tabcontent ul li:last-child {
    border-bottom: none;
}

.tabcontent ul li a {
    text-decoration: none;
    color: indianred;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}

.tabcontent ul li a:hover {
    color: #333;
}

.tabcontent ul li div {
    min-width: 200px;
    float: left;
}

.tabcontent ul li a:hover {
    color: #333;
}

.tabcontent ul li a:hover small {
    color: #baae8e;
}
/*=============*/

.tablecloth {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}

.tablecloth tr td,
.tablecloth tr th {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    text-align: right
}

.tablecloth th,
.tablecloth td {
    text-align: left;
    padding: .5em;
    border: 1px solid #fff;
}

.tablecloth th {
    background: #328aa4 url(tr_back.gif) repeat-x;
    color: #fff;
}

.tablecloth tr td {
    background: #e5f1f4;
}
/* tablecloth styles */

.tablecloth tr.even td {
    background: #e5f1f4;
}

.tablecloth tr.odd td {
    background: #f8fbfc;
}

.tablecloth th.over,
.tablecloth tr.even th.over,
.tablecloth tr.odd th.over {
    background: #4a98af;
}

.tablecloth th.down,
.tablecloth tr.even th.down,
.tablecloth tr.odd th.down {
    background: #bce774;
}

.tablecloth th.selected,
.tablecloth tr.even th.selected,
.tablecloth tr.odd th.selected {}

.tablecloth td.over,
.tablecloth tr.even td.over,
.tablecloth tr.odd td.over {
    background: #ecfbd4;
}

.tablecloth td.down,
.tablecloth tr.even td.down,
.tablecloth tr.odd td.down {
    background: #bce774;
    color: #fff;
}

.tablecloth td.selected,
.tablecloth tr.even td.selected,
.tablecloth tr.odd td.selected {
    background: #bce774;
    color: #555;
}
/* use this if you want to apply different styleing to empty table cells*/

.tablecloth td.empty,
.tablecloth tr.odd td.empty,
.tablecloth tr.even td.empty {
    background: #fff;
}

table.genericsmall td {
    vertical-align: middle;
    font-size: 11px;
}
/*888888888*/

table.genericsmall {
    border-spacing: 1px;
    width: 50%;
}

table.genericsmall td {
    padding: 3px;
    font-size: 12px;
    width: 50%;
    text-transform: capitalize;
}

table.genericsmall tr:hover {}

table.genericsmall tr {}

table.genericsmall tr.genericheadsmall {
    background-color: #FF99CC;
    font-weight: bold;
}

table.product-small {
    width: 70%;
}

table.product-small td {}

span.mark {
    color: indianred;
    text-transform: uppercase;
    font-weight: bold;
}

.teksjudul {
    font-size: 15px;
    color: #F25C27;
    text-transform: none;
    font-weight: bolder;
    padding: 0px;
    margin-bottom: 25px;
    font-family: 'Open Sans', sans-serif;
}

.logo img {
    padding-top: 5px;
    height: 60px;
    /*    padding-left: 10px;*/
}

.table-responsive {
    overflow-x: auto;
    margin-bottom: 10px;
}

.label,
.badge {
    background-color: #d9534f;
}

input#input-keryword {
    border: 3px solid #F25C27;
    border-radius: 0px;
}

.block-search {
    margin-top: 20px;
}

button#btn-submit-search {
    display: none;
}

label.sr-only {
    display: none;
}

a.active {
    color: #d8420e!important;
}

#change-profile {
    float: none !important;
    margin-bottom: 10px!important;
    margin-top: 10px!important;
}
/*#content-register {
padding: 20px;
}*/

.menu-member .nav-pills > li.active > a:hover,
.menu-member .nav-pills > li.active > a {
    background: #F25C27;
}

.form-horizontal .control-label {
    width: 250px;
}

.via-inputs {
    display: -webkit-box;
}

#address-edit-form-2157 {
    margin-top: 20px;
}
/*.modal-backdrop.fade.in {
height: auto!important;
}*/

.modal-dialog.modal-confirm {
    margin-top: 0px;
    width: auto;
    z-index: 999999;
}

#content-login {
    padding: 0px 20px;
}

#content-member {
    padding: 0px 20px;
}

.flexmenu.fm-lg li ul {
    background-color: whitesmoke!important;
}

.pre-search {
    padding: 10px 20px;
}

.m20 {
    margin-left: 20px;
}
/** Product Category **/

.cat-info {
    margin-bottom: 15px;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.cat-info img {
    width: 100%;
}

.cat-image {
    max-height: 220px;
    overflow: hidden;
}

.page-title {
    color: #F25C27;
    text-transform: none;
    font-weight: normal;
    padding: 0px;
    text-transform: uppercase;
    font-family: 'Crete Round', serif;
}

.polling-option label {
    margin-left: 10px;
}

#wrap {
    z-index: 12!important;
}

.modal-dialog.modal-buy {
    /* margin-top: 80px; 
    width: 479px;*/
    width: auto;
    margin: 12px;
}

.modal-dialog.modal-buy .order-loading,
.modal-dialog.modal-buy .order-options {
    text-align: center;
}

.modal-dialog.modal-buy .modal-content {
    padding: 28px 15px 32px;
}

.modal-dialog.modal-buy .loader {
    margin-bottom: 18px;
}

.modal-dialog.modal-buy .loader i {
    font-size: 30px;
    color: #555555;
}

.modal-dialog.modal-buy .loader p {
    margin: 0;
}

.account-bar-show .modal-dialog.modal-buy {
    margin-top: 100px;
}

.flexmenu.fm-lg>ul>li {
    z-index: 1000!important;
}

@media (min-width: 1200px) {
    .thumbnails > li {
        margin-left: 30px !important;
    }
    #category .thumbnails > li {
        margin-left: 22px!important;
    }
}
/*
.thumbnails {
    margin: 0;
}
*/

ul.thumbnails.mainimage {
    margin-left: -20px;
}

.modal {
    width: auto!important;
}

.button-wrap {
    margin-top: 0px;
    margin-bottom: 0;
}

h1.logot {
    margin: 0!important;
}

.fb,
.tw,
.gp {
    display: inline-block;
    width: 45px;
}

.gp {
    margin-top: 5px;
}

a#account-logout {
    background-color: #c43c35;
    color: #ffffff;
}

a#account-logout:hover {
    background-color: #84211C;
}

.coupon {
    margin-left: 30px;
}

.wholesale {
    margin-bottom: 25px;
}

h4.ProdDetailTitle,
.ProdDetailContent {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #dddddd;
}

h4.ProdDetailTitle {
    float: left;
    width: 27%;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

.ProdDetailContent {}

.coribbon {
    float: left;
    position: absolute;
    top: 2%;
    text-align: center;
    left: 3%;
}
.sale,
.disc,
.oos {
    float: left;
    margin: 0.2em .2em .2em;
    border-radius: 3px;
    display: inline;
    padding: 0.6em .6em .6em;
    font-size: 85%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.disc {
    background-color: rgba(20, 191, 243, 0.95);
}
.sale{
    background-color: rgb(242, 64, 126);
}
.oos {
    background-color: rgba(244, 56, 63,  0.95);
}

.thumbnail img {
    height: 350px;
    width: 100%;
}

#admin-navbar.navbar-fixed-top,
#admin-navbar.navbar-fixed-bottom {
    position: fixed;
}

#admin-navbar.navbar-fixed-top {
    margin-bottom: 0px;
}

#admin-navbar .admin-info {
    color: #ffffff!important;
}

.tab-content {
    overflow: hidden!important;
}

.konfirmasi {
    width: 350px !important;
}

.konfirmasi {
    margin-top: 80px !important;
}

.konfirmasi {
    position: relative !important;
    width: auto !important;
    margin: 10px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.modal-konf {
    margin-left: -160px;
}
.fixed-height {
    padding: 1px;
    max-height: 200px;
    overflow: auto;
}
a.chat-whatsapp {
    position: fixed;
    z-index: 99;
    width: 48px;
    height: 48px;
    bottom: 10px;
    right: 10px;
}
.chat-whatsapp span {
    z-index: -1;
    color: #fff;
    background: #57bb63;
    padding: 17px;
    position: absolute;
    top: 0;
    width: 132px;
    right: 26px;
    border-radius: 40px 0 0 40px;
    line-height: normal;
    word-spacing: normal;
    font-size: 13px;
    font-weight: normal;
    font-family:Helvetica,Arial,sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}