/*
  YUI Reset CSS.  Found at http://developer.yahoo.com/yui/reset/
  Neutralizes browser-specific built-in stylings to make the page
  look more uniform on each browser.
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,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%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/*
  End YUI Reset CSS
*/


/*========================================================
	HAL LEONARD ONLINE STYLES:
	Header Styles 
	Navigation Styles
		Click to view... animations
		Drop down navigation styles
		Subsite drop down colors
	Page Contents
	Product Detail Page
	Shopping Cart Styles
		Sign in Page	
		About You
		Retailers
	Product Detail
	Search Tools
	Large Cover Search Results
	Small Cover Search Results
	Line Listing Search Results
	Footer	
	Copyright
	TeacherVIP
========================================================*/
html
{
overflow-y: scroll;	
}
body
{
background: #7c7c7c;
}

a:link, a:visited 
{
font-weight: bold;
color: #bd43ba;
text-decoration: none;
}

a:hover, a:active
{
color: #793977;
}

#wrapper {
background:#FFFFFF none repeat scroll 0 0;
margin: 0 auto;
width: 840px;
min-height: 700px;
height: auto !important;
height: 700px;
}
#footer {
position: relative;
bottom: 0;
}
#footer table {
	margin: 0 auto;
}

.printTitle{
display: none;	
}

/*====================================================================*/
/*====================================================================*/
/*======================= Utility Styles =============================*/
/*====================================================================*/
/*====================================================================*/

