/* Stylesheet: Layout V2 Modified On 2014-05-15 10:09:37 */
html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0px; 
margin-left:auto;
margin-right:auto;
margin-bottom:100px;
background:url(http://www.johnmonk.co.nz/uploads/jmimg/topbg.png) repeat-x top left;
}

#menu-top .menuparent ul li a {color:#fff !important;}

ul#primary-tnav li ul {
background-color: #b93338 !important;}
ul#primary-tnav li a.menuactive {background: #ee1717 !important;}
ul#primary-tnav li.menuparent a.menuparent:hover {background: #ee1717 !important;}

.innershadow {-webkit-box-shadow:inset 0 0 10px 10px #D6D6D6 !important;
box-shadow:inset 0 0 10px 10px #D6D6D6 !important;} 

img{
	margin:0px;
	display:block;
}

#wrapper {
	width: 1100px;
	margin:0 auto;
	border:0px solid red;
}
.footer-navigation > ul > li li a, .footer-navigation > ul > li.sectionheader li a, .footer-navigation > ul > li li span.sectionheader{text-transform:uppercase !important;}
.footer-navigation > ul ul {padding-left: 10px !important;}

header {
	width:1100px;
	float:left;
	margin-left:auto;
margin-right:auto;
}
section#main-content {width:1022px; margin-left:40px;}
header#toparea h1, nav#topnav h1, nav h1, section#main-content h1{
	position:absolute;
	left:-99999em;
}
section#main-content h1 {
left: 13em;
padding-bottom: 10px;
float: left;
position: static;
width: 100%;
}

}
#logo{
	width:416px;
	float:left
}

#logo-symbol-t{
	width:267px;
	float:left;
margin-left: 415px;
margin-top: -42px;
}

#top-right, #search, #menu-top{
	width:416px;
	float:left;
	color:white;
}

#search, #menu-top{
	height:47px;
margin-top: -25px;

}
#search {
margin-top: -35px;
}

#menu-top{

margin-top: 0px;
height: 35px;
}
.clear{
	clear:both	
}




/*#topnav{
	width:1100px;
	float:left;
	height:77px;
}

#topnav ul{
	list-style:none;
	margin:0px;
	padding:0px;
		border-right:1px solid #a8a8a8;
	    width:1100px; 
	    display: table;
}*/



#topnav ul li{
	width:103.8px ;
	float:left;
	height:77px;
	margin:0px;	 	
	padding:0px;
	background:url(http://www.johnmonk.co.nz/uploads/jmimg/mnubg.png) top left no-repeat;
}
.menuparent ul li a {color:#474747 !important;}
#topnav ul li a{
	text-decoration:none;
	display:block;
	text-transform:uppercase;
	color:#e62222;
	text-align:center;
font-weight:bold;
	font-size:9pt;
		height:57px;
	padding-top:20px;
	/*line-height:83px;*/	
}

#topnav ul li a:hover{
	background:url(http://www.johnmonk.co.nz/uploads/jmimg/menuh.png) top left no-repeat;	
}


.logo-symbol{
	width:268px!important;
}


/*#topnav ul{

    width:1100px; 
    height:83px; 
		margin:0px;
	padding:0px;

}

#topnav ul li {
    list-style: none;
    display: table-cell; 
    vertical-align: middle;
    text-align: center; 
    width:104px; 
	margin:0px;	 	
	padding:0px;
	background:url(http://www.johnmonk.co.nz/uploads/jmimg/mnubg.png) top left no-repeat;

}


#topnav ul li a { 
	text-decoration:none;
	display:block;
	text-transform:uppercase;
	color:#474747;
	text-align:center;
	font-size:9pt;
	margin-top:-10px;
	height:83px;
}*/

#shelve-b{
	width:1101px;
	float:left;
	height:18px;	
}

#links{
	width:1100px;
	float:left;
}

#slideshow{
	width:1100px;
	float:left;
	height:280px;
	margin-bottom:3px;
}

html{
	background:#ffffff;
	position: relative;
	min-height: 100%;
}


body {
	padding:0px;
	min-height:100%;
	font-family: 'Open Sans', sans-serif;  
	font-size:10pt;
}



#content{
	width:1100px;
	padding-top:10px;
	float:left;
}

#main-content{
 padding-bottom:20px;
border:1p solid red;
padding-top:20px;
float:left;
width:100%;
}

