styles.css

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

.C1Menu_Office2007Blue .C1SubMenu .c1-v-flow li.C1ListItem .C1Opened span.C1TextNode
{
	background: url(Images/BgPrimarySubmenuItemArrow.gif) no-repeat bottom right;
	color: #00156e;
	border: none;
}
.C1Menu_Office2007Blue .C1SubMenu .c1-h-flow li.C1ListItem .C1Opened span.C1TextNode
{
	background: url(Images/BgPrimarySubmenuItemArrowH.gif) no-repeat bottom right;
	color: #00156e;
	border: none;
}
.C1Menu_Office2007Blue .C1SubMenu .c1-v-flow .C1Link img.C1LeftImage
{
	padding:0 2px 0 2px;
	margin:0;
	vertical-align: middle;
}
.C1Menu_Office2007Blue .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_Office2007Blue .C1SubMenu .c1-h-flow .C1Link img.C1LeftImage
{
	padding:0 2px 0 2px;
	margin:0;
	vertical-align: middle;
}
.C1Menu_Office2007Blue .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;
}
.C1Menu_Office2007Blue .C1SubMenu .c1-v-flow span.C1Separator
{
	background: #ccc;
	margin: 1px 2px;
	height:1px;
	width:auto;
	padding:0;
}
.C1Menu_Office2007Blue .C1SubMenu .c1-h-flow span.C1Separator
{
	background: #ccc;
	display: block;
	float:left;
	height: 32px;
	margin:2px 1px;
	padding:0;
	width:1px;
}

/* ----------- 3rd Level + Menu ----------- */
.C1Menu_Office2007Blue .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_Office2007Blue .C1SubMenu .C1SubMenu-C1Vertical
{
	display: block;
	padding: 3px 0 0 0;
	margin: 0;
	background: url(Images/BgSecondarySubmenuTop.gif) no-repeat top left;
	width: 225px;
}
.C1Menu_Office2007Blue .C1SubMenu-C1Vertical .C1SubMenu-C1Vertical
{
	margin: 0 0 0 -9px;
}
* html .C1Menu_Office2007Blue .C1SubMenu-C1Vertical .C1SubMenu-C1Vertical
{
	margin: 0 0 0 -5px;
}
.C1Menu_Office2007Blue .C1SubMenu-C1Horizontal .C1SubMenu-C1Vertical
{
	margin: -9px 0 0 0;
}
* html .C1Menu_Office2007Blue .C1SubMenu-C1Horizontal .C1SubMenu-C1Vertical
{
	margin: -5px 0 0 0;
}
.C1Menu_Office2007Blue .C1SubMenu .C1SubMenu-C1Vertical .C1SubMenu-C1Vertical
{
	margin: 0 0 0 -6px;
}
* html .C1Menu_Office2007Blue .C1SubMenu .C1SubMenu-C1Vertical .C1SubMenu-C1Vertical
{
	margin: 0 0 0 -2px;
}
.C1Menu_Office2007Blue .C1SubMenu .C1SubMenu-C1Horizontal .C1SubMenu-C1Vertical
{
	margin: -6px 0 0 0;
}
* html .C1Menu_Office2007Blue .C1SubMenu .C1SubMenu-C1Horizontal .C1SubMenu-C1Vertical
{
	margin: -2px 0 0 0;
}
.C1Menu_Office2007Blue .C1SubMenu .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_Office2007Blue .C1SubMenu .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_Office2007Blue .C1SubMenu .C1SubMenu .c1-v-flow li.C1ListItem,
.C1Menu_Office2007Blue-C1Context .c1-v-flow li.C1ListItem,
.C1Menu_Office2007Blue-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_Office2007Blue .C1SubMenu .C1SubMenu .c1-v-flow li.C1ListItem,
* html .C1Menu_Office2007Blue-C1Context .c1-v-flow li.C1ListItem,
* html .C1Menu_Office2007Blue-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;
}


