styles.css

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

/* =========== ArcticFox C1TabStrip =========================================== */
.C1TabStrip_ArcticFox .C1List
{
	margin:0;
	padding:0;
	display:block;
}
.C1TabStrip_ArcticFox_C1Top .C1List,
.C1TabStrip_ArcticFox_C1Bottom .C1List
{
	float:left;
}
.C1TabStrip_ArcticFox_C1Left .C1List,
.C1TabStrip_ArcticFox_C1Right .C1List
{
	width:100px;
}
.C1TabStrip_ArcticFox .C1ListItem .C1Link
{
	color:#000000;
	text-decoration:none;
	display:block;
	background: #C6C6C6 url(Images/arcticfox_horiz_bg1.gif) repeat-x top left;
	margin:0;
	padding:.5em;
	cursor:pointer;
}
.C1TabStrip_ArcticFox_C1Top .C1ListItem 
{
	border-top:solid 1px #999;
	border-right:solid 1px #999;
}
.C1TabStrip_ArcticFox_C1Bottom .C1ListItem 
{
	border-bottom:solid 1px #999;
	border-right:solid 1px #999;
}
.C1TabStrip_ArcticFox_C1Left .C1ListItem,
.C1TabStrip_ArcticFox_C1Right .C1ListItem
{
	border-top:solid 1px #999;
	border-left:solid 1px #999;
}

.C1TabStrip_ArcticFox_C1Top .C1ListItem .C1Link,
.C1TabStrip_ArcticFox_C1Bottom .C1ListItem .C1Link,
.C1TabStrip_ArcticFox_C1Left .C1ListItem .C1Link,
.C1TabStrip_ArcticFox_C1Right .C1ListItem .C1Link
{
	border: solid 1px #fff;
}

.C1TabStrip_ArcticFox .C1ListItem .C1Link:hover
{
	background: #666 url(Images/arcticfox_header_bg.gif) repeat-x top left;
}
.C1TabStrip_ArcticFox .C1ListItem .C1Selected
{
	background: #ffffff url(Images/arcticfox_horiz_bg1_hot.gif) repeat-x top left;
}
.C1TabStrip_ArcticFox_C1Top .C1FirstItem .C1Link,
.C1TabStrip_ArcticFox_C1Bottom .C1FirstItem .C1Link
{
	border-left:solid 1px #999;
}
.C1TabStrip_ArcticFox_C1Left .C1LastItem .C1Link,
.C1TabStrip_ArcticFox_C1Right .C1LastItem .C1Link
{
	border-bottom:solid 1px #999;
}
.C1TabStrip_ArcticFox_C1Top .C1Inner,
.C1TabStrip_ArcticFox_C1Bottom .C1Inner
{
	display:block;
	text-align:center;
}
.C1TabStrip_ArcticFox_C1Left .C1Inner,
.C1TabStrip_ArcticFox_C1Right .C1Inner
{
	display:block;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}


/* ----------- Scroll Settings ----------- */
.C1TabStrip_ArcticFox .decButton,
.C1TabStrip_ArcticFox .decButtonDisabled,
.C1TabStrip_ArcticFox .incButton,
.C1TabStrip_ArcticFox .incButtonDisabled
{
	display:block;
	cursor: pointer;
	opacity: .5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(opacity=50);
	outline:none;
}

.C1TabStrip_ArcticFox_C1Top .decButton,
.C1TabStrip_ArcticFox_C1Top .decButtonDisabled,
.C1TabStrip_ArcticFox_C1Bottom .decButton,
.C1TabStrip_ArcticFox_C1Bottom .decButtonDisabled
{
	width:12px;
	height:100%;
	line-height:100%;
	margin:0;
	background:#888888 url(Images/arrow_scroll_left.gif) center center no-repeat;
	border-right:solid 1px #eeeeee;
}


.C1TabStrip_ArcticFox_C1Top .incButton,
.C1TabStrip_ArcticFox_C1Top .incButtonDisabled,
.C1TabStrip_ArcticFox_C1Bottom .decButton,
.C1TabStrip_ArcticFox_C1Bottom .decButtonDisabled
{
	width:12px;
	height:100%;
	line-height:100%;
	margin:0;
	background:#888888 url(Images/arrow_scroll_right.gif) center center no-repeat;
	border-left:solid 1px #222222;
}

.C1TabStrip_ArcticFox_C1Left .decButton,
.C1TabStrip_ArcticFox_C1Left .decButtonDisabled,
.C1TabStrip_ArcticFox_C1Right .decButton,
.C1TabStrip_ArcticFox_C1Right .decButtonDisabled
{
	height:12px;
	line-height:12px;
	width:22px;
	font-size:8px;
	margin:0;
	background:#888888 url(Images/arrow_scroll_top.gif) center center no-repeat;
	border-bottom:solid 1px #eeeeee;
}


.C1TabStrip_ArcticFox_C1Left .incButton,
.C1TabStrip_ArcticFox_C1Left .incButtonDisabled,
.C1TabStrip_ArcticFox_C1Right .decButton,
.C1TabStrip_ArcticFox_C1Right .decButtonDisabled
{
	height:12px;
	line-height:12px;
	width:22px;
	font-size:8px;
	margin:0;
	background:#888888 url(Images/arrow_scroll_bottom.gif) center center no-repeat;
	border-top:solid 1px #222222;
}