/*
*************************************************************************************
ADVANCED STYLES - ABRSM
*************************************************************************************
*/

.trick {clear: right;}
.trickboth {clear: both;}
/*.clearleft {clear: left}*/
.clearright {clear: right}
.annotation {font-style: italic;}
.spacerbox {height: 350px;}
.newsnav {font-size: 80%; text-align: center;}
.newsnav a {text-decoration: none;}

.practicalMusicianship {border: 1px solid black}

/* General =================================================================== */
.ahem {display: none;}

#searchfield { width: 155px;}
img.raggedleft {float: left;  clear: left; margin: 0; display: inline;  padding: 0; border: 0px;}
img.floatimage {float:right; margin:0 0 10px 10px;}

#wrapper {
	width:960px;
	margin:0 auto;
}

#maincontent {
margin-top: 10px;
background-color: white;
color: black;
}

#contentwrapper {
margin:0 260px;
}
#contentwrapper img {
	float: right;
	margin: 0 0 5px 10px;
}

/* Overwriting class for content editor ============================ */
#contentwrapper img.left {
	float: left;
	margin: 0 15px 5px 0;
}

#contentwrapper img.center {
	float: left;
	margin-left: 30px;
	margin-right: 20px;
}

#contentwrapper a {color:#004b8d;
	text-decoration:none;}

#contentwrapper a.table {color:#00BCE4;
	text-decoration:none;}

#contentwrapper a:hover.table {color:#ffffff;
	text-decoration:underline;}

#contentwrapper a:hover {color:#E50A62;
	text-decoration:underline;}

#maincontent #contentwrapper ul li {
	line-height:1.5em;
}

#maincontent ul li {
	line-height:normal;
}

#contentwrapper ul li ul {font-size:1em;}

#contentwrapper th {
    font-size: 0.8em;
}

/* Language Selector =================================================================== */
#languages {border-bottom: 1px solid #182261; font-size: 65%; padding: 0 0 5px 10px; margin: 5px 0 0 126px; background: white; text-align: right; color: black; }
#languages a {color: black;}
#languages a:visited {color: black;}
#languages a:hover {color: red;}
.languagespace {margin: 0 10px 0 10px; }
.languagespacedeselected {margin: 0 10px 0 10px; filter:alpha(opacity=50); -moz-opacity:0.5;}

/* Regions language selector */
#langoptions {position:absolute; top:0; right:0; height:70px;}
#langoptions ul { margin:40px 0 0; padding:0;}
#langoptions ul li {
    display:inline; margin:0;
    padding: 0 0.4em 0 0.4em;
}
#langoptions ul li img {padding:5px;}

/* yourRegionalHomepage */

#yourRegionalHomepage {position:absolute; top:40px; right:0; width: 500px; text-align: right}
#yourRegionalHomepage p {font-size: 10px;}


#yourRegionalHomepage a {font-size: 13px; text-decoration: none; color:#004b8d; text-decoration: none;}
#yourRegionalHomepage a:hover {color: #e50a62; text-decoration: underline}
#yourRegionalHomepage a:active {color: #95C2D9; text-decoration: underline;}

/* Regions image spacing issues */
.csc-textpic-imagewrap dl, .csc-textpic-imagewrap dt {margin:0; padding:0;}

/* Header Content*/
#header {background: white;  padding: 0px; position:relative; overflow:hidden;}
#header .logo {position:absolute; top:0; left:0;}

/* Country Selector
#selectcountry {float: right; border: 0px; width: 160px; background: none; margin: 3px 0 0 0; text-align: right; }
#selectcountry img {float: left; margin: 0 5px 0 0}

.countrydrop {padding: 0; width: 130px; }
#selectcountry select {font-size: 60%; }
#selectcountry p {text-decoration: none; font-size: 60%;}  =================================================================== */


/* Home Main Message and search =================================================================== */

#messagebar {
	display:none;
	clear:both;
	position:relative;
	width: 948px;
	height:238px;
	padding:6px;
}

#flashcontent {width:960px; height:250px; position:absolute; top:0; left:0;}
/* Internal page Crumb and search =================================================================== */

#utilitybar {
	clear:both;
	background:#e6e6e6 url(/shared/images/all/utilitybar_bottom.jpg) no-repeat left bottom;
	width: 960px;
	position:relative;
}
#utilitybarwrap {
	height:40px;
	background: url(/shared/images/all/utilitybar_top.jpg) no-repeat left top;
	overflow:hidden;
}
#crumbs {
	float: left;
	margin: 15px 5px 0 10px;
}

