#opciones a
{
	padding: 160px 40px 10px 40px;
	display:block;
	float: left;
	width:200px;
	background-repeat:no-repeat;
	text-align:center;
	text-transform:uppercase;
	font-size: 10pt;
	color:#FF0;
	background-position: 40px 10px
}
#opciones a span
{
	color:white;
	font-size:8pt;
}

#opciones a:hover
{
	background-color:#222;
	text-decoration:underline;
}

#online {background-image:url('/images/nav/onlineon.png');}
#pdf    {background-image:url('/images/nav/pdfon.png');}
#order  {background-image:url('/images/nav/orderon.png');}
#preorder  {background-image:url('/images/nav/preorderon.png');}

#onlcat
{
	width:880px;
	margin-left:-14px;
}

div.selector
{
	width: 250px;
	height: 110px;
	float:left;
	margin:0;
	margin-left:30px;
}
div.selector a
{
	display:block;
	background-image:url(/images/buttonoff.jpg);
	width: 240px;
	height: 100px;
	padding: 5px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}

div.selector a:hover
{
	background-color:#221;
	background-image:url(/images/buttonon.jpg);
}

#navigator
{
width: 640px;
margin: 6px auto;
}
#navigator a
{
	display:block;
	width: 20px;
	float:left;
	height:15px;
	background-color:#333;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	padding: 4px 8px 8px 8px;
	margin: 2px;
}

#navigator a:hover
{
	background-color: #555;
}

a.pager
{
	 display:block;
	 float: left;
	 width:27px;
	 height: 640px;
}

#pageleft
{
	background: url('/images/leftdim.png') no-repeat 0 304px;
}

#pageleft:hover
{
	background: url('/images/leftlit.png') no-repeat 0 304px;
}

#pageright
{
	background: url('/images/rightdim.png') no-repeat 0 304px;
}

#pageright:hover
{
	background: url('/images/rightlit.png') no-repeat 0 304px;
}