/***  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;

}