/* embedded font-faces */
@font-face {
  font-family: "Dirtyhouse";
  src: url(/site/fonts/Dirtyhouse.ttf) format("truetype");
  }
/* */

/* Node level declarations
 *----------------------------------------------------------------------------*/
html.full, html.full body {
  margin: 0;
  padding: 0;
  min-width: 900px;
  overflow-y: scroll;
  }
html.full > body {
  background: #000 url(../images/body-background.jpg);
  }
* html.full body { /* part of the ie background position: fixed hack */
  background-image: url(../images/blank.gif);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #000;
  }
* html.full * {
  zoom: 1;
  }
body, td {
  font: normal normal normal 12px/normal 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #FFF;
  padding: 0;
  }
table {
  border-collapse: collapse;
  border: 0;
  }
em, i {
  font-style: italic;
  }
strong, b {
  font-weight: bold;
  }
form {
  display: inline;
  }
img {
  border: 0;
  }
p {
  margin: 0px;
  }
h1, h2, h3, h4, h5, h6 {
  font-family: "Dirtyhouse", 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: normal;
  margin: 0 0 10px 0;
  color: #E21A22;
  }
h1 {
  font-size: 1.9em;
  }
h2 {
  font-size: 1.9em;
  }
h3 {
  font-size: 1.2em;
  }
a {
  color: #E21A22;
  text-decoration: none;
  cursor: pointer;
  }
a:hover {
  text-decoration: underline;
  }
a.more {
  display: block;
  background: url(../images/buttons/more.gif) no-repeat;
  width: 44px;
  height: 24px;
  margin-top: 10px;
  }
a.more strong {
  display: none;
  }
a.more:hover {
  background: url(../images/buttons/more.gif) no-repeat bottom;
  }
a.permalink {
  display: block;
  background: url(../images/buttons/permalink.gif) no-repeat;
  width: 67px;
  height: 24px;
  margin-top: 10px;
  }
a.permalink strong {
  display: none;
  }
a.permalink:hover {
  background: url(../images/buttons/permalink.gif) no-repeat bottom;
  }
a.link {
  display: block;
  background: url(../images/link-background.gif);
  color: #000;
  padding: 2px 8px;
  margin-bottom: 2px;
  float: left;
  clear: left;
  font-weight: bold;
  text-decoration: none;
  }
a.link:hover {
  color: #E21A22;
  }
.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
  }
.hr {
  margin: 20px 0;
  height: 3px;
  background: url(/site/images/hr.gif) repeat-x;
  }
.hr-light {
  height: 2px;
  background: url(../images/hr-light.gif) repeat-x;
  }
.hr hr {
  display: none;
  }
.vr {
  background: url(../images/vr.gif) repeat-y top center;
  width: 2px;
  margin: 0 7px;
  }
.vr em {
  display: none;
  }
.region-wrapper {
  background-color: transparent;
  background-image: none;
  }
input.text, textarea {
  font: normal normal normal 1em/normal 'Helvetica Neue', Helvetica, Arial, sans-serif;
  
  }
.transitioning #html_content embed,
.transitioning #html_content object {
  visibility: hidden;
  }

/* png support for ie6 */
#control #logo a,
#html_content .top img {
  behavior: url(/site/javascripts/pngfix.htc);
  }

/*throwing a footer in there */
#footerNav {
	position:fixed;
	bottom: 10px;
	left: 10px;
	text-align: right;
	font-size:8px;
	color:#666666;
	z-index:1 !important;	
}

#headerNav {
	position:fixed;
	top: 10px;
	right: 10px;
	text-align: right;
	font-size:8px;
	color:#666666;
	z-index:1 !important;	
}

/* Forms
 *----------------------------------------------------------------------------*/

input.text, textarea {
  background: #000;
  color: #FFF;
  outline: none;
  -moz-appearance: none;
  border: 1px solid #666;
  padding: 3px 4px;
  }
input.helper {
  color: #999;
  }

/* General layout declarations
 *----------------------------------------------------------------------------*/