#crumbs a {
color:#000;
}

#retailer_login {float:right; margin: 15px 260px 0 0;}

#utilitybar form,
#messagebar form{
	position:absolute;
	top:10px;
	left:730px;
	
}

#utilitybar label,
#utilitybar legend,
#messagebar label,
#messagebar legend	{
	display:none;
}
#utilitybar .button,
messagebar .button	{
	float:left;
	margin-left: 5px;
}

#searchbox, #searchbox_home, #simple_search_input	{
	background: url(/shared/images/all/searchbox.png) no-repeat left top;
	width: 170px;
	padding:3px 5px 20px;
    border:none;
	display:block;
	float:left;
}
#searchbox input, #searchbox_home input	{
	width: 100px;
	margin: 0;
	border:0;
	display:block;
	background:transparent;
}

 /* Top Menubar =================================================================== */
 
ul#menubar {
	float:right;
	margin:0;
	padding:0;
	overflow:hidden;
	display:inline;
	
}
ul#menubar li {
	float:left;
	margin-right: 26px;
	list-style-type:none;
}

ul#menubar li.abrsmbuttonContact, ul#menubar li.abrsmbuttonContactActive {margin-right:0;}

ul#menubar li a {
	display:block;
	list-style-type:none;
	height:30px;
	color:#333;
	background-color:#FFF;
	text-indent:-9999px;
	
}
ul#menubar li a:hover {
	color:#000;
}


ul#menubar li.default a,
ul#menubar li.defaultActive a {
        text-indent: default;
        float: none;
        text-indent: 0px;
        font-size: 1em;
        margin-top: 10px;
        text-decoration: none;
}

ul#menubar li.defaultActive a {
        font-weight: bold;
}

ul#menubar li.abrsmbuttonHome a {
	background: #FFF url(/shared/images/all/globalnav_home.jpg) no-repeat left top;
	width:51px;
}
ul#menubar li.abrsmbuttonExams a {
	background: #FFF url(/shared/images/all/globalnav_exams.jpg) no-repeat left top;
	width:58px;
}
ul#menubar li.abrsmbuttonTeachers a {
	background: #FFF url(/shared/images/all/globalnav_teachers.jpg) no-repeat left top;
	width:82px;
}
ul#menubar li.abrsmbuttonStudents a {
	background: #FFF url(/shared/images/all/globalnav_students.jpg) no-repeat left top;
	width:80px;
}

ul#menubar li.abrsmbuttonShop a {
	background: #FFF url(/shared/images/all/globalnav_shop.jpg) no-repeat left top;
	width:43px;
}
ul#menubar li.abrsmbuttonForum a {
	background: #FFF url(/shared/images/all/globalnav_forum.jpg) no-repeat left top;
	width:60px;
}
ul#menubar li.abrsmbuttonContact a {
	background: #FFF url(/shared/images/all/globalnav_contact.jpg) no-repeat left top;
	width:67px;
}
/* Regional Menu buttons */
ul#menubar li.abrsmbuttonEntry a {
	background: #FFF url(/shared/images/all/globalnav_makeentry.jpg) no-repeat left top;
	width:126px;
}
ul#menubar li.abrsmbuttonExamresults a {
	background: #FFF url(/shared/images/all/globalnav_examresults.jpg) no-repeat left top;
	width:120px;
}
ul#menubar li.abrsmbuttonNews a {
	background: #FFF url(/shared/images/all/globalnav_news.jpg) no-repeat left top;
	width:48px;
}
ul#menubar li.abrsmbuttonBuymusic a {
	background: #FFF url(/shared/images/all/globalnav_buymusic.jpg) no-repeat left top;
	width:92px;
}
ul#menubar li.abrsmbuttonAbout a {
	background: #FFF url(/shared/images/all/globalnav_about.jpg) no-repeat left top;
	width:123px;
}

