html,body { width:100%; min-width:1300px; background:#fff; }
html,body,h1,h2,h3,h4,h5,h6,a,p,abbr { font:normal 14px/18px Helvetica,Arial,sans-serif; color:#363636; border:none; outline:none; text-decoration:none; margin:0; padding:0; }
a:hover { color:#e4342b; }
strong { font:inherit; font-weight:bold; color:inherit; }
em { font:inherit; font-style:italic; color:inherit; }
sub, sup { font-size:8px; }
button { border:none; background:none; cursor:pointer; margin:0; padding:0; }
ul, li { list-style:none; margin:0; padding:0; }
.img-replace { display:block; font:1px/1px Arial; text-indent:-9999px; }
.positioned { position:relative; float:left; clear:left; height:0; }
.errorMsg { color:#e4342b; }
.redButton {
font:bold 14px/18px Helvetica,Arial,sans-serif; color:#fff; text-transform:uppercase; white-space:nowrap; padding:6px 10px;
border:transparent; -moz-border-radius:18px; -webkitborder-radius:18px; border-radius:18px;
background:#c3342b; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd322c, endColorstr=#c3342b);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dd322c), to(#c3342b)); background: -webkit-linear-gradient(top, #dd322c, #c3342b);
background: -moz-linear-gradient(top, #dd322c, #c3342b); background: -ms-linear-gradient(top, #dd322c, #c3342b); background: -o-linear-gradient(top, #dd322c, #c3342b);
}
.redButtonHover { background:#dd322c; }
header { height:110px; width:1300px; margin:0 auto; }
header .logo { float:left; height:110px; width:732px; background:url(../images/logo.png) no-repeat; margin-left:150px; }
#dlrLogin { float:right; position:relative; margin:16px 180px 0 0; z-index:900; }
#dlrLogin .active { color:#e4342b; }
#dlrPopup {
display:none; position:absolute; left:-176px; top:21px; z-index:999; width:258px; background:#fff;
border:1px solid #363636; -moz-border-radius:8px; -webkitborder-radius:8px; border-radius:8px;
-moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.75); -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.75); box-shadow: 1px 2px 4px rgba(0,0,0,0.75);
}
#dlrPopup div { padding:15px; }
#dlrLogin label, #generic #dlrLogin label { display:block; margin:6px 0; }
#dlrLogin span, #generic #dlrLogin span { display:inline-block; width:82px; font-weight:bold; font-size:14px; }
#dlrLogin input, #generic #dlrLogin input { width:140px; }
#dlrLogin button, #generic #dlrLogin button {
width:96px; margin:6px 8px 0 8px;
font:bold 14px/18px Helvetica,Arial,sans-serif; color:#fff; border:1px solid #363636; -moz-border-radius:8px; -webkitborder-radius:8px; border-radius:8px;
background:#7c7c7c; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7c7c7c, endColorstr=#4c4c4c);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c7c7c), to(#4c4c4c)); background: -webkit-linear-gradient(top, #7c7c7c, #4c4c4c);
background: -moz-linear-gradient(top, #7c7c7c, #4c4c4c); background: -ms-linear-gradient(top, #7c7c7c, #4c4c4c); background: -o-linear-gradient(top, #7c7c7c, #4c4c4c);
-moz-box-shadow: 1px 1px 2px rgba(96,96,96,0.5); -webkit-box-shadow: 1px 1px 2px rgba(96,96,96,0.5); box-shadow: 1px 1px 2px rgba(96,96,96,0.5);
text-shadow:0 0 1px #000;
}
#dlrLogin button.hover, #generic #dlrLogin button.hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#363636, endColorstr=#606060);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#363636), to(#606060)); background: -webkit-linear-gradient(top, #363636, #606060);
background: -moz-linear-gradient(top, #363636, #606060); background: -ms-linear-gradient(top, #363636, #606060); background: -o-linear-gradient(top, #363636, #606060);
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
.no-borderradius #dlrLogin button, .no-borderradius #generic #dlrLogin button{ border:none; }
#main-nav { clear:both; height:50px; width:100%; background:#000; display:block; }
#main-nav ul { width:675px; margin:0 auto; padding-top:15px; }
#main-nav li { float:left; margin-right:52px; }
#main-nav li span { position:relative; }
#main-nav li a { font-weight:bold; color:#fff; text-transform:uppercase; cursor:pointer; }
#main-nav li a:hover { color:#fff; }
#main-nav ul ul { display:none; position:absolute; top:16px; height:auto; width:243px; background:url(../images/ddArrow.png) top center no-repeat; padding-top:10px; margin:0; z-index:999; }
#main-nav li li { float:none; display:block; width:auto; background:#eb342c; padding:6px 6px 6px 26px; margin:0; vertical-align:bottom; }
#main-nav li.top, #main-nav li.bottom { height:20px; padding:0; }
#main-nav li li.hover { background:url(../images/ddHoverArrow.png) 10px center no-repeat #eb342c; }
#main-nav li li a { font-weight:normal; font-size:16px; text-transform:none; }
#main-nav li li a:hover { font-weight:bold; font-style:italic; white-space:nowrap; }
#slideWrap { height:320px; background:#000; }
#slides { position:relative; width:1300px; margin:0 auto; overflow:hidden; z-index:1; }
#slides section { display:block; height:320px; width:1300px; }
#slides h1 { height:320px; width:1300px; }
#slideNav { position:relative; top:300px; left:1068px; z-index:999; }
#slideNav li { float:left; height:9px; width:9px; background:#555; margin-right:4px; cursor:pointer; }
#slideNav .activeSlide { background:#ccc; }
#brand-links { height:75px; background:#000; }
#brand-links ul { width:1300px; margin:0 auto; }
#brand-links li { float:left; }
#bestkits { margin-left:118px; }
#brand-links a { display:block; height:75px; background:url(../images/brand-logos.png) no-repeat; }
#bestkits a { width:160px; background-position:-119px 0; }
#phoenixgold a { width:203px; background-position:-279px 0; }
#pac a { width:126px; background-position:-482px 0; }
#isimple a { width:162px; background-position:-608px 0; }
#stinger a { width:141px; background-position:-770px 0; }
#ocar a { width:128px; background-position:-911px 0; }
#soundquest a { width:149px; background-position:-1039px 0; }
#bestkits a:hover { background-position:-119px -75px; }
#phoenixgold a:hover { background-position:-279px -75px; }
#pac a:hover { background-position:-482px -75px; }
#isimple a:hover { background-position:-608px -75px; }
#stinger a:hover { background-position:-770px -75px; }
#ocar a:hover { background-position:-911px -75px; }
#soundquest a:hover { background-position:-1039px -75px; }
#content { background:#ebebeb; padding-bottom:36px; }
.box { display:inline-block; background:#fff; margin:0 10px; overflow:hidden; }
.box a { font-style:italic; color:#de322b; }
#main, #featured, #generic { width:986px; margin:0 auto; }
#main { padding:23px 0 22px; }
#main .box { height:242px; width:471px; }
#main img { display:block; padding:14px 15px; }
#main h1 { font:normal 24px/32px Helvetica, Arial, sans-serif; color:#de332c; padding:0 15px; }
#main p { padding:8px 15px 0; }
#featured { padding:0 0 28px; }
#featured .box { height:244px; width:306px; }
#featured h1 { font:bold 16px/24px Helvetica, Arial, sans-serif; color:#363636; text-transform:uppercase; padding:5px 18px 9px; }
#featured img { display:block; padding:0 18px; }
#featured h2 { padding:12px 18px 0; }
#generic { display:block; min-height:640px; background:#fff; padding-bottom:45px; }
#breadcrumb { display:block; height:55px; margin-left:350px; }
.full-width #breadcrumb { margin:0; }
#generic #breadcrumb p { padding-top:20px; }
#breadcrumb span { display:inline-block; }
#column1 { clear:left; float:left; width:350px; }
.full-width #column1 { width:100%; }
#column1 img { display:block; padding:0 40px 25px; }
.full-width #column1 img { padding:12px 0 22px; }
#column1 address { line-height:24px; margin-left:40px; }
#column1 address .phone { font-size:28px; line-height:38px; font-style:normal; font-weight:bold; }
#column1 address .international { font-size:24px; line-height:34px; }
#column1 address .fax { font-size:20px; line-height:30px; font-style:italic; }
#column2 { float:left; width:615px; }
#generic h1, #generic h2 { font-size:26px; line-height:32px; }
#generic.full-width h1 { padding-left:34px; }
#generic h3, #generic a.a-h3 { font-size:18px; line-height:24px; color:#f3362e; }
#generic a.a-h3:hover { text-decoration:underline; }
#generic ul { padding:8px 0 0 48px; }
#generic p { padding-top:8px; }
#generic.full-width p { padding:0 335px 25px 34px; }
#generic ul, #generic li { list-style:disc; }
#generic .link-list, #generic .link-list li { list-style:none; padding-left:0; }
#generic .link-list a { font-size:18px; line-height:24px; color:#f3362e; }
#generic a.brand-link { font-weight:bold; color:#de322b; text-decoration:none; }
#generic form { margin:25px 0 0; padding:0; }
#generic form label { display:block; font-size:16px; margin-bottom:12px; }
#generic form label.formError { color:#dd322c; }
#generic form input { display:inline-block; width:205px; margin:3px 0 0; }
#generic form textarea { display:inline-block; height:100px; width:325px; resize:none; margin:3px 0 0; padding:0; }
#generic form button { margin-top:8px; }
footer { height:270px; width:1300px; background:#fff; margin:0 auto; }
footer .logo { float:left; height:70px; width:130px; background:url(../images/logo-small.png) no-repeat; margin:18px 0 0 169px; }
footer nav { float:left; width:800px; margin:46px 0 0 30px; }
footer nav li { float:left; width:180px; }
footer nav a { font-size:14px; color:#555; }
footer nav a:hover { color:#000; }
footer nav ul ul {}
footer nav li li { clear:left; }
footer nav li li a { font-size:13px; }
#logos { clear:both; float:right; height:60px; width:350px; background:url(../images/footer-logos.png) no-repeat; margin:35px 148px 35px 0; }
#logos li { float:left; }
#logos a { height:60px; }
#ces a { width:79px; }
#ice a { width:94px; }
#mecp a { width:76px; }
#mera a { width:101px; }
footer p { clear:both; width:965px; font-size:11px; color:#acacac; margin-left:185px; }
#copyright { float:left; }
#guruz { float:right; }
#guruz a { font:inherit; color:inherit; }
#guruz a:hover { text-decoration:underline; }
/* home styles */
#home #main-nav { position:relative; height:5px; width:5px; background:none; margin:0 auto; z-index:500; }
#home #main-nav>ul { position:absolute; top:16px; height:30px; margin-left:-311px; padding:0; z-index:500; }
#home #main-nav ul ul { margin:0; }
/* dealer login styles */
form#dlrLogin { float:none; position:static; margin:0; }
form#dlrLogin button{ width:110px; margin:10px 0 0; }
/* aamp online styles */
#online-login-button { position:absolute; top:-30px; left:385px; margin:0; padding:0; }
/* marketing resources logos list */
#generic #column1 #marketing-logos { list-style:none; margin:0; padding:5px; }
#generic #column1 #marketing-logos li { list-style:none; float:left; height:140px; width:225px; margin:5px; padding:0; }
#generic #column1 #marketing-logos img { padding:0; }
/* catalog resources */
#generic section { display:block; margin:23px 0 12px; }
#generic .clustered-sections { float:left; width:300px; }
#generic section h1 { font-size:18px; line-height:24px; font-weight:bold; }
#aamp-pdfs h1 { height:60px; width:175px; background:url(../images/aamp-pdf-logo.png) no-repeat; }
#isimple-pdfs h1 { height:60px; width:175px; background:url(../images/isimple-pdf-logo.png) no-repeat; }
#phoenix-gold-pdfs h1 { height:60px; width:175px; background:url(../images/phoenix-gold-pdf-logo.png) no-repeat; }
#pac-pdfs h1 { height:60px; width:175px; background:url(../images/pac-pdf-logo.png) no-repeat; }
#stinger-pdfs h1 { height:60px; width:175px; background:url(../images/stinger-pdf-logo.png) no-repeat; }
#soundquest-pdfs h1 { height:60px; width:175px; background:url(../images/soundquest-pdf-logo.png) no-repeat; }
#generic section ul { list-style:none; margin:0; padding:0; }
#generic section ul li { list-style:none; margin:0; padding:0; }