body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
}

.page-header { margin: 20px 0; }
.page-header h1 { display: inline; }
.page-header ol { margin-top: 10px; }

.text-line { position: relative; margin: 15px; }
.text-line:before { border-top: 1px solid #ccc; content:""; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1; }
.text-line span { background: #fff; padding: 0 15px; }

.text-center .img-responsive {
    margin: 0 auto;
}

fieldset { margin-bottom: 20px; }
legend { padding: 10px 5px; }

.btn-success {
  background-color: #5e7d4b;
   border-color: #526D41;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-color: #526D41;
/*   border-color: #398439; */
}

.dropdown-menu { min-width: 0px !important; }

.navbar li { text-transform: uppercase;  }
.navbar li a:hover { color: #336600; }
.navbar .text-success { color: #3c763d !important; }
.navbar-link:hover { text-decoration: none; }

.navbar-default { background-color: rgba(255,255,255,.8); }
.navbar-brand { padding:  11px; }
.navbar-brand img { height: 28px; }

.spanlink:hover { color: #23527c; text-decoration: underline; cursor: pointer; }

.breadcrumb { display: inline; background-color: #fff; font-size: 12px; padding: 0; margin-bottom: 0; }

.side_head { border-bottom: 1px solid #eee; margin-bottom: 10px; }

ul.side { list-style: none; margin: 0 0 20px 20px; padding: 0;  }
ul.side li {  }
ul.side li a { color: #666;  }
ul.side li a:hover { color: #333; text-decoration: none; }

ul.side li ul { list-style: none; margin-left: 20px; margin-bottom: 10px; padding: 0; }
ul.side li ul li { }
ul.side li ul li a { color: #777; }
ul.side li ul li a:hover { color: #333; text-decoration: none; }

ul.side .active { color: #333; }

footer { padding-top: 40px !important; padding-bottom: 40px !important; margin-top: 40px; border-top: 1px solid #ddd; background-color: rgba(0,0,0,.02); }
footer, footer a { color: #666; }

/* Shop */
.product-grid { margin-bottom: 20px; }
.product-grid .border { position: relative; border-bottom: 1px solid #ddd; height: 200px; text-align: center; overflow: hidden; }
.product-grid a { display: block; color: #666; margin-bottom: 10px; }
.product-grid a:hover { color: #000; }
.product-grid a:hover .border { border-color: #333; }

.product-grid img { max-width:100%; max-height:100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.no-stock { opacity: .5; }


.product-list img {   }
.product-list a {  }
.product-list span {  }


.product { margin-bottom: 20px; }
.product a { color: #000; }

.variant-fade { opacity: .33; }

/* Product */
.product-wrap { position: relative; }
#product-imgg { max-width:100%; max-height:100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

#product-thumbnails { position: absolute; left: 0; bottom: 0; }
#product-thumbnails div.border { background-color: #fff; display: inline-block; position: relative; height: 90px; width: 90px; border: 1px solid #ddd; border-radius: 4px; }
#product-thumbnails div:hover { cursor: pointer; cursor: hand; border: 1px solid #999; }
#product-thumbnails div img { max-width:95%; max-height:95%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.cursor:hover { cursor: pointer; cursor: hand; }

.list-group-item:focus, .list-group-item:hover { color: #555;
text-decoration: none;
background-color: #f5f5f5; }

.corner-ribbon{
  width: 175px;
  background: rgba(0,0,0,.3);
  position: absolute;
  text-align: center;
  line-height: 25px;
  letter-spacing: 1px;
  color: #f0f0f0;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
}
.corner-ribbon.top-right { top: 25px; right: -50px; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.corner-ribbon.top-left { top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.corner-ribbon.bottom-left { top: auto; bottom: 25px; left: -50px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.corner-ribbon.bottom-right { top: auto; right: -50px; bottom: 25px; left: auto; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}



table.diff tr:first-child td { border: none; }
table.diff tr:first-child th { border: none; }

.margin-left { margin-left: 15px; }

.img_thumbnail.pull-left { margin-right: 15px; }
.img_thumbnail.pull-right { margin-right: 15px; }

div#droplong { border: 1px dashed #ddd; height: 90px; width: 90px; border-radius: 4px; float: right; margin-left: 20px; }
#dropimg { display: inline-block; border: 2px dashed #ddd; height: 90px; width: 90px;  border-radius: 4px; }
#dropthumb { display: inline-block; border: 1px dashed #ddd; height: 90px; width: 90px; border-radius: 4px; }

.zero { margin: 0; padding: 0; }

/* About */

img#about {
	margin:-10px 0 20px 20px;
    -moz-transform:rotate(7deg);
    -webkit-transform:rotate(7deg);
    -o-transform:rotate(7deg);
    -ms-transform:rotate(7deg);
}
#timeline { position: relative; }
#timeline .row:first-child { position: relative; margin-bottom: 20px; background-color: #fff; z-index: 99; }
#timeline:after {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 2px;
	background-color: #ccc;
	left: 50%;
	margin-left: -1.5px;
	z-index: 1;
}

#timeline .dot-left { z-index: 99; }
#timeline .dot-right { z-index: 99; }

#timeline .dot-right .dot {
	background-color: #326231;
	width: 14px;
	height: 14px;
	content: " ";
	position: absolute;
	top: 20%;
	right: -7px;
	border-radius: 50%;
	z-index: 99;
	border: 3px solid #fff;
}

#timeline .dot-left .dot {
	background-color: #326231;
	width: 14px;
	height: 14px;
	content: " ";
	position: absolute;
	top: 20%;
	left: -7px;
	border-radius: 50%;
	z-index: 99;
	border: 3px solid #fff;
}

/* --- Bootstrap ---  */
@media print { .tooltip { display: none !important; } }

/* --- Print ---  */
@media print { body, .container { color: #000 !important; } a, a:link, a:visited { color: #000 !important; text-decoration: none !important; } }