/*

ComicPull

*/



/* Modal Begin --  */

.modal {
	display: none;
	background-image: url('/images/modal.png');
	width: 660px;		
	padding: 25px;
}

.modal-white {
	background-image: url('/images/modal-white.png');
}

.modal div.close {
	background-image: url('/images/modal-close.png');
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}

#modal-register {
	width: 390px;
	height: 380px;
	display: block;
	float: left;
	text-indent: -9999px;
	cursor: pointer;
}

#modal-login {
	float: left;
	width: 210px;
	height: 220px;
	padding: 160px 0 0 10px;
	overflow: hidden;
}

	#modal-login .msg-error.mini {
		margin: -29px 0 0 0;
	}

	#modal-login label {
		color: #fff;
	}

	#modal-login .input {
		width: 200px;
	}

#modal-content-wrap {
	width: 660px;
	height: 380px;
	overflow: hidden;
}

.modal-content-block {
	width: 660px;
	height: 380px;
	float: left;
	overflow: hidden;
}

#modal-content-one {
	background: url('/images/modal-register-one.png') no-repeat;
}

#modal-content-two {
	background: url('/images/modal-register-two.png') no-repeat;
}

#modal-content-three {
	background: url('/images/modal-register-three.png') no-repeat;
}

#modal-register-two-header {
	width: 450px;
	height: 40px;
	padding: 0 0 0 180px;
	overflow: hidden;
}

#modal-register-two-a {
	width: 270px;
	padding: 0 0 0 15px;
	float: left;
}

	#modal-register-two-a label {
		color: #96a9b5;
	}

#modal-register-two-b {
	width: 350px;
	padding: 0 0 0 10px;
	float: left;
	overflow: hidden;
}

	#modal-register-two-b .submit-text {
		height: 30px;
		width: 300px;
		padding: 0 40px 0 0;
		line-height: 30px;
		color: #fff;
		margin: 0;
		background: url('/images/submit.png') 306px 0 no-repeat;
	}
	
		#modal-register-two-b .submit-text:hover {
			color: #b13c04;
			background-position: 306px -30px;
		}
		
#termsandconditions {
	width: 338px;
	height: 90px;
	padding: 0 5px;
	border: 1px solid #261208;
	text-align: justify;
	overflow: auto;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #332d2a;
	background: #fff;
}

	#termsandconditions-agree {
		padding: 5px 0 10px 0;
	}
	
	#termsandconditions-agree label {
		color: #96a9b5;
		display: inline;
		cursor: pointer;
	}
	
	.recaptcha {
		padding: 0 0 10px 0;
	}

#modal-register-three-note {
	width: 330px;
	height: 90px;
	padding: 140px 0 25px 165px;
	color: #96a9b5;
	overflow: hidden;
}

#modal-register-three-billing {
	width: 175px;
	height: 50px;
	display: block;
	float: left;
	margin: 0 0 0 150px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('/images/modal-register-three-buttons.png') no-repeat;
}

	#modal-register-three-billing:hover {
		background-position: 0 -60px;
	}

#modal-register-three-browse {
	width: 175px;
	height: 50px;
	margin: 0 0 0 10px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	background: url('/images/modal-register-three-buttons.png') -180px 0 no-repeat;
}
	
	#modal-register-three-browse:hover {
		background-position: -180px -60px;
	}
	
#modal-register-three-checkout {
	width: 175px;
	height: 50px;
	margin: 0 0 0 150px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	background: url('/images/modal-register-three-buttons.png') -360px 0 no-repeat;
}
	
	#modal-register-three-checkout:hover {
		background-position: -360px -60px;
	}
	
.modal-scrollable {
	width: 660px;
	height: 350px;
	margin: 10px 0 0 0;
	overflow: auto;
}	

/* -- Modal End */



/* Common Begin --  */

html {
	overflow-y: scroll;
}

body {
  margin: 0;
  color: #261208;
  font-family: 'Arial', sans-serif;
  font-size: 13px;
  background: #112b33 url('/images/background.png') center top repeat-y;
  }

a {
	color: #b13c04;
	text-decoration: none;
	}

	a:hover {
		color: #30556d;
		}

 	a:focus {
		outline: none;
		}

	a img {
		border: none;
		}

 img {
	max-width: 100%;
	}

 ul {
	margin: 0 0 0 20px;
	padding: 0;
	}

h1 {
	padding: 0;
	margin: 20px 0 5px 0;
	clear: both;
	font-size: 28px;
	font-family: 'VTC Letterer Pro', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #887262;
	}
	
h2 {
	font-size: 20px;
	padding: 0;
	margin: 0 0 5px 0;
	font-family: 'VTC Letterer Pro', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #96a9b5;
	}
	
h3 {
	font-size: 16px;
	padding: 0;
	margin: 0 0 5px 0;
	font-weight: bold;
	letter-spacing: -1px;
	color: #7991a1;
	}

small {
	font-size: 11px;
	color: #72665d;
	}
	
