/* Copyright 2006-2009 Jostens, Inc. */

/* --------------------- Process Basics -------------------------- */
img.magGlass 			{ height: 16px; width: 16px; }
#category-nav h2 		{ margin:.3em 0; }
div#category-nav		{ position: absolute; margin: 0 0 0 10px; width: 200px; overflow: hidden; border: 0; text-align: center; height: 100%;}
div#category-nav img	{ margin: 0; width: 200px; display: block; border: 0; }
div#category-nav a#a_lithoCoverHelpDiv { margin-bottom: 0; }
ul#categories 			{ list-style-type:none; display: block; width: 200px; margin: 0; padding: 0 0 1em 0; }
ul#categories li		{ line-height: 27px; text-decoration: none; color: #000; }
ul#categories a			{ text-decoration: none; color: #000; display: block; height: 27px; width: 200px;}
ul#categories a:hover	{ background: url( /img/20/bkgrnd_nav_hover.jpg ) top left no-repeat; color:#fff;}
ul#categories .curCat	{ background: url( /img/20/bkgrnd_nav.jpg ) top left no-repeat;}

#forward-nav			{ margin-right: 30px; margin-top: 0px; margin-bottom: 5px; margin-left: 0px; padding: 0; border: 0; text-align: right; font-size: 1.6em; font-family: Arial, Helvetica, Verdana, sans-serif; }
#forward-nav a			{ text-decoration: none; color: #000; border: 0; }
#forward-nav a:hover	{ color: #b68400; }