#main-content ul {
  list-style-type:none;
}

#main-content li {
   line-height:180%;
}
footer { 

margin: 0px auto;
width: 1100px;
height: 100px;
bottom: 0px;
position: relative;
clear:both;
border-top:1px solid #a8a8a8;
font-size:0.9em;
padding-top:20px;
	}


div#contact{
    width:400px;
    float:left;
}

div#navigation{
    width:340px;
    float:left;
}

div#getintouch{
    width:360px;
    float:left;
}

a{
color:#b93338
}

a:hover{
text-decoration:none
}

.heading{
color:#898989;
text-transform:uppercase;
font-family:'Oswald', sans-serif;
font-size:14pt; margin:0px;
}

.floatleft{
width:50%;
float:left;
color:#4f4f4f;}

.floatright{
width:50%;
float:left;
color:#4f4f4f;}

/* Footer navigation */
.footer-navigation ul{
	/*padding-top: 15px*/ margin-left:-20px; 

}
.footer-navigation > ul > li {
	float:left;
	width: 50%; margin:0px
}
.footer-navigation > ul > li > a, .footer-navigation > ul > li span.sectionheader {
	/*font-family:'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;*/
	text-transform: uppercase;
	color: #555;
	text-decoration: none;
	display: block
}
/* second level */
.footer-navigation > ul ul {
	margin-top: 0px;
margin:0px; padding:0px;

}
.footer-navigation > ul > li li {
	float: none;
	width: 100%;
	display: block
}
.footer-navigation > ul > li li a, .footer-navigation > ul > li.sectionheader li a, .footer-navigation > ul > li li span.sectionheader {
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
	display: block;
	padding: 0px 0;
	color: #555; font-size:12px;
}
.footer-navigation > ul > li li a:hover, .footer-navigation > ul > li a:hover {
	text-decoration:underline
}




/*************************************************************/

.submenu li {
width: 180px;
float: left;
}

a.redbtn {padding:10px 25px; background-color:#ed1717; color:#fff; text-decoration:none; font-size:14px; font-weight:bold;}
a.redbtn:hover {padding:10px 25px; background-color:#880505; color:#fff; text-decoration:none; font-size:14px; font-weight:bold;}
/* Stylesheet: Form Modified On 2013-07-19 09:07:18 */
input.txtClass, #message{
	border: 0px solid red;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 2px 2px 3px #666;
	padding: 7px 7px;
	outline: 0; background:#cfcfcf;
	-webkit-appearance: none; width:275px;
	margin-bottom:8px;
	-moz-box-shadow:    inset 0 0 3px #565748;
	-webkit-box-shadow: inset 0 0 3px #565748;
	box-shadow:         inset 0 0 3px #565748;
	font-family:tahoma; 
	color:#4a524f;
	font-size:10pt;
}
input.txtClass:focus {
	border-color: #d3d3ca;
}

.submit{
	float:right;
	padding-right:0px;
}
.submit input{
	background:url(http://www.johnmonk.co.nz/uploads/jmimg/button-send.png) no-repeat;
	cursor:pointer;
	width: 132px;
	height: 35px;
	border: 0px solid red;
	text-indent:-10000em;
}

.cms_form{
margin-top:15px;
}
/* Stylesheet: Products for V2 Modified On 2014-05-28 09:32:28 */
.contentol {
    width: auto;
    border: 0px none;
    list-style-type: none;
    padding: 6px;
}
.briscoesthumb2 {margin-top:10px;}
.prod {
float:left;
height:300px;
box-shadow:0 0 5px 0 #ccc;
background:none repeat scroll 0 0 #fff;
border:1px solid #eee;
position:relative;
min-width:230px;
width:230px;
margin:30px 15px 15px 0;
}

.prod .actions a.quick-view {
float:right;
display:block;
width:80px;
height:34px;
border-left:1px solid #ddd;
}

.prod .actions a.quick-view:hover {
background-color:#f1f1f1;
background-image:0 #f1f1f1;
}

.prod .actions a.quick-view span {
display:block;
background:url(http://www.johnmonk.co.nz/uploads/jmimg/more.png) no-repeat;
width:70px;
height:34px;
margin:0;
margin-left:10px;
}



.prod div.im {
text-align:center;
height:208px;
padding-top: 10px;
/*overflow:hidden;*/
position:relative;
margin:0px 0;
overflow:hidden;
}

img {
border:0 none;
/*font-size:100%;*/
background:none repeat scroll 0 0 transparent;
margin:0;
padding:0;
}


.contentol a {
color:#222;
text-decoration:none;
font-weight:400;
}

img {
font-size:8px;
display:inline
}


.prod div.im.has-multiples img.image1,.prod div.im.has-multiples img.image2 {
transition:opacity .2s ease-in-out 0;
}


.prod div.im.has-multiples img.image2 {
opacity:0;
transition:opacity .2s ease-in-out 0;
}


.prod div.desc {
height:10px;
position:relative;
line-height:1.25em;
padding:0 12px;
text-align:center;
font-size:11px;
}

.prod .actions {
background-color:#f6f6f6;
height:34px;
box-shadow:0 1px 0 0 #FFF inset;
border-top:1px solid #ddd;
border-bottom:1px solid #ccc;
position:relative;
}

.prod:hover {
border-color:#ccc;
}

.prod.logged-out .buy {
font-size:.75em;
left:10px;
top:9px;
color:#666;
}

.grid .prod .actions .buy {
position:absolute;
top:5px;
left:2%;
}




/*Detail*/
#tabs {
    margin: 0;
    overflow: hidden;
    padding: 0;
    zoom: 1;
    position:relative;
    top:2px;
    z-index: 1;
}
 
#tabs li {
    display: block;
    list-style: none;
    margin: 0;
    margin-right: 3px;
    padding: 0;
    float: left;
}
 
#tabs li a {
    display: block;
    padding: 8px 10px;
    border: 1px solid #cccccc;
    border-bottom: 0 none;
    text-align: center;
    text-decoration: none;
    color:#000
}
#tabs li a:hover {
    background: none repeat scroll 0% 0% rgb(238, 238, 238);
    color:#000
}
 
.tab-section {

    padding: 10px;
    border: 1px solid #ccc;
}
 
#tabs li a.current {

    color: #000;
    border-bottom: 2px solid #fff;
}

