.Contitle_ColorLight_11px {

	FONT-WEIGHT: bold;

	FONT-SIZE: 11px;

	COLOR: #e4f2ff;

	FONT-FAMILY: Arial, Helvetica, sans-serif

}

.Contitle_Color_11px {

	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #003366; FONT-FAMILY: Tahoma, Arial

}

.pic_top {

	background-color: #FFFFFF;

	border-top-width: 1px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-left-style: solid;

	border-top-color: #a9a9a9;

	border-right-color: #a9a9a9;

	border-left-color: #a9a9a9;

	width: 178px;

	padding-top: 5px;

	padding-bottom: 5px;

}

.pic_top_1 {

	background-color: #EFEFEF;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #a9a9a9;

	border-left-color: #a9a9a9;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #a9a9a9;

	padding: 5px;

	font-size: 11px;

	font-weight: bold;

	color: #333333;

	font-family: Tahoma, Arial;

	text-align: left;

}

.Contitle_Transparent {

	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #003366; FONT-FAMILY: Tahoma, Arial

}

.Contitle_Admin {

	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000000; FONT-FAMILY: Tahoma, Arial

}

.pic_top_main {

	background-color: #EFEFEF;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #a9a9a9;

	border-left-color: #a9a9a9;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #a9a9a9;

	padding: 5px;

	font-size: 12px;

	color: #333333;

	font-family: Tahoma, Arial;

	text-align: left;

}

.pic_top_main_k {

	background-color: #EFEFEF;

	padding: 5px;

	font-size: 12px;

	color: #333333;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-align: left;

	border: 1px solid #a9a9a9;

}

.pic_top_2 {

	background-color: #FFFFFF;

	border-top-width: 1px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-left-style: solid;

	border-top-color: #a9a9a9;

	border-right-color: #a9a9a9;

	border-left-color: #a9a9a9;

	width: 215px;

	padding-top: 5px;

	padding-bottom: 5px;

	margin-right: auto;

	margin-left: auto;

}

.pic_top_4 {

	background-color: #FFFFFF;

	border-top-width: 1px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-left-style: solid;

	border-top-color: #a9a9a9;

	border-right-color: #a9a9a9;

	border-left-color: #a9a9a9;

	width: 130px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 5px;

	padding-bottom: 5px;

}

.pic_top_big {

	background-color: #FFFFFF;

	width: 230px;

	border: 1px solid #a9a9a9;

	padding-top: 5px;

	padding-bottom: 5px;

	margin-top: auto;

	margin-right: 10px;

	margin-bottom: auto;

	margin-left: 0px;

}

.pic_top_bigs {

	background-color: #FFFFFF;

	border: 1px solid #a9a9a9;

	padding-top: 5px;

	padding-bottom: 5px;

	text-align: center;

	margin: auto;

}

.pic_top_biglift {

	background-color: #FFFFFF;

	border: 1px solid #a9a9a9;

	padding-top: 5px;

	padding-bottom: 5px;

	text-align: left;

	margin: auto;

	padding-left: 5px;

}

.one{

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

	background-color: #DDDDDD;

	text-align: left;

	height: 27px;

	font-size: 12px;

	font-weight: normal;

	color: #333333;

	padding-left: 5px;

}

.two{

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

	background-color: #EFEFEF;

	text-align: left;

	height: 27px;

	font-size: 12px;

	font-weight: normal;

	color: #333333;

	padding-left: 5px;

	}

.bian{

	border: 1px solid #999999;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #003366;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color: #DCDCDC;
	margin: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;

}

.bian_2{

	border: 1px solid #999999;

	FONT-WEIGHT: bold;

	FONT-SIZE: 12px;

	COLOR: #003366;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	background-color: #DCDCDC;

	margin: auto;

	padding-top: 8px;

	padding-bottom: 8px;

	text-align: center;

	padding-right: 5px;

	padding-left: 5px;

	width: 205px;

}
/*item:: Controls the Item, Name, Description, item-2, Savings, Cost,Font and Color*/ 
.item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Normal;
	color: #666666;
	text-decoration: none;
}
/*price-info:: controls the way the prices display on the product page*/ 
.price-info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Normal;
	color: #004499;
}
/*item-2:: Controls the way the product's prices display*/ 
.Item-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #076cd1;
	font-weight: bold;
}

