/* CSS Document */
body{ background: transparent url(../images/header_bg.gif) repeat-x top left;font-size:12px; line-height:15px; padding:0px; margin:0px; font-family: Tahoma,"Arial Narrow", Arial, sans-serif;  text-align:center; margin:0px; color: #333333}
.headerGroup{ width:1000px; padding-top:15px; margin:auto; background: url(../images/logo-white.gif)  left bottom no-repeat;}
.header1{height:34px; margin-top:3px; margin-bottom:0px; width:1000px; margin:auto; padding-top:8px; text-align:right}
.header8{ width:1000px; margin:auto;}
.header3{ height:37px; padding-top:5px; width:1000px;margin-left:auto;margin-right:auto; text-align:right; }
.menuItemTops{ background: url(../images/menutops3.gif) bottom right no-repeat; margin-left:552px; width:450px; height:16px; }
.header2{ width:1000px; margin-left:auto; margin-right:auto; clear:both; margin-top:0px; margin-bottom:0px; padding:0px; height:90px;}
.header5{ background:#C20677; text-align:right;height:20px;width:1000px;margin-left:auto;margin-right:auto; }
.header4{ background:#C20677;  }
.header6{ background: #000000;height:20px;width:1000px;margin-left:auto;margin-right:auto; }
.header7{ background: #000; border-top:2px solid #fff; border-bottom:2px solid #fff; }
.bannerclass{ background:#0000FF;}
.Header3{ height:0px;}
.header2 h2{ color: #0000FF; margin:0px; padding-bottom:10px;}
.header2 h1{  font-size:50px; text-transform:uppercase; margin:0px; padding-top:20px; font-family:Arial, Helvetica, sans-serif;}
.menubody{ border-bottom:0px solid #00CC00; background: #CCCCCC; width:1000px; margin:auto;}
.menubody h2{ padding:5px; margin:0px; }
h1{ font-weight:normal; font-size:20px; color:#C20677; }
h2{ font-weight:normal; margin:0px; padding:0px; line-height:20px; color:#C20677;}
h3{ font-weight:normal color:#C20677;}
h4{ font-weight:normal color:#C20677;}
h5{ font-weight:normal color:#C20677;}
h6{ font-weight:normal color:#C20677;}
.textBody{ width:970px; padding:15px; background: #FFFFFF right bottom no-repeat; text-align:left; margin:auto;}
.text{ text-align:left; padding:5px;}
.text h1{ margin:0px;}
.leftcolheader{ float:left; height:30px; padding-top:10px;padding-left:10px;  width:220px;background:#666666; color:#CCCCCC; text-transform:uppercase}
.leftcol{ float:left; width:230px; margin-top:20px; }
.rightcolheader{ float:left; height:30px; padding-top:10px;padding-left:10px;  width:220px; background:#666666; color:#CCCCCC; text-transform:uppercase}
.rightcol{ float:left;margin-top:20px;width:220px;}
.textboxheader{ float:left; height:30px; margin-left:20px; margin-right:20px; padding-top:10px; padding-left:10px;width:490px; top:0px;float:left;  background:#666666; color:#CCCCCC; text-transform:uppercase }
.textbox{ float:left;margin-top:20px; width:500px; top:0px;float:left; margin-left:20px; margin-right:20px; }

.clear{ clear:both; width:1000px; height:1px; margin:auto; }
.band{ clear:both; width:970px; height:10px; background: #EFEFEF; margin:auto; margin-top:5px;}
.footer{ clear:both; width:1000px; height:20px;  margin-left:auto;margin-right:auto; margin-top:10px; color: #999999; text-align:center;}
.copyright{ float:left; width:450px;}
.footer ul{list-style:none; margin:0px; padding:0px; width:450px; float:right;}
.footer li{ list-style:none; display:inline; padding:0px; margin:0px;} 
.menu{ width:210px;border :#999999 0px solid; background-color:#FFFFFF; text-align:left; }
.menu ul{ padding:0px; margin:0px; list-style:none;}
.menu li{ padding:0px;  margin:2px 0px 2px 0px; height:25px; list-style:none; }
.menu li a{background: #666666; font-size:12px; color:#fff; border-bottom: #000 1px solid; font-weight: normal; display:block; padding:5px 10px 5px 20px; text-decoration:none;}
.menu li a:visited{  color:#fff; display:block;}
.menu li a:active{  color:#fff;  display:block;}
.menu li a:hover{ background-color: #000000; color: #999999;  display:block; text-transform:uppercase;}

/* TOP MENU
-----------------------------------------------------------------------------------------------------------------
*/

.TopMEnu{
z-index:5;
text-align:right;
width:780px;
float:right;
margin:0px;
height:90px;
position:relative;}
.TopMEnu ul {
margin:0px;
padding:0px;
float:left;
list-style:none;
}
.TopMEnu ul li {padding:0px;
margin:0px; display:inline; float:right;
}

.TopMEnu ul li a{
display:block;
background: url(../images/button-mallets.gif) no-repeat top;
width:150px; 
text-align:center;
height:40px;
margin-left:3px; margin-right:3px;}
.TopMEnu ul li a:hover{
height:90px;}

a{ color:#666666; text-decoration:none;}
a:visited{  color:#666666;text-decoration:none; }
a:active{   color:#666666;text-decoration:none;}
a:hover{  color:#666666; text-decoration:underline}

.topmenu{ float:right; margin-right:0px; height:26px; padding-left:8px; background:url(../images/topmenu-BK.gif) no-repeat; padding-top:8px; width:323px; text-align:left;}
.menuitems{float:left; width:195px;}
.searchbox{ float:right; width:248px; background: url(../images/search-bk.gif) right center no-repeat; height:25px;padding:4px; padding-right:8px; }
.basket{ margin-left:200px; text-align:left; padding-left:0px; color:#FFFFFF; width:100px; font-weight:bold}
.basket ul{ list-style:none; margin:0px; padding:0px;}
.basket li{ display:inline; float:right; padding:0px; margin:0px;}
.basket li a, visited, active { color:#FFFFFF}
.basket li a:hover { color: #FFFF00; text-decoration:none}

/*SEARCH STYLES*/
#searchform{ padding:0px; margin:0px;}
#searchButton{ padding:0px; margin:0px; width:56px; height:26px;background: url(../images/searchbotton.gif) center bottom no-repeat; color:#FFFFFF; border:0px solid #000000;  }
#inputString{ margin:0px; width:180px; padding:2px; float:left;height:18px; border:1px #FFFFFF solid; color:#C20677;}
.advancedSearch{ height:8px; padding:0px; margin:0px; font-size:9px; width:1000px;text-align:right; }

.suggestionsBox { position: relative;z-index:9999; float:left; left:0px; top:-2px; margin: 0px 0px 0px 0px; width: 186px; background-color: #FFFFFF; border-bottom: 1px solid #ccc; color: #666666; font-size:10px; line-height:11px; text-align:left;}
.suggestTitle{ font-weight:normal; margin:0px; padding:1px; color: #999999; font-size:9px;  clear:both;}
.suggestionList { margin: 0px; padding: 0px;}
.suggestionList li { list-style:none; margin: 0px 0px 0px 0px; border-top: 0px solid #fff; border-bottom: 0px solid #fff; padding: 3px; cursor: pointer;}
.suggestionList li:hover { background-color: #C20677; border-top: 0px solid #CCCCCC; border-bottom: 0px solid #CCCCCC; color:#fff;}

/*HOME PAGE STYLES*/
.homeMainPic{ }
.homePageText{ width:320px; float:right;  }
.homePageText h1{ font-weight:normal; font-size:18px;}
.leftColum{width:632px; height:30px;float:left;}
.newsletterStyle{ border-bottom:#999999 1px dotted; border-top:#999999 1px dotted; padding-bottom:5px; padding-top:5px; background-color: #666666; color:#FFFFFF; padding-left:15px;}
.smallHomepic-1{ float:left; width:200px; margin-top:5px;}
.smallHomepic-2{ float:left; width:200px; margin-top:5px; margin-left:13px; margin-right:14px;}
.smallHomepic-3{ float:left; width:200px; margin-top:5px;}

/*LEFT MENU*/
.leftMenu{ float:left; width:185px; margin:0px; padding:0px;}
.leftMenu ul{ float:left; padding:0px; margin:0px; border:0px; width:190px; text-align:left; list-style:none;}
.leftMenu li{ border:0px; margin-bottom:1px; }
.leftMenu li a, active, visited{ padding-left:3px; display:block; color:#CCCCCC; display:block; border-top:#333 0px solid; width:182px; border-left:#fff 8px solid;  border-bottom: #333333 1px solid; padding-right:0px; margin:0px; background:#000;padding-top:8px; text-decoration:none;
padding-bottom:8px;}

.leftMenu li a:hover { text-decoration:none; padding-left:3px; display:block; border-top:#FFFFFF 0px solid; color: #CCCCCC; width:182px;  border-bottom:#333 1px solid; padding-right:0px; margin:0px; background: #333333;padding-top:8px; padding-bottom:8px;}
.L126 li a, active, visited, hover{border-left:#ffff00 8px solid;}
.L70 li a, active, visited, hover{border-left: #9900CC 8px solid;}
.L120 li a, active, visited, hover{border-left: #FF0000 8px solid;}
.L69 li a, active, visited, hover{border-left: #3399FF 8px solid;}
.L127 li a, active, visited, hover{border-left: #00FF00 8px solid;}
/* Product Listings ---------------------------------------------------------------------------- */
.back{ font-size:10px; float:right;}
.prodDiv{ width:760px; margin-left:210px;}

h1.product_name{
	font-size:17px;
	color: #C20677;
}

div#left_content{
	width: 250px;
	float: left;
	text-align: left;
}

div#right_content{
	width: 400px;
	float: left;
	margin-bottom:10px;
}
.buttonTable-sale{ width:360px; text-align:left;}
.buttonTableList{ width:380px;text-align:left; padding:0px; margin:0px;}
.buttonTableList td{ width:150px;text-align:left;}
.buttonTableList td{ width:150px;text-align:left;}
.buttonTableLists td{ width:50px;text-align:left;}
.buttonTableLists td{ width:50px;text-align:left;}
.buttonTableList-sale{ width:450px;text-align:left;}
.Qstyle{ float:left; margin-right:2px;}

.oldprice{ font-size:12px; text-decoration:line-through;}
.redprice{ color:#FF0000;}
.buttonTable{ width:300px;
height:30px; padding:0px; margin:0px;
vertical-align:top; text-align:left;}
.buttonTabletd { border-top:1px dotted #C20677; padding:0px; padding-top:5px; margin:0px;  margin-top:8px; }
.smallgrey{	font-size:10px;
	color: #999999;}
.handleH{ margin:0px;}

div.product_row{
	margin-bottom: 5px;
	clear: right;
	float:left;
	border-bottom:1px dotted #CCCCCC;
}

div.product_row div.product_image{
	float: left;
	text-align: center;
}

div.product_row div.product_details{
	width: 600px;
	float: left;
}
.product_details h3 { margin:5px 0px 0px 0px; padding:0px;}
.product_details h4{ margin:0px; padding:0px;}

ul.image_menu li{
	background-image: none!important;
	padding-left: 15px!important;
	margin: 5px 0!important;
}



span.formInputs{
	width: 160px;
	float: left;
	padding: 2px;
	font-size: 0.7em;
}

div.sm_image_thumb{
	width: 102px;
	height: 90px;
	padding: 5px 0 0 0;
	color: #FFF;
	font-size: 0.1em;
}

div.sm_image_thumb img{
	border: 2px #666 solid;
}

div.image_thumb{


	padding: 12px 0 0 2px;
	color: #FFF;
	font-size: 0.1em;
}
.ThumbImg{
padding:3px;
border:1px solid #CCCCCC;

}

div.frame_big{
	width: 162px;
	height: 229px;
	padding: 15px 0 0 23px;
	float: left;
	margin: auto;
}

div.frame_big h3{
	margin-top: -2px!important;
	color: #000000!important;
	font-size: 0.9em!important;
	padding-right: 10px;
}

div#home_text{
	width: 360px;
	float: left;
	padding: 10px;
}


.recommendedProd{ position:relative; left:0px; float:right; width:200px; height:200px;}
.recoImage{ float:left; border:1px solid #CCCCCC; padding:2px; margin-right:3px;
}

/* Check out

----------------------------------------------------------------------------------------------------------*/
.ok{
	padding: 5px 5px 5px 40px;
	background: #ccc url(/admin/images2/accept.png) no-repeat 5px 5px;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666;
	display: block;
	font-size: 12px;
	color: #666!important;
}

.shoppingBask{ width:510px; float:left;}
.shoppingBask th{ background:#CCCCCC; }
.BaskitemStyle{ text-align:left; border-left: dotted #CCCCCC 1px; padding-left:5px}
.BaskitemStyle-r{ text-align:right; padding-right:5px; border-right: dotted #CCCCCC 1px;}
.TotalBox{ background:#EFEFEF;}
.cardsImage{ text-align:center; margin:auto;}
.cartbuttons{ width:350px; clear:left;margin-top:15px; margin-left:150px; text-align:right;}

/* Advanced Search
------------------------------------------------------------------------------------------------- */


ul#Showadv_tabs{
	list-style: none;
	margin: 0!important;
	padding: 0!important;
	border-bottom: 1px #EAEAEA solid;
	width:756px;
	overflow: hidden;
}

ul#Showadv_tabs li{
	float: left;
	margin: 0 1px 0 0;
	font-size: 10px;!important;
}

ul#Showadv_tabs li a{
	display: block;
	background: #EAEAEA;
	border-bottom: 2px #F4F1E0 solid;
	width: 101px;
	text-align:center;
		font-weight:bold;
	height: 15px;
	padding: 3px;
	margin-bottom: 0px;
	outline: none;
	color: #999999!important;
}
ul#Showadv_tabs li a:hover{
	display: block;
	text-decoration:none;
	font-weight:bold;
	background: #DADADA;
	border-bottom: 2px #DADADA solid;
	color: #999999!important;
}

ul#Showadv_tabs li a.selected{
	background: #FFFFFF url(../images/tab_on.gif) no-repeat top left;
	border: 2px #E9E9E9 solid;
	height:13px;
	width:97px;
	color: #000!important;
}



.SearchDiv{ width:770px; margin-left:210px;}

ul#adv_tabs{
	border-bottom: 2px #E9E9E9  solid;
	width:756px;
	margin: 0!important;
	padding: 0!important;
}

ul#adv_tabs li{
	display: none;
	margin:0px;
	padding:0px;
}

div#adv_search{
float:left;
	clear: right;
	color: #666!important;
}

div#adv_search hr{
	border-style: none;
}

ul#adv_showhide{
	list-style: none;
	margin: 0!important;
	padding: 0!important;
	width: 200px;
	float: left;
}

ul#adv_showhide li a{
	color: #FFF!important;
	clear: right;
	padding: 5px;

	display: block;
	text-align:left;
	margin: 0 0px;
	width: 746px;
	background: #E9E9E9 url(../images/Advbutton.gif) center left no-repeat;
	font-size: 11px;
	height:15px;
	margin-top: 0px;
}
ul#adv_showhide li a:hover{
	color: #FFCC00 !important;
	text-transform:none;
	text-decoration:none;

}

input#button_advsearch{
	clear: right;
	margin-right:5px;
	float: right;
	margin-top:2px;
	border:0px #FFFFFF solid;
}


div#adv_search{
	padding: 4;
	margin: 0;
	overflow: hidden;
	background-color:#FFFFFF;
	border-bottom: 0px #E9E9E9  solid;		
	border-right: 3px #E9E9E9  solid;
	border-top: 0px #E9E9E9   solid;
	border-left: 3px #E9E9E9  solid;
	clear:right;
}

div#adv_search dl{
	margin: 0;
	padding:3px;
	padding-bottom:10px;
	width:744px;
	font-size: 13px;
}
.Vsmall{ font-size:8px;}

div#adv_search dt{
	width: 80px;
	margin-left:3px;
	float:left;
	padding: 0px;
	color: #666;
	font-size: 12px;
}
.AdSearchSect{ border-bottom:1px dotted #E9E9E9 ; background:none; padding:0px; margin:0px; float:left;}

div#adv_search dd{
	width: 660px;
	margin-left:85px;
	padding: 2px;
}

div#adv_search dd input{
	width: 620px;
	background: #fff;
	border: 1px solid #666;
	padding: 1px;
}

div#adv_search dd input.checkbox{
	border: none; 
	float:left;
	background: none;
}

div#adv_search dd select{
	width: 620px;
	background: #FFF;
	border: 1px solid #666;
	padding: 1px;
}

div#adv_search dd label{
	padding: 3px;
	display: block;
	width: 110px;
	height:30px;
	color: #666;
	float:left;
	font-size: 11px;
}


div#adv_search dd label input.checkbox{

}

div#adv_search dd label span{
	display: block;
	width: 110px;
	height:25px;
	padding-left: 5px;
}
.numbersgap dd label {
	display: block;
	min-width: 40px;
	height:25px;
	padding-left: 5px;
}
.numbersgap dd span {
	display: block;
	min-width: 40px;
	height:25px;
	padding-left: 5px;}
	
.numbersgap label {
	display: block;
	min-width: 40px;
	height:25px;
	padding-left: 5px;
}
.numbersgap span {
	display: block;
	min-width: 40px;
	height:25px;
	padding-left: 5px;
}
div#adv_search p{
	color: #666!important;
	font-size: 0.9em!important;
	margin-left: 2px!important;
}
.clearright{ clear:right;}

/* Composers A-Z
------------------------------------------------------------------------------------------------- */	

ul#azmenu{
	list-style: none;
	margin: 0;
}

ul#azmenu li{
	float: left;
	margin: 1px;
}

ul#azmenu li a{
	background: #FFF;
	display: block;
	padding: 3px;
}

ul#azcomposers{
	list-style: none;
}

/* Helper Styles 
------------------------------------------------------------------------------------------------- */	

input.checkbox, input.radio{
	width: 15px!important;
}

input.small{
	width: 80px!important;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.highlight {
	font-weight: bold;
	color: #c90033;
}
	
.hide { display: none; }
	
.clear {
	clear: both;
}
	
.bold {
	font-weight: bold;
}

.date {
}
	
.error {
	color: red;
}
	
em { 
	font-style: italic;
}

.right{
	float:right;
	margin-left: 10px;
}

/* star rating system */
ul.rating{
	width:180px;
	height:16px;
	margin:0 0 20px 5px;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../../../images/star-matrix.gif) no-repeat 0 0;
}

div.rating{
	width:280px;
	height:14px;
	overflow: hidden;
	font-size: 0.6em;
	color: #666;
	margin:0 0 20px 5px;
	padding:2px 0 0 90px;
	clear:both;
	background: url(../../../images/star-matrix.gif) no-repeat 0 0;
}

div.rating a{
	color: #666;
	border-bottom: 1px #EEE dashed;
}

/* add these classes to the ul to effect the change to the correct number of stars */
.star0 {background-position:0 0!important;}
.star1 {background-position:0 -16px!important;}
.star2 {background-position:0 -32px!important;}
.star3 {background-position:0 -48px!important;}
.star4 {background-position:0 -64px!important;}
.star5 {background-position:0 -80px!important;}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
	background: none!important;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(../../../images/star-matrix.gif) no-repeat 0 0;
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */

/* Review List ----------------------------------------------- */

div#review_list{
	margin: 5px;
	padding: 2px;
	clear:both;

}

div#review_list dl{
	font-size: 12px;
	line-height: 14px;;
	color: #333333;
}

div#review_list dl dt{
	font-weight: bold;	
	border-width: 1px 0 1px 0;
	border-color: #DDD;
	border-style: dotted;
	margin: 5px 0 0 0;
	padding: 5px 5px 2px 20px;
	background: #FFF url(/images/comment.png) no-repeat 2px 7px;
}

div#review_list dl dt small{
	font-weight: normal;
}

div#review_list dl dd{
	margin: 0 0 5px 0;
	background: #FFF;
	padding: 0 5px 5px 20px;
}

/* Review Content ----------------------------------------- */

div#review_content{
	padding: 10px;
	font-size: 0.5em;
	text-align: left;
	line-height: 1.6em;
}

div#review_content h2{
	font-size: 1em;
	font-weight: normal;
}

div#review_content p{
	font-size: 0.6em;
	color: #666;
	margin: 5px 0;
}

div#review_content dl{
	font-size: 0.9em;
}

div#review_content dl dt{
	width: 120px;
	float: left;
	font-size: 0.9em;
	clear: left;
}

div#review_content dl dd{
	width: 200px;
	float: left;
}

div#review_content dl dd input, div#review_content dl dd textarea{
	width: 200px;
}

div#review_content dl dd input.button{
	width: 100px;
}

div#review_content dl dd input.radio{
	width: 15px!important;
}
/* Accounts section
---------------------------------------------------------------------------------------------------------------------------------
*/
.accounts{width:620px;}
.accounts fieldset{ border:#CCCCCC 1px solid; width:600px; font-size:13px; margin:auto;}
.accounts th{ border-bottom:#CCCCCC dotted 1px; margin-bottom:20px; padding-bottom:10px; }

.checkout fieldset{ border:#CCCCCC 1px solid; width:500px; font-size:16px}


dl.checkoutform dt{
	width: 130px;
	float: left;
	padding: 3px;
	padding-top:8px;
	min-height:17px;
	font-size:  13px;
	border-bottom:#F3F3F3 1px solid;
}

dl.checkoutform dd{
	width: 300px;
	text-align:left;
	min-height:25px;
	margin-left:140px;
	padding: 3px;
}

dl.checkoutform dd input{
	width: 300px;
}

.app fieldset{ border:#CCCCCC 1px solid; width:500px; font-size:16px}


dl.app dt{
	width: 200px;
	float: left;
	padding: 3px;
	padding-top:8px;
	min-height:17px;
	font-size:  13px;
	border-bottom:#F3F3F3 1px solid;
}

dl.app dd{
	width: 300px;
	text-align:left;
	min-height:25px;
	margin-left:210px;
	padding: 3px;
}

dl.app dd input{
	width: 300px;
}

.clearapp{ clear:both; width:500px;}

/*numbers per page section
---------------------------------------------------------------------------------------------------------------------------------
*/
fieldset{
	-moz-border-radius:5px;
	padding: 5px;
	border-top:1px dotted  #999999;
	border-bottom:1px dotted  #999999;
	border-left:0px;
	border-right:0px;
	overflow: hidden;
	font-size: 10px;
}

fieldset legend{
	padding: 5px;
	font-size: 10px;
	color: #666;
}

fieldset.pages{
	font-size: 10px;
}

fieldset.pages div.current{
	width: 90px;
	padding: 4px;
	float: left;
	background: #F6F6F6;
	text-align: left;
}

fieldset.pages div.list{
	width: 170px;
	padding: 0 4px;
	float: left;
	text-align: left;
}

div.list a{
	color: #666;
}

fieldset.pages div.orderby{
	width: 130px;
	padding: 0;
	padding-top:1px;
	float: left;
}

fieldset.pages div.perpage{
	width: 134px;
	padding: 0; margin-left:3px;
	float: left;
}

.page_links{
	display: block;
	border: 1px #CCC solid;
	padding: 3px;
	background: #fff;
	width: 1.2em;
	text-align: center;
	float: left;
	margin: 0 2px;
}
.prodNum{ width:105px; padding-top:5px; font-weight:12px; float:left; margin-right:8px;}
fieldset.pages input{ clear:none; text-align:left; padding:0px;}