html,body{
	margin: 0;
	padding: 0;
	color: #FFF;
	background: #000 url(/images/background6.png) repeat-x 0px 0px;
}
#mainContainer{
	position: relative;
	top:0px;
	width: 980px;
	margin:0px auto 0px auto;
	min-height: 100%;
	text-align: center;
}

#mainContent img,#schoolContentTop img {margin: 10px 13px;}

/**** HEADERS ****/
#header{
	position: relative;
	text-align: left;
	height: 170px;
	width: 980px;
	padding:0px;
	margin: 0px;
	background: url(/images/header.gif) no-repeat 0px 0px;
}
/*#header a{
	display:block;
	width:100%;
	height:100%;
}*/

#header .socialLinks{
	float:right;
	padding-top:127px;
	padding-right:16px;
}

#header_right{
	position: absolute;
	right: 10px;
	top: 0px;
	z-index: 1000;
	width: 190px;
	height: 160px;
}
#main_menu {
	display:block;
 	padding:0px;
  	margin:0px;
  	height: 40px;
   	width: 980px;
  	background-color: #000;
}
/**** Left ****/
.left{
	display: block;
	clear: none;
	float: left;
	text-align: left;
	width: 202px;
	height:100%;
	margin: 0;
	padding: 0px 5px;
	margin: 8px 5px 0px 5px;
}

.left2{
	display: block;
	clear: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 5px 5px 0px 5px;
	margin: 0px 5px;
}
.left li{
	padding:0px;
	margin:0px;
	height:100%;
	min-height:0px;
}
.boxTop{
	padding: 0px 5px;
	margin: 0px 5px;
	height: 20px;
	width: 202px;
	float: left;
	clear: none;
}
.boxBottom{
	padding: 0px 5px;
	margin: 0px 5px;
	height: 20px;
	width: 200px;
	clear: left;
	float: left;
}
/**** Left ****/
.left .level1{
	width:201px;
	height:46px;
	display:block;
	background: #000 url(../images/menuButtonBlack.png) no-repeat 0px 0px;
	font-size:170%;
	line-height:2.1em;
}
.left .level2{
	width:201px;
	height:46px;
	display:block;
	background: #000 url(../images/menuButtonGreen.png) no-repeat 0px 0px;
	font-size:150%;
	line-height:2.3em;
}

.left .level3{
	width:202px;
	height:46px;
	display:block;
	line-height:1.4;
	background: #000 url(../images/menuButtonPurple.png) no-repeat 0px 0px;
}
/**** HOME ****/
#mainHome{
	float:left;
	clear: none;
	font-size: 90%;
	height:100%;
	min-height: 400px;
	margin:0;
	color: #FFF;
	padding: 10px 0px 30px 21px;
	background: url('/images/contentBackground2.jpg') repeat-y 0px 0px;
	text-align: left;
	width:980px;
}
#mainHome #testimonalsBar{
	width:190px;
	float:right;
	margin: 0 55px 0 15px;
	padding:0;
}
#mainHome #testimonalsBar p, #mainHome #testimonalsBar #firstTestimonal{
 	margin:0;
  	padding:0;
}
#mainHome #testimonalsBar p img #firstTestimonal{
	padding:0;
}
#mainHome #testimonalsBar p img{
	padding:22px 0 0 0;
}
#mainHome #callToAction object{
	height:288px;
	width:512px;
	margin:0px;
	padding:0px;
	float:left;
}
#mainHome #callToAction{
	margin:0px;
	padding:0px;
	height:328px;
}
#mainHome #callToAction p{
	min-width:185px;
	width:185px;
	float:right;
	margin:0px;
	padding:0px 0px 10px 0px;
}
#mainHome #callToAction #freeLessonImg{
 	margin-bottom:26px;
}
#mainHome .blueBar{
	float:left;
	width:185px;
	margin:0 25px 0 0;
	padding:0;
}
#mainHome .mainFocus{
	min-height:426px;
	width:183px;
  	background:transparent url('/images/blueBack.png') repeat 0px 0px;
}
#mainHome #requestASong{
	min-height:155px;
}

#mainHome #requestASong #ralink{
	text-align:center;
}

#mainHome #requestASong p{
	text-align:left;
}

#mainHome #requestASong .mainFocusHeader p{
	text-align:center;
}

