html {
	height: 100%;
	background-color: #E5E5E5
}
body {
	height: 100%;
	padding-top: 20px;
	background-image: url(../images/backg.png);
	background-repeat: repeat-x;
	font-size: 13px;
	overflow-x: hidden;
	overflow-y: scroll
}

.group:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

input:focus {
	outline: none;
}

button {
	padding: 1px 5px;
}

/** TYPOGRAPHY **/
h1 {
	font: bold 125% Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 5px;
}
h2, .h2 {
	font-size: 132.4%; /* 123.1/0.93 = 16px */
	font-weight: bold;
	color: #FF0000
}
h3, .h3 {
	margin-bottom: 0.3em;
	font-size: 123.1%;
	color: #F00;
	font-weight: bold;
}
.app_retail h3 {
	font-weight: normal;
	margin-top: 1em;
	color: #555;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
.app_retail h3 a {
	text-decoration: none;
	color: #555;
	font-weight: bolder;
	font-size: 132.4%;
}
.app_retail h3 a:hover {
	text-decoration: underline
}
h4, .h4 {
	margin-bottom: 0.2em;
	font-weight: bold;
	color: #F00
}
h5, .h5 {
	font-size: 93%;
	font-weight: bold;
	color: #555
}
a {
	font-weight: bold;
	text-decoration: none;
	color: #4293B0
}
strong {
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}

a.nohover:hover {
  text-decoration: none;
}


hr {
	color: #6E8297;
	background-color: #6E8297;
	border-style: solid;
	border-color: #6E8297 #1A2E42 #1A2E42 #6E8297 ;
}
ul, ul li {
	list-style-position: inside;
	list-style-type: disc
}
ol, ol li {
	list-style-position: inside;
	list-style-type: decimal
}
.align-center {
	margin: 0 auto
}
.buy-links li {
	float: left;
	list-style-type: none;
	margin-right: 4px;
}
.buy-link li:first-child {
	margin-left: 0;
}

/** SCAFFOLDING **/
#wrapper {
	padding-bottom: 1px;
}

#sidebar {
	width: 248px;
	float: left;}

.width-full {
	clear: both;
	width: 944px;
}
.width-1col {
	width: 315px;
	float: left;
}

.width-2cols {
	width: 696px;
}
	body div.width-2cols {
		float: left
	}
.width-right {
	width: 232px;
}
	body div.width-right {
		float: left;
		margin-left: 16px
	}
.vspace {
	margin-top: 16px
}
.liquid {
	display: block;
	clear: both;
	height: 16px;
	margin: 0 16px 0 16px;
	background-color: white
}
	body div .width-full span.liquid {
		width: 912px
	}
	body div.width-2cols span.liquid {
		width: 664px;
	}
	body div.width-right span.liquid {
		width: 200px;
	}
.liquid-tl,
.liquid-tr,
.liquid-bl,
.liquid-br {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../images/liquidcorners-white-trans.png);
	background-color: transparent;
	background-repeat: no-repeat
}
.liquid-tl {
	float: left;
	margin-left: -16px
}
.liquid-tr {
	float: right;
	margin-right: -16px;
	background-position: -16px 0
}
.liquid-bl {
	float: left;
	margin-left: -16px;
	background-position: 0 -16px
}
.liquid-br {
	float: right;
	margin-right: -16px;
	background-position: -16px -16px
}

/** LOGO **/
.logo {
	display: block;
	margin: 0 0 20px 10px;
}
	.logo img {
		background-image: none !important;
	}


/** NAVIGATION **/
#nav {
	height: 80px;
	background-image: url(../images/navbackg-trans.png);
	background-position: top;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
}
	#nav.selected {
		background-image: url(../images/navbackg-sel-trans.png);
		background-position: top;
		background-repeat: no-repeat;
	}
	#nav + div {
		overflow: hidden;
		margin-bottom: 16px
	}
	#nav span.welcome {
		position: absolute;
		padding:  8px 16px;
		color: #555555
	}
	#nav div a:link, #nav div a:visited {
		color: #FFF;
	}
