h1, .uk-h1 {
    font-size: 18px;
    line-height: 24px;
}

div.product {
  float: left;
  border: 0px none !important;
  width: 100%;
}

.uk-overlay img {
	transform: none !important;
	transition: none 0s ease 0s !important;
}

.uk-thumbnail {
    background: #f0f0f0 none repeat scroll 0 0 padding-box;
    border: 1px solid rgba(26, 89, 80, 0.3);
    border-radius: 2px;
    box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    padding: 2px;
}


body {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #f0f0f0 0px, #769B96 100%) repeat fixed 0 0;
    border: 1px;
}

.tm-grid-block, .tm-block-bottom, .tm-noblog .tm-content, .uk-article, .tm-footer {
    background: #ffffec none repeat scroll 0 0;
}

.tm-top-block {
    margin-top: 0px;
}


.uk-navbar-nav > li.uk-active > a {
    background-color: #dc5537;
    background-image: linear-gradient(to bottom, #316a62, #1a5950);
    background-origin: border-box;
    color: #ffffff;
}

.uk-navbar-center {
    max-width: 88%;
    margin-right: 4px;
    /* margin-left: 3px; */
    padding-right:8px;
    /* padding-left:5px; */
}

.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {
    padding: 0px 5px 0px 15px;
}

.uk-button {
    background: #000 linear-gradient(to bottom, #e8eeee, #d1dedc) repeat scroll 0 0;
    border: 1px solid rgba(26, 89, 80, 0.3);
    border-radius: 2px;
    color: #555555;
}

.uk-button:hover, .uk-button:focus {
  background-color: #e8eeee;
  background-image: none;
  border-color: rgba(26, 89, 80, 0.3);
  color: #555555;
  outline: medium none;
  text-decoration: none;
}

.tm-grid-block, .tm-block-bottom, .uk-article, .tm-noblog .tm-content, .tm-middle > [class*="tm-sidebar-"] > .uk-panel {
    box-shadow: 5px 6px 5px 2px rgba(0, 0, 0, 0.3), 0 4px 10px rgba(0, 0, 0, 0.06);
}

.uk-panel-box-primary {
    background-color: #487a73;
    color: #ffd0c4;
}

.tm-headerbar .uk-panel {
  float: right;
  margin-right: 10px;
  margin-top: 11px;
  max-width: 300px;
}

.tm-toolbar {
    padding: 3px 15px;
}

.wk-slideshow .caption {
    background: rgba(26, 89, 80, 0.5) none repeat scroll 0 0;
    bottom: 20px;
    left: 0;
    color: #fff;
    padding: 15px 20px;
    position: absolute;
    right: 35%;
    z-index: 5;
}

.wk-slideshow .caption h3 {
    color: #fff;
    padding-top: 5px;
}

.wk-slideshow .caption a {
    text-decoration: none;
    color: #555;
}

.wk-slideshow-default .nav span {
    background: rgba(0, 0, 0, 0) url("../images/nav_icons.svg") no-repeat scroll 0 0;
    height: 20px;
    overflow: hidden;
    width: 20px;
}


.wk-slideshow-default .nav .active span {
    background-position: 0 -60px;
}

.wk-slideshow-default .nav span:hover {
    background-position: 0 -20px;
}


.wk-slideshow-default .nav {
    position: absolute;
    right: 30px;
    text-align: center;
    bottom: 20px;
    z-index: 5;
}

.wk-slideshow-default > div:hover .next, .wk-slideshow-default > div:hover .prev {
    background: rgba(0, 0, 0, 0) url("../images/buttons.svg") no-repeat scroll 0 0;
    height: 52px;
    margin-top: -50px;
    top: 50%;
    width: 50px;
}

.wk-slideshow-default > div:hover .prev {
    background-position: 0 0;
    left: 30px;
}
.wk-slideshow-default > div:hover .prev:hover {
    background-position: 0 -60px;
}
.wk-slideshow-default > div:hover .prev:active {
    background-position: 0 -120px;
}
.wk-slideshow-default > div:hover .next {
    background-position: 0 -180px;
    right: 30px;
}
.wk-slideshow-default > div:hover .next:hover {
    background-position: 0 -240px;
}
.wk-slideshow-default > div:hover .next:active {
    background-position: 0 -300px;
}

@media (max-width: 480px) {
.wk-slideshow-default > div .prev, .wk-slideshow-default > div .next {
    display: none !important;
}
.wk-slideshow-default .caption {
    display: none !important;
}
}

@media (max-width: 768px) {
.wk-slideshow-default .caption h3 {
    font-size: 14px;
}
}

.uk-progress-bar {
    background: #487a73 linear-gradient(to bottom, #487a73, #487a73) repeat scroll 0 0;
    color: #ffffff;
    float: left;
    font-size: 13px;
    height: 100%;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
}

.uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    color: #555555;
    font-weight: inherit;
    height: inherit;
    max-width: 100%;
    padding: 4px 6px;
    transition: all 0.2s linear 0s;
}

select.uk-form-small, textarea.uk-form-small, input.uk-form-small[type], input.uk-form-small:not([type]) {
    font-size: 12px;
    height: 25px;
    padding: 3px;
}

.uk-button-primary:active, .uk-button-primary.uk-active {
    background-color: #cc4a2d;
    background-image: linear-gradient(to bottom, #316a62, #1a5950);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset;
    color: #ffffff;
}

.uk-button {
    background: #000 linear-gradient(to bottom, #f0f0f0, #f0f0f0) repeat scroll 0 0;
    border: 1px solid rgba(26, 89, 80, 0.3);
    border-radius: 2px;
    color: #555555;
}

.LogIn-success, .logIn-popup {

    color: #333333;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.logIn-popup > a {

    color: #1a5950;
    text-decoration: underline;
    cursor: pointer;

}


form#billToForm .create-account label {
    margin: 0px 0 10px;

}

#system-message-container + .uk-article { margin-top: 0; }

.opc-shipment, .opc-payment, .submit_order {
    margin: 10px 0px;
}
/*
@media ( max-width: 800px ) {  
	.uk-grid > * {
    	padding-left: 10px;
	}
}*/

.vmCartModule {
    margin-top: 10px;
}

.tm-container {
    margin-top: 20px;
}

.tm-search {
    margin-top: 26px;
}

.tm-social-icon-buttons {
    margin-top: 15px;
}

html {
    font: 300 15px / 20px 'Roboto Condensed';
}

@media print {
    .tm-container, .tm-middle {
        display: inline;
    }
}

.alertBox {
    background-color: #ffaaaa;
}