/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
 
/* GENERAL PAGE STYLES */
html {
  background: #fff url('images/water.jpg') no-repeat fixed center top;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
span {
  display: inline;
}
#logo {
  padding: 6px 10px;
}
#main-content {
  padding-top:10px;
}
#columns {
  background-color:#FFFFFF;
  opacity: 0.9;
}
.region-footer div section {
  margin:0;
}
.footer-block div {
  margin: 0 -10px;
  padding: 10px 30px;
  background-color: #CDE8E9;
}
.footer-block div p {
  margin: 0;
  color: #125B76;
  font-size: 0.8em;
  font-family: Georgia, "Times New Roman", Times, serif;
}
div.region-three-25-50-25-first div.region-inner {
  margin-left: 10px;
  margin-right: 10px;
}
div.commerce-product-title {
  margin-left: 10px;
  margin-right: 10px;
}
.catalog-view {
  font-size: 0.8em;
}

/* TEXT BODY STYLES */
div.field-name-body {
  margin:20px 20px 10px 30px;
}
div.field-type-text-long {
  margin:20px 20px 10px 30px;
}
.clear {
  clear: both;
}
/*FLEXSLIDER*/
.flexslider { margin: 0 -10px 15px -10px; padding-top: 30px; padding-bottom: 10px; height: 220px; position: relative; background: #CDE8E9; zoom: 1; border-bottom: 2px solid #7b9a8e; }


/* MENU AND NAVIGATION */
div #primary-menu-bar {
  background: #3b96b8 url('images/nav-bg.png');
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  height:30px;
  margin-top:0px;
  margin-bottom:0px;
  border-bottom:1px solid #7b9a8e;
}

.nav ul,
ul.menu {
  list-style:none;
  margin:0 10px; 
  padding:0;
  position:relative;
  top:0;
  float:left;
}

#primary-menu-bar.nav ul,
#primary-menu-bar.nav ul.menu {
    height:30px;
	border-right:1px solid #72bfdc;
    border-left:1px solid #1b3f64;
}

#block-system-user-menu {
  margin: 0 -525px 0 0;
  padding:0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  position: absolute;
  right: 50%;
}

#block-system-user-menu div li a,
#block-system-user-menu div ul.menu li a {
  color: #030303;
  border: none;
  padding: 0 10px;
  height:20px;
  list-style: none;
}

.nav li,
ul.menu li {
  display:inline;
  float:left;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav li a,
ul.menu li a {
  display:block;
  float:left;
  color:#ffffff;
  border-bottom:none;
  height:22px;
  text-transform:uppercase;
  font-weight:bold;
  font-size:0.85em;
  border-right:1px solid #2865a2;
  border-left:1px solid #38add8;
}


#primary-menu-bar.nav li a,
#primary-menu-bar.nav ul.menu li a {
  padding:8px 20px 0px;
}

.nav li a:hover,
.nav li a:focus,
.nav ul.menu li a:hover,
.nav ul.menu li a:focus {
  background-color:#38add8;
  text-decoration:none;
}
.nav li a.active,
.nav ul.menu li a.active,
.nav ul.menu li a.active:hover
.nav ul.menu li a.active:focus{
  background:#3f7c93 url('images/nav-bg-selected.png') repeat-x scroll top left;
}

/* HOME PAGE STYLES */
.homepagebox {
  width:280px;
}

div .slide_image {
  width:28%;
  float:left;
  margin-right:20px;
  margin-left: 50px;
  border: 4px solid #313d45;
}

div .slide_title,
div .product_title {
  padding-top:15px;
}

div .slide_text,
div .product_text {
  margin-right:50px;
}

.flex-control-paging li a{
  margin:0px 3px 0px;
}

/* BASIC PAGE STYLES */
div.views-field-field-banner {
  margin:-22px -10px 0 -10px;
  background:#CDE8E9;
  color:#ffffff;
  border-bottom:2px solid #7b9a8e;
  position: relative;
  overflow: visible;
}

div.views-field-field-banner div.field-content {
  position: relative;
}

div.views-field-field-banner h2 {
  font-size:1.9em;
  font-family: Georgia, "Times New Roman", Times, serif;
  color:#125B76;
  padding:20px 30px 0px 30px;
  margin-bottom: 10px;
  font-weight: normal;
}

div.views-field-field-banner h3 {
  font-weight:normal;
  font-size:1.4em;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding:0px 30px 10px 30px;
  color:#125B76;
  margin-top: 10px;
  border-bottom:none;
}
div.sidebarlinks {
  padding-top: 10px;
}
div.sidebarlinks h3{
  color: #943436;
  letter-spacing: 0;
  font-size: 1.5em;
  margin:5px 0 5px 0;
  padding: 0 0 0 15px;
  font-weight: bold;
  border-bottom: none;
}
div.bluebox {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	margin:10px;
	border-top:5px solid #495C68;
	background-color:#eff2f8;
	padding: 10px;
	color:#495C68;
}
div.bluebox h4 {
	color:#495C68;
	margin-left:10px;
}
div.bluebox p {
	color:#495C68;
	margin:0;
}

/* BLOCK STYLES */

