body {
	background-color: #eeeeee;
	margin: 0px;
	padding: 103px 0px 0px 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

img {
	border-width: 0px;
}

p {
	margin-top: 10px;
	margin-bottom: 7px;
}

a {
    color: darkgreen;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

form {
	margin: 0px;
	padding: 0px;
}

div#staticcolumn, div#toppanel {
	background-color: #fd4a21;
	background-attachment: fixed;
}

div#toppanel {
	background-position: 0px -10px;
	background-image: url("../imgs/rmlogo.gif");
	background-repeat: no-repeat;
}

div#toppanel {
	position: absolute;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	top: 0px;
	left: 0px;
	height: 101px;
	width: 100%;
}

div#controlpanel {
/*	background-image: url("../imgs/controlpanelbg2.gif");
	background-repeat: no-repeat;
	background-position: top right;*/
	height: 75px;
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-size: 9px;
	color: white;
}

div#cartcontroll, div#radiocontroll, div#nlcontroll, div#wantscontroll, div#radiocontroll_dev {
	background-repeat: no-repeat;
	background-position: top left;
	float: right;
	width: 55px;
	height: 55px;
	margin-right: 30px;
	margin-top: 10px;
}
div#radiocontroll_dev {
	width: 240px;
}
div#cartlink {
	padding-top: 6px;
	padding-left: 30px;
	float: right;
	font-size: 9px;
	color: #000;
}

div#cartlink a {
	color: #000;
	text-decoration: none;
}

div#cartlink a:hover {
	color: red;
	text-decoration: underline;
}

div#topmenu {
	width: 100%;
	float: left;
	color: black;
	background-image: url("../imgs/topgradient3.gif");
	background-repeat: repeat-x;
	border: 1px dashed #ffffff;
	background-color: #bdbdae;
	border-right: 0px;
	font-size: 10px;
	padding: 0px;
	margin: 0px 15px 0px 0px;
	font-size: 9px;
	font-family: Verdana, sans-serif;
}

div#topmenu a {
	color: #000000;
	text-decoration: none;
}

div#topmenu a:hover {
	color: #dd0000;
	text-decoration: none;
}

div#searchbox {
	float: left;
	padding: 3px 3px 3px 1px;
	margin: 0px 0px 0px 5px;
	border-right: 1px dashed #707060;
	width: 190px;
}

div#formatbox {
	font-size: 9px;
	font-weight: bold;
	color: #303020;
	background-image: url("../imgs/topgradientinv5.gif");
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	border-right: 1px dashed #707060;
	float: left;
	padding: 3px 15px 3px 15px;
}

div#formatbox a {
	color: #103010;
}

div#formatbox a#currentformat {
	color: #008800;
}

div#formatbox form#currencyform {
	display: inline;
	margin: 0px;
	padding: 0px;
}

div#linkbox {
	float: right;
	padding: 7px 5px 2px 5px;
	margin: 0px 15px 0px 0px;
}

div#staticcolumn {
	overflow: hidden;
	height: 100%;
	position: absolute;
	top: 101px;
	left: 0px;
	padding-left: 10px;
	border-right: 1px dashed #ffffff;
}

form {
	margin: 0px;
}

input, button, textarea {
    font-family: Verdana, sans-serif;
	font-size: 10px;
}

select {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
}

div#mainmenu {
	overflow: hidden;
	height: 100%;
	width: 200px;
	font-size: 9px;
}

div#mainmenu a {
	background-color: #fd4a21;
	background-image: url("../imgs/horisarrowpassive2.gif");
	background-repeat: no-repeat;
	background-position: 3px 4px;
	display: block;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	text-align: left;
	letter-spacing: 1px;
	padding: 3px 10px 2px 15px;
	margin: 0px;
	border-bottom: 1px dashed #ffffff;
	border-left: 1px dashed #ffffff;
	text-decoration: none;
	color: black;
}

div#mainmenu a#soul, div#mainmenu a#soulcurrent, div#mainmenu a.boxtop {
	border-top: 1px dashed #ffffff;
}

div#mainmenu a:hover {
	background-image: url("../imgs/horisontalarrow2.gif");
	background-color: #711606;
	color: #FFFFFF;
