@charset "UTF-8";
/* CSS Document */

div#comicContentWrapper { width: 754px; }

div#comicContentWrapper h2 {
	font-size: 18px;
	color: #666;
	margin: 5px 0px 5px 0px;
	line-height: 20px;
}

div#comicTopMenu {
	float: left;
	clear: none;
	overflow: hidden;
	width: 760px;
	height: 40px;
	margin-bottom: 10px;
}

.subMenuItem { float: left; clear: none; overflow: hidden; }

div#comicTopMenu .overview {
	width: 144px;
	height: 40px;
	background-image: url(images/overview.gif);
}

div#comicTopMenu a:hover .overview {
	background-image: url(images/overview-rollover.gif);
}

div#comicTopMenu .features {
	width: 154px;
	height: 40px;
	background-image: url(images/features.gif);
}

div#comicTopMenu a:hover .features {
	background-image: url(images/features-rollover.gif);
}

div#comicTopMenu .specs {
	width: 139px;
	height: 40px;
	background-image: url(images/specs.gif);
}

div#comicTopMenu a:hover .specs {
	background-image: url(images/specs-rollover.gif);
}

div#comicTopMenu .extras {
	width: 138px;
	height: 40px;
	background-image: url(images/extras.gif);
}

div#comicTopMenu a:hover .extras {
	background-image: url(images/extras-rollover.gif);
}

div#comicTopMenu .buynow {
	width: 177px;
	height: 40px;
	background-image: url(images/buynow.gif);
}

div#comicTopMenu a:hover .buynow {
	background-image: url(images/buynow-rollover.gif);
}

div#comicHeaderLarge { float: left; clear: none; overflow: hidden; width: 754px; height: 320px;margin: 0px 0px 10px 0px; }

div#comicBody {  }

div#comicBody .leftColumn { float: left; clear: none; overflow: hidden; width: 320px; margin: 0px 12px 0px 0px; }

div#comicBody .leftColumn .organizeHeader { margin: 0px 0px 10px 0px; }

div#comicBody .leftColumn .homeStepOne { background-image: url(images/1-findcomics.png);
}

div#comicBody .leftColumn a:hover .homeStepOne { background-image: url(images/1-rollover.png);
}

div#comicBody .leftColumn .homeStepTwo { background-image: url(images/2-bagboard.png);
}

div#comicBody .leftColumn a:hover .homeStepTwo { background-image: url(images/2-rollover.png);
}

div#comicBody .leftColumn .homeStepThree { background-image: url(images/3-publishonline.png);
}

div#comicBody .leftColumn a:hover .homeStepThree { background-image: url(images/3-rollover.png);
}

div#comicBody .leftColumn .homeStepsBox {
	width: 320px;
	height: 158px;
	margin: 0px 0px 15px 0px;
}

div#comicBody .rightColumn { float: left; clear: none; overflow: hidden; width: 410px; padding: 5px; border: 1px solid #CCC; }

.overviewFeaturesBox { float: left; clear: none; width: 100%; border-bottom: 1px solid #CCC; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; }

.lastFeaturesBox { border: 0px none; margin: 0px; padding: 0px; }

.overviewFeaturesBox .thumbnail {
	float: left;
	clear: none;
	padding-top: 5px;
}

.overviewFeaturesBox .description {
	float: left;
	clear: none;
	width: 320px;
	padding-left: 12px;
}

.overviewFeaturesBox .description p {  }

div#screenshotFooter {
	float: left;
	clear: both;
	width: 742px;
	height: 190px;
	padding: 5px;
	border: 1px solid #CCC;
	margin: 10px 0px 0px 0px;
}

div#screenshotFooter h2 {
	padding: 0px 0px 0px 10px;
}

.screenshot {
	float: left;
	clear: none;
	overflow: hidden;
	padding-right: 30px;
	padding-left: 15px;
	padding-top: 15px;}

div#screenshotFooter .screenshot a img { border: 0px none; }

div.comicMediumHeader { float: left; clear: left; overflow: hidden; margin: 0px 0px 10px 0px; }

div.comicSquareLayout {  }

div.comicSquareLayout .leftColumn { float: left; clear: none; width: 565px; margin: 0px 10px 0px 0px; }

div.comicSquareLayout .leftColumn .featureWrapper { float: left; clear: none; margin: 0px 0px 10px 0px; }

div.comicSquareLayout .leftColumn .featureWrapper .featuresImage { float: left; clear: none; width: 277px; height: 236px; }

div.comicSquareLayout .leftColumn .featureWrapper .leftImage { margin: 0px 10px 0px 0px; }

div.comicSquareLayout .leftColumn .featureWrapper .rightImage { margin: 0px 0px 0px 10px; }