/* Use this class to hide initially, then unhide with javascript*/
.hide{
display: none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/*====================================================================*/
/*====================================================================*/
/*Header Styles: These style rules apply to the top table of the site.*/
/*====================================================================*/
/*====================================================================*/

/* The top table which contains the logo, search bar, and top navigation */
.topNav
{
border: 0px;
font-size: 10px;
color: #FFFFFF;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
line-height: normal;
position: relative;
z-index: 100;
text-transform: uppercase;
}

/* Links in the top table */
.topNav a:link, .topNav a:visited
{  
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

/* Hover and active links */
.topNav a:hover, .topNav a:active
{  
color: #000000;
}

.dropDownMenu {
text-transform: none;
}

/* A special row to give just the right space between elements */
.topNavSpacerRow
{
border: 0px;
font-size: 10px;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height: normal;	
}



/*====================================================================*/
/*====================================================================*/
/*Navigation Styles: These styles control the navigation buttons.=====*/
/*====================================================================*/
/*====================================================================*/

/* General rules for the navigation table */
.navigationTable
{
font-size: 24px;
color: #9a9a9a;
font-family: arial, helvatica, sans-serif;
text-transform: uppercase;
font-weight: bold;
line-height: normal;
text-align: left;
}

/* The navigation title is the black bar with large text on each subsite page */
.navigationTableTitle
{
padding-left: 15px;	
font-size: 24px;
height: 30px;
color: #9a9a9a;
font-family: arial, helvatica, sans-serif;
text-transform: uppercase;
line-height: normal;
font-weight: bold;
}

/* General rules for all navigation buttons */
.navigationTable a:link, .navigationTable a:visited, .navigationTable a:active
{
font-family: arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
line-height: normal;
text-align: center;
color: #3c3c3c;
text-decoration: none;
background: url(/images/navbg.gif);
display: block;
padding-top: 9px;
padding-left: 0px;
padding-right: 0px;
width: 120px;
height: 21px;
}

/* Navigation button roll over */
.navigationTable a:hover
{
background: url(/images/navbg2.gif);
}

/* Style the navigation list which contains the .navigationTable links */
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}

/* Float list items to appear horizontal rather than vertical */
#nav li 
{
float: left;
}

/* Hides drop down lists initially */
#nav li ul 
{
position: absolute;
left: -999em;
}

/* Bring drop down lists back on rollover */
#nav li:hover ul, #nav li.sfhover ul 
{
display: block;
left: auto;
}

/*====================================================================*/
/* Click to view... animations========================================*/
/*====================================================================*/

/* This houses the main navigation which slides over the subsite navigation */
#mainNavigation 
{
position: absolute;
z-index: 5;
margin-top: -60px;
width: 840px;
}

/* This houses the subsite navigation */
#subsiteNavigation
{	
position: relative;
z-index: 1;
width: 840px;
}

/*====================================================================*/
/* Drop down navigation styles========================================*/
/*====================================================================*/
/* Drop down width and display */
.dropDown li, .dropDown ul
{ 
display: block;
width: 180px;
float: left;
text-transform: none;
}

/* Drop down width */
.dropDown
{
width: 180px;
}

/* General drop down style (opacity and alignment and default color) */
.dropDown a:link, .dropDown a:visited, .dropDown a:active
{ 
cursor: pointer;	
display: block;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
text-align: left;
font-weight: bold;
background: #ff9900;
height: 16px;
width: 170px;
color: #000000;
filter:alpha(opacity=95);
-moz-opacity:.95;
opacity:.95;
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

/* Drop down default hover style */
.dropDown a:hover
{ 
background: #f5c094;
}


/*====================================================================*/
/*====================================================================*/
/* Page Contents: The area between header and footer is styled here.==*/
/*====================================================================*/
/*====================================================================*/

/* Default page content styles */
.pageContent
{
color: #666666;
font-size: 13px;
font-family: arial, helvetica, sans-serif;
line-height: normal;
text-align: left;
}
.tablepageContent
{
color: #666;
font-size: 13px;
font-family: arial, helvetica, sans-serif;
line-height: normal;
text-align: left;
margin: 25px 25px 0px 25px;
}

.pageContent p{
margin-bottom: 15px;	
}

.pageContent li{
list-style: disc;
margin-left: 15px;
}

/* Page content which is aligned right */
.pageContentRight
{
color: #000000;
font-size: 13px;
font-family: arial, helvetica, sans-serif;
line-height: normal;
text-align: right;
}

/* Smaller version of deafult content */
.smallPageContent
{
color: #666666;
font-size: 10px;
font-family: arial, helvetica, sans-serif;
line-height: normal;
text-align: left;	
}

/* Right aligned small content */
.smallPageContentRight
{
color: #666666;
font-size: 10px;
font-family: arial, helvetica, sans-serif;
line-height: normal;
text-align: right;	
}

/* ridiculously small content */
.tinyPageContent
{
color: #666666;
font-size: 7pt;
font-family: arial, helvetica, sans-serif;
line-height: normal;
}
.tinyPageContent a:link, .tinyPageContent a:visited
{
color: #666666;
font-weight: normal;
text-decoration: none;
}
.tinyPageContent a:hover, .tinyPageContent a:active
{
text-decoration: underline;
}

/* Padding for the cover flow flash objects */
.coverDisplay
{
padding-top: 0px;
padding-bottom: 25px;
}

/* Errors are displayed with this style */
.errorContent
{
color: #FF0000;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
line-height: normal;
text-align: left;
}


/* Give the a solid border color and standard font*/
input[type="text"], textarea, input[type="file"], input[type="password"] {
border: 1px solid #999999;
font-family: arial, helvetica, sans-serif;
color: #333333;
font-size: 13px;
}

.color {
border: 1px solid #999999;
font-family: arial, helvetica, sans-serif;
color: #333333;
font-size: 13px;
}

/* On focus input color */
input:focus, textarea:focus{
background: #fcf9e7;	
}

/* Remove border from input images */
input[type="image"]{
border: none;	
}

/* Give the select the same border as everything else */
select{
border: 1px solid #999999;
font-family: arial, helvetica, sans-serif;
color: #333333;
}

/* Get rid of border around checkboxes in IE */
input[type="checkbox"], input[type="radio"]{
   background: transparent;
   border: 0;
}

input[readonly] {
	background: #cccccc;
	color: #666666;
}

h2{
font-weight: bold;
font-size: 16px;
margin: 0px 0px 5px 0px;
padding: 0px;
text-transform: uppercase;
}

h3{
font-family: arial, helvetica, sans-serif;	
font-weight: bold;
font-size: 100%;
margin: 0px 0px 0px 0px;
padding: 0px;
}

.contactTable td{
padding-bottom: 5px;
padding-right: 5px;
}

.contactTable input[type=text], .contactTable input[type=password], .contactTable textarea{
padding: 3px;	
} 

.requiredField {
color: red;
}

/*====================================================================*/
/*====================================================================*/
/* Javascript Coverflow ==============================================*/
/*====================================================================*/
/*====================================================================*/
#cfContainer {
	height: 380px;
	width: 626px;
	position: relative;
	margin-top: 20px;
	z-index: 0;
}

#cfContainer div {
	width: 210px;
	height: 380px;
	cursor: pointer;
	overflow: hidden;
}

#cfContainer div img {
	border: none;
}

#cfContainer div canvas {
	display: block;
}

#cfContainer p#titleBar {
	margin: 0;
	position: absolute;
	width: 522px;
	height: 34px;
	text-align: center;
	bottom: 35px;
	left: 52px;
	z-index: 1000;
	background: url('/images/coverflowTitleBar.png') top left no-repeat;
	line-height: 32px;
}

#cfContainer a.back {
	margin: 3px 0 0 5px;
	display: block;
	width: 25px;
	height: 26px;
	float: left;
	background: url('/images/back.png') top left no-repeat;
	outline: 0;
}

#cfContainer a.back:hover {
	background: url('/images/back.png') bottom left no-repeat;
}

#cfContainer a.next {
	margin: 3px 5px 0 0;
	display: block;
	width: 25px;
	height: 26px;
	float: right;
	background: url('/images/next.png') top left no-repeat;
	outline: 0;
}

