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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

body {
	font: 100% Tahoma, Arial, Helvetica, Verdana, sans-serif;
	background: #281111;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #fff;
}

a, a:visited {
	color: #de1d3c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#container {
	width: 980px; 
	margin: 0 auto; 
	text-align: center; 
}

#wrHeader {
	width: 960px;
	margin: 0 auto;
	background: #281111;
	padding-bottom:20px;
}

#wrMain {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#wrMainFrontDoor {
	width: 960px;
	height: 515px;
	margin: 0 auto;
	text-align: left;
	background:url('../images/blockr_home_1.jpg') top center no-repeat;
}

#wrMainFrontDoor h1.frontdoor1 {
	float:right;
	width:300px;
	height:110px;
	position:relative;
	padding-top:18px;
	padding-left:20px;
	top:150px;
	right:100px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height:22px;
	background:url('../images/frontdoor_h1_bg.png') top left no-repeat;
}
#wrMainFrontDoor h2.frontdoor2 {
	float:right;
	width:300px;
	position:relative;
	top:290px;
	right:190px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 19px;
	font-weight: bold;
	line-height:22px;
}
#wrMainFrontDoor a.frontdoorLink1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 19px;
	font-weight: bold;
	line-height:22px;
}
#wrMainFrontDoor a.frontdoorLink2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height:22px;
}

#wrFooter {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#wrHeader .blockrLogo {
	float: left;
	width: 180px;
}

#wrHeader h3 {
	float: right;
	width: 700px;
	color: #eee;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	padding-top: 80px;
}

ul#headerNav {
	float: left;
	width: 100%;
	border-top: 1px solid #423636;
	border-bottom: 1px solid #423636;
}

#headerNav li {
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	text-align:left;
	line-height: 160%;
	padding:12px 20px 8px 0px;
	background: url('../images/nav_bg_arrow_overs.gif') 0px 19px no-repeat;
}

#headerNav li.active {
	background: url('../images/nav_bg_arrow_overs.gif') 0px -6px no-repeat;
}

#headerNav li a, #headerNav li a:visited {
	padding:12px;
	background: none;
	color: #ddd;
}
#headerNav li a:hover {
	color: #fff;
	text-decoration: none;
}

#headerNav li.active a,
#headerNav li.active a:visited {
	color:#fff;
	font-weight:bold;
}

#headerNav li.cart img {
	position:relative;
	top:2px;
}

#headerNav li.cart em {
	color:#888;
}

#headerNav li.search {
	float: right;
	width: 240px;
	text-align: right;
	padding:12px 0px 10px 0px;
	background: none;
}
#headerNav li.search input {
	width: 200px;
	position:relative;
	top:-2px;
}
#headerNav li.search a {
	padding:10px 5px;
}

#wrMain #hTitle {
	float:left;
	width:520px;
	margin-bottom:20px;
	padding-top:15px;
}

#wrMain #hTitle h1,
#wrMain h1 {
	float: left;
	width: 650px;
	position:relative;
	font-size: 24px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #eee;
	line-height: 26px;
	padding-bottom:2px;
}

#wrMain #hTitle h1.myblockr {
	width:400px;
}
#wrMain #hTitle h1.myblockr em {
	font-weight:normal;
	color:#ddd;
}
#wrMain .h1BtnImg {
	float:left;
	padding-right:8px;
	position:relative;
	top:-4px;
}

#wrMain h3 {
	float: left;
	position:relative;
	font-size: 12px;
	font-weight: bold;
	color: #eee;
	width: 500px;
}

#wrMain .btnAdd {
	position:relative;
	float:right;
	width:350px;
	padding-bottom:20px;
	padding-top:14px;
}
#wrMain .btnAdd strong {
	float:left;
	width:100%;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 0px 0px 10px;
}
#wrMain .btnAdd em {
	position:relative;
	float:right;
	padding-left:10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ddd;
	top:-8px;
}
#wrMain .btnAdd small {
	position:relative;
	top:5px;
	left:3px;
	float:left;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	font-style:italic;
	text-transform:uppercase;
}

