@import url("vgmx_reset.css");

/* start main style */
body { color: #ccc; font-size: 1em; font-family: Tahoma, Arial, Helvetica, sans-serif; background: #000 url(images/vgmx_pagebk.png) repeat-x center top; }
a, a:visited, a:active, a:link { color:#FF0000; text-decoration: none; }
a:hover { text-decoration: underline; color: #FFCC00; }
img { border: none; }
.center { text-align: center; }
h3 { display: block; margin: 25px 0 0 0; padding: 0 10px 0 64px; height: 74px; line-height: 74px; color: #FFCC00; font-size: 1.3em; font-weight: bold; background: url(images/vgmx_h3bk2.png) no-repeat left top; }

/* masthead area */
#masthead { display: block; margin: 0px auto; width: 960px; height: 271px; background: url(images/vgmx_masthead.jpg) no-repeat center top; }
#masthead h1 { display: block; padding: 0 0 0 317px; width: 324px; height: 200px; text-indent: -9999px; }
#masthead h1 a { display: block; padding: 0; width: 324px; height: 200px; text-indent: -9999px; }

/* flash navigation div */
#flashnav { display: block; margin: 0px auto; width: 960px; height: 66px; background: url(images/vgmx_navbk.png) no-repeat center top; }

/* main content area */
.main { display: block; margin: 0px auto; width: 940px; }
.main p { display: block; margin: 5px; padding: 5px; }
.main p img { padding: 0 10px; }

/* preorder */
.preorder { display: block; margin: 0px auto; width: 920px; }
.preorder p { padding-bottom: 20px; }
.preorder label { display: block; margin-bottom: 5px; padding-right: 20px; width: 440px; height: 20px; line-height: 20px; text-align: right; float: left; }
.preorder .textfield { display: block; margin-bottom: 5px; padding: 3px 3px 0 3px; width: 200px; height: 17px; float: left;}
.preorder br { line-height: 2em; }
.preorder select { display: block; margin-bottom: 5px; float: left; }

/* carousel styles */
#carouseldiv { display: block; margin: 0px auto; width: 940px; }
#cwrapper { display: block; margin: 0px auto; width: 940px; height: 132px; background: url(images/vgmx_carouselbk.png) no-repeat top center; } 
.carousel { display: block; margin: 0px auto; padding: 13px 0 0 0; width: 920px; height: 87px; }
.prev, .next { display: block; margin: 0; padding: 0; width: 50px; height: 32px; border: 0px solid #000; float: left; }
.prev { background: #000 url(images/vgmx_prev.png) no-repeat top; }
.next { background: #000 url(images/vgmx_next.png) no-repeat top; }
.prev:hover { background: #000 url(images/vgmx_prev.png) no-repeat bottom; }
.next:hover { background: #000 url(images/vgmx_next.png) no-repeat bottom; }

/* footer styles */
#footer { display: block; margin: 0px auto; padding: 40px; width: 920px; background: #000 url(images/vgmx_footerbk.png) no-repeat top center; }
#footerlinks { display: block; padding: 0 10px 10px 150px; }
#footerlinks ul { font-size: 0.8em; }
#footerlinks li { display: block; float: left; }
#footerlinks li a { display: block; padding: 5px 10px 5px 10px; color: #fff; }
#footerlinks li a:hover { background-color: #AE0000; text-decoration: none; }
#footer p { display: block; padding: 10px 10px 0 10px; font-size: 0.8em; text-align: center; }
.copyright { display: block; padding-top: 20px; color: #FFCC00; clear: left; }

/* slidedeck slide style */
#slidedeck_frame { width: 620px; height: 380px; position: relative; overflow:hidden; background-color:#000 }
dl.slidedeck { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; float: right; background: #ccc; }
dl.slidedeck > dd { position: relative; margin: 0; border-bottom: 0px solid #ccc; overflow: hidden; }
dl.slidedeck dd.slide_1{ background: url('images/banner_images/banner_retron3.png') center center no-repeat; }
dl.slidedeck dd.slide_2{ background: url('images/banner_images/banner_supaboy.png') center center no-repeat; }
dl.slidedeck dd.slide_3{ background: url('images/banner_images/banner_tgit.png') center center no-repeat; }
dl.slidedeck dd.slide_4{ background: url('images/banner_images/banner_records.png') center center no-repeat; }
dl.slidedeck dd.slide_5{ background: url('images/banner_images/banner_wii_winner.png') center center no-repeat; }
dl.slidedeck dd.slide_6{ background: url('images/banner_images/banner_webuyipods.png') center center no-repeat; }

/* caption style */
div.caption { background: #000; background: rgba(0, 0, 0, 0.7); width: 30%; padding: 10px 20px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; position: absolute; top: 10px; left: 10px; text-align:left; }
div.caption h4, div.caption p, div.title h4, div.title p { margin:0; padding:0; font-size: 12px; }
div.caption h4 { font-size: 16px; font-weight:bold; padding: 0 0 10px 0; }
div.title { padding: 20px 0 0 20px; width: 50%; }
div.title h4 { font-size:22px; margin: 0 0 10px 0; }

/* caption1 style */
div.caption1 { background: #000; background: rgba(0, 0, 0, 0.7); width: 55%; padding: 10px 20px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; position: absolute; top: 220px; left: 10px; text-align:left; }
div.caption1 h4, div.caption1 p, div.title h4, div.title p { margin:0; padding:0; font-size: 12px; }
div.caption1 h4 { font-size: 16px; font-weight:bold; padding: 0 0 10px 0; }

/* caption2 style */
div.caption2 { background: #000; background: rgba(0, 0, 0, 0.7); width: 90%; padding: 10px 20px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; position: absolute; top: 220px; left: 10px; text-align:left; }
div.caption2 h4, div.caption2 p, div.title h4, div.title p { margin:0; padding:0; font-size: 12px; }
div.caption2 h4 { font-size: 16px; font-weight:bold; padding: 0 0 10px 0; }

/* vertical navigation style */
#slidedeck_frame:hover ul.galleryArrows { display:block; }
ul.galleryArrows { position:absolute; display: none; margin: -14px 0 0; padding: 0; list-style:none; overflow:visible; top: 50%; width:620px; z-index:10; }
ul.galleryArrows li { position: absolute; margin: 0; padding: 0; }
ul.galleryArrows li a { display: block; position: relative; overflow: hidden; width: 27px; height: 0; line-height:30px; padding: 27px 0 0; background: url('images/banner_images/galleryNav.png') 0 0 no-repeat; }
ul.galleryArrows li.next1 a { background-position: -27px 0; }
ul.galleryArrows li.prev1 { left: 10px; }
ul.galleryArrows li.disabled a { cursor: default; }
ul.galleryArrows li.next1.disabled a { background-position: -27px -27px; }
ul.galleryArrows li.prev1.disabled a { background-position: 0 -27px; }
ul.galleryArrows li.next1 { right: 10px; }

ul.galleryNav { position:absolute; bottom: 15px; margin: 0; padding: 0; list-style:none; z-index:10; left: 50%; }
ul.galleryNav li { display:block; float:left; margin: 0; padding: 0; }
ul.galleryNav li a { display:block; position:relative; overflow:hidden; height:0; width:15px; line-height: 20px; padding: 15px 0 0; background: url('images/banner_images/galleryNav.png') -8px -60px no-repeat; }
ul.galleryNav li.active a { background-position: -35px -60px; }