#cfContainer a.next:hover {
	background: url('/images/next.png') bottom left no-repeat;
}

#cfContainer a {
	outline: none;
}

/*====================================================================*/
/*====================================================================*/
/* Product Detail Page ===============================================*/
/*====================================================================*/
/*====================================================================*/
.productAttention
{
color: #FF0000;
font-size: 12px;
font-family: arial, helvetica, sans-serif;
line-height: normal;
text-align: left;
}
.productHeader
{
color: #000000;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
line-height: normal;
text-align: left;
}

.productContent
{
color: #000000;
font-size: 12px;
font-family: arial, helvetica, sans-serif;
line-height: normal;
text-align: left;
}

.productContent a:link, .productContent a:visited, .productContent a:active,.productContent a:hover
{
color: #CC33CC;
line-height: normal;
text-align: left;
}

.productSpecs
{
color: #000000;
font-size: 12px;
font-family: arial, helvetica, sans-serif;
line-height: normal;
text-align: left;
}

.productSpecs a:link, .productSpecs a:visited
{
color: #000000;
text-decoration: underline;	
font-weight: normal;
line-height: normal;
text-align: left;
}

.productSpecs a:active,.productSpecs a:hover
{
color: #666666;
font-weight: normal;
line-height: normal;
text-align: left;
}

.productSidebar
{
color: #000000;
font-size: 10px;
font-family: arial, helvetica, sans-serif;
text-align: left;
line-height: normal;
}

.productLinks
{
color: #000000;
font-size: 9px;
font-family: arial, helvetica, sans-serif;
text-transform: uppercase;
text-align: center;
line-height: normal;
}

.productLinks img
{
margin: 5px;
}

.productLinks a:link, .productLinks a:visited
{
font-weight: normal;
color: #000000;
text-align: center;
line-height: normal;
}

.productLinks a:hover, .productLinks a:active
{
font-weight: normal;
color: #ab3ca8;
text-align: center;
line-height: normal;
}

.productRelatedLinks
{
color: #000000;
font-size: 13px;
font-family: arial, helvetica, sans-serif;
line-height: normal;
text-align: left;
line-height: normal;
padding-bottom: 3px;
}

.productRelatedLinks a:link, .productRelatedLinks a:visited
{
color: #666666;
text-align: left;
line-height: normal;
}

.productRelatedLinks a:hover, .productRelatedLinks a:active
{
color: #ab3ca8;
text-align: left;
line-height: normal;
}


.productInstrumentation
{
/* border: 1px solid #000000; */
color: #000000;
line-height: normal;
font-size: 12px;
}

.productInstrumentation th
{
color: #000000;
margin: 5px;
padding: 5px;
font-weight: bold;
line-height: normal;
}

.productInstrumentation td
{
color: #000000;
margin: 5px;
padding: 5px;
font-weight: normal;
line-height: normal;
}

.enlargeCoverLink{
	width:100%;
	text-align:center; 
}

.enlargeCoverLink .thickbox{
	font-size: 8pt;
}

.addthis_button {
        margin-top: 25px;
}

/*====================================================================*/
/*====================================================================*/
/* Shopping Cart Styles===============================================*/
/*====================================================================*/
/*====================================================================*/


/* Cart table color - cannot be applied to cell because this then causes the .smallNote color to not appear */
.cartTable
{
color: #333333;
font-family: tahoma, arial, sans-serif;;
margin-top: 15px;
}

/* Cart table cell padding */
.cartTable td
{
padding: 3px;
}


/* Apply appropriate margin and padding to cartTable inputs */
.cartTable input {
margin: 0px;
font-size: 13px;
padding: 2px;
}

.cartTable input[type="submit"]{
padding: 2px 5px 2px 5px;
}


/* The "Subtotal based..." and "Please note: If you are ordering..." notes use this style */
.smallNote {
color: #666666;
font-size: 10px;
}

/* Style links to look like buttons during the checkout process*/
.cartButton a:link, .cartButton a:visited
{
text-transform: uppercase;
color: #333333;
font-weight: bold;
font-size: 10.5px;
text-align: center;
display: block;
height: 18px;
width: 120px;
margin: 5px 0px 0px 0px;
padding: 6px 0px 0px 0px;
border: 1px solid #cccccc;
background: url(/images/navbg.gif);
vertical-align: top;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* IE 5.x */
float: left;
margin-right: 10px;
}

.cartButton input{
text-transform: uppercase;
color: #333333;
font-weight: bold;
font-size: 11px !important;
text-align: center;
width: 120px;
margin: 5px 0px 0px 0px;
padding: 4px 0px 4px 0px !important;
border: 1px solid #cccccc;
background: url(/images/navbg.gif);
vertical-align: top;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* IE 5.x */
margin-right: 10px;
}

.cartButton a:hover, .cartButton a:active
{
color: #333333;
text-decoration: none;
background: url(/images/navbg2.gif);
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* IE 5.x */
}

