html,body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,fieldset {
  margin: 0;
  padding: 0;
}
body {
  font: 12px Arial,Tahoma,sans-serif; /*75%*/
  color: #444; /*#244;*/
  margin: 0;
  padding: 0;
  text-align: center;
}


/* GENERAL STYLES
------------------------------------------*/
a {
  color: #17A;
  text-decoration: none;
}
a:hover, a:hover {
  color: #0099EA;
  text-decoration: underline;
}
blockquote {
  margin: 0;
  padding: 0 0 0 8px;
  border-left: 6px solid #EEE;
}
.right {
  float: right;
}
.left {
  float: left;
}
.new {
  color: #CC3333;
}
.updated {
  color: #B2A424;
}
.error, .success, .information, .neutral {
  padding: 6px;
}
.error {
  background-color: #F9E1E1;
  border: 1px solid #EAAEAE;
}
.success {
  background-color: #EDF9E2;
  border: 1px solid #CCEBAD;
}
.information {
  background-color: #FAFBE4;
  border: 1px solid #EDF1B2;
}
.neutral {
  background: url(/images/optsbg.gif);
  color: #385A6B;
  border-top: 1px solid #EDF2F5;
  /*border-bottom: 1px solid #EDF2F5;*/
}
#container {
  width: 955px;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

/* HEADER
------------------------------------------*/
#header {
	background: #FAFEFF url(../images/header_bg.gif) repeat-x;
	height: 94px;
}
#header img {
	margin: 27px 0 5 24px;
}
#background_swap {
  background: url(/images/swap_bg.gif) no-repeat;
  float: right;
  margin: 30px 24px 0 0;
  padding: 10px 0 0 71px;
  height: 30px; /*40*/
  width: 98px; /*169*/
  display: inline;
}
#background_swap a {
  margin: 0 4px 0 0;
  padding: 0;
}
#background_swap a img {
  margin: 0;
  padding: 0;
}
#pinkforoctober {
	margin: 29px 0 0 15px !important;
	padding: 0;
	border: 0;
}
#sub_navigation {
	background: #CBEEA8 url(../images/subnav_bg.gif) top left repeat-x;
	border-bottom: 1px solid #525C3D; /*dark: #576241 - light: #9FB591;*/
	
	height: 10px;
}


#bigbar {
	clear: left;
	background: #0C9FD6 url(../images/bigbar_bg.gif) repeat-x;
	height: 210px;
}
#bigbar a {
  color: #EBF7FA;
  text-decoration: none;
}
#bigbar a:hover {
  color: #FFF;
}

/* News section */
#bigbar #news1 {
	float: left;
	background: url(../images/bigbar_bg_left.jpg) no-repeat;
	width: 241px; /*435*/
	height: 209px;
	padding: 30px 10px 0 10px;
	text-align: center;
	display: inline;
}
#bigbar #news2 {
  float: left;
  width: 238px;
  height: 179px;
  padding: 30px 10px 0 10px;
  text-align: center;
  display: inline;
}
#news1 p, #news2 p {
	margin-top: 4px;
	font-size: 18px;
}

/* News Icons with PNG transparency */
a img {border:none;} /* turn off link borders */
#news_studioscreen_png {
  width: 122px;
  height: 128px;
}
#news_osxscreen_png {
  width: 133px;
  height: 128px;
}
#news_schemes_png {
  width: 74px;
  height: 125px;
}

#bigbar h3 {
  font: italic 13px Arial,Tahoma,sans-serif;
  text-transform: uppercase;
  color: #FFB;
  margin: 4px 0 10px 0;
  padding: 0;
}

/* Quote section */
#bigbar #quote {
  position: relative;
  float: left;
  height: 210px;
  width: 230px;
}

#bigbar #quote_bg {
  margin: 22px 0 0 15px;
  padding: 4px 0 30px 0;
  height: 176px;
  width: 215px;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  background: url(../images/quote_bg.png) no-repeat;
  
  font: italic 13px/19px Arial,sans-serif;
  color: #EBF7FA;
  text-align: center;
  vertical-align: middle;
}
#bigbar #quote_bg td {
  padding: 0 8px;
}

#bigbar cite {
  position: absolute;
  left: 90px;
  top: 177px;
  color: #E1F5FA;
  width: 136px;
  font-style: normal;
}
.bigbar_sep {
  float: left;
  background: url(../images/news_sep.png) no-repeat;
  height: 209px;
  width: 2px;
}

