/**  GOOGLE FONT IMPORT  **/
@import url('//fonts.googleapis.com/css?family=Roboto:300');
@import url('//fonts.googleapis.com/css?family=Roboto:400');

/**  SITE FONTS  **/
h1, h2, h3, #nav,
#nav-left ul.categories,
#body ul.products li.product div.details > div.price a, .price,
#above-header-inner > div.cart-outer a,
#above-header-inner > div.login a,
#above-header-inner > div.login a, #above-header-inner > div.account a, #above-header-inner > div.cart-outer a,
a.btn, input.btn,
ul.products li.product .cart a,
ul.products li.product .cart a:hover,
ul.products li.product .view a,
ul.products li.product .view a:hover,
ul.product-groups.grid li.product-group .view a,
ul.product-groups.grid li.product-group .view a:hover,
body.shop_product_view #body > div.price,
#body ul.product-groups li.product-group div.details > div.price {
    font-family: 'Roboto', san-serif;
    font-weight: 400;
    text-transform: none;
}

body, p {
    font-family: 'Roboto', san-serif;
    font-weight: 300;
    font-size: 16px;
}


/**  NAVIGATION BAR BACKGROUND COLOUR  **/
#nav {
    background: #0042B3;
    border-bottom: 3px solid #FFD706;
}    


/**  NAVIGATION BAR LINK FONT COLOURS  **/
#nav a {
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;  /**  change to 'lowercase' if you don't want all caps  **/
    padding: 12px;
}

/**  NAVIGATION BAR LINK FONT COLOURS WHEN HOVERED OVER  **/
#nav a:hover,
#nav a:focus,
#nav .navbar .nav li.dropdown.open > .dropdown-toggle,
#nav .navbar .nav > .active > a {
    background-color: #FFD706;
    color: #0042B3;
}

/**  CATEGORY BACKGROUND    **/
#nav-left {
    background: #f2f2f2 !important;
    padding-bottom: 20px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}
/**  LEFT CATEGORIES MENU FONT COLOR  **/
#nav-left h2,
h1, h2, h3 {
    color: #333;
    font-size: 24px;
    text-transform: uppercase; /**  change to 'lowercase' if you don't want all caps  **/
}

h1 {
    font-size: 28px;
}

#nav-left, #nav-left h2 {
    text-align: left;
}

#nav-left h2 {
    margin-bottom: 10px;
}

#nav-left ul.categories li.level_1 > a {
    text-transform: uppercase;
    font-size: 16px;
}

/**  LEFT CATEGORIES MENU ITEM WHEN HOVERED OVER  **/
#nav-left ul.categories li.level_1 > a.ui-state-active,
#nav-left ul.categories li.level_1 > a:hover {
    background: #0042B3;
    color: #FFD706;
    text-align: left;
    text-decoration: none;
}


#nav-left ul.categories li.level_1:first-child > a,
#nav-left ul.categories li.level_1 > a {
    border-top: none;
}
#nav-left ul.categories li.level_1 > a {
    color: #333 ;
    border-bottom: none;
}

#nav-left ul.categories.level_2 {
    background: #404040;
    border-bottom: none;
}

#nav-left ul.categories.level_2 a {
    color: #fff !important;
}


#nav-left ul.categories.level_2 a:hover,
#nav-left ul.categories.level_2 li.level_2.active > a {
    background: #FFD706;
    color: #0042B3 !important;
    text-decoration: none;
}

/**  CATEGORY SPACER **/
#nav-left ul.categories li.level_1 > a {
    border-bottom: 2px solid #FFFFFF;
    color: #333;
}

/**  CATEGORY SPACER TOP **/
#nav-left ul.categories li.level_1:first-child > a {
    border-top: 2px solid #FFFFFF;
}

/**  BUTTON BACKGROUND COLOUR AND FONT COLOUR  **/
a.btn,
input.btn,
ul.products li.product .view a,
ul.products li.product .cart a,
ul.product-groups.grid li.product-group .view a {
    background-color: #0042B3;
    color: #FFF;
    font-size: 0.9em;
    text-transform: uppercase;
}

/**  BUTTON BACKGROUND COLOUR AND FONT COLOUR WHEN HOVERED  **/
a.btn:hover,
input.btn:hover,
ul.products li.product .view a:hover,
ul.products li.product .cart a:hover,
ul.product-groups.grid li.product-group .view a:hover {
    background-color: #FFD706;
    color: #0042B3;
    font-size: 0.9em;
    text-transform: uppercase;
}

