﻿#modernbricksmenu{
padding: 0;
width: 100%;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px verdana;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:none;
}

#modernbricksmenu a{
float: right;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 5px;
text-decoration: none;
letter-spacing: 1px;
background-color: #5F3914; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: #D2B48C; /*Menu hover bgcolor*/
}

#modernbricksmenu current a{ /*currently selected tab*/
background-color: #D2B48C; /*Brown color theme*/ 
border-color: #D2B48C; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #00A7E7; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: Navy;
}

#webmenu{
padding: 0;
width: 50%;
voice-family: "\"}\"";
voice-family: inherit;
}

#webmenu ul{
font: 11px verdana;
text-align:right;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#webmenu li{
margin: 0 2px 0 0;
padding: 0;
text-transform:none;
}

#webmenu a{
float: right;
display: block;
color: #5F3914;
margin: 0 1px 0 0; /*Margin between each menu item*/
text-decoration: none;
letter-spacing: 1px;
border-bottom: 0px solid #5F3914;
}

#webmenu a:hover{
color:#FFC0C0;
}

#webmenu current a{ /*currently selected tab*/
color: #d3bfa5; /*Brown color theme*/ 
}

#webmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #00A7E7; /*Brown color theme*/ 
}


#webmenubot{
padding: 0;
width: 100%;
voice-family: "\"}\"";
voice-family: inherit;
}

#webmenubot ul{
font: 11px verdana;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#webmenubot li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:none;
}

#webmenubot a{
float: left;
display: block;
color: #5F3914;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
border-bottom: 0px solid #5F3914;
}

#webmenubot a:hover{
color:#FFC0C0;
}

#webmenubot current a{ /*currently selected tab*/
background-color: #D2B48C; /*Brown color theme*/ 
border-color: #D2B48C; /*Brown color theme*/ 
}

#webmenulinebot{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #00A7E7; /*Brown color theme*/ 
}


#webmenubrands{
padding: 0;
width: 100%;
voice-family: "\"}\"";
voice-family: inherit;
}

#webmenubrands ul{
font: 10pt Verdana;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#webmenubrands li{
display: inline;
margin: 0 5px 0 0;
padding: 0;
text-transform:none;
}

#webmenubrands a{
float: left;
display: block;
color: #5F3914;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 5px;
text-decoration: none;
letter-spacing: 1px;
border-bottom: 0px solid #5F3914;
}

#webmenubrands a:hover{
color:#d3bfa5;
}

#webmenubrands current a{ /*currently selected tab*/
background-color: #5F3914; /*Brown color theme*/ 
color:#d3bfa5;
}

#webmenulinebrands{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #00A7E7; /*Brown color theme*/ 
}

.MenuGroupHor
{
	background-image: url(images/bg_hor.gif);
	background-color: #666666;
}

.MenuGroupVer
{
	border-right: #3f3f3f 1px solid;
	border-top: #3f3f3f 1px solid;
	background-image: url(images/bg_ver.gif);
	border-left: #3f3f3f 1px solid;
	border-bottom: #3f3f3f 1px solid;
	background-color: #666666;
}

.MenuItemBrand
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align:right;
	color: #9C8067;
	width: 140px;
	float: left;
	padding-left:5px;
	text-decoration:none;
	background-color:#ffffff;
}

.MenuItemCategory
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align:left;
	color: #9C8067;
	width: 80px;
	float: left;
	padding-left:2px;
	text-decoration:none;
	background-color:#ffffff;
}

.MenuItemOver
{
  color:#FFCC33; 
  font-family:Verdana; 
  font-size:11px; 
  text-decoration:underline;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:8px;
  padding-right:8px;
  cursor:hand;
}

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(images/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

#glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

#glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

#glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(images/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

#glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}