/* MAIN CONTENT
------------------------------------------*/
#main {
  /*background: url(images/content_shadow.gif) repeat-x;*/
  overflow: auto;
}
#content {
	float: left;
	width: 630px;
	margin: 0px 4px 0;
	line-height: 19px; /* 16px for 11px font */
	display: inline;
}
#content p {
  margin: 0 0 14px 0;
}
h2 {
	color: #C52; /*#D05A25;*/
	margin: 0 0 17px;
	font: normal 16px Optima,Georgia,Arial Narrow,Arial,sans-serif;
	line-height: 23px;
	background: url(../images/comment.gif) no-repeat;
	padding-left: 20px;
}

h2 .info {
  float: right;
  font: italic 12px/21px Arial,sans-serif;
  height: 21px;
  color: #999;
  border-left: 1px solid #E4ECF2;
  margin: 3px 8px 0 0; 
  padding-left: 8px;
  display: inline;
}
h2 .no_border {
  border: none;
}

/* product icons */
.pc {
  background: url(images/winicon.gif) 8px 1px no-repeat;
  float: right;
  height: 21px;
  font-size: 1px;
  line-height: 21px;
  color: #FFF;
  border-left: 1px solid #E4ECF2;
  margin: 3px 0 0 0;
  width: 36px;
}
.mac {
  background: url(images/macicon.gif) 8px 1px no-repeat;
  float: right;
  height: 21px;
  font-size: 1px;
  line-height: 21px;
  color: #FFF;
  border-left: 1px solid #E4ECF2;
  margin: 3px 0 0 0; /*31*/
  width: 36px;
}
.web {
  background: url(images/webicon.gif) 8px 2px no-repeat;
  float: right;
  height: 21px;
  font-size: 1px;
  line-height: 21px;
  color: #FFF;
  border-left: 1px solid #E4ECF2;
  margin: 3px 0 0 0; /*31*/
  width: 36px;
}

/* product colors */
.product {
  background: url(images/header_hr.gif) 0 bottom no-repeat;
  margin: 0 0 5px 0;
  padding: 0 0 16px 0;
  font-size: 20px;
  color: #8FA5AD;
}
.studio {
  color: #006F9A;
}
.osx {
  color: #C33;
}
.v3 {
  color: #D6601F;
}
.colorpix {
  color: #664C99;
}
.online {
  color: #482;
}
.galleria {
  color: #C56;
}

h2 .bullet {
  color: #8FA5AD;
  font: bold 13px/43px Arial,Tahoma,sans-serif;
  vertical-align: top;
}

.product_screenshot {
  float: right;
  margin: 6px 0 0 16px;
  display: inline; /* fix IE double-float bug */
}
.requires {
  clear: right;
  float: right;
  width: 200px;
  text-align: center;
  font-size: 11px;
  color: #999;
}
.screenshot_block {
  clear: left;
  margin-bottom: 24px;
  overflow: auto;
}
h4 {
  font-size: 12px;
  font-weight: bold;
}
.screenshot {
  float: left;
  margin: 0 16px 0 0;
  display: inline; /* fix IE double-float bug */
}
.colorpix_screen {
  margin-right: 45px;
}
.content_block {
  margin-bottom: 36px;
  overflow: hidden;
}

.product_nav {
  margin-left: 2px;
  overflow: auto;
  /*font-size: 11px;*/
  /*font-weight: bold;*/
  color: #467;
}
.product_nav li {
  list-style-type: none;
  display: inline;
  margin-right: 16px;
}

ul.with_bullets {
  margin-bottom: 14px;
}
ul.with_bullets li {
  list-style-type: square;
  margin: 0 0 6px 22px;
  color: #455;
}

/* SIDEBAR
------------------------------------------*/
#sidebar {
	float: left;
	width: 280px; /*229*/
	margin: 5px 0 0 25px;
	font-size: 11px;
	display: inline;
}
#sidebar ul li {
  list-style: none;
}
#sidebar p {
  color: #4B798B; /*#70645C;*/
  line-height: 14px;
  margin: 0 0 10px 0;
  padding: 0;
}
#sidebar li {
  /*background: url(images/sidebar_bg_item_sep.gif) bottom left repeat-x;*/
  padding-bottom: 7px;
  margin: 0 0 16px 0; /*20 l & r*/
  /*border-bottom: 3px double #CCE0E0; */
}
#sidebar ul li ul li {
  padding: 0;
  margin: 0;
  border: none;
}

/* sidebar headers */
#sidebar h2 {
  font-size: 12px;
  /*color: #C52; #D62;*/
  line-height: 15px;
  text-transform: uppercase;
  margin: 12px 0 8px 0;
  border: none;
}