#control {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  min-width: 750px;
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  font-size: .9em;
  }
* html #control { /* ie hack to treat the background as position: fixed */
  position: absolute;
  top: expression((_IEHackTop_Control = document.documentElement.scrollTop) + 'px');
  left: expression((_IEHackLeft_Control = document.documentElement.scrollLeft) + 'px');
  }

#control #navigation_container {
  position: absolute;
  z-index: 11;
  height: 62px;
  width: 100%;
  background: url(../images/control-background.png) repeat-x;
  }

#control #logo {
  margin: 0;
  }
#control #logo a {
  position: absolute;
  z-index: 14;
  display: block;
  width: 104px;
  height: 98px;
  left: 10px;
  outline: none;
  background: url(../images/logo.png) no-repeat;
  text-indent: -10000px;
  }

#control #navigation_active_marker {
  position: absolute;
  z-index: 12;
  top: 0;
  height: 62px;
  background: url(../images/navigation-active-background.png) repeat-x left center;
  }
#control #navigation {
  position: absolute;
  z-index: 13;
  height: 62px;
  margin: 0;
  padding: 0 0 0 120px;
  list-style: none;
  }
#control #navigation li {
  float: left;
  line-height: 60px;
  }
#control #navigation li a {
  color: #626262;
  text-decoration: none;
  padding: 0 10px;
  outline: none;
  }
#control #navigation li a:hover,
#control #navigation li a:focus {
  color: #FFF;
  }
#control #navigation li.active {
  background: url(../images/navigation-active-background.png) repeat-x left center;
  }
.with-javascript #control #navigation li.active {
  background: none;
  }
#control #navigation li.active a {
  color: #FFF;
  }
#control #navigation li.highlighted {
  background: url(../images/navigation-highlighted-background.png) repeat-x -40px center !important;
  }
#control #navigation li.highlighted a,
#control #navigation li.highlighted a:hover {
  color: #000;
  }

#control #utility {
  position: absolute;
  right: 20px;
  height: 62px;
  margin: 0;
  padding: 0;
  list-style: none;
  }
#control #utility li {
  float: left;
  line-height: 60px;
  margin-left: 5px;
  }
#control #utility li a {
  color: #AAA;
  text-decoration: none;
  padding: 0 4px 0 3px;
  outline: none;
  }
#control #utility li a:hover,
#control #utility li a:focus {
  color: #FFF;
  }
#control #utility li a img {
  width: 25px;
  height: 25px;
  margin-right: 5px;
  }

#control #utility li#music_player {
  display: none;
  position: relative;
  }
#control #utility li#music_player img {
  background: url(../images/icons.png) no-repeat -16px 0;
  }
#control #utility li#music_player a em {
  padding-right: 13px;
  background: url(../images/player/play.gif) no-repeat right center;
  }
#control #utility li#music_player a em.playing {
  background: url(../images/player/pause.gif) no-repeat right center;
  }
#control #utility li#music_player .tip {
  width: 400px;
  display: none;
  background: #E21A22;
  padding: 10px;
  line-height: normal;
  }
#control #utility li#music_player .tip img {
  width: 73px;
  height: 73px;
  background: none;
  margin-right: 10px;
  }
#control #utility li#music_player .tip label {
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 1.4em;
  }
.with-flash #control #utility li#music_player {
  display: block;
  }
* html #control #utility li {
  margin-top: 20px;
  }
* html #control #utility li a img {
  margin: 3px 5px 3px 0;
  }

#control #subnavigation {
  position: absolute;
  top: -5000px;
  z-index: 9;
  width: 100%;
  }
#control #subnavigation .content {
  padding: 90px 40px 20px 120px;
  background: #0F0F0F url(../images/subnavigation-background.jpg) repeat-x 0 40px;
  }
#control #subnavigation .footer {
  background: url(../images/subnavigation-footer-background.png) repeat-x;
  height: 20px;
  }
#control #subnavigation .subnavigation-list {
  margin-right: 80px;
  overflow: hidden;
  }
