.c1,.c1:hover{ color: #fff; border-color: #3c8b3c; background: #4cae4c; background: -webkit-linear-gradient(top,#4cae4c 0,#449d44 100%); background: -moz-linear-gradient(top,#4cae4c 0,#449d44 100%); background: -o-linear-gradient(top,#4cae4c 0,#449d44 100%); background: linear-gradient(to bottom,#4cae4c 0,#449d44 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cae4c,endColorstr=#449d44,GradientType=0); } a.c1:hover{ background: #449d44; filter: none; } .c2,.c2:hover{ color: #fff; border-color: #5f5f5f; background: #747474; background: -webkit-linear-gradient(top,#747474 0,#676767 100%); background: -moz-linear-gradient(top,#747474 0,#676767 100%); background: -o-linear-gradient(top,#747474 0,#676767 100%); background: linear-gradient(to bottom,#747474 0,#676767 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#747474,endColorstr=#676767,GradientType=0); } a.c2:hover{ background: #676767; filter: none; } .c3,.c3:hover{ color: #333; border-color: #ff8080; background: #ffb3b3; background: -webkit-linear-gradient(top,#ffb3b3 0,#ff9999 100%); background: -moz-linear-gradient(top,#ffb3b3 0,#ff9999 100%); background: -o-linear-gradient(top,#ffb3b3 0,#ff9999 100%); background: linear-gradient(to bottom,#ffb3b3 0,#ff9999 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb3b3,endColorstr=#ff9999,GradientType=0); } a.c3:hover{ background: #ff9999; filter: none; } .c4,.c4:hover{ color: #333; border-color: #52d689; background: #b8eecf; background: -webkit-linear-gradient(top,#b8eecf 0,#a4e9c1 100%); background: -moz-linear-gradient(top,#b8eecf 0,#a4e9c1 100%); background: -o-linear-gradient(top,#b8eecf 0,#a4e9c1 100%); background: linear-gradient(to bottom,#b8eecf 0,#a4e9c1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b8eecf,endColorstr=#a4e9c1,GradientType=0); } a.c4:hover{ background: #a4e9c1; filter: none; } .c5,.c5:hover{ color: #fff; border-color: #b52b27; background: #d84f4b; background: -webkit-linear-gradient(top,#d84f4b 0,#c9302c 100%); background: -moz-linear-gradient(top,#d84f4b 0,#c9302c 100%); background: -o-linear-gradient(top,#d84f4b 0,#c9302c 100%); background: linear-gradient(to bottom,#d84f4b 0,#c9302c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d84f4b,endColorstr=#c9302c,GradientType=0); } a.c5:hover{ background: #c9302c; filter: none; } .c6,.c6:hover{ color: #fff; border-color: #1f637b; background: #2984a4; background: -webkit-linear-gradient(top,#2984a4 0,#24748f 100%); background: -moz-linear-gradient(top,#2984a4 0,#24748f 100%); background: -o-linear-gradient(top,#2984a4 0,#24748f 100%); background: linear-gradient(to bottom,#2984a4 0,#24748f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2984a4,endColorstr=#24748f,GradientType=0); } a.c6:hover{ background: #24748f; filter: none; } .c7,.c7:hover{ color: #333; border-color: #e68900; background: #ffab2e; background: -webkit-linear-gradient(top,#ffab2e 0,#ff9900 100%); background: -moz-linear-gradient(top,#ffab2e 0,#ff9900 100%); background: -o-linear-gradient(top,#ffab2e 0,#ff9900 100%); background: linear-gradient(to bottom,#ffab2e 0,#ff9900 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffab2e,endColorstr=#ff9900,GradientType=0); } a.c7:hover{ background: #ff9900; filter: none; } .c8,.c8:hover{ color: #fff; border-color: #4b72a4; background: #698cba; background: -webkit-linear-gradient(top,#698cba 0,#577eb2 100%); background: -moz-linear-gradient(top,#698cba 0,#577eb2 100%); background: -o-linear-gradient(top,#698cba 0,#577eb2 100%); background: linear-gradient(to bottom,#698cba 0,#577eb2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#698cba,endColorstr=#577eb2,GradientType=0); } a.c8:hover{ background: #577eb2; filter: none; }