/* Menu buttons active and hover */
ul#menubar li.abrsmbuttonHome a:hover,
ul#menubar li.abrsmbuttonHomeActive a {
	background: url(/shared/images/all/globalnav_home.jpg) no-repeat left bottom;
	width:51px;
}
ul#menubar li.abrsmbuttonExams a:hover,
ul#menubar li.abrsmbuttonExamsActive a {
	background: url(/shared/images/all/globalnav_exams.jpg) no-repeat left bottom;
	width:58px;
}
ul#menubar li.abrsmbuttonTeachers a:hover,
ul#menubar li.abrsmbuttonTeachersActive a {
	background: url(/shared/images/all/globalnav_teachers.jpg) no-repeat left bottom;
	width:82px;
}
ul#menubar li.abrsmbuttonStudents a:hover,
ul#menubar li.abrsmbuttonStudentsActive a {
	background: url(/shared/images/all/globalnav_students.jpg) no-repeat left bottom;
	width:80px;
}
ul#menubar li.abrsmbuttonShop a:hover,
ul#menubar li.abrsmbuttonShopsActive a {
	background: url(/shared/images/all/globalnav_shop.jpg) no-repeat left bottom;
	width:43px;
}
ul#menubar li.abrsmbuttonForum a:hover,
ul#menubar li.abrsmbuttonForumActive a {
	background: url(/shared/images/all/globalnav_forum.jpg) no-repeat left bottom;
	width:60px;
}
ul#menubar li.abrsmbuttonContact a:hover,
ul#menubar li.abrsmbuttonContactActive a {
	background: url(/shared/images/all/globalnav_contact.jpg) no-repeat left bottom;
	width:67px;
}
/* Regional Menu buttons - active and hover */

ul#menubar li.abrsmbuttonEntry a:hover,
ul#menubar li.abrsmbuttonEntryActive a {
	background: #FFF url(/shared/images/all/globalnav_makeentry.jpg) no-repeat left bottom;
	width:126px;
}

ul#menubar li.abrsmbuttonExamresults a:hover,
ul#menubar li.abrsmbuttonExamresultsActive a {
	background: #FFF url(/shared/images/all/globalnav_examresults.jpg) no-repeat left bottom;
	width:120px;
}

ul#menubar li.abrsmbuttonNews a:hover,
ul#menubar li.abrsmbuttonNewsActive a {
	background: #FFF url(/shared/images/all/globalnav_news.jpg) no-repeat left bottom;
	width:48px;
}
ul#menubar li.abrsmbuttonBuymusic a:hover,
ul#menubar li.abrsmbuttonBuymusicActive a {
	background: #FFF url(/shared/images/all/globalnav_buymusic.jpg) no-repeat left bottom;
	width:92px;
}
ul#menubar li.abrsmbuttonAbout a:hover,
ul#menubar li.abrsmbuttonAboutActive a  {
	background: #FFF url(/shared/images/all/globalnav_about.jpg) no-repeat left bottom;
	width:123px;
}

/* Main Content =================================================================== */
#maincontent {margin: 10px 0px 0px 0px; /*padding: 3px 0px 0px 0px*/}
#contentwrapper {/*margin: 0px 165px 0px 140px;*/}
#contenthome p {padding: 0px 0px 0px 140px;}
#contenthome {padding: 0px 0px 0px 0px; background: #fff; color: #000; margin: 0px 200px 0px 0px;}
#forumhome {padding: 0px 0px 0px 0px; background: #fff; color: #000; margin: 0px 0px 0px 0px;}

/* Panels  =================================================================== */
.panelholder	{
	width:100%;
	clear:left;
	display:inline;
	margin-bottom:10px;
	font-size:100%;
}

.panel	{
	float:left;
	background: #e6e6e6 url(/shared/images/all/panel_grey_gradient.gif) repeat-x bottom left;
	/*border: 2px solid #CCC;*/
	padding: 18px 25px;
	/*margin: 0 10px 10px 0;*/
	overflow:hidden;
	margin-bottom:10px;
	display:inline;
}

.panel ul li {margin-top:10px;}
/*.panel	{
	float:left;
	background-color:#e6e6e6;
	border: 2px solid #CCC;
	padding: 18px 24px;
	margin: 0 10px 10px 0;
	overflow:hidden;
}*/

#rightsidebar .panel	{
	margin-right:0;
	padding-top:0;
	width: 170px;
}
#contentwrapper .panel img	{
	float:left;
	margin: 0 10px 10px 0;
	border: 0px;
}

#rightsidebar .reverse {
	margin:0;
}

