/**  GOOGLE FONT IMPORT  **/
@import url('//fonts.googleapis.com/css?family=Questrial');
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

#body form.cart table.products.list td.photo div.photo img {
    max-width: 50px;
}

.shop_product_view #body .price-outer .price.retail div {
    display: inline;
} 

.price-outer div.price.special a,
.price-outer div.price.special {
    color: #ff0000 !important;
}

.price-outer div.retail.special a,
.price-outer div.retail.special {
    text-decoration: none;
    color: #0f5103 !important;
}

.breadcrumb {
    display: block;
    margin-bottom: 10px;
    background: none;
}

#content #body ul.product-groups li.product-group, 
#body ul.products li.product {
    position: relative;
}

/* Flags */
#body .flag{
 width: 100px;
  z-index: 9;
  height: 100px;
  position: absolute;
  right: -5px;
  top: -5px;
  text-indent:-9999px;
}

body.special #body li.special .flag,
#body li.special .flag, 
body.special #body .flag { 
  background: url(https://d347awuzx0kdse.cloudfront.net/apollogrip/content-file/ribbon-sale.png);
}

body.new #body li.new .flag,
#body li.new .flag, 
body.new #body .flag { 
  background: url(https://d347awuzx0kdse.cloudfront.net/apollogrip/content-file/ribbon-new.png);
}

body.special #body li .flag,
body.new #body li .flag {
    background: none;
}

/**  SITE FONTS  **/
body, 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,b
body.shop_product_view #body > div.price,
a.btn, input.btn, input.button, 
ul.products li.product .cart a, 
ul.products li.product .view a, 
ul.product-groups.grid li.product-group .view a,
#above-header-inner > div.login .register a{
    font-family: 'Questrial', san-serif;
    text-transform: none;
}


/*#header div.search-outer form.search .submit input.btn {
    background: url(https://d347awuzx0kdse.cloudfront.net/apollogrip/content-file/search-white.png) center center no-repeat !important;
}*/

ul.products li.product .cart a,
ul.products li.product .cart a:hover, 
ul.products li.product .cart a:focus {
    background-image: url(https://d347awuzx0kdse.cloudfront.net/apollogrip/content-file/cart-button.png);
}


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 {
    font-family: 'Questrial', san-serif;
}

/**  TOP LOGIN/CART AREA BACKGROUND COLOUR **/
#above-header-outer {
    background: #fff;
    border-bottom: #DDDFE1 1px solid;
}


#above-header-inner > div.login a, 
#above-header-inner > div.account a, 
#above-header-inner > div.cart-outer a {
    color: #000 !important;
}

#above-header-inner > div.login a:hover, 
#above-header-inner > div.account a:hover, 
#above-header-inner > div.cart-outer a:hover {
    color: #06AEFF !important;
    text-decoration: underline;
}


/**  LOGO AREA BACKGROUND COLOUR  **/
#header-outer {
    background: none;
}


/**  NAVIGATION BAR BACKGROUND COLOUR  **/
#nav {
    background: #fff;
    color: #000;
    border-bottom: 2px solid #DDDFE1;
    border-top: 2px solid #DDDFE1;
}

/**  NAVIGATION BAR LINK FONT COLOURS  **/
#nav a {
   
    color: #000;
    font-size: 1.1em;
    text-transform: uppercase;  
}

/**  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: #fff;
    color: #06AEFF !important;
    text-decoration: underline;
}

/**  NAVIGATION BAR SUB-MENU **/
#nav .navbar ul#menu_1.nav ul.level_1.dropdown-menu a {
    border: medium none;
    background-color: #fff;
    
}

/**  NAVIGATION BAR SUB-MENU HOVER **/
#nav a:hover, #nav a:focus, 
#nav .navbar .nav li.dropdown.open > .dropdown-toggle, 
#nav .navbar .nav > .active > a {
    background-color: #fff !important;
    color: #000;
}


/**  CATEGORY BACKGROUND    **/
#nav-left {
    background: #f3f2f2;
    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: #000;
    font-size: 20px;
    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 {
    background: #f3f2f2;
    padding-bottom: 0px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

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

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

/**  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: #fff;
    color: #06BEFF;
    text-align: left;
    text-decoration: underline;
}


#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: #000 ;
    border-bottom: none;
}

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

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

#nav-left ul.categories.level_2 a:hover,
#nav-left ul.categories.level_2 li.level_2.active > a {
    background: #fff;
    color: #000 !important;
    
}

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

#nav-left ul.categories li.level_2 > a {
    border-bottom: 1px solid #FFF;
    color: #000;
}

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

#nav-left ul.categories li.level_1 > a {
    border-top: 3px solid #FFF;
}

/**  BODY LINK COLOURS  **/
a {
    color: #000;
    text-decoration: none;
}

/**  BODY LINK COLOURS WHEN HOVERED OVER  **/
a:hover {
    color: #1AB1ED;
    text-decoration: none;
}

/**  SPACING ABOVE AND BELOW LOGO  **/
#block_10 {
    padding-top: 0px! important;
    padding-bottom: 1px! important;
}