#mainHome .blueBarLarge{
	float:left;
	width:243px;
	margin:0 25px 0 0;
	padding:0;
}
#mainHome .mainFocusLarge{
	width:243px;
	height:491px;
	font-size:110%;
	background:transparent url('/images/blueBack.png') repeat 0px 0px;
	line-height:1.18em;
}
#mainHome .mainFocusLarge p{
	/*padding: 0px 10px 0px 10px;*/	
	margin:10px 10px 0px 10px ;
}
#mainHome .largeMembershipText{
	height:403px;
}
#mainHome .news_item .news_desc{
	float:right;
	width:160px;
	padding: 0 0 0 10px;
	margin: 0 0 25px 0;
	font-size:100%;
}
#mainHome .news_item .news_desc a{
	font-size:100%;
	float:right;
	width:160px;
}
#mainHome .news_item p img{
	width:52px;
	height:42px;
	float: right;
}
#mainHome .mainFocusLarge .largeMembership{
	margin: 10px 0 0 0;
 	text-align:center;
	font-size:95%;
	}
#mainHome .mainFocus li{
	background:transparent url('/images/lessonBack2.png') no-repeat 0px 0px;
	width:165px;
	height:61px;
	padding: 0 0 0 0;
	margin: 10px 10px 0 10px;
	text-align:center;
	font-size:130%;
}
#mainHome .mainFocus ul{
	margin: 0 0 6px 0;
}
#mainHome #mSongsText{
	padding: 4px 10px 6px 10px;
}
#mainHome .mainFocus ul a{
	display:block;
	text-decoration:none;
	color:#FFF;
	height:100%;
	padding:5px 15px 0px 15px;
	margin:0px;
	line-height:1.2em;
}
#mainHome .mainFocus li a:hover{
	display:block;
	background:transparent url('/images/songLessonBack2.png') no-repeat 0px 0px;
	height:100%;
}
#mainHome .mainFocus #songList li{
	background:transparent url('/images/songBack2.png') no-repeat 0px 0px;
}
#mainHome .mainFocus p{
	padding: 0 10px 10px 10px;
	margin:0px;
	text-align:center;
}
#mainHome .mainFocus .firstList{
	margin: 0px 10px 0 10px;
}
#mainHome .mainFocusBottom{
	width:184px;
	height:4px;
	background:transparent url('/images/blueBackBottom.png') no-repeat 0px 0px;
	margin-bottom:20px;
}
#mainHome .mainFocusBottomLarge{
	width:243px;
	height:5px;
	background:transparent url('/images/blueBackBottomLarge.png') no-repeat 0px 0px;
	margin-bottom:20px;
}
#mainHome .mainFocusHeaderTop{
	display:block;
	width:184px;
	height:5px;
	background:transparent url('/images/blueBackHeaderTop.png') no-repeat 0px 0px;
	padding:0px;
	margin:0px;
}
#mainHome .mainFocusHeader{
	width:184px;
	height:45px;
	text-align:center;
	background:transparent url('/images/blueBackHeader.png') no-repeat 0px 0px;
	font-size: 109%;
	font-weight:normal;	
}
#mainHome .mainFocusHeaderLarge{
	width:243px;
	height:45px;
	text-align:center;
	background:transparent url('/images/blueBackHeaderLarge.png') no-repeat 0px 0px;
}
#mainHome .mainFocusHeaderTopLarge{
	display:block;
	width:243px;
	height:5px;
	background:transparent url('/images/blueBackHeaderTopLarge.png') no-repeat 0px 0px;
	padding:0px;
	margin:0px;
}
#mainHome .mainFocusHeaderLarge p{
	padding:5px 5px 5px 5px;
	margin:0px;
	font-size: 130%;
}
#mainHome .mainFocusHeader p{
	padding:5px;
	font-size:130%;
	margin:0px;
	line-height:0.8em;
}
#mainHome #news{
	height:403px;
	width:100%;
}
#mainHome #newsExit{
	margin-top:11px;
	width:223px;
	text-align:center;
	font-size:95%;
}
#mainHome #mainContentHomeTop{
	width:718px;
	min-height:168px;
	padding:0px 0 0 0;
	margin:0px 25px 0px 0px;
}
#mainHome #mainContentHome{
	width:698px;
	font-size:110%;
	background:transparent url('/images/blueBack.png') repeat 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 10px;
 	min-height:156px;
	width:698px;
}
#mainHome #mainContentHome p{
	margin: 0px;
	padding: 10px 10px 0px 10px;
 }
