/* jQuery Mega Menu v1.02
* Last updated: June 29th, 2009. This notice must stay intact for usage 
* Author: JavaScript Kit at http://www.javascriptkit.com/
* Visit http://www.javascriptkit.com/script/script2/jkmegamenu.shtml for full source code
  Modified for use by Colin Jones.
*/

.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background: #F3F1D9;
color: #555;
border: 1px solid #A63424;
border-width: 5px 1px;
padding: 10px;
z-index: 100;
font-size: 80%;
}

.megamenu .column{
float: left;
width: 240px; /*width of each menu column*/
margin-right: 20px;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding-bottom: 5px;
}

.megamenu .column h3{
background: #e0e0e0;
font: bold 13px Arial;
margin: 0 0 5px 0;
}

.megamenu .column ul li a {
text-decoration: none;
width: 100%;
display: block;
padding: 3px;
}

.megamenu #selectedItem {
width: 100%;
display: block;
padding: 3px;
background: #E9DBDA;
font-weight: bold;
}

.megamenu .column ul .inStock {
font-weight: bold;
}

.megamenu .column ul li a:hover{
color: #F3F1D9;
background: #A63424;
}

.megamenu .footer {
margin-top: 5px;
font-style: italic;
width: 780px;
padding-top: 3px;
border-top: 1px solid #A63424;
}