/***  page: Characters  ***/

#pageCharacters .mainContent
{
	width:764px;
	left:28px;
	top:25px;
	height:433px;
}

body#pageCharacters .contentTxt
{
	position:relative;
}

div#charHilite,
ul#charMenu
{
	position:absolute;
	top:10px;
	left:12px;
	width: 260px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div#charHilite img
{
	position:absolute;
	top:0px;
	left:0px;
	margin:-1px 0 0 58px;
}

ul#charMenu div.charHilite
{
	position:absolute;
	top:3px;
	left:62px;
	width: 157px;
	height:34px;
	/*background: url(http://cdn.dolimg.com/franchise/beauty/media/images/chars/char_btn_hilite.png) top left no-repeat;*/
	display:none;
}

ul#charMenu li
{
	position:relative;
	margin: -4px 0px 0px 0px;
	padding: 0;
}

ul#charMenu .charBtn a
{
	position:relative;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	cursor:pointer;
	display: block;
	text-decoration: none;
	width:300px;
	height:52px;
}
ul#charMenu .selected
{
	/*
	background: top left no-repeat url(http://cdn.dolimg.com/franchise/beauty/media/images/chars/char_thumb_hi.png);
	*/
}
#pageCharacters img.hiddenOffscreen
{
	position:absolute;
	top:-1000px;
	left:-1000px;
}

ul#charMenu .charBtn a span
{
	display:none;
}
ul#charMenu .charBtn img.btnOn
{
	display:none;
	position:absolute;
	left:0px;
	top:0px;
}
ul#charMenu .charBtn img.btnOver
{
	position:absolute;
	left:0px;
	top:0px;
	filter:alpha(opacity = 0);
	-khtml-opacity:0.0;
	-moz-opacity:0.0;
	opacity:0.0;
}
ul#charMenu #charBtn0 a
{
	background-image: url(http://cdn.dolimg.com/franchise/beauty/media/images/chars/char_btn_belle_off.png);
}
ul#charMenu #charBtn1 a
{
	background-image: url(http://cdn.dolimg.com/franchise/beauty/media/images/chars/char_btn_beast_off.png);
}
ul#charMenu #charBtn2 a
{
	background-image: url(http://cdn.dolimg.com/franchise/beauty/media/images/chars/char_btn_lumiere_off.png);
}
ul#charMenu #charBtn3 a
{
	background-image: url(http://cdn.dolimg.com/franchise/beauty/media/images/chars/char_btn_chip_off.png);
}
ul#charMenu #charBtn4 a
{
	background-image: url(http://cdn.dolimg.com/franchise/beauty/media/images/chars/char_btn_mrsPotts_off.png);
}
ul#charMenu #charBtn5 a
{
	background-image: url(http://cdn.dolimg.com/franchise/beauty/media/images/chars/char_btn_cogsworth_off.png);
}
ul#charMenu #charBtn6 a
{
	background-image: url(http://cdn.dolimg.com/franchise/beauty/media/images/chars/char_btn_gaston_off.png);
}
ul#charMenu #charBtn7 a
{
	background-image: url(http://cdn.dolimg.com/franchise/beauty/media/images/chars/char_btn_maurice_off.png);
}
#charContent
{
	position:absolute;
	left:339px;
	top:12px;
	width:400px;
}
#charContent #charFrame
{
	position:absolute;
	left:53px;
	top:-2px;
	width:310px;
	height:278px;
}
#charContent #charFrame div#charSwf,
#charContent #charFrame img
{
	position:absolute;
	left:0px;
	top:0px;
	width:310px;
	height:278px;
}
#charTxt
{
	position:absolute;
	left:22px;
	top:285px;
	width:380px;
	height:90px;
	overflow:auto;
}
#charTxt .txt
{
	position:relative;
	width:360px;
	margin:0px;
	padding:0px;
}
#charTxt .charDesc p
{
	margin:0px;
	padding:0px;
}


div.bgCharacter
{
	position:absolute;
}

#pageCharacters #contentFrame
{
	top:15px;
}

#pageCharacters #contentScroll,
#pageCharacters .contentScroll
{
	height:90px;
}
#pageCharacters .txt p
{
	margin-top:0;
}
#pageCharacters #bgDark
{
	position:absolute;
	left:313px;
	top:2px;
	width:427px;
	height:400px;
}
