@font-face { font-family: Garamond; src: url('GARA.ttf'); }
@font-face { font-family: Garamond; font-weight: bold; src: url('GARABD.ttf');}

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
}
body,td,th {color: #666666;}
h1,h2,h3,h4,h5,h6,h7{}
.phone {font: bold 14px Verdana, Arial, Helvetica, sans-serif;}

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

a:link {color: #666666; text-decoration: none;}
a:visited {text-decoration: none; color: #666666;}
a:hover {text-decoration: underline; color: #FF0000;}
a:active {text-decoration: none; color: #666666;}
a.handle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: red;}
.red {color:Red;}
.searchtb{ height:16px;width:100px; color: #999999; font-style: italic; font-size:11px;}
.searchbt{ height:24px;width:35px;font:normal 10px Verdana; color:#666666; text-align:left;}
.emusicpris {font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; color: #FF0000;}
.huvud {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;}
.RegisterButton {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; height: 30px; width: 250px; color: #666666;}
.huvudRea {font-family:Arial Black; font-size:14px;color:red; padding-top:0px;}
.klubb {font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; color: #006600;}
.literal {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; font-weight: bold;}
.lister {color: #BA9678; border: #BA9675;}
.nyhetsbrev {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF;}
.partner {font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; color: #000099;}
.rubriken {font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; color: #333333;}
.rubriker {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333;}
.summary {list-style-type: square; font-size: 11px; font-family: Verdana, Arial, Helvetica, sant-serif; list-style-position: outside;}
.rowBG {background-repeat: repeat;background-image: url(../../bilder/bg_beige_1.gif);}
#HeadContact
{
	position:absolute;
	margin-top:0px;
	top:0px;
	left:720px;
	width:160px;
	height:47px;
	padding-top:5px;
	padding-left:20px;
	color:#555;
	z-index:100;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    font-size: 18px;
	text-align: left;
	background: #fff;
	/*border: 2px groove #aaa;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    filter:alpha(opacity=70); opacity:0.7;*/
}
#HeadContact .open { font-size:14px; }
.flash{position:absolute;z-index:2;top:0px;left:0px;}
#MainContent 
{
	padding: 0px 0px 0px 0px;
	width: 642px;
	height: auto;
	position: relative;
	top: 0px;
	left: 0px;
}
.MainTable
{
    margin: 7px 0px 10px 0px;    
}
.MainHead
{
    border-bottom: dotted 1px #b3a080; 
    /*border-top: dotted 1px #b3a080;
    background-color: #b3a080;*/
    padding: 0px 10px 5px 20px;      
    font-family: Garamond; font-size: 18px; font-weight: bold; 
    color: #333333;  
}
.OptTable
{
    
}
.OptCell
{
    padding: 8px 20px 10px 10px;   
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;
    background-color: #eeeeee;
	border-bottom: white 5px solid;
}
.MainCell
{	
	position:relative;
    padding: 10px 20px 10px 20px;      
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;
	max-width:642px;
}
.MainCell2
{
    padding: 8px 20px 10px 20px;      
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;
    border-bottom: dotted 1px #b3a080;
    background-color: #eeeeee;
}
.MainCell3
{
    padding:  8px 20px 10px 20px;      
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;
    border-bottom: dotted 1px #b3a080;
}
.MainCart
{
    padding:  10px 20px 15px 20px;      
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;
    border-bottom: dotted 1px #b3a080;
}
.MainCell4
{
    padding:  8px 20px 10px 20px;      
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;
    border-bottom: dotted 1px #b3a080;
    border-top: dotted 1px #b3a080;
}
.ProdCell {width:155px;height:200px;border-right:dotted 1px #b3a080;border-bottom:dotted 1px #b3a080;position:relative;}
.InfoDiv {width:224px;float:left;}
.InfoDivRight {text-align:center; position:relative;}
.ImgDiv {position:relative;width:228px;text-align:center; z-index:2;margin-left:auto;margin-right:auto;}
.MainCellDiv { position:relative;}
.FyndDiv 
{
    /*width:228px;float:right;position:absolute;text-align:right; z-index:5;top:0px;right:0px;*/
	position:absolute;right:0px;top:0px;z-index:10;}

.InfoTable
{
    border-left:dotted 1px #b3a080;
    border-right:dotted 1px #b3a080;
    border-top:dotted 1px #b3a080;
    width: 224px;
}
.bgBeige{background-color:#faf0e6;height:16px;}
.InfoHead {}
.InfoLeft {border-bottom:dotted 1px #b3a080;border-right:dotted 1px #b3a080;}
.InfoRight {border-bottom:dotted 1px #b3a080;}
.InfoLeftBT {border-right:dotted 1px #b3a080;}


.checkRow { padding: 0px 0px 10px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;}
.LoginBoxHead { padding: 0px 0px 10px 0px;font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold;}
.LoginBoxFooter{padding: 5px 0px 0px 125px;}

.cbMiddle { vertical-align:middle;}
.style3 {font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; }
.style5 {font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; color: #FF0000; }
.style5Rea {font-family: "Trebuchet MS"; font-size: 18px; font-weight: bold; color: #FF0000; vertical-align: middle; }
.style5ReaRed {font-family: "Trebuchet MS"; font-size: 16px; font-weight: bold; background-color: #FF0000; color:#FFFFFF; vertical-align: middle; }
.style6 {font-size: 11px}
.style12 {font-family: "Trebuchet MS"; font-size: 12px; font-weight: bold; color: #333333; }
.style12Rea {font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; color: white; background-color:red; }
.style23 {font-size: 13px}
.style24 {color: #FF0000; font-weight: bold;}
.style25 {color: #666666;}
.style26 {color: #666666}
.topp10 {height: 0px; border-bottom: dotted 1px black;}
.cartsum {color: #666666; padding-top:3px; padding-bottom:10px;}
.style27 {color: #333333}
.style29 {color: #FF0000}
.style31 {color: #006600}
.style34 {color: #FF9900}
.style35 {color: #339900}
.style36 {color: #000099}
.style38 {color: #FF6600}
.style39 {color: #003399}

/* Added by Magnus Tönnvik */

#PageHeader {
	position: relative;
	height: 128px;
	top: 0px;
	left: 0px;
	background: url("images/header_bg_jul.png") repeat-x bottom;
	/*border: solid 1px black;*/
}
#topfield{ background-color:#cccccc;}

#ContentWrapper {
	position: relative;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
}

table { width: 100% }
.ImageMid {vertical-align:middle;}

#MenuLeft 
{
	width: 161px;
	height: 870px;
	position: relative;
	top: 0px;
	left: 0px;
	background: url("images/left_mnu_bg.png") repeat-y;
}

.mnuTitle
{
    width: 160px;
    height: 27px;
    color:White;
    font: bold 14px Garamond;
    vertical-align:middle;
    background: url("images/mnu_title_bg.png") repeat-x;
}
.mnuTitleText
{
    width:150px;
    padding: 5px 5px;
}
#mnurTitle
{
    width: 170px;
    height: 27px;
    color:White;
    font: bold 14px Garamond;
    vertical-align:middle;
    background: url("images/mnu_title_bg.png") repeat-x;
}
#mnurTitleText
{
    width:150px;
    padding: 5px 5px 5px 10px;
}
.mnuItems
{
    border: 0px;
    border-style:hidden;
    padding: 1px 0px 1px 0px;
}

.navPassive
{
    font: bold 16px Garamond;
    color: #232323;
}
.cellPassive
{
    padding-top:5px;    
}
.cellActive
{
    background: url("images/flik_bg.png") repeat-x;    
}
.navActive
{
    font: bold 20px Garamond;
    color: #ffffff;
}

#MenuRight 
{
	width: 172px;
	height: 870px;
	position: relative;
	top: 0px;
	left: 0px;
	background: url("images/right_mnu_bg.png") repeat-y;
}
#mrInsideWrapper
{
    padding:0px 1px; 
    position:relative;  
}
#topMenuDiv
{
    position: absolute;
    top:-30px;
    left:10px;
}
#cartDiv
{
    padding:3px 3px 3px 3px;
}
.cartLogo { vertical-align:middle; }
#evenBG {padding:0px; background: url("images/cart_bg.png") no-repeat; height:32px;}
#oddBG {padding:0px; height:32px;}
.AdressLabel{background-color:#d1c6b2;padding:5px 10px;}

/*FOOTER*/
#PageFooter
{
	padding-top: 5px;
	padding-right:0px;
	vertical-align: bottom;
	height: 113px; 
	top:0px;
	background: url("images/footer_bg.png") repeat-x;
	position:relative;
}
#ftAddress
{
    color:#535353;
    font: 12px Garamond;
    line-height: 1.3em;
    Position:absolute;
    top:10px;
    left:175px;  
    width:250px;  
}
#ftCopy
{
    color:#535353;
    font: bold 12px Garamond;
    line-height: 1.3em;
    Position:absolute;
    top:10px;
    left:545px;  
    width:250px;  
    text-align:right;
}
#ftLogos
{
    color:#535353;
    font: bold 12px Garamond;
    line-height: 1.3em;
    Position:absolute;
    top:10px;
    left:815px;  
    width:250px;  
    text-align:left;
}

#HeadTop
{
    position:relative;
    top:18px;
    left:18px;
    width:400px;
/*	background-image:url(../bilder/header_bg_jul.jpg);
	background-image:url("../../bilder/header_bg2.jpg");
	background-repeat:no-repeat;
	padding-left: 20px;
	height: 96px;*/
}

#HeadFlikar
{
    position:absolute;
    bottom:22px;
	/*background-image:url("../../bilder/flikar_bg.jpg");*/
	height: 22px;	
	z-index: 5;
}
#HeadPiano
{
    position:absolute;
    top:0px;
    left:630px;
	background:url("images/piano.png") no-repeat;
	height: 131px;
	width: 378px;	
	z-index: 3;
	visibility:hidden;
}
#HeadLogin
{
    position:absolute;
    top:0px;
    left:773px;
	height: 131px;
	width: 378px;	
	z-index: 3;
}
#HeadMenu
{
    position:absolute;
    bottom:10px;
    left: 159px;
    width:666px;
	background:url("images/nav_bg.png") no-repeat;
	height: 28px;	
	z-index: 4;
}
#HeadExtra
{
    position:absolute;
    bottom:2px;
    left: 153px;
    width:666px;
	height: 28px;	
	z-index: 4;
}
#HeadLogos
{
	position:absolute;
	width:160px;
	height:60px;
	top:3px;
	left:807px;
	text-align:center;
	vertical-align:middle;
}
#RightBtns
{
	position:relative;
	vertical-align: top;
	padding: 4px 0px 4px 4px;
	/*top:110px;
	left:960px;*/
}

.CartHead 
{
    height:20px;
    border-right:dotted 1px #b3a080;
    border-bottom:dotted 1px #b3a080;
    border-top:dotted 1px #b3a080;
    position:relative;
    padding:0px 3px 0px 3px;
}
.CartHeadL
{
    height:20px;
    border:dotted 1px #b3a080;
    position:relative;
    padding:0px 3px 0px 3px;
}
.CartHeadR
{
    height:20px;
    border-right:dotted 1px #b3a080;
    border-bottom:dotted 1px #b3a080;
    position:relative;
    padding:0px 0px 0px 0px;
}
.CartCell 
{
    border-right:dotted 1px #b3a080;
    border-bottom:dotted 1px #b3a080;
    position:relative;
    padding:0px 3px 0px 3px;
}
.CartCellL 
{
    border-right:dotted 1px #b3a080;
    border-bottom:dotted 1px #b3a080;
    position:relative;
    border-left:dotted 1px #b3a080;
    padding:0px 0px 0px 0px;
}
.CartCellR 
{
    border-right:dotted 1px #b3a080;
    border-bottom:dotted 1px #b3a080;
    position:relative;
    padding:0px 0px 0px 0px;
}
.bRight {border-right:dotted 1px #b3a080;}

.bildnamn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 5px;
	font-style: italic;
}
.HiglightCell 
{
    padding:5px 5px 5px 5px;
}
.bm5{ margin-bottom: 5px;}
.left16{ position:absolute;left:-20px;top:0px;}