.submitOrder a:link, .submitOrder a:visited
{
text-transform: uppercase;
color: #333333;
font-weight: bold;
font-size: 10.5px;
text-align: center;
display: block;
height: 18px;
width: 120px;
margin: 5px 0px 0px 0px;
padding: 6px 0px 0px 0px;
border: 1px solid #cccccc;
background: url(/images/navbg.gif);
vertical-align: top;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* IE 5.x */
float: right;
margin-right: 0px;
}

.submitOrder input{
text-transform: uppercase;
color: #333333;
font-weight: bold;
font-size: 11px !important;
text-align: center;
width: 120px;
margin: 5px 0px 0px 0px;
padding: 4px 0px 4px 0px !important;
border: 1px solid #cccccc;
background: url(/images/navbg.gif);
vertical-align: top;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* IE 5.x */
margin-right: 0px;
}

.submitOrder a:hover, .submitOrder a:active
{
color: #333333;
text-decoration: none;
background: url(/images/navbg2.gif);
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* IE 5.x */
}

.currentCartHeader
{
display: block;
border: 0;
background-color: #99CCFF;
vertical-align: middle; 
text-align: center;
color: #000000;
font-size: 10px;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
line-height: normal;
}

.currentCartHeaderClosed
{
display: block;
border: 0;
background-color: #ffffff;
vertical-align: middle; 
text-align: center;
font-size: 10px;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
line-height: normal;
}

.currentCartHeaderClosed a:link, .currentCartHeaderClosed a:visited
{
display: block;
border: 0;
background-color: #ffffff;
color: #000000;
vertical-align: middle; 
text-align: center;
font-size: 10px;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
line-height: normal;
padding-top: 5px;
padding-bottom: 5px;
}

.currentCartHeaderClosed a:hover, .currentCartHeaderClosed a:active
{
display: block;
border: 0;
background-color: #99CCFF;
color: #ab3ca8;
vertical-align: middle; 
text-align: center;
font-size: 10px;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
line-height: normal;
padding-top: 5px;
padding-bottom: 5px;
}

.currentCartContent
{
border: 0;
background-color: #99CCFF;
vertical-align: top; 
text-align: left;
color: #000000;
padding: 10px;
font-size: 9px;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
line-height: normal;
}

.currentCartContent a:link, .currentCartContent a:visited, .currentCartContent a:active
{
color: #000000;
}

.currentCartContent a:hover
{
color: #ab3ca8;
}

.currentCartBackground
{
border: 0;
background-color: #99CCFF;
vertical-align: top; 
}

.cartTable h3{
font-weight: bold;
color: #000000;
font-size: 16px;
font-weight: bold;
line-height: normal;
text-align: left;
}

.cartTable h4{
font-weight: bold;
font-size: 13px;
color: #bd43ba;
}

.cartSidebar {
width: 120px;
text-align: left;
margin: 0px;
padding: 0px;
}

.cartSidebarTop {
font-size: 12px !important;
color: #ffffff;
width: 114px;
padding: 3px;
text-align: center;
font-weight: bold;
}

.cartSidebarTop a:link, .cartSidebarTop a:visited {
font-size: 12px !important;
color: #ffffff;
text-decoration: none;
width: 114px;
display: block;
height: 30px;
text-align: center;
}

.cartSidebarTop a:hover, .cartSidebarTop a:active {
color: #333333 !important;
}

#cartSidebarTable{
margin: 0px;
padding: 0px;
}

#cartSidebarTable a:link, #cartSidebarTable a:visited {
font-size: 11px !important;
color: #333333;
text-decoration: none;	
}

#cartSidebarTable a:hover, #cartSidebarTable a:active {
text-decoration: underline;	
}

#cartSidebarTopClickText{
font-size: 10px !important;	
}

#cartSideBarTableAppend td{
padding: 5px;
}

.popUpDiv{
position: absolute;
z-index: 101;
background: #eeeeee;
display: block;
width: 300px;
visibility: hidden;
-moz-border-radius: 5px;
border: 1px solid #000000;
font-family: verdana, sans-serif;
font-size: 9pt;
text-align: left;
padding: 5px;
color: #333333;
}

.popUpDiv a:link,.popUpDiv a:visited {
color: #333333;
font-weight: bold;
}

.popUpDiv a:hover,.popUpDiv a:active {
	color: #000000;
	text-decoration: underline;
}

/*====================================================================*/
/*====================================================================*/
/* Advanced Search ===================================================*/
/*====================================================================*/
/*====================================================================*/

#advancedSearchForm #keyword {
	margin: 20px 0 12px 0;
}

#advancedSearchForm br {
	clear: both;
}

#advancedSearchForm p input {
	vertical-align: middle;
	margin: 0 0 3px 6px;
}