hr {
	height: 1px;
	color: #7991a1;
	background-color: #7991a1;
	border: 0px;
	}
	
table {
	border-collapse: collapse;
	}
	
td {
	padding: 0;
	margin: 0;
	}
	
.center{
	text-align: center;
	}
	
.align-right {
	text-align: right;
	}	
	
.float-right {
	float: right;
	}
	
.clear {
	clear: both;
	}

.light {
	color: #72665d;
	}
	
.fattymcblue{
	font-size: 20px;
	font-weight: bold;
	color: #30556d;
	}
	
#mask {
	background: #fff;
}
	
/* -- Common End */



/* Messages Begin -- */

.msg-alert {
	padding: 10px 10px 10px 40px;
	margin: 10px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	background: #f4ce7b url('/images/msg-alert.png') 2px center no-repeat;
	border: 2px solid #b13c04;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

	.msg-alert strong {
		padding: 2px 7px;
		display: inline-block;
		font-size: 18px;
		line-height: 18px;		
		font-family: Verdana, sans-serif;
		background: #fff;
		border-radius: 11px;
		-moz-border-radius: 11px;
		-webkit-border-radius: 11px;
	}

.msg-error {
	padding: 10px 10px 10px 40px;
	margin: 10px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	color: #fff;
	background: #ca2a2a url('/images/msg-error.png') 2px center no-repeat;
	border: 2px solid #851c1c;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

	.msg-error.mini {
		padding: 7px 10px 6px 30px;
		margin: 3px 0 0 0;
		font-size: 12px;
		line-height: 12px;
		background: #ca2a2a url('/images/msg-error-mini.png') 2px center no-repeat;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}

.asterisk {
	font-weight: bold;
	color: #ca2a2a;
}

.msg-success {
	padding: 10px 10px 10px 40px;
	margin: 10px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	color: #fff;
	background: #486d30 url('/images/msg-success.png') 2px center no-repeat;
	border: 2px solid #2c4819;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

	.msg-error a, .msg-success a {
		color: #f4ce7b;
	}
	
	.msg-error a:hover, .msg-success a:hover {
		color: #d2853f;
	}

/* -- Messages End */



/* Forms Begin -- */

form {
	padding: 0;
	margin: 0;
	}

label {
	display: block;
	clear: both;
	font-size: 12px;
	padding: 5px 0 0 0;
	margin: 0;
	}

.input {
	width: 260px;
	height: 20px;
	line-height: 20px;
	padding: 2px;
	margin: 3px 5px 5px 0;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #30556d;
	border: 1px solid #7a6759;
	background: #feed97;
	}
	
.submit {
	width: 33px;
	height: 30px;
	display: block;
	float: left;
	text-indent: -9999px;
	font-size: 0px;
	line-height: 0px;
	border: 0;
	cursor: pointer;
	background: url('/images/submit.png') no-repeat;
	}

	.submit:hover {
		background-position: 0 -30px;
		}

.submit-text {
	width: 266px;
	height: 30px;
	padding: 5px 30px 0 0;
	display: block;
	float: left;
	border: 0;
	cursor: pointer;
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	color: #261208;
	overflow: hidden;
	background: url('/images/submit.png') 236px 0 no-repeat;
}
	
	.submit-text:hover {
		background-position: 236px -30px;
		color: #b13c04;
		}
	
.spreadsheet {
	border-collapse: collapse;
	}		

	.spreadsheet th {
		padding: 2px 10px;
		margin: 0;
		color: #fff;
		text-align: left;
		background: #887262;
		border: 1px solid #887262;
		}
	
	.spreadsheet td {
		padding: 2px 10px;
		margin: 0;
		border: 1px solid #887262;
		}
		
	.spreadsheet tr.alt td {
		background: #f1e0d6;
		}
	
/* -- Forms End */



/* Bottom Float Footer Begin */

html {
  height: 100%;
  }

body {
  height: 100%;
  }

#wrap-content {
  position: relative;
  min-height: 100%;
 }

* html #wrap-content {
  height: 100%;
  background: #fff;
  }

#wrap-body {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	background: #fff;
	}  

/* Bottom Float Footer End */



/* Header Begin -- */

#header {
	width: 1000px;
	height: 212px;
	margin: 0 auto 15px 0;
	background: #fff url('/images/header.png') no-repeat;
	}

#logo {
	width: 315px;
	height: 212px;
	float: left;
	display: block;
	text-indent: -9999px;
	}

#flags {
	width: 670px;
	height: 34px;
	padding: 64px 0 0 0;
	float: left;
}

	#canada {
		width: 62px;
		height: 34px;
		display: block;
		float: right;
		overflow: hidden;
		text-indent: -9999px;
		background: url('/images/flags.png') 0 -68px no-repeat;
	}
	
		#canada:hover {
			background-position: 0 -34px;
		}
	
		#canada.flag-selected {
			background-position: 0 0;
		}
		
	#unitedstates {
		width: 62px;
		height: 34px;
		display: block;
		margin-left: 5px;
		float: right;
		overflow: hidden;
		text-indent: -9999px;
		background: url('/images/flags.png') -66px -68px no-repeat;
	}
	
		#unitedstates:hover {
			background-position: -66px -34px;
		}
	
		#unitedstates.flag-selected {
			background-position: -66px 0;
		}
	