/* Product Section Sidebar Styles
**********************************/
#sidebar #fresh_schemes a {
  display: block;
  width: 198px;
  /*color: #8B734B;*/
  line-height: 23px;
  border-top: 1px solid #DFEDF2; /*#F2F2DF;*/
  padding: 4px 0 0 2px;
}
#sidebar #fresh_schemes a:hover {
  color: #17A;
  background-color: #FFF; /*#FCFCF9;*/
  text-decoration: none;
}
#sidebar #fresh_schemes a span.doc_icon {
  background: url(images/docicon16.gif) 1px 0 no-repeat;
  padding: 2px 0 0 19px;
}
.bullet {
  /*color: #789;*/
  font: bold 10px tahoma,arial,sans-serif;
}
#sidebar .scheme {
  display: block;
  width: 190px;
  margin: 5px 0 0 0;
  padding-bottom: 11px;
  overflow: auto;
}
#sidebar .outer {
  float: left;
  background-color: #FFF;
  border: 1px solid #C4D4D4; /*#D4D0C4;*/ /*#C4D4D4;*/
  padding: 1px;
  margin: 0 5px 0 0;
  display: block; /* was: inline */
}
#sidebar .shadow {
  display: block;
  padding: 1px;
}
#sidebar .color {
  display: block;
  height: 21px;
  width: 21px;
  margin: 0;
  padding: 0;
}
div.clear {
  clear: both;
}

.row1 {
  background-color: #F5F9FA; /*#F4F9FA;*/
}
.row2 {
  background-color: #F1F7F9; /*#EFF6F8;*/
}
.row {
	clear: right;
}
.row_left {
	clear: left;
	float: left;
}
#sideLogin fieldset {
	
	border: 1px solid #D4E7ED;
	background: #FBFDFE url(../images/png-0052.png) no-repeat;
	padding: 10px;
	text-align: right;
}
#sideLogin .textbox {
	width: 120px;
}
#sideLogin .submit {
  margin-top: 6px;
}
#sideLogin .lostpassword {
  float: left;
  margin-top: 7px;
}
#sideLogin .lostpassword label {
  color: #4E6C7E;
  font-size: 11px;
  margin: 0;
  padding: 0;
}
.sideoutline {
  border-top: 1px solid #D4E7ED;
  border-bottom: 1px solid #D4E7ED;
  /*border: 1px solid #D4E7ED;*/
  background-color: #F8FBFC;
  padding: 14px 0;
}
#search fieldset{
	border: 1px solid #D4E7ED;
	background: #FBFDFE url(../images/png-0086.png) no-repeat 160px 20px;
	padding: 10px;
	text-align: right;
}
#footer {
	font-size: 12px;
	color: #000;
	border: 1px solid #CCCCCC;
	width: 955px;
	clear: both;
	margin-top: 5px;
	
	

}
#footer table tr{
	font-size: 12px;
	color: #000;
}
#search2 fieldset{
	border: 1px solid #D4E7ED;
	background: #FBFDFE url(../images/png-0281.png) no-repeat 160px 50px;
	padding: 10px;
	text-align: right;
}
#search3{
	height:160px;
	border: 1px solid #D4E7ED;
	background: #FBFDFE ;
	padding: 10px;
	text-align: left;
}
/****************************************MENU*********************************************/
/*下列菜单样式*/
#menu {
	width:955px;
	height:26px;
	font-family: arial, 宋体, serif;
	font-size:12px;
	position: relative;
	border-bottom: 1px solid #CCCCCC;
	background: url(../images/nav_bg.gif) repeat-x;
}
#nav {line-height: 26px;list-style: none;}
#nav a {
	display: block;
	width: 86px;
	text-align:center;
	border-left:1px solid #060;
	color: #030;
}
#nav2  ul li a{
	color: #000;	
}

#nav font {display: block; width: 86px; text-align:center;border-left:1px solid #07AEFF;}
#nav a:link  {text-decoration:none;}
#nav a:visited text-decoration:none;}
#nav a:hover  {text-decoration:none;}
#nav li {float: left; width: 86px;}/*首层背景色*/
#nav li a:hover{
	background:#9F6 url(../images/subnav_bg_sep.gif) repeat-x;
}/*经过背景色*/

#nav li ul {
	z-index:3000;
	line-height: 26px;
	list-style-type: none;
	border-right:1px solid #060;
	border-top:1px solid #060;
	border-bottom:1px solid #060;
	text-align:left;
	left: -999em;
	width: 106px;
	position: absolute;
	border-left: 0px solid #060;
}
#nav li ul li{float:left; width:130px;background:#F9F8F8; border:0;}/*下拉列表层背景色,属性*/

