/* left & right align of images */
img.leftAlign {
	float: left;
	margin: 10px 10px 10px 0;
}
img.rightAlign {
	float:right;
	margin: 10px 0 10px 10px;
}
img.centerAlign {
	float:none;
	margin: 10px auto !important;
	display: block;
}

/* preview bar */
.previewNotice {
	width: 100%;
	position:absolute;
	top:0;
	color: #514721;
	background: #FFF6BF none repeat scroll 0 0;
	opacity: 0.8;
	filter: alpha(80);
	z-index: 9999;
}
.previewNotice .message {
	border: 3px solid;
	padding: 0.8em;
	border-color: #FFD324;
}

/** xsl debug */
.inEditor *:hover span.xslDebugMessage {
	display:block;
	font-size: 10px;
	position:absolute;
	background-color: red;
	z-index: 99999;
}

span.xslDebugMessage {
	display:none;
}

/** in-editor region styling */
div[data-ipub-type='content']  {
	outline: 1px dashed #BBB ;
	padding-bottom: 2px; /* create some space for a widget to be dropped in a empty region. */ 
	overflow: hidden; 	/* wrap the outline over all the elements. Even floating ones. */
}

div[data-ipub-type='content']  div[data-ipub-type='content']  {
	outline-width: 0px;
}

div[data-ipub-type='content']  div[data-ipub-type='content']:hover  {
	outline-width: 1px;
}

/** Set a border for IE7 */
*div[data-ipub-type='content'] {
	border: #BBB dashed 1px; 
} 
/** in-editor widget styling */
div[data-ipub-type='content'] div[data-ipub-type]:hover { 
	outline: #BBB dashed 1px; 
}
/** assist tooltip focus on iframed widgets */
div[data-ipub-type='content'] div[data-ipub-type]:hover iframe {
	margin-top: 5px;
}
/** allow some spacing in empty regions for widget drop */
div[data-ipub-type='content'] {
	padding-bottom: 3px;
} 
/** modern browser will allow most elements to remove the above padding-bottom */
div[data-ipub-type='content'] > *:last-child {
	margin-bottom: -3px;
}

/** decollapse empty tablecells */
div[data-ipub-type='content'] td {
	min-width: 10px;
	min-height: 10px;
}


div[data-ipub-type] div.cmstooltip {
	display:none; /* hide cmstooltips that are not in a div[data-ipub-type='content'] */ 
	position: relative;
}
div[data-ipub-type='content'] div.cmstooltip {
	display:block;
}

/** Tooltip for a content container */
div[data-ipub-type='content'] div.cmstooltip .cmstooltipcontainer {
	border:1px solid #A9BFD3;
	background-color: #D0DEF0;
	position: absolute;
	top: -1px;
	right: -22px;
}

/** Correct tooltip positioning for non-content containers */
div[data-ipub-type='content'] div[data-ipub-type] div.cmstooltip .cmstooltipcontainer {
	top: -2px;
	right: -1px;
}

div[data-ipub-type] div.cmstooltip .cmstooltipcontainer div {
	float:left;
	margin:2px;
}

/** MediaManager */
.media-flv,
.media-swf,
img.IPMMSWF  {
    background: #fff url(../../iPublisher/images/icons/filetypes/swf_big.png) center center no-repeat;
    border:1px solid red;
    display:block;
    min-width: 50px;
    min-height: 50px;
}
.media-flv {
    background-image: url(../../iPublisher/images/icons/filetypes/flv_big.png);
}

/* Enable image placeholders in Firefox */
.inEditor img:-moz-broken,
.inEditor img:-moz-user-disabled {
	-moz-force-broken-image-icon: 1;
}

.inEditor img:-moz-broken:not([width]),
.inEditor img:-moz-user-disabled:not([width]) {
	width: 100px;
}

.inEditor img:-moz-broken:not([height]),
.inEditor img:-moz-user-disabled:not([height]) {
	height: 100px;
}

/*form no-display human field*/
.human {
	position: absolute;
	left: -999em;
	z-index:-1;
}

/* Classes for Ext masking support. */
.ext-el-mask {
	background-color: #CCCCCC;
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}

