body { // background-image:url('/BloodSplatBG.png'); background-repeat:no-repeat; background-position:center top; margin:5px 0px; padding:0px; text-align:center; } #mainBody { // background-attachment:fixed; background-repeat:no-repeat; background-position:center top; margin:0px; padding:0px; } #mainBanner { background-image: url("/HeaderVampV1B1.jpg"); background-repeat:no-repeat; height: 158px; width: 900px; margin:0px auto; } #googleAds { width:900px margin:0px auto; padding:10px; border:0px; overflow: hidden; } #mainContainer { overflow: hidden; width:900px; margin:0px auto; border-right:0px solid #333; border-left:0px solid #333; border-bottom:0px solid #333; border-top:0px solid #333; box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.3) inset; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px 15px 15px 15px; -webkit-box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.0) inset; -moz-box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.0) inset; box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.3) inset; } #midContainer { text-align:left; padding:5px; padding-top:10px; background-color:#fff; overflow: hidden; } #midContainer .left { width:50%; float:left; display: inline-block; } #midContainer .right { width:50%; float:right; display: inline-block; } #midContainer .spacer { LINE-HEIGHT: 0; WIDTH: 0px; HEIGHT: 0px; CLEAR: both } #Legal { width:100%; text-align: center; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica; COLOR: #232323; FONT-SIZE: 11px; } a:link { text-decoration: none; COLOR: #dd001e; } a:hover { text-decoration: underline; } a:visited { text-decoration: none; COLOR: #dd001e; } .body { FONT-FAMILY: Arial, Helvetica; COLOR: #232323; FONT-SIZE: 11px; line-height: 16px; text-decoration: none; } .body a:link { FONT-FAMILY: Arial, Helvetica; COLOR: #232323; FONT-SIZE: 11px; line-height: 16px; } .body a:visited { FONT-FAMILY: Arial, Helvetica; COLOR: #232323; FONT-SIZE: 11px; line-height: 16px; } .body a:hover { FONT-FAMILY: Arial, Helvetica; COLOR: #232323; FONT-SIZE: 11px; line-height: 16px; text-decoration: underline; } .spacer { LINE-HEIGHT: 0; WIDTH: 0px; HEIGHT: 0px; CLEAR: both } #navigation { POSITION: relative; PADDING-TOP: 108px; PADDING-RIGHT: 3px; vertical-align: middle; float: right; } #navigation UL { TEXT-TRANSFORM: uppercase; } #navigation UL DIV { PADDING-BOTTOM: 4px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 4px; FONT-FAMILY: Arial; FONT-SIZE: 11px; LINE-HEIGHT: 18px; } #navigation li a { display: block; margin: 0 1px 0 0; padding: 4px 10px; width: 60px; BACKGROUND-COLOR: #6e0000; COLOR: #ffffff; text-align: center; text-decoration: none } #navigation ul li DIV DIV { position: absolute; visibility: hidden; margin: 0; padding: 0; BACKGROUND-COLOR: #6e0000; COLOR: #ffffff; } #navigation ul li DIV DIV a { display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; BACKGROUND-COLOR: #9c0015; COLOR: #ffffff; BORDER-RIGHT: #9c0015 1px solid; BORDER-TOP: #9c0015 1px solid; BORDER-BOTTOM: #9c0015 1px solid; BORDER-LEFT: #9c0015 1px solid; } #navigation ul li DIV DIV a:hover { BACKGROUND-COLOR: #ffffff; COLOR: #dd001e; } #navigation UL LI { POSITION: relative; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FLOAT: left; COLOR: #dd001e; CURSOR: pointer; FONT-WEIGHT: bold; BORDER-RIGHT: #6e0000 1px solid; BORDER-TOP: #6e0000 1px solid; BORDER-BOTTOM: #6e0000 1px solid; PADDING-TOP: 2px; FONT-FAMILY: Arial; FONT-SIZE: 11px; LINE-HEIGHT: 18px; list-style: none; background: white; -moz-opacity:0.8;opacity:0.8; filter:alpha(opacity=80); } #navigation UL A { PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; WIDTH: 100%; PADDING-RIGHT: 2px; COLOR: #dd001e; TEXT-DECORATION: none; PADDING-TOP: 2px } #navigation UL A:hover { COLOR: #fff } #navigation UL LI:hover DIV { BACKGROUND-COLOR: #dd001e; COLOR: #fff } #navigation UL LI.divider { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 100%; BORDER-RIGHT: #cecece 1px solid; PADDING-TOP: 0px } #navigation UL LI UL { POSITION: fixed; DISPLAY: none; MARGIN-LEFT: -40px } #navigation UL LI:hover UL { DISPLAY: block } #navigation UL LI UL LI { BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 5px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; BORDER-TOP: medium none; BORDER-RIGHT: medium none; PADDING-TOP: 8px } #navigation UL LI UL LI:hover { COLOR: #000 } #news { background-color: #FFFFFF; PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px; } #newsChannel { FONT-FAMILY: Arial, Helvetica; COLOR: #dd001e; FONT-SIZE: 18px; FONT-WEIGHT: bold; } #newsChannel a { text-decoration: none; color: #000000; } #newsChannel a:hover { text-decoration: underline; color: #000000; } #FrontNewsImage IMG { BORDER-BOTTOM: #9d9999 1px solid; BORDER-LEFT: #9d9999 1px solid; BORDER-TOP: #9d9999 1px solid; BORDER-RIGHT: #9d9999 1px solid; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 2px; MARGIN-RIGHT: 10px; MARGIN-TOP: 10px; } #newsPubdate { FONT-FAMILY: Arial, Helvetica; COLOR: #232323; FONT-SIZE: 11px; } #newsDescription { FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 13px; COLOR: #232323; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 3px; } #newsDescription IMG { BORDER-BOTTOM: #9d9999 1px solid; BORDER-LEFT: #9d9999 1px solid; BORDER-TOP: #9d9999 1px solid; BORDER-RIGHT: #9d9999 1px solid; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 2px; MARGIN-RIGHT: 10px; MARGIN-TOP: 0px; } #newsDescription ul li { FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 12px; COLOR: #232323; PADDING-BOTTOM: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 4px; BORDER-BOTTOM: #9d9999 2px solid; BORDER-LEFT: #9d9999 0px solid; BORDER-TOP: #9d9999 0px solid; BORDER-RIGHT: #9d9999 0px solid; border-style: dotted; } #newsDescription ul li:before { content: "\00BB \0020"; } #newsLink { FONT-FAMILY: Arial, Helvetica; TEXT-ALIGN: right; FONT-WEIGHT: bold; COLOR: #dd001e; FONT-SIZE: 12px; } #newsLink { FONT-FAMILY: Arial, Helvetica; TEXT-ALIGN: right; FONT-WEIGHT: bold; COLOR: #dd001e; FONT-SIZE: 12px; } #spacerHor { PADDING-BOTTOM: 7px; CLEAR: both } #spacerSep { PADDING-BOTTOM: 25px; CLEAR: both } #spacer { PADDING-BOTTOM: 15px; } #prodCat { FONT-FAMILY: PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px; CLEAR: both; } #prodCat .Description { FONT-FAMILY: Arial, Helvetica; FONT-WEIGHT: bold; COLOR: #dd001e; FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; } #prodCat .marketingDescription { FONT-FAMILY: Arial, Helvetica; COLOR: #232323; FONT-SIZE: 11px; } #prodCat IMG { BORDER-BOTTOM: #9d9999 1px solid; BORDER-LEFT: #9d9999 1px solid; BORDER-TOP: #9d9999 1px solid; BORDER-RIGHT: #9d9999 1px solid; MARGIN-BOTTOM: 15px; MARGIN-LEFT: 0px; MARGIN-RIGHT: 5px; MARGIN-TOP: 0px; FLOAT: left; } #arrow { float: right; width: 0; height: 0; border-color: #000 #fff #fff #fff; border-style: solid; border-width: 5px 5px 5px 5px; } #FrontContentSelector { MARGIN-TOP: -10px; } #FrontContentSelector UL { TEXT-TRANSFORM: uppercase; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; } #FrontContentSelector UL DIV { PADDING-BOTTOM: 4px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 4px; FONT-FAMILY: Arial; FONT-SIZE: 10px; LINE-HEIGHT: 10px; } #FrontContentSelector UL LI { POSITION: relative; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FLOAT: left; COLOR: #4d4d4d; CURSOR: pointer; FONT-WEIGHT: bold; BORDER-TOP: #4d4d4d 1px solid; BORDER-BOTTOM: #4d4d4d 1px solid; BORDER-RIGHT: #4d4d4d 1px solid; PADDING-TOP: 2px; FONT-FAMILY: Arial; FONT-SIZE: 11px; list-style: none; background: white; } #FrontContentSelector UL A { PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; WIDTH: 100%; PADDING-RIGHT: 2px; COLOR: #dd001e; TEXT-DECORATION: none; PADDING-TOP: 2px } #FrontContentSelector UL LI:hover DIV { BACKGROUND-COLOR: #dd001e; COLOR: #fff } #FrontContentSelector UL LI:hover UL { DISPLAY: block } #VampirellaContent { display:none; } #header { // background-image:url; // background-repeat:left; // background-position:center bottom;next; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px 15px 15px 15px; MARGIN-TOP: -5px; PADDING-TOP: 5px; PADDING-BOTTOM: 5px; TEXT-ALIGN:left; POSITION: relative; BORDER-BOTTOM: #333333 1px solid; CLEAR: both; BACKGROUND-COLOR: #FFFFFF; vertical-align: middle; -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.0) inset; -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.0) inset; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.0) inset; } #headerContainer { WIDTH:1000px; overflow: hidden; margin:0px auto; } #wallpaperSelector { MARGIN:0px auto; TEXT-ALIGN:left; width:50%; float:left; display: inline-block; } #wallpaperSelector .text { FONT-FAMILY: Arial; FONT-SIZE: 11px; COLOR: #a4a4a4; LINE-HEIGHT: 16px; TEXT-ALIGN: right; } #wallpaperSelector .block { MARGIN-BOTTOM: 5px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px; MARGIN-TOP: 5px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial; FONT-SIZE: 11px; LINE-HEIGHT: 10px; CURSOR: pointer; DISPLAY: block; FLOAT: right; BORDER-BOTTOM: #9d9999 1px solid; BORDER-LEFT: #9d9999 1px solid; BORDER-TOP: #9d9999 1px solid; BORDER-RIGHT: #9d9999 1px solid; } #wallpaperSelector IMG { -moz-opacity:0.8;opacity:0.8; filter:alpha(opacity=80); border: 0px; } #wallpaperSelector IMG:hover { -moz-opacity:1;opacity:1; filter:alpha(opacity=100); border: 0px; } #socialMedia { MARGIN:0px auto; TEXT-ALIGN:left; width:50%; float:left; display: inline-block; } #socialMedia .text { FONT-FAMILY: Arial; FONT-SIZE: 11px; COLOR: #a4a4a4; LINE-HEIGHT: 16px; TEXT-ALIGN: left; } #socialMedia .block { MARGIN-BOTTOM: 5px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px; MARGIN-TOP: 5px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; DISPLAY: block; FLOAT: left; top: 50%; } #socialMedia IMG { -moz-opacity:0.8;opacity:0.8; filter:alpha(opacity=80); border: 0px; } #socialMedia IMG:hover { -moz-opacity:1;opacity:1; filter:alpha(opacity=100); border: 0px; }