/* =Hidden Elements ------------------------------------------------------------------------------*/
.skipper, .hidden,
#primary-nav, #action,
#equip-tabs, #tabs,
#more-info, #overlay,
#lightbox, #lbLoadMessage { display: none; }
body {
	margin: 0;
	padding: 0;
	font: 10pt helvetica,arial,sans-serif;
}
a img { border: none; }
a {
	color: #333;
	background-color: transparent;
	text-decoration: none;
}

/* =Layout ------------------------------------------------------------------------------ */
#container { width: 6.5in !important; }
#masthead { width: 100% !important; }
#masthead h1 {
  display: block;
  margin: 0;
  position: relative !important;
  top: 0 !important;
}
#main { display: block; width: auto; overflow: hidden; }

/* =Widescreen ------------------------------------------------------------------------------ */
#widescreen {
	border-top: 10pt solid #000;
	position: relative;
	margin: 0;
	width: 100%;
	height: 195px;
}
#widescreen br { display: none; }
img#hero-a, img#hero-b, img#hero-c, img#hero-d, img#hero-e { position: absolute; }
img#hero-a {
	top: 0;
	left: 0;
	width: 100%;
	height: 195px;
	z-index: 140;
}
img#hero-b {
	top: 0;
	left: 0;
	width: 70%;
	height: 195px;
	z-index: 130;
}
img#hero-c {
	top: 0;
	right: 0;
	width: 30%;
	height: 195px;
	z-index: 120;
}
img#hero-d {
	top: 0;
	right: 0;
	width: 30%;
	height: 97.5px;
	z-index: 110;
}
img#hero-e {
	bottom: 0;
	right: 0;
	width: 30%;
	height: 97.5px;
	z-index: 100;
}
#widescreen img { display: block; }

/* =Elements ------------------------------------------------------------------------------ */
h2, h3, h4 {
	margin: 10pt 0;
	font-weight: normal;
	font-family: Times,Georgia,serif;
}
h2 { font-size: 20pt; }
h3 { font-size: 14pt; }
h4 { font-size: 12pt; }
#main { line-height: 14pt; }
#main p, #main ul,
#main ol, #main dl {
	color: #666;
	background-color: transparent;
}

/* =Content ------------------------------------------------------------------------------ */
/*photo layout*/
.ph1-left, .ph1-right,
.ph2-left, .ph2-right,
.ph3-left, .ph3-right { display: block; }
.ph1-left, .ph1-right { width: 342px; }
.ph2-left, .ph2-right { width: 222px; }
.ph3-left, .ph3-right { width: 122px; }
.ph1-left, .ph2-left, .ph3-left {
	float: left;
	margin: 5px 15px 10px 0;
}
.ph1-right, .ph2-right,
.ph3-right {
	float: right;
	margin: 5px 0 10px 15px;
}
.ph1-left img, .ph1-right img,
.ph2-left img, .ph2-right img,
.ph3-left img, .ph3-right img {
	display: block;
	margin: 0;
	border: 1pt solid #000;
}
.ph1-left p, .ph1-right p,
.ph2-left p, .ph2-right p,
.ph3-left p, .ph3-right p {
	margin: 5pt 0;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	line-height: 10pt;
}
/* model list -- model group lists */
.model-list {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 8pt;
}
.model-list li {
	float: left;
	margin: 5pt;
}
.model-list li a {
	display: block;
	float: left;
}
.model-list li a img {
	display: block;
	border: 2pt solid #ccc;
	width: 100pt;
}
.model-list li span { display: block; }
.gallery dd img {
	margin: 5pt;
	border: 2px solid #ccc;
	width: 100pt;
	height: 10%;
}
/*comparinator styles*/
#comparinator {
	color: inherit;
	clear: both;
}
/*temporary fix for auto-formatting problem in CMS*/
#comparinator br { display: none; }
/*set comparinator first child box*/
#comparinator div {
	color: inherit;
	padding: 0;
}
/*comparinator list*/
#cmp-tabs { display: none; }
#comparinator #cmp-content { clear: both; }
#cmp-content dl {
	margin: 0;
	padding: 0;
	display: block !important;
}
#cmp-content dl dt {
	margin: 10pt 0 5pt;
	font-weight: bold;
	padding: 5pt 0;
	border-bottom: 1pt solid #666;
}
#cmp-content dl ul {
	margin: 10pt 0 0;
	padding: 0;
	list-style: none;
	font-size: 8pt;
}
#cmp-content dl ul li { margin-top: 5pt; }
/*clear floated elements*/
#cmp-content dl ul li img {
	display: block;
	border: 2pt solid #ccc;
}
#cmp-content dl ul li strong {
	float: left;
	width: 50pt;
	margin-right: 10pt;
}
blockquote {
	display: block;
	clear: both;
	font-style: italic;
	padding: 10pt !important;
	margin: 15pt;
	border-style: solid;
	border-color: #ccc;
	border-width: 10pt 1pt 3pt 1pt;
}
blockquote.left {
	float: left;
	width: 30%;
}
blockquote.right {
	float: right;
	width: 30%;
}
blockquote p {
	margin: 0;
	padding: 0;
}
/*table rules*/
table {
	margin: 10pt 0;
	line-height: normal;
	font-size: 9pt;
	color: #000;
	background-color: #fff;
	width: 98%;
}
table th {
	color: #000;
	padding: 0;
	font-weight: bold;
	border: 1pt solid #000;
}
table th span {
	display: block;
	padding: 5pt 5pt 5pt 0;
	margin-left: 5pt;
	text-align: center;
}
td {
	padding: 3pt;
	border-style: solid;
	border-color: #ebebec #ccc #ccc #ebebec;
	border-width: 1pt;
	vertical-align: top;
	text-align: center;
}
td.spec-label { text-align: left; }
td.spec-value { text-align: left; }
table.lefty th span,
table.lefty td {
	text-align: left;
	vertical-align: middle;
}

