/*  
Description: The Hero Arts Navigation bars.
Version: 1.0
Author: Lisa Spangler
Author URI: http://sideoats.wumple.com
*/


#wrapper {
        position: relative;
        text-align: left;
        width: 940px;
        margin-right: auto;
        margin-left: auto;
/*
        border-bottom: 5px solid #ececec;
*/
}

.clear {
	clear: both;
}

body {
        position: relative;
        text-align: left;
        width: 940px;
        margin-right: auto;
        margin-left: auto;
}

#navheader {
        position: relative;
        top: 10px;
        height: 55px; /* 45 logo img + 10 margin */
}

#navheader .logo {
        float: left;
        width: 425;
        margin: 0;
}

#navheader .cart {
        float: right;
        width: 30;
        margin: 10px 0px 0px 10px;
}

#navbar {
        top: 10px;
        position: relative;
        bottom: 10px;
        height: 55px; /* 35 + 10 */
/*
        border-bottom: 1px solid red;
*/
}

form {
    margin: 0;
}

#searchbox {
        width: 280px;
        height: 35px;
        background: url(/global/images/nav/site/images/search.jpg);
        float: right;
}

#searchbox #s {
        float: right;
        padding: 0;
        margin: 10px 30px 10px 2px;
        border: 0;
        width: 146px;
}

#searchbox #go {
        padding: 0;
        border: 0;
        margin: 0;
        position: relative;
        left: 249px;
        top: 4px;
}

.logolink { 
	width:600px; 
	height:45px; 
	padding:0 0 0 0px; 
	margin:0; 
}

.cartlink { 
	width:30px; 
	height:30px; 
	padding:0 0 0 0px; 
	margin:0; 
}

.buttonlink { 
	width:121px; 
	height:35px; 
	padding:0 0 0 0px; 
	margin:0; 
}

.buttonspace {
        float: left;
        width: 11px;
        height: 35px;
        }

/* footer */

#footer-nav, #footer-nav ul{
margin: 0px;
padding: 0;
list-style-type: none;
list-style-position: outside;
position: relative;
line-height: 1.5em; 
font-size: 11px;
}

#footer-nav a{
display: block;
padding: 0px 5px;
color: #663300;
text-decoration: none;
}

#footer-nav a:hover{
background-color: #fff;
color: #333;
text-decoration: underline;
}

#footer-nav li{
float: left;
position: relative;
border-right: 1px solid #663300;
padding: 0 5px 0 5px;
}

#footer-nav ul {
position: absolute;
display: none;
width: 12em;
top: 1.5em;
}

#footer-nav li ul a{
width:12em;
height:auto;
float:left;
}

#footer-nav ul ul{
top:auto;
}	

#footer-nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#footer-nav li:hover ul ul, #footer-nav li:hover ul ul ul, #footer-nav li:hover ul ul ul ul{
	display:none;
}

#footer-nav li:hover ul, #footer-nav li li:hover ul, #footer-nav li li li:hover ul, #footer-nav li li li li:hover ul{
	display:block;
}