/*
  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
*/


/*========================================================
	Teacher VIP 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
	Product Detail
	Search Tools
	Large Cover Search Results
	Small Cover Search Results
	Line Listing Search Results
	Footer	
	Copyright
	TeacherVIP
========================================================*/
html
{
overflow-y: scroll;
height: 100%;
}
body
{
background: #7c7c7c;
height: 100%;
}

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: 650px;
height: auto !important;
height: 650px;
padding-bottom: 15px;
}

.printTitle{
display: none;	
}

.paddedTable td{
padding: 5px;	
}

.leadingLetter{
font-family: impact,chicago;
font-size: 22px;
color: #ff3333;
}

#adminHeader {
	height: 68px;
	background-image: url('/admin/images/adminHeaderBG.gif');
	background-repeat: repeat;
}

#adminFooter {
	height: 10px;
	background-color: #4A4138;
	width: 840px;
	margin: 0 auto;
}

.adminBorder {
	border: 1px solid #4A4138;
}

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

.left {
	float: left;
	display: inline;
}

.right {
	float: right;
	display: inline;
}

.fix {
	clear: both;
	margin: 0 !important;
}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

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


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

#header {
	padding: 10px 0 11px 20px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	/* background: url(/images/headerbg.jpg) repeat-y #000; */
	height: 50px;
	min-height: 50px;
	height: auto !important;
	*padding-bottom: 0;
	_padding-bottom: 11px;
}

#header a:link, #header a:visited, #header a:active {
	color: #fff;
	/* text-shadow: 0 1px 0 #000; */
}

#header a:hover {
	/* color: #000; */
	text-decoration: underline;
}

#header .logo {
	/* margin-right: 182px; */
}

#header .nav {
	margin-right: 15px;
	width: 500px;
}

#header .logo a {
	/*
	background: url(/images/logo.gif) no-repeat;
	width: 167px;
	height: 104px;
	display: block;
	text-indent: -9999px;
	*/
}

#header ul {
	display: inline;
}

#header ul li {
	display: inline;
	border-left: 1px solid #FFFFFF;
	margin-left: 10px;
	padding-left: 10px;
}

#header ul#topNav {
	float: right;
}

#header ul#secondaryNav {
	display: block;
	margin-left: 2px;
	float: right;
}

#header ul#secondaryNav li {
	margin-left: 8px;
	padding-left: 8px;
}

#header ul li.first, #header ul#secondaryNav li.first {
	border: none;
	margin: 0;
	padding: 0;
}

#header .search {
	font-size: 15px;
	width: 63px;
	margin-top: 16px;
	margin-right: 10px;
	padding: 5px 0 0 0;
	clear: both;
	display: inline-block;
}

#header .searchform {
	margin: 16px 0 0 5px;
	padding: 0 2px;
	background: #fff6d9;
	float: right;
	/*
	background-image: -moz-linear-gradient(top, #FFF6D9, #DCD4BC);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFF6D9),color-stop(1, #DCD4BC));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFF6D9', EndColorStr='#DCD4BC');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFF6D9', EndColorStr='#DCD4BC')";
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 1px 3px #000;
	-moz-box-shadow: 0 1px 3px #000;
	-webkit-box-shadow: 0 1px 3px #000;
	*/
}

#header .searchform input {
	width: 328px;
	padding: 2px;
	margin: 2px 0;
	display: inline-block;
	/*
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 5px 8px #ccc inset;
	-moz-box-shadow: 0 5px 8px #ccc inset;
	-webkit-box-shadow: 0 5px 8px #ccc inset;
	*/
}

#header .nav form {
	text-align: right;
}

#header .searchform img {
	vertical-align: top;
	margin-top: 4px;
}

#header .searchoptions {
	padding: 5px 0 25px 0;
	width: 367px;
	margin-left: 68px;
}

#header .searchoptions input {
	vertical-align: top;
}

#header p.parentLink {
	margin: 23px 0 0 0;
}

#loc {
	background-color: #000;
	height: 30px;
	padding: 0 20px;
	overflow: hidden;
}

