@charset "UTF-8";
/* CSS Document */

body {font-family: Georgia; color: #000; font-size: 12px; line-height: 150%}
a {color: #000; text-decoration: none}
a:visited {color: #000}
a:hover {color: #fff; background-color: #000}

li.mobindent{margin-left: 20px; font-size: 14px}

#wrapper {width:1225px; margin:50px auto 20px auto}

#sidebar {width: 325px; float:left; text-align: left; line-height: 300%; margin-top: -5px}

#sidebar ul{list-style: none; font-size: 16px; padding-left:8px; margin:0px}

#sidebar ul.mainmenu li {list-style: none; margin:0px; font-size: 16px;}

#sidebar ul.socialmenu li {list-style: none; font-size: 12px; margin:0px; line-height: 200%}

#content {width: 900px; float:left}

#logo {margin-bottom: 25px;}

h1 {font-weight: normal; font-size: 16px; margin-top: 0px; border-bottom: 1px solid #eee; padding-bottom: 5px;}

#accordion {
	list-style: none;
	padding: 0 0 0 0;
	width: 170px;
	text-transform: uppercase;
}
#accordion li{
	display: block;
	margin: 1px;
	cursor: pointer;
	padding: 0 5 0 0px;
}
#accordion ul {
	list-style: none;
	padding: 0 0 0 0;
	display: none;
}
#accordion ul li{
	font-weight: normal;
	cursor: auto;
	background-color: #fff;
	padding: 0 0 0 7px;
}

ul#accordion ul li{
	font-weight: normal;
	cursor: auto;
	font-size: 14px;
	background-color: #fff;
	padding: 0 0 0 14px;
}

#accordion a {
	text-decoration: none;
}
#accordion a:hover {
	text-decoration: none;
	color: white;
}

#accordion-not {
	list-style: none;
	padding: 0 0 0 0;
	width: 170px;
	text-transform: uppercase;
}
#accordion-not li{
	display: block;
	margin: 1px;
	cursor: pointer;
	padding: 0 5 0 0px;
}
#accordion-not ul {
	list-style: none;
	padding: 0 0 0 0;
	display: none;
}
#accordion-not ul li{
	font-weight: normal;
	cursor: auto;
	background-color: #fff;
	padding: 0 0 0 7px;
}

ul#accordion-not ul li{
	font-weight: normal;
	cursor: auto;
	font-size: 14px;
	background-color: #fff;
	padding: 0 0 0 14px;
}

#accordion-not a {
	text-decoration: none;
}
#accordion-not a:hover {
	text-decoration: none;
	color: white;
}

#stockists1 {float: left; width: 30%; min-width: 250px}
#stockists2 {float: left; width: 30%; min-width: 250px}
#stockists3 {float: left; width: 30%; min-width: 250px}

ul {padding:0px}

#footer {font-size: 10px; width: 100%; text-align: right}

#mobmen{display:none}

li.mobs{font-size: 12px}

@media screen and (max-width : 767px){
	#wrapper{width: 100% !important; margin-top: 20px}
	#content{width:100% !important; padding-bottom: 0px !important}
	#content img {width: 100% !important}
	#sidebar ul {display:none}
	#logo {margin-bottom: 0px; margin-left: -10px;}
	#content{display:block; height: auto !important; padding: 25px 0px 0px 0px !important; border: none !important}
	body{margin: 20px}
	#mobmen{display:block}
}


@media screen and (max-width : 767px){
	/*Make dropdown links appear inline*/
	#mobilemen{display:block; margin-bottom: 20px; margin-top: 20px}
	#mobilelogo{width:90%; max-width: 300px; margin: auto}
	#content img {margin: 0px 0px 15px 0px !important; width: 100%}
	#content img {margin-left: 0px !important;}
	#logo{float:left; width:80%; margin-bottom: 15px}
	#mobmen{float:right}
	#sidebar{width:100%; border-bottom: 1px solid #eee;}
	
	#content{padding: 15px}
	
	h1{font-size: 22px; margin-top: 0px; line-height: 125%; font-weight: 900}

h2{font-size: 20px; line-height: 125%}

#actions{display:none}

#footer{text-align: center}

h5{font-size: 20px; line-height: 125%; text-transform:uppercase; margin:30px 0px 0px 0px}
	
	#content-wrapper{width: 100% !important}
	
	#menu-bar{display:none}
	
	#sidebar ul{padding-left:0px}
	
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
	
	
/*Strip the ul of padding and list styling*/
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	float: left;
	margin-right: 1px;
	margin-bottom: 0px;
}

/*Style for menu links*/
li a {
	display:block;
	min-width:140px;
	height: 50px;
	text-align: left;
	padding-left: 30px;
	line-height: 50px;
	font-family: Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	background: #fff;
	text-decoration: none;
}

/*Hover state for top level links*/
li:hover a {
	background: #000;
}

/*Style for dropdown links*/
li:hover ul a {
	background: #000;
	color: #fff;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #000;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #000;
	border: 1px solid #000;
	text-align: center;
	padding: 0px 0;
	padding-top: 5px;
    width: 40px;
    height: 30px;
    margin-top: 2px;
	z-index: 9999;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

ul#menu {position: absolute; left:0px; background-color: #fff; border-top: 1px solid #eee; margin-top: 10px; -webkit-box-shadow: 0px 11px 10px 0px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 11px 10px 0px rgba(0,0,0,0.38);
box-shadow: 0px 11px 10px 0px rgba(0,0,0,0.38); z-index:9999}


/*Responsive Styles*/
	
	
}