/*	color: #500000;*/
}

div#mainmenu a#current, div#mainmenu a#soulcurrent {
	background-color: #420D04;
	display: block;
	text-align: center;
	font-family: Verdana, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	margin: 0px;
	border-bottom: 1px dashed #000000;
	text-decoration: none;
	color: white;
}

div#mainmenu a#current, div#mainmenu a#soulcurrent, div#mainmenu a#current:hover, div#mainmenu a#soulcurrent:hover {
 	background-image: url("../imgs/horisarrowpassive.gif");
}

div#submenu {
	background-color: #202020;
	font-weight: normal;
	border-bottom: 0px;
	border-width: 0px;
}

div#submenu a {
	font-family: Verdana, sans-serif;
	font-size: 9px;
	padding: 2px 1px 1px 20px;
	font-weight: normal;
	color: white;
	border-bottom: 1px dashed #000000;
	background-color: #404040;
	background-image: none;
}

div#submenu a:hover {
	background-image: none;
	color: white;
	background-color: #201010;
}

div#submenu a#subcurrent {
	font-weight: bold;
	color: white;
	background-color: #000000;
}

div#mainmenu div#adlslink {
    margin-top: 15px;
    text-align: center;
}

div#mainmenu div#adlslink, div#mainmenu div#adlslink a {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
    font-size: 9px;
    color: #ff9050;
}

div#mainmenu div#adlslink a {
    letter-spacing: 0px;
    margin: 0px;
    padding: 0px;
    display: inline;
    background-image: none;
    border: 0px;
    text-align: center;
    text-decoration: none;
/*    color: #cd2a01;*/
    font-weight: normal;
}

div#mainmenu div#adlslink a:hover {
    color: #ffdddd;
    background-color: #fd4a21;
}

div#container {
	padding: 0px 0px 0px 210px;
}

div#content {
	background-color: #eeeeee;
	color: black;
	font-size: 10px;
	padding: 0px 15px 15px 15px;
	margin: 0px;
}

div#newswrapper {
	width: 250px;
	height: 800px;
	float: right;
	padding: 0px 10px 10px 10px;
}

div#shoppingcart {
	line-height: 200%;
	width: 600px;
	border: 1px solid #aaaaaa;
	background-color: #e5e5e5;
	padding: 0px 5px 0px 15px;
	margin: 0px 0px 20px 0px;
}

div#newspanel {
	background-image: url("../imgs/cardshade.gif");
	background-repeat: no-repeat;
	background-position: top right;
	line-height: 200%;
	width: 630px;
	border: 1px solid #aaaaaa;
	background-color: #e5e5e5;
	padding: 10px 10px 10px 10px;
	margin: 15px 0px 20px 0px;
}
div#rackpane {
	margin-right: 280px;
}
div#frontpanewrapper {
/*
Detta elements enda ändamål är att göra plats för frontpane så att recommends-
skivorna ligger snyggt
*/
    padding: 0px;
    margin: 0px;
    height: 3000px;
	float: right;
}

div#frontpane {
	background-image: url("../imgs/cardshade.gif");
	background-repeat: no-repeat;
	background-position: top right;
	line-height: 200%;
	width: 250px;
	border: 3px solid #aaaaaa;
	background-color: #e5e5e5;
	padding: 0px 10px 10px 10px;
	margin: 15px 5px 20px 0px;
}

div#rackrecord {
	width: 103px;
	height: 103px;
}

div#bigrackrecord {
	width: 352px;
	height: 352px;
}

div#rackrecord, div#bigrackrecord {
	float: left;
	border: 0px;
	margin: 15px 15px 0px 0px;
	overflow: hidden;
}

div#rackrecord img, div#bigrackrecord img {
/*	float: left;*/
	border: 1px solid #aaaaaa;
	padding: 0px;
}

div#bigrackrecord img {
	border: 1px solid #aaaaaa;
}

div#rackrecord a, div#bigrackrecord a {
	color: green;
	text-decoration: none;
}

div#rackrecord a:hover, div#bigrackrecord a:hover {
	text-decoration: underline;
}

