/*
 * override all other stylesheets 
 */
 
.ui-icon {
  -webkit-border-radius: 0px!important; 
  border-radius: 0px!important; 
}
.align-center {
  text-align:center;
}

/*.ui-bar-a {
    border: inherit;
    background: inherit;
	background-image: inherit;
}*/
#headerContainer {
	border:  1px solid rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 6px 6px 6px 6px; /* top-left, top-right, bottom-right, bottom-left */
	   -moz-border-radius: 6px 6px 6px 6px;
		    border-radius: 6px 6px 6px 6px;
	background-image: url("/mobile/images/banner-repeat-gradient.jpg");
	background-position:bottom;
	background-repeat: repeat-x;
	height: 72px;
}
#headerLogo {
    text-align: inherit;
	float: left;
	height: 72px;
	width: 110px;
    border: none;
    background: inherit;
	background-image: inherit;
}
#headerLogo img {
	margin-top: 2px;
	margin-left: 2px;
	border:  1px solid rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 6px 6px 6px 6px; /* top-left, top-right, bottom-right, bottom-left */
	   -moz-border-radius: 6px 6px 6px 6px;
		    border-radius: 6px 6px 6px 6px;
}
#headerBanner {
	float: left;
	height: 72px;
}
#headerBannerTitle {
	color:#14825C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin: 12px 0 0 8px;
	position:relative;
}
#headerBannerSlogan {
	color:#0960A9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:7px;
	font-weight: normal;
	margin: 3px 0 0 8px;
	position:relative;
}
#headerBannerHACCP {
	float: right;
	height: 72px;
	display: none;
	margin: 1px 0 0 0;
}
@media (min-width:20em) {
  #headerBannerTitle {
	font-size:14px;
	font-weight:bold;
	margin: 10px 0 0 8px;
  }
  #headerBannerSlogan {
	font-size:8px;
	font-weight: normal;
	margin: 2px 0 0 8px;
  }
}
@media (min-width:22em) {
  #headerBannerTitle {
	font-size:16px;
	font-weight:bold;
	margin: 10px 0 0 8px;
  }
  #headerBannerSlogan {
	font-size:9px;
	font-weight: normal;
	margin: 2px 0 0 8px;
  }
}
@media (min-width:26em) {
  #headerBannerSlogan {
	font-size:8px;
	font-weight: normal;
	margin: 2px 0 0 8px;
  }
  #headerBannerHACCP {
	display: inherit;
	margin: 1px 6px 0 0;
  }
}
@media (min-width:28em) {
  #headerBannerTitle {
	font-size:17px;
	font-weight:bold;
	margin: 10px 0 0 8px;
  }
  #headerBannerSlogan {
	font-size:9px;
	font-weight: normal;
	margin: 2px 0 0 8px;
  }
  #headerBannerHACCP {
	display: inherit;
	margin: 1px 10px 0 0;
  }
}
@media (min-width:30em) or (min-width:480px) {
  #headerBannerTitle {
	font-size:19px;
	font-weight:bold;
	margin: 8px 0 0 8px;
  }
  #headerBannerSlogan {
	font-size:10px;
	font-weight: normal;
	margin: 2px 0 0 8px;
  }
  #headerBannerHACCP {
	display: inherit;
	margin: 1px 10px 0 0;
  }
}
@media (min-width:35em) {
  #headerBannerTitle {
	font-size:22px;
	font-weight:bold;
	margin: 8px 0 0 8px;
  }
  #headerBannerSlogan {
	font-size:12px;
	font-weight: normal;
	margin: 2px 0 0 8px;
  }
  #headerBannerHACCP {
	display: inherit;
	margin: 1px 20px 0 0;
  }
}

#cms img.imgspace, .cms img.imgspace {
  padding: 18px 14px 10px 0px;
  float: left;
}
#cms img, .cms img {
	border:  1px solid rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 6px 6px 6px 6px; /* top-left, top-right, bottom-right, bottom-left */
	   -moz-border-radius: 6px 6px 6px 6px;
		    border-radius: 6px 6px 6px 6px;
}
#cms ul li, .cms ul li {
  list-style-position: inside;
}
#cms ul, .cms ul {
  padding-left: 12px;
}
#cms, .cms {
  text-align: inherit;
}
@media screen and (orientation: portrait) and (max-width:26em) {  
  .hideportraitcell {
	display: none;
  }
}
.hideonmobile {
  display: none;
}

div.ui-input-text {
    background-color:#FFF;
}
div.ui-select {
	margin: 4px 0px;
    background-color:#FFF;
	color: #000;
	height:36px;
}

.ui-btn-inner {
	font-size:15px;
}

#contact .ui-icon { background:  url('../../images/contact.png') 100% 100% no-repeat !important;   background-size: 18px 18px !important;  }