/* Menu CSS */
.toplink,
#toplogo img{
    border:none;
    text-decoration:none;
}

#menuarea{
    width: 165px;
    float: left;
    position: sticky;
    left:0;
    z-index: 1000;
}

#menu_contents{
    /*margin-top: 20px;*/
    display: block;
    border-color: #000000;
    font-weight: normal;
}

.menu1{
	margin-bottom: 10px;
	border: solid 1px #000000;
}

.menu2{
	margin-bottom: 10px;
	border: solid 1px #000000;
}

.menu3{
	border: solid 1px #000000;
}

p.menuitem{
	margin: 0 auto;
	padding-top: 10px;
	padding-left: 5px;
    padding-bottom: 10px;
	display: block;
    border: solid 0.5px black;
    border-radius: 2px;
    background-color: #8FC31F;
    color: white;
    font-size: 13px;
    text-decoration: none;
	cursor:pointer;
}

p.listtitle{
	margin: 0 auto;
	padding: 8px 8px 8px 10px;
	display: block;
    border-bottom: solid 0.5px black;
    background-color:  #8FC31F;
    color: white;
    font-size: 12px;
	cursor:pointer;
}

.menuitemlist a{
	padding-left: 15px!important;
}

.menuitemlist .label{
    font-size: 13px;
    cursor:pointer;
}

.menuitemclose:after{
    content: "\f054";
    font-family: FontAwesome;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
/*
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
*/
}

.menuitemopen:after{
    content: "\f078";
    font-family: FontAwesome;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
/*
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
*/
}

.menuclose:after{
    content: "\f054";
    font-family: FontAwesome;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
/*
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
*/
}

.menuopen:after{
    content: "\f078";
    font-family: FontAwesome;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
/*
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
*/
}

#menuarea div.menuitemlist{
	display:none;
}

#menu_contents a,
#menu_contents div.account_inner{
	margin: 0 auto;
	padding: 3px 5px 5px 15px;
	display: block;
    border-bottom: solid 0.5px black;
    background-color:  #595757;
    color: white;
    font-size: 12px;
    text-decoration: none;
}
#menu_contents a:hover{
    background-color: #808080;
}
#menu_contents a.message_count{
    margin:0 0 0 10px;
    padding: 0;
    display:inline;
    border: none;
    background-color:initial;
}

#menu_contents .menu1 a:hover,
#menu_contents .menu2 a:hover,
#menu_contents .menu3 a:hover{
    background-color:  #DDDDAA;
}

.contents{
	/*margin: 20px;*/
	float: left;
	width:1000px;
}
.contents1{
  /*margin-top: 0px;*/
}


div.news h4,
div.news h5 {
    margin: 0px;
    height: 32px;
    line-height: 25px;
    background-color: #4d260b;
    color: white;
    text-align: center;
}


div.menuitemlist {
    /* width: 100%; */
     border:initial;
     background-color:initial;
     padding-top: initial;
     padding-bottom: initial;
     padding-left: initial;
     min-height: initial;
}

#menu_contents .fa-bars,
#menu_contents .fa-star,
#menu_contents .fa-sign-out,
#menu_contents .fa-hand-o-right {
    margin-right: 0px;
}

.cart_area .unit{
    width: 35px;
    float: right;
}

.cart_area hr{
    margin-top: 0px;
}

i.fa-shopping-cart{
    color: #ffffff;
    margin-right: 7px;
    font-size: 18px;
}