.x-masked-relative {
	position: relative !important;
}
.x-masked {
	overflow: hidden !important;
}

/* backward compatibility for old searchResultItems, maintain block behaviour */
.searchResultItems .title,
.searchResultItems .description {
	display: block;
}

/* Embeddable expanded styling, stretch to parent div while maintaining 16:9 aspect ratio */
.IPEmbeddable.expand {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.IPEmbeddable.expand iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9998;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9997;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
.IPYoutube .youtubeOverlay {
	position: relative;
	cursor: pointer;
}

.IPYoutube .playButton {
	background: url('../../iPublisher/modules/IPYoutube/img/play_btn_overlay.png') no-repeat center center;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.clearable{
	background:url(../../iPublisher/modules/IPStoreLocator/images/clear.png) no-repeat right -10px center;
	border:1px solid #999;
	padding:3px 18px 3px 4px; /* USE the same right padding in jQ! */
	border-radius:3px;
}
.clearable.x{
	background-position: right 5px center;
}
.clearable.onX{
	cursor:pointer;
}

.IPStoreLocator .legend .distance.hide {
	display: none;
}
/* Common styles */
th, td, td div {
    font-size: 11px;
}

p, th, td, li, div {
    font: 12px/20px verdana;
}

p {
    margin: 0;
}

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

img {
    border: none;
}

a {
    color: #FF9600;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}

.hidden {
    visibility: hidden;
}

.clearfix {
    clear: both;
}

.right {
    float: right;
}

.left {
    float: left;
}

p, th, td, li, div {
    font: 12px/20px verdana;
}

body {
    background: url("../../templates/common/images/tarwegras_achtergrond.jpg") no-repeat scroll center top #FFFFFF;
    margin: 0 auto;
    text-align: center;
}

#wrapper {
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: left;
    width: 990px;
}

#page {
    background: none repeat scroll 0 0 white;
    display: inline;
    float: left;
}

/* Logo */
#logo {
    height: 140px;
    width: 650px;
}

/* Searchbox */
#searchbox {
    background: url("../../templates/common/images/back-zoek.gif") repeat scroll 0 0 transparent;
    height: 80px;
    padding: 60px 0 0 30px;
    width: 300px;
}

.zoek-input {
    border: 1px solid black;
    float: left;
    height: 18px;
    padding: 1px 0;
    margin-right: 5px;
    width: 120px;
}

.zoek-submit {
    background: none repeat scroll 0 0 black;
    border: 1px solid black;
    color: white;
    height: 22px;
    width: 22px;
}

#betaalmethodes {
    margin: 0 auto;
    width: 45px;
	position: relative;
	left: 112px;
	top: -58px;
}

/* end Searchbox */
/* Menu */
#slider {
    height: 140px;
    margin: 0 0 0 10px;
    overflow: hidden;
    position: relative;
    width: 110px;
}

.topmenu-head, .sidemenu-head {
    background: none repeat scroll 0 0 #E30129;
}

.topmenu-body, .topmenu-body-left, .topmenu-body-right, .sidemenu-body, .footer {
    background: none repeat scroll 0 0 #D32F2F;
}

/* Main top menu */
#menu {
    height: 150px;
}

#menu ol {
    margin: 0;
    padding: 0;
}

#menu li {
    line-height: 18px;
}

.topmenu-head {
    height: 30px;
    width: 660px;
    padding-left: 15px;
}

.topmenu-head .title {
    width: 165px;
}

.topmenu-head .title, .topmenu-head .title, .sidemenu-head .title {
    color: #FFFFFF;
    /*font-family: Chaparral Pro SemiBold;*/
    font-size: 18px;
    height: 26px;
    padding-top: 4px;
    padding-left: 5px;
}

.topmenu-head .title.active, .sidemenu-head .title.active {
    background-color: #C3C3C3;
}

.topmenu-body {
    height: 110px;
    width: 660px;
    padding-left: 15px;
}

.topmenu-body ol, .sidemenu-body ol {
    list-style: none;
}

.topmenu-body li {
    margin-left: 5px;
}