div#cover {
	background-image: url("../imgs/cardshade.gif");
	background-repeat: no-repeat;
	background-position: top right;
	float: left;
	width: 320px;
	height: 220px;
	border: 1px solid #aaaaaa;
	background-color: #e5e5e5;
	padding: 0px;
	margin: 0px 8px 8px 0px;
	line-height: 140%;
}

div#info_display {
	width: 310px;
	height: 101px;
	overflow: hidden;
	padding: 4px;
	float: left;
	font-size: 10px;
	line-height: 150%;
}

div#playbtn {
    margin: 0px;
	float: right;
	font-size: 9px;
	background-color: #404040;
}

div#info_display a {
	color: #222;
	text-decoration: none;
}

div#playbtn a {
	color: gold;
	text-decoration: none;
}

div#playbtn a:hover {
    color: #60ff60;
}

div#info_display a:hover {
	text-decoration: underline;
}

div#description_display {
	margin: 6px;
	float: left;
	height: 86px;
	width: 306px;
	overflow: auto;
	font-size: 9px;
	color: #000022;
}

span#artist, span#smallartist, span#smallestartist {
	font-weight: bold;
	font-size: 12px;
	color: #330000;
}

span#smallartist, span#smallestartist {
	font-size: 10px;
}

span#artist a:hover, span#smallartist a:hover, span#smallestartist a:hover{
	text-decoration: none;
}

span#record {
	font-weight: bold;
	font-size: 10px;
	color: #113311;
}

span#label {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	font-size: 9px;
	color: #404030;
}

span#format {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
    font-size: 9px;
    color: #202020;
}

span#rating {
	font-size: 9px;
	color: #404030;
}

span#price {
/*	margin-left: 8px;*/
	font-weight: bold;
	font-size: 9px;
	color: #333;
}

span#instock {
	margin-top: 8px;
	font-weight: bold;
	font-size: 10px;
	color: #009911;
	padding-top: 5px;
}

span#outstock {
	margin-top: 8px;
	font-weight: bold;
	font-size: 10px;
	color: #660000;
}

.record_printdata_reduced_price_itemstatus_text {
	margin-top: 8px;
	font-weight: bold;
	font-size: 10px;
	color: #d48600;
}

span#instock a {
/*	background-image: url("../imgs/smallcartgreen.gif");*/
	background-repeat: no-repeat;
	background-position: top left;
	color: #333;
	text-decoration: none;
}

span#instock a:hover {
/*	background-image: url("../imgs/smallcarthover.gif");*/
	background-repeat: no-repeat;
	background-position: top left;
/*	color: #C2FABD;*/
		color: #091;
	text-decoration: none;
}

span#outstock a {
	color: #333;
	text-decoration: none;
}

span#outstock a:hover {
	color: red;
	text-decoration: none;
}

div#itemstatustext {
	padding-top: 4px;
}

div#cover img{
	float: left;
	border: 1px solid #aaaaaa;
	padding: 0px;
	margin-right: 5px;
}

div#cover img#cartwantbutton {
	float: left;
	border: none;
	margin: 3px 8px 0px 0px;
}

div#staticwrapper {
	float: none;
	width: 300px;
	padding: 10px;
	margin-top: 10px;
}

div#cartwrapper {
	width: 590px;
	margin-bottom: 10px;
	line-height: 100%;
}

div#wantbox {
    background-color: #efefef;
    border: 1px dashed #999;
    padding: 10px 20px 20px 10px;
}

th#head {
    padding: 5px 3px 5px 3px;
    text-align: left;
	font-weight: bold;
	font-size: 9px;
	color: #fff;
	background-color: #404040;
}

td#bottom {
	padding: 10px 3px 3px 3px;
	font-weight: bold;
	font-size: 9px;
	color: #000;
	border-top: 1px solid #ccc;
}

td#bottom a, a#removewants {
	color: darkred;
	text-decoration: none;
}

td#bottom a:hover, a#removewants:hover {
	text-decoration: underline;
}

a#removewants {
    font-weight: bold;
    float: right;
    margin-right: 25px;
    font-size: 9px;
}

td#cartartist {
	padding: 5px 3px 5px 3px;
	font-weight: bold;
	font-size: 9px;
	color: #330000;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}