#header-right {
	width: 685px;
	height: 212px;
	float: left;	
	overflow: hidden;
}
	
#header-login {
	width: 338px;
	height: 40px;
	padding: 9px 0 0 0;
	float: left;
	overflow: hidden;
	}

	#header-login table {
		padding: 0;
		margin: 0;
		border-spacing: 0;
		}
	
	#header-login td {
		width: 338px;
		height: 40px;
		padding: 0;
		margin: 0;
		vertical-align: middle;
		text-align: right;
		}
	
#search-form {
	width: 250px;
	height: 35px;
	padding: 14px 0 0 82px;
	display: block;
	float: left;
	overflow: hidden;
	}
	
	#search-input {
		width: 140px;
		height: 20px;
		line-height: 20px;
		padding: 2px;
		margin: 3px 0 0 0;
		display: block;
		float: left;
		font-size: 13px;
		font-weight: bold;
		color: #30556d;
		border: 1px solid #7a6759;
		background: #feed97;
		}
	
	#search-options {
		width: 40px;
		height: 35px;
		margin: 0 5px;
		display: block;
		float: left;
		text-indent: -9999px;
		overflow: hidden;
		}
		
		div.tooltip.search-options { 
			width: 150px;
			height: 85px;
			padding: 35px 25px 20px 25px;
			display: none; 
			color: #000;
			margin: 20px 0 0 10px;
			font-size: 13px;
			font-family: 'Arial', sans-serif;
			background: url('/images/cal-bubble.png') no-repeat;
			}
			
			div.tooltip.search-options strong {
				color: #72665d;
				}
				
	#search-submit {
		width: 44px;
		height: 30px;
		display: block;
		float: left;
		text-indent: -9999px;
		font-size: 0px;
		line-height: 0px;
		border: 0;
		cursor: pointer;
		background: url('/images/submit.png') -33px 0 no-repeat;
		}
		
		#search-submit:hover {
			background-position: -33px -30px;
			}
	
#menu {
	width: 670px;
	height: 60px;
	margin: 5px 0 0 0;
	float: left;
	overflow: hidden;
	background: url('/images/menu-tabs.png') 0 -240px no-repeat;
	}
	
	#menu.menu-comics {
		background-position: 0 0px;
	}
	
	#menu.menu-graphicnovels {
		background-position: 0 -120px;
	}
	
	#menu-comics {
		height: 60px;
		width: 138px;
		margin: 0 0 0 15px;
		display: block;
		float: left;
		overflow: hidden;
		text-indent: -9999px;
	}
	
		#menu-comics:hover {
			background: url('/images/menu-tabs.png') -15px -300px no-repeat;
		}
		
		#menu.menu-comics #menu-comics:hover  {
			background: url('/images/menu-tabs.png') -15px -60px no-repeat;
		}
		
		#menu.menu-graphicnovels #menu-comics:hover  {
			background: url('/images/menu-tabs.png') -15px -180px no-repeat;
		}
	
	#menu-graphicnovels {
		height: 60px;
		width: 205px;
		margin: 0 0 0 10px;
		display: block;
		float: left;
		overflow: hidden;
		text-indent: -9999px;
		cursor: default;
	}
	
		#menu-graphicnovels:hover {
			background: url('/images/menu-tabs.png') -163px -300px no-repeat;
		}
		
		#menu.menu-comics #menu-graphicnovels:hover  {
			background: url('/images/menu-tabs.png') -163px -60px no-repeat;
		}
		
		#menu.menu-graphicnovels #menu-graphicnovels:hover  {
			background: url('/images/menu-tabs.png') -163px -180px no-repeat;
		}
		
	#menu-mypulllist {
		width: 122px;
		height: 32px;
		margin: 17px 0 0 10px;
		display: block;
		float: left;
		overflow: hidden;
		text-indent: -9999px;
		background: url('/images/menu-buttons.png') no-repeat;
	}
	
		#menu-mypulllist:hover {
			background-position: 0 -32px;
		}
		
		#menu-mypulllist.selected {
			background-position: 0 -64px;
		}
		
		#menu-mypulllist.selected:hover {
			background-position: 0 -96px;
		}
	
	#menu-myaccount {
		width: 116px;
		height: 32px;
		margin: 17px 0 0 4px;
		display: block;
		float: left;
		overflow: hidden;
		text-indent: -9999px;
		background: url('/images/menu-buttons.png') -126px 0 no-repeat;
	}
	
		#menu-myaccount:hover {
			background-position: -126px -32px;
		}
	
		#menu-myaccount.selected {
			background-position: -126px -64px;
		}
		
		#menu-myaccount.selected:hover {
			background-position: -126px -96px;
		}
	
	#menu-faq {
		width: 45px;
		height: 32px;
		margin: 17px 0 0 4px;
		display: block;
		float: left;
		overflow: hidden;
		text-indent: -9999px;
		background: url('/images/menu-buttons.png') -246px 0 no-repeat;
	}

		#menu-faq:hover {
			background-position: -246px -32px;
		}
	
		#menu-faq.selected {
			background-position: -246px -64px;
		}
		
		#menu-faq.selected:hover {
			background-position: -246px -96px;
		}
	
