/* 

	buymusic.ie (2006)
	created by Ryan Mitchell on 02/10/2006

*/

/* standardise the browsers */
html,body,div,form { margin:0px; padding:0px; }
img { border:none; }
p { margin:0px; padding:7px 0px; }

/* base background and font styles */
body { background-color: #fff; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; }

/* layout */
#container { width:740px; margin:20px auto; }
#banner { background-image:url(../images/banner_back.jpg); background-repeat:no-repeat; height:50px; }
#links { margin-top:3px; background-image:url(../images/links_back.jpg); background-repeat:no-repeat; height:30px; }
#image { margin-top:3px; height:140px; }
#cart { margin-top:3px; background-image:url(../images/cart_back.jpg); background-repeat:no-repeat; height:22px; }
#content, #footer { padding:20px; }

/* footer */
#footer p { text-align:center; font-size:11px; color:#666; line-height:140%; }
#footer p.smaller { font-size:11px; }
#footer p a { text-decoration:none; color:#666; }
#footer p a:hover { text-decoration:underline; }

/* banner */
#banner { color:#fff; }
#banner form { padding:16px 15px 0px 0px; float:right; }
#banner a { color:#fff; text-decoration:none; } 
#banner a:hover { text-decoration:underline; }
#banner form input { height:18px; }

/* links */
#links ul { padding:0px; margin:0px auto; list-style:none; white-space:nowrap; width:730px; text-align:center; }
#links ul li { padding:3px 0px 0px 0px; margin:0px; display:block; width:101px; height:26px; line-height:27px; text-align:center; text-transform:uppercase; float:left; position: relative; font-size:13px; }
#links ul li a { color:#000; text-decoration:none; }
#links ul li a:hover { text-decoration:underline; }
#links ul li.splitter { width:2px; }

/* cart */
#cart { padding-left:20px; }
#cart p { color:#fff; font-size:11px; padding:6px 0px 0px 0px; }
#cart p a { color:#fff; text-decoration:none; }
#cart p a:hover { text-decoration:underline; }

/* content */
#content p.title { font-size:18px; text-transform:uppercase; color:#6B930F; }
#content a { color:#658E0A; text-decoration:none; }
#content a:hover { text-decoration:underline; }
#content .subtitle { font-size:15px; font-weight:bold; }
#content .right { float:right; width:365px; margin-right:-17px; margin-left:15px; }

/* box */
.box { background-color:#ffffcc; width:307px; padding:12px 20px; margin-bottom:4px; height:73px; }
.box .artist { font-size:16px; color:#000; font-weight:bold; }
.box .album { font-size:12px; color:#000; }
.box .price { font-size:12px; color:#000; }

.alphabet td { background-color:#ffffff; height:18px; text-align:center; color:#000000; border: 1px solid #666666; }
.alphabet td:hover { background-color:#ffffcc; }