/*
	Capstone
	Website Color Palette

	Hex				Name			Primary Use
	-----------------------------------------------
	#522E91		Purple			Link color / Navigation bar / headline bg
	#EE3524		Red				Navigation bar
	#5F6062		Dark Gray		Background / footer / Secondary Nav Links
	#F9ED32 	Yellow			Extra Color
	
	New purple
	522E91
	
*/	
	

/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Basic Styles 															   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/
	
body {
	margin:0px;
	padding:0px;
	font-family: Arial;
	font-size: 12px; /* .76em */
	color: #5f574f;
	background:#5F6062;  /* brown */
}
a {
	color: #5A2D87;
	text-decoration:underline;
	outline:none;
}
a:hover {
	color: #EE3524;
	cursor:pointer;
}
img {
	border:none;
}
a img {
	border:none;
	text-decoration:none;
}

a h1, h2, h3 {
	text-decoration:none;
}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0px;
	padding:0px;
	color: #5A2D87;
	font-size: 30px;
	font-weight:normal;
}

h2 {
	margin:14px 0px 0px 0px;
	padding:0px;
	text-transform: uppercase;
	font-size: 14px;
	color:#5F6062;
	letter-spacing: 1px;
	padding: 4px 0 6px 0px;
	font-weight: bold;
}
h2.Red {
	margin:0px;
	padding:0px;
	text-transform: uppercase;
	font-size: 16px;
	color:#EE3524;
	font-weight: bold;
}
h2.Purple-Bar {
	margin:0px;
	padding:0px;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 4px 0 6px 12px;
	font-weight:normal;
	line-height:22px;
	background-image:url(../images/global/sprite-image.png);
	background-position:-10px -208px;
	background-repeat:no-repeat;
}
h2.Purple-Bar-wide {
	margin:0px;
	padding:0px;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 4px 0 6px 12px;
	font-weight:normal;
	line-height:22px;
	background-image:url(../images/global/sprite-image.png);
	background-position:-10px -208px;
	background-repeat:no-repeat;
}
h3 {
	margin:10px 0px 0px 0px;
	padding:0px;
	color:#EE3524;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 4px 0 0px 0px;
	font-weight: bold;
}
h3.Grey {
	margin:10px 0px 0px 0px;
	padding:0px;
	color:#5F6062;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
}
h3.Purple {
	margin:0 0 14px 0px;
	padding:0px;
	color:#5A2D87;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 4px 0 0px 0px;
	font-weight: bold;
}
h3.Bold {
	margin:10px 0px 0px 0px;
	padding:0px;
	color:#5f574f;
	font-size: 14px;
	letter-spacing:normal;
	font-weight: bold;
}

p {
	margin:10px 0px;
	padding:0px;
	line-height:16px;
}

HR
{
	color: #EE3524;
	background-color: #EE3524;
	border: none;	
	height: 3px;
}

HR.PRODUCT, .PRODUCT HR {
	color: #EE3524;
	background-color: #EE3524;
}

.bold_note {
	font-weight: bold;
	margin-bottom: 16px;
	padding:0px;
}

.block {
	display:block;
}

.Tiny {font-size: 8px;}
.S {font-size: 10px;}   /* small */
.N {font-size: 12px;}   /* 'normal'...matches body setting */
.M {font-size: 14px;}   /* medium */
.L {font-size: 16px;}   /* large */
.XL {font-size: 18px;}

.fontError
{
	font-weight: bold;
	/* color: #FF0000; */
	color: #EE3524;
}

.bgAlternate {background-color: #F2F2F2;}
.bgTOOLS {background-color: #EE3524;color:#FFFFFF;}
.highlight {background-color: #FFFF99;}
.padleft {margin-left: 10px;}
.padright {margin-right: 10px;}
.padbottom {margin-bottom: 10px;}
.padtop {margin-top: 10px;}

/*---------------------------------------------------------
	Used for images to apply border
---------------------------------------------------------*/
.featured {
	margin:0px 0px 8px 0px;
	border:1px solid #e8e8e8;
}


/*---------------------------------------------------------
	Lists
---------------------------------------------------------*/

.Alignment ul li
{
	list-style-image: none;
	list-style-type: disc;
	font-weight: bold;
}

.Alignment ul li li li
{
	font-weight: normal;
}

.stardard-ol {
	margin:0;
	padding:0;
}
.standard-ol li {
	margin:0 0 12px;
	padding:0;
}
/*-- Regular Vertical List With Bullets --*/
.standard-list {
	margin:0 0 0 12px;
	padding:0;
	list-style:disc;
}
.standard-list li {
	margin:0 0 12px;
	padding:0;
}


/*-- Vertical List with no bullets --*/
.no-list-style {
	list-style:none;
	margin:0px;
	padding:0px;
}
.no-list-style li {
	margin:0px;
	padding:0px;
	line-height:16px;
}


/*-- Vertical List With Triangle For Bullet --*/
.arrowBullet-list-style {
	list-style:url(../images/global/li_bg.gif);
	margin:0 0 16px 16px;
	padding:0px;
}
.arrowBullet-list-style li {
	margin-top:5px;
}


/*-- Horizontal List with no bullets --*/
.horizontal-list {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px;
	height:16px;
}
.horizontal-list li {
	float:left;
	display:inline;
	margin:0px 20px 0px 0px;
	padding:0px;
}


/*-- Graphic Numbered List --*/
#graphic-ol-list {
	margin:0px;
	padding:0px;
	list-style:none;
}
#graphic-ol-list li {
	display:block;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 88px;
	min-height:70px;
}
#graphic-ol-list li.step-one {
	background:url(../images/tools-services/step-1.png) 25px 0px no-repeat;
}
#graphic-ol-list li.step-two {
	background:url(../images/tools-services/step-2.png) 25px 0px no-repeat;
}
#graphic-ol-list li.step-three {
	background:url(../images/tools-services/step-3.png) 25px 0px no-repeat;
}
#graphic-ol-list li.step-four {
	background:url(../images/tools-services/step-4.png) 25px 0px no-repeat;
}
#graphic-ol-list li span {
	display:block;
	padding:18px 0px 0px 0px;
	width:378px;
}
#graphic-ol-list li li {
	display:list-item;
	margin:0;
	padding:0 0 16px;
	min-height:0;
}


/*---------------------------------------------------------
	Left Padding for lists in sub-content
---------------------------------------------------------*/
.padding-left {
	padding:0px 0px 0px 5px;
}


/*---------------------------------------------------------
	jQuery UI Tabs
---------------------------------------------------------*/
.ui-tabs .ui-tabs-hide {
     display: none;
}


/*---------------------------------------------------------
	Hide Text (image replacement)
---------------------------------------------------------*/
.hidden {
	text-indent:-8000px;
}


/*---------------------------------------------------------
	Floats
---------------------------------------------------------*/
.right {
	float:right;
}
.left{
	float:left;
}


/*---------------------------------------------------------
	Clear Floating DIVs
---------------------------------------------------------*/
.clearBoth {
	clear:both;
}


/*---------------------------------------------------------
	Minimum Height for short pages
---------------------------------------------------------*/
.min-height {
	height:600px;
}


/*---------------------------------------------------------
	Icons (reviews, awards, related titles)
---------------------------------------------------------*/
.icon-list {
	margin:0px;
	padding:0px;
	list-style:none;
}
.review-icon-small {
	display:block;
	height:16px;
	margin:0px 0px 4px 0px;
	padding:2px 0px 2px 20px;
	background:url(../images/global/sprite-image.png) -10px -868px no-repeat;
	background-color:#FFFFFF;
	line-height:16px;
}
.award-icon-small {
	display:block;
	height:16px;
	margin:0px 0px 4px 0px;
	padding:2px 0px 2px 20px;
	background:url(../images/global/sprite-image.png) -10px -892px no-repeat;
	background-color:#FFFFFF;
	line-height:16px;
}
.review-icon-small-inline {
	display:inline;
	height:16px;
	margin:0px 0px 4px 0px;
	padding:2px 0px 2px 20px;
	background:url(../images/global/sprite-image.png) -10px -868px no-repeat;
	background-color:#FFFFFF;
	line-height:16px;
}
.award-icon-small-inline {
	display:inline;
	height:16px;
	margin:0px 0px 4px 0px;
	padding:2px 0px 2px 20px;
	background:url(../images/global/sprite-image.png) -10px -892px no-repeat;
	background-color:#FFFFFF;
	line-height:16px;
}
.related-icon-small {
	display:block;
	height:16px;
	margin:0px 0px 4px 0px;
	padding:2px 0px 2px 20px;
	background:url(../images/global/sprite-image.png) -10px -920px no-repeat;
	background-color:#FFFFFF;
	line-height:16px;
}

.review {
	width:600px;
	padding:0px 0px 0px 20px;
}

.review-icon-large-positive {
	width:52px;
	height:74px;
	background:url(../images/global/sprite-image.png) -10px -958px no-repeat;
}