h2 {
    background: none repeat scroll 0% 0% transparent;
    padding: 0px;
    margin: 0px 0px 10px;
    line-height: 1.25em;
    border: 0px none;
    font-size: 1.75em;
    font-weight: normal;
    color: rgb(34, 34, 34);
    text-transform: uppercase;
}
p.code {
    float: none;
    font-size: 1em;
    padding: 0px 0px 15px;

}
/* Stylesheet: Hor menu2 Modified On 2014-02-24 14:34:38 */
/* by Alexander Endresen and mark and Nuno */
#menu_vert {
	margin: 0px;
	padding: 0;
	position:relative;
	z-index:1000;

}
.clearb {
	clear: both;
}
#menuwrapper1 {
	width:1100px;
	float:left;
	height:77px;
}
ul#primary-nav2, ul#primary-nav2 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0;
}

ul#primary-nav2 {
	list-style:none;
	margin:0px;
	padding:0px;
	border-right:1px solid #a8a8a8;
	 width:1100px; 
	   display: table;

}

ul#primary-nav2 ul {
	position: absolute;
	top: auto;
	display: none;
	border-top: 1px solid #C8D3D7;
	border-right: 1px solid #C8D3D7;
	border-bottom: 1px solid #ADC0C7;
	border-left: 1px solid #A5B9C0;
}

ul#primary-nav2 ul ul {
	margin-top: 1px;
	margin-left: -1px;
	left: 100%;
	top: 0px;
}

ul#primary-nav2 li {
/*            width:254px; */
	float:left;
	height:77px;
	margin:0px;	 	
	padding:0px;
	background:url(http://www.johnmonk.co.nz/uploads/jmimg/mnubg.png) top left no-repeat;
}

#primary-nav2 li li {
	width: 220px;
	margin-left: 0px;
	margin-top: -1px;
	margin-right: 0px;
	float: none;
	position: relative;
	background:none;
	border-bottom: 0px solid white;
	border-top: 0px solid white;
              height:auto;
}

ul#primary-nav2 li a {
	text-decoration:none;
	display:block;
	text-transform:uppercase;
	color:#474747;
	text-align:center;
	font-size:9pt;
		height:57px;
	padding-top:20px;
	/*line-height:83px;*/

}

ul#primary-nav2 li a:hover {

background:url(http://www.johnmonk.co.nz/uploads/jmimg/menuh.png) top left no-repeat;;
}

