/***** **** MASTER STYLES FOR THE TOP NAVIGATION - BUILD DATE 8/26/2011 ***** ****/ #top-navigation-bar {width: 787px; height: 38px; margin-top: 6px; background: url(graphics/top-navigation-bar-bg.gif) repeat-x; outline: none;} /***** SHOP ALL MENU *****/ #shopmhpsdeptsmenu {position: absolute; top: 86px; left: 0; margin: 0; padding: 0; z-index: 1000; font-size: 11px;} #shopmhpsdeptsmenu li {margin: 0; padding: 0; list-style: none;} #shopmhpsdeptsmenu li.shopall {width: 246px; height: 38px; margin:0; padding:0; background:transparent url(graphics/nav-mhps-depts.gif) no-repeat top left;} #shopmhpsdeptsmenu li.shopall a.shopall {width: 246px; height: 38px; display: block; text-indent: -9000px; outline: none !important;} /* LEVEL ONE */ #shopmhpsdeptsmenu ul {margin: 0; padding: 0; border-bottom: 4px solid #508ec7;} #shopmhpsdeptsmenu ul li {margin: 0; padding: 0; list-style: none; width: 246px; background-color: #386690; border-bottom: 1px solid #508ec7;} #shopmhpsdeptsmenu ul li:hover {background: #4679A8 url(graphics/shop-mhps-li-bg.gif) no-repeat top left;} #shopmhpsdeptsmenu ul li a {line-height: 30px; display: block; color: #fff !important; font-weight: bold; text-decoration: none; padding: 0 10px 0 10px; background: transparent url(graphics/shopall-li-arrow.png) no-repeat 200px 10px; outline: none !important;} #shopmhpsdeptsmenu ul li a:hover {text-decoration: underline;} /* LEVEL TWO */ #shopmhpsdeptsmenu ul ul {position: absolute; left: 246px; top: 38px; border-bottom: 5px solid #508ec7; border-top: 1px solid #508ec7; padding: 10px; background-color: #5085b7;} #shopmhpsdeptsmenu ul ul table {border: 0; width: 260px;} #shopmhpsdeptsmenu ul ul td { } #shopmhpsdeptsmenu ul ul td a {display: block; color: #e6ecf2 !important; font-weight: bold; text-decoration: none; line-height: 20px; padding: 0 20px 0 20px; background: none;} #shopmhpsdeptsmenu ul ul td a:hover {text-decoration: underline; color: #fff !important; } ul.flyout-appliances {top: -1px!important;} ul.flyout-bath {top: 30px!important;} ul.flyout-bm {top: 61px!important;} ul.flyout-doors {top: 92px!important;} ul.flyout-elec {top: 123px!important;} ul.flyout-ext {top: 150px!important;} ul.flyout-ha {top: 19px!important;} ul.flyout-kitchen {top: 216px!important;} ul.flyout-plumbing {top: 210px!important;} ul.flyout-rv-products {top: 90px!important;} ul.flyout-setup {top: 290px!important;} ul.flyout-windows {top: 210px!important;} /* VISIBILITY */ #shopmhpsdeptsmenu ul {visibility: hidden; position: absolute;} #shopmhpsdeptsmenu li:hover > ul {visibility: visible;} /* IE 6 & 7 Needs Inline Block */ #shopmhpsdeptsmenu ul li a {display: inline-block; width: 200px; outline: none !important;} #shopmhpsdeptsmenu ul table td a {display: inline-block; width: 230px;} /***** RV PARTS MENU *****/ #rvpartsmenu { position: absolute; top: 86px; left: 246px; margin: 0; padding: 0; z-index: 1000; font-size: 11px;} #rvpartsmenu li { margin: 0; padding: 0; list-style: none;} #rvpartsmenu li.shopall { width: 163px; height: 38px; margin:0; padding:0; background:transparent url(graphics/nav-rv-depts.gif) no-repeat top left;} #rvpartsmenu li.shopall a.shopall { width: 163px; height: 38px; display: block; text-indent: -9000px; outline: none !important;} /* LEVEL ONE */ #rvpartsmenu ul { margin: 0; padding: 0; border-bottom: 4px solid #508ec7;} #rvpartsmenu ul li { margin: 0; padding: 0; list-style: none; width: 227px; background-color: #386690; border-bottom: 1px solid #508ec7;} #rvpartsmenu ul li:hover { background: #4679A8 url(graphics/shopall-li-bg.gif) no-repeat top left;} #rvpartsmenu ul li a { line-height: 30px; display: block; color: #fff !important; font-weight: bold; text-decoration: none; padding: 0 10px 0 10px; outline: none !important;} #rvpartsmenu .rvplumbing { background: #386690 url(graphics/shopall-li-arrow.png) no-repeat 200px 10px !important;} #rvpartsmenu .rvplumbing:hover { width: 227px; background: #5085b7 url(graphics/shopall-li-arrow.png) no-repeat 200px 10px !important;} #rvpartsmenu ul li a:hover { text-decoration: underline;} /* LEVEL TWO */ #rvpartsmenu ul ul { position: absolute; left: 227px; top: 38px; border-bottom: 5px solid #508ec7; border-top: 1px solid #508ec7; padding: 10px; background-color: #5085b7;} #rvpartsmenu ul ul table { border: 0; width: 260px;} #rvpartsmenu ul ul td { } #rvpartsmenu ul ul td a { display: block; color: #e6ecf2 !important; font-weight: bold; text-decoration: none; line-height: 20px; padding: 0 20px 0 20px; background: none;} #rvpartsmenu ul ul td a:hover { text-decoration: underline; color: #fff !important; } ul.flyout-appliances { top: -1px!important;} ul.flyout-bath { top: 30px!important;} ul.flyout-bm { top: 61px!important;} ul.flyout-doors { top: 92px!important;} ul.flyout-elec { top: 123px!important;} ul.flyout-ext { top: 119px!important;} ul.flyout-ha { top: 39px!important;} ul.flyout-kitchen { top: 219px!important;} ul.flyout-plumbing { top: 179px!important;} ul.flyout-rv-products { top: 0 !important;} ul.flyout-setup { top: 259px!important;} ul.flyout-windows { top: 179px!important;} ul.flyout-rv-plumbing {top: 241px!important;} /* VISIBILITY */ #rvpartsmenu ul { visibility: hidden; position: absolute;} #rvpartsmenu li:hover > ul { visibility: visible;} /* IE 6 & 7 Needs Inline Block */ #rvpartsmenu ul li a { display: inline-block; width: 200px; outline: none !important;} #rvpartsmenu ul table td a { display: inline-block; width: 230px;} /***** SPECIALS MENU *****/ #specialsmenu { position: absolute; top: 86px; left: 708px; margin: 0; padding: 0; z-index: 1000; font-size: 11px;} #specialsmenu li { margin: 0; padding: 0; list-style: none;} #specialsmenu li.specials { width: 79px; height: 38px; margin:0; padding:0; background: transparent url(graphics/top-navigation-deals.gif) no-repeat top left;} #specialsmenu li.specials a.specials { width: 79px; height: 38px; display: block; text-indent: -9000px; outline: none !important;} /* LEVEL ONE */ #specialsmenu ul { margin: 0; padding: 0; border-bottom: 4px solid #508ec7;} #specialsmenu ul li { margin: 0; padding: 0; list-style: none; width: 160px; background-color: #386690; border-bottom: 1px solid #508ec7;} #specialsmenu ul li:hover { background: #4679A8 url(graphics/shopall-li-bg.gif) no-repeat top left;} #specialsmenu ul li a { line-height: 30px; display: block; color: #fff !important; font-weight: bold; text-decoration: none; padding: 0 10px 0 10px; outline: none !important;} #specialsmenu ul li a:hover { text-decoration: underline;} /* VISIBILITY */ #specialsmenu ul { visibility: hidden; position: absolute;} #specialsmenu li:hover > ul { visibility: visible;} /* IE 6 & 7 Needs Inline Block */ #specialsmenu ul li a { display: inline-block; width: 160px;} /* Search Box */ #navbar-search {float: left; margin-left: 415px;} #navbar-search .input-box {margin: 3px 0 0 0; padding-left: 8px !important; width: 246px; height: 30px; line-height: 30px; border: 1px solid #2d709a; vertical-align: top; background: url(graphics/navbar-search-bg.gif) no-repeat top left;} #navbar-search .button {margin: 3px 4px 0 0; width: 32px; height: 32px; padding: 0;} /***** MYCART MENU *****/ #mycartmenu { position: absolute; top: 86px; left: 787px; margin: 0; padding: 0; z-index: 1000; font-size: 11px;} #mycartmenu li { margin: 0; padding: 0; list-style: none;} #mycartmenu li.my-cart { width: 188px; height: 38px; margin:0; padding:0; background: transparent url(graphics/nav-my-cart.gif) no-repeat top left;} #mycartmenu li.my-cart a.my-cart { width: 68px; height: 28px; padding: 10px 0 0 120px; display: block; font-weight: bold; font-size: 12px; color: #fff !important; text-shadow: 0px -1px 0px #c6701e; text-decoration: none; } /* LEVEL ONE */ #mycartmenu ul { margin: 0; padding: 0; border-bottom: 5px solid #c6701e;} #mycartmenu ul table { margin: 0; padding: 0; list-style: none; width: 188px; background-color: #c6701e;} #mycartmenu ul table td { padding: 5px; font-size: 14px; font-weight: bold; color: #fff;} #mycartmenu ul table td.carttotal-tot { font-size: 20px; color: #fff;} #mycartmenu ul table td.cartpoints { padding-bottom: 0px;} #mycartmenu ul table td.cartpoints-pnt { font-size: 20px; color: #fff; padding-bottom: 0px;} #mycartmenu ul table td.whatare { padding: 0 5px 10px 5px;} #mycartmenu ul table td.whatare a { margin: 0; padding: 0; line-height: 12px; font-size: 10px; font-weight: normal; text-decoration: none; color: #fff !important;} #mycartmenu ul table td.whatare a:hover { text-decoration: underline;} #mycartmenu ul table td.supersaver { font-size: 13px; color: #fff;} #mycartmenu ul table td.supersaver div { padding-top: 5px; font-size: 11px; text-decoration: none; color: #fff;} #mycartmenu ul table td.supersaver a { margin: 0; padding: 0; line-height: 12px; font-size: 10px; font-weight: normal; text-decoration: none; color: #fff !important;} #mycartmenu ul table td.supersaver a:hover { text-decoration: underline;} #mycartmenu ul table a { line-height: 30px; display: block; color: #fff !important; font-weight: bold; text-decoration: none; padding: 0 10px 0 10px;} #mycartmenu ul table a:hover { text-decoration: underline;} /* VISIBILITY */ #mycartmenu ul { visibility: hidden; position: absolute;} #mycartmenu li:hover > ul { visibility: visible;} /* IE 6 & 7 Needs Inline Block */ #mycartmenu ul li a { display: inline-block; width: 188px;} /* AUTOCOMPLETE */ div.autocomplete-suggestions { position:absolute; z-index:1000; width:0; margin:0; padding:0; background-color:#efefef; border:1px solid #999;} div.autocomplete-suggestions ul { z-index:1000; list-style-type:none; margin:0; padding:0;} div.autocomplete-suggestions ul li { z-index:1000; list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; overflow:hidden;} div.autocomplete-suggestions ul li.selected { background-color:#cecece;} #follow-us {position: absolute; top: 0; left: 230px; width: 190px !important; background: #fff url(graphics/gray-bg.jpg) !important; text-align: left !important; padding-left: 10px !important;} #follow-us a {outline: none !important;} #follow-us img.blog {padding-left: 2px;} #follow-us-blog {position: absolute; top: 0; left: 230px; width: 160px !important; background: #fff url(graphics/gray-bg.jpg) !important; text-align: left !important; padding-left: 10px !important;} #follow-us-blog a {outline: none !important;} #follow-us-blog img.blog {padding-left: 2px;}