/* General-purpose reset */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, img, p, pre, blockquote, ul, ol, dl {margin: 0; padding: 0; border: none;}

/* General elements */
body {text-align: center; font: 75% verdana, helvetica, arial, sans-serif; background: #082044 url(../images/template/bg_body.gif) top left repeat-x; color: #636467;}
table {border-collapse: collapse;}
ul, ol, dl {margin-left: .9em; padding-left: .9em;}
h1, h2, h3, h4, h5 {font-family: "trebuchet ms", arial, helvetica, sans-serif;}

/* Containers */
#container {width: 905px; margin: 0 auto 10px auto; text-align: left; background-color: #fff; border: 2px solid #333; border-top-width: 1px;}
#mastheadAltMedia {display: none;}
#mastheadAltMedia:after {height: 0; width: 100%; display: block; visibility: hidden; clear: both; content: ".";}
#skipTo {position: absolute; left: -9000px; width: 999px;}
#masthead {position: relative; margin-left: 17px;}
#content {width: 870px; margin-left: 17px; clear: both; background: transparent url(../images/template/bg_content.gif) top left repeat-y;}
#content:after {height: 0; width: 100%; display: block; visibility: hidden; clear: both; content: ".";}
#menu {position: relative; top: 0; height: 61px; width: 854px; margin: 0 0 12px 0; padding: 0; background: transparent url(../images/template/bg_menu.png) bottom left repeat-x;}
#contentPrimary {display: inline; width: 608px; margin: 0; float: right; overflow: hidden;}
#contentHighlights {display: inline; width: 250px; margin: 0; float: left; overflow: hidden; background-color: #d2222a;}
#footer {clear: both;}

/* Content Appearance */
#skipTo a:focus, #skipTo a:hover,  #skipTo a:active {position: absolute; top: 5px; left: 9260px; background-color: #ffc95c; color: #81151c; padding: 0; font-weight: bold; border: 0px solid #fff; width: 30em; z-index: 9; line-height: 1.6; text-align: center;}
#logoScreen {width: 870px; height: 153px; margin-top: 5px;}

a#parentCorpHome {display: block; width: 150px; height: 80px; position: absolute; right: 30px; top: 63px; background: transparent url(../images/template/blank.gif) no-repeat;}

#contentHighlights * {margin-right: 7px; color: #fff;}
#contentHighlights h1, #contentHighlights h2 {text-align: right; font-weight: bold; text-transform: uppercase;}
#contentHighlights h1 {font-size: 2.5em; margin-bottom: .3em;}
#contentHighlights h2 {font-size: 1.5em;}
#contentHighlights h3 {font-size: 1.25em;}

#contentPrimary {font-size: 1.2em; line-height: 1.3;}
#contentPrimary .general, #contentPrimary .spec , #contentPrimary .intro {height: 100%; margin-bottom: 12px; padding: 6px 9px 9px 6px;}
#contentPrimary .general:after, #contentPrimary .spec:after , #contentPrimary .intro:after {height: 0; width: 100%; display: block; visibility: hidden; clear: both; content: ".";}
#contentPrimary h2 {margin: -6px -9px 9px -6px; padding-left: 6px; clear: both; font-size: 1.2em; background-color: #e6e7e8; border: 1px solid #c2c4c6;}
#contentPrimary h3 {font-size: 1em;}
#contentPrimary p, #contentPrimary ul, #contentPrimary ol {margin-bottom: 1em;}
#contentPrimary a {text-decoration: none; color: #d2222a; border-bottom: 1px solid #d2222a;}
#contentPrimary a:focus, #contentPrimary a:hover, #contentPrimary a:active {border-bottom-style: dotted;}
#contentPrimary a:visited {color: #771319; border-color: #771319;}

#footer ul {margin: 0; padding: 0; text-align: center;}
#footer li {display: inline; padding: .2em .5em; line-height: 24px; font-size: .75em; color: #000;}
#footer li.first {padding-left: 0;}
#footer a {color: #000; text-decoration: none;}
#footer a:focus, #footer a:hover, #footer a:active {color: #d2222a; text-decoration: underline;}

#contentPrimary ul.featureList {margin-left: .25em; padding-left: .25em;}
#contentPrimary ul.featureList li {padding: .2em 0 .2em 15px; list-style-type: none; background: transparent url(../images/template/bg_bullet_red.gif) center left no-repeat;}

img.buyNow {margin-top: 8px;}

.accentImageLeft {margin-right: 6px; float: left;}
.accentImageRight {margin-left: 6px; float: right;}
.accentImageCenter {display: block; margin: 1em auto;}

.intro .shippingNotice {font-weight: bold; font-size: 1.05em; color: yellow !important;}

/* Specialty Page Modifications */
.home #contentHighlights img.spec {margin: 10px 0 30px 15px;}
.home #contentHighlights h1, .home #contentHighlights h2 {margin-left: 15px; text-align: left;}
.home #contentHighlights h2.mainHead {font-size: 2.5em; margin-bottom: .3em;}
.home #contentPrimary h1 {color: #000; text-transform: uppercase; font-size: 2.6em; line-height: 1.1;}

.home div.videoTeaser {margin: 1em 0 1.5em 0; overflow: hidden;}
.home div.videoTeaser div.thirds {width: 33%; float: right; padding: 0 5px; text-align: center;}
.home div.videoTeaser div.first {width: 25%; float: left;}
.home div.videoTeaser h2, .home div.videoTeaser h3 {color: #d2222a; background-color: transparent !important; border: none !important; margin: auto !important;}
.home div.videoTeaser h2 {margin-bottom: 1em !important; font-size: 1.5em !important;}
.home div.videoTeaser h3 {font-size: 1.2em !important;}
.home div.videoTeaser a {border: none !important;}

.models #contentHighlights img.spec {margin: 10px 0 20px 0;}
.models #contentPrimary .spec , .models #contentPrimary .intro {border: 1px solid #c2c4c6;}
.models #contentPrimary .intro {padding-bottom: 3px; background-color: #d2222a;}
.models #contentPrimary .intro * {color: #fff;}
.models #contentPrimary .intro div.introImage {float: right; position: relative;}
.models #contentPrimary .intro div.introImage img {width: 171px; height: 152px;}
.models #contentPrimary .intro div.introImage p {position: absolute; bottom: .5em; right: 180px; margin: 0; clear: both; white-space: pre; font-size: .8em;}
.models #contentPrimary h2 {border: none; border-bottom: 1px solid #c2c4c6;}
.models #contentPrimary .spec img {float: left; margin-right: 16px;}
.models #contentPrimary .spec table {width: 50%; float: right;}
.models #contentPrimary .spec th {position: absolute; left: -9000px; width: 999px;}
.models #contentPrimary .spec td {padding: .2em 0; vertical-align: top;}
.models #contentPrimary .spec td.specName {padding-right: 10px; color: #d2222a;}

.models #contentPrimary .spec .itemInfo {clear: both; padding-bottom: 2em; overflow: hidden;}
.models #contentPrimary .spec h3 {width: 50%; float: right;}
.models #contentPrimary .itemDetail {width: 50%; float: right;}
.models #contentPrimary .itemDetail h3 {width: 100%; float: none;}

#contentPrimary .gallery a {border: none !important;}

/* Menu */
#menu {padding-left: 16px; top: -5px;}
#menu ul {display: none; position: absolute; left: 0; top: 31px; margin-left: 0; padding: 0 0 0 16px;}
#menu li.expanded ul {display: block;}
#menu li {display: inline; list-style-type: none;}
#menu a {display: block; width: 126px; height: 31px; margin-right: 16px; line-height: 31px; float: left; background: transparent url(../images/template/bg_menu_tabs.png) left top no-repeat; text-decoration: none; text-transform: capitalize; color: #201e21; text-align: center; overflow: hidden;}
#menu li.last a {margin-right: 0;}
#menu ul a {width: auto; margin-left: 10px; margin-right: 32px; line-height: 30px; height: 30px; background-image: none;}
#menu li.expanded a {background-position: -126px; color: #201e21; font-weight: bold !important;}
#menu a:focus, #menu a:hover, #menu a:active {background-position: -126px; color: #ff0000;}
#menu ul a:focus, #menu ul a:hover, #menu ul a:active {background-position: -126px; color: #ff0000;}
#menu li.active a {color: #ff0000; font-weight: bold;}
#menu li.active li a {color: #201e21; font-weight: normal;}
#menu ul li.active a {color: #ff0000;}
#menu li.active a:focus, #menu li.active a:hover, #menu li.active a:active {cursor: default;}
#menu li.active ul a:focus, #menu li.active ul a:hover, #menu li.active ul a:active {cursor: pointer; color: #ff0000;}
#menu li.expanded ul a:focus, #menu li.expanded ul a:hover, #menu li.expanded ul a:active {cursor: pointer; color: #ff0000;}
#menu li.expanded ul li.active a:focus, #menu li.expanded ul li.active a:hover, #menu li.expanded ul li.active a:active {cursor: default;}