#control #subnavigation .subnavigation-list .item,
#control #subnavigation .subnavigation-list .item a {
  display: block;
  float: left;
  outline: none;
  }
#control #subnavigation .subnavigation-list .item {
  margin-right: 3px;
  }
#control #subnavigation .subnavigation-list .item a {
  background: url(../images/buttons/button-background.gif) no-repeat;
  color: #000;
  margin-right: 3px;
  padding: 0 10px;
  height: 24px;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;
  }
#control #subnavigation .subnavigation-list a.dim {
  background: url(../images/buttons/button-background.gif) no-repeat center left;
  }
#control #subnavigation .subnavigation-list a.dim:hover {
  color: white !important;
  }
#control #subnavigation .subnavigation-list .item a:hover {
  color: #E21A22;
  }
#control #subnavigation .subnavigation-list .item a.active {
  background: url(../images/buttons/button-background.gif) no-repeat bottom;
  color: #FFF;
  }
#control #subnavigation .subnavigation-list .item a.active:hover {
  color: #FFF;
  }
#control #subnavigation .items {
  overflow: hidden;
  }
#control #subnavigation .items .subitem {
  float: left;
  margin-right: 30px;
  }
#control #subnavigation .items .subitem a {
  outline: none;
  }
#control #subnavigation .items .subitem .tip {
  display: none;
  padding: 2px 6px;
  background: #E21A22;
  color: #FFF;
  white-space: nowrap;
  }
#control #subnavigation a.close-button {
  position: absolute;
  right: 20px;
  z-index: 2;
  width: 46px;
  height: 24px;
  background: url(../images/buttons/close.gif) no-repeat;
  outline: none;
  }
#control #subnavigation a.close-button:hover,
#control #subnavigation a.close-button:focus {
  background: url(../images/buttons/close.gif) no-repeat bottom;
  }
#control #subsections {
  position: absolute;
  top: 70px;
  left: 120px;
  }
.with-javascript #control #subsections {
  /*display: none; !! TODO uncomment */
  }
.with-javascript #control #subsections.display {
  display: block !important;
  }
#control #subsections a {
  margin-right: 10px;
  }

#body_mask {
  position: fixed;
  z-index: 8;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: url(../images/mask.png);
  }
* html #body_mask {
  position: absolute;
  background: url(../images/mask.gif);
  top: expression((_IEHackTop_BodyMask = document.documentElement.scrollTop) + 'px');
  left: expression((_IEHackLeft_BodyMask = document.documentElement.scrollLeft) + 'px');
  }
#body {
  position: absolute;
  z-index: 1;
  top: 53px;
  width: 100%;
  }

#body #flash_content {
  position: relative;
  height: 286px;
  overflow: hidden;
  background: #000 url(../images/background-pattern.gif);
  width: 100%;
  min-width: 960px;
  }
#body #flash_content { /* .with-javascript */
  height: 586px;
  }
* html #body #flash_content {
  width: expression((_IEHackWidth_FlashContent = (document.documentElement.clientWidth <= 960) ? '960px' : '100%'));
  }
.with-flash #body #flash_content #site_loader {
  height: 586px;
  background: url(../images/loading-indicator.gif) no-repeat 50% 20%;
  }
#body #flash_content .background-image {
  display: none;
  }
.with-flash #body #flash_content .background-image {
  display: block;
  position: relative;
  }
#body #flash_content .mask {
  position: relative;
  z-index: 2;
  height: 1000px;
  background: url(../images/line-mask.gif);
  }
.with-flash #body #flash_content .mask {
  background: none;
  }
#body #flash_content img {
  position: relative;
  top: -1000px;
  z-index: 1;
  height: 586px;
  width: 100%;
  }

#body #html_content {
  position: relative;
  z-index: 2;
  margin-top: -47px;
  padding-bottom: 80px;
  min-width: 960px;
  }
.with-flash #body #html_content {
  padding-bottom: 30px;
  }