.facebook-icon {
	display:block;
	background:url(../images/global/facebook-icon.jpg) left center no-repeat;
	height:35px;
	padding:10px 0px 0px 45px;
	line-height:35px;
}
.twitter-icon {
	display:block;
	background:url(../images/global/twitter-icon.jpg) left center no-repeat;
	height:35px;
	padding:10px 0px 0px 45px;
	line-height:35px;
}
.librarybound-icon {
	display:block;
	background:url(../images/global/librarybound-icon.jpg) left center no-repeat;
	height:35px;
	padding:10px 0px 0px 45px;
	line-height:35px;
}

/*---------------------------------------------------------
	Library Processing Alternating Color
---------------------------------------------------------*/
.LP 
{
	background-color:#ffffff;
}

TH {
	color: #5f574f;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 4px;
	font-weight: bold;
	line-height:12px;
	background-color:#dddddd;
}
TH a {
	color: #5f574f;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 4px;
	font-weight: bold;
	line-height:12px;
}

.fontDisabled {
	text-decoration: line-through;
	color:Gray;
}

.Alternate TR, .Alternate TD{
	background-color: #F2F2F2;
}


.red-message {
	margin:16px 0;
	padding:12px 0;
	width:inherit;
	background-color:#ffcccc;
	border:1px solid #cc0000;
	color:#cc0000;
	text-align:center;
}
.green-message {
	margin:16px 0;
	padding:12px 0;
	width:inherit;
	background-color:#ccffcc;
	border:1px solid #009966;
	color:#009966;
	text-align:center;
}
.yellow-message {
	margin:16px 0;
	padding:12px 0;
	width:inherit;
	background-color:#ffffcc;
	border:1px solid #cc9900;
	color:#cc9900;
	text-align:center;
}

/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Page Wrapper 															   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/
#PageFrame {
	width: 1000px;
	margin:0 auto;
	text-align:left;
}


/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Page Header 															   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/
	
#header-wrapper { 
	width:1000px;
	height:122px;
	background:#FFFFFF;
}

#header-bar {
	background-color:#522E91;  /* purple */
	padding: 10px 10px 5px 10px;
	color:#ffffff;
	height:20px;
	vertical-align:middle;
}

.header-bar-left {
	float:left;
	width:300px;
	font-weight:bold;
}

.header-bar-middle {
	float:left;
	width:300px;
	text-align:right;
}

.header-bar-right {
	float:right;
	width:300px;
	text-align:left;
	padding-right:0px;
}

.header-logo {
	width:400px;
	height:60px;
	padding:5px 0px 0px 20px;
}

.header-logo-hrt {
	padding-left:20px;
}

.header-right {
	width:510px;
	padding:0px 0px 4px 0px;
	background:url(../images/global/quick-search-background.jpg) bottom right no-repeat;
}

.speedscan-callout {
	display:block;
	margin:-23px 0px 0px 85px;
	width:120px;
	height:70px;
	z-index:20;
	position:absolute;
	background:url(../images/global/speedscan-callout_2.png) bottom right no-repeat;
} 
/*
.speedscan-callout {
	display:block;
	z-index:20;
	position:absolute;
	margin: -32px 0px 0px 365px;
	width:200px;
	height:90px;
	background:url(../images/global/speedscan-callout.png) bottom right no-repeat;
} */

.header-links {
	list-style:none;
	margin:5px 0px 0px 0px;
	padding:0px;
	width:312px;
}
.header-links .my-account, .my-cart, .register {
	margin:2px 0px 13px 0px;
	padding-right:20px;
	height:18px;
	font-size:14px;
	font-weight:bold;
	color:#5f574f;
}
.header-links .my-account a, .my-cart a, .register a {
	color:#5f574f;
	text-decoration:none;
}
.header-links .my-account a:hover, .my-cart a:hover, .register a:hover {
	color:#EE3524;
}

.header-links .quick-search {
	clear:both;
	margin:0px 0px 6px 0px;
	padding:0px;
	height:26px;
}

.header-links .small-text {
	font-size:11px;
	color:#5f574f;
	font-weight:normal;
}
.header-links .small-text a {
	font-size:11px;
	color:#5f574f;
	font-weight:normal;
	text-decoration:none;
}
.header-links .small-text a:hover {
	color:#EE3524;
}
.header-links-greeting {
	color:#ffffff;
}
.header-links-greeting a {
	color:#cccccc;
	text-decoration:underline;
}
.header-links-greeting a:hover {
	color:red;
	text-decoration:none;
}


/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Page Navigation															   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/
				
/* SEE CAP/SKINS/MENU/MAIN/STYLES.CSS */




/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Sub Navigation															   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/

.secondary_nav {
	width: 161px;
	margin:20px 8px 8px 0;
	border-right:1px solid #e8e8e8;
	overflow:hidden;
}


/* SEE CAP/SKINS/MENU/Left/STYLES.CSS */



/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Product Navigation														   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/


/* OLD TREE NAV				
.tree-navigation {
	margin:0px;
	padding:0px;
	width:161px;
}
.tree-navigation a {
	display:block;
	padding-top:8px;
	color: #5F6062;
	font-size: 12px;
	font-weight:bold;
}
.tree-navigation a:hover {
	color: #EE3524;
}

.tree-navigation div {
	margin:0px 0px 4px 0px;
}
.tree-navigation div a {
	padding:0px;
	font-weight:normal;
}
*/


.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	margin-top: 4px;
}
.treeview ul ul {
	margin: 4px 0px 6px 0px;
}

.treeview li { 
	margin: 0;
	padding: 8px 0px 0px 16px;
}
.treeview li a {
	color:#5F6062;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.treeview li a:hover {
	color:#EE3524;
}

.treeview .hitarea {
	background: url(../images/products/treeview-sprite.png) -26px -6px no-repeat;
	height: 8px;
	width: 8px;
	margin:4px 0px 0px -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview .expandable-hitarea { 
	background-position: -10px -6px; 
}

.treeview div.lastCollapsable-hitarea { 
	background:url(../images/products/treeview-sprite.png) -26px -6px no-repeat; 
} 

.treeview div.lastExpandable-hitarea { 
	background:url(../images/products/treeview-sprite.png) -10px -6px no-repeat; 
}




/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Page Layout Styles														   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/
			
#ContentWrapper {
	width:984px;
	padding: 0 8px 8px 8px;
	background:#FFFFFF;
}


/*---------------------------------------------------------
	Panels
---------------------------------------------------------*/
#LeftPanel {
	float:left;
}
#MainContent {
	float:left;
}

#RightPanel {
	float:right;
	margin-top:20px;
}


/*---------------------------------------------------------
	Create An Empty Left Panel
---------------------------------------------------------*/
.blank-left {
	width:150px;
}

/*---------------------------------------------------------
	Collapse/Hide Left Panel
---------------------------------------------------------*/
.hide-left {
	visibility:hidden;
}

/*---------------------------------------------------------
	Collapse/Hide Right Panel
---------------------------------------------------------*/
.hide-right {
	visibility:hidden;
	clear:both;
}

/*---------------------------------------------------------
	Two Column Wide Left Layout
---------------------------------------------------------*/
#two-col-left {
	width:764px;
	margin:20px 0px;
	padding:0px 18px 0px 0px;
}


/*---------------------------------------------------------
	Two Column Wide Left Layout
---------------------------------------------------------*/
#custom-two-col-left {
	width:764px;
	margin:0px 0px 36px 0px;
	padding:0px 18px 0px 0px;
}


/*---------------------------------------------------------
	Two Column Wide Right Layout
---------------------------------------------------------*/
#two-col-right {
	width:795px;
	margin:20px 0px;
	padding:0px 0px 0px 18px;
}

/*---------------------------------------------------------
	Two Column Wide Right Layout - Advanced Search
---------------------------------------------------------*/
#two-col-right-search {
	width:770px;
	margin:20px 0px;
	padding:0px 20px 0px 0px;
}

/*---------------------------------------------------------
	Two Column Wide Right Layout
---------------------------------------------------------*/
#two-col-content-right {
	width:200px;
	padding:0px;
}


/*---------------------------------------------------------
	Three Column Layout
---------------------------------------------------------*/
#three-col-middle {
	width: 572px;
	margin: 20px 0px;
	padding:0px 20px;
}


/*---------------------------------------------------------
	Custom Layout (imprint pages)
---------------------------------------------------------*/
#custom-three-col-middle {
	float:left;
	width: 572px;
	padding:0px 20px 0px 0px;
}
#custom-three-col-right {
	float:left;
	width: 190px;
	padding:0px;
}


/*---------------------------------------------------------
	One Column Layout (series detail/product detail)  -----
---------------------------------------------------------*/
#one-col-full {
	width: 984px;
	margin: 10px 0px;
	padding:0px;
}

/*---------------------------------------------------------
	TABLES FOR THE RESOURCES SECTION  -----
---------------------------------------------------------*/
.bgRESOURCES 
{
	background-color: #EE3524;
	color:#FFFFFF;
}

