﻿#nav-category { margin: 10px 0 0 0; }

#nav-category ul { margin: 0; }

#nav-category a { text-decoration: none; display: block; width: 124px; line-height: 14px; color: #63503b; }
#nav-category a:hover { color: #e0ca92; }

#nav-category a span { display: block; padding: 3px 10px 5px 0; background: url(/img/site/bg_nav_divider.gif) bottom left no-repeat; }

#nav-category ul a span { padding: 3px 10px 5px 5px; border-bottom: none; }

#nav-category ul ul a span { padding: 3px 10px 5px 10px; border-bottom: none; }

#nav-category ul ul ul a span { padding: 3px 10px 5px 15px; border-bottom: none; }
#nav-category ul ul ul ul a span { padding: 3px 10px 5px 20px; border-bottom: none; }

#nav-category li { position: relative; display: block; width: 124px; height: 1%; vertical-align: bottom; }
#nav-category li.gap { margin: 5px 0 0 0; }

/* #nav-category li ul { background-color: #eadfd3; visibility: hidden; width: 124px; position: absolute; top: 0; left: 124px; list-style: none; margin: 0; padding: 0; } */

/*
#nav-category a:hover { color: #ffffff; background-color: #8da7e1; }
#nav-category li ul a:hover { color: #ffffff; background-color: #8da7e1; }
#nav-category li ul a { color: #ffffff; background-color: #74614b; }
*/

#nav-category .stub { background: url(/img/site/bg_nav_stub.gif) 120px 8px no-repeat; }
#nav-category li ul .stub { background: url(/img/site/bg_nav_stub_hover.gif) 120px 8px no-repeat; }
#nav-category .stub:hover { background: url(/img/site/bg_nav_stub.gif) 120px 8px no-repeat; }

#nav-category li.navhighlight>a span { font-weight: bold; }

#nav-left { width: 124px; float: left; }

#nav-top { padding: 0; margin: 0; position: absolute; left: 0px; bottom: 0px; background-color: #74614b; list-style: none; height: 22px; width: 770px; font-size: 10px; }
#nav-top li { display: inline; }
#nav-top li a { color: #ffffff; display: block; height: 22px; font-weight: bold; text-decoration: none; float: left; cursor: pointer;}
#nav-top li a#current, #nav-top li a:hover { color: #e0ca92; }
#nav-top li a span { display: block; height: 22px; line-height: 22px; padding: 0 10px; cursor: pointer; }

#nav-top-home { position: absolute; width: 150px; right: 210px; bottom: 79px; text-align: right; margin: 0; }
#nav-top-myaccount { position: absolute; width: 150px; right: 210px; bottom: 62px;text-align: right; margin: 0; }
#nav-top-telephone { font-weight: bold; font-size: 18px; position: absolute; width: 250px; right: 210px; bottom: 28px; text-align: right;margin: 0; }

#nav-top-home a, #nav-top-myaccount a { font-weight: bold; text-decoration: none; }

#nav-bottom-1 { position: relative; height: 22px; width: 980px; font-size: 10px; margin: 0 auto; }

#nav-bottom-bar { padding: 0; margin: 0;  background-color: #74614b; list-style: none; height: 22px; width: 580px; }
#nav-bottom-bar li { display: inline; }
#nav-bottom-bar li a { color: #ffffff; display: block; height: 22px; font-weight: bold; float: left; text-decoration: none; }
#nav-bottom-bar li a span { display: block; height: 22px; line-height: 22px; padding: 0 10px; cursor: pointer; }

#nav-bottom-2 { position: relative; height: 135px; width: 980px; font-size: 10px; margin: 0 auto; }

#nav-bottom-2 div { position: absolute; top: 10px; }
#nav-bottom-2 div h3 { margin: 0 0 5px 0; padding: 0; font-size: 11px; }
#nav-bottom-2 div ul { margin: 0; padding: 0; list-style: none;font-size: 11px; }
#nav-bottom-2 div a { text-decoration: none; }
#nav-bottom-2 div li a { color: #74614b; }
#nav-bottom-2 div li a:hover { color: #e0ca92; }

#nav-bottom #nav-bottom-bar { padding: 0; margin: 0; background-color: #74614b; list-style: none; height: 22px; width: 780px; }

#nav-about-us {
left:10px;
width:80px;
}
#nav-shopping-with-us {
left:110px;
width:150px;
}
#nav-our-environment {
left:280px;
width:150px;
}
#nav-join-our-community {
left:450px;
width:150px;
}
#nav-press-media {
left:635px;
width:160px;
}
#nav-contact-us {
left:820px;
width:180px;
}

#form-search { position: absolute; left: 780px; bottom: 0px; background-color: #74614b; list-style: none; height: 22px; width: 200px; }
#form-search p { padding: 0; margin: 0; }
#form-search #q { border: solid 1px #74614b; float: left; width: 120px; height: 17px; padding: 3px 0 0 0; font-family: Verdana, Arial, sans-serif; font-size: 11px; }
#form-search .action { width: 78px; height: 20px; float: left; }

#form-newsletter { position: absolute; left: 580px; top: 0px; background-color: #74614b; list-style: none; height: 22px; width: 400px; }
#form-newsletter p { padding: 0; margin: 0; }
#form-newsletter label { width: 200px;color: #ffffff; display: block; float: left; text-align: right; line-height: 22px; }
#form-newsletter #newsletteremail { border: solid 1px #7c6a54; float: left; width: 120px; height: 17px; padding: 3px 0 0 0; font-family: Verdana, Arial, sans-serif; font-size: 11px; }
#form-newsletter .action { width: 78px; height: 20px; float: left; }