.C1Menu_Office2007Blue .C1SubMenu .C1SubMenu .c1-v-flow li.C1ListItem .C1Link,
.C1Menu_Office2007Blue-C1Context .c1-v-flow li.C1ListItem .C1Link,
.C1Menu_Office2007Blue-C1Context .C1SubMenu .c1-v-flow li.C1ListItem .C1Link
{
	display: block;
	background: url(Images/BgSecondarySubmenuItem.gif) no-repeat 400px 400px;
	text-decoration: none;
	font-size: 12px;
	padding: 0 0 0 0;
	margin: 0;
	font-weight: 100;
	border: none;
	width: 221px;
	height: 22px;
}
.C1Menu_Office2007Blue .C1SubMenu .C1SubMenu .c1-v-flow li.C1ListItem .C1Hover, 
.C1Menu_Office2007Blue .C1SubMenu .C1SubMenu .c1-v-flow li.C1ListItem .C1Active,
.C1Menu_Office2007Blue .C1SubMenu .C1SubMenu .c1-v-flow li.C1ListItem .C1Opened,
.C1Menu_Office2007Blue-C1Context .c1-v-flow li.C1ListItem .C1Hover,
.C1Menu_Office2007Blue-C1Context .c1-v-flow li.C1ListItem .C1Active,
.C1Menu_Office2007Blue-C1Context .c1-v-flow li.C1ListItem .C1Opened,
.C1Menu_Office2007Blue-C1Context .C1SubMenu .c1-v-flow li.C1ListItem .C1Hover,
.C1Menu_Office2007Blue-C1Context .C1SubMenu .c1-v-flow li.C1ListItem .C1Active,
.C1Menu_Office2007Blue-C1Context .C1SubMenu .c1-v-flow li.C1ListItem .C1Opened
{
	background: url(Images/BgSecondarySubmenuItem.gif) no-repeat top left;
	display: block;
	text-decoration: none;
	font-size: 12px;
	border: none;
}
.C1Menu_Office2007Blue .C1SubMenu .C1SubMenu .C1CheckableSupport .c1-v-flow li.C1ListItem .C1Checked,
.C1Menu_Office2007Blue-C1Context .C1CheckableSupport .c1-v-flow li.C1ListItem .C1Checked,
.C1Menu_Office2007Blue-C1Context .C1SubMenu .C1CheckableSupport .c1-v-flow li.C1ListItem .C1Checked
{
	background: url(Images/BgSecondarySubmenuItem.gif) no-repeat top left;
	display: block;
	text-decoration: none;
	font-size: 12px;
	border: none;
}

/* Text in link */
.C1Menu_Office2007Blue .C1SubMenu .C1SubMenu .c1-v-flow .C1Link span.C1TextNode,
.C1Menu_Office2007Blue-C1Context .c1-v-flow .C1Link span.C1TextNode,
.C1Menu_Office2007Blue-C1Context .C1SubMenu .c1-v-flow .C1Link span.C1TextNode
{	
	display: block;
	width: 165px;
	height: 22px;
	padding: 0 28px 0 28px;
	margin: 0;
	text-decoration: none;
	font-size: 12px;
	color: #00156e;
	vertical-align: middle;
	line-height:22px;
}
.C1Menu_Office2007Blue .C1SubMenu .C1SubMenu .c1-v-flow li.C1ListItem .C1Closed span.C1TextNode,
.C1Menu_Office2007Blue-C1Context .c1-v-flow li.C1ListItem .C1Closed span.C1TextNode,
.C1Menu_Office2007Blue-C1Context .C1SubMenu .c1-v-flow li.C1ListItem .C1Closed span.C1TextNode
{
	color: #00156e;
	background: url(Images/BgSecondarySubmenuItemArrow.gif) no-repeat top right;
	border: none;
}
.C1Menu_Office2007Blue .C1SubMenu .C1SubMenu .c1-v-flow li.C1ListItem .C1Opened span.C1TextNode,
.C1Menu_Office2007Blue-C1Context .c1-v-flow li.C1ListItem .C1Opened span.C1TextNode,
.C1Menu_Office2007Blue-C1Context .C1SubMenu .c1-v-flow li.C1ListItem .C1Opened span.C1TextNode
{
	background: url(Images/BgSecondarySubmenuItemArrow.gif) no-repeat bottom right;
	color: #00156e;
	border: none;
}
.C1Menu_Office2007Blue .C1SubMenu .C1SubMenu .c1-v-flow .C1Link img.C1LeftImage,
.C1Menu_Office2007Blue-C1Context .c1-v-flow .C1Link img.C1LeftImage,
.C1Menu_Office2007Blue-C1Context .C1SubMenu  .c1-v-flow .C1Link img.C1LeftImage
{
	padding:0 6px 0 6px;
	margin:0 0 0 -28px;
	vertical-align: middle;
}
.C1Menu_Office2007Blue .C1SubMenu .C1SubMenu .c1-v-flow .C1Link img.C1RightImage,
.C1Menu_Office2007Blue-C1Context .c1-v-flow .C1Link img.C1RightImage,
.C1Menu_Office2007Blue-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;
}
.C1Menu_Office2007Blue .C1SubMenu .C1SubMenu .c1-v-flow span.C1Separator
{
	background: #ccc;
	margin: 1px 0 1px 26px;
	height:1px;
	width:auto;
	padding:0;
}

/* ----------- Subgroup ----------- */
.C1Menu_Office2007Blue .C1SubGroup
{
	/*margin:5px 5%;
	width:90%;*/
}

/* ----------- Context Main Menu ----------- */
.C1Menu_Office2007Blue-C1Context, 
.C1Menu_Office2007Blue-C1Context .C1SubMenu-C1Vertical
{
	display: block;
	padding: 3px 0 0 0;
	margin: 0;
	background: url(Images/BgSecondarySubmenuTop.png) no-repeat top left;
	border:none;
	width: 229px;
}
* html .C1Menu_Office2007Blue-C1Context, 
* html .C1Menu_Office2007Blue-C1Context .C1SubMenu-C1Vertical
{
	display: block;
	padding: 3px 0 0 0;
	margin: 0;
	background: url(Images/BgSecondarySubmenuTop.gif) no-repeat top left;
	width: 225px;
}
.C1Menu_Office2007Blue-C1Context .C1SubMenu-C1Vertical
{
	margin:-1px 0 0 -1px;
}
* .C1Menu_Office2007Blue-C1Context .C1SubMenu-C1Vertical
{
	margin:-1px 0 0 -5px;
}
.C1Menu_Office2007Blue-C1Context ul.c1-v-flow, 
.C1Menu_Office2007Blue-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_Office2007Blue-C1Context ul.c1-v-flow, 
* html .C1Menu_Office2007Blue-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_Office2007Blue-C1Context .c1-v-flow li.C1ListItem, 
.C1Menu_Office2007Blue-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_Office2007Blue-C1Context .c1-v-flow li.C1ListItem, 
* html .C1Menu_Office2007Blue-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;
}


