
body	{
	background: #000 url(../images/darkbase.jpg) repeat-x bottom left fixed;
	color: #fff;
	font-family:  Verdana, Geneva,Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	font-size:small;
	text-align:center;
}

td{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

.pgBass{background: #884601 url(../images/darkbass.jpg) repeat-x bottom fixed;}
.pgGuitar{background: #012a52 url(../images/darkguitar.jpg) repeat-x bottom fixed;}
.pgKeyboard{background: #004900 url(../images/darkkey.jpg) repeat-x bottom fixed;}
.pgDrums{background: #500000 url(../images/darkdrums.gif) repeat-x bottom fixed;}


#wrapper {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:768px;
	background:#fff;
	color: #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
#pgHome #wrapper {
	background: #eee url(../images/contentfade.jpg) repeat-x bottom;
}


#pgHome #main h2 {
	
	padding-top:20px;
	border-top:1px solid #ccc;
}

#pgHome #side h2 {
	font-size:small;
}

#footer {
	color: #333;
	padding:20px;
	font-size:11px;
	clear:both;
	margin-top:20px;
	border-top:1px #666 solid;
	background: #eee url(../images/contentfade.jpg) repeat-x bottom;
}
#pgHome #footer {
	border-top:none;
	margin-top:0;
}
#footer p {line-height:1.5;color:#888;margin:0;padding-bottom:20px;}
#footer p span {color:#000;}
#footer a {	color:#000;	text-decoration:none;}
#footer a:hover {	color:#000;	text-decoration:underline;}


.hide{
	display: none;
}

img {
	border:none;
}

.logo{
	margin:0;
	border:0;
	float:left;
	display:block;
}

#coursenav {
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
	float:right;
}
#coursenav li {
	float:left;
	display:block;
	margin-left:8px;
}
#top {
	padding:0 20px;
	color:#fff;
	background: #000 ;
	height:55px;
}

.pgBass #top{background-image: url(../images/bassfade.jpg); background-color:#cc6904;}
.pgGuitar #top{background-image: url(../images/guitarfade.jpg); background-color:#012f7c;}
.pgKeyboard #top{background-image: url(../images/keyfade.jpg); background-color:#0e8823;}
.pgDrums #top{background-image: url(../images/drumfade.jpg); background-color:#ab052b;}

#nav {
	font-family:arial,sans-serif;
	background: #ccc url(../images/navbg.gif) repeat-x;
	color: #999;
	height:31px;
	font-size:11px;
	margin:0;
	clear:both;
}
#nav a {
	color:#666;
	background-color:transparent;text-decoration:none;
	font-weight:bold;
}
#nav a:hover {
	color:#000;
}
#primarynav {padding-left:20px; float:left;margin-top:8px;font-family:arial, verdana, sans-serif;font-size:12px;}
#primarynav a{font-weight:bold;}
#secondarynav{text-align:right;padding-right:20px;padding-top:8px;}
#nav .mnuActive {
	color:#000;
}
#nav strong {
	color:#000;
}

#secondnav{
	float: right;
	font-weight: normal;
	padding: 6px 8px 4px 0;
	text-align: right;
	text-transform: uppercase;
}s

#secondnav li{
	font-size: 10px;
}

.vab {vertical-align: baseline;}
.vabt {vertical-align: bottom;}
.vam {vertical-align: middle;}

td {
	vertical-align: top;
}

#main{
	background:#fff;
	color:#000;
	margin:0 178px 0 0;
	
	
	padding:20px 0 20px 20px;
}
#pgHome #main {
	border-right:1px #666 solid;
	border-bottom:1px #666 solid;
}


#side {
	float:right;
	width:158px;
	padding:20px 0 20px 0;
	font-size:x-small;
}
#pgHome #side{
	width:178px;
	margin-left:0;
}
.sideBox {
	background:#ccc url(../images/sideBoxbg.jpg) repeat-x;
	padding:10px 20px;
	border-top:#fff 1px solid;
	border-bottom:#999 1px solid;
}

h1 {
	font-family:arial,sans-serif;
	margin:0 0 20px 0;
	color:#000;
	font-size:xx-large;
	width:500px;
	line-height: 1.2;
}

#viewBasket {
	border:1px solid #ccc;
	background:#eee;
	margin:0 20px 20px 0px;
	padding:0px;
}
#pgHome #viewBasket {
	margin-left:20px;
}
#viewBasket a {
	display:block;
	text-decoration: none;
	padding:5px 5px 5px 29px;
	color:#000;
	background:#eee url(../images/basket.gif) no-repeat 5px 5px;
	
}
#viewBasket a:hover {
	background-color:#fff;
}
#main h2 {
	font-size:medium;font-family:arial, sans-serif;
	margin: 20px 20px 0 0 ;
}
#main h3 {
	font-size:small;font-family:arial, sans-serif;
	margin: 20px 0 0 0 ;
}

