body {
	font-family: calibri, arial, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	text-align: left;
}

h1 {
	/*color: #000000;*/
	color: #696969;
	font-family: calibri, arial, sans-serif;
	text-align: left;
	font-size: 20px;
}

.container {
	width: 760px;
	margin: 0 auto 0 auto;
}

.clear {
	clear: both;
}

/** Header styling. */
.headerleft {
	width: 275px;
	float: left;
	margin: 20px 0 0 0;
}
.headerright {
	width: 485px;
	float: right;
	font-family: calibri, arial;
	color: #696969;
	font-size: 12px;
}
.headerrighttop {
	width: 100%;
	margin: 50px 0 25px;
	text-align: right;
}

.topmenuwrapper {
	width: 100%;
	float: left;
}
.topmenu {
	float: right;
}
.topbutton, .bottombutton, .topactivebutton, .tophoverbutton, .bottomhoverbutton, .bottomactivebutton {
	color: #FFFFFF;
	font-family: calibri, arial;
	font-size: 15px;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
}
.topbutton, .topactivebutton, .tophoverbutton {
	width: 117px;
	height: 31px;
	float: left;
	margin: 0 0 0 3px;
}
.topbutton {
	background-image: url(../images/topmenu.jpg);
}
.topactivebutton {
	background-image: url(../images/active_topmenu.jpg);
}
.tophoverbutton {
	background-image: url(../images/hover_topmenu.jpg);	
}
.bottomhoverbutton {
	background-color: #8696EA;
}
.bottomactivebutton {
	background-color: #C4C6DB;	
}
.topbutton p, .topactivebutton p, .tophoverbutton p {
	margin: 7px 0 0 0;
}

.centremenuleft, .centremenuright {
	height: 39px;
	margin: 3px 0 0 0;
	background-color: #C4C6DB;
	background-repeat: no-repeat;
}
.centremenuleft {
	width: 640px;
	float: left;
	background-image: url(../images/searchleftbg.jpg);
}
.searchbox {
	float: left;
	width: 167px;
	height: 21px;
	margin: 6px 0 7px 250px;
	border: 1px solid #C5C4C3;
	padding-top: 3px;
}
.searchbuttons {
	float: left;
	margin: 6px 0 7px 5px;
}
.searchbuttons img {
	cursor: pointer;
	cursor: hand;
}

.centremenuright {
	width: 117px;
	float: right;
	background-image: url(../images/searchrightbg.jpg);
	background-position: bottom right;
}

.bottombutton, .bottomhoverbutton, .bottomactivebutton {
	height: 23px;
	width: 120px;
	background-repeat: no-repeat;
	margin: 3px 3px 0 0;
	float: left;
	font-size: 13px;
}
.bottombutton {
	background-color: #2D46C4;
}
.bottombutton p, .bottomhoverbutton p, .bottomactivebutton p {
	margin: 3px 0 0 0;
}
#bottomleft {
	background-image: url(../images/bottommenuleft.jpg);
	background-position: bottom left;
}
#bottomhoverleft {
	background-image: url(../images/hover_bottommenuleft.jpg);
	background-position: bottom left;
}
#bottomactiveleft {
	background-image: url(../images/active_bottommenuleft.jpg);
	background-position: bottom left;
}
#bottomright {
	background-image: url(../images/bottommenuright.jpg);
	background-position: bottom right;
}
#bottomhoverright {
	background-image: url(../images/hover_bottommenuright.jpg);
	background-position: bottom right;
}
#bottomactiveright {
	background-image: url(../images/active_bottommenuright.jpg);
	background-position: bottom right;
}

/** Right-column Styling */

.rhc-img {
	float: left;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 3px 3px 3px 3px;
	margin-left: 15px;
}

.rhc {
	margin-left: 0;
	text-align: center;
}

.rhc a:link {
	color: #0033FF;
}

.rhc a:visited {
	color: #993399;
}

.rhc a:hover {
	color: #993399;
}

.rhc a:active {
	color: #0033FF;
}

/** Styling for the home page. */
#indexplayer {
	width: 500px;
	height: 302px;
	float: left;
	margin-top: 20px;
}
.indeximage {
	width: 240px;
	height: 281px;
	margin: 0 0 0 18px;
	float: left;
	background-repeat: no-repeat;
}

/** .indexnews {
	width: 150px;
	float: left;
	margin-top: 30px;
	margin-left: 10px;
} **/

.newspara a {
	color: #0033FF;
}

.newspara a:visited {
	color: #993399;
}

.newspara a:hover {
	color: #993399;
}

.indeximage#middleright {
	background-image: url(../images/middleright.jpg);
}
.left, .centre, .right, .leftz {
	float: left;
	width: 250px;
	margin: 10px 0px 0 0;
	font-family: arial;
	font-size: 14px;
	color: #9E9E9E;
	font-weight: bold;
}