.topmenu-body ol li:before, .sidemenu-body ol li:before {
    content: "\00BB";
    color: #FFFFFF;
}

.topmenu-body-left, .topmenu-body-right {
    height: 110px;
    width: 170px;
}

.topmenu-body a, .sidemenu-body a {
    color: #EEEEEE;
    font-weight: normal;
}

.topmenu-body li.selected a, .sidemenu-body li.selected a {
    color: #EEEEEE;
    font-weight: bold;
}

.sidemenu {
    height: 150px;
    width: 330px;
}

.sidemenu-head .title {
    color: #FFFFFF;
    /*font-family: Chaparral Pro Semibold;*/
    font-size: 18px;
    padding-top: 4px;
    height: 26px;
    width: 310px;
}

.sidemenu-head {
    height: 30px;
    padding-left: 15px;
    padding-right: 5px;
    width: 315px;
}

.sidemenu-body {
    height: 110px;
    width: 315px;
    padding-left: 15px;
    padding-right: 5px;
}

.sidemenu-body .sidemenu-body-left {
    padding-right: 65px;
}

/* end Main top menu */

/* Menu arrow */

.sidemenu .arrow {
    margin-left: 15px;
    width: 325px;
    height: 10px;
}

.topmenu .arrow.menu-left, .topmenu .arrow.menu-right {
    height: 10px;
    padding-left: 15px;
    float: left;
    width: 170px;
}

.arrow {
    background: url('../../templates/common/images/back-arrow.gif') center center no-repeat;
}

/* End menu arrow */

/* end Menu */

#content {
    margin-top: -10px;
}

/* Breadcrumbs */

.breadcrumbs {
    background: none repeat scroll 0 0 #E4E4E4;
    font-weight: bold;
    height: 21px;
    margin-left: 10px;
    padding: 0 0 0 130px;
    width: 840px;
}

.breadcrumbs ol {
    list-style: none;
}

.breadcrumbs li {
    display: inline;
    font-weight: bold;
}

/* end Breadcrumbs */

/* Sidebar Left */
.sidebar-left {
    width: 110px;
    margin: 70px 0 0 10px;
    padding-bottom: 120px;
}

.sidebar-left div.fruitBanner {
    width: 110px;
    height: 110px;
    margin-bottom: 10px;
}

div.fruitBanner.fruitstuk {
    background: url('../../templates/common/images/sidebar/sidebar-fruitstuk.jpg') no-repeat;
}

div.fruitBanner.fruitstuk:hover {
    background: url('../../templates/common/images/sidebar/sidebar-fruitstuk-mouseover.jpg') no-repeat;
}

div.fruitBanner.fruitophetwerk {
    background: url('../../templates/common/images/sidebar/sidebar-fruitophetwerk.jpg') no-repeat;
}

div.fruitBanner.fruitophetwerk:hover {
    background: url('../../templates/common/images/sidebar/sidebar-fruitophetwerk-mouseover.jpg') no-repeat;
}

div.fruitBanner.fruitticket {
    background: url('../../templates/common/images/sidebar/sidebar-fruitticket.jpg') no-repeat;
}

div.fruitBanner.fruitticket:hover {
    background: url('../../templates/common/images/sidebar/sidebar-fruitticket-mouseover.jpg') no-repeat;
}

div.fruitBanner.fruitclub {
    background: url('../../templates/common/images/sidebar/sidebar-fruitclub.jpg') no-repeat;
}

div.fruitBanner.fruitclub:hover {
    background: url('../../templates/common/images/sidebar/sidebar-fruitclub-mouseover.jpg') no-repeat;
}

/* end Sidebar Left */

/* Sidebar Right */
.sidebar-right {
    margin: 5px;
    width: 115px;
}

#echtegroenteman {
    margin-top: -25px;
    margin-bottom: 5px;
}

/* end Sidebar Right */

.main-content {
    min-height: 300px;
    padding: 30px 30px 30px 60px;
    width: 724px;
}

/* Footer */
.footer {
    height: 60px;
    margin: 10px 10px 0;
    width: 970px;
    margin-bottom: 60px;
}

.footer a {
    color: black;
}

