/* CSS Document */
* {padding: 0px; margin: 0px; }

html {height: 100%; overflow: scroll}
body {height: 100%; text-align: center; background: url(a/side.jpg) repeat-y; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: purple;}

p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: purple; padding: 0px;margin: 0px;}
p.style1 {color: black}

#wrapper {position: relative; width: 714px; height: 100%; margin: 0 auto}

div.container {width: 713px; border:2px solid orange; margin: 0 auto; background: white;}
div.container1 {width: 705px; border: 4px solid white; margin: 0 auto;}

a.bp1 {position:absolute; top: 165px; left: -50px; width: 200px; height: 188px;}
a.bp2 {position:absolute; top: 110px; left: 567px; width: 200px; height: 243px}
a.ban2 {position:absolute; top: 190px; left: 425px}

div.header {width: 700px; }
div.hmenu {text-align: center; margin: 0px; padding: 0px; height: 20px; position: absolute; top: 150px; left: 208px}
div.menu {text-align: center; margin: 0px; padding: 0px; height: 20px; position: relative; bottom: 34px; left: 200px}

div.hleft {width: 200px; border-right: 1px solid #ccc; padding: 10px}
div.hcenter {float:right; width: 238px; padding: 10px}
div.hright {float:right;width: 200px; border-left: 1px solid #ccc; padding: 10px}

div.homegalcont {width: 490px; height: 440px;float: right; text-align: center}
div.homegal {position: relative; width: 490px; height: 440px; background: url(a/homegal.jpg) 50% 0 no-repeat;}
/*Add a height attribute and set to largest image's height to prevent overlaying*/

div.marquee {margin: 0 auto; text-align:center; height: 45px; width: 480px;color: black; font-size: 14px; font-weight: bold; background: url(a/m_bg.jpg) no-repeat;}
div.aboutbws {text-align: left; background: url(a/aboutbg.jpg) -26% 25% no-repeat; margin-left: 5px }
div.ahl1 {height: 200px; width: 200px; background: url(a/highlight1.jpg); position: absolute; left: 491px; top: 540px; z-index: 5; text-align:center;}
div.ahl2 {height: 150px; width: 150px; background: url(a/highlight2.jpg); position: absolute; left: 497px; top: 202px; z-index: 3; text-align:center;}
div.ahl3 {height: 175px; width: 175px; background: url(a/highlight3.jpg); position: absolute; left: 520px; top: 363px; z-index: 4; text-align:center;}

div.hometext {width: 200px; height: 500px; text-align: left; padding-left: 5px}
div.footer {background-color: purple; width: 700px; height: 30px; text-align: right; vertical-align: bottom}
div.bub1 {position: absolute; left: 648px; top: 314px; z-index: 7;}
div.bub2 {position: absolute; left: 476px; top: 511px; z-index: 7;}
div.bub3 {position: absolute; left: 505px; top: 342px; z-index: 7;}
div.prod {text-align: left; padding-left: 27px}
div.cont {text-align: left; padding-left: 27px; background: url(a/cont_bg.jpg) 100% 100% no-repeat; position:relative}

div.prodsp {text-align: left; padding-left: 5px;}
div.prodbp {text-align: left; padding-left: 5px; background: url(a/bigpops_bg.jpg) 95% 100% no-repeat}
div.prodbrats {text-align: left; padding-left: 5px; background: url(a/brats_pyramid.jpg) 95% 100% no-repeat}
div.prodrnr {text-align: left; padding-left: 5px; background: url(a/rnr_bg.jpg) 95% 100% no-repeat}
div.prodiceup {text-align: left; padding-left: 5px; background: url(a/iceup_bg.jpg) 95% 100% no-repeat}
div.prodlnc {text-align: left; padding-left: 5px; background: url(a/lnc_bg.jpg) 95% 100% no-repeat}
div.prodheartbeat {text-align: left; padding-left: 5px; background: url(a/heartbeat_bg.jpg) 95% 100% no-repeat}
div.prodsourp {text-align: left; padding-left: 5px; background: url(a/sourpunk_bg.jpg) 95% 100% no-repeat}
div.prodmsourp {text-align: left; padding-left: 5px; background: url(a/minisourpunk_bg.jpg) 95% 100% no-repeat}
div.prodpunkpops {text-align: left; padding-left: 5px; background: #fff}
div.prodfritc {text-align: left; padding-left: 5px; background: url(a/fritc_bg.jpg) 95% 100% no-repeat}
div.prodzbombs {text-align: left; padding-left: 5px; background: url(a/zourbomb_bg.jpg) 95% 100% no-repeat}
div.prodmff {text-align: left; padding-left: 5px; background: url(a/mff_bg.jpg) 95% 100% no-repeat}
div.prodbwschews {text-align: left; padding-left: 5px; background: url(a/bwschews_bg.jpg) 95% 100% no-repeat}
div.prodfdragon {text-align: left; padding-left: 5px; background: url(a/flyingdragon_bg.jpg) 95% 100% no-repeat}
div.prodjnr {text-align: left; padding-left: 5px; background: url(a/junior_bg.jpg) 95% 100% no-repeat}
div.prodchamp {text-align: left; padding-left: 5px; background: url(a/champion_bg.jpg) 95% 100% no-repeat}
div.prodgalaxy {text-align: left; padding-left: 5px; background: url(a/galaxy_bg.jpg) 95% 100% no-repeat}
div.m_sp {; margin: 0px;}
div.mq {padding-top: 13px;}

div.stumbologo {position:absolute; top: 250px; left: 250px}

marquee {height: 30px; width: 440px; padding: 0px; margin: 0px; padding-left: 20px; padding-top: 14px}
marquee.marq1 {position: absolute; top: 259px; left: 135px; width: 430px}
p.marq1 {font-size: 12pt; font-weight: bold}

a.menu {font-size: 14px; display: block; font-weight: bold; color:white; width: 95px; text-align: center; text-decoration: none}
a.menu:hover {color: pink}
a{}
a:hover {color: lightblue}

img {border: 0px}
img.fd2 {padding-left: 50px}
img.fd3 {padding-left: 20px}
img.news {padding-left: 10px}

table {padding: 0px; margin: 0px; }
table.prod {text-align:left;}

td {padding: 0px; margin: 0px; }
td.menu {width : 103px; text-align: center; padding: 0 3 0 3}
td.ch1 {padding-left: 20px; padding-top: 30px}
td.ch2 {padding-left: 10px; vertical-align: bottom}
td.ca1 {padding-left: 20px; padding-top: 30px}
td.psp {width: 10px}
td.co1 {vertical-align:top; width: 200px}

h1 {margin: 0px; padding: 0px; font-size: 14px; color: orange}
h2 {margin: 0px; padding: 0px; font-size: 12px; color: orange}
h3 {margin: 0px; padding: 0px;font-size: 12px; color: orange}
h4 {color: white; font-size: 14pt; font-style: italic; padding: 0px; margin: 0px; padding-right: 20px }
h5 {margin: 0px; padding: 0px;font-size: 14px; color: orange}
h6 {margin: 0px; padding: 0px;font-size: 12px; color: black; font-weight: normal}
.h2 { padding: 45px 20px 0px 20px; }
.h3 { padding: 45px 5px 0px 20px; }
.h1 { padding: 70px 15px 0px 20px; }

.t {background: url(a/bt.jpg) 0 0 repeat-x; width: 350px}
.b {background: url(a/bb.jpg) 0 100% repeat-x}
.l {background: url(a/bl.jpg) 0 0 repeat-y}
.r {background: url(a/br.jpg) 100% 0 repeat-y}
.bl {background: url(a/bbl.jpg) 0 100% no-repeat}
.br {background: url(a/bbr.jpg) 100% 100% no-repeat}
.tl {background: url(a/btl.jpg) 0 0 no-repeat}
.tr {background: url(a/btr.jpg) 100% 0 no-repeat; padding:10px}

.ht {background: url(a/bt.jpg) 0 0 repeat-x; width: 200px}
.htg {background: url(a/bt.jpg) 0 0 repeat-x; width: 480px}
.at {background: url(a/bt.jpg) 0 0 repeat-x; width: 450px}
.pt {background: url(a/bt.jpg) 0 0 repeat-x; width: 320px}
.prt {background: url(a/bt.jpg) 0 0 repeat-x; width: 450px}


.black {color: black}
.prodp {margin-left: 110px}
.prodp2 {margin-left: 20px; margin-right: 200px; }
.prodp3 {margin-left: 20px; margin-right: 300px; }
.altc {color: #FF6600; font-weight: normal}
.hs1 {font-size: 14pt; color: purple; font-weight: bold}
.hs2 {color: blue}
.bold {font-weight: bold}

#bold {font-weight: bold}

ol {padding-left: 25px}
ol li {padding-bottom: 5px}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/*Add a height attribute and set to largest image's height to prevent overlaying*/
.thumbnail {width: 100%; font-size: 14pt; color:purple}

.thumbnail img{border: none; margin: 15px 5px 0px 5px;}

.thumbnail:hover{background-color: transparent;}

.thumbnail:hover img{border: none;}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: -1000px;
width: 200px;
border: none;
color:orange;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;padding: 0px;}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
background: transparent;
text-align: center;
width:274px;
top: 120px;
left: 90px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*end */