/* General styles */

table#triptych {
	width: 100%;
	color: #000;
	padding: 0;
	margin: 0;
}

table#triptych td#top-left-panel {
	background: url('images/top-left-panel.gif') no-repeat right top;
	height: 390px;
	background-color: #FFFFFF;
}

table#triptych td#top-center-panel {
	background: url('images/top-center-panel.gif') no-repeat top;
	width: 770px;
	height: 100%;
}

table#triptych td#top-right-panel {
	background: url('images/top-right-panel.gif') no-repeat left top;
	height: 390px;
	background-color: #FFFFFF;
}

table#triptych td#bottom-left-panel {
	background: url('images/bottom-left-panel.gif') no-repeat right bottom;
	height: 177px;
	background-color: #FFFFFF;
}

#bottom-center-panel {
	background: url('images/bottom-center-panel.gif') no-repeat left bottom;
	width: 770px;
	padding: 25% 0% 15% 0%;
}

table#triptych td#bottom-right-panel {
	background: url('images/bottom-right-panel.gif') no-repeat left bottom;
	height: 177px;
	background-color: #FFFFFF;
}


#header {
	background: url(images/main-header.gif) top left no-repeat;
}

#footer {
	background: url(images/main-footer.gif) top left no-repeat;
}

body {
	margin: 0;
	padding: 0;
}

body, font, a, td, th, div, span, h1, h2, h3 {
	font-family: Arial;
	font-size: 12pt;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li {
	background: url(images/headers-and-tabs/list-bullet.gif) no-repeat 0 9px;
	padding-left: 11px;
}


a.black-bold {
	font-weight: bold; 
	color: #000000;
	text-decoration: underline;
}

a.black-bold-no-ul {
	font-weight: bold; 
	color: #000000; 
	text-decoration: none;
}

a.black-bold-content {
	font-weight: bold; 
	color: #000000;
	text-decoration: underline;
	font-size: 70%;
}

a.black-bold-no-ul-content {
	font-weight: bold; 
	color: #000000; 
	text-decoration: none;
	font-size: 70%;
}

p.content, span.content {
	font-size: 70%;
}

table.plain {
	margin: 0px;
	padding: 0px;
}

/* START: Navigation */

#logout {
	margin: 0;
	padding: 0;
	height: 30px;
	display: inline;
	overflow: hidden;
	position: absolute;
	top: 156px;
	left: 1px;
}

#logout a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}

#logout a:hover, #logout a:active {
	background-position: 0 -30px;
}

a#logout-button {
	width: 78px;
	background: url(images/logout-button.gif) top left no-repeat;
}

#nav {
	margin: 0;
	padding: 0;
	height: 32px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#nav a {
	float: left;
	padding: 32px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}

#nav a:hover, #nav a:active, #nav a.selected {
	background-position: 0 -32px;
}

#home-button a {
	width: 60px;
	background: url(images/home-button.gif) top left no-repeat;
}

#about-us-button a {
	width: 76px;
	background: url(images/about-us-button.gif) top left no-repeat;
}

#news-button a {
	width: 52px;
	background: url(images/news-button.gif) top left no-repeat;
}

#dealers-button a {
	width: 85px;
	background: url(images/dealers-button.gif) top left no-repeat;
}

#spokes-model-button a
{
	width: 104px;
	background: url(images/spokes-model-button.gif) top left no-repeat;
}

#contact_us-button a
{
	width: 102px;
	background: url(images/contact-button.gif) top left no-repeat;
}

#testimonials-button a {
	width: 100px;
	background: url(images/testimonials-button.gif) top left no-repeat;
}

#project-opportunity-button a {
	width: 96px;
	background: url(images/project-opportunity-button.gif) top left no-repeat;
}

#employment-button a {
	width: 93px;
	background: url(images/employment-button.gif) top left no-repeat;
}

#contingency-program-button a {
	width: 95px;
	background: url(images/contingency-program-button.gif) top left no-repeat;
}

#promotional-items-button a {
	width: 96px;
	background: url(images/promotional-items-button.gif) top left no-repeat;
}

#model-search-spokes-model-button a {
	width: 114px;
	background: url(images/model-search-spokes-model-button.gif) top left no-repeat;
}

#bottom-nav {
	margin: 0;
	padding: 0;
	height: 31px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#bottom-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#bottom-nav a {
	float: left;
	padding: 31px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}

#bottom-nav a:hover, #bottom-nav a:active, #bottom-nav a.selected {
	background-position: 0 -32px;
}

#bottom-home-button a {
	width: 60px;
	background: url(images/bottom-home-button.gif) top left no-repeat;
}

