/* General Styles */
BODY {font-size:16px; font-family:"Gill Sans MT", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#83ABDA;}
A {text-decoration:underline; color:#356DB3}
A:hover {text-decoration:none; color:#356DB3}
.accessibility, .topLink {display:none;}
PRE.dump {color:#333333; font-size:11px;background-color:#F0F5FF;border:1px solid; border-color:#B7D2FF;margin:5px auto; padding:5px;overflow:auto;position:relative;}

/* Layouts etc */
DIV#container {
	width:1000px;
	margin:5px auto;
	background-color:#83ABDA;
	position:relative;
}

DIV#contentWrapper {
	width:992px;
	clear:both;
	position:relative;
	background-color:#FFFFFF;
	margin:0 4px 0 4px;
	overflow:auto;
	
	min-height:450px;
	height:auto !important;
	height:450px;
}

DIV#content {
	/*margin:0 120px 0 120px;
	padding:20px 0 30px 0;
	font-size:16px;*/
	margin-left:32px; margin-right:30px;
	padding-top:30px; padding-bottom:30px;
}

H1#siteTitle {position:relative;margin:0;padding:0; padding-top:40px; padding-left:30px;}
H1#siteTitle A {display:block;width:408px;height:36px;background:url(../images/logo.gif) no-repeat}
H1#siteTitle A SPAN {display:none}

DIV#navWrapper {
	border-top:2px solid; border-color:#FFFFFF;
	width:992px;
	position:relative;
	margin:10px 4px 0 4px;
}
DIV#navWrapper UL, DIV#navWrapper UL LI {margin:0; padding:0;}
DIV#navWrapper UL#mainNav {float:left; margin-left:30px; border-left:2px solid white;}
DIV#navWrapper UL#mainNav LI {float:left; list-style:none; border-right:2px solid white;}
DIV#navWrapper UL#catalogNav {float:right; margin-right:30px; border-right:2px solid white;}
DIV#navWrapper UL#catalogNav LI {float:left; list-style:none; border-left:2px solid white;}
DIV#navWrapper UL LI, DIV#navWrapper UL LI A {display:block;}
DIV#navWrapper UL LI A {
	text-transform:lowercase;
	padding:0 8px 1px 8px;
	color:#FFFFFF; font-size:14px; font-family:"Gill Sans MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#83ABDA;
	text-decoration:none;
}

DIV#navWrapper 	LI#mainNav-index 	A:hover {background-color:#ED008C;}
DIV#navWrapper 	LI#mainNav-about 	A:hover {background-color:#FCB825;}
DIV#navWrapper 	LI#mainNav-howToOrder 	A:hover {background-color:#20B259;}
DIV#navWrapper 	LI#mainNav-workshops 	A:hover {background-color:#00AEEF;}
DIV#navWrapper 	LI#mainNav-musicCD 	A:hover {background-color:#9C3B96;}
DIV#navWrapper 	LI#mainNav-search 	A:hover {background-color:#2DAA88;}
DIV#navWrapper 	LI#mainNav-contact 	A:hover {background-color:#007AC3;}
DIV#navWrapper 	LI#catalogNav-offers 	A:hover {background-color:#FF3371;}
DIV#navWrapper 	LI#catalogNav-schools 	A:hover {background-color:#FDBD11;}
DIV#navWrapper 	LI#catalogNav-choir 	A:hover {background-color:#9ACD65;}
DIV#navWrapper 	LI#catalogNav-musicals 	A:hover {background-color:#F37735;}

