/*---------------------------------------------------------------------------
H E R O E S ,   V I L L I A N S   &   M O R E S
-----------------------------------------------------------------------------
HVM = Heroes, Villians & More page
HVMCL = Heroes, Villians & Mores Character List page
HVMD = Heroes, Villians & Mores Details page
--------------------------------
STRUCTURE
------------------------------*/
#HVMadditionalContent { width: 224px; margin: 0 20px 0 0; float: left; }
#HVMmainContent { width: 500px; padding: 10px 0 0 0; background: url(http://cache.lego.com/upload/contentTemplating/BionicleStoryDictionary/images/1033/picD4E28348-9029-42E4-9B57-5BEA6006E0EF.gif) repeat-x; float: left; }
#HVMCLmainContent { width: 480px; margin: 0 20px 0 0; float: left; }
#HVMCLmainContentTxt { height: 150px; }
#HVMCLmainContent .linkListOtherOuter,
#HVMCLmainContent .linkListOuter { width: 216px; margin: 30px 20px 0 0; display: block; border: none; float: left; }
#HVMCLmainContent .linkListOuter { width: 226px; margin: 30px 0 0 0; }
#HVMCLmainContent .linkList { width: 100%; height: 400px; overflow: auto; }
#HVMDlinkContainer { width: 225px; float: left; }
#HVMDlinkContainer .linkList { width: 223px; float: left; }
#HVMDlinkContainer .other { height: 330px; overflow: auto; }
#HVMCLmainContent .linkList .HVMCLcharacterList,
#HVMDlinkContainer .linkList .HVMCLcharacterList { padding: 0 0 12px 0; margin: 0 0 10px 0; display: block; }
.HVMCLcharacterListHeader { display: block; font-weight: bold; }
.HVMCLcharacterListTxt { padding: 0 0 0 45px; display: block; }
#HVMDadditionalContent { width: 215px; height: 610px; margin: 0 10px 0 0; overflow: auto; float: left; }
#HVMDmainContentImg .HVMDplayMovie { margin: 5px 4px 0 0; float: right; }
#HVMDlinkContainer { margin: 0 10px 0 0; }
.white_content { padding: 10px; border: orange 5px solid; display: none;  z-index: 1002; color: #000; position: absolute; top: 10%; background-color: #fff; }
.LinkCssClass { font-weight: bold; font-size: 1em; }

/* -----------------------------
LINKS
------------------------------*/
#HVMCLmainContent .linkList a,
#HVMDlinkContainer .linkList a { width: 97%; display: block; }
#HVMCLmainContent .linkList a.HVMCLcharacterList:hover, 
#HVMDlinkContainer .linkList a.HVMCLcharacterList:hover { text-decoration: none}
#HVMCLmainContent .linkList a.HVMCLcharacterList:hover .HVMCLcharacterListHeader,
#HVMDlinkContainer .linkList a.HVMCLcharacterList:hover .HVMCLcharacterListHeader { text-decoration: underline }

/* -----------------------------
IMAGES
------------------------------*/
#HVMadditionalContent img { margin: 20px 0 0 0; }
#HVMCLmainContent .linkListOtherOuter img,
#HVMCLmainContent .linkListOuter img { margin: 0 5px 10px 0 !important; }
#HVMDlinkContainer img { margin: 0 0 10px 0; }
#HVMCLmainContent .linkList img,
#HVMDlinkContainer .linkList img { margin: 0 5px 5px 0; display: block; float: left; }
#HVMDmainContentImg { width: 266px; margin: 0 15px 0 0; float: left; }
#HVMDmainContentImg img { margin: 0 4px 4px 0; float: left; }