/* -- Header End */



/* Content Begin -- */

#threesteps {
	width: 730px;
	height: 275px;
	margin: 0 0 10px 0;
	background: url('/images/3steps.png') no-repeat;
}

#threesteps-pulllist {
	width: 730px;
	height: 275px;
	margin: 0 0 10px 0;
	background: url('/images/3steps-pulllist.png') no-repeat;
}

#page {
	width: 970px;
	padding: 1px 15px 80px 15px;
	background: #fff;
	}
	
#column {
	width: 730px;
	float: left;
	}
	
	.box {
		width: 694px;
		padding: 1px 15px;
		border-left: 3px solid #6e8899;
		border-right: 3px solid #6e8899;
		}
		
		.box-head {
			width: 715px;
			height: 30px;
			padding: 0 0 0 15px;
			background: url('/images/box.png') 0 10px no-repeat;
			}
	
		.box-foot {
			width: 730px;
			height: 20px;
			background: url('/images/box.png') 0 -15px no-repeat;
			}

		.box-column {
			width: 330px;
			margin: 0 15px 0 0;
			float: left;
			overflow: hidden;
			}
			
#column-wide {
	width: 970px;
	float: left;
	}
	
.error404 {
	padding: 200px 0 100px 0;
	text-align: center;
	background: url('/images/error404.png') center 100px no-repeat;
}

/* -- Content End */



/* Sidebar Begin -- */

#sidebar {
	width: 225px;
	padding: 10px 0 0 15px;
	float: left;
	}

	.sidebox {
		width: 199px;
		padding: 5px 10px 1px 10px;
		background: #f4ce7b;
		border-left: 3px solid #b13c04;
		border-right: 3px solid #b13c04;
		}

		.sidebox-head {
			width: 225px;
			height: 42px;
			overflow: hidden;
			line-height: 34px;
			font-size: 14px;
			font-weight: bold;
			color: #fff;
			text-align: center;
			text-transform: uppercase;
			background: url('/images/sidebox.png') no-repeat;
			}
			
		.sidebox-foot {
			width: 225px;
			height: 12px;
			margin: 0 0 15px 0;
			background: url('/images/sidebox.png') 0 -42px no-repeat;
			}
			
		.sidebox hr  {
			height: 1px;
			color: #d2853f;
			background-color: #d2853f;
			border: 0px;
			}
			
		.sidebox .input {
			width: 193px;
			color: #b13c04;
			border: 1px solid #d2853f;
			}
			
		.comic-small {
			min-height: 62px;
			padding: 0 0 6px 6px;
			overflow: hidden;
			font-size: 11px;
			background: url('/images/comic-shadow-small.png') no-repeat;
			}
			
			.comic-small a {
				min-height: 62px;
				display: block;
				}
			
			.comic-small img {
				float: left;
				margin: 0 5px 0 0;
				}
			
			.comic-small-title {
				color: #000;
				}
				
			.comic-small-divider {
				height: 5px;
				border-bottom: 1px dotted #fff;
				margin: 0 0 7px 0;
				}
		
			.remove-from-cart {
				min-height: none;
				text-align: right;
				margin: -11px 0 0 0;
				line-height: 11px;
				color: #795e36;
			}
			
			.remove-from-cart a {
				display: inline;
				font-weight: bold;
			}
				
			.comic-small-price {
				text-align: right;
			}
				
			.comic-small-amount {
				font-size: 15px;
				font-weight: bold;
			}
				
			.cart-totals {
				font-size: 11px;
				color: #b13c04;
				text-align: right;
			}
			
			.cart-total-amount {
				font-size: 17px;
				font-weight: bold;
			}
			
			.cart-checkout {
				width: 199px;
				height: 30px;
				padding: 5px 30px 0 0;
				display: block;
				border: 0;
				font-family: Arial, sans-serif;
				cursor: pointer;
				text-align: right;
				font-weight: bold;
				font-size: 15px;
				color: #261208;
				overflow: hidden;
				background: url('/images/submit.png') 169px 0 no-repeat;
			}
			
			.cart-checkout:hover {
				background-position: 169px -30px;
				color: #b13c04;
			}
			
#cart-expand {
	display: none;
	padding: 5px 0 5px 12px;
	margin: 5px 0 5px 0;
	font-size: 13px;
	line-height: 12px;
	font-weight: normal;
	border-top: 1px dashed #b13c04;
	border-bottom: 1px dashed #b13c04;
	background: url('/images/expand-collapse.png') 0 6px no-repeat;
}