.borderRESOURCES_bottom {border-bottom: 1px solid #EE3524;}

.borderRESOURCES_table
{
	border-right: #EE3524 2px solid;
	border-bottom: #EE3524 2px solid;
}

.borderRESOURCES_table TD
{
	border-top: #EE3524 2px solid;
	border-left: #EE3524 2px solid;
}


/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Content Elements														   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------
	Breadcrumbs
---------------------------------------------------------*/
.Breadcrumbs { 
	text-align: left;
    font-size: 12px;
}
.Breadcrumbs ul { 
	margin: 0px; 
	padding: 0px; 
}
.Breadcrumbs li {
    display:inline; 
	list-style-type:none;
	padding: 10px 2px 0px 2px; 
}
.Breadcrumbs a {
	color:#53277d; 
	text-decoration:none;
}
.Breadcrumbs a:hover {
	color: #53277d; 
	text-decoration: underline;
}
.Breadcrumbs .Delimiter {
	font-size:12px;
}


/*---------------------------------------------------------
	Steps (shopping checkout process)
---------------------------------------------------------*/
.Steps { 
	text-align: left;
    font-weight: normal;
    font-size: 12px;
}
.Steps ul { 
	margin: 0px; 
	padding: 0px; 
}
.Steps li {
	display:inline; 
	list-style-type:none; 
	padding: 0px 2px 0px 2px;
}
.Steps a {
	color:#53277d; 
	text-decoration:none
}
.Steps a:hover {
	color: #53277d; 
	text-decoration: underline;
}
.Steps li {
	color:#787878;
}
.Steps .Delimiter {
	font-size:12px;
}


/*---------------------------------------------------------
	Cycle Banner (Librarian & Teacher Pages)
---------------------------------------------------------*/
#cycle-banner {
	width:572px;
	height:230px;
}
.double-dot-border {
	height:6px;
	width:100%;
	border-top:1px dashed #5A2D87;
	border-bottom:1px dashed #5A2D87;
}
#cycle-banner-prev-holder {
	position:relative;
	z-index:2;
	float:left;
	width:38px;
	height:82px;
	margin-top:-149px;
	margin-right:-38px;
}
#cycle-banner-prev {
	display:block;
	outline:none;
	width:38px;
	height:76px;
	text-indent:-6000em;
	background-image:url(../images/global/sprite-image.png);
	background-position:-10px -650px;
	background-repeat:no-repeat;
}
#cycle-banner-prev:hover {
	background-position:-10px -730px;
}
#cycle-banner-next-holder {
	position:relative;
	z-index:2;
	float:right;
	width:38px;
	height:82px;
	margin-top:-149px;
	margin-left:-38px; 
}
#cycle-banner-next {
	display:block;
	outline:none;
	width:38px;
	height:76px;
	text-indent:-6000em;
	background-image:url(../images/global/sprite-image.png);
	background-position:-52px -650px;
	background-repeat:no-repeat;
}
#cycle-banner-next:hover {
	background-position:-52px -730px;
}
#cycle-holder {
	position:relative;
	z-index:1;
	width:100%;
	height:214px;
	overflow:hidden;
}
#cycle-holder div {
	float:left;
	padding:7px 0px;
}



/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Custom Styles for Individual Site Sections								   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------
	Headline on product listing pages
---------------------------------------------------------*/

#product-headline-text {
	padding:18px 0px 12px 0px;
}


/*---------------------------------------------------------
	Imprint Pages
---------------------------------------------------------*/

/*-- Imprint Headers --*/
.el-header {
	width:572px;
	height:302px;
	margin-top:20px;
	background:url(../images/imprints/el/early-learning-header.jpg) top left no-repeat;
}
.cap-header {
	width:572px;
	height:302px;
	margin-top:20px;
	background:url(../images/imprints/cap/capstone-press-header.jpg) top left no-repeat;
}
.cpb-header {
	width:572px;
	height:302px;
	margin-top:20px;
	background:url(../images/imprints/cpb/compass-point-header.jpg) top left no-repeat;
}
.hrt-header {
	width:572px;
	height:302px;
	margin-top:20px;
	background:url(../images/imprints/hrt/heinemann-raintree-header.jpg) top left no-repeat;
}
.pwb-header {
	width:572px;
	height:302px;
	margin-top:20px;
	background:url(../images/imprints/pwb/picture-window-header.jpg) top left no-repeat;
}
.sab-header {
	width:572px;
	height:302px;
	margin-top:20px;
	background:url(../images/imprints/sab/stone-arch-header.jpg) top left no-repeat;
}
.rbl-header {
	width:572px;
	height:302px;
	margin-top:20px;
	background:url(../images/imprints/rbl/red-brick-header.jpg) top left no-repeat;
}