ul#primary-nav2 li li a:hover {
	color: #fff; 
             background-image: none;
background-color:#4E4E4E;

}

ul#primary-nav2 li a.menuactive {
	background:  url(http://www.johnmonk.co.nz/uploads/pzimg/menu-bullet.png);
	background-position: 5px 12px;
	background-repeat:no-repeat;
             color:#fff; 
background-color:#286BC0;
}

ul#primary-nav2 li li a.menuactive {
	color: #fff;
	font-weight: normal;
             color:#fff; background-image:none;
}
ul#primary-nav2 li a.menuactive:hover {
	color: #fff;
	font-weight: normal;
}

#primary-nav2 li li a.menuparent span {
	display: block;
	background:  url(http://www.johnmonk.co.nz/uploads/ngrey/parent.png) no-repeat 98% center;
}


ul#primary-nav2 li  a.menuparent {
	display: block;
	background:  url(http://www.johnmonk.co.nz/uploads/laimg/parent.png) no-repeat  98% center;
}


* html #primary-nav2 li li a.menuparent span {
	background:  url(http://www.johnmonk.co.nz/uploads/ngrey/parent.gif) no-repeat 98% center;
}

ul#primary-nav2 li ul a {
	text-align: left;
	margin: 0px;
	position: relative;
	padding: 6px 3px 6px 15px;
	font-weight: normal;
	color: #000;
	border-bottom: 0 px solid white;
	border-right: 0 none;
	border-left: 0 none;
	text-transform:none;
	font-size:10pt;
background:none;
}

ul#primary-nav2 li ul {
	background: #D4DCC7;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	z-index: 999;
	border-top: 1px solid #666666;
             border-left:10px solid #949494;
	border-bottom:1px solid #666666;

}

ul#primary-nav2 li ul ul {

}

#primary-nav2 li:hover,
#primary-nav2 li.menuh,
#primary-nav2 li.menuparenth,
#primary-nav2 li.menuactiveh {
	color: #fff
}

#primary-nav2 li li:hover,
#primary-nav2 li li.menuh,
#primary-nav2 li li.menuparenth,
#primary-nav2 li li.menuactiveh {
	background-image:  none;
	background-color:  #666666;
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav2 ul,
#primary-nav2 li:hover ul,
#primary-nav2 li:hover ul ul,
#primary-nav2 li.menuparenth ul,
#primary-nav2 li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav2 ul ul ul li:hover ul,
#primary-nav2 ul ul ul li.menuparenth ul,
*/
#primary-nav2 li:hover ul,
#primary-nav2 ul li:hover ul,
#primary-nav2 ul ul li:hover ul,
#primary-nav2 li.menuparenth ul,
#primary-nav2 ul li.menuparenth ul,
#primary-nav2 ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav2 li li {
	float: left;
	clear: both;
}
#primary-nav2 li li a {
	height: 1%;
}
/* Stylesheet: Topmenu Modified On 2014-03-19 12:43:19 */
/* by Alexander Endresen and mark and Nuno */
#menu_vert {
	/*margin: 0;
	padding: 0;
	position:relative;*/
	z-index:2;
}
.clearb {
	clear: both;
}
#menuwrapper {
	height: auto;
         width:auto;
         float:left;
         padding: 0;  
         margin-right:10px;
	border: 0px solid #CCCCCC;
margin-left:0px;
}

ul#primary-tnav, ul#primary-tnav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;

}

ul#primary-tnav {
	padding-top: 0px;
	padding-left: 0px;
         align:center;
}

ul#primary-tnav ul {
	position: absolute;
	top: auto;
	display: none;
	border-top: 0px solid #C8D3D7;
	border-right: 0px solid #C8D3D7;
	border-bottom: 0px solid #ADC0C7;
	border-left: 0px solid #A5B9C0;
         margin-top:0px;
}
ul#primary-tnav ul ul {
	margin-left: -1px;
	left: 100%;
	top: 0px;
         width:auto;
         margin-top: -1px;
}

ul#primary-tnav li {
	float: left;
         border:0px solid black;
            }
#primary-tnav li li {
	width: 220px;
	margin-left: 0px;
	margin-top: 0px;
	float: none;
	position: relative;
	background:none;
             border-bottom: 0px solid white;
             border-top: 0px solid white;
             border:0px solid red;
}