#mainHome #mainContentHomeBottom{
  	padding:0;
  	margin:0;
  	width:718px;
  	height:4px;
  	background:transparent url('/images/mainContentBottom.png') no-repeat 0px 0px;
 }
/**** Main ****/
#right{
	float: right;
	width: 730px;
}
#main #testimonalsBar{
	float:right;
	padding:0px;
	margin:0px;
	width:135px;
}
#main .mainFocusHeaderTop{
	display:block;
	width:931px;
	height:5px;
	background:transparent url('/images/recomfy.png') no-repeat 0px 0px;
	padding:0px;
	margin:0px;
	}
#main .mainFocusHeader{
	width:931px;
	height:30px;
	text-align:center;
	background:transparent url('/images/recomfy.png') no-repeat 0px 0px;
}
#main .mainFocus{
	width:931px;
  	background:transparent url('/images/blueBack.png') repeat 0px 0px;
	min-height:140px;
}
#main .mainFocus p{
	padding: 0 10px 10px 20px;
	margin:0px;
}
#main{
	clear: none;
	float: left;
	font-size: 90%;
	height:100%;
	min-height: 400px;
	margin:0;
	padding: 10px 10px 0px 10px;
	background: #FFF;
	background:#ffffff url('/images/contentBackground2.jpg') repeat-y 0px 0px;
	text-align: left;
	width:960px;
}
#main #mainContentTop{
	float:left;
	width:581px;
	min-height:168px;
   	background:transparent url('/images/mainContentTop2.png') no-repeat 0px 0px;
	padding:0;
	margin:10px;
}

#main #mainContentFlash{
	float:left;
	width:600px;
	height:582px;
	padding:0;
	margin:10px 10px 40px 0px;
	background:transparent url('/images/mainContentTop2.png') no-repeat 0px 0px;
}

#main #mainContentImage{
	float:left;
	width:581px;
	min-height:168px;
	padding:0;
	margin:10px 10px 40px 0px;
	background:transparent url('/images/mainContentTop2.png') no-repeat 0px 0px;
}

#main #mainContentImage img{
	float:left;
	padding:0;
	margin:0;
}

#main #mainContentBottom{
  	padding:0;
  	margin:0 0 20px 0;
  	width:581px;
  	height:4px;
  	background:transparent url('/images/mainContentBottom2.png') no-repeat 0px 0px;
}
#main #mainContent{
	min-height:571px;
	width:561px;
	background:transparent url('/images/blueBack.png') repeat 0px 0px;
	margin: 6px 0px 0px 0px;
	padding: 10px;
}
#main #mainContent p{
	margin: 0px;
	padding: 10px 10px 0px 10px;
}
/*** school content **/
#main #schoolContentTop{
	float:left;
	width:718px;
	min-height:168px;
   	background:transparent url('/images/mainContentTop.png') no-repeat 0px 0px;
	padding:0;
	margin:0px;
}
#main #schoolContentBottom{
  	padding:0;
  	margin:0 0 20px 0;
  	width:718px;
  	height:4px;
  	background:transparent url('/images/mainContentBottom.png') no-repeat 0px 0px;
 }
#main .extraTesimonals img{
	margin:10px 0px 5px 5px;
}

#main .extraTesimonals2{
	margin-left:5px;
}

#main .extraTesimonals2 img{
	margin:10px 0px 5px 0px;
}


#main #schoolContent{
	min-height:690px;
	width:698px;
	background:transparent url('/images/blueBack.png') repeat 0px 0px;
	margin: 4px 0px 0px 0px;
	padding: 10px;;
}
#main #schoolContent p{
	margin: 0px;
	padding: 10px 10px 0px 10px;
}
#main #vidContent{
	margin: 10px auto 0px auto;
	width:760px;
}
#main #extraVidTestimonals{
	padding:0;
	margin:10px auto;
	width:760px;
}
#main #extraVidTestimonals p{
	margin:0;
	padding:0;
	width:151px;
	min-height:120px;
	float:left;
	text-align:left;
}

#main #extraVidTestimonals p img{
	text-align:center;
}