BODY.index 	DIV#navWrapper LI#mainNav-index 	A {background-color:#ED008C;}
BODY.about 	DIV#navWrapper LI#mainNav-about 	A {background-color:#FCB825;}
BODY.howToOrder DIV#navWrapper LI#mainNav-howToOrder 	A {background-color:#20B259;}
BODY.workshops 	DIV#navWrapper LI#mainNav-workshops 	A {background-color:#00AEEF;}
BODY.musicCD 	DIV#navWrapper LI#mainNav-musicCD 	A {background-color:#9C3B96;}
BODY.search 	DIV#navWrapper LI#mainNav-search 	A {background-color:#2DAA88;}
BODY.contact 	DIV#navWrapper LI#mainNav-contact 	A {background-color:#007AC3;}
BODY.offers 	DIV#navWrapper LI#catalogNav-offers 	A {background-color:#FF3371;}
BODY.schools 	DIV#navWrapper LI#catalogNav-schools 	A {background-color:#FDBD11;}
BODY.choir 	DIV#navWrapper LI#catalogNav-choir 	A {background-color:#9ACD65;}
BODY.musicals 	DIV#navWrapper LI#catalogNav-musicals 	A {background-color:#F37735;}

DIV#footer {height:25px; padding-top:5px; font-size:13px;}
DIV#counter {float:left; width:50%; padding-left:5px; color:#FFFFFF;}
DIV#topLinks {float:right; width:40%; padding-right:5px; text-align:right; position:absolute; top:55px; right:0;}
DIV#topLinks A {
	color:#FFFFFF;
	height:25px;
	margin:auto 5px;
	display:inline-block;
	padding-top:5px;
}
DIV#topLinks A#basketLink {
	background-image:url(../images/basket.gif); background-repeat:no-repeat; background-position:right top;
	padding-right:30px;
}
DIV#basket A:hover {text-decoration:underline;}

DIV.box {}
DIV.box DIV.boxHeading {position:relative}
DIV.box DIV.boxContent {position:relative}

/* Page Specific Styles */
BODY.index DIV#content {margin-left:120px;margin-right:120px;padding-top:30px;padding-bottom:30px;font-size:16px;background-image:url(../images/man2.gif);background-repeat:no-repeat;background-position:right 40px;padding-right:200px;}
BODY.index DIV#content A {color:#83ABDA;}

BODY.index TABLE A#indexChoirLink 	 {color:#D3D4D6;}
BODY.index TABLE A#indexChoirLink:hover  {color:#9ACD65;}
BODY.index TABLE A#indexSchoolLink 	 {color:#D3D4D6;}
BODY.index TABLE A#indexSchoolLink:hover {color:#FDBD11;}
BODY.index TABLE A#indexChoirLink:hover  {color:#9ACD65;}
BODY.index TABLE A#indexSchoolLink:hover {color:#FDBD11;}

