/* CSS Document */

#sidebar
{
    float:left;
    width:170px;
    margin-left:10px;
}

#results
{
    float:left;
    width: 800px;
    margin-left:10px;
}

#prijslijst_noresult { position: relative; margin: 0; width: 1000px; height: 515px; color: #fff;}
#prijslijst_noresult.noresult1 { background-image:url(/public/images/noresult1.jpg) }
#prijslijst_noresult.noresult2 { background-image:url(/public/images/noresult2.jpg) }
#prijslijst_noresult.noresult3 { background-image:url(/public/images/noresult3.jpg) }
#prijslijst_noresult.noresult4 { background-image:url(/public/images/noresult4.jpg) }
#prijslijst_noresult_hint { position: absolute; margin: 120px 0 0 35px; width: 600px}
#prijslijst_noresult_hint .trefwoord { font-size: 15px; font-weight: bold;}

#productalert_form { margin-top: 10px; }
#productalert_form ul { padding: 0; margin: 0 20px 20px 20px; list-style: none; list-style-position:inside;}
#productalert_form li { }

#productalert_form { margin: 10px; line-height: normal;}

#prijslijst_opties {
  margin: 0 0 10px 20px;
  width: 800px;
  border: 0px red solid;
}
/* sortering */
#prijslijst_opties #prijslijst_sortering {
  width: 388px;
  float: right;
  margin: 0;
  padding: 0;
  border: 0px red solid;
}

#prijslijst_sortering_label { border: 0px red solid; padding: 0; margin: 0; text-align: right; background-image:url(../images/balk_sortering_links.png); background-repeat:no-repeat; width: 112px; height: 23px; float: right; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}

#prijslijst_sortering_opties {border: 0px orange solid; padding: 0; margin: 0; background-image:url(../images/balk_sortering_rechts.png); background-repeat:no-repeat; width: 276px; height: 23px;float: right; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

/* alfabet selectie */


/* gallery view */
/* bevat boxshots met labels, staan in een aparte CSS i.v.m. hergebruik in andere pagina's */


/* detail view */
#prijslijst_detail { clear:both; line-height: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

#prijslijst_detail .prijslijst_detail_item { margin: 0 0 0 0; padding: 5px 0 0 0; width: 800px; min-height: 115px; overflow:visible; border-bottom: 1px #99f dashed; position:relative;}

#prijslijst_detail .prijslijst_detail_item > a { display:inline-block; min-height:115px; float:left;}

#prijslijst_detail .packageshot { margin-right: 12px; border: 0; float: left; }

#prijslijst_detail .prijslijst_detail_item_details {}

#prijslijst_detail .prijslijst_detail_item_details .leeftijd { vertical-align:top;}

#prijslijst_detail .prijslijst_detail_item_titel { font-size:14px; font-weight: bold; }

#prijslijst_detail .prijslijst_detail_item_platform { color: #666; }

#prijslijst_detail .prijslijst_detail_item_genre { color: #666; }

#prijslijst_detail .prijslijst_detail_item_label { font-weight: bold;}

#prijslijst_detail .rating {display:inline-block;}
#prijslijst_detail .rating img {vertical-align:top;}

#prijslijst_detail img.pegi { vertical-align: text-top; margin: 2px 0 0 0; }

#prijslijst_detail .prijslijst_detail_item_levertijd {display:inline;}
#prijslijst_detail .prijslijst_detail_item_levertijd_uitverkocht { color: #942622; }

#prijslijst_detail .prijslijst_detail_item_releasedate { font-weight: bold; color: #76000d; }

#prijslijst_detail a { text-decoration: none; font-weight: bold; color: #004ea4 }
#prijslijst_detail a:hover { text-decoration: underline; }

#prijslijst_detail .prijslijst_detail_item_prijs {position:absolute; right:0px;}
#prijslijst_detail .prijslijst_detail_item_prijs > a:hover {text-decoration: none;}
#prijslijst_detail .prijslijst_detail_item_prijs > a > span{display: block;}
#prijslijst_detail .prijslijst_detail_prijs_wrapper { text-align: center; margin: 0 20px 0 0; padding: 2px 0 0 0; width: 96px; height: 44px; }
#prijslijst_detail .prijs_nieuw.prijslijst_detail_prijs_wrapper{background-image: url('/public/images/prijssticker.png'); background-repeat:no-repeat;}
#prijslijst_detail .prijs_gebruikt.prijslijst_detail_prijs_wrapper{ position:absolute; right:0px; top:54px; background-image: url('/public/images/prijssticker_gebruikt.png'); background-repeat:no-repeat;}