#main #extraVidTestimonals img{
	margin-bottom:5px;
}
#main #extraVidTestimonals .secondTest{
	margin-bottom:7px;
}
#main #vidContent form{
	width:760px;
}
#main #vidContent .titleDescription{
	background:transparent url('/images/blueBack.png') repeat 0px 0px;
	width:760px;
	padding:0px;
	margin:0px;
}
#main #vidContent .titleDescription p{
	margin:0px;
	padding:5px 10px 5px 10px;
}

#main #vidContent #loginBelow {
	text-align:left;
	margin:0px;
	padding:5px 0px 5px 10px;
	width:750px;
}

#main #vidContent h1{
	margin:0px;
	padding:0px 0px 0px 12px;
	width:100%;
	width:748px;
	height:28px;
	background: url(/images/vidBar.gif) no-repeat 0px 0px;
	font-size: 135%;
	color: #FFF;
	font-weight:normal;
	text-decoration:none;
	line-height: 1.5em;
}
#main #vidContent .titleBar{
	margin:0px;
	padding:0px 0px 0px 5px;
	width:100%;
	color:white;
	width:755px;
	height:28px;
	background: url(/images/vidBar.gif) no-repeat 0px 0px;
}
#main #vidContent object{
	margin:0px;
	padding:0px;
	}
#main #vidContent .titleBar p{
	margin:0px;
	padding:0px 0px 0px 6px;
	font-size: 135%;
	color: #FFF;
	font-weight:normal;
	text-decoration:none;
	line-height: 1.7em;
}
#main #vidContent .left{
	width:375px;
}
#main #vidContent .titleBar p span{
	float:right;
}
#main #vidContent .titleBar p .next{
	padding-right:30px;
}
#main #vidContent .titleBar img {
	vertical-align:top;
	padding-top:3px;
	padding-right:2px;
	padding-left:2px;
}
#main .flashlogo{
	width:100%;
	padding:20px 0 0 690px;
}
#main .blueBar{
	width:931px;
	margin:10px auto 10px auto;
	padding:0;
}
#main .recommended{
	float:left;
	display:block;
	width:171px;
	height:100px;
	padding:0px;
	margin:0px 9px 0px 0px;
}
/**** Login Form ****/
#loginBar{
	width:100%;
	height:42px;
	background: url(/images/loginBar.gif) no-repeat 0px 0px;
}

#loginBar #basketButton{
	float:right;
	margin:0px;
	padding:0px;
	background-color:#000;
}

#loginBar form{
	float:right;
}
#loginBar a, #loginBar label{
	font-size:70%;
	margin:0px 10px 0px 10px;
	color:#ffffff;
	vertical-align:text-bottom;
}
#loginBar input{
	margin:7px 0px 7px 0px;
	height:12px;
}
#loginBar #logout input[type="submit"]{
 	float:right;
}
#loginBar #userName,#loginBar #password {
	font-size:70%;
	width:113px;
}
#loginBar button{
	background: url(/images/loginButton3.gif) no-repeat 0px 0px;
	vertical-align:top;
	font-weight:normal;
	font-size: 136%;
	padding:0px 0px 2.5px 0px;
	border:0px;
	margin:0px;
	width:123px;
	height:29px;
	line-height:100%;
	color:#FFF;
}

#loginBar button:hover{
	background: url(/images/loginButton3hover.gif) no-repeat 0px 0px;
	color: #000;
}

.form input{
	height: 15px;
	width: 200px;
}
.form input.google{
	height: 46px;
	width: 180px;
}
.form select{
	height: 17px;
	width: 200px;
}
.form textarea{
	width: 200px;
}
#main .radio{
	width: 20px;
}
#main label{
	font-size: 90%;
}
#main input[type='submit'],input.submit{
	background-image:URL("/images/button.gif");
	margin: 10px 0 5px 227px;
	width: 140px;
	height: 35px;
	color:#FFF;
	border-color:#000;
}
#footer_menu{
	clear: both;
	height: 20px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
#footer{
	clear: both;
	width: 980px;
	color: #000;
	margin: 0px;
	background:url('/images/footer.png') no-repeat 0px 0px;
	padding: 0px;
	text-align: center;
	font-size: 90%;
}
#built a:active, #built a:focus,#built a:link, #built a:visited{
	color:#FFF;
	}
#built a:hover{
	color:#EEE;
}
.clear{
	clear: both;
}
.clear2{
	clear: both;
	height: 15px;
}
.chord{
	margin:0px;
	padding:0px;
}
.chordItem{
	margin:0px;
	padding:0px 5px 5px 5px;
	width:59px;
	display:inline;
}
.extraItem{
	margin:0px;
	padding:10px 5px 5px 5px;
	width:63px;
	display:table-cell;
 }

