body{
  font-family: verdana,geneva,lucida,arial,sans-serif;
  font-size: 75%;
  color: #000;
  line-height: 1.166;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background: url(images_general/159.gif) repeat;
 }

.mainTable, .listTable {background: #fff; margin-left: auto; margin-right: auto; padding: 0;}
a, img, .mainTable, .listTable {border: 0;}
#copyArea {margin-left: 10px;}
.close {margin-bottom: 0px; padding-bottom: 0px;}

/* left navigation */
#leftMenu {margin-left: -30px;}
#leftMenu ul li {list-style-type: none; margin: 0; padding-bottom: 10px; text-align: left;}

a {text-decoration: none;}
a:link, .title {color: #006699;}
a:visited{color: #006699; text-decoration: none;}
a:hover, #leftMenu a:hover {color: #9781B7; text-decoration: underline;}


#nav {padding: 0px; background-color: #f3f6f8;}
#nav a {text-decoration: none;}

#news {border-left: 1px solid #E2EAEF; width: 25%;}
#footer {padding: 7px;width: 100%;} 
#news, #footer 
	{border-bottom: 1px solid #E2EAEF;  border-top: 1px solid #E2EAEF; padding: 7px;  background-color: #f3f6f8;}
#footer {background-color: #003470; color: silver;}
.pop {font-variant: normal;font-weight: bold; color: #49aeaa;}

.ctr {text-align: center;}
.bldit, .free, .free2 {font-weight: bold; font-style: italic;}
.blue {color: #5c3e90;}
.blu {color: #0693c8; font-weight: bold;}
.free, .free2 {font-size: 16px; font-style: normal; color: #ff00ff;}
.credit {font-size: 14px; font-style: normal; color: #ff00ff;}
.pq {font-size: 16px; color: red;}
.shipBold {color: red; font-weight: bold; margin: 0 15px;}
.gold, .goldHead {color: #c59225;}
.rt {text-align: right;}
.ship {color: #ff00ff; vertical-align: text-top;}
.ship2 {color: teal;}
.textDec {color: red; text-decoration: underline;}
.standout {color: red; font-weight: bold; text-align: center; font-style: italic;}
.uline {text-decoration: underline; color: #006699;}

/* product navigation */
#bar {color: white; font-size: 90%; background-color: #9781B7; margin-right: auto; margin-left: auto; padding: 1px 0 1px 0;}
#bar a {color: #fff;}
#bar a:hover {color: #800000; text-decoration: underline;}
#bar ul {margin-left: -40px;}
#bar ul li {display: inline;}
.sep {color: #000;}
.fv {font-variant: small-caps;}
.prcBtn a {margin-left: 10px; padding-left: 30px; font-weight: bold; text-decoration: underline; color: red;}
#specLink {text-decoration: underline; color: red;}
.tubelink {text-decoration: underline; color: red;}
.line {display: inline;}
.mLft {margin-left: 10px;}
td.lft {align: left;}

.picRight {float: right; padding-left: 5px;}
.prodSubhead 
	{font-size: 14px; color: #800000; margin-left: 5px; font-weight: bold;}
.qt {margin: 0 10px; padding: 10px; line-height: 130%;}
.colorBack, .colorBack a {color: purple; font-weight: bold; text-decoration: none;}
.chimeHd {font-size: 14px; color: #800000; font-weight: bold;}
.rdcase ul li {margin: 0; padding: 0px; text-align: left;}
.bot {margin-bottom: 5px;}

.goldHead {font-size: 18px; text-align: center;}
.regLink {text-decoration: underline; font-size: 12px;}
.red {color: #800000;}
.genCat {font-weight: bold; color: #215897; margin-left: 0px; padding-left: 0px;}
td  .regLink a {text-decoration: underline; font-size: 12px;}
.navy {color: navy; font-weight: bold;}
.newText {color: #CC0066; font-weight: bold;}

/* page anchors */
.linkTo {color: #800000; font-weight: bold; line-height: 1.5; margin-left: 2px; }

.type {width: 400px; padding:0; margin-left: 15px; display: block;}
.space, .rdcase {padding-bottom: 5px;}
.descrip {text-align: center;}
.small  {font-size: 11px; padding-left: 15px;}
.small2 {font-size: 11px;}
.songList {font-style: italic;}
.sngLst {padding-bottom: 2px;}

.choices {font-size: 16px; padding-bottom: 10px;}
.tiny {font-size: 8px; padding: 0; margin: 0; color: purple;}

.pink {color: #E7573B; font-weight: bold; font-size: 110%;}
.ordList {line-height: 150%; margin-left: -10px;}
.ordList li {margin-left:15px;}

/* testamonials */
#quotes {padding: 10px;}


/*individual recording pages*/
h1 {font-size: 20px; color: #800000; font-weight: normal; text-align: center; padding: 0 0 5px 0; margin: 0px;}
.para, .bios {padding: 10px; margin-left: 10px;}
.para2 {padding: 20px;}
.subhead 
	{font: 16px Trebuchet MS, lucida grande, arial, verdana;  		text-align:center; padding: 0; margin: 0;}
.subhead2 {font: 16px Trebuchet MS, lucida grande, arial, verdana; text-align: center; color: #000;}
.subhead3
	{font: 16px Trebuchet MS, lucida grande, arial, verdana;  		text-align:center; padding: 0; margin: 0; font-weight: bold; color: #e22d00;}
.subhead_chimes {font: 14px; Trebuchet MS, lucida grande, arial, verdana; color: #000;}
.subhead4 {font: 12px/125% "Verdana", "Helvetica", sans-serif;  color: #006;}
.cats  {
 	color : #666;
 	font-size : 11px;
 	padding-top : 5px;
 	text-align : right;
}
.newH {color: #800000; font-weight: normal; text-align: center;}

/*Recording Times Table*/

td.track  {
 	background: #B3E6E6;
 	font-size : 12px;
 	padding-left : 18px;
}

td.time  {
 	background: #E6E6E6;
 	font-size : 12px;
	text-align: right;
	vertical-align: bottom;
}
/*Recording Times Table*/
.review, .indList {padding: 5px 5px 10px 5px;}
.indList {background: #fff;}
.from {font-weight: bold; color: #800000;}
.name {color: navy; font-weight: normal;}
.none {padding: 0; margin:10px 0 0 0;}
.newkind {
	font: 12px Trebuchet MS, lucida grande, impact, arial, verdana;
	font-weight: bold; color: #2D73B9;}

/*styles for individual pages*/
.quo {
	font: 16px bold; color: #2D73B9; text-align: left;
}
.quobody {font-weight: bold; text-align: left;
}
.sub {
	font: 16px bold; color: #2D73B9; text-align: center;
}

.sub2 {
	font-size: 16px; color: #800000; text-align: center;
}
.sub3 {
	font-size: 16px; color: #006; text-align: center;
}
.sub4 {
	font: italic bold 14px Trebuchet MS,lucida grande,arial,verdana; color: #000; text-align: center;
}
.sub5 {
	font: italic bold 14px Trebuchet MS,lucida grande,arial,verdana; color: #000; margin: 5px 0 0 16px;
}
.sub6 {
	font: italic bold 14px Trebuchet MS,lucida grande,arial,verdana; color: #000; text-align: center;
}
.plft {padding-left: 25px;}




/*styles from old css */

td.pTD  {
 	background-color : #9cc;
 	width : auto;
 	text-align : left;
}


/*STYLES FROM OLD LINKS */

a.pl  {
 	text-decoration : none;
 	font-weight : bold;
}
a.pl:link , a.pl:visited  {
 	color : #006;
}
a.pl:hover, .pl  {
 	color : #63c;
}
a.pl:active  {
 	color : #f63;
}
a.bl  {
 	text-decoration : underline;
}
a.bl:link , a.bl:visited  {
 	color : #000;
}
a.bl:hover  {
 	color : #63c;
}
a.bl:active  {
 	color : #f63;
}
a.p  {
 	text-decoration : none;
 	font-size : 16px;
 	font-weight : bold;
}
a.f  {
 	font : 10px arial, helvetica, sans_serif;
 	text-decoration : underline;
}
a.f:link , a.f:visited  {
 	color : #000;
}
a.f:hover  {
 	color : #63c;
}
a.f:active  {
 	color : #f63;
}
.g  {
 	font : 10px Arial;
 	color : #666;
}

td.muTi  {
 	text-align : left;
 	background-color : #9cc;
 	width : 100%;
 	font-weight : bold;
 	padding: 3px 0 3px 5px;
}

td.mu1  {
 	text-align : center;
 	width : 12px;
 	color : #c66;
 	font-weight : bold;
}
td.mu2  {
 	text-align : center;
 	width : 24px;
 	color : #c66;
 	font-weight : bold;
}
td.mu3  {
 	text-align : center;
 	width : 36px;
 	color : #c66;
 	font-weight : bold;
}
td.muDi  {
 	text-align : right;
 	background-color : #dddddd;
 	width : 80px;
}
td.muDiLi  {
 	background-color : #dddddd;
 	width : 200px;
 	text-align: center;
}
td.muDe  {
 	text-align : left;
 	padding: 7px;
}

p.qu { margin: 0px; padding: 0px; text-align: justify }
p.cr { margin: 3px 0px 15px 0px; padding: 0px; color:#666; font-size:11px; text-align: right;}



/* for price lists pages */
td.prH  { font-size: 11px;font-weight: bold; text-align:center; padding: 5px 3px 5px 3px; }
tr.prL  { font-size: 11px;background-color:#dddddd; vertical-align: top }
td.prEQ { background-color:#ccc; vertical-align: top }
td.prLi	{ background-color:#ccc; color:#333; text-align:right }
td.prPH { background-color:#9cc; text-align:left; font-size:11px; font-weight: bold; padding-left: 10px; }
td.prMH { background-color:#006699; text-align:left; font-size: 11px; font-weight: bold;  color: #fff;}
a.pl2          { margin-left:25px; text-decoration: none; font:bold 11px arial,helvetica,sans_serif }
a.pl2:link,
a.pl2:visited  { color: #000 }
a.pl2:hover    { color: #63c }
a.pl2:active	 { color: #f63 }




/*styles added to make old pages work*/
.index {text-align: left; color: #800000; font-weight: normal;}
.bios {text-align: left;}
.rt {text-align: right;}


/* ####################   Navigation bar CSS styling   ################## */ 

.mynavbar {
  position: relative;
  width: 100%;
  height: 23px; /* corresponds to 'line-height' of a.navbartitle below */
  margin: 0; border: 0; padding: 0;
  background-color: #9781B7; 
}


a.navbartitle {
  display: block; 
  float: left;
  color: white;
  background-color:  #9781B7;
  font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin: 0; border: 0; padding: 0;
  line-height: 23px; /* corresponds to 'top' value of .submenu below */
  text-align: center;
  text-decoration: none;
}
a.navbartitle:hover {
  background-color: #003470; font-weight: bold;
}
/* menu title widths */
#t1 { width: 90px; }
#t2 { width: 60px; }
#t3 { width: 60px; }
#t4 { width: 90px; }
#t5 { width: 115px; }
#t6 { width: 106px; }
#t7 { width: 95px; }
#t8 { width: 120px; }

/* We just specify a fixed width for each menu title. Then, down below we specify
    a fixed left position for the corresponding submenus (e.g. #products_submenu, etc.)
    Using these fixed values isn't as elegant as just letting the text of each 
    menu title determine the width of the menu titles and position of the submenus,
    but we found this hardwired approach resulted in fewer cross-browser/cross-OS 
    formatting glitches -- and it's pretty easy to adjust these title widths and the
    corresponding submenu 'left' positions below, just by eyeballing them whenever
    we need to change the navbar menu titles (which isn't often). */

.submenu {
	position:absolute;
  z-index: 2;
  top: 23px; /* corresponds to line-height of a.navbartitle above */
  padding: 0; margin: 0; 
	width:166px; /* If adjust this, then adjust width of .submenu below a too */
	color: white;
	background-color:  #666633;
	border: 1px solid #447755; /* box around entire sub-menu */
  font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
	font-size: 11px;
}
/* Fix IE formatting quirks. */
* html .submenu { width: 148px; } /* IE needs narrower than width of .submenu above */
/* End */

/* position of each sub menu */
/* We just eyeball the position of each submenu here -- can move left or right as needed. 
   If you adjust menu title text, you might want to adjust these too. */
#accessories_submenu {  left: 0px; visibility: hidden;  }
#blocks_submenu {  left: 90px; visibility: hidden;  }
#chimes_submenu {  left: 170px; visibility: hidden; }
#stands_submenu {  left: 616px; visibility: hidden; }
#mallets_submenu {  left: 300px; visibility: hidden; }
/* Note, each submenu is hidden when the page loads - then made visible when
    the mouse goes over the menu title. Using the 'visibility' property instead
    of using the 'display' property avoided a bug in some versions of Safari. 
    (The bug is pretty where esoteric: The browser ignored the 'hover' property 
    on 'li' objects inside an object whose display property was set to 'none' 
    when the page loaded...) Using the 'visibility' property instead of 'display'
    would normaly take up extra room on the page, but that's avoided here by putting
    the submenu on a second layer: see 'position: absolute' and 'z-index: 2'
    in .submenu definition, higher up this page. */

.submenu a
{
  display: block;
  color: #eee; 
  background-color: #666633;
  width: 146px; /* This should be width of .submenu above minus right-side padding on next line */
  padding: 5px 0px 4px 20px;
  text-decoration: none;
  background-color: #c59225; 
  border-bottom: #447755 dotted 1px; 
  border-top: 0; border-left: 0; border-right: 0;
}


.submenu ul { position: relative; display: block; }
.submenu li { position: relative; display: block; }

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

.submenubox ul li { 
  margin: 0; padding: 0; border: 0;
}

.submenubox ul li a:link { }
.submenubox ul li a:visited { }
.submenubox ul li a:hover
{
  color: #c6e8e2; /* text color for submenu items */
  background-color: #003470;
  border-bottom: #c59225; dotted 1px; 
}


.highlight {margin: 10px; background: yellow; padding: 10px; line-height: 1.25;}
.highlight2 {margin: 10px 5px 10px 0; background: yellow; padding: 5px; line-height: 1.25;}
.formLink {color: #000; font-weight: bold; text-decoration: underline;}

/* new styles for purchasing links */
.buy {margin: 2px 0 25px 0; padding-left: 10px; float: left; width: 550px;}
.linkOp {font-weight: bold;}
.prodBox {margin: 10px 0 0 0;
		padding: 0px 0px 10px 0px;
		width: 600px;}
.picLeft, .picLeft2 {margin: 0px;
	padding: 0px;
	width: 125px;
	float: left;}
.picLeft2 {width: 150px;}
.copyRight, .copyRight2 {margin: 0px;
	padding: 10px;
	width: 425px;
	float: left;}
.copyRight2 {margin-left: 5px;}
.padT {padding-top: 10px;}
.padL {padding: 10px;}
.padP {padding: 5px 0 0 15px;}
.note {margin-left: 15px;}
	
.spacerLine {border-bottom:medium dotted #663399; margin-right: 10px;}

/*CLEAR FIX FOR FLOATED DIVS*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* float clearing for IE6 */
* html .clearfix{  height: 1%;  overflow: visible;}
/* float clearing for IE7 */
*+html .clearfix{  min-height: 1%;}

/*pop up box*/
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	/*width: 450px;
	height: 600px;*/
	text-align: center;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}




#prodPicThumb {text-align: center;}
.newPara {margin: 10px 15px 0 15px;}
.newSpace {line-height: 20px; margin: 10px 10px 15px 0;}

#header {background-image: url('bannerTop.jpg');padding: 0; margin: auto;  width: 800px; height: 123px;}
.titleName {margin-left:20px;}
.equ {color: #68459b; font-size: 26px; padding: 60px 0 0 95px; text-align: left; font-family: 'Aldrich', sans-serif;}
.equ2 {color: #68459b; font-size: 38px; padding: 40px 0 0 95px; text-align: left; font-family: 'Aldrich', sans-serif;}
.unique {margin: 0 0 0 98px;}

/*register trademark style*/
.register {font-size: small;}
.smallReg {font-size: x-small;}

.musicTitles {margin: 0 0 0 10px; font-weight:bold; font-size:14px; padding: 0; color: #006699; }
.musicListings li {padding-bottom: 10px;}
.musicMain {position: relative; margin-left: 50px; font-size: 16px; padding-bottom: 5px;}
.musicMain ul li {list-style-type: none;}
.bot {padding-bottom: 20px;}
.adjustI {height: 30px;}

.musicCompHeader {width: 98%; background-color: #68459b; color: #fff; padding:0 0 0 5px; margin: 5px;}
.mCtitle {font-weight: bold; color: #006699; font-size: 14px;}
.mComps {margin-left: 10px;}
.sepTitles {border-top: 1px dotted #666666;}

.mainInfoComps {text-align: center;}
.iconLogos {position: absolute; left: 80px; top: 0px;}
.iconLogos img { padding-bottom: 3px;}
.compLinks {position: absolute; left: 110px; top: -10px;}
.compLinks li {padding-bottom: 14px;}
.compLinks a {text-decoration: underline;}
.percChoices {margin-left: 10px;}
.spacer {height: 400px;}
.hmPg {font-size: 14px; line-height: 20px;}

/*--Udow Menu*/
#udowMenu, #udowMenu2, #udowMenu3 {
    width: 650px;
    height: 35px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
#udowMenu ul, #udowMenu2 ul, #udowMenu3 ul {
    height: auto;
    padding: 8px;
    margin: 0px;
}
#udowMenu li, #udowMenu2 li, #udowMenu3 li {
display: inline;
}
#udowMenu a:hover {color: #903}
#udowMenu2 a:hover {color: #903}
#udowMenu3 a:hover {color: #903}
.quoteTSM {color:#666; font-style:italic;}

.typeEmphasize {color: #006699; font-weight: bold;}

/*--- forms ------------*/

#contactform {
	width: 70%;
	text-align: left;
	vertical-align: top;
}

#contactform input,  #contactform textarea {
	margin-right: 1em;
	margin-bottom: 5px;
}

#contactform label {
	width: 22%;
	float: left;
	clear: left;
}

#contactform span.indent {
	margin-left: 22%;
}

.indent {
	margin-left: 20px;
}

.no_border {
	border: none;
	background-color: transparent;
}

div.color_band {
	background-image: url(../images/opaque_5.png);
	background-repeat: repeat;
	text-align: left;
	padding: 10px 20px 10px 20px;
	line-height: 30px;
	margin-bottom: 10px;
	position: relative;
	background-position: center;
}

/*fieldset*/

fieldset {
	padding: 1em;
	border-width: 1px;
	border-style: solid;
	border-color: #D8D8BE;
	-moz-box-shadow: inset 0 0 20px #ddd;
	-webkit-box-shadow: inset 0 0 20px #ddd;
	box-shadow: inset 0 0 20px #ddd;
	line-height: 20px;
} 

fieldset.shaded {
	background-image: url(../images/opaque_5.png); 
	background-repeat: repeat;
}

fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none;  
}  

fieldset li {  
	padding-bottom: 1em;  
}  


li.roomy {
	margin-bottom: 10px;
}

label {    
	float: left;   
	position: relative;  
	width: 10em;    
	margin-right: 1em;  
	text-align: left;
}

label em {        
	position: absolute;        
	left: 9.8em;        
	top: 1;   
	color: #FFF0C7;
	font-size: 90%em;   
}

label.token {
	float: none;	
}

label.wide {
	float: left; 
	position: relative;
	top: .2em;
	width: 19em;
	margin-right: 1em;
	text-align: left;
}

label.narrow {
	float: left; 
	position: relative;
	top: .2em;
	width: 7em;
	margin-right: 1em;
	text-align: left;
}

label.semi-wide {
	float: left; 
	position: relative;
	top: .2em;
	width: 12em;
	margin-right: 1em;
	text-align: left;
}

label.mid-wide {
	float: left; 
	position: relative;
	top: .2em;
	width: 14em;
	margin-right: 1em;
	text-align: left;
}

label.tag-only {
	float: none;
	width: auto;
	margin-right: auto;
	text-align: left;
}

/*end fieldset*/