ul#primary-tnav li a {
	font-size: 12px;
	color: #fff;
	display: block;
	text-decoration: none;
	/*font-family: 'Oswald', sans-serif;*/
	font-weight:400;
	text-transform:uppercase;
/*border-bottom:1px solid red;*/
	padding: 10px  21px 10px 21px;
line-height:140%

}



a.lastone {
            background:  url(http://www.johnmonk.co.nz/uploads/drmimg/menup1.png) no-repeat right 2px;
            border:0px solid red;
}


ul#primary-tnav li a.lastone {
            background:  url(http://www.johnmonk.co.nz/uploads/drmimg/menup1.gif) no-repeat right 2px;
            border:0px solid red;
}

ul#primary-tnav li a:hover {
         background:  #ee1717;
         color:#fff; }

ul#primary-tnav li li a:hover {
	color: #FFF; background-image: none;
}

ul#primary-tnav li a.menuactive{
         background:  #767a83;
         color:#fff;
}

ul#primary-tnav li.menuparent a.menuparent:hover{
         background:  url(http://www.johnmonk.co.nz/uploads/odimg/menuh.png) repeat-x top left;
         color:#fff;
         background:  #767a83;
}


ul#primary-tnav li li a.menuactive {
	color: #fff;
	font-weight: normal;
          color:#000; background-image:none
}
ul#primary-tnav li a.menuactive:hover {
	color: #fff;
         background:  url(http://www.johnmonk.co.nz/uploads/odimg/menuh.png) repeat-x top left;          background:  #767a83;
}
ul#primary-tnav li li a.menuactive:hover {
	color: #fff;
         background-image:none
}

#primary-tnav li li a.menuparent span {
	display: block;
	background:  url(http://www.johnmonk.co.nz/uploads/ngrey/parent.png) no-repeat 98% center;
}

* html #primary-tnav li li a.menuparent span {
	background:  url(http://www.johnmonk.co.nz/uploads/ngrey/parent.gif) no-repeat 98% center;
}

ul#primary-tnav li ul a {
	text-align: left;
	margin: 0px;
	position: relative;
	padding: 9px 3px 6px 15px;
	font-weight: normal;
	color: #000;
	border-bottom: 0 px solid white;
	border-right: 0 none;
	border-left: 0 none;
text-transform:none; 
background:none;
font-family: Tahoma, 'Open Sans Condensed', sans-serif;

	font-size: 10pt;

             border-bottom:0px solid white;
}

ul#primary-tnav li ul {
            background-color: #fff;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
             position: absolute;
	z-index: 1999;
             border-right: 1px solid #716e63;
	border-top: 1px solid #716e63;
	border-bottom: 1px solid #716e63;
             border-left:5px solid #716e63;
font-family: Tahoma, 'Open Sans Condensed', sans-serif;

}

ul#primary-tnav li ul ul {

}

#primary-tnav li:hover,
#primary-tnav li.menuh,
#primary-tnav li.menuparenth,
#primary-tnav li.menuactiveh {
	color: #fff
}

#primary-tnav li li:hover,
#primary-tnav li li.menuh,
#primary-tnav li li.menuparenth,
#primary-tnav li li.menuactiveh {
	background-image:  none;
	background-color:  #b6b6ab;
	color: #fff
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-tnav li:hover ul ul ul,
#primary-tnav li.menuparenth ul ul ul,
*/
#primary-tnav ul,
#primary-tnav li:hover ul,
#primary-tnav li:hover ul ul,
#primary-tnav li.menuparenth ul,
#primary-tnav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-tnav ul ul ul li:hover ul,
#primary-tnav ul ul ul li.menuparenth ul,
*/
#primary-tnav li:hover ul,
#primary-tnav ul li:hover ul,
#primary-tnav ul ul li:hover ul,
#primary-tnav li.menuparenth ul,
#primary-tnav ul li.menuparenth ul,
#primary-tnav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-tnav li li {
	float: left;
	clear: both;
}
#primary-tnav li li a {
	height: 1%;
}
/* Stylesheet: Megamenu Modified On 2014-05-13 15:56:38 */
/*This where we style our category menu */

.megamenu {border-right:1px solid #999;}

nav#categories-nav{
	margin-top:50px;
}
#content2 nav#categories-nav{
	margin-top:0px; float:left; }

nav#categories-nav > ul{
	padding: 0px;
	margin: 0;
	float: left;
	list-style:none;
	width:250px;
}

