


.supercats .col-sm-4
{
margin: 0;
}

.supercat-drill-button, .supercat-spanner-button, .supercat-tools-button, .supercat-flame-button, .supercat-fan-button ,.supercat-fan-button2 {
color: #FFFFFF;
display: inline-block;
font-family: Arial;
text-align: left;
font-size: 14px;
font-weight: bold;
line-height: 13px;
width: 100%;
height: 60px;
text-decoration: none;
margin-top: 10px;
margin-bottom: 0px;
cursor: pointer;
border-radius: 3px;
padding-bottom: 0;
padding-left: 6px;
border-style : solid;
border-width: 1px;
}

.supercat-drill-button {
padding-top: 14px;
padding-right: 47px;
border-color: #144b17;
background: #156c1d;
background-repeat: no-repeat;
background-position: 95%;
background-image: url(/uploads/images/layout_images/drill.png); /* fallback */
background-image: url(/uploads/images/layout_images/drill.png), -webkit-gradient(linear, left top, left bottom, from(#97d26e), to(#156c1d)); /* Saf4+, Chrome */
background-image: url(/uploads/images/layout_images/drill.png), -webkit-linear-gradient(top, #97d26e, #156c1d); /* Chrome 10+, Saf5.1+ */
background-image: url(/uploads/images/layout_images/drill.png), -moz-linear-gradient(top, #97d26e, #156c1d); /* FF3.6+ */
background-image: url([/uploads/images/layout_images/[$icon]]), -ms-linear-gradient(top, #97d26e, #156c1d); /* IE10 */
background-image: url([/uploads/images/layout_images/[$icon]]), -o-linear-gradient(top, #97d26e, #156c1d); /* Opera 11.10+ */
background-image: url([/uploads/images/layout_images/[$icon]]), linear-gradient(top, #97d26e, #156c1d); /* W3C */

}

.supercat-spanner-button {
padding-top: 3px;
padding-right: 39px;
border-color: #2918a0;
background: #151bdb;
background-repeat: no-repeat;
background-position: 95%;
background-image: url(/uploads/images/layout_images/spanner.png); /* fallback */
background-image: url(/uploads/images/layout_images/spanner.png), -webkit-gradient(linear, left top, left bottom, from(#9597ee), to(#151bdb)); /* Saf4+, Chrome */
background-image: url(/uploads/images/layout_images/spanner.png), -webkit-linear-gradient(top, #9597ee, #151bdb); /* Chrome 10+, Saf5.1+ */
background-image: url(/uploads/images/layout_images/spanner.png), -moz-linear-gradient(top, #9597ee, #151bdb); /* FF3.6+ */
background-image: url([/uploads/images/layout_images/[$icon]]), -ms-linear-gradient(top, #9597ee, #151bdb); /* IE10 */
background-image: url([/uploads/images/layout_images/[$icon]]), -o-linear-gradient(top, #9597ee, #151bdb); /* Opera 11.10+ */
background-image: url([/uploads/images/layout_images/[$icon]]), linear-gradient(top, #9597ee, #151bdb); /* W3C */

}
.supercat-tools-button {
padding-top: 9px;
padding-right: 46px;
border-color: #9a2903;
background: #fb4b11;
background-repeat: no-repeat;
background-position: 95%;
background-image: url(/uploads/images/layout_images/tools.png); /* fallback */
background-image: url(/uploads/images/layout_images/tools.png), -webkit-gradient(linear, left top, left bottom, from(#f3a993), to(#fb4b11)); /* Saf4+, Chrome */
background-image: url(/uploads/images/layout_images/tools.png), -webkit-linear-gradient(top, #f3a993, #fb4b11); /* Chrome 10+, Saf5.1+ */
background-image: url(/uploads/images/layout_images/tools.png), -moz-linear-gradient(top, #f3a993, #fb4b11); /* FF3.6+ */
background-image: url([/uploads/images/layout_images/[$icon]]), -ms-linear-gradient(top, #f3a993, #fb4b11); /* IE10 */
background-image: url([/uploads/images/layout_images/[$icon]]), -o-linear-gradient(top, #f3a993, #fb4b11); /* Opera 11.10+ */
background-image: url([/uploads/images/layout_images/[$icon]]), linear-gradient(top, #f3a993, #fb4b11); /* W3C */

}

.supercat-flame-button {
padding-top: 9px;
padding-right: 56px;
border-color: #8d1812;
background: #a7150e;
background-repeat: no-repeat;
background-position: 95%;
background-image: url(/uploads/images/layout_images/flame.png); /* fallback */
background-image: url(/uploads/images/layout_images/flame.png), -webkit-gradient(linear, left top, left bottom, from(#d69f9e), to(#a7150e)); /* Saf4+, Chrome */
background-image: url(/uploads/images/layout_images/flame.png), -webkit-linear-gradient(top, #d69f9e, #a7150e); /* Chrome 10+, Saf5.1+ */
background-image: url(/uploads/images/layout_images/flame.png), -moz-linear-gradient(top, #d69f9e, #a7150e); /* FF3.6+ */
background-image: url([/uploads/images/layout_images/[$icon]]), -ms-linear-gradient(top, #d69f9e, #a7150e); /* IE10 */
background-image: url([/uploads/images/layout_images/[$icon]]), -o-linear-gradient(top, #d69f9e, #a7150e); /* Opera 11.10+ */
background-image: url([/uploads/images/layout_images/[$icon]]), linear-gradient(top, #d69f9e, #a7150e); /* W3C */

}

.supercat-fan-button {
padding-top: 14px;
padding-right: 56px;
border-color: #1f6dbb;
background: #0083c0;
background-repeat: no-repeat;
background-position: 95%;
background-image: url(/uploads/images/layout_images/fan.png); /* fallback */
background-image: url(/uploads/images/layout_images/fan.png), -webkit-gradient(linear, left top, left bottom, from(#a2c7f0), to(#0083c0)); /* Saf4+, Chrome */
background-image: url(/uploads/images/layout_images/fan.png), -webkit-linear-gradient(top, #a2c7f0, #0083c0); /* Chrome 10+, Saf5.1+ */
background-image: url(/uploads/images/layout_images/fan.png), -moz-linear-gradient(top, #a2c7f0, #0083c0); /* FF3.6+ */
background-image: url([/uploads/images/layout_images/[$icon]]), -ms-linear-gradient(top, #a2c7f0, #0083c0); /* IE10 */
background-image: url([/uploads/images/layout_images/[$icon]]), -o-linear-gradient(top, #a2c7f0, #0083c0); /* Opera 11.10+ */
background-image: url([/uploads/images/layout_images/[$icon]]), linear-gradient(top, #a2c7f0, #0083c0); /* W3C */

}

.supercat-fan-button2 {
padding-top: 3px;
padding-right: 56px;
border-color: #1f6dbb;
background: #006595;
background-repeat: no-repeat;
background-position: 95%;
background-image: url(/uploads/images/layout_images/fan.png); /* fallback */
background-image: url(/uploads/images/layout_images/fan.png), -webkit-gradient(linear, left top, left bottom, from(#6bb1e1), to(#006595)); /* Saf4+, Chrome */
background-image: url(/uploads/images/layout_images/fan.png), -webkit-linear-gradient(top, #6bb1e1, #006595); /* Chrome 10+, Saf5.1+ */
background-image: url(/uploads/images/layout_images/fan.png), -moz-linear-gradient(top, #6bb1e1, #006595); /* FF3.6+ */
background-image: url([/uploads/images/layout_images/[$icon]]), -ms-linear-gradient(top, #6bb1e1, #006595); /* IE10 */
background-image: url([/uploads/images/layout_images/[$icon]]), -o-linear-gradient(top, #6bb1e1, #006595); /* Opera 11.10+ */
background-image: url([/uploads/images/layout_images/[$icon]]), linear-gradient(top, #6bb1e1, #006595); /* W3C */

}


@media (max-width:1199px) { /* md */
.supercat-drill-button, .supercat-fan-button, .supercat-flame-button, .supercat-fan-button2  {
padding-top: 23px;
}
.supercat-spanner-button, .supercat-tools-button {
padding-top: 14px;
}
}

@media (max-width:991px) { /* sm */
.supercat-drill-button, .supercat-fan-button, .supercat-tools-button, .supercat-flame-button, .supercat-fan-button2 {
padding-top: 14px;
}
.supercat-spanner-button {
padding-top: 9px;
}
}

@media (max-width:767px) { /* xs */
.supercat-drill-button, .supercat-spanner-button, .supercat-tools-button, .supercat-flame-button, .supercat-fan-button, .supercat-fan-button2 {
padding-top: 23px;
width: 100%;
}
}

@media (max-width:442px) {
.supercat-spanner-button {
padding-right: 50px;
padding-top: 14px;
}
}

@media (max-width:361px) {
.supercat-tools-button {
padding-right: 50px;
padding-top: 14px;
}
}

@media (max-width:320px) {
.supercat-flame-button,.supercat-fan-button2 {
padding-top: 14px;
}
}

@media (max-width:280px) {
.supercat-spanner-button {
padding-top: 9px;
}
}

@media (max-width:237px) {
.supercat-tools-button {
padding-top: 9px;
}
}
/* Stylesheet: supercats Modified On 2015-07-13 15:17:46 */
