/*--- standard variables ---*/
/*--- product item ratio (thumb + content) ---*/
/* set ProductImageRatio in productOverview! */
/*--- media queries. When using responsive ---*/
/* Range breakpoints */
/*--- media queries. When using responsive: only mobile & desktop ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 480px)";
@tablet:		~"only screen and (min-width: 999999999px)";
@tabletLand:	~"only screen and (min-width: 768px)";
@desktop:		~"only screen and (min-width: 768px)";

@upToTablet:	~"only screen and (max-width: 767px)";
@upToDesktop:	~"only screen and (max-width: 767px)";*/
/*--- media queries. When not using responsive ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 1px)";
@tablet:		~"only screen and (min-width: 1px)";
@tabletLand:	~"only screen and (min-width: 1px)";
@desktop:		~"only screen and (min-width: 1px)";

@upToTablet:	~"only screen and (max-width: 1px)";
@upToDesktop:	~"only screen and (max-width: 1px)";*/
/*----- Default functions -----*/
/*----- Default Crossbrowser functions -----*/
/*----- CSS3 functions -----*/
/*----- CSS3 Animation functions -----*/
/*----- Buttons -----*/
/*----- Responsive functions -----*/
#branchSelector li {
  clear: both;
  background-color: #dedede;
  display: block;
  width: 400px;
  height: 60px;
  margin-bottom: 4px;
  cursor: pointer;
}
#branchSelector li.active {
  background-color: #ebebeb;
}
#branchSelector li div {
  padding: 4px;
  float: left;
  height: 52px;
}
#branchSelector li div.last {
  float: right;
  width: 40px;
  text-align: center;
  line-height: 52px;
  color: white;
  font-size: 24px;
}
#branchSelector li div.green {
  background-color: #5cb85c;
}
#branchSelector li div.orange {
  background-color: #f0ad4e;
}
#branchSelector li div.red {
  background-color: #e6575a;
}
#branchSelector ul.branchselector-group {
  margin-bottom: 10px;
}