.panel h2	{
	color:#4e4e4e;
	/*color:#666;*/
	margin-bottom: 20px;
	font-size:2.2em;
}

.reverse	{
	background:#FFF;
}
.reverse h2	{
	color:#000;
}
.highlight h2	{
	/*color:#4e4e4e;*/
	color:#000;
}

.section1 .panel	{
	width:390px;
}
.section1 .reverse	{
	width:225px;
	margin-bottom:0;
	padding-bottom:0;
	background:none;

}

.section2 .panel	{
	width: 682px;
}

/* Student Support Icons =================================================================== */
#contentwrapper ul li {
	padding-left:10px; 
	list-style-type:none; 
	background:url(/shared/images/all/bullet.gif) no-repeat left 7px; 
	margin:8px 0;
}

#maincontent ul.iconlist{
	font-size:100%;
	margin-left:5px;
}
#maincontent ul.iconlist li	{
	background:none;
	padding-left:0;
	margin-bottom: 1em;
}
#maincontent ul.iconlist li a	{
	padding: 10px 0 10px 50px;
	color:#000;
	font-size:1.6em;
	display:block;
}

#maincontent ul.iconlist li.iconbrowse a {
background:transparent url(/shared/images/all/icon_browse.jpg) no-repeat scroll left center;
}

#maincontent ul.iconlist li.icondownloads a	{
	background:url(/shared/images/all/icon_downloads.jpg) no-repeat left;
}
#maincontent ul.iconlist li.iconadvice a	{
	background:url(/shared/images/all/icon_advice.jpg) no-repeat left;
}


#maincontent ul.iconlist li.iconlibretto a	{
	background:url(/fileadmin/user_upload/home/libretto_small.jpg) no-repeat left;
}

#maincontent ul.iconlist li.iconspeedshifter a	{
	background:url(/fileadmin/user_upload/home/speedshifter_small.jpg) no-repeat left;
}

#maincontent ul.iconlist li.iconteacher a	{
	background:url(/fileadmin/user_upload/home/teacher_small.jpg) no-repeat left;
}

#maincontent ul.iconlist li.icondates a	{
	background:url(/fileadmin/user_upload/images/icondates.jpg) no-repeat left;
}

#maincontent ul.iconlist li.iconappointment a	{
	background:url(/fileadmin/user_upload/images/iconappointment.jpg) no-repeat left;
}

#maincontent ul.iconlist li.iconfee a	{
	background:url(/fileadmin/user_upload/images/iconfee.jpg) no-repeat left;
}


#maincontent ul.iconlist li.iconmusic a	{
	background:url(/fileadmin/user_upload/home/music_small.jpg) no-repeat left;
}

#maincontent ul.iconlist li.iconlogin a	{
	background:url(/fileadmin/user_upload/home/login_logo.jpg) no-repeat left;
}

#maincontent ul.iconlist li.iconregistration a	{
	background:url(/fileadmin/user_upload/home/registration_icon.jpg) no-repeat left;
}


#maincontent ul.iconlist li.icondownload a	{
	background:url(/fileadmin/user_upload/home/download_small.jpg) no-repeat left;
}


/* Mailing List */
#maincontent ul.iconlist li.mailinglist a	{
	padding-left: 50px;
	background: url(/shared/images/all/icon_email.jpg) no-repeat left;
}
#maincontent ul.iconlist li.help a	{
	padding-left: 50px;
	background: url(/shared/images/all/icon_help.jpg) no-repeat left;
}


/* Left Sidebar =================================================================== */
#leftsidebar {
float: left; 
width: 220px;
position:relative;
text-align:left;
padding-bottom:40px; 
}
#leftnav {
text-align: left;
padding: 10px 20px 60px;
background:url(/shared/images/all/panel_grey_gradient.gif) repeat-x bottom left #e6e6e6;
position:relative;
}
#leftnav ul {
	clear:both;
	font-size:100%;
	margin:7px 0;
	width:180px;
}

#leftnav ul ul {margin:0; padding:0; border-top:1px solid #FFF;}
#leftnav ul li ul {font-size:inherit;}
#leftnav ul li ul li {font-size:100%;}
#leftnav ul li ul li:last-child {border:none;}

