@import url("ie.css");

/* Globals */



object, embed {
	margin: 0;
	padding: 0 }

body {
	color: black;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #333333;
	text-align: center;
	margin: 0 10px 10px;
	padding: 0 }

body.specsPage {
	background-color: white;
	margin: 0 }

td, p {
	font-size: 10px }

img {
	display: block;
	border-width: 0 }

H1  {
	font-size: 12pt; 
	font-family: Arial, Helvetica, sans-serif;
	Font-Weight : bold;
	font-style : normal;
	padding: 0;
	margin-top: 1.5em;
	margin-bottom: 1.0em;
}

h2 {
	color: black;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h3 {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 10px 0 4px }
.likeh1  {
	font-size: 12pt; 
	font-family: Arial, Helvetica, sans-serif;
	Font-Weight : bold;
	font-style : normal;
	
}
.likeh2 {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 4px }
.likeh3 {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 10px 0 4px }
	
.txt10 { 
	font-size: 10pt; 
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}
.txt9 { 
	font-size: 9pt; 
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}
.txt9normal { 
	font-size: 9pt; 
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
}

.txt8white { 
	font-size: 8pt; 
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
}
a.txt8white { 
	font-size: 8pt; 
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none
}
a.txt8white:hover { 
	font-size: 8pt; 
	font-family: Arial, Helvetica, sans-serif;
	color: #cccccc;
	font-weight: bold;
	text-decoration: none
}
.txt8red { 
	font-size: 7pt; 
	font-family: Arial, Helvetica, sans-serif;
	color: #b40121;
	font-weight: bold;
}
a.txt8red { 
	font-size: 7pt; 
	font-family: Arial, Helvetica, sans-serif;
	color: #b40121;
	font-weight: bold;
	text-decoration: none
}
a.txt8red:hover { 
	font-size: 7pt; 
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none
}
.alt, .hide, .masterLogo {
	display: none }

/* Basic Layout */

#wrapper {
	background-image: url("../../media/Background_Shadow.gif");
	background-repeat: repeat-y;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 740px }

#container {
	background-color: white;
	margin-left: 4px;
	width: 728px;
	border-right: 1px solid #333;
	border-left: 1px solid #333 }

#header {
	background-image: url("../../media/Footer_Divider1.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 2px }

#navigation {
	background-color: #ccc;
	background-image: url("../../media/Footer_Divider2.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 2px }

#navigation p, .productGroup p {
	margin: 0 }

#content, #contentHome, #contentAbout, #contentOwners, #contentDealer, #contentContact, #contentHelp, #contentBuild {
		padding: 10px 10px 12px; }
	

#contentGroup0, .contentGroup0 {
	margin-right: 7px;
	margin-left: 7px;
	width: 694px;
	clear: left }

#contentGroup0 p, .contentGroup0 p {
	line-height: 16px;
	margin-top: 0;
	margin-bottom: 4px }

#contentGroup1, .contentGroup1 {
	width: 440px;
	clear: left }

#contentGroup2, .contentGroup2 {
	width: 230px;
	float: right }

#contentGroup2 p, .contentGroup2 p {
	line-height: normal }

#footer {
	background-image: url("../../media/Shadow_Bottom.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 4px 15px 13px;
	height: 1.2em }

/* Navigation */

#navMain li#home a {
	font-weight: normal }

#navMain {
	background-image: url("../../media/Navigation_Logo.gif");
	background-repeat: no-repeat;
	text-transform: uppercase;
	padding: 16px 0 16px 212px }

#navMain ul, #navMain li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0 }

#navMain a:link, #navMain a:visited, #navMain a:active {
	color: #333;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 4px;
	padding-right: 8px;
	padding-left: 8px;
	float: left }

#navMain a:hover {
	color: #000;
	margin-bottom: 0;
	padding-bottom: 1px;
	border-bottom: 0.3em solid #999 }

#navHelp, #navDivider {
	background-image: url("../../media/Footer_Divider1.gif");
	background-repeat: repeat-x;
	text-transform: none;
	margin-left: -12px;
	padding-top: 4px;
	padding-left: 20px;
	clear: left }

#navDivider {
	margin-top: 16px;
	margin-bottom: 12px }

/* Navigation Sub */

#navSub ul {
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #666;
	text-transform: uppercase;
	margin: 0 0 16px;
	padding-left: 0;
	width: 100%;
	float: left }

#navSub ul li {
	display: inline }

#navSub ul li a {
	color: white;
	font-weight: normal;
	text-decoration: none;
	background-color: #666;
	padding: 3px 10px;
	float: left;
	border-right: 1px solid #fff }