/*titles:: Controls the Body Tiles such as (Specials, Feature Items, Items, Related Items)*/ 
.titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-top: none;
	border-bottom: 1px solid #1574d4;
	border-left: none;
	border-right: none;
	color: #1574d4;
	padding:3px;
}
.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ee6600;
	font-weight: bold;
}
/*options-titles:: Controls the way the titles on the product options display*/
.Description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ee6600;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #ee6600;
	border-right-color: #ee6600;
	border-bottom-color: #ee6600;
	border-left-color: #ee6600;
}

BODY {

	BACKGROUND: #e7e7e7

}

TABLE {

	LINE-HEIGHT: 1.4em;

}

TR {

	LINE-HEIGHT: 1.4em;

}

TD {

	LINE-HEIGHT: 1.4em;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

}

P {

	LINE-HEIGHT: 1.4em;

}

TD.topTD {

	PADDING-RIGHT: 65px;

	PADDING-LEFT: 48px;

	FONT-SIZE: 11px;

	PADDING-BOTTOM: 0px;

	PADDING-TOP: 42px;

	HEIGHT: 311px;

	TEXT-ALIGN: right;

	background-image: url(/images/bg_top.jpg);

	background-repeat: no-repeat;

	background-position: center top;

}

TD.middleTD {

	PADDING-RIGHT: 85px;

	PADDING-LEFT: 0px;

	

	PADDING-BOTTOM: 0px;

	PADDING-TOP: 10px;

	background-image: url(../images/bg_table_main.jpg);

	background-repeat: repeat-y;

	background-position: center 50%;

}