.left, .leftz {
	clear: left;
}

.leftz {
	background-image:url(../images/indexcentre-2.jpg);
	background-repeat:no-repeat;
	height:190px;
	background-position: bottom left;
}
.left h1 {
	margin: 20px 0 0 0;
}
.big {
	font-size: 20px;
}
.big, .left h1, .centre p {
	color: #696969;
}

.centre {
}
.centre p {
	margin: 10px 0 2px 0;
}

.right {
	margin-right: 0px;
	padding: 27px 0 0 0;
}

.separator {
	width: 100%;
	height: 1px;
	float: left;
	clear: both;
	margin: 15px 0 15px 0;
	border-bottom: 1px solid #9E9E9E;
}

.mainleft {
	width: 314px;
	float: left;
	height: 319px;
	border: 1px solid #9E9E9E;
	background-color: #C4C6DB;
}

.mainleft1 {
	width: 181px;
	float: left;
	margin: 0 0 0 5px;
/*	border: 1px solid #9E9E9E;
	background-color: #C4C6DB; */
}

.mainleft2 {
	width: 181px;
	float: left;
	margin: 0 0 0 70px;
/*	border: 1px solid #9E9E9E;
	background-color: #C4C6DB; */
}

.mainright2 {
	float: left;
	width: 181px;
	margin: 0 0 0 70px;
}
/*
.mainrightbox1 a:link {
	background-image:url(../files/images/fpage_gph.jpg) top left no-repeat;
}

.mainrightbox1 a:hover {
	background-image:url(../files/images/fpage2_gph.jpg) top left no-repeat;
}
*/	
.lefttext, .righttext {
	color: #696969;
	display: block;
	font-size: 10px;
	font-family: arial;
	font-weight: bold;
}
.textbox#lefttextbox {
	width: 310px;
}
.lefttext {
	margin: 0px 0 0 3px;
	float: left;
	width: 50%;
}
.righttext {
	margin: 0 0 0 0px;
	float: right;
	width: 31%;
}

.maincentre {
	width: 242px;
	float: left;
	margin: -9px 0 0 5px;
}
.scroller, .scrollwindow {
	display: block;
	width: 100%;
}
.scroller {
	height: 21px;
}
.scroller#top {
	background-image: url(../images/scrollertop.jpg);  
}
.scroller#bottom {
	background-image: url(../images/scrollerbottom.jpg);
}
.scrollwindow {
	height: 297px;
}

.mainright {
	float: left;
	width: 181px;
	margin: 0 0 0 5px;
}

#righttextboxbottom .lefttext, #righttextboxtop .lefttext {
	width: 85px;
}

#righttextboxbottom .righttext, #righttextboxtop .righttext {
	width: 85px;
	margin: 0;
}

/** Footer styling. */
.footer {
	width: 100%;
	float: left;
	clear: both;
	border-top: 1px solid #CFCFCF;
	margin: 20px 0 0 0;
}	
.footer li {
	display: inline;
	font-weight: bold;
	font-size: 12px;
}
.footer a {
	text-decoration: none;
	color: #969696;
}
.footer a:hover {
	color: #969696;
}

/** Main Page Styling. */
.pageleft, .pageright {
	margin: 20px 0 0 0;
}

.pageleft {
	width: 500px;
	float: left;
}
#singtv {
	width: 760px;
}
#singtv .player {
	margin-left: auto;
	margin-right: auto;
}
.pageleft h1, .pageleft h2 {
	margin: 0 0 15px 0;
	color: #969696;
}
.pageleft h1 {
	font-size: 20px;
}
.pageleft h2 {
	font-size: 18px;
}


.pageright {
	width: 242px;
	float: right;
}

.player {
	background-color: #FFFFFF;
	display: block;
	width: 500px;
	height: 350px;
}

.header a, .header a:hover {
	color: #FFFFFF;
}
.header a {
	text-decoration: none;
}
.imglink {
	border-color: #FFFFFF;
	border-width: 0px;
	
}

/** The styling for the song and video pages. */
.songs {
	float: left;
	clear: both;
	width: 100%;
}
.songs h1 {
	font-size: 20px;
}
.songs h2 {
	font-size: 16px;
}
.songs h3 {
	font-size: 11px;
	color:#C33;
	margin-top: 5px;
}
.songs h2 {
	margin-top: 0;
	padding-top: 0;		
}