#navSub .inactive {
	color: #999;
	font-weight: normal;
	text-decoration: none;
	background-color: #666;
	padding: 3px 10px;
	float: left;
	border-right: 1px solid #fff }

#navSub li.thisStep a {
	color: #999;
	background-color: #ccc }

#navSub ul li a:hover {
	color: black;
	font-weight: normal;
	background-color: #ccc }

/* Navigation Dealer */

#navDealer strong {
	font-weight: bold }

#navDealer #logout {
	background-color: #ffc }

#navDealer {
	text-transform: uppercase;
	border-top: 1px solid #e6e6e6 }

#navDealer ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin: 0;
	padding: 0 }

.currentMenuParent {
	font-weight: bold;
	padding: 3px 3px 3px 0;
	border-bottom: 1px solid #e6e6e6 }

#navDealer .activeThing, #navDealer .activeThing a {
	color: white;
	background-color: #c60 }

#navDealer a, #navDealer strong {
	background-color: transparent;
	display: block;
	padding: 3px 3px 3px 6px;
	border-bottom: 1px solid #e6e6e6 }

#navDealer a:link, .navlist a:visited {
	text-decoration: none }

#navDealer a:hover {
	color: black;
	background-color: #ccc }

/* Home Content */

#contentHome {
	padding: 0 0 2px;
	}

#contentHome a:link, #contentHome a:visited, #contentHome a:active {
	color: #333;
	font-weight: normal;
	text-decoration: none;
	clear: left }

#contentHome a:hover {
	color: black;
	text-decoration: underline }

#contentHome h1 {
	background-color: transparent;
	margin: 0;
	padding: 10px 6px 2px 10px }

#productFeature {
	position: relative;
	float: right }

#useSelect {
	margin-left: 8px;
	padding-bottom: 45px }

#useSelect td {
	padding-right: 7px }

#useSelect ul {
	text-transform: uppercase;
	list-style-type: none;
	margin: 0;
	padding: 0 }

/* Use Content */

#useFeatures {
	height: 200px }

#useFeatures ul {
	margin: 0;
	padding: 0;
	width: 243px }

#useFeatures li {
	display: inline }

#useFeatures img {
	margin-bottom: 5px;
	margin-left: 5px;
	float: left }

#useFeatures p {
	margin: 0;
	padding-left: 5px;
	clear: left }

/* Product Grid */

#content .productGroup {
	margin-bottom: 16px;
	border-top: 1px solid #999;
	border-right: medium none;
	border-left: 1px solid #999 }

.productGroup td {
	padding: 6px;
	width: 20%;
	border-right: 1px solid #999 }

.productLink td {
	border-bottom: 1px solid #999 }

.productGroup img {
	margin-bottom: 7px }

.productGroup select {
	margin: 6px 0 0;
	width: 125px }

.productGroup p {
	max-width: 400px }

/* Spec Sidebar */

#specSub {
	padding: 0;
	border: solid 1px #999 }

/* Added By Phil */

#specFrame {
	margin-left: 250px; 
	margin: 0;
	padding: 0;
	}

.specDefinitions {
	float: left;
	width: 230px;
	margin-top: 22px;
	margin-right: 0;
	padding: 0;
	}
	
.specDefinitions td {
	white-space: nowrap;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc }

/* End of Added By Phil */

#specSub a {
	text-transform: uppercase }

#specSub h2 {
	color: #fff;
	background-color: #999;
	margin: 0 0 4px;
	padding: 2px 2px 2px 6px }

#specSub ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 6px 6px }

#specSub li {
	padding-bottom: 2px }

#specSub p {
	margin: 0 }

#quickLocator {
	padding-bottom: 6px;
	padding-left: 6px }

#quickLocator input {
	margin: 4px 0 0 }

#quickLocator p {
	margin-bottom: 2px }
/* Spec Content */
.packagePhoto {
	padding-bottom: 20px }

#specStandards {
	padding: 10px }

#spacer, .spacer {
	height: 6px;
	clear: both }

#specContent {
	margin-top: 10px;
	padding: 0;
	border: solid 1px #999 }

.specTable a {
	text-decoration: none }

#specContent h2 {
	margin-bottom: 0;
	padding-bottom: 0 }

#specContent p {
	margin: 4px 0 0 }

#specContent h3 {
	margin: 0;
	padding-top: 4px;
	padding-bottom: 4px }

#specInfo {
	padding: 9px;
	clear: left }

#specNav a {
	text-transform: uppercase;
	margin-top: 6px }