TD.bottomTD {

	PADDING-RIGHT: 65px;

	PADDING-LEFT: 100px;

	COLOR: #5E5E5E;

	PADDING-TOP: 0px;

	TEXT-ALIGN: right;

	background-image: url(../images/bg_footer.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	height: 160px;

	font-weight: bold;

	margin-right: auto;

	margin-left: auto;

	padding-bottom: 0px;

	text-decoration: none;

	font-size: 12px;

}

LABEL {

	FONT-FAMILY: tahoma

}

.normal {

	FONT-FAMILY: tahoma

}

.Normal {

	FONT-FAMILY: tahoma

}

TD.containerHEADL {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(header_cap_left.gif) no-repeat left bottom; PADDING-BOTTOM: 0px; WIDTH: 15px; PADDING-TOP: 0px

}

TD.containerHEADR {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(header_cap_right.gif) no-repeat left bottom; PADDING-BOTTOM: 0px; WIDTH: 15px; PADDING-TOP: 0px

}

TD.containerHEADC {

	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; BACKGROUND: url(header_bg.gif) repeat-x 50% bottom; PADDING-BOTTOM: 17px; PADDING-TOP: 0px

}

TD.containerTD {

	PADDING-RIGHT: 25px; PADDING-LEFT: 25px; PADDING-BOTTOM: 35px; PADDING-TOP: 10px

}

TABLE {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px

}

SELECT {

	COLOR: #333; FONT-FAMILY: tahoma

}

INPUT {

	COLOR: #333; FONT-FAMILY: tahoma

}

H3 {

	PADDING-RIGHT: 0px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; BACKGROUND: #888; PADDING-BOTTOM: 1px; MARGIN: 20px 0px 5px; TEXT-TRANSFORM: uppercase; COLOR: #f6f6f6; PADDING-TOP: 2px; FONT-FAMILY: tahoma; LETTER-SPACING: 3px

}


.OtherTabs {

	COLOR: #000; FONT-FAMILY: tahoma; TEXT-DECORATION: none

}

A.OtherTabs:link {

	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-WEIGHT: bold; BORDER-LEFT: 0px; COLOR: #2c2c2c; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none

}

A.OtherTabs:visited {

	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-WEIGHT: bold; BORDER-LEFT: 0px; COLOR: #2c2c2c; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none

}

A.OtherTabs:active {

	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-WEIGHT: bold; BORDER-LEFT: 0px; COLOR: #2c2c2c; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none

}

A.OtherTabs:hover {

	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-WEIGHT: bold; BORDER-LEFT: 0px; COLOR: #2c2c2c; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline

}



.SelectedTab {

	FONT-WEIGHT: normal; COLOR: #777; FONT-FAMILY: tahoma

}

.SubHead {

	FONT-WEIGHT: bold;

	

	COLOR: #2c2c2c;

	FONT-FAMILY: tahoma;

	margin: 2px;

	padding: 2px;

}

A.SubHead:link {

	FONT-WEIGHT: normal; COLOR: #6e8e05; FONT-FAMILY: tahoma; TEXT-DECORATION: none

}

A.SubHead:visited {

	FONT-WEIGHT: normal; COLOR: #6e8e05; FONT-FAMILY: tahoma; TEXT-DECORATION: none

}

A.SubHead:hover {

	FONT-WEIGHT: normal; COLOR: #2c2c2c; FONT-FAMILY: tahoma; TEXT-DECORATION: none

}

A.CommandButton:link {

	BORDER-RIGHT: #536b03 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9cbc34 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: normal; BACKGROUND: #6e8e05; PADDING-BOTTOM: 2px; BORDER-LEFT: #9cbc34 1px solid; COLOR: #fff; PADDING-TOP: 1px; BORDER-BOTTOM: #536b03 1px solid; FONT-FAMILY: tahoma; TEXT-DECORATION: none

}

A.CommandButton:visited {

	BORDER-RIGHT: #536b03 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9cbc34 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: normal; BACKGROUND: #6e8e05; PADDING-BOTTOM: 2px; BORDER-LEFT: #9cbc34 1px solid; COLOR: #fff; PADDING-TOP: 1px; BORDER-BOTTOM: #536b03 1px solid; FONT-FAMILY: tahoma; TEXT-DECORATION: none

}

A.CommandButton:hover {

	BORDER-RIGHT: #3b4c02 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #6c8710 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: normal; BACKGROUND: #516a03; PADDING-BOTTOM: 2px; BORDER-LEFT: #6c8710 1px solid; COLOR: #fff; PADDING-TOP: 1px; BORDER-BOTTOM: #3b4c02 1px solid; FONT-FAMILY: tahoma; TEXT-DECORATION: none

}

A.Normal:link {

	FONT-WEIGHT: normal;

	COLOR: #6e8e05;

	FONT-FAMILY: tahoma;

	TEXT-DECORATION: none;

	font-size: 12px;

}

A.Normal:visited {

	FONT-WEIGHT: normal;

	COLOR: #6e8e05;

	FONT-FAMILY: tahoma;

	TEXT-DECORATION: none;

	font-size: 12px;

}

A.Normal:hover {

	FONT-WEIGHT: normal; COLOR: #f32b10; FONT-FAMILY: tahoma; TEXT-DECORATION: underline
}

A:link {

	FONT-WEIGHT: normal; COLOR: #6e8e05; FONT-FAMILY: tahoma; TEXT-DECORATION: underline

}

A:visited {

	FONT-WEIGHT: normal; COLOR: #6e8e05; FONT-FAMILY: tahoma; TEXT-DECORATION: underline

}

A:hover {

	FONT-WEIGHT: normal; COLOR: #f32b10; FONT-FAMILY: tahoma; TEXT-DECORATION: underline

}


.NormalRed {

	FONT-WEIGHT: bold; COLOR: #d08d00; FONT-FAMILY: tahoma

}

.NormalBold {

	FONT-WEIGHT: bold; FONT-FAMILY: tahoma

}


#copy {

	margin-top: 60px;

}

