BODY { background:#fff; FONT-FAMILY: "lucida grande","trebuchet ms","lucida sans",helvetica,sans; font-size:101%; margin: 10px 0;}

UL { PADDING: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none }
H1,H2,H3,H4,H5,H6,P,UL { FONT-SIZE: 101%; MARGIN: 0px; PADDING: 0px;}

form { margin: 0; padding:0px; }
img { border: none; vertical-align:middle }
table { border-collapse: collapse; }

div.button,div.button-green { display:inline; margin:3px; }
div.profilebutton { margin:2px;display:block;}

div.button a,
input.button,
input.button-green, 
div.button-green a,
div.profilebutton
{ text-decoration:none!important;border:1px solid #000066;color:#FFFFFF;white-space:nowrap;cursor:pointer;font-family: "lucida grande","trebuchet ms","lucida sans",helvetica,sans;padding:0;font-weight:bold;}

div.button a,
input.button,
div.profilebutton {background: #ffffff url(/images/header/button.gif) repeat-x 0px 100%; }

div.button-green a,input.button-green { background: #ffffff url(/images/header/button-hover.gif);}

div.button a,
div.button a:visited,
div.profilebutton a,
div.profilebutton a:visited,
div.button-green a,
div.button-green a:visited { color:#ffffff !important;padding-left:2px; }

div.button a:hover{background:url(/images/header/button-hover.gif) repeat-x 0px 100%; }

div.profilebutton a:hover {display:block;background: #ffffff url(/images/header/button-hover.gif) repeat-x 0px 100%;}


A { COLOR: #2626ee; TEXT-DECORATION: none }
A:hover { TEXT-DECORATION: underline }

a.underline { TEXT-DECORATION: underline }



input, select { color:#6666CC; vertical-align:middle; font-family: "lucida grande","trebuchet ms","lucida sans",helvetica,sans;padding-left:2px; font-size:90% }
input { margin-right: 3px; }
button { cursor:pointer; border-top: 1px solid white;border-right: 1px solid black;border-bottom: 1px solid black; padding: 0px; border-left: 1px solid white; font-family: "lucida grande","trebuchet ms","lucida sans",helvetica,sans;vertical-align:middle; }
select.filter { margin: 2px 0px; }
input.required,select.required { background: #FFCCCC; }

select.hide { visibility:hidden; }

input.plain { border:0;background:none; }

/* Page Layout */

div#header{position:relative;}
div#header div.topbar{position:absolute;right:6px;top:0px;height:27px;width:743px;background:#ffffff url(/images/new/topb.gif) repeat-x 0px 100%;}
div#header span.topbar{position:absolute;right:10px;top:6px;height:20px;width:738px;font-size:70%;text-align:left;color:#000066;overflow:hidden;}
div#header div.topbarr{position:absolute;right:0;top:0px;height:27px;width:6px;background:url(/images/new/topr.gif);}
div#header div.topbarl{position:absolute;right:749px;top:0px;height:27px;width:6px;background:url(/images/new/topl.gif);}
div#header span.topbar div.topnav{float:right;}
div#header span.topbar div.topnav a,div#header span.topbar div.topnav a:visited{color:#333;}

div#container{text-align:left;background:#fff;}
div#content p{line-height:1.4}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

div#container{width:980px;margin:0 auto}
div#wrapper{float:left;width:100%;margin-top:5px;}
div#content{margin: 0 0 0 165px;}
div#rightcol{float:left;width:160px;margin-left:-160px;margin-top:5px;}
div#leftcol{float:left;width:160px;margin-left:-980px;margin-top:5px;}
div#article{clear:left;width:100%;padding-top:5px;}
div#footer{clear:left;width:100%;padding-top:5px;}

div#phoneus { position:absolute;right:0;top:30px; font-size:95%; }

div#menu { position:absolute;right:0;top:45px; font-size:70%; }
div#menu a {text-decoration:none !important;}
div#menu span a span div,
div#menu span a:visited span div,
div#menu span a:hover span div { text-align:center;font-size:130%;color: #fff;font-weight:bold;cursor:pointer;}
div#menu span { float:left; }
div#menu span a:hover {border: 0px;}
div#menu span table a:hover {border:0px;text-decoration:underline !important; color: #666666 !important;}
ul.navv  {margin-bottom:10px; padding:0 !important; line-height:1.4em;}
ul.navv li {margin:0 0 0 0; padding:0 !important; list-style:none outside none !important; background: none !important;
                color: #333333;line-height:1.6em;}
ul.navv li a {color : #333333 !important;}
ul.navv li h4 {color: #000000; margin-bottom:0px;font-size:120%;text-decoration:underline;}
div.border { border-right:solid 1px #CCCCCC;}
div.threecolumn ul, div.fourcolumn ul {padding:0px; margin:0px; height:100%;margin-left:10px; margin-right:5px;}
div#menu h3 {padding:2px 0; text-align:center;font-size:125%;width:100%;height:20px;color: #3333FF;cursor: pointer;}
div.threecolumn { float:left; padding:0px; margin:0px; height:560px; width:33%;}
div.threecolumn2 { float:left; padding:0px; margin:0px; height:490px; width:33%;}
div.threecolumn3 { float:left; padding:0px; margin:0px; height:545px; width:33%;}
div.threecolumn4 { float:left; padding:0px; margin:0px; height:510px; width:33%;}
div.twocolumn { float:left; padding:0px; margin:0px; height:440px; width:49.5%;}
div.twocolumnlong { float:left; padding:0px; margin:0px; height:470px; width:49.5%;}
div#menu span table tr td { font-size: 100% !important; padding-bottom: 5px; padding-top: 7px; padding-left:14px; text-decoration:none; }




div#menu span#vinylMenu a#vinylButton div.vinylbuttonoff { height:30px;width:122px;background: url(/images/new/vinyl.gif) -122px 0 no-repeat; }
div#menu span#vinylMenu a#vinylButton div.vinylbuttonon { height:30px;width:122px;background: url(/images/new/vinyl.gif) 0 0 no-repeat; }

div#menu a#vinylButton span.normal {display:inline; }
div#menu a#vinylButton span.hover {display:none;}

div#menu a#vinylButton:hover span.normal {display:none;}
div#menu a#vinylButton:hover span.hover {display:inline; }
div#menu span#vinylMenu:hover span.hover {display:inline; }

/** This is for IE **/
div#menu a#vinylButton #vinylList {display:none;}
div#menu a#vinylButton:hover #vinylList {display: inline; position: absolute; top: 30px; left: 0; width: 525px;
                                border: 2px solid #9999FF; background-color:#fff; z-index:200;}
/** This is for Mozilla **/
div#menu span#vinylMenu #vinylList {display:none;}
div#menu span#vinylMenu:hover span.normal {display:none}
div#menu span#vinylMenu:hover #vinylList { display: block; position: absolute; top: 30px; left: 0px; width: 525px;
                                            border: 2px solid #9999FF; background-color:#fff; z-index:200;}


div#menu span#cdsMenu a#cdsButton div.cdsbuttonoff { height:30px;width:100px;background: url(/images/new/cds.gif) -100px 0 no-repeat; }
div#menu span#cdsMenu a#cdsButton div.cdsbuttonon { height:30px;width:100px;background: url(/images/new/cds.gif) 0 0 no-repeat; }
div#menu a#cdsButton span.normal {display:inline; }
div#menu a#cdsButton span.hover {display:none;}
div#menu a#cdsButton:hover span.normal {display:none;}
div#menu a#cdsButton:hover span.hover {display:inline; }
div#menu span#cdsMenu:hover span.hover {display:inline; }

/** This is for IE **/
div#menu a#cdsButton #cdsList {display:none;}
div#menu a#cdsButton:hover #cdsList {display: inline; position: absolute; top: 30px; left: 122px; width: 350px;
                                     border: 2px solid #9999FF; background-color:#fff; z-index:200;}
/** This is for Mozilla **/
div#menu span#cdsMenu #cdsList {display:none;}
div#menu span#cdsMenu:hover span.normal {display:none}
div#menu span#cdsMenu:hover #cdsList { display: block; position: absolute; top: 30px; left: 122px;
                                                 width: 350px; border: 2px solid #9999FF; background-color:#fff; z-index:200;}



div#menu span#productsMenu a#productsButton div.productsbuttonoff { height:30px;width:116px;background: url(/images/new/equipment.gif) -116px 0 no-repeat; }
div#menu span#productsMenu a#productsButton div.productsbuttonon { height:30px;width:116px;background: url(/images/new/equipment.gif) 0 0 no-repeat; }

div#menu a#productsButton span.normal {display:inline; }
div#menu a#productsButton span.hover {display:none;}

div#menu a#productsButton:hover span.normal {display:none;}
div#menu a#productsButton:hover span.hover {display:inline; }
div#menu span#productsMenu:hover span.hover {display:inline; }

/** This is for IE **/
div#menu a#productsButton #productsList {display:none;}
div#menu a#productsButton:hover #productsList {display: inline; position: absolute; top: 30px; left: 222px; width: 500px;
                                border: 2px solid #9999FF; background-color:#fff; z-index:200;}
/** This is for Mozilla **/
div#menu span#productsMenu #productsList {display:none;}
div#menu span#productsMenu:hover span.normal {display:none}
div#menu span#productsMenu:hover #productsList { display: block; position: absolute; top: 30px; left: 222px; width: 500px;
                                            border: 2px solid #9999FF; background-color:#fff; z-index:200;}







div#menu span#technologyMenu a#technologyButton div.technologybuttonoff { height:30px;width:148px;background: url(/images/new/musictechnology.gif) -148px 0 no-repeat; }
div#menu span#technologyMenu a#technologyButton div.technologybuttonon { height:30px;width:148px;background: url(/images/new/musictechnology.gif) 0 0 no-repeat; }
div#menu a#technologyButton span.normal {display:inline; }
div#menu a#technologyButton span.hover {display:none;}
div#menu a#technologyButton:hover span.normal {display:none;}
div#menu a#technologyButton:hover span.hover {display:inline; }
div#menu span#technologyMenu:hover span.hover {display:inline; }

/** This is for IE **/
div#menu a#technologyButton #technologyList {display:none;}
div#menu a#technologyButton:hover #technologyList {display: inline; position: absolute; top: 30px; right: 0px; width: 500px;
                                     border: 2px solid #9999FF; background-color:#fff; z-index:200;}
/** This is for Mozilla **/
div#menu span#technologyMenu #technologyList {display:none;}
div#menu span#technologyMenu:hover span.normal {display:none}
div#menu span#technologyMenu:hover #technologyList { display: block; position: absolute; top: 30px; right: 0px; 
                                                 width: 500px; border: 2px solid #9999FF; background-color:#fff; z-index:200;}

div#menu span#accessoriesMenu a#accessoriesButton div.accessoriesbuttonoff { height:30px;width:123px;background: url(/images/new/accessories.gif) -123px 0 no-repeat; }
div#menu span#accessoriesMenu a#accessoriesButton div.accessoriesbuttonon { height:30px;width:123px;background: url(/images/new/accessories.gif) 0 0 no-repeat; }
div#menu a#accessoriesButton span.normal {display:inline; }
div#menu a#accessoriesButton span.hover {display:none;}
div#menu a#accessoriesButton:hover span.normal {display:none;}
div#menu a#accessoriesButton:hover span.hover {display:inline; }
div#menu span#accessoriesMenu:hover span.hover {display:inline; }

/** This is for IE **/
div#menu a#accessoriesButton #accessoriesList {display:none;}
div#menu a#accessoriesButton:hover #accessoriesList {display: inline; position: absolute; top: 30px; right: 0px; width: 500px;
                                     border: 2px solid #9999FF; background-color:#fff; z-index:200;}
/** This is for Mozilla **/
div#menu span#accessoriesMenu #accessoriesList {display:none;}
div#menu span#accessoriesMenu:hover span.normal {display:none}
div#menu span#accessoriesMenu:hover #accessoriesList { display: block; position: absolute; top: 30px; right: 0px; 
                                                 width: 500px; border: 2px solid #9999FF; background-color:#fff; z-index:200;}

div#menu span#clothingMenu a#clothingButton div.clothingbuttonoff { height:30px;width:132px;background: url(/images/new/clothing.gif) -132px 0 no-repeat; }
div#menu span#clothingMenu a#clothingButton div.clothingbuttonon { height:30px;width:132px;background: url(/images/new/clothing.gif) 0 0 no-repeat; }
div#menu a#clothingButton span.normal {display:inline; }
div#menu a#clothingButton span.hover {display:none;}
div#menu a#clothingButton:hover span.normal {display:none;}
div#menu a#clothingButton:hover span.hover {display:inline; }
div#menu span#clothingMenu:hover span.hover {display:inline; }

/** This is for IE **/
div#menu a#clothingButton #clothingList {display:none;}
div#menu a#clothingButton:hover #clothingList {display: inline; position: absolute; top: 30px; right: 0px; width: 178px;
                                     border: 2px solid #9999FF; background-color:#fff; z-index:200;}
/** This is for Mozilla **/
div#menu span#clothingMenu #clothingList {display:none;}
div#menu span#clothingMenu:hover span.normal {display:none}
div#menu span#clothingMenu:hover #clothingList { display: block; position: absolute; top: 30px; right: 0px; 
                                                 width: 178px; border: 2px solid #9999FF; background-color:#fff; z-index:200;}






div#leftcol div.sidebar,
div#rightcol div.sidebar{height:22px;width:146px;background:#ffffff url(/images/new/sidetopb.gif) repeat-x 0px 100%;text-align:center;float:left;font-size:80%;}
div#leftcol div.sidebarr,
div#rightcol div.sidebarr{height:22px;width:7px;background:#ffffff url(/images/new/sidetopr.gif);float:right;}
div#leftcol div.sidebarl,
div#rightcol div.sidebarl{height:22px;width:7px;background:#ffffff url(/images/new/sidetopl.gif);float:left;}
div#leftcol div.sidebody,
div#rightcol div.sidebody{clear:both;width:154px;background:#ffffff;border:1px solid #777777;border-top:0;font-size:75%;margin-bottom:10px;
                        padding:2px;text-align:center;}

div#leftcol div.sidebody a, div#leftcol div.sidebody a:visited { color:#000066; }

div#content div.topbar{height:35px;width:799px;background:#ffffff url(/images/new/contentbarb.gif) repeat-x 0px 100%;margin-bottom:5px;font-size:100%;float:left;}
div#content div.topbar h2{text-align:center;font-weight:normal;padding-top:5px;}
div#content div.topbarr{height:35px;width:8px;background:url(/images/new/contentbarr.gif);float:right;}
div#content div.topbarl{height:35px;width:8px;background:url(/images/new/contentbarl.gif);float:left;}



div#footer .footright { float:right;text-align:right;font-size:80%;margin-top:5px;padding-top:5px; }
div#footer .footleft { float:left;font-size:80%;margin-top:5px;padding-top:5px; }
div#footer .footcenter { text-align: center;border-top:2px solid #9999CC;margin-top:5px;padding-top:5px; }
div#footer a, div#footer a:visited { color: #333399 }
div#footer a:hover {  }

td.sidebar { width:150px; padding:2px 0px; }
td.center { height:100%; width:auto; padding:2px 3px;width:100% }

H1.header{ PADDING:2PX 0PX; COLOR: #fff; text-align:center; margin-TOP: 2px;margin-left:0px;margin-right:0px;margin-bottom:2px; background: #6666ff; border:0px; }

H1.header a,H1.header a:visited { color: #ffffff; }

H2.centerinfo { PADDING: 1px 10px; background: #000066; COLOR: #fff;margin-TOP: 0px;margin-left:0px;margin-right:0px;MARGIN-BOTTOM:3PX ; }



/* Generic Product Grid */
.generic-product-grid { width:100%;}
.generic-product-grid td {
    
    padding:5px 0;
    }

/* Grid Type */
.listing-type-grid td { width:50%; text-align:left; }
div.frontpage { background:#fff;height:150px;width:48.8%;float:left;font-size:70%;color:#333333;border:1px solid #CCCCCC;margin:1px; }
div.frontpage h1 { TEXT-ALIGN:LEFT;font-weight:normal;padding-left:4px;overflow: hidden; }
div.frontpage .fpimage { float:right; width:75px;height:75px;padding-right:4px; }
div.frontpage .fpprice, div.charts .fpprice { clear:both; margin-top:2px;font-size:130%;font-weight:bold;padding:0 4px;text-align:right; }
div.frontpage .fpbasket, div.charts .fpbasket {  margin:0 0 0 5px;padding:2px 0;float:right; }

div.charts { background:#fff;height:110px;width:49.5%;float:left;font-size:70%;color:#333333;border:1px solid #CCCCCC;margin:1px; }
div.charts .left { float:left; width:75px;height:75px;padding:3px; }
div.charts .catno { float:right; padding-right:3px; }
div.charts h1 { font-weight:normal;overflow:hidden;height:16px; }

div.galleryholder { width:100%;margin-top:10px; }
div.gallery { background:#fff;height:172px;width:32.8%;float:left;font-size:70%;color:#333333;border:1px solid #CCCCCC;margin:1px; }
div.gallery h1 { TEXT-ALIGN:LEFT;font-weight:normal;overflow: hidden;height:16px;padding-left:4px; }
div.gallery .galleryleft { height:80px;padding-left:4px;padding-right:4px;overflow:hidden; }
div.gallery .galleryimage { float:right; width:75px;height:75px;margin-left:3px; }
div.gallery .galleryprice { clear:both; margin-top:3px;font-size:120%;font-weight:bold;padding-left:4px; }
div.gallery .fpbasket {  margin:0;padding:1px 4px 2px 0;float:right; }

div.mobiledj { overflow:hidden;border:1px solid #CCCCCC; float:left; width:32.5%;BACKGROUND:#fff;height:80px;MARGIN:2PX;text-align:center;font-size:100%;  }


#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:1px solid #CCCCCC;	/* Border width */
	right:76px;	/* Same as border thickness */
	top:-75px;
	position:absolute;
	width:399px;
        height:266px;/* Width of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:0px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
        text-align:center;
}





td.gallery { border:1px solid #6666CC;background:#fff; }
td.gallery h1 { TEXT-ALIGN:LEFT; font-weight:normal; }
td.gallery td { font-size:70%; }

.filter { font-size:85%; border:1px solid #CCCCCC;background:#fff;margin-right:4px;  }

.chart-buttons { float:left;border:1px solid #CCCCCC;text-align:center;font-size:75%;width:86px;margin:2px 1px; }
.chart-buttons  A { display: block;color: #3333ff;height:37px;text-decoration:none!important }
.chart-buttons  A:hover { background: #CCCCFF; }
.chart-buttons A.selected { BACKGROUND: #9999FF;color:#ffffff }

.pwbtbox {border-bottom:1px solid #9999ff;border-left:1px solid #9999ff;border-right:1px solid #9999ff;padding-right:2px;font-size:90%;text-align:right;display:block;height:110px;font-size:70%}
.pwbtbox h1 { font-weight:normal }

.pwbt { border-collapse: separate;text-align:right; }
.pwbt td {border:1px solid #CCCCCC;width:25% }

#moreinfopwbt { float:right;width:165px;margin:0; }
#moreinfopwbt h1 { background:#9999ff; color:#fff; font-size:75%; padding: 3px;text-align:center; }
#moreinfopwbt h1 a,#moreinfopwbt h1 a:visited { color:#fff; }
#moreinfopwbt .box { width:163px;border-bottom:1px solid #9999ff;border-left:1px solid #9999ff;border-right:1px solid #9999ff;text-align:right;padding-bottom:2px; }
#moreinfopwbt .box h2, .pwbt td h2 { background:none;padding:0 2px;font-weight:normal;color: #3333ff; font-size:70%; }
#moreinfopwbt .box h2 a,#moreinfopwbt .box h2 a:visited,.pwbt td h2 a,.pwbt td h2 a:visited { color: #3333ff; }
#moreinfopwbt .box .pwbtimage,.pwbt td .pwbtimage { float:left; }

h1.title { color:#000077;font-weight:normal;font-size:80%;clear:left;float:left; width:95px; }
h2.content {color:#000077;font-size:85%; margin-bottom:5px;  }

.moreinfobuttons { font-size:100%; margin: 5px;  }

ul.navigation { margin-top: 5px;margin-bottom:1px; list-style: none;background:#fff; padding:3px 1px;}
ul.navigation li { display: inline; margin: 0px; padding: 0px; list-style: none; height: 14px; }
ul.navigation a { display: inline-block;  margin: 0px; padding: 0 3px 0 3px; border: 1px solid #CCCCff; color: #6666ff; text-decoration: none; background: #fff; margin-right:2px;font-size:85%; }
ul.navigation a:visited { color: #6666ff; }
ul.navigation a:hover { text-decoration: none; background: #CCCCFF; }
ul.navigation a.selected { font-weight:bold;BACKGROUND: #6666ff;color:#fff; }




.box{background: #fff;}
.boxholder{}

#quicktabs { PADDING: 0px; MARGIN-top: 10px; FONT-SIZE: 85%; height:40px;margin-bottom:0px; border-bottom:2px solid #9999ff;font-weight:bold  }
#quicktabs .tab,#quicktabs .tab_active{ float:left;margin-RIGHT: -10px; width: 140px;height: 40px;text-align: center; color:#6666CC;cursor:pointer; line-height:2.8em;FONT-SIZE: 95%; }
#quicktabs .tab_active{background: url(/images/header/tab2-active.gif) repeat-x 0px 100%;}
#quicktabs .tab { background: url(/images/header/tab2-inactive.gif) repeat-x 0px 100%; }
#quicktabs .tab a,#quicktabs .tab a:visited { color:#6666CC;text-decoration:none; }


#shoptabs { PADDING: 0px; FONT-SIZE: 90%; font-weight:bold;  }
#shoptabs .tab,#shoptabs .tab_active{ width: 200px;height: 25px;text-align: left;padding-left:5px; color:#6666CC;cursor:pointer; line-height:1.4em;border:1px solid #6666FF;margin:1px; }
#shoptabs .tab_active{background:#7777FF;color:#FFF !important;border-color:#000033;}
#shoptabs .tab { background:#DDDDFF;color:#000066;}
#shoptabs .tab:hover { background:#CCFFCC;color:#000;border-color:#000033; }
#shoptabs .tab a,#quicktabs .tab a:visited { color:#000066;text-decoration:none; }

#articletabs { PADDING: 0px; FONT-SIZE: 85%; height:27px; margin-bottom:0px; border-bottom:2px solid #9999ff;font-weight:bold  }
#articletabs .tab,#articletabs .tab_active{ float:left;margin-RIGHT: -2px; width: 160px;height: 25px;text-align: center; color:#6666CC;cursor:pointer; line-height:2em;FONT-SIZE: 90%; border:2px solid #9999CC; background: #FFF; }
#articletabs .tab_active{background: #9999CC; color: #FFF;}
#articletabs .tab a,#articletabs .tab a:visited { color:#6666CC;text-decoration:none; }
.articlebody { border-left:2px solid #9999CC;border-right:2px solid #9999CC;border-bottom:2px solid #9999CC;padding:5px;height:120px;overflow:auto;FONT-SIZE: 95%;}

h3.tab, h3.tabactive { float:left;margin-RIGHT: -10px; width: 170px;height: 40px;text-align: center; color:#fff;cursor:pointer; line-height:2.8em;FONT-SIZE: 90%; }
h3.tab { background: url(/images/header/tab-inactive.gif) repeat-x 0px 100%; }
h3.tabactive {background: url(/images/header/tab-active.gif) repeat-x 0px 100%;}
h3.tab a,h3.tab a:visited,h3.tab_active a,h3.tab_active a:visited { color:#6666CC; }
div.tabtxt { line-height:2.8em; FONT-SIZE: 90%; }

.letters, .letters a { font-weight:bold; font-size:14px; letter-spacing: 10px; text-decoration: none; }
.letters a:hover { color: red; }
.separate { border-collapse: separate; }
.artist-label td { border:1px solid #CCCCCC; font-size:70%; }
.artist-label td a { display:block;padding:4px 0px; }
.artist-label td a:hover { background-color:#ccccff }


.details { margin: 0px; font-size: 75%; line-height:1.2em;background:#fff }

.details th,
.details td { padding: 2px; vertical-align: top;border:1px solid #CCCCCC;text-align:left; }
.details th { background-color:#DDDDDD;  color: #000066; vertical-align:middle; }
.details th.header, .details td.center {  text-align: center; }
.details tr.heading th { color: red; background-color: white; text-align: center; }
.details tr.basket th { background-color:#CCCCFF; color: #000066; text-align: left; }
.details th.basket { background-color:blue; color: white; }
.details col.fixed-width { width: 145px; }
.details a.button { border: solid 1px black; text-decoration:none; padding: 1px 3px; background-color: yellow; }
.details td.price { font-weight: bold; font-size: 14px;vertical-align:middle }
.details td.each,
.details th.totals,
.details tr.basket th.totals { text-align: right; }

.details td input.voucher { width: 60px; margin: 2px;background:#FFCC99}
.details tr.flip { background-color: #EFEFFF; }
.details tr.flop { background-color: #FFFFFF; }
.details tr.flap { background-color: #BBBBEC; }
.details tr.redflip,.details tr.redflop { background-color: #FFCCCC; }

.details td.buttons {border: 0px;background-color: #ffffff;text-align:left;font-weight:normal;font-size:120%;}

/* Vinyl & Hardware search */

.details td.searchrow { border:0px;border-bottom : solid #9999ff 1px;}
.details th.searchrow { border:0px;border-bottom : solid #9999ff 1px; }

.searchrowred { background-color: #FFCCCC; }
.searchrowamber { background-color: #FFFFCC; }
.searchrowgreen { background-color: #CCFFCC; }
.searchrowflip { background-color: #EFEFFF; }
.searchrowflap { background-color: #BBBBEC; }


/********** General **********/

/* The red text which appears after the header on most pages */
.header-text { font-size: 14px; font-weight: bold; padding: 5px; text-align: center; color: red;background:#fff; }
.header-text .hilite { font-size: 14px; font-weight: bold; color: black; }
.header-text .small { font-size: 11pt; font-weight: bold; color: black; }
.header-text .small a { font-size: 11pt; font-weight: bold; color: black; }

.currency-title { text-align: center; font-weight: bold; font-size: 8pt; }

div.catbuttons { width: 100%;margin-bottom:5px;float:right; }

div.catbuttons li { float: left;  font-size:70%;text-align:center; }
div.catbuttons a.button,div.catbuttons a.button-green { margin-right:3px; margin-bottom:3px; display: block;border-top:1px solid #6666FF;border-left:1px solid #6666FF;
                                                        border-right:1px solid #000066;border-bottom:1px solid #000066;color:#333399;width:126px;
                                                        text-decoration:none!important;padding:0px 2px;white-space:nowrap;vertical-align:bottom; }
div.catbuttons a.button {background: url(/images/header/menu-back2.gif) repeat-x 0px 100%;}
div.catbuttons a.button-green {background: url(/images/header/menu-back3.gif) repeat-x 0px 100%;}
div.catbuttons a.button:hover { border:1px solid #000099;background: #CCFFCC;color:#000099 }

div.sectionbuttons { width: 32%;margin: 0 10px 5px 0;float:left; }
div.sectionbuttons2 { width: 100%;margin: 0 10px 5px 0;float:left; }

div.sectionbuttons li, div.sectionbuttons2 li { float: left;  font-size:85%;text-align:center; }
div.sectionbuttons a, div.sectionbuttons2 a { margin-right:5px; margin-bottom:2px; display: block;border-top:1px solid #6666FF;border-left:1px solid #6666FF;
                                                        border-right:1px solid #000066;border-bottom:1px solid #000066;color:#000066;width:186px;
                                                        text-decoration:none;padding:0px 2px;white-space:nowrap;vertical-align:bottom; }
div.sectionbuttons2 a.button {background: url(/images/header/menu-back2.gif) repeat-x 0px 100%; width:192px;}
div.sectionbuttons2 a.button-green {background: url(/images/header/menu-back4.gif) repeat-x 0px 100%;border-color:#000033;color:#000;width:192px;}
div.sectionbuttons2 a.button:hover { border:1px solid #000099;background: #CCFFCC;color:#000099 }
div.sectionbuttons a.noborder { border:0;text-align:left; }
div.sectionbuttons a.noborder:hover { text-decoration: underline; color:#000; }
div.sectionbuttons h4 { font-size:85% }

.missing .message { font-size: 10pt; font-weight: bold; padding: 16px 64px; text-align: center; }

.help .title { font-weight: 700; }
.help p { font-size: 9pt; padding: 4px 0; margin: 0;}
.help .menu { font-size: 9pt; font-weight: bold; padding: 4px 0; }

/* Newsletter */

.newsletter span.title{font-size:16pt;font-weight:bold;color:#000000;}
.newsletter td.blurb{font-size:9pt;color:#555555;border-top: solid black 1px;}
.newsletter td.blurb a{color:#555555;font-weight:bold}
.newsletter span.headers{width:600px;padding: 0px 3px;border: solid black 1px;background-color: #4646D1;font-size:13.5pt;font-weight:bold;color:#ffffff; }
.newsletter table.headers a{text-decoration: none; color:#ffffff;}
.newsletter td.artist{font-size:10pt;border-bottom: solid black 1px;}
.newsletter td.artist a{font-weight:bold;color:#5382a8; text-decoration:none;}
.newsletter td.miniartist{font-size:8pt;border-bottom: solid black 1px;}
.newsletter td.miniartist a{font-weight:bold;color:#5382a8; text-decoration:none;}
.newsletter span.info{font-size:7pt;color:#666666; text-decoration:none; border:0px}
.newsletter span.price{font-size:13.5pt;font-weight:bold;color:#5382a8; text-decoration:none}
.newsletter span.buttons{font-size:9pt;font-weight:bold;border: solid black 1px; padding: 3px; background-color: #7979FE; vertical-align:bottom}
.newsletter span.buttons a{ color:#FFFFFF; text-decoration:none}

h3.browse { background: #fff;border-bottom: 1px solid #9999ff; margin-TOP: 0px;margin-left:5px;margin-right:5px;margin-bottom:0px; line-height:1.0em;font-size:100%;font-weight:normal;padding: 5px 0px;color: #6666CC;cursor:pointer; }

div.stretcher { }

/* Side Bar Panels
*******************************************************************************/


.nav, .nav ul { /* all lists */
padding: 0;
margin: 0;
text-align:left;


}
.nav li { /* all list items */
position: relative;
margin-top:-1px;
padding:1px 0;
}

.nav li a {
width: 152px;
display: block;
text-decoration: none!important;
margin: 0;
border:1px solid #6666FF;
background:url(/images/header/menu-back2.gif) repeat-x;
color:#000066;
text-indent:5px;
FONT-SIZE: 100%;
padding:2px 0;
}

.nav li a:visited { color:#000066; }

.nav li a.gogo { background:url(/images/header/menu-back4.gif) repeat-x;color:#000 !important;border-color:#000033; }

.nav li a:hover {
    background:#CCFFCC;color:#000;border-color:#000033;
}

div.clearer{ clear: both;display: block;margin: 0;padding: 0;height: 0;line-height: 1px;font-size: 1px;}

table td#prod-gallery-big {
	padding: 0;
	text-align: center;
}
table td#prod-gallery-thumbs {
      vertical-align:top;
	padding: 0 20px;
      width:180px;
}

/* image gallery */
#prod-gallery-thumbs-cont {
	background-color: #ccccff;
	border:5px solid #6666CC;
}

#prod-gallery-thumbs-cont .mdl {
	padding: 1px 2px;
}

#prod-gallery-thumbs-cont .mdl a {
	border: 2px solid #fff;
	float: left;
	margin: 2px;
}
#prod-gallery-thumbs-cont .mdl a.active {
	border: 2px solid #6666CC;
	cursor: default;
}
#prod-gallery-thumbs-cont .mdl a:hover {
	border: 2px solid #6666CC;
}
#prod-gallery-thumbs-cont .mdl a.active:hover {
	border: 2px solid #6666CC;
}
#prod-gallery-thumbs-cont .mdl img {
	border: 0;
	display: block;
}

#prod-gallery-thumbs-cont .mdl a {
	display: inline;
}

a:visited { COLOR: #CC00CC; }
a:active { color: #CC00CC; }

.font85 { font-size:85%;margin-right:10px; }



.dhtmlwindow{
position: absolute;
border: 2px solid #6666FF;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #9999FF;
color: white;
overflow: hidden;
width: auto;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: pointer;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
background: #FFFF99 ;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
font-size:80%;
}


/* STAR RATING */
	.star-rating{
		list-style:none;
		margin-left:5px!important;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		background: url(/more-info/alt_star.gif) top left repeat-x;
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(/more-info/alt_star.gif) left bottom;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}	
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url(/more-info/alt_star.gif) left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}