@charset "utf-8";
@import url("icon.css");
/* CSS Document */
html {overflow-y: scroll;}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:smaller;
	background:url(images/bg.png);
	background-repeat:repeat-x;
	background-color:#CAE8FF;
	margin:0px;
}

a{
	color:#3399FF;
}

.main_body{
	width:960px;
	margin:0 auto;
}

.tabs .top{
	text-align:right;
}

.tabs .top .link{
	display:inline;
	background-color:#E1F2FF;
	padding-left:5px;
	padding-bottom:2px;
	padding-right:5px;
	margin-right:20px;
}

.tabs .top .demo{
	display:inline;
	padding-left:24px;
	background:url(images/watch_icon1.gif) no-repeat 4px 3px;
}

.tabs .logo{
	background:url(images/header.png);
	width:250px;
	height:40px;
	text-indent:-5000px;
	display:block;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:20px;
}

.tabs ul{
	float:right;
	margin-top:-50px;
	margin-right:20px;
}

.tabs li{
	list-style:none;
	margin-left:15px;
	font-size:1.3em;
	float:left;
	display:block;
	height:28px;
	line-height:28px;
	padding-left:7px;
}

.tabs li.selected{
	background:url(images/btn_head.png) no-repeat;
	background-position:left top;
}

.tabs li a{
	color:#048AD2;
	text-decoration:none;
	height:28px;
	display:inline-block;
	padding-right:7px;
}

.tabs li.selected a{
	background:url(images/btn_tail.png) no-repeat;
	background-position:right top;
}

.tabs li a:hover{
	text-decoration:underline;
}

.wrapper .banner{
	background:url(images/banner_original.png);
	width:960px;
	height:30px;
}

.wrapper .banner_main{
	background:url(images/banner_main.png);
	width:960px;
	height:140px;
}

.wrapper .banner_products{
	background:url(images/banner_products.png);
	width:960px;
	height:140px;
}

.wrapper .banner_company{
	background:url(images/banner_company.png);
	width:960px;
	height:140px;
}

.wrapper .banner_downloads{
	background:url(images/banner_downloads.png);
	width:960px;
	height:140px;
}

.wrapper .banner_store{
	background:url(images/banner_store.png);
	width:960px;
	height:140px;
}

.wrapper .banner_support{
	background:url(images/banner_support.png);
	width:960px;
	height:140px;
}

.wrapper .main_content{
	background:url(images/wrapper_content.png);
	background-repeat:repeat-y;
	padding:20px;
}

.wrapper .main_content .content{
	width:560px;
	text-align:justify;
}

.wrapper .wrapper_foot{
	background:url(images/wrapper_foot.png);
	background-repeat:no-repeat;
	width:960px;
	height:23px;
	display:block;
}

.footer{
	padding:10px;
	color:#999999;
	text-align:right;
}

.dim_line{
	color:#666666;
}

.hard_line{
	color:#000000;
}

.headline{
	background:url(images/btn_head.png) no-repeat;
	height:28px;
	padding-left:20px;
	margin-bottom:25px;
}

.headline span{
	color:#333333;
	display:inline-block;
	height:28px;
	line-height:28px;
	vertical-align:middle;
	font-weight:bold;
	font-size:1.3em;
	padding-right:20px;
	background:url(images/btn_tail.png) no-repeat top right;
}

.main_adv{
	background1:#D9F1FF;
	color:#046299;
	border1:1px solid #9CC8FE;
	padding:5px;
	width:450px;
	margin-bottom:20px;
}

/* Button */
a.mbutton {
    background: transparent url('images/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.mbutton span {
    background: transparent url('images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.mbutton:hover {
    background-position: bottom right;
    color:#0073B7;
    outline: none; /* hide dotted outline in Firefox */
}

a.mbutton:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

a.button2 {
	color:#FFFFFF;
	background:#35AEF7;
	padding:0px 10px;
	text-decoration:none;
	border:1px solid #0269B5;
	border-left:10px solid #0269B5;
}

a.button2:hover {
	color:#FFFFFF;
	background:#97D8FB;
}

/* ------------ Round conner table ------------ */
.dialog_1 a{
	color:#000000;
	text-decoration:none;
}
.dialog_1 a:hover{
	color:#000000;
	text-decoration:underline;
}

.dialog_1{
	background-image:url(images/dialog_box_1.png);
}
.dialog_1 .top
{
	background-repeat:no-repeat;
	background-position:top right;
	height:12px;
}
.dialog_1 .top_left
{
	background-repeat:no-repeat;
	background-position:top left;
	height:12px;
	width:12px;
}
.dialog_1 .main
{
	background-color:#EFEFEF;
	padding-left:11px;
	padding-right:10px;
	text-align:justify;
	line-height:0.5;
	border:1px solid #EFEFEF; /* Hack for IE7 */
}

.dialog_1 .main h5{
	color:#666666;
	font-size:small;
}

.dialog_1 .main li
{
	list-style:none;
	background:url(images/go-next.png) no-repeat 2px;
	margin-left:-30px;
	padding-left:24px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
}

.dialog_1 .buttom
{
	background-repeat:no-repeat;
	background-position:bottom right;
	height:12px;
}
.dialog_1 .buttom_left
{
	background-repeat:no-repeat;
	background-position:bottom left;
	height:12px;
	width:12px;
}


/* ------------ Shopping cart table ------------ */
.shopping_cart_table th{
	background-color:#999999;
	text-align:center;
}

.shopping_cart_table td{
	background-color:#FFFFFF;
	vertical-align:top;
}

/* Price */
.price{
	font-size:1.3em;
	font-weight:bold;
	color:#FF3300
}

.standard_table th{
	background-color:#0099FF;
	color:#FFFFFF;
}

.standard_table td{
	background:#E8E8E8;
	color:#000000;
	padding:2px;
}

/* Support */
.form_field{
	background:url(images/point.gif) no-repeat;
	padding-left:18px;
	font-weight:bold;
	margin-bottom:20px;
}

.form_field .inputStyle{
	width:200px;
}

/* product */
.product_description h5{
	color:#048AD2;
	margin-bottom:0px;
	text-decoration:underline;
	font-size:1em;
}

/* Download instructions */
.dialog_ie1 {
	background-image: url(images/installation/all_in_one.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:214px;
	height:143px;
	margin:10px;
}

.dialog_ie2 {
	background-image: url(images/installation/all_in_one.png);
	background-position:0px -143px;
	background-repeat:no-repeat;
	width:247px;
	height:123px;
	margin:10px;
}

.dialog_uac {
	background-image: url(images/installation/all_in_one.png);
	background-position:0px -266px;
	background-repeat:no-repeat;
	width:214px;
	height:165px;
	margin:10px;
}

.installation_start_mmw{
	background-image: url(images/installation/start_mmw.png);
	width:514px;
	height:97px;
	margin:10px;
}

.installation_start_cmw{
	background-image: url(images/installation/start_cmw.png);
	width:624px;
	height:173px;
	margin:10px;
}

.installation_mmw_toolbar{
	background-image: url(images/installation/mmw.png);
	width:406px;
	height:47px;
}

.installation_cmw_toolbar{
	background-image: url(images/installation/cmw.png);
	width:884px;
	height:46px;
}

.installation_2007_toolbar{
	background-image: url(images/installation/office2007.png);
	width:885px;
	height:312px;
}