/*-- Book Features --*/
.book-feature {
	float:left;
	width:276px;
	height:162px;
}
.book-feature-right {
	float:left;
	width:276px;
	height:162px;
	margin-left:20px;
}
.book-feature-full {
	width:572px;
}
.book-feature-full-headline {
	width:572px;
	height:14px;
	padding:5px;
	background-color:#5A2D87;
	color:#FFFFFF;
	font-size:14px;
	line-height:14px;
}
.book-feature-full-covers {
	padding:10px 0px 0px 0px;
}
.book-feature-headline {
	width:266px;
	height:14px;
	padding:5px;
	background-color:#5A2D87;
	color:#FFFFFF;
	font-size:14px;
	line-height:14px;
}
.book-feature-headling span {
	width:188px;
}
.view-more {
	width:78px;
}
.view-more a, .view-more a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.book-feature-cover {
	display:block;
	float:left;
	padding:10px 5px 0px 18px;
	background-image:url(../images/global/cover-shadow.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
.book-feature-cover-no-shadow {
	display:block;
	float:left;
	padding:10px 0px 0px 18px;
}
.book-feature-text {
	padding:10px 5px 0px 5px;
	height:152px;
	overflow:hidden;
}


/*---- Digital Page ----*/
.digital-header {
	margin-bottom:30px;
	width:795px;
	height:227px;
	background:url(../images/imprints/digital/capstone-digital-header.jpg) center top no-repeat;
}
h2.digital-intro {
	margin:0 0 0 8px;
	padding:0;
	width:335px;
	height:42px;
	background:url(../images/imprints/digital/intro-headline.jpg) left top no-repeat;
}
.digital-page-intro {
	margin-bottom:30px;
	padding-top:16px;
	width:795px;
	background:url(../images/imprints/digital/intro-background-top.jpg) center top no-repeat;
	overflow:hidden;
}
.digital-page-intro .left {
	padding:20px 0 20px 40px;
	width:350px;
	height:118px;
	background:url(../images/imprints/digital/intro-background-left.jpg) left top repeat-y;
}
.digital-page-intro .right {
	padding:20px 30px 20px 20px;
	width:355px;
	height:118px;
	background:url(../images/imprints/digital/intro-background-right.jpg) right top repeat-y #ece5ef;
}
.digital-page-intro .bottom {
	clear:both;
	height:16px;
	background:url(../images/imprints/digital/intro-background-bottom.jpg) center top no-repeat;
}
.digital-page-intro ul {
	margin:0 0 0 14px;
	padding:0;
	color:#522f91;
}
.digital-page-intro ul li {
	margin-bottom:8px;
}
.digital-page-intro p {
	margin-top:16px;
}

.digital-page-col {
	margin-bottom:30px;
	padding:0 22px 0 30px;
	width:340px;
}
.digital-page-col-first {
	margin-left:30px;
	padding-right:30px;
	width:300px;
	background:url(../images/imprints/digital/seperator.png) right center no-repeat;
}


/*---------------------------------------------------------
	About Us Section
---------------------------------------------------------*/

/* ---- About Our Imprints  ---- */
.imprint {
	padding-bottom:10px;
}
.imprint p {
	padding-top:20px;
}
.imprint-logo {
	float:left;
	padding-right:20px;
}

/* ---- Trade Show and Event Items ---- */
.event-item {
	margin:0px;
	padding:10px 0px;
	list-style:none;
	border-top:2px dashed #5f574f;
}
.event-item li {
	margin:0px;
	padding:2px 0px;
}
.event-title {
	font-size:12px;
	font-weight:bold;
}

/* ---- News/Press Section ---- */
.press-item {
	margin:0px;
	padding:10px 0px;
	list-style:none;
	border-top:2px dashed #5f574f;
}
.press-item li {
	margin:0px;
	padding:2px 0px;
}
.press-title {
	font-size:12px;
	font-weight:bold;
}
.press-date {
	font-size:12px;
	font-weight:normal;
	font-style:italic;
}
.press-description {
	font-size:12px;
	font-weight:normal;
}

/* ---- History Timeline ---- */
.history-timeline {
	margin:15px 0px 0px 0px;
	padding:0px;
	list-style:none;
	border-left:3px solid #5f574f;
}
.history-timeline li {
	margin:10px 0px;
	padding:0px;
}
.timeline-item {
	margin:0px;
	padding:0px;
	list-style:none;
}
.timeline-item li {
	margin:15px 0px;
	padding:0px;
	background:none;
}
.timeline-item li.year {
	float:left;
	width:75px;
	padding:0px 0px 0px 16px;
	background-image:url(../images/global/sprite-image.png);
	background-position:-10px -264px;
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#EE3524;
}
.timeline-item li.description {
	float:left;
	width:650px;
}

/*---- Community Outreach ----*/
.community-outreach-thumb {
	margin:4px 14px 0px 0px;
}


/*---------------------------------------------------------
	Library Skills Page Styles
---------------------------------------------------------*/
.library-skills-header {
	width:572px;
	height:229px;
	background:url(../images/resources/library-skills/library-skills-header.jpg) top center no-repeat;
}


/*---------------------------------------------------------
	Stimulus Page Styles
---------------------------------------------------------*/
h2.stimulus {
	font-size:24px;
	color:#254163;
	padding:14px 0px 0px 0px;
}
h3.stimulus {
	font-size:18px;
	font-weight:bold;
	color:#982123;
}
.stimulus-divider {
	margin-top:12px;
	height:4px;
	background-color:#254163;
}
.stimulus-table {
	padding:12px 0px 12px 0px;
}
.stimulus-table tr.headline {
	background-color:#254163;
	color:#FFFFFF;
	font-weight:bold;
}
.stimulus-table tr.headline td {
	padding:10px;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	font-size:9px;
}
.stimulus-table tr.copy {
	text-align:center;
	font-weight:bold;
	background-color:#E3F3FF;
	color:#234163;
}
.stimulus-table tr.copy td {
	padding:10px;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}

.five-steps {
	width:160px;
	font-size:150px;
	color:#982123;
}
.five-steps-text {
	width:412px;
}

.stimulus-footer {
	font-size:8px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:20px 0px 0px 0px;
}


/*---------------------------------------------------------
	Author & Illustrator Pages Styles
---------------------------------------------------------*/

.author-wrapper {
	margin:0px 10px 30px 0px;
	width:114px;
	text-align:center;
}
.author-wrapper img {
	height:75px;
	width:50px;
	border:3px solid #5A2D87;
}
.author-bio-img {
	margin:12px 10px 12px 0px;
	border:4px solid #5A2D87;
}


/*---------------------------------------------------------
	Digital Pages Styles
---------------------------------------------------------*/

.digital-quote-box {
	width:706px;
	padding:18px 30px 2px;
	background:url(../images/digital/quote-box-top.jpg) left top no-repeat #9782bd;
}
.digital-quote-box p {
	margin:0 0 6px;
	padding:0;
	color:#FFF;
}
.digital-quote-box span {
	display:block;
	margin-bottom:6px;
	width:706px;
	height:1px;
	background-color:#FFF;
}
.digital-quote-box-bottom {
	width:766px;
	height:10px;
	background:url(../images/digital/quote-box-bottom.jpg) left top no-repeat;
}


.myon-page-header {
	margin-bottom:30px;
	width:795px;
	height:227px;
	background:url(../images/digital/myon/myon-page-header.jpg) center top no-repeat;
}
.myon-page-col {
	width:368px;
	margin-bottom:30px;
	padding-top:16px;
	background:url(../images/digital/myon/myon-page-dots.png) 0 0 no-repeat;
}
.myon-page-col-first {
	margin-right:30px;
	padding-top:0;
	background:none;
}
.myon-button {
	display:inline-block;
	position:relative;
	margin-bottom:28px;
	padding:0 8px;
	height: 22px;
	background:url(../images/digital/myon/button-gradient.png) 0 0 repeat-x #666;
	border:2px solid #7258a5;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border-radius: 35px;
	font-weight:600;
	line-height:22px;
	text-align:center;
	text-decoration:none;
	text-shadow: 1px 1px 0 #FFF;
}
.myon-button:hover {
	background-position:0 -22px;
	text-shadow:none;
}

.pg-page-header {
	margin-bottom:30px;
	width:795px;
	height:240px;
	background:url(../images/digital/pebblego/pg-page-header.png) center top no-repeat;
}
.pg-page-col {
	width:368px;
	margin-bottom:30px;
}
.pg-page-col-first {
	margin-right:30px;
}
.pg-page-col p {
	margin:0 0 16px 0;
	padding:0;
	line-height:16px;
}
.pg-page-video {
	display:block;
	margin-bottom:16px;
	width:368px;
	height:236px;
	background:url(../images/digital/pebblego/pg-page-video.jpg) left top no-repeat;
	text-indent:-8000px;
}

.cil-page-header {
	margin-bottom:30px;
	width:795px;
	height:216px;
	background:url(../images/digital/cil/cil-page-header.png) center top no-repeat;
}
.cil-page-graphic {
	margin-bottom:30px;
	width:766px;
	height:286px;
	background:url(../images/digital/cil/cil-page-graphic.jpg) center top no-repeat;
}
.cil-page-col-left {
	margin:0 30px 30px 0;
	padding-left:6px;
	width:568px;
}
.cil-page-col-right {
	width:162px;
	margin-bottom:30px;
	font-size:10px;
	text-align:center;
}
.cil-page-col-right p {
	line-height:14px;
}

.digital-screenshot-prodev {
	width:234px;
	height:168px;
	background:url(../images/digital/prodevelopment-screen-shot.jpg) top left no-repeat;
}
.digital-quote-prodev {
	width:338px;
	height:156px;
	background:url(../images/digital/prodevelopment-quote.jpg) top left no-repeat;
}

.digital-kidweb-col {
	width:250px;
}
.digital-screenshot-capkids {
	width:250px;
	height:214px;
	background:url(../images/digital/capkids-screen-shot.jpg) top left no-repeat;
}
.digital-screenshot-facthound {
	width:250px;
	height:214px;
	background:url(../images/digital/facthound-screen-shot.jpg) top left no-repeat;
}

.app-menu {
	list-style:none;
	margin:0px;
	padding:5px 20px;
	width:532px;
	height:18px;
	background:url(../images/global/sprite-image.png) -10px -970px no-repeat;
}
.app-menu li {
	display:block;
	float:left;
	margin-left:10px;
	width:96px;
	height:18px;
	text-align:center;
	line-height:18px;
	background:url(../images/global/sprite-image.png) -10px -1006px no-repeat;
}
.app-menu li a {
	display:block;
	width:96px;
	height:18px;
	color:#5f574f;
	text-decoration:none;
}
.app-menu li.ui-state-active {
	background:url(../images/global/sprite-image.png) -10px -1030px no-repeat;
}
.app-menu li.ui-state-active a {
	color:#FFFFFF;
	text-decoration:none;
}
.app-menu li.ui-state-hover {
	background:url(../images/global/sprite-image.png) -10px -1030px no-repeat;
}
.app-menu li.ui-state-hover a {
	color:#FFFFFF;
	text-decoration:none;
}
.app-container {
	margin-top:30px;
	width:572px;
}
.app-container h2 {
	text-transform:none;
	width:420px;
}
.app-gallery-container {
	margin:30px 0px;
	width:572px;
}
.thumbs {
	margin: 0;
	padding: 0;
}
.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
.thumbs li.selected a.thumb {

}
a.thumb:focus {
	outline: none;
}

.iphone-app-background-finn-reeder {
	background:url(../images/digital/apps-games/finn-reeder-iphone-background.jpg) no-repeat;
	width:418px;
	height:334px;
}
.iphone-app-slideshow-finn-reeder {
	margin:61px 0px 0px 210px;
	width:140px;
	height:210px;
	background:#999;
	overflow:hidden;
}

.ipad-app-background-finn-reeder {
	background:url(../images/digital/apps-games/finn-reeder-ipad-background.jpg) no-repeat;
	width:418px;
	height:334px;
}
.ipad-app-slideshow-finn-reeder {
	margin:120px 0px 0px 104px;
	width:249px;
	height:186px;
	background:#999;
	overflow:hidden;
}

.dsi-game-background-spot-it {
	background:url(../images/digital/apps-games/spot-it-nintendo-background.jpg) no-repeat;
	width:418px;
	height:289px;
}
.dsi-game-slideshow-spot-it {
	margin:63px 0px 0px 204px;
	width:114px;
	height:203px;
	background:#999;
	overflow:hidden;
}



/*---------------------------------------------------------
	Video Pages Styles
---------------------------------------------------------*/
#video-holder {
	width:572px;
	height:454px;
	position:relative;
}

#video-holder div {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:572px;
}

.vertical-scroll-top {
	width:190px;
	height:4px;
	background:url(../images/videos/scroller-background.jpg) 0px 0px no-repeat;
}
.vertical-scroll-bottom {
	margin-bottom:100px;
	width:190px;
	height:4px;
	background:url(../images/videos/scroller-background.jpg) 0px -342px no-repeat;
}

/* root element for scrollable */
.vertical-scroll {  
	position:relative;
	overflow:hidden;	
	height: 354px;	 
	width:182px;
	padding:0px 4px;
	background-color:#e9e9e9;
}