#advancedSearchForm #leftColumn label, #advancedSearchForm #keyword label {
	width: 104px;
	float: left;
	text-align: right;
	padding: 2px 4px 0 0;
	font-weight: bold;
	margin-bottom: 12px;
}

#advancedSearchForm #keyword label {
	margin: 0px;
}

#advancedSearchForm #leftColumn {
	width: 324px;
	float: left;
}

#advancedSearchForm #leftColumn input, #advancedSearchForm #rightColumn input {
	margin-bottom: 12px;
	width: 146px;
	border: solid 1px #999;
}

#advancedSearchForm #rightColumn select {
	width: 180px;
	margin-right: 4px;
	margin-bottom: 12px;
	border: solid 1px #999;
}

#advancedSearchForm #keyword input {
	border: solid 1px #999;
	width: 550px;
}	

#advancedSearchForm #submit {
	width: 0px;
	height: 0px;
	border: none;
	background-color: white;
}

/*====================================================================*/
/* Sign in Page ======================================================*/
/*====================================================================*/

/* Apply appropriate margins to sign in inputs */
.signIn input {
margin-left: 0px;
margin-bottom: 10px;
padding: 3px;
}

/* This is for the table cell which divides the returning visitor login from the new visitor login */
.borderRight {
border-right: 3px solid #bbbbbb;
border-right-style: solid;
}	




/*====================================================================*/
/* About You =========================================================*/
/*====================================================================*/

/* Make the select a bit wider on this page */
.wideSelect select{
border: 1px solid #999999;
width: 265px;
}

/*====================================================================*/
/* Retailers =========================================================*/
/*====================================================================*/

.retailerTable{
margin-left: -5px;	
}
.retailerTable td{
padding: 5px 5px 5px 0px;
}

/* Style the links in the retailer section so that the results grid is easy to use - Remember that the color change is cascaded from cartTable */
.retailerTable a:link, .retailerTable a:visited{
display: block;
width: 250px;
height: 100px;
padding: 5px;
font-weight: normal;
color: #333333;
}

.retailerTable a:hover, .retailerTable a:active{
background: url(/images/retailerTableLink.gif) no-repeat;
text-decoration: none;
}

/*====================================================================*/
/* Broadway Jr. / Kids /Getting to know===============================*/
/*====================================================================*/

/* style the links in the left column */
ul.broadwayJrKidsLinks {
margin:16px 0;
padding-left:2px;
}

ul.broadwayJrKidsLinks li {
margin:4px 0;
list-style-type: none;
}
ul.sampler li{
list-style-type:none;
margin:0;
}

ul.sampler li a{
padding-right:25px;
}

/*====================================================================*/
/* Faber Piano Adventures ============================================*/
/*====================================================================*/
	
#fpaHead, .fpaList li {
font-family:arial, helvetica, san serif;
}
#fpaHead {
font-size:26px;
margin:0;
}
#fpaHead sup {
font-size: 13px;
}
.fpaList {
margin: 10px 0 0 20px;
font-size:13px;
}
.fpaList li {
margin-bottom:9px;
list-style-type:square;
}
.fpaColumn {
padding: 10px;
}
.fpaColumnWrapper {
float:left;
width:290px;
}
.fpaBanner {
background:url(/images/fpaTanGradient.jpg)	repeat-x;
}

/*====================================================================*/
/* Willis Music Brochures ============================================*/
/*====================================================================*/

.willisBrochures td {
	padding: 0 20px 0 15px;
}

.willisBrochures h2 {
	margin: 18px 0 24px;
}

/*====================================================================*/
/*====================================================================*/
/* Product Detail:====================================================*/
/*====================================================================*/
/*====================================================================*/
.pageHeader
{
color: #000000;
font-size: 16px;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
line-height: normal;
text-align: left;
}


/*====================================================================*/
/*====================================================================*/
/* Search Tools: =====================================================*/
/*====================================================================*/
/*====================================================================*/

#searchTableWrapper{
min-height: 450px;
height: auto !important;
height: 450px;
background: #efefef;
}

/* Auto complete styles */
div.autocomplete {
  margin:0px;  
  padding:0px;  
  width:465px !important;
  background:#fff;
  border:1px solid #888;
  position:absolute;
  z-index: 100;
}

div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

div.autocomplete ul li.selected { 
  background-color:#fff7c7;
}

div.autocomplete ul li {
  margin:0;
  padding:5px 2px 5px 2px;
  /*height:20px;*/
  display:block;
  list-style-type:none;
  cursor:pointer;
}


 /* The table containing the search tools */   
.tableSearchResultsTools
{
background: url(/images/resultsBarBG.gif);
background-position: bottom center;
background-repeat: repeat-x;
background-color: #ffffff;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #3c3c3c;
}

.tableSearchResultsTools td{
font-family: arial, helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #696969;
}

.breadCrumbs
{
background-color: #cccccc;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #3c3c3c;
}

.breadCrumbs td{
font-family: arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #696969;	
}