/*====================================================================*/
/*====================================================================*/
/*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;
display: block;
padding-top: 13px;
padding-left: 0px;
padding-right: 0px;
width: 140px;
height: 25px;
}

.navigationTable ul#nav > li > a {
	background: url(/images/navbg-left.gif) left 0 no-repeat;
	width: 140px;
	padding: 0;
	height: 30px;
}
.navigationTable ul#nav>li>a span {
	background: url(/images/navbg-right.gif) right 0 no-repeat;
	display: block;
	height: 21px;
	padding: 9px 0 0;
}

/* Navigation button roll over */
.navigationTable ul#nav > li > a:hover {
	background-position: left -30px;
}
.navigationTable ul#nav > li > a:hover span {
	background-position: right -30px;
}

/*
.navigationTable ul#nav > li > a:active {
	background-position: left -76px;
}
.navigationTable ul#nav > li > a:active span {
	background-position: right -76px;
}
*/

/* 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.==*/
/*====================================================================*/
/*====================================================================*/

/* home page */

.subsiteDesc {
	padding: 25px 5px 10px 20px;
	width: 167px;
}

.coverflow {
	padding: 10px 15px 10px 5px;
}

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

.mdContent
{
background: #000000 !important;
color: #cccccc !important;
}

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

.subsiteDesc p {
	padding: 0;
}

#newsletterSignup {
	display: none;
}

#emailSignup .error {
	display: none;
}

#TB_ajaxContent #emailSignup p {
	padding: 0;
	margin: 0;
}

#TB_ajaxContent .contentWrapper {
	padding: 0 !important;
}

#emailSignup label {
	display: inline-block;
	margin-top: 5px;	
}

.errorMessage {
	color: #f00;
	margin: 4px 0;
}

.error {
	color: #c00;	
}

.pod {
	color: #000000;
	font-weight: bold;
	font-style: italic;
}

.contentWrapper p {
	padding: 0;
}

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

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

.pageContent ol li{
list-style: decimal;
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;
}

#coverDisplay {
	overflow: hidden;
	position: relative;
}
#slideshow-control {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}
#slideshow-toggle {
	border: 0;
	background: none;
	cursor: pointer;
	color: inherit;
}

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

/* Errors are displayed with this style */

#errors {
padding: 10px;
margin-bottom: 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* webkit */
border-radius: 5px; /* w3 */ 
}

.errorContent li {
padding: 1px;
list-style-position: inside;
list-style-type: none;
margin-left: 0px;
}

.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;
}

#footer {
font-family: arial, helvetica, sans-serif;	
width: 840px;
margin: 0 auto;
text-align: center;
clear: both;
}

#footer a:link, #footer a:visited {
font-weight: normal;
}

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

#footer ul.links {
	background: #fff;
}

#footer ul.links li {
	display: inline;
	margin: 0 20px;
}

#footer ul.links li a {
	font-size: 11px;
}

.mainFooter {
color: #000000;
background: #ffffff;
padding-top: 10px;
}

.mdFooter {
color: #999999;
background: #000000;
}

#textLinks {
font-size: 13px;
padding-top: 25px;
padding-bottom: 30px;
}

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

#textLinks.mdFooter a:link, #textLinks.mdFooter a:visited
{
color: #cccccc;
}

#textLinks ul {
display: inline;
}

#textLinks ul li {
list-style: none;
display: inline;
padding-left: 25px;
padding-right: 25px;
}

#copyright {
font-size: 7pt;
text-align: center;
}

#copyright.mainFooter {
color: #333333;
}

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

#copyright.mdFooter {
color: #999999;
}

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

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

/*****LEFT PRODUCT COLUMN****/
#productLeftColumn {
	width: 135px;
	padding-top: 9px;
	padding-left: 17px;
	margin-right: 22px;
	float: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 9px;
	line-height: normal;
	text-align: center;
	text-transform: uppercase;
}

#productLeftColumn a:link, #productLeftColumn a:visited  {
	color: #000;
	font-weight: normal;
}

#productLeftColumn a:hover, #productLeftColumn a:active {
	color: #ab3ca8
}