.topnav,
.subnav {
	height: 32px;
	padding-left: 8px;
	font-weight: bold
}
.topnav {
	color: white;
}
.subnav {
	color: #4293B0;
}
	.topnav li,
	.subnav li {
		list-style: none;
		float: left;
		height: 32px;
		cursor:pointer;
		cursor: hand
	}
	.subnav li.replacement {
	  cursor: default;
	  font-weight: normal; }
	  
		.topnav li a,
		.topnav li span,
		.subnav li a,
		.subnav li span.spacious {
			display: block;
			text-decoration: none;
			height: 24px;
			padding: 8px 8px 0 8px;
			color: inherit;
		}
		.subnav li.replacement span {
		  color: #515151; }
		  
			.topnav li a,
			.topnav li span {
				padding: 8px 16px 0 16px;
				color: #FFF;
			}
			
			 .topnav li span a {
        padding: 0px 0px 0 0px
      }
      
				.topnav li:first-child a,
				.topnav li:first-child span {
				/*	padding: 8px 16px 0 8px */
				}
		.subnav li a:hover {
			color: #F00;
		}
		.subnav li a:active,
		.subnav li span.selected {
			color: black
		}
		.topnav li a:hover,
		.topnav li span.selected {
			background-color: black
		}		
		.topnav li span.selected {
			background-image: url(../images/topnav-selected-bg.png);
			background-repeat: no-repeat;
			background-position: center bottom;
		}
		.topnav + div {
			float: right;
			margin-top: -32px;
			color: white;
			font-size: 91.4% /* 11px */
		}
			.topnav + div a {
				display: block;
				height: 32px;
				padding:  8px 16px;
				color: inherit;
				text-decoration: none
			}
				.topnav + div a:hover {
					text-decoration: underline
				}


/** MAIN CONTENT **/
#main {
	padding: 0 16px 1px 16px;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
	line-height: 1.6em;
	color: #555555
}
	#main p, #main ol, #main ul {
		margin-top: 0.2em;
		margin-bottom: 1.2em
	}
	#main h1, #main .h1 {
		font-size: 165.5%; /* 146.5/0.93 = 20px */
		font-weight: bold
	}
	#main h2, #main .h2 {
		font-size: 132.4% /* 123.1/0.93 = 16px */
	}
	
	#main h2 a:link.h2,
  #main h2 a:visited.h2 {
    font-size: 132.4%; /* 123.1/0.93 = 16px */
    font-weight: bold;
  }
  
	#main h2 a:link,
	#main h2 a:visited {
		font-size: 75%;
		font-weight: normal;
	}
	#main h3, #main .h3 {
		font-size: 107.5%; /* 100/0.93 = 13px */
		margin-bottom: 10px;
	}
	#main h4, #main .h4 {
		font-size: 100% /* 0.93/0.93 = 12px */
	}
		.app_home #main img {
			margin-bottom: 20px
		}
		.app_home #main h3 {
			margin-top: 20px
		}
		.app_home .releases {
			width: 680px;
			margin-right: -16px;
		}
		.app_home .release {
			list-style-type: none;
			float: left;
			margin-left: 10px;
			width: 154px;
			margin-bottom: 15px;
			margin-right: 0;
		}
		.app_home .release:first-child {
			margin-left: 0;
		}
		.app_home .release p {
			margin: 0 !important;
			padding-right: 0 !important;
		}
		.app_home .release img {
			display: block;
			margin-bottom: 0 !important;
		}
		.app_home .featured-artists {
			margin-left: 15px;
			margin-right: -10px;
			width: 340px;
		}
		.app_home .featured-artists li {
			list-style-type: none;
			width: 154px;
			height: 122px;
			overflow-x: hidden;
			margin-right: 10px;
			margin-bottom: 4px;
			float:left;
		}
		.app_home .featured-artists img {
			display: block;
			margin: 0 !important;
		}
		.app_home .news-summary {
			width: 324px;
		}
		.app_artist .featured li {
			margin-left: 8px;
			margin-bottom: 15px;
			font-size: 110%;
			list-style-type: none;
			float: left;
		}
		.app_artist .featured li:first-child {
			margin-left: 0;
		}
		.app_artist .featured img {
			display: block;
		}
		.app_artist label {
			color: #000;
		}
		.app_artist #main input {
			margin-right: 15px;
			width: 324px;
		}
		.app_artist #main p.index {
			padding-right: 0;
			font-size: 110%;
			letter-spacing: 2px;
		}
		.app_artist #main p.index .active,
		.app_artist #main p.index a:hover,
		.app_artist #main p.index a:visited:hover {
			color: #F00;
		}
		.app_artist ul.index {
			margin-right: -12px;
		}
		.app_artist ul.index li {
			width: 317px;
			float: left;
			list-style-type: none;
			padding: 3px 6px 3px 0;
			margin-right: 15px;
		}
		.app_artist ul.index span {
			display: block;
			background: transparent url(/images/artists-index-dots.gif) bottom left repeat-x;
		}
		.app_artist ul.index a,
		.app_artist ul.index span span {
			background: #FFF none;
			float: left;
		}
		.app_artist ul.index a[rel=external]:link,
		.app_artist ul.index a[rel=external]:visited {
			font-weight: normal;
		}
		.app_artist ul.index span span.label {
			float: right;
			color: #999;
			background: #FFF none;
			display: inline;
		}
		.app_artist #main h1 a:link,
		.app_artist #main h1 a:visited {
			font-size: 60%;
			font-weight: normal;
		}
		.app_artist #main p {
			padding-right: 0;
		}
		.app_artist .releases {
			margin-bottom: 20px;
		}
		.app_artist .releases li {
			list-style-type: none;
			margin-right: 8px;
			float: left;
			width: 154px;
			min-height: 220px;
		}
		.app_artist .releases img {
			display: block;
			float: none;
		}
		
		.app_artist .width-1col {
		  margin-right: 15px;
		}
		
		.app_artist .news-summary {
			float: none;
		}
		.app_artist .buy-links {
			margin-bottom: 1.2em;
		}
		.app_jobs #main h3 {
			color: #555;
			margin-bottom: 0;
		}
		.app_news #main input {
			width: 300px;
		}
		.app_news .news-summary h3 {
			color: #555;
		}
		.app_news .news-summary p {
			color: #555;
			padding: 0 !important;
			margin-bottom: 0 !important;
		}
		.app_search .search-results {
			margin-right: 180px;
		}
		.app_search .search-results li {
			list-style-type: none;
		}
		.app_search #main input {
			width: 300px;
		}
		.app_search #main input,
		.app_search #main select {
			margin-right: 15px;
		}
		.app_search #main .search-results span {
			color: #F00;
		}
		.app_search #main .search-results p {
			padding-right: 0;
		}
		.app_released .releases .date {
			color: #999;
		}
		.app_released #main .releases ul {
			margin-bottom: 0;
		}
		.app_released #main .releases li.blocklink {
		  margin: 0 6px 30px 0;
		}
		.app_promotion #main p {
			padding-right: 0;
		}
	#main p {
		padding-right: 100px
	}
	.app_home-index img {
		
	}
	.app_home-promo #main p > em {
		font-weight: bold
	}
	#main.contact h3 {
		font-size: 107.5%;
		font-weight: bold
	}
	#main address > p {
		margin-bottom: 1em
	}
	#main a.mailto {
		cursor: pointer;
		cursor: hand
	}
	#main .gallery {
		width: 680px;
		margin-right: -16px;
	}
	#main .viewport {
		width: 664px;
		overflow: scroll;
	}
	#main .slide {
		width: 10000px;
	}
	#main .item {
		float: left;
	}
	.hasJS #main .viewport {
		overflow: hidden;
	}
	#main .blocklink {
	  left: -3px;
		padding: 3px;
		position: relative;
	}
	#main .blocklinkhover {
		cursor: pointer;
		-moz-box-shadow: 0 0 4px #666;
		-webkit-box-shadow: 0 0 4px #666;
		box-shadow: 0 0 4px #666;
	}
	.news-summary {
		margin-left: 0 !important;
	}
	.news-summary li {
		color: #999;
		list-style-position: outside;
		list-style-type: none;
		margin-bottom: 8px;
	}
	.app_home .news-summary li {
		padding-left: 60px;
	}
	.app_news .news-summary li {
		padding-left: 160px;
	}
	.news-summary h3 {
		color: #555;
		line-height: 1em;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.news-summary img {
		display: block;
		float: left;
		margin: 0 5px 0 0 !important;
	}
	.app_home .news-summary img {
		margin-left: -57px;
	}
	.app_news .news-summary img {
		margin-left: -157px;
	}
	.news-summary .emi:link,
	.news-summary .emi:visited {
		color: #F00;
		font-weight: normal;
	}
	.releases {
		margin-right: -12px;
	}
	.releases li {
		position: relative;
		float: left;
		list-style-type: none;
		margin-right: 4px;
	}
	.releases ul {
		position: absolute;
		left: 165px;
		bottom: 0;
	}
	.releases ul li {
		/* margin: 0; */
	}
	.releases img {
		float: left;
	}
	.releases p {
		margin-left: 165px;
		padding: 0 !important;
	}
	.releases li li img {
		float: none;
	}
	.paged-search {
		border-bottom: 1px solid #D9D9D9;
		margin-bottom: 2em;
	}
	.pagination-location {
		font-weight: bold;
		color: #F00;
		margin-right: 10px;
	}

/** RIGHT COLUMN **/
#right {
	width: auto;
	padding: 0 16px 0 16px;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif
}


