﻿body, h1, h2, h3, p {
	padding: 0;
	margin: 0;
	text-align: left;
}

body, p, div, input, textarea, table, td, th, a:link, a:visited, a:active, a:hover {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana;
	font-size: 11px;
	line-height: 160%;
	color: #222222;
}

a img, img, img a {
    border: 0;
}

input[type=text], input[type=password], input[type=file], select, textarea  {
    border: 0;
    background: #DDDDDD url('images/fieldback.png') no-repeat;
}

hr {
    width: 100%;
    border: 0;
    height: 1px;
    margin: 10px auto 10px auto;
    border-top: solid 1px #FFFFFF;
}

input, select, textarea {
	margin: 5px 0 5px 0;
	padding: 2px;
}

.paddMe {
    padding: 10px;
}

a:link, a:active, a:visited, .butikklabel {
    text-decoration: none;
    color: #3399d9;
}

	a:hover {
	    text-decoration: underline;
	}
	
h1, h1 a:link, h1 a:active, h1 a:visited { font-size: 28px; }
h2, h2 a:link, h2 a:active, h2 a:visited { font-size: 20px; }
h3, h3 a:link, h3 a:active, h3 a:visited { font-size: 16px; }

h1, h1 a:link, h1 a:active, h1 a:visited, h2, h2 a:link, h3, h3 a:link {
	font-weight: normal;
	font-family: 'Myriad Pro', 'Trebucket MS', Tahoma, Verdana;
	text-transform: uppercase;
	line-height: 150%;
	color: #444444;
	display: block;
}
	
	h1 a:hover, h2 a:hover, h3 a:hover {
	    color: #3399D9;
	    text-decoration: none;
	}
	
	h2.kommentarer {
	    margin: 20px 0 5px 0;
	    padding: 5px 0 20px 0;
	    border-top: dashed 1px #CCCCCC;
	}
	
.whitelinks a:link, .whitelinks a:active, .whitelinks a:visited {
    color: #FFFFFF !important;
}

a.tag:link, a.tag:active, a.tag:visited, a.tag:hover {
    line-height: 120%;
}

/* ICONLINKS */
	
a.iconlink {
    display: block;
    float: left;
    padding-left: 20px;
    margin-left: 10px;
    line-height: 16px;
    background: transparent url('images/icons.png') no-repeat;
}

    a.right {
        float: right;
    }

    a.lesmer {
        background-position: 0 center;
    }

    a.del {
        background-position: 0 0;
    }

    a.kommentar {
        background-position: 0 100%;
    }

/* ICONHEADINGS */

h1.iconheading {
    height: 40px;
    line-height: 160px;
    font-size: 24px;
    margin: 15px 0 15px 70px;
    overflow: hidden;
    color: #FFFFFF;
    background: transparent url('images/headings.png') no-repeat;
}

    h1.hg80 { background-position: 0 0; }
    h1.butikkene { background-position: 0 -40px; }
    h1.nyheter { background-position: 0 -80px; }
    h1.senterinfo { background-position: 0 -120px; }
    h1.varemerker { background-position: 0 -160px; }
    h1.åpningstider { background-position: 0 -200px; }
    h1.kundeklubb { background-position: 0 -240px; }

h2.iconheading {
    height: 33px;
    margin: 0;
    color: #FFFFFF;
    line-height: 90px;
    font-size: 16px;
    background-repeat: no-repeat;
    text-align: center;
    overflow: hidden;
    background: transparent url('images/subheadings.png') no-repeat;
}

    h2.kategorier {
        background-position: 0 0;
    }

    h2.kommentert {
        background-position: 0 -33px;
    }

    h2.twitter {
        background-position: 100% -66px;
    }

    h2.butikkene {
        background-position: 100% -99px;
    }
    
    h2.tags {
        background-position: 100% -132px;
    }
    h2.bloggere {
        background-position: 100% -165px;
    }
    
    
    
    /* mss competititon*/
    
    #mmsContent
    {
        padding: 0 0 0 15px;
    }
    
    div.mercur-blogg-app
{
    background-image: url('images/Mercur-blogg-app.png');
    background-repeat: no-repeat;
    background-position: left top;
    width: 180px;
    height: 239px;
    position:relative;
    margin:0 20px 10px 0;
    text-align:center;
}

 div.mercur-blogg-app img
 {
     padding:22px;
     max-height:122px;
     max-width:132px;     
 }
 
 div.mercur-blogg-app div.productInfo
 {
     position:absolute;
     top:178px;
     left:15px;
     color:#999e9f;
     font-family:Arial;
     line-height:100%;
     font-weight:bold;
     text-transform:uppercase;
     text-align:left;
 }
 
 div.mercur-blogg-app a.likeButton
 {
     display:block;
     width:75px;
     height:17px;
     position:absolute;
     bottom:3px;
     left:0;
 }
 
  div.mercur-blogg-app div.likeCount
  {
      position:absolute;
      bottom:3px;
      left:80px;
      text-align:justify;
      width:25px;
      font-family:Arial;
      font-size:10px;
      color:#999e9f;
  }