#leftnav  ul li {
	background:url(/shared/images/all/cta_bullet.gif) no-repeat 0 8px; 
	border-bottom:1px solid #FFF;
	font-size:1.3em;
}
#leftnav  ul li a {
	padding:6px 5px 6px 10px;
	color:#000;
	text-decoration:none;
	font-weight:normal;
	display:block;
}
#leftnav  ul li a:hover {
	text-decoration:underline;
}

.sub2 a {font-size: 0.85em;}

#navtitle {display:none;}
/*.navsubtitle {font-weight: bold; color: #fff; padding: 4px 4px 4px 4px; text-align: right;}
#navtitle a, .navsubtitle a {text-decoration: none; color: white;}
.sub1 {padding: 8px 3px 8px 3px; color: black; text-align: right;}
.sub2 {padding: 6px 3px 6px 0px; font-size: 65%; text-align: right;}
.sub1 a,.sub2 a {color: black; font-weight: bold; text-decoration: none;}
.navsubtitle a:hover, .sub1 a:hover, .sub2 a:hover {text-decoration: underline;}
.navsubtitle a:visited, .sub1 a:visited, .sub2 a:visited {color: #990099; text-decoration: none;} */

/* Right Sidebar =================================================================== */
#rightsidebar {float: right; position: relative; width: 220px; }
.rhstitle{ border: 1px solid #182261; margin: 0px 0px 10px 0px; padding: 2px 2px 2px 2px; height: 28px; color: white; font-weight: bold;}
#rightnav {background:#000000;padding:20px 25px; margin-bottom:10px;}

#rightnav ul li {
	background:url(/shared/images/all/cta_bullet.gif) no-repeat left 7px;
	border-bottom:1px solid #616060;
	padding:0.4em 0;
}

#rightnav ul li a {padding-left:10px; font-weight:normal; font-size:1.1em; color:#FFFFFF; text-decoration:none;}
#rightnav ul li a:hover {text-decoration:underline;}

#relatedinfo {padding:0 20px;}
#relatedinfo p {font-size:1.2em;}

.rhspub {background: white; text-align: center; margin: 0px 0px 10px 0px; border-top: 2px solid #005A29; border-right: 2px solid #005A29; border-left: 2px solid #005A29; height: 50px; padding: 3px 0px 0px 0px}
.rhspub a {color: white; font-size: 70%; text-decoration: none; clear: both;}
.rhsnews a:visited {color: silver; background: none}
.rhsnews a:hover {color: red; background: none}
.rhsnews a:active {color: white; background: none}
.rhspubnews {margin: -10px 0px 5px 0px;  border-right: 2px solid #005A29; border-bottom: 2px solid #005A29; border-left: 2px solid #005A29; padding: 8px 0px 0px 0px}
.rhspubnews a {color: green; background: none}
.morenews {text-align: center; font-size: 65%; border-top: 1px solid black; margin: 3px 0px 3px 0px;}

.newslist li {
	color:#000;
}
.newslist em {
	font-size:90%;
	font-weight:normal;
	display:block;
	color:#666;
}
.newslist img {
	display:none;
}

.latestPosts {border-bottom: 1px solid black;}

/* Footer =================================================================== */
#footer {
padding: 0; 
margin: 0 3px 0 0; 
padding:40px 0;
clear: both; 
background: white;
}

#footer ul {
padding:5px 0;
}

#footer ul li {
display:inline;
margin-right:10px;
}

#footer a {
font-weight: bold;
text-decoration:none;
}

#footer p {
color: #666;
background: none;
font-size:1.1em;
margin-top:10px;
}

.footerfloatright {
float: right;
}

ul#footerList2 {border-top:1px solid #e50b62;}
ul#footerList2 li {
font-weight:normal;
background:none;
font-size:0.8em;
}

ul#footerList2 li a {
text-decoration:none;
color:#333333;
}

/* Regions footer*/
.footerabout, .footerspecial {display:block; float:left; padding:5px 10px 17px 0; font-size:1.1em;}

#footer br {clear:left;}

#footer {
color: #666;
font-size:1.1em;
}




/* Publications*/


/*#featuredPublications ul {margin-top:40px; }*/
#featuredPublications .item ul li {list-style-image: url(/shared/images/all/bullet.gif); background:none; padding-left:0; font-size:1em; margin-right:150px;}
#featuredPublications .item ul li ul {margin-left:0;}
#featuredPublications .item ul li ul {font-size:1em;}
#featuredPublications .item ul li ul li {margin-right:0; font-size:1em;}
#featuredPublications .item ul li p {font-size:1em;}