/** FOOTER **/
#footer {
	overflow: hidden;
	height: 15px;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%
}
	#footer + span {
		margin-bottom: 32px
	}
	#footer .copyright {
		float: left;
		text-indent: -9999px;
		width: 222px;
		height: inherit;
		background-image: url(../images/footer-logo-belgium.png);
		background-repeat: no-repeat;
		background-position: 16px
	}
	#footer.nl .copyright {
		background-image: url(../images/footer-logo.png);
	}
	#footer ul, #footer li {
		height: inherit;
		list-style-type: none
	}
	#footer ul {
		float: left;
		width: 500px;
		color: #666666;
		text-align: center
	}
		#footer ul a {
			color: #666666;
			text-decoration: none
		}
	#footer li {
		display: inline;
		margin: 0 8px 0 8px
	}
	#footer a.driebit {
		float: right;
		margin-right: 16px;
		width: 108px;
		height: inherit;
		background-image: url(../images/footer-driebitlogo.png);
		background-position: right;
		background-repeat: no-repeat
	}
	#footer a.driebit span {
		display: none
	}
.downloads {
	font-size: 93%
}
.downloads a {
	color: #555555;
	text-decoration: none
}
.downloads li {
	width: auto;
	height: 43px;
	padding: 12px 0 0 6px
}
	.downloads li b {
		font-size: 107.5%
	}
  .downloads li:hover {
    margin-left: -4px;
    margin-right: -4px;
    padding: 12px 0 0 10px;
    background-image: url(../images/li-hover-bg.png);
    color: #FF0000 !important
  }
  .left-category-block .downloads li:hover {
    margin-left: -4px;
    margin-right: -4px;
    padding: 12px 0 0 10px;
    border-width: 5px;
    border-color: black;
    background-image: none;
    /*background-image: url(../images/li-hover-bg-half.png);
    border-top-image: url(../images/li-hover-bg-half-top.png);
    border-bottom-image: url(../images/li-hover-bg-half-bottom.png);
    border-left-image: url(../images/li-hover-bg-half-left.png);
    border-right-image: url(../images/li-hover-bg-half-right.png);
    border-top-left-image: url(../images/li-hover-bg-half-corner-left-top.png);
    border-top-right-image: url(../images/li-hover-bg-half-corner-right-top.png);
    border-bottom-left-image: url(../images/li-hover-bg-half-corner-left-bottom.png);
    border-bottom-right-image: url(../images/li-hover-bg-half-corner-right-bottom.png);*/
    color: #FF0000 !important;
    display: block;
  }
  .right-category-block .downloads li:hover {
    margin-left: -4px;
    margin-right: -4px;
    padding: 12px 0 0 10px;
    background-image: url(../images/li-hover-bg-half.png);
    color: #FF0000 !important
  }
	.downloads li.icon div {
		position: absolute;
		display: inline;
		width: 100%
	}
		.downloads li.icon div a {
			line-height: 1em;
			color: inherit
		}
	.downloads li.icon {
		list-style: disc inside;
		list-style-image: url(../images/img-icon.png)
	}
		.downloads li.icon.doc, .downloads li.icon.docx {
			list-style-image: url(../images/doc-icon.png)
		}
		.downloads li.icon.jpg {
			list-style-image: url(../images/jpg-icon.png)
		}
		.downloads li.icon.pdf {
			list-style-image: url(../images/pdf-icon.png)
		}
		.downloads li.icon.xls, .downloads li.icon.xlsx {
			list-style-image: url(../images/xls-icon.png)
		}
