/* Page */
body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{border:0;outline:none;margin:0;padding:0;}
ul{list-style:none;}

body {font: normal 13px Arial, sans-serif;}
/*h2 {font: normal 26px Arial, sans-serif; padding: 20px 0; margin: 0 0 30px 0;}*/
.wrap {width: 960px; margin: 0 auto;}
.demo-container {padding: 20px 0;}
.demo-container h4 {font-size: 14px; margin: 0 0 5px 0;}

/* Mega Menu Styles */
.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

.mega-menu ul { width:940px; display:none; }

#mega-menu-1 {
font: normal 13px Arial, sans-serif; 
list-style: none; 
position: relative; 
padding: 0; 
margin: 0;
/*fix ie 7 zindex bug*/
z-index:400;
}

#mega-menu-1 .sub ul {
display: block;
}
#mega-menu-1 {

width: 100%; 
height: 40px;
position: relative;
}
#mega-menu-1 li {
float: left; 
margin: 0; 
padding: 0; 
font-weight: bold;
}
#mega-menu-1 li a {
float: left; 
display: block; 
color: #fff; 
padding: 12px 25px; 

text-decoration: none;
}
#mega-menu-1 li.mega-hover a, #mega-menu-1 li.mega-hover a:hover {
color: #000;
}
#mega-menu-1 li a:hover {
color: #000;
}
#mega-menu-1 li .sub-container {
	position: absolute;
	margin-top:4px;
}

#mega-menu-1 li .sub {
	background: #ffffff; 
	border:1px solid #cccccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #888;	

}

#mega-menu-1 li .sub .row {
	width: 100%; 
	overflow: hidden;
	clear: both;
	padding: 15px; 
}
#mega-menu-1 li .sub li {
	list-style: none; 
	float: none; 
	width: 210px; 
	font-size: 1em; 
	font-weight: normal;
}

#mega-menu-1 li .menu-item-count-1{
	display:none !important; 
}

#mega-menu-1 li .menu-item-count-1 li {
	width: 900px; 
	border:1px solid yellow;
}

#mega-menu-1 li .menu-item-count-2 li {
	width: 420px; 
	border:1px solid blue;
}

#mega-menu-1 li .menu-item-count-3 li, #mega-menu-1 li .menu-item-count-3 ul {
	width: 290px; 
	border:1px solid red;
}



#mega-menu-1 li .sub li.mega-hdr {
	margin: 0 20px 10px 0; 
	float: left;
}
#mega-menu-1 li .sub li.mega-hdr.last {
	margin-right: 0;
}
#mega-menu-1 li .sub a {
	background: none; 
	color: #111; 
	padding: 4px 5px 6px 5px; 
	display: block; 
	float: none; 
	font-size: 0.9em;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a {
	padding: 5px 15px; 
	margin-bottom: 5px; 
	background: #6B6B6B; 
	text-transform: uppercase; 
	font-weight: bold; 
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #888;

}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #eeeeee;
}

#mega-menu-1 li.main-section a.mega-hdr-a{

	
}

#mega-menu-1 .sub li.mega-hdr li a {
padding: 4px 0px 0 5px; 
font-weight: normal;
}
#mega-menu-1 .sub li.mega-hdr li a:hover {
color: #a32403; 
}
#mega-menu-1 .sub ul li {
padding-right: 0;
}
#mega-menu-1 li .sub-container.non-mega .sub {
padding: 10px;
}
#mega-menu-1 li .sub-container.non-mega li {
padding: 0; 
width: 190px; 
margin: 0;

}
#mega-menu-1 li .sub-container.non-mega li a {
padding: 7px 5px 7px 22px;
}
#mega-menu-1 li .sub-container.non-mega li a:hover {
color: #a32403; 
}

#mega-menu-1 li .sub li ul.mega-hidden{
	color:#000000;
	font-size:bold;
	display:none;
	padding:5px 0 5px 0;
	float:left;
}