/* root element for scrollable items */
.vertical-scroll .items {	
	position:absolute;
	width:182px;
	height:20000em;	
	background-color:#FFFFFF;
}

/* single scrollable item */
.vertical-scroll .item {
	margin:0;
	padding:0px 0px 6px 0px;
	font-size:12px;
}
.vertical-scroll .item p {
	display:block;
	width:77px;
	margin:0px;
	padding:4px;
}

/* the action buttons above the scrollable */
#scroll-actions {
	width:190px;
	height:12px;
	margin:60px 0 10px 0;	
}

#scroll-actions .disabled {
	visibility:hidden;		
}	




/*---------------------------------------------------------
	SpeedScan Page Styles
---------------------------------------------------------*/
h2.speedscan {
	margin:14px 0px 0px 0px;
	padding:0px;
	text-transform:none;
	font-size: 20px;
	color:#5f574f;
	letter-spacing:normal;
	font-weight: bold;
	font-style:italic;
}



/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Sub-content Styles														   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------
	Basic Sub-content
---------------------------------------------------------*/
.subcontent-wrapper {
	margin-top:20px;
	padding-bottom:20px;
	width:100%;
}
.subcontent-split-left {
	float:left;
	width:50%;
}
.subcontent-split-right {
	float:left;
	width:50%;
}
.subcontent-split-right h2 {
	border-left:4px solid #FFFFFF;
}


/*---------------------------------------------------------
	Custom Sub-content
---------------------------------------------------------*/
.custom-subcontent-wrapper {
	margin-top:20px;
	width:100%;
}
.custom-subcontent {
	width:100%;
	border-bottom:12px solid #FFFFFF;
	background-color:#f4f2f0;
	padding-bottom:10px;
}

/* ---- Custom Two-Col Sub Content (librarian page, teacher page) ---- */
.custom-subcontent-split-left {
	float:left;
	width:350px;
	padding-bottom:10px;
}
.custom-subcontent-split-right {
	float:left;
	width:210px;
	margin-left:12px;
	padding-bottom:10px;
}


/* ---- Custom Three-Col Sub Content (imprint pages) ---- */
.custom-three-subcontent-split-left {
	float:left;
	width:184px;
	padding-bottom:10px;
}
.custom-three-subcontent-split-right {
	float:left;
	width:184px;
	margin-left:10px;
	padding-bottom:10px;
}


/*---------------------------------------------------------
	Custom 3 Column Sub-content (homepage)
---------------------------------------------------------*/
.subcontent-three-col-left {
	float:left;
	margin-top:20px;
	width:248px;
/*	height:221px;  */
	height:40px;
/*	border-bottom:1px solid #E8E8E8;  */
}
.subcontent-three-col-left img {
	margin:10px 0px 0px 5px;
}
.subcontent-three-col {
	float:left;
	margin:20px 0px 0px 10px;
	width:248px;
/*	height:221px;  */
	height:40px;
/*	border-bottom:1px solid #E8E8E8;  */
}
.subcontent-three-col img {
	margin:10px 0px 0px 5px;
}

.subcontent-three-col ul {
	list-style:none;
	margin:10px 38px 0px 38px;
	padding:0px;
	width:171px;
}
.subcontent-three-col ul li {
	margin:0px;
	padding:12px 0px 0px 0px;
	width:171px;
	height:35px;
}
.icon-text {
	display:block;
	width:136px;
	height:13px;
	padding-top:22px;
}
.icon {
	display:block;
	width:35px;
	height:35px;
}
.icon img {
	margin:0px;
}

/*---------------------------------------------------------
	Homepage Rotating Feature
---------------------------------------------------------*/
#home-main-feature {
	position:relative;
	width: 764px;
	height:371px;
}
#features {
	position:absolute;
	width:764px;
	height:300px;
	padding:0px 0 4px;
	border-bottom:1px solid #E8E8E8;
	overflow:hidden;
}
#features .items {
	position:absolute;
	width:9999px;
	height:300px;
}
.feature {
	float:left;
	width:764px;
	height:300px;
	text-align:center;
}
#feature-thumbs {
	position:absolute;
	top:305px;
}
#feature-thumbs a {
	display:block;
	margin-right:11px;
	width:144px;
	height:66px;
	background:url(../images/homepage/banners/thumbs-sprite.jpg) 144px 0px no-repeat;
}
#feature-thumbs a.last {
	margin-right:0px;
}
#feature-thumbs a.f1 { 
	background-position:0px 16px;
}
#feature-thumbs a.f2 {
	background-position:-155px 16px;
}
#feature-thumbs a.f3 {
	background-position:-310px 16px;
}
#feature-thumbs a.f4 {
	background-position:-465px 16px;
}
#feature-thumbs a.f5 {
	background-position:-620px 16px;
}
#feature-thumbs a.f1:hover {
	background-position:0px -50px;
}
#feature-thumbs a.f2:hover {
	background-position:-155px -50px;
}
#feature-thumbs a.f3:hover {
	background-position:-310px -50px;
}
#feature-thumbs a.f4:hover {
	background-position:-465px -50px;
}
#feature-thumbs a.f5:hover {
	background-position:-620px -50px;
}
#feature-thumbs a.f1.current {
	background-position:0px -132px;
}
#feature-thumbs a.f2.current {
	background-position:-155px -132px;
}
#feature-thumbs a.f3.current {
	background-position:-310px -132px;
}
#feature-thumbs a.f4.current {
	background-position:-465px -132px;
}
#feature-thumbs a.f5.current {
	background-position:-620px -132px;
}


/*---------------------------------------------------------
	Home Page Features
---------------------------------------------------------*/
.home-feature-left {
	float:left;
	margin-top:20px;
	padding:8px;
	width:230px;
	height:150px;
	border:1px solid #E8E8E8;
}
.home-feature {
	float:left;
	margin:20px 0px 0px 10px;
	padding:8px;
	width:230px;
	height:150px;
	border:1px solid #E8E8E8;
}



/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Product Section Styles													   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------
	Trash Can
---------------------------------------------------------*/

.trash-can {
	width:18px;
	height:24px;
	background:url(../images/global/sprite-image.png) -450px -10px no-repeat;
	border:none;
	outline:none;
}


/*---------------------------------------------------------
	Buttons
---------------------------------------------------------*/

.button {
	display:block;
	border:none;
	outline:none;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}
.button:hover {
	color:#FFF;
}

.red-button-xtra-large {
	width:223px;
	height:35px;
	background:url(../images/global/sprite-image.png) -10px -48px no-repeat;
	font-size:12px;
	font-weight:600;
	line-height:35px;
}
.red-button-large {
	width:162px;
	height:38px;
	background:url(../images/global/sprite-image.png) -10px -86px no-repeat;
	font-size:16px;
	font-weight:600;
	line-height:38px;
}

.grey-button-large {
	width:162px;
	height:30px;
	background:url(../images/global/sprite-image.png) -250px -36px no-repeat;
	font-size:12px;
	line-height:30px;
}

.red-wide-arrow-button {
	width:223px;
	height:35px;
	padding:0px 0px 0px 18px;
	background:url(../images/global/sprite-image.png) -10px -10px no-repeat;
	border:none;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	line-height:35px;
	outline:none;
}

.red-big-button {
	width:92px;
	height:35px;
	background:url(../images/global/sprite-image.png) -10px -128px no-repeat;
	border:none;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	outline:none;
}

.grey-wide-button {
	width:176px;
	height:24px;
	background:url(../images/global/sprite-image.png) -250px -10px no-repeat;
	border:none;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	outline:none;
}

.grey-big-button {
	width:100px;
	height:38px;
	background:url(../images/global/sprite-image.png) -250px -94px no-repeat;
	border:none;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	outline:none;
}

.grey-large-button {
	width:162px;
	height:30px;
	background:url(../images/global/sprite-image.png) -250px -36px no-repeat;
	border:none;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	outline:none;
}

.grey-medium-button {
	width:112px;
	height:24px;
	background:url(../images/global/sprite-image.png) -250px -68px no-repeat;
	border:none;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	outline:none;
}

.grey-small-button {
	width:46px;
	height:18px;
	background:url(../images/global/sprite-image.png) -250px -154px no-repeat;
	border:none;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	outline:none;
}

.correlation-submit {
	width:162px;
	height:30px;
	background:url(../images/global/sprite-image.png) -250px -36px no-repeat;
	border:none;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	outline:none;
}

.series-order-button {
	width:223px;
	height:35px;
	background:url(../images/global/sprite-image.png) -10px -48px no-repeat;
	border:none;
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	outline:none;
}

.series-order-button {
	width:223px;
	height:35px;
	background:url(../images/global/sprite-image.png) -10px -48px no-repeat;
	border:none;
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	outline:none;
}

.btn, .btnBasic {
	color: #ffffff;
	font-stretch: expanded;
	padding: 2px 2px 2px 2px;
	/*margin-right: 10px;*/
	font-weight: bold;
	border-width: 2px;
	border-style: solid;
  background-color:#EE3524;
	border-top-color: #ff9999;
	border-left-color: #ff9999;
	border-right-color:#993300;
	border-bottom-color: #993300;
}
.btn:hover, .btnBasic:hover {
	color: #ffff00;
	border-top-color: #993300;
	border-left-color: #993300;
	border-right-color:#ff9999;
	border-bottom-color: #ff9999;
}