#productLeftColumn div {
	padding: 9px 0 0 0;
}

#productLeftColumn div.socialLinks {
	border-right: solid 1px #000;
	margin: 9px -12px 9px 0;
	padding: 14px 12px 14px 0;
}

#productLeftColumn div.socialLinks h3 {
	font-size: 	10px;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	padding-top: 12px;
}

#productLeftColumn div.socialLinks p a:link, #productLeftColumn div.socialLinks p a:visited {
	color: #000;
	display: inline-block;
	*display: inline;
	font-size: 10px;
	line-height: 10px;
	margin-top: 4px;
	text-transform: none;
}

#productLeftColumn div.socialLinks p a:hover, #productLeftColumn div.socialLinks p a:active {
	color: #666;
}

.socialBookSites {
	margin: -9px  0 12px 0;
}

.socialBookSites a {
	margin: 5px 0;
}

.addthis_button {
	margin-top: 25px;
}

a#backToSearch {
	display: block;
	margin: 9px 0 14px 0;
}

a#closerLook, a#audioLink, a#buyNow {
	display: block;
	margin: 9px 0 0 0;
}

a#closerLook img.closerLookIcon {
	float: none;
}

#productNav a {
	margin: 0 4px;
}

#productLeftColumn div#cartLinks {
	margin-top: 14px;
	padding: 0;
}

#cartIcons {
	text-align: right;
	margin-right: 32px;
}

#cartIcons img {
	margin: 0 3px;
	cursor: pointer;
	cursor: hand;
}

#cartIcons img.loading {
	padding: 0 0 3px 0;
	margin: 0;
}

#cartIcons img#addToCart {
	margin-left: 8px;
}

/*****MAIN PRODUCT COLUMN******/
#productMainColumn {
	width: 510px;
	padding-top:9px;
	float: left;
	color: #000;
}

#productMainColumn h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
}

#productMainColumn h2.subtitle {
	margin: 0 0 -6px 0;
	padding-top: 10px;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
}

#productMainColumn ol {
	margin: 8px 0 0 8px;
}

.pageContent #productMainColumn p {
	margin: 0;
	padding: 6px 0;
}

.pageContent #productMainColumn p.productSpecs {
	font-size: 12px;
}

p.productSpecs a:link, p.productSpecs a:visited {
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}

p.productSpecs a:active, p.productSpecs a:hover {
	color: #666;
	font-weight: normal;
	text-decoration: underline;
}

#reviews {
	margin-top: 16px;
}

#reviews p br {
	line-height: 4px;
}


#relatedLinks {
	width: 350px;
	padding-top: 0;
	margin-top: 24px;
	float: left;
}

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

.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;
}


ul.productRelatedLinks li {
	list-style-type: none;
	margin: 2px 0;
}

.productRelatedLinks li.seeMore {
	padding-top: 8px;
}

#relatedImages {
	float: right;
	margin-top: 24px;
	width: 135px;
	height: 180px;
}

#disclaimer {
	clear: both;
}

.cartSidebar {
	float: right;
}

/*song list page*/
#songList {
	margin-bottom: 24px;
	font-size: 12px;
}

/*instrumentation page*/
.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;
}


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

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

/* 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;
}

.standardPopUp{
background: #eeeeee;
display: none;
width: 300px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* webkit */
border-radius: 5px; /* w3 */
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;
}

/*====================================================================*/
/*====================================================================*/
/* 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: 9px;
font-weight: bold;
color: #696969;
height: 30px;
padding: 0 17px 0 17px;
}

.tableSearchResultsTools div {
	margin-top: 8px;
}

.tableSearchResultsTools .spacer {
	margin-right: 32px;
}

.tableSearchResultsTools .singlePage {
	margin-left: 219px;
}

.tableSearchResultsTools .viewResultsBy {
	margin-left: 50px;
}

.tableSearchResultsTools select, .tableSearchResultsTools input
{
margin: -2px 0 0 5px;
_margin-top: 0;
}

.breadCrumbs
{
background-color: #cccccc;
font-family: arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
height: 18px;
color: #696969;
padding: 3px 17px 0 17px;
}

.breadCrumbs a
{
font-size: 11px;
font-weight: bold;
color: #3c3c3c;
}

.breadCrumbs a.refineSearch {
	margin-right: 20px;
}

.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;	
}



/* 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;
}

/* 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;	
}

.results {
	width: 166px;
}

.resultsSeries {
	width: 245px;
}

/*====================================================================*/
/*====================================================================*/
/* 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: =======================================*/
/*====================================================================*/
/*====================================================================*/
.resultsTop {
	background: #fff;
	padding: 6px 17px;
	border: solid 9px #efefef;
	border-bottom: none;
}