/*A.cat:: Controls the way the  Links on the left bar look before a user clicks  or mouse overs on them*/ 	 
A.cat {
	font-family: Arial, Helvetica, sans-serif;
	color: #0d6ed1;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-decoration:none;
}
/*A.cat:hover:: Controls the way the  Links on the left bar look  when a user passes  their mouse over a them*/ 	
A.cat:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #f32b10;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-decoration:underline;
}
/*A.cat:visited:: Controls the way the  Links on the left bar look after a user has visited that section*/ 
A.cat:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #0d6ed1;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-decoration:none;
}
/*A.cat:visited:hover:: Controls the way the  Links on the left bar look when a user hovers over a section they have visited*/ 	 
A.cat:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #f32b10;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-decoration:underline;
}
/*A.subcat:: Controls the way the  Links on the left bar look before a user clicks  or mouse overs on them*/ 	 
A.subcat {
	font-family: Arial, Helvetica, sans-serif;
	color: #0d6ed1;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
}
/*A.subcat:hover:: Controls the way the  Links on the left bar look  when a user passes  their mouse over a them*/ 	
A.subcat:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #f32b10;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
}
/*A.subcat:visited:: Controls the way the  Links on the left bar look after a user has visited that section*/ 
A.subcat:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #0d6ed1;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
}
/*A.subcat:visited:hover:: Controls the way the  Links on the left bar look when a user hovers over a section they have visited*/ 	 
A.subcat:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #f32b10;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
}

img {
	border: none;
}


/*

Phocos - main style sheet


/*


/* ##### global styles ##### */

body {

	font-family:Arial, Helvetica, sans-serif;

	color:#333;

	background-color: #FFFFFF;

	margin-top: 17px;

}


body#home ul#userNav li div.pathLink {

	position: relative;

	top: 0;

}

a {

	text-decoration: underline;

	/*文字颜色	color:#336633;*/

	color:#0068D0;



}



a:hover {

	text-decoration: underline;

}



a:active {

	color:#f58426;

}



	/* links with the round red button graphic */

a.buttonLink {

}

	a.buttonLink img {

	vertical-align:-4px;

	margin: 0 0 0 5px;

	text-decoration: none;

}



	/* links with the gray arrow button graphic */

a.moreLink {

}

	a.moreLink img {

	vertical-align:-2px;

	margin: 0 0 0 5px;

	text-decoration: none;

}



	/* active states for the above two link styles */

	a.buttonLink:active,

a.moreLink:active {

		

 color :#f58426;



}

h1, h2, h3, h4 {

	font-family:trebuchet ms, verdana, arial, sans;

	margin:0;

	padding:0;

}

h1 {

	/*color:#97271A;*/

	color:#f58426;

}

h2 {

	/*color:#185517;*/

	color:#0054A6;

	margin:10px 0 5px 0;

}

h3 {

	color:#405B6B;

	margin:30px 0 5px 0;

}



h4 {

	/*color:#97271A;*/

	color:#f58426;

	text-transform: capitalize;

	margin-top: 10px;

	margin-right: 0;

	margin-bottom: 8px;

	margin-left: 0;

}


ul {

	margin:0;

	padding:0;

}

img {

	border:0;

}

table {

	border-collapse:collapse;

}





/* important for clearing <br /> below the content div on single column pages like contact, register, login, etc. // not ncessary for two and three column pages */

br.clear {

	margin: 0;

	padding: 0;

}



.clearFloat { clear: both; }



/* Gets rid of dashed border in Firefox, when an element is clicked */

a, input, button { outline: none; }



div#header a {

	text-decoration: none;

}

div#header a:hover {

text-decoration: underline;

}

div#header img#logo {

	position:absolute;

	top:17px;

	left:28px;

	z-index:2;

}

	div#header ul#tools {

	position:absolute;

	top:15px;

	right:20px;

	margin:0;

	padding:0;

	list-style:none;

}

	div#header ul#tools li {

	float:left;

	margin:0;

	padding:0;

}



div#header ul#tools li.divider {

	color:#666;

	margin:0 8px 0 8px;

	padding:0;

}

	div#header form#search {

	position:absolute;

	bottom:11px;

	right:21px;

}

	div#header form#search input.text {

	width:110px;

	vertical-align:middle;

}

	div#header form#search input.buttonSearch {

	vertical-align:-4px;

}



/* displays the dropshadow. All content elements are nested in this div */

div#bgWrapper {

	width:100%;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

}









ul#nav li {

	float:left;

}



ul#nav li a {

	color:#fff;

	text-transform:capitalize;

	text-decoration: none;

}

	ul#nav li a:hover {

	text-decoration:none;

}



ul#nav li a:active {

	/* color: #962619; again, why do we have this style? jpo */

}



	ul#nav li#navHome,

	ul#nav li#navSolutions,

	ul#nav li#navCustomers,

	ul#nav li#navDevelopers,

	ul#nav li#navSupport,

	ul#nav li#navNews,

