/* @override http://www.anaturaldifference.com/wp-content/themes/and/css/screen.css */

/* @override http://www.anaturaldifference.com/wp-content/themes/and/css/screen.css */

/*
 * Styles
 * Author: Rob Flaherty | rob@ravelrumba.com
 */

/* Meyer Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

/* Core */
html{ font-size:100%; }
body { font-size: 62.5%; line-height: 1.5; overflow-y:scroll; font-family: Arial, Sans-serif; color: #444; border-top: 5px solid #333; }
input, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif; font-size: 1em; }
:focus { outline: 1px; }
strong{ font-weight:bold; }
em { font-style: italic; }
hr { display: none; }
img { display: block; }
a img { border: none; } 
cite { font-style: normal; } 
code { background: #ececec; padding: 0 3px; }
blockquote { margin:0 0 24px 32px; border-left:7px solid #ececec; padding-left:16px; }
blockquote p { margin:0 }

/* Links */
a:link, a:visited, a:active { color: #2e3939; text-decoration: underline; }
a:hover { color: #2e3939; text-decoration:none; }

/* Type */ 
h1 { font-size: 2.4em; margin: 0; }
h2 { font-size: 1.8em; margin:0; }
h3 { font-size: 1.8em; margin: 0; }
h4,h5 { font-size: 1.3em; font-weight: bold; }
p { font-size: 1.3em; margin: 0 0 1em; }
li { font-size: 1.3em;  }

/* General */
#wrap, .inner { margin: 0 auto; width: 940px; }

/* Header */
#header { padding: 20px 0 20px 0; position: relative; }
#logo { float: left; width: 254px; margin-bottom: 20px; margin-left:5px; }
#logo a { width: 460px; height: 96px; display: block; background: url(../img/a-natural-difference-logo-org.png) no-repeat; text-indent: -9999em;}

#search { position: absolute; top: 20px; right: 0px; }
#search form, #search fieldset { margin: 0; padding: 0; }
#search #search-text { font-size: 1.3em; padding: 3px 3px 2px 3px; margin: 0; width: 200px; border: 4px solid #6c9ca8; }
#search #search-submit { font-size: 1.3em; margin: 0; cursor: pointer; color: #555; font-weight: bold; background: url(../img/search-btn.png) no-repeat 0 0; width: 70px; height: 29px; text-indent: -9999px; position: relative; border: none; }

/* Nav */

/*
Colors:
#33cbe7
#aacf76
#555
6dced9
699da7

*/
#nav { clear: both; background: #699da7; -webkit-border-radius: 0px; -moz-border-radius: 0px;  position: relative; }
#nav li { font-size: 1.5em; margin: 0 0 0 0; float: left; position: relative;}
#nav li a { color: #fffefe; text-decoration: none; padding: 8px 20px 10px 20px; line-height:1; background: #699da7; font-weight: bold; float: left; }
#nav li a:hover { background: #49828d; }

#nav-drop { display: block; position: absolute; top: 100%; left: -9999px;  background: #49828d; width: 300px; z-index:1000; }
#nav-drop li { font-size: 1em; display: block; float: none;}
#nav-drop li a{ font-size: 1em; display: block; float: none; background: #49828d;}

#nav .dropdown, #nav .dropdown a{ background: #49828d; }
#nav-drop li a:hover { background: #336d78; }
.dropdown #nav-drop { left:0; }

/* Promo */
#promo-wrap { height: 325px; }
#promo { padding: 0 0 0; margin: 0; height: 272px; width: 940px; position: relative; }
#promo img{ border: 10px solid #ddd; }
#promo img:hover{ border: 10px solid #ccc; }


/* Homepage */
.block { }
#block1 { width: 450px; float: left; }
#block2 { width: 450px; float: right; }
.block img { margin: 0 0 15px 15px; border: 5px solid #ececec; width: 150px; float: right; }
.block h2 { font-size: 18px; font-weight: bold; margin: 0 0 10px; }
#block2 p { margin: 0 0 30px;}
#block2 img { display: none; }
#hp-products { }
#hp-products li { display: block; margin: 0 10px 25px 0; float: left; white-space: nowrap; }
#hp-products li a{ background: #d6e8ec; text-decoration: none; position: relative; padding:10px;}
#hp-products li a:hover { background: #b8d5db; }

/* Pages */
#content { clear: both; overflow: hidden; }
.hp-content { padding: 0 0 20px; }
.page-content { padding: 0 0 20px; overflow:hidden; }
#main { width:600px; float:left; }
#sidebar { width:300px; float:right; }

.page-content h1 { font-weight: bold; font-size: 26px; margin: 0 0 6px;}
.page-content h2 { font-weight: bold; font-size: 20px; border-top: 5px solid #ddd; padding: 15px 0; margin: 20px 0 0;}
.page-content h3 { font-weight: bold; font-size: 15px; }
.page-content ul{ margin: 0 0 1em;  }

.alignleft { float: left; border: 5px solid #ececec; margin: 0 20px 10px 0px; }
.alignright { float: right; border: 5px solid #ececec; margin: 0 0 10px 20px; }

.bulleted-list { list-style-type: disc; list-style-position: outside;  margin: 0 0 1em; padding: 0 0 0 35px;}
.bulleted-list li { list-style-position: outside; list-style-type: disc; margin: 0; }

/*.page-left { width: 450px; float: left; clear: left;}
.page-right { width: 450px; float: right; }
*/

/* Sidebar */
#sidebar h3 { font-size:20px; margin: 0 0 10px; }
.sidebar-block { margin: 0 0 20px; overflow: hidden; }
.event-list li { margin: 0 0 15px; }
#products-nav { background: #ececec; }
#products-nav li a{ margin: 0; display: block; text-decoration: none; padding: 10px; border-left: 5px solid #ececec; }
#products-nav li a:hover, #products-nav .current_page_item a{ background: #ddd; border-left: 5px solid #999;  }

/* Order Form */
#orderForm h5 { font-size:18px; margin: 0 0 15px; padding: 0; }
#orderForm fieldset { background: #d6e8ec; padding: 10px; margin: 0 0 20px;}
#orderForm fieldset p { overflow: hidden; }
#orderForm label{ float: left; width: 100px; font-weight: bold; padding: 4px 0 0; margin: 0;}
#orderForm input { padding: 2px; border: 2px solid #b8d5db; }
#orderForm .input-text{ float: left;  }

#orderForm td { padding: 0 2px 10px 0; font-size: 13px; font-weight: bold; vertical-align: middle; margin: 0; }
#orderForm td label { padding: 0; }
#orderForm td input { margin: 0 10px 0 0; }
#orderForm .size-field, #orderForm .quant-field { width: 30px; } 
#orderForm .label-small { width: auto; margin: 0 10px 0 0; } 
#orderForm #orderSubmit { border: none; cursor: pointer; background: url(../img/submit-btn.png) no-repeat 0 0; width: 70px; height: 29px; text-indent: -9999em; }
#orderForm #orderSubmit:hover { opacity: 0.9;}

/* Shows & Seminars */
#shows-left { width: 450px; float: left; }
#shows-right { width: 450px; float: right; }
#shows-left img { width: 450px; }
#shows-right img { width: 450px; }

/* Footer */
#footer { clear: both; background: #f2f2f2; overflow: hidden; padding: 20px 0; display: none; }
#footer-block1 { width: 300px; float:left; margin: 0 20px 0 0; }
#footer-block2 { width: 300px; float:left; margin: 0 20px 0 0; }
#footer-block3 { width: 300px; float:left; }

/* End */
#end { padding: 10px 0; }
#end .inner { border-top: 5px solid #ececec; padding:10px 0 0; }
#end p { margin: 0; }

/* Special Notice */
.special-notice { background: #d6e8ec; padding: 10px; margin: 0 0 20px; color: #000; }
.special-notice p {margin: 0; padding: 0; }

/* Clear */
#nav:after { content:"."; visibility:hidden; display:block; height:0; clear:both; }

/* 
 * Slider
 */

/* 
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{display:none;position:absolute;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ol.bjqs-markers{list-style:none;margin:0;padding:0;z-index:9999;}
ol.bjqs-markers li{float:left;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}



 ul.bjqs-controls li a{
  display:block;
  padding:5px 10px;
  position:absolute;
  background:#fff;
  color:#fd0100;
  text-decoration:none;
  text-transform:uppercase;
}

a.bjqs-prev{
  left:0;
}

a.bjqs-next{
  right:0;
}

 p.bjqs-caption{
  color:#fff;
  text-align:center;
}

 ol.bjqs-markers{
  position:absolute;
  bottom:-30px;
  right: 0;
}

 ol.bjqs-markers li{
  float:left;
  margin:0 3px;
}

 ol.bjqs-markers li a{
  display:block;
  height:10px;
  width:10px;
  border:4px solid #fff;
  overflow:hidden;
  text-indent:-9999px;
  background:#000;
  border-radius:10px;
}

ol.bjqs-markers li.active-marker a{
  background:#fd0100;
}
*/