styles.css

For CSS, this is to use for ComponetOne menu s skin

/*--------------------------horizontal----------------------------*/
.C1Slider_ArcticFox-C1Horizontal
{
	moz-user-select: none; font-size:1px;  float:left; text-align:left; 
	width:200px; height:30px; position:relative;overflow:hidden;
}

.C1Slider_ArcticFox-C1Horizontal .C1TextNode
{
	display:none;
}

.C1Slider_ArcticFox-C1Horizontal .C1DecButton
{
  	background-image:url('Images/DecreBtnH.gif'); background-position:left center;
	position:absolute;width:15px; height:12px; left:0px; top:9px;display:block; 
}
.C1Slider_ArcticFox-C1Horizontal .C1Track
{	
	background-image:url('Images/TrackBgr.gif');
	background-position:center; background-repeat:repeat-x; 
	height:10px;display:block; position:absolute; left:15px; top:10px; width:170px;
}
.C1Slider_ArcticFox-C1Horizontal .C1IncButton
{
	background-image:url('Images/IncreBtnH.gif'); background-position:left center;
	position:absolute; width:15px; height:12px; right:0px; top:9px;
}
.C1Slider_ArcticFox-C1Horizontal .C1SelectedRegion
{
	background-image:url('Images/SelectedRegion.gif'); 
	background-repeat:repeat-x; background-position:center;	
	position:absolute;  width:0px; height:10px; 
}
.C1Slider_ArcticFox-C1Horizontal .C1Thumb
{
	background-image:url('Images/DragHandleH.gif');  background-position:left center;
	background-repeat:no-repeat;
	position:absolute; top:-3px; width:12px; height:20px; left:0px;
}

.C1Slider_ArcticFox-C1Horizontal .C1Disabled
{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); cursor:default; moz-opacity: .5; opacity: .5;
}
.C1Slider_ArcticFox-C1Horizontal .C1Disabled .C1DecButton,
.C1Slider_ArcticFox-C1Horizontal .C1Disabled .C1IncButton,
.C1Slider_ArcticFox-C1Horizontal .C1Disabled .C1Thumb
{
	cursor:default;
}

.C1Slider_ArcticFox-C1Horizontal .C1DecButtonHidden .C1DecButton,
.C1Slider_ArcticFox-C1Horizontal .C1IncButtonHidden .C1IncButton,
.C1Slider_ArcticFox-C1Horizontal .C1ThumbHidden .C1Thumb
{
	display:none;
}
.C1Slider_ArcticFox-C1Horizontal .C1DecButtonHidden .C1Track
{
	left:0px; width:185px;
}

.C1Slider_ArcticFox-C1Horizontal .C1DecButton-C1Hover,
.C1Slider_ArcticFox-C1Horizontal .C1IncButton-C1Hover,
.C1Slider_ArcticFox-C1Horizontal .C1Thumb-C1Hover
{
	background-position:center center;
}

.C1Slider_ArcticFox-C1Horizontal .C1DecButton-C1Active,
.C1Slider_ArcticFox-C1Horizontal .C1IncButton-C1Active,
.C1Slider_ArcticFox-C1Horizontal .C1Thumb-C1Active 
{
	background-position:right center;
}
/*--------------------------vertical----------------------------*/
.C1Slider_ArcticFox-C1Vertical
{
    moz-user-select: none; font-size:1px;  float:left; text-align:left; 
	width:30px; height:200px; position:relative; overflow:hidden; 
}

.C1Slider_ArcticFox-C1Vertical .C1TextNode
{
	display:none;
}

.C1Slider_ArcticFox-C1Vertical .C1DecButton
{
	background-image:url('Images/DecreBtnV.gif'); background-position:center top;
	position:absolute;left:9px; width:12px; height:15px; display:block;
}
.C1Slider_ArcticFox-C1Vertical .C1Track
{		 
	background-position:center;background-repeat:repeat-y; 
	background-image:url('Images/TrackVerticalBgr.gif');
	width:10px;display:block; position:absolute;left:10px;top:15px; height:170px;
}
.C1Slider_ArcticFox-C1Vertical .C1IncButton
{
	background-image:url('Images/IncreBtnV.gif');background-position:center top;
	left:9px; position:absolute; width:12px; height:15px; bottom:0px; display:block;
}
.C1Slider_ArcticFox-C1Vertical .C1SelectedRegion
{
	background-image:url('Images/SelectedVerticalRegion.gif');
	background-repeat:repeat-y; background-position:center;	
	position:absolute;left:0px;  top:0px;   width:10px; height:0px;
}
.C1Slider_ArcticFox-C1Vertical .C1Thumb
{
	background-image:url('Images/DragHandleV.gif');background-position:center top;
	background-repeat:no-repeat;
	position:absolute;left:-3px; top:0px;  width:20px; height:12px; display:block;
} 


.C1Slider_ArcticFox-C1Vertical .C1Disabled
{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); cursor:default; moz-opacity: .5; opacity: .5;
}
.C1Slider_ArcticFox-C1Vertical .C1Disabled .C1DecButton,
.C1Slider_ArcticFox-C1Vertical .C1Disabled .C1IncButton,
.C1Slider_ArcticFox-C1Vertical .C1Disabled .C1Thumb
{
	cursor:default;
}

.C1Slider_ArcticFox-C1Vertical .C1DecButtonHidden .C1DecButton,
.C1Slider_ArcticFox-C1Vertical .C1IncButtonHidden .C1IncButton,
.C1Slider_ArcticFox-C1Vertical .C1ThumbHidden .C1Thumb
{
	display:none;
}
.C1Slider_ArcticFox-C1Vertical .C1DecButtonHidden .C1Track
{
	top:0px; height:185px;
}

.C1Slider_ArcticFox-C1Vertical .C1DecButton-C1Hover,
.C1Slider_ArcticFox-C1Vertical .C1IncButton-C1Hover,
.C1Slider_ArcticFox-C1Vertical .C1Thumb-C1Hover
{
	background-position:center center;
}

.C1Slider_ArcticFox-C1Vertical .C1DecButton-C1Active,
.C1Slider_ArcticFox-C1Vertical .C1IncButton-C1Active,
.C1Slider_ArcticFox-C1Vertical .C1Thumb-C1Active
{
	background-position:center bottom;
}