#pgHomeInstr {
text-align: center;
margin-left:0px;
}
#indiefooter {
border-top:1px solid #333;
	background:#000; color:#fff;
	padding:5px 20px;
	text-align:right;
}

#instrMenu {
	list-style: none;
	margin:0;
	padding:0;
}
#instrMenu li{
	float:left;
	display: block;
	padding:0 17px 0 0;
	margin:0;
}
#instrMenu li.nopadright{
	padding-right:0;
}
#instrMenu img {
	display: block;
}
pgHomeFeat{
	margin-top:0px;
}
#pgHomeFeat td {
	padding-right:20px;
	font-size:x-small;
	padding-top:0;
}
#pgHomeFeat h3 {
	margin-bottom:5px;
	margin-top:0;
	background:#0e8823 url(../images/keyfade.jpg) repeat-x 0 0;
}
#pgHomeFeat h3 a{
	display:block;
	text-decoration: none;
	color:#fff;
	background:#0e8823 url(../images/keyfade.jpg) repeat-x 0 0;
	padding:5px;
	border:1px solid #000;
}
#pgHomeFeat h3 a:hover{
	background:#0e8823 url(../images/keyfade.jpg) repeat-x 0 -30px;
}
#side h2 {
	font-size:x-small;
	margin:0 0 0 0;padding:0;
}
#pgHome #side p {
	margin:0 0 10px 0;
}
#side p {
	font-size:x-small;
	margin:0 20px 10px 0;
}
#side ul {
	margin:0 20px 0 0;
	padding:0;
	list-style: none;
}
.extraList {
	margin:0 0 0 0;
	padding:0;
	list-style: none;
}
#side li, .extraList li {
	margin:0 0 3px 0;
	padding:0;
}
#side li a, .extraList li a {
	display:block;
	padding:3px;
	background:#eee;
	color:#000;
	border:1px solid #ccc;
	text-decoration:none;
}
#side li a:hover, .extraList li a:hover {
	background:#fff;
}
#tvSurround, .songsheet {
	border:1px solid #ccc;
	background:#ececec;
	margin-top:20px;
}
#main #tvSurround h2, #main .songsheet h2 {
	margin:0;
	padding:5px 10px;
	background:#ccc;
	color:#000;
}
#main #tvSurround h2 a, #main .songsheet h2 a {
	text-decoration:none;
	color:#000;
}
#main #tvSurround h2 a:hover, #main .songsheet h2 a:hover {
	text-decoration:underline;
}
#tvSurround h2 span {
	color:#666;
	background:#ccc;
	border-right:#ccc 10px solid;
}
#tvSurround p, .songsheet p {
	margin:10px 10px 10px 10px;
}
#main .inactive p, #main .inactive h2 {
	color:#999;
}
#main .inactive h2 {
	background:#ddd;
}
.songsheet .inactive {
	background-color:#f5f5f5;
}
.qBox, .qtyfield {
	width:20px;
}
#itemHigh {
	border-left:1px #ccc solid;
	padding:10px 0 0 10px;
}
#itemLow {
	border-left:1px #ccc solid;
	border-bottom:1px #ccc solid;
	padding:0 0 10px 10px;
}
#itemSoftware{
	border-bottom:1px #ccc solid;
	padding:0 10px 10px 0;
}
#itemMid {
	padding:10px 10px 0 0;
}
.prodRange td {
	font-size: x-small;
	line-height: 1.3;
	vertical-align: top;
	
}
.addItemForm {
	background:#eee;
	clear:left;
	margin:0;
	padding:1px;
}
#main .prodRange h2, #main .prodRange p {
	margin:0 0 5px 0;
}
#main .prodRange p.price {
	margin:5px 0;
	
}
#main .prodRange h2{
	font-size:small;
}
.prodRange h2 a {
	color:#000;
	text-decoration:none;
}
.prodRange h2 a:hover {
	color:#000;
	text-decoration:underline;
}
.smallprint{
	font-size:x-small !important;
}
.itemInner {
	min-height:260px;
	margin-left:90px;
}
.itemThumb {
	float:left;
	width:80px;
	text-align: center;
}
.prodPrice span {
	color:#900
}
.prodPrice td, .prodPrice th {
	padding:0px 10px 5px 0;
	vertical-align: top;
}
.addItemForm label {
	font-weight:bold;
}
.prodPrice{
	margin:10px 0;
}
.colSelect {
	/*width:140px;*/
}
#main .prodRange .addItemForm p {
	text-align:center;
	margin:10px 0;
}
#addToBasket a{
	display:block;
	text-decoration: none;
	padding:5px 5px 5px 29px;
	color:#000;
	background:#ccc url(../images/basket.gif) no-repeat 5px 5px;
}
#addToBasket {
	border:1px solid #000;
	background:#ccc;
	margin:0 20px 20px 0px;
	padding:0px;
	font-weight: bold;
}
.prodSpecs td, .prodSpecs th {
	text-align: left;
	padding:3px 10px 3px 0;
	vertical-align: top;
}
.prodSpecs {
	margin:1em 0;
}
.prodSpecs th {
	font-style:italic;
	font-weight: normal;
}
#prodDetails {
	margin-left:220px;
}
#prodImage {
	float:left;
	width:200px;
}
.addButton {
	text-align:center;
}
#prodImage p {
	font-size:x-small;
}
#paypal {
	border:1px solid #ccc;
	background: #eee;
	padding:8px 3px 1px 5px;
	margin-right:20px;
}
.totalhead {
	padding:10px;
	background: #eee;
	color:#000;
}
.piccolumn {
	width:90px;

}
.productcolumn {

}
#basketTable td {
	padding:10px 10px 10px 0;
	border-bottom:1px dotted #ccc;
	
}
#basketTable {
	margin:20px 0;
}
#basketTable th {
	padding:10px 10px 10px 0;
	text-align: left;
}
#main .totalsTable td {
background:#eee;
padding:10px;
vertical-align: middle;
font-size:medium;
}
.totalsTable form {
	margin:0;
	padding:0;
	display:block;float:none;
}
.totalsTable input {
	margin:0;padding:0;border:none;display:block;
}
#btCheckout {
	background:#eee;
	padding:10px;
	text-align: right;
}
#btCheckout input {
	float:none;
	border-bottom:10px #eee solid;
}