ul#nav li#navCompany {

	position: relative;

	height: 23px;

	margin: 0;

}

	ul#nav li#navHome,

	ul#nav li#navSolutions,

	ul#nav li#navCustomers,

	ul#nav li#navDevelopers,

	ul#nav li#navSupport,

	ul#nav li#navNews,

	ul#nav li#navCompany,

ul#nav li#navTest {

	position: relative;

	height: 23px;

	margin: 0;

}



	ul#nav li:hover,

ul#nav li.hover {

	/* background: url(../images/bg_mainNav_over.jpg) repeat-x 0 0; */

	 background: url(../images/navbar_bg3.png) repeat-x 0 0;

}



ul#nav li div {

	position: absolute; /* inherited by nested flyouts */

	left: -1px; /* align left border with main nav */

	top: 30px;

	/* width:115px; */

	display: none;

}



ul#nav li div ul {

	position: relative; /* inherited by nested flyouts -- also addresses Safari issue where dropdown retains focus onmouseout of LI */

	border: 1px solid #415C6C;

	list-style: none;

}



ul#nav li div ul li {

	float: none;

	position: relative;

	margin: 0;

}



ul#nav li div ul li a {

/* color: #30662F; 菜单颜色*/

	color: #005FBD;

	display: block;

	border-bottom: 1px solid #CCC;	/* LI focus is lost to elements contained in div#promo	*/

	background: #FFF;

}



	ul#nav li div ul li.last a,

ul#nav li div ul li.last div li a {

	border-bottom: 0; /* remove border from last LI in list */

}

ul#nav li div ul li.last div li a {

	border-bottom: 1px solid #ccc;

}



	/* for FLYOUTS */

	/* must add declarations for each flyout level */

	ul#nav li div ul li:hover a,

	ul#nav li div ul li.hover a,

	ul#nav li div ul li.last:hover a,

	ul#nav li div ul li.last.hover a,

	ul#nav li div ul li:hover div li:hover a,

	ul#nav li div ul li.hover div li.hover a,

	ul#nav li div ul li.last:hover li:hover a,

ul#nav li div ul li.last.hover li.hover a {

	/* background: #E3E3E3; 下拉菜单颜色*/

	background: #5599dd;



}



	ul#nav li div ul li:hover div li a,

	ul#nav li div ul li.hover div li a,

	ul#nav li div ul li.last:hover div li a,

ul#nav li div ul li.last.hover div li a {

	background: #FFF;

}





/* Use CSS instead of scripting to display hidden flyout nav */

/* SHOW NESTED UL */

ul#nav li:hover div,

ul#nav li.hover div {

	display: block;

	margin: 0;

	padding: 0;

}



/* HIDE NESTED THIRD TIER UL*/

ul#nav li:hover div ul li div,

ul#nav li.hover div ul li div {

	display: none;

}



/* SHOW NESTED THIRD TIER UL */

ul#nav li:hover div ul li:hover div,

ul#nav li.hover div ul li.hover div {

	display: block;

	margin: 0;

	padding: 0;

}



/* This rule would make the last third-tier submenu fly out to the left, so as not to go off screen. */

/* ul#nav li#navCompany div ul li div ul {	left: -179px; } */





/* Display current page in main navigation */

body#home ul#nav li#navHome,

body.products ul#nav li#navSolutions,

body.customers ul#nav li#navCustomers,

body.developers ul#nav li#navDevelopers,

body.support ul#nav li#navSupport,

body.news ul#nav li#navNews,

body.test ul#nav li#navTest,

/* 新增菜单栏目Test*/

body.company ul#nav li#navCompany,

body.open_quality ul#nav li#navSolutions {

/*background:#213039; 背景颜色*/

	/*background:#00AEEF;*/

	/*background:#ee6600;*/

	background:url(../images/navbar_bg2.png);

}



body.products.phocosone_can_help ul#nav li#navSolutions { background-color: transparent; }



body.products.phocosone_can_help ul#nav li#navSolutions:hover,

body.products.phocosone_can_help ul#nav li#navSolutions.hover {

	/* background: url(../images/bg_mainNav_over.jpg) repeat-x 0 0; 背景颜色*/



	background: url(../images/navbar_bg3.png) repeat-x 0 0;

}