.C1Menu_Office2007Blue-C1Context .c1-v-flow li.C1ListItem .C1Link,
.C1Menu_Office2007Blue-C1Context .C1SubMenu .c1-v-flow li.C1ListItem .C1Link
{
	display: block;
	background: url(Images/BgSecondarySubmenuItem.gif) no-repeat 400px 400px;
	text-decoration: none;
	font-size: 12px;
	padding: 0 0 0 0;
	margin: 0;
	font-weight: 100;
	border: none;
	width: 221px;
	height: 22px;
}

.C1Menu_Office2007Blue-C1Context .c1-v-flow li.C1ListItem .C1Hover, 
.C1Menu_Office2007Blue-C1Context .c1-v-flow li.C1ListItem .C1Active,
.C1Menu_Office2007Blue-C1Context .C1SubMenu .c1-v-flow li.C1ListItem .C1Hover, 
.C1Menu_Office2007Blue-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_Office2007Blue-C1Context .c1-v-flow .C1Link span.C1TextNode, 
.C1Menu_Office2007Blue-C1Context .C1SubMenu .c1-v-flow .C1Link span.C1TextNode
{	
	display: block;
	width: 165px;
	height: 22px;
	padding: 0 28px 0 28px;
	margin: 0;
	text-decoration: none;
	font-size: 12px;
	color: #00156e;
	vertical-align: middle;
	line-height:22px;
}

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

.C1Menu_Office2007Blue-C1Context .c1-v-flow .C1Link img.C1LeftImage, 
.C1Menu_Office2007Blue-C1Context .c1-v-flow .C1Link .C1SubMenu-C1Vertical img.C1LeftImage
{
	padding:0 6px 0 6px;
	margin:0 0 0 -28px;
	vertical-align: middle;
}
.C1Menu_Office2007Blue-C1Context .c1-v-flow .C1Link img.C1RightImage, 
.C1Menu_Office2007Blue-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;
}
.C1Menu_Office2007Blue-C1Context .c1-v-flow span.C1Separator, 
.C1Menu_Office2007Blue-C1Context .C1SubMenu .c1-v-flow span.C1Separator
{
	background-color: #ccc;
	margin: 1px 0 1px 26px;
}

.C1Menu_Office2007Blue-C1Context .c1-v-flow span.C1Separator
{
	background: #ccc;
	margin: 1px 0 1px 26px;
	height:1px;
	padding:0;
}

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


/* Scroll Settings */
.C1Menu_Office2007Blue .C1ScrollContainer
{
	border-left:0;
	border-right:0;
	display:block;
	width:100%;
}
.C1Menu_Office2007Blue_ScrollButtonRight, 
.C1Menu_Office2007Blue_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_Office2007Blue_ScrollButtonTop, 
.C1Menu_Office2007Blue_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_Office2007Blue_ScrollButtonTop
{
	margin:-12px 0 0 0;
	background:#fff url(images/scroll_btn_top.gif) center center no-repeat;
}
.C1Menu_Office2007Blue_ScrollButtonRight
{
	margin:0 0 0 0;
	background:#fff url(images/scroll_btn_right.gif) center center no-repeat;
}
.C1Menu_Office2007Blue_ScrollButtonBottom
{
	margin:12px 0 0 0;
	background:#fff url(images/scroll_btn_bottom.gif) center center no-repeat;
}
.C1Menu_Office2007Blue_ScrollButtonLeft
{
	margin:0 0 0 0;
	background:#fff url(images/scroll_btn_left.gif) center center no-repeat;
}

.C1Menu_Office2007Blue_ScrollButtonActiveTop, 
.C1Menu_Office2007Blue_ScrollButtonActiveRight, 
.C1Menu_Office2007Blue_ScrollButtonActiveBottom, 
.C1Menu_Office2007Blue_ScrollButtonActiveLeft
{
	opacity: .85;
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	filter: alpha(opacity=85);
}

.C1Menu_Office2007Blue_ScrollButtonDisabledTop, 
.C1Menu_Office2007Blue_ScrollButtonDisabledRight, 
.C1Menu_Office2007Blue_ScrollButtonDisabledBottom, 
.C1Menu_Office2007Blue_ScrollButtonDisabledLeft
{
	opacity: .00;
	-moz-opacity: 0.00;
	-khtml-opacity: 0.00;
	filter: alpha(opacity=0);
	display: none;
}