#featuredPublications,  /* Adds padding around the content*/
.publicationDetail {
	padding: 0 0 20px;
}

#featuredPublications h1,  /* Adds padding around the content*/
.publicationDetail h1 {
	margin-left:0;
}
p.featuredPrice span,
p.price	{
	font-size:1.2em;
	font-weight:bold;
}

.publicationDetail ul li p, .publicationDetail ul li ul, .publicationDetail ul li ul li {font-size:1em;}
 

#contentwrapper .publicationDetail img.addButton 
	{float:right; margin-top:0;
}

#featuredPublications h3 a	{
	color:#e50a62;
	text-decoration:none;
}

#featuredPublications h3 a:hover	{
	color:#666;
	text-decoration:underline;
}

#featuredPublications .item img	{
	float:right;
	display:block;
	margin:20px 0 20px 20px;
}

#featuredPublications .item a	{	
	display:block;
	margin: 10px 20px 0 0;
}
#featuredPublications .item h3	{
	font-size:100%;
}
#featuredPublications .item h3 a	{
	font-size:1.8em;
}
#featuredPublications .item p a,
#featuredPublications .item h3 a,
#featuredPublications .item li a,
#featuredPublications .item p a:hover,
#featuredPublications .item h3 a:hover,
#featuredPublications .item li a:hover		{
	border:none;
}

p.notifyMe {clear:left; font-weight:bold;}
/* Select Box in Left Sidebar for Publications =================================================================== */
#find_publications {position:absolute; left:30px; bottom:30px;}
#find_publications select {width:150px;}


/* Pages like /pianoexams/all Publications =================================================================== */
.setItem
	{overflow:hidden; margin:40px 0;font-size:1.2em; line-height:1.8em;
}
#contentwrapper img.addButton 
	{float:left; margin:20px 0;
}


/* fix jazz pages formatting in ie 6
=================================================================== */
* html .setItem {clear:left; }


/* Search Results =================================================================== */
.searchForm  {border-bottom: 1px solid #182261; }
.searchInput {margin-left: 20px;}
.searchTerm {float: left;}
#searchResults {border-top: 1px solid #E6E6E6;}
.searchResults {float: right;}
.searchTerm, .searchResults {font-family: arial, helvetica, sans-serif;}
.searchBar {margin-bottom: 50px; padding: 10px 0 10px 0;}
.resultitems li{margin: 0px 0px 10px 0px; list-style: none;}
.currentNav {border: 1px solid navy; padding: 5px;}

#searchResult {
	width:100%;
	display:block;
}
.searchResult {
	border-bottom: 1px solid #e6e6e6;
	padding: 2em 0;
	overflow:hidden;
	display:block;
	width:100%;
}
.searchResult .image,
.searchResult .details {
	display:block;
}
.searchResult .image img {
	margin: 0 10px 5px 0;
}
.searchResult .details p {
	font-size:1.4em;
	margin:2px 0;
}
.searchResult .buy {
	clear:left;
}

p + #searchPages {display:none;}
#searchPages {
	
	margin: 10px 0;
	float:left;
	width: 400px;
}
#searchPages span {
	font-size:100%;
	font-weight:bold;
	background:transparent url(/shared/images/all/bullet.gif) no-repeat scroll left;
	margin:2px;
	padding:6px 0 6px 10px;
	display:block;
	float:left;
	border:1px solid #FFF;
}
#searchPages span a {
	border:1px solid #FFF;
	padding:0 3px;
	display:block;
}
#searchPages span a:hover {
	border:1px solid #e6e6e6;
}

#search2Form	{
	display:none;
}

/*fixing search side nav spacing*/
#leftnav #searchSidebar ul {padding-bottom:0; margin:0;}

dl dt 	{
	font-weight:bold;
	color:#000;
	font-size:inherit;
}
dl dt strong a	{
	color:#000;
	margin: 0.8em 0 0.4em 0;
	line-height:normal;
}

dl dd	{
	line-height:normal;
}

.resultsList li {display:inline;}
/* ContactUs Page =================================================================== */
.travelLists ul {margin-left: 25px;}
.travelLists li {margin-bottom: 7px;}

/* MailingList Page =================================================================== */
#MailingListSign-upId {margin-left: 20px; padding: 10px;}
#MailingListSign-upId label {width: 250px;}