#cart-collapse {
	display: none;
	padding: 0 0 5px 12px;
	margin: 0 0 5px 0;
	font-size: 13px;
	line-height: 12px;
	font-weight: normal;
	border-bottom: 1px dotted #fff;
	background: url('/images/expand-collapse.png') 0px -39px no-repeat;
}			
			
#mailings-expand {
	display: none;
	padding: 5px 0 0 12px;
	margin: 5px 0 0 0;
	font-size: 13px;
	line-height: 12px;
	font-weight: normal;
	border-top: 1px dashed #b13c04;
	background: url('/images/expand-collapse.png') 0 6px no-repeat;
}

#mailings-collapse {
	display: none;
	padding: 0 0 0 12px;
	font-size: 13px;
	line-height: 12px;
	font-weight: normal;
	background: url('/images/expand-collapse.png') 0px -39px no-repeat;
}

#registernow {
	width: 225px;
	height: 271px;
	margin: 0 0 15px 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url('/images/registernow.png') no-repeat;
}
		
/* -- Sidebar End */



/* Box Headings Begin -- */

	#boxhead-whatsnew {
		height: 22px;
		display: block;
		text-indent: -9999px;
		background: url('/images/boxhead-whatsnew.png') no-repeat;
		}
		
	#boxhead-featured {
		height: 22px;
		display: block;
		text-indent: -9999px;
		background: url('/images/boxhead-featured.png') no-repeat;
		}
	
	#boxhead-featuredissues {
		height: 22px;
		display: block;
		text-indent: -9999px;
		background: url('/images/boxhead-featuredissues.png') no-repeat;
		}
	
	#boxhead-featuredgraphicnovels {
		height: 22px;
		display: block;
		text-indent: -9999px;
		background: url('/images/boxhead-featuredgraphicnovels.png') no-repeat;
		}
		
	#boxhead-comicdetails {
		height: 22px;
		display: block;
		text-indent: -9999px;
		background: url('/images/boxhead-comicdetails.png') no-repeat;
		}
		
	#boxhead-youmightalsolike {
		height: 22px;
		display: block;
		text-indent: -9999px;
		background: url('/images/boxhead-youmightalsolike.png') no-repeat;
		}
		
	#boxhead-results {
		height: 22px;
		display: block;
		text-indent: -9999px;
		background: url('/images/boxhead-results.png') no-repeat;
		}
		
	#boxhead-yourpulllist {
		height: 22px;
		display: block;
		text-indent: -9999px;
		background: url('/images/boxhead-yourpulllist.png') no-repeat;
		}
		
	#boxhead-registration {
		height: 22px;
		display: block;
		text-indent: -9999px;
		background: url('/images/boxhead-registration.png') no-repeat;
		}
		
	#boxhead-error404 {
		height: 22px;
		display: block;
		text-indent: -9999px;
		background: url('/images/boxhead-error404.png') no-repeat;
		}
		
	#boxhead-popular {
		height: 22px;
		display: block;
		text-indent: -9999px;
		background: url('/images/boxhead-popular.png') no-repeat;
		}
		
	#boxhead-issuedetails {
		height: 22px;
		display: block;
		text-indent: -9999px;
		background: url('/images/boxhead-issuedetails.png') no-repeat;
		}
		
	#boxhead-seriesdetails {
		height: 22px;
		display: block;
		text-indent: -9999px;
		background: url('/images/boxhead-seriesdetails.png') no-repeat;
		}
		
/* -- Box Headings End */



/* Box Comic Thumbs Begin -- */

	.comic-medium {
		width: 120px;
		xheight: 225px;
		padding: 3px 0 10px 10px;
		margin: 0 4px;
		float: left;
		overflow: hidden;
		font-size: 11px;
		line-height: 12px;
		color: #5b4d42;
		overflow: hidden;
		background: url('/images/comic-shadow-medium.png') 0 6px no-repeat;
		}
		
		.comic-medium img {
			padding: 5px 0 5px 0;
			}
			
		.comic-medium a img:hover {
			padding: 0px 0 10px 0;
			}

		.comic-medium.pulllist {
			height: 325px
		}
			
/* -- Box Comic Thumbs End */



/* Comic Details Begin -- */

.comic-large {
	width: 273px;
	height: 420px;
	padding: 0 0 20px 19px;
	color: #72665d;
	font-size: 11px;
	float: left;
	background: url('/images/comic-shadow-large.png') no-repeat;
	}
	
	.comic-large img {
		padding: 0 0 10px 0;
		}
		
.comic-series {
	width: 282px;
	height: 420px;
	padding: 0 0 20px 10px;
	float: left;
}
	
.comic-details {
	width: 380px;
	padding: 0 0 0 15px;
	float: left;
	}
	
