/**
* custom.css file created by Toner Direct Template
* @package Toner Direct Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/

body {
	margin-top: 0px;
	font-family: 'Lato', sans-serif;
	color: #333333;
}

.top_bg {
	padding-top: 0px;
	padding-bottom: 10px;
	background-color: #22aae1;
}

.top_banner {
	background-color: #0098DC;
	padding-top: 10px;
}

.holders
{
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
}

.yjsg_grid
{
  padding-top: 40px;
  padding-bottom: 40px;
}

#yjsgheadergrid
{
	background-color: #FFFFFF;
	padding: 5px;
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

#yjsgheadergrid p {
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 80%;
}

.page-header
{
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#yjsgbodytop, #yjsgbodytop.yjsg_grid
{
  padding-bottom: 0px;
}

#topmenu_holder, .ulholder.dlevel1
{
	background-color: #22aae1;
	margin-top: 0px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f8f8f8;
}

.yjsgmenu a.activepath, .yjsgmenu a:hover, .yjsgmenu a:focus, .yjsgmenu li:hover > .child a {
	background: #FFFFFF;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

input#mod-search-searchword {
	width: 100%;
}

.yjsquare, .yjsgModsChrome, .yjplain {
	margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6, .article_title, .module_title, .pagetitle, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: 'Anton', sans-serif;
	color: #0098DC;
	text-decoration: none;
	word-break: keep-all;
}

h1, .ask-a-question-view h1, .manufacturer-details-view h1, h1.article_title, h1.pagetitle {
	font-size: 200%;
}

h2 {
	font-size: 150%;
}

.browse-view .row .product .spacer h2, .category-view .row .category .spacer h2 a {
	font-size: 130%;
	line-height: 1.4em;
}

h3, h3.module_title {
	font-size: 130%;
}

div#header3 h3.module_title {
	font-size: 100%;
	color: #FFFFFF;
	margin-bottom: 0px;
}
div#vmCartModule {
	color: inherit;
	line-height: 1.1em;
}

div#vmCartModule a {
	color: inherit;
	text-decoration: underline;
}

form#checkoutForm h3 {
	font-size: 110%;
}

.category-view .category .spacer h2
{
	-webkit-box-shadow: 0 8px 6px -6px grey;
	-moz-box-shadow: 0 8px 6px -6px grey;
	box-shadow: 0 8px 6px -6px grey;
	border: 1px solid #dddddd;
	padding: 5px;
	min-height: 220px;
	vertical-align: middle;
}

.category-view .row .category .spacer h2
{
  font-size: 20px;
}

.category-view .row .category .spacer h2 a {
	color: #0098dc;
}

p {
	font-size: 110%;
	line-height: 1.6em;
}

p.product_s_desc
{
	line-height: 1.2em;
	margin-bottom: 20px;
}

.breadcrumb
{
	padding: 5px;
}

#pathway ul.breadcrumb {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.breadcrumb > li {
	padding-left: 5px;
}

input#mod_virtuemart_search {
	width: 100%;
	height: 3em;
	padding: 20px;
	line-height: 140%;
}

table.user-details input {
	height: 2em;
}

.PricepriceWithoutTax, .PricediscountAmount, .PricebasePriceWithTax {
	font-weight: normal;
	font-size: 95%;
}

span.vm-price-desc {
	font-size: 95%;
}

.PricediscountAmount {
	color: #cd1971;
}

.PricesalesPrice {
	font-weight: bold;
}

.browseCategoryImage
{
  max-height: 190px;
  width: auto;
  max-width: 100%;
}

.vm-img-desc
{
	display: none;
}

blockquote {
	min-height: 45px;
	font-style: italic;
	padding-left: 60px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 10px;
	background-image: url(../images/blockquote.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 16px;
	line-height: 1.4em;
	padding-top: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

cite
{
	font-style: italic;
	text-align: right;
	float: right;
}

.product-price {
	font-weight: bold;
	font-size: 16px;
}

.vm-pagination ul li
{
  display: inline;
  padding-left: 0px;
}

li {
	padding-left: 30px;
	line-height: 1.4em;
}

ul {
	list-style-type: square;
}

ol {
	list-style-type: decimal;
}

ul.category-module li {
	padding-left: 0px;
}

ul.defaultmenu li
{
	line-height: 32px;
	display: block;
	list-style-type: none;
	padding-left: 0px;
}

.defaultmenu li a
{
	border-bottom-style: none;
}

ul.menu li {
	display: block;
}

ul.yjsgmenu li a, ul.yjsgmenu.megadropline a.dlevel1a, ul.yjsgmenu.megadropline .cleardropline, ul.yjsgmenu.megadropline .cleardropline {
	padding: 0px 15px;
	font-size: 115%;
}

.toplinkmenu a {
	color: #FFFFFF;
}

/* REMOVE BULLET POINTS FROM MODULES/MENUS */
div#yjsg1.yjsg_grid, div#yjsg3.yjsg_grid {
	padding-top: 5px;
	padding-bottom: 0px;
}

#top5.yjsgxhtml {
	text-align: right;
}

.yjsg2 li, .yjsgxhtml li {
	list-style-type: none;
}

.defaultmenu li a:before {
	content: "";
}
/* END REMOVE BULLET POINTS  */

form#login-form ul li {
	list-style-type: square;
	list-style-position: inside;
}

.sprocket-strips-text
{
	color: #333333;
}

.sprocket-strips-container > li {
	margin-left: 0px;
}

.yjsg4_out, .yjsg4_out .fa[class*="yjsg-hr-"]::before
{
	background-color: transparent;
}

.yjsg4_out .yjsg_grid {
	padding-top: 5px;
	padding-bottom: 5px;
}

.yjsg4_out input[type="search"] {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

legend
{
	font-size: 14px;
	border-bottom-style: none;
}

/* LINE BREAK AFTER FIELDS IN CONTACT FORM */
span.contact-street:after, span.contact-suburb:after, span.contact-state:after, span.contact-postcode:after {
    content: '\A';
    white-space: pre;
}

.yjsg7_before
{
  background-color: #f5f5f5;
}

.yjsg7_out, .footer_out
{
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #F8F8F8;
}

#footer, #footer a, #footer a:hover
{
	color: #999999;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}

#footer div {
	line-height: 1.6em;
}

div#footer a, div#footer a:hover {
/*	color: #FFF; */
	text-decoration: underline;
}