/* The paging tools allow the user to navigate through search results */
.pagingTools{
font-family: arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #3c3c3c;
width: 840px;
}

.pagingTools td{
padding: 2px 5px 2px 5px;	
}

.resultView {
	padding-left: 17px;
}

/* Link styles within this table and for the paging tools*/
.tableSearchResultsTools a:link,.tableSearchResultsTools a:visited,.pagingTools a:link, .pagingTools a:visited
{
font-size: 10px;
font-weight: bold;
color: #696969;
text-decoration: underline;
}


.tableSearchResultsTools a:hover, .tableSearchResultsTools a:active, .pagingTools a:hover, .pagingTools a:active
{
text-decoration: none;
}

/* 
tableCellSearchResultEmpty is an empty table data cell used for
when an odd number of product results are returned.
*/
.tableCellSearchResultEmpty
{
background-color: #efefef;
border: none;
}

/* Link styles within the bread crumbs */
.breadCrumbs a:link,.breadCrumbs a:visited
{
font-size: 10px;
font-weight: bold;
color: #696969;
text-decoration: underline;
}


.breadCrumbs a:hover, .breadCrumbs a:active
{
text-decoration: none;
}

.breadCrumbs a{
font-family: tahoma;
}

#refineSearch a {
color: #000000;	
}

/* Advanced search page select width */
.advancedSearchTable select
{
width: 150px;
}


/* Give advancedSearchTable inputs appropriate margin and padding */
.advancedSearchTable input {
margin-left: 5px;
margin-bottom: 10px;
padding: 1px;
}

.searchUrlLarge {
font-family: arial, helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}

