/* @group Reset */
/* http://meyerweb.com/eric/tools/css/reset/ *//* v1.0 | 20080212 */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}
/* @end */
/* @group Layout CSS */
body {background: #4c4c4c url(../images/background.png) repeat-x 0 top;font-family: Arial, Helvetica, Geneva, sans-serif;}#page {margin: 0 auto;width: 1020px;}/* @group Branding Layer */#branding {z-index: 500;width: 1024px;position: absolute;margin: 20px 0 0;}#segment {height: 80px;width: 100px;background-color: #fff;float: left;}#logo {height: 80px;width: 172px;float: left;margin-right: 10px;margin-left: 10px;}#nav {height: 80px;width: 732px;background-color: #fff;float: left;}/* @group Top Nav */#nav ul {list-style-type: none;margin: 10px;}#nav ul li {display: inline;padding: 5px;}#nav ul li a, #nav ul li a:visited {font-weight: bold;text-decoration: none;color: #000;border-style: none;}#nav ul li a:hover {color: #f68f10;}/* @end *//* @end *//* @group Content Layer */#layout {width: 100%;z-index: 100;border-right: 2px solid #333;border-left: 2px solid #333;background-color: #fff;}#header {background-color: #b3b3b3;}#bar {background-color: #000;/* height is controlled by relative layout_xxx.css */ }#content {}/* @group Columns */#column_1 {width: 150px;float: left;padding: 15px;}#column_2 {float: left;padding-left: 15px;width: 510px;margin-bottom: 15px;}#column_3 {width: 300px;float: left;padding-left: 15px;padding-top: 15px;}/* @end *//* @group Column 1 *//* @group In Stores */#column_nav ul.instore li {list-style-position: inside;list-style-type: none;border-bottom: 1px solid #000;margin-bottom: 5px;padding-bottom: 5px;font-size: 12px;}/* @end *//* @group Navigation */#column_nav a {color: #000;font-weight: bold;text-decoration: none;border-bottom-style: none;}.column_nav_item {margin-bottom: .5em;}.column_nav_item a {color: #000;}h3.column_nav_item {cursor: pointer;}.column_nav_submenu {font-size: .8em;color: #4c4c4c;}.column_nav_submenu ul li {margin-bottom: .5em;}/* @end *//* @end *//* @group Column 2 Formatting */#column_2 {font-size: 13px;line-height: 15px;}#column_2 img {padding: 10px;background-color: #fff;border: 1px solid #bebebe;}#column_2 img.left {margin-right: 10px;margin-bottom: 10px;float: left;}#column_2 img.right {margin-left: 10px;margin-bottom: 10px;float: right;}#column_2 img.share, #column_2 img.rss_icon {border-style: none;margin: 0;padding: 0;}/* @end *//* @group Column 3 Adverts */#column_3 img {margin-bottom: 15px;}/* @end *//* @group Footer */#footer {background: #000 url(../images/background_footer.png) repeat-x 0 top;margin: 0;padding: 0.8em;color: #fff;text-align: center;font-size: 0.8em;}#footer ul li {display: inline;list-style-type: none;text-transform: uppercase;font-weight: bold;padding: 0 1em;}#footer ul li a {color: #fff;text-decoration: none;border-style: none;}#footer ul li a:hover {color: #ff7600;}#disclaimer {font-size: 0.7em;color: #ccc;margin: 3em 0;}/* @end *//* @end *//* @group HTML Tags *//* @group Text Tags */h1, h2, h3, h4, p {margin: 0.5em 0;}h1 {font-size:1.8em; line-height: 1em;}h1 a {border-bottom: 1px none #000;color: #000;text-decoration: none;}h1 a:hover {color: #ff7600;border-bottom-style: none;}h2 {padding: 0; font-size: 1.4em; line-height: 1.4em;}h2 a {color: #000;border-bottom: 1px none #000;text-decoration: none;}h2 a:hover {color: #ff7600;border-bottom-style: none;}h4 {color: #ff7600;font-size: 1em;line-height: 1em;margin: 0;padding: 0;}blockquote {padding: 0.5em 1em;border: 1px solid #999;background: #e6e6e6 url(../images/quoteblock.gif) no-repeat 1em 1em;}p {font-size: 0.9em;line-height: 1.2em;}a {text-decoration: none;color: #000;border-bottom: 1px dotted #000;}a:hover {color: #f68f10;border-bottom: 1px dotted #f68f10;}/* @end */hr {margin-bottom: 1em;}/* @end *//* @group Alignments */.center {text-align: center;}.right {text-align: right;}.justify {text-align: justify;}/* @end */.clear {clear: both;}/* @group Blackberry */.blackberry_jump {position: absolute;top: -100px;left: -100px;}.blackberry_hide {display: none;}/* @end *//* @group Text Modifications */.content_body img {background-color: #eaeaea;padding: 1em;border: 1px solid #919191;}.read_more {color: #4c4c4c;text-decoration: none;font-size: 0.9em;}a.read_more:hover {color: #ff7600;}/* @end */ul.content_sublisting {font-size: 12px;line-height: 16px;list-style-type: square;list-style-position: inside;}ul.shopping_list {font-size: 12px;line-height: 16px;list-style-type: square;list-style-position: inside;}p.tags {font-weight: bold;margin-top: 20px;}p.tags span {color: #919191;font-size: 11px;font-weight: normal;font-style: normal;}/* @group Twitter */.twitter {list-style-type: none;}.twitter div.top {height: 8px;background: url(../images/sprite_twitter.gif) no-repeat 0 0;display: block;}.twitter div.middle {background: url(../images/sprite_twitter.gif) repeat-y 151px 0;padding-left: 10px;padding-right: 10px;font-size: 0.7em;display: block;}.twitter div.bottom {height: 9px;background: url(../images/sprite_twitter.gif) no-repeat 0 21px;margin-bottom: 10px;text-align: right;display: block;font-size: 0.6em;font-weight: bold;padding-top: 10px;padding-right: 5px;}/* @end */ #response .err {color:#f30; font-style:italic; font-size:0.8em;}#response .success {color: #41800d; font-style:italic; font-size:0.8em;}
/* @end */
/* @group Layout Index */
/* @group Content Layer */#header { height: 400px; overflow: hidden; background: #a7a7a7 url(../images/index_promo_loader.gif) no-repeat center center;}#bar { height: 80px;}/* @end *//* @group Twitter */li.twitter { list-style-type: none;}li.twitter div.top { height: 8px; background: url(../images/twitter/balloon_top.gif) no-repeat; display: block;}li.twitter div.middle { background: url(../images/twitter/balloon_middle.gif) repeat-y; padding-left: 10px; padding-right: 10px; font-size: 0.7em; display: block; word-wrap: break-word;}li.twitter div.bottom { height: 21px; background: url(../images/twitter/balloon_bottom.gif) no-repeat; margin-bottom: 10px; text-align: right; display: block; font-size: 0.6em; font-weight: bold; padding-top: 10px; padding-right: 5px;}/* @end */
/* @end */
/* @group Premium Comics */
#premium_comics_bar {list-style-type: none;background-color: #000;padding: 0;margin: 0 auto;width: 1020px;height: 80px;white-space: nowrap;}.premium_comics_bar_button {cursor: pointer;float: left;}.premium_comics_bar_button a {border-style: none;}/* Safari hack so that the "on" images are off when loading in Safari */.premium_comics_highlight {opacity: 0;}/* @group Premium Comic Backgrounds */
.premium_comics_bar_startrek {background: url(../images/premium_bar/pip_startrek_off.gif) no-repeat;}
.premium_comics_bar_transformers {background: url(../images/premium_bar/pip_transformers_off.gif) no-repeat;}
.premium_comics_bar_terminator {background: url(../images/premium_bar/pip_terminator_off.gif) no-repeat;}
.premium_comics_bar_drwho {background: url(../images/premium_bar/pip_drwho_off.gif) no-repeat;}
.premium_comics_bar_gijoe {background: url(../images/premium_bar/pip_gijoe_off.gif) no-repeat;}
.premium_comics_bar_30days {background: url(../images/premium_bar/pip_30days_off.gif) no-repeat;}
.premium_comics_bar_angel {background: url(../images/premium_bar/pip_angel_off.gif) no-repeat;}
.premium_comics_bar_trueblood {background: url(../images/premium_bar/pip_trueblood_off.gif) no-repeat;}
/* @end */
/* @end */
/* @group Slideshow */
/**Stylesheet: Slideshow.cssCSS for Slideshow.License:MIT-style license.Copyright:Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).HTML:Notes:These next four rules are set by the Slideshow script.You can override any of them with the !important keyword but the slideshow probably will not work as intended.*/.slideshow {display: block;position: relative;z-index: 0;}.slideshow-images {display: block;overflow: hidden;position: relative;} .slideshow-images img {display: block;position: absolute;z-index: 1;opacity: 0;} .slideshow-thumbnails {overflow: hidden;}/**HTML:Notes:The images div is where the slides are shown.Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.*/.slideshow-images {height: 300px;width: 400px;} .slideshow-images-visible { opacity: 1;} .slideshow-images-prev { opacity: 0; }.slideshow-images-next { opacity: 0; }.slideshow-images img {float: left;left: 0;top: 0;} /**Notes:These are examples of user-defined styles.Customize these classes to your usage of Slideshow.*/.slideshow {height: 400px;margin: 0 auto;width: 1020px;}.slideshow a img {border: 0;}/**HTML:...
Notes:Customize the hidden / visible classes to affect the captions animation.*/.slideshow-captions {background: #000;bottom: 0;color: #FFF;font: normal 12px/22px Arial, sans-serif;left: 0;overflow: hidden;position: absolute;text-indent: 10px;width: 100%;z-index: 10000;}.slideshow-captions-hidden {height: 0;opacity: 0;}.slideshow-captions-visible {height: 22px;opacity: .7;}/**HTML:Notes:Customize the hidden / visible classes to affect the controller animation.*/.slideshow-controller {background: url(controller.png) no-repeat;height: 42px;left: 50%;margin: -21px 0 0 -119px;overflow: hidden;position: absolute;top: 50%;width: 238px;z-index: 10000;}.slideshow-controller * {margin: 0;padding: 0;}.slideshow-controller-hidden { opacity: 0;}.slideshow-controller-visible {opacity: 1;}.slideshow-controller a {cursor: pointer;display: block;height: 18px;overflow: hidden;position: absolute;top: 12px;}.slideshow-controller a.active {background-position: 0 18px;}.slideshow-controller li {list-style: none;}.slideshow-controller li.first a {background-image: url(controller-first.gif);left: 33px;width: 19px;}.slideshow-controller li.last a {background-image: url(controller-last.gif);left: 186px;width: 19px;}.slideshow-controller li.next a {background-image: url(controller-next.gif);left: 145px;width: 28px;}.slideshow-controller li.pause a {background-image: url(controller-pause.gif);left: 109px;width: 20px;}.slideshow-controller li.play a {background-position: 20px 0;}.slideshow-controller li.play a.active {background-position: 20px 18px;}.slideshow-controller li.prev a {background-image: url(controller-prev.gif);left: 65px;width: 28px;}/**HTML:Notes:Customize the hidden / visible classes to affect the loader animation.*/.slideshow-loader {height: 28px;right: 0;position: absolute;top: 0;width: 28px;z-index: 10001;}.slideshow-loader-hidden {opacity: 0;}.slideshow-loader-visible {opacity: 1;}/**HTML:Notes:Customize the active / inactive classes to affect the thumbnails animation.Use the !important keyword to override FX without affecting performance.*/.slideshow-thumbnails {bottom: -65px;height: 65px;left: 0;position: absolute;width: 100%;}.slideshow-thumbnails * {margin: 0;padding: 0;}.slideshow-thumbnails ul {height: 65px;left: 0;position: absolute;top: 0;width: 10000px;}.slideshow-thumbnails li {float: left;list-style: none;margin: 5px 5px 5px 0;position: relative;}.slideshow-thumbnails a {display: block;float: left;padding: 5px;position: relative; }.slideshow-thumbnails a:hover {background-color: #FF9 !important;opacity: 1 !important;}.slideshow-thumbnails img {display: block;}.slideshow-thumbnails-active {background-color: #9FF;opacity: 1;}.slideshow-thumbnails-inactive {background-color: #FFF;opacity: .5;}
/* @end */
/* @group mediaboxAdvanced */
/* mediaboxAdvanced - black theme */#mbOverlay {position: absolute;z-index: 9998;left: 0;width: 100%;background-color: #000;cursor: pointer;}#mbOverlay.mbOverlayFF {background: transparent url(../images/mediabox/80.png) repeat;}#mbOverlay.mbOverlayIE {background: transparent url(../images/mediabox/50.gif) repeat;}#mbCenter, #mbBottomContainer {position: absolute;z-index: 9999;left: 50%;overflow: hidden;background-color: #000;}.mbLoading {background: #000 url(../images/mediabox/BlackLoading.gif) no-repeat center;}#mbImage {position: absolute;left: 0;top: 0;border: 10px solid #000;background-repeat: no-repeat;/* Sets the style for inline content, if no style is given */font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;line-height: 19px;font-size: 12px;color: #fff;text-align: left;}/* Sets the style for inline content, if no style is given */#mbImage a, #mbImage a:link, #mbImage a:visited {color: #ddd;}/* Sets the style for inline content, if no style is given */#mbImage a:hover, #mbImage a:active {color: #fff;}#mbBottom {font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;line-height: 19px;font-size: 12px;color: #999;text-align: left;border: 10px solid #000;border-top-style: none;}#mbTitle {display: inline;color: #fff;font-weight: bold;line-height: 20px;font-size: 12px;}#mbNumber {display: inline;color: #999;line-height: 14px;font-size: 10px;}#mbCaption {display: block;color: #999;line-height: 14px;font-size: 10px;}#mbPrevLink, #mbNextLink, #mbCloseLink {display: block;float: right;height: 20px;width: 46px;background: transparent url(../images/mediabox/BlackClose.gif) no-repeat center;margin: 0;outline: none;}#mbPrevLink {width: 69px;background: transparent url(../images/mediabox/BlackPrevious.gif) no-repeat center;}#mbNextLink {width: 41px;background: transparent url(../images/mediabox/BlackNext.gif) no-repeat center;}#mbCloseLink {width: 46px;background: transparent url(../images/mediabox/BlackClose.gif) no-repeat center;}#mbError {position: relative;top: 30%;font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;line-height: 19px;font-size: 12px;color: #fff;text-align: center;border: 10px solid #700;padding: 20px 10px 30px;margin: auto;}
/* @end */