.downloadbutton {
	background-image:url(../images/buy-now.jpg);
	background-repeat:no-repeat;
	width: 150px;
	height: 25px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.songthumb {
	float: right;
}

/** The styling for the registration and login forms. */
.label {
	float: left;
	width: 40%;
	clear: left;
}
input.textbox, select {
	float: left;
	width: 40%;
	margin: 2px 0 2px 0;
}

.formbuttons {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	clear: both;
}

/** The styling for the sing-tv page. */


.headerrighttop a, .headerrighttop a:hover {
	color: #696969;
}

.dijitDialogPaneContent {
	height: 352px;
}

.icon {
	float: left;
	width: 48px;
	border-width: 1px;
	border-style: solid;
	border-color: #AEAEAE;
	padding: 10px 24px 6px 28px;
	margin-right: 5px;
	cursor: pointer;	
}

.error {
	width: 480px;
	float: left;
	clear: both;
	padding: 20px 10px 20px 10px;
	margin-bottom: 15px;
	background-color: #FF9999;
	border-color: #FF6666;
	border-width: 1px;
	border-style: solid;	
}

.resultthumb {
	float: left;
	width: 80px;
}
.resultdetails {
	width: 410px;
	margin: 0 0 0 10px;
	float: left;
}
.resultsheader {
	float: left;
	margin: 20px 0 0 0;	
}

.tvlist {
	list-style: none;
}

.tvskip {
	float: right;
	padding: 3px 3px 3px 3px;
	margin-top: -10px;
	margin-right: 25px;
}

/** My Downloads Page. */
.page {
	float: left;
	width: 100%;
}


.listingheader, .col1, .col2, .col3 {
	float: left;
	padding-top: 7px;
	height: 23px;	
	text-align: center;
}
.listingheader {
	background-color: #C4C6DB;
	font-weight: bold;
}
.listingheader#song, .col1 {
	width: 300px;	
}
.listingheader#downloaded, .col2 {
	width: 200px;
}
.listingheader#downloadbutton, .col3 {
	width: 260px;	
}

.maincontent a, .songinfo a, .scrollwindow a, .songs a, .pageleft a, .page a, .footer a {
	color: #696969;
}

.maincontent a:hover, .songinfo a:hover, .scrollwindow a:hover, .songs a:hover, .pageleft a:hover, .page a:hover, .footer a:hover {
	color: #696969;
}

/**.buy-now {
	background-image:url(../images/buy-now2.jpg);
	background-repeat:no-repeat;
	width: 49px;
	height: 13px;
} */

/** FAQ's Styling */

.faqlist li {
	color: #666666;
	list-style-type: circle;
	padding-left: 0;
	margin-left: -30px;
}

.faqlist li a {
	color: #666666;
	cursor: pointer;
}

.faqlist li a:visited {
	color: #FF66CC;
}

.faqlist li a:hover {
	color: #FF66CC;
}

/** News Page Styling */

.news-img {
	float: left;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 3px 3px 3px 3px;
	margin-right: 5px;
}

#bluff a:link {
	color: #0033FF;
	cursor:pointer;
}

#bluff a:visited {
	color: #993399;
}

#bluff a:hover {
	color: #993399;
}

#bluff a:active {
	color: #0033FF;
}

/** Resources Styling */

.reslist li a {
	color: #666666;
	cursor: pointer;
}

.reslist li a:visited {
	color: #FF66CC;
}

.reslist li a:hover {
	color: #FF66CC;
}

/** Vocabulary Styling */

.voclist li a {
	cursor: pointer;
}

.voclist li a:visited {
	border:solid;
	border-width: 2px;
	border-color:#390;
}

.voclist li a:hover {
	border:solid;
	border-width: 2px;
	border-color:#C3C;
}

/** Lyrics Styling */

#lyrics {
	width: 800px;
}

#lyrics ul {
	padding-left: 0;
	margin-left: 0;
}

.lyrlist li a {
	cursor: pointer;
}

.lyrlist li a:visited {
	border:solid;
	border-width: 2px;
	border-color:#390;
}

.lyrlist li a:hover {
	border:solid;
	border-width: 2px;
	border-color:#C3C;
}

/** Resources Table Styling */

.pricetable {
	margin-top: 50px;
	margin-left: -50px;
	border: 1px solid #338BA6;
	border-collapse: collapse;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	text-align:center;
}

.pricetable td, .pricetable th {
	border: 1px solid #73C0D4;
}

.pricetable th {
	border: 1px solid #828282;
	font-weight: bold;
	text-align:center;
}

.pricetable caption {
	font-weight: bold;
	background-color: #B0C4DE;
	color: #33517A;
	border: 1px solid #789AC6;
}

.altback {
	border: 1px solid #828282;
	background-color: #BCBCBC;
	font-weight: bold;
	text-align:center;
}

.pricetable tr.altrow {
	background-color: #DFE7F2;
}

.pricetable tr.altrow2 {
	background-color:#FFB4C8;
}

.cap {
	margin-top: 80px;
}

.upnum {
	font-size: x-small;
	color: #F00;
}

/************************/