.footerleft {
    width: 510px;
    height: 50px;
    margin: 10px 0 0 130px;
}

.footertext {
    font-size: 10px;
    line-height: 15px;
}

/* Template styles */


.orderTarwegras a,
.orderTarwegras input[type="submit"],
.form_kennismakingspakket button[type="submit"],
.form_contact button[type="submit"],
input.Checkout_iDeal {
    background: url("../../templates/common/images/bestelbutton_tarwegras.png") no-repeat scroll center center transparent;
    color: #FFFFFF;
    display: block;
    height: 38px;
    line-height: 35px;
    margin: 0 auto;
    padding-left: 15px;
    width: 200px;
    border: none;
    cursor: pointer;
}

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

.orderTarwegras input[type="submit"] {
    border: none;
    font-weight: bold;
    cursor: pointer;
}

li.vinkje {
    background-image: url("../../templates/common/images/vinkje.gif");
    background-position: 2px 8px;
    background-repeat: no-repeat;
    font-size: 10px;
    line-height: 32px;
    list-style: none outside none;
    margin-left: -42px;
    padding-left: 22px;
    margin-top: -10px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: verdana;
}

h1 {
    /*font-family: Chaparral Pro;*/
    font-size: 28px;
    font-weight: bold;
    color: #000;
}
h2 {
    color: #008000;
    font-size: 20px;
    margin: 13px 0;
}

h3 {
    color: #FF8000;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    margin-top: 13px;
    margin-bottom: 7px;
}

h4 {
    color: #000000;
    font-size: 15px;
    margin: 19px 0;
}

h5 {
    color: #008000;
    font-size: 16px;
    margin: 16px 0;
}

h6 {
    color: #008000;
    font-size: 10px;
    margin: 0;
}

.text-color-black {
    color: black;
}

.text-color-green {
    color: #008000;
}

.text-color-orange {
    color: #ff8000;
}

.text-color-red {
    color: #ff0000;
}

.text-color-blue {
    color: #0080ff;
}

.small-text {
    font-size: 10px;
}

/* ideal Page */
ul.rules li {
    margin-left: 20px;
}

.form_kennismakingspakket {
}

.form_kennismakingspakket ul {
    list-style: none;
    margin-left: 20px;
}

.form_kennismakingspakket label,
.form_contact label {
    display: inline-block;
    width: 150px;
}

.form_kennismakingspakket .field_kennismakingspakket_aanhef ul,
.form_contact .field_contact_aanhef ul {
    display: inline-block;
    width: 150px;
    margin: 0;
    padding: 0;
}

.form_kennismakingspakket .field_kennismakingspakket_aanhef li,
.form_contact .field_contact_aanhef li {
    float: left;
    list-style: none outside none;
    width: 60px;
}

.form_kennismakingspakket .field_kennismakingspakket_found label[for$='found'],
.form_kennismakingspakket .field_kennismakingspakket_usedBefore label,
.form_kennismakingspakket .field_kennismakingspakket_reason label[for$='reason'] {
    width: 350px;
}

.form_kennismakingspakket .field_kennismakingspakket_found {
    margin-top: 15px;
}

.kennismakingspakket ul,
.amount-options ul,
.retailers ul {
    margin-left: 20px;
    margin-top: 5px;
    list-style: none;
}

.kennismakingspakket h1 {
    border-top: 1px solid #bbbbbb;
    margin-top: 5px;
    padding-top: 5px;
}

.kennismakingspakket,
.tarwegrasbestellen,
.retailers {
    border-bottom: 1px solid #bbbbbb;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.amount-options {
    border-top: 1px solid #bbbbbb;
    margin-top: 5px;
}

.amount-options label {
    width: 250px;
    display: inline-block;
}

.naw-writable {
    border-top: 1px solid #bbbbbb;
    margin-top: 5px;
    padding: 5px;
}

.naw-writable label {
    width: 150px;
    display: inline-block;
}

.naw-writable .error {
    color: #FF0000;
}

.naw-writable label[for^="aanhef"] {
    width: 50px;
}

.tableheader td {
    font-weight: bold;
}

.light {
    background-color: #ddd;
}

.dark {
    background-color: #ccc;
}

