/* listmenu */

#listmenu
{
	/* aligns menu as a unit */
	padding: 2px 0px 10px 0px;
	font: 1em Arial, Verdana, Sans-Serif;
	text-align: left;
}

#listmenu ul
{
	/* aligns menu as a unit */
	list-style: none;
	margin: 0;
	padding: 0;
}

#listmenu li
{
	/* aligns menu item */
	margin: -4px 2px;
	padding: 0;
/*	width: 160px; */
}

#listmenu > ul > li
{
	/* align menu item for nonIE browsers only    is used instead of the settings in li above */
	margin: -3px 2px;
}

#listmenu a
{
	font: 11px;
	cursor: pointer;
	display: block;
	margin: 1px 0px;
	padding: 2px 4px 2px 8px;
	color: #222222;
	text-decoration: none;
	font-weight:600;
}

#listmenu > ul > li > a
{
	border: 1px solid transparent;
	padding: 2px 4px 4px 4px;
}

#listmenu a:visited
{
	color: #222222;
	text-decoration: none;
}


#listmenu a:hover
{
	margin: 1px 0px;
	border: 1px solid #cccccc; /*	padding: 2px 4px 2px 8px; */
	background-color: #f1f1f1;
	text-decoration: none;
	position: relative;
}

#listmenu a:active
{
	color: #222222;
	text-decoration: none;
}

#listmenu a.ActivePage
{
	/* applied to a link which is the current page */
	cursor: pointer;
	display: block;
	margin: 1px 0px;
	border: 1px solid #222222;
	padding: 1px 4px 3px 7px;
	text-decoration: none;
	font-weight: normal;
}

#listmenu > ul > li > a.ActivePage
{
	border: 1px solid #222222;
	padding: 2px 4px 4px 7px;
}



/* Vertical Menu */

#VerticalMenu
{
	/* aligns menu as a unit */
	padding: 2px 0px 10px 0px;
	font: 1em Arial, Verdana, Sans-Serif;
	text-align: left;
}

#VerticalMenu ul
{
	/* aligns menu as a unit */
	list-style: none;
	margin: 0;
	padding: 0;
}

#VerticalMenu li
{
	/* aligns menu item */
	margin: -4px 2px;
	padding: 0;
	width: 160px; /* width:122px; */
}

#VerticalMenu > ul > li
{
	/* align menu item for nonIE browsers only    is used instead of the settings in li above */
	margin: -3px 2px;
}

#VerticalMenu a
{
	font: 11px;
	cursor: pointer;
	display: block;
	margin: 1px 0px;
	padding: 2px 4px 2px 8px;
	color: #222222;
	text-decoration: none;
	/*font-weight:600;*/
}

#VerticalMenu > ul > li > a
{
	border: 1px solid transparent;
	padding: 2px 4px 4px 4px;
}

#VerticalMenu a:visited
{
	color: #222222;
	text-decoration: none;
}


#VerticalMenu a:hover
{
	margin: 1px 0px;
	border: 1px solid #cccccc; /*	padding: 2px 4px 2px 8px; */
	background-color: #f1f1f1;
	text-decoration: none;
	position: relative;
}

#VerticalMenu a:active
{
	color: #222222;
	text-decoration: none;
}

#VerticalMenu a.ActivePage
{
	/* applied to a link which is the current page */
	cursor: pointer;
	display: block;
	margin: 1px 0px;
	border: 1px solid #222222;
	padding: 1px 4px 3px 7px;
	text-decoration: none;
	font-weight: normal;
}

#VerticalMenu > ul > li > a.ActivePage
{
	border: 1px solid #222222;
	padding: 2px 4px 4px 7px;
}

/* Menu css */

.Menu
{
    z-index:-1;
    }