.comic-details-box {
	width: 356px;font-size:12px;
	padding: 1px 10px 4px 10px;
	border-left: 2px solid #ced7dd;
	border-right: 2px solid #ced7dd;
	}

	.comic-details-box-head {
		width: 380px;
		height: 10px;
		background: url('/images/comic-details-box.png') no-repeat;
		}
		
	.comic-details-box-foot {
		width: 380px;
		height: 10px;
		margin: 0 0 10px 0;
		background: url('/images/comic-details-box.png') 0 -20px no-repeat;
		}
	
	.comic-details-title  {
		padding: 0;
		margin: 0 0 10px 0;
		font-size: 30px;
		font-weight: normal;
		font-family: 'Georgia', serif;
		color: #30556d;
		letter-spacing: -1px;
		}
	
	.comic-details-series  {
		padding: 0;
		margin: -10px 0 10px 0;
		font-size: 16px;
		font-weight: normal;
		font-family: 'Georgia', serif;
		color: #72665d;
		letter-spacing: -1px;
		}
	
	.comic-details-price {
		width: 252px;
		padding: 2px 0;
		float: left;
		overflow: hidden;
		font-size: 11px;
		color: #72665d;
		border-top: 1px dotted #72665d;
		border-bottom: 1px dotted #72665d;
		}
		
		.our-price {
			font-weight: bold;
			font-size: 18px;
			color: #b13c04;
			letter-spacing: -1px;
			}
			
		#button-pull {
			width: 127px;
			height: 46px;
			display: block;
			float: left;
			overflow: hidden;
			text-indent: -9999px;
			background: url('/images/button-pull.png') no-repeat;
			}
			
			#button-pull:hover {
				background-position: 0 -46px;
				}
				
		#button-remove {
			width: 127px;
			height: 46px;
			display: block;
			float: left;
			overflow: hidden;
			text-indent: -9999px;
			background: url('/images/button-pull.png') -127px 0 no-repeat;
			}
			
			#button-remove:hover {
				background-position: -127px -46px;
				}
				
					
		#button-add {
			width: 127px;
			height: 46px;
			display: block;
			float: left;
			overflow: hidden;
			text-indent: -9999px;
			background: url('/images/button-addtocart.png') no-repeat;
			}
			
			#button-add:hover {
				background-position: 0 -46px;
				}
	
		#button-na {
			width: 127px;
			height: 46px;
			display: block;
			float: left;
			overflow: hidden;
			text-indent: -9999px;
			background: url('/images/button-na.png') no-repeat;
		}
		
	
.allseries {
	margin: 20px 0 10px 15px
}

.backissues-wrap {
	background: url('/images/backissues.png') 0 -60px no-repeat;
}


	.backissues {
		position: relative;
		overflow: hidden;
		width: 690px;
		height: 225px;
		float: left;
	}
	
	.backissues.backissues-series {
		height: 260px;
		text-align: center;
	}
		
		.button-addtocart-mini {
			width: 64px;
			height: 23px;
			margin: 2px auto 20px auto;
			display: block;
			text-indent: -9999px;
			background: url('/images/button-addtocart-mini.png') no-repeat;
		}
		
			.button-addtocart-mini:hover {
				background-position: 0 -23px;
			}

	.backissues.backissues-series .comic-medium a {
		max-height: 220px;
		display: block;
		overflow: hidden;
	}
	
		.backissues-heading {
			width: 620px;
			height: 20px;
			padding: 6px 0 0 0;
			display: block;
			float: left;
			overflow: hidden;
			font-size: 15px;
			font-weight: bold;
			color: #c1ccd3;
		}
		
			.backissues-heading a {
				color: #fff;
			}
			
			.backissues-heading a:hover {
				color: #f4ce7b;
			}

		.backissues a {
			cursor: pointer;
		}
		
		.backissues .items {
			width: 20000em;
			position: absolute;
			clear: both;
		}

		.backissues .active {
			z-index: 9999;
			position: relative;
		}
		
			.backissues .comic-medium.active {
				width: 124px;
				padding: 3px 0 10px 6px;
				margin: 0;
			}
		
			.backissues .active a img {
				border: 2px solid #b13c04;
				padding: 0;
				margin: 0 0 6px 0;
			}
			
			.backissues .active a img:hover {
				border: 2px solid #b13c04;
				padding: 0;
				margin: 0 0 6px 0;
			}
			
		a.backissues-browse {
			background: url('/images/backissues.png') no-repeat;
			display: block;
			width: 30px;
			height: 30px;
			float: left;
			margin: 0;
			cursor: pointer;
			font-size: 1px;
		}

		a.backissues-left {
			margin-left: 0px;
			background-position: 0 -30px;
		} 
		
			a.backissues-left:hover {
				background-position:  0 0;
			}	

		a.backissues-right {
			background-position: -660px -30px;
			clear: right;
			margin-right: 4px;
			float: right;
		}
		
			a.backissues-right:hover {
				background-position: -660px 0;
			}
			
		a.disabled {
			visibility: hidden !important;		
		} 	

