@charset "utf-8";
/* CSS Document */


body#Macplus #Menu li.Macplus a{background-position:0px 71px;color:#333333}
body#Ultraplus #Menu li.Ultraplus a{background-position:-80px -71px;color:#333333;} 
body#Color #Menu li.Color a{background-position:-160px -71px;color:#333333;}
body#Office #Menu li.Office a{background-position:-240px -71px;color:#333333;}

body {
	margin:0;
	padding:0;
	font-size:75%;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.4;
	color:#575757;
	background-color:#f7f7f7;
}
/* ================== Products =============== */
#Products ul {
	width:320px;
	}

#Products li a{
	display:block;
	line-height:12px;
	float:left;
	width:160px;
	height:34px;/* 91px */
	text-align:center;
	padding:59px 0 0 0;
	color:#666666;
	text-decoration: none;
	line-height:15px;
	}
#Products li a span{
	color:#999999;
	font-size:11px;}
#Products .Macplus a{background-image:url(../images/Products.gif);background-position:0px 0px;}
#Products .Macplus a:hover{background-position:0px 182px;color:#333333;}
#Products li a:hover span{color:#00588f;}

#Products .Ultraplus a{background-image:url(../images/Products.gif);background-position:159px 0px;}
#Products .Ultraplus a:hover{background-position:159px 182px;color:#333333;}
#Products li a:hover span{color:#00588f;}

#Products .Color a{background-image:url(../images/Products.gif);background-position:0px 282px;}
#Products .Color a:hover{background-position:0px 95px;color:#333333;}
#Products li a:hover span{color:#00588f;}

#Products .Office a{background-image:url(../images/Products.gif);background-position:159px 282px;}
#Products .Office a:hover{background-position:159px 469px;color:#333333;}
#Products li a:hover span{color:#00588f;}


/* ================== Menu =============== */
#Menu ul {
	width:320px;
	height:71px;
	}

#Menu li a{
	font-size:11px;
	display:block;
	line-height:10px;
	float:left;
	width:80px;
	height:30px;/* 71px */
	text-align:center;
	color:#8f8f8d;
	text-decoration: none;
	padding:39px 0 0 0;
	line-height:13px;
	}
#Menu .Macplus a{background-image:url(../images/Menu.gif);background-position:0px 0px;}
#Menu .Macplus a:hover{background-position:0px 71px;color:#333333;}
#Menu .Macplus {background-image:url(../images/Menu.gif);background-position:0px 0px;background-position:0px 71px;color:#333333;}

#Menu .Ultraplus a{background-image:url(../images/Menu.gif);background-position:-80px 0px;}
#Menu .Ultraplus a:hover{background-position:-80px -71px;color:#333333;}

#Menu .Color a{background-image:url(../images/Menu.gif);background-position:-160px 0px;}
#Menu .Color a:hover{background-position:-160px -71px;color:#333333;}

#Menu .Office a{background-image:url(../images/Menu.gif);background-position:-240px 0px;}
#Menu .Office a:hover{background-position:-240px -71px;color:#333333;}
/* ================== Content =============== */
#Content1,#Content{
	margin:0 8px;
	 position:relative;}
#Content .buy {
	position: absolute;
	left: 197px;
	top: 80px;
	font-weight: bold;
	text-align: center;
	width: 86px;
}

	#Content1 ul li{
		font-weight:bold;
		margin-top:10px;color:#00588f;}
	#Content1 ul ul li {
	font-weight:normal;
	margin-top:0;
	background-image:url(../images/icon.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:10px;
	color:#575757;
	}

#Content h1{
	background-image:url(../images/icon2.gif);
	background-repeat:no-repeat;
	text-indent: 25px;
	line-height: 20px;
	font-size:16px;
	padding-top:3px;
}
#Content h1 span{
	font-size:12px;
	color:#fc7921;
	padding-left:6px;}
#Content h2{
	font-size:13px;
	color:#00588f;
	margin-top:20px;}
#Content p{
	font-size:11px;}
#Content li{
	font-weight:bold;

	list-style-type: none;
	margin-top:5px;
	width:60px;

}


#Content img{
	padding-top:10px;}
#Content .Online-shop a{
	font-family:Arial;
	background-image:url(../images/Online-shop.gif);
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	display: block;
	height: 22px;
	width: 86px;
}
#Content .Online-shop a:hover{
	background-position: left bottom;
}

#Content .Online-shop2 a{
	font-family:Arial;
	background-image:url(../images/Online-shop.gif);
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	display: block;
	height: 22px;
}
#Content .Online-shop2 a:hover{
	background-position: left bottom;
}
#shop{
	background-color:#FFFFCC;
	height:95px;
	border:1px solid #FFCC66;
	padding:10px;}
#shop h2{
	margin:0;
	padding:0;
	color:#FF0000;
	padding-bottom:10px;}
hr {
	border:none;
	border-bottom:1px dashed #e2e2e2;}

/* ================== footer =============== */
#top a {
	display:block;
	font-size:10px;
	background-color:#ecebeb;
	text-decoration: none;
	line-height:25px;
	padding-right:10px;
	color:#16387c;
	font-size:90%;
	margin-top:20px;
	border-top:1px solid #dcdcdc;
}
#top a:hover{
	text-decoration: underline;
	}
#footer {
	font-size:80%;
	clear: both;
	background:url(../images/footer.gif) repeat-x;
	text-align:center;
	padding-top:5px;
	height:30px;
	background-color:#f2f2f2;
}