#above-header-outer #above-header-inner .account ul#menu_4 {
    margin: 0px;
}

#above-header-outer #above-header-inner .account ul#menu_4 li:first-child {
    padding-left: 0;
}

#above-header-outer #above-header-inner .account ul#menu_4 li:last-child {
    border-right: 0;
}

#above-header-outer #above-header-inner .account ul#menu_4 li {
    float: left;
    padding: 0 10px;
    border-right: 2px solid #fff;
}


/**  BUTTON BACKGROUND COLOUR AND FONT COLOUR  **/
a.btn,
input.btn,
ul.products li.product .view a,
ul.products li.product .cart a,
input.button, 
ul.products li.product .cart a, 
ul.products li.product .view a, 
ul.product-groups.grid li.product-group .view a {
    background-color: #FFF400;
    color: #0C2C81;
    font-size: 0.9em;
}


/**  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,
input.button:hover, 
ul.products li.product .cart a:hover, 
ul.products li.product .view a:hover, 
ul.product-groups.grid li.product-group .view a:hover {
    background-color: #FFF400;
    color: #919295;
    font-size: 0.9em;
}

/**  PRODUCT PRICE COLOUR  **/
.price,
#body ul.products li.product div.details > div.price a,
div.price.special a {
    color: #0F5103 !important;
}

div.price.retail a {
    color: #0F5103 !important;
}

th.price {
    color: #000 !important;
}

/**  FOOTER BACKGROUND COLOUR  **/
html, #footer {
    background: #f3f2f2;
}

/**  FOOTER HEADING COLOUR  **/
#footer h3 {
    color: #000;
    font-size: 1.0em;
}

#footer h1, #footer h2, #footer h3 {
    color: #000;
    font-size: 16px;
}

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

/**  FOOTER LINK COLOUR WHEN HOVERED OVER  **/
#footer a:hover {
    color: #06AEFF !important;
    text-decoration: underline;
}

#footer h1, #footer h2, #footer h3 {
    border-bottom: none;
    text-align: left;
    padding: none;
    text-transform: uppercase;
}

/**  FOOTER LINK HOVER BACKGROUND  **/
.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
}

.cart_view #body .cart .product .model .model-label,
.cart_view #body .cart .product .model .value {
    display: inline-block;
}

.cart_view #body .cart .layout_group_16 div.photo img {
    max-width: 60px;
}

@media only screen and (min-width: 768px) {
    body.shop_product_view #body > div.photos ul.thumbnails li.thumbnail img,
    body.shop_productgroup_product #body > div.photos ul.thumbnails li.thumbnail img {
        width: auto;
        height: auto;
        max-width: 58px;
        max-height: 58px;
    }
    
    body.shop_product_view #body > div.photos ul.thumbnails li.thumbnail, 
    body.shop_productgroup_product #body > div.photos ul.thumbnails li.thumbnail {
        width: 58px;
        height: 58px;
    }
}

#nav .navbar ul#menu_1.nav ul.level_1.dropdown-menu {
    background: #1F1F25;
}

#nav .navbar a.menu-toggle {
    color: #000;
}

#nav .navbar a.menu-toggle:hover,
.navbar .nav>li>a:hover {
    color: #1F1F25;
}

body.shop_category_view #body table.products.list {
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 10px;
    border-collapse: collapse;
    font-size: 0.83em;
}

body.shop_category_view #body table.products.list tbody > tr:nth-child(2n+1) > td {
    background: #f9f9f9;
}

body.shop_category_view #body table.products.list tr th,
body.shop_category_view #body table.products.list tr td {
    padding: 4px;
    border: 1px solid #dddddd;
}

body.shop_category_view #body table.products.list {
    margin-bottom: 10px;
}

body.shop_category_view #body table.products.list tr th,
body.shop_category_view #body table.products.list tr td {
    vertical-align: top;
}

body.shop_category_view #body table.products.list tr th {
    text-align: left;
}

body.shop_category_view #body table.products.list td.quantity,
body.shop_category_view #body table.products.list th.quantity {
    text-align: center;
}

body.shop_category_view #body table.products.list .code {
    display: none;
}