.backissues .active .backissues-overlay {
	background-position: 0 0;
}
			
	.backissues-overlay {
		background-repeat: no-repeat;
		background-position: 0 5px;
	}

	.backissues-overlay:hover {
		background-position: 0 0;
	}
			
/* -- Comic Details End */



/* My Pull List Begin -- */

.pulllist-remove {
	width: 64px;
	height: 23px;
	margin: 2px auto 20px auto;
	display: block;
	text-indent: -9999px;
	background: url('/images/button-remove.png') no-repeat;
	}
	
	.pulllist-remove:hover {
		background-position: 0 -23px;
		}
		
.pulllist-detail {
	padding: 2px 0 0 0;
	margin: 2px 0 0 0;
	font-size: 11px;
	color: #72665d;
	text-align: center;
	border-top: 1px dotted #72665d;
	}

/* -- My Pull List End */



/* Shipping Calendar Begin -- */

.cal-head {
	height: 22px;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	background: url('/images/cal-head-foot.png') no-repeat;
	}

	.cal-title {
		width: 199px;
		height: 22px;
		margin: 0 auto;
		text-indent: -9999px;
		background: url('/images/boxhead-shippingcalendar.png') no-repeat;
	}
	
.cal-nav {
	height: 60px;
	font-family: 'Georgia', serif;
	font-size: 48px;
	color: #fff;
	letter-spacing: -2px;
	line-height: 60px;
	text-align: center;
	background: #b13c04;
}
	
.cal-foot {
	height: 25px;
	background: url('/images/cal-head-foot.png') 0 -180px no-repeat;
	}
	
.cal-day-head {
	width: 50px;
	height: 20px;
	float: left;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	color: #fff;
	background: #d2853f;
	border-width: 2px 1px 0 1px;
	border-style: solid;
	border-color: #b13c04;
	text-transform: uppercase;
	}
	
	.cal-day-head.wednesday {
		width: 652px;
	}

.cal-day-wrap {
	padding: 0 2px;
	background: url('/images/cal-day-wrap.png') repeat-y;
	}
	
	.cal-day {
		width: 42px;
		padding: 0 5px 0 5px;
		min-height: 50px;
		float: left;
		border-top: 2px solid #b13c04;
		font-family: 'Georgia', serif;
		font-size: 15px;
		color: #b13c04;
		}
		
		.cal-day.wednesday {
			width: 644px;
		}
		
		.cal-comic {
			width: 45px;
			height: 62px;
			padding: 0 0 14px 6px;
			margin: 0 0 0 9px;
			float: left;
			overflow: hidden;
			font-size: 11px;
			background: url('/images/comic-shadow-small.png') no-repeat;
			}

			.cal-alert {
				width: 51px;
				height: 76px;
				display: block;
				margin: 0 0 0 -10px;
				text-indent: -9999px;
				position: absolute;
				background: url('/images/alert.png') 0 40px no-repeat;
				}
			
div.tooltip { 
	width: 170px;
	height: 120px;
	padding: 10px 15px 10px 15px;
    display: none; 
    color: #000;
	margin-top: -30px;
	font-size: 11px;
	font-family: 'Arial', sans-serif;
	background: url('/images/cal-bubble.png') no-repeat;
	}
	
	div.tooltip.cvv {
		margin-top: 15px;
		margin-left: -60px;
		background: url('/images/cvv.png') no-repeat;
		}
		
	div.tooltip.creditcards {
		width: 370px;
		height: 230px;
		padding-top: 20px;
		margin-top: 40px;
		background: url('/images/creditcards-tooltip.png') no-repeat;
	}

	div.tooltip-alert {
		margin: 20px 0 0 -7px;
		}

	div.tooltip strong {
		font-size: 12px;
		}

	div.tooltip td {
		width: 180px;
		height: 100px;
		text-align: center;
		vertical-align: middle;
		}

.prevPage, .nextPage {
	width: 60px;
	height: 60px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	}

.prevPage {
	background: url('/images/cal-nav.png') no-repeat;
	}
	
.nextPage {
	background: url('/images/cal-nav.png') -60px 0 no-repeat;
	}

div.scrollable {
	position:relative;
	overflow:hidden;	 	
	width: 850px;	
	height:60px;	
	float: left;
	}

div.scrollable div.items {	
	width:20000px;	
	position:absolute;
	clear:both;		
	}

div.scrollable div.items div {
	float:left;
	width:100px;
	height: 60px;
	font-size: 11px;
	cursor: pointer;
	letter-spacing: -1px;
	overflow: hidden;
	color: #efd8cd;
	}

div.scrollable div.items div:hover {
	color: #fff;
	}

div.scrollable div.items div.active {
	font-size: 48px;
	width: 350px;
	color: #fff;
	}
	
/* -- Shipping Calendar End */



/* My Account Begin -- */

#page-myaccount {
	width: 985px;
	padding: 1px 15px 80px 0;
	background: #fff;
	}
	