.crumb a {
	color: black
}
#filter {
	margin-bottom: 20px;
	font-weight: bold;
	color: #4293B0
	}
	#filter a {
		text-decoration: none;
		color: inherit
	}
		#filter a.letter {
			display: inline-block;
			text-align: center;
			width: 20px;
			height: 20px;
			margin: 0 -7px 0 -7px;
			padding: 6px 5px 4px 5px
		}
			#filter a.letter:hover {
				background-image: url(../images/letter-hover-bg.png);
			}
		#filter a:hover {
			color: #FF3535
		}
		#filter a:active,
		#filter span.selected {
			color: black
		}


/** FORMS & FORM FIELDS **/
input.text {
	height: 18px;;
	margin: 5px 0;
	padding: 3px;
	border: none;
	font-size: 85%;
	color: #555555;
	background-image: url(../images/input-bg.png)
}
	#main input.text {
		font-size: 93%;
	}
.newsletter {
	text-align: right
}
	.newsletter input.text {
		width: 100%
	}
	.newsletter input.button {
		font-size: 90%;
		margin-bottom: -10px
	}
	form.newsletter + sub {
		position: absolute;
		display: inline-block;
		margin-top: -10px
	}
.promo input.text {
	width: 200px;
	font-size: 91.4% /* 85/0.93 = 11px */
}
.promo input.button {
	margin-left: 5px
}
.banner {
	padding: 0 16px;
	background-color: white
}