/* secondary navigation (vertical in the left column) */

/* width of this is 170px - jpo */

ul#menu {

	margin: 0;

	padding: 0;

	display: block;

	list-style-type: none;

	text-align: left;

}

	ul#menu li {

	margin: 0;

	padding: 0;

	border-bottom:1px solid #fff;

}





ul#menu li.empty {

	margin: 0;

	padding: 0;

}

	ul#menu li a.last {

	border:0;

}

	ul#menu li a {

	display:block;

	width:207px;

	background:#d0d3d7;

	color:#22313A;

	text-decoration:none;

	padding-top: 2px;

	padding-right: 6px;

	padding-bottom: 2px;

	padding-left: 14px;

}

#mav {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

	font-size: 12px;

}

#mav a {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

}

#mav a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFCC00;

	text-decoration: underline;

}

#mav_1 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #6e8e05;

	text-decoration: none;

}

#mav_1 a{

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #6e8e05;

	text-decoration: none;

}

#mav_1 a:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #f32b10;

	text-decoration: underline;

}



ul#menu a:hover {

	/* color:#A2342B; 菜单文字*/

	color:#ee6600;

	background: #C2C5C8;

	text-decoration:underline;

}





ul#menu li ul {

	margin: 0;

	padding: 0;

	border-top:1px solid #fff;

	position: relative;

	width: 100%;

	display: block;

	list-style-type: none;

}

	ul#menu li ul li {

	margin: 0;

	padding: 0;

	/*background:#eee;*/

	border-bottom:1px solid #d9d9d9;

	width: 100%;

}



ul#menu li ul li.last {

	border:0;

}

	ul#menu li ul li a {

	color:#666;

	width:207px;

	background:#eee;

}



ul#menu li ul li a:hover {

	background: #F8F8F8;

}







/* content space & columns */

div#content {

	width:100%;

	font-size: 12px;

	font-weight: bold;

}

	div#content div.column {

	float:left;

	clear:none;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #a9a9a9;

	border-bottom-color: #a9a9a9;

	border-left-color: #a9a9a9;

}



div.oneColumnHeader.bold {

	background-color: #96261A;

	color: #E0A131;

}

div.column2Header.bold {

	background-color: #96261A;

	color: #E0A131;

	padding: 20px 30px;

}



.on {

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #CCCCCC;

}

.font11 {

	font-size: 12px;

	text-decoration: none;

}

.font11 a{

	text-decoration: none;

}

.font11 a:hover{

	text-decoration: none;

}

/* support*/

	body.support ul#menu li#submenu1 ul li a,

	body.products ul#menu li#submenu1 ul li a,

	body.company ul#menu li#profiles ul li a ,

	body.company ul#menu li#submenu1 ul li a {

	color:#666;

	background:#eee;

}

	body.support ul#menu li#submenu1 ul li a:hover,

	body.products ul#menu li#submenu1 ul li a:hover,

  body.company ul#menu li#contact ul li a:hover,

	body.company ul#menu li#profiles ul li a:hover,

	body.company ul#menu li#submenu1 ul li a:hover  {

	color:#f58426;

	background: #F8F8F8;

}

	/* company */

	body.overview ul#menu li#company a,

	body.profiles ul#menu li#profiles a,

	body.submenu21 ul#menu li#profiles a,

	body.submenu22 ul#menu li#profiles a,



 	/*products, support*/ 	

	body.submenu1 ul#menu li#submenu1 a,

    body.submenu21 ul#menu li#submenu1 a,

    body.submenu22 ul#menu li#submenu1 a



	{

	background: #f58426;

	color: #fff;

}



/* Tier 2 "selected page" background color */

/* Tier 2 red and white*/





	/* Support,Products */

	body.submenu21 ul#menu li#submenu1 ul li#submenu21 a,

	body.submenu22 ul#menu li#submenu1 ul li#submenu22 a



		/* company */

	body.submenu21 ul#menu li#profiles ul li#submenu21 a,

	body.submenu22 ul#menu li#profiles ul li#submenu22 a

 {

	background:#fff;

	/*color: #962619;*/

	color: #f58426;

}