#wrMain a.btnAddCart, #wrMain a.btnAddCart:visited{
	position:relative;
	cursor:pointer;
	float: right;
	height: 35px;
	background: url('../images/btn_add_cart_bg_overs.gif') top left no-repeat;
	padding-left:35px;
	color:#ff1c41;
}
#wrMain a.btnAddCart:hover {
	background: url('../images/btn_add_cart_bg_overs.gif') 0px -35px no-repeat;
	color:#eee;
}

#blockCoverInfo {
	float:left;
	position:relative;
	color:#eee;
	font-size:12px;
  margin-right: 30px;
}

#blockCoverInfo blockquote {
	float:left;
	position:relative;
	width: 270px;
	background:url('../images/comment_bg.png') top left no-repeat #45322f;
}
#blockCoverInfo blockquote span {
	float:left;
	position:relative;
	margin-top:16px;
	padding-bottom:16px;
	width: 270px;
	background:url('../images/comment_bg.png') bottom right no-repeat;
}

#blockCoverInfo a.linkAdd {
	float:left;
	height:22px;
	width:115px;
	position:relative;
	margin:5px 0px 0px 16px;
	padding:0px;
	background:url('../images/btn_add_bg.gif') top left no-repeat;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
}
#blockCoverInfo a.linkAdd span {
	float:left;
	position:relative;
	width:100%;
	margin:0px 0px 0px 8px;
	padding:0px 10px 0px 0px;
	height:22px;
	background:url('../images/btn_add_bg.gif') top right no-repeat;
}

#hTitle a.linkAdd {
	float:left;
	height:22px;
	width:115px;
	position:relative;
	margin:5px 0px 0px 0px;
	padding:0px;
	background:url('../images/btn_add_bg.gif') top left no-repeat;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
}
#hTitle a.linkAdd span {
	float:left;
	position:relative;
	width:100%;
	margin:0px 0px 0px 8px;
	padding:0px 10px 0px 0px;
	height:22px;
	cursor:pointer;
	background:url('../images/btn_add_bg.gif') top right no-repeat;
}

#wrMain ul.blockInfo {
	float:left;
	position:relative;
	font-size:11px;
	color:#aaa;
}

#wrMain ul.blockInfo li {
	width:210px;
	padding-bottom:5px;
	padding-left:16px;
}

#wrMain blockquote h2 {
	float:left;
	width:235px;
	padding:0px 16px;
	font-size:14px;
	font-weight:bold;
}
#wrMain blockquote h3 {
	float:left;
	width:235px;
	padding:0px 16px 16px 16px;
	font-size:12px;
}

#wrMain blockquote p {
	float:left;
	padding:0px 20px 16px 16px;
	line-height:16px;
	overflow:hidden;
	font-size:13px;
}

#blockStage {
	float:right;
	position:relative;
	width:670px;
}

#blockStageLanding {
	float:left;
	position:relative;
	width: 398px;
	background:url('../images/block_bg_spine_00.png') top right no-repeat;
	padding-bottom:28px;
}
#blockCoverLanding {
	float:right;
	position:relative;
	width:382px;
	height:382px;
}

#landingDetails {
	float:right;
	position:relative;
	width:260px;
}

#blockCoverCallout {
	float:right;
	position:relative;
	width:260px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:18px;
	padding-top:140px;
}
#blockCoverCallout strong {
	font-weight:bold;
	color:#eee;
}
.btnCreateCover {
	font-size:20px;
	font-weight:bold;
}
#blockCoverCallout small {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size:11px;
}
.btnPageNext {
	float:right;
	position:relative;
	margin-top:20px;
}
.btnNextStep {
	float:right;
	position:relative;
	margin-top:20px;
	text-align:right;
}
.btnPageNext .linkNext, .btnNextStep .linkNext {
	position:relative;
	top:-11px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#eee;
}
.btnNextStep .cancel,
.btnNextStep .txtLink {
	float:right;
	font-size:12px;
	margin-top:20px;
}