/**  PRODUCT PRICE COLOUR  **/
body.shop_product_view #body > div.price, 
body.shop_productgroup_product #body > div.price, 
body.shop_product_view #body > div.price-outer .special, 
body.shop_productgroup_product #body > div.price-outer .special {
    color: #0042B3;
}

/**  PRODUCT LIST PRICE COLOUR  **/
#body ul.products li.product div.details > div.price, 
#body ul.product-groups li.product-group div.details > div.price, 
#body ul.products li.product div.details > div.price-outer .special, 
#body ul.product-groups li.product-group div.details > div.price-outer .special {
    color: #0042B3;
}

#body ul.product-groups li.product-group div.details > div.price a {
    color: #0042B3;
}


/**  FOOTER HEADING COLOUR  **/
#footer h3 {
    color: #fff;
    font-size: 18px;
}

/**  FOOTER LINK COLOUR  **/
#footer, #footer a {
    text-align: left;
    color: #FFF;
}

/**  FOOTER LINK COLOUR WHEN HOVERED OVER  **/
#footer a:hover {
    color: #0042B3;
    background: none;
}

.breadcrumb {
 display: block;
 text-align: left;
 font-size:12px;
 text-transform:uppercase;
 background-color:transparent;
}

/* Category Page */
#body ul.categories li.category,
#body ul.products li.product, #body ul.product-groups li.product-group,
ul.tag-values li.tag-value {
    min-height: 400px;
}

#body ul.product-groups li.product-group.not-container .model, #body ul.product-groups li.product-group.not-container .price {
	display: none;	
}

#body ul li .model > div {
	display: inline-block;
}

#body ul li form.cart .control-group,
#body ul li form.cart .controls,
#body ul li form.cart label,
#body ul li form.cart input.quantity {
	vertical-align: bottom;
	display: inline-block;
	margin:0;
}

#body ul li form.cart label {
    font-size: 0.8em;
    text-transform: uppercase;
    margin-right: 5px;
    padding: 5px 0;
	display: inline-block;
	float: none;
	width: auto;
}

#body ul li form.cart input.quantity {
    box-shadow: none;
    padding: 7px 2px;
    max-width: 30px !important;
    margin: 0;
    display: inline-block;
    text-align: left;
    -moz-appearance: textfield;
}

#content #body ul li form.cart div.submit {
	float: none;
	display: inline-block;
}

#body ul li form.cart div.submit .btn {
    padding: 7px;
    font-size: 0.7em;
}

/* Single Product Pages */
#body .layout_shop_productgroup_producttable thead th {
	text-align: left!important;
	color: #000!important;
	font-weight:bold!important;
}

#body .layout_shop_productgroup_producttable th, #body .layout_shop_productgroup_producttable td {
	padding:5px 10px;
	border-bottom: 1px solid #eee;
	text-align:left!important;
}
#body table.layout_shop_productgroup_producttable td.photo {width:80px;}
#body table.layout_shop_productgroup_producttable td.photo div.photo img {max-width:80px;max-height:80px;}
#content #body table.layout_shop_productgroup_producttable td.photo div.photo {display:block}

#quicklist-photo img {max-width:150px;}
#quicklist-photo .photo {
    border:1px solid #ccc;
    text-align:center;
}

div.price-outer .special {
    color: #333;
}

/* Mobile Devices */
@media (max-width: 767px) {
  [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid {
    width: auto;
  }
}

#body form.cart table.products td.stock,
#body form.cart table.products th.stock {
    text-align: center !important;
}

#body form.cart table.products td.name div.name {
    font-weight: bold;
}

#body form.cart table.products td.name div.userfield {
    font-size: 0.85em;
}

#body form.cart table.products td.stock .stock-label {
    display: none;
}

#body form.cart table.products td.stock div.value {
    white-space: nowrap;
    text-align: center !important;
}

#body .in-stock {
    color: #2cbf00;
}

#body .out-of-stock {
    color: #ff0000;
}

#body .layout_shop_productgroup_producttable thead th.quantity,
#body .layout_shop_productgroup_producttable tbody td.quantity {
    text-align: center !important;
}

#body .notify .button-outer.notify a.btn {
    text-transform: none;
}

@media (min-width: 990px) {
    .shop_productgroup_categoryquicklist #body div.submit {
        float: right;
        margin-bottom: 10px;
    }
}