
button, input, select, textarea {margin:0;font-size:100%;vertical-align:middle;}
button, input {*overflow:visible;line-height:normal;}
button::-moz-focus-inner,
input::-moz-focus-inner {padding:0;border:0;}
button, html input[type="button"],
input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
label, select, button, 
input[type="button"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {cursor: pointer;}
textarea {overflow: auto;vertical-align: top;}

@media print {
  * {text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important;}
  a, a:visited {text-decoration:underline;}
  a[href]:after {content: " (" attr(href) ")"; }
  a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}
  tr, img {page-break-inside: avoid;}
  img {max-width: 100% !important;}
  @page  {margin: 0.5cm;}
  p, h2, h3 {orphans:3;widows:3;}
  h2, h3 {page-break-after: avoid;}
}
p {margin: 0 0 10px;}
strong {font-weight:bold;}
em {font-style:italic;}
h1, h2, h3, h4, h5, h6 {margin:10px 0;font-family:inherit;font-weight:bold;line-height:20px;color:inherit;text-rendering:optimizelegibility;}

h1, h2, h3 {line-height: 25px;}
h1 {font-size: 35px;}
h2 {font-size: 29px;}
h3 {font-size: 23px;}
h4 {font-size: 17px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

ul, ol {padding: 0;margin: 0 0 10px 25px;}
ul ul, ul ol, ol ol, ol ul {margin-bottom: 0;}
li {line-height:20px;}

hr {margin: 20px 0;border: 0;border-top: 1px solid #eee;border-bottom: 1px solid #fff;}
table {max-width: 100%;background-color: transparent;border-collapse: collapse;border-spacing: 0;}
table td {vertical-align:top;}
form {margin: 0 0 20px;}
/* *** label, *** */
input, button, select, textarea {font:normal 14px/20px 'Roboto Condensed', sans-serif;display:inline-block;padding:4px 6px;margin-bottom:10px;color:#555555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle;}
input, textarea {width:206px;margin-left: 0;}
textarea {height:auto;}

textarea,
input[type="text"],
input[type="email"],
select {
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus {
border-color: rgba(48, 48, 48, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(38,38,38,.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(38,38,38,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(38,38,38,.6);
}
input[type="submit"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {width:auto;}
select {
height: 30px;
/* In IE7, the height of the select element cannot be changed by height, only font-size */
*margin-top: 4px;
/* For IE7, add top margin to align select with labels */
line-height: 30px;
width: 220px;
border: 1px solid #cccccc;
background-color: #ffffff;
}
select:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
input:-moz-placeholder,
textarea:-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;}
.radio,
.checkbox {min-height: 20px;padding-left: 20px;}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {float: left;margin-left: -20px;}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {color: #b94a48;border-color: #ee5f5b;}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
border-color: #e9322d;
-webkit-box-shadow: 0 0 6px #f8b9b7;
-moz-box-shadow: 0 0 6px #f8b9b7;
box-shadow: 0 0 6px #f8b9b7;
}
.tooltip {position:absolute;z-index:9030;display:block;visibility:visible;font-size:13px;line-height:1.4;opacity:0;filter:alpha(opacity=0);}
.tooltip.in {opacity: 0.8;filter: alpha(opacity=80);}
.tooltip.top {margin-top: -3px;padding: 5px 0;}
.tooltip.right {margin-left: 3px;padding: 0 5px;}
.tooltip.bottom {margin-top: 3px;padding: 5px 0;}
.tooltip.left {margin-left: -3px;padding: 0 5px;}
.tooltip-inner {max-width:200px;padding:8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.tooltip-arrow {position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
.tooltip.top .tooltip-arrow {bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000000;}
.tooltip.right .tooltip-arrow {top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000000;}
.tooltip.left .tooltip-arrow {top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000000;}
.tooltip.bottom .tooltip-arrow {top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000000;}
.open {*z-index: 1000;}
.close {float:right;font-size:22px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}
.close:hover,
.close:focus {color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
button.close {padding: 0;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;}
@-ms-viewport { width: device-width;}
@media (min-width: 768px) and (max-width: 979px) { }
@media (max-width: 767px) { }
@media print { }
@media (max-width: 767px) {
  body {padding-left: 20px;padding-right: 20px;}
}
@media (max-width: 480px) {

}
@media (min-width: 768px) and (max-width: 979px) {

}
@media (min-width: 1200px) {

}
@media (max-width: 979px) {
  body {padding-top: 0;}
}
@media (min-width: 980px) {

}
/** Additional Styling on 1024px **/
@media (min-width: 980px) and (max-width: 1100px) {
	.nav_search input[type="text"]{ width:93% !important;}
}
/** Additional Styling on 768px **/
@media (min-width: 700px) and (max-width: 840px) {
	#slider_blog .bx-controls-direction{ top:21px !important; right:5px !important;}
	#donation_box button{ font-size:16px; padding-left:9px; padding-right:9px; float:left;}
}
@media (max-width: 640px){
	#donation_box {margin:0 20px 50px;}
	#donation_box button {display:inline-block;}
	#donation_box form {text-align:center;}
	.ns_desc {margin:15px 0 0;}
	#charity_progress {margin:0 0 50px;}
}
@media (max-width: 320px){
	#banner_slider li div {display:none;}
	#shop_slider li {margin-left:22px !important;}
}
@media (min-width: 1330px) and (max-width: 1440px) {
	#banner_slider li div {left:6.7% !important;}
	.banner_slider_pos .bx-controls-direction {right:6.7% !important;}
}
@media(max-width: 1300px) {
	#banner_slider li div {left:3.5% !important;}
	.banner_slider_pos .bx-controls-direction {right:3.5% !important;}
}