@charset "utf-8";
.cat-banner {
	margin: 0em 0em 0em 42.7em;
	padding: 0em;
	background: url(../Images/banners/select-cat.png) no-repeat right top;
	position: absolute;
	width: 127px;
	height: 90px;
}
.main-cat {
	color: #003399;
	font: bold 12px/33px Verdana, Arial, Helvetica, sans-serif;
	margin: 0em;
	padding: 0em;
	text-indent: 15em;
	height: 33px;
	background: #F0F1F5 url(../Images/backgrounds/bg-main-cat.jpg) no-repeat left top;
	text-align: left;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	width: 811px;
}
.cat-id {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/* CSS Document */

div#scroll {
	overflow: auto;
	color: black;
	background: #C4DFF4 url(../Images/cats/bg/bg-scroll.jpg) repeat-x left top;
	border-right: 1px solid #333333;
	border-left: 1px solid;
	height: 117px;
	text-align: center;
	width: 811px;
	border-bottom: 1px solid #999999;
	margin: 0em 0em 0em 0px;
	padding: 0em;
	clear: none;
	float: left;
}
div#scroll  ul {
	table-layout: fixed;
	border-collapse: collapse;
	margin: 0em;
	width: 6000px;
	padding: 0.4em 0em 0em 1em;
}
div#scroll li {
	list-style: url(none) none;
	display: inline;
	margin: 0em auto;
	padding: 0em;
	clear: none;
	float: left;
}
div#scroll a {
	text-decoration: none;
	list-style: url(none) none;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	color: #003366;
	text-align: center;
	vertical-align: middle;
}
div#scroll a:hover {
	color: #0071E1;
	text-decoration: underline;
}
div#scroll a:visited {}
#scroll .center {
	margin: 0em auto;
	padding: 0em;
}

/*div#scroll {
scrollbar-arrow-color: #4e658a;
scrollbar-3dlight-color: #777799;
scrollbar-darkshadow-color: #666677;
scrollbar-face-color: #white;
scrollbar-highlight-color: #e9e9e9;
scrollbar-shadow-color: #a1b1c3;
scrollbar-track-color: #9faab8;
}*/
#scroll .computer {
	background: url(../Images/cats/computer.gif) no-repeat center top;
	margin: 0.5em 0em 0em;
	padding: 4.5em 0em 0em;
	width: 100px;
	text-align: center;
	vertical-align: top;
	clear: none;
	float: left;
}
#scroll .camcorder {
	background: url(../Images/cats/camcorder.gif) no-repeat center top;
	margin: 0.5em 0em 0em;
	padding: 4.5em 0em 0em;
	width: 100px;
	text-align: center;
	vertical-align: top;
	clear: none;
	float: left;
}
#scroll .cellular {
	background: url(../Images/cats/cellular.gif) no-repeat center top;
	margin: 0.5em 0em 0em;
	padding: 4.5em 0em 0em;
	width: 100px;
	text-align: center;
	vertical-align: top;
	clear: none;
	float: left;
}
#scroll .conferencing {
	background: url(../Images/cats/conferencing.gif) no-repeat center top;
	margin: 0.5em 0em 0em;
	padding: 4.5em 0em 0em;
	width: 100px;
	text-align: center;
	vertical-align: top;
	clear: none;
	float: left;
}
#scroll .live {
	background: url(../Images/cats/live.gif) no-repeat center top;
	margin: 0.5em 0em 0em;
	padding: 4.5em 0em 0em;
	width: 100px;
	text-align: center;
	vertical-align: top;
	clear: none;
	float: left;
}
#scroll  .cat-box {
	width: 159px;
	height: 82px;
	margin: .25em 0.6em 0em 0em;
	padding: 0em;
	clear: none;
	float: left;
	text-align: center;
	display: inline;
	background: url(../Images/cats/bg/bg-cats.gif) no-repeat left top;
	vertical-align: middle;
}
#scroll .gaming {
	background: url(../Images/cats/gaming.gif) no-repeat center top;
	margin: 0.5em 0em 0em;
	padding: 4.5em 0em 0em;
	width: 100px;
	text-align: center;
	vertical-align: top;
	clear: none;
	float: left;
}
#scroll  .cat-img-container {
	margin: 0em 0em 0em .7em;
	padding: 0em;
	width: 3.94em;
	clear: none;
	float: left;
	vertical-align: middle;
	height: 4.5em;
}
div.cat-img-container      img {
	vertical-align: middle;
}
#scroll     span {
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

#scroll .podblog {
	background: url(../Images/cats/podblog.gif) no-repeat center top;
	margin: 0.5em 0em 0em;
	padding: 4.5em 0em 0em;
	width: 100px;
	text-align: center;
	vertical-align: top;
	clear: none;
	float: left;
}
#scroll .proaudio {
	background: url(../Images/cats/pro-audio.gif) no-repeat center top;
	margin: 0.5em 0em 0em;
	padding: 4.5em 0em 0em;
	width: 100px;
	text-align: center;
	vertical-align: top;
	clear: none;
	float: left;
}
#scroll .subcat {
	text-align: center;
	vertical-align: top;
	padding: 0em;
	clear: none;
	float: left;
	display: inline;
	margin: 0.35em 0.5em 0em 0em;
	width: 165px;
	list-style: none;
	white-space: normal;
	background: #999999;
	height: 80px;
}
#scroll .level-2-3 {
	margin: .5em 0em 0em 0.25em;
	padding: 0em;
	text-align: center;
	clear: none;
	float: left;
	width: 70px;
	display: inline;
}

/*#scroll  .subcat img {
	text-align: center;
	vertical-align: top;
	padding: 0em;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	clear: none;
	float: none;
	height: 78px;
	width: 63px;
	display: block;
}*/ 

#scroll  .subcat img {
	vertical-align: middle;
	padding: 0em;
	clear: none;
	float: left;
	margin: 0em .5em 0em 0em;
}