/*wo signature*/ /******************************************* * TOP ELEMENTS ********************************************/ body {background:#fff url(//a248.e.akamai.net/pix.crutchfield.com/mega-nav/masthead/bg-main.jpg) repeat-x; margin:0; padding:0;} /* OUTLET BODY BACKGROUND*/ body#outlet {background:#fff url('//www2.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-mainoutlet.jpg') repeat-x; margin:0; padding:0;} body#signatureBody {background:#fff url('//a248.e.akamai.net/pix.crutchfield.com/mega-nav/signature/bg-main-sig5.png') repeat-x; margin:0; padding:0;} .fltlft {float:left;} .fltrt {float:right;} .vspacer10 {width:100%; height:10px; display:block; overflow:hidden; margin:0; padding:0;} #masthead-container a:link, #masthead-container a:active, #masthead-container a:visited {color:#365FD2;} #masthead-container a:hover {color:#B70D0D;} #masthead-container a img {border:none;} #masthead-container * {font-family:Arial, Helvetica, sans-serif; } /* CLEAR FIX*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .clear {overflow:hidden; clear:both; height:0; margin:0; padding:0; font-size:1px; font-size:0.01em; display:block;} /* HEADER */ #masthead-container {width:900px; height:202px; margin:0 auto; margin-bottom:10px; position:relative; font-family:Arial, Helvetica, sans-serif; z-index:9000; background:transparent;} #masthead-container #logo {width:420px; height:76px; position:absolute; top:30px; left:0; overflow:hidden;} #masthead-container #logo a span {display:block;} #masthead-container #logo a {text-indent:-99999px; display:block; width:420px; height:76px; background-image:none; background-image:url('//www2.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/logo-main-new.png'); background-position:0 0; background-repeat:no-repeat;} /* BING LOGO - CORE & SIGNATURE */ #masthead-container .bing-header {top: 44px; left: 410px; position: absolute; text-align:center; width:190px; z-index:20000;} #masthead-container .bing-header span {display:block; font-size:10px; font-weight:bold; padding-left:4px;} #masthead-container .bing-header a img {border:none;} #signatureBody #masthead-container .bing-header {top: 90px; left: 365px;} /* SIGNATURE LOGO #signatureBody #masthead-container #logo {width:420px; height:76px; position:absolute; top:30px; left:0; overflow:hidden;} #signatureBody #masthead-container #logo a {text-indent:-99999px; display:block; width:420px; height:76px; background-image:url('//a248.e.akamai.net/pix.crutchfield.com/mega-nav/signature/logo-sig.png); background-position:0 0; background-repeat:no-repeat;} */ #signatureBody #masthead-container {background:transparent;background-image:url('//a248.e.akamai.net/pix.crutchfield.com/mega-nav/signature/signature-header-background-graphic.png');background-position:0px 0;background-repeat:no-repeat;} #signatureBody #masthead-container #logo {width:260px; height:104px; position:absolute; top:24px; left:0; overflow:hidden;} #signatureBody #masthead-container #logo a {text-indent:-99999px; display:block; width:260px; height:104px; background-image:url('//a248.e.akamai.net/pix.crutchfield.com/mega-nav/signature/logo-sig.png'); background-position:0 0; background-repeat:no-repeat;} #masthead-container .shippingMessage {font-size:13px;font-weight:bold;left:425px;position:absolute;top:78px; text-align: center; z-index:9999;} #masthead-container .shippingMessage a { color: #990033; } /* FORTYNINE FREE SHIPPING */ /*#masthead-container .shippingMessage span.fortyNine { left:425px; position:absolute; top:78px; }*/ #masthead-container .shippingMessage .fortyNine a { color: #e83f06; } /* - END - */ #signatureBody #masthead-container .sigBenefits{top: 26px; left: 365px; position: absolute; text-align: center; color: #330033;font-size:13px;font-weight:bold;} body#signatureBody .sigBenefits a {text-decoration:none;color:#330033;} /* OUTLET LOGO */ #outlet #masthead-container #logo {width:420px; height:76px; position:absolute; top:30px; left:0; overflow:hidden;} #outlet #masthead-container #logo a {text-indent:-99999px; display:block; width:420px; height:76px; background-image:url('//www2.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/logo-outlet-sm.gif'); background-position:0 0; background-repeat:no-repeat;} body#outlet #masthead-container #crutchfieldStory {width:300px; height:30px; position:absolute; top:105px; left:9px; font-size:11px;} #masthead-container #crutchfieldStory {width:300px; height:30px; position:absolute; top:105px; left:9px; font-size:11px;} #masthead-container #control-box {width:295px; height:118px; position:absolute; top:0; right:0; background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-control-box.png') no-repeat top left; } #masthead-container #control-box .control-box-row {width:295px; height:40px; line-height:39px; overflow:hidden;} #masthead-container #control-box #valueAdd a {height:39px; width:295px; overflow:hidden; display:block;} /* contact icons / links - chat email call back */ #contactInfoTest {margin-left:10px;} #masthead-container #control-box #contactInfoTest .chat {float:left; font-size:11px; line-height:38px; padding-right:8px; margin-right:1px; background:url('//a248.e.akamai.net/pix.crutchfield.com/mega-nav/masthead/icons/chat.png') no-repeat left center;} #masthead-container #control-box #contactInfoTest .email {float:left; font-size:11px; line-height:38px; padding-right:8px; margin-right:1px; background:url('//www2.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/icons/mail.png') no-repeat left center;} #masthead-container #control-box #contactInfoTest .callBack {float:left; font-size:11px; line-height:38px; padding-right:10px;background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/icons/callBack.png') no-repeat left center;} #masthead-container #control-box #contactInfoTest .chat a, #masthead-container #control-box #contactInfoTest .email a, #masthead-container #control-box #contactInfoTest .callBack a{margin:0 20px;} /* contact phone number & advisor waiting msg */ #masthead-container #control-box #contactInfo {height:39px; width:295px;} #masthead-container #control-box #contactInfo .phone {float:left; font-size:18px; font-weight:bold; line-height:39px; padding-left:10px; padding-right:8px; color:#002F81;} /* advisor waiting row */ .advisor-timing {float: right; display: inline; height: 39px; margin-left: 5px;width:120px;visibility:hidden;/*position:absolute;*/} .advisor-timingMsg {font-size: 11px; color: #5c5c5c;display:block;position:relative;left:5px;line-height: 12px; padding-top: 8px; text-align: left;font-weight:bold;} .advisor-timingTime{font-size:10px;font-weight:bold;} .advisor-waiting {float: right; display: inline; height: 39px; margin-left: 5px;width:140px;visibility:hidden;position:absolute;left:140px;} .advisor-numBlock {display:block;float:left;background-color:#268028;border:1px solid #5ED54C;width:30px;height:30px;margin-top:4px;text-align:center} .advisor-num {color:#FFFFFF;font-size:18px;font-weight:bold;line-height:24px;margin:3px;position:relative;text-align:center;} .advisor-waitingMsg {font-size: 11px; color: #268028; display:block;position:relative;left:5px;line-height: 12px; padding-top: 8px; text-align: left;} #masthead-container #control-box #accountStuff {height:39px; width:295px;} #masthead-container #control-box #accountStuff .cart {float:left; font-size:12px; font-weight:bold; line-height:39px; padding-left:10px; padding-right:8px; color:#002F81;} #masthead-container #control-box #accountStuff .cart a.myCart {display:block; background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/ico-cart.gif') no-repeat left center; padding-left:20px; } #masthead-container #control-box #accountStuff .cartSummary {float:left; font-size:11px; line-height:38px; padding-left:30px; color:#002F81;} #masthead-container #control-box #accountStuff .cartMessage {float:right; font-size:11px; line-height:38px; padding-right:22px; color:#002F81;padding-top:8px;} /*#masthead-container #control-box #accountStuff .cartRewardsMessage {float:right; font-size:11px; line-height:13px; padding-right:20px; color:#002F81; padding-top:6px; text-align: center; }*/ #masthead-container #control-box #accountStuff .cartRewardsMessage {float:right; font-size:11px; line-height:13px; /*padding-right:20px;*/ color:#002F81; padding-top:6px; /*text-align: center;*/text-align: left;width:115px; } #masthead-container #control-box #accountStuff .cartRewardsPoints {font-weight: bold; font-size:12px; } #outlet #masthead-container #control-box #accountStuff .cart {color:#BE3C02;float:left;font-size:12px;font-weight:bold;line-height:39px;padding-left:10px;padding-right:8px;} #masthead-container #supertabs {width:900px; height:53px; background:url(//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png) no-repeat top left; position:absolute; top:119px; left:0; } #masthead-container #supertabs .search-container {width:290px; height:35px; position:absolute; top:12px; right:5px;} #masthead-container #supertabs .search-container input {padding:0; font-size:20px; font-weight:300; line-height:26px;} #masthead-container #supertabs .search-container input.search-box {width:187px; height:26px; position:absolute; top:0; left:10px;} #masthead-container #supertabs .search-container input.search-btn {width:85px; height:35px; position:absolute; top:0; right:0;} #masthead-container #why-crutchfield {position:absolute; top:7px; right:-22px; width:30px; height:130px; z-index:20000; } #masthead-container #why-crutchfield a {text-indent:-99999px; background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/why-crutchfield.png') no-repeat 0 0; display:block; width:30px; height:130px; } #masthead-container #why-crutchfield a:hover {background-position: -30px 0; } #masthead-container #nav-links {width:900px; position:absolute; top:172px; left:0; } #masthead-container #loginBlock {display:block;margin-right:320px;font-size:11px;text-align:right;} #masthead-container #loginBlock #advisorMsg {display: block; text-align: right; font-size: 11px; } /* OUTLET LOGIN */ body#outlet masthead-container #loginBlock {display:block;margin-right:320px;font-size:11px;text-align:right;} body#outlet #masthead-container #loginBlock #advisorMsg {display: block; text-align: right; font-size: 11px; } /* for background around search box w. resize */ #outlet #masthead-container #supertabs {width:900px; height:53px; background:url(//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png) no-repeat top left; position:absolute; top:119px; left:0; } /* MENU - SHOP */ ul#topnav li {float:left; list-style-type:none; } ul#topnav li {float:left; list-style-type:none;} ul#topnav li a {display:block; text-decoration:none;} ul#topnav li a:link {text-decoration:none;} ul#topnav li a:visited {text-decoration:none;} ul#topnav li a:hover {text-decoration:none;} ul#topnav li a:active {text-decoration:none;} /* LEARN 2011 - NAV */ #learnNav2011 ul#topnav.learnMenu2011 li {float:left; list-style-type:none; background-image:url('//a248.e.akamai.net/pix.crutchfield.com/mega-nav/topnav/nav-sprites/learn2011.png');} #learnNav2011 ul#topnav.learnMenu2011 li a {display:block; text-decoration:none;} #learnNav2011 ul#topnav.learnMenu2011 li a:link {text-decoration:none;} #learnNav2011 ul#topnav.learnMenu2011 li a:visited {text-decoration:none;} #learnNav2011 ul#topnav.learnMenu2011 li a:hover {text-decoration:none;} #learnNav2011 ul#topnav.learnMenu2011 li a:active {text-decoration:none;} /* LEARN BACKROUND NAV */ #learnNav ul#topnav li {float:left; list-style-type:none; background-image:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/topnav/nav-sprites/learn.png');} #learnNav ul#topnav li a {display:block; text-decoration:none;} #learnNav ul#topnav li a:link {text-decoration:none;} #learnNav ul#topnav li a:visited {text-decoration:none;} #learnNav ul#topnav li a:hover {text-decoration:none;} #learnNav ul#topnav li a:active {text-decoration:none;} /* SUPPORT BACKROUND NAV */ #supportNav ul#topnav {height:30px; margin:0; padding:0; top:0; left:0; position:absolute; min-width:900px; background-image:url('//www2.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/topnav/nav-sprite-Support.png'); z-index:500;} #supportNav ul#topnav li {float:left; list-style-type:none;} #supportNav ul#topnav li a {display:block; text-decoration:none;} #supportNav ul#topnav li a:link {text-decoration:none;} #supportNav ul#topnav li a:visited {text-decoration:none;} #supportNav ul#topnav li a:hover {text-decoration:none;} #supportNav ul#topnav li a:active {text-decoration:none;} ul#topnav .menu {top:29px; position:absolute; background:#fff; padding:32px 0 12px 10px; border:3px solid #2C7DCF;z-index:10000;} ul#topnav .menu .special-msg { background: none; color: #fff; padding: 5px 12px; margin-top: 10px; margin-bottom:-11px; margin-left:-9px; margin-right:1px;} ul#topnav .menu ul.sub_nav {float:left;} ul#topnav .menu ul.sub_nav {margin:0 10px 0 0; padding:0; width:170px;} ul#topnav .menu ul.sub_nav h4 {color:#333; margin: 10px 5px; background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/topnav/bg-subnav-h4.gif') repeat-x bottom left; padding-bottom:4px; font-size:12px;} ul#topnav .menu ul.sub_nav li {float:none; background-image:none;} ul#topnav .menu ul.sub_nav li a, ul#topnav .menu ul.sub_nav li a:link, ul#topnav .menu ul.sub_nav li a:visited {font-size:11px; font-weight:normal; line-height:1.3em; color:#333; text-decoration:none; padding:4px 6px; height:100%; background-color:transparent;} ul#topnav .menu ul.sub_nav li a:hover {color:#fff; text-decoration: none; background-color:#06C;} ul#topnav .menu ul.sub_nav li a:active {color:#06C; text-decoration: none; background-color:transparent;} ul#topnav li .menu {display:none;z-index:10000;} ul#topnav li:hover .menu {display:block;z-index:10000;} ul#topnav li.over .menu {display:block; width:200px; height:1%; z-index:10000;} ul#topnav a.nav_item span {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;} li.nav_car {background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/common/nav/core-nav.png') no-repeat 0 0; width: 162px; height: 30px; } li.nav_car:hover, li.nav_car_over {background-position:0 -60px;} li.nav_car.active, li.nav_car.active:hover, li.nav_car_over.active {background-position:0 -30px;} li.nav_car a.nav_item, li.nav_car_over a.nav_item {width:162px; height:30px;} li.nav_car .menu {left:0; min-width:162px;} li.nav_audio {background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/common/nav/core-nav.png') no-repeat -162px 0; width:158px; height:30px; } li.nav_audio:hover, li.nav_audio_over {background-position:-162px -60px;} li.nav_audio.active, li.nav_audio.active:hover, li.nav_audio_over.active {background-position:-162px -30px;} li.nav_audio a.nav_item, li.nav_audio_over a.nav_item {width:158px; height:30px;} li.nav_audio div.menu {left:162px; min-width:158px;} li.nav_portables {background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/common/nav/core-nav.png') no-repeat -320px 0; width: 184px; height: 30px;} li.nav_portables:hover, li.nav_portables_over {background-position:-320px -60px;} li.nav_portables.active, li.nav_portables.active:hover, li.nav_portables_over.active {background-position:-320px -30px;} li.nav_portables a.nav_item, li.nav_portables_over a.nav_item {width:184px; height:30px;} li.nav_portables div.menu {left:320px; min-width:184px; } li.nav_tvs {background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/common/nav/core-nav.png') no-repeat -504px 0; width:108px; height:30px; } li.nav_tvs:hover, li.nav_tvs_over {background-position:-504px -60px;} li.nav_tvs.active, li.nav_tvs.active:hover, li.nav_tvs_over.active {background-position:-504px -30px;} li.nav_tvs a.nav_item, li.nav_tvs_over a.nav_item {width:108px; height:30px;} li.nav_tvs div.menu {left: 56px; min-width:108px;} li.nav_cameras {background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/common/nav/core-nav.png') no-repeat -612px 0; width: 170px; height: 30px; } li.nav_cameras:hover, li.nav_cameras_over {background-position:-612px -60px;} li.nav_cameras.active, li.nav_cameras.active:hover, li.nav_cameras_over.active {background-position:-612px -30px;} li.nav_cameras a.nav_item, li.nav_cameras_over a.nav_item {width:170px; height:30px;} li.nav_cameras div.menu {right:118px; min-width:170px;} li.nav_specials {background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/common/nav/core-nav.png') no-repeat -782px 0; width:118px; height: 30px; } li.nav_specials:hover, li.nav_specials_over {background-position:-782px -60px;} li.nav_specials.active, li.nav_specials.active:hover, li.nav_specials_over.active {background-position:-782px -30px;} li.nav_specials a.nav_item, li.nav_specials_over a.nav_item {width:118px; height:30px;} li.nav_specials div.menu {right:0px; min-width:118px;} /* Specials tab*/ a.specialsNavTab {display:block; height:30px; width:118px; cursor:pointer; } /* STAFF BLOG */ li.nav_blog {background-position: 154px 0; text-indent: -9999px; display: inline-block; width: 78px; height: 30px; } li.nav_blog:hover, li.nav_blog_over {background-position: 154px -60px;} li.nav_blog.active, li.nav_blog.active:hover, li.nav_blog_over.active {background-position: 154px -30px;} #learnNav2011 ul#topnav.learnMenu2011 li.learnSubNav { background-image: none; float: none; } ul#topnav .menu .close {display:block; position:absolute; top:8px; right:10px; width:16px; height:16px; background: url(//www2.crutchfield.com.edgesuite.net/pix.crutchfield.com/myAccount//message-box/close.png) 0 0 no-repeat; cursor:pointer; -moz-opacity:0.7; opacity:0.7; z-index:10002;} ul#topnav .menu .close.hover {-moz-opacity:1; opacity:1;} ul#topnav li .menu .shop-all {position:absolute; top:0; left:0; width:100%; height:32px; font-weight:bold; display:inline; background:#CFE7FF; border-bottom:3px solid #2C7DCF; height:32px; z-index:10001;} body#signatureBody ul#topnav li .menu .shop-all {background:#DFD1DF;border-bottom:3px solid #552F55;} body#signatureBody ul#topnav li .menu .shop-all a {color:#365FD2;} body#signatureBody ul#topnav li .menu .shop-all a:hover {color:#C00;} body#outlet ul#topnav li .menu .shop-all {background:#FFE9DF;border-bottom:3px solid #BE3C02;} ul#topnav li .menu .shop-all a.shop-all-link {display:block; width:280px; line-height:32px; margin-left:12px; font-size:12px;} /*-- -- -- -- -- -- -- -- -- -- -- -- -- -- Learn navigation styles for Crutchfield -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ /* LEARN BACKROUND NAV */ /* New Learn Navigation 2011 */ ul#topnav .learnMenu {top:29px; position:absolute; background:#fff; padding:32px 0 12px 10px; border:3px solid #2C7DCF;z-index:10000;} /*ul#topnav .learnMenu .special-msg { background: none; color: #fff; padding: 5px 12px; margin-top: 10px; margin-bottom:-11px; margin-left:-9px; margin-right:1px;}*/ ul#topnav .learnMenu ul.sub_nav {float:left;} ul#topnav .learnMenu ul.sub_nav {margin:0 10px 0 0; padding:0; width:170px;} ul#topnav .learnMenu ul.sub_nav h4 {color:#333; margin: 10px 5px; background:url('//a248.e.akamai.net/pix.crutchfield.com/mega-nav/topnav/bg-subnav-h4.gif') repeat-x bottom left; padding-bottom:4px; font-size:12px;} ul#topnav .learnMenu ul.sub_nav li {float:none; background-image:none;} ul#topnav .learnMenu ul.sub_nav li a, ul#topnav .learnMenu ul.sub_nav li a:link, ul#topnav .learnMenu ul.sub_nav li a:visited {font-size:11px; font-weight:normal; line-height:1.3em; color:#333; text-decoration:none; padding:4px 6px; height:100%; background-color:transparent;} ul#topnav .learnMenu ul.sub_nav li a:hover {color:#fff; text-decoration: none; background-color:#06C;} ul#topnav .learnMenu ul.sub_nav li a:active {color:#06C; text-decoration: none; background-color:transparent;} ul#topnav li .learnMenu {display:none;z-index:10000;} ul#topnav li .learnMenu .learn-all h2 { margin: 0; color: #002F81; padding: 6px 7px 0; } ul#topnav li:hover .learnMenu {display:block;z-index:10000;} ul#topnav li.over .learnMenu {display:block; width:200px; height:1%; z-index:10000;} ul#topnav a.nav_item span {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;} li.learnNav_car {background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/topnav/nav-sprites/learn.png') no-repeat 0 0; width: 162px; height: 30px; } li.learnNav_car:hover, li.learnNav_car_over {background-position:0 -60px;} li.learnNav_car.active, li.learnNav_car.active:hover, li.learnNav_car_over.active {background-position:0 -30px;} li.learnNav_car a.nav_item, li.learnNav_car_over a.nav_item {width:162px; height:30px;} li.learnNav_car .menu {left:0; min-width:162px;} li.learnNav_audio {background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/topnav/nav-sprites/learn.png') no-repeat -274px 0; width:158px; height:30px; } li.learnNav_audio:hover, li.learnNav_audio_over {background-position:-274px -60px;} li.learnNav_audio.active, li.learnNav_audio.active:hover, li.learnNav_audio_over.active {background-position:-274px -30px;} li.learnNav_audio a.nav_item, li.learnNav_audio_over a.nav_item {width:158px; height:30px;} li.learnNav_audio div.menu {left:162px; min-width:158px;} li.learnNav_portables {background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/topnav/nav-sprites/learn.png') no-repeat -435px 0; width: 132px; height: 30px;} li.learnNav_portables:hover, li.learnNav_portables_over {background-position:-435px -60px;} li.learnNav_portables.active, li.learnNav_portables.active:hover, li.learnNav_portables_over.active {background-position:-435px -30px;} li.learnNav_portables a.nav_item, li.learnNav_portables_over a.learnNav_item {width:132px; height:30px;} li.learnNav_portables div.menu {left:320px; min-width:184px; } li.learnNav_tvs {background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/topnav/nav-sprites/learn.png') no-repeat -163px 0; width:108px; height:30px; } li.learnNav_tvs:hover, li.learnNav_tvs_over {background-position:-163px -60px;} li.learnNav_tvs.active, li.learnNav_tvs.active:hover, li.learnNav_tvs_over.active {background-position:-163px -30px;} li.learnNav_tvs a.nav_item, li.learnNav_tvs_over a.nav_item {width:108px; height:30px;} li.learnNav_tvs div.menu {left: 56px; min-width:108px;} li.learnNav_cameras {background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/topnav/nav-sprites/learn.png') no-repeat -570px 0; width: 170px; height: 30px; } li.learnNav_cameras:hover, li.learnNav_cameras_over {background-position:-570px -60px;} li.learnNav_cameras.active, li.learnNav_cameras.active:hover, li.learnNav_cameras_over.active {background-position:-570px -30px;} li.learnNav_cameras a.nav_item, li.learnNav_cameras_over a.nav_item {width:170px; height:30px;} li.learnNav_cameras div.menu {right:118px; min-width:170px;} /*li.learnNav_car .learnMenu {left:0; min-width:160px;} li.learnNav_tvs .learnMenu {left:160px; min-width:112px;} li.learnNav_audio .learnMenu {left:272px; min-width:161px;} li.learnNav_portables .learnMenu {left:434px; min-width:134px;} li.learnNav_cameras .learnMenu {right:161px; min-width:172px;} li.learnNav_specials .learnMenu {right:7px; min-width:154px;} */ ul#topnav .learnMenu .close {display:block; position:absolute; top:8px; right:10px; width:16px; height:16px; background: url(//a248.e.akamai.net/pix.crutchfield.com/myAccount//message-box/close.png) 0 0 no-repeat; cursor:pointer; -moz-opacity:0.7; opacity:0.7; z-index:10002;} ul#topnav .learnMenu .close.hover {-moz-opacity:1; opacity:1;} ul#topnav li .learnMenu .learn-all {position:absolute; top:0; left:0; width:100%; font-weight:bold; display:inline; background:#fff; z-index:10001;} ul#topnav li .learnMenu .learn-all a.learn-all-link {display:block; width:280px; line-height:32px; margin-left:12px; font-size:12px;} /* New Learn Navigation 2011 END */ /*-- -- -- -- -- -- -- -- -- -- -- -- -- -- Support navigation styles for Crutchfield -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #supportNav ul#topnav .menu ul.sub_nav {float:left;} #supportNav ul#topnav .menu ul.sub_nav {margin:0 10px 0 0; padding:0; width:170px;} #supportNav ul#topnav .menu ul.sub_nav h4 {color:#333; margin: 10px 5px; background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/topnav/bg-subnav-h4.gif') repeat-x bottom left; padding-bottom:4px; font-size:12px;} #supportNav ul#topnav .menu ul.sub_nav li {float:none; background-image:none;} #supportNav ul#topnav .menu ul.sub_nav li a, #supportNav ul#topnav .menu ul.sub_nav li a:link, #supportNav ul#topnav .menu ul.sub_nav li a:visited {font-size:11px; font-weight:normal; line-height:1.3em; color:#333; text-decoration:none; padding:4px 6px; height:100%; background-color:transparent;} #supportNav ul#topnav .menu ul.sub_nav li a:hover {color:#fff; text-decoration: none; background-color:#06C;} #supportNav ul#topnav .menu ul.sub_nav li a:active {color:#06C; text-decoration: none; background-color:transparent;} #supportNav ul#topnav li .menu {display:none;} #supportNav ul#topnav li:hover .menu {display:block;} #supportNav ul#topnav li.over .menu {display:block; width:200px; height:1%;} #supportNav ul#topnav a.nav_item span {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;} #supportNav ul#topnav li {float:left; list-style-type:none; background-image:url('//a248.e.akamai.net/pix.crutchfield.com/mega-nav/topnav/nav-sprites/support.png');} #supportNav ul#topnav li a {display:block; text-decoration:none;} #supportNav ul#topnav li a:link {text-decoration:none;} #supportNav ul#topnav li a:visited {text-decoration:none;} #supportNav ul#topnav li a:hover {text-decoration:none;} #supportNav ul#topnav li a:active {text-decoration:none;} #supportNav ul#topnav li.nav_advisor {background-position:0 0;} #supportNav ul#topnav li.nav_advisor:hover, #supportNav ul#topnav li.nav_advisor_over {background-position:0 -60px;} #supportNav ul#topnav li.nav_advisor.active, #supportNav ul#topnav li.nav_advisor.active:hover, #supportNav ul#topnav li.nav_advisor_over.active {background-position:0 -30px;} #supportNav ul#topnav li.nav_advisor a.nav_item, #supportNav ul#topnav li.nav_advisor_over a.nav_item {width:105px; height:30px;} #supportNav ul#topnav li.nav_advisor .menu {left:0; min-width:105px} #supportNav ul#topnav li.nav_account {background-position:-106px 0;} #supportNav ul#topnav li.nav_account:hover, #supportNav ul#topnav li.nav_account_over {background-position:-106px -60px;} #supportNav ul#topnav li.nav_account.active, #supportNav ul#topnav li.nav_account.active:hover, #supportNav ul#topnav li.nav_account_over.active {background-position:-106px -30px;} #supportNav ul#topnav li.nav_account a.nav_item, #supportNav ul#topnav li.nav_account_over a.nav_item {width:110px; height:30px;} #supportNav ul#topnav li.nav_account div.menu {left:106px; min-width:110px} #supportNav li.nav_ordering {background-position:-215px 0;} #supportNav li.nav_ordering:hover, li.nav_ordering_over {background-position:-215px -60px;} #supportNav ul#topnav li.nav_ordering.active, #supportNav ul#topnav li.nav_ordering.active:hover, #supportNav ul#topnav li.nav_ordering_over.active {background-position:-215px -30px;} #supportNav li.nav_ordering a.nav_item, #supportNav li.nav_ordering_over a.nav_item {width:122px; height:30px;} #supportNav li.nav_ordering div.menu {left:215px; min-width:122px} #supportNav li.nav_shipping {background-position:-337px 0;} #supportNav li.nav_shipping:hover, #supportNav li.nav_shipping_over {background-position:-337px -60px;} #supportNav ul#topnav li.nav_shipping.active, #supportNav ul#topnav li.nav_shipping.active:hover, #supportNav ul#topnav li.nav_shipping_over.active {background-position:-337px -30px;} #supportNav li.nav_shipping a.nav_item, #supportNav li.nav_shipping_over a.nav_item {width:144px; height:30px;} #supportNav li.nav_shipping div.menu {left:337px; min-width:144px} #supportNav li.nav_tech {background-position:-481px 0;} #supportNav li.nav_tech:hover, #supportNav li.nav_tech_over {background-position:-481px -60px;} #supportNav ul#topnav li.nav_tech.active, #supportNav ul#topnav li.nav_tech.active:hover, #supportNav ul#topnav li.nav_tech_over.active {background-position:-481px -30px;} #supportNav li.nav_tech a.nav_item, #supportNav li.nav_tech_over a.nav_item {width:121px; height:30px;} #supportNav li.nav_tech div.menu {left:481px; min-width:121px} /*-- -- -- -- -- -- -- -- -- -- -- -- -- -- Story navigation styles for Crutchfield -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #storyNav ul#topnav .menu ul.sub_nav {float:left;} #storyNav ul#topnav .menu ul.sub_nav {margin:0 10px 0 0; padding:0; width:170px;} #storyNav ul#topnav .menu ul.sub_nav h4 {color:#333; margin: 10px 5px; background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/topnav/bg-subnav-h4.gif') repeat-x bottom left; padding-bottom:4px; font-size:12px;} #storyNav ul#topnav .menu ul.sub_nav li {float:none; background-image:none;} #storyNav ul#topnav .menu ul.sub_nav li a, #storyNav ul#topnav .menu ul.sub_nav li a:link, #storyNav ul#topnav .menu ul.sub_nav li a:visited {font-size:11px; font-weight:normal; line-height:1.3em; color:#333; text-decoration:none; padding:4px 6px; height:100%; background-color:transparent;} #storyNav ul#topnav .menu ul.sub_nav li a:hover {color:#fff; text-decoration: none; background-color:#06C;} #storyNav ul#topnav .menu ul.sub_nav li a:active {color:#06C; text-decoration: none; background-color:transparent;} #storyNav ul#topnav li .menu {display:none;} #storyNav ul#topnav li:hover .menu {display:block;} #storyNav ul#topnav li.over .menu {display:block; width:200px; height:1%;} #storyNav ul#topnav a.nav_item span {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;} #storyNav ul#topnav li {float:left; list-style-type:none; background-image:url('//www2.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/topnav/nav-sprites/story.png');} #storyNav ul#topnav li a {display:block; text-decoration:none;} #storyNav ul#topnav li a:link {text-decoration:none;} #storyNav ul#topnav li a:visited {text-decoration:none;} #storyNav ul#topnav li a:hover {text-decoration:none;} #storyNav ul#topnav li a:active {text-decoration:none;} #storyNav ul#topnav li.nav_history {background-position:0 0;} #storyNav ul#topnav li.nav_history:hover, #storyNav ul#topnav li.nav_history_over {background-position:0 -60px;} #storyNav ul#topnav li.nav_history.active, #storyNav ul#topnav li.nav_history.active:hover, #storyNav ul#topnav li.nav_history_over.active {background-position:0 -30px;} #storyNav ul#topnav li.nav_history a.nav_item, #storyNav ul#topnav li.nav_history_over a.nav_item {width:74px; height:30px;} #storyNav ul#topnav li.nav_history .menu {left:0; min-width:74px} #storyNav li.nav_awards {background-position:-74px 0;} #storyNav li.nav_awards:hover, li.nav_awards_over {background-position:-74px -60px;} #storyNav ul#topnav li.nav_awards.active, #storyNav ul#topnav li.nav_awards.active:hover, #storyNav ul#topnav li.nav_awards_over.active {background-position:-74px -30px;} #storyNav li.nav_awards a.nav_item, #storyNav li.nav_awards_over a.nav_item {width:89px; height:30px;} #storyNav li.nav_awards div.menu {left:74px; min-width:100px} #storyNav li.nav_outreach {background-position:-163px 0;} #storyNav li.nav_outreach:hover, #storyNav li.nav_outreach_over {background-position:-163px -60px;} #storyNav ul#topnav li.nav_outreach.active, #storyNav ul#topnav li.nav_outreach.active:hover, #storyNav ul#topnav li.nav_outreach_over.active {background-position:-163px -30px;} #storyNav li.nav_outreach a.nav_item, #storyNav li.nav_outreach_over a.nav_item {width:101px; height:30px;} #storyNav li.nav_outreach div.menu {left:163px; min-width:100px} #storyNav li.nav_env {background-position:-263px 0;} #storyNav li.nav_env:hover, #storyNav li.nav_env_over {background-position:-263px -60px;} #storyNav ul#topnav li.nav_env.active, #storyNav ul#topnav li.nav_env.active:hover, #storyNav ul#topnav li.nav_env_over.active {background-position:-263px -30px;} #storyNav li.nav_env a.nav_item, #storyNav li.nav_env_over a.nav_item {width:118px; height:30px;} #storyNav li.nav_env div.menu {left:264px; min-width:100px} #storyNav li.nav_stories {background-position:-381px 0;} #storyNav li.nav_stories:hover, #storyNav li.nav_stories_over {background-position:-381px -60px;} #storyNav ul#topnav li.nav_stories.active, #storyNav ul#topnav li.nav_stories.active:hover, #storyNav ul#topnav li.nav_stories_over.active {background-position:-381px -30px;} #storyNav li.nav_stories a.nav_item, #storyNav li.nav_stories_over a.nav_item {width:112px; height:30px;} #storyNav li.nav_stories div.menu {left:382px; min-width:100px} #storyNav li.nav_news {background-position:-493px 0;} #storyNav li.nav_news:hover, #storyNav li.nav_news_over {background-position:-493px -60px;} #storyNav ul#topnav li.nav_news.active, #storyNav ul#topnav li.nav_news.active:hover, #storyNav ul#topnav li.nav_news_over.active {background-position:-493px -30px;} #storyNav li.nav_news a.nav_item, #storyNav li.nav_news_over a.nav_item {width:84px; height:30px;} #storyNav li.nav_news div.menu {left:494px; min-width:100px} #storyNav li.nav_careers {background-position:-577px 0;} #storyNav li.nav_careers:hover, #storyNav li.nav_careers_over {background-position:-577px -60px;} #storyNav ul#topnav li.nav_careers.active, #storyNav ul#topnav li.nav_careers.active:hover, #storyNav ul#topnav li.nav_careers_over.active {background-position:-577px -30px;} #storyNav li.nav_careers a.nav_item, #storyNav li.nav_careers_over a.nav_item {width:88px; height:30px;} #storyNav li.nav_careers div.menu {left:578px; min-width:100px} /* MAIN CONTENT */ #content-container {background:#f7f7f7; width:900px; margin:0 auto; min-height:375px; } /*-- -- -- -- -- -- -- -- -- -- -- -- -- -- Main navigation styles for Crutchfield -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ /* MAIN NAV SETUP */ .nav-supertabs {width: 900px; height: 53px; background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat; position: relative; left: 0; top:0;} .nav li {display: inline;} .nav a:link, .nav a:visited {position: absolute; top: 23px; height: 30px; text-indent: -9000px; overflow: hidden; z-index: 1000; border: none;} /* SHOP */ .nav .shop a:link, .nav .shop a:visited {left: 0; width: 85px;} .nav .shop a:hover, .nav .shop a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat 0 -76px;} .nav .shop a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat 0 -129px;} .nav-shop, .nav-shop-click {position: absolute; top: 23px; left: 0; width: 85px; height: 30px; background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat 0 -76px;} .nav-shop-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat 0 -76px;} .current-shop .shop a:link, .current-shop .shop a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat 0 -129px;} /* SIGNATURE - dims same as shop/different backgrounds */ .nav .signature a:link, .nav .signature a:visited {left: 0px; width: 85px;} .nav .signature a:hover, .nav .signature a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat 0px -76px;} .nav .signature a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat 0px -129px;} .nav-signature, .nav-signature-click {position: absolute; top: 23px; left: 0; width: 85px; height: 30px; background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat 0px -76px;} .nav-signature-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat 0px -76px;} .current-signature .signature a:link, .current-signature .signature a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat 0px -129px;} /* OUTLET */ .nav .outlet a:link, .nav .outlet a:visited {left: 85px; width: 95px;} .nav .outlet a:hover, .nav .outlet a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -85px -76px;} .nav .outlet a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -85px -129px;} .nav-outlet, .nav-outlet-click {position: absolute; top: 23px; left: 85px;width: 95px;height: 30px; background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -85px -76px;} .nav-outlet-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -85px -76px;} .current-outlet .outlet a:link, .current-outlet .outlet a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -85px -129px;} /* LEARN */ .nav .learn a:link, .nav .learn a:visited {left: 180px; width: 91px;} .nav .learn a:hover, .nav .learn a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -180px -76px;} .nav .learn a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -180px -129px;} .nav-learn, .nav-learn-click {position: absolute; top: 23px;left: 180px;width: 91px;height: 30px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -180px -76px;} .nav-learn-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -180px -76px;} .current-learn .learn a:link, .current-learn .learn a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -180px -129px;} /* SUPPORT */ .nav .support a:link, .nav .support a:visited {left: 272px;width: 101px;} .nav .support a:hover, .nav .support a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -272px -76px;} .nav .support a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -272px -129px;} .nav-support, .nav-support-click {position: absolute;top: 23px; left: 272px; width: 101px; height: 30px; background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -272px -76px;} .nav-support-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -272px -76px;} .current-support .support a:link, .current-support .support a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -272px -129px;} /* FORUMS (removed BLOGS) */ .nav .forums a:link, .nav .forums a:visited {left: 373px;width: 107px;} .nav .forums a:hover, .nav .forums a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -373px -76px;} .nav .forums a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -373px -129px;} .nav-forums, .nav-forums-click {position: absolute;top: 23px;left: 373px;width: 107px;height: 30px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -373px -76px;} .nav-forums-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -373px -76px;} .current-forums .forums a:link, .current-forums .forums a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -373px -129px;} /* GIFT CARDS */ .nav .giftCards a:link, .nav .giftCards a:visited {left: 480px;width: 124px;} .nav .giftCards a:hover, .nav .giftCards a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -480px -76px;} .nav .giftCards a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -480px -129px;} .nav-giftCards, .nav-giftCards-click {position: absolute;top: 23px;left: 480px;width: 124px;height: 30px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -480px -76px;} .nav-giftCards-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -480px -76px;} .current-giftCards .giftCards a:link, .current-giftCards .giftCards a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/masthead/bg-supertabs-core-2011.png') no-repeat -480px -129px;} /*-- -- -- -- -- -- -- -- -- -- -- -- -- -- Main navigation styles for Crutchfield Signature -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ body#signatureBody #masthead-container #supertabs {width:900px; height:53px; background: transparent url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat; position:absolute; top:119px; left:0; } /* MAIN NAV SETUP */ body#signatureBody .nav-supertabs {width: 900px;height: 53px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat;position: relative;left: 0;top:0;} body#signatureBody .nav li {display: inline;} body#signatureBody .nav a:link, body#signatureBody .nav a:visited {position: absolute;top: 23px;height: 30px;text-indent: -9000px;overflow: hidden;z-index: 10;border: none;} /* SHOP */ body#signatureBody .nav .shop a:link, body#signatureBody .nav .shop a:visited {left: 0;width: 85px;} body#signatureBody .nav .shop a:hover, body#signatureBody .nav .shop a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat 0 -76px;} body#signatureBody .nav .shop a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat 0 -129px;} body#signatureBody .nav-shop, body#signatureBody .nav-shop-click {position: absolute;top: 23px;left: 0;width: 85px;height: 30px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat 0 -76px;} body#signatureBody .nav-shop-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat 0 -76px;} body#signatureBody .current-shop .shop a:link, body#signatureBody .current-shop .shop a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat 0 -129px;} /* SIGNATURE */ body#signatureBody .nav .signature a:link, body#signatureBody .nav .signature a:visited {left: 0px;width: 85px;} body#signatureBody .nav .signature a:hover, body#signatureBody .nav .signature a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat 0px -76px;} body#signatureBody .nav .signature a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat 0px -129px;} body#signatureBody .nav-signature, body#signatureBody .nav-signature-click {position: absolute;top: 23px;left: 0px;width: 85px;height: 30px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat 0px -76px;} body#signatureBody .nav-signature-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat 0px -76px;} body#signatureBody .current-signature .signature a:link, body#signatureBody .current-signature .signature a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat 0px -129px;} /* OUTLET */ body#signatureBody .nav .outlet a:link, body#signatureBody .nav .outlet a:visited {left: 85px;width: 95px;} body#signatureBody .nav .outlet a:hover, body#signatureBody .nav .outlet a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -85px -76px;} body#signatureBody .nav .outlet a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -85px -129px;} body#signatureBody .nav-outlet, body#signatureBody .nav-outlet-click {position: absolute;top: 23px;left: 85px;width: 95px;height: 30px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -85px -76px;} body#signatureBody .nav-outlet-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -85px -76px;} body#signatureBody .current-outlet .outlet a:link, body#signatureBody .current-outlet .outlet a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -85px -129px;} /* LEARN */ body#signatureBody .nav .learn a:link, body#signatureBody .nav .learn a:visited {left: 180px;width: 91px;} body#signatureBody .nav .learn a:hover, body#signatureBody .nav .learn a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -180px -76px;} body#signatureBody .nav .learn a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -180px -129px;} body#signatureBody .nav-learn, #outlet .nav-learn-click {position: absolute;top: 23px;left: 180px;width: 91px;height: 30px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -180px -76px;} body#signatureBody .nav-learn-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -180px -76px;} body#signatureBody .current-learn .learn a:link, body#signatureBody .current-learn .learn a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -180px -129px;} /* SUPPORT */ body#signatureBody .nav .support a:link, body#signatureBody .nav .support a:visited {left: 272px;width: 101px;} body#signatureBody .nav .support a:hover, body#signatureBody .nav .support a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -272px -76px;} body#signatureBody .nav .support a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -272px -129px;} body#signatureBody .nav-support, body#signatureBody .nav-support-click {position: absolute;top: 23px;left: 272px;width: 101px;height: 30px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -272px -76px;} body#signatureBody .nav-support-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -272px -76px;} body#signatureBody .current-support .support a:link, body#signatureBody .current-support .support a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -272px -129px;} /* FORUMS & BLOGS */ body#signatureBody .nav .forums a:link, body#signatureBody .nav .forums a:visited {left: 373px;width: 107px;} body#signatureBody .nav .forums a:hover, body#signatureBody .nav .forums a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -373px -76px;} body#signatureBody .nav .forums a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -373px -129px;} body#signatureBody .nav-forums, body#signatureBody .nav-forums-click {position: absolute;top: 23px;left: 373px;width: 107px;height: 30px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -373px -76px;} body#signatureBody .nav-forums-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -373px -76px;} body#signatureBody .current-forums .forums a:link, body#signatureBody .current-forums .forums a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -373px -129px;} /* GIFT CARDS */ body#signatureBody .nav .giftCards a:link, body#signatureBody .nav .giftCards a:visited {left: 480px;width: 124px;} body#signatureBody .nav .giftCards a:hover, body#signatureBody .nav .giftCards a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -480px -76px;} body#signatureBody .nav .giftCards a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -480px -129px;} body#signatureBody .nav-giftCards, body#signatureBody .nav-giftCards-click {position: absolute;top: 23px;left: 480px;width: 124px;height: 30px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -480px -76px;} body#signatureBody .nav-giftCards-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -480px -76px;} body#signatureBody .current-giftCards .giftCards a:link, body#signatureBody .current-giftCards .giftCards a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/signature/bg-supertabs-sig-2011.png') no-repeat -480px -129px;} /* SIGNATURE BACKROUND NAV */ body#signatureBody ul#topnav li {float:left; list-style-type:none; background-image:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/common/nav/sig-nav.png');} body#signatureBody ul#topnav li a {display:block; text-decoration:none;} body#signatureBody ul#topnav li a:link {text-decoration:none;} body#signatureBody ul#topnav li a:visited {text-decoration:none;} body#signatureBody ul#topnav li a:hover {text-decoration:none;} body#signatureBody ul#topnav li a:active {text-decoration:none;} body#signatureBody ul#topnav .menu {border:3px solid #552F55;} body#signatureBody ul#topnav .menu .special-msg { background: none; color: #fff; padding: 5px 12px; margin-top: 10px; margin-bottom:-11px; margin-left:-9px; margin-right:1px;} body#signatureBody ul#topnav .menu ul.sub_nav {float:left;} body#signatureBody ul#topnav .menu ul.sub_nav {margin:0 10px 0 0; padding:0; width:170px;} body#signatureBody ul#topnav .menu ul.sub_nav h4 {color:#333; margin: 10px 5px; background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/topnav/bg-subnav-h4.gif') repeat-x bottom left; padding-bottom:4px; font-size:12px;} body#signatureBody ul#topnav .menu ul.sub_nav li {float:none; background-image:none;} body#signatureBody ul#topnav .menu ul.sub_nav li a, body#signatureBody ul#topnav .menu ul.sub_nav li a:link, body#signatureBody ul#topnav .menu ul.sub_nav li a:visited {font-size:11px; font-weight:normal; line-height:1.3em; color:#333; text-decoration:none; padding:4px 6px; height:100%; background-color:transparent;} body#signatureBody ul#topnav .menu ul.sub_nav li a:hover {color:#fff; text-decoration: none; background-color:#330033;} body#signatureBody ul#topnav .menu ul.sub_nav li a:active {color:#330033; text-decoration: none; background-color:transparent;} body#signatureBody ul#topnav li .menu {display:none;} body#signatureBody ul#topnav li:hover .menu {display:block;} body#signatureBody ul#topnav li.over .menu {display:block; width:200px; height:1%;} body#signatureBody ul#topnav a.nav_item span {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;} body#signatureBody li.nav_car {background-position:0 0;} body#signatureBody li.nav_car:hover, li.nav_car_over {background-position:0 -60px;} body#signatureBody li.nav_car.active, body#signatureBody li.nav_car.active:hover, body#signatureBody li.nav_car_over.active {background-position:0 -30px;} body#signatureBody li.nav_car a.nav_item, body#signatureBody li.nav_car_over a.nav_item {width:162px; height:30px;} body#signatureBody li.nav_car .menu {left:0; min-width:162px} body#signatureBody li.nav_audio {background-position:-162px 0;} body#signatureBody li.nav_audio:hover, body#signatureBody li.nav_audio_over {background-position:-162px -60px;} body#signatureBody li.nav_audio.active, body#signatureBody li.nav_audio.active:hover, body#signatureBody li.nav_audio_over.active {background-position:-162px -30px;} body#signatureBody li.nav_audio a.nav_item, body#signatureBody li.nav_audio_over a.nav_item {width:158px; height:30px;} body#signatureBody li.nav_audio div.menu {left:162px; min-width:158px} body#signatureBody li.nav_portables {background-position:-320px 0;} body#signatureBody li.nav_portables:hover, body#signatureBody li.nav_portables_over {background-position:-320px -60px;} body#signatureBody li.nav_portables.active, body#signatureBody li.nav_portables.active:hover, body#signatureBody li.nav_portables_over.active {background-position:-320px -30px;} body#signatureBody li.nav_portables a.nav_item, body#signatureBody li.nav_portables_over a.nav_item {width:184px; height:30px;} body#signatureBody li.nav_portables div.menu {left:320px; min-width:184px;} body#signatureBody li.nav_tvs {background-position:-504px 0;} body#signatureBody li.nav_tvs:hover, body#signatureBody li.nav_tvs_over {background-position:-504px -60px;} body#signatureBody li.nav_tvs.active, body#signatureBody li.nav_tvs.active:hover, body#signatureBody li.nav_tvs_over.active {background-position:-504px -30px;} body#signatureBody li.nav_tvs a.nav_item, body#signatureBody li.nav_tvs_over a.nav_item {width:108px; height:30px;} body#signatureBody li.nav_tvs div.menu {left:56px; min-width:108px} body#signatureBody li.nav_cameras {background-position:-612px 0;} body#signatureBody li.nav_cameras:hover, body#signatureBody li.nav_cameras_over {background-position:-612px -60px;} body#signatureBody li.nav_camera.active, body#signatureBody li.nav_camera.active:hover, body#signatureBody li.nav_camera_over.active {background-position:-612px -30px;} body#signatureBody li.nav_cameras a.nav_item, body#signatureBody li.nav_cameras_over a.nav_item {width:170px; height:30px;} body#signatureBody li.nav_cameras div.menu {right:118px; min-width:170px} body#signatureBody li.nav_specials {background-position:-782px 0;} body#signatureBody li.nav_specials:hover, body#signatureBody li.nav_specials_over {background-position:-782px -60px;} body#signatureBody li.nav_specials.active, body#signatureBody li.nav_specials.active:hover, body#signatureBody li.nav_specials_over.active {background-position:-782px -30px;} body#signatureBody li.nav_specials a.nav_item, body#signatureBody li.nav_specials_over a.nav_item {width:118px; height:30px;} body#signatureBody li.nav_specials div.menu {right:0px; min-width:118px} /*-- -- -- -- -- -- -- -- -- -- -- -- -- -- Main navigation styles for Crutchfield Outlet -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ /* MAIN NAV SETUP */ body#outlet .nav-supertabs {width: 900px;height: 53px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat;position: relative;left: 0;top:0;} body#outlet .nav li {display: inline;} body#outlet .nav a:link, body#outlet .nav a:visited {position: absolute;top: 23px;height: 30px;text-indent: -9000px;overflow: hidden;z-index: 10;border: none;} /* SHOP */ body#outlet .nav .shop a:link, body#outlet .nav .shop a:visited {left: 0;width: 85px;} body#outlet .nav .shop a:hover, body#outlet .nav .shop a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat 0 -76px;} body#outlet .nav .shop a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat 0 -129px;} body#outlet .nav-shop, body#outlet .nav-shop-click {position: absolute;top: 23px;left: 0;width: 85px;height: 30px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat 0 -76px;} body#outlet .nav-shop-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat 0 -76px;} body#outlet .current-shop .shop a:link, body#outlet .current-shop .shop a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat 0 -129px;} /* SIGNATURE */ body#outlet .nav .signature a:link, body#outlet .nav .signature a:visited {left: 0px;width: 85px;} body#outlet .nav .signature a:hover, body#outlet .nav .signature a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat 0 -76px;} body#outlet .nav .signature a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat 0 -129px;} body#outlet .nav-signature, body#outlet .nav-signature-click {position: absolute;top: 23px;left: 0px;width: 85px;height: 30px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat 0px -76px;} body#outlet .nav-signature-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat 0px -76px;} body#outlet .current-signature .signature a:link, body#outlet .current-signature .signature a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat 0px -129px;} /* OUTLET */ body#outlet .nav .outlet a:link, body#outlet .nav .outlet a:visited {left: 85px;width: 95px;} body#outlet .nav .outlet a:hover, body#outlet.nav .outlet a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -85px -76px;} body#outlet .nav .outlet a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -85px -129px;} body#outlet .nav-outlet, #outlet .nav-outlet-click {position: absolute;top: 23px;left: 85px;width: 95px;height: 30px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -85px -76px;} body#outlet .nav-outlet-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -85px -76px;} body#outlet .current-outlet .outlet a:link, body#outlet .current-outlet .outlet a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -85px -129px;} /* LEARN */ body#outlet .nav .learn a:link, body#outlet .nav .learn a:visited {left: 180px;width: 91px;} body#outlet .nav .learn a:hover, #outlet .nav .learn a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -180px -76px;} body#outlet .nav .learn a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -180px -129px;} body#outlet .nav-learn, body#outlet .nav-learn-click {position: absolute;top: 23px;left: 180px;width: 91px;height: 30px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -180px -76px;} body#outlet .nav-learn-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -180px -76px;} body#outlet .current-learn .learn a:link, body#outlet .current-learn .learn a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -180px -129px;} /* SUPPORT */ body#outlet .nav .support a:link, body#outlet .nav .support a:visited {left: 272px;width: 101px;} body#outlet .nav .support a:hover, body#outlet .nav .support a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -272px -76px;} body#outlet .nav .support a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -272px -129px;} body#outlet .nav-support, #outlet .nav-support-click {position: absolute;top: 23px;left: 272px;width: 101px;height: 30px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -272px -76px;} body#outlet .nav-support-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -272px -76px;} body#outlet .current-support .support a:link, body#outlet .current-support .support a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -272px -129px;} /* FORUMS (not & BLOGS) */ body#outlet .nav .forums a:link, body#outlet .nav .forums a:visited {left: 373px;width: 107px;} body#outlet .nav .forums a:hover, body#outlet .nav .forums a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -373px -76px;} body#outlet .nav .forums a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -373px -129px;} body#outlet .nav-forums, body#outlet .nav-forums-click {position: absolute;top: 23px;left: 373px;width: 107px;height: 30px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -373px -76px;} body#outlet .nav-forums-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -373px -76px;} body#outlet .current-forums .forums a:link, body#outlet .current-forums .forums a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -373px -129px;} /* GIFT CARDS */ body#outlet .nav .giftCards a:link, body#outlet .nav .giftCards a:visited {left: 480px;width: 124px;} body#outlet .nav .giftCards a:hover, body#outlet .nav .giftCards a:focus {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -480px -76px;} body#outlet .nav .giftCards a:active {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -480px -129px;} body#outlet .nav-giftCards, body#outlet .nav-giftCards-click {position: absolute;top: 23px;left: 480px;width: 124px;height: 30px;background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -480px -76px;} body#outlet .nav-giftCards-click {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -480px -76px;} body#outlet .current-giftCards .giftCards a:link, body#outlet .current-giftCards .giftCards a:visited {background: url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/outlet/bg-supertabs-outlet-2011.png') no-repeat -480px -129px;} /* OUTLET BACKROUND NAV */ body#outlet ul#topnav li {float:left; list-style-type:none; background-image:url('//a248.e.akamai.net/pix.crutchfield.com/common/nav/outlet-nav.png');} body#outlet ul#topnav li a {display:block; text-decoration:none;} body#outlet ul#topnav li a:link {text-decoration:none;} body#outlet ul#topnav li a:visited {text-decoration:none;} body#outlet ul#topnav li a:hover {text-decoration:none;} body#outlet ul#topnav li a:active {text-decoration:none;} body#outlet ul#topnav .menu {border:3px solid #BE3C02;} body#outlet ul#topnav .menu .special-msg { background: none; color: #fff; padding: 5px 12px; margin-top: 10px; margin-bottom:-11px; margin-left:-9px; margin-right:1px;} body#outlet ul#topnav .menu ul.sub_nav {float:left;} body#outlet ul#topnav .menu ul.sub_nav {margin:0 10px 0 0; padding:0; width:170px;} body#outlet ul#topnav .menu ul.sub_nav h4 {color:#333; margin: 10px 5px; background:url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/mega-nav/topnav/bg-subnav-h4.gif') repeat-x bottom left; padding-bottom:4px; font-size:12px;} body#outlet ul#topnav .menu ul.sub_nav li {float:none; background-image:none;} body#outlet ul#topnav .menu ul.sub_nav li a, body#outlet ul#topnav .menu ul.sub_nav li a:link, body#outlet ul#topnav .menu ul.sub_nav li a:visited {font-size:11px; font-weight:normal; line-height:1.3em; color:#333; text-decoration:none; padding:4px 6px; height:100%; background-color:transparent;} body#outlet ul#topnav .menu ul.sub_nav li a:hover {color:#fff; text-decoration: none; background-color:#BE3C02;} body#outlet ul#topnav .menu ul.sub_nav li a:active {color:#BE3C02; text-decoration: none; background-color:transparent;} body#outlet ul#topnav li .menu {display:none;} body#outlet ul#topnav li:hover .menu {display:block;} body#outlet ul#topnav li.over .menu {display:block; width:200px; height:1%;} body#outlet ul#topnav a.nav_item span {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;} body#outlet li.nav_car {background-position:0 0;} body#outlet li.nav_car:hover, li.nav_car_over {background-position:0 -60px;} body#outlet li.nav_car.active, body#outlet li.nav_car.active:hover, body#outlet li.nav_car_over.active {background-position:0 -30px;} body#outlet li.nav_car a.nav_item, body#outlet li.nav_car_over a.nav_item {width:162px; height:30px;} body#outlet li.nav_car .menu {left:0; min-width:162px} body#outlet li.nav_audio {background-position:-162px 0;} body#outlet li.nav_audio:hover, body#outlet li.nav_audio_over {background-position:-162px -60px;} body#outlet li.nav_audio.active, body#outlet li.nav_audio.active:hover, body#outlet li.nav_audio_over.active {background-position:-162px -30px;} body#outlet li.nav_audio a.nav_item, body#outlet li.nav_audio_over a.nav_item {width:158px; height:30px;} body#outlet li.nav_audio div.menu {left:162px; min-width:158px} body#outlet li.nav_portables {background-position:-320px 0;} body#outlet li.nav_portables:hover, body#outlet li.nav_portables_over {background-position:-320px -60px;} body#outlet li.nav_portables.active, body#outlet li.nav_portables.active:hover, body#outlet li.nav_portables_over.active {background-position:-320px -30px;} body#outlet li.nav_portables a.nav_item, body#outlet li.nav_portables_over a.nav_item {width:184px; height:30px;} body#outlet li.nav_portables div.menu {left:320px; min-width:184px;} body#outlet li.nav_tvs {background-position:-504px 0;} body#outlet li.nav_tvs:hover, body#outlet li.nav_tvs_over {background-position:-504px -60px;} body#outlet li.nav_tvs.active, body#outlet li.nav_tvs.active:hover, body#outlet li.nav_tvs_over.active {background-position:-504px -30px;} body#outlet li.nav_tvs a.nav_item, body#outlet li.nav_tvs_over a.nav_item {width:108px; height:30px;} body#outlet li.nav_tvs div.menu {left:504px; min-width:108px} body#outlet li.nav_cameras {background-position:-612px 0;} body#outlet li.nav_cameras:hover, body#outlet li.nav_cameras_over {background-position:-612px -60px;} body#outlet li.nav_cameras.active, body#outlet li.nav_cameras.active:hover, body#outlet li.nav_cameras_over.active {background-position:-612px -30px;} body#outlet li.nav_cameras a.nav_item, body#outlet li.nav_cameras_over a.nav_item {width:170px; height:30px;} body#outlet li.nav_cameras div.menu {right:118px; min-width:170px} body#outlet li.nav_specials {background-position:-782px 0;} body#outlet li.nav_specials:hover, body#outlet li.nav_specials_over {background-position:-782px -60px;} body#outlet li.nav_specials.active, body#outlet li.nav_specials.active:hover, body#outlet li.nav_specials_over.active {background-position:-782px -30px;} body#outlet li.nav_specials a.nav_item, body#outlet li.nav_specials_over a.nav_item {width:118px; height:30px;} body#outlet li.nav_specials div.menu {right:0px; min-width:118px} /*Additional page styling updates to accomodate meganav crutch-g...neral.css (line 315)*/ #maincontainer, #container, body#outlet #maincontainer, body#outlet #container {width:914px;background:none;} /*Additional page styling updates to accomodate meganav crutch-f...r-new.css (line 45)*/ #footer-container #main-container-bottom {background:#FCFCFC;height:7px;margin:0 auto;position:relative;top:-50px;width:914px;} /*Additional page styling updates to accomodate meganav crutch-layout-2col.css (line 42) crutch-l...-2col.css (line 138)*/ /*#leftcolumn {background:#F7F7F7 url('//a248.e.akamai.net/pix.crutchfield.com/v3.0/backgrounds/pv-leftrail.gif') repeat-x scroll left top;margin-left:-900px;min-height:575px;width:240px;border:1px solid #cccccc;*/ /*position:relative;*/ /* breaks fly out menu*/ /*}*/ .recentItems {/*background:#F7F7F7 url('//www2.crutchfield.com.edgesuite.net/pix.crutchfield.com/v3.0/help/grey-fade-lc.gif') repeat-x scroll left top;border:1px solid #CCCCCC;*/clear:both;color:#333333;margin-top:10px;padding:4px 0 0;text-align:left;} /*Additional page styling updates to accomodate meganav crutch-promos.css (line 171)*/ .feature-zone {margin-bottom:10px;position:relative;} /*Additional page styling updates to accomodate meganav crutch-recommendd-box.css (line 14)*/ .feature-container {width:640px;position:relative;} /*Additional page styling updates to accomodate meganav crutchfield.css (line 607) --- THROWING OFF LEGACY PAGES ASP + HTML B.C OF MARGIN ON UL */ /*ul {list-style-type:disc;margin:10px 0 10px 40px;list-style-type:disc;margin:0px;}*/ #masthead-container ul {padding:0px;margin:0px;} #masthead-container ul {padding:0px;margin:0px;} /*Additional page styling updates to accomodate meganavcglobal.css (line 1089) --- THROWING OFF LEGACY PAGES ASP + HTML B.C OF MARGIN ON UL car selector stuff*/ body#legacy #car_selector h2 {height:38px;margin:0;padding:0;width:263px;} /*Additional page styling updates to accomodate customer...b-box.css (line 210)meganavcustomer...b-box.css (line 114)*/ div#customer-care .billLetter #support, div#customer-care #learn {background:transparent url('//www.crutchfield.com.edgesuite.net/pix.crutchfield.com/v3.0/tabBox/bg-why-Bill2.gif') no-repeat scroll right bottom;position:relative;min-height:1px;} div#customer-care #support, div#customer-care #support .billLetter, div#customer-care #learn, div#customer-care #dwightCare {height:130px;position:relative;} body#outlet #footer-container #main-container-bottom, body#mainBody #footer-container #main-container-bottom {background-image:none; } body#legacy, body#homepage {background:#fff url(//a248.e.akamai.net/pix.crutchfield.com/mega-nav/masthead/bg-main.jpg) repeat-x; margin:0; padding:0;} /*NEED TO OVERRIDE HERE...#maincontainer, #container {crutch-g...neral.css (line 315) */ body#legacy #maincontainer, body#legacy #container, body#homepage #maincontainer, body#homepage #container {background:transparent none repeat scroll 0 0;} body#outlet .jumpNavContainer ul li a:link, body#outlet .jumpNavContainer ul li a:active, body#outlet .jumpNavContainer ul li a:visited { color:#FFFFFF; font-size:11px; font-weight:normal; }