/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
/* ========================================================================
   Custom.css file 
 ========================================================================== */
/* Martijn Kooi
 ========================================================================== */

/* 
.tm-headerbar {
  background: url(../images/leisteen.png) repeat center center;
}

.tm-fullscreen {    
height: auto;    
}

*/

/*

<a onclick="openCart(); return false;" class="primary button cartbutton">
Winkelmand
<span class="quantity">1</span>
</a>

header .rightside .cartbutton {
  float:right;
  font-size:12px;
  position:relative;
}

.primary.button {
  background:#EF164B;
  color:#FFFFFF;
}

.quantity {
  background:#58585A;
  border:2px solid #FFFFFF;
  border-radius:5px;
  color:#FFFFFF;
  height:22px;
  line-height:18px;
  min-width:22px;
  padding:0 5px;
  position:absolute;
  right:-12px;
  top:-15px;
}



<div class="tm-image uk-text-center fullscreen2" style="background-image: url('images/avanelk/fullscreen/green_background_2-wallpaper-1920x1200.jpg');">
	<div class="uk-height-1-1 uk-vertical-align">
	<div class="uk-vertical-align-middle tm-teaser">
	</div>
</div>


*/

span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button {
  background:#FFFFFF;
  border:1px solid #CCCCCC;
  border-radius:4px;
  color:#A2C232;
  cursor:pointer;
  font-size:1.2em;
  letter-spacing:1px;
  max-width:100%;
  padding:10px;
  text-align:center;
}

a.ask-a-question {
  background:#A2C232;
  border:1px solid #CCCCCC;
  border-radius:2px;
  color:#ffffff;

}

.quantity {
  background:#58585A;
  border:2px solid #FFFFFF;
  border-radius:5px;
  color:#FFFFFF;
  height:19px;
  line-height:19px;
  min-width:22px;
  padding:2px;
  position:absolute;
  right:-19px;
  top:-2px;
}

.fullscreen2 {
	z-index:999;
	margin-bottom: -550px;
}

.tm-headerbar {
  padding:15px 0;
}

.tm-logo-navbar {  
	display: none;  
}  

.uk-sticky.uk-active .tm-logo-navbar {  
	display: block;  
	float: left;  
	height: 60px;  
	line-height: 60px;  
	margin-right: 30px;  
}

button {
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  border-width:1px;
  box-sizing:border-box;
  line-height:28px;
  min-height:30px;
  padding:0 12px;
}

/*
.tm-block-full.image-top {
  height:600px;
  background: url(../images/topimage.jpg) no-repeat center center;
  padding:40px;
}
*/

.tm-block-full {
  padding:40px;
  height: auto;
}


.tm-block-full.image-top {
  padding:40px;
  height: auto;
}

.tm-block-full.image-bottom {
  height:600px;
  background: url(../images/topimage.jpg) no-repeat center center;
  padding:40px;
}


/* ribbon VM special product */
.ribbon-wrapper {
  margin: 0;
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
  position: relative;
  z-index: 90;
}

.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}

/* ribbon VM special product */


span.vm-price-desc {
	color:#525252;
	font-size:14px;
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	line-height:24px;
	margin-top: 10px;
}


span.PricesalesPrice {
	color:#525252;
	font-size:16px;
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	line-height:24px;
	margin-top: 10px;
}

.thumbcat {
	width:250px;
}

.thumb {
    width:100%;
    height:100%;
}

.thumbpanel {
    width:250px;
}


.pagenav {
  color:#808080;
  margin:0 4px;
  padding:8px;
  background-color: none;
  background: none;
  border:none;
}


#bottom-pagination { text-align: center; margin: 20px; }
#bottom-pagination > ul > li { display: inline-block; list-style: none; font: bold 12px/13px Arial, Helvetica, sans-serif; padding: 5px; color: #999; background: #eee; word-spacing: normal; margin: 5px; }
#bottom-pagination li.pagination-start { margin-right: 10px; }
#bottom-pagination li.pagination-end { margin-left: 10px; }
#bottom-pagination li.current { background: #66CC00; color: #fff; }
#bottom-pagination li a { display: inline-block; padding: 5px 9px; margin: -5px -9px; text-decoration: none;}
#bottom-pagination li a,
#bottom-pagination li a:link,
#bottom-pagination li a:visited,
#bottom-pagination li a:active { background: #666; color: #fff; }
#bottom-pagination li a:hover,
#bottom-pagination li a:focus { background: #333; }
#bottom-pagination li,
#bottom-pagination li a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.uk-thumbnail-expand, .uk-thumbnail-expand > img {
    width: 100%;
    height: 258px !important;
}