html
{
 position: relative;
 min-height: 100%;
 background: black url('../images/bg_xs_tall.png') center bottom no-repeat scroll;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 background-size: 100%;
 
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

 -o-background-size: cover;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min)
{
 html
 {
  background: black url('../images/bg_xs.png') center bottom no-repeat scroll;
 }

 .carousel-home
 {
  height: 70%; /* increases the carousel height so it looks good on phones */
 }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px)
{
 html
  {
   background: black url('../images/bg_m_darker.png') center bottom no-repeat scroll;
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min)
{
 html
  {
   background: black url('../images/bg_m_darker.png') center bottom no-repeat scroll;
  }
}



body
{
 padding-bottom: 20px;
 margin-bottom: 50px;
 background: none;
 min-height: 100%;
 color: #EBEBEB;
}

.panel, .popover, .breadcrumb
{
 color: #5b5b5b;
}

div.caption h4
{
 color: #555555;
}

div.feature.body
{
 font-size: 21px;
}

.breadcrumb
{
 background: white;
 font-size: 24px;
}

.btn-group.hover .dropdown-menu
{
 margin-top: 0px;
}

.carousel-home
{
 min-height: 200px;
 height: 33vh;
 margin-top: -20px;
 margin-bottom: 20px;
 background: white;
}

.carousel-home .item,
.carousel-home .carousel-inner
{
 height: 100%;
}

.fill
{
 width: 100%;
 height: 100%;
 background-position: center;
 background-size: cover;
}


.navbar-default
{
 background:rgba(248, 248, 248, 1);
 transition: all 0.4s ease;
 min-height: 50px;
}

.navbar-default .navbar-nav > li > a
{
 transition: all 0.4s ease;
}

.navbar-default div.navbar-right
{
 transition: all 0.4s ease;
}

.navbar-brand
{
 padding: 0px;
 min-width: 50px;
}

.navbar > .container .navbar-brand
{
 margin-left: 0px !important;
}

.footer
{
 position: absolute;
 bottom: 0;
 width: 100%;
 height: 50px;
 background: rgba(248, 248, 248, 0.9);
 font-size: 12px;
}

.footer > .container
{
 margin-top: 10px;
 padding-right: 15px;
 padding-left: 15px;
}

.footer > .container p
{
 margin-bottom: 0px;
}

div.product-thumbnail
{
 height:150px;
}

div.product-thumbnail img
{
 margin-right: auto;
 margin-left: auto;
 max-width: 100%;
 display: block;
}

div.thumbnail-footer
{
 text-align: center;
 padding: 9px;
 color: #333;
}

div.product-title
{
 overflow: auto;
}

div.product-title div.add-to-basket
{
 margin-top: 20px;
 margin-bottom: 10px;
 text-align: right;
}

div.shopping-basket span.gko_ex_tax
{
 font-size:18px;
 line-height: 1.1;
}

div.shopping-basket div.row .alert
{
 margin-bottom: 0px;
 text-align: center;
}

div.product-title div.add-to-basket input
{
 margin-top: -14px;
}

div.footer-container
{
 position: relative;
 bottom: 0;
}

div.product-footer
{
 position: relative;
 bottom: 0;
 width: 100%;
 font-size: 11px;
 padding: 0 9px;
 margin-bottom: 10px;
}

div.product-footer p
{
 margin: 0px;
}

div.product-title div.footer-container
{
 padding: 0px;
 position: clear;
 bottom: auto;
 margin-top: -10px;
}

div.product-title div.product-footer
{
 padding: 0px;
 position: clear;
 bottom: auto;
}

input.input-xs
{
 height: auto;
 padding: 1px 5px;
 font-size: 12px;
 line-height: 1.5;
 border-radius: 3px;
}


.input-group.add-to-basket input.quantity
{
 width: 35px;
}

div.gko_products div.thumbnail
{
 color: black;
}

div.gko_products div.thumbnail div.gko_product-option
{
 margin-bottom: 5px;
}

div.gko_products div.thumbnail div.gko_product-option div.form-group
{
 padding-top: 0px;
}

div.gko_product-option div.gko-price
{
 font-size: 150%;
 padding-top: 2px;
}

p.footnote
{
 font-size: 11px;
 padding-bottom: 5px;
}

div.product-image
{
 margin-left: 20px;
 margin-bottom: 20px;
}

div.body
{
 margin-bottom: 20px;
}


img.centered
{
 margin-left: auto;
 margin-right: auto;
}


.carousel-control.right
{
 background: none;
}

.carousel-control.left
{
 background: none;
}

.carousel-indicators li
{
 border-color: #000;
}

ul.nav-tabs li.first-tab
{
 padding-left: 15px;
}

.noborder
{
 border: none;
}

.noshadow
{
 box-shadow: none;
 -webkit-box-shadow: none;
}

div.shopping-basket div.product-thumbnail
{
 height: 100px;
 max-width: 200px;
}

div.shopping-basket div.product-details h4
{
 margin-top: 0px;
 color: black;
}

div.shopping-basket td.gko_price
{
 vertical-align: middle;
}

div.product-actions input.product-quantity
{
 width: 50px;
}


div.shopping-basket div.panel.row div.panel-body
{
 padding: 10px 0;
}

div.shopping-basket div.product-options
{
 margin-top: -10px;
 margin-bottom: 10px;
}


div.product div.gko_product-options .form-control
{
 width: 100%;
 display: block;
}


div.product div.gko_product-options .form-group
{
 display: block;
 margin-bottom: 15px;
}

div.spacer
{
 font-size: 0;
 height: 15px;
 line-height: 0;
}


.nowrap { white-space: nowrap; }

table .expand
{
 width: 95%;
 white-space: normal;
}

table tbody tr td.gko_label
{
 white-space: nowrap;
}

.progress-bar-none
{
 background-color: transparent;
 color: black;
 -webkit-box-shadow: none;
 box-shadow: none;
}

h2.panel-title
{
 font-size: 20px;
}

.table-style
{
 display: table;
 width: 100%;
}

.table-style .title
{
 display: table-cell;
 vertical-align: middle;
 text-align: left;
}

.table-style .button-wrap
{
 display: table-cell;
 vertical-align: middle;
 text-align: right;
}

.no-bottom-margin
{
 margin-bottom: 0px;
}

.no-top-margin
{
 margin-top: 0px;
}

.well.has-warning
{
 background-color:#fcf8e3;
 border-color: #8a6d3b;
 color: #8a6d3b;
}

table .right
{
 text-align: right;
}

table .left
{
 text-align: left;
}

table tr.href
{
 cursor: pointer;
}

.table tbody tr td.status-icon
{
 width: 1px;
 padding: 0 0 0 inherit;
 font-size: 1.5em;
 vertical-align: middle;
}

span.product-footer
{
 font-size: 11px;
 font-weight: bold;
}

.btn.btn-left
{
 text-align: left;
}

.input-group-addon.button
{
 padding: 0px;
 border: none;
 background-color: transparent;
}

.input-group-addon.button a.btn
{
 border-top-left-radius: 0px;
 border-bottom-left-radius: 0px;
}

.radio label
{
 width: 100%;
}

.icon-white
{
 color: white;
}

.address-book-entry .panel-heading
{
 padding: 2px;
}

@media print
{
 .container { width: 970px; }
 
 a[href]:after
 {
  content: none;
 }
 
}

.page-header small {
 font-size: 1.3em;
 font-weight: 400;
 line-height: 1;
 color: #777;
}

.page-header.first-entry {
 margin-top: 0px;
}

div.gko_categories
{
 position: fixed;
 top: 71px;
 background: rgba(248, 248, 248, 0.9);
 padding-bottom: 10px;
 border: 1px solid #e7e7e7;
 border-radius: 4px;
}

div.skew-right
{
 padding-right: 0px;
 padding-left: 30px;
}


.modal-title
{
 color: black
}

.form-horizontal .control-label, .form-horizontal label, .help-block
{
 color: #EBEBEB;
}

.panel-body, .well, .panel-body .form-horizontal .control-label, .panel-body .help-block
{
 color: #5b5b5b;
}


.square-payment-form .form-control-feedback
{
 right: 10px;
}


.modal-body .modal-title
{
 margin-bottom: 10px;
}

textarea {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.progress-xl
{
 height: 40px;
}


.progress-xl .progress-bar
{
 font-size: 125%;
 padding-top: 10px;
}

small .label
{
 position: relative;
 top: -3px;
}

.footnote
 {
  font-size: 50%;
  }


td.gko_label_shipping
{
 min-width:200px;
 white-space: nowrap;
}

.dark
{
  color: black;
  }