.largeCoverResultGrid div.resultsTop {
	margin: 0 9px 9px 0;
}

.whatsNew {
	color: #000000;
	font-size: 11px;
}

/* This table contains the search results */
.largeCoverResultGrid
{
background-color: #EFEFEF; /* fff */
color: #000000;
font-size: 11px;
padding-left: 9px;
padding-top: 9px;
border-collapse: separate;
overflow: auto;
}

 /*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
 */

.largeCoverRow {
	float: left;
	border-bottom: solid 9px #EFEFEF;
	background: url('/images/largeCoverGrid.gif') top left repeat-y;
}

.largeCoverResult {
	float: left;
	width: 258px;
	padding: 5px 14px 5px 5px;
	height: 100%;
}

.cover {
	float: left;
}

.description {
	float: left;
	margin-left: 10px;
	width: 110px;
	min-height: 150px;
}

.description p {
	margin-top: 0;
}

.icons {
	float: right;
	width: 114px;
	padding: 6px 0 0;
	border: none;
	text-align: right;
}

.sampleIcon, .closerLookIcon {
	float: left;
}

.largeCoverResultCopy
{
padding: 0px;
border: none;
min-height: 150px;
}

/* 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: =======================================*/
/*====================================================================*/
/*====================================================================*/
.smallCoverResultGrid div.resultsTop {
	margin: 0 6px 6px 0;
	border: none;
}

/* This table contains the search results */
.smallCoverResultGrid
{
color: #000000;
background-color: #EFEFEF; /* fff */
font-size: 11px;
padding-left: 6px;
padding-top: 6px;
border-collapse: separate;
overflow: auto;
}

.smallCoverRow {
	float: left;
	border-bottom: solid 6px #EFEFEF;
	background: url(/images/smallCoverGrid.gif) repeat-y #fff;
}

/* 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 {
	float: left;
	width: 401px;
	padding: 5px 5px 5px 5px;
	border-right: solid 6px #EFEFEF;
	height: 100%;
}

.smallDescription {
	padding: 0px;
	border: none;
}

p.smallDescription {
	padding: 0px;
	margin: 0px;
}

.smallCoverResult img {
	cursor: pointer;
	margin-right: 10px;
}

.smallIcons {
	display: block;
	margin-top: 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: ======================================*/
/*====================================================================*/
/*====================================================================*/
.lineListingResult div.resultsTop {
	margin: 9px 0 0 0;
	border: none;
}

.tableSearchResultList
{
padding-right: 15px;
padding-left: 15px;
padding-top: 15px;
padding-bottom: 10px;
color: #000000;
font-size: 13px;
font-family: arial, helvetica, sans-serif;
text-align: left;
line-height: normal;
list-style: none;
}

.tableSearchResultList ul
{
list-style: none;
}

.tableSearchResultList li
{
list-style: none;
margin: 0 0 10px;
}

.tableSearchResultList ul li
{
list-style: none;
margin: 0;
}

.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;
}

.songList li {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

/*====================================================================*/
/*====================================================================*/
/* 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;
}

.promoFeatureResultCopy h2 {
	padding: 5px;
	background: #fff;
	color: #666;
	margin: 0 9px 9px 0;
}

/* 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;
}

.backToTop {
	font-family: tahoma;
	padding: 5px;
	background: #fff;
	margin: 0 9px 9px 0;
}

.backToTop a {
	font-weight: normal;
}

/*====================================================================*/
/*====================================================================*/
/* 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;
}
#TB_ajaxContent a.download:link, #TB_ajaxContent a.download:visited  {
	color: #BD43BA;
}
#TB_ajaxContent a.download:hover {
	color: #793977;
}

/*====================================================================*/
/*====================================================================*/
/* Media Pages: ======================================================*/
/*====================================================================*/
/*====================================================================*/

#mediaTop {
	border-bottom: solid 9px #eee;
	padding: 12px;
}

