@textgray: #57585a;
@orange: #de9650;
@lightgray: #cdcdcd;


* {
 font-family: "Open Sans", sans-serif;
 font-optical-sizing: auto;
 box-sizing: border-box;
}

body {
  margin:0px;
  padding:0px;
  overflow-y:auto;
}

a {
	color:#409ec9;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p {
  margin-top:0px;
  padding-top:0px;
}

.left {
  float:left;
}

.right {
  float:right;
}

.clr {
  clear:both;
}

.band {
  padding:20px 0px;
}

.band .content {
  width:1120px;
  margin:0px auto;
  font-size:18px;
  line-height:1.6;
  color:@textgray;
}

.band-content {
	background:#fff;
	min-height:400px;  
}

.title {
  font-size:34px;
  font-weight:600;
  padding-bottom:10px;
  color:@textgray;
  background: url(/design/molarfresh/logo-transparent.png) left 20px no-repeat;
  padding-left: 38px;
  background-size: 33px;
  display:inline-block;
}

.band-about .left {
  width:550px;
}

.band-health .right {
  width:550px;
}

.band-top {
  width:100%;
  padding-top:18%;
  /*background:url(/design/banner-earth.png) center center no-repeat;*/
  background:url(/design/molarfresh/bg/bg-03.jpg) center 50% no-repeat;
  background-size:cover;
}

.band-menu {
  border-bottom:1px solid @lightgray;
  height:61px;
  max-height:61px;
  padding:0px;
}

.band-menu a {
  color:@textgray;
  display:inline-block;
  padding:0px 12px;
  text-decoration:none;
  font-size:18px;
  height:60px;
  line-height:60px;
  float:left;
}

.band-menu a:hover {
  background-color:@lightgray;
}

.band-menu .activeMenu {
	border-bottom:3px solid @orange;
}

.band-menu .mobilehomelink {
	display:none;
}

.band-menu .homelink {
  position:relative;
  padding:0px;
}

.band-menu .homelink span {
  position:absolute;
  top:47px;
  line-height:10px;
  height:10px;
}

.band-footer {
  text-align:center;
  background:@textgray;
  color:white;
  min-height:100px;
}

.band-footer a{
	padding:4px 12px;
	color:white;
	text-decoration:none;
}

.band-footer a:hover{
	color:@lightgray;
	text-decoration:underline;
}

.band-copy {
  background:#fff;
  margin-top:0px;
}

.band-copy .content {
  color:white;
  font-size:12px;
  text-align:center;
  padding:2px;
  color:@textgray;
}

.band-contact {
  border-top:1px solid #999;
  height:449px;
  background:url(/images/contact.jpg) center center no-repeat;
}

.band-contact .content {
  line-height:28px;
  padding-top:100px;
}

.tree-h {
  background:url(/images/tree-h.png) right center no-repeat;
}

.tree-down {
  background:url(/images/tree-down.png) left center no-repeat;
}

.tree-up {
  background:url(/images/tree-up.png) left center no-repeat;
}

.tree-down-h {
  background:url(/images/tree-down.png) left center no-repeat, url(/images/tree-h.png) right center no-repeat;
}

.tree-up-h {
  background:url(/images/tree-up.png) left center no-repeat, url(/images/tree-h.png) right center no-repeat;
}

.pedigree td {
  padding:10px;
}

.pedigree .pic{
  width:200px;
}

.pedigree .pdog {
  border-radius: 12px;
  border:2px solid #431402;
  position:relative;
  overflow:hidden;
  height:184px;
}

.pedigree .pdog .name {
  position:absolute;
  left:0px;
  top:160px;
  width:200px;
  background:rgba(255, 255, 255, 0.85);
  padding-left:10px;
  color:black;
  height:20px;
  line-height:20px;
  font-size:10px;
}

.pedigree .pdog .flag {
  position:absolute;
  left:0px;
  top:0px;
  background:green;
  width:29px;
  height:20px;
}

.pedigree .pdog .flag1 {background:url(/design/flags/flag1.png)}
.pedigree .pdog .flag2 {background:url(/design/flags/flag2.png)}
.pedigree .pdog .flag3 {background:url(/design/flags/flag3.png)}
.pedigree .pdog .flag4 {background:url(/design/flags/flag4.png)}
.pedigree .pdog .flag5 {background:url(/design/flags/flag5.png)}
.pedigree .pdog .flag6 {background:url(/design/flags/flag6.png)}
.pedigree .pdog .flag7 {background:url(/design/flags/flag7.png)}

.email {
  height:28px;
  line-height:24px;
  padding-left:26px;
  display:inline-block;
  background:url(/images/email.png) left center no-repeat;
}

.facebook {
  height:28px;
  line-height:24px;
  padding-left:26px;
  display:inline-block;
  background:url(/images/facebook.png) left center no-repeat;
}

.section3 {
	width:33%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	padding:10px;
}

.section3 img{
	margin-bottom:10px;
}

.section3 b{
	margin-bottom:10px;
	font-weight:400;
	color:@orange;
	display:block;
}


.section50 {
	width:49.5%;
	display:inline-block;
	vertical-align:top;
}


label {
	display:block;
}

input, textarea {
	border-radius:2px;
	border:1px solid @lightgray;
	color: @textgray;
	padding:8px;
	width:100%;
	margin-bottom:20px;
	font-size:18px;
}

button, input[type=button], input[type=submit] {
	background:@orange;
	color:white;
	float:right;
	padding:8px 50px;
	font-weight:600;
	font-size:18px;
	border:0;
	border-radius:2px;
}