.expandable-blue,
.expandable-green,
.expandable-yellow {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:10px;
  margin: 20px;
}
.expandable-blue {
  background-color: #bfe3f2;
  border: solid 1px #97b3bf;
}
.expandable-yellow {
  background-color: #ffff99;
  border: solid 1px #cccc7a;
}
.expandable-blue h2,
.expandable-green h2 {
  text-align: center;
}
.expandable-green {
  background-color: #bfffd0;
  border: solid 1px #70cc87;
}

.capabilitiesvisual {
  background: url('/sites/biopureproducts.com/files/images/logoandbugs.png') no-repeat center top;
  height: 120px;
  width: 100%;
  margin-top: 25px;
}

.videoplayerlarge {
  width:100%;
  height:380px;
}


#mission-statement {
  margin:40px 9px 10px 9px;
}

#mission-statement h1 {
  color: #474747;
  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  text-align:center;
  line-height:1.7em;
}

#UNratingblock {
  background-image:url('/sites/biopureproducts.com/files/images/unlogo.jpg');
  background-position:center;
  background-repeat:no-repeat;
  height:213px;
  text-align:center;
  padding-top:40px;
  font-family: Arial, Helvetica, sans-serif;
  line-height:1.2;
}
#UNratingblock h3 {
  color: #333333;
  font-size: 1.4em;
  margin-top:0px;
  margin-bottom:10px;
}
#block-views-banner-display-block {
  opacity: 0.9;
}
p.hover-img{
	min-height: 265px;
}

p.hover-img:hover img{
	width: 600px;
	height: 513px;
	position: absolute;
}
#block-views-product-view-block-1 div.product_image {
	border: none;
}

div.product_image {
  float: left;
  height: 180px;
  margin-right: 20px;
  margin-left: 20px;
  border: 4px solid #313d45;
}
.product-view-item {
  border-top: 1px solid #ddd;
  padding: 10px;
}

/* LIST STYLES */
.fauxlist {
	background-image:url('images/list.png');
	background-position:left center;
	background-repeat:no-repeat;
	margin:0px;
	padding-left:10px;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:0px;
	font-size:small;
}

.fauxlist2 {
  background-image: url('images/list.png');
  background-position: left center;
  background-repeat: no-repeat;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0 0 0 14px;
}

ul.blocklist {
	margin: 5px 10px 0 -5px;
	list-style:none;
}
ul.blocklist li {
	border-bottom:1px solid #BAC6CE;
	padding:0;
}
ul.blocklist li a {
	display:block;
	border-bottom:none;
	padding:5px;
	color:#455661;
	text-decoration:none;
}
ul.blocklist li a:hover {
	background-color:#E1E6EA;
}
ul.blocklist li.selected-item a,
ul.blocklist li.selected-item a:hover {
	background-color:#495C68;
	border:1px solid #242D33;
	text-decoration:none;
	color:#ffffff;
}

ul.linklist{
  font-size: 0.95em;
  line-height: 1.9em;
  text-align: justify;
  margin-bottom: 20px;
  color: #1d1d1d;
}


/* LINK STYLES */
p.more-link {
  font-size: 1.0em;
  line-height: 1.9em;
  text-align: justify;
  margin-bottom: 0;
}
p.more-link  a {
  font-weight: bold;
  text-decoration: none;
}
p.more-link  a:hover{
  cursor: pointer;
  color: #943436;
}

a.faqlink {
  border-bottom: none;
  text-decoration: underline;
  color: #153351;
}

.nodecoration,
.nodecoration:hover {
  text-decoration: none;
  color: #000;
}

/* FORM STYLES */
form.webform-client-form {
  padding-left: 30px;
  padding-top:  10px;
}
input, textarea, select, .form-textarea-wrapper {
	padding:3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
	margin:0 25px 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#666666;
}
input, textarea, select {
  border:1px solid #dddddd;
  border-top:1px solid #B3B3B3;
  border-left:1px solid #B3B3B3;
}

.orderpageproductimg {
  height: 200px;
  width: 200px;
}

label {
  float: left;
  min-width: 140px;
}

form#webform-client-form-19 input.form-submit {
  margin: -46px 36px 20px 0;
}

form#webform-client-form-52 input.form-submit {
  margin: -52px 88px 20px 0;
}

input.form-submit {
	float:right;
	background-color:#4D606C;
	border:1px solid #112941;
	font-weight:bold;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5px 10px;
	
}

input.form-submit:hover {
	float:right;
	background-color:#004672;
	border:1px solid #112941;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
}
.sharethis-wrapper {
  margin-top: 30px;
  padding-left: 10px;
}

.webform-products .webform-component {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}

.webform-products .webform-component-select {
  float: right;
}

.webform-component--product-1--price-1,
.webform-component--product-2--price-2,
.webform-component--product-3--price-3,
.webform-component--product-4--price-4,
.webform-component--product-5--price-5,
.webform-component--product-5--price-5,
.webform-component--product-6--price-6,
.webform-component--product-7--price-7,
.webform-component--product-8--price-8 {
  float: right;
  margin-right: 40px;
}

.no-border {
  border: none;
}

.form-item {
  margin-top: 0;
  margin-bottom: 0;
}

.order-item > select {
  margin: 0 25px 0 0;
}

.webform-products p {
  margin-top: 0;
  margin-bottom: 0;
}

.webform-component--total {
  margin-left: 10px;
}