#gridContainer {
	background-color: #eee;
	overflow: auto;
}

.row {
	float: left;
	background:url("/images/largeCoverGrid.gif") repeat-y scroll 9px top #EEEEEE;
	border-bottom:9px solid #EEEEEE;
	padding-left:9px;
	overflow: auto;
}

#mediaTop p, .row p {
	margin: 0;
	padding: 0;
}

.row div.item {
	width: 268px;
	float: left;
	margin-right: 9px;
	padding: 12px 0;
	text-align: center;
}

.row div.item img {
	border: solid 1px #eee;
	margin-bottom: 9px;
}

.row div.item a:hover img {
	border: solid 1px #EDCBEB;
}


/*====================================================================*/
/*====================================================================*/
/* Side Nav ==========================================================*/
/*====================================================================*/
/*====================================================================*/
.side {
	width: 175px;
	padding: 0 20px 20px 0;
}

.side ul li {
	list-style-type: none;
	margin: 0 0 1px 0;
}

.side ul a {
	border-radius: 3px;
	display: block;
	padding: 10px;
	color: #666;
	border: solid 1px #f1f1f1;
	background: #ebebeb;
	background: -moz-linear-gradient(top, #fefefe 0%, #ebebeb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ebebeb));
	background: -webkit-linear-gradient(top,#fefefe 0%,#ebebeb 100%);
	background: -o-linear-gradient(top, #fefefe 0%,#ebebeb 100%);
	background: -ms-linear-gradient(top, #fefefe 0%,#ebebeb 100%);
	background: linear-gradient(to bottom, #fefefe 0%,#ebebeb 100%);
}
.side ul a:hover {
	color: #BD43BA;
	background: #f1f1f1;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1));
	background: -webkit-linear-gradient(top,#ffffff 0%,#f1f1f1 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%);
}
.side ul a.active, .side ul a.active:hover {
	background: #62A6C9;
	background: -moz-linear-gradient(top, #62A6C9 0%, #1773A1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62A6C9), color-stop(100%,#1773A1));
	background: -webkit-linear-gradient(top,#62A6C9 0%,#1773A1 100%);
	background: -o-linear-gradient(top, #62A6C9 0%,#1773A1 100%);
	background: -ms-linear-gradient(top, #62A6C9 0%,#1773A1 100%);
	background: linear-gradient(to bottom, #62A6C9 0%,#1773A1 100%);
	border: solid 1px #589FC4;
	color: #fff;
}

.column {
	width: 600px;
}

.side .side-container {
	width: inherit;
}

.side .side-container.affix {
	position: fixed;
	top: 30px;
}


/*====================================================================*/
/*====================================================================*/
/* 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;
}

#pageContentContainer {
width: 810px;
margin: 15px;
position: relative;
}

/* 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;
}


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

.formTable {
      width: 475px;
}

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

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

.contentWrapper {
	padding: 15px;
}

.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;
}

.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;
}  


/*====================================================================*/
/* Back Issues =======================================================*/
/*====================================================================*/
.backIssueLinkLg 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-weight: bold; 
	color: #C67918; 
	text-decoration: none
}

/*====================================================================*/
/* Clear Fix =========================================================*/
/*====================================================================*/

/*clearfix*/
.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%;
}


/* ------------------------------------------------------------------------------ */
/*                                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;
*/
}

/*====================================================================*/
/*====================================================================*/
/* 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;
	padding: 0;
}

#cfContainer p#titleBar span#cfTitle {
	display: block;
	height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#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;
}

.nameHeader {
	font-weight: bold;
}

.biographyImage {
	padding: 50px;
	max-width: 150px;
}