/**************** nav bar **************/
.main-nav-container , .main-nav-container2 {
    height: 46px;
    z-index:99;

}
.main-nav-container{
    margin-bottom: 7px;
}
.main-nav-content,.main-nav-content .band {
    background-image: -webkit-linear-gradient(top, #fd060f, #d3262c,#ac161c);
    background-image: -moz-linear-gradient(top, #fd060f, #d3262c,#ac161c);
    background-image: -ms-linear-gradient(top, #fd060f, #d3262c,#ac161c);
    background-image: -o-linear-gradient(top, #fd060f, #d3262c,#ac161c);
    background-image: linear-gradient(top, #fd060f, #d3262c,#ac161c);
    -pie-background: linear-gradient(top,#fd060f, #d3262c,#ac161c);
    behavior: url(/PIE.htc);
z-index:99;
	position: relative;
	top:0px;}
.main-nav-content .band{
    margin: 0px auto;
    clear: both;
    width: 1000px;
    padding: 0;
}
#menu {
    list-style:none;
    width:1000px;
    margin:0 auto;
    height:46px;
    padding:3px 0 0 0;
    visibility: hidden;
}

#menu.isReady {

    visibility: visible;
}

#menu li {
    float:left;
    display:block;
    text-align:left;
    position:relative;margin:5px 0 ;
    padding: 0 15px;
	margin-left:-1px;
	border:1px solid transparent;
    border-left: 1px solid #592f06;
    height: 25px;
}
#menu li.first {
    padding-left: 0;
    border: 0;
	margin-right:0 !important;
}
#menu li.last{
    padding-right: 0;
}
#menu .first li {background: none;}
.sm {/*font-size: .75em;*/font-size: 10px; color:#333;}

#menu li.menu-hover {
    border: solid #b61a1e; border-width:1px 1px 0 1px;
    padding: 10px 15px 5px;
    margin: -5px 0 0 -1px;	
    background-color: #b61a1e;
	height:35px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow:rgba(182, 26, 30, 1) 3px 3px 5px 5px inset;
    -moz-box-shadow:rgba(182, 26, 30, 1) 3px 3px 5px 5px inset;
    box-shadow:rgba(182, 26, 30, 1) 3px 3px 5px 5px inset;
    -webkit-transition: color, background-color 0.2s ease-in;
    -moz-transition: color, background-color 0.2s ease-in;
    -o-transition: color, background-color 0.2s ease-in;
    -ms-transition: color, background-color 0.2s ease-in;
    transition: color, background-color 0.2s ease-in;
    behavior: url(/PIE.htc); 
}
#menu li.menu-hover.first {
    padding: 9px 14px 5px 18px !important;
/*	*margin-right:-1px !important;*/
}
#menu li.menu-hover .dropdown_control {
    display: block !important;
}
#menu li a, #menu li a .sm{
	font-weight:bold;
}
#menu li a {
    font-size:14px; 
    line-height:13px;
    display:block;
    outline:0;
    text-decoration:none;
    -webkit-transition: background-color linear .3s;
    -moz-transition: background-color linear .3s;
    -o-transition: background-color linear .3s;
    -ms-transition: background-color linear .3s;
    transition: background-color linear .3s;
	text-transform:uppercase;
}
#menu li a .sm{
	font-size:11px !important;
	line-height:12px;
	text-transform:capitalize;
}


#menu li .drop, #menu li .drop span, #menu li a {  
    color: #ffffff !important;
}	


.supply, .veg, .org, .herb, .loom, .fruit,.dropdown_3columns,.dropdown_4columns,.dropdown_fourth,.dropdown_5columns,.dropdown_3columns,.dropdown_2columns,.dropdown_1columns

