/*/////////// default styling for elements ///////////////*/

*{
	margin:0;
	padding:0;
	font-family:verdana, helvetica, arial, sans-serif;
	vertical-align:top;
}

.hide {
 display:none;
}

a img{
	border:none;
}
body{
	font-size:70%;
	min-width:910px;
	background:#FFF url(/images/search_main_bg.gif) repeat-y;
	position:relative;
}

#header{
	height:159px;
	background:url(/images/logo_tagline.gif) #000 no-repeat;
}

#header a.home{
	display:block;
	width:220px;
	height:150px;
}

#header a.contact{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

table {font-size: 100%}

input.text{
	background:#DAFCFE url(/images/input_bg.gif) no-repeat;
	border:1px solid #03F;
	padding:3px 2px 2px;
	color:#03F;
	font-size:100%;
}

a{text-decoration:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{text-decoration:underline;}


#logo{
	width:224px;
	background-color:#000;
}

#banner1{
	position:absolute;
	top:60px;
	left:228px;
}

#banner2{
	position:absolute;
	top:60px;
	left:325px;
}

#banner3{
	position:absolute;
	top:54px;
	left:226px;
}

/* //////////////////// login area //////////////////////*/
#login{
	background-color:#000;
	padding-left:10px;
	border:10px solid #000;
	border-left:none;
	float:right;
	width:140px;
	height:139px;
}

#login .hello,#login img, #login a{
	display:block;
	color:#fff;
	margin-top:2px;
}
#login .hello{
	font-weight:bold;
	text-align:center;
}

/* //////////////////// footer //////////////////////*/
#footer{
	background-color:#000;
	color:#FFF;
	text-align:center;
	padding:3px 0 6px 0;
	clear:both;
}

#footer a{
	color:#FFF;
	margin:0 8px;
}

/* //////////////////// search //////////////////////*/
#searchPanel{
	padding-left:16px;
	width:208px;
	float:left;
	display:inline;
}
#searchPanel img.browse{
	margin:5px 0 5px 2px;
}
#searchPanel img.cyclops{
	margin:0 0 0 3px;
}
#searchPanel select.prodSelect{
	margin:0 0 0 6px;
	width:154px;
	display:block;
	background:#DC0201;
	padding:3px 2px 2px;
	color:#FFF;
	font-size:100%;
}
#searchPanel input.searchText{
	margin:5px 0 0 6px;
	width:129px;
	height:13px;
	font-size:90%;
	/* [if Gecko] font-size:90%; */
}
#searchPanel input.searchButton{
	margin:6px 0 0 0;
	position:relative;
	left:-4px;
	top:-1px;
}

#cyclops{
	width:167px;
	background:url(/images/search_bg_centre.gif);
}
#cyclops .top{
	width:167px;
	background:url(/images/search_bg_top.gif) no-repeat;
}
#cyclops .bottom{
	width:135px;
	padding:16px;
	color:#03F;
	text-transform:uppercase;
	background:url(/images/search_bg_bottom.gif) no-repeat 0 bottom;
}
#cyclops .bottom a{
	color:#03F;
	text-transform:uppercase;
	text-decoration:none;
}
#cyclops .bottom a:hover{
	text-decoration:underline;
}

/* //////////////////// a-z //////////////////////*/

#atoz{
	width:163px;
	height:78px;
	overflow:hidden;
	position:relative;
	background-image:url(/images/atoz.gif);
	margin:5px 0 5px 2px;
}
#atoz a{
	display:block;
	width:13px;
	height:13px;
	position:absolute;
	top:51px;
	background-image:url(/images/atoz.gif);
	overflow:hidden;
	padding:18px;
}

#atoz #artist, #atoz #title, #atoz #genre{
	top:18px;
	width:50px;
	height:18px;
}


#atoz #A, #atoz #B, #atoz #C, #atoz #D, #atoz #E, #atoz #F, #atoz #G, #atoz #H, #atoz #I, #atoz #J, #atoz #K, #atoz #L, #atoz #M{ 
	top:38px;
}
#atoz #n0, #atoz #n1, #atoz #n2, #atoz #n3, #atoz #n4, #atoz #n5, #atoz #n6, #atoz #n7, #atoz #n8, #atoz #n9{ 
	top:64px;
}


#atoz #artist{background-position:0 -18px;		left:  0px;}
#atoz #title {background-position:-52px -18px;	left: 52px;}
#atoz #Genre {background-position:-110px -18px;	left: 110px;}

