/* General tags */

*{border:0;
  font:inherit;
  font-size:100%;
  margin:0;
  padding:0;
  vertical-align:baseline;}

/* HTML elements */
body{background:#f0f8ff url(images/bodybg.png) bottom center fixed;
      color:#000000;
      font-family:'Droid Sans',Tahoma,Arial,sans-serif;
      font-size:13px;
      line-height:1.6em;}
a{color:#000;text-decoration:none;}
a:hover{color:#555;text-decoration:none;}
a img{border:none;}
a span.search_result{color:blue;}
a span.search_result:hover{color:rgb(78, 126, 165);text-decoration:underline;}
h1,h2,h3,h4{clear:left;
             color:#000000;
             font-weight:400;
             margin:0.7em 0;
             font-family:arial;}
h1{font-size:2.6em;}
h2{font-size:2.4em;}
h3{font-size:1.9em; line-height: 120%;}
h4{font-size:1.4em;}
p,ul{margin:0 0 5px 0;}
i,em {font-style:italic;}
b,strong {font-weight:700;}

#search {
}

#search input[type="text"] {
    background: #fcfcfc;
    border: 1.5px solid #000;
    font: 12px Arial,Helvetica,Sans-serif;
    color: #000;
    width: 150px;
    outline:none;
    padding: 4px 15px 4px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    width: 200px;
    }


/* Main wrappers */
#wrapper1240{background-color:#fff;margin:20px auto;width:1240px;}
#wrapper960{background-color:#fff;
            margin:150px auto 20px auto;
            width:960px;
            border: 20px solid #000000;
            } 
#wrapper760{background-color:#fff;margin:20px auto;width:760px;}
#wrapper600{background-color:#fff;margin:0 auto;width:600px;}
#wrapperfluid{background-color:#fff;margin:0 auto;max-width:1260px;}
#wrapper_column_left{background-color:#00ff00;
            margin: 10px;
            float: left;
            width:200px;
            border: 0;
            } 

/* Active Page Link Coloring */
#index .index_link a,
#about_us .about_us_link a,
#contacts .contacts_link a,
#retailer_login .retailer_login_link a,
#products .products_link a,
#store_locator .store_locator_link a,
#press .press_link a
{
  color:#0000ff;
}

/* Layout IDs */
#header{position:relative;}

#sitetitle{float:left;margin:-270px 0 10px -100px;}
#sitetitle h1 {font-size:40px;color:#fff;margin:0;padding:0;}

#header-image{height:300px;margin:0;padding:0;}

#content{padding:10px 30px;background-color:#643b1b;color:#000000;}
#content h2,
#content h3,
#content h4{color:#000000;}
#content a{color:#0000ff;text-decoration:underline;}

#extended{padding:15px 30px;background-color:#fff;}
#extended a{text-decoration:none;}
#extended a:hover{color:#4e7ea5;text-decoration:none;}

/* Top links menu */
#toplinks{background-color:#643b1b;padding:0 30px;}
#toplinks ul{list-style:none;margin:0;text-align:right;}
#toplinks ul li{display:inline-block;font-size:11px;margin:15px 0 12px 15px;}
#toplinks ul li a{color:#000000;}
#toplinks ul li a:hover{color:#0000ff;text-decoration:none;}
#toplinks ul li a.current{color:#0000ff;}

/* background */
#toplinks, #content, #footer{background:#f0f8ff url(images/contentbg.jpg) top center no-repeat;}

/* Main navigation menu */
#nav{float:right;font-family:'Droid Sans',Verdana,Tahoma,sans-serif;text-align:center;}
#nav ul{list-style:none;margin:10px 30px 26px 10px;}
#nav ul li{background:none!important; display:inline-block;text-align:right;height:auto;line-height:25px;margin-bottom:0;margin-left:25px;position:relative;}
#nav ul li a{color:#000000;display:block;font-size:12px;padding-top:0;text-transform:uppercase;}
#nav ul li a:hover{color:#0000ff;}
#nav ul li a.current{color:#0000ff;}


/* About us page */
#notes{
    width: 98%;
    float: left;
    margin: 0px;
    background-color: #aabed5;
    padding:10px;}

/* products pages - Columns */
#sidebar{width:33.3%;}
#sidebar  input {
    background: #fff;
    border: 1.5px solid #000;
    color: #000;
    width: auto;
    outline: 1px;
    padding: 4px 15px 4px 20px;}
