header { width: 100%; float: left; } .container { width: 1000px; margin: 0px auto; } .top_bar { background:#facb9f; background: -webkit-linear-gradient(#facb9f, #f9e0c9, #facb9f); /* For Safari */ background: -o-linear-gradient(#facb9f, #f9e0c9, #facb9f); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#facb9f, #f9e0c9, #facb9f); /* For Firefox 3.6 to 15 */ background: linear-gradient(#facb9f, #f9e0c9, #facb9f); /* Standard syntax (must be last) */ width:100%; float:left; } .top_bar ul { float:left; margin:0px; padding:0px; list-style:none; } .top_bar ul li { float:left; padding:3px 1px; } .srch { float:right; width:300px; } .srch_input { margin:6px 0px; float:left; width:235px; height:20px; padding:5px; font-size:13px; color:#999; background:#fff; background: -webkit-linear-gradient(#ffffff, #f2f2f2); /* For Safari */ background: -o-linear-gradient(#ffffff, #f2f2f2); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#ffffff, #f2f2f2); /* For Firefox 3.6 to 15 */ background: linear-gradient(#ffffff, #f2f2f2); /* Standard syntax (must be last) */ } .srch_btn { background:url(../images/sech_btn.jpg) no-repeat left; height:31px; width:45px; float:left; cursor:pointer; } .logo { width: 412px; margin:30px 0px; float:left; cursor:pointer; } .logo h2 { color:#0e0e0e; font-family: 'helvetica_lt_condensedlightRg'; font-size:18px; margin:5px 3px; padding:0px; font-weight:normal; } nav { background:url(../images/nav_brder.jpg) repeat-x left bottom; padding-bottom:10px; width: 100%; float: left; margin-top:6px; } nav ul { float:left; padding: 0px; margin:0px 0px 19px 0px; } nav ul li { margin: 10px 10px 0px 0px; float: left; } nav ul li a { background:#fff; border:1px solid #E4E4E4; box-shadow:1px 2px 3px 2px #e4d7cd; color: #000000; padding:15px 13px 15px 13px; font-family: 'calibriregular'; font-size: 14px; text-decoration: none; border-radius:3px; } nav ul li a:hover { background:#f9ede1; text-decoration:none; z-index:10000; } .show{ /* class="show" is used for the second level navigation of a category */ display: inline !important; /* all navigation elements are hidden by default, !important overrides that */ width: 960px; /* width of the */ } .show ul li{ display: inline !important; } .show ul{ background-color: #999; } span{ /* spans are applied to the titles of second level navigation which are hidden when JS is disabled */ display: none; } .active ul{ /* style the second level menu and make it appear for the active page */ padding: 10px; position: relative; } .nav{ /*the top level, unordered list of navigation links*/ position: relative; width: 98.6%; } .nav > li > ul{ left: 0; padding: 0; position: absolute; width: 100%; top:42px !important; } ul.nav > li > ul > li{ color: black; height: 100%; float:none; } ul.nav > li > ul > li > ul > li { float:none; width:250px; } ul.nav > li > ul > li > span { font-size:18px; padding-left:13px; } ul.nav > li > ul > li > ul > li > a{ border:0px; background:url(../images/blck_arrow.png) no-repeat left; box-shadow:0px 0px 0px 0px #e4d7cd; color: #000000; padding:0px 25px 0px 15px; font-family: 'calibriregular'; font-size: 14px; text-decoration: none; border-radius:0px; line-height:22px; float:none; } ul.nav > li > ul > li > ul > li > a:hover{ background:#d8a371 url(../images/blck_arrow_hover.png) no-repeat left; box-shadow:0px 0px 0px 0px #e4d7cd; color: #fff; text-decoration: none; border-radius:0px; line-height:22px; float:none; } .nav_right { float:left !important; } nav p { color:#000; } .nav img{ /* price tags and product images */ display: block; } /*--STYLE ELEMENTS OF THE DROPDOWN MENUS--*/ .last { margin-left:-323px !important; }