body	{
	font-family: 'Open sans', sans-serif;
	font-weight: 300;
	xbackground: #f9f9f9 url(../image/skin/body_bg_3x3.png) top center repeat;
}

h1,h2,h3,h4,h5,h6	{
	font-weight: 700;
	xtext-transform: uppercase;
}

h1 {
	font-size: 300%;
	}
	
h2 {
	font-size: 200%;
	}
	
h3 {
	font-size: 200%;
	}

h4 {
	font-size: 200%;
	}

h5, footer h5 {
	font-size: 150%;
	}

h6 {
	font-size: 150%;
	}

h4.panel-title{
	font-size: 150%;
	}

img.w-100	{
	width: 100%!important;
}

/* START OF BACKGROUND ROWS */

div.bg1,
div.bg2,
div.bg3,
div.bg4,
div.bg5,
div.bg6	{
	margin-bottom: 5px;
	padding-bottom: 10px;
	background-size: cover;
	color: #fff;
}

div.bg1 *,
div.bg2 *,
div.bg3 *,
div.bg4 *,
div.bg5 *,
div.bg6 *	{
	color: #fff;
}

div.bg1	{
	border: 10px solid #95a77a;
	background: #95a77a url(../image/skin/bg1.jpg) top center repeat;
}

div.bg2	{
	border: 10px solid #3e134d;
	background: #3e134d url(../image/skin/bg2.jpg) center center repeat;
}

div.bg3	{
	border: 10px solid #748658;
	background: #748658 url(../image/skin/bg3.jpg) bottom center repeat;
}

div.bg4	{
	border: 10px solid #b33045;
	background: #b33045 url(../image/skin/bg4.jpg) top center repeat;
}

div.bg5	{
	border: 10px solid #333333;
	background: #333333 url(../image/skin/bg5.jpg) center center repeat;
}

div.bg6	{
	border: 10px solid #ff9933;
	background: #ff9933 url(../image/skin/bg6.jpg) bottom center repeat;
}

/* END OF BACKGROUND ROWS */

p{
    font-size: 120%;
}

#logo {
	margin: 0 auto 10px;
}

nav#top	{
	margin: 0;
	position: sticky;
	top: 0;
	z-index: 9;
}

.navbar-nav li {
    margin: 0 10px;
}

#menu {
	margin: 0;
	border: 0;
	border-radius: 0;
	padding: 10px;
	background: #835992;
	font-weight: 700;
	xtext-transform: uppercase;
}

#menu .dropdown-inner a {
	min-width: 300px;
	text-transform: capitalize;
}

.nav-colours{
	background: #ddd url(../image/skin/menu_bg_6x6.png) top center repeat;
	xmargin-bottom: 20px;
}

a.see-all,
.dropdown-menu li > a{
    transition: .3s;
    }
    
#menu .see-all:hover,
#menu .see-all:focus,
.dropdown-menu li > a:hover,
#menu .dropdown-inner li a:hover {
	background-color: #669900;
	background-image: none;
	color: #fff;
}

a.see-all {
    color: #669900;
}

#menu ul > li > div > div > ul > li > a,
#menu li a {
	padding: 10px 5px 10px 5px!important;
	font-size: 110%;
}

#menu ul > li.dropdown > div > div > ul > li > a{
	font-size:100%;
    }

#menu .btn-navbar {
	background-color: #95a77a;
	background-image: linear-gradient(to bottom, #a8b792, #95a77a);
	border-color: #a8b792;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	background-color: #95a77a!important;
}

.container	{
	padding: 20px 20px;
	width: 100%;
	max-width: 1500px;
	background: #fff;
}

.sticky-top	{
	/* padding: 10px 15px 0; */
}

nav#top .container	{
	border: 0;
	padding: 0;
	background: none;
}

footer .container	{
	border: 0;
	background: none;
}

footer	{
	margin-top: 0;
}

.product-thumb	{
	border: 1px solid #eee;
	border-radius: 0;
}

.product-thumb h4 {
	text-align: center;
}

p.price,
ul li h2 {
	padding: 30px 0;
	font-size: 300%;
	font-weight: 700;
	text-align: right;
	line-height: 1.25em;
}

ul.breadcrumb li a {
	color: #669900;
    }

.btn-primary{
	background-color: #669900;
	background-image: none;
	border: 0;
}

.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover{
	background-color: #7330a2;
	background-image: none;
}

.btn-hollow	{
	margin: 0 auto 30px;
	border-radius: 0;
	border: 2px solid #444;
	padding: 10px;
	font-size: 125%;
	color: #444;
	width: 75%;
}

details {
	background: #eee;
	padding: 2rem;
	font-size: 120%;
	margin: 0 0 1rem 0;
	}


details summary {
	font-size: 150%;
	font-weight: bold;
	cursor: pointer;
	}
	
details[open] summary {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	}
	
table.table.products_table{
	font-size: 85%;
	color: #666;
	}

table.table.products_table th	{
	background: #eee;
	border-bottom: none!important;
	}

table.table.products_table th,
table.table.products_table td	{
	color: #111!important;
	}

table.table.products_table a	{
	color: #06f!important;
	xfont-weight: bold;
	}

table.table.products_table i.red	{
	color: #f00!important;
}

table.table.products_table i.amber	{
	color: #f93!important;
}

table.table.products_table i.green	{
	color: #396!important;
}

input#query {
	display: inline;
	margin: 0 5px 10px 0;
	width: 300px;
	max-width: 100%;
	}
	
.products_table_init {
	border: 1px solid #dee2e6;
	border-bottom: 0;
	background: #e9e9e9;
	padding: 5px;
	position: sticky;
	top: 0;
	}
	
.products_table_init a	{
	color: #06f!important;
	font-size: 125%;
	}