/* CategoryBox selector */

#edit-categoryselector {
	margin: 0 0 -620px 0;
	_margin: 0 0 -622px 0;
	padding: 0;
	height: 622px;
	width: 100%;
	position:relative;
	z-index:1;
	top:6px;
	/*
	display: block;
	width: 756px;
	*/
}
#markets-whitespace{
	height:498px;
	*height:508px;
	position:relative;
}
#edit-categoryselector.big {
	/*
	display: block;
	width: 948px;
	margin-top:20px;
	*/
}
#edit-categoryselector li.categorybox {
	background: url('/images/global/markets/categorybox-bg.png') no-repeat;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	height: 162px;
	width: 252px;
	position: relative;
}
#edit-categoryselector.big li.categorybox {
	background: url('/images/global/markets/categorybox-big-bg.png') no-repeat;
	height: 203px;
	width: 316px;
}
#edit-categoryselector li.topleft      { background-position: left  top; }
#edit-categoryselector li.topcenter    { background-position: -1px  top; }
#edit-categoryselector li.topright     { background-position: -2px  top; }
#edit-categoryselector li.bottomleft   { background-position: left -1px; }
#edit-categoryselector li.bottomcenter { background-position: -1px -1px; }
#edit-categoryselector li.bottomright  { background-position: -2px -1px; }

#edit-categoryselector.big li.topleft      { background-position: left  top; }
#edit-categoryselector.big li.topcenter    { background-position: -1px  top; }
#edit-categoryselector.big li.topright     { background-position: -2px  top; }
#edit-categoryselector.big li.bottomleft   { background-position: left -1px; }
#edit-categoryselector.big li.bottomcenter { background-position: -1px -1px; }
#edit-categoryselector.big li.bottomright  { background-position: -2px -1px; }

#edit-categoryselector li.categorybox div.category-content {
	position: relative;
	left: 5px;
	top: 5px;
	height: 154px;
	width: 244px;
}
#edit-categoryselector.big li.categorybox div.category-content {
	height: 195px;
	width: 308px;
}
#edit-categoryselector li.topleft      div.category-content { left: 5px; top: 5px; }
#edit-categoryselector li.topcenter    div.category-content { left: 4px; top: 5px; }
#edit-categoryselector li.topright     div.category-content { left: 3px; top: 5px; }
#edit-categoryselector li.bottomleft   div.category-content { left: 5px; top: 4px; }
#edit-categoryselector li.bottomcenter div.category-content { left: 4px; top: 4px; }
#edit-categoryselector li.bottomright  div.category-content { left: 3px; top: 4px; }

#edit-categoryselector.big li.topleft      div.category-content { left: 5px; top: 5px; }
#edit-categoryselector.big li.topcenter    div.category-content { left: 4px; top: 5px; }
#edit-categoryselector.big li.topright     div.category-content { left: 3px; top: 5px; }
#edit-categoryselector.big li.bottomleft   div.category-content { left: 5px; top: 4px; }
#edit-categoryselector.big li.bottomcenter div.category-content { left: 4px; top: 4px; }
#edit-categoryselector.big li.bottomright  div.category-content { left: 3px; top: 4px; }

#edit-categoryselector li.categorybox div.category-content img {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	z-index: 0;
}
#edit-categoryselector li.categorybox div.category-content h3 {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	position: absolute;
	left: 17px;
	top: 14px;
	z-index: 1;
	width: 121px;
}
#edit-categoryselector.big li.categorybox div.category-content h3 {
	font-size: 20px;
}
#edit-categoryselector li.categorybox div.category-content div.category-btn {
	background: url('./images/global/btn-learnmore-hover.png') no-repeat;
	_background: url('/images/global/btn-learnmore-hover.gif') no-repeat;
	position: absolute;
	left: 16px;
	top: 120px;
	height: 28px;
	width: 103px;
	z-index: 1;
}
#edit-categoryselector.big li.categorybox div.category-content div.category-btn {
	left: 10px;
	top: 164px;
}
#edit-categoryselector li.categorybox div.category-content div.category-btn:hover {
	background-position:0 -28px;
}
#edit-categoryselector li.categorybox div.category-content div.category-btn a {
	display: block;
	height: 19px;
	text-indent: -9999px;
}


/* markets specific colors/images */
body.products #edit-bp-hero {
	background: url('/images/global/markets/medical/hero.png') no-repeat;
}


body.products ul#edit-midnav-bp li a{
	background:url('../../images/global/nav-midnav-blue.gif') no-repeat 0 0;
}
body.gaming ul#edit-midnav-bp li a{
	background:url('../../images/global/nav-midnav-red.gif') no-repeat 0 0;
}
body.auto ul#edit-midnav-bp li a{
	background:url('../../images/global/nav-midnav-gray.gif') no-repeat 0 0;
}
body.ce ul#edit-midnav-bp li a{
	background:url('../../images/global/nav-midnav-green.gif') no-repeat 0 0;
}
body.mobile ul#edit-midnav-bp li a{
	background:url('../../images/global/nav-midnav-pink.gif') no-repeat 0 0;
}