.Menu ul.AspNet-Menu /* Tier 1 ul */
{
	/*width: 100%;*/ /* This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
	text-align: center;
	z-index:999;
}

.Menu ul.AspNet-Menu li /* Tier 1 items*/
{
	margin-right: 1px;
	margin-bottom:1px;
	min-width: 60px;
	_width:70px;
	background-color: #222222;
	font-size: 12px;
	font-weight: bold;
}

/* Tier 1 a items - Cascades to Lower Tier*/
.Menu ul.AspNet-Menu li.AspNet-Menu-Leaf a,  .Menu ul.AspNet-Menu li.AspNet-Menu-WithChildren a
{
	color: #FFFFFF;
	padding: 8px;
	font-size: 12px;
	font-weight: bold;
}

.iPhoneMenu ul.AspNet-Menu li /* Tier 1 items*/
{
	margin-right: 1px;
	margin-bottom:1px;
	/*min-width: 60px;*/
	min-width: 210px;
	_width:70px;
	background-color: #222222;
	/*font-size: 20px;*/
	font-weight: bold;
	min-height:70px;
}

/* Tier 1 a items - Cascades to Lower Tier*/
.iPhoneMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,  
.iPhoneMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren a
{
	color: #FFFFFF;
	padding: 8px;
	/*font-size: 12px;*/
	font-size: 30px;
	font-weight: bold;
    min-height:70px;
}

.Menu ul.AspNet-Menu ul /*tier 2*/
{
	top: 100%;
	left: 0;
	text-align: left;
    /*_visibility:hidden;*/

}

.Menu ul.AspNet-Menu li ul li, /* tier 2 items */ .Menu ul.AspNet-Menu li ul li a
{
	background-color: #C1C1C1;	_visibility:hidden;
}


/*.AspNet-Menu-Horizontal ul.AspNet-Menu li:hover a,     /* all a items */
.Menu ul.AspNet-Menu li:hover ul li .MenuColumn a, .Menu ul.AspNet-Menu li:hover ul li .MenuColumnLast a
{
	color: #222222;
	background-color: #C1C1C1;
	padding: 4px 4px 4px 0px;
}

.Menu ul.AspNet-Menu li:hover .AspNet-Menu-Template h4, .Menu ul.AspNet-Menu li:hover .AspNet-Menu-Template h4 a
{
	font-size: 13px;
	color: #B70D22;
  /* #222222; */
	padding: 5px 0px 5px 0px;
}

.Menu ul.AspNet-Menu li:hover .AspNet-Menu-Template a
{
	color: #222222;
}
.Menu ul.AspNet-Menu li:hover .AspNet-Menu-Template a:hover
{
	color: #B70D22;

	text-decoration:underline;
}

.Menu ul.AspNet-Menu li:hover .AspNet-Menu-Template h4 a:hover
{
	color: #B70D22;

	text-decoration: underline;
}

.Menu ul.AspNet-Menu li .MenuRow a
{
	padding: 0px 7px 0px 7px;
}


.Menu .MenuColumn a, .Menu .MenuColumnLast a
{
	padding-bottom: 7px;
}



.Menu ul.AspNet-Menu li:hover .AspNet-Menu-Link
{
	color: #222222;
	background-color: #C1C1C1;}

.AspNet-Menu-Template
{
	overflow: visible;
	padding: 5px;
	z-index:999;	
}



/* Product Menu */
.ProductMenu 
{

    }

.ProductMenu ul.AspNet-Menu /* Tier 1 ul */
{
	/*width: 100%;*/ /* This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
	text-align: center;
	overflow:auto;
	


}

.ProductMenu ul.AspNet-Menu li
{
    margin-right: 1px;
    min-width: 60px;
    _width: 70px;
    background-color: #C1C1C1;    
    background-image: url(backgrounds/HeaderVerticalStrip.png);
    font-size: 12px;
    font-weight: bold;
    color: #222222;
    border:solid 1px Gray;
    
}

/* Tier 1 a items*/
.ProductMenu ul.AspNet-Menu li a

{

    padding: 8px;
    border-style: solid;
    border-bottom:none;
    border-bottom-color: #d4d4d4;
    border-left: none;
    border-right: none;
}

	.ProductMenu ul li .AspNet-Menu-Selected
	
{
	color:#FFFFFF;
	background-color: #222222;
}

.ProductMenu ul.AspNet-Menu li.AspNet-Menu-Leaf .AspNet-Menu-Selected:hover
 
{
        color:#FFFFFF;
    background-color: #222222;
}

.ProductMenu ul.AspNet-Menu li:hover .AspNet-Menu-Link
{
	color: #222222;
	background-color: #C1C1C1;
}


/* Header divider*/

#HeaderDivider
{
	clear: both;
	border-top: 4px solid #282828;
	margin: 0; /*padding: 1px 15px !important;*/
	padding: 1px 0px !important;
	text-align: left;
}

#divSubMenu li .AspNet-Menu-Selected
{
	background: #336699; /*blue*/
	color: #fff;
	font-weight: bold;
}


/*Top buttons menu */


.menu
{
	position: static;
	text-align: right;
	padding-right: 10px;
	white-space: nowrap;
	padding-top: 0px;
	color:#666;
}
.menu UL
{
	padding-bottom: 3px;
	list-style-type: none;
	margin: 3px 0px 0px;
	padding-left: 0px;
	padding-right: 0px;
	list-style-image: none;
	padding-top: 0px;
}
.menu LI
{
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 0px;
	display: block;
	float: left;
	text-align:left;
	_width:100px;
	

}
.menu A
{
	padding-left: 30px;
	padding-bottom: 8px;
	padding-right: 5px;
	background: no-repeat left top;
	/*font-weight: bold;*/
    color:#666;
    font-size: 16px;
    padding:3px;
	/*color: #222222;*/
	
}

.menu A:hover
{
	color: #B70D22;

}

.menu .text
{
	padding-left: 30px;
	padding-bottom: 8px;
	padding-right: 5px;
	font-weight: bold;

}

/*Main menu*/


.MenuColumn
{
	border-right: solid 1px #222222;
	float: left;
	margin-right: 10px;

}

.MenuColumnLast
{
	border-right: solid 0px;
	float: left;
}

.MenuRow
{
	overflow: visible;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;


}

.MenuRow a
{
	border-right: solid 1px #222222;
	float: left;
	padding-left: 7px;
	padding-right: 7px;
	color: #222222;
	min-height:15px;
}

.MenuRow a:hover
{
	color: #B70D22;

	_border-right: solid 1px #222222;
}

.MenuRow .LastItem
{
	border-right: solid 0px;
}

.People
{
	background-repeat: no-repeat;
	height: 24px;
	font-size: 16px;
	}

.Pencil
{
	background-repeat: no-repeat;
	height: 24px;
	font-size: 16px;

}

.Cart
{
	background-repeat: no-repeat;
	height: 24px;
}

.Question
{
	background-repeat: no-repeat;
	height: 24px;
	font-size: 16px;
}

.Call
{
	background-repeat: no-repeat;
	height: 24px;
	font-size:16px;
	color:#666;
}

.Email
{
	background-repeat: no-repeat;
	height: 24px;
	font-size: 16px;


}

   
.EditorButton:hover
{
    border:solid 5px black;
    cursor:pointer;
    
}
    
.Email a
{
    	color:#666;
    	font-size:16px;
    	text-decoration:none;
}

.Email a:hover
{
    color: #B70D22;
    }