#body #html_content .top img {
  width: 100%;
  height: 49px;
  }
* html #body #html_content .top img {
  width: expression((_IEHackWidth_HtmlContentTopImage = (document.documentElement.clientWidth <= 960) ? 960 : document.documentElement.clientWidth) + 'px');
  }

#body #html_content #loading_indicator {
  position: absolute;
  height: 90px;
  width: 90px;
  margin: 0 auto;
  left: 49%;
  display: none;
  background: url(../images/loading-indicator.gif) no-repeat;
  }
.loading #body #html_content #loading_indicator {
  display: block;
  }

.content-container {
  zoom: 1;
  width: 960px;
  margin: 0 auto;
  }
.content-container .side-bar {
  position: relative;
  float: right;
  width: 300px;
  }
.content-container .content {
  position: relative;
  float: left;
  width: 625px;
  margin-top: -100px;
  }
.content-container .content .content-top {
  height: 17px;
  background: url(../images/body-content-top-background.png) no-repeat;
  }
.content-container .content .content-body {
  min-height: 150px;
  padding: 30px;
  background: #000 url(../images/body-content-background.gif) no-repeat;
  }
.content-container .content h2 {
  font-size: 2.2em;
  }
.content-container .minimal-content {
  margin-top: -400px;
  }
.content-container .minimal-content .content {
  margin-top: -20px;
  }

/* Shared style declarations
 *----------------------------------------------------------------------------*/
#body #upgrade {
  position: fixed;
  z-index: 20;
  bottom: 0;
  opacity: .80;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  width: 100%;
  display: none;
  color: #000;
  font-weight: bold;
  }
* html #body #upgrade {
  position: absolute;
  z-index: 20;
  top: expression((_IEHackTop_Upgrade = document.documentElement.scrollTop + document.documentElement.clientHeight - upgrade_message.offsetHeight - 53) + 'px');
  left: expression((_IEHackLeft_Upgrade = document.documentElement.scrollLeft) + 'px');
  }
#body #upgrade .message {
  border: 3px solid #FF7D00;
  background: #FFF;
  padding: 10px 10px 10px 10px;
  }
#body #upgrade .message img {
  margin: -5px 5px -5px -5px;
  }

/* dealer locator */

#music_player {
 	visibility:hidden;
	}

#dealer_locator {
 	visibility:hidden;
	}
	
#subdealer_locator .text {
  font-size: 110%;
  width: 140px;
  visibility:hidden
  }
#subdealer_locator input.search,
.side-bar input.search {
  border: none;
  margin-left: 10px;
  display: block;
  height: 24px;
  width: 54px;
  background: url(../images/buttons/search.gif) no-repeat top left;
  }
#subdealer_locator a.search:hover,
.side-bar a.search:hover {
  background-position: bottom left;
  }

/* music player interface */
#submusic_player #music_player_container {
  display: none;
  }
.with-flash #submusic_player #music_player_container {
  margin: 0 auto;
  width: 1000px;
  display: block;
  }
#submusic_player #music_player_interface {
  width: 640px;
  height: 355px;
  background: url(/site/images/player/background.jpg);
  float: left;
  }
#submusic_player #music_player_interface .track-display {
  margin: 15px 0 0 15px;
  float: left;
  }
#submusic_player #music_player_interface .track-display .album-art {
  display: block;
  background: url(/site/images/player/album-art.jpg) no-repeat;
  padding-bottom: 10px;
  }
#submusic_player #music_player_interface .track-list {
  float: right;
  width: 315px;
  height: 325px;
  padding: 0;
  margin: 15px 15px 15px 0;
  list-style: none;
  overflow: auto;
  }
#submusic_player #music_player_interface .track-list .button {
  float: right;
  display: block;
  margin: 0 0 10px 10px;
  }
#submusic_player #music_player_interface .track-list .track {
  background: url(/site/images/hr2.gif) repeat-x;
  padding-top: 2px;
  }