input.formInputText {
    margin: 2px 0;
    width: 170px;
}

input.error, textarea.error {
    border: 1px solid red;
    color: #666666;
}

div.required p.iferror {
    color: red;
    display: none;
}

div.error p.iferror {
    display: block;
}

input.formInputButton {
    background: none repeat scroll 0 0 black;
    border: 1px solid black;
    color: white;
    font-weight: bold;
}

table.voedingswaardetabel {
    background-color: #27C5CD;
    width: 100%;
    border: 1px;
}
table.voedingswaardetabel td {
    padding: 2px;
    margin: 2px;
    border: 1px solid #000;
}

a span.antispam1 {
    display: none;
}
a span.antispam2 {
    unicode-bidi: bidi-override;
    direction: rtl;
}

#errorMsg ol {
    list-style: none;
}

#errorMsg li {
    color: #FF0000;
    margin-left: -40px;
}

form div.error input {
    border: 1px solid #FF0000;
    padding: 2px;
}

form div.type_radio input[type='text'] {
    margin-left: -10px;
}

label[for$='reason_other'],
label[for$='found_other'] {
    display: none;
}

div.type_other {
    margin-left: 155px;
    margin-top: -20px;
}

.paginationWrap {
    background: none repeat scroll 0 0 #EBEBEB;
    padding: 10px;
}
.paginationWrap .pagination {
    margin: 0;
    text-align: center;
}
.paginationWrap .pagination li {
    background: none repeat scroll 0 0 transparent;
    display: inline;
    margin: 0 10px;
    padding: 0;
}
.paginationWrap .pagination li.selected a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 100% 100% 100% 100%;
    display: inline-block;
    min-width: 14px;
    padding: 2px 4px;
}
.paginationWrap .pagination .prev {
    float: left;
}
.paginationWrap .pagination .prev a, .paginationWrap .pagination .prev span {
    padding-left: 16px;
}
.paginationWrap .pagination .next {
    float: right;
}
.paginationWrap .pagination .next a, .paginationWrap .pagination .next span {
    padding: 0 16px 0 0;
}
.paginationWrap .pagination .pageIndicator {
    color: #707070;
    font-size: 12px;
    line-height: 16px;
}
.paginationWrap .pagination .inactive {
    color: #999999;
    opacity: 0.5;
}

.searchResult fieldset {
    border: none;
    padding: 0;
    margin: 0;
}
.searchQuery .highlight,
.searchResult fieldset label {
    font-weight: bold;
}

.searchResult .total {
    margin: 25px 0 15px;
}

.searchResult fieldset legend {
    display: none;
}

.verkooppunten tr {
    border-bottom: 1px solid #000000;
    margin-bottom: 10px;
    display: block;
    padding-bottom: 10px;
}

.verkooppunten tr td:first-child {
    width: 300px;
}

