abbr {border-bottom: 1px dotted #000;}
@supports (text-decoration: dotted underline)
{
  abbr {border-bottom: none; text-decoration: dotted underline;}
}
.page-header {margin-bottom: 25px; text-align: center;}
.page-header p {text-align: right; color: #999; margin: 5px 25px; font-size: 1.3em;}
.header-bg {background: #000;}
.header-bg img {max-width: 100%; height: auto;}
.nav {margin: 0; position: relative;}
.nav ul {list-style: none; margin: 0; padding: 0; width: 100%; text-align: center;}
.nav li {color: #fff; font-size: 12px; display: inline; margin: 0 10px; padding: 0; text-transform: uppercase;}
.nav a {text-decoration: none;}
.nav a:hover {text-decoration: underline;}
.nav span {color: #FFA800;}

.main-nav ul {margin-top: -35px; margin-bottom: 10px;}
.main-nav a {color: #fff;}
.main-nav .current {background: url(/support/warranty/images/Triangle.png) no-repeat center bottom; color: #FFA800; padding-bottom: 13px;}
.main-nav .current span {color: #fff;}

#nav  {margin:20px; text-align:center;}
#nav h1  {color:#666; border-bottom:1px solid #666;}
#nav ul  {list-style:none; margin:0; padding:0;}
#nav ul li  {display:inline; margin-right:1%; padding:0;}
#nav ul li.last  {margin-right:0;}

.sub-nav {background: #242424; border-top: 5px solid #606060; margin-bottom: 15px; padding: 5px 0;}
.sub-nav a {color: #fff;}
.sub-nav a:hover {text-decoration: underline;}
.sub-nav li {display: inline-block; margin: 5px 10px;}
.sub-nav .current {background: #FFA800; margin: 0; padding: 5px 10px;}
.sub-nav .current a {color: #000; font-weight: 700;}
.sub-nav .current:hover {background: #BA7800;}

.main  {max-width: 1050px; margin:0 auto; position:relative; width: 90%;}
.main p {margin-top: 0; margin-bottom: 10px; text-align: left;}
.main a {color: #F4A600; text-decoration:underline;}
.main a:hover {color: rgb(152, 103, 0); text-decoration:underline;}
.main ul {margin: 10px 25px; list-style: disc;}
.main ul li, .main ol li {margin: 3px 10px; font-size: 12px;}
.main ul li ul {margin: 5px 20px; list-style: circle;}
.main ul li ul li {margin: 2px 5px; font-size: 12px;}
.main ul li ul li ul {list-style: square;}

.main .page-header img, .main .main-nav, .main .page-header p {display: none;}
.main .sub-nav {background: none; border: none; margin-top: 0;}
.main .sub-nav ul {margin: 0; width: auto;}
.main .sub-nav li {margin: 0 0.2% 0.5%; width: 27%;}
.main .sub-nav a {background: #555; color: #fff; display: block; padding: 8px;}
.main .sub-nav a:hover {color: #aaa; text-decoration: underline;}

.main-header {background: #242424; font-size: 20px; padding: 5px; text-align: center;}
.warranty-header {color: #ffb330; margin:40px 0 10px 0; font-size:22px; font-weight:700; text-transform:uppercase;}
.title {background: #000; color: #fff; margin: 25px 0 5px; padding: 5px 0 5px 10px; font-weight:600;}
.warranty-exceptions {font-style: italic; font-weight: 700; margin-left: 25px;}

@media (max-width: 600px)
{
  .sub-nav li {margin: 0 0 5px !important; width: 100% !important;}
}