#submusic_player #music_player_interface .track-list .track .title {
  color: #626262;
  outline: none;
  display: block;
  height: 24px;
  line-height: 24px;
  margin: 3px 0 2px 0;
  padding: 0px 10px;
  white-space: nowrap;
  }
#submusic_player #music_player_interface .track-list .track .title:hover {
  background: url(/site/images/player/selected-background.png) repeat-x bottom;
  color: #000;
  text-decoration: none;
  }
#submusic_player #music_player_interface .track-list .active .title {
  background: url(/site/images/player/selected-background.png) repeat-x top !important;
  color: #FFF !important;
  }
#submusic_player #music_player_interface .track-list .loading .title i {
  float: right;
  background: red;
  display: block;
  background: url(/site/images/player/loading.gif) no-repeat;
  width: 20px;
  height: 12px;
  margin-top: 5px;
  }
#submusic_player #music_player_extras {
  float: left;
  margin-left: 10px;
  width: 250px;
  height: 355px;
  text-transform: none;
  font-weight: normal;
  }
#submusic_player #music_player_extras .tab-display {
  padding: 15px 15px 0 15px;
  overflow: auto;
  background: #000;
  height: 315px;
  }
#submusic_player #music_player_extras #embed_code {
  height: 130px;
  width: 210px;
  }
#submusic_player #music_player_extras .tab-control a {
  display: block;
  outline: none;
  background: url(../images/buttons/button-background.gif);
  color: #000;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  float: left;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  }
#submusic_player #music_player_extras .tab-control a:hover {
  color: #E21A22;
  }
#submusic_player #music_player_extras .tab-control a.active {
  background-position: bottom;
  color: #FFF;
  }

.control-links .vr {
  height: 15px;
  float: left;
  }
.control-links a {
  float: left;
  font-size: .9em;
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  height: 9px;
  }
.control-links a.prev i {
  background: url(../images/arrow-red-prev.png) no-repeat 0 51%;
  padding-left: 7px;
  margin-right: 4px;
  }
.control-links a.prev:hover i {
  background: url(../images/arrow-red-prev.png) no-repeat 100% 51%;
  }
.control-links a.next i {
  background: url(../images/arrow-red-next.png) no-repeat 100% 51%;
  padding-right: 7px;
  margin-left: 4px;
  }
.control-links a.next:hover i {
  background: url(../images/arrow-red-next.png) no-repeat 0 51%;
  }
.control-links a.view-all {
  float: right;
  }
.control-links a.view-all:hover {
  color: #E21A22;
  }
.dealer-result {
  text-transform: uppercase;
  }
.dealer-result h3 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #FFF;
  margin: 0;
  }

/* Action form styles
 *----------------------------------------------------------------------------*/
.action-form table {
  width: 100%;
  }
.action-form table td {
  padding: 2px 0;
  }
.action-form a.button {
  display: block;
  float: right;
  height: 24px;
  }
.action-form a.button strong {
  display: none;
  }
.action-form a.button:hover {
  background-position: bottom !important;
  }
.action-form .invalid,
.invalid {
  border: 1px solid #F00 !important;
  }
.action-form .text,
.action-form textarea {
  width: 290px;
  }

#share_form {
  display: none;
  }
.with-javascript #share_form {
  display: block;
  }
#share_form a.send {
  width: 42px;
  background: url(../images/buttons/send-dark.gif) no-repeat;
  }
#share_form a.cancel {
  margin-right: 10px;
  width: 53px;
  background: url(../images/buttons/cancel-dark.gif) no-repeat;
  display: none;
  }
#share_form #message_counter {
  float: left;
  }
#share_form #message_counter.max-reached {
  color: #F00 !important;
  }
#upload_form table {
  width: 100%;
  }
#upload_form table .hr,
#upload_form table h1 {
  margin: 0;
  }
#upload_form table td {
  padding: 5px 0;
  }
#upload_form table td td {
  padding: 0;
  }
#upload_form label.invalid {
  color: #E21A22;
  }
