/* Navigation Styling */
#navigation { position: relative; width: 800px; height: 35px; min-height: 35px; font-size: 12px; z-index: 100; }

/* SEARCH BOX */
#navigation .search { position: absolute; right : 0; bottom: 0; width: 233px; height: 53px; background: transparent url(/img/UI/bkg/bg_search.png) no-repeat; }
#navigation .search form { position: relative; left: 40px; top: 20px; }
#navigation .search form .input-text { margin: 2px; padding: 1px; padding-left: 3px; font: normal 11px "Lucida Sans", "Lucida Grande", Tahoma, Geneva, sans-serif; color: #444; width: 147px; }
#navigation .search form table       { margin-right: 2px; }
#navigation .search form a           { display: block; width: 18px; height: 18px; background: transparent url(/img/UI/btn/btn_search.gif) no-repeat; }
#navigation .search form a:hover     { background-position: 0 -18px; }

#navigation .menu { float: left; margin: 0 10px; padding: 0; }

/* MAIN MENU LAYOUT */
#topMenuBar a { display: block; padding: 9px 2px 12px 2px; color: #fff; text-decoration: none; }
#topMenuBar li { float: left; display: block; position: relative; border: none; margin-right: -1px; } /* All menu items (<li> tags). 'float: left' lines them up horizontally, and they are positioned relatively to correctly offset submenus. Also, they have overlapping borders. */
#topMenuBar li.separator { width: 18px; height: 35px; background: url(/img/UI/bkg/nav/nav1_sep.png) 8px 10px no-repeat; }
/* SUB MENU (Second Level) */
#topMenuBar ul { display: none; position: absolute; top: 2.9em; margin-top: 0px; left: -1px; width: 240px; } /* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent; ems and px to allow people to zoom their font */
#topMenuBar ul li { width: 240px; border-bottom: 1px solid #008351; background: url(/img/UI/bkg/nav/nav1_dropmenu_bg.gif) repeat-y #359f49; }
#topMenuBar ul li a { width: 228px; padding: 4px 2px 3px 10px; }
#topMenuBar ul li a:hover, #topMenuBar ul li a:focus { background: url(/img/UI/bkg/nav/nav1_dropmenu_over.gif) repeat-x #004027; } 
/* SUB MENU (Third Level) */
#topMenuBar ul ul { top: 0px; left: 240px; border-left: 1px solid #004027; } /* Second and third etc. level submenus - position across from parent instead */
a:hover.no-pointer  { cursor: default; color: #FFF !important; }

/* CUSTOM STYLING */
#topMenuBar li.products ul,
#topMenuBar li.products ul li { width: 155px; }
#topMenuBar li.products ul li a { width: 143px;  }
#topMenuBar li.products ul ul { left: 155px; width: 175px; }
#topMenuBar li.products ul ul li { width: 175px; }
#topMenuBar li.products ul ul li a { width: 163px; }

/* BreadCrumb */
#breadcrumb p { padding-bottom: 10px; }

/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}

/*==================================
green atmosphere standard SELECT
====================================*/
ul.newList * {margin:0; padding:0;}
ul.newList a {color: #000!important; text-decoration:none; display:block; }
ul.newList a:focus {-moz-outline-style: none; outline-style: none; }
ul.newList { margin: 0!important; list-style:none; color:#000; width:200px; background:#fff; position:absolute; border:1px solid #88806d; top:18px; left:-1px;  z-index:9999;}
.newListSelected { width:158px; color:#000; height:15px; float:left; border: 1px solid #88806d; margin-right: 10px; padding: 3px 0 0 5px;  background:url(/img/UI/btn/btn_menu.gif) #fff right 0 no-repeat; }
.newListSelected span {width:163px; display:block;}
ul.newList li a { padding:3px 8px 3px 15px; display: block; border-bottom: 1px solid #d4d2cb; }
.selectedTxt {width:140px; padding-right: 17px; overflow:hidden; height:15px; }
.hiLite, .hiLite a, .newListHover {background:url(/img/UI/bkg/nav/select_bg_over.gif); color:#000!important; cursor:default;}
.hiLite:before, .newListHover:before { margin-left: -10px; content: '> '; font-size: 9px;}
.newListSelHover, .newListSelFocus {background-position: right -18px; cursor:default;}
.newListOptionTitle { font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li { font-weight:normal; border-left:1px solid #ccc;}