.btnPrimary, .btnPRIMARY, .btnTOOLS, .btnCONTACT, .btnSEARCH, .Primary .btn, .PRODUCT .btn, .TOOLS .btn, .CONTACT .btn, .SEARCH .btn  {
  background-color:#EE3524;
	border-top-color: #ff9999;
	border-left-color: #ff9999;
	border-right-color:#993300;
	border-bottom-color: #993300;
}
.btnPrimary:hover, .btnPRODUCT:hover, .btnTOOLS:hover, .btnCONTACT:hover, .btnSEARCH:hover, .Primary .btn:hover, .PRODUCT .btn:hover, .TOOLS .btn:hover, .CONTACT .btn:hover, .SEARCH .btn:hover {
	color: #ffff00;
	border-top-color: #993300;
	border-left-color: #993300;
	border-right-color:#ff9999;
	border-bottom-color: #ff9999;
}

/*---- Buttons used for adding buttons to <a> tags---*/
.link-button {
	width:162px;
	line-height:16px;
	padding:11px 0px;
	background:url(../images/global/sprite-image.png) -10px -86px no-repeat;
	border:none;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	outline:none;
}
.link-button:hover {
	color:#FFFFFF;
}

.link-buy-button {
	display:block;
	width:92px;
	height:35px;
	background:url(../images/global/sprite-image.png) -10px -128px no-repeat;
	border:none;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	line-height:35px;
	outline:none;
}
.link-buy-button:hover {
	color:#FFFFFF;
}

.link-green-button {
	display:block;
	padding:10px 0px 10px 10px;
	width:164px;
	height:18px;
	background:url(../images/global/sprite-image.png) -490px -10px no-repeat;
	border:none;
	text-decoration:none;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	outline:none;
}
.link-green-button:hover {
	color:#FFF;
}


.product-order-button {
	width:162px;
	height:38px;
	background:url(../images/global/sprite-image.png) -10px -86px no-repeat;
	border:none;
	text-align:center;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	outline:none;
}

.product-order-button-small {
	width:71px;
	height:18px;
	background:url(../images/global/sprite-image.png) -10px -166px no-repeat;
	border:none;
	text-align:center;
	color:#FFFFFF;
	font-size:10px;
	outline:none;
}


/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Product Detail Page														   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/
/*----	spread or cover image 
   added 04/18/2011 to change the way cover images are typically displayed
   to make the CAP and HRT covers/spreads display in the same sizes without
   having to manually re-process all of the HUS spreads
----*/

.resizeCover_sm {
width: auto;
height : 136px;
border: 1px solid #cccccc;
}

.resizeCover_lg {
width: 220px;
height : auto;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
margin-bottom: 7px;
}

.resizeSpread_lg {
width: 540px;
/* width: 190px;  change to 190 when dropshadow is employed */
height : auto;
border: 1px solid #cccccc;
margin-bottom: 7px;
}

.dropshadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}


/*---- Related Title Scroller ----*/
#product-related-title-holder {
	width:100%;
	height:220px;
	margin-top:30px;
	border-bottom:2px solid #5A2D87;
}

/* TABS */
.product-tabs {
	height:35px;
	border-bottom:4px solid #5A2D87;
}
.product-tabs li {
	width:278px;
	height:35px;
	background-color:#E9E9E9;
}
.product-tabs li a {
	display:block;
	width:242px;
	float:left;
	padding-top:10px;
	text-decoration:none;
	color:#5f574f;
	font-size:14px;
	text-align:center;
}
.product-tabs li .tab-left {
	float:left;
	width:18px;
	height:35px;
	background-image:url(../images/global/sprite-image.png);
	background-position:-10px -390px;
	background-repeat:no-repeat;
}
.product-tabs li .tab-right {
	float:right;
	width:18px;
	height:35px;
	background-image:url(../images/global/sprite-image.png);
	background-position:-30px -390px;
	background-repeat:no-repeat;
}
.product-tabs li.ui-tabs-selected {
	background-color:#5A2D87;
}
.product-tabs li.ui-tabs-selected a {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
.product-tabs li.ui-tabs-selected .tab-left {
	float:left;
	width:18px;
	height:35px;
	background-image:url(../images/global/sprite-image.png);
	background-position:-10px -430px;
	background-repeat:no-repeat;
}
.product-tabs li.ui-tabs-selected .tab-right {
	float:right;
	width:18px;
	height:35px;
	background-image:url(../images/global/sprite-image.png);
	background-position:-30px -430px;
	background-repeat:no-repeat;
}

/* SCROLLER */
.product-cycle-holder {
	width:100%;
	height:176px;
}
.product-cycle-nav-left-holder {
	float:left;
	width:104px;
	height:176px;
	background-image:url(../images/global/sprite-image.png);
	background-position:-10px -470px;
	background-repeat:no-repeat;;
}
.product-cycle-nav-left {
	display:block;
	margin:50px 10px 0px 56px;
	width:38px;
	height:76px;
	background-image:url(../images/global/sprite-image.png);
	background-position:-10px -650px;
	background-repeat:no-repeat;
	text-indent:-8000px;
}
.product-cycle-nav-left:hover {
	background-position:-10px -730px;
}
.product-cycle-nav-right-holder {
	float:right;
	width:104px;
	height:176px;
	background-image:url(../images/global/sprite-image.png);
	background-position:-120px -470px;
	background-repeat:no-repeat;
}
.product-cycle-nav-right {
	display:block;
	margin:50px 0px 0px 10px;
	width:38px;
	height:76px;
	background-image:url(../images/global/sprite-image.png);
	background-position:-52px -650px;
	background-repeat:no-repeat;
	text-indent:-8000px;
}
.product-cycle-nav-right:hover {
	background-position:-52px -730px;
}
#product-cycle-1, #product-cycle-2, #product-cycle-3 {
	float:left;
	width:756px;
	height:176px;
	overflow:hidden;
}
.product-group {
	width:766px;
	height:156px;
	padding:10px 0px 10px 14px;
}
.product-individual {
	float:left;
	width:181px;
	height:156px;
	margin:0px 10px 0px 0px;
}


/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Page Footer								   								   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/


#Footer {
/*	background:transparent url(../images/global/footer_bg.png); */
	background-color:#522E91;  /* purple */
	padding: 0px 0px 0px 8px;
	width: 992px;
	margin: 0 auto;
}
#Footer a {
	color:#ffffff;
}
#Footer a:hover {
	text-decoration:underline;
}
#Footer a:visited {
	color:#B5B5B5;  /* light gray */
}
#Footer h3 {
	font-weight: bold;
	padding-bottom: 0px;
	color:#8B819D;  /* light purple */
}
#Footer h3 a {
	color:#8B819D;  /* light purple */
	text-decoration:none;
}
#Footer h3 a:hover {
	color:#B5B5B5;  /* light gray */
	text-decoration:none;
}
#Footer h3 a:visited {
	color:#8B819D;  /* light purple */
	text-decoration:none;
}
#Footer p {
	padding:0 8px 8px 0;
}
#Footer .textfield {
	width: 104px;
}
#Footer .go {
	margin-right: 8px;
}
.footer-column a {
	color: #fffffff;
	display: block;
}
.footer-column a:hover {
	text-decoration: underline;
}
.footer-column a:visited {
	color: #B5B5B5;  /* light gray */
}
.footer-column p{
	color: #fffffff;
	display: block;
}
.footer-column {
	width: 150px;
	float: left;
	padding-top: 3px;
	color:#ffffff;
}
.footer-column-qlinks {
	width: 115px;
	float: left;
	padding-top: 3px;
	color:#ffffff;
}
.footer-column-spacer {
	width: 20px;
	float: left;
	padding: 10px 10px 5px 0px;
}
.footer-column-head-2col {
	width: 290px;
	float: left;
	padding: 0px 10px 5px 0px;
	border-bottom:1px solid #8B819D;  /* light purple */
}
.footer-column-head-1col {
	width: 140px;
	float: left;
	padding: 0px 10px 5px 0px;
	border-bottom:1px solid #8B819D;  /* light purple */
}
.footer-column-head-3col {
	width: 430px;
	float: left;
	padding: 0px 10px 5px 0px;
	border-bottom:1px solid #8B819D;  /* light purple */
}
.footer-copyright {
	background-color:#5F6062;  /* brown */
	padding:5px 0px 5px 0px;
	margin-top:10px;
	margin-left:-8px;
	clear: both;
	color: #fff;
	font-size: 10px;
	text-align:center;

}
.footer-copyright a{
	color: #fff;
}
.footer-copyright a:hover {
	text-decoration: underline;
}
		


/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Forms																	   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------
	Header Quick Search