.searchUrl {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

.searchUrlNormal {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
}

.adminTable input[type="text"], .adminTable select {
margin-left: 5px;
margin-bottom: 10px;
padding: 1px;	
}



/*====================================================================*/
/*====================================================================*/
/* Series Feature: ===================================================*/
/*====================================================================*/
/*====================================================================*/
.seriesLogo
{
padding: 10px;
}

.seriesDescription
{
color: #000000;
font-size: 11px;
font-family: arial, helvetica, sans-serif;
text-align: left;
line-height: normal;
padding: 10px;
margin: 5px;
}

/* Links within this table */ 
.seriesDescription a:link, .seriesDescription a:visited
{
color: #333333;
font-weight: normal;
line-height: normal;
}

.seriesDescription a:hover, .seriesDescription a:active
{
color: #ab3ca8;
font-weight: normal;
line-height: normal;
}

.seriesHeader
{
color: #000000;
font-size: 13px;
font-family: arial, helvetica, sans-serif;
text-align: left;
line-height: normal;
padding: 10px;
margin: 5px;
}
/*====================================================================*/
/*====================================================================*/
/* Large Cover Search Results: =======================================*/
/*====================================================================*/
/*====================================================================*/

/* This table contains the search results */
.largeCoverResultGrid
{
background-color: #ffffff;
color: #000000;
font-size: 11px;
margin-left: 9px;
border-collapse: separate;
}

/* Apply appropriate spacing between elements in results grid*/ 
.largeCoverResultGrid td
{
border-right: 9px solid #efefef;
border-bottom: 9px solid #efefef;
} 

 /*largeCoverResult is the table nested within each td of largeCoverResultGrid
 Remember that if the padding is changed here, the cell width must be changed 
 accordingly in the jsp Cell width + Padding * 4 = actual total width of cell
 */
.largeCoverResult td
{
background-color: #ffffff;
padding: 5px;
border: none;
}

.largeCoverResultCopy td
{
padding: 0px;
border: none;
}

/* Links within this table */ 
.largeCoverResult a:link, .largeCoverResult a:visited
{
font-weight: normal;
line-height: normal;
color: #333333;
margin-top: 2px;
font-family: tahoma;
}

.largeCoverResult a:hover, .largeCoverResult a:active
{
color: #ab3ca8;
font-weight: normal;
line-height: normal;
margin-top: 2px;
}

/* This contains the wishlist and cart buttons */
.searchResultButtonsContainer
{ 
margin-top: 5px;
text-align: right;
}

/* Put some space between the cart and wishlist icons */
.searchResultButtonsContainer img{
margin-left: 10px;	
}

/*====================================================================*/
/*====================================================================*/
/* Small Cover Search Results: =======================================*/
/*====================================================================*/
/*====================================================================*/

/* This table contains the search results */
.smallCoverResultGrid
{
color: #000000;
background-color: #ffffff;
font-size: 11px;
margin-left: 6px;
border-collapse: separate;
}

/* Apply appropriate spacing between elements in results grid */ 
.smallCoverResultGrid td{
padding: 0px;
border-right: 6px solid #efefef;
border-bottom: 6px solid #efefef;
}

/* smallCoverResult is the table nested in each cell of smallCoverResultGrid 
 Remember that if the padding is changed here, the cell width must be changed 
 accordingly in the jsp Cell width + Padding * 4 = actual total width of cell
*/
.smallCoverResult td
{
font-size: 11px;
background-color: #ffffff;
padding: 5px;
border: none;
}

.smallCoverResult a:link, .smallCoverResult a:visited
{
font-weight: normal;
line-height: normal;
color: #000000;
margin-top: 2px;
}

.smallCoverResult a:hover, .smallCoverResult a:active
{
color: #ab3ca8;
font-weight: normal;
line-height: normal;
margin-top: 2px;
}


/* This contains the wishlist and cart buttons */
.searchResultButtonsContainer-left
{ 
margin-top: 5px;
text-align: left;
}

/* Put some space between the cart and wishlist icons */
.searchResultButtonsContainer-left img{
margin-right: 10px;	
}


/*====================================================================*/
/*====================================================================*/
/* Line Listing Search Results: ======================================*/
/*====================================================================*/
/*====================================================================*/
.tableSearchResultList
{
padding-right: 15px;
padding-left: 15px;
padding-bottom: 10px;
color: #000000;
font-size: 13px;
font-family: arial, helvetica, sans-serif;
text-align: left;
line-height: normal;
}

.tableSearchResultList a:link, .tableSearchResultList a:visited
{
color: #000000;
text-align: left;
line-height: normal;
font-weight: normal;
}

.tableSearchResultList a:hover, .tableSearchResultList a:active
{
color: #ab3ca8;
text-align: left;
line-height: normal;
font-weight: normal;
}

/*====================================================================*/
/*====================================================================*/
/* Promo Feature Search Results: =====================================*/
/*====================================================================*/
/*====================================================================*/

/* This table contains the search results */
.promoFeatureResultGrid
{
background-color: #ffffff;
color: #000000;
font-size: 11px;
font-family: tahoma;
margin-left: 9px;
border-collapse: separate;
}

/* Apply appropriate spacing between elements in results grid*/ 
.promoFeatureResultGrid td
{
border-right: 9px solid #efefef;
border-bottom: 9px solid #efefef;
} 

 /* promoFeatureResult is the table nested within each td of 
 promoFeatureResultGrid.  Remember that if the padding is changed here, the 
 cell width must be changed accordingly in the jsp Cell width + Padding * 4 = 
 actual total width of cell
 */
.promoFeatureResult td
{
background-color: #ffffff;
padding: 5px;
border: none;
}

.promoFeatureResultCopy td
{
padding: 0px;
border: none;
}

/* Links within this table */ 
.promoFeatureResult a:link, .promoFeatureResult a:visited
{
font-weight: normal;
line-height: normal;
margin-top: 2px;
font-family: tahoma;
}

.promoFeatureResult a:hover, .promoFeatureResult a:active
{
color: #ab3ca8;
font-weight: normal;
line-height: normal;
margin-top: 2px;
}

.promoFeatureResultBack td
{
border: none;
}

.promoFeatureResultEmpty
{
background-color: #efefef;
border: 0px;
}

.promoFeatureResultEmpty td
{
border: 0px;
}


/*====================================================================*/
/*====================================================================*/
/* Subsite Feature Pages =============================================*/
/*====================================================================*/
/*====================================================================*/

.promoFeature {
	background: #efefef;
	width: 840px;
	border-collapse: separate;
	border-spacing: 9px;
}

.promoFeature td {
	background: #fff;
	text-align: center;
	padding: 10px;
	width: 268px;
	vertical-align: top;
}

.promoFeature td.blank {
	background: #efefef;
}

.promoFeature th {
	background: #efefef;
	text-align: center;
}

.promoFeature th h2 {
	margin: 6px 0;
}

.promoFeature p {
	margin: 3px 0;
}

	
/*====================================================================*/
/*====================================================================*/
/* Footer Styles: Everything at the bottom of the site. ==============*/
/*====================================================================*/
/*====================================================================*/
/* The images (logos) at the bottom of the page are contained here */
.footerImage
{
width: 840px;
text-align: center;
}

/* Margins for images in the footerImage div*/
.footerImage img
{
margin-left: 12px;
margin-right: 12px;
}



/* This contains the scrolling marquee */
#marqueecontainer{
font-family: arial, sans-serif;
color: #333333;
font-weight: bold;
height: 25px;							
width: 810px;
margin: 0 auto;
position: relative;
overflow: hidden;
padding: 2px;
text-transform: uppercase;
font-size: 12px;
}

#vmarquee{
position: absolute;
white-space: nowrap;
}


/*====================================================================*/
/*====================================================================*/
/* Video Player: =====================================================*/
/*====================================================================*/
/*====================================================================*/

