body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: normal;
        background: url("/images/musicbg.jpg") repeat scroll 0 0 transparent;
	margin: 10px 0px 0px 10px;
}

p {
	font-size: 1em;
}

h1 {
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px;
}

h2.title {
	font-size: 1.55em;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
	text-align: center;
}



h2 {
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px;
}

#sr h1, #sr h2 {
	font-size: 1em;
}

h2.age, h2.type {
	text-align: center;
}

h2.available, h2.price {
	text-align: right;
}

h2.searchHints, h2.ordering {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: -10px;
	margin-top: 21px;
}

#how_browse {
color:#555555;
display:block;
margin-top:-13px;
}

.columnHeadText {
	text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 8px;
	margin-bottom: 8px;
}

thead {
	background-color: #009966;
}


tr.columnHeadRow {
	font-size: .8em;
}

tr.columnHeadRow td {
	border-right: 2px solid white;
}


.headCellInner {
	border-right: 2px solid white;
}

td.title {
	width: 33%;
}

td.composer {
	width: 33%;
}

td.publisher {
	width: 33%;
}

td.filter, td.voicing, td.occasion, td.age, td.type,td.copies,td.price {
	width: 1px;
}

tr.columnHeadRowFilter {
	background-color: #E2FFE2;
/*	border-bottom: 5px;  */
}

tr.columnHeadRowFilter td {
/*	border-right: 2px solid white;
	border-bottom: 1px solid #009966;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px;
	color: #8b8b8b;*/
}

.srFilterCell {
	border-bottom:1px solid #009966;
	border-right:2px solid white;
	color:#8B8B8B;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	margin:0;
	white-space: nowrap;
}


.borderLeft {
	border-left: 1px solid #009966;
}

.borderRight {
	border-right: 1px solid #009966;
}

thead td {
	padding-left: 3px;
	padding-right: 3px;
}

tbody td {
	padding-left: 3px;
	padding-right: 3px;
}

#srRecords tbody td {
	padding-left:4px;
	padding-right:4px;
	white-space: nowrap;
}

.ralign {
	text-align: right;
}

.navButton {
	font-weight: bold;
	color: #b74c4c;
	text-decoration: none;
	font-size: 1.1em;
}

.navButtonDisabled {
	font-weight: bold;
	color: #c4c4c4;
	font-size: 1.1em;
}


.navButtonFooter {
	color:#B74C4C;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	padding-right: 5px;
}

.recordcount {
	font-weight: bold;
}

a {
	COLOR: #b74c4c;
}
a:VISITED {
	COLOR: #b74c4c;
}

table.widget {
	FONT-SIZE: 10pt;
	FONT-FAMILY: Verdana;
	border: solid 2px black;
	width: 192px;
	background-color: #b8dcb8;
	border-spacing: 0px;
	border-collapse: collapse;
	float: left;
	margin-top: 25px;
}

table.widget thead {
	background: url("images/tblHdBkgnd.gif") repeat scroll 0 0 transparent;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.4em;
	border-bottom: 1px solid black;
	letter-spacing: 1px;
	word-spacing: 3px;	
}

table.widget tbody {
	background-color: transparent;
}

table.widget tbody td {
	padding: 5px;
}

table.widget td.header {
	height: 20px;
	vertical-align: middle;
	padding: 0px 4px 0px 4px;
	border-bottom: solid 1px black;
}

table.widget td.borderBottom {
	border-bottom: solid 1px black;
}

#searchTerm {
	FONT-SIZE: 10pt;
	FONT-FAMILY: Verdana;
	margin-bottom: 5px;
}

#searchType {
	FONT-SIZE: 10pt;
	FONT-FAMILY: Verdana;
	width: 100%;
}

form#f {
	margin-bottom: 1px;
}

.formLine {
	float: left;
	margin-top: 5px;
	margin-right: 3px;
}

.formField {
	margin-left: 137px;
}

div.formLine label {
	float: left;
	text-align: right;
	margin-top: 2px;
	width: 132px;
}


div.formLine label.lblInput {
	margin-top: 4px;
}

.idTitle {
	width: 75px;
}

.idCompArr {
	width: 50px;
}

.formField input {
	margin-top: 1px;
}

.formField input#idTitle, .formField input#idCompArr {
	width: 214px;
}

.formField input#idTitle {
	background-image:url("images/field_title.png");
	background-position:-1px 50%;
}

.formField input#idCompArr {
	background-image:url("images/field_composer.png");
	background-position:-1px 50%;
}

div.formFieldDetails {
	font-size: 9px;
	color: #666666;
	font-weight: normal;
}

.formButtonRow {
	float: right;
	margin-top: 10px;
}

#how_search p {
	font-size: 1em;
}

#browse_widget {
	margin-bottom: 10px;
}



div.widget {
	FONT-SIZE: 10pt;
	FONT-FAMILY: Verdana;
	border: solid 2px black;
	background-color: #b8dcb8;
	border-spacing: 0px;
	border-collapse: collapse;
	float: left;
	margin-bottom: 25px;
	padding-bottom: 10px;
	width: 100%;
}

