.merchantsearch {
  background-color: #0066CC;

  -webkit-box-shadow:  0px  0px 4px #4F4F4F; 
     -moz-box-shadow:  0px  0px 4px #4F4F4F; 
          box-shadow:  0px  0px 4px #4F4F4F;
  overflow: hidden;
}

.merchantsearch input, 
.merchantsearch select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* backgroundstyle for all */
.merchantsearch .zip,
.merchantsearch .distance {
  float: left;
  width: 188px;
  height: 60px;
  background-image: url(../Images/arrow-merchant.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.merchantsearch .distance {
  width: 230px;
}

/* zip */
.merchantsearch .zip input{
  width: 140px;
  font-family: arial, sans-serif;
  color: #3F4D58;
  border: 1px solid #aaadb3;

  -webkit-border-radius: 5px; 
     -moz-border-radius: 5px;
          border-radius: 5px;

  -webkit-box-shadow: inset 0px 0px 6px #BABDC3; 
     -moz-box-shadow: inset 0px 0px 6px #BABDC3; 
          box-shadow: inset 0px 0px 6px #BABDC3;

  background-image: url(../Images/icon-location.png);
  background-repeat: no-repeat;
  background-position: 125px center;
  padding: 6px 5px 6px 5px;
  margin: 15px 18px;
}

/* distance */



/* slider */
.merchantsearch .range {
  display: none;
}

.merchantsearch .slider {
  background-image: url("../Images/slider-bg.png");
  border: none;
  border-radius: 3px 3px 3px 3px;
  box-shadow: none;
  -webkit-box-shadow: none;
  clear: right;
  cursor: pointer;
  float: left;
  height: 11px;  
  margin: 18px 0 0 11px;
  position: relative;
  width: 187px;
}

.merchantsearch .ui-slider {
  height: 1px;
  width: 100%;
}


/*
.merchantsearch input {
  margin-top: 10px;
}

.merchantsearch label {
  float: left;
  margin-top: 12px;
}*/

.merchantsearch .progress {
  background: url("../Images/slider-bar.png");
  background-repeat: no-repeat;
  background-position: 0 -1px;
  display: block;
  height: 9px;
  opacity: 1;
  position: absolute;
}

.merchantsearch .handle,
.ui-slider-handle {
  background: url("../Images/slider.png") no-repeat scroll 0 0 transparent;
  border: medium none;
  box-shadow: none;
  -webkit-box-shadow: none;
  cursor: move;
  display: block;
  height: 22px;
  margin-top: 1px;
  position: absolute;
  top: -7px;
  width: 22px;
}

.merchantsearch .ui-slider-handle {
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: none;
  position: relative;
  top: -10px;
}

.merchantsearch .range,
.ui-slider {
  border: 1px ridge #DDDDDD;
  border-radius: 3px 3px 3px 3px;
  border-style: ridge;
  float: right;
  padding: 3px 0;
  text-align: center;
}

/* kilometer */

.merchantsearch .distance .kilometer {
  width: 100%;
  margin-left: 13px;
}

.merchantsearch .distance .kilometer p {
  float: left;
  width: 17px;
  color: #fff;
  text-align: center;
  line-height: 80%;
  background-image: url(../Images/slider-line.png);
  background-repeat: no-repeat;
  background-position: 5px top;
  padding-top: 6px;
  margin-right: 38px;
} 

.merchantsearch .distance .kilometer p.last {
  width: 22px;
}

.merchantsearch .distance .kilometer p span {
  display: block;
  font-size: 10px;
}


/* submit */
.merchantsearch .submit {
  float: left;
  width: 180px;
  height: 60px;
}

.merchantsearch .submit input {
  width: 170px;
  font-family: arial, sans-serif;
  color: #0066CC;
  border: none;
  background-image: url("../Images/submit-button.png");
  background-size: 170px 32px;
  background-repeat: no-repeat; 
  background-color: transparent;
  padding: 6px 0 10px;
  margin: 15px 7px;  
}


/* merchant in aside*/

aside .merchantsearch {
  margin: 4px;
}

/* backgroundstyle for all */
aside .merchantsearch .productgroup,
aside .merchantsearch .zip,
aside .merchantsearch .distance {
  float: none;
  width: 142px;
  height: 71px;
  background-image: url(../Images/arrow-down-merchant.png);
  background-repeat: no-repeat;  
  background-position: right bottom;  
}
aside .merchantsearch .zip {
  height: 60px;
}
aside .merchantsearch .distance {
  height: 70px;
}
aside .merchantsearch .submit {
  height: 51px;
}

/* zip */
aside .merchantsearch .zip input {
  width: 127px;  
  font-size: 12px;
  margin: 8px 7px 15px 7px;
  background-position: 112px center;
}

/* productgroup */
aside .merchantsearch .productgroup select {
  width: 127px;
  height: 28px;
  font-size: 12px;  
  font-family: arial, sans-serif;
  color: #0066CC;
  border: none;
  margin: 15px 7px;  

  -webkit-border-radius: 8px; 
     -moz-border-radius: 8px;
          border-radius: 8px;

  -webkit-box-shadow: 0px 2px 0px #29507A; 
     -moz-box-shadow: 0px 2px 0px #29507A; 
          box-shadow: 0px 2px 0px #29507A;  

  background: #e4e6eb; 
  background: -moz-linear-gradient(top,  #ffffff 0%, #E0E0E0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#E0E0E0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#E0E0E0 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#E0E0E0 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#E0E0E0 100%); /* IE10+ */
  background: linear-gradient(top,  #ffffff 0%,#E0E0E0 100%); /* W3C */  
  padding: 6px 5px 5px 5px;  
}

aside .merchantsearch .productgroup option {
  background-color: #fff;
  padding: 5px;
}

/* distance */

/* slider */
aside .merchantsearch .handle,
aside .ui-slider-handle {

}

aside .merchantsearch .distance .slider {
  width: 127px;
  margin: 8px 0 0 7px;
  background: none;
  background-image: url(../Images/slider-bg-small.png);
  background-repeat: no-repeat;
}

aside .merchantsearch .distance .kilometer {
  clear: both;
  margin-left: 9px;
}

aside .merchantsearch .distance .kilometer p {
  margin-right: 18px;
  margin-bottom: 0;
} 

aside .merchantsearch .distance .kilometer p.last {
  background-position: 7px top;
  margin: 0;
}

aside .merchantsearch .progress {
  background-image: url(../Images/slider-bar-small.png);
}


/* submit */
aside .merchantsearch .submit input {
  width: 129px;
  height: 32px;
  font-size: 12px;
  background-image: url("../Images/submit-button-small.png");
  background-repeat: no-repeat; 
  background-position: right center;
  background-color: transparent;
  background-size: 129px 32px;  
  margin: 8px 7px 15px 7px;
}



/* merchantsearch single view */
.tx-cymerchantsearch-pi1 input,
.tx-cymerchantsearch-pi1 select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.tx-cymerchantsearch-pi1 .cyPaddingLeft01 {
  padding-left: 15px!important;
  margin-top: 15px;
  margin-bottom: 30px;
}

.tx-cymerchantsearch-pi1 .cyPaddingLeft01 p {
  margin-bottom: 0;
}

.tx-cymerchantsearch-pi1 .cyContainer h2 {
  background-image: url("../Images/mark-small.png");
  background-repeat: no-repeat;
  background-position: left 1px;  
  padding-left: 15px;
  position: relative;
  left: 0;
}

.tx-cymerchantsearch-pi1 .cyContainer input,
.tx-cymerchantsearch-pi1 .cyContainer textarea{
  border: 1px solid #B2B2B2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 6px #BABDC3;
  -moz-box-shadow: inset 0px 0px 6px #BABDC3;
  box-shadow: inset 0px 0px 6px #BABDC3;
  background-color: #fff!important;
  color: #686868;
  font-family: arial,sans-serif;
  padding: 4px;
}

.ie7 .tx-cymerchantsearch-pi1 .cyContainer input,
.ie7 .tx-cymerchantsearch-pi1 .cyContainer textarea,
.ie8 .tx-cymerchantsearch-pi1 .cyContainer input,
.ie8 .tx-cymerchantsearch-pi1 .cyContainer textarea {
  padding: 0;
}

.ie8 .tx-cymerchantsearch-pi1 .cyContainer input {
  height: 20px;
}

.ie8 .tx-cymerchantsearch-pi1 .cyContainer .cyFloat01.cyWidth05 input {
  display: block;
  margin-top: 3px;
}

.tx-cymerchantsearch-pi1 .cyWidth12 {
  width: 265px!important;
}

.tx-cymerchantsearch-pi1 .cyContainer select {
  font-family: arial, sans-serif;  
  border: 1px solid #aaadb3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 4px #BABDC3;
  -moz-box-shadow:  0px 0px 4px #BABDC3;
  box-shadow:  0px 0px 4px #BABDC3;
  background: url(../Images/arrow-anthrazit.png) no-repeat 96% 33px, -moz-linear-gradient(top, #fff 0%, #e4e6eb 100%)!important;
  background: url(../Images/arrow-anthrazit.png) no-repeat 96% 33px, -webkit-gradient(linear, 0% 0%,0% 100%, from(#fff), to(#e4e6eb))!important;
  background: url(../Images/arrow-anthrazit.png) no-repeat 96% 33px, -webkit-linear-gradient(top, #fff 0%,#e4e6eb 100%)!important;
  background: url(../Images/arrow-anthrazit.png) no-repeat 96% 33px, -o-linear-gradient(top, #fff 0%,#e4e6eb 100%)!important;
  background: url(../Images/arrow-anthrazit.png) no-repeat 96% 33px, -ms-linear-gradient(top, #fff 0%,#e4e6eb 100%)!important;
  background: url(../Images/arrow-anthrazit.png) no-repeat 96% 33px, linear-gradient(top, #fff 0%,#e4e6eb 100%)!important;
  padding: 4px!important;
}

.tx-cymerchantsearch-pi1 .cyContainer input {
  color: #000;
}

.tx-cymerchantsearch-pi1 .cyContainer .cyPaddingLeft01 .cyFloat02 {
  float: none!important;
}

.tx-cymerchantsearch-pi1 .cyContainer input[type="submit"] {
  height: 28px!important;
  color: #fff;
  background-color: #006bdb!important; /* Old browsers */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2RmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDViYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(top,  #007dfe 0%, #005bba 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007dfe), color-stop(100%,#005bba)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top,  #007dfe 0%,#005bba 100%); /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top,  #007dfe 0%,#005bba 100%); /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top,  #007dfe 0%,#005bba 100%); /* IE10+ */
  background-image: linear-gradient(top,  #007dfe 0%,#005bba 100%); /* W3C */
  background-position: 0 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  padding: 0;
  border: none;
  margin-top: 15px;
}

.tx-cymerchantsearch-pi1 .cySubSearch {
  margin-left: 15px;
  font-weight: bold;
}

.tx-cymerchantsearch-pi1 #cyMap {
  width: 540px;
  height: 470px;
}

.tx-cymerchantsearch-pi1 #cyMap img {
  max-width: none;
}

.tx-cymerchantsearch-pi1 .cyContainer .headingTypeBlockB11{
  padding-left: 15px;
  width: 522px;
}

.tx-cymerchantsearch-pi1 .cyContainer .headingTypeBlockB11 h3 {
  font-weight: bold;
  margin-top: 0;
}

.tx-cymerchantsearch-pi1 .cyContainer .cyWidth15.cyPadding01.cyMaringBottom01 a{
  font-weight: bold;
  background-image: url("../Images/arrow-pink.png");
  background-position: left 4px;
  background-repeat: no-repeat;
  display: block;
  padding-left: 12px;
  text-decoration: none;
}

.tx-cymerchantsearch-pi1 .cyWidth08 {
  width: 123px!important;
}

.tx-cymerchantsearch-pi1 .cyWidth09 {
  width: 248px!important;
}

.tx-cymerchantsearch-pi1 .cyContainer .cyWidth15.cyPadding01.cyMaringBottom01 a:hover {
  color: #A3248E;
  text-decoration: none;
}

.tx-cymerchantsearch-pi1 .cyFloat01.cyWidth09.cyTextAlign01 > p{
  padding-left: 15px;
}

.tx-cymerchantsearch-pi1 .cyPadding01 {
  padding-left: 0!important;
}

.tx-cymerchantsearch-pi1 .cyFloat01.cyWidth09.cyTextAlign01 > p {
  padding-left: 30px;
}

.tx-cymerchantsearch-pi1 .cyFloat01.cyWidth09.cyTextAlign01 > p.cyPaddingBottom01 {
  padding-left: 15px!important;
}

.tx-cymerchantsearch-pi1 .cyWidth03.cyFloat02 {
  text-align: right;
}

.tx-cymerchantsearch-pi1 .cyWidth15.cyPadding01.cyMaringBottom01 {
  width: 522px;
 x height: 100%;
 x font-size: 12px;
  border: 1px solid #D1D5DD;
  padding: 8px 15px 5px 0;
  background-color: #e4e6eb; /* Old browsers */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTZlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(top,  #e4e6eb 0%, #ffffff 80px); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e6eb), color-stop(80px,#ffffff)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top,  #e4e6eb 0%,#ffffff 80px); /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top,  #e4e6eb 0%,#ffffff 80px); /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top,  #e4e6eb 0%,#ffffff 80px); /* IE10+ */
  background-image: linear-gradient(top,  #e4e6eb 0%,#ffffff 80px); /* W3C */
  background-position: 0 0 ;
}


.ie7 .tx-cymerchantsearch-pi1 .cyWidth15.cyPadding01.cyMaringBottom01,
.ie8 .tx-cymerchantsearch-pi1 .cyWidth15.cyPadding01.cyMaringBottom01,
.ie9 .tx-cymerchantsearch-pi1 .cyWidth15.cyPadding01.cyMaringBottom01 {
  background-image: url(../Images/box-background.png);
  background-repeat: repeat-x;
  background-position: center top;
  background-color: #fff;
}

.tx-cymerchantsearch-pi1 .cyWidth14.cyTextAlign02 {
  margin-top: 15px!important;
}

/* Media queries
-------------------------------------------------------------------------------*/

@media (max-width : 480px) {

.merchantsearch {
  width: 143px;
  margin: 4px;
}

/* backgroundstyle for all */
.merchantsearch .productgroup,
.merchantsearch .zip,
.merchantsearch .distance {
  float: none;
  width: 142px;
  height: 71px;
  background-image: url(../Images/arrow-down-merchant.png);
  background-repeat: no-repeat;  
  background-position: right bottom;  
}
.merchantsearch .zip {
  height: 60px;
}
.merchantsearch .distance {
  height: 70px;
}
.merchantsearch .submit {
  height: 51px;
}

/* zip */
.merchantsearch .zip input {
  width: 127px;  
  font-size: 12px;
  margin: 8px 7px 15px 7px;
  background-position: 112px center;
}

/* productgroup */
.merchantsearch .productgroup select {
  width: 127px;
  height: 28px;
  font-size: 12px;  
  font-family: arial, sans-serif;
  color: #0066CC;
  border: none;
  margin: 15px 7px;  

  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;

  -webkit-box-shadow: 0px 2px 0px #29507A;
     -moz-box-shadow: 0px 2px 0px #29507A;
          box-shadow: 0px 2px 0px #29507A;  

  background: #e4e6eb;
  background: -moz-linear-gradient(top,  #ffffff 0%, #E0E0E0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#E0E0E0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#E0E0E0 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#E0E0E0 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#E0E0E0 100%); /* IE10+ */
  background: linear-gradient(top,  #ffffff 0%,#E0E0E0 100%); /* W3C */  
  padding: 6px 5px 5px 5px;  
}

.merchantsearch .productgroup option {
  background-color: #fff;
  padding: 5px;
}

/* distance */

.merchantsearch .distance .slider {
  width: 127px;
  margin: 8px 0 0 7px;
  background: none;
  background-image: url(../Images/slider-bg-small.png);
  background-repeat: no-repeat;
}

.merchantsearch .distance .kilometer {
  margin-left: 9px;
}

.merchantsearch .distance .kilometer  p {
  margin-right: 18px;
  margin-bottom: 0;
}

.merchantsearch .distance .kilometer p.last {
  background-position: 7px top;
  margin: 0;
}

.merchantsearch .progress {
  background-image: url(../Images/slider-bar-small.png);
}

/* submit */
.merchantsearch .submit input {
  width: 129px;
  height: 32px;
  font-size: 12px;
  background-image: url("../Images/submit-button-small.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-color: transparent;
  background-size: 129px 32px;  
  margin: 8px 7px 15px 7px;
}


.tx-cymerchantsearch-pi1 .cyWidth16 {
  width: 100%!important;
  margin-bottom: 15px;
}

#categoryArea .tx-cymerchantsearch-pi1 .cyFloat02, 
.tx-cymerchantsearch-pi1 .cyFloat02,
#categoryArea .tx-cymerchantsearch-pi1 .cyFloat01, 
.tx-cymerchantsearch-pi1 .cyFloat01{
  float: none!important;
  clear: both;
}

p.cyFloat02,
.cyFloat01.cyWidth09.cyTextAlign02 ,
.tx-cymerchantsearch-pi1 #cyMap {
  display: none;
}

.tx-cymerchantsearch-pi1 .cyWidth15.cyPadding01.cyMaringBottom01,
.tx-cymerchantsearch-pi1 .cyContainer .headingTypeBlockB11{
  width: 70%;
}

.tx-cymerchantsearch-pi1 .cyWidth01 {
  margin-top: -15px;
}

.cyWidth15.cyPadding01.cyMaringBottom01 {
  height: 130px;
}

}