.wrBookNav {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	margin-top: 0px;
}
.wrBookNav strong {
	float: left;
	width: 80px;
	display:block;
	font-size:11px;
	color: #999;
	background-color: #352323;
	padding:2px;
}
.wrBookNav ul {
	float: left;
	width:100%;
	text-align: center;
	margin: 0 auto;
	border-top: 1px solid #423636;
	border-bottom: 1px solid #423636;
	padding: 12px 0px;
}
.wrBookNav ul.create {
	float: left;
	width:100%;
	text-align: center;
	margin: 0 auto;
	border-top:none;
	border-bottom: 1px solid #423636;
	padding: 12px 0px;
}
.wrBookNav li {
	float: left;
	width: 20px;
	height: 20px;
	border: 1px solid #423636;
	font-size: 11px; 
	line-height: 18px;
	font-weight:bold;
}
.wrBookNav li.pageFront {
	margin-left:12px;
}
.wrBookNav li.pageFront, .wrBookNav li.pageBack {
	width: 45px;
	text-align: center;
	font-size:9px;
	line-height:9px;
}
.wrBookNav li.pageFront, .wrBookNav li.pageDoubleRight {
	margin-right: 12px;
}
.wrBookNav li.pageDoubleLeft {
	border-right:none;
}
.wrBookNav li a, .wrBookNav li a:visited {
	display:block;
	width:100%;
	height:20px;
	text-align:center;
}
.wrBookNav li a:hover {
	text-decoration:none;
	color:#222;
	background-color: #de1d3c;
}
.wrBookNav li a.active {
	color:#333;
	background-color: #CCC;
}

#wrFooter ul {
	float:left;
	margin: 20px 0px 20px 0px;
	font-size: 11px;
	color: #999;
}
#wrFooter li {
	float:left;
	padding-right:10px;
}

.clear {
	clear:both;
}

/*	Custom Cover Creator Styles */
#wrMain #customTitle {
	float:left;
	width:280px;
	padding-bottom:20px;
	padding-top:15px;
}

#stepsBannerCustom {
	position:relative;
	float:right;
	width:660px;
	height:60px;
	padding-bottom:20px;
	background:url('../images/steps_custom_bg.png') left top no-repeat;
}

#stepsBannerCart {
	position:relative;
	float:right;
	width:660px;
	height:60px;
	padding-bottom:20px;
	background:url('../images/steps_cart_bg.png') left top no-repeat;
}

ul.stepsCustom,
ul.stepsCart {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	float:left;
	padding-top:12px;
}

ul.stepsCustom li,
ul.stepsCart li {
	float:left;
	padding-left:10px;
	padding-right:15px;
	line-height:32px;
}

ul.stepsCustom li a,
ul.stepsCart li a{
	float:left;
	width:100%;
	cursor:pointer;
}
ul.stepsCustom li a:hover,
ul.stepsCart li a:hover{
	text-decoration:none;
}

ul.stepsCustom li strong {
	float:left;
	display:block;
	width:35px;
	height:35px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#777;
	line-height:32px;
	background:url('../images/steps_custom_step_bg.gif') top center no-repeat;
}
ul.stepsCart li strong {
	float:left;
	display:block;
	width:35px;
	height:35px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#777;
	line-height:32px;
	background:url('../images/steps_cart_step_bg.gif') top center no-repeat;
}

ul.stepsCustom li.active strong,
ul.stepsCart li.active strong {
	color:#eee;
	margin-right:5px;
}
ul.stepsCustom li.complete strong {
	color:#de1d3c;
	margin-right:5px;
}
ul.stepsCart li.complete strong {
	color:#f8a514;
	margin-right:5px;
}

#detailsCustomCover {
	float:right;
	position:relative;
	width:540px;
}

#detailsCustomCover img.feature {
	float:left;
}

#detailsCustomCover p {
	float:left;
	position:relative;
	width:340px;
	color:#eee;
	font-family: Helvetica, Arial, sans-serif;
	font-size:17px;
	line-height:20px;
	padding-top:30px;
}

#detailsCustomCover h2 {
	float:left;
	position:relative;
	width:100%;
	color:#eee;
	font-family: Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #423636;
	padding:8px 0px;
	margin-bottom:12px;
}