#specNav a.last {
	border-right: none }

#specNav ul {
	margin: 0;
	padding-bottom: 7px;
	padding-left: 3px;
	width: 600px;
	float: left;
	border-bottom: 1px solid #999 }

#specNav ul li {
	display: inline }

#specNav ul li a {
	padding: 0 6px;
	float: left;
	border-right: 1px solid #666 }

.specColumns {
	padding-top: 14px;
	clear: left }

.specColumns td {
	width: 25%;
	vertical-align: top }

.specColumns ul, .adMaterials ul, #bigGallery ul, .genericList ul {
	margin: 0;
	padding: 0 12px 0 0 }

.specColumns li, .adMaterials li, #bigGallery li, .genericList li {
	background-image: url("images/bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	list-style-type: none;
	padding-bottom: 3px;
	padding-left: 10px }

.specColumns img {
	margin-bottom: 4px }

.specColumns .packages {
	margin-bottom: 16px }

.specsPage .specTable {
	float: left;
	clear: left }

.specTable td {
	white-space: nowrap;
	padding-top: 2px;
	padding-right: 14px;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc }

.specHead td {
	font-weight: bold;
	border-bottom: none }

.specsPage img#fade {
	position: fixed;
	z-index: 0;
	right: 0;
	float: right }

.pdf {
	display: inline;
	padding-right: 4px }

#content img#specAlternate, #content img.specAlternate {
	padding-top: 6px;
	padding-left: 6px;
	float: right;
	vertical-align: bottom }

/* About and Owner Content */

.acrobat {
	display: inline;
	padding-right: 6px;
	float: left }

#contentGroup1 .learnMore, #contentGroup2 .learnMore {
	text-align: right }

#contentAbout #contentGroup2 p, #contentAbout .contentGroup2 p, #contentOwners #contentGroup2 p, #contentBuild #contentGroup2 p {
	margin-bottom: 10px;
	width: 150px }

#contentAbout #contentGroup2 img, #contentAbout .contentGroup2 img, #contentOwners #contentGroup2 img, #contentBuild #contentGroup2 img {
	margin-bottom: 4px }

#contentAbout #contentGroup1 img, #contentOwners #contentGroup1 img, #contentBuild #contentGroup1 img {
	margin-top: 8px;
	margin-bottom: 8px }

#contentAbout h2, #contentOwners h2 {
	margin-top: 14px }

#contentAbout ol, #contentOwners ol {
	margin-top: 0 }

table#gtw {
	margin-top: 20px;
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc }

#gtw h1 {
	margin: 0 }

#contentOwners #gtw h2 {
	margin-top: 6px }

#gtw td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc }

#buildList strong {
	text-transform: uppercase }

#buildList {
	margin: 0;
	padding-left: 20px }

#buildList li {
	margin: 0;
	padding: 0 0 10px }

#contentAbout h1, #contentOwners h1 {
	margin-top: 0 }

#contentBuild h1 {
	margin-top: 16px }

.sidebarLogo {
	padding-top: 10px }

.logo {
	padding-bottom: 4px;
	padding-left: 10px }

#trackside {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #999 }

#trackside h2 {
	font-size: 12px;
	margin: 0 }

#trackside h3 {
	font-size: 12px;
	margin: 0 }

#trackside p {
	line-height: normal;
	margin: 0 0 10px }

/* Locator Content */

#locator {
	margin-top: 10px;
	margin-bottom: 20px }

#locator h2 {
	margin-top: 20px;
	margin-bottom: 0 }

#locator img {
	margin-top: 20px }

/* Contact Content */

#contentContact h1 { }

#contentContact h2 {
	font-size: 10px;
	font-weight: bold;
	margin: 0 }

#contactForm .contactGroup {
	margin-bottom: 8px }

#contactForm .contactGroup input {
	margin: 4px 4px 4px 0;
	vertical-align: middle }

#contactForm input, #contactForm textarea, #contactForm select {
	margin: 2px 4px 8px 0 }

#navContact {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #e6e6e6 }

#navContact ul {
	list-style-type: none;
	margin: 0;
	padding-left: 0 }

#navContact a {
	text-decoration: underline;
	background-color: transparent;
	display: block;
	padding: 3px 3px 3px 6px;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6 }

#navContact a:link, #navlist a:visited {
	text-decoration: none;
	text-transform: uppercase }

#navContact a:hover {
	color: black;
	background-color: #e6e6e6 }

.required {
	font-weight: bold;
	background-image: url("../../media/Required.gif");
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 12px }