div.comicSquareLayout .leftColumn .featuresListBlock { float: left; clear: none; overflow: hidden; border: 1px solid #CCC; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; }

div.comicSquareLayout .leftColumn .featuresIcon { float: left; clear: none; overflow: hidden; width: 68px; padding: 10px 0px 0px 5px; }

div.comicSquareLayout .leftColumn .featuresText { float: left; clear: none; overflow: hidden; width: 82%; padding: 0px 0px 0px 20px; }

div.comicSquareLayout .leftColumn .featuresText .featuresTextImage { padding: 0px 0px 10px 0px; }

div.comicSquareLayout .leftColumn .featuresText .featuresTextSubMenu { padding: 0 0 15px 10px; }

div.comicSquareLayout .leftColumn .featuresText .featuresTextSubMenu .subMenuIcons { width: 58px; padding: 0 15px 20px 0; float: left; clear:none; }

div.comicSquareLayout .leftColumn .featuresText .featuresTextSubMenu .subMenuText { float: left; clear: none; overflow: hidden; padding: 0px 0px 15px 0px; width: 365px; }

div.comicSquareLayout .leftColumn .featuresText .featuresTextSubMenu .subMenuText .featuredReadMore { padding: 5px 0px 0px 0px; width: 100%  }

div.comicSquareLayout .leftColumn .featureWrapper .featuresCopy { float: left; clear: none; overflow:hidden; width: 260px; min-height: 228px; padding: 0px 8px 8px 8px; border: 1px solid #CCC; }

div.comicSquareLayout .leftColumn .featureWrapper .featuresCopy h2 { font-size: 14px; color: #666; margin: 0px; padding: 0.83em 0; }

div.comicSquareLayout .leftColumn .featureWrapper .featuresCopy p { margin: 0px; padding: 1em 0; }

div.comicSquareLayout .leftColumn .leftInfoColumn { float: left; clear: none; width: 250px; margin: 0px 10px 0px 0px; }

div.comicSquareLayout .leftColumn .leftInfoColumn .specsList ul { padding: 0px 0px 0px 0px; }

div.comicSquareLayout .leftColumn .leftInfoColumn .specsList ul li { list-style:none; color: #333; font-size: 14px; padding: 0px 0px 10px 5px; margin: 0px 0px 10px 0px; border-bottom: 1px dotted #CCC; }

div.comicSquareLayout .leftColumn .featuresBlock { border: 1px solid #CCC; margin: 0px 0px 10px 0px; }

div.comicSquareLayout .leftColumn .featuresBlock p { padding: 5px; margin: 5px; }

div.comicSquareLayout .middleColumn { float: left; clear: none; width: 290px; border: 1px solid #CCC; padding: 5px; }

div.comicSquareLayout .middleColumn h2 { margin: 0px 0px 5px 0px; font-size: 14px; color: #666; padding: 5px 5px; }

div.comicSquareLayout .middleColumn h3 { color: #666; padding: 0px 0px 0px 5px; }

div.comicSquareLayout .middleColumn ul { padding: 0px 0px 5px 5px; }

div.comicSquareLayout .middleColumn ul li { list-style: none; padding: 0 10px 10px 10px; margin: 0px; }

div.comicSquareLayout .middleColumn ul li.altRow { border-left: 3px solid #eee; padding-left: 7px; }

.specsHeaders { padding: 5px 10px 10px 5px; margin: 0px 0px 10px 0px; border-bottom: 1px dotted #CCCCCC; }

div.comicSquareLayout .middleColumn .specsHeaders h2 { width: 280px; font-size: 16px; padding: 0px; margin: 0px; background-color: #FFF; }

div.comicSquareLayout .rightColumn {
	float: left;
	clear: none;
	width: 180px;
}

.rightColumn {
	float: left;
	clear: none;
	overflow: hidden;
	width:180px;
}

.rightColumn .sidebar { border: 1px solid #ccc; background-color: #FFF; padding: 0px; }

.rightColumn .sidebar a { color: #333; text-decoration: none; }

.rightColumn .sidebar h2 { color: #666; background-color: #EEE; font-size: 12px; padding: 5px; margin: 0px 0px 10px 0px; }

.rightColumn .sidebar .sidebarProduct { padding: 0px 5px 5px 5px; border-bottom: 1px solid #CCC; text-align: center; margin: 0px 0px 10px 0px; }

.rightColumn .sidebar .sidebarProduct img { padding: 2px; border: 1px solid #CCC; }

.rightColumn .sidebar .sidebarProduct h3 { font-size: 12px; margin: 3px; }

.rightColumn .sidebar .sidebarProduct h3 a:hover { text-decoration: underline; }

.rightColumn .sidebar ul { list-style: none; margin: 0px 0px 10px 10px; padding: 0px; }

.rightColumn .sidebar ul li { list-style: none; margin: 0px; padding: 0px; }

.rightColumn .sidebar ul li a:hover { text-decoration: underline; }

.rightColumn .sidebar .sidebarProduct span { color: #666; }

div.buyNowFooter { float: left; clear: none; overflow: hidden; }

div.comicHeaderContent { float: left; clear: none; overflow: hidden; margin: 0px 0px 10px 0px; }

div.comicHeaderContent .headerIntro {
	padding: 6px 0 0 295px;
}

div.specsOS { float: left; clear: none; overflow: hidden; padding: 0px 0px 10px 0px; }

div.specsOS img { float: left; clear: none; overflow: hidden; width: 44px; padding: 0 12px 0 5px; }

div.specsOS .specs { float: left; clear: none; overflow: hidden; width: 220px; }

.featuresIntro {
	padding: 33px 0 0 315px;
	color: #aaa;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	width: 440px;
}

.featuresHeaderContent { background-image:url(images/subheader-features.jpg); background-repeat: no-repeat; width: 754px; height: 145px; }

.extrasHeaderContent { background-image: url(images/extrasInfoBoxBg.jpg); background-repeat: no-repeat; width: 754px; height: 145px; }

.featuredReadMore { float: left; clear: none; overflow: hidden; width: 83%; padding: 0 0 0 90px; }

div.CollapsiblePanelTab { font-size: 10px; color: #f45600; font-weight: bold; }

div.CollapsiblePanelTab div.readmore {
	margin: 0px 0px 4px 0px;
	width: 68px;
	float: left;
	clear: none;
}

div.CollapsiblePanelContent { padding: 8px; border: 1px solid #CCC; margin: 8px 0px 0px 0px; float: left; clear: none; overflow: hidden; }

td.itemPreview img { padding: 2px; border: 1px solid #CCC; background-color: #FFF; }

.largeGray { font-size: 15px; color: #666; font-weight: bold; }

.blueHighlight { background-color:#dbeff6; }