#upload_form input.text,
#upload_form textarea {
  padding: 5px;
  width: 553px;
  }
#upload_form #email_address,
#upload_form #name {
  width: 350px;
  }
#upload_form #city {
  width: 260px;
  margin-right: 5px;
  }
#upload_form #state {
  width: 150px;
  margin-right: 5px;
  }
#upload_form #zipcode {
  width: 109px;
  }
#upload_form input.send {
  border: none;
  margin-left: 10px;
  display: block;
  height: 24px;
  width: 42px;
  background: url(../images/buttons/send-dark.gif) no-repeat top left;
  }
#upload_form input.send:hover {
  background-position: bottom left;
  }

/* Section specific declarations
 *----------------------------------------------------------------------------*/
/* promotionals */
#promotionals {
  width: 100%;
  margin-top: -160px;
  position: relative;
  }
#promotionals .promo {
  width: 33%;
  float: left;
  text-align: center;
  background: url(../images/vr.gif) no-repeat right 80%;
  }
#promotionals .last {
  background: none;
  }
#promotionals .promo a {
  outline: none;
  }
#promotionals .promo img.hero {
  width: 260px;
  height: 180px;
  margin-bottom: 5px;
  }
#promotionals .promo .promo-contents {
  display: block;
  margin: 0 auto;
  width: 260px;
  text-align: left;
  }

/* product display */
#product {
  position: absolute;
  top: -430px;
  width: 330px;
  background: #FFF url(../images/product-background.jpg) no-repeat 16px 16px;
  }
#product .border-left {
  background: url(../images/product-border-left.jpg) repeat-y;
  }
#product .border-right {
  background: url(../images/product-border-right.jpg) repeat-y top right;
  }
#product .border-top {
  background: url(../images/product-border-top.jpg) repeat-x;
  }
#product .border-bottom {
  background: url(../images/product-border-bottom.jpg) repeat-x bottom;
  }
#product .detail {
  width: 265px;
  margin: 0 32px;
  padding: 32px 0;
  color: #000;
  }
#product .detail .hr {
  margin: 9px 0 12px 0;
  }
#product .detail .controls a {
  color: #000;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  height: 14px;
  width: 80px;
  }
#product .detail .controls a strong {
  display: none;
  }
#product .detail .controls a.prev {
  float: left;
  background: url(../images/product-prev.png) no-repeat;
  }
#product .detail .controls a.prev:hover {
  background: url(../images/product-prev.png) no-repeat bottom;
  }
#product .detail .controls a.next {
  float: right;
  background: url(../images/product-next.png) no-repeat;
  }
#product .detail .controls a.next:hover {
  background: url(../images/product-next.png) no-repeat bottom;
  }
#product .buttons a {
  display: block;
  width: 44px;
  height: 20px;
  margin: 10px 10px 0 0;
  float: left;
  outline: none;
  }
#product .buttons a em {
  display: none;
  }
#product a.share {
  background: url(../images/buttons/share.gif) no-repeat;
  width: 51px;
  display: none;
  }
.with-javascript #product a.share {
  display: block;
  }
#product a.share:hover {
  background: url(../images/buttons/share.gif) no-repeat bottom;
  }
#product a.buy {
  background: url(../images/buttons/buy.gif) no-repeat;
  width: 36px;
  }
#product a.buy:hover {
  background: url(../images/buttons/buy.gif) no-repeat bottom;
  }
#product #share_form .text,
#product #share_form textarea {
  width: 255px;
  color: #000;
  background: #FFF;
  }
#product #share_form #message_counter {
  color: #000;
  }
#product #share_form a.send {
  background: url(../images/buttons/send.gif) no-repeat;
  }
#product #share_form a.cancel {
  display: block;
  background: url(../images/buttons/cancel.gif) no-repeat;
  }

/* scene/article display */
#article_list, .content-body {
  font: normal normal normal 14px/22px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
#article_list .posted-at {
  color: #777;
  margin: 22px 0;
  }
#article_list .article-content .more {
  float: right;
  }