body.shop_category_view #body table.products.list .name .userfield div,
body.shop_category_view #body table.products.list .name .stock div {
    display: inline-block;
}

body.shop_category_view #content .cart table.products.list input.quantity {
    width: 40px;
    font-size: 14px;
    padding: 2px 6px;
    height: 20px;
}

/* Single Product Page */
#body a.readmore {
    color: #ed588d;
    margin: 10px 0;
}

body.productgroup_categoryquicklist #content #body ul.downloads,
body.shop_productgroup_product #content #body ul.downloads,
body.shop_product_view #content #body ul.downloads {
  margin: 0 0 20px;
  overflow: hidden;
}
body.productgroup_categoryquicklist #content #body ul.downloads li,
body.shop_productgroup_product #content #body ul.downloads li,
body.shop_product_view #content #body ul.downloads li {
  list-style: none;
  float: left;
  min-width: 150px;
  display: block;
}
body.productgroup_categoryquicklist #content #body ul.downloads li:nth-child(2n+1),
body.shop_productgroup_product #content #body ul.downloads li:nth-child(2n+1),
body.shop_product_view #content #body ul.downloads li:nth-child(2n+1) {
  clear: left;
}
body.productgroup_categoryquicklist #content #body ul.downloads li:before,
body.shop_productgroup_product #content #body ul.downloads li:before,
body.shop_product_view #content #body ul.downloads li:before {
  position: relative;
  font-family: FontAwesome !important;
  font-size: 18px;
  color: #d8061b;
  content: "\f1c1";
  margin-right: 5px;
}

#single-product-photo {
	position: relative;
	display: block;
}

#single-product-photo div.photo {
	border: 1px solid #ccc;
	text-align: center;
}

#single-product-photo div.video {
    position: relative;
    top: 10px;
}

body.shop_product_view #nav-left {
	display: none;
}

body.shop_product_view #body {
	float: none;
	width: auto;
}

body.shop_product_view .breadcrumb {
	margin-left: 0;
}

body.shop_product_view #body div.photos div.photo {
    border: 0;
}

body.shop_product_view #body div.photos div.photo img {
    border: 1px solid #ccc;
	width: 100%;
}

body.shop_product_view #body h1 {
	margin-bottom: 0;
}

body.shop_product_view #body ul.products li.product div.model {
    display: block;
}

body.shop_product_view .model .model-label {
	display: inline-block;
	text-transform: uppercase;
}

body.shop_product_view .model .value {
	display: inline-block;
}

body.shop_product_view div.price {
	font-size: 2em;
	margin: 20px 0 20px;
	color: #999;
	font-weight: normal;
}

body.shop_product_view div.price .price-label{
	display: inline-block;
	text-transform: uppercase;
}

body.shop_product_view div.price .value {
	display: inline-block;
}

body.shop_product_view .stock>div {
	display: inline-block;
	color: #999;
} 

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

body.shop_product_view div.description h2 {
	display: none;
}

body.shop_product_view div.enquire,
body.shop_product_view div.favourite {
	display: inline-block;
}

body.shop_product_view div.favourite a.btn {
	padding-left: 25px!important;
	background: url(https://d347awuzx0kdse.cloudfront.net/apollogrip/content-file/fav-yellow.png) no-repeat 5px center;
}

body.shop_product_view #content #body #single-product-addtocart {
    margin-top: 20px;
	display: block;
}

body.shop_product_view #content #body #single-product-addtocart .control-group,
body.shop_product_view #content #body #single-product-addtocart .controls {
	display: inline-block;
	margin: 0;
}

body.shop_product_view #body #single-product-addtocart .btn {
	margin: 0;
}

body.shop_product_view #content #body #single-product-addtocart label {
    font-size: 0.8em;
    text-transform: uppercase;
    margin-right: 5px;
    padding: 5px 0;
	display: inline-block;
	float: none;
	width: auto;
}

body.shop_product_view #content #body #single-product-addtocart input.quantity {
    box-shadow: none;
    padding: 5px;
    max-width: 45px !important;
    margin: 0;
    display: inline-block;
    text-align: left;
    -moz-appearance: textfield;
    max-width: 85px;
}