nav#categories-nav > ul > li {
	height:86px;
	margin:0px;
	margin-bottom:5px;
}

nav#categories-nav > ul > li >  a {
	background:#adaca4;
	padding: 15px 20px;
	color: #FFF;
	text-decoration: none;
	float: left;
	display:block;
	width:210px;
	color:#fff;
        font-family: 'Open Sans', sans-serif;  
	font-weight:500;
        font-size:22pt;
	line-height:140%;
	text-transform:uppercase;
	text-shadow: 1px 1px 2px #919086;
}

nav#categories-nav ul li span {
    font-size:16pt;
}

a:first-line{
	width:10px;
	border:1px solid red;
}

nav#categories-nav > ul > li > a:hover {
	color: #fff;
        background:#BECECE;
}




ul.megamenu {
      list-style: none;
      display: block;
  float: left;
  margin-top: 0px !important;
  margin-left: -40px !important;
}

ul.megamenu li.mm-item {
}

ul.megamenu li {
  margin: 0px;
  padding: 0px;
  float:left; width:250px;
}
ul.megamenu li li {
height: auto !important;
width:auto !important;
}
ul.megamenu li.clear-fix {
  float: none;
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}

.clear-fix{
background: none !important;
height: 0px !important;
margin: -580px !important;
border: 1px solid red;
}


ul.megamenu div.mm-item-content {
  background: #FFF;
  padding: 0px;
  position: absolute;
  border: 1px solid #777;
  z-index: 3000;
  margin-left:5px;
  margin-top:-6px;
}

.mm-content-base {
  background: #FFF;
  position: relative;
  z-index: 11;
padding: 10px;
padding-top: 20px;
margin-right: 20px !important;
}
.mm-js-shadow {

  position: absolute;
  z-index: 10;
}



















.navigation > ul {
width:100%; list-style:none; margin:0px;margin-left:-50px;
}

.navigation > ul > li {
	float:left;
	/*width: 200px;*/
width: auto !important;
border:0px solid red; 
margin:2px;
background:none !important;

}

.navigation > ul > li {
	text-transform: uppercase;
background:none !important;
}

.navigation > ul > li >li{

background:none !important;
}


.navigation > ul > li > a
{
text-decoration: none;
text-transform: none !important;

padding: 0px;
color: #fff !important; 
font-size:11px !important; 
font-weight:bold;
margin-left:20px;
margin-right:0px;
width:160px;
padding:5px !important;
background:url(http://www.johnmonk.co.nz/uploads/odimg/bullet-product.png) no-repeat center left;
padding-left:10px !important;
height:auto !important;
text-align: left !important;
background:#af1313;
}



.navigation > ul > li > a:hover
{
 background:#393b3f !important;
color:#fff !important;
}



/* second level */
.navigation > ul ul {
margin-top: 20px;
background-color: #d8d8d8 !important;
margin: 0px;
padding: 0px;
margin-left: 20px;
list-style: none;
margin-bottom:20px;
/* border: 0px solid red; */
float: left;



}
.navigation > ul ul li {
   background:none !important;
   max-height: 25px !important;
   width:auto !important;
padding-top:5px;
width:175px !important;
}


.navigation > ul > li > li > a {
	float: none;
	width: 100%;
	display: block;
	text-transform: none; }

.navigation > ul > li li li {
	float: none;
	width: 100%;
	display: block;
		text-transform: none; font-weight:normal
}
.navigation > ul > li li  a {
text-decoration: none;
font-weight: normal;
display: inline-block !important;
padding: 0px;
color: #555; 
font-size:10px !important; 
font-weight:bold;
margin-left:10px;
margin-right:5px;
padding-right:10px;
height:auto !important;
float:left;
text-align: left !important;
height: auto !important;
padding-top: 5px !important;
line-height: 100% !important;
text-transform:capitalize!important;

}

.navigation > ul > li li  a:hover{
background:none !important;
color:#b93338 !important;
}

.navigation > ul > li li li  a:hover{
background:none !important;
color:#BECECE !important;

}

.navigation > ul > li li li a {
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
	display: block;
	padding: 0px 0;
	color: #555; font-size:12px; font-weight:normal;
margin-left:30px;
padding:2px;
background:none;
border:none;
}


.navigation a:hover {
	color: #555!important;
}

.mm-item-content{
border:1px solid pink
}