styles.css

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

}
.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu .c1-v-flow li.C1ListItem a.C1Opened span.C1TextNode,
.C1Menu_Office2007Silver-C1Context .c1-v-flow li.C1ListItem a.C1Opened span.C1TextNode,
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow li.C1ListItem a.C1Opened span.C1TextNode
{
	background: url(Images/BgSecondarySubmenuItemArrow.gif) no-repeat bottom right;
	color: #4c535c;
	border: none;
}
/* Context */
/*.C1Menu_Office2007Silver-C1Context .c1-v-flow li.C1ListItem .C1Hover,
.C1Menu_Office2007Silver-C1Context .c1-v-flow li.C1ListItem .C1Active,
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow li.C1ListItem .C1Hover, 
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow li.C1ListItem .C1Active
{
	background: url(Images/BgSecondarySubmenuItem.gif) no-repeat top left;
	display: block;
	text-decoration: none;
	font-size: 12px;
	border: none;
}

.C1Menu_Office2007Silver-C1Context .c1-v-flow li.C1ListItem a.C1Closed span.C1TextNode
{
	color: #4c535c;
	background: url(Images/BgSecondarySubmenuItemArrow.gif) no-repeat top right;
	border: none;
}
.C1Menu_Office2007Silver-C1Context .c1-v-flow li.C1ListItem a.C1Opened span.C1TextNode
{
	background: url(Images/BgSecondarySubmenuItemArrow.gif) no-repeat bottom right;
	color: #4c535c;
	border: none;
}*/

/*=======================
		Disabled Item 
=========================*/
.C1Menu_Office2007Silver .C1Disabled span.C1TextNode
{
	cursor:text;
	color: #666;
}