/* Temporary Development =================================================================== */
.feedbackhelp {margin: 5px 10px 0px 10px;}
.controlstep {font-style: italic; font-weight: bold; color: orange;}

/* Form Updates */

#reviewForm label {display:block; clear:left; width: 170px; margin-top:20px;}
#reviewForm input {float:left; margin-top:10px;}
#reviewForm .formTextInput, #reviewForm .formTextArea {display:block; clear:left; margin-top: 5px; margin-bottom:20px;}
#reviewForm .TextArea {margin-bottom:20px;}
#reviewForm #generatedId6, #reviewForm #ratingLabel, select#rating {margin:10px 0; float:left;}
#reviewForm #generatedId6, #reviewForm #formSubmit {clear:left;}
select#rating {margin-left:10px;}
#reviewForm #formSubmit {margin-top:10px;}
*:first-child+html #reviewForm #formSubmit {
     margin-left:-260px; 
}

fieldset {line-height:1.8em;}
form br {clear:left; line-height:.1em; margin:0; padding:0;}

label {margin:10px 0 0;
padding:0;
font-size:1.2em;
font:Arial, Helvetica, sans-serif;}

#loginPassword, .formTextInput, .retailerReg #registerPassword, .retailerReg #passwordCheck {
width: 300px;
margin:0;
*margin:0 0 0 -260px;
padding:0;
}


.formTextArea {
width: 300px;
height: 200px;
margin:0;
*margin:0 0 0 -260px;
padding:0;
}

#searchFeedbackForm {width:440px; overflow:hidden;}
#searchFeedbackForm label {float:left;}
#searchFeedbackForm input, #searchFeedbackForm textarea {float:right}
#searchFeedbackForm #formSubmit {margin-top:10px}


/* New subnav styles (also for shop search results) =================================================================== */
#leftnav .navsubtitle a, #leftnav .topLevelNav .topLevelDown a {background:#333; color:#fff;}
#leftnav .sub2 a, #leftnav .sub2selected a, #leftnav .topLevelNav .normal a {background:#CCC; color:#000;}

/* Jazz styles =================================================================== */
/*.jazzInstrument a {font-size:1.4em; line-height:2.2em;}*/ 
/* Jazz Titles */

#jazzPage {float:left; overflow:hidden;}

#jazzHeader {
	background-color: #F4A431;
	text-align: center;
	width:440px;
}

#jazzIntro {
	padding: 10px 0; 
	width:440px;
}

#contentwrapper #jazzHeader img {float:none; margin:0;}

.jazzInstrument {
	float: left;
	display:inline;
	width: 140px;
	text-align: center;
	margin: 0 0 20px;
}

.jazzInstrument a {
	font-weight: bold;
	color: #F4A431;
	text-decoration: none;
}

.jazzInstrument a img {
	margin-top: 10px;
	border: 1px solid black;
}

.jazzInstrument p {
	text-align: center;
	padding: 0 0 4px 0;
	font-size: 14px;
	margin: 4px 0 0 0;
}

#jazzPage:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*more inline styles taken from old site*/
#leading			{ margin-bottom: 10px; overflow: hidden; }
	/*#newbox1			{ width: 120px; height: 150px;}
	#newbox2			{ width: 200px; height: 150px;}*/
	#newboxes			{float:left; margin: 10pxpx 0px 0px 0; padding-left: 5px; padding-bottom: 10px }
	#introbox			{ float: left; }
	div#grades			{ clear: right; }
	tr.grades td			{ float: left; list-style: none; }
	.gradetitle			{ font-weight: bold; background-color: green; padding: 4px; font-size: 12pt; }
	
#grade table {width:100%;}

#grade1 {
display: block; 
width : 100px;
height : 100px;
margin: 10px 0;
background-image : url(/publishing/resources/images/grades_piano/Grade1.gif);
}

#grade1:hover {
display: block; 
background-image : url(/publishing/resources/images/grades_piano/Grade1alt.gif);
} 
#grade2 {
display: block; 
width : 100px;
height : 100px;
margin: 10px 0;
background-image : url(/publishing/resources/images/grades_piano/Grade2.gif);
}