#detailsCustomCover h3 {
	float:left;
	position:relative;
	width:225px;
	color:#eee;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size:18px;
	padding-top:8px;
}

#detailsCustomCover em {
	float:left;
	position:relative;
	width:100%;
	color: #de1d3c;
	font-size:12px;
	font-weight:bold;
	padding-bottom:14px;
}

ul.imagesCustomCover {
	float:left;
	position:relative;
	width:540px;
}
ul.imagesCustomCover li {
	float:left;
	padding:0px 12px 12px 0px;
}
ul.imagesCustomCover li a, ul.imagesCustomCover li a:visited {
	float:left;
	display:block;
	width:70px;
	height:70px;
	overflow:hidden;
	border:1px solid #423636;
}
ul.imagesCustomCover li a:hover {
	border:1px solid #999;
}
ul.imagesCustomCover li.active a {
	border:1px solid #de1d3c;
}

ul.imagesNav {
	float:left;
	width:492px;
	padding-bottom:10px;
}
ul.imagesNav li {
	width:200px;
	font-size: 12px;
}
ul.imagesNav li.navPrev {
	float:left;
	text-align:left;
}
ul.imagesNav li.navNext {
	float:right;
	text-align:right;
}
ul.imagesNav li.navPrev a,
ul.imagesNav li.navNext a {
	width:120px;
	display:block;
	text-align:center;
	font-weight:bold;
}
li.navPrev a {
	float:left;
}
li.navNext a {
	float:right;
}

.fileUpload {
	color:#eee;
	width:100%;
}
.fileUpload input {
	margin-right:5px;
	color:#777;
	height:24px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.fileUpload button {
	height:24px;
}

div.control {
	float:left;
	margin:4px 0px 10px 0px;
}

div.control label {
	font-size: 12px;
	color:#aaa;
}

div.control label strong {
	font-size: 18px;
	font-weight:bold;
}

ul.nextprevList {
	float:right;
	position:relative;
	margin-top:20px;
	text-align:left;
}
ul.nextprevList li {
	padding-bottom:8px;
}
ul.nextprevListTop {
	float:right;
	position:relative;
	text-align:left;
	margin-bottom:14px;
}
ul.nextprevList li {
	padding-bottom:8px;
}
li.nextCustom .printLink {
	position:relative;
	top:-11px;
  font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#DE1D3C;
}
li.nextCustom .txtLink, 
li.prevCustom .txtLink {
	position:relative;
	top:-11px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#eee;
}
li.nextCustom .txtLinkInactive, 
li.prevCustom .txtLinkInactive {
	position:relative;
	top:-11px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#aaa;
}
ul.nextprevList .cancel,
ul.nextprevList .secondary {
	float:left;
	font-size:12px;
}
/*  UserTable */
#usersTable{
	float:none;
	clear:both;
  border: 1px solid  #333333;
}
.usersColumnWidth1{
	width:30%;
	float:left;
}
.usersColumnWidth2{
	width:23%;
	float:left;
}
.usersColumnWidth3{
	width:7%;
	float:left;
  border-left: 1px solid  #333333;
}

/*	Custom Cover Book Cover	*/

#blockStageCustomCover {
	float:left;
	position:relative;
	width: 398px;
	background:url('../images/block_bg_spine_00.png') top right no-repeat;
}

#blockCoverCustomCover {
	float:right;
	position:relative;
	width:382px;
	height:382px;
}

/*	Useful Hint Styles */
.wrTip {
	float:left;
	width:400px;
	text-align: left;
	padding:20px 0px 10px 0px;
}
.wrTip dl{
	float:left;
	width:400px;
}
.wrTip dl dt {
	float:left;
	width:100px;
	font-size:18px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#999;
	text-align:right;
}
.wrTip dl dd {
	float:right;
	width:290px;
	font-size:13px;
	line-height:18px;
	padding-top:3px;
	color:#aaa;
}

/* regular page styles */

p.paragraph {
	float:left;
	width:550px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}

em.loginAlert {
	float:left;
	background-color:#3b1215;
	border-top:1px solid #de1d3c;
	border-bottom:1px solid #de1d3c;
	padding:10px 20px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#eee;
}