#bottom-about-us-button a {
	width: 74px;
	background: url(images/bottom-about-us-button.gif) top left no-repeat;
}

#bottom-news-button a {
	width: 52px;
	background: url(images/bottom-news-button.gif) top left no-repeat;
}

#bottom-testimonials-button a {
	width: 94px;
	background: url(images/bottom-testimonials-button.gif) top left no-repeat;
}

#bottom-project-opportunity-button a {
	width: 92px;
	background: url(images/bottom-project-opportunity-button.gif) top left no-repeat;
}

#bottom-employment-button a {
	width: 93px;
	background: url(images/bottom-employment-button.gif) top left no-repeat;
}

#bottom-contingency-program-button a {
	width: 95px;
	background: url(images/bottom-contingency-program-button.gif) top left no-repeat;
}

#bottom-promotional-items-button a {
	width: 96px;
	background: url(images/bottom-promotional-items-button.gif) top left no-repeat;
}

#bottom-model-search-spokes-model-button a {
	width: 114px;
	background: url(images/bottom-model-search-spokes-model-button.gif) top left no-repeat;
}

#nav2 {
	margin: 0;
	padding: 0;
	height: 35px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#nav2 li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#nav2 a {
	float: left;
	padding: 35px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}

#nav2 a:hover, #nav2 a:active, #nav2 a.selected {
	background-position: 0 -35px;
}

#dealer-login-button a {
	width: 122px;
	background: url(images/dealer-login-button.gif) top left no-repeat;
}

#dealer-locator-button a {
	width: 142px;
	background: url(images/dealer-locator-button.gif) top left no-repeat;
}

#view-cart-button a {
	width: 100px;
	background: url(images/view-cart-button.gif) top left no-repeat;
}

#track-order-button a {
	width: 119px;
	background: url(images/track-order-button.gif) top left no-repeat;
}

#contact-us-button a {
	width: 95px;
	background: url(images/contact-us-button.gif) top left no-repeat;
}

#bottom-nav2 {
	margin: 0;
	padding: 0;
	height: 29px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#bottom-nav2 li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#bottom-nav2 a {
	float: left;
	padding: 29px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}

#bottom-nav2 a:hover, #bottom-nav2 a:active, #bottom-nav2 a.selected {
	background-position: 0 -29px;
}

#bottom-dealer-login-button a {
	width: 122px;
	background: url(images/bottom-dealer-login-button.gif) top left no-repeat;
}

#bottom-dealer-locator-button a {
	width: 142px;
	background: url(images/bottom-dealer-locator-button.gif) top left no-repeat;
}

#bottom-view-cart-button a {
	width: 100px;
	background: url(images/bottom-view-cart-button.gif) top left no-repeat;		
}
#bottom-track-order-button a {
	width: 119px;
	background: url(images/bottom-track-order-button.gif) top left no-repeat;
}

#bottom-contact-us-button a {
	width: 113px;
	background: url(images/bottom-contact-us-button.gif) top left no-repeat;
}

#sidenav {
	margin: 0 0 0 2px;
	padding: 0;
	list-style: none;
	font-weight: bold;
}

#sidenav li {
	margin: 0;
	background: none;
	padding: 0;
	margin: 0 0 5px 0;
	list-style: none;
	font-weight: bold;
}

#sidenav a {
	background: url(images/headers-and-tabs/9w-7h-gray-rectangle.gif) no-repeat 0 6px;
	padding: 0 0 0 13px;
	color: #000000;
	text-decoration: none;
}

#sidenav a .link {
	padding: 2px 0 2px 4px;
	font-weight: bold;
	font-size: 75%;
}


#sidenav a:hover, #sidenav a:active, #sidenav a.selected {
	background: url(images/headers-and-tabs/9w-7h-red-rectangle.gif) no-repeat 0px 6px;
	padding: 0 0 0 13px;
	color: #FFFFFF;
	overflow: hidden;
	font-weight: bold;
}

#sidenav a:hover .link, #sidenav a:active .link, #sidenav a.selected .link {
	background: rgb(91, 91, 91);
	padding: 2px 4px 2px 4px;
	font-weight: bold;
}

/* END: Navigation */

/* START: Headers/Tabs */

.gray-to-white-content {
	background: url(images/headers-and-tabs/gray-white-content-bg.gif) repeat-x top left;
}

.gray-black-header {
	background: url(images/headers-and-tabs/gray-black-header-bg.gif) repeat-x top left #FFFFFF;
	height: 34px;
}