#main{width:66.6%;}
#main  input {
    background: #fff;
    border: 1.5px solid #000;
    color: #000;
    width: auto;
    outline: 1px;
    padding: 4px 15px 4px 20px;}

#trio1{float:left;width:33.3%;}
#trio2{float:left;width:33.3%;}
#trio3{float:left;width:33.3%;}
.inner{margin:0px 30px;}
.height{
    height:450px;
    overflow:auto;
    margin:0px 10px;
    }
#trio1 .inner{margin-left:0;}
#trio2 .inner{margin:0;}
#trio3 .inner{margin-right:0;}
.left .inner{margin-left:0;}
.right .inner{margin-right:0;}

/*Home Products Page*/
#left_column_products{
    width: 250px;
    float: left;
    margin: 10px 2px;
    background-color: #aabed5;}
#left_column_products   h4{text-align:center; margin: 4px;}
#left_column_products   a{color:#000;text-decoration:none;}
#left_column_products   a:hover{color:#4e7ea5;text-decoration:none;}
    
.menu_product{
  list-style:none;
  width:241px;
  max-height:109px;
  overflow:auto;
  padding: 5px 0px 0px 5px;
  margin: 2px;
  background-color: #fff;
  }
  
.right_column_products{
    width: 620px;
    float: left;
    margin: 10px;
    background-color: #aabed5;
    padding: 0px 0px 15px 0px;
    }
#trio_products{float:left;
               width:185px;
               height:480px;
               margin:10px 10px;}
#title_products{float:left;
               width:185px;
               height:50px;
               margin:10px 0px 7px 0px;}
#title_products   h4 {text-align:center; float: center;}
#title_products   a{color:#000;text-decoration:none;}
#title_products   a:hover{color:#4e7ea5;text-decoration:none;}