/* =Sidebar ------------------------------------------------------------------------------ */
.supplemental-nav dt {
	font-family: Times,Georgia,serif;
	font-size: 14pt;
	padding: 3pt 0;
	border-bottom: 1pt solid #ccc;
}
.supplemental-nav dd {
	margin: 2pt 0 0;
	padding: 0 0 0 20pt;
	color: #666;
	background-color: transparent;
}
#offer-selectRebate {
  text-align: left;
}

/* =Footer ------------------------------------------------------------------------------ */
#brand {
  margin-top: 20pt;
  font-size: 10px;
}
#brand img {
	display: block;
	margin: 0 auto;
}
#brand em#copyright {
	display: block;
	margin-top: 10pt;
}
#feedLinks { float:right; }
#quote-attachments { text-align: left; }
/* =Build and Quote disclaimer ----------------------------------------------------------------------------- */
.note { font-size: 8pt; }

/* =Build and Quote summary ----------------------------------------------------------------------------- */
#steps, .step { display: none; }
#steps span { margin-right: 1em; }
.summary #quote dd { margin: 0; padding-top: 10pt; }
.summary #quote dt, .summary #quote fieldset, .summary #quote .quote-options { display: none; }
.summary #quote p.note {
    display: block;
    margin: 8pt 0;
    font-size: 8pt;
}
#select, #info {
	display: inline;
	float: left;
	width: 49%;
}
#info img {
	width: 99%;
	border: 1pt solid #000;
}
#summary-overview {
	margin: 0 !important;
	padding: 0;
}
#summary-overview li {
	list-style: none;
	margin-right: 10pt;
	padding: 4pt 0;
	border-top: 1pt solid #000;
}
#summary-overview .model-name { font-size: 12pt; }
#summary-overview li ul {
	margin: 0 10pt;
	padding: 0;
}
#summary-overview li ul li {
	border-top: none;
	padding: 1pt 0;
	font-size: 9pt;
}
table#tally-info,
table#summary { margin: 0; }
table#tally-info td,
table#summary td {
	text-align: left;
	border: none;
	border-bottom: 1pt solid #ccc;
}
table#summary td.amount { text-align: right; }
table#summary tr.tally td {
  text-align: right;
	font-weight: bold;
	border-bottom: 1pt solid #000;
}

/* =Support ----------------------------------------------------------------------------- */
/*grouping these pseudo class selectors makes content markup easier for content editors to code*/
#cmp-tabs:after,
#cmp-content dl ul li:after,
div.twoecols:after,
.model-list:after,
#cmp-content ul li:after,
.slide:after,
#options ul li a:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*Removes "Return to the existing page" text from printed version of summary.jsp*/
#preview-message, #expandMsg { display: none; }