.gray-black-header-30h {
	background: url(images/headers-and-tabs/gray-black-header-30h-bg.gif) repeat-x top left #FFFFFF;
	height: 24px;
	padding: 6px 0px 0px 10px;
}

h2.white-header-30h {
	font-size: 90%;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0;
}

span.small-header-text {
	font-size: 95%;
	font-weight: normal;
}

div.form-header {
	background: url(images/headers-and-tabs/form-header.gif) rgb(208, 208, 208) top left repeat-x;
	padding-top: 15px;
}

div.form-footer {
	background: url(images/headers-and-tabs/form-footer.gif) rgb(208, 208, 208) bottom left repeat-x;
	padding-bottom: 29px;
}

div.form-footer label {
	font-size: 70%;
	white-space: nowrap;
	padding-right: 5px;
}

div.form-footer label.wrap {
	font-size: 70%;
	white-space: normal;
}

.red-dark-to-light-gray-header {
	background: rgb(255, 35, 60);
	padding-left: 4px;
}

.red-dark-to-light-gray-header h1 {
	background: url(images/headers-and-tabs/red-dark-to-light-gray-header-bg.gif) repeat-x;
	padding: 5px 0px 4px 8px;
	color: #FFFFFF;
	height: 16px;
	font-size: 90%;
	font-weight: bold;
	margin: 0px;
}

.red-white-header h2 {
	background: url(images/headers-and-tabs/red-transparent-header.gif) repeat-x 0px 0px;
	padding: 7px 0px 4px 9px;
	color: #000000;
	font-size: 80%;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}

.red-white-header h1 {
	background: url(images/headers-and-tabs/red-transparent-header.gif) repeat-x 0px 0px;
	padding: 7px 0px 4px 9px;
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}


/* END: Headers/Tabs */

/* START: Content */

table.bordered-no-sides thead th {
	border-top: 1px solid rgb(128, 130, 132);
	border-bottom: 1px solid rgb(128, 130, 132);
}

table.bordered-no-sides tbody.content tr {
	background: rgb(91, 91, 91);
}

table.bordered-no-sides tbody.content td {
	border-top: 0px;
	padding-left: 25px;
}

.bordered {
	border: 1px solid rgb(128, 130, 132);
}

.homepage-box-content {
	background: url(images/headers-and-tabs/gray-white-content-bg.gif) repeat-x top left #FFFFFF;
}

.news-image-trailer {
	background: url(images/headers-and-tabs/image-trailer-bg.gif) repeat-x top left #FFFFFF;
	height: 44px;
}

table.news td.item {
	border-bottom: 1px dotted rgb(128, 130, 132);
}

h1.specials {
	background: url(images/headers-and-tabs/4w-19h-red-bar.gif) no-repeat top left;
	font-size: 75%;
	font-weight: bold;
	padding: 0px 0px 4px 9px;
	margin: 0 0 2px 0;
}

h1.news {
	background: url(images/headers-and-tabs/4w-19h-red-bar.gif) no-repeat top left;
	font-size: 75%;
	font-weight: bold;
	padding: 0px 0px 10px 9px;
	margin: 0 0 2px 0;
}

.homepage-box-content table tbody.content td {
	font-size: 70%;
}

.homepage-box-content table thead th {
	text-align: left;
}

span.content {
	font-size: 70%;
}

p.content {
	font-size: 70%;
	margin: 0;
	padding: 0;
}

.content b.larger {
	font-size: 120%;
}

.content b.largest {
	font-size: 200%;
}

span.content-error {
	font-size: 70%;
	color: #FF0000;
}

p.content-error {
	font-size: 70%;
	color: #FF0000;
	margin: 0;
	padding: 0;
}

/* END: Content */

/* START: Forms */

form {
	margin: 0px;
	padding: 0px;
}

form input.textfield {
	width: 150px;
}

tbody.form table td {
	padding: 6px 0px 6px 0px;
}

/* END: Forms */

/* START: Lists */

ul.red-box-list {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}

ul.red-box-list li {
	padding: 0 0 0 11px;
	margin: 0;
	line-height: 0.80em;
	list-style: none;
	background: none;
}

ul.red-box-list li.marked {
	background: url(images/headers-and-tabs/9w-7h-red-rectangle.gif) no-repeat 0px 4px;
	margin-left: 10px;
	margin-top: 4px;
}


/* END: Lists */


/* START: Contact Us */

/* END: Contact Us */


/* START: News */

.news-box-content {
	background: url(images/headers-and-tabs/gray-white-content-bg.gif) repeat-x top left #FFFFFF;
}

.news-box-content table tbody.content td {
	font-size: 70%;
}

.news-box-content table thead th {
	text-align: left;
}