{	float:left;
  position:absolute;
  left:-999em; /* Hides the drop down */
  text-align:left;
  padding:10px 5px 10px 5px;
  border:rgb(188, 151, 117) solid 1px;
  border-top:none;
  background:#B61A1E;
  -webkit-box-shadow:rgba(198, 75, 80, 1) 0px 0px 5px 5px inset;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -khtml-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  behavior: url(/PIE.htc); 
  top: 44px;
}
.dropdown_4columns, .dropdown_fourth,.dropdown_5columns, .loom,.dropdown_3columns,.dropdown_2columns,.dropdown_1columns{width: 900px;}
.veg {width: 720px; padding-left: 8px} 
.herb {width: 700px;}
.herb .cole, .herb .colo {width: 160px}
.fruit {width: 900px}
.dropdown_1columns {width:250px;}
.dropdown_2columns {width:376px;}
.org, .dropdown_3columns {width: 770px;}
.dropdown_3columns {width:554px;}
li.largeNavSubMenu .dropdown_3columns{width:705px;}
li.largeNavSubMenu .dropdown_3columns div.colo, li.largeNavSubMenu .dropdown_3columns div.cole{/* width:auto; */width:225px;}
li.largeNavSubMenu .dropdown_3columns div.pics {/* width:695px; */ width:705px; padding-left: 23px;}
li.largeNavSubMenu .dropdown_3columns div.pics a {width:29%;margin: 0 30px 0 0;}
.dropdown_4columns {width:720px;}
.dropdown_5columns {width:910px;}
.supply {width:900px}

#menu li.menu-hover .loom {margin-top: 2px; left:-440px;}
#menu li.menu-hover .veg {left:-1px; margin-top: 2px; padding-bottom: 20px;}
#menu li.menu-hover .herb {margin-top: 2px; left:-260px;}
#menu li.menu-hover .org { margin-top: 2px; left:-560px;}
#menu li.menu-hover .fruit { margin-top: 2px; left:-560px;}
#menu li.menu-hover .dropdown_1columns {left:-1px;	margin-top: 2px;}
#menu li.menu-hover .dropdown_2columns {left:-1px;	margin-top: 2px;}
#menu li.menu-hover .dropdown_3columns {left:-1px;	margin-top: 2px;}
#menu li.menu-hover .dropdown_4columns {left:-1px; margin-top: 2px;}
#menu li.menu-hover .dropdown_fourth 	{left:-339px; margin-top: 2px;}
#menu li.menu-hover .dropdown_5columns {left:-1px;	margin-top: 2px;}
#menu li.menu-hover .supply	{left:-748px; margin-top: 2px;}

#menu li.menu-hover .loom, #menu li.menu-hover .veg, #menu li.menu-hover .herb, #menu li.menu-hover .org, #menu li.menu-hover .fruit,#menu li.menu-hover .dropdown_1columns, #menu li.menu-hover .dropdown_2columns, #menu li.menu-hover .dropdown_3columns, #menu li.menu-hover .dropdown_4columns, #menu li.menu-hover .dropdown_fourth, #menu li.menu-hover .dropdown_5columns, #menu li.menu-hover .supply{
    padding: 10px 5px;
}

.cole, .colo  {width: 250px; float:left; margin: 0 5px; padding:10px 0;}
/* .veg .colo, .veg .cole {width:166px} */
.org .cole, .org .colo  {width: 178px}
.loom .cole  {width: 210px}

.cole a, .colo a  {display: block; text-decoration: none;text-align: left; 
                   font-family:"Lucida Grande", sans-serif; font-size: 16px; color:#222; 
                   padding:4px 0 3px 18px;
                   -webkit-transition: color, background-color 0.2s ease-out;
                   -moz-transition: color, background-color 0.2s ease-out;
                   -o-transition: color, background-color 0.2s ease-out;
                   -ms-transition: color, background-color 0.2s ease-out;
                   transition: color, background-color 0.2s ease-out;
}
.cole a.link-hover, .colo a.link-hover  { background-color: #B61A1E;color:#222;
                                                                       -webkit-border-radius: 10px;
                                                                       -moz-border-radius: 10px;
                                                                       -o-border-radius: 10px;
                                                                       -ms-border-radius: 10px;
                                                                       -khtml-border-radius: 10px;
                                                                       border-radius: 10px;
                                                                       behavior: url(/PIE.htc); 
}
a:active {
    /*position:relative;
    top:1px;*/
    background-color:#none;
}
.pics {float:left;clear:left;padding-left: 8px;}

.veg .pics{width: 720px; padding-left: 8px} 
.dropdown_1columns .pics {width:250px;}
.dropdown_2columns .pics {width:376px;}
.dropdown_3columns .pics {width:554px;}
.veg .pics {width:720px;}
.dropdown_4columns .pics {width:720px;}
.dropdown_5columns .pics {
    width:910px;
    padding-left: 18px;
}