BODY.choir DIV#categoryList LI A.selected{background-color:#9ACD65}
BODY.choir DIV#categoryList LI A:hover{background-color:#9ACD65}
BODY.choir DIV#choirRightColumn .boxContent{height:326px;overflow:auto}
BODY.choir DIV#formButton{background:#9ACD65;color:#fff;cursor:pointer;font-size:14px;text-align:center}
BODY.choir DIV#orderForm{border:2px solid;border-color:#9ACD65;margin-top:10px;padding:5px}
BODY.choir DIV#orderForm TD{font-size:10px;margin:0;padding:0;padding:2px 0px;text-align:center;width:50px}
BODY.choir DIV#orderForm TD.active{background:#9ACD65;border-right:2px solid #ffffff;color:#fff;margin:0;padding:0;width:50px}
BODY.choir DIV#orderForm TD.dormant{background:#D3D4D6;border-right:2px solid #ffffff;color:#fff;margin:0;padding:0;width:50px}
BODY.choir DIV#orderForm TD.label{text-align:left}
BODY.choir DIV#songDetails{padding:5px}
BODY.choir DIV#songList A.songSelected{color:#679B33;font-weight:bold}
BODY.choir DIV.boxContent{border-bottom:2px solid; border-color:#9ACD65;}
BODY.choir DIV.boxContent P{margin:0;padding:0}
BODY.choir DIV.boxFooter{background:#9ACD65;color:#fff;font-size:12px;margin:0;padding:0;padding-left:10px}
BODY.choir DIV.boxHeading{background:#9ACD65}

/* Experimental! */
* html BODY.choir DIV#choirRightColumn .boxContent{height:333px;overflow:auto}
* html DIV#schoolsRightColumn .boxContent{height:333px}
* html DIV#songList{height:333px;overflow:auto;padding-right:10px}
.basketButton{background-color:#FECE3D;border:none;color:#fff;cursor:pointer;float:right;font-size:14px;text-align:center;width:150px}
.basketHeader{border-bottom:1px solid #FFD767;margin-bottom:5px}
.cartRow{background-color:#fff}
.cartRowOver{background-color:#FFF2CA}
.formRequired{color:#ff0000}
.songDescription{}
/* ie6 height fix */  DIV#songList OL LI{margin-bottom:5px}
/* ie6 height fix */  BODY.schools DIV#orderForm{border:2px solid;border-color:#FDBD11;margin-top:10px;padding:5px}
/* ie6 height fix */  DIV#choirDetailsGroup1{height:102px;overflow:auto}
A.cartItemTitle					{color:#4480C8;font-size:12apx;font-weight:normal;text-decoration:none}
A.cartItemTitle:hover				{color:#4480C8;text-decoration:underline}
BODY.checkout DIV#content			{padding-bottom:30px}
BODY.checkout TABLE.formTable			{width:385px}
BODY.checkout TD.formHeader 			{height:20px;}
BODY.checkout TD.formHeader DIV 		{border-bottom:1px solid #FFD767;font-weight:bold;}
BODY.checkout TD.formLabel			{text-align:right}
BODY.choir DIV#featuredSongBox DIV.boxHeading H4{font-weight:normal}
DIV.boxHeading H4				{font-weight:normal; font-size:14px;}

BODY.index TABLE A#indexChoirLink		{color:#D3D4D6}
BODY.index TABLE A#indexChoirLink:hover		{color:#9ACD65}
BODY.index TABLE A#indexSchoolLink		{color:#D3D4D6}
BODY.index TABLE A#indexSchoolLink:hover	{color:#FDBD11}

BODY.schools DIV#featuredSongBox DIV.boxHeading H4{font-weight:normal}
BODY.schools DIV#top10Box DIV.boxHeading H4{font-weight:normal}
BODY.schools DIV#categoryList LI A.selected{background-color:#FDBD11}
BODY.schools DIV#categoryList LI A:hover{background-color:#FDBD11}
BODY.schools DIV#detailsLeftCol{float:left;width:45%; position:absolute; bottom:0; left:0;}
BODY.schools DIV#detailsRightCol{background:#FDBD11;color:#fff;cursor:pointer;float:right;height:62px;padding:5px;text-align:center;width:120px}
BODY.schools DIV#formButton{background:#FDBD11;color:#fff;font-size:14px;text-align:center}
BODY.schools DIV#orderForm TD{text-align:center}
BODY.schools DIV#orderForm TD.active{background:#FDBD11;color:#fff}
BODY.schools DIV#orderForm TD.dormant{background:#D3D4D6;color:#fff}
BODY.schools DIV#orderForm TD.label{text-align:left}
BODY.schools DIV#songList A.songSelected{color:#FDBD11;font-weight:bold}
BODY.schools DIV.boxContent{border-bottom:2px solid; border-color:#FDBD11;}
BODY.schools DIV.boxContent{border-color:#FDBD11}
BODY.schools DIV.boxContent P{margin:0;padding:0}
BODY.schools DIV.boxFooter{background:#FDBD11;color:#fff;font-size:12px;margin:0;padding:0;padding-left:10px}
BODY.schools DIV.boxHeading{background:#FDBD11}

DIV#basket A{background-image:url(../images/basket.gif);background-position:right;background-repeat:no-repeat;color:#fff;float:right;margin-right:30px;padding-right:30px;padding-top:5px;width:100px}
DIV#basketBottom{height:20px;}
DIV#SongBoxInactive DIV.boxContent{border-color:#D3D4D6;color:#D3D4D6}
DIV#SongBoxInactive DIV.boxFooter{background:#D3D4D6}
DIV#SongBoxInactive DIV.boxHeading{background:#D3D4D6}
DIV#categoryBoxInactive DIV.boxContent{border-color:#D3D4D6;color:#D3D4D6}
DIV#categoryBoxInactive DIV.boxFooter{background:#D3D4D6}
DIV#categoryBoxInactive DIV.boxHeading{background:#D3D4D6}
DIV#featuredSongBox DIV.boxContent{height:120px}
DIV#featuredSongBox DIV.boxContent{overflow:hidden;text-align:center;width:136px}
DIV#featuredSongBox DIV.boxContent A{color:#000;text-decoration:none}
DIV#featuredSongBox DIV.boxContent A:hover{text-decoration:underline}
DIV#orderForm DIV.boxContent{border-color:#FECE3D}
DIV#orderForm DIV.boxFooter{background:#FECE3D;color:#fff}
DIV#orderForm DIV.boxHeading H4{background:#FECE3D;padding-left:10px;text-align:left}
DIV#shoppingBasket DIV.boxContent {border-color:#FECE3D;}
DIV#shoppingBasket DIV.boxContent DIV#basketItems{overflow:auto; position:relative; min-height:250px; height:auto !important; height:250px;}
DIV#shoppingBasket DIV.boxContent DIV#basketItems A{color:#4480C8;text-decoration:none}
DIV#shoppingBasket DIV.boxFooter{background:#FECE3D;color:#fff;height:2px;}
DIV#shoppingBasket DIV.boxHeading H4{background:#FECE3D;padding-left:10px;text-align:left}

#shoppingBasket 			{}
#shoppingBasket table 			{margin-bottom:10px;}
#shoppingBasket th,
#shoppingBasket td 			{font-size:12px; padding:3px;}
#shoppingBasket thead th 		{}
#shoppingBasket tfoot th 		{text-align:right; font-weight:bold; white-space:nowrap; padding-right:10px;}
#shoppingBasket tfoot td 		{text-align:right;}
#shoppingBasket input[type='text'] 	{font-weight:bold; font-size:10px; padding:1px 2px;}

DIV#top10Box DIV.boxContent{height:168px; margin-bottom:5px;overflow:hidden;}
DIV#top10Box DIV.boxContent UL{list-style:none;margin:0;padding:0; position:relative; top:-7px;}
DIV#top10Box DIV.boxContent UL LI{list-style:none;margin:0;padding:0;white-space:nowrap;width:99%; overflow:hidden; line-height:1.5 !important;}
DIV#top10Box DIV.boxContent UL LI A{color:#000}
DIV#top10Box DIV.boxContent UL LI A:hover{text-decoration:underline}

.button {background-color:#FECE3D; border:1px solid; border-color:#F3B701 !important;}
.buttonOff {background-color:#D7D7D7; border:1px solid; border-color:#C7C7C7;}

DIV#cartTotal{float:right;padding-right:10px;text-align:right;width:45%; font-weight:bold;}
DIV#cartTotal SPAN{background:#fff;color:#E4AC01;font-weight:bold;padding-left:5px;padding-right:5px; border:solid 1px; border-color:#F3B701;}
DIV#categoryList UL {color:#fff;margin:0;padding:0;position:relative; margin:0; margin-left:-3px; padding:0; width:100%; height:22px;}
DIV#categoryList UL LI {display:block;list-style:none;margin:0;margin-right:2px;padding:0; float:left}
DIV#categoryList UL LI A{background:#D3D4D6;color:#fff;font-size:14px;margin:0;padding:1px 5px 0 5px;text-align:center; display:block; text-decoration:none;}
DIV#categoryList UL LI A.selected{color:#fff;}
DIV#checkoutBasketBottom{bottom:7px;height:20px;padding-top:10px;}
DIV#checkoutButton{color:#fff;font-size:14px;margin:auto;margin-top:20px;text-align:center;width:150px}
DIV#checkoutButton A{color:#fff;text-decoration:none}
DIV#checkoutButtonOff{background-color:#dddddd;color:#fff;font-size:14px;margin:auto;margin-top:20px;text-align:center;width:150px}
DIV#checkoutCartButton A{background-color:#FECE3D;border:1px solid #ffffff;color:#ffffff!important;float:left;font-size:14px;text-align:center;width:100px}
DIV#checkoutLeftColumn{float:left;position:relative;width:495px}
DIV#checkoutRightColumn{float:right;width:400px}
DIV#choirLeftColumn{float:left;margin-bottom:20px;margin-top:5px;width:150px}
DIV#choirMiddleColumn{float:left;margin-bottom:20px;margin-left:5px;margin-top:5px;width:380px}
DIV#choirRightColumn{float:left;margin-bottom:20px;margin-left:5px;margin-top:5px;width:380px}
DIV#counter{padding-left:30px;padding-top:5px}
DIV#counter{float:left;width:45%}
DIV#flashBox{background:#D3D4D6;color:#fff;font-size:14px;margin-top:10px;padding:2px;position:relative;text-align:center}
DIV#flashBox.active{background:#9ACD65}
DIV#flashBox A {display:block; width:100%; color:#FFFFFF; text-decoration:none;}
DIV#footer{background:#83ABDA;clear:both;color:#fff;height:30px}
DIV#itunesLink{background:#D3D4D6;color:#fff;font-size:14px;margin-top:10px;padding:2px;position:relative;text-align:center}
DIV#itunesLink.active{background:#9ACD65}
DIV#orderResultBox{border:2px solid #FECE3D;color:#000000;font-size:12px;margin:0 auto;width:500px}
DIV#orderResultBox H3{background-color:#FECE3D;color:#ffffff;font-size:18px;margin:0;padding:0; padding-left:5px;}
DIV#orderResultBox SPAN{color:#FEC005;font-weight:bold}
DIV#orderResultBoxContent{padding:10px}
DIV#schoolDetails{position:absolute; bottom:5px; width:366px;}
DIV#schoolDetailsGroup1{height:235px;overflow:auto;padding-right:5px}
DIV#schoolsLeftColumn{float:left;margin-bottom:20px;margin-top:5px;width:150px}
DIV#schoolsMiddleColumn{float:left;margin-bottom:20px;margin-left:5px;margin-top:5px;width:388px}
DIV#schoolsRightColumn{float:left;margin-bottom:20px;margin-left:5px;margin-top:5px;width:380px}
DIV#schoolsRightColumn .boxContent{height:326px}
DIV#shopLink{cursor:pointer;float:left;padding-left:10px;width:45%}
DIV#shoppingBasket{float:left;width:500px; position:relative;}
DIV#shoppingBasket TD{padding-bottom:2px;padding-right:5px}
DIV#shoppingBasketRightColumn{color:#3977C1;float:right;font-size:12px;height:244px;text-align:center;width:300px}
DIV#shoppingBasketRightColumn LI {font-size:11px; color:#B9CFEA;}
DIV#shoppingBasketRightColumn LI SPAN {font-size:11px; color:#5A8FCF;}
DIV#shoppingBasketRightColumn2{margin-top:33px}
DIV#shoppingButton{background-color:#FECE3D;color:#fff;float:left;font-size:14px;text-align:center;width:180px}
DIV#shoppingButton A{color:#ffffff;text-decoration:none}
DIV#songList{height:326px;overflow:auto;padding-right:10px}
DIV#songList A{color:#000}
DIV#updateButton{background-color:#FECE3D;color:#fff;float:right;font-size:14px;text-align:center;width:150px}
DIV.boxContent{border-left:2px solid;border-right:2px solid;color:#000;font-size:12px;margin:0;padding:5px}
DIV.boxHeading{color:#fff;font-size:14px;margin:0;padding:0;text-align:center}
DIV.boxHeading H4{margin:0;padding:0}
HTML > BODY DIV#categoryList UL{margin-left:0}
INPUT,TEXTAREA,SELECT,OPTION{font-family:Tahoma,Verdana,Arial,sans-serif;font-size:11px}

BODY.checkout {}
BODY.checkout DIV#basketItems {position:relative;}
BODY.checkout DIV#checkoutBasketBottom {position:absolute; bottom:5px; left:0;}

.emphasis {color:#666666; font-size:13px;}

A.navButton {text-decoration:none;}

BODY.newsletter DIV#contentWrapper,
BODY.newsletter DIV#contentWrapper {background-image:url('/images/newsletter.jpg'); background-position:right; background-repeat:no-repeat;}
BODY.newsletter DIV#pageContent {padding-right:350px;}
BODY.newsletter TD.formLabel {font-weight:bold; text-align:right; padding-right:5px; width:130px; font-size:12px;}
BODY.newsletter INPUT.text {width:20em; font-size:13px; color:#666666;}
BODY.newsletter INPUT.button {font-size:14px;cursor:pointer;border-width:0;font-weight:bold;color:#FFF;background-color:#83ABDA;padding:2px 8px;font-family:Arial, Helvetica, sans-serif;}
BODY.newsletter DIV.form {border:2px solid;border-color:#BFD5EE;padding:10px;width:550px;}
BODY.newsletter TD.formHeader,
BODY.newsletter TD.formHeader DIV,
BODY.newsletter TD.formHeader H5 {margin:0; padding:0; font-size:18px; font-weight:normal;}
BODY.newsletter TD.formHeader H5 {margin:0; padding:0;}
BODY.newsletter SPAN.formRequired {font-weight:normal;}
BODY.newsletter SPAN.formTip {color:#999999; font-size:11px;}
BODY.newsletter SPAN.formError {color:#FF4A4A;font-size:12px;}

DIV.successMessage {
	background-color:#DBFDD9;
	padding:5px 5px 5px 32px;
	-moz-border-radius:10px;
	margin:10px auto;
	background-image:url(/images/icons3/tick.gif);
	background-position:8px 8px;
	background-repeat:no-repeat;
}

H5 {
	margin:10px auto 2px auto !important;
	font-size:14px;
	color:#E9AF01;
}

.formError 			{font-size:10px; color:#F00; font-weight:bold;}

#checkoutForm 			{}
input[type=text],
textarea,
select 				{border:1px solid; border-color:#CCC; padding:2px;}
input,
textarea,
select,
option 				{font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#333;}

body.choir #orderForm input[type=text],
#basketItems input[type=text] 	{text-align:center;}

#orderingSecurity 		{position:relative; float:left; clear:left;}
#orderingSecurity h3 		{ font-size:30px; margin-bottom:8px; color:#5389CC; font-weight:normal; border-bottom:3px solid; border-color:#C7D9E0; line-height:1; }
#orderingSecurity p 		{font-size:13px; margin-top:0; margin-bottom:12px; color:#666;}
#orderingSecurity a 		{color:#3976BF; text-decoration:none;}
#orderingSecurity a:hover 	{color:#333; text-decoration:underline;}

body.offers .box 		{float:left; width:450px; margin:6px;}
body.offers .boxHeading 	{background-color:#83ABDA; text-align:left; padding-left:10px;}
body.offers .boxContent 	{border-color:#83ABDA; overflow:auto; padding:0 8px 8px 8px; height:175px; position:relative;}
body.offers .boxContent form 	{position:absolute; bottom:0; left:0;}
body.offers .offerDetails h3 	{margin:8px auto 2px auto; padding:0; line-height:1; color:#83ABDA;}
body.offers .offerDescription 	{color:#666;}
body.offers .boxFooter 		{background-color:#83ABDA; height:2px;}
body.offers .boxContent th,
body.offers .boxContent td 	{font-size:13px; color:#666;}
body.offers .boxContent th 	{text-align:right; color:#FF3371; font-weight:normal !important;}
body.offers .boxContent input[type='text'] {width:30px; text-align:center; font-weight:bold;}
body.offers .boxContent .button { color:#FFF; font-size:13px; text-transform:uppercase; cursor:pointer; background-color:#83ABDA; border:1px solid; border-color:#5389CC !important; }
body.offers .special 		{color:#F00;}
body.offers .price 		{ font-size:24px !important; color:#5389CC !important; line-height:1 !important;}

body.offers #content li 		{font-size:15px; font-weight:normal;}
body.offers #content li a 		{color:#FF3371; text-decoration:none;}
body.offers #content li a:hover 	{color:#83ABDA; text-decoration:underline;}