.videoPlayer {
	background: #000;	
	color: #fff;
}
.videoPlayer #video {
	background: #000;
	display: block;
	margin: 18px auto 0;
}
.videoPlayer div.close {
	text-align: right;
	margin: 40px 20px 0 0;
}
.videoPlayer .download {
	color: #fff;
}
.videoPlayer p {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	margin-top: 8px;
}
#TB_ajaxContent div.close {
	display: none;
}


/*====================================================================*/
/*====================================================================*/
/* Form Styles =======================================================*/
/*====================================================================*/
/*====================================================================*/
.errors {
      color: #cc0000;
      font-weight: bold;
      margin: 8px 0;
}

.formTable {
      width: 650px;
}

.pageContent p.requiredNote {
      margin: 0 0 5px 200px;
}

.pageContent p.submit {
      clear: both;
      margin: 0 0 20px 200px;
}

.formTable label {
      width: 190px;
      padding-right: 10px;
      display: block;
      float: left;
}

.formTable input[type="text"], .formTable input[type="password"], .formTable textarea {
      padding: 3px;
      margin-bottom: 6px;
}

.formTable select {
      margin-bottom: 6px;
}

.formTable span.checkboxes {
      float: left;
      margin: 10px 0 20px 0;
      width: 250px;
}

.formTable p.section {
      clear: both;
      padding-top: 18px;
}


/*====================================================================*/
/*====================================================================*/
/* Copyright: This is the very bottom part of the website. ===========*/
/*====================================================================*/
/*====================================================================*/
.copyright{
font-size: 11px;
color: #666666;
text-align: center;
font-family: arial, helvetica, sans-serif;
}

.copyright a:link, .copyright a:visited{
color: #666666;
}

.copyright a:hover, .copyright a:active{
text-decoration: underline;
}


/*====================================================================*/
/*====================================================================*/
/* Teacher VIP =======================================================*/
/*====================================================================*/
/*====================================================================*/
.vipBody { background: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif;}
.vipBold {  font-size: 10pt; font-weight: bold}
.vip { font-size: 9pt; font-weight: normal; color: #000000}
.vipSmallBold {font-size: 9pt; font-weight: bold; color: #000000 }
.vipHeader{font-size: 12pt; font-weight: bold; color: #000000}
.vipCatPathLink { font-size: 10pt; font-weight: bold; color: #FFFFFF; text-decoration: underline}
.vipCatPath {  font-size: 10pt; font-weight: bold; color: #FFFFFF; line-height: 14pt}
.textCatPath { font-size: 10pt; font-weight: bold; color: #000000; line-height: 14pt}
.vipOfferTitle  {color: #cc3333; font-size: 18px;}
.vipAlertMessage {color: #cc3333; font-size: 9pt;}
.vipOfferSubtitle { color: #cc3333; font-size: 13px;}
.vipBody a:link, .vipBody a:visited{
font-weight: normal; color: #0000FF; text-decoration: underline; font-size: 9pt;
}

.vipBody a:hover, .vipBody a:active{
color: #ff0000;	
}

.vipBold a:link, .vipBold a:visited, .vipBold a:hover, .vipBold a:active{
font-size: 10pt !important; font-weight: bold; color: #000000; text-decoration: underline;
}  



/*====================================================================*/
/*====================================================================*/
/* Garbage */
/*====================================================================*/
/*====================================================================*/
/* This will probably be removed
.footer
{
width: 840px;
text-align: center;
color: #333333;
font-size: 11px;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
}

    #animated {
	position: absolute;
	top: 127px;
	align: center;
	left: 50%;
	margin-left: -420px;
	margin-top: 0px;
	margin-bottom: 0px;
    }
    
    #animated2 {
      position: absolute;
      left: 50%;
      margin-left: -420px;
      top: -100px;
      z-index: 0;
      margin-top: 0px;
      margin-bottom: 0px;
      width: 840px;
      height: 50px;
    }    
    
.slidedown {
	position: absolute;
	top: 127px;
	align: center;
	left: 50%;
	margin-left: -420px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.pageContentLink a:link, a:visited
{
color: #000000;	
}

.pageContentLink a:hover, a:active
{
color: #ab3ca8;	
}

.smallBoldText
{
font-size: 11px;
font-weight: bold;
line-height: normal;
text-align: left;
}

*/

/* ------------------------------------------------------------------------------ */
/*                                JQUERY SLIDE MENU                               */
/* ------------------------------------------------------------------------------ */

.jqueryslidemenu{
/*
font: bold 12px Verdana;
background: #414141;
width: 100%;
*/
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
/*
background: #414141;
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
*/
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
/*
color: white;
*/
}

.jqueryslidemenu ul li a:hover{
/*
background: black;
color: white;
*/
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
/*
font: normal 13px Verdana;
width: 160px;
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
*/
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
/*
background: #eff9ff;
color: black;
*/
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
/*
position: absolute;
top: 12px;
right: 7px;
*/
}

.rightarrowclass{
/*
position: absolute;
top: 6px;
right: 5px;
*/
}