/*/////////// default styling for elements ///////////////*/

*{
	margin:0;
	padding:0;
	font-family:verdana, helvetica, arial, sans-serif;
	vertical-align:top;
}
a img{
	border:none;
}
body{
	font-size:70%;
	min-width:910px;
	background:#000 url(/images/search_main_bg_buy.jpg) repeat-y;
	position:relative;
}

body #topstrip{
	position:absolute;
	top:20px;
	left:150px;
	background:#00F url(/images/main_top_strip_buy.jpg) repeat-x;
}

#header{
	height:159px;
	background:url(/images/logo_buy.jpg) #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:#FCFCFC url(/images/input_bg_buy.gif) no-repeat;
	border:1px solid #888;
	padding:3px 2px 2px;
	color:#888;
	font-size:100%;
}

select.text{
	background:#FCFCFC url(/images/input_bg_buy.gif) no-repeat;
	border:1px solid #888;
	padding:3px 2px 2px;
	color:#888;
	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:345px;
}

#stripe{
	position:absolute;
	top:155px;
	left:224px;
	height:2px;
	width:75%;
	z-index:100;
	background:url(/images/main_top_strip_buy.jpg) repeat-x;
}

/* //////////////////// login area //////////////////////*/
#login{
	/*background-color:#666;*/
	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:3px;
}
#login .hello{
	font-weight:bold;
}

/* //////////////////// footer //////////////////////*/
#footer{
	background-color:#000;
	color:#FFF;
	text-align:center;
	padding:3px 0 6px 0;
	clear:both;
}

#footer a{
	color:#FFF;
	margin:0 8px;
}

/* //////////////////// superNav //////////////////////*/
#superNav{
	position:absolute;
	top:10px;
	left:290px;
	list-style-type:none;
	padding:13px 0 20px 25px;
}

#header .item{
	background:url(/images/trolley_item.gif) no-repeat;
}
#header .noitem{
	background:url(/images/trolley.gif) no-repeat;
}

#superNav #basketCount{
	position:absolute;
	left:10px;
	top:7px;
	color:#03F;
	font-weight:bold;
}
#superNav li{
	display:inline;
	margin:0 10px 0 0;
	border-left:1px solid #888;
	padding:5px 0 5px 10px;
}
#superNav li.first{
	border:none;
}
#superNav a{
	color:#888;
	text-decoration:none;
	font-weight:bold;
}


/* //////////////////// 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;
}
#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;
}

#searchPanel img.cyclops_buy{
	margin:0 0 0 0px;
}

/* //////////////////// 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{
	visibility:hidden;
}