#column-myaccount {
	width: 500px;
	padding: 20px 0 1px 25px;
	float: left;
	}
	
#column-myaccount-wide {
	width: 715px;
	padding: 20px 0 1px 25px;
	float: left;
	}
	
#myaccount-menu {
	width: 220px;
	height: 446px;
	padding: 54px 0 0 0;
	float: left;
	background-image: url('/images/myaccount-menu.png');
	background-repeat: no-repeat;
	}
	
	.myaccount-menu-email{
		background-position: 0 0;
		}
		
	.myaccount-menu-address {
		background-position: -220px 0;
		}
		
	.myaccount-menu-payment {
		background-position: -440px 0;
		}
		
	.myaccount-menu-suspend {
		background-position: -660px 0;
		}

	.myaccount-menu-billing {
		background-position: -880px 0;
		}

	#myaccount-menu a{
		width: 220px;
		height: 75px;
		display: block;
		text-indent: -9999px;
		}
		
	#myaccount-menu a:hover {
		background: url('/images/myaccount-menu-hover.png') no-repeat;
		}

.myaccount-box {
	width: 466px;
	padding: 1px 15px;
	border-left: 2px solid #ccd5db;
	border-right: 2px solid #ccd5db;
	}
	
	.myaccount-box-head {
		width: 500px;
		height: 15px;
		background: url('/images/myaccount-box.png') no-repeat;
		}
		
	.myaccount-box-foot {
		width: 500px;
		height: 15px;
		background: url('/images/myaccount-box.png') 0 -30px no-repeat;
		}
	
/* -- My Account End */



/* Admin Begin */

#slider {
	width: 970px;
	position: relative;
	background: url('/images/slider.png') no-repeat;
	}

.scroll {
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	}

.scrollContainer div.panel {
	padding: 20px 0;
	width: 970px; /* change to 560px if not using JS to remove rh.scroll */
	}

ul.navigation {
	width: 820px;
	height: 30px;
	padding: 10px 0 0 150px;
	list-style: none;
	margin: 0;
	font-family: 'Arial', sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;	
	font-size: 16px;
	font-weight: bold;
	background: url('/images/administration.png') no-repeat;
	}

	ul.navigation li {
		display: inline;
		margin: 0 3px 0 0;
		padding: 0;
		}

	ul.navigation a {
		padding: 2px 5px;
		color: #30556d;
		text-decoration: none;
		border: 1px solid #d8d5d3;
		}

		ul.navigation a:hover {
			background-color: #fff;;
			}

		ul.navigation a.selected {
			color: #b13d05;
			background-color: #fff;
			}

		ul.navigation a:focus {
			outline: none;
			}

.admin-2col-1 {
	width: 475px;
	float: left;
}

.admin-2col-2 {
	width: 475px;
	margin: 0 0 0 20px;
	float: left;
}

.admin-3col-1 {
	width: 310px;
	float: left;
}

.admin-3col-2, .admin-3col-3 {
	width: 310px;
	margin: 0 0 0 20px;
	float: left;
}
			
/* -- Admin End */



/* Page Navigation Begin -- */

.page-nav {
	height: 20px;
	float: right;
	color: #30556d;
	}
	
	.page-nav a, .page-nav span {
		width: 20px;
		height: 20px;
		display: block;
		float: left;
		margin: 0 0 0 2px;
		overflow: hidden;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		}
		
	.page-nav span {
		background: url('/images/page-nav.png') 0 -40px no-repeat;
		}
	
	.page-nav-previous {
		text-indent: -9999px;
		background: url('/images/page-nav.png') no-repeat;
		}
		
		.page-nav-previous:hover {
			background-position: 0 -20px;
			}
		
	.page-nav-next {
		text-indent: -9999px;
		background: url('/images/page-nav.png') -20px 0 no-repeat;
		}
		
		.page-nav-next:hover {
			background-position: -20px -20px;
			}

/* -- Page Navigation End */



/* Footer Begin -- */

#footer {
	width: 970px;
	height: 70px;
	padding: 0 15px;
	font-size: 12px;
	background: #fff;
	margin-top: -70px;
	position: relative;
	}
	
	
	#footer-menu {
		height: 38px;
		padding: 0 0 2px 0;
		}
		
		#footer-menu-left {
			width: 10px;
			height: 38px;
			float: left;
			background: url('/images/menu.png') 0 0 no-repeat;
			}
			
		#footer-menu-center {
			width: 950px;
			height: 38px;
			float: left;
			font-size: 16px;
			line-height: 38px;
			color: #8ea2af;
			background: #30556d;
			}
			
			#footer-menu-center a {
				color: #fff;
				}
				
				#footer-menu-center a:hover {
					color: #feed97;
					}
			
		#footer-menu-right {
			width: 10px;
			height: 38px;
			float: left;
			background: url('/images/menu.png') -60px 0 no-repeat;
			}
	
/* -- Footer End -- */