.promoItems {
	margin:20px 0;
	
}
.promoItems dt{
	margin:10px 0 5px 0;
}
.promoItems dd {
	padding:0;
	margin-left:0;
}
#pgHomeFeat p {
	margin:5px 0;
}
#questions li {
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}
#questions a {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
#questions a:hover {
	text-decoration:underline;
}
#answers {
	border-top:5px solid #ccc;
	margin-top:40px;
	padding-top:30px
}
.answer {
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

#ShopSideMenu h2 {
	margin-right:20px;
	text-transform: uppercase;
	margin-bottom:5px;
	margin-top:10px;
}

#ShopSideMenu h2 a{
	display:block;
	text-decoration: none;
	color:#fff;
	background-color:#666;
	padding:5px;
	border:1px solid #000;
}

#ShopSideMenu h2.keyboard a {
	background:#0e8823 url(../images/keyfade.jpg) repeat-x 0 0px;
}
#ShopSideMenu h2.keyboard a:hover {
	background:#0e8823 url(../images/keyfade.jpg) repeat-x 0 -30px;
}
#ShopSideMenu h2.drums a {
	background:#0e8823 url(../images/drumfade.jpg) repeat-x 0 0px;
}
#ShopSideMenu h2.drums a:hover {
	background:#0e8823 url(../images/drumfade.jpg) repeat-x 0 -30px;
}
#ShopSideMenu h2.bass a {
	background:#0e8823 url(../images/bassfade.jpg) repeat-x 0 0px;
}
#ShopSideMenu h2.bass a:hover {
	background:#0e8823 url(../images/bassfade.jpg) repeat-x 0 -30px;
}
#ShopSideMenu h2.guitar a {
	background:#0e8823 url(../images/guitarfade.jpg) repeat-x 0 0px;
}
#ShopSideMenu h2.guitar a:hover {
	background:#0e8823 url(../images/guitarfade.jpg) repeat-x 0 -30px;
}
#ukss {
	background:#333;
	color:#fff;
	padding:10px 10px 0 10px ; 
	border:1px solid #000;
	margin-top: 20px;
	font-weight:bold;
	
}
#ukss a {
	color:#ff0;
}
.pgBass #ukss {
	background:#cc6904;
}

.pgGuitar #ukss{background: #012a52;}
.pgKeyboard #ukss{background: #004900;}
.pgDrums #ukss{background: #990000;}
#ukss p {
	margin:0;padding-bottom:10px;
}
.vouchercode {
	color:#ff0;
	font-size:medium;
}


.filelist {
	list-style:none;
	margin-left:10px;
	margin-right: 0;
	padding:0;
	background:#eee;
	color:#000;
}
.filelist li  {
	margin:0.4em 0;
	padding: 2px 0 2px 23px;
	background-position: left center;
	background-repeat: no-repeat;
}
.pdficon {
	background-image: url(../images/pdficon.gif)
}
.wmicon {
	background-image: url(../images/wmicon.gif)
}
.exeicon {
	background-image: url(../images/exeicongrey.gif)
}
.outicon {
	background-image: url(../images/outicon.gif)
}
.bookicon {
	background-image: url(../images/bookicon.gif)
}
.tvicon {
	background-image: url(../images/tvicon.gif)
}
.exericon {
	background-image: url(../images/exericon.gif)
}