/**** Buy Now Form ****/

#buyNowForm input{
	width:184px;
	height:68px;
	border:0px;
	color:#FFF;
	margin: 5px 288px 5px 288px;
    padding: 0px;
}	
	
/**** Basket Form ****/
#form_16,#form_16 b{
	background-color:#FFF;
	color:#000;
}

#form_16 form{
	padding: 0px;
	margin: 0px;
}

#form_16 form label{
	float:left;
	display:block;
	margin:0px;
	padding:0px 0px 0px 107px;
	min-width: 115px;
	width:115px;
}

#form_16 #id124{
	width:20px;
	margin-bottom:0px;
}

form #ticktext{
	display:inline;
	width:200px;
	height:25px;
	margin:5px 100px 0px 0px;
	padding:0px;
	clear:none;
	vertical-align:bottom;
}

form #requiredFields{
	margin: 15px 0px 0px 100px;
	width: 500px;
	min-height: 20px;
}

form input,form select{
	margin:5px 0px 0px 0px;
	padding:0px;
}

form #requiredFields i{
	min-height: 20px;
}

form #paypalBar{
	margin: 15px 0px 0px 112px;
	width: 500px;
}

form .emptyBasket{
	display:inline;
	margin: 0px;
	padding: 0px;
	height:16px;
}
	
/**** Basket ****/

#basket p{
	font-weight: bold;
	padding: 5px 0px 0px 5px;
	margin: 0px 0px 10px 0px;
}
.basketItem{
	margin: 3px 0px 2px 0px;
	padding: 0px 0px 5px 0px;
}
hr{
	border-color: #404040;
	border-style: solid;
	border-width: 1px 0 0;
	margin: 5px 0px 5px 0px;
	clear: both;
	height: 0;
}
hr.dotted{
	border-color: #404040;
	border-style: dotted;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}
.basketTitle{
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	width: 100%;
	height: 20px;
	max-height: 25px;
	margin: 25px 0 0 0;
	background-image: url("/images/vidBar.gif");
	padding: 5px 0px 0px 0px;
}
div.id{
	padding: 0px 0px 0px 5px;
	width: 25px;
	min-width: 25px;
	clear: both;
	float: left;
}
div.name{
	width: 280px;
	clear: none;
	float: left;
}
div.price{
	width: 100px;
	clear: none;
	padding: 0px 0px 0px 5px;
	float: left;
}
div.remove{
	width: 75px;
	clear: none;
	float: left;
}
div.quantity{
	width: 105px;
	clear: none;
	float: left;
}
div.quantity form{
	clear: none;
	float: left;
	width: 100px;
}
div.quantity input{
	width: 40px;
	height: 16px;
	float: left;
	clear: none;
}
div.optionTitle{
	background-color: #EEE;
	margin: 0px 0px 0px 35px;
	width: 465px;
	clear: both;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	color: #060;
}
div.optionName{
	background-color: #EEE;
	width: 230px;
	clear: none;
	float: left;
}
div.optionPrice{
	background-color: #EEE;
	width: 100px;
	padding: 0px 0px 0px 5px;
	clear: none;
	float: left;
}
div.total{
	width: 50px;
	margin: 0px 3px 0px 0px;
	clear: none;
	float: left;
	text-align: right;
}
div.option{
	margin: 0px 0px 0px 30px;
	width: 350px;
	clear: both;
	float: left}
.center{
	text-align:center;
}
.centerPosition{
	 margin:20px auto 20px auto;
}
form input.paypal {
	height:auto;
	margin:5px 0 10px 402px;
	width:auto;
	background-color: #FFF;
}

#form_5 {
	background:transparent url('/images/blueBack.png') repeat 0px 0px;
	width:760px;
}

#form_5 .submit-btn{
	background: #000 url(../images/loginButton.gif) no-repeat 0px 0px;
	min-height:34px;
	min-width:123px;
	color:#FFF;
	border-color:#000;
}

#basketDiscount{
	margin-top:10px;
	margin-bottom:10px;
}

#basketDiscountPrice{
	margin-top:10px;
	margin-bottom:10px;
}

#emptyBasket{
	background-color:#FFF;
	float:right;
}

#left {
	float:left;
}
#right{
	float:right;
}