div.widget div.widgetHead {
	background:url("images/tblHdBkgnd.gif") repeat scroll 0 0 transparent;
	border-bottom:1px solid black;
	color:#3C1F01;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.5px;
	line-height:1.65em;
	text-align:center;
	text-shadow:1px 0 0 #9C7F61;
	text-transform:uppercase;
	word-spacing:3px;
}

div.widget div.widgetBody {
	background-color: transparent;
	padding: 10px 5px 5px;
}

div.widget div.header {
	height: 20px;
	vertical-align: middle;
	padding: 0px 4px 0px 4px;
	border-bottom: solid 1px black;
}

div.widget div.borderBottom {
	border-bottom: solid 1px black;
}

div.pageName {
	clear: both;
}

div.content {
	clear: both;
	float: left;
	margin: 25px 0 0 35px;
	width: 95%;
}

#searchResults div.content {
	clear:both;
	float:left;
	margin:5px 0 0 0;
	width:99%;
	max-width: 1200px;
}

#frontPage {
	margin-top: 10px;
}

#frontPage div.content {
	margin: 15px auto 0 6px;
	width: 99%;
}

div.columnNarrow {
	float: left;
	width: 366px;
}

div.column {
	margin-left: 35px;
	float: left;
	max-width: 800px;
	font-size: 1.25em;
}

div.column ul {
	margin-bottom: 0px;
}

div.columnWide {
	margin-left: 50px;
	float: left;
	width: 500px;
}

div.footer {
	clear: both;
	margin-top: 10px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	line-height:2em;
	text-align:center;
	max-width: 1200px;
}

li.menuButton {
/* .style.backgroundImage='url(/images/btn.png)';this.style.paddingLeft='0px' */
	float: left;
	width: 152px;
	height: 35px;
	text-shadow: 3px 2px 3px #444444;
	background: url("/images/btn.png") repeat scroll 0 -64px transparent;
	cursor: default;
}

li.menuButtonIn {
/* style.backgroundImage='url(/images/btn.png)'; this.style.paddingLeft='5px'; */
	float: left;
	width: 152px;
	height: 42px;
	text-shadow: 1px 1px 0 #000000;
	background: url("/images/btn.png") repeat scroll 0 -53px transparent;
	cursor: pointer;
}

li.menuButtonOn {
/* style.backgroundImage='url(/images/btn.png)'; this.style.paddingLeft='5px'; */
	float: left;
	width: 152px;
	height: 55px;
	text-shadow: 1px 1px 0 #000000;
	background: url("/images/btn.png") repeat scroll 0px -40px transparent;
	cursor: pointer;
}

div.menuText {
	color: #f7f7f7;
	padding-top: 0px;
	cursor: default;
	text-decoration: none;
	text-align: center;
	margin: 1px 12px 0 0;
}

div.menuTextIn {
	padding-top: 0px;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	margin: 12px 12px 0 0;
}

div.menuTextOn {
	padding-top: 0px;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	margin: 25px 9px 0 0;
}

H1.menuTextOn {
	padding-top: 0px;
	cursor: default;
	text-decoration: none;
	text-align: center;
	margin: 25px 9px 0 0;
}

div.menuBar {
	border-top: 2px ridge rgb(221, 221, 221);
	margin-top: 4px;
/*	font-size: 1em;*/
}

ul.menuBar {
	list-style-type: none;
	width: 100%;
	font-weight: bold;
	color: white;
	clear: both;
	margin: 0 0 0 -32px;
}

div.logo {
	float: left;
	padding-right: 5px;
	padding-left: 3px;
	height: 100px;
}

div.rightsideHeader {
	float: left;
	margin-top: 3px;
	min-width: 873px;
}

div.hours {
	font-family: sans-serif;
	font-size: 11px;
	float: left;
	margin-left: 33px;
}

div.banner {
	width:562px;
	height:38px;
	float: left;
}

div.clearBoth {
	clear: both;
}

form.advancedSearch {
	margin-top: 0px;
}

.searchHelpHeader {
	font-weight: bold;
}

div.halfLeft {
	float: left;
	width: 45%;
}

div.halfRight {
	width: 50%;
	margin-left: 50%;
}

.pageHeader {
	min-width: 950px;
	width: 100%;
}

.noTitles {
	color: #999999;
}

.letterNav {
	clear:both;
	list-style-type:none;
	margin:0;
	padding-left:0;
	width:100%;
}

#idResultsLetterNav {
	font-size: 1.3em;
}

.lni {
	letter-spacing: 1px;
}

#divLetterNav {
	text-align: center;
	font-size:1.15em;
	font-weight:bold;
}


#sr {
	font-size: .875em;
	width: 100%;
	max-width: 1200px;
}

#srRecords {
	font-size: 1.15em;
}

div.widgetBody div#divLetterNav span.lni {
	font-weight: normal;
	font-size: .85em;
	letter-spacing: -1px;
}

#srHeadRecNav {
	
}

div.frontpage {
	width: 195px;
}

#idSearch .formField {
	margin-left: 0px;
}

div.columnNarrowFrontPage {
	float: left;
	width: 200px;
	margin: 40px auto auto 7px;
}


#idBrowseWidget p {
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;
}

#idPaymentMethods {
	float: left;
	width: 197px;
	text-align: center; 
	margin-top: -15px;
}

ol li {
	margin-bottom: 5px;
}