#nav li ul a{display: block; width: 130px;text-align:left;padding-left:4px;}
#nav li ul a:link  {color:#666; text-decoration:none;}
#nav li ul a:visited  {color:#666;text-decoration:none;}
#nav li ul a:hover  {
	color:#000;
	text-decoration:none;
	font-weight:normal;
}/*下拉列表层经过属性*/

#nav li:hover ul {left: auto;}
#nav li.sfhover ul {left: auto;}
.noborder{
	border-style: none;	
}
/***************************************info ********************************************/
.news{
	width: 100%;
	border: 1px solid #aaccee;
	margin-right: 0px;
	margin-left: 10px;
	background: url(../images/title_bg.gif) repeat-x;	
}
.news{
margin-top: 10px;
}
.news h1 {
	height: 22px;
	padding-left: 28px;
	text-align: left;
	font-size: 14px;
	color: #006F9A;
	padding-top: 6px;
	background: url(../images/Ico_title.gif) no-repeat 5px 5px;
}
.more{
	float: right;	
	margin-top: -23px;
}
.news2{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
.news2 li{
	
	margin-top:10px;
	border-bottom:1px dashed #ccc;
	line-height:150%;
	padding-left: 10px;
	background: url(../images/dot.jpg) no-repeat;
}
.news2 span{
	text-decoration:none;
	float:right;
	color:#999;
	margin-right: 3px;
}
.news2 a:hover{ text-decoration:underline;}
.news2 li A{
	font-size: 12px;
	color: #2b3953;
	text-decoration: none;	
}
.news2 li A:hover{
	color: #156493;
	text-decoration: underline;
}
/****/
.gd_link{
	float: left;
	
}
.gd_link  li{
	
	
	line-height:20px;
	padding-left: 10px;
}

li{
	list-style-type: none;
}
/*********************************/

#smallbar {
  clear: left;
  background: #0C9FD6 url(../images/content_header_bg.gif) repeat-x;
  height: 70px;
}
h4 {
	float: left;
	/*width: 200px;*/
  background: url(../images/content_header_bg_left.gif) repeat-x;
	height: 70px;
	padding: 0 25px;
	font: bolder normal 20px/70px "黑体"; /*20*/
	color: #FFF;
	overflow: hidden;  /*text-transform: uppercase;
  letter-spacing: 1px;*/
}
#smallbar span {
  float: left;
  background: url(../images/content_header_bg_right.gif) no-repeat;
  height: 70px;
  width: 75px;
}
#info {
	background: #FFF;
	width: 100%;
	padding: 10px;
}
#page {
	text-align: right;
	line-height: 26px;
	margin-top: 10px;
	width: 98%;
}
.text{
	text-align: justify;
	font-size: 12px;
	line-height: 30px;
	color: #000;
	text-justify:inter-ideograph;
}
.table tr{
	font-size: 12px;
	color: #000;
	text-align: justify;
	line-height: 20px;
	text-justify:inter-ideograph;
}


/***************htmlmanager**********************/
.login22{
	width:200px;
	margin: 0 0 10px;
	padding: 5px;
	color: #666;
	border: 1px solid #f5f5f5;
	background: url(../image/right_title2.gif) repeat-x;
	font: 120% "宋体";
}
.login22 h1{
	color: #000066;
	font-size: 14px;
	line-height: 26px;
	margin-left: 10px;
}
.login22 table tr{
	font-size: 12px;	
}
/****************Menber**************************/
#menberLogin fieldset {
	border: 1px solid #D4E7ED;
	background: #FBFDFE url(../images/png-0098.png) no-repeat;
	padding: 10px;
	text-align: right;
}
#menberLogin .textbox {
	width: 120px;
}
#menberLogin .submit {
  margin-top: 6px;
}
#menberLogin .lostpassword {
  float: left;
  margin-top: 7px;
}
#menberLogin .lostpassword label {
  color: #4E6C7E;
  font-size: 11px;
  margin: 0;
  padding: 0;
}
.table_r {
	padding: 0px;
	margin: 5px;
}
.menu_left {
	height: 22px;
	width: 135px;
	background: url(../images/bt_bg1_admin_left.jpg) no-repeat;
	padding-top: 5px;
	padding-left: 15px;
	margin-bottom: 10px;
	font-weight: bolder;
	font-size: 12px;
}