#grade2:hover {
display: block; 
background-image : url(/publishing/resources/images/grades_piano/Grade2alt.gif);
} 
#grade3 {
display: block; 
width : 100px;
height : 100px;
margin: 10px 0;
background-image : url(/publishing/resources/images/grades_piano/Grade3.gif);
}

#grade3:hover {
display: block; 
background-image : url(/publishing/resources/images/grades_piano/Grade3alt.gif);
} 
#grade4 {
display: block; 
width : 100px;
height : 100px;
margin: 10px 0;
background-image : url(/publishing/resources/images/grades_piano/Grade4.gif);
}

#grade4:hover {
display: block; 
background-image : url(/publishing/resources/images/grades_piano/Grade4alt.gif);
} 
#grade5 {
display: block; 
width : 100px;
height : 100px;
margin: 10px 0;
background-image : url(/publishing/resources/images/grades_piano/Grade5.gif);
}

#grade5:hover {
display: block; 
background-image : url(/publishing/resources/images/grades_piano/Grade5alt.gif);
} 
#grade6 {
display: block; 
width : 100px;
height : 100px;
margin: 10px 0;
background-image : url(/publishing/resources/images/grades_piano/Grade6.gif);
}

#grade6:hover {
display: block; 
background-image : url(/publishing/resources/images/grades_piano/Grade6alt.gif);
} 
#grade7 {
display: block; 
width : 100px;
height : 100px;
margin: 10px 0;
background-image : url(/publishing/resources/images/grades_piano/Grade7.gif);
}

#grade7:hover {
display: block; 
background-image : url(/publishing/resources/images/grades_piano/Grade7alt.gif);
} 
#grade8 {
display: block; 
width : 100px;
height : 100px;
margin: 10px 0;
background-image : url(/publishing/resources/images/grades_piano/Grade8.gif);
}

#grade8:hover {
display: block; 
background-image : url(/publishing/resources/images/grades_piano/Grade8alt.gif);
} 
#gradeall {
display: block; 
width : 100px;
height : 100px;
margin: 10px 0;
background-image : url(/publishing/resources/images/grades_piano/alltitles.gif);
}

#gradeall:hover {
display: block; 
background-image : url(/publishing/resources/images/grades_piano/alltitlesalt.gif);
} 

#contentwrapper #mp3_image img {float:none; margin-bottom:40px; margin-left:0;}

/*phplist styling*/

#subscribeform {font-size:1.2em}

#subscribeform .required {color:#e51b22;}

/*supersaver styling */
#contentwrapper #superSaverSponsors img {margin-top:10px;}

#superSaverCustomerDetails input, #superSaverCustomerDetails textarea {margin-left:5px; margin-top:20px;}

table.superSaverCategory caption {font-size:1.8em; padding-left:10px;}
table.superSaverCategory th  {font-size:1em; background:#CCC;}
table.superSaverCategory tr.superSaverSubCategory {background:#E6E6E6; font-size:1.6em; }
table.superSaverCategory tr.superSaverSubCategory td {padding-left:10px;}


/* Region Form Styling */

div.csc-mailform-field input[type="text"] { display: block; width: 400px; }
input.csc-mailform-submit { margin-top: 10px; }
span.csc-mailform-label { font-size: 1.2em; margin-top: 10px; margin-bottom: 10px; display: block; }
div.csc-mailform-field { margin-bottom: 5px; }

/**
 * Add this button
 */


div.addthis {  margin-left: 260px; padding-top: 10px;}
div.addthisregion { width: 100%; background-color: blue; text-align: left; position: relative; }
div.addthisregion img {  position: absolute; left: -10px}

/*
 * Social Networking Links
 */

div.socialNetworkingLinks {
   clear: both;
}
div.socialNetworkingLinks li {
    padding-top: 1em;
    padding-left: 1em;
}

div.socialNetworkingLinks li a {
    text-decoration: none;
    color: #666666;
    font-size: 1em;
    padding-left: 1.8em;
    background-repeat: no-repeat;
}

div.socialNetworkingLinks li a strong {
    color: #000000;
    font-weight: normal;
}


div.socialNetworkingLinks li.twitter a {
    background-image: url(/images/twitter.gif);
} 
div.socialNetworkingLinks li.facebook a {
    background-image: url(/images/facebook.gif);
@charset "utf-8";
/* CSS Document */



#contentwrapper div.csc-sitemap li li { margin-left: 2em; }

.strikethrough {
	text-decoration: line-through;
	}