/* common styling */
.modifierOptions .pizzaOptions {
  height: 500px;
  width: 570px;
}

.pizzaOptions select {
    font-size:9px;
    max-width: 100px;
    width: 100px;
    font-family: verdana,arial,helvetica,;
}
.pizzaOptions img {
  border: 0px;
}

#pizzaOptions {
  margin:auto;
  text-align:left;
  width:555px;
  min-width:555px;
}
.topping{
	font-family: verdana,arial,helvetica;
	width:106px;
	min-height:50px;
	position:relative;
	margin:0;
	font-size:10px;
	float:left;
	margin-right:72px;
        margin-bottom:30px;
	font-weight: bold;
	font-variant: normal;
}

.topping ul li a, .topping ul li a:visited {
  margin:0px; 
  padding:1px;
  display:block; 
  text-decoration:none; 
  color:#000000; 
  width:195px; 
  text-align:center; 
  border:1px solid #ffffff; 
  border-width:1px 1px 0 0; 
  background:#FFE067; 
  font-size:12px;
}

.topping ul li a:hover {
  margin:0px; 
  padding:1px;
  display:block; 
  text-decoration:none; 
  color:#000000; 
  width:195px; 
  text-align:center; 
  border:1px solid #ffffff; 
  border-width:1px 1px 0 0; 
  background:#FF1A1A; 
  font-size:12px;
}

.topping ul {padding:0px; margin:0px;margin-bottom:10px;list-style-type: none;}
.topping ul li {
   float:left; 
   margin-right:1px; 
   position:relative;
   height: 15px;
}
.topping ul li a {
  padding: 0px;
  margin: 0px;
}
.topping ul li ul {display: none;}

/* specific to non IE browsers */
.topping ul li:hover a {color:#000; background:#838751;}
.topping ul li:hover ul {display:block; position:absolute; top:0; left:196px; width:155px; z-index:10;}
.topping ul li:hover ul li a.hide {background:#FFE789; color:#000;}
.topping ul li:hover ul li:hover a.hide {width:150px;}

.topping ul li:hover ul li ul {display: none;}
.topping ul li:hover ul li a, .toppingSideHeader {display:block; background:#FFE789; color:#000; width:155px;}
.topping ul li:hover ul li a:hover{background:#838751; color:#000;}

.topping ul li:hover ul li:hover ul {display:block; position:absolute; left:156px; top:0; color:#000;}
.topping ul li:hover ul li:hover ul li a {display:block; width:155px; background:#bd8d53; color:#000;}
.topping ul li:hover ul li:hover ul li a:hover {background:#838751; color:#fff;}

.toppingDisplay
{
   margin-top: 0px;
   width: 175px;
   border: 0px;
   float:left;
}