.button {
    background-color: rgb(106, 183, 81);
    background-image: url("../../templates/common/images/button-icon_green.png");
    background-position: 2px 50%;
    background-repeat: no-repeat;
    background: url("../../templates/common/images/button-icon_green.png") no-repeat, rgb(106, 183, 81); /* Old browsers */
    background: url("../../templates/common/images/button-icon_green.png") no-repeat, -moz-linear-gradient(top, rgba(106, 183, 81, 1) 0%, rgba(106, 184, 83, 1) 4%, rgba(100, 181, 78, 1) 8%, rgba(93, 174, 72, 1) 27%, rgba(77, 157, 58, 1) 54%, rgba(72, 157, 54, 1) 62%, rgba(62, 147, 44, 1) 88%, rgba(60, 147, 43, 1) 92%, rgba(61, 147, 48, 1) 96%, rgba(54, 150, 50, 1) 100%); /* FF3.6+ */
    background: url("../../templates/common/images/button-icon_green.png") no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(106, 183, 81, 1)), color-stop(4%, rgba(106, 184, 83, 1)), color-stop(8%, rgba(100, 181, 78, 1)), color-stop(27%, rgba(93, 174, 72, 1)), color-stop(54%, rgba(77, 157, 58, 1)), color-stop(62%, rgba(72, 157, 54, 1)), color-stop(88%, rgba(62, 147, 44, 1)), color-stop(92%, rgba(60, 147, 43, 1)), color-stop(96%, rgba(61, 147, 48, 1)), color-stop(100%, rgba(54, 150, 50, 1))); /* Chrome,Safari4+ */
    background: url("../../templates/common/images/button-icon_green.png") no-repeat, -webkit-linear-gradient(top, rgba(106, 183, 81, 1) 0%, rgba(106, 184, 83, 1) 4%, rgba(100, 181, 78, 1) 8%, rgba(93, 174, 72, 1) 27%, rgba(77, 157, 58, 1) 54%, rgba(72, 157, 54, 1) 62%, rgba(62, 147, 44, 1) 88%, rgba(60, 147, 43, 1) 92%, rgba(61, 147, 48, 1) 96%, rgba(54, 150, 50, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: url("../../templates/common/images/button-icon_green.png") no-repeat, -o-linear-gradient(top, rgba(106, 183, 81, 1) 0%, rgba(106, 184, 83, 1) 4%, rgba(100, 181, 78, 1) 8%, rgba(93, 174, 72, 1) 27%, rgba(77, 157, 58, 1) 54%, rgba(72, 157, 54, 1) 62%, rgba(62, 147, 44, 1) 88%, rgba(60, 147, 43, 1) 92%, rgba(61, 147, 48, 1) 96%, rgba(54, 150, 50, 1) 100%); /* Opera 11.10+ */
    background: url("../../templates/common/images/button-icon_green.png") no-repeat, -ms-linear-gradient(top, rgba(106, 183, 81, 1) 0%, rgba(106, 184, 83, 1) 4%, rgba(100, 181, 78, 1) 8%, rgba(93, 174, 72, 1) 27%, rgba(77, 157, 58, 1) 54%, rgba(72, 157, 54, 1) 62%, rgba(62, 147, 44, 1) 88%, rgba(60, 147, 43, 1) 92%, rgba(61, 147, 48, 1) 96%, rgba(54, 150, 50, 1) 100%); /* IE10+ */
    background: url("../../templates/common/images/button-icon_green.png") no-repeat, linear-gradient(to bottom, rgba(106, 183, 81, 1) 0%, rgba(106, 184, 83, 1) 4%, rgba(100, 181, 78, 1) 8%, rgba(93, 174, 72, 1) 27%, rgba(77, 157, 58, 1) 54%, rgba(72, 157, 54, 1) 62%, rgba(62, 147, 44, 1) 88%, rgba(60, 147, 43, 1) 92%, rgba(61, 147, 48, 1) 96%, rgba(54, 150, 50, 1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ab751', endColorstr='#369632', GradientType=0), url("../images/button-icon_green.png"); *//* IE6-9 */
    background-position: 2px 50%;
    position: relative;
    border: 1px solid #fff;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    padding: 3px 15px 5px 25px;
    text-align: center;
    white-space: nowrap;
}

.button:hover,
.button.red {
    background-color: rgb(106, 183, 81);
    background-image: url("../../templates/common/images/button-icon_red.png");
    background-position: 2px 50%;
    background-repeat: no-repeat;

    background: url("../../templates/common/images/button-icon_red.png") 2px 50% no-repeat, rgb(106, 183, 81); /* Old browsers */
    background: url("../../templates/common/images/button-icon_red.png") 2px 50% no-repeat, -moz-linear-gradient(top, rgba(106, 183, 81, 1) 0%, rgba(106, 184, 83, 1) 4%, rgba(100, 181, 78, 1) 8%, rgba(93, 174, 72, 1) 27%, rgba(77, 157, 58, 1) 54%, rgba(72, 157, 54, 1) 62%, rgba(62, 147, 44, 1) 88%, rgba(60, 147, 43, 1) 92%, rgba(61, 147, 48, 1) 96%, rgba(54, 150, 50, 1) 100%); /* FF3.6+ */
    background: url("../../templates/common/images/button-icon_red.png") 2px 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(106, 183, 81, 1)), color-stop(4%, rgba(106, 184, 83, 1)), color-stop(8%, rgba(100, 181, 78, 1)), color-stop(27%, rgba(93, 174, 72, 1)), color-stop(54%, rgba(77, 157, 58, 1)), color-stop(62%, rgba(72, 157, 54, 1)), color-stop(88%, rgba(62, 147, 44, 1)), color-stop(92%, rgba(60, 147, 43, 1)), color-stop(96%, rgba(61, 147, 48, 1)), color-stop(100%, rgba(54, 150, 50, 1))); /* Chrome,Safari4+ */
    background: url("../../templates/common/images/button-icon_red.png") 2px 50% no-repeat, -webkit-linear-gradient(top, rgba(106, 183, 81, 1) 0%, rgba(106, 184, 83, 1) 4%, rgba(100, 181, 78, 1) 8%, rgba(93, 174, 72, 1) 27%, rgba(77, 157, 58, 1) 54%, rgba(72, 157, 54, 1) 62%, rgba(62, 147, 44, 1) 88%, rgba(60, 147, 43, 1) 92%, rgba(61, 147, 48, 1) 96%, rgba(54, 150, 50, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: url("../../templates/common/images/button-icon_red.png") 2px 50% no-repeat, -o-linear-gradient(top, rgba(106, 183, 81, 1) 0%, rgba(106, 184, 83, 1) 4%, rgba(100, 181, 78, 1) 8%, rgba(93, 174, 72, 1) 27%, rgba(77, 157, 58, 1) 54%, rgba(72, 157, 54, 1) 62%, rgba(62, 147, 44, 1) 88%, rgba(60, 147, 43, 1) 92%, rgba(61, 147, 48, 1) 96%, rgba(54, 150, 50, 1) 100%); /* Opera 11.10+ */
    background: url("../../templates/common/images/button-icon_red.png") 2px 50% no-repeat, -ms-linear-gradient(top, rgba(106, 183, 81, 1) 0%, rgba(106, 184, 83, 1) 4%, rgba(100, 181, 78, 1) 8%, rgba(93, 174, 72, 1) 27%, rgba(77, 157, 58, 1) 54%, rgba(72, 157, 54, 1) 62%, rgba(62, 147, 44, 1) 88%, rgba(60, 147, 43, 1) 92%, rgba(61, 147, 48, 1) 96%, rgba(54, 150, 50, 1) 100%); /* IE10+ */
}

.button.red:hover {
    background-color: rgb(106, 183, 81);
    background-image: url("../../templates/common/images/button-icon_green.png");
    background-position: 2px 50%;
    background-repeat: no-repeat;
    background: url("../../templates/common/images/button-icon_green.png") 2px 50% no-repeat, rgb(106, 183, 81); /* Old browsers */
    background: url("../../templates/common/images/button-icon_green.png") 2px 50% no-repeat, -moz-linear-gradient(top, rgba(106, 183, 81, 1) 0%, rgba(106, 184, 83, 1) 4%, rgba(100, 181, 78, 1) 8%, rgba(93, 174, 72, 1) 27%, rgba(77, 157, 58, 1) 54%, rgba(72, 157, 54, 1) 62%, rgba(62, 147, 44, 1) 88%, rgba(60, 147, 43, 1) 92%, rgba(61, 147, 48, 1) 96%, rgba(54, 150, 50, 1) 100%); /* FF3.6+ */
    background: url("../../templates/common/images/button-icon_green.png") 2px 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(106, 183, 81, 1)), color-stop(4%, rgba(106, 184, 83, 1)), color-stop(8%, rgba(100, 181, 78, 1)), color-stop(27%, rgba(93, 174, 72, 1)), color-stop(54%, rgba(77, 157, 58, 1)), color-stop(62%, rgba(72, 157, 54, 1)), color-stop(88%, rgba(62, 147, 44, 1)), color-stop(92%, rgba(60, 147, 43, 1)), color-stop(96%, rgba(61, 147, 48, 1)), color-stop(100%, rgba(54, 150, 50, 1))); /* Chrome,Safari4+ */
    background: url("../../templates/common/images/button-icon_green.png") 2px 50% no-repeat, -webkit-linear-gradient(top, rgba(106, 183, 81, 1) 0%, rgba(106, 184, 83, 1) 4%, rgba(100, 181, 78, 1) 8%, rgba(93, 174, 72, 1) 27%, rgba(77, 157, 58, 1) 54%, rgba(72, 157, 54, 1) 62%, rgba(62, 147, 44, 1) 88%, rgba(60, 147, 43, 1) 92%, rgba(61, 147, 48, 1) 96%, rgba(54, 150, 50, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: url("../../templates/common/images/button-icon_green.png") 2px 50% no-repeat, -o-linear-gradient(top, rgba(106, 183, 81, 1) 0%, rgba(106, 184, 83, 1) 4%, rgba(100, 181, 78, 1) 8%, rgba(93, 174, 72, 1) 27%, rgba(77, 157, 58, 1) 54%, rgba(72, 157, 54, 1) 62%, rgba(62, 147, 44, 1) 88%, rgba(60, 147, 43, 1) 92%, rgba(61, 147, 48, 1) 96%, rgba(54, 150, 50, 1) 100%); /* Opera 11.10+ */
    background: url("../../templates/common/images/button-icon_green.png") 2px 50% no-repeat, -ms-linear-gradient(top, rgba(106, 183, 81, 1) 0%, rgba(106, 184, 83, 1) 4%, rgba(100, 181, 78, 1) 8%, rgba(93, 174, 72, 1) 27%, rgba(77, 157, 58, 1) 54%, rgba(72, 157, 54, 1) 62%, rgba(62, 147, 44, 1) 88%, rgba(60, 147, 43, 1) 92%, rgba(61, 147, 48, 1) 96%, rgba(54, 150, 50, 1) 100%); /* IE10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ab751', endColorstr='#369632', GradientType=0), url("../images/button-icon_green.png"); *//* IE6-9 */
}

.button:hover {
	text-decoration: none;
}

.vinkjes,
.kruisjes{
	padding-left: 10px;
}
.vinkjes li,
.kruisjes li{
	background: url('../../templates/common/images/vinkje-green.png') no-repeat left 5px;
	padding-left: 25px;
	list-style: none outside none;
}
.vinkjes.orange li {
	background: url('../../templates/common/images/vinkje-orange.png') no-repeat left 5px;
}

.kruisjes li {
	background: url('../../templates/common/images/kruisje-red.png') no-repeat left 5px;
}

/* IPStoreLocator */
.IPStoreLocator .shopSearch {
	padding: 10px;
	background-color: #F3F3F3;
}

.IPStoreLocator .shopSearch .IPSLSearch {
	width: 170px;
}

.IPStoreLocator .shopSearch .IPSLSearch::-ms-clear {
	display: none;
}
.IPStoreLocator .shopSearch .IPSLSearchButton {
	margin-left: 5px;
}

.IPSLSearch.clearable {
	background-color: white;
	padding: 4px 5px;
}

.IPStoreLocator .IPSLErrors {
	color: #FF0000;
	padding: 0 0 5px 10px;
	background-color: #F3F3F3;
}

.IPStoreLocator .legend {
	background-color: rgb(243, 243, 243);
}

.IPStoreLocator .legend span {
	font-weight: bold;
}

.IPStoreLocator .stores {
	margin-bottom: 20px;
}

.IPStoreLocator .store {
	display: block;
	border-bottom: 1px solid #000000;
	float: left;
	width: 100%;
}

.IPStoreLocator .store div {
	display: inline-block;
	float: left;
	min-height: 40px;
	padding: 10px;
	vertical-align: middle;
}

.IPStoreLocator .store .name {
	width: 25%;
}

.IPStoreLocator .store .address {
	width: 30%;
}

.IPStoreLocator .store .distance {
	width: 9%;
}

.IPStoreLocator .legend .distance {
	width: 25%;
}

.IPStoreLocator .store .moreInfo {
	text-align: center;
	float:right;
}

.IPStoreLocator .stores .moreResults{
	clear:both;
	display: block;
	text-align: center;
	padding: 10px;
}

.IPSLMap.google-map {
	width: 100%;
	height: 500px;
}