td#cartrecord {
	padding: 5px 3px 5px 3px;
	font-weight: bold;
	font-size: 9px;
	color: #113311;
	border-bottom: 1px solid black;
}

td#cartformat {
	padding: 5px 3px 5px 3px;
	font-weight: bold;
	font-size: 9px;
	color: #0A146F;
	border-bottom: 1px solid black;
}

td#cartgrading {
	padding: 5px 3px 5px 3px;
	font-size: 9px;
	color: #303030;
	border-bottom: 1px solid black;
}

td#cartprice {
	padding: 5px 3px 5px 3px;
	font-weight: bold;
	font-size: 9px;
	color: #303030;
	border-bottom: 1px solid black;
}

td#cartremove {
	padding: 5px 3px 5px 3px;
	font-weight: bold;
	font-size: 9px;
	color: #113311;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

td#cartremove  a {
	color: darkred;
	text-decoration: none;
}

td#cartremove  a:hover {
	text-decoration: underline;
}

th  a {
	color: #fff;
	text-decoration: none;
}

th  a:hover {
	text-decoration: underline;
}


div#searchresult {
	width: auto;
	margin-top: 10px;
}

div#alphabet {
	clear: both;
	font-weight: bold;
	font-size: 9px;
	padding-bottom: 5px;
}

div#alphabet p {
    line-height: 200%;
}

div#resultnumbers {
	font-weight: bold;
	font-size: 9px;
	padding-bottom: 5px;
}

div#alphabet a, div#resultnumbers a {
	padding: 1px 2px 1px 2px;
	color: #083;
	text-decoration: none;
	border: 1px solid #eee;
}

div#alphabet a:hover, div#resultnumbers a:hover {
	color: #901;
	text-decoration: none;
	border: 1px solid #bbb;
}

div#alphabet a#current, div#alphabet a#current:hover, div#resultnumbers a#current, div#resultnumbers a#current:hover {
	color: #000;
	border: 1px solid #333;
}

p#selectiondescription {
	color: #505050;
	padding-bottom: 5px;
}

div#checkoutlink {
	margin-top: 15px;
	width: auto;
	font-size: 10px;
	font-weight: bold;
}

div#checkoutlink a {
	color: #0A6F2B;
	text-decoration: none;
}

div#infopane {
/*	background-color: #444;
	color: #fff;*/
	color: #222;
	padding: 5px 10px 5px 15px;
}

div#dummydiv {
    clear: both;
    color: #222;
    padding: 0px 5px 2px 0px;
    height: 65px;
}

div#checkoutlink a:hover{
	text-decoration: underline;
}

span#searchlink {
	padding: 2px;
	color: #333;
	background-color: #ccc;
	border: 1px solid #bbb;
}

span#searchlink a {
	color: #333;
	text-decoration: none;
}

span#searchlink a:hover {
	color: #C2FABD;
	text-decoration: none;

}

#recordcount {
	font-weight: normal;
	color: #eee;
}

body>div#staticcolumn {
	position: fixed;
}

body>div#toppanel {
	position: fixed;
}

div#infobanner {
	background-image: url("../imgs/alert.png");
	background-repeat: no-repeat;
	background-position: top left;
	width: 525px;
	height: 55px;
	margin: 10px;
	padding: 10px 10px 10px 75px;
	border: 5px solid #fd4a21;
}
.bottom_category {
	font-style: italic;
	color: #999;
	font-size: 9px;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
}
.track_title {
	display: none;
	overflow: hidden;
}
div#player_display {
	float:right;
	text-align:right;
	height:45px;
	width:230px;
	border: 1px solid #222;
	border-radius:2px;
	background-color:#420d04;
	padding: 3px 6px 3px 6px;
	line-height:160%;
	color:#e8e8dc;
}
div#player_display a {
	color: lime;
	border: none;
}
div#player_display a:hover {
	color: gold;
	border: none;
}

.record_printdata_reduced_price {
	color:#d48600;
	text-decoration: line-through;
}

#record-card-view-toggle {
	margin: 6px 0px 10px 0px;
	font-size: 10px;
}

#record-card-view-toggle.record-card-view-toggle--inline {
	display: inline-block;
	margin: 0px 0px 0px 4px;
	vertical-align: baseline;
}