#atoz #A{background-position:-2px -38px;		left:  2px;}
#atoz #B{background-position:-15px -38px;		left: 15px;}
#atoz #C{background-position:-28px -38px;		left: 28px;}
#atoz #D{background-position:-41px -38px;		left: 41px;}
#atoz #E{background-position:-54px -38px;		left: 54px; width:12px;}
#atoz #F{background-position:-66px -38px;		left: 66px; width:12px;}
#atoz #G{background-position:-78px -38px;		left: 78px;}
#atoz #H{background-position:-91px -38px;		left: 91px;}
#atoz #I{background-position:-104px -38px;		left:104px; width:9px;}
#atoz #J{background-position:-113px -38px;		left:113px; width:10px;}
#atoz #K{background-position:-123px -38px;		left:123px;}
#atoz #L{background-position:-136px -38px;		left:136px; width:11px;}
#atoz #M{background-position:-147px -38px;		left:147px; width:14px;}
#atoz #N{background-position:-2px -51px;		left:  2px;}
#atoz #O{background-position:-15px -51px;		left: 15px;}
#atoz #P{background-position:-28px -51px;		left: 28px; width:12px;}
#atoz #Q{background-position:-40px -51px;		left: 40px; width:12px;}
#atoz #R{background-position:-52px -51px;		left: 52px; width:12px;}
#atoz #S{background-position:-64px -51px;		left: 64px; width:11px;}
#atoz #T{background-position:-75px -51px;		left: 75px;}
#atoz #U{background-position:-88px -51px;		left: 88px; width:11px;}
#atoz #V{background-position:-99px -51px;		left: 99px;}
#atoz #W{background-position:-112px -51px;		left:112px;}
#atoz #X{background-position:-125px -51px;		left:125px; width:12px;}
#atoz #Y{background-position:-137px -51px;		left:137px; width:12px;}
#atoz #Z{background-position:-149px -51px;		left:149px; width:12px;}

#atoz #n0{background-position:-2px -64px;		left:  2px;}
#atoz #n1{background-position:-18px -64px;		left: 18px;}
#atoz #n2{background-position:-35px -64px;		left: 35px;}
#atoz #n3{background-position:-52px -64px;		left: 52px;}
#atoz #n4{background-position:-69px -64px;		left: 69px;}
#atoz #n5{background-position:-84px -64px;		left: 84px;}
#atoz #n6{background-position:-101px -64px;		left:101px;}
#atoz #n7{background-position:-117px -64px;		left:117px;}
#atoz #n8{background-position:-133px -64px;		left:133px;}
#atoz #n9{background-position:-149px -64px;		left:149px;}
#atoz #artist{background-position:0 -18px;		left:  0px;}
#atoz #title {background-position:-52px -18px;	left: 52px;}
#atoz #Genre {background-position:-110px -18px;	left: 110px;}


#atoz #artist:hover{background-position:0 -96px;}
#atoz #title:hover {background-position:-52px -96px;}
#atoz #Genre:hover {background-position:-110px -96px;}

#atoz #A:hover{background-position:-2px -116px;}
#atoz #B:hover{background-position:-15px -116px;}
#atoz #C:hover{background-position:-28px -116px;}
#atoz #D:hover{background-position:-41px -116px;}
#atoz #E:hover{background-position:-54px -116px;}
#atoz #F:hover{background-position:-66px -116px;}
#atoz #G:hover{background-position:-78px -116px;}
#atoz #H:hover{background-position:-91px -116px;}
#atoz #I:hover{background-position:-104px -116px;}
#atoz #J:hover{background-position:-113px -116px;}
#atoz #K:hover{background-position:-123px -116px;}
#atoz #L:hover{background-position:-136px -116px;}
#atoz #M:hover{background-position:-147px -116px;}
#atoz #N:hover{background-position:-2px -129px;}
#atoz #O:hover{background-position:-15px -129px;}
#atoz #P:hover{background-position:-28px -129px;}
#atoz #Q:hover{background-position:-40px -129px;}
#atoz #R:hover{background-position:-52px -129px;}
#atoz #S:hover{background-position:-64px -129px;}
#atoz #T:hover{background-position:-75px -129px;}
#atoz #U:hover{background-position:-88px -129px;}
#atoz #V:hover{background-position:-99px -129px;}
#atoz #W:hover{background-position:-112px -129px;}
#atoz #X:hover{background-position:-125px -129px;}
#atoz #Y:hover{background-position:-137px -129px;}
#atoz #Z:hover{background-position:-149px -129px;}

#atoz #n0:hover{background-position:-2px -142px;}
#atoz #n1:hover{background-position:-18px -142px;}
#atoz #n2:hover{background-position:-35px -142px;}
#atoz #n3:hover{background-position:-52px -142px;}
#atoz #n4:hover{background-position:-69px -142px;}
#atoz #n5:hover{background-position:-84px -142px;}
#atoz #n6:hover{background-position:-101px -142px;}
#atoz #n7:hover{background-position:-117px -142px;}
#atoz #n8:hover{background-position:-133px -142px;}
#atoz #n9:hover{background-position:-149px -142px;}



/* //////////////////// footer //////////////////////*/



#footer{
	visibility:hidden;
}