#content #body ul.products li.product form.cart input.quantity {
    display: inline-block;
    width: 40px;
    font-size: 14px;
    padding: 2px 6px;
    height: 20px;
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	body.shop_category_view #body table.products.list {
        font-size: 1em;
    }
	
	body.shop_category_view #body table.products.list tr th,
	body.shop_category_view #body table.products.list tr td {
		 padding: 8px;
	}
	
	body.shop_category_view #body table.products.list td.quantity input.quantity {
        width: 40px;
        font-size: 14px;
        padding: 2px 6px;
        height: 20px;
    }
	
	body.shop_category_view #body table.products.list .photo,
	body.shop_category_view #body table.products.list .code {
        display: table-cell;
    }

    body.shop_category_view #body table.products.list .photo {
        text-align: center;
	}
	
	body.shop_product_view #body>form.cart label {
	    float: none;
	}
	
	body.shop_product_view #body>form.cart .control-group,
	body.shop_product_view #body>form.cart .controls {
	    display: inline-block;
	    margin: 0;
	}
	
	body.shop_product_view #body>form.cart .submit input.btn {
	    margin-top: 0;
	    margin-left: 10px;
	}
	
	/* Single Product Page */
	#single-product-photo {
		width: 30%;
		float: left;
		margin-right: 1%;
	}
	
	#single-product-details {
		width: 66%;
		float: right;
	}
}

@media only screen and (min-width: 992px) {
    body.shop_product_view #body > div.notify {
        width: 65%;
    }
}

@media (max-width:768px) {
    #everything-outer .hidden-mobile {
        display: none!important;   
    }
}

@media (min-width: 768px) {
    #everything-outer .hidden-desktop {
        display: none;
    }
    
    #everything-outer .hidden-mobile {
        display: table-cell;
    }
}

#content #body ul.tag-values li.tag-value .cart .submit,
#content #body ul.products li.product .cart .submit,
#content #body ul.product-groups li.product-group .cart .submit {
  position: relative;
  display: inline-block;
  margin-left: 10px;
}

#content #body ul.tag-values li.tag-value .cart .submit .btn-primary,
#content #body ul.products li.product .cart .submit .btn-primary,
#content #body ul.product-groups li.product-group .cart .submit .btn-primary {
  margin: 0;
  background-color: #fff400;
  color: #0c2c81;
}

#content #body ul.tag-values li.tag-value .cart .submit .btn-primary:hover,
#content #body ul.products li.product .cart .submit .btn-primary:hover,
#content #body ul.product-groups li.product-group .cart .submit .btn-primary:hover {
  color: #fff;
  background-color: #84BD00;
}

#body ul.products li.product form.cart label, 
#content #body ul.products li.product form.cart input.quantity, 
#content #body ul.products li.product form.cart .submit, 
#content #body ul li form.cart,
#content #body ul li form.cart label,
#content #body ul li form.cart input.quantity, 
#content #body ul li form.cart .button-outer,
#content #body ul.products li.product form.form-inline .control-group, 
#content #body ul.product-groups li.product-group form.form-inline .control-group, 
#content #body ul.tag-values li.tag-value form.form-inline .controls, 
#content #body ul.products li.product form.form-inline .controls, 
#content #body ul.product-groups li.product-group form.form-inline .controls {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    line-height: 1;
}

#content #body ul.products li.product form.cart input.quantity {
    width: 40px;
    font-size: 14px;
    padding: 2px 6px;
    height: 30px;
    margin-right: 10px;
}

#products-added-modal,
.modal-backdrop.fade.in,
.search_resultsquicklist .modal-backdrop.fade.in,
.search_resultsquicklist #products-added-modal,
.category_view .modal-backdrop.fade.in,
.category_view #products-added-modal {
	display: none !important;
}

#content #body #single-product-details div.userfield div,
#content #body ul.product-groups li.product-group .userfield div,
#content #body ul.products li.product .userfield div {
    display: inline-block;
}

.shop_cart_view #body table.cart td div.photo img {
    max-width: 60px;
    height: auto;
}

.shop_product_view .modal-backdrop.fade.in,
.shop_product_view #products-added-modal {
    display: none;
}

#content .not-in-cart a.ajax-remove-from-cart.in-cart,
#content .not-in-cart a.ajax-remove-from-cart,
#content a.ajax-remove-from-cart {
    display: none;
}

#content .in-cart a.ajax-remove-from-cart,
#content a.ajax-remove-from-cart.in-cart {
    display: inline-block;
}

#content .ajax-remove-from-cart {
    background: url(https://d347awuzx0kdse.cloudfront.net/apollogrip/content-file/icon-check-circle.png) no-repeat left center;
    padding-left: 20px;
    display: inline-block;
    text-transform: lowercase;
    color: #c10403;
}

#body ul.products li.product {
    min-height: 403px;
}

body.shop_product_view #content #body #single-product-addtocart {
    display: inline-block;
}

body.shop_product_view #content #body #single-product-addtocart ~ .cart-check {
    display: inline-block;
    margin-left: 10px;
}