/* --------------------- Home Page -------------------------- */
ul#main-book  			 { display: block; width: 630px; height: 410px; margin: 0; padding: 0; position: relative; list-style-type: none; }
#bullet					 { margin: 0; display: block; width: 600px; height: 45px; }
#bullet	p, #bullet img	 { float: right; margin: 0; border: 0; color: #000; font: bold 1.2em Arial, Helvetica, Verdana, sans-serif; line-height: 32px; }
#main-steps				 { position: absolute; top: 0; left: 630px; display: block; width: 320px;  }
#org-logos				 { margin: 5px 34px; display: block; width: 242px; height: 85px; position: relative; }
#buffer                  { width: 100%; height: 1px; margin: 0; padding: 0; }
ul#org-carousel			 { display: block; width: 242px; height: 85px; }
ul#org-carousel li  	 { width: 75px; padding-right: 5px; }
.next:hover, .prev:hover { cursor: pointer; }
.bracket 				 { color: #db9f00; font-weight: bold; }

/* --------------------- Choose Design -------------------------- */
#design-content					{ position: relative; top: 0; left: 210px; display: block; height: 280px; width: 720px; overflow:hidden; padding-bottom: 14px; padding-top:2px; }
#design-spread					{ z-index: 2; position: absolute; top: 0; margin: 0; padding: 0; border: 0; }
#design-spread .designName		{ display: block; text-align:center; padding: 0 0 10px 0; font-size: 16px; font-weight: 600; }

#design-details 				{ position: absolute; top: 10px; right: 0; display: block; margin: 0; padding: 0; height: 280px; width: 230px; }
#design-details #design-price	{ font-weight: bold; text-align: right; margin-top: 2px; margin-left: 45px; }
#design-details span.h6			{ padding: 0; font: bold 1.2em/1.4em Arial, Helvetica, Verdana, sans-serif; }

#design-pages					{ position: absolute; right: 40px; margin: 0 0 auto; border: 0; font-weight: bold; }
#design-info            		{ margin: 5px 3px 0; display: block; width: 187px; padding: 0; border: 0; line-height: 1.8em; }
div#right-details   			{ display: block; height: 280px; padding-left: 20px; }
div#right-details a#a_continue  { position: absolute; bottom: 15px; right: 10px; display:block; }

#design-cover.size11x8_5		{ overflow: hidden; display: block; width:200px; height: 145px; margin: 10px 0 10px 0; padding: 1px 3px 0; border: 0; background: url( /img/20/bkgrnd_coverDefault_8x11.gif ) top left no-repeat; }
#design-cover.size11x8_5 img 	{ border: 0; height: 128px; width: 165px; }
#design-cover.size8x8			{ overflow: hidden; display: block; width:200px; height: 145px; margin: 10px 0 10px 0; padding: 0; border: 0; background: url( /img/20/bkgrnd_coverDefault_8x8.jpg ) top left no-repeat; }
#design-cover.size8x8 img 		{ border: 0; height: 125px; width: 128px; padding: 0px 3px; }

/* --------------------- Choose Cover -------------------------- */
#cover-content					{ position: relative; top: 0; left: 210px; display: block; height: 300px; width: 720px; overflow:hidden; padding-bottom: 14px; padding-top:2px; }
#cover-perspective				{ z-index: 2; position: absolute; top: 0; left: 40px;margin: 0; padding: 0; border: 0;  }
#cover-perspective .coverName	{ display: block; text-align:center; padding: 10px 0 0 0; font-size: 16px; font-weight: 600; }
#cover-details 					{ position: absolute; top: 10px; right: 0; display: block; margin: 0; padding: 0; height: 300px; width: 215px; }
#cover-details a#a_continue 	{ position: absolute; bottom: 15px; right: 10px; display:block; }
#cover-details span.h6			{ padding: 0; font: bold 1.2em/1.4em Arial, Helvetica, Verdana, sans-serif; }
#cover-details #design-price	{ font-weight: bold; text-align: right; margin-top: 2px; margin-left: 55px; }

#product-spread          { position: relative; overflow: hidden; margin: 5px 0 0 0; padding: 0; border: 0; display: block; height: 105px; background: transparent url( /img/20/bkgrnd_spreadMini.jpg ) top left no-repeat; }
#product-spread a        { display: block; margin: 0; border: 0; width: 195px; height: 85px; padding: 3px 0 0 5px; cursor: default; }
#product-spread .wrapper { display: block; margin: 0; border: 0; width: 195px; height: 85px; padding: 3px 0 0 5px; }
#product-spread img      { width: 92px; height: 73px; border: 0; padding: 0; margin: 0; }
#product-spread label    { display: block; height: 25px; white-space: nowrap; overflow: hidden; width: 192px; text-align: center;}

#product-cover						{ background: transparent url( /img/20/bkgrnd_coverMini.jpg ) top left no-repeat; position: relative; overflow: hidden; display: block; margin: 5px 0 0 0; padding: 0; border: 0; height: 105px; }
#product-cover a					{ display: block; margin: 0; border: 0; width: 195px; height: 85px; padding: 3px 0 0 3px; background: none; cursor: default; }
#product-cover img 					{ display: block; width: 187px; height: 73px;}
#product-cover label				{ display: block; height: 25px; white-space: nowrap; overflow: hidden; width: 192px; text-align: center;}
#product-cover.size8x8.default p	{ position: relative; display: inline; margin: 0; border: 0; width: 98px; height: 85px; padding: 3px 3px; }
#product-cover.size8x8.default img	{ position: relative; display: inline; width: 92px; height: 73px; }

select#orgId            				{ margin-left: 10px; width: 200px; font-size: 10px; }
div#lithoCoverHelpDiv   				{ height: 140px; width: 340px; }

/* subcontent */
.photoCutoutCheckbox					{ }
.photoCutoutLabel						{ font-size: 12px; font-weight: 600; }
.categorySelect							{ width: 180px;}
.pages									{ display:inline;position: relative;}
.sections								{ display:inline;position: relative;}
.filter									{ display:inline;z-index:2;position: absolute; width:500px; text-align:right; margin:0; margin-left:425px; padding: 5px 5px 0 0; }
div.spread								{ margin: 0 !important; padding: 0 !important; display: block; width: 310px !important; height: 145px; float: left; }
div.spread a							{ text-decoration: none; color: #000; padding: 0; height: 125px;}
div.spread a:active						{ outline: none; }
div.spread a:focus						{ outline: none; }
div.spread a.preview 					{ width: 46px; height: 16px; padding: 0; background: transparent; }
div.spread a:hover .preview 			{ background: transparent; color: #b68400; }
div.spread a.spread						{ display: block; }
div.spread .product-label 				{ width: 278px; padding: 0 0 0 32px; overflow: hidden;}
div.spread img							{ border: 0;}
div.spread img.img0						{ border: 0; }
div.spread img.magGlass 				{ height: 16px; width: 16px; margin: 0; padding: 0; vertical-align: top; }
div.spread label						{ margin: 0; padding: 0; position:absolute; text-align:left; font-weight: 600;}
div.spread span.new						{ color: red; font-weight: bold; }

div.spread-size11x8_5 a 				{ background: url( /img/20/bkgrnd_spread3.gif ) top left no-repeat; margin: 0 0 5px 21px; }
div.spread-size11x8_5 a:hover			{ background: url( /img/20/bkgrnd_spreadHighlight4.gif ) top left no-repeat; color: #b68400; }
div.spread-size11x8_5 a:hover.preview  	{ background: transparent; color: #b68400; }
div.spread-size11x8_5 a.magGlass 		{ margin: 2px 0 0 188px;}
div.spread-size11x8_5 a.preview 		{ margin: 0; text-decoration: underline; }
div.spread-size11x8_5 a.selected		{ background: url( /img/20/bkgrnd_spreadHighlight4.gif ) top left no-repeat; }
div.spread-size11x8_5 img				{ margin: 9px 0 10px 0; }
div.spread-size11x8_5 img.img0			{ margin: 9px 0 10px 16px; }
div.spread-size11x8_5 label 			{ padding-top:0px; overflow: hidden; }

div.spread-size8x8 a 					{ background: url( /img/20/bkgrnd_spread8x8.gif ) top left no-repeat; margin: 0 0 5px 47px; }
div.spread-size8x8 a:hover				{ background: url( /img/20/bkgrnd_spreadHighlight8x8.gif ) top left no-repeat; }
div.spread-size8x8 a:hover.preview   	{ background: transparent; }
div.spread-size8x8 a.magGlass 			{ margin: 0 0 0 162px; }
div.spread-size8x8 a.preview			{ margin: 0; text-decoration: underline; }
div.spread-size8x8 a.selected			{ background: url( /img/20/bkgrnd_spreadHighlight8x8.gif ) top left no-repeat; }
div.spread-size8x8 img					{ margin: 9px 0 10px 0;}
div.spread-size8x8 img.img0				{ margin: 9px 0 10px 14px; }
div.spread-size8x8 label 				{ padding-top:0px; margin: 0 0 0 25px; }

div.cover								{ margin: 0 !important; padding: 0 !important; width: 310px !important; float: left; }
div.cover a								{ display: block; text-decoration: none; color: #000; margin: 0 0 0 29px; height: 125px; padding: 0; background: url( /img/20/bkgrnd_cover3.gif ) top left no-repeat;}
div.cover a:hover						{ background: url( /img/20/bkgrnd_coverHighlight3.gif ) top left no-repeat; }
div.cover a:active						{ outline: none; }
div.cover a.selected					{ background: url( /img/20/bkgrnd_coverHighlight3.gif ) top left no-repeat; }
div.cover a:focus						{ outline: none; }
div.cover .cover-label 					{ width:278px; padding: 0 0 0 32px; }
div.cover img							{ border: 0; margin: 10px 0 0 11px;}
div.cover img.litho						{ width: 100px; }
div.cover label							{ margin: 0; text-align:left; display: block; margin: 0 0 0 7px; font-weight: 600; }
div.cover span.new						{ color: red; font-weight: bold; }

div.cover-size11x8_5 a 					{ background: url( /img/20/bkgrnd_cover3.gif ) top left no-repeat; }
div.cover-size11x8_5 a:hover			{ background: url( /img/20/bkgrnd_coverHighlight3.gif ) top left no-repeat; }
div.cover-size11x8_5 a.selected			{ background: url( /img/20/bkgrnd_coverHighlight3.gif ) top left no-repeat; }
div.cover-size11x8_5 img				{ margin: 10px 0 0 11px; }
div.cover-size11x8_5 img.litho			{ width: 100px; }

div.cover-size8x8 a 					{ background: url( /img/20/bkgrnd_cover8x8.gif ) top left no-repeat; margin: 0 0 0 49px; }
div.cover-size8x8 a:hover				{ background: url( /img/20/bkgrnd_coverHighlight8x8.gif ) top left no-repeat; }
div.cover-size8x8 a.selected			{ background: url( /img/20/bkgrnd_coverHighlight8x8.gif ) top left no-repeat; }
div.cover-size8x8 img					{ margin: 10px 0 0 12px; }
div.cover-size8x8 img.litho				{ width: 100px; }
div.cover-size8x8 label					{ margin-left: 27px;}

#previewIframe 							{ background: #fff; overflow: hidden; height: 300px; width: 100%;}
#previewIframe660 						{ background: #fff; overflow: hidden; height: 300px; width: 660px;}
span.previewNotes						{ text-align: left; vertical-align: top; background: url(/img/icon-star.png) no-repeat center left; padding-left: 24px; }