#catslider { height: 1%; overflow:hidden; padding: 5px 0 10px; }
#catslider .viewport { float: left; width: 980px; height: 280px; overflow: hidden; position: relative; }
#catslider .buttons {
position: relative;
display: inline;
text-decoration: none;
font-size: 10px;
color: #828282;
background: #f2f2f2;
}
#catslider .buttons:hover { cursor: pointer; }

#catslider .disable { visibility: hidden; }
#catslider .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 280px; left: 0 top: 0; }
#catslider .overview li{ float: left; margin: 0px 15px 0px 15px; }



.popcat {
position: relative;
width: 206px;
height: 255px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding: 4px;
text-align: center;
z-index: 5;

background: rgb(143,200,233);
background: -moz-radial-gradient(center, ellipse cover,  rgba(143,200,233,1) 0%, rgba(16,112,180,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(143,200,233,1)), color-stop(100%,rgba(16,112,180,1)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(143,200,233,1) 0%,rgba(16,112,180,1) 100%);
background: -o-radial-gradient(center, ellipse cover,  rgba(143,200,233,1) 0%,rgba(16,112,180,1) 100%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(143,200,233,1) 0%,rgba(16,112,180,1) 100%);
background: radial-gradient(ellipse at center,  rgba(143,200,233,1) 0%,rgba(16,112,180,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc8e9', endColorstr='#1070b4',GradientType=1 );
}

.popcat1 {
position: absolute;
width: 205px;
height: 255px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding: 4px;
border-left: 1px solid #c8c8c8;
border-bottom: 1px solid #c8c8c8;
margin: -263px 0px 0px -4px;
z-index: 4;
background: #ffffff;
}

.popcat2 {
position: absolute;
width: 205px;
height: 255px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding: 4px;
border-left: 1px solid #c8c8c8;
border-bottom: 1px solid #c8c8c8;
margin: -260px 0px 0px -7px;
z-index: 2;
background: #ffffff;
}

.popcat3 {
position: absolute;
width: 180px;
height: 255px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding: 4px;
border-left: 1px solid #c8c8c8;
border-bottom: 1px solid #c8c8c8;
margin: -260px 0px 0px 0px;
transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);
z-index: 3;
background: #ffffff;
}


.popcata {
font-size: 16px;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

.popcata:hover {
color: #000000;
text-decoration: none;
border-bottom: 1px solid #000000;
}