#mega-menu-1 li .sub li {
    color: #666666;
    font-size: 12px;
}

#mega-menu-1 li .sub li a{
	line-height:13px;
}


#mega-menu-1 li .sub li ul.mega-hidden li{
	color:#999999;
	font-size:12px;
	padding:2px 0 0 0;
}

#mega-menu-1 li .sub li.mega-unit{
	height:auto !important;
}


#mega-menu-1 li .sub li ul.mega-hidden li a{
	padding: 2px 0 2px 15px;
}



#navigation {
	width:300px;
}

#navigation li{
	float:left;
	display:block;
	margin:0 5px 0 0;
}

#navigation li ul li{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
	box-shadow: 0px 0px 0px #fff;	
	margin:0 0px 0 0;
}
 /*li .menu-item-count-2 li*/ 
#navigation #mega-menu-1 .megadropdown-header-bar{
	display:block;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
    height: 35px;
    width: 100%;
}

#navigation li a.first{
	text-decoration:none;
	color:#000000;
	background: #e0e0e0; /* for non-css3 browsers */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e0e0e0');  for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e0e0e0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f5f5f5,  #e0e0e0); /* for firefox 3.6+ */ 
	padding:2px 14px 0px 5px;
	height:50px;
	font-size:13px;
	line-height: 15px;
	font-family:Arial, Times New Roman;
	float:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
	font-weight:normal;
	behavior: url(/PIE.php);
}


body.i18n-es #navigation li a.first{
	padding: 2px 7px 0px 5px;
}

#navigation li a.first:hover, #navigation li a.active{
	background: #666666; /* for non-css3 browsers */
	color:#ffffff;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#444444'); for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#444444)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #999999,  #444444); /* for firefox 3.6+ */ 
	box-shadow: 3px 3px 3px #888;
	behavior: url(/PIE.php);
	
}

.mega-menu-image img{
	padding:0 38px 0 0px;
}



#mega-menu-1 .item-count{
	/*background:#6B6B6B;*/
	/*color:#ffffff;*/
	color:#6B6B6B;
	margin:-2px 0 -4px 4px;
	padding:2px 0 0 3px;
	font-size:11px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;	
	width:15px;
	height:16px;
	float:left;
	font-weight:bold;
	letter-spacing:0px;
	font-family:arial;

}

#mega-menu-1  .item-title{
	float:left;
	cursor:pointer;
}
#mega-menu-1 .item-title.view-by-product-item-title{
	float:none;
}

#mega-menu-1 .view-by-product-menu {
	width:100% !important;
	float:left !important;
}

#mega-menu-1 .hidden-item-title{
	width:100% !important;
	float:left !important;
    background: url("../../images/arrow.png") no-repeat scroll 0 5px transparent;
    padding: 0 0 0 6px !important;
}


#mega-menu-1 ul.mega-hidden li.hidden-item-title{
    background: url("../../images/arrow.png") no-repeat scroll 10px 4px transparent;
}




#mega-menu-1 li .sub li ul.mega-hidden li a {
    background: url("../../images/arrow.png") no-repeat scroll 5px 4px transparent;
    padding: 2px 0 3px 16px !important;
}

#mega-menu-1 li .sub li ul.mega-hidden li ul.mega-hidden li a  {
    background: url("../../images/arrow.png") no-repeat scroll 18px 2px transparent;
    padding: 2px 0 3px 30px !important;
}

#mega-menu-1 li .sub div.mega-drop-down-close{
	float:right;
	position:relative;
	display:block;
}	


#mega-menu-1 li .sub div.mega-drop-down-close a{
	color:#ffffff;
	font-size:14px;
	padding: 10px 10px 0 0;
    text-align: right;
}	

#content ul.mega-menu-secondary li ul.sub, #content ul.mega-menu-secondary li ul.sub .row {
	/*width:650px !important;*/
}