/* Product Line Home Page */
#title_line
             {float:left;
               width:600px;
               height:60px;
               margin:10px 10px 5px 10px;
               background-color: #fff;}              
#image_info
             {float:left;
               width:600px;
               height:auto;
               margin:5px 10px;
               background-color: #fff;}              
.image
             {float:left;
               width:160px;
               margin:10px 10px;
               background-color: #fff;}              
.search_image
             {float:left;
               width:260px;
               margin:10px 10px;
               background-color: #fff;}              
#info
             {float:left;
               width:410px;
               height:auto;
               margin:10px 0px;
               background-color: #fff;
               } 
               
/*Product Page*/               
info_pricing
             {float:left;
               width:185px;
               height:91px;
               margin:0px 10px 0px 0px;
               padding: 5px 0px 0px 5px;
               background-color: #fff;
               border: 2px solid #000;
               } 
               
#supplement_facts
             {float:left;
               width:590px;
               height:auto;
               margin:5px 10px 10px 10px;
               padding: 5px;
               background-color: #fff;}
#supplement_facts     p{margin:0;}
#supplement_facts     ul{margin:0px 15px; }
#supplement_facts     li{margin:0; list-style:circle;}
#supplement_facts	.verybold {font-weight:900;}
#supplement_facts	.boldish {font-weight:bold;}
#supplement_facts figcaption { text-align: center; font-size: 90%; line-height: 110%; }
panel        {float:left;
               width:98.5%;
               height:auto;
               margin:0px;
               padding: 0px 0px 0px 5px;
               background-color: #fff;
               border: 2px solid #000;}
panel        p{margin:0;}
panel        h4{text-align:right; margin: 1px 0px -20px 0px;}


/* Footer */
#footer{clear:both;background-color:#fff;}
#footer p{color:#000000;font-size:12px;margin:0;padding:15px 30px;text-align:center;}
#footer a{color:#000000;}
#footer a:hover{color:#0000ff;}

/* Image alignment */
img.alignleft,img.aligncenter,img.alignright{background:#fff;padding:4px;margin-bottom:10px;border:1px solid #ddd;}
.alignleft{float:left;margin-right:30px;}
.alignright{float:right;margin-left:30px;}
.aligncenter{text-align:center;display:block;clear:both;margin:5px auto;}

/* Additional classes */
.shadow{background:url(images/shadow.png) top center no-repeat;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}

/* Clearing fix */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
* html .clearfix{height:1%;}
*:first-child+html .clearfix{min-height:1%;}

/* Alternate color scheme, add class="altcolors" to the body tag to apply */
.altcolors{background-color:#000000;}
.altcolors #wrapper600, .altcolors #wrapper760, .altcolors #wrapper960, .altcolors #wrapper1240, .altcolors #wrapperfluid {box-shadow: 0px 0px 28px #888;}
.altcolors #toplinks, .altcolors #footer{background-color:#eaecec;}
.altcolors #content{background-color:#f2f4f4;}

/*
 jQuery Nivo Slider v2.7.1
 http://nivo.dev7studios.com
 Copyright 2011, Gilbert Pellegrom
 Free to use and abuse under the MIT license.
 http://www.opensource.org/licenses/mit-license.php
 */
.nivoSlider{position:relative;}
.nivoSlider img{position:absolute;top:0;left:0;}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{position:absolute;left:0;bottom:0;background:#000;color:#fff;opacity:0.8;width:100%;z-index:8;}
.nivo-caption p{padding:5px;margin:0;}
.nivo-caption a{display:inline!important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0;}
.nivo-nextNav{right:0;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:700;}

/*
Skin Name: Nivo Slider Default Theme (modified)
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider, modified to work with the Inland Earth One template.
Version: 1.2
Author: Gilbert Pellegrom (modified by Andreas Viklund)
Author URI: http://dev7studios.com
*/
.slider-wrapper .nivoSlider{position:relative;height:300px;background:#ffffff url(images/loading.gif) no-repeat 50% 50%;margin-bottom:55px;}
.slider-wrapper .nivoSlider img{position:absolute;top:0;left:0;display:none;}
.slider-wrapper .nivoSlider a{border:0;display:block;}
.slider-wrapper .nivo-controlNav{position:absolute;left:50%;bottom:-41px;margin-left:-60px;/* Tweak this to center bullets */}
.slider-wrapper .nivo-controlNav a{display:block;width:22px;height:22px;background:url(images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.slider-wrapper .nivo-controlNav a.active{background-position:0 -22px;}
.slider-wrapper .nivo-directionNav a{display:block;width:30px;height:30px;background:url(images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
.slider-wrapper a.nivo-nextNav{background-position:-30px 0;right:15px;}
.slider-wrapper a.nivo-prevNav{left:15px;}
.slider-wrapper .nivo-caption{font-family:'Droid Sans',Helvetica,Arial,sans-serif;background:rgba(0, 0, 0, 0.2);text-align:center;text-shadow:0 0 4px #111;}
.slider-wrapper .nivo-caption a{color:#fff;border-bottom:1px dotted #fff;}
.slider-wrapper .nivo-caption a:hover{color:#fff;}


figure { margin: 0px 5px 0px 5px; width: 86.67px; float: left; text-align: center; align:bottom; }
figure img { max-width: 90px; max-height: 170px; }
/*overlay for store locator*/
#fade {
    display: none;  /* ensures it’s invisible until it’s called */
    position: fixed;  /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 0%; /* makes the div span all the way across the viewing area */
    top: 0%; /* makes the div span all the way across the viewing area */
    background-color: black;
    -moz-opacity: 0.7; /* makes the div transparent, so you have a cool overlay effect */
    opacity: .70;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    z-index: 90; /* makes the div the second most top layer, so it’ll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay #results ruleset) */
}

#overlay {
    display: none; /* ensures it’s invisible until it’s called */
    position: absolute; /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 50%; /* positions the div half way horizontally */
    top: 7%; /* positions the div half way vertically */
    padding: 9px 0; 
    border: 0px;
    background-color: #ffffff;
    width: 400px;
    max-height: 80%;
    text-align: left;
    z-index: 100; /* makes the div the top layer, so it’ll lay on top of the other content */
    overflow: auto;
    margin-left: -200px;
}

#answer {
    padding: 9px 0; 
    border: 0px;
    background-color: #ffffff;
    width: 380px;

}
#overlay #top {
    display: none; /* ensures it’s invisible until it’s called */
}

div.locate { 
	padding: 5px 0px 5px 30px; 
	font-size: 13px; 
	line-height: 14px; 
	font-family: Verdana, Geneva, Helvetica, Arial, Swiss, SunSans-Regular;
	text-align:left; 
}
a.map{ color: blue;}

/*end of overlay for store locator */