#record-card-view-toggle.record-card-view-toggle--inline button.record-card-view-toggle-btn {
	padding: 1px 6px;
	font-size: 9px;
}

span.record-card-view-toggle-label {
	display: inline-block;
	margin-right: 6px;
	font-weight: bold;
	color: #333;
}

button.record-card-view-toggle-btn {
	display: inline-block;
	padding: 2px 8px;
	margin-right: 4px;
	border: 1px solid #999;
	border-radius: 2px;
	background-color: #f6f6f6;
	color: #333;
	font-size: 10px;
	cursor: pointer;
}

button.record-card-view-toggle-btn:hover {
	border-color: #555;
	background-color: #e8e8e8;
}

button.record-card-view-toggle-btn.is-active {
	background-color: #2e2e2e;
	border-color: #2e2e2e;
	color: #fff;
}

div#searchresult div#cover.record-print-card div.record-card-cover {
	float: left;
	margin-right: 5px;
}

div#searchresult div#cover.record-print-card div#info_display div.record-card-meta {
	overflow: hidden;
}

div#searchresult div#cover.record-print-card div#info_display div.record-card-meta span#artist,
div#searchresult div#cover.record-print-card div#info_display div.record-card-meta span#smallartist,
div#searchresult div#cover.record-print-card div#info_display div.record-card-meta span#smallestartist,
div#searchresult div#cover.record-print-card div#info_display div.record-card-meta span#record {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

div#searchresult div#cover.record-print-card div#info_display div.record-card-meta span#artist a,
div#searchresult div#cover.record-print-card div#info_display div.record-card-meta span#smallartist a,
div#searchresult div#cover.record-print-card div#info_display div.record-card-meta span#smallestartist a {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

div#searchresult div#cover.record-print-card div.record-card-cover .record-cover-link,
div#searchresult div#cover.record-print-card div.record-card-cover img.record-cover-image {
	display: block;
}

div#searchresult div#cover.record-print-card div.record-card-cover img.record-cover-image {
	width: 90px;
	height: 90px;
	object-fit: cover;
}

div#searchresult.record-cards--tall div#cover.record-print-card {
	height: 540px;
	width: 320px;
	overflow: hidden;
}

div#searchresult.record-cards--tall div#cover.record-print-card div#info_display {
	width: 310px;
	height: 400px;
	overflow: hidden;
	float: left;
}

div#searchresult.record-cards--tall div#cover.record-print-card div.record-card-cover {
	float: none;
	width: 100%;
	margin: 0px 0px 8px 0px;
}

div#searchresult.record-cards--tall div#cover.record-print-card div.record-card-cover .record-cover-link,
div#searchresult.record-cards--tall div#cover.record-print-card div.record-card-cover img.record-cover-image {
	width: 100%;
}

div#searchresult.record-cards--tall div#cover.record-print-card div.record-card-cover .record-cover-link {
	aspect-ratio: 1 / 1;
}

div#searchresult.record-cards--tall div#cover.record-print-card div.record-card-cover img.record-cover-image {
	height: 100%;
	object-fit: cover;
}

div#searchresult.record-cards--tall div#cover.record-print-card div#description_display {
	width: 306px;
	height: 88px;
	overflow: auto;
}

div#playbtn a.soundclip-link {
	display: inline-block;
	padding: 2px 7px;
	border-radius: 3px;
	border: 1px solid #c8c8c8;
	background-color: #e5e5e5;
	color: #111;
	font-size: 9px;
	font-weight: 500;
	letter-spacing: 0px;
	text-transform: none;
}

div#playbtn a .soundclip-note {
	display: inline-block;
	font-size: 1.35em;
	font-weight: 600;
	line-height: 0.8;
	margin-right: 3px;
	vertical-align: -0.07em;
}

div#playbtn a.soundclip-link:hover {
	background-color: #d9d9d9;
	color: #111;
	text-decoration: none;
}

div#searchresult[data-card-view='default'] div#cover.record-print-card div#playbtn a.soundclip-link {
	padding: 1px 5px;
	font-size: 8px;
	line-height: 1;
}

div.lookup-view-toggle-row {
	clear: both;
	padding-top: 11px;
	padding-bottom: 2px;
}