.news-box-content .news-image-trailer {
	background: url(images/headers-and-tabs/image-trailer-bg.gif) repeat-x top left #FFFFFF;
	height: 27px;
}

/* END: News */

/* START: Dealer Login */

tbody.tight-rows tr td {
	padding: 2px 0px 2px 0px;

}

tbody.business-nature input {
	padding: 0px;
	margin: 0px;
}


/* END: Dealer Login */

/* START: Dealer Landing */

div#dealer-landing h1 {
	font-size: 100%;
	color: rgb(255, 35, 60);
	padding: 0;
	margin: 0 0 20px 0;
}

div#dealer-landing ul.red-box-list {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}

div#dealer-landing ul.red-box-list li {
	padding: 0 0 0 11px;
	margin: 0;
	font-size: 90%;
	line-height: 1.1em;
	list-style: none;
	background: none;
}

div#dealer-landing ul.red-box-list li.marked {
	background: url(images/headers-and-tabs/9w-7h-red-rectangle.gif) no-repeat 0px 4px;
	margin-left: 10px;
	margin-top: 4px;
}

/* END: Dealer Landing */

/* START: Products */

table.product-variations th, table.product-variations td {
	font-size: 70%;
}

table.product-variations thead tr {
	background: url(images/headers-and-tabs/variation-listing-header.gif) repeat-x top left #FFFFFF;
}

table.product-variations thead th {
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding: 10px 0px 10px 10px;
}

table.product-variations tbody td {
	color: #000000;
	text-align: left;
	padding: 3px 0px 3px 10px;
}

div.product-variations-header {
	background: url(images/headers-and-tabs/form-header.gif) rgb(208, 208, 208) top left repeat-x;
	width: 515px;
}

div.product-variations-footer {
	background: url(images/headers-and-tabs/form-footer.gif) rgb(208, 208, 208) bottom left repeat-x;
	padding-bottom: 20px;
}


/* END: Products */

/* START: Track Order */

table#tracking-info {
	border-top: 2px solid #111111;
	border-left: 2px solid #111111;
}

table#tracking-info tr th, table#tracking-info tr td {
	text-align: left;
	font-size: 70%;
	border-bottom: 2px solid #111111;
	border-right: 2px solid #111111;
	padding-left: 5px;
}

/* END: Track Order */

/* START: Cart */

table#cart-items th, table#cart-items td {
	font-size: 70%;
}

table#cart-items thead tr {
	background: url(images/headers-and-tabs/variation-listing-header.gif) repeat-x top left #FFFFFF;
}

table#cart-items thead th {
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding: 10px 0px 14px 10px;
}

table#cart-items tbody td {
	color: #000000;
	text-align: left;
	padding: 5px 0px 5px 10px;
}

div#cart-items-header {
	background: url(images/headers-and-tabs/form-header.gif) rgb(208, 208, 208) top left repeat-x;
	width: 550px;
}

div#cart-items-footer {
	background: url(images/headers-and-tabs/form-footer.gif) rgb(208, 208, 208) bottom left repeat-x;
	padding-bottom: 20px;
}


#cart-top-content {
	margin-bottom: 35px;
}

#cart-top-action-buttons {
	margin-bottom: 25px;
}

#cart-bottom-action-buttons {
	margin-bottom: 75px;
}

#cart-subtotal-line {
	background: url(images/headers-and-tabs/light-gray-to-white-bg.gif) #FFFFFF repeat-x top left;
	text-align: right;
	padding: 7px 0px 0px 0px;
	height: 42px;
	margin-bottom: 45px;
}

#cart-upsells {
	margin: 20px 0px 55px 0px;
}

table#cart-upsells-table th, table#cart-upsells-table td {
	font-size: 70%;
}

table#cart-upsells-table thead tr {
	background: url(images/headers-and-tabs/white-black-white-30h-bg.gif) repeat-x top left #FFFFFF;
	height: 30px;
}

table#cart-upsells-table thead th {
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 10px 10px;
}

table#cart-upsells-table tbody td {
	color: #000000;
	text-align: left;
	padding: 5px 0px 5px 10px;
}

#confirm-order-top-content {
	margin-bottom: 25px;
}

#confirm-order-subtotal-line {
	background: url(images/headers-and-tabs/light-gray-to-white-bg.gif) #FFFFFF repeat-x top left;
	text-align: right;
	margin-bottom: 20px;
	width: 550px;
}

/* END: Cart */

/* START: About Us */

p.about-us-content {
	font-size: 80%;
	margin: 0;
}

p.about-us-content b {
	font-size: 120%;
}

/* END: About Us */