form li {
	list-style-type: none;
	margin-bottom: 0.5em;}
form .vertical label {
	font-weight: bold;
  	display: block; }
form .vertical input + label {
  display: inline;
  font-weight: normal; }
  
.cropcorrector1 {
	position:relative;
  top: -9px;
}

.selected {
	color: #ff0000;
	font-weight:bold;
}

.verticals {
	color:#4293B0;
  font-weight:bold;
}

/* temporary */

sub {

  visibility: hidden;
}

sub.vis {
    visibility: visible;
  
}

.newsaddthis {
	position:relative;
	float:right;
	}

.topnav a.external {  
	padding-right: 22px;
  background-image: url(/images/arrow-topnav-space.png);
  background-repeat: no-repeat;
  background-position: right center;
	}


.subnav a.external {  
  padding-right: 22px;
  background-image: url(/images/arrow-subnav-space.png);
  background-repeat: no-repeat;
  background-position: right center;
  }
  
#main p.pager {
	text-align: center;
	padding-right: 0px;
}

.weeknumber{
	margin-top: -15px;
}

#main ul.merchandise{
	margin-top: 0px;
	padding-left: 0px;
}

#main ul.merchandise li:first-child a{
	padding-left: 0px;
}

#main ul.merchandise li a{
  color: red;
}
#main ul.merchandise li a:hover{
  color: black;
}
  
.left-category-block{
  width: 322px;
  position: relative;
  float:left;
  padding-right: 9px;
  border-right: 1px solid #ccc;
}
	
.right-category-block{
  width: 322px;
  float:left;
  position: relative;
  padding-left: 9px;
  border-left: 1px solid #ccc;
  left: -1px;
}