p.kmenu {
    margin: 0 auto;
    padding: 8px 8px 8px 10px;
    display: block;
    border-bottom: solid 0.5px black;
    background-color: #8FC31F!important;
    color: white!important;
    font-size: 12px;
    cursor: pointer;
}
div.hmenu {
    margin: 0 auto;
    padding: 8px 8px 8px 10px;
    display: block;
    border: solid 0.5px black;
    background-color: black;
    color: white;
    font-size: 12px;
    cursor: pointer;

}
p.hmenu {
    margin: 0 auto;
    padding: 8px 8px 8px 10px;
    display: block;
    border: solid 0.5px black;
    background-color: black;
    color: white;
    font-size: 12px;
    cursor: pointer;

}
a.hmenu {
    margin: 0 auto;
    padding: 8px 8px 8px 10px;
    display: block;
    border: solid 0.5px black;
    background-color: black;
    color: white;
    font-size: 12px;
    cursor: pointer;

}
div .child{

}

/* Vertical Mega Menu Styles */
.mega-menu{
    /*font: bold 13px Arial, sans-serif;*/
    line-height: 16px;

    /*border-left: 1px solid #1B1B1B;*/
    position: relative; /* Required */
    margin: 0px 0px 0px -40px;
    /*padding: 5px 5px 5px 5px;*/
    display: block;
    /*border: solid 0.5px black;*/
    background-color: #595757;
    color: white;
    font-size: 12px;
    text-decoration: none;
}
.mega-menu li a {
display: block;
color: #fff;
padding: 12px 38px 12px 25px;
/*text-shadow: 1px 1px 1px #000;*/
text-decoration: none;
border-top: 1px solid #555;
border-bottom: 1px solid #222;
border-right: 1px solid #1B1B1B;
}
.mega-menu li a:hover, .mega-menu li.mega-hover a {
background: #4b4b4b;
color: #fff;
border-right: 1px solid #4b4b4b;
}
.mega-menu li a.dc-mega {
position: relative;
}
 /*Add arrow icon to parent links
.mega-menu li a .dc-mega-icon {
display: block;
position: absolute;
top: 18px;
right: 15px;
width: 6px;
height: 8px;
background: url(/img/mark.png) no-repeat 0 0;
}*/
/* Mega menu container */
.mega-menu li .sub-container {
position: absolute; /* Required */
margin-top: -36px!important;
/*background: #4B4B4B;*/
/*padding: 10px 10px 0 10px;*/
overflow: hidden;
/*border: 1px solid #4b4b4b;*/
border-left: none;
}
.mega-menu li .sub .row {
width: 100%; overflow: hidden; /* Clear floats */
}
.mega-menu li .sub li {
float: none;
width: 150px;
font-size: 1em;
font-weight: normal;
}
.mega-menu li .sub li.mega-hdr {
float: left; /* Required */
margin: 0 5px 10px 5px;
}
.mega-menu li .sub a, .mega-menu.left li .sub a {
background: none;
border: none;
text-shadow: none;
float: none;
color: #fff;
padding: 7px 10px;
display: block;
text-decoration: none;
font-size: 0.9em;
}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a {
padding: 5px 5px 5px 15px;
margin-bottom: 5px;
background: #E88221;
text-transform: uppercase;
font-weight: bold;
color: #fff;
text-shadow: 1px 1px 1px #333;
}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #000;
text-shadow: none;
}
.mega-menu .sub li.mega-hdr li a {
padding: 4px 5px 4px 20px;
background: url(images/arrow_white.png) no-repeat 5px 8px;
font-weight: normal;
}
.mega-menu .sub li.mega-hdr li a:hover {
color: #a32403;
background: #efefef url(images/arrow_on.png) no-repeat 5px 8px;
}
.mega-menu .sub ul li {
padding-right: 0;
}
/* Styling for menu items with only 2 levels */
.mega-menu li .sub-container.non-mega .sub {
padding: 10px;}
.mega-menu li .sub-container.non-mega li {
padding: 1px 0;
margin: 0;
width: 150px;
height: 24px;
}
.mega-menu li .sub-container.non-mega li a {
padding: 7px 5px 7px 22px;
background: url(images/arrow_white.png) no-repeat 7px 10px;
}
.mega-menu li .sub-container.non-mega li a:hover {
color: #a32403;
background: #efefef url(images/arrow_on.png) no-repeat 7px 10px;
}

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