.pics a {float:left; margin:0 0 0px 2%; padding-bottom:20px;
}
.pics a div.nav_img_text {
	line-height:20px;
}
.dropdown_1columns .pics a {float:left; width:68%;margin:0 0 0px 2%;
}
.dropdown_2columns .pics a {float:left; width:48%;margin:0 0 0px 2%;
}
.dropdown_3columns .pics a {float:left; width:31%;margin:0 0 0px 2%;
}
.veg .pics a {float:left; width:23%;margin:0 0 0px 2%;
}
.dropdown_4columns .pics a {float:left; width:23%;margin:0 0 0px 2%;
}
.dropdown_5columns .pics a {float:left; width:18%;
        /* margin:0 0 0px 2%; */
        margin: 0 8px 0 6px;
}
#menu li.menu-hover.right9 div.dropdown_control, #menu li.menu-hover.right8 div.dropdown_control, #menu li.menu-hover.right7 div.dropdown_control, #menu li.menu-hover.right6 div.dropdown_control {
	left:auto;
	right:-1px;
}
#menu li.menu-hover.last div.dropdown_control{
    left:auto !important;
    right:-1px !important
}
div.dropdown_control div.pics a {
height:auto;
padding-bottom:10px;
}
#menu .menu_right {
    float:right;
    margin-right:0px;
}

#menu li .align_right {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/PIE.htc); 
}

#menu li.menu-hover .align_right {
    left:auto;
    right:-1px;
    top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    line-height:21px;
    font-size:15px;
    text-align:left;
    text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
    font-size:21px;
    font-weight:400;
    letter-spacing:-1px;
    margin:7px 0 14px 0;
    padding-bottom:14px;
    border-bottom:1px solid #666;
}
#menu h3 {color:#57250b;
          font-size:14px;
          margin:3px 0 ;
          padding:0 7px 7px 7px;
          border-bottom:1px dotted #57250b;
}
#menu p {
    line-height:18px;
    margin:0 0 10px 0;
}

#menu li.menu-hover div a {
    font-size:16px;
    color:#000;
	font-weight:normal;
	text-transform:capitalize;
}
#menu li.menu-hover div a:hover {
    color:#000;
}


.strong {
    font-weight:bold;
}
.italic {
    font-style:italic;
}

.imgshadow, #menu li .size125x95 img{ /* Better style on light background */
    /*background:#FFFFFF;*/
    padding:4px;
    border:1px solid #bc9775;
    margin:5px 0;
}
.img_left { /* Image sticks to the left */
    width:auto;
    float:left;
    margin:5px 15px 5px 5px;
}

#menu li .black_box {
    background-color:#333333;
    color: #000;
    text-shadow: 1px 1px 1px #000;
    padding:4px 6px 4px 6px;

    /* Rounded Corners */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/PIE.htc); 

    /* Shadow */
    -webkit-box-shadow:inset 0 0 3px #000;
    -moz-box-shadow:inset 0 0 3px #000;
    box-shadow:inset 0 0 3px #000;
}

#menu li ul {
    list-style:none;
    padding:0;
    margin:0 0 12px 0;
}
#menu li ul li {
    font-size:12px;
    line-height:24px;
    position:relative;
    text-shadow: 1px 1px 1px #ffffff;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
    width:130px;
}
#menu li ul li:hover {
    background:none;
    border:none;
    padding:0;
    margin:0;
}

#menu li .greybox li {
    background:#F4F4F4;
    border:1px solid #bbbbbb;
    margin:0px 0px 4px 0px;
    padding:4px 6px 4px 6px;
    width:116px;

    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

/* sign in close button fix */
.ui-dialog div#dialog  a.dialog-close:active {
	position:absolute;
}
/* sign in close button fix END*/

#menu li .greybox li:hover {
    background:#ffffff;
    border:1px solid #aaaaaa;
    padding:4px 6px 4px 6px;
    margin:0px 0px 4px 0px;
}

.navSubHeader {
	font-size:12px;
        color: #333;
}

/* Color Style */

/*Brown*/

#productItems,
#productTotalPrice,
#menu li a,
#menu li a .sm,{
	color:#592f06 !important;
}


#menu li a, #menu li a .sm{
	font-weight:bold;
}
#menu li a {
    font-size:14px; 
    line-height:18px;
    display:block;
	vertical-align:middle;
    outline:0;
    text-decoration:none;
    -webkit-transition: background-color linear .3s;
    -moz-transition: background-color linear .3s;
    -o-transition: background-color linear .3s;
    -ms-transition: background-color linear .3s;
    transition: background-color linear .3s;
	text-transform: capitalize;
}

#menu .dropdown_control .colo a,
#menu .dropdown_control .cole a{
	line-height:18px;
}