---------------------------------------------------------*/
#frmQuickSearch input {
	margin:0px 0px 0px 0px;
	padding:4px;
	background-color:#FFFFFF;
	border:none;
	font-size:14px;
	line-height:14px;
}
#frmQuickSearch input.btnGo {
	width:26px;
	height:26px;
	margin:0px 6px 0px 0px;
	padding:0px;
	background-image:url(../images/global/sprite-image.png);
	background-position:-10px -350px;
	background-repeat:no-repeat;
	text-indent:-20000em;
	border:none;
	z-index:100;
}


/*---------------------------------------------------------
	Footer Newsletter Signup
---------------------------------------------------------*/
.newsletter-submit {
	float:right;
	width:56px;
	height:18px;
	margin-right:4px;
	background:none;
	background-image:url(../images/global/sprite-image.png);
	background-position:-250px -134px;
	background-repeat:no-repeat;
	border:none;
	text-align:center;
	line-height:11px;
	font-size:11px;
	color:#FFFFFF;
}
.newsletter-field {
	width:94px;
	height:11px;
}


/*---------------------------------------------------------
	Contact Us Page
---------------------------------------------------------*/
form.contact ul {
	padding-bottom:10px;
	display:block;
	list-style:none;
}
form.contact li {
	margin:10px 0px 0px 0px;
	padding:0px;
}
form.contact label {
	float:left;
	width:80px;
	padding-right:5px;
	text-align:right;
}
form.contact input.submit {
	margin-left:85px;
}


/*---------------------------------------------------------
	Advanced Search
---------------------------------------------------------*/
.advanced-search {
	margin:0px;
	padding:0px 20px;
}
.advanced-search ul {
	list-style:none;
	display:block;
	margin:0px;
	padding:0px;
}
.advanced-search li {
	list-style:none;
	margin:0px;
	padding:5px 0px;
	clear:both;
}
.advanced-search .form-section {
	padding:0px 0px 10px 0px;
	border-top:1px dashed #5f574f;
}
.advanced-search .checkbox-section {
	float:left;
	width:570px;
}

.advanced-search label {
	float:left;
	width:170px;
	padding-right:10px;
	text-align:right;
	font-weight:bold;
}

.advanced-search input.text {
	width:150px;
}
.advanced-search select {
	width:150px;
}
.advanced-search select.list {
	width:200px;
	height:150px;
}
.advanced-search input.submit {
	margin-left:160px;
}


/*---------------------------------------------------------
	Quick Order
---------------------------------------------------------*/
#quick-order-container {
	width:722px;
	padding:10px 20px;
	background:url(../images/cart/speedscan-quick-order-background.png) 20px 8px no-repeat #EE3524;
	border:1px solid #cccccc;
	color:#FFFFFF;
}
#quick-order-container a {
	color:#FFFFFF;
}
#quick-order-container .col-left {
	width:177px;
	padding:0px 20px 0px 164px;
}
#quick-order-container .col-right {
	width:335px;
	padding:0px 0px 0px 25px;
	border-left:1px solid #FFFFFF;
}
#quick-order-container .input {
	border:none;
	width:200px;
	height:20px;
	color:#5f574f;
}
.email-receipt {
	background:#ededed url(../images/clear.gif) 50% 0;
}

/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Librarian Page Cycle Banners											   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/

/*----------------------------
	Fiction  -----
----------------------------*/
.featured-fiction-1 {
	display:block;
	width:192px;
	height:200px;
	background:url(../images/librarians/banners/fiction.jpg) 0px 0px no-repeat;
}
.featured-fiction-2 {
	display:block;
	width:170px;
	height:200px;
	background:url(../images/librarians/banners/fiction.jpg) -192px 0px no-repeat;
}
.featured-fiction-3 {
	display:block;
	width:210px;
	height:200px;
	background:url(../images/librarians/banners/fiction.jpg) -362px 0px no-repeat;
}


/*----------------------------
	Nonfiction  -----
----------------------------*/
.featured-nonfiction-1 {
	display:block;
	width:206px;
	height:200px;
	background:url(../images/librarians/banners/nonfiction.jpg) 0px 0px no-repeat;
}
.featured-nonfiction-2 {
	display:block;
	width:156px;
	height:200px;
	background:url(../images/librarians/banners/nonfiction.jpg) -206px 0px no-repeat;
}
.featured-nonfiction-3 {
	display:block;
	width:210px;
	height:200px;
	background:url(../images/librarians/banners/nonfiction.jpg) -362px 0px no-repeat;
}


/*----------------------------
	Digital  -----
----------------------------*/
.featured-digital-1 {
	display:block;
	width:228px;
	height:200px;
	background:url(../images/librarians/banners/digital.jpg) 0px 0px no-repeat;
}
.featured-digital-2 {
	display:block;
	width:186px;
	height:200px;
	background:url(../images/librarians/banners/digital.jpg) -228px 0px no-repeat;
}
.featured-digital-3 {
	display:block;
	width:158px;
	height:200px;
	background:url(../images/librarians/banners/digital.jpg) -414px 0px no-repeat;
}



/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Teacher Page Cycle Banners											   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/

/*----------------------------
	Audio Programs  -----
----------------------------*/
.featured-literacy-audio-1 {
	display:block;
	width:298px;
	height:200px;
	background:url(../images/teachers/banners/full-literacy-audio-support.jpg) 0px 0px no-repeat;
}
.featured-literacy-audio-2 {
	display:block;
	width:274px;
	height:200px;
	background:url(../images/teachers/banners/full-literacy-audio-support.jpg) -298px 0px no-repeat;
}


/*----------------------------
	Literacy Programs  -----
----------------------------*/
.featured-literacy-program-1 {
	display:block;
	width:200px;
	height:200px;
	background:url(../images/teachers/banners/full-featured-literacy-programs.jpg) 0px 0px no-repeat;
}
.featured-literacy-program-2 {
	display:block;
	width:168px;
	height:200px;
	background:url(../images/teachers/banners/full-featured-literacy-programs.jpg) -200px 0px no-repeat;
}
.featured-literacy-program-3 {
	display:block;
	width:204px;
	height:200px;
	background:url(../images/teachers/banners/full-featured-literacy-programs.jpg) -368px 0px no-repeat;
}




/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Imprint Pages Best Sellers 												   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/

/*----------------------------
	CAP  -----
----------------------------*/
.cap-bestseller-1 {
	display:block;
	width:154px;
	height:260px;
	background:url(../images/imprints/cap/best-sellers.jpg) 0px 0px no-repeat;
}
.cap-bestseller-2 {
	display:block;
	width:146px;
	height:260px;
	background:url(../images/imprints/cap/best-sellers.jpg) -154px 0px no-repeat;
}
.cap-bestseller-3 {
	display:block;
	width:238px;
	height:260px;
	background:url(../images/imprints/cap/best-sellers.jpg) -300px 0px no-repeat;
}


/*----------------------------
	CPB  -----
----------------------------*/
.cpb-bestseller-1 {
	display:block;
	width:134px;
	height:260px;
	background:url(../images/imprints/cpb/best-sellers.jpg) 0px 0px no-repeat;
}
.cpb-bestseller-2 {
	display:block;
	width:142px;
	height:260px;
	background:url(../images/imprints/cpb/best-sellers.jpg) -134px 0px no-repeat;
}
.cpb-bestseller-3 {
	display:block;
	width:158px;
	height:260px;
	background:url(../images/imprints/cpb/best-sellers.jpg) -276px 0px no-repeat;
}
.cpb-bestseller-4 {
	display:block;
	width:138px;
	height:260px;
	background:url(../images/imprints/cpb/best-sellers.jpg) -434px 0px no-repeat;
}


/*----------------------------
	HRT  -----
----------------------------*/
.hrt-bestseller-1 {
	display:block;
	width:126px;
	height:260px;
	background:url(../images/imprints/hrt/best-sellers.jpg) 0px 0px no-repeat;
}
.hrt-bestseller-2 {
	display:block;
	width:200px;
	height:260px;
	background:url(../images/imprints/hrt/best-sellers.jpg) -126px 0px no-repeat;
}
.hrt-bestseller-3 {
	display:block;
	width:230px;
	height:260px;
	background:url(../images/imprints/hrt/best-sellers.jpg) -325px 0px no-repeat;
}


/*----------------------------
	PWB  -----
----------------------------*/
.pwb-bestseller-1 {
	display:block;
	width:226px;
	height:260px;
	background:url(../images/imprints/pwb/best-sellers.jpg) 0px 0px no-repeat;
}
.pwb-bestseller-2 {
	display:block;
	width:194px;
	height:260px;
	background:url(../images/imprints/pwb/best-sellers.jpg) -226px 0px no-repeat;
}
.pwb-bestseller-3 {
	display:block;
	width:152px;
	height:260px;
	background:url(../images/imprints/pwb/best-sellers.jpg) -420px 0px no-repeat;
}


