@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}


#wapper #frame #right-sitebar{
	width:234px;
}
#wapper #frame #main-frame {
	float: left;
	width: 760px;
	_width: 750px;
	margin-left:0px;
	background:transparent  url(images/bg-pro-home.png) left top no-repeat;
}
#wapper #frame #right-sitebar #support #list-items {
	/*background:url(images/com-header.jpg) no-repeat;*/
	width:234px;
}
#wapper #frame #right-sitebar #support .buttom {
	background:url(images/com-buttom.jpg) no-repeat;
	height:30px;
	width:234px;;
}

#main-frame a:link, #main-frame a:visited  {text-decoration: none; color: #57739c}
#main-frame a:hover  {color: #000}
#main-frame {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}

#product-grid li {font-size: 12px}


/*	Product Grid
-------------------------------------------------------------- */
#product-grid {
	float: left;
	clear: left;
	width: 728px;
	padding: 0 0 0 10px;
}
#product-grid h2 {
	float: left;
	margin: 10px 0 0 10px;
}
#product-grid ul {
	float: left;
	clear: left;
	margin: 10px 0 0 0;
	width: 100%;
}
#product-grid ul li {
	height: 170px;
	width: 172px;
	margin: 0 6px 6px 0;
	float: left;
	background-color: transparent;
	background-image: url(images/rollover.png);
	background-repeat: no-repeat;
	background-position: 0 -170px;
}
#product-grid ul li:hover, #product-grid ul li.active {
	background-position: 0 0;
}
#product-grid ul li a {
	display: block;
	font-weight: bold;
	width: 152px;
	height: 150px;
	margin: 10px 0 0 12px;
	cursor:pointer;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-property: 700;
	-webkit-transition-timing-function: ease-in;
}
#product-grid ul li a:hover {
	color: #000;
}
#product-grid ul li a span {
	float: left;
	background: transparent url(images/arrow.gif) no-repeat right 3px;
	padding-right: 15px;
	margin-bottom: 1em;
}
#product-grid ul li a em {
	float: left;
	clear: left;
	width: 152px; height: 100px;
}
#product-grid ul li a em img {
	float: left;
	clear: left;
	display: none; /* Hidden for screen, shown for print */
}
#product-grid ul li.grid-printers a em {
	background:transparent url(images/printers.png) no-repeat left top;
}
#product-grid ul li.grid-professional a em {
	background:transparent url(images/professional.png) no-repeat left top;
}
#product-grid ul li.grid-projectors a em {
	background:transparent url(images/projectors.png) no-repeat left top;
}
#product-grid ul li.grid-scanners a em {
	background:transparent url(images/scanners.png) no-repeat left top;
}
#product-grid ul li.grid-ink a em {
	background:transparent url(images/ink.png) no-repeat left top;
}
#product-grid ul li.grid-paper a em {
	background:transparent url(images/paper.png) no-repeat left top;
}
#product-grid ul li.grid-accessories a em {
	background:transparent url(images/accessories.png) no-repeat left top;
}
#product-grid ul li.grid-other a em {
	background:transparent url(images/other.png) no-repeat left top;
}


.submenu a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#57739c;
	text-decoration:none;
}

.submenu a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#2E1418;
	text-decoration:none;
}