/*================================
	 Heading Items and text inside headers
==================================*/
/* 1-st level */
.C1Menu_Office2007Silver .C1Heading 
{
	display: block;
	color: #000;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}
.C1Menu_Office2007Silver .c1-h-flow .C1Heading .C1TextNode
{
	padding:2px 8px;
	margin:0;
	height:16px;
	line-height:16px;
	text-align:left;
	vertical-align:middle;
}
.C1Menu_Office2007Silver .c1-v-flow .C1Heading .C1TextNode
{
	margin-top: 3px;
	margin-left: 3px;
}

/* 2-nd level */
.C1Menu_Office2007Silver .C1SubMenu .c1-v-flow .C1Heading
{
	display: block;
	float:left;
	width:100%;
	height: 21px;
	margin:0;
	padding:0;
	line-height:21px;
	color: #4c535c;
	background: #ebebeb;
	border-bottom: solid 1px #c5c5c5;
	font-size: 12px;
	font-weight: 900;
}
.C1Menu_Office2007Silver .C1SubMenu .c1-v-flow .C1Heading .C1TextNode
{
	margin-top: 3px;
	margin-left: 8px;
}
.C1Menu_Office2007Silver .C1SubMenu .c1-h-flow .C1Heading
{
	display: block;
	float:left;
	width:auto;	
	margin:1px 8px 0 0;
	padding:0;	
	color: #4c535c;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	height:auto;
	line-height:normal;
}
.C1Menu_Office2007Silver .C1SubMenu .c1-h-flow .C1Heading .C1TextNode
{
	height: 32px;
	line-height:32px;
	vertical-align: middle;
	margin:0;
	padding:0 3px;
}

/* 3-rd level */
.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu .c1-v-flow .C1Heading
{
	display: block;
	float:left;
	width:100%;
	height: 21px;
	line-height:normal;
	color: #4c535c;
	background: #ebebeb;
	border-bottom: solid 1px #c5c5c5;
	font-size: 12px;
	font-weight: bold;
}
.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu .c1-h-flow .C1Heading,
.C1Menu_Office2007Silver-C1Context .c1-h-flow .C1Heading,
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-h-flow .C1Heading
{
	display: block;
	float:left;
	width:auto;
	height: 34px;
	margin:1px 0;
	color: #4c535c;
	font-size: 12px;
	vertical-align: middle;
	line-height:34px;
}

/* Context */
.C1Menu_Office2007Silver-C1Context .c1-v-flow .C1Heading
{
	display: block;
	float:left;
	width:100%;
	height: 21px;
	color: #4c535c;
	background: #ebebeb;
	border-bottom: solid 1px #c5c5c5;
	font-size: 12px;
}
.C1Menu_Office2007Silver-C1Context .c1-v-flow .C1Heading .C1TextNode
{
	margin-top: 3px;
	margin-left: 8px;
}



/* ----------- 3rd Level + Menu ----------- */
.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu-C1Vertical,
.C1Menu_Office2007Silver-C1Context .C1SubMenu-C1Vertical,
.C1Menu_Office2007Silver-C1Context .C1SubMenu .C1SubMenu-C1Vertical
{
	display: block;
	padding: 3px 0 0 0;
	margin: 0;
	background: url(Images/BgSecondarySubmenuTop.png) no-repeat top left;
	width: 229px;
}
* html .C1Menu_Office2007Silver .C1SubMenu .C1SubMenu-C1Vertical,
* html .C1Menu_Office2007Silver-C1Context .C1SubMenu-C1Vertical,
* html .C1Menu_Office2007Silver-C1Context .C1SubMenu .C1SubMenu-C1Vertical
{
	display: block;
	padding: 3px 0 0 0;
	margin: 0;
	background: url(Images/BgSecondarySubmenuTop.gif) no-repeat top left;
	width: 225px;
}
.C1Menu_Office2007Silver .C1SubMenu-C1Vertical .C1SubMenu-C1Vertical
{
	margin: 0 0 0 -9px;
}
* html .C1Menu_Office2007Silver .C1SubMenu-C1Vertical .C1SubMenu-C1Vertical
{
	margin: 0 0 0 -5px;
}
.C1Menu_Office2007Silver .C1SubMenu-C1Horizontal .C1SubMenu-C1Vertical
{
	margin: -9px 0 0 0;
}
* html .C1Menu_Office2007Silver .C1SubMenu-C1Horizontal .C1SubMenu-C1Vertical
{
	margin: -5px 0 0 0;
}
.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu-C1Vertical .C1SubMenu-C1Vertical,
.C1Menu_Office2007Silver-C1Context .C1SubMenu-C1Vertical .C1SubMenu-C1Vertical
{
	margin: 0 0 0 -6px;
}
* html .C1Menu_Office2007Silver .C1SubMenu .C1SubMenu-C1Vertical .C1SubMenu-C1Vertical,
* html .C1Menu_Office2007Silver-C1Context .C1SubMenu-C1Vertical .C1SubMenu-C1Vertical
{
	margin: 0 0 0 -2px;
}
.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu-C1Horizontal .C1SubMenu-C1Vertical,
.C1Menu_Office2007Silver-C1Context .C1SubMenu-C1Horizontal .C1SubMenu-C1Vertical
{
	margin: -6px 0 0 0;
}
* html .C1Menu_Office2007Silver .C1SubMenu .C1SubMenu-C1Horizontal .C1SubMenu-C1Vertical,
* html .C1Menu_Office2007Silver-C1Context .C1SubMenu-C1Horizontal .C1SubMenu-C1Vertical
{
	margin: -2px 0 0 0;
}
.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu ul.c1-v-flow,
.C1Menu_Office2007Silver-C1Context ul.c1-v-flow,
.C1Menu_Office2007Silver-C1Context .C1SubMenu ul.c1-v-flow
{
	display: block;
	float: left;
	padding: 0 0 7px 0;
	margin: 0;
	background: url(Images/BgSecondarySubmenuBottom.png) no-repeat bottom left;
	width: 229px;
}
* html .C1Menu_Office2007Silver .C1SubMenu .C1SubMenu ul.c1-v-flow,
* html .C1Menu_Office2007Silver-C1Context ul.c1-v-flow,
* html .C1Menu_Office2007Silver-C1Context .C1SubMenu ul.c1-v-flow
{
	display: block;
	float: left;
	padding: 0 0 3px 0;
	margin: 0;
	background: url(Images/BgSecondarySubmenuBottom.gif) no-repeat bottom left;
	width: 225px;
}
.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu .c1-v-flow li.C1ListItem,
.C1Menu_Office2007Silver-C1Context .c1-v-flow li.C1ListItem,
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow li.C1ListItem
{
	display: block;
	float: left;
	padding: 0 6px 0 2px;
	margin: 0;
	width: 221px;
	height:auto;
	background: url(Images/BgSecondarySubmenuMiddle.png) repeat-y top left;
}
* html .C1Menu_Office2007Silver .C1SubMenu .C1SubMenu .c1-v-flow li.C1ListItem,
* html .C1Menu_Office2007Silver-C1Context .c1-v-flow li.C1ListItem,
* html .C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow li.C1ListItem
{
	display: block;
	float: left;
	padding: 0 2px;
	margin: 0;
	width: 221px;
	height:auto;
	background: url(Images/BgSecondarySubmenuMiddle.gif) repeat-y top left;
}


/*====================================
 ImageUrl's
======================================*/

/* 1-st level */
.C1Menu_Office2007Silver .c1-v-flow .C1Link img.C1LeftImage
{
	padding:1px 2px 0 2px;
	margin:0;
	vertical-align:middle;
}
.C1Menu_Office2007Silver .c1-h-flow .C1Link img.C1LeftImage
{
	padding:1px 2px 0 2px;
	margin:0;
	vertical-align:middle;
}
.C1Menu_Office2007Silver .c1-v-flow .C1Link img.C1RightImage
{
	padding:1px 2px 0 2px;
	margin:0;
	vertical-align:middle;
}
.C1Menu_Office2007Silver .c1-h-flow .C1Link img.C1RightImage
{
	padding:1px 2px 0 2px;
	margin:0;
	vertical-align:middle;
}

/* 2-nd(+) level */
.C1Menu_Office2007Silver .C1SubMenu .c1-v-flow .C1Link img.C1LeftImage
{
	padding:0 2px 0 2px;
	/*margin:0 0 0 -36px;*/
	margin:0 0 0 0;
	vertical-align: middle;
}
.C1Menu_Office2007Silver .C1SubMenu .c1-v-flow .C1Link img.C1RightImage
{
	display:block;
	float:right;
	padding:0 2px 0 2px;
	position:absolute;
	right:0;
	margin:0;
	vertical-align: middle;
}
.C1Menu_Office2007Silver .C1SubMenu .c1-h-flow .C1Link img.C1LeftImage
{
	padding:0 2px 0 2px;
	margin:0;
	vertical-align: middle;
}
.C1Menu_Office2007Silver .C1SubMenu .c1-h-flow .C1Link img.C1RightImage
{
	display:block;
	float:right;
	padding:0 2px 0 2px;
	margin:0;
	position:absolute;
	right:0;
	vertical-align: middle;
}

/* 3-rd(+) level */

.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu .c1-v-flow .C1Link img.C1LeftImage,
.C1Menu_Office2007Silver-C1Context .c1-v-flow .C1Link img.C1LeftImage,
.C1Menu_Office2007Silver-C1Context .C1SubMenu .C1Link img.C1LeftImage
{
	padding:0 6px 0 6px;
	margin:0 0 0 -28px;
	vertical-align: middle;
}
.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu .c1-v-flow .C1Link img.C1RightImage,
.C1Menu_Office2007Silver-C1Context .c1-v-flow .C1Link img.C1RightImage,
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow .C1Link img.C1RightImage
{
	display:block;
	float:right;
	padding:0 6px 0 6px;
	margin:0;
	position:absolute;
	right:0;
	vertical-align: middle;
}

/* Context */
.C1Menu_Office2007Silver-C1Context .c1-v-flow .C1Link img.C1LeftImage, 
.C1Menu_Office2007Silver-C1Context .c1-v-flow .C1Link .C1SubMenu-C1Vertical img.C1LeftImage
{
	padding:0 6px 0 6px;
	/*margin:0 0 0 -28px;*/
	margin:0 0 0 0;
	vertical-align: middle;
}
.C1Menu_Office2007Silver-C1Context .c1-v-flow .C1Link img.C1RightImage, 
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow .C1Link img.C1RightImage
{
	display:block;
	float:right;
	padding:0 6px 0 6px;
	margin:0;
	position:absolute;
	right:0;
	vertical-align: middle;
}


/*==========================
		Separator items
===========================*/

/* 1-st level */
.C1Menu_Office2007Silver .c1-v-flow span.C1Separator
{
	background: url(Images/BgMenuSeparatorVertical.gif) no-repeat center center;
	height: 7px;
	width:auto;
	padding: 0 2px 0 2px;
}
.C1Menu_Office2007Silver .c1-h-flow span.C1Separator
{
	background: url(Images/BgMenuSeparator.gif) no-repeat center center;
	width: 7px;
	height: 22px;
	padding: 0 2px 0 2px;
}

/* 2-nd level */
.C1Menu_Office2007Silver .C1SubMenu .c1-v-flow span.C1Separator
{
	background: #c5c5c5;
	margin: 1px 0 1px 0;
	height:1px;
	width:auto;
	padding:0;
}
.C1Menu_Office2007Silver .C1SubMenu .c1-h-flow span.C1Separator
{
	background: #c5c5c5;
	display: block;
	float:left;
	height: 32px;
	margin:2px 1px;
	padding:0;
	width:1px;
}

/* 3-rd level */
.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu .c1-v-flow span.C1Separator,
.C1Menu_Office2007Silver-C1Context .c1-v-flow span.C1Separator,
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow span.C1Separator
{
	background: #c5c5c5;
	margin: 1px 0 1px 26px;
	height:1px;
	padding:0;
}

/* Context */
.C1Menu_Office2007Silver-C1Context .c1-v-flow span.C1Separator
{
	background: #c5c5c5;
	margin: 1px 0 1px 0;
	height:1px;
	padding:0;
}

.C1Menu_Office2007Silver-C1Context .c1-v-flow span.C1Separator, 
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow span.C1Separator
{
	background-color: #c5c5c5;
	margin: 1px 0 1px 26px;
}

/*================================
	 C1SubGroup
==================================*/
/* Do not render background images for sub group: */
/* -------->*/
/* FF */
.C1Menu_Office2007Silver .C1SubGroup > .C1ScrollContainer > ul.c1-v-flow
{
  background: url();
}
.C1Menu_Office2007Silver .C1SubGroup > .C1ScrollContainer > .C1List > li.C1ListItem
{
	background: url();
	padding: 0px;
}
/* IE */
* html .C1Menu_Office2007Silver .C1SubGroup  > .C1ScrollContainer > ul.c1-v-flow {
  background: url();
}
* html .C1Menu_Office2007Silver .C1SubGroup > .C1ScrollContainer > .C1List > li.C1ListItem
{
	background: url();
	padding: 0px;
}
/*<-------- */


/*=========================
 		Scroll Settings 
===========================*/
.C1Menu_Office2007Silver .C1ScrollContainer
{
	border-left:0;
	border-right:0;
	display:block;
	width:100%;
}
.C1Menu_Office2007Silver_ScrollButtonRight, 
.C1Menu_Office2007Silver_ScrollButtonLeft
{
  font-size:0px;
	width: 12px;
	height:17px;
	cursor: pointer;
	opacity: .5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(opacity=50);
}
.C1Menu_Office2007Silver_ScrollButtonTop, 
.C1Menu_Office2007Silver_ScrollButtonBottom
{
  font-size:0px;
	height: 12px;
	width:17px;
	cursor: pointer;
	opacity: .5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(opacity=50);
}

.C1Menu_Office2007Silver_ScrollButtonTop
{
	margin:-12px 0 0 0;
	background:#fff url(images/scroll_btn_top.gif) center center no-repeat;
}
.C1Menu_Office2007Silver_ScrollButtonRight
{
	margin:0 0 0 0;
	background:#fff url(images/scroll_btn_right.gif) center center no-repeat;
}
.C1Menu_Office2007Silver_ScrollButtonBottom
{
	margin:12px 0 0 0;
	background:#fff url(images/scroll_btn_bottom.gif) center center no-repeat;
}
.C1Menu_Office2007Silver_ScrollButtonLeft
{
	margin:0 0 0 0;
	background:#fff url(images/scroll_btn_left.gif) center center no-repeat;
}

.C1Menu_Office2007Silver_ScrollButtonActiveTop, 
.C1Menu_Office2007Silver_ScrollButtonActiveRight, 
.C1Menu_Office2007Silver_ScrollButtonActiveBottom, 
.C1Menu_Office2007Silver_ScrollButtonActiveLeft
{
	opacity: .85;
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	filter: alpha(opacity=85);
}

.C1Menu_Office2007Silver_ScrollButtonDisabledTop, 
.C1Menu_Office2007Silver_ScrollButtonDisabledRight, 
.C1Menu_Office2007Silver_ScrollButtonDisabledBottom, 
.C1Menu_Office2007Silver_ScrollButtonDisabledLeft
{
	opacity: .00;
	-moz-opacity: 0.00;
	-khtml-opacity: 0.00;
	filter: alpha(opacity=0);
	display: none;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/