/*----------------------------
	SAB  -----
----------------------------*/
.sab-bestseller-1 {
	display:block;
	width:142px;
	height:260px;
	background:url(../images/imprints/sab/best-sellers.jpg) 0px 0px no-repeat;
}
.sab-bestseller-2 {
	display:block;
	width:144px;
	height:260px;
	background:url(../images/imprints/sab/best-sellers.jpg) -142px 0px no-repeat;
}
.sab-bestseller-3 {
	display:block;
	width:140px;
	height:260px;
	background:url(../images/imprints/sab/best-sellers.jpg) -286px 0px no-repeat;
}
.sab-bestseller-4 {
	display:block;
	width:146px;
	height:260px;
	background:url(../images/imprints/sab/best-sellers.jpg) -426px 0px no-repeat;
}


/*----------------------------
	RBL  -----
----------------------------*/
.rbl-bestseller-1 {
	display:block;
	width:210px;
	height:260px;
	background:url(../images/imprints/rbl/best-sellers.jpg) 0px 0px no-repeat;
}
.rbl-bestseller-2 {
	display:block;
	width:200px;
	height:260px;
	background:url(../images/imprints/rbl/best-sellers.jpg) -210px 0px no-repeat;
}
.rbl-bestseller-3 {
	display:block;
	width:162px;
	height:260px;
	background:url(../images/imprints/rbl/best-sellers.jpg) -410px 0px no-repeat;
}


/*----------------------------
	EL  -----
----------------------------*/
.el-bestseller-1 {
	display:block;
	width:196px;
	height:260px;
	background:url(../images/imprints/el/best-sellers.jpg) 0px 0px no-repeat;
}
.el-bestseller-2 {
	display:block;
	width:208px;
	height:260px;
	background:url(../images/imprints/el/best-sellers.jpg) -196px 0px no-repeat;
}
.el-bestseller-3 {
	display:block;
	width:168px;
	height:260px;
	background:url(../images/imprints/el/best-sellers.jpg) -404px 0px no-repeat;
}




/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Imprint Pages Feature Area Banners										   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/

/*----------------------------
	Fairy Tale Fun  -----
----------------------------*/

#fairy-tale-fun-wrapper {
	margin-top:20px;
	width:572px;
	height:208px;
	background-image:url(../images/imprints/pwb/features/fairy-tale-fun/fairy-tale-fun-background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	text-align:center;
}
.fairy-tale-fun-headline {
	width:572px;
	height:80px;
	background-image:url(../images/imprints/pwb/features/fairy-tale-fun/fairy-tale-fun-headline.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	text-indent:-8000px;
}
.fairy-tale-fun-links {
	margin:0px;
	padding:0px 0px 0px 187px;
	width:196px;
	list-style:none;
}
.fairy-tale-fun-links li {
	display:block;
	width:196px;
}
.storybook-classics {
	display:block;
	width:196px;
	height:38px;
	background-image:url(../images/imprints/pwb/features/fairy-tale-fun/fairy-tale-fun-sprite.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent:-8000px;
}
.storybook-classics:hover {
	background-position:-196px 0px;
}
.fairy-tale-superstars {
	display:block;
	width:196px;
	height:32px;
	background-image:url(../images/imprints/pwb/features/fairy-tale-fun/fairy-tale-fun-sprite.jpg);
	background-position:0px -38px;
	background-repeat:no-repeat;
	text-indent:-8000px;
}
.fairy-tale-superstars:hover {
	background-position:-196px -38px;
}
.additional-resources {
	display:block;
	width:196px;
	height:34px;
	background-image:url(../images/imprints/pwb/features/fairy-tale-fun/fairy-tale-fun-sprite.jpg);
	background-position:0px -70px;
	background-repeat:no-repeat;
	text-indent:-8000px;
}
.additional-resources:hover {
	background-position:-196px -70px;
}


/*----------------------------
	CAP 45% Feature  -----
----------------------------*/

#cap-45-percent {
	margin-top:20px;
	width:572px;
	height:208px;
	background-image:url(../images/imprints/cap/features/cap-45-percent/45-percent-background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
.cap-45-percent-text {
	margin:0px 0px 0px 170px;
	padding-top:36px;
	width:370px;
	color:#FFFFFF;
	font-size:14px;
}
.cap-45-percent-text a {
	display:block;
	padding-top:8px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}
.cap-45-percent-source {
	margin:0px 0px 0px 170px;
	padding-top:36px;
	width:370px;
	color:#FFFFFF;
	font-size:9px;
	font-style:italic;
}


/*----------------------------
	CPB 13% Feature  -----
----------------------------*/

#cpb-13-percent {
	margin-top:20px;
	width:572px;
	height:208px;
	background-image:url(../images/imprints/cpb/features/cpb-13.8-percent/13.8-percent-background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
.cpb-13-percent-text {
	margin:0px 0px 0px 16px;
	padding-top:36px;
	width:244px;
	color:#FFFFFF;
	font-size:14px;

}
.cpb-13-percent-text a {
	display:block;
	padding-top:8px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}
.cpb-13-percent-source {
	margin:0px 0px 0px 16px;
	padding-top:36px;
	width:370px;
	color:#FFFFFF;
	font-size:9px;
	font-style:italic;
}


/*----------------------------
	EL Green World  -----
----------------------------*/

#el-green-world {
	margin-top:20px;
	width:572px;
	height:208px;
	background-image:url(../images/imprints/el/features/green-world/green-world-background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

/*----------------------------
	Search Results  ----- old 
----------------------------
.resizeCover_search {
width: 170px;
height : auto;
border: 1px solid #efefef;
}
----------------------------*/

/*----------------------------
	Search Results  ----- revised 2011-05-17
----------------------------*/
.resizeCover_search {
height: 60px;
width: auto;
border: 1px solid #cccccc;
}



/*----------------------------
   used to show pseudo-popups of images with just CSS
   there are three parts, to enable the images to 'pop' in certain locations 
   relative to the links or thumbnail image
/*----------------------------

/* start GENERIC popup class */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 3px outset #5A2D87;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -125px;
left: 50px; /*position where enlarged image should offset horizontally */
z-index: 51;
}
/* end GENERIC popup class */

/* start LEFT popup class, for links/images on the RIGHT side of the page */
.thumbnail_left{
position: relative;
z-index: 0;
}

.thumbnail_left:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail_left span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 3px outset #5A2D87;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail_left span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail_left:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -125px;
left: 25px; /*position where enlarged image should offset horizontally */
z-index: 51;
}
/* end LEFT popup class */

/* start RIGHT popup class, for links/images on the RIGHT side of the page */
.thumbnail_right{
position: relative;
z-index: 0;
}

.thumbnail_right:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail_right span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 3px outset #5A2D87;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail_right span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail_right:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -125px;
left: -175px; /*position where enlarged image should offset horizontally */
z-index: 51;
}
/* end RIGHT popup class */

/* start SPREAD popup class, for spread images TOP of the product template, just under the product name */
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail_spread img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

/*have to remove the border and padding when using on the Spread circle image link*/
.thumbnail_spread_circle img{
border: 0px solid white;
margin: 0 0px 0px 0;
}

.thumbnail_spread:hover, .thumbnail_spread_circle:hover{
background-color: transparent;
}

.thumbnail_spread:hover img{
border: 1px solid transparent;
}

/*have to remove the border when using on the Spread circle image link*/
.thumbnail_spread_circle:hover img{
border: 0px solid transparent;
}

.thumbnail_spread span, .thumbnail_spread_circle span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fffff0;
padding: 5px;
/*left: -1000px;*/
border: 5px outset #5A2D87;
visibility: hidden;
color: black;
text-decoration: none;
color:
}

.thumbnail_spread span img, .thumbnail_spread_circle span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail_spread:hover span, .thumbnail_spread_circle:hover span{ /*CSS for enlarged image */
visibility: visible;
top: 220px;  /* from roughly top of page, where the gallery div should be placed */
left: 50%;
margin-left: -300px;
z-index: 50;
/*By setting the left position to 50% it will set the div to start in the center of the screen. 
  By adjusting the left margin by a value half of the size of the div we are centering, 
  we can move the entire div to the left and place it directly in the center of the page. */
}
/* end SPREAD popup class */

/* end pseudo-popups ----------------------------------------------------
   Credits: Dynamic Drive CSS Library -http://www.dynamicdrive.com/style/ */
   

/*-----------------------------------------------------------------------------------------------------------------
				                                                                   --------------------------------
																				   --------------------------------
		Admin Styles										   					   --------------------------------
																				   --------------------------------
																				   --------------------------------
-----------------------------------------------------------------------------------------------------------------*/

.ADMIN .vs_tab
{
	padding: 5px;
	border: ridge 2px black;
}
.btnADMIN, .ADMIN .btn  {
  background-color:#5A2D87;
	border-top-color: #8844cd;
	border-left-color: #8844cd;
	border-right-color:#330066;
	border-bottom-color: #330066;
}
.btnADMIN:hover, .ADMIN .btn:hover {
	color: #ffff00;
	border-top-color: #330066;
	border-left-color: #330066;
	border-right-color:#8844cd;
	border-bottom-color: #8844cd;
}