/* Help Content */

#contentHelp h2 {
	margin: 10px 0 0 }

/* Dealer Content */

#contentDealer h3 {
	padding-top: 10px }

.button {
	margin-top: 6px;
	margin-bottom: 6px }

#contentDealer select {
	margin-right: 4px }

#contentDealer h1 {
	margin-top: 0 }

#contentDealer h2 {
	padding-top: 10px }

#contentDealer th {
	color: white;
	font-weight: bold;
	background-color: #666 }

#contentDealer #contentGroup2 {
	width: 183px;
	float: none;
	clear: left }

#contentDealer #contentGroup1 {
	width: 491px;
	float: right }

#contentDealer td, #contentDealer th {
	padding: 4px;
	border-right: 1px solid white }

#resultsIN, #resultsGA, #resultsUT, #resultsTX {
	margin-bottom: 14px }

#contentDealer .sortable td {
	border-right: 1px dotted #ccc;
	border-bottom: 1px solid #999 }

#contentDealer .sortable {
	border-left: 1px dotted #ccc }

.claimTable {
	margin-top: 4px;
	margin-bottom: 4px;
	border-bottom: 1px solid #ccc }

#dealerInfoSub table {
	border: solid 1px #666 }

#dealerInfoSub .header {
	color: white;
	background-color: #666 }

#dealerInfoSub td {
	padding: 4px }

/* Order Receipt */

#orderReceipt {
	padding-right: 7px;
	padding-left: 7px }

#orderReceipt .colTotal {
	width: 100px }

#orderTable {
	clear: left;
	border-top: 1px solid #666 }

#orderTable td, .claimTable td {
	padding-right: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #ccc }

.tableColHeader, .tableColFooter {
	font-weight: bold;
	text-transform: uppercase }

#orderReceipt table#total {
	margin-top: 20px;
	float: right }

#total td {
	padding-left: 20px }

#totalLine {
	font-weight: bold }

#orderReceipt .addressDealer h2, #orderReceipt .addressCustomer h2 {
	text-align: left;
	padding: 0 }

#orderReceipt h2 {
	font-size: 14px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px }

.addressDealer {
	padding-top: 10px;
	padding-bottom: 20px;
	float: left }

.addressCustomer {
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 20px;
	float: right }

#contentDealer .stepButton a {
	text-decoration: none;
	background-color: #fff;
	text-transform: uppercase;
	padding: 4px 6px;
	border: solid 1px #ccc }

#contentDealer .stepButton a:hover {
	background-color: #ccc }

#orderStepNav {
	background-color: #ffc;
	margin-top: 20px;
	padding: 6px;
	border: solid 1px #999 }

#orderStepNav input {
	margin-right: 6px }

/* Misc. Dealer Content*/

#warrantyCard {
	border: solid 1px black }

#contactCorporate, #contactIndiana, #contactTexas, #contactGeorgia, #contactUtah {
	margin-top: 6px;
	margin-bottom: 10px }

#bigGallery {
	margin-bottom: 12px }

#bigGallery h3 {
	margin: 0 }

#bigGallery tr {
	vertical-align: top }

#bigGallery td {
	width: 20% }

#bigGallery img {
	margin-right: auto;
	margin-left: auto;
	vertical-align: bottom }

/* Footer */

#navFooter a.last {
	border-right: none }

#navFooter ul {
	margin: 0;
	padding: 0;
	float: right }

#navFooter ul li {
	display: inline }

#navFooter ul li a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
	padding-right: 8px;
	padding-left: 8px;
	border-right: 1px solid #666 }

#navFooter ul li a:hover {
	text-decoration: underline }

#sponsorships img {
	display: inline;
	vertical-align: middle }

/* Popup Window */

body.photoPopUp {
	background-color: white;
	text-align: center }

#slideShow a {
	background-color: #fff;
	text-transform: uppercase;
	padding: 6px;
	border: solid 1px #ccc }

#slideShow a:hover {
	color: black }

#slideShow img {
	margin-right: auto;
	margin-left: auto;
	padding-top: 16px }

#slideShow select {
	margin: 5px;
	width: 400px }

/* Table Stripes */

.parts tbody tr.even td {
	background-color: #eee }

.parts tbody tr.odd td {
	background-color: #fff }

.parts th {
	background-color: #eee }

/*Sort Rules*/

.sortable th a:link, .sortable th a:visited {
	color: #fff;
	text-decoration: none;
	border: none }

#contentGroup0 .standardsList p {
	color: #333;
	font-size: 9px;
	line-height: 10px }