#prijslijst_detail .prijslijst_detail_prijs_van { font-family: "Courier New", Courier, monospace; text-decoration: line-through; color: #666; font-size: 11px;}
#prijslijst_detail .prijslijst_detail_prijs_voor { font-family: "Courier New", Courier, monospace; font-weight: bold; font-size: 18px; color:#000}

#prijslijst_detail .prijslijst_detail_prijs_gebruikt { margin-top: 20px; font-family: "Courier New", Courier, monospace;}



#prijslijst_detail .filiaal_voorraad { color: #004ea4; }

/* table view */
#prijslijst_tableview {
  border-collapse: collapse;
  margin-left: 20px;
  width:100%;
}

#prijslijst_tableview thead th {
  font-family: Georgia, "Times New Roman", Times, serif;
  padding-bottom: 10px;
  border-bottom: 4px #003399 solid;
  text-align: left;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

#prijslijst_tableview tbody td {
  padding: 2px 0;
  font-size: 11px;
  border-bottom: 1px dashed #99f;
}

#prijslijst_tableview .prijslijst_head_titel {
}

#prijslijst_tableview .prijslijst_head_platform {
  width: 110px;
}

#prijslijst_tableview .prijslijst_head_genre {
  width: 110px;
}

#prijslijst_tableview .prijslijst_head_prijsnieuw {
  width: 65px;
}

#prijslijst_tableview .prijslijst_head_prijsgebruikt {
  width: 80px;
}

#prijslijst_tableview .prijslijst_head_release {
  width: 100px;
  text-align: right;
}

#prijslijst_tableview .prijslijst_release {
  text-align: right;
}

#prijslijst_tableview .odd {
  background-color: #fff;
}

#prijslijst_tableview .even {
  background-color: #E6F1FD;
}

#prijslijst_tableview .highlight
{
    background-color: #FFCC55;
}

#prijslijst_tableview .release
{
    text-align:center;
}

#prijslijst_tableview a {
display: block;
text-decoration: none;
color: #003;
}

#prijslijst_tableview a:hover {
text-decoration: underline;
}

#verfijnen  {
  margin-left: 15px;
}

#verfijnen h2
{
    margin-bottom:10px;
    font-size:18px;
}

#verfijnen h3
{
    margin-bottom:5px;
    font-size:14px;
}

#verfijnen .facet_count {
font-size: 0.75em;
}

ul.verfijning 
{
background-color: #fff;
padding: 0;
margin: 0;
margin-bottom: 1.5em;
width: 170px;
}

.verfijning li
{
list-style: none;
margin: 0;
padding: 0 0.25em 0 1em;
}

.verfijning li.nav_link_meer
{
text-align: right;
}

.verfijning li a { text-decoration: none; color: #0b2d68; width: 150px; display: inline-block; font-size: 12px; line-height:1.35;}
.verfijning li a:hover { text-decoration: underline;}

.verfijning_header {
  margin-left: 5px;
  border-bottom: 1px dotted #ccc;
  font-size:16px;
  font-weight: bold;
}

.paging, .alphabet_filter
{
    width:100%;
    text-align:center;
    clear:both;
    margin-top: 1em;
}

.paging_backward
{
    float:left;
}
.paging_pages
{
    margin-left:auto;
    text-align:center;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.paging_pages .page
{
    width:2em;
    display:inline-block;
}
.alphabet_filter .number
{
    display:inline-block;
    width: 2.5em;
    text-align:center;
}

.alphabet_filter .letter
{
    display:inline-block;
    width: 1.5em;
    text-align:center;
}

.dash
{
    border-right: 1px solid silver;
}

.paging_pages .selected
{
    font-weight:bold;
}
.paging_forward
{
    float:right;
}

#genre_facet_meer_opties , #platform_facet_meer_opties 
{
    margin-top:-15px;
    width:310px;
    display: none;
    position:absolute;
    z-index: 99;
    border: 1px solid silver;
    padding-top: 5px;
    padding-bottom: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    -moz-box-shadow: silver 0px 0px 3px;
    -webkit-box-shadow: silver 0px 0px 3px;
    box-shadow: silver 0px 0px 3px;
}
#genre_facet_meer_opties li, #platform_facet_meer_opties li
{
    width: 140px;
    float:left;
}

#prijslijst_voorkeur_selectie
{
    display:inline-block;
    width:100%;
    text-align:right;
}

#prijslijst_voorkeur_selectie * 
{
    text-align: left;
}


